@amwaljs/checkout-button 0.3.1 → 0.3.2

package/dist/esm/ion-skeleton-text.entry.js

@@ -1,39 +1,39 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-93OyAGoo.js';
-import { h as hostContext } from './theme-DiVJyqlX.js';
-import { c as config, 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 { h as hostContext } from './theme-35c700b7.js';
+import { c as config, g as getIonMode } from './ionic-global-0b7766cb.js';
 
-const skeletonTextCss = () => `:host{--background:rgba(var(--background-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.065);border-radius:var(--border-radius, inherit);display:block;width:100%;height:inherit;margin-top:4px;margin-bottom:4px;background:var(--background);line-height:10px;user-select:none;pointer-events:none}span{display:inline-block}:host(.in-media){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;height:100%}:host(.skeleton-text-animated){position:relative;background:linear-gradient(to right, rgba(var(--background-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.065) 8%, rgba(var(--background-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.135) 18%, rgba(var(--background-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.065) 33%);background-size:800px 104px;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:shimmer;animation-timing-function:linear}@keyframes shimmer{0%{background-position:-400px 0}100%{background-position:400px 0}}`;
+const skeletonTextCss = ":host{--background:rgba(var(--background-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.065);border-radius:var(--border-radius, inherit);display:block;width:100%;height:inherit;margin-top:4px;margin-bottom:4px;background:var(--background);line-height:10px;user-select:none;pointer-events:none}span{display:inline-block}:host(.in-media){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;height:100%}:host(.skeleton-text-animated){position:relative;background:linear-gradient(to right, rgba(var(--background-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.065) 8%, rgba(var(--background-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.135) 18%, rgba(var(--background-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.065) 33%);background-size:800px 104px;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:shimmer;animation-timing-function:linear}@keyframes shimmer{0%{background-position:-400px 0}100%{background-position:400px 0}}";
 
 const SkeletonText = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.ionStyle = createEvent(this, "ionStyle", 7);
-        this.animated = false;
-    }
-    componentWillLoad() {
-        this.emitStyle();
-    }
-    emitStyle() {
-        // The emitted property is used by item in order
-        // to add the item-skeleton-text class which applies
-        // overflow: hidden to its label
-        const style = {
-            'skeleton-text': true,
-        };
-        this.ionStyle.emit(style);
-    }
-    render() {
-        const animated = this.animated && config.getBoolean('animated', true);
-        const inMedia = hostContext('ion-avatar', this.el) || hostContext('ion-thumbnail', this.el);
-        const mode = getIonMode(this);
-        return (h(Host, { key: '4dab0fd2de666de12ad8f6dc6ed1e1de0be67ddd', class: {
-                [mode]: true,
-                'skeleton-text-animated': animated,
-                'in-media': inMedia,
-            } }, h("span", { key: 'f8f908ec24d65e63b14d9a54640a5f18f0fa8fa5' }, "\u00A0")));
-    }
-    get el() { return getElement(this); }
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ionStyle = createEvent(this, "ionStyle", 7);
+    this.animated = false;
+  }
+  componentWillLoad() {
+    this.emitStyle();
+  }
+  emitStyle() {
+    // The emitted property is used by item in order
+    // to add the item-skeleton-text class which applies
+    // overflow: hidden to its label
+    const style = {
+      'skeleton-text': true,
+    };
+    this.ionStyle.emit(style);
+  }
+  render() {
+    const animated = this.animated && config.getBoolean('animated', true);
+    const inMedia = hostContext('ion-avatar', this.el) || hostContext('ion-thumbnail', this.el);
+    const mode = getIonMode(this);
+    return (h(Host, { key: '4dab0fd2de666de12ad8f6dc6ed1e1de0be67ddd', class: {
+        [mode]: true,
+        'skeleton-text-animated': animated,
+        'in-media': inMedia,
+      } }, h("span", { key: 'f8f908ec24d65e63b14d9a54640a5f18f0fa8fa5' }, "\u00A0")));
+  }
+  get el() { return getElement(this); }
 };
-SkeletonText.style = skeletonTextCss();
+SkeletonText.style = skeletonTextCss;
 
 export { SkeletonText as ion_skeleton_text };

package/dist/esm/ion-spinner.entry.js

@@ -1,61 +1,61 @@
-import { r as registerInstance, h, H as Host } from './index-93OyAGoo.js';
-import { c as createColorClasses } from './theme-DiVJyqlX.js';
-import { c as config, g as getIonMode } from './ionic-global-DXXzPLPc.js';
-import { S as SPINNERS } from './spinner-configs-D4RIp70E.js';
+import { r as registerInstance, h, H as Host } from './index-8cc94b11.js';
+import { c as createColorClasses } from './theme-35c700b7.js';
+import { c as config, g as getIonMode } from './ionic-global-0b7766cb.js';
+import { S as SPINNERS } from './spinner-configs-c9fb0813.js';
 
