@esri/calcite-components 2.9.0-next.2 → 2.9.0-next.20

package/dist/calcite/p-6387e69e.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/main/LICENSE.md for details.
- * v2.9.0-next.2
- */
-import{r as e,c as t,h as s,H as i,g as a,F as r}from"./p-d5fb1def.js";import{j as n,c as o,e as h,g as c,h as d,f as l,s as f,k as p,i as u,l as g,n as v,p as y,m as b,o as m}from"./p-28d5a868.js";import{c as w,s as x,a as k}from"./p-77f9f089.js";import{c as D,d as z,n as C,e as A}from"./p-d41eda90.js";import{c as I,d as S,s as j,u as M}from"./p-f2fb83bd.js";import{a as P,t as H}from"./p-521dd844.js";import{I as R,c as L,u as W,d as _}from"./p-dd122c48.js";import{i as O}from"./p-0055e511.js";import{H as Y}from"./p-c90dab6f.js";import{g as E}from"./p-5b021a42.js";import"./p-7369809e.js";import"./p-1a91451c.js";import"./p-4a7f9f77.js";import"./p-64eee6a2.js";const N=2;const F={dateStyle:"full"};const K=":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:inline-block;inline-size:auto;overflow:visible;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-1);vertical-align:top}:host([scale=s]){inline-size:234px;min-inline-size:216px;max-inline-size:380px}:host([scale=m]){inline-size:304px;min-inline-size:272px;max-inline-size:480px}:host([scale=l]){inline-size:370px;min-inline-size:320px;max-inline-size:600px}:host([hidden]){display:none}[hidden]{display:none}";const T=K;const $=class{constructor(s){e(this,s);this.calciteDatePickerChange=t(this,"calciteDatePickerChange",6);this.calciteDatePickerRangeChange=t(this,"calciteDatePickerRangeChange",6);this.keyDownHandler=e=>{if(e.key==="Escape"){this.resetActiveDates()}};this.monthHeaderSelectChange=e=>{const t=new Date(e.detail);if(!this.range){this.activeDate=t}else{if(this.activeRange==="end"){this.activeEndDate=t}else{this.activeStartDate=t}this.mostRecentRangeValue=t}};this.monthActiveDateChange=e=>{const t=new Date(e.detail);if(!this.range){this.activeDate=t}else{if(this.activeRange==="end"){this.activeEndDate=t}else{this.activeStartDate=t}this.mostRecentRangeValue=t}};this.monthHoverChange=e=>{if(!this.range){this.hoverRange=undefined;return}const{valueAsDate:t}=this;const s=Array.isArray(t)&&t[0];const i=Array.isArray(t)&&t[1];const a=new Date(e.detail);this.hoverRange={focused:this.activeRange||"start",start:s,end:i};if(this.proximitySelectionDisabled){if(i&&s||!i&&a>=s){this.hoverRange.focused="end";this.hoverRange.end=a}else if(!i&&a<s){this.hoverRange={focused:"start",start:a,end:s}}else{this.hoverRange=undefined}}else{if(s&&i){const e=n(a,s);const t=n(a,i);if(t>0){this.hoverRange.end=a;this.hoverRange.focused="end"}else if(e<0){this.hoverRange.start=a;this.hoverRange.focused="start"}else if(e>t){this.hoverRange.start=a;this.hoverRange.focused="start"}else{this.hoverRange.end=a;this.hoverRange.focused="end"}}else{if(s){if(a<s){this.hoverRange={focused:"start",start:a,end:s}}else{this.hoverRange.end=a;this.hoverRange.focused="end"}}}}e.stopPropagation()};this.monthMouseOutChange=()=>{if(this.hoverRange){this.hoverRange=undefined}};this.resetActiveDates=()=>{const{valueAsDate:e}=this;if(!Array.isArray(e)&&e&&e!==this.activeDate){this.activeDate=new Date(e)}if(Array.isArray(e)){if(e[0]&&e[0]!==this.activeStartDate){this.activeStartDate=new Date(e[0])}if(e[1]&&e[1]!==this.activeEndDate){this.activeEndDate=new Date(e[1])}}};this.monthDateChange=e=>{const t=new Date(e.detail);const s=o(t);if(!this.range&&s===o(this.valueAsDate)){return}if(!this.range){this.value=s||"";this.valueAsDate=t||null;this.activeDate=t||null;this.calciteDatePickerChange.emit();return}const i=this.getStartDate();const a=this.getEndDate();if(!i||!a&&t<i){if(i){this.setEndDate(new Date(i))}if(this.activeRange=="end"){this.setEndDate(t)}else{this.setStartDate(t)}}else if(!a){this.setEndDate(t)}else{if(this.proximitySelectionDisabled){this.setStartDate(t);this.setEndDate(null)}else{if(this.activeRange){if(this.activeRange=="end"){this.setEndDate(t)}else{this.setStartDate(t)}}else{const e=n(t,i);const s=n(t,a);if(s===0||e<0){this.setStartDate(t)}else if(e===0||s<0){this.setEndDate(t)}else if(e<s){this.setStartDate(t)}else{this.setEndDate(t)}}}}this.calciteDatePickerChange.emit()};this.activeDate=undefined;this.activeRange=undefined;this.value=undefined;this.headingLevel=undefined;this.valueAsDate=undefined;this.minAsDate=undefined;this.maxAsDate=undefined;this.min=undefined;this.max=undefined;this.numberingSystem=undefined;this.scale="m";this.range=false;this.proximitySelectionDisabled=false;this.messageOverrides=undefined;this.messages=undefined;this.activeEndDate=undefined;this.activeStartDate=undefined;this.dateTimeFormat=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.endAsDate=undefined;this.hoverRange=undefined;this.localeData=undefined;this.mostRecentRangeValue=undefined;this.startAsDate=undefined}activeDateWatcher(e){if(this.activeRange==="end"){this.activeEndDate=e}}valueAsDateWatcher(e){if(this.range&&Array.isArray(e)){const{activeStartDate:t,activeEndDate:s}=this;const i=e[0];const a=e[1];this.activeStartDate=t!==i&&i;this.activeEndDate=s!==a&&a}else if(e&&e!==this.activeDate){this.activeDate=e}}onMinChanged(e){if(e){this.minAsDate=h(e)}}onMaxChanged(e){if(e){this.maxAsDate=h(e)}}onMessagesChange(){}async setFocus(){await w(this);this.el.focus()}async reset(){this.resetActiveDates();this.mostRecentRangeValue=undefined}connectedCallback(){D(this);I(this);if(Array.isArray(this.value)){this.valueAsDate=c(this.value)}else if(this.value){this.valueAsDate=h(this.value)}if(this.min){this.minAsDate=h(this.min)}if(this.max){this.maxAsDate=h(this.max)}}disconnectedCallback(){z(this);S(this)}async componentWillLoad(){x(this);await this.loadLocaleData();this.onMinChanged(this.min);this.onMaxChanged(this.max);await j(this)}componentDidLoad(){k(this)}render(){const e=d(this.range&&Array.isArray(this.valueAsDate)?this.valueAsDate[0]:this.valueAsDate,this.minAsDate,this.maxAsDate);let t=this.getActiveDate(e,this.minAsDate,this.maxAsDate);const a=this.range&&Array.isArray(this.valueAsDate)?d(this.valueAsDate[1],this.minAsDate,this.maxAsDate):null;const r=this.getActiveEndDate(a,this.minAsDate,this.maxAsDate);if((this.activeRange==="end"||this.hoverRange?.focused==="end"&&(!this.proximitySelectionDisabled||a))&&r){t=r}if(this.range&&this.mostRecentRangeValue){t=this.mostRecentRangeValue}const n=this.range&&this.activeRange?this.activeRange==="start"?this.minAsDate:e||this.minAsDate:this.minAsDate;const o=this.range&&this.activeRange?this.activeRange==="start"?a||this.maxAsDate:this.maxAsDate:this.maxAsDate;return s(i,{key:"af94b669a3045e53c100cb5850381e9f77423133",onBlur:this.resetActiveDates,onKeyDown:this.keyDownHandler},this.renderCalendar(t,o,n,e,a))}effectiveLocaleChange(){M(this,this.effectiveLocale)}valueHandler(e){if(Array.isArray(e)){this.valueAsDate=c(e)}else if(e){this.valueAsDate=h(e)}}async loadLocaleData(){C.numberFormatOptions={numberingSystem:this.numberingSystem,locale:this.effectiveLocale,useGrouping:false};this.localeData=await l(this.effectiveLocale);this.dateTimeFormat=A(this.effectiveLocale,F)}renderCalendar(e,t,i,a,r){return this.localeData&&[s("calcite-date-picker-month-header",{activeDate:e,headingLevel:this.headingLevel||N,localeData:this.localeData,max:t,messages:this.messages,min:i,onCalciteInternalDatePickerSelect:this.monthHeaderSelectChange,scale:this.scale,selectedDate:this.activeRange==="end"?r:a||new Date}),s("calcite-date-picker-month",{activeDate:e,dateTimeFormat:this.dateTimeFormat,endDate:this.range?r:undefined,hoverRange:this.hoverRange,localeData:this.localeData,max:t,min:i,onCalciteInternalDatePickerActiveDateChange:this.monthActiveDateChange,onCalciteInternalDatePickerHover:this.monthHoverChange,onCalciteInternalDatePickerMouseOut:this.monthMouseOutChange,onCalciteInternalDatePickerSelect:this.monthDateChange,scale:this.scale,selectedDate:this.activeRange==="end"?r:a,startDate:this.range?a:undefined})]}getEndDate(){return Array.isArray(this.valueAsDate)&&this.valueAsDate[1]||undefined}setEndDate(e){const t=this.getStartDate();const s=e?f(e):e;this.value=[o(t),o(e)];this.valueAsDate=[t,e];this.mostRecentRangeValue=s;this.calciteDatePickerRangeChange.emit();this.activeEndDate=e||null}getStartDate(){return Array.isArray(this.valueAsDate)&&this.valueAsDate[0]}setStartDate(e){const t=this.getEndDate();this.value=[o(e),o(t)];this.valueAsDate=[e,t];this.mostRecentRangeValue=e;this.calciteDatePickerRangeChange.emit();this.activeStartDate=e||null}getActiveDate(e,t,s){return d(this.activeDate,t,s)||e||d(new Date,t,s)}getActiveEndDate(e,t,s){return d(this.activeEndDate,t,s)||e||d(new Date,t,s)}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{activeDate:["activeDateWatcher"],valueAsDate:["valueAsDateWatcher"],min:["onMinChanged"],max:["onMaxChanged"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange","loadLocaleData"],value:["valueHandler"]}}};$.style=T;const G=':host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;cursor:pointer;color:var(--calcite-color-text-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.day-v-wrapper{flex:1 1 auto}.day-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}:host([range]) .day-wrapper:before,:host([range]) .day-wrapper:after,:host([range-hover]) .day-wrapper:before,:host([range-hover]) .day-wrapper:after{pointer-events:none;position:absolute;inset-block:0;content:"";block-size:var(--calcite-internal-day-size);inline-size:var(--calcite-internal-day-size)}.day{z-index:var(--calcite-z-index);display:flex;align-items:center;justify-content:center;border-radius:9999px;font-size:var(--calcite-font-size--2);line-height:1rem;line-height:1;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;background:none;box-shadow:0 0 0 2px transparent;block-size:var(--calcite-internal-day-size);inline-size:var(--calcite-internal-day-size)}.text{margin-block:1px 0px;margin-inline-start:0px}:host([scale=s]){--calcite-internal-day-size:27px}:host([scale=s]) .day-v-wrapper{padding-block:0.125rem}:host([scale=s]) .day-wrapper{padding:0px}:host([scale=s]) .day{font-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-internal-day-size:33px}:host([scale=m]) .day-v-wrapper{padding-block:0.25rem}:host([scale=m]) .day-wrapper{padding:0px}:host([scale=m]) .day{font-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-internal-day-size:43px}:host([scale=l]) .day-v-wrapper{padding-block:0.25rem}:host([scale=l]) .day-wrapper{padding-inline:0.25rem}:host([scale=l]) .day{font-size:var(--calcite-font-size-0)}:host(:not([current-month])) .day{opacity:var(--calcite-opacity-disabled)}:host(:hover:not([disabled]):not([selected])) .day,:host([active]:not([range]):not([selected])) .day{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}:host(:focus),:host([active]){outline:2px solid transparent;outline-offset:2px}:host(:focus:not([disabled])) .day{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([selected]) .day{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-color-brand);color:var(--calcite-color-foreground-1)}:host(:focus:not([disabled])) .day,:host([start-of-range]:not(:focus)) .day,:host([end-of-range]:not(:focus)) .day{box-shadow:0 0 0 2px var(--calcite-color-foreground-1)}:host([range-hover]:not([selected])) .day-wrapper:before,:host([highlighted]:not([selected])) .day-wrapper:before{inset-inline-end:50%;border-radius:0}:host([range-hover]:not([selected])) .day-wrapper:after,:host([highlighted]:not([selected])) .day-wrapper:after{inset-inline-start:50%;border-radius:0}:host([range-hover]:not([selected])) .day,:host([highlighted]:not([selected])) .day{color:var(--calcite-color-text-1)}:host([highlighted]) .day-wrapper:before,:host([highlighted]) .day-wrapper:after,:host([selected]:not(.hover--outside-range)) .day-wrapper:before,:host([selected]:not(.hover--outside-range)) .day-wrapper:after{background-color:var(--calcite-color-foreground-current)}:host([range-hover]:not([selected])) .day-wrapper:before,:host([range-hover]:not([selected])) .day-wrapper:after{background-color:var(--calcite-color-foreground-2)}:host(:hover[range-hover]:not([selected]).focused--end) .day-wrapper:before,:host([highlighted][end-of-range]) .day-wrapper:before,:host([highlighted][range-edge=end]) .day-wrapper:before,:host([range-hover][range-edge=end]) .day-wrapper:before,:host(:hover[range-hover].focused--end.hover--outside-range) .day-wrapper:before{inset-inline-end:50%}:host(:hover[range-hover]:not([selected]).focused--end) .day-wrapper:after,:host([highlighted][end-of-range]) .day-wrapper:after,:host([highlighted][range-edge=end]) .day-wrapper:after,:host([range-hover][range-edge=end]) .day-wrapper:after,:host(:hover[range-hover].focused--end.hover--outside-range) .day-wrapper:after{inset-inline-start:50%;border-start-end-radius:var(--calcite-internal-day-size);border-end-end-radius:var(--calcite-internal-day-size);inline-size:calc(var(--calcite-internal-day-size) / 2)}:host([highlighted][start-of-range]) .day-wrapper:before,:host([highlighted][range-edge=start]) .day-wrapper:before,:host([range-hover][range-edge=start]) .day-wrapper:before,:host(:hover[range-hover]:not([selected]).focused--start) .day-wrapper:before,:host([start-of-range].hover--inside-range) .day-wrapper:before,:host(:hover[range-hover].focused--start.hover--outside-range) .day-wrapper:before{inset-inline-end:50%;border-start-start-radius:var(--calcite-internal-day-size);border-end-start-radius:var(--calcite-internal-day-size);inline-size:calc(var(--calcite-internal-day-size) / 2)}:host([highlighted][start-of-range]) .day-wrapper:after,:host([highlighted][range-edge=start]) .day-wrapper:after,:host([range-hover][range-edge=start]) .day-wrapper:after,:host(:hover[range-hover]:not([selected]).focused--start) .day-wrapper:after,:host([start-of-range].hover--inside-range) .day-wrapper:after,:host(:hover[range-hover].focused--start.hover--outside-range) .day-wrapper:after{inset-inline-start:50%}:host([range-hover][start-of-range][range-edge=end]) .day-wrapper:after,:host([range-hover][start-of-range][range-edge=end]) .day-wrapper:before,:host([range-hover][end-of-range][range-edge=start]) .day-wrapper:after,:host([range-hover][end-of-range][range-edge=start]) .day-wrapper:before,:host([start-of-range][range-edge=end].hover--inside-range) .day-wrapper:after,:host([start-of-range][range-edge=end].hover--inside-range) .day-wrapper:before,:host([end-of-range]) .day-wrapper:after,:host([end-of-range]) .day-wrapper:before{content:unset}:host(:hover[range-hover]:not([selected]).focused--start) .day,:host(:hover[range-hover]:not([selected]).focused--end) .day,:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) .day,:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) .day{box-shadow:0 0 0 2px var(--calcite-color-foreground-1)}@media (forced-colors: active){.day{border-radius:0px}:host([selected]){outline:2px solid canvasText}:host(:hover:not([selected])) .day{border-radius:50%}:host([range][selected]) .day-wrapper:before,:host([range][selected]) .day-wrapper:after,:host([highlighted]) .day-wrapper:before,:host([highlighted]) .day-wrapper:after,:host([range-hover]:not([selected])) .day-wrapper:before,:host([range-hover]:not([selected])) .day-wrapper:after{background-color:highlight}:host([range-hover]) .day-wrapper:before,:host([range-hover]) .day-wrapper:after,:host([range][selected][start-of-range]) .day-wrapper:before,:host([range][selected][start-of-range]) .day-wrapper:after,:host([range][selected][end-of-range]) .day-wrapper:before,:host([range][selected][end-of-range]) .day-wrapper:after{background-color:canvas}}:host([hidden]){display:none}[hidden]{display:none}';const U=G;const B=class{constructor(s){e(this,s);this.calciteDaySelect=t(this,"calciteDaySelect",6);this.calciteInternalDayHover=t(this,"calciteInternalDayHover",6);this.onClick=()=>{if(this.disabled){return}this.calciteDaySelect.emit()};this.keyDownHandler=e=>{if(O(e.key)){!this.disabled&&this.calciteDaySelect.emit();e.preventDefault()}};this.day=undefined;this.dateTimeFormat=undefined;this.disabled=false;this.currentMonth=false;this.selected=false;this.highlighted=false;this.range=false;this.rangeEdge=undefined;this.startOfRange=false;this.endOfRange=false;this.rangeHover=false;this.active=false;this.scale=undefined;this.value=undefined}pointerOverHandler(){if(this.disabled){return}this.calciteInternalDayHover.emit()}async componentWillLoad(){x(this);this.parentDatePickerEl=P(this.el,"calcite-date-picker")}componentDidLoad(){k(this)}async setFocus(){await w(this);this.el.focus()}render(){const e=o(this.value).replaceAll("-","");if(this.parentDatePickerEl){const{numberingSystem:e,lang:t}=this.parentDatePickerEl;C.numberFormatOptions={useGrouping:false,...e&&{numberingSystem:e},...t&&{locale:t}}}const t=C.localize(String(this.day));const a=this.dateTimeFormat.format(this.value);return s(i,{key:"8de3dbeb652bfeb5ea9e9a490c3cec6a3663aeea","aria-disabled":H(this.disabled),"aria-label":a,"aria-selected":H(this.active),id:e,onClick:this.onClick,onKeyDown:this.keyDownHandler,role:"button",tabIndex:this.active&&!this.disabled?0:-1},s(R,{key:"edb52f389027ea4f48067e2c0a4c6a28251bc4ab",disabled:this.disabled},s("div",{key:"fd75d2ebcd2e6ca21afdefb3f4e6f02089b43609","aria-hidden":"true",class:{"day-v-wrapper":true}},s("div",{key:"d4ac04c544b7f26c1e1992f4b8046c608c6174cd",class:"day-wrapper"},s("span",{key:"8453fd6dd54fa642f1779b99e2f1012a2277cfda",class:"day"},s("span",{key:"fb704e33e0d0af0ce76988983b530e640a361299",class:"text"},t))))))}connectedCallback(){L(this)}componentDidRender(){W(this)}disconnectedCallback(){_(this)}get el(){return a(this)}};B.style=U;const q=":host([hidden]){display:none}[hidden]{display:none}.calendar{margin-block-end:0.25rem}.week-headers{display:flex;border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px;padding-inline:0.25rem}.week-header{text-align:center;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-3);inline-size:14.2857142857%}.day{display:flex;min-inline-size:0px;justify-content:center;inline-size:100%}.day calcite-date-picker-day{inline-size:100%}:host([scale=s]) .week-header{padding-inline:0px;padding-block:0.5rem 0.75rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]) .week-header{padding-inline:0px;padding-block:0.75rem 1rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=l]) .week-header{padding-inline:0px;padding-block:1rem 1.25rem;font-size:var(--calcite-font-size--1);line-height:1rem}.week-days{display:grid;grid-template-columns:repeat(7, 1fr);grid-auto-rows:1fr;padding-block:0;padding-inline:6px}.week-days:focus{outline:2px solid transparent;outline-offset:2px}";const J=q;const Q=7;const V=6;const X=class{constructor(s){e(this,s);this.calciteInternalDatePickerSelect=t(this,"calciteInternalDatePickerSelect",6);this.calciteInternalDatePickerHover=t(this,"calciteInternalDatePickerHover",6);this.calciteInternalDatePickerActiveDateChange=t(this,"calciteInternalDatePickerActiveDateChange",6);this.calciteInternalDatePickerMouseOut=t(this,"calciteInternalDatePickerMouseOut",6);this.keyDownHandler=e=>{if(e.defaultPrevented){return}const t=this.el.dir==="rtl";switch(e.key){case"ArrowUp":e.preventDefault();this.addDays(-7);break;case"ArrowRight":e.preventDefault();this.addDays(t?-1:1);break;case"ArrowDown":e.preventDefault();this.addDays(7);break;case"ArrowLeft":e.preventDefault();this.addDays(t?1:-1);break;case"PageUp":e.preventDefault();this.addMonths(-1);break;case"PageDown":e.preventDefault();this.addMonths(1);break;case"Home":e.preventDefault();this.activeDate.setDate(1);this.addDays();break;case"End":e.preventDefault();this.activeDate.setDate(new Date(this.activeDate.getFullYear(),this.activeDate.getMonth()+1,0).getDate());this.addDays();break;case"Enter":case" ":e.preventDefault();break;case"Tab":this.activeFocus=false}};this.disableActiveFocus=()=>{this.activeFocus=false};this.dayHover=e=>{const t=e.target;if(t.disabled){this.calciteInternalDatePickerMouseOut.emit()}else{this.calciteInternalDatePickerHover.emit(t.value)}e.stopPropagation()};this.daySelect=e=>{const t=e.target;this.calciteInternalDatePickerSelect.emit(t.value)};this.dateTimeFormat=undefined;this.selectedDate=undefined;this.activeDate=new Date;this.startDate=undefined;this.endDate=undefined;this.min=undefined;this.max=undefined;this.scale=undefined;this.localeData=undefined;this.hoverRange=undefined}pointerOutHandler(){this.calciteInternalDatePickerMouseOut.emit()}render(){const e=this.activeDate.getMonth();const t=this.activeDate.getFullYear();const a=this.localeData.weekStart%7;const{abbreviated:r,short:n,narrow:o}=this.localeData.days;const h=this.scale==="s"?o||n||r:n||r||o;const c=[...h.slice(a,7),...h.slice(0,a)];const d=this.getCurrentMonthDays(e,t);const l=this.getPreviousMonthDays(e,t,a);const f=this.getNextMonthDays(e,t,a);let u=0;const g=()=>u++%7;const v=[...l.map((s=>({active:false,day:s,dayInWeek:g(),date:new Date(t,e-1,s)}))),...d.map((s=>{const i=new Date(t,e,s);const a=p(i,this.activeDate);return{active:a,currentMonth:true,day:s,dayInWeek:g(),date:i,ref:true}})),...f.map((s=>({active:false,day:s,dayInWeek:g(),date:new Date(t,e+1,s)})))];return s(i,{onFocusout:this.disableActiveFocus,onKeyDown:this.keyDownHandler},s("div",{class:"calendar",role:"grid"},s("div",{class:"week-headers",role:"row"},c.map((e=>s("span",{class:"week-header",role:"columnheader"},e)))),s("div",{class:"week-days",role:"row"},v.map(((e,t)=>this.renderDateDay(e,t))))))}addMonths(e){const t=new Date(this.activeDate);t.setMonth(this.activeDate.getMonth()+e);this.calciteInternalDatePickerActiveDateChange.emit(d(t,this.min,this.max));this.activeFocus=true}addDays(e=0){const t=new Date(this.activeDate);t.setDate(this.activeDate.getDate()+e);this.calciteInternalDatePickerActiveDateChange.emit(d(t,this.min,this.max));this.activeFocus=true}getPreviousMonthDays(e,t,s){const i=new Date(t,e,0);const a=i.getDate();const r=i.getDay();const n=[];if(r===(s+V)%Q){return n}if(r===s){return[a]}for(let e=(Q+r-s)%Q;e>=0;e--){n.push(a-e)}return n}getCurrentMonthDays(e,t){const s=new Date(t,e+1,0).getDate();const i=[];for(let e=0;e<s;e++){i.push(e+1)}return i}getNextMonthDays(e,t,s){const i=new Date(t,e+1,0).getDay();const a=[];if(i===(s+V)%Q){return a}for(let e=0;e<(V-(i-s))%Q;e++){a.push(e+1)}return a}betweenSelectedRange(e){return!!(this.startDate&&this.endDate&&e>this.startDate&&e<this.endDate&&!this.isRangeHover(e))}isSelected(e){return!!(p(e,this.selectedDate)||this.startDate&&p(e,this.startDate)||this.endDate&&p(e,this.endDate))}isStartOfRange(e){return!!(this.startDate&&!p(this.startDate,this.endDate)&&p(this.startDate,e)&&!this.isEndOfRange(e))}isEndOfRange(e){return!!(this.endDate&&!p(this.startDate,this.endDate)&&p(this.endDate,e)||!this.endDate&&this.hoverRange&&p(this.startDate,this.hoverRange.end)&&p(e,this.hoverRange.end))}renderDateDay({active:e,currentMonth:t,date:i,day:a,dayInWeek:r,ref:n},o){const h=this.isFocusedOnStart();const c=this.isHoverInRange()||!this.endDate&&this.hoverRange&&p(this.hoverRange?.end,this.startDate);return s("div",{class:"day",key:o,role:"gridcell"},s("calcite-date-picker-day",{active:e,class:{"hover--inside-range":this.startDate&&c,"hover--outside-range":this.startDate&&!c,"focused--start":h,"focused--end":!h},currentMonth:t,dateTimeFormat:this.dateTimeFormat,day:a,disabled:!u(i,this.min,this.max),endOfRange:this.isEndOfRange(i),highlighted:this.betweenSelectedRange(i),onCalciteDaySelect:this.daySelect,onCalciteInternalDayHover:this.dayHover,range:!!this.startDate&&!!this.endDate&&!p(this.startDate,this.endDate),rangeEdge:r===0?"start":r===6?"end":undefined,rangeHover:this.isRangeHover(i),ref:t=>{if(n&&e&&this.activeFocus){t?.setFocus()}},scale:this.scale,selected:this.isSelected(i),startOfRange:this.isStartOfRange(i),value:i}))}isFocusedOnStart(){return this.hoverRange?.focused==="start"}isHoverInRange(){if(!this.hoverRange){return false}const{start:e,end:t}=this.hoverRange;return!!(!this.isFocusedOnStart()&&this.startDate&&(!this.endDate||t<this.endDate)||this.isFocusedOnStart()&&this.startDate&&e>this.startDate)}isRangeHover(e){if(!this.hoverRange){return false}const{start:t,end:s}=this.hoverRange;const i=this.isFocusedOnStart();const a=this.isHoverInRange();const r=a&&(!i&&e>this.startDate&&(e<s||p(e,s))||i&&e<this.endDate&&(e>t||p(e,t)));const n=!a&&(!i&&e>=this.endDate&&(e<s||p(e,s))||i&&(this.startDate&&e<this.startDate||this.endDate&&p(e,this.startDate))&&(t&&e>t||p(e,t)));return r||n}get el(){return a(this)}};X.style=J;const Z={header:"header",month:"month",chevron:"chevron",suffix:"suffix",yearSuffix:"year--suffix",yearWrap:"year-wrap",textReverse:"text--reverse"};const ee={chevronLeft:"chevron-left",chevronRight:"chevron-right"};const te=":host{display:block}.header{display:flex;justify-content:space-between;padding-block:0px;padding-inline:0.25rem}:host([scale=s]) .text{margin-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=s]) .chevron{block-size:2.25rem}:host([scale=m]) .text{margin-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=m]) .chevron{block-size:3rem}:host([scale=l]) .text{margin-block:1rem;font-size:var(--calcite-font-size-1);line-height:1.5rem}:host([scale=l]) .chevron{block-size:3.5rem}.chevron{margin-inline:-0.25rem;box-sizing:content-box;display:flex;flex-grow:0;cursor:pointer;align-items:center;justify-content:center;border-style:none;background-color:var(--calcite-color-foreground-1);padding-inline:0.25rem;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;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;inline-size:14.2857142857%}.chevron: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          )}.chevron:hover,.chevron:focus{background-color:var(--calcite-color-foreground-2);fill:var(--calcite-color-text-1);color:var(--calcite-color-text-1)}.chevron:active{background-color:var(--calcite-color-foreground-3)}.chevron[aria-disabled=true]{pointer-events:none;opacity:0}.text{margin-block:auto;display:flex;inline-size:100%;flex:1 1 auto;align-items:center;justify-content:center;text-align:center;line-height:1}.text--reverse{flex-direction:row-reverse}.month,.year,.suffix{margin-inline:0.25rem;margin-block:auto;display:inline-block;background-color:var(--calcite-color-foreground-1);font-weight:var(--calcite-font-weight-medium);line-height:1.25;color:var(--calcite-color-text-1);font-size:inherit}.year{position:relative;inline-size:2.5rem;border-style:none;background-color:transparent;text-align:center;font-family:inherit;outline-color:transparent}.year:hover{transition-duration:100ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-property:outline-color;outline:2px solid var(--calcite-color-border-2);outline-offset:2px}.year: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          )}.year--suffix{text-align:start}.year-wrap{position:relative}.suffix{inset-block-start:0px;white-space:nowrap;text-align:start;inset-inline-start:0}:host([hidden]){display:none}[hidden]{display:none}";const se=te;const ie=class{constructor(s){e(this,s);this.calciteInternalDatePickerSelect=t(this,"calciteInternalDatePickerSelect",6);this.onYearKey=e=>{const t=this.parseCalendarYear(e.target.value);switch(e.key){case"ArrowDown":e.preventDefault();this.setYear({localizedYear:t,offset:-1});break;case"ArrowUp":e.preventDefault();this.setYear({localizedYear:t,offset:1});break}};this.onYearChange=e=>{this.setYear({localizedYear:this.parseCalendarYear(e.target.value)})};this.onYearInput=e=>{this.setYear({localizedYear:this.parseCalendarYear(e.target.value),commit:false})};this.prevMonthClick=e=>{this.handleArrowClick(e,this.prevMonthDate)};this.prevMonthKeydown=e=>{if(O(e.key)){this.prevMonthClick(e)}};this.nextMonthClick=e=>{this.handleArrowClick(e,this.nextMonthDate)};this.nextMonthKeydown=e=>{if(O(e.key)){this.nextMonthClick(e)}};this.handleArrowClick=(e,t)=>{e.preventDefault();this.calciteInternalDatePickerSelect.emit(t)};this.selectedDate=undefined;this.activeDate=undefined;this.headingLevel=undefined;this.min=undefined;this.max=undefined;this.scale=undefined;this.localeData=undefined;this.messages=undefined;this.nextMonthDate=undefined;this.prevMonthDate=undefined}componentWillLoad(){this.parentDatePickerEl=P(this.el,"calcite-date-picker")}connectedCallback(){this.setNextPrevMonthDates()}render(){return s("div",{key:"9e392da76cbe365de812b6219b3ee7ada90a09e6",class:Z.header},this.renderContent())}renderContent(){const{messages:e,localeData:t,activeDate:i}=this;if(!i||!t){return null}if(this.parentDatePickerEl){const{numberingSystem:e,lang:t}=this.parentDatePickerEl;C.numberFormatOptions={useGrouping:false,...e&&{numberingSystem:e},...t&&{locale:t}}}const a=i.getMonth();const{months:n,unitOrder:o}=t;const h=(n.wide||n.narrow||n.abbreviated)[a];const c=this.formatCalendarYear(i.getFullYear());const d=g(o);const l=d.indexOf("y")<d.indexOf("m");const f=t.year?.suffix;return s(r,null,s("a",{"aria-disabled":`${this.prevMonthDate.getMonth()===a}`,"aria-label":e.prevMonth,class:Z.chevron,href:"#",onClick:this.prevMonthClick,onKeyDown:this.prevMonthKeydown,role:"button",tabindex:this.prevMonthDate.getMonth()===a?-1:0},s("calcite-icon",{"flip-rtl":true,icon:ee.chevronLeft,scale:E(this.scale)})),s("div",{class:{text:true,[Z.textReverse]:l}},s(Y,{class:Z.month,level:this.headingLevel},h),s("span",{class:Z.yearWrap},s("input",{"aria-label":e.year,class:{year:true,[Z.yearSuffix]:!!f},inputmode:"numeric",maxlength:"4",minlength:"1",onChange:this.onYearChange,onInput:this.onYearInput,onKeyDown:this.onYearKey,pattern:"\\d*",ref:e=>this.yearInput=e,type:"text",value:c}),f&&s("span",{class:Z.suffix},f))),s("a",{"aria-disabled":`${this.nextMonthDate.getMonth()===a}`,"aria-label":e.nextMonth,class:Z.chevron,href:"#",onClick:this.nextMonthClick,onKeyDown:this.nextMonthKeydown,role:"button",tabindex:this.nextMonthDate.getMonth()===a?-1:0},s("calcite-icon",{"flip-rtl":true,icon:ee.chevronRight,scale:E(this.scale)})))}setNextPrevMonthDates(){if(!this.activeDate){return}this.nextMonthDate=d(v(this.activeDate),this.min,this.max);this.prevMonthDate=d(y(this.activeDate),this.min,this.max)}formatCalendarYear(e){return C.localize(`${b(e,this.localeData)}`)}parseCalendarYear(e){return C.localize(`${m(Number(C.delocalize(e)),this.localeData)}`)}getInRangeDate({localizedYear:e,offset:t=0}){const{min:s,max:i,activeDate:a}=this;const r=Number(C.delocalize(e));const n=r.toString().length;const o=isNaN(r)?false:r+t;const h=o&&(!s||s.getFullYear()<=o)&&(!i||i.getFullYear()>=o);if(o&&h&&n===e.length){const e=new Date(a);e.setFullYear(o);return d(e,s,i)}}setYear({localizedYear:e,commit:t=true,offset:s=0}){const{yearInput:i,activeDate:a}=this;const r=this.getInRangeDate({localizedYear:e,offset:s});if(r){this.calciteInternalDatePickerSelect.emit(r)}if(t){i.value=this.formatCalendarYear((r||a).getFullYear())}}get el(){return a(this)}static get watchers(){return{min:["setNextPrevMonthDates"],max:["setNextPrevMonthDates"],activeDate:["setNextPrevMonthDates"]}}};ie.style=se;export{$ as calcite_date_picker,B as calcite_date_picker_day,X as calcite_date_picker_month,ie as calcite_date_picker_month_header};
-//# sourceMappingURL=p-6387e69e.entry.js.map

