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

package/dist/cjs/calcite-action-group.cjs.entry.js

@@ -1,20 +1,20 @@
 /*!
  * 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.646
+ * v1.0.0-next.648
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-964a2875.js');
-const resources = require('./resources-ae67a7a9.js');
-const dom = require('./dom-81242a2a.js');
-const resources$1 = require('./resources-5b8c7ec7.js');
-const conditionalSlot = require('./conditionalSlot-e2ec6e00.js');
-require('./resources-e2ae989b.js');
-require('./guid-5b4f687e.js');
-require('./observers-695d3a8d.js');
+const index = require('./index-66bfeb5a.js');
+const resources = require('./resources-bfbd2af1.js');
+const dom = require('./dom-8dcbe60b.js');
+const resources$1 = require('./resources-15b63465.js');
+const conditionalSlot = require('./conditionalSlot-ab38a07e.js');
+require('./resources-aab81366.js');
+require('./guid-4caf8697.js');
+require('./observers-b2096d49.js');
 
 const actionGroupCss = "@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}}:host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:flex;flex-direction:column;padding:0px;--calcite-action-group-columns:3}:host([columns=\"1\"]){--calcite-action-group-columns:1}:host([columns=\"2\"]){--calcite-action-group-columns:2}:host([columns=\"3\"]){--calcite-action-group-columns:3}:host([columns=\"4\"]){--calcite-action-group-columns:4}:host([columns=\"5\"]){--calcite-action-group-columns:5}:host([columns=\"6\"]){--calcite-action-group-columns:6}:host(:first-child){padding-block-start:0px}:host([layout=horizontal]){flex-direction:row}:host([layout=grid]){display:grid;place-content:stretch;gap:1px;background-color:var(--calcite-ui-background);padding:1px;grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}";
 
@@ -23,29 +23,18 @@ const ActionGroup = class {
     index.registerInstance(this, hostRef);
     // --------------------------------------------------------------------------
     //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * When `true`, the component is expanded.
-     */
-    this.expanded = false;
-    /**
-     * Indicates the layout of the component.
-     */
-    this.layout = "vertical";
-    /**
-     * When `true`, the `calcite-action-menu` is open.
-     */
-    this.menuOpen = false;
-    // --------------------------------------------------------------------------
-    //
     //  Private Methods
     //
     // --------------------------------------------------------------------------
     this.setMenuOpen = (event) => {
       this.menuOpen = !!event.detail;
     };