-const spinnerCss = () => `:host{display:inline-block;position:relative;width:28px;height:28px;color:var(--color);user-select:none}:host(.ion-color){color:var(--ion-color-base)}svg{transform-origin:center;position:absolute;top:0;left:0;width:100%;height:100%;transform:translateZ(0)}:host-context([dir=rtl]) svg{transform-origin:calc(100% - center)}[dir=rtl] svg{transform-origin:calc(100% - center)}@supports selector(:dir(rtl)){svg:dir(rtl){transform-origin:calc(100% - center)}}:host(.spinner-lines) line,:host(.spinner-lines-small) line{stroke-width:7px}:host(.spinner-lines-sharp) line,:host(.spinner-lines-sharp-small) line{stroke-width:4px}:host(.spinner-lines) line,:host(.spinner-lines-small) line,:host(.spinner-lines-sharp) line,:host(.spinner-lines-sharp-small) line{stroke-linecap:round;stroke:currentColor}:host(.spinner-lines) svg,:host(.spinner-lines-small) svg,:host(.spinner-lines-sharp) svg,:host(.spinner-lines-sharp-small) svg{animation:spinner-fade-out 1s linear infinite}:host(.spinner-bubbles) svg{animation:spinner-scale-out 1s linear infinite;fill:currentColor}:host(.spinner-circles) svg{animation:spinner-fade-out 1s linear infinite;fill:currentColor}:host(.spinner-crescent) circle{fill:transparent;stroke-width:4px;stroke-dasharray:128px;stroke-dashoffset:82px;stroke:currentColor}:host(.spinner-crescent) svg{animation:spinner-rotate 1s linear infinite}:host(.spinner-dots) circle{stroke-width:0;fill:currentColor}:host(.spinner-dots) svg{animation:spinner-dots 1s linear infinite}:host(.spinner-circular) svg{animation:spinner-circular linear infinite}:host(.spinner-circular) circle{animation:spinner-circular-inner ease-in-out infinite;stroke:currentColor;stroke-dasharray:80px, 200px;stroke-dashoffset:0px;stroke-width:5.6;fill:none}:host(.spinner-paused),:host(.spinner-paused) svg,:host(.spinner-paused) circle{animation-play-state:paused}@keyframes spinner-fade-out{0%{opacity:1}100%{opacity:0}}@keyframes spinner-scale-out{0%{transform:scale(1, 1)}100%{transform:scale(0, 0)}}@keyframes spinner-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spinner-dots{0%{transform:scale(1, 1);opacity:0.9}50%{transform:scale(0.4, 0.4);opacity:0.3}100%{transform:scale(1, 1);opacity:0.9}}@keyframes spinner-circular{100%{transform:rotate(360deg)}}@keyframes spinner-circular-inner{0%{stroke-dasharray:1px, 200px;stroke-dashoffset:0px}50%{stroke-dasharray:100px, 200px;stroke-dashoffset:-15px}100%{stroke-dasharray:100px, 200px;stroke-dashoffset:-125px}}`;
+const spinnerCss = ":host{display:inline-block;position:relative;width:28px;height:28px;color:var(--color);user-select:none}:host(.ion-color){color:var(--ion-color-base)}svg{transform-origin:center;position:absolute;top:0;left:0;width:100%;height:100%;transform:translateZ(0)}:host-context([dir=rtl]) svg{transform-origin:calc(100% - center)}[dir=rtl] svg{transform-origin:calc(100% - center)}@supports selector(:dir(rtl)){svg:dir(rtl){transform-origin:calc(100% - center)}}:host(.spinner-lines) line,:host(.spinner-lines-small) line{stroke-width:7px}:host(.spinner-lines-sharp) line,:host(.spinner-lines-sharp-small) line{stroke-width:4px}:host(.spinner-lines) line,:host(.spinner-lines-small) line,:host(.spinner-lines-sharp) line,:host(.spinner-lines-sharp-small) line{stroke-linecap:round;stroke:currentColor}:host(.spinner-lines) svg,:host(.spinner-lines-small) svg,:host(.spinner-lines-sharp) svg,:host(.spinner-lines-sharp-small) svg{animation:spinner-fade-out 1s linear infinite}:host(.spinner-bubbles) svg{animation:spinner-scale-out 1s linear infinite;fill:currentColor}:host(.spinner-circles) svg{animation:spinner-fade-out 1s linear infinite;fill:currentColor}:host(.spinner-crescent) circle{fill:transparent;stroke-width:4px;stroke-dasharray:128px;stroke-dashoffset:82px;stroke:currentColor}:host(.spinner-crescent) svg{animation:spinner-rotate 1s linear infinite}:host(.spinner-dots) circle{stroke-width:0;fill:currentColor}:host(.spinner-dots) svg{animation:spinner-dots 1s linear infinite}:host(.spinner-circular) svg{animation:spinner-circular linear infinite}:host(.spinner-circular) circle{animation:spinner-circular-inner ease-in-out infinite;stroke:currentColor;stroke-dasharray:80px, 200px;stroke-dashoffset:0px;stroke-width:5.6;fill:none}:host(.spinner-paused),:host(.spinner-paused) svg,:host(.spinner-paused) circle{animation-play-state:paused}@keyframes spinner-fade-out{0%{opacity:1}100%{opacity:0}}@keyframes spinner-scale-out{0%{transform:scale(1, 1)}100%{transform:scale(0, 0)}}@keyframes spinner-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spinner-dots{0%{transform:scale(1, 1);opacity:0.9}50%{transform:scale(0.4, 0.4);opacity:0.3}100%{transform:scale(1, 1);opacity:0.9}}@keyframes spinner-circular{100%{transform:rotate(360deg)}}@keyframes spinner-circular-inner{0%{stroke-dasharray:1px, 200px;stroke-dashoffset:0px}50%{stroke-dasharray:100px, 200px;stroke-dashoffset:-15px}100%{stroke-dasharray:100px, 200px;stroke-dashoffset:-125px}}";
 
 const Spinner = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.color = undefined;