package/dist/calcite/p-6422db1f.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
- */
-import{d as e}from"./p-b8a710c9.js";import"./p-d5fb1def.js";import"./p-607f6ebc.js";import"./p-521dd844.js";import"./p-1a91451c.js";import"./p-4a7f9f77.js";import"./p-dd122c48.js";import"./p-64eee6a2.js";import"./p-0055e511.js";import"./p-92ee57bc.js";import"./p-5b021a42.js";import"./p-77f9f089.js";import"./p-d41eda90.js";import"./p-7369809e.js";import"./p-bf44c80a.js";import"./p-f75f0a6d.js";import"./p-f2fb83bd.js";import"./p-bfe64bf4.js";import"./p-934455cd.js";var r={name:"en-au",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),weekStart:1,weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),ordinal:function e(r){return r},formats:{LT:"h:mm A",LTS:"h:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY h:mm A",LLLL:"dddd, D MMMM YYYY h:mm A"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"}};e.locale(r,null,true);export{r as default};
-//# sourceMappingURL=p-6422db1f.js.map

package/dist/calcite/p-64e9ead9.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/main/LICENSE.md for details.
- * v2.9.0-next.2
- */
-import{r as e,c as t,h as s,H as i,g as a}from"./p-d5fb1def.js";import{k as c,d as o,t as d}from"./p-521dd844.js";import{c as r,u as n,d as h,I as l}from"./p-dd122c48.js";import{a as p,s as b,b as f}from"./p-77f9f089.js";import"./p-1a91451c.js";import"./p-4a7f9f77.js";import"./p-64eee6a2.js";const u=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{--calcite-card-group-gap:var(--calcite-size-md);display:block}.container{display:flex;flex-wrap:wrap;gap:var(--calcite-card-group-gap)}: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 m=u;const g=class{constructor(s){e(this,s);this.calciteCardGroupSelect=t(this,"calciteCardGroupSelect",6);this.items=[];this.udpateItemsOnSelectionModeChange=()=>{this.updateSlottedItems(this.slotRefEl);this.updateSelectedItems()};this.updateItemsOnSlotChange=e=>{this.updateSlottedItems(e.target);this.updateSelectedItems()};this.updateSlottedItems=e=>{this.items=e.assignedElements({flatten:true}).filter((e=>e?.matches("calcite-card")))};this.updateSelectedItems=()=>{this.items.forEach((e=>{e.selectionMode=this.selectionMode}));this.setSelectedItems(false)};this.setSelectedItems=(e,t)=>{if(t){this.items.forEach((e=>{const s=t===e;switch(this.selectionMode){case"multiple":if(s){e.selected=!e.selected}break;case"single":e.selected=s?!e.selected:false;break;case"single-persist":e.selected=!!s;break}}))}this.selectedItems=this.items.filter((e=>e.selected));if(e&&this.selectionMode!=="none"&&!this.disabled){this.calciteCardGroupSelect.emit()}};this.disabled=false;this.label=undefined;this.selectionMode="none";this.selectedItems=[]}onSelectionModeChange(){this.udpateItemsOnSelectionModeChange()}connectedCallback(){r(this)}componentDidRender(){n(this)}componentDidLoad(){p(this)}disconnectedCallback(){h(this)}async componentWillLoad(){b(this)}calciteInternalCardKeyEventListener(e){if(e.composedPath().includes(this.el)){const t=this.items.filter((e=>!e.disabled));switch(e.detail["key"]){case"ArrowRight":c(t,e.target,"next");break;case"ArrowLeft":c(t,e.target,"previous");break;case"Home":c(t,e.target,"first");break;case"End":c(t,e.target,"last");break}}}calciteCardSelectListener(e){if(e.composedPath().includes(this.el)&&!e.target.selectable){this.setSelectedItems(true,e.target)}}async setFocus(){await f(this);if(!this.disabled){o(this.items[0])}}render(){const e=this.selectionMode==="none"||this.selectionMode==="multiple"?"group":"radiogroup";return s(i,{key:"f7d72ac0d0c8b0cec9b1c5c048ed2a8ee304d9e2"},s(l,{key:"b477bbced684168f1e68c1fe0d8511a689653995",disabled:this.disabled},s("div",{key:"ce0aa841b96ad23886e109203a14ac2b0e54b948","aria-disabled":d(this.disabled),"aria-label":this.label,class:"container",role:e},s("slot",{key:"338c12be0a5a675daf911aad6049aff6319d3064",onSlotchange:this.updateItemsOnSlotChange,ref:e=>this.slotRefEl=e}))))}get el(){return a(this)}static get watchers(){return{selectionMode:["onSelectionModeChange"]}}};g.style=m;export{g as calcite_card_group};
-//# sourceMappingURL=p-64e9ead9.entry.js.map

package/dist/calcite/p-64e9ead9.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["cardGroupCss","CalciteCardGroupStyle0","CardGroup","this","items","udpateItemsOnSelectionModeChange","updateSlottedItems","slotRefEl","updateSelectedItems","updateItemsOnSlotChange","event","target","assignedElements","flatten","filter","el","matches","forEach","selectionMode","setSelectedItems","emit","elToMatch","matchingEl","selected","selectedItems","disabled","calciteCardGroupSelect","onSelectionModeChange","connectedCallback","connectInteractive","componentDidRender","updateHostInteraction","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectInteractive","componentWillLoad","setUpLoadableComponent","calciteInternalCardKeyEventListener","composedPath","includes","interactiveItems","detail","focusElementInGroup","calciteCardSelectListener","selectable","setFocus","componentLoaded","focusElement","render","role","h","Host","key","InteractiveContainer","toAriaBoolean","label","class","onSlotchange","ref"],"sources":["src/components/card-group/card-group.scss?tag=calcite-card-group&encapsulation=shadow","src/components/card-group/card-group.tsx"],"sourcesContent":["/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-card-group-gap: Specifies the gap between slotted components.\n */\n\n:host {\n  --calcite-card-group-gap: var(--calcite-size-md);\n  display: block;\n}\n\n.container {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--calcite-card-group-gap);\n}\n\n@include disabled();\n@include base-component();\n","import {\n  Component,\n  h,\n  VNode,\n  Prop,\n  Element,\n  Listen,\n  EventEmitter,\n  Event,\n  Method,\n  Watch,\n  Host,\n} from \"@stencil/core\";\nimport { focusElement, focusElementInGroup, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { SelectionMode } from \"../interfaces\";\nimport {\n  LoadableComponent,\n  componentLoaded,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\n\n/**\n * @slot - A slot for adding one or more `calcite-card`s.\n */\n\n@Component({\n  tag: \"calcite-card-group\",\n  styleUrl: \"card-group.scss\",\n  shadow: true,\n})\nexport class CardGroup implements InteractiveComponent, LoadableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Element\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteCardGroupElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Accessible name for the component. */\n  @Prop() label!: string;\n\n  /** Specifies the selection mode of the component. */\n  @Prop({ reflect: true }) selectionMode: Extract<\n    \"multiple\" | \"single\" | \"single-persist\" | \"none\",\n    SelectionMode\n  > = \"none\";\n\n  @Watch(\"selectionMode\")\n  onSelectionModeChange(): void {\n    this.udpateItemsOnSelectionModeChange();\n  }\n\n  /**\n   * Specifies the component's selected items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItems: HTMLCalciteCardElement[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  private items: HTMLCalciteCardElement[] = [];\n\n  private slotRefEl: HTMLSlotElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Emits when the component's selection changes and the `selectionMode` is not `none`. */\n  @Event({ cancelable: false }) calciteCardGroupSelect: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalCardKeyEvent\")\n  calciteInternalCardKeyEventListener(event: KeyboardEvent): void {\n    if (event.composedPath().includes(this.el)) {\n      const interactiveItems = this.items.filter((el) => !el.disabled);\n      switch (event.detail[\"key\"]) {\n        case \"ArrowRight\":\n          focusElementInGroup(interactiveItems, event.target as HTMLCalciteCardElement, \"next\");\n          break;\n        case \"ArrowLeft\":\n          focusElementInGroup(interactiveItems, event.target as HTMLCalciteCardElement, \"previous\");\n          break;\n        case \"Home\":\n          focusElementInGroup(interactiveItems, event.target as HTMLCalciteCardElement, \"first\");\n          break;\n        case \"End\":\n          focusElementInGroup(interactiveItems, event.target as HTMLCalciteCardElement, \"last\");\n          break;\n      }\n    }\n  }\n\n  @Listen(\"calciteCardSelect\")\n  calciteCardSelectListener(event: CustomEvent): void {\n    if (\n      event.composedPath().includes(this.el) &&\n      !(event.target as HTMLCalciteCardElement).selectable\n    ) {\n      this.setSelectedItems(true, event.target as HTMLCalciteCardElement);\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's first focusable element.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentLoaded(this);\n    if (!this.disabled) {\n      focusElement(this.items[0]);\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private udpateItemsOnSelectionModeChange = (): void => {\n    this.updateSlottedItems(this.slotRefEl);\n    this.updateSelectedItems();\n  };\n\n  private updateItemsOnSlotChange = (event: Event): void => {\n    this.updateSlottedItems(event.target as HTMLSlotElement);\n    this.updateSelectedItems();\n  };\n\n  private updateSlottedItems = (target: HTMLSlotElement): void => {\n    this.items = target\n      .assignedElements({ flatten: true })\n      .filter((el) => el?.matches(\"calcite-card\")) as HTMLCalciteCardElement[];\n  };\n\n  private updateSelectedItems = (): void => {\n    this.items.forEach((el) => {\n      el.selectionMode = this.selectionMode;\n    });\n\n    this.setSelectedItems(false);\n  };\n\n  private setSelectedItems = (emit: boolean, elToMatch?: HTMLCalciteCardElement): void => {\n    if (elToMatch) {\n      this.items.forEach((el) => {\n        const matchingEl = elToMatch === el;\n        switch (this.selectionMode) {\n          case \"multiple\":\n            if (matchingEl) {\n              el.selected = !el.selected;\n            }\n            break;\n\n          case \"single\":\n            el.selected = matchingEl ? !el.selected : false;\n            break;\n\n          case \"single-persist\":\n            el.selected = !!matchingEl;\n            break;\n        }\n      });\n    }\n\n    this.selectedItems = this.items.filter((el) => el.selected);\n\n    if (emit && this.selectionMode !== \"none\" && !this.disabled) {\n      this.calciteCardGroupSelect.emit();\n    }\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    const role =\n      this.selectionMode === \"none\" || this.selectionMode === \"multiple\" ? \"group\" : \"radiogroup\";\n\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            aria-disabled={toAriaBoolean(this.disabled)}\n            aria-label={this.label}\n            class=\"container\"\n            role={role}\n          >\n            <slot\n              onSlotchange={this.updateItemsOnSlotChange}\n              ref={(el) => (this.slotRefEl = el as HTMLSlotElement)}\n            />\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;;qSAAA,MAAMA,EAAe,whBACrB,MAAAC,EAAeD,E,MCqCFE,EAAS,M,wFA6CZC,KAAAC,MAAkC,GAkGlCD,KAAAE,iCAAmC,KACzCF,KAAKG,mBAAmBH,KAAKI,WAC7BJ,KAAKK,qBAAqB,EAGpBL,KAAAM,wBAA2BC,IACjCP,KAAKG,mBAAmBI,EAAMC,QAC9BR,KAAKK,qBAAqB,EAGpBL,KAAAG,mBAAsBK,IAC5BR,KAAKC,MAAQO,EACVC,iBAAiB,CAAEC,QAAS,OAC5BC,QAAQC,GAAOA,GAAIC,QAAQ,iBAA4C,EAGpEb,KAAAK,oBAAsB,KAC5BL,KAAKC,MAAMa,SAASF,IAClBA,EAAGG,cAAgBf,KAAKe,aAAa,IAGvCf,KAAKgB,iBAAiB,MAAM,EAGtBhB,KAAAgB,iBAAmB,CAACC,EAAeC,KACzC,GAAIA,EAAW,CACblB,KAAKC,MAAMa,SAASF,IAClB,MAAMO,EAAaD,IAAcN,EACjC,OAAQZ,KAAKe,eACX,IAAK,WACH,GAAII,EAAY,CACdP,EAAGQ,UAAYR,EAAGQ,Q,CAEpB,MAEF,IAAK,SACHR,EAAGQ,SAAWD,GAAcP,EAAGQ,SAAW,MAC1C,MAEF,IAAK,iBACHR,EAAGQ,WAAaD,EAChB,M,IAKRnB,KAAKqB,cAAgBrB,KAAKC,MAAMU,QAAQC,GAAOA,EAAGQ,WAElD,GAAIH,GAAQjB,KAAKe,gBAAkB,SAAWf,KAAKsB,SAAU,CAC3DtB,KAAKuB,uBAAuBN,M,iBAhLI,M,wCAShC,O,mBAY+D,E,CATnE,qBAAAO,GACExB,KAAKE,kC,CAmCP,iBAAAuB,GACEC,EAAmB1B,K,CAGrB,kBAAA2B,GACEC,EAAsB5B,K,CAGxB,gBAAA6B,GACEC,EAAmB9B,K,CAGrB,oBAAA+B,GACEC,EAAsBhC,K,CAGxB,uBAAMiC,GACJC,EAAuBlC,K,CASzB,mCAAAmC,CAAoC5B,GAClC,GAAIA,EAAM6B,eAAeC,SAASrC,KAAKY,IAAK,CAC1C,MAAM0B,EAAmBtC,KAAKC,MAAMU,QAAQC,IAAQA,EAAGU,WACvD,OAAQf,EAAMgC,OAAO,QACnB,IAAK,aACHC,EAAoBF,EAAkB/B,EAAMC,OAAkC,QAC9E,MACF,IAAK,YACHgC,EAAoBF,EAAkB/B,EAAMC,OAAkC,YAC9E,MACF,IAAK,OACHgC,EAAoBF,EAAkB/B,EAAMC,OAAkC,SAC9E,MACF,IAAK,MACHgC,EAAoBF,EAAkB/B,EAAMC,OAAkC,QAC9E,M,EAMR,yBAAAiC,CAA0BlC,GACxB,GACEA,EAAM6B,eAAeC,SAASrC,KAAKY,MACjCL,EAAMC,OAAkCkC,WAC1C,CACA1C,KAAKgB,iBAAiB,KAAMT,EAAMC,O,EActC,cAAMmC,SACEC,EAAgB5C,MACtB,IAAKA,KAAKsB,SAAU,CAClBuB,EAAa7C,KAAKC,MAAM,G,EAqE5B,MAAA6C,GACE,MAAMC,EACJ/C,KAAKe,gBAAkB,QAAUf,KAAKe,gBAAkB,WAAa,QAAU,aAEjF,OACEiC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAACG,EAAoB,CAAAD,IAAA,2CAAC5B,SAAUtB,KAAKsB,UACnC0B,EAAA,OAAAE,IAAA,2DACiBE,EAAcpD,KAAKsB,UAAS,aAC/BtB,KAAKqD,MACjBC,MAAM,YACNP,KAAMA,GAENC,EAAA,QAAAE,IAAA,2CACEK,aAAcvD,KAAKM,wBACnBkD,IAAM5C,GAAQZ,KAAKI,UAAYQ,M"}

package/dist/calcite/p-64eee6a2.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
- */
-import"./p-d5fb1def.js";function n(){return navigator.userAgentData}function r(){const r=n();return r?.brands?r.brands.map((({brand:n,version:r})=>`${n}/${r}`)).join(" "):navigator.userAgent}export{r as g};
-//# sourceMappingURL=p-64eee6a2.js.map

package/dist/calcite/p-6a7c29f8.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/main/LICENSE.md for details.
- * v2.9.0-next.2
- */
-import{r as e,c as t,h as i,H as n,g as o}from"./p-d5fb1def.js";import{t as s,k as a,d as r}from"./p-521dd844.js";import{f as c,c as l,d,a as h,F as p,r as f}from"./p-7a8f0e68.js";import{g as m}from"./p-1a91451c.js";import{c as b,u,d as g,I as w}from"./p-dd122c48.js";import{i as k}from"./p-0055e511.js";import{c as v,s as y,a as x}from"./p-77f9f089.js";import{c as z}from"./p-7369809e.js";import{o as D}from"./p-bfe64bf4.js";import{g as I}from"./p-5b021a42.js";import"./p-4a7f9f77.js";import"./p-efc4d265.js";import"./p-64eee6a2.js";const C={dropdownTrigger:"trigger"};const E=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host .calcite-dropdown-wrapper{--calcite-floating-ui-z-index:var(--calcite-z-index-dropdown);display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index);visibility:hidden}.calcite-dropdown-wrapper .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, 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}.calcite-dropdown-wrapper[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}.calcite-dropdown-wrapper[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}.calcite-dropdown-wrapper[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}.calcite-dropdown-wrapper[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}.calcite-dropdown-wrapper[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([open]) .calcite-dropdown-wrapper{visibility:visible}:host .calcite-dropdown-content{max-block-size:45vh;inline-size:auto;overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-color-foreground-1);inline-size:var(--calcite-dropdown-width)}.calcite-trigger-container{position:relative;display:flex;block-size:100%;flex:1 1 auto;word-wrap:break-word;word-break:break-word}@media (forced-colors: active){:host([open]) .calcite-dropdown-wrapper{border:1px solid canvasText}}:host([width-scale=s]){--calcite-dropdown-width:12rem}:host([width-scale=m]){--calcite-dropdown-width:14rem}:host([width-scale=l]){--calcite-dropdown-width:16rem}:host([hidden]){display:none}[hidden]{display:none}";const H=E;const P=class{constructor(i){e(this,i);this.calciteDropdownSelect=t(this,"calciteDropdownSelect",6);this.calciteDropdownBeforeClose=t(this,"calciteDropdownBeforeClose",6);this.calciteDropdownClose=t(this,"calciteDropdownClose",6);this.calciteDropdownBeforeOpen=t(this,"calciteDropdownBeforeOpen",6);this.calciteDropdownOpen=t(this,"calciteDropdownOpen",6);this.items=[];this.groups=[];this.mutationObserver=z("mutation",(()=>this.updateItems()));this.resizeObserver=z("resize",(e=>this.resizeObserverCallback(e)));this.openTransitionProp="opacity";this.guid=`calcite-dropdown-${m()}`;this.defaultAssignedElements=[];this.slotChangeHandler=e=>{this.defaultAssignedElements=e.target.assignedElements({flatten:true});this.updateItems()};this.setFilteredPlacements=()=>{const{el:e,flipPlacements:t}=this;this.filteredFlipPlacements=t?c(t,e):null};this.updateTriggers=e=>{this.triggers=e.target.assignedElements({flatten:true});this.reposition(true)};this.updateItems=()=>{this.items=this.groups.map((e=>Array.from(e?.querySelectorAll("calcite-dropdown-item")))).reduce(((e,t)=>[...e,...t]),[]);this.updateSelectedItems();this.reposition(true);this.items.forEach((e=>e.scale=this.scale))};this.updateGroups=e=>{const t=e.target.assignedElements({flatten:true}).filter((e=>e?.matches("calcite-dropdown-group")));this.groups=t;this.updateItems()};this.resizeObserverCallback=e=>{e.forEach((e=>{const{target:t}=e;if(t===this.referenceEl){this.setDropdownWidth()}else if(t===this.scrollerEl){this.setMaxScrollerHeight()}}))};this.setDropdownWidth=()=>{const{referenceEl:e,scrollerEl:t}=this;const i=e?.clientWidth;if(!i||!t){return}t.style.minWidth=`${i}px`};this.setMaxScrollerHeight=()=>{const{scrollerEl:e}=this;if(!e){return}this.reposition(true);const t=this.getMaxScrollerHeight();e.style.maxHeight=t>0?`${t}px`:"";this.reposition(true)};this.setScrollerAndTransitionEl=e=>{this.resizeObserver.observe(e);this.scrollerEl=e;this.transitionEl=e};this.setReferenceEl=e=>{this.referenceEl=e;l(this,this.referenceEl,this.floatingEl);this.resizeObserver.observe(e)};this.setFloatingEl=e=>{this.floatingEl=e;l(this,this.referenceEl,this.floatingEl)};this.keyDownHandler=e=>{if(!e.composedPath().includes(this.referenceEl)){return}const{defaultPrevented:t,key:i}=e;if(t){return}if(this.open){if(i==="Escape"){this.closeCalciteDropdown();e.preventDefault();return}else if(e.shiftKey&&i==="Tab"){this.closeCalciteDropdown();e.preventDefault();return}}if(k(i)){this.openCalciteDropdown();e.preventDefault()}else if(i==="Escape"){this.closeCalciteDropdown();e.preventDefault()}};this.focusOnFirstActiveOrFirstItem=()=>{this.getFocusableElement(this.getTraversableItems().find((e=>e.selected))||this.items[0])};this.toggleOpenEnd=()=>{this.focusOnFirstActiveOrFirstItem();this.el.removeEventListener("calciteDropdownOpen",this.toggleOpenEnd)};this.openCalciteDropdown=()=>{this.open=!this.open;if(this.open){this.el.addEventListener("calciteDropdownOpen",this.toggleOpenEnd)}};this.open=false;this.closeOnSelectDisabled=false;this.disabled=false;this.flipPlacements=undefined;this.maxItems=0;this.overlayPositioning="absolute";this.placement=d;this.selectedItems=[];this.type="click";this.widthScale=undefined;this.scale="m"}openHandler(){D(this);if(this.disabled){this.open=false;return}this.reposition(true)}handleDisabledChange(e){if(!e){this.open=false}}flipPlacementsHandler(){this.setFilteredPlacements();this.reposition(true)}maxItemsHandler(){this.setMaxScrollerHeight()}overlayPositioningHandler(){this.reposition(true)}placementHandler(){this.reposition(true)}handlePropsChange(){this.updateItems()}async setFocus(){await v(this);this.el.focus()}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true});this.setFilteredPlacements();if(this.open){this.openHandler();D(this)}b(this);this.updateItems();l(this,this.referenceEl,this.floatingEl)}componentWillLoad(){y(this)}componentDidLoad(){x(this);l(this,this.referenceEl,this.floatingEl)}componentDidRender(){u(this)}disconnectedCallback(){this.mutationObserver?.disconnect();this.resizeObserver?.disconnect();g(this);h(this,this.referenceEl,this.floatingEl)}render(){const{open:e,guid:t}=this;return i(n,{key:"aad82a6a5bce5a29f6c309bb9ff20911b3ec9482"},i(w,{key:"b559473528a0142c058c6e6de499e981748e369c",disabled:this.disabled},i("div",{key:"7c97163a3877d73bada201d61b04ac1eb652f9a1",class:"calcite-trigger-container",id:`${t}-menubutton`,onClick:this.openCalciteDropdown,onKeyDown:this.keyDownHandler,ref:this.setReferenceEl},i("slot",{key:"e9d4b6145af1ffa0780a43b1135c22355ff1cb58","aria-controls":`${t}-menu`,"aria-expanded":s(e),"aria-haspopup":"menu",name:C.dropdownTrigger,onSlotchange:this.updateTriggers})),i("div",{key:"16b15ad96a09956cb25f66f4c5ccca5a91d907cf","aria-hidden":s(!e),class:"calcite-dropdown-wrapper",ref:this.setFloatingEl},i("div",{key:"f35fe6d2b1e3b78f49d35014927eda8484082f35","aria-labelledby":`${t}-menubutton`,class:{["calcite-dropdown-content"]:true,[p.animation]:true,[p.animationActive]:e},id:`${t}-menu`,ref:this.setScrollerAndTransitionEl,role:"menu"},i("slot",{key:"8bd1db9b0679ce8d25d23d3c035220bc915eef1f",onSlotchange:this.updateGroups})))))}async reposition(e=false){const{floatingEl:t,referenceEl:i,placement:n,overlayPositioning:o,filteredFlipPlacements:s}=this;return f(this,{floatingEl:t,referenceEl:i,overlayPositioning:o,placement:n,flipPlacements:s,type:"menu"},e)}closeCalciteDropdownOnClick(e){if(this.disabled||!this.open||e.composedPath().includes(this.el)){return}this.closeCalciteDropdown(false)}closeCalciteDropdownOnEvent(e){this.closeCalciteDropdown();e.stopPropagation()}closeCalciteDropdownOnOpenEvent(e){if(e.composedPath().includes(this.el)){return}this.open=false}pointerEnterHandler(){if(this.disabled||this.type!=="hover"){return}this.openCalciteDropdown()}pointerLeaveHandler(){if(this.disabled||this.type!=="hover"){return}this.closeCalciteDropdown()}getTraversableItems(){return this.items.filter((e=>!e.disabled&&!e.hidden))}calciteInternalDropdownItemKeyEvent(e){const{keyboardEvent:t}=e.detail;const i=t.target;const n=this.getTraversableItems();switch(t.key){case"Tab":this.open=false;this.updateTabIndexOfItems(i);break;case"ArrowDown":a(n,i,"next");break;case"ArrowUp":a(n,i,"previous");break;case"Home":a(n,i,"first");break;case"End":a(n,i,"last");break}e.stopPropagation()}handleItemSelect(e){this.updateSelectedItems();e.stopPropagation();this.calciteDropdownSelect.emit();if(!this.closeOnSelectDisabled||e.detail.requestedDropdownGroup.selectionMode==="none"){this.closeCalciteDropdown()}e.stopPropagation()}onBeforeOpen(){this.calciteDropdownBeforeOpen.emit()}onOpen(){this.calciteDropdownOpen.emit()}onBeforeClose(){this.calciteDropdownBeforeClose.emit()}onClose(){this.calciteDropdownClose.emit()}updateSelectedItems(){this.selectedItems=this.items.filter((e=>e.selected))}getMaxScrollerHeight(){const{maxItems:e,items:t}=this;let i=0;let n=0;let o;this.groups.forEach((t=>{if(e>0&&i<e){Array.from(t.children).forEach(((t,s)=>{if(s===0){if(isNaN(o)){o=t.offsetTop}n+=o}if(i<e){n+=t.offsetHeight;i+=1}}))}}));return t.length>e?n:0}closeCalciteDropdown(e=true){this.open=false;if(e){r(this.triggers[0])}}getFocusableElement(e){if(!e){return}r(e)}updateTabIndexOfItems(e){this.items.forEach((t=>{t.tabIndex=e!==t?-1:0}))}static get delegatesFocus(){return true}get el(){return o(this)}static get watchers(){return{open:["openHandler"],disabled:["handleDisabledChange"],flipPlacements:["flipPlacementsHandler"],maxItems:["maxItemsHandler"],overlayPositioning:["overlayPositioningHandler"],placement:["placementHandler"],scale:["handlePropsChange"]}}};P.style=H;const j={container:"container",containerLink:"container--link",containerMulti:"container--multi-selection",containerSingle:"container--single-selection",containerNone:"container--none-selection",icon:"dropdown-item-icon",iconEnd:"dropdown-item-icon-end",iconStart:"dropdown-item-icon-start",itemContent:"dropdown-item-content",link:"dropdown-link"};const O=":host{position:relative;display:block}.container{text-align:start}.container--s{font-size:var(--calcite-font-size--2);line-height:1rem}.container--s .dropdown-title{padding:0.5rem}.container--m{font-size:var(--calcite-font-size--1);line-height:1rem}.container--m .dropdown-title{padding:0.75rem}.container--l{font-size:var(--calcite-font-size-0);line-height:1.25rem}.container--l .dropdown-title{padding:1rem}.dropdown-title{margin-block-end:-1px;display:block;cursor:default;overflow-wrap:break-word;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2)}.dropdown-separator{display:block;block-size:1px;background-color:var(--calcite-color-border-3)}:host([hidden]){display:none}[hidden]{display:none}";const A=O;const $=class{constructor(i){e(this,i);this.calciteInternalDropdownItemChange=t(this,"calciteInternalDropdownItemChange",6);this.updateItems=()=>{Array.from(this.el.querySelectorAll("calcite-dropdown-item")).forEach((e=>e.selectionMode=this.selectionMode))};this.mutationObserver=z("mutation",(()=>this.updateItems()));this.groupTitle=undefined;this.scale="m";this.selectionMode="single"}handlePropsChange(){this.updateItems()}connectedCallback(){this.updateItems();this.mutationObserver?.observe(this.el,{childList:true})}componentWillLoad(){this.groupPosition=this.getGroupPosition()}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){const e=this.groupTitle?i("span",{"aria-hidden":"true",class:"dropdown-title"},this.groupTitle):null;const t=this.groupPosition>0?i("div",{class:"dropdown-separator",role:"separator"}):null;return i(n,{key:"c1b662afcbb612d775cea66edb949d71f5f63167","aria-label":this.groupTitle,role:"group"},i("div",{key:"cdfdb0919b1b6006f69f7fbcda0c16c2beefec5e",class:{[j.container]:true,[`${j.container}--${this.scale}`]:true}},t,e,i("slot",{key:"166c8236f3315d2f038f61b0619270d2bd9b344a"})))}updateActiveItemOnChange(e){this.requestedDropdownGroup=e.detail.requestedDropdownGroup;this.requestedDropdownItem=e.detail.requestedDropdownItem;this.calciteInternalDropdownItemChange.emit({requestedDropdownGroup:this.requestedDropdownGroup,requestedDropdownItem:this.requestedDropdownItem})}getGroupPosition(){return Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-dropdown-group"),this.el)}static get delegatesFocus(){return true}get el(){return o(this)}static get watchers(){return{selectionMode:["handlePropsChange"]}}};$.style=A;const S=":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--s{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;padding-inline-end:0.5rem;padding-inline-start:1.5rem}.container--m{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;padding-inline-end:0.75rem;padding-inline-start:2rem}.container--l{padding-block:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-inline-end:1rem;padding-inline-start:2.5rem}.container--s.container--none-selection{padding-inline-start:0.25rem}.container--s.container--none-selection .dropdown-link{padding-inline-start:0px}.container--m.container--none-selection{padding-inline-start:0.5rem}.container--m.container--none-selection .dropdown-link{padding-inline-start:0px}.container--l.container--none-selection{padding-inline-start:0.75rem}.container--l.container--none-selection .dropdown-link{padding-inline-start:0px}:host{position:relative;display:flex;flex-grow:1;align-items:center}.container{position:relative;display:flex;flex-grow:1;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);text-align:start}.dropdown-item-content{flex:1 1 auto;padding-block:0.125rem;padding-inline-end:auto;padding-inline-start:0.25rem}:host,.container--link a{outline-color:transparent}:host(:focus){outline:2px solid transparent;outline-offset:2px;outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.container--link{padding:0px}.container--link a{position:relative;display:flex;flex-grow:1;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)}.container--s .dropdown-link{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;padding-inline-end:0.5rem;padding-inline-start:1.5rem}.container--m .dropdown-link{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;padding-inline-end:0.75rem;padding-inline-start:2rem}.container--l .dropdown-link{padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-inline-end:1rem;padding-inline-start:2.5rem}:host(:hover:not([disabled])) .container,:host(:active:not([disabled])) .container{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1);text-decoration-line:none}:host(:hover:not([disabled])) .container--link .dropdown-link,:host(:active:not([disabled])) .container--link .dropdown-link{color:var(--calcite-color-text-1)}:host(:active:not([disabled])) .container{background-color:var(--calcite-color-foreground-3)}:host(:focus) .container{color:var(--calcite-color-text-1);text-decoration-line:none}:host([selected]) .container:not(.container--none-selection),:host([selected]) .container--link .dropdown-link{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}:host([selected]) .container:not(.container--none-selection) calcite-icon,:host([selected]) .container--link .dropdown-link calcite-icon{color:var(--calcite-color-brand)}.dropdown-item-icon{position:absolute;opacity:0;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:scale(0.9)}.container--s .dropdown-item-icon{inset-inline-start:0.25rem}.container--m .dropdown-item-icon{inset-inline-start:0.5rem}.container--l .dropdown-item-icon{inset-inline-start:0.75rem}:host(:hover:not([disabled])) .dropdown-item-icon{color:var(--calcite-color-border-1);opacity:1}:host([selected]) .dropdown-item-icon{color:var(--calcite-color-brand);opacity:1}.container--s .dropdown-item-icon-start{margin-inline-end:0.5rem;margin-inline-start:0.25rem}.container--s .dropdown-item-icon-end{margin-inline-start:0.5rem}.container--m .dropdown-item-icon-start{margin-inline-end:0.75rem;margin-inline-start:0.25rem}.container--m .dropdown-item-icon-end{margin-inline-start:0.75rem}.container--l .dropdown-item-icon-start{margin-inline-end:1rem;margin-inline-start:0.25rem}.container--l .dropdown-item-icon-end{margin-inline-start:1rem}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}";const L=S;const F=class{constructor(i){e(this,i);this.calciteDropdownItemSelect=t(this,"calciteDropdownItemSelect",6);this.calciteInternalDropdownItemSelect=t(this,"calciteInternalDropdownItemSelect",6);this.calciteInternalDropdownItemKeyEvent=t(this,"calciteInternalDropdownItemKeyEvent",6);this.calciteInternalDropdownCloseRequest=t(this,"calciteInternalDropdownCloseRequest",6);this.disabled=false;this.href=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.iconEnd=undefined;this.label=undefined;this.rel=undefined;this.selected=false;this.target=undefined;this.selectionMode="single";this.scale="m"}async setFocus(){await v(this);this.el?.focus()}componentWillLoad(){y(this);this.initialize()}componentDidLoad(){x(this)}connectedCallback(){this.initialize()}componentDidRender(){u(this)}render(){const{href:e,selectionMode:t,label:o,iconFlipRtl:a,scale:r}=this;const c=i("calcite-icon",{key:"10985dba962cc1582cc6b2896e1c274b21e1dc20",class:j.iconStart,flipRtl:a==="start"||a==="both",icon:this.iconStart,scale:I(this.scale)});const l=i("span",{key:"e72a06cc3d3f325ec8e0e8eff407dc9149b29b14",class:j.itemContent},i("slot",{key:"e8d4e201f5903a2811c642d441d4b33d20abd7b2"}));const d=i("calcite-icon",{key:"fd15f4aea96916ffa674591adc6887dafccc8218",class:j.iconEnd,flipRtl:a==="end"||a==="both",icon:this.iconEnd,scale:I(this.scale)});const h=this.iconStart&&this.iconEnd?[c,l,d]:this.iconStart?[c,l]:this.iconEnd?[l,d]:l;const p=!e?h:i("a",{"aria-label":o,class:j.link,href:e,ref:e=>this.childLink=e,rel:this.rel,tabIndex:-1,target:this.target},h);const f=e?null:t==="single"?"menuitemradio":t==="multiple"?"menuitemcheckbox":"menuitem";const m=t!=="none"?s(this.selected):null;const{disabled:b}=this;return i(n,{key:"7945bca0992928e7f26757bb52734c1b74fcdbb7","aria-checked":m,"aria-label":!e?o:"",role:f,tabIndex:b?-1:0},i(w,{key:"d071fd3808c1e8e7d75c1afdb37343540a18e950",disabled:b},i("div",{key:"da5e393cdee5c9ddaea94ddcb1abb5c9a3d00e16",class:{[j.container]:true,[j.containerLink]:!!e,[`${j.container}--${r}`]:true,[j.containerMulti]:t==="multiple",[j.containerSingle]:t==="single",[j.containerNone]:t==="none"}},t!=="none"?i("calcite-icon",{class:j.icon,icon:t==="multiple"?"check":"bullet-point",scale:I(this.scale)}):null,p)))}onClick(){this.emitRequestedItem()}keyDownHandler(e){switch(e.key){case" ":case"Enter":this.emitRequestedItem();if(this.href){this.childLink.click()}e.preventDefault();break;case"Escape":this.calciteInternalDropdownCloseRequest.emit();e.preventDefault();break;case"Tab":this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:e});break;case"ArrowUp":case"ArrowDown":case"Home":case"End":e.preventDefault();this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:e});break}}updateActiveItemOnChange(e){const t=e.composedPath().includes(this.parentDropdownGroupEl);if(t){this.requestedDropdownGroup=e.detail.requestedDropdownGroup;this.requestedDropdownItem=e.detail.requestedDropdownItem;this.determineActiveItem()}e.stopPropagation()}initialize(){this.parentDropdownGroupEl=this.el.closest("calcite-dropdown-group");if(this.selectionMode==="none"){this.selected=false}}determineActiveItem(){switch(this.selectionMode){case"multiple":if(this.el===this.requestedDropdownItem){this.selected=!this.selected}break;case"single":if(this.el===this.requestedDropdownItem){this.selected=true}else if(this.requestedDropdownGroup===this.parentDropdownGroupEl){this.selected=false}break;case"none":this.selected=false;break}}emitRequestedItem(){this.calciteDropdownItemSelect.emit();this.calciteInternalDropdownItemSelect.emit({requestedDropdownItem:this.el,requestedDropdownGroup:this.parentDropdownGroupEl})}get el(){return o(this)}};F.style=L;export{P as calcite_dropdown,$ as calcite_dropdown_group,F as calcite_dropdown_item};
-//# sourceMappingURL=p-6a7c29f8.entry.js.map

