@esri/calcite-components 2.13.0 → 2.13.2

package/dist/calcite/p-56542d65.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-import{r as e,c as i,h as t,H as c,g as a}from"./p-0a2f91d4.js";import{b as n,t as s}from"./p-806dc8f8.js";import{a as l,s as o,c as r}from"./p-65e04a6e.js";import{u as h,c as p,d,s as m}from"./p-f0661425.js";import{u,I as b}from"./p-a805c9c4.js";import{c as f,d as g}from"./p-2abe8907.js";import{i as v}from"./p-103c1961.js";import{g as x}from"./p-fe34acf8.js";import{i as k}from"./p-df6c8bd7.js";import"./p-39b20f1d.js";import"./p-cedaddf4.js";import"./p-966e4808.js";const z={title:"title",close:"close",imageContainer:"image-container",chipIcon:"chip-icon",textSlotted:"text--slotted",container:"container",imageSlotted:"image--slotted",closable:"closable",multiple:"multiple",single:"single",selectable:"selectable",selectIcon:"select-icon",selectIconActive:"select-icon--active",nonInteractive:"non-interactive",isCircle:"is-circle",selected:"selected"};const y={image:"image"};const w={close:"x",checkedSingle:"circle-f",uncheckedMultiple:"square",checkedMultiple:"check-square-f"};const C=":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:inline-flex;cursor:default;border-radius:var(--calcite-chip-corner-radius, 9999px)}:host([closed]){display:none}:host([appearance=outline]) .container,:host([appearance=outline-fill]) .container{color:var(--calcite-chip-text-color, var(--calcite-color-text-1))}:host([appearance=outline]):host([kind=brand]) .container,:host([appearance=outline-fill]):host([kind=brand]) .container{border-color:var(--calcite-chip-border-color, var(--calcite-color-brand))}:host([appearance=outline]):host([kind=inverse]) .container,:host([appearance=outline-fill]):host([kind=inverse]) .container{border-color:var(--calcite-chip-border-color, var(--calcite-color-border-inverse))}:host([appearance=outline]):host([kind=neutral]) .container,:host([appearance=outline-fill]):host([kind=neutral]) .container{border-color:var(--calcite-chip-border-color, var(--calcite-color-border-1))}:host([appearance=outline]) .close,:host([appearance=outline-fill]) .close{color:var(--calcite-chip-close-icon-color, var(--calcite-close-icon-color, var(--calcite-color-text-3)))}:host([appearance=outline]) .container{background-color:transparent}:host([appearance=outline-fill]) .container{background-color:var(--calcite-chip-background-color, var(--calcite-color-foreground-1))}:host([appearance=solid]) .container{border-color:transparent}:host([appearance=solid]):host([kind=brand]) .container,:host([appearance=solid]):host([kind=inverse]) .container{color:var(--calcite-chip-text-color, var(--calcite-color-text-inverse))}:host([appearance=solid]):host([kind=brand]) .close,:host([appearance=solid]):host([kind=inverse]) .close{outline-color:var(--calcite-color-text-inverse)}:host([appearance=solid]):host([kind=brand]) .container{background-color:var(--calcite-chip-background-color, var(--calcite-color-brand))}:host([appearance=solid]):host([kind=inverse]) .container{background-color:var(--calcite-chip-background-color, var(--calcite-color-inverse))}:host([appearance=solid]):host([kind=neutral]) .container{background-color:var(--calcite-chip-background-color, var(--calcite-color-foreground-2))}:host([kind=neutral]) .container{color:var(--calcite-chip-text-color, var(--calcite-color-text-1))}:host([kind=neutral]) .container .close{color:var(--calcite-chip-close-icon-color, var(--calcite-close-icon-color, var(--calcite-color-text-3)))}:host([selected]) .select-icon{opacity:1}:host([scale=s]) .container{--calcite-internal-chip-block-size:1.5rem ;--calcite-internal-chip-container-space-x-end:0.25rem ;--calcite-internal-chip-container-space-x-start:0.25rem ;--calcite-internal-chip-font-size:var(--calcite-font-size--2);--calcite-internal-chip-icon-size:1rem ;--calcite-internal-chip-icon-space:0.25rem ;--calcite-internal-chip-image-size:1.25rem ;--calcite-internal-chip-title-space:0.25rem ;--calcite-internal-close-size:1rem }:host([scale=s]) .container:not(.closable).is-circle{--calcite-internal-chip-container-space-x-start:var(--calcite-spacing-px);--calcite-internal-chip-container-space-x-end:var(--calcite-spacing-px)}:host([scale=s]) .container.image--slotted:has(.chip-icon),:host([scale=s]) .container.image--slotted.text--slotted,:host([scale=s]) .container.image--slotted.closable{--calcite-internal-chip-image-space-x-end:0.25rem }:host([scale=s]) .container.image--slotted:not(.text--slotted,:has(.chip-icon)),:host([scale=s]) .container.image--slotted:not(.selectable){--calcite-internal-chip-container-space-x-start:var(--calcite-spacing-px)}:host([scale=s]) .container.selectable.single:not(.is-circle).image--slotted{--calcite-internal-chip-container-space-x-start:var(--calcite-spacing-px)}:host([scale=s]) .container.selectable.single:not(.is-circle).selected{--calcite-internal-chip-select-space-x-end:0.375rem ;--calcite-internal-chip-select-space-x-start:0}:host([scale=s]) .container.selectable.single:not(.is-circle).selected.image--slotted{--calcite-internal-chip-select-space-x-end:0.5rem ;--calcite-internal-chip-select-space-x-start:0.125rem }:host([scale=s]) .container.multiple:not(.is-circle){--calcite-internal-chip-container-space-x-start:0.25rem ;--calcite-internal-chip-select-space-x-end:0.25rem ;--calcite-internal-chip-select-space-x-start:0.25rem }:host([scale=s]) .container.multiple:not(.is-circle).image--slotted{--calcite-internal-chip-select-space-x-end:0.5rem ;--calcite-internal-chip-select-space-x-start:0.375rem ;--calcite-internal-chip-container-space-x-start:var(--calcite-spacing-px)}:host([scale=s]) .container.multiple:not(.is-circle).image--slotted:not(.text--slotted){--calcite-internal-chip-select-space-x-start:0.375rem }:host([scale=m]) .container{--calcite-internal-chip-block-size:2rem ;--calcite-internal-chip-container-space-x-end:0.375rem ;--calcite-internal-chip-container-space-x-start:0.375rem ;--calcite-internal-chip-font-size:var(--calcite-font-size--1);--calcite-internal-chip-icon-size:1.5rem ;--calcite-internal-chip-icon-space:0.375rem ;--calcite-internal-chip-image-size:1.5rem ;--calcite-internal-chip-title-space:0.375rem ;--calcite-internal-close-size:1.5rem }:host([scale=m]) .container:not(.closable).is-circle{--calcite-internal-chip-container-space-x-end:var(--calcite-spacing-px);--calcite-internal-chip-container-space-x-start:var(--calcite-spacing-px)}:host([scale=m]) .container.image--slotted:not(.is-circle){--calcite-internal-chip-container-space-x-start:0.25rem }:host([scale=m]) .container.image--slotted:has(.chip-icon),:host([scale=m]) .container.image--slotted.text--slotted,:host([scale=m]) .container.image--slotted.closable{--calcite-internal-chip-image-space-x-end:0.375rem }:host([scale=m]) .container.selectable.single:not(.is-circle).image--slotted{--calcite-internal-chip-container-space-x-start:0.25rem }:host([scale=m]) .container.selectable.single:not(.is-circle).selected{--calcite-internal-chip-select-space-x-end:var(--calcite-spacing-px);--calcite-internal-chip-select-space-x-start:0}:host([scale=m]) .container.selectable.single:not(.is-circle).selected.image--slotted{--calcite-internal-chip-select-space-x-end:0.25rem ;--calcite-internal-chip-select-space-x-start:0.375rem }:host([scale=m]) .container.multiple:not(.is-circle){--calcite-internal-chip-select-space-x-end:0.125rem ;--calcite-internal-chip-select-space-x-start:0.125rem }:host([scale=m]) .container.multiple:not(.is-circle).image--slotted{--calcite-internal-chip-select-space-x-end:0.5rem ;--calcite-internal-chip-select-space-x-start:0.25rem }:host([scale=m]) .container.closable:not(.is-circle){--calcite-internal-chip-container-space-x-end:0.25rem }:host([scale=l]) .container{--calcite-internal-chip-block-size:2.75rem ;--calcite-internal-chip-container-space-x-end:0.5rem ;--calcite-internal-chip-container-space-x-start:0.5rem ;--calcite-internal-chip-font-size:var(--calcite-font-size-0);--calcite-internal-chip-icon-size:2rem ;--calcite-internal-chip-icon-space:0.5rem ;--calcite-internal-chip-image-size:2rem ;--calcite-internal-chip-title-space:0.5rem ;--calcite-internal-close-size:2rem }:host([scale=l]) .container:not(.closable).is-circle{--calcite-internal-chip-container-space-x-end:0.25rem ;--calcite-internal-chip-container-space-x-start:0.25rem }:host([scale=l]) .container.image--slotted:not(.is-circle){--calcite-internal-chip-container-space-x-start:0.375rem }:host([scale=l]) .container.image--slotted:has(.chip-icon),:host([scale=l]) .container.image--slotted.text--slotted,:host([scale=l]) .container.image--slotted.closable{--calcite-internal-chip-image-space-x-end:0.5rem }:host([scale=l]) .container.selectable.single:not(.is-circle).image--slotted{--calcite-internal-chip-container-space-x-start:0.375rem }:host([scale=l]) .container.selectable.single:not(.is-circle).selected{--calcite-internal-chip-select-space-x-end:0.25rem ;--calcite-internal-chip-select-space-x-start:0}:host([scale=l]) .container.selectable.single:not(.is-circle).selected.image--slotted{--calcite-internal-chip-select-space-x-end:0.375rem ;--calcite-internal-chip-select-space-x-start:0.5rem }:host([scale=l]) .container.multiple:not(.is-circle){--calcite-internal-chip-container-space-x-start:0.5rem ;--calcite-internal-chip-select-space-x-end:0.25rem ;--calcite-internal-chip-select-space-x-start:0.25rem }:host([scale=l]) .container.multiple:not(.is-circle).image--slotted{--calcite-internal-chip-select-space-x-end:0.75rem }:host([scale=l]) .container.closable:not(.is-circle){--calcite-internal-chip-container-space-x-end:0.375rem }.container{box-sizing:border-box;display:inline-flex;block-size:100%;max-inline-size:100%;align-items:center;justify-content:center;font-weight:var(--calcite-font-weight-medium);outline-color:transparent;border-radius:var(--calcite-chip-corner-radius, 9999px);border-width:var(--calcite-border-width-sm);border-style:solid;font-size:var(--calcite-internal-chip-font-size, var(--calcite-font-size));padding-inline-start:var(--calcite-internal-chip-container-space-x-start);padding-inline-end:var(--calcite-internal-chip-container-space-x-end);block-size:var(--calcite-internal-chip-block-size, auto);inline-size:var(--calcite-internal-chip-inline-size, auto);min-inline-size:var(--calcite-internal-chip-block-size, auto)}.container:hover .select-icon--active{opacity:1}.container.selectable{cursor:pointer}.container:not(.non-interactive):focus{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          )}.container.text--slotted .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container:not(.text--slotted) .title,.container:not(.image--slotted) .image-container{display:none}.container.is-circle .chip-icon,.container.is-circle .image-container{padding:0}.title{padding-inline:var(--calcite-internal-chip-title-space)}.image-container{display:inline-flex;overflow:hidden;align-items:center;justify-content:center;pointer-events:none;block-size:var(--calcite-internal-chip-image-size, 1.5rem);inline-size:var(--calcite-internal-chip-image-size, 1.5rem);padding-inline-start:0;padding-inline-end:var(--calcite-internal-chip-image-space-x-end, 0)}.chip-icon{position:relative;margin-block:0px;display:inline-flex;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);color:var(--calcite-chip-icon-color, var(--calcite-chip-text-color, var(--calcite-icon-color, currentColor)));padding-inline:var(--calcite-internal-chip-icon-space, 0.375rem)}.select-icon{align-self:center;justify-content:center;align-items:center;display:flex;inset-block-start:-1px;position:absolute;visibility:hidden;inline-size:auto;opacity:0;transition:opacity 0.15s ease-in-out, inline-size 0.15s ease-in-out;color:var(--calcite-chip-select-icon-color, currentColor)}.select-icon.select-icon--active{position:relative;visibility:visible;opacity:0.5;color:var(--calcite-chip-select-icon-color-pressed, var(--calcite-chip-select-icon-color, currentColor))}.multiple .select-icon{display:flex;align-items:center;justify-content:center}.multiple .select-icon,.single .select-icon--active{padding-inline-start:var(--calcite-internal-chip-select-space-x-start);padding-inline-end:var(--calcite-internal-chip-select-space-x-end);block-size:var(--calcite-internal-chip-icon-size, 1.5rem);inline-size:var(--calcite-internal-chip-icon-size, 1.5rem)}.close{color:var(--calcite-chip-close-icon-color, var(--calcite-close-icon-color, currentColor))}slot[name=image]::slotted(*){display:flex;block-size:100%;inline-size:100%;overflow:hidden;border-radius:50%}.close{margin:0px;cursor:pointer;align-items:center;border-radius:50%;border-style:none;outline-color:transparent;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;background-color:var(--calcite-close-background-color, var(--calcite-color-transparent));-webkit-appearance:none;display:flex;align-content:center;justify-content:center;color:var(--calcite-close-icon-color, var(--calcite-color-text-1));block-size:var(--calcite-internal-close-size, 1.5rem );inline-size:var(--calcite-internal-close-size, 1.5rem );padding:0}.close:hover,.close:focus{background-color:var(--calcite-close-background-color-hover, var(--calcite-color-transparent-hover))}.close:focus{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          )}.close:active{background-color:var(--calcite-close-background-color-press, var(--calcite-color-transparent-press))}.close calcite-icon{color:inherit}: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 j=C;const I=class{constructor(t){e(this,t);this.calciteChipClose=i(this,"calciteChipClose",6);this.calciteChipSelect=i(this,"calciteChipSelect",6);this.calciteInternalChipKeyEvent=i(this,"calciteInternalChipKeyEvent",6);this.calciteInternalChipSelect=i(this,"calciteInternalChipSelect",6);this.calciteInternalSyncSelectedChips=i(this,"calciteInternalSyncSelectedChips",6);this.handleDefaultSlotChange=()=>{this.updateHasText()};this.close=()=>{this.calciteChipClose.emit();this.selected=false;this.closed=true};this.closeButtonKeyDownHandler=e=>{if(v(e.key)){e.preventDefault();this.close()}};this.handleSlotImageChange=e=>{this.hasImage=n(e)};this.handleEmittingEvent=()=>{if(this.interactive){this.calciteChipSelect.emit()}};this.disabled=false;this.appearance="solid";this.kind="neutral";this.closable=false;this.icon=undefined;this.iconFlipRtl=false;this.scale="m";this.label=undefined;this.value=undefined;this.closed=false;this.selectionMode="none";this.selected=false;this.messageOverrides=undefined;this.messages=undefined;this.interactive=false;this.parentChipGroup=undefined;this.defaultMessages=undefined;this.effectiveLocale=undefined;this.hasText=false;this.hasImage=false}watchSelected(e){if(this.selectionMode==="none"){return}this.handleSelectionPropertyChange(e)}onMessagesChange(){}effectiveLocaleChange(){h(this,this.effectiveLocale)}connectedCallback(){f(this);p(this)}componentDidLoad(){l(this);if(this.selectionMode!=="none"&&this.interactive&&this.selected){this.handleSelectionPropertyChange(this.selected)}}componentDidRender(){u(this)}disconnectedCallback(){g(this);d(this)}async componentWillLoad(){o(this);if(k()){await m(this);this.updateHasText()}}keyDownHandler(e){if(e.target===this.el){switch(e.key){case" ":case"Enter":this.handleEmittingEvent();e.preventDefault();break;case"ArrowRight":case"ArrowLeft":case"Home":case"End":this.calciteInternalChipKeyEvent.emit(e);e.preventDefault();break}}}clickHandler(){if(!this.interactive&&this.closable){this.closeButtonEl.focus()}}async setFocus(){await r(this);if(!this.disabled&&this.interactive){this.containerEl?.focus()}else if(!this.disabled&&this.closable){this.closeButtonEl?.focus()}}updateHasText(){this.hasText=this.el.textContent.trim().length>0}handleSelectionPropertyChange(e){if(this.selectionMode==="single"){this.calciteInternalSyncSelectedChips.emit()}const i=this.parentChipGroup.selectedItems.includes(this.el);if(!i&&e&&this.selectionMode!=="multiple"){this.calciteInternalChipSelect.emit()}if(this.selectionMode!=="single"){this.calciteInternalSyncSelectedChips.emit()}}renderChipImage(){return t("div",{class:z.imageContainer},t("slot",{name:y.image,onSlotchange:this.handleSlotImageChange}))}renderSelectionIcon(){const e=this.selectionMode==="multiple"?this.selected?w.checkedMultiple:w.uncheckedMultiple:this.selected?w.checkedSingle:undefined;return t("div",{class:{[z.selectIcon]:true,[z.selectIconActive]:this.selectionMode==="multiple"||this.selected}},e?t("calcite-icon",{icon:e,scale:x(this.scale)}):null)}renderCloseButton(){return t("button",{"aria-label":this.messages.dismissLabel,class:z.close,onClick:this.close,onKeyDown:this.closeButtonKeyDownHandler,ref:e=>this.closeButtonEl=e,tabIndex:this.disabled?-1:0},t("calcite-icon",{icon:w.close,scale:x(this.scale)}))}renderIcon(){return t("calcite-icon",{class:z.chipIcon,flipRtl:this.iconFlipRtl,icon:this.icon,scale:x(this.scale)})}render(){const{disabled:e}=this;const i=e||!e&&!this.interactive;const a=this.selectionMode==="multiple"&&this.interactive?"checkbox":this.selectionMode!=="none"&&this.interactive?"radio":this.interactive?"button":undefined;return t(c,{key:"7feca8bad37627baabfc4abd25cf135e1e9f196b"},t(b,{key:"af2360b4b768ae8c643d52f4bdb9f5d282504114",disabled:e},t("div",{key:"8d905c4ab20d271a211282b95ebcb2d305d76cb7","aria-checked":this.selectionMode!=="none"&&this.interactive?s(this.selected):undefined,"aria-label":this.label,class:{[z.container]:true,[z.textSlotted]:this.hasText,[z.imageSlotted]:this.hasImage,[z.selectable]:this.selectionMode!=="none",[z.multiple]:this.selectionMode==="multiple",[z.single]:this.selectionMode==="single"||this.selectionMode==="single-persist",[z.selected]:this.selected,[z.closable]:this.closable,[z.nonInteractive]:!this.interactive,[z.isCircle]:!this.closable&&!this.hasText&&(!this.icon||!this.hasImage)&&(this.selectionMode==="none"||!!this.selectionMode&&this.selectionMode!=="multiple"&&!this.selected)},onClick:this.handleEmittingEvent,ref:e=>this.containerEl=e,role:a,tabIndex:i?-1:0},this.selectionMode!=="none"&&this.renderSelectionIcon(),this.renderChipImage(),this.icon&&this.renderIcon(),t("span",{key:"dab6eae3f8330b85ffac4c7fe1b2fcbb53327196",class:z.title},t("slot",{key:"72ba5bd0c7a97c30f766da119f419261aab24acb",onSlotchange:this.handleDefaultSlotChange})),this.closable&&this.renderCloseButton())))}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{selected:["watchSelected"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};I.style=j;export{I as calcite_chip};
-//# sourceMappingURL=p-56542d65.entry.js.map

