@esri/calcite-components 2.12.0 → 2.13.0-next.0

package/dist/calcite/p-6544da92.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.0
+ */
+import{r as e,c as t,h as o,H as c,g as a}from"./p-81385d5a.js";import{b as i,e as n,t as r}from"./p-ab70309d.js";import{c as s,d as l}from"./p-daf0e140.js";import{c as d,d as h,s as p,u as b}from"./p-e5a69dc9.js";import{c as f,a as u,s as v}from"./p-2707e6a4.js";import{c as m,u as g,d as x,I as k}from"./p-4df4625f.js";import{i as w}from"./p-1b1f0952.js";import"./p-d7f93b7a.js";import"./p-c39e14b7.js";import"./p-6b594619.js";import"./p-31bb0d1f.js";const y={container:"container",contentWrapper:"content-wrapper",header:"header",footer:"footer",heading:"heading",description:"description",checkboxWrapper:"checkbox-wrapper",checkboxWrapperDeprecated:"checkbox-wrapper-deprecated",thumbnailWrapper:"thumbnail-wrapper",headerTextContainer:"header-text-container",cardContent:"card-content",hasSlottedContent:"has-slotted-content"};const z={thumbnail:"thumbnail",heading:"heading",description:"description",footerStart:"footer-start",footerEnd:"footer-end",title:"title",subtitle:"subtitle"};const j={selected:"check-square-f",unselected:"square",selectedSingle:"circle-f",unselectedSingle:"circle"};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:block;max-inline-size:100%}.content-wrapper{position:relative;display:flex;block-size:100%;flex-direction:column;justify-content:space-between;overflow:hidden;border:var(--calcite-border-width-sm) solid var(--calcite-card-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-card-corner-radius, var(--calcite-corner-radius-sharp));background-color:var(--calcite-card-background-color, var(--calcite-color-foreground-1));box-shadow:var(--calcite-card-shadow, var(--calcite-shadow-none));pointer-events:none}::slotted(*){pointer-events:auto}:host(:not([selectable])) .content-wrapper:not(.non-interactive){outline-color:transparent}:host(:not([selectable])) .content-wrapper: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{position:relative;display:flex;flex:1 1 auto;flex-direction:column}:host([loading]) .content-wrapper *:not(calcite-loader):not(.calcite-card-loader-container){pointer-events:none;opacity:0}:host([loading]) .calcite-card-loader-container{position:absolute;inset:0px;display:flex;align-items:center}.header{display:flex;flex-direction:row;align-items:flex-start}.footer{margin-block-start:auto;display:flex;flex-direction:row;align-content:space-between;justify-content:space-between;padding-inline:var(--calcite-spacing-md);padding-block-start:var(--calcite-spacing-xxs);padding-block-end:var(--calcite-spacing-md)}.header-text-container{display:flex;inline-size:100%;flex-direction:column;justify-content:center;padding-inline:0.75rem;padding-block:0.5rem}.header-text-container:not(:only-child){padding-inline-end:0.125rem}.footer{margin-block-start:auto;flex-direction:row;align-content:space-between;justify-content:space-between;padding-inline:0.75rem;padding-block:0.25rem 0.75rem}.card-content{block-size:auto;font-size:var(--calcite-font-size--2);line-height:1.375}.has-slotted-content{padding:0.75rem}:host([selected]) .content-wrapper{box-shadow:inset 0 -4px 0 0 var(--calcite-card-accent-color-selected, var(--calcite-color-brand))}:host([selectable]) .header{padding-inline-end:var(--calcite-spacing-xxxl)}slot[name=title]::slotted(*),*::slotted([slot=title]){margin:0px;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}slot[name=subtitle]::slotted(*),*::slotted([slot=subtitle]){margin:0px;margin-block-start:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}slot[name=heading]::slotted(*),*::slotted([slot=heading]){margin:0px;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}slot[name=description]::slotted(*),*::slotted([slot=description]){margin:0px;margin-block-start:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}slot[name=thumbnail]::slotted(img),img::slotted([slot=thumbnail]){min-inline-size:100%;max-inline-size:100%}slot[name=footer-start]::slotted(*),*::slotted([slot=footer-start]){align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375;margin-inline-end:auto}slot[name=footer-end]::slotted(*),*::slotted([slot=footer-end]){align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375}.checkbox-wrapper-deprecated{pointer-events:auto;position:absolute;inset-block-start:var(--calcite-spacing-sm);inset-inline-end:var(--calcite-spacing-sm);margin:0;padding:0;color:var(--calcite-card-selection-color, var(--calcite-color-text-3))}.checkbox-wrapper-deprecated:hover{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}.checkbox-wrapper-deprecated:active{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press))}.checkbox-wrapper{pointer-events:auto;margin:0.5rem;cursor:pointer;padding:0.5rem;outline-color:transparent;display:flex;align-items:center;justify-items:center;color:var(--calcite-card-selection-color, var(--calcite-color-text-3))}.checkbox-wrapper:hover{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}.checkbox-wrapper:active{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press))}.checkbox-wrapper calcite-icon{pointer-events:none}:host([selected]) .checkbox-wrapper-deprecated,:host([selected]) .checkbox-wrapper{color:var(--calcite-card-accent-color-selected, var(--calcite-card-selection-icon-color-selected, var(--calcite-color-brand)))}:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper-deprecated,:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}:host([selected]:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper-deprecated,:host([selected]:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press));color:var(--calcite-card-accent-color-selected, var(--calcite-card-selection-icon-color-selected, var(--calcite-color-brand)))}.thumbnail-wrapper{display:flex}.content-wrapper.inline{flex-direction:row}.content-wrapper.inline>.container{inline-size:60%}.content-wrapper.inline>.thumbnail-wrapper{inline-size:40%;align-items:flex-start}.content-wrapper.inline slot[name=thumbnail]::slotted(img),.content-wrapper.inline img::slotted([slot=thumbnail]){inline-size:100%}slot[name=footer-start]::slotted(*),slot[name=footer-end]::slotted(*){display:flex;gap:0.25rem}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}";const D=C;const S=class{constructor(o){e(this,o);this.calciteCardSelect=t(this,"calciteCardSelect",6);this.calciteInternalCardKeyEvent=t(this,"calciteInternalCardKeyEvent",6);this.handleDefaultSlotChange=e=>{this.hasContent=i(e)};this.keyDownHandler=e=>{if(e.target===this.containerEl&&!this.selectable&&!this.disabled){if(w(e.key)&&this.selectionMode!=="none"){this.calciteCardSelect.emit();e.preventDefault()}else{switch(e.key){case"ArrowRight":case"ArrowLeft":case"Home":case"End":this.calciteInternalCardKeyEvent.emit(e);e.preventDefault();break}}}};this.cardBodyClickHandler=e=>{const t=e.target===this.containerEl;if(t&&!this.selectable&&!this.disabled&&this.selectionMode!=="none"){this.calciteCardSelect.emit()}};this.cardSelectKeyDownDeprecated=e=>{switch(e.key){case" ":case"Enter":this.selectCardDeprecated();e.preventDefault();break}};this.selectCardDeprecated=()=>{this.selected=!this.selected;this.calciteCardSelect.emit()};this.cardSelectClick=e=>{if(!this.disabled){e.preventDefault();this.calciteCardSelect.emit();this.setFocus()}};this.loading=false;this.thumbnailPosition="block-start";this.disabled=false;this.label=undefined;this.selectable=false;this.selected=false;this.messages=undefined;this.selectionMode="none";this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined;this.hasContent=false}onMessagesChange(){}async setFocus(){await f(this);if(!this.disabled){this.containerEl?.focus()}}connectedCallback(){m(this);s(this);d(this)}componentDidLoad(){u(this)}componentDidRender(){g(this)}disconnectedCallback(){x(this);l(this);h(this)}async componentWillLoad(){v(this);await p(this)}effectiveLocaleChange(){b(this,this.effectiveLocale)}renderCheckboxDeprecated(){return o("calcite-label",{class:y.checkboxWrapperDeprecated},o("calcite-checkbox",{checked:this.selected,label:this.messages.select,onClick:this.selectCardDeprecated,onKeyDown:this.cardSelectKeyDownDeprecated}))}renderThumbnail(){return n(this.el,z.thumbnail)?o("section",{class:y.thumbnailWrapper},o("slot",{name:z.thumbnail})):null}renderSelectionIcon(){const e=this.selectionMode==="multiple"&&this.selected?j.selected:this.selectionMode==="multiple"?j.unselected:this.selected?j.selectedSingle:j.unselectedSingle;return o("div",{class:y.checkboxWrapper,onPointerDown:this.cardSelectClick,tabIndex:-1},o("calcite-icon",{icon:e,scale:"s"}))}renderHeader(){const{el:e}=this;const t=n(e,z.heading);const c=n(e,z.description);const a=t||c;const i=n(e,z.subtitle);const r=n(e,z.title);const s=i||r;return a||s?o("header",{class:y.header},this.selectable?this.renderCheckboxDeprecated():null,o("div",{class:y.headerTextContainer},o("slot",{key:"heading-slot",name:z.heading}),o("slot",{key:"description-slot",name:z.description}),o("slot",{key:"deprecated-title-slot",name:z.title}),o("slot",{key:"deprecated-subtitle-slot",name:z.subtitle})),this.selectionMode!=="none"&&this.renderSelectionIcon()):null}renderFooter(){const{el:e}=this;const t=n(e,z.footerStart);const c=n(e,z.footerEnd);const a=t||c;return a?o("footer",{class:y.footer},o("slot",{name:z.footerStart}),o("slot",{name:z.footerEnd})):null}render(){const e=this.thumbnailPosition.startsWith("inline");const t=this.thumbnailPosition.endsWith("start");const a=this.selectionMode==="multiple"?"checkbox":this.selectionMode!=="none"?"radio":undefined;return o(c,{key:"e33b76130cd91d3caa6662f1f58b79d238c708fb"},o(k,{key:"772da2a3a1274eb467d1febb915ffb97953beae7",disabled:this.disabled},o("div",{key:"b9fdbb51cfb07964479d0f723add39b8a2384f86","aria-checked":this.selectionMode!=="none"?r(this.selected):undefined,"aria-disabled":this.disabled,"aria-label":this.label,class:{[y.contentWrapper]:true,inline:e},onClick:this.cardBodyClickHandler,onKeyDown:this.keyDownHandler,ref:e=>this.containerEl=e,role:a,tabIndex:!this.selectable||this.disabled?0:-1},this.loading?o("div",{"aria-live":"polite",class:"calcite-card-loader-container"},o("calcite-loader",{label:this.messages.loading})):null,t&&this.renderThumbnail(),o("section",{key:"51cfe132a589ec65b39544b4c1246545b0b864f2","aria-busy":r(this.loading),class:{[y.container]:true}},this.renderHeader(),o("div",{key:"c256998e330a949d47a12b23127c68cba081854e",class:{[y.cardContent]:true,[y.hasSlottedContent]:this.hasContent}},o("slot",{key:"17fb9b0a9919f09a474d3c54818e770be9a85b77",onSlotchange:this.handleDefaultSlotChange})),this.renderFooter()),!t&&this.renderThumbnail())))}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};S.style=D;export{S as calcite_card};
+//# sourceMappingURL=p-6544da92.entry.js.map

