@esri/calcite-components 2.0.0 → 2.1.0-next.0

package/dist/collection/components/shell/resources.js.map

@@ -1 +1 @@
-{"version":3,"file":"resources.js","sourceRoot":"","sources":["../../../../src/components/shell/resources.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,GAAG,GAAG;EACjB,IAAI,EAAE,MAAM;EACZ,OAAO,EAAE,SAAS;EAClB,aAAa,EAAE,iBAAiB;EAChC,MAAM,EAAE,QAAQ;EAChB,qBAAqB,EAAE,yBAAyB;EAChD,SAAS,EAAE,WAAW;EACtB,0BAA0B,EAAE,gBAAgB;CAC7C,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG;EACnB,SAAS,EAAE,YAAY;EACvB,UAAU,EAAE,aAAa;EACzB,QAAQ,EAAE,WAAW;EACrB,QAAQ,EAAE,WAAW;EACrB,WAAW,EAAE,cAAc;EAC3B,MAAM,EAAE,QAAQ;EAChB,MAAM,EAAE,QAAQ;EAChB,MAAM,EAAE,QAAQ;EAChB,MAAM,EAAE,QAAQ;EAChB,MAAM,EAAE,QAAQ;CACjB,CAAC","sourcesContent":["export const CSS = {\n  main: \"main\",\n  content: \"content\",\n  contentBehind: \"content--behind\",\n  footer: \"footer\",\n  positionedSlotWrapper: \"positioned-slot-wrapper\",\n  container: \"container\",\n  contentBehindCenterContent: \"center-content\",\n};\n\nexport const SLOTS = {\n  centerRow: \"center-row\",\n  panelStart: \"panel-start\",\n  panelEnd: \"panel-end\",\n  panelTop: \"panel-top\",\n  panelBottom: \"panel-bottom\",\n  header: \"header\",\n  footer: \"footer\",\n  alerts: \"alerts\",\n  sheets: \"sheets\",\n  modals: \"modals\",\n};\n"]}
+{"version":3,"file":"resources.js","sourceRoot":"","sources":["../../../../src/components/shell/resources.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,GAAG,GAAG;EACjB,IAAI,EAAE,MAAM;EACZ,OAAO,EAAE,SAAS;EAClB,aAAa,EAAE,iBAAiB;EAChC,qBAAqB,EAAE,0BAA0B;EACjD,MAAM,EAAE,QAAQ;EAChB,qBAAqB,EAAE,yBAAyB;EAChD,SAAS,EAAE,WAAW;EACtB,0BAA0B,EAAE,gBAAgB;CAC7C,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG;EACnB,SAAS,EAAE,YAAY;EACvB,UAAU,EAAE,aAAa;EACzB,QAAQ,EAAE,WAAW;EACrB,QAAQ,EAAE,WAAW;EACrB,WAAW,EAAE,cAAc;EAC3B,MAAM,EAAE,QAAQ;EAChB,MAAM,EAAE,QAAQ;EAChB,MAAM,EAAE,QAAQ;EAChB,MAAM,EAAE,QAAQ;EAChB,MAAM,EAAE,QAAQ;CACjB,CAAC","sourcesContent":["export const CSS = {\n  main: \"main\",\n  content: \"content\",\n  contentBehind: \"content--behind\",\n  contentNonInteractive: \"content--non-interactive\",\n  footer: \"footer\",\n  positionedSlotWrapper: \"positioned-slot-wrapper\",\n  container: \"container\",\n  contentBehindCenterContent: \"center-content\",\n};\n\nexport const SLOTS = {\n  centerRow: \"center-row\",\n  panelStart: \"panel-start\",\n  panelEnd: \"panel-end\",\n  panelTop: \"panel-top\",\n  panelBottom: \"panel-bottom\",\n  header: \"header\",\n  footer: \"footer\",\n  alerts: \"alerts\",\n  sheets: \"sheets\",\n  modals: \"modals\",\n};\n"]}

package/dist/collection/components/shell/shell.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ * Generated on Thu, 07 Dec 2023 19:17:49 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ * Generated on Thu, 07 Dec 2023 19:17:49 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ * Generated on Thu, 07 Dec 2023 19:17:49 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ * Generated on Thu, 07 Dec 2023 19:17:49 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sat, 02 Dec 2023 04:05:26 GMT
+ * Generated on Thu, 07 Dec 2023 19:17:48 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */
@@ -63,12 +63,16 @@
   overflow: hidden;
 }
 
-.content {
+.content,
+.content--non-interactive {
   display: flex;
   block-size: 100%;
   inline-size: 100%;
   flex-direction: column;
   flex-wrap: nowrap;
+}
+
+.content {
   overflow: auto;
 }
 
@@ -88,6 +92,10 @@
   display: initial;
 }
 
+.content--non-interactive {
+  pointer-events: none;
+}
+
 ::slotted(calcite-shell-center-row) {
   inline-size: unset;
 }

package/dist/collection/components/shell/shell.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.0.0
+ * v2.1.0-next.0
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { accessible, hidden, renders, slots } from "../../tests/commonTests";

package/dist/collection/components/shell/shell.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.0.0
+ * v2.1.0-next.0
  */
 import { Fragment, h } from "@stencil/core";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent, } from "../../utils/conditionalSlot";
@@ -63,6 +63,20 @@ export class Shell {
     this.hasAlerts = false;
     this.hasModals = false;
     this.hasSheets = false;
+    this.panelIsResizing = false;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Event Listeners
+  //
+  //--------------------------------------------------------------------------
+  handleCalciteInternalShellPanelResizeStart(event) {
+    this.panelIsResizing = true;
+    event.stopPropagation();
+  }
+  handleCalciteInternalShellPanelResizeEnd(event) {
+    this.panelIsResizing = false;
+    event.stopPropagation();
   }
   // --------------------------------------------------------------------------
   //
@@ -96,7 +110,9 @@ export class Shell {
     return (h("div", { hidden: !this.hasModals }, h("slot", { key: "modals", name: SLOTS.modals, onSlotchange: this.handleModalsSlotChange })));
   }
   renderContent() {
+    const { panelIsResizing } = this;
     const defaultSlotNode = h("slot", { key: "default-slot" });
+    const defaultSlotContainerNode = panelIsResizing ? (h("div", { class: CSS.contentNonInteractive }, defaultSlotNode)) : (defaultSlotNode);
     const deprecatedCenterRowSlotNode = (h("slot", { key: "center-row-slot", name: SLOTS.centerRow }));
     const panelBottomSlotNode = h("slot", { key: "panel-bottom-slot", name: SLOTS.panelBottom });
     const panelTopSlotNode = h("slot", { key: "panel-top-slot", name: SLOTS.panelTop });
@@ -106,11 +122,11 @@ export class Shell {
         h("div", { class: {
             [CSS.content]: true,
             [CSS.contentBehind]: true,
-          }, key: contentContainerKey }, defaultSlotNode),
+          }, key: contentContainerKey }, defaultSlotContainerNode),
         h("div", { class: CSS.contentBehindCenterContent }, panelTopSlotNode, panelBottomSlotNode, deprecatedCenterRowSlotNode),
       ]
       : [
-        h("div", { class: CSS.content, key: contentContainerKey }, panelTopSlotNode, defaultSlotNode, panelBottomSlotNode, deprecatedCenterRowSlotNode),
+        h("div", { class: CSS.content, key: contentContainerKey }, panelTopSlotNode, defaultSlotContainerNode, panelBottomSlotNode, deprecatedCenterRowSlotNode),
       ];
     return content;
   }
@@ -163,9 +179,25 @@ export class Shell {
       "hasFooter": {},
       "hasAlerts": {},
       "hasModals": {},
-      "hasSheets": {}
+      "hasSheets": {},
+      "panelIsResizing": {}
     };
   }
   static get elementRef() { return "el"; }