package/dist/calcite/p-56542d65.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","title","close","imageContainer","chipIcon","textSlotted","container","imageSlotted","closable","multiple","single","selectable","selectIcon","selectIconActive","nonInteractive","isCircle","selected","SLOTS","image","ICONS","checkedSingle","uncheckedMultiple","checkedMultiple","chipCss","CalciteChipStyle0","Chip","this","handleDefaultSlotChange","updateHasText","calciteChipClose","emit","closed","closeButtonKeyDownHandler","event","isActivationKey","key","preventDefault","handleSlotImageChange","hasImage","slotChangeHasAssignedElement","handleEmittingEvent","interactive","calciteChipSelect","watchSelected","selectionMode","handleSelectionPropertyChange","onMessagesChange","effectiveLocaleChange","updateMessages","effectiveLocale","connectedCallback","connectLocalized","connectMessages","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","disconnectedCallback","disconnectLocalized","disconnectMessages","componentWillLoad","setUpLoadableComponent","isBrowser","setUpMessages","keyDownHandler","target","el","calciteInternalChipKeyEvent","clickHandler","closeButtonEl","focus","setFocus","componentFocusable","disabled","containerEl","hasText","textContent","trim","length","calciteInternalSyncSelectedChips","selectedInParent","parentChipGroup","selectedItems","includes","calciteInternalChipSelect","renderChipImage","h","class","name","onSlotchange","renderSelectionIcon","icon","undefined","scale","getIconScale","renderCloseButton","messages","dismissLabel","onClick","onKeyDown","ref","tabIndex","renderIcon","flipRtl","iconFlipRtl","render","disableInteraction","role","Host","InteractiveContainer","toAriaBoolean","label"],"sources":["src/components/chip/resources.ts","src/components/chip/chip.scss?tag=calcite-chip&encapsulation=shadow","src/components/chip/chip.tsx"],"sourcesContent":["export const CSS = {\n  title: \"title\",\n  close: \"close\",\n  imageContainer: \"image-container\",\n  chipIcon: \"chip-icon\",\n  textSlotted: \"text--slotted\",\n  container: \"container\",\n  imageSlotted: \"image--slotted\",\n  closable: \"closable\",\n  multiple: \"multiple\",\n  single: \"single\",\n  selectable: \"selectable\",\n  selectIcon: \"select-icon\",\n  selectIconActive: \"select-icon--active\",\n  nonInteractive: \"non-interactive\",\n  isCircle: \"is-circle\",\n  selected: \"selected\",\n};\n\nexport const SLOTS = {\n  image: \"image\",\n};\n\nexport const ICONS = {\n  close: \"x\",\n  checkedSingle: \"circle-f\",\n  uncheckedMultiple: \"square\",\n  checkedMultiple: \"check-square-f\",\n} as const;\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-chip-background-color: Specifies the component's background color.\n * @prop --calcite-chip-border-color: Specifies the component's border color.\n * @prop --calcite-chip-corner-radius: Specifies the component's corner radius.\n * @prop --calcite-chip-text-color: Specifies the component's text color.\n * @prop --calcite-chip-icon-color: Specifies the component's icon color.\n * @prop --calcite-chip-close-icon-color: Specifies the component's close element icon color.\n * @prop --calcite-chip-select-icon-color: Specifies the component's selection element icon color.\n * @prop --calcite-chip-select-icon-color-pressed: Specifies the component's selection element icon color when active.\n *\n */\n\n:host {\n  @apply inline-flex\n    cursor-default;\n  border-radius: var(--calcite-chip-corner-radius, 9999px);\n}\n\n/* Host Prop Variant styles */\n:host([closed]) {\n  display: none;\n}\n\n:host([appearance=\"outline\"]),\n:host([appearance=\"outline-fill\"]) {\n  .container {\n    color: var(--calcite-chip-text-color, var(--calcite-color-text-1));\n  }\n\n  &:host([kind=\"brand\"]) .container {\n    border-color: var(--calcite-chip-border-color, var(--calcite-color-brand));\n  }\n\n  &:host([kind=\"inverse\"]) .container {\n    border-color: var(--calcite-chip-border-color, var(--calcite-color-border-inverse));\n  }\n\n  &:host([kind=\"neutral\"]) .container {\n    border-color: var(--calcite-chip-border-color, var(--calcite-color-border-1));\n  }\n\n  .close {\n    color: var(--calcite-chip-close-icon-color, var(--calcite-close-icon-color, var(--calcite-color-text-3)));\n  }\n}\n:host([appearance=\"outline\"]) .container {\n  @apply bg-transparent;\n}\n:host([appearance=\"outline-fill\"]) .container {\n  background-color: var(--calcite-chip-background-color, var(--calcite-color-foreground-1));\n}\n:host([appearance=\"solid\"]) {\n  .container {\n    border-color: transparent;\n  }\n\n  &:host([kind=\"brand\"]),\n  &:host([kind=\"inverse\"]) {\n    .container {\n      color: var(--calcite-chip-text-color, var(--calcite-color-text-inverse));\n    }\n\n    .close {\n      outline-color: var(--calcite-color-text-inverse);\n    }\n  }\n\n  &:host([kind=\"brand\"]) {\n    .container {\n      background-color: var(--calcite-chip-background-color, var(--calcite-color-brand));\n    }\n  }\n\n  &:host([kind=\"inverse\"]) {\n    .container {\n      background-color: var(--calcite-chip-background-color, var(--calcite-color-inverse));\n    }\n  }\n\n  &:host([kind=\"neutral\"]) .container {\n    background-color: var(--calcite-chip-background-color, var(--calcite-color-foreground-2));\n  }\n}\n:host([kind=\"neutral\"]) .container {\n  color: var(--calcite-chip-text-color, var(--calcite-color-text-1));\n\n  .close {\n    color: var(--calcite-chip-close-icon-color, var(--calcite-close-icon-color, var(--calcite-color-text-3)));\n  }\n}\n\n:host([selected]) .select-icon {\n  opacity: 1;\n}\n\n:host([scale=\"s\"]) {\n  .container {\n    --calcite-internal-chip-block-size: 1.5rem /* 24px */;\n    --calcite-internal-chip-container-space-x-end: 0.25rem /* 4px */;\n    --calcite-internal-chip-container-space-x-start: 0.25rem /* 4px */;\n    --calcite-internal-chip-font-size: var(--calcite-font-size--2);\n    --calcite-internal-chip-icon-size: 1rem /* 16px */;\n    --calcite-internal-chip-icon-space: 0.25rem /* 4px */;\n    --calcite-internal-chip-image-size: 1.25rem /* 20px */;\n    --calcite-internal-chip-title-space: 0.25rem /* 4px */;\n    --calcite-internal-close-size: 1rem /* 16px */;\n\n    &:not(.closable) {\n      &.is-circle {\n        --calcite-internal-chip-container-space-x-start: var(--calcite-spacing-px);\n        --calcite-internal-chip-container-space-x-end: var(--calcite-spacing-px);\n      }\n    }\n\n    &.image--slotted {\n      &:has(.chip-icon),\n      &.text--slotted,\n      &.closable {\n        --calcite-internal-chip-image-space-x-end: 0.25rem /* 4px */;\n      }\n      &:not(.text--slotted, :has(.chip-icon)),\n      &:not(.selectable) {\n        --calcite-internal-chip-container-space-x-start: var(--calcite-spacing-px);\n      }\n    }\n\n    &.selectable.single:not(.is-circle) {\n      &.image--slotted {\n        --calcite-internal-chip-container-space-x-start: var(--calcite-spacing-px);\n      }\n      &.selected {\n        --calcite-internal-chip-select-space-x-end: 0.375rem /* 6px */;\n        --calcite-internal-chip-select-space-x-start: 0;\n\n        &.image--slotted {\n          --calcite-internal-chip-select-space-x-end: 0.5rem /* 8px */;\n          --calcite-internal-chip-select-space-x-start: 0.125rem /* 2px */;\n        }\n      }\n    }\n\n    &.multiple:not(.is-circle) {\n      --calcite-internal-chip-container-space-x-start: 0.25rem /* 4px */;\n      --calcite-internal-chip-select-space-x-end: 0.25rem /* 4px */;\n      --calcite-internal-chip-select-space-x-start: 0.25rem /* 4px */;\n\n      &.image--slotted {\n        --calcite-internal-chip-select-space-x-end: 0.5rem /* 8px */;\n        --calcite-internal-chip-select-space-x-start: 0.375rem /* 6px */;\n        --calcite-internal-chip-container-space-x-start: var(--calcite-spacing-px);\n\n        &:not(.text--slotted) {\n          --calcite-internal-chip-select-space-x-start: 0.375rem /* 6px */;\n        }\n      }\n    }\n  }\n}\n\n:host([scale=\"m\"]) {\n  .container {\n    --calcite-internal-chip-block-size: 2rem /* 32px */;\n    --calcite-internal-chip-container-space-x-end: 0.375rem /* 6px */;\n    --calcite-internal-chip-container-space-x-start: 0.375rem /* 6px */;\n    --calcite-internal-chip-font-size: var(--calcite-font-size--1);\n    --calcite-internal-chip-icon-size: 1.5rem /* 24px */;\n    --calcite-internal-chip-icon-space: 0.375rem /* 6px */;\n    --calcite-internal-chip-image-size: 1.5rem /* 24px */;\n    --calcite-internal-chip-title-space: 0.375rem /* 6px */;\n    --calcite-internal-close-size: 1.5rem /* 24px */;\n\n    &:not(.closable) {\n      &.is-circle {\n        --calcite-internal-chip-container-space-x-end: var(--calcite-spacing-px);\n        --calcite-internal-chip-container-space-x-start: var(--calcite-spacing-px);\n      }\n    }\n\n    &.image--slotted {\n      &:not(.is-circle) {\n        --calcite-internal-chip-container-space-x-start: 0.25rem /* 4px */;\n      }\n\n      &:has(.chip-icon),\n      &.text--slotted,\n      &.closable {\n        --calcite-internal-chip-image-space-x-end: 0.375rem /* 6px */;\n      }\n    }\n\n    &.selectable.single:not(.is-circle) {\n      &.image--slotted {\n        --calcite-internal-chip-container-space-x-start: 0.25rem /* 4px */;\n      }\n      &.selected {\n        --calcite-internal-chip-select-space-x-end: var(--calcite-spacing-px);\n        --calcite-internal-chip-select-space-x-start: 0;\n\n        &.image--slotted {\n          --calcite-internal-chip-select-space-x-end: 0.25rem /* 4px */;\n          --calcite-internal-chip-select-space-x-start: 0.375rem /* 6px */;\n        }\n      }\n    }\n\n    &.multiple:not(.is-circle) {\n      --calcite-internal-chip-select-space-x-end: 0.125rem /* 2px */;\n      --calcite-internal-chip-select-space-x-start: 0.125rem /* 2px */;\n\n      &.image--slotted {\n        --calcite-internal-chip-select-space-x-end: 0.5rem /* 8px */;\n        --calcite-internal-chip-select-space-x-start: 0.25rem /* 4px */;\n      }\n    }\n\n    &.closable:not(.is-circle) {\n      --calcite-internal-chip-container-space-x-end: 0.25rem /* 4px */;\n    }\n  }\n}\n\n:host([scale=\"l\"]) {\n  .container {\n    --calcite-internal-chip-block-size: 2.75rem /* 44px */;\n    --calcite-internal-chip-container-space-x-end: 0.5rem /* 8px */;\n    --calcite-internal-chip-container-space-x-start: 0.5rem /* 8px */;\n    --calcite-internal-chip-font-size: var(--calcite-font-size-0);\n    --calcite-internal-chip-icon-size: 2rem /* 32px */;\n    --calcite-internal-chip-icon-space: 0.5rem /* 8px */;\n    --calcite-internal-chip-image-size: 2rem /* 32px */;\n    --calcite-internal-chip-title-space: 0.5rem /* 8px */;\n    --calcite-internal-close-size: 2rem /* 32px */;\n\n    &:not(.closable) {\n      &.is-circle {\n        --calcite-internal-chip-container-space-x-end: 0.25rem /* 4px */;\n        --calcite-internal-chip-container-space-x-start: 0.25rem /* 4px */;\n      }\n    }\n\n    &.image--slotted {\n      &:not(.is-circle) {\n        --calcite-internal-chip-container-space-x-start: 0.375rem /* 6px */;\n      }\n\n      &:has(.chip-icon),\n      &.text--slotted,\n      &.closable {\n        --calcite-internal-chip-image-space-x-end: 0.5rem /* 8px */;\n      }\n    }\n\n    &.selectable.single:not(.is-circle) {\n      &.image--slotted {\n        --calcite-internal-chip-container-space-x-start: 0.375rem /* 6px */;\n      }\n      &.selected {\n        --calcite-internal-chip-select-space-x-end: 0.25rem /* 4px */;\n        --calcite-internal-chip-select-space-x-start: 0;\n\n        &.image--slotted {\n          --calcite-internal-chip-select-space-x-end: 0.375rem /* 6px */;\n          --calcite-internal-chip-select-space-x-start: 0.5rem /* 8px */;\n        }\n      }\n    }\n\n    &.multiple:not(.is-circle) {\n      --calcite-internal-chip-container-space-x-start: 0.5rem /* 8px */;\n\n      --calcite-internal-chip-select-space-x-end: 0.25rem /* 4px */;\n      --calcite-internal-chip-select-space-x-start: 0.25rem /* 4px */;\n\n      &.image--slotted {\n        --calcite-internal-chip-select-space-x-end: 0.75rem /* 12px */;\n      }\n    }\n\n    &.closable:not(.is-circle) {\n      --calcite-internal-chip-container-space-x-end: 0.375rem /* 6px */;\n    }\n  }\n}\n\n// Sub-element styles\n.container {\n  @apply inline-flex\n  h-full\n  max-w-full\n  items-center\n  focus-base\n  justify-center\n  box-border\n  font-medium;\n\n  border-radius: var(--calcite-chip-corner-radius, 9999px);\n  border-width: var(--calcite-border-width-sm);\n  border-style: solid;\n  font-size: var(--calcite-internal-chip-font-size, var(--calcite-font-size));\n  padding-inline-start: var(--calcite-internal-chip-container-space-x-start);\n  padding-inline-end: var(--calcite-internal-chip-container-space-x-end);\n  block-size: var(--calcite-internal-chip-block-size, auto);\n  inline-size: var(--calcite-internal-chip-inline-size, auto);\n  min-inline-size: var(--calcite-internal-chip-block-size, auto);\n\n  &:hover .select-icon--active {\n    opacity: 1;\n  }\n\n  &.selectable {\n    @apply cursor-pointer;\n  }\n  &:not(.non-interactive):focus {\n    @apply focus-outset;\n  }\n\n  &.text--slotted .title {\n    @apply truncate;\n  }\n\n  &:not(.text--slotted) .title,\n  &:not(.image--slotted) .image-container {\n    display: none;\n  }\n\n  &.is-circle {\n    .chip-icon,\n    .image-container {\n      padding: 0;\n    }\n  }\n}\n\n.title {\n  padding-inline: var(--calcite-internal-chip-title-space);\n}\n\n.image-container {\n  @apply inline-flex overflow-hidden;\n  align-items: center;\n  justify-content: center;\n  pointer-events: none;\n  block-size: var(--calcite-internal-chip-image-size, 1.5rem /* 24px */);\n  inline-size: var(--calcite-internal-chip-image-size, 1.5rem /* 24px */);\n  padding-inline-start: 0;\n  padding-inline-end: var(--calcite-internal-chip-image-space-x-end, 0);\n}\n\n.chip-icon {\n  @apply relative my-0 inline-flex duration-150 ease-in-out;\n  color: var(--calcite-chip-icon-color, var(--calcite-chip-text-color, var(--calcite-icon-color, currentColor)));\n  padding-inline: var(--calcite-internal-chip-icon-space, 0.375rem /* 6px */);\n}\n\n.select-icon {\n  align-self: center;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  inset-block-start: -1px;\n  position: absolute;\n  visibility: hidden;\n  inline-size: auto;\n  opacity: 0;\n  transition:\n    opacity 0.15s ease-in-out,\n    inline-size 0.15s ease-in-out;\n  color: var(--calcite-chip-select-icon-color, currentColor);\n\n  &.select-icon--active {\n    position: relative;\n    visibility: visible;\n    opacity: 0.5;\n    color: var(--calcite-chip-select-icon-color-pressed, var(--calcite-chip-select-icon-color, currentColor));\n  }\n}\n\n.multiple .select-icon {\n  @apply flex justify-center items-center;\n}\n\n.multiple .select-icon,\n.single .select-icon--active {\n  padding-inline-start: var(--calcite-internal-chip-select-space-x-start);\n  padding-inline-end: var(--calcite-internal-chip-select-space-x-end);\n  block-size: var(--calcite-internal-chip-icon-size, 1.5rem /* 24px */);\n  inline-size: var(--calcite-internal-chip-icon-size, 1.5rem /* 24px */);\n}\n\n.close {\n  color: var(--calcite-chip-close-icon-color, var(--calcite-close-icon-color, currentColor));\n}\n\nslot[name=\"image\"]::slotted(*) {\n  @apply rounded-half flex h-full w-full overflow-hidden;\n}\n\n@include close-button();\n@include disabled();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { toAriaBoolean, slotChangeHasAssignedElement } from \"../../utils/dom\";\nimport { Appearance, Kind, Scale, SelectionMode } from \"../interfaces\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { isActivationKey } from \"../../utils/key\";\nimport { getIconScale } from \"../../utils/component\";\nimport { IconNameOrString } from \"../icon/interfaces\";\nimport { isBrowser } from \"../../utils/browser\";\nimport { ChipMessages } from \"./assets/chip/t9n\";\nimport { CSS, SLOTS, ICONS } from \"./resources\";\n\n/**\n * @slot - A slot for adding text.\n * @slot image - A slot for adding an image.\n */\n@Component({\n  tag: \"calcite-chip\",\n  styleUrl: \"chip.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Chip\n  implements InteractiveComponent, LoadableComponent, LocalizedComponent, T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Specifies the appearance style of the component. */\n  @Prop({ reflect: true }) appearance: Extract<\"outline\" | \"outline-fill\" | \"solid\", Appearance> =\n    \"solid\";\n\n  /** Specifies the kind of the component, which will apply to border and background if applicable. */\n  @Prop({ reflect: true }) kind: Extract<\"brand\" | \"inverse\" | \"neutral\", Kind> = \"neutral\";\n\n  /** When `true`, a close button is added to the component. */\n  @Prop({ reflect: true }) closable = false;\n\n  /** Specifies an icon to display. */\n  @Prop({ reflect: true }) icon: IconNameOrString;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /** Specifies the size of the component. When contained in a parent `calcite-chip-group` inherits the parent's `scale` value. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Accessible name for the component. */\n  @Prop() label: string;\n\n  /** The component's value. */\n  @Prop() value!: any;\n\n  /** When `true`, hides the component. */\n  @Prop({ reflect: true, mutable: true }) closed = false;\n\n  /**\n   * This internal property, managed by a containing `calcite-chip-group`, is\n   * conditionally set based on the `selectionMode` of the parent\n   *\n   * @internal\n   */\n  @Prop() selectionMode: Extract<\"multiple\" | \"single\" | \"single-persist\" | \"none\", SelectionMode> =\n    \"none\";\n\n  /** When `true`, the component is selected.  */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  @Watch(\"selected\")\n  watchSelected(selected: boolean): void {\n    if (this.selectionMode === \"none\") {\n      return;\n    }\n    this.handleSelectionPropertyChange(selected);\n  }\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<ChipMessages>;\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: ChipMessages;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * When true, enables the chip to be focused, and allows the `calciteChipSelect` to emit.\n   * This is set to `true` by a parent Chip Group component.\n   *\n   * @internal\n   */\n  @Prop() interactive = false;\n\n  /**\n   * @internal\n   */\n  @Prop() parentChipGroup: HTMLCalciteChipGroupElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteChipElement;\n\n  @State() defaultMessages: ChipMessages;\n\n  @State() effectiveLocale: string;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() private hasText = false;\n\n  @State() private hasImage = false;\n\n  private containerEl: HTMLDivElement;\n\n  private closeButtonEl: HTMLButtonElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the component's close button is selected.\n   */\n  @Event({ cancelable: false }) calciteChipClose: EventEmitter<void>;\n\n  /**\n   * Fires when the selected state of the component changes.\n   */\n  @Event({ cancelable: false }) calciteChipSelect: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalChipKeyEvent: EventEmitter<KeyboardEvent>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalChipSelect: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalSyncSelectedChips: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    if (this.selectionMode !== \"none\" && this.interactive && this.selected) {\n      this.handleSelectionPropertyChange(this.selected);\n    }\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    if (isBrowser()) {\n      await setUpMessages(this);\n      this.updateHasText();\n    }\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"keydown\")\n  keyDownHandler(event: KeyboardEvent): void {\n    if (event.target === this.el) {\n      switch (event.key) {\n        case \" \":\n        case \"Enter\":\n          this.handleEmittingEvent();\n          event.preventDefault();\n          break;\n        case \"ArrowRight\":\n        case \"ArrowLeft\":\n        case \"Home\":\n        case \"End\":\n          this.calciteInternalChipKeyEvent.emit(event);\n          event.preventDefault();\n          break;\n      }\n    }\n  }\n\n  @Listen(\"click\")\n  clickHandler(): void {\n    if (!this.interactive && this.closable) {\n      this.closeButtonEl.focus();\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    if (!this.disabled && this.interactive) {\n      this.containerEl?.focus();\n    } else if (!this.disabled && this.closable) {\n      this.closeButtonEl?.focus();\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private handleDefaultSlotChange = (): void => {\n    this.updateHasText();\n  };\n\n  private close = (): void => {\n    this.calciteChipClose.emit();\n    this.selected = false;\n    this.closed = true;\n  };\n\n  private closeButtonKeyDownHandler = (event: KeyboardEvent): void => {\n    if (isActivationKey(event.key)) {\n      event.preventDefault();\n      this.close();\n    }\n  };\n\n  private updateHasText() {\n    this.hasText = this.el.textContent.trim().length > 0;\n  }\n\n  private handleSlotImageChange = (event: Event): void => {\n    this.hasImage = slotChangeHasAssignedElement(event);\n  };\n\n  private handleEmittingEvent = (): void => {\n    if (this.interactive) {\n      this.calciteChipSelect.emit();\n    }\n  };\n\n  private handleSelectionPropertyChange(selected: boolean): void {\n    if (this.selectionMode === \"single\") {\n      this.calciteInternalSyncSelectedChips.emit();\n    }\n    const selectedInParent = this.parentChipGroup.selectedItems.includes(this.el);\n\n    if (!selectedInParent && selected && this.selectionMode !== \"multiple\") {\n      this.calciteInternalChipSelect.emit();\n    }\n    if (this.selectionMode !== \"single\") {\n      this.calciteInternalSyncSelectedChips.emit();\n    }\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  renderChipImage(): VNode {\n    return (\n      <div class={CSS.imageContainer}>\n        <slot name={SLOTS.image} onSlotchange={this.handleSlotImageChange} />\n      </div>\n    );\n  }\n\n  renderSelectionIcon(): VNode {\n    const icon =\n      this.selectionMode === \"multiple\"\n        ? this.selected\n          ? ICONS.checkedMultiple\n          : ICONS.uncheckedMultiple\n        : this.selected\n          ? ICONS.checkedSingle\n          : undefined;\n\n    return (\n      <div\n        class={{\n          [CSS.selectIcon]: true,\n          [CSS.selectIconActive]: this.selectionMode === \"multiple\" || this.selected,\n        }}\n      >\n        {icon ? <calcite-icon icon={icon} scale={getIconScale(this.scale)} /> : null}\n      </div>\n    );\n  }\n\n  renderCloseButton(): VNode {\n    return (\n      <button\n        aria-label={this.messages.dismissLabel}\n        class={CSS.close}\n        onClick={this.close}\n        onKeyDown={this.closeButtonKeyDownHandler}\n        ref={(el) => (this.closeButtonEl = el)}\n        tabIndex={this.disabled ? -1 : 0}\n      >\n        <calcite-icon icon={ICONS.close} scale={getIconScale(this.scale)} />\n      </button>\n    );\n  }\n\n  renderIcon(): VNode {\n    return (\n      <calcite-icon\n        class={CSS.chipIcon}\n        flipRtl={this.iconFlipRtl}\n        icon={this.icon}\n        scale={getIconScale(this.scale)}\n      />\n    );\n  }\n\n  render(): VNode {\n    const { disabled } = this;\n    const disableInteraction = disabled || (!disabled && !this.interactive);\n    const role =\n      this.selectionMode === \"multiple\" && this.interactive\n        ? \"checkbox\"\n        : this.selectionMode !== \"none\" && this.interactive\n          ? \"radio\"\n          : this.interactive\n            ? \"button\"\n            : undefined;\n    return (\n      <Host>\n        <InteractiveContainer disabled={disabled}>\n          <div\n            aria-checked={\n              this.selectionMode !== \"none\" && this.interactive\n                ? toAriaBoolean(this.selected)\n                : undefined\n            }\n            aria-label={this.label}\n            class={{\n              [CSS.container]: true,\n              [CSS.textSlotted]: this.hasText,\n              [CSS.imageSlotted]: this.hasImage,\n              [CSS.selectable]: this.selectionMode !== \"none\",\n              [CSS.multiple]: this.selectionMode === \"multiple\",\n              [CSS.single]:\n                this.selectionMode === \"single\" || this.selectionMode === \"single-persist\",\n              [CSS.selected]: this.selected,\n              [CSS.closable]: this.closable,\n              [CSS.nonInteractive]: !this.interactive,\n              [CSS.isCircle]:\n                !this.closable &&\n                !this.hasText &&\n                (!this.icon || !this.hasImage) &&\n                (this.selectionMode === \"none\" ||\n                  (!!this.selectionMode && this.selectionMode !== \"multiple\" && !this.selected)),\n            }}\n            onClick={this.handleEmittingEvent}\n            ref={(el) => (this.containerEl = el)}\n            role={role}\n            tabIndex={disableInteraction ? -1 : 0}\n          >\n            {this.selectionMode !== \"none\" && this.renderSelectionIcon()}\n            {this.renderChipImage()}\n            {this.icon && this.renderIcon()}\n            <span class={CSS.title}>\n              <slot onSlotchange={this.handleDefaultSlotChange} />\n            </span>\n            {this.closable && this.renderCloseButton()}\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-578f8f89.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-import{r as e,c as t,h as n,H as i,g as o}from"./p-0a2f91d4.js";import{t as s,d as c,C as a,e as r,b as l,g as d,D as h}from"./p-806dc8f8.js";import{c as f,d as u}from"./p-c36f2721.js";import{u as m,I as b}from"./p-a805c9c4.js";import{C as p}from"./p-cedaddf4.js";import{g as k}from"./p-fe34acf8.js";import"./p-39b20f1d.js";import"./p-966e4808.js";import"./p-df6c8bd7.js";function g(e){return e?.tagName==="CALCITE-TREE-ITEM"}function x(e){return Array.from(e.querySelectorAll("calcite-tree-item:not([disabled])")).filter((t=>{let n=t;while(n!==e&&n!==undefined){const e=n.parentElement;const t=!g(e)||!e.hasChildren||e.expanded;if(!t){return false}n=n.parentElement}return true}))}const v=":host{display:block}:host(:focus){outline:2px solid transparent;outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}";const y=v;const w=class{constructor(n){e(this,n);this.calciteTreeSelect=t(this,"calciteTreeSelect",6);this.keyDownHandler=e=>{if(this.child){return}const t=this.el;const n=e.target;const i=["ArrowRight","ArrowDown","ArrowLeft","ArrowUp","Home","End","Tab"];if(!(g(n)&&this.el.contains(n))||!i.includes(e.key)){return}const o=x(t);if(e.key==="Tab"){o.forEach((e=>e.tabIndex=-1));return}if(e.key==="ArrowDown"){const t=o.indexOf(n);const i=o[t+1];i?.focus();e.preventDefault();return}if(e.key==="ArrowUp"){const t=o.indexOf(n);const i=o[t-1];i?.focus();e.preventDefault();return}if(e.key==="ArrowLeft"){if(n.hasChildren&&n.expanded){n.expanded=false;e.preventDefault();return}const t=o.slice(0,o.indexOf(n)).reverse();const i=t.find((e=>e.depth===n.depth-1));i?.focus();e.preventDefault();return}if(e.key==="ArrowRight"){if(!n.disabled&&n.hasChildren){if(!n.expanded){n.expanded=true;e.preventDefault()}else{const t=o.indexOf(n);const i=o[t+1];i?.focus();e.preventDefault()}}return}if(e.key==="Home"){const t=o.shift();if(t){t.focus();e.preventDefault()}return}if(e.key==="End"){const t=o.pop();if(t){t.focus();e.preventDefault()}return}};this.lines=false;this.child=undefined;this.scale="m";this.selectionMode="single";this.selectedItems=[]}componentWillRender(){const e=this.el.parentElement?.closest("calcite-tree");this.lines=e?e.lines:this.lines;this.scale=e?e.scale:this.scale;this.selectionMode=e?e.selectionMode:this.selectionMode;this.child=!!e}render(){return n(i,{key:"5b08de1c59622b78985de9019bf4ba11d605a07f","aria-multiselectable":this.child?undefined:s(this.selectionMode==="multiple"||this.selectionMode==="multichildren"),onKeyDown:this.keyDownHandler,role:!this.child?"tree":undefined,tabIndex:this.getRootTabIndex()},n("slot",{key:"00a037cf92cb5facadc4b2961a9369b6ae0631f5"}))}onFocus(){if(!this.child){const e=this.el.querySelector("calcite-tree-item[selected]:not([disabled])")||this.el.querySelector("calcite-tree-item:not([disabled])");c(e)}}onFocusIn(e){const t=e.relatedTarget===this.el||!this.el.contains(e.relatedTarget);if(t){this.el.removeAttribute("tabindex")}}onFocusOut(e){const t=!this.el.contains(e.relatedTarget);if(t){this.el.tabIndex=this.getRootTabIndex()}}onInternalTreeItemSelect(e){if(this.child){return}const t=e.target;const n=a(t.querySelectorAll("calcite-tree-item"));e.preventDefault();e.stopPropagation();if(this.selectionMode==="ancestors"){this.updateAncestorTree(e);return}const i=this.selectionMode==="none";const o=this.selectionMode!==null&&(!t.hasChildren||t.hasChildren&&(this.selectionMode==="children"||this.selectionMode==="multichildren"));const s=this.selectionMode==="multichildren"&&t.hasChildren;const c=!i&&e.detail.modifyCurrentSelection&&(this.selectionMode==="multiple"||this.selectionMode==="multichildren");const r=!c&&((this.selectionMode==="single"||this.selectionMode==="multiple")&&n.length<=0||this.selectionMode==="children"||this.selectionMode==="multichildren"||this.selectionMode==="single-persist"&&!t.hasChildren);const l=["multiple","none","single","single-persist"].includes(this.selectionMode)&&t.hasChildren;const d=[];if(o){d.push(t)}if(r){const e=a(this.el.querySelectorAll("calcite-tree-item[selected]"));e.forEach((e=>{if(!d.includes(e)){e.selected=false}}))}if(l&&["multiple","none","single","single-persist"].includes(this.selectionMode)){t.expanded=!t.expanded}if(s){n.forEach((e=>{e.selected=false;if(e.hasChildren){e.expanded=false}}))}if(c){window.getSelection().removeAllRanges()}if(c&&t.selected){d.forEach((e=>{if(!e.disabled){e.selected=false}}))}else if(!i){d.forEach((e=>{if(!e.disabled){e.selected=this.selectionMode!=="single"||!e.selected}}))}this.selectedItems=i?[]:a(this.el.querySelectorAll("calcite-tree-item")).filter((e=>e.selected));this.calciteTreeSelect.emit();e.stopPropagation()}updateAncestorTree(e){const t=e.target;const n=e.detail.updateItem;if(t.disabled||t.indeterminate&&!n){return}const i=[];let o=t.parentElement.closest("calcite-tree-item");while(o){i.push(o);o=o.parentElement.closest("calcite-tree-item")}const s=Array.from(t.querySelectorAll("calcite-tree-item:not([disabled])"));const c=s.filter((e=>!e.hasChildren));const r=s.filter((e=>e.hasChildren));let l;if(n){l=t.hasChildren?!(t.selected||t.indeterminate):!t.selected}else{l=t.selected}c.forEach((e=>{e.selected=l;e.indeterminate=false}));function d(e,t){const n=e.filter((e=>e.selected));const i=e.filter((e=>!e.selected));t.selected=n.length===e.length;t.indeterminate=n.length>0&&i.length>0}r.reverse().forEach((e=>{const t=Array.from(e.querySelectorAll(":scope > calcite-tree > calcite-tree-item"));d(t,e)}));if(n){if(t.hasChildren){d(s,t)}else{t.selected=l;t.indeterminate=false}}i.forEach((e=>{const t=a(e.querySelectorAll("calcite-tree-item"));const n=t.filter((e=>e.selected));if(n.length===0){e.selected=false;e.indeterminate=false;return}const i=n.length<t.length;e.indeterminate=i;e.selected=!i}));this.selectedItems=a(this.el.querySelectorAll("calcite-tree-item")).filter((e=>e.selected));if(n){this.calciteTreeSelect.emit()}}getRootTabIndex(){return!this.child?0:-1}get el(){return o(this)}};w.style=y;const z={actionsEnd:"actions-end",bulletPointIcon:"bullet-point",checkbox:"checkbox",checkboxContainer:"checkbox-container",checkboxLabel:"checkbox-label",checkmarkIcon:"checkmark",chevron:"chevron",childrenContainer:"children-container",iconStart:"icon-start",itemExpanded:"item--expanded",nodeAndActionsContainer:"node-actions-container",nodeContainer:"node-container"};const A={actionsEnd:"actions-end",children:"children"};const C={blank:"blank",bulletPoint:"bullet-point",checkmark:"check",checkSquareF:"check-square-f",chevronRight:"chevron-right",minusSquareF:"minus-square-f",square:"square"};const I=':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:block;max-inline-size:100%;cursor:pointer;color:var(--calcite-color-text-3)}.node-actions-container{display:flex}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .node-actions-container{min-block-size:1.5rem}:host([scale=s]) .node-actions-container .node-container .checkbox,:host([scale=s]) .node-actions-container .node-container .checkmark,:host([scale=s]) .node-actions-container .node-container .bullet-point{margin-inline:0.25rem}:host([scale=s]) .node-actions-container .node-container .icon-start{margin-inline:0.75rem}:host([scale=s]) .node-actions-container .node-container .chevron{padding:0.25rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .node-actions-container{min-block-size:2rem}:host([scale=m]) .node-actions-container .node-container .checkbox,:host([scale=m]) .node-actions-container .node-container .checkmark,:host([scale=m]) .node-actions-container .node-container .bullet-point{margin-inline:0.5rem}:host([scale=m]) .node-actions-container .node-container .icon-start{margin-inline:0.75rem}:host([scale=m]) .node-actions-container .node-container .chevron{padding:0.5rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .node-actions-container{min-block-size:2.75rem}:host([scale=l]) .node-actions-container .node-container .checkbox,:host([scale=l]) .node-actions-container .node-container .checkmark,:host([scale=l]) .node-actions-container .node-container .bullet-point{margin-inline:0.75rem}:host([scale=l]) .node-actions-container .node-container .icon-start{margin-inline:0.75rem}:host([scale=l]) .node-actions-container .node-container .chevron{padding-inline:var(--calcite-size-md);padding-block:var(--calcite-size-sm-plus)}:host([lines]) .children-container::after{position:absolute;inset-block-start:0px;z-index:var(--calcite-z-index);inline-size:1px;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;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;block-size:96%;content:"";background-color:var(--calcite-color-border-2)}:host(:not([lines])) .node-container::after{display:none}::slotted(*){min-inline-size:0px;max-inline-size:100%;overflow-wrap:break-word;color:inherit;text-decoration:none !important}::slotted(*):hover{text-decoration:none !important}::slotted(a){inline-size:100%;text-decoration-line:none}:host{outline:2px solid transparent;outline-offset:2px}:host .node-container{outline-color:transparent}:host:focus .node-container,:host:active .node-container{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          )}:host(:focus:not([disabled])) .node-container{outline:2px solid transparent;outline-offset:2px;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          )}:host(:focus:not([disabled])) .checkbox{outline:2px solid transparent;outline-offset:2px}.actions-end{display:flex;flex-direction:row;align-items:center;align-self:stretch}.checkbox-container{display:flex;align-items:center}.checkbox{line-height:0;color:var(--calcite-color-border-input)}.checkbox-label{pointer-events:none;display:flex;align-items:center}.children-container{position:relative;block-size:0px;transform-origin:top;overflow:hidden;opacity:0;margin-inline-start:1.25rem;transform:scaleY(0);transition:var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}.item--expanded>.children-container{overflow:visible;opacity:1;transform:none;block-size:auto}.node-container{position:relative;display:flex;min-inline-size:0px;flex-grow:1;align-items:center}.node-container .checkmark,.node-container .bullet-point{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;color:var(--calcite-color-border-1)}.node-container:hover .checkmark,.node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark,:host([selected]) .node-container:hover .bullet-point,:host(:focus:not([disabled])) .node-container .checkmark,:host(:focus:not([disabled])) .node-container .bullet-point{opacity:1}:host([selected]) .node-container,:host([selected]) .node-container:hover{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}:host([selected]) .node-container .bullet-point,:host([selected]) .node-container .checkmark,:host([selected]) .node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark{opacity:1;color:var(--calcite-color-brand)}:host([selection-mode=none]:not([has-children])):host([scale=s]) .node-container{padding-inline-start:0.5rem}:host([selection-mode=none]:not([has-children])):host([scale=m]) .node-container{padding-inline-start:1rem}:host([selection-mode=none]:not([has-children])):host([scale=l]) .node-container{padding-inline-start:1.5rem}:host(:not([has-children])):host([scale=s]) .node-container[data-selection-mode=ancestors] .checkbox{padding-inline-start:1.25rem}:host(:not([has-children])):host([scale=m]) .node-container[data-selection-mode=ancestors] .checkbox{padding-inline-start:1.5rem}:host(:not([has-children])):host([scale=l]) .node-container[data-selection-mode=ancestors] .checkbox{padding-inline-start:1.75rem}:host([has-children]) .node-container[data-selection-mode=ancestors] .checkbox{margin-inline-start:0}:host([has-children]) .node-container .bullet-point,:host([has-children]) .node-container .checkmark{display:none}.chevron{position:relative;align-self:center;color:var(--calcite-color-text-3);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;flex:0 0 auto;transform:rotate(0deg)}.calcite--rtl .chevron{transform:rotate(180deg)}.item--expanded .node-container>.chevron{transform:rotate(90deg)}:host([selected]) .checkmark,:host([selected]) .bullet-point{color:var(--calcite-color-brand)}:host([selected]) .checkbox{color:var(--calcite-color-brand)}:host([has-children][indeterminate]) .checkbox{color:var(--calcite-color-brand)}:host([hidden]){display:none}[hidden]{display:none}';const S=I;const E=class{constructor(n){e(this,n);this.calciteInternalTreeItemSelect=t(this,"calciteInternalTreeItemSelect",6);this.iconClickHandler=e=>{e.stopPropagation();this.expanded=!this.expanded};this.childrenClickHandler=e=>e.stopPropagation();this.userChangedValue=false;this.updateParentIsExpanded=(e,t)=>{const n=r(e,A.children,{all:true,selector:"calcite-tree-item"});n.forEach((e=>e.parentExpanded=t))};this.actionsEndSlotChangeHandler=e=>{this.hasEndActions=l(e)};this.disabled=false;this.label=undefined;this.expanded=false;this.iconFlipRtl=undefined;this.iconStart=undefined;this.selected=false;this.parentExpanded=false;this.depth=-1;this.hasChildren=null;this.lines=undefined;this.scale=undefined;this.indeterminate=false;this.selectionMode=undefined;this.hasEndActions=false;this.updateAfterInitialRender=false}expandedHandler(e){this.updateParentIsExpanded(this.el,e)}handleSelectedChange(e){if(this.selectionMode==="ancestors"&&!this.userChangedValue){if(e){this.indeterminate=false}this.calciteInternalTreeItemSelect.emit({modifyCurrentSelection:true,updateItem:false})}}getSelectionMode(){this.isSelectionMultiLike=this.selectionMode==="multiple"||this.selectionMode==="multichildren"}connectedCallback(){this.parentTreeItem=this.el.parentElement?.closest("calcite-tree-item");if(this.parentTreeItem){const{expanded:e}=this.parentTreeItem;this.updateParentIsExpanded(this.parentTreeItem,e)}f(this)}disconnectedCallback(){u(this)}componentWillRender(){this.hasChildren=!!this.el.querySelector("calcite-tree");this.depth=0;let e=this.el.closest("calcite-tree");if(!e){return}this.selectionMode=e.selectionMode;this.scale=e.scale||"m";this.lines=e.lines;let t;while(e){t=e.parentElement?.closest("calcite-tree");if(t===e){break}else{e=t;this.depth=this.depth+1}}}componentWillLoad(){requestAnimationFrame((()=>this.updateAfterInitialRender=true))}componentDidLoad(){this.updateAncestorTree()}componentDidRender(){m(this)}render(){const e=d(this.el)==="rtl";const t=this.selectionMode==="single"||this.selectionMode==="children"||this.selectionMode==="single-persist";const o=this.selectionMode==="multiple"||this.selectionMode==="multichildren";const c=this.selectionMode==="none"&&!this.hasChildren;const a=this.hasChildren&&this.indeterminate;const r=this.hasChildren?n("calcite-icon",{class:{[z.chevron]:true,[p.rtl]:e},"data-test-id":"icon",icon:C.chevronRight,onClick:this.iconClickHandler,scale:k(this.scale)}):null;const l=n("slot",{key:"default-slot"});const h=this.selectionMode==="ancestors"?n("div",{class:z.checkboxContainer},n("calcite-icon",{class:z.checkbox,icon:this.selected?C.checkSquareF:a?C.minusSquareF:C.square,scale:k(this.scale)}),n("label",{class:z.checkboxLabel},l)):null;const f=t?C.bulletPoint:o?C.checkmark:c?C.blank:null;const u=f?n("calcite-icon",{class:{[z.bulletPointIcon]:f===C.bulletPoint,[z.checkmarkIcon]:f===C.checkmark,[p.rtl]:e},icon:f,scale:k(this.scale)}):null;const m=!(this.parentExpanded||this.depth===1);const g=this.updateAfterInitialRender&&this.expanded;const{hasEndActions:x}=this;const v=n("slot",{key:"actionsEndSlot",name:A.actionsEnd,onSlotchange:this.actionsEndSlotChangeHandler});const y=n("calcite-icon",{key:"251fd8b4ef328e3575268a914b823282d5810b3b",class:z.iconStart,flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:k(this.scale)});return n(i,{key:"9ca6542ef823f536919ef45e249a51acc560e5cd","aria-checked":this.selectionMode==="multiple"||this.selectionMode==="multichildren"||this.selectionMode==="ancestors"?s(this.selected):undefined,"aria-expanded":this.hasChildren?s(g):undefined,"aria-hidden":s(m),"aria-live":"polite","aria-selected":this.selectionMode==="single"||this.selectionMode==="children"||this.selectionMode==="single-persist"?s(this.selected):undefined,"calcite-hydrated-hidden":m,role:"treeitem",tabIndex:this.disabled?-1:0},n(b,{key:"b87535cef45f25a3d962f2ee7a2fe23030c09626",disabled:this.disabled},n("div",{key:"2a4f1e4a647c80ef1d027b795814a03dd933db37",class:{[z.itemExpanded]:g}},n("div",{key:"716fc1eac97264fe3186a0beee9e173415f93b83",class:z.nodeAndActionsContainer},n("div",{key:"286db32250f9978cab481314b2ea3e790248c7f2",class:{[z.nodeContainer]:true,[p.rtl]:e},"data-selection-mode":this.selectionMode},r,u,this.iconStart?y:null,h?h:l),n("div",{key:"2e1eeefae879f7197b5292ecda3b1f831f673efb",class:z.actionsEnd,hidden:!x,ref:e=>this.actionSlotWrapper=e},v)),n("div",{key:"1cb705ab7da1422b2a956ea90e29b489909840f3",class:{[z.childrenContainer]:true,[p.rtl]:e},"data-test-id":"calcite-tree-children",onClick:this.childrenClickHandler,role:this.hasChildren?"group":undefined},n("slot",{key:"e3c968c15f50af07cafd3c3a67746455472e6b6f",name:A.children})))))}onClick(e){if(this.disabled||this.isActionEndEvent(e)){return}const[t]=h(this.el,"a");if(t&&e.composedPath()[0].tagName.toLowerCase()!=="a"){const e=t.target===""?"_self":t.target;window.open(t.href,e)}this.calciteInternalTreeItemSelect.emit({modifyCurrentSelection:this.selectionMode==="ancestors"||this.isSelectionMultiLike,updateItem:true});this.userChangedValue=true}keyDownHandler(e){if(this.isActionEndEvent(e)||e.defaultPrevented){return}switch(e.key){case" ":this.userChangedValue=true;this.calciteInternalTreeItemSelect.emit({modifyCurrentSelection:this.isSelectionMultiLike,updateItem:true});e.preventDefault();break;case"Enter":{const t=Array.from(this.el.children).find((e=>e.matches("a")));this.userChangedValue=true;if(t){t.click();this.selected=true}else{this.calciteInternalTreeItemSelect.emit({modifyCurrentSelection:this.isSelectionMultiLike,updateItem:true})}e.preventDefault()}}}isActionEndEvent(e){const t=e.composedPath();return t.includes(this.actionSlotWrapper)}updateAncestorTree(){const e=this.parentTreeItem;if(this.selectionMode!=="ancestors"||!e){return}if(this.selected){const t=this.el.parentElement;const n=Array.from(t?.children);const i=n.filter((e=>e.selected));if(n.length===i.length){e.selected=true;e.indeterminate=false}else if(i.length>0){e.indeterminate=true}const o=Array.from(this.el.querySelectorAll("calcite-tree-item:not([disabled])"));o.forEach((e=>{e.selected=true;e.indeterminate=false}))}else if(this.indeterminate){const e=this.parentTreeItem;e.indeterminate=true}}get el(){return o(this)}static get watchers(){return{expanded:["expandedHandler"],selected:["handleSelectedChange"],selectionMode:["getSelectionMode"]}}};E.style=S;export{w as calcite_tree,E as calcite_tree_item};
-//# sourceMappingURL=p-578f8f89.entry.js.map

package/dist/calcite/p-59a606d8.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-import{d as _}from"./p-5e711787.js";import"./p-0a2f91d4.js";import"./p-39204c81.js";import"./p-806dc8f8.js";import"./p-39b20f1d.js";import"./p-cedaddf4.js";import"./p-a805c9c4.js";import"./p-103c1961.js";import"./p-7f9ce223.js";import"./p-fe34acf8.js";import"./p-65e04a6e.js";import"./p-df6c8bd7.js";import"./p-2abe8907.js";import"./p-966e4808.js";import"./p-b5c9b47d.js";import"./p-3d516d20.js";import"./p-9e9191b2.js";import"./p-f0661425.js";import"./p-130617eb.js";import"./p-6add61e9.js";var r="січня_лютого_березня_квітня_травня_червня_липня_серпня_вересня_жовтня_листопада_грудня".split("_");var t="січень_лютий_березень_квітень_травень_червень_липень_серпень_вересень_жовтень_листопад_грудень".split("_");var p=/D[oD]?(\[[^[\]]*\]|\s)+MMMM?/;function m(_,r){var t=_.split("_");return r%10===1&&r%100!==11?t[0]:r%10>=2&&r%10<=4&&(r%100<10||r%100>=20)?t[1]:t[2]}function s(_,r,t){var p={ss:r?"секунда_секунди_секунд":"секунду_секунди_секунд",mm:r?"хвилина_хвилини_хвилин":"хвилину_хвилини_хвилин",hh:r?"година_години_годин":"годину_години_годин",dd:"день_дні_днів",MM:"місяць_місяці_місяців",yy:"рік_роки_років"};if(t==="m"){return r?"хвилина":"хвилину"}else if(t==="h"){return r?"година":"годину"}return _+" "+m(p[t],+_)}var e=function _(m,s){if(p.test(s)){return r[m.month()]}return t[m.month()]};e.s=t;e.f=r;var o={name:"uk",weekdays:"неділя_понеділок_вівторок_середа_четвер_п’ятниця_субота".split("_"),weekdaysShort:"ндл_пнд_втр_срд_чтв_птн_сбт".split("_"),weekdaysMin:"нд_пн_вт_ср_чт_пт_сб".split("_"),months:e,monthsShort:"січ_лют_бер_квіт_трав_черв_лип_серп_вер_жовт_лист_груд".split("_"),weekStart:1,relativeTime:{future:"за %s",past:"%s тому",s:"декілька секунд",m:s,mm:s,h:s,hh:s,d:"день",dd:s,M:"місяць",MM:s,y:"рік",yy:s},ordinal:function _(r){return r},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"}};_.locale(o,null,true);export{o as default};
-//# sourceMappingURL=p-59a606d8.js.map

package/dist/calcite/p-5a37373d.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-import{r as t,c as e,h as i,H as a,g as n}from"./p-0a2f91d4.js";import{s as o,k as s,t as r,g as c,B as l}from"./p-806dc8f8.js";import{c as h,d}from"./p-2abe8907.js";import{g as u}from"./p-39b20f1d.js";import{u as p,I as f}from"./p-a805c9c4.js";import{a as m,s as g,c as v}from"./p-65e04a6e.js";import{c as b,d as k,s as y,u as x}from"./p-f0661425.js";import{c as w}from"./p-966e4808.js";import{b as I}from"./p-d913b09a.js";import{g as z}from"./p-e2152231.js";import"./p-cedaddf4.js";import"./p-103c1961.js";import"./p-df6c8bd7.js";const C=6e3;const j={container:"container",containerOverlaid:"container--overlaid",containerEdged:"container--edged",itemContainer:"item-container",itemContainerForward:"item-container--forward",itemContainerBackward:"item-container--backward",pagination:"pagination",paginationItems:"pagination-items",paginationItem:"pagination-item",paginationItemIndividual:"pagination-item--individual",paginationItemVisible:"pagination-item--visible",paginationItemOutOfRange:"pagination-item--out-of-range",paginationItemSelected:"pagination-item--selected",paginationItemRangeEdge:"pagination-item--range-edge",pageNext:"page-next",pagePrevious:"page-previous",autoplayControl:"autoplay-control",autoplayProgress:"autoplay-progress"};const W={chevronLeft:"chevron-left",chevronRight:"chevron-right",inactive:"bullet-point",active:"bullet-point-large",pause:"pause-f",play:"play-f"};const L={medium:7,small:5,xsmall:3,xxsmall:1};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;inline-size:100%;--calcite-internal-internal-carousel-item-space:1.5rem;--calcite-internal-internal-carousel-item-space-wide:3.5rem;--calcite-internal-internal-carousel-item-background-color:var(\n    --calcite-internal-carousel-item-background-color,\n    var(--calcite-color-foreground-1)\n  );--calcite-internal-internal-carousel-item-background-color-hover:var(\n    --calcite-internal-carousel-item-background-color-hover,\n    var(--calcite-color-foreground-2)\n  );--calcite-internal-internal-carousel-item-background-color-active:var(\n    --calcite-internal-carousel-item-background-color-active,\n    var(--calcite-color-foreground-2)\n  );--calcite-internal-internal-carousel-item-background-color-selected:var(\n    --calcite-internal-carousel-item-background-color-selected,\n    var(--calcite-color-foreground-1)\n  );--calcite-internal-internal-carousel-item-icon-color-hover:var(\n    --calcite-internal-carousel-item-icon-color-hover,\n    var(--calcite-action-color-transparent-hover)\n  );--calcite-internal-internal-carousel-item-icon-color:var(\n    --calcite-internal-carousel-item-icon-color,\n    var(--calcite-color-border-3)\n  );--calcite-internal-internal-carousel-item-icon-color-selected:var(\n    --calcite-internal-carousel-item-icon-color-selected,\n    var(--calcite-color-brand)\n  );--calcite-internal-internal-carousel-control-color-hover:var(\n    --calcite-internal-carousel-control-color-hover,\n    var(--calcite-internal-carousel-item-icon-color-hover)\n  );--calcite-internal-internal-carousel-control-color:var(\n    --calcite-internal-carousel-item-icon-color,\n    var(--calcite-color-border-input)\n  );--calcite-internal-internal-carousel-autoplay-progress-background-color:var(\n    --calcite-internal-carousel-autoplay-progress-background-color,\n    var(--calcite-color-border-3)\n  );--calcite-internal-internal-carousel-autoplay-progress-fill-color:var(\n    --calcite-internal-carousel-autoplay-progress-fill-color,\n    var(--calcite-color-brand)\n  )}.container{position:relative;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2);outline-color:transparent}.container:focus{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          )}.container--edged:not(.container--overlaid){padding-inline:var(--calcite-internal-internal-carousel-item-space-wide);inline-size:calc(100% - var(--calcite-internal-internal-carousel-item-space-wide) * 2)}.item-container{display:flex;flex:1 1 auto;align-items:flex-start;justify-content:center;overflow:auto;padding:0.25rem;animation-name:none;animation-duration:var(--calcite-animation-timing)}.container--overlaid .item-container{padding:0px}.item-container--forward{animation-name:item-forward}.item-container--backward{animation-name:item-backward}calcite-carousel-item:not([selected]){opacity:0}.pagination{margin:0.75rem;display:flex;flex-direction:row;align-items:center;justify-content:center;inline-size:auto}.pagination-items{display:flex;flex-direction:row;align-items:center}.container--overlaid .pagination{position:absolute}.pagination-item.page-next,.pagination-item.page-previous{color:var(--calcite-internal-internal-carousel-control-color)}.pagination-item.page-next:hover,.pagination-item.page-previous:hover{color:var(--calcite-internal-internal-carousel-control-color-hover)}.container--edged .page-next,.container--edged .page-previous{block-size:3rem;inline-size:3rem;position:absolute;inset-block-start:50%;transform:translateY(-50%)}.container--edged .page-next{inset-inline-end:0}.container--edged .page-previous{inset-inline-start:0}.container--overlaid .pagination{inset-block-start:unset;inset-block-end:0;inset-inline:0}.pagination-item.autoplay-control{position:relative;color:var(--calcite-internal-internal-carousel-control-color);--calcite-color-brand:var(--calcite-internal-internal-carousel-autoplay-progress-fill-color);--calcite-color-border-3:var(--calcite-internal-internal-carousel-autoplay-progress-background-color)}.autoplay-control:focus .autoplay-progress{inset-block-end:4px;inset-inline:2px;inline-size:calc(100% - 4px)}.autoplay-progress{position:absolute;inset-block-end:2px;inset-inline:0;inline-size:100%}.pagination-item{margin:0px;block-size:2rem;inline-size:2rem;cursor:pointer;align-items:center;border-style:none;background-color:transparent;outline-color:transparent;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;-webkit-appearance:none;display:flex;align-content:center;justify-content:center;--calcite-color-foreground-1:var(--calcite-internal-internal-carousel-item-background-color);color:var(--calcite-internal-internal-carousel-item-icon-color)}.pagination-item:hover{background-color:var(--calcite-internal-internal-carousel-item-background-color-hover);color:var(--calcite-internal-internal-carousel-item-icon-color-hover)}.pagination-item:focus{background-color:var(--calcite-internal-internal-carousel-item-background-color-active);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          )}.pagination-item:active{background-color:var(--calcite-internal-internal-carousel-item-background-color-active);color:var(--calcite-internal-internal-carousel-item-icon-color-hover)}.pagination-item calcite-icon{color:inherit;pointer-events:none}.pagination-item.pagination-item--selected{--calcite-color-foreground-1:var(--calcite-internal-internal-carousel-item-background-color-selected);--calcite-color-foreground-3:var(--calcite-internal-internal-carousel-item-background-color-selected);color:var(--calcite-internal-internal-carousel-item-icon-color-selected)}.pagination-item--individual{pointer-events:none;inline-size:0px;padding:0px;opacity:0;visibility:hidden;transition:var(--calcite-animation-timing) ease-in-out inline-size, var(--calcite-animation-timing) ease-in-out padding, var(--calcite-animation-timing) ease-in-out opacity}.pagination-item--individual.pagination-item--visible{pointer-events:auto;inline-size:2rem;opacity:1;visibility:visible}.pagination-item--range-edge calcite-icon{scale:0.75;transition:var(--calcite-animation-timing) ease-in-out scale}.container--overlaid .pagination-item{background-color:var(--calcite-internal-internal-carousel-item-background-color)}.container--overlaid .pagination-item:hover{background-color:var(--calcite-internal-internal-carousel-item-background-color-hover)}.container--overlaid .pagination-item:focus{background-color:var(--calcite-internal-internal-carousel-item-background-color-active)}.container--overlaid .pagination-item:active{background-color:var(--calcite-internal-internal-carousel-item-background-color-active)}@keyframes item-forward{0%{transform:translate3d(100px, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes item-backward{0%{transform:translate3d(-100px, 0, 0)}100%{transform:translate3d(0, 0, 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 E=class{constructor(a){t(this,a);this.calciteCarouselChange=e(this,"calciteCarouselChange",6);this.calciteCarouselPlay=e(this,"calciteCarouselPlay",6);this.calciteCarouselStop=e(this,"calciteCarouselStop",6);this.calciteCarouselPause=e(this,"calciteCarouselPause",6);this.calciteCarouselResume=e(this,"calciteCarouselResume",6);this.containerId=`calcite-carousel-container-${u()}`;this.slideDurationInterval=null;this.slideInterval=null;this.resizeObserver=w("resize",(t=>t.forEach(this.resizeHandler)));this.resizeHandler=({contentRect:{width:t}})=>{this.setMaxItemsToBreakpoint(t)};this.autoplayHandler=()=>{this.clearIntervals();this.slideDurationInterval=setInterval(this.timer,this.autoplayDuration/100)};this.timer=()=>{let t=this.slideDurationRemaining;const e=!this.suspendedDueToFocus&&!this.suspendedDueToHover||this.userPreventsSuspend;if(e){if(t<=.01){t=1;this.nextItem(false)}else{t=t-.01}}if(t>0){this.slideDurationRemaining=t}};this.handleSlotChange=t=>{const e=o(t);if(e.length<1){return}const i=e.findIndex((t=>t.selected));const a=i>-1?i:0;this.items=e;this.setSelectedItem(a,false)};this.setSelectedItem=(t,e)=>{const i=this.selectedIndex;this.items.forEach(((e,i)=>{const a=t===i;e.selected=a;if(a){this.selectedItem=e;this.selectedIndex=i}}));if(e){this.playing=false;if(i!==this.selectedIndex){this.calciteCarouselChange.emit()}}};this.handleArrowClick=t=>{const e=t.target.dataset.direction;if(e==="next"){this.direction="forward";this.nextItem(true)}else if(e==="previous"){this.direction="backward";this.previousItem()}};this.handleItemSelection=t=>{const e=t.target;const i=parseInt(e.dataset.index);if(i===this.selectedIndex){return}if(this.playing){this.handlePause(true)}this.direction=i>this.selectedIndex?"forward":"backward";this.setSelectedItem(i,true)};this.toggleRotation=()=>{this.userPreventsSuspend=true;if(this.playing){this.handlePause(true)}else{this.handlePlay(true)}};this.handleFocusIn=()=>{const t=this.playing;if(t){this.suspendedDueToFocus=true}if((!this.suspendedDueToFocus||!this.suspendedDueToHover)&&t){this.calciteCarouselPause.emit()}};this.handleMouseIn=()=>{const t=this.playing;if(t){this.suspendedDueToHover=true}if((!this.suspendedDueToFocus||!this.suspendedDueToHover)&&t){this.calciteCarouselPause.emit()}};this.handleMouseOut=t=>{const e=!this.el.contains(t.relatedTarget);const i=this.playing;if(e&&i){this.suspendedDueToHover=false}if(e&&i&&!this.suspendedDueToFocus){this.userPreventsSuspend=false;this.calciteCarouselResume.emit()}};this.handleFocusOut=t=>{const e=!t.composedPath().includes(t.relatedTarget);const i=this.playing;if(e&&i){this.suspendedDueToFocus=false}if(e&&i&&!this.suspendedDueToHover){this.userPreventsSuspend=false;this.calciteCarouselResume.emit()}};this.containerKeyDownHandler=t=>{if(t.target!==this.container){return}const e=this.items.length-1;switch(t.key){case" ":case"Enter":t.preventDefault();if(this.autoplay===""||this.autoplay||this.autoplay==="paused"){this.toggleRotation()}break;case"ArrowRight":t.preventDefault();this.direction="forward";this.nextItem(true);break;case"ArrowLeft":t.preventDefault();this.direction="backward";this.previousItem();break;case"Home":t.preventDefault();if(this.selectedIndex===0){return}this.direction="backward";this.setSelectedItem(0,true);break;case"End":t.preventDefault();if(this.selectedIndex===e){return}this.direction="forward";this.setSelectedItem(e,true);break}};this.tabListKeyDownHandler=t=>{const e=Array(...this.tabList.querySelectorAll(`button:not(.${j.paginationItemOutOfRange})`));const i=t.target;switch(t.key){case"ArrowRight":s(e,i,"next");break;case"ArrowLeft":s(e,i,"previous");break;case"Home":t.preventDefault();s(e,i,"first");break;case"End":t.preventDefault();s(e,i,"last");break}};this.storeTabListRef=t=>{this.tabList=t};this.storeContainerRef=t=>{this.container=t};this.storeItemContainerRef=t=>{this.itemContainer=t};this.renderRotationControl=()=>{const t=this.playing?this.messages.pause:this.messages.play;return i("button",{"aria-label":t,class:{[j.paginationItem]:true,[j.autoplayControl]:true},onClick:this.toggleRotation,title:t},i("calcite-icon",{icon:this.playing?W.pause:W.play,scale:"s"}),this.playing&&i("calcite-progress",{class:j.autoplayProgress,label:this.messages.carouselItemProgress,value:this.slideDurationRemaining}))};this.renderPaginationArea=()=>i("div",{class:{[j.pagination]:true,[j.containerOverlaid]:this.controlOverlay},onKeyDown:this.tabListKeyDownHandler,ref:this.storeTabListRef},(this.playing||this.autoplay===""||this.autoplay||this.autoplay==="paused")&&this.renderRotationControl(),this.arrowType==="inline"&&this.renderArrow("previous"),this.renderPaginationItems(),this.arrowType==="inline"&&this.renderArrow("next"));this.renderPaginationItems=()=>{const{selectedIndex:t,maxItems:e,items:a,label:n,handleItemSelection:o}=this;return i("div",{"aria-label":n,class:j.paginationItems,role:"tablist"},a.map(((n,s)=>{const c=a.length;const l=s===t;const h=s===0;const d=s===c-1;const u=c-e-1;const p=t<e;const f=t>=u;const m=p?0:t-Math.floor(e/2);const g=f?c:m+e;const v=p?0:f?u:m;const b=p?e+1:g;const k=!h&&!d&&!l&&(s===v-1||s===b);const y=l||s<=b&&s>=v-1;const x=c-1<=e;const w=l?W.active:W.inactive;return i("button",{"aria-controls":!l?n.id:undefined,"aria-selected":r(l),class:{[j.paginationItem]:true,[j.paginationItemIndividual]:true,[j.paginationItemSelected]:l,[j.paginationItemRangeEdge]:c-1>e&&k,[j.paginationItemOutOfRange]:!(x||y),[j.paginationItemVisible]:x||y},"data-index":s,key:n.id,onClick:o,role:"tab",title:n.label},i("calcite-icon",{icon:w,scale:"l"}))})))};this.renderArrow=t=>{const e=t==="previous";const a=c(this.el);const n=this.arrowType==="edge"?"m":"s";const o=e?j.pagePrevious:j.pageNext;const s=e?this.messages.previous:this.messages.next;const r=e?W.chevronLeft:W.chevronRight;return i("button",{"aria-controls":this.containerId,class:{[j.paginationItem]:true,[o]:true},"data-direction":t,onClick:this.handleArrowClick,title:s},i("calcite-icon",{flipRtl:a==="rtl",icon:r,scale:n}))};this.autoplay=false;this.arrowType="inline";this.autoplayDuration=C;this.controlOverlay=false;this.disabled=false;this.label=undefined;this.messages=undefined;this.messageOverrides=undefined;this.paused=undefined;this.selectedItem=undefined;this.selectedIndex=undefined;this.items=[];this.direction="standby";this.defaultMessages=undefined;this.playing=false;this.suspendedDueToFocus=false;this.suspendedDueToHover=false;this.userPreventsSuspend=false;this.effectiveLocale="";this.suspendedSlideDurationRemaining=1;this.slideDurationRemaining=1;this.maxItems=L.xxsmall}autoplayWatcher(t){if(!t){this.handlePause(false)}}onMessagesChange(){}connectedCallback(){h(this);b(this);this.resizeObserver?.observe(this.el)}componentDidLoad(){m(this)}componentDidRender(){p(this)}disconnectedCallback(){d(this);k(this);this.clearIntervals();this.resizeObserver?.disconnect()}async componentWillLoad(){if((this.autoplay===""||this.autoplay)&&this.autoplay!=="paused"){this.handlePlay(false)}else if(this.autoplay==="paused"){this.paused=true}g(this);await y(this)}async setFocus(){await v(this);this.container?.focus()}async play(){if(this.playing||this.autoplay!==""&&!this.autoplay&&this.autoplay!=="paused"){return}this.handlePlay(true)}async stop(){if(!this.playing){return}this.handlePause(true)}async directionWatcher(t){if(t==="standby"){return}await l(this.itemContainer,t==="forward"?"item-forward":"item-backward");this.direction="standby"}playingWatcher(){this.paused=!this.playing}suspendWatcher(){if(!this.suspendedDueToFocus&&!this.suspendedDueToHover){this.suspendEnd()}else{this.suspendStart()}}async effectiveLocaleChange(){await x(this,this.effectiveLocale)}setMaxItemsToBreakpoint(t){if(!t){return}if(t>=I.width.small){this.maxItems=L.medium;return}if(t>=I.width.xsmall){this.maxItems=L.small;return}if(t>=I.width.xxsmall){this.maxItems=L.xsmall;return}this.maxItems=L.xxsmall}clearIntervals(){clearInterval(this.slideDurationInterval);clearInterval(this.slideInterval)}nextItem(t){if(this.playing&&t){this.playing=false}const e=z(this.selectedIndex+1,this.items.length);this.setSelectedItem(e,t)}previousItem(){this.playing=false;const t=z(Math.max(this.selectedIndex-1,-1),this.items.length);this.setSelectedItem(t,true)}handlePlay(t){this.playing=true;this.autoplayHandler();this.slideInterval=setInterval(this.autoplayHandler,this.autoplayDuration);if(t){this.calciteCarouselPlay.emit()}}handlePause(t){this.playing=false;this.clearIntervals();this.slideDurationRemaining=1;this.suspendedSlideDurationRemaining=1;if(t){this.calciteCarouselStop.emit()}}suspendStart(){this.suspendedSlideDurationRemaining=this.slideDurationRemaining}suspendEnd(){this.slideDurationRemaining=this.suspendedSlideDurationRemaining}render(){const{direction:t}=this;return i(a,{key:"c41171a3b16c6aad1b37f4631a2d123acaca752d"},i(f,{key:"03c90c14f2b3f948c0e349bede237d29ed292c7f",disabled:this.disabled},i("div",{key:"df9af99e67d3b9c61dd6ccac74e82237e8eb17c4","aria-label":this.label,"aria-live":this.playing?"off":"polite","aria-roledescription":this.messages.carousel,class:{[j.container]:true,[j.containerOverlaid]:this.controlOverlay,[j.containerEdged]:this.arrowType==="edge"},onFocusin:this.handleFocusIn,onFocusout:this.handleFocusOut,onKeyDown:this.containerKeyDownHandler,onMouseEnter:this.handleMouseIn,onMouseLeave:this.handleMouseOut,ref:this.storeContainerRef,role:"group",tabIndex:0},i("section",{key:"7c274a35b9186ba9bb04fd8124be6893eee46e5f",class:{[j.itemContainer]:true,[j.itemContainerForward]:t==="forward",[j.itemContainerBackward]:t==="backward"},id:this.containerId,ref:this.storeItemContainerRef},i("slot",{key:"0f2497545f4cf4a311ab871bcaf5ff16fe677c77",onSlotchange:this.handleSlotChange})),this.items.length>1&&this.renderPaginationArea(),this.arrowType==="edge"&&this.renderArrow("previous"),this.arrowType==="edge"&&this.renderArrow("next"))))}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{autoplay:["autoplayWatcher"],messageOverrides:["onMessagesChange"],direction:["directionWatcher"],playing:["playingWatcher"],suspendedDueToFocus:["suspendWatcher"],suspendedDueToHover:["suspendWatcher"],effectiveLocale:["effectiveLocaleChange"]}}};E.style=D;const M={container:"container",selected:"selected"};const P=":host{display:flex}.container{display:none;inline-size:var(--calcite-container-size-content-fluid)}:host([selected]) .container{display:block}:host([hidden]){display:none}[hidden]{display:none}";const A=P;const F=class{constructor(e){t(this,e);this.guid=`calcite-carousel-item-${u()}`;this.label=undefined;this.selected=false}render(){const t=this.el.id||this.guid;return i(a,{key:"5606df99edd6007701f391f095c88270eed4ccf1",id:t},i("div",{key:"7147a10dbb3fa9292da09207709bfa5e7e857bf9","aria-label":this.label,class:{[M.container]:true,[M.selected]:this.selected},role:"tabpanel"},i("slot",{key:"8b6876c8fc55afd1cac458b97063f66dff2cd9e2"})))}get el(){return n(this)}};F.style=A;export{E as calcite_carousel,F as calcite_carousel_item};
-//# sourceMappingURL=p-5a37373d.entry.js.map

package/dist/calcite/p-5e711787.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-import{r as t,c as e,h as i,H as s,g as n}from"./p-0a2f91d4.js";import{s as r,c as a,d as o,H as c}from"./p-39204c81.js";import{u as h,I as u}from"./p-a805c9c4.js";import{n as l}from"./p-103c1961.js";import{c as d,d as f,g as m}from"./p-7f9ce223.js";import{c as p,s as b,a as v}from"./p-65e04a6e.js";import{n as g,f as k,i as y,e as w,g as S,c as M,d as D}from"./p-2abe8907.js";import{a as x,d as Y,c as j}from"./p-b5c9b47d.js";import{d as L,g as I}from"./p-9e9191b2.js";import{u as A,c as $,s as C,d as T}from"./p-f0661425.js";import{g as H}from"./p-fe34acf8.js";import{V as z}from"./p-130617eb.js";import{f as F,t as P}from"./p-806dc8f8.js";import{s as _}from"./p-6add61e9.js";var O=60;var W=O*60;var U=W*24;var B=U*7;var Z=1e3;var R=O*Z;var N=W*Z;var E=U*Z;var K=B*Z;var J="millisecond";var V="second";var X="minute";var q="hour";var G="day";var Q="week";var tt="month";var et="quarter";var it="year";var st="date";var nt="YYYY-MM-DDTHH:mm:ssZ";var rt="Invalid Date";var at=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/;var ot=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g;const ct={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function t(e){var i=["th","st","nd","rd"];var s=e%100;return"["+e+(i[(s-20)%10]||i[s]||i[0])+"]"}};const ht=Object.freeze({__proto__:null,default:ct});var ut=function t(e,i,s){var n=String(e);if(!n||n.length>=i)return e;return""+Array(i+1-n.length).join(s)+e};var lt=function t(e){var i=-e.utcOffset();var s=Math.abs(i);var n=Math.floor(s/60);var r=s%60;return""+(i<=0?"+":"-")+ut(n,2,"0")+":"+ut(r,2,"0")};var dt=function t(e,i){if(e.date()<i.date())return-t(i,e);var s=(i.year()-e.year())*12+(i.month()-e.month());var n=e.clone().add(s,tt);var r=i-n<0;var a=e.clone().add(s+(r?-1:1),tt);return+(-(s+(i-n)/(r?n-a:a-n))||0)};var ft=function t(e){return e<0?Math.ceil(e)||0:Math.floor(e)};var mt=function t(e){var i={M:tt,y:it,w:Q,d:G,D:st,h:q,m:X,s:V,ms:J,Q:et};return i[e]||String(e||"").toLowerCase().replace(/s$/,"")};var pt=function t(e){return e===undefined};const bt={s:ut,z:lt,m:dt,a:ft,p:mt,u:pt};var vt="en";var gt={};gt[vt]=ct;var kt="$isDayjsObject";var yt=function t(e){return e instanceof Yt||!!(e&&e[kt])};var wt=function t(e,i,s){var n;if(!e)return vt;if(typeof e==="string"){var r=e.toLowerCase();if(gt[r]){n=r}if(i){gt[r]=i;n=r}var a=e.split("-");if(!n&&a.length>1){return t(a[0])}}else{var o=e.name;gt[o]=e;n=o}if(!s&&n)vt=n;return n||!s&&vt};var St=function t(e,i){if(yt(e)){return e.clone()}var s=typeof i==="object"?i:{};s.date=e;s.args=arguments;return new Yt(s)};var Mt=function t(e,i){return St(e,{locale:i.$L,utc:i.$u,x:i.$x,$offset:i.$offset})};var Dt=bt;Dt.l=wt;Dt.i=yt;Dt.w=Mt;var xt=function t(e){var i=e.date,s=e.utc;if(i===null)return new Date(NaN);if(Dt.u(i))return new Date;if(i instanceof Date)return new Date(i);if(typeof i==="string"&&!/Z$/i.test(i)){var n=i.match(at);if(n){var r=n[2]-1||0;var a=(n[7]||"0").substring(0,3);if(s){return new Date(Date.UTC(n[1],r,n[3]||1,n[4]||0,n[5]||0,n[6]||0,a))}return new Date(n[1],r,n[3]||1,n[4]||0,n[5]||0,n[6]||0,a)}}return new Date(i)};var Yt=function(){function t(t){this.$L=wt(t.locale,null,true);this.parse(t);this.$x=this.$x||t.x||{};this[kt]=true}var e=t.prototype;e.parse=function t(e){this.$d=xt(e);this.init()};e.init=function t(){var e=this.$d;this.$y=e.getFullYear();this.$M=e.getMonth();this.$D=e.getDate();this.$W=e.getDay();this.$H=e.getHours();this.$m=e.getMinutes();this.$s=e.getSeconds();this.$ms=e.getMilliseconds()};e.$utils=function t(){return Dt};e.isValid=function t(){return!(this.$d.toString()===rt)};e.isSame=function t(e,i){var s=St(e);return this.startOf(i)<=s&&s<=this.endOf(i)};e.isAfter=function t(e,i){return St(e)<this.startOf(i)};e.isBefore=function t(e,i){return this.endOf(i)<St(e)};e.$g=function t(e,i,s){if(Dt.u(e))return this[i];return this.set(s,e)};e.unix=function t(){return Math.floor(this.valueOf()/1e3)};e.valueOf=function t(){return this.$d.getTime()};e.startOf=function t(e,i){var s=this;var n=!Dt.u(i)?i:true;var r=Dt.p(e);var a=function t(e,i){var r=Dt.w(s.$u?Date.UTC(s.$y,i,e):new Date(s.$y,i,e),s);return n?r:r.endOf(G)};var o=function t(e,i){var r=[0,0,0,0];var a=[23,59,59,999];return Dt.w(s.toDate()[e].apply(s.toDate("s"),(n?r:a).slice(i)),s)};var c=this.$W,h=this.$M,u=this.$D;var l="set"+(this.$u?"UTC":"");switch(r){case it:return n?a(1,0):a(31,11);case tt:return n?a(1,h):a(0,h+1);case Q:{var d=this.$locale().weekStart||0;var f=(c<d?c+7:c)-d;return a(n?u-f:u+(6-f),h)}case G:case st:return o(l+"Hours",0);case q:return o(l+"Minutes",1);case X:return o(l+"Seconds",2);case V:return o(l+"Milliseconds",3);default:return this.clone()}};e.endOf=function t(e){return this.startOf(e,false)};e.$set=function t(e,i){var s;var n=Dt.p(e);var r="set"+(this.$u?"UTC":"");var a=(s={},s[G]=r+"Date",s[st]=r+"Date",s[tt]=r+"Month",s[it]=r+"FullYear",s[q]=r+"Hours",s[X]=r+"Minutes",s[V]=r+"Seconds",s[J]=r+"Milliseconds",s)[n];var o=n===G?this.$D+(i-this.$W):i;if(n===tt||n===it){var c=this.clone().set(st,1);c.$d[a](o);c.init();this.$d=c.set(st,Math.min(this.$D,c.daysInMonth())).$d}else if(a)this.$d[a](o);this.init();return this};e.set=function t(e,i){return this.clone().$set(e,i)};e.get=function t(e){return this[Dt.p(e)]()};e.add=function t(e,i){var s=this,n;e=Number(e);var r=Dt.p(i);var a=function t(i){var n=St(s);return Dt.w(n.date(n.date()+Math.round(i*e)),s)};if(r===tt){return this.set(tt,this.$M+e)}if(r===it){return this.set(it,this.$y+e)}if(r===G){return a(1)}if(r===Q){return a(7)}var o=(n={},n[X]=R,n[q]=N,n[V]=Z,n)[r]||1;var c=this.$d.getTime()+e*o;return Dt.w(c,this)};e.subtract=function t(e,i){return this.add(e*-1,i)};e.format=function t(e){var i=this;var s=this.$locale();if(!this.isValid())return s.invalidDate||rt;var n=e||nt;var r=Dt.z(this);var a=this.$H,o=this.$m,c=this.$M;var h=s.weekdays,u=s.months,l=s.meridiem;var d=function t(e,s,r,a){return e&&(e[s]||e(i,n))||r[s].slice(0,a)};var f=function t(e){return Dt.s(a%12||12,e,"0")};var m=l||function(t,e,i){var s=t<12?"AM":"PM";return i?s.toLowerCase():s};var p=function t(e){switch(e){case"YY":return String(i.$y).slice(-2);case"YYYY":return Dt.s(i.$y,4,"0");case"M":return c+1;case"MM":return Dt.s(c+1,2,"0");case"MMM":return d(s.monthsShort,c,u,3);case"MMMM":return d(u,c);case"D":return i.$D;case"DD":return Dt.s(i.$D,2,"0");case"d":return String(i.$W);case"dd":return d(s.weekdaysMin,i.$W,h,2);case"ddd":return d(s.weekdaysShort,i.$W,h,3);case"dddd":return h[i.$W];case"H":return String(a);case"HH":return Dt.s(a,2,"0");case"h":return f(1);case"hh":return f(2);case"a":return m(a,o,true);case"A":return m(a,o,false);case"m":return String(o);case"mm":return Dt.s(o,2,"0");case"s":return String(i.$s);case"ss":return Dt.s(i.$s,2,"0");case"SSS":return Dt.s(i.$ms,3,"0");case"Z":return r}return null};return n.replace(ot,(function(t,e){return e||p(t)||r.replace(":","")}))};e.utcOffset=function t(){return-Math.round(this.$d.getTimezoneOffset()/15)*15};e.diff=function t(e,i,s){var n=this;var r=Dt.p(i);var a=St(e);var o=(a.utcOffset()-this.utcOffset())*R;var t=this-a;var c=function t(){return Dt.m(n,a)};var h;switch(r){case it:h=c()/12;break;case tt:h=c();break;case et:h=c()/3;break;case Q:h=(t-o)/K;break;case G:h=(t-o)/E;break;case q:h=t/N;break;case X:h=t/R;break;case V:h=t/Z;break;default:h=t;break}return s?h:Dt.a(h)};e.daysInMonth=function t(){return this.endOf(tt).$D};e.$locale=function t(){return gt[this.$L]};e.locale=function t(e,i){if(!e)return this.$L;var s=this.clone();var n=wt(e,i,true);if(n)s.$L=n;return s};e.clone=function t(){return Dt.w(this.$d,this)};e.toDate=function t(){return new Date(this.valueOf())};e.toJSON=function t(){return this.isValid()?this.toISOString():null};e.toISOString=function t(){return this.$d.toISOString()};e.toString=function t(){return this.$d.toUTCString()};return t}();var jt=Yt.prototype;St.prototype=jt;[["$ms",J],["$s",V],["$m",X],["$H",q],["$W",G],["$M",tt],["$y",it],["$D",st]].forEach((function(t){jt[t[1]]=function(e){return this.$g(e,t[0],t[1])}}));St.extend=function(t,e){if(!t.$i){t(e,Yt,St);t.$i=true}return St};St.locale=wt;St.isDayjs=yt;St.unix=function(t){return St(t*1e3)};St.en=gt[vt];St.Ls=gt;St.p={};var Lt=function t(e){return e.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(t,e,i){return e||i.slice(1)}))};var It={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"};var At=function t(e,i){return e.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(t,e,s){var n=s&&s.toUpperCase();return e||i[s]||It[s]||Lt(i[n])}))};var $t=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g;var Ct=/\d/;var Tt=/\d\d/;var Ht=/\d{3}/;var zt=/\d{4}/;var Ft=/\d\d?/;var Pt=/[+-]?\d+/;var _t=/[+-]\d\d:?(\d\d)?|Z/;var Ot=/\d*[^-_:/,()\s\d]+/;var Wt={};var Ut=function t(e){e=+e;return e+(e>68?1900:2e3)};function Bt(t){if(!t)return 0;if(t==="Z")return 0;var e=t.match(/([+-]|\d\d)/g);var i=+(e[1]*60)+(+e[2]||0);return i===0?0:e[0]==="+"?-i:i}var Zt=function t(e){return function(t){this[e]=+t}};var Rt=[_t,function(t){var e=this.zone||(this.zone={});e.offset=Bt(t)}];var Nt=function t(e){var i=Wt[e];return i&&(i.indexOf?i:i.s.concat(i.f))};var Et=function t(e,i){var s;var n=Wt,r=n.meridiem;if(!r){s=e===(i?"pm":"PM")}else{for(var a=1;a<=24;a+=1){if(e.indexOf(r(a,0,i))>-1){s=a>12;break}}}return s};var Kt={A:[Ot,function(t){this.afternoon=Et(t,false)}],a:[Ot,function(t){this.afternoon=Et(t,true)}],S:[Ct,function(t){this.milliseconds=+t*100}],SS:[Tt,function(t){this.milliseconds=+t*10}],SSS:[Ht,function(t){this.milliseconds=+t}],s:[Ft,Zt("seconds")],ss:[Ft,Zt("seconds")],m:[Ft,Zt("minutes")],mm:[Ft,Zt("minutes")],H:[Ft,Zt("hours")],h:[Ft,Zt("hours")],HH:[Ft,Zt("hours")],hh:[Ft,Zt("hours")],D:[Ft,Zt("day")],DD:[Tt,Zt("day")],Do:[Ot,function(t){var e=Wt,i=e.ordinal;var s=t.match(/\d+/);this.day=s[0];if(!i)return;for(var n=1;n<=31;n+=1){if(i(n).replace(/\[|\]/g,"")===t){this.day=n}}}],M:[Ft,Zt("month")],MM:[Tt,Zt("month")],MMM:[Ot,function(t){var e=Nt("months");var i=Nt("monthsShort");var s=(i||e.map((function(t){return t.slice(0,3)}))).indexOf(t)+1;if(s<1){throw new Error}this.month=s%12||s}],MMMM:[Ot,function(t){var e=Nt("months");var i=e.indexOf(t)+1;if(i<1){throw new Error}this.month=i%12||i}],Y:[Pt,Zt("year")],YY:[Tt,function(t){this.year=Ut(t)}],YYYY:[zt,Zt("year")],Z:Rt,ZZ:Rt};function Jt(t){var e=t.afternoon;if(e!==undefined){var i=t.hours;if(e){if(i<12){t.hours+=12}}else if(i===12){t.hours=0}delete t.afternoon}}function Vt(t){t=At(t,Wt&&Wt.formats);var e=t.match($t);var i=e.length;for(var s=0;s<i;s+=1){var n=e[s];var r=Kt[n];var a=r&&r[0];var o=r&&r[1];if(o){e[s]={regex:a,parser:o}}else{e[s]=n.replace(/^\[|\]$/g,"")}}return function(t){var s={};for(var n=0,r=0;n<i;n+=1){var a=e[n];if(typeof a==="string"){r+=a.length}else{var o=a.regex,c=a.parser;var h=t.slice(r);var u=o.exec(h);var l=u[0];c.call(s,l);t=t.replace(l,"")}}Jt(s);return s}}var Xt=function t(e,i,s){try{if(["x","X"].indexOf(i)>-1)return new Date((i==="X"?1e3:1)*e);var n=Vt(i);var r=n(e),a=r.year,o=r.month,c=r.day,h=r.hours,u=r.minutes,l=r.seconds,d=r.milliseconds,f=r.zone;var m=new Date;var p=c||(!a&&!o?m.getDate():1);var b=a||m.getFullYear();var v=0;if(!(a&&!o)){v=o>0?o-1:m.getMonth()}var g=h||0;var k=u||0;var y=l||0;var w=d||0;if(f){return new Date(Date.UTC(b,v,p,g,k,y,w+f.offset*60*1e3))}if(s){return new Date(Date.UTC(b,v,p,g,k,y,w))}return new Date(b,v,p,g,k,y,w)}catch(t){return new Date("")}};const qt=function(t,e,i){i.p.customParseFormat=true;if(t&&t.parseTwoDigitYear){Ut=t.parseTwoDigitYear}var s=e.prototype;var n=s.parse;s.parse=function(t){var e=t.date,s=t.utc,r=t.args;this.$u=s;var a=r[1];if(typeof a==="string"){var o=r[2]===true;var c=r[3]===true;var h=o||c;var u=r[2];if(c){u=r[2]}Wt=this.$locale();if(!o&&u){Wt=i.Ls[u]}this.$d=Xt(e,a,s);this.init();if(u&&u!==true)this.$L=this.locale(u).$L;if(h&&e!=this.format(a)){this.$d=new Date("")}Wt={}}else if(a instanceof Array){var l=a.length;for(var d=1;d<=l;d+=1){r[1]=a[d-1];var f=i.apply(this,r);if(f.isValid()){this.$d=f.$d;this.$L=f.$L;this.init();break}if(d===l)this.$d=new Date("")}}else{n.call(this,t)}}};const Gt=function(t,e,i){var s=e.prototype;var n=function t(e){return e&&(e.indexOf?e:e.s)};var r=function t(e,i,s,r,a){var o=e.name?e:e.$locale();var c=n(o[i]);var h=n(o[s]);var u=c||h.map((function(t){return t.slice(0,r)}));if(!a)return u;var l=o.weekStart;return u.map((function(t,e){return u[(e+(l||0))%7]}))};var a=function t(){return i.Ls[i.locale()]};var o=function t(e,i){return e.formats[i]||Lt(e.formats[i.toUpperCase()])};var c=function t(){var e=this;return{months:function t(i){return i?i.format("MMMM"):r(e,"months")},monthsShort:function t(i){return i?i.format("MMM"):r(e,"monthsShort","months",3)},firstDayOfWeek:function t(){return e.$locale().weekStart||0},weekdays:function t(i){return i?i.format("dddd"):r(e,"weekdays")},weekdaysMin:function t(i){return i?i.format("dd"):r(e,"weekdaysMin","weekdays",2)},weekdaysShort:function t(i){return i?i.format("ddd"):r(e,"weekdaysShort","weekdays",3)},longDateFormat:function t(i){return o(e.$locale(),i)},meridiem:this.$locale().meridiem,ordinal:this.$locale().ordinal}};s.localeData=function(){return c.bind(this)()};i.localeData=function(){var t=a();return{firstDayOfWeek:function e(){return t.weekStart||0},weekdays:function t(){return i.weekdays()},weekdaysShort:function t(){return i.weekdaysShort()},weekdaysMin:function t(){return i.weekdaysMin()},months:function t(){return i.months()},monthsShort:function t(){return i.monthsShort()},longDateFormat:function e(i){return o(t,i)},meridiem:t.meridiem,ordinal:t.ordinal}};i.months=function(){return r(a(),"months")};i.monthsShort=function(){return r(a(),"monthsShort","months",3)};i.weekdays=function(t){return r(a(),"weekdays",null,null,t)};i.weekdaysShort=function(t){return r(a(),"weekdaysShort","weekdays",3,t)};i.weekdaysMin=function(t){return r(a(),"weekdaysMin","weekdays",2,t)}};const Qt=function(t,e,i){var s=e.prototype;var n=s.format;i.en.formats=It;s.format=function(t){if(t===void 0){t=nt}var e=this.$locale(),i=e.formats,s=i===void 0?{}:i;var r=At(t,s);return n.call(this,r)}};const te=function(t,e){var i=e.prototype.parse;e.prototype.parse=function(t){if(typeof t.date==="string"){var e=this.$locale();t.date=e&&e.preparse?e.preparse(t.date):t.date}return i.bind(this)(t)};var s=e.prototype.format;e.prototype.format=function(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++){e[i]=arguments[i]}var n=s.call.apply(s,[this].concat(e));var r=this.$locale();return r&&r.postformat?r.postformat(n):n};var n=e.prototype.fromToBase;if(n){e.prototype.fromToBase=function(t,e,i,s){var r=this.$locale()||i.$locale();return n.call(this,t,e,i,s,r&&r.postformat)}}};const ee=function(t,e,i){i.updateLocale=function(t,e){var s=i.Ls;var n=s[t];if(!n)return;var r=e?Object.keys(e):[];r.forEach((function(t){n[t]=e[t]}));return n}};const ie=5;function se(t,e,i=true,s){const n={hour:"2-digit",minute:"2-digit",timeZone:"UTC",numberingSystem:w(e)};if(i){n.second="2-digit";if(s){n.fractionalSecondDigits=s}}return k(t,n)}function ne(t,e){if(t===null||t===undefined){return}const i=t.toString();const s=L(t);if(t<1&&s>0&&s<4){const t=i.replace("0.","");if(!e||t.length===e){return t}if(t.length<e){return t.padEnd(e,"0")}return t}if(t>=0&&t<10){return i.padStart(2,"0")}if(t>=10){return i}}function re(t){if(!fe(t)){return null}const{hour:e,minute:i,second:s,fractionalSecond:n}=ke(t);let r=`${ne(parseInt(e))}:${ne(parseInt(i))}`;if(s){r+=`:${ne(parseInt(s))}`;if(n){r+=`.${n}`}}return r}function ae(t){return parseInt((parseFloat(`0.${t}`)/.001).toFixed(3))}function oe(t,e){const i=se(t,e);const s=i.formatToParts(new Date(Date.UTC(0,0,0,0,0,0)));return ue("meridiem",s)?"12":"24"}function ce(t,e){g.numberFormatOptions={locale:t,numberingSystem:e};return g.localize("1.1").split("")[1]}function he(t,e,i="latn"){const s=se(e,i);const n=s.formatToParts(new Date(Date.UTC(0,0,0,0,0,0)));return ue(`${t}Suffix`,n)}function ue(t,e){if(!t||!e){return null}if(t==="hourSuffix"){const t=e.indexOf(e.find((({type:t})=>t==="hour")));const i=e.indexOf(e.find((({type:t})=>t==="minute")));const s=e[t+1];return s&&s.type==="literal"&&i-t===2?s.value?.trim()||null:null}if(t==="minuteSuffix"){const t=e.indexOf(e.find((({type:t})=>t==="minute")));const i=e.indexOf(e.find((({type:t})=>t==="second")));const s=e[t+1];return s&&s.type==="literal"&&i-t===2?s.value?.trim()||null:null}if(t==="secondSuffix"){const t=e.indexOf(e.find((({type:t})=>t==="second")));const i=e[t+1];return i&&i.type==="literal"?i.value?.trim()||null:null}return e.find((({type:e})=>t=="meridiem"?e==="dayPeriod":e===t))?.value||null}function le(t){if(!y(t)){return null}const e=parseInt(t);return e>=0&&e<=11?"AM":"PM"}function de(t){const e=t==="ar"||t==="he";if(e){return 0}const i=ge({value:"00:00:00",locale:t,numberingSystem:"latn"});return i.findIndex((t=>t.type==="dayPeriod"))}function fe(t){if(!t||t.startsWith(":")||t.endsWith(":")){return false}const e=t.split(":");const i=e.length>1&&e.length<4;if(!i){return false}const[s,n,r]=e;const a=parseInt(e[0]);const o=parseInt(e[1]);const c=parseInt(e[2]);const h=y(s)&&a>=0&&a<24;const u=y(n)&&o>=0&&o<60;const l=y(r)&&c>=0&&c<60;if(h&&u&&!r||h&&u&&l){return true}}function me(t,e){if(e==="meridiem"){return t==="AM"||t==="PM"}if(!y(t)){return false}const i=Number(t);return e==="hour"?i>=0&&i<24:i>=0&&i<60}function pe({value:t,part:e,locale:i,numberingSystem:s}){if(e==="fractionalSecond"){const e=ce(i,s);let n=null;if(t){g.numberFormatOptions={locale:i,numberingSystem:s};const r=g.localize("0");if(parseInt(t)===0){n="".padStart(t.length,r)}else{n=g.localize(`0.${t}`).replace(`${r}${e}`,"");if(n.length<t.length){n=n.padEnd(t.length,r)}}}return n}if(!me(t,e)){return}const n=parseInt(t);const r=new Date(Date.UTC(0,0,0,e==="hour"?n:e==="meridiem"?t==="AM"?0:12:0,e==="minute"?n:0,e==="second"?n:0));if(!r){return}const a=se(i,s);const o=a.formatToParts(r);return ue(e,o)}function be({value:t,locale:e,numberingSystem:i,includeSeconds:s=true,fractionalSecondDigits:n}){if(!fe(t)){return null}const{hour:r,minute:a,second:o="0",fractionalSecond:c}=ke(t);const h=new Date(Date.UTC(0,0,0,parseInt(r),parseInt(a),parseInt(o),c&&ae(c)));const u=se(e,i,s,n);return u.format(h)||null}function ve({value:t,locale:e,numberingSystem:i="latn"}){if(!fe(t)){return null}const{hour:s,minute:n,second:r="0",fractionalSecond:a}=ke(t);const o=new Date(Date.UTC(0,0,0,parseInt(s),parseInt(n),parseInt(r)));if(o){const t=se(e,i);const s=t.formatToParts(o);return{localizedHour:ue("hour",s),localizedHourSuffix:ue("hourSuffix",s),localizedMinute:ue("minute",s),localizedMinuteSuffix:ue("minuteSuffix",s),localizedSecond:ue("second",s),localizedDecimalSeparator:ce(e,i),localizedFractionalSecond:pe({value:a,part:"fractionalSecond",locale:e,numberingSystem:i}),localizedSecondSuffix:ue("secondSuffix",s),localizedMeridiem:ue("meridiem",s)}}return null}function ge({value:t,locale:e,numberingSystem:i}){if(!fe(t)){return null}const{hour:s,minute:n,second:r="0"}=ke(t);const a=new Date(Date.UTC(0,0,0,parseInt(s),parseInt(n),parseInt(r)));if(a){const t=se(e,i);const s=t.formatToParts(a);return s}return null}function ke(t){if(fe(t)){const[e,i,s]=t.split(":");let n=s;let r=null;if(s?.includes(".")){[n,r]=s.split(".")}return{fractionalSecond:r,hour:e,minute:i,second:n}}return{fractionalSecond:null,hour:null,minute:null,second:null}}function ye(t,e=true){if(!fe(t)){return""}const{hour:i,minute:s,second:n,fractionalSecond:r}=ke(t);let a=`${ne(parseInt(i))}:${ne(parseInt(s))}`;if(e){a+=`:${ne(parseInt(e&&n||"0"))}`;if(r){a+=`.${r}`}}return a}const we={toggleIcon:"toggle-icon"};const Se={validationMessage:"inputTimePickerValidationMessage"};const Me=":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:inline-block;-webkit-user-select:none;user-select:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([scale=s]){--calcite-toggle-spacing:0.5rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 1rem)}:host([scale=m]){--calcite-toggle-spacing:0.75rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 1.5rem)}:host([scale=l]){--calcite-toggle-spacing:1rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 2rem)}.input-wrapper{position:relative}.toggle-icon{position:absolute;display:flex;cursor:pointer;align-items:center;inset-inline-end:0;inset-block:0;padding-inline:var(--calcite-toggle-spacing);--calcite-icon-color:var(--calcite-color-text-3)}.input-wrapper:hover .toggle-icon,calcite-input-text:focus+.toggle-icon{--calcite-icon-color:var(--calcite-color-text-1)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}:host([hidden]){display:none}[hidden]{display:none}";const De=Me;const xe=new Map([["ar",()=>import("./p-ec1b0408.js")],["bg",()=>import("./p-dab34e04.js")],["bs",()=>import("./p-31a47bbe.js")],["ca",()=>import("./p-28cd83b4.js")],["cs",()=>import("./p-b4f66449.js")],["da",()=>import("./p-352ce9fd.js")],["de",()=>import("./p-1763b1d5.js")],["de-at",()=>import("./p-48e48236.js")],["de-ch",()=>import("./p-fd80a528.js")],["el",()=>import("./p-db06cfbd.js")],["en",()=>Promise.resolve().then((function(){return ht}))],["en-au",()=>import("./p-3d13579c.js")],["en-ca",()=>import("./p-0bff2a9e.js")],["en-gb",()=>import("./p-e113fc3f.js")],["es",()=>import("./p-d8c3cdf8.js")],["es-mx",()=>import("./p-2213d962.js")],["et",()=>import("./p-fb573f9c.js")],["fi",()=>import("./p-c253b79c.js")],["fr",()=>import("./p-c3ca54ab.js")],["fr-ch",()=>import("./p-b205ac7c.js")],["he",()=>import("./p-3b524d5d.js")],["hi",()=>import("./p-f2fa9662.js")],["hr",()=>import("./p-177bb2be.js")],["hu",()=>import("./p-157d3262.js")],["id",()=>import("./p-67416aa2.js")],["it",()=>import("./p-51f4a71f.js")],["it-ch",()=>import("./p-a80be72d.js")],["ja",()=>import("./p-d0830adb.js")],["ko",()=>import("./p-1b7ac1e2.js")],["lt",()=>import("./p-0c3a7aef.js")],["lv",()=>import("./p-171cc70f.js")],["mk",()=>import("./p-71c2eb1d.js")],["nl",()=>import("./p-80cad977.js")],["nb",()=>import("./p-6f466e42.js")],["pl",()=>import("./p-e088bc24.js")],["pt",()=>import("./p-00878179.js")],["pt-br",()=>import("./p-4ad46f6a.js")],["ro",()=>import("./p-628d0e7e.js")],["ru",()=>import("./p-9ac3435b.js")],["sk",()=>import("./p-a740d4fb.js")],["sl",()=>import("./p-21783a8c.js")],["sr",()=>import("./p-4479b3b4.js")],["sv",()=>import("./p-38f5f8d0.js")],["th",()=>import("./p-bf2ebda2.js")],["tr",()=>import("./p-3c60739e.js")],["uk",()=>import("./p-59a606d8.js")],["vi",()=>import("./p-e21e45c7.js")],["zh-cn",()=>import("./p-9746ac30.js")],["zh-hk",()=>import("./p-52947e04.js")],["zh-tw",()=>import("./p-9646cd20.js")]]);St.extend(qt);St.extend(Gt);St.extend(Qt);St.extend(te);St.extend(ee);const Ye=class{constructor(i){t(this,i);this.calciteInputTimePickerBeforeClose=e(this,"calciteInputTimePickerBeforeClose",6);this.calciteInputTimePickerBeforeOpen=e(this,"calciteInputTimePickerBeforeOpen",6);this.calciteInputTimePickerChange=e(this,"calciteInputTimePickerChange",7);this.calciteInputTimePickerClose=e(this,"calciteInputTimePickerClose",6);this.calciteInputTimePickerOpen=e(this,"calciteInputTimePickerOpen",6);this.focusOnOpen=false;this.userChangedValue=false;this.hostBlurHandler=()=>{const t=this.calciteInputEl.value;const e=this.delocalizeTimeString(t);if(!e){this.setValue("");return}if(e!==this.value){this.setValue(e)}const i=be({value:this.value,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:L(this.step)});if(i!==t){this.setInputValue(i)}this.deactivate()};this.calciteInternalInputFocusHandler=t=>{if(!this.readOnly){t.stopPropagation()}};this.calciteInternalInputInputHandler=t=>{const{effectiveLocale:e,numberingSystem:i}=this;if(i&&i!=="latn"){const s=t.target;g.numberFormatOptions={locale:e,numberingSystem:i,useGrouping:false};const n=g.delocalize(s.value).split("").map((t=>l.includes(t)?g.numberFormatter.format(Number(t)):t)).join("");this.setInputValue(n)}};this.timePickerChangeHandler=t=>{t.stopPropagation();const e=t.target;const i=e.value;const s=this.shouldIncludeSeconds();this.setValue(ye(i,s));this.setInputValue(be({value:i,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:s,fractionalSecondDigits:L(this.step)}))};this.popoverBeforeOpenHandler=t=>{t.stopPropagation();this.calciteInputTimePickerBeforeOpen.emit()};this.popoverOpenHandler=t=>{t.stopPropagation();this.calciteInputTimePickerOpen.emit();x(this,{onActivate:()=>{if(this.focusOnOpen){this.calciteTimePickerEl.setFocus();this.focusOnOpen=false}}})};this.popoverBeforeCloseHandler=t=>{t.stopPropagation();this.calciteInputTimePickerBeforeClose.emit()};this.popoverCloseHandler=t=>{t.stopPropagation();this.calciteInputTimePickerClose.emit();Y(this,{onDeactivate:()=>{this.calciteInputEl.setFocus();this.focusOnOpen=false}});this.open=false};this.keyDownHandler=t=>{const{defaultPrevented:e,key:i}=t;if(e){return}if(i==="Enter"){if(r(this)){t.preventDefault();this.calciteInputEl.setFocus()}if(t.composedPath().includes(this.calciteTimePickerEl)){return}const e=this.delocalizeTimeString(this.calciteInputEl.value);if(fe(e)){this.setValue(e);const t=be({value:this.value,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:L(this.step)});if(e&&this.calciteInputEl.value!==t){this.setInputValue(t)}}}else if(i==="ArrowDown"){this.open=true;this.focusOnOpen=true;t.preventDefault()}else if(i==="Escape"&&this.open){this.open=false;t.preventDefault();this.calciteInputEl.setFocus()}};this.setCalcitePopoverEl=t=>{this.popoverEl=t;this.openHandler()};this.setInputEl=t=>{this.calciteInputEl=t};this.setCalciteTimePickerEl=t=>{this.calciteTimePickerEl=t;j(this,{focusTrapEl:t,focusTrapOptions:{initialFocus:false,setReturnFocus:false}})};this.setInputValue=t=>{if(!this.calciteInputEl){return}this.calciteInputEl.value=t};this.setValue=t=>{const e=this.value;const i=re(t)||"";if(i===e){return}this.userChangedValue=true;this.value=i||"";const s=this.calciteInputTimePickerChange.emit();if(s.defaultPrevented){this.userChangedValue=false;this.value=e;this.setInputValue(be({value:e,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:L(this.step)}))}};this.setValueDirectly=t=>{const e=this.shouldIncludeSeconds();this.value=ye(t,e);this.setInputValue(this.value?be({value:this.value,includeSeconds:e,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,fractionalSecondDigits:L(this.step)}):"")};this.onInputWrapperClick=()=>{this.open=!this.open};this.deactivate=()=>{this.open=false};this.open=false;this.disabled=false;this.focusTrapDisabled=false;this.form=undefined;this.readOnly=false;this.max=undefined;this.min=undefined;this.messageOverrides=undefined;this.messages=undefined;this.validationMessage=undefined;this.validationIcon=undefined;this.validity={valid:false,badInput:false,customError:false,patternMismatch:false,rangeOverflow:false,rangeUnderflow:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valueMissing:false};this.name=undefined;this.numberingSystem=undefined;this.required=false;this.scale="m";this.status="idle";this.overlayPositioning="absolute";this.placement="auto";this.step=60;this.value=null;this.calciteInputEl=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}openHandler(){if(this.disabled||this.readOnly){this.open=false;return}this.popoverEl.open=this.open}handleFocusTrapDisabled(t){if(!this.open){return}t?Y(this):x(this)}handleDisabledAndReadOnlyChange(t){if(!t){this.open=false}}onMessagesChange(){}numberingSystemWatcher(t){this.setInputValue(be({value:this.value,locale:this.effectiveLocale,numberingSystem:t,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:L(this.step)}))}stepWatcher(t,e){if(e>=60&&t>0&&t<60||t>=60&&e>0&&e<60){this.setValueDirectly(this.value)}}valueWatcher(t){if(!this.userChangedValue){this.setValueDirectly(t)}this.userChangedValue=false}async effectiveLocaleWatcher(t){await Promise.all([this.loadDateTimeLocaleData(),A(this,this.effectiveLocale)]);this.setInputValue(be({value:this.value,locale:t,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:L(this.step)}))}async setFocus(){await p(this);F(this.el)}async reposition(t=false){this.popoverEl?.reposition(t)}syncHiddenFormInput(t){_("time",this,t)}delocalizeTimeString(t){St.locale(this.effectiveLocale.toLowerCase());const e=this.delocalizeTimeStringToParts(t);let i;if(this.shouldIncludeFractionalSeconds()){const s=L(this.step);const n=this.delocalizeTimeStringToParts(t,"S");if(s===1){i=n.millisecond!==0?this.getTimeStringFromParts(n):this.getTimeStringFromParts(e)}else{const r=this.delocalizeTimeStringToParts(t,"SS");if(s===2){if(r.millisecond!==0){i=this.getTimeStringFromParts(r)}else if(n.millisecond!==0){i=this.getTimeStringFromParts(n)}else{i=this.getTimeStringFromParts(e)}}else if(s>=3){const s=this.delocalizeTimeStringToParts(t,"SSS");if(s.millisecond!==0){i=this.getTimeStringFromParts(s)}else if(r.millisecond!==0){i=this.getTimeStringFromParts(r)}else if(n.millisecond!==0){i=this.getTimeStringFromParts(n)}else{i=this.getTimeStringFromParts(e)}}}}else{i=this.getTimeStringFromParts(e)}return i}delocalizeTimeStringToParts(t,e){const i=this.localeConfig?.formats?.LTS;const s=i.match(/ss\.*(S+)/g);if(e&&this.shouldIncludeFractionalSeconds()){const t=`ss.${e}`;this.localeConfig.formats.LTS=s?i.replace(s[0],t):i.replace("ss",t)}else if(s){this.localeConfig.formats.LTS=i.replace(s[0],"ss")}St.updateLocale(this.getSupportedDayjsLocale(S(this.effectiveLocale)),this.localeConfig);const n=St(t,["LTS","LT"]);if(n.isValid()){return{hour:n.get("hour"),minute:n.get("minute"),second:n.get("second"),millisecond:n.get("millisecond")}}return{hour:null,minute:null,second:null,millisecond:null}}getTimeStringFromParts(t){let e="";if(!t){return e}if(t.hour!==null&&t.minute!==null){e=`${ne(t.hour)}:${ne(t.minute)}`;if(this.shouldIncludeSeconds()&&t.second!==null){e+=`:${ne(t.second)}`;if(this.shouldIncludeFractionalSeconds()&&t.millisecond!==null){const i=(t.millisecond*.001).toFixed(L(this.step));e+=`.${i.toString().replace("0.","")}`}}}return e}getSupportedDayjsLocale(t){const e=t.toLowerCase();if(e==="no"){return"nb"}if(e==="pt-pt"){return"pt"}return e}async loadDateTimeLocaleData(){let t=S(this.effectiveLocale).toLowerCase();t=this.getSupportedDayjsLocale(t);const{default:e}=await xe.get(t)();this.localeConfig=e;St.locale(this.localeConfig,null,true);St.updateLocale(t,this.getExtendedLocaleConfig(t))}getExtendedLocaleConfig(t){if(t==="ar"){return{meridiem:t=>t>12?"م":"ص",formats:{LT:"HH:mm A",LTS:"HH:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm A",LLLL:"dddd D MMMM YYYY HH:mm A"}}}if(t==="en-au"){return{meridiem:t=>t>12?"pm":"am"}}if(t==="en-ca"){return{meridiem:t=>t>12?"p.m.":"a.m."}}if(t==="el"){return{meridiem:t=>t>12?"μ.μ.":"π.μ."}}if(t==="hi"){return{formats:{LT:"h:mm A",LTS:"h:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY, h:mm A",LLLL:"dddd, D MMMM YYYY, h:mm A"},meridiem:t=>t>12?"pm":"am"}}if(t==="ko"){return{meridiem:t=>t>12?"오후":"오전"}}if(t==="zh-tw"){return{formats:{LT:"AHH:mm",LTS:"AHH:mm:ss"}}}if(t==="zh-hk"){return{formats:{LT:"AHH:mm",LTS:"AHH:mm:ss"},meridiem:t=>t>12?"下午":"上午"}}}onLabelClick(){this.setFocus()}shouldIncludeSeconds(){return this.step<60}shouldIncludeFractionalSeconds(){return L(this.step)>0}connectedCallback(){M(this);if(fe(this.value)){this.setValueDirectly(this.value)}else{this.value=undefined}d(this);a(this);$(this)}async componentWillLoad(){b(this);await Promise.all([C(this),this.loadDateTimeLocaleData()])}componentDidLoad(){v(this);if(fe(this.value)){this.setInputValue(be({value:this.value,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:L(this.step)}))}}disconnectedCallback(){f(this);o(this);D(this);Y(this);T(this)}componentDidRender(){h(this)}render(){const{disabled:t,messages:e,readOnly:n}=this;return i(s,{key:"7d5021d0867938190a71ecc258687504668aa919",onBlur:this.hostBlurHandler,onKeyDown:this.keyDownHandler},i(u,{key:"3df503ada54e8259f0e4e7013191942e4bc17020",disabled:this.disabled},i("div",{key:"748dd86d90db29b4baaa1af42839b3b234e54d0b",class:"input-wrapper",onClick:this.onInputWrapperClick},i("calcite-input-text",{key:"af404dc58cb00afb62ecef587db4426bfc7b3495","aria-autocomplete":"none","aria-errormessage":Se.validationMessage,"aria-haspopup":"dialog","aria-invalid":P(this.status==="invalid"),disabled:t,icon:"clock",label:m(this),lang:this.effectiveLocale,onCalciteInputTextInput:this.calciteInternalInputInputHandler,onCalciteInternalInputTextFocus:this.calciteInternalInputFocusHandler,readOnly:n,ref:this.setInputEl,role:"combobox",scale:this.scale,status:this.status},!this.readOnly&&this.renderToggleIcon(this.open))),i("calcite-popover",{key:"93f1e3a580ad988617e4959a2e379f03a5128bf0",autoClose:true,focusTrapDisabled:true,label:e.chooseTime,lang:this.effectiveLocale,onCalcitePopoverBeforeClose:this.popoverBeforeCloseHandler,onCalcitePopoverBeforeOpen:this.popoverBeforeOpenHandler,onCalcitePopoverClose:this.popoverCloseHandler,onCalcitePopoverOpen:this.popoverOpenHandler,overlayPositioning:this.overlayPositioning,placement:this.placement,ref:this.setCalcitePopoverEl,referenceElement:this.calciteInputEl,triggerDisabled:true},i("calcite-time-picker",{key:"264696f0f4187f69999b4d751ffbe02759214e78",lang:this.effectiveLocale,messageOverrides:this.messageOverrides,numberingSystem:this.numberingSystem,onCalciteInternalTimePickerChange:this.timePickerChangeHandler,ref:this.setCalciteTimePickerEl,scale:this.scale,step:this.step,tabIndex:this.open?undefined:-1,value:this.value})),i(c,{key:"73e605e12a6de2c5480e392cbfbea09025243111",component:this}),this.validationMessage&&this.status==="invalid"?i(z,{icon:this.validationIcon,id:Se.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null))}renderToggleIcon(t){return i("span",{class:we.toggleIcon,slot:"action"},i("calcite-icon",{icon:t?"chevron-up":"chevron-down",scale:H(this.scale)}))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{open:["openHandler"],focusTrapDisabled:["handleFocusTrapDisabled"],disabled:["handleDisabledAndReadOnlyChange"],readOnly:["handleDisabledAndReadOnlyChange"],messageOverrides:["onMessagesChange"],numberingSystem:["numberingSystemWatcher"],step:["stepWatcher"],value:["valueWatcher"],effectiveLocale:["effectiveLocaleWatcher"]}}};Ye.style=De;const je={button:"button",buttonBottomLeft:"button--bottom-left",buttonBottomRight:"button--bottom-right",buttonFractionalSecondDown:"button--fractionalSecond-down",buttonFractionalSecondUp:"button--fractionalSecond-up",buttonHourDown:"button--hour-down",buttonHourUp:"button--hour-up",buttonMeridiemDown:"button--meridiem-down",buttonMeridiemUp:"button--meridiem-up",buttonMinuteDown:"button--minute-down",buttonMinuteUp:"button--minute-up",buttonSecondDown:"button--second-down",buttonSecondUp:"button--second-up",buttonTopLeft:"button--top-left",buttonTopRight:"button--top-right",column:"column",delimiter:"delimiter",fractionalSecond:"fractionalSecond",hour:"hour",input:"input",inputFocus:"inputFocus",meridiem:"meridiem",minute:"minute",second:"second",showMeridiem:"show-meridiem",showSecond:"show-second","scale-s":"scale-s","scale-m":"scale-m","scale-l":"scale-l",timePicker:"time-picker",meridiemStart:"meridiem--start"};const Le=":host{display:inline-block}.time-picker{display:flex;-webkit-user-select:none;user-select:none;align-items:center;background-color:var(--calcite-color-foreground-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);--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);border-radius:var(--calcite-border-radius)}.time-picker .column{display:flex;flex-direction:column}.time-picker .meridiem--start{order:-1}.time-picker .button{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1)}.time-picker .button:hover,.time-picker .button:focus{background-color:var(--calcite-color-foreground-2);outline:2px solid transparent;outline-offset:2px;z-index:var(--calcite-z-index-header);outline-offset:0}.time-picker .button:active{background-color:var(--calcite-color-foreground-3)}.time-picker .button.top-left{border-start-start-radius:var(--calcite-border-radius)}.time-picker .button.bottom-left{border-end-start-radius:var(--calcite-border-radius)}.time-picker .button.top-right{border-start-end-radius:var(--calcite-border-radius)}.time-picker .button.bottom-right{border-end-end-radius:var(--calcite-border-radius)}.time-picker .button calcite-icon{color:var(--calcite-color-text-3)}.time-picker .input{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);font-weight:var(--calcite-font-weight-medium)}.time-picker .input:hover{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-2);z-index:var(--calcite-z-index-header)}.time-picker .input:focus,.time-picker .input:hover:focus{outline:2px solid transparent;outline-offset:2px;outline-offset:0}.time-picker .input.inputFocus,.time-picker .input:hover.inputFocus{box-shadow:inset 0 0 0 2px var(--calcite-color-brand);z-index:var(--calcite-z-index-header)}.time-picker.scale-s{font-size:var(--calcite-font-size--1)}.time-picker.scale-s .button,.time-picker.scale-s .input{padding-inline:0.75rem;padding-block:0.25rem}.time-picker.scale-s:not(.show-meridiem) .delimiter:last-child{padding-inline-end:0.75rem}.time-picker.scale-m{font-size:var(--calcite-font-size-0)}.time-picker.scale-m .button,.time-picker.scale-m .input{padding-inline:1rem;padding-block:0.5rem}.time-picker.scale-m:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1rem}.time-picker.scale-l{font-size:var(--calcite-font-size-1)}.time-picker.scale-l .button,.time-picker.scale-l .input{padding-inline:1.25rem;padding-block:0.75rem}.time-picker.scale-l:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1.25rem}:host([hidden]){display:none}[hidden]{display:none}";const Ie=Le;function Ae(t){return t.charAt(0).toUpperCase()+t.slice(1)}const $e=class{constructor(i){t(this,i);this.calciteInternalTimePickerChange=e(this,"calciteInternalTimePickerChange",6);this.pointerActivated=false;this.decrementHour=()=>{const t=!this.hour?0:this.hour==="00"?23:parseInt(this.hour)-1;this.setValuePart("hour",t)};this.decrementMeridiem=()=>{const t=this.meridiem==="PM"?"AM":"PM";this.setValuePart("meridiem",t)};this.decrementMinuteOrSecond=t=>{let e;if(y(this[t])){const i=parseInt(this[t]);e=i===0?59:i-1}else{e=59}this.setValuePart(t,e)};this.decrementMinute=()=>{this.decrementMinuteOrSecond("minute")};this.decrementSecond=()=>{this.decrementMinuteOrSecond("second")};this.focusHandler=t=>{if(this.pointerActivated){return}this.activeEl=t.currentTarget};this.fractionalSecondKeyDownHandler=t=>{const{key:e}=t;if(l.includes(e)){const t=L(this.step);const i=parseInt(this.fractionalSecond);const s=i.toString().length;let n;if(s>=t){n=e.padStart(t,"0")}else if(s<t){n=`${i}${e}`.padStart(t,"0")}this.setValuePart("fractionalSecond",parseFloat(`0.${n}`))}else{switch(e){case"Backspace":case"Delete":this.setValuePart("fractionalSecond",null);break;case"ArrowDown":t.preventDefault();this.nudgeFractionalSecond("down");break;case"ArrowUp":t.preventDefault();this.nudgeFractionalSecond("up");break;case" ":t.preventDefault();break}}};this.fractionalSecondDownClickHandler=()=>{this.activeEl=this.fractionalSecondEl;this.fractionalSecondEl.focus();this.nudgeFractionalSecond("down")};this.fractionalSecondUpClickHandler=()=>{this.activeEl=this.fractionalSecondEl;this.fractionalSecondEl.focus();this.nudgeFractionalSecond("up")};this.hourDownClickHandler=()=>{this.activeEl=this.hourEl;this.hourEl.focus();this.decrementHour()};this.hourKeyDownHandler=t=>{const{key:e}=t;if(l.includes(e)){const t=parseInt(e);let i;if(y(this.hour)){switch(this.hourCycle){case"12":i=this.hour==="01"&&t>=0&&t<=2?`1${t}`:t;break;case"24":if(this.hour==="01"){i=`1${t}`}else if(this.hour==="02"&&t>=0&&t<=3){i=`2${t}`}else{i=t}break}}else{i=t}this.setValuePart("hour",i)}else{switch(e){case"Backspace":case"Delete":this.setValuePart("hour",null);break;case"ArrowDown":t.preventDefault();this.decrementHour();break;case"ArrowUp":t.preventDefault();this.incrementHour();break;case" ":t.preventDefault();break}}};this.hourUpClickHandler=()=>{this.activeEl=this.hourEl;this.hourEl.focus();this.incrementHour()};this.incrementMeridiem=()=>{const t=this.meridiem==="AM"?"PM":"AM";this.setValuePart("meridiem",t)};this.incrementHour=()=>{const t=y(this.hour)?this.hour==="23"?0:parseInt(this.hour)+1:1;this.setValuePart("hour",t)};this.incrementMinuteOrSecond=t=>{const e=y(this[t])?this[t]==="59"?0:parseInt(this[t])+1:0;this.setValuePart(t,e)};this.incrementMinute=()=>{this.incrementMinuteOrSecond("minute")};this.incrementSecond=()=>{this.incrementMinuteOrSecond("second")};this.inputClickHandler=t=>{this.activeEl=t.target};this.meridiemUpClickHandler=()=>{this.activeEl=this.meridiemEl;this.meridiemEl.focus();this.incrementMeridiem()};this.meridiemKeyDownHandler=t=>{switch(t.key){case"a":this.setValuePart("meridiem","AM");break;case"p":this.setValuePart("meridiem","PM");break;case"Backspace":case"Delete":this.setValuePart("meridiem",null);break;case"ArrowUp":t.preventDefault();this.incrementMeridiem();break;case"ArrowDown":t.preventDefault();this.decrementMeridiem();break;case" ":t.preventDefault();break}};this.meridiemDownClickHandler=()=>{this.activeEl=this.meridiemEl;this.meridiemEl.focus();this.decrementMeridiem()};this.minuteDownClickHandler=()=>{this.activeEl=this.minuteEl;this.minuteEl.focus();this.decrementMinute()};this.minuteUpClickHandler=()=>{this.activeEl=this.minuteEl;this.minuteEl.focus();this.incrementMinute()};this.minuteKeyDownHandler=t=>{const{key:e}=t;if(l.includes(e)){const t=parseInt(e);let i;if(y(this.minute)&&this.minute.startsWith("0")){const e=parseInt(this.minute);i=e>ie?t:`${e}${t}`}else{i=t}this.setValuePart("minute",i)}else{switch(e){case"Backspace":case"Delete":this.setValuePart("minute",null);break;case"ArrowDown":t.preventDefault();this.decrementMinute();break;case"ArrowUp":t.preventDefault();this.incrementMinute();break;case" ":t.preventDefault();break}}};this.nudgeFractionalSecond=t=>{const e=I(this.step);const i=L(this.step);const s=parseInt(this.fractionalSecond);const n=parseFloat(`0.${this.fractionalSecond}`);let r;let a;let o;let c;if(t==="up"){r=isNaN(s)?0:n+e;a=parseFloat(r.toFixed(i));o=I(a);c=a<1&&L(o)>0?ne(o,i):"".padStart(i,"0")}if(t==="down"){r=isNaN(s)||s===0?1-e:n-e;a=parseFloat(r.toFixed(i));o=I(a);c=a<1&&L(o)>0&&Math.sign(o)===1?ne(o,i):"".padStart(i,"0")}this.setValuePart("fractionalSecond",c)};this.sanitizeValue=t=>{const{hour:e,minute:i,second:s,fractionalSecond:n}=ke(t);if(n){const t=this.sanitizeFractionalSecond(n);return`${e}:${i}:${s}.${t}`}return fe(t)&&t};this.sanitizeFractionalSecond=t=>t&&L(this.step)!==t.length?parseFloat(`0.${t}`).toFixed(L(this.step)).replace("0.",""):t;this.secondKeyDownHandler=t=>{const{key:e}=t;if(l.includes(e)){const t=parseInt(e);let i;if(y(this.second)&&this.second.startsWith("0")){const e=parseInt(this.second);i=e>ie?t:`${e}${t}`}else{i=t}this.setValuePart("second",i)}else{switch(e){case"Backspace":case"Delete":this.setValuePart("second",null);break;case"ArrowDown":t.preventDefault();this.decrementSecond();break;case"ArrowUp":t.preventDefault();this.incrementSecond();break;case" ":t.preventDefault();break}}};this.secondDownClickHandler=()=>{this.activeEl=this.secondEl;this.secondEl.focus();this.decrementSecond()};this.secondUpClickHandler=()=>{this.activeEl=this.secondEl;this.secondEl.focus();this.incrementSecond()};this.setHourEl=t=>this.hourEl=t;this.setMeridiemEl=t=>this.meridiemEl=t;this.setMinuteEl=t=>this.minuteEl=t;this.setSecondEl=t=>this.secondEl=t;this.setFractionalSecondEl=t=>this.fractionalSecondEl=t;this.setValue=t=>{if(fe(t)){const{hour:e,minute:i,second:s,fractionalSecond:n}=ke(t);const{effectiveLocale:r,numberingSystem:a}=this;const{localizedHour:o,localizedHourSuffix:c,localizedMinute:h,localizedMinuteSuffix:u,localizedSecond:l,localizedDecimalSeparator:d,localizedFractionalSecond:f,localizedSecondSuffix:m,localizedMeridiem:p}=ve({value:t,locale:r,numberingSystem:a});this.hour=e;this.minute=i;this.second=s;this.fractionalSecond=this.sanitizeFractionalSecond(n);this.localizedHour=o;this.localizedHourSuffix=c;this.localizedMinute=h;this.localizedMinuteSuffix=u;this.localizedSecond=l;this.localizedDecimalSeparator=d;this.localizedFractionalSecond=f;this.localizedSecondSuffix=m;if(p){this.localizedMeridiem=p;this.meridiem=le(this.hour)}}else{this.hour=null;this.fractionalSecond=null;this.localizedHour=null;this.localizedHourSuffix=he("hour",this.effectiveLocale,this.numberingSystem);this.localizedMeridiem=null;this.localizedMinute=null;this.localizedMinuteSuffix=he("minute",this.effectiveLocale,this.numberingSystem);this.localizedSecond=null;this.localizedDecimalSeparator=ce(this.effectiveLocale,this.numberingSystem);this.localizedFractionalSecond=null;this.localizedSecondSuffix=he("second",this.effectiveLocale,this.numberingSystem);this.meridiem=null;this.minute=null;this.second=null;this.value=null}};this.setValuePart=(t,e)=>{const{effectiveLocale:i,numberingSystem:s}=this;if(t==="meridiem"){this.meridiem=e;if(y(this.hour)){const t=parseInt(this.hour);switch(e){case"AM":if(t>=12){this.hour=ne(t-12)}break;case"PM":if(t<12){this.hour=ne(t+12)}break}this.localizedHour=pe({value:this.hour,part:"hour",locale:i,numberingSystem:s})}}else if(t==="fractionalSecond"){const t=L(this.step);if(typeof e==="number"){this.fractionalSecond=e===0?"".padStart(t,"0"):ne(e,t)}else{this.fractionalSecond=e}this.localizedFractionalSecond=pe({value:this.fractionalSecond,part:"fractionalSecond",locale:i,numberingSystem:s})}else{this[t]=typeof e==="number"?ne(e):e;this[`localized${Ae(t)}`]=pe({value:this[t],part:t,locale:i,numberingSystem:s})}let n=false;let r;if(this.hour&&this.minute){r=`${this.hour}:${this.minute}`;if(this.showSecond){r=`${r}:${this.second??"00"}`;if(this.showFractionalSecond&&this.fractionalSecond){r=`${r}.${this.fractionalSecond}`}}}else{r=null}if(this.value!==r){n=true}this.value=r;this.localizedMeridiem=this.value?ve({value:this.value,locale:i,numberingSystem:s})?.localizedMeridiem||null:pe({value:this.meridiem,part:"meridiem",locale:i,numberingSystem:s});if(n){this.calciteInternalTimePickerChange.emit()}};this.scale="m";this.step=60;this.numberingSystem=undefined;this.value=null;this.messages=undefined;this.messageOverrides=undefined;this.activeEl=undefined;this.effectiveLocale="";this.fractionalSecond=undefined;this.hour=undefined;this.hourCycle=undefined;this.localizedDecimalSeparator=".";this.localizedHour=undefined;this.localizedHourSuffix=undefined;this.localizedMeridiem=undefined;this.localizedFractionalSecond=undefined;this.localizedMinute=undefined;this.localizedMinuteSuffix=undefined;this.localizedSecond=undefined;this.localizedSecondSuffix=undefined;this.meridiem=undefined;this.minute=undefined;this.second=undefined;this.showFractionalSecond=undefined;this.showSecond=undefined;this.defaultMessages=undefined}stepChange(){this.toggleSecond()}valueWatcher(t){this.setValue(t)}onMessagesChange(){}effectiveLocaleWatcher(){this.updateLocale()}blurHandler(){this.activeEl=undefined;this.pointerActivated=false}keyDownHandler(t){this.pointerActivated=false;const{defaultPrevented:e,key:i}=t;if(e){return}switch(this.activeEl){case this.hourEl:if(i==="ArrowRight"){this.focusPart("minute");t.preventDefault()}break;case this.minuteEl:switch(i){case"ArrowLeft":this.focusPart("hour");t.preventDefault();break;case"ArrowRight":if(this.step!==60){this.focusPart("second");t.preventDefault()}else if(this.hourCycle==="12"){this.focusPart("meridiem");t.preventDefault()}break}break;case this.secondEl:switch(i){case"ArrowLeft":this.focusPart("minute");t.preventDefault();break;case"ArrowRight":if(this.showFractionalSecond){this.focusPart("fractionalSecond")}else if(this.hourCycle==="12"){this.focusPart("meridiem");t.preventDefault()}break}break;case this.fractionalSecondEl:switch(i){case"ArrowLeft":this.focusPart("second");t.preventDefault();break;case"ArrowRight":if(this.hourCycle==="12"){this.focusPart("meridiem");t.preventDefault()}break}break;case this.meridiemEl:switch(i){case"ArrowLeft":if(this.showFractionalSecond){this.focusPart("fractionalSecond")}else if(this.step!==60){this.focusPart("second");t.preventDefault()}else{this.focusPart("minute");t.preventDefault()}break}break}}pointerDownHandler(){this.pointerActivated=true}async setFocus(){await p(this);this.el?.focus()}async focusPart(t){await p(this);this[`${t||"hour"}El`]?.focus()}toggleSecond(){this.showSecond=this.step<60;this.showFractionalSecond=L(this.step)>0}updateLocale(){A(this,this.effectiveLocale);this.hourCycle=oe(this.effectiveLocale,this.numberingSystem);this.localizedDecimalSeparator=ce(this.effectiveLocale,this.numberingSystem);this.meridiemOrder=de(this.effectiveLocale);this.setValue(this.sanitizeValue(this.value))}connectedCallback(){M(this);this.updateLocale();$(this);this.toggleSecond()}async componentWillLoad(){b(this);await C(this)}componentDidLoad(){v(this)}disconnectedCallback(){D(this);T(this)}render(){const t=y(this.hour);const e=H(this.scale);const s=y(this.minute);const n=y(this.second);const r=y(this.fractionalSecond);const a=this.hourCycle==="12";return i("div",{key:"e15ff4d20ae40919921b991d99c8c76625a73cfc",class:{[je.timePicker]:true,[je.showMeridiem]:a,[je.showSecond]:this.showSecond,[je[`scale-${this.scale}`]]:true},dir:"ltr"},i("div",{key:"d4bfad89ac334afbb31bb4fc8e8fe386142f6d4b",class:je.column,role:"group"},i("span",{key:"ba564179d2ca507bbb659b9b38de09625afe35f2","aria-label":this.messages.hourUp,class:{[je.button]:true,[je.buttonHourUp]:true,[je.buttonTopLeft]:true},onClick:this.hourUpClickHandler,role:"button"},i("calcite-icon",{key:"5aa45f9254a0394584e214fc5173d2607a706832",icon:"chevron-up",scale:e})),i("span",{key:"79e888572eabf36cefd24f15e06c4e36f0550b63","aria-label":this.messages.hour,"aria-valuemax":"23","aria-valuemin":"1","aria-valuenow":t&&parseInt(this.hour)||"0","aria-valuetext":this.hour,class:{[je.input]:true,[je.hour]:true,[je.inputFocus]:this.activeEl&&this.activeEl===this.hourEl},onClick:this.inputClickHandler,onFocus:this.focusHandler,onKeyDown:this.hourKeyDownHandler,ref:this.setHourEl,role:"spinbutton",tabIndex:0},this.localizedHour||"--"),i("span",{key:"6964ac9f00917c3da0b9161f14cfdc85c38dfef4","aria-label":this.messages.hourDown,class:{[je.button]:true,[je.buttonHourDown]:true,[je.buttonBottomLeft]:true},onClick:this.hourDownClickHandler,role:"button"},i("calcite-icon",{key:"c3985301caa70272059aecfb18a29a0b7ba7fb83",icon:"chevron-down",scale:e}))),i("span",{key:"a9aa1571b4a9266276c7f684053b665397164582",class:je.delimiter},this.localizedHourSuffix),i("div",{key:"0b1f353766357c699e1815af3105a5c0bc1d1a32",class:je.column,role:"group"},i("span",{key:"ed36c1fe986b96db3f8f50c6b518c78d5a1239d6","aria-label":this.messages.minuteUp,class:{[je.button]:true,[je.buttonMinuteUp]:true},onClick:this.minuteUpClickHandler,role:"button"},i("calcite-icon",{key:"7da952d6ef1a05f63367b5d67dd7625f0efc12f8",icon:"chevron-up",scale:e})),i("span",{key:"90bc5c9b7d12a8a7769a42e4a4dc86053da03b22","aria-label":this.messages.minute,"aria-valuemax":"12","aria-valuemin":"1","aria-valuenow":s&&parseInt(this.minute)||"0","aria-valuetext":this.minute,class:{[je.input]:true,[je.minute]:true,[je.inputFocus]:this.activeEl&&this.activeEl===this.minuteEl},onClick:this.inputClickHandler,onFocus:this.focusHandler,onKeyDown:this.minuteKeyDownHandler,ref:this.setMinuteEl,role:"spinbutton",tabIndex:0},this.localizedMinute||"--"),i("span",{key:"9ebd5b4a961b9b20758bab5a58d8778c6795db40","aria-label":this.messages.minuteDown,class:{[je.button]:true,[je.buttonMinuteDown]:true},onClick:this.minuteDownClickHandler,role:"button"},i("calcite-icon",{key:"2845804742fae9b51db039666ea693c1486d19bf",icon:"chevron-down",scale:e}))),this.showSecond&&i("span",{key:"0816f11d5eeb5478a6c1c9e0872f56ad4a1ecaa2",class:je.delimiter},this.localizedMinuteSuffix),this.showSecond&&i("div",{key:"3b83633e26c0e024cb5084499f88edc7d72f79fc",class:je.column,role:"group"},i("span",{key:"90a351d935269aa847aee19d0e91cbbb0b66d3df","aria-label":this.messages.secondUp,class:{[je.button]:true,[je.buttonSecondUp]:true},onClick:this.secondUpClickHandler,role:"button"},i("calcite-icon",{key:"56ec5929764834986e91054432a1ec1c746f4a45",icon:"chevron-up",scale:e})),i("span",{key:"c44f0a291d49a94141a1eaf03b9baea12365e417","aria-label":this.messages.second,"aria-valuemax":"59","aria-valuemin":"0","aria-valuenow":n&&parseInt(this.second)||"0","aria-valuetext":this.second,class:{[je.input]:true,[je.second]:true,[je.inputFocus]:this.activeEl&&this.activeEl===this.secondEl},onClick:this.inputClickHandler,onFocus:this.focusHandler,onKeyDown:this.secondKeyDownHandler,ref:this.setSecondEl,role:"spinbutton",tabIndex:0},this.localizedSecond||"--"),i("span",{key:"4009df6e3dc774e30cbd77fc01802bc8be2f8ddf","aria-label":this.messages.secondDown,class:{[je.button]:true,[je.buttonSecondDown]:true},onClick:this.secondDownClickHandler,role:"button"},i("calcite-icon",{key:"2140cd873a3f10c72b7314da6c6d913b8345c778",icon:"chevron-down",scale:e}))),this.showFractionalSecond&&i("span",{key:"99be37a3a562a8a217c690612d757d2a463b98fe",class:je.delimiter},this.localizedDecimalSeparator),this.showFractionalSecond&&i("div",{key:"7b1095f7972da474f96a3190097eeaf282726743",class:je.column,role:"group"},i("span",{key:"c66e94a7309934bcfe86f8d73170101937bcbbdd","aria-label":this.messages.fractionalSecondUp,class:{[je.button]:true,[je.buttonFractionalSecondUp]:true},onClick:this.fractionalSecondUpClickHandler,role:"button"},i("calcite-icon",{key:"45fa888598fda5d21ab6a5e2f8561314c04cfba8",icon:"chevron-up",scale:e})),i("span",{key:"61d5ae14f3b1a1984d07437e57ca6e60ba64f27b","aria-label":this.messages.fractionalSecond,"aria-valuemax":"999","aria-valuemin":"1","aria-valuenow":r&&parseInt(this.fractionalSecond)||"0","aria-valuetext":this.localizedFractionalSecond,class:{[je.input]:true,[je.fractionalSecond]:true,[je.inputFocus]:this.activeEl&&this.activeEl===this.fractionalSecondEl},onClick:this.inputClickHandler,onFocus:this.focusHandler,onKeyDown:this.fractionalSecondKeyDownHandler,ref:this.setFractionalSecondEl,role:"spinbutton",tabIndex:0},this.localizedFractionalSecond||"--"),i("span",{key:"35d0b37c0113289a9a060ae236f9ed88597707a7","aria-label":this.messages.fractionalSecondDown,class:{[je.button]:true,[je.buttonFractionalSecondDown]:true},onClick:this.fractionalSecondDownClickHandler,role:"button"},i("calcite-icon",{key:"0dfd40ceff6d507cbd3495c5f5f4104b98d2ba99",icon:"chevron-down",scale:e}))),this.localizedSecondSuffix&&i("span",{key:"4cee863e88b4eac2a1da4ea48cac56777025a36c",class:je.delimiter},this.localizedSecondSuffix),a&&i("div",{key:"7cfcd524e6742691774e49e2c6ad053865f11256",class:{[je.column]:true,[je.meridiemStart]:this.meridiemOrder===0},role:"group"},i("span",{key:"640bcd84761d7dec7783092a53c79f5a49795014","aria-label":this.messages.meridiemUp,class:{[je.button]:true,[je.buttonMeridiemUp]:true,[je.buttonTopRight]:true},onClick:this.meridiemUpClickHandler,role:"button"},i("calcite-icon",{key:"134662da0e72d17cbd6d6d83657c6f37b8de9520",icon:"chevron-up",scale:e})),i("span",{key:"8097bcea625e4d272c86ae1598e471e6d55e98af","aria-label":this.messages.meridiem,"aria-valuemax":"2","aria-valuemin":"1","aria-valuenow":this.meridiem==="PM"&&"2"||"1","aria-valuetext":this.meridiem,class:{[je.input]:true,[je.meridiem]:true,[je.inputFocus]:this.activeEl&&this.activeEl===this.meridiemEl},onClick:this.inputClickHandler,onFocus:this.focusHandler,onKeyDown:this.meridiemKeyDownHandler,ref:this.setMeridiemEl,role:"spinbutton",tabIndex:0},this.localizedMeridiem||"--"),i("span",{key:"42a40925539e83e3ab8aeae295fbbad21795e5bc","aria-label":this.messages.meridiemDown,class:{[je.button]:true,[je.buttonMeridiemDown]:true,[je.buttonBottomRight]:true},onClick:this.meridiemDownClickHandler,role:"button"},i("calcite-icon",{key:"36364532badec14bcc07124127156ab1561539d4",icon:"chevron-down",scale:e}))))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{step:["stepChange"],value:["valueWatcher"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleWatcher"]}}};$e.style=Ie;export{Ye as I,$e as T,St as d};
-//# sourceMappingURL=p-5e711787.js.map