package/dist/calcite/p-6544da92.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","container","contentWrapper","header","footer","heading","description","checkboxWrapper","checkboxWrapperDeprecated","thumbnailWrapper","headerTextContainer","cardContent","hasSlottedContent","SLOTS","thumbnail","footerStart","footerEnd","title","subtitle","ICONS","selected","unselected","selectedSingle","unselectedSingle","cardCss","CalciteCardStyle0","Card","this","handleDefaultSlotChange","event","hasContent","slotChangeHasAssignedElement","keyDownHandler","target","containerEl","selectable","disabled","isActivationKey","key","selectionMode","calciteCardSelect","emit","preventDefault","calciteInternalCardKeyEvent","cardBodyClickHandler","isFromScreenReader","cardSelectKeyDownDeprecated","selectCardDeprecated","cardSelectClick","setFocus","onMessagesChange","componentFocusable","focus","connectedCallback","connectInteractive","connectLocalized","connectMessages","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","disconnectedCallback","disconnectInteractive","disconnectLocalized","disconnectMessages","componentWillLoad","setUpLoadableComponent","setUpMessages","effectiveLocaleChange","updateMessages","effectiveLocale","renderCheckboxDeprecated","h","class","checked","label","messages","select","onClick","onKeyDown","renderThumbnail","getSlotted","el","name","renderSelectionIcon","icon","onPointerDown","tabIndex","scale","renderHeader","hasHeader","hasDeprecatedHeader","renderFooter","startFooter","endFooter","hasFooter","render","thumbnailInline","thumbnailPosition","startsWith","thumbnailStart","endsWith","role","undefined","Host","InteractiveContainer","toAriaBoolean","inline","ref","loading","onSlotchange"],"sources":["src/components/card/resources.ts","src/components/card/card.scss?tag=calcite-card&encapsulation=shadow","src/components/card/card.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  contentWrapper: \"content-wrapper\",\n  header: \"header\",\n  footer: \"footer\",\n  heading: \"heading\",\n  description: \"description\",\n  checkboxWrapper: \"checkbox-wrapper\",\n  checkboxWrapperDeprecated: \"checkbox-wrapper-deprecated\",\n  thumbnailWrapper: \"thumbnail-wrapper\",\n  headerTextContainer: \"header-text-container\",\n  cardContent: \"card-content\",\n  hasSlottedContent: \"has-slotted-content\",\n};\n\nexport const SLOTS = {\n  thumbnail: \"thumbnail\",\n  heading: \"heading\",\n  description: \"description\",\n  footerStart: \"footer-start\",\n  footerEnd: \"footer-end\",\n  title: \"title\",\n  subtitle: \"subtitle\",\n};\n\nexport const ICONS = {\n  selected: \"check-square-f\",\n  unselected: \"square\",\n  selectedSingle: \"circle-f\",\n  unselectedSingle: \"circle\",\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-card-accent-color-selected: Specifies the accent color of the component when `selected`.\n * @prop --calcite-card-background-color: Specifies the background color of the component.\n * @prop --calcite-card-border-color: Specifies the border color of the component.\n * @prop --calcite-card-corner-radius: Specifies the corner radius of the component.\n * @prop --calcite-card-selection-background-color-active: [Deprecated] Use --calcite-card-selection-background-color-press. Specifies the background color of the component's selection element when active.\n * @prop --calcite-card-selection-background-color-hover: Specifies the background color of the component's selection element when hovered.\n * @prop --calcite-card-selection-background-color-press: Specifies the background color of the component's selection element when active.\n * @prop --calcite-card-selection-background-color-selected: [Deprecated] Use --calcite-card-background-color. Specifies the icon color of the component's selection element when `selected`.\n * @prop --calcite-card-selection-background-color: [Deprecated] Use --calcite-card-background-color. Specifies the background color of the component's selection element.\n * @prop --calcite-card-selection-color-hover: Specifies the color of the component's selection element when hovered or focused.\n * @prop --calcite-card-selection-color: Specifies the color of the component's selection element.\n * @prop --calcite-card-selection-icon-color-hover: [Deprecated] Use --calcite-card-selection-color-hover. Specifies the icon color of the component's selection element when hovered.\n * @prop --calcite-card-selection-icon-color-selected: [Deprecated] Use --calcite-card-accent-color-selected. Specifies the icon color of the component's selection element when `selected`.\n * @prop --calcite-card-selection-icon-color: [Deprecated] Use --calcite-card-selection-color. Specifies the icon color of the component's selection element.\n * @prop --calcite-card-shadow: Specifies the shadow of the component.\n *\n */\n\n:host {\n  @apply block max-w-full;\n}\n\n.content-wrapper {\n  @apply relative\n    flex\n    h-full\n    flex-col\n    justify-between\n    overflow-hidden;\n  border: var(--calcite-border-width-sm) solid var(--calcite-card-border-color, var(--calcite-color-border-3));\n  border-radius: var(--calcite-card-corner-radius, var(--calcite-corner-radius-sharp));\n  background-color: var(--calcite-card-background-color, var(--calcite-color-foreground-1));\n  box-shadow: var(--calcite-card-shadow, var(--calcite-shadow-none));\n  pointer-events: none;\n}\n\n::slotted(*) {\n  @apply pointer-events-auto;\n}\n\n:host(:not([selectable])) {\n  .content-wrapper {\n    &:not(.non-interactive) {\n      @apply focus-base;\n    }\n    &:not(.non-interactive):focus {\n      @apply focus-outset;\n    }\n  }\n}\n\n.container {\n  @apply relative flex flex-auto flex-col;\n}\n\n:host([loading]) .content-wrapper *:not(calcite-loader):not(.calcite-card-loader-container) {\n  @apply pointer-events-none;\n  opacity: $calcite-opacity-0;\n}\n\n:host([loading]) .calcite-card-loader-container {\n  @apply absolute inset-0 flex items-center;\n}\n\n.header {\n  @apply flex flex-row items-start;\n}\n\n.footer {\n  @apply flex mt-auto flex-row content-between justify-between;\n  padding-inline: var(--calcite-spacing-md);\n  padding-block-start: var(--calcite-spacing-xxs);\n  padding-block-end: var(--calcite-spacing-md);\n}\n\n.header-text-container {\n  @apply flex flex-col px-3 py-2 w-full justify-center;\n  &:not(:only-child) {\n    @apply pr-0.5;\n  }\n}\n\n.footer {\n  @apply mt-auto flex-row content-between\n    justify-between\n    px-3\n    pt-1\n    pb-3;\n}\n\n.card-content {\n  @apply h-auto text-n2-wrap;\n}\n\n.has-slotted-content {\n  @apply p-3;\n}\n\n:host([selected]) .content-wrapper {\n  box-shadow: inset 0 -4px 0 0 var(--calcite-card-accent-color-selected, var(--calcite-color-brand));\n}\n\n:host([selectable]) .header {\n  padding-inline-end: var(--calcite-spacing-xxxl);\n}\n\n@include slotted(\"title\", \"*\") {\n  @apply text-color-1\n    text-n1-wrap\n    m-0\n    font-medium;\n}\n\n@include slotted(\"subtitle\", \"*\") {\n  @apply text-color-2\n    text-n2-wrap\n    m-0 mt-0.5\n    font-normal;\n}\n\n@include slotted(\"heading\", \"*\") {\n  @apply text-color-1\n    text-n1-wrap\n    m-0\n    font-medium;\n}\n\n@include slotted(\"description\", \"*\") {\n  @apply text-color-2\n    text-n2-wrap\n    m-0 mt-0.5\n    font-normal;\n}\n\n@include slotted(\"thumbnail\", \"img\") {\n  @apply min-w-full max-w-full;\n}\n\n@include slotted(\"footer-start\", \"*\") {\n  @apply text-n2-wrap self-center;\n  margin-inline-end: auto;\n}\n\n@include slotted(\"footer-end\", \"*\") {\n  @apply text-n2-wrap self-center;\n}\n\n// deprecated\n.checkbox-wrapper-deprecated {\n  @apply absolute pointer-events-auto;\n  inset-block-start: var(--calcite-spacing-sm);\n  inset-inline-end: var(--calcite-spacing-sm);\n  margin: 0;\n  padding: 0;\n  color: var(--calcite-card-selection-color, var(--calcite-color-text-3));\n\n  &:hover {\n    background-color: var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));\n    color: var(\n      --calcite-card-selection-color-hover,\n      var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2))\n    );\n  }\n  &:active {\n    background-color: var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press));\n  }\n}\n\n.checkbox-wrapper {\n  @apply m-2 p-2 focus-base cursor-pointer pointer-events-auto;\n  display: flex;\n  align-items: center;\n  justify-items: center;\n  color: var(--calcite-card-selection-color, var(--calcite-color-text-3));\n\n  &:hover {\n    background-color: var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));\n    color: var(\n      --calcite-card-selection-color-hover,\n      var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2))\n    );\n  }\n  &:active {\n    background-color: var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press));\n  }\n  & calcite-icon {\n    pointer-events: none;\n  }\n}\n\n:host([selected]) {\n  .checkbox-wrapper-deprecated,\n  .checkbox-wrapper {\n    color: var(\n      --calcite-card-accent-color-selected,\n      var(--calcite-card-selection-icon-color-selected, var(--calcite-color-brand))\n    );\n  }\n}\n\n:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus {\n  .checkbox-wrapper-deprecated,\n  .checkbox-wrapper {\n    background-color: var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));\n    color: var(\n      --calcite-card-selection-color-hover,\n      var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2))\n    );\n  }\n}\n\n:host([selected]:not([selectable])) .content-wrapper:not(.non-interactive):focus {\n  .checkbox-wrapper-deprecated,\n  .checkbox-wrapper {\n    background-color: var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press));\n    color: var(\n      --calcite-card-accent-color-selected,\n      var(--calcite-card-selection-icon-color-selected, var(--calcite-color-brand))\n    );\n  }\n}\n/* end deprecated */\n\n.thumbnail-wrapper {\n  @apply flex;\n}\n\n.content-wrapper.inline {\n  @apply flex-row;\n\n  & > .container {\n    @apply w-3/5;\n  }\n  & > .thumbnail-wrapper {\n    @apply items-start w-2/5;\n  }\n\n  @include slotted(\"thumbnail\", \"img\") {\n    @apply w-full;\n  }\n}\n\nslot[name=\"footer-start\"]::slotted(*),\nslot[name=\"footer-end\"]::slotted(*) {\n  @apply flex gap-1;\n}\n\n@include base-component();\n@include disabled();\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 { getSlotted, slotChangeHasAssignedElement, toAriaBoolean } from \"../../utils/dom\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { LogicalFlowPosition, SelectionMode } from \"../interfaces\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { isActivationKey } from \"../../utils/key\";\nimport { IconNameOrString } from \"../icon/interfaces\";\nimport { CSS, ICONS, SLOTS } from \"./resources\";\nimport { CardMessages } from \"./assets/card/t9n\";\n\n/**\n * @slot - A slot for adding content.\n * @slot title - [Deprecated] use `heading` instead. A slot for adding a heading.\n * @slot subtitle - [Deprecated] use `description` instead. A slot for adding a description.\n * @slot thumbnail - A slot for adding a thumbnail.\n * @slot heading - A slot for adding a heading.\n * @slot description - A slot for adding a description.\n * @slot footer-start - A slot for adding a leading footer.\n * @slot footer-end - A slot for adding a trailing footer.\n */\n\n@Component({\n  tag: \"calcite-card\",\n  styleUrl: \"card.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Card\n  implements InteractiveComponent, LoadableComponent, LocalizedComponent, T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**  When `true`, a busy indicator is displayed. */\n  @Prop({ reflect: true }) loading = false;\n\n  /** Sets the placement of the thumbnail defined in the `thumbnail` slot. */\n  @Prop({ reflect: true }) thumbnailPosition: LogicalFlowPosition = \"block-start\";\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Accessible name for the component. */\n  @Prop() label: string;\n\n  /**\n   * When `true`, the component is selectable.\n   *\n   * @deprecated use `selectionMode` property on a parent `calcite-card-group` instead.\n   */\n  @Prop({ reflect: true }) selectable = false;\n\n  /** When `true`, the component is selected.  */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: CardMessages;\n\n  /**\n   * This internal property, managed by a containing `calcite-card-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  /**\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<CardMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when the deprecated `selectable` is true, or `selectionMode` set on parent `calcite-card-group` is not `none` and the component is selected. */\n  @Event({ cancelable: false }) calciteCardSelect: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalCardKeyEvent: EventEmitter<KeyboardEvent>;\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) {\n      this.containerEl?.focus();\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteCardElement;\n\n  @State() effectiveLocale: string;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: CardMessages;\n\n  @State() private hasContent = false;\n\n  private containerEl: HTMLDivElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private handleDefaultSlotChange = (event: Event): void => {\n    this.hasContent = slotChangeHasAssignedElement(event);\n  };\n\n  private keyDownHandler = (event: KeyboardEvent): void => {\n    if (event.target === this.containerEl && !this.selectable && !this.disabled) {\n      if (isActivationKey(event.key) && this.selectionMode !== \"none\") {\n        this.calciteCardSelect.emit();\n        event.preventDefault();\n      } else {\n        switch (event.key) {\n          case \"ArrowRight\":\n          case \"ArrowLeft\":\n          case \"Home\":\n          case \"End\":\n            this.calciteInternalCardKeyEvent.emit(event);\n            event.preventDefault();\n            break;\n        }\n      }\n    }\n  };\n\n  private cardBodyClickHandler = (event: MouseEvent): void => {\n    const isFromScreenReader = event.target === this.containerEl;\n    if (isFromScreenReader && !this.selectable && !this.disabled && this.selectionMode !== \"none\") {\n      this.calciteCardSelect.emit();\n    }\n  };\n\n  private renderCheckboxDeprecated(): VNode {\n    return (\n      <calcite-label class={CSS.checkboxWrapperDeprecated}>\n        <calcite-checkbox\n          checked={this.selected}\n          label={this.messages.select}\n          onClick={this.selectCardDeprecated}\n          onKeyDown={this.cardSelectKeyDownDeprecated}\n        />\n      </calcite-label>\n    );\n  }\n\n  private cardSelectKeyDownDeprecated = (event: KeyboardEvent): void => {\n    switch (event.key) {\n      case \" \":\n      case \"Enter\":\n        this.selectCardDeprecated();\n        event.preventDefault();\n        break;\n    }\n  };\n\n  private selectCardDeprecated = (): void => {\n    this.selected = !this.selected;\n    this.calciteCardSelect.emit();\n  };\n\n  private cardSelectClick = (event): void => {\n    if (!this.disabled) {\n      event.preventDefault();\n      this.calciteCardSelect.emit();\n      this.setFocus();\n    }\n  };\n\n  private renderThumbnail(): VNode {\n    return getSlotted(this.el, SLOTS.thumbnail) ? (\n      <section class={CSS.thumbnailWrapper}>\n        <slot name={SLOTS.thumbnail} />\n      </section>\n    ) : null;\n  }\n\n  private renderSelectionIcon(): VNode {\n    const icon: IconNameOrString =\n      this.selectionMode === \"multiple\" && this.selected\n        ? ICONS.selected\n        : this.selectionMode === \"multiple\"\n          ? ICONS.unselected\n          : this.selected\n            ? ICONS.selectedSingle\n            : ICONS.unselectedSingle;\n\n    return (\n      <div class={CSS.checkboxWrapper} onPointerDown={this.cardSelectClick} tabIndex={-1}>\n        <calcite-icon icon={icon} scale=\"s\" />\n      </div>\n    );\n  }\n\n  private renderHeader(): VNode {\n    const { el } = this;\n    const heading = getSlotted(el, SLOTS.heading);\n    const description = getSlotted(el, SLOTS.description);\n    const hasHeader = heading || description;\n    const subtitle = getSlotted(el, SLOTS.subtitle);\n    const title = getSlotted(el, SLOTS.title);\n    const hasDeprecatedHeader = subtitle || title;\n    return hasHeader || hasDeprecatedHeader ? (\n      <header class={CSS.header}>\n        {this.selectable ? this.renderCheckboxDeprecated() : null}\n        <div class={CSS.headerTextContainer}>\n          <slot key=\"heading-slot\" name={SLOTS.heading} />\n          <slot key=\"description-slot\" name={SLOTS.description} />\n          <slot key=\"deprecated-title-slot\" name={SLOTS.title} />\n          <slot key=\"deprecated-subtitle-slot\" name={SLOTS.subtitle} />\n        </div>\n        {this.selectionMode !== \"none\" && this.renderSelectionIcon()}\n      </header>\n    ) : null;\n  }\n\n  private renderFooter(): VNode {\n    const { el } = this;\n    const startFooter = getSlotted(el, SLOTS.footerStart);\n    const endFooter = getSlotted(el, SLOTS.footerEnd);\n\n    const hasFooter = startFooter || endFooter;\n    return hasFooter ? (\n      <footer class={CSS.footer}>\n        <slot name={SLOTS.footerStart} />\n        <slot name={SLOTS.footerEnd} />\n      </footer>\n    ) : null;\n  }\n\n  render(): VNode {\n    const thumbnailInline = this.thumbnailPosition.startsWith(\"inline\");\n    const thumbnailStart = this.thumbnailPosition.endsWith(\"start\");\n    const role =\n      this.selectionMode === \"multiple\"\n        ? \"checkbox\"\n        : this.selectionMode !== \"none\"\n          ? \"radio\"\n          : undefined;\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            aria-checked={this.selectionMode !== \"none\" ? toAriaBoolean(this.selected) : undefined}\n            aria-disabled={this.disabled}\n            aria-label={this.label}\n            class={{ [CSS.contentWrapper]: true, inline: thumbnailInline }}\n            onClick={this.cardBodyClickHandler}\n            onKeyDown={this.keyDownHandler}\n            ref={(el) => (this.containerEl = el)}\n            role={role}\n            tabIndex={!this.selectable || this.disabled ? 0 : -1}\n          >\n            {this.loading ? (\n              <div aria-live=\"polite\" class=\"calcite-card-loader-container\">\n                <calcite-loader label={this.messages.loading} />\n              </div>\n            ) : null}\n            {thumbnailStart && this.renderThumbnail()}\n            <section aria-busy={toAriaBoolean(this.loading)} class={{ [CSS.container]: true }}>\n              {this.renderHeader()}\n              <div\n                class={{\n                  [CSS.cardContent]: true,\n                  [CSS.hasSlottedContent]: this.hasContent,\n                }}\n              >\n                <slot onSlotchange={this.handleDefaultSlotChange} />\n              </div>\n              {this.renderFooter()}\n            </section>\n            {!thumbnailStart && this.renderThumbnail()}\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;;qcAAO,MAAMA,EAAM,CACjBC,UAAW,YACXC,eAAgB,kBAChBC,OAAQ,SACRC,OAAQ,SACRC,QAAS,UACTC,YAAa,cACbC,gBAAiB,mBACjBC,0BAA2B,8BAC3BC,iBAAkB,oBAClBC,oBAAqB,wBACrBC,YAAa,eACbC,kBAAmB,uBAGd,MAAMC,EAAQ,CACnBC,UAAW,YACXT,QAAS,UACTC,YAAa,cACbS,YAAa,eACbC,UAAW,aACXC,MAAO,QACPC,SAAU,YAGL,MAAMC,EAAQ,CACnBC,SAAU,iBACVC,WAAY,SACZC,eAAgB,WAChBC,iBAAkB,UC7BpB,MAAMC,EAAU,wvNAChB,MAAAC,EAAeD,E,MCyDFE,EAAI,M,uJAkJPC,KAAAC,wBAA2BC,IACjCF,KAAKG,WAAaC,EAA6BF,EAAM,EAG/CF,KAAAK,eAAkBH,IACxB,GAAIA,EAAMI,SAAWN,KAAKO,cAAgBP,KAAKQ,aAAeR,KAAKS,SAAU,CAC3E,GAAIC,EAAgBR,EAAMS,MAAQX,KAAKY,gBAAkB,OAAQ,CAC/DZ,KAAKa,kBAAkBC,OACvBZ,EAAMa,gB,KACD,CACL,OAAQb,EAAMS,KACZ,IAAK,aACL,IAAK,YACL,IAAK,OACL,IAAK,MACHX,KAAKgB,4BAA4BF,KAAKZ,GACtCA,EAAMa,iBACN,M,IAMFf,KAAAiB,qBAAwBf,IAC9B,MAAMgB,EAAqBhB,EAAMI,SAAWN,KAAKO,YACjD,GAAIW,IAAuBlB,KAAKQ,aAAeR,KAAKS,UAAYT,KAAKY,gBAAkB,OAAQ,CAC7FZ,KAAKa,kBAAkBC,M,GAiBnBd,KAAAmB,4BAA+BjB,IACrC,OAAQA,EAAMS,KACZ,IAAK,IACL,IAAK,QACHX,KAAKoB,uBACLlB,EAAMa,iBACN,M,EAIEf,KAAAoB,qBAAuB,KAC7BpB,KAAKP,UAAYO,KAAKP,SACtBO,KAAKa,kBAAkBC,MAAM,EAGvBd,KAAAqB,gBAAmBnB,IACzB,IAAKF,KAAKS,SAAU,CAClBP,EAAMa,iBACNf,KAAKa,kBAAkBC,OACvBd,KAAKsB,U,gBAtM0B,M,uBAG+B,c,cAG9B,M,qCAUE,M,cAGa,M,2CAiBjD,O,8GA0F4B,K,CAjF9B,gBAAAC,G,CA0BA,cAAMD,SACEE,EAAmBxB,MACzB,IAAKA,KAAKS,SAAU,CAClBT,KAAKO,aAAakB,O,EAUtB,iBAAAC,GACEC,EAAmB3B,MACnB4B,EAAiB5B,MACjB6B,EAAgB7B,K,CAGlB,gBAAA8B,GACEC,EAAmB/B,K,CAGrB,kBAAAgC,GACEC,EAAsBjC,K,CAGxB,oBAAAkC,GACEC,EAAsBnC,MACtBoC,EAAoBpC,MACpBqC,EAAmBrC,K,CAGrB,uBAAMsC,GACJC,EAAuBvC,YACjBwC,EAAcxC,K,CActB,qBAAAyC,GACEC,EAAe1C,KAAMA,KAAK2C,gB,CA6CpB,wBAAAC,GACN,OACEC,EAAA,iBAAeC,MAAOzE,EAAIQ,2BACxBgE,EAAA,oBACEE,QAAS/C,KAAKP,SACduD,MAAOhD,KAAKiD,SAASC,OACrBC,QAASnD,KAAKoB,qBACdgC,UAAWpD,KAAKmB,8B,CA6BhB,eAAAkC,GACN,OAAOC,EAAWtD,KAAKuD,GAAIrE,EAAMC,WAC/B0D,EAAA,WAASC,MAAOzE,EAAIS,kBAClB+D,EAAA,QAAMW,KAAMtE,EAAMC,aAElB,I,CAGE,mBAAAsE,GACN,MAAMC,EACJ1D,KAAKY,gBAAkB,YAAcZ,KAAKP,SACtCD,EAAMC,SACNO,KAAKY,gBAAkB,WACrBpB,EAAME,WACNM,KAAKP,SACHD,EAAMG,eACNH,EAAMI,iBAEhB,OACEiD,EAAA,OAAKC,MAAOzE,EAAIO,gBAAiB+E,cAAe3D,KAAKqB,gBAAiBuC,UAAW,GAC/Ef,EAAA,gBAAca,KAAMA,EAAMG,MAAM,M,CAK9B,YAAAC,GACN,MAAMP,GAAEA,GAAOvD,KACf,MAAMtB,EAAU4E,EAAWC,EAAIrE,EAAMR,SACrC,MAAMC,EAAc2E,EAAWC,EAAIrE,EAAMP,aACzC,MAAMoF,EAAYrF,GAAWC,EAC7B,MAAMY,EAAW+D,EAAWC,EAAIrE,EAAMK,UACtC,MAAMD,EAAQgE,EAAWC,EAAIrE,EAAMI,OACnC,MAAM0E,EAAsBzE,GAAYD,EACxC,OAAOyE,GAAaC,EAClBnB,EAAA,UAAQC,MAAOzE,EAAIG,QAChBwB,KAAKQ,WAAaR,KAAK4C,2BAA6B,KACrDC,EAAA,OAAKC,MAAOzE,EAAIU,qBACd8D,EAAA,QAAMlC,IAAI,eAAe6C,KAAMtE,EAAMR,UACrCmE,EAAA,QAAMlC,IAAI,mBAAmB6C,KAAMtE,EAAMP,cACzCkE,EAAA,QAAMlC,IAAI,wBAAwB6C,KAAMtE,EAAMI,QAC9CuD,EAAA,QAAMlC,IAAI,2BAA2B6C,KAAMtE,EAAMK,YAElDS,KAAKY,gBAAkB,QAAUZ,KAAKyD,uBAEvC,I,CAGE,YAAAQ,GACN,MAAMV,GAAEA,GAAOvD,KACf,MAAMkE,EAAcZ,EAAWC,EAAIrE,EAAME,aACzC,MAAM+E,EAAYb,EAAWC,EAAIrE,EAAMG,WAEvC,MAAM+E,EAAYF,GAAeC,EACjC,OAAOC,EACLvB,EAAA,UAAQC,MAAOzE,EAAII,QACjBoE,EAAA,QAAMW,KAAMtE,EAAME,cAClByD,EAAA,QAAMW,KAAMtE,EAAMG,aAElB,I,CAGN,MAAAgF,GACE,MAAMC,EAAkBtE,KAAKuE,kBAAkBC,WAAW,UAC1D,MAAMC,EAAiBzE,KAAKuE,kBAAkBG,SAAS,SACvD,MAAMC,EACJ3E,KAAKY,gBAAkB,WACnB,WACAZ,KAAKY,gBAAkB,OACrB,QACAgE,UACR,OACE/B,EAACgC,EAAI,CAAAlE,IAAA,4CACHkC,EAACiC,EAAoB,CAAAnE,IAAA,2CAACF,SAAUT,KAAKS,UACnCoC,EAAA,OAAAlC,IAAA,0DACgBX,KAAKY,gBAAkB,OAASmE,EAAc/E,KAAKP,UAAYmF,UAAS,gBACvE5E,KAAKS,SAAQ,aAChBT,KAAKgD,MACjBF,MAAO,CAAE,CAACzE,EAAIE,gBAAiB,KAAMyG,OAAQV,GAC7CnB,QAASnD,KAAKiB,qBACdmC,UAAWpD,KAAKK,eAChB4E,IAAM1B,GAAQvD,KAAKO,YAAcgD,EACjCoB,KAAMA,EACNf,UAAW5D,KAAKQ,YAAcR,KAAKS,SAAW,GAAK,GAElDT,KAAKkF,QACJrC,EAAA,mBAAe,SAASC,MAAM,iCAC5BD,EAAA,kBAAgBG,MAAOhD,KAAKiD,SAASiC,WAErC,KACHT,GAAkBzE,KAAKqD,kBACxBR,EAAA,WAAAlC,IAAA,uDAAoBoE,EAAc/E,KAAKkF,SAAUpC,MAAO,CAAE,CAACzE,EAAIC,WAAY,OACxE0B,KAAK8D,eACNjB,EAAA,OAAAlC,IAAA,2CACEmC,MAAO,CACL,CAACzE,EAAIW,aAAc,KACnB,CAACX,EAAIY,mBAAoBe,KAAKG,aAGhC0C,EAAA,QAAAlC,IAAA,2CAAMwE,aAAcnF,KAAKC,2BAE1BD,KAAKiE,iBAENQ,GAAkBzE,KAAKqD,oB","ignoreList":[]}

