@esri/calcite-components 5.0.0-next.42 → 5.0.0-next.43

package/dist/components/calcite-tree-item/customElement.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.42 */
+v5.0.0-next.43 */
 import { C as CSS_UTILITY, c as customElement } from "../../chunks/runtime.js";
 import { keyed } from "lit/directives/keyed.js";
 import { css, html, nothing } from "lit";

package/dist/controllers/useTopLayer.d.ts

@@ -0,0 +1,34 @@
+import { makeGenericController } from '@arcgis/lumina/controllers';
+import { LitElement } from '@arcgis/lumina';
+import { Ref } from 'lit/directives/ref.js';
+export interface UseTopLayer {
+    /**
+     * Shows the target element on the top layer.
+     */
+    show: () => Promise<void>;
+    /**
+     * Hides the target element from the top layer.
+     */
+    hide: () => Promise<void>;
+}
+export interface UseTopLayerOptions {
+    /**
+     * When true, the top-layer placement will be disabled regardless of `topLayerDisabled`.
+     */
+    disabledOverride?: () => boolean;
+    /**
+     * The target element or a Ref to the target element to show on the top layer.
+     */
+    target: (() => HTMLElement | undefined) | Ref<HTMLElement>;
+}
+export interface TopLayerComponent extends LitElement {
+    /**
+     * When true, disables top layer placement when the component is open.
+     *
+     * Only set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.
+     *
+     * @mdn [Top Layer](https://developer.mozilla.org/en-US/docs/Glossary/Top_layer)
+     */
+    topLayerDisabled?: boolean;
+}
+export declare const useTopLayer: <T extends TopLayerComponent>(options: UseTopLayerOptions) => ReturnType<typeof makeGenericController<UseTopLayer, T>>;

package/dist/docs/api.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-12-30T00:46:52",
+  "timestamp": "2025-12-31T18:21:23",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
     "version": "5.0.0-next.76",
@@ -18390,6 +18390,28 @@
               ],
               "signature": "(options?: FocusOptions): Promise<void>"
             },
