@esri/calcite-components 1.0.0-next.647 → 1.0.0-next.649

package/dist/components/tab-title.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
 import { proxyCustomElement, HTMLElement, createEvent, Build, h, Host } from '@stencil/core/internal/client/index.js';
 import { g as guid } from './guid.js';
@@ -27,42 +27,28 @@ const TabTitle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.calciteInternalTabIconChanged = createEvent(this, "calciteInternalTabIconChanged", 6);
     //--------------------------------------------------------------------------
     //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * When `true`, the component and its respective `calcite-tab` contents are selected.
-     *
-     * Only one tab can be selected within the `calcite-tabs` parent.
-     *
-     * @deprecated Use `selected` instead.
-     */
-    this.active = false;
-    /**
-     * When `true`, the component and its respective `calcite-tab` contents are selected.
-     *
-     * Only one tab can be selected within the `calcite-tabs` parent.
-     */
-    this.selected = false;
-    /** When `true`, interaction is prevented and the component is displayed with lower opacity.  */
-    this.disabled = false;
-    /**
-     * @internal
-     */
-    this.bordered = false;
-    //--------------------------------------------------------------------------
-    //
     //  Private State/Props
     //
     //--------------------------------------------------------------------------
     /** watches for changing text content */
     this.mutationObserver = createObserver("mutation", () => this.updateHasText());
-    /** determine if there is slotted text for styling purposes */
-    this.hasText = false;
     this.resizeObserver = createObserver("resize", () => {
       this.calciteInternalTabIconChanged.emit();
     });
     this.guid = `calcite-tab-title-${guid()}`;
+    this.active = false;
+    this.selected = false;
+    this.disabled = false;
+    this.iconEnd = undefined;
+    this.iconFlipRtl = undefined;
+    this.iconStart = undefined;
+    this.layout = undefined;
+    this.position = undefined;
+    this.scale = undefined;
+    this.bordered = false;
+    this.tab = undefined;
+    this.controls = undefined;
+    this.hasText = false;
   }
   activeHandler(value) {
     this.selected = value;

package/dist/components/tab.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { g as guid } from './guid.js';
@@ -15,25 +15,12 @@ const Tab = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__registerHost();
     this.__attachShadow();
     this.calciteInternalTabRegister = createEvent(this, "calciteInternalTabRegister", 6);
-    /**
-     * When `true`, the component's contents are selected.
-     *
-     * Only one tab can be selected within the `calcite-tabs` parent.
-     *
-     * @deprecated Use `selected` instead.
-     */
+    this.guid = `calcite-tab-title-${guid()}`;
+    this.tab = undefined;
     this.active = false;
-    /**
-     * When `true`, the component's contents are selected.
-     *
-     * Only one tab can be selected within the `calcite-tabs` parent.
-     */
     this.selected = false;
-    /**
-     * @internal
-     */
     this.scale = "m";
-    this.guid = `calcite-tab-title-${guid()}`;
+    this.labeledBy = undefined;
   }
   activeHandler(value) {
     this.selected = value;

package/dist/components/tabs.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client/index.js';
 
@@ -16,48 +16,11 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     super();
     this.__registerHost();
     this.__attachShadow();
-    //--------------------------------------------------------------------------
-    //
-    //  Public Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Specifies the layout of the `calcite-tab-nav`, justifying the `calcite-tab-title`s to the start (`"inline"`), or across and centered (`"center"`).
-     */
     this.layout = "inline";
-    /**
-     * Specifies the position of the component in relation to the `calcite-tab`s. The `"above"` and `"below"` values are deprecated.
-     *
-     */
     this.position = "top";
-    /**
-     * Specifies the size of the component.
-     */
     this.scale = "m";
-    /**
-     * When `true`, the component will display with a folder style menu.
-     */
     this.bordered = false;
-    //--------------------------------------------------------------------------
-    //
-    //  Events
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Private State/Props
-    //
-    //--------------------------------------------------------------------------
-    /**
-     *
-     * Stores an array of ids of `<calcite-tab-titles>`s to match up ARIA
-     * attributes.
-     */
     this.titles = [];
-    /**
-     *
-     * Stores an array of ids of `<calcite-tab>`s to match up ARIA attributes.
-     */
     this.tabs = [];
   }
   //--------------------------------------------------------------------------