package/dist/calcite/p-6584f219.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.0
+ */
+import{r as t,h as e,H as i,g as o,c as n,e as s,F as a}from"./p-81385d5a.js";import{C as c,s as r,k as l,g as d,D as h,t as b,H as f}from"./p-ab70309d.js";import{g as u}from"./p-d7f93b7a.js";import{a as p,b as v,d as g}from"./p-274daf65.js";import{c as m}from"./p-6b594619.js";import{c as k,d as x}from"./p-daf0e140.js";import{c as y,s as w,d as T,u as z}from"./p-e5a69dc9.js";import{C}from"./p-c39e14b7.js";import{c as I,d as S,I as H,u as A}from"./p-4df4625f.js";import{g as L}from"./p-e757f62e.js";import{i as j}from"./p-31bb0d1f.js";import"./p-1b1f0952.js";const B={container:"container",content:"content"};const W=":host([selected]) section,:host([selected]) .container{display:block}:host{display:none;block-size:100%;inline-size:100%}:host([selected]){display:block;block-size:100%;inline-size:100%;overflow:auto}.content{box-sizing:border-box;padding-block:var(--calcite-internal-tab-content-block-padding)}.scale-s{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.25rem);font-size:var(--calcite-font-size--2);line-height:1rem}.scale-m{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.5rem);font-size:var(--calcite-font-size--1);line-height:1rem}.scale-l{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.625rem);font-size:var(--calcite-font-size-0);line-height:1.25rem}section,.container{display:none;block-size:100%;inline-size:100%}.container{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          )}:host([hidden]){display:none}[hidden]{display:none}";const F=W;const E=class{constructor(e){t(this,e);this.guid=`calcite-tab-title-${u()}`;this.tab=undefined;this.selected=false;this.scale="m";this.labeledBy=undefined}render(){const t=this.el.id||this.guid;return e(i,{key:"781e0b82d69d7ea6b2bd6e15ed0d1c5248f24d05","aria-labelledby":this.labeledBy,id:t},e("div",{key:"58a6be23b29e8bee598ecf0cd97ef0578fd4e197",class:{[B.container]:true,[`scale-${this.scale}`]:true},role:"tabpanel",tabIndex:this.selected?0:-1},e("section",{key:"fbff1dec6ca2494f2485528679c14b4b0741abd8",class:B.content},e("slot",{key:"fc52db6fd58bd87f137e887837df5c08772809a3"}))))}connectedCallback(){this.parentTabsEl=this.el.closest("calcite-tabs")}disconnectedCallback(){document.body?.dispatchEvent(new CustomEvent("calciteTabUnregister",{detail:this.el}))}internalTabChangeHandler(t){const e=t.composedPath().find((t=>t.tagName==="CALCITE-TABS"));if(e!==this.parentTabsEl){return}if(this.tab){this.selected=this.tab===t.detail.tab}else{this.getTabIndex().then((e=>{this.selected=e===t.detail.tab}))}t.stopPropagation()}async getTabIndex(){return Array.prototype.indexOf.call(c(this.el.parentElement.children).filter((t=>t.matches("calcite-tab"))),this.el)}async updateAriaInfo(t=[],e=[]){this.labeledBy=e[t.indexOf(this.el.id)]||null}get el(){return o(this)}};E.style=F;const O={chevronRight:"chevron-right",chevronLeft:"chevron-left"};const R={container:"tab-nav",containerHasEndTabTitleOverflow:"tab-nav--end-overflow",containerHasStartTabTitleOverflow:"tab-nav--start-overflow",scrollButton:"scroll-button",scrollButtonContainer:"scroll-button-container",scrollBackwardContainerButton:"scroll-button-container--backward",scrollForwardContainerButton:"scroll-button-container--forward",tabTitleSlotWrapper:"tab-titles-slot-wrapper"};const D=':host{--calcite-internal-tab-nav-gradient-start-side:left;--calcite-internal-tab-nav-gradient-end-side:right;position:relative;display:flex}.scale-s{--calcite-internal-tab-nav-scroller-button-width:24px;min-block-size:1.5rem}.scale-m{--calcite-internal-tab-nav-scroller-button-width:32px;min-block-size:2rem}.scale-l{--calcite-internal-tab-nav-scroller-button-width:44px;min-block-size:2.75rem}.calcite--rtl{--calcite-internal-tab-nav-gradient-start-side:right;--calcite-internal-tab-nav-gradient-end-side:left}.tab-nav--start-overflow .tab-titles-slot-wrapper{mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%)}.tab-nav--end-overflow .tab-titles-slot-wrapper{mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%)}.tab-nav--start-overflow.tab-nav--end-overflow .tab-titles-slot-wrapper{mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%, transparent 51%), linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%, transparent 51%)}.tab-nav::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}:host([layout=center]) ::slotted(calcite-tab-title){display:flex;flex-grow:1;flex-shrink:0;min-inline-size:auto;white-space:nowrap}:host([layout=center]) ::slotted(calcite-tab-title[selected]){overflow:unset}:host(:not([bordered])) .scale-l{--calcite-internal-tab-nav-gap:var(--calcite-size-xxl)}:host(:not([bordered])) .scale-m{--calcite-internal-tab-nav-gap:var(--calcite-size-xl)}:host(:not([bordered])) .scale-s{--calcite-internal-tab-nav-gap:var(--calcite-size-lg)}:host(:not([bordered])) .tab-titles-slot-wrapper{gap:var(--calcite-internal-tab-nav-gap)}:host([layout=center]:not([bordered])) .tab-titles-slot-wrapper{padding-inline:var(--calcite-spacing-xxl)}.tab-nav,.tab-titles-slot-wrapper{display:flex;inline-size:100%;justify-content:flex-start;overflow:hidden;white-space:nowrap}.scroll-button-container{position:absolute;inset-block:0px}.scroll-button-container calcite-button{--calcite-offset-invert-focus:1;--calcite-color-text-1:var(--calcite-color-text-3);block-size:100%}.scroll-button-container calcite-button:hover{--calcite-color-text-1:unset;--calcite-color-foreground-1:var(--calcite-color-transparent-hover);--calcite-color-foreground-3:var(--calcite-color-transparent)}.scroll-button-container--forward{inset-inline-end:0;z-index:var(--calcite-z-index)}.scroll-button-container--backward{inset-inline-start:0;z-index:var(--calcite-z-index)}:host(:not([bordered])) .scroll-button-container--backward::before,:host(:not([bordered])) .scroll-button-container--forward::before{background-color:var(--calcite-color-border-3);content:"";inline-size:var(--calcite-border-width-sm);inset-block-start:var(--calcite-border-width-md);inset-block-end:var(--calcite-border-width-md);position:absolute}:host(:not([bordered])) .scroll-button-container--backward::before{inset-inline-end:0}:host(:not([bordered])) .scroll-button-container--forward::before{inset-inline-start:0}:host([hidden]){display:none}[hidden]{display:none}';const P=D;const $=class{constructor(i){t(this,i);this.calciteTabChange=n(this,"calciteTabChange",6);this.calciteInternalTabNavSlotChange=n(this,"calciteInternalTabNavSlotChange",7);this.calciteInternalTabChange=n(this,"calciteInternalTabChange",6);this.effectiveDir="ltr";this.lastScrollWheelAxis="x";this.resizeObserver=m("resize",(()=>{this.updateScrollingState()}));this.onTabTitleWheel=t=>{t.preventDefault();const{deltaX:e,deltaY:i}=t;const o=Math.abs(e);const n=Math.abs(i);let s;if(o===n){s=this.lastScrollWheelAxis==="x"?e:i}else if(o>n){s=e;this.lastScrollWheelAxis="x"}else{s=i;this.lastScrollWheelAxis="y"}const a=(this.effectiveDir==="rtl"?-1:1)*s;t.currentTarget.scrollBy(a,0)};this.onSlotChange=t=>{this.intersectionObserver?.disconnect();const e=r(t,"calcite-tab-title");e.forEach((t=>{this.intersectionObserver?.observe(t)}));this.calciteInternalTabNavSlotChange.emit(e)};this.storeTabTitleWrapperRef=t=>{this.tabTitleContainerEl=t;this.intersectionObserver=m("intersection",(()=>this.updateScrollingState()),{root:t,threshold:[0,.5,1]})};this.scrollToTabTitles=t=>{s((()=>{const e=this.tabTitleContainerEl;const i=e.getBoundingClientRect();const o=Array.from(this.el.querySelectorAll("calcite-tab-title"));const{effectiveDir:n}=this;if(t==="forward"){o.reverse()}let s=null;o.forEach((e=>{const o=e.getBoundingClientRect();const a=i.x+i.width;const c=o.x+o.width;if(t==="forward"&&n==="ltr"||t==="backward"&&n==="rtl"){const t=o.x>a;if(t){s=e}else{const t=c>a&&o.x>i.x;if(t){s=e}}}else{const t=c<i.x;if(t){s=e}else{const t=c<a&&o.x<i.x;if(t){s=e}}}}));if(s){const{scrollerButtonWidth:i}=this;const o=t==="forward"&&n==="ltr"||t==="backward"&&n==="rtl"?-i:s.offsetWidth-e.clientWidth+i;const a=s.offsetLeft+o;e.scrollTo({left:a,behavior:"smooth"})}}))};this.scrollToNextTabTitles=()=>this.scrollToTabTitles("forward");this.scrollToPreviousTabTitles=()=>this.scrollToTabTitles("backward");this.handleTabFocus=(t,e,i)=>{const o=l(this.enabledTabTitles,e,i);this.scrollTabTitleIntoView(o,"instant");t.stopPropagation()};this.onTabTitleScroll=()=>{this.updateScrollingState()};this.renderScrollButton=t=>{const{bordered:i,messages:o,hasOverflowingStartTabTitle:n,hasOverflowingEndTabTitle:s,scale:a}=this;const c=t==="end";return e("div",{class:{[R.scrollButtonContainer]:true,[R.scrollBackwardContainerButton]:!c,[R.scrollForwardContainerButton]:c},hidden:c&&!s||!c&&!n,key:t},e("calcite-button",{appearance:i?"outline-fill":"transparent","aria-label":c?o.nextTabTitles:o.previousTabTitles,class:{[R.scrollButton]:true},iconFlipRtl:"both",iconStart:c?O.chevronRight:O.chevronLeft,kind:"neutral",onClick:c?this.scrollToNextTabTitles:this.scrollToPreviousTabTitles,scale:a,tabIndex:-1}))};this.storageId=undefined;this.syncId=undefined;this.selectedTitle=null;this.scale="m";this.layout="inline";this.position="bottom";this.bordered=false;this.messages=undefined;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.hasOverflowingStartTabTitle=false;this.hasOverflowingEndTabTitle=false;this.selectedTabId=undefined}selectedTitleChanged(){this.calciteInternalTabChange.emit({tab:this.selectedTabId})}onMessagesChange(){}connectedCallback(){this.parentTabsEl=this.el.closest("calcite-tabs");this.resizeObserver?.observe(this.el);k(this);y(this)}async componentWillLoad(){const t=`calcite-tab-nav-${this.storageId}`;if(localStorage&&this.storageId&&localStorage.getItem(t)){const e=JSON.parse(localStorage.getItem(t));this.selectedTabId=e}await w(this)}componentDidLoad(){this.scrollTabTitleIntoView(this.selectedTitle,"instant")}componentWillRender(){const{parentTabsEl:t}=this;this.layout=t?.layout;this.bordered=t?.bordered;this.effectiveDir=d(this.el)}componentDidRender(){if(this.tabTitles.length&&this.tabTitles.every((t=>!t.selected))&&!this.selectedTabId){this.tabTitles[0].getTabIdentifier().then((t=>{this.calciteInternalTabChange.emit({tab:t})}))}}disconnectedCallback(){this.resizeObserver?.disconnect();x(this);T(this)}render(){return e(i,{key:"e2e130cc399d8bb88201f283de2eef17a46882fc",role:"tablist"},e("div",{key:"2beae02bec71c759201063e4820ce19cacd1c432",class:{[R.container]:true,[R.containerHasStartTabTitleOverflow]:!!this.hasOverflowingStartTabTitle,[R.containerHasEndTabTitleOverflow]:!!this.hasOverflowingEndTabTitle,[`scale-${this.scale}`]:true,[`position-${this.position}`]:true,[C.rtl]:this.effectiveDir==="rtl"}},this.renderScrollButton("start"),e("div",{key:"609a5b8efc1bd46810217ab17256aaad7432586b",class:{[R.tabTitleSlotWrapper]:true},onScroll:this.onTabTitleScroll,onWheel:this.onTabTitleWheel,ref:this.storeTabTitleWrapperRef},e("slot",{key:"7436f2fcacf2b483a77c741a2449f783c9c4c148",onSlotchange:this.onSlotChange})),this.renderScrollButton("end")))}focusPreviousTabHandler(t){this.handleTabFocus(t,t.target,"previous")}focusNextTabHandler(t){this.handleTabFocus(t,t.target,"next")}focusFirstTabHandler(t){this.handleTabFocus(t,t.target,"first")}focusLastTabHandler(t){this.handleTabFocus(t,t.target,"last")}internalActivateTabHandler(t){const e=t.target;this.selectedTabId=t.detail.tab?t.detail.tab:this.getIndexOfTabTitle(e);t.stopPropagation();this.selectedTitle=e;this.scrollTabTitleIntoView(e)}scrollTabTitleIntoView(t,e="smooth"){if(!t){return}s((()=>{const i=this.effectiveDir==="ltr";const o=this.tabTitleContainerEl;const n=o.getBoundingClientRect();const s=t.getBoundingClientRect();const a=o.scrollLeft;const c=i?this.hasOverflowingStartTabTitle:this.hasOverflowingEndTabTitle;const r=i?this.hasOverflowingEndTabTitle:this.hasOverflowingStartTabTitle;if(s.left<n.left+(c?this.scrollerButtonWidth:0)){const t=a+(s.left-n.left)-this.scrollerButtonWidth;o.scrollTo({left:t,behavior:e})}else if(s.right>n.right-(r?this.scrollerButtonWidth:0)){const t=a+(s.right-n.right)+this.scrollerButtonWidth;o.scrollTo({left:t,behavior:e})}}))}activateTabHandler(t){this.calciteTabChange.emit();t.stopPropagation()}internalCloseTabHandler(t){const e=t.target;this.handleTabTitleClose(e);t.stopPropagation()}async updateTabTitles(t){if(t.target.selected){this.selectedTabId=t.detail;this.selectedTitle=await this.getTabTitleById(this.selectedTabId)}}globalInternalTabChangeHandler(t){if(this.syncId&&t.target!==this.el&&t.target.syncId===this.syncId&&this.selectedTabId!==t.detail.tab){this.selectedTabId=t.detail.tab}t.stopPropagation()}effectiveLocaleChange(){z(this,this.effectiveLocale)}async selectedTabIdChanged(){if(localStorage&&this.storageId&&this.selectedTabId!==undefined&&this.selectedTabId!==null){localStorage.setItem(`calcite-tab-nav-${this.storageId}`,JSON.stringify(this.selectedTabId))}this.calciteInternalTabChange.emit({tab:this.selectedTabId})}get scrollerButtonWidth(){const{scale:t}=this;return parseInt(t==="s"?p:t==="m"?v:g)}updateScrollingState(){const t=this.tabTitleContainerEl;if(!t){return}let e;let i;const o=t.scrollLeft;const n=t.clientWidth;const s=t.scrollWidth;if(this.effectiveDir==="ltr"){e=o>0;i=o+n<s}else{e=o<0;i=o!==-(s-n)}this.hasOverflowingStartTabTitle=e;this.hasOverflowingEndTabTitle=i}getIndexOfTabTitle(t,e=this.tabTitles){return e.indexOf(t)}async getTabTitleById(t){return Promise.all(this.tabTitles.map((t=>t.getTabIdentifier()))).then((e=>this.tabTitles[e.indexOf(t)]))}get tabTitles(){return h(this.el,"calcite-tab-title")}get enabledTabTitles(){return h(this.el,"calcite-tab-title:not([disabled])").filter((t=>!t.closed))}handleTabTitleClose(t){const{tabTitles:e}=this;const i=t.selected;const o=e.reduce(((t,e,i)=>!e.closed?[...t,i]:t),[]);const n=o.length;if(n===1&&e[o[0]].closable){e[o[0]].closable=false;this.selectedTabId=o[0];if(i){e[o[0]].activateTab()}}else if(n>1){const i=e.findIndex((e=>e===t));const s=o.find((t=>t>i));if(this.selectedTabId===i){this.selectedTabId=s?s:n-1;e[this.selectedTabId].activateTab()}}requestAnimationFrame((()=>{e[this.selectedTabId].focus()}))}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{selectedTitle:["selectedTitleChanged"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"],selectedTabId:["selectedTabIdChanged"]}}};$.style=P;const N={closeButton:"close-button",container:"container",containerBottom:"container--bottom",content:"content",contentHasText:"content--has-text",iconEnd:"icon-end",iconPresent:"icon-present",iconStart:"icon-start",titleIcon:"calcite-tab-title--icon",scale:t=>`scale-${t}`,selectedIndicator:"selected-indicator"};const M={close:"x"};const _=':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;outline:2px solid transparent;outline-offset:2px;margin-inline-start:0px}:host([layout=inline]){flex:0 1 auto}:host([layout=center]){flex:1 1 auto}.content{position:relative;margin-block-end:0.125rem;box-sizing:border-box;display:flex;block-size:100%;align-items:center;justify-content:center}.scale-s .content{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}.scale-s .close-button{inline-size:1.25rem}.scale-m .content{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}.scale-m .close-button{inline-size:1.75rem}.scale-l .content{padding-block:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}.scale-l .close-button{inline-size:2rem}:host([closable]) .content{border-block-end-color:transparent}:host([layout=inline]) .content,:host([layout=center]) .content{padding-inline:0.25rem}:host([layout=center]) .scale-s,:host([layout=center]) .scale-m,:host([layout=center]) .scale-l{margin-block:0px;justify-content:center;text-align:center}:host([layout=center]) .scale-s .content,:host([layout=center]) .scale-m .content,:host([layout=center]) .scale-l .content{flex:1 1 auto;flex-grow:1}.container{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-content:center;justify-content:space-between;padding-inline:0px;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-3);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}.selected-indicator{position:absolute;display:block;block-size:0.125rem;inline-size:100%;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;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;inline-size:100%}.container--bottom .selected-indicator{inset-block-end:unset;inset-block-start:0}:host([bordered]) .selected-indicator{inset-block-start:0;inset-block-end:unset;inset-inline-start:-1px;inset-inline-end:0;inline-size:calc(100% + var(--calcite-spacing-base))}:host([bordered]) .container:not(.container--bottom){border-block-end:1px solid transparent}:host([bordered]:not([selected]):hover) .container:not(.container--bottom){border-block-end:1px solid var(--calcite-color-border-1)}:host([bordered]:not([selected]):hover:not(:focus)) .selected-indicator{background-color:var(--calcite-color-foreground-2)}:host([bordered]:not([selected]):hover:not(:focus)) .container:not(.container--bottom) .selected-indicator{box-shadow:inset 0 1px var(--calcite-color-border-1)}:host([bordered]:not([selected]):hover:not(:focus)) .container.container--bottom .selected-indicator{box-shadow:inset 0 -1px var(--calcite-color-border-1)}:host([bordered][selected]) .container::after{position:absolute;display:block;block-size:0.125rem;inline-size:100%;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;inset-block-end:-1px;inset-inline-start:0;inset-inline-end:0;inline-size:100%;background:var(--calcite-color-foreground-1);content:""}:host([bordered][selected]) .container.container--bottom::after{inset-block-start:-1px}:host([bordered][selected]:hover) .container::after{background:var(--calcite-color-foreground-2)}:host([bordered][selected]:focus) .container::after{background:transparent}:host([bordered]) .container--bottom .selected-indicator{inset-block-start:unset;inset-block-end:0}:host([selected]) .selected-indicator,:host([selected]:hover) .selected-indicator{background-color:var(--calcite-color-brand)}:host(:hover) .selected-indicator{background-color:var(--calcite-color-border-3)}:host(:focus) .selected-indicator,:host(:active) .selected-indicator{background-color:var(--calcite-color-brand)}@media (forced-colors: active){.selected-indicator{background-color:highlight}}:host([closed]){display:none}:host([selected]) .container{border-color:transparent;color:var(--calcite-color-text-1)}:host(:focus) .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) .container:focus-within{outline-color:transparent}:host(:active) a,:host(:focus) a,:host(:hover) a{border-color:var(--calcite-color-border-2);color:var(--calcite-color-text-1);text-decoration-line:none}:host([disabled]) .container{pointer-events:none;opacity:0.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.calcite-tab-title--icon{position:relative;margin:0px;display:inline-flex;align-self:center}.calcite-tab-title--icon svg{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}.content--has-text{padding:0.25rem}.content--has-text .calcite-tab-title--icon.icon-start{margin-inline-end:var(--calcite-spacing-sm)}.content--has-text .calcite-tab-title--icon.icon-end{margin-inline-start:var(--calcite-spacing-sm)}.close-button{display:flex;block-size:100%;cursor:pointer;appearance:none;align-content:center;align-items:center;justify-content:center;align-self:center;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);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;margin-inline-start:var(--calcite-spacing-sm);margin-inline-end:var(--calcite-spacing-px);block-size:calc(100% - var(--calcite-spacing-xxs))}.close-button:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand))}.close-button:focus,.close-button:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}.close-button:active{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}.close-button calcite-icon{color:inherit}:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child{margin-inline-end:var(--calcite-spacing-sm)}:host([bordered]) .container:not(.container--bottom) .close-button{block-size:calc(100% - var(--calcite-spacing-px));margin-block-start:-1px}:host([bordered]) .container .close-button calcite-icon{margin-block-start:var(--calcite-spacing-px)}:host([bordered]) .container .close-button:focus,:host([bordered]) .container .close-button:hover,:host([bordered]) .container .close-button:active{box-shadow:0 2px 0 0 var(--calcite-color-foreground-3)}:host([bordered]) .container.container--bottom .close-button{box-shadow:0 -2px 0 0 transparent}:host([bordered]) .container.container--bottom .close-button calcite-icon{margin-block-end:var(--calcite-spacing-px)}:host([bordered]) .container.container--bottom .close-button:focus,:host([bordered]) .container.container--bottom .close-button:hover,:host([bordered]) .container.container--bottom .close-button:active{box-shadow:0 -2px 0 0 var(--calcite-color-foreground-3)}:host([bordered][selected]){box-shadow:inset 0 -1px var(--calcite-color-foreground-1)}:host([bordered]:not([selected])) .container .close-button{box-shadow:0 2px 0 0 transparent}:host([bordered]:hover) .container{background-color:var(--calcite-color-foreground-2)}:host([bordered]) .container{border-inline:var(--calcite-spacing-px) solid transparent}:host([selected][bordered]) .container{border-inline-color:var(--calcite-color-border-1)}:host([layout=inline][bordered]) .scale-m .content,:host([layout=center][bordered]) .scale-m .content{padding-inline:0.75rem}:host([layout=inline][bordered]) .scale-s .content,:host([layout=center][bordered]) .scale-s .content{padding-inline:0.5rem}:host([layout=inline][bordered]) .scale-l .content,:host([layout=center][bordered]) .scale-l .content{padding-inline:1rem}:host([layout=inline][closable]) .scale-s .content,:host([layout=inline][closable]) .scale-m .content,:host([layout=inline][closable]) .scale-l .content{padding-inline-end:0}@media (forced-colors: active){:host{outline-width:0;outline-offset:0}:host(:focus) .container{outline-color:highlight}:host([bordered]) .container{border-block-end-style:solid}:host([bordered]) .container--bottom{border-block-start-style:solid}:host([bordered][selected]) .container{border-block-end-style:none}:host([bordered][selected]) .container--bottom{border-block-start-style:none}.close-button{z-index:var(--calcite-z-index)}}:host([hidden]){display:none}[hidden]{display:none}';const q=_;const J=class{constructor(e){t(this,e);this.calciteTabsActivate=n(this,"calciteTabsActivate",6);this.calciteInternalTabsActivate=n(this,"calciteInternalTabsActivate",6);this.calciteTabsClose=n(this,"calciteTabsClose",6);this.calciteInternalTabsClose=n(this,"calciteInternalTabsClose",6);this.calciteInternalTabsFocusNext=n(this,"calciteInternalTabsFocusNext",6);this.calciteInternalTabsFocusPrevious=n(this,"calciteInternalTabsFocusPrevious",6);this.calciteInternalTabsFocusFirst=n(this,"calciteInternalTabsFocusFirst",6);this.calciteInternalTabsFocusLast=n(this,"calciteInternalTabsFocusLast",6);this.calciteInternalTabTitleRegister=n(this,"calciteInternalTabTitleRegister",6);this.calciteInternalTabIconChanged=n(this,"calciteInternalTabIconChanged",6);this.closeClickHandler=()=>{this.closeTabTitleAndNotify()};this.mutationObserver=m("mutation",(()=>this.updateHasText()));this.resizeObserver=m("resize",(()=>{this.calciteInternalTabIconChanged.emit()}));this.guid=`calcite-tab-title-${u()}`;this.selected=false;this.closable=false;this.closed=false;this.disabled=false;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.layout=undefined;this.position="top";this.scale="m";this.bordered=false;this.tab=undefined;this.messages=undefined;this.messageOverrides=undefined;this.controls=undefined;this.defaultMessages=undefined;this.effectiveLocale=undefined;this.hasText=false}selectedHandler(){if(this.selected){this.activateTab(false)}}onMessagesChange(){}connectedCallback(){I(this);k(this);y(this);this.setupTextContentObserver();this.parentTabNavEl=this.el.closest("calcite-tab-nav");this.parentTabsEl=this.el.closest("calcite-tabs")}disconnectedCallback(){this.mutationObserver?.disconnect();document.body?.dispatchEvent(new CustomEvent("calciteTabTitleUnregister",{detail:this.el}));this.resizeObserver?.disconnect();S(this);x(this);T(this)}async componentWillLoad(){await w(this);if(j()){this.updateHasText()}if(this.tab&&this.selected){this.activateTab(false)}}componentWillRender(){if(this.parentTabsEl){this.layout=this.parentTabsEl.layout;this.bordered=this.parentTabsEl.bordered}}render(){const{el:t,closed:o}=this;const n=t.id||this.guid;const s=e("calcite-icon",{key:"20ea18dabdb4cabe8a032d0799f3c757bc90c91d",class:{[N.titleIcon]:true,[N.iconStart]:true},flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:L(this.scale)});const a=e("calcite-icon",{key:"ebd3913a334a959e8962addd45e5077ee82f2ca8",class:{[N.titleIcon]:true,[N.iconEnd]:true},flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:L(this.scale)});return e(i,{key:"58a72fa4a6e961c3414dfe224a4e235892784707","aria-controls":this.controls,"aria-selected":b(this.selected),id:n,role:"tab",tabIndex:this.selected&&!this.disabled?0:-1},e(H,{key:"fe7662ade3001579b664772b4672d6bebd06a82b",disabled:this.disabled},e("div",{key:"ea226b71436922de6bae2e8e542ae0adf08add1b",class:{[N.container]:true,[N.containerBottom]:this.position==="bottom",[N.iconPresent]:!!this.iconStart||!!this.iconEnd,[N.scale(this.scale)]:true},hidden:o,ref:t=>this.resizeObserver?.observe(t)},e("div",{key:"737609daa04d9dc18b46872c49b82cf211ba9b5a",class:{[N.content]:true,[N.contentHasText]:this.hasText}},this.iconStart?s:null,e("slot",{key:"fb500a910e5c6bfcd8571e2d109331dd88f2544d"}),this.iconEnd?a:null),this.renderCloseButton(),e("div",{key:"3fd13c6f459e05cea88c40809b7220369866a2b9",class:N.selectedIndicator}))))}renderCloseButton(){const{closable:t,messages:i}=this;return t?e("button",{"aria-label":i.close,class:N.closeButton,disabled:false,key:N.closeButton,onClick:this.closeClickHandler,ref:t=>this.closeButtonEl=t,title:i.close,type:"button"},e("calcite-icon",{icon:M.close,scale:L(this.scale)})):null}async componentDidLoad(){this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier())}componentDidRender(){A(this)}internalTabChangeHandler(t){const e=t.composedPath().find((t=>t.tagName==="CALCITE-TABS"));if(e!==this.parentTabsEl){return}if(this.tab){this.selected=this.tab===t.detail.tab}else{this.getTabIndex().then((e=>{this.selected=e===t.detail.tab}))}t.stopPropagation()}onClick(){this.activateTab()}keyDownHandler(t){switch(t.key){case" ":case"Enter":if(!t.composedPath().includes(this.closeButtonEl)){this.activateTab();t.preventDefault()}break;case"ArrowRight":t.preventDefault();if(d(this.el)==="ltr"){this.calciteInternalTabsFocusNext.emit()}else{this.calciteInternalTabsFocusPrevious.emit()}break;case"ArrowLeft":t.preventDefault();if(d(this.el)==="ltr"){this.calciteInternalTabsFocusPrevious.emit()}else{this.calciteInternalTabsFocusNext.emit()}break;case"Home":t.preventDefault();this.calciteInternalTabsFocusFirst.emit();break;case"End":t.preventDefault();this.calciteInternalTabsFocusLast.emit();break}}async getTabIndex(){return Array.prototype.indexOf.call(c(this.el.parentElement.children).filter((t=>t.matches("calcite-tab-title"))),this.el)}async getTabIdentifier(){return this.tab?this.tab:this.getTabIndex()}async updateAriaInfo(t=[],e=[]){this.controls=t[e.indexOf(this.el.id)]||null}async activateTab(t=true){if(this.disabled||this.closed){return}const e={tab:this.tab};this.calciteInternalTabsActivate.emit(e);if(t){requestAnimationFrame((()=>this.calciteTabsActivate.emit()))}}effectiveLocaleChange(){z(this,this.effectiveLocale)}updateHasText(){this.hasText=this.el.textContent.trim().length>0}setupTextContentObserver(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}closeTabTitleAndNotify(){this.closed=true;this.calciteInternalTabsClose.emit({tab:this.tab});this.calciteTabsClose.emit()}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{selected:["selectedHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};J.style=q;const U={titleGroup:"title-group"};const G=":host{display:flex;flex-direction:column}:host([bordered]){box-shadow:inset 0 1px 0 var(--calcite-color-border-1);background-color:var(--calcite-color-foreground-1)}:host([bordered]) section{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-1)}:host([bordered][position=bottom]){box-shadow:inset 0 1px 0 var(--calcite-color-border-1), inset 0 -1px 0 var(--calcite-color-border-1)}:host([bordered]:not([position=bottom])) ::slotted(calcite-tab-nav){margin-block-end:-1px}:host([bordered][scale=s]) section{padding:0.75rem}:host([bordered][scale=m]) section{padding:0.5rem}:host([bordered][scale=l]) section{padding:1rem}:host([position=bottom]){flex-direction:column-reverse}section{display:flex;flex-grow:1;overflow:hidden;border-block-start-width:1px;border-block-start-color:var(--calcite-color-border-1);border-block-start-style:solid}:host([position=bottom]) section{flex-direction:column-reverse;border-block-start-width:0px;border-block-end-width:1px;border-block-end-color:var(--calcite-color-border-1)}:host([position=bottom]:not([bordered])) section{border-block-end-style:solid}@media (forced-colors: active){:host([bordered]) section{border-block-start-width:0px;border-block-end-width:1px}:host([position=bottom][bordered]) section{border-block-start-width:1px;border-block-end-width:0px}}:host([hidden]){display:none}[hidden]{display:none}";const V=G;const X=class{constructor(e){t(this,e);this.defaultSlotChangeHandler=t=>{this.tabs=r(t,"calcite-tab")};this.setDefaultSlotRef=t=>this.slotEl=t;this.layout="inline";this.position="top";this.scale="m";this.bordered=false;this.titles=[];this.tabs=[]}handleInheritableProps(){this.updateItems()}calciteInternalTabNavSlotChangeHandler(t){t.stopPropagation();if(t.detail.length!==this.titles.length){this.titles=t.detail}}titlesWatcher(){this.updateAriaSettings();this.updateItems()}tabsWatcher(){this.updateAriaSettings();this.updateItems()}async updateAriaSettings(){let t;let e;const i=f(this.slotEl,"calcite-tab");if(i.some((t=>t.tab))||this.titles.some((t=>t.tab))){t=i.sort(((t,e)=>t.tab.localeCompare(e.tab))).map((t=>t.id));e=this.titles.sort(((t,e)=>t.tab.localeCompare(e.tab))).map((t=>t.id))}else{const o=await Promise.all(i.map((t=>t.getTabIndex())));const n=await Promise.all(this.titles.map((t=>t.getTabIndex())));t=o.reduce(((t,e,o)=>{t[e]=i[o].id;return t}),[]);e=n.reduce(((t,e,i)=>{t[e]=this.titles[i].id;return t}),[])}i.forEach((i=>i.updateAriaInfo(t,e)));this.titles.forEach((i=>i.updateAriaInfo(t,e)))}updateItems(){const{position:t,scale:e}=this;const i=this.el.querySelector("calcite-tab-nav");if(i){i.position=t;i.scale=e}Array.from(this.el.querySelectorAll("calcite-tab")).forEach((t=>{if(t.parentElement===this.el){t.scale=e}}));Array.from(this.el.querySelectorAll("calcite-tab-nav > calcite-tab-title")).forEach((i=>{i.position=t;i.scale=e}))}connectedCallback(){this.updateItems()}async componentWillLoad(){this.updateItems()}disconnectedCallback(){}render(){return e(a,{key:"300872682f4f969586b06b6bbfa5cccb5a005e03"},e("slot",{key:"9b8c09c2f93725349a98d13fb0167c88b82ef413",name:U.titleGroup}),e("section",{key:"bf1b19251ca8ab3ba4c3c3fa15995889d71d9355"},e("slot",{key:"e1008e065225b4f0cb1b4fbe2ec91ab761db1144",onSlotchange:this.defaultSlotChangeHandler,ref:this.setDefaultSlotRef})))}get el(){return o(this)}static get watchers(){return{position:["handleInheritableProps"],scale:["handleInheritableProps"],titles:["titlesWatcher"],tabs:["tabsWatcher"]}}};X.style=V;export{E as calcite_tab,$ as calcite_tab_nav,J as calcite_tab_title,X as calcite_tabs};
+//# sourceMappingURL=p-6584f219.entry.js.map

package/dist/calcite/p-65d13ffb.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.0
+ */
+import{h as t,r as i,c as e,H as s,g as o}from"./p-81385d5a.js";import{c as n}from"./p-274daf65.js";import{f as c,e as a}from"./p-1c1a8e3b.js";import{C as l,E as r,F as h,t as d,e as p}from"./p-ab70309d.js";import{d as b,f,c as u,r as m,a as g,F as x}from"./p-a064817b.js";import{s as v,c as y,a as w,d as C,H as k}from"./p-0710866c.js";import{g as I}from"./p-d7f93b7a.js";import{c as z,u as $,d as E,I as S}from"./p-4df4625f.js";import{c as H,d as A,g as D}from"./p-bb92fc3b.js";import{b as M,c as j,s as O,a as P}from"./p-2707e6a4.js";import{c as L,d as T}from"./p-daf0e140.js";import{c as F}from"./p-6b594619.js";import{o as B}from"./p-6cd57b04.js";import{D as R}from"./p-c39e14b7.js";import{c as V,s as W,d as G,u as U}from"./p-e5a69dc9.js";import{g as _,c as X}from"./p-e757f62e.js";import{V as K}from"./p-759b0284.js";import{i as N}from"./p-31bb0d1f.js";import{d as q}from"./p-e8d257ca.js";import{c as J,d as Q}from"./p-02c72039.js";import"./p-1b1f0952.js";const Y={button:"x-button"};const Z=({disabled:i,key:e,label:s,onClick:o,ref:n,scale:c})=>t("button",{"aria-label":s,class:Y.button,disabled:i,key:e,onClick:o,ref:n,tabIndex:-1,type:"button"},t("calcite-icon",{icon:"x",scale:_(c)}));const tt="CALCITE-COMBOBOX-ITEM";const it="CALCITE-COMBOBOX-ITEM-GROUP";const et=`${tt}, ${it}`;const st={input:"input",chipInvisible:"chip--invisible",selectionDisplayFit:"selection-display-fit",selectionDisplaySingle:"selection-display-single",listContainer:"list-container",icon:"icon",placeholderIcon:"placeholder-icon",selectedIcon:"selected-icon"};const ot={validationMessage:"comboboxValidationMessage"};function nt(t){const i=t.parentElement?.closest(et);const e=i?.parentElement?.closest(et);return[i,e].filter((t=>t))}function ct(t){return t.ancestors?.filter((t=>t.nodeName==="CALCITE-COMBOBOX-ITEM"))||[]}function at(t){return l(t.querySelectorAll("calcite-combobox-item"))}function lt(t){const i=l(t.querySelectorAll("calcite-combobox-item"));return i.filter((t=>t.selected)).length>0}function rt(t){if(!N()){return 0}const i=document.evaluate("ancestor::calcite-combobox-item | ancestor::calcite-combobox-item-group",t,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null);return i.snapshotLength}function ht(t){return t.includes("single")}function dt(t){return t.shortHeading||t.textLabel}const pt=":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:block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]) .x-button{inline-size:1rem;block-size:1rem}:host([scale=m]) .x-button{inline-size:1.5rem;block-size:1.5rem}:host([scale=l]) .x-button{inline-size:2rem;block-size:2rem}.x-button{margin:0px;display:flex;cursor:pointer;appearance:none;align-content:center;align-items:center;justify-content:center;align-self:center;border-width:2px;background-color:transparent;color:var(--calcite-color-text-3);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;border-radius:50%;border-color:transparent;background-color:var(--calcite-color-foreground-2)}.x-button:active,.x-button:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}.x-button:active{border-style:solid;border-color:var(--calcite-color-brand)}.x-button calcite-icon{color:inherit}:host([scale=s]){font-size:var(--calcite-font-size--2);--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-input-height:1rem;--calcite-internal-combobox-input-margin-block:calc(0.25rem - 1px)}:host([scale=s]) .x-button{margin-inline:0.5rem}:host([scale=m]){font-size:var(--calcite-font-size--1);--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-input-height:1rem;--calcite-internal-combobox-input-margin-block:calc(0.5rem - 1px)}:host([scale=m]) .x-button{margin-inline-end:0.75rem}:host([scale=l]){font-size:var(--calcite-font-size-0);--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-input-height:1.5rem;--calcite-internal-combobox-input-margin-block:calc(0.625rem - 1px)}:host([scale=l]) .x-button{margin-inline-end:1rem}.wrapper{display:flex;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1);outline-color:transparent;padding-block:calc(var(--calcite-combobox-item-spacing-unit-s) / 4);padding-inline:var(--calcite-combobox-item-spacing-unit-l)}.wrapper:hover .icon{color:var(--calcite-color-text-1)}:host(:focus-within) .wrapper,.wrapper--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          )}:host([read-only]) .wrapper{background-color:var(--calcite-color-background)}:host([read-only]) .label{font-weight:var(--calcite-font-weight-medium)}:host([status=invalid]) .wrapper{border-color:var(--calcite-color-status-danger)}:host([status=invalid]:focus-within) .wrapper{outline:2px solid var(--calcite-color-status-danger);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          )}.wrapper--single{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-l);cursor:pointer;flex-wrap:nowrap}.grid-input{position:relative;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0px;gap:var(--calcite-combobox-item-spacing-unit-s);margin-inline-end:var(--calcite-combobox-item-spacing-unit-s)}.grid-input.selection-display-fit,.grid-input.selection-display-single{flex-wrap:nowrap;overflow:hidden}.input{flex-grow:1;appearance:none;overflow:hidden;text-overflow:ellipsis;border-style:none;background-color:transparent;padding:0px;font-family:inherit;color:var(--calcite-color-text-1);font-size:inherit;block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height);inline-size:100%;margin-block-end:var(--calcite-combobox-item-spacing-unit-s);min-inline-size:4.8125rem}.input:focus{outline:2px solid transparent;outline-offset:2px}.input:placeholder-shown{text-overflow:ellipsis}.input--single{padding:0px;margin-block:var(--calcite-internal-combobox-input-margin-block)}.wrapper--active .input-single{cursor:text}.input--hidden{pointer-events:none;inline-size:0px;min-inline-size:0px;opacity:0}.input--icon{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-l)}.placeholder-icon{color:var(--calcite-color-text-3)}.input-wrap{display:flex;flex-grow:1;align-items:center}.input-wrap--single{flex:1 1 0%;overflow:hidden}.label{pointer-events:none;max-inline-size:100%;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0px;font-weight:var(--calcite-font-weight-normal);block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height)}.label--icon{padding-inline:var(--calcite-combobox-item-spacing-unit-l)}.icon-end,.icon-start{display:flex;cursor:pointer;align-items:center}.icon-end{flex:none}.icon-end .icon{color:var(--calcite-color-text-3)}.floating-ui-container{--calcite-floating-ui-z-index:var(--calcite-z-index-dropdown);display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index);visibility:hidden}.floating-ui-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:inset, left, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}.floating-ui-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.floating-ui-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.floating-ui-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.floating-ui-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block:0;left:0}.floating-ui-container--active{visibility:visible}@media (forced-colors: active){.wrapper,.floating-ui-container--active{border:1px solid canvasText}}.screen-readers-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.list-container{max-block-size:45vh;overflow-y:auto;background-color:var(--calcite-color-foreground-1);inline-size:var(--calcite-dropdown-width, 100%)}.list{margin:0px;display:block;padding:0px}.list--hide{block-size:0px;overflow:hidden}calcite-chip{--calcite-animation-timing:0}.chip{margin-block:calc(var(--calcite-combobox-item-spacing-unit-s) / 4);max-inline-size:100%}.chip--active{background-color:var(--calcite-color-foreground-3)}.chip--invisible{visibility:hidden;position:absolute}.item{display:block}.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}::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([hidden]){display:none}[hidden]{display:none}::slotted(calcite-combobox-item-group:not(:first-child)){padding-block-start:var(--calcite-combobox-item-spacing-unit-l)}";const bt=pt;const ft=t=>t.tagName===it;const ut="combobox-item-";const mt="combobox-chip-";const gt="combobox-label-";const xt="combobox-listbox-";const vt="combobox-input-";const yt=class{constructor(t){i(this,t);this.calciteComboboxChange=e(this,"calciteComboboxChange",6);this.calciteComboboxFilterChange=e(this,"calciteComboboxFilterChange",6);this.calciteComboboxChipClose=e(this,"calciteComboboxChipClose",6);this.calciteComboboxBeforeClose=e(this,"calciteComboboxBeforeClose",6);this.calciteComboboxClose=e(this,"calciteComboboxClose",6);this.calciteComboboxBeforeOpen=e(this,"calciteComboboxBeforeOpen",6);this.calciteComboboxOpen=e(this,"calciteComboboxOpen",6);this.placement=b;this.internalValueChangeFlag=false;this.textInput=null;this.mutationObserver=F("mutation",(()=>this.updateItems()));this.resizeObserver=F("resize",(()=>{this.setMaxScrollerHeight();this.refreshSelectionDisplay()}));this.guid=I();this.inputHeight=0;this.ignoreSelectedEventsFlag=false;this.openTransitionProp="opacity";this.setFilteredPlacements=()=>{const{el:t,flipPlacements:i}=this;this.filteredFlipPlacements=i?f(i,t):null};this.getValue=()=>{const t=this.selectedItems.map((t=>t?.value?.toString()));return t?.length?t.length>1?t:t[0]:""};this.onLabelClick=()=>{this.setFocus()};this.keyDownHandler=t=>{if(this.readOnly){return}const{key:i}=t;switch(i){case"Tab":this.activeChipIndex=-1;this.activeItemIndex=-1;if(this.allowCustomValues&&this.filterText){this.addCustomChip(this.filterText,true);t.preventDefault()}else if(this.open){this.open=false;t.preventDefault()}else if(!this.allowCustomValues&&this.filterText){this.clearInputValue();this.filterItems("");this.updateActiveItemIndex(-1)}break;case"ArrowLeft":if(this.activeChipIndex!==-1||this.textInput.selectionStart===0){this.previousChip();t.preventDefault()}break;case"ArrowRight":if(this.activeChipIndex!==-1){this.nextChip();t.preventDefault()}break;case"ArrowUp":if(this.filteredItems.length){t.preventDefault();if(this.open){this.shiftActiveItemIndex(-1)}if(!this.comboboxInViewport()){this.el.scrollIntoView()}}break;case"ArrowDown":if(this.filteredItems.length){t.preventDefault();if(this.open){this.shiftActiveItemIndex(1)}else{this.open=true;this.ensureRecentSelectedItemIsActive()}if(!this.comboboxInViewport()){this.el.scrollIntoView()}}break;case" ":if(!this.textInput.value&&!t.defaultPrevented){if(!this.open){this.open=true;this.shiftActiveItemIndex(1)}t.preventDefault()}break;case"Home":if(!this.open){return}t.preventDefault();this.updateActiveItemIndex(0);this.scrollToActiveItem();if(!this.comboboxInViewport()){this.el.scrollIntoView()}break;case"End":if(!this.open){return}t.preventDefault();this.updateActiveItemIndex(this.filteredItems.length-1);this.scrollToActiveItem();if(!this.comboboxInViewport()){this.el.scrollIntoView()}break;case"Escape":if(!this.clearDisabled&&!this.open){this.clearValue()}this.open=false;t.preventDefault();break;case"Enter":if(this.open&&this.activeItemIndex>-1){this.toggleSelection(this.filteredItems[this.activeItemIndex]);t.preventDefault()}else if(this.activeChipIndex>-1){this.removeActiveChip();t.preventDefault()}else if(this.allowCustomValues&&this.filterText){this.addCustomChip(this.filterText,true);t.preventDefault()}else if(!t.defaultPrevented){if(v(this)){t.preventDefault()}}break;case"Delete":case"Backspace":{const i=this.selectionDisplay==="single"||this.selectionDisplay==="fit"&&this.selectedHiddenChipsCount>0;if(i){return}if(this.activeChipIndex>-1){t.preventDefault();this.removeActiveChip()}else if(!this.filterText&&this.isMulti()){t.preventDefault();this.removeLastChip()}break}}};this.toggleCloseEnd=()=>{this.open=false;this.el.removeEventListener("calciteComboboxClose",this.toggleCloseEnd)};this.toggleOpenEnd=()=>{this.open=false;this.el.removeEventListener("calciteComboboxOpen",this.toggleOpenEnd)};this.setMaxScrollerHeight=async()=>{const{listContainerEl:t,open:i,referenceEl:e}=this;if(!t||!i){return}await this.reposition(true);const s=this.getMaxScrollerHeight();t.style.maxHeight=s>0?`${s}px`:"";t.style.minWidth=`${e.clientWidth}px`;await this.reposition(true)};this.calciteChipCloseHandler=t=>{this.open=false;const i=this.items.find((i=>i===t));if(i){this.toggleSelection(i,false)}this.calciteComboboxChipClose.emit()};this.clickHandler=t=>{if(this.readOnly){return}const i=t.composedPath();if(i.some((t=>t.tagName==="CALCITE-CHIP"))){this.open=false;t.preventDefault();return}if(i.some((t=>t.classList?.contains(Y.button)))){this.clearValue();t.preventDefault();return}this.open=!this.open;this.ensureRecentSelectedItemIsActive()};this.refreshSelectionDisplay=async()=>{await M(this);if(ht(this.selectionMode)){return}if(!this.textInput){return}const{allSelectedIndicatorChipEl:t,chipContainerEl:i,selectionDisplay:e,placeholder:s,selectedIndicatorChipEl:o,textInput:c}=this;const a=parseInt(getComputedStyle(i).gap.replace("px",""));const l=r(i);const{fontSize:d,fontFamily:p}=getComputedStyle(c);const b=h(s,`${d} ${p}`);const f=(b||parseInt(n))+a;const u=r(t);const m=r(o);const g=Math.max(u,m);this.setCompactSelectionDisplay({chipContainerElGap:a,chipContainerElWidth:l,inputWidth:f,largestSelectedIndicatorChipWidth:g});if(e==="fit"){const t=Array.from(this.el.shadowRoot.querySelectorAll("calcite-chip")).filter((t=>t.closable));const i=Math.round(l-((this.selectedHiddenChipsCount>0?m:0)+a+f+a));this.refreshChipDisplay({availableHorizontalChipElSpace:i,chipContainerElGap:a,chipEls:t});this.setVisibleAndHiddenChips(t)}};this.setFloatingEl=t=>{this.floatingEl=t;u(this,this.referenceEl,this.floatingEl)};this.setContainerEl=t=>{this.resizeObserver.observe(t);this.listContainerEl=t;this.transitionEl=t};this.setChipContainerEl=t=>{this.resizeObserver.observe(t);this.chipContainerEl=t};this.setReferenceEl=t=>{this.referenceEl=t;u(this,this.referenceEl,this.floatingEl)};this.setAllSelectedIndicatorChipEl=t=>{this.allSelectedIndicatorChipEl=t};this.setSelectedIndicatorChipEl=t=>{this.selectedIndicatorChipEl=t};this.inputHandler=t=>{const i=t.target.value;this.filterText=i};this.filterItems=(()=>{const t=(t,i)=>t&&i.some((({label:i,value:e})=>ft(t)?i===t.label:e===t.value&&i===t.textLabel));return q(((i,e=false,s=true)=>{const o=c(this.data,i);const n=this.getItemsAndGroups();const l=i==="";n.forEach((i=>{if(l){i.hidden=false;return}const e=!t(i,o);i.hidden=e;const[s,n]=i.ancestors;if(t(s,o)||t(n,o)){i.hidden=false}if(!e){i.ancestors.forEach((t=>t.hidden=false))}}));this.filterTextMatchPattern=this.filterText&&new RegExp(`(${a(this.filterText)})`,"i");this.filteredItems=this.getFilteredItems();this.filteredItems.forEach((t=>{t.filterTextMatchPattern=this.filterTextMatchPattern}));if(e){this.open=this.filterText.trim().length>0&&this.filteredItems.length>0}if(s){this.calciteComboboxFilterChange.emit()}}),R.filter)})();this.internalComboboxChangeEvent=()=>{this.calciteComboboxChange.emit()};this.emitComboboxChange=q(this.internalComboboxChangeEvent,0);this.getSelectedItems=()=>{if(!this.isMulti()){const t=this.items.find((({selected:t})=>t));return t?[t]:[]}return this.items.filter((t=>t.selected&&(this.selectionMode!=="ancestors"||!lt(t)))).sort(((t,i)=>{const e=this.selectedItems.indexOf(t);const s=this.selectedItems.indexOf(i);if(e>-1&&s>-1){return e-s}return s-e}))};this.updateItems=()=>{this.items=this.getItems();this.groupItems=this.getGroupItems();this.data=this.getData();this.selectedItems=this.getSelectedItems();this.filteredItems=this.getFilteredItems();this.needsIcon=this.getNeedsIcon();this.items.forEach((t=>{t.selectionMode=this.selectionMode;t.scale=this.scale}));if(!this.allowCustomValues){this.setMaxScrollerHeight()}this.groupItems.forEach(((t,i,e)=>{if(i===0){t.afterEmptyGroup=false}const s=e[i+1];if(s){s.afterEmptyGroup=t.children.length===0}}))};this.scrollToActiveItem=()=>{const t=this.filteredItems[this.activeItemIndex];if(!t){return}const i=this.calculateScrollerHeight(t);const{offsetHeight:e,scrollTop:s}=this.listContainerEl;if(e+s<t.offsetTop+i){this.listContainerEl.scrollTop=t.offsetTop-e+i}else if(t.offsetTop<s){this.listContainerEl.scrollTop=t.offsetTop}};this.comboboxFocusHandler=()=>{if(this.disabled){return}this.textInput?.focus()};this.clearDisabled=false;this.filterText="";this.selectionDisplay="all";this.open=false;this.disabled=false;this.form=undefined;this.label=undefined;this.placeholder=undefined;this.placeholderIcon=undefined;this.placeholderIconFlipRtl=false;this.maxItems=0;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.allowCustomValues=undefined;this.overlayPositioning="absolute";this.required=false;this.selectionMode="multiple";this.scale="m";this.status="idle";this.value=null;this.flipPlacements=undefined;this.messages=undefined;this.messageOverrides=undefined;this.selectedItems=[];this.filteredItems=[];this.readOnly=false;this.items=[];this.groupItems=[];this.needsIcon=undefined;this.activeItemIndex=-1;this.activeChipIndex=-1;this.activeDescendant="";this.compactSelectionDisplay=false;this.selectedHiddenChipsCount=0;this.selectedVisibleChipsCount=0;this.effectiveLocale=undefined;this.defaultMessages=undefined}filterTextChange(t){this.updateActiveItemIndex(-1);this.filterItems(t,true)}openHandler(){B(this);if(this.disabled){this.open=false;return}this.setMaxScrollerHeight()}handleDisabledChange(t){if(!t){this.open=false}}maxItemsHandler(){this.setMaxScrollerHeight()}overlayPositioningHandler(){this.reposition(true)}handlePropsChange(){this.updateItems()}valueHandler(t){if(!this.internalValueChangeFlag){const i=this.getItems();if(Array.isArray(t)){i.forEach((i=>i.selected=t.includes(i.value)))}else if(t){i.forEach((i=>i.selected=t===i.value))}else{i.forEach((t=>t.selected=false))}this.updateItems()}}onMessagesChange(){}flipPlacementsHandler(){this.setFilteredPlacements();this.reposition(true)}selectedItemsHandler(){this.internalValueChangeFlag=true;this.value=this.getValue();this.internalValueChangeFlag=false}async documentClickHandler(t){if(this.disabled||t.composedPath().includes(this.el)){return}await X(this.el);if(!this.allowCustomValues&&this.filterText){this.clearInputValue();this.filterItems("");this.updateActiveItemIndex(-1)}if(this.allowCustomValues&&this.filterText.trim().length){this.addCustomChip(this.filterText)}this.open=false}calciteComboboxItemChangeHandler(t){if(this.ignoreSelectedEventsFlag){return}const i=t.target;const e=this.filteredItems.indexOf(i);this.updateActiveItemIndex(e);this.toggleSelection(i,i.selected)}calciteInternalComboboxItemChangeHandler(t){t.stopPropagation();this.updateItems()}async reposition(t=false){const{floatingEl:i,referenceEl:e,placement:s,overlayPositioning:o,filteredFlipPlacements:n}=this;return m(this,{floatingEl:i,referenceEl:e,overlayPositioning:o,placement:s,flipPlacements:n,type:"menu"},t)}async setFocus(){await j(this);this.textInput?.focus();this.activeChipIndex=-1;this.activeItemIndex=-1}connectedCallback(){z(this);L(this);V(this);H(this);y(this);this.internalValueChangeFlag=true;this.value=this.getValue();this.internalValueChangeFlag=false;this.mutationObserver?.observe(this.el,{childList:true,subtree:true});this.updateItems();this.setFilteredPlacements();if(this.open){this.openHandler();B(this)}u(this,this.referenceEl,this.floatingEl)}async componentWillLoad(){O(this);this.updateItems();await W(this);this.filterItems(this.filterText,false,false)}componentDidLoad(){w(this,this.getValue());u(this,this.referenceEl,this.floatingEl);P(this)}componentDidRender(){if(this.el.offsetHeight!==this.inputHeight){this.reposition(true);this.inputHeight=this.el.offsetHeight}$(this)}componentDidUpdate(){this.refreshSelectionDisplay()}disconnectedCallback(){this.mutationObserver?.disconnect();this.resizeObserver?.disconnect();E(this);A(this);C(this);g(this,this.referenceEl,this.floatingEl);T(this);G(this)}effectiveLocaleChange(){U(this,this.effectiveLocale)}clearValue(){this.ignoreSelectedEventsFlag=true;this.items.forEach((t=>t.selected=false));this.ignoreSelectedEventsFlag=false;this.selectedItems=[];this.emitComboboxChange();this.open=false;this.updateActiveItemIndex(-1);this.resetText();this.filterItems("");this.setFocus()}clearInputValue(){this.textInput.value="";this.filterText=""}comboboxInViewport(){const t=this.el.getBoundingClientRect();return t.top>=0&&t.left>=0&&t.right<=(window.innerWidth||document.documentElement.clientWidth)&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)}onBeforeOpen(){this.scrollToActiveItem();this.calciteComboboxBeforeOpen.emit()}onOpen(){this.calciteComboboxOpen.emit()}onBeforeClose(){this.calciteComboboxBeforeClose.emit()}onClose(){this.calciteComboboxClose.emit()}ensureRecentSelectedItemIsActive(){const{selectedItems:t}=this;const i=t.length===0?0:this.items.indexOf(t[t.length-1]);this.updateActiveItemIndex(i)}hideChip(t){t.classList.add(st.chipInvisible)}showChip(t){t.classList.remove(st.chipInvisible)}refreshChipDisplay({chipEls:t,availableHorizontalChipElSpace:i,chipContainerElGap:e}){t.forEach((t=>{if(!t.selected){this.hideChip(t)}else{const s=r(t);if(s&&s<i){i-=s+e;this.showChip(t);return}}this.hideChip(t)}))}setCompactSelectionDisplay({chipContainerElGap:t,chipContainerElWidth:i,inputWidth:e,largestSelectedIndicatorChipWidth:s}){const o=Math.round(s+t+e);if(!this.maxCompactBreakpoint||this.maxCompactBreakpoint<o){this.maxCompactBreakpoint=o}this.compactSelectionDisplay=i<this.maxCompactBreakpoint}setVisibleAndHiddenChips(t){let i=0;t.forEach((t=>{if(t.selected&&!t.classList.contains(st.chipInvisible)){i++}}));if(i!==this.selectedVisibleChipsCount){this.selectedVisibleChipsCount=i}const e=this.getSelectedItems().length-i;if(e!==this.selectedHiddenChipsCount){this.selectedHiddenChipsCount=e}}getMaxScrollerHeight(){const t=this.getItemsAndGroups().filter((t=>!t.hidden));const{maxItems:i}=this;let e=0;let s=0;if(t.length>i){t.forEach((t=>{if(e<i){const i=this.calculateScrollerHeight(t);if(i>0){s+=i;e++}}}))}return s}calculateScrollerHeight(t){if(!t){return}const i=t.getBoundingClientRect().height;const e=Array.from(t.querySelectorAll(et)).reduce(((t,i)=>t+i.getBoundingClientRect().height),0);return i-e}getItemsAndGroups(){return[...this.groupItems,...this.items]}toggleSelection(t,i=!t.selected){if(!t||this.selectionMode==="single-persist"&&t.selected&&t.value===this.value){return}if(this.isMulti()){t.selected=i;this.updateAncestors(t);this.selectedItems=this.getSelectedItems();this.emitComboboxChange();this.resetText();this.filterItems("")}else{this.ignoreSelectedEventsFlag=true;this.items.forEach((e=>e.selected=e===t?i:false));this.ignoreSelectedEventsFlag=false;this.selectedItems=this.getSelectedItems();this.emitComboboxChange();if(this.textInput){this.textInput.value=dt(t)}this.open=false;this.updateActiveItemIndex(-1);this.resetText();this.filterItems("")}}updateAncestors(t){if(this.selectionMode!=="ancestors"){return}const i=ct(t);const e=at(t);if(t.selected){i.forEach((t=>{t.selected=true}))}else{e.forEach((t=>t.selected=false));[...i].forEach((t=>{if(!lt(t)){t.selected=false}}))}}getFilteredItems(){return this.filterText===""?this.items:this.items.filter((t=>!t.hidden))}getData(){return this.items.map((t=>({description:t.description,filterDisabled:t.filterDisabled,label:t.textLabel,metadata:t.metadata,shortHeading:t.shortHeading,value:t.value})))}getNeedsIcon(){return ht(this.selectionMode)&&this.items.some((t=>t.icon))}resetText(){if(this.textInput){this.textInput.value=""}this.filterText=""}getItems(){const t=Array.from(this.el.querySelectorAll(tt));return t.filter((t=>!t.disabled))}getGroupItems(){return Array.from(this.el.querySelectorAll(it))}addCustomChip(t,i){const e=this.items.find((i=>i.textLabel===t));if(e){this.toggleSelection(e,true)}else{if(!this.isMulti()){this.toggleSelection(this.selectedItems[this.selectedItems.length-1],false)}const e=document.createElement("calcite-combobox-item");e.value=t;e.textLabel=t;e.selected=true;this.el.prepend(e);this.resetText();if(i){this.setFocus()}this.updateItems();this.filterItems("");this.open=true;this.emitComboboxChange()}}removeActiveChip(){this.toggleSelection(this.selectedItems[this.activeChipIndex],false);this.setFocus()}removeLastChip(){this.toggleSelection(this.selectedItems[this.selectedItems.length-1],false);this.setFocus()}previousChip(){const t=this.selectedItems.length-1;const i=this.activeChipIndex;this.activeChipIndex=i===-1?t:Math.max(i-1,0);this.updateActiveItemIndex(-1);this.focusChip()}nextChip(){const t=this.selectedItems.length-1;const i=this.activeChipIndex+1;if(i>t){this.activeChipIndex=-1;this.setFocus()}else{this.activeChipIndex=i;this.focusChip()}this.updateActiveItemIndex(-1)}focusChip(){const t=this.selectedItems[this.activeChipIndex]?.guid;const i=t?this.referenceEl.querySelector(`#${mt}${t}`):null;i?.setFocus()}shiftActiveItemIndex(t){const{length:i}=this.filteredItems;const e=(this.activeItemIndex+i+t)%i;this.updateActiveItemIndex(e);this.scrollToActiveItem()}updateActiveItemIndex(t){this.activeItemIndex=t;let i=null;this.filteredItems.forEach(((e,s)=>{if(s===t){e.active=true;i=`${ut}${e.guid}`}else{e.active=false}}));this.activeDescendant=i;if(this.activeItemIndex>-1){this.activeChipIndex=-1}}isAllSelected(){return this.getItems().length===this.getSelectedItems().length}isMulti(){return!ht(this.selectionMode)}renderChips(){const{activeChipIndex:i,readOnly:e,scale:s,selectionMode:o,messages:n}=this;return this.selectedItems.map(((c,a)=>{const l={chip:true,"chip--active":i===a};const r=[...ct(c)].reverse();const h=dt(c);const d=[...r,c].map((t=>dt(t)));const p=o!=="ancestors"?h:d.join(" / ");return t("calcite-chip",{appearance:e?"outline":"solid",class:l,closable:!e,"data-test-id":`chip-${a}`,icon:c.icon,iconFlipRtl:c.iconFlipRtl,id:c.guid?`${mt}${c.guid}`:null,key:h,messageOverrides:{dismissLabel:n.removeTag},onCalciteChipClose:()=>this.calciteChipCloseHandler(c),onFocusin:()=>this.activeChipIndex=a,scale:s,selected:c.selected,tabindex:i===a?0:-1,title:p,value:c.value},p)}))}renderAllSelectedIndicatorChip(){const{compactSelectionDisplay:i,scale:e,selectedVisibleChipsCount:s,setAllSelectedIndicatorChipEl:o}=this;const n=this.messages.allSelected;return t("calcite-chip",{class:{chip:true,[st.chipInvisible]:!(this.isAllSelected()&&!s&&!i)},ref:o,scale:e,title:n,value:""},n)}renderAllSelectedIndicatorChipCompact(){const{compactSelectionDisplay:i,scale:e,selectedVisibleChipsCount:s}=this;const o=this.messages.all||"All";return t("calcite-chip",{class:{chip:true,[st.chipInvisible]:!(this.isAllSelected()&&!s&&i)},scale:e,title:o,value:""},o)}renderSelectedIndicatorChip(){const{compactSelectionDisplay:i,selectionDisplay:e,getSelectedItems:s,scale:o,selectedHiddenChipsCount:n,selectedVisibleChipsCount:c,setSelectedIndicatorChipEl:a}=this;let l;let r;if(i){l=true}else{if(e==="single"){const t=s().length;if(this.isAllSelected()){l=true}else if(t>0){l=false}else{l=true}r=`${t} ${this.messages.selected}`}else if(e==="fit"){l=!!(this.isAllSelected()&&c===0||n===0);r=c>0?`+${n}`:`${n} ${this.messages.selected}`}}return t("calcite-chip",{class:{chip:true,[st.chipInvisible]:l},ref:a,scale:o,title:r,value:""},r)}renderSelectedIndicatorChipCompact(){const{compactSelectionDisplay:i,selectionDisplay:e,getSelectedItems:s,scale:o,selectedHiddenChipsCount:n}=this;let c;let a;if(i){const t=s().length;if(this.isAllSelected()){c=true}else if(e==="fit"){c=!(n>0);a=`${n||0}`}else if(e==="single"){c=!(t>0);a=`${t}`}}else{c=true}return t("calcite-chip",{class:{chip:true,[st.chipInvisible]:c},scale:o,title:a,value:""},a)}get showingInlineIcon(){const{placeholderIcon:t,selectionMode:i,selectedItems:e,open:s}=this;const o=e[0];const n=o?.icon;const c=ht(i);return!s&&o?!!n&&c:!!t&&(!o||c)}renderInput(){const{guid:i,disabled:e,placeholder:s,selectionMode:o,selectedItems:n,open:c}=this;const a=ht(o);const l=n[0];const r=!c&&a&&!!l;return t("span",{class:{"input-wrap":true,"input-wrap--single":a}},r&&t("span",{class:{label:true,"label--icon":!!l?.icon},key:"label"},dt(l)),t("input",{"aria-activedescendant":this.activeDescendant,"aria-autocomplete":"list","aria-controls":`${xt}${i}`,"aria-errormessage":ot.validationMessage,"aria-expanded":d(c),"aria-haspopup":"listbox","aria-invalid":d(this.status==="invalid"),"aria-label":D(this),"aria-owns":`${xt}${i}`,class:{[st.input]:true,"input--single":true,"input--hidden":r,"input--icon":this.showingInlineIcon&&!!this.placeholderIcon},"data-test-id":"input",disabled:e,id:`${vt}${i}`,key:"input",onFocus:this.comboboxFocusHandler,onInput:this.inputHandler,placeholder:s,readOnly:this.readOnly,ref:t=>this.textInput=t,role:"combobox",tabindex:this.activeChipIndex===-1?0:-1,type:"text",value:this.filterText}))}renderListBoxOptions(){return this.filteredItems.map((i=>t("li",{"aria-selected":d(i.selected),id:i.guid?`${ut}${i.guid}`:null,role:"option",tabindex:"-1"},i.textLabel)))}renderFloatingUIContainer(){const{setFloatingEl:i,setContainerEl:e,open:s}=this;const o={[st.listContainer]:true,[x.animation]:true,[x.animationActive]:s};return t("div",{"aria-hidden":"true",class:{"floating-ui-container":true,"floating-ui-container--active":s},ref:i},t("div",{class:o,ref:e},t("ul",{class:{list:true,"list--hide":!s}},t("slot",null))))}renderSelectedOrPlaceholderIcon(){const{open:i,placeholderIcon:e,placeholderIconFlipRtl:s,selectedItems:o}=this;const n=o[0];const c=n?.icon;const a=e&&(i||!n);return this.showingInlineIcon&&t("span",{class:"icon-start",key:"selected-placeholder-icon"},t("calcite-icon",{class:{[st.selectedIcon]:!a,[st.placeholderIcon]:a},flipRtl:a?s:n.iconFlipRtl,icon:a?e:c,scale:_(this.scale)}))}renderChevronIcon(){const{open:i}=this;return t("span",{class:"icon-end",key:"chevron"},t("calcite-icon",{class:st.icon,icon:i?"chevron-up":"chevron-down",scale:_(this.scale)}))}render(){const{selectionDisplay:i,guid:e,label:o,open:n,readOnly:c}=this;const a=ht(this.selectionMode);const l=i==="all";const r=i==="single";const h=!a&&i==="fit";const d=!this.clearDisabled&&this.value?.length>0;return t(s,{key:"24749edfdb12a51e6e34c78d3428f83de7ac0457",onClick:this.comboboxFocusHandler},t(S,{key:"7300de366d86bcad91501f1124aed5f311820c37",disabled:this.disabled},t("div",{key:"fc8981935ffdd46fc5386517fce51170d41179a5","aria-live":"polite",class:{wrapper:true,"wrapper--single":a||!this.selectedItems.length,"wrapper--active":n},onClick:this.clickHandler,onKeyDown:this.keyDownHandler,ref:this.setReferenceEl},this.renderSelectedOrPlaceholderIcon(),t("div",{class:{"grid-input":true,[st.selectionDisplayFit]:h,[st.selectionDisplaySingle]:r},key:"grid",ref:this.setChipContainerEl},!a&&!r&&this.renderChips(),!a&&!l&&[this.renderSelectedIndicatorChip(),this.renderSelectedIndicatorChipCompact(),this.renderAllSelectedIndicatorChip(),this.renderAllSelectedIndicatorChipCompact()],t("label",{key:"60ca38b6b84d8ccd3e11419ca494c8a3b310e631",class:"screen-readers-only",htmlFor:`${vt}${e}`,id:`${gt}${e}`},o),this.renderInput()),!c&&d?t(Z,{disabled:this.disabled,key:"close-button",label:this.messages.clear,scale:this.scale}):null,!c&&this.renderChevronIcon()),t("ul",{key:"bb750b55b33af3a317ac7883d4f8ef88a23bf1c6","aria-labelledby":`${gt}${e}`,"aria-multiselectable":"true",class:"screen-readers-only",id:`${xt}${e}`,role:"listbox",tabIndex:-1},this.renderListBoxOptions()),this.renderFloatingUIContainer(),t(k,{key:"bf9a9f0dc62822568377ee1e602e24ca14b9c895",component:this}),this.validationMessage&&this.status==="invalid"?t(K,{icon:this.validationIcon,id:ot.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null))}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{filterText:["filterTextChange"],open:["openHandler"],disabled:["handleDisabledChange"],maxItems:["maxItemsHandler"],overlayPositioning:["overlayPositioningHandler"],selectionMode:["handlePropsChange"],scale:["handlePropsChange"],value:["valueHandler"],messageOverrides:["onMessagesChange"],flipPlacements:["flipPlacementsHandler"],selectedItems:["selectedItemsHandler"],effectiveLocale:["effectiveLocaleChange"]}}};yt.style=bt;const wt={active:"label--active",centerContent:"center-content",container:"container",custom:"icon--custom",description:"description",dot:"icon--dot",filterMatch:"filter-match",icon:"icon",iconActive:"icon--active",label:"label",scale:t=>`scale--${t}`,selected:"label--selected",shortText:"short-text",single:"label--single",textContainer:"text-container",title:"title"};const Ct={contentEnd:"content-end"};const kt='@charset "UTF-8";: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([hidden]){display:none}[hidden]{display:none}.scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-item-spacing-indent:0.5rem;--calcite-combobox-item-selector-icon-size:1rem;--calcite-internal-combobox-item-description-font-size:var(--calcite-font-size-xs)}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.375rem;--calcite-combobox-item-spacing-indent:0.75rem;--calcite-combobox-item-selector-icon-size:1rem;--calcite-internal-combobox-item-description-font-size:var(--calcite-font-size-sm)}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.625rem;--calcite-combobox-item-spacing-indent:1rem;--calcite-combobox-item-selector-icon-size:1.5rem;--calcite-internal-combobox-item-description-font-size:var(--calcite-font-size)}.container{--calcite-combobox-item-indent-value:calc(\n    var(--calcite-combobox-item-spacing-indent) * var(--calcite-combobox-item-spacing-indent-multiplier)\n  )}:host(:focus){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host,ul{margin:0px;display:flex;flex-direction:column;padding:0px}:host(:focus),ul:focus{outline:2px solid transparent;outline-offset:2px}.label{position:relative;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:100%;cursor:pointer;align-items:center;color:var(--calcite-color-text-3);text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);outline-color:transparent;word-wrap:break-word;word-break:break-word;justify-content:space-around;gap:var(--calcite-combobox-item-spacing-unit-l);padding-block:var(--calcite-combobox-item-spacing-unit-s);padding-inline:var(--calcite-combobox-item-spacing-unit-l);padding-inline-start:var(--calcite-combobox-item-indent-value)}:host([disabled]) .label{cursor:default}.label--selected{color:var(--calcite-color-text-1)}.label--selected .title{font-weight:var(--calcite-font-weight-medium)}.label--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          )}.label:hover,.label:active{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1);text-decoration-line:none;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.icon{display:inline-flex;opacity:0;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);color:var(--calcite-color-border-1)}.icon--custom{margin-block-start:-1px;color:var(--calcite-color-text-3)}.icon--active{color:var(--calcite-color-text-1)}.icon--dot{display:flex;justify-content:center;min-inline-size:var(--calcite-combobox-item-selector-icon-size)}.icon--dot::before{text-align:start;content:"•"}.label--active .icon{opacity:1}.label--selected .icon{opacity:1;color:var(--calcite-color-brand)}:host(:hover[disabled]) .icon{opacity:1}.filter-match{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-current)}.center-content{display:flex;flex-direction:column;flex-grow:1;padding-block:0}.description{font-size:var(--calcite-internal-combobox-item-description-font-size)}:host([selected]) .description,:host(:hover) .description{color:var(--calcite-color-text-2)}.short-text{color:var(--calcite-color-text-3);white-space:nowrap}.title{color:var(--calcite-color-text-1)}.title,.description,.short-text{line-height:var(--calcite-font-line-height-relative-snug)}';const It=kt;const zt=class{constructor(t){i(this,t);this.calciteComboboxItemChange=e(this,"calciteComboboxItemChange",6);this.calciteInternalComboboxItemChange=e(this,"calciteInternalComboboxItemChange",6);this.itemClickHandler=()=>{this.toggleSelected()};this.active=false;this.ancestors=undefined;this.description=undefined;this.disabled=false;this.filterDisabled=undefined;this.filterTextMatchPattern=undefined;this.guid=I();this.icon=undefined;this.iconFlipRtl=false;this.metadata=undefined;this.scale="m";this.selected=false;this.selectionMode="multiple";this.shortHeading=undefined;this.heading=undefined;this.textLabel=undefined;this.value=undefined;this.label=undefined}handleComboboxItemPropsChange(){this.calciteInternalComboboxItemChange.emit()}selectedWatchHandler(){this.calciteComboboxItemChange.emit()}connectedCallback(){this.ancestors=nt(this.el);J(this);z(this)}disconnectedCallback(){Q(this);E(this)}componentDidRender(){$(this)}toggleSelected(){const t=this.selectionMode==="single-persist";if(this.disabled||t&&this.selected){return}this.selected=!this.selected}renderIcon(i){return this.icon?t("calcite-icon",{class:{[wt.custom]:!!this.icon,[wt.iconActive]:this.icon&&this.selected},flipRtl:this.iconFlipRtl,icon:this.icon||i,key:"icon",scale:_(this.scale)}):null}renderSelectIndicator(i,e){return i?t("span",{class:{[wt.icon]:true,[wt.dot]:true}}):t("calcite-icon",{class:{[wt.icon]:true,[wt.iconActive]:this.selected},flipRtl:this.iconFlipRtl,icon:e,key:"indicator",scale:_(this.scale)})}renderChildren(){if(p(this.el)){return t("ul",{key:"default-slot-container"},t("slot",null))}return null}render(){const{disabled:i,heading:e,label:o,textLabel:n,value:c}=this;const a=ht(this.selectionMode);const l=a?undefined:"check";const r=e||n;const h=i?undefined:l;const d=o||c;const p=a&&!i;const b={[wt.label]:true,[wt.selected]:this.selected,[wt.active]:this.active,[wt.single]:a};const f=rt(this.el)+1;return t(s,{key:"893a354b69619332b4f45458224aa8b41f90111e","aria-hidden":"true","aria-label":d},t(S,{key:"d476f526f4d55a6b7b2cf498f97eb2a8db67222b",disabled:i},t("div",{key:"327153394df9ebd4e6cd5dbd409d7fdd473beb3e",class:{[wt.container]:true,[wt.scale(this.scale)]:true},style:{"--calcite-combobox-item-spacing-indent-multiplier":`${f}`}},t("li",{key:"f9a623aafce0135cb4e7e9e30579f98e18bf38e6",class:b,id:this.guid,onClick:this.itemClickHandler},this.renderSelectIndicator(p,h),this.renderIcon(h),t("div",{key:"8d90ab670e01f935a4217e24e175cc9e6cebfecf",class:wt.centerContent},t("div",{key:"176cc0659c8778c2f77be2f3912963b121e99ee7",class:wt.title},this.renderTextContent(r)),this.description?t("div",{class:wt.description},this.renderTextContent(this.description)):null),this.shortHeading?t("div",{class:wt.shortText},this.renderTextContent(this.shortHeading)):null,t("slot",{key:"8646cb9cde757ea2e34ec0c3f8cdc6ac806e1142",name:Ct.contentEnd})),this.renderChildren())))}renderTextContent(i){const e=this.filterTextMatchPattern;if(!e||!i){return i}const s=i.split(e);if(s.length>1){s[1]=t("mark",{class:wt.filterMatch},s[1])}return s}get el(){return o(this)}static get watchers(){return{disabled:["handleComboboxItemPropsChange"],textLabel:["handleComboboxItemPropsChange"],selected:["selectedWatchHandler"]}}};zt.style=It;const $t={list:"list",label:"label",title:"title"};const Et=".scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-item-spacing-indent:0.5rem}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-item-spacing-indent:0.75rem}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-item-spacing-indent:1rem}:host,.list{margin:0px;display:flex;flex-direction:column;padding:0px}:host(:focus),.list:focus{outline:2px solid transparent;outline-offset:2px}.label{box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:0px;max-inline-size:100%;color:var(--calcite-color-text-3)}.title{--calcite-combobox-item-indent-value:calc(\n    var(--calcite-combobox-item-spacing-indent) * var(--calcite-combobox-item-spacing-indent-multiplier)\n  );border:0 solid;display:block;flex:1 1 0%;border-block-end-width:1px;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2);word-wrap:break-word;word-break:break-word;border-block-end-color:var(--calcite-color-border-3);padding-block:var(--calcite-combobox-item-spacing-unit-l);padding-inline:var(--calcite-combobox-item-spacing-unit-s);margin-inline-start:var(--calcite-combobox-item-indent-value)}::slotted(calcite-combobox-item-group:not([after-empty-group])){padding-block-start:var(--calcite-combobox-item-spacing-unit-l)}:host([hidden]){display:none}[hidden]{display:none}";const St=Et;const Ht=class{constructor(t){i(this,t);this.guid=I();this.afterEmptyGroup=false;this.ancestors=undefined;this.label=undefined;this.scale="m"}connectedCallback(){this.ancestors=nt(this.el)}render(){const{el:i,scale:e}=this;const s=rt(i);return t("ul",{key:"e57f7805f680b7d8b89f1f72c98197d81ad743dd","aria-labelledby":this.guid,class:{[$t.list]:true,[`scale--${e}`]:true},role:"group"},t("li",{key:"45ab46a79eb035a0785ea9d2665a3fce8cf7c183",class:{[$t.label]:true},id:this.guid,role:"presentation",style:{"--calcite-combobox-item-spacing-indent-multiplier":`${s}`}},t("span",{key:"380bfd8d85a132df1252e88971adca1b50104801",class:$t.title},this.label)),t("slot",{key:"e0fd9bec45fc259ee2b439a0b80665c742fb5632"}))}get el(){return o(this)}};Ht.style=St;export{yt as calcite_combobox,zt as calcite_combobox_item,Ht as calcite_combobox_item_group};
+//# sourceMappingURL=p-65d13ffb.entry.js.map

package/dist/calcite/p-66a0ba07.js

@@ -0,0 +1,7 @@
+/*!
+ * 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-next.0
+ */
+import{d as r}from"./p-c8590831.js";import"./p-81385d5a.js";import"./p-0710866c.js";import"./p-ab70309d.js";import"./p-d7f93b7a.js";import"./p-c39e14b7.js";import"./p-4df4625f.js";import"./p-31bb0d1f.js";import"./p-1b1f0952.js";import"./p-bb92fc3b.js";import"./p-e757f62e.js";import"./p-2707e6a4.js";import"./p-daf0e140.js";import"./p-6b594619.js";import"./p-f99f8456.js";import"./p-af7b0a54.js";import"./p-268d6af3.js";import"./p-e5a69dc9.js";import"./p-759b0284.js";import"./p-13b693d1.js";function e(r){return r>1&&r<5&&~~(r/10)!==1}function t(r,t,m,o){var s=r+" ";switch(m){case"s":return t||o?"pár sekúnd":"pár sekundami";case"m":return t?"minúta":o?"minútu":"minútou";case"mm":if(t||o){return s+(e(r)?"minúty":"minút")}return s+"minútami";case"h":return t?"hodina":o?"hodinu":"hodinou";case"hh":if(t||o){return s+(e(r)?"hodiny":"hodín")}return s+"hodinami";case"d":return t||o?"deň":"dňom";case"dd":if(t||o){return s+(e(r)?"dni":"dní")}return s+"dňami";case"M":return t||o?"mesiac":"mesiacom";case"MM":if(t||o){return s+(e(r)?"mesiace":"mesiacov")}return s+"mesiacmi";case"y":return t||o?"rok":"rokom";case"yy":if(t||o){return s+(e(r)?"roky":"rokov")}return s+"rokmi"}}var m={name:"sk",weekdays:"nedeľa_pondelok_utorok_streda_štvrtok_piatok_sobota".split("_"),weekdaysShort:"ne_po_ut_st_št_pi_so".split("_"),weekdaysMin:"ne_po_ut_st_št_pi_so".split("_"),months:"január_február_marec_apríl_máj_jún_júl_august_september_október_november_december".split("_"),monthsShort:"jan_feb_mar_apr_máj_jún_júl_aug_sep_okt_nov_dec".split("_"),weekStart:1,yearStart:4,ordinal:function r(e){return e+"."},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd D. MMMM YYYY H:mm",l:"D. M. YYYY"},relativeTime:{future:"za %s",past:"pred %s",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:t,M:t,MM:t,y:t,yy:t}};r.locale(m,null,true);export{m as default};
+//# sourceMappingURL=p-66a0ba07.js.map

package/dist/calcite/p-67995f7a.js

@@ -0,0 +1,7 @@
+/*!
+ * 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-next.0
+ */
+import{d as e}from"./p-c8590831.js";import"./p-81385d5a.js";import"./p-0710866c.js";import"./p-ab70309d.js";import"./p-d7f93b7a.js";import"./p-c39e14b7.js";import"./p-4df4625f.js";import"./p-31bb0d1f.js";import"./p-1b1f0952.js";import"./p-bb92fc3b.js";import"./p-e757f62e.js";import"./p-2707e6a4.js";import"./p-daf0e140.js";import"./p-6b594619.js";import"./p-f99f8456.js";import"./p-af7b0a54.js";import"./p-268d6af3.js";import"./p-e5a69dc9.js";import"./p-759b0284.js";import"./p-13b693d1.js";var a={name:"id",weekdays:"Minggu_Senin_Selasa_Rabu_Kamis_Jumat_Sabtu".split("_"),months:"Januari_Februari_Maret_April_Mei_Juni_Juli_Agustus_September_Oktober_November_Desember".split("_"),weekdaysShort:"Min_Sen_Sel_Rab_Kam_Jum_Sab".split("_"),monthsShort:"Jan_Feb_Mar_Apr_Mei_Jun_Jul_Agt_Sep_Okt_Nov_Des".split("_"),weekdaysMin:"Mg_Sn_Sl_Rb_Km_Jm_Sb".split("_"),weekStart:1,formats:{LT:"HH.mm",LTS:"HH.mm.ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY [pukul] HH.mm",LLLL:"dddd, D MMMM YYYY [pukul] HH.mm"},relativeTime:{future:"dalam %s",past:"%s yang lalu",s:"beberapa detik",m:"semenit",mm:"%d menit",h:"sejam",hh:"%d jam",d:"sehari",dd:"%d hari",M:"sebulan",MM:"%d bulan",y:"setahun",yy:"%d tahun"},ordinal:function e(a){return a+"."}};e.locale(a,null,true);export{a as default};
+//# sourceMappingURL=p-67995f7a.js.map

package/dist/calcite/p-6b594619.js

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

package/dist/calcite/p-6cc05e04.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.0
+ */
+import{r as t,c as s,h as e,H as i,g as o}from"./p-81385d5a.js";import{c as a,d as n}from"./p-02c72039.js";import{s as c,b as l,f as h}from"./p-ab70309d.js";import{a as d,s as r,c as p}from"./p-2707e6a4.js";import{c as u,d as f}from"./p-daf0e140.js";import{c as g}from"./p-6b594619.js";import{u as b,c as m,s as x,d as y}from"./p-e5a69dc9.js";import{t as v,q as w,g as j,o as z,E as H,a as A}from"./p-88f9752d.js";import{D as C}from"./p-c39e14b7.js";import{d as D}from"./p-e8d257ca.js";import"./p-d7f93b7a.js";import"./p-31bb0d1f.js";import"./p-1b1f0952.js";import"./p-cc3f503e.js";import"./p-ffeb1425.js";const L={actionGroupEnd:"action-group--end"};const k={actionsEnd:"actions-end",bottomActions:"bottom-actions",expandTooltip:"expand-tooltip"};const G=":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{pointer-events:auto;display:inline-flex;align-self:stretch;gap:var(--calcite-action-bar-items-space, 0)}:host([layout=vertical]){flex-direction:column}:host([layout=vertical]):host([overflow-actions-disabled]){overflow-y:auto}:host([layout=vertical]):host([expanded]){max-inline-size:var(--calcite-action-bar-expanded-max-width, auto)}:host([layout=vertical]) .action-group--end{margin-block-start:auto}:host([layout=vertical]) ::slotted(calcite-action-group:not(:last-of-type)){border-block-end-width:var(--calcite-border-width-sm)}:host([layout=horizontal]){flex-direction:row}:host([layout=horizontal]):host([overflow-actions-disabled]){overflow-x:auto}:host([layout=horizontal]) .action-group--end{margin-inline-start:auto}:host([layout=horizontal]) ::slotted(calcite-action-group:not(:last-of-type)){border-inline-end-width:var(--calcite-border-width-sm)}.action-group--end{justify-content:flex-end}:host([hidden]){display:none}[hidden]{display:none}";const E=G;const S=class{constructor(e){t(this,e);this.calciteActionBarToggle=s(this,"calciteActionBarToggle",6);this.mutationObserver=g("mutation",(()=>{const{el:t,expanded:s}=this;v({el:t,expanded:s});this.overflowActions()}));this.resizeObserver=g("resize",(t=>this.resizeHandlerEntries(t)));this.actionMenuOpenHandler=t=>{if(t.target.menuOpen){const s=t.composedPath();Array.from(this.el.querySelectorAll("calcite-action-group")).forEach((t=>{if(!s.includes(t)){t.menuOpen=false}}))}};this.resizeHandlerEntries=t=>{t.forEach(this.resizeHandler)};this.resizeHandler=t=>{const{width:s,height:e}=t.contentRect;this.resize({width:s,height:e})};this.resize=D((({width:t,height:s})=>{const{el:e,expanded:i,expandDisabled:o,layout:a,overflowActionsDisabled:n}=this;if(n||a==="vertical"&&!s||a==="horizontal"&&!t){return}const c=w(e);const l=o?c.length:c.length+1;const h=Array.from(e.querySelectorAll("calcite-action-group"));this.setGroupLayout(h);const d=this.hasActionsEnd||this.hasBottomActions||!o?h.length+1:h.length;const{actionHeight:r,actionWidth:p}=j(c);const u=A({layout:a,actionCount:l,actionHeight:r,actionWidth:p,height:s,width:t,groupCount:d});z({actionGroups:h,expanded:i,overflowCount:u})}),C.resize);this.toggleExpand=()=>{this.expanded=!this.expanded;this.calciteActionBarToggle.emit()};this.setExpandToggleRef=t=>{this.expandToggleEl=t};this.handleDefaultSlotChange=t=>{const s=c(t).filter((t=>t.matches("calcite-action-group")));this.setGroupLayout(s)};this.handleActionsEndSlotChange=t=>{this.hasActionsEnd=l(t)};this.handleBottomActionsSlotChange=t=>{this.hasBottomActions=l(t)};this.handleTooltipSlotChange=t=>{const s=c(t).filter((t=>t?.matches("calcite-tooltip")));this.expandTooltip=s[0]};this.actionsEndGroupLabel=undefined;this.expandDisabled=false;this.expanded=false;this.layout="vertical";this.overflowActionsDisabled=false;this.overlayPositioning="absolute";this.position=undefined;this.scale=undefined;this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.hasActionsEnd=false;this.hasBottomActions=false;this.expandTooltip=undefined;this.defaultMessages=undefined}expandHandler(){this.overflowActions()}expandedHandler(){const{el:t,expanded:s}=this;v({el:t,expanded:s});this.overflowActions()}layoutHandler(){this.updateGroups()}overflowDisabledHandler(t){if(t){this.resizeObserver?.disconnect();return}this.resizeObserver?.observe(this.el);this.overflowActions()}onMessagesChange(){}effectiveLocaleChange(){b(this,this.effectiveLocale)}componentDidLoad(){const{el:t,expanded:s}=this;d(this);v({el:t,expanded:s});this.overflowActions()}connectedCallback(){const{el:t,expanded:s}=this;u(this);m(this);v({el:t,expanded:s});this.mutationObserver?.observe(t,{childList:true,subtree:true});if(!this.overflowActionsDisabled){this.resizeObserver?.observe(t)}this.overflowActions();a(this)}async componentWillLoad(){r(this);await x(this)}disconnectedCallback(){this.mutationObserver?.disconnect();this.resizeObserver?.disconnect();n(this);f(this);y(this)}async overflowActions(){this.resize({width:this.el.clientWidth,height:this.el.clientHeight})}async setFocus(){await p(this);h(this.el)}updateGroups(){this.setGroupLayout(Array.from(this.el.querySelectorAll("calcite-action-group")))}setGroupLayout(t){t.forEach((t=>t.layout=this.layout))}renderBottomActionGroup(){const{expanded:t,expandDisabled:s,el:i,position:o,toggleExpand:a,scale:n,layout:c,messages:l,actionsEndGroupLabel:h,overlayPositioning:d}=this;const r=!s?e(H,{collapseLabel:l.collapseLabel,collapseText:l.collapse,el:i,expandLabel:l.expandLabel,expandText:l.expand,expanded:t,position:o,ref:this.setExpandToggleRef,scale:n,toggle:a,tooltip:this.expandTooltip}):null;return e("calcite-action-group",{class:L.actionGroupEnd,hidden:this.expandDisabled&&!(this.hasActionsEnd||this.hasBottomActions),label:h,layout:c,overlayPositioning:d,scale:n},e("slot",{name:k.actionsEnd,onSlotchange:this.handleActionsEndSlotChange}),e("slot",{name:k.bottomActions,onSlotchange:this.handleBottomActionsSlotChange}),e("slot",{name:k.expandTooltip,onSlotchange:this.handleTooltipSlotChange}),r)}render(){return e(i,{key:"b0627d0daa2f500a979aaacc8981814284c437ad",onCalciteActionMenuOpen:this.actionMenuOpenHandler},e("slot",{key:"b1831e21404b85f1632d47f280d0357f5897ebc7",onSlotchange:this.handleDefaultSlotChange}),this.renderBottomActionGroup())}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{expandDisabled:["expandHandler"],expanded:["expandedHandler"],layout:["layoutHandler"],overflowActionsDisabled:["overflowDisabledHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};S.style=E;export{S as calcite_action_bar};
+//# sourceMappingURL=p-6cc05e04.entry.js.map

package/dist/calcite/p-6cd57b04.js

@@ -0,0 +1,7 @@
+/*!
+ * 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-next.0
+ */
+import{e}from"./p-81385d5a.js";import{w as o}from"./p-ab70309d.js";const n=e;function r(e){return"opened"in e?e.opened:e.open}function i(e){n((()=>{if(!e.transitionEl){return}o(e.transitionEl,e.openTransitionProp,(()=>{if(r(e)){e.onBeforeOpen()}else{e.onBeforeClose()}}),(()=>{if(r(e)){e.onOpen()}else{e.onClose()}}))}))}export{i as o};
+//# sourceMappingURL=p-6cd57b04.js.map

package/dist/calcite/p-6e48e2c8.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.0
+ */
+import{r as e,c as t,h as i,H as s,g as n}from"./p-81385d5a.js";import{k as a}from"./p-ab70309d.js";import{i as l}from"./p-1b1f0952.js";import{c,u as o,d as r,I as h}from"./p-4df4625f.js";import{g as d}from"./p-e757f62e.js";import"./p-d7f93b7a.js";import"./p-c39e14b7.js";import"./p-31bb0d1f.js";const b={lastVisibleRow:"last-visible-row"};const f=":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{--calcite-internal-table-row-background:var(--calcite-table-row-background, var(--calcite-color-foreground-1));--calcite-internal-table-row-border-color:var(--calcite-table-row-border-color, transparent);display:contents}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) tr{pointer-events:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}tr{border-block-end:1px solid var(--calcite-internal-table-row-border-color);background-color:var(--calcite-internal-table-row-background)}tr.last-visible-row{border-block-end:0}";const u=f;const p=class{constructor(i){e(this,i);this.calciteTableRowSelect=t(this,"calciteTableRowSelect",6);this.calciteInternalTableRowFocusRequest=t(this,"calciteInternalTableRowFocusRequest",6);this.rowCells=[];this.keyDownHandler=e=>{if(this.interactionMode!=="interactive"){return}const t=e.target;const i=e.key;const s=e.ctrlKey;const n=this.rowCells;if(t.matches("calcite-table-cell")||t.matches("calcite-table-header")){switch(i){case"ArrowUp":this.emitTableRowFocusRequest(t.positionInRow,this.positionAll,"previous");e.preventDefault();break;case"ArrowDown":this.emitTableRowFocusRequest(t.positionInRow,this.positionAll,"next");e.preventDefault();break;case"PageUp":this.emitTableRowFocusRequest(t.positionInRow,this.positionAll,"first");e.preventDefault();break;case"PageDown":this.emitTableRowFocusRequest(t.positionInRow,this.positionAll,"last");e.preventDefault();break;case"ArrowLeft":a(n,t,"previous",false);e.preventDefault();break;case"ArrowRight":a(n,t,"next",false);e.preventDefault();break;case"Home":if(s){this.emitTableRowFocusRequest(1,this.positionAll,"first");e.preventDefault()}else{a(n,t,"first",false);e.preventDefault()}break;case"End":if(s){this.emitTableRowFocusRequest(this.rowCells?.length,this.positionAll,"last",true);e.preventDefault()}else{a(n,t,"last",false);e.preventDefault()}break}}};this.emitTableRowFocusRequest=(e,t,i,s)=>{this.calciteInternalTableRowFocusRequest.emit({cellPosition:e,rowPosition:t,destination:i,lastCell:s})};this.updateCells=()=>{const e=this.alignment?this.alignment:this.rowType!=="head"?"center":"start";const t=this.tableRowSlotEl?.assignedElements({flatten:true})?.filter((e=>e.matches("calcite-table-cell")||e.matches("calcite-table-header")));const i=Array.from(this.tableRowEl?.querySelectorAll("calcite-table-header, calcite-table-cell"))?.filter((e=>e.numberCell||e.selectionCell));const s=i?i.concat(t):t;if(s.length>0){s?.forEach(((t,i)=>{t.interactionMode=this.interactionMode;t.lastCell=i===s.length-1;t.parentRowAlignment=e;t.parentRowIsSelected=this.selected;t.parentRowType=this.rowType;t.positionInRow=i+1;t.scale=this.scale;if(t.nodeName==="CALCITE-TABLE-CELL"){t.readCellContentsToAT=this.readCellContentsToAT;t.disabled=this.disabled}}))}this.rowCells=s||[];this.cellCount=s?.length};this.handleSelectionOfRow=()=>{this.calciteTableRowSelect.emit()};this.handleKeyboardSelection=e=>{if(l(e.key)){if(e.key===" "){e.preventDefault()}this.handleSelectionOfRow()}};this.alignment=undefined;this.disabled=false;this.selected=false;this.cellCount=undefined;this.interactionMode="interactive";this.lastVisibleRow=undefined;this.rowType=undefined;this.numbered=false;this.positionSection=undefined;this.positionSectionLocalized=undefined;this.positionAll=undefined;this.readCellContentsToAT=undefined;this.scale=undefined;this.selectionMode="none";this.selectedRowCount=undefined;this.selectedRowCountLocalized=undefined;this.bodyRowCount=undefined;this.effectiveLocale=""}handleCellChanges(){if(this.tableRowEl&&this.rowCells.length>0){this.updateCells()}}handleDelayedCellChanges(){if(this.tableRowEl&&this.rowCells.length>0){requestAnimationFrame((()=>this.updateCells()))}}componentDidLoad(){if(this.tableRowEl&&this.rowCells.length>0){this.updateCells()}}connectedCallback(){c(this)}componentDidRender(){o(this)}disconnectedCallback(){r(this)}calciteInternalTableRowFocusChangeHandler(e){if(e.target.contains(this.el)){const t=e.detail.cellPosition;const i=e.detail.rowPosition;const s=e.detail.destination;const n=e.detail.lastCell;if(i===this.positionAll){if(this.disabled){const e=s==="last"?"previous":s==="first"?"next":s;this.emitTableRowFocusRequest(t,this.positionAll,e);return}const e=n?this.rowCells[this.rowCells.length-1]:this.rowCells?.find(((e,i)=>i+1===t));if(e){e.setFocus()}}}}renderSelectionIcon(){const e=this.selectionMode==="multiple"&&this.selected?"check-square-f":this.selectionMode==="multiple"?"square":this.selected?"circle-f":"circle";return i("calcite-icon",{icon:e,scale:d(this.scale)})}renderSelectableCell(){return this.rowType==="head"?i("calcite-table-header",{alignment:"center",bodyRowCount:this.bodyRowCount,key:"selection-head",onClick:this.selectionMode==="multiple"&&this.handleSelectionOfRow,onKeyDown:this.selectionMode==="multiple"&&this.handleKeyboardSelection,parentRowAlignment:this.alignment,selectedRowCount:this.selectedRowCount,selectedRowCountLocalized:this.selectedRowCountLocalized,selectionCell:true,selectionMode:this.selectionMode}):this.rowType==="body"?i("calcite-table-cell",{alignment:"center",key:"selection-body",onClick:this.handleSelectionOfRow,onKeyDown:this.handleKeyboardSelection,parentRowAlignment:this.alignment,parentRowIsSelected:this.selected,parentRowPositionLocalized:this.positionSectionLocalized,selectionCell:true},this.renderSelectionIcon()):i("calcite-table-cell",{alignment:"center",key:"selection-foot",parentRowAlignment:this.alignment,selectionCell:true})}renderNumberedCell(){return this.rowType==="head"?i("calcite-table-header",{alignment:"center",key:"numbered-head",numberCell:true,parentRowAlignment:this.alignment}):this.rowType==="body"?i("calcite-table-cell",{alignment:"center",key:"numbered-body",numberCell:true,parentRowAlignment:this.alignment},this.positionSectionLocalized):i("calcite-table-cell",{alignment:"center",key:"numbered-foot",numberCell:true,parentRowAlignment:this.alignment})}render(){return i(s,{key:"e87804d55ad11b0bb5bce7e82f46c0893c40d623"},i(h,{key:"22e502f4cecbf8b484bfd33de618f4be3f146c56",disabled:this.disabled},i("tr",{key:"6d266472e85be37383e24ebbc38bc0b272a881c1","aria-disabled":this.disabled,"aria-rowindex":this.positionAll+1,"aria-selected":this.selected,class:{[b.lastVisibleRow]:this.lastVisibleRow},onKeyDown:this.keyDownHandler,ref:e=>this.tableRowEl=e},this.numbered&&this.renderNumberedCell(),this.selectionMode!=="none"&&this.renderSelectableCell(),i("slot",{key:"e481e637b8b2ac107d2eb57ebadf0d09c88da8db",onSlotchange:this.updateCells,ref:e=>this.tableRowSlotEl=e}))))}get el(){return n(this)}static get watchers(){return{bodyRowCount:["handleCellChanges"],scale:["handleCellChanges"],selected:["handleCellChanges"],selectedRowCount:["handleCellChanges"],interactionMode:["handleCellChanges"],numbered:["handleDelayedCellChanges"],selectionMode:["handleDelayedCellChanges"]}}};p.style=u;export{p as calcite_table_row};
+//# sourceMappingURL=p-6e48e2c8.entry.js.map

package/dist/calcite/p-726562e4.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.0
+ */
+import{r as t,c as e,h as i,H as s,g as o}from"./p-81385d5a.js";import{b as a,t as n,e as l,h as r}from"./p-ab70309d.js";import{g as c}from"./p-e757f62e.js";import{s as d,a as h,c as u}from"./p-2707e6a4.js";import{N as m,c as f,d as p}from"./p-daf0e140.js";import{o as g}from"./p-6cd57b04.js";import{c as b,s as v,d as k,u as x}from"./p-e5a69dc9.js";import{K as w}from"./p-803217ef.js";import"./p-d7f93b7a.js";import"./p-c39e14b7.js";import"./p-31bb0d1f.js";import"./p-1b1f0952.js";import"./p-6b594619.js";const y={slow:14e3,medium:1e4,fast:6e3};const z={actionsEnd:"actions-end",title:"title",message:"message",link:"link"};const C={actionsEnd:"actions-end",close:"close",container:"container",containerBottom:"container--bottom",containerBottomEnd:"container--bottom-end",containerBottomStart:"container--bottom-start",containerActive:"container--active",containerTop:"container--top",containerTopEnd:"container--top-end",containerTopStart:"container--top-start",content:"content",contentContainer:"content-container",dismissProgress:"dismiss-progress",footer:"footer",icon:"icon",containerEmbedded:"container--embedded",queueCount:"queue-count",queueCountActive:"queue-count--active",textContainer:"text-container",focused:"focused"};const j=300;class A{constructor(){this.registeredElements=[];this.queueTimeoutId=null}registerElement(t){const{registeredElements:e}=this;if(!e.includes(t)){switch(t.queue){case"immediate":e.unshift(t);break;case"next":e.splice(1,0,t);break;case"last":e.push(t);break}this.updateAlerts()}}unregisterElement(t){const{registeredElements:e}=this;const i=e.indexOf(t);if(i!==-1){e.splice(i,1)}t.active=false;this.updateAlerts()}updateAlerts(){window.clearTimeout(this.queueTimeoutId);this.queueTimeoutId=null;this.registeredElements.forEach(((t,e)=>{t.openAlertCount=this.registeredElements.length;if(e===0){this.queueTimeoutId=window.setTimeout((()=>t.active=true),j)}else{t.active=false}}))}}const q=':host{--calcite-alert-edge-distance:2rem;--calcite-alert-dismiss-progress-background:var(--calcite-color-transparent-tint);display:block}.container{pointer-events:none;position:fixed;z-index:var(--calcite-z-index-toast);margin-inline:auto;margin-block:0px;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:min-content;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);text-align:start;opacity:0;--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);border-block-start:0 solid transparent;border-inline:1px solid var(--calcite-color-border-3);border-block-end:1px solid var(--calcite-color-border-3);inline-size:var(--calcite-alert-width);max-inline-size:calc(100% - var(--calcite-alert-edge-distance) * 2);transition:opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}.container--bottom,.container--top{inset-inline-end:0;inset-inline-start:0}.container[class*=bottom]{transform:translate3d(0, var(--calcite-alert-edge-distance), 0);inset-block-end:var(--calcite-alert-edge-distance)}.container[class*=top]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);inset-block-start:var(--calcite-alert-edge-distance)}.container[class*=start]{inset-inline-start:var(--calcite-alert-edge-distance);inset-inline-end:auto}.container[class*=end]{inset-inline-end:var(--calcite-alert-edge-distance);inset-inline-start:auto}.icon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0px;margin-block:auto;margin-inline-end:auto;padding-inline-start:var(--calcite-alert-spacing-token-large)}.close{display:flex;cursor:pointer;align-items:center;justify-content:flex-end;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;-webkit-appearance:none;padding:var(--calcite-alert-spacing-token-large);outline-color:transparent}.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:hover,.close:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.close:active{background-color:var(--calcite-color-foreground-3)}.queue-count{visibility:hidden;display:flex;min-inline-size:min-content;cursor:default;align-items:center;justify-content:space-around;align-self:stretch;overflow:hidden;background-color:var(--calcite-color-foreground-1);text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2);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;border-inline:0 solid transparent;border-start-end-radius:0}.queue-count--active{visibility:visible;opacity:1}.dismiss-progress{position:absolute;display:block;inline-size:100%;overflow:hidden;inset-inline:0;inset-block-start:-2px;block-size:2px;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.dismiss-progress::after{position:absolute;inset-block-start:0px;display:block;block-size:2px;content:"";background-color:var(--calcite-alert-dismiss-progress-background);inset-inline-end:0}.actions-end{display:flex;align-self:stretch}.text-container{box-sizing:border-box;display:flex;min-inline-size:0px;flex:1 1 auto;flex-direction:column;overflow-wrap:break-word;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:var(--calcite-alert-spacing-token-large) var(--calcite-alert-spacing-token-small)}.footer{position:relative;display:flex;inline-size:auto;justify-content:flex-end;align-self:stretch;padding-block-start:1px;block-size:inherit}:host([scale=s]){--calcite-alert-width:40em;--calcite-alert-spacing-token-small:0.5rem;--calcite-alert-spacing-token-large:0.75rem;--calcite-alert-footer-height:2rem;--calcite-alert-footer-divider-gap:0.125rem}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .queue-count{margin-inline:0.5rem}:host([scale=s]) .container{--calcite-alert-min-height:3.5rem}:host([scale=m]){--calcite-alert-width:50em;--calcite-alert-spacing-token-small:0.75rem;--calcite-alert-spacing-token-large:1rem;--calcite-alert-footer-height:3rem;--calcite-alert-footer-divider-gap:0.25rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .queue-count{margin-inline:0.75rem}:host([scale=m]) .container{--calcite-alert-min-height:4.1875rem}:host([scale=l]){--calcite-alert-width:60em;--calcite-alert-spacing-token-small:1rem;--calcite-alert-spacing-token-large:1.25rem;--calcite-alert-footer-height:4rem;--calcite-alert-footer-divider-gap:0.5rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){margin-block-end:0.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .queue-count{margin-inline:1rem}:host([scale=l]) .container{--calcite-alert-min-height:5.625rem}:host([open]) .container--active{border-block-start-width:2px;opacity:1;pointer-events:initial}:host([open]) .container--active[class*=bottom]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit)}:host([open]) .container--active[class*=top]{transform:translate3d(0, var(--calcite-alert-edge-distance), inherit)}:host([auto-close])>.queue-count{border-inline-end:0 solid transparent}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){margin:0px;display:inline;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);margin-inline-end:0.5rem}slot[name=link]::slotted(*),*::slotted([slot=link]){display:inline-flex;color:var(--calcite-color-text-link)}:host([kind=brand]) .container{border-block-start-color:var(--calcite-color-brand)}:host([kind=brand]) .container .icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-block-start-color:var(--calcite-color-status-info)}:host([kind=info]) .container .icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-block-start-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-block-start-color:var(--calcite-color-status-success)}:host([kind=success]) .container .icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-block-start-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .icon{color:var(--calcite-color-status-warning)}:host([auto-close-duration=fast]) .dismiss-progress:after{animation:dismissProgress 6000ms ease-out}:host(:hover[auto-close-duration=fast]) .dismiss-progress:after,:host(:focus[auto-close-duration=fast]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=medium]) .dismiss-progress:after{animation:dismissProgress 10000ms ease-out}:host(:hover[auto-close-duration=medium]) .dismiss-progress:after,:host(:focus[auto-close-duration=medium]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=slow]) .dismiss-progress:after{animation:dismissProgress 14000ms ease-out}:host(:hover[auto-close-duration=slow]) .dismiss-progress:after,:host(:focus[auto-close-duration=slow]) .dismiss-progress:after{animation-play-state:paused}.container.focused .dismiss-progress::after{animation-play-state:paused}@keyframes dismissProgress{0%{inline-size:0px;opacity:0.75}100%{inline-size:100%;opacity:1}}.container--embedded{position:absolute}:host([hidden]){display:none}[hidden]{display:none}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}';const D=q;const E=new A;const S=class{constructor(i){t(this,i);this.calciteAlertBeforeClose=e(this,"calciteAlertBeforeClose",6);this.calciteAlertClose=e(this,"calciteAlertClose",6);this.calciteAlertBeforeOpen=e(this,"calciteAlertBeforeOpen",6);this.calciteAlertOpen=e(this,"calciteAlertOpen",6);this.handleKeyBoardFocus=()=>{this.isFocused=true;this.handleFocus()};this.handleKeyBoardBlur=()=>{this.isFocused=false;if(!this.isHovered){this.handleBlur()}};this.autoCloseTimeoutId=null;this.totalOpenTime=0;this.totalHoverTime=0;this.openTransitionProp="opacity";this.setTransitionEl=t=>{this.transitionEl=t};this.closeAlert=()=>{this.open=false;this.clearAutoCloseTimeout()};this.actionsEndSlotChangeHandler=t=>{this.hasEndActions=a(t)};this.handleMouseOver=()=>{this.isHovered=true;this.handleFocus()};this.handleMouseLeave=()=>{this.isHovered=false;if(!this.isFocused){this.handleBlur()}};this.handleFocus=()=>{this.clearAutoCloseTimeout();this.totalOpenTime=Date.now()-this.initialOpenTime;this.lastMouseOverBegin=Date.now()};this.handleBlur=()=>{const t=Date.now()-this.lastMouseOverBegin;const e=y[this.autoCloseDuration]-this.totalOpenTime+this.totalHoverTime;this.totalHoverTime=this.totalHoverTime?t+this.totalHoverTime:t;this.autoCloseTimeoutId=window.setTimeout((()=>this.closeAlert()),e)};this.active=false;this.openAlertCount=0;this.open=false;this.autoClose=false;this.autoCloseDuration="medium";this.embedded=false;this.kind="brand";this.icon=undefined;this.iconFlipRtl=false;this.label=undefined;this.numberingSystem=undefined;this.placement="bottom";this.scale="m";this.messages=undefined;this.messageOverrides=undefined;this.queue="last";this.defaultMessages=undefined;this.effectiveLocale="";this.numberStringFormatter=new m;this.hasEndActions=false;this.isFocused=false}handleActiveChange(){this.clearAutoCloseTimeout();if(this.active&&this.autoClose&&!this.autoCloseTimeoutId){this.initialOpenTime=Date.now();this.autoCloseTimeoutId=window.setTimeout((()=>this.closeAlert()),y[this.autoCloseDuration])}}openHandler(){g(this);if(this.open){E.registerElement(this.el)}else{E.unregisterElement(this.el)}}updateDuration(){if(this.autoClose&&this.autoCloseTimeoutId){this.clearAutoCloseTimeout();this.autoCloseTimeoutId=window.setTimeout((()=>this.closeAlert()),y[this.autoCloseDuration])}}onMessagesChange(){}handleQueueChange(){if(this.open){E.unregisterElement(this.el);E.registerElement(this.el)}}connectedCallback(){f(this);b(this);const t=this.open;if(t){E.registerElement(this.el)}this.numberStringFormatter.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"always"}}async componentWillLoad(){d(this);await v(this);if(this.open){g(this)}}componentDidLoad(){h(this)}disconnectedCallback(){E.unregisterElement(this.el);this.clearAutoCloseTimeout();p(this);k(this);this.embedded=false}render(){const{open:t,autoClose:e,label:o,placement:a,active:l,openAlertCount:c}=this;const d=e?"alert":"alertdialog";const h=!t;const u=r(w,this.icon,this.kind);const m=c>1;return i(s,{key:"925efaa1db32fd70f778106456e1dbb11d5a33b1","aria-hidden":n(h),"aria-label":o,"calcite-hydrated-hidden":h,role:d},i("div",{key:"fc92bdb0f32f2e5461144fcc95d4cf77f1f1c916",class:{[C.container]:true,[C.containerActive]:l,[`${C.container}--${a}`]:true,[C.containerEmbedded]:this.embedded,[C.focused]:this.isFocused},onPointerEnter:this.autoClose&&this.autoCloseTimeoutId?this.handleMouseOver:null,onPointerLeave:this.autoClose?this.handleMouseLeave:null,ref:this.setTransitionEl},u&&this.renderIcon(u),i("div",{key:"52fe536e5f4feb0714431c5a46e0a0a2dbf27110",class:C.textContainer,onFocusin:this.autoClose&&this.autoCloseTimeoutId?this.handleKeyBoardFocus:null,onFocusout:this.autoClose?this.handleKeyBoardBlur:null},i("slot",{key:"6037f775c962ba14084e8ec8b86c7a177fef037f",name:z.title}),i("slot",{key:"736344f5602889a2a4a8fc0d22963b827a41519a",name:z.message}),i("slot",{key:"8eea607803b78c9ff554682bb36fbea3e1693d6e",name:z.link})),this.renderActionsEnd(),m?this.renderQueueCount():null,this.renderCloseButton(),t&&l&&e?i("div",{class:C.dismissProgress}):null))}renderCloseButton(){return i("button",{"aria-label":this.messages.close,class:C.close,key:"close",onClick:this.closeAlert,onFocusin:this.autoClose?this.handleKeyBoardFocus:null,onFocusout:this.autoClose?this.handleKeyBoardBlur:null,ref:t=>this.closeButton=t,type:"button"},i("calcite-icon",{icon:"x",scale:c(this.scale)}))}renderQueueCount(){const{openAlertCount:t}=this;const e=t>2?t-1:1;const s=this.numberStringFormatter.numberFormatter.format(e);return i("div",{class:{[C.queueCount]:true,[C.queueCountActive]:t>1},key:"queue-count"},i("calcite-chip",{scale:this.scale,value:s},s))}renderActionsEnd(){return i("div",{class:C.actionsEnd},i("slot",{name:z.actionsEnd,onSlotchange:this.actionsEndSlotChangeHandler}))}renderIcon(t){return i("div",{class:C.icon},i("calcite-icon",{flipRtl:this.iconFlipRtl,icon:t,scale:c(this.scale)}))}async setFocus(){await u(this);const t=l(this.el,{selector:"calcite-link"});if(!this.closeButton&&!t){return}else if(t){return t.setFocus()}else if(this.closeButton){this.closeButton.focus()}}effectiveLocaleChange(){x(this,this.effectiveLocale);this.numberStringFormatter.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"always"}}numberingSystemChange(){this.numberStringFormatter.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"always"}}clearAutoCloseTimeout(){window.clearTimeout(this.autoCloseTimeoutId);this.autoCloseTimeoutId=null}onBeforeOpen(){this.calciteAlertBeforeOpen.emit()}onOpen(){this.calciteAlertOpen.emit()}onBeforeClose(){this.calciteAlertBeforeClose.emit()}onClose(){this.calciteAlertClose.emit()}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{active:["handleActiveChange"],open:["openHandler"],autoCloseDuration:["updateDuration"],messageOverrides:["onMessagesChange"],queue:["handleQueueChange"],effectiveLocale:["effectiveLocaleChange"],numberingSystem:["numberingSystemChange"]}}};S.style=D;export{S as calcite_alert};
+//# sourceMappingURL=p-726562e4.entry.js.map

package/dist/calcite/p-73b5647f.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.0
+ */
+import{r as t,c as i,h as a,H as s,g as e}from"./p-81385d5a.js";import{c as n}from"./p-6b594619.js";import{t as o}from"./p-ab70309d.js";import{s as l,a as c,c as r}from"./p-2707e6a4.js";import{V as h}from"./p-759b0284.js";import"./p-31bb0d1f.js";import"./p-d7f93b7a.js";import"./p-c39e14b7.js";const d={itemWrapper:"item-wrapper"};const p={validationMessage:"radioButtonGroupValidationMessage"};const u=":host{display:flex;flex-direction:column}:host>.item-wrapper{display:flex;max-inline-size:100vw}:host([layout=horizontal])>.item-wrapper{flex-direction:row;flex-wrap:wrap}:host([layout=horizontal][scale=s])>.item-wrapper{column-gap:1rem}:host([layout=horizontal][scale=m])>.item-wrapper{column-gap:1.25rem}:host([layout=horizontal][scale=l])>.item-wrapper{column-gap:1.5rem}:host([layout=vertical])>.item-wrapper{flex-direction:column;inline-size:-moz-fit-content;inline-size:fit-content}:host([scale=s]) calcite-input-message{--calcite-input-message-spacing-value:calc(var(--calcite-spacing-xxs) * -1)}:host([scale=m]) calcite-input-message{--calcite-input-message-spacing-value:calc(var(--calcite-spacing-sm) * -1)}:host([scale=l]) calcite-input-message{--calcite-input-message-spacing-value:calc(var(--calcite-spacing-md) * -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 m=u;const g=class{constructor(a){t(this,a);this.calciteRadioButtonGroupChange=i(this,"calciteRadioButtonGroupChange",6);this.mutationObserver=n("mutation",(()=>this.passPropsToRadioButtons()));this.passPropsToRadioButtons=()=>{this.radioButtons=Array.from(this.el.querySelectorAll("calcite-radio-button"));this.selectedItem=Array.from(this.radioButtons).find((t=>t.checked))||null;if(this.radioButtons.length>0){this.radioButtons.forEach((t=>{t.disabled=this.disabled||t.disabled;t.hidden=this.el.hidden;t.name=this.name;t.required=this.required;t.scale=this.scale}))}};this.disabled=false;this.layout="horizontal";this.name=undefined;this.required=false;this.selectedItem=null;this.scale="m";this.status="idle";this.validationMessage=undefined;this.validationIcon=undefined;this.radioButtons=[]}handleHiddenChange(){this.passPropsToRadioButtons()}onDisabledChange(){this.passPropsToRadioButtons()}onLayoutChange(){this.passPropsToRadioButtons()}onScaleChange(){this.passPropsToRadioButtons()}connectedCallback(){this.passPropsToRadioButtons();this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}componentWillLoad(){l(this)}componentDidLoad(){c(this)}disconnectedCallback(){this.mutationObserver?.disconnect()}getFocusableRadioButton(){return this.radioButtons.find((t=>!t.disabled))??null}async setFocus(){await r(this);if(this.selectedItem&&!this.selectedItem.disabled){return this.selectedItem.setFocus()}if(this.radioButtons.length>0){return this.getFocusableRadioButton()?.setFocus()}}radioButtonChangeHandler(t){this.selectedItem=t.target;this.calciteRadioButtonGroupChange.emit()}render(){return a(s,{key:"9a30f9b99f3f7dd6b237d951f71eac2cce3b595f",role:"radiogroup"},a("div",{key:"8e6e1498148c9d25c039e72b73bd3987c782af64","aria-errormessage":p.validationMessage,"aria-invalid":o(this.status==="invalid"),class:d.itemWrapper},a("slot",{key:"8b7a7b9c32e10a15f40495972d4f0b46726f22dc"})),this.validationMessage&&this.status==="invalid"?a(h,{icon:this.validationIcon,id:p.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null)}get el(){return e(this)}static get watchers(){return{hidden:["handleHiddenChange"],disabled:["onDisabledChange"],layout:["onLayoutChange"],scale:["onScaleChange"]}}};g.style=m;export{g as calcite_radio_button_group};
+//# sourceMappingURL=p-73b5647f.entry.js.map

package/dist/calcite/p-759b0284.js

@@ -0,0 +1,7 @@
+/*!
+ * 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-next.0
+ */
+import{h as a}from"./p-81385d5a.js";const i={validationContainer:"validation-container"};const s=({scale:s,status:t,id:e,icon:o,message:n})=>a("div",{class:i.validationContainer},a("calcite-input-message",{"aria-live":"polite",icon:o,id:e,scale:s,status:t},n));export{s as V};
+//# sourceMappingURL=p-759b0284.js.map

package/dist/calcite/p-768e887d.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.0
+ */
+import{r as e,c as i,h as t,H as c,g as a}from"./p-81385d5a.js";import{b as n,t as s}from"./p-ab70309d.js";import{a as l,s as o,c as r}from"./p-2707e6a4.js";import{u as d,c as p,d as h,s as g}from"./p-e5a69dc9.js";import{c as m,u as v,d as u,I as f}from"./p-4df4625f.js";import{c as b,d as x}from"./p-daf0e140.js";import{i as k}from"./p-1b1f0952.js";import{g as y}from"./p-e757f62e.js";import{i as z}from"./p-31bb0d1f.js";import"./p-d7f93b7a.js";import"./p-c39e14b7.js";import"./p-6b594619.js";const w={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 C={image:"image"};const j={close:"x",checkedSingle:"circle-f",uncheckedMultiple:"square",checkedMultiple:"check-square-f"};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}.container,.select-icon,.title{padding-inline-start:var(--calcite-internal-chip-padding-start);padding-inline-end:var(--calcite-internal-chip-padding-end)}.select-icon:not(.select-icon--active){padding-inline:0}:host([scale=s]){block-size:1.5rem;font-size:var(--calcite-font-size--2);--calcite-chip-spacing-s-internal:0.25rem;--calcite-chip-spacing-l-internal:0.5rem}:host([scale=s]) .close,:host([scale=s]) .select-icon--active{block-size:1rem;inline-size:1rem}:host([scale=s]) .image-container{block-size:1.25rem;inline-size:1.25rem}:host([scale=s]) .container.is-circle,:host([scale=s]) .container.is-circle.image--slotted{block-size:1.5rem;inline-size:1.5rem;--calcite-internal-chip-padding-start:var(--calcite-spacing-px);--calcite-internal-chip-padding-end:var(--calcite-spacing-px)}:host([scale=s]) .multiple .select-icon{--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=s]) .multiple.image--slotted .select-icon{--calcite-internal-chip-padding-start:var(--calcite-spacing-xs);--calcite-internal-chip-padding-end:var(--calcite-spacing-sm)}:host([scale=s]) .multiple.image--slotted.text--slotted{--calcite-internal-chip-padding-start:var(--calcite-spacing-px);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=s]) .container{--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=s]) .container.image--slotted{--calcite-internal-chip-padding-start:var(--calcite-spacing-px);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=s]) .container.image--slotted.closable{--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=s]) .container:not(.is-circle):not(.multiple):not(.image-slotted) .select-icon.select-icon--active{padding-inline-start:0;padding-inline-end:var(--calcite-spacing-xs)}:host([scale=s]) .container:not(.is-circle):not(.multiple).image--slotted .select-icon.select-icon--active{padding-inline-start:var(--calcite-spacing-base);padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s][closable]) .container{--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=m]){block-size:2rem;font-size:var(--calcite-font-size--1);--calcite-chip-spacing-s-internal:0.375rem;--calcite-chip-spacing-l-internal:0.5rem}:host([scale=m]) .close,:host([scale=m]) .image-container,:host([scale=m]) .select-icon--active{block-size:1.5rem;inline-size:1.5rem;--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=m]) .container.is-circle,:host([scale=m]) .container.is-circle.image--slotted{block-size:2rem;inline-size:2rem;--calcite-internal-chip-padding-start:var(--calcite-spacing-px);--calcite-internal-chip-padding-end:var(--calcite-spacing-px)}:host([scale=m]) .multiple .select-icon{--calcite-internal-chip-padding-start:var(--calcite-spacing-base);--calcite-internal-chip-padding-end:var(--calcite-spacing-base)}:host([scale=m]) .multiple.image--slotted .select-icon{--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-sm)}:host([scale=m]) .multiple.image--slotted.text--slotted{--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xs)}:host([scale=m]) .container{--calcite-internal-chip-padding-start:var(--calcite-spacing-xs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xs)}:host([scale=m]) .container.image--slotted{--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xs)}:host([scale=m]) .container.image--slotted.closable{--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=m]) .container:not(.is-circle):not(.multiple):not(.image-slotted) .select-icon.select-icon--active{padding-inline-start:0;padding-inline-end:var(--calcite-spacing-px)}:host([scale=m]) .container:not(.is-circle):not(.multiple).image--slotted .select-icon.select-icon--active{padding-inline-start:0;padding-inline-end:var(--calcite-spacing-sm)}:host([scale=m][closable]) .container{--calcite-internal-chip-padding-start:var(--calcite-spacing-xs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=l]){block-size:2.75rem;font-size:var(--calcite-font-size-0);--calcite-chip-spacing-s-internal:0.5rem;--calcite-chip-spacing-l-internal:0.75rem}:host([scale=l]) .image-container,:host([scale=l]) .close,:host([scale=l]) .select-icon--active{block-size:2rem;inline-size:2rem;--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=l]) .container.is-circle,:host([scale=l]) .container.is-circle.image--slotted{block-size:2.75rem;inline-size:2.75rem;--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=l]) .multiple .select-icon{--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=l]) .multiple.image--slotted .select-icon{--calcite-internal-chip-padding-start:var(--calcite-spacing-xs);--calcite-internal-chip-padding-end:var(--calcite-spacing-md)}:host([scale=l]) .container{--calcite-internal-chip-padding-start:var(--calcite-spacing-sm);--calcite-internal-chip-padding-end:var(--calcite-spacing-sm)}:host([scale=l]) .container.image--slotted{--calcite-internal-chip-padding-start:var(--calcite-spacing-xs);--calcite-internal-chip-padding-end:var(--calcite-spacing-sm)}:host([scale=l]) .container.image--slotted.closable{--calcite-internal-chip-padding-start:var(--calcite-spacing-xs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xs)}:host([scale=l]) .container:not(.is-circle):not(.multiple):not(.image-slotted) .select-icon.select-icon--active{padding-inline-start:0;padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=l]) .container:not(.is-circle):not(.multiple).image--slotted .select-icon.select-icon--active{padding-inline-start:0;padding-inline-end:var(--calcite-spacing-md)}:host([scale=l][closable]) .container{--calcite-internal-chip-padding-start:var(--calcite-spacing-sm);--calcite-internal-chip-padding-end:var(--calcite-spacing-xs)}:host{display:inline-flex;cursor:default;border-radius:9999px}.container{box-sizing:border-box;display:inline-flex;block-size:100%;max-inline-size:100%;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-1);font-weight:var(--calcite-font-weight-medium);outline-color:transparent}.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          )}:host([scale=s]) .container.selectable.single.image--slotted{--calcite-internal-chip-padding-end:calc(0.125rem / 2)}:host([scale=s]) .container:not(.selected):not(.multiple).image--slotted{--calcite-internal-chip-padding-start:calc(0.125rem / 2)}.container.text--slotted .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--calcite-internal-chip-padding-start:var(--calcite-chip-spacing-s-internal);--calcite-internal-chip-padding-end:var(--calcite-chip-spacing-s-internal)}.container:not(.text--slotted) .title{display:none}.container:not(.image--slotted) .image-container{display:none}.container:not(.is-circle).image--slotted .image-container{margin-inline-end:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle).image--slotted .image-container~.chip-icon{margin-inline-start:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle).selectable:not(.text--slotted) .chip-icon{margin-inline-end:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle):not(.selectable):not(.text--slotted) .chip-icon{margin-inline-start:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle):not(.text--slotted) .chip-icon{margin-inline-end:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle):not(.text-slotted).image--slotted .image-container{margin-inline-end:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle):not(.closable):not(.text--slotted).image--slotted.selectable .image-container{margin-inline-end:0}.container:not(.is-circle):not(.closable):not(.text--slotted).image--slotted.selectable .image-container~.chip-icon{margin-inline-start:calc(var(--calcite-chip-spacing-s-internal) * 2)}.chip-icon{position:relative;margin-block:0px;display:inline-flex;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline:var(--calcite-chip-spacing-s-internal)}.image-container{display:inline-flex;overflow:hidden;align-items:center;justify-content:center;pointer-events:none}.close{margin:0px;cursor:pointer;align-items:center;border-style:none;background-color:transparent;color:var(--calcite-color-text-1);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;border-radius:50%;align-content:center;justify-content:center;--calcite-chip-transparent-hover:var(--calcite-color-transparent-hover);--calcite-chip-transparent-press:var(--calcite-color-transparent-press);--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}.close:hover{background-color:var(--calcite-chip-transparent-hover)}.close:focus{background-color:var(--calcite-chip-transparent-hover);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-chip-transparent-press)}.close calcite-icon{color:inherit}.select-icon{align-self:center;justify-content:center;align-items:center;display:flex;inset-block-start:-1px;position:relative;visibility:hidden;inline-size:0;opacity:0;transition:opacity 0.15s ease-in-out, inline-size 0.15s ease-in-out}.select-icon.select-icon--active{visibility:visible;opacity:0.5}:host([selected]) .select-icon{opacity:1}.container:hover .select-icon--active{opacity:1}.multiple .select-icon{display:flex;align-items:center;justify-content:center}slot[name=image]::slotted(*){display:flex;block-size:100%;inline-size:100%;overflow:hidden;border-radius:50%}:host([kind=neutral]){background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}:host([kind=neutral]) .container{border-color:transparent}:host([kind=neutral]) .close{color:var(--calcite-color-text-3)}:host([kind=inverse]){background-color:var(--calcite-color-inverse);color:var(--calcite-color-text-inverse)}:host([kind=inverse]) .container{border-color:transparent}:host([kind=inverse]) .close{color:var(--calcite-color-text-inverse)}:host([kind=brand]){background-color:var(--calcite-color-brand);color:var(--calcite-color-text-inverse)}:host([kind=brand]) .container{border-color:transparent}:host([kind=brand]) .close{color:var(--calcite-color-text-inverse)}:host([appearance=outline-fill]),:host([appearance=outline]){background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1)}:host([appearance=outline-fill]) .close,:host([appearance=outline]) .close{color:var(--calcite-color-text-3)}:host([appearance=outline-fill]){background-color:var(--calcite-color-foreground-1)}:host([appearance=outline]){background-color:transparent}:host([kind=neutral][appearance=outline-fill]) .container,:host([kind=neutral][appearance=outline]) .container{border-color:var(--calcite-color-border-1)}:host([kind=inverse][appearance=outline-fill]) .container,:host([kind=inverse][appearance=outline]) .container{border-color:var(--calcite-color-border-inverse)}:host([kind=brand][appearance=outline-fill]) .container,:host([kind=brand][appearance=outline]) .container{border-color:var(--calcite-color-brand)}:host([kind=brand][appearance=solid]) button,:host([kind=inverse][appearance=solid]) button{outline-color:var(--calcite-color-text-inverse)}:host([closed]){display:none}: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 S=I;const L=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(k(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(){d(this,this.effectiveLocale)}connectedCallback(){m(this);b(this);p(this)}componentDidLoad(){l(this);if(this.selectionMode!=="none"&&this.interactive&&this.selected){this.handleSelectionPropertyChange(this.selected)}}componentDidRender(){v(this)}disconnectedCallback(){u(this);x(this);h(this)}async componentWillLoad(){o(this);if(z()){await g(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:w.imageContainer},t("slot",{name:C.image,onSlotchange:this.handleSlotImageChange}))}renderSelectionIcon(){const e=this.selectionMode==="multiple"?this.selected?j.checkedMultiple:j.uncheckedMultiple:this.selected?j.checkedSingle:undefined;return t("div",{class:{[w.selectIcon]:true,[w.selectIconActive]:this.selectionMode==="multiple"||this.selected}},e?t("calcite-icon",{icon:e,scale:y(this.scale)}):null)}renderCloseButton(){return t("button",{"aria-label":this.messages.dismissLabel,class:w.close,onClick:this.close,onKeyDown:this.closeButtonKeyDownHandler,ref:e=>this.closeButtonEl=e,tabIndex:this.disabled?-1:0},t("calcite-icon",{icon:j.close,scale:y(this.scale)}))}renderIcon(){return t("calcite-icon",{class:w.chipIcon,flipRtl:this.iconFlipRtl,icon:this.icon,scale:y(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:"6d76da5a2ae7a51ceffa4d1ca67d2f610b900a1c"},t(f,{key:"fd0190d60cffb6d0f564a91f55b0e4f69663fb5b",disabled:e},t("div",{key:"825b342318201ee13735f9b6e830f26b0fb4e137","aria-checked":this.selectionMode!=="none"&&this.interactive?s(this.selected):undefined,"aria-disabled":i?s(e):undefined,"aria-label":this.label,class:{[w.container]:true,[w.textSlotted]:this.hasText,[w.imageSlotted]:this.hasImage,[w.selectable]:this.selectionMode!=="none",[w.multiple]:this.selectionMode==="multiple",[w.single]:this.selectionMode==="single"||this.selectionMode==="single-persist",[w.selected]:this.selected,[w.closable]:this.closable,[w.nonInteractive]:!this.interactive,[w.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:"0b3d668d66e359ecc3690ad87033e7e49a9250ef",class:w.title},t("slot",{key:"ff1af06039b94df6108f5e371e23ad9debfd388e",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"]}}};L.style=S;export{L as calcite_chip};
+//# sourceMappingURL=p-768e887d.entry.js.map