-        this.duration = undefined;
-        this.name = undefined;
-        this.paused = false;
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.color = undefined;
+    this.duration = undefined;
+    this.name = undefined;
+    this.paused = false;
+  }
+  getName() {
+    const spinnerName = this.name || config.get('spinner');
+    const mode = getIonMode(this);
+    if (spinnerName) {
+      return spinnerName;
     }
-    getName() {
-        const spinnerName = this.name || config.get('spinner');
-        const mode = getIonMode(this);
-        if (spinnerName) {
-            return spinnerName;
-        }
-        return mode === 'ios' ? 'lines' : 'circular';
+    return mode === 'ios' ? 'lines' : 'circular';
+  }
+  render() {
+    var _a;
+    const self = this;
+    const mode = getIonMode(self);
+    const spinnerName = self.getName();
+    const spinner = (_a = SPINNERS[spinnerName]) !== null && _a !== void 0 ? _a : SPINNERS['lines'];
+    const duration = typeof self.duration === 'number' && self.duration > 10 ? self.duration : spinner.dur;
+    const svgs = [];
+    if (spinner.circles !== undefined) {
+      for (let i = 0; i < spinner.circles; i++) {
+        svgs.push(buildCircle(spinner, duration, i, spinner.circles));
+      }
     }
-    render() {
-        var _a;
-        const self = this;
-        const mode = getIonMode(self);
-        const spinnerName = self.getName();
-        const spinner = (_a = SPINNERS[spinnerName]) !== null && _a !== void 0 ? _a : SPINNERS['lines'];
-        const duration = typeof self.duration === 'number' && self.duration > 10 ? self.duration : spinner.dur;
-        const svgs = [];
-        if (spinner.circles !== undefined) {
-            for (let i = 0; i < spinner.circles; i++) {
-                svgs.push(buildCircle(spinner, duration, i, spinner.circles));
-            }
-        }
-        else if (spinner.lines !== undefined) {
-            for (let i = 0; i < spinner.lines; i++) {
-                svgs.push(buildLine(spinner, duration, i, spinner.lines));
-            }
-        }
-        return (h(Host, { key: '9e08bf306b28bdd76884d353dcaaf31c1bb591f2', class: createColorClasses(self.color, {
-                [mode]: true,
-                [`spinner-${spinnerName}`]: true,
-                'spinner-paused': self.paused || config.getBoolean('_testing'),
-            }), role: "progressbar", style: spinner.elmDuration ? { animationDuration: duration + 'ms' } : {} }, svgs));
+    else if (spinner.lines !== undefined) {
+      for (let i = 0; i < spinner.lines; i++) {
+        svgs.push(buildLine(spinner, duration, i, spinner.lines));
+      }
     }
+    return (h(Host, { key: '9e08bf306b28bdd76884d353dcaaf31c1bb591f2', class: createColorClasses(self.color, {
+        [mode]: true,
+        [`spinner-${spinnerName}`]: true,
+        'spinner-paused': self.paused || config.getBoolean('_testing'),
+      }), role: "progressbar", style: spinner.elmDuration ? { animationDuration: duration + 'ms' } : {} }, svgs));
+  }
 };
 const buildCircle = (spinner, duration, index, total) => {
-    const data = spinner.fn(duration, index, total);
-    data.style['animation-duration'] = duration + 'ms';
-    return (h("svg", { viewBox: data.viewBox || '0 0 64 64', style: data.style }, h("circle", { transform: data.transform || 'translate(32,32)', cx: data.cx, cy: data.cy, r: data.r, style: spinner.elmDuration ? { animationDuration: duration + 'ms' } : {} })));
+  const data = spinner.fn(duration, index, total);
+  data.style['animation-duration'] = duration + 'ms';
+  return (h("svg", { viewBox: data.viewBox || '0 0 64 64', style: data.style }, h("circle", { transform: data.transform || 'translate(32,32)', cx: data.cx, cy: data.cy, r: data.r, style: spinner.elmDuration ? { animationDuration: duration + 'ms' } : {} })));
 };
 const buildLine = (spinner, duration, index, total) => {
-    const data = spinner.fn(duration, index, total);
-    data.style['animation-duration'] = duration + 'ms';
-    return (h("svg", { viewBox: data.viewBox || '0 0 64 64', style: data.style }, h("line", { transform: "translate(32,32)", y1: data.y1, y2: data.y2 })));
+  const data = spinner.fn(duration, index, total);
+  data.style['animation-duration'] = duration + 'ms';
+  return (h("svg", { viewBox: data.viewBox || '0 0 64 64', style: data.style }, h("line", { transform: "translate(32,32)", y1: data.y1, y2: data.y2 })));
 };
-Spinner.style = spinnerCss();
+Spinner.style = spinnerCss;
 
 export { Spinner as ion_spinner };

package/dist/esm/ion-split-pane.entry.js

@@ -1,149 +1,143 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-93OyAGoo.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 { g as getIonMode } from './ionic-global-0b7766cb.js';
 
-const splitPaneIosCss = () => `:host{--side-width:100%;left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:row;flex-wrap:nowrap;contain:strict}::slotted(ion-menu.menu-pane-visible){flex:0 1 auto;width:var(--side-width);min-width:var(--side-min-width);max-width:var(--side-max-width)}:host(.split-pane-visible) ::slotted(.split-pane-side),:host(.split-pane-visible) ::slotted(.split-pane-main){left:0;right:0;top:0;bottom:0;position:relative;box-shadow:none;z-index:0}:host(.split-pane-visible) ::slotted(.split-pane-main){flex:1;overflow:hidden}:host(.split-pane-visible) ::slotted(.split-pane-side:not(ion-menu)),:host(.split-pane-visible) ::slotted(ion-menu.split-pane-side.menu-enabled){display:flex;flex-shrink:0}::slotted(.split-pane-side:not(ion-menu)){display:none}:host(.split-pane-visible) ::slotted(.split-pane-side){order:-1}:host(.split-pane-visible) ::slotted(.split-pane-side[side=end]){order:1}:host{--border:0.55px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, #c8c7cc)));--side-min-width:270px;--side-max-width:28%}:host(.split-pane-visible) ::slotted(.split-pane-side){-webkit-border-start:0;border-inline-start:0;-webkit-border-end:var(--border);border-inline-end:var(--border);border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}:host(.split-pane-visible) ::slotted(.split-pane-side[side=end]){-webkit-border-start:var(--border);border-inline-start:var(--border);-webkit-border-end:0;border-inline-end:0;border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}`;
+const splitPaneIosCss = ":host{--side-width:100%;left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:row;flex-wrap:nowrap;contain:strict}::slotted(ion-menu.menu-pane-visible){flex:0 1 auto;width:var(--side-width);min-width:var(--side-min-width);max-width:var(--side-max-width)}:host(.split-pane-visible) ::slotted(.split-pane-side),:host(.split-pane-visible) ::slotted(.split-pane-main){left:0;right:0;top:0;bottom:0;position:relative;box-shadow:none;z-index:0}:host(.split-pane-visible) ::slotted(.split-pane-main){flex:1;overflow:hidden}:host(.split-pane-visible) ::slotted(.split-pane-side:not(ion-menu)),:host(.split-pane-visible) ::slotted(ion-menu.split-pane-side.menu-enabled){display:flex;flex-shrink:0}::slotted(.split-pane-side:not(ion-menu)){display:none}:host(.split-pane-visible) ::slotted(.split-pane-side){order:-1}:host(.split-pane-visible) ::slotted(.split-pane-side[side=end]){order:1}:host{--border:0.55px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, #c8c7cc)));--side-min-width:270px;--side-max-width:28%}:host(.split-pane-visible) ::slotted(.split-pane-side){-webkit-border-start:0;border-inline-start:0;-webkit-border-end:var(--border);border-inline-end:var(--border);border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}:host(.split-pane-visible) ::slotted(.split-pane-side[side=end]){-webkit-border-start:var(--border);border-inline-start:var(--border);-webkit-border-end:0;border-inline-end:0;border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}";
 
-const splitPaneMdCss = () => `:host{--side-width:100%;left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:row;flex-wrap:nowrap;contain:strict}::slotted(ion-menu.menu-pane-visible){flex:0 1 auto;width:var(--side-width);min-width:var(--side-min-width);max-width:var(--side-max-width)}:host(.split-pane-visible) ::slotted(.split-pane-side),:host(.split-pane-visible) ::slotted(.split-pane-main){left:0;right:0;top:0;bottom:0;position:relative;box-shadow:none;z-index:0}:host(.split-pane-visible) ::slotted(.split-pane-main){flex:1;overflow:hidden}:host(.split-pane-visible) ::slotted(.split-pane-side:not(ion-menu)),:host(.split-pane-visible) ::slotted(ion-menu.split-pane-side.menu-enabled){display:flex;flex-shrink:0}::slotted(.split-pane-side:not(ion-menu)){display:none}:host(.split-pane-visible) ::slotted(.split-pane-side){order:-1}:host(.split-pane-visible) ::slotted(.split-pane-side[side=end]){order:1}:host{--border:1px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));--side-min-width:270px;--side-max-width:28%}:host(.split-pane-visible) ::slotted(.split-pane-side){-webkit-border-start:0;border-inline-start:0;-webkit-border-end:var(--border);border-inline-end:var(--border);border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}:host(.split-pane-visible) ::slotted(.split-pane-side[side=end]){-webkit-border-start:var(--border);border-inline-start:var(--border);-webkit-border-end:0;border-inline-end:0;border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}`;
+const splitPaneMdCss = ":host{--side-width:100%;left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:row;flex-wrap:nowrap;contain:strict}::slotted(ion-menu.menu-pane-visible){flex:0 1 auto;width:var(--side-width);min-width:var(--side-min-width);max-width:var(--side-max-width)}:host(.split-pane-visible) ::slotted(.split-pane-side),:host(.split-pane-visible) ::slotted(.split-pane-main){left:0;right:0;top:0;bottom:0;position:relative;box-shadow:none;z-index:0}:host(.split-pane-visible) ::slotted(.split-pane-main){flex:1;overflow:hidden}:host(.split-pane-visible) ::slotted(.split-pane-side:not(ion-menu)),:host(.split-pane-visible) ::slotted(ion-menu.split-pane-side.menu-enabled){display:flex;flex-shrink:0}::slotted(.split-pane-side:not(ion-menu)){display:none}:host(.split-pane-visible) ::slotted(.split-pane-side){order:-1}:host(.split-pane-visible) ::slotted(.split-pane-side[side=end]){order:1}:host{--border:1px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));--side-min-width:270px;--side-max-width:28%}:host(.split-pane-visible) ::slotted(.split-pane-side){-webkit-border-start:0;border-inline-start:0;-webkit-border-end:var(--border);border-inline-end:var(--border);border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}:host(.split-pane-visible) ::slotted(.split-pane-side[side=end]){-webkit-border-start:var(--border);border-inline-start:var(--border);-webkit-border-end:0;border-inline-end:0;border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}";
 
 // TODO(FW-2832): types
 const SPLIT_PANE_MAIN = 'split-pane-main';
 const SPLIT_PANE_SIDE = 'split-pane-side';
 const QUERY = {
-    xs: '(min-width: 0px)',
-    sm: '(min-width: 576px)',
-    md: '(min-width: 768px)',
-    lg: '(min-width: 992px)',
-    xl: '(min-width: 1200px)',
-    never: '',
+  xs: '(min-width: 0px)',
+  sm: '(min-width: 576px)',
+  md: '(min-width: 768px)',
+  lg: '(min-width: 992px)',
+  xl: '(min-width: 1200px)',
+  never: '',
 };
 const SplitPane = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.ionSplitPaneVisible = createEvent(this, "ionSplitPaneVisible", 7);
-        this.visible = false;
-        this.contentId = undefined;
-        this.disabled = false;
-        this.when = QUERY['lg'];
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ionSplitPaneVisible = createEvent(this, "ionSplitPaneVisible", 7);
+    this.visible = false;
+    this.contentId = undefined;
+    this.disabled = false;
+    this.when = QUERY['lg'];
+  }
+  visibleChanged(visible) {
+    const detail = { visible, isPane: this.isPane.bind(this) };
+    this.ionSplitPaneVisible.emit(detail);
+  }
+  async connectedCallback() {
+    // TODO: connectedCallback is fired in CE build
+    // before WC is defined. This needs to be fixed in Stencil.
+    if (typeof customElements !== 'undefined' && customElements != null) {
+      await customElements.whenDefined('ion-split-pane');
     }
-    visibleChanged(visible) {
-        const detail = { visible, isPane: this.isPane.bind(this) };
-        this.ionSplitPaneVisible.emit(detail);
+    this.styleChildren();
+    this.updateState();
+  }
+  disconnectedCallback() {
+    if (this.rmL) {
+      this.rmL();
+      this.rmL = undefined;
     }
-    async connectedCallback() {
-        // TODO: connectedCallback is fired in CE build
-        // before WC is defined. This needs to be fixed in Stencil.
-        if (typeof customElements !== 'undefined' && customElements != null) {
-            await customElements.whenDefined('ion-split-pane');
-        }
-        this.styleChildren();
-        this.updateState();
+  }
+  updateState() {
+    if (this.rmL) {
+      this.rmL();
+      this.rmL = undefined;
     }
-    disconnectedCallback() {
-        if (this.rmL) {
-            this.rmL();
-            this.rmL = undefined;
-        }
+    // Check if the split-pane is disabled
+    if (this.disabled) {
+      this.visible = false;
+      return;
     }
-    updateState() {
-        if (this.rmL) {
-            this.rmL();
-            this.rmL = undefined;
-        }
-        // Check if the split-pane is disabled
-        if (this.disabled) {
-            this.visible = false;
-            return;
-        }
-        // When query is a boolean
-        const query = this.when;
-        if (typeof query === 'boolean') {
-            this.visible = query;
-            return;
-        }
-        // When query is a string, let's find first if it is a shortcut
-        const mediaQuery = QUERY[query] || query;
-        // Media query is empty or null, we hide it
-        if (mediaQuery.length === 0) {
-            this.visible = false;
-            return;
-        }
-        // Listen on media query
-        const callback = (q) => {
-            this.visible = q.matches;
-        };
-        const mediaList = window.matchMedia(mediaQuery);
-        // TODO FW-5869
-        mediaList.addListener(callback);
-        this.rmL = () => mediaList.removeListener(callback);
-        this.visible = mediaList.matches;
+    // When query is a boolean
+    const query = this.when;
+    if (typeof query === 'boolean') {
+      this.visible = query;
+      return;
     }
-    isPane(element) {
-        if (!this.visible) {
-            return false;
-        }
-        return element.parentElement === this.el && element.classList.contains(SPLIT_PANE_SIDE);
+    // When query is a string, let's find first if it is a shortcut
+    const mediaQuery = QUERY[query] || query;
+    // Media query is empty or null, we hide it
+    if (mediaQuery.length === 0) {
+      this.visible = false;
+      return;
     }
-    styleChildren() {
-        const contentId = this.contentId;
-        const children = this.el.children;
-        const nu = this.el.childElementCount;
-        let foundMain = false;
-        for (let i = 0; i < nu; i++) {
-            const child = children[i];
-            const isMain = contentId !== undefined && child.id === contentId;
-            if (isMain) {
-                if (foundMain) {
-                    console.warn('split pane cannot have more than one main node');
-                    return;
-                }
-                foundMain = true;
-            }
-            setPaneClass(child, isMain);
-        }
-        if (!foundMain) {
-            console.warn('split pane does not have a specified main node');
+    // Listen on media query
+    const callback = (q) => {
+      this.visible = q.matches;
+    };
+    const mediaList = window.matchMedia(mediaQuery);
+    // TODO FW-5869
+    mediaList.addListener(callback);
+    this.rmL = () => mediaList.removeListener(callback);
+    this.visible = mediaList.matches;
+  }
+  isPane(element) {
+    if (!this.visible) {
+      return false;
+    }
+    return element.parentElement === this.el && element.classList.contains(SPLIT_PANE_SIDE);
+  }
+  styleChildren() {
+    const contentId = this.contentId;
+    const children = this.el.children;
+    const nu = this.el.childElementCount;
+    let foundMain = false;
+    for (let i = 0; i < nu; i++) {
+      const child = children[i];
+      const isMain = contentId !== undefined && child.id === contentId;
+      if (isMain) {
+        if (foundMain) {
+          console.warn('split pane cannot have more than one main node');
+          return;
         }
+        foundMain = true;
+      }
+      setPaneClass(child, isMain);
     }
-    render() {
-        const mode = getIonMode(this);
-        return (h(Host, { key: '57ee198506248916e74d8d082ad547a471e6cc73', class: {
-                [mode]: true,
-                // Used internally for styling
-                [`split-pane-${mode}`]: true,
-                'split-pane-visible': this.visible,
-            } }, h("slot", { key: '2cd89fa50cfe8a7a6bdda981bb89d5a24a8eec88' })));
+    if (!foundMain) {
+      console.warn('split pane does not have a specified main node');
     }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "visible": [{
-                "visibleChanged": 0
-            }],
-        "disabled": [{
-                "updateState": 0
-            }],
-        "when": [{
-                "updateState": 0
-            }]
-    }; }
+  }
+  render() {
+    const mode = getIonMode(this);
+    return (h(Host, { key: '57ee198506248916e74d8d082ad547a471e6cc73', class: {
+        [mode]: true,
+        // Used internally for styling
+        [`split-pane-${mode}`]: true,
+        'split-pane-visible': this.visible,
+      } }, h("slot", { key: '2cd89fa50cfe8a7a6bdda981bb89d5a24a8eec88' })));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "visible": ["visibleChanged"],
+    "disabled": ["updateState"],
+    "when": ["updateState"]
+  }; }
 };
 const setPaneClass = (el, isMain) => {
-    let toAdd;
-    let toRemove;
-    if (isMain) {
-        toAdd = SPLIT_PANE_MAIN;
-        toRemove = SPLIT_PANE_SIDE;
-    }
-    else {
-        toAdd = SPLIT_PANE_SIDE;
-        toRemove = SPLIT_PANE_MAIN;
-    }
-    const classList = el.classList;
-    classList.add(toAdd);
-    classList.remove(toRemove);
+  let toAdd;
+  let toRemove;
+  if (isMain) {
+    toAdd = SPLIT_PANE_MAIN;
+    toRemove = SPLIT_PANE_SIDE;
+  }
+  else {
+    toAdd = SPLIT_PANE_SIDE;
+    toRemove = SPLIT_PANE_MAIN;
+  }
+  const classList = el.classList;
+  classList.add(toAdd);
+  classList.remove(toRemove);
 };
 SplitPane.style = {
-    ios: splitPaneIosCss(),
-    md: splitPaneMdCss()
+  ios: splitPaneIosCss,
+  md: splitPaneMdCss
 };
 
 export { SplitPane as ion_split_pane };

package/dist/esm/ion-tab-bar.entry.js

@@ -1,77 +1,75 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-93OyAGoo.js';
-import { c as createKeyboardController } from './keyboard-controller-CqGCg8tB.js';
-import { c as createColorClasses } from './theme-DiVJyqlX.js';
-import { g as getIonMode } from './ionic-global-DXXzPLPc.js';
-import './index-ZjP4CjeZ.js';
-import './keyboard-DgiyREKb.js';
-import './capacitor-CG3xQUND.js';
+import { r as registerInstance, d as createEvent, h, H as Host, e as getElement } from './index-8cc94b11.js';
+import { c as createKeyboardController } from './keyboard-controller-5a2f625f.js';
+import { c as createColorClasses } from './theme-35c700b7.js';
+import { g as getIonMode } from './ionic-global-0b7766cb.js';
+import './index-fb97e55c.js';
+import './keyboard-1f073554.js';
+import './capacitor-ba4337da.js';
 
-const tabBarIosCss = () => `:host{display:flex;align-items:center;justify-content:center;width:auto;padding-right:var(--ion-safe-area-right);padding-bottom:var(--ion-safe-area-bottom, 0);padding-left:var(--ion-safe-area-left);border-top:var(--border);background:var(--background);color:var(--color);text-align:center;contain:strict;user-select:none;z-index:10;box-sizing:content-box !important}:host(.ion-color) ::slotted(ion-tab-button){--background-focused:var(--ion-color-shade);--color-selected:var(--ion-color-contrast)}:host(.ion-color) ::slotted(.tab-selected){color:var(--ion-color-contrast)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){color:rgba(var(--ion-color-contrast-rgb), 0.7)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){background:var(--ion-color-base)}:host(.ion-color) ::slotted(ion-tab-button.ion-focused),:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:var(--background-focused)}:host(.tab-bar-translucent) ::slotted(ion-tab-button){background:transparent}:host([slot=top]){padding-top:var(--ion-safe-area-top, 0);padding-bottom:0;border-top:0;border-bottom:var(--border)}:host(.tab-bar-hidden){display:none !important}:host{--background:var(--ion-tab-bar-background, var(--ion-color-step-50, #f7f7f7));--background-focused:var(--ion-tab-bar-background-focused, #e0e0e0);--border:0.55px solid var(--ion-tab-bar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.2))));--color:var(--ion-tab-bar-color, var(--ion-color-step-600, #666666));--color-selected:var(--ion-tab-bar-color-selected, var(--ion-color-primary, #3880ff));height:50px}@supports (backdrop-filter: blur(0)){:host(.tab-bar-translucent){--background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);backdrop-filter:saturate(210%) blur(20px)}:host(.ion-color.tab-bar-translucent){background:rgba(var(--ion-color-base-rgb), 0.8)}:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.6)}}`;
+const tabBarIosCss = ":host{display:flex;align-items:center;justify-content:center;width:auto;padding-right:var(--ion-safe-area-right);padding-bottom:var(--ion-safe-area-bottom, 0);padding-left:var(--ion-safe-area-left);border-top:var(--border);background:var(--background);color:var(--color);text-align:center;contain:strict;user-select:none;z-index:10;box-sizing:content-box !important}:host(.ion-color) ::slotted(ion-tab-button){--background-focused:var(--ion-color-shade);--color-selected:var(--ion-color-contrast)}:host(.ion-color) ::slotted(.tab-selected){color:var(--ion-color-contrast)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){color:rgba(var(--ion-color-contrast-rgb), 0.7)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){background:var(--ion-color-base)}:host(.ion-color) ::slotted(ion-tab-button.ion-focused),:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:var(--background-focused)}:host(.tab-bar-translucent) ::slotted(ion-tab-button){background:transparent}:host([slot=top]){padding-top:var(--ion-safe-area-top, 0);padding-bottom:0;border-top:0;border-bottom:var(--border)}:host(.tab-bar-hidden){display:none !important}:host{--background:var(--ion-tab-bar-background, var(--ion-color-step-50, #f7f7f7));--background-focused:var(--ion-tab-bar-background-focused, #e0e0e0);--border:0.55px solid var(--ion-tab-bar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.2))));--color:var(--ion-tab-bar-color, var(--ion-color-step-600, #666666));--color-selected:var(--ion-tab-bar-color-selected, var(--ion-color-primary, #3880ff));height:50px}@supports (backdrop-filter: blur(0)){:host(.tab-bar-translucent){--background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);backdrop-filter:saturate(210%) blur(20px)}:host(.ion-color.tab-bar-translucent){background:rgba(var(--ion-color-base-rgb), 0.8)}:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.6)}}";
 
-const tabBarMdCss = () => `:host{display:flex;align-items:center;justify-content:center;width:auto;padding-right:var(--ion-safe-area-right);padding-bottom:var(--ion-safe-area-bottom, 0);padding-left:var(--ion-safe-area-left);border-top:var(--border);background:var(--background);color:var(--color);text-align:center;contain:strict;user-select:none;z-index:10;box-sizing:content-box !important}:host(.ion-color) ::slotted(ion-tab-button){--background-focused:var(--ion-color-shade);--color-selected:var(--ion-color-contrast)}:host(.ion-color) ::slotted(.tab-selected){color:var(--ion-color-contrast)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){color:rgba(var(--ion-color-contrast-rgb), 0.7)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){background:var(--ion-color-base)}:host(.ion-color) ::slotted(ion-tab-button.ion-focused),:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:var(--background-focused)}:host(.tab-bar-translucent) ::slotted(ion-tab-button){background:transparent}:host([slot=top]){padding-top:var(--ion-safe-area-top, 0);padding-bottom:0;border-top:0;border-bottom:var(--border)}:host(.tab-bar-hidden){display:none !important}:host{--background:var(--ion-tab-bar-background, var(--ion-background-color, #fff));--background-focused:var(--ion-tab-bar-background-focused, #e0e0e0);--border:1px solid var(--ion-tab-bar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.07))));--color:var(--ion-tab-bar-color, var(--ion-color-step-650, #595959));--color-selected:var(--ion-tab-bar-color-selected, var(--ion-color-primary, #3880ff));height:56px}`;
+const tabBarMdCss = ":host{display:flex;align-items:center;justify-content:center;width:auto;padding-right:var(--ion-safe-area-right);padding-bottom:var(--ion-safe-area-bottom, 0);padding-left:var(--ion-safe-area-left);border-top:var(--border);background:var(--background);color:var(--color);text-align:center;contain:strict;user-select:none;z-index:10;box-sizing:content-box !important}:host(.ion-color) ::slotted(ion-tab-button){--background-focused:var(--ion-color-shade);--color-selected:var(--ion-color-contrast)}:host(.ion-color) ::slotted(.tab-selected){color:var(--ion-color-contrast)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){color:rgba(var(--ion-color-contrast-rgb), 0.7)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){background:var(--ion-color-base)}:host(.ion-color) ::slotted(ion-tab-button.ion-focused),:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:var(--background-focused)}:host(.tab-bar-translucent) ::slotted(ion-tab-button){background:transparent}:host([slot=top]){padding-top:var(--ion-safe-area-top, 0);padding-bottom:0;border-top:0;border-bottom:var(--border)}:host(.tab-bar-hidden){display:none !important}:host{--background:var(--ion-tab-bar-background, var(--ion-background-color, #fff));--background-focused:var(--ion-tab-bar-background-focused, #e0e0e0);--border:1px solid var(--ion-tab-bar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.07))));--color:var(--ion-tab-bar-color, var(--ion-color-step-650, #595959));--color-selected:var(--ion-tab-bar-color-selected, var(--ion-color-primary, #3880ff));height:56px}";
 
 const TabBar = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.ionTabBarChanged = createEvent(this, "ionTabBarChanged", 7);
-        this.ionTabBarLoaded = createEvent(this, "ionTabBarLoaded", 7);
-        this.keyboardCtrl = null;
-        this.keyboardVisible = false;
-        this.color = undefined;
-        this.selectedTab = undefined;
-        this.translucent = false;
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ionTabBarChanged = createEvent(this, "ionTabBarChanged", 7);
+    this.ionTabBarLoaded = createEvent(this, "ionTabBarLoaded", 7);
+    this.keyboardCtrl = null;
+    this.keyboardVisible = false;
+    this.color = undefined;
+    this.selectedTab = undefined;
+    this.translucent = false;
+  }
+  selectedTabChanged() {
+    if (this.selectedTab !== undefined) {
+      this.ionTabBarChanged.emit({
+        tab: this.selectedTab,
+      });
     }
-    selectedTabChanged() {
-        if (this.selectedTab !== undefined) {
-            this.ionTabBarChanged.emit({
-                tab: this.selectedTab,
-            });
-        }
+  }
+  componentWillLoad() {
+    this.selectedTabChanged();
+  }
+  async connectedCallback() {
+    this.keyboardCtrl = await createKeyboardController(async (keyboardOpen, waitForResize) => {
+      /**
+       * If the keyboard is hiding, then we need to wait
+       * for the webview to resize. Otherwise, the tab bar
+       * will flicker before the webview resizes.
+       */
+      if (keyboardOpen === false && waitForResize !== undefined) {
+        await waitForResize;
+      }
+      this.keyboardVisible = keyboardOpen; // trigger re-render by updating state
+    });
+  }
+  disconnectedCallback() {
+    if (this.keyboardCtrl) {
+      this.keyboardCtrl.destroy();
     }
-    componentWillLoad() {
-        this.selectedTabChanged();
-    }
-    async connectedCallback() {
-        this.keyboardCtrl = await createKeyboardController(async (keyboardOpen, waitForResize) => {
-            /**
-             * If the keyboard is hiding, then we need to wait
-             * for the webview to resize. Otherwise, the tab bar
-             * will flicker before the webview resizes.
-             */
-            if (keyboardOpen === false && waitForResize !== undefined) {
-                await waitForResize;
-            }
-            this.keyboardVisible = keyboardOpen; // trigger re-render by updating state
-        });
-    }
-    disconnectedCallback() {
-        if (this.keyboardCtrl) {
-            this.keyboardCtrl.destroy();
-        }
-    }
-    componentDidLoad() {
-        this.ionTabBarLoaded.emit();
-    }
-    render() {
-        const { color, translucent, keyboardVisible } = this;
-        const mode = getIonMode(this);
-        const shouldHide = keyboardVisible && this.el.getAttribute('slot') !== 'top';
-        return (h(Host, { key: '5083528e7f802d2f323ce50585edc98eeb9754c6', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses(color, {
-                [mode]: true,
-                'tab-bar-translucent': translucent,
-                'tab-bar-hidden': shouldHide,
-            }) }, h("slot", { key: 'eb33cdd12da49062219d4aa17a319c3e6361c5c5' })));
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "selectedTab": [{
-                "selectedTabChanged": 0
-            }]
-    }; }
+  }
+  componentDidLoad() {
+    this.ionTabBarLoaded.emit();
+  }
+  render() {
+    const { color, translucent, keyboardVisible } = this;
+    const mode = getIonMode(this);
+    const shouldHide = keyboardVisible && this.el.getAttribute('slot') !== 'top';
+    return (h(Host, { key: '5083528e7f802d2f323ce50585edc98eeb9754c6', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses(color, {
+        [mode]: true,
+        'tab-bar-translucent': translucent,
+        'tab-bar-hidden': shouldHide,
+      }) }, h("slot", { key: 'eb33cdd12da49062219d4aa17a319c3e6361c5c5' })));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "selectedTab": ["selectedTabChanged"]
+  }; }
 };
 TabBar.style = {
-    ios: tabBarIosCss(),
-    md: tabBarMdCss()
+  ios: tabBarIosCss,
+  md: tabBarMdCss
 };
 
 export { TabBar as ion_tab_bar };