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

package/components/action-sheet.js

@@ -119,38 +119,6 @@ const ActionSheet = /*@__PURE__*/ proxyCustomElement(class ActionSheet extends H
         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);
         };
@@ -161,6 +129,22 @@ const ActionSheet = /*@__PURE__*/ proxyCustomElement(class ActionSheet extends H
                 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) {

package/components/alert.js

@@ -123,42 +123,6 @@ const Alert = /*@__PURE__*/ proxyCustomElement(class Alert extends HTMLElement {
         this.processedInputs = [];
         this.processedButtons = [];
         this.presented = false;
-        /** @internal */
-        this.hasController = false;
-        /**
-         * If `true`, the keyboard will be automatically dismissed when the overlay is presented.
-         */
-        this.keyboardClose = true;
-        /**
-         * Array of buttons to be added to the alert.
-         */
-        this.buttons = [];
-        /**
-         * Array of input to show in the alert.
-         */
-        this.inputs = [];
-        /**
-         * If `true`, the alert will be dismissed when the backdrop is clicked.
-         */
-        this.backdropDismiss = true;
-        /**
-         * If `true`, the alert 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 alert will animate.
-         */
-        this.animated = true;
-        /**
-         * If `true`, the alert will open. If `false`, the alert will close.
-         * Use this if you need finer grained control over presentation, otherwise
-         * just use the alertController or the `trigger` property.
-         * Note: `isOpen` will not automatically be set back to `false` when
-         * the alert dismisses. You will need to do that in your code.
-         */
-        this.isOpen = false;
         this.onBackdropTap = () => {
             this.dismiss(undefined, BACKDROP);
         };
@@ -169,6 +133,24 @@ const Alert = /*@__PURE__*/ proxyCustomElement(class Alert extends HTMLElement {
                 this.callButtonHandler(cancelButton);
             }
         };
+        this.overlayIndex = undefined;
+        this.delegate = undefined;
+        this.hasController = false;
+        this.keyboardClose = true;
+        this.enterAnimation = undefined;
+        this.leaveAnimation = undefined;
+        this.cssClass = undefined;
+        this.header = undefined;
+        this.subHeader = undefined;
+        this.message = undefined;
+        this.buttons = [];
+        this.inputs = [];
+        this.backdropDismiss = true;
+        this.translucent = false;
+        this.animated = true;
+        this.htmlAttributes = undefined;
+        this.isOpen = false;
+        this.trigger = undefined;
     }
     onIsOpenChange(newValue, oldValue) {
         if (newValue === true && oldValue === false) {

package/components/backdrop.js

@@ -16,17 +16,8 @@ const Backdrop = /*@__PURE__*/ proxyCustomElement(class Backdrop extends HTMLEle
         this.__registerHost();
         this.__attachShadow();
         this.ionBackdropTap = createEvent(this, "ionBackdropTap", 7);
-        /**
-         * If `true`, the backdrop will be visible.
-         */
         this.visible = true;
-        /**
-         * If `true`, the backdrop will can be clicked and will emit the `ionBackdropTap` event.
-         */
         this.tappable = true;
-        /**
-         * If `true`, the backdrop will stop propagation on tap.
-         */
         this.stopPropagation = true;
     }
     onMouseDown(ev) {

package/components/button.js

@@ -27,31 +27,6 @@ const Button = /*@__PURE__*/ proxyCustomElement(class Button extends HTMLElement
         this.formButtonEl = null;
         this.formEl = null;
         this.inheritedAttributes = {};
-        /**
-         * If `true`, the button only has an icon.
-         */
-        this.isCircle = false;
-        /**
-         * The type of button.
-         */
-        this.buttonType = 'button';
-        /**
-         * If `true`, the user cannot interact with the button.
-         */
-        this.disabled = false;
-        /**
-         * When using a router, it specifies the transition direction when navigating to
-         * another page using `href`.
-         */
-        this.routerDirection = 'forward';
-        /**
-         * If `true`, activates a button with a heavier font weight.
-         */
-        this.strong = false;
-        /**
-         * The type of the button.
-         */
-        this.type = 'button';
         this.handleClick = (ev) => {
             const { el } = this;
             if (this.type === 'button') {
@@ -78,6 +53,23 @@ const Button = /*@__PURE__*/ proxyCustomElement(class Button extends HTMLElement
              */
             this.isCircle = this.hasIconOnly;
         };
+        this.isCircle = false;
+        this.color = undefined;
+        this.buttonType = 'button';
+        this.disabled = false;
+        this.expand = undefined;
+        this.fill = undefined;
+        this.routerDirection = 'forward';
+        this.routerAnimation = undefined;
+        this.download = undefined;
+        this.href = undefined;
+        this.rel = undefined;
+        this.shape = undefined;
+        this.size = undefined;
+        this.strong = false;
+        this.target = undefined;
+        this.type = 'button';
+        this.form = undefined;
     }
     disabledChanged() {
         const { disabled } = this;

package/components/buttons.js

@@ -14,18 +14,6 @@ const Buttons = /*@__PURE__*/ proxyCustomElement(class Buttons extends HTMLEleme
     constructor() {
         super();
         this.__registerHost();
-        /**
-         * If true, buttons will disappear when its
-         * parent toolbar has fully collapsed if the toolbar
-         * is not the first toolbar. If the toolbar is the
-         * first toolbar, the buttons will be hidden and will
-         * only be shown once all toolbars have fully collapsed.
-         *
-         * Only applies in `ios` mode with `collapse` set to
-         * `true` on `ion-header`.
-         *
-         * Typically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)
-         */
         this.collapse = false;
     }
     render() {

package/components/checkbox.js

@@ -22,38 +22,6 @@ const Checkbox = /*@__PURE__*/ proxyCustomElement(class Checkbox extends HTMLEle
         this.ionBlur = createEvent(this, "ionBlur", 7);
         this.inputId = `ion-cb-${checkboxIds++}`;
         this.inheritedAttributes = {};
-        /**
-         * The name of the control, which is submitted with the form data.
-         */
-        this.name = this.inputId;
-        /**
-         * If `true`, the checkbox is selected.
-         */
-        this.checked = false;
-        /**
-         * If `true`, the checkbox will visually appear as indeterminate.
-         */
-        this.indeterminate = false;
-        /**
-         * If `true`, the user cannot interact with the checkbox.
-         */
-        this.disabled = false;
-        /**
-         * The value of the checkbox does not mean if it's checked or not, use the `checked`
-         * property for that.
-         *
-         * The value of a checkbox is analogous to the value of an `<input type="checkbox">`,
-         * it's only used when the checkbox participates in a native `<form>`.
-         */
-        this.value = 'on';
-        /**
-         * Where to place the label relative to the checkbox.
-         * `"start"`: The label will appear to the left of the checkbox in LTR and to the right in RTL.
-         * `"end"`: The label will appear to the right of the checkbox in LTR and to the left in RTL.
-         * `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
-         * `"stacked"`: The label will appear above the checkbox regardless of the direction. The alignment of the label can be controlled with the `alignment` property.
-         */
-        this.labelPlacement = 'start';
         /**
          * Sets the checked property and emits
          * the ionChange event. Use this to update the
@@ -85,6 +53,16 @@ const Checkbox = /*@__PURE__*/ proxyCustomElement(class Checkbox extends HTMLEle
             }
             this.toggleChecked(ev);
         };
+        this.color = undefined;
+        this.name = this.inputId;
+        this.checked = false;
+        this.indeterminate = false;
+        this.disabled = false;
+        this.value = 'on';
+        this.labelPlacement = 'start';
+        this.justify = undefined;
+        this.alignment = undefined;
+        this.required = false;
     }
     componentWillLoad() {
         this.inheritedAttributes = Object.assign({}, inheritAriaAttributes(this.el));
@@ -96,11 +74,11 @@ const Checkbox = /*@__PURE__*/ proxyCustomElement(class Checkbox extends HTMLEle
         }
     }
     render() {
-        const { color, checked, disabled, el, getSVGPath, indeterminate, inheritedAttributes, inputId, justify, labelPlacement, name, value, alignment, } = this;
+        const { color, checked, disabled, el, getSVGPath, indeterminate, inheritedAttributes, inputId, justify, labelPlacement, name, value, alignment, required } = this;
         const mode = getIonMode(this);
         const path = getSVGPath(mode, indeterminate);
         renderHiddenInput(true, el, name, checked ? value : '', disabled);
-        return (h(Host, { key: '6dc787e1100521d08c4900104e1a3e2f594e919f', "aria-checked": indeterminate ? 'mixed' : `${checked}`, class: createColorClasses(color, {
+        return (h(Host, { key: '8a88a970c29b922700aced27148dc848ca1a37bb', "aria-checked": indeterminate ? 'mixed' : `${checked}`, class: createColorClasses(color, {
                 [mode]: true,
                 'in-item': hostContext('ion-item', el),
                 'checkbox-checked': checked,
@@ -110,10 +88,10 @@ const Checkbox = /*@__PURE__*/ proxyCustomElement(class Checkbox extends HTMLEle
                 [`checkbox-justify-${justify}`]: justify !== undefined,
                 [`checkbox-alignment-${alignment}`]: alignment !== undefined,
                 [`checkbox-label-placement-${labelPlacement}`]: true,
-            }), onClick: this.onClick }, h("label", { key: '68222fb736a5ec3f2e488649b0e2ce0417dcb224', class: "checkbox-wrapper" }, h("input", Object.assign({ key: 'f12962d7e9b19c744cfdbdeccc67ae7f5d080281', type: "checkbox", checked: checked ? true : undefined, disabled: disabled, id: inputId, onChange: this.toggleChecked, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, inheritedAttributes)), h("div", { key: 'c72df2699414b1e5a41a1bc267bc634f0c93dcff', class: {
+            }), onClick: this.onClick }, h("label", { key: '37526abeb29a6e7f9f12b9bfcd0fd6b87ab55b7e', class: "checkbox-wrapper" }, h("input", Object.assign({ key: 'd5be16aa3c14b8d07c549049d7e33d3236eb17e7', type: "checkbox", checked: checked ? true : undefined, disabled: disabled, id: inputId, onChange: this.toggleChecked, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl), required: required }, inheritedAttributes)), h("div", { key: 'ca9d044aae3d9efe01076d4d839518e4bdf9af2a', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': el.textContent === '',
-            }, part: "label" }, h("slot", { key: 'a2a80285178a7e0e3b536fc9ca26b8b444aa4307' })), h("div", { key: 'c2b05e0d1fe8df5dcd72858220b5ff51ecaee4cc', class: "native-wrapper" }, h("svg", { key: 'ee24913fded72258ebd9713654a6dba92a18fcf7', class: "checkbox-icon", viewBox: "0 0 24 24", part: "container" }, path)))));
+            }, part: "label" }, h("slot", { key: '5729da13fc9181ce878ba26cade6a68f6277a5df' })), h("div", { key: '7970b8b152ceb5cd858570f6ff6c5b7cfb10d410', class: "native-wrapper" }, h("svg", { key: '494f584698bbf9042b53367881194c2f5dcfe617', class: "checkbox-icon", viewBox: "0 0 24 24", part: "container" }, path)))));
     }
     getSVGPath(mode, indeterminate) {
         let path = indeterminate ? (h("path", { d: "M6 12L18 12", part: "mark" })) : (h("path", { d: "M5.9,12.5l3.8,3.8l8.8-8.8", part: "mark" }));
@@ -137,6 +115,7 @@ const Checkbox = /*@__PURE__*/ proxyCustomElement(class Checkbox extends HTMLEle
         "labelPlacement": [1, "label-placement"],
         "justify": [1],
         "alignment": [1],
+        "required": [4],
         "setFocus": [64]
     }]);
 let checkboxIds = 0;

package/components/content.js

@@ -49,32 +49,12 @@ const Content = /*@__PURE__*/ proxyCustomElement(class Content extends HTMLEleme
             data: undefined,
             isScrolling: true,
         };
-        /**
-         * If `true`, the content will scroll behind the headers
-         * and footers. This effect can easily be seen by setting the toolbar
-         * to transparent.
-         */
+        this.color = undefined;
         this.fullscreen = false;
-        /**
-         * Controls where the fixed content is placed relative to the main content
-         * in the DOM. This can be used to control the order in which fixed elements
-         * receive keyboard focus.
-         * For example, if a FAB in the fixed slot should receive keyboard focus before
-         * the main page content, set this property to `'before'`.
-         */
         this.fixedSlotPlacement = 'after';
-        /**
-         * If you want to enable the content scrolling in the X axis, set this property to `true`.
-         */
+        this.forceOverscroll = undefined;
         this.scrollX = false;
-        /**
-         * If you want to disable the content scrolling in the Y axis, set this property to `false`.
-         */
         this.scrollY = true;
-        /**
-         * Because of performance reasons, ionScroll events are disabled by default, in order to enable them
-         * and start listening from (ionScroll), set this property to `true`.
-         */
         this.scrollEvents = false;
     }
     componentWillLoad() {

package/components/header.js

@@ -213,15 +213,6 @@ const Header = /*@__PURE__*/ proxyCustomElement(class Header extends HTMLElement
         super();
         this.__registerHost();
         this.inheritedAttributes = {};
-        /**
-         * If `true`, the header 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).
-         *
-         * Note: In order to scroll content behind the header, the `fullscreen`
-         * attribute needs to be set on the content.
-         */
-        this.translucent = false;
         this.setupFadeHeader = async (contentEl, condenseHeader) => {
             const scrollEl = (this.scrollEl = await getScrollElement(contentEl));
             /**
@@ -233,6 +224,8 @@ const Header = /*@__PURE__*/ proxyCustomElement(class Header extends HTMLElement
             scrollEl.addEventListener('scroll', this.contentScrollCallback);
             handleHeaderFade(this.scrollEl, this.el, condenseHeader);
         };
+        this.collapse = undefined;
+        this.translucent = false;
     }
     componentWillLoad() {
         this.inheritedAttributes = inheritAriaAttributes(this.el);

package/components/ion-accordion-group.js

@@ -18,26 +18,11 @@ const AccordionGroup = /*@__PURE__*/ proxyCustomElement(class AccordionGroup ext
         this.__attachShadow();
         this.ionChange = createEvent(this, "ionChange", 7);
         this.ionValueChange = createEvent(this, "ionValueChange", 7);
-        /**
-         * If `true`, all accordions inside of the
-         * accordion group will animate when expanding
-         * or collapsing.
-         */
         this.animated = true;
-        /**
-         * If `true`, the accordion group cannot be interacted with.
-         */
+        this.multiple = undefined;
+        this.value = undefined;
         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() {

package/components/ion-accordion.js

@@ -19,34 +19,6 @@ const Accordion = /*@__PURE__*/ proxyCustomElement(class Accordion extends HTMLE
         this.__registerHost();
         this.__attachShadow();
         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) {
@@ -261,6 +233,14 @@ const Accordion = /*@__PURE__*/ proxyCustomElement(class Accordion extends HTMLE
             }
             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();

package/components/ion-back-button.js

@@ -21,14 +21,6 @@ const BackButton = /*@__PURE__*/ proxyCustomElement(class BackButton extends HTM
         this.__registerHost();
         this.__attachShadow();
         this.inheritedAttributes = {};
-        /**
-         * If `true`, the user cannot interact with the button.
-         */
-        this.disabled = false;
-        /**
-         * The type of the button.
-         */
-        this.type = 'button';
         this.onClick = async (ev) => {
             const nav = this.el.closest('ion-nav');
             ev.preventDefault();
@@ -37,6 +29,13 @@ const BackButton = /*@__PURE__*/ proxyCustomElement(class BackButton extends HTM
             }
             return openURL(this.defaultHref, ev, 'back', this.routerAnimation);
         };
+        this.color = undefined;
+        this.defaultHref = undefined;
+        this.disabled = false;
+        this.icon = undefined;
+        this.text = undefined;
+        this.type = 'button';
+        this.routerAnimation = undefined;
     }
     componentWillLoad() {
         this.inheritedAttributes = inheritAriaAttributes(this.el);

package/components/ion-badge.js

@@ -16,6 +16,7 @@ const Badge = /*@__PURE__*/ proxyCustomElement(class Badge extends HTMLElement {
         super();
         this.__registerHost();
         this.__attachShadow();
+        this.color = undefined;
     }
     render() {
         const mode = getIonMode(this);

package/components/ion-breadcrumb.js

@@ -23,23 +23,6 @@ const Breadcrumb = /*@__PURE__*/ proxyCustomElement(class Breadcrumb extends HTM
         this.ionBlur = createEvent(this, "ionBlur", 7);
         this.collapsedClick = createEvent(this, "collapsedClick", 7);
         this.inheritedAttributes = {};
-        /** @internal */
-        this.collapsed = false;
-        /**
-         * If `true`, the breadcrumb will take on a different look to show that
-         * it is the currently active breadcrumb. Defaults to `true` for the
-         * last breadcrumb if it is not set on any.
-         */
-        this.active = false;
-        /**
-         * If `true`, the user cannot interact with the breadcrumb.
-         */
-        this.disabled = false;
-        /**
-         * When using a router, it specifies the transition direction when navigating to
-         * another page using `href`.
-         */
-        this.routerDirection = 'forward';
         this.onFocus = () => {
             this.ionFocus.emit();
         };
@@ -49,6 +32,19 @@ const Breadcrumb = /*@__PURE__*/ proxyCustomElement(class Breadcrumb extends HTM
         this.collapsedIndicatorClick = () => {
             this.collapsedClick.emit({ ionShadowTarget: this.collapsedRef });
         };
+        this.collapsed = false;
+        this.last = undefined;
+        this.showCollapsedIndicator = undefined;
+        this.color = undefined;
+        this.active = false;
+        this.disabled = false;
+        this.download = undefined;
+        this.href = undefined;
+        this.rel = undefined;
+        this.separator = undefined;
+        this.target = undefined;
+        this.routerDirection = 'forward';
+        this.routerAnimation = undefined;
     }
     componentWillLoad() {
         this.inheritedAttributes = inheritAriaAttributes(this.el);

package/components/ion-breadcrumbs.js

@@ -17,18 +17,6 @@ const Breadcrumbs = /*@__PURE__*/ proxyCustomElement(class Breadcrumbs extends H
         this.__registerHost();
         this.__attachShadow();
         this.ionCollapsedClick = createEvent(this, "ionCollapsedClick", 7);
-        /**
-         * The number of breadcrumbs to show before the collapsed indicator.
-         * If `itemsBeforeCollapse` + `itemsAfterCollapse` is greater than `maxItems`,
-         * the breadcrumbs will not be collapsed.
-         */
-        this.itemsBeforeCollapse = 1;
-        /**
-         * The number of breadcrumbs to show after the collapsed indicator.
-         * If `itemsBeforeCollapse` + `itemsAfterCollapse` is greater than `maxItems`,
-         * the breadcrumbs will not be collapsed.
-         */
-        this.itemsAfterCollapse = 1;
         this.breadcrumbsInit = () => {
             this.setBreadcrumbSeparator();
             this.setMaxItems();
@@ -102,6 +90,12 @@ const Breadcrumbs = /*@__PURE__*/ proxyCustomElement(class Breadcrumbs extends H
             this.resetActiveBreadcrumb();
             this.breadcrumbsInit();
         };
+        this.collapsed = undefined;
+        this.activeChanged = undefined;
+        this.color = undefined;
+        this.maxItems = undefined;
+        this.itemsBeforeCollapse = 1;
+        this.itemsAfterCollapse = 1;
     }
     onCollapsedClick(ev) {
         const breadcrumbs = this.getBreadcrumbs();

package/components/ion-card-header.js

@@ -16,11 +16,7 @@ const CardHeader = /*@__PURE__*/ proxyCustomElement(class CardHeader extends HTM
         super();
         this.__registerHost();
         this.__attachShadow();
-        /**
-         * If `true`, the card header 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.translucent = false;
     }
     render() {

package/components/ion-card-subtitle.js

@@ -16,6 +16,7 @@ const CardSubtitle = /*@__PURE__*/ proxyCustomElement(class CardSubtitle extends
         super();
         this.__registerHost();
         this.__attachShadow();
+        this.color = undefined;
     }
     render() {
         const mode = getIonMode(this);

package/components/ion-card-title.js

@@ -16,6 +16,7 @@ const CardTitle = /*@__PURE__*/ proxyCustomElement(class CardTitle extends HTMLE
         super();
         this.__registerHost();
         this.__attachShadow();
+        this.color = undefined;
     }
     render() {
         const mode = getIonMode(this);

package/components/ion-card.js

@@ -19,23 +19,16 @@ const Card = /*@__PURE__*/ proxyCustomElement(class Card extends HTMLElement {
         this.__registerHost();
         this.__attachShadow();
         this.inheritedAriaAttributes = {};
-        /**
-         * If `true`, a button tag will be rendered and the card will be tappable.
-         */
+        this.color = undefined;
         this.button = false;
-        /**
-         * The type of the button. Only used when an `onclick` or `button` property is present.
-         */
         this.type = 'button';
-        /**
-         * If `true`, the user cannot interact with the card.
-         */
         this.disabled = false;
-        /**
-         * When using a router, it specifies the transition direction when navigating to
-         * another page using `href`.
-         */
+        this.download = undefined;
+        this.href = undefined;
+        this.rel = undefined;
         this.routerDirection = 'forward';
+        this.routerAnimation = undefined;
+        this.target = undefined;
     }
     componentWillLoad() {
         this.inheritedAriaAttributes = inheritAttributes(this.el, ['aria-label']);

package/components/ion-chip.js

@@ -17,13 +17,8 @@ const Chip = /*@__PURE__*/ proxyCustomElement(class Chip extends HTMLElement {
         super();
         this.__registerHost();
         this.__attachShadow();
-        /**
-         * Display an outline style button.
-         */
+        this.color = undefined;
         this.outline = false;
-        /**
-         * If `true`, the user cannot interact with the chip.
-         */
         this.disabled = false;
     }
     render() {