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

package/dist/calcite/p-537ee7da.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+import{h as t,r as e,c as i,H as s,g as a}from"./p-2c99ffe4.js";import{c as n,d as o,H as c}from"./p-8f002581.js";import{g as r}from"./p-db4d93fd.js";import{u as l,I as h}from"./p-d87cffea.js";import{c as d,d as u}from"./p-141626e7.js";import{s as p,a as f,c as b}from"./p-953f312e.js";import{c as m,d as g}from"./p-756ee05a.js";import{u as v,c as y,s as k,d as w}from"./p-cbffb6ca.js";import{f as x}from"./p-ed71fa1d.js";import"./p-561afd32.js";import"./p-f9b0742d.js";import"./p-cd0e92b4.js";import"./p-99ecc8bc.js";import"./p-5c700653.js";const j=({full:e,scale:i,partial:s})=>t("calcite-icon",{class:s?undefined:"icon",icon:e?"star-f":"star",scale:i});const z=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([read-only]) *,:host([disabled]) *,:host([read-only]) ::slotted(*),:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;align-items:center;inline-size:-moz-fit-content;inline-size:fit-content}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){block-size:1.5rem;--calcite-rating-spacing-unit:0.25rem}:host([scale=m]){block-size:2rem;--calcite-rating-spacing-unit:0.5rem}:host([scale=l]){block-size:2.75rem;--calcite-rating-spacing-unit:0.75rem}.fieldset{margin:0;display:flex;border-width:0;padding:0;align-items:center;gap:var(--calcite-rating-spacing-unit)}.wrapper{display:inline-block}.star{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;position:relative;display:flex;flex-direction:column;cursor:pointer;color:var(--calcite-color-border-input)}.star: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          )}.average,.fraction{color:var(--calcite-color-status-warning)}.hovered,.selected{color:var(--calcite-color-brand)}.fraction{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;position:absolute;pointer-events:none;inset-block-start:0;overflow:hidden;inset-inline-start:0}calcite-chip{pointer-events:none;cursor:default}.number--average{font-weight:bold}.number--count{color:var(--calcite-color-text-2);font-style:italic}.number--count:not(:first-child){margin-inline-start:var(--calcite-rating-spacing-unit)}.visually-hidden{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}::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}";const C=z;const L=class{constructor(t){e(this,t);this.calciteRatingChange=i(this,"calciteRatingChange",6);this.handleRatingPointerOver=()=>{this.isKeyboardInteraction=false};this.handleRatingPointerOut=()=>{this.isKeyboardInteraction=true;this.hoverValue=null};this.handleHostKeyDown=()=>{this.isKeyboardInteraction=true};this.handleLabelKeyDown=t=>{const e=this.getValueFromLabelEvent(t);const i=t.key;const s=i==" "?undefined:Number(i);this.emit=true;if(isNaN(s)){switch(i){case"Enter":case" ":this.value=!this.required&&this.value===e?0:e;break;case"ArrowLeft":this.value=this.getPreviousRatingValue(e);this.updateFocus();t.preventDefault();break;case"ArrowRight":this.value=this.getNextRatingValue(e);this.updateFocus();t.preventDefault();break;case"Tab":this.hoverValue=null;break}}else{if(!this.required&&s>=0&&s<=this.max){this.value=s}else if(this.required&&s>0&&s<=this.max){this.value=s}this.updateFocus()}};this.handleInputChange=t=>{if(this.isKeyboardInteraction===true){const e=Number(t.target["value"]);this.hoverValue=e;this.value=e}};this.handleLabelPointerOver=t=>{this.hoverValue=this.getValueFromLabelEvent(t)};this.handleLabelPointerDown=t=>{const e=t.currentTarget;const i=this.getValueFromLabelEvent(t);this.hoverValue=i;this.emit=true;this.value=!this.required&&this.value===i?0:i;e.focus()};this.handleLabelClick=t=>{t.preventDefault()};this.handleLabelFocus=t=>{const e=this.getValueFromLabelEvent(t);this.hoverValue=e};this.setLabelEl=t=>{this.labelElements.push(t)};this.emit=false;this.guid=`calcite-ratings-${r()}`;this.isKeyboardInteraction=true;this.labelElements=[];this.max=5;this.average=undefined;this.count=undefined;this.disabled=false;this.form=undefined;this.messages=undefined;this.messageOverrides=undefined;this.name=undefined;this.readOnly=false;this.required=false;this.scale="m";this.showChip=false;this.value=0;this.effectiveLocale="";this.defaultMessages=undefined;this.hoverValue=undefined}onMessagesChange(){}handleValueUpdate(t){this.hoverValue=t;if(this.emit){this.calciteRatingChange.emit()}this.emit=false}effectiveLocaleChange(){v(this,this.effectiveLocale)}connectedCallback(){m(this);y(this);d(this);n(this)}async componentWillLoad(){await k(this);p(this)}componentWillRender(){this.starsMap=Array.from({length:this.max},((t,e)=>{const i=e+1;const s=!this.hoverValue&&this.average&&!this.value&&i<=this.average;const a=i===this.value;const n=this.average&&this.average+1-i;const o=i<=this.hoverValue;const c=`${this.guid}-${i}`;const r=!this.hoverValue&&!this.value&&!o&&n>0&&n<1;const l=this.value>=i;const h=this.getTabIndex(i);return{average:s,checked:a,fraction:n,hovered:o,id:c,partial:r,selected:l,value:i,tabIndex:h}}))}componentDidLoad(){f(this)}disconnectedCallback(){g(this);w(this);u(this);o(this)}componentDidRender(){l(this)}render(){return t(s,{key:"e7e795bc9f3472a5d2eb99c02ca7a0d39562639f",onKeyDown:this.handleHostKeyDown,onPointerOut:this.handleRatingPointerOut,onPointerOver:this.handleRatingPointerOver},t(h,{key:"702982af91deb0acccf63e4ec12d0d3935c51732",disabled:this.disabled},t("span",{key:"b45095af2cb9687176fde187184fa1987069d07d",class:"wrapper"},t("fieldset",{key:"9ab9a889166e26645b9ae40f2522ab3ae2a60971",class:"fieldset",disabled:this.disabled},t("legend",{key:"bda31b220ccceb491c74869d8426e23c914db22e",class:"visually-hidden"},this.messages.rating),this.starsMap.map((({average:e,checked:i,fraction:s,hovered:a,id:n,partial:o,selected:c,value:r,tabIndex:l})=>t("label",{class:{star:true,selected:c,hovered:a,average:e,partial:o},"data-value":r,htmlFor:n,onClick:this.handleLabelClick,onFocus:this.handleLabelFocus,onKeyDown:this.handleLabelKeyDown,onPointerDown:this.handleLabelPointerDown,onPointerOver:this.handleLabelPointerOver,ref:this.setLabelEl,tabIndex:l},t("input",{checked:i,class:"visually-hidden",disabled:this.disabled||this.readOnly,id:n,name:this.guid,onChange:this.handleInputChange,tabIndex:-1,type:"radio",value:r}),t(j,{full:c||e,scale:this.scale}),o&&t("div",{class:"fraction",style:{width:`${s*100}%`}},t(j,{full:true,partial:true,scale:this.scale})),t("span",{class:"visually-hidden"},this.messages.stars.replace("{num}",`${r}`))))),(this.count||this.average)&&this.showChip?t("calcite-chip",{scale:this.scale,value:this.count?.toString()},!!this.average&&t("span",{class:"number--average"},this.average.toString()),!!this.count&&t("span",{class:"number--count"},"(",this.count?.toString(),")")):null),t(c,{key:"246be2618cd03779e50db389f0e950cf9bdf13d8",component:this}))))}onLabelClick(){this.setFocus()}updateFocus(){this.hoverValue=this.value;this.labelElements[this.value-1].focus()}getTabIndex(t){if(this.readOnly||this.value!==t&&(this.value||t!==1)){return-1}return 0}getValueFromLabelEvent(t){const e=t.currentTarget;return Number(e.getAttribute("data-value"))}getNextRatingValue(t){return t===5?1:t+1}getPreviousRatingValue(t){return t===1?5:t-1}async setFocus(){await b(this);x(this.el)}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],value:["handleValueUpdate"],effectiveLocale:["effectiveLocaleChange"]}}};L.style=C;export{L as calcite_rating};
+//# sourceMappingURL=p-537ee7da.entry.js.map

package/dist/calcite/p-561afd32.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+function n(n){return n==="l"?"m":"s"}async function t(n){await(e(n)?n.componentOnReady():new Promise((n=>requestAnimationFrame((()=>n())))))}function e(n){return typeof n.componentOnReady==="function"}export{t as c,n as g};
+//# sourceMappingURL=p-561afd32.js.map

package/dist/calcite/p-56f50e08.entry.js

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

