@esri/solutions-components 0.8.12 → 0.8.13

package/dist/esm/ca-a74ba459.js

@@ -0,0 +1,70 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { d as dayjs } from './calcite-input-time-picker-2cdb1664.js';
+import './index-ba5da2b0.js';
+import './form-6d38f4ee.js';
+import './dom-d675fe65.js';
+import './guid-f05d01d5.js';
+import './resources-1febf4c6.js';
+import './interactive-52276a00.js';
+import './browser-9897260d.js';
+import './key-092b6260.js';
+import './label-5692de01.js';
+import './component-960ddabf.js';
+import './loadable-cca582a3.js';
+import './locale-353c1c36.js';
+import './observers-19e5cb73.js';
+import './focusTrapComponent-63bf0d9f.js';
+import './time-d605c462.js';
+import './math-81650811.js';
+import './t9n-165900a5.js';
+import './openCloseComponent-04234cea.js';
+import './Validation-59757032.js';
+
+// Catalan [ca]
+var locale = {
+  name: 'ca',
+  weekdays: 'Diumenge_Dilluns_Dimarts_Dimecres_Dijous_Divendres_Dissabte'.split('_'),
+  weekdaysShort: 'Dg._Dl._Dt._Dc._Dj._Dv._Ds.'.split('_'),
+  weekdaysMin: 'Dg_Dl_Dt_Dc_Dj_Dv_Ds'.split('_'),
+  months: 'Gener_Febrer_Març_Abril_Maig_Juny_Juliol_Agost_Setembre_Octubre_Novembre_Desembre'.split('_'),
+  monthsShort: 'Gen._Febr._Març_Abr._Maig_Juny_Jul._Ag._Set._Oct._Nov._Des.'.split('_'),
+  weekStart: 1,
+  formats: {
+    LT: 'H:mm',
+    LTS: 'H:mm:ss',
+    L: 'DD/MM/YYYY',
+    LL: 'D MMMM [de] YYYY',
+    LLL: 'D MMMM [de] YYYY [a les] H:mm',
+    LLLL: 'dddd D MMMM [de] YYYY [a les] H:mm',
+    ll: 'D MMM YYYY',
+    lll: 'D MMM YYYY, H:mm',
+    llll: 'ddd D MMM YYYY, H:mm'
+  },
+  relativeTime: {
+    future: 'd\'aquí %s',
+    past: 'fa %s',
+    s: 'uns segons',
+    m: 'un minut',
+    mm: '%d minuts',
+    h: 'una hora',
+    hh: '%d hores',
+    d: 'un dia',
+    dd: '%d dies',
+    M: 'un mes',
+    MM: '%d mesos',
+    y: 'un any',
+    yy: '%d anys'
+  },
+  ordinal: function ordinal(n) {
+    var ord;
+    if (n === 1 || n === 3) ord = 'r';else if (n === 2) ord = 'n';else if (n === 4) ord = 't';else ord = 'è';
+    return "" + n + ord;
+  }
+};
+dayjs.locale(locale, null, true);
+
+export { locale as default };

package/dist/esm/calcite-accordion-item.entry.js

