@use "./item-sliding.common";
@use "../../themes/ionic/ionic.globals.scss" as globals;
@import "../../themes/native/native.globals";

// Transition utility classes
.item-sliding-transition-open .item {
  transition: transform 250ms cubic-bezier(0.25, 1, 0.5, 1);
}

.item-sliding-transition-snapback .item {
  transition: transform globals.$ion-transition-time-300 globals.$ion-transition-curve-bounce;
}

// Ionic full-swipe confirm sequence (replaces inline `transition` on item / expandable width)
.item-sliding-ionic-confirm-item-in .item {
  transition: transform globals.$ion-transition-time-150 globals.$ion-transition-curve-base;
}

.item-sliding-ionic-confirm-item-back .item {
  transition: transform globals.$ion-transition-time-500 globals.$ion-transition-curve-bounce;
}

ion-item-option.item-sliding-expandable-width-in {
  transition: width globals.$ion-transition-time-150 globals.$ion-transition-curve-base;
}

ion-item-option.item-sliding-expandable-width-back {
  transition: width globals.$ion-transition-time-500 globals.$ion-transition-curve-bounce;
}

.item-sliding-active-slide .item {
  position: relative;

  opacity: 1;
  z-index: $z-index-item-options + 1;
  pointer-events: none;
  will-change: transform;
}