package/dist/calcite/p-58ef4414.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+class t{constructor(){this._formatterCache=new Map;this._commonDateTimeFormatterOptions={year:"numeric",month:"2-digit",day:"2-digit",timeZoneName:"shortOffset"}}get name(){return"native"}create(t){return new Date(t)}increase(t){const e=864e5;return new Date(t.getTime()+e)}formatToIsoDateString(t){const e=t.getFullYear();const n=t.getMonth()+1;const s=t.getDate();return`${e}-${n.toString().padStart(2,"0")}-${s.toString().padStart(2,"0")}`}isoToTimeZone(t,e){const n=this._toDate(t);const s=this._getFormatter(e);const r=s.formatToParts(n);const[o]=r.filter((({type:t})=>t==="timeZoneName")).map((({value:t})=>t));const i=this._getTimeZoneOffsetInMins(o);const a=n.getMinutes()-(n.getTimezoneOffset()-i);n.setMinutes(a);return n}same(t,e){return t.getTime()===e.getTime()}_toDate(t){return new Date(t)}_getFormatter(t){let e=this._formatterCache.get(t);if(!e){e=new Intl.DateTimeFormat("en-US",{timeZone:t,...this._commonDateTimeFormatterOptions});this._formatterCache.set(t,e)}return e}_getTimeZoneOffsetInMins(t){const[e,...n]=t.slice(3);const[s,r]=n.join("").split(":");const o=e==="+"?1:-1;return o*(Number(s)*60+Number(r||0))}}export{t as DateEngine};
+//# sourceMappingURL=p-58ef4414.js.map

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

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+import{r as t,c as e,f as i,h as s,H as n,g as o}from"./p-2c99ffe4.js";import{e as a,g as l,t as r}from"./p-ed71fa1d.js";import{s as c,c as d,i as h,d as p,H as u}from"./p-8f002581.js";import{u as f,I as b}from"./p-d87cffea.js";import{c as m,d as g,g as v}from"./p-141626e7.js";import{s as x,a as k,c as y}from"./p-953f312e.js";import{c as w,d as z}from"./p-756ee05a.js";import{C as j}from"./p-5c700653.js";import{u as C,c as I,d as L,s as M}from"./p-cbffb6ca.js";import{g as E}from"./p-561afd32.js";import{V as T}from"./p-3c53ef49.js";import{s as W}from"./p-0481b80a.js";import"./p-db4d93fd.js";import"./p-f9b0742d.js";import"./p-cd0e92b4.js";import"./p-99ecc8bc.js";const D={loader:"loader",clearButton:"clear-button",editingEnabled:"editing-enabled",inlineChild:"inline-child",inputIcon:"icon",prefix:"prefix",suffix:"suffix",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper",resizeIconWrapper:"resize-icon-wrapper"};const V={validationMessage:"inputTextValidationMessage"};const A={action:"action"};const F=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([scale=s]) input{padding-inline-start:0.5rem;padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, 0.5rem)}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .prefix,:host([scale=s]) .suffix{padding-inline:0.5rem}:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{block-size:1.5rem}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=m]) input{padding-inline-start:0.75rem;padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, 0.75rem)}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .prefix,:host([scale=m]) .suffix{padding-inline:0.75rem}:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{block-size:2rem}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=l]) input{padding-inline-start:1rem;padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, 1rem)}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .prefix,:host([scale=l]) .suffix{padding-inline:1rem}:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{block-size:2.75rem}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing), block-size 0, outline-offset 0s;-webkit-appearance:none;position:relative;margin:0px;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;text-overflow:ellipsis;border-radius:0px;background-color:var(--calcite-color-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1)}input:placeholder-shown{text-overflow:ellipsis}input{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);color:var(--calcite-color-text-1)}input::placeholder,input:-ms-input-placeholder,input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-text-1)}input[readonly]{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}input[readonly]:focus{color:var(--calcite-color-text-1)}calcite-icon{color:var(--calcite-color-text-3)}input{outline-color:transparent}input:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([status=invalid]) input{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) input:focus{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          )}:host([scale=s]) .icon{inset-inline-start:0.5rem}:host([scale=m]) .icon{inset-inline-start:0.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{padding-inline-start:2rem}:host([icon][scale=m]) input{padding-inline-start:2.5rem}:host([icon][scale=l]) input{padding-inline-start:3.5rem}.element-wrapper{position:relative;order:3;display:inline-flex;flex:1 1 0%;align-items:center}.icon{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);display:block;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}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;block-size:0px;inline-size:0px}.clear-button{pointer-events:initial;order:4;margin:0px;box-sizing:border-box;display:flex;min-block-size:100%;cursor:pointer;align-items:center;justify-content:center;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-color-foreground-2);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}.clear-button:hover calcite-icon{color:var(--calcite-color-text-1);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}.clear-button:active{background-color:var(--calcite-color-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-color-text-1)}.clear-button: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          )}.clear-button:disabled{opacity:var(--calcite-opacity-disabled)}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{order:7;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-color-text-2)}.prefix{order:2;border-inline-end-width:0px;inline-size:var(--calcite-input-prefix-size, auto)}.suffix{order:5;border-inline-start-width:0px;inline-size:var(--calcite-input-suffix-size, auto)}:host([alignment=start]) input{text-align:start}:host([alignment=end]) input{text-align:end}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{background-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}input.inline-child .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.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}";const G=F;const H=class{constructor(i){t(this,i);this.calciteInternalInputTextFocus=e(this,"calciteInternalInputTextFocus",7);this.calciteInternalInputTextBlur=e(this,"calciteInternalInputTextBlur",7);this.calciteInputTextInput=e(this,"calciteInputTextInput",7);this.calciteInputTextChange=e(this,"calciteInputTextChange",7);this.previousValueOrigin="initial";this.userChangedValue=false;this.keyDownHandler=t=>{if(this.readOnly||this.disabled||t.defaultPrevented){return}if(this.isClearable&&t.key==="Escape"){this.clearInputTextValue(t);t.preventDefault()}if(t.key==="Enter"){if(c(this)){t.preventDefault()}}};this.clearInputTextValue=t=>{this.setValue({committing:true,nativeEvent:t,origin:"user",value:""})};this.emitChangeIfUserModified=()=>{if(this.previousValueOrigin==="user"&&this.value!==this.previousEmittedValue){this.calciteInputTextChange.emit();this.setPreviousEmittedValue(this.value)}};this.inputTextBlurHandler=()=>{this.calciteInternalInputTextBlur.emit({element:this.childEl,value:this.value});this.emitChangeIfUserModified()};this.clickHandler=t=>{if(this.disabled){return}const e=t.composedPath();if(!e.includes(this.inputWrapperEl)||e.includes(this.actionWrapperEl)){return}this.setFocus()};this.inputTextFocusHandler=()=>{this.calciteInternalInputTextFocus.emit({element:this.childEl,value:this.value})};this.inputTextInputHandler=t=>{if(this.disabled||this.readOnly){return}this.setValue({nativeEvent:t,origin:"user",value:t.target.value})};this.inputTextKeyDownHandler=t=>{if(this.disabled||this.readOnly){return}if(t.key==="Enter"){this.emitChangeIfUserModified()}};this.onHiddenFormInputInput=t=>{if(t.target.name===this.name){this.setValue({value:t.target.value,origin:"direct"})}this.setFocus();t.stopPropagation()};this.setChildElRef=t=>{this.childEl=t};this.setInputValue=t=>{if(!this.childEl){return}this.childEl.value=t};this.setPreviousEmittedValue=t=>{this.previousEmittedValue=t};this.setPreviousValue=t=>{this.previousValue=t};this.setValue=({committing:t=false,nativeEvent:e,origin:i,previousValue:s,value:n})=>{this.setPreviousValue(s??this.value);this.previousValueOrigin=i;this.userChangedValue=i==="user"&&n!==this.value;this.value=n;if(i==="direct"){this.setInputValue(n);this.setPreviousEmittedValue(n)}if(e){const e=this.calciteInputTextInput.emit();if(e.defaultPrevented){this.value=this.previousValue}else if(t){this.emitChangeIfUserModified()}}};this.alignment="start";this.autofocus=undefined;this.clearable=false;this.disabled=false;this.enterKeyHint=undefined;this.form=undefined;this.icon=undefined;this.iconFlipRtl=false;this.inputMode=undefined;this.label=undefined;this.loading=false;this.maxLength=undefined;this.minLength=undefined;this.validationMessage=undefined;this.validationIcon=undefined;this.validity={valid:false,badInput:false,customError:false,patternMismatch:false,rangeOverflow:false,rangeUnderflow:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valueMissing:false};this.name=undefined;this.placeholder=undefined;this.prefixText=undefined;this.readOnly=false;this.required=false;this.scale="m";this.status="idle";this.autocomplete=undefined;this.pattern=undefined;this.suffixText=undefined;this.editingEnabled=false;this.value="";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined;this.slottedActionElDisabledInternally=false}handleGlobalAttributesChanged(){i(this)}onMessagesChange(){}valueWatcher(t,e){if(!this.userChangedValue){this.setValue({origin:"direct",previousValue:e,value:!t?"":t})}this.userChangedValue=false}updateRequestedIcon(){this.requestedIcon=a({},this.icon,"text")}get isClearable(){return this.clearable&&this.value.length>0}effectiveLocaleChange(){C(this,this.effectiveLocale)}connectedCallback(){w(this);I(this);this.inlineEditableEl=this.el.closest("calcite-inline-editable");if(this.inlineEditableEl){this.editingEnabled=this.inlineEditableEl.editingEnabled||false}m(this);d(this);this.el.addEventListener(h,this.onHiddenFormInputInput)}disconnectedCallback(){g(this);p(this);z(this);L(this);this.el.removeEventListener(h,this.onHiddenFormInputInput)}async componentWillLoad(){x(this);this.requestedIcon=a({},this.icon,"text");await M(this);this.setPreviousEmittedValue(this.value);this.setPreviousValue(this.value)}componentDidLoad(){k(this)}componentDidRender(){f(this)}async setFocus(){await y(this);this.childEl?.focus()}async selectText(){this.childEl?.select()}onLabelClick(){this.setFocus()}syncHiddenFormInput(t){W("text",this,t)}render(){const t=l(this.el);const e=s("div",{key:"c9c28d83dd2ad8b4ed0458a5a23d5195728d5757",class:D.loader},s("calcite-progress",{key:"d13dec21d2cd597ee32670d2e7e17086ee75df81",label:this.messages.loading,type:"indeterminate"}));const i=s("button",{key:"d541238520ebe4f68d28080f0267e601c05443d7","aria-label":this.messages.clear,class:D.clearButton,disabled:this.disabled||this.readOnly,onClick:this.clearInputTextValue,tabIndex:-1,type:"button"},s("calcite-icon",{key:"9b2bc555e18164e99046cc4b37003c1d7b227d5f",icon:"x",scale:E(this.scale)}));const o=s("calcite-icon",{key:"264da04e13d12d054052b2d2b200a80444828076",class:D.inputIcon,flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:E(this.scale)});const a=s("div",{key:"aa5e041f2bd73acc00b0d5e0c350a73cb12356f2",class:D.prefix},this.prefixText);const c=s("div",{key:"3bb0dede9b58d1d81014d9c9160fb4e048dae9b8",class:D.suffix},this.suffixText);const d=s("input",{key:"44af0652554e8a3815fb76e3b44469a681d56150","aria-errormessage":V.validationMessage,"aria-invalid":r(this.status==="invalid"),"aria-label":v(this),autocomplete:this.autocomplete,autofocus:this.el.autofocus?true:null,class:{[D.editingEnabled]:this.editingEnabled,[D.inlineChild]:!!this.inlineEditableEl},defaultValue:this.defaultValue,disabled:this.disabled?true:null,enterKeyHint:this.el.enterKeyHint||this.el.getAttribute("enterkeyhint"),inputMode:this.el.inputMode||this.el.getAttribute("inputmode"),maxLength:this.maxLength,minLength:this.minLength,name:this.name,onBlur:this.inputTextBlurHandler,onFocus:this.inputTextFocusHandler,onInput:this.inputTextInputHandler,onKeyDown:this.inputTextKeyDownHandler,pattern:this.pattern,placeholder:this.placeholder||"",readOnly:this.readOnly,ref:this.setChildElRef,required:this.required?true:null,tabIndex:this.disabled||this.inlineEditableEl&&!this.editingEnabled?-1:null,type:"text",value:this.value});return s(n,{key:"01028ca8460efc4efa6a4b474d11e44d311b2bb7",onClick:this.clickHandler,onKeyDown:this.keyDownHandler},s(b,{key:"559be9a6fc4d0f389b47479e09946eddc051c9db",disabled:this.disabled},s("div",{key:"6b993d052b8f285260f12a713c9cb1455b5c5d4a",class:{[D.inputWrapper]:true,[j.rtl]:t==="rtl"},ref:t=>this.inputWrapperEl=t},this.prefixText?a:null,s("div",{key:"d5035c9b4defd5834378e6f5aec4265254aad55e",class:D.wrapper},d,this.isClearable?i:null,this.requestedIcon?o:null,this.loading?e:null),s("div",{key:"f47394400781931ffa15da187b57d1c979ef7445",class:D.actionWrapper,ref:t=>this.actionWrapperEl=t},s("slot",{key:"235e6e6a64c54d5455a420869fefe6a556f81fd8",name:A.action})),this.suffixText?c:null,s(u,{key:"8624d4f12229f80a24af94eeb9240000cb75d85b",component:this})),this.validationMessage&&this.status==="invalid"?s(T,{icon:this.validationIcon,id:V.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null))}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{autofocus:["handleGlobalAttributesChanged"],enterkeyhint:["handleGlobalAttributesChanged"],inputmode:["handleGlobalAttributesChanged"],messageOverrides:["onMessagesChange"],value:["valueWatcher"],icon:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleChange"]}}};H.style=G;export{H as calcite_input_text};
+//# sourceMappingURL=p-5ad961ee.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","loader","clearButton","editingEnabled","inlineChild","inputIcon","prefix","suffix","wrapper","inputWrapper","actionWrapper","resizeIconWrapper","IDS","validationMessage","SLOTS","action","inputTextCss","CalciteInputTextStyle0","InputText","this","previousValueOrigin","userChangedValue","keyDownHandler","event","readOnly","disabled","defaultPrevented","isClearable","key","clearInputTextValue","preventDefault","submitForm","nativeEvent","setValue","committing","origin","value","emitChangeIfUserModified","previousEmittedValue","calciteInputTextChange","emit","setPreviousEmittedValue","inputTextBlurHandler","calciteInternalInputTextBlur","element","childEl","clickHandler","composedPath","includes","inputWrapperEl","actionWrapperEl","setFocus","inputTextFocusHandler","calciteInternalInputTextFocus","inputTextInputHandler","target","inputTextKeyDownHandler","onHiddenFormInputInput","name","stopPropagation","setChildElRef","el","setInputValue","newInputValue","setPreviousValue","previousValue","calciteInputTextInputEvent","calciteInputTextInput","valid","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing","handleGlobalAttributesChanged","forceUpdate","onMessagesChange","valueWatcher","newValue","updateRequestedIcon","requestedIcon","setRequestedIcon","icon","clearable","length","effectiveLocaleChange","updateMessages","effectiveLocale","connectedCallback","connectLocalized","connectMessages","inlineEditableEl","closest","connectLabel","connectForm","addEventListener","internalHiddenInputInputEvent","disconnectedCallback","disconnectLabel","disconnectForm","disconnectLocalized","disconnectMessages","removeEventListener","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","componentFocusable","focus","selectText","select","onLabelClick","syncHiddenFormInput","input","render","dir","getElementDir","h","class","label","messages","loading","type","inputClearButton","clear","onClick","tabIndex","scale","getIconScale","iconEl","flipRtl","iconFlipRtl","prefixText","suffixText","toAriaBoolean","status","getLabelText","autocomplete","autofocus","defaultValue","enterKeyHint","getAttribute","inputMode","maxLength","minLength","onBlur","onFocus","onInput","onKeyDown","pattern","placeholder","ref","required","Host","InteractiveContainer","CSS_UTILITY","rtl","HiddenFormInputSlot","component","Validation","validationIcon","id","message"],"sources":["src/components/input-text/resources.ts","src/components/input-text/input-text.scss?tag=calcite-input-text&encapsulation=shadow","src/components/input-text/input-text.tsx"],"sourcesContent":["export const CSS = {\n  loader: \"loader\",\n  clearButton: \"clear-button\",\n  editingEnabled: \"editing-enabled\",\n  inlineChild: \"inline-child\",\n  inputIcon: \"icon\",\n  prefix: \"prefix\",\n  suffix: \"suffix\",\n  wrapper: \"element-wrapper\",\n  inputWrapper: \"wrapper\",\n  actionWrapper: \"action-wrapper\",\n  resizeIconWrapper: \"resize-icon-wrapper\",\n};\n\nexport const IDS = {\n  validationMessage: \"inputTextValidationMessage\",\n};\n\nexport const SLOTS = {\n  action: \"action\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-input-prefix-size: Specifies the component's prefix width.\n * @prop --calcite-input-suffix-size: Specifies the component's suffix width.\n */\n\n:host {\n  @apply block;\n}\n\n// scales\n:host([scale=\"s\"]) {\n  & input {\n    padding-inline-start: theme(\"spacing.2\");\n    padding-inline-end: var(--calcite-internal-input-text-input-padding-inline-end, theme(\"spacing.2\"));\n  }\n\n  & input,\n  & .prefix,\n  & .suffix {\n    @apply text-n2h h-6;\n  }\n\n  & .prefix,\n  & .suffix {\n    @apply px-2;\n  }\n\n  & .action-wrapper calcite-button,\n  & .action-wrapper calcite-button button {\n    @apply h-6;\n  }\n\n  & .clear-button {\n    min-block-size: theme(\"spacing.6\");\n    min-inline-size: theme(\"spacing.6\");\n  }\n}\n\n:host([scale=\"m\"]) {\n  & input {\n    padding-inline-start: theme(\"spacing.3\");\n    padding-inline-end: var(--calcite-internal-input-text-input-padding-inline-end, theme(\"spacing.3\"));\n  }\n\n  & input,\n  & .prefix,\n  & .suffix {\n    @apply text-n1h h-8;\n  }\n\n  & .prefix,\n  & .suffix {\n    @apply px-3;\n  }\n\n  & .action-wrapper calcite-button,\n  & .action-wrapper calcite-button button {\n    @apply h-8;\n  }\n\n  & .clear-button {\n    min-block-size: theme(\"spacing.8\");\n    min-inline-size: theme(\"spacing.8\");\n  }\n}\n\n:host([scale=\"l\"]) {\n  & input {\n    padding-inline-start: theme(\"spacing.4\");\n    padding-inline-end: var(--calcite-internal-input-text-input-padding-inline-end, theme(\"spacing.4\"));\n  }\n\n  & input,\n  & .prefix,\n  & .suffix {\n    @apply text-0h h-11;\n  }\n\n  & .prefix,\n  & .suffix {\n    @apply px-4;\n  }\n\n  & .action-wrapper calcite-button,\n  & .action-wrapper calcite-button button {\n    @apply h-11;\n  }\n\n  & .clear-button {\n    min-block-size: theme(\"spacing.11\");\n    min-inline-size: theme(\"spacing.11\");\n  }\n}\n\n@include disabled();\n\ninput {\n  transition:\n    var(--calcite-animation-timing),\n    block-size 0,\n    outline-offset 0s;\n  -webkit-appearance: none;\n  @apply bg-foreground-1\n    box-border\n    flex\n    flex-1\n    font-inherit\n    font-normal\n    m-0\n    max-h-full\n    max-w-full\n    relative\n    rounded-none\n    text-color-1\n    text-ellipsis\n    w-full;\n\n  &:placeholder-shown {\n    @apply text-ellipsis;\n  }\n}\n\n// states\ninput {\n  @apply text-color-1\n    border-color-input\n    border\n    border-solid;\n  &::placeholder,\n  &:-ms-input-placeholder,\n  &::-ms-input-placeholder {\n    @apply text-color-3 font-normal;\n  }\n}\ninput:focus {\n  @apply border-color-brand text-color-1;\n}\ninput[readonly] {\n  @apply bg-background font-medium;\n}\ninput[readonly]:focus {\n  @apply text-color-1;\n}\ncalcite-icon {\n  @apply text-color-3;\n}\n\n//focus\n\ninput {\n  @apply focus-base;\n}\ninput:focus {\n  @apply focus-inset;\n}\n\n:host([status=\"invalid\"]) {\n  & input {\n    @apply border-color-danger;\n  }\n  & input:focus {\n    @apply focus-inset-danger;\n  }\n}\n\n// ICONS\n\n// position icons\n\n:host([scale=\"s\"]) .icon {\n  inset-inline-start: theme(\"spacing.2\");\n}\n\n:host([scale=\"m\"]) .icon {\n  inset-inline-start: theme(\"spacing.3\");\n}\n\n:host([scale=\"l\"]) .icon {\n  inset-inline-start: theme(\"spacing.4\");\n}\n\n// position placeholder/value text in relation to icons\n\n:host([icon][scale=\"s\"]) input {\n  padding-inline-start: theme(\"padding.8\");\n}\n\n:host([icon][scale=\"m\"]) input {\n  padding-inline-start: theme(\"padding.10\");\n}\n\n:host([icon][scale=\"l\"]) input {\n  padding-inline-start: theme(\"padding.14\");\n}\n\n// positioning wrapper for icon and loader\n\n.element-wrapper {\n  @apply relative\n    order-3\n    inline-flex\n    flex-1\n    items-center;\n}\n\n.icon {\n  @apply transition-default\n    pointer-events-none\n    absolute\n    block\n\n    z-default; // needed for firefox to display the icon properly\n}\n\n// hide browser default clear\n\ninput[type=\"text\"]::-ms-clear,\ninput[type=\"text\"]::-ms-reveal {\n  @apply hidden\n    h-0\n    w-0;\n}\n\n.clear-button {\n  pointer-events: initial;\n  @apply focus-base\n    border-color-input\n    bg-foreground-1\n    order-4\n    m-0\n    box-border\n    flex\n    min-h-full\n    cursor-pointer\n    items-center\n    justify-center\n    self-stretch\n    border\n    border-solid;\n\n  border-inline-start-width: theme(\"borderWidth.0\");\n\n  &:hover {\n    @apply bg-foreground-2 transition-default;\n    calcite-icon {\n      @apply text-color-1 transition-default;\n    }\n  }\n  &:active {\n    @apply bg-foreground-3;\n    calcite-icon {\n      @apply text-color-1;\n    }\n  }\n  &:focus {\n    @apply focus-inset;\n  }\n  &:disabled {\n    @apply opacity-disabled;\n  }\n}\n\n// loading\n.loader {\n  inset-block-start: 1px;\n  inset-inline: 1px;\n  @apply pointer-events-none\n    absolute\n    block;\n}\n\n// slotted action\n.action-wrapper {\n  @apply order-7 flex;\n}\n\n// prefix and suffix\n.prefix,\n.suffix {\n  @apply border-color-input\n    bg-background\n    text-color-2\n    box-border\n    flex\n    h-auto\n    min-h-full\n    select-none\n    content-center\n    items-center\n    break-words\n    border\n    border-solid\n    font-medium\n    leading-none;\n}\n\n.prefix {\n  @apply order-2;\n  border-inline-end-width: theme(\"borderWidth.0\");\n  inline-size: var(--calcite-input-prefix-size, auto);\n}\n.suffix {\n  @apply order-5;\n  border-inline-start-width: theme(\"borderWidth.0\");\n  inline-size: var(--calcite-input-suffix-size, auto);\n}\n\n// alignment type\n:host([alignment=\"start\"]) {\n  & input {\n    text-align: start;\n  }\n}\n\n:host([alignment=\"end\"]) {\n  & input {\n    text-align: end;\n  }\n}\n\n.wrapper {\n  @apply relative\n    flex\n    flex-row\n    items-center;\n}\n\n:host(.no-bottom-border) input {\n  @apply border-b-0;\n}\n\n:host(.border-top-color-one) input {\n  @apply border-t-color-1;\n}\n\n// input needed for higher specificity of these overrides\ninput {\n  &.inline-child {\n    @apply transition-default bg-transparent;\n    .editing-enabled {\n      background-color: inherit;\n    }\n  }\n\n  &.inline-child:not(.editing-enabled) {\n    @apply border-color-transparent\n    flex\n    cursor-pointer text-ellipsis;\n    padding-inline-start: 0;\n  }\n}\n\n@include form-validation-message();\n@include hidden-form-input();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { getElementDir, setRequestedIcon, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n  internalHiddenInputInputEvent,\n  MutableValidityState,\n  submitForm,\n} from \"../../utils/form\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { SetValueOrigin } from \"../input/interfaces\";\nimport { Alignment, Scale, Status } from \"../interfaces\";\nimport { getIconScale } from \"../../utils/component\";\nimport { Validation } from \"../functional/Validation\";\nimport { syncHiddenFormInput, TextualInputComponent } from \"../input/common/input\";\nimport { IconNameOrString } from \"../icon/interfaces\";\nimport { CSS, IDS, SLOTS } from \"./resources\";\nimport { InputTextMessages } from \"./assets/input-text/t9n\";\n\n/**\n * @slot action - A slot for positioning a button next to the component.\n */\n@Component({\n  tag: \"calcite-input-text\",\n  styleUrl: \"input-text.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class InputText\n  implements\n    LabelableComponent,\n    FormComponent,\n    InteractiveComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    TextualInputComponent,\n    T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Global attributes\n  //\n  //--------------------------------------------------------------------------\n\n  @Watch(\"autofocus\")\n  @Watch(\"enterkeyhint\")\n  @Watch(\"inputmode\")\n  handleGlobalAttributesChanged(): void {\n    forceUpdate(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the text alignment of the component's value. */\n  @Prop({ reflect: true }) alignment: Extract<\"start\" | \"end\", Alignment> = \"start\";\n\n  /**\n   * Adds global prop, missing from Stencil's `HTMLElement` type, see https://github.com/ionic-team/stencil/issues/5726\n   *\n   * @ignore\n   */\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  @Prop() autofocus: boolean;\n\n  /**\n   * When `true`, a clear button is displayed when the component has a value.\n   */\n  @Prop({ reflect: true }) clearable = false;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   *\n   * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * Adds support for kebab-cased attribute, removed in https://github.com/Esri/calcite-design-system/pull/9123\n   *\n   * @futureBreaking kebab-cased attribute will not be supported in a future release\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  @Prop() enterKeyHint: string;\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true })\n  form: string;\n\n  /**\n   * Specifies an icon to display.\n   *\n   * @futureBreaking Remove boolean type as it is not supported.\n   */\n  @Prop({ reflect: true }) icon: IconNameOrString | boolean;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /**\n   * Adds support for kebab-cased attribute, removed in https://github.com/Esri/calcite-design-system/pull/9123\n   *\n   * @futureBreaking kebab-cased attribute will not be supported in a future release\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  @Prop() inputMode: string;\n\n  /** Accessible name for the component's button or hyperlink. */\n  @Prop() label: string;\n\n  /** When `true`, the component is in the loading state and `calcite-progress` is displayed. */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * Specifies the maximum length of text for the component's value.\n   *\n   * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)\n   */\n  @Prop({ reflect: true }) maxLength: number;\n\n  /**\n   * Specifies the minimum length of text for the component's value.\n   *\n   * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)\n   */\n  @Prop({ reflect: true }) minLength: number;\n\n  /** Specifies the validation message to display under the component. */\n  @Prop() validationMessage: string;\n\n  /** Specifies the validation icon to display under the component. */\n  @Prop({ reflect: true }) validationIcon: IconNameOrString | boolean;\n\n  /**\n   * The current validation state of the component.\n   *\n   * @readonly\n   * @mdn [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated in form util when syncing hidden input\n  @Prop({ mutable: true }) validity: MutableValidityState = {\n    valid: false,\n    badInput: false,\n    customError: false,\n    patternMismatch: false,\n    rangeOverflow: false,\n    rangeUnderflow: false,\n    stepMismatch: false,\n    tooLong: false,\n    tooShort: false,\n    typeMismatch: false,\n    valueMissing: false,\n  };\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   *\n   * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /**\n   * Specifies placeholder text for the component.\n   *\n   * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)\n   */\n  @Prop() placeholder: string;\n\n  /** Adds text to the start of the component. */\n  @Prop() prefixText: string;\n\n  /**\n   * When `true`, the component's value can be read, but cannot be modified.\n   *\n   * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n   */\n  @Prop({ reflect: true }) readOnly = false;\n\n  /** When `true`, the component must have a value in order for the form to submit. */\n  @Prop({ reflect: true }) required = false;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the status of the input field, which determines message and icons. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\n\n  /**\n   * Specifies the type of content to autocomplete, for use in forms.\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)\n   */\n  @Prop() autocomplete: string;\n\n  /**\n   * Specifies a regex pattern the component's `value` must match for validation.\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)\n   */\n  @Prop() pattern: string;\n\n  /** Adds text to the end of the component.  */\n  @Prop() suffixText: string;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true, reflect: true }) editingEnabled = false;\n\n  /** The component's value. */\n  @Prop({ mutable: true }) value = \"\";\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: InputTextMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<InputTextMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  @Watch(\"value\")\n  valueWatcher(newValue: string, previousValue: string): void {\n    if (!this.userChangedValue) {\n      this.setValue({\n        origin: \"direct\",\n        previousValue,\n        value: !newValue ? \"\" : newValue,\n      });\n    }\n    this.userChangedValue = false;\n  }\n\n  @Watch(\"icon\")\n  updateRequestedIcon(): void {\n    this.requestedIcon = setRequestedIcon({}, this.icon, \"text\");\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteInputTextElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: InputText[\"value\"];\n\n  inlineEditableEl: HTMLCalciteInlineEditableElement;\n\n  private inputWrapperEl: HTMLDivElement;\n\n  private actionWrapperEl: HTMLDivElement;\n\n  /** keep track of the rendered child */\n  private childEl?: HTMLInputElement;\n\n  get isClearable(): boolean {\n    return this.clearable && this.value.length > 0;\n  }\n\n  private previousEmittedValue: string;\n\n  private previousValue: string;\n\n  private previousValueOrigin: SetValueOrigin = \"initial\";\n\n  /** the computed icon to render */\n  private requestedIcon?: IconNameOrString;\n\n  private userChangedValue = false;\n\n  @State() effectiveLocale: string;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: InputTextMessages;\n\n  @State() slottedActionElDisabledInternally = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n\n    this.inlineEditableEl = this.el.closest(\"calcite-inline-editable\");\n    if (this.inlineEditableEl) {\n      this.editingEnabled = this.inlineEditableEl.editingEnabled || false;\n    }\n\n    connectLabel(this);\n    connectForm(this);\n    this.el.addEventListener(internalHiddenInputInputEvent, this.onHiddenFormInputInput);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLabel(this);\n    disconnectForm(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.el.removeEventListener(internalHiddenInputInputEvent, this.onHiddenFormInputInput);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    this.requestedIcon = setRequestedIcon({}, this.icon, \"text\");\n    await setUpMessages(this);\n\n    this.setPreviousEmittedValue(this.value);\n    this.setPreviousValue(this.value);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event() calciteInternalInputTextFocus: EventEmitter<{\n    element: HTMLInputElement;\n    value: string;\n  }>;\n\n  /**\n   * @internal\n   */\n  @Event() calciteInternalInputTextBlur: EventEmitter<{ element: HTMLInputElement; value: string }>;\n\n  /**\n   * Fires each time a new value is typed.\n   */\n  @Event({ cancelable: true }) calciteInputTextInput: EventEmitter<void>;\n\n  /**\n   * Fires each time a new value is typed and committed.\n   */\n  @Event() calciteInputTextChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    this.childEl?.focus();\n  }\n\n  /** Selects the text of the component's `value`. */\n  @Method()\n  async selectText(): Promise<void> {\n    this.childEl?.select();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    if (this.readOnly || this.disabled || event.defaultPrevented) {\n      return;\n    }\n\n    if (this.isClearable && event.key === \"Escape\") {\n      this.clearInputTextValue(event);\n      event.preventDefault();\n    }\n    if (event.key === \"Enter\") {\n      if (submitForm(this)) {\n        event.preventDefault();\n      }\n    }\n  };\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  private clearInputTextValue = (nativeEvent: KeyboardEvent | MouseEvent): void => {\n    this.setValue({\n      committing: true,\n      nativeEvent,\n      origin: \"user\",\n      value: \"\",\n    });\n  };\n\n  private emitChangeIfUserModified = (): void => {\n    if (this.previousValueOrigin === \"user\" && this.value !== this.previousEmittedValue) {\n      this.calciteInputTextChange.emit();\n      this.setPreviousEmittedValue(this.value);\n    }\n  };\n\n  private inputTextBlurHandler = () => {\n    this.calciteInternalInputTextBlur.emit({\n      element: this.childEl,\n      value: this.value,\n    });\n\n    this.emitChangeIfUserModified();\n  };\n\n  private clickHandler = (event: MouseEvent): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    const composedPath = event.composedPath();\n\n    if (\n      !composedPath.includes(this.inputWrapperEl) ||\n      composedPath.includes(this.actionWrapperEl)\n    ) {\n      return;\n    }\n\n    this.setFocus();\n  };\n\n  private inputTextFocusHandler = (): void => {\n    this.calciteInternalInputTextFocus.emit({\n      element: this.childEl,\n      value: this.value,\n    });\n  };\n\n  private inputTextInputHandler = (nativeEvent: InputEvent): void => {\n    if (this.disabled || this.readOnly) {\n      return;\n    }\n    this.setValue({\n      nativeEvent,\n      origin: \"user\",\n      value: (nativeEvent.target as HTMLInputElement).value,\n    });\n  };\n\n  private inputTextKeyDownHandler = (event: KeyboardEvent): void => {\n    if (this.disabled || this.readOnly) {\n      return;\n    }\n    if (event.key === \"Enter\") {\n      this.emitChangeIfUserModified();\n    }\n  };\n\n  syncHiddenFormInput(input: HTMLInputElement): void {\n    syncHiddenFormInput(\"text\", this, input);\n  }\n\n  private onHiddenFormInputInput = (event: Event): void => {\n    if ((event.target as HTMLInputElement).name === this.name) {\n      this.setValue({\n        value: (event.target as HTMLInputElement).value,\n        origin: \"direct\",\n      });\n    }\n    this.setFocus();\n    event.stopPropagation();\n  };\n\n  private setChildElRef = (el) => {\n    this.childEl = el;\n  };\n\n  private setInputValue = (newInputValue: string): void => {\n    if (!this.childEl) {\n      return;\n    }\n    this.childEl.value = newInputValue;\n  };\n\n  private setPreviousEmittedValue = (value: string): void => {\n    this.previousEmittedValue = value;\n  };\n\n  private setPreviousValue = (value: string): void => {\n    this.previousValue = value;\n  };\n\n  private setValue = ({\n    committing = false,\n    nativeEvent,\n    origin,\n    previousValue,\n    value,\n  }: {\n    committing?: boolean;\n    nativeEvent?: MouseEvent | KeyboardEvent | InputEvent;\n    origin: SetValueOrigin;\n    previousValue?: string;\n    value: string;\n  }): void => {\n    this.setPreviousValue(previousValue ?? this.value);\n    this.previousValueOrigin = origin;\n    this.userChangedValue = origin === \"user\" && value !== this.value;\n    this.value = value;\n\n    if (origin === \"direct\") {\n      this.setInputValue(value);\n      this.setPreviousEmittedValue(value);\n    }\n\n    if (nativeEvent) {\n      const calciteInputTextInputEvent = this.calciteInputTextInput.emit();\n\n      if (calciteInputTextInputEvent.defaultPrevented) {\n        this.value = this.previousValue;\n      } else if (committing) {\n        this.emitChangeIfUserModified();\n      }\n    }\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const dir = getElementDir(this.el);\n    const loader = (\n      <div class={CSS.loader}>\n        <calcite-progress label={this.messages.loading} type=\"indeterminate\" />\n      </div>\n    );\n\n    const inputClearButton = (\n      <button\n        aria-label={this.messages.clear}\n        class={CSS.clearButton}\n        disabled={this.disabled || this.readOnly}\n        onClick={this.clearInputTextValue}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <calcite-icon icon=\"x\" scale={getIconScale(this.scale)} />\n      </button>\n    );\n    const iconEl = (\n      <calcite-icon\n        class={CSS.inputIcon}\n        flipRtl={this.iconFlipRtl}\n        icon={this.requestedIcon}\n        scale={getIconScale(this.scale)}\n      />\n    );\n    const prefixText = <div class={CSS.prefix}>{this.prefixText}</div>;\n    const suffixText = <div class={CSS.suffix}>{this.suffixText}</div>;\n\n    const childEl = (\n      <input\n        aria-errormessage={IDS.validationMessage}\n        aria-invalid={toAriaBoolean(this.status === \"invalid\")}\n        aria-label={getLabelText(this)}\n        autocomplete={this.autocomplete}\n        autofocus={this.el.autofocus ? true : null}\n        class={{\n          [CSS.editingEnabled]: this.editingEnabled,\n          [CSS.inlineChild]: !!this.inlineEditableEl,\n        }}\n        defaultValue={this.defaultValue}\n        disabled={this.disabled ? true : null}\n        enterKeyHint={this.el.enterKeyHint || this.el.getAttribute(\"enterkeyhint\")}\n        inputMode={this.el.inputMode || this.el.getAttribute(\"inputmode\")}\n        maxLength={this.maxLength}\n        minLength={this.minLength}\n        name={this.name}\n        onBlur={this.inputTextBlurHandler}\n        onFocus={this.inputTextFocusHandler}\n        onInput={this.inputTextInputHandler}\n        onKeyDown={this.inputTextKeyDownHandler}\n        pattern={this.pattern}\n        placeholder={this.placeholder || \"\"}\n        readOnly={this.readOnly}\n        ref={this.setChildElRef}\n        required={this.required ? true : null}\n        tabIndex={this.disabled || (this.inlineEditableEl && !this.editingEnabled) ? -1 : null}\n        type=\"text\"\n        value={this.value}\n      />\n    );\n\n    return (\n      <Host onClick={this.clickHandler} onKeyDown={this.keyDownHandler}>\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            class={{ [CSS.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === \"rtl\" }}\n            ref={(el) => (this.inputWrapperEl = el)}\n          >\n            {this.prefixText ? prefixText : null}\n            <div class={CSS.wrapper}>\n              {childEl}\n              {this.isClearable ? inputClearButton : null}\n              {this.requestedIcon ? iconEl : null}\n              {this.loading ? loader : null}\n            </div>\n            <div class={CSS.actionWrapper} ref={(el) => (this.actionWrapperEl = el)}>\n              <slot name={SLOTS.action} />\n            </div>\n            {this.suffixText ? suffixText : null}\n            <HiddenFormInputSlot component={this} />\n          </div>\n          {this.validationMessage && this.status === \"invalid\" ? (\n            <Validation\n              icon={this.validationIcon}\n              id={IDS.validationMessage}\n              message={this.validationMessage}\n              scale={this.scale}\n              status={this.status}\n            />\n          ) : null}\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+const t="calcite-mode-auto";const a="calcite-mode-dark";const e="calcite-mode-light";const i={autoMode:t,darkMode:a,lightMode:e,rtl:"calcite--rtl",calciteAnimate:"calcite-animate",calciteAnimateIn:"calcite-animate__in",calciteAnimateInUp:"calcite-animate__in-up",calciteAnimateInDown:"calcite-animate__in-down",calciteAnimateInRight:"calcite-animate__in-right",calciteAnimateInLeft:"calcite-animate__in-left",calciteAnimateInScale:"calcite-animate__in-scale"};const c={filter:250,nextTick:0,resize:150,reposition:100};export{i as C,c as D,t as a,a as d};
+//# sourceMappingURL=p-5c700653.js.map

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

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+import{r as e,c,h as i,g as t,H as n}from"./p-2c99ffe4.js";import{c as o}from"./p-99ecc8bc.js";import{b as a,g as r,t as d,a as l}from"./p-ed71fa1d.js";import{C as s}from"./p-5c700653.js";import{g as h}from"./p-561afd32.js";import{s as m,a as p,c as f}from"./p-953f312e.js";import"./p-f9b0742d.js";import"./p-db4d93fd.js";const g={accordion:"accordion",transparent:"accordion--transparent"};const v=":host{position:relative;display:block;max-inline-size:100%;line-height:1.5rem}.accordion{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-accordion-border-color, var(--calcite-color-border-2));background-color:var(--calcite-accordion-background-color, var(--calcite-color-foreground-1))}.accordion--transparent{--calcite-accordion-border-color:transparent;border-color:var(--calcite-color-transparent);background-color:var(--calcite-color-transparent)}:host([scale=s]){--calcite-internal-accordion-item-spacing-unit:0.25rem;--calcite-internal-accordion-icon-margin:0.5rem;--calcite-internal-accordion-item-padding:var(--calcite-internal-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-internal-accordion-item-spacing-unit:0.5rem;--calcite-internal-accordion-icon-margin:0.75rem;--calcite-internal-accordion-item-padding:var(--calcite-internal-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-internal-accordion-item-spacing-unit:0.75rem;--calcite-internal-accordion-icon-margin:1rem;--calcite-internal-accordion-item-padding:var(--calcite-internal-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([hidden]){display:none}[hidden]{display:none}";const b=v;const u=class{constructor(i){e(this,i);this.calciteInternalAccordionChange=c(this,"calciteInternalAccordionChange",6);this.mutationObserver=o("mutation",(()=>this.updateAccordionItems()));this.appearance="solid";this.iconPosition="end";this.iconType="chevron";this.scale="m";this.selectionMode="multiple"}handlePropsChange(){this.updateAccordionItems()}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true});this.updateAccordionItems()}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){const e=this.appearance==="transparent";return i("div",{key:"049a706314a7d7bc6336ce3586dc2d48384134fc",class:{[g.transparent]:e,[g.accordion]:!e}},i("slot",{key:"831dee904c4ff5258ac0194effe21ad5fa5d27ad"}))}updateActiveItemOnChange(e){this.calciteInternalAccordionChange.emit({requestedAccordionItem:e.detail.requestedAccordionItem});e.stopPropagation()}updateAccordionItems(){this.el.querySelectorAll("calcite-accordion-item").forEach((e=>{e.iconPosition=this.iconPosition;e.iconType=this.iconType;e.scale=this.scale}));document.dispatchEvent(new CustomEvent("calciteInternalAccordionItemsSync"))}get el(){return t(this)}static get watchers(){return{iconPosition:["handlePropsChange"],iconType:["handlePropsChange"],scale:["handlePropsChange"],selectionMode:["handlePropsChange"]}}};u.style=b;const x={actionsStart:"actions-start",actionsEnd:"actions-end"};const k={actionsEnd:"actions-end",actionsStart:"actions-start",content:"content",description:"description",expandIcon:"expand-icon",header:"header",headerContainer:"header-container",headerContent:"header-content",headerText:"header-text",heading:"heading",icon:"icon",iconEnd:"icon--end",iconStart:"icon--start"};const y={section:"section",sectionToggle:"section-toggle"};const w=".icon-position--end,.icon-position--start{--calcite-internal-accordion-item-icon-rotation:calc(90deg * -1);--calcite-internal-accordion-item-active-icon-rotation:0deg;--calcite-internal-accordion-item-icon-rotation-rtl:90deg;--calcite-internal-accordion-item-active-icon-rotation-rtl:0deg}:host{position:relative;display:flex;flex-direction:column;text-decoration-line:none;color:var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-color-text-3)));background-color:var(--calcite-accordion-item-background-color);border-width:0}:host .header{background-color:var(--calcite-accordion-item-header-background-color)}.icon-position--start{--calcite-internal-accordion-item-flex-direction:row-reverse;--calcite-internal-accordion-item-icon-spacing-start:0;--calcite-internal-accordion-item-icon-spacing-end:var(--calcite-internal-accordion-icon-margin)}.icon-position--end{--calcite-internal-accordion-item-flex-direction:row;--calcite-internal-accordion-item-icon-spacing-start:var(--calcite-internal-accordion-icon-margin);--calcite-internal-accordion-item-icon-spacing-end:0}.icon-position--end:not(.icon-type--plus-minus){--calcite-internal-accordion-item-icon-rotation:0deg;--calcite-internal-accordion-item-active-icon-rotation:180deg;--calcite-internal-accordion-item-icon-rotation-rtl:0deg;--calcite-internal-accordion-item-active-icon-rotation-rtl:calc(180deg * -1)}.content,.header{border-block-end-width:var(--calcite-border-width-sm);border-block-end-style:solid;border-color:var(--calcite-accordion-item-border-color, var(--calcite-accordion-border-color, var(--calcite-color-border-2)))}.header-content,.content{padding:var(--calcite-accordion-item-content-space, var(--calcite-internal-accordion-item-padding, var(--calcite-internal-accordion-item-spacing-unit, 0.5rem 0.75rem)))}.header{display:flex;align-items:stretch}.header *{display:inline-flex;align-items:center;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);word-wrap:break-word;word-break:break-word}.header-content{flex-grow:1;cursor:pointer;outline-color:transparent;flex-direction:var(--calcite-internal-accordion-item-flex-direction);color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color, inherit))}.header-content: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          )}.header-content:focus,.header-content:hover,.header-content:active{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-hover, var(--calcite-color-text-2)))}.header-content:focus .heading,.header-content:hover .heading,.header-content:active .heading{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-pressed, var(--calcite-color-text-1)))}.header-container{inline-size:100%}.header-text{margin-block:0px;flex-grow:1;flex-direction:column;padding-block:0px;text-align:initial;margin-inline-end:auto}.heading,.description{display:flex;inline-size:100%}.heading{font-weight:var(--calcite-font-weight-medium)}.actions-start,.actions-end{display:flex;align-items:center}.icon{display:flex;align-items:center;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline-end:var(--calcite-internal-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-internal-accordion-item-icon-spacing-end)}.icon--start{color:var(--calcite-accordion-item-start-icon-color, var(--calcite-accordion-item-icon-color, currentColor));margin-inline-end:var(--calcite-internal-accordion-icon-margin)}.icon--end{color:var(--calcite-accordion-item-end-icon-color, var(--calcite-accordion-item-icon-color, currentColor));margin-inline-end:var(--calcite-internal-accordion-icon-margin);margin-inline-start:var(--calcite-internal-accordion-icon-margin)}.expand-icon{color:var(--calcite-accordion-item-expand-icon-color, var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-color-text-3))));margin-inline-start:var(--calcite-internal-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-internal-accordion-item-icon-spacing-end);transform:rotate(var(--calcite-internal-accordion-item-icon-rotation))}.calcite--rtl .expand-icon{transform:rotate(var(--calcite-internal-accordion-item-icon-rotation-rtl))}.description{margin-block-start:0.25rem}.content{display:none;padding-block-start:0px;text-align:initial}:host(:not(:focus):not(:hover):not([expanded])) .heading{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2)))}:host([expanded]){color:var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-accordion-text-color-pressed, var(--calcite-color-text-1))))}:host([expanded]) .header{border-block-end-color:transparent}:host([expanded]) .expand-icon{color:var(--calcite-accordion-item-expand-icon-color, var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2)))));transform:rotate(var(--calcite-internal-accordion-item-active-icon-rotation))}:host([expanded]) .calcite--rtl .expand-icon{transform:rotate(var(--calcite-internal-accordion-item-active-icon-rotation-rtl))}:host([expanded]) .description{color:var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2))))}:host([expanded]) .content{display:block}@media (forced-colors: active){:host([expanded]) .header{border-block-end:none}:host([expanded]) .heading{font-weight:bolder}.header-content:hover .heading,.header-content:focus .heading{text-decoration:underline}}:host([hidden]){display:none}[hidden]{display:none}";const C=w;const I=class{constructor(i){e(this,i);this.calciteInternalAccordionItemSelect=c(this,"calciteInternalAccordionItemSelect",6);this.calciteInternalAccordionItemClose=c(this,"calciteInternalAccordionItemClose",6);this.handleActionsStartSlotChange=e=>{this.hasActionsStart=a(e)};this.handleActionsEndSlotChange=e=>{this.hasActionsEnd=a(e)};this.storeHeaderEl=e=>{this.headerEl=e};this.itemHeaderClickHandler=()=>this.emitRequestedItem();this.expanded=false;this.heading=undefined;this.description=undefined;this.iconStart=undefined;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconPosition=undefined;this.iconType=undefined;this.accordionParent=undefined;this.scale=undefined;this.hasActionsStart=false;this.hasActionsEnd=false}componentWillLoad(){m(this)}componentDidLoad(){p(this)}renderActionsStart(){return i("div",{class:k.actionsStart,hidden:!this.hasActionsStart},i("slot",{name:x.actionsStart,onSlotchange:this.handleActionsStartSlotChange}))}renderActionsEnd(){return i("div",{class:k.actionsEnd,hidden:!this.hasActionsEnd},i("slot",{name:x.actionsEnd,onSlotchange:this.handleActionsEndSlotChange}))}render(){const{iconFlipRtl:e}=this;const c=r(this.el);const t=this.iconStart?i("calcite-icon",{class:{[k.icon]:true,[k.iconStart]:true},flipRtl:e==="both"||e==="start",icon:this.iconStart,key:"icon-start",scale:h(this.scale)}):null;const o=this.iconEnd?i("calcite-icon",{class:{[k.iconEnd]:true,[k.icon]:true},flipRtl:e==="both"||e==="end",icon:this.iconEnd,key:"icon-end",scale:h(this.scale)}):null;const{description:a}=this;return i(n,{key:"d9f881a4b6c4ec686b4c58cbd39bb2d665db96ff"},i("div",{key:"91d256bdf41b8388ed9c2fda26a563bc9fa72af7",class:{[`icon-position--${this.iconPosition}`]:true,[`icon-type--${this.iconType}`]:true}},i("div",{key:"8d17680329e791164f66ca7d8d494483ae5bf977",class:{[k.header]:true,[s.rtl]:c==="rtl"}},this.renderActionsStart(),i("div",{key:"3be3e3dc625f73a9330a51971096cf920b28f5e3","aria-controls":y.section,"aria-expanded":d(this.expanded),class:k.headerContent,id:y.sectionToggle,onClick:this.itemHeaderClickHandler,ref:this.storeHeaderEl,role:"button",tabindex:"0"},i("div",{key:"e505abb129bb03e1ccaeb98345b750005159fe29",class:k.headerContainer},t,i("div",{key:"fd90273700fb55c84be11705c63b09eddd6068d2",class:k.headerText},i("span",{key:"85fe7353dd51c2ca93b136e34dcaf8f8877e9c20",class:k.heading},this.heading),a?i("span",{class:k.description},a):null),o),i("calcite-icon",{key:"f03e2c69694d72afa32f25b52cec2efba6153f8d",class:k.expandIcon,icon:this.iconType==="chevron"?"chevronDown":this.iconType==="caret"?"caretDown":this.expanded?"minus":"plus",scale:h(this.scale)})),this.renderActionsEnd()),i("section",{key:"c04e4afb8d05d0c9694d22d473f83008f7a9f450","aria-labelledby":y.sectionToggle,class:k.content,id:y.section},i("slot",{key:"f360ea78742797b14d6880c75eafa20973eeb89b"}))))}keyDownHandler(e){if(e.target===this.el){switch(e.key){case" ":case"Enter":this.emitRequestedItem();e.preventDefault();break}}}updateActiveItemOnChange(e){const[c]=e.composedPath();const i=l(this.el,"calcite-accordion");if(c!==i){return}this.determineActiveItem(i.selectionMode,e.detail.requestedAccordionItem);e.stopPropagation()}accordionItemSyncHandler(e){const[c]=e.composedPath();const i=this.el;const t=i.parentElement===c;if(t){return}const n=l(i,"calcite-accordion");if(c!==n){return}this.iconPosition=n.iconPosition;this.iconType=n.iconType;this.scale=n.scale;e.stopPropagation()}async setFocus(){await f(this);this.headerEl.focus()}determineActiveItem(e,c){switch(e){case"multiple":if(this.el===c){this.expanded=!this.expanded}break;case"single":this.expanded=this.el===c?!this.expanded:false;break;case"single-persist":this.expanded=this.el===c;break}}emitRequestedItem(){this.calciteInternalAccordionItemSelect.emit({requestedAccordionItem:this.el})}get el(){return t(this)}};I.style=C;export{u as calcite_accordion,I as calcite_accordion_item};
+//# sourceMappingURL=p-5e0f6aa4.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","accordion","transparent","accordionCss","CalciteAccordionStyle0","Accordion","this","mutationObserver","createObserver","updateAccordionItems","handlePropsChange","connectedCallback","observe","el","childList","disconnectedCallback","disconnect","render","appearance","h","key","class","updateActiveItemOnChange","event","calciteInternalAccordionChange","emit","requestedAccordionItem","detail","stopPropagation","querySelectorAll","forEach","item","iconPosition","iconType","scale","document","dispatchEvent","CustomEvent","SLOTS","actionsStart","actionsEnd","content","description","expandIcon","header","headerContainer","headerContent","headerText","heading","icon","iconEnd","iconStart","IDS","section","sectionToggle","accordionItemCss","CalciteAccordionItemStyle0","AccordionItem","handleActionsStartSlotChange","hasActionsStart","slotChangeHasAssignedElement","handleActionsEndSlotChange","hasActionsEnd","storeHeaderEl","headerEl","itemHeaderClickHandler","emitRequestedItem","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","renderActionsStart","hidden","name","onSlotchange","renderActionsEnd","iconFlipRtl","dir","getElementDir","iconStartEl","flipRtl","getIconScale","iconEndEl","Host","CSS_UTILITY","rtl","toAriaBoolean","expanded","id","onClick","ref","role","tabindex","keyDownHandler","target","preventDefault","composedPath","parent","closestElementCrossShadowBoundary","determineActiveItem","selectionMode","accordionItemSyncHandler","accordionItem","willBeSyncedByDirectParent","parentElement","closestAccordionParent","setFocus","componentFocusable","focus","requestedItem","calciteInternalAccordionItemSelect"],"sources":["src/components/accordion/resources.ts","src/components/accordion/accordion.scss?tag=calcite-accordion&encapsulation=shadow","src/components/accordion/accordion.tsx","src/components/accordion-item/resources.ts","src/components/accordion-item/accordion-item.scss?tag=calcite-accordion-item&encapsulation=shadow","src/components/accordion-item/accordion-item.tsx"],"sourcesContent":["export const CSS = {\n  accordion: \"accordion\",\n  transparent: \"accordion--transparent\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-accordion-border-color: Specifies the component's border color.\n * @prop --calcite-accordion-background-color:  Specifies the component's background color.\n*/\n\n:host {\n  @apply relative\n    block\n    max-w-full\n    leading-6;\n}\n\n.accordion {\n  @apply border border-solid border-b-0;\n  border-color: var(--calcite-accordion-border-color, theme(\"borderColor.color.2\"));\n  background-color: var(--calcite-accordion-background-color, theme(\"backgroundColor.foreground.1\"));\n}\n\n.accordion--transparent {\n  --calcite-accordion-border-color: transparent;\n  border-color: var(--calcite-color-transparent);\n  background-color: var(--calcite-color-transparent);\n}\n\n// scale variants for child\n:host([scale=\"s\"]) {\n  --calcite-internal-accordion-item-spacing-unit: theme(\"spacing.1\");\n  --calcite-internal-accordion-icon-margin: theme(\"spacing.2\");\n  --calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) theme(\"spacing.2\");\n  @apply text-n2h;\n}\n\n:host([scale=\"m\"]) {\n  --calcite-internal-accordion-item-spacing-unit: theme(\"spacing.2\");\n  --calcite-internal-accordion-icon-margin: theme(\"spacing.3\");\n  --calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) theme(\"spacing.3\");\n  @apply text-n1h;\n}\n\n:host([scale=\"l\"]) {\n  --calcite-internal-accordion-item-spacing-unit: theme(\"spacing.3\");\n  --calcite-internal-accordion-icon-margin: theme(\"spacing.4\");\n  --calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) theme(\"spacing.4\");\n  @apply text-0h;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Listen,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { Appearance, Position, IconType, Scale, SelectionMode } from \"../interfaces\";\nimport { createObserver } from \"../../utils/observers\";\nimport { RequestedItem } from \"./interfaces\";\nimport { CSS } from \"./resources\";\n/**\n * @slot - A slot for adding `calcite-accordion-item`s. `calcite-accordion` cannot be nested, however `calcite-accordion-item`s can.\n */\n@Component({\n  tag: \"calcite-accordion\",\n  styleUrl: \"accordion.scss\",\n  shadow: true,\n})\nexport class Accordion {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the appearance of the component. */\n  @Prop({ reflect: true }) appearance: Extract<\"solid\" | \"transparent\", Appearance> = \"solid\";\n\n  /** Specifies the placement of the icon in the header. */\n  @Prop({ reflect: true }) iconPosition: Extract<\"start\" | \"end\", Position> = \"end\";\n\n  /** Specifies the type of the icon in the header. */\n  @Prop({ reflect: true }) iconType: Extract<\"chevron\" | \"caret\" | \"plus-minus\", IconType> =\n    \"chevron\";\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) 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   * `\"single-persist\"` allows one selection and prevents de-selection.\n   */\n  @Prop({ reflect: true }) selectionMode: Extract<\n    \"single\" | \"single-persist\" | \"multiple\",\n    SelectionMode\n  > = \"multiple\";\n\n  @Watch(\"iconPosition\")\n  @Watch(\"iconType\")\n  @Watch(\"scale\")\n  @Watch(\"selectionMode\")\n  handlePropsChange(): void {\n    this.updateAccordionItems();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) private calciteInternalAccordionChange: EventEmitter<RequestedItem>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.mutationObserver?.observe(this.el, { childList: true });\n    this.updateAccordionItems();\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n  }\n\n  render(): VNode {\n    const transparent = this.appearance === \"transparent\";\n    return (\n      <div\n        class={{\n          [CSS.transparent]: transparent,\n          [CSS.accordion]: !transparent,\n        }}\n      >\n        <slot />\n      </div>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalAccordionItemSelect\")\n  updateActiveItemOnChange(event: CustomEvent): void {\n    this.calciteInternalAccordionChange.emit({\n      requestedAccordionItem: event.detail.requestedAccordionItem,\n    });\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteAccordionElement;\n\n  mutationObserver = createObserver(\"mutation\", () => this.updateAccordionItems());\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private updateAccordionItems(): void {\n    this.el.querySelectorAll(\"calcite-accordion-item\").forEach((item) => {\n      item.iconPosition = this.iconPosition;\n      item.iconType = this.iconType;\n      item.scale = this.scale;\n    });\n\n    // sync props on items across shadow DOM\n    document.dispatchEvent(new CustomEvent(\"calciteInternalAccordionItemsSync\"));\n  }\n}\n","export const SLOTS = {\n  actionsStart: \"actions-start\",\n  actionsEnd: \"actions-end\",\n};\n\nexport const CSS = {\n  actionsEnd: \"actions-end\",\n  actionsStart: \"actions-start\",\n  content: \"content\",\n  description: \"description\",\n  expandIcon: \"expand-icon\",\n  header: \"header\",\n  headerContainer: \"header-container\",\n  headerContent: \"header-content\",\n  headerText: \"header-text\",\n  heading: \"heading\",\n  icon: \"icon\",\n  iconEnd: \"icon--end\",\n  iconStart: \"icon--start\",\n};\n\nexport const IDS = {\n  section: \"section\",\n  sectionToggle: \"section-toggle\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-accordion-border-color: [Deprecate] Use `--calcite-accordion-item-border-color`. Specifies the component's border color.\n * @prop --calcite-accordion-item-background-color: Specifies the component's background color.\n * @prop --calcite-accordion-item-border-color: Specifies the component's border color.\n * @prop --calcite-accordion-item-content-space: Specifies the component's padding.\n * @prop --calcite-accordion-item-end-icon-color: Specifies the component's `iconEnd` color. Fallback to `--calcite-accordion-item-icon-color` or current color.\n * @prop --calcite-accordion-item-expand-icon-color: Specifies the component's expand icon color.\n * @prop --calcite-accordion-item-header-background-color: Specifies the component's `heading` background color.\n * @prop --calcite-accordion-item-heading-text-color: Specifies the component's `heading` text color.\n * @prop --calcite-accordion-item-icon-color: Specifies the component's default icon color.\n * @prop --calcite-accordion-item-start-icon-color: Specifies the component's `iconStart` color. Fallback to `--calcite-accordion-item-icon-color` or current color.\n * @prop --calcite-accordion-item-text-color: Specifies the component's text color.\n * @prop --calcite-accordion-text-color-hover: [Deprecated] Use `--calcite-accordion-item-text-color-hover`. Specifies the component's main text color on hover.\n * @prop --calcite-accordion-text-color-pressed: [Deprecated] Use `--calcite-accordion-item-text-color-press`. Specifies the component's main text color when pressed.\n * @prop --calcite-accordion-text-color: [Deprecated] Use `--calcite-accordion-item-text-color`. Specifies the component's text color.\n */\n\n%icon-position {\n  /* icon rotation variables */\n  --calcite-internal-accordion-item-icon-rotation: calc(theme(\"rotate.90\") * -1);\n  --calcite-internal-accordion-item-active-icon-rotation: theme(\"rotate.0\");\n  --calcite-internal-accordion-item-icon-rotation-rtl: theme(\"rotate.90\");\n  --calcite-internal-accordion-item-active-icon-rotation-rtl: theme(\"rotate.0\");\n}\n\n:host {\n  @apply relative\n    flex\n    flex-col\n    no-underline;\n\n  color: var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-color-text-3)));\n  background-color: var(--calcite-accordion-item-background-color);\n  border-width: 0;\n\n  .header {\n    background-color: var(--calcite-accordion-item-header-background-color);\n  }\n}\n\n// icon position variants for child\n.icon-position--start {\n  @extend %icon-position;\n  --calcite-internal-accordion-item-flex-direction: row-reverse;\n  --calcite-internal-accordion-item-icon-spacing-start: 0;\n  --calcite-internal-accordion-item-icon-spacing-end: var(--calcite-internal-accordion-icon-margin);\n}\n\n.icon-position--end {\n  @extend %icon-position;\n  --calcite-internal-accordion-item-flex-direction: row;\n  --calcite-internal-accordion-item-icon-spacing-start: var(--calcite-internal-accordion-icon-margin);\n  --calcite-internal-accordion-item-icon-spacing-end: 0;\n}\n\n.icon-position--end:not(.icon-type--plus-minus) {\n  --calcite-internal-accordion-item-icon-rotation: theme(\"rotate.0\");\n  --calcite-internal-accordion-item-active-icon-rotation: theme(\"rotate.180\");\n  --calcite-internal-accordion-item-icon-rotation-rtl: theme(\"rotate.0\");\n  --calcite-internal-accordion-item-active-icon-rotation-rtl: calc(theme(\"rotate.180\") * -1);\n}\n\n// .header / content\n.content,\n.header {\n  border-block-end-width: var(--calcite-border-width-sm);\n  border-block-end-style: solid;\n  border-color: var(\n    --calcite-accordion-item-border-color,\n    var(--calcite-accordion-border-color, theme(\"borderColor.color.2\"))\n  );\n}\n\n.header-content,\n.content {\n  padding: var(\n    --calcite-accordion-item-content-space,\n    var(\n      --calcite-internal-accordion-item-padding,\n      var(--calcite-internal-accordion-item-spacing-unit, theme(\"spacing.2\") 0.75rem)\n    )\n  );\n}\n\n.header {\n  @apply flex items-stretch;\n\n  * {\n    @apply inline-flex\n      items-center\n      duration-150\n      ease-in-out;\n    @include word-break();\n  }\n}\n\n.header-content {\n  @apply focus-base flex-grow cursor-pointer;\n  flex-direction: var(--calcite-internal-accordion-item-flex-direction);\n  color: var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color, inherit));\n\n  &:focus {\n    @apply focus-inset;\n  }\n\n  // Deprecated\n  &:focus,\n  &:hover,\n  &:active {\n    color: var(\n      --calcite-accordion-item-heading-text-color,\n      var(--calcite-accordion-text-color-hover, var(--calcite-color-text-2))\n    );\n\n    .heading {\n      color: var(\n        --calcite-accordion-item-heading-text-color,\n        var(--calcite-accordion-text-color-pressed, var(--calcite-color-text-1))\n      );\n    }\n  }\n}\n\n.header-container {\n  inline-size: 100%;\n}\n\n// accordion item title\n.header-text {\n  @apply my-0 flex-grow flex-col py-0;\n  text-align: initial;\n  margin-inline-end: theme(\"margin.auto\");\n}\n\n.heading,\n.description {\n  @apply flex w-full;\n}\n\n.heading {\n  @apply font-medium;\n}\n\n.actions-start,\n.actions-end {\n  @apply flex items-center;\n}\n\n.icon {\n  @apply duration-150\n    ease-in-out\n    flex\n    items-center;\n  margin-inline-end: var(--calcite-internal-accordion-item-icon-spacing-start);\n  margin-inline-start: var(--calcite-internal-accordion-item-icon-spacing-end);\n}\n\n.icon--start {\n  color: var(--calcite-accordion-item-start-icon-color, var(--calcite-accordion-item-icon-color, currentColor));\n  margin-inline-end: var(--calcite-internal-accordion-icon-margin);\n}\n\n.icon--end {\n  color: var(--calcite-accordion-item-end-icon-color, var(--calcite-accordion-item-icon-color, currentColor));\n  margin-inline-end: var(--calcite-internal-accordion-icon-margin);\n  margin-inline-start: var(--calcite-internal-accordion-icon-margin);\n}\n\n// accordion item icon\n.expand-icon {\n  color: var(\n    --calcite-accordion-item-expand-icon-color,\n    var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-color-text-3)))\n  );\n  margin-inline-start: var(--calcite-internal-accordion-item-icon-spacing-start);\n  margin-inline-end: var(--calcite-internal-accordion-item-icon-spacing-end);\n  transform: rotate(var(--calcite-internal-accordion-item-icon-rotation));\n}\n\n.calcite--rtl .expand-icon {\n  transform: rotate(var(--calcite-internal-accordion-item-icon-rotation-rtl));\n}\n\n.description {\n  @apply mt-1;\n}\n\n.content {\n  @apply hidden pt-0;\n  text-align: initial;\n}\n\n:host(:not(:focus):not(:hover):not([expanded])) {\n  .heading {\n    color: var(\n      --calcite-accordion-item-heading-text-color,\n      var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2))\n    );\n  }\n}\n\n:host([expanded]) {\n  color: var(\n    --calcite-accordion-item-text-color,\n    var(--calcite-accordion-text-color, var(--calcite-accordion-text-color-pressed, var(--calcite-color-text-1)))\n  );\n\n  .header {\n    border-block-end-color: transparent;\n  }\n\n  .expand-icon {\n    color: var(\n      --calcite-accordion-item-expand-icon-color,\n      var(\n        --calcite-accordion-item-text-color,\n        var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2)))\n      )\n    );\n    transform: rotate(var(--calcite-internal-accordion-item-active-icon-rotation));\n  }\n  .calcite--rtl .expand-icon {\n    transform: rotate(var(--calcite-internal-accordion-item-active-icon-rotation-rtl));\n  }\n\n  .description {\n    color: var(\n      --calcite-accordion-item-text-color,\n      var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2)))\n    );\n  }\n\n  .content {\n    @apply block;\n  }\n}\n\n@media (forced-colors: active) {\n  :host([expanded]) {\n    & .header {\n      border-block-end: none;\n    }\n    & .heading {\n      /** give visual indicator of expanded state since subtle color changes can't be done **/\n      font-weight: bolder;\n    }\n  }\n  .header-content:hover,\n  .header-content:focus {\n    & .heading {\n      /** give visual indicator of expandability/click-ability since subtle color changes can't be done **/\n      text-decoration: underline;\n    }\n  }\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  State,\n  VNode,\n} from \"@stencil/core\";\nimport {\n  closestElementCrossShadowBoundary,\n  getElementDir,\n  slotChangeHasAssignedElement,\n  toAriaBoolean,\n} from \"../../utils/dom\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport { getIconScale } from \"../../utils/component\";\nimport { FlipContext, Position, Scale, SelectionMode, IconType } from \"../interfaces\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { IconNameOrString } from \"../icon/interfaces\";\nimport { SLOTS, CSS, IDS } from \"./resources\";\nimport { RequestedItem } from \"./interfaces\";\n\n/**\n * @slot - A slot for adding custom content, including nested `calcite-accordion-item`s.\n * @slot actions-end - A slot for adding `calcite-action`s or content to the end side of the component's header.\n * @slot actions-start - A slot for adding `calcite-action`s or content to the start side of the component's header.\n */\n@Component({\n  tag: \"calcite-accordion-item\",\n  styleUrl: \"accordion-item.scss\",\n  shadow: true,\n})\nexport class AccordionItem implements LoadableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, the component is expanded. */\n  @Prop({ reflect: true, mutable: true }) expanded = false;\n\n  /** Specifies heading text for the component. */\n  @Prop() heading: string;\n\n  /** Specifies a description for the component. */\n  @Prop() description: string;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: IconNameOrString;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: IconNameOrString;\n\n  /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl: FlipContext;\n\n  /**\n   * Specifies the placement of the icon in the header inherited from the `calcite-accordion`.\n   *\n   * @internal\n   */\n  @Prop() iconPosition: Extract<\"start\" | \"end\", Position>;\n\n  /** Specifies the type of the icon in the header inherited from the `calcite-accordion`.\n   *\n   * @internal\n   */\n  @Prop() iconType: Extract<\"chevron\" | \"caret\" | \"plus-minus\", IconType>;\n\n  /**\n   * The containing `accordion` element.\n   *\n   * @internal\n   */\n  @Prop() accordionParent: HTMLCalciteAccordionElement;\n\n  /**\n   * Specifies the size of the component inherited from the `calcite-accordion`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalAccordionItemSelect: EventEmitter<RequestedItem>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalAccordionItemClose: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderActionsStart(): VNode {\n    return (\n      <div class={CSS.actionsStart} hidden={!this.hasActionsStart}>\n        <slot name={SLOTS.actionsStart} onSlotchange={this.handleActionsStartSlotChange} />\n      </div>\n    );\n  }\n\n  renderActionsEnd(): VNode {\n    return (\n      <div class={CSS.actionsEnd} hidden={!this.hasActionsEnd}>\n        <slot name={SLOTS.actionsEnd} onSlotchange={this.handleActionsEndSlotChange} />\n      </div>\n    );\n  }\n\n  render(): VNode {\n    const { iconFlipRtl } = this;\n    const dir = getElementDir(this.el);\n    const iconStartEl = this.iconStart ? (\n      <calcite-icon\n        class={{ [CSS.icon]: true, [CSS.iconStart]: true }}\n        flipRtl={iconFlipRtl === \"both\" || iconFlipRtl === \"start\"}\n        icon={this.iconStart}\n        key=\"icon-start\"\n        scale={getIconScale(this.scale)}\n      />\n    ) : null;\n    const iconEndEl = this.iconEnd ? (\n      <calcite-icon\n        class={{ [CSS.iconEnd]: true, [CSS.icon]: true }}\n        flipRtl={iconFlipRtl === \"both\" || iconFlipRtl === \"end\"}\n        icon={this.iconEnd}\n        key=\"icon-end\"\n        scale={getIconScale(this.scale)}\n      />\n    ) : null;\n    const { description } = this;\n    return (\n      <Host>\n        <div\n          class={{\n            [`icon-position--${this.iconPosition}`]: true,\n            [`icon-type--${this.iconType}`]: true,\n          }}\n        >\n          <div class={{ [CSS.header]: true, [CSS_UTILITY.rtl]: dir === \"rtl\" }}>\n            {this.renderActionsStart()}\n            <div\n              aria-controls={IDS.section}\n              aria-expanded={toAriaBoolean(this.expanded)}\n              class={CSS.headerContent}\n              id={IDS.sectionToggle}\n              onClick={this.itemHeaderClickHandler}\n              ref={this.storeHeaderEl}\n              role=\"button\"\n              tabindex=\"0\"\n            >\n              <div class={CSS.headerContainer}>\n                {iconStartEl}\n                <div class={CSS.headerText}>\n                  <span class={CSS.heading}>{this.heading}</span>\n                  {description ? <span class={CSS.description}>{description}</span> : null}\n                </div>\n                {iconEndEl}\n              </div>\n              <calcite-icon\n                class={CSS.expandIcon}\n                icon={\n                  this.iconType === \"chevron\"\n                    ? \"chevronDown\"\n                    : this.iconType === \"caret\"\n                      ? \"caretDown\"\n                      : this.expanded\n                        ? \"minus\"\n                        : \"plus\"\n                }\n                scale={getIconScale(this.scale)}\n              />\n            </div>\n            {this.renderActionsEnd()}\n          </div>\n          <section aria-labelledby={IDS.sectionToggle} class={CSS.content} id={IDS.section}>\n            <slot />\n          </section>\n        </div>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"keydown\")\n  keyDownHandler(event: KeyboardEvent): void {\n    if (event.target === this.el) {\n      switch (event.key) {\n        case \" \":\n        case \"Enter\":\n          this.emitRequestedItem();\n          event.preventDefault();\n          break;\n      }\n    }\n  }\n\n  @Listen(\"calciteInternalAccordionChange\", { target: \"body\" })\n  updateActiveItemOnChange(event: CustomEvent): void {\n    const [accordion] = event.composedPath();\n    const parent = closestElementCrossShadowBoundary(this.el, \"calcite-accordion\");\n\n    if (accordion !== parent) {\n      return;\n    }\n\n    this.determineActiveItem(parent.selectionMode, event.detail.requestedAccordionItem);\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalAccordionItemsSync\", { target: \"document\" })\n  accordionItemSyncHandler(event: CustomEvent): void {\n    const [accordion] = event.composedPath();\n    const accordionItem = this.el;\n\n    // we sync with our accordion parent via event only if the item is wrapped within another component's shadow DOM,\n    // otherwise, the accordion parent will sync the item directly\n\n    const willBeSyncedByDirectParent = accordionItem.parentElement === accordion;\n    if (willBeSyncedByDirectParent) {\n      return;\n    }\n\n    const closestAccordionParent = closestElementCrossShadowBoundary(\n      accordionItem,\n      \"calcite-accordion\",\n    );\n\n    if (accordion !== closestAccordionParent) {\n      return;\n    }\n\n    this.iconPosition = closestAccordionParent.iconPosition;\n    this.iconType = closestAccordionParent.iconType;\n    this.scale = closestAccordionParent.scale;\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteAccordionItemElement;\n\n  private headerEl: HTMLDivElement;\n\n  @State() hasActionsStart = false;\n\n  @State() hasActionsEnd = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.headerEl.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private handleActionsStartSlotChange = (event: Event): void => {\n    this.hasActionsStart = slotChangeHasAssignedElement(event);\n  };\n\n  private handleActionsEndSlotChange = (event: Event): void => {\n    this.hasActionsEnd = slotChangeHasAssignedElement(event);\n  };\n\n  private storeHeaderEl = (el: HTMLDivElement): void => {\n    this.headerEl = el;\n  };\n\n  /** handle clicks on item header */\n  private itemHeaderClickHandler = (): void => this.emitRequestedItem();\n\n  private determineActiveItem(\n    selectionMode: SelectionMode,\n    requestedItem: HTMLCalciteAccordionItemElement,\n  ): void {\n    switch (selectionMode) {\n      case \"multiple\":\n        if (this.el === requestedItem) {\n          this.expanded = !this.expanded;\n        }\n        break;\n\n      case \"single\":\n        this.expanded = this.el === requestedItem ? !this.expanded : false;\n        break;\n\n      case \"single-persist\":\n        this.expanded = this.el === requestedItem;\n        break;\n    }\n  }\n\n  private emitRequestedItem(): void {\n    this.calciteInternalAccordionItemSelect.emit({\n      requestedAccordionItem: this.el,\n    });\n  }\n}\n"],"mappings":";;;;;kUAAO,MAAMA,EAAM,CACjBC,UAAW,YACXC,YAAa,0BCFf,MAAMC,EAAe,81CACrB,MAAAC,EAAeD,E,MCsBFE,EAAS,M,wGAwGpBC,KAAAC,iBAAmBC,EAAe,YAAY,IAAMF,KAAKG,yB,gBAhG2B,Q,kBAGR,M,cAI1E,U,WAGsC,I,mBAcpC,U,CAMJ,iBAAAC,GACEJ,KAAKG,sB,CAoBP,iBAAAE,GACEL,KAAKC,kBAAkBK,QAAQN,KAAKO,GAAI,CAAEC,UAAW,OACrDR,KAAKG,sB,CAGP,oBAAAM,GACET,KAAKC,kBAAkBS,Y,CAGzB,MAAAC,GACE,MAAMf,EAAcI,KAAKY,aAAe,cACxC,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,CAACrB,EAAIE,aAAcA,EACnB,CAACF,EAAIC,YAAaC,IAGpBiB,EAAA,QAAAC,IAAA,6C,CAYN,wBAAAE,CAAyBC,GACvBjB,KAAKkB,+BAA+BC,KAAK,CACvCC,uBAAwBH,EAAMI,OAAOD,yBAEvCH,EAAMK,iB,CAmBA,oBAAAnB,GACNH,KAAKO,GAAGgB,iBAAiB,0BAA0BC,SAASC,IAC1DA,EAAKC,aAAe1B,KAAK0B,aACzBD,EAAKE,SAAW3B,KAAK2B,SACrBF,EAAKG,MAAQ5B,KAAK4B,KAAK,IAIzBC,SAASC,cAAc,IAAIC,YAAY,qC,qMC/IpC,MAAMC,EAAQ,CACnBC,aAAc,gBACdC,WAAY,eAGP,MAAMxC,EAAM,CACjBwC,WAAY,cACZD,aAAc,gBACdE,QAAS,UACTC,YAAa,cACbC,WAAY,cACZC,OAAQ,SACRC,gBAAiB,mBACjBC,cAAe,iBACfC,WAAY,cACZC,QAAS,UACTC,KAAM,OACNC,QAAS,YACTC,UAAW,eAGN,MAAMC,EAAM,CACjBC,QAAS,UACTC,cAAe,kBCvBjB,MAAMC,EAAmB,i6LACzB,MAAAC,EAAeD,E,MCyCFE,EAAa,M,qMA+QhBnD,KAAAoD,6BAAgCnC,IACtCjB,KAAKqD,gBAAkBC,EAA6BrC,EAAM,EAGpDjB,KAAAuD,2BAA8BtC,IACpCjB,KAAKwD,cAAgBF,EAA6BrC,EAAM,EAGlDjB,KAAAyD,cAAiBlD,IACvBP,KAAK0D,SAAWnD,CAAE,EAIZP,KAAA2D,uBAAyB,IAAY3D,KAAK4D,oB,cApRC,M,0PAgPxB,M,mBAEF,K,CAhLzB,iBAAAC,GACEC,EAAuB9D,K,CAGzB,gBAAA+D,GACEC,EAAmBhE,K,CASrB,kBAAAiE,GACE,OACEpD,EAAA,OAAKE,MAAOrB,EAAIuC,aAAciC,QAASlE,KAAKqD,iBAC1CxC,EAAA,QAAMsD,KAAMnC,EAAMC,aAAcmC,aAAcpE,KAAKoD,+B,CAKzD,gBAAAiB,GACE,OACExD,EAAA,OAAKE,MAAOrB,EAAIwC,WAAYgC,QAASlE,KAAKwD,eACxC3C,EAAA,QAAMsD,KAAMnC,EAAME,WAAYkC,aAAcpE,KAAKuD,6B,CAKvD,MAAA5C,GACE,MAAM2D,YAAEA,GAAgBtE,KACxB,MAAMuE,EAAMC,EAAcxE,KAAKO,IAC/B,MAAMkE,EAAczE,KAAK6C,UACvBhC,EAAA,gBACEE,MAAO,CAAE,CAACrB,EAAIiD,MAAO,KAAM,CAACjD,EAAImD,WAAY,MAC5C6B,QAASJ,IAAgB,QAAUA,IAAgB,QACnD3B,KAAM3C,KAAK6C,UACX/B,IAAI,aACJc,MAAO+C,EAAa3E,KAAK4B,SAEzB,KACJ,MAAMgD,EAAY5E,KAAK4C,QACrB/B,EAAA,gBACEE,MAAO,CAAE,CAACrB,EAAIkD,SAAU,KAAM,CAAClD,EAAIiD,MAAO,MAC1C+B,QAASJ,IAAgB,QAAUA,IAAgB,MACnD3B,KAAM3C,KAAK4C,QACX9B,IAAI,WACJc,MAAO+C,EAAa3E,KAAK4B,SAEzB,KACJ,MAAMQ,YAAEA,GAAgBpC,KACxB,OACEa,EAACgE,EAAI,CAAA/D,IAAA,4CACHD,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,CAAC,kBAAkBf,KAAK0B,gBAAiB,KACzC,CAAC,cAAc1B,KAAK2B,YAAa,OAGnCd,EAAA,OAAAC,IAAA,2CAAKC,MAAO,CAAE,CAACrB,EAAI4C,QAAS,KAAM,CAACwC,EAAYC,KAAMR,IAAQ,QAC1DvE,KAAKiE,qBACNpD,EAAA,OAAAC,IAAA,2DACiBgC,EAAIC,QAAO,gBACXiC,EAAchF,KAAKiF,UAClClE,MAAOrB,EAAI8C,cACX0C,GAAIpC,EAAIE,cACRmC,QAASnF,KAAK2D,uBACdyB,IAAKpF,KAAKyD,cACV4B,KAAK,SACLC,SAAS,KAETzE,EAAA,OAAAC,IAAA,2CAAKC,MAAOrB,EAAI6C,iBACbkC,EACD5D,EAAA,OAAAC,IAAA,2CAAKC,MAAOrB,EAAI+C,YACd5B,EAAA,QAAAC,IAAA,2CAAMC,MAAOrB,EAAIgD,SAAU1C,KAAK0C,SAC/BN,EAAcvB,EAAA,QAAME,MAAOrB,EAAI0C,aAAcA,GAAsB,MAErEwC,GAEH/D,EAAA,gBAAAC,IAAA,2CACEC,MAAOrB,EAAI2C,WACXM,KACE3C,KAAK2B,WAAa,UACd,cACA3B,KAAK2B,WAAa,QAChB,YACA3B,KAAKiF,SACH,QACA,OAEVrD,MAAO+C,EAAa3E,KAAK4B,UAG5B5B,KAAKqE,oBAERxD,EAAA,WAAAC,IAAA,6DAA0BgC,EAAIE,cAAejC,MAAOrB,EAAIyC,QAAS+C,GAAIpC,EAAIC,SACvElC,EAAA,QAAAC,IAAA,+C,CAcV,cAAAyE,CAAetE,GACb,GAAIA,EAAMuE,SAAWxF,KAAKO,GAAI,CAC5B,OAAQU,EAAMH,KACZ,IAAK,IACL,IAAK,QACHd,KAAK4D,oBACL3C,EAAMwE,iBACN,M,EAMR,wBAAAzE,CAAyBC,GACvB,MAAOtB,GAAasB,EAAMyE,eAC1B,MAAMC,EAASC,EAAkC5F,KAAKO,GAAI,qBAE1D,GAAIZ,IAAcgG,EAAQ,CACxB,M,CAGF3F,KAAK6F,oBAAoBF,EAAOG,cAAe7E,EAAMI,OAAOD,wBAC5DH,EAAMK,iB,CAIR,wBAAAyE,CAAyB9E,GACvB,MAAOtB,GAAasB,EAAMyE,eAC1B,MAAMM,EAAgBhG,KAAKO,GAK3B,MAAM0F,EAA6BD,EAAcE,gBAAkBvG,EACnE,GAAIsG,EAA4B,CAC9B,M,CAGF,MAAME,EAAyBP,EAC7BI,EACA,qBAGF,GAAIrG,IAAcwG,EAAwB,CACxC,M,CAGFnG,KAAK0B,aAAeyE,EAAuBzE,aAC3C1B,KAAK2B,SAAWwE,EAAuBxE,SACvC3B,KAAK4B,MAAQuE,EAAuBvE,MACpCX,EAAMK,iB,CAyBR,cAAM8E,SACEC,EAAmBrG,MACzBA,KAAK0D,SAAS4C,O,CAwBR,mBAAAT,CACNC,EACAS,GAEA,OAAQT,GACN,IAAK,WACH,GAAI9F,KAAKO,KAAOgG,EAAe,CAC7BvG,KAAKiF,UAAYjF,KAAKiF,Q,CAExB,MAEF,IAAK,SACHjF,KAAKiF,SAAWjF,KAAKO,KAAOgG,GAAiBvG,KAAKiF,SAAW,MAC7D,MAEF,IAAK,iBACHjF,KAAKiF,SAAWjF,KAAKO,KAAOgG,EAC5B,M,CAIE,iBAAA3C,GACN5D,KAAKwG,mCAAmCrF,KAAK,CAC3CC,uBAAwBpB,KAAKO,I","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+import{r as t,c as e,h as i,g as s,H as n}from"./p-2c99ffe4.js";import{b as a,t as o,G as c,g as l}from"./p-ed71fa1d.js";import{u as r,I as d}from"./p-d87cffea.js";import{c as h}from"./p-99ecc8bc.js";import{i as f}from"./p-f9b0742d.js";import{d as u,c as p}from"./p-cea142ac.js";import{S as b}from"./p-7c0b97c5.js";import{s as g,a as m,c as v}from"./p-953f312e.js";import{c as y,s as C,d as k,u as x}from"./p-cbffb6ca.js";import{c as I,d as S,n as w}from"./p-756ee05a.js";import{d as L}from"./p-87d29c63.js";import"./p-db4d93fd.js";import"./p-5c700653.js";import"./p-cd0e92b4.js";const E={wrapper:"wrapper",wrapperBordered:"wrapper--bordered",container:"container",containerHover:"container--hover",containerBorder:"container--border",containerBorderSelected:"container--border-selected",containerBorderUnselected:"container--border-unselected",contentContainer:"content-container",contentContainerUnavailable:"content-container--unavailable",contentContainerSelectable:"content-container--selectable",contentContainerHasCenterContent:"content-container--has-center-content",nestedContainer:"nested-container",nestedContainerOpen:"nested-container--open",content:"content",customContent:"custom-content",actionsStart:"actions-start",contentStart:"content-start",label:"label",description:"description",contentEnd:"content-end",contentBottom:"content-bottom",actionsEnd:"actions-end",selectionContainer:"selection-container",selectionContainerSingle:"selection-container--single",openContainer:"open-container",dragContainer:"drag-container",close:"close"};const D={actionsStart:"actions-start",contentStart:"content-start",content:"content",contentBottom:"content-bottom",contentEnd:"content-end",actionsEnd:"actions-end"};const F=0;const A={selectedMultiple:"check-square-f",selectedSingle:"bullet-point-large",unselectedMultiple:"square",unselectedSingle:"bullet-point-large",closedLTR:"chevron-right",closedRTL:"chevron-left",open:"chevron-down",blank:"blank",close:"x"};const z="data-test-active";const M="calcite-list";const P="calcite-list-item-group";const j="calcite-list-item";function T(t){return Array.from(t.assignedElements({flatten:true}).filter((t=>t.matches(M))))}function H(t){const e=t.assignedElements({flatten:true});const i=e.filter((t=>t?.matches(P))).map((t=>Array.from(t.querySelectorAll(j)))).reduce(((t,e)=>[...t,...e]),[]);const s=e.filter((t=>t?.matches(j)));const n=e.filter((t=>t?.matches(M))).map((t=>Array.from(t.querySelectorAll(j)))).reduce(((t,e)=>[...t,...e]),[]);return[...n,...i,...s]}function O(t){t.forEach((e=>{e.setPosition=t.indexOf(e)+1;e.setSize=t.length}))}function R(t,e=false){if(!f()){return 0}const i=e?"ancestor::calcite-list-item | ancestor::calcite-list-item-group":"ancestor::calcite-list-item";const s=document.evaluate(i,t,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null);return s.snapshotLength}const B={container:"container",table:"table",scrim:"scrim",stack:"stack",tableContainer:"table-container",sticky:"sticky-pos",assistiveText:"assistive-text"};const G=0;const _={filterNoResults:"filter-no-results",filterActionsStart:"filter-actions-start",filterActionsEnd:"filter-actions-end"};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{display:block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{position:relative}.table-container{box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;background-color:transparent}.table-container *{box-sizing:border-box}.table{inline-size:100%;border-collapse:collapse}.stack{--calcite-stack-padding-inline:0;--calcite-stack-padding-block:0}.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-z-index-sticky);background-color:var(--calcite-color-foreground-1)}.sticky-pos th{padding:0px}.assistive-text{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}:host([hidden]){display:none}[hidden]{display:none}";const N=U;const W="calcite-list-item";const q="calcite-list-item-group, calcite-list-item";const K=class{constructor(i){t(this,i);this.calciteListChange=e(this,"calciteListChange",6);this.calciteListDragEnd=e(this,"calciteListDragEnd",6);this.calciteListDragStart=e(this,"calciteListDragStart",6);this.calciteListFilter=e(this,"calciteListFilter",6);this.calciteListOrderChange=e(this,"calciteListOrderChange",6);this.calciteInternalListDefaultSlotChange=e(this,"calciteInternalListDefaultSlotChange",6);this.dragSelector=W;this.focusableItems=[];this.handleSelector="calcite-handle";this.listItems=[];this.mutationObserver=h("mutation",(()=>this.updateListItems({performFilter:true})));this.visibleItems=[];this.handleDefaultSlotChange=t=>{O(H(t.target));if(this.parentListEl){this.calciteInternalListDefaultSlotChange.emit()}};this.handleFilterActionsStartSlotChange=t=>{this.hasFilterActionsStart=a(t)};this.handleFilterActionsEndSlotChange=t=>{this.hasFilterActionsEnd=a(t)};this.handleFilterNoResultsSlotChange=t=>{this.hasFilterNoResults=a(t)};this.setActiveListItem=()=>{const{focusableItems:t}=this;if(!t.some((t=>t.active))){if(t[0]){t[0].active=true}}};this.updateSelectedItems=(t=false)=>{this.selectedItems=this.visibleItems.filter((t=>t.selected));if(t){this.calciteListChange.emit()}};this.borderItems=()=>{const t=this.visibleItems.filter((t=>!t.filterHidden&&this.allParentListItemsOpen(t)));t.forEach((e=>e.bordered=e!==t[t.length-1]))};this.updateFilteredItems=(t=false)=>{const{visibleItems:e,filteredData:i,filterText:s}=this;const n=i.map((t=>t.value));const a=e?.filter((t=>e.every((e=>e===t||!t.contains(e)))));const o=e.filter((t=>!s||n.includes(t.value)))||[];const c=new WeakSet;a.forEach((t=>this.filterElements({el:t,filteredItems:o,visibleParents:c})));this.filteredItems=o;if(t){this.calciteListFilter.emit()}};this.setFilterEl=t=>{this.filterEl=t;this.performFilter()};this.handleFilterChange=t=>{t.stopPropagation();const{value:e}=t.currentTarget;this.filterText=e;this.updateFilteredData(true)};this.getItemData=()=>this.listItems.map((t=>({label:t.label,description:t.description,metadata:t.metadata,value:t.value})));this.updateListItems=L((t=>{const e=t?.emitFilterChange??false;const i=t?.performFilter??false;const{selectionAppearance:s,selectionMode:n,dragEnabled:a,el:o,filterEl:c,filterEnabled:l}=this;const r=Array.from(this.el.querySelectorAll(W));r.forEach((t=>{t.selectionAppearance=s;t.selectionMode=n;if(t.closest("calcite-list")===o){t.dragHandle=a}}));if(this.parentListEl){this.setUpSorting();return}this.listItems=r;if(l&&i){this.dataForFilter=this.getItemData();if(c){c.items=this.dataForFilter;this.filterAndUpdateData()}}this.visibleItems=this.listItems.filter((t=>!t.closed&&!t.hidden));this.updateFilteredItems(e);this.borderItems();this.focusableItems=this.filteredItems.filter((t=>!t.disabled));this.setActiveListItem();this.updateSelectedItems();this.setUpSorting()}),G);this.focusRow=t=>{const{focusableItems:e}=this;if(!t){return}e.forEach((e=>e.active=e===t));t.setFocus()};this.isNavigable=t=>{const e=t.parentElement?.closest(W);if(!e){return true}return e.open&&this.isNavigable(e)};this.handleListKeydown=t=>{if(t.defaultPrevented||!!this.parentListEl){return}const{key:e}=t;const i=this.focusableItems.filter((t=>this.isNavigable(t)));const s=i.findIndex((t=>t.active));if(e==="ArrowDown"){t.preventDefault();const e=t.target===this.filterEl?0:s+1;if(i[e]){this.focusRow(i[e])}}else if(e==="ArrowUp"){t.preventDefault();if(s===0&&this.filterEnabled){this.filterEl?.setFocus();return}const e=s-1;if(i[e]){this.focusRow(i[e])}}else if(e==="Home"){t.preventDefault();const e=i[0];if(e){this.focusRow(e)}}else if(e==="End"){t.preventDefault();const e=i[i.length-1];if(e){this.focusRow(e)}}};this.disabled=false;this.canPull=undefined;this.canPut=undefined;this.dragEnabled=false;this.group=undefined;this.filterEnabled=false;this.filteredItems=[];this.filteredData=[];this.filterPlaceholder=undefined;this.filterText=undefined;this.label=undefined;this.loading=false;this.filterProps=undefined;this.messageOverrides=undefined;this.messages=undefined;this.numberingSystem=undefined;this.openable=false;this.selectedItems=[];this.selectionMode="none";this.selectionAppearance="icon";this.effectiveLocale="";this.defaultMessages=undefined;this.assistiveText=undefined;this.dataForFilter=[];this.hasFilterActionsEnd=false;this.hasFilterActionsStart=false;this.hasFilterNoResults=false}async handleFilterTextChange(){this.performFilter()}async handleFilterPropsChange(){this.performFilter()}onMessagesChange(){}handleListItemChange(){this.updateListItems({performFilter:true})}handleCalciteListItemToggle(t){if(this.parentListEl){return}t.stopPropagation();this.borderItems()}handleCalciteInternalFocusPreviousItem(t){if(this.parentListEl){return}t.stopPropagation();const{focusableItems:e}=this;const i=e.findIndex((t=>t.active));const s=i-1;if(e[s]){this.focusRow(e[s])}}handleCalciteInternalListItemActive(t){if(this.parentListEl){return}t.stopPropagation();const e=t.target;const{listItems:i}=this;i.forEach((t=>{t.active=t===e}))}handleCalciteListItemSelect(){if(this.parentListEl){return}this.updateSelectedItems(true)}handleCalciteInternalAssistiveTextChange(t){this.assistiveText=t.detail.message;t.stopPropagation()}handleCalciteHandleNudge(t){if(this.parentListEl){return}this.handleNudgeEvent(t)}handleCalciteInternalListItemSelect(t){if(this.parentListEl){return}t.stopPropagation();const e=t.target;const{listItems:i,selectionMode:s}=this;if(e.selected&&(s==="single"||s==="single-persist")){i.forEach((t=>t.selected=t===e))}this.updateSelectedItems()}handleCalciteInternalListItemSelectMultiple(t){if(this.parentListEl){return}t.stopPropagation();const{target:e,detail:i}=t;const{focusableItems:s,lastSelectedInfo:n}=this;const a=e;if(i.selectMultiple&&!!n){const t=s.indexOf(a);const e=s.indexOf(n.selectedItem);const i=Math.min(e,t);const o=Math.max(e,t);s.slice(i,o+1).forEach((t=>t.selected=n.selected))}else{this.lastSelectedInfo={selectedItem:a,selected:a.selected}}}handleCalciteInternalListItemChange(t){if(this.parentListEl){return}t.stopPropagation();this.updateListItems()}handleCalciteInternalListItemGroupDefaultSlotChange(t){t.stopPropagation()}connectedCallback(){I(this);y(this);this.connectObserver();this.updateListItems({performFilter:true});this.setUpSorting();this.setParentList()}async componentWillLoad(){g(this);await C(this)}componentDidRender(){r(this)}componentDidLoad(){m(this)}disconnectedCallback(){this.disconnectObserver();u(this);S(this);k(this)}effectiveLocaleChange(){x(this,this.effectiveLocale)}async setFocus(){await v(this);if(this.filterEnabled){return this.filterEl?.setFocus()}return this.focusableItems.find((t=>t.active))?.setFocus()}render(){const{loading:t,label:e,disabled:s,dataForFilter:n,filterEnabled:a,filterPlaceholder:c,filterText:l,filteredItems:r,hasFilterActionsStart:h,hasFilterActionsEnd:f,hasFilterNoResults:u,filterProps:p}=this;return i(d,{key:"792a626cc0979d4d268c78bc6e99895a3eebaef8",disabled:this.disabled},i("div",{key:"805efa249d5c2daa865ba2c70f1dd8ec5e8e77d6",class:B.container},this.dragEnabled?i("span",{"aria-live":"assertive",class:B.assistiveText},this.assistiveText):null,this.renderItemAriaLive(),t?i("calcite-scrim",{class:B.scrim,loading:t}):null,i("table",{key:"5c7c7029669172aa1b248fa602310c1491705b40","aria-busy":o(t),"aria-label":e||"",class:B.table,onKeyDown:this.handleListKeydown,role:"treegrid"},a||h||f?i("thead",{class:B.sticky},i("tr",null,i("th",{colSpan:F},i("calcite-stack",{class:B.stack},i("slot",{name:_.filterActionsStart,onSlotchange:this.handleFilterActionsStartSlotChange,slot:b.actionsStart}),i("calcite-filter",{"aria-label":c,disabled:s,filterProps:p,items:n,onCalciteFilterChange:this.handleFilterChange,placeholder:c,ref:this.setFilterEl,value:l}),i("slot",{name:_.filterActionsEnd,onSlotchange:this.handleFilterActionsEndSlotChange,slot:b.actionsEnd}))))):null,i("tbody",{key:"51d5c20b81123cfca2c81b8a4252f54caefc9a11",class:B.tableContainer},i("slot",{key:"3123c2d4ca33f605fcbcb6e590434ec7077e057f",onSlotchange:this.handleDefaultSlotChange}))),i("div",{key:"a7ff9a0704ae0971bc3b92fc139f11db9a4d658e","aria-live":"polite","data-test-id":"no-results-container",hidden:!(u&&a&&l&&!r.length)},i("slot",{key:"4f7d664fd1b2d3f0a265a29f29e7bda2d16ec7bf",name:_.filterNoResults,onSlotchange:this.handleFilterNoResultsSlotChange}))))}renderItemAriaLive(){const{messages:t,filteredItems:e,parentListEl:s,effectiveLocale:n,numberingSystem:a,filterEnabled:o,filterText:c,filteredData:l}=this;w.numberFormatOptions={locale:n,numberingSystem:a};return!s?i("div",{"aria-live":"polite",class:B.assistiveText},o&&c&&l?.length?i("div",{key:"aria-filter-enabled"},t.filterEnabled):null,i("div",{key:"aria-item-count"},t.total.replace("{count}",w.localize(e.length.toString()))),e.length?i("ol",{key:"aria-item-list"},e.map((t=>i("li",null,t.label)))):null):null}connectObserver(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}disconnectObserver(){this.mutationObserver?.disconnect()}setUpSorting(){const{dragEnabled:t}=this;if(!t){return}p(this)}onGlobalDragStart(){this.disconnectObserver()}onGlobalDragEnd(){this.connectObserver()}onDragEnd(t){this.calciteListDragEnd.emit(t)}onDragStart(t){this.calciteListDragStart.emit(t)}onDragSort(t){this.setParentList();this.updateListItems();this.calciteListOrderChange.emit(t)}setParentList(){this.parentListEl=this.el.parentElement?.closest("calcite-list")}filterElements({el:t,filteredItems:e,visibleParents:i}){const s=!i.has(t)&&!e.includes(t);t.filterHidden=s;const n=t.parentElement.closest(q);if(!n){return}if(!s){i.add(n)}this.filterElements({el:n,filteredItems:e,visibleParents:i})}allParentListItemsOpen(t){const e=t.parentElement?.closest(W);if(!e){return true}else if(!e.open){return false}return this.allParentListItemsOpen(e)}updateFilteredData(t=false){const{filterEl:e}=this;if(!e){return}if(e.filteredItems){this.filteredData=e.filteredItems}this.updateListItems({emitFilterChange:t})}async filterAndUpdateData(){await(this.filterEl?.filter(this.filterText));this.updateFilteredData()}performFilter(){const{filterEl:t,filterText:e,filterProps:i}=this;if(!t){return}t.value=e;t.filterProps=i;this.filterAndUpdateData()}handleNudgeEvent(t){const{handleSelector:e,dragSelector:i}=this;const{direction:s}=t.detail;const n=t.composedPath();const a=n.find((t=>t?.tagName&&t.matches(e)));const o=n.find((t=>t?.tagName&&t.matches(i)));const c=o?.parentElement;if(!c){return}const{filteredItems:l}=this;const r=l.filter((t=>t.parentElement===c));const d=r.length-1;const h=r.indexOf(o);let f;if(s==="up"){f=h===0?d:h-1}else{f=h===d?0:h+1}this.disconnectObserver();a.blurUnselectDisabled=true;const u=s==="up"&&f!==d||s==="down"&&f===0?r[f]:r[f].nextSibling;c.insertBefore(o,u);this.updateListItems();this.connectObserver();this.calciteListOrderChange.emit({dragEl:o,fromEl:c,toEl:c,newIndex:f,oldIndex:h});a.setFocus().then((()=>a.blurUnselectDisabled=false))}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{filterText:["handleFilterTextChange"],filterProps:["handleFilterPropsChange"],messageOverrides:["onMessagesChange"],filterEnabled:["handleListItemChange"],group:["handleListItemChange"],dragEnabled:["handleListItemChange"],selectionMode:["handleListItemChange"],selectionAppearance:["handleListItemChange"],effectiveLocale:["effectiveLocaleChange"]}}};K.style=N;const X=':host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);--calcite-list-item-icon-color:var(--calcite-color-brand)}:host([filter-hidden]),:host([closed]){display:none}.wrapper--bordered{border-block-end:1px solid var(--calcite-color-border-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{box-sizing:border-box;display:flex;flex:1 1 0%;overflow:hidden;background-color:var(--calcite-color-foreground-1)}.container *{box-sizing:border-box}.container--hover:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}.container:active{background-color:var(--calcite-color-foreground-1)}.container--border{border-inline-start-width:4px;border-inline-start-style:solid}.container--border-selected{border-inline-start-color:var(--calcite-color-brand)}.container--border-unselected{border-inline-start-color:transparent}.container:hover.container--border-unselected{border-color:var(--calcite-color-border-1)}.nested-container{display:none;flex-direction:column;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);margin-inline-start:var(--calcite-list-item-spacing-indent, 1.5rem)}.nested-container--open{display:flex}.content-container{display:flex;flex:1 1 auto;-webkit-user-select:none;user-select:none;align-items:stretch;padding:0px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}.content-container--unavailable{opacity:var(--calcite-opacity-disabled)}tr,td{outline-color:transparent}tr{position:relative}tr:focus,td: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          )}.content,.custom-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375}.label,.description,.content-bottom{font-family:var(--calcite-font-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}.label:only-child,.description:only-child,.content-bottom:only-child{margin:0px;padding-block:0.25rem}.label{color:var(--calcite-color-text-1)}:host([selected]) .label{font-weight:var(--calcite-font-weight-medium)}.description{margin-block-start:0.125rem;color:var(--calcite-color-text-3)}:host([selected]) .description{color:var(--calcite-color-text-2)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:1 1 auto}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:0.75rem;align-self:center}.content-bottom{display:flex;flex-direction:column}.content-container--has-center-content .content-start,.content-container--has-center-content .content-end{flex:0 1 auto}.selection-container{display:flex;padding-block:0px;color:var(--calcite-color-border-input);padding-inline:var(--calcite-spacing-md) var(--calcite-spacing-xxs)}.selection-container--single{color:transparent}:host(:not([disabled]):not([selected])) .container:hover .selection-container--single{color:var(--calcite-color-border-1)}:host([selected]:hover) .selection-container,:host([selected]:hover) .selection-container--single,:host([selected]) .selection-container{color:var(--calcite-list-item-icon-color)}.open-container{color:var(--calcite-color-text-3)}:host(:not([disabled])) .container:hover .open-container{color:var(--calcite-color-text-1)}.actions-start,.actions-end,.content-start,.content-end,.selection-container,.drag-container,.open-container{display:flex;align-items:center}.actions-start calcite-action,.actions-start calcite-handle,.actions-end calcite-action,.actions-end calcite-handle,.content-start calcite-action,.content-start calcite-handle,.content-end calcite-action,.content-end calcite-handle,.selection-container calcite-action,.selection-container calcite-handle,.drag-container calcite-action,.drag-container calcite-handle,.open-container calcite-action,.open-container calcite-handle{align-self:stretch}.open-container,.selection-container{cursor:pointer}.actions-start,.actions-end{position:relative;padding:0px}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}tr:focus .actions-start,tr:focus .actions-end{inset-block:0.125rem}tr:focus .actions-start .close,tr:focus .actions-start ::slotted(calcite-action),tr:focus .actions-start ::slotted(calcite-action-menu),tr:focus .actions-start ::slotted(calcite-handle),tr:focus .actions-start ::slotted(calcite-dropdown),tr:focus .actions-end .close,tr:focus .actions-end ::slotted(calcite-action),tr:focus .actions-end ::slotted(calcite-action-menu),tr:focus .actions-end ::slotted(calcite-handle),tr:focus .actions-end ::slotted(calcite-dropdown){block-size:calc(100% - 0.25rem)}tr:focus::after,tr:focus::before{position:absolute;content:"";inline-size:0.125rem;z-index:var(--calcite-z-index-header);background-color:var(--calcite-color-brand);inset-block:0}tr:focus::before{inset-inline-start:0}tr:focus::after{inset-inline-end:0}.container--border:focus::before{display:none}::slotted(calcite-list:empty){border-block-start-width:0px}:host([hidden]){display:none}[hidden]{display:none}';const J=X;const Q=new Map;const V="calcite-list";const Y=class{constructor(i){t(this,i);this.calciteListItemSelect=e(this,"calciteListItemSelect",6);this.calciteListItemClose=e(this,"calciteListItemClose",6);this.calciteListItemDragHandleChange=e(this,"calciteListItemDragHandleChange",6);this.calciteListItemToggle=e(this,"calciteListItemToggle",6);this.calciteInternalListItemSelect=e(this,"calciteInternalListItemSelect",6);this.calciteInternalListItemSelectMultiple=e(this,"calciteInternalListItemSelectMultiple",6);this.calciteInternalListItemActive=e(this,"calciteInternalListItemActive",6);this.calciteInternalFocusPreviousItem=e(this,"calciteInternalFocusPreviousItem",6);this.calciteInternalListItemChange=e(this,"calciteInternalListItemChange",6);this.calciteInternalListItemToggle=e(this,"calciteInternalListItemToggle",6);this.dragHandleSelectedChangeHandler=t=>{this.dragSelected=t.target.selected;this.calciteListItemDragHandleChange.emit();t.stopPropagation()};this.emitInternalListItemActive=()=>{this.calciteInternalListItemActive.emit()};this.focusCellHandle=()=>{this.handleCellFocusIn(this.handleGridEl)};this.focusCellActionsStart=()=>{this.handleCellFocusIn(this.actionsStartEl)};this.focusCellContent=()=>{this.handleCellFocusIn(this.contentEl)};this.focusCellActionsEnd=()=>{this.handleCellFocusIn(this.actionsEndEl)};this.handleCloseClick=()=>{this.closed=true;this.calciteListItemClose.emit()};this.handleContentSlotChange=t=>{this.hasCustomContent=a(t)};this.handleActionsStartSlotChange=t=>{this.hasActionsStart=a(t)};this.handleActionsEndSlotChange=t=>{this.hasActionsEnd=a(t)};this.handleContentStartSlotChange=t=>{this.hasContentStart=a(t)};this.handleContentEndSlotChange=t=>{this.hasContentEnd=a(t)};this.handleContentBottomSlotChange=t=>{this.hasContentBottom=a(t)};this.handleDefaultSlotChange=t=>{this.handleOpenableChange(t.target)};this.handleToggleClick=()=>{this.toggle()};this.toggle=(t=!this.open)=>{this.open=t;this.calciteListItemToggle.emit()};this.handleItemClick=t=>{if(t.defaultPrevented){return}this.toggleSelected(t.shiftKey)};this.toggleSelected=t=>{const{selectionMode:e,selected:i}=this;if(this.disabled){return}if(e==="multiple"||e==="single"){this.selected=!i}else if(e==="single-persist"){this.selected=true}this.calciteInternalListItemSelectMultiple.emit({selectMultiple:t&&e==="multiple"});this.calciteListItemSelect.emit()};this.handleItemKeyDown=t=>{if(t.defaultPrevented){return}const{key:e}=t;const i=t.composedPath();const{containerEl:s,actionsStartEl:n,actionsEndEl:a,open:o,openable:c}=this;const l=this.getGridCells();const r=l.findIndex((t=>i.includes(t)));if(e==="Enter"&&!i.includes(n)&&!i.includes(a)){t.preventDefault();this.toggleSelected(t.shiftKey)}else if(e==="ArrowRight"){t.preventDefault();const e=r+1;if(r===-1){if(!o&&c){this.toggle(true);this.focusCell(null)}else if(l[0]){this.focusCell(l[0])}}else if(l[r]&&l[e]){this.focusCell(l[e])}}else if(e==="ArrowLeft"){t.preventDefault();const e=r-1;if(r===-1){this.focusCell(null);if(o&&c){this.toggle(false)}else{this.calciteInternalFocusPreviousItem.emit()}}else if(r===0){this.focusCell(null);s.focus()}else if(l[r]&&l[e]){this.focusCell(l[e])}}};this.focusCellNull=()=>{this.focusCell(null)};this.handleCellFocusIn=t=>{this.setFocusCell(t,c(t),true)};this.setFocusCell=(t,e,i)=>{const{parentListEl:s}=this;if(i){Q.set(s,null)}const n=this.getGridCells();n.forEach((t=>{t.tabIndex=-1;t.removeAttribute(z)}));if(!t){return}t.tabIndex=t===e?0:-1;t.setAttribute(z,"");if(i){Q.set(s,n.indexOf(t))}};this.focusCell=(t,e=true)=>{const i=c(t);this.setFocusCell(t,i,e);i?.focus()};this.active=false;this.bordered=false;this.closable=false;this.closed=false;this.description=undefined;this.disabled=false;this.dragDisabled=false;this.dragHandle=false;this.dragSelected=false;this.filterHidden=false;this.label=undefined;this.metadata=undefined;this.open=false;this.setSize=null;this.setPosition=null;this.selected=false;this.unavailable=false;this.value=undefined;this.selectionMode=null;this.selectionAppearance=null;this.messageOverrides=undefined;this.messages=undefined;this.effectiveLocale="";this.defaultMessages=undefined;this.level=null;this.parentListEl=undefined;this.openable=false;this.hasActionsStart=false;this.hasActionsEnd=false;this.hasCustomContent=false;this.hasContentStart=false;this.hasContentEnd=false;this.hasContentBottom=false}activeHandler(t){if(!t){this.focusCell(null,false)}}handleClosedChange(){this.emitCalciteInternalListItemChange()}handleDisabledChange(){this.emitCalciteInternalListItemChange()}handleOpenChange(){this.emitCalciteInternalListItemToggle()}handleSelectedChange(){this.calciteInternalListItemSelect.emit()}onMessagesChange(){}handleCalciteInternalListDefaultSlotChanges(t){t.stopPropagation();this.handleOpenableChange(this.defaultSlotEl)}effectiveLocaleChange(){x(this,this.effectiveLocale)}connectedCallback(){I(this);y(this);const{el:t}=this;this.parentListEl=t.closest(V);this.level=R(t)+1;this.setSelectionDefaults()}async componentWillLoad(){g(this);await C(this)}componentDidLoad(){m(this)}componentDidRender(){r(this)}disconnectedCallback(){S(this);k(this)}async setFocus(){await v(this);const{containerEl:t,parentListEl:e}=this;const i=Q.get(e);if(typeof i==="number"){const e=this.getGridCells();if(e[i]){this.focusCell(e[i])}else{t?.focus()}return}t?.focus()}renderSelected(){const{selected:t,selectionMode:e,selectionAppearance:s}=this;if(e==="none"||s==="border"){return null}return i("td",{class:{[E.selectionContainer]:true,[E.selectionContainerSingle]:e==="single"||e==="single-persist"},key:"selection-container",onClick:this.handleItemClick},i("calcite-icon",{icon:t?e==="multiple"?A.selectedMultiple:A.selectedSingle:e==="multiple"?A.unselectedMultiple:A.unselectedSingle,scale:"s"}))}renderDragHandle(){const{label:t,dragHandle:e,dragSelected:s,dragDisabled:n,setPosition:a,setSize:o}=this;return e?i("td",{"aria-label":t,class:E.dragContainer,key:"drag-handle-container",onFocusin:this.focusCellHandle,ref:t=>this.handleGridEl=t,role:"gridcell"},i("calcite-handle",{disabled:n,label:t,onCalciteHandleChange:this.dragHandleSelectedChangeHandler,selected:s,setPosition:a,setSize:o})):null}renderOpen(){const{el:t,open:e,openable:s,messages:n}=this;const a=l(t);const o=e?A.open:a==="rtl"?A.closedRTL:A.closedLTR;const c=e?n.collapse:n.expand;return s?i("td",{class:E.openContainer,key:"open-container",onClick:this.handleToggleClick,title:c},i("calcite-icon",{icon:o,key:o,scale:"s"})):null}renderActionsStart(){const{label:t,hasActionsStart:e}=this;return i("td",{"aria-label":t,class:E.actionsStart,hidden:!e,key:"actions-start-container",onFocusin:this.focusCellActionsStart,ref:t=>this.actionsStartEl=t,role:"gridcell"},i("slot",{name:D.actionsStart,onSlotchange:this.handleActionsStartSlotChange}))}renderActionsEnd(){const{label:t,hasActionsEnd:e,closable:s,messages:n}=this;return i("td",{"aria-label":t,class:E.actionsEnd,hidden:!(e||s),key:"actions-end-container",onFocusin:this.focusCellActionsEnd,ref:t=>this.actionsEndEl=t,role:"gridcell"},i("slot",{name:D.actionsEnd,onSlotchange:this.handleActionsEndSlotChange}),s?i("calcite-action",{appearance:"transparent",class:E.close,icon:A.close,key:"close-action",label:n.close,onClick:this.handleCloseClick,text:n.close}):null)}renderContentStart(){const{hasContentStart:t}=this;return i("div",{class:E.contentStart,hidden:!t},i("slot",{name:D.contentStart,onSlotchange:this.handleContentStartSlotChange}))}renderCustomContent(){const{hasCustomContent:t}=this;return i("div",{class:E.customContent,hidden:!t},i("slot",{name:D.content,onSlotchange:this.handleContentSlotChange}))}renderContentEnd(){const{hasContentEnd:t}=this;return i("div",{class:E.contentEnd,hidden:!t},i("slot",{name:D.contentEnd,onSlotchange:this.handleContentEndSlotChange}))}renderContentBottom(){const{hasContentBottom:t}=this;return i("div",{class:E.contentBottom,hidden:!t},i("slot",{name:D.contentBottom,onSlotchange:this.handleContentBottomSlotChange}))}renderDefaultContainer(){return i("div",{class:{[E.nestedContainer]:true,[E.nestedContainerOpen]:this.openable&&this.open}},i("slot",{onSlotchange:this.handleDefaultSlotChange,ref:t=>this.defaultSlotEl=t}))}renderContentProperties(){const{label:t,description:e,hasCustomContent:s}=this;return!s&&(!!t||!!e)?i("div",{class:E.content,key:"content"},t?i("div",{class:E.label,key:"label"},t):null,e?i("div",{class:E.description,key:"description"},e):null):null}renderContentContainer(){const{description:t,label:e,selectionMode:s,hasCustomContent:n,unavailable:a}=this;const o=n||!!e||!!t;const c=[this.renderContentStart(),this.renderCustomContent(),this.renderContentProperties(),this.renderContentEnd()];return i("td",{"aria-label":e,class:{[E.contentContainer]:true,[E.contentContainerUnavailable]:a,[E.contentContainerSelectable]:s!=="none",[E.contentContainerHasCenterContent]:o},key:"content-container",onClick:this.handleItemClick,onFocusin:this.focusCellContent,ref:t=>this.contentEl=t,role:"gridcell"},c)}render(){const{openable:t,open:e,level:s,setPosition:a,setSize:c,active:l,label:r,selected:h,selectionAppearance:f,selectionMode:u,closed:p,filterHidden:b,bordered:g,disabled:m}=this;const v=u!=="none"&&f==="border";const y=v&&h;const C=v&&!h;return i(n,{key:"b9cb3f307c53ed1a2ab8c686a2e75aa628b9927f"},i(d,{key:"dee15703644ea7682d8d809377ace638d5e6d114",disabled:m},i("div",{key:"9a5497471aa6253aa8fe9831244d28d6987429ea",class:{[E.wrapper]:true,[E.wrapperBordered]:g}},i("tr",{key:"4f255718fcf599595fa46b721a877d0735240127","aria-expanded":t?o(e):null,"aria-label":r,"aria-level":s,"aria-posinset":a,"aria-selected":o(h),"aria-setsize":c,class:{[E.container]:true,[E.containerHover]:true,[E.containerBorder]:v,[E.containerBorderSelected]:y,[E.containerBorderUnselected]:C},hidden:p||b,onFocus:this.focusCellNull,onFocusin:this.emitInternalListItemActive,onKeyDown:this.handleItemKeyDown,ref:t=>this.containerEl=t,role:"row",tabIndex:l?0:-1},this.renderDragHandle(),this.renderSelected(),this.renderOpen(),this.renderActionsStart(),this.renderContentContainer(),this.renderActionsEnd()),this.renderContentBottom()),this.renderDefaultContainer()))}emitCalciteInternalListItemToggle(){this.calciteInternalListItemToggle.emit()}emitCalciteInternalListItemChange(){this.calciteInternalListItemChange.emit()}setSelectionDefaults(){const{parentListEl:t,selectionMode:e,selectionAppearance:i}=this;if(!t){return}if(!e){this.selectionMode=t.selectionMode}if(!i){this.selectionAppearance=t.selectionAppearance}}handleOpenableChange(t){if(!t){return}const e=H(t);const i=T(t);O(e);this.openable=!!e.length||!!i.length}getGridCells(){return[this.handleGridEl,this.actionsStartEl,this.contentEl,this.actionsEndEl].filter((t=>t&&!t.hidden))}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{active:["activeHandler"],closed:["handleClosedChange"],disabled:["handleDisabledChange"],open:["handleOpenChange"],selected:["handleSelectedChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};Y.style=J;const Z={container:"container",heading:"heading"};const $=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1)}:host([filter-hidden]){display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{margin:0px;display:flex;flex:1 1 0%;padding:0.75rem;font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2)}.heading{padding:0px}:host([hidden]){display:none}[hidden]{display:none}";const tt=$;const et=class{constructor(i){t(this,i);this.calciteInternalListItemGroupDefaultSlotChange=e(this,"calciteInternalListItemGroupDefaultSlotChange",6);this.handleDefaultSlotChange=()=>{this.calciteInternalListItemGroupDefaultSlotChange.emit()};this.disabled=false;this.filterHidden=false;this.heading=undefined}componentDidRender(){r(this)}render(){const{disabled:t,heading:e}=this;return i(n,{key:"620fb4faa44dccf67d64d3665200a5314b98f14e"},i(d,{key:"9fd1d5aba9ec1267f82e15da4339c3319a3dbce9",disabled:t},i("tr",{key:"1f34e056f55a8f8a6c6f1f82995156101c7d4b1e",class:Z.container},i("td",{key:"9dad6ae33ac05a1e72281c81567fdc085b314be4",class:Z.heading,colSpan:F},e)),i("slot",{key:"9638537609d9ee09b077a8c8cceca50596cb0813",onSlotchange:this.handleDefaultSlotChange})))}get el(){return s(this)}};et.style=tt;export{K as calcite_list,Y as calcite_list_item,et as calcite_list_item_group};
+//# sourceMappingURL=p-5f67bc0c.entry.js.map

package/dist/calcite/p-60f2ebc3.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+import{d as e}from"./p-81a8f4c0.js";import"./p-2c99ffe4.js";import"./p-8f002581.js";import"./p-ed71fa1d.js";import"./p-db4d93fd.js";import"./p-5c700653.js";import"./p-d87cffea.js";import"./p-cd0e92b4.js";import"./p-141626e7.js";import"./p-561afd32.js";import"./p-953f312e.js";import"./p-f9b0742d.js";import"./p-756ee05a.js";import"./p-99ecc8bc.js";import"./p-97927874.js";import"./p-998886ff.js";import"./p-fd3e1697.js";import"./p-cbffb6ca.js";import"./p-3c53ef49.js";import"./p-0481b80a.js";var m={name:"es-mx",weekdays:"domingo_lunes_martes_miércoles_jueves_viernes_sábado".split("_"),weekdaysShort:"dom._lun._mar._mié._jue._vie._sáb.".split("_"),weekdaysMin:"do_lu_ma_mi_ju_vi_sá".split("_"),months:"enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"),monthsShort:"ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"),relativeTime:{future:"en %s",past:"hace %s",s:"unos segundos",m:"un minuto",mm:"%d minutos",h:"una hora",hh:"%d horas",d:"un día",dd:"%d días",M:"un mes",MM:"%d meses",y:"un año",yy:"%d años"},ordinal:function e(m){return m+"º"},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY H:mm",LLLL:"dddd, D [de] MMMM [de] YYYY H:mm"}};e.locale(m,null,true);export{m as default};
+//# sourceMappingURL=p-60f2ebc3.js.map

