voyager-ionic-core 8.7.1 → 8.7.6

package/dist/collection/components/modal/modal.js

@@ -912,7 +912,6 @@ export class Modal {
         return {
             "hasController": {
                 "type": "boolean",
-                "attribute": "has-controller",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -931,11 +930,11 @@ export class Modal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "has-controller",
                 "defaultValue": "false"
             },
             "overlayIndex": {
                 "type": "number",
-                "attribute": "overlay-index",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -953,11 +952,11 @@ export class Modal {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "overlay-index"
             },
             "delegate": {
                 "type": "unknown",
-                "attribute": "delegate",
                 "mutable": false,
                 "complexType": {
                     "original": "FrameworkDelegate",
@@ -984,7 +983,6 @@ export class Modal {
             },
             "keyboardClose": {
                 "type": "boolean",
-                "attribute": "keyboard-close",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -1000,11 +998,11 @@ export class Modal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "keyboard-close",
                 "defaultValue": "true"
             },
             "enterAnimation": {
                 "type": "unknown",
-                "attribute": "enter-animation",
                 "mutable": false,
                 "complexType": {
                     "original": "AnimationBuilder",
@@ -1028,7 +1026,6 @@ export class Modal {
             },
             "leaveAnimation": {
                 "type": "unknown",
-                "attribute": "leave-animation",
                 "mutable": false,
                 "complexType": {
                     "original": "AnimationBuilder",
@@ -1052,7 +1049,6 @@ export class Modal {
             },
             "breakpoints": {
                 "type": "unknown",
-                "attribute": "breakpoints",
                 "mutable": false,
                 "complexType": {
                     "original": "number[]",
@@ -1070,7 +1066,6 @@ export class Modal {
             },
             "expandToScroll": {
                 "type": "boolean",
-                "attribute": "expand-to-scroll",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -1086,11 +1081,11 @@ export class Modal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "expand-to-scroll",
                 "defaultValue": "true"
             },
             "initialBreakpoint": {
                 "type": "number",
-                "attribute": "initial-breakpoint",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -1105,11 +1100,11 @@ export class Modal {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "initial-breakpoint"
             },
             "backdropBreakpoint": {
                 "type": "number",
-                "attribute": "backdrop-breakpoint",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -1125,11 +1120,11 @@ export class Modal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "backdrop-breakpoint",
                 "defaultValue": "0"
             },
             "handle": {
                 "type": "boolean",
-                "attribute": "handle",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -1144,11 +1139,11 @@ export class Modal {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "handle"
             },
             "handleBehavior": {
                 "type": "string",
-                "attribute": "handle-behavior",
                 "mutable": false,
                 "complexType": {
                     "original": "ModalHandleBehavior",
@@ -1170,11 +1165,11 @@ export class Modal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "handle-behavior",
                 "defaultValue": "'none'"
             },
             "component": {
                 "type": "string",
-                "attribute": "component",
                 "mutable": false,
                 "complexType": {
                     "original": "ComponentRef",
@@ -1198,11 +1193,11 @@ export class Modal {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "component"
             },
             "componentProps": {
                 "type": "unknown",
-                "attribute": "component-props",
                 "mutable": false,
                 "complexType": {
                     "original": "ComponentProps",
@@ -1229,7 +1224,6 @@ export class Modal {
             },
             "cssClass": {
                 "type": "string",
-                "attribute": "css-class",
                 "mutable": false,
                 "complexType": {
                     "original": "string | string[]",
@@ -1247,11 +1241,11 @@ export class Modal {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "css-class"
             },
             "backdropDismiss": {
                 "type": "boolean",
-                "attribute": "backdrop-dismiss",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -1267,11 +1261,11 @@ export class Modal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "backdrop-dismiss",
                 "defaultValue": "true"
             },
             "showBackdrop": {
                 "type": "boolean",
-                "attribute": "show-backdrop",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -1287,11 +1281,11 @@ export class Modal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "show-backdrop",
                 "defaultValue": "true"
             },
             "animated": {
                 "type": "boolean",
-                "attribute": "animated",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -1307,11 +1301,11 @@ export class Modal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "animated",
                 "defaultValue": "true"
             },
             "presentingElement": {
                 "type": "unknown",
-                "attribute": "presenting-element",
                 "mutable": false,
                 "complexType": {
                     "original": "HTMLElement",
@@ -1334,7 +1328,6 @@ export class Modal {
             },
             "htmlAttributes": {
                 "type": "unknown",
-                "attribute": "html-attributes",
                 "mutable": false,
                 "complexType": {
                     "original": "{ [key: string]: any }",
@@ -1352,7 +1345,6 @@ export class Modal {
             },
             "isOpen": {
                 "type": "boolean",
-                "attribute": "is-open",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -1368,11 +1360,11 @@ export class Modal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "is-open",
                 "defaultValue": "false"
             },
             "trigger": {
                 "type": "string",
-                "attribute": "trigger",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -1387,11 +1379,11 @@ export class Modal {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "trigger"
             },
             "keepContentsMounted": {
                 "type": "boolean",
-                "attribute": "keep-contents-mounted",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -1407,11 +1399,11 @@ export class Modal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "keep-contents-mounted",
                 "defaultValue": "false"
             },
             "focusTrap": {
                 "type": "boolean",
-                "attribute": "focus-trap",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -1427,11 +1419,11 @@ export class Modal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "focus-trap",
                 "defaultValue": "true"
             },
             "canDismiss": {
                 "type": "boolean",
-                "attribute": "can-dismiss",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean | ((data?: any, role?: string) => Promise<boolean>)",
@@ -1452,6 +1444,7 @@ export class Modal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "can-dismiss",
                 "defaultValue": "true"
             }
         };

package/dist/collection/components/nav/nav.js

@@ -846,7 +846,6 @@ export class Nav {
         return {
             "delegate": {
                 "type": "unknown",
-                "attribute": "delegate",
                 "mutable": false,
                 "complexType": {
                     "original": "FrameworkDelegate",
@@ -873,7 +872,6 @@ export class Nav {
             },
             "swipeGesture": {
                 "type": "boolean",
-                "attribute": "swipe-gesture",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -888,11 +886,11 @@ export class Nav {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "swipe-gesture"
             },
             "animated": {
                 "type": "boolean",
-                "attribute": "animated",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -908,11 +906,11 @@ export class Nav {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "animated",
                 "defaultValue": "true"
             },
             "animation": {
                 "type": "unknown",
-                "attribute": "animation",
                 "mutable": false,
                 "complexType": {
                     "original": "AnimationBuilder",
@@ -936,7 +934,6 @@ export class Nav {
             },
             "rootParams": {
                 "type": "unknown",
-                "attribute": "root-params",
                 "mutable": false,
                 "complexType": {
                     "original": "ComponentProps",
@@ -960,7 +957,6 @@ export class Nav {
             },
             "root": {
                 "type": "string",
-                "attribute": "root",
                 "mutable": false,
                 "complexType": {
                     "original": "NavComponent",
@@ -981,7 +977,8 @@ export class Nav {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "root"
             }
         };
     }

package/dist/collection/components/nav-link/nav-link.js

@@ -21,7 +21,6 @@ export class NavLink {
         return {
             "component": {
                 "type": "string",
-                "attribute": "component",
                 "mutable": false,
                 "complexType": {
                     "original": "NavComponent",
@@ -42,11 +41,11 @@ export class NavLink {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "component"
             },
             "componentProps": {
                 "type": "unknown",
-                "attribute": "component-props",
                 "mutable": false,
                 "complexType": {
                     "original": "ComponentProps",
@@ -70,7 +69,6 @@ export class NavLink {
             },
             "routerDirection": {
                 "type": "string",
-                "attribute": "router-direction",
                 "mutable": false,
                 "complexType": {
                     "original": "RouterDirection",
@@ -92,11 +90,11 @@ export class NavLink {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "router-direction",
                 "defaultValue": "'forward'"
             },
             "routerAnimation": {
                 "type": "unknown",
-                "attribute": "router-animation",
                 "mutable": false,
                 "complexType": {
                     "original": "AnimationBuilder",

package/dist/collection/components/note/note.js

@@ -32,7 +32,6 @@ export class Note {
         return {
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "Color",
@@ -53,7 +52,8 @@ export class Note {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "color"
             }
         };
     }

package/dist/collection/components/picker-column/picker-column.js

@@ -411,23 +411,6 @@ export class PickerColumn {
             var _a;
             return el ? (_a = el.getAttribute('aria-label')) !== null && _a !== void 0 ? _a : el.innerText : '';
         };
-        /**
-         * Render an element that overlays the column. This element is for assistive
-         * tech to allow users to navigate the column up/down. This element should receive
-         * focus as it listens for synthesized keyboard events as required by the
-         * slider role: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/slider_role
-         */
-        this.renderAssistiveFocusable = () => {
-            const { activeItem } = this;
-            const valueText = this.getOptionValueText(activeItem);
-            /**
-             * When using the picker, the valuetext provides important context that valuenow
-             * does not. Additionally, using non-zero valuemin/valuemax values can cause
-             * WebKit to incorrectly announce numeric valuetext values (such as a year
-             * like "2024") as percentages: https://bugs.webkit.org/show_bug.cgi?id=273126
-             */
-            return (h("div", { ref: (el) => (this.assistiveFocusable = el), class: "assistive-focusable", role: "slider", tabindex: this.disabled ? undefined : 0, "aria-label": this.ariaLabel, "aria-valuemin": 0, "aria-valuemax": 0, "aria-valuenow": 0, "aria-valuetext": valueText, "aria-orientation": "vertical", onKeyDown: (ev) => this.onKeyDown(ev) }));
-        };
     }
     ariaLabelChanged(newValue) {
         this.ariaLabel = newValue;
@@ -568,33 +551,14 @@ export class PickerColumn {
     render() {
         const { color, disabled, isActive, numericInput } = this;
         const mode = getIonMode(this);
-        return (h(Host, { key: 'ea0280355b2f87895bf7dddd289ccf473aa759f3', class: createColorClasses(color, {
+        return (h(Host, { key: 'db903fd415f8a2d91994dececca481c1af8ba6a9', class: createColorClasses(color, {
                 [mode]: true,
                 ['picker-column-active']: isActive,
                 ['picker-column-numeric-input']: numericInput,
                 ['picker-column-disabled']: disabled,
-            }) }, this.renderAssistiveFocusable(), h("slot", { key: '482992131cdeb85b1f61430d7fe1322a16345769', name: "prefix" }), h("div", { key: '43f7f80d621d411ef366b3ca1396299e8c9a0c97', "aria-hidden": "true", class: "picker-opts", ref: (el) => {
+            }) }, h("slot", { key: '02ce9e1dd7df91afcd50b06416552bcffb5dec98', name: "prefix" }), h("div", { key: '6dfd7d2429bec19244a6b1afb4448121963a031b', class: "picker-opts", ref: (el) => {
                 this.scrollEl = el;
-            },
-            /**
-             * When an element has an overlay scroll style and
-             * a fixed height, Firefox will focus the scrollable
-             * container if the content exceeds the container's
-             * dimensions.
-             *
-             * This causes keyboard navigation to focus to this
-             * element instead of going to the next element in
-             * the tab order.
-             *
-             * The desired behavior is for the user to be able to
-             * focus the assistive focusable element and tab to
-             * the next element in the tab order. Instead of tabbing
-             * to this element.
-             *
-             * To prevent this, we set the tabIndex to -1. This
-             * will match the behavior of the other browsers.
-             */
-            tabIndex: -1 }, h("div", { key: '13a9ee686132af32240710730765de4c0003a9e8', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: 'dbccba4920833cfcebe9b0fc763458ec3053705a', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '682b43f83a5ea2e46067457f3af118535e111edb', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("slot", { key: 'd27e1e1dc0504b2f4627a29912a05bb91e8e413a' }), h("div", { key: '61c948dbb9cf7469aed3018542bc0954211585ba', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: 'cf46c277fbee65e35ff44ce0d53ce12aa9cbf9db', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: 'bbc0e2d491d3f836ab849493ade2f7fa6ad9244e', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), h("slot", { key: 'd25cbbe14b2914fe7b878d43b4e3f4a8c8177d24', 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) }, h("div", { key: 'e30ce0b9cefbfe4d4441fa33acf595da31855c3f', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '8be2bd293c12c6ba720d9b31d0d561a96f42e97d', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '8afdcddddabbf646fbb55cb0ba4448309a2c1dd9', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("slot", { key: '6aa0dacc34d6848575ad5b122b9046982308ca43' }), h("div", { key: '92ec8a357414c1b779b11d1dd18fb87a7ee63982', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: 'b89457cb74b5907c25594ff6720ac54ca537e933', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '5bbc92e6bc24de08e39873bf08c5b668373ac0f8', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), h("slot", { key: 'd7bf2b519214f0f3576a4ca79844ad97827dd97f', name: "suffix" })));
     }
     static get is() { return "ion-picker-column"; }
     static get encapsulation() { return "shadow"; }
@@ -612,7 +576,6 @@ export class PickerColumn {
         return {
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -628,11 +591,11 @@ export class PickerColumn {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "value": {
                 "type": "any",
-                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string | number",
@@ -647,11 +610,11 @@ export class PickerColumn {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "value"
             },
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "Color",
@@ -673,11 +636,11 @@ export class PickerColumn {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "color",
                 "defaultValue": "'primary'"
             },
             "numericInput": {
                 "type": "boolean",
-                "attribute": "numeric-input",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -696,6 +659,7 @@ export class PickerColumn {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "numeric-input",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/picker-column-option/picker-column-option.ios.css

@@ -53,7 +53,7 @@
  *   }
  * }
  */
-button {
+.picker-column-option-button {
   padding-left: 0;
   padding-right: 0;
   padding-top: 0;
@@ -82,6 +82,6 @@ button {
   opacity: 0.4;
 }
 
-:host(.option-disabled) button {
+:host(.option-disabled) .picker-column-option-button {
   cursor: default;
 }

package/dist/collection/components/picker-column-option/picker-column-option.js

@@ -94,7 +94,7 @@ export class PickerColumnOption {
         return (h(Host, { key: 'f816729941aabcb31ddfdce3ffe2e2139030d715', class: createColorClasses(color, {
                 [mode]: true,
                 ['option-disabled']: disabled,
-            }) }, h("button", { key: '48dff7833bb60fc8331cd353a0885e6affa683d1', tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, h("slot", { key: 'f9224d0e7b7aa6c05b29abfdcfe0f30ad6ee3141' }))));
+            }) }, h("div", { key: 'd942de84fd14d7dc06b1e5cf4f7920d1dc3c6371', class: 'picker-column-option-button', role: "button", "aria-label": ariaLabel, onClick: () => this.onClick() }, h("slot", { key: 'b0df5717b42209e649097209a01476e1a66f5c5c' }))));
     }
     static get is() { return "ion-picker-column-option"; }
     static get encapsulation() { return "shadow"; }
@@ -114,7 +114,6 @@ export class PickerColumnOption {
         return {
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -130,11 +129,11 @@ export class PickerColumnOption {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "value": {
                 "type": "any",
-                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "any | null",
@@ -149,11 +148,11 @@ export class PickerColumnOption {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "value"
             },
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "Color",
@@ -175,6 +174,7 @@ export class PickerColumnOption {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "color",
                 "defaultValue": "'primary'"
             }
         };

package/dist/collection/components/picker-column-option/picker-column-option.md.css

@@ -53,7 +53,7 @@
  *   }
  * }
  */
-button {
+.picker-column-option-button {
   padding-left: 0;
   padding-right: 0;
   padding-top: 0;
@@ -82,7 +82,7 @@ button {
   opacity: 0.4;
 }
 
-:host(.option-disabled) button {
+:host(.option-disabled) .picker-column-option-button {
   cursor: default;
 }