package/dist/calcite/p-6a7c29f8.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["SLOTS","dropdownTrigger","dropdownCss","CalciteDropdownStyle0","Dropdown","this","items","groups","mutationObserver","createObserver","updateItems","resizeObserver","entries","resizeObserverCallback","openTransitionProp","guid","defaultAssignedElements","slotChangeHandler","event","target","assignedElements","flatten","setFilteredPlacements","el","flipPlacements","filteredFlipPlacements","filterComputedPlacements","updateTriggers","triggers","reposition","map","group","Array","from","querySelectorAll","reduce","previousValue","currentValue","updateSelectedItems","forEach","item","scale","updateGroups","filter","matches","entry","referenceEl","setDropdownWidth","scrollerEl","setMaxScrollerHeight","referenceElWidth","clientWidth","style","minWidth","maxScrollerHeight","getMaxScrollerHeight","maxHeight","setScrollerAndTransitionEl","observe","transitionEl","setReferenceEl","connectFloatingUI","floatingEl","setFloatingEl","keyDownHandler","composedPath","includes","defaultPrevented","key","open","closeCalciteDropdown","preventDefault","shiftKey","isActivationKey","openCalciteDropdown","focusOnFirstActiveOrFirstItem","getFocusableElement","getTraversableItems","find","selected","toggleOpenEnd","removeEventListener","addEventListener","defaultMenuPlacement","openHandler","onToggleOpenCloseComponent","disabled","handleDisabledChange","value","flipPlacementsHandler","maxItemsHandler","overlayPositioningHandler","placementHandler","handlePropsChange","setFocus","componentFocusable","focus","connectedCallback","childList","subtree","connectInteractive","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","disconnectedCallback","disconnect","disconnectInteractive","disconnectFloatingUI","render","h","Host","InteractiveContainer","class","id","onClick","onKeyDown","ref","toAriaBoolean","name","onSlotchange","FloatingCSS","animation","animationActive","role","delayed","placement","overlayPositioning","type","closeCalciteDropdownOnClick","closeCalciteDropdownOnEvent","stopPropagation","closeCalciteDropdownOnOpenEvent","pointerEnterHandler","pointerLeaveHandler","hidden","calciteInternalDropdownItemKeyEvent","keyboardEvent","detail","traversableItems","updateTabIndexOfItems","focusElementInGroup","handleItemSelect","calciteDropdownSelect","emit","closeOnSelectDisabled","requestedDropdownGroup","selectionMode","onBeforeOpen","calciteDropdownBeforeOpen","onOpen","calciteDropdownOpen","onBeforeClose","calciteDropdownBeforeClose","onClose","calciteDropdownClose","selectedItems","maxItems","itemsToProcess","groupHeaderHeight","children","index","isNaN","offsetTop","offsetHeight","length","focusTrigger","focusElement","tabIndex","CSS","container","containerLink","containerMulti","containerSingle","containerNone","icon","iconEnd","iconStart","itemContent","link","dropdownGroupCss","CalciteDropdownGroupStyle0","DropdownGroup","groupPosition","getGroupPosition","groupTitle","dropdownSeparator","updateActiveItemOnChange","requestedDropdownItem","calciteInternalDropdownItemChange","prototype","indexOf","call","parentElement","dropdownItemCss","CalciteDropdownItemStyle0","DropdownItem","initialize","href","label","iconFlipRtl","iconStartEl","flipRtl","getIconScale","contentNode","iconEndEl","slottedContent","contentEl","childLink","rel","itemRole","itemAria","emitRequestedItem","click","calciteInternalDropdownCloseRequest","parentEmittedChange","parentDropdownGroupEl","determineActiveItem","closest","calciteDropdownItemSelect","calciteInternalDropdownItemSelect"],"sources":["src/components/dropdown/resources.ts","src/components/dropdown/dropdown.scss?tag=calcite-dropdown&encapsulation=shadow","src/components/dropdown/dropdown.tsx","src/components/dropdown-item/resources.ts","src/components/dropdown-group/dropdown-group.scss?tag=calcite-dropdown-group&encapsulation=shadow","src/components/dropdown-group/dropdown-group.tsx","src/components/dropdown-item/dropdown-item.scss?tag=calcite-dropdown-item&encapsulation=shadow","src/components/dropdown-item/dropdown-item.tsx"],"sourcesContent":["export const SLOTS = {\n  dropdownTrigger: \"trigger\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-dropdown-width: Specifies the width of the component's wrapper.\n */\n\n:host {\n  @apply inline-block;\n}\n\n@include disabled();\n\n:host .calcite-dropdown-wrapper {\n  --calcite-floating-ui-z-index: theme(\"zIndex.dropdown\");\n  @include floatingUIContainer();\n  @include floatingUIWrapper();\n}\n\n@include floatingUIElemAnim(\".calcite-dropdown-wrapper\");\n:host([open]) .calcite-dropdown-wrapper {\n  @include floatingUIWrapperActive();\n}\n\n:host .calcite-dropdown-content {\n  @apply bg-foreground-1\n    w-auto\n    overflow-y-auto\n    overflow-x-hidden\n    max-h-menu;\n  inline-size: var(--calcite-dropdown-width);\n}\n.calcite-trigger-container {\n  @apply relative flex flex-auto h-full;\n  @include word-break;\n}\n\n@media (forced-colors: active) {\n  /* use real border since box-shadow is removed in high contrast mode */\n  :host([open]) .calcite-dropdown-wrapper {\n    border: 1px solid canvasText;\n  }\n}\n\n// width\n:host([width-scale=\"s\"]) {\n  --calcite-dropdown-width: theme(\"spacing.48\");\n}\n:host([width-scale=\"m\"]) {\n  --calcite-dropdown-width: theme(\"spacing.56\");\n}\n:host([width-scale=\"l\"]) {\n  --calcite-dropdown-width: theme(\"spacing.64\");\n}\n\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  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { focusElement, focusElementInGroup, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectFloatingUI,\n  defaultMenuPlacement,\n  disconnectFloatingUI,\n  EffectivePlacement,\n  filterComputedPlacements,\n  FloatingCSS,\n  FloatingUIComponent,\n  MenuPlacement,\n  OverlayPositioning,\n  reposition,\n} from \"../../utils/floating-ui\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { isActivationKey } from \"../../utils/key\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport { RequestedItem } from \"../dropdown-group/interfaces\";\nimport { Scale } from \"../interfaces\";\nimport { ItemKeyboardEvent } from \"./interfaces\";\nimport { SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding `calcite-dropdown-group` elements. Every `calcite-dropdown-item` must have a parent `calcite-dropdown-group`, even if the `groupTitle` property is not set.\n * @slot trigger - A slot for the element that triggers the `calcite-dropdown`.\n */\n@Component({\n  tag: \"calcite-dropdown\",\n  styleUrl: \"dropdown.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class Dropdown\n  implements InteractiveComponent, LoadableComponent, OpenCloseComponent, FloatingUIComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, displays and positions the component.\n   */\n  @Prop({ reflect: true, mutable: true }) open = false;\n\n  @Watch(\"open\")\n  openHandler(): void {\n    onToggleOpenCloseComponent(this);\n\n    if (this.disabled) {\n      this.open = false;\n      return;\n    }\n\n    this.reposition(true);\n  }\n\n  /**\n   * When `true`, the component will remain open after a selection is made.\n   *\n   * If the `selectionMode` of the selected `calcite-dropdown-item`'s containing `calcite-dropdown-group` is `\"none\"`, the component will always close.\n   *\n   */\n  @Prop({ reflect: true }) closeOnSelectDisabled = 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  @Watch(\"disabled\")\n  handleDisabledChange(value: boolean): void {\n    if (!value) {\n      this.open = false;\n    }\n  }\n\n  /**\n   * Defines the available placements that can be used when a flip occurs.\n   */\n  @Prop() flipPlacements: EffectivePlacement[];\n\n  @Watch(\"flipPlacements\")\n  flipPlacementsHandler(): void {\n    this.setFilteredPlacements();\n    this.reposition(true);\n  }\n\n  /**\n   * Specifies the maximum number of `calcite-dropdown-item`s to display before showing a scroller.\n   * Value must be greater than `0`, and does not include `groupTitle`'s from `calcite-dropdown-group`.\n   */\n  @Prop({ reflect: true }) maxItems = 0;\n\n  @Watch(\"maxItems\")\n  maxItemsHandler(): void {\n    this.setMaxScrollerHeight();\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  @Watch(\"overlayPositioning\")\n  overlayPositioningHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   * Determines where the component will be positioned relative to the container element.\n   *\n   * @default \"bottom-start\"\n   */\n  @Prop({ reflect: true }) placement: MenuPlacement = defaultMenuPlacement;\n\n  @Watch(\"placement\")\n  placementHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   * Specifies the component's selected items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItems: HTMLCalciteDropdownItemElement[] = [];\n\n  /**\n   * Specifies the action to open the component from the container element.\n   */\n  @Prop({ reflect: true }) type: \"hover\" | \"click\" = \"click\";\n\n  /**\n   * Specifies the width of the component.\n   */\n  @Prop({ reflect: true }) widthScale: Scale;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  @Watch(\"scale\")\n  handlePropsChange(): void {\n    this.updateItems();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component's first focusable element. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.el.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n    this.setFilteredPlacements();\n    if (this.open) {\n      this.openHandler();\n      onToggleOpenCloseComponent(this);\n    }\n    connectInteractive(this);\n    this.updateItems();\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n    this.resizeObserver?.disconnect();\n    disconnectInteractive(this);\n    disconnectFloatingUI(this, this.referenceEl, this.floatingEl);\n  }\n\n  render(): VNode {\n    const { open, guid } = this;\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            class=\"calcite-trigger-container\"\n            id={`${guid}-menubutton`}\n            onClick={this.openCalciteDropdown}\n            onKeyDown={this.keyDownHandler}\n            ref={this.setReferenceEl}\n          >\n            <slot\n              aria-controls={`${guid}-menu`}\n              aria-expanded={toAriaBoolean(open)}\n              aria-haspopup=\"menu\"\n              name={SLOTS.dropdownTrigger}\n              onSlotchange={this.updateTriggers}\n            />\n          </div>\n          <div\n            aria-hidden={toAriaBoolean(!open)}\n            class=\"calcite-dropdown-wrapper\"\n            ref={this.setFloatingEl}\n          >\n            <div\n              aria-labelledby={`${guid}-menubutton`}\n              class={{\n                [\"calcite-dropdown-content\"]: true,\n                [FloatingCSS.animation]: true,\n                [FloatingCSS.animationActive]: open,\n              }}\n              id={`${guid}-menu`}\n              ref={this.setScrollerAndTransitionEl}\n              role=\"menu\"\n            >\n              <slot onSlotchange={this.updateGroups} />\n            </div>\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Updates the position of the component.\n   *\n   * @param delayed\n   */\n  @Method()\n  async reposition(delayed = false): Promise<void> {\n    const { floatingEl, referenceEl, placement, overlayPositioning, filteredFlipPlacements } = this;\n\n    return reposition(\n      this,\n      {\n        floatingEl,\n        referenceEl,\n        overlayPositioning,\n        placement,\n        flipPlacements: filteredFlipPlacements,\n        type: \"menu\",\n      },\n      delayed,\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when a `calcite-dropdown-item`'s selection changes. */\n  @Event({ cancelable: false }) calciteDropdownSelect: EventEmitter<void>;\n\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calciteDropdownBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calciteDropdownClose: 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 }) calciteDropdownBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calciteDropdownOpen: EventEmitter<void>;\n\n  @Listen(\"click\", { target: \"window\" })\n  closeCalciteDropdownOnClick(event: PointerEvent): void {\n    if (this.disabled || !this.open || event.composedPath().includes(this.el)) {\n      return;\n    }\n\n    this.closeCalciteDropdown(false);\n  }\n\n  @Listen(\"calciteInternalDropdownCloseRequest\")\n  closeCalciteDropdownOnEvent(event: Event): void {\n    this.closeCalciteDropdown();\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteDropdownOpen\", { target: \"window\" })\n  closeCalciteDropdownOnOpenEvent(event: Event): void {\n    if (event.composedPath().includes(this.el)) {\n      return;\n    }\n\n    this.open = false;\n  }\n\n  @Listen(\"pointerenter\")\n  pointerEnterHandler(): void {\n    if (this.disabled || this.type !== \"hover\") {\n      return;\n    }\n\n    this.openCalciteDropdown();\n  }\n\n  @Listen(\"pointerleave\")\n  pointerLeaveHandler(): void {\n    if (this.disabled || this.type !== \"hover\") {\n      return;\n    }\n\n    this.closeCalciteDropdown();\n  }\n\n  private getTraversableItems(): HTMLCalciteDropdownItemElement[] {\n    return this.items.filter((item) => !item.disabled && !item.hidden);\n  }\n\n  @Listen(\"calciteInternalDropdownItemKeyEvent\")\n  calciteInternalDropdownItemKeyEvent(event: CustomEvent<ItemKeyboardEvent>): void {\n    const { keyboardEvent } = event.detail;\n    const target = keyboardEvent.target as HTMLCalciteDropdownItemElement;\n    const traversableItems = this.getTraversableItems();\n\n    switch (keyboardEvent.key) {\n      case \"Tab\":\n        this.open = false;\n        this.updateTabIndexOfItems(target);\n        break;\n      case \"ArrowDown\":\n        focusElementInGroup(traversableItems, target, \"next\");\n        break;\n      case \"ArrowUp\":\n        focusElementInGroup(traversableItems, target, \"previous\");\n        break;\n      case \"Home\":\n        focusElementInGroup(traversableItems, target, \"first\");\n        break;\n      case \"End\":\n        focusElementInGroup(traversableItems, target, \"last\");\n        break;\n    }\n\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalDropdownItemSelect\")\n  handleItemSelect(event: CustomEvent<RequestedItem>): void {\n    this.updateSelectedItems();\n    event.stopPropagation();\n    this.calciteDropdownSelect.emit();\n    if (\n      !this.closeOnSelectDisabled ||\n      event.detail.requestedDropdownGroup.selectionMode === \"none\"\n    ) {\n      this.closeCalciteDropdown();\n    }\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteDropdownElement;\n\n  filteredFlipPlacements: EffectivePlacement[];\n\n  private items: HTMLCalciteDropdownItemElement[] = [];\n\n  private groups: HTMLCalciteDropdownGroupElement[] = [];\n\n  /** trigger elements */\n  private triggers: HTMLElement[];\n\n  floatingEl: HTMLDivElement;\n\n  referenceEl: HTMLDivElement;\n\n  private scrollerEl: HTMLDivElement;\n\n  mutationObserver = createObserver(\"mutation\", () => this.updateItems());\n\n  resizeObserver = createObserver(\"resize\", (entries) => this.resizeObserverCallback(entries));\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLDivElement;\n\n  guid = `calcite-dropdown-${guid()}`;\n\n  defaultAssignedElements: Element[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  slotChangeHandler = (event: Event): void => {\n    this.defaultAssignedElements = (event.target as HTMLSlotElement).assignedElements({\n      flatten: true,\n    });\n\n    this.updateItems();\n  };\n\n  setFilteredPlacements = (): void => {\n    const { el, flipPlacements } = this;\n\n    this.filteredFlipPlacements = flipPlacements\n      ? filterComputedPlacements(flipPlacements, el)\n      : null;\n  };\n\n  updateTriggers = (event: Event): void => {\n    this.triggers = (event.target as HTMLSlotElement).assignedElements({\n      flatten: true,\n    }) as HTMLElement[];\n\n    this.reposition(true);\n  };\n\n  updateItems = (): void => {\n    this.items = this.groups\n      .map((group) => Array.from(group?.querySelectorAll(\"calcite-dropdown-item\")))\n      .reduce((previousValue, currentValue) => [...previousValue, ...currentValue], []);\n\n    this.updateSelectedItems();\n\n    this.reposition(true);\n\n    this.items.forEach((item) => (item.scale = this.scale));\n  };\n\n  updateGroups = (event: Event): void => {\n    const groups = (event.target as HTMLSlotElement)\n      .assignedElements({ flatten: true })\n      .filter((el) => el?.matches(\"calcite-dropdown-group\")) as HTMLCalciteDropdownGroupElement[];\n\n    this.groups = groups;\n\n    this.updateItems();\n  };\n\n  resizeObserverCallback = (entries: ResizeObserverEntry[]): void => {\n    entries.forEach((entry) => {\n      const { target } = entry;\n      if (target === this.referenceEl) {\n        this.setDropdownWidth();\n      } else if (target === this.scrollerEl) {\n        this.setMaxScrollerHeight();\n      }\n    });\n  };\n\n  setDropdownWidth = (): void => {\n    const { referenceEl, scrollerEl } = this;\n    const referenceElWidth = referenceEl?.clientWidth;\n\n    if (!referenceElWidth || !scrollerEl) {\n      return;\n    }\n\n    scrollerEl.style.minWidth = `${referenceElWidth}px`;\n  };\n\n  setMaxScrollerHeight = (): void => {\n    const { scrollerEl } = this;\n    if (!scrollerEl) {\n      return;\n    }\n\n    this.reposition(true);\n    const maxScrollerHeight = this.getMaxScrollerHeight();\n    scrollerEl.style.maxHeight = maxScrollerHeight > 0 ? `${maxScrollerHeight}px` : \"\";\n    this.reposition(true);\n  };\n\n  setScrollerAndTransitionEl = (el: HTMLDivElement): void => {\n    this.resizeObserver.observe(el);\n    this.scrollerEl = el;\n\n    this.transitionEl = el;\n  };\n\n  onBeforeOpen(): void {\n    this.calciteDropdownBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    this.calciteDropdownOpen.emit();\n  }\n\n  onBeforeClose(): void {\n    this.calciteDropdownBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.calciteDropdownClose.emit();\n  }\n\n  setReferenceEl = (el: HTMLDivElement): void => {\n    this.referenceEl = el;\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n    this.resizeObserver.observe(el);\n  };\n\n  setFloatingEl = (el: HTMLDivElement): void => {\n    this.floatingEl = el;\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n  };\n\n  private keyDownHandler = (event: KeyboardEvent): void => {\n    if (!event.composedPath().includes(this.referenceEl)) {\n      return;\n    }\n\n    const { defaultPrevented, key } = event;\n\n    if (defaultPrevented) {\n      return;\n    }\n\n    if (this.open) {\n      if (key === \"Escape\") {\n        this.closeCalciteDropdown();\n        event.preventDefault();\n        return;\n      } else if (event.shiftKey && key === \"Tab\") {\n        this.closeCalciteDropdown();\n        event.preventDefault();\n        return;\n      }\n    }\n\n    if (isActivationKey(key)) {\n      this.openCalciteDropdown();\n      event.preventDefault();\n    } else if (key === \"Escape\") {\n      this.closeCalciteDropdown();\n      event.preventDefault();\n    }\n  };\n\n  private updateSelectedItems(): void {\n    this.selectedItems = this.items.filter((item) => item.selected);\n  }\n\n  private getMaxScrollerHeight(): number {\n    const { maxItems, items } = this;\n    let itemsToProcess = 0;\n    let maxScrollerHeight = 0;\n    let groupHeaderHeight: number;\n\n    this.groups.forEach((group) => {\n      if (maxItems > 0 && itemsToProcess < maxItems) {\n        Array.from(group.children).forEach((item: HTMLCalciteDropdownItemElement, index) => {\n          if (index === 0) {\n            if (isNaN(groupHeaderHeight)) {\n              groupHeaderHeight = item.offsetTop;\n            }\n\n            maxScrollerHeight += groupHeaderHeight;\n          }\n\n          if (itemsToProcess < maxItems) {\n            maxScrollerHeight += item.offsetHeight;\n            itemsToProcess += 1;\n          }\n        });\n      }\n    });\n\n    return items.length > maxItems ? maxScrollerHeight : 0;\n  }\n\n  private closeCalciteDropdown(focusTrigger = true) {\n    this.open = false;\n\n    if (focusTrigger) {\n      focusElement(this.triggers[0]);\n    }\n  }\n\n  private focusOnFirstActiveOrFirstItem = (): void => {\n    this.getFocusableElement(\n      this.getTraversableItems().find((item) => item.selected) || this.items[0],\n    );\n  };\n\n  private getFocusableElement(item: HTMLCalciteDropdownItemElement): void {\n    if (!item) {\n      return;\n    }\n\n    focusElement(item);\n  }\n\n  private toggleOpenEnd = (): void => {\n    this.focusOnFirstActiveOrFirstItem();\n    this.el.removeEventListener(\"calciteDropdownOpen\", this.toggleOpenEnd);\n  };\n\n  private openCalciteDropdown = () => {\n    this.open = !this.open;\n    if (this.open) {\n      this.el.addEventListener(\"calciteDropdownOpen\", this.toggleOpenEnd);\n    }\n  };\n\n  private updateTabIndexOfItems(target: HTMLCalciteDropdownItemElement): void {\n    this.items.forEach((item: HTMLCalciteDropdownItemElement) => {\n      item.tabIndex = target !== item ? -1 : 0;\n    });\n  }\n}\n","export const CSS = {\n  container: \"container\",\n  containerLink: \"container--link\",\n  containerMulti: \"container--multi-selection\",\n  containerSingle: \"container--single-selection\",\n  containerNone: \"container--none-selection\",\n  icon: \"dropdown-item-icon\",\n  iconEnd: \"dropdown-item-icon-end\",\n  iconStart: \"dropdown-item-icon-start\",\n  itemContent: \"dropdown-item-content\",\n  link: \"dropdown-link\",\n};\n",":host {\n  // we make the host relative, so items can consistently compute their offsetTop based on the group\n  @apply block relative;\n}\n\n.container {\n  text-align: start;\n}\n\n.container--s {\n  @apply text-n2h;\n  .dropdown-title {\n    @apply p-2;\n  }\n}\n\n.container--m {\n  @apply text-n1h;\n  .dropdown-title {\n    @apply p-3;\n  }\n}\n\n.container--l {\n  @apply text-0h;\n  .dropdown-title {\n    @apply p-4;\n  }\n}\n\n.dropdown-title {\n  @apply border-color-3\n  text-color-2\n  -mb-px\n  block\n  cursor-default\n  break-words\n  border-0\n  border-b\n  border-solid\n  font-bold;\n}\n\n.dropdown-separator {\n  @apply block h-px;\n  background-color: theme(\"borderColor.color.3\");\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { Scale, SelectionMode } from \"../interfaces\";\nimport { createObserver } from \"../../utils/observers\";\nimport { CSS } from \"../dropdown-item/resources\";\nimport { RequestedItem } from \"./interfaces\";\n\n/**\n * @slot - A slot for adding `calcite-dropdown-item`s.\n */\n@Component({\n  tag: \"calcite-dropdown-group\",\n  styleUrl: \"dropdown-group.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class DropdownGroup {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies and displays a group title. */\n  @Prop({ reflect: true }) groupTitle: string;\n\n  /**\n   * Specifies the size of the component inherited from the parent `calcite-dropdown`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale = \"m\";\n\n  /**\n   * Specifies the selection mode of the component, where:\n   *\n   * `\"multiple\"` allows any number of selections,\n   *\n   * `\"single\"` allows only one selection, and\n   *\n   * `\"none\"` does not allow any selections.\n   */\n  @Prop({ reflect: true }) selectionMode: Extract<\"none\" | \"single\" | \"multiple\", SelectionMode> =\n    \"single\";\n\n  @Watch(\"selectionMode\")\n  handlePropsChange(): void {\n    this.updateItems();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalDropdownItemChange: EventEmitter<RequestedItem>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.updateItems();\n    this.mutationObserver?.observe(this.el, { childList: true });\n  }\n\n  componentWillLoad(): void {\n    this.groupPosition = this.getGroupPosition();\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n  }\n\n  render(): VNode {\n    const groupTitle = this.groupTitle ? (\n      <span aria-hidden=\"true\" class=\"dropdown-title\">\n        {this.groupTitle}\n      </span>\n    ) : null;\n\n    const dropdownSeparator =\n      this.groupPosition > 0 ? <div class=\"dropdown-separator\" role=\"separator\" /> : null;\n\n    return (\n      <Host aria-label={this.groupTitle} role=\"group\">\n        <div\n          class={{\n            [CSS.container]: true,\n            [`${CSS.container}--${this.scale}`]: true,\n          }}\n        >\n          {dropdownSeparator}\n          {groupTitle}\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalDropdownItemSelect\")\n  updateActiveItemOnChange(event: CustomEvent): void {\n    this.requestedDropdownGroup = event.detail.requestedDropdownGroup;\n    this.requestedDropdownItem = event.detail.requestedDropdownItem;\n    this.calciteInternalDropdownItemChange.emit({\n      requestedDropdownGroup: this.requestedDropdownGroup,\n      requestedDropdownItem: this.requestedDropdownItem,\n    });\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteDropdownGroupElement;\n\n  /** position of group within a dropdown */\n  private groupPosition: number;\n\n  /** the requested group */\n  private requestedDropdownGroup: HTMLCalciteDropdownGroupElement;\n\n  /** the requested item */\n  private requestedDropdownItem: HTMLCalciteDropdownItemElement;\n\n  private updateItems = (): void => {\n    Array.from(this.el.querySelectorAll(\"calcite-dropdown-item\")).forEach(\n      (item) => (item.selectionMode = this.selectionMode),\n    );\n  };\n\n  mutationObserver = createObserver(\"mutation\", () => this.updateItems());\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private getGroupPosition(): number {\n    return Array.prototype.indexOf.call(\n      this.el.parentElement.querySelectorAll(\"calcite-dropdown-group\"),\n      this.el,\n    );\n  }\n}\n",".container--s {\n  @apply text-n2h py-1;\n  padding-inline-end: theme(\"padding.2\");\n  padding-inline-start: theme(\"padding.6\");\n}\n\n.container--m {\n  @apply text-n1h py-2;\n  padding-inline-end: theme(\"padding.3\");\n  padding-inline-start: theme(\"padding.8\");\n}\n\n.container--l {\n  @apply text-0h py-2.5;\n  padding-inline-end: theme(\"padding.4\");\n  padding-inline-start: theme(\"padding.10\");\n}\n\n// none-selection mode\n.container--s.container--none-selection {\n  padding-inline-start: theme(\"padding.1\");\n  & .dropdown-link {\n    padding-inline-start: theme(\"padding.0\");\n  }\n}\n\n.container--m.container--none-selection {\n  padding-inline-start: theme(\"padding.2\");\n  & .dropdown-link {\n    padding-inline-start: theme(\"padding.0\");\n  }\n}\n\n.container--l.container--none-selection {\n  padding-inline-start: theme(\"padding.3\");\n  & .dropdown-link {\n    padding-inline-start: theme(\"padding.0\");\n  }\n}\n\n@mixin itemStyling {\n  @apply text-color-3\n    relative\n    flex\n    flex-grow\n    cursor-pointer\n    items-center\n    no-underline\n    duration-150\n    ease-in-out;\n}\n\n:host {\n  @apply relative\n    flex\n    flex-grow\n    items-center;\n}\n\n.container {\n  @include itemStyling;\n  text-align: start;\n}\n\n.dropdown-item-content {\n  @apply flex-auto py-0.5;\n  padding-inline-end: theme(\"margin.auto\");\n  padding-inline-start: theme(\"margin.1\");\n}\n\n//focus\n:host,\n.container--link a {\n  @apply focus-base;\n}\n:host(:focus) {\n  @apply focus-inset outline-none;\n}\n\n// when used as link move styling anchor\n.container--link {\n  @apply p-0;\n  & a {\n    @include itemStyling;\n  }\n}\n\n.container--s .dropdown-link {\n  @apply text-n2h py-1;\n  padding-inline-end: theme(\"padding.2\");\n  padding-inline-start: theme(\"padding.6\");\n}\n\n.container--m .dropdown-link {\n  @apply text-n1h py-2;\n  padding-inline-end: theme(\"padding.3\");\n  padding-inline-start: theme(\"padding.8\");\n}\n\n.container--l .dropdown-link {\n  @apply text-0h py-3;\n  padding-inline-end: theme(\"padding.4\");\n  padding-inline-start: theme(\"padding.10\");\n}\n\n:host(:hover:not([disabled])),\n:host(:active:not([disabled])) {\n  .container {\n    @apply bg-foreground-2 text-color-1 no-underline;\n  }\n\n  .container--link .dropdown-link {\n    @apply text-color-1;\n  }\n}\n\n:host(:active:not([disabled])) .container {\n  @apply bg-foreground-3;\n}\n\n:host(:focus) .container {\n  @apply text-color-1 no-underline;\n}\n\n:host([selected]) .container:not(.container--none-selection),\n:host([selected]) .container--link .dropdown-link {\n  @apply text-color-1 font-medium;\n  & calcite-icon {\n    color: theme(\"backgroundColor.brand\");\n  }\n}\n\n// item icon\n.dropdown-item-icon {\n  @apply absolute\n    opacity-0\n    duration-150\n    ease-in-out;\n  transform: scale(0.9);\n}\n\n.container--s .dropdown-item-icon {\n  inset-inline-start: theme(\"spacing.1\");\n}\n\n.container--m .dropdown-item-icon {\n  inset-inline-start: theme(\"spacing.2\");\n}\n\n.container--l .dropdown-item-icon {\n  inset-inline-start: theme(\"spacing.3\");\n}\n\n:host(:hover:not([disabled])) .dropdown-item-icon {\n  color: theme(\"borderColor.color.1\");\n  @apply opacity-100;\n}\n\n:host([selected]) .dropdown-item-icon {\n  color: theme(\"backgroundColor.brand\");\n  @apply opacity-100;\n}\n\n// icon start & end\n.container--s {\n  .dropdown-item-icon-start {\n    margin-inline-end: theme(\"margin.2\");\n    margin-inline-start: theme(\"margin.1\");\n  }\n  .dropdown-item-icon-end {\n    margin-inline-start: theme(\"margin.2\");\n  }\n}\n\n.container--m {\n  .dropdown-item-icon-start {\n    margin-inline-end: theme(\"margin.3\");\n    margin-inline-start: theme(\"margin.1\");\n  }\n  .dropdown-item-icon-end {\n    margin-inline-start: theme(\"margin.3\");\n  }\n}\n\n.container--l {\n  .dropdown-item-icon-start {\n    margin-inline-end: theme(\"margin.4\");\n    margin-inline-start: theme(\"margin.1\");\n  }\n  .dropdown-item-icon-end {\n    margin-inline-start: theme(\"margin.4\");\n  }\n}\n\n@include base-component();\n@include disabled();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n} from \"@stencil/core\";\nimport { toAriaBoolean } from \"../../utils/dom\";\nimport { ItemKeyboardEvent } from \"../dropdown/interfaces\";\nimport { RequestedItem } from \"../dropdown-group/interfaces\";\nimport { FlipContext, Scale, SelectionMode } from \"../interfaces\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { getIconScale } from \"../../utils/component\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding text.\n */\n@Component({\n  tag: \"calcite-dropdown-item\",\n  styleUrl: \"dropdown-item.scss\",\n  shadow: true,\n})\nexport class DropdownItem implements InteractiveComponent, LoadableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   *  Specifies the URL of the linked resource, which can be set as an absolute or relative path.\n   *\n   * Determines if the component will render as an anchor.\n   */\n  @Prop({ reflect: true }) href: string;\n\n  /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl: FlipContext;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: string;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: string;\n\n  /** Accessible name for the component. */\n  @Prop() label: string;\n\n  /** Specifies the relationship to the linked document defined in `href`. */\n  @Prop({ reflect: true }) rel: string;\n\n  /** When `true`, the component is selected. */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  /** Specifies the frame or window to open the linked document. */\n  @Prop({ reflect: true }) target: string;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when the component is selected. */\n  @Event({ cancelable: false }) calciteDropdownItemSelect: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalDropdownItemSelect: EventEmitter<RequestedItem>;\n\n  /** @internal */\n  @Event({ cancelable: false })\n  calciteInternalDropdownItemKeyEvent: EventEmitter<ItemKeyboardEvent>;\n\n  /** @internal */\n  @Event({ cancelable: false }) calciteInternalDropdownCloseRequest: EventEmitter<void>;\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    this.el?.focus();\n  }\n\n  /**\n   * Specifies the selection mode inherited from `calcite-dropdown-group`, defaults to `single`:\n   * - `multiple` allows any number of selected items,\n   * - `single` allows only one selection (default),\n   * - `none` doesn't allow for any selection.\n   *\n   * @internal\n   */\n  @Prop() selectionMode: Extract<\"none\" | \"single\" | \"multiple\", SelectionMode> = \"single\";\n\n  /**\n   * Specifies the size of the component inherited from `calcite-dropdown`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale = \"m\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n    this.initialize();\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  connectedCallback(): void {\n    this.initialize();\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  render(): VNode {\n    const { href, selectionMode, label, iconFlipRtl, scale } = this;\n\n    const iconStartEl = (\n      <calcite-icon\n        class={CSS.iconStart}\n        flipRtl={iconFlipRtl === \"start\" || iconFlipRtl === \"both\"}\n        icon={this.iconStart}\n        scale={getIconScale(this.scale)}\n      />\n    );\n    const contentNode = (\n      <span class={CSS.itemContent}>\n        <slot />\n      </span>\n    );\n    const iconEndEl = (\n      <calcite-icon\n        class={CSS.iconEnd}\n        flipRtl={iconFlipRtl === \"end\" || iconFlipRtl === \"both\"}\n        icon={this.iconEnd}\n        scale={getIconScale(this.scale)}\n      />\n    );\n\n    const slottedContent =\n      this.iconStart && this.iconEnd\n        ? [iconStartEl, contentNode, iconEndEl]\n        : this.iconStart\n          ? [iconStartEl, contentNode]\n          : this.iconEnd\n            ? [contentNode, iconEndEl]\n            : contentNode;\n\n    const contentEl = !href ? (\n      slottedContent\n    ) : (\n      <a\n        aria-label={label}\n        class={CSS.link}\n        href={href}\n        ref={(el) => (this.childLink = el)}\n        rel={this.rel}\n        tabIndex={-1}\n        target={this.target}\n      >\n        {slottedContent}\n      </a>\n    );\n\n    const itemRole = href\n      ? null\n      : selectionMode === \"single\"\n        ? \"menuitemradio\"\n        : selectionMode === \"multiple\"\n          ? \"menuitemcheckbox\"\n          : \"menuitem\";\n\n    const itemAria = selectionMode !== \"none\" ? toAriaBoolean(this.selected) : null;\n    const { disabled } = this;\n\n    return (\n      <Host\n        aria-checked={itemAria}\n        aria-label={!href ? label : \"\"}\n        role={itemRole}\n        tabIndex={disabled ? -1 : 0}\n      >\n        <InteractiveContainer disabled={disabled}>\n          <div\n            class={{\n              [CSS.container]: true,\n              [CSS.containerLink]: !!href,\n              [`${CSS.container}--${scale}`]: true,\n              [CSS.containerMulti]: selectionMode === \"multiple\",\n              [CSS.containerSingle]: selectionMode === \"single\",\n              [CSS.containerNone]: selectionMode === \"none\",\n            }}\n          >\n            {selectionMode !== \"none\" ? (\n              <calcite-icon\n                class={CSS.icon}\n                icon={selectionMode === \"multiple\" ? \"check\" : \"bullet-point\"}\n                scale={getIconScale(this.scale)}\n              />\n            ) : null}\n            {contentEl}\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"click\") onClick(): void {\n    this.emitRequestedItem();\n  }\n\n  @Listen(\"keydown\")\n  keyDownHandler(event: KeyboardEvent): void {\n    switch (event.key) {\n      case \" \":\n      case \"Enter\":\n        this.emitRequestedItem();\n        if (this.href) {\n          this.childLink.click();\n        }\n        event.preventDefault();\n        break;\n      case \"Escape\":\n        this.calciteInternalDropdownCloseRequest.emit();\n        event.preventDefault();\n        break;\n      case \"Tab\":\n        this.calciteInternalDropdownItemKeyEvent.emit({ keyboardEvent: event });\n        break;\n      case \"ArrowUp\":\n      case \"ArrowDown\":\n      case \"Home\":\n      case \"End\":\n        event.preventDefault();\n        this.calciteInternalDropdownItemKeyEvent.emit({ keyboardEvent: event });\n        break;\n    }\n  }\n\n  @Listen(\"calciteInternalDropdownItemChange\", { target: \"body\" })\n  updateActiveItemOnChange(event: CustomEvent): void {\n    const parentEmittedChange = event.composedPath().includes(this.parentDropdownGroupEl);\n\n    if (parentEmittedChange) {\n      this.requestedDropdownGroup = event.detail.requestedDropdownGroup;\n      this.requestedDropdownItem = event.detail.requestedDropdownItem;\n      this.determineActiveItem();\n    }\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteDropdownItemElement;\n\n  /** id of containing group */\n  private parentDropdownGroupEl: HTMLCalciteDropdownGroupElement;\n\n  /** requested group */\n  private requestedDropdownGroup: HTMLCalciteDropdownGroupElement;\n\n  /** requested item */\n  private requestedDropdownItem: HTMLCalciteDropdownItemElement;\n\n  /** if href is requested, track the rendered child link*/\n  private childLink: HTMLAnchorElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private initialize(): void {\n    this.parentDropdownGroupEl = this.el.closest(\"calcite-dropdown-group\");\n    if (this.selectionMode === \"none\") {\n      this.selected = false;\n    }\n  }\n\n  private determineActiveItem(): void {\n    switch (this.selectionMode) {\n      case \"multiple\":\n        if (this.el === this.requestedDropdownItem) {\n          this.selected = !this.selected;\n        }\n        break;\n\n      case \"single\":\n        if (this.el === this.requestedDropdownItem) {\n          this.selected = true;\n        } else if (this.requestedDropdownGroup === this.parentDropdownGroupEl) {\n          this.selected = false;\n        }\n        break;\n\n      case \"none\":\n        this.selected = false;\n        break;\n    }\n  }\n\n  private emitRequestedItem(): void {\n    this.calciteDropdownItemSelect.emit();\n    this.calciteInternalDropdownItemSelect.emit({\n      requestedDropdownItem: this.el,\n      requestedDropdownGroup: this.parentDropdownGroupEl,\n    });\n  }\n}\n"],"mappings":"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"}

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
- */
-import{d as e}from"./p-b8a710c9.js";import"./p-d5fb1def.js";import"./p-607f6ebc.js";import"./p-521dd844.js";import"./p-1a91451c.js";import"./p-4a7f9f77.js";import"./p-dd122c48.js";import"./p-64eee6a2.js";import"./p-0055e511.js";import"./p-92ee57bc.js";import"./p-5b021a42.js";import"./p-77f9f089.js";import"./p-d41eda90.js";import"./p-7369809e.js";import"./p-bf44c80a.js";import"./p-f75f0a6d.js";import"./p-f2fb83bd.js";import"./p-bfe64bf4.js";import"./p-934455cd.js";var o={name:"it-ch",weekdays:"domenica_lunedì_martedì_mercoledì_giovedì_venerdì_sabato".split("_"),months:"gennaio_febbraio_marzo_aprile_maggio_giugno_luglio_agosto_settembre_ottobre_novembre_dicembre".split("_"),weekStart:1,weekdaysShort:"dom_lun_mar_mer_gio_ven_sab".split("_"),monthsShort:"gen_feb_mar_apr_mag_giu_lug_ago_set_ott_nov_dic".split("_"),weekdaysMin:"do_lu_ma_me_gi_ve_sa".split("_"),ordinal:function e(o){return o},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},relativeTime:{future:"tra %s",past:"%s fa",s:"alcuni secondi",m:"un minuto",mm:"%d minuti",h:"un'ora",hh:"%d ore",d:"un giorno",dd:"%d giorni",M:"un mese",MM:"%d mesi",y:"un anno",yy:"%d anni"}};e.locale(o,null,true);export{o as default};
-//# sourceMappingURL=p-6abba7df.js.map

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
- */
-import{g as t}from"./p-c8b2ef0a.js";import{d as s,e as i,t as e}from"./p-521dd844.js";import{d as n}from"./p-efc4d265.js";import{h as o,H as c}from"./p-d5fb1def.js";import{I as a}from"./p-dd122c48.js";const r={heading:"heading",container:"container",indented:"container--indented"};const l={parentItem:"parent-item"};function f(){this.setUpItems();this.setUpFilter();this.deselectRemovedItems()}const h=["ArrowUp","ArrowDown"];function u(){this.setUpItems();this.setUpFilter();this.emitCalciteListChange=n(y.bind(this),0);this.emitCalciteListFilter=n(k.bind(this),0)}function d(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}function m(){this.mutationObserver?.disconnect()}function p(t){const{selectedValues:i}=this;const{item:e,value:n,selected:o,shiftPressed:c}=t.detail;if(o){if(this.multiple&&c){this.selectSiblings(e)}if(!this.multiple){this.deselectSiblingItems(e)}i.set(n,e)}else{i.delete(n);if(this.multiple&&c){this.selectSiblings(e,true)}}if(!this.multiple){C(e,o);if(o){s(e)}}this.lastSelectedItem=e;this.emitCalciteListChange()}function g(t){const s=t.detail.oldValue;const i=this.selectedValues;if(i.has(s)){const e=i.get(s);i.delete(s);i.set(t.detail.newValue,e)}t.stopPropagation()}function b(t){return!!h.find((s=>s===t))}function v(t){const{el:s,items:i,multiple:e,selectedValues:n}=this;if(e){return}const o=s.contains(t.relatedTarget);if(o){return}F(i).forEach((s=>{C(s,n.size===0?s.contains(t.target)||t.target===s:s.selected)}))}function w(t){const{key:i,target:e}=t;if(!b(i)){return}const{items:n,multiple:o,selectionFollowsFocus:c}=this;const{length:a}=n;const r=n.indexOf(e);if(!a||r===-1){return}t.preventDefault();const l=A(this,e,i==="ArrowUp"?"up":"down");const f=n[l];n.forEach((t=>C(t,t===f)));if(!o&&c){f.selected=true}s(f)}function A(s,i,e){const{items:n}=s;const{length:o}=n;const c=n.indexOf(i);const a=e==="up"?-1:1;let r=1;let l=t(c+a*r++,o);const f=l;while(n[l].disabled){l=t(c+a*r++,o);if(l===f){break}}return l}function x(t,s){const{items:i}=t;return i.indexOf(s)}function F(t){return t.filter((t=>!t.disabled))}function k(){this.calciteListFilter.emit()}function y(){this.calciteListChange.emit(this.selectedValues)}function E(t){if(t.defaultPrevented){return}const s=t.target;const i=this.selectedValues;if(s.parentElement.tagName==="CALCITE-PICK-LIST-GROUP"&&s.slot===l.parentItem){s.parentElement.remove();Array.from(s.parentElement.children).forEach((t=>i.delete(t.value)))}else{s.remove();i.delete(s.value)}this.emitCalciteListChange()}function C(t,s){if(t.disabled){return}if(s){t.removeAttribute("tabindex")}else{t.setAttribute("tabindex","-1")}}async function I(t){if(this.filterEnabled&&t==="filter"){await s(this.filterEl);return}const{items:i,multiple:e,selectionFollowsFocus:n}=this;if(i.length===0){return}if(e){return F(i)[0]?.setFocus()}const o=F(i);const c=o.find((t=>t.selected))||o[0];if(n&&c){c.selected=true}return c.setFocus()}function j(t){this.items=Array.from(this.el.querySelectorAll(t));let s=false;const{items:i}=this;i.forEach((t=>{t.icon=this.getIconType();if(!this.multiple){t.deselectDisabled=true;C(t,false)}if(t.selected){s=true;C(t,true);this.selectedValues.set(t.value,t)}}));const[e]=i;if(!s&&e&&!e.disabled){C(e,true)}}function S(){const t=this.selectedValues;const s=this.items.map((({value:t})=>t));t.forEach((t=>{if(!s.includes(t.value)){this.selectedValues.delete(t.value)}}))}function L(t){this.items.forEach((s=>{if(s.value!==t.value){s.toggleSelected(false);if(this.selectedValues.has(s.value)){this.selectedValues.delete(s.value)}}}))}function P(t,s=false){if(!this.lastSelectedItem){return}const{items:i}=this;const e=i.findIndex((t=>t.value===this.lastSelectedItem.value));const n=i.findIndex((s=>s.value===t.value));i.slice(Math.min(e,n),Math.max(e,n)).forEach((t=>{t.toggleSelected(!s);if(!s){this.selectedValues.set(t.value,t)}else{this.selectedValues.delete(t.value)}}))}let T;function q(t=false){const{filteredData:s,filterText:e}=this;const n=s.map((t=>t.value));let o=false;if(!T){T=new Set}const c=this.items?.filter((t=>{const s=t.parentElement;const i=s.matches("calcite-pick-list-group");if(i){T.add(s)}const c=e?n.includes(t.value):true;t.hidden=!c;if(!o){o=c&&t.selected}return c}))||[];T.forEach((t=>{const s=c.some((s=>t.contains(s)));t.hidden=!s;if(!s){return}const e=i(t,"parent-item");if(e){e.hidden=false;if(c.includes(e)){Array.from(t.children).forEach((t=>t.hidden=false))}}}));T.clear();if(c.length>0&&!o&&!this.multiple){C(c[0],true)}this.setFilteredItems(c);if(t){this.emitCalciteListFilter()}}function D(){const t=this.filterEl?.filteredItems;if(t){this.filteredData=t}this.handleFilter()}function U(t){t.stopPropagation();const{filteredItems:s,value:i}=t.currentTarget;this.filterText=i;this.filteredData=s;this.handleFilter(true)}function M(){return this.items.map((t=>({label:t.label,description:t.description,metadata:t.metadata,value:t.value})))}const V={sticky:"sticky-pos"};const G={circle:"circle",square:"square",grip:"grip"};const H={menuActions:"menu-actions"};const K=({props:{disabled:t,loading:s,filterEnabled:i,dataForFilter:n,handleFilterEvent:r,filterPlaceholder:l,filterText:f,setFilterEl:h,dragEnabled:u,storeAssistiveEl:d},...m})=>{const p=o("slot",null);return o(c,{"aria-busy":e(s),role:"menu",...m},o(a,{disabled:t},o("section",null,u?o("span",{"aria-live":"assertive",class:"assistive-text",ref:d}):null,o("header",{class:{[V.sticky]:true}},i?o("calcite-filter",{"aria-label":l,disabled:t,items:n,onCalciteFilterChange:r,placeholder:l,ref:h,value:f}):null,o("slot",{name:H.menuActions})),s?o("calcite-scrim",{loading:s}):null,p)))};const O={actions:"actions",actionsEnd:"actions--end",actionsStart:"actions--start",description:"description",handle:"handle",handleActivated:"handle--activated",highlight:"highlight",icon:"icon",iconDot:"icon-dot",label:"label",remove:"remove",title:"title",textContainer:"text-container"};const R={checked:"check",remove:"x"};const z={actionsEnd:"actions-end",actionsStart:"actions-start"};export{O as C,G as I,K as L,z as S,L as a,U as b,M as c,S as d,A as e,d as f,x as g,q as h,u as i,D as j,w as k,m as l,f as m,v as n,p as o,g as p,j as q,E as r,P as s,I as t,l as u,r as v,R as w};
-//# sourceMappingURL=p-6cfc0cf7.js.map

package/dist/calcite/p-6f21b8ef.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/main/LICENSE.md for details.
- * v2.9.0-next.2
- */
-import{h as t,r as i,c as e,H as s,g as o}from"./p-d5fb1def.js";import{c as n}from"./p-d513360f.js";import{f as a}from"./p-9009b70b.js";import{A as c,C as l,D as r,t as h,e as d}from"./p-521dd844.js";import{d as p,f as b,c as u,r as f,a as m,F as g}from"./p-7a8f0e68.js";import{s as x,c as v,a as y,d as w,H as C}from"./p-607f6ebc.js";import{g as k}from"./p-1a91451c.js";import{c as I,u as z,d as $,I as E}from"./p-dd122c48.js";import{c as S,d as H,g as A}from"./p-92ee57bc.js";import{b as D,c as j,s as O,a as M}from"./p-77f9f089.js";import{c as P,d as L}from"./p-d41eda90.js";import{c as F}from"./p-7369809e.js";import{o as B}from"./p-bfe64bf4.js";import{c as T,s as R,d as W,u as V}from"./p-f2fb83bd.js";import{g as G}from"./p-5b021a42.js";import{V as U}from"./p-934455cd.js";import{d as X}from"./p-efc4d265.js";import{c as _,d as Y}from"./p-5ea51123.js";import"./p-4a7f9f77.js";import"./p-64eee6a2.js";import"./p-0055e511.js";const K={button:"x-button"};function N({disabled:i,key:e,label:s,onClick:o,ref:n,scale:a}){return t("button",{"aria-label":s,class:K.button,disabled:i,key:e,onClick:o,ref:n,tabIndex:-1,type:"button"},t("calcite-icon",{icon:"x",scale:G(a)}))}const q="CALCITE-COMBOBOX-ITEM";const J="CALCITE-COMBOBOX-ITEM-GROUP";const Q=`${q}, ${J}`;const Z={input:"input",chipInvisible:"chip--invisible",selectionDisplayFit:"selection-display-fit",selectionDisplaySingle:"selection-display-single",listContainer:"list-container",icon:"icon"};function tt(t){const i=t.parentElement?.closest(Q);const e=i?.parentElement?.closest(Q);return[i,e].filter((t=>t))}function it(t){return t.ancestors?.filter((t=>t.nodeName==="CALCITE-COMBOBOX-ITEM"))||[]}function et(t){return c(t.querySelectorAll("calcite-combobox-item"))}function st(t){const i=c(t.querySelectorAll("calcite-combobox-item"));return i.filter((t=>t.selected)).length>0}function ot(t){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 nt(t){return t.includes("single")}const at=":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--transparent{opacity:0}.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)}.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:transform, visibility, 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{transform:translateY(-5px)}.floating-ui-container[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}.floating-ui-container[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}.floating-ui-container[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(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)}.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 ct=at;const lt=t=>t.tagName===J;const rt="combobox-item-";const ht="combobox-chip-";const dt="combobox-label-";const pt="combobox-listbox-";const bt="combobox-input-";const ut=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=p;this.internalValueChangeFlag=false;this.textInput=null;this.mutationObserver=F("mutation",(()=>this.updateItems()));this.resizeObserver=F("resize",(()=>{this.setMaxScrollerHeight();this.refreshSelectionDisplay()}));this.guid=k();this.inputHeight=0;this.ignoreSelectedEventsFlag=false;this.openTransitionProp="opacity";this.setFilteredPlacements=()=>{const{el:t,flipPlacements:i}=this;this.filteredFlipPlacements=i?b(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.text){this.addCustomChip(this.text,true);t.preventDefault()}else if(this.open){this.open=false;t.preventDefault()}else if(!this.allowCustomValues&&this.text){this.clearInputValue();this.filterItems("");this.updateActiveItemIndex(-1)}break;case"ArrowLeft":this.previousChip();t.preventDefault();break;case"ArrowRight":this.nextChip();t.preventDefault();break;case"ArrowUp":t.preventDefault();if(this.open){this.shiftActiveItemIndex(-1)}if(!this.comboboxInViewport()){this.el.scrollIntoView()}break;case"ArrowDown":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.text){this.addCustomChip(this.text,true);t.preventDefault()}else if(!t.defaultPrevented){if(x(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.text&&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(K.button)))){this.clearValue();t.preventDefault();return}this.open=!this.open;this.ensureRecentSelectedItemIsActive()};this.refreshSelectionDisplay=async()=>{await D(this);if(nt(this.selectionMode)){return}if(!this.textInput){return}const{allSelectedIndicatorChipEl:t,chipContainerEl:i,selectionDisplay:e,placeholder:s,selectedIndicatorChipEl:o,textInput:a}=this;const c=parseInt(getComputedStyle(i).gap.replace("px",""));const h=l(i);const{fontSize:d,fontFamily:p}=getComputedStyle(a);const b=r(s,`${d} ${p}`);const u=(b||parseInt(n))+c;const f=l(t);const m=l(o);const g=Math.max(f,m);this.setCompactSelectionDisplay({chipContainerElGap:c,chipContainerElWidth:h,inputWidth:u,largestSelectedIndicatorChipWidth:g});if(e==="fit"){const t=Array.from(this.el.shadowRoot.querySelectorAll("calcite-chip")).filter((t=>t.closable));const i=Math.round(h-((this.selectedHiddenChipsCount>0?m:0)+c+u+c));this.refreshChipDisplay({availableHorizontalChipElSpace:i,chipContainerElGap:c,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.text=i;this.filterItems(i);if(i){this.activeChipIndex=-1}};this.filterItems=(()=>{const t=(t,i)=>t&&i.some((({label:i,value:e})=>lt(t)?i===t.label:e===t.value&&i===t.textLabel));return X((i=>{const e=a(this.data,i);const s=this.getItemsAndGroups();s.forEach((i=>{const s=!t(i,e);i.hidden=s;const[o,n]=i.ancestors;if(t(o,e)||t(n,e)){i.hidden=false}if(!s){i.ancestors.forEach((t=>t.hidden=false))}}));this.filteredItems=this.getFilteredItems();this.calciteComboboxFilterChange.emit()}),100)})();this.internalComboboxChangeEvent=()=>{this.calciteComboboxChange.emit()};this.emitComboboxChange=X(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"||!st(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.calculateSingleItemHeight(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.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.text="";this.effectiveLocale=undefined;this.defaultMessages=undefined}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}documentClickHandler(t){if(this.disabled){return}const i=t.composedPath();if(i.includes(this.el)||i.includes(this.referenceEl)){return}if(!this.allowCustomValues&&this.textInput.value){this.clearInputValue();this.filterItems("");this.updateActiveItemIndex(-1)}if(this.allowCustomValues&&this.text.trim().length){this.addCustomChip(this.text)}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)}async reposition(t=false){const{floatingEl:i,referenceEl:e,placement:s,overlayPositioning:o,filteredFlipPlacements:n}=this;return f(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(){I(this);P(this);T(this);S(this);v(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 R(this)}componentDidLoad(){y(this,this.getValue());u(this,this.referenceEl,this.floatingEl);M(this)}componentDidRender(){if(this.el.offsetHeight!==this.inputHeight){this.reposition(true);this.inputHeight=this.el.offsetHeight}z(this)}componentDidUpdate(){this.refreshSelectionDisplay()}disconnectedCallback(){this.mutationObserver?.disconnect();this.resizeObserver?.disconnect();$(this);H(this);w(this);m(this,this.referenceEl,this.floatingEl);L(this);W(this)}textHandler(){this.updateActiveItemIndex(-1)}effectiveLocaleChange(){V(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.text=""}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(Z.chipInvisible)}showChip(t){t.classList.remove(Z.chipInvisible)}refreshChipDisplay({chipEls:t,availableHorizontalChipElSpace:i,chipContainerElGap:e}){t.forEach((t=>{if(!t.selected){this.hideChip(t)}else{const s=l(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(Z.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&&i>0){const i=this.calculateSingleItemHeight(t);if(i>0){s+=i;e++}}}))}return s}calculateSingleItemHeight(t){if(!t){return}let i=t.offsetHeight;const e=Array.from(t.querySelectorAll(Q));e.map((t=>t?.offsetHeight)).forEach((t=>{i-=t}));return i}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=t.textLabel}this.open=false;this.updateActiveItemIndex(-1);this.resetText();this.filterItems("")}}updateAncestors(t){if(this.selectionMode!=="ancestors"){return}const i=it(t);const e=et(t);if(t.selected){i.forEach((t=>{t.selected=true}))}else{e.forEach((t=>t.selected=false));[...i].forEach((t=>{if(!st(t)){t.selected=false}}))}}getFilteredItems(){return this.items.filter((t=>!t.hidden))}getData(){return this.items.map((t=>({filterDisabled:t.filterDisabled,value:t.value,label:t.textLabel})))}getNeedsIcon(){return nt(this.selectionMode)&&this.items.some((t=>t.icon))}resetText(){if(this.textInput){this.textInput.value=""}this.text=""}getItems(){const t=Array.from(this.el.querySelectorAll(q));return t.filter((t=>!t.disabled))}getGroupItems(){return Array.from(this.el.querySelectorAll(J))}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.appendChild(e);this.resetText();if(i){this.setFocus()}this.updateItems();this.filterItems("");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(){if(this.text){return}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(){if(this.text||this.activeChipIndex===-1){return}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(`#${ht}${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=`${rt}${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!nt(this.selectionMode)}renderChips(){const{activeChipIndex:i,readOnly:e,scale:s,selectionMode:o,messages:n}=this;return this.selectedItems.map(((a,c)=>{const l={chip:true,"chip--active":i===c};const r=[...it(a)].reverse();const h=[...r,a].map((t=>t.textLabel));const d=o!=="ancestors"?a.textLabel:h.join(" / ");return t("calcite-chip",{appearance:e?"outline":"solid",class:l,closable:!e,icon:a.icon,iconFlipRtl:a.iconFlipRtl,id:a.guid?`${ht}${a.guid}`:null,key:a.textLabel,messageOverrides:{dismissLabel:n.removeTag},onCalciteChipClose:()=>this.calciteChipCloseHandler(a),scale:s,selected:a.selected,title:d,value:a.value},d)}))}renderAllSelectedIndicatorChip(){const{compactSelectionDisplay:i,scale:e,selectedVisibleChipsCount:s,setAllSelectedIndicatorChipEl:o}=this;const n=this.messages.allSelected;return t("calcite-chip",{class:{chip:true,[Z.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,[Z.chipInvisible]:!(this.isAllSelected()&&!s&&i)},scale:e,title:o,value:""},o)}renderSelectedIndicatorChip(){const{compactSelectionDisplay:i,selectionDisplay:e,getSelectedItems:s,scale:o,selectedHiddenChipsCount:n,selectedVisibleChipsCount:a,setSelectedIndicatorChipEl:c}=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()&&a===0||n===0);r=a>0?`+${n}`:`${n} ${this.messages.selected}`}}return t("calcite-chip",{class:{chip:true,[Z.chipInvisible]:l},ref:c,scale:o,title:r,value:""},r)}renderSelectedIndicatorChipCompact(){const{compactSelectionDisplay:i,selectionDisplay:e,getSelectedItems:s,scale:o,selectedHiddenChipsCount:n}=this;let a;let c;if(i){const t=s().length;if(this.isAllSelected()){a=true}else if(e==="fit"){a=!(n>0);c=`${n||0}`}else if(e==="single"){a=!(t>0);c=`${t}`}}else{a=true}return t("calcite-chip",{class:{chip:true,[Z.chipInvisible]:a},scale:o,title:c,value:""},c)}get showingInlineIcon(){const{placeholderIcon:t,selectionMode:i,selectedItems:e,open:s}=this;const o=e[0];const n=o?.icon;const a=nt(i);return!s&&o?!!n&&a:!!t&&(!o||a)}renderInput(){const{guid:i,disabled:e,placeholder:s,selectionMode:o,selectedItems:n,open:a}=this;const c=nt(o);const l=n[0];const r=!a&&c&&!!l;return t("span",{class:{"input-wrap":true,"input-wrap--single":c}},r&&t("span",{class:{label:true,"label--icon":!!l?.icon},key:"label"},l.textLabel),t("input",{"aria-activedescendant":this.activeDescendant,"aria-autocomplete":"list","aria-controls":`${pt}${i}`,"aria-expanded":h(a),"aria-haspopup":"listbox","aria-label":A(this),"aria-owns":`${pt}${i}`,class:{[Z.input]:true,"input--single":true,"input--transparent":this.activeChipIndex>-1,"input--hidden":r,"input--icon":this.showingInlineIcon&&!!this.placeholderIcon},disabled:e,id:`${bt}${i}`,key:"input",onFocus:this.comboboxFocusHandler,onInput:this.inputHandler,placeholder:s,readOnly:this.readOnly,ref:t=>this.textInput=t,role:"combobox",type:"text"}))}renderListBoxOptions(){return this.filteredItems.map((i=>t("li",{"aria-selected":h(i.selected),id:i.guid?`${rt}${i.guid}`:null,role:"option",tabindex:"-1"},i.textLabel)))}renderFloatingUIContainer(){const{setFloatingEl:i,setContainerEl:e,open:s}=this;const o={[Z.listContainer]:true,[g.animation]:true,[g.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{selectedItems:i,placeholderIcon:e,placeholderIconFlipRtl:s}=this;const o=i[0];const n=o?.icon;return this.showingInlineIcon&&t("span",{class:"icon-start",key:"selected-placeholder-icon"},t("calcite-icon",{class:"selected-icon",flipRtl:this.open&&o?o.iconFlipRtl:s,icon:!this.open&&o?n:e,scale:G(this.scale)}))}renderChevronIcon(){const{open:i}=this;return t("span",{class:"icon-end",key:"chevron"},t("calcite-icon",{class:Z.icon,icon:i?"chevron-up":"chevron-down",scale:G(this.scale)}))}render(){const{selectionDisplay:i,guid:e,label:o,open:n,readOnly:a}=this;const c=nt(this.selectionMode);const l=i==="all";const r=i==="single";const h=!c&&i==="fit";const d=!this.clearDisabled&&this.value?.length>0;return t(s,{key:"907eb493c30aae97c0182b3121b0275c5240de10",onClick:this.comboboxFocusHandler},t(E,{key:"19170026651a8496873c0f3527e4008bdc2500d5",disabled:this.disabled},t("div",{key:"757f2a9eddfeace66520e4961a41723b313a0ec9","aria-live":"polite",class:{wrapper:true,"wrapper--single":c||!this.selectedItems.length,"wrapper--active":n},onClick:this.clickHandler,onKeyDown:this.keyDownHandler,ref:this.setReferenceEl},this.renderSelectedOrPlaceholderIcon(),t("div",{class:{"grid-input":true,[Z.selectionDisplayFit]:h,[Z.selectionDisplaySingle]:r},key:"grid",ref:this.setChipContainerEl},!c&&!r&&this.renderChips(),!c&&!l&&[this.renderSelectedIndicatorChip(),this.renderSelectedIndicatorChipCompact(),this.renderAllSelectedIndicatorChip(),this.renderAllSelectedIndicatorChipCompact()],t("label",{key:"a20bf757fb870152b332fa62bcfbc2c938f20a3a",class:"screen-readers-only",htmlFor:`${bt}${e}`,id:`${dt}${e}`},o),this.renderInput()),!a&&d?t(N,{disabled:this.disabled,key:"close-button",label:this.messages.clear,scale:this.scale}):null,!a&&this.renderChevronIcon()),t("ul",{key:"d3be69f859ef418d9803a90e4b872eb7fcc9aa76","aria-labelledby":`${dt}${e}`,"aria-multiselectable":"true",class:"screen-readers-only",id:`${pt}${e}`,role:"listbox",tabIndex:-1},this.renderListBoxOptions()),this.renderFloatingUIContainer(),t(C,{key:"6c7eff914923114db370134d30d0e75f6e669fbd",component:this}),this.validationMessage&&this.status==="invalid"?t(U,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{open:["openHandler"],disabled:["handleDisabledChange"],maxItems:["maxItemsHandler"],overlayPositioning:["overlayPositioningHandler"],selectionMode:["handlePropsChange"],scale:["handlePropsChange"],value:["valueHandler"],messageOverrides:["onMessagesChange"],flipPlacements:["flipPlacementsHandler"],selectedItems:["selectedItemsHandler"],text:["textHandler"],effectiveLocale:["effectiveLocaleChange"]}}};ut.style=ct;const ft={icon:"icon",iconActive:"icon--active",iconIndent:"icon--indent",custom:"icon--custom",dot:"icon--dot",single:"label--single",label:"label",active:"label--active",selected:"label--selected",title:"title",textContainer:"text-container"};const mt='@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}.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;--calcite-combobox-item-selector-icon-size:1rem}.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}.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;padding-block:var(--calcite-combobox-item-spacing-unit-s);padding-inline:var(--calcite-combobox-item-spacing-unit-l)}:host([disabled]) .label{cursor:default}.label--selected{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.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)}.title{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-l)}.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--indent{padding-inline-start:var(--calcite-combobox-item-indent-value)}.icon--custom{margin-block-start:-1px;padding-inline-start:var(--calcite-combobox-item-spacing-unit-l);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}';const gt=mt;const xt=class{constructor(t){i(this,t);this.calciteComboboxItemChange=e(this,"calciteComboboxItemChange",6);this.itemClickHandler=()=>{this.toggleSelected()};this.disabled=false;this.selected=false;this.active=false;this.ancestors=undefined;this.guid=k();this.icon=undefined;this.iconFlipRtl=false;this.textLabel=undefined;this.value=undefined;this.filterDisabled=undefined;this.selectionMode="multiple";this.scale="m"}selectedWatchHandler(){this.calciteComboboxItemChange.emit()}connectedCallback(){this.ancestors=tt(this.el);_(this);I(this)}disconnectedCallback(){Y(this);$(this)}componentDidRender(){z(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:{[ft.custom]:!!this.icon,[ft.iconActive]:this.icon&&this.selected,[ft.iconIndent]:true},flipRtl:this.iconFlipRtl,icon:this.icon||i,key:"icon",scale:G(this.scale)}):null}renderSelectIndicator(i,e){return i?t("span",{class:{[ft.icon]:true,[ft.dot]:true,[ft.iconIndent]:true}}):t("calcite-icon",{class:{[ft.icon]:true,[ft.iconActive]:this.selected,[ft.iconIndent]:true},flipRtl:this.iconFlipRtl,icon:e,key:"indicator",scale:G(this.scale)})}renderChildren(){if(d(this.el)){return t("ul",{key:"default-slot-container"},t("slot",null))}return null}render(){const{disabled:i}=this;const e=nt(this.selectionMode);const o=e&&!i;const n=e?"dot":"check";const a=i?"":n;const c={[ft.label]:true,[ft.selected]:this.selected,[ft.active]:this.active,[ft.single]:e};const l=ot(this.el);return t(s,{key:"a10ab7e95408a8cffef4f42d3b87ae98450489b9","aria-hidden":"true"},t(E,{key:"091b8f1a3f713899a3f14c1c39a6fdb70abab7a2",disabled:i},t("div",{key:"43d200730971b71b3030437885e6ab99c55b2ce6",class:`container scale--${this.scale}`,style:{"--calcite-combobox-item-spacing-indent-multiplier":`${l}`}},t("li",{key:"8de885b34e9bc6b53a30396d54cbcec488790dd7",class:c,id:this.guid,onClick:this.itemClickHandler},this.renderSelectIndicator(o,a),this.renderIcon(a),t("span",{key:"daba9ce50923261dce8896a74d8204b1e922a638",class:"title"},this.textLabel)),this.renderChildren())))}get el(){return o(this)}static get watchers(){return{selected:["selectedWatchHandler"]}}};xt.style=gt;const vt={list:"list",label:"label",title:"title"};const yt=".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 wt=yt;const Ct=class{constructor(t){i(this,t);this.guid=k();this.afterEmptyGroup=false;this.ancestors=undefined;this.label=undefined;this.scale="m"}connectedCallback(){this.ancestors=tt(this.el)}render(){const{el:i,scale:e}=this;const s=ot(i);return t("ul",{key:"f97f7287323229be32779d451a7e816b016c02b4","aria-labelledby":this.guid,class:{[vt.list]:true,[`scale--${e}`]:true},role:"group"},t("li",{key:"e7aa9b0a2955562d9687c294b3b39eafbd04c5a2",class:{[vt.label]:true},id:this.guid,role:"presentation",style:{"--calcite-combobox-item-spacing-indent-multiplier":`${s}`}},t("span",{key:"5b02b92d24c05a93a5aeeda140f7422c50fb52b0",class:vt.title},this.label)),t("slot",{key:"1a2e106d97304df29b2cbf5841e65726e55960ae"}))}get el(){return o(this)}};Ct.style=wt;export{ut as calcite_combobox,xt as calcite_combobox_item,Ct as calcite_combobox_item_group};
-//# sourceMappingURL=p-6f21b8ef.entry.js.map