@ionic/core 8.8.7-dev.11778163906.173cadb1 → 8.8.7-dev.11778599050.191a48e3

package/components/ion-item-option.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{p as t,H as e,h as n,d as i,t as o}from"./p-3Ni1Z654.js";import{c as r}from"./p-DaJxRxSQ.js";import{b as a}from"./p-CVBkx7m1.js";import{d as s}from"./p-D5lMX0xt.js";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.disabled=!1,this.expandable=!1,this.hue="subtle",this.type="button",this.onClick=t=>{t.target.closest("ion-item-option")&&t.preventDefault()}}getShape(){const t=a(this),{shape:e}=this;if("ionic"===t)return void 0===e?"round":e}render(){const{disabled:t,expandable:e,href:o,hue:s}=this,l=void 0===o?"button":"a",p=a(this),d=this.getShape(),c="button"===l?{type:this.type}:{download:this.download,href:this.href,target:this.target};return n(i,{key:"810fe351aa83d6e88cb0e2ebee307b3050e65b45",onClick:this.onClick,class:r(this.color,{[p]:!0,["item-option-"+d]:void 0!==d,["item-option-"+s]:void 0!==s,"item-option-disabled":t,"item-option-expandable":e,"ion-activatable":!0})},n(l,Object.assign({key:"6eb95c4f815e774d1b579a1fb2ddcad891966ca0"},c,{class:"button-native",part:"native",disabled:t}),n("span",{key:"5630c1bd31910f46b0a08017a98f7935f17385bf",class:"button-inner",part:"inner"},n("slot",{key:"081375e3b9683347008d08817ded21c61a374d93",name:"top"}),n("div",{key:"99d7dff311268ab4677397ab5a29b068f1cdf79b",class:"horizontal-wrapper",part:"container"},n("slot",{key:"b88858db83d847e3d49a84b75eb277500cb66fb3",name:"start"}),n("slot",{key:"8ca5149591a5e3285eff5078e1eb03554fb0713b",name:"icon-only"}),n("slot",{key:"a8229a5e11bf41926745ab71f6dcd2d2ca63806c"}),n("slot",{key:"9a497c0cb92fe14ad6b9063fa0946fcd75fb8c08",name:"end"})),n("slot",{key:"cae262fd2b7fad9e4bc9c02541fa17a6480ecf7f",name:"bottom"})),"md"===p&&n("ion-ripple-effect",{key:"7114b927480e6a9261c7568e036ecf38ec1680ab"})))}get el(){return this}static get style(){return{ionic:':host{background:var(--background);color:var(--color)}.button-native{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;display:inline-block;position:relative;width:100%;height:100%;border:0;outline:none;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}.button-inner{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.horizontal-wrapper{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%}::slotted(*){-ms-flex-negative:0;flex-shrink:0}:host(.item-option-expandable){-ms-flex-negative:0;flex-shrink:0;-webkit-transition-duration:0;transition-duration:0;-webkit-transition-property:none;transition-property:none}:host(.item-option-disabled){pointer-events:none}:host(.item-option-disabled) .button-native{cursor:default;pointer-events:none}:host{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-1, 1%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none}.button-native{-webkit-padding-start:var(--token-space-200, var(--token-scale-200, 8px));padding-inline-start:var(--token-space-200, var(--token-scale-200, 8px));-webkit-padding-end:var(--token-space-200, var(--token-scale-200, 8px));padding-inline-end:var(--token-space-200, var(--token-scale-200, 8px));padding-top:var(--token-space-200, var(--token-scale-200, 8px));padding-bottom:var(--token-space-200, var(--token-scale-200, 8px));min-width:var(--token-scale-1600, 64px);height:var(--token-scale-1600, 64px)}::slotted([slot=top]){margin-left:0;margin-right:0;margin-top:0;margin-bottom:var(--token-space-100, var(--token-scale-100, 4px))}::slotted([slot=bottom]){margin-left:0;margin-right:0;margin-top:var(--token-space-100, var(--token-scale-100, 4px));margin-bottom:0}::slotted([slot=start]){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--token-space-100, var(--token-scale-100, 4px));margin-inline-end:var(--token-space-100, var(--token-scale-100, 4px));margin-top:0;margin-bottom:0}::slotted([slot=end]){-webkit-margin-start:var(--token-space-100, var(--token-scale-100, 4px));margin-inline-start:var(--token-space-100, var(--token-scale-100, 4px));-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}::slotted(ion-icon),::slotted([slot=icon-only]){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;width:var(--token-scale-500, 20px);min-width:initial;height:var(--token-scale-500, 20px)}:host(.item-option-round){border-radius:var(--token-border-radius-300, var(--token-scale-300, 12px))}:host(.item-option-soft){border-radius:var(--token-border-radius-200, var(--token-scale-200, 8px))}:host(.item-option-rectangular){border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}:host(.item-option-disabled)::after{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-state-disabled, rgba(255, 255, 255, 0.6));content:"";pointer-events:none}:host(.item-option-disabled) .button-native{opacity:1}:host(.item-option-subtle){--background:var(--ion-color-primary-subtle, var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #e9ecfc))));--background-activated:var(--ion-color-primary-subtle-shade, var(--token-bg-primary-subtle-press, var(--token-semantics-primary-300, var(--token-primitives-blue-300, #d0d7fa))));--color:var(--ion-color-primary-subtle-contrast, var(--token-text-primary, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3))))}:host(.item-option-subtle.ion-color){background:var(--ion-color-subtle-base);color:var(--ion-color-subtle-contrast)}:host(.item-option-bold){--background:var(--ion-color-primary, var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)))));--background-activated:var(--ion-color-primary-shade, var(--token-bg-primary-base-press, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3))));--color:var(--ion-color-primary-contrast, var(--token-text-inverse, var(--token-primitives-base-white, #ffffff)))}:host(.item-option-bold.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.item-option-expandable){-webkit-transition-timing-function:var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition-timing-function:var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1))}',ios:":host{background:var(--background);color:var(--color)}.button-native{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;display:inline-block;position:relative;width:100%;height:100%;border:0;outline:none;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}.button-inner{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.horizontal-wrapper{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%}::slotted(*){-ms-flex-negative:0;flex-shrink:0}:host(.item-option-expandable){-ms-flex-negative:0;flex-shrink:0;-webkit-transition-duration:0;transition-duration:0;-webkit-transition-property:none;transition-property:none}:host(.item-option-disabled){pointer-events:none}:host(.item-option-disabled) .button-native{cursor:default;pointer-events:none}:host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);font-family:var(--ion-font-family, inherit)}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}.button-native{-webkit-padding-start:0.7em;padding-inline-start:0.7em;-webkit-padding-end:0.7em;padding-inline-end:0.7em;padding-top:0;padding-bottom:0}::slotted([slot=start]){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:5px;margin-inline-end:5px;margin-top:0;margin-bottom:0}::slotted([slot=end]){-webkit-margin-start:5px;margin-inline-start:5px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}::slotted([slot=icon-only]){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px;margin-top:0;margin-bottom:0;min-width:0.9em;font-size:1.8em}:host(.item-option-disabled) .button-native{opacity:0.5}:host(.item-option-expandable){-webkit-transition-timing-function:cubic-bezier(0.65, 0.05, 0.36, 1);transition-timing-function:cubic-bezier(0.65, 0.05, 0.36, 1)}:host{font-size:clamp(16px, 1rem, 35.2px)}:host(.ion-activated){background:var(--ion-color-primary-shade, #004acd)}:host(.ion-color.ion-activated){background:var(--ion-color-shade)}",md:":host{background:var(--background);color:var(--color)}.button-native{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;display:inline-block;position:relative;width:100%;height:100%;border:0;outline:none;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}.button-inner{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.horizontal-wrapper{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%}::slotted(*){-ms-flex-negative:0;flex-shrink:0}:host(.item-option-expandable){-ms-flex-negative:0;flex-shrink:0;-webkit-transition-duration:0;transition-duration:0;-webkit-transition-property:none;transition-property:none}:host(.item-option-disabled){pointer-events:none}:host(.item-option-disabled) .button-native{cursor:default;pointer-events:none}:host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);font-family:var(--ion-font-family, inherit)}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}.button-native{-webkit-padding-start:0.7em;padding-inline-start:0.7em;-webkit-padding-end:0.7em;padding-inline-end:0.7em;padding-top:0;padding-bottom:0}::slotted([slot=start]){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:5px;margin-inline-end:5px;margin-top:0;margin-bottom:0}::slotted([slot=end]){-webkit-margin-start:5px;margin-inline-start:5px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}::slotted([slot=icon-only]){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px;margin-top:0;margin-bottom:0;min-width:0.9em;font-size:1.8em}:host(.item-option-disabled) .button-native{opacity:0.5}:host(.item-option-expandable){-webkit-transition-timing-function:cubic-bezier(0.65, 0.05, 0.36, 1);transition-timing-function:cubic-bezier(0.65, 0.05, 0.36, 1)}:host{font-size:0.875rem;font-weight:500;text-transform:uppercase}"}}},[289,"ion-item-option",{color:[513],disabled:[4],download:[1],expandable:[4],href:[1],hue:[1],rel:[1],target:[1],type:[1],shape:[1]}]),p=l,d=function(){"undefined"!=typeof customElements&&["ion-item-option","ion-ripple-effect"].forEach((t=>{switch(t){case"ion-item-option":customElements.get(o(t))||customElements.define(o(t),l);break;case"ion-ripple-effect":customElements.get(o(t))||s()}}))};export{p as IonItemOption,d as defineCustomElement}
+import{p as t,H as e,h as n,d as i,t as o}from"./p-3Ni1Z654.js";import{c as r}from"./p-DaJxRxSQ.js";import{b as a}from"./p-CVBkx7m1.js";import{d as s}from"./p-D5lMX0xt.js";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.disabled=!1,this.expandable=!1,this.hue="subtle",this.type="button",this.onClick=t=>{t.target.closest("ion-item-option")&&t.preventDefault()}}getShape(){const t=a(this),{shape:e}=this;if("ionic"===t)return void 0===e?"round":e}render(){const{disabled:t,expandable:e,href:o,hue:s}=this,l=void 0===o?"button":"a",p=a(this),d=this.getShape(),c="button"===l?{type:this.type}:{download:this.download,href:this.href,target:this.target};return n(i,{key:"810fe351aa83d6e88cb0e2ebee307b3050e65b45",onClick:this.onClick,class:r(this.color,{[p]:!0,["item-option-"+d]:void 0!==d,["item-option-"+s]:void 0!==s,"item-option-disabled":t,"item-option-expandable":e,"ion-activatable":!0})},n(l,Object.assign({key:"6eb95c4f815e774d1b579a1fb2ddcad891966ca0"},c,{class:"button-native",part:"native",disabled:t}),n("span",{key:"5630c1bd31910f46b0a08017a98f7935f17385bf",class:"button-inner",part:"inner"},n("slot",{key:"081375e3b9683347008d08817ded21c61a374d93",name:"top"}),n("div",{key:"99d7dff311268ab4677397ab5a29b068f1cdf79b",class:"horizontal-wrapper",part:"container"},n("slot",{key:"b88858db83d847e3d49a84b75eb277500cb66fb3",name:"start"}),n("slot",{key:"8ca5149591a5e3285eff5078e1eb03554fb0713b",name:"icon-only"}),n("slot",{key:"a8229a5e11bf41926745ab71f6dcd2d2ca63806c"}),n("slot",{key:"9a497c0cb92fe14ad6b9063fa0946fcd75fb8c08",name:"end"})),n("slot",{key:"cae262fd2b7fad9e4bc9c02541fa17a6480ecf7f",name:"bottom"})),"md"===p&&n("ion-ripple-effect",{key:"7114b927480e6a9261c7568e036ecf38ec1680ab"})))}get el(){return this}static get style(){return{ionic:':host{background:var(--background);color:var(--color)}.button-native{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;display:inline-block;position:relative;width:100%;height:100%;border:0;outline:none;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}.button-inner{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.horizontal-wrapper{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%}::slotted(*){-ms-flex-negative:0;flex-shrink:0}:host(.item-option-expandable){-ms-flex-negative:0;flex-shrink:0;-webkit-transition-duration:0;transition-duration:0;-webkit-transition-property:none;transition-property:none}:host(.item-option-disabled){pointer-events:none}:host(.item-option-disabled) .button-native{cursor:default;pointer-events:none}:host{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-1, 1%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none}.button-native{-webkit-padding-start:var(--token-space-200, var(--token-scale-200, 8px));padding-inline-start:var(--token-space-200, var(--token-scale-200, 8px));-webkit-padding-end:var(--token-space-200, var(--token-scale-200, 8px));padding-inline-end:var(--token-space-200, var(--token-scale-200, 8px));padding-top:var(--token-space-200, var(--token-scale-200, 8px));padding-bottom:var(--token-space-200, var(--token-scale-200, 8px));min-width:var(--token-scale-1600, 64px);height:var(--token-scale-1600, 64px)}::slotted([slot=top]){margin-left:0;margin-right:0;margin-top:0;margin-bottom:var(--token-space-100, var(--token-scale-100, 4px))}::slotted([slot=bottom]){margin-left:0;margin-right:0;margin-top:var(--token-space-100, var(--token-scale-100, 4px));margin-bottom:0}::slotted([slot=start]){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--token-space-100, var(--token-scale-100, 4px));margin-inline-end:var(--token-space-100, var(--token-scale-100, 4px));margin-top:0;margin-bottom:0}::slotted([slot=end]){-webkit-margin-start:var(--token-space-100, var(--token-scale-100, 4px));margin-inline-start:var(--token-space-100, var(--token-scale-100, 4px));-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}::slotted(ion-icon),::slotted([slot=icon-only]){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;width:var(--token-scale-500, 20px);min-width:initial;height:var(--token-scale-500, 20px)}:host(.item-option-round){border-radius:var(--token-border-radius-300, var(--token-scale-300, 12px))}:host(.item-option-soft){border-radius:var(--token-border-radius-200, var(--token-scale-200, 8px))}:host(.item-option-rectangular){border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}:host(.item-option-disabled)::after{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-state-disabled, rgba(255, 255, 255, 0.6));content:"";pointer-events:none}:host(.item-option-disabled) .button-native{opacity:1}:host(.item-option-subtle){--background:var(--ion-color-primary-subtle, var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #e9ecfc))));--background-activated:var(--ion-color-primary-subtle-shade, var(--token-bg-primary-subtle-press, var(--token-semantics-primary-300, var(--token-primitives-blue-300, #d0d7fa))));--color:var(--ion-color-primary-subtle-contrast, var(--token-text-primary, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3))))}:host(.item-option-subtle.ion-color){background:var(--ion-color-subtle-base);color:var(--ion-color-subtle-contrast)}:host(.item-option-bold){--background:var(--ion-color-primary, var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)))));--background-activated:var(--ion-color-primary-shade, var(--token-bg-primary-base-press, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3))));--color:var(--ion-color-primary-contrast, var(--token-text-inverse, var(--token-primitives-base-white, #ffffff)))}:host(.item-option-bold.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.item-option-expand-threshold){-webkit-filter:brightness(0.92);filter:brightness(0.92)}',ios:":host{background:var(--background);color:var(--color)}.button-native{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;display:inline-block;position:relative;width:100%;height:100%;border:0;outline:none;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}.button-inner{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.horizontal-wrapper{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%}::slotted(*){-ms-flex-negative:0;flex-shrink:0}:host(.item-option-expandable){-ms-flex-negative:0;flex-shrink:0;-webkit-transition-duration:0;transition-duration:0;-webkit-transition-property:none;transition-property:none}:host(.item-option-disabled){pointer-events:none}:host(.item-option-disabled) .button-native{cursor:default;pointer-events:none}:host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);font-family:var(--ion-font-family, inherit)}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}.button-native{-webkit-padding-start:0.7em;padding-inline-start:0.7em;-webkit-padding-end:0.7em;padding-inline-end:0.7em;padding-top:0;padding-bottom:0}::slotted([slot=start]){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:5px;margin-inline-end:5px;margin-top:0;margin-bottom:0}::slotted([slot=end]){-webkit-margin-start:5px;margin-inline-start:5px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}::slotted([slot=icon-only]){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px;margin-top:0;margin-bottom:0;min-width:0.9em;font-size:1.8em}:host(.item-option-disabled) .button-native{opacity:0.5}:host(.item-option-expandable){-webkit-transition-timing-function:cubic-bezier(0.65, 0.05, 0.36, 1);transition-timing-function:cubic-bezier(0.65, 0.05, 0.36, 1)}:host{font-size:clamp(16px, 1rem, 35.2px)}:host(.ion-activated){background:var(--ion-color-primary-shade, #004acd)}:host(.ion-color.ion-activated){background:var(--ion-color-shade)}",md:":host{background:var(--background);color:var(--color)}.button-native{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;display:inline-block;position:relative;width:100%;height:100%;border:0;outline:none;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}.button-inner{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.horizontal-wrapper{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%}::slotted(*){-ms-flex-negative:0;flex-shrink:0}:host(.item-option-expandable){-ms-flex-negative:0;flex-shrink:0;-webkit-transition-duration:0;transition-duration:0;-webkit-transition-property:none;transition-property:none}:host(.item-option-disabled){pointer-events:none}:host(.item-option-disabled) .button-native{cursor:default;pointer-events:none}:host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);font-family:var(--ion-font-family, inherit)}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}.button-native{-webkit-padding-start:0.7em;padding-inline-start:0.7em;-webkit-padding-end:0.7em;padding-inline-end:0.7em;padding-top:0;padding-bottom:0}::slotted([slot=start]){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:5px;margin-inline-end:5px;margin-top:0;margin-bottom:0}::slotted([slot=end]){-webkit-margin-start:5px;margin-inline-start:5px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}::slotted([slot=icon-only]){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px;margin-top:0;margin-bottom:0;min-width:0.9em;font-size:1.8em}:host(.item-option-disabled) .button-native{opacity:0.5}:host(.item-option-expandable){-webkit-transition-timing-function:cubic-bezier(0.65, 0.05, 0.36, 1);transition-timing-function:cubic-bezier(0.65, 0.05, 0.36, 1)}:host{font-size:0.875rem;font-weight:500;text-transform:uppercase}"}}},[289,"ion-item-option",{color:[513],disabled:[4],download:[1],expandable:[4],href:[1],hue:[1],rel:[1],target:[1],type:[1],shape:[1]}]),p=l,d=function(){"undefined"!=typeof customElements&&["ion-item-option","ion-ripple-effect"].forEach((t=>{switch(t){case"ion-item-option":customElements.get(o(t))||customElements.define(o(t),l);break;case"ion-ripple-effect":customElements.get(o(t))||s()}}))};export{p as IonItemOption,d as defineCustomElement}

