@esri/solutions-components 0.10.4 → 0.10.5

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

@@ -8,24 +8,24 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-696e53e6.js');
-const form = require('./form-e3e6f1e0.js');
-const guid = require('./guid-9a92730c.js');
-const interactive = require('./interactive-c120e7de.js');
-const label = require('./label-c4d636db.js');
-const loadable = require('./loadable-52223908.js');
-const locale = require('./locale-4d226d16.js');
-const t9n = require('./t9n-d102c87b.js');
-const dom = require('./dom-93443cc1.js');
-require('./browser-9f13ebb0.js');
-require('./component-8ff3f229.js');
-require('./key-f95b815e.js');
-require('./observers-304eec4e.js');
-require('./resources-543ff11e.js');
+const form = require('./form-4c0bbbe5.js');
+const guid = require('./guid-4bc1bc0f.js');
+const interactive = require('./interactive-272b8484.js');
+const label = require('./label-afda7da7.js');
+const loadable = require('./loadable-ef8f0acf.js');
+const locale = require('./locale-428354f0.js');
+const t9n = require('./t9n-e5fb720b.js');
+const dom = require('./dom-63b93b3b.js');
+require('./browser-02cbd1d9.js');
+require('./component-9d0efa36.js');
+require('./key-e4dd32ff.js');
+require('./observers-3440c668.js');
+require('./resources-8556a9ce.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const StarIcon = ({ full, scale, partial }) => (index.h("calcite-icon", { class: partial ? undefined : "icon",
     icon: full ? "star-f" : "star",
@@ -201,7 +201,7 @@ const Rating = class {
         interactive.updateHostInteraction(this);
     }
     render() {
-        return (index.h(index.Host, { key: '1cdfcdebea3d3ed1ab27aecc103b80c3d9c6f8f2', onKeyDown: this.handleHostKeyDown, onPointerOut: this.handleRatingPointerOut, onPointerOver: this.handleRatingPointerOver }, index.h(interactive.InteractiveContainer, { key: '7967d681999450bf6d0a583dcc3b6eac892e6337', disabled: this.disabled }, index.h("span", { key: 'a4eede65a8bcba54970d208ad35f98c7f1c5f3e4', class: "wrapper" }, index.h("fieldset", { key: '65674e03084c4e8612168376965dda651f857d70', class: "fieldset", disabled: this.disabled }, index.h("legend", { key: '0d0ac44ef25a25f621ea58040e954c2ad7c0df8b', class: "visually-hidden" }, this.messages.rating), this.starsMap.map(({ average, checked, fraction, hovered, id, partial, selected, value, tabIndex, }) => {
+        return (index.h(index.Host, { key: 'ee12a95edffb164da0311917e561aeec2caba6ad', onKeyDown: this.handleHostKeyDown, onPointerOut: this.handleRatingPointerOut, onPointerOver: this.handleRatingPointerOver }, index.h(interactive.InteractiveContainer, { key: '8bae6d4b7713a20a071c8fea79779a1993c43f2a', disabled: this.disabled }, index.h("span", { key: '3e010b43efdcad46e7d167760e70b10866e4b023', class: "wrapper" }, index.h("fieldset", { key: '6fb40f5688a7a092f6e3687bc616202d9d22b308', class: "fieldset", disabled: this.disabled }, index.h("legend", { key: '9ad0186739326cb80ffa2ea3bb86a2760f7b19c3', class: "visually-hidden" }, this.messages.rating), this.starsMap.map(({ average, checked, fraction, hovered, id, partial, selected, value, tabIndex, }) => {
             return (index.h("label", { class: {
                     star: true,
                     selected,
@@ -209,7 +209,7 @@ const Rating = class {
                     average,
                     partial,
                 }, "data-value": value, htmlFor: id, onClick: this.handleLabelClick, onFocus: this.handleLabelFocus, onKeyDown: this.handleLabelKeyDown, onPointerDown: this.handleLabelPointerDown, onPointerOver: this.handleLabelPointerOver, ref: this.setLabelEl, tabIndex: tabIndex }, index.h("input", { checked: checked, class: "visually-hidden", disabled: this.disabled || this.readOnly, id: id, name: this.guid, onChange: this.handleInputChange, tabIndex: -1, type: "radio", value: value }), index.h(StarIcon, { full: selected || average, scale: this.scale }), partial && (index.h("div", { class: "fraction", style: { width: `${fraction * 100}%` } }, index.h(StarIcon, { full: true, partial: true, scale: this.scale }))), index.h("span", { class: "visually-hidden" }, this.messages.stars.replace("{num}", `${value}`))));
-        }), (this.count || this.average) && this.showChip ? (index.h("calcite-chip", { scale: this.scale, value: this.count?.toString() }, !!this.average && index.h("span", { class: "number--average" }, this.average.toString()), !!this.count && index.h("span", { class: "number--count" }, "(", this.count?.toString(), ")"))) : null), index.h(form.HiddenFormInputSlot, { key: 'cd5319562185a50f30aff46446c02de64710f46a', component: this })))));
+        }), (this.count || this.average) && this.showChip ? (index.h("calcite-chip", { scale: this.scale, value: this.count?.toString() }, !!this.average && index.h("span", { class: "number--average" }, this.average.toString()), !!this.count && index.h("span", { class: "number--count" }, "(", this.count?.toString(), ")"))) : null), index.h(form.HiddenFormInputSlot, { key: '353bd1c99bf548d5e214398a1e006a64a2027d5b', component: this })))));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -8,22 +8,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-696e53e6.js');
-const dom = require('./dom-93443cc1.js');
-const form = require('./form-e3e6f1e0.js');
-const interactive = require('./interactive-c120e7de.js');
-const label = require('./label-c4d636db.js');
-const loadable = require('./loadable-52223908.js');
-const observers = require('./observers-304eec4e.js');
-const Validation = require('./Validation-29123fe7.js');
-require('./guid-9a92730c.js');
-require('./resources-543ff11e.js');
-require('./browser-9f13ebb0.js');
-require('./component-8ff3f229.js');
+const dom = require('./dom-63b93b3b.js');
+const form = require('./form-4c0bbbe5.js');
+const interactive = require('./interactive-272b8484.js');
+const label = require('./label-afda7da7.js');
+const loadable = require('./loadable-ef8f0acf.js');
+const observers = require('./observers-3440c668.js');
+const Validation = require('./Validation-a9d22fb7.js');
+const browser = require('./browser-02cbd1d9.js');
+require('./guid-4bc1bc0f.js');
+require('./resources-8556a9ce.js');
+require('./component-9d0efa36.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS$1 = {
     itemWrapper: "item-wrapper",
@@ -128,11 +128,14 @@ const SegmentedControl = class {
         interactive.updateHostInteraction(this);
     }
     render() {
-        return (index.h(index.Host, { key: '86fd4fde810b6857124af636da329a5fcf8b6864', onClick: this.handleClick, role: "radiogroup" }, index.h("div", { key: '1e42ccc9a60a1182ed00a7a9199e002150b11aed', class: CSS$1.itemWrapper }, index.h(interactive.InteractiveContainer, { key: '155638d65fea182e911f4cd2136a88a428bfbf08', disabled: this.disabled }, index.h("slot", { key: 'fc90d4dc13a6d7211d42c74d741ac7dd92d5201d' }), index.h(form.HiddenFormInputSlot, { key: '59b0c94ab67d540184ceb4f52dd11a594336f9a0', component: this }))), this.validationMessage && this.status === "invalid" ? (index.h(Validation.Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
+        return (index.h(index.Host, { key: 'a732600395a937851e52f797392d535cdc76ab55', onClick: this.handleClick, role: "radiogroup" }, index.h("div", { key: '890388a900d9740df1b183cd328ffde4f28a000b', class: CSS$1.itemWrapper }, index.h(interactive.InteractiveContainer, { key: '5d0edef0d414ec5f6bd2bd662465484b682d1e22', disabled: this.disabled }, index.h("slot", { key: '6fea50f20e471622c6fffdd72815620bedf9a1fc' }), index.h(form.HiddenFormInputSlot, { key: 'd96e1d652fdd31e2d3caceecba419162770e196a', component: this }))), this.validationMessage && this.status === "invalid" ? (index.h(Validation.Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
     }
     handleSelected(event) {
         event.preventDefault();
-        this.selectItem(event.target);
+        const el = event.target;
+        if (el.checked) {
+            this.selectItem(el);
+        }
         event.stopPropagation();
     }
     handleKeyDown(event) {
@@ -230,7 +233,7 @@ const SegmentedControl = class {
             }
         });
         this.selectedItem = match;
-        if (match) {
+        if (browser.isBrowser() && match) {
             match.focus();
         }
     }
@@ -258,7 +261,7 @@ SegmentedControl.style = CalciteSegmentedControlStyle0;
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const SLOTS = {
     input: "input",
@@ -314,7 +317,7 @@ const SegmentedControlItem = class {
     }
     render() {
         const { appearance, checked, layout, scale, value } = this;
-        return (index.h(index.Host, { key: 'acba894d3206d103930f8c76c6a910168979a210', "aria-checked": dom.toAriaBoolean(checked), "aria-label": value, role: "radio" }, index.h("label", { key: '8553c78d40c3ad4cd321a099a7ae1266d794dbf0', class: {
+        return (index.h(index.Host, { key: '64495ba9eba49895f5f33b6ad1b2e8d4558a06e6', "aria-checked": dom.toAriaBoolean(checked), "aria-label": value, role: "radio" }, index.h("label", { key: '20f5225b199a9046a4e423ff7ed0bcb604df28f0', class: {
                 [CSS.label]: true,
                 [CSS.labelScale(scale)]: true,
                 [CSS.labelHorizontal]: layout === "horizontal",

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

@@ -8,29 +8,30 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-696e53e6.js');
-const dom = require('./dom-93443cc1.js');
-const focusTrapComponent = require('./focusTrapComponent-32084d52.js');
-const loadable = require('./loadable-52223908.js');
-const observers = require('./observers-304eec4e.js');
-const openCloseComponent = require('./openCloseComponent-7cf2d6c4.js');
-const resources = require('./resources-543ff11e.js');
-require('./guid-9a92730c.js');
-require('./config-f0cc2786.js');
+const dom = require('./dom-63b93b3b.js');
+const focusTrapComponent = require('./focusTrapComponent-1881eaf7.js');
+const loadable = require('./loadable-ef8f0acf.js');
+const observers = require('./observers-3440c668.js');
+const openCloseComponent = require('./openCloseComponent-f9bf524b.js');
+const resources = require('./resources-8556a9ce.js');
+require('./guid-4bc1bc0f.js');
+require('./config-6a670c0d.js');
+require('./browser-02cbd1d9.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     scrim: "scrim",
     container: "container",
     containerOpen: "container--open",
     content: "content",
-    containerSlottedInShell: "container--slotted-in-shell",
+    containerEmbedded: "container--embedded",
 };
 
-const sheetCss = ":host{position:absolute;inset:0px;z-index:var(--calcite-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-z-index-overlay);display:flex;overflow-y:hidden;color:var(--calcite-color-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]) .content{--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 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)}: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-z-index-modal);box-sizing:border-box;display:block;max-inline-size:100%;overflow-y:hidden;padding:0px;background-color:var(--calcite-color-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 sheetCss = ":host{position:absolute;inset:0px;z-index:var(--calcite-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-z-index-overlay);display:flex;overflow-y:hidden;color:var(--calcite-color-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]) .content{--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 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)}: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-z-index-modal);box-sizing:border-box;display:block;max-inline-size:100%;overflow-y:hidden;padding:0px;background-color:var(--calcite-color-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--embedded{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--embedded calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}";
 const CalciteSheetStyle0 = sheetCss;
 
 const Sheet = class {
@@ -82,6 +83,7 @@ const Sheet = class {
         };
         this.beforeClose = undefined;
         this.displayMode = "overlay";
+        this.embedded = false;
         this.escapeDisabled = false;
         this.heightScale = "m";
         this.focusTrapDisabled = false;
@@ -90,7 +92,6 @@ const Sheet = class {
         this.opened = false;
         this.outsideCloseDisabled = false;
         this.position = "inline-start";
-        this.slottedInShell = undefined;
         this.widthScale = "m";
     }
     handleFocusTrapDisabled(focusTrapDisabled) {
@@ -136,18 +137,18 @@ const Sheet = class {
         this.removeOverflowHiddenClass();
         this.mutationObserver?.disconnect();
         focusTrapComponent.deactivateFocusTrap(this);
-        this.slottedInShell = false;
+        this.embedded = false;
     }
     render() {
         const dir = dom.getElementDir(this.el);
-        return (index.h(index.Host, { key: '7a1ed7e069e9ee09b69dfe1280b383e26340c4fc', "aria-describedby": this.contentId, "aria-label": this.label, "aria-modal": "true", role: "dialog" }, index.h("div", { key: '67f710ed7e5fc3b6482f6cdf83872e069bd122f3', class: {
+        return (index.h(index.Host, { key: '28df157ec40bfb6614047f7d5d7aa9b52548c9dd', "aria-describedby": this.contentId, "aria-label": this.label, "aria-modal": "true", role: "dialog" }, index.h("div", { key: 'a6f864dce3b470bc88798e46990cf5a1bf97f41a', class: {
                 [CSS.container]: true,
                 [CSS.containerOpen]: this.opened,
-                [CSS.containerSlottedInShell]: this.slottedInShell,
+                [CSS.containerEmbedded]: this.embedded,
                 [resources.CSS_UTILITY.rtl]: dir === "rtl",
-            } }, index.h("calcite-scrim", { key: '157435029505414017c3584920097750e4a61e03', class: CSS.scrim, onClick: this.handleOutsideClose }), index.h("div", { key: '4f28851c36965f2556053356272ffe48586b6551', class: {
+            } }, index.h("calcite-scrim", { key: '96f8084c552b16875a32423dee461dc60d210164', class: CSS.scrim, onClick: this.handleOutsideClose }), index.h("div", { key: 'f012185dc7fd7ddffd8fe0dc5a2fa2f92d94db47', class: {
                 [CSS.content]: true,
-            }, ref: this.setTransitionEl }, index.h("slot", { key: '58a5bcb9a59a95033965dcbcf90785973d3d2738' })))));
+            }, ref: this.setTransitionEl }, index.h("slot", { key: '2e6add208eae71ea74156169e82026be1088f107' })))));
     }
     //--------------------------------------------------------------------------
     //
@@ -201,7 +202,7 @@ const Sheet = class {
     openSheet() {
         this.el.addEventListener("calciteSheetOpen", this.openEnd);
         this.opened = true;
-        if (!this.slottedInShell) {
+        if (!this.embedded) {
             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");

package/dist/cjs/calcite-shell-center-row.cjs.entry.js

@@ -8,16 +8,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-696e53e6.js');
-const conditionalSlot = require('./conditionalSlot-764a9738.js');
-const dom = require('./dom-93443cc1.js');
-require('./observers-304eec4e.js');
-require('./guid-9a92730c.js');
-require('./resources-543ff11e.js');
+const conditionalSlot = require('./conditionalSlot-fe01e316.js');
+const dom = require('./dom-63b93b3b.js');
+require('./observers-3440c668.js');
+require('./browser-02cbd1d9.js');
+require('./guid-4bc1bc0f.js');
+require('./resources-8556a9ce.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     actionBarContainer: "action-bar-container",
@@ -55,14 +56,14 @@ const ShellCenterRow = class {
     // --------------------------------------------------------------------------
     render() {
         const { el } = this;
-        const contentNode = (index.h("div", { key: '272dced8d569d7cbb822739dea81fc4e66e773f6', class: CSS.content }, index.h("slot", { key: '7eb60d427747c4c05a9c4c64465f8ee0519cf9c2' })));
+        const contentNode = (index.h("div", { key: '81509aabe59bf7baa749bebc9dfdd510d7116b0e', class: CSS.content }, index.h("slot", { key: '32508fde267a3158deb3e0f26a5119120924d701' })));
         const actionBar = dom.getSlotted(el, SLOTS.actionBar);
         const actionBarNode = actionBar ? (index.h("div", { class: CSS.actionBarContainer, key: "action-bar" }, index.h("slot", { name: SLOTS.actionBar }))) : null;
         const children = [actionBarNode, contentNode];
         if (actionBar?.position === "end") {
             children.reverse();
         }
-        return index.h(index.Fragment, { key: 'eba71689b26127da5043ab43bbd746702e59b788' }, children);
+        return index.h(index.Fragment, { key: '78b0898056f601e151f4ba820dad03dbf0461b4b' }, children);
     }
     get el() { return index.getElement(this); }
 };