package/dist/components/tile.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client/index.js';
 import { b as getSlotted } from './dom.js';
@@ -22,33 +22,15 @@ const Tile = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     super();
     this.__registerHost();
     this.__attachShadow();
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * When `true`, the component is active.
-     */
     this.active = false;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
+    this.description = undefined;
     this.disabled = false;
-    /**
-     * The component's embed mode.
-     *
-     * When `true`, renders without a border and padding for use by other components.
-     */
     this.embed = false;
-    /**
-     * The focused state of the component.
-     *
-     * @internal
-     */
     this.focused = false;
-    /** When `true`, the component is not displayed and is not focusable.  */
+    this.heading = undefined;
     this.hidden = false;
+    this.href = undefined;
+    this.icon = undefined;
   }
   // --------------------------------------------------------------------------
   //

package/dist/components/time-picker.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { n as numberKeys, i as isActivationKey } from './key.js';
@@ -243,96 +243,6 @@ const TimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.calciteInternalTimePickerBlur = createEvent(this, "calciteInternalTimePickerBlur", 6);
     this.calciteInternalTimePickerChange = createEvent(this, "calciteInternalTimePickerChange", 6);
     this.calciteInternalTimePickerFocus = createEvent(this, "calciteInternalTimePickerFocus", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Accessible name for the component's hour input.
-     *
-     * @default "Hour"
-     */
-    this.intlHour = TEXT.hour;
-    /**
-     * Accessible name for the component's hour down button.
-     *
-     * @default "Decrease hour"
-     */
-    this.intlHourDown = TEXT.hourDown;
-    /**
-     * Accessible name for the component's hour up button.
-     *
-     * @default "Increase hour"
-     */
-    this.intlHourUp = TEXT.hourUp;
-    /**
-     * Accessible name for the component's meridiem (AM/PM) input.
-     *
-     * @default "AM/PM"
-     */
-    this.intlMeridiem = TEXT.meridiem;
-    /**
-     * Accessible name for the component's meridiem (AM/PM) down button.
-     *
-     * @default "Decrease AM/PM"
-     */
-    this.intlMeridiemDown = TEXT.meridiemDown;
-    /**
-     * Accessible name for the component's meridiem (AM/PM) up button.
-     *
-     * @default "Increase AM/PM"
-     */
-    this.intlMeridiemUp = TEXT.meridiemUp;
-    /**
-     * Accessible name for the component's minute input.
-     *
-     * @default "Minute"
-     */
-    this.intlMinute = TEXT.minute;
-    /**
-     * Accessible name for the component's minute down button.
-     *
-     * @default "Decrease minute"
-     */
-    this.intlMinuteDown = TEXT.minuteDown;
-    /**
-     * Accessible name for the component's minute up button.
-     *
-     * @default "Increase minute"
-     */
-    this.intlMinuteUp = TEXT.minuteUp;
-    /**
-     * Accessible name for the component's second input.
-     *
-     * @default "Second"
-     */
-    this.intlSecond = TEXT.second;
-    /**
-     * Accessible name for the component's second down button.
-     *
-     * @default "Decrease second"
-     */
-    this.intlSecondDown = TEXT.secondDown;
-    /**
-     * Accessible name for the component's second up button.
-     *
-     * @default "Increase second"
-     */
-    this.intlSecondUp = TEXT.secondUp;
-    /** Specifies the size of the component. */
-    this.scale = "m";
-    /** Specifies the granularity the `value` must adhere to (in seconds). */
-    this.step = 60;
-    /** The component's value in UTC (always 24-hour format). */
-    this.value = null;
-    // --------------------------------------------------------------------------
-    //
-    //  State
-    //
-    // --------------------------------------------------------------------------
-    this.effectiveLocale = "";
-    this.showSecond = this.step < 60;
     this.decrementHour = () => {
       const newHour = !this.hour ? 0 : this.hour === "00" ? 23 : parseInt(this.hour) - 1;
       this.setValuePart("hour", newHour);
@@ -670,6 +580,37 @@ const TimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         this.calciteInternalTimePickerChange.emit();
       }
     };