package/dist/calcite/p-5eb4b494.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-import{r as e,c as t,h as i,H as n,g as a}from"./p-0a2f91d4.js";import{b as s,s as o,f as l,t as c}from"./p-806dc8f8.js";import{u as r,I as d}from"./p-a805c9c4.js";import{s as h,a as f,c as p}from"./p-65e04a6e.js";import{c as g}from"./p-966e4808.js";import{S as m}from"./p-3a177c24.js";import{H as u}from"./p-4d237eff.js";import{c as b,d as v}from"./p-2abe8907.js";import{c as x,s as y,d as k,u as z}from"./p-f0661425.js";import{b as w}from"./p-e371a4b1.js";import{S as C,C as S,I as j,a as A}from"./p-70a1b853.js";import"./p-39b20f1d.js";import"./p-cedaddf4.js";import"./p-df6c8bd7.js";import"./p-103c1961.js";import"./p-0276629a.js";const F=":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;overflow:hidden;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}:host([scale=s]){--calcite-internal-panel-default-padding:var(--calcite-spacing-sm);--calcite-internal-panel-header-vertical-padding:10px}:host([scale=s]) .header-content .heading{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=s]) .header-content .description{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-internal-panel-default-padding:var(--calcite-spacing-md);--calcite-internal-panel-header-vertical-padding:var(--calcite-spacing-lg)}:host([scale=m]) .header-content .heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=m]) .header-content .description{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-internal-panel-default-padding:var(--calcite-spacing-xl);--calcite-internal-panel-header-vertical-padding:var(--calcite-spacing-xxl)}:host([scale=l]) .header-content .heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}:host([scale=l]) .header-content .description{font-size:var(--calcite-font-size-0);line-height:1.25rem}.content-top,.content-bottom{display:flex;align-items:flex-start;align-self:stretch;border-block-start:1px solid var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1)}.container{position:relative;margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;background-color:var(--calcite-color-background);padding:0px;transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing)}.container[hidden]{display:none}.header{z-index:var(--calcite-z-index-header);display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);border-block-end:var(--calcite-panel-header-border-block-end, 1px solid var(--calcite-color-border-3))}.header-container{display:flex;inline-size:100%;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 0 auto}.header-container--border-end{border-block-end:1px solid var(--calcite-color-border-3)}.action-bar-container{inline-size:100%}.action-bar-container ::slotted(calcite-action-bar){inline-size:100%}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:0.75rem;padding-block:0.875rem;margin-inline-end:auto}.header-content .heading,.header-content .description{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-inline:0px;margin-block:0px 0.25rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.header-content .heading:only-child{margin-block-end:0px}.header-content .description{color:var(--calcite-color-text-2)}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);border-inline-end-width:1px}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch}.header-actions--end{margin-inline-start:auto}.content-wrapper{position:relative;display:flex;block-size:100%;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:auto;outline-color:transparent;padding:var(--calcite-panel-content-space, 0);background:var(--calcite-panel-background-color, var(--calcite-color-background))}.content-wrapper:focus-visible{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.content-top,.content-bottom{padding:var(--calcite-internal-panel-default-padding)}.header-content{flex:1 1 auto;padding-block:var(--calcite-internal-panel-header-vertical-padding);padding-inline:var(--calcite-internal-panel-default-padding)}.footer{margin-block-start:auto;display:flex;flex-direction:row;align-content:space-between;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--2);line-height:1.375;border-block-start:1px solid var(--calcite-color-border-3);padding:var(--calcite-panel-footer-padding, var(--calcite-internal-panel-default-padding))}.footer-content{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:center}.footer-actions{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:space-evenly;gap:var(--calcite-internal-panel-default-padding)}.footer-start{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-start;margin-inline-end:auto;gap:var(--calcite-internal-panel-default-padding)}.footer-end{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-end;margin-inline-start:auto;gap:var(--calcite-internal-panel-default-padding)}.fab-container{position:sticky;inset-block-end:0px;z-index:var(--calcite-z-index-sticky);margin-block:0px;margin-inline:auto;display:block;padding:0.5rem;inset-inline:0;inline-size:-moz-fit-content;inline-size:fit-content}:host([hidden]){display:none}[hidden]{display:none}";const H=F;const E=class{constructor(i){e(this,i);this.calcitePanelClose=t(this,"calcitePanelClose",6);this.calcitePanelToggle=t(this,"calcitePanelToggle",6);this.calcitePanelScroll=t(this,"calcitePanelScroll",6);this.resizeObserver=g("resize",(()=>this.resizeHandler()));this.resizeHandler=()=>{const{panelScrollEl:e}=this;if(!e||typeof e.scrollHeight!=="number"||typeof e.offsetHeight!=="number"){return}const t=e.scrollHeight>e.offsetHeight;if(t){e.setAttribute("tabindex","0")}else{e.removeAttribute("tabindex")}};this.setContainerRef=e=>{this.containerEl=e};this.panelKeyDownHandler=e=>{if(this.closable&&e.key==="Escape"&&!e.defaultPrevented){this.handleUserClose();e.preventDefault()}};this.handleUserClose=()=>{this.closed=true;this.calcitePanelClose.emit()};this.open=()=>{this.isClosed=false};this.close=async()=>{const e=this.beforeClose??(()=>Promise.resolve());try{await e()}catch(e){requestAnimationFrame((()=>{this.closed=false}));return}this.isClosed=true};this.collapse=()=>{this.collapsed=!this.collapsed;this.calcitePanelToggle.emit()};this.panelScrollHandler=()=>{this.calcitePanelScroll.emit()};this.handleHeaderActionsStartSlotChange=e=>{this.hasStartActions=s(e)};this.handleHeaderActionsEndSlotChange=e=>{this.hasEndActions=s(e)};this.handleHeaderMenuActionsSlotChange=e=>{this.hasMenuItems=s(e)};this.handleActionBarSlotChange=e=>{const t=o(e).filter((e=>e?.matches("calcite-action-bar")));t.forEach((e=>e.layout="horizontal"));this.hasActionBar=!!t.length};this.handleHeaderContentSlotChange=e=>{this.hasHeaderContent=s(e)};this.handleFabSlotChange=e=>{this.hasFab=s(e)};this.handleFooterActionsSlotChange=e=>{this.hasFooterActions=s(e)};this.handleFooterEndSlotChange=e=>{this.hasFooterEndContent=s(e)};this.handleFooterStartSlotChange=e=>{this.hasFooterStartContent=s(e)};this.handleFooterSlotChange=e=>{this.hasFooterContent=s(e)};this.contentBottomSlotChangeHandler=e=>{this.hasContentBottom=s(e)};this.contentTopSlotChangeHandler=e=>{this.hasContentTop=s(e)};this.setPanelScrollEl=e=>{this.panelScrollEl=e;this.resizeObserver?.disconnect();if(e){this.resizeObserver?.observe(e);this.resizeHandler()}};this.handleAlertsSlotChange=e=>{o(e)?.map((e=>{if(e.nodeName==="CALCITE-ALERT"){e.embedded=true}}))};this.beforeClose=undefined;this.closed=false;this.disabled=false;this.closable=false;this.collapsed=false;this.collapseDirection="down";this.collapsible=false;this.headingLevel=undefined;this.loading=false;this.heading=undefined;this.description=undefined;this.menuFlipPlacements=undefined;this.menuOpen=false;this.menuPlacement=w;this.messageOverrides=undefined;this.messages=undefined;this.overlayPositioning="absolute";this.scale="m";this.isClosed=false;this.hasStartActions=false;this.hasEndActions=false;this.hasMenuItems=false;this.hasHeaderContent=false;this.hasActionBar=false;this.hasContentBottom=false;this.hasContentTop=false;this.hasFab=false;this.hasFooterActions=false;this.hasFooterContent=false;this.hasFooterEndContent=false;this.hasFooterStartContent=false;this.defaultMessages=undefined;this.effectiveLocale="";this.showHeaderContent=false}toggleDialog(e){e?this.close():this.open()}onMessagesChange(){}connectedCallback(){b(this);x(this)}async componentWillLoad(){h(this);this.isClosed=this.closed;await y(this)}componentDidLoad(){f(this)}componentDidRender(){r(this)}disconnectedCallback(){v(this);k(this);this.resizeObserver?.disconnect()}effectiveLocaleChange(){z(this,this.effectiveLocale)}async setFocus(){await p(this);l(this.containerEl)}async scrollContentTo(e){this.panelScrollEl?.scrollTo(e)}renderHeaderContent(){const{heading:e,headingLevel:t,description:n,hasHeaderContent:a}=this;const s=e?i(u,{class:S.heading,level:t},e):null;const o=n?i("span",{class:S.description},n):null;return!a&&(s||o)?i("div",{class:S.headerContent,key:"header-content"},s,o):null}renderActionBar(){return i("div",{class:S.actionBarContainer,hidden:!this.hasActionBar},i("slot",{name:C.actionBar,onSlotchange:this.handleActionBarSlotChange}))}renderHeaderSlottedContent(){return i("div",{class:S.headerContent,hidden:!this.hasHeaderContent,key:"slotted-header-content"},i("slot",{name:C.headerContent,onSlotchange:this.handleHeaderContentSlotChange}))}renderHeaderStartActions(){const{hasStartActions:e}=this;return i("div",{class:{[S.headerActionsStart]:true,[S.headerActions]:true},hidden:!e,key:"header-actions-start"},i("slot",{name:C.headerActionsStart,onSlotchange:this.handleHeaderActionsStartSlotChange}))}renderHeaderActionsEnd(){const{hasEndActions:e,messages:t,closable:n,collapsed:a,collapseDirection:s,collapsible:o,hasMenuItems:l}=this;const{collapse:r,expand:d,close:h}=t;const f=[A.expand,A.collapse];if(s==="up"){f.reverse()}const p=o?i("calcite-action",{"aria-expanded":c(!a),"aria-label":r,icon:a?f[0]:f[1],id:j.collapse,onClick:this.collapse,scale:this.scale,text:r,title:a?d:r}):null;const g=n?i("calcite-action",{"aria-label":h,icon:A.close,id:j.close,onClick:this.handleUserClose,scale:this.scale,text:h,title:h}):null;const m=i("slot",{name:C.headerActionsEnd,onSlotchange:this.handleHeaderActionsEndSlotChange});const u=e||p||g||l;return i("div",{class:{[S.headerActionsEnd]:true,[S.headerActions]:true},hidden:!u,key:"header-actions-end"},m,this.renderMenu(),p,g)}renderMenu(){const{hasMenuItems:e,messages:t,menuOpen:n,menuFlipPlacements:a,menuPlacement:s}=this;return i("calcite-action-menu",{flipPlacements:a??["top","bottom"],hidden:!e,key:"menu",label:t.options,open:n,overlayPositioning:this.overlayPositioning,placement:s},i("calcite-action",{icon:A.menu,scale:this.scale,slot:m.trigger,text:t.options}),i("slot",{name:C.headerMenuActions,onSlotchange:this.handleHeaderMenuActionsSlotChange}))}renderHeaderNode(){const{hasHeaderContent:e,hasStartActions:t,hasEndActions:n,closable:a,collapsible:s,hasMenuItems:o,hasActionBar:l}=this;const c=this.renderHeaderContent();const r=e||!!c||t||n||s||a||o;this.showHeaderContent=r;return i("header",{class:S.header,hidden:!(r||l)},i("div",{class:{[S.headerContainer]:true,[S.headerContainerBorderEnd]:l},hidden:!r},this.renderHeaderStartActions(),this.renderHeaderSlottedContent(),c,this.renderHeaderActionsEnd()),this.renderActionBar(),this.renderContentTop())}renderFooterNode(){const{hasFooterEndContent:e,hasFooterStartContent:t,hasFooterContent:n,hasFooterActions:a}=this;const s=t||e||n||a;return i("footer",{class:S.footer,hidden:!s},i("div",{class:S.footerContent,hidden:!n},i("slot",{name:C.footer,onSlotchange:this.handleFooterSlotChange})),i("div",{class:S.footerStart,hidden:n||!t},i("slot",{name:C.footerStart,onSlotchange:this.handleFooterStartSlotChange})),i("div",{class:S.footerEnd,hidden:n||!e},i("slot",{name:C.footerEnd,onSlotchange:this.handleFooterEndSlotChange})),i("div",{class:S.footerActions,hidden:n||!a},i("slot",{key:"footer-actions-slot",name:C.footerActions,onSlotchange:this.handleFooterActionsSlotChange})))}renderContent(){return i("div",{class:S.contentWrapper,hidden:this.collapsible&&this.collapsed,onScroll:this.panelScrollHandler,ref:this.setPanelScrollEl},i("slot",null),this.renderFab())}renderContentBottom(){return i("div",{class:S.contentBottom,hidden:!this.hasContentBottom},i("slot",{name:C.contentBottom,onSlotchange:this.contentBottomSlotChangeHandler}))}renderContentTop(){return i("div",{class:S.contentTop,hidden:!this.hasContentTop},i("slot",{name:C.contentTop,onSlotchange:this.contentTopSlotChangeHandler}))}renderFab(){return i("div",{class:S.fabContainer,hidden:!this.hasFab},i("slot",{name:C.fab,onSlotchange:this.handleFabSlotChange}))}render(){const{disabled:e,loading:t,isClosed:a}=this;const s=i("article",{key:"0f439dffdca536eb6973ac386b0566091249aee3","aria-busy":c(t),class:S.container,hidden:a,ref:this.setContainerRef},this.renderHeaderNode(),this.renderContent(),this.renderContentBottom(),this.renderFooterNode(),i("slot",{key:"alerts",name:C.alerts,onSlotchange:this.handleAlertsSlotChange}));return i(n,{key:"6e5baec07ecb356871dea038ebc2d5ee2d8ed54f",onKeyDown:this.panelKeyDownHandler},i(d,{key:"924cda1799b359f1bb3fb119cebfff5a7349b72d",disabled:e},t?i("calcite-scrim",{loading:t}):null,s))}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{closed:["toggleDialog"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};E.style=H;export{E as calcite_panel};
-//# sourceMappingURL=p-5eb4b494.entry.js.map

package/dist/calcite/p-5eb4b494.entry.js.map

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