+    this.expanded = false;
+    this.layout = "vertical";
+    this.columns = undefined;
+    this.intlMore = undefined;
+    this.menuOpen = false;
+    this.scale = undefined;
   }
   expandedHandler() {
     this.menuOpen = false;

package/dist/cjs/calcite-action-menu.cjs.entry.js

@@ -1,20 +1,20 @@
 /*!
  * 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.646
+ * v1.0.0-next.648
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-964a2875.js');
-const resources = require('./resources-5b8c7ec7.js');
-const dom = require('./dom-81242a2a.js');
-const array = require('./array-6cbf9470.js');
-const guid = require('./guid-5b4f687e.js');
-const key = require('./key-e3a69c1b.js');
-const loadable = require('./loadable-d48dcbfa.js');
-require('./resources-e2ae989b.js');
+const index = require('./index-66bfeb5a.js');
+const resources = require('./resources-15b63465.js');
+const dom = require('./dom-8dcbe60b.js');
+const array = require('./array-c58adfeb.js');
+const guid = require('./guid-4caf8697.js');
+const key = require('./key-aa68c66b.js');
+const loadable = require('./loadable-f0410eb8.js');
+require('./resources-aab81366.js');
 
 const actionMenuCss = "@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{box-sizing:border-box;display:flex;flex-direction:column;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size-1);color:var(--calcite-ui-text-2)}.menu ::slotted(calcite-action){margin:0.125rem;display:flex;outline-color:transparent}.menu ::slotted(calcite-action[active]){outline:2px solid var(--calcite-ui-brand);outline-offset:0px}.default-trigger{position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}.menu{flex-direction:column;flex-wrap:nowrap;outline:2px solid transparent;outline-offset:2px}";
 
@@ -23,38 +23,10 @@ const ActionMenu = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.calciteActionMenuOpenChange = index.createEvent(this, "calciteActionMenuOpenChange", 6);
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * When `true`, the component is expanded.
-     */
-    this.expanded = false;
-    /**
-     * 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.
-     * `"fixed"` 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.actionElements = [];
     this.guid = `calcite-action-menu-${guid.guid()}`;
     this.menuId = `${this.guid}-menu`;
     this.menuButtonId = `${this.guid}-menu-button`;
-    this.activeMenuItemIndex = -1;
     // --------------------------------------------------------------------------
     //
     //  Component Methods
@@ -223,6 +195,15 @@ const ActionMenu = class {
       this.el.addEventListener("calcitePopoverOpen", this.toggleOpenEnd);
       this.open = value;
     };
+    this.expanded = false;
+    this.flipPlacements = undefined;
+    this.label = undefined;
+    this.open = false;
+    this.overlayPositioning = "absolute";
+    this.placement = "auto";
+    this.scale = undefined;
+    this.menuButtonEl = undefined;
+    this.activeMenuItemIndex = -1;
   }
   // --------------------------------------------------------------------------
   //

package/dist/cjs/calcite-action-pad.cjs.entry.js

@@ -1,22 +1,22 @@
 /*!
  * 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.646
+ * v1.0.0-next.648
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-964a2875.js');
-const ExpandToggle = require('./ExpandToggle-d530737f.js');
-const dom = require('./dom-81242a2a.js');
-const conditionalSlot = require('./conditionalSlot-e2ec6e00.js');
-const loadable = require('./loadable-d48dcbfa.js');
-require('./resources-5b8c7ec7.js');
-require('./resources-ae67a7a9.js');
-require('./resources-e2ae989b.js');
-require('./guid-5b4f687e.js');
-require('./observers-695d3a8d.js');
+const index = require('./index-66bfeb5a.js');
+const ExpandToggle = require('./ExpandToggle-ffd89d79.js');
+const dom = require('./dom-8dcbe60b.js');
+const conditionalSlot = require('./conditionalSlot-ab38a07e.js');
+const loadable = require('./loadable-f0410eb8.js');
+require('./resources-15b63465.js');
+require('./resources-bfbd2af1.js');
+require('./resources-aab81366.js');
+require('./guid-4caf8697.js');
+require('./observers-b2096d49.js');
 
 const CSS = {
   actionGroupBottom: "action-group--bottom",
@@ -38,23 +38,6 @@ const ActionPad = class {
     this.calciteActionPadToggle = index.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
     //
     // --------------------------------------------------------------------------
@@ -75,6 +58,13 @@ const ActionPad = class {
     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) {
     ExpandToggle.toggleChildActionText({ parent: this.el, expanded });

package/dist/cjs/calcite-action.cjs.entry.js

@@ -1,19 +1,19 @@
 /*!
  * 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.646
+ * v1.0.0-next.648
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-964a2875.js');
-const observers = require('./observers-695d3a8d.js');
-const interactive = require('./interactive-58105b6c.js');
-const dom = require('./dom-81242a2a.js');
-const loadable = require('./loadable-d48dcbfa.js');
-require('./resources-e2ae989b.js');
-require('./guid-5b4f687e.js');
+const index = require('./index-66bfeb5a.js');
+const observers = require('./observers-b2096d49.js');
+const interactive = require('./interactive-61857e22.js');
+const dom = require('./dom-8dcbe60b.js');
+const loadable = require('./loadable-f0410eb8.js');
+require('./resources-aab81366.js');
+require('./guid-4caf8697.js');
 
 const CSS = {
   button: "button",
@@ -37,47 +37,6 @@ const actionCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down
 const Action = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    // --------------------------------------------------------------------------
-    //
-    //  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 = observers.createObserver("mutation", () => index.forceUpdate(this));
     // --------------------------------------------------------------------------
     //
@@ -95,6 +54,19 @@ const Action = class {
         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/cjs/calcite-alert.cjs.entry.js

@@ -1,22 +1,22 @@
 /*!
  * 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.646
+ * v1.0.0-next.648
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-964a2875.js');
-const dom = require('./dom-81242a2a.js');
-const interfaces = require('./interfaces-072b9615.js');
-const openCloseComponent = require('./openCloseComponent-b4926038.js');
-const locale = require('./locale-e2250b5b.js');
-const loadable = require('./loadable-d48dcbfa.js');
-require('./resources-e2ae989b.js');
-require('./guid-5b4f687e.js');
-require('./key-e3a69c1b.js');
-require('./observers-695d3a8d.js');
+const index = require('./index-66bfeb5a.js');
+const dom = require('./dom-8dcbe60b.js');
+const interfaces = require('./interfaces-f9527bdd.js');
+const openCloseComponent = require('./openCloseComponent-7d4eb009.js');
+const locale = require('./locale-6b2788ff.js');
+const loadable = require('./loadable-f0410eb8.js');
+require('./resources-aab81366.js');
+require('./guid-4caf8697.js');
+require('./key-aa68c66b.js');
+require('./observers-b2096d49.js');
 
 const TEXT = {
   intlClose: "Close"
@@ -48,42 +48,6 @@ const Alert = class {
     this.calciteAlertOpen = index.createEvent(this, "calciteAlertOpen", 6);
     this.calciteInternalAlertSync = index.createEvent(this, "calciteInternalAlertSync", 6);
     this.calciteInternalAlertRegister = index.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";
@@ -108,6 +72,22 @@ const Alert = class {
     this.actionsEndSlotChangeHandler = (event) => {
       this.hasEndActions = dom.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/cjs/calcite-avatar.cjs.entry.js

@@ -1,17 +1,17 @@
 /*!
  * 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.646
+ * v1.0.0-next.648
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-964a2875.js');
-const utils = require('./utils-ca1da91a.js');
-const dom = require('./dom-81242a2a.js');
-require('./resources-e2ae989b.js');
-require('./guid-5b4f687e.js');
+const index = require('./index-66bfeb5a.js');
+const utils = require('./utils-2e6032bf.js');
+const dom = require('./dom-8dcbe60b.js');
+require('./resources-aab81366.js');
+require('./guid-4caf8697.js');
 
 /**
  * Convert a string to a valid hex by hashing its contents
@@ -75,18 +75,11 @@ const avatarCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down
 const Avatar = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    //--------------------------------------------------------------------------
-    //
-    //  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/cjs/calcite-block_2.cjs.entry.js

@@ -1,21 +1,21 @@
 /*!
  * 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.646
+ * v1.0.0-next.648
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-964a2875.js');
-const dom = require('./dom-81242a2a.js');
-const Heading = require('./Heading-2e646368.js');
-const conditionalSlot = require('./conditionalSlot-e2ec6e00.js');
-const interactive = require('./interactive-58105b6c.js');
-const guid = require('./guid-5b4f687e.js');
-const key = require('./key-e3a69c1b.js');
-require('./resources-e2ae989b.js');
-require('./observers-695d3a8d.js');
+const index = require('./index-66bfeb5a.js');
+const dom = require('./dom-8dcbe60b.js');
+const Heading = require('./Heading-9512d69c.js');
+const conditionalSlot = require('./conditionalSlot-ab38a07e.js');
+const interactive = require('./interactive-61857e22.js');
+const guid = require('./guid-4caf8697.js');
+const key = require('./key-aa68c66b.js');
+require('./resources-aab81366.js');
+require('./observers-b2096d49.js');
 
 const CSS$1 = {
   container: "container",
@@ -62,71 +62,31 @@ const Block = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.calciteBlockToggle = index.createEvent(this, "calciteBlockToggle", 6);
+    this.guid = guid.guid();
     // --------------------------------------------------------------------------
     //
-    //  Properties
+    //  Private Methods
     //
     // --------------------------------------------------------------------------
-    /**
-     * When `true`, the component is collapsible.
-     */
+    this.onHeaderClick = () => {
+      this.open = !this.open;
+      this.calciteBlockToggle.emit();
+    };
     this.collapsible = false;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
     this.disabled = false;
-    /**
-     * When `true`, displays a drag handle in the header.
-     */
     this.dragHandle = false;
-    /**
-     * Accessible name for the component's collapse button.
-     *
-     * @default "Collapse"
-     */
+    this.heading = undefined;
+    this.headingLevel = undefined;
     this.intlCollapse = TEXT$1.collapse;
-    /**
-     * Accessible name for the component's expand button.
-     *
-     * @default "Expand"
-     */
     this.intlExpand = TEXT$1.expand;
-    /**
-     * Accessible name when the component is loading.
-     *
-     * @default "Loading"
-     */
     this.intlLoading = TEXT$1.loading;
-    /**
-     * Accessible name for the component's options button.
-     *
-     * @default "Options"
-     */
     this.intlOptions = TEXT$1.options;
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
     this.loading = false;
-    /**
-     * When `true`, expands the component and its contents.
-     */
     this.open = false;
-    /**
-     * When `true`, removes padding for the slotted content.
-     *
-     * @deprecated Use `--calcite-block-padding` CSS variable instead.
-     */
+    this.status = undefined;
+    this.summary = undefined;
+    this.description = undefined;
     this.disablePadding = false;
-    this.guid = guid.guid();
-    // --------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    // --------------------------------------------------------------------------
-    this.onHeaderClick = () => {
-      this.open = !this.open;
-      this.calciteBlockToggle.emit();
-    };
   }
   //--------------------------------------------------------------------------
   //
@@ -226,18 +186,6 @@ const BlockSection = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.calciteBlockSectionToggle = index.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.guid();
     // --------------------------------------------------------------------------
     //
@@ -255,6 +203,12 @@ const BlockSection = class {
       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";
   }
   // --------------------------------------------------------------------------
   //