+    this.intlHour = TEXT.hour;
+    this.intlHourDown = TEXT.hourDown;
+    this.intlHourUp = TEXT.hourUp;
+    this.intlMeridiem = TEXT.meridiem;
+    this.intlMeridiemDown = TEXT.meridiemDown;
+    this.intlMeridiemUp = TEXT.meridiemUp;
+    this.intlMinute = TEXT.minute;
+    this.intlMinuteDown = TEXT.minuteDown;
+    this.intlMinuteUp = TEXT.minuteUp;
+    this.intlSecond = TEXT.second;
+    this.intlSecondDown = TEXT.secondDown;
+    this.intlSecondUp = TEXT.secondUp;
+    this.locale = undefined;
+    this.scale = "m";
+    this.step = 60;
+    this.numberingSystem = undefined;
+    this.value = null;
+    this.effectiveLocale = "";
+    this.hour = undefined;
+    this.hourCycle = undefined;
+    this.localizedHour = undefined;
+    this.localizedHourSuffix = undefined;
+    this.localizedMeridiem = undefined;
+    this.localizedMinute = undefined;
+    this.localizedMinuteSuffix = undefined;
+    this.localizedSecond = undefined;
+    this.localizedSecondSuffix = undefined;
+    this.meridiem = undefined;
+    this.minute = undefined;
+    this.second = undefined;
+    this.showSecond = this.step < 60;
   }
   localeChanged() {
     updateEffectiveLocale(this);

package/dist/components/tooltip.js

@@ -1,11 +1,11 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { g as guid } from './guid.js';
-import { b as defaultOffsetDistance, c as connectFloatingUI, u as updateAfterClose, a as disconnectFloatingUI, r as reposition, F as FloatingCSS } from './floating-ui.js';
+import { c as connectFloatingUI, b as defaultOffsetDistance, u as updateAfterClose, a as disconnectFloatingUI, r as reposition, F as FloatingCSS } from './floating-ui.js';
 import { i as isPrimaryPointerButton, q as queryElementRoots, t as toAriaBoolean } from './dom.js';
 import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent.js';
 
@@ -188,42 +188,6 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.calciteTooltipClose = createEvent(this, "calciteTooltipClose", 6);
     this.calciteTooltipBeforeOpen = createEvent(this, "calciteTooltipBeforeOpen", 6);
     this.calciteTooltipOpen = createEvent(this, "calciteTooltipOpen", 6);
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /** Closes the component when the `referenceElement` is clicked. */
-    this.closeOnClick = false;
-    /**
-     * Offset the position of the component away from the `referenceElement`.
-     *
-     * @default 6
-     */
-    this.offsetDistance = defaultOffsetDistance;
-    /**
-     * Offset the position of the component along the `referenceElement`.
-     */
-    this.offsetSkidding = 0;
-    /**
-     * When `true`, the component is open.
-     */
-    this.open = false;
-    /**
-     * Determines the type of positioning to use for the overlaid content.
-     *
-     * Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.
-     *
-     * The `"fixed"` value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     *
-     */
-    this.overlayPositioning = "absolute";
-    /**
-     * Determines where the component will be positioned relative to the `referenceElement`.
-     *
-     * @see [LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)
-     */
-    this.placement = "auto";
     this.guid = `calcite-tooltip-${guid()}`;
     this.hasLoaded = false;
     this.openTransitionProp = "opacity";
@@ -267,6 +231,15 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       }
       manager.unregisterElement(effectiveReferenceElement);
     };
