@esri/calcite-components 2.8.1-next.5 → 2.8.1

package/dist/calcite/p-859b76c8.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","buttonLoader","content","contentSlotted","icon","iconStart","iconEnd","loadingIn","loadingOut","iconStartEmpty","iconEndEmpty","buttonPadding","buttonPaddingShrunk","buttonCss","CalciteButtonStyle0","Button","this","mutationObserver","createObserver","updateHasContent","resizeObserver","setTooltipText","handleClick","type","href","submitForm","resetForm","contentEl","tooltipText","offsetWidth","scrollWidth","el","innerText","setChildEl","childEl","observe","handleGlobalAttributesChanged","forceUpdate","loadingChanged","newValue","oldValue","hasLoader","window","setTimeout","onMessagesChange","connectedCallback","connectInteractive","connectLocalized","connectMessages","loading","setupTextContentObserver","connectLabel","formEl","findAssociatedForm","disconnectedCallback","disconnect","disconnectInteractive","disconnectLabel","disconnectLocalized","disconnectMessages","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","render","childElType","Tag","loaderNode","h","class","inline","label","messages","scale","noStartEndIcons","iconStartEl","key","flipRtl","iconFlipRtl","getIconScale","iconEndEl","ref","InteractiveContainer","disabled","toAriaBoolean","getAttribute","getLabelText","hasContent","download","name","onClick","rel","tabIndex","target","title","setFocus","componentFocusable","focus","effectiveLocaleChange","updateMessages","effectiveLocale","slottedContent","textContent","trim","length","childNodes","nodeName","childList","subtree","onLabelClick"],"sources":["src/components/button/resources.ts","src/components/button/button.scss?tag=calcite-button&encapsulation=shadow","src/components/button/button.tsx"],"sourcesContent":["export const CSS = {\n  buttonLoader: \"calcite-button--loader\",\n  content: \"content\",\n  contentSlotted: \"content--slotted\",\n  icon: \"icon\",\n  iconStart: \"icon--start\",\n  iconEnd: \"icon--end\",\n  loadingIn: \"loading-in\",\n  loadingOut: \"loading-out\",\n  iconStartEmpty: \"icon-start-empty\",\n  iconEndEmpty: \"icon-end-empty\",\n  buttonPadding: \"button-padding\",\n  buttonPaddingShrunk: \"button-padding--shrunk\",\n};\n",":host {\n  @apply inline-block w-auto align-middle;\n}\n\n// fab variants\n:host([round]) {\n  border-radius: 50px;\n  & a,\n  & button {\n    border-radius: 50px;\n  }\n}\n\n// focus styles\n:host button,\n:host a {\n  @apply focus-base;\n  &:focus {\n    @apply focus-outset;\n  }\n}\n// button base\n:host button,\n:host a {\n  --calcite-button-content-margin-internal: theme(\"margin.2\");\n  --calcite-button-padding-x-internal: 7px;\n  --calcite-button-padding-y-internal: 3px;\n  padding-block: var(--calcite-button-padding-y-internal);\n  padding-inline: var(--calcite-button-padding-x-internal);\n  @apply font-inherit\n    relative\n    box-border\n    flex\n    h-full\n    w-full\n    cursor-pointer\n    select-none\n    appearance-none\n    items-center\n    justify-center\n    rounded-none\n    border-none\n    text-center\n    font-normal\n    no-underline;\n  // include transition from focus\n  transition:\n    color var(--calcite-animation-timing) ease-in-out,\n    background-color var(--calcite-animation-timing) ease-in-out,\n    box-shadow var(--calcite-animation-timing) ease-in-out,\n    outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;\n  &:hover {\n    @apply no-underline;\n  }\n  & span {\n    @apply truncate;\n  }\n}\n\n.content {\n  margin-inline: var(--calcite-button-content-margin-internal);\n}\n\n.icon-start-empty {\n  .content {\n    margin-inline-start: unset;\n  }\n}\n.icon-end-empty {\n  .content {\n    margin-inline-end: unset;\n  }\n}\n\n:host([scale=\"m\"]) {\n  button,\n  a {\n    --calcite-button-content-margin-internal: theme(\"margin.3\");\n  }\n}\n:host([scale=\"l\"]) {\n  button,\n  a {\n    --calcite-button-content-margin-internal: theme(\"margin.4\");\n  }\n}\n\n// button width\n:host([width=\"auto\"]) {\n  @apply w-auto;\n}\n\n:host([width=\"half\"]) {\n  @apply w-2/4;\n}\n\n:host([width=\"full\"]) {\n  @apply w-full;\n}\n\n// alignment\n:host([alignment=\"center\"]:not([width=\"auto\"])) {\n  a,\n  button {\n    @apply justify-center;\n  }\n}\n:host([alignment=\"start\"]:not([width=\"auto\"])) {\n  a,\n  button {\n    @apply justify-start;\n  }\n}\n:host([alignment=\"end\"]:not([width=\"auto\"])) {\n  a,\n  button {\n    @apply justify-end;\n  }\n}\n:host([alignment*=\"space-between\"]:not([width=\"auto\"])) {\n  a,\n  button {\n    @apply justify-between;\n  }\n}\n:host([alignment=\"icon-start-space-between\"]:not([width=\"auto\"])) {\n  .icon--start {\n    margin-inline-end: auto;\n  }\n  a,\n  button {\n    text-align: unset;\n  }\n}\n:host([alignment=\"icon-end-space-between\"]:not([width=\"auto\"])) {\n  .icon--end {\n    margin-inline-start: auto;\n  }\n  a,\n  button {\n    text-align: unset;\n  }\n}\n\n// only two icons\n:host([alignment=\"center\"]) {\n  a:not(.content--slotted),\n  button:not(.content--slotted) {\n    .icon--start + .icon--end {\n      margin-inline-start: var(--calcite-button-content-margin-internal);\n    }\n  }\n}\n\n.icon {\n  @apply relative\n    m-0\n    inline-flex\n    font-normal;\n  line-height: inherit;\n}\n\n@include disabled();\n\n@keyframes loader-in {\n  0% {\n    inline-size: 0;\n    opacity: 0;\n    transform: scale(0.5);\n  }\n  100% {\n    inline-size: 1em;\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes loader-out {\n  0% {\n    inline-size: 1em;\n    opacity: 1;\n    transform: scale(1);\n  }\n  100% {\n    inline-size: 0;\n    opacity: 0;\n    transform: scale(0.5);\n  }\n}\n\n.calcite-button--loader {\n  @apply flex;\n  calcite-loader {\n    @apply m-0;\n    transition:\n      inline-size var(--calcite-internal-animation-timing-slow) ease-in-out,\n      opacity var(--calcite-internal-animation-timing-slow) ease-in-out,\n      transform var(--calcite-internal-animation-timing-slow) ease-in-out;\n    &.loading-in {\n      animation-name: loader-in;\n      animation-duration: var(--calcite-internal-animation-timing-slow);\n    }\n    &.loading-out {\n      animation-name: loader-out;\n      animation-duration: var(--calcite-internal-animation-timing-slow);\n    }\n  }\n}\n\n:host([loading]) {\n  // center loading spinner when button has text\n  button.content--slotted,\n  a.content--slotted {\n    .calcite-button--loader calcite-loader {\n      margin-inline-end: var(--calcite-button-content-margin-internal);\n    }\n  }\n  // hide icons when loading with no text\n  button:not(.content--slotted),\n  a:not(.content--slotted) {\n    .icon--start,\n    .icon--end {\n      @apply hidden;\n    }\n  }\n}\n\n// button styles\n:host([appearance]) {\n  button,\n  a {\n    @apply border-color-transparent\n      border\n      border-solid;\n  }\n}\n\n:host([kind=\"brand\"]) {\n  button,\n  a {\n    @apply text-color-inverse bg-brand;\n    &:hover,\n    &:focus {\n      @apply bg-brand-hover;\n    }\n    &:active {\n      @apply bg-brand-press;\n    }\n    calcite-loader {\n      @apply text-color-inverse;\n    }\n  }\n}\n:host([kind=\"danger\"]) {\n  button,\n  a {\n    @apply text-color-inverse bg-danger;\n    &:hover,\n    &:focus {\n      @apply bg-danger-hover;\n    }\n    &:active {\n      @apply bg-danger-press;\n    }\n    calcite-loader {\n      @apply text-color-inverse;\n    }\n  }\n}\n:host([kind=\"neutral\"]) {\n  button,\n  a {\n    @apply text-color-1 bg-foreground-3;\n    &:hover,\n    &:focus {\n      @apply bg-foreground-2;\n    }\n    &:active {\n      @apply bg-foreground-1;\n    }\n    calcite-loader {\n      @apply text-color-1;\n    }\n  }\n}\n:host([kind=\"inverse\"]) {\n  button,\n  a {\n    @apply text-color-inverse;\n    background-color: var(--calcite-color-inverse);\n    &:hover,\n    &:focus {\n      background-color: var(--calcite-color-inverse-hover);\n    }\n    &:active {\n      background-color: var(--calcite-color-inverse-press);\n    }\n    calcite-loader {\n      @apply text-color-inverse;\n    }\n  }\n}\n// outline\n:host([appearance=\"outline-fill\"]) {\n  button,\n  a {\n    @apply bg-foreground-1 border border-solid;\n    box-shadow: inset 0 0 0 1px transparent;\n  }\n}\n:host([appearance=\"outline-fill\"][kind=\"brand\"]) {\n  button,\n  a {\n    @apply border-color-brand bg-foreground-1;\n    color: theme(\"colors.brand\");\n    &:hover {\n      @apply border-color-brand-hover;\n      color: theme(\"colors.brand-hover\");\n      box-shadow: inset 0 0 0 1px var(--calcite-color-brand-hover);\n    }\n    &:focus {\n      @apply border-color-brand;\n      color: theme(\"colors.brand\");\n      box-shadow: inset 0 0 0 2px var(--calcite-color-brand);\n    }\n    &:active {\n      @apply border-color-brand-press;\n      color: theme(\"colors.brand-press\");\n      box-shadow: inset 0 0 0 2px var(--calcite-color-brand-press);\n    }\n    calcite-loader {\n      color: theme(\"colors.brand\");\n    }\n  }\n}\n:host([appearance=\"outline-fill\"][kind=\"danger\"]) {\n  button,\n  a {\n    @apply border-color-danger bg-foreground-1;\n    color: theme(\"colors.danger\");\n    &:hover {\n      @apply border-color-danger-hover;\n      color: theme(\"colors.danger-hover\");\n      box-shadow: inset 0 0 0 1px var(--calcite-color-status-danger-hover);\n    }\n    &:focus {\n      @apply border-color-danger;\n      color: theme(\"colors.danger\");\n      box-shadow: inset 0 0 0 2px var(--calcite-color-status-danger);\n    }\n    &:active {\n      @apply border-color-danger-press;\n      color: theme(\"colors.danger-press\");\n      box-shadow: inset 0 0 0 2px var(--calcite-color-status-danger-press);\n    }\n    calcite-loader {\n      color: theme(\"colors.danger\");\n    }\n  }\n}\n:host([appearance=\"outline-fill\"][kind=\"neutral\"]) {\n  button,\n  a {\n    @apply text-color-1 bg-foreground-1;\n    border-color: theme(\"borderColor.color.1\");\n    &:hover {\n      box-shadow: inset 0 0 0 1px var(--calcite-color-foreground-3);\n    }\n    &:focus {\n      box-shadow: inset 0 0 0 2px var(--calcite-color-foreground-3);\n    }\n    &:active {\n      box-shadow: inset 0 0 0 2px var(--calcite-color-foreground-3);\n    }\n    calcite-loader {\n      @apply text-color-1;\n    }\n  }\n}\n:host([appearance=\"outline-fill\"][kind=\"inverse\"]) {\n  button,\n  a {\n    @apply text-color-1 bg-foreground-1;\n    border-color: var(--calcite-color-inverse);\n    &:hover {\n      border-color: var(--calcite-color-inverse-hover);\n      box-shadow: inset 0 0 0 1px var(--calcite-color-inverse-hover);\n    }\n    &:focus {\n      border-color: var(--calcite-color-inverse);\n      box-shadow: inset 0 0 0 2px var(--calcite-color-inverse);\n    }\n    &:active {\n      border-color: var(--calcite-color-inverse-press);\n      box-shadow: inset 0 0 0 2px var(--calcite-color-inverse-press);\n    }\n    calcite-loader {\n      @apply text-color-1;\n    }\n  }\n}\n:host([appearance=\"outline\"]) {\n  button,\n  a {\n    @apply border border-solid bg-transparent;\n    box-shadow: inset 0 0 0 1px transparent;\n  }\n}\n:host([appearance=\"outline\"][kind=\"brand\"]) {\n  button,\n  a {\n    @apply border-color-brand bg-transparent;\n    color: theme(\"colors.brand\");\n    &:hover {\n      @apply border-color-brand-hover;\n      color: theme(\"colors.brand-hover\");\n      box-shadow: inset 0 0 0 1px var(--calcite-color-brand-hover);\n    }\n    &:focus {\n      @apply border-color-brand;\n      color: theme(\"colors.brand\");\n      box-shadow: inset 0 0 0 2px var(--calcite-color-brand);\n    }\n    &:active {\n      @apply border-color-brand-press;\n      color: theme(\"colors.brand-press\");\n      box-shadow: inset 0 0 0 2px var(--calcite-color-brand-press);\n    }\n    calcite-loader {\n      color: theme(\"colors.brand\");\n    }\n  }\n}\n:host([appearance=\"outline\"][kind=\"danger\"]) {\n  button,\n  a {\n    @apply border-color-danger bg-transparent;\n    color: theme(\"colors.danger\");\n    &:hover {\n      @apply border-color-danger-hover;\n      color: theme(\"colors.danger-hover\");\n      box-shadow: inset 0 0 0 1px var(--calcite-color-status-danger-hover);\n    }\n    &:focus {\n      @apply border-color-danger;\n      color: theme(\"colors.danger\");\n      box-shadow: inset 0 0 0 2px var(--calcite-color-status-danger);\n    }\n    &:active {\n      @apply border-color-danger-press;\n      color: theme(\"colors.danger-press\");\n      box-shadow: inset 0 0 0 2px var(--calcite-color-status-danger-press);\n    }\n    calcite-loader {\n      color: theme(\"colors.danger\");\n    }\n  }\n}\n:host([appearance=\"outline\"][kind=\"neutral\"]) {\n  button,\n  a {\n    @apply text-color-1  bg-transparent;\n    border-color: theme(\"borderColor.color.1\");\n    &:hover {\n      box-shadow: inset 0 0 0 1px var(--calcite-color-foreground-3);\n    }\n    &:focus {\n      box-shadow: inset 0 0 0 2px var(--calcite-color-foreground-3);\n    }\n    &:active {\n      box-shadow: inset 0 0 0 2px var(--calcite-color-foreground-3);\n    }\n    calcite-loader {\n      @apply text-color-1;\n    }\n  }\n}\n:host([appearance=\"outline\"][kind=\"inverse\"]) {\n  button,\n  a {\n    @apply text-color-1  bg-transparent;\n    border-color: var(--calcite-color-inverse);\n    &:hover {\n      border-color: var(--calcite-color-inverse-hover);\n      box-shadow: inset 0 0 0 1px var(--calcite-color-inverse-hover);\n    }\n    &:focus {\n      border-color: var(--calcite-color-inverse);\n      box-shadow: inset 0 0 0 2px var(--calcite-color-inverse);\n    }\n    &:active {\n      border-color: var(--calcite-color-inverse-press);\n      box-shadow: inset 0 0 0 2px var(--calcite-color-inverse-press);\n    }\n    calcite-loader {\n      @apply text-color-1;\n    }\n  }\n}\n\n:host([appearance=\"outline-fill\"][split-child=\"primary\"]) button,\n:host([appearance=\"outline\"][split-child=\"primary\"]) button {\n  border-inline-end-width: 0;\n  border-inline-start-width: theme(\"borderWidth.DEFAULT\");\n}\n\n:host([appearance=\"outline-fill\"][split-child=\"secondary\"]) button,\n:host([appearance=\"outline\"][split-child=\"secondary\"]) button {\n  border-inline-start-width: 0;\n  border-inline-end-width: theme(\"borderWidth.DEFAULT\");\n}\n\n// transparent\n:host([appearance=\"transparent\"]:not(.enable-editing-button)) {\n  button,\n  a {\n    @apply bg-transparent;\n    &:hover,\n    &:focus {\n      background-color: var(--calcite-color-transparent-hover);\n    }\n    &:active {\n      background-color: var(--calcite-color-transparent-press);\n    }\n  }\n}\n:host([appearance=\"transparent\"][kind=\"brand\"]) {\n  button,\n  a {\n    color: theme(\"colors.brand\");\n    &:hover {\n      color: theme(\"colors.brand-hover\");\n    }\n    &:focus {\n      color: theme(\"colors.brand\");\n    }\n    &:active {\n      color: theme(\"colors.brand-press\");\n    }\n    calcite-loader {\n      color: theme(\"colors.brand\");\n    }\n  }\n}\n\n:host([appearance=\"transparent\"][kind=\"danger\"]) {\n  button,\n  a {\n    color: theme(\"colors.danger\");\n    &:hover {\n      color: theme(\"colors.danger-hover\");\n    }\n    &:focus {\n      color: theme(\"colors.danger\");\n    }\n    &:active {\n      color: theme(\"colors.danger-press\");\n    }\n    calcite-loader {\n      color: theme(\"colors.danger\");\n    }\n  }\n}\n\n:host([appearance=\"transparent\"][kind=\"neutral\"]:not(.cancel-editing-button)) {\n  button,\n  a,\n  calcite-loader {\n    @apply text-color-1;\n  }\n}\n\n:host([appearance=\"transparent\"][kind=\"neutral\"].cancel-editing-button) {\n  button {\n    @apply text-color-3\n      border-t-color-input\n      border-b-color-input\n      border-t\n      border-b;\n    border-block-style: solid;\n\n    &:not(.content--slotted) {\n      --calcite-button-padding-y-internal: 0;\n    }\n\n    &:hover {\n      @apply text-color-1;\n    }\n  }\n}\n\n:host([appearance=\"transparent\"][kind=\"neutral\"].enable-editing-button) {\n  button {\n    @apply bg-transparent;\n  }\n}\n\n:host(.confirm-changes-button),\n:host(.cancel-editing-button),\n:host(.enable-editing-button) {\n  button {\n    &:focus {\n      outline-offset: -2px; // ensure focus outlines work in Safari\n    }\n  }\n}\n\n:host([appearance=\"transparent\"][kind=\"inverse\"]) {\n  button,\n  a,\n  calcite-loader {\n    @apply text-color-inverse;\n  }\n}\n\n// generate button scales (scenario: text exists)\n:host([scale=\"s\"]) button.content--slotted,\n:host([scale=\"s\"]) a.content--slotted {\n  @apply text-n2h;\n}\n\n// accommodate for transparent buttons not having borders\n:host([scale=\"s\"][appearance=\"transparent\"]) button.content--slotted,\n:host([scale=\"s\"][appearance=\"transparent\"]) a.content--slotted {\n  --calcite-button-padding-x-internal: theme(\"padding.2\");\n}\n\n:host([scale=\"s\"]) button,\n:host([scale=\"s\"]) a {\n  --calcite-button-padding-y-internal: 3px;\n}\n\n:host([scale=\"m\"]) button.content--slotted,\n:host([scale=\"m\"]) a.content--slotted {\n  --calcite-button-padding-x-internal: 11px;\n  @apply text-n1h;\n}\n\n:host([scale=\"m\"]) button,\n:host([scale=\"m\"]) a {\n  --calcite-button-padding-y-internal: 7px;\n}\n// accommodate for transparent buttons not having borders\n:host([scale=\"m\"][appearance=\"transparent\"]) button.content--slotted,\n:host([scale=\"m\"][appearance=\"transparent\"]) a.content--slotted {\n  --calcite-button-padding-x-internal: theme(\"padding.3\");\n}\n\n:host([scale=\"l\"]) button.content--slotted,\n:host([scale=\"l\"]) a.content--slotted {\n  --calcite-button-padding-x-internal: 15px;\n  @apply text-0h;\n}\n\n:host([scale=\"l\"]) {\n  .button-padding {\n    --calcite-button-padding-x-internal: theme(\"padding.4\");\n    --calcite-button-padding-y-internal: 11px;\n  }\n  //shrink the padding if an icon is present to preserve the height\n  .button-padding--shrunk {\n    --calcite-button-padding-y-internal: 9px;\n  }\n}\n\n// generate fab scales (scenario: 1 icon, ie., should be square)\n:host([scale=\"s\"]) button:not(.content--slotted),\n:host([scale=\"s\"]) a:not(.content--slotted) {\n  --calcite-button-padding-x-internal: theme(\"padding[0.5]\");\n  --calcite-button-padding-y-internal: 3px;\n  @apply text-0h w-6;\n  min-block-size: theme(\"height.6\");\n}\n\n:host([scale=\"m\"]) button:not(.content--slotted),\n:host([scale=\"m\"]) a:not(.content--slotted) {\n  --calcite-button-padding-x-internal: theme(\"padding[0.5]\");\n  --calcite-button-padding-y-internal: 7px;\n  @apply text-0h w-8;\n  min-block-size: theme(\"height.8\");\n}\n:host([scale=\"l\"]) button:not(.content--slotted),\n:host([scale=\"l\"]) a:not(.content--slotted) {\n  --calcite-button-padding-x-internal: theme(\"padding[0.5]\");\n  --calcite-button-padding-y-internal: 9px;\n  @apply text-0h w-11;\n  min-block-size: theme(\"height.11\");\n}\n// accommodate for transparent buttons not having borders\n:host([scale=\"l\"][appearance=\"transparent\"]) button:not(.content--slotted),\n:host([scale=\"l\"][appearance=\"transparent\"]) a:not(.content--slotted) {\n  --calcite-button-padding-y-internal: theme(\"padding[2.5]\");\n}\n\n// generate fab scales (scenario: 2 icons, ie., should not be square)\n:host([scale=\"s\"][icon-start][icon-end]) button:not(.content--slotted),\n:host([scale=\"s\"][icon-start][icon-end]) a:not(.content--slotted) {\n  --calcite-button-padding-x-internal: 23px;\n  @apply text-0h h-6;\n}\n// accommodate for transparent buttons not having borders\n:host([scale=\"s\"][icon-start][icon-end][appearance=\"transparent\"]) button:not(.content--slotted),\n:host([scale=\"s\"][icon-start][icon-end][appearance=\"transparent\"]) a:not(.content--slotted) {\n  --calcite-button-padding-x-internal: theme(\"padding.6\");\n}\n:host([scale=\"m\"][icon-start][icon-end]) button:not(.content--slotted),\n:host([scale=\"m\"][icon-start][icon-end]) a:not(.content--slotted) {\n  --calcite-button-padding-x-internal: theme(\"padding.8\");\n  @apply text-0h h-8;\n}\n// accommodate for transparent buttons not having borders\n:host([scale=\"m\"][icon-start][icon-end][appearance=\"transparent\"]) button:not(.content--slotted),\n:host([scale=\"m\"][icon-start][icon-end][appearance=\"transparent\"]) a:not(.content--slotted) {\n  --calcite-button-padding-x-internal: 33px;\n}\n:host([scale=\"l\"][icon-start][icon-end]) button:not(.content--slotted),\n:host([scale=\"l\"][icon-start][icon-end]) a:not(.content--slotted) {\n  --calcite-button-padding-x-internal: 43px;\n  @apply text-0h h-11;\n  // add space between when only 2 icons\n  .icon--start + .icon--end {\n    margin-inline-start: theme(\"margin.4\");\n  }\n}\n// accommodate for transparent buttons not having borders\n:host([scale=\"l\"][icon-start][icon-end][appearance=\"transparent\"]) button:not(.content--slotted),\n:host([scale=\"l\"][icon-start][icon-end][appearance=\"transparent\"]) a:not(.content--slotted) {\n  --calcite-button-padding-x-internal: theme(\"padding.11\");\n}\n\n@include base-component();\n","import {\n  Build,\n  Component,\n  Element,\n  forceUpdate,\n  h,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { findAssociatedForm, FormOwner, resetForm, submitForm } from \"../../utils/form\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { createObserver } from \"../../utils/observers\";\nimport { getIconScale } from \"../../utils/component\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Appearance, FlipContext, Kind, Scale, Width } from \"../interfaces\";\nimport { toAriaBoolean } from \"../../utils/dom\";\nimport { ButtonMessages } from \"./assets/button/t9n\";\nimport { ButtonAlignment } from \"./interfaces\";\nimport { CSS } from \"./resources\";\n\n/** Passing a 'href' will render an anchor link, instead of a button. Role will be set to link, or button, depending on this. */\n/** It is the consumers responsibility to add aria information, rel, target, for links, and any button attributes for form submission */\n\n/** @slot - A slot for adding text. */\n@Component({\n  tag: \"calcite-button\",\n  styleUrl: \"button.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Button\n  implements\n    LabelableComponent,\n    InteractiveComponent,\n    FormOwner,\n    LoadableComponent,\n    LocalizedComponent,\n    T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Global attributes\n  //\n  //--------------------------------------------------------------------------\n\n  @Watch(\"aria-expanded\")\n  handleGlobalAttributesChanged(): void {\n    forceUpdate(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the alignment of the component's elements. */\n  @Prop({ reflect: true }) alignment: ButtonAlignment = \"center\";\n\n  /** Specifies the appearance style of the component. */\n  @Prop({ reflect: true }) appearance: Extract<\n    \"outline\" | \"outline-fill\" | \"solid\" | \"transparent\",\n    Appearance\n  > = \"solid\";\n\n  /** Accessible name for the component. */\n  @Prop() label: string;\n\n  /** Specifies the kind of the component, which will apply to the border and background if applicable. */\n  @Prop({ reflect: true }) kind: Extract<\"brand\" | \"danger\" | \"inverse\" | \"neutral\", Kind> =\n    \"brand\";\n\n  /**  When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true })\n  form: string;\n\n  /**\n   * Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value:\n   * Without a value, the browser will suggest a filename/extension\n   * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download.\n   */\n  @Prop({ reflect: true }) download: string | boolean = false;\n\n  /**\n   * Specifies the URL of the linked resource, which can be set as an absolute or relative path.\n   */\n  @Prop({ reflect: true }) href: string;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: string;\n\n  /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl: FlipContext;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: string;\n\n  /**\n   * When `true`, a busy indicator is displayed and interaction is disabled.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /** Specifies the name of the component on form submission. */\n  @Prop({ reflect: true }) name?: string;\n\n  /**\n   * Defines the relationship between the `href` value and the current document.\n   *\n   * @mdn [rel](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)\n   */\n  @Prop({ reflect: true }) rel: string;\n\n  /** When `true`, adds a round style to the component. */\n  @Prop({ reflect: true }) round = false;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies if the component is a child of a `calcite-split-button`. */\n  @Prop({ reflect: true }) splitChild: \"primary\" | \"secondary\" | false = false;\n\n  /**\n   * Specifies where to open the linked document defined in the `href` property.\n   *\n   * @mdn [target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target)\n   */\n  @Prop({ reflect: true }) target: string;\n\n  /**\n   * Specifies the default behavior of the component.\n   *\n   * @mdn [type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type)\n   */\n  @Prop({ reflect: true }) type = \"button\";\n\n  /** Specifies the width of the component. */\n  @Prop({ reflect: true }) width: Width = \"auto\";\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: ButtonMessages;\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<ButtonMessages>;\n\n  @Watch(\"loading\")\n  loadingChanged(newValue: boolean, oldValue: boolean): void {\n    if (!!newValue && !oldValue) {\n      this.hasLoader = true;\n    }\n    if (!newValue && !!oldValue) {\n      window.setTimeout(() => {\n        this.hasLoader = false;\n      }, 300);\n    }\n  }\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /** referred in t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async connectedCallback(): Promise<void> {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n    this.hasLoader = this.loading;\n    this.setupTextContentObserver();\n    connectLabel(this);\n    this.formEl = findAssociatedForm(this);\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.resizeObserver?.disconnect();\n    this.formEl = null;\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    if (Build.isBrowser) {\n      this.updateHasContent();\n      await setUpMessages(this);\n    }\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    this.setTooltipText();\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  render(): VNode {\n    const childElType = this.href ? \"a\" : \"button\";\n    const Tag = childElType;\n    const loaderNode = this.hasLoader ? (\n      <div class={CSS.buttonLoader}>\n        <calcite-loader\n          class={this.loading ? CSS.loadingIn : CSS.loadingOut}\n          inline\n          label={this.messages.loading}\n          scale={this.scale === \"l\" ? \"m\" : \"s\"}\n        />\n      </div>\n    ) : null;\n    const noStartEndIcons = !this.iconStart && !this.iconEnd;\n\n    const iconStartEl = (\n      <calcite-icon\n        class={{ [CSS.icon]: true, [CSS.iconStart]: true }}\n        flipRtl={this.iconFlipRtl === \"start\" || this.iconFlipRtl === \"both\"}\n        icon={this.iconStart}\n        scale={getIconScale(this.scale)}\n      />\n    );\n\n    const iconEndEl = (\n      <calcite-icon\n        class={{ [CSS.icon]: true, [CSS.iconEnd]: true }}\n        flipRtl={this.iconFlipRtl === \"end\" || this.iconFlipRtl === \"both\"}\n        icon={this.iconEnd}\n        scale={getIconScale(this.scale)}\n      />\n    );\n\n    const contentEl = (\n      <span\n        class={CSS.content}\n        // eslint-disable-next-line react/jsx-sort-props -- auto-generated by @esri/calcite-components/enforce-ref-last-prop\n        ref={(el) => (this.contentEl = el)}\n      >\n        <slot />\n      </span>\n    );\n\n    return (\n      <InteractiveContainer disabled={this.disabled}>\n        <Tag\n          aria-disabled={childElType === \"a\" ? toAriaBoolean(this.disabled || this.loading) : null}\n          aria-expanded={this.el.getAttribute(\"aria-expanded\")}\n          aria-label={!this.loading ? getLabelText(this) : this.messages.loading}\n          aria-live=\"polite\"\n          class={{\n            [CSS.buttonPadding]: noStartEndIcons,\n            [CSS.buttonPaddingShrunk]: !noStartEndIcons,\n            [CSS.contentSlotted]: this.hasContent,\n            [CSS.iconStartEmpty]: !this.iconStart,\n            [CSS.iconEndEmpty]: !this.iconEnd,\n          }}\n          disabled={childElType === \"button\" ? this.disabled || this.loading : null}\n          download={\n            childElType === \"a\" && (this.download === \"\" || this.download) ? this.download : null\n          }\n          href={childElType === \"a\" && this.href}\n          name={childElType === \"button\" && this.name}\n          onClick={this.handleClick}\n          rel={childElType === \"a\" && this.rel}\n          tabIndex={this.disabled ? -1 : null}\n          target={childElType === \"a\" && this.target}\n          title={this.tooltipText}\n          type={childElType === \"button\" && this.type}\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.setChildEl}\n        >\n          {loaderNode}\n          {this.iconStart ? iconStartEl : null}\n          {this.hasContent ? contentEl : null}\n          {this.iconEnd ? iconEndEl : null}\n        </Tag>\n      </InteractiveContainer>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    this.childEl?.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteButtonElement;\n\n  formEl: HTMLFormElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  /** watches for changing text content */\n  private mutationObserver = createObserver(\"mutation\", () => this.updateHasContent());\n\n  /** the rendered child element */\n  private childEl?: HTMLElement;\n\n  /** determine if there is slotted content for styling purposes */\n  @State() private hasContent = false;\n\n  /** determine if loader present for styling purposes */\n  @State() private hasLoader = false;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: ButtonMessages;\n\n  private updateHasContent() {\n    const slottedContent = this.el.textContent.trim().length > 0 || this.el.childNodes.length > 0;\n    this.hasContent =\n      this.el.childNodes.length === 1 && this.el.childNodes[0]?.nodeName === \"#text\"\n        ? this.el.textContent?.trim().length > 0\n        : slottedContent;\n  }\n\n  private setupTextContentObserver() {\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n  }\n\n  /** keeps track of the tooltipText */\n  @State() tooltipText: string;\n\n  /** keep track of the rendered contentEl */\n  private contentEl: HTMLSpanElement;\n\n  resizeObserver = createObserver(\"resize\", () => this.setTooltipText());\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onLabelClick(): void {\n    this.handleClick();\n    this.setFocus();\n  }\n\n  // act on a requested or nearby form based on type\n  private handleClick = (): void => {\n    const { type } = this;\n\n    if (this.href) {\n      return;\n    }\n\n    // this.type refers to type attribute, not child element type\n    if (type === \"submit\") {\n      submitForm(this);\n    } else if (type === \"reset\") {\n      resetForm(this);\n    }\n  };\n\n  private setTooltipText = (): void => {\n    const { contentEl } = this;\n    if (contentEl) {\n      this.tooltipText =\n        contentEl.offsetWidth < contentEl.scrollWidth ? this.el.innerText || null : null;\n    }\n  };\n\n  private setChildEl = (el: HTMLElement): void => {\n    this.childEl = el;\n\n    if (el) {\n      this.resizeObserver?.observe(el);\n    }\n  };\n}\n"],"mappings":"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"}

