@ionic/core 8.5.4-dev.11743804128.16dbb459 → 8.5.4-dev.11743808789.130d15f2

package/dist/collection/components/searchbar/searchbar.js

@@ -17,6 +17,81 @@ export class Searchbar {
         this.shouldAlignLeft = true;
         this.inputId = `ion-searchbar-${searchbarIds++}`;
         this.inheritedAttributes = {};
+        this.focused = false;
+        this.noAnimate = true;
+        /**
+         * If `true`, enable searchbar animation.
+         */
+        this.animated = false;
+        /**
+         * Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.
+         * Available options: `"off"`, `"none"`, `"on"`, `"sentences"`, `"words"`, `"characters"`.
+         */
+        this.autocapitalize = 'off';
+        /**
+         * Set the input's autocomplete property.
+         */
+        this.autocomplete = 'off';
+        /**
+         * Set the input's autocorrect property.
+         */
+        this.autocorrect = 'off';
+        /**
+         * Set the cancel button icon. Only applies to `md` mode.
+         * Defaults to `arrow-back-sharp`.
+         */
+        this.cancelButtonIcon = config.get('backButtonIcon', arrowBackSharp);
+        /**
+         * Set the the cancel button text. Only applies to `ios` mode.
+         */
+        this.cancelButtonText = 'Cancel';
+        /**
+         * If `true`, the user cannot interact with the input.
+         */
+        this.disabled = false;
+        /**
+         * If used in a form, set the name of the control, which is submitted with the form data.
+         */
+        this.name = this.inputId;
+        /**
+         * Set the input's placeholder.
+         * `placeholder` can accept either plaintext or HTML as a string.
+         * To display characters normally reserved for HTML, they
+         * must be escaped. For example `<Ionic>` would become
+         * `&lt;Ionic&gt;`
+         *
+         * For more information: [Security Documentation](https://ionicframework.com/docs/faq/security)
+         */
+        this.placeholder = 'Search';
+        /**
+         * Sets the behavior for the cancel button. Defaults to `"never"`.
+         * Setting to `"focus"` shows the cancel button on focus.
+         * Setting to `"never"` hides the cancel button.
+         * Setting to `"always"` shows the cancel button regardless
+         * of focus state.
+         */
+        this.showCancelButton = 'never';
+        /**
+         * Sets the behavior for the clear button. Defaults to `"focus"`.
+         * Setting to `"focus"` shows the clear button on focus if the
+         * input is not empty.
+         * Setting to `"never"` hides the clear button.
+         * Setting to `"always"` shows the clear button regardless
+         * of focus state, but only if the input is not empty.
+         */
+        this.showClearButton = 'always';
+        /**
+         * If `true`, enable spellcheck on the input.
+         */
+        this.spellcheck = false;
+        /**
+         * Set the type of the input.
+         */
+        this.type = 'search';
+        /**
+         * the value of the searchbar.
+         */
+        this.value = '';
         /**
          * Clears the input field and triggers the control change.
          */
@@ -113,30 +188,6 @@ export class Searchbar {
             this.ionFocus.emit();
             this.positionElements();
         };
-        this.focused = false;
-        this.noAnimate = true;
-        this.color = undefined;
-        this.animated = false;
-        this.autocapitalize = 'off';
-        this.autocomplete = 'off';
-        this.autocorrect = 'off';
-        this.cancelButtonIcon = config.get('backButtonIcon', arrowBackSharp);
-        this.cancelButtonText = 'Cancel';
-        this.clearIcon = undefined;
-        this.debounce = undefined;
-        this.disabled = false;
-        this.inputmode = undefined;
-        this.enterkeyhint = undefined;
-        this.maxlength = undefined;
-        this.minlength = undefined;
-        this.name = this.inputId;
-        this.placeholder = 'Search';
-        this.searchIcon = undefined;
-        this.showCancelButton = 'never';
-        this.showClearButton = 'always';
-        this.spellcheck = false;
-        this.type = 'search';
-        this.value = '';
     }
     /**
      * lang and dir are globally enumerated attributes.
@@ -416,6 +467,7 @@ export class Searchbar {
         return {
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "Color",
@@ -434,11 +486,13 @@ export class Searchbar {
                     "tags": [],
                     "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)."
                 },
-                "attribute": "color",
+                "getter": false,
+                "setter": false,
                 "reflect": true
             },
             "animated": {
                 "type": "boolean",
+                "attribute": "animated",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -451,12 +505,14 @@ export class Searchbar {
                     "tags": [],
                     "text": "If `true`, enable searchbar animation."
                 },
-                "attribute": "animated",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "autocapitalize": {
                 "type": "string",
+                "attribute": "autocapitalize",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -469,12 +525,14 @@ export class Searchbar {
                     "tags": [],
                     "text": "Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.\nAvailable options: `\"off\"`, `\"none\"`, `\"on\"`, `\"sentences\"`, `\"words\"`, `\"characters\"`."
                 },
-                "attribute": "autocapitalize",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'off'"
             },
             "autocomplete": {
                 "type": "string",
+                "attribute": "autocomplete",
                 "mutable": false,
                 "complexType": {
                     "original": "AutocompleteTypes",
@@ -493,12 +551,14 @@ export class Searchbar {
                     "tags": [],
                     "text": "Set the input's autocomplete property."
                 },
-                "attribute": "autocomplete",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'off'"
             },
             "autocorrect": {
                 "type": "string",
+                "attribute": "autocorrect",
                 "mutable": false,
                 "complexType": {
                     "original": "'on' | 'off'",
@@ -511,12 +571,14 @@ export class Searchbar {
                     "tags": [],
                     "text": "Set the input's autocorrect property."
                 },
-                "attribute": "autocorrect",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'off'"
             },
             "cancelButtonIcon": {
                 "type": "string",
+                "attribute": "cancel-button-icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -529,12 +591,14 @@ export class Searchbar {
                     "tags": [],
                     "text": "Set the cancel button icon. Only applies to `md` mode.\nDefaults to `arrow-back-sharp`."
                 },
-                "attribute": "cancel-button-icon",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "config.get('backButtonIcon', arrowBackSharp) as string"
             },
             "cancelButtonText": {
                 "type": "string",
+                "attribute": "cancel-button-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -547,12 +611,14 @@ export class Searchbar {
                     "tags": [],
                     "text": "Set the the cancel button text. Only applies to `ios` mode."
                 },
-                "attribute": "cancel-button-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'Cancel'"
             },
             "clearIcon": {
                 "type": "string",
+                "attribute": "clear-icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -565,11 +631,13 @@ export class Searchbar {
                     "tags": [],
                     "text": "Set the clear icon. Defaults to `close-circle` for `ios` and `close-sharp` for `md`."
                 },
-                "attribute": "clear-icon",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "debounce": {
                 "type": "number",
+                "attribute": "debounce",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -582,11 +650,13 @@ export class Searchbar {
                     "tags": [],
                     "text": "Set the amount of time, in milliseconds, to wait to trigger the `ionInput` event after each keystroke."
                 },
-                "attribute": "debounce",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -599,12 +669,14 @@ export class Searchbar {
                     "tags": [],
                     "text": "If `true`, the user cannot interact with the input."
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "inputmode": {
                 "type": "string",
+                "attribute": "inputmode",
                 "mutable": false,
                 "complexType": {
                     "original": "'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search'",
@@ -617,11 +689,13 @@ export class Searchbar {
                     "tags": [],
                     "text": "A hint to the browser for which keyboard to display.\nPossible values: `\"none\"`, `\"text\"`, `\"tel\"`, `\"url\"`,\n`\"email\"`, `\"numeric\"`, `\"decimal\"`, and `\"search\"`."
                 },
-                "attribute": "inputmode",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "enterkeyhint": {
                 "type": "string",
+                "attribute": "enterkeyhint",
                 "mutable": false,
                 "complexType": {
                     "original": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'",
@@ -634,11 +708,13 @@ export class Searchbar {
                     "tags": [],
                     "text": "A hint to the browser for which enter key to display.\nPossible values: `\"enter\"`, `\"done\"`, `\"go\"`, `\"next\"`,\n`\"previous\"`, `\"search\"`, and `\"send\"`."
                 },
-                "attribute": "enterkeyhint",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "maxlength": {
                 "type": "number",
+                "attribute": "maxlength",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -651,11 +727,13 @@ export class Searchbar {
                     "tags": [],
                     "text": "This attribute specifies the maximum number of characters that the user can enter."
                 },
-                "attribute": "maxlength",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "minlength": {
                 "type": "number",
+                "attribute": "minlength",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -668,11 +746,13 @@ export class Searchbar {
                     "tags": [],
                     "text": "This attribute specifies the minimum number of characters that the user can enter."
                 },
-                "attribute": "minlength",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "name": {
                 "type": "string",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -685,12 +765,14 @@ export class Searchbar {
                     "tags": [],
                     "text": "If used in a form, set the name of the control, which is submitted with the form data."
                 },
-                "attribute": "name",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "this.inputId"
             },
             "placeholder": {
                 "type": "string",
+                "attribute": "placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -703,12 +785,14 @@ export class Searchbar {
                     "tags": [],
                     "text": "Set the input's placeholder.\n`placeholder` can accept either plaintext or HTML as a string.\nTo display characters normally reserved for HTML, they\nmust be escaped. For example `<Ionic>` would become\n`&lt;Ionic&gt;`\n\nFor more information: [Security Documentation](https://ionicframework.com/docs/faq/security)"
                 },
-                "attribute": "placeholder",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'Search'"
             },
             "searchIcon": {
                 "type": "string",
+                "attribute": "search-icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -721,11 +805,13 @@ export class Searchbar {
                     "tags": [],
                     "text": "The icon to use as the search icon. Defaults to `search-outline` in\n`ios` mode and `search-sharp` in `md` mode."
                 },
-                "attribute": "search-icon",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "showCancelButton": {
                 "type": "string",
+                "attribute": "show-cancel-button",
                 "mutable": false,
                 "complexType": {
                     "original": "'never' | 'focus' | 'always'",
@@ -738,12 +824,14 @@ export class Searchbar {
                     "tags": [],
                     "text": "Sets the behavior for the cancel button. Defaults to `\"never\"`.\nSetting to `\"focus\"` shows the cancel button on focus.\nSetting to `\"never\"` hides the cancel button.\nSetting to `\"always\"` shows the cancel button regardless\nof focus state."
                 },
-                "attribute": "show-cancel-button",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'never'"
             },
             "showClearButton": {
                 "type": "string",
+                "attribute": "show-clear-button",
                 "mutable": false,
                 "complexType": {
                     "original": "'never' | 'focus' | 'always'",
@@ -756,12 +844,14 @@ export class Searchbar {
                     "tags": [],
                     "text": "Sets the behavior for the clear button. Defaults to `\"focus\"`.\nSetting to `\"focus\"` shows the clear button on focus if the\ninput is not empty.\nSetting to `\"never\"` hides the clear button.\nSetting to `\"always\"` shows the clear button regardless\nof focus state, but only if the input is not empty."
                 },
-                "attribute": "show-clear-button",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'always'"
             },
             "spellcheck": {
                 "type": "boolean",
+                "attribute": "spellcheck",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -774,12 +864,14 @@ export class Searchbar {
                     "tags": [],
                     "text": "If `true`, enable spellcheck on the input."
                 },
-                "attribute": "spellcheck",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "type": {
                 "type": "string",
+                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url'",
@@ -792,12 +884,14 @@ export class Searchbar {
                     "tags": [],
                     "text": "Set the type of the input."
                 },
-                "attribute": "type",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'search'"
             },
             "value": {
                 "type": "string",
+                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string | null",
@@ -810,7 +904,8 @@ export class Searchbar {
                     "tags": [],
                     "text": "the value of the searchbar."
                 },
-                "attribute": "value",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "''"
             }

package/dist/collection/components/segment/segment.js

@@ -12,6 +12,26 @@ import { getIonMode } from "../../global/ionic-global";
 export class Segment {
     constructor() {
         this.segmentViewEl = null;
+        this.activated = false;
+        /**
+         * If `true`, the user cannot interact with the segment.
+         */
+        this.disabled = false;
+        /**
+         * If `true`, the segment buttons will overflow and the user can swipe to see them.
+         * In addition, this will disable the gesture to drag the indicator between the buttons
+         * in order to swipe to see hidden buttons.
+         */
+        this.scrollable = false;
+        /**
+         * If `true`, users will be able to swipe between segment buttons to activate them.
+         */
+        this.swipeGesture = true;
+        /**
+         * If `true`, navigating to an `ion-segment-button` with the keyboard will focus and select the element.
+         * If `false`, keyboard navigation will only focus the `ion-segment-button` element.
+         */
+        this.selectOnFocus = false;
         this.onClick = (ev) => {
             const current = ev.target;
             const previous = this.checked;
@@ -66,13 +86,6 @@ export class Segment {
                     return null;
             }
         };
