npm - @pod-os/elements - Versions diffs - 0.17.1-fef97c9.0 → 0.18.1-a971174.0 - Mend

@pod-os/elements 0.17.1-fef97c9.0 → 0.18.1-a971174.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (457) hide show

package/dist/esm/ion-checkbox_4.entry.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { r as registerInstance, e as createEvent, h, H as Host, d as getElement } from './index-46b2983b.js';
-import { c as createLegacyFormController } from './form-controller-ba097a73.js';
-import { b as inheritAriaAttributes, k as renderHiddenInput, n as getAriaLabel, e as addEventListener, g as removeEventListener } from './helpers-ad2d8971.js';
-import { p as printIonWarning } from './index-bec78e8b.js';
+import { r as registerInstance, i as createEvent, h, H as Host, d as getElement } from './index-538226d8.js';
+import { c as createLegacyFormController } from './form-controller-1f70ed52.js';
+import { h as inheritAriaAttributes, k as renderHiddenInput, n as getAriaLabel, b as addEventListener, e as removeEventListener } from './helpers-a93a8cd2.js';
+import { p as printIonWarning } from './index-f7ac0403.js';
 import { c as createColorClasses, h as hostContext } from './theme-d75c68ae.js';
-import { g as getIonMode } from './ionic-global-006bfdaa.js';
+import { g as getIonMode } from './ionic-global-163eb7af.js';
 import { i as isOptionSelected } from './compare-with-utils-66ef5369.js';
 const checkboxIosCss = ":host{--checkbox-background-checked:var(--ion-color-primary, #3880ff);--border-color-checked:var(--ion-color-primary, #3880ff);--checkmark-color:var(--ion-color-primary-contrast, #fff);--checkmark-width:1;--transition:none;display:inline-block;position:relative;cursor:pointer;user-select:none;z-index:2}:host(.in-item){width:100%;height:100%}:host([slot=start]:not(.legacy-checkbox)),:host([slot=end]:not(.legacy-checkbox)){width:auto}:host(.legacy-checkbox){width:var(--size);height:var(--size)}:host(.ion-color){--checkbox-background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}:host(.legacy-checkbox) label{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;appearance:none;outline:none;display:flex;align-items:center;opacity:0}@supports (inset-inline-start: 0){:host(.legacy-checkbox) label{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host(.legacy-checkbox) label{left:0}:host-context([dir=rtl]):host(.legacy-checkbox) label,:host-context([dir=rtl]).legacy-checkbox label{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(.legacy-checkbox:dir(rtl)) label{left:unset;right:unset;right:0}}}:host(.legacy-checkbox) label::-moz-focus-inner{border:0}.checkbox-wrapper{display:flex;flex-grow:1;align-items:center;height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host(.in-item:not(.legacy-checkbox)) .label-text-wrapper{margin-top:10px;margin-bottom:10px}:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper{margin-top:10px;margin-bottom:16px}:host(.in-item.checkbox-label-placement-stacked) .native-wrapper{margin-bottom:10px}.label-text-wrapper-hidden{display:none}input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}.native-wrapper{display:flex;align-items:center}.checkbox-icon{border-radius:var(--border-radius);position:relative;transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--checkbox-background);box-sizing:border-box}:host(.legacy-checkbox) .checkbox-icon{display:block;width:100%;height:100%}:host(:not(.legacy-checkbox)) .checkbox-icon{width:var(--size);height:var(--size)}.checkbox-icon path{fill:none;stroke:var(--checkmark-color);stroke-width:var(--checkmark-width);opacity:0}:host(.checkbox-justify-space-between) .checkbox-wrapper{justify-content:space-between}:host(.checkbox-justify-start) .checkbox-wrapper{justify-content:start}:host(.checkbox-justify-end) .checkbox-wrapper{justify-content:end}:host(.checkbox-alignment-start) .checkbox-wrapper{align-items:start}:host(.checkbox-alignment-center) .checkbox-wrapper{align-items:center}:host(.checkbox-label-placement-start) .checkbox-wrapper{flex-direction:row}:host(.checkbox-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-label-placement-end) .checkbox-wrapper{flex-direction:row-reverse}:host(.checkbox-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-label-placement-fixed) .label-text-wrapper{flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.checkbox-label-placement-stacked) .checkbox-wrapper{flex-direction:column}:host(.checkbox-label-placement-stacked) .label-text-wrapper{transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:16px;max-width:calc(100% / 0.75)}:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper{transform-origin:left top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-start .label-text-wrapper{transform-origin:right top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-start:dir(rtl)) .label-text-wrapper{transform-origin:right top}}:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper{transform-origin:center top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-center .label-text-wrapper{transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-center:dir(rtl)) .label-text-wrapper{transform-origin:calc(100% - center) top}}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--border-radius:50%;--border-width:0.0625rem;--border-style:solid;--border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.23);--checkbox-background:var(--ion-item-background, var(--ion-background-color, #fff));--size:min(1.625rem, 65.988px)}:host(.checkbox-disabled){opacity:0.3}:host(.in-item.legacy-checkbox){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:10px;margin-bottom:9px;display:block;position:static}:host(.in-item.legacy-checkbox[slot=start]){-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:8px;margin-bottom:8px}";

package/dist/esm/ion-chip.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-46b2983b.js';
+import { r as registerInstance, h, H as Host } from './index-538226d8.js';
 import { c as createColorClasses } from './theme-d75c68ae.js';
-import { g as getIonMode } from './ionic-global-006bfdaa.js';
+import { g as getIonMode } from './ionic-global-163eb7af.js';
 const chipIosCss = ":host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12);--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.87);border-radius:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:4px;margin-inline-end:4px;margin-top:4px;margin-bottom:4px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;display:inline-flex;position:relative;align-items:center;min-height:32px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);cursor:pointer;overflow:hidden;vertical-align:middle;box-sizing:border-box}:host(.chip-disabled){cursor:default;opacity:0.4;pointer-events:none}:host(.ion-color){background:rgba(var(--ion-color-base-rgb), 0.08);color:var(--ion-color-shade)}:host(.ion-color:focus){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.ion-color.ion-activated){background:rgba(var(--ion-color-base-rgb), 0.16)}:host(.chip-outline){border-width:1px;border-style:solid}:host(.chip-outline){border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32);background:transparent}:host(.chip-outline.ion-color){border-color:rgba(var(--ion-color-base-rgb), 0.32)}:host(.chip-outline:not(.ion-color):focus){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}:host(.chip-outline.ion-activated:not(.ion-color)){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)}::slotted(ion-icon){font-size:1.4285714286em}:host(:not(.ion-color)) ::slotted(ion-icon){color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54)}::slotted(ion-icon:first-child){-webkit-margin-start:-4px;margin-inline-start:-4px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-icon:last-child){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-4px;margin-inline-end:-4px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-avatar){flex-shrink:0;width:1.7142857143em;height:1.7142857143em}::slotted(ion-avatar:first-child){-webkit-margin-start:-8px;margin-inline-start:-8px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-avatar:last-child){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-8px;margin-inline-end:-8px;margin-top:-4px;margin-bottom:-4px}:host(:focus){outline:none}:host(:focus){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-activated){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2)}@media (any-hover: hover){:host(:hover){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-color:hover){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.chip-outline:not(.ion-color):hover){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}}:host{font-size:clamp(13px, 0.875rem, 22px)}";
 const IonChipIosStyle0 = chipIosCss;

package/dist/{components/content.js → esm/ion-content.entry.js} RENAMED Viewed

