@amwaljs/checkout-button 0.3.2 → 0.3.3

package/dist/checkout/p-f8460dc4.entry.js

@@ -1 +0,0 @@
-import{r as t,d as s,w as i,h as o,H as e,e as n}from"./p-d7a430bf.js";import{b as a}from"./p-b84d9e44.js";import{i as r}from"./p-d5862637.js";import{c as h,h as c}from"./p-350e7423.js";import{g as l}from"./p-3b75b22a.js";const d=class{constructor(i){t(this,i),this.ionChange=s(this,"ionChange",7),this.ionSelect=s(this,"ionSelect",7),this.ionStyle=s(this,"ionStyle",7),this.onClick=t=>{const s=t.target,i=this.checked;"ION-SEGMENT"!==s.tagName&&(this.value=s.value,s!==i&&this.emitValueChange(),!this.scrollable&&this.swipeGesture||(i?this.checkButton(i,s):this.setCheckedClasses()))},this.getSegmentButton=t=>{var s,i;const o=this.getButtons().filter((t=>!t.disabled)),e=o.findIndex((t=>t===document.activeElement));switch(t){case"first":return o[0];case"last":return o[o.length-1];case"next":return null!==(s=o[e+1])&&void 0!==s?s:o[0];case"previous":return null!==(i=o[e-1])&&void 0!==i?i:o[o.length-1];default:return null}},this.activated=!1,this.color=void 0,this.disabled=!1,this.scrollable=!1,this.swipeGesture=!0,this.value=void 0,this.selectOnFocus=!1}colorChanged(t,s){(void 0===s&&void 0!==t||void 0!==s&&void 0===t)&&this.emitStyle()}swipeGestureChanged(){this.gestureChanged()}valueChanged(t){this.ionSelect.emit({value:t}),this.scrollActiveButtonIntoView()}disabledChanged(){this.gestureChanged();const t=this.getButtons();for(const s of t)s.disabled=this.disabled}gestureChanged(){this.gesture&&this.gesture.enable(!this.scrollable&&!this.disabled&&this.swipeGesture)}connectedCallback(){this.emitStyle()}componentWillLoad(){this.emitStyle()}async componentDidLoad(){this.setCheckedClasses(),this.ionSelect.emit({value:this.value}),a((()=>{this.scrollActiveButtonIntoView(!1)})),this.gesture=(await import("./p-77104220.js")).createGesture({el:this.el,gestureName:"segment",gesturePriority:100,threshold:0,passive:!1,onStart:t=>this.onStart(t),onMove:t=>this.onMove(t),onEnd:t=>this.onEnd(t)}),this.gestureChanged(),this.disabled&&this.disabledChanged()}onStart(t){this.valueBeforeGesture=this.value,this.activate(t)}onMove(t){this.setNextIndex(t)}onEnd(t){this.setActivated(!1),this.setNextIndex(t,!0),t.event.stopImmediatePropagation();const s=this.value;void 0!==s&&this.valueBeforeGesture!==s&&this.emitValueChange(),this.valueBeforeGesture=void 0}emitValueChange(){const{value:t}=this;this.ionChange.emit({value:t})}getButtons(){return Array.from(this.el.querySelectorAll("ion-segment-button"))}get checked(){return this.getButtons().find((t=>t.value===this.value))}setActivated(t){this.getButtons().forEach((s=>{t?s.classList.add("segment-button-activated"):s.classList.remove("segment-button-activated")})),this.activated=t}activate(t){const s=t.event.target,i=this.getButtons().find((t=>t.value===this.value));"ION-SEGMENT-BUTTON"===s.tagName&&(i||(this.value=s.value,this.setCheckedClasses()),this.value===s.value&&this.setActivated(!0))}getIndicator(t){return(t.shadowRoot||t).querySelector(".segment-button-indicator")}checkButton(t,s){const o=this.getIndicator(t),e=this.getIndicator(s);if(null===o||null===e)return;const n=o.getBoundingClientRect(),a=e.getBoundingClientRect(),r=`translate3d(${n.left-a.left}px, 0, 0) scaleX(${n.width/a.width})`;i((()=>{e.classList.remove("segment-button-indicator-animated"),e.style.setProperty("transform",r),e.getBoundingClientRect(),e.classList.add("segment-button-indicator-animated"),e.style.setProperty("transform","")})),this.value=s.value,this.setCheckedClasses()}setCheckedClasses(){const t=this.getButtons(),s=t.findIndex((t=>t.value===this.value))+1;for(const s of t)s.classList.remove("segment-button-after-checked");s<t.length&&t[s].classList.add("segment-button-after-checked")}scrollActiveButtonIntoView(t=!0){const{scrollable:s,value:i,el:o}=this;if(s){const s=this.getButtons().find((t=>t.value===i));if(void 0!==s){const i=o.getBoundingClientRect(),e=s.getBoundingClientRect();o.scrollBy({top:0,left:e.x-i.x-i.width/2+e.width/2,behavior:t?"smooth":"instant"})}}}setNextIndex(t,s=!1){const i=r(this.el),o=this.activated,e=this.getButtons(),n=e.findIndex((t=>t.value===this.value)),a=e[n];let h,c;if(-1===n)return;const l=a.getBoundingClientRect(),d=l.left,u=l.width,g=t.currentX,m=l.top+l.height/2,b=this.el.getRootNode().elementFromPoint(g,m);if(o&&!s){if(i?g>d+u:g<d){const t=n-1;t>=0&&(c=t)}else if((i?g<d:g>d+u)&&o&&!s){const t=n+1;t<e.length&&(c=t)}void 0===c||e[c].disabled||(h=e[c])}if(!o&&s&&(h=b),null!=h){if("ION-SEGMENT"===h.tagName)return!1;a!==h&&this.checkButton(a,h)}return!0}emitStyle(){this.ionStyle.emit({segment:!0})}onKeyDown(t){const s=r(this.el);let i,o=this.selectOnFocus;switch(t.key){case"ArrowRight":t.preventDefault(),i=this.getSegmentButton(s?"previous":"next");break;case"ArrowLeft":t.preventDefault(),i=this.getSegmentButton(s?"next":"previous");break;case"Home":t.preventDefault(),i=this.getSegmentButton("first");break;case"End":t.preventDefault(),i=this.getSegmentButton("last");break;case" ":case"Enter":t.preventDefault(),i=document.activeElement,o=!0}if(i){if(o){const t=this.checked;this.checkButton(t||i,i),i!==t&&this.emitValueChange()}i.setFocus()}}render(){const t=l(this);return o(e,{key:"01c94f9fcc51fb5a7612588c87155a130b7c8a9d",role:"tablist",onClick:this.onClick,class:h(this.color,{[t]:!0,"in-toolbar":c("ion-toolbar",this.el),"in-toolbar-color":c("ion-toolbar[color]",this.el),"segment-activated":this.activated,"segment-disabled":this.disabled,"segment-scrollable":this.scrollable})},o("slot",{key:"b0afdfcb7506a765df42d1d6eb4e1d81bf8fd92a"}))}get el(){return n(this)}static get watchers(){return{color:["colorChanged"],swipeGesture:["swipeGestureChanged"],value:["valueChanged"],disabled:["disabledChanged"]}}};d.style={ios:":host{--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:grid;grid-auto-columns:1fr;position:relative;align-items:stretch;justify-content:center;width:100%;background:var(--background);font-family:var(--ion-font-family, inherit);text-align:center;contain:paint;user-select:none}:host(.segment-scrollable){justify-content:start;width:auto;overflow-x:auto;grid-auto-columns:minmax(min-content, 1fr)}:host(.segment-scrollable::-webkit-scrollbar){display:none}:host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065);border-radius:8px;overflow:hidden;z-index:0}:host(.ion-color){background:rgba(var(--ion-color-base-rgb), 0.065)}:host(.in-toolbar){-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;width:auto}:host(.in-toolbar:not(.ion-color)){background:var(--ion-toolbar-segment-background, var(--background))}:host(.in-toolbar-color:not(.ion-color)){background:rgba(var(--ion-color-contrast-rgb), 0.11)}",md:":host{--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:grid;grid-auto-columns:1fr;position:relative;align-items:stretch;justify-content:center;width:100%;background:var(--background);font-family:var(--ion-font-family, inherit);text-align:center;contain:paint;user-select:none}:host(.segment-scrollable){justify-content:start;width:auto;overflow-x:auto;grid-auto-columns:minmax(min-content, 1fr)}:host(.segment-scrollable::-webkit-scrollbar){display:none}:host{--background:transparent;grid-auto-columns:minmax(auto, 360px)}:host(.in-toolbar){min-height:var(--min-height)}:host(.segment-scrollable) ::slotted(ion-segment-button){min-width:auto}"};export{d as ion_segment}

