voyager-ionic-core 8.5.7 → 8.6.1

package/dist/collection/collection-manifest.json

@@ -37,6 +37,7 @@
     "components/infinite-scroll/infinite-scroll.js",
     "components/infinite-scroll-content/infinite-scroll-content.js",
     "components/input/input.js",
+    "components/input-otp/input-otp.js",
     "components/input-password-toggle/input-password-toggle.js",
     "components/list/list.js",
     "components/radio-group/radio-group.js",
@@ -99,8 +100,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.20.0",
-    "typescriptVersion": "5.5.3"
+    "version": "4.33.1",
+    "typescriptVersion": "5.5.4"
   },
   "collections": [
     {

package/dist/collection/components/accordion/accordion.js

@@ -22,6 +22,34 @@ import { getIonMode } from "../../global/ionic-global";
 export class Accordion {
     constructor() {
         this.updateListener = () => this.updateState(false);
+        this.state = 1 /* AccordionState.Collapsed */;
+        this.isNext = false;
+        this.isPrevious = false;
+        /**
+         * The value of the accordion. Defaults to an autogenerated
+         * value.
+         */
+        this.value = `ion-accordion-${accordionIds++}`;
+        /**
+         * If `true`, the accordion cannot be interacted with.
+         */
+        this.disabled = false;
+        /**
+         * If `true`, the accordion cannot be interacted with,
+         * but does not alter the opacity.
+         */
+        this.readonly = false;
+        /**
+         * The toggle icon to use. This icon will be
+         * rotated when the accordion is expanded
+         * or collapsed.
+         */
+        this.toggleIcon = chevronDown;
+        /**
+         * The slot inside of `ion-item` to
+         * place the toggle icon. Defaults to `"end"`.
+         */
+        this.toggleIconSlot = 'end';
         this.setItemDefaults = () => {
             const ionItem = this.getSlottedHeaderIonItem();
             if (!ionItem) {
@@ -236,14 +264,6 @@ export class Accordion {
             }
             return previousSibling;
         };
-        this.state = 1 /* AccordionState.Collapsed */;
-        this.isNext = false;
-        this.isPrevious = false;
-        this.value = `ion-accordion-${accordionIds++}`;
-        this.disabled = false;
-        this.readonly = false;
-        this.toggleIcon = chevronDown;
-        this.toggleIconSlot = 'end';
     }
     valueChanged() {
         this.updateState();
@@ -335,6 +355,7 @@ export class Accordion {
         return {
             "value": {
                 "type": "string",
+                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -347,12 +368,14 @@ export class Accordion {
                     "tags": [],
                     "text": "The value of the accordion. Defaults to an autogenerated\nvalue."
                 },
-                "attribute": "value",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "`ion-accordion-${accordionIds++}`"
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -365,12 +388,14 @@ export class Accordion {
                     "tags": [],
                     "text": "If `true`, the accordion cannot be interacted with."
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "readonly": {
                 "type": "boolean",
+                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -383,12 +408,14 @@ export class Accordion {
                     "tags": [],
                     "text": "If `true`, the accordion cannot be interacted with,\nbut does not alter the opacity."
                 },
-                "attribute": "readonly",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "toggleIcon": {
                 "type": "string",
+                "attribute": "toggle-icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -401,12 +428,14 @@ export class Accordion {
                     "tags": [],
                     "text": "The toggle icon to use. This icon will be\nrotated when the accordion is expanded\nor collapsed."
                 },
-                "attribute": "toggle-icon",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "chevronDown"
             },
             "toggleIconSlot": {
                 "type": "string",
+                "attribute": "toggle-icon-slot",
                 "mutable": false,
                 "complexType": {
                     "original": "'start' | 'end'",
@@ -419,7 +448,8 @@ export class Accordion {
                     "tags": [],
                     "text": "The slot inside of `ion-item` to\nplace the toggle icon. Defaults to `\"end\"`."
                 },
-                "attribute": "toggle-icon-slot",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'end'"
             }

package/dist/collection/components/accordion-group/accordion-group.js

@@ -9,11 +9,26 @@ import { getIonMode } from "../../global/ionic-global";
  */
 export class AccordionGroup {
     constructor() {
+        /**
+         * If `true`, all accordions inside of the
+         * accordion group will animate when expanding
+         * or collapsing.
+         */
         this.animated = true;
-        this.multiple = undefined;
-        this.value = undefined;
+        /**
+         * If `true`, the accordion group cannot be interacted with.
+         */
         this.disabled = false;
+        /**
+         * If `true`, the accordion group cannot be interacted with,
+         * but does not alter the opacity.
+         */
         this.readonly = false;
+        /**
+         * Describes the expansion behavior for each accordion.
+         * Possible values are `"compact"` and `"inset"`.
+         * Defaults to `"compact"`.
+         */
         this.expand = 'compact';
     }
     valueChanged() {
@@ -222,6 +237,7 @@ export class AccordionGroup {
         return {
             "animated": {
                 "type": "boolean",
+                "attribute": "animated",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -234,12 +250,14 @@ export class AccordionGroup {
                     "tags": [],
                     "text": "If `true`, all accordions inside of the\naccordion group will animate when expanding\nor collapsing."
                 },
-                "attribute": "animated",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "true"
             },
             "multiple": {
                 "type": "boolean",
+                "attribute": "multiple",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -252,11 +270,13 @@ export class AccordionGroup {
                     "tags": [],
                     "text": "If `true`, the accordion group can have multiple\naccordion components expanded at the same time."
                 },
-                "attribute": "multiple",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "value": {
                 "type": "string",
+                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string | string[] | null",
@@ -269,11 +289,13 @@ export class AccordionGroup {
                     "tags": [],
                     "text": "The value of the accordion group. This controls which\naccordions are expanded.\nThis should be an array of strings only when `multiple=\"true\"`"
                 },
-                "attribute": "value",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -286,12 +308,14 @@ export class AccordionGroup {
                     "tags": [],
                     "text": "If `true`, the accordion group cannot be interacted with."
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "readonly": {
                 "type": "boolean",
+                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -304,12 +328,14 @@ export class AccordionGroup {
                     "tags": [],
                     "text": "If `true`, the accordion group cannot be interacted with,\nbut does not alter the opacity."
                 },
-                "attribute": "readonly",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "expand": {
                 "type": "string",
+                "attribute": "expand",
                 "mutable": false,
                 "complexType": {
                     "original": "'compact' | 'inset'",
@@ -322,7 +348,8 @@ export class AccordionGroup {
                     "tags": [],
                     "text": "Describes the expansion behavior for each accordion.\nPossible values are `\"compact\"` and `\"inset\"`.\nDefaults to `\"compact\"`."
                 },
-                "attribute": "expand",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'compact'"
             }

package/dist/collection/components/action-sheet/action-sheet.js

@@ -21,6 +21,38 @@ export class ActionSheet {
         this.lockController = createLockController();
         this.triggerController = createTriggerController();
         this.presented = false;
+        /** @internal */
+        this.hasController = false;
+        /**
+         * If `true`, the keyboard will be automatically dismissed when the overlay is presented.
+         */
+        this.keyboardClose = true;
+        /**
+         * An array of buttons for the action sheet.
+         */
+        this.buttons = [];
+        /**
+         * If `true`, the action sheet will be dismissed when the backdrop is clicked.
+         */
+        this.backdropDismiss = true;
+        /**
+         * If `true`, the action sheet will be translucent.
+         * Only applies when the mode is `"ios"` and the device supports
+         * [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
+         */
+        this.translucent = false;
+        /**
+         * If `true`, the action sheet will animate.
+         */
+        this.animated = true;
+        /**
+         * If `true`, the action sheet will open. If `false`, the action sheet will close.
+         * Use this if you need finer grained control over presentation, otherwise
+         * just use the actionSheetController or the `trigger` property.
+         * Note: `isOpen` will not automatically be set back to `false` when
+         * the action sheet dismisses. You will need to do that in your code.
+         */
+        this.isOpen = false;
         this.onBackdropTap = () => {
             this.dismiss(undefined, BACKDROP);
         };
@@ -31,22 +63,6 @@ export class ActionSheet {
                 this.callButtonHandler(cancelButton);
             }
         };
-        this.overlayIndex = undefined;
-        this.delegate = undefined;
-        this.hasController = false;
-        this.keyboardClose = true;
-        this.enterAnimation = undefined;
-        this.leaveAnimation = undefined;
-        this.buttons = [];
-        this.cssClass = undefined;
-        this.backdropDismiss = true;
-        this.header = undefined;
-        this.subHeader = undefined;
-        this.translucent = false;
-        this.animated = true;
-        this.htmlAttributes = undefined;
-        this.isOpen = false;
-        this.trigger = undefined;
     }
     onIsOpenChange(newValue, oldValue) {
         if (newValue === true && oldValue === false) {
@@ -219,6 +235,7 @@ export class ActionSheet {
         return {
             "overlayIndex": {
                 "type": "number",
+                "attribute": "overlay-index",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -234,11 +251,13 @@ export class ActionSheet {
                         }],
                     "text": ""
                 },
-                "attribute": "overlay-index",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "delegate": {
                 "type": "unknown",
+                "attribute": "delegate",
                 "mutable": false,
                 "complexType": {
                     "original": "FrameworkDelegate",
@@ -259,10 +278,13 @@ export class ActionSheet {
                             "text": undefined
                         }],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "hasController": {
                 "type": "boolean",
+                "attribute": "has-controller",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -278,12 +300,14 @@ export class ActionSheet {
                         }],
                     "text": ""
                 },
-                "attribute": "has-controller",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "keyboardClose": {
                 "type": "boolean",
+                "attribute": "keyboard-close",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -296,12 +320,14 @@ export class ActionSheet {
                     "tags": [],
                     "text": "If `true`, the keyboard will be automatically dismissed when the overlay is presented."
                 },
-                "attribute": "keyboard-close",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "true"
             },
             "enterAnimation": {
                 "type": "unknown",
+                "attribute": "enter-animation",
                 "mutable": false,
                 "complexType": {
                     "original": "AnimationBuilder",
@@ -319,10 +345,13 @@ export class ActionSheet {
                 "docs": {
                     "tags": [],
                     "text": "Animation to use when the action sheet is presented."
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "leaveAnimation": {
                 "type": "unknown",
+                "attribute": "leave-animation",
                 "mutable": false,
                 "complexType": {
                     "original": "AnimationBuilder",
@@ -340,10 +369,13 @@ export class ActionSheet {
                 "docs": {
                     "tags": [],
                     "text": "Animation to use when the action sheet is dismissed."
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "buttons": {
                 "type": "unknown",
+                "attribute": "buttons",
                 "mutable": false,
                 "complexType": {
                     "original": "(ActionSheetButton | string)[]",
@@ -362,10 +394,13 @@ export class ActionSheet {
                     "tags": [],
                     "text": "An array of buttons for the action sheet."
                 },
+                "getter": false,
+                "setter": false,
                 "defaultValue": "[]"
             },
             "cssClass": {
                 "type": "string",
+                "attribute": "css-class",
                 "mutable": false,
                 "complexType": {
                     "original": "string | string[]",
@@ -378,11 +413,13 @@ export class ActionSheet {
                     "tags": [],
                     "text": "Additional classes to apply for custom CSS. If multiple classes are\nprovided they should be separated by spaces."
                 },
-                "attribute": "css-class",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "backdropDismiss": {
                 "type": "boolean",
+                "attribute": "backdrop-dismiss",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -395,12 +432,14 @@ export class ActionSheet {
                     "tags": [],
                     "text": "If `true`, the action sheet will be dismissed when the backdrop is clicked."
                 },
-                "attribute": "backdrop-dismiss",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "true"
             },
             "header": {
                 "type": "string",
+                "attribute": "header",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -413,11 +452,13 @@ export class ActionSheet {
                     "tags": [],
                     "text": "Title for the action sheet."
                 },
-                "attribute": "header",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "subHeader": {
                 "type": "string",
+                "attribute": "sub-header",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -430,11 +471,13 @@ export class ActionSheet {
                     "tags": [],
                     "text": "Subtitle for the action sheet."
                 },
-                "attribute": "sub-header",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "translucent": {
                 "type": "boolean",
+                "attribute": "translucent",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -447,12 +490,14 @@ export class ActionSheet {
                     "tags": [],
                     "text": "If `true`, the action sheet 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)."
                 },
-                "attribute": "translucent",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "animated": {
                 "type": "boolean",
+                "attribute": "animated",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -465,12 +510,14 @@ export class ActionSheet {
                     "tags": [],
                     "text": "If `true`, the action sheet will animate."
                 },
-                "attribute": "animated",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "true"
             },
             "htmlAttributes": {
                 "type": "unknown",
+                "attribute": "html-attributes",
                 "mutable": false,
                 "complexType": {
                     "original": "{ [key: string]: any }",
@@ -482,10 +529,13 @@ export class ActionSheet {
                 "docs": {
                     "tags": [],
                     "text": "Additional attributes to pass to the action sheet."
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "isOpen": {
                 "type": "boolean",
+                "attribute": "is-open",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -498,12 +548,14 @@ export class ActionSheet {
                     "tags": [],
                     "text": "If `true`, the action sheet will open. If `false`, the action sheet will close.\nUse this if you need finer grained control over presentation, otherwise\njust use the actionSheetController or the `trigger` property.\nNote: `isOpen` will not automatically be set back to `false` when\nthe action sheet dismisses. You will need to do that in your code."
                 },
-                "attribute": "is-open",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "trigger": {
                 "type": "string",
+                "attribute": "trigger",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -516,7 +568,8 @@ export class ActionSheet {
                     "tags": [],
                     "text": "An ID corresponding to the trigger element that\ncauses the action sheet to open when clicked."
                 },
-                "attribute": "trigger",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };