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

package/dist/calcite/p-a066ce03.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{r as e,c as t,h as i,H as n,g as a}from"./p-e7104b8d.js";import{c as o,d as c}from"./p-dcecb4a0.js";import{b as s,f as r,e as l,t as d}from"./p-27ab49c7.js";import{c as h,d as g,u as p,I as u}from"./p-8f8cbbc7.js";import{c as f,d as b}from"./p-29c291d1.js";import{u as m,c as v,d as x,s as y}from"./p-c60c7e01.js";import{H as k}from"./p-a9cce7b0.js";import{c as w,s as C,a as z}from"./p-5b45eef3.js";import{o as j}from"./p-78673acb.js";import{i as S}from"./p-c473b37c.js";import"./p-9a2f96d2.js";import"./p-3c4fe54e.js";import"./p-6f580f9d.js";import"./p-56bab01f.js";const _={content:"content",toggle:"toggle",header:"header"};const L={actionsEnd:"actions-end",button:"button",container:"container",content:"content",contentStart:"content-start",controlContainer:"control-container",description:"description",header:"header",headerContainer:"header-container",headerHasText:"header--has-text",heading:"heading",icon:"icon",iconStart:"icon--start",iconEnd:"icon--end",iconEndContainer:"icon-end-container",invalid:"invalid",statusIcon:"status-icon",summary:"summary",title:"title",toggle:"toggle",toggleIcon:"toggle-icon",valid:"valid"};const B={actionsEnd:"actions-end",contentStart:"content-start",control:"control",headerMenuActions:"header-menu-actions",icon:"icon"};const I={opened:"chevron-up",closed:"chevron-down",valid:"check-circle",invalid:"exclamation-mark-triangle"};const D=':host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-shrink:0;flex-grow:0;flex-direction:column;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding:0px;transition-property:margin;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-timing-function:cubic-bezier(0.215, 0.440, 0.420, 0.880);flex-basis:auto;transition-duration:var(--calcite-animation-timing)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{justify-content:flex-start}.header--has-text{padding:var(--calcite-spacing-md)}.header,.toggle{grid-area:header}.header-container{display:grid;align-items:stretch;grid-template:auto/auto 1fr auto auto;grid-template-areas:"handle header control menu actions-end";grid-column:header-start/actions-end;grid-row:1/2}.content-start,.icon,.icon--start,.icon--end{margin-inline-end:var(--calcite-spacing-md)}.icon calcite-loader{margin-inline-end:var(--calcite-spacing-xxxs)}.icon--start,.icon--end{color:var(--calcite-color-text-3)}.actions-end{grid-area:actions-end}.toggle{margin:0px;display:flex;cursor:pointer;flex-wrap:nowrap;align-items:center;justify-content:space-between;border-style:none;padding:0px;font-family:var(--calcite-font-family);outline-color:transparent;text-align:initial;background-color:transparent}.toggle:hover{background-color:var(--calcite-color-foreground-2)}.toggle: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          )}calcite-loader[inline]{grid-area:control;align-self:center}calcite-handle{grid-area:handle}.title{margin:0px}.header .title .heading{padding:0px;font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-medium);line-height:1.25;color:var(--calcite-color-text-2);transition-property:color;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);word-wrap:break-word;word-break:break-word}.description{margin-block-start:0.125rem;padding:0px;font-size:var(--calcite-font-size--2);line-height:1.375;color:var(--calcite-color-text-3);word-wrap:break-word;word-break:break-word}.icon{display:flex}.status-icon.valid{color:var(--calcite-color-status-success)}.status-icon.invalid{color:var(--calcite-color-status-danger)}@keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}.icon-end-container{display:flex;align-items:center;margin-inline-start:auto}.toggle-icon{align-self:center;justify-self:end;color:var(--calcite-color-text-3);transition-property:color;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline-end:var(--calcite-spacing-md)}.toggle:hover .toggle-icon{color:var(--calcite-color-text-1)}.container{position:relative;display:flex;block-size:100%;flex-direction:column}.content{position:relative;min-block-size:0px;flex:1 1 0%}@keyframes in{0%{opacity:0}100%{opacity:1}}.content{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;padding-block:var(--calcite-block-padding, var(--calcite-spacing-sm));padding-inline:var(--calcite-block-padding, var(--calcite-spacing-md))}.content-start{display:flex;align-items:center;color:var(--calcite-color-text-3)}.control-container{margin:0px;display:flex;grid-area:control}calcite-action-menu{grid-area:menu}.actions-end{display:flex;align-items:stretch}:host([open]){margin-block:0.5rem}:host([open]) .header .title .heading{color:var(--calcite-color-text-1)}:host([hidden]){display:none}[hidden]{display:none}';const H=D;const O=class{constructor(i){e(this,i);this.calciteBlockBeforeClose=t(this,"calciteBlockBeforeClose",6);this.calciteBlockBeforeOpen=t(this,"calciteBlockBeforeOpen",6);this.calciteBlockClose=t(this,"calciteBlockClose",6);this.calciteBlockOpen=t(this,"calciteBlockOpen",6);this.calciteBlockToggle=t(this,"calciteBlockToggle",6);this.openTransitionProp="margin-top";this.onHeaderClick=()=>{this.open=!this.open;this.calciteBlockToggle.emit()};this.actionsEndSlotChangeHandler=e=>{this.hasEndActions=s(e)};this.handleContentStartSlotChange=e=>{this.hasContentStart=s(e)};this.collapsible=false;this.disabled=false;this.dragHandle=false;this.heading=undefined;this.headingLevel=undefined;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.loading=false;this.open=false;this.status=undefined;this.description=undefined;this.messages=undefined;this.messageOverrides=undefined;this.overlayPositioning="absolute";this.defaultMessages=undefined;this.effectiveLocale=undefined;this.hasContentStart=false;this.hasEndActions=false}openHandler(){j(this)}onMessagesChange(){}async setFocus(){await w(this);r(this.el)}onBeforeOpen(){this.calciteBlockBeforeOpen.emit()}onOpen(){this.calciteBlockOpen.emit()}onBeforeClose(){this.calciteBlockBeforeClose.emit()}onClose(){this.calciteBlockClose.emit()}effectiveLocaleChange(){m(this,this.effectiveLocale)}connectedCallback(){o(this);h(this);f(this);v(this);this.transitionEl=this.el}disconnectedCallback(){g(this);b(this);x(this);c(this)}async componentWillLoad(){await y(this);C(this);if(this.open){j(this)}}componentDidLoad(){z(this)}componentDidRender(){p(this)}renderScrim(){const{loading:e}=this;const t=i("slot",null);return[e?i("calcite-scrim",{loading:e}):null,t]}renderLoaderStatusIcon(){const{loading:e,messages:t,status:n}=this;const a=!!l(this.el,B.icon);return e?i("div",{class:L.icon,key:"loader"},i("calcite-loader",{inline:true,label:t.loading})):n?i("div",{class:L.icon,key:"status-icon"},i("calcite-icon",{class:{[L.statusIcon]:true,[L.valid]:n=="valid",[L.invalid]:n=="invalid"},icon:I[n],scale:"s"})):a?i("div",{class:L.icon,key:"icon-slot"},i("slot",{key:"icon-slot",name:B.icon})):null}renderActionsEnd(){return i("div",{class:L.actionsEnd},i("slot",{name:B.actionsEnd,onSlotchange:this.actionsEndSlotChangeHandler}))}renderContentStart(){const{hasContentStart:e}=this;return i("div",{class:L.contentStart,hidden:!e},i("slot",{name:B.contentStart,onSlotchange:this.handleContentStartSlotChange}))}renderTitle(){const{heading:e,headingLevel:t,description:n}=this;return e||n?i("div",{class:L.title},i(k,{class:L.heading,level:t},e),n?i("div",{class:L.description},n):null):null}renderIcon(e){const{iconFlipRtl:t}=this;const n=t==="both"||e==="start"?t==="start":t==="end";const a=e==="start"?this.iconStart:this.iconEnd;const o=e==="start"?L.iconStart:L.iconEnd;if(!a){return undefined}return i("calcite-icon",{class:o,flipRtl:n,icon:a,key:a,scale:"s"})}render(){const{collapsible:e,el:t,loading:a,open:o,heading:c,messages:s,description:r}=this;const h=o?s.collapse:s.expand;const g=i("header",{key:"91deb640f5a591cd70dbb6328cdc588a40b600d5",class:{[L.header]:true,[L.headerHasText]:!!(c||r)},id:_.header},this.renderIcon("start"),this.renderContentStart(),this.renderLoaderStatusIcon(),this.renderTitle());const p=!!l(t,B.control);const f=!!l(t,B.headerMenuActions);const b=o?I.opened:I.closed;const m=i("div",{key:"ebba82b4e065978eaa9ed1e59f05ad80843cc9ab",class:L.headerContainer},this.dragHandle?i("calcite-handle",{label:c}):null,e?i("button",{"aria-controls":_.content,"aria-describedby":_.header,"aria-expanded":e?d(o):null,class:L.toggle,id:_.toggle,onClick:this.onHeaderClick,title:h},g,i("div",{class:L.iconEndContainer},this.renderIcon("end"),i("calcite-icon",{class:L.toggleIcon,icon:b,scale:"s"}))):this.iconEnd?i("div",null,g,i("div",{class:L.iconEndContainer},this.renderIcon("end"))):g,p?i("div",{"aria-labelledby":_.header,class:L.controlContainer},i("slot",{name:B.control})):null,f?i("calcite-action-menu",{label:s.options,overlayPositioning:this.overlayPositioning},i("slot",{name:B.headerMenuActions})):null,this.renderActionsEnd());return i(n,{key:"b5c12059b36785bf45ce61e7309a35278b928088"},i(u,{key:"90a5013ca2e30dadbd76c146700a53391f3aea62",disabled:this.disabled},i("article",{key:"825f15336afb992c7ea8c718b5ffad7c4bf2507e","aria-busy":d(a),class:{[L.container]:true}},m,i("section",{key:"4f690563d78615b68a225456aaae593af6adb826","aria-labelledby":_.toggle,class:L.content,hidden:!o,id:_.content},this.renderScrim()))))}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{open:["openHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};O.style=H;const E={content:"content",toggle:"toggle"};const T={chevronIcon:"chevron-icon",content:"content",iconStart:"icon--start",iconEnd:"icon--end",invalid:"invalid",sectionHeader:"section-header",sectionHeaderText:"section-header__text",statusIcon:"status-icon",switch:"switch",toggle:"toggle",toggleSwitch:"toggle--switch",toggleContainer:"toggle-container",toggleSwitchContent:"toggle--switch__content",toggleSwitchText:"toggle--switch__text",valid:"valid"};const M={menuOpen:"chevron-up",menuClosed:"chevron-down",valid:"check-circle",invalid:"exclamation-mark-triangle"};const R=":host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2)}:host([open]){border-width:0px;border-block-end-width:1px;border-style:solid;border-block-end-color:var(--calcite-color-border-3)}:host([open]) .toggle{color:var(--calcite-color-text-1)}:host([open]) .toggle:hover{color:var(--calcite-color-text-1)}:host([open]) .chevron-icon{color:var(--calcite-color-text-3)}:host([open]) .chevron-icon:hover{color:var(--calcite-color-text-1)}:host(:last-child){border-block-end-width:0px}.toggle{inline-size:100%;border-width:0px;background-color:transparent;font-family:var(--calcite-font-family);gap:var(--calcite-spacing-md);color:var(--calcite-color-text-2);font-weight:var(--calcite-font-weight-normal)}.toggle:hover{color:var(--calcite-color-text-1)}.toggle--switch,.section-header{margin-inline:0px;margin-block:0.25rem;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding-inline:0px;padding-block:0.5rem;font-size:var(--calcite-font-size--1);outline-color:transparent}.toggle--switch:focus,.section-header: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          )}.toggle--switch:hover,.section-header:hover{color:var(--calcite-color-text-1)}.section-header__text{margin-block:0px;flex:1 1 auto;text-align:initial;word-wrap:anywhere}.toggle-container{position:relative;display:flex;align-items:center;background-color:transparent;word-break:break-word}.toggle-container .toggle--switch__content{display:flex;flex:1 1 auto;align-items:center}.toggle-container .icon--end,.toggle-container .icon--start,.toggle-container .chevron-icon{display:flex;align-items:center;color:var(--calcite-color-text-3)}.toggle-container .icon--end:hover,.toggle-container .icon--start:hover,.toggle-container .chevron-icon:hover{color:var(--calcite-color-text-1)}.status-icon{display:flex;align-items:center}.status-icon.valid{color:var(--calcite-color-status-success)}.status-icon.invalid{color:var(--calcite-color-status-danger)}:host([hidden]){display:none}[hidden]{display:none}";const F=R;const q=class{constructor(i){e(this,i);this.calciteBlockSectionToggle=t(this,"calciteBlockSectionToggle",6);this.handleHeaderKeyDown=e=>{if(S(e.key)){this.toggleSection();e.preventDefault();e.stopPropagation()}};this.toggleSection=()=>{this.open=!this.open;this.calciteBlockSectionToggle.emit()};this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.open=false;this.status=undefined;this.text=undefined;this.toggleDisplay="button";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined}onMessagesChange(){}async setFocus(){await w(this);r(this.el)}effectiveLocaleChange(){m(this,this.effectiveLocale)}connectedCallback(){f(this);v(this)}async componentWillLoad(){await y(this);C(this)}componentDidLoad(){z(this)}disconnectedCallback(){b(this);x(this)}renderStatusIcon(){const{status:e}=this;const t=M[e]??false;const n={[T.statusIcon]:true,[T.valid]:e=="valid",[T.invalid]:e=="invalid"};return t?i("calcite-icon",{class:n,icon:t,scale:"s"}):null}renderIcon(e){const{iconFlipRtl:t}=this;if(e===undefined){return null}const n=t==="both"||t==="start";const a=t==="both"||t==="end";const o=e===this.iconStart;return i("calcite-icon",{class:o?T.iconStart:T.iconEnd,flipRtl:o?n:a,icon:o?this.iconStart:this.iconEnd,key:o?this.iconStart:this.iconEnd,scale:"s"})}render(){const{messages:e,open:t,text:a,toggleDisplay:o}=this;const c=t?M.menuOpen:M.menuClosed;const s=t?e.collapse:e.expand;const r=o==="switch"?i("div",{class:{[T.toggleContainer]:true}},i("div",{"aria-controls":E.content,"aria-expanded":d(t),class:{[T.toggle]:true,[T.toggleSwitch]:true},id:E.toggle,onClick:this.toggleSection,onKeyDown:this.handleHeaderKeyDown,role:"button",tabIndex:0,title:s},this.renderIcon(this.iconStart),i("div",{class:T.toggleSwitchContent},i("span",{class:T.toggleSwitchText},a)),this.renderIcon(this.iconEnd),this.renderStatusIcon(),i("calcite-switch",{checked:t,class:T.switch,inert:true,label:s,scale:"s"}))):i("div",{class:{[T.toggleContainer]:true}},i("button",{"aria-controls":E.content,"aria-expanded":d(t),class:{[T.sectionHeader]:true,[T.toggle]:true},id:E.toggle,onClick:this.toggleSection},this.renderIcon(this.iconStart),i("span",{class:T.sectionHeaderText},a),this.renderIcon(this.iconEnd),this.renderStatusIcon(),i("calcite-icon",{class:T.chevronIcon,icon:c,scale:"s"})));return i(n,{key:"224c2187de037da1611a3228195e95ba43bde093"},r,i("section",{key:"8b8849645851e21e26c63cef44428f30d2429a0b","aria-labelledby":E.toggle,class:T.content,hidden:!t,id:E.content},i("slot",{key:"3f6d783aaa6d886bb4533a4dec96aafc8ba058ef"})))}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};q.style=F;export{O as calcite_block,q as calcite_block_section};
-//# sourceMappingURL=p-a066ce03.entry.js.map

package/dist/calcite/p-a066ce03.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["IDS","content","toggle","header","CSS","actionsEnd","button","container","contentStart","controlContainer","description","headerContainer","headerHasText","heading","icon","iconStart","iconEnd","iconEndContainer","invalid","statusIcon","summary","title","toggleIcon","valid","SLOTS","control","headerMenuActions","ICONS","opened","closed","blockCss","CalciteBlockStyle0","Block","this","openTransitionProp","onHeaderClick","open","calciteBlockToggle","emit","actionsEndSlotChangeHandler","event","hasEndActions","slotChangeHasAssignedElement","handleContentStartSlotChange","hasContentStart","openHandler","onToggleOpenCloseComponent","onMessagesChange","setFocus","componentFocusable","focusFirstTabbable","el","onBeforeOpen","calciteBlockBeforeOpen","onOpen","calciteBlockOpen","onBeforeClose","calciteBlockBeforeClose","onClose","calciteBlockClose","effectiveLocaleChange","updateMessages","effectiveLocale","connectedCallback","connectConditionalSlotComponent","connectInteractive","connectLocalized","connectMessages","transitionEl","disconnectedCallback","disconnectInteractive","disconnectLocalized","disconnectMessages","disconnectConditionalSlotComponent","componentWillLoad","setUpMessages","setUpLoadableComponent","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","renderScrim","loading","defaultSlot","h","renderLoaderStatusIcon","messages","status","hasSlottedIcon","getSlotted","class","key","inline","label","scale","name","renderActionsEnd","onSlotchange","renderContentStart","hidden","renderTitle","headingLevel","Heading","level","renderIcon","position","iconFlipRtl","flipRtl","iconValue","iconClass","undefined","render","collapsible","toggleLabel","collapse","expand","headerContent","id","hasControl","hasMenuActions","collapseIcon","headerNode","dragHandle","toAriaBoolean","onClick","options","overlayPositioning","Host","InteractiveContainer","disabled","chevronIcon","sectionHeader","sectionHeaderText","switch","toggleSwitch","toggleContainer","toggleSwitchContent","toggleSwitchText","menuOpen","menuClosed","blockSectionCss","CalciteBlockSectionStyle0","BlockSection","handleHeaderKeyDown","isActivationKey","toggleSection","preventDefault","stopPropagation","calciteBlockSectionToggle","renderStatusIcon","statusIconClasses","flipRtlStart","flipRtlEnd","isIconStart","text","toggleDisplay","arrowIcon","onKeyDown","role","tabIndex","checked","inert"],"sources":["src/components/block/resources.ts","src/components/block/block.scss?tag=calcite-block&encapsulation=shadow","src/components/block/block.tsx","src/components/block-section/resources.ts","src/components/block-section/block-section.scss?tag=calcite-block-section&encapsulation=shadow","src/components/block-section/block-section.tsx"],"sourcesContent":["export const IDS = {\n  content: \"content\",\n  toggle: \"toggle\",\n  header: \"header\",\n};\n\nexport const CSS = {\n  actionsEnd: \"actions-end\",\n  button: \"button\",\n  container: \"container\",\n  content: \"content\",\n  contentStart: \"content-start\",\n  controlContainer: \"control-container\",\n  description: \"description\",\n  header: \"header\",\n  headerContainer: \"header-container\",\n  headerHasText: \"header--has-text\",\n  heading: \"heading\",\n  icon: \"icon\",\n  iconStart: \"icon--start\",\n  iconEnd: \"icon--end\",\n  iconEndContainer: \"icon-end-container\",\n  invalid: \"invalid\",\n  statusIcon: \"status-icon\",\n  summary: \"summary\",\n  title: \"title\",\n  toggle: \"toggle\",\n  toggleIcon: \"toggle-icon\",\n  valid: \"valid\",\n};\n\nexport const SLOTS = {\n  actionsEnd: \"actions-end\",\n  contentStart: \"content-start\",\n  control: \"control\",\n  headerMenuActions: \"header-menu-actions\",\n  icon: \"icon\",\n};\n\nexport const ICONS = {\n  opened: \"chevron-up\",\n  closed: \"chevron-down\",\n  valid: \"check-circle\",\n  invalid: \"exclamation-mark-triangle\",\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-block-padding: Specifies the padding of the block `default` slot.\n */\n\n:host {\n  @extend %component-host;\n  @extend %component-spacing;\n  @apply transition-margin ease-cubic border-color-3 flex flex-shrink-0 flex-grow-0\n    flex-col border-0 border-b border-solid p-0;\n  flex-basis: auto;\n  transition-duration: var(--calcite-animation-timing);\n}\n\n@include disabled();\n\n@import \"../../assets/styles/animation\";\n@import \"../../assets/styles/header\";\n\n.header {\n  @apply justify-start;\n}\n\n.header--has-text {\n  padding: var(--calcite-spacing-md);\n}\n\n.header,\n.toggle {\n  grid-area: header;\n}\n\n.header-container {\n  @apply grid items-stretch;\n  grid-template: auto / auto 1fr auto auto;\n  grid-template-areas: \"handle header control menu actions-end\";\n  grid-column: header-start / actions-end;\n  grid-row: 1 / 2;\n}\n\n.content-start,\n.icon,\n.icon--start,\n.icon--end {\n  margin-inline-end: var(--calcite-spacing-md);\n}\n\n.icon {\n  & calcite-loader {\n    margin-inline-end: var(--calcite-spacing-xxxs);\n  }\n}\n\n.icon--start,\n.icon--end {\n  @apply text-color-3;\n}\n\n.actions-end {\n  grid-area: actions-end;\n}\n\n.toggle {\n  @apply font-sans\n    focus-base\n    m-0\n    flex\n    cursor-pointer\n    flex-nowrap\n    items-center\n    justify-between\n    border-none\n    p-0;\n\n  text-align: initial;\n  background-color: transparent;\n\n  &:hover {\n    @apply bg-foreground-2;\n  }\n  &:focus {\n    @apply focus-inset;\n  }\n}\n\ncalcite-loader[inline] {\n  grid-area: control;\n  @apply self-center;\n}\n\ncalcite-handle {\n  grid-area: handle;\n}\n\n.title {\n  @apply m-0;\n}\n\n.header .title .heading {\n  @apply text-n1\n    text-color-2\n    word-break\n    transition-color\n    p-0\n    font-medium\n    leading-tight\n    duration-150\n    ease-in-out;\n}\n\n.description {\n  @apply text-n2-wrap\n    text-color-3\n    word-break\n    mt-0.5\n    p-0;\n}\n\n.icon {\n  @apply flex;\n}\n\n.status-icon.valid {\n  color: theme(\"colors.success\");\n}\n\n.status-icon.invalid {\n  color: theme(\"colors.danger\");\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  50% {\n    transform: rotate(180deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.icon-end-container {\n  @apply flex items-center;\n\n  margin-inline-start: auto;\n}\n\n.toggle-icon {\n  @apply text-color-3\n  transition-color\n  self-center\n  justify-self-end\n  duration-150\n  ease-in-out;\n\n  margin-inline-end: var(--calcite-spacing-md);\n}\n\n.toggle:hover .toggle-icon {\n  @apply text-color-1;\n}\n\n.container {\n  @apply flex flex-col h-full relative;\n}\n\n.content {\n  @apply animate-in flex-1 relative min-h-0;\n  padding-block: var(--calcite-block-padding, var(--calcite-spacing-sm));\n  padding-inline: var(--calcite-block-padding, var(--calcite-spacing-md));\n}\n\n.content-start {\n  @apply text-color-3 flex items-center;\n}\n\n.control-container {\n  @apply m-0 flex;\n  grid-area: control;\n}\n\ncalcite-action-menu {\n  grid-area: menu;\n}\n\n.actions-end {\n  @apply flex items-stretch;\n}\n\n:host([open]) {\n  @apply my-2;\n\n  .header .title .heading {\n    @apply text-color-1;\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport {\n  focusFirstTabbable,\n  getSlotted,\n  toAriaBoolean,\n  slotChangeHasAssignedElement,\n} from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Heading, HeadingLevel } from \"../functional/Heading\";\nimport { Status, Position } from \"../interfaces\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport { OverlayPositioning } from \"../../utils/floating-ui\";\nimport { FlipContext } from \"../interfaces\";\nimport { IconNameOrString } from \"../icon/interfaces\";\nimport { CSS, ICONS, IDS, SLOTS } from \"./resources\";\nimport { BlockMessages } from \"./assets/block/t9n\";\n\n/**\n * @slot - A slot for adding custom content.\n * @slot actions-end - A slot for adding actionable `calcite-action` elements after the content of the component. It is recommended to use two or fewer actions.\n * @slot icon - [Deprecated] A slot for adding a leading header icon with `calcite-icon`. Use `icon-start` instead.\n * @slot content-start - A slot for adding non-actionable elements before content of the component.\n * @slot control - [Deprecated] A slot for adding a single HTML input element in a header. Use `actions-end` instead.\n * @slot header-menu-actions - A slot for adding an overflow menu with `calcite-action`s inside a dropdown menu.\n */\n@Component({\n  tag: \"calcite-block\",\n  styleUrl: \"block.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Block\n  implements\n    ConditionalSlotComponent,\n    InteractiveComponent,\n    LocalizedComponent,\n    T9nComponent,\n    LoadableComponent,\n    OpenCloseComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, the component is collapsible.\n   */\n  @Prop({ reflect: true }) collapsible = false;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * When `true`, displays a drag handle in the header.\n   */\n  @Prop({ reflect: true }) dragHandle = false;\n\n  /**\n   * The component header text.\n   */\n  @Prop() heading!: string;\n\n  /**\n   * Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: IconNameOrString;\n\n  /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl: FlipContext;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: IconNameOrString;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * When `true`, expands the component and its contents.\n   */\n  @Prop({ reflect: true, mutable: true }) open = false;\n\n  @Watch(\"open\")\n  openHandler(): void {\n    onToggleOpenCloseComponent(this);\n  }\n\n  /**\n   * Displays a status-related indicator icon.\n   *\n   * @deprecated Use `icon-start` instead.\n   */\n  @Prop({ reflect: true }) status: Status;\n\n  /**\n   * A description for the component, which displays below the heading.\n   */\n  @Prop() description: string;\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: BlockMessages;\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<BlockMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's first tabbable element.\n   *\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    focusFirstTabbable(this.el);\n  }\n\n  onBeforeOpen(): void {\n    this.calciteBlockBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    this.calciteBlockOpen.emit();\n  }\n\n  onBeforeClose(): void {\n    this.calciteBlockBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.calciteBlockClose.emit();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteBlockElement;\n\n  @State() defaultMessages: BlockMessages;\n\n  @State() effectiveLocale: string;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() hasContentStart = false;\n\n  @State() hasEndActions = false;\n\n  openTransitionProp = \"margin-top\";\n\n  transitionEl: HTMLElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n\n    this.transitionEl = this.el;\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    disconnectConditionalSlotComponent(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n\n    if (this.open) {\n      onToggleOpenCloseComponent(this);\n    }\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calciteBlockBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */\n  @Event({ cancelable: false }) calciteBlockBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calciteBlockClose: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calciteBlockOpen: EventEmitter<void>;\n\n  /**\n   * Fires when the component's header is clicked.\n   *\n   * @deprecated Use `openClose` events such as `calciteBlockOpen`, `calciteBlockClose`, `calciteBlockBeforeOpen`, and `calciteBlockBeforeClose` instead.\n   */\n  @Event({ cancelable: false }) calciteBlockToggle: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  onHeaderClick = (): void => {\n    this.open = !this.open;\n    this.calciteBlockToggle.emit();\n  };\n\n  private actionsEndSlotChangeHandler = (event: Event): void => {\n    this.hasEndActions = slotChangeHasAssignedElement(event);\n  };\n\n  private handleContentStartSlotChange = (event: Event): void => {\n    this.hasContentStart = slotChangeHasAssignedElement(event);\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderScrim(): VNode[] {\n    const { loading } = this;\n    const defaultSlot = <slot />;\n\n    return [loading ? <calcite-scrim loading={loading} /> : null, defaultSlot];\n  }\n\n  private renderLoaderStatusIcon(): VNode[] {\n    const { loading, messages, status } = this;\n\n    const hasSlottedIcon = !!getSlotted(this.el, SLOTS.icon);\n\n    return loading ? (\n      <div class={CSS.icon} key=\"loader\">\n        <calcite-loader inline label={messages.loading} />\n      </div>\n    ) : status ? (\n      <div class={CSS.icon} key=\"status-icon\">\n        <calcite-icon\n          class={{\n            [CSS.statusIcon]: true,\n            [CSS.valid]: status == \"valid\",\n            [CSS.invalid]: status == \"invalid\",\n          }}\n          icon={ICONS[status]}\n          scale=\"s\"\n        />\n      </div>\n    ) : hasSlottedIcon ? (\n      <div class={CSS.icon} key=\"icon-slot\">\n        <slot key=\"icon-slot\" name={SLOTS.icon} />\n      </div>\n    ) : null;\n  }\n\n  private renderActionsEnd(): VNode {\n    return (\n      <div class={CSS.actionsEnd}>\n        <slot name={SLOTS.actionsEnd} onSlotchange={this.actionsEndSlotChangeHandler} />\n      </div>\n    );\n  }\n\n  private renderContentStart(): VNode {\n    const { hasContentStart } = this;\n    return (\n      <div class={CSS.contentStart} hidden={!hasContentStart}>\n        <slot name={SLOTS.contentStart} onSlotchange={this.handleContentStartSlotChange} />\n      </div>\n    );\n  }\n\n  renderTitle(): VNode {\n    const { heading, headingLevel, description } = this;\n    return heading || description ? (\n      <div class={CSS.title}>\n        <Heading class={CSS.heading} level={headingLevel}>\n          {heading}\n        </Heading>\n        {description ? <div class={CSS.description}>{description}</div> : null}\n      </div>\n    ) : null;\n  }\n\n  private renderIcon(position: Extract<\"start\" | \"end\", Position>): VNode {\n    const { iconFlipRtl } = this;\n\n    const flipRtl =\n      iconFlipRtl === \"both\" || position === \"start\"\n        ? iconFlipRtl === \"start\"\n        : iconFlipRtl === \"end\";\n\n    const iconValue = position === \"start\" ? this.iconStart : this.iconEnd;\n    const iconClass = position === \"start\" ? CSS.iconStart : CSS.iconEnd;\n\n    if (!iconValue) {\n      return undefined;\n    }\n\n    /** Icon scale is not variable as the component does not have a scale property */\n    return (\n      <calcite-icon\n        class={iconClass}\n        flipRtl={flipRtl}\n        icon={iconValue}\n        key={iconValue}\n        scale=\"s\"\n      />\n    );\n  }\n\n  render(): VNode {\n    const { collapsible, el, loading, open, heading, messages, description } = this;\n\n    const toggleLabel = open ? messages.collapse : messages.expand;\n\n    const headerContent = (\n      <header\n        class={{ [CSS.header]: true, [CSS.headerHasText]: !!(heading || description) }}\n        id={IDS.header}\n      >\n        {this.renderIcon(\"start\")}\n        {this.renderContentStart()}\n        {this.renderLoaderStatusIcon()}\n        {this.renderTitle()}\n      </header>\n    );\n\n    const hasControl = !!getSlotted(el, SLOTS.control);\n    const hasMenuActions = !!getSlotted(el, SLOTS.headerMenuActions);\n    const collapseIcon = open ? ICONS.opened : ICONS.closed;\n\n    const headerNode = (\n      <div class={CSS.headerContainer}>\n        {this.dragHandle ? <calcite-handle label={heading} /> : null}\n        {collapsible ? (\n          <button\n            aria-controls={IDS.content}\n            aria-describedby={IDS.header}\n            aria-expanded={collapsible ? toAriaBoolean(open) : null}\n            class={CSS.toggle}\n            id={IDS.toggle}\n            onClick={this.onHeaderClick}\n            title={toggleLabel}\n          >\n            {headerContent}\n            <div class={CSS.iconEndContainer}>\n              {this.renderIcon(\"end\")}\n              <calcite-icon class={CSS.toggleIcon} icon={collapseIcon} scale=\"s\" />\n            </div>\n          </button>\n        ) : this.iconEnd ? (\n          <div>\n            {headerContent}\n            <div class={CSS.iconEndContainer}>{this.renderIcon(\"end\")}</div>\n          </div>\n        ) : (\n          headerContent\n        )}\n        {hasControl ? (\n          <div aria-labelledby={IDS.header} class={CSS.controlContainer}>\n            <slot name={SLOTS.control} />\n          </div>\n        ) : null}\n        {hasMenuActions ? (\n          <calcite-action-menu\n            label={messages.options}\n            overlayPositioning={this.overlayPositioning}\n          >\n            <slot name={SLOTS.headerMenuActions} />\n          </calcite-action-menu>\n        ) : null}\n        {this.renderActionsEnd()}\n      </div>\n    );\n\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <article\n            aria-busy={toAriaBoolean(loading)}\n            class={{\n              [CSS.container]: true,\n            }}\n          >\n            {headerNode}\n            <section\n              aria-labelledby={IDS.toggle}\n              class={CSS.content}\n              hidden={!open}\n              id={IDS.content}\n            >\n              {this.renderScrim()}\n            </section>\n          </article>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n","export const IDS = {\n  content: \"content\",\n  toggle: \"toggle\",\n};\n\nexport const CSS = {\n  chevronIcon: \"chevron-icon\",\n  content: \"content\",\n  iconStart: \"icon--start\",\n  iconEnd: \"icon--end\",\n  invalid: \"invalid\",\n  sectionHeader: \"section-header\",\n  sectionHeaderText: \"section-header__text\",\n  statusIcon: \"status-icon\",\n  switch: \"switch\",\n  toggle: \"toggle\",\n  toggleSwitch: \"toggle--switch\",\n  toggleContainer: \"toggle-container\",\n  toggleSwitchContent: \"toggle--switch__content\",\n  toggleSwitchText: \"toggle--switch__text\",\n  valid: \"valid\",\n};\n\nexport const ICONS = {\n  menuOpen: \"chevron-up\",\n  menuClosed: \"chevron-down\",\n  valid: \"check-circle\",\n  invalid: \"exclamation-mark-triangle\",\n} as const;\n",":host {\n  @apply bg-foreground-1 text-n1 box-border block;\n\n  color: var(--calcite-color-text-2);\n}\n\n:host([open]) {\n  @apply border-b-color-3\n    border-0\n    border-b\n    border-solid;\n\n  .toggle {\n    color: var(--calcite-color-text-1);\n\n    &:hover {\n      color: var(--calcite-color-text-1);\n    }\n  }\n\n  .chevron-icon {\n    color: var(--calcite-color-text-3);\n\n    &:hover {\n      color: var(--calcite-color-text-1);\n    }\n  }\n}\n\n:host(:last-child) {\n  @apply border-b-0;\n}\n\n.toggle {\n  @apply font-sans w-full border-0 bg-transparent;\n\n  gap: var(--calcite-spacing-md);\n  color: var(--calcite-color-text-2);\n  font-weight: var(--calcite-font-weight-normal);\n\n  &:hover {\n    color: var(--calcite-color-text-1);\n  }\n}\n\n.toggle--switch,\n.section-header {\n  @apply text-n1\n    focus-base\n    mx-0\n    my-1\n    flex\n    cursor-pointer\n    select-none\n    items-center\n    px-0\n    py-2;\n\n  &:focus {\n    @apply focus-outset;\n  }\n  &:hover {\n    color: var(--calcite-color-text-1);\n  }\n}\n\n.section-header__text {\n  @apply my-0\n    flex-auto;\n\n  text-align: initial;\n  word-wrap: anywhere;\n}\n\n.toggle-container {\n  @apply flex items-center relative bg-transparent;\n  word-break: break-word;\n\n  .toggle--switch__content {\n    @apply flex flex-auto items-center;\n  }\n\n  .icon--end,\n  .icon--start,\n  .chevron-icon {\n    @apply flex items-center;\n\n    color: var(--calcite-color-text-3);\n\n    &:hover {\n      color: var(--calcite-color-text-1);\n    }\n  }\n}\n\n.status-icon {\n  @apply flex items-center;\n}\n\n.status-icon.valid {\n  color: theme(\"colors.success\");\n}\n\n.status-icon.invalid {\n  color: theme(\"colors.danger\");\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { focusFirstTabbable, toAriaBoolean } from \"../../utils/dom\";\nimport { isActivationKey } from \"../../utils/key\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { FlipContext, Status } from \"../interfaces\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { IconNameOrString } from \"../icon/interfaces\";\nimport { BlockSectionMessages } from \"./assets/block-section/t9n\";\nimport { BlockSectionToggleDisplay } from \"./interfaces\";\nimport { CSS, ICONS, IDS } from \"./resources\";\n\n/**\n * @slot - A slot for adding custom content.\n */\n@Component({\n  tag: \"calcite-block-section\",\n  styleUrl: \"block-section.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class BlockSection implements LocalizedComponent, T9nComponent, LoadableComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: IconNameOrString;\n\n  /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl: FlipContext;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: IconNameOrString;\n\n  /**\n   * When `true`, expands the component and its contents.\n   */\n  @Prop({ reflect: true, mutable: true }) open = false;\n\n  /**\n   * Displays a status-related indicator icon.\n   *\n   * @deprecated Use `icon-start` instead.\n   */\n  @Prop({ reflect: true }) status: Status;\n\n  /**\n   * The component header text.\n   */\n  @Prop() text: string;\n\n  /**\n   * Specifies how the component's toggle is displayed, where:\n   *\n   * `\"button\"` sets the toggle to a selectable header, and\n   *\n   * `\"switch\"` sets the toggle to a switch.\n   */\n  @Prop({ reflect: true }) toggleDisplay: BlockSectionToggleDisplay = \"button\";\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: BlockSectionMessages;\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<BlockSectionMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's first tabbable element.\n   *\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    focusFirstTabbable(this.el);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteBlockSectionElement;\n\n  @State() effectiveLocale: string;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: BlockSectionMessages;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the header has been clicked.\n   */\n  @Event({ cancelable: false }) calciteBlockSectionToggle: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  handleHeaderKeyDown = (event: KeyboardEvent): void => {\n    if (isActivationKey(event.key)) {\n      this.toggleSection();\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  toggleSection = (): void => {\n    this.open = !this.open;\n    this.calciteBlockSectionToggle.emit();\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  renderStatusIcon(): VNode[] {\n    const { status } = this;\n    const statusIcon = ICONS[status] ?? false;\n    const statusIconClasses = {\n      [CSS.statusIcon]: true,\n      [CSS.valid]: status == \"valid\",\n      [CSS.invalid]: status == \"invalid\",\n    };\n\n    return statusIcon ? (\n      <calcite-icon class={statusIconClasses} icon={statusIcon} scale=\"s\" />\n    ) : null;\n  }\n\n  renderIcon(icon: string): VNode {\n    const { iconFlipRtl } = this;\n\n    if (icon === undefined) {\n      return null;\n    }\n\n    const flipRtlStart = iconFlipRtl === \"both\" || iconFlipRtl === \"start\";\n    const flipRtlEnd = iconFlipRtl === \"both\" || iconFlipRtl === \"end\";\n\n    const isIconStart = icon === this.iconStart;\n\n    /** Icon scale is not variable as the component does not have a scale property */\n    return (\n      <calcite-icon\n        class={isIconStart ? CSS.iconStart : CSS.iconEnd}\n        flipRtl={isIconStart ? flipRtlStart : flipRtlEnd}\n        icon={isIconStart ? this.iconStart : this.iconEnd}\n        key={isIconStart ? this.iconStart : this.iconEnd}\n        scale=\"s\"\n      />\n    );\n  }\n\n  render(): VNode {\n    const { messages, open, text, toggleDisplay } = this;\n    const arrowIcon = open ? ICONS.menuOpen : ICONS.menuClosed;\n\n    const toggleLabel = open ? messages.collapse : messages.expand;\n\n    const headerNode =\n      toggleDisplay === \"switch\" ? (\n        <div\n          class={{\n            [CSS.toggleContainer]: true,\n          }}\n        >\n          <div\n            aria-controls={IDS.content}\n            aria-expanded={toAriaBoolean(open)}\n            class={{\n              [CSS.toggle]: true,\n              [CSS.toggleSwitch]: true,\n            }}\n            id={IDS.toggle}\n            onClick={this.toggleSection}\n            onKeyDown={this.handleHeaderKeyDown}\n            role=\"button\"\n            tabIndex={0}\n            title={toggleLabel}\n          >\n            {this.renderIcon(this.iconStart)}\n            <div class={CSS.toggleSwitchContent}>\n              <span class={CSS.toggleSwitchText}>{text}</span>\n            </div>\n\n            {this.renderIcon(this.iconEnd)}\n            {this.renderStatusIcon()}\n            <calcite-switch checked={open} class={CSS.switch} inert label={toggleLabel} scale=\"s\" />\n          </div>\n        </div>\n      ) : (\n        <div\n          class={{\n            [CSS.toggleContainer]: true,\n          }}\n        >\n          <button\n            aria-controls={IDS.content}\n            aria-expanded={toAriaBoolean(open)}\n            class={{\n              [CSS.sectionHeader]: true,\n              [CSS.toggle]: true,\n            }}\n            id={IDS.toggle}\n            onClick={this.toggleSection}\n          >\n            {this.renderIcon(this.iconStart)}\n            <span class={CSS.sectionHeaderText}>{text}</span>\n            {this.renderIcon(this.iconEnd)}\n            {this.renderStatusIcon()}\n            <calcite-icon class={CSS.chevronIcon} icon={arrowIcon} scale=\"s\" />\n          </button>\n        </div>\n      );\n\n    return (\n      <Host>\n        {headerNode}\n        <section aria-labelledby={IDS.toggle} class={CSS.content} hidden={!open} id={IDS.content}>\n          <slot />\n        </section>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-a2b2076b.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{a as t,r as i,h as s,H as n,g as e}from"./p-e7104b8d.js";import{g as c,t as o}from"./p-27ab49c7.js";import{c as a}from"./p-9a2f96d2.js";import{i as l}from"./p-3c4fe54e.js";import"./p-6f580f9d.js";import"./p-56bab01f.js";const r={icon:"icon",flipRtl:"flip-rtl"};const h={};const f={};const p={s:16,m:24,l:32};function u({icon:t,scale:i}){const s=p[i];const n=x(t);const e=n.charAt(n.length-1)==="F";const c=e?n.substring(0,n.length-1):n;return`${c}${s}${e?"F":""}`}async function d(i){const s=u(i);const n=m(s);if(n){return n}if(!f[s]){f[s]=fetch(t(`./assets/icon/${s}.json`)).then((t=>t.json())).catch((()=>{console.error(`"${s}" is not a valid calcite-ui-icon name`);return""}))}const e=await f[s];h[s]=e;return e}function b(t){return m(u(t))}function m(t){return h[t]}function x(t){const i=!isNaN(Number(t.charAt(0)));const s=t.split("-");const n=s.length>0;if(n){const i=/[a-z]/i;t=s.map(((t,s)=>t.replace(i,(function t(i,n){const e=s===0&&n===0;if(e){return i}return i.toUpperCase()})))).join("")}return i?`i${t}`:t}const g=":host{display:inline-flex;color:var(--calcite-icon-color, var(--calcite-ui-icon-color, currentColor))}:host([scale=s]){inline-size:16px;block-size:16px;min-inline-size:16px;min-block-size:16px}:host([scale=m]){inline-size:24px;block-size:24px;min-inline-size:24px;min-block-size:24px}:host([scale=l]){inline-size:32px;block-size:32px;min-inline-size:32px;min-block-size:32px}.flip-rtl{transform:scaleX(-1)}.svg{display:block}:host([hidden]){display:none}[hidden]{display:none}";const z=g;const k=class{constructor(t){i(this,t);this.icon=null;this.flipRtl=false;this.scale="m";this.textLabel=undefined;this.pathData=undefined;this.visible=false}connectedCallback(){if(!this.visible){this.waitUntilVisible((()=>{this.visible=true;this.loadIconPathData()}))}}disconnectedCallback(){this.intersectionObserver?.disconnect();this.intersectionObserver=null}render(){const{el:t,flipRtl:i,pathData:e,scale:a,textLabel:l}=this;const h=c(t);const f=p[a];const u=!!l;const d=[].concat(e||"");return s(n,{key:"41c9d3006a5887061fdb2144102447b2f490eb72","aria-hidden":o(!u),"aria-label":u?l:null,role:u?"img":null},s("svg",{key:"9fc84ba4eac40fc822babbfe276b2add5ee1c952","aria-hidden":"true",class:{[r.flipRtl]:h==="rtl"&&i,svg:true},fill:"currentColor",height:"100%",viewBox:`0 0 ${f} ${f}`,width:"100%",xmlns:"http://www.w3.org/2000/svg"},d.map((t=>typeof t==="string"?s("path",{d:t}):s("path",{d:t.d,opacity:"opacity"in t?t.opacity:1})))))}async loadIconPathData(){const{icon:t,scale:i,visible:s}=this;if(!l()||!t||!s){return}const n={icon:t,scale:i};const e=b(n)||await d(n);if(t!==this.icon){return}this.pathData=e}waitUntilVisible(t){this.intersectionObserver=a("intersection",(i=>{i.forEach((i=>{if(i.isIntersecting){this.intersectionObserver.disconnect();this.intersectionObserver=null;t()}}))}),{rootMargin:"50px"});if(!this.intersectionObserver){t();return}this.intersectionObserver.observe(this.el)}static get assetsDirs(){return["assets"]}get el(){return e(this)}static get watchers(){return{icon:["loadIconPathData"],scale:["loadIconPathData"]}}};k.style=z;export{k as calcite_icon};
-//# sourceMappingURL=p-a2b2076b.entry.js.map

package/dist/calcite/p-a49b95d8.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{d as e}from"./p-6ff8e6fb.js";import"./p-e7104b8d.js";import"./p-d6a25fe2.js";import"./p-27ab49c7.js";import"./p-6f580f9d.js";import"./p-56bab01f.js";import"./p-8f8cbbc7.js";import"./p-3c4fe54e.js";import"./p-c473b37c.js";import"./p-64329e55.js";import"./p-cbed8c79.js";import"./p-5b45eef3.js";import"./p-29c291d1.js";import"./p-9a2f96d2.js";import"./p-a4ba2c4c.js";import"./p-d014effb.js";import"./p-769c1c82.js";import"./p-c60c7e01.js";import"./p-36ecadf9.js";import"./p-45d13552.js";var r={s:"ein paar Sekunden",m:["eine Minute","einer Minute"],mm:"%d Minuten",h:["eine Stunde","einer Stunde"],hh:"%d Stunden",d:["ein Tag","einem Tag"],dd:["%d Tage","%d Tagen"],M:["ein Monat","einem Monat"],MM:["%d Monate","%d Monaten"],y:["ein Jahr","einem Jahr"],yy:["%d Jahre","%d Jahren"]};function t(e,t,i){var n=r[i];if(Array.isArray(n)){n=n[t?0:1]}return n.replace("%d",e)}var i={name:"de-at",weekdays:"Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"),weekdaysShort:"So._Mo._Di._Mi._Do._Fr._Sa.".split("_"),weekdaysMin:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),months:"Jänner_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"),monthsShort:"Jän._Feb._März_Apr._Mai_Juni_Juli_Aug._Sep._Okt._Nov._Dez.".split("_"),ordinal:function e(r){return r+"."},weekStart:1,formats:{LTS:"HH:mm:ss",LT:"HH:mm",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd, D. MMMM YYYY HH:mm"},relativeTime:{future:"in %s",past:"vor %s",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:t,M:t,MM:t,y:t,yy:t}};e.locale(i,null,true);export{i as default};
-//# sourceMappingURL=p-a49b95d8.js.map

package/dist/calcite/p-a4ac8fc3.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-const t={menu:"menu",defaultTrigger:"default-trigger"};const e={tooltip:"tooltip",trigger:"trigger"};const a={menu:"ellipsis"};const s="data-active";export{t as C,a as I,e as S,s as a};
-//# sourceMappingURL=p-a4ac8fc3.js.map

package/dist/calcite/p-a4ba2c4c.js

@@ -1,11 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{l as e,m as n,n as r,o as t,p as i,d as u,r as a}from"./p-27ab49c7.js";import{f as o}from"./p-d014effb.js";
-/*!
-* focus-trap 7.5.4
-* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
-*/function f(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function c(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?f(Object(r),!0).forEach((function(n){s(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function s(e,n,r){n=l(n);if(n in e){Object.defineProperty(e,n,{value:r,enumerable:true,configurable:true,writable:true})}else{e[n]=r}return e}function v(e,n){if(typeof e!=="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==undefined){var t=r.call(e,n||"default");if(typeof t!=="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(n==="string"?String:Number)(e)}function l(e){var n=v(e,"string");return typeof n==="symbol"?n:String(n)}var d={activateTrap:function e(n,r){if(n.length>0){var t=n[n.length-1];if(t!==r){t.pause()}}var i=n.indexOf(r);if(i===-1){n.push(r)}else{n.splice(i,1);n.push(r)}},deactivateTrap:function e(n,r){var t=n.indexOf(r);if(t!==-1){n.splice(t,1)}if(n.length>0){n[n.length-1].unpause()}}};var b=function e(n){return n.tagName&&n.tagName.toLowerCase()==="input"&&typeof n.select==="function"};var p=function e(n){return(n===null||n===void 0?void 0:n.key)==="Escape"||(n===null||n===void 0?void 0:n.key)==="Esc"||(n===null||n===void 0?void 0:n.keyCode)===27};var w=function e(n){return(n===null||n===void 0?void 0:n.key)==="Tab"||(n===null||n===void 0?void 0:n.keyCode)===9};var m=function e(n){return w(n)&&!n.shiftKey};var h=function e(n){return w(n)&&n.shiftKey};var y=function e(n){return setTimeout(n,0)};var F=function e(n,r){var t=-1;n.every((function(e,n){if(r(e)){t=n;return false}return true}));return t};var O=function e(n){for(var r=arguments.length,t=new Array(r>1?r-1:0),i=1;i<r;i++){t[i-1]=arguments[i]}return typeof n==="function"?n.apply(void 0,t):n};var k=function e(n){return n.target.shadowRoot&&typeof n.composedPath==="function"?n.composedPath()[0]:n.target};var j=[];var T=function u(a,o){var f=(o===null||o===void 0?void 0:o.document)||document;var s=(o===null||o===void 0?void 0:o.trapStack)||j;var v=c({returnFocusOnDeactivate:true,escapeDeactivates:true,delayInitialFocus:true,isKeyForward:m,isKeyBackward:h},o);var l={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:false,paused:false,delayInitialFocusTimer:undefined,recentNavEvent:undefined};var T;var D=function e(n,r,t){return n&&n[r]!==undefined?n[r]:v[t||r]};var g=function e(n,r){var t=typeof(r===null||r===void 0?void 0:r.composedPath)==="function"?r.composedPath():undefined;return l.containerGroups.findIndex((function(e){var r=e.container,i=e.tabbableNodes;return r.contains(n)||(t===null||t===void 0?void 0:t.includes(r))||i.find((function(e){return e===n}))}))};var E=function e(n){var r=v[n];if(typeof r==="function"){for(var t=arguments.length,i=new Array(t>1?t-1:0),u=1;u<t;u++){i[u-1]=arguments[u]}r=r.apply(void 0,i)}if(r===true){r=undefined}if(!r){if(r===undefined||r===false){return r}throw new Error("`".concat(n,"` was specified but was not a node, or did not return a node"))}var a=r;if(typeof r==="string"){a=f.querySelector(r);if(!a){throw new Error("`".concat(n,"` as selector refers to no known node"))}}return a};var N=function n(){var r=E("initialFocus");if(r===false){return false}if(r===undefined||!e(r,v.tabbableOptions)){if(g(f.activeElement)>=0){r=f.activeElement}else{var t=l.tabbableGroups[0];var i=t&&t.firstTabbableNode;r=i||E("fallbackFocus")}}if(!r){throw new Error("Your focus-trap needs to have at least one focusable element")}return r};var P=function e(){l.containerGroups=l.containers.map((function(e){var u=n(e,v.tabbableOptions);var a=r(e,v.tabbableOptions);var o=u.length>0?u[0]:undefined;var f=u.length>0?u[u.length-1]:undefined;var c=a.find((function(e){return t(e)}));var s=a.slice().reverse().find((function(e){return t(e)}));var l=!!u.find((function(e){return i(e)>0}));return{container:e,tabbableNodes:u,focusableNodes:a,posTabIndexesFound:l,firstTabbableNode:o,lastTabbableNode:f,firstDomTabbableNode:c,lastDomTabbableNode:s,nextTabbableNode:function e(n){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:true;var i=u.indexOf(n);if(i<0){if(r){return a.slice(a.indexOf(n)+1).find((function(e){return t(e)}))}return a.slice(0,a.indexOf(n)).reverse().find((function(e){return t(e)}))}return u[i+(r?1:-1)]}}}));l.tabbableGroups=l.containerGroups.filter((function(e){return e.tabbableNodes.length>0}));if(l.tabbableGroups.length<=0&&!E("fallbackFocus")){throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")}if(l.containerGroups.find((function(e){return e.posTabIndexesFound}))&&l.containerGroups.length>1){throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")}};var A=function e(n){var r=n.activeElement;if(!r){return}if(r.shadowRoot&&r.shadowRoot.activeElement!==null){return e(r.shadowRoot)}return r};var x=function e(n){if(n===false){return}if(n===A(document)){return}if(!n||!n.focus){e(N());return}n.focus({preventScroll:!!v.preventScroll});l.mostRecentlyFocusedNode=n;if(b(n)){n.select()}};var B=function e(n){var r=E("setReturnFocus",n);return r?r:r===false?false:n};var R=function n(r){var u=r.target,a=r.event,o=r.isBackward,f=o===void 0?false:o;u=u||k(a);P();var c=null;if(l.tabbableGroups.length>0){var s=g(u,a);var d=s>=0?l.containerGroups[s]:undefined;if(s<0){if(f){c=l.tabbableGroups[l.tabbableGroups.length-1].lastTabbableNode}else{c=l.tabbableGroups[0].firstTabbableNode}}else if(f){var b=F(l.tabbableGroups,(function(e){var n=e.firstTabbableNode;return u===n}));if(b<0&&(d.container===u||e(u,v.tabbableOptions)&&!t(u,v.tabbableOptions)&&!d.nextTabbableNode(u,false))){b=s}if(b>=0){var p=b===0?l.tabbableGroups.length-1:b-1;var m=l.tabbableGroups[p];c=i(u)>=0?m.lastTabbableNode:m.lastDomTabbableNode}else if(!w(a)){c=d.nextTabbableNode(u,false)}}else{var h=F(l.tabbableGroups,(function(e){var n=e.lastTabbableNode;return u===n}));if(h<0&&(d.container===u||e(u,v.tabbableOptions)&&!t(u,v.tabbableOptions)&&!d.nextTabbableNode(u))){h=s}if(h>=0){var y=h===l.tabbableGroups.length-1?0:h+1;var O=l.tabbableGroups[y];c=i(u)>=0?O.firstTabbableNode:O.firstDomTabbableNode}else if(!w(a)){c=d.nextTabbableNode(u)}}}else{c=E("fallbackFocus")}return c};var S=function e(n){var r=k(n);if(g(r,n)>=0){return}if(O(v.clickOutsideDeactivates,n)){T.deactivate({returnFocus:v.returnFocusOnDeactivate});return}if(O(v.allowOutsideClick,n)){return}n.preventDefault()};var C=function e(n){var r=k(n);var t=g(r,n)>=0;if(t||r instanceof Document){if(t){l.mostRecentlyFocusedNode=r}}else{n.stopImmediatePropagation();var u;var a=true;if(l.mostRecentlyFocusedNode){if(i(l.mostRecentlyFocusedNode)>0){var o=g(l.mostRecentlyFocusedNode);var f=l.containerGroups[o].tabbableNodes;if(f.length>0){var c=f.findIndex((function(e){return e===l.mostRecentlyFocusedNode}));if(c>=0){if(v.isKeyForward(l.recentNavEvent)){if(c+1<f.length){u=f[c+1];a=false}}else{if(c-1>=0){u=f[c-1];a=false}}}}}else{if(!l.containerGroups.some((function(e){return e.tabbableNodes.some((function(e){return i(e)>0}))}))){a=false}}}else{a=false}if(a){u=R({target:l.mostRecentlyFocusedNode,isBackward:v.isKeyBackward(l.recentNavEvent)})}if(u){x(u)}else{x(l.mostRecentlyFocusedNode||N())}}l.recentNavEvent=undefined};var I=function e(n){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:false;l.recentNavEvent=n;var t=R({event:n,isBackward:r});if(t){if(w(n)){n.preventDefault()}x(t)}};var G=function e(n){if(p(n)&&O(v.escapeDeactivates,n)!==false){n.preventDefault();T.deactivate();return}if(v.isKeyForward(n)||v.isKeyBackward(n)){I(n,v.isKeyBackward(n))}};var K=function e(n){var r=k(n);if(g(r,n)>=0){return}if(O(v.clickOutsideDeactivates,n)){return}if(O(v.allowOutsideClick,n)){return}n.preventDefault();n.stopImmediatePropagation()};var M=function e(){if(!l.active){return}d.activateTrap(s,T);l.delayInitialFocusTimer=v.delayInitialFocus?y((function(){x(N())})):x(N());f.addEventListener("focusin",C,true);f.addEventListener("mousedown",S,{capture:true,passive:false});f.addEventListener("touchstart",S,{capture:true,passive:false});f.addEventListener("click",K,{capture:true,passive:false});f.addEventListener("keydown",G,{capture:true,passive:false});return T};var U=function e(){if(!l.active){return}f.removeEventListener("focusin",C,true);f.removeEventListener("mousedown",S,true);f.removeEventListener("touchstart",S,true);f.removeEventListener("click",K,true);f.removeEventListener("keydown",G,true);return T};var Y=function e(n){var r=n.some((function(e){var n=Array.from(e.removedNodes);return n.some((function(e){return e===l.mostRecentlyFocusedNode}))}));if(r){x(N())}};var L=typeof window!=="undefined"&&"MutationObserver"in window?new MutationObserver(Y):undefined;var q=function e(){if(!L){return}L.disconnect();if(l.active&&!l.paused){l.containers.map((function(e){L.observe(e,{subtree:true,childList:true})}))}};T={get active(){return l.active},get paused(){return l.paused},activate:function e(n){if(l.active){return this}var r=D(n,"onActivate");var t=D(n,"onPostActivate");var i=D(n,"checkCanFocusTrap");if(!i){P()}l.active=true;l.paused=false;l.nodeFocusedBeforeActivation=f.activeElement;r===null||r===void 0||r();var u=function e(){if(i){P()}M();q();t===null||t===void 0||t()};if(i){i(l.containers.concat()).then(u,u);return this}u();return this},deactivate:function e(n){if(!l.active){return this}var r=c({onDeactivate:v.onDeactivate,onPostDeactivate:v.onPostDeactivate,checkCanReturnFocus:v.checkCanReturnFocus},n);clearTimeout(l.delayInitialFocusTimer);l.delayInitialFocusTimer=undefined;U();l.active=false;l.paused=false;q();d.deactivateTrap(s,T);var t=D(r,"onDeactivate");var i=D(r,"onPostDeactivate");var u=D(r,"checkCanReturnFocus");var a=D(r,"returnFocus","returnFocusOnDeactivate");t===null||t===void 0||t();var o=function e(){y((function(){if(a){x(B(l.nodeFocusedBeforeActivation))}i===null||i===void 0||i()}))};if(a&&u){u(B(l.nodeFocusedBeforeActivation)).then(o,o);return this}o();return this},pause:function e(n){if(l.paused||!l.active){return this}var r=D(n,"onPause");var t=D(n,"onPostPause");l.paused=true;r===null||r===void 0||r();U();q();t===null||t===void 0||t();return this},unpause:function e(n){if(!l.paused||!l.active){return this}var r=D(n,"onUnpause");var t=D(n,"onPostUnpause");l.paused=false;r===null||r===void 0||r();P();M();q();t===null||t===void 0||t();return this},updateContainerElements:function e(n){var r=[].concat(n).filter(Boolean);l.containers=r.map((function(e){return typeof e==="string"?f.querySelector(e):e}));if(l.active){P()}q();return this}};T.updateContainerElements(a);return T};function D(e,n){const{el:r}=e;const t=n?.focusTrapEl||r;if(!t){return}const i={clickOutsideDeactivates:true,escapeDeactivates:false,fallbackFocus:t,setReturnFocus:e=>{u(e);return false},...n?.focusTrapOptions,document:r.ownerDocument,tabbableOptions:a,trapStack:o};e.focusTrap=T(t,i)}function g(e,n){if(!e.focusTrapDisabled){e.focusTrap?.activate(n)}}function E(e,n){e.focusTrap?.deactivate(n)}function N(e){e.focusTrap?.updateContainerElements(e.el)}export{g as a,D as c,E as d,N as u};
-//# sourceMappingURL=p-a4ba2c4c.js.map

package/dist/calcite/p-a9789e0e.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{a as n}from"./p-e7104b8d.js";import{n as t,g as r}from"./p-29c291d1.js";function o(n,t,r){if(!n){return}const o=n.getTime();const s=!(t instanceof Date)||o>=t.getTime();const e=!(r instanceof Date)||o<=r.getTime();return s&&e}function s(n,t,r){if(!(n instanceof Date)){return null}const o=n.getTime();const s=t instanceof Date&&o<t.getTime();const e=r instanceof Date&&o>r.getTime();if(s){return t}if(e){return r}return n}function e(n,t=false){if(n instanceof Date){return n}if(!n||typeof n!=="string"){return null}const r=n.split(/[: T-]/).map(parseFloat);const o=new Date(r[0],(r[1]||1)-1,r[2]||1);o.setFullYear(r[0]);if(isNaN(o.getTime())){throw new Error(`Invalid ISO 8601 date: "${n}"`)}if(t){return g(o)}return o}function a(n,t){if(!t){return null}const{separator:r}=t;const o=m(n,t);const{day:s,month:e}=o;const a=c(o.year,t);const i=new Date(a,e,s);i.setFullYear(a);const u=s>0;const f=e>-1;const d=!isNaN(i.getTime());const l=n.split(r).filter((n=>n)).length>2;const D=a.toString().length>0;if(u&&f&&d&&l&&D){return i}return null}function c(n,t){return u(n,t,"read")}function i(n,t){return u(n,t,"write")}function u(n,t,r){if(t["default-calendar"]!=="buddhist"){return n}const o=543;const s=o*(r==="read"?-1:1);return n+s}function f(n,r){const{separator:o,unitOrder:s}=r;const e=h(s);const a=n.split(o).map((n=>t.delocalize(n)));const c=a[e.indexOf("d")];const i=a[e.indexOf("m")];const u=a[e.indexOf("y")];return{day:c,month:i,year:u}}function d(n){if(n instanceof Date){const t=String(n.getMonth()+1).padStart(2,"0");const r=String(n.getDate()).padStart(2,"0");const o=String(n.getFullYear()).padStart(4,"0");return`${o}-${t}-${r}`}return""}function l(n){const t=n.split("-");return{day:t[2],month:t[1],year:t[0]}}function D(n,t){return n instanceof Date&&t instanceof Date&&n.getDate()===t.getDate()&&n.getMonth()===t.getMonth()&&n.getFullYear()===t.getFullYear()}function p(n){const t=n.getMonth();const r=new Date(n);r.setMonth(t-1);if(t===r.getMonth()){return new Date(n.getFullYear(),t,0)}return r}function y(n){const t=n.getMonth();const r=new Date(n);r.setMonth(t+1);if((t+2)%7===r.getMonth()%7){return new Date(n.getFullYear(),t+2,0)}return r}function m(n,t){const{day:r,month:o,year:s}=f(n,t);return{day:parseInt(r),month:parseInt(o)-1,year:parseInt(s)}}function h(n){const t=["d","m","y"];const r=n.toLowerCase();return t.sort(((n,t)=>r.indexOf(n)-r.indexOf(t)))}function w(n,t){const r=n.getTime();const o=t.getTime();return(r-o)/(1e3*3600*24)}function g(n){n.setHours(23,59,59,999);return n}const $={};const I={};async function b(t){const o=r(t);if($[o]){return $[o]}if(!I[o]){I[o]=fetch(n(`./assets/date-picker/nls/${o}.json`)).then((n=>n.json())).catch((()=>{console.error(`Translations for "${o}" not found or invalid, falling back to english`);return b("en")}))}const s=await I[o];$[o]=s;return s}function j(n){return n.map(((n,t)=>e(n,t===1)))}export{f as a,a as b,d as c,l as d,e,s as f,j as g,b as h,o as i,w as j,D as k,h as l,i as m,y as n,c as o,p,g as s};
-//# sourceMappingURL=p-a9789e0e.js.map

package/dist/calcite/p-a9cce7b0.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{h as t}from"./p-e7104b8d.js";function e(t){return Math.min(Math.max(Math.ceil(t),1),6)}const r=(e,r)=>{const n=e.level?`h${e.level}`:"div";delete e.level;return t(n,{...e},r)};export{r as H,e as c};
-//# sourceMappingURL=p-a9cce7b0.js.map

package/dist/calcite/p-aaea23e1.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{t}from"./p-ce533cd8.js";import{e as n,i as e}from"./p-d6aca761.js";const o=new Date;const s=o.toISOString();const r=365;const c=r;const a={groupDateRange:c,startDate:s};const l=(t,n,e)=>{const o=[];let s=e.create(t);for(let t=0;t<=n;t++){s=e.increase(s);o.push(e.formatToIsoDateString(s))}return o};const i=(t,o,s,r)=>{const c=new Map;const a=l(o,s,r);return t.map((t=>{const{label:o}=t;const s=n(o);const l=a.map((t=>{const n=`${t}-${o}`;let e=c.get(n);if(e){return e}e=r.isoToTimeZone(t,o);c.set(n,e);return e}));return{...t,continent:s,isRegularContinent:e(s),dates:l}}))};const u=(t,n,e)=>t.length===n.length&&t.every(((t,o)=>e.same(t,n[o])));const f=(t,o=5)=>{const s=t.filter((({label:t})=>e(n(t))));if(s.length===0){return[0]}const r=s.map((n=>t.indexOf(n)));return d(r,o)};function d(t,n=5){const e=t.length;if(e<=n){return t}const o=Math.min(e-2,n-2);const s=(e-1)/(o+1);return[t[0],...Array.from({length:o},((n,e)=>t[Math.round((e+1)*s)])),t[e-1]]}async function b(n){const{groupDateRange:e,startDate:o,dateEngine:s}={...a,...n};const r=[];if(!s){throw new Error("dateEngine is required")}const c=t.map((t=>({label:t})));const l=i(c,o,e,s);for(const t of l){const{label:n,continent:e,dates:o}=t;if(t.visited){continue}t.visited=true;const c={labelIdx:[],tzs:[{label:n}]};for(const t of l.filter((t=>!t.visited))){const{label:n,continent:r,isRegularContinent:a,dates:l}=t;if((e===r||!a)&&u(o,l,s)){const e={label:n};c.tzs.push(e);t.visited=true}}r.push(c)}return r.map((t=>{t.tzs=t.tzs.sort(((t,n)=>t.label.localeCompare(n.label)));return{labelTzIdx:f(t.tzs,7),tzs:t.tzs.map((t=>t.label))}})).sort(((t,n)=>n.tzs.length-t.tzs.length))}export{b as groupByOffset};
-//# sourceMappingURL=p-aaea23e1.js.map

package/dist/calcite/p-adfbff91.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{d as i,i as r}from"./p-17c701ba.js";var t="Expected a function";function n(n,a,e){var o=true,f=true;if(typeof n!="function"){throw new TypeError(t)}if(r(e)){o="leading"in e?!!e.leading:o;f="trailing"in e?!!e.trailing:f}return i(n,a,{leading:o,maxWait:a,trailing:f})}export{n as t};
-//# sourceMappingURL=p-adfbff91.js.map

package/dist/calcite/p-ae31eacb.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{r as e,c as i,h as t,H as c,g as a}from"./p-e7104b8d.js";import{b as n,t as s}from"./p-27ab49c7.js";import{a as l,s as o,c as r}from"./p-5b45eef3.js";import{u as d,c as p,d as h,s as g}from"./p-c60c7e01.js";import{c as m,u as v,d as u,I as f}from"./p-8f8cbbc7.js";import{c as b,d as x}from"./p-29c291d1.js";import{i as k}from"./p-c473b37c.js";import{g as y}from"./p-cbed8c79.js";import{i as z}from"./p-3c4fe54e.js";import"./p-6f580f9d.js";import"./p-56bab01f.js";import"./p-9a2f96d2.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-ae31eacb.entry.js.map

package/dist/calcite/p-ae31eacb.entry.js.map

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

package/dist/calcite/p-b11d24a6.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{h as t,r as i,c as e,H as s,g as o}from"./p-e7104b8d.js";import{c as n}from"./p-76bb7115.js";import{f as c,e as a}from"./p-ff232f67.js";import{C as l,E as r,F as h,t as d,e as p}from"./p-27ab49c7.js";import{d as b,f,c as u,r as m,a as g,F as x}from"./p-27b69025.js";import{s as v,c as y,a as w,d as C,H as k}from"./p-d6a25fe2.js";import{g as I}from"./p-6f580f9d.js";import{c as z,u as $,d as E,I as S}from"./p-8f8cbbc7.js";import{c as H,d as A,g as D}from"./p-64329e55.js";import{b as M,c as j,s as O,a as P}from"./p-5b45eef3.js";import{c as L,d as T}from"./p-29c291d1.js";import{c as F}from"./p-9a2f96d2.js";import{o as B}from"./p-78673acb.js";import{D as R}from"./p-56bab01f.js";import{c as V,s as W,d as G,u as U}from"./p-c60c7e01.js";import{g as _,c as X}from"./p-cbed8c79.js";import{V as K}from"./p-36ecadf9.js";import{i as N}from"./p-3c4fe54e.js";import{d as q}from"./p-17c701ba.js";import{c as J,d as Q}from"./p-dcecb4a0.js";import"./p-c473b37c.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-b11d24a6.entry.js.map