package/dist/checkout/p-f875507d.entry.js

@@ -1 +0,0 @@
-import{r as t,d as s,h as r,e,H as i}from"./p-d7a430bf.js";import{a as o,g as h}from"./p-bb1f698e.js";import{b as n}from"./p-b84d9e44.js";import{a,b as c,c as d}from"./p-6fa979e3.js";import{g as l}from"./p-3b75b22a.js";import"./p-e187a77c.js";import"./p-3d3eefc3.js";import"./p-d7fe59ee.js";const p=class{constructor(r){t(this,r),this.ionItemReorder=s(this,"ionItemReorder",7),this.lastToIndex=-1,this.cachedHeights=[],this.scrollElTop=0,this.scrollElBottom=0,this.scrollElInitial=0,this.containerTop=0,this.containerBottom=0,this.state=0,this.disabled=!0}disabledChanged(){this.gesture&&this.gesture.enable(!this.disabled)}async connectedCallback(){const t=o(this.el);t&&(this.scrollEl=await h(t)),this.gesture=(await import("./p-77104220.js")).createGesture({el:this.el,gestureName:"reorder",gesturePriority:110,threshold:0,direction:"y",passive:!1,canStart:t=>this.canStart(t),onStart:t=>this.onStart(t),onMove:t=>this.onMove(t),onEnd:()=>this.onEnd()}),this.disabledChanged()}disconnectedCallback(){this.onEnd(),this.gesture&&(this.gesture.destroy(),this.gesture=void 0)}complete(t){return Promise.resolve(this.completeReorder(t))}canStart(t){if(this.selectedItemEl||0!==this.state)return!1;const s=t.event.target.closest("ion-reorder");if(!s)return!1;const r=m(s,this.el);return!!r&&(t.data=r,!0)}onStart(t){t.event.preventDefault();const s=this.selectedItemEl=t.data,r=this.cachedHeights;r.length=0;const e=this.el,i=e.children;if(!i||0===i.length)return;let o=0;for(let t=0;t<i.length;t++){const s=i[t];o+=s.offsetHeight,r.push(o),s.$ionIndex=t}const h=e.getBoundingClientRect();if(this.containerTop=h.top,this.containerBottom=h.bottom,this.scrollEl){const t=this.scrollEl.getBoundingClientRect();this.scrollElInitial=this.scrollEl.scrollTop,this.scrollElTop=t.top+b,this.scrollElBottom=t.bottom-b}else this.scrollElInitial=0,this.scrollElTop=0,this.scrollElBottom=0;this.lastToIndex=f(s),this.selectedItemHeight=s.offsetHeight,this.state=1,s.classList.add(g),a()}onMove(t){const s=this.selectedItemEl;if(!s)return;const r=this.autoscroll(t.currentY),e=this.containerTop-r,i=Math.max(e,Math.min(t.currentY,this.containerBottom-r)),o=r+i-t.startY,h=this.itemIndexForTop(i-e);if(h!==this.lastToIndex){const t=f(s);this.lastToIndex=h,c(),this.reorderMove(t,h)}s.style.transform=`translateY(${o}px)`}onEnd(){const t=this.selectedItemEl;if(this.state=2,!t)return void(this.state=0);const s=this.lastToIndex,r=f(t);s===r?this.completeReorder():this.ionItemReorder.emit({from:r,to:s,complete:this.completeReorder.bind(this)}),d()}completeReorder(t){const s=this.selectedItemEl;if(s&&2===this.state){const r=this.el.children,e=r.length,i=this.lastToIndex,o=f(s);n((()=>{i===o||void 0!==t&&!0!==t||this.el.insertBefore(s,o<i?r[i+1]:r[i]);for(let t=0;t<e;t++)r[t].style.transform=""})),Array.isArray(t)&&(t=v(t,o,i)),s.style.transition="",s.classList.remove(g),this.selectedItemEl=void 0,this.state=0}return t}itemIndexForTop(t){const s=this.cachedHeights;for(let r=0;r<s.length;r++)if(s[r]>t)return r;return s.length-1}reorderMove(t,s){const r=this.selectedItemHeight,e=this.el.children;for(let i=0;i<e.length;i++){let o="";i>t&&i<=s?o=`translateY(${-r}px)`:i<t&&i>=s&&(o=`translateY(${r}px)`),e[i].style.transform=o}}autoscroll(t){if(!this.scrollEl)return 0;let s=0;return t<this.scrollElTop?s=-u:t>this.scrollElBottom&&(s=u),0!==s&&this.scrollEl.scrollBy(0,s),this.scrollEl.scrollTop-this.scrollElInitial}render(){const t=l(this);return r(i,{key:"68b5e5fa00a0531c74597964d84c82da8bc3252f",class:{[t]:!0,"reorder-enabled":!this.disabled,"reorder-list-active":0!==this.state}})}get el(){return e(this)}static get watchers(){return{disabled:["disabledChanged"]}}},f=t=>t.$ionIndex,m=(t,s)=>{let r;for(;t;){if(r=t.parentElement,r===s)return t;t=r}},b=60,u=10,g="reorder-selected",v=(t,s,r)=>{const e=t[s];return t.splice(s,1),t.splice(r,0,e),t.slice()};p.style=".reorder-list-active>*{display:block;transition:transform 300ms;will-change:transform}.reorder-enabled{user-select:none}.reorder-enabled ion-reorder{display:block;cursor:grab;pointer-events:all;touch-action:none}.reorder-selected,.reorder-selected ion-reorder{cursor:grabbing}.reorder-selected{position:relative;transition:none !important;box-shadow:0 0 10px rgba(0, 0, 0, 0.4);opacity:0.8;z-index:100}.reorder-visible ion-reorder .reorder-icon{transform:translate3d(0,  0,  0)}";export{p as ion_reorder_group}

