@esri/calcite-components 1.7.0-next.9 → 1.7.0

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

@@ -1,23 +1,23 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.9
+ * v1.7.0
  */
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, a as getElement } from './index-6d8926bd.js';
-import { f as filterComputedPlacements, c as connectFloatingUI, b as defaultOffsetDistance, a as disconnectFloatingUI, r as reposition, F as FloatingCSS } from './floating-ui-7ffe7974.js';
-import { d as deactivateFocusTrap, a as activateFocusTrap, c as connectFocusTrap, u as updateFocusTrapElements } from './focusTrapComponent-49689d43.js';
-import { i as isPrimaryPointerButton, t as toAriaBoolean, f as focusFirstTabbable, q as queryElementRoots } from './dom-4c07342d.js';
-import { g as guid } from './guid-dd8a3d4a.js';
-import { o as onToggleOpenCloseComponent } from './openCloseComponent-867a10f1.js';
-import { H as Heading } from './Heading-62d5ea48.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-cd82ee8b.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-a32a6655.js';
-import { i as isActivationKey } from './key-b39022fc.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-063d4231.js';
-import { c as createObserver } from './observers-76bb0c71.js';
-import { F as FloatingArrow } from './FloatingArrow-07baf30c.js';
-import './debounce-52e02492.js';
-import './resources-fd05f8c1.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, a as getElement } from './index-165cd388.js';
+import { f as filterComputedPlacements, c as connectFloatingUI, b as defaultOffsetDistance, a as disconnectFloatingUI, r as reposition, F as FloatingCSS } from './floating-ui-46044970.js';
+import { d as deactivateFocusTrap, a as activateFocusTrap, c as connectFocusTrap, u as updateFocusTrapElements } from './focusTrapComponent-0e7ce2bc.js';
+import { i as isPrimaryPointerButton, t as toAriaBoolean, f as focusFirstTabbable, q as queryElementRoots } from './dom-79f84f98.js';
+import { g as guid } from './guid-3f32a87e.js';
+import { o as onToggleOpenCloseComponent } from './openCloseComponent-fb9b3aae.js';
+import { H as Heading } from './Heading-5acbb6cb.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-b09d220a.js';
+import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-9a6203a1.js';
+import { i as isActivationKey } from './key-120fe23c.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-d814078e.js';
+import { c as createObserver } from './observers-200147a2.js';
+import { F as FloatingArrow } from './FloatingArrow-2df381ca.js';
+import './debounce-ec28f063.js';
+import './resources-4b333cce.js';
 
 const CSS = {
   container: "container",

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

@@ -1,12 +1,12 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.9
+ * v1.7.0
  */
-import { r as registerInstance, h, a as getElement } from './index-6d8926bd.js';
-import { g as getElementDir } from './dom-4c07342d.js';
-import { C as CSS_UTILITY } from './resources-fd05f8c1.js';
-import './guid-dd8a3d4a.js';
+import { r as registerInstance, h, a as getElement } from './index-165cd388.js';
+import { g as getElementDir } from './dom-79f84f98.js';
+import { C as CSS_UTILITY } from './resources-4b333cce.js';
+import './guid-3f32a87e.js';
 
 const progressCss = ":host{position:relative;display:block;inline-size:100%}.track,.bar{position:absolute;inset-block-start:0px;block-size:2px}.track{z-index:var(--calcite-app-z-index);inline-size:100%;overflow:hidden;background:var(--calcite-ui-border-3)}.bar{z-index:var(--calcite-app-z-index);background-color:var(--calcite-ui-brand)}@media (forced-colors: active){.track{background-color:highlightText}.bar{background-color:linkText}}.indeterminate{inline-size:20%;animation:looping-progress-bar-ani calc(var(--calcite-internal-animation-timing-medium) / var(--calcite-internal-duration-factor) * 11 / var(--calcite-internal-duration-factor)) linear infinite}.indeterminate.calcite--rtl{animation-name:looping-progress-bar-ani-rtl}.reversed{animation-direction:reverse}.text{padding-inline:0px;padding-block:1rem 0px;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}@keyframes looping-progress-bar-ani{0%{transform:translate3d(-100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(600%, 0, 0)}}@keyframes looping-progress-bar-ani-rtl{0%{transform:translate3d(100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(-600%, 0, 0)}}:host([hidden]){display:none}[hidden]{display:none}";
 

package/dist/esm/calcite-radio-button-group.entry.js

@@ -1,11 +1,11 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.9
+ * v1.7.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-6d8926bd.js';
-import { c as createObserver } from './observers-76bb0c71.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-063d4231.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-165cd388.js';
+import { c as createObserver } from './observers-200147a2.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-d814078e.js';
 
 const radioButtonGroupCss = ":host{display:flex;max-inline-size:100vw}:host([layout=horizontal]){flex-direction:row;flex-wrap:wrap}:host([layout=horizontal][scale=s]){gap:1rem}:host([layout=horizontal][scale=m]){gap:1.25rem}:host([layout=horizontal][scale=l]){gap:1.5rem}:host([layout=vertical]){flex-direction:column}:host([hidden]){display:none}[hidden]{display:none}";
 

package/dist/esm/calcite-radio-button.entry.js

@@ -1,17 +1,18 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.9
+ * v1.7.0
  */
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, a as getElement } from './index-6d8926bd.js';
-import { g as getRoundRobinIndex } from './array-43915d2f.js';
-import { g as getElementDir, d as focusElement, t as toAriaBoolean } from './dom-4c07342d.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-f3380f0f.js';
-import { g as guid } from './guid-dd8a3d4a.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-94091e70.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-a9c5e0d5.js';
-import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-063d4231.js';
-import './resources-fd05f8c1.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, a as getElement } from './index-165cd388.js';
+import { g as getRoundRobinIndex } from './array-ff939574.js';
+import { g as getElementDir, d as focusElement, t as toAriaBoolean } from './dom-79f84f98.js';
+import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-c73d3da5.js';
+import { g as guid } from './guid-3f32a87e.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-5801a6e6.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-b88198aa.js';
+import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-d814078e.js';
+import './resources-4b333cce.js';
+import './browser-612db93f.js';
 
 const CSS = {
   container: "container",

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

@@ -1,20 +1,21 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.9
+ * v1.7.0
  */
-import { h, r as registerInstance, c as createEvent, H as Host, a as getElement } from './index-6d8926bd.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-f3380f0f.js';
-import { g as guid } from './guid-dd8a3d4a.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-94091e70.js';
-import { c as connectLabel, d as disconnectLabel } from './label-a9c5e0d5.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-063d4231.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-cd82ee8b.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-a32a6655.js';
-import { f as focusFirstTabbable } from './dom-4c07342d.js';
-import './key-b39022fc.js';
-import './observers-76bb0c71.js';
-import './resources-fd05f8c1.js';
+import { h, r as registerInstance, c as createEvent, H as Host, a as getElement } from './index-165cd388.js';
+import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-c73d3da5.js';
+import { g as guid } from './guid-3f32a87e.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-5801a6e6.js';
+import { c as connectLabel, d as disconnectLabel } from './label-b88198aa.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-d814078e.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-b09d220a.js';
+import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-9a6203a1.js';
+import { f as focusFirstTabbable } from './dom-79f84f98.js';
+import './browser-612db93f.js';
+import './key-120fe23c.js';
+import './observers-200147a2.js';
+import './resources-4b333cce.js';
 
 const StarIcon = ({ full, scale, partial }) => (h("calcite-icon", { ...{
     class: partial ? undefined : "icon",

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

@@ -1,16 +1,16 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.9
+ * v1.7.0
  */
-import { r as registerInstance, h, a as getElement } from './index-6d8926bd.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-cd82ee8b.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-a32a6655.js';
-import { c as createObserver } from './observers-76bb0c71.js';
-import { x as slotChangeHasContent } from './dom-4c07342d.js';
-import './key-b39022fc.js';
-import './guid-dd8a3d4a.js';
-import './resources-fd05f8c1.js';
+import { r as registerInstance, h, a as getElement } from './index-165cd388.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-b09d220a.js';
+import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-9a6203a1.js';
+import { c as createObserver } from './observers-200147a2.js';
+import { x as slotChangeHasContent } from './dom-79f84f98.js';
+import './key-120fe23c.js';
+import './guid-3f32a87e.js';
+import './resources-4b333cce.js';
 
 const CSS = {
   scrim: "scrim",

package/dist/esm/calcite-segmented-control_2.entry.js

@@ -1,17 +1,18 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.9
+ * v1.7.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-6d8926bd.js';
-import { g as getElementDir, t as toAriaBoolean } from './dom-4c07342d.js';
-import { a as afterConnectDefaultValueSet, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-f3380f0f.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-94091e70.js';
-import { c as connectLabel, d as disconnectLabel } from './label-a9c5e0d5.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-063d4231.js';
-import { c as createObserver } from './observers-76bb0c71.js';
-import './guid-dd8a3d4a.js';
-import './resources-fd05f8c1.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-165cd388.js';
+import { g as getElementDir, t as toAriaBoolean } from './dom-79f84f98.js';
+import { a as afterConnectDefaultValueSet, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-c73d3da5.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-5801a6e6.js';
+import { c as connectLabel, d as disconnectLabel } from './label-b88198aa.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-d814078e.js';
+import { c as createObserver } from './observers-200147a2.js';
+import './guid-3f32a87e.js';
+import './resources-4b333cce.js';
+import './browser-612db93f.js';
 
 const segmentedControlCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;background-color:var(--calcite-ui-foreground-1);inline-size:-moz-fit-content;inline-size:fit-content;outline:1px solid var(--calcite-ui-border-input);outline-offset:-1px}:host([appearance=outline]){background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([layout=vertical]){flex-direction:column;align-items:flex-start;align-self:flex-start}:host([width=full]){inline-size:100%;min-inline-size:-moz-fit-content;min-inline-size:fit-content}:host([width=full]) ::slotted(calcite-segmented-control-item){flex:1 1 auto}:host([width=full][layout=vertical]) ::slotted(calcite-segmented-control-item){justify-content:flex-start}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";
 

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

@@ -0,0 +1,225 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.7.0
+ */
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-165cd388.js';
+import { w as ensureId, g as getElementDir, f as focusFirstTabbable } from './dom-79f84f98.js';
+import { d as deactivateFocusTrap, a as activateFocusTrap, c as connectFocusTrap, u as updateFocusTrapElements } from './focusTrapComponent-0e7ce2bc.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-d814078e.js';
+import { c as createObserver } from './observers-200147a2.js';
+import { o as onToggleOpenCloseComponent } from './openCloseComponent-fb9b3aae.js';
+import { C as CSS_UTILITY } from './resources-4b333cce.js';
+import './guid-3f32a87e.js';
+
+const CSS = {
+  scrim: "scrim",
+  container: "container",
+  containerOpen: "container--open",
+  content: "content",
+  containerSlottedInShell: "container--slotted-in-shell",
+};
+
+const sheetCss = ":host{position:absolute;inset:0px;z-index:var(--calcite-app-z-index-overlay);display:flex;visibility:hidden !important;--calcite-sheet-scrim-background-internal:rgba(0, 0, 0, 0.85);--calcite-scrim-shadow-block-start-internal:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-block-end-internal:0 -4px 8px -1px rgba(0, 0, 0, 0.08), 0 -2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-start-internal:4px 0 8px -1px rgba(0, 0, 0, 0.08), 2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-end-internal:-4px 0 8px -1px rgba(0, 0, 0, 0.08), -2px 0 4px -1px rgba(0, 0, 0, 0.04)}.calcite--rtl{--calcite-scrim-shadow-inline-start-internal:-4px 0 8px -1px rgba(0, 0, 0, 0.08), -2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-end-internal:4px 0 8px -1px rgba(0, 0, 0, 0.08), 2px 0 4px -1px rgba(0, 0, 0, 0.04)}.container{visibility:hidden;position:fixed;z-index:var(--calcite-app-z-index-overlay);display:flex;overflow-y:hidden;color:var(--calcite-ui-text-2);opacity:0;transition:visibility 0ms linear var(--calcite-internal-animation-timing-medium), opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88)}:host([position=inline-start]) .container{justify-content:flex-start;inset-block:0;inset-inline:0 auto;--calcite-sheet-hidden-position-internal:translate3d(-1rem, 0, 0)}:host([position=inline-end]) .container{justify-content:flex-end;inset-block:0;inset-inline:auto 0;--calcite-sheet-hidden-position-internal:translate3d(1rem, 0, 0)}:host([position=block-start]) .container{align-items:flex-start;inset-block:0 auto;inset-inline:0;--calcite-sheet-hidden-position-internal:translate3d(0, -1rem, 0)}:host([position=block-end]) .container{align-items:flex-end;inset-block:auto 0;inset-inline:0;--calcite-sheet-hidden-position-internal:translate3d(0, 1rem, 0)}:host([display-mode=float]) .container{--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 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(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([display-mode=overlay][position=inline-start]) .container{box-shadow:var(--calcite-scrim-shadow-inline-start-internal)}:host([display-mode=overlay][position=inline-end]) .container{box-shadow:var(--calcite-scrim-shadow-inline-end-internal)}:host([display-mode=overlay][position=block-start]) .container{box-shadow:var(--calcite-scrim-shadow-block-start-internal)}:host([display-mode=overlay][position=block-end]) .container{box-shadow:var(--calcite-scrim-shadow-block-end-internal)}:host([position^=inline]) .container,:host([position^=inline]) .content{inline-size:var(--calcite-sheet-width-internal);max-inline-size:var(--calcite-sheet-max-width-internal);min-inline-size:var(--calcite-sheet-min-width-internal)}:host([position^=block]) .container,:host([position^=block]) .content{block-size:var(--calcite-sheet-height-internal);max-block-size:var(--calcite-sheet-max-height-internal);min-block-size:var(--calcite-sheet-min-height-internal)}:host([display-mode=float][position^=inline]) .container{block-size:calc(100% - 1.5rem);max-block-size:calc(100% - 1.5rem);min-block-size:calc(100% - 1.5rem)}:host([display-mode=float][position^=block]) .container{inline-size:calc(100% - 1.5rem);max-inline-size:calc(100% - 1.5rem);min-inline-size:calc(100% - 1.5rem)}:host([position^=inline][width-scale=s]){--calcite-sheet-width-internal:var(--calcite-sheet-width, 15vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 360px);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 260px)}:host([position^=inline][width-scale=m]){--calcite-sheet-width-internal:var(--calcite-sheet-width, 25vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 420px);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 300px)}:host([position^=inline][width-scale=l]){--calcite-sheet-width-internal:var(--calcite-sheet-width, 45vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 680px);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 340px)}:host([position^=block][height-scale=s]){--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 160px);--calcite-sheet-height-internal:var(--calcite-sheet-height, 30vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 30vh)}:host([position^=block][height-scale=m]){--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 200px);--calcite-sheet-height-internal:var(--calcite-sheet-height, 45vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 50vh)}:host([position^=block][height-scale=l]){--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 240px);--calcite-sheet-height-internal:var(--calcite-sheet-height, 60vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 70vh)}.scrim{--calcite-scrim-background:var(--calcite-sheet-scrim-background, var(--calcite-sheet-scrim-background-internal));position:fixed;inset:0px;display:flex;overflow-y:hidden}:host([opened]){visibility:visible !important}.content{position:relative;z-index:var(--calcite-app-z-index-modal);box-sizing:border-box;display:block;max-block-size:100%;max-inline-size:100%;overflow-y:hidden;padding:0px;background-color:var(--calcite-ui-foreground-1);max-block-size:100%;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-medium), opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88);transform:var(--calcite-sheet-hidden-position-internal)}.container--open .content{transform:translate3d(0, 0, 0)}:host([display-mode=float]) .content,:host([display-mode=float]) .container{border-radius:0.25rem}:host([display-mode=float]) .container{padding:0.75rem}.container--open{visibility:visible;opacity:1;transition-delay:0ms}.container--open .content{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-inline-size var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-block-size var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition-delay:0ms}:host([position=inline-start]) .content,:host([position=inline-end]) .content{block-size:100%}:host([position=block-start]) .content,:host([position=block-end]) .content{inline-size:100%}:host([position]) .container--slotted-in-shell{pointer-events:auto;position:absolute;inline-size:100%;max-inline-size:100%;min-inline-size:100%;block-size:100%;max-block-size:100%;min-block-size:100%}:host([position]) .container--slotted-in-shell calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}";
+
+const Sheet = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.calciteSheetBeforeClose = createEvent(this, "calciteSheetBeforeClose", 6);
+    this.calciteSheetClose = createEvent(this, "calciteSheetClose", 6);
+    this.calciteSheetBeforeOpen = createEvent(this, "calciteSheetBeforeOpen", 6);
+    this.calciteSheetOpen = createEvent(this, "calciteSheetOpen", 6);
+    //--------------------------------------------------------------------------
+    //
+    //  Private Properties/ State
+    //
+    //--------------------------------------------------------------------------
+    this.openTransitionProp = "opacity";
+    this.ignoreOpenChange = false;
+    this.mutationObserver = createObserver("mutation", () => this.handleMutationObserver());
+    this.setTransitionEl = (el) => {
+      this.transitionEl = el;
+      this.contentId = ensureId(el);
+    };
+    this.openEnd = () => {
+      this.setFocus();
+      this.el.removeEventListener("calciteSheetOpen", this.openEnd);
+    };
+    this.handleOutsideClose = () => {
+      if (this.outsideCloseDisabled) {
+        return;
+      }
+      this.closeSheet();
+    };
+    this.closeSheet = async () => {
+      if (this.ignoreOpenChange) {
+        return;
+      }
+      if (this.beforeClose) {
+        try {
+          await this.beforeClose(this.el);
+        }
+        catch (_error) {
+          // close prevented
+          requestAnimationFrame(() => {
+            this.ignoreOpenChange = true;
+            this.open = true;
+            this.ignoreOpenChange = false;
+          });
+          return;
+        }
+      }
+      this.ignoreOpenChange = true;
+      this.open = false;
+      this.opened = false;
+      this.removeOverflowHiddenClass();
+      this.ignoreOpenChange = false;
+    };
+    this.beforeClose = undefined;
+    this.displayMode = "overlay";
+    this.escapeDisabled = false;
+    this.heightScale = "m";
+    this.focusTrapDisabled = false;
+    this.label = undefined;
+    this.open = false;
+    this.opened = false;
+    this.outsideCloseDisabled = false;
+    this.position = "inline-start";
+    this.slottedInShell = undefined;
+    this.widthScale = "m";
+  }
+  handleFocusTrapDisabled(focusTrapDisabled) {
+    if (!this.open) {
+      return;
+    }
+    focusTrapDisabled ? deactivateFocusTrap(this) : activateFocusTrap(this);
+  }
+  async toggleSheet(value) {
+    if (this.ignoreOpenChange) {
+      return;
+    }
+    onToggleOpenCloseComponent(this);
+    if (value) {
+      this.openSheet();
+    }
+    else {
+      this.closeSheet();
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentWillLoad() {
+    setUpLoadableComponent(this);
+    // when sheet initially renders, if active was set we need to open as watcher doesn't fire
+    if (this.open) {
+      onToggleOpenCloseComponent(this);
+      requestAnimationFrame(() => this.openSheet());
+    }
+  }
+  componentDidLoad() {
+    setComponentLoaded(this);
+  }
+  connectedCallback() {
+    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });
+    connectFocusTrap(this);
+  }
+  disconnectedCallback() {
+    this.removeOverflowHiddenClass();
+    this.mutationObserver?.disconnect();
+    deactivateFocusTrap(this);
+    this.slottedInShell = false;
+  }
+  render() {
+    const dir = getElementDir(this.el);
+    return (h(Host, { "aria-describedby": this.contentId, "aria-label": this.label, "aria-modal": "true", role: "dialog" }, h("div", { class: {
+        [CSS.container]: true,
+        [CSS.containerOpen]: this.opened,
+        [CSS.containerSlottedInShell]: this.slottedInShell,
+        [CSS_UTILITY.rtl]: dir === "rtl",
+      } }, h("calcite-scrim", { class: CSS.scrim, onClick: this.handleOutsideClose }), h("div", { class: {
+        [CSS.content]: true,
+      },
+      // 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 }, h("slot", null)))));
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Event Listeners
+  //
+  //--------------------------------------------------------------------------
+  handleEscape(event) {
+    if (this.open && !this.escapeDisabled && event.key === "Escape" && !event.defaultPrevented) {
+      this.closeSheet();
+      event.preventDefault();
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Public Methods
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * Sets focus on the component's "close" button (the first focusable item).
+   *
+   */
+  async setFocus() {
+    await componentFocusable(this);
+    focusFirstTabbable(this.el);
+  }
+  /**
+   * Updates the element(s) that are used within the focus-trap of the component.
+   */
+  async updateFocusTrapElements() {
+    updateFocusTrapElements(this);
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  onBeforeOpen() {
+    this.calciteSheetBeforeOpen.emit();
+  }
+  onOpen() {
+    this.calciteSheetOpen.emit();
+    activateFocusTrap(this);
+  }
+  onBeforeClose() {
+    this.calciteSheetBeforeClose.emit();
+  }
+  onClose() {
+    this.calciteSheetClose.emit();
+    deactivateFocusTrap(this);
+  }
+  openSheet() {
+    if (this.ignoreOpenChange) {
+      return;
+    }
+    this.el.addEventListener("calciteSheetOpen", this.openEnd);
+    this.open = true;
+    this.opened = true;
+    if (!this.slottedInShell) {
+      this.initialOverflowCSS = document.documentElement.style.overflow;
+      // use an inline style instead of a utility class to avoid global class declarations.
+      document.documentElement.style.setProperty("overflow", "hidden");
+    }
+    this.ignoreOpenChange = false;
+  }
+  removeOverflowHiddenClass() {
+    document.documentElement.style.setProperty("overflow", this.initialOverflowCSS);
+  }
+  handleMutationObserver() {
+    this.updateFocusTrapElements();
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "focusTrapDisabled": ["handleFocusTrapDisabled"],
+    "open": ["toggleSheet"]
+  }; }
+};
+Sheet.style = sheetCss;
+
+export { Sheet as calcite_sheet };

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

@@ -1,18 +1,18 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.9
+ * v1.7.0
  */
-import { r as registerInstance, h, F as Fragment, a as getElement, f as forceUpdate } from './index-6d8926bd.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-8fbe05b8.js';
-import { b as slotChangeHasAssignedElement, s as slotChangeGetAssignedElements, h as getSlotted, g as getElementDir, i as isPrimaryPointerButton } from './dom-4c07342d.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-cd82ee8b.js';
-import { c as clamp } from './math-15578f62.js';
-import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-a32a6655.js';
-import { C as CSS_UTILITY } from './resources-fd05f8c1.js';
-import './observers-76bb0c71.js';
-import './guid-dd8a3d4a.js';
-import './key-b39022fc.js';
+import { r as registerInstance, h, F as Fragment, a as getElement, f as forceUpdate } from './index-165cd388.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-d8f568e7.js';
+import { b as slotChangeHasAssignedElement, s as slotChangeGetAssignedElements, h as getSlotted, g as getElementDir, i as isPrimaryPointerButton } from './dom-79f84f98.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-b09d220a.js';
+import { c as clamp } from './math-4e0ea91f.js';
+import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-9a6203a1.js';
+import { C as CSS_UTILITY } from './resources-4b333cce.js';
+import './observers-200147a2.js';
+import './guid-3f32a87e.js';
+import './key-120fe23c.js';
 
 const CSS$2 = {
   main: "main",
@@ -32,6 +32,7 @@ const SLOTS$2 = {
   header: "header",
   footer: "footer",
   alerts: "alerts",
+  sheets: "sheets",
   modals: "modals",
 };
 
@@ -59,6 +60,14 @@ const Shell = class {
         }
       });
     };
+    this.handleSheetsSlotChange = (event) => {
+      this.hasSheets = !!slotChangeHasAssignedElement(event);
+      slotChangeGetAssignedElements(event)?.map((el) => {
+        if (el.nodeName === "CALCITE-SHEET") {
+          el.slottedInShell = true;
+        }
+      });
+    };
     this.handleModalsSlotChange = (event) => {
       this.hasModals = !!slotChangeHasAssignedElement(event);
       slotChangeGetAssignedElements(event)?.map((el) => {
@@ -72,6 +81,7 @@ const Shell = class {
     this.hasFooter = false;
     this.hasAlerts = false;
     this.hasModals = false;
+    this.hasSheets = false;
   }
   // --------------------------------------------------------------------------
   //
@@ -98,6 +108,9 @@ const Shell = class {
   renderAlerts() {
     return (h("div", { hidden: !this.hasAlerts }, h("slot", { key: "alerts", name: SLOTS$2.alerts, onSlotchange: this.handleAlertsSlotChange })));
   }
+  renderSheets() {
+    return (h("div", { hidden: !this.hasSheets }, h("slot", { key: "sheets", name: SLOTS$2.sheets, onSlotchange: this.handleSheetsSlotChange })));
+  }
   renderModals() {
     return (h("div", { hidden: !this.hasModals }, h("slot", { key: "modals", name: SLOTS$2.modals, onSlotchange: this.handleModalsSlotChange })));
   }
@@ -124,7 +137,7 @@ const Shell = class {
     return (h("div", { class: CSS$2.main }, h("slot", { name: SLOTS$2.panelStart }), this.renderContent(), h("slot", { name: SLOTS$2.panelEnd })));
   }
   renderPositionedSlots() {
-    return (h("div", { class: CSS$2.positionedSlotWrapper }, this.renderAlerts(), this.renderModals()));
+    return (h("div", { class: CSS$2.positionedSlotWrapper }, this.renderAlerts(), this.renderModals(), this.renderSheets()));
   }
   render() {
     return (h(Fragment, null, this.renderHeader(), this.renderMain(), this.renderFooter(), this.renderPositionedSlots()));

package/dist/esm/calcite-sortable-list.entry.js

@@ -1,15 +1,16 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.9
+ * v1.7.0
  */
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-6d8926bd.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-94091e70.js';
-import { c as createObserver } from './observers-76bb0c71.js';
-import { d as disconnectSortableComponent, c as connectSortableComponent } from './sortableComponent-7a1ed98d.js';
-import { d as focusElement } from './dom-4c07342d.js';
-import './guid-dd8a3d4a.js';
-import './resources-fd05f8c1.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-165cd388.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-5801a6e6.js';
+import { c as createObserver } from './observers-200147a2.js';
+import { d as dragActive, a as disconnectSortableComponent, c as connectSortableComponent } from './sortableComponent-b0b64c13.js';
+import { d as focusElement } from './dom-79f84f98.js';
+import './browser-612db93f.js';
+import './guid-3f32a87e.js';
+import './resources-4b333cce.js';
 
 const CSS = {
   sortItem: "sort-item",
@@ -44,11 +45,17 @@ const SortableList = class {
   //
   // --------------------------------------------------------------------------
   connectedCallback() {
+    if (dragActive(this)) {
+      return;
+    }
     this.setUpSorting();
     this.beginObserving();
     connectInteractive(this);
   }
   disconnectedCallback() {
+    if (dragActive(this)) {
+      return;
+    }
     disconnectInteractive(this);
     disconnectSortableComponent(this);
     this.endObserving();

package/dist/esm/calcite-split-button.entry.js

@@ -1,11 +1,12 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.9
+ * v1.7.0
  */
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-6d8926bd.js';
-import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive-94091e70.js';
-import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-063d4231.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-165cd388.js';
+import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive-5801a6e6.js';
+import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-d814078e.js';
+import './browser-612db93f.js';
 
 const CSS = {
   container: "split-button__container",

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

@@ -1,13 +1,13 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.9
+ * v1.7.0
  */
-import { r as registerInstance, h, H as Host } from './index-6d8926bd.js';
-import { b as slotChangeHasAssignedElement } from './dom-4c07342d.js';
-import { S as SLOTS, C as CSS } from './resources-5d1a8ebe.js';
-import './guid-dd8a3d4a.js';
-import './resources-fd05f8c1.js';
+import { r as registerInstance, h, H as Host } from './index-165cd388.js';
+import { b as slotChangeHasAssignedElement } from './dom-79f84f98.js';
+import { S as SLOTS, C as CSS } from './resources-e53513a8.js';
+import './guid-3f32a87e.js';
+import './resources-4b333cce.js';
 
 const stackCss = ":host([disabled]) .content{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) .content *,:host([disabled]) .content ::slotted(*){pointer-events:none}:host{display:flex;flex:1 1 0%;flex-direction:column}.container{display:flex;flex:1 1 auto;align-items:stretch;font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2)}.content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;font-size:var(--calcite-font-size--2);line-height:1.375;padding-inline:var(--calcite-stack-padding-inline, 0.75rem);padding-block:var(--calcite-stack-padding-block, 0.5rem)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:0 1 auto}.actions-start,.actions-end,.content-start,.content-end{display:flex;align-items:center}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:0.75rem;align-self:center}.actions-start ::slotted(calcite-action),.actions-end ::slotted(calcite-action){align-self:stretch;color:inherit}:host([hidden]){display:none}[hidden]{display:none}";