@amwaljs/checkout-button 0.3.1 → 0.3.2

package/dist/esm/input.utils-79bde07f.js

@@ -0,0 +1,138 @@
+import { w as win } from './index-fb97e55c.js';
+import { b as raf } from './helpers-f0dcbd72.js';
+import { a as printIonError } from './index-d9b41a43.js';
+
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+/**
+ * Used to update a scoped component that uses emulated slots. This fires when
+ * content is passed into the slot or when the content inside of a slot changes.
+ * This is not needed for components using native slots in the Shadow DOM.
+ * @internal
+ * @param el The host element to observe
+ * @param slotName mutationCallback will fire when nodes on these slot(s) change
+ * @param mutationCallback The callback to fire whenever the slotted content changes
+ */
+const createSlotMutationController = (el, slotName, mutationCallback) => {
+    let hostMutationObserver;
+    let slottedContentMutationObserver;
+    if (win !== undefined && 'MutationObserver' in win) {
+        const slots = Array.isArray(slotName) ? slotName : [slotName];
+        hostMutationObserver = new MutationObserver((entries) => {
+            for (const entry of entries) {
+                for (const node of entry.addedNodes) {
+                    /**
+                     * Check to see if the added node
+                     *  is our slotted content.
+                     */
+                    if (node.nodeType === Node.ELEMENT_NODE && slots.includes(node.slot)) {
+                        /**
+                         * If so, we want to watch the slotted
+                         * content itself for changes. This lets us
+                         * detect when content inside of the slot changes.
+                         */
+                        mutationCallback();
+                        /**
+                         * Adding the listener in an raf
+                         * waits until Stencil moves the slotted element
+                         * into the correct place in the event that
+                         * slotted content is being added.
+                         */
+                        raf(() => watchForSlotChange(node));
+                        return;
+                    }
+                }
+            }
+        });
+        hostMutationObserver.observe(el, {
+            childList: true,
+        });
+    }
+    /**
+     * Listen for changes inside of the slotted content.
+     * We can listen for subtree changes here to be
+     * informed of text within the slotted content
+     * changing. Doing this on the host is possible
+     * but it is much more expensive to do because
+     * it also listens for changes to the internals
+     * of the component.
+     */
+    const watchForSlotChange = (slottedEl) => {
+        var _a;
+        if (slottedContentMutationObserver) {
+            slottedContentMutationObserver.disconnect();
+            slottedContentMutationObserver = undefined;
+        }
+        slottedContentMutationObserver = new MutationObserver((entries) => {
+            mutationCallback();
+            for (const entry of entries) {
+                for (const node of entry.removedNodes) {
+                    /**
+                     * If the element was removed then we
+                     * need to destroy the MutationObserver
+                     * so the element can be garbage collected.
+                     */
+                    if (node.nodeType === Node.ELEMENT_NODE && node.slot === slotName) {
+                        destroySlottedContentObserver();
+                    }
+                }
+            }
+        });
+        /**
+         * Listen for changes inside of the element
+         * as well as anything deep in the tree.
+         * We listen on the parentElement so that we can
+         * detect when slotted element itself is removed.
+         */
+        slottedContentMutationObserver.observe((_a = slottedEl.parentElement) !== null && _a !== void 0 ? _a : slottedEl, { subtree: true, childList: true });
+    };
+    const destroy = () => {
+        if (hostMutationObserver) {
+            hostMutationObserver.disconnect();
+            hostMutationObserver = undefined;
+        }
+        destroySlottedContentObserver();
+    };
+    const destroySlottedContentObserver = () => {
+        if (slottedContentMutationObserver) {
+            slottedContentMutationObserver.disconnect();
+            slottedContentMutationObserver = undefined;
+        }
+    };
+    return {
+        destroy,
+    };
+};
+
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+const getCounterText = (value, maxLength, counterFormatter) => {
+    const valueLength = value == null ? 0 : value.toString().length;
+    const defaultCounterText = defaultCounterFormatter(valueLength, maxLength);
+    /**
+     * If developers did not pass a custom formatter,
+     * use the default one.
+     */
+    if (counterFormatter === undefined) {
+        return defaultCounterText;
+    }
+    /**
+     * Otherwise, try to use the custom formatter
+     * and fallback to the default formatter if
+     * there was an error.
+     */
+    try {
+        return counterFormatter(valueLength, maxLength);
+    }
+    catch (e) {
+        printIonError('Exception in provided `counterFormatter`.', e);
+        return defaultCounterText;
+    }
+};
+const defaultCounterFormatter = (length, maxlength) => {
+    return `${length} / ${maxlength}`;
+};
+
+export { createSlotMutationController as c, getCounterText as g };