package/dist/calcite/p-614a94eb.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+import{r as t,c as i,f as e,h as s,H as o,g as a}from"./p-2c99ffe4.js";import{g as r}from"./p-e507f218.js";import{g as n,d as c,t as d}from"./p-ed71fa1d.js";import{c as h,d as l,H as f}from"./p-8f002581.js";import{g as u}from"./p-db4d93fd.js";import{u as p,I as b}from"./p-d87cffea.js";import{c as m,d as k,g as v}from"./p-141626e7.js";import{c as x,s as g,a as w}from"./p-953f312e.js";import"./p-5c700653.js";import"./p-561afd32.js";import"./p-f9b0742d.js";const y={container:"container"};const z=':host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;cursor:pointer}:host .container{position:relative;outline:2px solid transparent;outline-offset:2px}:host .radio{cursor:pointer;border-radius:9999px;background-color:var(--calcite-color-foreground-1);outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;box-shadow:inset 0 0 0 1px var(--calcite-color-border-input)}:host([hovered]) .radio,:host(:not([checked])[focused]:not([disabled])) .radio{box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}:host([focused]) .radio{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([disabled]) .radio{cursor:default;opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hovered][disabled]) .radio{box-shadow:inset 0 0 0 1px var(--calcite-color-border-input)}:host([scale=s]){--calcite-radio-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-radio-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-radio-size:var(--calcite-font-size-0)}.radio{block-size:var(--calcite-radio-size);max-inline-size:var(--calcite-radio-size);min-inline-size:var(--calcite-radio-size)}:host([scale=s][checked]) .radio,:host([hovered][scale=s][checked][disabled]) .radio{box-shadow:inset 0 0 0 4px var(--calcite-color-brand)}:host([scale=s][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 4px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1)}:host([scale=m][checked]) .radio,:host([hovered][scale=m][checked][disabled]) .radio{box-shadow:inset 0 0 0 5px var(--calcite-color-brand)}:host([scale=m][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 5px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1)}:host([scale=l][checked]) .radio,:host([hovered][scale=l][checked][disabled]) .radio{box-shadow:inset 0 0 0 6px var(--calcite-color-brand)}:host([scale=l][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 6px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1)}@media (forced-colors: active){:host([checked]) .radio::after,:host([checked][disabled]) .radio::after{content:"";inline-size:var(--calcite-radio-size);block-size:var(--calcite-radio-size);background-color:windowText;display:block}}::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}';const C=z;const A=class{constructor(e){t(this,e);this.calciteInternalRadioButtonBlur=i(this,"calciteInternalRadioButtonBlur",6);this.calciteRadioButtonChange=i(this,"calciteRadioButtonChange",6);this.calciteInternalRadioButtonCheckedChange=i(this,"calciteInternalRadioButtonCheckedChange",6);this.calciteInternalRadioButtonFocus=i(this,"calciteInternalRadioButtonFocus",6);this.selectItem=(t,i)=>{t[i].click()};this.queryButtons=()=>Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden])")).filter((t=>t.name===this.name));this.isFocusable=()=>{const t=this.queryButtons();const i=t.find((t=>!t.disabled));const e=t.find((t=>t.checked));return i===this.el&&!e};this.check=()=>{if(this.disabled){return}this.focused=true;this.setFocus();if(this.checked){return}this.uncheckAllRadioButtonsInGroup();this.checked=true;this.calciteRadioButtonChange.emit()};this.clickHandler=()=>{if(this.disabled){return}this.check()};this.setContainerEl=t=>{this.containerEl=t};this.handleKeyDown=t=>{const i=["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "];const{key:e}=t;const{el:s}=this;if(i.indexOf(e)===-1){return}if(e===" "){this.check();t.preventDefault();return}let o=e;if(n(s)==="rtl"){if(e==="ArrowRight"){o="ArrowLeft"}if(e==="ArrowLeft"){o="ArrowRight"}}const a=Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden])")).filter((t=>t.name===this.name));let c=0;const d=a.length;a.some(((t,i)=>{if(t.checked){c=i;return true}}));switch(o){case"ArrowLeft":case"ArrowUp":t.preventDefault();this.selectItem(a,r(Math.max(c-1,-1),d));return;case"ArrowRight":case"ArrowDown":t.preventDefault();this.selectItem(a,r(c+1,d));return;default:return}};this.onContainerBlur=()=>{this.focused=false;this.calciteInternalRadioButtonBlur.emit()};this.onContainerFocus=()=>{if(!this.disabled){this.focused=true;this.calciteInternalRadioButtonFocus.emit()}};this.checked=false;this.disabled=false;this.focused=false;this.form=undefined;this.guid=undefined;this.hovered=false;this.label=undefined;this.name=undefined;this.required=false;this.scale="m";this.value=undefined}handleHiddenChange(){this.updateTabIndexOfOtherRadioButtonsInGroup()}checkedChanged(t){if(t){this.uncheckOtherRadioButtonsInGroup()}this.calciteInternalRadioButtonCheckedChange.emit()}disabledChanged(){this.updateTabIndexOfOtherRadioButtonsInGroup()}nameChanged(){this.checkLastRadioButton()}async setFocus(){await x(this);if(!this.disabled){c(this.containerEl)}}syncHiddenFormInput(t){t.type="radio"}onLabelClick(t){if(this.disabled||this.el.hidden){return}const i=t.currentTarget;const e=i.for?this.rootNode.querySelector(`calcite-radio-button[id="${i.for}"]`):i.querySelector(`calcite-radio-button[name="${this.name}"]`);if(!e){return}e.focused=true;this.setFocus();if(e.checked){return}this.uncheckOtherRadioButtonsInGroup();e.checked=true;this.calciteRadioButtonChange.emit()}checkLastRadioButton(){const t=this.queryButtons();const i=t.filter((t=>t.checked));if(i?.length>1){const t=i[i.length-1];i.filter((i=>i!==t)).forEach((t=>{t.checked=false;t.emitCheckedChange()}))}}async emitCheckedChange(){this.calciteInternalRadioButtonCheckedChange.emit()}uncheckAllRadioButtonsInGroup(){const t=this.queryButtons();t.forEach((t=>{if(t.checked){t.checked=false;t.focused=false}}))}uncheckOtherRadioButtonsInGroup(){const t=this.queryButtons();const i=t.filter((t=>t.guid!==this.guid));i.forEach((t=>{if(t.checked){t.checked=false;t.focused=false}}))}updateTabIndexOfOtherRadioButtonsInGroup(){const t=this.queryButtons();const i=t.filter((t=>t.guid!==this.guid&&!t.disabled));i.forEach((t=>{e(t)}))}getTabIndex(){if(this.disabled){return undefined}return this.checked||this.isFocusable()?0:-1}pointerEnterHandler(){if(this.disabled){return}this.hovered=true}pointerLeaveHandler(){if(this.disabled){return}this.hovered=false}connectedCallback(){this.rootNode=this.el.getRootNode();this.guid=this.el.id||`calcite-radio-button-${u()}`;if(this.name){this.checkLastRadioButton()}m(this);h(this);this.updateTabIndexOfOtherRadioButtonsInGroup()}componentWillLoad(){g(this)}componentDidLoad(){w(this);if(this.focused&&!this.disabled){this.setFocus()}}disconnectedCallback(){k(this);l(this);this.updateTabIndexOfOtherRadioButtonsInGroup()}componentDidRender(){p(this)}render(){const t=this.getTabIndex();return s(o,{key:"c6f6852bbc5b988c8e5ff5b8496cd965b3d5c1e8",onClick:this.clickHandler,onKeyDown:this.handleKeyDown},s(b,{key:"7551752b8e2573277350c82e9e4a604c1a1187d9",disabled:this.disabled},s("div",{key:"6d864608ffb4b688c52f5d793865fd8098b1a306","aria-checked":d(this.checked),"aria-label":v(this),class:y.container,onBlur:this.onContainerBlur,onFocus:this.onContainerFocus,ref:this.setContainerEl,role:"radio",tabIndex:t},s("div",{key:"1ad02a7a21a4386252ea0e6b0adf81923ce2e748",class:"radio"})),s(f,{key:"de74aaa4b0f6a4e6d3b919e940fdf875932048c9",component:this})))}get el(){return a(this)}static get watchers(){return{hidden:["handleHiddenChange"],checked:["checkedChanged"],disabled:["disabledChanged"],name:["nameChanged"]}}};A.style=C;export{A as calcite_radio_button};
+//# sourceMappingURL=p-614a94eb.entry.js.map