+  static get listeners() {
+    return [{
+        "name": "calciteInternalShellPanelResizeStart",
+        "method": "handleCalciteInternalShellPanelResizeStart",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "calciteInternalShellPanelResizeEnd",
+        "method": "handleCalciteInternalShellPanelResizeEnd",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }
 //# sourceMappingURL=shell.js.map

package/dist/collection/components/shell/shell.js.map

@@ -1 +1 @@
-{"version":3,"file":"shell.js","sourceRoot":"","sources":["../../../../src/components/shell/shell.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Fragment, h, Prop, State, VNode } from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { slotChangeGetAssignedElements, slotChangeHasAssignedElement } from \"../../utils/dom\";\nimport { CSS, SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding custom content. This content will appear between any leading and trailing panels added to the component, such as a map.\n * @slot header - A slot for adding header content. This content will be positioned at the top of the component.\n * @slot footer - A slot for adding footer content. This content will be positioned at the bottom of the component.\n * @slot panel-start - A slot for adding the starting `calcite-shell-panel`.\n * @slot panel-end - A slot for adding the ending `calcite-shell-panel`.\n * @slot panel-top - A slot for adding the top `calcite-shell-center-row`.\n * @slot panel-bottom - A slot for adding the bottom `calcite-shell-center-row`.\n * @slot center-row - [Deprecated] Use the `\"panel-bottom\"` slot instead. A slot for adding the bottom `calcite-shell-center-row`.\n * @slot modals - A slot for adding `calcite-modal` components. When placed in this slot, the modal position will be constrained to the extent of the shell.\n * @slot alerts - A slot for adding `calcite-alert` components. When placed in this slot, the alert position will be constrained to the extent of the shell.\n * @slot sheets - A slot for adding `calcite-sheet` components. When placed in this slot, the sheet position will be constrained to the extent of the shell.\n */\n\n@Component({\n  tag: \"calcite-shell\",\n  styleUrl: \"shell.scss\",\n  shadow: true,\n})\nexport class Shell implements ConditionalSlotComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Positions the center content behind any `calcite-shell-panel`s.\n   */\n  @Prop({ reflect: true }) contentBehind = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteShellElement;\n\n  @State() hasHeader = false;\n\n  @State() hasFooter = false;\n\n  @State() hasAlerts = false;\n\n  @State() hasModals = false;\n\n  @State() hasSheets = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  handleHeaderSlotChange = (event: Event): void => {\n    this.hasHeader = !!slotChangeHasAssignedElement(event);\n  };\n\n  handleFooterSlotChange = (event: Event): void => {\n    this.hasFooter = !!slotChangeHasAssignedElement(event);\n  };\n\n  handleAlertsSlotChange = (event: Event): void => {\n    this.hasAlerts = !!slotChangeHasAssignedElement(event);\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.nodeName === \"CALCITE-ALERT\") {\n        (el as HTMLCalciteAlertElement).slottedInShell = true;\n      }\n    });\n  };\n\n  handleSheetsSlotChange = (event: Event): void => {\n    this.hasSheets = !!slotChangeHasAssignedElement(event);\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.nodeName === \"CALCITE-SHEET\") {\n        (el as HTMLCalciteSheetElement).slottedInShell = true;\n      }\n    });\n  };\n\n  handleModalsSlotChange = (event: Event): void => {\n    this.hasModals = !!slotChangeHasAssignedElement(event);\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.nodeName === \"CALCITE-MODAL\") {\n        (el as HTMLCalciteModalElement).slottedInShell = true;\n      }\n    });\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderHeader(): VNode {\n    return (\n      <div hidden={!this.hasHeader}>\n        <slot key=\"header\" name={SLOTS.header} onSlotchange={this.handleHeaderSlotChange} />\n      </div>\n    );\n  }\n\n  renderFooter(): VNode {\n    return (\n      <div class={CSS.footer} hidden={!this.hasFooter} key=\"footer\">\n        <slot name={SLOTS.footer} onSlotchange={this.handleFooterSlotChange} />\n      </div>\n    );\n  }\n\n  renderAlerts(): VNode {\n    return (\n      <div hidden={!this.hasAlerts}>\n        <slot key=\"alerts\" name={SLOTS.alerts} onSlotchange={this.handleAlertsSlotChange} />\n      </div>\n    );\n  }\n\n  renderSheets(): VNode {\n    return (\n      <div hidden={!this.hasSheets}>\n        <slot key=\"sheets\" name={SLOTS.sheets} onSlotchange={this.handleSheetsSlotChange} />\n      </div>\n    );\n  }\n\n  renderModals(): VNode {\n    return (\n      <div hidden={!this.hasModals}>\n        <slot key=\"modals\" name={SLOTS.modals} onSlotchange={this.handleModalsSlotChange} />\n      </div>\n    );\n  }\n\n  renderContent(): VNode[] {\n    const defaultSlotNode: VNode = <slot key=\"default-slot\" />;\n    const deprecatedCenterRowSlotNode: VNode = (\n      <slot key=\"center-row-slot\" name={SLOTS.centerRow} />\n    );\n    const panelBottomSlotNode: VNode = <slot key=\"panel-bottom-slot\" name={SLOTS.panelBottom} />;\n    const panelTopSlotNode: VNode = <slot key=\"panel-top-slot\" name={SLOTS.panelTop} />;\n\n    const contentContainerKey = \"content-container\";\n\n    const content = !!this.contentBehind\n      ? [\n          <div\n            class={{\n              [CSS.content]: true,\n              [CSS.contentBehind]: true,\n            }}\n            key={contentContainerKey}\n          >\n            {defaultSlotNode}\n          </div>,\n          <div class={CSS.contentBehindCenterContent}>\n            {panelTopSlotNode}\n            {panelBottomSlotNode}\n            {deprecatedCenterRowSlotNode}\n          </div>,\n        ]\n      : [\n          <div class={CSS.content} key={contentContainerKey}>\n            {panelTopSlotNode}\n            {defaultSlotNode}\n            {panelBottomSlotNode}\n            {deprecatedCenterRowSlotNode}\n          </div>,\n        ];\n\n    return content;\n  }\n\n  renderMain(): VNode {\n    return (\n      <div class={CSS.main}>\n        <slot name={SLOTS.panelStart} />\n        {this.renderContent()}\n        <slot name={SLOTS.panelEnd} />\n      </div>\n    );\n  }\n\n  renderPositionedSlots(): VNode {\n    return (\n      <div class={CSS.positionedSlotWrapper}>\n        {this.renderAlerts()}\n        {this.renderModals()}\n        {this.renderSheets()}\n      </div>\n    );\n  }\n\n  render(): VNode {\n    return (\n      <Fragment>\n        {this.renderHeader()}\n        {this.renderMain()}\n        {this.renderFooter()}\n        {this.renderPositionedSlots()}\n      </Fragment>\n    );\n  }\n}\n"]}
+{"version":3,"file":"shell.js","sourceRoot":"","sources":["../../../../src/components/shell/shell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAS,MAAM,eAAe,CAAC;AAC5F,OAAO,EAEL,+BAA+B,EAC/B,kCAAkC,GACnC,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,6BAA6B,EAAE,4BAA4B,EAAE,MAAM,iBAAiB,CAAC;AAC9F,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC;;;;;;;;;;;;GAYG;AAOH,MAAM,OAAO,KAAK;;IAgEhB,6EAA6E;IAC7E,EAAE;IACF,mBAAmB;IACnB,EAAE;IACF,6EAA6E;IAE7E,2BAAsB,GAAG,CAAC,KAAY,EAAQ,EAAE;MAC9C,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,4BAA4B,CAAC,KAAK,CAAC,CAAC;IACzD,CAAC,CAAC;IAEF,2BAAsB,GAAG,CAAC,KAAY,EAAQ,EAAE;MAC9C,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,4BAA4B,CAAC,KAAK,CAAC,CAAC;IACzD,CAAC,CAAC;IAEF,2BAAsB,GAAG,CAAC,KAAY,EAAQ,EAAE;MAC9C,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,4BAA4B,CAAC,KAAK,CAAC,CAAC;MACvD,6BAA6B,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE;QAC/C,IAAI,EAAE,CAAC,QAAQ,KAAK,eAAe,EAAE;UAClC,EAA8B,CAAC,cAAc,GAAG,IAAI,CAAC;SACvD;MACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,2BAAsB,GAAG,CAAC,KAAY,EAAQ,EAAE;MAC9C,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,4BAA4B,CAAC,KAAK,CAAC,CAAC;MACvD,6BAA6B,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE;QAC/C,IAAI,EAAE,CAAC,QAAQ,KAAK,eAAe,EAAE;UAClC,EAA8B,CAAC,cAAc,GAAG,IAAI,CAAC;SACvD;MACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,2BAAsB,GAAG,CAAC,KAAY,EAAQ,EAAE;MAC9C,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,4BAA4B,CAAC,KAAK,CAAC,CAAC;MACvD,6BAA6B,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE;QAC/C,IAAI,EAAE,CAAC,QAAQ,KAAK,eAAe,EAAE;UAClC,EAA8B,CAAC,cAAc,GAAG,IAAI,CAAC;SACvD;MACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;yBA7FuC,KAAK;qBA4BzB,KAAK;qBAEL,KAAK;qBAEL,KAAK;qBAEL,KAAK;qBAEL,KAAK;2BAEC,KAAK;;EApChC,4EAA4E;EAC5E,EAAE;EACF,mBAAmB;EACnB,EAAE;EACF,4EAA4E;EAG5E,0CAA0C,CAAC,KAAwB;IACjE,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;IAC5B,KAAK,CAAC,eAAe,EAAE,CAAC;EAC1B,CAAC;EAGD,wCAAwC,CAAC,KAAwB;IAC/D,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;IAC7B,KAAK,CAAC,eAAe,EAAE,CAAC;EAC1B,CAAC;EAsBD,6EAA6E;EAC7E,EAAE;EACF,aAAa;EACb,EAAE;EACF,6EAA6E;EAE7E,iBAAiB;IACf,+BAA+B,CAAC,IAAI,CAAC,CAAC;EACxC,CAAC;EAED,oBAAoB;IAClB,kCAAkC,CAAC,IAAI,CAAC,CAAC;EAC3C,CAAC;EA2CD,6EAA6E;EAC7E,EAAE;EACF,kBAAkB;EAClB,EAAE;EACF,6EAA6E;EAE7E,YAAY;IACV,OAAO,CACL,WAAK,MAAM,EAAE,CAAC,IAAI,CAAC,SAAS;MAC1B,YAAM,GAAG,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAK,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,CAAC,sBAAsB,GAAI,CAChF,CACP,CAAC;EACJ,CAAC;EAED,YAAY;IACV,OAAO,CACL,WAAK,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,GAAG,EAAC,QAAQ;MAC3D,YAAM,IAAI,EAAE,KAAK,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,CAAC,sBAAsB,GAAI,CACnE,CACP,CAAC;EACJ,CAAC;EAED,YAAY;IACV,OAAO,CACL,WAAK,MAAM,EAAE,CAAC,IAAI,CAAC,SAAS;MAC1B,YAAM,GAAG,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAK,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,CAAC,sBAAsB,GAAI,CAChF,CACP,CAAC;EACJ,CAAC;EAED,YAAY;IACV,OAAO,CACL,WAAK,MAAM,EAAE,CAAC,IAAI,CAAC,SAAS;MAC1B,YAAM,GAAG,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAK,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,CAAC,sBAAsB,GAAI,CAChF,CACP,CAAC;EACJ,CAAC;EAED,YAAY;IACV,OAAO,CACL,WAAK,MAAM,EAAE,CAAC,IAAI,CAAC,SAAS;MAC1B,YAAM,GAAG,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAK,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,CAAC,sBAAsB,GAAI,CAChF,CACP,CAAC;EACJ,CAAC;EAED,aAAa;IACX,MAAM,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;IACjC,MAAM,eAAe,GAAU,YAAM,GAAG,EAAC,cAAc,GAAG,CAAC;IAC3D,MAAM,wBAAwB,GAAG,eAAe,CAAC,CAAC,CAAC,CACjD,WAAK,KAAK,EAAE,GAAG,CAAC,qBAAqB,IAAG,eAAe,CAAO,CAC/D,CAAC,CAAC,CAAC,CACF,eAAe,CAChB,CAAC;IACF,MAAM,2BAA2B,GAAU,CACzC,YAAM,GAAG,EAAC,iBAAiB,EAAC,IAAI,EAAE,KAAK,CAAC,SAAS,GAAI,CACtD,CAAC;IACF,MAAM,mBAAmB,GAAU,YAAM,GAAG,EAAC,mBAAmB,EAAC,IAAI,EAAE,KAAK,CAAC,WAAW,GAAI,CAAC;IAC7F,MAAM,gBAAgB,GAAU,YAAM,GAAG,EAAC,gBAAgB,EAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,GAAI,CAAC;IAEpF,MAAM,mBAAmB,GAAG,mBAAmB,CAAC;IAEhD,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,aAAa;MAClC,CAAC,CAAC;QACE,WACE,KAAK,EAAE;YACL,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,IAAI;YACnB,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,IAAI;WAC1B,EACD,GAAG,EAAE,mBAAmB,IAEvB,wBAAwB,CACrB;QACN,WAAK,KAAK,EAAE,GAAG,CAAC,0BAA0B;UACvC,gBAAgB;UAChB,mBAAmB;UACnB,2BAA2B,CACxB;OACP;MACH,CAAC,CAAC;QACE,WAAK,KAAK,EAAE,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE,mBAAmB;UAC9C,gBAAgB;UAChB,wBAAwB;UACxB,mBAAmB;UACnB,2BAA2B,CACxB;OACP,CAAC;IAEN,OAAO,OAAO,CAAC;EACjB,CAAC;EAED,UAAU;IACR,OAAO,CACL,WAAK,KAAK,EAAE,GAAG,CAAC,IAAI;MAClB,YAAM,IAAI,EAAE,KAAK,CAAC,UAAU,GAAI;MAC/B,IAAI,CAAC,aAAa,EAAE;MACrB,YAAM,IAAI,EAAE,KAAK,CAAC,QAAQ,GAAI,CAC1B,CACP,CAAC;EACJ,CAAC;EAED,qBAAqB;IACnB,OAAO,CACL,WAAK,KAAK,EAAE,GAAG,CAAC,qBAAqB;MAClC,IAAI,CAAC,YAAY,EAAE;MACnB,IAAI,CAAC,YAAY,EAAE;MACnB,IAAI,CAAC,YAAY,EAAE,CAChB,CACP,CAAC;EACJ,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,QAAQ;MACN,IAAI,CAAC,YAAY,EAAE;MACnB,IAAI,CAAC,UAAU,EAAE;MACjB,IAAI,CAAC,YAAY,EAAE;MACnB,IAAI,CAAC,qBAAqB,EAAE,CACpB,CACZ,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Fragment, h, Listen, Prop, State, VNode } from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { slotChangeGetAssignedElements, slotChangeHasAssignedElement } from \"../../utils/dom\";\nimport { CSS, SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding custom content. This content will appear between any leading and trailing panels added to the component, such as a map.\n * @slot header - A slot for adding header content. This content will be positioned at the top of the component.\n * @slot footer - A slot for adding footer content. This content will be positioned at the bottom of the component.\n * @slot panel-start - A slot for adding the starting `calcite-shell-panel`.\n * @slot panel-end - A slot for adding the ending `calcite-shell-panel`.\n * @slot panel-top - A slot for adding the top `calcite-shell-center-row`.\n * @slot panel-bottom - A slot for adding the bottom `calcite-shell-center-row`.\n * @slot center-row - [Deprecated] Use the `\"panel-bottom\"` slot instead. A slot for adding the bottom `calcite-shell-center-row`.\n * @slot modals - A slot for adding `calcite-modal` components. When placed in this slot, the modal position will be constrained to the extent of the shell.\n * @slot alerts - A slot for adding `calcite-alert` components. When placed in this slot, the alert position will be constrained to the extent of the shell.\n * @slot sheets - A slot for adding `calcite-sheet` components. When placed in this slot, the sheet position will be constrained to the extent of the shell.\n */\n\n@Component({\n  tag: \"calcite-shell\",\n  styleUrl: \"shell.scss\",\n  shadow: true,\n})\nexport class Shell implements ConditionalSlotComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Positions the center content behind any `calcite-shell-panel`s.\n   */\n  @Prop({ reflect: true }) contentBehind = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalShellPanelResizeStart\")\n  handleCalciteInternalShellPanelResizeStart(event: CustomEvent<void>): void {\n    this.panelIsResizing = true;\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalShellPanelResizeEnd\")\n  handleCalciteInternalShellPanelResizeEnd(event: CustomEvent<void>): void {\n    this.panelIsResizing = false;\n    event.stopPropagation();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteShellElement;\n\n  @State() hasHeader = false;\n\n  @State() hasFooter = false;\n\n  @State() hasAlerts = false;\n\n  @State() hasModals = false;\n\n  @State() hasSheets = false;\n\n  @State() panelIsResizing = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  handleHeaderSlotChange = (event: Event): void => {\n    this.hasHeader = !!slotChangeHasAssignedElement(event);\n  };\n\n  handleFooterSlotChange = (event: Event): void => {\n    this.hasFooter = !!slotChangeHasAssignedElement(event);\n  };\n\n  handleAlertsSlotChange = (event: Event): void => {\n    this.hasAlerts = !!slotChangeHasAssignedElement(event);\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.nodeName === \"CALCITE-ALERT\") {\n        (el as HTMLCalciteAlertElement).slottedInShell = true;\n      }\n    });\n  };\n\n  handleSheetsSlotChange = (event: Event): void => {\n    this.hasSheets = !!slotChangeHasAssignedElement(event);\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.nodeName === \"CALCITE-SHEET\") {\n        (el as HTMLCalciteSheetElement).slottedInShell = true;\n      }\n    });\n  };\n\n  handleModalsSlotChange = (event: Event): void => {\n    this.hasModals = !!slotChangeHasAssignedElement(event);\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.nodeName === \"CALCITE-MODAL\") {\n        (el as HTMLCalciteModalElement).slottedInShell = true;\n      }\n    });\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderHeader(): VNode {\n    return (\n      <div hidden={!this.hasHeader}>\n        <slot key=\"header\" name={SLOTS.header} onSlotchange={this.handleHeaderSlotChange} />\n      </div>\n    );\n  }\n\n  renderFooter(): VNode {\n    return (\n      <div class={CSS.footer} hidden={!this.hasFooter} key=\"footer\">\n        <slot name={SLOTS.footer} onSlotchange={this.handleFooterSlotChange} />\n      </div>\n    );\n  }\n\n  renderAlerts(): VNode {\n    return (\n      <div hidden={!this.hasAlerts}>\n        <slot key=\"alerts\" name={SLOTS.alerts} onSlotchange={this.handleAlertsSlotChange} />\n      </div>\n    );\n  }\n\n  renderSheets(): VNode {\n    return (\n      <div hidden={!this.hasSheets}>\n        <slot key=\"sheets\" name={SLOTS.sheets} onSlotchange={this.handleSheetsSlotChange} />\n      </div>\n    );\n  }\n\n  renderModals(): VNode {\n    return (\n      <div hidden={!this.hasModals}>\n        <slot key=\"modals\" name={SLOTS.modals} onSlotchange={this.handleModalsSlotChange} />\n      </div>\n    );\n  }\n\n  renderContent(): VNode[] {\n    const { panelIsResizing } = this;\n    const defaultSlotNode: VNode = <slot key=\"default-slot\" />;\n    const defaultSlotContainerNode = panelIsResizing ? (\n      <div class={CSS.contentNonInteractive}>{defaultSlotNode}</div>\n    ) : (\n      defaultSlotNode\n    );\n    const deprecatedCenterRowSlotNode: VNode = (\n      <slot key=\"center-row-slot\" name={SLOTS.centerRow} />\n    );\n    const panelBottomSlotNode: VNode = <slot key=\"panel-bottom-slot\" name={SLOTS.panelBottom} />;\n    const panelTopSlotNode: VNode = <slot key=\"panel-top-slot\" name={SLOTS.panelTop} />;\n\n    const contentContainerKey = \"content-container\";\n\n    const content = !!this.contentBehind\n      ? [\n          <div\n            class={{\n              [CSS.content]: true,\n              [CSS.contentBehind]: true,\n            }}\n            key={contentContainerKey}\n          >\n            {defaultSlotContainerNode}\n          </div>,\n          <div class={CSS.contentBehindCenterContent}>\n            {panelTopSlotNode}\n            {panelBottomSlotNode}\n            {deprecatedCenterRowSlotNode}\n          </div>,\n        ]\n      : [\n          <div class={CSS.content} key={contentContainerKey}>\n            {panelTopSlotNode}\n            {defaultSlotContainerNode}\n            {panelBottomSlotNode}\n            {deprecatedCenterRowSlotNode}\n          </div>,\n        ];\n\n    return content;\n  }\n\n  renderMain(): VNode {\n    return (\n      <div class={CSS.main}>\n        <slot name={SLOTS.panelStart} />\n        {this.renderContent()}\n        <slot name={SLOTS.panelEnd} />\n      </div>\n    );\n  }\n\n  renderPositionedSlots(): VNode {\n    return (\n      <div class={CSS.positionedSlotWrapper}>\n        {this.renderAlerts()}\n        {this.renderModals()}\n        {this.renderSheets()}\n      </div>\n    );\n  }\n\n  render(): VNode {\n    return (\n      <Fragment>\n        {this.renderHeader()}\n        {this.renderMain()}\n        {this.renderFooter()}\n        {this.renderPositionedSlots()}\n      </Fragment>\n    );\n  }\n}\n"]}

package/dist/collection/components/shell-center-row/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.0.0
+ * v2.1.0-next.0
  */
 export const CSS = {
   actionBarContainer: "action-bar-container",

package/dist/collection/components/shell-center-row/shell-center-row.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ * Generated on Thu, 07 Dec 2023 19:17:49 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ * Generated on Thu, 07 Dec 2023 19:17:49 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ * Generated on Thu, 07 Dec 2023 19:17:49 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ * Generated on Thu, 07 Dec 2023 19:17:49 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sat, 02 Dec 2023 04:05:26 GMT
+ * Generated on Thu, 07 Dec 2023 19:17:48 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/shell-center-row/shell-center-row.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.0.0
+ * v2.1.0-next.0
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { accessible, defaults, hidden, renders, slots } from "../../tests/commonTests";

package/dist/collection/components/shell-center-row/shell-center-row.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.0.0
+ * v2.1.0-next.0
  */
 import { Fragment, h } from "@stencil/core";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent, } from "../../utils/conditionalSlot";

package/dist/collection/components/shell-panel/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.0.0
+ * v2.1.0-next.0
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/shell-panel/shell-panel.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ * Generated on Thu, 07 Dec 2023 19:17:49 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ * Generated on Thu, 07 Dec 2023 19:17:49 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ * Generated on Thu, 07 Dec 2023 19:17:49 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ * Generated on Thu, 07 Dec 2023 19:17:49 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sat, 02 Dec 2023 04:05:26 GMT
+ * Generated on Thu, 07 Dec 2023 19:17:48 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */
@@ -323,15 +323,21 @@ slot[name=action-bar]::slotted(calcite-action-bar),
   border-color: var(--calcite-color-border-3);
 }
 
-:host([position=start]) slot[name=action-bar]::slotted(calcite-action-bar),
-:host([position=start]) .content ::slotted(calcite-flow),
-:host([position=start]) .content ::slotted(calcite-panel) {
+:host([position=start]:not([slot=panel-end])) slot[name=action-bar]::slotted(calcite-action-bar),
+:host([position=start]:not([slot=panel-end])) .content ::slotted(calcite-flow),
+:host([position=start]:not([slot=panel-end])) .content ::slotted(calcite-panel),
+:host([position=end][slot=panel-start]) slot[name=action-bar]::slotted(calcite-action-bar),
+:host([position=end][slot=panel-start]) .content ::slotted(calcite-flow),
+:host([position=end][slot=panel-start]) .content ::slotted(calcite-panel) {
   border-inline-start: none;
 }
 
-:host([position=end]) slot[name=action-bar]::slotted(calcite-action-bar),
-:host([position=end]) .content ::slotted(calcite-flow),
-:host([position=end]) .content ::slotted(calcite-panel) {
+:host([position=end]:not([slot=panel-start])) slot[name=action-bar]::slotted(calcite-action-bar),
+:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-flow),
+:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-panel),
+:host([position=start][slot=panel-end]) slot[name=action-bar]::slotted(calcite-action-bar),
+:host([position=start][slot=panel-end]) .content ::slotted(calcite-flow),
+:host([position=start][slot=panel-end]) .content ::slotted(calcite-panel) {
   border-inline-end: none;
 }
 

package/dist/collection/components/shell-panel/shell-panel.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.0.0
+ * v2.1.0-next.0
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { accessible, defaults, hidden, renders, slots, t9n } from "../../tests/commonTests";

package/dist/collection/components/shell-panel/shell-panel.js

@@ -1,9 +1,9 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.0.0
+ * v2.1.0-next.0
  */
-import { forceUpdate, h } from "@stencil/core";
+import { forceUpdate, h, } from "@stencil/core";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent, } from "../../utils/conditionalSlot";
 import { getElementDir, isPrimaryPointerButton, slotChangeGetAssignedElements, slotChangeHasAssignedElement, } from "../../utils/dom";
 import { connectLocalized, disconnectLocalized } from "../../utils/locale";