package/dist/esm/ion-accordion-group.entry.js

@@ -1,227 +1,221 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-93OyAGoo.js';
-import { p as printIonWarning } from './index-D8d_89Nl.js';
-import { g as getIonMode } from './ionic-global-DXXzPLPc.js';
+import { r as registerInstance, d as createEvent, h, H as Host, e as getElement } from './index-8cc94b11.js';
+import { p as printIonWarning } from './index-d9b41a43.js';
+import { g as getIonMode } from './ionic-global-0b7766cb.js';
 
-const accordionGroupIosCss = () => `:host{display:block}:host(.accordion-group-expand-inset){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded){border-bottom:none}`;
+const accordionGroupIosCss = ":host{display:block}:host(.accordion-group-expand-inset){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded){border-bottom:none}";
 
-const accordionGroupMdCss = () => `:host{display:block}:host(.accordion-group-expand-inset){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded){margin-left:0;margin-right:0;margin-top:16px;margin-bottom:16px;border-radius:6px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-previous){border-bottom-right-radius:6px;border-bottom-left-radius:6px}:host-context([dir=rtl]):host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-previous),:host-context([dir=rtl]).accordion-group-expand-inset ::slotted(ion-accordion.accordion-previous){border-bottom-right-radius:6px;border-bottom-left-radius:6px}@supports selector(:dir(rtl)){:host(.accordion-group-expand-inset:dir(rtl)) ::slotted(ion-accordion.accordion-previous){border-bottom-right-radius:6px;border-bottom-left-radius:6px}}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-next){border-top-left-radius:6px;border-top-right-radius:6px}:host-context([dir=rtl]):host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-next),:host-context([dir=rtl]).accordion-group-expand-inset ::slotted(ion-accordion.accordion-next){border-top-left-radius:6px;border-top-right-radius:6px}@supports selector(:dir(rtl)){:host(.accordion-group-expand-inset:dir(rtl)) ::slotted(ion-accordion.accordion-next){border-top-left-radius:6px;border-top-right-radius:6px}}:host(.accordion-group-expand-inset) ::slotted(ion-accordion):first-of-type{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}`;
+const accordionGroupMdCss = ":host{display:block}:host(.accordion-group-expand-inset){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded){margin-left:0;margin-right:0;margin-top:16px;margin-bottom:16px;border-radius:6px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-previous){border-bottom-right-radius:6px;border-bottom-left-radius:6px}:host-context([dir=rtl]):host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-previous),:host-context([dir=rtl]).accordion-group-expand-inset ::slotted(ion-accordion.accordion-previous){border-bottom-right-radius:6px;border-bottom-left-radius:6px}@supports selector(:dir(rtl)){:host(.accordion-group-expand-inset:dir(rtl)) ::slotted(ion-accordion.accordion-previous){border-bottom-right-radius:6px;border-bottom-left-radius:6px}}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-next){border-top-left-radius:6px;border-top-right-radius:6px}:host-context([dir=rtl]):host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-next),:host-context([dir=rtl]).accordion-group-expand-inset ::slotted(ion-accordion.accordion-next){border-top-left-radius:6px;border-top-right-radius:6px}@supports selector(:dir(rtl)){:host(.accordion-group-expand-inset:dir(rtl)) ::slotted(ion-accordion.accordion-next){border-top-left-radius:6px;border-top-right-radius:6px}}:host(.accordion-group-expand-inset) ::slotted(ion-accordion):first-of-type{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}";
 
 const AccordionGroup = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.ionChange = createEvent(this, "ionChange", 7);
