@ionic/core 8.8.7-dev.11779400352.127ba526 → 8.8.7-dev.11779921691.1777274a

package/dist/cjs/ion-nav_2.cjs.entry.js

@@ -3,13 +3,11 @@
  */
 'use strict';
 
-var index = require('./index-CzcLEdQ5.js');
+var focusVisible = require('./index-BDthk8R7.js');
 var cubicBezier = require('./cubic-bezier-DAjy1V-e.js');
-var helpers = require('./helpers-DJYxKN5U.js');
-var index$1 = require('./index-D_mPAIqF.js');
-var ionicGlobal = require('./ionic-global-CSEbHD_F.js');
-var frameworkDelegate = require('./framework-delegate-Dx9FrqAC.js');
-require('./focus-visible-BIj-I3-C.js');
+var index = require('./index-cV9SaEZV.js');
+var ionicGlobal = require('./ionic-global-DMWqcBn0.js');
+var frameworkDelegate = require('./framework-delegate-C1LqXDzY.js');
 
 const VIEW_STATE_NEW = 1;
 const VIEW_STATE_ATTACHED = 2;
@@ -32,7 +30,7 @@ class ViewController {
      * DOM WRITE
      */
     _destroy() {
-        helpers.assert(this.state !== VIEW_STATE_DESTROYED, 'view state must be ATTACHED');
+        focusVisible.assert(this.state !== VIEW_STATE_DESTROYED, 'view state must be ATTACHED');
         const element = this.element;
         if (element) {
             if (this.delegate) {
@@ -53,7 +51,7 @@ const matches = (view, id, params) => {
     if (view.component !== id) {
         return false;
     }
-    return helpers.shallowEqualStringMap(view.params, params);
+    return focusVisible.shallowEqualStringMap(view.params, params);
 };
 const convertToView = (page, params) => {
     if (!page) {
@@ -82,10 +80,10 @@ const navCss = () => `:host{right:0;left:0;top:0;bottom:0;position:absolute;cont
 
 const Nav = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionNavWillLoad = index.createEvent(this, "ionNavWillLoad", 7);
-        this.ionNavWillChange = index.createEvent(this, "ionNavWillChange", 3);
-        this.ionNavDidChange = index.createEvent(this, "ionNavDidChange", 3);
+        focusVisible.registerInstance(this, hostRef);
+        this.ionNavWillLoad = focusVisible.createEvent(this, "ionNavWillLoad", 7);
+        this.ionNavWillChange = focusVisible.createEvent(this, "ionNavWillChange", 3);
+        this.ionNavDidChange = focusVisible.createEvent(this, "ionNavDidChange", 3);
         this.transInstr = [];
         this.gestureOrAnimationInProgress = false;
         this.useRouter = false;
@@ -124,7 +122,7 @@ const Nav = class {
         this.useRouter = document.querySelector('ion-router') !== null && this.el.closest('[no-router]') === null;
         if (this.swipeGesture === undefined) {
             const mode = ionicGlobal.getIonMode(this);
-            this.swipeGesture = index.config.getBoolean('swipeBackEnabled', mode === 'ios');
+            this.swipeGesture = focusVisible.config.getBoolean('swipeBackEnabled', mode === 'ios');
         }
         this.ionNavWillLoad.emit();
     }
@@ -132,7 +130,7 @@ const Nav = class {
         // We want to set this flag before any watch callbacks are manually called
         this.didLoad = true;
         this.rootChanged();
-        this.gesture = (await Promise.resolve().then(function () { return require('./swipe-back-jJFi5KCB.js'); })).createSwipeBackGesture(this.el, this.canStart.bind(this), this.onStart.bind(this), this.onMove.bind(this), this.onEnd.bind(this));
+        this.gesture = (await Promise.resolve().then(function () { return require('./swipe-back-CMubrxt-.js'); })).createSwipeBackGesture(this.el, this.canStart.bind(this), this.onStart.bind(this), this.onMove.bind(this), this.onEnd.bind(this));
         this.swipeGestureChanged();
     }
     connectedCallback() {
@@ -140,7 +138,7 @@ const Nav = class {
     }
     disconnectedCallback() {
         for (const view of this.views) {
-            index$1.lifecycle(view.element, index$1.LIFECYCLE_WILL_UNLOAD);
+            index.lifecycle(view.element, index.LIFECYCLE_WILL_UNLOAD);
             view._destroy();
         }
         // Release swipe back gesture and transition.
@@ -567,8 +565,8 @@ const Nav = class {
         (_a = ti.opts) !== null && _a !== void 0 ? _a : (ti.opts = {});
         (_b = (_c = ti.opts).delegate) !== null && _b !== void 0 ? _b : (_c.delegate = this.delegate);
         if (ti.removeView !== undefined) {
-            helpers.assert(ti.removeStart !== undefined, 'removeView needs removeStart');
-            helpers.assert(ti.removeCount !== undefined, 'removeView needs removeCount');
+            focusVisible.assert(ti.removeStart !== undefined, 'removeView needs removeStart');
+            focusVisible.assert(ti.removeCount !== undefined, 'removeView needs removeCount');
             const index = this.views.indexOf(ti.removeView);
             if (index < 0) {
                 throw new Error('removeView was not found');
@@ -596,7 +594,7 @@ const Nav = class {
         if (!insertViews) {
             return;
         }
-        helpers.assert(insertViews.length > 0, 'length can not be zero');
+        focusVisible.assert(insertViews.length > 0, 'length can not be zero');
         const viewControllers = convertToViews(insertViews);
         if (viewControllers.length === 0) {
             throw new Error('invalid views to insert');
@@ -651,9 +649,9 @@ const Nav = class {
      */
     postViewInit(enteringView, leavingView, ti) {
         var _a, _b, _c;
-        helpers.assert(leavingView || enteringView, 'Both leavingView and enteringView are null');
-        helpers.assert(ti.resolve, 'resolve must be valid');
-        helpers.assert(ti.reject, 'reject must be valid');
+        focusVisible.assert(leavingView || enteringView, 'Both leavingView and enteringView are null');
+        focusVisible.assert(ti.resolve, 'resolve must be valid');
+        focusVisible.assert(ti.reject, 'reject must be valid');
         // Compute the views to remove.
         const opts = ti.opts;
         const { insertViews, removeStart, removeCount } = ti;
@@ -661,8 +659,8 @@ const Nav = class {
         let destroyQueue;
         // there are views to remove
         if (removeStart !== undefined && removeCount !== undefined) {
-            helpers.assert(removeStart >= 0, 'removeStart can not be negative');
-            helpers.assert(removeCount >= 0, 'removeCount can not be negative');
+            focusVisible.assert(removeStart >= 0, 'removeStart can not be negative');
+            focusVisible.assert(removeCount >= 0, 'removeCount can not be negative');
             destroyQueue = [];
             for (let i = removeStart; i < removeStart + removeCount; i++) {
                 const view = this.views[i];
@@ -674,9 +672,9 @@ const Nav = class {
             (_a = opts.direction) !== null && _a !== void 0 ? _a : (opts.direction = 'back');
         }
         const finalNumViews = this.views.length + ((_b = insertViews === null || insertViews === void 0 ? void 0 : insertViews.length) !== null && _b !== void 0 ? _b : 0) - (removeCount !== null && removeCount !== void 0 ? removeCount : 0);
-        helpers.assert(finalNumViews >= 0, 'final balance can not be negative');
+        focusVisible.assert(finalNumViews >= 0, 'final balance can not be negative');
         if (finalNumViews === 0) {
-            index.printIonWarning(`[ion-nav] - You can't remove all the pages in the navigation stack. nav.pop() is probably called too many times.`, this, this.el);
+            focusVisible.printIonWarning(`[ion-nav] - You can't remove all the pages in the navigation stack. nav.pop() is probably called too many times.`, this, this.el);
             throw new Error('navigation stack needs at least one root page');
         }
         // At this point the transition can not be rejected, any throw should be an error
@@ -700,9 +698,9 @@ const Nav = class {
         // let's make sure, callbacks are zoned
         if (destroyQueue && destroyQueue.length > 0) {
             for (const view of destroyQueue) {
-                index$1.lifecycle(view.element, index$1.LIFECYCLE_WILL_LEAVE);
-                index$1.lifecycle(view.element, index$1.LIFECYCLE_DID_LEAVE);
-                index$1.lifecycle(view.element, index$1.LIFECYCLE_WILL_UNLOAD);
+                index.lifecycle(view.element, index.LIFECYCLE_WILL_LEAVE);
+                index.lifecycle(view.element, index.LIFECYCLE_DID_LEAVE);
+                index.lifecycle(view.element, index.LIFECYCLE_WILL_UNLOAD);
             }
             // once all lifecycle events has been delivered, we can safely detroy the views
             for (const view of destroyQueue) {
@@ -742,14 +740,14 @@ const Nav = class {
             }
             : undefined;
         const theme = ionicGlobal.getIonTheme(this);
-        const mode = ionicGlobal.getIonMode(this, theme);
+        const mode = ionicGlobal.getIonMode(this);
         const enteringEl = enteringView.element;
         // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
         const leavingEl = leavingView && leavingView.element;
         const animationOpts = Object.assign(Object.assign({ mode,
-            theme, showGoBack: this.canGoBackSync(enteringView), baseEl: this.el, progressCallback, animated: this.animated && index.config.getBoolean('animated', true), enteringEl,
-            leavingEl }, opts), { animationBuilder: opts.animationBuilder || this.animation || index.config.get('navAnimation') });
-        const { hasCompleted } = await index$1.transition(animationOpts);
+            theme, showGoBack: this.canGoBackSync(enteringView), baseEl: this.el, progressCallback, animated: this.animated && focusVisible.config.getBoolean('animated', true), enteringEl,
+            leavingEl }, opts), { animationBuilder: opts.animationBuilder || this.animation || focusVisible.config.get('navAnimation') });
+        const { hasCompleted } = await index.transition(animationOpts);
         return this.transitionFinish(hasCompleted, enteringView, leavingView, opts);
     }
     transitionFinish(hasCompleted, enteringView, leavingView, opts) {
@@ -781,14 +779,14 @@ const Nav = class {
         const views = this.views;
         const existingIndex = views.indexOf(view);
         if (existingIndex > -1) {
-            helpers.assert(view.nav === this, 'view is not part of the nav');
+            focusVisible.assert(view.nav === this, 'view is not part of the nav');
             // The view already in the stack, removes it.
             views.splice(existingIndex, 1);
             // and add it back at the requested index.
             views.splice(index, 0, view);
         }
         else {
-            helpers.assert(!view.nav, 'nav is used');
+            focusVisible.assert(!view.nav, 'nav is used');
             // this is a new view to add to the stack
             // create the new entering view
             view.nav = this;
@@ -801,10 +799,10 @@ const Nav = class {
      * @param view The view to remove.
      */
     removeView(view) {
-        helpers.assert(view.state === VIEW_STATE_ATTACHED || view.state === VIEW_STATE_DESTROYED, 'view state should be loaded or destroyed');
+        focusVisible.assert(view.state === VIEW_STATE_ATTACHED || view.state === VIEW_STATE_DESTROYED, 'view state should be loaded or destroyed');
         const views = this.views;
         const index = views.indexOf(view);
-        helpers.assert(index > -1, 'view must be part of the stack');
+        focusVisible.assert(index > -1, 'view must be part of the stack');
         if (index >= 0) {
             views.splice(index, 1);
         }
@@ -844,13 +842,13 @@ const Nav = class {
                 if (i > activeViewIndex) {
                     // this view comes after the active view
                     // let's unload it
-                    index$1.lifecycle(element, index$1.LIFECYCLE_WILL_UNLOAD);
+                    index.lifecycle(element, index.LIFECYCLE_WILL_UNLOAD);
                     this.destroyView(view);
                 }
                 else if (i < activeViewIndex) {
                     // this view comes before the active view
                     // and it is not a portal then ensure it is hidden
-                    index$1.setPageHidden(element, true);
+                    index.setPageHidden(element, true);
                 }
             }
         }
@@ -900,9 +898,9 @@ const Nav = class {
         }
     }
     render() {
-        return index.h("slot", { key: '3dfe9c2a5f3ea75cb6d82b76b240733105cddfad' });
+        return focusVisible.h("slot", { key: 'dde823ce29458cbb89a184f61063d727928453fa' });
     }
-    get el() { return index.getElement(this); }
+    get el() { return focusVisible.getElement(this); }
     static get watchers() { return {
         "swipeGesture": [{
                 "swipeGestureChanged": 0
@@ -936,7 +934,7 @@ const navLink = (el, routerDirection, component, componentProps, routerAnimation
 
 const NavLink = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
+        focusVisible.registerInstance(this, hostRef);
         /**
          * The transition direction when navigating to another page.
          */
@@ -946,9 +944,9 @@ const NavLink = class {
         };
     }
     render() {
-        return index.h(index.Host, { key: '476bfb5bb6fba4f422ec40315fc3ef466d01f757', onClick: this.onClick });
+        return focusVisible.h(focusVisible.Host, { key: '61246716bdf9556db90e07680bc1a289f9658d5c', onClick: this.onClick });
     }
-    get el() { return index.getElement(this); }
+    get el() { return focusVisible.getElement(this); }
 };
 
 exports.ion_nav = Nav;

package/dist/cjs/ion-picker-column-option.cjs.entry.js

@@ -3,11 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-CzcLEdQ5.js');
-var helpers = require('./helpers-DJYxKN5U.js');
-var theme = require('./theme-IlOsGAz7.js');
-var ionicGlobal = require('./ionic-global-CSEbHD_F.js');
-require('./focus-visible-BIj-I3-C.js');
+var focusVisible = require('./index-BDthk8R7.js');
+var ionicGlobal = require('./ionic-global-DMWqcBn0.js');
 
 const ionicPickerColumnOptionMdCss = () => `.picker-column-option-button{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;width:100%;height:34px;border:0px;outline:none;background:transparent;color:inherit;font-family:var(--ion-font-family, inherit);font-size:inherit;line-height:34px;text-align:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden}:host(.option-disabled){opacity:0.4}:host(.option-disabled) .picker-column-option-button{cursor:default}:host(.option-active){color:var(--ion-color-base)}`;
 
@@ -17,7 +14,7 @@ const pickerColumnOptionMdCss = () => `.picker-column-option-button{padding-left
 
 const PickerColumnOption = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
+        focusVisible.registerInstance(this, hostRef);
         /**
          * We keep track of the parent picker column
          * so we can update the value of it when
@@ -54,7 +51,7 @@ const PickerColumnOption = class {
         this.ariaLabel = ariaLbl;
     }
     componentWillLoad() {
-        const inheritedAttributes = helpers.inheritAttributes(this.el, ['aria-label']);
+        const inheritedAttributes = focusVisible.inheritAttributes(this.el, ['aria-label']);
         /**
          * The initial value of `aria-label` needs to be set for
          * the first render.
@@ -101,13 +98,13 @@ const PickerColumnOption = class {
     }
     render() {
         const { color, disabled, ariaLabel } = this;
-        const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'fe9553e3157d35f5c28a3f2457715bd598ec1e00', class: theme.createColorClasses(color, {
-                [theme$1]: true,
+        const theme = ionicGlobal.getIonTheme(this);
+        return (focusVisible.h(focusVisible.Host, { key: '9ceebae71b6df0b01f36691d82d716f6756625d9', class: focusVisible.createColorClasses(color, {
+                [theme]: true,
                 ['option-disabled']: disabled,
-            }) }, index.h("div", { key: '9bc334f020012537144972b5a8a1aed7c35ccec5', class: 'picker-column-option-button', role: "button", "aria-label": ariaLabel, onClick: () => this.onClick() }, index.h("slot", { key: 'bd076e43c98ad920486230684c7f63e7e0b187f8' }))));
+            }) }, focusVisible.h("div", { key: '1f26246d601779dadfaf055d195e2a4959180f5a', class: 'picker-column-option-button', role: "button", "aria-label": ariaLabel, onClick: () => this.onClick() }, focusVisible.h("slot", { key: 'eed413474a8b7ec7a73da27fa72a2d0a9a2aae2b' }))));
     }
-    get el() { return index.getElement(this); }
+    get el() { return focusVisible.getElement(this); }
     static get watchers() { return {
         "aria-label": [{
                 "onAriaLabelChange": 0

package/dist/cjs/ion-picker-column.cjs.entry.js

@@ -3,20 +3,17 @@
  */
 'use strict';
 
-var index = require('./index-CzcLEdQ5.js');
-var ionicGlobal = require('./ionic-global-CSEbHD_F.js');
-var helpers = require('./helpers-DJYxKN5U.js');
-var haptic = require('./haptic-D3Ay9mmg.js');
-var theme = require('./theme-IlOsGAz7.js');
-require('./focus-visible-BIj-I3-C.js');
-require('./capacitor-BnRBm_ys.js');
+var focusVisible = require('./index-BDthk8R7.js');
+var ionicGlobal = require('./ionic-global-DMWqcBn0.js');
+var haptic = require('./haptic-CBZc4WH_.js');
+require('./capacitor-F7SUc7Ly.js');
 
 const pickerColumnCss = () => `:host{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;height:200px;font-size:22px;text-align:center}.assistive-focusable{right:0;left:0;top:0;bottom:0;position:absolute;z-index:1;pointer-events:none}.assistive-focusable:focus{outline:none}.picker-opts{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:0px;padding-bottom:0px;min-width:26px;max-height:200px;outline:none;text-align:inherit;-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none}.picker-item-empty{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:100%;height:34px;border:0px;outline:none;background:transparent;color:inherit;font-family:var(--ion-font-family, inherit);font-size:inherit;line-height:34px;text-align:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.picker-opts::-webkit-scrollbar{display:none}::slotted(ion-picker-column-option){display:block;scroll-snap-align:center}.picker-item-empty,:host(:not([disabled])) ::slotted(ion-picker-column-option.option-disabled){scroll-snap-align:none}::slotted([slot=prefix]),::slotted([slot=suffix]){max-width:200px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::slotted([slot=prefix]){-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:0;padding-bottom:0;-ms-flex-pack:end;justify-content:end}::slotted([slot=suffix]){-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:0;padding-bottom:0;-ms-flex-pack:start;justify-content:start}:host(.picker-column-disabled) .picker-opts{overflow-y:hidden}:host(.picker-column-disabled) ::slotted(ion-picker-column-option){cursor:default;opacity:0.4;pointer-events:none}@media (any-hover: hover){:host(:focus) .picker-opts{outline:none;background:rgba(var(--ion-color-base-rgb), 0.2)}}`;
 
 const PickerColumn = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionChange = index.createEvent(this, "ionChange", 7);
+        focusVisible.registerInstance(this, hostRef);
+        this.ionChange = focusVisible.createEvent(this, "ionChange", 7);
         this.isScrolling = false;
         this.isColumnVisible = false;
         this.canExitInputMode = true;
@@ -129,7 +126,7 @@ const PickerColumn = class {
             let timeout;
             let activeEl = this.activeItem;
             const scrollCallback = () => {
-                helpers.raf(() => {
+                focusVisible.raf(() => {
                     var _a;
                     if (!scrollEl)
                         return;
@@ -273,7 +270,7 @@ const PickerColumn = class {
              * Wrap this in an raf so that the scroll callback
              * does not fire when component is initially shown.
              */
-            helpers.raf(() => {
+            focusVisible.raf(() => {
                 if (!scrollEl)
                     return;
                 scrollEl.addEventListener('scroll', scrollCallback);
@@ -549,17 +546,17 @@ const PickerColumn = class {
     }
     render() {
         const { color, disabled, isActive, numericInput } = this;
-        const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'f93a206d4f4b96bf4e574e5c920910ea22e1b447', class: theme.createColorClasses(color, {
-                [theme$1]: true,
+        const theme = ionicGlobal.getIonTheme(this);
+        return (focusVisible.h(focusVisible.Host, { key: 'f93a206d4f4b96bf4e574e5c920910ea22e1b447', class: focusVisible.createColorClasses(color, {
+                [theme]: true,
                 ['picker-column-active']: isActive,
                 ['picker-column-numeric-input']: numericInput,
                 ['picker-column-disabled']: disabled,
-            }) }, index.h("slot", { key: 'c2954a494c50a907529dc71e6fb91092773ad8a6', name: "prefix" }), index.h("div", { key: '1957b8a3a3835980bb22ea3b46b2cb5e6bcc2432', class: "picker-opts", ref: (el) => {
+            }) }, focusVisible.h("slot", { key: 'c2954a494c50a907529dc71e6fb91092773ad8a6', name: "prefix" }), focusVisible.h("div", { key: '1957b8a3a3835980bb22ea3b46b2cb5e6bcc2432', class: "picker-opts", ref: (el) => {
                 this.scrollEl = el;
-            }, role: "slider", tabindex: this.disabled ? undefined : 0, "aria-label": this.ariaLabel, "aria-valuemin": 0, "aria-valuemax": 0, "aria-valuenow": 0, "aria-valuetext": this.getOptionValueText(this.activeItem), "aria-orientation": "vertical", onKeyDown: (ev) => this.onKeyDown(ev) }, index.h("div", { key: 'c7218ed79d73cef4de55b248d3a4808146e2eee4', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '00d6c9dd149302d006a3a97b9ab61a5399196494', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: 'f47359409deae7f7d73c8a8a64bc23053efc20d9', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("slot", { key: '791172a636d85a1b49c140066ce867a4f6e8403d' }), index.h("div", { key: 'f442c5ab5d84acf7b41782fd2b3908ca68a4bd1e', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: 'b378ca562795326183353f35e328957ac592148c', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: 'f0c8e825cb890718389395b741aa1b7839dba1b1', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), index.h("slot", { key: '6a11f3a2c46181d4b982a4d14170e71e3345973b', name: "suffix" })));
+            }, role: "slider", tabindex: this.disabled ? undefined : 0, "aria-label": this.ariaLabel, "aria-valuemin": 0, "aria-valuemax": 0, "aria-valuenow": 0, "aria-valuetext": this.getOptionValueText(this.activeItem), "aria-orientation": "vertical", onKeyDown: (ev) => this.onKeyDown(ev) }, focusVisible.h("div", { key: 'c7218ed79d73cef4de55b248d3a4808146e2eee4', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), focusVisible.h("div", { key: '00d6c9dd149302d006a3a97b9ab61a5399196494', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), focusVisible.h("div", { key: 'f47359409deae7f7d73c8a8a64bc23053efc20d9', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), focusVisible.h("slot", { key: '791172a636d85a1b49c140066ce867a4f6e8403d' }), focusVisible.h("div", { key: 'f442c5ab5d84acf7b41782fd2b3908ca68a4bd1e', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), focusVisible.h("div", { key: 'b378ca562795326183353f35e328957ac592148c', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), focusVisible.h("div", { key: 'f0c8e825cb890718389395b741aa1b7839dba1b1', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), focusVisible.h("slot", { key: '6a11f3a2c46181d4b982a4d14170e71e3345973b', name: "suffix" })));
     }
-    get el() { return index.getElement(this); }
+    get el() { return focusVisible.getElement(this); }
     static get watchers() { return {
         "aria-label": [{
                 "ariaLabelChanged": 0

package/dist/cjs/ion-picker.cjs.entry.js

@@ -3,20 +3,18 @@
  */
 'use strict';
 
-var index = require('./index-CzcLEdQ5.js');
-var helpers = require('./helpers-DJYxKN5U.js');
-require('./focus-visible-BIj-I3-C.js');
+var focusVisible = require('./index-BDthk8R7.js');
 
 const ionicPickerMdCss = () => `:host{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:200px;direction:ltr;z-index:0}:host .picker-before,:host .picker-after{position:absolute;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:1;pointer-events:none}:host .picker-before{top:0;height:83px}:host .picker-before{inset-inline-start:0}:host .picker-after{top:116px;height:84px}:host .picker-after{inset-inline-start:0}:host .picker-highlight{border-radius:var(--highlight-border-radius, 8px);right:0;left:0;top:50%;bottom:0;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;position:absolute;width:calc(100% - 16px);height:34px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:var(--highlight-background);z-index:-1}:host input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none}:host ::slotted(ion-picker-column:first-of-type){text-align:start}:host ::slotted(ion-picker-column:last-of-type){text-align:end}:host ::slotted(ion-picker-column:only-child){text-align:center}:host .picker-before{background:-webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), color-stop(90%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0)));background:linear-gradient(to bottom, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0) 90%)}:host .picker-after{background:-webkit-gradient(linear, left bottom, left top, color-stop(30%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), color-stop(90%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0)));background:linear-gradient(to top, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 30%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0) 90%)}`;
 
-const pickerIosCss = () => `:host{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:200px;direction:ltr;z-index:0}:host .picker-before,:host .picker-after{position:absolute;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:1;pointer-events:none}:host .picker-before{top:0;height:83px}:host .picker-before{inset-inline-start:0}:host .picker-after{top:116px;height:84px}:host .picker-after{inset-inline-start:0}:host .picker-highlight{border-radius:var(--highlight-border-radius, 8px);right:0;left:0;top:50%;bottom:0;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;position:absolute;width:calc(100% - 16px);height:34px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:var(--highlight-background);z-index:-1}:host input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none}:host ::slotted(ion-picker-column:first-of-type){text-align:start}:host ::slotted(ion-picker-column:last-of-type){text-align:end}:host ::slotted(ion-picker-column:only-child){text-align:center}:host .picker-before{background:-webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), to(rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8)));background:linear-gradient(to bottom, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8) 100%)}:host .picker-after{background:-webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), to(rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8)));background:linear-gradient(to top, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8) 100%)}:host .picker-highlight{background:var(--highlight-background, var(--ion-color-step-150, var(--ion-background-color-step-150, #eeeeef)))}`;
+const pickerIosCss = () => `:host{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:200px;direction:ltr;z-index:0}:host .picker-before,:host .picker-after{position:absolute;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:1;pointer-events:none}:host .picker-before{top:0;height:83px}:host .picker-before{inset-inline-start:0}:host .picker-after{top:116px;height:84px}:host .picker-after{inset-inline-start:0}:host .picker-highlight{border-radius:var(--highlight-border-radius, 8px);right:0;left:0;top:50%;bottom:0;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;position:absolute;width:calc(100% - 16px);height:34px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:var(--highlight-background);z-index:-1}:host input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none}:host ::slotted(ion-picker-column:first-of-type){text-align:start}:host ::slotted(ion-picker-column:last-of-type){text-align:end}:host ::slotted(ion-picker-column:only-child){text-align:center}:host .picker-before{background:-webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), to(rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8)));background:linear-gradient(to bottom, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8) 100%)}:host .picker-after{background:-webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), to(rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8)));background:linear-gradient(to top, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8) 100%)}:host .picker-highlight{background:var(--highlight-background, var(--ion-background-color-step-150, #eeeeef))}`;
 
 const pickerMdCss = () => `:host{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:200px;direction:ltr;z-index:0}:host .picker-before,:host .picker-after{position:absolute;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:1;pointer-events:none}:host .picker-before{top:0;height:83px}:host .picker-before{inset-inline-start:0}:host .picker-after{top:116px;height:84px}:host .picker-after{inset-inline-start:0}:host .picker-highlight{border-radius:var(--highlight-border-radius, 8px);right:0;left:0;top:50%;bottom:0;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;position:absolute;width:calc(100% - 16px);height:34px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:var(--highlight-background);z-index:-1}:host input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none}:host ::slotted(ion-picker-column:first-of-type){text-align:start}:host ::slotted(ion-picker-column:last-of-type){text-align:end}:host ::slotted(ion-picker-column:only-child){text-align:center}:host .picker-before{background:-webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), color-stop(90%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0)));background:linear-gradient(to bottom, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0) 90%)}:host .picker-after{background:-webkit-gradient(linear, left bottom, left top, color-stop(30%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), color-stop(90%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0)));background:linear-gradient(to top, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 30%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0) 90%)}`;
 
 const Picker = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionInputModeChange = index.createEvent(this, "ionInputModeChange", 7);
+        focusVisible.registerInstance(this, hostRef);
+        this.ionInputModeChange = focusVisible.createEvent(this, "ionInputModeChange", 7);
         this.useInputMode = false;
         this.isInHighlightBounds = (ev) => {
             const { highlightEl } = this;
@@ -435,8 +433,8 @@ const Picker = class {
         ev.stopPropagation();
     }
     componentWillLoad() {
-        helpers.getElementRoot(this.el).addEventListener('focusin', this.onFocusIn);
-        helpers.getElementRoot(this.el).addEventListener('focusout', this.onFocusOut);
+        focusVisible.getElementRoot(this.el).addEventListener('focusin', this.onFocusIn);
+        focusVisible.getElementRoot(this.el).addEventListener('focusout', this.onFocusOut);
     }
     /**
      * @internal
@@ -460,7 +458,7 @@ const Picker = class {
         this.emitInputModeChange();
     }
     render() {
-        return (index.h(index.Host, { key: '0e3b8112fd28191ff6af8313fee72919d9b23ee7', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, index.h("input", { key: '92e86aab71f000c35fcf5f4082116285f2e43016', "aria-hidden": "true", tabindex: -1, inputmode: "numeric", type: "number", onKeyDown: (ev) => {
+        return (focusVisible.h(focusVisible.Host, { key: '0e3b8112fd28191ff6af8313fee72919d9b23ee7', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, focusVisible.h("input", { key: '92e86aab71f000c35fcf5f4082116285f2e43016', "aria-hidden": "true", tabindex: -1, inputmode: "numeric", type: "number", onKeyDown: (ev) => {
                 var _a;
                 /**
                  * The "Enter" key represents
@@ -475,9 +473,9 @@ const Picker = class {
                 if (ev.key === 'Enter') {
                     (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.blur();
                 }
-            }, ref: (el) => (this.inputEl = el), onInput: () => this.onInputChange(), onBlur: () => this.exitInputMode() }), index.h("div", { key: '5fad8573cd44bee093f26cd4d7cabad836789e79', class: "picker-before" }), index.h("div", { key: 'fd26db9e86a3cafe125283eeff0da8be7ea2928e', class: "picker-after" }), index.h("div", { key: '8174b0f258f3ce00707132c674ff53d3b9fc2aee', class: "picker-highlight", ref: (el) => (this.highlightEl = el) }), index.h("slot", { key: 'a118b0ec709164758ae95fcb9e110befb574138f' })));
+            }, ref: (el) => (this.inputEl = el), onInput: () => this.onInputChange(), onBlur: () => this.exitInputMode() }), focusVisible.h("div", { key: '5fad8573cd44bee093f26cd4d7cabad836789e79', class: "picker-before" }), focusVisible.h("div", { key: 'fd26db9e86a3cafe125283eeff0da8be7ea2928e', class: "picker-after" }), focusVisible.h("div", { key: '8174b0f258f3ce00707132c674ff53d3b9fc2aee', class: "picker-highlight", ref: (el) => (this.highlightEl = el) }), focusVisible.h("slot", { key: 'a118b0ec709164758ae95fcb9e110befb574138f' })));
     }
-    get el() { return index.getElement(this); }
+    get el() { return focusVisible.getElement(this); }
 };
 Picker.style = {
     ionic: ionicPickerMdCss(),