@esri/calcite-components 2.13.0 → 2.13.2

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

@@ -1,24 +1,24 @@
 /*!
  * 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.13.0
+ * v2.13.2
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-03561b9a.js');
-const loadable = require('./loadable-1e343f4a.js');
-const locale = require('./locale-783be19a.js');
-const t9n = require('./t9n-5f0809e3.js');
-const observers = require('./observers-dc37fb24.js');
-const responsive = require('./responsive-29c39256.js');
-const component = require('./component-25eaec79.js');
-require('./browser-b9024aa0.js');
-require('./dom-401c47fa.js');
-require('./guid-7487a6a8.js');
-require('./resources-8d0a3a55.js');
-require('./key-8032a9dc.js');
+const index = require('./index-712430e2.js');
+const loadable = require('./loadable-ee725b32.js');
+const locale = require('./locale-d86a5a22.js');
+const t9n = require('./t9n-d7efdb8b.js');
+const observers = require('./observers-a1f0d377.js');
+const responsive = require('./responsive-9537ca58.js');
+const component = require('./component-e7debf62.js');
+require('./browser-443e5c0b.js');
+require('./dom-a6db8c35.js');
+require('./guid-76f7196a.js');
+require('./resources-ebb1faa2.js');
+require('./key-d12cbf1a.js');
 
 const CSS = {
     list: "list",

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

@@ -1,30 +1,30 @@
 /*!
  * 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.13.0
+ * v2.13.2
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-03561b9a.js');
-const dom = require('./dom-401c47fa.js');
-const interactive = require('./interactive-e27cd6e3.js');
-const loadable = require('./loadable-1e343f4a.js');
-const observers = require('./observers-dc37fb24.js');
-const resources$1 = require('./resources-ec8796cb.js');
-const Heading = require('./Heading-5fb8f15a.js');
-const locale = require('./locale-783be19a.js');
-const t9n = require('./t9n-5f0809e3.js');
-const floatingUi = require('./floating-ui-4a04f844.js');
-const resources = require('./resources-c05eaebe.js');
-require('./guid-7487a6a8.js');
-require('./resources-8d0a3a55.js');
-require('./browser-b9024aa0.js');
-require('./key-8032a9dc.js');
-require('./debounce-f0f19c37.js');
+const index = require('./index-712430e2.js');
+const dom = require('./dom-a6db8c35.js');
+const interactive = require('./interactive-079bc430.js');
+const loadable = require('./loadable-ee725b32.js');
+const observers = require('./observers-a1f0d377.js');
+const resources$1 = require('./resources-22ff2f00.js');
+const Heading = require('./Heading-b51e487c.js');
+const locale = require('./locale-d86a5a22.js');
+const t9n = require('./t9n-d7efdb8b.js');
+const floatingUi = require('./floating-ui-02211920.js');
+const resources = require('./resources-c5845fe6.js');
+require('./guid-76f7196a.js');
+require('./resources-ebb1faa2.js');
+require('./browser-443e5c0b.js');
+require('./key-d12cbf1a.js');
+require('./debounce-73fa6470.js');
 
-const panelCss = ":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;overflow:hidden;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}:host([scale=s]){--calcite-internal-panel-default-padding:var(--calcite-spacing-sm);--calcite-internal-panel-header-vertical-padding:10px}:host([scale=s]) .header-content .heading{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=s]) .header-content .description{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-internal-panel-default-padding:var(--calcite-spacing-md);--calcite-internal-panel-header-vertical-padding:var(--calcite-spacing-lg)}:host([scale=m]) .header-content .heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=m]) .header-content .description{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-internal-panel-default-padding:var(--calcite-spacing-xl);--calcite-internal-panel-header-vertical-padding:var(--calcite-spacing-xxl)}:host([scale=l]) .header-content .heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}:host([scale=l]) .header-content .description{font-size:var(--calcite-font-size-0);line-height:1.25rem}.content-top,.content-bottom{display:flex;align-items:flex-start;align-self:stretch;border-block-start:1px solid var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1)}.container{position:relative;margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;background-color:var(--calcite-color-background);padding:0px;transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing)}.container[hidden]{display:none}.header{z-index:var(--calcite-z-index-header);display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);border-block-end:var(--calcite-panel-header-border-block-end, 1px solid var(--calcite-color-border-3))}.header-container{display:flex;inline-size:100%;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 0 auto}.header-container--border-end{border-block-end:1px solid var(--calcite-color-border-3)}.action-bar-container{inline-size:100%}.action-bar-container ::slotted(calcite-action-bar){inline-size:100%}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:0.75rem;padding-block:0.875rem;margin-inline-end:auto}.header-content .heading,.header-content .description{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-inline:0px;margin-block:0px 0.25rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.header-content .heading:only-child{margin-block-end:0px}.header-content .description{color:var(--calcite-color-text-2)}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);border-inline-end-width:1px}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch}.header-actions--end{margin-inline-start:auto}.content-wrapper{position:relative;display:flex;block-size:100%;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:auto;outline-color:transparent;padding:var(--calcite-panel-content-space, 0);background:var(--calcite-panel-background-color, var(--calcite-color-background))}.content-wrapper:focus-visible{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.content-top,.content-bottom{padding:var(--calcite-internal-panel-default-padding)}.header-content{flex:1 1 auto;padding-block:var(--calcite-internal-panel-header-vertical-padding);padding-inline:var(--calcite-internal-panel-default-padding)}.footer{margin-block-start:auto;display:flex;flex-direction:row;align-content:space-between;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--2);line-height:1.375;border-block-start:1px solid var(--calcite-color-border-3);padding:var(--calcite-panel-footer-padding, var(--calcite-internal-panel-default-padding))}.footer-content{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:center}.footer-actions{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:space-evenly;gap:var(--calcite-internal-panel-default-padding)}.footer-start{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-start;margin-inline-end:auto;gap:var(--calcite-internal-panel-default-padding)}.footer-end{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-end;margin-inline-start:auto;gap:var(--calcite-internal-panel-default-padding)}.fab-container{position:sticky;inset-block-end:0px;z-index:var(--calcite-z-index-sticky);margin-block:0px;margin-inline:auto;display:block;padding:0.5rem;inset-inline:0;inline-size:-moz-fit-content;inline-size:fit-content}:host([hidden]){display:none}[hidden]{display:none}";
+const panelCss = ":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;overflow:hidden;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}:host([scale=s]){--calcite-internal-panel-default-padding:var(--calcite-spacing-sm);--calcite-internal-panel-header-vertical-padding:10px}:host([scale=s]) .header-content .heading{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=s]) .header-content .description{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-internal-panel-default-padding:var(--calcite-spacing-md);--calcite-internal-panel-header-vertical-padding:var(--calcite-spacing-lg)}:host([scale=m]) .header-content .heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=m]) .header-content .description{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-internal-panel-default-padding:var(--calcite-spacing-xl);--calcite-internal-panel-header-vertical-padding:var(--calcite-spacing-xxl)}:host([scale=l]) .header-content .heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}:host([scale=l]) .header-content .description{font-size:var(--calcite-font-size-0);line-height:1.25rem}.content-top,.content-bottom{display:flex;align-items:flex-start;align-self:stretch;border-block-start:1px solid var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1)}.container{position:relative;margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;background-color:var(--calcite-color-background);padding:0px;transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing)}.container[hidden]{display:none}.header{z-index:var(--calcite-z-index-header);display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);border-block-end:var(--calcite-panel-header-border-block-end, 1px solid var(--calcite-color-border-3))}.header-container{display:flex;inline-size:100%;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 0 auto}.header-container--border-end{border-block-end:1px solid var(--calcite-color-border-3)}.action-bar-container{inline-size:100%}.action-bar-container ::slotted(calcite-action-bar){inline-size:100%}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:0.75rem;padding-block:0.875rem;margin-inline-end:auto}.header-content .heading,.header-content .description{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-inline:0px;margin-block:0px 0.25rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.header-content .heading:only-child{margin-block-end:0px}.header-content .description{color:var(--calcite-color-text-2)}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);border-inline-end-width:1px}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch}.header-actions--end{margin-inline-start:auto}.content-wrapper{display:flex;block-size:100%;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:auto;outline-color:transparent;padding:var(--calcite-panel-content-space, 0);background:var(--calcite-panel-background-color, var(--calcite-color-background))}.content-wrapper:focus-visible{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.content-top,.content-bottom{padding:var(--calcite-internal-panel-default-padding)}.header-content{flex:1 1 auto;padding-block:var(--calcite-internal-panel-header-vertical-padding);padding-inline:var(--calcite-internal-panel-default-padding)}.footer{margin-block-start:auto;display:flex;flex-direction:row;align-content:space-between;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--2);line-height:1.375;border-block-start:1px solid var(--calcite-color-border-3);padding:var(--calcite-panel-footer-padding, var(--calcite-internal-panel-default-padding))}.footer-content{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:center}.footer-actions{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:space-evenly;gap:var(--calcite-internal-panel-default-padding)}.footer-start{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-start;margin-inline-end:auto;gap:var(--calcite-internal-panel-default-padding)}.footer-end{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-end;margin-inline-start:auto;gap:var(--calcite-internal-panel-default-padding)}.fab-container{position:sticky;inset-block-end:0px;z-index:var(--calcite-z-index-sticky);margin-block:0px;margin-inline:auto;display:block;padding:0.5rem;inset-inline:0;inline-size:-moz-fit-content;inline-size:fit-content}:host([hidden]){display:none}[hidden]{display:none}";
 const CalcitePanelStyle0 = panelCss;
 
 const Panel = class {

package/dist/cjs/calcite-panel.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"calcite-panel.entry.cjs.js","mappings":"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","names":["createObserver","slotChangeHasAssignedElement","slotChangeGetAssignedElements","defaultEndMenuPlacement","connectLocalized","connectMessages","setUpLoadableComponent","setUpMessages","setComponentLoaded","updateHostInteraction","disconnectLocalized","disconnectMessages","updateMessages","componentFocusable","focusFirstTabbable","h","Heading","CSS","SLOTS","ICONS","toAriaBoolean","IDS","ACTION_MENU_SLOTS","Host","InteractiveContainer"],"sources":["src/components/panel/panel.scss?tag=calcite-panel&encapsulation=shadow","src/components/panel/panel.tsx"],"sourcesContent":["/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-panel-content-space: Specifies the padding of the component's content.\n * @prop --calcite-panel-footer-padding: Specifies the padding of the component's footer.\n * @prop --calcite-panel-header-border-block-end: Specifies the component header's block end border.\n * @prop --calcite-panel-background-color: Specifies the background color of the component.\n */\n\n:host {\n  @extend %component-host;\n  @apply relative flex w-full h-full flex-auto overflow-hidden;\n\n  --calcite-min-header-height: calc(var(--calcite-icon-size) * 3);\n}\n\n@include disabled();\n\n@import \"../../assets/styles/header\";\n\n:host([scale=\"s\"]) {\n  --calcite-internal-panel-default-padding: var(--calcite-spacing-sm);\n  --calcite-internal-panel-header-vertical-padding: 10px; // this should use a spacing token once made available\n\n  .header-content {\n    .heading {\n      @apply text-n1h;\n    }\n\n    .description {\n      @apply text-n2h;\n    }\n  }\n}\n\n:host([scale=\"m\"]) {\n  --calcite-internal-panel-default-padding: var(--calcite-spacing-md);\n  --calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-lg);\n\n  .header-content {\n    .heading {\n      @apply text-0h;\n    }\n\n    .description {\n      @apply text-n1h;\n    }\n  }\n}\n\n:host([scale=\"l\"]) {\n  --calcite-internal-panel-default-padding: var(--calcite-spacing-xl);\n  --calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-xxl);\n\n  .header-content {\n    .heading {\n      @apply text-1h;\n    }\n\n    .description {\n      @apply text-0h;\n    }\n  }\n}\n\n.content-top,\n.content-bottom {\n  @apply flex items-start self-stretch;\n\n  border-block-start: 1px solid var(--calcite-color-border-3);\n  background-color: var(--calcite-color-foreground-1);\n}\n\n.container {\n  @apply relative bg-background m-0 flex w-full flex-auto flex-col items-stretch p-0;\n\n  transition:\n    max-block-size var(--calcite-animation-timing),\n    inline-size var(--calcite-animation-timing);\n}\n\n.container[hidden] {\n  @apply hidden;\n}\n\n.header {\n  @apply bg-foreground-1 flex flex-col z-header;\n  border-block-end: var(--calcite-panel-header-border-block-end, 1px solid var(--calcite-color-border-3));\n}\n\n.header-container {\n  @apply flex flex-row w-full\n  items-stretch\n  justify-start;\n  flex: 0 0 auto;\n}\n\n.header-container--border-end {\n  border-block-end: 1px solid var(--calcite-color-border-3);\n}\n\n.action-bar-container {\n  @apply w-full;\n}\n\n.action-bar-container ::slotted(calcite-action-bar) {\n  @apply w-full;\n}\n\n.header-content {\n  @apply flex\n    flex-col\n    overflow-hidden\n    px-3\n    py-3.5;\n\n  margin-inline-end: auto;\n\n  .heading,\n  .description {\n    @apply block\n      break-words\n      p-0;\n  }\n\n  .heading {\n    @apply mx-0 mt-0 mb-1 font-medium text-color-1;\n\n    &:only-child {\n      @apply mb-0;\n    }\n  }\n\n  .description {\n    @apply text-color-2;\n  }\n}\n\n.back-button {\n  @apply border-color-3\n  border-0\n  border-solid;\n  border-inline-end-width: theme(\"borderWidth.DEFAULT\");\n}\n\n.header-actions {\n  @apply flex\n  flex-row\n  flex-nowrap\n  items-stretch;\n}\n\n.header-actions--end {\n  margin-inline-start: theme(\"margin.auto\");\n}\n\n.content-wrapper {\n  @apply flex\n  flex-auto\n  flex-col\n  flex-nowrap\n  items-stretch\n  overflow-auto\n  h-full\n  focus-base\n  relative;\n  padding: var(--calcite-panel-content-space, 0);\n  background: var(--calcite-panel-background-color, var(--calcite-color-background));\n}\n\n.content-wrapper:focus-visible {\n  @apply focus-inset;\n}\n\n.content-top,\n.content-bottom {\n  padding: var(--calcite-internal-panel-default-padding);\n}\n\n.header-content {\n  flex: 1 1 auto;\n  padding-block: var(--calcite-internal-panel-header-vertical-padding);\n  padding-inline: var(--calcite-internal-panel-default-padding);\n}\n\n.footer {\n  @apply flex mt-auto flex-row content-between justify-center items-center bg-foreground-1 text-n2-wrap;\n  border-block-start: 1px solid var(--calcite-color-border-3);\n  padding: var(--calcite-panel-footer-padding, var(--calcite-internal-panel-default-padding));\n}\n\n.footer-content {\n  @apply flex flex-row items-center justify-center flex-1;\n}\n\n.footer-actions {\n  @apply flex flex-row items-center justify-evenly flex-1;\n  gap: var(--calcite-internal-panel-default-padding);\n}\n\n.footer-start {\n  @apply flex flex-row items-center justify-start flex-1;\n  margin-inline-end: auto;\n  gap: var(--calcite-internal-panel-default-padding);\n}\n\n.footer-end {\n  @apply flex flex-row items-center justify-end flex-1;\n  margin-inline-start: auto;\n  gap: var(--calcite-internal-panel-default-padding);\n}\n\n.fab-container {\n  @apply sticky\n  bottom-0\n  my-0\n  mx-auto\n  block\n  p-2\n  z-sticky;\n  inset-inline: 0;\n  inline-size: fit-content;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  focusFirstTabbable,\n  slotChangeGetAssignedElements,\n  slotChangeHasAssignedElement,\n  toAriaBoolean,\n} from \"../../utils/dom\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { SLOTS as ACTION_MENU_SLOTS } from \"../action-menu/resources\";\nimport { Heading, HeadingLevel } from \"../functional/Heading\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport {\n  defaultEndMenuPlacement,\n  FlipPlacement,\n  LogicalPlacement,\n  OverlayPositioning,\n} from \"../../utils/floating-ui\";\nimport { CollapseDirection } from \"../interfaces\";\nimport { Scale } from \"../interfaces\";\nimport { PanelMessages } from \"./assets/panel/t9n\";\nimport { CSS, ICONS, IDS, SLOTS } from \"./resources\";\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 * @slot alerts - A slot for adding `calcite-alert`s to the component.\n * @slot content-bottom - A slot for adding content below the unnamed (default) slot and above the footer slot (if populated)\n * @slot content-top - A slot for adding content above the unnamed (default) slot and below the action-bar slot (if populated).\n * @slot header-actions-start - A slot for adding actions or content to the start side of the header.\n * @slot header-actions-end - A slot for adding actions or content to the end side of the header.\n * @slot header-content - A slot for adding custom content to the header.\n * @slot header-menu-actions - A slot for adding an overflow menu with actions inside a `calcite-dropdown`.\n * @slot fab - A slot for adding a `calcite-fab` (floating action button) to perform an action.\n * @slot footer - A slot for adding custom content to the component's footer. Should not be used with the `\"footer-start\"` or `\"footer-end\"` slots.\n * @slot footer-actions - [Deprecated] Use the `footer-start` and `footer-end` slots instead. A slot for adding `calcite-button`s to the component's footer.\n * @slot footer-end - A slot for adding a trailing footer custom content. Should not be used with the `\"footer\"` slot.\n * @slot footer-start - A slot for adding a leading footer custom content. Should not be used with the `\"footer\"` slot.\n */\n@Component({\n  tag: \"calcite-panel\",\n  styleUrl: \"panel.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Panel\n  implements InteractiveComponent, LoadableComponent, LocalizedComponent, T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /** Passes a function to run before the component closes. */\n  @Prop() beforeClose: () => Promise<void>;\n\n  /** When `true`, the component will be hidden. */\n  @Prop({ mutable: true, reflect: true }) closed = false;\n\n  @Watch(\"closed\")\n  toggleDialog(value: boolean): void {\n    value ? this.close() : this.open();\n  }\n\n  /**\n   *  When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** When `true`, displays a close button in the trailing side of the header. */\n  @Prop({ reflect: true }) closable = false;\n\n  /**\n   * When `true`, hides the component's content area.\n   */\n  @Prop({ reflect: true }) collapsed = false;\n\n  /**\n   * Specifies the direction of the collapse.\n   *\n   * @internal\n   */\n  @Prop() collapseDirection: CollapseDirection = \"down\";\n\n  /**\n   * When `true`, the component is collapsible.\n   */\n  @Prop({ reflect: true }) collapsible = false;\n\n  /**\n   * Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * The component header text.\n   */\n  @Prop() heading: string;\n\n  /** A description for the component. */\n  @Prop() description: string;\n\n  /**\n   * Specifies the component's fallback menu `placement` when it's initial or specified `placement` has insufficient space available.\n   */\n  @Prop() menuFlipPlacements: FlipPlacement[];\n\n  /**\n   * When `true`, the action menu items in the `header-menu-actions` slot are open.\n   */\n  @Prop({ reflect: true }) menuOpen = false;\n\n  /**\n   * Determines where the action menu will be positioned.\n   */\n  @Prop({ reflect: true }) menuPlacement: LogicalPlacement = defaultEndMenuPlacement;\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<PanelMessages>;\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: PanelMessages;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    this.isClosed = this.closed;\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.resizeObserver?.disconnect();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalcitePanelElement;\n\n  containerEl: HTMLElement;\n\n  panelScrollEl: HTMLElement;\n\n  resizeObserver = createObserver(\"resize\", () => this.resizeHandler());\n\n  @State() isClosed = false;\n\n  @State() hasStartActions = false;\n\n  @State() hasEndActions = false;\n\n  @State() hasMenuItems = false;\n\n  @State() hasHeaderContent = false;\n\n  @State() hasActionBar = false;\n\n  @State() hasContentBottom = false;\n\n  @State() hasContentTop = false;\n\n  @State() hasFab = false;\n\n  @State() hasFooterActions = false;\n\n  @State() hasFooterContent = false;\n\n  @State() hasFooterEndContent = false;\n\n  @State() hasFooterStartContent = false;\n\n  @State() defaultMessages: PanelMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @State() showHeaderContent = false;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the close button is clicked.\n   */\n  @Event({ cancelable: false }) calcitePanelClose: EventEmitter<void>;\n\n  /**\n   * Fires when the collapse button is clicked.\n   */\n  @Event({ cancelable: false }) calcitePanelToggle: EventEmitter<void>;\n\n  /**\n   * Fires when the content is scrolled.\n   */\n  @Event({ cancelable: false }) calcitePanelScroll: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  resizeHandler = (): void => {\n    const { panelScrollEl } = this;\n\n    if (\n      !panelScrollEl ||\n      typeof panelScrollEl.scrollHeight !== \"number\" ||\n      typeof panelScrollEl.offsetHeight !== \"number\"\n    ) {\n      return;\n    }\n\n    const hasScrollingContent = panelScrollEl.scrollHeight > panelScrollEl.offsetHeight;\n\n    // intentionally using setAttribute to avoid reflecting -1 so default browser behavior will occur\n    if (hasScrollingContent) {\n      panelScrollEl.setAttribute(\"tabindex\", \"0\");\n    } else {\n      panelScrollEl.removeAttribute(\"tabindex\");\n    }\n  };\n\n  setContainerRef = (node: HTMLElement): void => {\n    this.containerEl = node;\n  };\n\n  panelKeyDownHandler = (event: KeyboardEvent): void => {\n    if (this.closable && event.key === \"Escape\" && !event.defaultPrevented) {\n      this.handleUserClose();\n      event.preventDefault();\n    }\n  };\n\n  private handleUserClose = (): void => {\n    this.closed = true;\n    this.calcitePanelClose.emit();\n  };\n\n  open = (): void => {\n    this.isClosed = false;\n  };\n\n  close = async (): Promise<void> => {\n    const beforeClose = this.beforeClose ?? (() => Promise.resolve());\n\n    try {\n      await beforeClose();\n    } catch (_error) {\n      // close prevented\n      requestAnimationFrame(() => {\n        this.closed = false;\n      });\n      return;\n    }\n\n    this.isClosed = true;\n  };\n\n  collapse = (): void => {\n    this.collapsed = !this.collapsed;\n    this.calcitePanelToggle.emit();\n  };\n\n  panelScrollHandler = (): void => {\n    this.calcitePanelScroll.emit();\n  };\n\n  handleHeaderActionsStartSlotChange = (event: Event): void => {\n    this.hasStartActions = slotChangeHasAssignedElement(event);\n  };\n\n  handleHeaderActionsEndSlotChange = (event: Event): void => {\n    this.hasEndActions = slotChangeHasAssignedElement(event);\n  };\n\n  handleHeaderMenuActionsSlotChange = (event: Event): void => {\n    this.hasMenuItems = slotChangeHasAssignedElement(event);\n  };\n\n  handleActionBarSlotChange = (event: Event): void => {\n    const actionBars = slotChangeGetAssignedElements(event).filter(\n      (el): el is HTMLCalciteActionBarElement => el?.matches(\"calcite-action-bar\"),\n    );\n\n    actionBars.forEach((actionBar) => (actionBar.layout = \"horizontal\"));\n\n    this.hasActionBar = !!actionBars.length;\n  };\n\n  handleHeaderContentSlotChange = (event: Event): void => {\n    this.hasHeaderContent = slotChangeHasAssignedElement(event);\n  };\n\n  handleFabSlotChange = (event: Event): void => {\n    this.hasFab = slotChangeHasAssignedElement(event);\n  };\n\n  handleFooterActionsSlotChange = (event: Event): void => {\n    this.hasFooterActions = slotChangeHasAssignedElement(event);\n  };\n\n  handleFooterEndSlotChange = (event: Event): void => {\n    this.hasFooterEndContent = slotChangeHasAssignedElement(event);\n  };\n\n  handleFooterStartSlotChange = (event: Event): void => {\n    this.hasFooterStartContent = slotChangeHasAssignedElement(event);\n  };\n\n  handleFooterSlotChange = (event: Event): void => {\n    this.hasFooterContent = slotChangeHasAssignedElement(event);\n  };\n\n  private contentBottomSlotChangeHandler = (event: Event): void => {\n    this.hasContentBottom = slotChangeHasAssignedElement(event);\n  };\n\n  private contentTopSlotChangeHandler = (event: Event): void => {\n    this.hasContentTop = slotChangeHasAssignedElement(event);\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's first focusable element.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    focusFirstTabbable(this.containerEl);\n  }\n\n  /**\n   * Scrolls the component's content to a specified set of coordinates.\n   *\n   * @example\n   * myCalciteFlowItem.scrollContentTo({\n   *   left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.\n   *   top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element\n   *   behavior: \"auto\" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).\n   * });\n   * @param options - allows specific coordinates to be defined.\n   * @returns - promise that resolves once the content is scrolled to.\n   */\n  @Method()\n  async scrollContentTo(options?: ScrollToOptions): Promise<void> {\n    this.panelScrollEl?.scrollTo(options);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderHeaderContent(): VNode {\n    const { heading, headingLevel, description, hasHeaderContent } = this;\n    const headingNode = heading ? (\n      <Heading class={CSS.heading} level={headingLevel}>\n        {heading}\n      </Heading>\n    ) : null;\n\n    const descriptionNode = description ? <span class={CSS.description}>{description}</span> : null;\n\n    return !hasHeaderContent && (headingNode || descriptionNode) ? (\n      <div class={CSS.headerContent} key=\"header-content\">\n        {headingNode}\n        {descriptionNode}\n      </div>\n    ) : null;\n  }\n\n  renderActionBar(): VNode {\n    return (\n      <div class={CSS.actionBarContainer} hidden={!this.hasActionBar}>\n        <slot name={SLOTS.actionBar} onSlotchange={this.handleActionBarSlotChange} />\n      </div>\n    );\n  }\n\n  renderHeaderSlottedContent(): VNode {\n    return (\n      <div class={CSS.headerContent} hidden={!this.hasHeaderContent} key=\"slotted-header-content\">\n        <slot name={SLOTS.headerContent} onSlotchange={this.handleHeaderContentSlotChange} />\n      </div>\n    );\n  }\n\n  renderHeaderStartActions(): VNode {\n    const { hasStartActions } = this;\n\n    return (\n      <div\n        class={{ [CSS.headerActionsStart]: true, [CSS.headerActions]: true }}\n        hidden={!hasStartActions}\n        key=\"header-actions-start\"\n      >\n        <slot\n          name={SLOTS.headerActionsStart}\n          onSlotchange={this.handleHeaderActionsStartSlotChange}\n        />\n      </div>\n    );\n  }\n\n  renderHeaderActionsEnd(): VNode {\n    const {\n      hasEndActions,\n      messages,\n      closable,\n      collapsed,\n      collapseDirection,\n      collapsible,\n      hasMenuItems,\n    } = this;\n    const { collapse, expand, close } = messages;\n\n    const icons = [ICONS.expand, ICONS.collapse];\n\n    if (collapseDirection === \"up\") {\n      icons.reverse();\n    }\n\n    const collapseNode = collapsible ? (\n      <calcite-action\n        aria-expanded={toAriaBoolean(!collapsed)}\n        aria-label={collapse}\n        icon={collapsed ? icons[0] : icons[1]}\n        id={IDS.collapse}\n        onClick={this.collapse}\n        scale={this.scale}\n        text={collapse}\n        title={collapsed ? expand : collapse}\n      />\n    ) : null;\n\n    const closeNode = closable ? (\n      <calcite-action\n        aria-label={close}\n        icon={ICONS.close}\n        id={IDS.close}\n        onClick={this.handleUserClose}\n        scale={this.scale}\n        text={close}\n        title={close}\n      />\n    ) : null;\n\n    const slotNode = (\n      <slot name={SLOTS.headerActionsEnd} onSlotchange={this.handleHeaderActionsEndSlotChange} />\n    );\n\n    const showContainer = hasEndActions || collapseNode || closeNode || hasMenuItems;\n\n    return (\n      <div\n        class={{ [CSS.headerActionsEnd]: true, [CSS.headerActions]: true }}\n        hidden={!showContainer}\n        key=\"header-actions-end\"\n      >\n        {slotNode}\n        {this.renderMenu()}\n        {collapseNode}\n        {closeNode}\n      </div>\n    );\n  }\n\n  renderMenu(): VNode {\n    const { hasMenuItems, messages, menuOpen, menuFlipPlacements, menuPlacement } = this;\n\n    return (\n      <calcite-action-menu\n        flipPlacements={menuFlipPlacements ?? [\"top\", \"bottom\"]}\n        hidden={!hasMenuItems}\n        key=\"menu\"\n        label={messages.options}\n        open={menuOpen}\n        overlayPositioning={this.overlayPositioning}\n        placement={menuPlacement}\n      >\n        <calcite-action\n          icon={ICONS.menu}\n          scale={this.scale}\n          slot={ACTION_MENU_SLOTS.trigger}\n          text={messages.options}\n        />\n        <slot\n          name={SLOTS.headerMenuActions}\n          onSlotchange={this.handleHeaderMenuActionsSlotChange}\n        />\n      </calcite-action-menu>\n    );\n  }\n\n  renderHeaderNode(): VNode {\n    const {\n      hasHeaderContent,\n      hasStartActions,\n      hasEndActions,\n      closable,\n      collapsible,\n      hasMenuItems,\n      hasActionBar,\n    } = this;\n\n    const headerContentNode = this.renderHeaderContent();\n\n    const showHeaderContent =\n      hasHeaderContent ||\n      !!headerContentNode ||\n      hasStartActions ||\n      hasEndActions ||\n      collapsible ||\n      closable ||\n      hasMenuItems;\n\n    this.showHeaderContent = showHeaderContent;\n\n    return (\n      <header class={CSS.header} hidden={!(showHeaderContent || hasActionBar)}>\n        <div\n          class={{ [CSS.headerContainer]: true, [CSS.headerContainerBorderEnd]: hasActionBar }}\n          hidden={!showHeaderContent}\n        >\n          {this.renderHeaderStartActions()}\n          {this.renderHeaderSlottedContent()}\n          {headerContentNode}\n          {this.renderHeaderActionsEnd()}\n        </div>\n        {this.renderActionBar()}\n        {this.renderContentTop()}\n      </header>\n    );\n  }\n\n  renderFooterNode(): VNode {\n    const { hasFooterEndContent, hasFooterStartContent, hasFooterContent, hasFooterActions } = this;\n\n    const showFooter =\n      hasFooterStartContent || hasFooterEndContent || hasFooterContent || hasFooterActions;\n\n    return (\n      <footer class={CSS.footer} hidden={!showFooter}>\n        <div class={CSS.footerContent} hidden={!hasFooterContent}>\n          <slot name={SLOTS.footer} onSlotchange={this.handleFooterSlotChange} />\n        </div>\n        <div class={CSS.footerStart} hidden={hasFooterContent || !hasFooterStartContent}>\n          <slot name={SLOTS.footerStart} onSlotchange={this.handleFooterStartSlotChange} />\n        </div>\n        <div class={CSS.footerEnd} hidden={hasFooterContent || !hasFooterEndContent}>\n          <slot name={SLOTS.footerEnd} onSlotchange={this.handleFooterEndSlotChange} />\n        </div>\n        <div class={CSS.footerActions} hidden={hasFooterContent || !hasFooterActions}>\n          <slot\n            key=\"footer-actions-slot\"\n            name={SLOTS.footerActions}\n            onSlotchange={this.handleFooterActionsSlotChange}\n          />\n        </div>\n      </footer>\n    );\n  }\n\n  setPanelScrollEl = (el: HTMLElement): void => {\n    this.panelScrollEl = el;\n    this.resizeObserver?.disconnect();\n\n    if (el) {\n      this.resizeObserver?.observe(el);\n      this.resizeHandler();\n    }\n  };\n\n  renderContent(): VNode {\n    return (\n      <div\n        class={CSS.contentWrapper}\n        hidden={this.collapsible && this.collapsed}\n        onScroll={this.panelScrollHandler}\n        ref={this.setPanelScrollEl}\n      >\n        <slot />\n        {this.renderFab()}\n      </div>\n    );\n  }\n\n  renderContentBottom(): VNode {\n    return (\n      <div class={CSS.contentBottom} hidden={!this.hasContentBottom}>\n        <slot name={SLOTS.contentBottom} onSlotchange={this.contentBottomSlotChangeHandler} />\n      </div>\n    );\n  }\n\n  renderContentTop(): VNode {\n    return (\n      <div class={CSS.contentTop} hidden={!this.hasContentTop}>\n        <slot name={SLOTS.contentTop} onSlotchange={this.contentTopSlotChangeHandler} />\n      </div>\n    );\n  }\n\n  renderFab(): VNode {\n    return (\n      <div class={CSS.fabContainer} hidden={!this.hasFab}>\n        <slot name={SLOTS.fab} onSlotchange={this.handleFabSlotChange} />\n      </div>\n    );\n  }\n\n  handleAlertsSlotChange = (event: Event): void => {\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.nodeName === \"CALCITE-ALERT\") {\n        (el as HTMLCalciteAlertElement).embedded = true;\n      }\n    });\n  };\n\n  render(): VNode {\n    const { disabled, loading, isClosed } = this;\n\n    const panelNode = (\n      <article\n        aria-busy={toAriaBoolean(loading)}\n        class={CSS.container}\n        hidden={isClosed}\n        ref={this.setContainerRef}\n      >\n        {this.renderHeaderNode()}\n        {this.renderContent()}\n        {this.renderContentBottom()}\n        {this.renderFooterNode()}\n        <slot key=\"alerts\" name={SLOTS.alerts} onSlotchange={this.handleAlertsSlotChange} />\n      </article>\n    );\n\n    return (\n      <Host onKeyDown={this.panelKeyDownHandler}>\n        <InteractiveContainer disabled={disabled}>\n          {loading ? <calcite-scrim loading={loading} /> : null}\n          {panelNode}\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"calcite-panel.entry.cjs.js","mappings":"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","names":["createObserver","slotChangeHasAssignedElement","slotChangeGetAssignedElements","defaultEndMenuPlacement","connectLocalized","connectMessages","setUpLoadableComponent","setUpMessages","setComponentLoaded","updateHostInteraction","disconnectLocalized","disconnectMessages","updateMessages","componentFocusable","focusFirstTabbable","h","Heading","CSS","SLOTS","ICONS","toAriaBoolean","IDS","ACTION_MENU_SLOTS","Host","InteractiveContainer"],"sources":["src/components/panel/panel.scss?tag=calcite-panel&encapsulation=shadow","src/components/panel/panel.tsx"],"sourcesContent":["/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-panel-content-space: Specifies the padding of the component's content.\n * @prop --calcite-panel-footer-padding: Specifies the padding of the component's footer.\n * @prop --calcite-panel-header-border-block-end: Specifies the component header's block end border.\n * @prop --calcite-panel-background-color: Specifies the background color of the component.\n */\n\n:host {\n  @extend %component-host;\n  @apply relative flex w-full h-full flex-auto overflow-hidden;\n\n  --calcite-min-header-height: calc(var(--calcite-icon-size) * 3);\n}\n\n@include disabled();\n\n@import \"../../assets/styles/header\";\n\n:host([scale=\"s\"]) {\n  --calcite-internal-panel-default-padding: var(--calcite-spacing-sm);\n  --calcite-internal-panel-header-vertical-padding: 10px; // this should use a spacing token once made available\n\n  .header-content {\n    .heading {\n      @apply text-n1h;\n    }\n\n    .description {\n      @apply text-n2h;\n    }\n  }\n}\n\n:host([scale=\"m\"]) {\n  --calcite-internal-panel-default-padding: var(--calcite-spacing-md);\n  --calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-lg);\n\n  .header-content {\n    .heading {\n      @apply text-0h;\n    }\n\n    .description {\n      @apply text-n1h;\n    }\n  }\n}\n\n:host([scale=\"l\"]) {\n  --calcite-internal-panel-default-padding: var(--calcite-spacing-xl);\n  --calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-xxl);\n\n  .header-content {\n    .heading {\n      @apply text-1h;\n    }\n\n    .description {\n      @apply text-0h;\n    }\n  }\n}\n\n.content-top,\n.content-bottom {\n  @apply flex items-start self-stretch;\n\n  border-block-start: 1px solid var(--calcite-color-border-3);\n  background-color: var(--calcite-color-foreground-1);\n}\n\n.container {\n  @apply relative bg-background m-0 flex w-full flex-auto flex-col items-stretch p-0;\n\n  transition:\n    max-block-size var(--calcite-animation-timing),\n    inline-size var(--calcite-animation-timing);\n}\n\n.container[hidden] {\n  @apply hidden;\n}\n\n.header {\n  @apply bg-foreground-1 flex flex-col z-header;\n  border-block-end: var(--calcite-panel-header-border-block-end, 1px solid var(--calcite-color-border-3));\n}\n\n.header-container {\n  @apply flex flex-row w-full\n  items-stretch\n  justify-start;\n  flex: 0 0 auto;\n}\n\n.header-container--border-end {\n  border-block-end: 1px solid var(--calcite-color-border-3);\n}\n\n.action-bar-container {\n  @apply w-full;\n}\n\n.action-bar-container ::slotted(calcite-action-bar) {\n  @apply w-full;\n}\n\n.header-content {\n  @apply flex\n    flex-col\n    overflow-hidden\n    px-3\n    py-3.5;\n\n  margin-inline-end: auto;\n\n  .heading,\n  .description {\n    @apply block\n      break-words\n      p-0;\n  }\n\n  .heading {\n    @apply mx-0 mt-0 mb-1 font-medium text-color-1;\n\n    &:only-child {\n      @apply mb-0;\n    }\n  }\n\n  .description {\n    @apply text-color-2;\n  }\n}\n\n.back-button {\n  @apply border-color-3\n  border-0\n  border-solid;\n  border-inline-end-width: theme(\"borderWidth.DEFAULT\");\n}\n\n.header-actions {\n  @apply flex\n  flex-row\n  flex-nowrap\n  items-stretch;\n}\n\n.header-actions--end {\n  margin-inline-start: theme(\"margin.auto\");\n}\n\n.content-wrapper {\n  @apply flex\n  flex-auto\n  flex-col\n  flex-nowrap\n  items-stretch\n  overflow-auto\n  h-full\n  focus-base;\n  padding: var(--calcite-panel-content-space, 0);\n  background: var(--calcite-panel-background-color, var(--calcite-color-background));\n}\n\n.content-wrapper:focus-visible {\n  @apply focus-inset;\n}\n\n.content-top,\n.content-bottom {\n  padding: var(--calcite-internal-panel-default-padding);\n}\n\n.header-content {\n  flex: 1 1 auto;\n  padding-block: var(--calcite-internal-panel-header-vertical-padding);\n  padding-inline: var(--calcite-internal-panel-default-padding);\n}\n\n.footer {\n  @apply flex mt-auto flex-row content-between justify-center items-center bg-foreground-1 text-n2-wrap;\n  border-block-start: 1px solid var(--calcite-color-border-3);\n  padding: var(--calcite-panel-footer-padding, var(--calcite-internal-panel-default-padding));\n}\n\n.footer-content {\n  @apply flex flex-row items-center justify-center flex-1;\n}\n\n.footer-actions {\n  @apply flex flex-row items-center justify-evenly flex-1;\n  gap: var(--calcite-internal-panel-default-padding);\n}\n\n.footer-start {\n  @apply flex flex-row items-center justify-start flex-1;\n  margin-inline-end: auto;\n  gap: var(--calcite-internal-panel-default-padding);\n}\n\n.footer-end {\n  @apply flex flex-row items-center justify-end flex-1;\n  margin-inline-start: auto;\n  gap: var(--calcite-internal-panel-default-padding);\n}\n\n.fab-container {\n  @apply sticky\n  bottom-0\n  my-0\n  mx-auto\n  block\n  p-2\n  z-sticky;\n  inset-inline: 0;\n  inline-size: fit-content;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  focusFirstTabbable,\n  slotChangeGetAssignedElements,\n  slotChangeHasAssignedElement,\n  toAriaBoolean,\n} from \"../../utils/dom\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { SLOTS as ACTION_MENU_SLOTS } from \"../action-menu/resources\";\nimport { Heading, HeadingLevel } from \"../functional/Heading\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport {\n  defaultEndMenuPlacement,\n  FlipPlacement,\n  LogicalPlacement,\n  OverlayPositioning,\n} from \"../../utils/floating-ui\";\nimport { CollapseDirection } from \"../interfaces\";\nimport { Scale } from \"../interfaces\";\nimport { PanelMessages } from \"./assets/panel/t9n\";\nimport { CSS, ICONS, IDS, SLOTS } from \"./resources\";\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 * @slot alerts - A slot for adding `calcite-alert`s to the component.\n * @slot content-bottom - A slot for adding content below the unnamed (default) slot and above the footer slot (if populated)\n * @slot content-top - A slot for adding content above the unnamed (default) slot and below the action-bar slot (if populated).\n * @slot header-actions-start - A slot for adding actions or content to the start side of the header.\n * @slot header-actions-end - A slot for adding actions or content to the end side of the header.\n * @slot header-content - A slot for adding custom content to the header.\n * @slot header-menu-actions - A slot for adding an overflow menu with actions inside a `calcite-dropdown`.\n * @slot fab - A slot for adding a `calcite-fab` (floating action button) to perform an action.\n * @slot footer - A slot for adding custom content to the component's footer. Should not be used with the `\"footer-start\"` or `\"footer-end\"` slots.\n * @slot footer-actions - [Deprecated] Use the `footer-start` and `footer-end` slots instead. A slot for adding `calcite-button`s to the component's footer.\n * @slot footer-end - A slot for adding a trailing footer custom content. Should not be used with the `\"footer\"` slot.\n * @slot footer-start - A slot for adding a leading footer custom content. Should not be used with the `\"footer\"` slot.\n */\n@Component({\n  tag: \"calcite-panel\",\n  styleUrl: \"panel.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Panel\n  implements InteractiveComponent, LoadableComponent, LocalizedComponent, T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /** Passes a function to run before the component closes. */\n  @Prop() beforeClose: () => Promise<void>;\n\n  /** When `true`, the component will be hidden. */\n  @Prop({ mutable: true, reflect: true }) closed = false;\n\n  @Watch(\"closed\")\n  toggleDialog(value: boolean): void {\n    value ? this.close() : this.open();\n  }\n\n  /**\n   *  When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** When `true`, displays a close button in the trailing side of the header. */\n  @Prop({ reflect: true }) closable = false;\n\n  /**\n   * When `true`, hides the component's content area.\n   */\n  @Prop({ reflect: true }) collapsed = false;\n\n  /**\n   * Specifies the direction of the collapse.\n   *\n   * @internal\n   */\n  @Prop() collapseDirection: CollapseDirection = \"down\";\n\n  /**\n   * When `true`, the component is collapsible.\n   */\n  @Prop({ reflect: true }) collapsible = false;\n\n  /**\n   * Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * The component header text.\n   */\n  @Prop() heading: string;\n\n  /** A description for the component. */\n  @Prop() description: string;\n\n  /**\n   * Specifies the component's fallback menu `placement` when it's initial or specified `placement` has insufficient space available.\n   */\n  @Prop() menuFlipPlacements: FlipPlacement[];\n\n  /**\n   * When `true`, the action menu items in the `header-menu-actions` slot are open.\n   */\n  @Prop({ reflect: true }) menuOpen = false;\n\n  /**\n   * Determines where the action menu will be positioned.\n   */\n  @Prop({ reflect: true }) menuPlacement: LogicalPlacement = defaultEndMenuPlacement;\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<PanelMessages>;\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: PanelMessages;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    this.isClosed = this.closed;\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.resizeObserver?.disconnect();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalcitePanelElement;\n\n  containerEl: HTMLElement;\n\n  panelScrollEl: HTMLElement;\n\n  resizeObserver = createObserver(\"resize\", () => this.resizeHandler());\n\n  @State() isClosed = false;\n\n  @State() hasStartActions = false;\n\n  @State() hasEndActions = false;\n\n  @State() hasMenuItems = false;\n\n  @State() hasHeaderContent = false;\n\n  @State() hasActionBar = false;\n\n  @State() hasContentBottom = false;\n\n  @State() hasContentTop = false;\n\n  @State() hasFab = false;\n\n  @State() hasFooterActions = false;\n\n  @State() hasFooterContent = false;\n\n  @State() hasFooterEndContent = false;\n\n  @State() hasFooterStartContent = false;\n\n  @State() defaultMessages: PanelMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @State() showHeaderContent = false;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the close button is clicked.\n   */\n  @Event({ cancelable: false }) calcitePanelClose: EventEmitter<void>;\n\n  /**\n   * Fires when the collapse button is clicked.\n   */\n  @Event({ cancelable: false }) calcitePanelToggle: EventEmitter<void>;\n\n  /**\n   * Fires when the content is scrolled.\n   */\n  @Event({ cancelable: false }) calcitePanelScroll: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  resizeHandler = (): void => {\n    const { panelScrollEl } = this;\n\n    if (\n      !panelScrollEl ||\n      typeof panelScrollEl.scrollHeight !== \"number\" ||\n      typeof panelScrollEl.offsetHeight !== \"number\"\n    ) {\n      return;\n    }\n\n    const hasScrollingContent = panelScrollEl.scrollHeight > panelScrollEl.offsetHeight;\n\n    // intentionally using setAttribute to avoid reflecting -1 so default browser behavior will occur\n    if (hasScrollingContent) {\n      panelScrollEl.setAttribute(\"tabindex\", \"0\");\n    } else {\n      panelScrollEl.removeAttribute(\"tabindex\");\n    }\n  };\n\n  setContainerRef = (node: HTMLElement): void => {\n    this.containerEl = node;\n  };\n\n  panelKeyDownHandler = (event: KeyboardEvent): void => {\n    if (this.closable && event.key === \"Escape\" && !event.defaultPrevented) {\n      this.handleUserClose();\n      event.preventDefault();\n    }\n  };\n\n  private handleUserClose = (): void => {\n    this.closed = true;\n    this.calcitePanelClose.emit();\n  };\n\n  open = (): void => {\n    this.isClosed = false;\n  };\n\n  close = async (): Promise<void> => {\n    const beforeClose = this.beforeClose ?? (() => Promise.resolve());\n\n    try {\n      await beforeClose();\n    } catch (_error) {\n      // close prevented\n      requestAnimationFrame(() => {\n        this.closed = false;\n      });\n      return;\n    }\n\n    this.isClosed = true;\n  };\n\n  collapse = (): void => {\n    this.collapsed = !this.collapsed;\n    this.calcitePanelToggle.emit();\n  };\n\n  panelScrollHandler = (): void => {\n    this.calcitePanelScroll.emit();\n  };\n\n  handleHeaderActionsStartSlotChange = (event: Event): void => {\n    this.hasStartActions = slotChangeHasAssignedElement(event);\n  };\n\n  handleHeaderActionsEndSlotChange = (event: Event): void => {\n    this.hasEndActions = slotChangeHasAssignedElement(event);\n  };\n\n  handleHeaderMenuActionsSlotChange = (event: Event): void => {\n    this.hasMenuItems = slotChangeHasAssignedElement(event);\n  };\n\n  handleActionBarSlotChange = (event: Event): void => {\n    const actionBars = slotChangeGetAssignedElements(event).filter(\n      (el): el is HTMLCalciteActionBarElement => el?.matches(\"calcite-action-bar\"),\n    );\n\n    actionBars.forEach((actionBar) => (actionBar.layout = \"horizontal\"));\n\n    this.hasActionBar = !!actionBars.length;\n  };\n\n  handleHeaderContentSlotChange = (event: Event): void => {\n    this.hasHeaderContent = slotChangeHasAssignedElement(event);\n  };\n\n  handleFabSlotChange = (event: Event): void => {\n    this.hasFab = slotChangeHasAssignedElement(event);\n  };\n\n  handleFooterActionsSlotChange = (event: Event): void => {\n    this.hasFooterActions = slotChangeHasAssignedElement(event);\n  };\n\n  handleFooterEndSlotChange = (event: Event): void => {\n    this.hasFooterEndContent = slotChangeHasAssignedElement(event);\n  };\n\n  handleFooterStartSlotChange = (event: Event): void => {\n    this.hasFooterStartContent = slotChangeHasAssignedElement(event);\n  };\n\n  handleFooterSlotChange = (event: Event): void => {\n    this.hasFooterContent = slotChangeHasAssignedElement(event);\n  };\n\n  private contentBottomSlotChangeHandler = (event: Event): void => {\n    this.hasContentBottom = slotChangeHasAssignedElement(event);\n  };\n\n  private contentTopSlotChangeHandler = (event: Event): void => {\n    this.hasContentTop = slotChangeHasAssignedElement(event);\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's first focusable element.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    focusFirstTabbable(this.containerEl);\n  }\n\n  /**\n   * Scrolls the component's content to a specified set of coordinates.\n   *\n   * @example\n   * myCalciteFlowItem.scrollContentTo({\n   *   left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.\n   *   top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element\n   *   behavior: \"auto\" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).\n   * });\n   * @param options - allows specific coordinates to be defined.\n   * @returns - promise that resolves once the content is scrolled to.\n   */\n  @Method()\n  async scrollContentTo(options?: ScrollToOptions): Promise<void> {\n    this.panelScrollEl?.scrollTo(options);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderHeaderContent(): VNode {\n    const { heading, headingLevel, description, hasHeaderContent } = this;\n    const headingNode = heading ? (\n      <Heading class={CSS.heading} level={headingLevel}>\n        {heading}\n      </Heading>\n    ) : null;\n\n    const descriptionNode = description ? <span class={CSS.description}>{description}</span> : null;\n\n    return !hasHeaderContent && (headingNode || descriptionNode) ? (\n      <div class={CSS.headerContent} key=\"header-content\">\n        {headingNode}\n        {descriptionNode}\n      </div>\n    ) : null;\n  }\n\n  renderActionBar(): VNode {\n    return (\n      <div class={CSS.actionBarContainer} hidden={!this.hasActionBar}>\n        <slot name={SLOTS.actionBar} onSlotchange={this.handleActionBarSlotChange} />\n      </div>\n    );\n  }\n\n  renderHeaderSlottedContent(): VNode {\n    return (\n      <div class={CSS.headerContent} hidden={!this.hasHeaderContent} key=\"slotted-header-content\">\n        <slot name={SLOTS.headerContent} onSlotchange={this.handleHeaderContentSlotChange} />\n      </div>\n    );\n  }\n\n  renderHeaderStartActions(): VNode {\n    const { hasStartActions } = this;\n\n    return (\n      <div\n        class={{ [CSS.headerActionsStart]: true, [CSS.headerActions]: true }}\n        hidden={!hasStartActions}\n        key=\"header-actions-start\"\n      >\n        <slot\n          name={SLOTS.headerActionsStart}\n          onSlotchange={this.handleHeaderActionsStartSlotChange}\n        />\n      </div>\n    );\n  }\n\n  renderHeaderActionsEnd(): VNode {\n    const {\n      hasEndActions,\n      messages,\n      closable,\n      collapsed,\n      collapseDirection,\n      collapsible,\n      hasMenuItems,\n    } = this;\n    const { collapse, expand, close } = messages;\n\n    const icons = [ICONS.expand, ICONS.collapse];\n\n    if (collapseDirection === \"up\") {\n      icons.reverse();\n    }\n\n    const collapseNode = collapsible ? (\n      <calcite-action\n        aria-expanded={toAriaBoolean(!collapsed)}\n        aria-label={collapse}\n        icon={collapsed ? icons[0] : icons[1]}\n        id={IDS.collapse}\n        onClick={this.collapse}\n        scale={this.scale}\n        text={collapse}\n        title={collapsed ? expand : collapse}\n      />\n    ) : null;\n\n    const closeNode = closable ? (\n      <calcite-action\n        aria-label={close}\n        icon={ICONS.close}\n        id={IDS.close}\n        onClick={this.handleUserClose}\n        scale={this.scale}\n        text={close}\n        title={close}\n      />\n    ) : null;\n\n    const slotNode = (\n      <slot name={SLOTS.headerActionsEnd} onSlotchange={this.handleHeaderActionsEndSlotChange} />\n    );\n\n    const showContainer = hasEndActions || collapseNode || closeNode || hasMenuItems;\n\n    return (\n      <div\n        class={{ [CSS.headerActionsEnd]: true, [CSS.headerActions]: true }}\n        hidden={!showContainer}\n        key=\"header-actions-end\"\n      >\n        {slotNode}\n        {this.renderMenu()}\n        {collapseNode}\n        {closeNode}\n      </div>\n    );\n  }\n\n  renderMenu(): VNode {\n    const { hasMenuItems, messages, menuOpen, menuFlipPlacements, menuPlacement } = this;\n\n    return (\n      <calcite-action-menu\n        flipPlacements={menuFlipPlacements ?? [\"top\", \"bottom\"]}\n        hidden={!hasMenuItems}\n        key=\"menu\"\n        label={messages.options}\n        open={menuOpen}\n        overlayPositioning={this.overlayPositioning}\n        placement={menuPlacement}\n      >\n        <calcite-action\n          icon={ICONS.menu}\n          scale={this.scale}\n          slot={ACTION_MENU_SLOTS.trigger}\n          text={messages.options}\n        />\n        <slot\n          name={SLOTS.headerMenuActions}\n          onSlotchange={this.handleHeaderMenuActionsSlotChange}\n        />\n      </calcite-action-menu>\n    );\n  }\n\n  renderHeaderNode(): VNode {\n    const {\n      hasHeaderContent,\n      hasStartActions,\n      hasEndActions,\n      closable,\n      collapsible,\n      hasMenuItems,\n      hasActionBar,\n    } = this;\n\n    const headerContentNode = this.renderHeaderContent();\n\n    const showHeaderContent =\n      hasHeaderContent ||\n      !!headerContentNode ||\n      hasStartActions ||\n      hasEndActions ||\n      collapsible ||\n      closable ||\n      hasMenuItems;\n\n    this.showHeaderContent = showHeaderContent;\n\n    return (\n      <header class={CSS.header} hidden={!(showHeaderContent || hasActionBar)}>\n        <div\n          class={{ [CSS.headerContainer]: true, [CSS.headerContainerBorderEnd]: hasActionBar }}\n          hidden={!showHeaderContent}\n        >\n          {this.renderHeaderStartActions()}\n          {this.renderHeaderSlottedContent()}\n          {headerContentNode}\n          {this.renderHeaderActionsEnd()}\n        </div>\n        {this.renderActionBar()}\n        {this.renderContentTop()}\n      </header>\n    );\n  }\n\n  renderFooterNode(): VNode {\n    const { hasFooterEndContent, hasFooterStartContent, hasFooterContent, hasFooterActions } = this;\n\n    const showFooter =\n      hasFooterStartContent || hasFooterEndContent || hasFooterContent || hasFooterActions;\n\n    return (\n      <footer class={CSS.footer} hidden={!showFooter}>\n        <div class={CSS.footerContent} hidden={!hasFooterContent}>\n          <slot name={SLOTS.footer} onSlotchange={this.handleFooterSlotChange} />\n        </div>\n        <div class={CSS.footerStart} hidden={hasFooterContent || !hasFooterStartContent}>\n          <slot name={SLOTS.footerStart} onSlotchange={this.handleFooterStartSlotChange} />\n        </div>\n        <div class={CSS.footerEnd} hidden={hasFooterContent || !hasFooterEndContent}>\n          <slot name={SLOTS.footerEnd} onSlotchange={this.handleFooterEndSlotChange} />\n        </div>\n        <div class={CSS.footerActions} hidden={hasFooterContent || !hasFooterActions}>\n          <slot\n            key=\"footer-actions-slot\"\n            name={SLOTS.footerActions}\n            onSlotchange={this.handleFooterActionsSlotChange}\n          />\n        </div>\n      </footer>\n    );\n  }\n\n  setPanelScrollEl = (el: HTMLElement): void => {\n    this.panelScrollEl = el;\n    this.resizeObserver?.disconnect();\n\n    if (el) {\n      this.resizeObserver?.observe(el);\n      this.resizeHandler();\n    }\n  };\n\n  renderContent(): VNode {\n    return (\n      <div\n        class={CSS.contentWrapper}\n        hidden={this.collapsible && this.collapsed}\n        onScroll={this.panelScrollHandler}\n        ref={this.setPanelScrollEl}\n      >\n        <slot />\n        {this.renderFab()}\n      </div>\n    );\n  }\n\n  renderContentBottom(): VNode {\n    return (\n      <div class={CSS.contentBottom} hidden={!this.hasContentBottom}>\n        <slot name={SLOTS.contentBottom} onSlotchange={this.contentBottomSlotChangeHandler} />\n      </div>\n    );\n  }\n\n  renderContentTop(): VNode {\n    return (\n      <div class={CSS.contentTop} hidden={!this.hasContentTop}>\n        <slot name={SLOTS.contentTop} onSlotchange={this.contentTopSlotChangeHandler} />\n      </div>\n    );\n  }\n\n  renderFab(): VNode {\n    return (\n      <div class={CSS.fabContainer} hidden={!this.hasFab}>\n        <slot name={SLOTS.fab} onSlotchange={this.handleFabSlotChange} />\n      </div>\n    );\n  }\n\n  handleAlertsSlotChange = (event: Event): void => {\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.nodeName === \"CALCITE-ALERT\") {\n        (el as HTMLCalciteAlertElement).embedded = true;\n      }\n    });\n  };\n\n  render(): VNode {\n    const { disabled, loading, isClosed } = this;\n\n    const panelNode = (\n      <article\n        aria-busy={toAriaBoolean(loading)}\n        class={CSS.container}\n        hidden={isClosed}\n        ref={this.setContainerRef}\n      >\n        {this.renderHeaderNode()}\n        {this.renderContent()}\n        {this.renderContentBottom()}\n        {this.renderFooterNode()}\n        <slot key=\"alerts\" name={SLOTS.alerts} onSlotchange={this.handleAlertsSlotChange} />\n      </article>\n    );\n\n    return (\n      <Host onKeyDown={this.panelKeyDownHandler}>\n        <InteractiveContainer disabled={disabled}>\n          {loading ? <calcite-scrim loading={loading} /> : null}\n          {panelNode}\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/calcite-pick-list_3.cjs.entry.js