package/dist/checkout/p-fb147065.entry.js

@@ -1 +0,0 @@
-import{r as t,h as a,H as i,e}from"./p-d7a430bf.js";import{a as s}from"./p-dc51d318.js";import"./p-b84d9e44.js";const o=class{constructor(a){t(this,a),this.loaded=!1,this.active=!1,this.delegate=void 0,this.tab=void 0,this.component=void 0}async componentWillLoad(){this.active&&await this.setActive()}async setActive(){await this.prepareLazyLoaded(),this.active=!0}changeActive(t){t&&this.prepareLazyLoaded()}prepareLazyLoaded(){if(!this.loaded&&null!=this.component){this.loaded=!0;try{return s(this.delegate,this.el,this.component,["ion-page"])}catch(t){console.error(t)}}return Promise.resolve(void 0)}render(){const{tab:t,active:e,component:s}=this;return a(i,{key:"4fe50fa809503794be2ef91383e49b72cad6fa82",role:"tabpanel","aria-hidden":e?null:"true","aria-labelledby":`tab-button-${t}`,class:{"ion-page":void 0===s,"tab-hidden":!e}},a("slot",{key:"937777a826936d6b399329a926a704008339803e"}))}get el(){return e(this)}static get watchers(){return{active:["changeActive"]}}};o.style=":host(.tab-hidden){display:none !important}";export{o as ion_tab}