-        this.activated = false;
-        this.color = undefined;
-        this.disabled = false;
-        this.scrollable = false;
-        this.swipeGesture = true;
-        this.value = undefined;
-        this.selectOnFocus = false;
     }
     colorChanged(value, oldValue) {
         /**
@@ -557,6 +570,7 @@ export class Segment {
         return {
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "Color",
@@ -575,11 +589,13 @@ export class Segment {
                     "tags": [],
                     "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)."
                 },
-                "attribute": "color",
+                "getter": false,
+                "setter": false,
                 "reflect": true
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -592,12 +608,14 @@ export class Segment {
                     "tags": [],
                     "text": "If `true`, the user cannot interact with the segment."
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "scrollable": {
                 "type": "boolean",
+                "attribute": "scrollable",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -610,12 +628,14 @@ export class Segment {
                     "tags": [],
                     "text": "If `true`, the segment buttons will overflow and the user can swipe to see them.\nIn addition, this will disable the gesture to drag the indicator between the buttons\nin order to swipe to see hidden buttons."
                 },
-                "attribute": "scrollable",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "swipeGesture": {
                 "type": "boolean",
+                "attribute": "swipe-gesture",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -628,12 +648,14 @@ export class Segment {
                     "tags": [],
                     "text": "If `true`, users will be able to swipe between segment buttons to activate them."
                 },
-                "attribute": "swipe-gesture",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "true"
             },
             "value": {
                 "type": "any",
+                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "SegmentValue",
@@ -652,11 +674,13 @@ export class Segment {
                     "tags": [],
                     "text": "the value of the segment."
                 },
-                "attribute": "value",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "selectOnFocus": {
                 "type": "boolean",
+                "attribute": "select-on-focus",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -669,7 +693,8 @@ export class Segment {
                     "tags": [],
                     "text": "If `true`, navigating to an `ion-segment-button` with the keyboard will focus and select the element.\nIf `false`, keyboard navigation will only focus the `ion-segment-button` element."
                 },
-                "attribute": "select-on-focus",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             }