package/dist/calcite/p-8dcbec5f.entry.js

@@ -0,0 +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.8.1
+ */
+import{r as e,c as t,h as a,H as i,g as n}from"./p-35a328ba.js";import{a as s,l as o,b as l}from"./p-377a1794.js";import"./p-7c1b5578.js";import"./p-261b8054.js";import"./p-0aa629b8.js";import"./p-41fa9ef1.js";const c={container:"container"};const r=":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{display:flex}:host([alignment=start]){text-align:start}:host([alignment=end]){text-align:end}:host([alignment=center]){text-align:center}:host([scale=s]) .container{gap:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, 0.5rem)}:host([scale=m]) .container{gap:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, 0.75rem)}:host([scale=l]) .container{gap:0.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-block-end:var(--calcite-label-margin-bottom, 1rem)}:host .container{margin-inline:0px;margin-block-start:0px;inline-size:100%;line-height:1.375;color:var(--calcite-color-text-1)}:host([layout=default]) .container{display:flex;flex-direction:column}:host([layout=inline]) .container,:host([layout=inline-space-between]) .container{display:flex;flex-direction:row;align-items:center;gap:0.5rem}:host([layout=inline][scale=l]) .container{gap:0.75rem}:host([layout=inline-space-between]) .container{justify-content:space-between}:host([disabled])>.container{opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted(*[disabled]),:host([disabled]) ::slotted(*[disabled] *){--tw-bg-opacity:1}:host([disabled]) ::slotted(calcite-input-message:not([active])){--tw-bg-opacity:0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const d=r;const h=class{constructor(a){e(this,a);this.calciteInternalLabelClick=t(this,"calciteInternalLabelClick",2);this.labelClickHandler=e=>{this.calciteInternalLabelClick.emit({sourceEvent:e})};this.alignment="start";this.for=undefined;this.scale="m";this.layout="default"}handleForChange(){s(this.el)}connectedCallback(){document.dispatchEvent(new CustomEvent(o))}disconnectedCallback(){document.dispatchEvent(new CustomEvent(l))}render(){return a(i,{key:"fc1ef6c0deb51a1cfb30b8efe5bb386bdb834380",onClick:this.labelClickHandler},a("div",{key:"23ac73d58f829394636f391ae5126332374e0857",class:c.container},a("slot",{key:"a2f2f7d660b6a3d31f14a027187e8f2d27fcb611"})))}get el(){return n(this)}static get watchers(){return{for:["handleForChange"]}}};h.style=d;export{h as calcite_label};
+//# sourceMappingURL=p-8dcbec5f.entry.js.map

package/dist/calcite/p-8ed7d9b2.entry.js