+    this.closeOnClick = false;
+    this.label = undefined;
+    this.offsetDistance = defaultOffsetDistance;
+    this.offsetSkidding = 0;
+    this.open = false;
+    this.overlayPositioning = "absolute";
+    this.placement = "auto";
+    this.referenceElement = undefined;
+    this.effectiveReferenceElement = undefined;
   }
   offsetDistanceOffsetHandler() {
     this.reposition(true);

package/dist/components/utils.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
 function rgbToHex(color) {
   const { r, g, b } = color;

package/dist/components/utils2.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
 import { n as nodeListToArray } from './dom.js';
 import { Build } from '@stencil/core/internal/client/index.js';

package/dist/esm/{ExpandToggle-56d1f0f0.js → ExpandToggle-f8eb221a.js}

@@ -1,12 +1,12 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
-import { f as forceUpdate, h } from './index-c6d69d86.js';
-import { a as getElementDir } from './dom-df543551.js';
-import { S as SLOTS } from './resources-bae0d589.js';
-import { S as SLOTS$1 } from './resources-cdb071c0.js';
+import { f as forceUpdate, h } from './index-d4c908c6.js';
+import { a as getElementDir } from './dom-53c74dbf.js';
+import { S as SLOTS } from './resources-8d698f58.js';
+import { S as SLOTS$1 } from './resources-923c5833.js';
 
 const overflowActionsDebounceInMs = 150;
 const groupBufferPx = 2;

package/dist/esm/{Heading-680eaccf.js → Heading-d24a31c2.js}

@@ -1,9 +1,9 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
-import { h } from './index-c6d69d86.js';
+import { h } from './index-d4c908c6.js';
 
 function constrainHeadingLevel(level) {
   return Math.min(Math.max(Math.ceil(level), 1), 6);

package/dist/esm/{app-globals-4729bdca.js → app-globals-4a355973.js}

@@ -1,9 +1,9 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
-import { d as darkTheme, a as autoTheme } from './resources-34a80758.js';
+import { d as darkTheme, a as autoTheme } from './resources-31e2614a.js';
 
 /**
  * Emits when the theme is dynamically toggled between light and dark on <body> or in OS preferences.

package/dist/esm/{array-a701c716.js → array-4b1788f5.js}

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
 function getRoundRobinIndex(index, total) {
   return (index + total) % total;

package/dist/esm/calcite-accordion_2.entry.js

@@ -1,14 +1,14 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-c6d69d86.js';
-import { h as getElementProp, g as getSlotted, a as getElementDir, t as toAriaBoolean } from './dom-df543551.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-481251d8.js';
-import { C as CSS_UTILITY } from './resources-34a80758.js';
-import './guid-59a872ce.js';
-import './observers-7fa5fbcb.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-d4c908c6.js';
+import { h as getElementProp, g as getSlotted, a as getElementDir, t as toAriaBoolean } from './dom-53c74dbf.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-6ccf2844.js';
+import { C as CSS_UTILITY } from './resources-31e2614a.js';
+import './guid-9344597e.js';
+import './observers-4d673b8c.js';
 
 const accordionCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-accordion-item-spacing-unit:0.25rem;--calcite-accordion-icon-margin:0.5rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-accordion-item-spacing-unit:0.5rem;--calcite-accordion-icon-margin:0.75rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-accordion-item-spacing-unit:0.75rem;--calcite-accordion-icon-margin:1rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:block;max-inline-size:100%;line-height:1.5rem;--calcite-accordion-item-border:var(--calcite-ui-border-2);--calcite-accordion-item-background:var(--calcite-ui-foreground-1)}.accordion--transparent{--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}.accordion--minimal{--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0}.accordion{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-ui-border-2)}";
 
@@ -18,24 +18,6 @@ const Accordion = class {
     this.calciteInternalAccordionChange = createEvent(this, "calciteInternalAccordionChange", 6);
     //--------------------------------------------------------------------------
     //
-    //  Public Properties
-    //
-    //--------------------------------------------------------------------------
-    /** Specifies the appearance of the component. */
-    this.appearance = "solid";
-    /** Specifies the placement of the icon in the header. */
-    this.iconPosition = "end";
-    /** Specifies the type of the icon in the header. */
-    this.iconType = "chevron";
-    /** Specifies the size of the component. */
-    this.scale = "m";
-    /**
-     * Specifies the selection mode - "multiple" (allow any number of open items), "single" (allow one open item),
-     * or "single-persist" (allow and require one open item).
-     */
-    this.selectionMode = "multi";
-    //--------------------------------------------------------------------------
-    //
     //  Private State/Props
     //
     //--------------------------------------------------------------------------
@@ -44,6 +26,11 @@ const Accordion = class {
     /** keep track of whether the items have been sorted so we don't re-sort */
     this.sorted = false;
     this.sortItems = (items) => items.sort((a, b) => a.position - b.position).map((a) => a.item);
+    this.appearance = "solid";
+    this.iconPosition = "end";
+    this.iconType = "chevron";
+    this.scale = "m";
+    this.selectionMode = "multi";
   }
   //--------------------------------------------------------------------------
   //
@@ -186,35 +173,15 @@ const AccordionItem = class {
     this.calciteInternalAccordionItemSelect = createEvent(this, "calciteInternalAccordionItemSelect", 6);
     this.calciteInternalAccordionItemClose = createEvent(this, "calciteInternalAccordionItemClose", 6);
     this.calciteInternalAccordionItemRegister = createEvent(this, "calciteInternalAccordionItemRegister", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Public Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * When `true`, the component is active.
-     *
-     * @deprecated use `expanded` instead.
-     */
-    this.active = false;
-    /** When `true`, the component is expanded. */
-    this.expanded = false;
     /** what icon position does the parent accordion specify */
     this.iconPosition = "end";
     /** handle clicks on item header */
     this.itemHeaderClickHandler = () => this.emitRequestedItem();
-  }
-  activeHandler(value) {
-    this.expanded = value;
-  }
-  expandedHandler(value) {
-    this.active = value;
-  }
-  iconHandler(value) {
-    this.iconStart = value;
-  }
-  iconStartHandler(value) {
-    this.icon = value;
+    this.expanded = false;
+    this.heading = undefined;
+    this.description = undefined;
+    this.iconStart = undefined;
+    this.iconEnd = undefined;
   }
   //--------------------------------------------------------------------------
   //
@@ -226,17 +193,6 @@ const AccordionItem = class {
     this.selectionMode = getElementProp(this.el, "selection-mode", "multi");
     this.iconType = getElementProp(this.el, "icon-type", "chevron");
     this.iconPosition = getElementProp(this.el, "icon-position", this.iconPosition);
-    const isExpanded = this.active || this.expanded;
-    if (isExpanded) {
-      this.activeHandler(isExpanded);
-      this.expandedHandler(isExpanded);
-    }
-    if (this.iconStart) {
-      this.icon = this.iconStart;
-    }
-    else if (this.icon) {
-      this.iconStart = this.icon;
-    }
     connectConditionalSlotComponent(this);
   }
   componentDidLoad() {
@@ -266,15 +222,15 @@ const AccordionItem = class {
     const dir = getElementDir(this.el);
     const iconStartEl = this.iconStart ? (h("calcite-icon", { class: CSS.iconStart, icon: this.iconStart, key: "icon-start", scale: "s" })) : null;
     const iconEndEl = this.iconEnd ? (h("calcite-icon", { class: CSS.iconEnd, icon: this.iconEnd, key: "icon-end", scale: "s" })) : null;
-    const description = this.description || this.itemSubtitle;
+    const { description } = this;
     return (h(Host, null, h("div", { class: {
         [`icon-position--${this.iconPosition}`]: true,
         [`icon-type--${this.iconType}`]: true
-      } }, h("div", { class: { [CSS.header]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.renderActionsStart(), h("div", { "aria-expanded": toAriaBoolean(this.active || this.expanded), class: CSS.headerContent, onClick: this.itemHeaderClickHandler, role: "button", tabindex: "0" }, h("div", { class: CSS.headerContainer }, iconStartEl, h("div", { class: CSS.headerText }, h("span", { class: CSS.heading }, this.heading || this.itemTitle), description ? h("span", { class: CSS.description }, description) : null), iconEndEl), h("calcite-icon", { class: CSS.expandIcon, icon: this.iconType === "chevron"
+      } }, h("div", { class: { [CSS.header]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.renderActionsStart(), h("div", { "aria-expanded": toAriaBoolean(this.expanded), class: CSS.headerContent, onClick: this.itemHeaderClickHandler, role: "button", tabindex: "0" }, h("div", { class: CSS.headerContainer }, iconStartEl, h("div", { class: CSS.headerText }, h("span", { class: CSS.heading }, this.heading), description ? h("span", { class: CSS.description }, description) : null), iconEndEl), h("calcite-icon", { class: CSS.expandIcon, icon: this.iconType === "chevron"
         ? "chevronDown"
         : this.iconType === "caret"
           ? "caretDown"
-          : this.expanded || this.active
+          : this.expanded
             ? "minus"
             : "plus", scale: "s" })), this.renderActionsEnd()), h("div", { class: CSS.content }, h("slot", null)))));
   }
@@ -343,12 +299,6 @@ const AccordionItem = class {
     return Array.prototype.indexOf.call(this.parent.querySelectorAll("calcite-accordion-item"), this.el);
   }
   get el() { return getElement(this); }
-  static get watchers() { return {
-    "active": ["activeHandler"],
-    "expanded": ["expandedHandler"],
-    "icon": ["iconHandler"],
-    "iconStart": ["iconStartHandler"]
-  }; }
 };
 AccordionItem.style = accordionItemCss;