+            {
+              "kind": "field",
+              "name": "topLayerDisabled",
+              "description": "When true, disables top layer placement when the component is open.\n\nOnly set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "attribute": "top-layer-disabled",
+              "reflects": true,
+              "docsTags": [
+                {
+                  "name": "mdn",
+                  "text": "[Top Layer](https://developer.mozilla.org/en-US/docs/Glossary/Top_layer)"
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "updateFocusTrapElements",
@@ -18877,6 +18899,20 @@
               "default": "\"m\"",
               "fieldName": "scale"
             },
+            {
+              "name": "top-layer-disabled",
+              "description": "When true, disables top layer placement when the component is open.\n\nOnly set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "fieldName": "topLayerDisabled"
+            },
             {
               "name": "width",
               "description": "Specifies the width of the component.",
@@ -43567,6 +43603,28 @@
               ],
               "signature": "(options?: FocusOptions): Promise<void>"
             },
+            {
+              "kind": "field",
+              "name": "topLayerDisabled",
+              "description": "When true, disables top layer placement when the component is open.\n\nOnly set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "attribute": "top-layer-disabled",
+              "reflects": true,
+              "docsTags": [
+                {
+                  "name": "mdn",
+                  "text": "[Top Layer](https://developer.mozilla.org/en-US/docs/Glossary/Top_layer)"
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "updateFocusTrapElements",
@@ -43884,6 +43942,20 @@
               "default": "false",
               "fieldName": "resizable"
             },
+            {
+              "name": "top-layer-disabled",
+              "description": "When true, disables top layer placement when the component is open.\n\nOnly set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "fieldName": "topLayerDisabled"
+            },
             {
               "name": "width",
               "description": "Specifies the width of the component.",

package/dist/docs/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-12-30T00:46:52",
+  "timestamp": "2025-12-31T18:21:23",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
     "version": "5.0.0-next.76",
@@ -15492,6 +15492,33 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "topLayerDisabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "top-layer-disabled",
+          "reflectToAttr": true,
+          "docs": "When true, disables top layer placement when the component is open.\n\nOnly set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.",
+          "docsTags": [
+            {
+              "name": "mdn",
+              "text": "[Top Layer](https://developer.mozilla.org/en-US/docs/Glossary/Top_layer)"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "width",
           "type": "\"l\" | \"m\" | \"s\"",
@@ -36772,6 +36799,33 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "topLayerDisabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "top-layer-disabled",
+          "reflectToAttr": true,
+          "docs": "When true, disables top layer placement when the component is open.\n\nOnly set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.",
+          "docsTags": [
+            {
+              "name": "mdn",
+              "text": "[Top Layer](https://developer.mozilla.org/en-US/docs/Glossary/Top_layer)"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "width",
           "type": "\"l\" | \"m\" | \"s\"",

package/dist/docs/vscode.html-custom-data.json

@@ -3217,6 +3217,11 @@
             }
           ]
         },
+        {
+          "name": "top-layer-disabled",
+          "description": "When true, disables top layer placement when the component is open.\n\nOnly set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.",
+          "values": []
+        },
         {
           "name": "width",
           "description": "Specifies the width of the component.",
@@ -7162,6 +7167,11 @@
           "description": "When `true`, the component is resizable.",
           "values": []
         },
+        {
+          "name": "top-layer-disabled",
+          "description": "When true, disables top layer placement when the component is open.\n\nOnly set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.",
+          "values": []
+        },
         {
           "name": "width",
           "description": "Specifies the width of the component.",

package/dist/docs/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@esri/calcite-components",
-  "version": "5.0.0-next.42",
+  "version": "5.0.0-next.43",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -6150,6 +6150,14 @@
                 ]
               }
             },
+            {
+              "name": "top-layer-disabled",
+              "description": "When true, disables top layer placement when the component is open.\n\nOnly set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "width",
               "description": "Specifies the width of the component.",
@@ -6371,6 +6379,11 @@
                 "description": "Specifies the size of the component.",
                 "type": "\"l\" | \"m\" | \"s\""
               },
+              {
+                "name": "topLayerDisabled",
+                "description": "When true, disables top layer placement when the component is open.\n\nOnly set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.",
+                "type": "boolean"
+              },
               {
                 "name": "width",
                 "description": "Specifies the width of the component.",
@@ -14596,6 +14609,14 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "top-layer-disabled",
+              "description": "When true, disables top layer placement when the component is open.\n\nOnly set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "width",
               "description": "Specifies the width of the component.",
@@ -14715,6 +14736,11 @@
                 "description": "When `true`, the component is resizable.",
                 "type": "boolean"
               },
+              {
+                "name": "topLayerDisabled",
+                "description": "When true, disables top layer placement when the component is open.\n\nOnly set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.",
+                "type": "boolean"
+              },
               {
                 "name": "width",
                 "description": "Specifies the width of the component.",

package/dist/index.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.42 */
+v5.0.0-next.43 */
 import { s as setAssetPath$1 } from "./chunks/runtime.js";
 import { g } from "./chunks/runtime.js";
 let assetPathChanged = false;

package/dist/loader.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.42 */
+v5.0.0-next.43 */
 import { r as runtime } from "./chunks/runtime.js";
 import { makeDefineCustomElements } from "@arcgis/lumina";
 const defineCustomElements = makeDefineCustomElements(runtime, {
@@ -37,7 +37,7 @@ const defineCustomElements = makeDefineCustomElements(runtime, {
   "calcite-date-picker-day": [() => import("./components/calcite-date-picker-day/customElement.js"), "active,currentMonth,dateTimeFormat:,day,disabled,endOfRange,highlighted,range,rangeEdge,rangeHover,scale,selected,startOfRange,value:;setFocus"],
   "calcite-date-picker-month": [() => import("./components/calcite-date-picker-month/customElement.js"), "activeDate:,calendars,dateTimeFormat:,endDate:,headingLevel,hoverRange:,layout,localeData:,max:,messages:,min:,monthStyle,range,scale,selectedDate:,startDate:"],
   "calcite-date-picker-month-header": [() => import("./components/calcite-date-picker-month-header/customElement.js"), "activeDate:,headingLevel,localeData:,max:,messages:,min:,monthStyle,position,scale,selectedDate:"],
-  "calcite-dialog": [() => import("./components/calcite-dialog/customElement.js"), "beforeClose:,closeDisabled,description,dragEnabled,embedded,escapeDisabled,focusTrapDisabled,focusTrapOptions:,heading,headingLevel,icon,iconFlipRtl,kind,loading,menuOpen,messageOverrides:,modal,open,outsideCloseDisabled,overlayPositioning,placement,resizable,scale,width,widthScale;scrollContentTo,setFocus,updateFocusTrapElements"],
+  "calcite-dialog": [() => import("./components/calcite-dialog/customElement.js"), "beforeClose:,closeDisabled,description,dragEnabled,embedded,escapeDisabled,focusTrapDisabled,focusTrapOptions:,heading,headingLevel,icon,iconFlipRtl,kind,loading,menuOpen,messageOverrides:,modal,open,outsideCloseDisabled,overlayPositioning,placement,resizable,scale,topLayerDisabled,width,widthScale;scrollContentTo,setFocus,updateFocusTrapElements"],
   "calcite-dropdown": [() => import("./components/calcite-dropdown/customElement.js"), "closeOnSelectDisabled,disabled,flipPlacements:,maxItems,offsetDistance,offsetSkidding,open,overlayPositioning,placement,scale,selectedItems:,type,width,widthScale;reposition,setFocus"],
   "calcite-dropdown-group": [() => import("./components/calcite-dropdown-group/customElement.js"), "groupTitle,position,scale,selectionMode"],
   "calcite-dropdown-item": [() => import("./components/calcite-dropdown-item/customElement.js"), "disabled,href,iconEnd,iconFlipRtl,iconStart,label,rel,scale,selected,selectionMode,target;setFocus"],
@@ -82,7 +82,7 @@ const defineCustomElements = makeDefineCustomElements(runtime, {
   "calcite-segmented-control": [() => import("./components/calcite-segmented-control/customElement.js"), "appearance,disabled,form,labelText,layout,messageOverrides:,name,required,scale,selectedItem:,status,validationIcon,validationMessage,validity:,value,width;setFocus"],
   "calcite-segmented-control-item": [() => import("./components/calcite-segmented-control-item/customElement.js"), "appearance,checked,iconEnd,iconFlipRtl,iconStart,layout,scale,value"],
   "calcite-select": [() => import("./components/calcite-select/customElement.js"), "disabled,form,label,labelText,messageOverrides:,name,required,scale,selectedOption:,status,validationIcon,validationMessage,validity:,value,width;setFocus"],
-  "calcite-sheet": [() => import("./components/calcite-sheet/customElement.js"), "beforeClose:,displayMode,embedded,escapeDisabled,focusTrapDisabled,focusTrapOptions:,height,heightScale,label,messageOverrides:,open,opened,outsideCloseDisabled,position,resizable,width,widthScale;setFocus,updateFocusTrapElements"],
+  "calcite-sheet": [() => import("./components/calcite-sheet/customElement.js"), "beforeClose:,displayMode,embedded,escapeDisabled,focusTrapDisabled,focusTrapOptions:,height,heightScale,label,messageOverrides:,open,opened,outsideCloseDisabled,position,resizable,topLayerDisabled,width,widthScale;setFocus,updateFocusTrapElements"],
   "calcite-shell": [() => import("./components/calcite-shell/customElement.js"), "contentBehind"],
   "calcite-shell-panel": [() => import("./components/calcite-shell-panel/customElement.js"), "collapsed,displayMode,height,heightScale,layout,messageOverrides:,position,resizable,width,widthScale;updateSize"],
   "calcite-slider": [() => import("./components/calcite-slider/customElement.js"), "disabled,fillPlacement,form,groupSeparator,hasHistogram,histogram:,histogramStops:,labelFormatter:,labelHandles,labelText,labelTicks,max,maxLabel,maxValue,messageOverrides:,min,minLabel,minValue,mirrored,name,numberingSystem,pageStep,precise,required,scale,snap,status,step,ticks,validationIcon,validationMessage,validity:,value;setFocus"],

package/dist/types/lumina.d.ts

@@ -273,7 +273,7 @@ interface LuminaCalciteDatePickerMonth extends Partial<Pick<DatePickerMonth, 'ac
 interface LuminaCalciteDatePickerMonthHeader extends Partial<Pick<DatePickerMonthHeader, 'activeDate' | 'headingLevel' | 'localeData' | 'max' | 'min' | 'monthStyle' | 'scale' | 'selectedDate'>>, h.JSX.HTMLAttributes<HTMLCalciteDatePickerMonthHeaderElement> {
 }
 
-interface LuminaCalciteDialog extends Partial<Pick<Dialog, 'beforeClose' | 'closeDisabled' | 'description' | 'dragEnabled' | 'escapeDisabled' | 'focusTrapDisabled' | 'focusTrapOptions' | 'heading' | 'headingLevel' | 'icon' | 'iconFlipRtl' | 'kind' | 'loading' | 'menuOpen' | 'messageOverrides' | 'modal' | 'open' | 'outsideCloseDisabled' | 'overlayPositioning' | 'placement' | 'resizable' | 'scale' | 'width' | 'widthScale'>>, h.JSX.HTMLAttributes<HTMLCalciteDialogElement> {
+interface LuminaCalciteDialog extends Partial<Pick<Dialog, 'beforeClose' | 'closeDisabled' | 'description' | 'dragEnabled' | 'escapeDisabled' | 'focusTrapDisabled' | 'focusTrapOptions' | 'heading' | 'headingLevel' | 'icon' | 'iconFlipRtl' | 'kind' | 'loading' | 'menuOpen' | 'messageOverrides' | 'modal' | 'open' | 'outsideCloseDisabled' | 'overlayPositioning' | 'placement' | 'resizable' | 'scale' | 'topLayerDisabled' | 'width' | 'widthScale'>>, h.JSX.HTMLAttributes<HTMLCalciteDialogElement> {
   oncalciteDialogBeforeClose?: EventHandler<HTMLCalciteDialogElement["calciteDialogBeforeClose"]>;
   oncalciteDialogBeforeOpen?: EventHandler<HTMLCalciteDialogElement["calciteDialogBeforeOpen"]>;
   oncalciteDialogClose?: EventHandler<HTMLCalciteDialogElement["calciteDialogClose"]>;
@@ -487,7 +487,7 @@ interface LuminaCalciteSelect extends Required<Pick<Select, 'label'>>, Partial<P
   oncalciteSelectChange?: EventHandler<HTMLCalciteSelectElement["calciteSelectChange"]>;
 }
 
-interface LuminaCalciteSheet extends Required<Pick<Sheet, 'label'>>, Partial<Pick<Sheet, 'beforeClose' | 'displayMode' | 'escapeDisabled' | 'focusTrapDisabled' | 'focusTrapOptions' | 'height' | 'heightScale' | 'messageOverrides' | 'open' | 'outsideCloseDisabled' | 'position' | 'resizable' | 'width' | 'widthScale'>>, h.JSX.HTMLAttributes<HTMLCalciteSheetElement> {
+interface LuminaCalciteSheet extends Required<Pick<Sheet, 'label'>>, Partial<Pick<Sheet, 'beforeClose' | 'displayMode' | 'escapeDisabled' | 'focusTrapDisabled' | 'focusTrapOptions' | 'height' | 'heightScale' | 'messageOverrides' | 'open' | 'outsideCloseDisabled' | 'position' | 'resizable' | 'topLayerDisabled' | 'width' | 'widthScale'>>, h.JSX.HTMLAttributes<HTMLCalciteSheetElement> {
   oncalciteSheetBeforeClose?: EventHandler<HTMLCalciteSheetElement["calciteSheetBeforeClose"]>;
   oncalciteSheetBeforeOpen?: EventHandler<HTMLCalciteSheetElement["calciteSheetBeforeOpen"]>;
   oncalciteSheetClose?: EventHandler<HTMLCalciteSheetElement["calciteSheetClose"]>;

package/dist/types/preact.d.ts

@@ -274,7 +274,7 @@ interface PreactCalciteDatePickerMonth extends Partial<Pick<DatePickerMonth, 'ac
 interface PreactCalciteDatePickerMonthHeader extends Partial<Pick<DatePickerMonthHeader, 'activeDate' | 'headingLevel' | 'localeData' | 'max' | 'min' | 'monthStyle' | 'scale' | 'selectedDate'>>, HTMLAttributes<HTMLCalciteDatePickerMonthHeaderElement> {
 }
 
-interface PreactCalciteDialog extends Partial<Pick<Dialog, 'beforeClose' | 'closeDisabled' | 'description' | 'dragEnabled' | 'escapeDisabled' | 'focusTrapDisabled' | 'focusTrapOptions' | 'heading' | 'headingLevel' | 'icon' | 'iconFlipRtl' | 'kind' | 'loading' | 'menuOpen' | 'messageOverrides' | 'modal' | 'open' | 'outsideCloseDisabled' | 'overlayPositioning' | 'placement' | 'resizable' | 'scale' | 'width' | 'widthScale'>>, HTMLAttributes<HTMLCalciteDialogElement> {
+interface PreactCalciteDialog extends Partial<Pick<Dialog, 'beforeClose' | 'closeDisabled' | 'description' | 'dragEnabled' | 'escapeDisabled' | 'focusTrapDisabled' | 'focusTrapOptions' | 'heading' | 'headingLevel' | 'icon' | 'iconFlipRtl' | 'kind' | 'loading' | 'menuOpen' | 'messageOverrides' | 'modal' | 'open' | 'outsideCloseDisabled' | 'overlayPositioning' | 'placement' | 'resizable' | 'scale' | 'topLayerDisabled' | 'width' | 'widthScale'>>, HTMLAttributes<HTMLCalciteDialogElement> {
   oncalciteDialogBeforeClose?: EventHandler<HTMLCalciteDialogElement["calciteDialogBeforeClose"]>;
   oncalciteDialogBeforeOpen?: EventHandler<HTMLCalciteDialogElement["calciteDialogBeforeOpen"]>;
   oncalciteDialogClose?: EventHandler<HTMLCalciteDialogElement["calciteDialogClose"]>;
@@ -488,7 +488,7 @@ interface PreactCalciteSelect extends Required<Pick<Select, 'label'>>, Partial<P
   oncalciteSelectChange?: EventHandler<HTMLCalciteSelectElement["calciteSelectChange"]>;
 }
 
-interface PreactCalciteSheet extends Required<Pick<Sheet, 'label'>>, Partial<Pick<Sheet, 'beforeClose' | 'displayMode' | 'escapeDisabled' | 'focusTrapDisabled' | 'focusTrapOptions' | 'height' | 'heightScale' | 'messageOverrides' | 'open' | 'outsideCloseDisabled' | 'position' | 'resizable' | 'width' | 'widthScale'>>, HTMLAttributes<HTMLCalciteSheetElement> {
+interface PreactCalciteSheet extends Required<Pick<Sheet, 'label'>>, Partial<Pick<Sheet, 'beforeClose' | 'displayMode' | 'escapeDisabled' | 'focusTrapDisabled' | 'focusTrapOptions' | 'height' | 'heightScale' | 'messageOverrides' | 'open' | 'outsideCloseDisabled' | 'position' | 'resizable' | 'topLayerDisabled' | 'width' | 'widthScale'>>, HTMLAttributes<HTMLCalciteSheetElement> {
   oncalciteSheetBeforeClose?: EventHandler<HTMLCalciteSheetElement["calciteSheetBeforeClose"]>;
   oncalciteSheetBeforeOpen?: EventHandler<HTMLCalciteSheetElement["calciteSheetBeforeOpen"]>;
   oncalciteSheetClose?: EventHandler<HTMLCalciteSheetElement["calciteSheetClose"]>;

package/dist/types/preact10.d.ts

@@ -308,7 +308,7 @@ interface PreactCalciteDatePickerMonthHeader extends Partial<Pick<DatePickerMont
 }
 
 /** @deprecated Update to Preact 10.27.2+ or 11+ and consume types/preact file over types/preact10 */
-interface PreactCalciteDialog extends Partial<Pick<Dialog, 'beforeClose' | 'closeDisabled' | 'description' | 'dragEnabled' | 'escapeDisabled' | 'focusTrapDisabled' | 'focusTrapOptions' | 'heading' | 'headingLevel' | 'icon' | 'iconFlipRtl' | 'kind' | 'loading' | 'menuOpen' | 'messageOverrides' | 'modal' | 'open' | 'outsideCloseDisabled' | 'overlayPositioning' | 'placement' | 'resizable' | 'scale' | 'width' | 'widthScale'>>, PreactJsx.HTMLAttributes<HTMLCalciteDialogElement> {
+interface PreactCalciteDialog extends Partial<Pick<Dialog, 'beforeClose' | 'closeDisabled' | 'description' | 'dragEnabled' | 'escapeDisabled' | 'focusTrapDisabled' | 'focusTrapOptions' | 'heading' | 'headingLevel' | 'icon' | 'iconFlipRtl' | 'kind' | 'loading' | 'menuOpen' | 'messageOverrides' | 'modal' | 'open' | 'outsideCloseDisabled' | 'overlayPositioning' | 'placement' | 'resizable' | 'scale' | 'topLayerDisabled' | 'width' | 'widthScale'>>, PreactJsx.HTMLAttributes<HTMLCalciteDialogElement> {
   oncalciteDialogBeforeClose?: EventHandler<HTMLCalciteDialogElement["calciteDialogBeforeClose"]>;
   oncalciteDialogBeforeOpen?: EventHandler<HTMLCalciteDialogElement["calciteDialogBeforeOpen"]>;
   oncalciteDialogClose?: EventHandler<HTMLCalciteDialogElement["calciteDialogClose"]>;
@@ -567,7 +567,7 @@ interface PreactCalciteSelect extends Required<Pick<Select, 'label'>>, Partial<P
 }
 
 /** @deprecated Update to Preact 10.27.2+ or 11+ and consume types/preact file over types/preact10 */
-interface PreactCalciteSheet extends Required<Pick<Sheet, 'label'>>, Partial<Pick<Sheet, 'beforeClose' | 'displayMode' | 'escapeDisabled' | 'focusTrapDisabled' | 'focusTrapOptions' | 'height' | 'heightScale' | 'messageOverrides' | 'open' | 'outsideCloseDisabled' | 'position' | 'resizable' | 'width' | 'widthScale'>>, PreactJsx.HTMLAttributes<HTMLCalciteSheetElement> {
+interface PreactCalciteSheet extends Required<Pick<Sheet, 'label'>>, Partial<Pick<Sheet, 'beforeClose' | 'displayMode' | 'escapeDisabled' | 'focusTrapDisabled' | 'focusTrapOptions' | 'height' | 'heightScale' | 'messageOverrides' | 'open' | 'outsideCloseDisabled' | 'position' | 'resizable' | 'topLayerDisabled' | 'width' | 'widthScale'>>, PreactJsx.HTMLAttributes<HTMLCalciteSheetElement> {
   oncalciteSheetBeforeClose?: EventHandler<HTMLCalciteSheetElement["calciteSheetBeforeClose"]>;
   oncalciteSheetBeforeOpen?: EventHandler<HTMLCalciteSheetElement["calciteSheetBeforeOpen"]>;
   oncalciteSheetClose?: EventHandler<HTMLCalciteSheetElement["calciteSheetClose"]>;

package/dist/types/react.d.ts

@@ -274,7 +274,7 @@ interface ReactCalciteDatePickerMonth extends Partial<Pick<DatePickerMonth, 'act
 interface ReactCalciteDatePickerMonthHeader extends Partial<Pick<DatePickerMonthHeader, 'activeDate' | 'headingLevel' | 'localeData' | 'max' | 'min' | 'monthStyle' | 'scale' | 'selectedDate'>>, HTMLProps<HTMLCalciteDatePickerMonthHeaderElement> {
 }
 
-interface ReactCalciteDialog extends Partial<Pick<Dialog, 'beforeClose' | 'closeDisabled' | 'description' | 'dragEnabled' | 'escapeDisabled' | 'focusTrapDisabled' | 'focusTrapOptions' | 'heading' | 'headingLevel' | 'icon' | 'iconFlipRtl' | 'kind' | 'loading' | 'menuOpen' | 'messageOverrides' | 'modal' | 'open' | 'outsideCloseDisabled' | 'overlayPositioning' | 'placement' | 'resizable' | 'scale' | 'width' | 'widthScale'>>, HTMLProps<HTMLCalciteDialogElement> {
+interface ReactCalciteDialog extends Partial<Pick<Dialog, 'beforeClose' | 'closeDisabled' | 'description' | 'dragEnabled' | 'escapeDisabled' | 'focusTrapDisabled' | 'focusTrapOptions' | 'heading' | 'headingLevel' | 'icon' | 'iconFlipRtl' | 'kind' | 'loading' | 'menuOpen' | 'messageOverrides' | 'modal' | 'open' | 'outsideCloseDisabled' | 'overlayPositioning' | 'placement' | 'resizable' | 'scale' | 'topLayerDisabled' | 'width' | 'widthScale'>>, HTMLProps<HTMLCalciteDialogElement> {
   oncalciteDialogBeforeClose?: EventHandler<HTMLCalciteDialogElement["calciteDialogBeforeClose"]>;
   oncalciteDialogBeforeOpen?: EventHandler<HTMLCalciteDialogElement["calciteDialogBeforeOpen"]>;
   oncalciteDialogClose?: EventHandler<HTMLCalciteDialogElement["calciteDialogClose"]>;
@@ -488,7 +488,7 @@ interface ReactCalciteSelect extends Required<Pick<Select, 'label'>>, Partial<Pi
   oncalciteSelectChange?: EventHandler<HTMLCalciteSelectElement["calciteSelectChange"]>;
 }
 
-interface ReactCalciteSheet extends Required<Pick<Sheet, 'label'>>, Partial<Pick<Sheet, 'beforeClose' | 'displayMode' | 'escapeDisabled' | 'focusTrapDisabled' | 'focusTrapOptions' | 'height' | 'heightScale' | 'messageOverrides' | 'open' | 'outsideCloseDisabled' | 'position' | 'resizable' | 'width' | 'widthScale'>>, HTMLProps<HTMLCalciteSheetElement> {
+interface ReactCalciteSheet extends Required<Pick<Sheet, 'label'>>, Partial<Pick<Sheet, 'beforeClose' | 'displayMode' | 'escapeDisabled' | 'focusTrapDisabled' | 'focusTrapOptions' | 'height' | 'heightScale' | 'messageOverrides' | 'open' | 'outsideCloseDisabled' | 'position' | 'resizable' | 'topLayerDisabled' | 'width' | 'widthScale'>>, HTMLProps<HTMLCalciteSheetElement> {
   oncalciteSheetBeforeClose?: EventHandler<HTMLCalciteSheetElement["calciteSheetBeforeClose"]>;
   oncalciteSheetBeforeOpen?: EventHandler<HTMLCalciteSheetElement["calciteSheetBeforeOpen"]>;
   oncalciteSheetClose?: EventHandler<HTMLCalciteSheetElement["calciteSheetClose"]>;

package/dist/types/stencil.d.ts

@@ -274,7 +274,7 @@ interface StencilCalciteDatePickerMonth extends Partial<Pick<DatePickerMonth, 'a
 interface StencilCalciteDatePickerMonthHeader extends Partial<Pick<DatePickerMonthHeader, 'activeDate' | 'headingLevel' | 'localeData' | 'max' | 'min' | 'monthStyle' | 'scale' | 'selectedDate'>>, StencilJsx.HTMLAttributes<HTMLCalciteDatePickerMonthHeaderElement> {
 }
 
-interface StencilCalciteDialog extends Partial<Pick<Dialog, 'beforeClose' | 'closeDisabled' | 'description' | 'dragEnabled' | 'escapeDisabled' | 'focusTrapDisabled' | 'focusTrapOptions' | 'heading' | 'headingLevel' | 'icon' | 'iconFlipRtl' | 'kind' | 'loading' | 'menuOpen' | 'messageOverrides' | 'modal' | 'open' | 'outsideCloseDisabled' | 'overlayPositioning' | 'placement' | 'resizable' | 'scale' | 'width' | 'widthScale'>>, StencilJsx.HTMLAttributes<HTMLCalciteDialogElement> {
+interface StencilCalciteDialog extends Partial<Pick<Dialog, 'beforeClose' | 'closeDisabled' | 'description' | 'dragEnabled' | 'escapeDisabled' | 'focusTrapDisabled' | 'focusTrapOptions' | 'heading' | 'headingLevel' | 'icon' | 'iconFlipRtl' | 'kind' | 'loading' | 'menuOpen' | 'messageOverrides' | 'modal' | 'open' | 'outsideCloseDisabled' | 'overlayPositioning' | 'placement' | 'resizable' | 'scale' | 'topLayerDisabled' | 'width' | 'widthScale'>>, StencilJsx.HTMLAttributes<HTMLCalciteDialogElement> {
   onCalciteDialogBeforeClose?: EventHandler<HTMLCalciteDialogElement["calciteDialogBeforeClose"]>;
   onCalciteDialogBeforeOpen?: EventHandler<HTMLCalciteDialogElement["calciteDialogBeforeOpen"]>;
   onCalciteDialogClose?: EventHandler<HTMLCalciteDialogElement["calciteDialogClose"]>;
@@ -488,7 +488,7 @@ interface StencilCalciteSelect extends Required<Pick<Select, 'label'>>, Partial<
   onCalciteSelectChange?: EventHandler<HTMLCalciteSelectElement["calciteSelectChange"]>;
 }
 
-interface StencilCalciteSheet extends Required<Pick<Sheet, 'label'>>, Partial<Pick<Sheet, 'beforeClose' | 'displayMode' | 'escapeDisabled' | 'focusTrapDisabled' | 'focusTrapOptions' | 'height' | 'heightScale' | 'messageOverrides' | 'open' | 'outsideCloseDisabled' | 'position' | 'resizable' | 'width' | 'widthScale'>>, StencilJsx.HTMLAttributes<HTMLCalciteSheetElement> {
+interface StencilCalciteSheet extends Required<Pick<Sheet, 'label'>>, Partial<Pick<Sheet, 'beforeClose' | 'displayMode' | 'escapeDisabled' | 'focusTrapDisabled' | 'focusTrapOptions' | 'height' | 'heightScale' | 'messageOverrides' | 'open' | 'outsideCloseDisabled' | 'position' | 'resizable' | 'topLayerDisabled' | 'width' | 'widthScale'>>, StencilJsx.HTMLAttributes<HTMLCalciteSheetElement> {
   onCalciteSheetBeforeClose?: EventHandler<HTMLCalciteSheetElement["calciteSheetBeforeClose"]>;
   onCalciteSheetBeforeOpen?: EventHandler<HTMLCalciteSheetElement["calciteSheetBeforeOpen"]>;
   onCalciteSheetClose?: EventHandler<HTMLCalciteSheetElement["calciteSheetClose"]>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "5.0.0-next.42",
+  "version": "5.0.0-next.43",
   "description": "Web Components for Esri's Calcite Design System.",
   "homepage": "https://developers.arcgis.com/calcite-design-system/",
   "repository": {
@@ -92,12 +92,12 @@
   },
   "devDependencies": {
     "@arcgis/lumina-compiler": ">=5.0.0-next.75 <6.0.0",
-    "@esri/calcite-design-tokens": "4.0.0-next.14",
-    "@esri/calcite-tailwind-preset": "1.1.0-next.2",
-    "@esri/eslint-plugin-calcite-components": "2.0.4-next.6",
-    "playwright": "1.56.1",
+    "@esri/calcite-design-tokens": "4.0.0-next.15",
+    "@esri/calcite-tailwind-preset": "1.1.0-next.3",
+    "@esri/eslint-plugin-calcite-components": "2.0.4-next.7",
+    "playwright": "1.57.0",
     "sass-embedded": "1.93.3",
-    "vitest": "4.0.14"
+    "vitest": "4.0.16"
   },
   "volta": {
     "extends": "../../package.json"
@@ -110,5 +110,5 @@
     "dist/docs/vscode.html-custom-data.json"
   ],
   "web-types": "dist/docs/web-types.json",
-  "gitHead": "01065cef1fad6e3d3192f5606339d2d124da728e"
+  "gitHead": "672f7e180dc79c74460dbd5bf91c89740cc03375"
 }

package/dist/cdn/4IRX4RO4.js

@@ -1,4 +0,0 @@
-/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
-See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.42 */
-import{a as A}from"./G5WBDMSL.js";import{a as z}from"./MLRLM4R6.js";import{d as r}from"./A55MJZU3.js";import{a as M}from"./PITX5WBK.js";import{a as R}from"./YO7QFOUA.js";import{a as B}from"./3UKZDMLT.js";import{a as E}from"./OX63E6VR.js";import{a as C}from"./3ATYIQEH.js";import{a as P}from"./DTCXU2FZ.js";import{a as O}from"./RUFIIXCK.js";import"./PNSLG3LE.js";import"./DWVZUV2K.js";import{D as u}from"./ZCV3TZWO.js";import"./6W65U5UC.js";import{B as k,C as w,D,E as b,M as l,P as T,g as S,h as y,o as f}from"./V4BAGRZP.js";var m={dialog:"dialog",panel:"panel",scrim:"scrim",container:"container",containerOpen:"container--open",containerEmbedded:"container--embedded",assistiveText:"assistive-text",openingActive:"dialog--opening-active"},c={actionBar:"action-bar",alerts:"alerts",customContent:"custom-content",contentTop:"content-top",contentBottom:"content-bottom",headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerStart:"footer-start",footerEnd:"footer-end"},I={x:null,y:null},L={top:null,right:null,bottom:null,left:null},F=S`:host{--calcite-dialog-scrim-background-color: rgba(0, 0, 0, .85);pointer-events:none;inset:0;display:flex;--calcite-internal-dialog-animation-offset: 20px}:host([embedded]){z-index:var(--calcite-z-index-overlay)}:host([embedded][modal]){position:absolute}.container{pointer-events:auto;position:fixed;inset:0;display:flex;block-size:100%;inline-size:100%;align-items:center;justify-content:center;overflow:hidden;color:var(--calcite-color-text-2);opacity:0;visibility:hidden;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88)}:host([placement=top]) .container{align-items:flex-start;justify-content:center}:host([placement=top-start]) .container{align-items:flex-start;justify-content:flex-start}:host([placement=top-end]) .container{align-items:flex-start;justify-content:flex-end}:host([placement=bottom]) .container{align-items:flex-end;justify-content:center}:host([placement=bottom-start]) .container{align-items:flex-end;justify-content:flex-start}:host([placement=bottom-end]) .container{align-items:flex-end;justify-content:flex-end}:host(:not([modal])) .container{pointer-events:none}:host([scale=s]){--calcite-internal-dialog-content-padding: var(--calcite-dialog-content-space, var(--calcite-spacing-sm));--calcite-internal-dialog-min-size-x: 198px;--calcite-internal-dialog-min-size-y: 140px}:host([scale=m]){--calcite-internal-dialog-content-padding: var(--calcite-dialog-content-space, var(--calcite-spacing-md));--calcite-internal-dialog-min-size-x: 288px;--calcite-internal-dialog-min-size-y: 180px}:host([scale=l]){--calcite-internal-dialog-content-padding: var(--calcite-dialog-content-space, var(--calcite-spacing-md-plus));--calcite-internal-dialog-min-size-x: 388px;--calcite-internal-dialog-min-size-y: 220px}.scrim{--calcite-scrim-background: var(--calcite-dialog-scrim-background-color, var(--calcite-color-transparent-scrim));--calcite-scrim-background-color: var( --calcite-dialog-scrim-background-color, var(--calcite-color-transparent-scrim) );position:fixed;inset:0;z-index:calc(var(--calcite-z-index) * -1);display:flex;overflow-y:hidden}calcite-panel{--calcite-panel-content-space: var(--calcite-dialog-content-space, var(--calcite-internal-dialog-content-padding));--calcite-panel-footer-space: var(--calcite-dialog-footer-space);--calcite-panel-border-color: var(--calcite-dialog-border-color);--calcite-panel-background-color: var(--calcite-dialog-background-color, var(--calcite-color-foreground-1));--calcite-panel-icon-color: var(--calcite-dialog-icon-color);--calcite-panel-heading-text-color: var(--calcite-dialog-heading-text-color);--calcite-panel-description-text-color: var(--calcite-dialog-description-text-color);--calcite-panel-header-background-color: var(--calcite-dialog-header-background-color);--calcite-panel-header-action-background-color: var(--calcite-dialog-header-action-background-color);--calcite-panel-header-action-background-color-hover: var(--calcite-dialog-header-action-background-color-hover);--calcite-panel-header-action-background-color-press: var(--calcite-dialog-header-action-background-color-press);--calcite-panel-header-action-text-color: var(--calcite-dialog-header-action-text-color);--calcite-panel-header-action-text-color-press: var(--calcite-dialog-header-action-text-color-press);--calcite-panel-footer-background-color: var(--calcite-dialog-footer-background-color);--calcite-panel-space: var(--calcite-dialog-space, var(--calcite-internal-dialog-content-padding));--calcite-panel-header-content-space: var(--calcite-dialog-header-content-space, var(--calcite-dialog-content-space));--calcite-popover-border-color: var(--calcite-dialog-action-menu-border-color, var(--calcite-color-border-1));--calcite-panel-corner-radius: var(--calcite-dialog-corner-radius)}:host([kind=brand]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-brand))}:host([kind=danger]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-danger))}:host([kind=info]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-info))}:host([kind=success]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-success))}:host([kind=warning]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-warning))}::slotted(*){--calcite-panel-background-color: initial}[popover]{padding:0;border:none;background-color:transparent;position:fixed;display:flex}[popover]:popover-open{display:flex}.dialog{pointer-events:none;position:relative;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;opacity:0;--tw-shadow: 0 2px 12px -4px rgba(0, 0, 0, .2), 0 2px 4px -2px rgba(0, 0, 0, .16);--tw-shadow-colored: 0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-overflow-scrolling:touch;visibility:hidden;transition:inset-block var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88),opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88);border-radius:var(--calcite-dialog-corner-radius, var(--calcite-corner-radius-sm));min-inline-size:var(--calcite-dialog-min-size-x, var(--calcite-internal-dialog-min-size-x));max-inline-size:var(--calcite-dialog-max-size-x, 100%);min-block-size:var(--calcite-dialog-min-size-y, var(--calcite-internal-dialog-min-size-y));max-block-size:var(--calcite-dialog-max-size-y, 100%);--calcite-internal-dialog-hidden-position: calc( var(--calcite-dialog-offset-y, 0px) + var(--calcite-internal-dialog-animation-offset) );--calcite-internal-dialog-shown-position: var(--calcite-dialog-offset-y, 0);inset-inline-start:var(--calcite-dialog-offset-x, 0);inset-block-start:var(--calcite-internal-dialog-hidden-position)}.dialog--opening-active{inset-block-start:var(--calcite-internal-dialog-shown-position)}:host([embedded]) .dialog{z-index:var(--calcite-z-index-modal)}:host([menu-open]) .dialog{transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88)}.panel{visibility:hidden;opacity:0;border-radius:var(--calcite-dialog-corner-radius, var(--calcite-corner-radius-sm));transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88)}.container--open .panel{visibility:visible;opacity:1;transition:visibility 0ms linear,opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88)}.container--open{opacity:1;visibility:visible;transition-delay:0ms}.container--open .dialog{pointer-events:auto;visibility:visible;opacity:1;transition:inset-block var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88),opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88);transition-delay:0ms}.width-s{inline-size:auto;inline-size:var(--calcite-dialog-size-x, 32rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width:35rem){.width-s{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}.width-s.dialog--opening-active{inset-block-start:0}}.width-m{inline-size:var(--calcite-dialog-size-x, 48rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width:51rem){.width-m{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}.width-m.dialog--opening-active{inset-block-start:0}}.width-l{inline-size:var(--calcite-dialog-size-x, 94rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width:97rem){.width-l{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}.width-l.dialog--opening-active{inset-block-start:0}}:host([placement=cover]) .dialog{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0}:host([placement=cover]) .panel{border-radius:0}:host([kind]) .panel{border-start-start-radius:0px;border-start-end-radius:0px}:host([kind]) .dialog{overflow:hidden}:host([kind=brand]) .dialog{border-color:var(--calcite-color-brand)}:host([kind=danger]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-danger))}:host([kind=info]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-info))}:host([kind=success]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-success))}:host([kind=warning]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-warning))}:host([kind=brand][open]) .dialog,:host([kind=danger][open]) .dialog,:host([kind=info][open]) .dialog,:host([kind=success][open]) .dialog,:host([kind=warning][open]) .dialog{border-width:0px;border-block-start-width:4px;border-style:solid}.container--embedded{z-index:var(--calcite-z-index-overlay);position:absolute;pointer-events:auto}.container--embedded calcite-scrim{position:absolute}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}`,$=class extends D{constructor(){super(...arguments),this.dragPosition={...I},this.focusTrap=M({triggerProp:"open",focusTrapOptions:{clickOutsideDeactivates:()=>!this.modal||this.embedded,escapeDeactivates:e=>(!e.defaultPrevented&&!this.escapeDisabled&&(this.open=!1,e.preventDefault()),!1)}})(this),this.usePreventDocumentScroll=A()(this),this.mutationObserver=C("mutation",()=>this.handleMutationObserver()),this._open=!1,this.openProp="opened",this.transitionProp="opacity",this.panelRef=k(),this.popoverRef=k(),this.resizePosition={...L},this.messages=P(),this.focusSetter=O()(this),this.assistiveText=null,this.hasContentBottom=!1,this.hasContentTop=!1,this.hasFooter=!0,this.opened=!1,this.closeDisabled=!1,this.dragEnabled=!1,this.embedded=!1,this.escapeDisabled=!1,this.iconFlipRtl=!1,this.loading=!1,this.menuOpen=!1,this.modal=!1,this.focusTrapDisabled=!1,this.outsideCloseDisabled=!1,this.overlayPositioning="absolute",this.placement="center",this.resizable=!1,this.scale="m",this.widthScale="m",this.calciteDialogBeforeClose=f({cancelable:!1}),this.calciteDialogBeforeOpen=f({cancelable:!1}),this.calciteDialogClose=f({cancelable:!1}),this.calciteDialogOpen=f({cancelable:!1}),this.calciteDialogScroll=f({cancelable:!1})}static{this.properties={assistiveText:[16,{},{state:!0}],hasContentBottom:[16,{},{state:!0}],hasContentTop:[16,{},{state:!0}],hasFooter:[16,{},{state:!0}],opened:[16,{},{state:!0}],beforeClose:[0,{},{attribute:!1}],closeDisabled:[7,{},{reflect:!0,type:Boolean}],description:1,dragEnabled:[7,{},{reflect:!0,type:Boolean}],embedded:[7,{},{reflect:!0,type:Boolean}],escapeDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],kind:[3,{},{reflect:!0}],icon:[3,{type:String},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],loading:[7,{},{reflect:!0,type:Boolean}],menuOpen:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],modal:[7,{},{reflect:!0,type:Boolean}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],open:[7,{},{reflect:!0,type:Boolean}],outsideCloseDisabled:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],resizable:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],widthScale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}]}}static{this.styles=F}get preventDocumentScroll(){return!this.embedded&&this.modal}get open(){return this._open}set open(e){let t=this._open;e!==t&&this.setOpenState(e)}async scrollContentTo(e){await this.panelRef.value?.scrollContentTo(e)}async setFocus(e){return this.focusSetter(()=>this.panelRef.value??this.el,e)}async updateFocusTrapElements(e){this.focusTrap.setExtraContainers(e),this.focusTrap.updateContainerElements()}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setupInteractions()}willUpdate(e){(e.has("open")&&(this.hasUpdated||this.open!==!1)||e.has("placement")&&(this.hasUpdated||this.placement!=="center")||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1)||e.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1))&&this.setupInteractions(),(e.has("messages")||e.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1)||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1))&&this.updateAssistiveText(),e.has("opened")&&(this.hasUpdated||this.opened!==!1)&&this.handleOpenedChange(this.opened)}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.embedded=!1,this.cleanupInteractions()}focusTrapDisabledOverride(){return!this.modal&&this.focusTrapDisabled}updateAssistiveText(){let{messages:e}=this;this.assistiveText=e&&(this.dragEnabled||this.resizable)?`${this.dragEnabled?e.dragEnabled:""} ${this.resizable?e.resizeEnabled:""}`:null}onBeforeOpen(){this.calciteDialogBeforeOpen.emit(),this.handlePopover()}onOpen(){this.focusTrapDisabled&&this.setFocus(),this.focusTrap.activate(),this.calciteDialogOpen.emit()}onBeforeClose(){this.calciteDialogBeforeClose.emit()}onClose(){this.focusTrap.deactivate(),this.calciteDialogClose.emit(),this.handlePopover()}async setOpenState(e){if(this.beforeClose&&!e)try{await this.beforeClose?.()}catch{return}this._open=e,e&&await this.componentOnReady(),this.opened=e}async handlePopover(){await this.componentOnReady(),!(this.embedded||!this.popoverRef.value)&&(this.open?this.popoverRef.value.showPopover():this.popoverRef.value.hidePopover())}handleOpenedChange(e){let{transitionEl:t}=this;t&&(t.classList.toggle(m.openingActive,e),B(this))}async triggerInteractModifiers(){let{interaction:e}=this;e&&(await e.reflow({name:"drag"}),await e.reflow({name:"resize"}))}getTransitionElDOMRect(){return this.transitionEl.getBoundingClientRect()}handleKeyDown(e){let{key:t,shiftKey:i,defaultPrevented:n}=e,{dragEnabled:a,resizable:o,resizePosition:d,dragPosition:s,transitionEl:h}=this;if(!(n||!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(t)))switch(t){case"ArrowUp":if(i&&o&&h){let{minBlockSize:g}=window.getComputedStyle(h),p=u(g),v=this.getTransitionElDOMRect().height;if(v<=p)return;this.updateSize({size:v-l,type:"blockSize"}),d.bottom-=l,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()}else a&&(s.y-=l,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowDown":i&&o&&h?(this.updateSize({size:this.getTransitionElDOMRect().height+l,type:"blockSize"}),d.bottom+=l,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()):a&&(s.y+=l,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowLeft":if(i&&o&&h){let{minInlineSize:g}=window.getComputedStyle(h),p=u(g),v=this.getTransitionElDOMRect().width;if(v<=p)return;this.updateSize({size:v-l,type:"inlineSize"}),d.right-=l,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()}else a&&(s.x-=l,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowRight":i&&o&&h?(this.updateSize({size:this.getTransitionElDOMRect().width+l,type:"inlineSize"}),d.right+=l,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()):a&&(s.x+=l,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break}}updateTransform(){let{dragPosition:{x:e,y:t},resizePosition:i,transitionEl:n,dragEnabled:a,resizable:o}=this;if(!n)return;if(!a&&!o){n.style.transform=null;return}let{top:d,right:s,bottom:h,left:x}=this.getAdjustedResizePosition(i),g=Math.round(e+x+s),p=Math.round(t+d+h);n.style.transform=g||p?`translate(${g}px, ${p}px)`:null}updateSize({type:e,size:t}){let{transitionEl:i}=this;i&&(i.style[e]=t!==null?`${Math.round(t)}px`:null)}cleanupInteractions(){this.interaction?.unset(),this.updateSize({size:null,type:"inlineSize"}),this.updateSize({size:null,type:"blockSize"}),this.dragPosition={...I},this.resizePosition={...L},this.updateTransform()}async setupInteractions(){this.cleanupInteractions();let{el:e,transitionEl:t,resizable:i,dragEnabled:n,resizePosition:a,dragPosition:o}=this;if(!(!t||!this.open)){if((i||n)&&(this.interaction=z(t,{context:e.ownerDocument})),i){await this.el.componentOnReady();let{minInlineSize:d,minBlockSize:s,maxInlineSize:h,maxBlockSize:x}=window.getComputedStyle(t);this.interaction.resizable({edges:{top:!0,right:!0,bottom:!0,left:!0},modifiers:[z.modifiers.restrictSize({min:{width:u(d),height:u(s)},max:{width:u(h)||window.innerWidth,height:u(x)||window.innerHeight}}),z.modifiers.restrict({restriction:"parent"})],listeners:{move:({rect:g,deltaRect:p})=>{p&&(a.top+=p.top,a.right+=p.right,a.bottom+=p.bottom,a.left+=p.left),this.updateSize({size:g.width,type:"inlineSize"}),this.updateSize({size:g.height,type:"blockSize"}),this.updateTransform()}}})}n&&this.interaction.draggable({modifiers:[z.modifiers.restrictRect({restriction:"parent"})],listeners:{move:({dx:d,dy:s})=>{o.x+=d,o.y+=s,this.updateTransform()}}})}}getAdjustedResizePosition({top:e,right:t,bottom:i,left:n}){let a=e/2,o=t/2,d=i/2,s=n/2;switch(this.placement){case"top":return{top:e,right:o,bottom:0,left:s};case"top-start":return{top:e,right:0,bottom:0,left:n};case"top-end":return{top:e,right:t,bottom:0,left:0};case"bottom":return{top:0,right:o,bottom:i,left:s};case"bottom-start":return{top:0,right:0,bottom:i,left:n};case"bottom-end":return{top:0,right:t,bottom:i,left:0};case"cover":case"center":default:return{top:a,right:o,bottom:d,left:s}}}setTransitionEl(e){e&&(this.transitionEl=e,this.setupInteractions())}handleInternalPanelScroll(e){e.target===this.panelRef.value&&(e.stopPropagation(),this.calciteDialogScroll.emit())}handleInternalPanelCloseClick(e){e.target===this.panelRef.value&&(e.preventDefault(),e.stopPropagation(),this.open=!1)}handlePanelKeyDown(e){this.escapeDisabled&&e.key==="Escape"&&!e.defaultPrevented&&e.preventDefault()}handleOutsideClose(){this.outsideCloseDisabled||(this.open=!1)}handleMutationObserver(){this.focusTrap.updateContainerElements()}render(){let{assistiveText:e,description:t,heading:i,opened:n,icon:a,iconFlipRtl:o}=this;return y`<div .ariaDescription=${t} .ariaLabel=${i} .ariaModal=${this.modal} class=${b({[m.container]:!0,[m.containerOpen]:n,[m.containerEmbedded]:this.embedded})} .popover=${this.embedded?null:"manual"} role=dialog ${w(this.popoverRef)}>${this.modal?y`<calcite-scrim class=${b(m.scrim)} @click=${this.handleOutsideClose}></calcite-scrim>`:null}<div class=${b({[m.dialog]:!0,[R("width",this.width,this.widthScale)]:!!(this.width||this.widthScale)})} @keydown=${this.handleKeyDown} ${w(this.setTransitionEl)}>${e?E("assistive-text",y`<div aria-live=polite class=${b(m.assistiveText)}>${e}</div>`):null}<slot name=${c.customContent}><calcite-panel class=${b(m.panel)} .closable=${!this.closeDisabled} .description=${t} .heading=${i} .headingLevel=${this.headingLevel} .hidden=${!this.opened} .icon=${a} .iconFlipRtl=${o} .loading=${this.loading} .menuOpen=${this.menuOpen} .messageOverrides=${this.messageOverrides} @keydown=${this.handlePanelKeyDown} @calcitePanelClose=${this.handleInternalPanelCloseClick} @calcitePanelScroll=${this.handleInternalPanelScroll} .overlayPositioning=${this.overlayPositioning} .scale=${this.scale} ${w(this.panelRef)}><slot name=${c.actionBar} slot=${r.actionBar}></slot><slot name=${c.alerts} slot=${r.alerts}></slot><slot name=${c.headerActionsStart} slot=${r.headerActionsStart}></slot><slot name=${c.headerActionsEnd} slot=${r.headerActionsEnd}></slot><slot name=${c.headerContent} slot=${r.headerContent}></slot><slot name=${c.headerMenuActions} slot=${r.headerMenuActions}></slot><slot name=${c.fab} slot=${r.fab}></slot><slot name=${c.contentTop} slot=${r.contentTop}></slot><slot name=${c.contentBottom} slot=${r.contentBottom}></slot><slot name=${c.footerStart} slot=${r.footerStart}></slot><slot name=${c.footer} slot=${r.footer}></slot><slot name=${c.footerEnd} slot=${r.footerEnd}></slot><slot></slot></calcite-panel></slot></div></div>`}};T("calcite-dialog",$);export{$ as Dialog};

package/dist/cdn/5WXJVTBJ.js

@@ -1,4 +0,0 @@
-/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
-See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.42 */
-import{a as E}from"./2RHGP2BB.js";import{l as A}from"./GFMMCZUL.js";import{a as $}from"./3UKZDMLT.js";import{a as y}from"./OX63E6VR.js";import"./C6USIFNP.js";import{a as T}from"./DTCXU2FZ.js";import{a as z}from"./RUFIIXCK.js";import{a as x}from"./PNSLG3LE.js";import"./DWVZUV2K.js";import{o as k,t as w}from"./ZCV3TZWO.js";import"./6W65U5UC.js";import{C as g,D as v,E as o,I as b,P as C,g as f,h as a,o as l}from"./V4BAGRZP.js";var c={slow:14e3,medium:1e4,fast:6e3},r={actionsEnd:"actions-end",title:"title",message:"message",link:"link"},i={actionsEnd:"actions-end",close:"close",container:"container",containerActive:"container--active",dismissProgress:"dismiss-progress",icon:"icon",containerEmbedded:"container--embedded",queueCount:"queue-count",queueCountActive:"queue-count--active",textContainer:"text-container",focused:"focused"},I=300,d=class{constructor(){this.registeredElements=[],this.queueTimeoutId=null}registerElement(e){let{registeredElements:t}=this;if(!t.includes(e)){switch(e.queue){case"immediate":t.unshift(e);break;case"next":t.splice(1,0,e);break;case"last":t.push(e);break}this.updateAlerts()}}unregisterElement(e){let{registeredElements:t}=this,s=t.indexOf(e);s!==-1&&t.splice(s,1),e.active=!1,this.updateAlerts()}updateAlerts(){window.clearTimeout(this.queueTimeoutId),this.queueTimeoutId=null,this.registeredElements.forEach((e,t)=>{e.openAlertCount=this.registeredElements.length,t===0?this.queueTimeoutId=window.setTimeout(()=>e.active=!0,I):e.active=!1})}},D=f`:host([scale=s]){--calcite-internal-alert-action-spacing: var(--calcite-spacing-xs)}:host([scale=m]){--calcite-internal-alert-action-spacing: var(--calcite-spacing-xs)}:host([scale=l]){--calcite-internal-alert-action-spacing: var(--calcite-spacing-sm)}:host{display:block;inline-size:var(--calcite-alert-width)}.container--embedded,.container[popover]{pointer-events:none;position:fixed;margin-inline:auto;margin-block:0px;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:min-content;align-items:center;justify-content:center;padding:0;text-align:start;opacity:0;inset:initial;--tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--calcite-alert-shadow, var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow));background-color:var(--calcite-alert-background-color, var(--calcite-color-foreground-1));border-radius:var(--calcite-alert-corner-radius, var(--calcite-border-radius));border-block-start:0 solid transparent;border-inline:1px solid var(--calcite-color-border-3);border-block-end:1px solid var(--calcite-color-border-3);max-inline-size:calc(100% - var(--calcite-alert-offset-size, 2rem) * 2);transition:opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88),all var(--calcite-animation-timing) ease-in-out;overflow:visible}.container--bottom,.container--top,.container--bottom[popover],.container--top[popover]{inset-inline-end:0;inset-inline-start:0}.container[class*=bottom]{transform:translate3d(0,var(--calcite-alert-offset-size, 2rem),0);inset-block-end:var(--calcite-alert-offset-size, 2rem)}.container[class*=top]{transform:translate3d(0,calc(-1 * var(--calcite-alert-offset-size, 2rem)),0);inset-block-start:var(--calcite-alert-offset-size, 2rem)}.container[class*=start]{inset-inline-start:var(--calcite-alert-offset-size, 2rem);inset-inline-end:auto}.container[class*=end]{inset-inline-end:var(--calcite-alert-offset-size, 2rem);inset-inline-start:auto}.icon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;margin-block:auto;margin-inline-end:auto}.close{margin-inline-end:var(--calcite-internal-alert-action-spacing)}.queue-count{visibility:hidden;display:flex;min-inline-size:min-content;cursor:default;align-items:center;justify-content:space-around;align-self:stretch;overflow:hidden;text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2);opacity:0;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;border-inline:0 solid transparent;border-start-end-radius:0}.queue-count--active{visibility:visible;opacity:1}.dismiss-progress{position:absolute;display:block;inline-size:100%;overflow:hidden;inset-inline:0;inset-block-start:-2px;block-size:2px;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.dismiss-progress:after{position:absolute;inset-block-start:0px;display:block;block-size:2px;content:"";background-color:var(--calcite-color-transparent-tint);inset-inline-end:0}.actions-end{display:flex;gap:var(--calcite-internal-alert-action-spacing);padding-block:var(--calcite-internal-alert-action-spacing);padding-inline:0 var(--calcite-internal-alert-action-spacing)}.text-container{box-sizing:border-box;display:flex;min-inline-size:0px;flex:1 1 auto;flex-direction:column;overflow-wrap:break-word}.footer{position:relative;display:flex;inline-size:auto;justify-content:flex-end;align-self:stretch;padding-block-start:1px;block-size:inherit}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) .queue-count{margin-inline:.5rem}:host([scale=s]) .container{--calcite-internal-alert-min-height: 3.5rem;inline-size:var(--calcite-alert-width, 40em)}:host([scale=s]) .icon{padding-inline-start:.75rem}:host([scale=s]) .text-container{padding-block:.5rem;padding-inline:.75rem .5rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) .queue-count{margin-inline:.75rem}:host([scale=m]) .container{--calcite-internal-alert-min-height: 4.1875rem;inline-size:var(--calcite-alert-width, 50em)}:host([scale=m]) .icon{padding-inline-start:1rem}:host([scale=m]) .text-container{padding-block:.75rem;padding-inline:1rem .75rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){margin-block-end:.25rem;font-size:var(--calcite-font-size-relative-lg);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) .queue-count{margin-inline:1rem}:host([scale=l]) .container{--calcite-internal-alert-min-height: 5.625rem;inline-size:var(--calcite-alert-width, 60em)}:host([scale=l]) .icon{padding-inline-start:1.25rem}:host([scale=l]) .text-container{padding-block:1rem;padding-inline:1.25rem 1rem}:host([open]) .container--active{border-block-start-width:2px;opacity:1;pointer-events:initial}:host([open]) .container--active[class*=bottom]{transform:translate3d(0,calc(-1 * var(--calcite-alert-offset-size, 2rem)),inherit)}:host([open]) .container--active[class*=top]{transform:translate3d(0,var(--calcite-alert-offset-size, 2rem),inherit)}:host([auto-close])>.queue-count{border-inline-end:0 solid transparent}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){margin:0;display:inline;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug);font-weight:var(--calcite-font-weight-normal);margin-inline-end:.5rem;color:var(--calcite-color-text-2)}slot[name=link]::slotted(*),*::slotted([slot=link]){display:inline-flex;color:var(--calcite-color-text-link)}:host([kind=brand]) .container{border-block-start-color:var(--calcite-color-brand)}:host([kind=brand]) .container .icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-block-start-color:var(--calcite-color-status-info)}:host([kind=info]) .container .icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-block-start-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-block-start-color:var(--calcite-color-status-success)}:host([kind=success]) .container .icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-block-start-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .icon{color:var(--calcite-color-status-warning)}:host([auto-close-duration=fast]) .dismiss-progress:after{animation:dismissProgress calc(6s * var(--calcite-internal-duration-factor)) ease-out}:host(:hover[auto-close-duration=fast]) .dismiss-progress:after,:host(:focus[auto-close-duration=fast]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=medium]) .dismiss-progress:after{animation:dismissProgress calc(10s * var(--calcite-internal-duration-factor)) ease-out}:host(:hover[auto-close-duration=medium]) .dismiss-progress:after,:host(:focus[auto-close-duration=medium]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=slow]) .dismiss-progress:after{animation:dismissProgress calc(14s * var(--calcite-internal-duration-factor)) ease-out}:host(:hover[auto-close-duration=slow]) .dismiss-progress:after,:host(:focus[auto-close-duration=slow]) .dismiss-progress:after{animation-play-state:paused}.container.focused .dismiss-progress:after{animation-play-state:paused}@keyframes dismissProgress{0%{inline-size:0px;opacity:.75}to{inline-size:100%;opacity:1}}.container--embedded{position:absolute;z-index:var(--calcite-z-index-toast)}:host([hidden]){display:none}[hidden]{display:none}:host([calcite-hydrated-hidden]){visibility:hidden!important;pointer-events:none}`,n=new d,u=class extends v{constructor(){super(...arguments),this.autoCloseTimeoutId=null,this.transitionProp="opacity",this.totalHoverTime=0,this.totalOpenTime=0,this.messages=T(),this.focusSetter=z()(this),this.hasEndActions=!1,this.isFocused=!1,this.numberStringFormatter=new A,this.active=!1,this.autoClose=!1,this.autoCloseDuration="medium",this.embedded=!1,this.iconFlipRtl=!1,this.kind="brand",this.open=!1,this.openAlertCount=0,this.placement="bottom",this.queue="last",this.scale="m",this.calciteAlertBeforeClose=l({cancelable:!1}),this.calciteAlertBeforeOpen=l({cancelable:!1}),this.calciteAlertClose=l({cancelable:!1}),this.calciteAlertOpen=l({cancelable:!1})}static{this.properties={hasEndActions:[16,{},{state:!0}],isFocused:[16,{},{state:!0}],numberStringFormatter:[16,{},{state:!0}],active:[5,{},{type:Boolean}],autoClose:[7,{},{reflect:!0,type:Boolean}],autoCloseDuration:[3,{},{reflect:!0}],embedded:[7,{},{reflect:!0,type:Boolean}],icon:[3,{converter:b,type:String},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],kind:[3,{},{reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],numberingSystem:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],openAlertCount:[9,{},{type:Number}],placement:[3,{},{reflect:!0}],queue:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}]}}static{this.styles=D}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.open&&n.registerElement(this.el),this.numberStringFormatter.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,signDisplay:"always"}}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("active")&&(this.hasUpdated||this.active!==!1)&&this.handleActiveChange(),e.has("autoCloseDuration")&&(this.hasUpdated||this.autoCloseDuration!=="medium")&&this.updateDuration(),e.has("queue")&&(this.hasUpdated||this.queue!=="last")&&this.handleQueueChange(),e.has("numberingSystem")&&this.numberingSystemChange(),e.has("messages")&&this.effectiveLocaleChange()}disconnectedCallback(){super.disconnectedCallback(),n.unregisterElement(this.el),this.clearAutoCloseTimeout(),this.embedded=!1}handleActiveChange(){$(this),this.clearAutoCloseTimeout(),this.active&&this.autoClose&&!this.autoCloseTimeoutId&&(this.initialOpenTime=Date.now(),this.autoCloseTimeoutId=window.setTimeout(()=>this.closeAlert(),c[this.autoCloseDuration]))}async handlePopover(){await this.componentOnReady(),!(this.embedded||!this.transitionEl)&&(this.open?this.transitionEl.showPopover():this.transitionEl.hidePopover())}openHandler(){this.open?n.registerElement(this.el):n.unregisterElement(this.el)}updateDuration(){this.autoClose&&this.autoCloseTimeoutId&&(this.clearAutoCloseTimeout(),this.autoCloseTimeoutId=window.setTimeout(()=>this.closeAlert(),c[this.autoCloseDuration]))}handleQueueChange(){this.open&&(n.unregisterElement(this.el),n.registerElement(this.el))}handleKeyBoardFocus(){this.isFocused=!0,this.handleFocus()}handleKeyBoardBlur(){this.isFocused=!1,this.isHovered||this.handleBlur()}effectiveLocaleChange(){this.numberStringFormatter.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,signDisplay:"always"}}numberingSystemChange(){this.numberStringFormatter.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,signDisplay:"always"}}clearAutoCloseTimeout(){window.clearTimeout(this.autoCloseTimeoutId),this.autoCloseTimeoutId=null}setTransitionEl(e){e&&(this.transitionEl=e)}closeAlert(){this.open=!1,this.clearAutoCloseTimeout()}onBeforeOpen(){this.calciteAlertBeforeOpen.emit(),this.handlePopover()}onOpen(){this.calciteAlertOpen.emit()}onBeforeClose(){this.calciteAlertBeforeClose.emit()}onClose(){this.calciteAlertClose.emit(),this.handlePopover()}actionsEndSlotChangeHandler(e){this.hasEndActions=w(e)}handleMouseOver(){this.isHovered=!0,this.handleFocus()}handleMouseLeave(){this.isHovered=!1,this.isFocused||this.handleBlur()}handleFocus(){this.clearAutoCloseTimeout(),this.totalOpenTime=Date.now()-this.initialOpenTime,this.lastMouseOverBegin=Date.now()}handleBlur(){let e=Date.now()-this.lastMouseOverBegin,t=c[this.autoCloseDuration]-this.totalOpenTime+this.totalHoverTime;this.totalHoverTime=this.totalHoverTime?e+this.totalHoverTime:e,this.autoCloseTimeoutId=window.setTimeout(()=>this.closeAlert(),t)}render(){let{open:e,autoClose:t,label:s,placement:B,active:h,openAlertCount:F}=this,q=t?"alert":"alertdialog",m=!e,p=k(E,this.icon,this.kind),O=F>1;return this.el.inert=m,this.el.ariaLabel=s,this.el.toggleAttribute("calcite-hydrated-hidden",m),this.el.role=q,a`<div class=${o({[i.container]:!0,[i.containerActive]:h,[`${i.container}--${B}`]:!0,[i.containerEmbedded]:this.embedded,[i.focused]:this.isFocused})} @pointerenter=${this.autoClose&&this.autoCloseTimeoutId?this.handleMouseOver:null} @pointerleave=${this.autoClose?this.handleMouseLeave:null} .popover=${this.embedded?null:"manual"} ${g(this.setTransitionEl)}>${p&&this.renderIcon(p)||""}<div class=${o(i.textContainer)} @focusin=${this.autoClose&&this.autoCloseTimeoutId?this.handleKeyBoardFocus:null} @focusout=${this.autoClose?this.handleKeyBoardBlur:null}><slot name=${r.title}></slot><slot name=${r.message}></slot><slot name=${r.link}></slot></div>${this.renderActionsEnd()}${O?this.renderQueueCount():null}${this.renderCloseButton()}${e&&h&&t?a`<div class=${o(i.dismissProgress)}></div>`:null}</div>`}renderCloseButton(){return a`<calcite-action class=${o(i.close)} icon=x .label=${this.messages.close} @click=${this.closeAlert} @focusin=${this.autoClose?this.handleKeyBoardFocus:null} @focusout=${this.autoClose?this.handleKeyBoardBlur:null} .scale=${this.scale} .text=${this.messages.close}></calcite-action>`}renderQueueCount(){let{openAlertCount:e}=this,t=e>2?e-1:1,s=this.numberStringFormatter.numberFormatter.format(t);return y("queue-count",a`<div class=${o({[i.queueCount]:!0,[i.queueCountActive]:e>1})}><calcite-chip .label=${s} .scale=${this.scale} .value=${s}>${s}</calcite-chip></div>`)}renderActionsEnd(){return a`<div class=${o(i.actionsEnd)}><slot name=${r.actionsEnd} @slotchange=${this.actionsEndSlotChangeHandler}></slot></div>`}renderIcon(e){return a`<div class=${o(i.icon)}><calcite-icon .flipRtl=${this.iconFlipRtl} .icon=${e} .scale=${x(this.scale)}></calcite-icon></div>`}};C("calcite-alert",u);export{u as Alert};