package/dist/calcite/p-63152537.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+import{f as t,h as o}from"./p-2c99ffe4.js";import{g as e}from"./p-ed71fa1d.js";import{S as n}from"./p-7b43e067.js";import{S as c}from"./p-298b9558.js";const i=2;const a=t=>t.reduce(((t,o)=>t+o),0)/t.length;const s=t=>{const o=t.filter((t=>t.slot!==n.menuActions));const e=o?.length;return{actionWidth:e?a(o.map((t=>t.clientWidth||0))):0,actionHeight:e?a(o.map((t=>t.clientHeight||0))):0}};const l=({width:t,actionWidth:o,layout:e,height:n,actionHeight:c,groupCount:a})=>{const s=e==="horizontal"?t:n;const l=e==="horizontal"?o:c;return Math.floor((s-a*i)/l)};const r=({layout:t,actionCount:o,actionWidth:e,width:n,actionHeight:c,height:i,groupCount:a})=>Math.max(o-l({width:n,actionWidth:e,layout:t,height:i,actionHeight:c,groupCount:a}),0);const p=t=>Array.from(t.querySelectorAll("calcite-action")).filter((t=>t.closest("calcite-action-menu")?t.slot===c.trigger:true));const h=({actionGroups:o,expanded:e,overflowCount:c})=>{let i=c;o.reverse().forEach((o=>{let c=0;const a=p(o).reverse();a.forEach((t=>{if(t.slot===n.menuActions){t.removeAttribute("slot");t.textEnabled=e}}));if(i>0){a.some((t=>{const o=a.filter((t=>!t.slot));if(o.length>1&&a.length>2&&!t.closest("calcite-action-menu")){t.textEnabled=true;t.setAttribute("slot",n.menuActions);c++;if(c>1){i--}}return i<1}))}t(o)}))};const u={chevronsLeft:"chevrons-left",chevronsRight:"chevrons-right"};function f(t,o){return t||o.closest("calcite-shell-panel")?.position||"start"}function d({el:t,expanded:o}){p(t).filter((t=>t.slot!==n.menuActions)).forEach((t=>t.textEnabled=o));t.querySelectorAll("calcite-action-group, calcite-action-menu").forEach((t=>t.expanded=o))}const g=({tooltip:t,referenceElement:o,expanded:e,ref:n})=>{if(t){t.referenceElement=!e&&o?o:null}if(n){n(o)}return o};const m=({expanded:t,expandText:n,collapseText:c,expandLabel:i,collapseLabel:a,toggle:s,el:l,position:r,tooltip:p,ref:h,scale:d})=>{const m=e(l)==="rtl";const x=t?c:n;const b=t?a:i;const C=[u.chevronsLeft,u.chevronsRight];if(m){C.reverse()}const v=f(r,l)==="end";const j=v?C[1]:C[0];const w=v?C[0]:C[1];const y=o("calcite-action",{icon:t?j:w,id:"expand-toggle",label:b,onClick:s,ref:o=>g({tooltip:p,referenceElement:o,expanded:t,ref:h}),scale:d,text:x,textEnabled:t,title:!t&&!p?x:null});return y};export{m as E,r as a,s as g,h as o,p as q,d as t};
+//# sourceMappingURL=p-63152537.js.map