@@ -3,18 +3,18 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-164d485a.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-12c4fcfb.js';
-import { g as getSlotted, a as getElementDir, t as toAriaBoolean, c as closestElementCrossShadowBoundary } from './dom-38c6f027.js';
-import { C as CSS_UTILITY } from './resources-8834f920.js';
-import { g as getIconScale } from './component-edd2c3cd.js';
-import './observers-d04d1da9.js';
-import './guid-b75a5f7b.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ba5da2b0.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-16953b0d.js';
+import { g as getSlotted, a as getElementDir, t as toAriaBoolean, c as closestElementCrossShadowBoundary } from './dom-d675fe65.js';
+import { C as CSS_UTILITY } from './resources-1febf4c6.js';
+import { g as getIconScale } from './component-960ddabf.js';
+import './observers-19e5cb73.js';
+import './guid-f05d01d5.js';
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
+ * v2.8.2
  */
 const SLOTS = {
     actionsStart: "actions-start",
@@ -40,7 +40,8 @@ const IDS = {
     sectionToggle: "section-toggle",
 };
 
-const accordionItemCss = ".icon-position--end,.icon-position--start{--calcite-accordion-item-icon-rotation:calc(90deg * -1);--calcite-accordion-item-active-icon-rotation:0deg;--calcite-accordion-item-icon-rotation-rtl:90deg;--calcite-accordion-item-active-icon-rotation-rtl:0deg}.icon-position--start{--calcite-accordion-item-flex-direction:row-reverse;--calcite-accordion-item-icon-spacing-start:0;--calcite-accordion-item-icon-spacing-end:var(--calcite-accordion-icon-margin)}.icon-position--end{--calcite-accordion-item-flex-direction:row;--calcite-accordion-item-icon-spacing-start:var(--calcite-accordion-icon-margin);--calcite-accordion-item-icon-spacing-end:0}.icon-position--end:not(.icon-type--plus-minus){--calcite-accordion-item-icon-rotation:0deg;--calcite-accordion-item-active-icon-rotation:180deg;--calcite-accordion-item-icon-rotation-rtl:0deg;--calcite-accordion-item-active-icon-rotation-rtl:calc(180deg * -1)}:host{position:relative;display:flex;flex-direction:column;color:var(--calcite-color-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;background-color:var(--calcite-accordion-item-background, var(--calcite-color-foreground-1))}:host .header-content{outline-color:transparent}:host(:focus) .header-content{outline:2px solid transparent;outline-offset:2px;outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([expanded]){color:var(--calcite-color-text-1)}:host([expanded]) .content{display:block;color:var(--calcite-color-text-1)}:host([expanded]) .header{border-block-end-color:transparent}:host .header{display:flex;align-items:stretch}:host .icon{position:relative;margin:0px;display:inline-flex;color:var(--calcite-color-text-3);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline-end:var(--calcite-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-accordion-item-icon-spacing-end)}.icon--start{display:flex;align-items:center;margin-inline-end:var(--calcite-accordion-icon-margin)}.icon--end{display:flex;align-items:center;margin-inline-end:var(--calcite-accordion-icon-margin);margin-inline-start:var(--calcite-accordion-icon-margin)}.header-container{inline-size:100%}.content{padding:var(--calcite-accordion-item-padding)}:host .content,:host .header{border-block-end:1px solid var(--calcite-accordion-item-border, var(--calcite-color-border-2))}:host .header *{display:inline-flex;align-items:center;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);word-wrap:break-word;word-break:break-word}:host .content{display:none;padding-block-start:0px;color:var(--calcite-color-text-3);text-align:initial}:host .expand-icon{color:var(--calcite-color-text-3);margin-inline-start:var(--calcite-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-accordion-item-icon-spacing-end);transform:rotate(var(--calcite-accordion-item-icon-rotation))}.calcite--rtl .expand-icon{transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl))}:host([expanded]) .expand-icon{color:var(--calcite-color-text-3);transform:rotate(var(--calcite-accordion-item-active-icon-rotation))}:host([expanded]) .calcite--rtl .expand-icon{transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl))}:host .header-text{margin-block:0px;flex-grow:1;flex-direction:column;padding-block:0px;text-align:initial;margin-inline-end:auto}:host .heading,:host .description{display:flex;inline-size:100%}:host .heading{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2)}:host .description{margin-block-start:0.25rem;color:var(--calcite-color-text-3)}:host(:focus) .heading,:host(:hover) .heading{color:var(--calcite-color-text-1)}:host(:focus) .icon,:host(:hover) .icon{color:var(--calcite-color-text-1)}:host(:focus) .expand-icon,:host(:hover) .expand-icon{color:var(--calcite-color-text-1)}:host(:focus) .description,:host(:hover) .description{color:var(--calcite-color-text-2)}:host(:focus) .heading,:host(:active) .heading,:host([expanded]) .heading{color:var(--calcite-color-text-1)}:host(:focus) .icon,:host(:active) .icon,:host([expanded]) .icon{color:var(--calcite-color-text-1)}:host(:focus) .description,:host(:active) .description,:host([expanded]) .description{color:var(--calcite-color-text-2)}.header-content{flex-grow:1;cursor:pointer;padding:var(--calcite-accordion-item-padding);flex-direction:var(--calcite-accordion-item-flex-direction)}.actions-start,.actions-end{display:flex;align-items:center}@media (forced-colors: active){:host([expanded]) .header{border-block-end:none}:host([expanded]) .heading{font-weight:bolder}:host(:hover) .heading,:host(:focus) .heading{text-decoration:underline}}:host([hidden]){display:none}[hidden]{display:none}";
+const accordionItemCss = ".icon-position--end,.icon-position--start{--calcite-accordion-item-icon-rotation:calc(90deg * -1);--calcite-accordion-item-active-icon-rotation:0deg;--calcite-accordion-item-icon-rotation-rtl:90deg;--calcite-accordion-item-active-icon-rotation-rtl:0deg}.icon-position--start{--calcite-accordion-item-flex-direction:row-reverse;--calcite-accordion-item-icon-spacing-start:0;--calcite-accordion-item-icon-spacing-end:var(--calcite-accordion-icon-margin)}.icon-position--end{--calcite-accordion-item-flex-direction:row;--calcite-accordion-item-icon-spacing-start:var(--calcite-accordion-icon-margin);--calcite-accordion-item-icon-spacing-end:0}.icon-position--end:not(.icon-type--plus-minus){--calcite-accordion-item-icon-rotation:0deg;--calcite-accordion-item-active-icon-rotation:180deg;--calcite-accordion-item-icon-rotation-rtl:0deg;--calcite-accordion-item-active-icon-rotation-rtl:calc(180deg * -1)}:host{position:relative;display:flex;flex-direction:column;color:var(--calcite-color-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;background-color:var(--calcite-accordion-item-background, var(--calcite-color-foreground-1))}:host .header-content{outline-color:transparent}:host(:focus) .header-content{outline:2px solid transparent;outline-offset:2px;outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([expanded]){color:var(--calcite-color-text-1)}:host([expanded]) .content{display:block;color:var(--calcite-color-text-1)}:host([expanded]) .header{border-block-end-color:transparent}:host .header{display:flex;align-items:stretch}:host .icon{position:relative;margin:0px;display:inline-flex;color:var(--calcite-color-text-3);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline-end:var(--calcite-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-accordion-item-icon-spacing-end)}.icon--start{display:flex;align-items:center;margin-inline-end:var(--calcite-accordion-icon-margin)}.icon--end{display:flex;align-items:center;margin-inline-end:var(--calcite-accordion-icon-margin);margin-inline-start:var(--calcite-accordion-icon-margin)}.header-container{inline-size:100%}.content{padding:var(--calcite-accordion-item-padding)}:host .content,:host .header{border-block-end:1px solid var(--calcite-accordion-item-border, var(--calcite-color-border-2))}:host .header *{display:inline-flex;align-items:center;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);word-wrap:break-word;word-break:break-word}:host .content{display:none;padding-block-start:0px;color:var(--calcite-color-text-3);text-align:initial}:host .expand-icon{color:var(--calcite-color-text-3);margin-inline-start:var(--calcite-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-accordion-item-icon-spacing-end);transform:rotate(var(--calcite-accordion-item-icon-rotation))}.calcite--rtl .expand-icon{transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl))}:host([expanded]) .expand-icon{color:var(--calcite-color-text-3);transform:rotate(var(--calcite-accordion-item-active-icon-rotation))}:host([expanded]) .calcite--rtl .expand-icon{transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl))}:host .header-text{margin-block:0px;flex-grow:1;flex-direction:column;padding-block:0px;text-align:initial;margin-inline-end:auto}:host .heading,:host .description{display:flex;inline-size:100%}:host .heading{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2)}:host .description{margin-block-start:0.25rem;color:var(--calcite-color-text-3)}:host(:focus) .heading,:host(:hover) .heading{color:var(--calcite-color-text-1)}:host(:focus) .icon,:host(:hover) .icon{color:var(--calcite-color-text-1)}:host(:focus) .expand-icon,:host(:hover) .expand-icon{color:var(--calcite-color-text-1)}:host(:focus) .description,:host(:hover) .description{color:var(--calcite-color-text-2)}:host(:focus) .heading,:host(:active) .heading,:host([expanded]) .heading{color:var(--calcite-color-text-1)}:host(:focus) .icon,:host(:active) .icon,:host([expanded]) .icon{color:var(--calcite-color-text-1)}:host(:focus) .description,:host(:active) .description,:host([expanded]) .description{color:var(--calcite-color-text-2)}.header-content{flex-grow:1;cursor:pointer;padding:var(--calcite-accordion-item-padding);flex-direction:var(--calcite-accordion-item-flex-direction)}.actions-start,.actions-end{display:flex;align-items:center}@media (forced-colors: active){:host([expanded]) .header{border-block-end:none}:host([expanded]) .heading{font-weight:bolder}:host(:hover) .heading,:host(:focus) .heading{text-decoration:underline}}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteAccordionItemStyle0 = accordionItemCss;
 
 const AccordionItem = class {
     constructor(hostRef) {
@@ -95,16 +96,16 @@ const AccordionItem = class {
         const iconStartEl = this.iconStart ? (h("calcite-icon", { class: CSS.iconStart, flipRtl: iconFlipRtl === "both" || iconFlipRtl === "start", icon: this.iconStart, key: "icon-start", scale: getIconScale(this.scale) })) : null;
         const iconEndEl = this.iconEnd ? (h("calcite-icon", { class: CSS.iconEnd, flipRtl: iconFlipRtl === "both" || iconFlipRtl === "end", icon: this.iconEnd, key: "icon-end", scale: getIconScale(this.scale) })) : null;
         const { description } = this;
-        return (h(Host, null, h("div", { class: {
+        return (h(Host, { key: '2a8a9685457badba7f65ffdfd19af5b70cf34643' }, h("div", { key: '8292e5656cbf6988a393feda67b5ce2d58972470', 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-controls": IDS.section, "aria-expanded": toAriaBoolean(this.expanded), class: CSS.headerContent, id: IDS.sectionToggle, 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"
+            } }, h("div", { key: 'f4d599c5b507eb96665e7a78da9442784b2fad98', class: { [CSS.header]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.renderActionsStart(), h("div", { key: '1cd561a12f82b7f74902bc408fc7f7c71425d269', "aria-controls": IDS.section, "aria-expanded": toAriaBoolean(this.expanded), class: CSS.headerContent, id: IDS.sectionToggle, onClick: this.itemHeaderClickHandler, role: "button", tabindex: "0" }, h("div", { key: '8e7d9d5eebc91cc7295a02b7c83ae432071d753b', class: CSS.headerContainer }, iconStartEl, h("div", { key: 'da5293604951860def82dd6267d21c3ef35470b0', class: CSS.headerText }, h("span", { key: '4332fceb39f2523a027e7840eb1b343a72677701', class: CSS.heading }, this.heading), description ? h("span", { class: CSS.description }, description) : null), iconEndEl), h("calcite-icon", { key: 'c736b96c135d2cd9b55e65c88f91ed4e02a8fc2b', class: CSS.expandIcon, icon: this.iconType === "chevron"
                 ? "chevronDown"
                 : this.iconType === "caret"
                     ? "caretDown"
                     : this.expanded
                         ? "minus"
-                        : "plus", scale: getIconScale(this.scale) })), this.renderActionsEnd()), h("section", { "aria-labelledby": IDS.sectionToggle, class: CSS.content, id: IDS.section }, h("slot", null)))));
+                        : "plus", scale: getIconScale(this.scale) })), this.renderActionsEnd()), h("section", { key: 'b0dd6748d5d9397246c48467d143a84c2d232b50', "aria-labelledby": IDS.sectionToggle, class: CSS.content, id: IDS.section }, h("slot", { key: '4494db9599ecd2ec4dce7c34a54c445572954842' })))));
     }
     //--------------------------------------------------------------------------
     //
@@ -171,6 +172,6 @@ const AccordionItem = class {
     }
     get el() { return getElement(this); }
 };
-AccordionItem.style = accordionItemCss;
+AccordionItem.style = CalciteAccordionItemStyle0;
 
 export { AccordionItem as calcite_accordion_item };

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

@@ -3,10 +3,11 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-164d485a.js';
-import { c as createObserver } from './observers-d04d1da9.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-ba5da2b0.js';
+import { c as createObserver } from './observers-19e5cb73.js';
 
 const accordionCss = ":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-color-border-2);--calcite-accordion-item-background:var(--calcite-color-foreground-1)}.accordion--transparent{--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}.accordion{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-color-border-2)}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteAccordionStyle0 = accordionCss;
 
 const Accordion = class {
     constructor(hostRef) {
@@ -38,10 +39,10 @@ const Accordion = class {
     }
     render() {
         const transparent = this.appearance === "transparent";
-        return (h("div", { class: {
+        return (h("div", { key: '56df7ef7175fd9af4459626fb0d09aab4061e97d', class: {
                 "accordion--transparent": transparent,
                 accordion: !transparent,
-            } }, h("slot", null)));
+            } }, h("slot", { key: 'a657cd0ddb7784909bb5a2df3648cda59d3e71e2' })));
     }
     //--------------------------------------------------------------------------
     //
@@ -76,6 +77,6 @@ const Accordion = class {
         "selectionMode": ["handlePropsChange"]
     }; }
 };
-Accordion.style = accordionCss;
+Accordion.style = CalciteAccordionStyle0;
 
 export { Accordion as calcite_accordion };

package/dist/esm/calcite-action-bar.entry.js

@@ -3,25 +3,25 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-164d485a.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-12c4fcfb.js';
-import { s as slotChangeGetAssignedElements, u as slotChangeHasAssignedElement, f as focusFirstTabbable } from './dom-38c6f027.js';
-import { a as setComponentLoaded, s as setUpLoadableComponent, c as componentFocusable } from './loadable-37e7fbd6.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-904407bf.js';
-import { c as createObserver } from './observers-d04d1da9.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-436fb2b1.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-b6eb575e.js';
-import { d as debounce } from './debounce-229b1a22.js';
-import './guid-b75a5f7b.js';
-import './resources-8834f920.js';
-import './key-c83d835f.js';
-import './resources-b0e2b809.js';
-import './resources-20074cb1.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ba5da2b0.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-16953b0d.js';
+import { h as slotChangeGetAssignedElements, s as slotChangeHasAssignedElement, f as focusFirstTabbable } from './dom-d675fe65.js';
+import { a as setComponentLoaded, s as setUpLoadableComponent, c as componentFocusable } from './loadable-cca582a3.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-353c1c36.js';
+import { c as createObserver } from './observers-19e5cb73.js';
+import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-165900a5.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-73432b0a.js';
+import { d as debounce } from './debounce-6e9ade8c.js';
+import './guid-f05d01d5.js';
+import './resources-1febf4c6.js';
+import './key-092b6260.js';
+import './resources-7c4efc5e.js';
+import './resources-7d202c09.js';
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
+ * v2.8.2
  */
 const CSS = {
     actionGroupEnd: "action-group--end",
@@ -33,6 +33,7 @@ const SLOTS = {
 };
 
 const actionBarCss = ":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{pointer-events:auto;display:inline-flex;align-self:stretch;--calcite-action-bar-expanded-max-width:auto}:host([layout=vertical]){flex-direction:column}:host([layout=vertical]) .action-group--end{margin-block-start:auto}:host([layout=horizontal]){flex-direction:row}:host([layout=horizontal]) .action-group--end{margin-inline-start:auto}:host([layout=vertical][overflow-actions-disabled]){overflow-y:auto}:host([layout=horizontal][overflow-actions-disabled]){overflow-x:auto}:host([layout=vertical][expanded]){max-inline-size:var(--calcite-action-bar-expanded-max-width)}::slotted(calcite-action-group){border-block-end:1px solid var(--calcite-color-border-3)}:host([layout=horizontal]) ::slotted(calcite-action-group){border-block-end:0;border-inline-end:1px solid var(--calcite-color-border-3)}:host([layout=horizontal][expand-disabled]) ::slotted(calcite-action-group:last-of-type){border-inline-end:0}::slotted(calcite-action-group:last-child){border-block-end:0;border-inline-end:0}.action-group--end{justify-content:flex-end}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteActionBarStyle0 = actionBarCss;
 
 const ActionBar = class {
     constructor(hostRef) {
@@ -234,7 +235,7 @@ const ActionBar = class {
         return (h("calcite-action-group", { class: CSS.actionGroupEnd, hidden: this.expandDisabled && !(this.hasActionsEnd || this.hasBottomActions), label: actionsEndGroupLabel, layout: layout, overlayPositioning: overlayPositioning, scale: scale }, h("slot", { name: SLOTS.actionsEnd, onSlotchange: this.handleActionsEndSlotChange }), h("slot", { name: SLOTS.bottomActions, onSlotchange: this.handleBottomActionsSlotChange }), h("slot", { name: SLOTS.expandTooltip, onSlotchange: this.handleTooltipSlotChange }), expandToggleNode));
     }
     render() {
-        return (h(Host, { onCalciteActionMenuOpen: this.actionMenuOpenHandler }, h("slot", { onSlotchange: this.handleDefaultSlotChange }), this.renderBottomActionGroup()));
+        return (h(Host, { key: '578047ec3165559551c136005f1553bb216ecf57', onCalciteActionMenuOpen: this.actionMenuOpenHandler }, h("slot", { key: '74768d564c8f7041d4e0e49c4b117875cb65273f', onSlotchange: this.handleDefaultSlotChange }), this.renderBottomActionGroup()));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -247,6 +248,6 @@ const ActionBar = class {
         "effectiveLocale": ["effectiveLocaleChange"]
     }; }
 };
-ActionBar.style = actionBarCss;
+ActionBar.style = CalciteActionBarStyle0;
 
 export { ActionBar as calcite_action_bar };

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

@@ -3,20 +3,21 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, h, g as getElement } from './index-164d485a.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-12c4fcfb.js';
-import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-37e7fbd6.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-904407bf.js';
-import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-436fb2b1.js';
-import { S as SLOTS$1 } from './resources-20074cb1.js';
-import { S as SLOTS, I as ICONS, C as CSS } from './resources-b0e2b809.js';
-import { u as slotChangeHasAssignedElement } from './dom-38c6f027.js';
-import './observers-d04d1da9.js';
-import './key-c83d835f.js';
-import './guid-b75a5f7b.js';
-import './resources-8834f920.js';
+import { r as registerInstance, h, g as getElement } from './index-ba5da2b0.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-16953b0d.js';
+import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-cca582a3.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-353c1c36.js';
+import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-165900a5.js';
+import { S as SLOTS$1 } from './resources-7d202c09.js';
+import { s as slotChangeHasAssignedElement } from './dom-d675fe65.js';
+import { S as SLOTS, I as ICONS, C as CSS } from './resources-7c4efc5e.js';
+import './observers-19e5cb73.js';
+import './key-092b6260.js';
+import './guid-f05d01d5.js';
+import './resources-1febf4c6.js';
 
 const actionGroupCss = ":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:flex;flex-direction:column;padding:0px;--calcite-action-group-columns:3;--calcite-action-group-gap:1px;--calcite-action-group-padding:1px}.container{display:flex;flex-grow:1;flex-direction:column}: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]),:host([layout=horizontal]) .container{flex-direction:row}:host([layout=grid]){display:grid}:host([layout=grid]) .container{display:grid;place-content:stretch;background-color:var(--calcite-color-background);gap:var(--calcite-action-group-gap);padding:var(--calcite-action-group-gap);grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteActionGroupStyle0 = actionGroupCss;
 
 const ActionGroup = class {
     constructor(hostRef) {
@@ -96,7 +97,7 @@ const ActionGroup = class {
         return (h("calcite-action-menu", { expanded: expanded, flipPlacements: ["left", "right"], hidden: !hasMenuActions, label: messages.more, onCalciteActionMenuOpen: this.setMenuOpen, open: menuOpen, overlayPositioning: overlayPositioning, placement: layout === "horizontal" ? "bottom-start" : "leading-start", scale: scale }, h("calcite-action", { icon: ICONS.menu, scale: scale, slot: SLOTS$1.trigger, text: messages.more, textEnabled: expanded }), h("slot", { name: SLOTS.menuActions, onSlotchange: this.handleMenuActionsSlotChange }), h("slot", { name: SLOTS.menuTooltip, slot: SLOTS$1.tooltip })));
     }
     render() {
-        return (h("div", { "aria-label": this.label, class: CSS.container, role: "group" }, h("slot", null), this.renderMenu()));
+        return (h("div", { key: '689447fecc5bda66fb3b0017288c192033131615', "aria-label": this.label, class: CSS.container, role: "group" }, h("slot", { key: 'd168163c365d6ec486aa5fa975fad904ba3a525e' }), this.renderMenu()));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }
@@ -107,6 +108,6 @@ const ActionGroup = class {
         "effectiveLocale": ["effectiveLocaleChange"]
     }; }
 };
-ActionGroup.style = actionGroupCss;
+ActionGroup.style = CalciteActionGroupStyle0;
 
 export { ActionGroup as calcite_action_group };

package/dist/esm/calcite-action-menu_3.entry.js

@@ -3,26 +3,27 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement, f as forceUpdate, H as Host } from './index-164d485a.js';
-import { g as getRoundRobinIndex } from './array-396bdf3c.js';
-import { t as toAriaBoolean, i as isPrimaryPointerButton, e as focusElement, f as focusFirstTabbable, q as queryElementRoots, D as slotChangeHasContent } from './dom-38c6f027.js';
-import { g as guid } from './guid-b75a5f7b.js';
-import { i as isActivationKey } from './key-c83d835f.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-37e7fbd6.js';
-import { a as activeAttr, C as CSS$2, I as ICONS, S as SLOTS } from './resources-20074cb1.js';
-import { f as filterComputedPlacements, c as connectFloatingUI, b as defaultOffsetDistance, a as disconnectFloatingUI, r as reposition, F as FloatingCSS } from './floating-ui-41dfe3f1.js';
-import { d as deactivateFocusTrap, a as activateFocusTrap, c as connectFocusTrap, u as updateFocusTrapElements } from './focusTrapComponent-47ddce58.js';
-import { o as onToggleOpenCloseComponent } from './openCloseComponent-9f90f493.js';
-import { H as Heading } from './Heading-94780f62.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-904407bf.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-436fb2b1.js';
-import { c as createObserver } from './observers-d04d1da9.js';
-import { F as FloatingArrow } from './FloatingArrow-93d6d18b.js';
-import { g as getIconScale } from './component-edd2c3cd.js';
-import './resources-8834f920.js';
-import './debounce-229b1a22.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement, f as forceUpdate, H as Host } from './index-ba5da2b0.js';
+import { g as getRoundRobinIndex } from './array-2604a55d.js';
+import { t as toAriaBoolean, e as focusElement, E as isKeyboardTriggeredClick, f as focusFirstTabbable, q as queryElementRoots, F as slotChangeHasContent } from './dom-d675fe65.js';
+import { g as guid } from './guid-f05d01d5.js';
+import { i as isActivationKey } from './key-092b6260.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-cca582a3.js';
+import { a as activeAttr, C as CSS$2, I as ICONS, S as SLOTS } from './resources-7d202c09.js';
+import { f as filterComputedPlacements, c as connectFloatingUI, b as defaultOffsetDistance, a as disconnectFloatingUI, r as reposition, F as FloatingCSS } from './floating-ui-9ee6fe17.js';
+import { d as deactivateFocusTrap, a as activateFocusTrap, c as connectFocusTrap, u as updateFocusTrapElements } from './focusTrapComponent-63bf0d9f.js';
+import { o as onToggleOpenCloseComponent } from './openCloseComponent-04234cea.js';
+import { H as Heading } from './Heading-03b41bf8.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-353c1c36.js';
+import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-165900a5.js';
+import { c as createObserver } from './observers-19e5cb73.js';
+import { F as FloatingArrow } from './FloatingArrow-c3a62ec9.js';
+import { g as getIconScale } from './component-960ddabf.js';
+import './resources-1febf4c6.js';
+import './debounce-6e9ade8c.js';
 
 const actionMenuCss = ":host{box-sizing:border-box;display:flex;flex-direction:column;font-size:var(--calcite-font-size-1);color:var(--calcite-color-text-2)}::slotted(calcite-action-group){border-block-end:1px solid var(--calcite-color-border-3)}::slotted(calcite-action-group:last-child){border-block-end:0}.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{max-block-size:45vh;flex-direction:column;flex-wrap:nowrap;overflow-y:auto;overflow-x:hidden;outline:2px solid transparent;outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteActionMenuStyle0 = actionMenuCss;
 
 const SUPPORTED_MENU_NAV_KEYS = ["ArrowUp", "ArrowDown", "End", "Home"];
 const ActionMenu = class {
@@ -63,7 +64,7 @@ const ActionMenu = class {
             if (!menuButtonEl.text) {
                 menuButtonEl.text = label;
             }
-            menuButtonEl.addEventListener("pointerdown", this.menuButtonClick);
+            menuButtonEl.addEventListener("click", this.menuButtonClick);
             menuButtonEl.addEventListener("keydown", this.menuButtonKeyDown);
         };
         this.disconnectMenuButtonEl = () => {
@@ -71,7 +72,7 @@ const ActionMenu = class {
             if (!menuButtonEl) {
                 return;
             }
-            menuButtonEl.removeEventListener("pointerdown", this.menuButtonClick);
+            menuButtonEl.removeEventListener("click", this.menuButtonClick);
             menuButtonEl.removeEventListener("keydown", this.menuButtonKeyDown);
         };
         this.setMenuButtonEl = (event) => {
@@ -96,10 +97,7 @@ const ActionMenu = class {
             this.open = false;
             this.setFocus();
         };
-        this.menuButtonClick = (event) => {
-            if (!isPrimaryPointerButton(event)) {
-                return;
-            }
+        this.menuButtonClick = () => {
             this.toggleOpen();
         };
         this.updateTooltip = (event) => {
@@ -284,7 +282,7 @@ const ActionMenu = class {
         return (h("calcite-popover", { autoClose: true, flipPlacements: flipPlacements, focusTrapDisabled: true, label: label, offsetDistance: 0, onCalcitePopoverClose: this.handlePopoverClose, onCalcitePopoverOpen: this.handlePopoverOpen, open: open, overlayPositioning: overlayPositioning, placement: placement, pointerDisabled: true, referenceElement: menuButtonEl }, h("div", { "aria-activedescendant": activeDescendantId, "aria-labelledby": menuButtonEl === null || menuButtonEl === void 0 ? void 0 : menuButtonEl.id, class: CSS$2.menu, id: menuId, onClick: this.handleCalciteActionClick, role: "menu", tabIndex: -1 }, h("slot", { onSlotchange: this.handleDefaultSlotChange }))));
     }
     render() {
-        return (h(Fragment, null, this.renderMenuButton(), this.renderMenuItems(), h("slot", { name: SLOTS.tooltip, onSlotchange: this.updateTooltip })));
+        return (h(Fragment, { key: '172df111e58778a1006253a0eb444e767ad2d12b' }, this.renderMenuButton(), this.renderMenuItems(), h("slot", { key: '1df982aa86cbdd0c2c7d847e9b6f0a4d35b5ba15', name: SLOTS.tooltip, onSlotchange: this.updateTooltip })));
     }
     isValidKey(key, supportedKeys) {
         return !!supportedKeys.find((k) => k === key);
@@ -296,32 +294,12 @@ const ActionMenu = class {
         "activeMenuItemIndex": ["activeMenuItemIndexHandler"]
     }; }
 };
-ActionMenu.style = actionMenuCss;
-
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
- */
-const CSS$1 = {
-    container: "container",
-    imageContainer: "image-container",
-    closeButtonContainer: "close-button-container",
-    closeButton: "close-button",
-    content: "content",
-    hasHeader: "has-header",
-    header: "header",
-    headerContent: "header-content",
-    heading: "heading",
-};
-const defaultPopoverPlacement = "auto";
-const ARIA_CONTROLS = "aria-controls";
-const ARIA_EXPANDED = "aria-expanded";
+ActionMenu.style = CalciteActionMenuStyle0;
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
+ * v2.8.2
  */
 class PopoverManager {
     constructor() {
@@ -352,7 +330,7 @@ class PopoverManager {
                 .filter((popover) => popover !== togglePopover && popover.autoClose && popover.open && !composedPath.includes(popover))
                 .forEach((popover) => (popover.open = false));
         };
-        this.keyHandler = (event) => {
+        this.keyDownHandler = (event) => {
             if (event.defaultPrevented) {
                 return;
             }
@@ -364,9 +342,10 @@ class PopoverManager {
             }
         };
         this.clickHandler = (event) => {
-            if (isPrimaryPointerButton(event)) {
-                this.togglePopovers(event);
+            if (isKeyboardTriggeredClick(event)) {
+                return;
             }
+            this.togglePopovers(event);
         };
     }
     // --------------------------------------------------------------------------
@@ -393,16 +372,37 @@ class PopoverManager {
         Array.from(this.registeredElements.values()).forEach((popover) => (popover.open = false));
     }
     addListeners() {
-        window.addEventListener("pointerdown", this.clickHandler, { capture: true });
-        window.addEventListener("keydown", this.keyHandler, { capture: true });
+        window.addEventListener("click", this.clickHandler);
+        window.addEventListener("keydown", this.keyDownHandler);
     }
     removeListeners() {
-        window.removeEventListener("pointerdown", this.clickHandler, { capture: true });
-        window.removeEventListener("keydown", this.keyHandler, { capture: true });
+        window.removeEventListener("click", this.clickHandler);
+        window.removeEventListener("keydown", this.keyDownHandler);
     }
 }
 
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.8.2
+ */
+const CSS$1 = {
+    container: "container",
+    imageContainer: "image-container",
+    closeButtonContainer: "close-button-container",
+    closeButton: "close-button",
+    content: "content",
+    hasHeader: "has-header",
+    header: "header",
+    headerContent: "header-content",
+    heading: "heading",
+};
+const defaultPopoverPlacement = "auto";
+const ARIA_CONTROLS = "aria-controls";
+const ARIA_EXPANDED = "aria-expanded";
+
 const popoverCss = ":host{--calcite-floating-ui-z-index:var(--calcite-popover-z-index, var(--calcite-z-index-popup));display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index)}.calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}:host([data-placement^=bottom]) .calcite-floating-ui-anim{transform:translateY(-5px)}:host([data-placement^=top]) .calcite-floating-ui-anim{transform:translateY(5px)}:host([data-placement^=left]) .calcite-floating-ui-anim{transform:translateX(5px)}:host([data-placement^=right]) .calcite-floating-ui-anim{transform:translateX(-5px)}:host([data-placement]) .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-color-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}:host([scale=s]) .heading{padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .heading{padding-inline:1rem;padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .heading{padding-inline:1.25rem;padding-block:1rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host{pointer-events:none}:host([open]){pointer-events:initial}.calcite-floating-ui-anim{border-radius:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1)}.arrow::before{outline:1px solid var(--calcite-color-border-3)}.header{display:flex;flex:1 1 auto;align-items:stretch;justify-content:flex-start;border-width:0px;border-block-end-width:1px;border-style:solid;border-block-end-color:var(--calcite-color-border-3)}.heading{margin:0px;display:block;flex:1 1 auto;align-self:center;white-space:normal;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);word-wrap:break-word;word-break:break-word}.container{position:relative;display:flex;block-size:100%;flex-direction:row;flex-wrap:nowrap;border-radius:0.25rem;color:var(--calcite-color-text-1)}.container.has-header{flex-direction:column}.content{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;align-self:center;word-wrap:break-word;word-break:break-word}.close-button-container{display:flex;overflow:hidden;flex:0 0 auto;border-start-end-radius:0.25rem;border-end-end-radius:0.25rem}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%}:host([hidden]){display:none}[hidden]{display:none}";
+const CalcitePopoverStyle0 = popoverCss;
 
 const manager = new PopoverManager();
 const Popover = class {
@@ -570,7 +570,7 @@ const Popover = class {
         if (this.referenceElement && !this.effectiveReferenceElement) {
             this.setUpReferenceElement();
         }
-        this.reposition();
+        connectFloatingUI(this, this.effectiveReferenceElement, this.el);
         this.hasLoaded = true;
     }
     disconnectedCallback() {
@@ -662,15 +662,15 @@ const Popover = class {
         const arrowNode = !pointerDisabled ? (h(FloatingArrow, { floatingLayout: floatingLayout, key: "floating-arrow",
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
             ref: this.storeArrowEl })) : null;
-        return (h(Host, { "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "dialog" }, h("div", { class: {
+        return (h(Host, { key: 'c6ca86d9bde93db52f3abc95344e8bff9e245517', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "dialog" }, h("div", { key: '1e1054bfa6ac2e762b8ba49b0148330c6e3e4bd8', class: {
                 [FloatingCSS.animation]: true,
                 [FloatingCSS.animationActive]: displayed,
             },
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setTransitionEl }, arrowNode, h("div", { class: {
+            ref: this.setTransitionEl }, arrowNode, h("div", { key: 'e9d6f6a86b2f433625df8436bc7bbea1dcdd5c60', class: {
                 [CSS$1.hasHeader]: !!heading,
                 [CSS$1.container]: true,
-            } }, this.renderHeader(), h("div", { class: CSS$1.content }, h("slot", null)), !heading ? this.renderCloseButton() : null))));
+            } }, this.renderHeader(), h("div", { key: '64845f98d4666edc418aa119c3fd7c592d41ee48', class: CSS$1.content }, h("slot", { key: '24a55594fb96fb227012406096f74b7646b58b9e' })), !heading ? this.renderCloseButton() : null))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -687,24 +687,25 @@ const Popover = class {
         "effectiveLocale": ["effectiveLocaleChange"]
     }; }
 };
-Popover.style = popoverCss;
+Popover.style = CalcitePopoverStyle0;
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
+ * v2.8.2
  */
 const CSS = {
     scrim: "scrim",
     content: "content",
 };
 const BREAKPOINTS = {
-    s: 72,
+    s: 72, // Less than 72px.
     // medium is assumed default.
     l: 480, // Greater than or equal to 480px.
 };
 
 const scrimCss = ":host{--calcite-scrim-background:var(--calcite-color-transparent-scrim);position:absolute;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;block-size:100%;inline-size:100%;flex-direction:column;align-items:stretch}@keyframes calcite-scrim-fade-in{0%{--tw-bg-opacity:0}100%{--tw-text-opacity:1}}.scrim{position:absolute;inset:0px;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;overflow:hidden;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-scrim-background, var(--calcite-color-transparent-scrim))}.content{padding:1rem}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteScrimStyle0 = scrimCss;
 
 const Scrim = class {
     constructor(hostRef) {
@@ -763,9 +764,9 @@ const Scrim = class {
     // --------------------------------------------------------------------------
     render() {
         const { hasContent, loading, messages } = this;
-        return (h("div", { class: CSS.scrim }, loading ? (h("calcite-loader", { label: messages.loading, scale: this.loaderScale,
+        return (h("div", { key: '7a0aeafa981a687bb129a2ba939f5db1325d3a36', class: CSS.scrim }, loading ? (h("calcite-loader", { label: messages.loading, scale: this.loaderScale,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.storeLoaderEl })) : null, h("div", { class: CSS.content, hidden: !hasContent }, h("slot", { onSlotchange: this.handleDefaultSlotChange }))));
+            ref: this.storeLoaderEl })) : null, h("div", { key: '7c3c32b66e2012e95e569fbb2dd651b774c124b0', class: CSS.content, hidden: !hasContent }, h("slot", { key: '4d2fc58294f4c5aa4655a58d41e5e2034578453e', onSlotchange: this.handleDefaultSlotChange }))));
     }
     getScale(size) {
         if (size < BREAKPOINTS.s) {
@@ -793,6 +794,6 @@ const Scrim = class {
         "effectiveLocale": ["effectiveLocaleChange"]
     }; }
 };
-Scrim.style = scrimCss;
+Scrim.style = CalciteScrimStyle0;
 
 export { ActionMenu as calcite_action_menu, Popover as calcite_popover, Scrim as calcite_scrim };