package/dist/checkout/p-fb45cdd1.entry.js

@@ -1 +0,0 @@
-import{r as o,d as t,h as s,H as i,e as a}from"./p-d7a430bf.js";import{c as r,h as e}from"./p-350e7423.js";import{g as n}from"./p-3b75b22a.js";const l=class{constructor(s){o(this,s),this.ionCollapsedClick=t(this,"ionCollapsedClick",7),this.breadcrumbsInit=()=>{this.setBreadcrumbSeparator(),this.setMaxItems()},this.resetActiveBreadcrumb=()=>{const o=this.getBreadcrumbs().find((o=>o.active));o&&this.activeChanged&&(o.active=!1)},this.setMaxItems=()=>{const{itemsAfterCollapse:o,itemsBeforeCollapse:t,maxItems:s}=this,i=this.getBreadcrumbs();for(const o of i)o.showCollapsedIndicator=!1,o.collapsed=!1;void 0!==s&&i.length>s&&t+o<=s&&i.forEach(((s,a)=>{a===t&&(s.showCollapsedIndicator=!0),a>=t&&a<i.length-o&&(s.collapsed=!0)}))},this.setBreadcrumbSeparator=()=>{const{itemsAfterCollapse:o,itemsBeforeCollapse:t,maxItems:s}=this,i=this.getBreadcrumbs(),a=i.find((o=>o.active));for(const r of i){const e=void 0!==s&&0===o?r===i[t]:r===i[i.length-1];r.last=e,r.separator=void 0!==r.separator?r.separator:!e||void 0,!a&&e&&(r.active=!0,this.activeChanged=!0)}},this.getBreadcrumbs=()=>Array.from(this.el.querySelectorAll("ion-breadcrumb")),this.slotChanged=()=>{this.resetActiveBreadcrumb(),this.breadcrumbsInit()},this.collapsed=void 0,this.activeChanged=void 0,this.color=void 0,this.maxItems=void 0,this.itemsBeforeCollapse=1,this.itemsAfterCollapse=1}onCollapsedClick(o){const t=this.getBreadcrumbs().filter((o=>o.collapsed));this.ionCollapsedClick.emit(Object.assign(Object.assign({},o.detail),{collapsedBreadcrumbs:t}))}maxItemsChanged(){this.resetActiveBreadcrumb(),this.breadcrumbsInit()}componentWillLoad(){this.breadcrumbsInit()}render(){const{color:o,collapsed:t}=this,a=n(this);return s(i,{key:"cd288d4bf5498f86d086eb999b506993818642f3",class:r(o,{[a]:!0,"in-toolbar":e("ion-toolbar",this.el),"in-toolbar-color":e("ion-toolbar[color]",this.el),"breadcrumbs-collapsed":t})},s("slot",{key:"73c802065511dbebef3867b01ce929313d24cba2",onSlotchange:this.slotChanged}))}get el(){return a(this)}static get watchers(){return{maxItems:["maxItemsChanged"],itemsBeforeCollapse:["maxItemsChanged"],itemsAfterCollapse:["maxItemsChanged"]}}};l.style={ios:":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;flex-wrap:wrap;align-items:center}:host(.in-toolbar-color),:host(.in-toolbar-color) .breadcrumbs-collapsed-indicator ion-icon{color:var(--ion-color-contrast)}:host(.in-toolbar-color) .breadcrumbs-collapsed-indicator{background:rgba(var(--ion-color-contrast-rgb), 0.11)}:host(.in-toolbar){-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:0;padding-bottom:0;justify-content:center}",md:":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;flex-wrap:wrap;align-items:center}:host(.in-toolbar-color),:host(.in-toolbar-color) .breadcrumbs-collapsed-indicator ion-icon{color:var(--ion-color-contrast)}:host(.in-toolbar-color) .breadcrumbs-collapsed-indicator{background:rgba(var(--ion-color-contrast-rgb), 0.11)}:host(.in-toolbar){-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0}"};export{l as ion_breadcrumbs}