package/dist/calcite/p-63595b84.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+import{r as i,h as e,H as t,g as s}from"./p-2c99ffe4.js";import{e as n}from"./p-ed71fa1d.js";import"./p-db4d93fd.js";import"./p-5c700653.js";const o={valid:"check-circle",invalid:"exclamation-mark-triangle",idle:"information"};const c=":host{box-sizing:border-box;display:flex;block-size:auto;inline-size:100%;align-items:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);opacity:1;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;--calcite-input-message-spacing-value:0.25rem;margin-block-start:var(--calcite-input-message-spacing-value)}.calcite-input-message-icon{pointer-events:none;display:inline-flex;flex-shrink:0;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;margin-inline-end:0.5rem}:host([status=invalid]) .calcite-input-message-icon{color:var(--calcite-color-status-danger)}:host([status=warning]) .calcite-input-message-icon{color:var(--calcite-color-status-warning)}:host([status=valid]) .calcite-input-message-icon{color:var(--calcite-color-status-success)}:host([status=idle]) .calcite-input-message-icon{color:var(--calcite-color-brand)}:host([scale=s]){font-size:var(--calcite-font-size--3);line-height:0.75rem}:host([scale=m]){font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=l]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([hidden]){display:none}[hidden]{display:none}";const a=c;const l=class{constructor(e){i(this,e);this.icon=undefined;this.iconFlipRtl=false;this.scale="m";this.status="idle"}handleIconEl(){this.requestedIcon=n(o,this.icon,this.status)}connectedCallback(){this.requestedIcon=n(o,this.icon,this.status)}render(){const i=this.el.hidden;return e(t,{key:"05928715ef3020928c4c862f0bf160d67c195fa3","calcite-hydrated-hidden":i},this.renderIcon(this.requestedIcon),e("slot",{key:"7d30b28320f2a551dd6b006b9b7910d2bbcec2d3"}))}renderIcon(i){if(i){return e("calcite-icon",{class:"calcite-input-message-icon",flipRtl:this.iconFlipRtl,icon:i,scale:"s"})}}get el(){return s(this)}static get watchers(){return{status:["handleIconEl"],icon:["handleIconEl"]}}};l.style=a;export{l as calcite_input_message};
+//# sourceMappingURL=p-63595b84.entry.js.map

package/dist/calcite/p-642921dd.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+import{g as e,a as r}from"./p-3e7d6ad5.js";const o={CET:"Europe/Brussels",CST6CDT:"America/Chicago",EET:"Europe/Athens",EST:"America/Panama",EST5EDT:"America/New_York",HST:"Pacific/Honolulu",MET:"Europe/Brussels",MST:"America/Phoenix",MST7MDT:"America/Denver",PST8PDT:"America/Los_Angeles",WET:"Europe/Lisbon"};const s=(()=>{const r=Object.keys(o);return Object.keys(e()).filter((e=>!r.includes(e)))})();function c(e){const s=o[e];if(s){return s}const c=r(e);return c?.aliasOf??e}export{c as normalize,s as timeZones};
+//# sourceMappingURL=p-642921dd.js.map