@@ -1,17 +1,15 @@
-import { proxyCustomElement, HTMLElement, createEvent, Build, readTask, forceUpdate, h, Host } from '@stencil/core/internal/client';
-import { l as hasLazyBuild, c as componentOnReady } from './helpers.js';
-import { g as getIonMode, a as isPlatform } from './ionic-global.js';
-import { i as isRTL } from './dir.js';
-import { c as createColorClasses, h as hostContext } from './theme.js';
+import { r as registerInstance, i as createEvent, f as readTask, j as forceUpdate, h, H as Host, d as getElement } from './index-538226d8.js';
+import { j as hasLazyBuild, a as componentOnReady } from './helpers-a93a8cd2.js';
+import { g as getIonMode, a as isPlatform } from './ionic-global-163eb7af.js';
+import { i as isRTL } from './dir-f50ace98.js';
+import { c as createColorClasses, h as hostContext } from './theme-d75c68ae.js';
 const contentCss = ":host{--background:var(--ion-background-color, #fff);--color:var(--ion-text-color, #000);--padding-top:0px;--padding-bottom:0px;--padding-start:0px;--padding-end:0px;--keyboard-offset:0px;--offset-top:0px;--offset-bottom:0px;--overflow:auto;display:block;position:relative;flex:1;width:100%;height:100%;margin:0 !important;padding:0 !important;font-family:var(--ion-font-family, inherit);contain:size style}:host(.ion-color) .inner-scroll{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.outer-content){--background:var(--ion-color-step-50, #f2f2f2)}#background-content{left:0px;right:0px;top:calc(var(--offset-top) * -1);bottom:calc(var(--offset-bottom) * -1);position:absolute;background:var(--background)}.inner-scroll{left:0px;right:0px;top:calc(var(--offset-top) * -1);bottom:calc(var(--offset-bottom) * -1);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:calc(var(--padding-top) + var(--offset-top));padding-bottom:calc(var(--padding-bottom) + var(--keyboard-offset) + var(--offset-bottom));position:absolute;color:var(--color);box-sizing:border-box;overflow:hidden;touch-action:pan-x pan-y pinch-zoom}.scroll-y,.scroll-x{-webkit-overflow-scrolling:touch;z-index:0;will-change:scroll-position}.scroll-y{overflow-y:var(--overflow);overscroll-behavior-y:contain}.scroll-x{overflow-x:var(--overflow);overscroll-behavior-x:contain}.overscroll::before,.overscroll::after{position:absolute;width:1px;height:1px;content:\"\"}.overscroll::before{bottom:-1px}.overscroll::after{top:-1px}:host(.content-sizing){display:flex;flex-direction:column;min-height:0;contain:none}:host(.content-sizing) .inner-scroll{position:relative;top:0;bottom:0;margin-top:calc(var(--offset-top) * -1);margin-bottom:calc(var(--offset-bottom) * -1)}.transition-effect{display:none;position:absolute;width:100%;height:100vh;opacity:0;pointer-events:none}:host(.content-ltr) .transition-effect{left:-100%;}:host(.content-rtl) .transition-effect{right:-100%;}.transition-cover{position:absolute;right:0;width:100%;height:100%;background:black;opacity:0.1}.transition-shadow{display:block;position:absolute;width:100%;height:100%;box-shadow:inset -9px 0 9px 0 rgba(0, 0, 100, 0.03)}:host(.content-ltr) .transition-shadow{right:0;}:host(.content-rtl) .transition-shadow{left:0;transform:scaleX(-1)}::slotted([slot=fixed]){position:absolute;transform:translateZ(0)}";
 const IonContentStyle0 = contentCss;
-const Content = /*@__PURE__*/ proxyCustomElement(class Content extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
+const Content = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.ionScrollStart = createEvent(this, "ionScrollStart", 7);
         this.ionScroll = createEvent(this, "ionScroll", 7);
         this.ionScrollEnd = createEvent(this, "ionScrollEnd", 7);
@@ -155,7 +153,7 @@ const Content = /*@__PURE__*/ proxyCustomElement(class Content extends HTMLEleme
          *
          * TODO: Remove if STENCIL-834 determines Stencil will account for this.
          */
-        if (Build.isBrowser) {
+        {
             if (this.fullscreen) {
                 readTask(() => this.readDimensions());
             }
@@ -350,22 +348,8 @@ const Content = /*@__PURE__*/ proxyCustomElement(class Content extends HTMLEleme
                 overscroll: (scrollX || scrollY) && forceOverscroll,
             }, ref: (scrollEl) => (this.scrollEl = scrollEl), onScroll: this.scrollEvents ? (ev) => this.onScroll(ev) : undefined, part: "scroll" }, h("slot", { key: '37904f8f1d8319156cd901feb21930ef674fe0f7' })), transitionShadow ? (h("div", { class: "transition-effect" }, h("div", { class: "transition-cover" }), h("div", { class: "transition-shadow" }))) : null, h("slot", { key: '8f696583903af0548d064dca1a6bae060e127485', name: "fixed" })));
     }
-    get el() { return this; }
-    static get style() { return IonContentStyle0; }
-}, [1, "ion-content", {
-        "color": [513],
-        "fullscreen": [4],
-        "forceOverscroll": [1028, "force-overscroll"],
-        "scrollX": [4, "scroll-x"],
-        "scrollY": [4, "scroll-y"],
-        "scrollEvents": [4, "scroll-events"],
-        "getScrollElement": [64],
-        "getBackgroundElement": [64],
-        "scrollToTop": [64],
-        "scrollToBottom": [64],
-        "scrollByPoint": [64],
-        "scrollToPoint": [64]
-    }, [[9, "resize", "onResize"]]]);
+    get el() { return getElement(this); }
+};
 const getParentElement = (el) => {
     var _a;
     if (el.parentElement) {
@@ -421,20 +405,8 @@ const updateScrollDetail = (detail, el, timestamp, shouldStart) => {
         detail.velocityY = velocityY * 0.7 + detail.velocityY * 0.3;
     }
 };
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ion-content"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ion-content":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, Content);
-            }
-            break;
-    } });
-}
+Content.style = IonContentStyle0;
-export { Content as C, defineCustomElement as d };
+export { Content as ion_content };
-//# sourceMappingURL=content.js.map
+//# sourceMappingURL=ion-content.entry.js.map

