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

package/dist/components/action.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.648
  */
 import { proxyCustomElement, HTMLElement, forceUpdate, h, Host } from '@stencil/core/internal/client/index.js';
 import { c as createObserver } from './observers.js';
@@ -35,47 +35,6 @@ const Action = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     super();
     this.__registerHost();
     this.__attachShadow();
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * When `true`, the component is highlighted.
-     */
-    this.active = false;
-    /** Specifies the appearance of the component. */
-    this.appearance = "solid";
-    /**
-     * When `true`, the side padding of the component is reduced. Compact mode is used internally by components, e.g. `calcite-block-section`.
-     */
-    this.compact = false;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    this.disabled = false;
-    /**
-     * When `true`, indicates unread changes.
-     */
-    this.indicator = false;
-    /**
-     * Specifies the text label to display while loading.
-     *
-     * @default "Loading"
-     */
-    this.intlLoading = TEXT.loading;
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    this.loading = false;
-    /**
-     * Specifies the size of the component.
-     */
-    this.scale = "m";
-    /**
-     * Indicates whether the text is displayed.
-     */
-    this.textEnabled = false;
     this.mutationObserver = createObserver("mutation", () => forceUpdate(this));
     // --------------------------------------------------------------------------
     //
@@ -93,6 +52,19 @@ const Action = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         tooltip.referenceElement = this.buttonEl;
       }
     };
+    this.active = false;
+    this.alignment = undefined;
+    this.appearance = "solid";
+    this.compact = false;
+    this.disabled = false;
+    this.icon = undefined;
+    this.indicator = false;
+    this.intlLoading = TEXT.loading;
+    this.label = undefined;
+    this.loading = false;
+    this.scale = "m";
+    this.text = undefined;
+    this.textEnabled = false;
   }
   // --------------------------------------------------------------------------
   //

package/dist/components/array.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.648
  */
 function getRoundRobinIndex(index, total) {
   return (index + total) % total;

package/dist/components/button.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.648
  */
 import { proxyCustomElement, HTMLElement as HTMLElement$1, Build, h } from '@stencil/core/internal/client/index.js';
 import { o as closestElementCrossShadowBoundary } from './dom.js';
@@ -66,49 +66,8 @@ const Button = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
     super();
     this.__registerHost();
     this.__attachShadow();
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /** Specifies the alignment of the component's elements. */
-    this.alignment = "center";
-    /** Specifies the appearance style of the component. */
-    this.appearance = "solid";
-    /** Specifies the color of the component. */
-    this.color = "blue";
-    /**  When `true`, interaction is prevented and the component is displayed with lower opacity. */
-    this.disabled = false;
-    /**
-     * Accessible name when the component is loading.
-     *
-     * @default "Loading"
-     */
-    this.intlLoading = TEXT.loading;
-    /**
-     * When `true`, a busy indicator is displayed and interaction is disabled.
-     */
-    this.loading = false;
-    /** When `true`, adds a round style to the component. */
-    this.round = false;
-    /** Specifies the size of the component. */
-    this.scale = "m";
-    /** Specifies if the component is a child of a `calcite-split-button`. */
-    this.splitChild = false;
-    /**
-     * Specifies the default behavior of the button.
-     *
-     * @mdn [type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type)
-     */
-    this.type = "button";
-    /** Specifies the width of the component. */
-    this.width = "auto";
     /** watches for changing text content */
     this.mutationObserver = createObserver("mutation", () => this.updateHasContent());
-    /** determine if there is slotted content for styling purposes */
-    this.hasContent = false;
-    /** determine if loader present for styling purposes */
-    this.hasLoader = false;
     // act on a requested or nearby form based on type
     this.handleClick = () => {
       const { type } = this;
@@ -123,6 +82,28 @@ const Button = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
         resetForm(this);
       }
     };
+    this.alignment = "center";
+    this.appearance = "solid";
+    this.label = undefined;
+    this.color = "blue";
+    this.disabled = false;
+    this.href = undefined;
+    this.iconEnd = undefined;
+    this.iconFlipRtl = undefined;
+    this.iconStart = undefined;
+    this.intlLoading = TEXT.loading;
+    this.loading = false;
+    this.name = undefined;
+    this.rel = undefined;
+    this.form = undefined;
+    this.round = false;
+    this.scale = "m";
+    this.splitChild = false;
+    this.target = undefined;
+    this.type = "button";
+    this.width = "auto";
+    this.hasContent = false;
+    this.hasLoader = false;
   }
   loadingChanged(newValue, oldValue) {
     if (!!newValue && !oldValue) {

package/dist/components/calcite-accordion-item.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.648
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { g as getElementProp, b as getSlotted, c as getElementDir, C as CSS_UTILITY, t as toAriaBoolean } from './dom.js';
@@ -39,35 +39,15 @@ const AccordionItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     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;
   }
   //--------------------------------------------------------------------------
   //
@@ -79,17 +59,6 @@ const AccordionItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     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() {
@@ -119,15 +88,15 @@ const AccordionItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     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)))));
   }