-        this.ionValueChange = createEvent(this, "ionValueChange", 7);
-        this.animated = true;
-        this.multiple = undefined;
-        this.value = undefined;
-        this.disabled = false;
-        this.readonly = false;
-        this.expand = 'compact';
-    }
-    valueChanged() {
-        const { value, multiple } = this;
-        if (!multiple && Array.isArray(value)) {
-            /**
-             * We do some processing on the `value` array so
-             * that it looks more like an array when logged to
-             * the console.
-             * Example given ['a', 'b']
-             * Default toString() behavior: a,b
-             * Custom behavior: ['a', 'b']
-             */
-            printIonWarning(`ion-accordion-group was passed an array of values, but multiple="false". This is incorrect usage and may result in unexpected behaviors. To dismiss this warning, pass a string to the "value" property when multiple="false".
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ionChange = createEvent(this, "ionChange", 7);
+    this.ionValueChange = createEvent(this, "ionValueChange", 7);
+    this.animated = true;
+    this.multiple = undefined;
+    this.value = undefined;
+    this.disabled = false;
+    this.readonly = false;
+    this.expand = 'compact';
+  }
+  valueChanged() {
+    const { value, multiple } = this;
+    if (!multiple && Array.isArray(value)) {
+      /**
+       * We do some processing on the `value` array so
+       * that it looks more like an array when logged to
+       * the console.
+       * Example given ['a', 'b']
+       * Default toString() behavior: a,b
+       * Custom behavior: ['a', 'b']
+       */
+      printIonWarning(`ion-accordion-group was passed an array of values, but multiple="false". This is incorrect usage and may result in unexpected behaviors. To dismiss this warning, pass a string to the "value" property when multiple="false".
 
   Value Passed: [${value.map((v) => `'${v}'`).join(', ')}]
 `, this.el);
-        }
-        /**
-         * Do not use `value` here as that will be
-         * not account for the adjustment we make above.
-         */
-        this.ionValueChange.emit({ value: this.value });
-    }
-    async disabledChanged() {
-        const { disabled } = this;
-        const accordions = await this.getAccordions();
-        for (const accordion of accordions) {
-            accordion.disabled = disabled;
-        }
     }
-    async readonlyChanged() {
-        const { readonly } = this;
-        const accordions = await this.getAccordions();
-        for (const accordion of accordions) {
-            accordion.readonly = readonly;
-        }
+    /**
+     * Do not use `value` here as that will be
+     * not account for the adjustment we make above.
+     */
+    this.ionValueChange.emit({ value: this.value });
+  }
+  async disabledChanged() {
+    const { disabled } = this;
+    const accordions = await this.getAccordions();
+    for (const accordion of accordions) {
+      accordion.disabled = disabled;
     }
-    async onKeydown(ev) {
-        const activeElement = document.activeElement;
-        if (!activeElement) {
-            return;
-        }
-        /**
-         * Make sure focus is in the header, not the body, of the accordion. This ensures
-         * that if there are any interactable elements in the body, their keyboard
-         * interaction doesn't get stolen by the accordion. Example: using up/down keys
-         * in ion-textarea.
-         */
-        const activeAccordionHeader = activeElement.closest('ion-accordion [slot="header"]');
-        if (!activeAccordionHeader) {
-            return;
-        }
-        const accordionEl = activeElement.tagName === 'ION-ACCORDION' ? activeElement : activeElement.closest('ion-accordion');
-        if (!accordionEl) {
-            return;
-        }
-        const closestGroup = accordionEl.closest('ion-accordion-group');
-        if (closestGroup !== this.el) {
-            return;
-        }
-        // If the active accordion is not in the current array of accordions, do not do anything
-        const accordions = await this.getAccordions();
-        const startingIndex = accordions.findIndex((a) => a === accordionEl);
-        if (startingIndex === -1) {
-            return;
-        }
-        let accordion;
-        if (ev.key === 'ArrowDown') {
-            accordion = this.findNextAccordion(accordions, startingIndex);
-        }
-        else if (ev.key === 'ArrowUp') {
-            accordion = this.findPreviousAccordion(accordions, startingIndex);
-        }
-        else if (ev.key === 'Home') {
-            accordion = accordions[0];
-        }
-        else if (ev.key === 'End') {
-            accordion = accordions[accordions.length - 1];
-        }
-        if (accordion !== undefined && accordion !== activeElement) {
-            accordion.focus();
-        }
+  }
+  async readonlyChanged() {
+    const { readonly } = this;
+    const accordions = await this.getAccordions();
+    for (const accordion of accordions) {
+      accordion.readonly = readonly;
     }
-    async componentDidLoad() {
-        if (this.disabled) {
-            this.disabledChanged();
-        }
-        if (this.readonly) {
-            this.readonlyChanged();
-        }
-        /**
-         * When binding values in frameworks such as Angular
-         * it is possible for the value to be set after the Web Component
-         * initializes but before the value watcher is set up in Stencil.
-         * As a result, the watcher callback may not be fired.
-         * We work around this by manually calling the watcher
-         * callback when the component has loaded and the watcher
-         * is configured.
-         */
-        this.valueChanged();
+  }
+  async onKeydown(ev) {
+    const activeElement = document.activeElement;
+    if (!activeElement) {
+      return;
     }
     /**
-     * Sets the value property and emits ionChange.
-     * This should only be called when the user interacts
-     * with the accordion and not for any update
-     * to the value property. The exception is when
-     * the app sets the value of a single-select
-     * accordion group to an array.
+     * Make sure focus is in the header, not the body, of the accordion. This ensures
+     * that if there are any interactable elements in the body, their keyboard
+     * interaction doesn't get stolen by the accordion. Example: using up/down keys
+     * in ion-textarea.
      */
-    setValue(accordionValue) {
-        const value = (this.value = accordionValue);
-        this.ionChange.emit({ value });
+    const activeAccordionHeader = activeElement.closest('ion-accordion [slot="header"]');
+    if (!activeAccordionHeader) {
+      return;
     }
-    /**
-     * This method is used to ensure that the value
-     * of ion-accordion-group is being set in a valid
-     * way. This method should only be called in
-     * response to a user generated action.
-     * @internal
-     */
-    async requestAccordionToggle(accordionValue, accordionExpand) {
-        const { multiple, value, readonly, disabled } = this;
-        if (readonly || disabled) {
-            return;
-        }
-        if (accordionExpand) {
-            /**
-             * If group accepts multiple values
-             * check to see if value is already in
-             * in values array. If not, add it
-             * to the array.
-             */
-            if (multiple) {
-                const groupValue = value !== null && value !== void 0 ? value : [];
-                const processedValue = Array.isArray(groupValue) ? groupValue : [groupValue];
-                const valueExists = processedValue.find((v) => v === accordionValue);
-                if (valueExists === undefined && accordionValue !== undefined) {
-                    this.setValue([...processedValue, accordionValue]);
-                }
-            }
-            else {
-                this.setValue(accordionValue);
-            }
-        }
-        else {
-            /**
-             * If collapsing accordion, either filter the value
-             * out of the values array or unset the value.
-             */
-            if (multiple) {
-                const groupValue = value !== null && value !== void 0 ? value : [];
-                const processedValue = Array.isArray(groupValue) ? groupValue : [groupValue];
-                this.setValue(processedValue.filter((v) => v !== accordionValue));
-            }
-            else {
-                this.setValue(undefined);
-            }
-        }
+    const accordionEl = activeElement.tagName === 'ION-ACCORDION' ? activeElement : activeElement.closest('ion-accordion');
+    if (!accordionEl) {
+      return;
     }
-    findNextAccordion(accordions, startingIndex) {
-        const nextAccordion = accordions[startingIndex + 1];
-        if (nextAccordion === undefined) {
-            return accordions[0];
-        }
-        return nextAccordion;
+    const closestGroup = accordionEl.closest('ion-accordion-group');
+    if (closestGroup !== this.el) {
+      return;
     }
-    findPreviousAccordion(accordions, startingIndex) {
-        const prevAccordion = accordions[startingIndex - 1];
-        if (prevAccordion === undefined) {
-            return accordions[accordions.length - 1];
-        }
-        return prevAccordion;
+    // If the active accordion is not in the current array of accordions, do not do anything
+    const accordions = await this.getAccordions();
+    const startingIndex = accordions.findIndex((a) => a === accordionEl);
+    if (startingIndex === -1) {
+      return;
+    }
+    let accordion;
+    if (ev.key === 'ArrowDown') {
+      accordion = this.findNextAccordion(accordions, startingIndex);
+    }
+    else if (ev.key === 'ArrowUp') {
+      accordion = this.findPreviousAccordion(accordions, startingIndex);
+    }
+    else if (ev.key === 'Home') {
+      accordion = accordions[0];
+    }
+    else if (ev.key === 'End') {
+      accordion = accordions[accordions.length - 1];
+    }
+    if (accordion !== undefined && accordion !== activeElement) {
+      accordion.focus();
+    }
+  }
+  async componentDidLoad() {
+    if (this.disabled) {
+      this.disabledChanged();
+    }
+    if (this.readonly) {
+      this.readonlyChanged();
     }
     /**
-     * @internal
+     * When binding values in frameworks such as Angular
+     * it is possible for the value to be set after the Web Component
+     * initializes but before the value watcher is set up in Stencil.
+     * As a result, the watcher callback may not be fired.
+     * We work around this by manually calling the watcher
+     * callback when the component has loaded and the watcher
+     * is configured.
      */
-    async getAccordions() {
-        return Array.from(this.el.querySelectorAll(':scope > ion-accordion'));
-    }
-    render() {
-        const { disabled, readonly, expand } = this;
-        const mode = getIonMode(this);
-        return (h(Host, { key: 'ac2e26ac91c95d08172bd2b51daa7a711c21db9e', class: {
-                [mode]: true,
-                'accordion-group-disabled': disabled,
-                'accordion-group-readonly': readonly,
-                [`accordion-group-expand-${expand}`]: true,
-            }, role: "presentation" }, h("slot", { key: '444adc2af5730897eba57095da046d6bdb5af70f' })));
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "value": [{
-                "valueChanged": 0
-            }],
-        "disabled": [{
-                "disabledChanged": 0
-            }],
-        "readonly": [{
-                "readonlyChanged": 0
-            }]
-    }; }
+    this.valueChanged();
+  }
+  /**
+   * Sets the value property and emits ionChange.
+   * This should only be called when the user interacts
+   * with the accordion and not for any update
+   * to the value property. The exception is when
+   * the app sets the value of a single-select
+   * accordion group to an array.
+   */
+  setValue(accordionValue) {
+    const value = (this.value = accordionValue);
+    this.ionChange.emit({ value });
+  }
+  /**
+   * This method is used to ensure that the value
+   * of ion-accordion-group is being set in a valid
+   * way. This method should only be called in
+   * response to a user generated action.
+   * @internal
+   */
+  async requestAccordionToggle(accordionValue, accordionExpand) {
+    const { multiple, value, readonly, disabled } = this;
+    if (readonly || disabled) {
+      return;
+    }
+    if (accordionExpand) {
+      /**
+       * If group accepts multiple values
+       * check to see if value is already in
+       * in values array. If not, add it
+       * to the array.
+       */
+      if (multiple) {
+        const groupValue = value !== null && value !== void 0 ? value : [];
+        const processedValue = Array.isArray(groupValue) ? groupValue : [groupValue];
+        const valueExists = processedValue.find((v) => v === accordionValue);
+        if (valueExists === undefined && accordionValue !== undefined) {
+          this.setValue([...processedValue, accordionValue]);
+        }
+      }
+      else {
+        this.setValue(accordionValue);
+      }
+    }
+    else {
+      /**
+       * If collapsing accordion, either filter the value
+       * out of the values array or unset the value.
+       */
+      if (multiple) {
+        const groupValue = value !== null && value !== void 0 ? value : [];
+        const processedValue = Array.isArray(groupValue) ? groupValue : [groupValue];
+        this.setValue(processedValue.filter((v) => v !== accordionValue));
+      }
+      else {
+        this.setValue(undefined);
+      }
+    }
+  }
+  findNextAccordion(accordions, startingIndex) {
+    const nextAccordion = accordions[startingIndex + 1];
+    if (nextAccordion === undefined) {
+      return accordions[0];
+    }
+    return nextAccordion;
+  }
+  findPreviousAccordion(accordions, startingIndex) {
+    const prevAccordion = accordions[startingIndex - 1];
+    if (prevAccordion === undefined) {
+      return accordions[accordions.length - 1];
+    }
+    return prevAccordion;
+  }
+  /**
+   * @internal
+   */
+  async getAccordions() {
+    return Array.from(this.el.querySelectorAll(':scope > ion-accordion'));
+  }
+  render() {
+    const { disabled, readonly, expand } = this;
+    const mode = getIonMode(this);
+    return (h(Host, { key: 'ac2e26ac91c95d08172bd2b51daa7a711c21db9e', class: {
+        [mode]: true,
+        'accordion-group-disabled': disabled,
+        'accordion-group-readonly': readonly,
+        [`accordion-group-expand-${expand}`]: true,
+      }, role: "presentation" }, h("slot", { key: '444adc2af5730897eba57095da046d6bdb5af70f' })));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "value": ["valueChanged"],
+    "disabled": ["disabledChanged"],
+    "readonly": ["readonlyChanged"]
+  }; }
 };
 AccordionGroup.style = {
-    ios: accordionGroupIosCss(),
-    md: accordionGroupMdCss()
+  ios: accordionGroupIosCss,
+  md: accordionGroupMdCss
 };
 
 export { AccordionGroup as ion_accordion_group };