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

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.646
+ * v1.0.0-next.648
  */
 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.646
+ * v1.0.0-next.648
  */
 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.646
+ * v1.0.0-next.648
  */
 import { n as nodeListToArray } from './dom.js';
 import { Build } from '@stencil/core/internal/client/index.js';

package/dist/esm/{ExpandToggle-37340e21.js → ExpandToggle-29af15e2.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.646
+ * v1.0.0-next.648
  */
-import { f as forceUpdate, h } from './index-3db52168.js';
-import { a as getElementDir } from './dom-c7442d5a.js';
-import { S as SLOTS } from './resources-ddde9e2f.js';
-import { S as SLOTS$1 } from './resources-526a78c2.js';
+import { f as forceUpdate, h } from './index-d13d66db.js';
+import { a as getElementDir } from './dom-c8898dc4.js';
+import { S as SLOTS } from './resources-e7476473.js';
+import { S as SLOTS$1 } from './resources-70b572b1.js';
 
 const overflowActionsDebounceInMs = 150;
 const groupBufferPx = 2;

package/dist/esm/{Heading-694715b2.js → Heading-97239409.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.646
+ * v1.0.0-next.648
  */
-import { h } from './index-3db52168.js';
+import { h } from './index-d13d66db.js';
 
 function constrainHeadingLevel(level) {
   return Math.min(Math.max(Math.ceil(level), 1), 6);

package/dist/esm/{app-globals-29545d61.js → app-globals-5b1771bd.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.646
+ * v1.0.0-next.648
  */
-import { d as darkTheme, a as autoTheme } from './resources-ffa9b8d6.js';
+import { d as darkTheme, a as autoTheme } from './resources-72c02e33.js';
 
 /**
  * Emits when the theme is dynamically toggled between light and dark on <body> or in OS preferences.

package/dist/esm/{array-33f45c9b.js → array-a3b6f69b.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.646
+ * v1.0.0-next.648
  */
 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.646
+ * v1.0.0-next.648
  */
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-3db52168.js';
-import { h as getElementProp, g as getSlotted, a as getElementDir, t as toAriaBoolean } from './dom-c7442d5a.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-a259d062.js';
-import { C as CSS_UTILITY } from './resources-ffa9b8d6.js';
-import './guid-2a3eda01.js';
-import './observers-92bc8914.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-d13d66db.js';
+import { h as getElementProp, g as getSlotted, a as getElementDir, t as toAriaBoolean } from './dom-c8898dc4.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-18733fbb.js';
+import { C as CSS_UTILITY } from './resources-72c02e33.js';
+import './guid-eaa87c08.js';
+import './observers-32d3cec9.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;
 

package/dist/esm/calcite-action-bar.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
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-3db52168.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-37340e21.js';
-import { f as focusElement, g as getSlotted } from './dom-c7442d5a.js';
-import { c as createObserver } from './observers-92bc8914.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-a259d062.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-b4a4f025.js';
-import { d as debounce } from './debounce-a80cea2e.js';
-import './resources-ddde9e2f.js';
-import './resources-526a78c2.js';
-import './resources-ffa9b8d6.js';
-import './guid-2a3eda01.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d13d66db.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-29af15e2.js';
+import { f as focusElement, g as getSlotted } from './dom-c8898dc4.js';
+import { c as createObserver } from './observers-32d3cec9.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-18733fbb.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-5df6cd58.js';
+import { d as debounce } from './debounce-6bf69804.js';
+import './resources-e7476473.js';
+import './resources-70b572b1.js';
+import './resources-72c02e33.js';
+import './guid-eaa87c08.js';
 
 const CSS = {
   actionGroupBottom: "action-group--bottom"
@@ -33,27 +33,6 @@ const ActionBar = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     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 });
@@ -121,6 +100,14 @@ const ActionBar = class {
     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/esm/calcite-action-group.entry.js

@@ -1,16 +1,16 @@
 /*!
  * 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
  */
-import { r as registerInstance, h, F as Fragment, g as getElement } from './index-3db52168.js';
-import { S as SLOTS, I as ICONS, T as TEXT } from './resources-526a78c2.js';
-import { g as getSlotted } from './dom-c7442d5a.js';
-import { S as SLOTS$1 } from './resources-ddde9e2f.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-a259d062.js';
-import './resources-ffa9b8d6.js';
-import './guid-2a3eda01.js';
-import './observers-92bc8914.js';
+import { r as registerInstance, h, F as Fragment, g as getElement } from './index-d13d66db.js';
+import { S as SLOTS, I as ICONS, T as TEXT } from './resources-70b572b1.js';
+import { g as getSlotted } from './dom-c8898dc4.js';
+import { S as SLOTS$1 } from './resources-e7476473.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-18733fbb.js';
+import './resources-72c02e33.js';
+import './guid-eaa87c08.js';
+import './observers-32d3cec9.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)}";
 
@@ -19,29 +19,18 @@ const ActionGroup = class {
     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/esm/calcite-action-menu.entry.js

@@ -1,16 +1,16 @@
 /*!
  * 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
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-3db52168.js';
-import { C as CSS, I as ICONS, S as SLOTS } from './resources-ddde9e2f.js';
-import { t as toAriaBoolean, i as isPrimaryPointerButton, f as focusElement } from './dom-c7442d5a.js';
-import { g as getRoundRobinIndex } from './array-33f45c9b.js';
-import { g as guid } from './guid-2a3eda01.js';
-import { i as isActivationKey } from './key-411c120d.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-b4a4f025.js';
-import './resources-ffa9b8d6.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-d13d66db.js';
+import { C as CSS, I as ICONS, S as SLOTS } from './resources-e7476473.js';
+import { t as toAriaBoolean, i as isPrimaryPointerButton, f as focusElement } from './dom-c8898dc4.js';
+import { g as getRoundRobinIndex } from './array-a3b6f69b.js';
+import { g as guid } from './guid-eaa87c08.js';
+import { i as isActivationKey } from './key-23509709.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-5df6cd58.js';
+import './resources-72c02e33.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}";
 
@@ -19,38 +19,10 @@ const ActionMenu = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.calciteActionMenuOpenChange = 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()}`;
     this.menuId = `${this.guid}-menu`;
     this.menuButtonId = `${this.guid}-menu-button`;
-    this.activeMenuItemIndex = -1;
     // --------------------------------------------------------------------------
     //
     //  Component Methods
@@ -219,6 +191,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/esm/calcite-action-pad.entry.js

@@ -1,18 +1,18 @@
 /*!
  * 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
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-3db52168.js';
-import { t as toggleChildActionText, E as ExpandToggle } from './ExpandToggle-37340e21.js';
-import { f as focusElement, g as getSlotted } from './dom-c7442d5a.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-a259d062.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-b4a4f025.js';
-import './resources-ddde9e2f.js';
-import './resources-526a78c2.js';
-import './resources-ffa9b8d6.js';
-import './guid-2a3eda01.js';
-import './observers-92bc8914.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d13d66db.js';
+import { t as toggleChildActionText, E as ExpandToggle } from './ExpandToggle-29af15e2.js';
+import { f as focusElement, g as getSlotted } from './dom-c8898dc4.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-18733fbb.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-5df6cd58.js';
+import './resources-e7476473.js';
+import './resources-70b572b1.js';
+import './resources-72c02e33.js';
+import './guid-eaa87c08.js';
+import './observers-32d3cec9.js';
 
 const CSS = {
   actionGroupBottom: "action-group--bottom",
@@ -34,23 +34,6 @@ const ActionPad = class {
     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
     //
     // --------------------------------------------------------------------------
@@ -71,6 +54,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) {
     toggleChildActionText({ parent: this.el, expanded });