@@ -196,21 +165,11 @@ const AccordionItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     return Array.prototype.indexOf.call(this.parent.querySelectorAll("calcite-accordion-item"), this.el);
   }
   get el() { return this; }
-  static get watchers() { return {
-    "active": ["activeHandler"],
-    "expanded": ["expandedHandler"],
-    "icon": ["iconHandler"],
-    "iconStart": ["iconStartHandler"]
-  }; }
   static get style() { return accordionItemCss; }
 }, [1, "calcite-accordion-item", {
-    "active": [1540],
     "expanded": [1540],
-    "itemTitle": [1, "item-title"],
-    "itemSubtitle": [1, "item-subtitle"],
     "heading": [1],
     "description": [1],
-    "icon": [1537],
     "iconStart": [513, "icon-start"],
     "iconEnd": [513, "icon-end"]
   }, [[0, "keydown", "keyDownHandler"], [16, "calciteInternalAccordionChange", "updateActiveItemOnChange"]]]);

package/dist/components/calcite-accordion.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.648
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 
@@ -15,24 +15,6 @@ const Accordion = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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
     //
     //--------------------------------------------------------------------------
@@ -41,6 +23,11 @@ const Accordion = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     /** 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";
   }
   //--------------------------------------------------------------------------
   //

package/dist/components/calcite-action-bar.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.648
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { t as toggleChildActionText, o as overflowActionsDebounceInMs, q as queryActions, g as geActionDimensions, a as overflowActions, E as ExpandToggle, b as getOverflowCount } from './ExpandToggle.js';
@@ -37,27 +37,6 @@ const ActionBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__registerHost();
     this.__attachShadow();
     this.calciteActionBarToggle = createEvent(this, "calciteActionBarToggle", 6);
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * When `true`, the expand-toggling behavior is disabled.
-     */
-    this.expandDisabled = false;
-    /**
-     * When `true`, the component is expanded.
-     */
-    this.expanded = false;
-    /**
-     *  The layout direction of the actions.
-     */
-    this.layout = "vertical";
-    /**
-     * Disables automatically overflowing `calcite-action`s that won't fit into menus.
-     */
-    this.overflowActionsDisabled = false;
     this.mutationObserver = createObserver("mutation", () => {
       const { el, expanded } = this;
       toggleChildActionText({ parent: el, expanded });
@@ -125,6 +104,14 @@ const ActionBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.setExpandToggleRef = (el) => {
       this.expandToggleEl = el;
     };
+    this.expandDisabled = false;
+    this.expanded = false;
+    this.intlExpand = undefined;
+    this.intlCollapse = undefined;
+    this.layout = "vertical";
+    this.overflowActionsDisabled = false;
+    this.position = undefined;
+    this.scale = undefined;
   }
   expandHandler() {
     this.conditionallyOverflowActions();

package/dist/components/calcite-action-group.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.648
  */
 import { A as ActionGroup, d as defineCustomElement$1 } from './action-group.js';
 

package/dist/components/calcite-action-menu.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.648
  */
 import { A as ActionMenu, d as defineCustomElement$1 } from './action-menu.js';
 

package/dist/components/calcite-action-pad.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.648
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { t as toggleChildActionText, E as ExpandToggle } from './ExpandToggle.js';
@@ -37,23 +37,6 @@ const ActionPad = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.calciteActionPadToggle = createEvent(this, "calciteActionPadToggle", 6);
     // --------------------------------------------------------------------------
     //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * When `true`, the expand-toggling behavior is disabled.
-     */
-    this.expandDisabled = false;
-    /**
-     * When `true`, the component is expanded.
-     */
-    this.expanded = false;
-    /**
-     * Indicates the layout of the component.
-     */
-    this.layout = "vertical";
-    // --------------------------------------------------------------------------
-    //
     //  Private Methods
     //
     // --------------------------------------------------------------------------
@@ -74,6 +57,13 @@ const ActionPad = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.setExpandToggleRef = (el) => {
       this.expandToggleEl = el;
     };
+    this.expandDisabled = false;
+    this.expanded = false;
+    this.layout = "vertical";
+    this.intlExpand = undefined;
+    this.intlCollapse = undefined;
+    this.position = undefined;
+    this.scale = undefined;
   }
   expandedHandler(expanded) {
     toggleChildActionText({ parent: this.el, expanded });

package/dist/components/calcite-action.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.648
  */
 import { A as Action, d as defineCustomElement$1 } from './action.js';
 

package/dist/components/calcite-alert.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.648
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { s as slotChangeHasAssignedElement, e as setRequestedIcon, t as toAriaBoolean, b as getSlotted } from './dom.js';
@@ -44,42 +44,6 @@ const Alert = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.calciteAlertOpen = createEvent(this, "calciteAlertOpen", 6);
     this.calciteInternalAlertSync = createEvent(this, "calciteInternalAlertSync", 6);
     this.calciteInternalAlertRegister = createEvent(this, "calciteInternalAlertRegister", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //---------------------------------------------------------------------------
-    /** When `true`, displays and positions the component. */
-    this.open = false;
-    /** When `true`, the component closes automatically (recommended for passive, non-blocking alerts). */
-    this.autoDismiss = false;
-    /** Specifies the duration before the component automatically closes (only use with `autoDismiss`). */
-    this.autoDismissDuration = this.autoDismiss ? "medium" : null;
-    /** Specifies the color for the component (will apply to top border and icon). */
-    this.color = "blue";
-    /**
-     * Specifies the text label for the close button.
-     *
-     * @default "Close"
-     */
-    this.intlClose = TEXT.intlClose;
-    /** Specifies the placement of the component */
-    this.placement = "bottom";
-    /** Specifies the size of the component. */
-    this.scale = "m";
-    //--------------------------------------------------------------------------
-    //
-    //  Private State/Props
-    //
-    //--------------------------------------------------------------------------
-    this.effectiveLocale = "";
-    this.hasEndActions = false;
-    /** the list of queued alerts */
-    this.queue = [];
-    /** the count of queued alerts */
-    this.queueLength = 0;
-    /** is the alert queued */
-    this.queued = false;
     this.autoDismissTimeoutId = null;
     this.trackTimer = Date.now();
     this.openTransitionProp = "opacity";
@@ -104,6 +68,22 @@ const Alert = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.actionsEndSlotChangeHandler = (event) => {
       this.hasEndActions = slotChangeHasAssignedElement(event);
     };
+    this.open = false;
+    this.autoDismiss = false;
+    this.autoDismissDuration = this.autoDismiss ? "medium" : null;
+    this.color = "blue";
+    this.icon = undefined;
+    this.intlClose = TEXT.intlClose;
+    this.label = undefined;
+    this.numberingSystem = undefined;
+    this.placement = "bottom";
+    this.scale = "m";
+    this.effectiveLocale = "";
+    this.hasEndActions = false;
+    this.queue = [];
+    this.queueLength = 0;
+    this.queued = false;
+    this.requestedIcon = undefined;
   }
   openHandler() {
     if (this.open && !this.queued) {

package/dist/components/calcite-avatar.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.648
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client/index.js';
 import { h as hexToRGB, i as isValidHex } from './utils.js';
@@ -72,18 +72,11 @@ const Avatar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     super();
     this.__registerHost();
     this.__attachShadow();
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /** Specifies the size of the component. */
     this.scale = "m";
-    //--------------------------------------------------------------------------
-    //
-    //  Private State/Props
-    //
-    //--------------------------------------------------------------------------
+    this.thumbnail = undefined;
+    this.fullName = undefined;
+    this.username = undefined;
+    this.userId = undefined;
     this.thumbnailFailedToLoad = false;
   }
   //--------------------------------------------------------------------------

package/dist/components/calcite-block-section.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.648
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { c as getElementDir, t as toAriaBoolean } from './dom.js';
@@ -42,18 +42,6 @@ const BlockSection = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.__registerHost();
     this.__attachShadow();
     this.calciteBlockSectionToggle = createEvent(this, "calciteBlockSectionToggle", 6);
-    /**
-     * When `true`, expands the component and its contents.
-     */
-    this.open = false;
-    /**
-     * Specifies the component's toggle display -
-     *
-     * `"button"` (selectable header), or
-     *
-     * `"switch"` (toggle switch).
-     */
-    this.toggleDisplay = "button";
     this.guid = guid();
     // --------------------------------------------------------------------------
     //
@@ -71,6 +59,12 @@ const BlockSection = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       this.open = !this.open;
       this.calciteBlockSectionToggle.emit();
     };
+    this.intlCollapse = undefined;
+    this.intlExpand = undefined;
+    this.open = false;
+    this.status = undefined;
+    this.text = undefined;
+    this.toggleDisplay = "button";
   }
   // --------------------------------------------------------------------------
   //