@ionic/core 8.4.2-dev.11736797843.16cc5058 → 8.4.2-dev.11737633140.1934dd0f

package/dist/collection/components/select/select.js

@@ -28,51 +28,6 @@ export class Select {
     constructor() {
         this.inputId = `ion-sel-${selectIds++}`;
         this.inheritedAttributes = {};
-        this.isExpanded = false;
-        /**
-         * The text to display on the cancel button.
-         */
-        this.cancelText = 'Cancel';
-        /**
-         * If `true`, the user cannot interact with the select.
-         */
-        this.disabled = false;
-        /**
-         * The interface the select should use: `action-sheet`, `popover`, `alert`, or `modal`.
-         */
-        this.interface = 'alert';
-        /**
-         * Any additional options that the `alert`, `action-sheet` or `popover` interface
-         * can take. See the [ion-alert docs](./alert), the
-         * [ion-action-sheet docs](./action-sheet), the
-         * [ion-popover docs](./popover), and the [ion-modal docs](./modal) for the
-         * create options for each interface.
-         *
-         * Note: `interfaceOptions` will not override `inputs` or `buttons` with the `alert` interface.
-         */
-        this.interfaceOptions = {};
-        /**
-         * Where to place the label relative to the select.
-         * `"start"`: The label will appear to the left of the select in LTR and to the right in RTL.
-         * `"end"`: The label will appear to the right of the select in LTR and to the left in RTL.
-         * `"floating"`: The label will appear smaller and above the select when the select is focused or it has a value. Otherwise it will appear on top of the select.
-         * `"stacked"`: The label will appear smaller and above the select regardless even when the select is blurred or has no value.
-         * `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
-         * When using `"floating"` or `"stacked"` we recommend initializing the select with either a `value` or a `placeholder`.
-         */
-        this.labelPlacement = 'start';
-        /**
-         * If `true`, the select can accept multiple values.
-         */
-        this.multiple = false;
-        /**
-         * The name of the control, which is submitted with the form data.
-         */
-        this.name = this.inputId;
-        /**
-         * The text to display on the ok button.
-         */
-        this.okText = 'OK';
         this.onClick = (ev) => {
             const target = ev.target;
             const closestSlot = target.closest('[slot="start"], [slot="end"]');
@@ -116,6 +71,27 @@ export class Select {
         this.onBlur = () => {
             this.ionBlur.emit();
         };
+        this.isExpanded = false;
+        this.cancelText = 'Cancel';
+        this.color = undefined;
+        this.compareWith = undefined;
+        this.disabled = false;
+        this.fill = undefined;
+        this.interface = 'alert';
+        this.interfaceOptions = {};
+        this.justify = undefined;
+        this.label = undefined;
+        this.labelPlacement = 'start';
+        this.multiple = false;
+        this.name = this.inputId;
+        this.okText = 'OK';
+        this.placeholder = undefined;
+        this.selectedText = undefined;
+        this.toggleIcon = undefined;
+        this.expandedIcon = undefined;
+        this.shape = undefined;
+        this.value = undefined;
+        this.required = false;
     }
     styleChanged() {
         this.emitStyle();
@@ -653,8 +629,8 @@ export class Select {
         return renderedLabel;
     }
     renderListbox() {
-        const { disabled, inputId, isExpanded } = this;
-        return (h("button", { disabled: disabled, id: inputId, "aria-label": this.ariaLabel, "aria-haspopup": "dialog", "aria-expanded": `${isExpanded}`, onFocus: this.onFocus, onBlur: this.onBlur, ref: (focusEl) => (this.focusEl = focusEl) }));
+        const { disabled, inputId, isExpanded, required } = this;
+        return (h("button", { disabled: disabled, id: inputId, "aria-label": this.ariaLabel, "aria-haspopup": "dialog", "aria-expanded": `${isExpanded}`, "aria-required": `${required}`, onFocus: this.onFocus, onBlur: this.onBlur, ref: (focusEl) => (this.focusEl = focusEl) }));
     }
     render() {
         const { disabled, el, isExpanded, expandedIcon, labelPlacement, justify, placeholder, fill, shape, name, value } = this;
@@ -685,7 +661,7 @@ export class Select {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
-        return (h(Host, { key: '144dfa5c49549a74fe516c65b9b8104a477ac789', onClick: this.onClick, class: createColorClasses(this.color, {
+        return (h(Host, { key: '7a0ea82a383a28745359cca3310e1dd92cdb5bc2', onClick: this.onClick, class: createColorClasses(this.color, {
                 [mode]: true,
                 'in-item': inItem,
                 'in-item-color': hostContext('ion-item.ion-color', el),
@@ -701,7 +677,7 @@ export class Select {
                 [`select-justify-${justify}`]: justifyEnabled,
                 [`select-shape-${shape}`]: shape !== undefined,
                 [`select-label-placement-${labelPlacement}`]: true,
-            }) }, h("label", { key: '0edcfcbac575a9dccc77991531b6980d1caebf42', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), h("div", { key: '348151d90cb093f5d21c7d4a834264ac4a312c40', class: "select-wrapper-inner" }, h("slot", { key: '8b7708c7f81217435c58276da0c08bba766d9500', name: "start" }), h("div", { key: '10c520a335da0a0d1cf40f9365597beb244d3b48', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: '0f15c40a5495e98e29d2a21ba21e0bc6f1c0125a', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: 'c87faad2e5ebf7f9453397d7ede43abd64d21294', class: "select-highlight" }))));
+            }) }, h("label", { key: 'f734842041ac2a8087cf28b41f568771a0907008', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), h("div", { key: '1dcb423b607812f248b2a9c434774de7a504edcd', class: "select-wrapper-inner" }, h("slot", { key: '0da0372ed41e8c46a0b605a55844169dd8649cdd', name: "start" }), h("div", { key: '06e4753cc0e7f19328e7a95ff10d5e5c815b815b', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: '4caa655d986ba43a86c616638796c6aac1e430a4', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: '452ca7cc104eb2048057707bf216c9b59af127a4', class: "select-highlight" }))));
     }
     static get is() { return "ion-select"; }
     static get encapsulation() { return "shadow"; }
@@ -733,8 +709,6 @@ export class Select {
                     "tags": [],
                     "text": "The text to display on the cancel button."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "cancel-text",
                 "reflect": false,
                 "defaultValue": "'Cancel'"
@@ -759,8 +733,6 @@ export class Select {
                     "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).\n\nThis property is only available when using the modern select syntax."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "color",
                 "reflect": true
             },
@@ -784,8 +756,6 @@ export class Select {
                     "tags": [],
                     "text": "This property allows developers to specify a custom function or property\nname for comparing objects when determining the selected option in the\nion-select. When not specified, the default behavior will use strict\nequality (===) for comparison."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "compare-with",
                 "reflect": false
             },
@@ -803,8 +773,6 @@ export class Select {
                     "tags": [],
                     "text": "If `true`, the user cannot interact with the select."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -823,8 +791,6 @@ export class Select {
                     "tags": [],
                     "text": "The fill for the item. If `\"solid\"` the item will have a background. If\n`\"outline\"` the item will be transparent with a border. Only available in `md` mode."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "fill",
                 "reflect": false
             },
@@ -848,8 +814,6 @@ export class Select {
                     "tags": [],
                     "text": "The interface the select should use: `action-sheet`, `popover`, `alert`, or `modal`."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "interface",
                 "reflect": false,
                 "defaultValue": "'alert'"
@@ -868,8 +832,6 @@ export class Select {
                     "tags": [],
                     "text": "Any additional options that the `alert`, `action-sheet` or `popover` interface\ncan take. See the [ion-alert docs](./alert), the\n[ion-action-sheet docs](./action-sheet), the\n[ion-popover docs](./popover), and the [ion-modal docs](./modal) for the\ncreate options for each interface.\n\nNote: `interfaceOptions` will not override `inputs` or `buttons` with the `alert` interface."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "interface-options",
                 "reflect": false,
                 "defaultValue": "{}"
@@ -888,8 +850,6 @@ export class Select {
                     "tags": [],
                     "text": "How to pack the label and select within a line.\n`justify` does not apply when the label and select\nare on different lines when `labelPlacement` is set to\n`\"floating\"` or `\"stacked\"`.\n`\"start\"`: The label and select will appear on the left in LTR and\non the right in RTL.\n`\"end\"`: The label and select will appear on the right in LTR and\non the left in RTL.\n`\"space-between\"`: The label and select will appear on opposite\nends of the line with space between the two elements."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "justify",
                 "reflect": false
             },
@@ -907,8 +867,6 @@ export class Select {
                     "tags": [],
                     "text": "The visible label associated with the select.\n\nUse this if you need to render a plaintext label.\n\nThe `label` property will take priority over the `label` slot if both are used."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "label",
                 "reflect": false
             },
@@ -926,8 +884,6 @@ export class Select {
                     "tags": [],
                     "text": "Where to place the label relative to the select.\n`\"start\"`: The label will appear to the left of the select in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the select in LTR and to the left in RTL.\n`\"floating\"`: The label will appear smaller and above the select when the select is focused or it has a value. Otherwise it will appear on top of the select.\n`\"stacked\"`: The label will appear smaller and above the select regardless even when the select is blurred or has no value.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").\nWhen using `\"floating\"` or `\"stacked\"` we recommend initializing the select with either a `value` or a `placeholder`."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "label-placement",
                 "reflect": false,
                 "defaultValue": "'start'"
@@ -946,8 +902,6 @@ export class Select {
                     "tags": [],
                     "text": "If `true`, the select can accept multiple values."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "multiple",
                 "reflect": false,
                 "defaultValue": "false"
@@ -966,8 +920,6 @@ export class Select {
                     "tags": [],
                     "text": "The name of the control, which is submitted with the form data."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "name",
                 "reflect": false,
                 "defaultValue": "this.inputId"
@@ -986,8 +938,6 @@ export class Select {
                     "tags": [],
                     "text": "The text to display on the ok button."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "ok-text",
                 "reflect": false,
                 "defaultValue": "'OK'"
@@ -1006,8 +956,6 @@ export class Select {
                     "tags": [],
                     "text": "The text to display when the select is empty."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "placeholder",
                 "reflect": false
             },
@@ -1025,8 +973,6 @@ export class Select {
                     "tags": [],
                     "text": "The text to display instead of the selected option's value."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "selected-text",
                 "reflect": false
             },
@@ -1044,8 +990,6 @@ export class Select {
                     "tags": [],
                     "text": "The toggle icon to use. Defaults to `chevronExpand` for `ios` mode,\nor `caretDownSharp` for `md` mode."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "toggle-icon",
                 "reflect": false
             },
@@ -1063,8 +1007,6 @@ export class Select {
                     "tags": [],
                     "text": "The toggle icon to show when the select is open. If defined, the icon\nrotation behavior in `md` mode will be disabled. If undefined, `toggleIcon`\nwill be used for when the select is both open and closed."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "expanded-icon",
                 "reflect": false
             },
@@ -1082,8 +1024,6 @@ export class Select {
                     "tags": [],
                     "text": "The shape of the select. If \"round\" it will have an increased border radius."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "shape",
                 "reflect": false
             },
@@ -1101,10 +1041,26 @@ export class Select {
                     "tags": [],
                     "text": "The value of the select."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "value",
                 "reflect": false
+            },
+            "required": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "If `true`, the user must fill in a value before submitting a form."
+                },
+                "attribute": "required",
+                "reflect": false,
+                "defaultValue": "false"
             }
         };
     }

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

@@ -7,6 +7,8 @@ import { safeCall } from "../../utils/overlays";
 import { getClassMap } from "../../utils/theme";
 export class SelectModal {
     constructor() {
+        this.header = undefined;
+        this.multiple = undefined;
         this.options = [];
     }
     closeModal() {
@@ -109,8 +111,6 @@ export class SelectModal {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "header",
                 "reflect": false
             },
@@ -128,8 +128,6 @@ export class SelectModal {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "multiple",
                 "reflect": false
             },
@@ -153,8 +151,6 @@ export class SelectModal {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
                 "defaultValue": "[]"
             }
         };

package/dist/collection/components/select-option/select-option.js

@@ -6,10 +6,8 @@ import { getIonMode } from "../../global/ionic-global";
 export class SelectOption {
     constructor() {
         this.inputId = `ion-selopt-${selectOptionIds++}`;
-        /**
-         * If `true`, the user cannot interact with the select option. This property does not apply when `interface="action-sheet"` as `ion-action-sheet` does not allow for disabled buttons.
-         */
         this.disabled = false;
+        this.value = undefined;
     }
     render() {
         return h(Host, { key: '2e6fa159464f04f6d8720f960141f67918bc7534', role: "option", id: this.inputId, class: getIonMode(this) });
@@ -42,8 +40,6 @@ export class SelectOption {
                     "tags": [],
                     "text": "If `true`, the user cannot interact with the select option. This property does not apply when `interface=\"action-sheet\"` as `ion-action-sheet` does not allow for disabled buttons."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -62,8 +58,6 @@ export class SelectOption {
                     "tags": [],
                     "text": "The text value of the option."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "value",
                 "reflect": false
             }

package/dist/collection/components/select-popover/select-popover.js

@@ -10,9 +10,10 @@ import { getIonMode } from "../../global/ionic-global";
  */
 export class SelectPopover {
     constructor() {
-        /**
-         * An array of options for the popover
-         */
+        this.header = undefined;
+        this.subHeader = undefined;
+        this.message = undefined;
+        this.multiple = undefined;
         this.options = [];
     }
     findOptionFromEvent(ev) {
@@ -133,8 +134,6 @@ export class SelectPopover {
                     "tags": [],
                     "text": "The header text of the popover"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "header",
                 "reflect": false
             },
@@ -152,8 +151,6 @@ export class SelectPopover {
                     "tags": [],
                     "text": "The subheader text of the popover"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "sub-header",
                 "reflect": false
             },
@@ -171,8 +168,6 @@ export class SelectPopover {
                     "tags": [],
                     "text": "The text content of the popover body"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "message",
                 "reflect": false
             },
@@ -190,8 +185,6 @@ export class SelectPopover {
                     "tags": [],
                     "text": "If true, the select accepts multiple values"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "multiple",
                 "reflect": false
             },
@@ -215,8 +208,6 @@ export class SelectPopover {
                     "tags": [],
                     "text": "An array of options for the popover"
                 },
-                "getter": false,
-                "setter": false,
                 "defaultValue": "[]"
             }
         };

package/dist/collection/components/skeleton-text/skeleton-text.js

@@ -7,9 +7,6 @@ import { config } from "../../global/config";
 import { getIonMode } from "../../global/ionic-global";
 export class SkeletonText {
     constructor() {
-        /**
-         * If `true`, the skeleton text will animate.
-         */
         this.animated = false;
     }
     componentWillLoad() {
@@ -62,8 +59,6 @@ export class SkeletonText {
                     "tags": [],
                     "text": "If `true`, the skeleton text will animate."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "animated",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/spinner/spinner.js

@@ -8,9 +8,9 @@ import { getIonMode } from "../../global/ionic-global";
 import { SPINNERS } from "./spinner-configs";
 export class Spinner {
     constructor() {
-        /**
-         * If `true`, the spinner's animation will be paused.
-         */
+        this.color = undefined;
+        this.duration = undefined;
+        this.name = undefined;
         this.paused = false;
     }
     getName() {
@@ -79,8 +79,6 @@ export class Spinner {
                     "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)."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "color",
                 "reflect": true
             },
@@ -98,8 +96,6 @@ export class Spinner {
                     "tags": [],
                     "text": "Duration of the spinner animation in milliseconds. The default varies based on the spinner."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "duration",
                 "reflect": false
             },
@@ -123,8 +119,6 @@ export class Spinner {
                     "tags": [],
                     "text": "The name of the SVG spinner to use. If a name is not provided, the platform's default\nspinner will be used."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "name",
                 "reflect": false
             },
@@ -142,8 +136,6 @@ export class Spinner {
                     "tags": [],
                     "text": "If `true`, the spinner's animation will be paused."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "paused",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/split-pane/split-pane.js

@@ -17,15 +17,8 @@ const QUERY = {
 export class SplitPane {
     constructor() {
         this.visible = false;
-        /**
-         * If `true`, the split pane will be hidden.
-         */
+        this.contentId = undefined;
         this.disabled = false;
-        /**
-         * When the split-pane should be shown.
-         * Can be a CSS media query expression, or a shortcut expression.
-         * Can also be a boolean expression.
-         */
         this.when = QUERY['lg'];
     }
     visibleChanged(visible) {
@@ -162,8 +155,6 @@ export class SplitPane {
                     "tags": [],
                     "text": "The `id` of the main content. When using\na router this is typically `ion-router-outlet`.\nWhen not using a router, this is typically\nyour main view's `ion-content`. This is not the\nid of the `ion-content` inside of your `ion-menu`."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "content-id",
                 "reflect": true
             },
@@ -181,8 +172,6 @@ export class SplitPane {
                     "tags": [],
                     "text": "If `true`, the split pane will be hidden."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -201,8 +190,6 @@ export class SplitPane {
                     "tags": [],
                     "text": "When the split-pane should be shown.\nCan be a CSS media query expression, or a shortcut expression.\nCan also be a boolean expression."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "when",
                 "reflect": false,
                 "defaultValue": "QUERY['lg']"

package/dist/collection/components/tab/tab.js

@@ -6,8 +6,10 @@ import { attachComponent } from "../../utils/framework-delegate";
 export class Tab {
     constructor() {
         this.loaded = false;
-        /** @internal */
         this.active = false;
+        this.delegate = undefined;
+        this.tab = undefined;
+        this.component = undefined;
     }
     async componentWillLoad() {
         if (Build.isDev) {
@@ -82,8 +84,6 @@ export class Tab {
                         }],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "active",
                 "reflect": false,
                 "defaultValue": "false"
@@ -110,9 +110,7 @@ export class Tab {
                             "text": undefined
                         }],
                     "text": ""
-                },
-                "getter": false,
-                "setter": false
+                }
             },
             "tab": {
                 "type": "string",
@@ -128,8 +126,6 @@ export class Tab {
                     "tags": [],
                     "text": "A tab id must be provided for each `ion-tab`. It's used internally to reference\nthe selected tab or by the router to switch between them."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "tab",
                 "reflect": false
             },
@@ -153,8 +149,6 @@ export class Tab {
                     "tags": [],
                     "text": "The component to display inside of the tab."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "component",
                 "reflect": false
             }

package/dist/collection/components/tab-bar/tab-bar.js

@@ -12,11 +12,8 @@ export class TabBar {
     constructor() {
         this.keyboardCtrl = null;
         this.keyboardVisible = false;
-        /**
-         * If `true`, the tab bar 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.color = undefined;
+        this.selectedTab = undefined;
         this.translucent = false;
     }
     selectedTabChanged() {
@@ -96,8 +93,6 @@ export class TabBar {
                     "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)."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "color",
                 "reflect": true
             },
@@ -115,8 +110,6 @@ export class TabBar {
                     "tags": [],
                     "text": "The selected tab component"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "selected-tab",
                 "reflect": false
             },
@@ -134,8 +127,6 @@ export class TabBar {
                     "tags": [],
                     "text": "If `true`, the tab bar 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)."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "translucent",
                 "reflect": false,
                 "defaultValue": "false"