@@ -139,6 +139,7 @@ export class ShellPanel {
       if (!isPrimaryPointerButton(event)) {
         return;
       }
+      this.calciteInternalShellPanelResizeEnd.emit();
       event.preventDefault();
       window.removeEventListener("pointerup", this.separatorPointerUp);
       window.removeEventListener("pointermove", this.separatorPointerMove);
@@ -153,6 +154,7 @@ export class ShellPanel {
       if (!isPrimaryPointerButton(event)) {
         return;
       }
+      this.calciteInternalShellPanelResizeStart.emit();
       event.preventDefault();
       const { separatorEl } = this;
       separatorEl && document.activeElement !== separatorEl && separatorEl.focus();
@@ -646,6 +648,45 @@ export class ShellPanel {
       "hasHeader": {}
     };
   }
+  static get events() {
+    return [{
+        "method": "calciteInternalShellPanelResizeStart",
+        "name": "calciteInternalShellPanelResizeStart",
+        "bubbles": true,
+        "cancelable": false,
+        "composed": true,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "calciteInternalShellPanelResizeEnd",
+        "name": "calciteInternalShellPanelResizeEnd",
+        "bubbles": true,
+        "cancelable": false,
+        "composed": true,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "el"; }
   static get watchers() {
     return [{

package/dist/collection/components/shell-panel/shell-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"shell-panel.js","sourceRoot":"","sources":["../../../../src/components/shell-panel/shell-panel.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, forceUpdate, h, Prop, State, VNode, Watch } from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport {\n  getElementDir,\n  isPrimaryPointerButton,\n  slotChangeGetAssignedElements,\n  slotChangeHasAssignedElement,\n} from \"../../utils/dom\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { clamp } from \"../../utils/math\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Layout, Position, Scale } from \"../interfaces\";\nimport { ShellPanelMessages } from \"./assets/shell-panel/t9n\";\nimport { CSS, SLOTS } from \"./resources\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport { DisplayMode } from \"./interfaces\";\n\n/**\n * @slot - A slot for adding custom content.\n * @slot action-bar - A slot for adding a `calcite-action-bar` to the component.\n */\n@Component({\n  tag: \"calcite-shell-panel\",\n  styleUrl: \"shell-panel.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class ShellPanel implements ConditionalSlotComponent, LocalizedComponent, T9nComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, hides the component's content area.\n   */\n  @Prop({ reflect: true }) collapsed = false;\n\n  /**\n   * When `true`, the content area displays like a floating panel.\n   *\n   * @deprecated use `displayMode` instead.\n   */\n  @Prop({ reflect: true }) detached = false;\n\n  @Watch(\"detached\")\n  handleDetached(value: boolean): void {\n    if (value) {\n      this.displayMode = \"float\";\n    } else if (this.displayMode === \"float\") {\n      this.displayMode = \"dock\";\n    }\n  }\n\n  /**\n   * Specifies the display mode - `\"dock\"` (full height, displays adjacent to center content), `\"float\"` (not full height, content is separated detached from `calcite-action-bar`, displays on top of center content),\n   * or `\"overlay\"` (full height, displays on top of center content).\n   */\n  @Prop({ reflect: true }) displayMode: DisplayMode = \"dock\";\n\n  @Watch(\"displayMode\")\n  handleDisplayMode(value: DisplayMode): void {\n    this.detached = value === \"float\";\n  }\n\n  /**\n   * When `displayMode` is `float`, specifies the maximum height of the component.\n   *\n   * @deprecated use `heightScale` instead.\n   */\n  @Prop({ reflect: true }) detachedHeightScale: Scale;\n\n  @Watch(\"detachedHeightScale\")\n  handleDetachedHeightScale(value: Scale): void {\n    this.heightScale = value;\n  }\n\n  /**\n   * When `layout` is `horizontal`, specifies the maximum height of the component.\n   */\n  @Prop({ reflect: true }) heightScale: Scale;\n\n  @Watch(\"heightScale\")\n  handleHeightScale(value: Scale): void {\n    this.detachedHeightScale = value;\n  }\n\n  /**\n   * When `layout` is `vertical`, specifies the width of the component.\n   */\n\n  @Prop({ reflect: true }) widthScale: Scale = \"m\";\n\n  /**\n   *  The direction of the component.\n   */\n  @Prop({ reflect: true }) layout: Extract<\"horizontal\" | \"vertical\", Layout> = \"vertical\";\n\n  @Watch(\"layout\")\n  layoutHandler(): void {\n    this.setActionBarsLayout(this.actionBars);\n  }\n\n  /**\n   * Specifies the component's position. Will be flipped when the element direction is right-to-left (`\"rtl\"`).\n   */\n  @Prop({ reflect: true }) position: Position = \"start\";\n\n  /**\n   * When `true` and `displayMode` is not `float`, the component's content area is resizable.\n   */\n  @Prop({ reflect: true }) resizable = false;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: ShellPanelMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<ShellPanelMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n    this.disconnectSeparator();\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  componentDidLoad(): void {\n    this.updateAriaValues();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteShellPanelElement;\n\n  @State() contentWidth: number = null;\n\n  @State() contentHeight: number = null;\n\n  initialContentWidth: number = null;\n\n  initialContentHeight: number = null;\n\n  initialClientX: number = null;\n\n  initialClientY: number = null;\n\n  contentEl: HTMLDivElement;\n\n  separatorEl: HTMLDivElement;\n\n  contentWidthMax: number = null;\n\n  contentWidthMin: number = null;\n\n  contentHeightMax: number = null;\n\n  contentHeightMin: number = null;\n\n  step = 1;\n\n  stepMultiplier = 10;\n\n  actionBars: HTMLCalciteActionBarElement[] = [];\n\n  @State() defaultMessages: ShellPanelMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() hasHeader = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  renderHeader(): VNode {\n    return (\n      <div class={CSS.contentHeader} hidden={!this.hasHeader} key=\"header\">\n        <slot name={SLOTS.header} onSlotchange={this.handleHeaderSlotChange} />\n      </div>\n    );\n  }\n\n  render(): VNode {\n    const {\n      collapsed,\n      position,\n      initialContentWidth,\n      initialContentHeight,\n      contentWidth,\n      contentWidthMax,\n      contentWidthMin,\n      contentHeight,\n      contentHeightMax,\n      contentHeightMin,\n      resizable,\n      layout,\n      displayMode,\n    } = this;\n\n    const dir = getElementDir(this.el);\n\n    const allowResizing = displayMode !== \"float\" && resizable;\n\n    const style = allowResizing\n      ? layout === \"horizontal\"\n        ? contentHeight\n          ? { height: `${contentHeight}px` }\n          : null\n        : contentWidth\n        ? { width: `${contentWidth}px` }\n        : null\n      : null;\n\n    const separatorNode =\n      !collapsed && allowResizing ? (\n        <div\n          aria-label={this.messages.resize}\n          aria-orientation={layout === \"horizontal\" ? \"vertical\" : \"horizontal\"}\n          aria-valuemax={layout == \"horizontal\" ? contentHeightMax : contentWidthMax}\n          aria-valuemin={layout == \"horizontal\" ? contentHeightMin : contentWidthMin}\n          aria-valuenow={\n            layout == \"horizontal\"\n              ? contentHeight ?? initialContentHeight\n              : contentWidth ?? initialContentWidth\n          }\n          class={CSS.separator}\n          key=\"separator\"\n          onKeyDown={this.separatorKeyDown}\n          role=\"separator\"\n          tabIndex={0}\n          touch-action=\"none\"\n          // 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)\n          ref={this.connectSeparator}\n        />\n      ) : null;\n\n    const getAnimationDir = (): string => {\n      if (layout === \"horizontal\") {\n        return position === \"start\"\n          ? CSS_UTILITY.calciteAnimateInDown\n          : CSS_UTILITY.calciteAnimateInUp;\n      } else {\n        const isStart =\n          (dir === \"ltr\" && position === \"end\") || (dir === \"rtl\" && position === \"start\");\n        return isStart ? CSS_UTILITY.calciteAnimateInLeft : CSS_UTILITY.calciteAnimateInRight;\n      }\n    };\n\n    const contentNode = (\n      <div\n        class={{\n          [CSS_UTILITY.rtl]: dir === \"rtl\",\n          [CSS.content]: true,\n          [CSS.contentOverlay]: displayMode === \"overlay\",\n          [CSS.contentFloat]: displayMode === \"float\",\n          [CSS_UTILITY.calciteAnimate]: displayMode === \"overlay\",\n          [getAnimationDir()]: displayMode === \"overlay\",\n        }}\n        hidden={collapsed}\n        key=\"content\"\n        style={style}\n        // 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)\n        ref={this.storeContentEl}\n      >\n        {this.renderHeader()}\n        <div class={CSS.contentBody}>\n          <slot />\n        </div>\n        {separatorNode}\n      </div>\n    );\n\n    const actionBarNode = (\n      <slot key=\"action-bar\" name={SLOTS.actionBar} onSlotchange={this.handleActionBarSlotChange} />\n    );\n\n    const mainNodes = [actionBarNode, contentNode];\n\n    if (position === \"end\") {\n      mainNodes.reverse();\n    }\n\n    return <div class={{ [CSS.container]: true }}>{mainNodes}</div>;\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  setContentWidth(width: number): void {\n    const { contentWidthMax, contentWidthMin } = this;\n\n    const roundedWidth = Math.round(width);\n\n    this.contentWidth =\n      typeof contentWidthMax === \"number\" && typeof contentWidthMin === \"number\"\n        ? clamp(roundedWidth, contentWidthMin, contentWidthMax)\n        : roundedWidth;\n  }\n\n  updateAriaValues(): void {\n    const { contentEl } = this;\n    const computedStyle = contentEl && getComputedStyle(contentEl);\n\n    if (!computedStyle) {\n      return;\n    }\n\n    this.layout === \"horizontal\"\n      ? this.updateHeights(computedStyle)\n      : this.updateWidths(computedStyle);\n\n    forceUpdate(this);\n  }\n\n  setContentHeight(height: number): void {\n    const { contentHeightMax, contentHeightMin } = this;\n\n    const roundedWidth = Math.round(height);\n\n    this.contentHeight =\n      typeof contentHeightMax === \"number\" && typeof contentHeightMin === \"number\"\n        ? clamp(roundedWidth, contentHeightMin, contentHeightMax)\n        : roundedWidth;\n  }\n\n  updateWidths(computedStyle: CSSStyleDeclaration): void {\n    const max = parseInt(computedStyle.getPropertyValue(\"max-width\"), 10);\n    const min = parseInt(computedStyle.getPropertyValue(\"min-width\"), 10);\n    const valueNow = parseInt(computedStyle.getPropertyValue(\"width\"), 10);\n\n    if (typeof valueNow === \"number\" && !isNaN(valueNow)) {\n      this.initialContentWidth = valueNow;\n    }\n\n    if (typeof max === \"number\" && !isNaN(max)) {\n      this.contentWidthMax = max;\n    }\n\n    if (typeof min === \"number\" && !isNaN(min)) {\n      this.contentWidthMin = min;\n    }\n  }\n\n  updateHeights(computedStyle: CSSStyleDeclaration): void {\n    const max = parseInt(computedStyle.getPropertyValue(\"max-height\"), 10);\n    const min = parseInt(computedStyle.getPropertyValue(\"min-height\"), 10);\n    const valueNow = parseInt(computedStyle.getPropertyValue(\"height\"), 10);\n\n    if (typeof valueNow === \"number\" && !isNaN(valueNow)) {\n      this.initialContentHeight = valueNow;\n    }\n\n    if (typeof max === \"number\" && !isNaN(max)) {\n      this.contentHeightMax = max;\n    }\n\n    if (typeof min === \"number\" && !isNaN(min)) {\n      this.contentHeightMin = min;\n    }\n  }\n\n  storeContentEl = (contentEl: HTMLDivElement): void => {\n    this.contentEl = contentEl;\n  };\n\n  getKeyAdjustedSize = (event: KeyboardEvent): number | null => {\n    const { key } = event;\n    const {\n      el,\n      step,\n      stepMultiplier,\n      layout,\n      contentWidthMin,\n      contentWidthMax,\n      initialContentWidth,\n      initialContentHeight,\n      contentHeightMin,\n      contentHeightMax,\n      position,\n    } = this;\n    const multipliedStep = step * stepMultiplier;\n\n    const MOVEMENT_KEYS = [\n      \"ArrowUp\",\n      \"ArrowDown\",\n      \"ArrowLeft\",\n      \"ArrowRight\",\n      \"Home\",\n      \"End\",\n      \"PageUp\",\n      \"PageDown\",\n    ];\n\n    if (MOVEMENT_KEYS.indexOf(key) > -1) {\n      event.preventDefault();\n    }\n\n    const dir = getElementDir(el);\n\n    const horizontalKeys = [\"ArrowLeft\", \"ArrowRight\"];\n    const verticalKeys = [\"ArrowDown\", \"ArrowUp\"];\n    const directionFactor = dir === \"rtl\" && horizontalKeys.includes(key) ? -1 : 1;\n\n    const increaseKeys =\n      layout === \"horizontal\"\n        ? position === \"end\"\n          ? key === verticalKeys[1] || key === horizontalKeys[0]\n          : key === verticalKeys[0] || key === horizontalKeys[1]\n        : key === verticalKeys[1] ||\n          (position === \"end\" ? key === horizontalKeys[0] : key === horizontalKeys[1]);\n\n    if (increaseKeys) {\n      const stepValue = event.shiftKey ? multipliedStep : step;\n\n      return layout === \"horizontal\"\n        ? initialContentHeight + directionFactor * stepValue\n        : initialContentWidth + directionFactor * stepValue;\n    }\n\n    const decreaseKeys =\n      layout === \"horizontal\"\n        ? position === \"end\"\n          ? key === verticalKeys[0] || key === horizontalKeys[0]\n          : key === verticalKeys[1] || key === horizontalKeys[1]\n        : key === verticalKeys[0] ||\n          (position === \"end\" ? key === horizontalKeys[1] : key === horizontalKeys[0]);\n\n    if (decreaseKeys) {\n      const stepValue = event.shiftKey ? multipliedStep : step;\n\n      return layout === \"horizontal\"\n        ? initialContentHeight - directionFactor * stepValue\n        : initialContentWidth - directionFactor * stepValue;\n    }\n\n    if (key === \"Home\" && layout === \"horizontal\" && typeof contentHeightMin === \"number\") {\n      return contentHeightMin;\n    }\n\n    if (key === \"Home\" && layout === \"vertical\" && typeof contentWidthMin === \"number\") {\n      return contentWidthMin;\n    }\n\n    if (key === \"End\" && layout === \"horizontal\" && typeof contentHeightMax === \"number\") {\n      return contentHeightMax;\n    }\n\n    if (key === \"End\" && layout === \"vertical\" && typeof contentWidthMax === \"number\") {\n      return contentWidthMax;\n    }\n\n    if (key === \"PageDown\") {\n      return layout === \"horizontal\"\n        ? initialContentHeight - multipliedStep\n        : initialContentWidth - multipliedStep;\n    }\n\n    if (key === \"PageUp\") {\n      return layout === \"horizontal\"\n        ? initialContentHeight + multipliedStep\n        : initialContentWidth + multipliedStep;\n    }\n\n    return null;\n  };\n\n  initialKeydownWidth = (event: KeyboardEvent): void => {\n    this.setInitialContentWidth();\n    const width = this.getKeyAdjustedSize(event);\n\n    if (typeof width === \"number\") {\n      this.setContentWidth(width);\n    }\n  };\n\n  initialKeydownHeight = (event: KeyboardEvent): void => {\n    this.setInitialContentHeight();\n    const height = this.getKeyAdjustedSize(event);\n\n    if (typeof height === \"number\") {\n      this.setContentHeight(height);\n    }\n  };\n\n  separatorKeyDown = (event: KeyboardEvent): void => {\n    this.layout === \"horizontal\"\n      ? this.initialKeydownHeight(event)\n      : this.initialKeydownWidth(event);\n  };\n\n  separatorPointerMove = (event: PointerEvent): void => {\n    event.preventDefault();\n\n    const {\n      el,\n      layout,\n      initialContentWidth,\n      initialContentHeight,\n      position,\n      initialClientX,\n      initialClientY,\n    } = this;\n\n    const offset =\n      layout === \"horizontal\" ? event.clientY - initialClientY : event.clientX - initialClientX;\n\n    const adjustmentDirection = layout === \"vertical\" && getElementDir(el) === \"rtl\" ? -1 : 1;\n\n    const adjustedOffset =\n      layout === \"horizontal\"\n        ? position === \"end\"\n          ? -adjustmentDirection * offset\n          : adjustmentDirection * offset\n        : position === \"end\"\n        ? -adjustmentDirection * offset\n        : adjustmentDirection * offset;\n\n    layout === \"horizontal\"\n      ? this.setContentHeight(initialContentHeight + adjustedOffset)\n      : this.setContentWidth(initialContentWidth + adjustedOffset);\n  };\n\n  separatorPointerUp = (event: PointerEvent): void => {\n    if (!isPrimaryPointerButton(event)) {\n      return;\n    }\n\n    event.preventDefault();\n    window.removeEventListener(\"pointerup\", this.separatorPointerUp);\n    window.removeEventListener(\"pointermove\", this.separatorPointerMove);\n  };\n\n  setInitialContentHeight = (): void => {\n    this.initialContentHeight = this.contentEl?.getBoundingClientRect().height;\n  };\n\n  setInitialContentWidth = (): void => {\n    this.initialContentWidth = this.contentEl?.getBoundingClientRect().width;\n  };\n\n  separatorPointerDown = (event: PointerEvent): void => {\n    if (!isPrimaryPointerButton(event)) {\n      return;\n    }\n\n    event.preventDefault();\n    const { separatorEl } = this;\n\n    separatorEl && document.activeElement !== separatorEl && separatorEl.focus();\n\n    if (this.layout === \"horizontal\") {\n      this.setInitialContentHeight();\n      this.initialClientY = event.clientY;\n    } else {\n      this.setInitialContentWidth();\n      this.initialClientX = event.clientX;\n    }\n\n    window.addEventListener(\"pointerup\", this.separatorPointerUp);\n    window.addEventListener(\"pointermove\", this.separatorPointerMove);\n  };\n\n  connectSeparator = (separatorEl: HTMLDivElement): void => {\n    this.disconnectSeparator();\n    this.separatorEl = separatorEl;\n    separatorEl?.addEventListener(\"pointerdown\", this.separatorPointerDown);\n  };\n\n  disconnectSeparator = (): void => {\n    this.separatorEl?.removeEventListener(\"pointerdown\", this.separatorPointerDown);\n  };\n\n  setActionBarsLayout = (actionBars: HTMLCalciteActionBarElement[]): void => {\n    actionBars.forEach((actionBar) => (actionBar.layout = this.layout));\n  };\n\n  handleActionBarSlotChange = (event: Event): void => {\n    const actionBars = slotChangeGetAssignedElements(event).filter((el) =>\n      el?.matches(\"calcite-action-bar\")\n    ) as HTMLCalciteActionBarElement[];\n\n    this.actionBars = actionBars;\n    this.setActionBarsLayout(actionBars);\n  };\n\n  handleHeaderSlotChange = (event: Event): void => {\n    this.hasHeader = slotChangeHasAssignedElement(event);\n  };\n}\n"]}
+{"version":3,"file":"shell-panel.js","sourceRoot":"","sources":["../../../../src/components/shell-panel/shell-panel.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  h,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport {\n  getElementDir,\n  isPrimaryPointerButton,\n  slotChangeGetAssignedElements,\n  slotChangeHasAssignedElement,\n} from \"../../utils/dom\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { clamp } from \"../../utils/math\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Layout, Position, Scale } from \"../interfaces\";\nimport { ShellPanelMessages } from \"./assets/shell-panel/t9n\";\nimport { CSS, SLOTS } from \"./resources\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport { DisplayMode } from \"./interfaces\";\n\n/**\n * @slot - A slot for adding custom content.\n * @slot action-bar - A slot for adding a `calcite-action-bar` to the component.\n */\n@Component({\n  tag: \"calcite-shell-panel\",\n  styleUrl: \"shell-panel.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class ShellPanel implements ConditionalSlotComponent, LocalizedComponent, T9nComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, hides the component's content area.\n   */\n  @Prop({ reflect: true }) collapsed = false;\n\n  /**\n   * When `true`, the content area displays like a floating panel.\n   *\n   * @deprecated use `displayMode` instead.\n   */\n  @Prop({ reflect: true }) detached = false;\n\n  @Watch(\"detached\")\n  handleDetached(value: boolean): void {\n    if (value) {\n      this.displayMode = \"float\";\n    } else if (this.displayMode === \"float\") {\n      this.displayMode = \"dock\";\n    }\n  }\n\n  /**\n   * Specifies the display mode - `\"dock\"` (full height, displays adjacent to center content), `\"float\"` (not full height, content is separated detached from `calcite-action-bar`, displays on top of center content),\n   * or `\"overlay\"` (full height, displays on top of center content).\n   */\n  @Prop({ reflect: true }) displayMode: DisplayMode = \"dock\";\n\n  @Watch(\"displayMode\")\n  handleDisplayMode(value: DisplayMode): void {\n    this.detached = value === \"float\";\n  }\n\n  /**\n   * When `displayMode` is `float`, specifies the maximum height of the component.\n   *\n   * @deprecated use `heightScale` instead.\n   */\n  @Prop({ reflect: true }) detachedHeightScale: Scale;\n\n  @Watch(\"detachedHeightScale\")\n  handleDetachedHeightScale(value: Scale): void {\n    this.heightScale = value;\n  }\n\n  /**\n   * When `layout` is `horizontal`, specifies the maximum height of the component.\n   */\n  @Prop({ reflect: true }) heightScale: Scale;\n\n  @Watch(\"heightScale\")\n  handleHeightScale(value: Scale): void {\n    this.detachedHeightScale = value;\n  }\n\n  /**\n   * When `layout` is `vertical`, specifies the width of the component.\n   */\n\n  @Prop({ reflect: true }) widthScale: Scale = \"m\";\n\n  /**\n   *  The direction of the component.\n   */\n  @Prop({ reflect: true }) layout: Extract<\"horizontal\" | \"vertical\", Layout> = \"vertical\";\n\n  @Watch(\"layout\")\n  layoutHandler(): void {\n    this.setActionBarsLayout(this.actionBars);\n  }\n\n  /**\n   * Specifies the component's position. Will be flipped when the element direction is right-to-left (`\"rtl\"`).\n   */\n  @Prop({ reflect: true }) position: Position = \"start\";\n\n  /**\n   * When `true` and `displayMode` is not `float`, the component's content area is resizable.\n   */\n  @Prop({ reflect: true }) resizable = false;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: ShellPanelMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<ShellPanelMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n    this.disconnectSeparator();\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  componentDidLoad(): void {\n    this.updateAriaValues();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteShellPanelElement;\n\n  @State() contentWidth: number = null;\n\n  @State() contentHeight: number = null;\n\n  initialContentWidth: number = null;\n\n  initialContentHeight: number = null;\n\n  initialClientX: number = null;\n\n  initialClientY: number = null;\n\n  contentEl: HTMLDivElement;\n\n  separatorEl: HTMLDivElement;\n\n  contentWidthMax: number = null;\n\n  contentWidthMin: number = null;\n\n  contentHeightMax: number = null;\n\n  contentHeightMin: number = null;\n\n  step = 1;\n\n  stepMultiplier = 10;\n\n  actionBars: HTMLCalciteActionBarElement[] = [];\n\n  @State() defaultMessages: ShellPanelMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() hasHeader = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalShellPanelResizeStart: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalShellPanelResizeEnd: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  renderHeader(): VNode {\n    return (\n      <div class={CSS.contentHeader} hidden={!this.hasHeader} key=\"header\">\n        <slot name={SLOTS.header} onSlotchange={this.handleHeaderSlotChange} />\n      </div>\n    );\n  }\n\n  render(): VNode {\n    const {\n      collapsed,\n      position,\n      initialContentWidth,\n      initialContentHeight,\n      contentWidth,\n      contentWidthMax,\n      contentWidthMin,\n      contentHeight,\n      contentHeightMax,\n      contentHeightMin,\n      resizable,\n      layout,\n      displayMode,\n    } = this;\n\n    const dir = getElementDir(this.el);\n\n    const allowResizing = displayMode !== \"float\" && resizable;\n\n    const style = allowResizing\n      ? layout === \"horizontal\"\n        ? contentHeight\n          ? { height: `${contentHeight}px` }\n          : null\n        : contentWidth\n        ? { width: `${contentWidth}px` }\n        : null\n      : null;\n\n    const separatorNode =\n      !collapsed && allowResizing ? (\n        <div\n          aria-label={this.messages.resize}\n          aria-orientation={layout === \"horizontal\" ? \"vertical\" : \"horizontal\"}\n          aria-valuemax={layout == \"horizontal\" ? contentHeightMax : contentWidthMax}\n          aria-valuemin={layout == \"horizontal\" ? contentHeightMin : contentWidthMin}\n          aria-valuenow={\n            layout == \"horizontal\"\n              ? contentHeight ?? initialContentHeight\n              : contentWidth ?? initialContentWidth\n          }\n          class={CSS.separator}\n          key=\"separator\"\n          onKeyDown={this.separatorKeyDown}\n          role=\"separator\"\n          tabIndex={0}\n          touch-action=\"none\"\n          // 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)\n          ref={this.connectSeparator}\n        />\n      ) : null;\n\n    const getAnimationDir = (): string => {\n      if (layout === \"horizontal\") {\n        return position === \"start\"\n          ? CSS_UTILITY.calciteAnimateInDown\n          : CSS_UTILITY.calciteAnimateInUp;\n      } else {\n        const isStart =\n          (dir === \"ltr\" && position === \"end\") || (dir === \"rtl\" && position === \"start\");\n        return isStart ? CSS_UTILITY.calciteAnimateInLeft : CSS_UTILITY.calciteAnimateInRight;\n      }\n    };\n\n    const contentNode = (\n      <div\n        class={{\n          [CSS_UTILITY.rtl]: dir === \"rtl\",\n          [CSS.content]: true,\n          [CSS.contentOverlay]: displayMode === \"overlay\",\n          [CSS.contentFloat]: displayMode === \"float\",\n          [CSS_UTILITY.calciteAnimate]: displayMode === \"overlay\",\n          [getAnimationDir()]: displayMode === \"overlay\",\n        }}\n        hidden={collapsed}\n        key=\"content\"\n        style={style}\n        // 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)\n        ref={this.storeContentEl}\n      >\n        {this.renderHeader()}\n        <div class={CSS.contentBody}>\n          <slot />\n        </div>\n        {separatorNode}\n      </div>\n    );\n\n    const actionBarNode = (\n      <slot key=\"action-bar\" name={SLOTS.actionBar} onSlotchange={this.handleActionBarSlotChange} />\n    );\n\n    const mainNodes = [actionBarNode, contentNode];\n\n    if (position === \"end\") {\n      mainNodes.reverse();\n    }\n\n    return <div class={{ [CSS.container]: true }}>{mainNodes}</div>;\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  setContentWidth(width: number): void {\n    const { contentWidthMax, contentWidthMin } = this;\n\n    const roundedWidth = Math.round(width);\n\n    this.contentWidth =\n      typeof contentWidthMax === \"number\" && typeof contentWidthMin === \"number\"\n        ? clamp(roundedWidth, contentWidthMin, contentWidthMax)\n        : roundedWidth;\n  }\n\n  updateAriaValues(): void {\n    const { contentEl } = this;\n    const computedStyle = contentEl && getComputedStyle(contentEl);\n\n    if (!computedStyle) {\n      return;\n    }\n\n    this.layout === \"horizontal\"\n      ? this.updateHeights(computedStyle)\n      : this.updateWidths(computedStyle);\n\n    forceUpdate(this);\n  }\n\n  setContentHeight(height: number): void {\n    const { contentHeightMax, contentHeightMin } = this;\n\n    const roundedWidth = Math.round(height);\n\n    this.contentHeight =\n      typeof contentHeightMax === \"number\" && typeof contentHeightMin === \"number\"\n        ? clamp(roundedWidth, contentHeightMin, contentHeightMax)\n        : roundedWidth;\n  }\n\n  updateWidths(computedStyle: CSSStyleDeclaration): void {\n    const max = parseInt(computedStyle.getPropertyValue(\"max-width\"), 10);\n    const min = parseInt(computedStyle.getPropertyValue(\"min-width\"), 10);\n    const valueNow = parseInt(computedStyle.getPropertyValue(\"width\"), 10);\n\n    if (typeof valueNow === \"number\" && !isNaN(valueNow)) {\n      this.initialContentWidth = valueNow;\n    }\n\n    if (typeof max === \"number\" && !isNaN(max)) {\n      this.contentWidthMax = max;\n    }\n\n    if (typeof min === \"number\" && !isNaN(min)) {\n      this.contentWidthMin = min;\n    }\n  }\n\n  updateHeights(computedStyle: CSSStyleDeclaration): void {\n    const max = parseInt(computedStyle.getPropertyValue(\"max-height\"), 10);\n    const min = parseInt(computedStyle.getPropertyValue(\"min-height\"), 10);\n    const valueNow = parseInt(computedStyle.getPropertyValue(\"height\"), 10);\n\n    if (typeof valueNow === \"number\" && !isNaN(valueNow)) {\n      this.initialContentHeight = valueNow;\n    }\n\n    if (typeof max === \"number\" && !isNaN(max)) {\n      this.contentHeightMax = max;\n    }\n\n    if (typeof min === \"number\" && !isNaN(min)) {\n      this.contentHeightMin = min;\n    }\n  }\n\n  storeContentEl = (contentEl: HTMLDivElement): void => {\n    this.contentEl = contentEl;\n  };\n\n  getKeyAdjustedSize = (event: KeyboardEvent): number | null => {\n    const { key } = event;\n    const {\n      el,\n      step,\n      stepMultiplier,\n      layout,\n      contentWidthMin,\n      contentWidthMax,\n      initialContentWidth,\n      initialContentHeight,\n      contentHeightMin,\n      contentHeightMax,\n      position,\n    } = this;\n    const multipliedStep = step * stepMultiplier;\n\n    const MOVEMENT_KEYS = [\n      \"ArrowUp\",\n      \"ArrowDown\",\n      \"ArrowLeft\",\n      \"ArrowRight\",\n      \"Home\",\n      \"End\",\n      \"PageUp\",\n      \"PageDown\",\n    ];\n\n    if (MOVEMENT_KEYS.indexOf(key) > -1) {\n      event.preventDefault();\n    }\n\n    const dir = getElementDir(el);\n\n    const horizontalKeys = [\"ArrowLeft\", \"ArrowRight\"];\n    const verticalKeys = [\"ArrowDown\", \"ArrowUp\"];\n    const directionFactor = dir === \"rtl\" && horizontalKeys.includes(key) ? -1 : 1;\n\n    const increaseKeys =\n      layout === \"horizontal\"\n        ? position === \"end\"\n          ? key === verticalKeys[1] || key === horizontalKeys[0]\n          : key === verticalKeys[0] || key === horizontalKeys[1]\n        : key === verticalKeys[1] ||\n          (position === \"end\" ? key === horizontalKeys[0] : key === horizontalKeys[1]);\n\n    if (increaseKeys) {\n      const stepValue = event.shiftKey ? multipliedStep : step;\n\n      return layout === \"horizontal\"\n        ? initialContentHeight + directionFactor * stepValue\n        : initialContentWidth + directionFactor * stepValue;\n    }\n\n    const decreaseKeys =\n      layout === \"horizontal\"\n        ? position === \"end\"\n          ? key === verticalKeys[0] || key === horizontalKeys[0]\n          : key === verticalKeys[1] || key === horizontalKeys[1]\n        : key === verticalKeys[0] ||\n          (position === \"end\" ? key === horizontalKeys[1] : key === horizontalKeys[0]);\n\n    if (decreaseKeys) {\n      const stepValue = event.shiftKey ? multipliedStep : step;\n\n      return layout === \"horizontal\"\n        ? initialContentHeight - directionFactor * stepValue\n        : initialContentWidth - directionFactor * stepValue;\n    }\n\n    if (key === \"Home\" && layout === \"horizontal\" && typeof contentHeightMin === \"number\") {\n      return contentHeightMin;\n    }\n\n    if (key === \"Home\" && layout === \"vertical\" && typeof contentWidthMin === \"number\") {\n      return contentWidthMin;\n    }\n\n    if (key === \"End\" && layout === \"horizontal\" && typeof contentHeightMax === \"number\") {\n      return contentHeightMax;\n    }\n\n    if (key === \"End\" && layout === \"vertical\" && typeof contentWidthMax === \"number\") {\n      return contentWidthMax;\n    }\n\n    if (key === \"PageDown\") {\n      return layout === \"horizontal\"\n        ? initialContentHeight - multipliedStep\n        : initialContentWidth - multipliedStep;\n    }\n\n    if (key === \"PageUp\") {\n      return layout === \"horizontal\"\n        ? initialContentHeight + multipliedStep\n        : initialContentWidth + multipliedStep;\n    }\n\n    return null;\n  };\n\n  initialKeydownWidth = (event: KeyboardEvent): void => {\n    this.setInitialContentWidth();\n    const width = this.getKeyAdjustedSize(event);\n\n    if (typeof width === \"number\") {\n      this.setContentWidth(width);\n    }\n  };\n\n  initialKeydownHeight = (event: KeyboardEvent): void => {\n    this.setInitialContentHeight();\n    const height = this.getKeyAdjustedSize(event);\n\n    if (typeof height === \"number\") {\n      this.setContentHeight(height);\n    }\n  };\n\n  separatorKeyDown = (event: KeyboardEvent): void => {\n    this.layout === \"horizontal\"\n      ? this.initialKeydownHeight(event)\n      : this.initialKeydownWidth(event);\n  };\n\n  separatorPointerMove = (event: PointerEvent): void => {\n    event.preventDefault();\n\n    const {\n      el,\n      layout,\n      initialContentWidth,\n      initialContentHeight,\n      position,\n      initialClientX,\n      initialClientY,\n    } = this;\n\n    const offset =\n      layout === \"horizontal\" ? event.clientY - initialClientY : event.clientX - initialClientX;\n\n    const adjustmentDirection = layout === \"vertical\" && getElementDir(el) === \"rtl\" ? -1 : 1;\n\n    const adjustedOffset =\n      layout === \"horizontal\"\n        ? position === \"end\"\n          ? -adjustmentDirection * offset\n          : adjustmentDirection * offset\n        : position === \"end\"\n        ? -adjustmentDirection * offset\n        : adjustmentDirection * offset;\n\n    layout === \"horizontal\"\n      ? this.setContentHeight(initialContentHeight + adjustedOffset)\n      : this.setContentWidth(initialContentWidth + adjustedOffset);\n  };\n\n  separatorPointerUp = (event: PointerEvent): void => {\n    if (!isPrimaryPointerButton(event)) {\n      return;\n    }\n\n    this.calciteInternalShellPanelResizeEnd.emit();\n\n    event.preventDefault();\n    window.removeEventListener(\"pointerup\", this.separatorPointerUp);\n    window.removeEventListener(\"pointermove\", this.separatorPointerMove);\n  };\n\n  setInitialContentHeight = (): void => {\n    this.initialContentHeight = this.contentEl?.getBoundingClientRect().height;\n  };\n\n  setInitialContentWidth = (): void => {\n    this.initialContentWidth = this.contentEl?.getBoundingClientRect().width;\n  };\n\n  separatorPointerDown = (event: PointerEvent): void => {\n    if (!isPrimaryPointerButton(event)) {\n      return;\n    }\n\n    this.calciteInternalShellPanelResizeStart.emit();\n\n    event.preventDefault();\n    const { separatorEl } = this;\n\n    separatorEl && document.activeElement !== separatorEl && separatorEl.focus();\n\n    if (this.layout === \"horizontal\") {\n      this.setInitialContentHeight();\n      this.initialClientY = event.clientY;\n    } else {\n      this.setInitialContentWidth();\n      this.initialClientX = event.clientX;\n    }\n\n    window.addEventListener(\"pointerup\", this.separatorPointerUp);\n    window.addEventListener(\"pointermove\", this.separatorPointerMove);\n  };\n\n  connectSeparator = (separatorEl: HTMLDivElement): void => {\n    this.disconnectSeparator();\n    this.separatorEl = separatorEl;\n    separatorEl?.addEventListener(\"pointerdown\", this.separatorPointerDown);\n  };\n\n  disconnectSeparator = (): void => {\n    this.separatorEl?.removeEventListener(\"pointerdown\", this.separatorPointerDown);\n  };\n\n  setActionBarsLayout = (actionBars: HTMLCalciteActionBarElement[]): void => {\n    actionBars.forEach((actionBar) => (actionBar.layout = this.layout));\n  };\n\n  handleActionBarSlotChange = (event: Event): void => {\n    const actionBars = slotChangeGetAssignedElements(event).filter((el) =>\n      el?.matches(\"calcite-action-bar\")\n    ) as HTMLCalciteActionBarElement[];\n\n    this.actionBars = actionBars;\n    this.setActionBarsLayout(actionBars);\n  };\n\n  handleHeaderSlotChange = (event: Event): void => {\n    this.hasHeader = slotChangeHasAssignedElement(event);\n  };\n}\n"]}

package/dist/collection/components/slider/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.0.0
+ * v2.1.0-next.0
  */
 export const CSS = {
   handleLabel: "handle__label",