package/dist/esm/ion-content.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"ion-content.entry.js","mappings":"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","names":[],"sources":["../node_modules/@ionic/core/dist/collection/components/content/content.css?tag=ion-content&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/content/content.js"],"sourcesContent":["/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n */\n:host {\n /**\n * @prop --background: Background of the content\n *\n * @prop --color: Color of the content\n *\n * @prop --padding-top: Top padding of the content\n * @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the content\n * @prop --padding-bottom: Bottom padding of the content\n * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the content\n *\n * @prop --keyboard-offset: Keyboard offset of the content\n *\n * @prop --offset-top: Offset top of the content\n * @prop --offset-bottom: Offset bottom of the content\n */\n --background: var(--ion-background-color, #fff);\n --color: var(--ion-text-color, #000);\n --padding-top: 0px;\n --padding-bottom: 0px;\n --padding-start: 0px;\n --padding-end: 0px;\n --keyboard-offset: 0px;\n --offset-top: 0px;\n --offset-bottom: 0px;\n --overflow: auto;\n display: block;\n position: relative;\n flex: 1;\n width: 100%;\n height: 100%;\n /* stylelint-disable */\n margin: 0 !important;\n padding: 0 !important;\n /* stylelint-enable */\n font-family: var(--ion-font-family, inherit);\n contain: size style;\n}\n\n:host(.ion-color) .inner-scroll {\n background: var(--ion-color-base);\n color: var(--ion-color-contrast);\n}\n\n:host(.outer-content) {\n --background: var(--ion-color-step-50, #f2f2f2);\n}\n\n#background-content {\n left: 0px;\n right: 0px;\n top: calc(var(--offset-top) * -1);\n bottom: calc(var(--offset-bottom) * -1);\n position: absolute;\n background: var(--background);\n}\n\n.inner-scroll {\n left: 0px;\n right: 0px;\n top: calc(var(--offset-top) * -1);\n bottom: calc(var(--offset-bottom) * -1);\n -webkit-padding-start: var(--padding-start);\n padding-inline-start: var(--padding-start);\n -webkit-padding-end: var(--padding-end);\n padding-inline-end: var(--padding-end);\n padding-top: calc(var(--padding-top) + var(--offset-top));\n padding-bottom: calc(var(--padding-bottom) + var(--keyboard-offset) + var(--offset-bottom));\n position: absolute;\n color: var(--color);\n box-sizing: border-box;\n overflow: hidden;\n /**\n * touch-action: manipulation is an alias\n * for this, but WebKit has an issue\n * where pointercancel events are not fired\n * when scrolling: https://bugs.webkit.org/show_bug.cgi?id=240917\n * Using the long form below avoids the issue.\n */\n touch-action: pan-x pan-y pinch-zoom;\n}\n\n.scroll-y,\n.scroll-x {\n -webkit-overflow-scrolling: touch;\n /**\n * This adds `.inner-scroll` as part of the\n * stacking context in WebKit. Without it,\n * children of ion-content are treated as\n * siblings rather than descendants. This\n * can result in the children being put\n * into their own layers, degrading\n * scrolling performance.\n *\n * An optimization called \"layer backing\n * sharing\" usually kicks in to prevent\n * this, but having translate3d defeats\n * this optimization.\n *\n * See: https://bugs.webkit.org/show_bug.cgi?id=216701\n */\n z-index: 0;\n will-change: scroll-position;\n}\n\n.scroll-y {\n overflow-y: var(--overflow);\n overscroll-behavior-y: contain;\n}\n\n.scroll-x {\n overflow-x: var(--overflow);\n overscroll-behavior-x: contain;\n}\n\n.overscroll::before,\n.overscroll::after {\n position: absolute;\n width: 1px;\n height: 1px;\n content: \"\";\n}\n\n.overscroll::before {\n bottom: -1px;\n}\n\n.overscroll::after {\n top: -1px;\n}\n\n:host(.content-sizing) {\n display: flex;\n flex-direction: column;\n /**\n * This resolves a sizing issue in popovers where extra long content\n * would overflow the popover's height, preventing scrolling. It's a\n * quirk of flexbox that forces the content to shrink to fit.\n *\n * overflow: hidden can't be used here because it prevents the visual\n * effect from showing on translucent headers.\n */\n min-height: 0;\n contain: none;\n}\n\n:host(.content-sizing) .inner-scroll {\n position: relative;\n /**\n * Because the outer content has display: flex here (to help enable\n * scrolling in a popover), offsetting via `top` (such as when using\n * a translucent header) creates white space under the content. Use\n * a negative margin instead to keep the bottom in place. (A similar\n * thing happens with `bottom` and footers.)\n */\n top: 0;\n bottom: 0;\n margin-top: calc(var(--offset-top) * -1);\n margin-bottom: calc(var(--offset-bottom) * -1);\n}\n\n.transition-effect {\n display: none;\n position: absolute;\n width: 100%;\n height: 100vh;\n opacity: 0;\n pointer-events: none;\n}\n\n:host(.content-ltr) .transition-effect {\n /* stylelint-disable property-disallowed-list */\n left: -100%;\n /* stylelint-enable property-disallowed-list */\n}\n\n:host(.content-rtl) .transition-effect {\n /* stylelint-disable property-disallowed-list */\n right: -100%;\n /* stylelint-enable property-disallowed-list */\n}\n\n.transition-cover {\n position: absolute;\n /* stylelint-disable property-disallowed-list */\n right: 0;\n /* stylelint-enable property-disallowed-list */\n width: 100%;\n height: 100%;\n background: black;\n opacity: 0.1;\n}\n\n.transition-shadow {\n display: block;\n position: absolute;\n width: 100%;\n height: 100%;\n box-shadow: inset -9px 0 9px 0 rgba(0, 0, 100, 0.03);\n}\n\n:host(.content-ltr) .transition-shadow {\n /* stylelint-disable property-disallowed-list */\n right: 0;\n /* stylelint-enable property-disallowed-list */\n}\n\n:host(.content-rtl) .transition-shadow {\n /* stylelint-disable property-disallowed-list */\n left: 0;\n /* stylelint-enable property-disallowed-list */\n transform: scaleX(-1);\n}\n\n::slotted([slot=fixed]) {\n position: absolute;\n /**\n * When presenting ion-content inside of an ion-modal, the .inner-scroll\n * element is composited. In WebKit, the fixed content is not composited\n * causing it to appear under the main scrollable content as a result.\n * The fixed content is correctly composited in other browsers. Adding\n * the translateZ forces the fixed content to be composited so it correctly\n * shows on top of the scrollable content. Setting a negative z-index will\n * still allow the fixed content to appear under the scroll content if specified.\n */\n transform: translateZ(0);\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Build, Host, forceUpdate, h, readTask } from \"@stencil/core\";\nimport { componentOnReady, hasLazyBuild } from \"../../utils/helpers\";\nimport { isPlatform } from \"../../utils/platform\";\nimport { isRTL } from \"../../utils/rtl/index\";\nimport { createColorClasses, hostContext } from \"../../utils/theme\";\nimport { getIonMode } from \"../../global/ionic-global\";\n/**\n * @slot - Content is placed in the scrollable area if provided without a slot.\n * @slot fixed - Should be used for fixed content that should not scroll.\n *\n * @part background - The background of the content.\n * @part scroll - The scrollable container of the content.\n */\nexport class Content {\n constructor() {\n this.watchDog = null;\n this.isScrolling = false;\n this.lastScroll = 0;\n this.queued = false;\n this.cTop = -1;\n this.cBottom = -1;\n this.isMainContent = true;\n this.resizeTimeout = null;\n this.tabsElement = null;\n // Detail is used in a hot loop in the scroll event, by allocating it here\n // V8 will be able to inline any read/write to it since it's a monomorphic class.\n // https://mrale.ph/blog/2015/01/11/whats-up-with-monomorphism.html\n this.detail = {\n scrollTop: 0,\n scrollLeft: 0,\n type: 'scroll',\n event: undefined,\n startX: 0,\n startY: 0,\n startTime: 0,\n currentX: 0,\n currentY: 0,\n velocityX: 0,\n velocityY: 0,\n deltaX: 0,\n deltaY: 0,\n currentTime: 0,\n data: undefined,\n isScrolling: true,\n };\n this.color = undefined;\n this.fullscreen = false;\n this.forceOverscroll = undefined;\n this.scrollX = false;\n this.scrollY = true;\n this.scrollEvents = false;\n }\n connectedCallback() {\n this.isMainContent = this.el.closest('ion-menu, ion-popover, ion-modal') === null;\n /**\n * The fullscreen content offsets need to be\n * computed after the tab bar has loaded. Since\n * lazy evaluation means components are not hydrated\n * at the same time, we need to wait for the ionTabBarLoaded\n * event to fire. This does not impact dist-custom-elements\n * because there is no hydration there.\n */\n if (hasLazyBuild(this.el)) {\n /**\n * We need to cache the reference to the tabs.\n * If just the content is unmounted then we won't\n * be able to query for the closest tabs on disconnectedCallback\n * since the content has been removed from the DOM tree.\n */\n const closestTabs = (this.tabsElement = this.el.closest('ion-tabs'));\n if (closestTabs !== null) {\n /**\n * When adding and removing the event listener\n * we need to make sure we pass the same function reference\n * otherwise the event listener will not be removed properly.\n * We can't only pass `this.resize` because \"this\" in the function\n * context becomes a reference to IonTabs instead of IonContent.\n *\n * Additionally, we listen for ionTabBarLoaded on the IonTabs\n * instance rather than the IonTabBar instance. It's possible for\n * a tab bar to be conditionally rendered/mounted. Since ionTabBarLoaded\n * bubbles, we can catch any instances of child tab bars loading by listening\n * on IonTabs.\n */\n this.tabsLoadCallback = () => this.resize();\n closestTabs.addEventListener('ionTabBarLoaded', this.tabsLoadCallback);\n }\n }\n }\n disconnectedCallback() {\n this.onScrollEnd();\n if (hasLazyBuild(this.el)) {\n /**\n * The event listener and tabs caches need to\n * be cleared otherwise this will create a memory\n * leak where the IonTabs instance can never be\n * garbage collected.\n */\n const { tabsElement, tabsLoadCallback } = this;\n if (tabsElement !== null && tabsLoadCallback !== undefined) {\n tabsElement.removeEventListener('ionTabBarLoaded', tabsLoadCallback);\n }\n this.tabsElement = null;\n this.tabsLoadCallback = undefined;\n }\n }\n /**\n * Rotating certain devices can update\n * the safe area insets. As a result,\n * the fullscreen feature on ion-content\n * needs to be recalculated.\n *\n * We listen for \"resize\" because we\n * do not care what the orientation of\n * the device is. Other APIs\n * such as ScreenOrientation or\n * the deviceorientation event must have\n * permission from the user first whereas\n * the \"resize\" event does not.\n *\n * We also throttle the callback to minimize\n * thrashing when quickly resizing a window.\n */\n onResize() {\n if (this.resizeTimeout) {\n clearTimeout(this.resizeTimeout);\n this.resizeTimeout = null;\n }\n this.resizeTimeout = setTimeout(() => {\n /**\n * Resize should only happen\n * if the content is visible.\n * When the content is hidden\n * then offsetParent will be null.\n */\n if (this.el.offsetParent === null) {\n return;\n }\n this.resize();\n }, 100);\n }\n shouldForceOverscroll() {\n const { forceOverscroll } = this;\n const mode = getIonMode(this);\n return forceOverscroll === undefined ? mode === 'ios' && isPlatform('ios') : forceOverscroll;\n }\n resize() {\n /**\n * Only force update if the component is rendered in a browser context.\n * Using `forceUpdate` in a server context with pre-rendering can lead to an infinite loop.\n * The `hydrateDocument` function in `@stencil/core` will render the `ion-content`, but\n * `forceUpdate` will trigger another render, locking up the server.\n *\n * TODO: Remove if STENCIL-834 determines Stencil will account for this.\n */\n if (Build.isBrowser) {\n if (this.fullscreen) {\n readTask(() => this.readDimensions());\n }\n else if (this.cTop !== 0 || this.cBottom !== 0) {\n this.cTop = this.cBottom = 0;\n forceUpdate(this);\n }\n }\n }\n readDimensions() {\n const page = getPageElement(this.el);\n const top = Math.max(this.el.offsetTop, 0);\n const bottom = Math.max(page.offsetHeight - top - this.el.offsetHeight, 0);\n const dirty = top !== this.cTop || bottom !== this.cBottom;\n if (dirty) {\n this.cTop = top;\n this.cBottom = bottom;\n forceUpdate(this);\n }\n }\n onScroll(ev) {\n const timeStamp = Date.now();\n const shouldStart = !this.isScrolling;\n this.lastScroll = timeStamp;\n if (shouldStart) {\n this.onScrollStart();\n }\n if (!this.queued && this.scrollEvents) {\n this.queued = true;\n readTask((ts) => {\n this.queued = false;\n this.detail.event = ev;\n updateScrollDetail(this.detail, this.scrollEl, ts, shouldStart);\n this.ionScroll.emit(this.detail);\n });\n }\n }\n /**\n * Get the element where the actual scrolling takes place.\n * This element can be used to subscribe to `scroll` events or manually modify\n * `scrollTop`. However, it's recommended to use the API provided by `ion-content`:\n *\n * i.e. Using `ionScroll`, `ionScrollStart`, `ionScrollEnd` for scrolling events\n * and `scrollToPoint()` to scroll the content into a certain point.\n */\n async getScrollElement() {\n /**\n * If this gets called in certain early lifecycle hooks (ex: Vue onMounted),\n * scrollEl won't be defined yet with the custom elements build, so wait for it to load in.\n */\n if (!this.scrollEl) {\n await new Promise((resolve) => componentOnReady(this.el, resolve));\n }\n return Promise.resolve(this.scrollEl);\n }\n /**\n * Returns the background content element.\n * @internal\n */\n async getBackgroundElement() {\n if (!this.backgroundContentEl) {\n await new Promise((resolve) => componentOnReady(this.el, resolve));\n }\n return Promise.resolve(this.backgroundContentEl);\n }\n /**\n * Scroll to the top of the component.\n *\n * @param duration The amount of time to take scrolling to the top. Defaults to `0`.\n */\n scrollToTop(duration = 0) {\n return this.scrollToPoint(undefined, 0, duration);\n }\n /**\n * Scroll to the bottom of the component.\n *\n * @param duration The amount of time to take scrolling to the bottom. Defaults to `0`.\n */\n async scrollToBottom(duration = 0) {\n const scrollEl = await this.getScrollElement();\n const y = scrollEl.scrollHeight - scrollEl.clientHeight;\n return this.scrollToPoint(undefined, y, duration);\n }\n /**\n * Scroll by a specified X/Y distance in the component.\n *\n * @param x The amount to scroll by on the horizontal axis.\n * @param y The amount to scroll by on the vertical axis.\n * @param duration The amount of time to take scrolling by that amount.\n */\n async scrollByPoint(x, y, duration) {\n const scrollEl = await this.getScrollElement();\n return this.scrollToPoint(x + scrollEl.scrollLeft, y + scrollEl.scrollTop, duration);\n }\n /**\n * Scroll to a specified X/Y location in the component.\n *\n * @param x The point to scroll to on the horizontal axis.\n * @param y The point to scroll to on the vertical axis.\n * @param duration The amount of time to take scrolling to that point. Defaults to `0`.\n */\n async scrollToPoint(x, y, duration = 0) {\n const el = await this.getScrollElement();\n if (duration < 32) {\n if (y != null) {\n el.scrollTop = y;\n }\n if (x != null) {\n el.scrollLeft = x;\n }\n return;\n }\n let resolve;\n let startTime = 0;\n const promise = new Promise((r) => (resolve = r));\n const fromY = el.scrollTop;\n const fromX = el.scrollLeft;\n const deltaY = y != null ? y - fromY : 0;\n const deltaX = x != null ? x - fromX : 0;\n // scroll loop\n const step = (timeStamp) => {\n const linearTime = Math.min(1, (timeStamp - startTime) / duration) - 1;\n const easedT = Math.pow(linearTime, 3) + 1;\n if (deltaY !== 0) {\n el.scrollTop = Math.floor(easedT * deltaY + fromY);\n }\n if (deltaX !== 0) {\n el.scrollLeft = Math.floor(easedT * deltaX + fromX);\n }\n if (easedT < 1) {\n // do not use DomController here\n // must use nativeRaf in order to fire in the next frame\n requestAnimationFrame(step);\n }\n else {\n resolve();\n }\n };\n // chill out for a frame first\n requestAnimationFrame((ts) => {\n startTime = ts;\n step(ts);\n });\n return promise;\n }\n onScrollStart() {\n this.isScrolling = true;\n this.ionScrollStart.emit({\n isScrolling: true,\n });\n if (this.watchDog) {\n clearInterval(this.watchDog);\n }\n // watchdog\n this.watchDog = setInterval(() => {\n if (this.lastScroll < Date.now() - 120) {\n this.onScrollEnd();\n }\n }, 100);\n }\n onScrollEnd() {\n if (this.watchDog)\n clearInterval(this.watchDog);\n this.watchDog = null;\n if (this.isScrolling) {\n this.isScrolling = false;\n this.ionScrollEnd.emit({\n isScrolling: false,\n });\n }\n }\n render() {\n const { isMainContent, scrollX, scrollY, el } = this;\n const rtl = isRTL(el) ? 'rtl' : 'ltr';\n const mode = getIonMode(this);\n const forceOverscroll = this.shouldForceOverscroll();\n const transitionShadow = mode === 'ios';\n const TagType = isMainContent ? 'main' : 'div';\n this.resize();\n return (h(Host, { key: 'e13815c0e6f6095150b112d3a1aaf2f509aa0d0b', class: createColorClasses(this.color, {\n [mode]: true,\n 'content-sizing': hostContext('ion-popover', this.el),\n overscroll: forceOverscroll,\n [`content-${rtl}`]: true,\n }), style: {\n '--offset-top': `${this.cTop}px`,\n '--offset-bottom': `${this.cBottom}px`,\n } }, h(\"div\", { key: '8006c4a10d8f7dc83c646246961d018a8097236e', ref: (el) => (this.backgroundContentEl = el), id: \"background-content\", part: \"background\" }), h(TagType, { key: '4dd2f58421493f7a4ca42f8f5d7b85cda8e320ea', class: {\n 'inner-scroll': true,\n 'scroll-x': scrollX,\n 'scroll-y': scrollY,\n overscroll: (scrollX || scrollY) && forceOverscroll,\n }, ref: (scrollEl) => (this.scrollEl = scrollEl), onScroll: this.scrollEvents ? (ev) => this.onScroll(ev) : undefined, part: \"scroll\" }, h(\"slot\", { key: '37904f8f1d8319156cd901feb21930ef674fe0f7' })), transitionShadow ? (h(\"div\", { class: \"transition-effect\" }, h(\"div\", { class: \"transition-cover\" }), h(\"div\", { class: \"transition-shadow\" }))) : null, h(\"slot\", { key: '8f696583903af0548d064dca1a6bae060e127485', name: \"fixed\" })));\n }\n static get is() { return \"ion-content\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"content.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"content.css\"]\n };\n }\n static get properties() {\n return {\n \"color\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"Color\",\n \"resolved\": \"\\\"danger\\\" | \\\"dark\\\" | \\\"light\\\" | \\\"medium\\\" | \\\"primary\\\" | \\\"secondary\\\" | \\\"success\\\" | \\\"tertiary\\\" | \\\"warning\\\" | string & Record<never, never> | undefined\",\n \"references\": {\n \"Color\": {\n \"location\": \"import\",\n \"path\": \"../../interface\",\n \"id\": \"src/interface.d.ts::Color\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The color to use from your application's color palette.\\nDefault options are: `\\\"primary\\\"`, `\\\"secondary\\\"`, `\\\"tertiary\\\"`, `\\\"success\\\"`, `\\\"warning\\\"`, `\\\"danger\\\"`, `\\\"light\\\"`, `\\\"medium\\\"`, and `\\\"dark\\\"`.\\nFor more information on colors, see [theming](/docs/theming/basics).\"\n },\n \"attribute\": \"color\",\n \"reflect\": true\n },\n \"fullscreen\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the content will scroll behind the headers\\nand footers. This effect can easily be seen by setting the toolbar\\nto transparent.\"\n },\n \"attribute\": \"fullscreen\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"forceOverscroll\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true` and the content does not cause an overflow scroll, the scroll interaction will cause a bounce.\\nIf the content exceeds the bounds of ionContent, nothing will change.\\nNote, this does not disable the system bounce on iOS. That is an OS level setting.\"\n },\n \"attribute\": \"force-overscroll\",\n \"reflect\": false\n },\n \"scrollX\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If you want to enable the content scrolling in the X axis, set this property to `true`.\"\n },\n \"attribute\": \"scroll-x\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"scrollY\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If you want to disable the content scrolling in the Y axis, set this property to `false`.\"\n },\n \"attribute\": \"scroll-y\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"scrollEvents\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Because of performance reasons, ionScroll events are disabled by default, in order to enable them\\nand start listening from (ionScroll), set this property to `true`.\"\n },\n \"attribute\": \"scroll-events\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get events() {\n return [{\n \"method\": \"ionScrollStart\",\n \"name\": \"ionScrollStart\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the scroll has started. This event is disabled by default.\\nSet `scrollEvents` to `true` to enable.\"\n },\n \"complexType\": {\n \"original\": \"ScrollBaseDetail\",\n \"resolved\": \"ScrollBaseDetail\",\n \"references\": {\n \"ScrollBaseDetail\": {\n \"location\": \"import\",\n \"path\": \"./content-interface\",\n \"id\": \"src/components/content/content-interface.ts::ScrollBaseDetail\"\n }\n }\n }\n }, {\n \"method\": \"ionScroll\",\n \"name\": \"ionScroll\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted while scrolling. This event is disabled by default.\\nSet `scrollEvents` to `true` to enable.\"\n },\n \"complexType\": {\n \"original\": \"ScrollDetail\",\n \"resolved\": \"ScrollDetail\",\n \"references\": {\n \"ScrollDetail\": {\n \"location\": \"import\",\n \"path\": \"./content-interface\",\n \"id\": \"src/components/content/content-interface.ts::ScrollDetail\"\n }\n }\n }\n }, {\n \"method\": \"ionScrollEnd\",\n \"name\": \"ionScrollEnd\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the scroll has ended. This event is disabled by default.\\nSet `scrollEvents` to `true` to enable.\"\n },\n \"complexType\": {\n \"original\": \"ScrollBaseDetail\",\n \"resolved\": \"ScrollBaseDetail\",\n \"references\": {\n \"ScrollBaseDetail\": {\n \"location\": \"import\",\n \"path\": \"./content-interface\",\n \"id\": \"src/components/content/content-interface.ts::ScrollBaseDetail\"\n }\n }\n }\n }];\n }\n static get methods() {\n return {\n \"getScrollElement\": {\n \"complexType\": {\n \"signature\": \"() => Promise<HTMLElement>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"HTMLElement\": {\n \"location\": \"global\",\n \"id\": \"global::HTMLElement\"\n }\n },\n \"return\": \"Promise<HTMLElement>\"\n },\n \"docs\": {\n \"text\": \"Get the element where the actual scrolling takes place.\\nThis element can be used to subscribe to `scroll` events or manually modify\\n`scrollTop`. However, it's recommended to use the API provided by `ion-content`:\\n\\ni.e. Using `ionScroll`, `ionScrollStart`, `ionScrollEnd` for scrolling events\\nand `scrollToPoint()` to scroll the content into a certain point.\",\n \"tags\": []\n }\n },\n \"getBackgroundElement\": {\n \"complexType\": {\n \"signature\": \"() => Promise<HTMLElement>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"HTMLElement\": {\n \"location\": \"global\",\n \"id\": \"global::HTMLElement\"\n }\n },\n \"return\": \"Promise<HTMLElement>\"\n },\n \"docs\": {\n \"text\": \"Returns the background content element.\",\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": undefined\n }]\n }\n },\n \"scrollToTop\": {\n \"complexType\": {\n \"signature\": \"(duration?: number) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"duration\",\n \"type\": \"number\",\n \"docs\": \"The amount of time to take scrolling to the top. Defaults to `0`.\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Scroll to the top of the component.\",\n \"tags\": [{\n \"name\": \"param\",\n \"text\": \"duration The amount of time to take scrolling to the top. Defaults to `0`.\"\n }]\n }\n },\n \"scrollToBottom\": {\n \"complexType\": {\n \"signature\": \"(duration?: number) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"duration\",\n \"type\": \"number\",\n \"docs\": \"The amount of time to take scrolling to the bottom. Defaults to `0`.\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Scroll to the bottom of the component.\",\n \"tags\": [{\n \"name\": \"param\",\n \"text\": \"duration The amount of time to take scrolling to the bottom. Defaults to `0`.\"\n }]\n }\n },\n \"scrollByPoint\": {\n \"complexType\": {\n \"signature\": \"(x: number, y: number, duration: number) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"x\",\n \"type\": \"number\",\n \"docs\": \"The amount to scroll by on the horizontal axis.\"\n }, {\n \"name\": \"y\",\n \"type\": \"number\",\n \"docs\": \"The amount to scroll by on the vertical axis.\"\n }, {\n \"name\": \"duration\",\n \"type\": \"number\",\n \"docs\": \"The amount of time to take scrolling by that amount.\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Scroll by a specified X/Y distance in the component.\",\n \"tags\": [{\n \"name\": \"param\",\n \"text\": \"x The amount to scroll by on the horizontal axis.\"\n }, {\n \"name\": \"param\",\n \"text\": \"y The amount to scroll by on the vertical axis.\"\n }, {\n \"name\": \"param\",\n \"text\": \"duration The amount of time to take scrolling by that amount.\"\n }]\n }\n },\n \"scrollToPoint\": {\n \"complexType\": {\n \"signature\": \"(x: number | undefined | null, y: number | undefined | null, duration?: number) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"x\",\n \"type\": \"number | null | undefined\",\n \"docs\": \"The point to scroll to on the horizontal axis.\"\n }, {\n \"name\": \"y\",\n \"type\": \"number | null | undefined\",\n \"docs\": \"The point to scroll to on the vertical axis.\"\n }, {\n \"name\": \"duration\",\n \"type\": \"number\",\n \"docs\": \"The amount of time to take scrolling to that point. Defaults to `0`.\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Scroll to a specified X/Y location in the component.\",\n \"tags\": [{\n \"name\": \"param\",\n \"text\": \"x The point to scroll to on the horizontal axis.\"\n }, {\n \"name\": \"param\",\n \"text\": \"y The point to scroll to on the vertical axis.\"\n }, {\n \"name\": \"param\",\n \"text\": \"duration The amount of time to take scrolling to that point. Defaults to `0`.\"\n }]\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get listeners() {\n return [{\n \"name\": \"resize\",\n \"method\": \"onResize\",\n \"target\": \"window\",\n \"capture\": false,\n \"passive\": true\n }];\n }\n}\nconst getParentElement = (el) => {\n var _a;\n if (el.parentElement) {\n // normal element with a parent element\n return el.parentElement;\n }\n if ((_a = el.parentNode) === null || _a === void 0 ? void 0 : _a.host) {\n // shadow dom's document fragment\n return el.parentNode.host;\n }\n return null;\n};\nconst getPageElement = (el) => {\n const tabs = el.closest('ion-tabs');\n if (tabs) {\n return tabs;\n }\n /**\n * If we're in a popover, we need to use its wrapper so we can account for space\n * between the popover and the edges of the screen. But if the popover contains\n * its own page element, we should use that instead.\n */\n const page = el.closest('ion-app, ion-page, .ion-page, page-inner, .popover-content');\n if (page) {\n return page;\n }\n return getParentElement(el);\n};\n// ******** DOM READ ****************\nconst updateScrollDetail = (detail, el, timestamp, shouldStart) => {\n const prevX = detail.currentX;\n const prevY = detail.currentY;\n const prevT = detail.currentTime;\n const currentX = el.scrollLeft;\n const currentY = el.scrollTop;\n const timeDelta = timestamp - prevT;\n if (shouldStart) {\n // remember the start positions\n detail.startTime = timestamp;\n detail.startX = currentX;\n detail.startY = currentY;\n detail.velocityX = detail.velocityY = 0;\n }\n detail.currentTime = timestamp;\n detail.currentX = detail.scrollLeft = currentX;\n detail.currentY = detail.scrollTop = currentY;\n detail.deltaX = currentX - detail.startX;\n detail.deltaY = currentY - detail.startY;\n if (timeDelta > 0 && timeDelta < 100) {\n const velocityX = (currentX - prevX) / timeDelta;\n const velocityY = (currentY - prevY) / timeDelta;\n detail.velocityX = velocityX * 0.7 + detail.velocityX * 0.3;\n detail.velocityY = velocityY * 0.7 + detail.velocityY * 0.3;\n }\n};\n"],"version":3}

package/dist/esm/ion-datetime-button.entry.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, H as Host, d as getElement } from './index-46b2983b.js';
-import { e as addEventListener, c as componentOnReady } from './helpers-ad2d8971.js';
-import { b as printIonError } from './index-bec78e8b.js';
+import { r as registerInstance, h, H as Host, d as getElement } from './index-538226d8.js';
+import { b as addEventListener, a as componentOnReady } from './helpers-a93a8cd2.js';
+import { a as printIonError } from './index-f7ac0403.js';
 import { c as createColorClasses } from './theme-d75c68ae.js';
-import { g as getIonMode } from './ionic-global-006bfdaa.js';
-import { s as parseDate, x as getToday, L as getHourCycle, N as getLocalizedDateTime, M as getLocalizedTime } from './data-3bd275a7.js';
+import { g as getIonMode } from './ionic-global-163eb7af.js';
+import { s as parseDate, x as getToday, L as getHourCycle, N as getLocalizedDateTime, M as getLocalizedTime } from './data-cdc9b206.js';
 const iosDatetimeButtonCss = ":host{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}:host button{border-radius:8px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;margin-top:0px;margin-bottom:0px;position:relative;transition:150ms color ease-in-out;border:none;background:var(--ion-color-step-300, #edeef0);color:var(--ion-text-color, #000);font-family:inherit;font-size:1rem;cursor:pointer;overflow:hidden;appearance:none}:host(.time-active) #time-button,:host(.date-active) #date-button{color:var(--ion-color-base)}:host(.datetime-button-disabled){pointer-events:none}:host(.datetime-button-disabled) button{opacity:0.4}";
 const IonDatetimeButtonIosStyle0 = iosDatetimeButtonCss;

package/dist/esm/ion-datetime.entry.js CHANGED Viewed

@@ -1,12 +1,12 @@
-import { r as registerInstance, e as createEvent, w as writeTask, h, H as Host, d as getElement } from './index-46b2983b.js';
+import { r as registerInstance, i as createEvent, w as writeTask, h, H as Host, d as getElement } from './index-538226d8.js';
 import { startFocusVisible } from './focus-visible-cc065a93.js';
-import { r as raf, k as renderHiddenInput, j as getElementRoot } from './helpers-ad2d8971.js';
-import { b as printIonError, p as printIonWarning } from './index-bec78e8b.js';
+import { r as raf, k as renderHiddenInput, g as getElementRoot } from './helpers-a93a8cd2.js';
+import { a as printIonError, p as printIonWarning } from './index-f7ac0403.js';
 import { i as isRTL } from './dir-f50ace98.js';
 import { c as createColorClasses } from './theme-d75c68ae.js';
 import { f as chevronBack, i as chevronForward, e as chevronDown, j as caretUpSharp, k as caretDownSharp } from './index-9edae53a.js';
-import { g as getIonMode } from './ionic-global-006bfdaa.js';
-import { g as generateDayAriaLabel, a as getDay, i as isBefore, b as isAfter, c as isSameDay, d as getPreviousMonth, e as getNextMonth, v as validateParts, f as getPartsFromCalendarDay, h as getNextYear, j as getPreviousYear, k as getEndOfWeek, l as getStartOfWeek, m as getPreviousDay, n as getNextDay, o as getPreviousWeek, p as getNextWeek, q as parseMinParts, r as parseMaxParts, s as parseDate, w as warnIfValueOutOfBounds, t as convertToArrayOfNumbers, u as convertDataToISO, x as getToday, y as getClosestValidDate, z as generateMonths, A as getNumDaysInMonth, B as getCombinedDateColumnData, C as getMonthColumnData, D as getDayColumnData, E as getYearColumnData, F as isMonthFirstLocale, G as getTimeColumnsData, H as isLocaleDayPeriodRTL, I as getDaysOfWeek, J as getMonthAndYear, K as getDaysOfMonth, L as getHourCycle, M as getLocalizedTime, N as getLocalizedDateTime, O as formatValue, P as clampDate, Q as parseAmPm, R as calculateHourFromAMPM } from './data-3bd275a7.js';
+import { g as getIonMode } from './ionic-global-163eb7af.js';
+import { g as generateDayAriaLabel, a as getDay, i as isBefore, b as isAfter, c as isSameDay, d as getPreviousMonth, e as getNextMonth, v as validateParts, f as getPartsFromCalendarDay, h as getNextYear, j as getPreviousYear, k as getEndOfWeek, l as getStartOfWeek, m as getPreviousDay, n as getNextDay, o as getPreviousWeek, p as getNextWeek, q as parseMinParts, r as parseMaxParts, s as parseDate, w as warnIfValueOutOfBounds, t as convertToArrayOfNumbers, u as convertDataToISO, x as getToday, y as getClosestValidDate, z as generateMonths, A as getNumDaysInMonth, B as getCombinedDateColumnData, C as getMonthColumnData, D as getDayColumnData, E as getYearColumnData, F as isMonthFirstLocale, G as getTimeColumnsData, H as isLocaleDayPeriodRTL, I as getDaysOfWeek, J as getMonthAndYear, K as getDaysOfMonth, L as getHourCycle, M as getLocalizedTime, N as getLocalizedDateTime, O as formatValue, P as clampDate, Q as parseAmPm, R as calculateHourFromAMPM } from './data-cdc9b206.js';
 /*!
  * (C) Ionic http://ionicframework.com - MIT License

package/dist/esm/ion-fab-button.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { r as registerInstance, e as createEvent, h, H as Host, d as getElement } from './index-46b2983b.js';
-import { b as inheritAriaAttributes } from './helpers-ad2d8971.js';
+import { r as registerInstance, i as createEvent, h, H as Host, d as getElement } from './index-538226d8.js';
+import { h as inheritAriaAttributes } from './helpers-a93a8cd2.js';
 import { h as hostContext, o as openURL, c as createColorClasses } from './theme-d75c68ae.js';
 import { l as close } from './index-9edae53a.js';
-import { g as getIonMode } from './ionic-global-006bfdaa.js';
+import { g as getIonMode } from './ionic-global-163eb7af.js';
 const fabButtonIosCss = ":host{--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--background-hover:var(--ion-color-primary-contrast, #fff);--background-hover-opacity:.08;--transition:background-color, opacity 100ms linear;--ripple-color:currentColor;--border-radius:50%;--border-width:0;--border-style:none;--border-color:initial;--padding-top:0;--padding-end:0;--padding-bottom:0;--padding-start:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:56px;height:56px;font-size:14px;text-align:center;text-overflow:ellipsis;text-transform:none;white-space:nowrap;font-kerning:none}.button-native{border-radius:var(--border-radius);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:block;position:relative;width:100%;height:100%;transform:var(--transform);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);background-clip:padding-box;color:var(--color);box-shadow:var(--box-shadow);contain:strict;cursor:pointer;overflow:hidden;z-index:0;appearance:none;box-sizing:border-box}::slotted(ion-icon){line-height:1}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}.button-inner{left:0;right:0;top:0;display:flex;position:absolute;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;height:100%;transition:all ease-in-out 300ms;transition-property:transform, opacity;z-index:1}:host(.fab-button-disabled){cursor:default;opacity:0.5;pointer-events:none}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}:host(.ion-activated) .button-native{color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}::slotted(ion-icon){line-height:1}:host(.fab-button-small){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:8px;margin-bottom:8px;width:40px;height:40px}.close-icon{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;left:0;right:0;top:0;position:absolute;height:100%;transform:scale(0.4) rotateZ(-45deg);transition:all ease-in-out 300ms;transition-property:transform, opacity;font-size:var(--close-icon-font-size);opacity:0;z-index:1}:host(.fab-button-close-active) .close-icon{transform:scale(1) rotateZ(0deg);opacity:1}:host(.fab-button-close-active) .button-inner{transform:scale(0.4) rotateZ(45deg);opacity:0}ion-ripple-effect{color:var(--ripple-color)}@supports (backdrop-filter: blur(0)){:host(.fab-button-translucent) .button-native{backdrop-filter:var(--backdrop-filter)}}:host(.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host{--background:var(--ion-color-primary, #3880ff);--background-activated:var(--ion-color-primary-shade, #3171e0);--background-focused:var(--ion-color-primary-shade, #3171e0);--background-hover:var(--ion-color-primary-tint, #4c8dff);--background-activated-opacity:1;--background-focused-opacity:1;--background-hover-opacity:1;--color:var(--ion-color-primary-contrast, #fff);--box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);--transition:0.2s transform cubic-bezier(0.25, 1.11, 0.78, 1.59);--close-icon-font-size:28px}:host(.ion-activated){--box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);--transform:scale(1.1);--transition:0.2s transform ease-out}::slotted(ion-icon){font-size:28px}:host(.fab-button-in-list){--background:var(--ion-color-light, #f4f5f8);--background-activated:var(--ion-color-light-shade, #d7d8da);--background-focused:var(--background-activated);--background-hover:var(--ion-color-light-tint, #f5f6f9);--color:var(--ion-color-light-contrast, #000);--color-activated:var(--ion-color-light-contrast, #000);--color-focused:var(--color-activated);--transition:transform 200ms ease 10ms, opacity 200ms ease 10ms}:host(.fab-button-in-list) ::slotted(ion-icon){font-size:18px}:host(.ion-color.ion-focused) .button-native::after{background:var(--ion-color-shade)}:host(.ion-color.ion-focused) .button-native,:host(.ion-color.ion-activated) .button-native{color:var(--ion-color-contrast)}:host(.ion-color.ion-focused) .button-native::after,:host(.ion-color.ion-activated) .button-native::after{background:var(--ion-color-shade)}@media (any-hover: hover){:host(.ion-color:hover) .button-native{color:var(--ion-color-contrast)}:host(.ion-color:hover) .button-native::after{background:var(--ion-color-tint)}}@supports (backdrop-filter: blur(0)){:host(.fab-button-translucent){--background:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.9);--background-hover:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.8);--background-focused:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.82);--backdrop-filter:saturate(180%) blur(20px)}:host(.fab-button-translucent-in-list){--background:rgba(var(--ion-color-light-rgb, 244, 245, 248), 0.9);--background-hover:rgba(var(--ion-color-light-rgb, 244, 245, 248), 0.8);--background-focused:rgba(var(--ion-color-light-rgb, 244, 245, 248), 0.82)}}@supports (backdrop-filter: blur(0)){@media (any-hover: hover){:host(.fab-button-translucent.ion-color:hover) .button-native{background:rgba(var(--ion-color-base-rgb), 0.8)}}:host(.ion-color.fab-button-translucent) .button-native{background:rgba(var(--ion-color-base-rgb), 0.9)}:host(.ion-color.ion-focused.fab-button-translucent) .button-native,:host(.ion-color.ion-activated.fab-button-translucent) .button-native{background:var(--ion-color-base)}}";
 const IonFabButtonIosStyle0 = fabButtonIosCss;

package/dist/esm/ion-fab-list.entry.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, d as getElement } from './index-46b2983b.js';
-import { g as getIonMode } from './ionic-global-006bfdaa.js';
+import { r as registerInstance, h, H as Host, d as getElement } from './index-538226d8.js';
+import { g as getIonMode } from './ionic-global-163eb7af.js';
 const fabListCss = ":host{margin-left:0;margin-right:0;margin-top:calc(100% + 10px);margin-bottom:calc(100% + 10px);display:none;position:absolute;top:0;flex-direction:column;align-items:center;min-width:56px;min-height:56px}:host(.fab-list-active){display:flex}::slotted(.fab-button-in-list){margin-left:0;margin-right:0;margin-top:8px;margin-bottom:8px;width:40px;height:40px;transform:scale(0);opacity:0;visibility:hidden}:host(.fab-list-side-top) ::slotted(.fab-button-in-list),:host(.fab-list-side-bottom) ::slotted(.fab-button-in-list){margin-left:0;margin-right:0;margin-top:5px;margin-bottom:5px}:host(.fab-list-side-start) ::slotted(.fab-button-in-list),:host(.fab-list-side-end) ::slotted(.fab-button-in-list){-webkit-margin-start:5px;margin-inline-start:5px;-webkit-margin-end:5px;margin-inline-end:5px;margin-top:0;margin-bottom:0}::slotted(.fab-button-in-list.fab-button-show){transform:scale(1);opacity:1;visibility:visible}:host(.fab-list-side-top){top:auto;bottom:0;flex-direction:column-reverse}:host(.fab-list-side-start){-webkit-margin-start:calc(100% + 10px);margin-inline-start:calc(100% + 10px);-webkit-margin-end:calc(100% + 10px);margin-inline-end:calc(100% + 10px);margin-top:0;margin-bottom:0;flex-direction:row-reverse}@supports (inset-inline-start: 0){:host(.fab-list-side-start){inset-inline-end:0}}@supports not (inset-inline-start: 0){:host(.fab-list-side-start){right:0}:host-context([dir=rtl]):host(.fab-list-side-start),:host-context([dir=rtl]).fab-list-side-start{left:unset;right:unset;left:0}@supports selector(:dir(rtl)){:host(.fab-list-side-start:dir(rtl)){left:unset;right:unset;left:0}}}:host(.fab-list-side-end){-webkit-margin-start:calc(100% + 10px);margin-inline-start:calc(100% + 10px);-webkit-margin-end:calc(100% + 10px);margin-inline-end:calc(100% + 10px);margin-top:0;margin-bottom:0;flex-direction:row}@supports (inset-inline-start: 0){:host(.fab-list-side-end){inset-inline-start:0}}@supports not (inset-inline-start: 0){:host(.fab-list-side-end){left:0}:host-context([dir=rtl]):host(.fab-list-side-end),:host-context([dir=rtl]).fab-list-side-end{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(.fab-list-side-end:dir(rtl)){left:unset;right:unset;right:0}}}";
 const IonFabListStyle0 = fabListCss;

package/dist/esm/ion-fab.entry.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, d as getElement } from './index-46b2983b.js';
-import { g as getIonMode } from './ionic-global-006bfdaa.js';
+import { r as registerInstance, h, H as Host, d as getElement } from './index-538226d8.js';
+import { g as getIonMode } from './ionic-global-163eb7af.js';
 const fabCss = ":host{position:absolute;width:fit-content;height:fit-content;z-index:999}:host(.fab-horizontal-center){left:0px;right:0px;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}:host(.fab-horizontal-start){left:calc(10px + var(--ion-safe-area-left, 0px));}:host-context([dir=rtl]):host(.fab-horizontal-start),:host-context([dir=rtl]).fab-horizontal-start{right:calc(10px + var(--ion-safe-area-right, 0px));left:unset}@supports selector(:dir(rtl)){:host(.fab-horizontal-start:dir(rtl)){right:calc(10px + var(--ion-safe-area-right, 0px));left:unset}}:host(.fab-horizontal-end){right:calc(10px + var(--ion-safe-area-right, 0px));}:host-context([dir=rtl]):host(.fab-horizontal-end),:host-context([dir=rtl]).fab-horizontal-end{left:calc(10px + var(--ion-safe-area-left, 0px));right:unset}@supports selector(:dir(rtl)){:host(.fab-horizontal-end:dir(rtl)){left:calc(10px + var(--ion-safe-area-left, 0px));right:unset}}:host(.fab-vertical-top){top:10px}:host(.fab-vertical-top.fab-edge){top:0}:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-button){margin-top:-50%}:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-button.fab-button-small){margin-top:calc((-100% + 16px) / 2)}:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-start),:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-end){margin-top:-50%}:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-top),:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-bottom){margin-top:calc(50% + 10px)}:host(.fab-vertical-bottom){bottom:10px}:host(.fab-vertical-bottom.fab-edge){bottom:0}:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-button){margin-bottom:-50%}:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-button.fab-button-small){margin-bottom:calc((-100% + 16px) / 2)}:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-start),:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-end){margin-bottom:-50%}:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-top),:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-bottom){margin-bottom:calc(50% + 10px)}:host(.fab-vertical-center){top:0px;bottom:0px;margin-top:auto;margin-bottom:auto}";
 const IonFabStyle0 = fabCss;

package/dist/{components/footer.js → esm/ion-footer.entry.js} RENAMED Viewed

@@ -1,8 +1,12 @@
-import { readTask, writeTask, proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { f as findIonContent, p as printIonContentErrorMsg, g as getScrollElement } from './index8.js';
-import { c as createKeyboardController } from './keyboard-controller.js';
-import { g as getIonMode } from './ionic-global.js';
-import { m as clamp } from './helpers.js';
+import { f as readTask, w as writeTask, r as registerInstance, h, H as Host, d as getElement } from './index-538226d8.js';
+import { f as findIonContent, p as printIonContentErrorMsg, g as getScrollElement } from './index-432e7c6f.js';
+import { c as createKeyboardController } from './keyboard-controller-c7a0d471.js';
+import { g as getIonMode } from './ionic-global-163eb7af.js';
+import { c as clamp } from './helpers-a93a8cd2.js';
+import './index-f7ac0403.js';
+import './index-6b94f340.js';
+import './keyboard-d981a33f.js';
+import './capacitor-8d3da60f.js';
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
@@ -42,10 +46,9 @@ const IonFooterIosStyle0 = footerIosCss;
 const footerMdCss = "ion-footer{display:block;position:relative;order:1;width:100%;z-index:10}ion-footer.footer-toolbar-padding ion-toolbar:last-of-type{padding-bottom:var(--ion-safe-area-bottom, 0)}.footer-md{box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)}.footer-md.ion-no-border{box-shadow:none}";
 const IonFooterMdStyle0 = footerMdCss;
-const Footer = /*@__PURE__*/ proxyCustomElement(class Footer extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
+const Footer = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.keyboardCtrl = null;
         this.checkCollapsibleFooter = () => {
             const mode = getIonMode(this);
@@ -125,30 +128,13 @@ const Footer = /*@__PURE__*/ proxyCustomElement(class Footer extends HTMLElement
                 [`footer-collapse-${collapse}`]: collapse !== undefined,
             } }, mode === 'ios' && translucent && h("div", { key: '0fbb4ebf8e3951ff399f843dc11aab37fc48f8b7', class: "footer-background" }), h("slot", { key: 'ecb14a65e3b6960670446c4428e3095b3231a3b0' })));
     }
-    get el() { return this; }
-    static get style() { return {
-        ios: IonFooterIosStyle0,
-        md: IonFooterMdStyle0
-    }; }
-}, [36, "ion-footer", {
-        "collapse": [1],
-        "translucent": [4],
-        "keyboardVisible": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ion-footer"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ion-footer":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, Footer);
-            }
-            break;
-    } });
-}
+    get el() { return getElement(this); }
+};
+Footer.style = {
+    ios: IonFooterIosStyle0,
+    md: IonFooterMdStyle0
+};
-export { Footer as F, defineCustomElement as d };
+export { Footer as ion_footer };
-//# sourceMappingURL=footer.js.map
+//# sourceMappingURL=ion-footer.entry.js.map

package/dist/esm/ion-footer.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"ion-footer.entry.js","mappings":"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","names":[],"sources":["../node_modules/@ionic/core/dist/collection/components/footer/footer.utils.js","../node_modules/@ionic/core/dist/collection/components/footer/footer.ios.css?tag=ion-footer&mode=ios","../node_modules/@ionic/core/dist/collection/components/footer/footer.md.css?tag=ion-footer&mode=md","../node_modules/@ionic/core/dist/collection/components/footer/footer.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { readTask, writeTask } from \"@stencil/core\";\nimport { clamp } from \"../../utils/helpers\";\nexport const handleFooterFade = (scrollEl, baseEl) => {\n readTask(() => {\n const scrollTop = scrollEl.scrollTop;\n const maxScroll = scrollEl.scrollHeight - scrollEl.clientHeight;\n /**\n * Toolbar background will fade\n * out over fadeDuration in pixels.\n */\n const fadeDuration = 10;\n /**\n * Begin fading out maxScroll - 30px\n * from the bottom of the content.\n * Also determine how close we are\n * to starting the fade. If we are\n * before the starting point, the\n * scale value will get clamped to 0.\n * If we are after the maxScroll (rubber\n * band scrolling), the scale value will\n * get clamped to 1.\n */\n const fadeStart = maxScroll - fadeDuration;\n const distanceToStart = scrollTop - fadeStart;\n const scale = clamp(0, 1 - distanceToStart / fadeDuration, 1);\n writeTask(() => {\n baseEl.style.setProperty('--opacity-scale', scale.toString());\n });\n });\n};\n","/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n */\nion-footer {\n display: block;\n position: relative;\n order: 1;\n width: 100%;\n z-index: 10;\n}\n\nion-footer.footer-toolbar-padding ion-toolbar:last-of-type {\n padding-bottom: var(--ion-safe-area-bottom, 0);\n}\n\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n */\n.footer-ios ion-toolbar:first-of-type {\n --border-width: 0.55px 0 0;\n}\n\n@supports (backdrop-filter: blur(0)) {\n .footer-background {\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n position: absolute;\n backdrop-filter: saturate(180%) blur(20px);\n }\n .footer-translucent-ios ion-toolbar {\n --opacity: .8;\n }\n}\n.footer-ios.ion-no-border ion-toolbar:first-of-type {\n --border-width: 0;\n}\n\n.footer-collapse-fade ion-toolbar {\n --opacity-scale: inherit;\n}","/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n */\nion-footer {\n display: block;\n position: relative;\n order: 1;\n width: 100%;\n z-index: 10;\n}\n\nion-footer.footer-toolbar-padding ion-toolbar:last-of-type {\n padding-bottom: var(--ion-safe-area-bottom, 0);\n}\n\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n */\n.footer-md {\n box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);\n}\n\n.footer-md.ion-no-border {\n box-shadow: none;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { findIonContent, getScrollElement, printIonContentErrorMsg } from \"../../utils/content/index\";\nimport { createKeyboardController } from \"../../utils/keyboard/keyboard-controller\";\nimport { getIonMode } from \"../../global/ionic-global\";\nimport { handleFooterFade } from \"./footer.utils\";\n/**\n * @virtualProp {\"ios\" | \"md\"} mode - The mode determines which platform styles to use.\n */\nexport class Footer {\n constructor() {\n this.keyboardCtrl = null;\n this.checkCollapsibleFooter = () => {\n const mode = getIonMode(this);\n if (mode !== 'ios') {\n return;\n }\n const { collapse } = this;\n const hasFade = collapse === 'fade';\n this.destroyCollapsibleFooter();\n if (hasFade) {\n const pageEl = this.el.closest('ion-app,ion-page,.ion-page,page-inner');\n const contentEl = pageEl ? findIonContent(pageEl) : null;\n if (!contentEl) {\n printIonContentErrorMsg(this.el);\n return;\n }\n this.setupFadeFooter(contentEl);\n }\n };\n this.setupFadeFooter = async (contentEl) => {\n const scrollEl = (this.scrollEl = await getScrollElement(contentEl));\n /**\n * Handle fading of toolbars on scroll\n */\n this.contentScrollCallback = () => {\n handleFooterFade(scrollEl, this.el);\n };\n scrollEl.addEventListener('scroll', this.contentScrollCallback);\n handleFooterFade(scrollEl, this.el);\n };\n this.keyboardVisible = false;\n this.collapse = undefined;\n this.translucent = false;\n }\n componentDidLoad() {\n this.checkCollapsibleFooter();\n }\n componentDidUpdate() {\n this.checkCollapsibleFooter();\n }\n async connectedCallback() {\n this.keyboardCtrl = await createKeyboardController(async (keyboardOpen, waitForResize) => {\n /**\n * If the keyboard is hiding, then we need to wait\n * for the webview to resize. Otherwise, the footer\n * will flicker before the webview resizes.\n */\n if (keyboardOpen === false && waitForResize !== undefined) {\n await waitForResize;\n }\n this.keyboardVisible = keyboardOpen; // trigger re-render by updating state\n });\n }\n disconnectedCallback() {\n if (this.keyboardCtrl) {\n this.keyboardCtrl.destroy();\n }\n }\n destroyCollapsibleFooter() {\n if (this.scrollEl && this.contentScrollCallback) {\n this.scrollEl.removeEventListener('scroll', this.contentScrollCallback);\n this.contentScrollCallback = undefined;\n }\n }\n render() {\n const { translucent, collapse } = this;\n const mode = getIonMode(this);\n const tabs = this.el.closest('ion-tabs');\n const tabBar = tabs === null || tabs === void 0 ? void 0 : tabs.querySelector(':scope > ion-tab-bar');\n return (h(Host, { key: 'dd8fa96901e8a09759a9621b6513f0492b3a6197', role: \"contentinfo\", class: {\n [mode]: true,\n // Used internally for styling\n [`footer-${mode}`]: true,\n [`footer-translucent`]: translucent,\n [`footer-translucent-${mode}`]: translucent,\n ['footer-toolbar-padding']: !this.keyboardVisible && (!tabBar || tabBar.slot !== 'bottom'),\n [`footer-collapse-${collapse}`]: collapse !== undefined,\n } }, mode === 'ios' && translucent && h(\"div\", { key: '0fbb4ebf8e3951ff399f843dc11aab37fc48f8b7', class: \"footer-background\" }), h(\"slot\", { key: 'ecb14a65e3b6960670446c4428e3095b3231a3b0' })));\n }\n static get is() { return \"ion-footer\"; }\n static get originalStyleUrls() {\n return {\n \"ios\": [\"footer.ios.scss\"],\n \"md\": [\"footer.md.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"ios\": [\"footer.ios.css\"],\n \"md\": [\"footer.md.css\"]\n };\n }\n static get properties() {\n return {\n \"collapse\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"'fade'\",\n \"resolved\": \"\\\"fade\\\" | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Describes the scroll effect that will be applied to the footer.\\nOnly applies in iOS mode.\"\n },\n \"attribute\": \"collapse\",\n \"reflect\": false\n },\n \"translucent\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the footer will be translucent.\\nOnly applies when the mode is `\\\"ios\\\"` and the device supports\\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).\\n\\nNote: In order to scroll content behind the footer, the `fullscreen`\\nattribute needs to be set on the content.\"\n },\n \"attribute\": \"translucent\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get states() {\n return {\n \"keyboardVisible\": {}\n };\n }\n static get elementRef() { return \"el\"; }\n}\n"],"version":3}