package/components/ion-item-sliding.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{p as t,H as i,e as s,f as e,h as n,t as o,d as r}from"./p-3Ni1Z654.js";import{a as h,d as a,r as d}from"./p-wCDzv5Q8.js";import{m as l}from"./p-BqDiJgC_.js";import{w as c}from"./p-Dtdm8lKC.js";import{b as m}from"./p-CVBkx7m1.js";let p;const u=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.ionDrag=s(this,"ionDrag",7),this.item=null,this.openAmount=0,this.initialOpenAmount=0,this.optsWidthRightSide=0,this.optsWidthLeftSide=0,this.sides=0,this.optsDirty=!0,this.contentEl=null,this.initialContentScrollY=!0,this.state=2,this.disabled=!1}disabledChanged(){this.gesture&&this.gesture.enable(!this.disabled)}async connectedCallback(){const{el:t}=this;this.item=t.querySelector("ion-item"),this.contentEl=h(t),this.mutationObserver=c(t,"ion-item-option",(async()=>{await this.updateOptions()})),await this.updateOptions(),this.gesture=(await import("./p-Cl0B-RWe.js")).createGesture({el:t,gestureName:"item-swipe",gesturePriority:100,threshold:5,canStart:t=>this.canStart(t),onStart:()=>this.onStart(),onMove:t=>this.onMove(t),onEnd:t=>this.onEnd(t)}),this.disabledChanged()}disconnectedCallback(){var t;this.gesture&&(this.gesture.destroy(),this.gesture=void 0),void 0!==this.tmr&&(clearTimeout(this.tmr),this.tmr=void 0),null===(t=this.animationAbortController)||void 0===t||t.abort(),this.item=null,this.leftOptions=this.rightOptions=void 0,p===this.el&&(p=void 0),this.mutationObserver&&(this.mutationObserver.disconnect(),this.mutationObserver=void 0)}getOpenAmount(){return Promise.resolve(this.openAmount)}getSlidingRatio(){return Promise.resolve(this.getSlidingRatioSync())}async open(t){var i;if(128&this.state)return;if(null===(this.item=null!==(i=this.item)&&void 0!==i?i:this.el.querySelector("ion-item")))return;const s=this.getOptions(t);s&&(void 0===t&&(t=s===this.leftOptions?"start":"end"),t=l(t)?"end":"start",this.openAmount<0&&s===this.leftOptions||this.openAmount>0&&s===this.rightOptions||(this.closeOpened(),this.state=4,requestAnimationFrame((()=>{this.calculateOptsWidth(),p=this.el,this.setOpenAmount("end"===t?this.optsWidthRightSide:-this.optsWidthLeftSide,!1),this.state="end"===t?8:16}))))}async close(){128&this.state||this.setOpenAmount(0,!0)}async closeOpened(){return void 0!==p&&(p.close(),p=void 0,!0)}getOptions(t){return void 0===t?this.leftOptions||this.rightOptions:"start"===t?this.leftOptions:this.rightOptions}hasExpandableOptions(t){if(!t)return!1;const i=t.querySelectorAll("ion-item-option");return Array.from(i).some((t=>!0===t.expandable&&!t.disabled))}delay(t,i){return new Promise(((s,e)=>{const n=setTimeout(s,t);i.addEventListener("abort",(()=>{clearTimeout(n),e(new DOMException("Animation cancelled","AbortError"))}),{once:!0})}))}animateToPosition(t,i,s){return new Promise(((e,n)=>{if(!this.item)return e();this.item.style.transition=`transform ${i}ms ease-out`,this.item.style.transform=`translate3d(${-t}px, 0, 0)`;const o=setTimeout(e,i);s.addEventListener("abort",(()=>{clearTimeout(o),n(new DOMException("Animation cancelled","AbortError"))}),{once:!0})}))}getSwipeThreshold(t){return("end"===t?this.optsWidthRightSide:this.optsWidthLeftSide)+30}async animateFullSwipe(t){const i=new AbortController;this.animationAbortController=i;const{signal:s}=i;this.gesture&&this.gesture.enable(!1);try{const i="end"===t?this.rightOptions:this.leftOptions;this.state="end"===t?168:208,await this.delay(100,s);const e="end"===t?window.innerWidth:-window.innerWidth;await this.animateToPosition(e,250,s),i&&i.fireSwipeEvent(),await this.delay(300,s),await this.animateToPosition(0,250,s)}catch(t){}finally{this.animationAbortController=void 0,this.item&&(this.item.style.transition="",this.item.style.transform=""),this.openAmount=0,this.state=2,p===this.el&&(p=void 0),this.gesture&&this.gesture.enable(!this.disabled)}}async updateOptions(){var t;const i=this.el.querySelectorAll("ion-item-options");let s=0;this.leftOptions=this.rightOptions=void 0;for(let e=0;e<i.length;e++){const n=i.item(e),o=void 0!==n.componentOnReady?await n.componentOnReady():n;"start"==(l(null!==(t=o.side)&&void 0!==t?t:o.getAttribute("side"))?"end":"start")?(this.leftOptions=o,s|=1):(this.rightOptions=o,s|=2)}this.optsDirty=!0,this.sides=s}canStart(t){return!("rtl"===document.dir?window.innerWidth-t.startX<15:t.startX<15)&&(p&&p!==this.el&&this.closeOpened(),!(!this.rightOptions&&!this.leftOptions))}onStart(){this.item=this.el.querySelector("ion-item");const{contentEl:t}=this;t&&(this.initialContentScrollY=a(t)),p=this.el,void 0!==this.tmr&&(clearTimeout(this.tmr),this.tmr=void 0),0===this.openAmount&&(this.optsDirty=!0,this.state=4),this.initialOpenAmount=this.openAmount,this.item&&(this.item.style.transition="none")}onMove(t){this.optsDirty&&this.calculateOptsWidth();let i,s=this.initialOpenAmount-t.deltaX;switch(this.sides){case 2:s=Math.max(0,s);break;case 1:s=Math.min(0,s);break;case 3:break;case 0:return;default:e("[ion-item-sliding] - invalid ItemSideFlags value",this.sides)}s>this.optsWidthRightSide?(i=this.optsWidthRightSide,s=i+.55*(s-i)):s<-this.optsWidthLeftSide&&(i=-this.optsWidthLeftSide,s=i+.55*(s-i)),this.setOpenAmount(s,!1)}onEnd(t){const{contentEl:i,initialContentScrollY:s}=this;i&&d(i,s);const e=Math.abs(t.deltaX),n=t.deltaX<0?"end":"start";if(this.hasExpandableOptions("end"===n?this.rightOptions:this.leftOptions)&&(e>this.getSwipeThreshold(n)||Math.abs(t.velocityX)>.5&&e>.5*("end"===n?this.optsWidthRightSide:this.optsWidthLeftSide)))return void this.animateFullSwipe(n).catch((()=>{this.gesture&&this.gesture.enable(!this.disabled)}));const o=t.velocityX;let r=this.openAmount>0?this.optsWidthRightSide:-this.optsWidthLeftSide;g(this.openAmount>0==!(o<0),Math.abs(o)>.3,Math.abs(this.openAmount)<Math.abs(r/2))&&(r=0);const h=this.state;this.setOpenAmount(r,!0),32&h&&this.rightOptions?this.rightOptions.fireSwipeEvent():64&h&&this.leftOptions&&this.leftOptions.fireSwipeEvent()}calculateOptsWidth(){this.optsWidthRightSide=0,this.rightOptions&&(this.rightOptions.style.display="flex",this.optsWidthRightSide=this.rightOptions.offsetWidth,this.rightOptions.style.display=""),this.optsWidthLeftSide=0,this.leftOptions&&(this.leftOptions.style.display="flex",this.optsWidthLeftSide=this.leftOptions.offsetWidth,this.leftOptions.style.display=""),this.optsDirty=!1}setOpenAmount(t,i){if(void 0!==this.tmr&&(clearTimeout(this.tmr),this.tmr=void 0),!this.item)return;const{el:s}=this,e=this.item.style;if(this.openAmount=t,i&&(e.transition=""),t>0)this.state=t>=this.optsWidthRightSide+30?40:8;else{if(!(t<0))return s.classList.add("item-sliding-closing"),this.gesture&&this.gesture.enable(!1),this.tmr=setTimeout((()=>{this.state=2,this.tmr=void 0,this.gesture&&this.gesture.enable(!this.disabled),s.classList.remove("item-sliding-closing")}),600),p=void 0,void(e.transform="");this.state=t<=-this.optsWidthLeftSide-30?80:16}e.transform=`translate3d(${-t}px,0,0)`,this.ionDrag.emit({amount:t,ratio:this.getSlidingRatioSync()})}getSlidingRatioSync(){return this.openAmount>0?this.openAmount/this.optsWidthRightSide:this.openAmount<0?this.openAmount/this.optsWidthLeftSide:0}render(){const t=m(this);return n(r,{key:"c945f30d9f7deb90d22064d4059e2b08f35614be",class:{[t]:!0,"item-sliding-active-slide":2!==this.state,"item-sliding-active-options-end":!!(8&this.state),"item-sliding-active-options-start":!!(16&this.state),"item-sliding-active-swipe-end":!!(32&this.state),"item-sliding-active-swipe-start":!!(64&this.state)}})}get el(){return this}static get watchers(){return{disabled:[{disabledChanged:0}]}}static get style(){return"ion-item-sliding{display:block;position:relative;width:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}ion-item-sliding .item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.item-sliding-active-slide .item{position:relative;-webkit-transition:-webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);transition:-webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);transition:transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);transition:transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1), -webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);opacity:1;z-index:2;pointer-events:none;will-change:transform}.item-sliding-closing ion-item-options{pointer-events:none}.item-sliding-active-swipe-end .item-options-end .item-option-expandable{padding-left:100%;-ms-flex-order:1;order:1;-webkit-transition-duration:0.6s;transition-duration:0.6s;-webkit-transition-property:padding-left;transition-property:padding-left}:host-context([dir=rtl]) .item-sliding-active-swipe-end .item-options-end .item-option-expandable{-ms-flex-order:-1;order:-1}[dir=rtl] .item-sliding-active-swipe-end .item-options-end .item-option-expandable{-ms-flex-order:-1;order:-1}@supports selector(:dir(rtl)){.item-sliding-active-swipe-end .item-options-end .item-option-expandable:dir(rtl){-ms-flex-order:-1;order:-1}}.item-sliding-active-swipe-start .item-options-start .item-option-expandable{padding-right:100%;-ms-flex-order:-1;order:-1;-webkit-transition-duration:0.6s;transition-duration:0.6s;-webkit-transition-property:padding-right;transition-property:padding-right}:host-context([dir=rtl]) .item-sliding-active-swipe-start .item-options-start .item-option-expandable{-ms-flex-order:1;order:1}[dir=rtl] .item-sliding-active-swipe-start .item-options-start .item-option-expandable{-ms-flex-order:1;order:1}@supports selector(:dir(rtl)){.item-sliding-active-swipe-start .item-options-start .item-option-expandable:dir(rtl){-ms-flex-order:1;order:1}}"}},[0,"ion-item-sliding",{disabled:[4],state:[32],getOpenAmount:[64],getSlidingRatio:[64],open:[64],close:[64],closeOpened:[64]},void 0,{disabled:[{disabledChanged:0}]}]),g=(t,i,s)=>!i&&s||t&&i,v=u,b=function(){"undefined"!=typeof customElements&&["ion-item-sliding"].forEach((t=>{"ion-item-sliding"===t&&(customElements.get(o(t))||customElements.define(o(t),u))}))};export{v as IonItemSliding,b as defineCustomElement}
+import{p as i,H as t,e,f as s,h as n,t as o,d as r}from"./p-3Ni1Z654.js";import{a,d,r as m}from"./p-wCDzv5Q8.js";import{m as h}from"./p-BqDiJgC_.js";import{w as l}from"./p-Dtdm8lKC.js";import{b as c}from"./p-CVBkx7m1.js";const p="ion-item-option.item-option-expandable:not(.item-option-disabled)",b="item-option-expand-threshold";let u;const v=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.ionDrag=e(this,"ionDrag",7),this.item=null,this.openAmount=0,this.initialOpenAmount=0,this.optsWidthRightSide=0,this.optsWidthLeftSide=0,this.sides=0,this.optsDirty=!0,this.contentEl=null,this.initialContentScrollY=!0,this.leftExpandableBaseWidth=64,this.rightExpandableBaseWidth=64,this.state=2,this.disabled=!1}isIonicTheme(){return"ionic"===c(this)}disabledChanged(){this.gesture&&this.gesture.enable(!this.disabled)}async connectedCallback(){const{el:i}=this;this.item=i.querySelector("ion-item"),this.contentEl=a(i),this.mutationObserver=l(i,"ion-item-option",(async()=>{await this.updateOptions()})),await this.updateOptions(),this.gesture=(await import("./p-Cl0B-RWe.js")).createGesture({el:i,gestureName:"item-swipe",gesturePriority:100,threshold:5,canStart:i=>this.canStart(i),onStart:()=>this.onStart(),onMove:i=>this.onMove(i),onEnd:i=>this.onEnd(i)}),this.disabledChanged()}disconnectedCallback(){var i;this.gesture&&(this.gesture.destroy(),this.gesture=void 0),void 0!==this.tmr&&(clearTimeout(this.tmr),this.tmr=void 0),null===(i=this.animationAbortController)||void 0===i||i.abort(),this.item=null,this.leftOptions=this.rightOptions=void 0,u===this.el&&(u=void 0),this.mutationObserver&&(this.mutationObserver.disconnect(),this.mutationObserver=void 0)}getOpenAmount(){return Promise.resolve(this.openAmount)}getSlidingRatio(){return Promise.resolve(this.getSlidingRatioSync())}async open(i){var t;if(128&this.state)return;if(null===(this.item=null!==(t=this.item)&&void 0!==t?t:this.el.querySelector("ion-item")))return;const e=this.getOptions(i);e&&(void 0===i&&(i=e===this.leftOptions?"start":"end"),i=h(i)?"end":"start",this.openAmount<0&&e===this.leftOptions||this.openAmount>0&&e===this.rightOptions||(this.closeOpened(),this.state=4,requestAnimationFrame((()=>{this.calculateOptsWidth(),u=this.el,this.setOpenAmount("end"===i?this.optsWidthRightSide:-this.optsWidthLeftSide,!1),this.state="end"===i?8:16}))))}async close(){128&this.state||this.setOpenAmount(0,!0)}async closeOpened(){return void 0!==u&&(u.close(),u=void 0,!0)}getOptions(i){return void 0===i?this.leftOptions||this.rightOptions:"start"===i?this.leftOptions:this.rightOptions}hasExpandableOptions(i){if(!i)return!1;const t=i.querySelectorAll("ion-item-option");return Array.from(t).some((i=>!0===i.expandable&&!i.disabled))}delay(i,t){return new Promise(((e,s)=>{const n=setTimeout(e,i);t.addEventListener("abort",(()=>{clearTimeout(n),s(new DOMException("Animation cancelled","AbortError"))}),{once:!0})}))}animateToPosition(i,t,e){return new Promise(((s,n)=>{if(!this.item)return s();this.el.classList.add("item-sliding-full-swipe-transition"),this.item.style.transform=`translate3d(${-i}px, 0, 0)`;const o=setTimeout(s,t);e.addEventListener("abort",(()=>{clearTimeout(o),n(new DOMException("Animation cancelled","AbortError"))}),{once:!0})}))}getSwipeThreshold(i){return("end"===i?this.optsWidthRightSide:this.optsWidthLeftSide)+30}async animateFullSwipe(i){const t=new AbortController;this.animationAbortController=t;const{signal:e}=t;this.gesture&&this.gesture.enable(!1);try{const t="end"===i?this.rightOptions:this.leftOptions;this.state="end"===i?168:208,await this.delay(100,e);const s="end"===i?window.innerWidth:-window.innerWidth;await this.animateToPosition(s,250,e),t&&t.fireSwipeEvent(),await this.delay(300,e),await this.animateToPosition(0,250,e)}catch(i){}finally{this.animationAbortController=void 0,this.el.classList.remove("item-sliding-full-swipe-transition"),this.item&&(this.item.style.transform=""),this.openAmount=0,this.state=2,u===this.el&&(u=void 0),this.gesture&&this.gesture.enable(!this.disabled)}}queryExpandableOption(i){if(!i)return;const t=Array.from(i.querySelectorAll(p));if(0===t.length)return;if(1===t.length)return t[0];const e="rtl"===document.dir,s=i.classList.contains("item-options-end");return s&&!e||!s&&e?t[t.length-1]:t[0]}getExpandableOption(i){return this.queryExpandableOption("end"===i?this.rightOptions:this.leftOptions)}getOpenDirectionFromAmount(i){return i>0?"end":i<0?"start":void 0}getOptionsWidthForDirection(i){return"end"===i?this.optsWidthRightSide:this.optsWidthLeftSide}getExpandableBaseWidth(i){return"end"===i?this.rightExpandableBaseWidth:this.leftExpandableBaseWidth}setIonicExpandableWidth(i,t){const e=this.getExpandableOption(i);if(!e)return;const s=e.style,n=this.getExpandableBaseWidth(i);s.width=Math.max(n,t)+"px"}resetIonicExpandableOptions(){[this.leftOptions,this.rightOptions].forEach((i=>{if(!i)return;i.querySelectorAll(p).forEach((i=>{i.classList.remove(b)}));const t=this.queryExpandableOption(i);t&&(t.style.width="",t.classList.remove("item-sliding-expandable-open","item-sliding-expandable-snapback","item-sliding-expandable-width-in","item-sliding-expandable-width-back"))}))}updateIonicExpandableFromOpenAmount(i,t,e){var s;if(128&this.state)return;const n=this.getOpenDirectionFromAmount(i);if(void 0===n){const i=this.getOpenDirectionFromAmount(e);return void 0===i?void this.resetIonicExpandableOptions():(null===(s=this.queryExpandableOption("end"===i?this.rightOptions:this.leftOptions))||void 0===s||s.classList.remove(b),void this.setIonicExpandableWidth(i,this.getExpandableBaseWidth(i)))}const o=this.getExpandableBaseWidth(n),r=this.getOptionsWidthForDirection(n),a=Math.max(0,Math.abs(i)-r),d=o+(t?a:.95*a),m=this.getExpandableOption(n);m&&(!t&&a>=40?m.classList.add(b):m.classList.remove(b)),this.setIonicExpandableWidth(n,d)}async animateIonicFullSwipe(i){const t=new AbortController;this.animationAbortController=t;const{signal:e}=t,s=this.getExpandableOption(i),n="end"===i?this.rightOptions:this.leftOptions;this.gesture&&this.gesture.enable(!1);try{if(this.state="end"===i?136:144,!this.item)return;const t=this.el.offsetWidth||window.innerWidth,o=this.getExpandableBaseWidth(i),r=Math.max(o,t-16),a="end"===i?t:-t;s&&(s.classList.remove("item-sliding-expandable-width-back"),s.classList.add("item-sliding-expandable-width-in"),s.style.width=r+"px"),this.el.classList.remove("item-sliding-confirm-item-back"),this.el.classList.add("item-sliding-confirm-item-in"),this.item.style.transform=`translate3d(${-a}px, 0, 0)`,await this.delay(150,e),null==n||n.fireSwipeEvent(),await this.delay(300,e),s&&(s.classList.remove("item-sliding-expandable-width-in"),s.classList.add("item-sliding-expandable-width-back"),s.style.width=o+"px"),this.el.classList.remove("item-sliding-confirm-item-in"),this.el.classList.add("item-sliding-confirm-item-back"),this.item.style.transform="translate3d(0, 0, 0)",await this.delay(500,e)}catch(i){}finally{this.animationAbortController=void 0,this.el.classList.remove("item-sliding-confirm-item-in","item-sliding-confirm-item-back"),this.item&&(this.item.style.transform=""),this.resetIonicExpandableOptions(),this.openAmount=0,this.state=2,u===this.el&&(u=void 0),this.gesture&&this.gesture.enable(!this.disabled)}}async updateOptions(){var i;const t=this.el.querySelectorAll("ion-item-options");let e=0;this.leftOptions=this.rightOptions=void 0;for(let s=0;s<t.length;s++){const n=t.item(s),o=void 0!==n.componentOnReady?await n.componentOnReady():n;"start"==(h(null!==(i=o.side)&&void 0!==i?i:o.getAttribute("side"))?"end":"start")?(this.leftOptions=o,e|=1):(this.rightOptions=o,e|=2)}this.optsDirty=!0,this.sides=e}canStart(i){return!("rtl"===document.dir?window.innerWidth-i.startX<15:i.startX<15)&&(u&&u!==this.el&&this.closeOpened(),!(!this.rightOptions&&!this.leftOptions))}onStart(){this.item=this.el.querySelector("ion-item");const{contentEl:i}=this;i&&(this.initialContentScrollY=d(i)),u=this.el,void 0!==this.tmr&&(clearTimeout(this.tmr),this.tmr=void 0),0===this.openAmount&&(this.optsDirty=!0,this.state=4),this.initialOpenAmount=this.openAmount,this.item&&(this.isIonicTheme()?this.el.classList.remove("item-sliding-transition-open","item-sliding-transition-snapback"):this.el.classList.add("item-sliding-dragging"))}onMove(i){this.optsDirty&&this.calculateOptsWidth();let t=this.initialOpenAmount-i.deltaX;switch(this.sides){case 2:t=Math.max(0,t);break;case 1:t=Math.min(0,t);break;case 3:break;case 0:return;default:s("[ion-item-sliding] - invalid ItemSideFlags value",this.sides)}if(this.isIonicTheme())t>this.optsWidthRightSide?t=this.optsWidthRightSide+.15*(t-this.optsWidthRightSide):t<-this.optsWidthLeftSide&&(t=.15*(t+this.optsWidthLeftSide)-this.optsWidthLeftSide);else{let i;t>this.optsWidthRightSide?(i=this.optsWidthRightSide,t=i+.55*(t-i)):t<-this.optsWidthLeftSide&&(i=-this.optsWidthLeftSide,t=i+.55*(t-i))}this.setOpenAmount(t,!1)}onEnd(i){this.el.classList.remove("item-sliding-dragging"),this.restoreContentScrollAfterSlide(),this.isIonicTheme()?this.onEndIonic(i):this.onEndNative(i)}restoreContentScrollAfterSlide(){const{contentEl:i,initialContentScrollY:t}=this;i&&m(i,t)}onEndNative(i){const t=Math.abs(i.deltaX),e=i.deltaX<0?"end":"start";if(this.hasExpandableOptions("end"===e?this.rightOptions:this.leftOptions)&&(t>this.getSwipeThreshold(e)||Math.abs(i.velocityX)>.5&&t>.5*("end"===e?this.optsWidthRightSide:this.optsWidthLeftSide)))return void this.animateFullSwipe(e).catch((()=>{this.gesture&&this.gesture.enable(!this.disabled)}));const s=i.velocityX;let n=this.openAmount>0?this.optsWidthRightSide:-this.optsWidthLeftSide;g(this.openAmount>0==!(s<0),Math.abs(s)>.3,Math.abs(this.openAmount)<Math.abs(n/2))&&(n=0);const o=this.state;this.setOpenAmount(n,!0),32&o&&this.rightOptions?this.rightOptions.fireSwipeEvent():64&o&&this.leftOptions&&this.leftOptions.fireSwipeEvent()}onEndIonic(i){const t=1e3*i.velocityX,e=this.getOpenDirectionFromAmount(this.openAmount);if(void 0===e)return void this.setOpenAmount(0,!0);const s=this.getOptionsWidthForDirection(e),n=Math.max(0,Math.abs(this.openAmount)-s),o=this.hasExpandableOptions("end"===e?this.rightOptions:this.leftOptions);if("end"===e?t>400:t<-400)return void this.setOpenAmount(0,!0);if(o&&(n>=40||n>0&&Math.abs(t)>400))return void this.animateIonicFullSwipe(e).catch((()=>{this.gesture&&this.gesture.enable(!this.disabled)}));const r="end"===e?this.optsWidthRightSide:-this.optsWidthLeftSide,a=.4*s;this.setOpenAmount(("end"===e?t<-200:t>200)||Math.abs(this.openAmount)>a?r:0,!0)}calculateOptsWidth(){if(this.optsWidthRightSide=0,this.rightOptions){this.rightOptions.style.display="flex",this.optsWidthRightSide=this.rightOptions.offsetWidth;const i=this.queryExpandableOption(this.rightOptions);i&&(i.style.width="",this.rightExpandableBaseWidth=Math.max(64,i.getBoundingClientRect().width)),this.rightOptions.style.display=""}if(this.optsWidthLeftSide=0,this.leftOptions){this.leftOptions.style.display="flex",this.optsWidthLeftSide=this.leftOptions.offsetWidth;const i=this.queryExpandableOption(this.leftOptions);i&&(i.style.width="",this.leftExpandableBaseWidth=Math.max(64,i.getBoundingClientRect().width)),this.leftOptions.style.display=""}this.optsDirty=!1}setOpenAmount(i,t){if(void 0!==this.tmr&&(clearTimeout(this.tmr),this.tmr=void 0),!this.item)return;const{el:e}=this,s=this.item.style,n=this.openAmount;if(this.openAmount=i,this.isIonicTheme()&&this.updateIonicExpandableFromOpenAmount(i,t,n),this.isIonicTheme()&&t&&this.el.classList.add(Math.abs(i)<Math.abs(n)?"item-sliding-transition-snapback":"item-sliding-transition-open"),i>0){const t=!this.isIonicTheme()&&i>=this.optsWidthRightSide+30;this.state=t?40:8}else{if(!(i<0))return e.classList.add("item-sliding-closing"),this.gesture&&this.gesture.enable(!1),this.tmr=setTimeout((()=>{this.state=2,this.tmr=void 0,this.gesture&&this.gesture.enable(!this.disabled),e.classList.remove("item-sliding-closing")}),600),u=void 0,void(s.transform="");{const t=!this.isIonicTheme()&&i<=-this.optsWidthLeftSide-30;this.state=t?80:16}}s.transform=`translate3d(${-i}px,0,0)`,this.ionDrag.emit({amount:i,ratio:this.getSlidingRatioSync()})}getSlidingRatioSync(){return this.openAmount>0?this.openAmount/this.optsWidthRightSide:this.openAmount<0?this.openAmount/this.optsWidthLeftSide:0}render(){const i=c(this);return n(r,{key:"ca0730d5ee00f245b6a139d9fb53fcc8c529a8c6",class:{[i]:!0,"item-sliding-active-slide":2!==this.state,"item-sliding-active-options-end":!!(8&this.state),"item-sliding-active-options-start":!!(16&this.state),"item-sliding-active-swipe-end":!!(32&this.state),"item-sliding-active-swipe-start":!!(64&this.state)}})}get el(){return this}static get watchers(){return{disabled:[{disabledChanged:0}]}}static get style(){return{ionic:"ion-item-sliding{display:block;position:relative;width:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}ion-item-sliding .item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.item-sliding-closing ion-item-options{pointer-events:none}.item-sliding-active-swipe-end .item-options-end .item-option-expandable{padding-left:100%;-ms-flex-order:1;order:1;-webkit-transition-duration:0.6s;transition-duration:0.6s;-webkit-transition-property:padding-left;transition-property:padding-left}:host-context([dir=rtl]) .item-sliding-active-swipe-end .item-options-end .item-option-expandable{-ms-flex-order:-1;order:-1}[dir=rtl] .item-sliding-active-swipe-end .item-options-end .item-option-expandable{-ms-flex-order:-1;order:-1}@supports selector(:dir(rtl)){.item-sliding-active-swipe-end .item-options-end .item-option-expandable:dir(rtl){-ms-flex-order:-1;order:-1}}.item-sliding-active-swipe-start .item-options-start .item-option-expandable{padding-right:100%;-ms-flex-order:-1;order:-1;-webkit-transition-duration:0.6s;transition-duration:0.6s;-webkit-transition-property:padding-right;transition-property:padding-right}:host-context([dir=rtl]) .item-sliding-active-swipe-start .item-options-start .item-option-expandable{-ms-flex-order:1;order:1}[dir=rtl] .item-sliding-active-swipe-start .item-options-start .item-option-expandable{-ms-flex-order:1;order:1}@supports selector(:dir(rtl)){.item-sliding-active-swipe-start .item-options-start .item-option-expandable:dir(rtl){-ms-flex-order:1;order:1}}.item-sliding-transition-open .item{-webkit-transition:-webkit-transform var(--token-transition-time-250, 250ms) var(--token-transition-curve-smooth, cubic-bezier(0.25, 1, 0.5, 1));transition:-webkit-transform var(--token-transition-time-250, 250ms) var(--token-transition-curve-smooth, cubic-bezier(0.25, 1, 0.5, 1));transition:transform var(--token-transition-time-250, 250ms) var(--token-transition-curve-smooth, cubic-bezier(0.25, 1, 0.5, 1));transition:transform var(--token-transition-time-250, 250ms) var(--token-transition-curve-smooth, cubic-bezier(0.25, 1, 0.5, 1)), -webkit-transform var(--token-transition-time-250, 250ms) var(--token-transition-curve-smooth, cubic-bezier(0.25, 1, 0.5, 1))}.item-sliding-transition-snapback .item{-webkit-transition:-webkit-transform var(--token-transition-time-300, 300ms) var(--token-transition-curve-bounce, cubic-bezier(0.47, 0, 0.23, 1.38));transition:-webkit-transform var(--token-transition-time-300, 300ms) var(--token-transition-curve-bounce, cubic-bezier(0.47, 0, 0.23, 1.38));transition:transform var(--token-transition-time-300, 300ms) var(--token-transition-curve-bounce, cubic-bezier(0.47, 0, 0.23, 1.38));transition:transform var(--token-transition-time-300, 300ms) var(--token-transition-curve-bounce, cubic-bezier(0.47, 0, 0.23, 1.38)), -webkit-transform var(--token-transition-time-300, 300ms) var(--token-transition-curve-bounce, cubic-bezier(0.47, 0, 0.23, 1.38))}.item-sliding-confirm-item-in .item{-webkit-transition:-webkit-transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-base, cubic-bezier(0.4, 0, 1, 1));transition:-webkit-transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-base, cubic-bezier(0.4, 0, 1, 1));transition:transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-base, cubic-bezier(0.4, 0, 1, 1));transition:transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-base, cubic-bezier(0.4, 0, 1, 1)), -webkit-transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-base, cubic-bezier(0.4, 0, 1, 1))}.item-sliding-confirm-item-back .item{-webkit-transition:-webkit-transform var(--token-transition-time-500, 500ms) var(--token-transition-curve-bounce, cubic-bezier(0.47, 0, 0.23, 1.38));transition:-webkit-transform var(--token-transition-time-500, 500ms) var(--token-transition-curve-bounce, cubic-bezier(0.47, 0, 0.23, 1.38));transition:transform var(--token-transition-time-500, 500ms) var(--token-transition-curve-bounce, cubic-bezier(0.47, 0, 0.23, 1.38));transition:transform var(--token-transition-time-500, 500ms) var(--token-transition-curve-bounce, cubic-bezier(0.47, 0, 0.23, 1.38)), -webkit-transform var(--token-transition-time-500, 500ms) var(--token-transition-curve-bounce, cubic-bezier(0.47, 0, 0.23, 1.38))}ion-item-option.item-sliding-expandable-width-in{-webkit-transition:width var(--token-transition-time-150, 150ms) var(--token-transition-curve-base, cubic-bezier(0.4, 0, 1, 1));transition:width var(--token-transition-time-150, 150ms) var(--token-transition-curve-base, cubic-bezier(0.4, 0, 1, 1))}ion-item-option.item-sliding-expandable-width-back{-webkit-transition:width var(--token-transition-time-500, 500ms) var(--token-transition-curve-bounce, cubic-bezier(0.47, 0, 0.23, 1.38));transition:width var(--token-transition-time-500, 500ms) var(--token-transition-curve-bounce, cubic-bezier(0.47, 0, 0.23, 1.38))}.item-sliding-active-slide .item{position:relative;opacity:1;z-index:var(--token-z-index-100, 100);pointer-events:none;will-change:transform}",ios:"ion-item-sliding{display:block;position:relative;width:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}ion-item-sliding .item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.item-sliding-closing ion-item-options{pointer-events:none}.item-sliding-active-swipe-end .item-options-end .item-option-expandable{padding-left:100%;-ms-flex-order:1;order:1;-webkit-transition-duration:0.6s;transition-duration:0.6s;-webkit-transition-property:padding-left;transition-property:padding-left}:host-context([dir=rtl]) .item-sliding-active-swipe-end .item-options-end .item-option-expandable{-ms-flex-order:-1;order:-1}[dir=rtl] .item-sliding-active-swipe-end .item-options-end .item-option-expandable{-ms-flex-order:-1;order:-1}@supports selector(:dir(rtl)){.item-sliding-active-swipe-end .item-options-end .item-option-expandable:dir(rtl){-ms-flex-order:-1;order:-1}}.item-sliding-active-swipe-start .item-options-start .item-option-expandable{padding-right:100%;-ms-flex-order:-1;order:-1;-webkit-transition-duration:0.6s;transition-duration:0.6s;-webkit-transition-property:padding-right;transition-property:padding-right}:host-context([dir=rtl]) .item-sliding-active-swipe-start .item-options-start .item-option-expandable{-ms-flex-order:1;order:1}[dir=rtl] .item-sliding-active-swipe-start .item-options-start .item-option-expandable{-ms-flex-order:1;order:1}@supports selector(:dir(rtl)){.item-sliding-active-swipe-start .item-options-start .item-option-expandable:dir(rtl){-ms-flex-order:1;order:1}}.item-sliding-active-slide .item{position:relative;-webkit-transition:-webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);transition:-webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);transition:transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);transition:transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1), -webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);opacity:1;z-index:2;pointer-events:none;will-change:transform}.item-sliding-active-slide.item-sliding-full-swipe-transition .item{-webkit-transition:-webkit-transform 250ms ease-out;transition:-webkit-transform 250ms ease-out;transition:transform 250ms ease-out;transition:transform 250ms ease-out, -webkit-transform 250ms ease-out}.item-sliding-active-slide.item-sliding-dragging .item{-webkit-transition:none;transition:none}",md:"ion-item-sliding{display:block;position:relative;width:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}ion-item-sliding .item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.item-sliding-closing ion-item-options{pointer-events:none}.item-sliding-active-swipe-end .item-options-end .item-option-expandable{padding-left:100%;-ms-flex-order:1;order:1;-webkit-transition-duration:0.6s;transition-duration:0.6s;-webkit-transition-property:padding-left;transition-property:padding-left}:host-context([dir=rtl]) .item-sliding-active-swipe-end .item-options-end .item-option-expandable{-ms-flex-order:-1;order:-1}[dir=rtl] .item-sliding-active-swipe-end .item-options-end .item-option-expandable{-ms-flex-order:-1;order:-1}@supports selector(:dir(rtl)){.item-sliding-active-swipe-end .item-options-end .item-option-expandable:dir(rtl){-ms-flex-order:-1;order:-1}}.item-sliding-active-swipe-start .item-options-start .item-option-expandable{padding-right:100%;-ms-flex-order:-1;order:-1;-webkit-transition-duration:0.6s;transition-duration:0.6s;-webkit-transition-property:padding-right;transition-property:padding-right}:host-context([dir=rtl]) .item-sliding-active-swipe-start .item-options-start .item-option-expandable{-ms-flex-order:1;order:1}[dir=rtl] .item-sliding-active-swipe-start .item-options-start .item-option-expandable{-ms-flex-order:1;order:1}@supports selector(:dir(rtl)){.item-sliding-active-swipe-start .item-options-start .item-option-expandable:dir(rtl){-ms-flex-order:1;order:1}}.item-sliding-active-slide .item{position:relative;-webkit-transition:-webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);transition:-webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);transition:transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);transition:transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1), -webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);opacity:1;z-index:2;pointer-events:none;will-change:transform}.item-sliding-active-slide.item-sliding-full-swipe-transition .item{-webkit-transition:-webkit-transform 250ms ease-out;transition:-webkit-transform 250ms ease-out;transition:transform 250ms ease-out;transition:transform 250ms ease-out, -webkit-transform 250ms ease-out}.item-sliding-active-slide.item-sliding-dragging .item{-webkit-transition:none;transition:none}"}}},[32,"ion-item-sliding",{disabled:[4],state:[32],getOpenAmount:[64],getSlidingRatio:[64],open:[64],close:[64],closeOpened:[64]},void 0,{disabled:[{disabledChanged:0}]}]),g=(i,t,e)=>!t&&e||i&&t,w=v,f=function(){"undefined"!=typeof customElements&&["ion-item-sliding"].forEach((i=>{"ion-item-sliding"===i&&(customElements.get(o(i))||customElements.define(o(i),v))}))};export{w as IonItemSliding,f as defineCustomElement}