@@ -1,30 +1,30 @@
 /*!
  * 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.13.0
+ * v2.13.2
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-03561b9a.js');
-const interactive = require('./interactive-e27cd6e3.js');
-const loadable = require('./loadable-1e343f4a.js');
-const observers = require('./observers-dc37fb24.js');
-const logger = require('./logger-d24af796.js');
-const dom = require('./dom-401c47fa.js');
-const resources = require('./resources-197403fa.js');
-const conditionalSlot = require('./conditionalSlot-961cb966.js');
-const Heading = require('./Heading-5fb8f15a.js');
-const locale = require('./locale-783be19a.js');
-const t9n = require('./t9n-5f0809e3.js');
-require('./browser-b9024aa0.js');
-require('./config-86d6376a.js');
-require('./guid-7487a6a8.js');
-require('./resources-8d0a3a55.js');
-require('./array-7ffc3586.js');
-require('./debounce-f0f19c37.js');
-require('./key-8032a9dc.js');
+const index = require('./index-712430e2.js');
+const interactive = require('./interactive-079bc430.js');
+const loadable = require('./loadable-ee725b32.js');
+const observers = require('./observers-a1f0d377.js');
+const logger = require('./logger-11553bbd.js');
+const dom = require('./dom-a6db8c35.js');
+const resources = require('./resources-e894e7c0.js');
+const conditionalSlot = require('./conditionalSlot-5b8ce3ed.js');
+const Heading = require('./Heading-b51e487c.js');
+const locale = require('./locale-d86a5a22.js');
+const t9n = require('./t9n-d7efdb8b.js');
+require('./browser-443e5c0b.js');
+require('./config-abc4f9c0.js');
+require('./guid-76f7196a.js');
+require('./resources-ebb1faa2.js');
+require('./array-6f6299a7.js');
+require('./debounce-73fa6470.js');
+require('./key-d12cbf1a.js');
 
 const pickListCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;flex-grow:1;flex-direction:column;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([filter-enabled]) header{margin-block-end:0.25rem;display:flex;align-items:stretch;justify-content:flex-end;background-color:var(--calcite-color-foreground-1);--tw-shadow:0 1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 1px 0 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([filter-enabled]) header.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-z-index)}calcite-filter{margin-block-end:0px}:host([loading][disabled]){min-block-size:2rem}:host([hidden]){display:none}[hidden]{display:none}";
 const CalcitePickListStyle0 = pickListCss;

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

@@ -1,30 +1,30 @@
 /*!
  * 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.13.0
+ * v2.13.2
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-03561b9a.js');
-const floatingUi = require('./floating-ui-4a04f844.js');
-const focusTrapComponent = require('./focusTrapComponent-f0b8db52.js');
-const dom = require('./dom-401c47fa.js');
-const guid = require('./guid-7487a6a8.js');
-const openCloseComponent = require('./openCloseComponent-56b018ff.js');
-const Heading = require('./Heading-5fb8f15a.js');
-const locale = require('./locale-783be19a.js');
-const t9n = require('./t9n-5f0809e3.js');
-const loadable = require('./loadable-1e343f4a.js');
-const observers = require('./observers-dc37fb24.js');
-const FloatingArrow = require('./FloatingArrow-016db910.js');
-const component = require('./component-25eaec79.js');
-const key = require('./key-8032a9dc.js');
-require('./resources-8d0a3a55.js');
-require('./browser-b9024aa0.js');
-require('./debounce-f0f19c37.js');
-require('./config-86d6376a.js');
+const index = require('./index-712430e2.js');
+const floatingUi = require('./floating-ui-02211920.js');
+const focusTrapComponent = require('./focusTrapComponent-0d845485.js');
+const dom = require('./dom-a6db8c35.js');
+const guid = require('./guid-76f7196a.js');
+const openCloseComponent = require('./openCloseComponent-4c98b66e.js');
+const Heading = require('./Heading-b51e487c.js');
+const locale = require('./locale-d86a5a22.js');
+const t9n = require('./t9n-d7efdb8b.js');
+const loadable = require('./loadable-ee725b32.js');
+const observers = require('./observers-a1f0d377.js');
+const FloatingArrow = require('./FloatingArrow-b74e0a8d.js');
+const component = require('./component-e7debf62.js');
+const key = require('./key-d12cbf1a.js');
+require('./resources-ebb1faa2.js');
+require('./browser-443e5c0b.js');
+require('./debounce-73fa6470.js');
+require('./config-abc4f9c0.js');
 
 class PopoverManager {
     constructor() {

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

@@ -1,16 +1,16 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
+ * v2.13.2
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-03561b9a.js');
-const dom = require('./dom-401c47fa.js');
-const resources = require('./resources-8d0a3a55.js');
-require('./guid-7487a6a8.js');
+const index = require('./index-712430e2.js');
+const dom = require('./dom-a6db8c35.js');
+const resources = require('./resources-ebb1faa2.js');
+require('./guid-76f7196a.js');
 
 const progressCss = ":host{position:relative;display:block;inline-size:100%}.track,.bar{position:absolute;inset-block-start:0px;block-size:2px}.track{z-index:var(--calcite-z-index);inline-size:100%;overflow:hidden;background-color:var(--calcite-progress-background-color, var(--calcite-color-border-3))}.bar{z-index:var(--calcite-z-index);background-color:var(--calcite-progress-fill-color, var(--calcite-color-brand))}@media (forced-colors: active){.track{background-color:highlightText}.bar{background-color:linkText}}.indeterminate{inline-size:20%;animation:looping-progress-bar-ani calc(var(--calcite-internal-animation-timing-medium) / var(--calcite-internal-duration-factor) * 11 / var(--calcite-internal-duration-factor)) linear infinite}.indeterminate.calcite--rtl{animation-name:looping-progress-bar-ani-rtl}.reversed{animation-direction:reverse}.text{padding-inline:0px;padding-block:1rem 0px;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-progress-text-color, var(--calcite-color-text-2))}@keyframes looping-progress-bar-ani{0%{transform:translate3d(-100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(600%, 0, 0)}}@keyframes looping-progress-bar-ani-rtl{0%{transform:translate3d(100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(-600%, 0, 0)}}:host([hidden]){display:none}[hidden]{display:none}";
 const CalciteProgressStyle0 = progressCss;

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

@@ -1,20 +1,20 @@
 /*!
  * 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.13.0
+ * v2.13.2
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-03561b9a.js');
-const observers = require('./observers-dc37fb24.js');
-const dom = require('./dom-401c47fa.js');
-const loadable = require('./loadable-1e343f4a.js');
-const Validation = require('./Validation-64dfab90.js');
-require('./browser-b9024aa0.js');
-require('./guid-7487a6a8.js');
-require('./resources-8d0a3a55.js');
+const index = require('./index-712430e2.js');
+const observers = require('./observers-a1f0d377.js');
+const dom = require('./dom-a6db8c35.js');
+const loadable = require('./loadable-ee725b32.js');
+const Validation = require('./Validation-a2a5b9da.js');
+require('./browser-443e5c0b.js');
+require('./guid-76f7196a.js');
+require('./resources-ebb1faa2.js');
 
 const CSS = {
     itemWrapper: "item-wrapper",

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

@@ -1,23 +1,23 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
+ * v2.13.2
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-03561b9a.js');
-const array = require('./array-7ffc3586.js');
-const dom = require('./dom-401c47fa.js');
-const form = require('./form-26bde25c.js');
-const guid = require('./guid-7487a6a8.js');
-const interactive = require('./interactive-e27cd6e3.js');
-const label = require('./label-4cec1587.js');
-const loadable = require('./loadable-1e343f4a.js');
-require('./resources-8d0a3a55.js');
-require('./component-25eaec79.js');
-require('./browser-b9024aa0.js');
+const index = require('./index-712430e2.js');
+const array = require('./array-6f6299a7.js');
+const dom = require('./dom-a6db8c35.js');
+const form = require('./form-3ea27d18.js');
+const guid = require('./guid-76f7196a.js');
+const interactive = require('./interactive-079bc430.js');
+const label = require('./label-bb2c2446.js');
+const loadable = require('./loadable-ee725b32.js');
+require('./resources-ebb1faa2.js');
+require('./component-e7debf62.js');
+require('./browser-443e5c0b.js');
 
 const CSS = {
     container: "container",

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

@@ -1,26 +1,26 @@
 /*!
  * 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.13.0
+ * v2.13.2
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-03561b9a.js');
-const form = require('./form-26bde25c.js');
-const guid = require('./guid-7487a6a8.js');
-const interactive = require('./interactive-e27cd6e3.js');
-const label = require('./label-4cec1587.js');
-const loadable = require('./loadable-1e343f4a.js');
-const locale = require('./locale-783be19a.js');
-const t9n = require('./t9n-5f0809e3.js');
-const dom = require('./dom-401c47fa.js');
-require('./component-25eaec79.js');
-require('./browser-b9024aa0.js');
-require('./key-8032a9dc.js');
-require('./observers-dc37fb24.js');
-require('./resources-8d0a3a55.js');
+const index = require('./index-712430e2.js');
+const form = require('./form-3ea27d18.js');
+const guid = require('./guid-76f7196a.js');
+const interactive = require('./interactive-079bc430.js');
+const label = require('./label-bb2c2446.js');
+const loadable = require('./loadable-ee725b32.js');
+const locale = require('./locale-d86a5a22.js');
+const t9n = require('./t9n-d7efdb8b.js');
+const dom = require('./dom-a6db8c35.js');
+require('./component-e7debf62.js');
+require('./browser-443e5c0b.js');
+require('./key-d12cbf1a.js');
+require('./observers-a1f0d377.js');
+require('./resources-ebb1faa2.js');
 
 const StarIcon = ({ full, scale, partial }) => (index.h("calcite-icon", { class: partial ? undefined : "icon", icon: full ? "star-f" : "star", scale: scale }));
 

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

@@ -1,21 +1,21 @@
 /*!
  * 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.13.0
+ * v2.13.2
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-03561b9a.js');
-const locale = require('./locale-783be19a.js');
-const t9n = require('./t9n-5f0809e3.js');
-const observers = require('./observers-dc37fb24.js');
-const dom = require('./dom-401c47fa.js');
-require('./key-8032a9dc.js');
-require('./browser-b9024aa0.js');
-require('./guid-7487a6a8.js');
-require('./resources-8d0a3a55.js');
+const index = require('./index-712430e2.js');
+const locale = require('./locale-d86a5a22.js');
+const t9n = require('./t9n-d7efdb8b.js');
+const observers = require('./observers-a1f0d377.js');
+const dom = require('./dom-a6db8c35.js');
+require('./key-d12cbf1a.js');
+require('./browser-443e5c0b.js');
+require('./guid-76f7196a.js');
+require('./resources-ebb1faa2.js');
 
 const CSS = {
     scrim: "scrim",

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

@@ -1,23 +1,23 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
+ * v2.13.2
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-03561b9a.js');
-const dom = require('./dom-401c47fa.js');
-const form = require('./form-26bde25c.js');
-const interactive = require('./interactive-e27cd6e3.js');
-const label = require('./label-4cec1587.js');
-const loadable = require('./loadable-1e343f4a.js');
-const Validation = require('./Validation-64dfab90.js');
-const browser = require('./browser-b9024aa0.js');
-require('./guid-7487a6a8.js');
-require('./resources-8d0a3a55.js');
-require('./component-25eaec79.js');
+const index = require('./index-712430e2.js');
+const dom = require('./dom-a6db8c35.js');
+const form = require('./form-3ea27d18.js');
+const interactive = require('./interactive-079bc430.js');
+const label = require('./label-bb2c2446.js');
+const loadable = require('./loadable-ee725b32.js');
+const Validation = require('./Validation-a2a5b9da.js');
+const browser = require('./browser-443e5c0b.js');
+require('./guid-76f7196a.js');
+require('./resources-ebb1faa2.js');
+require('./component-e7debf62.js');
 
 const CSS$1 = {
     itemWrapper: "item-wrapper",