package/dist/{components/header.js → esm/ion-header.entry.js} RENAMED Viewed

@@ -1,8 +1,9 @@
-import { readTask, writeTask, proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { g as getScrollElement, f as findIonContent, p as printIonContentErrorMsg } from './index8.js';
-import { m as clamp, i as inheritAriaAttributes } from './helpers.js';
-import { h as hostContext } from './theme.js';
-import { g as getIonMode } from './ionic-global.js';
+import { f as readTask, w as writeTask, r as registerInstance, h, H as Host, d as getElement } from './index-538226d8.js';
+import { g as getScrollElement, f as findIonContent, p as printIonContentErrorMsg } from './index-432e7c6f.js';
+import { c as clamp, h as inheritAriaAttributes } from './helpers-a93a8cd2.js';
+import { h as hostContext } from './theme-d75c68ae.js';
+import { g as getIonMode } from './ionic-global-163eb7af.js';
+import './index-f7ac0403.js';
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
@@ -189,10 +190,9 @@ const IonHeaderIosStyle0 = headerIosCss;
 const headerMdCss = "ion-header{display:block;position:relative;order:-1;width:100%;z-index:10}ion-header ion-toolbar:first-of-type{padding-top:var(--ion-safe-area-top, 0)}.header-md{box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)}.header-collapse-condense{display:none}.header-md.ion-no-border{box-shadow:none}";
 const IonHeaderMdStyle0 = headerMdCss;
-const Header = /*@__PURE__*/ proxyCustomElement(class Header extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
+const Header = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.inheritedAttributes = {};
         this.setupFadeHeader = async (contentEl, condenseHeader) => {
             const scrollEl = (this.scrollEl = await getScrollElement(contentEl));
@@ -330,29 +330,13 @@ const Header = /*@__PURE__*/ proxyCustomElement(class Header extends HTMLElement
                 [`header-translucent-${mode}`]: this.translucent,
             } }, inheritedAttributes), mode === 'ios' && translucent && h("div", { key: '1a780d2625302f2465718e304bdd3794c89c9845', class: "header-background" }), h("slot", { key: 'b2b8557b44be40c590bfcc362ac4350f9f8b889e' })));
     }
-    get el() { return this; }
-    static get style() { return {
-        ios: IonHeaderIosStyle0,
-        md: IonHeaderMdStyle0
-    }; }
-}, [36, "ion-header", {
-        "collapse": [1],
-        "translucent": [4]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ion-header"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ion-header":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, Header);
-            }
-            break;
-    } });
-}
+    get el() { return getElement(this); }
+};
+Header.style = {
+    ios: IonHeaderIosStyle0,
+    md: IonHeaderMdStyle0
+};
-export { Header as H, defineCustomElement as d };
+export { Header as ion_header };
-//# sourceMappingURL=header.js.map
+//# sourceMappingURL=ion-header.entry.js.map