@@ -0,0 +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.8.1
+ */
+import{r as t,h as e,F as n,g as o,c as i,f as a}from"./p-35a328ba.js";import{c as l,d as s}from"./p-55634b8f.js";import{b as r,s as c,e as h,g as d,l as p}from"./p-7c1b5578.js";import{c as x,d as b}from"./p-76e19889.js";import{c as f}from"./p-f0f2ab1d.js";import{c as u,s as w,d as m,u as v}from"./p-9259547c.js";import{C as g}from"./p-0aa629b8.js";import"./p-9820f859.js";import"./p-261b8054.js";import"./p-0a290d39.js";const y={main:"main",content:"content",contentBehind:"content--behind",contentNonInteractive:"content--non-interactive",footer:"footer",positionedSlotWrapper:"positioned-slot-wrapper",container:"container",contentBehindCenterContent:"center-content"};const z={centerRow:"center-row",panelStart:"panel-start",panelEnd:"panel-end",panelTop:"panel-top",panelBottom:"panel-bottom",header:"header",footer:"footer",alerts:"alerts",sheets:"sheets",modals:"modals"};const k=":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{position:absolute;inset:0px;display:flex;block-size:100%;inline-size:100%;flex-direction:column;overflow:hidden;--calcite-shell-tip-spacing:26vw}.main{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;flex-direction:row;justify-content:space-between;overflow:hidden}.content,.content--non-interactive{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap}.content{overflow:auto}.content ::slotted(calcite-shell-center-row),.content ::slotted(calcite-panel),.content ::slotted(calcite-flow){flex:1 1 auto;align-self:stretch;max-block-size:unset}.content--behind{position:absolute;inset:0px;border-width:0px;z-index:calc(var(--calcite-z-index) - 1);display:initial}.content--non-interactive{pointer-events:none}::slotted(calcite-shell-center-row){inline-size:unset}::slotted(.header .heading){font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal)}slot[name=panel-end]::slotted(calcite-shell-panel){margin-inline-start:auto}::slotted(calcite-panel),::slotted(calcite-flow){border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-color-border-3)}slot[name=center-row]::slotted(calcite-shell-center-row:not([detached])),slot[name=panel-top]::slotted(calcite-shell-center-row:not([detached])),slot[name=panel-bottom]::slotted(calcite-shell-center-row:not([detached])){border-inline-start-width:1px;border-inline-end-width:1px;border-color:var(--calcite-color-border-3)}.center-content{display:flex;flex-direction:column;justify-content:space-between;block-size:100%;inline-size:100%;min-inline-size:0}::slotted(calcite-shell-center-row){flex:none;align-self:stretch}::slotted(calcite-tip-manager){position:absolute;z-index:var(--calcite-z-index-toast);box-sizing:border-box}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}::slotted(calcite-tip-manager){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);inset-block-end:0.5rem;inset-inline:var(--calcite-shell-tip-spacing)}slot[name=center-row]::slotted(calcite-shell-center-row),slot[name=panel-bottom]::slotted(calcite-shell-center-row){margin-block-start:auto}slot[name=panel-top]::slotted(calcite-shell-center-row){margin-block-end:auto}.position-wrapper{position:absolute;pointer-events:none;inset:0}:host([hidden]){display:none}[hidden]{display:none}";const C=k;const H=class{constructor(e){t(this,e);this.handleHeaderSlotChange=t=>{this.hasHeader=!!r(t)};this.handleFooterSlotChange=t=>{this.hasFooter=!!r(t)};this.handleAlertsSlotChange=t=>{this.hasAlerts=!!r(t);c(t)?.map((t=>{if(t.nodeName==="CALCITE-ALERT"){t.slottedInShell=true}}))};this.handleSheetsSlotChange=t=>{this.hasSheets=!!r(t);c(t)?.map((t=>{if(t.nodeName==="CALCITE-SHEET"){t.slottedInShell=true}}))};this.handleModalsSlotChange=t=>{this.hasModals=!!r(t);c(t)?.map((t=>{if(t.nodeName==="CALCITE-MODAL"){t.slottedInShell=true}}))};this.contentBehind=false;this.hasHeader=false;this.hasFooter=false;this.hasAlerts=false;this.hasModals=false;this.hasSheets=false;this.panelIsResizing=false}handleCalciteInternalShellPanelResizeStart(t){this.panelIsResizing=true;t.stopPropagation()}handleCalciteInternalShellPanelResizeEnd(t){this.panelIsResizing=false;t.stopPropagation()}connectedCallback(){l(this)}disconnectedCallback(){s(this)}renderHeader(){return e("div",{hidden:!this.hasHeader},e("slot",{key:"header",name:z.header,onSlotchange:this.handleHeaderSlotChange}))}renderFooter(){return e("div",{class:y.footer,hidden:!this.hasFooter,key:"footer"},e("slot",{name:z.footer,onSlotchange:this.handleFooterSlotChange}))}renderAlerts(){return e("div",{hidden:!this.hasAlerts},e("slot",{key:"alerts",name:z.alerts,onSlotchange:this.handleAlertsSlotChange}))}renderSheets(){return e("div",{hidden:!this.hasSheets},e("slot",{key:"sheets",name:z.sheets,onSlotchange:this.handleSheetsSlotChange}))}renderModals(){return e("div",{hidden:!this.hasModals},e("slot",{key:"modals",name:z.modals,onSlotchange:this.handleModalsSlotChange}))}renderContent(){const{panelIsResizing:t}=this;const n=e("slot",{key:"default-slot"});const o=t?e("div",{class:y.contentNonInteractive},n):n;const i=e("slot",{key:"center-row-slot",name:z.centerRow});const a=e("slot",{key:"panel-bottom-slot",name:z.panelBottom});const l=e("slot",{key:"panel-top-slot",name:z.panelTop});const s="content-container";const r=!!this.contentBehind?[e("div",{class:{[y.content]:true,[y.contentBehind]:true},key:s},o),e("div",{class:y.contentBehindCenterContent},l,a,i)]:[e("div",{class:y.content,key:s},l,o,a,i)];return r}renderMain(){return e("div",{class:y.main},e("slot",{name:z.panelStart}),this.renderContent(),e("slot",{name:z.panelEnd}))}renderPositionedSlots(){return e("div",{class:y.positionedSlotWrapper},this.renderAlerts(),this.renderModals(),this.renderSheets())}render(){return e(n,{key:"ccbd1ae998a64d97d0233e0c029282174ae0e133"},this.renderHeader(),this.renderMain(),this.renderFooter(),this.renderPositionedSlots())}get el(){return o(this)}};H.style=C;const S={actionBarContainer:"action-bar-container",content:"content"};const M={actionBar:"action-bar"};const D=":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{z-index:var(--calcite-z-index);display:flex;flex:1 1 auto;overflow:hidden;background-color:transparent}.content{margin:0px;display:flex;block-size:100%;inline-size:100%;overflow:hidden;flex:1 0 0}.action-bar-container{display:flex}:host([detached]){margin-inline:0.5rem;margin-block:0.5rem 1.5rem}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}:host([detached]){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;border-width:0px;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px 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([position=end]){align-self:flex-end}:host([position=start]){align-self:flex-start}:host([height-scale=s]){block-size:33.333333%}:host([height-scale=m]){block-size:70%}:host([height-scale=l]){block-size:100%}:host([height-scale=l][detached]){block-size:calc(100% - 2rem)}::slotted(calcite-panel){block-size:100%;inline-size:100%}::slotted(calcite-action-bar),::slotted(calcite-action-bar[position=end]){border-inline-end:1px solid;border-color:var(--calcite-color-border-3)}:host([hidden]){display:none}[hidden]{display:none}";const I=D;const A=class{constructor(e){t(this,e);this.detached=false;this.heightScale="s";this.position="end"}connectedCallback(){l(this)}disconnectedCallback(){s(this)}render(){const{el:t}=this;const o=e("div",{key:"082724bcccaca00d5f596f0942651d93eb253bb1",class:S.content},e("slot",{key:"a14fbda9f01f45fed3b0d9249d08ce2f9a05bacf"}));const i=h(t,M.actionBar);const a=i?e("div",{class:S.actionBarContainer,key:"action-bar"},e("slot",{name:M.actionBar})):null;const l=[a,o];if(i?.position==="end"){l.reverse()}return e(n,{key:"81f87809e3837c8e338f40d8838401fdb63febe9"},l)}get el(){return o(this)}};A.style=I;const E={container:"container",content:"content",contentHeader:"content__header",contentBody:"content__body",contentFloat:"content--float",contentOverlay:"content--overlay",separator:"separator"};const W={actionBar:"action-bar",header:"header"};const _=":host{pointer-events:none;position:relative;display:flex;flex:0 1 auto;align-items:stretch;z-index:var(--calcite-shell-panel-z-index, var(--calcite-z-index));--calcite-shell-panel-detached-max-height:unset;--calcite-shell-panel-max-height:unset;--calcite-shell-panel-shadow-block-start-internal:0 4px 8px -1px rgba(0, 0, 0, 0.08),\n    0 2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-shell-panel-shadow-block-end-internal:0 -4px 8px -1px rgba(0, 0, 0, 0.08),\n    0 -2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-shell-panel-shadow-inline-start-internal:4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-shell-panel-shadow-inline-end-internal:-4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    -2px 0 4px -1px rgba(0, 0, 0, 0.04)}.calcite--rtl.content--overlay{--calcite-shell-panel-shadow-inline-start-internal:-4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    -2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-shell-panel-shadow-inline-end-internal:4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    2px 0 4px -1px rgba(0, 0, 0, 0.04)}:host([layout=vertical]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index) + 1))}:host([layout=vertical][display-mode=overlay]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index-header) + 1))}:host([layout=vertical][width-scale=s]) .content{--calcite-shell-panel-width-internal:var(--calcite-shell-panel-width, 12vw);--calcite-shell-panel-max-width-internal:var(--calcite-shell-panel-max-width, 300px);--calcite-shell-panel-min-width-internal:var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical][width-scale=m]) .content{--calcite-shell-panel-width-internal:var(--calcite-shell-panel-width, 20vw);--calcite-shell-panel-max-width-internal:var(--calcite-shell-panel-max-width, 420px);--calcite-shell-panel-min-width-internal:var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical][width-scale=l]) .content{--calcite-shell-panel-width-internal:var(--calcite-shell-panel-width, 45vw);--calcite-shell-panel-max-width-internal:var(--calcite-shell-panel-max-width, 680px);--calcite-shell-panel-min-width-internal:var(--calcite-shell-panel-min-width, 340px)}:host([layout=horizontal][height-scale=s]) .content{--calcite-shell-panel-max-height-internal:var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 20vh)\n  )}:host([layout=horizontal]) .content{--calcite-shell-panel-min-height-internal:var(--calcite-shell-panel-min-height, 5vh);--calcite-shell-panel-max-height-internal:var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 30vh)\n  )}:host([layout=horizontal][height-scale=l]) .content{--calcite-shell-panel-max-height-internal:var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 40vh)\n  )}.container{pointer-events:none;box-sizing:border-box;display:flex;flex:1 1 auto;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2)}.container *{box-sizing:border-box}:host([layout=horizontal]) .container{flex-direction:column}:host(:hover) .separator:not(:hover):not(:focus),:host(:focus-within) .separator:not(:hover):not(:focus){opacity:1;background-color:var(--calcite-color-border-3)}.separator{pointer-events:auto;position:absolute;display:flex;background-color:transparent;opacity:0;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;cursor:col-resize;outline:none}.separator:hover{opacity:1;background-color:var(--calcite-color-border-2)}.separator:focus{background-color:var(--calcite-color-brand);opacity:1}:host([layout=vertical]) .separator{inset-block:0px;block-size:100%;inline-size:0.125rem;cursor:col-resize}:host([layout=horizontal][position=start]) .separator{inset-block-end:0px}:host([layout=horizontal][position=end]) .separator{inset-block-start:0px}:host([layout=horizontal]) .separator{inset-inline-end:0px;block-size:0.125rem;inline-size:100%;cursor:row-resize}:host([layout=vertical][position=start]) .separator{inset-inline-end:-2px}:host([layout=horizontal][position=start]) .separator{inset-block-end:-2px}:host([layout=vertical][position=end]) .separator{inset-inline-start:-2px}:host([layout=horizontal][position=end]) .separator{inset-block-start:-2px}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%;inline-size:100%;flex:1 1 auto;max-block-size:unset;max-inline-size:unset}::slotted(.calcite-match-height){display:flex;flex:1 1 auto;overflow:hidden}.content{pointer-events:auto;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-self:stretch;background-color:var(--calcite-color-background);padding:0px;transition:max-block-size var(--calcite-animation-timing), max-inline-size var(--calcite-animation-timing)}:host([layout=vertical]) .content{inline-size:var(--calcite-shell-panel-width-internal);max-inline-size:var(--calcite-shell-panel-max-width-internal);min-inline-size:var(--calcite-shell-panel-min-width-internal)}:host([layout=horizontal]) .content{block-size:var(--calcite-shell-panel-height-internal);max-block-size:var(--calcite-shell-panel-max-height-internal);min-block-size:var(--calcite-shell-panel-min-height-internal)}.content__header{display:flex;flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch}.content__body{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.content--overlay{position:absolute;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px 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([layout=vertical]) .content--overlay{inset-block-start:0px;block-size:100%}:host([layout=horizontal]) .content--overlay{inset-inline-start:0px;inline-size:100%}:host([layout=vertical][position=start]) .content--overlay{inset-inline-start:100%;box-shadow:var(--calcite-shell-panel-shadow-inline-start-internal)}:host([layout=vertical][position=end]) .content--overlay{inset-inline-end:100%;box-shadow:var(--calcite-shell-panel-shadow-inline-end-internal)}:host([layout=horizontal][position=start]) .content--overlay{inset-block-start:100%;box-shadow:var(--calcite-shell-panel-shadow-block-start-internal)}:host([layout=horizontal][position=end]) .content--overlay{inset-block-end:100%;box-shadow:var(--calcite-shell-panel-shadow-block-end-internal)}.content--float{margin-inline:0.5rem;margin-block:0.5rem auto;block-size:auto;overflow:hidden;border-radius:0.25rem;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);max-block-size:var(--calcite-shell-panel-max-height-internal, calc(100% - 1rem))}.content--float ::slotted(calcite-panel),.content--float ::slotted(calcite-flow){max-block-size:unset}:host([layout=horizontal]) .content--float{margin-block:0.5rem}:host([position=start]) .content--float ::slotted(calcite-panel),:host([position=start]) .content--float ::slotted(calcite-flow),:host([position=end]) .content--float ::slotted(calcite-panel),:host([position=end]) .content--float ::slotted(calcite-flow){border-style:none}.content[hidden]{display:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel:not([closed])){border-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}: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]: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}:host([layout=horizontal]) slot[name=action-bar]::slotted(calcite-action-bar){border-inline:0}:host([layout=horizontal][position=start]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=start]) .content ::slotted(calcite-panel){border-inline:0;border-block-start:0}:host([layout=horizontal][position=end]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=end]) .content ::slotted(calcite-panel){border-inline:0;border-block-end:0}:host([hidden]){display:none}[hidden]{display:none}";const N=_;const j=class{constructor(e){t(this,e);this.calciteInternalShellPanelResizeStart=i(this,"calciteInternalShellPanelResizeStart",6);this.calciteInternalShellPanelResizeEnd=i(this,"calciteInternalShellPanelResizeEnd",6);this.initialContentWidth=null;this.initialContentHeight=null;this.initialClientX=null;this.initialClientY=null;this.contentWidthMax=null;this.contentWidthMin=null;this.contentHeightMax=null;this.contentHeightMin=null;this.step=1;this.stepMultiplier=10;this.actionBars=[];this.storeContentEl=t=>{this.contentEl=t};this.getKeyAdjustedSize=t=>{const{key:e}=t;const{el:n,step:o,stepMultiplier:i,layout:a,contentWidthMin:l,contentWidthMax:s,initialContentWidth:r,initialContentHeight:c,contentHeightMin:h,contentHeightMax:p,position:x}=this;const b=o*i;const f=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"];if(f.indexOf(e)>-1){t.preventDefault()}const u=d(n);const w=["ArrowLeft","ArrowRight"];const m=["ArrowDown","ArrowUp"];const v=u==="rtl"&&w.includes(e)?-1:1;const g=a==="horizontal"?x==="end"?e===m[1]||e===w[0]:e===m[0]||e===w[1]:e===m[1]||(x==="end"?e===w[0]:e===w[1]);if(g){const e=t.shiftKey?b:o;return a==="horizontal"?c+v*e:r+v*e}const y=a==="horizontal"?x==="end"?e===m[0]||e===w[0]:e===m[1]||e===w[1]:e===m[0]||(x==="end"?e===w[1]:e===w[0]);if(y){const e=t.shiftKey?b:o;return a==="horizontal"?c-v*e:r-v*e}if(e==="Home"&&a==="horizontal"&&typeof h==="number"){return h}if(e==="Home"&&a==="vertical"&&typeof l==="number"){return l}if(e==="End"&&a==="horizontal"&&typeof p==="number"){return p}if(e==="End"&&a==="vertical"&&typeof s==="number"){return s}if(e==="PageDown"){return a==="horizontal"?c-b:r-b}if(e==="PageUp"){return a==="horizontal"?c+b:r+b}return null};this.initialKeydownWidth=t=>{this.setInitialContentWidth();const e=this.getKeyAdjustedSize(t);if(typeof e==="number"){this.setContentWidth(e)}};this.initialKeydownHeight=t=>{this.setInitialContentHeight();const e=this.getKeyAdjustedSize(t);if(typeof e==="number"){this.setContentHeight(e)}};this.separatorKeyDown=t=>{this.layout==="horizontal"?this.initialKeydownHeight(t):this.initialKeydownWidth(t)};this.separatorPointerMove=t=>{t.preventDefault();const{el:e,layout:n,initialContentWidth:o,initialContentHeight:i,position:a,initialClientX:l,initialClientY:s}=this;const r=n==="horizontal"?t.clientY-s:t.clientX-l;const c=n==="vertical"&&d(e)==="rtl"?-1:1;const h=n==="horizontal"?a==="end"?-c*r:c*r:a==="end"?-c*r:c*r;n==="horizontal"?this.setContentHeight(i+h):this.setContentWidth(o+h)};this.separatorPointerUp=t=>{if(!p(t)){return}this.calciteInternalShellPanelResizeEnd.emit();t.preventDefault();window.removeEventListener("pointerup",this.separatorPointerUp);window.removeEventListener("pointermove",this.separatorPointerMove)};this.setInitialContentHeight=()=>{this.initialContentHeight=this.contentEl?.getBoundingClientRect().height};this.setInitialContentWidth=()=>{this.initialContentWidth=this.contentEl?.getBoundingClientRect().width};this.separatorPointerDown=t=>{if(!p(t)){return}this.calciteInternalShellPanelResizeStart.emit();t.preventDefault();const{separatorEl:e}=this;e&&document.activeElement!==e&&e.focus();if(this.layout==="horizontal"){this.setInitialContentHeight();this.initialClientY=t.clientY}else{this.setInitialContentWidth();this.initialClientX=t.clientX}window.addEventListener("pointerup",this.separatorPointerUp);window.addEventListener("pointermove",this.separatorPointerMove)};this.connectSeparator=t=>{this.disconnectSeparator();this.separatorEl=t;t?.addEventListener("pointerdown",this.separatorPointerDown)};this.disconnectSeparator=()=>{this.separatorEl?.removeEventListener("pointerdown",this.separatorPointerDown)};this.setActionBarsLayout=t=>{t.forEach((t=>t.layout=this.layout))};this.handleActionBarSlotChange=t=>{const e=c(t).filter((t=>t?.matches("calcite-action-bar")));this.actionBars=e;this.setActionBarsLayout(e)};this.handleHeaderSlotChange=t=>{this.hasHeader=r(t)};this.collapsed=false;this.detached=false;this.displayMode="dock";this.detachedHeightScale=undefined;this.heightScale=undefined;this.widthScale="m";this.layout="vertical";this.position="start";this.resizable=false;this.messages=undefined;this.messageOverrides=undefined;this.contentWidth=null;this.contentHeight=null;this.defaultMessages=undefined;this.effectiveLocale="";this.hasHeader=false}handleDetached(t){if(t){this.displayMode="float"}else if(this.displayMode==="float"){this.displayMode="dock"}}handleDisplayMode(t){this.detached=t==="float"}handleDetachedHeightScale(t){this.heightScale=t}handleHeightScale(t){this.detachedHeightScale=t}layoutHandler(){this.setActionBarsLayout(this.actionBars)}onMessagesChange(){}connectedCallback(){l(this);x(this);u(this)}async componentWillLoad(){await w(this)}disconnectedCallback(){s(this);this.disconnectSeparator();b(this);m(this)}componentDidLoad(){this.updateAriaValues()}effectiveLocaleChange(){v(this,this.effectiveLocale)}renderHeader(){return e("div",{class:E.contentHeader,hidden:!this.hasHeader,key:"header"},e("slot",{name:W.header,onSlotchange:this.handleHeaderSlotChange}))}render(){const{collapsed:t,position:n,initialContentWidth:o,initialContentHeight:i,contentWidth:a,contentWidthMax:l,contentWidthMin:s,contentHeight:r,contentHeightMax:c,contentHeightMin:h,resizable:p,layout:x,displayMode:b}=this;const f=d(this.el);const u=b!=="float"&&p;const w=u?x==="horizontal"?r?{height:`${r}px`}:null:a?{width:`${a}px`}:null:null;const m=!t&&u?e("div",{"aria-label":this.messages.resize,"aria-orientation":x==="horizontal"?"vertical":"horizontal","aria-valuemax":x=="horizontal"?c:l,"aria-valuemin":x=="horizontal"?h:s,"aria-valuenow":x=="horizontal"?r??i:a??o,class:E.separator,key:"separator",onKeyDown:this.separatorKeyDown,role:"separator",tabIndex:0,"touch-action":"none",ref:this.connectSeparator}):null;const v=()=>{if(x==="horizontal"){return n==="start"?g.calciteAnimateInDown:g.calciteAnimateInUp}else{const t=f==="ltr"&&n==="end"||f==="rtl"&&n==="start";return t?g.calciteAnimateInLeft:g.calciteAnimateInRight}};const y=e("div",{class:{[g.rtl]:f==="rtl",[E.content]:true,[E.contentOverlay]:b==="overlay",[E.contentFloat]:b==="float",[g.calciteAnimate]:b==="overlay",[v()]:b==="overlay"},hidden:t,key:"content",style:w,ref:this.storeContentEl},this.renderHeader(),e("div",{class:E.contentBody},e("slot",null)),m);const z=e("slot",{key:"action-bar",name:W.actionBar,onSlotchange:this.handleActionBarSlotChange});const k=[z,y];if(n==="end"){k.reverse()}return e("div",{class:{[E.container]:true}},k)}setContentWidth(t){const{contentWidthMax:e,contentWidthMin:n}=this;const o=Math.round(t);this.contentWidth=typeof e==="number"&&typeof n==="number"?f(o,n,e):o}updateAriaValues(){const{contentEl:t}=this;const e=t&&getComputedStyle(t);if(!e){return}this.layout==="horizontal"?this.updateHeights(e):this.updateWidths(e);a(this)}setContentHeight(t){const{contentHeightMax:e,contentHeightMin:n}=this;const o=Math.round(t);this.contentHeight=typeof e==="number"&&typeof n==="number"?f(o,n,e):o}updateWidths(t){const e=parseInt(t.getPropertyValue("max-width"),10);const n=parseInt(t.getPropertyValue("min-width"),10);const o=parseInt(t.getPropertyValue("width"),10);if(typeof o==="number"&&!isNaN(o)){this.initialContentWidth=o}if(typeof e==="number"&&!isNaN(e)){this.contentWidthMax=e}if(typeof n==="number"&&!isNaN(n)){this.contentWidthMin=n}}updateHeights(t){const e=parseInt(t.getPropertyValue("max-height"),10);const n=parseInt(t.getPropertyValue("min-height"),10);const o=parseInt(t.getPropertyValue("height"),10);if(typeof o==="number"&&!isNaN(o)){this.initialContentHeight=o}if(typeof e==="number"&&!isNaN(e)){this.contentHeightMax=e}if(typeof n==="number"&&!isNaN(n)){this.contentHeightMin=n}}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{detached:["handleDetached"],displayMode:["handleDisplayMode"],detachedHeightScale:["handleDetachedHeightScale"],heightScale:["handleHeightScale"],layout:["layoutHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};j.style=N;export{H as calcite_shell,A as calcite_shell_center_row,j as calcite_shell_panel};
+//# sourceMappingURL=p-8ed7d9b2.entry.js.map

package/dist/calcite/p-8ed7d9b2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","main","content","contentBehind","contentNonInteractive","footer","positionedSlotWrapper","container","contentBehindCenterContent","SLOTS","centerRow","panelStart","panelEnd","panelTop","panelBottom","header","alerts","sheets","modals","shellCss","CalciteShellStyle0","Shell","this","handleHeaderSlotChange","event","hasHeader","slotChangeHasAssignedElement","handleFooterSlotChange","hasFooter","handleAlertsSlotChange","hasAlerts","slotChangeGetAssignedElements","map","el","nodeName","slottedInShell","handleSheetsSlotChange","hasSheets","handleModalsSlotChange","hasModals","handleCalciteInternalShellPanelResizeStart","panelIsResizing","stopPropagation","handleCalciteInternalShellPanelResizeEnd","connectedCallback","connectConditionalSlotComponent","disconnectedCallback","disconnectConditionalSlotComponent","renderHeader","h","hidden","key","name","onSlotchange","renderFooter","class","renderAlerts","renderSheets","renderModals","renderContent","defaultSlotNode","defaultSlotContainerNode","deprecatedCenterRowSlotNode","panelBottomSlotNode","panelTopSlotNode","contentContainerKey","renderMain","renderPositionedSlots","render","Fragment","actionBarContainer","actionBar","shellCenterRowCss","CalciteShellCenterRowStyle0","ShellCenterRow","contentNode","getSlotted","actionBarNode","children","position","reverse","contentHeader","contentBody","contentFloat","contentOverlay","separator","shellPanelCss","CalciteShellPanelStyle0","ShellPanel","initialContentWidth","initialContentHeight","initialClientX","initialClientY","contentWidthMax","contentWidthMin","contentHeightMax","contentHeightMin","step","stepMultiplier","actionBars","storeContentEl","contentEl","getKeyAdjustedSize","layout","multipliedStep","MOVEMENT_KEYS","indexOf","preventDefault","dir","getElementDir","horizontalKeys","verticalKeys","directionFactor","includes","increaseKeys","stepValue","shiftKey","decreaseKeys","initialKeydownWidth","setInitialContentWidth","width","setContentWidth","initialKeydownHeight","setInitialContentHeight","height","setContentHeight","separatorKeyDown","separatorPointerMove","offset","clientY","clientX","adjustmentDirection","adjustedOffset","separatorPointerUp","isPrimaryPointerButton","calciteInternalShellPanelResizeEnd","emit","window","removeEventListener","getBoundingClientRect","separatorPointerDown","calciteInternalShellPanelResizeStart","separatorEl","document","activeElement","focus","addEventListener","connectSeparator","disconnectSeparator","setActionBarsLayout","forEach","handleActionBarSlotChange","filter","matches","handleDetached","value","displayMode","handleDisplayMode","detached","handleDetachedHeightScale","heightScale","handleHeightScale","detachedHeightScale","layoutHandler","onMessagesChange","connectLocalized","connectMessages","componentWillLoad","setUpMessages","disconnectLocalized","disconnectMessages","componentDidLoad","updateAriaValues","effectiveLocaleChange","updateMessages","effectiveLocale","collapsed","contentWidth","contentHeight","resizable","allowResizing","style","separatorNode","messages","resize","onKeyDown","role","tabIndex","ref","getAnimationDir","CSS_UTILITY","calciteAnimateInDown","calciteAnimateInUp","isStart","calciteAnimateInLeft","calciteAnimateInRight","rtl","calciteAnimate","mainNodes","roundedWidth","Math","round","clamp","computedStyle","getComputedStyle","updateHeights","updateWidths","forceUpdate","max","parseInt","getPropertyValue","min","valueNow","isNaN"],"sources":["src/components/shell/resources.ts","src/components/shell/shell.scss?tag=calcite-shell&encapsulation=shadow","src/components/shell/shell.tsx","src/components/shell-center-row/resources.ts","src/components/shell-center-row/shell-center-row.scss?tag=calcite-shell-center-row&encapsulation=shadow","src/components/shell-center-row/shell-center-row.tsx","src/components/shell-panel/resources.ts","src/components/shell-panel/shell-panel.scss?tag=calcite-shell-panel&encapsulation=shadow","src/components/shell-panel/shell-panel.tsx"],"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","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-shell-tip-spacing: The left and right spacing of the `calcite-tip-manager` when slotted in the component.\n */\n\n:host {\n  @extend %component-host;\n  @apply absolute\n    inset-0\n    flex\n    h-full\n    w-full\n    flex-col\n    overflow-hidden;\n  --calcite-shell-tip-spacing: 26vw;\n}\n\n.main {\n  @apply relative\n    flex\n    h-full\n    w-full\n    flex-auto\n    flex-row\n    justify-between\n    overflow-hidden;\n}\n\n.content,\n.content--non-interactive {\n  @apply flex\n    h-full\n    w-full\n    flex-col\n    flex-nowrap;\n}\n\n.content {\n  @apply overflow-auto;\n}\n\n.content ::slotted(calcite-shell-center-row),\n.content ::slotted(calcite-panel),\n.content ::slotted(calcite-flow) {\n  @apply flex-auto self-stretch;\n  max-block-size: unset;\n}\n\n.content--behind {\n  @apply absolute\n    inset-0\n    border-0;\n  z-index: calc(theme(\"zIndex.default\") - 1);\n  display: initial;\n}\n\n.content--non-interactive {\n  @apply pointer-events-none;\n}\n\n::slotted(calcite-shell-center-row) {\n  inline-size: unset;\n}\n\n::slotted(.header .heading) {\n  @apply text-n2-wrap font-normal;\n}\n\nslot[name=\"panel-end\"]::slotted(calcite-shell-panel) {\n  margin-inline-start: auto;\n}\n\n::slotted(calcite-panel),\n::slotted(calcite-flow) {\n  @apply border-color-3\n  border\n  border-l-0\n  border-r-0\n  border-solid;\n}\n\nslot[name=\"center-row\"]::slotted(calcite-shell-center-row:not([detached])),\nslot[name=\"panel-top\"]::slotted(calcite-shell-center-row:not([detached])),\nslot[name=\"panel-bottom\"]::slotted(calcite-shell-center-row:not([detached])) {\n  @apply border-color-3 border-l border-r;\n}\n\n.center-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  block-size: 100%;\n  inline-size: 100%;\n  min-inline-size: 0;\n}\n\n::slotted(calcite-shell-center-row) {\n  flex: none;\n  align-self: stretch;\n}\n\n::slotted(calcite-tip-manager) {\n  @apply shadow-2\n  animate-in-up\n  absolute\n  box-border\n  rounded\n  z-toast;\n  inset-block-end: theme(\"spacing.2\");\n  inset-inline: var(--calcite-shell-tip-spacing);\n}\n\nslot[name=\"center-row\"]::slotted(calcite-shell-center-row),\nslot[name=\"panel-bottom\"]::slotted(calcite-shell-center-row) {\n  margin-block-start: auto;\n}\n\nslot[name=\"panel-top\"]::slotted(calcite-shell-center-row) {\n  margin-block-end: auto;\n}\n\n// positioning logic for expected slotted components\n.position-wrapper {\n  position: absolute;\n  pointer-events: none;\n  inset: 0;\n}\n\n@include base-component();\n","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","export const CSS = {\n  actionBarContainer: \"action-bar-container\",\n  content: \"content\",\n};\n\nexport const SLOTS = {\n  actionBar: \"action-bar\",\n};\n",":host {\n  @extend %component-host;\n  @apply flex\n    flex-auto\n    overflow-hidden\n    bg-transparent\n    z-default;\n}\n\n.content {\n  @apply m-0\n    flex\n    h-full\n    w-full\n    overflow-hidden;\n  flex: 1 0 0;\n}\n\n.action-bar-container {\n  @apply flex;\n}\n\n:host([detached]) {\n  @apply shadow-0\n  animate-in-up\n  mx-2\n  mt-2 mb-6 rounded\n  border-0;\n}\n\n:host([position=\"end\"]) {\n  @apply self-end;\n}\n\n:host([position=\"start\"]) {\n  @apply self-start;\n}\n\n:host([height-scale=\"s\"]) {\n  block-size: theme(\"width[1/3]\");\n}\n\n:host([height-scale=\"m\"]) {\n  block-size: 70%;\n}\n\n:host([height-scale=\"l\"]) {\n  @apply h-full;\n}\n\n:host([height-scale=\"l\"][detached]) {\n  block-size: calc(theme(\"height.full\") - theme(\"spacing.8\"));\n}\n\n::slotted(calcite-panel) {\n  @apply h-full w-full;\n}\n\n::slotted(calcite-action-bar),\n::slotted(calcite-action-bar[position=\"end\"]) {\n  border-inline-end: theme(\"borderWidth.DEFAULT\") solid;\n  @apply border-color-3;\n}\n\n@include base-component();\n","import { Component, Element, Fragment, h, Prop, VNode } from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { getSlotted } from \"../../utils/dom\";\nimport { Position, Scale } from \"../interfaces\";\nimport { CSS, SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding content to the `calcite-shell-panel`.\n * @slot action-bar - A slot for adding a `calcite-action-bar` to the `calcite-shell-panel`.\n */\n@Component({\n  tag: \"calcite-shell-center-row\",\n  styleUrl: \"shell-center-row.scss\",\n  shadow: true,\n})\nexport class ShellCenterRow implements ConditionalSlotComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, the content area displays like a floating panel.\n   */\n  @Prop({ reflect: true }) detached = false;\n\n  /**\n   * Specifies the maximum height of the component.\n   */\n  @Prop({ reflect: true }) heightScale: Scale = \"s\";\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 = \"end\";\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteShellCenterRowElement;\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  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const { el } = this;\n\n    const contentNode = (\n      <div class={CSS.content}>\n        <slot />\n      </div>\n    );\n\n    const actionBar = getSlotted<HTMLCalciteActionBarElement>(el, SLOTS.actionBar);\n\n    const actionBarNode = actionBar ? (\n      <div class={CSS.actionBarContainer} key=\"action-bar\">\n        <slot name={SLOTS.actionBar} />\n      </div>\n    ) : null;\n\n    const children: VNode[] = [actionBarNode, contentNode];\n\n    if (actionBar?.position === \"end\") {\n      children.reverse();\n    }\n\n    return <Fragment>{children}</Fragment>;\n  }\n}\n","export const CSS = {\n  container: \"container\",\n  content: \"content\",\n  contentHeader: \"content__header\",\n  contentBody: \"content__body\",\n  contentFloat: \"content--float\",\n  contentOverlay: \"content--overlay\",\n  separator: \"separator\",\n};\n\nexport const SLOTS = {\n  actionBar: \"action-bar\",\n  header: \"header\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-shell-panel-width: Specifies the width of the component.\n * @prop --calcite-shell-panel-max-width: Specifies the maximum width of the component.\n * @prop --calcite-shell-panel-min-width: Specifies the minimum width of the component.\n * @prop --calcite-shell-panel-height: When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float`, specifies the height of the component.\n * @prop --calcite-shell-panel-max-height: When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float`, specifies the maximum height of the component.\n * @prop --calcite-shell-panel-min-height: When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float`, specifies the minimum height of the component.\n * @prop --calcite-shell-panel-detached-max-height: [Deprecated] Use the `heightScale` property instead. When `displayMode` is `float`, specifies the maximum height of the component.\n * @prop --calcite-shell-panel-z-index: Specifies the z-index value for the component.\n *\n */\n\n:host {\n  @apply relative\n    pointer-events-none\n    flex\n    flex-initial\n    items-stretch;\n  z-index: var(--calcite-shell-panel-z-index, theme(\"zIndex.default\"));\n  --calcite-shell-panel-detached-max-height: unset;\n  --calcite-shell-panel-max-height: unset;\n  --calcite-shell-panel-shadow-block-start-internal: 0 4px 8px -1px rgba(0, 0, 0, 0.08),\n    0 2px 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-shell-panel-shadow-block-end-internal: 0 -4px 8px -1px rgba(0, 0, 0, 0.08),\n    0 -2px 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-shell-panel-shadow-inline-start-internal: 4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    2px 0 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-shell-panel-shadow-inline-end-internal: -4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    -2px 0 4px -1px rgba(0, 0, 0, 0.04);\n}\n\n.calcite--rtl.content--overlay {\n  --calcite-shell-panel-shadow-inline-start-internal: -4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    -2px 0 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-shell-panel-shadow-inline-end-internal: 4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    2px 0 4px -1px rgba(0, 0, 0, 0.04);\n}\n\n:host([layout=\"vertical\"]) {\n  z-index: var(--calcite-shell-panel-z-index, calc(theme(\"zIndex.default\") + 1));\n}\n\n:host([layout=\"vertical\"][display-mode=\"overlay\"]) {\n  z-index: var(--calcite-shell-panel-z-index, calc(theme(\"zIndex.header\") + 1));\n}\n\n:host([layout=\"vertical\"][width-scale=\"s\"]) .content {\n  --calcite-shell-panel-width-internal: var(--calcite-shell-panel-width, 12vw);\n  --calcite-shell-panel-max-width-internal: var(--calcite-shell-panel-max-width, 300px);\n  --calcite-shell-panel-min-width-internal: var(--calcite-shell-panel-min-width, 150px);\n}\n\n:host([layout=\"vertical\"][width-scale=\"m\"]) .content {\n  --calcite-shell-panel-width-internal: var(--calcite-shell-panel-width, 20vw);\n  --calcite-shell-panel-max-width-internal: var(--calcite-shell-panel-max-width, 420px);\n  --calcite-shell-panel-min-width-internal: var(--calcite-shell-panel-min-width, 240px);\n}\n\n:host([layout=\"vertical\"][width-scale=\"l\"]) .content {\n  --calcite-shell-panel-width-internal: var(--calcite-shell-panel-width, 45vw);\n  --calcite-shell-panel-max-width-internal: var(--calcite-shell-panel-max-width, 680px);\n  --calcite-shell-panel-min-width-internal: var(--calcite-shell-panel-min-width, 340px);\n}\n\n:host([layout=\"horizontal\"][height-scale=\"s\"]) .content {\n  --calcite-shell-panel-max-height-internal: var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 20vh)\n  );\n}\n\n:host([layout=\"horizontal\"]) .content {\n  --calcite-shell-panel-min-height-internal: var(--calcite-shell-panel-min-height, 5vh);\n  --calcite-shell-panel-max-height-internal: var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 30vh)\n  );\n}\n\n:host([layout=\"horizontal\"][height-scale=\"l\"]) .content {\n  --calcite-shell-panel-max-height-internal: var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 40vh)\n  );\n}\n\n.container {\n  @apply text-color-2\n  text-n1\n  pointer-events-none\n  box-border\n  flex\n  flex-auto\n  items-stretch\n  bg-transparent;\n\n  * {\n    @apply box-border;\n  }\n}\n\n:host([layout=\"horizontal\"]) .container {\n  flex-direction: column;\n}\n\n:host(:hover),\n:host(:focus-within) {\n  .separator:not(:hover):not(:focus) {\n    @apply opacity-100;\n    background-color: var(--calcite-color-border-3);\n  }\n}\n\n.separator {\n  @apply transition-default\n  pointer-events-auto\n  absolute\n  flex\n  bg-transparent\n  opacity-0;\n  cursor: col-resize;\n  outline: none;\n  &:hover {\n    @apply opacity-100;\n    background-color: var(--calcite-color-border-2);\n  }\n  &:focus {\n    @apply bg-brand opacity-100;\n  }\n}\n\n:host([layout=\"vertical\"]) .separator {\n  @apply bottom-0\n  top-0 h-full\n  w-0.5;\n  cursor: col-resize;\n}\n\n:host([layout=\"horizontal\"][position=\"start\"]) .separator {\n  @apply bottom-0;\n}\n\n:host([layout=\"horizontal\"][position=\"end\"]) .separator {\n  @apply top-0;\n}\n\n:host([layout=\"horizontal\"]) .separator {\n  @apply right-0 w-full\n  h-0.5;\n  cursor: row-resize;\n}\n\n:host([layout=\"vertical\"][position=\"start\"]) .separator {\n  inset-inline-end: -2px;\n}\n:host([layout=\"horizontal\"][position=\"start\"]) .separator {\n  inset-block-end: -2px;\n}\n\n:host([layout=\"vertical\"][position=\"end\"]) .separator {\n  inset-inline-start: -2px;\n}\n:host([layout=\"horizontal\"][position=\"end\"]) .separator {\n  inset-block-start: -2px;\n}\n\n::slotted(calcite-panel),\n::slotted(calcite-flow) {\n  @apply h-full w-full flex-auto;\n  max-block-size: unset;\n  max-inline-size: unset;\n}\n\n::slotted(.calcite-match-height) {\n  @apply flex flex-auto overflow-hidden;\n}\n\n.content {\n  @apply bg-background\n  pointer-events-auto\n  flex\n  flex-col\n  flex-nowrap\n  items-stretch\n  self-stretch\n  p-0;\n  transition:\n    max-block-size var(--calcite-animation-timing),\n    max-inline-size var(--calcite-animation-timing);\n}\n\n:host([layout=\"vertical\"]) .content {\n  inline-size: var(--calcite-shell-panel-width-internal);\n  max-inline-size: var(--calcite-shell-panel-max-width-internal);\n  min-inline-size: var(--calcite-shell-panel-min-width-internal);\n}\n\n:host([layout=\"horizontal\"]) .content {\n  block-size: var(--calcite-shell-panel-height-internal);\n  max-block-size: var(--calcite-shell-panel-max-height-internal);\n  min-block-size: var(--calcite-shell-panel-min-height-internal);\n}\n\n.content__header {\n  @apply flex\n  flex-initial\n  flex-col\n  flex-nowrap\n  items-stretch;\n}\n\n.content__body {\n  @apply flex\n  flex-auto\n  flex-col\n  overflow-hidden;\n}\n\n.content--overlay {\n  @apply absolute\n  shadow-0;\n}\n\n:host([layout=\"vertical\"]) .content--overlay {\n  @apply top-0 h-full;\n}\n\n:host([layout=\"horizontal\"]) .content--overlay {\n  @apply left-0 w-full;\n}\n\n:host([layout=\"vertical\"][position=\"start\"]) .content--overlay {\n  inset-inline-start: 100%;\n  box-shadow: var(--calcite-shell-panel-shadow-inline-start-internal);\n}\n\n:host([layout=\"vertical\"][position=\"end\"]) .content--overlay {\n  inset-inline-end: 100%;\n  box-shadow: var(--calcite-shell-panel-shadow-inline-end-internal);\n}\n\n:host([layout=\"horizontal\"][position=\"start\"]) .content--overlay {\n  inset-block-start: 100%;\n  box-shadow: var(--calcite-shell-panel-shadow-block-start-internal);\n}\n\n:host([layout=\"horizontal\"][position=\"end\"]) .content--overlay {\n  inset-block-end: 100%;\n  box-shadow: var(--calcite-shell-panel-shadow-block-end-internal);\n}\n\n.content--float {\n  @apply shadow-0\n  mx-2\n  mt-2\n  mb-auto\n  h-auto\n  overflow-hidden\n  rounded;\n  max-block-size: var(--calcite-shell-panel-max-height-internal, calc(100% - 1rem));\n  ::slotted(calcite-panel),\n  ::slotted(calcite-flow) {\n    max-block-size: unset;\n  }\n}\n\n:host([layout=\"horizontal\"]) .content--float {\n  @apply my-2;\n}\n\n:host([position=\"start\"]) .content--float,\n:host([position=\"end\"]) .content--float {\n  ::slotted(calcite-panel),\n  ::slotted(calcite-flow) {\n    @apply border-none;\n  }\n}\n\n.content[hidden] {\n  @apply hidden;\n}\n\nslot[name=\"action-bar\"]::slotted(calcite-action-bar),\n.content ::slotted(calcite-flow),\n.content ::slotted(calcite-panel:not([closed])) {\n  @apply border-color-3 border border-solid;\n}\n\n:host([position=\"start\"]:not([slot=\"panel-end\"])),\n:host([position=\"end\"][slot=\"panel-start\"]) {\n  slot[name=\"action-bar\"]::slotted(calcite-action-bar),\n  .content ::slotted(calcite-flow),\n  .content ::slotted(calcite-panel) {\n    border-inline-start: none;\n  }\n}\n\n:host([position=\"end\"]:not([slot=\"panel-start\"])),\n:host([position=\"start\"][slot=\"panel-end\"]) {\n  slot[name=\"action-bar\"]::slotted(calcite-action-bar),\n  .content ::slotted(calcite-flow),\n  .content ::slotted(calcite-panel) {\n    border-inline-end: none;\n  }\n}\n\n:host([layout=\"horizontal\"]) slot[name=\"action-bar\"]::slotted(calcite-action-bar) {\n  border-inline: 0;\n}\n\n:host([layout=\"horizontal\"][position=\"start\"]) .content ::slotted(calcite-flow),\n:host([layout=\"horizontal\"][position=\"start\"]) .content ::slotted(calcite-panel) {\n  border-inline: 0;\n  border-block-start: 0;\n}\n\n:host([layout=\"horizontal\"][position=\"end\"]) .content ::slotted(calcite-flow),\n:host([layout=\"horizontal\"][position=\"end\"]) .content ::slotted(calcite-panel) {\n  border-inline: 0;\n  border-block-end: 0;\n}\n\n@include base-component();\n","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 { CSS_UTILITY } from \"../../utils/resources\";\nimport { ShellPanelMessages } from \"./assets/shell-panel/t9n\";\nimport { CSS, SLOTS } from \"./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 of the component, where:\n   *\n   * `\"dock\"` displays at full height adjacent to center content,\n   *\n   * `\"overlay\"` displays at full height on top of center content, and\n   *\n   * `\"float\"` does not display at full height with content separately detached from `calcite-action-bar` 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"],"mappings":";;;;;saAAO,MAAMA,EAAM,CACjBC,KAAM,OACNC,QAAS,UACTC,cAAe,kBACfC,sBAAuB,2BACvBC,OAAQ,SACRC,sBAAuB,0BACvBC,UAAW,YACXC,2BAA4B,kBAGvB,MAAMC,EAAQ,CACnBC,UAAW,aACXC,WAAY,cACZC,SAAU,YACVC,SAAU,YACVC,YAAa,eACbC,OAAQ,SACRV,OAAQ,SACRW,OAAQ,SACRC,OAAQ,SACRC,OAAQ,UCrBV,MAAMC,EAAW,24FACjB,MAAAC,EAAeD,E,MC2BFE,EAAK,M,yBAsEhBC,KAAAC,uBAA0BC,IACxBF,KAAKG,YAAcC,EAA6BF,EAAM,EAGxDF,KAAAK,uBAA0BH,IACxBF,KAAKM,YAAcF,EAA6BF,EAAM,EAGxDF,KAAAO,uBAA0BL,IACxBF,KAAKQ,YAAcJ,EAA6BF,GAChDO,EAA8BP,IAAQQ,KAAKC,IACzC,GAAIA,EAAGC,WAAa,gBAAiB,CAClCD,EAA+BE,eAAiB,I,IAEnD,EAGJb,KAAAc,uBAA0BZ,IACxBF,KAAKe,YAAcX,EAA6BF,GAChDO,EAA8BP,IAAQQ,KAAKC,IACzC,GAAIA,EAAGC,WAAa,gBAAiB,CAClCD,EAA+BE,eAAiB,I,IAEnD,EAGJb,KAAAgB,uBAA0Bd,IACxBF,KAAKiB,YAAcb,EAA6BF,GAChDO,EAA8BP,IAAQQ,KAAKC,IACzC,GAAIA,EAAGC,WAAa,gBAAiB,CAClCD,EAA+BE,eAAiB,I,IAEnD,E,mBA5FqC,M,eA4BpB,M,eAEA,M,eAEA,M,eAEA,M,eAEA,M,qBAEM,K,CA7B3B,0CAAAK,CAA2ChB,GACzCF,KAAKmB,gBAAkB,KACvBjB,EAAMkB,iB,CAIR,wCAAAC,CAAyCnB,GACvCF,KAAKmB,gBAAkB,MACvBjB,EAAMkB,iB,CA6BR,iBAAAE,GACEC,EAAgCvB,K,CAGlC,oBAAAwB,GACEC,EAAmCzB,K,CAkDrC,YAAA0B,GACE,OACEC,EAAA,OAAKC,QAAS5B,KAAKG,WACjBwB,EAAA,QAAME,IAAI,SAASC,KAAM3C,EAAMM,OAAQsC,aAAc/B,KAAKC,yB,CAKhE,YAAA+B,GACE,OACEL,EAAA,OAAKM,MAAOvD,EAAIK,OAAQ6C,QAAS5B,KAAKM,UAAWuB,IAAI,UACnDF,EAAA,QAAMG,KAAM3C,EAAMJ,OAAQgD,aAAc/B,KAAKK,yB,CAKnD,YAAA6B,GACE,OACEP,EAAA,OAAKC,QAAS5B,KAAKQ,WACjBmB,EAAA,QAAME,IAAI,SAASC,KAAM3C,EAAMO,OAAQqC,aAAc/B,KAAKO,yB,CAKhE,YAAA4B,GACE,OACER,EAAA,OAAKC,QAAS5B,KAAKe,WACjBY,EAAA,QAAME,IAAI,SAASC,KAAM3C,EAAMQ,OAAQoC,aAAc/B,KAAKc,yB,CAKhE,YAAAsB,GACE,OACET,EAAA,OAAKC,QAAS5B,KAAKiB,WACjBU,EAAA,QAAME,IAAI,SAASC,KAAM3C,EAAMS,OAAQmC,aAAc/B,KAAKgB,yB,CAKhE,aAAAqB,GACE,MAAMlB,gBAAEA,GAAoBnB,KAC5B,MAAMsC,EAAyBX,EAAA,QAAME,IAAI,iBACzC,MAAMU,EAA2BpB,EAC/BQ,EAAA,OAAKM,MAAOvD,EAAII,uBAAwBwD,GAAsB,EAIhE,MAAME,EACJb,EAAA,QAAME,IAAI,kBAAkBC,KAAM3C,EAAMC,YAE1C,MAAMqD,EAA6Bd,EAAA,QAAME,IAAI,oBAAoBC,KAAM3C,EAAMK,cAC7E,MAAMkD,EAA0Bf,EAAA,QAAME,IAAI,iBAAiBC,KAAM3C,EAAMI,WAEvE,MAAMoD,EAAsB,oBAE5B,MAAM/D,IAAYoB,KAAKnB,cACnB,CACE8C,EAAA,OACEM,MAAO,CACL,CAACvD,EAAIE,SAAU,KACf,CAACF,EAAIG,eAAgB,MAEvBgD,IAAKc,GAEJJ,GAEHZ,EAAA,OAAKM,MAAOvD,EAAIQ,4BACbwD,EACAD,EACAD,IAGL,CACEb,EAAA,OAAKM,MAAOvD,EAAIE,QAASiD,IAAKc,GAC3BD,EACAH,EACAE,EACAD,IAIT,OAAO5D,C,CAGT,UAAAgE,GACE,OACEjB,EAAA,OAAKM,MAAOvD,EAAIC,MACdgD,EAAA,QAAMG,KAAM3C,EAAME,aACjBW,KAAKqC,gBACNV,EAAA,QAAMG,KAAM3C,EAAMG,W,CAKxB,qBAAAuD,GACE,OACElB,EAAA,OAAKM,MAAOvD,EAAIM,uBACbgB,KAAKkC,eACLlC,KAAKoC,eACLpC,KAAKmC,e,CAKZ,MAAAW,GACE,OACEnB,EAACoB,EAAQ,CAAAlB,IAAA,4CACN7B,KAAK0B,eACL1B,KAAK4C,aACL5C,KAAKgC,eACLhC,KAAK6C,wB,qCC1PP,MAAMnE,EAAM,CACjBsE,mBAAoB,uBACpBpE,QAAS,WAGJ,MAAMO,EAAQ,CACnB8D,UAAW,cCNb,MAAMC,EAAoB,qgDAC1B,MAAAC,EAAeD,E,MCkBFE,EAAc,M,uCAUW,M,iBAKU,I,cAKA,K,CAgB9C,iBAAA9B,GACEC,EAAgCvB,K,CAGlC,oBAAAwB,GACEC,EAAmCzB,K,CASrC,MAAA8C,GACE,MAAMnC,GAAEA,GAAOX,KAEf,MAAMqD,EACJ1B,EAAA,OAAAE,IAAA,2CAAKI,MAAOvD,EAAIE,SACd+C,EAAA,QAAAE,IAAA,8CAIJ,MAAMoB,EAAYK,EAAwC3C,EAAIxB,EAAM8D,WAEpE,MAAMM,EAAgBN,EACpBtB,EAAA,OAAKM,MAAOvD,EAAIsE,mBAAoBnB,IAAI,cACtCF,EAAA,QAAMG,KAAM3C,EAAM8D,aAElB,KAEJ,MAAMO,EAAoB,CAACD,EAAeF,GAE1C,GAAIJ,GAAWQ,WAAa,MAAO,CACjCD,EAASE,S,CAGX,OAAO/B,EAACoB,EAAQ,CAAAlB,IAAA,4CAAE2B,E,qCC5Ff,MAAM9E,EAAM,CACjBO,UAAW,YACXL,QAAS,UACT+E,cAAe,kBACfC,YAAa,gBACbC,aAAc,iBACdC,eAAgB,mBAChBC,UAAW,aAGN,MAAM5E,EAAQ,CACnB8D,UAAW,aACXxD,OAAQ,UCZV,MAAMuE,EAAgB,wrSACtB,MAAAC,EAAeD,E,MC+CFE,EAAU,M,2MAqJrBlE,KAAAmE,oBAA8B,KAE9BnE,KAAAoE,qBAA+B,KAE/BpE,KAAAqE,eAAyB,KAEzBrE,KAAAsE,eAAyB,KAMzBtE,KAAAuE,gBAA0B,KAE1BvE,KAAAwE,gBAA0B,KAE1BxE,KAAAyE,iBAA2B,KAE3BzE,KAAA0E,iBAA2B,KAE3B1E,KAAA2E,KAAO,EAEP3E,KAAA4E,eAAiB,GAEjB5E,KAAA6E,WAA4C,GAgO5C7E,KAAA8E,eAAkBC,IAChB/E,KAAK+E,UAAYA,CAAS,EAG5B/E,KAAAgF,mBAAsB9E,IACpB,MAAM2B,IAAEA,GAAQ3B,EAChB,MAAMS,GACJA,EAAEgE,KACFA,EAAIC,eACJA,EAAcK,OACdA,EAAMT,gBACNA,EAAeD,gBACfA,EAAeJ,oBACfA,EAAmBC,qBACnBA,EAAoBM,iBACpBA,EAAgBD,iBAChBA,EAAgBhB,SAChBA,GACEzD,KACJ,MAAMkF,EAAiBP,EAAOC,EAE9B,MAAMO,EAAgB,CACpB,UACA,YACA,YACA,aACA,OACA,MACA,SACA,YAGF,GAAIA,EAAcC,QAAQvD,IAAQ,EAAG,CACnC3B,EAAMmF,gB,CAGR,MAAMC,EAAMC,EAAc5E,GAE1B,MAAM6E,EAAiB,CAAC,YAAa,cACrC,MAAMC,EAAe,CAAC,YAAa,WACnC,MAAMC,EAAkBJ,IAAQ,OAASE,EAAeG,SAAS9D,IAAQ,EAAI,EAE7E,MAAM+D,EACJX,IAAW,aACPxB,IAAa,MACX5B,IAAQ4D,EAAa,IAAM5D,IAAQ2D,EAAe,GAClD3D,IAAQ4D,EAAa,IAAM5D,IAAQ2D,EAAe,GACpD3D,IAAQ4D,EAAa,KACpBhC,IAAa,MAAQ5B,IAAQ2D,EAAe,GAAK3D,IAAQ2D,EAAe,IAE/E,GAAII,EAAc,CAChB,MAAMC,EAAY3F,EAAM4F,SAAWZ,EAAiBP,EAEpD,OAAOM,IAAW,aACdb,EAAuBsB,EAAkBG,EACzC1B,EAAsBuB,EAAkBG,C,CAG9C,MAAME,EACJd,IAAW,aACPxB,IAAa,MACX5B,IAAQ4D,EAAa,IAAM5D,IAAQ2D,EAAe,GAClD3D,IAAQ4D,EAAa,IAAM5D,IAAQ2D,EAAe,GACpD3D,IAAQ4D,EAAa,KACpBhC,IAAa,MAAQ5B,IAAQ2D,EAAe,GAAK3D,IAAQ2D,EAAe,IAE/E,GAAIO,EAAc,CAChB,MAAMF,EAAY3F,EAAM4F,SAAWZ,EAAiBP,EAEpD,OAAOM,IAAW,aACdb,EAAuBsB,EAAkBG,EACzC1B,EAAsBuB,EAAkBG,C,CAG9C,GAAIhE,IAAQ,QAAUoD,IAAW,qBAAuBP,IAAqB,SAAU,CACrF,OAAOA,C,CAGT,GAAI7C,IAAQ,QAAUoD,IAAW,mBAAqBT,IAAoB,SAAU,CAClF,OAAOA,C,CAGT,GAAI3C,IAAQ,OAASoD,IAAW,qBAAuBR,IAAqB,SAAU,CACpF,OAAOA,C,CAGT,GAAI5C,IAAQ,OAASoD,IAAW,mBAAqBV,IAAoB,SAAU,CACjF,OAAOA,C,CAGT,GAAI1C,IAAQ,WAAY,CACtB,OAAOoD,IAAW,aACdb,EAAuBc,EACvBf,EAAsBe,C,CAG5B,GAAIrD,IAAQ,SAAU,CACpB,OAAOoD,IAAW,aACdb,EAAuBc,EACvBf,EAAsBe,C,CAG5B,OAAO,IAAI,EAGblF,KAAAgG,oBAAuB9F,IACrBF,KAAKiG,yBACL,MAAMC,EAAQlG,KAAKgF,mBAAmB9E,GAEtC,UAAWgG,IAAU,SAAU,CAC7BlG,KAAKmG,gBAAgBD,E,GAIzBlG,KAAAoG,qBAAwBlG,IACtBF,KAAKqG,0BACL,MAAMC,EAAStG,KAAKgF,mBAAmB9E,GAEvC,UAAWoG,IAAW,SAAU,CAC9BtG,KAAKuG,iBAAiBD,E,GAI1BtG,KAAAwG,iBAAoBtG,IAClBF,KAAKiF,SAAW,aACZjF,KAAKoG,qBAAqBlG,GAC1BF,KAAKgG,oBAAoB9F,EAAM,EAGrCF,KAAAyG,qBAAwBvG,IACtBA,EAAMmF,iBAEN,MAAM1E,GACJA,EAAEsE,OACFA,EAAMd,oBACNA,EAAmBC,qBACnBA,EAAoBX,SACpBA,EAAQY,eACRA,EAAcC,eACdA,GACEtE,KAEJ,MAAM0G,EACJzB,IAAW,aAAe/E,EAAMyG,QAAUrC,EAAiBpE,EAAM0G,QAAUvC,EAE7E,MAAMwC,EAAsB5B,IAAW,YAAcM,EAAc5E,KAAQ,OAAS,EAAI,EAExF,MAAMmG,EACJ7B,IAAW,aACPxB,IAAa,OACVoD,EAAsBH,EACvBG,EAAsBH,EACxBjD,IAAa,OACVoD,EAAsBH,EACvBG,EAAsBH,EAE9BzB,IAAW,aACPjF,KAAKuG,iBAAiBnC,EAAuB0C,GAC7C9G,KAAKmG,gBAAgBhC,EAAsB2C,EAAe,EAGhE9G,KAAA+G,mBAAsB7G,IACpB,IAAK8G,EAAuB9G,GAAQ,CAClC,M,CAGFF,KAAKiH,mCAAmCC,OAExChH,EAAMmF,iBACN8B,OAAOC,oBAAoB,YAAapH,KAAK+G,oBAC7CI,OAAOC,oBAAoB,cAAepH,KAAKyG,qBAAqB,EAGtEzG,KAAAqG,wBAA0B,KACxBrG,KAAKoE,qBAAuBpE,KAAK+E,WAAWsC,wBAAwBf,MAAM,EAG5EtG,KAAAiG,uBAAyB,KACvBjG,KAAKmE,oBAAsBnE,KAAK+E,WAAWsC,wBAAwBnB,KAAK,EAG1ElG,KAAAsH,qBAAwBpH,IACtB,IAAK8G,EAAuB9G,GAAQ,CAClC,M,CAGFF,KAAKuH,qCAAqCL,OAE1ChH,EAAMmF,iBACN,MAAMmC,YAAEA,GAAgBxH,KAExBwH,GAAeC,SAASC,gBAAkBF,GAAeA,EAAYG,QAErE,GAAI3H,KAAKiF,SAAW,aAAc,CAChCjF,KAAKqG,0BACLrG,KAAKsE,eAAiBpE,EAAMyG,O,KACvB,CACL3G,KAAKiG,yBACLjG,KAAKqE,eAAiBnE,EAAM0G,O,CAG9BO,OAAOS,iBAAiB,YAAa5H,KAAK+G,oBAC1CI,OAAOS,iBAAiB,cAAe5H,KAAKyG,qBAAqB,EAGnEzG,KAAA6H,iBAAoBL,IAClBxH,KAAK8H,sBACL9H,KAAKwH,YAAcA,EACnBA,GAAaI,iBAAiB,cAAe5H,KAAKsH,qBAAqB,EAGzEtH,KAAA8H,oBAAsB,KACpB9H,KAAKwH,aAAaJ,oBAAoB,cAAepH,KAAKsH,qBAAqB,EAGjFtH,KAAA+H,oBAAuBlD,IACrBA,EAAWmD,SAAS/E,GAAeA,EAAUgC,OAASjF,KAAKiF,QAAQ,EAGrEjF,KAAAiI,0BAA6B/H,IAC3B,MAAM2E,EAAapE,EAA8BP,GAAOgI,QAAQvH,GAC9DA,GAAIwH,QAAQ,wBAGdnI,KAAK6E,WAAaA,EAClB7E,KAAK+H,oBAAoBlD,EAAW,EAGtC7E,KAAAC,uBAA0BC,IACxBF,KAAKG,UAAYC,EAA6BF,EAAM,E,eAxmBjB,M,cAOD,M,iBAoBgB,O,8EAiCP,I,YAKiC,W,cAUhC,Q,eAKT,M,0EAuDL,K,mBAEC,K,oDA8BN,G,eAON,K,CApKrB,cAAAkI,CAAeC,GACb,GAAIA,EAAO,CACTrI,KAAKsI,YAAc,O,MACd,GAAItI,KAAKsI,cAAgB,QAAS,CACvCtI,KAAKsI,YAAc,M,EAgBvB,iBAAAC,CAAkBF,GAChBrI,KAAKwI,SAAWH,IAAU,O,CAW5B,yBAAAI,CAA0BJ,GACxBrI,KAAK0I,YAAcL,C,CASrB,iBAAAM,CAAkBN,GAChBrI,KAAK4I,oBAAsBP,C,CAe7B,aAAAQ,GACE7I,KAAK+H,oBAAoB/H,KAAK6E,W,CA4BhC,gBAAAiE,G,CASA,iBAAAxH,GACEC,EAAgCvB,MAChC+I,EAAiB/I,MACjBgJ,EAAgBhJ,K,CAGlB,uBAAMiJ,SACEC,EAAclJ,K,CAGtB,oBAAAwB,GACEC,EAAmCzB,MACnCA,KAAK8H,sBACLqB,EAAoBnJ,MACpBoJ,EAAmBpJ,K,CAGrB,gBAAAqJ,GACErJ,KAAKsJ,kB,CA8CP,qBAAAC,GACEC,EAAexJ,KAAMA,KAAKyJ,gB,CA0B5B,YAAA/H,GACE,OACEC,EAAA,OAAKM,MAAOvD,EAAIiF,cAAe/B,QAAS5B,KAAKG,UAAW0B,IAAI,UAC1DF,EAAA,QAAMG,KAAM3C,EAAMM,OAAQsC,aAAc/B,KAAKC,yB,CAKnD,MAAA6C,GACE,MAAM4G,UACJA,EAASjG,SACTA,EAAQU,oBACRA,EAAmBC,qBACnBA,EAAoBuF,aACpBA,EAAYpF,gBACZA,EAAeC,gBACfA,EAAeoF,cACfA,EAAanF,iBACbA,EAAgBC,iBAChBA,EAAgBmF,UAChBA,EAAS5E,OACTA,EAAMqD,YACNA,GACEtI,KAEJ,MAAMsF,EAAMC,EAAcvF,KAAKW,IAE/B,MAAMmJ,EAAgBxB,IAAgB,SAAWuB,EAEjD,MAAME,EAAQD,EACV7E,IAAW,aACT2E,EACE,CAAEtD,OAAQ,GAAGsD,OACb,KACFD,EACE,CAAEzD,MAAO,GAAGyD,OACZ,KACJ,KAEJ,MAAMK,GACHN,GAAaI,EACZnI,EAAA,oBACc3B,KAAKiK,SAASC,OAAM,mBACdjF,IAAW,aAAe,WAAa,aAAY,gBACtDA,GAAU,aAAeR,EAAmBF,EAAe,gBAC3DU,GAAU,aAAeP,EAAmBF,EAAe,gBAExES,GAAU,aACN2E,GAAiBxF,EACjBuF,GAAgBxF,EAEtBlC,MAAOvD,EAAIqF,UACXlC,IAAI,YACJsI,UAAWnK,KAAKwG,iBAChB4D,KAAK,YACLC,SAAU,EAAC,eACE,OAEbC,IAAKtK,KAAK6H,mBAEV,KAEN,MAAM0C,EAAkB,KACtB,GAAItF,IAAW,aAAc,CAC3B,OAAOxB,IAAa,QAChB+G,EAAYC,qBACZD,EAAYE,kB,KACX,CACL,MAAMC,EACHrF,IAAQ,OAAS7B,IAAa,OAAW6B,IAAQ,OAAS7B,IAAa,QAC1E,OAAOkH,EAAUH,EAAYI,qBAAuBJ,EAAYK,qB,GAIpE,MAAMxH,EACJ1B,EAAA,OACEM,MAAO,CACL,CAACuI,EAAYM,KAAMxF,IAAQ,MAC3B,CAAC5G,EAAIE,SAAU,KACf,CAACF,EAAIoF,gBAAiBwE,IAAgB,UACtC,CAAC5J,EAAImF,cAAeyE,IAAgB,QACpC,CAACkC,EAAYO,gBAAiBzC,IAAgB,UAC9C,CAACiC,KAAoBjC,IAAgB,WAEvC1G,OAAQ8H,EACR7H,IAAI,UACJkI,MAAOA,EAEPO,IAAKtK,KAAK8E,gBAET9E,KAAK0B,eACNC,EAAA,OAAKM,MAAOvD,EAAIkF,aACdjC,EAAA,cAEDqI,GAIL,MAAMzG,EACJ5B,EAAA,QAAME,IAAI,aAAaC,KAAM3C,EAAM8D,UAAWlB,aAAc/B,KAAKiI,4BAGnE,MAAM+C,EAAY,CAACzH,EAAeF,GAElC,GAAII,IAAa,MAAO,CACtBuH,EAAUtH,S,CAGZ,OAAO/B,EAAA,OAAKM,MAAO,CAAE,CAACvD,EAAIO,WAAY,OAAS+L,E,CASjD,eAAA7E,CAAgBD,GACd,MAAM3B,gBAAEA,EAAeC,gBAAEA,GAAoBxE,KAE7C,MAAMiL,EAAeC,KAAKC,MAAMjF,GAEhClG,KAAK2J,oBACIpF,IAAoB,iBAAmBC,IAAoB,SAC9D4G,EAAMH,EAAczG,EAAiBD,GACrC0G,C,CAGR,gBAAA3B,GACE,MAAMvE,UAAEA,GAAc/E,KACtB,MAAMqL,EAAgBtG,GAAauG,iBAAiBvG,GAEpD,IAAKsG,EAAe,CAClB,M,CAGFrL,KAAKiF,SAAW,aACZjF,KAAKuL,cAAcF,GACnBrL,KAAKwL,aAAaH,GAEtBI,EAAYzL,K,CAGd,gBAAAuG,CAAiBD,GACf,MAAM7B,iBAAEA,EAAgBC,iBAAEA,GAAqB1E,KAE/C,MAAMiL,EAAeC,KAAKC,MAAM7E,GAEhCtG,KAAK4J,qBACInF,IAAqB,iBAAmBC,IAAqB,SAChE0G,EAAMH,EAAcvG,EAAkBD,GACtCwG,C,CAGR,YAAAO,CAAaH,GACX,MAAMK,EAAMC,SAASN,EAAcO,iBAAiB,aAAc,IAClE,MAAMC,EAAMF,SAASN,EAAcO,iBAAiB,aAAc,IAClE,MAAME,EAAWH,SAASN,EAAcO,iBAAiB,SAAU,IAEnE,UAAWE,IAAa,WAAaC,MAAMD,GAAW,CACpD9L,KAAKmE,oBAAsB2H,C,CAG7B,UAAWJ,IAAQ,WAAaK,MAAML,GAAM,CAC1C1L,KAAKuE,gBAAkBmH,C,CAGzB,UAAWG,IAAQ,WAAaE,MAAMF,GAAM,CAC1C7L,KAAKwE,gBAAkBqH,C,EAI3B,aAAAN,CAAcF,GACZ,MAAMK,EAAMC,SAASN,EAAcO,iBAAiB,cAAe,IACnE,MAAMC,EAAMF,SAASN,EAAcO,iBAAiB,cAAe,IACnE,MAAME,EAAWH,SAASN,EAAcO,iBAAiB,UAAW,IAEpE,UAAWE,IAAa,WAAaC,MAAMD,GAAW,CACpD9L,KAAKoE,qBAAuB0H,C,CAG9B,UAAWJ,IAAQ,WAAaK,MAAML,GAAM,CAC1C1L,KAAKyE,iBAAmBiH,C,CAG1B,UAAWG,IAAQ,WAAaE,MAAMF,GAAM,CAC1C7L,KAAK0E,iBAAmBmH,C"}

package/dist/calcite/p-8f754180.js

@@ -0,0 +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.8.1
+ */
+import{f as t,h as o}from"./p-35a328ba.js";import{g as n}from"./p-7c1b5578.js";import{S as e}from"./p-4518e11a.js";import{S as c}from"./p-7ae3339e.js";const i=150;const a=2;const s=t=>t.reduce(((t,o)=>t+o),0)/t.length;const r=t=>{const o=t.filter((t=>t.slot!==e.menuActions));const n=o?.length;return{actionWidth:n?s(o.map((t=>t.clientWidth||0))):0,actionHeight:n?s(o.map((t=>t.clientHeight||0))):0}};const l=({width:t,actionWidth:o,layout:n,height:e,actionHeight:c,groupCount:i})=>{const s=n==="horizontal"?t:e;const r=n==="horizontal"?o:c;return Math.floor((s-i*a)/r)};const h=({layout:t,actionCount:o,actionWidth:n,width:e,actionHeight:c,height:i,groupCount:a})=>Math.max(o-l({width:e,actionWidth:n,layout:t,height:i,actionHeight:c,groupCount:a}),0);const u=t=>Array.from(t.querySelectorAll("calcite-action")).filter((t=>t.closest("calcite-action-menu")?t.slot===c.trigger:true));const p=({actionGroups:o,expanded:n,overflowCount:c})=>{let i=c;o.reverse().forEach((o=>{let c=0;const a=u(o).reverse();a.forEach((t=>{if(t.slot===e.menuActions){t.removeAttribute("slot");t.textEnabled=n}}));if(i>0){a.some((t=>{const o=a.filter((t=>!t.slot));if(o.length>1&&a.length>2&&!t.closest("calcite-action-menu")){t.textEnabled=true;t.setAttribute("slot",e.menuActions);c++;if(c>1){i--}}return i<1}))}t(o)}))};const f={chevronsLeft:"chevrons-left",chevronsRight:"chevrons-right"};function d(t,o){return t||o.closest("calcite-shell-panel")?.position||"start"}function g({el:t,expanded:o}){u(t).filter((t=>t.slot!==e.menuActions)).forEach((t=>t.textEnabled=o));t.querySelectorAll("calcite-action-group, calcite-action-menu").forEach((t=>t.expanded=o))}const m=({tooltip:t,referenceElement:o,expanded:n,ref:e})=>{if(t){t.referenceElement=!n&&o?o:null}if(e){e(o)}return o};const x=({expanded:t,expandText:e,collapseText:c,toggle:i,el:a,position:s,tooltip:r,ref:l,scale:h})=>{const u=n(a)==="rtl";const p=t?c:e;const g=[f.chevronsLeft,f.chevronsRight];if(u){g.reverse()}const x=d(s,a)==="end";const C=x?g[1]:g[0];const v=x?g[0]:g[1];const b=o("calcite-action",{icon:t?C:v,onClick:i,scale:h,text:p,textEnabled:t,title:!t&&!r?p:null,ref:o=>m({tooltip:r,referenceElement:o,expanded:t,ref:l})});return b};export{x as E,p as a,h as b,r as g,i as o,u as q,g as t};
+//# sourceMappingURL=p-8f754180.js.map

package/dist/calcite/p-90c1ba85.js

@@ -0,0 +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.8.1
+ */
+import{d as e}from"./p-80fd6533.js";import"./p-35a328ba.js";import"./p-d71f30af.js";import"./p-7c1b5578.js";import"./p-261b8054.js";import"./p-0aa629b8.js";import"./p-af5147ef.js";import"./p-3448cc04.js";import"./p-0a290d39.js";import"./p-377a1794.js";import"./p-41fa9ef1.js";import"./p-4df6e10b.js";import"./p-76e19889.js";import"./p-9820f859.js";import"./p-f892453a.js";import"./p-f0f2ab1d.js";import"./p-9259547c.js";import"./p-98f1388c.js";import"./p-d8dc8980.js";var r={name:"fr",weekdays:"dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"),weekdaysShort:"dim._lun._mar._mer._jeu._ven._sam.".split("_"),weekdaysMin:"di_lu_ma_me_je_ve_sa".split("_"),months:"janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre".split("_"),monthsShort:"janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.".split("_"),weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},relativeTime:{future:"dans %s",past:"il y a %s",s:"quelques secondes",m:"une minute",mm:"%d minutes",h:"une heure",hh:"%d heures",d:"un jour",dd:"%d jours",M:"un mois",MM:"%d mois",y:"un an",yy:"%d ans"},ordinal:function e(r){var m=r===1?"er":"";return""+r+m}};e.locale(r,null,true);export{r as default};
+//# sourceMappingURL=p-90c1ba85.js.map

package/dist/calcite/p-9259547c.js

@@ -0,0 +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.8.1
+ */
+import{a as n}from"./p-35a328ba.js";import{g as t}from"./p-76e19889.js";const s={};async function o(t,o){const a=`${o}_${t}`;if(s[a]){return s[a]}s[a]=fetch(n(`./assets/${o}/t9n/messages_${t}.json`)).then((n=>{if(!n.ok){c()}return n.json()})).catch((()=>c()));return s[a]}function c(){throw new Error("could not fetch component message bundle")}function a(n){n.messages={...n.defaultMessages,...n.messageOverrides}}async function e(n){n.defaultMessages=await i(n,n.effectiveLocale);a(n)}async function i(n,s){const{el:c}=n;const a=c.tagName.toLowerCase();const e=a.replace("calcite-","");return o(t(s,"t9n"),e)}async function r(n,t){n.defaultMessages=await i(n,t);a(n)}function u(n){n.onMessagesChange=m}function f(n){n.onMessagesChange=undefined}function m(){a(this)}export{u as c,f as d,e as s,r as u};
+//# sourceMappingURL=p-9259547c.js.map

package/dist/calcite/p-94d43611.js

@@ -0,0 +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.8.1
+ */
+import{d as t}from"./p-80fd6533.js";import"./p-35a328ba.js";import"./p-d71f30af.js";import"./p-7c1b5578.js";import"./p-261b8054.js";import"./p-0aa629b8.js";import"./p-af5147ef.js";import"./p-3448cc04.js";import"./p-0a290d39.js";import"./p-377a1794.js";import"./p-41fa9ef1.js";import"./p-4df6e10b.js";import"./p-76e19889.js";import"./p-9820f859.js";import"./p-f892453a.js";import"./p-f0f2ab1d.js";import"./p-9259547c.js";import"./p-98f1388c.js";import"./p-d8dc8980.js";var m={name:"vi",weekdays:"chủ nhật_thứ hai_thứ ba_thứ tư_thứ năm_thứ sáu_thứ bảy".split("_"),months:"tháng 1_tháng 2_tháng 3_tháng 4_tháng 5_tháng 6_tháng 7_tháng 8_tháng 9_tháng 10_tháng 11_tháng 12".split("_"),weekStart:1,weekdaysShort:"CN_T2_T3_T4_T5_T6_T7".split("_"),monthsShort:"Th01_Th02_Th03_Th04_Th05_Th06_Th07_Th08_Th09_Th10_Th11_Th12".split("_"),weekdaysMin:"CN_T2_T3_T4_T5_T6_T7".split("_"),ordinal:function t(m){return m},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM [năm] YYYY",LLL:"D MMMM [năm] YYYY HH:mm",LLLL:"dddd, D MMMM [năm] YYYY HH:mm",l:"DD/M/YYYY",ll:"D MMM YYYY",lll:"D MMM YYYY HH:mm",llll:"ddd, D MMM YYYY HH:mm"},relativeTime:{future:"%s tới",past:"%s trước",s:"vài giây",m:"một phút",mm:"%d phút",h:"một giờ",hh:"%d giờ",d:"một ngày",dd:"%d ngày",M:"một tháng",MM:"%d tháng",y:"một năm",yy:"%d năm"}};t.locale(m,null,true);export{m as default};
+//# sourceMappingURL=p-94d43611.js.map

package/dist/calcite/p-961c1018.entry.js

@@ -0,0 +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.8.1
+ */
+import{r as e,f as t,h as i,H as n,g as o,c as s,F as r}from"./p-35a328ba.js";import{s as a,k as c,d as l,g as d}from"./p-7c1b5578.js";import{s as h,a as u,c as f}from"./p-4df6e10b.js";import{c as m,d as p}from"./p-76e19889.js";import{u as b,c as v,s as g,d as y}from"./p-9259547c.js";import{C as x}from"./p-0aa629b8.js";import"./p-261b8054.js";import"./p-0a290d39.js";import"./p-9820f859.js";const w=":host{display:flex}ul{margin:0px;display:inline-flex;block-size:100%;align-items:center;padding:0px}:host([layout=vertical]) ul{display:flex;inline-size:100%;flex-direction:column}:host([hidden]){display:none}[hidden]{display:none}";const k=w;const z=class{constructor(t){e(this,t);this.menuItems=[];this.handleMenuSlotChange=e=>{this.menuItems=a(e);this.setMenuItemLayout(this.menuItems,this.layout)};this.label=undefined;this.layout="horizontal";this.messageOverrides=undefined;this.messages=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}handleGlobalAttributesChanged(){t(this);this.setMenuItemLayout(this.menuItems,this.layout)}handleLayoutChange(e){this.setMenuItemLayout(this.menuItems,e)}onMessagesChange(){}effectiveLocaleChange(){b(this,this.effectiveLocale)}connectedCallback(){m(this);v(this)}async componentWillLoad(){h(this);await g(this)}componentDidLoad(){u(this)}disconnectedCallback(){p(this);y(this)}async setFocus(){await f(this);this.el.focus()}calciteInternalNavMenuItemKeyEvent(e){const t=e.target;const i=e.detail.children;const n=e.detail.event.key;e.stopPropagation();if(n==="ArrowDown"){if(t.layout==="vertical"){c(this.menuItems,t,"next",false)}else{if(e.detail.isSubmenuOpen){i[0].setFocus()}}}else if(n==="ArrowUp"){if(this.layout==="vertical"){c(this.menuItems,t,"previous",false)}else{if(e.detail.isSubmenuOpen){i[i.length-1].setFocus()}}}else if(n==="ArrowRight"){if(this.layout==="horizontal"){c(this.menuItems,t,"next",false)}else{if(e.detail.isSubmenuOpen){i[0].setFocus()}}}else if(n==="ArrowLeft"){if(this.layout==="horizontal"){c(this.menuItems,t,"previous",false)}else{if(e.detail.isSubmenuOpen){this.focusParentElement(e.target)}}}else if(n==="Escape"){this.focusParentElement(e.target)}e.preventDefault()}focusParentElement(e){const t=e.parentElement;if(t){l(t);t.open=false}}setMenuItemLayout(e,t){e.forEach((e=>{e.layout=t;if(this.getEffectiveRole()==="menubar"){e.isTopLevelItem=true;e.topLevelMenuLayout=this.layout}}))}getEffectiveRole(){return this.el.getAttribute("role")||"menubar"}render(){return i(n,{key:"669e13e4abc6cbb425226bd6e7d25f83f0283eab"},i("ul",{key:"d6b5858ea4e4935a7f789c2ed9b40432baa28e7e","aria-label":this.label,role:this.getEffectiveRole()},i("slot",{key:"5e72015f3b6c1f81dabe0ada164d105d1bda82e4",onSlotchange:this.handleMenuSlotChange})))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{role:["handleGlobalAttributesChanged"],layout:["handleLayoutChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};z.style=k;const C={container:"container",content:"content",dropdownVertical:"dropdown--vertical",dropdownMenuItems:"dropdown-menu-items",dropdownAction:"dropdown-action",layoutVertical:"layout--vertical",hoverHrefIcon:"hover-href-icon",icon:"icon",iconBreadcrumb:"icon--breadcrumb",iconDropdown:"icon--dropdown",iconEnd:"icon--end",iconStart:"icon--start",isParentVertical:"parent--vertical",itemContent:"item-content",open:"open",nested:"nested",textContainer:"text-container"};const I=':host{position:relative;box-sizing:border-box;display:flex;align-items:center;flex-shrink:0}:host .container,:host .item-content,:host .content{min-block-size:3rem}:host([layout=vertical]){inline-size:100%}:host(:not([layout=vertical])){block-size:100%}.container,.item-content{display:flex;block-size:100%;inline-size:100%;flex-direction:row;align-items:stretch}.content{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);padding-inline:1rem;font-size:var(--calcite-font-size-0);color:var(--calcite-color-text-2);outline:2px solid transparent;outline-offset:2px;text-decoration:none;border-block-end:0.125rem solid transparent;padding-block-start:0.125rem}.content:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-2)}.content:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-2);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:active{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}.content span{display:inline-flex}.content.layout--vertical{display:flex;inline-size:100%;justify-content:flex-start;padding-block:1rem;border-block-end:0;border-inline-end:0.25rem solid transparent}:host([active]) .content{color:var(--calcite-color-text-1);border-color:var(--calcite-color-brand)}:host([active]) .content .icon{--calcite-ui-icon-color:var(--calcite-color-brand)}:host([layout=vertical]) .content{padding-inline:0.75rem}.icon--start{margin-inline-end:0.75rem}.icon--end{margin-inline-start:0.75rem}:host([layout=vertical]) .icon--end{margin-inline-start:auto;padding-inline-start:0.75rem}.icon--dropdown{position:relative;margin-inline-start:auto;margin-inline-end:0px;padding-inline-start:0.5rem;--calcite-ui-icon-color:var(--calcite-color-text-3)}:host([layout=vertical]) .icon--end~.icon--dropdown{margin-inline-start:0.75rem}:host([layout=vertical]) .hover-href-icon{padding-inline-start:0.5rem}:host([layout=vertical]) .hover-href-icon~.icon--end{margin-inline-start:0.5rem}:host([layout=vertical]) .hover-href-icon~.icon--breadcrumb{margin-inline-start:0.75rem}.icon--breadcrumb{margin-inline-end:0px;padding-inline-start:0.5rem;--calcite-ui-icon-color:var(--calcite-color-text-3)}:host([layout=vertical]) .icon--breadcrumb{margin-inline-start:auto}:host([layout=vertical]) .icon--breadcrumb~.icon--dropdown{margin-inline-start:0.5rem}:host([layout=vertical]) .icon--end~.icon--breadcrumb{margin-inline-start:0.5rem}:host([breadcrumb]) .content{padding-inline-end:0.75rem}calcite-action{position:relative;block-size:auto;border-inline-start:1px solid var(--calcite-color-foreground-1)}calcite-action:after{position:absolute;inset-inline-start:-1px;display:block;inline-size:1px;content:"";inset-block:0.75rem;background-color:var(--calcite-color-border-3)}calcite-action:hover:after{block-size:100%;inset-block:0}.content:focus~calcite-action,.content:hover~calcite-action{color:var(--calcite-color-text-1);border-inline-start:1px solid var(--calcite-color-border-3)}.container:hover .dropdown-action{background-color:var(--calcite-color-foreground-2)}.dropdown-menu-items{position:absolute;display:none;block-size:auto;min-inline-size:100%;flex-direction:column;overflow:visible;border:1px solid var(--calcite-color-border-3);background:var(--calcite-color-foreground-1);inset-block-start:100%;z-index:var(--calcite-z-index-dropdown)}.dropdown-menu-items.open{display:block}.dropdown-menu-items.nested{position:absolute;inset-block-start:-1px;transform:translateX(calc(100% - 2px))}.parent--vertical{flex-direction:column}.dropdown--vertical.dropdown-menu-items{position:relative;border-radius:0px;box-shadow:none;inset-block-start:0;transform:none}.dropdown--vertical.dropdown-menu-items:last-of-type{border-inline:0}:host([layout=vertical]:last-of-type) .dropdown-menu-items{border-block-end:0}:host([slot=submenu-item]) .parent--vertical{padding-inline-start:1.5rem}.dropdown-menu-items.nested.calcite--rtl{transform:translateX(calc(-100% + 2px))}.dropdown--vertical.dropdown-menu-items.nested.calcite--rtl{transform:none}.hover-href-icon{position:relative;inset-inline-end:0.25rem;margin-inline-start:auto;opacity:0;transition:all var(--calcite-internal-animation-timing-medium) ease-in-out}.content:focus .hover-href-icon,.content:hover .hover-href-icon{inset-inline-end:-0.25rem;opacity:1}:host([hidden]){display:none}[hidden]{display:none}';const L=I;const A=class{constructor(t){e(this,t);this.calciteInternalMenuItemKeyEvent=s(this,"calciteInternalMenuItemKeyEvent",7);this.calciteMenuItemSelect=s(this,"calciteMenuItemSelect",7);this.clickHandler=e=>{if(this.href&&e.target===this.dropdownActionEl||!this.href&&this.hasSubmenu){this.open=!this.open}this.selectMenuItem(e)};this.handleMenuItemSlotChange=e=>{this.submenuItems=a(e);this.submenuItems.forEach((e=>{if(!e.topLevelMenuLayout){e.topLevelMenuLayout=this.topLevelMenuLayout}}));this.hasSubmenu=this.submenuItems.length>0};this.keyDownHandler=async e=>{const{hasSubmenu:t,href:i,layout:n,open:o,submenuItems:s}=this;const r=e.key;const a=e.target===this.dropdownActionEl;if(e.defaultPrevented){return}if(r===" "||r==="Enter"){if(t&&(!i||i&&a)){this.open=!o}if(!(i&&a)&&r!=="Enter"){this.selectMenuItem(e)}if(r===" "||i&&a){e.preventDefault()}}else if(r==="Escape"){if(o){this.open=false;return}this.calciteInternalMenuItemKeyEvent.emit({event:e});e.preventDefault()}else if(r==="ArrowDown"||r==="ArrowUp"){e.preventDefault();if((a||!i)&&t&&!o&&n==="horizontal"){this.open=true;return}this.calciteInternalMenuItemKeyEvent.emit({event:e,children:s,isSubmenuOpen:o&&t})}else if(r==="ArrowLeft"){e.preventDefault();this.calciteInternalMenuItemKeyEvent.emit({event:e,children:s,isSubmenuOpen:true})}else if(r==="ArrowRight"){e.preventDefault();if((a||!i)&&t&&!o&&n==="vertical"){this.open=true;return}this.calciteInternalMenuItemKeyEvent.emit({event:e,children:s,isSubmenuOpen:o&&t})}};this.active=undefined;this.breadcrumb=undefined;this.href=undefined;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.isTopLevelItem=false;this.label=undefined;this.layout=undefined;this.messageOverrides=undefined;this.messages=undefined;this.open=false;this.rel=undefined;this.target=undefined;this.text=undefined;this.topLevelMenuLayout=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.hasSubmenu=false;this.submenuItems=undefined}onMessagesChange(){}effectiveLocaleChange(){b(this,this.effectiveLocale)}async setFocus(){await f(this);this.anchorEl.focus()}handleClickOut(e){if(this.topLevelMenuLayout!=="vertical"&&this.hasSubmenu&&this.open&&!e.composedPath().includes(this.el)){this.open=false}}handleFocusOut(e){if(this.topLevelMenuLayout!=="vertical"&&!this.el.contains(e.relatedTarget)){this.open=false}}connectedCallback(){m(this);v(this)}async componentWillLoad(){h(this);await g(this)}componentDidLoad(){u(this)}disconnectedCallback(){p(this);y(this)}blurHandler(){this.isFocused=false}focusHandler(e){const t=e.target;this.isFocused=true;if(t.open&&!this.open){t.open=false}}selectMenuItem(e){if(e.target!==this.dropdownActionEl){this.calciteMenuItemSelect.emit()}}renderIconStart(){return i("calcite-icon",{class:`${C.icon} ${C.iconStart}`,flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,key:C.iconStart,scale:"s"})}renderIconEnd(){return i("calcite-icon",{class:`${C.icon} ${C.iconEnd}`,flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,key:C.iconEnd,scale:"s"})}renderBreadcrumbIcon(e){return i("calcite-icon",{class:`${C.icon} ${C.iconBreadcrumb}`,icon:e==="rtl"?"chevron-left":"chevron-right",key:C.iconBreadcrumb,scale:"s"})}renderDropdownIcon(e){const t=e==="rtl"?"chevron-left":"chevron-right";return i("calcite-icon",{class:`${C.icon} ${C.iconDropdown}`,icon:this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":t,key:C.iconDropdown,scale:"s"})}renderDropdownAction(e){const t=e==="rtl"?"chevron-left":"chevron-right";return i("calcite-action",{class:C.dropdownAction,icon:this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":t,key:C.dropdownAction,onClick:this.clickHandler,onKeyDown:this.keyDownHandler,text:this.messages.open,ref:e=>this.dropdownActionEl=e})}renderSubmenuItems(e){return i("calcite-menu",{class:{[C.dropdownMenuItems]:true,[C.open]:this.open,[C.nested]:!this.isTopLevelItem,[x.rtl]:e==="rtl",[C.dropdownVertical]:this.topLevelMenuLayout==="vertical"},label:this.messages.submenu,layout:"vertical",role:"menu"},i("slot",{name:"submenu-item",onSlotchange:this.handleMenuItemSlotChange}))}renderHrefIcon(e){return i("calcite-icon",{class:C.hoverHrefIcon,icon:e==="rtl"?"arrow-left":"arrow-right",key:C.hoverHrefIcon,scale:"s"})}renderItemContent(e){const t=this.href&&(this.topLevelMenuLayout==="vertical"||!this.isTopLevelItem);return i(r,null,this.iconStart&&this.renderIconStart(),i("div",{class:C.textContainer},i("span",null,this.text)),t&&this.renderHrefIcon(e),this.iconEnd&&this.renderIconEnd(),this.breadcrumb?this.renderBreadcrumbIcon(e):null,!this.href&&this.hasSubmenu?this.renderDropdownIcon(e):null)}render(){const e=d(this.el);return i(n,{key:"a84ca1769bc08137a7defbea5e10ee12a78fbd58",onBlur:this.blurHandler,onFocus:this.focusHandler},i("li",{key:"88d13dda176ed2821b59505a6866b98b88f47f9b",class:{[C.container]:true,[C.isParentVertical]:this.topLevelMenuLayout==="vertical"},role:"none"},i("div",{key:"185265194184e457cfc1d578bee3b8c5e02d45b3",class:C.itemContent},i("a",{key:"456bbee5f9af53b51951c57b355b0696fa76fff7","aria-current":this.isFocused?"page":false,"aria-expanded":this.open,"aria-haspopup":this.hasSubmenu,"aria-label":this.label,class:{[C.layoutVertical]:this.layout==="vertical",[C.content]:true},href:this.href,onClick:this.clickHandler,onKeyDown:this.keyDownHandler,rel:this.rel,role:"menuitem",tabIndex:this.isTopLevelItem?0:-1,target:this.target,ref:e=>this.anchorEl=e},this.renderItemContent(e)),this.href&&this.hasSubmenu?this.renderDropdownAction(e):null),this.renderSubmenuItems(e)))}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};A.style=L;export{z as calcite_menu,A as calcite_menu_item};
+//# sourceMappingURL=p-961c1018.entry.js.map

package/dist/calcite/p-9820f859.js

@@ -0,0 +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.8.1
+ */
+import"./p-35a328ba.js";function t(t,n,i){const r=s(t);return new r(n,i)}function s(t){class s extends window.MutationObserver{constructor(t){super(t);this.observedEntry=[];this.callback=t}observe(t,s){this.observedEntry.push({target:t,options:s});return super.observe(t,s)}unobserve(t){const s=this.observedEntry.filter((s=>s.target!==t));this.observedEntry=[];this.callback(super.takeRecords(),this);this.disconnect();s.forEach((t=>this.observe(t.target,t.options)))}}return function(){return t==="intersection"?window.IntersectionObserver:t==="mutation"?s:window.ResizeObserver}()}export{t as c};
+//# sourceMappingURL=p-9820f859.js.map

package/dist/calcite/p-98f1388c.js

@@ -0,0 +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.8.1
+ */
+import{e as t}from"./p-35a328ba.js";function n(t){return"opened"in t?t.opened:t.open}function i(t,i=false){(i?t[t.transitionProp]:n(t))?t.onBeforeOpen():t.onBeforeClose();(i?t[t.transitionProp]:n(t))?t.onOpen():t.onClose()}function o(o,s=false){t((()=>{if(o.transitionEl){const{transitionDuration:t,transitionProperty:a}=getComputedStyle(o.transitionEl);const r=t.split(",");const e=a.split(",");const c=e.indexOf(o.openTransitionProp);const f=r[c]??r[0];if(f==="0s"){i(o,s);return}const u=setTimeout((()=>{o.transitionEl.removeEventListener("transitionstart",l);o.transitionEl.removeEventListener("transitionend",p);o.transitionEl.removeEventListener("transitioncancel",p);i(o,s)}),parseFloat(f)*1e3);o.transitionEl.addEventListener("transitionstart",l);o.transitionEl.addEventListener("transitionend",p);o.transitionEl.addEventListener("transitioncancel",p);function l(t){if(t.propertyName===o.openTransitionProp&&t.target===o.transitionEl){clearTimeout(u);o.transitionEl.removeEventListener("transitionstart",l);(s?o[o.transitionProp]:n(o))?o.onBeforeOpen():o.onBeforeClose()}}function p(t){if(t.propertyName===o.openTransitionProp&&t.target===o.transitionEl){(s?o[o.transitionProp]:n(o))?o.onOpen():o.onClose();o.transitionEl.removeEventListener("transitionend",p);o.transitionEl.removeEventListener("transitioncancel",p)}}}}))}export{o};
+//# sourceMappingURL=p-98f1388c.js.map

package/dist/calcite/p-98f1388c.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isOpen","component","opened","open","emitImmediately","nonOpenCloseComponent","transitionProp","onBeforeOpen","onBeforeClose","onOpen","onClose","onToggleOpenCloseComponent","readTask","transitionEl","transitionDuration","allDurations","transitionProperty","allProps","getComputedStyle","allTransitionDurationsArray","split","allTransitionPropsArray","openTransitionPropIndex","indexOf","openTransitionProp","fallbackTimeoutId","setTimeout","removeEventListener","onStart","onEndOrCancel","parseFloat","addEventListener","event","propertyName","target","clearTimeout"],"sources":["src/utils/openCloseComponent.ts"],"sourcesContent":["import { readTask } from \"@stencil/core\";\n/**\n * Defines interface for components with open/close public emitter.\n * All implementations of this interface must handle the following events: `beforeOpen`, `open`, `beforeClose`, `close`.\n */\nexport interface OpenCloseComponent {\n  /**\n   * The host element.\n   */\n  readonly el: HTMLElement;\n\n  /**\n   * When true, the component opens.\n   */\n  open?: boolean;\n\n  /**\n   * When true, the component is open.\n   */\n  opened?: boolean;\n\n  /**\n   *  Specifies the name of transitionProp.\n   */\n  transitionProp?: string;\n\n  /**\n   * Specifies property on which active transition is watched for.\n   */\n  openTransitionProp: string;\n\n  /**\n   * Specifies element that the transition is allowed to emit on.\n   */\n  transitionEl: HTMLElement;\n\n  /**\n   * Defines method for `beforeOpen` event handler.\n   */\n  onBeforeOpen: () => void;\n\n  /**\n   * Defines method for `open` event handler:\n   */\n  onOpen: () => void;\n\n  /**\n   * Defines method for `beforeClose` event handler:\n   */\n  onBeforeClose: () => void;\n\n  /**\n   * Defines method for `close` event handler:\n   */\n  onClose: () => void;\n}\n\nconst componentToTransitionListeners = new WeakMap<\n  OpenCloseComponent,\n  [HTMLElement, typeof transitionStart, typeof transitionEnd]\n>();\n\nfunction transitionStart(this: OpenCloseComponent, event: TransitionEvent): void {\n  if (event.propertyName === this.openTransitionProp && event.target === this.transitionEl) {\n    isOpen(this) ? this.onBeforeOpen() : this.onBeforeClose();\n  }\n}\nfunction transitionEnd(this: OpenCloseComponent, event: TransitionEvent): void {\n  if (event.propertyName === this.openTransitionProp && event.target === this.transitionEl) {\n    isOpen(this) ? this.onOpen() : this.onClose();\n  }\n}\n\nfunction isOpen(component: OpenCloseComponent): boolean {\n  return \"opened\" in component ? component.opened : component.open;\n}\n\nfunction emitImmediately(component: OpenCloseComponent, nonOpenCloseComponent = false): void {\n  (nonOpenCloseComponent ? component[component.transitionProp] : isOpen(component))\n    ? component.onBeforeOpen()\n    : component.onBeforeClose();\n  (nonOpenCloseComponent ? component[component.transitionProp] : isOpen(component))\n    ? component.onOpen()\n    : component.onClose();\n}\n\n/**\n * Helper to determine globally set transition duration on the given openTransitionProp, which is imported and set in the @Watch(\"open\").\n * Used to emit (before)open/close events both for when the opacity transition is present and when there is none (transition-duration is set to 0).\n *\n * @example\n * import { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\n *\n * async componentWillLoad() {\n * // When component initially renders, if `open` was set we need to trigger on load as watcher doesn't fire.\n * if (this.open) {\n *    onToggleOpenCloseComponent(this);\n * }\n * @Watch(\"open\")\n * async toggleModal(value: boolean): Promise<void> {\n *    onToggleOpenCloseComponent(this);\n * }\n *\n * @param component - OpenCloseComponent uses `open` prop to emit (before)open/close.\n * @param nonOpenCloseComponent - OpenCloseComponent uses `expanded` prop to emit (before)open/close.\n */\nexport function onToggleOpenCloseComponent(component: OpenCloseComponent, nonOpenCloseComponent = false): void {\n  readTask((): void => {\n    if (component.transitionEl) {\n      const { transitionDuration: allDurations, transitionProperty: allProps } = getComputedStyle(\n        component.transitionEl,\n      );\n      const allTransitionDurationsArray = allDurations.split(\",\");\n      const allTransitionPropsArray = allProps.split(\",\");\n      const openTransitionPropIndex = allTransitionPropsArray.indexOf(component.openTransitionProp);\n\n      const transitionDuration =\n        allTransitionDurationsArray[openTransitionPropIndex] ??\n        /* Safari will have a single transition value if multiple props share it,\n        so we fall back to it if there's no matching prop duration */\n        allTransitionDurationsArray[0];\n\n      if (transitionDuration === \"0s\") {\n        emitImmediately(component, nonOpenCloseComponent);\n        return;\n      }\n\n      const fallbackTimeoutId = setTimeout(\n        (): void => {\n          component.transitionEl.removeEventListener(\"transitionstart\", onStart);\n          component.transitionEl.removeEventListener(\"transitionend\", onEndOrCancel);\n          component.transitionEl.removeEventListener(\"transitioncancel\", onEndOrCancel);\n          emitImmediately(component, nonOpenCloseComponent);\n        },\n        parseFloat(transitionDuration) * 1000,\n      );\n\n      component.transitionEl.addEventListener(\"transitionstart\", onStart);\n      component.transitionEl.addEventListener(\"transitionend\", onEndOrCancel);\n      component.transitionEl.addEventListener(\"transitioncancel\", onEndOrCancel);\n\n      function onStart(event: TransitionEvent): void {\n        if (event.propertyName === component.openTransitionProp && event.target === component.transitionEl) {\n          clearTimeout(fallbackTimeoutId);\n          component.transitionEl.removeEventListener(\"transitionstart\", onStart);\n          (nonOpenCloseComponent ? component[component.transitionProp] : isOpen(component))\n            ? component.onBeforeOpen()\n            : component.onBeforeClose();\n        }\n      }\n\n      function onEndOrCancel(event: TransitionEvent): void {\n        if (event.propertyName === component.openTransitionProp && event.target === component.transitionEl) {\n          (nonOpenCloseComponent ? component[component.transitionProp] : isOpen(component))\n            ? component.onOpen()\n            : component.onClose();\n\n          component.transitionEl.removeEventListener(\"transitionend\", onEndOrCancel);\n          component.transitionEl.removeEventListener(\"transitioncancel\", onEndOrCancel);\n        }\n      }\n    }\n  });\n}\n\n/**\n * Helper to keep track of transition listeners on setTransitionEl and connectedCallback on OpenCloseComponent components.\n *\n * For component which do not have open prop, use `onToggleOpenCloseComponent` implementation.\n *\n * @param component\n * @deprecated Call `onToggleOpenClose` in `componentWillLoad` and `open` property watchers instead.\n */\nexport function connectOpenCloseComponent(component: OpenCloseComponent): void {\n  disconnectOpenCloseComponent(component);\n  if (component.transitionEl) {\n    const boundOnTransitionStart: (event: TransitionEvent) => void = transitionStart.bind(component);\n    const boundOnTransitionEnd: (event: TransitionEvent) => void = transitionEnd.bind(component);\n\n    componentToTransitionListeners.set(component, [\n      component.transitionEl,\n      boundOnTransitionStart,\n      boundOnTransitionEnd,\n    ]);\n\n    component.transitionEl.addEventListener(\"transitionstart\", boundOnTransitionStart);\n    component.transitionEl.addEventListener(\"transitionend\", boundOnTransitionEnd);\n  }\n}\n/**\n * Helper to tear down transition listeners on disconnectedCallback on OpenCloseComponent components.\n *\n * @param component\n * @deprecated Call `onToggleOpenClose` in `componentWillLoad` and `open` property watchers instead.\n */\nexport function disconnectOpenCloseComponent(component: OpenCloseComponent): void {\n  if (!componentToTransitionListeners.has(component)) {\n    return;\n  }\n  const [transitionEl, start, end] = componentToTransitionListeners.get(component);\n  transitionEl.removeEventListener(\"transitionstart\", start);\n  transitionEl.removeEventListener(\"transitionend\", end);\n\n  componentToTransitionListeners.delete(component);\n}\n"],"mappings":";;;;;oCAyEA,SAASA,EAAOC,GACd,MAAO,WAAYA,EAAYA,EAAUC,OAASD,EAAUE,IAC9D,CAEA,SAASC,EAAgBH,EAA+BI,EAAwB,QAC7EA,EAAwBJ,EAAUA,EAAUK,gBAAkBN,EAAOC,IAClEA,EAAUM,eACVN,EAAUO,iBACbH,EAAwBJ,EAAUA,EAAUK,gBAAkBN,EAAOC,IAClEA,EAAUQ,SACVR,EAAUS,SAChB,C,SAsBgBC,EAA2BV,EAA+BI,EAAwB,OAChGO,GAAS,KACP,GAAIX,EAAUY,aAAc,CAC1B,MAAQC,mBAAoBC,EAAcC,mBAAoBC,GAAaC,iBACzEjB,EAAUY,cAEZ,MAAMM,EAA8BJ,EAAaK,MAAM,KACvD,MAAMC,EAA0BJ,EAASG,MAAM,KAC/C,MAAME,EAA0BD,EAAwBE,QAAQtB,EAAUuB,oBAE1E,MAAMV,EACJK,EAA4BG,IAG5BH,EAA4B,GAE9B,GAAIL,IAAuB,KAAM,CAC/BV,EAAgBH,EAAWI,GAC3B,M,CAGF,MAAMoB,EAAoBC,YACxB,KACEzB,EAAUY,aAAac,oBAAoB,kBAAmBC,GAC9D3B,EAAUY,aAAac,oBAAoB,gBAAiBE,GAC5D5B,EAAUY,aAAac,oBAAoB,mBAAoBE,GAC/DzB,EAAgBH,EAAWI,EAAsB,GAEnDyB,WAAWhB,GAAsB,KAGnCb,EAAUY,aAAakB,iBAAiB,kBAAmBH,GAC3D3B,EAAUY,aAAakB,iBAAiB,gBAAiBF,GACzD5B,EAAUY,aAAakB,iBAAiB,mBAAoBF,GAE5D,SAASD,EAAQI,GACf,GAAIA,EAAMC,eAAiBhC,EAAUuB,oBAAsBQ,EAAME,SAAWjC,EAAUY,aAAc,CAClGsB,aAAaV,GACbxB,EAAUY,aAAac,oBAAoB,kBAAmBC,IAC7DvB,EAAwBJ,EAAUA,EAAUK,gBAAkBN,EAAOC,IAClEA,EAAUM,eACVN,EAAUO,e,EAIlB,SAASqB,EAAcG,GACrB,GAAIA,EAAMC,eAAiBhC,EAAUuB,oBAAsBQ,EAAME,SAAWjC,EAAUY,aAAc,EACjGR,EAAwBJ,EAAUA,EAAUK,gBAAkBN,EAAOC,IAClEA,EAAUQ,SACVR,EAAUS,UAEdT,EAAUY,aAAac,oBAAoB,gBAAiBE,GAC5D5B,EAAUY,aAAac,oBAAoB,mBAAoBE,E,MAKzE,Q"}