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

package/dist/calcite/p-17b10f97.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/main/LICENSE.md for details.
+ * v2.9.0-next.20
+ */
+import{h as e,r as t,c as i,H as s,e as o,g as r}from"./p-e48d006d.js";import{s as n,k as a}from"./p-99726b90.js";import{c}from"./p-2fec90cc.js";import{g as l}from"./p-c26dde6d.js";import{c as h,d as p,n as d}from"./p-8e3a4720.js";import{c as m,s as u,d as b,u as f}from"./p-dd1ec8aa.js";import{c as g,u as y,d as v,I as z}from"./p-ae04d854.js";import{s as x,a as k,c as w}from"./p-bf0746a3.js";import"./p-57e21d44.js";import"./p-70c530fa.js";import"./p-c5966b3e.js";import"./p-ae81e665.js";const I={actionIcon:"action-icon",actionIconStart:"action-icon--start",actionIconEnd:"action-icon--end",actionContainer:"action-container",stepBarContainer:"step-bar-container",singleView:"single-view"};const C={stepBar:"step-bar",stepBarActive:"step-bar--active",stepBarComplete:"step-bar--complete",stepBarDisabled:"step-bar--disabled",stepBarError:"step-bar--error",stepBarInActive:"step-bar--inactive"};const S=({disabled:t,active:i,complete:s,error:o,key:r})=>e("svg",{class:{[C.stepBar]:true},key:r},e("rect",{class:{[C.stepBarActive]:i,[C.stepBarComplete]:s,[C.stepBarDisabled]:t,[C.stepBarError]:o,[C.stepBarInActive]:true},width:"100%",x:"0",y:"0"}));const A=':host([scale=s]){--calcite-internal-stepper-item-spacing-unit-s:0.25rem;--calcite-internal-stepper-action-block-size:2.75rem;--calcite-internal-stepper-action-inline-size:2rem;--calcite-internal-step-bar-gap:0.25rem}:host([scale=m]){--calcite-internal-stepper-item-spacing-unit-s:0.5rem;--calcite-internal-stepper-action-block-size:3.25rem;--calcite-internal-stepper-action-inline-size:2.5rem}:host([scale=l]){--calcite-internal-stepper-item-spacing-unit-s:0.75rem;--calcite-internal-stepper-action-block-size:4rem;--calcite-internal-stepper-action-inline-size:3rem;--calcite-internal-step-bar-gap:0.75rem}:host{display:flex}.container{position:relative;display:flex;inline-size:100%;min-inline-size:-moz-fit-content;min-inline-size:fit-content;flex-direction:row;flex-wrap:wrap;align-items:stretch;justify-content:space-between}:host([layout=vertical]) .container{flex:1 1 auto;flex-direction:column}:host([layout=horizontal]) .container,:host([layout=horizontal-single]) .container{display:grid;grid-template-areas:"items" "content";gap:0.5rem var(--calcite-internal-stepper-item-spacing-unit-s)}:host([layout=horizontal][scale=s]) .container,:host([layout=horizontal-single][scale=s]) .container{gap:0.25rem var(--calcite-internal-stepper-item-spacing-unit-s)}:host([layout=horizontal][scale=l]) .container,:host([layout=horizontal-single][scale=l]) .container{gap:0.75rem var(--calcite-internal-stepper-item-spacing-unit-s)}:host([layout=horizontal]) .container.single-view{display:flex;grid-template-columns:none}.action-icon{position:relative;display:flex;flex-grow:0;block-size:var(--calcite-internal-stepper-action-block-size);inline-size:var(--calcite-internal-stepper-action-inline-size)}.action-container{position:absolute;display:flex;justify-content:space-between;padding-block:0.25rem;inline-size:100%}.step-bar{display:flex;block-size:100%;inline-size:100%}.step-bar-container{position:absolute;display:flex;align-items:flex-start;justify-content:space-between;block-size:0.125rem;inline-size:100%;gap:var(--calcite-internal-step-bar-gap, 0.5rem)}.step-bar--inactive{fill:var(--calcite-color-border-3, #dfdfdf);fill-opacity:1;block-size:100%}.step-bar--active{fill:var(--calcite-color-brand)}.step-bar--complete{fill:var(--calcite-color-brand);fill-opacity:0.5}.step-bar--error{fill:var(--calcite-color-status-danger)}.step-bar--disabled{opacity:0.5}:host([hidden]){display:none}[hidden]{display:none}';const j=A;const P=class{constructor(e){t(this,e);this.calciteStepperChange=i(this,"calciteStepperChange",6);this.calciteStepperItemChange=i(this,"calciteStepperItemChange",6);this.calciteInternalStepperItemChange=i(this,"calciteInternalStepperItemChange",6);this.enabledItems=[];this.itemMap=new Map;this.items=[];this.mutationObserver=c("mutation",(()=>this.updateItems()));this.multipleViewMode=false;this.guid=`calcite-stepper-action-${l()}`;this.handleActionClick=e=>{const t=this.currentActivePosition;const i=e.target;if(i.getAttribute("data-position")==="start"){this.prevStep()}else{this.nextStep()}if(typeof this.currentActivePosition==="number"&&t!==this.currentActivePosition&&!this.items[this.currentActivePosition].disabled){this.emitItemSelect()}};this.setContainerEl=e=>{this.containerEl=e};this.handleDefaultSlotChange=e=>{const t=n(e).filter((e=>e?.tagName==="CALCITE-STEPPER-ITEM"));this.items=t;const i=Array(t.length).fill("1fr").join(" ");this.containerEl.style.gridTemplateAreas=i;this.containerEl.style.gridTemplateColumns=i;this.setStepperItemNumberingSystem()};this.icon=false;this.layout="horizontal";this.numbered=false;this.scale="m";this.messages=undefined;this.numberingSystem=undefined;this.selectedItem=null;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.currentActivePosition=undefined}handleItemPropChange(){this.updateItems();this.determineActiveStepper()}numberingSystemChange(){this.setStepperItemNumberingSystem()}onMessagesChange(){}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true});this.updateItems();m(this);h(this)}async componentWillLoad(){await u(this)}componentDidLoad(){if(typeof this.currentActivePosition!=="number"){const e=this.getFirstEnabledStepperPosition();if(e===0){this.currentActivePosition=e}this.calciteInternalStepperItemChange.emit({position:e})}}disconnectedCallback(){b(this);p(this);this.mutationObserver?.disconnect()}render(){return e(s,{key:"64d0ba01a4c261859d24330a991053e4d11a674d","aria-label":this.messages.label,role:"region"},e("div",{key:"f9d6ad9c23d0e184c56d1f0e55646371bf737773",class:{container:true,[I.singleView]:this.layout==="horizontal-single"},ref:this.setContainerEl},this.layout==="horizontal-single"&&e("div",{key:"8b3a6eae8e36b5a88ddeeca23e40707b4a846ff9",class:{[I.stepBarContainer]:true}},this.items.map(((t,i)=>e(S,{active:i===this.currentActivePosition,complete:t.complete&&i!==this.currentActivePosition&&!t.error,disabled:t.disabled&&i!==this.currentActivePosition,error:t.error&&i!==this.currentActivePosition,key:i})))),this.layout==="horizontal-single"&&e("div",{key:"c8ea14b7ac19b686d2e10300eeeaabeeab5080f0",class:{[I.actionContainer]:true}},this.renderAction("start"),this.renderAction("end")),e("slot",{key:"f1182fb35227c30969addd5890ea9f3906451194",onSlotchange:this.handleDefaultSlotChange})))}calciteInternalStepperItemKeyEvent(e){const t=e.detail.item;const i=e.target;switch(t.key){case"ArrowDown":case"ArrowRight":a(this.enabledItems,i,"next");break;case"ArrowUp":case"ArrowLeft":a(this.enabledItems,i,"previous");break;case"Home":a(this.enabledItems,i,"first");break;case"End":a(this.enabledItems,i,"last");break}e.stopPropagation()}registerItem(e){const t=e.target;const{content:i,position:s}=e.detail;this.itemMap.set(t,{position:s,content:i});this.enabledItems=this.filterItems();e.stopPropagation()}updateItem(e){const{position:t}=e.detail;if(typeof t==="number"){this.currentActivePosition=t;this.selectedItem=e.target}this.calciteInternalStepperItemChange.emit({position:t})}handleItemSelect(){this.emitItemSelect()}async nextStep(){const e=this.getEnabledStepIndex(this.currentActivePosition+1,"next");if(typeof e!=="number"){return}this.updateStep(e)}async prevStep(){const e=this.getEnabledStepIndex(this.currentActivePosition-1,"previous");if(typeof e!=="number"){return}this.updateStep(e)}async goToStep(e){const t=e-1;if(this.currentActivePosition!==t){this.updateStep(t)}}async startStep(){const e=this.getEnabledStepIndex(0,"next");if(typeof e!=="number"){return}this.updateStep(e)}async endStep(){const e=this.getEnabledStepIndex(this.items.length-1,"previous");if(typeof e!=="number"){return}this.updateStep(e)}effectiveLocaleChange(){f(this,this.effectiveLocale)}handlePositionChange(){o((()=>{this.determineActiveStepper()}))}emitItemSelect(){this.calciteStepperItemChange.emit();this.calciteStepperChange.emit()}updateItems(){this.el.querySelectorAll("calcite-stepper-item").forEach((e=>{e.icon=this.icon;e.numbered=this.numbered;e.layout=this.layout;e.scale=this.scale}))}determineActiveStepper(){const{items:e}=this;if(e.length<2){return}const{currentActivePosition:t,layout:i}=this;this.multipleViewMode=i!=="horizontal-single";e.forEach(((e,s)=>{e.hidden=i==="horizontal-single"&&s!==(t||0)}))}getEnabledStepIndex(e,t="next"){const{items:i,currentActivePosition:s}=this;let o=e;while(i[o]?.disabled&&this.layout!=="horizontal-single"){o=o+(t==="previous"?-1:1)}return o!==s&&o<i.length&&o>=0?o:null}updateStep(e){this.currentActivePosition=e;this.calciteInternalStepperItemChange.emit({position:e})}filterItems(){return this.items.filter((e=>!e.disabled))}setStepperItemNumberingSystem(){this.items.forEach((e=>{e.numberingSystem=this.numberingSystem}))}renderAction(t){const i=t==="start";const s=i?"chevron-left":"chevron-right";const{currentActivePosition:o,multipleViewMode:r,layout:n}=this;const a=this.items.length;const c=`${this.guid}-${i?"start":"end"}`;return n==="horizontal-single"&&!r?e("calcite-action",{alignment:"center",appearance:"transparent",class:{[I.actionIcon]:true},compact:true,"data-position":t,disabled:o===0&&i||o===a-1&&!i,icon:s,iconFlipRtl:true,id:c,onClick:this.handleActionClick,scale:this.scale,text:i?this.messages.previousStep:this.messages.nextStep}):null}getFirstEnabledStepperPosition(){const e=this.items.findIndex((e=>!e.disabled));if(e>-1){return e}return 0}static get assetsDirs(){return["assets"]}get el(){return r(this)}static get watchers(){return{icon:["handleItemPropChange"],layout:["handleItemPropChange"],numbered:["handleItemPropChange"],scale:["handleItemPropChange"],numberingSystem:["numberingSystemChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"],currentActivePosition:["handlePositionChange"]}}};P.style=j;const L={container:"container",stepperItemContent:"stepper-item-content",stepperItemDescription:"stepper-item-description",stepperItemHeader:"stepper-item-header",stepperItemHeading:"stepper-item-heading",stepperItemHeaderText:"stepper-item-header-text",stepperItemNumber:"stepper-item-number",visuallyHidden:"visually-hidden"};const E=":host([layout=horizontal][disabled]) .stepper-item-header,:host([layout=horizontal-single][disabled]) .stepper-item-header,:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([layout=horizontal][disabled]) .stepper-item-header *,:host([layout=horizontal-single][disabled]) .stepper-item-header *,:host([disabled]) *,:host([layout=horizontal][disabled]) .stepper-item-header ::slotted(*),:host([layout=horizontal-single][disabled]) .stepper-item-header ::slotted(*),:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]){--calcite-stepper-item-spacing-unit-s:0.25rem;--calcite-stepper-item-spacing-unit-m:0.75rem;--calcite-stepper-item-spacing-unit-l:1rem;--calcite-internal-stepper-action-inline-size:2rem;font-size:var(--calcite-font-size--1);line-height:1rem;margin-inline-end:0.25rem}:host([scale=s]) .stepper-item-description{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-stepper-item-spacing-unit-s:0.5rem;--calcite-stepper-item-spacing-unit-m:1rem;--calcite-stepper-item-spacing-unit-l:1.25rem;--calcite-internal-stepper-action-inline-size:2.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-inline-end:0.5rem}:host([scale=m]) .stepper-item-description{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-stepper-item-spacing-unit-s:0.75rem;--calcite-stepper-item-spacing-unit-m:1.25rem;--calcite-stepper-item-spacing-unit-l:1.5rem;--calcite-internal-stepper-action-inline-size:3rem;font-size:var(--calcite-font-size-1);line-height:1.5rem;margin-inline-end:0.75rem}:host([scale=l]) .stepper-item-description{font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:flex;flex-grow:1;flex-direction:column;align-self:flex-start;margin-block-end:var(--calcite-stepper-item-spacing-unit-s)}:host .container{position:relative;display:flex;flex-grow:1;cursor:pointer;flex-direction:column;border-width:0px;border-block-start-width:2px;border-style:solid;border-color:var(--calcite-color-border-3);color:var(--calcite-color-text-3);text-decoration-line:none;outline:2px solid transparent;outline-offset:2px;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host{outline-color:transparent}:host(: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 .stepper-item-header{display:flex;cursor:pointer;align-items:flex-start}:host .stepper-item-content,:host .stepper-item-header{transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);padding-block:var(--calcite-stepper-item-spacing-unit-l);padding-inline-end:var(--calcite-stepper-item-spacing-unit-m);text-align:start}:host .stepper-item-header *{display:inline-flex;align-items:center;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .stepper-item-content{display:none;inline-size:100%;flex-direction:column;font-size:var(--calcite-font-size--2);line-height:1.375}:host .stepper-item-icon{margin-inline-end:var(--calcite-stepper-item-spacing-unit-m);margin-block-start:1px;display:inline-flex;block-size:0.75rem;flex-shrink:0;align-self:flex-start;color:var(--calcite-color-text-3);opacity:var(--calcite-opacity-disabled);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .stepper-item-header-text{flex-direction:column;text-align:initial;margin-inline-end:auto}:host .stepper-item-heading,:host .stepper-item-description{display:flex;inline-size:100%}:host .stepper-item-heading{margin-block-end:0.25rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2)}:host .stepper-item-description{color:var(--calcite-color-text-3)}:host .stepper-item-number{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-3);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline-end:var(--calcite-stepper-item-spacing-unit-m)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([complete]) .container .stepper-item-icon{color:var(--calcite-color-brand)}:host([error]) .container{border-block-start-color:var(--calcite-color-status-danger)}:host([error]) .container .stepper-item-number{color:var(--calcite-color-status-danger)}:host([error]) .container .stepper-item-icon{opacity:1;color:var(--calcite-color-status-danger)}:host(:hover:not([disabled]):not([selected])) .container,:host(:focus:not([disabled]):not([selected])) .container{border-block-start-color:var(--calcite-color-brand)}:host(:hover:not([disabled]):not([selected])) .container .stepper-item-heading,:host(:focus:not([disabled]):not([selected])) .container .stepper-item-heading{color:var(--calcite-color-text-1)}:host(:hover:not([disabled]):not([selected])) .container .stepper-item-description,:host(:focus:not([disabled]):not([selected])) .container .stepper-item-description{color:var(--calcite-color-text-2)}:host([error]:hover:not([disabled]):not([selected])) .container,:host([error]:focus:not([disabled]):not([selected])) .container{border-block-start-color:var(--calcite-color-status-danger-hover)}:host([selected]) .container{border-block-start-color:var(--calcite-color-brand)}:host([selected]) .container .stepper-item-heading{color:var(--calcite-color-text-1)}:host([selected]) .container .stepper-item-description{color:var(--calcite-color-text-2)}:host([selected]) .container .stepper-item-number{color:var(--calcite-color-brand)}:host([selected]) .container .stepper-item-icon{color:var(--calcite-color-brand);opacity:1}:host([selected]) .container .stepper-item-content{display:flex}:host([layout=vertical]) .container{margin-inline:0px;margin-block-start:0px;flex:1 1 auto;border-block-start-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px;border-inline-start-width:2px;padding-inline-start:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]) .container .stepper-item-icon{order:3;margin-block:1px 0px;padding-inline-start:var(--calcite-stepper-item-spacing-unit-s);margin-inline-start:auto}:host([layout=vertical]) .container .stepper-item-header{padding-inline-end:0px}:host([layout=vertical]) .container .stepper-item-content{padding:0px}:host([layout=vertical][complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][complete]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical][complete]:focus:not([disabled]):not([selected])) .container{border-color:var(--calcite-color-brand)}:host([layout=vertical][error]) .container{border-color:var(--calcite-color-status-danger)}:host([layout=vertical][selected]) .container{border-color:var(--calcite-color-brand)}:host([layout=vertical][selected]) .container .stepper-item-content:not(:empty){margin-block-end:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical]:focus:not([disabled]):not([selected])) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][error]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical][error]:focus:not([disabled]):not([selected])) .container{border-color:var(--calcite-color-status-danger-hover)}:host([layout=horizontal]),:host([layout=horizontal-single]){display:contents}:host([layout=horizontal]) .container,:host([layout=horizontal-single]) .container{display:contents}:host([layout=horizontal]) .stepper-item-header,:host([layout=horizontal-single]) .stepper-item-header{border-width:0px;border-block-start-width:2px;border-style:solid;border-color:var(--calcite-color-border-3);outline-color:transparent;grid-row:items}:host([layout=horizontal]) .stepper-item-header:focus,:host([layout=horizontal-single]) .stepper-item-header:focus{transition-duration:0s;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([layout=horizontal]) .stepper-item-content,:host([layout=horizontal-single]) .stepper-item-content{cursor:auto;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);padding-block:0;padding-inline-end:var(--calcite-stepper-item-spacing-unit-m);text-align:start}:host([layout=vertical]) .stepper-item-header:focus{transition-duration:0s}:host([layout=horizontal-single]) .stepper-item-header{grid-area:1/1/1/-1}:host([layout=horizontal]) .stepper-item-content,:host([layout=horizontal-single]) .stepper-item-content{grid-area:2/1/2/-1}:host([layout=horizontal][complete]) .stepper-item-header,:host([layout=horizontal-single][complete]) .stepper-item-header{border-color:rgba(0, 122, 194, 0.5)}:host([layout=horizontal][complete]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal][complete]:focus:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal-single][complete]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal-single][complete]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:var(--calcite-color-brand)}:host([layout=horizontal][error]) .stepper-item-header,:host([layout=horizontal-single][error]) .stepper-item-header{border-color:var(--calcite-color-status-danger)}:host([layout=horizontal][selected]) .stepper-item-header,:host([layout=horizontal-single][selected]) .stepper-item-header{border-color:var(--calcite-color-brand)}:host([layout=horizontal]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal]:focus:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal-single]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal-single]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:rgba(0, 122, 194, 0.5)}:host([layout=horizontal][error]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal][error]:focus:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal-single][error]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal-single][error]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:var(--calcite-color-status-danger-hover)}@media (forced-colors: active){:host .container{outline-width:0;outline-offset:0}:host(:focus),:host(:focus-visible){outline-color:canvasText}:host([selected]) .container{border-block-start-color:highlight}:host([selected]) .container .stepper-item-number{color:highlight}:host([selected]) .container .stepper-item-icon{color:highlight}:host([layout=vertical][selected]) .container{border-color:highlight}}:host([layout=horizontal-single]) .stepper-item-header{margin-inline-end:0px;box-sizing:border-box;border-style:none;inline-size:100%;padding-inline:calc(var(--calcite-internal-stepper-action-inline-size) + 0.5rem)}:host([layout=horizontal-single][error]) .container .stepper-item-number{color:var(--calcite-color-status-danger)}:host([layout=horizontal-single][error]) .container .stepper-item-icon{opacity:1;color:var(--calcite-color-status-danger)}:host([layout=horizontal-single][error][selected]),:host([layout=horizontal-single][complete][selected]) .container{color:var(--calcite-color-text-3)}:host([layout=horizontal-single][error][selected]) .stepper-item-heading,:host([layout=horizontal-single][complete][selected]) .container .stepper-item-heading{color:var(--calcite-color-text-2)}:host([layout=horizontal-single][complete][selected]) .container .stepper-item-icon{opacity:var(--calcite-opacity-disabled)}:host([layout=horizontal-single][complete][selected]) .container .stepper-item-number{color:var(--calcite-color-text-3)}.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}:host([hidden]){display:none}[hidden]{display:none}";const D=E;const H=class{constructor(e){t(this,e);this.calciteInternalStepperItemKeyEvent=i(this,"calciteInternalStepperItemKeyEvent",6);this.calciteInternalStepperItemSelect=i(this,"calciteInternalStepperItemSelect",6);this.calciteInternalStepperItemRegister=i(this,"calciteInternalStepperItemRegister",6);this.calciteStepperItemSelect=i(this,"calciteStepperItemSelect",6);this.keyDownHandler=e=>{if(!this.disabled&&e.target===this.el){switch(e.key){case" ":case"Enter":this.emitUserRequestedItem();e.preventDefault();break;case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":case"Home":case"End":this.calciteInternalStepperItemKeyEvent.emit({item:e});e.preventDefault();break}}};this.handleItemClick=e=>{if(this.disabled||this.layout==="horizontal"&&e.composedPath().some((e=>e.classList?.contains("stepper-item-content")))){return}this.emitUserRequestedItem()};this.emitUserRequestedItem=()=>{this.emitRequestedItem();if(!this.disabled){this.calciteStepperItemSelect.emit()}};this.emitRequestedItem=()=>{if(!this.disabled){const e=this.itemPosition;this.calciteInternalStepperItemSelect.emit({position:e})}};this.selected=false;this.complete=false;this.error=false;this.disabled=false;this.heading=undefined;this.description=undefined;this.iconFlipRtl=false;this.numberingSystem=undefined;this.icon=false;this.layout=undefined;this.messages=undefined;this.numbered=false;this.scale="m";this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}selectedHandler(){if(this.selected){this.emitRequestedItem()}}disabledWatcher(){this.registerStepperItem()}onMessagesChange(){}effectiveLocaleWatcher(e){d.numberFormatOptions={locale:e,numberingSystem:this.numberingSystem,useGrouping:false};f(this,this.effectiveLocale)}connectedCallback(){g(this);h(this);m(this)}async componentWillLoad(){x(this);this.parentStepperEl=this.el.parentElement;this.itemPosition=this.getItemPosition();this.registerStepperItem();if(this.selected){this.emitRequestedItem()}await u(this)}componentDidLoad(){k(this)}componentDidRender(){y(this)}disconnectedCallback(){v(this);p(this);b(this)}render(){return e(s,{key:"7e1676213fd9ea5ca92d3ba9448d46f10b03d274","aria-current":this.selected?"step":"false",onClick:this.handleItemClick,onKeyDown:this.keyDownHandler,tabIndex:this.disabled?-1:0},e(z,{key:"5f04c2ff5d5434557f2cd93fb2cbcef74cf11066",disabled:this.disabled},e("div",{key:"1695f8538c9fa37be7a35a8e540a696544b78f96",class:L.container},this.complete&&e("span",{key:"d01e2ed0841fcbd130f35c794d034b8cc60981ab","aria-live":"polite",class:L.visuallyHidden},this.messages.complete),e("div",{key:"74f3420af394eae3edb8dadd5f04acdbf57ce24b",class:L.stepperItemHeader,ref:e=>this.headerEl=e,tabIndex:this.layout==="horizontal"&&!this.disabled?0:null},this.icon?this.renderIcon():null,this.numbered?e("div",{class:L.stepperItemNumber},this.renderNumbers(),"."):null,e("div",{key:"dbdb6b16f627bd603d08e8110b7d14216b6e3d0e",class:L.stepperItemHeaderText},e("span",{key:"db672b9568fc093b87bf95455aa6e2991eec4602",class:L.stepperItemHeading},this.heading),e("span",{key:"2d9c14e1dc57c3620911f1b17c18a5c0ba432d87",class:L.stepperItemDescription},this.description))),e("div",{key:"e687eda9cbe53f0bbf9c72e22a0a3e092df40e8e",class:L.stepperItemContent},e("slot",{key:"04000d35a912a8fdc19f5edc5e6761a0fbbbf0b8"})))))}updateActiveItemOnChange(e){if(e.target===this.parentStepperEl||e.composedPath().includes(this.parentStepperEl)){this.selectedPosition=e.detail.position;this.determineSelectedItem()}}async setFocus(){await w(this);(this.layout==="vertical"?this.el:this.headerEl)?.focus()}renderIcon(){let t="circle";if(this.selected&&(this.layout!=="horizontal-single"||!this.error&&!this.complete)){t="circleF"}else if(this.error){t="exclamationMarkCircleF"}else if(this.complete){t="checkCircleF"}return e("calcite-icon",{class:"stepper-item-icon",flipRtl:this.iconFlipRtl,icon:t,scale:"s"})}determineSelectedItem(){this.selected=!this.disabled&&this.itemPosition===this.selectedPosition}registerStepperItem(){this.calciteInternalStepperItemRegister.emit({position:this.itemPosition})}getItemPosition(){return Array.from(this.parentStepperEl?.querySelectorAll("calcite-stepper-item")).indexOf(this.el)}renderNumbers(){d.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:false};return d.numberFormatter.format(this.itemPosition+1)}static get assetsDirs(){return["assets"]}get el(){return r(this)}static get watchers(){return{selected:["selectedHandler"],disabled:["disabledWatcher"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleWatcher"]}}};H.style=D;export{P as calcite_stepper,H as calcite_stepper_item};
+//# sourceMappingURL=p-17b10f97.entry.js.map

package/dist/calcite/p-17b10f97.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","actionIcon","actionIconStart","actionIconEnd","actionContainer","stepBarContainer","singleView","stepBar","stepBarActive","stepBarComplete","stepBarDisabled","stepBarError","stepBarInActive","StepBar","disabled","active","complete","error","key","h","class","width","x","y","stepperCss","CalciteStepperStyle0","Stepper","this","enabledItems","itemMap","Map","items","mutationObserver","createObserver","updateItems","multipleViewMode","guid","handleActionClick","event","currentActivePosition","target","getAttribute","prevStep","nextStep","emitItemSelect","setContainerEl","el","containerEl","handleDefaultSlotChange","slotChangeGetAssignedElements","filter","tagName","spacing","Array","length","fill","join","style","gridTemplateAreas","gridTemplateColumns","setStepperItemNumberingSystem","handleItemPropChange","determineActiveStepper","numberingSystemChange","onMessagesChange","connectedCallback","observe","childList","connectMessages","connectLocalized","componentWillLoad","setUpMessages","componentDidLoad","enabledStepIndex","getFirstEnabledStepperPosition","calciteInternalStepperItemChange","emit","position","disconnectedCallback","disconnectMessages","disconnectLocalized","disconnect","render","Host","messages","label","role","container","layout","ref","map","item","index","renderAction","onSlotchange","calciteInternalStepperItemKeyEvent","detail","itemToFocus","focusElementInGroup","stopPropagation","registerItem","content","set","filterItems","updateItem","selectedItem","handleItemSelect","getEnabledStepIndex","updateStep","goToStep","step","startStep","endStep","effectiveLocaleChange","updateMessages","effectiveLocale","handlePositionChange","readTask","calciteStepperItemChange","calciteStepperChange","querySelectorAll","forEach","icon","numbered","scale","hidden","startIndex","direction","newIndex","numberingSystem","isPositionStart","path","totalItems","id","alignment","appearance","compact","iconFlipRtl","onClick","text","previousStep","findIndex","stepperItemContent","stepperItemDescription","stepperItemHeader","stepperItemHeading","stepperItemHeaderText","stepperItemNumber","visuallyHidden","stepperItemCss","CalciteStepperItemStyle0","StepperItem","keyDownHandler","emitUserRequestedItem","preventDefault","handleItemClick","composedPath","some","classList","contains","emitRequestedItem","calciteStepperItemSelect","itemPosition","calciteInternalStepperItemSelect","selectedHandler","selected","disabledWatcher","registerStepperItem","effectiveLocaleWatcher","locale","numberStringFormatter","numberFormatOptions","useGrouping","connectInteractive","setUpLoadableComponent","parentStepperEl","parentElement","getItemPosition","setComponentLoaded","componentDidRender","updateHostInteraction","disconnectInteractive","onKeyDown","tabIndex","InteractiveContainer","headerEl","renderIcon","renderNumbers","heading","description","updateActiveItemOnChange","includes","selectedPosition","determineSelectedItem","setFocus","componentFocusable","focus","flipRtl","calciteInternalStepperItemRegister","from","indexOf","numberFormatter","format"],"sources":["src/components/stepper/resources.ts","src/components/stepper/functional/step-bar.tsx","src/components/stepper/stepper.scss?tag=calcite-stepper&encapsulation=shadow","src/components/stepper/stepper.tsx","src/components/stepper-item/resources.ts","src/components/stepper-item/stepper-item.scss?tag=calcite-stepper-item&encapsulation=shadow","src/components/stepper-item/stepper-item.tsx"],"sourcesContent":["export const CSS = {\n  actionIcon: \"action-icon\",\n  actionIconStart: \"action-icon--start\",\n  actionIconEnd: \"action-icon--end\",\n  actionContainer: \"action-container\",\n  stepBarContainer: \"step-bar-container\",\n  singleView: \"single-view\",\n};\n","import { FunctionalComponent, h } from \"@stencil/core\";\n\ninterface StepBarProps {\n  active: boolean;\n  complete: boolean;\n  error: boolean;\n  disabled: boolean;\n  key: number;\n}\n\nexport const CSS = {\n  stepBar: \"step-bar\",\n  stepBarActive: \"step-bar--active\",\n  stepBarComplete: \"step-bar--complete\",\n  stepBarDisabled: \"step-bar--disabled\",\n  stepBarError: \"step-bar--error\",\n  stepBarInActive: \"step-bar--inactive\",\n};\n\nexport const StepBar: FunctionalComponent<StepBarProps> = ({\n  disabled,\n  active,\n  complete,\n  error,\n  key,\n}) => (\n  <svg\n    class={{\n      [CSS.stepBar]: true,\n    }}\n    key={key}\n  >\n    <rect\n      class={{\n        [CSS.stepBarActive]: active,\n        [CSS.stepBarComplete]: complete,\n        [CSS.stepBarDisabled]: disabled,\n        [CSS.stepBarError]: error,\n        [CSS.stepBarInActive]: true,\n      }}\n      width=\"100%\"\n      x=\"0\"\n      y=\"0\"\n    />\n  </svg>\n);\n",":host([scale=\"s\"]) {\n  --calcite-internal-stepper-item-spacing-unit-s: theme(\"spacing.1\");\n  --calcite-internal-stepper-action-block-size: theme(\"spacing.11\");\n  --calcite-internal-stepper-action-inline-size: theme(\"spacing.8\");\n  --calcite-internal-step-bar-gap: theme(\"spacing.1\");\n}\n\n:host([scale=\"m\"]) {\n  --calcite-internal-stepper-item-spacing-unit-s: theme(\"spacing.2\");\n  --calcite-internal-stepper-action-block-size: theme(\"spacing.13\");\n  --calcite-internal-stepper-action-inline-size: theme(\"spacing.10\");\n}\n\n:host([scale=\"l\"]) {\n  --calcite-internal-stepper-item-spacing-unit-s: theme(\"spacing.3\");\n  --calcite-internal-stepper-action-block-size: theme(\"spacing.16\");\n  --calcite-internal-stepper-action-inline-size: theme(\"spacing.12\");\n  --calcite-internal-step-bar-gap: theme(\"spacing.3\");\n}\n\n:host {\n  @apply flex;\n}\n\n.container {\n  @apply relative\n    flex\n    w-full\n    min-w-fit\n    flex-row\n    flex-wrap\n    items-stretch\n    justify-between;\n}\n\n:host([layout=\"vertical\"]) .container {\n  @apply flex-auto flex-col;\n}\n\n:host([layout=\"horizontal\"]),\n:host([layout=\"horizontal-single\"]) {\n  .container {\n    display: grid;\n    // grid-templates-columns are dynamically generated\n    // grid-templates-rows are dynamically generated\n    grid-template-areas:\n      \"items\"\n      \"content\";\n    gap: theme(\"spacing.2\") var(--calcite-internal-stepper-item-spacing-unit-s);\n  }\n}\n\n:host([layout=\"horizontal\"][scale=\"s\"]),\n:host([layout=\"horizontal-single\"][scale=\"s\"]) {\n  .container {\n    gap: theme(\"spacing.1\") var(--calcite-internal-stepper-item-spacing-unit-s);\n  }\n}\n\n:host([layout=\"horizontal\"][scale=\"l\"]),\n:host([layout=\"horizontal-single\"][scale=\"l\"]) {\n  .container {\n    gap: theme(\"spacing.3\") var(--calcite-internal-stepper-item-spacing-unit-s);\n  }\n}\n\n:host([layout=\"horizontal\"]) .container.single-view {\n  @apply flex  grid-cols-none;\n}\n\n.action-icon {\n  @apply flex relative grow-0;\n  block-size: var(--calcite-internal-stepper-action-block-size);\n  inline-size: var(--calcite-internal-stepper-action-inline-size);\n}\n\n.action-container {\n  @apply absolute flex justify-between;\n  padding-block: 0.25rem;\n  inline-size: 100%;\n}\n\n@mixin stepBar {\n  .step-bar {\n    @apply flex;\n    block-size: 100%;\n    inline-size: 100%;\n  }\n\n  .step-bar-container {\n    @apply flex absolute justify-between items-start;\n    block-size: 0.125rem;\n    inline-size: 100%;\n    gap: var(--calcite-internal-step-bar-gap, 0.5rem);\n  }\n\n  .step-bar--inactive {\n    fill: var(--calcite-color-border-3, #dfdfdf);\n    fill-opacity: 1;\n    block-size: 100%;\n  }\n\n  .step-bar--active {\n    fill: var(--calcite-color-brand);\n  }\n\n  .step-bar--complete {\n    fill: var(--calcite-color-brand);\n    fill-opacity: 0.5;\n  }\n\n  .step-bar--error {\n    fill: var(--calcite-color-status-danger);\n  }\n\n  .step-bar--disabled {\n    opacity: 0.5;\n  }\n}\n\n@include stepBar();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n  readTask,\n} from \"@stencil/core\";\nimport { focusElementInGroup, slotChangeGetAssignedElements } from \"../../utils/dom\";\nimport { Position, Scale } from \"../interfaces\";\nimport { createObserver } from \"../../utils/observers\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  LocalizedComponent,\n  NumberingSystem,\n} from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { CSS } from \"./resources\";\nimport { StepBar } from \"./functional/step-bar\";\nimport {\n  StepperItemChangeEventDetail,\n  StepperItemKeyEventDetail,\n  StepperLayout,\n} from \"./interfaces\";\nimport { StepperMessages } from \"./assets/stepper/t9n\";\n\n/**\n * @slot - A slot for adding `calcite-stepper-item` elements.\n */\n@Component({\n  tag: \"calcite-stepper\",\n  styleUrl: \"stepper.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Stepper implements LocalizedComponent, T9nComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, displays a status icon in the `calcite-stepper-item` heading. */\n  @Prop({ reflect: true }) icon = false;\n\n  /** Defines the layout of the component. */\n  @Prop({ reflect: true }) layout: StepperLayout = \"horizontal\";\n\n  /** When `true`, displays the step number in the `calcite-stepper-item` heading. */\n  @Prop({ reflect: true }) numbered = false;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  @Watch(\"icon\")\n  @Watch(\"layout\")\n  @Watch(\"numbered\")\n  @Watch(\"scale\")\n  handleItemPropChange(): void {\n    this.updateItems();\n    this.determineActiveStepper();\n  }\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: StepperMessages;\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization.\n   */\n  @Prop({ reflect: true }) numberingSystem?: NumberingSystem;\n\n  @Watch(\"numberingSystem\")\n  numberingSystemChange(): void {\n    this.setStepperItemNumberingSystem();\n  }\n\n  /**\n   * Specifies the component's selected item.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItem: HTMLCalciteStepperItemElement = null;\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<StepperMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the active `calcite-stepper-item` changes.\n   *\n   */\n  @Event({ cancelable: false }) calciteStepperChange: EventEmitter<void>;\n\n  /**\n   * Fires when the active `calcite-stepper-item` changes.\n   *\n   * @deprecated use `calciteStepperChange` instead or `calciteStepperItemChange` on items instead.\n   */\n  @Event({ cancelable: false }) calciteStepperItemChange: EventEmitter<void>;\n\n  /**\n   * Fires when the active `calcite-stepper-item` changes.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteInternalStepperItemChange: EventEmitter<StepperItemChangeEventDetail>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.mutationObserver?.observe(this.el, { childList: true });\n    this.updateItems();\n    connectMessages(this);\n    connectLocalized(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    // if no stepper items are set as active, default to the first one\n    if (typeof this.currentActivePosition !== \"number\") {\n      const enabledStepIndex = this.getFirstEnabledStepperPosition();\n\n      if (enabledStepIndex === 0) {\n        this.currentActivePosition = enabledStepIndex;\n      }\n\n      this.calciteInternalStepperItemChange.emit({\n        position: enabledStepIndex,\n      });\n    }\n  }\n\n  disconnectedCallback(): void {\n    disconnectMessages(this);\n    disconnectLocalized(this);\n    this.mutationObserver?.disconnect();\n  }\n\n  render(): VNode {\n    return (\n      <Host aria-label={this.messages.label} role=\"region\">\n        <div\n          class={{ container: true, [CSS.singleView]: this.layout === \"horizontal-single\" }}\n          ref={this.setContainerEl}\n        >\n          {this.layout === \"horizontal-single\" && (\n            <div class={{ [CSS.stepBarContainer]: true }}>\n              {this.items.map((item, index) => (\n                <StepBar\n                  active={index === this.currentActivePosition}\n                  complete={item.complete && index !== this.currentActivePosition && !item.error}\n                  disabled={item.disabled && index !== this.currentActivePosition}\n                  error={item.error && index !== this.currentActivePosition}\n                  key={index}\n                />\n              ))}\n            </div>\n          )}\n          {this.layout === \"horizontal-single\" && (\n            <div class={{ [CSS.actionContainer]: true }}>\n              {this.renderAction(\"start\")}\n              {this.renderAction(\"end\")}\n            </div>\n          )}\n          <slot onSlotchange={this.handleDefaultSlotChange} />\n        </div>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalStepperItemKeyEvent\")\n  calciteInternalStepperItemKeyEvent(event: CustomEvent<StepperItemKeyEventDetail>): void {\n    const item = event.detail.item;\n    const itemToFocus = event.target as HTMLCalciteStepperItemElement;\n\n    switch (item.key) {\n      case \"ArrowDown\":\n      case \"ArrowRight\":\n        focusElementInGroup(this.enabledItems, itemToFocus, \"next\");\n        break;\n      case \"ArrowUp\":\n      case \"ArrowLeft\":\n        focusElementInGroup(this.enabledItems, itemToFocus, \"previous\");\n        break;\n      case \"Home\":\n        focusElementInGroup(this.enabledItems, itemToFocus, \"first\");\n        break;\n      case \"End\":\n        focusElementInGroup(this.enabledItems, itemToFocus, \"last\");\n        break;\n    }\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalStepperItemRegister\")\n  registerItem(event: CustomEvent): void {\n    const item = event.target as HTMLCalciteStepperItemElement;\n    const { content, position } = event.detail;\n\n    this.itemMap.set(item, { position, content });\n    this.enabledItems = this.filterItems();\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalStepperItemSelect\")\n  updateItem(event: CustomEvent): void {\n    const { position } = event.detail;\n    if (typeof position === \"number\") {\n      this.currentActivePosition = position;\n      this.selectedItem = event.target as HTMLCalciteStepperItemElement;\n    }\n\n    this.calciteInternalStepperItemChange.emit({\n      position,\n    });\n  }\n\n  @Listen(\"calciteStepperItemSelect\")\n  handleItemSelect(): void {\n    this.emitItemSelect();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Set the next `calcite-stepper-item` as active. */\n  @Method()\n  async nextStep(): Promise<void> {\n    const enabledStepIndex = this.getEnabledStepIndex(this.currentActivePosition + 1, \"next\");\n\n    if (typeof enabledStepIndex !== \"number\") {\n      return;\n    }\n\n    this.updateStep(enabledStepIndex);\n  }\n\n  /** Set the previous `calcite-stepper-item` as active. */\n  @Method()\n  async prevStep(): Promise<void> {\n    const enabledStepIndex = this.getEnabledStepIndex(this.currentActivePosition - 1, \"previous\");\n\n    if (typeof enabledStepIndex !== \"number\") {\n      return;\n    }\n\n    this.updateStep(enabledStepIndex);\n  }\n\n  /**\n   * Set a specified `calcite-stepper-item` as active.\n   *\n   * @param step\n   */\n  @Method()\n  async goToStep(step: number): Promise<void> {\n    const position = step - 1;\n\n    if (this.currentActivePosition !== position) {\n      this.updateStep(position);\n    }\n  }\n\n  /** Set the first `calcite-stepper-item` as active. */\n  @Method()\n  async startStep(): Promise<void> {\n    const enabledStepIndex = this.getEnabledStepIndex(0, \"next\");\n\n    if (typeof enabledStepIndex !== \"number\") {\n      return;\n    }\n\n    this.updateStep(enabledStepIndex);\n  }\n\n  /** Set the last `calcite-stepper-item` as active. */\n  @Method()\n  async endStep(): Promise<void> {\n    const enabledStepIndex = this.getEnabledStepIndex(this.items.length - 1, \"previous\");\n\n    if (typeof enabledStepIndex !== \"number\") {\n      return;\n    }\n\n    this.updateStep(enabledStepIndex);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteStepperElement;\n\n  @State() defaultMessages: StepperMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() currentActivePosition: number;\n\n  @Watch(\"currentActivePosition\")\n  handlePositionChange(): void {\n    readTask((): void => {\n      this.determineActiveStepper();\n    });\n  }\n\n  private enabledItems: HTMLCalciteStepperItemElement[] = [];\n\n  private itemMap = new Map<HTMLCalciteStepperItemElement, { position: number; content: Node[] }>();\n\n  private items: HTMLCalciteStepperItemElement[] = [];\n\n  private mutationObserver = createObserver(\"mutation\", () => this.updateItems());\n\n  /** Specifies if the user is viewing one `stepper-item` at a time when the page width is less than sum of min-width of each item. */\n  private multipleViewMode = false;\n\n  private guid = `calcite-stepper-action-${guid()}`;\n\n  private containerEl: HTMLDivElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private emitItemSelect(): void {\n    this.calciteStepperItemChange.emit();\n    this.calciteStepperChange.emit();\n  }\n\n  private updateItems(): void {\n    this.el.querySelectorAll(\"calcite-stepper-item\").forEach((item) => {\n      item.icon = this.icon;\n      item.numbered = this.numbered;\n      item.layout = this.layout;\n      item.scale = this.scale;\n    });\n  }\n\n  private determineActiveStepper(): void {\n    const { items } = this;\n\n    if (items.length < 2) {\n      return;\n    }\n\n    const { currentActivePosition, layout } = this;\n\n    this.multipleViewMode = layout !== \"horizontal-single\";\n    items.forEach((item, index) => {\n      item.hidden = layout === \"horizontal-single\" && index !== (currentActivePosition || 0);\n    });\n  }\n\n  private getEnabledStepIndex(\n    startIndex: number,\n    direction: \"next\" | \"previous\" = \"next\",\n  ): number | null {\n    const { items, currentActivePosition } = this;\n\n    let newIndex = startIndex;\n\n    while (items[newIndex]?.disabled && this.layout !== \"horizontal-single\") {\n      newIndex = newIndex + (direction === \"previous\" ? -1 : 1);\n    }\n\n    return newIndex !== currentActivePosition && newIndex < items.length && newIndex >= 0\n      ? newIndex\n      : null;\n  }\n\n  private updateStep(position: number): void {\n    this.currentActivePosition = position;\n    this.calciteInternalStepperItemChange.emit({\n      position,\n    });\n  }\n\n  private filterItems(): HTMLCalciteStepperItemElement[] {\n    return this.items.filter((item) => !item.disabled);\n  }\n\n  private setStepperItemNumberingSystem(): void {\n    this.items.forEach((item: HTMLCalciteStepperItemElement) => {\n      item.numberingSystem = this.numberingSystem;\n    });\n  }\n\n  private renderAction(position: Position): VNode {\n    const isPositionStart = position === \"start\";\n    const path = isPositionStart ? \"chevron-left\" : \"chevron-right\";\n    const { currentActivePosition, multipleViewMode, layout } = this;\n    const totalItems = this.items.length;\n    const id = `${this.guid}-${isPositionStart ? \"start\" : \"end\"}`;\n\n    return layout === \"horizontal-single\" && !multipleViewMode ? (\n      <calcite-action\n        alignment=\"center\"\n        appearance=\"transparent\"\n        class={{\n          [CSS.actionIcon]: true,\n        }}\n        compact={true}\n        data-position={position}\n        disabled={\n          (currentActivePosition === 0 && isPositionStart) ||\n          (currentActivePosition === totalItems - 1 && !isPositionStart)\n        }\n        icon={path}\n        iconFlipRtl={true}\n        id={id}\n        onClick={this.handleActionClick}\n        scale={this.scale}\n        text={isPositionStart ? this.messages.previousStep : this.messages.nextStep}\n      />\n    ) : null;\n  }\n\n  private handleActionClick = (event: MouseEvent): void => {\n    const currentActivePosition = this.currentActivePosition;\n    const target = event.target as HTMLCalciteActionElement;\n    if (target.getAttribute(\"data-position\") === \"start\") {\n      this.prevStep();\n    } else {\n      this.nextStep();\n    }\n\n    if (\n      typeof this.currentActivePosition === \"number\" &&\n      currentActivePosition !== this.currentActivePosition &&\n      !this.items[this.currentActivePosition].disabled\n    ) {\n      this.emitItemSelect();\n    }\n  };\n\n  private getFirstEnabledStepperPosition(): number {\n    const enabledStepIndex = this.items.findIndex((item) => !item.disabled);\n\n    if (enabledStepIndex > -1) {\n      return enabledStepIndex;\n    }\n    return 0;\n  }\n\n  private setContainerEl = (el: HTMLDivElement): void => {\n    this.containerEl = el;\n  };\n\n  handleDefaultSlotChange = (event: Event): void => {\n    const items = slotChangeGetAssignedElements(event).filter(\n      (el) => el?.tagName === \"CALCITE-STEPPER-ITEM\",\n    );\n    this.items = items as HTMLCalciteStepperItemElement[];\n    const spacing = Array(items.length).fill(\"1fr\").join(\" \");\n    this.containerEl.style.gridTemplateAreas = spacing;\n    this.containerEl.style.gridTemplateColumns = spacing;\n    this.setStepperItemNumberingSystem();\n  };\n}\n","export const CSS = {\n  container: \"container\",\n  stepperItemContent: \"stepper-item-content\",\n  stepperItemDescription: \"stepper-item-description\",\n  stepperItemHeader: \"stepper-item-header\",\n  stepperItemHeading: \"stepper-item-heading\",\n  stepperItemHeaderText: \"stepper-item-header-text\",\n  stepperItemNumber: \"stepper-item-number\",\n  visuallyHidden: \"visually-hidden\",\n};\n",":host([scale=\"s\"]) {\n  --calcite-stepper-item-spacing-unit-s: theme(\"spacing.1\");\n  --calcite-stepper-item-spacing-unit-m: theme(\"spacing.3\");\n  --calcite-stepper-item-spacing-unit-l: theme(\"spacing.4\");\n  --calcite-internal-stepper-action-inline-size: theme(\"spacing.8\");\n  @apply text-n1h;\n  margin-inline-end: theme(\"margin.1\");\n  .stepper-item-description {\n    @apply text-n2h;\n  }\n}\n\n:host([scale=\"m\"]) {\n  --calcite-stepper-item-spacing-unit-s: theme(\"spacing.2\");\n  --calcite-stepper-item-spacing-unit-m: theme(\"spacing.4\");\n  --calcite-stepper-item-spacing-unit-l: theme(\"spacing.5\");\n  --calcite-internal-stepper-action-inline-size: theme(\"spacing.10\");\n  @apply text-0h;\n  margin-inline-end: theme(\"margin.2\");\n  .stepper-item-description {\n    @apply text-n1h;\n  }\n}\n\n:host([scale=\"l\"]) {\n  --calcite-stepper-item-spacing-unit-s: theme(\"spacing.3\");\n  --calcite-stepper-item-spacing-unit-m: theme(\"spacing.5\");\n  --calcite-stepper-item-spacing-unit-l: theme(\"spacing.6\");\n  --calcite-internal-stepper-action-inline-size: theme(\"spacing.12\");\n  @apply text-1h;\n  margin-inline-end: theme(\"margin.3\");\n  .stepper-item-description {\n    @apply text-0h;\n  }\n}\n\n:host {\n  @apply relative\n  flex\n  flex-grow\n  flex-col\n  self-start;\n  margin-block-end: var(--calcite-stepper-item-spacing-unit-s);\n}\n\n:host .container {\n  @apply text-color-3\n    border-color-3\n    relative\n    flex\n    flex-grow\n    cursor-pointer\n    flex-col\n    border-0\n    border-t-2\n    border-solid\n    no-underline\n    outline-none\n    duration-150\n    ease-in-out;\n}\n\n// focus styles\n:host {\n  @apply focus-base;\n}\n:host(:focus) {\n  @apply focus-outset;\n}\n\n// .stepper-item-header / content\n:host .stepper-item-header {\n  @apply flex cursor-pointer items-start;\n}\n\n:host .stepper-item-content,\n:host .stepper-item-header {\n  @apply duration-150 ease-in-out;\n  padding-block: var(--calcite-stepper-item-spacing-unit-l);\n  padding-inline-end: var(--calcite-stepper-item-spacing-unit-m);\n  text-align: start;\n}\n\n:host .stepper-item-header * {\n  @apply inline-flex\n    items-center\n    duration-150\n    ease-in-out;\n}\n\n:host .stepper-item-content {\n  @apply text-n2-wrap\n    hidden\n    w-full\n    flex-col;\n}\n\n// stepper item icon\n:host .stepper-item-icon {\n  margin-inline-end: var(--calcite-stepper-item-spacing-unit-m);\n  @apply text-color-3\n    opacity-disabled\n    mt-px\n    inline-flex\n    h-3\n    flex-shrink-0\n    self-start\n    duration-150\n    ease-in-out;\n}\n\n// stepper item title\n:host .stepper-item-header-text {\n  @apply flex-col;\n  text-align: initial;\n  margin-inline-end: auto;\n}\n\n:host .stepper-item-heading,\n:host .stepper-item-description {\n  @apply flex w-full;\n}\n:host .stepper-item-heading {\n  @apply text-color-2 mb-1 font-medium;\n}\n:host .stepper-item-description {\n  @apply text-color-3;\n}\n\n:host .stepper-item-number {\n  @apply text-color-3\n    font-medium\n    duration-150\n    ease-in-out;\n  margin-inline-end: var(--calcite-stepper-item-spacing-unit-m);\n}\n\n@include disabled();\n\n:host([complete]) .container {\n  // todo dark mode\n  border-color: rgba($h-bb-060, 0.5);\n  & .stepper-item-icon {\n    color: theme(\"backgroundColor.brand\");\n  }\n}\n\n:host([error]) .container {\n  @apply border-t-color-danger;\n  & .stepper-item-number {\n    color: theme(\"backgroundColor.danger\");\n  }\n  & .stepper-item-icon {\n    @apply opacity-100;\n    color: theme(\"backgroundColor.danger\");\n  }\n}\n\n:host(:hover:not([disabled]):not([selected])) .container,\n:host(:focus:not([disabled]):not([selected])) .container {\n  @apply border-t-color-brand;\n\n  & .stepper-item-heading {\n    @apply text-color-1;\n  }\n  & .stepper-item-description {\n    @apply text-color-2;\n  }\n}\n\n:host([error]:hover:not([disabled]):not([selected])) .container,\n:host([error]:focus:not([disabled]):not([selected])) .container {\n  @apply border-t-color-danger-hover;\n}\n\n:host([selected]) .container {\n  border-block-start-color: theme(\"backgroundColor.brand\");\n  & .stepper-item-heading {\n    @apply text-color-1;\n  }\n  & .stepper-item-description {\n    @apply text-color-2;\n  }\n  & .stepper-item-number {\n    color: theme(\"backgroundColor.brand\");\n  }\n\n  & .stepper-item-icon {\n    color: theme(\"backgroundColor.brand\");\n    @apply opacity-100;\n  }\n}\n\n:host([selected]) .container {\n  & .stepper-item-content {\n    @apply flex;\n  }\n}\n\n:host([layout=\"vertical\"]) .container {\n  @apply border-color-3\n  mx-0\n  mt-0\n  flex-auto\n  border-t-0\n  border-solid\n  py-0;\n  border-inline-start-width: theme(\"borderWidth.2\");\n  padding-inline-start: var(--calcite-stepper-item-spacing-unit-l);\n\n  & .stepper-item-icon {\n    @apply order-3 mt-px mb-0;\n    padding-inline-start: var(--calcite-stepper-item-spacing-unit-s);\n    margin-inline-start: theme(\"margin.auto\");\n  }\n  & .stepper-item-header {\n    padding-inline-end: theme(\"padding.0\");\n  }\n  & .stepper-item-content {\n    @apply p-0;\n  }\n}\n\n:host([layout=\"vertical\"][complete]) .container {\n  border-color: rgba($h-bb-060, 0.5);\n}\n:host([layout=\"vertical\"][complete]:hover:not([disabled]):not([selected])) .container,\n:host([layout=\"vertical\"][complete]:focus:not([disabled]):not([selected])) .container {\n  @apply border-color-brand;\n}\n:host([layout=\"vertical\"][error]) .container {\n  @apply border-color-danger;\n}\n:host([layout=\"vertical\"][selected]) .container {\n  @apply border-color-brand;\n\n  & .stepper-item-content:not(:empty) {\n    margin-block-end: var(--calcite-stepper-item-spacing-unit-l);\n  }\n}\n:host([layout=\"vertical\"]:hover:not([disabled]):not([selected])) .container,\n:host([layout=\"vertical\"]:focus:not([disabled]):not([selected])) .container {\n  border-color: rgba($h-bb-060, 0.5);\n}\n:host([layout=\"vertical\"][error]:hover:not([disabled]):not([selected])) .container,\n:host([layout=\"vertical\"][error]:focus:not([disabled]):not([selected])) .container {\n  @apply border-color-danger-hover;\n}\n\n:host([layout=\"horizontal\"]),\n:host([layout=\"horizontal-single\"]) {\n  display: contents;\n\n  .container {\n    display: contents;\n  }\n\n  .stepper-item-header {\n    @apply border-color-3\n    border-0\n    border-solid\n    border-t-2\n    focus-base;\n    grid-row: items;\n\n    &:focus {\n      @apply focus-outset duration-0;\n    }\n  }\n\n  .stepper-item-content {\n    @apply cursor-auto duration-150 ease-in-out;\n    padding-block: 0;\n    padding-inline-end: var(--calcite-stepper-item-spacing-unit-m);\n    text-align: start;\n  }\n}\n\n:host([layout=\"vertical\"]) {\n  .stepper-item-header:focus {\n    @apply duration-0;\n  }\n}\n\n:host([layout=\"horizontal\"][disabled]),\n:host([layout=\"horizontal-single\"][disabled]) {\n  .stepper-item-header {\n    @extend %disabled-host-only;\n  }\n}\n\n:host([layout=\"horizontal-single\"]) {\n  .stepper-item-header {\n    grid-area: 1 / 1 / 1 / -1;\n  }\n}\n\n:host([layout=\"horizontal\"]),\n:host([layout=\"horizontal-single\"]) {\n  .stepper-item-content {\n    grid-area: 2 / 1 / 2 / -1;\n  }\n}\n\n:host([layout=\"horizontal\"][complete]),\n:host([layout=\"horizontal-single\"][complete]) {\n  .stepper-item-header {\n    border-color: rgba($h-bb-060, 0.5);\n  }\n}\n:host([layout=\"horizontal\"][complete]:hover:not([disabled]):not([selected])),\n:host([layout=\"horizontal\"][complete]:focus:not([disabled]):not([selected])),\n:host([layout=\"horizontal-single\"][complete]:hover:not([disabled]):not([selected])),\n:host([layout=\"horizontal-single\"][complete]:focus:not([disabled]):not([selected])) {\n  .stepper-item-header {\n    @apply border-color-brand;\n  }\n}\n:host([layout=\"horizontal\"][error]),\n:host([layout=\"horizontal-single\"][error]) {\n  .stepper-item-header {\n    @apply border-color-danger;\n  }\n}\n:host([layout=\"horizontal\"][selected]),\n:host([layout=\"horizontal-single\"][selected]) {\n  .stepper-item-header {\n    @apply border-color-brand;\n  }\n}\n:host([layout=\"horizontal\"]:hover:not([disabled]):not([selected])),\n:host([layout=\"horizontal\"]:focus:not([disabled]):not([selected])),\n:host([layout=\"horizontal-single\"]:hover:not([disabled]):not([selected])),\n:host([layout=\"horizontal-single\"]:focus:not([disabled]):not([selected])) {\n  .stepper-item-header {\n    border-color: rgba($h-bb-060, 0.5);\n  }\n}\n:host([layout=\"horizontal\"][error]:hover:not([disabled]):not([selected])),\n:host([layout=\"horizontal\"][error]:focus:not([disabled]):not([selected])),\n:host([layout=\"horizontal-single\"][error]:hover:not([disabled]):not([selected])),\n:host([layout=\"horizontal-single\"][error]:focus:not([disabled]):not([selected])) {\n  .stepper-item-header {\n    @apply border-color-danger-hover;\n  }\n}\n\n@media (forced-colors: active) {\n  :host .container {\n    outline-width: 0;\n    outline-offset: 0;\n  }\n\n  :host(:focus),\n  :host(:focus-visible) {\n    outline-color: canvasText;\n  }\n\n  :host([selected]) .container {\n    border-block-start-color: highlight;\n    & .stepper-item-number {\n      color: highlight;\n    }\n    & .stepper-item-icon {\n      color: highlight;\n    }\n  }\n\n  :host([layout=\"vertical\"][selected]) .container {\n    border-color: highlight;\n  }\n}\n\n:host([layout=\"horizontal-single\"]) .stepper-item-header {\n  @apply border-none box-border\n  me-0;\n  inline-size: 100%;\n  padding-inline: calc(var(--calcite-internal-stepper-action-inline-size) + 0.5rem);\n}\n\n:host([layout=\"horizontal-single\"][error]) .container {\n  & .stepper-item-number {\n    color: theme(\"backgroundColor.danger\");\n  }\n  & .stepper-item-icon {\n    @apply opacity-100;\n    color: theme(\"backgroundColor.danger\");\n  }\n}\n\n:host([layout=\"horizontal-single\"][error][selected]),\n:host([layout=\"horizontal-single\"][complete][selected]) .container {\n  @apply text-color-3;\n  & .stepper-item-heading {\n    @apply text-color-2;\n  }\n}\n\n:host([layout=\"horizontal-single\"][complete][selected]) .container {\n  & .stepper-item-icon {\n    @apply opacity-disabled;\n  }\n  & .stepper-item-number {\n    @apply text-color-3;\n  }\n}\n\n.visually-hidden {\n  @apply sr-only;\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  Watch,\n} from \"@stencil/core\";\nimport { Scale } from \"../interfaces\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  StepperItemChangeEventDetail,\n  StepperItemEventDetail,\n  StepperItemKeyEventDetail,\n  StepperLayout,\n} from \"../stepper/interfaces\";\nimport {\n  numberStringFormatter,\n  LocalizedComponent,\n  disconnectLocalized,\n  connectLocalized,\n  NumberingSystem,\n} from \"../../utils/locale\";\nimport {\n  setUpLoadableComponent,\n  setComponentLoaded,\n  LoadableComponent,\n  componentFocusable,\n} from \"../../utils/loadable\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { CSS } from \"./resources\";\nimport { StepperItemMessages } from \"./assets/stepper-item/t9n\";\n\n/**\n * @slot - A slot for adding custom content.\n */\n@Component({\n  tag: \"calcite-stepper-item\",\n  styleUrl: \"stepper-item.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class StepperItem\n  implements InteractiveComponent, LocalizedComponent, LoadableComponent, T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, the component is selected.\n   */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  @Watch(\"selected\")\n  selectedHandler(): void {\n    if (this.selected) {\n      this.emitRequestedItem();\n    }\n  }\n\n  /** When `true`, the step has been completed. */\n  @Prop({ reflect: true }) complete = false;\n\n  /** When `true`, the component contains an error that requires resolution from the user. */\n  @Prop({ reflect: true }) error = false;\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** The component header text. */\n  @Prop() heading: string;\n\n  /** A description for the component. Displays below the header text. */\n  @Prop() description: string;\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   * @internal\n   */\n  @Prop() numberingSystem: NumberingSystem;\n\n  // watch for removal of disabled to register step\n  @Watch(\"disabled\")\n  disabledWatcher(): void {\n    this.registerStepperItem();\n  }\n\n  /**\n   * When `true`, displays a status icon in the `calcite-stepper-item` heading inherited from parent `calcite-stepper`.\n   *\n   * @internal\n   */\n  @Prop() icon = false;\n\n  /**\n   * Specifies the layout of the `calcite-stepper-item` inherited from parent `calcite-stepper`, defaults to `horizontal`.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) layout: StepperLayout;\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: StepperItemMessages;\n\n  /**\n   * When `true`, displays the step number in the `calcite-stepper-item` heading inherited from parent `calcite-stepper`.\n   *\n   * @internal\n   */\n  @Prop() numbered = false;\n\n  /**\n   * Specifies the size of the component inherited from the `calcite-stepper`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\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<StepperItemMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Internal State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @State() defaultMessages: StepperItemMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleWatcher(locale: string): void {\n    numberStringFormatter.numberFormatOptions = {\n      locale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: false,\n    };\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  headerEl: HTMLDivElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteInternalStepperItemKeyEvent: EventEmitter<StepperItemKeyEventDetail>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteInternalStepperItemSelect: EventEmitter<StepperItemEventDetail>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteInternalStepperItemRegister: EventEmitter<StepperItemEventDetail>;\n\n  /**\n   * Fires when the active `calcite-stepper-item` changes.\n   */\n  @Event({ cancelable: false }) calciteStepperItemSelect: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    this.parentStepperEl = this.el.parentElement as HTMLCalciteStepperElement;\n    this.itemPosition = this.getItemPosition();\n    this.registerStepperItem();\n\n    if (this.selected) {\n      this.emitRequestedItem();\n    }\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  render(): VNode {\n    return (\n      <Host\n        aria-current={this.selected ? \"step\" : \"false\"}\n        onClick={this.handleItemClick}\n        onKeyDown={this.keyDownHandler}\n        tabIndex={this.disabled ? -1 : 0}\n      >\n        <InteractiveContainer disabled={this.disabled}>\n          <div class={CSS.container}>\n            {this.complete && (\n              <span aria-live=\"polite\" class={CSS.visuallyHidden}>\n                {this.messages.complete}\n              </span>\n            )}\n            <div\n              class={CSS.stepperItemHeader}\n              ref={(el) => (this.headerEl = el)}\n              tabIndex={\n                /* additional tab index logic needed because of display: contents */\n                this.layout === \"horizontal\" && !this.disabled ? 0 : null\n              }\n            >\n              {this.icon ? this.renderIcon() : null}\n              {this.numbered ? (\n                <div class={CSS.stepperItemNumber}>{this.renderNumbers()}.</div>\n              ) : null}\n              <div class={CSS.stepperItemHeaderText}>\n                <span class={CSS.stepperItemHeading}>{this.heading}</span>\n                <span class={CSS.stepperItemDescription}>{this.description}</span>\n              </div>\n            </div>\n            <div class={CSS.stepperItemContent}>\n              <slot />\n            </div>\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalStepperItemChange\", { target: \"body\" })\n  updateActiveItemOnChange(event: CustomEvent<StepperItemChangeEventDetail>): void {\n    if (\n      event.target === this.parentStepperEl ||\n      event.composedPath().includes(this.parentStepperEl)\n    ) {\n      this.selectedPosition = event.detail.position;\n      this.determineSelectedItem();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    (this.layout === \"vertical\" ? this.el : this.headerEl)?.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteStepperItemElement;\n\n  /** position within parent */\n  private itemPosition: number;\n\n  /** the latest requested item position*/\n  private selectedPosition: number;\n\n  /** the parent stepper component */\n  private parentStepperEl: HTMLCalciteStepperElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private keyDownHandler = (event: KeyboardEvent): void => {\n    if (!this.disabled && event.target === this.el) {\n      switch (event.key) {\n        case \" \":\n        case \"Enter\":\n          this.emitUserRequestedItem();\n          event.preventDefault();\n          break;\n        case \"ArrowUp\":\n        case \"ArrowDown\":\n        case \"ArrowLeft\":\n        case \"ArrowRight\":\n        case \"Home\":\n        case \"End\":\n          this.calciteInternalStepperItemKeyEvent.emit({ item: event });\n          event.preventDefault();\n          break;\n      }\n    }\n  };\n\n  private renderIcon(): VNode {\n    let path = \"circle\";\n\n    if (this.selected && (this.layout !== \"horizontal-single\" || (!this.error && !this.complete))) {\n      path = \"circleF\";\n    } else if (this.error) {\n      path = \"exclamationMarkCircleF\";\n    } else if (this.complete) {\n      path = \"checkCircleF\";\n    }\n\n    return (\n      <calcite-icon class=\"stepper-item-icon\" flipRtl={this.iconFlipRtl} icon={path} scale=\"s\" />\n    );\n  }\n\n  private determineSelectedItem(): void {\n    this.selected = !this.disabled && this.itemPosition === this.selectedPosition;\n  }\n\n  private registerStepperItem(): void {\n    this.calciteInternalStepperItemRegister.emit({\n      position: this.itemPosition,\n    });\n  }\n\n  private handleItemClick = (event: MouseEvent): void => {\n    if (\n      this.disabled ||\n      (this.layout === \"horizontal\" &&\n        event\n          .composedPath()\n          .some((el) => (el as HTMLElement).classList?.contains(\"stepper-item-content\")))\n    ) {\n      return;\n    }\n\n    this.emitUserRequestedItem();\n  };\n\n  private emitUserRequestedItem = (): void => {\n    this.emitRequestedItem();\n    if (!this.disabled) {\n      this.calciteStepperItemSelect.emit();\n    }\n  };\n\n  private emitRequestedItem = (): void => {\n    if (!this.disabled) {\n      const position = this.itemPosition;\n\n      this.calciteInternalStepperItemSelect.emit({\n        position,\n      });\n    }\n  };\n\n  private getItemPosition(): number {\n    return Array.from(this.parentStepperEl?.querySelectorAll(\"calcite-stepper-item\")).indexOf(\n      this.el,\n    );\n  }\n\n  renderNumbers(): string {\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: false,\n    };\n    return numberStringFormatter.numberFormatter.format(this.itemPosition + 1);\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-1a5a3816.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.0-next.20
+ */
+import{d as e}from"./p-9229616c.js";import"./p-e48d006d.js";import"./p-8356a697.js";import"./p-99726b90.js";import"./p-c26dde6d.js";import"./p-57e21d44.js";import"./p-ae04d854.js";import"./p-c5966b3e.js";import"./p-70c530fa.js";import"./p-9e5dd305.js";import"./p-ae81e665.js";import"./p-bf0746a3.js";import"./p-8e3a4720.js";import"./p-2fec90cc.js";import"./p-94138947.js";import"./p-0592bb74.js";import"./p-dd1ec8aa.js";import"./p-effbb31d.js";import"./p-c6f9db24.js";var r={name:"nb",weekdays:"søndag_mandag_tirsdag_onsdag_torsdag_fredag_lørdag".split("_"),weekdaysShort:"sø._ma._ti._on._to._fr._lø.".split("_"),weekdaysMin:"sø_ma_ti_on_to_fr_lø".split("_"),months:"januar_februar_mars_april_mai_juni_juli_august_september_oktober_november_desember".split("_"),monthsShort:"jan._feb._mars_april_mai_juni_juli_aug._sep._okt._nov._des.".split("_"),ordinal:function e(r){return r+"."},weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY [kl.] HH:mm",LLLL:"dddd D. MMMM YYYY [kl.] HH:mm"},relativeTime:{future:"om %s",past:"%s siden",s:"noen sekunder",m:"ett minutt",mm:"%d minutter",h:"en time",hh:"%d timer",d:"en dag",dd:"%d dager",M:"en måned",MM:"%d måneder",y:"ett år",yy:"%d år"}};e.locale(r,null,true);export{r as default};
+//# sourceMappingURL=p-1a5a3816.js.map

package/dist/calcite/p-1b66a670.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.0-next.20
+ */
+import{d as Y}from"./p-9229616c.js";import"./p-e48d006d.js";import"./p-8356a697.js";import"./p-99726b90.js";import"./p-c26dde6d.js";import"./p-57e21d44.js";import"./p-ae04d854.js";import"./p-c5966b3e.js";import"./p-70c530fa.js";import"./p-9e5dd305.js";import"./p-ae81e665.js";import"./p-bf0746a3.js";import"./p-8e3a4720.js";import"./p-2fec90cc.js";import"./p-94138947.js";import"./p-0592bb74.js";import"./p-dd1ec8aa.js";import"./p-effbb31d.js";import"./p-c6f9db24.js";var M={s:"מספר שניות",ss:"%d שניות",m:"דקה",mm:"%d דקות",h:"שעה",hh:"%d שעות",hh2:"שעתיים",d:"יום",dd:"%d ימים",dd2:"יומיים",M:"חודש",MM:"%d חודשים",MM2:"חודשיים",y:"שנה",yy:"%d שנים",yy2:"שנתיים"};function m(Y,m,d){var _=M[d+(Y===2?"2":"")]||M[d];return _.replace("%d",Y)}var d={name:"he",weekdays:"ראשון_שני_שלישי_רביעי_חמישי_שישי_שבת".split("_"),weekdaysShort:"א׳_ב׳_ג׳_ד׳_ה׳_ו׳_ש׳".split("_"),weekdaysMin:"א׳_ב׳_ג׳_ד׳_ה׳_ו_ש׳".split("_"),months:"ינואר_פברואר_מרץ_אפריל_מאי_יוני_יולי_אוגוסט_ספטמבר_אוקטובר_נובמבר_דצמבר".split("_"),monthsShort:"ינו_פבר_מרץ_אפר_מאי_יונ_יול_אוג_ספט_אוק_נוב_דצמ".split("_"),relativeTime:{future:"בעוד %s",past:"לפני %s",s:m,m,mm:m,h:m,hh:m,d:m,dd:m,M:m,MM:m,y:m,yy:m},ordinal:function Y(M){return M},format:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D [ב]MMMM YYYY",LLL:"D [ב]MMMM YYYY HH:mm",LLLL:"dddd, D [ב]MMMM YYYY HH:mm",l:"D/M/YYYY",ll:"D MMM YYYY",lll:"D MMM YYYY HH:mm",llll:"ddd, D MMM YYYY HH:mm"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D [ב]MMMM YYYY",LLL:"D [ב]MMMM YYYY HH:mm",LLLL:"dddd, D [ב]MMMM YYYY HH:mm",l:"D/M/YYYY",ll:"D MMM YYYY",lll:"D MMM YYYY HH:mm",llll:"ddd, D MMM YYYY HH:mm"}};Y.locale(d,null,true);export{d as default};
+//# sourceMappingURL=p-1b66a670.js.map

package/dist/calcite/p-1befc448.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/main/LICENSE.md for details.
+ * v2.9.0-next.20
+ */
+import{r as e,h as i,g as t}from"./p-e48d006d.js";import{g as a}from"./p-99726b90.js";import{C as r}from"./p-57e21d44.js";import"./p-c26dde6d.js";const n=":host{position:relative;display:block;inline-size:100%}.track,.bar{position:absolute;inset-block-start:0px;block-size:2px}.track{z-index:var(--calcite-z-index);inline-size:100%;overflow:hidden;background:var(--calcite-color-border-3)}.bar{z-index:var(--calcite-z-index);background-color:var(--calcite-color-brand)}@media (forced-colors: active){.track{background-color:highlightText}.bar{background-color:linkText}}.indeterminate{inline-size:20%;animation:looping-progress-bar-ani calc(var(--calcite-internal-animation-timing-medium) / var(--calcite-internal-duration-factor) * 11 / var(--calcite-internal-duration-factor)) linear infinite}.indeterminate.calcite--rtl{animation-name:looping-progress-bar-ani-rtl}.reversed{animation-direction:reverse}.text{padding-inline:0px;padding-block:1rem 0px;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2)}@keyframes looping-progress-bar-ani{0%{transform:translate3d(-100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(600%, 0, 0)}}@keyframes looping-progress-bar-ani-rtl{0%{transform:translate3d(100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(-600%, 0, 0)}}:host([hidden]){display:none}[hidden]{display:none}";const s=n;const o=class{constructor(i){e(this,i);this.type="determinate";this.value=0;this.label=undefined;this.text=undefined;this.reversed=false}render(){const e=this.type==="determinate";const t=e?{width:`${this.value*100}%`}:{};const n=a(this.el);return i("div",{key:"c86314688985d7c85e033a0115d0a074f7a6107b","aria-label":this.label||this.text,"aria-valuemax":1,"aria-valuemin":0,"aria-valuenow":this.value,role:"progressbar"},i("div",{key:"67cbdc62121dcc98469f4f087b0875bb81b205a1",class:"track"},i("div",{key:"e2a222f91f461296ce3909cf4b1c711452258d91",class:{bar:true,indeterminate:this.type==="indeterminate",[r.rtl]:n==="rtl",reversed:this.reversed},style:t})),this.text?i("div",{class:"text"},this.text):null)}get el(){return t(this)}};o.style=s;export{o as calcite_progress};
+//# sourceMappingURL=p-1befc448.entry.js.map

package/dist/calcite/p-216d3475.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.0-next.20
+ */
+import{d as s}from"./p-9229616c.js";import"./p-e48d006d.js";import"./p-8356a697.js";import"./p-99726b90.js";import"./p-c26dde6d.js";import"./p-57e21d44.js";import"./p-ae04d854.js";import"./p-c5966b3e.js";import"./p-70c530fa.js";import"./p-9e5dd305.js";import"./p-ae81e665.js";import"./p-bf0746a3.js";import"./p-8e3a4720.js";import"./p-2fec90cc.js";import"./p-94138947.js";import"./p-0592bb74.js";import"./p-dd1ec8aa.js";import"./p-effbb31d.js";import"./p-c6f9db24.js";var i="sausio_vasario_kovo_balandžio_gegužės_birželio_liepos_rugpjūčio_rugsėjo_spalio_lapkričio_gruodžio".split("_");var m="sausis_vasaris_kovas_balandis_gegužė_birželis_liepa_rugpjūtis_rugsėjis_spalis_lapkritis_gruodis".split("_");var a=/D[oD]?(\[[^\[\]]*\]|\s)+MMMM?|MMMM?(\[[^\[\]]*\]|\s)+D[oD]?/;var d=function s(d,M){if(a.test(M)){return i[d.month()]}return m[d.month()]};d.s=m;d.f=i;var M={name:"lt",weekdays:"sekmadienis_pirmadienis_antradienis_trečiadienis_ketvirtadienis_penktadienis_šeštadienis".split("_"),weekdaysShort:"sek_pir_ant_tre_ket_pen_šeš".split("_"),weekdaysMin:"s_p_a_t_k_pn_š".split("_"),months:d,monthsShort:"sau_vas_kov_bal_geg_bir_lie_rgp_rgs_spa_lap_grd".split("_"),ordinal:function s(i){return i+"."},weekStart:1,relativeTime:{future:"už %s",past:"prieš %s",s:"kelias sekundes",m:"minutę",mm:"%d minutes",h:"valandą",hh:"%d valandas",d:"dieną",dd:"%d dienas",M:"mėnesį",MM:"%d mėnesius",y:"metus",yy:"%d metus"},format:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"YYYY [m.] MMMM D [d.]",LLL:"YYYY [m.] MMMM D [d.], HH:mm [val.]",LLLL:"YYYY [m.] MMMM D [d.], dddd, HH:mm [val.]",l:"YYYY-MM-DD",ll:"YYYY [m.] MMMM D [d.]",lll:"YYYY [m.] MMMM D [d.], HH:mm [val.]",llll:"YYYY [m.] MMMM D [d.], ddd, HH:mm [val.]"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"YYYY [m.] MMMM D [d.]",LLL:"YYYY [m.] MMMM D [d.], HH:mm [val.]",LLLL:"YYYY [m.] MMMM D [d.], dddd, HH:mm [val.]",l:"YYYY-MM-DD",ll:"YYYY [m.] MMMM D [d.]",lll:"YYYY [m.] MMMM D [d.], HH:mm [val.]",llll:"YYYY [m.] MMMM D [d.], ddd, HH:mm [val.]"}};s.locale(M,null,true);export{M as default};
+//# sourceMappingURL=p-216d3475.js.map

package/dist/calcite/p-23562709.js

@@ -0,0 +1,13 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.0-next.20
+ */
+/**!
+ * Sortable 1.15.1
+ * @author	RubaXa   <trash@rubaxa.org>
+ * @author	owenm    <owen23355@gmail.com>
+ * @license MIT
+ */
+function t(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);if(e){i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))}n.push.apply(n,i)}return n}function e(e){for(var n=1;n<arguments.length;n++){var r=arguments[n]!=null?arguments[n]:{};if(n%2){t(Object(r),true).forEach((function(t){i(e,t,r[t])}))}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(e,Object.getOwnPropertyDescriptors(r))}else{t(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}}return e}function n(t){"@babel/helpers - typeof";if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){n=function(t){return typeof t}}else{n=function(t){return t&&typeof Symbol==="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t}}return n(t)}function i(t,e,n){if(e in t){Object.defineProperty(t,e,{value:n,enumerable:true,configurable:true,writable:true})}else{t[e]=n}return t}function r(){r=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n){if(Object.prototype.hasOwnProperty.call(n,i)){t[i]=n[i]}}}return t};return r.apply(this,arguments)}function o(t,e){if(t==null)return{};var n={};var i=Object.keys(t);var r,o;for(o=0;o<i.length;o++){r=i[o];if(e.indexOf(r)>=0)continue;n[r]=t[r]}return n}function a(t,e){if(t==null)return{};var n=o(t,e);var i,r;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(r=0;r<a.length;r++){i=a[r];if(e.indexOf(i)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(t,i))continue;n[i]=t[i]}}return n}var f="1.15.1";function u(t){if(typeof window!=="undefined"&&window.navigator){return!!navigator.userAgent.match(t)}}var s=u(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i);var l=u(/Edge/i);var c=u(/firefox/i);var h=u(/safari/i)&&!u(/chrome/i)&&!u(/android/i);var d=u(/iP(ad|od|hone)/i);var v=u(/chrome/i)&&u(/android/i);var m={capture:false,passive:false};function p(t,e,n){t.addEventListener(e,n,!s&&m)}function g(t,e,n){t.removeEventListener(e,n,!s&&m)}function b(t,e){if(!e)return;e[0]===">"&&(e=e.substring(1));if(t){try{if(t.matches){return t.matches(e)}else if(t.msMatchesSelector){return t.msMatchesSelector(e)}else if(t.webkitMatchesSelector){return t.webkitMatchesSelector(e)}}catch(t){return false}}return false}function w(t){return t.host&&t!==document&&t.host.nodeType?t.host:t.parentNode}function E(t,e,n,i){if(t){n=n||document;do{if(e!=null&&(e[0]===">"?t.parentNode===n&&b(t,e):b(t,e))||i&&t===n){return t}if(t===n)break}while(t=w(t))}return null}var y=/\s+/g;function I(t,e,n){if(t&&e){if(t.classList){t.classList[n?"add":"remove"](e)}else{var i=(" "+t.className+" ").replace(y," ").replace(" "+e+" "," ");t.className=(i+(n?" "+e:"")).replace(y," ")}}}function x(t,e,n){var i=t&&t.style;if(i){if(n===void 0){if(document.defaultView&&document.defaultView.getComputedStyle){n=document.defaultView.getComputedStyle(t,"")}else if(t.currentStyle){n=t.currentStyle}return e===void 0?n:n[e]}else{if(!(e in i)&&e.indexOf("webkit")===-1){e="-webkit-"+e}i[e]=n+(typeof n==="string"?"":"px")}}}function S(t,e){var n="";if(typeof t==="string"){n=t}else{do{var i=x(t,"transform");if(i&&i!=="none"){n=i+" "+n}}while(!e&&(t=t.parentNode))}var r=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return r&&new r(n)}function T(t,e,n){if(t){var i=t.getElementsByTagName(e),r=0,o=i.length;if(n){for(;r<o;r++){n(i[r],r)}}return i}return[]}function O(){var t=document.scrollingElement;if(t){return t}else{return document.documentElement}}function M(t,e,n,i,r){if(!t.getBoundingClientRect&&t!==window)return;var o,a,f,u,l,c,h;if(t!==window&&t.parentNode&&t!==O()){o=t.getBoundingClientRect();a=o.top;f=o.left;u=o.bottom;l=o.right;c=o.height;h=o.width}else{a=0;f=0;u=window.innerHeight;l=window.innerWidth;c=window.innerHeight;h=window.innerWidth}if((e||n)&&t!==window){r=r||t.parentNode;if(!s){do{if(r&&r.getBoundingClientRect&&(x(r,"transform")!=="none"||n&&x(r,"position")!=="static")){var d=r.getBoundingClientRect();a-=d.top+parseInt(x(r,"border-top-width"));f-=d.left+parseInt(x(r,"border-left-width"));u=a+o.height;l=f+o.width;break}}while(r=r.parentNode)}}if(i&&t!==window){var v=S(r||t),m=v&&v.a,p=v&&v.d;if(v){a/=p;f/=m;h/=m;c/=p;u=a+c;l=f+h}}return{top:a,left:f,bottom:u,right:l,width:h,height:c}}function k(t){var e=M(t);var n=parseInt(x(t,"padding-left")),i=parseInt(x(t,"padding-top")),r=parseInt(x(t,"padding-right")),o=parseInt(x(t,"padding-bottom"));e.top+=i+parseInt(x(t,"border-top-width"));e.left+=n+parseInt(x(t,"border-left-width"));e.width=t.clientWidth-n-r;e.height=t.clientHeight-i-o;e.bottom=e.top+e.height;e.right=e.left+e.width;return e}function _(t,e,n){var i=N(t,true),r=M(t)[e];while(i){var o=M(i)[n],a=void 0;if(n==="top"||n==="left"){a=r>=o}else{a=r<=o}if(!a)return i;if(i===O())break;i=N(i,false)}return false}function C(t,e,n,i){var r=0,o=0,a=t.children;while(o<a.length){if(a[o].style.display!=="none"&&a[o]!==$t.ghost&&(i||a[o]!==$t.dragged)&&E(a[o],n.draggable,t,false)){if(r===e){return a[o]}r++}o++}return null}function D(t,e){var n=t.lastElementChild;while(n&&(n===$t.ghost||x(n,"display")==="none"||e&&!b(n,e))){n=n.previousElementSibling}return n||null}function j(t,e){var n=0;if(!t||!t.parentNode){return-1}while(t=t.previousElementSibling){if(t.nodeName.toUpperCase()!=="TEMPLATE"&&t!==$t.clone&&(!e||b(t,e))){n++}}return n}function A(t){var e=0,n=0,i=O();if(t){do{var r=S(t),o=r.a,a=r.d;e+=t.scrollLeft*o;n+=t.scrollTop*a}while(t!==i&&(t=t.parentNode))}return[e,n]}function z(t,e){for(var n in t){if(!t.hasOwnProperty(n))continue;for(var i in e){if(e.hasOwnProperty(i)&&e[i]===t[n][i])return Number(n)}}return-1}function N(t,e){if(!t||!t.getBoundingClientRect)return O();var n=t;var i=false;do{if(n.clientWidth<n.scrollWidth||n.clientHeight<n.scrollHeight){var r=x(n);if(n.clientWidth<n.scrollWidth&&(r.overflowX=="auto"||r.overflowX=="scroll")||n.clientHeight<n.scrollHeight&&(r.overflowY=="auto"||r.overflowY=="scroll")){if(!n.getBoundingClientRect||n===document.body)return O();if(i||e)return n;i=true}}}while(n=n.parentNode);return O()}function F(t,e){if(t&&e){for(var n in e){if(e.hasOwnProperty(n)){t[n]=e[n]}}}return t}function P(t,e){return Math.round(t.top)===Math.round(e.top)&&Math.round(t.left)===Math.round(e.left)&&Math.round(t.height)===Math.round(e.height)&&Math.round(t.width)===Math.round(e.width)}var B;function H(t,e){return function(){if(!B){var n=arguments,i=this;if(n.length===1){t.call(i,n[0])}else{t.apply(i,n)}B=setTimeout((function(){B=void 0}),e)}}}function G(){clearTimeout(B);B=void 0}function L(t,e,n){t.scrollLeft+=e;t.scrollTop+=n}function R(t){var e=window.Polymer;var n=window.jQuery||window.Zepto;if(e&&e.dom){return e.dom(t).cloneNode(true)}else if(n){return n(t).clone(true)[0]}else{return t.cloneNode(true)}}var W="Sortable"+(new Date).getTime();function X(){var t=[],n;return{captureAnimationState:function n(){t=[];if(!this.options.animation)return;var i=[].slice.call(this.el.children);i.forEach((function(n){if(x(n,"display")==="none"||n===$t.ghost)return;t.push({target:n,rect:M(n)});var i=e({},t[t.length-1].rect);if(n.thisAnimationDuration){var r=S(n,true);if(r){i.top-=r.f;i.left-=r.e}}n.fromRect=i}))},addAnimationState:function e(n){t.push(n)},removeAnimationState:function e(n){t.splice(z(t,{target:n}),1)},animateAll:function e(i){var r=this;if(!this.options.animation){clearTimeout(n);if(typeof i==="function")i();return}var o=false,a=0;t.forEach((function(t){var e=0,n=t.target,i=n.fromRect,f=M(n),u=n.prevFromRect,s=n.prevToRect,l=t.rect,c=S(n,true);if(c){f.top-=c.f;f.left-=c.e}n.toRect=f;if(n.thisAnimationDuration){if(P(u,f)&&!P(i,f)&&(l.top-f.top)/(l.left-f.left)===(i.top-f.top)/(i.left-f.left)){e=$(l,u,s,r.options)}}if(!P(f,i)){n.prevFromRect=i;n.prevToRect=f;if(!e){e=r.options.animation}r.animate(n,l,f,e)}if(e){o=true;a=Math.max(a,e);clearTimeout(n.animationResetTimer);n.animationResetTimer=setTimeout((function(){n.animationTime=0;n.prevFromRect=null;n.fromRect=null;n.prevToRect=null;n.thisAnimationDuration=null}),e);n.thisAnimationDuration=e}}));clearTimeout(n);if(!o){if(typeof i==="function")i()}else{n=setTimeout((function(){if(typeof i==="function")i()}),a)}t=[]},animate:function t(e,n,i,r){if(r){x(e,"transition","");x(e,"transform","");var o=S(this.el),a=o&&o.a,f=o&&o.d,u=(n.left-i.left)/(a||1),s=(n.top-i.top)/(f||1);e.animatingX=!!u;e.animatingY=!!s;x(e,"transform","translate3d("+u+"px,"+s+"px,0)");this.forRepaintDummy=Y(e);x(e,"transition","transform "+r+"ms"+(this.options.easing?" "+this.options.easing:""));x(e,"transform","translate3d(0,0,0)");typeof e.animated==="number"&&clearTimeout(e.animated);e.animated=setTimeout((function(){x(e,"transition","");x(e,"transform","");e.animated=false;e.animatingX=false;e.animatingY=false}),r)}}}}function Y(t){return t.offsetWidth}function $(t,e,n,i){return Math.sqrt(Math.pow(e.top-t.top,2)+Math.pow(e.left-t.left,2))/Math.sqrt(Math.pow(e.top-n.top,2)+Math.pow(e.left-n.left,2))*i.animation}var U=[];var V={initializeByDefault:true};var Z={mount:function t(e){for(var n in V){if(V.hasOwnProperty(n)&&!(n in e)){e[n]=V[n]}}U.forEach((function(t){if(t.pluginName===e.pluginName){throw"Sortable: Cannot mount plugin ".concat(e.pluginName," more than once")}}));U.push(e)},pluginEvent:function t(n,i,r){var o=this;this.eventCanceled=false;r.cancel=function(){o.eventCanceled=true};var a=n+"Global";U.forEach((function(t){if(!i[t.pluginName])return;if(i[t.pluginName][a]){i[t.pluginName][a](e({sortable:i},r))}if(i.options[t.pluginName]&&i[t.pluginName][n]){i[t.pluginName][n](e({sortable:i},r))}}))},initializePlugins:function t(e,n,i,o){U.forEach((function(t){var o=t.pluginName;if(!e.options[o]&&!t.initializeByDefault)return;var a=new t(e,n,e.options);a.sortable=e;a.options=e.options;e[o]=a;r(i,a.defaults)}));for(var a in e.options){if(!e.options.hasOwnProperty(a))continue;var f=this.modifyOption(e,a,e.options[a]);if(typeof f!=="undefined"){e.options[a]=f}}},getEventProperties:function t(e,n){var i={};U.forEach((function(t){if(typeof t.eventProperties!=="function")return;r(i,t.eventProperties.call(n[t.pluginName],e))}));return i},modifyOption:function t(e,n,i){var r;U.forEach((function(t){if(!e[t.pluginName])return;if(t.optionListeners&&typeof t.optionListeners[n]==="function"){r=t.optionListeners[n].call(e[t.pluginName],i)}}));return r}};function q(t){var n=t.sortable,i=t.rootEl,r=t.name,o=t.targetEl,a=t.cloneEl,f=t.toEl,u=t.fromEl,c=t.oldIndex,h=t.newIndex,d=t.oldDraggableIndex,v=t.newDraggableIndex,m=t.originalEvent,p=t.putSortable,g=t.extraEventProperties;n=n||i&&i[W];if(!n)return;var b,w=n.options,E="on"+r.charAt(0).toUpperCase()+r.substr(1);if(window.CustomEvent&&!s&&!l){b=new CustomEvent(r,{bubbles:true,cancelable:true})}else{b=document.createEvent("Event");b.initEvent(r,true,true)}b.to=f||i;b.from=u||i;b.item=o||i;b.clone=a;b.oldIndex=c;b.newIndex=h;b.oldDraggableIndex=d;b.newDraggableIndex=v;b.originalEvent=m;b.pullMode=p?p.lastPutMode:undefined;var y=e(e({},g),Z.getEventProperties(r,n));for(var I in y){b[I]=y[I]}if(i){i.dispatchEvent(b)}if(w[E]){w[E].call(n,b)}}var J=["evt"];var K=function t(n,i){var r=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{},o=r.evt,f=a(r,J);Z.pluginEvent.bind($t)(n,i,e({dragEl:tt,parentEl:et,ghostEl:nt,rootEl:it,nextEl:rt,lastDownEl:ot,cloneEl:at,cloneHidden:ft,dragStarted:xt,putSortable:dt,activeSortable:$t.active,originalEvent:o,oldIndex:ut,oldDraggableIndex:lt,newIndex:st,newDraggableIndex:ct,hideGhostForTarget:Rt,unhideGhostForTarget:Wt,cloneNowHidden:function t(){ft=true},cloneNowShown:function t(){ft=false},dispatchSortableEvent:function t(e){Q({sortable:i,name:e,originalEvent:o})}},f))};function Q(t){q(e({putSortable:dt,cloneEl:at,targetEl:tt,rootEl:it,oldIndex:ut,oldDraggableIndex:lt,newIndex:st,newDraggableIndex:ct},t))}var tt,et,nt,it,rt,ot,at,ft,ut,st,lt,ct,ht,dt,vt=false,mt=false,pt=[],gt,bt,wt,Et,yt,It,xt,St,Tt,Ot=false,Mt=false,kt,_t,Ct=[],Dt=false,jt=[];var At=typeof document!=="undefined",zt=d,Nt=l||s?"cssFloat":"float",Ft=At&&!v&&!d&&"draggable"in document.createElement("div"),Pt=function(){if(!At)return;if(s){return false}var t=document.createElement("x");t.style.cssText="pointer-events:auto";return t.style.pointerEvents==="auto"}(),Bt=function t(e,n){var i=x(e),r=parseInt(i.width)-parseInt(i.paddingLeft)-parseInt(i.paddingRight)-parseInt(i.borderLeftWidth)-parseInt(i.borderRightWidth),o=C(e,0,n),a=C(e,1,n),f=o&&x(o),u=a&&x(a),s=f&&parseInt(f.marginLeft)+parseInt(f.marginRight)+M(o).width,l=u&&parseInt(u.marginLeft)+parseInt(u.marginRight)+M(a).width;if(i.display==="flex"){return i.flexDirection==="column"||i.flexDirection==="column-reverse"?"vertical":"horizontal"}if(i.display==="grid"){return i.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal"}if(o&&f["float"]&&f["float"]!=="none"){var c=f["float"]==="left"?"left":"right";return a&&(u.clear==="both"||u.clear===c)?"vertical":"horizontal"}return o&&(f.display==="block"||f.display==="flex"||f.display==="table"||f.display==="grid"||s>=r&&i[Nt]==="none"||a&&i[Nt]==="none"&&s+l>r)?"vertical":"horizontal"},Ht=function t(e,n,i){var r=i?e.left:e.top,o=i?e.right:e.bottom,a=i?e.width:e.height,f=i?n.left:n.top,u=i?n.right:n.bottom,s=i?n.width:n.height;return r===f||o===u||r+a/2===f+s/2},Gt=function t(e,n){var i;pt.some((function(t){var r=t[W].options.emptyInsertThreshold;if(!r||D(t))return;var o=M(t),a=e>=o.left-r&&e<=o.right+r,f=n>=o.top-r&&n<=o.bottom+r;if(a&&f){return i=t}}));return i},Lt=function t(e){function i(t,e){return function(n,r,o,a){var f=n.options.group.name&&r.options.group.name&&n.options.group.name===r.options.group.name;if(t==null&&(e||f)){return true}else if(t==null||t===false){return false}else if(e&&t==="clone"){return t}else if(typeof t==="function"){return i(t(n,r,o,a),e)(n,r,o,a)}else{var u=(e?n:r).options.group.name;return t===true||typeof t==="string"&&t===u||t.join&&t.indexOf(u)>-1}}}var r={};var o=e.group;if(!o||n(o)!="object"){o={name:o}}r.name=o.name;r.checkPull=i(o.pull,true);r.checkPut=i(o.put);r.revertClone=o.revertClone;e.group=r},Rt=function t(){if(!Pt&&nt){x(nt,"display","none")}},Wt=function t(){if(!Pt&&nt){x(nt,"display","")}};if(At&&!v){document.addEventListener("click",(function(t){if(mt){t.preventDefault();t.stopPropagation&&t.stopPropagation();t.stopImmediatePropagation&&t.stopImmediatePropagation();mt=false;return false}}),true)}var Xt=function t(e){if(tt){e=e.touches?e.touches[0]:e;var n=Gt(e.clientX,e.clientY);if(n){var i={};for(var r in e){if(e.hasOwnProperty(r)){i[r]=e[r]}}i.target=i.rootEl=n;i.preventDefault=void 0;i.stopPropagation=void 0;n[W]._onDragOver(i)}}};var Yt=function t(e){if(tt){tt.parentNode[W]._isOutsideThisEl(e.target)}};function $t(t,e){if(!(t&&t.nodeType&&t.nodeType===1)){throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t))}this.el=t;this.options=e=r({},e);t[W]=this;var n={group:null,sort:true,disabled:false,store:null,handle:null,draggable:/^[uo]l$/i.test(t.nodeName)?">li":">*",swapThreshold:1,invertSwap:false,invertedSwapThreshold:null,removeCloneOnHide:true,direction:function e(){return Bt(t,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:true,animation:0,easing:null,setData:function t(e,n){e.setData("Text",n.textContent)},dropBubble:false,dragoverBubble:false,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:false,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:false,fallbackClass:"sortable-fallback",fallbackOnBody:false,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:$t.supportPointer!==false&&"PointerEvent"in window&&!h,emptyInsertThreshold:5};Z.initializePlugins(this,t,n);for(var i in n){!(i in e)&&(e[i]=n[i])}Lt(e);for(var o in this){if(o.charAt(0)==="_"&&typeof this[o]==="function"){this[o]=this[o].bind(this)}}this.nativeDraggable=e.forceFallback?false:Ft;if(this.nativeDraggable){this.options.touchStartThreshold=1}if(e.supportPointer){p(t,"pointerdown",this._onTapStart)}else{p(t,"mousedown",this._onTapStart);p(t,"touchstart",this._onTapStart)}if(this.nativeDraggable){p(t,"dragover",this);p(t,"dragenter",this)}pt.push(this.el);e.store&&e.store.get&&this.sort(e.store.get(this)||[]);r(this,X())}$t.prototype={constructor:$t,_isOutsideThisEl:function t(e){if(!this.el.contains(e)&&e!==this.el){St=null}},_getDirection:function t(e,n){return typeof this.options.direction==="function"?this.options.direction.call(this,e,n,tt):this.options.direction},_onTapStart:function t(e){if(!e.cancelable)return;var n=this,i=this.el,r=this.options,o=r.preventOnFilter,a=e.type,f=e.touches&&e.touches[0]||e.pointerType&&e.pointerType==="touch"&&e,u=(f||e).target,s=e.target.shadowRoot&&(e.path&&e.path[0]||e.composedPath&&e.composedPath()[0])||u,l=r.filter;ne(i);if(tt){return}if(/mousedown|pointerdown/.test(a)&&e.button!==0||r.disabled){return}if(s.isContentEditable){return}if(!this.nativeDraggable&&h&&u&&u.tagName.toUpperCase()==="SELECT"){return}u=E(u,r.draggable,i,false);if(u&&u.animated){return}if(ot===u){return}ut=j(u);lt=j(u,r.draggable);if(typeof l==="function"){if(l.call(this,e,u,this)){Q({sortable:n,rootEl:s,name:"filter",targetEl:u,toEl:i,fromEl:i});K("filter",n,{evt:e});o&&e.cancelable&&e.preventDefault();return}}else if(l){l=l.split(",").some((function(t){t=E(s,t.trim(),i,false);if(t){Q({sortable:n,rootEl:t,name:"filter",targetEl:u,fromEl:i,toEl:i});K("filter",n,{evt:e});return true}}));if(l){o&&e.cancelable&&e.preventDefault();return}}if(r.handle&&!E(s,r.handle,i,false)){return}this._prepareDragStart(e,f,u)},_prepareDragStart:function t(e,n,i){var r=this,o=r.el,a=r.options,f=o.ownerDocument,u;if(i&&!tt&&i.parentNode===o){var h=M(i);it=o;tt=i;et=tt.parentNode;rt=tt.nextSibling;ot=i;ht=a.group;$t.dragged=tt;gt={target:tt,clientX:(n||e).clientX,clientY:(n||e).clientY};yt=gt.clientX-h.left;It=gt.clientY-h.top;this._lastX=(n||e).clientX;this._lastY=(n||e).clientY;tt.style["will-change"]="all";u=function t(){K("delayEnded",r,{evt:e});if($t.eventCanceled){r._onDrop();return}r._disableDelayedDragEvents();if(!c&&r.nativeDraggable){tt.draggable=true}r._triggerDragStart(e,n);Q({sortable:r,name:"choose",originalEvent:e});I(tt,a.chosenClass,true)};a.ignore.split(",").forEach((function(t){T(tt,t.trim(),Zt)}));p(f,"dragover",Xt);p(f,"mousemove",Xt);p(f,"touchmove",Xt);p(f,"mouseup",r._onDrop);p(f,"touchend",r._onDrop);p(f,"touchcancel",r._onDrop);if(c&&this.nativeDraggable){this.options.touchStartThreshold=4;tt.draggable=true}K("delayStart",this,{evt:e});if(a.delay&&(!a.delayOnTouchOnly||n)&&(!this.nativeDraggable||!(l||s))){if($t.eventCanceled){this._onDrop();return}p(f,"mouseup",r._disableDelayedDrag);p(f,"touchend",r._disableDelayedDrag);p(f,"touchcancel",r._disableDelayedDrag);p(f,"mousemove",r._delayedDragTouchMoveHandler);p(f,"touchmove",r._delayedDragTouchMoveHandler);a.supportPointer&&p(f,"pointermove",r._delayedDragTouchMoveHandler);r._dragStartTimer=setTimeout(u,a.delay)}else{u()}}},_delayedDragTouchMoveHandler:function t(e){var n=e.touches?e.touches[0]:e;if(Math.max(Math.abs(n.clientX-this._lastX),Math.abs(n.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))){this._disableDelayedDrag()}},_disableDelayedDrag:function t(){tt&&Zt(tt);clearTimeout(this._dragStartTimer);this._disableDelayedDragEvents()},_disableDelayedDragEvents:function t(){var e=this.el.ownerDocument;g(e,"mouseup",this._disableDelayedDrag);g(e,"touchend",this._disableDelayedDrag);g(e,"touchcancel",this._disableDelayedDrag);g(e,"mousemove",this._delayedDragTouchMoveHandler);g(e,"touchmove",this._delayedDragTouchMoveHandler);g(e,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function t(e,n){n=n||e.pointerType=="touch"&&e;if(!this.nativeDraggable||n){if(this.options.supportPointer){p(document,"pointermove",this._onTouchMove)}else if(n){p(document,"touchmove",this._onTouchMove)}else{p(document,"mousemove",this._onTouchMove)}}else{p(tt,"dragend",this);p(it,"dragstart",this._onDragStart)}try{if(document.selection){ie((function(){document.selection.empty()}))}else{window.getSelection().removeAllRanges()}}catch(t){}},_dragStarted:function t(e,n){vt=false;if(it&&tt){K("dragStarted",this,{evt:n});if(this.nativeDraggable){p(document,"dragover",Yt)}var i=this.options;!e&&I(tt,i.dragClass,false);I(tt,i.ghostClass,true);$t.active=this;e&&this._appendGhost();Q({sortable:this,name:"start",originalEvent:n})}else{this._nulling()}},_emulateDragOver:function t(){if(bt){this._lastX=bt.clientX;this._lastY=bt.clientY;Rt();var e=document.elementFromPoint(bt.clientX,bt.clientY);var n=e;while(e&&e.shadowRoot){e=e.shadowRoot.elementFromPoint(bt.clientX,bt.clientY);const t=e.getRootNode().host;if(t){e=t}if(e===n)break;n=e}tt.parentNode[W]._isOutsideThisEl(e);if(n){do{if(n[W]){var i=void 0;i=n[W]._onDragOver({clientX:bt.clientX,clientY:bt.clientY,target:e,rootEl:n});if(i&&!this.options.dragoverBubble){break}}e=n}while(n=n.parentNode)}Wt()}},_onTouchMove:function t(e){if(gt){var n=this.options,i=n.fallbackTolerance,r=n.fallbackOffset,o=e.touches?e.touches[0]:e,a=nt&&S(nt,true),f=nt&&a&&a.a,u=nt&&a&&a.d,s=zt&&_t&&A(_t),l=(o.clientX-gt.clientX+r.x)/(f||1)+(s?s[0]-Ct[0]:0)/(f||1),c=(o.clientY-gt.clientY+r.y)/(u||1)+(s?s[1]-Ct[1]:0)/(u||1);if(!$t.active&&!vt){if(i&&Math.max(Math.abs(o.clientX-this._lastX),Math.abs(o.clientY-this._lastY))<i){return}this._onDragStart(e,true)}if(nt){if(a){a.e+=l-(wt||0);a.f+=c-(Et||0)}else{a={a:1,b:0,c:0,d:1,e:l,f:c}}var h="matrix(".concat(a.a,",").concat(a.b,",").concat(a.c,",").concat(a.d,",").concat(a.e,",").concat(a.f,")");x(nt,"webkitTransform",h);x(nt,"mozTransform",h);x(nt,"msTransform",h);x(nt,"transform",h);wt=l;Et=c;bt=o}e.cancelable&&e.preventDefault()}},_appendGhost:function t(){if(!nt){var e=this.options.fallbackOnBody?document.body:it,n=M(tt,true,zt,true,e),i=this.options;if(zt){_t=e;while(x(_t,"position")==="static"&&x(_t,"transform")==="none"&&_t!==document){_t=_t.parentNode}if(_t!==document.body&&_t!==document.documentElement){if(_t===document)_t=O();n.top+=_t.scrollTop;n.left+=_t.scrollLeft}else{_t=O()}Ct=A(_t)}nt=tt.cloneNode(true);I(nt,i.ghostClass,false);I(nt,i.fallbackClass,true);I(nt,i.dragClass,true);x(nt,"transition","");x(nt,"transform","");x(nt,"box-sizing","border-box");x(nt,"margin",0);x(nt,"top",n.top);x(nt,"left",n.left);x(nt,"width",n.width);x(nt,"height",n.height);x(nt,"opacity","0.8");x(nt,"position",zt?"absolute":"fixed");x(nt,"zIndex","100000");x(nt,"pointerEvents","none");$t.ghost=nt;e.appendChild(nt);x(nt,"transform-origin",yt/parseInt(nt.style.width)*100+"% "+It/parseInt(nt.style.height)*100+"%")}},_onDragStart:function t(e,n){var i=this;var r=e.dataTransfer;var o=i.options;K("dragStart",this,{evt:e});if($t.eventCanceled){this._onDrop();return}K("setupClone",this);if(!$t.eventCanceled){at=R(tt);at.removeAttribute("id");at.draggable=false;at.style["will-change"]="";this._hideClone();I(at,this.options.chosenClass,false);$t.clone=at}i.cloneId=ie((function(){K("clone",i);if($t.eventCanceled)return;if(!i.options.removeCloneOnHide){it.insertBefore(at,tt)}i._hideClone();Q({sortable:i,name:"clone"})}));!n&&I(tt,o.dragClass,true);if(n){mt=true;i._loopId=setInterval(i._emulateDragOver,50)}else{g(document,"mouseup",i._onDrop);g(document,"touchend",i._onDrop);g(document,"touchcancel",i._onDrop);if(r){r.effectAllowed="move";o.setData&&o.setData.call(i,r,tt)}p(document,"drop",i);x(tt,"transform","translateZ(0)")}vt=true;i._dragStartId=ie(i._dragStarted.bind(i,n,e));p(document,"selectstart",i);xt=true;if(h){x(document.body,"user-select","none")}},_onDragOver:function t(n){var i=this.el,r=n.target,o,a,f,u=this.options,s=u.group,l=$t.active,c=ht===s,h=u.sort,d=dt||l,v,m=this,p=false;if(Dt)return;function g(t,u){K(t,m,e({evt:n,isOwner:c,axis:v?"vertical":"horizontal",revert:f,dragRect:o,targetRect:a,canSort:h,fromSortable:d,target:r,completed:w,onMove:function t(e,r){return Vt(it,i,tt,o,e,M(e),n,r)},changed:y},u))}function b(){g("dragOverAnimationCapture");m.captureAnimationState();if(m!==d){d.captureAnimationState()}}function w(t){g("dragOverCompleted",{insertion:t});if(t){if(c){l._hideClone()}else{l._showClone(m)}if(m!==d){I(tt,dt?dt.options.ghostClass:l.options.ghostClass,false);I(tt,u.ghostClass,true)}if(dt!==m&&m!==$t.active){dt=m}else if(m===$t.active&&dt){dt=null}if(d===m){m._ignoreWhileAnimating=r}m.animateAll((function(){g("dragOverAnimationComplete");m._ignoreWhileAnimating=null}));if(m!==d){d.animateAll();d._ignoreWhileAnimating=null}}if(r===tt&&!tt.animated||r===i&&!r.animated){St=null}if(!u.dragoverBubble&&!n.rootEl&&r!==document){tt.parentNode[W]._isOutsideThisEl(n.target);!t&&Xt(n)}!u.dragoverBubble&&n.stopPropagation&&n.stopPropagation();return p=true}function y(){st=j(tt);ct=j(tt,u.draggable);Q({sortable:m,name:"change",toEl:i,newIndex:st,newDraggableIndex:ct,originalEvent:n})}if(n.preventDefault!==void 0){n.cancelable&&n.preventDefault()}r=E(r,u.draggable,i,true);g("dragOver");if($t.eventCanceled)return p;if(tt.contains(n.target)||r.animated&&r.animatingX&&r.animatingY||m._ignoreWhileAnimating===r){return w(false)}mt=false;if(l&&!u.disabled&&(c?h||(f=et!==it):dt===this||(this.lastPutMode=ht.checkPull(this,l,tt,n))&&s.checkPut(this,l,tt,n))){v=this._getDirection(n,r)==="vertical";o=M(tt);g("dragOverValid");if($t.eventCanceled)return p;if(f){et=it;b();this._hideClone();g("revert");if(!$t.eventCanceled){if(rt){it.insertBefore(tt,rt)}else{it.appendChild(tt)}}return w(true)}var S=D(i,u.draggable);if(!S||Kt(n,v,this)&&!S.animated){if(S===tt){return w(false)}if(S&&i===n.target){r=S}if(r){a=M(r)}if(Vt(it,i,tt,o,r,a,n,!!r)!==false){b();if(S&&S.nextSibling){i.insertBefore(tt,S.nextSibling)}else{i.appendChild(tt)}et=i;y();return w(true)}}else if(S&&Jt(n,v,this)){var T=C(i,0,u,true);if(T===tt){return w(false)}r=T;a=M(r);if(Vt(it,i,tt,o,r,a,n,false)!==false){b();i.insertBefore(tt,T);et=i;y();return w(true)}}else if(r.parentNode===i){a=M(r);var O=0,k,A=tt.parentNode!==i,z=!Ht(tt.animated&&tt.toRect||o,r.animated&&r.toRect||a,v),N=v?"top":"left",F=_(r,"top","top")||_(tt,"top","top"),P=F?F.scrollTop:void 0;if(St!==r){k=a[N];Ot=false;Mt=!z&&u.invertSwap||A}O=Qt(n,r,a,v,z?1:u.swapThreshold,u.invertedSwapThreshold==null?u.swapThreshold:u.invertedSwapThreshold,Mt,St===r);var B;if(O!==0){var H=j(tt);do{H-=O;B=et.children[H]}while(B&&(x(B,"display")==="none"||B===nt))}if(O===0||B===r){return w(false)}St=r;Tt=O;var G=r.nextElementSibling,R=false;R=O===1;var X=Vt(it,i,tt,o,r,a,n,R);if(X!==false){if(X===1||X===-1){R=X===1}Dt=true;setTimeout(qt,30);b();if(R&&!G){i.appendChild(tt)}else{r.parentNode.insertBefore(tt,R?G:r)}if(F){L(F,0,P-F.scrollTop)}et=tt.parentNode;if(k!==undefined&&!Mt){kt=Math.abs(k-M(r)[N])}y();return w(true)}}if(i.contains(tt)){return w(false)}}return false},_ignoreWhileAnimating:null,_offMoveEvents:function t(){g(document,"mousemove",this._onTouchMove);g(document,"touchmove",this._onTouchMove);g(document,"pointermove",this._onTouchMove);g(document,"dragover",Xt);g(document,"mousemove",Xt);g(document,"touchmove",Xt)},_offUpEvents:function t(){var e=this.el.ownerDocument;g(e,"mouseup",this._onDrop);g(e,"touchend",this._onDrop);g(e,"pointerup",this._onDrop);g(e,"touchcancel",this._onDrop);g(document,"selectstart",this)},_onDrop:function t(e){var n=this.el,i=this.options;st=j(tt);ct=j(tt,i.draggable);K("drop",this,{evt:e});et=tt&&tt.parentNode;st=j(tt);ct=j(tt,i.draggable);if($t.eventCanceled){this._nulling();return}vt=false;Mt=false;Ot=false;clearInterval(this._loopId);clearTimeout(this._dragStartTimer);re(this.cloneId);re(this._dragStartId);if(this.nativeDraggable){g(document,"drop",this);g(n,"dragstart",this._onDragStart)}this._offMoveEvents();this._offUpEvents();if(h){x(document.body,"user-select","")}x(tt,"transform","");if(e){if(xt){e.cancelable&&e.preventDefault();!i.dropBubble&&e.stopPropagation()}nt&&nt.parentNode&&nt.parentNode.removeChild(nt);if(it===et||dt&&dt.lastPutMode!=="clone"){at&&at.parentNode&&at.parentNode.removeChild(at)}if(tt){if(this.nativeDraggable){g(tt,"dragend",this)}Zt(tt);tt.style["will-change"]="";if(xt&&!vt){I(tt,dt?dt.options.ghostClass:this.options.ghostClass,false)}I(tt,this.options.chosenClass,false);Q({sortable:this,name:"unchoose",toEl:et,newIndex:null,newDraggableIndex:null,originalEvent:e});if(it!==et){if(st>=0){Q({rootEl:et,name:"add",toEl:et,fromEl:it,originalEvent:e});Q({sortable:this,name:"remove",toEl:et,originalEvent:e});Q({rootEl:et,name:"sort",toEl:et,fromEl:it,originalEvent:e});Q({sortable:this,name:"sort",toEl:et,originalEvent:e})}dt&&dt.save()}else{if(st!==ut){if(st>=0){Q({sortable:this,name:"update",toEl:et,originalEvent:e});Q({sortable:this,name:"sort",toEl:et,originalEvent:e})}}}if($t.active){if(st==null||st===-1){st=ut;ct=lt}Q({sortable:this,name:"end",toEl:et,originalEvent:e});this.save()}}}this._nulling()},_nulling:function t(){K("nulling",this);it=tt=et=nt=rt=at=ot=ft=gt=bt=xt=st=ct=ut=lt=St=Tt=dt=ht=$t.dragged=$t.ghost=$t.clone=$t.active=null;jt.forEach((function(t){t.checked=true}));jt.length=wt=Et=0},handleEvent:function t(e){switch(e.type){case"drop":case"dragend":this._onDrop(e);break;case"dragenter":case"dragover":if(tt){this._onDragOver(e);Ut(e)}break;case"selectstart":e.preventDefault();break}},toArray:function t(){var e=[],n,i=this.el.children,r=0,o=i.length,a=this.options;for(;r<o;r++){n=i[r];if(E(n,a.draggable,this.el,false)){e.push(n.getAttribute(a.dataIdAttr)||ee(n))}}return e},sort:function t(e,n){var i={},r=this.el;this.toArray().forEach((function(t,e){var n=r.children[e];if(E(n,this.options.draggable,r,false)){i[t]=n}}),this);n&&this.captureAnimationState();e.forEach((function(t){if(i[t]){r.removeChild(i[t]);r.appendChild(i[t])}}));n&&this.animateAll()},save:function t(){var e=this.options.store;e&&e.set&&e.set(this)},closest:function t(e,n){return E(e,n||this.options.draggable,this.el,false)},option:function t(e,n){var i=this.options;if(n===void 0){return i[e]}else{var r=Z.modifyOption(this,e,n);if(typeof r!=="undefined"){i[e]=r}else{i[e]=n}if(e==="group"){Lt(i)}}},destroy:function t(){K("destroy",this);var e=this.el;e[W]=null;g(e,"mousedown",this._onTapStart);g(e,"touchstart",this._onTapStart);g(e,"pointerdown",this._onTapStart);if(this.nativeDraggable){g(e,"dragover",this);g(e,"dragenter",this)}Array.prototype.forEach.call(e.querySelectorAll("[draggable]"),(function(t){t.removeAttribute("draggable")}));this._onDrop();this._disableDelayedDragEvents();pt.splice(pt.indexOf(this.el),1);this.el=e=null},_hideClone:function t(){if(!ft){K("hideClone",this);if($t.eventCanceled)return;x(at,"display","none");if(this.options.removeCloneOnHide&&at.parentNode){at.parentNode.removeChild(at)}ft=true}},_showClone:function t(e){if(e.lastPutMode!=="clone"){this._hideClone();return}if(ft){K("showClone",this);if($t.eventCanceled)return;if(tt.parentNode==it&&!this.options.group.revertClone){it.insertBefore(at,tt)}else if(rt){it.insertBefore(at,rt)}else{it.appendChild(at)}if(this.options.group.revertClone){this.animate(tt,at)}x(at,"display","");ft=false}}};function Ut(t){if(t.dataTransfer){t.dataTransfer.dropEffect="move"}t.cancelable&&t.preventDefault()}function Vt(t,e,n,i,r,o,a,f){var u,c=t[W],h=c.options.onMove,d;if(window.CustomEvent&&!s&&!l){u=new CustomEvent("move",{bubbles:true,cancelable:true})}else{u=document.createEvent("Event");u.initEvent("move",true,true)}u.to=e;u.from=t;u.dragged=n;u.draggedRect=i;u.related=r||e;u.relatedRect=o||M(e);u.willInsertAfter=f;u.originalEvent=a;t.dispatchEvent(u);if(h){d=h.call(c,u,a)}return d}function Zt(t){t.draggable=false}function qt(){Dt=false}function Jt(t,e,n){var i=M(C(n.el,0,n.options,true));var r=k(n.el);var o=10;return e?t.clientX<r.left-o||t.clientY<i.top&&t.clientX<i.right:t.clientY<r.top-o||t.clientY<i.bottom&&t.clientX<i.left}function Kt(t,e,n){var i=M(D(n.el,n.options.draggable));var r=k(n.el);var o=10;return e?t.clientX>r.right+o||t.clientY>i.bottom&&t.clientX>i.left:t.clientY>r.bottom+o||t.clientX>i.right&&t.clientY>i.top}function Qt(t,e,n,i,r,o,a,f){var u=i?t.clientY:t.clientX,s=i?n.height:n.width,l=i?n.top:n.left,c=i?n.bottom:n.right,h=false;if(!a){if(f&&kt<s*r){if(!Ot&&(Tt===1?u>l+s*o/2:u<c-s*o/2)){Ot=true}if(!Ot){if(Tt===1?u<l+kt:u>c-kt){return-Tt}}else{h=true}}else{if(u>l+s*(1-r)/2&&u<c-s*(1-r)/2){return te(e)}}}h=h||a;if(h){if(u<l+s*o/2||u>c-s*o/2){return u>l+s/2?1:-1}}return 0}function te(t){if(j(tt)<j(t)){return 1}else{return-1}}function ee(t){var e=t.tagName+t.className+t.src+t.href+t.textContent,n=e.length,i=0;while(n--){i+=e.charCodeAt(n)}return i.toString(36)}function ne(t){jt.length=0;var e=t.getElementsByTagName("input");var n=e.length;while(n--){var i=e[n];i.checked&&jt.push(i)}}function ie(t){return setTimeout(t,0)}function re(t){return clearTimeout(t)}if(At){p(document,"touchmove",(function(t){if(($t.active||vt)&&t.cancelable){t.preventDefault()}}))}$t.utils={on:p,off:g,css:x,find:T,is:function t(e,n){return!!E(e,n,e,false)},extend:F,throttle:H,closest:E,toggleClass:I,clone:R,index:j,nextTick:ie,cancelNextTick:re,detectDirection:Bt,getChild:C};$t.get=function(t){return t[W]};$t.mount=function(){for(var t=arguments.length,n=new Array(t),i=0;i<t;i++){n[i]=arguments[i]}if(n[0].constructor===Array)n=n[0];n.forEach((function(t){if(!t.prototype||!t.prototype.constructor){throw"Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(t))}if(t.utils)$t.utils=e(e({},$t.utils),t.utils);Z.mount(t)}))};$t.create=function(t,e){return new $t(t,e)};$t.version=f;var oe=[],ae,fe,ue=false,se,le,ce,he;function de(){function t(){this.defaults={scroll:true,forceAutoScrollFallback:false,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:true};for(var t in this){if(t.charAt(0)==="_"&&typeof this[t]==="function"){this[t]=this[t].bind(this)}}}t.prototype={dragStarted:function t(e){var n=e.originalEvent;if(this.sortable.nativeDraggable){p(document,"dragover",this._handleAutoScroll)}else{if(this.options.supportPointer){p(document,"pointermove",this._handleFallbackAutoScroll)}else if(n.touches){p(document,"touchmove",this._handleFallbackAutoScroll)}else{p(document,"mousemove",this._handleFallbackAutoScroll)}}},dragOverCompleted:function t(e){var n=e.originalEvent;if(!this.options.dragOverBubble&&!n.rootEl){this._handleAutoScroll(n)}},drop:function t(){if(this.sortable.nativeDraggable){g(document,"dragover",this._handleAutoScroll)}else{g(document,"pointermove",this._handleFallbackAutoScroll);g(document,"touchmove",this._handleFallbackAutoScroll);g(document,"mousemove",this._handleFallbackAutoScroll)}me();ve();G()},nulling:function t(){ce=fe=ae=ue=he=se=le=null;oe.length=0},_handleFallbackAutoScroll:function t(e){this._handleAutoScroll(e,true)},_handleAutoScroll:function t(e,n){var i=this;var r=(e.touches?e.touches[0]:e).clientX,o=(e.touches?e.touches[0]:e).clientY,a=document.elementFromPoint(r,o);ce=e;if(n||this.options.forceAutoScrollFallback||l||s||h){pe(e,this.options,a,n);var f=N(a,true);if(ue&&(!he||r!==se||o!==le)){he&&me();he=setInterval((function(){var t=N(document.elementFromPoint(r,o),true);if(t!==f){f=t;ve()}pe(e,i.options,t,n)}),10);se=r;le=o}}else{if(!this.options.bubbleScroll||N(a,true)===O()){ve();return}pe(e,this.options,N(a,false),false)}}};return r(t,{pluginName:"scroll",initializeByDefault:true})}function ve(){oe.forEach((function(t){clearInterval(t.pid)}));oe=[]}function me(){clearInterval(he)}var pe=H((function(t,e,n,i){if(!e.scroll)return;var r=(t.touches?t.touches[0]:t).clientX,o=(t.touches?t.touches[0]:t).clientY,a=e.scrollSensitivity,f=e.scrollSpeed,u=O();var s=false,l;if(fe!==n){fe=n;ve();ae=e.scroll;l=e.scrollFn;if(ae===true){ae=N(n,true)}}var c=0;var h=ae;do{var d=h,v=M(d),m=v.top,p=v.bottom,g=v.left,b=v.right,w=v.width,E=v.height,y=void 0,I=void 0,S=d.scrollWidth,T=d.scrollHeight,k=x(d),_=d.scrollLeft,C=d.scrollTop;if(d===u){y=w<S&&(k.overflowX==="auto"||k.overflowX==="scroll"||k.overflowX==="visible");I=E<T&&(k.overflowY==="auto"||k.overflowY==="scroll"||k.overflowY==="visible")}else{y=w<S&&(k.overflowX==="auto"||k.overflowX==="scroll");I=E<T&&(k.overflowY==="auto"||k.overflowY==="scroll")}var D=y&&(Math.abs(b-r)<=a&&_+w<S)-(Math.abs(g-r)<=a&&!!_);var j=I&&(Math.abs(p-o)<=a&&C+E<T)-(Math.abs(m-o)<=a&&!!C);if(!oe[c]){for(var A=0;A<=c;A++){if(!oe[A]){oe[A]={}}}}if(oe[c].vx!=D||oe[c].vy!=j||oe[c].el!==d){oe[c].el=d;oe[c].vx=D;oe[c].vy=j;clearInterval(oe[c].pid);if(D!=0||j!=0){s=true;oe[c].pid=setInterval(function(){if(i&&this.layer===0){$t.active._onTouchMove(ce)}var e=oe[this.layer].vy?oe[this.layer].vy*f:0;var n=oe[this.layer].vx?oe[this.layer].vx*f:0;if(typeof l==="function"){if(l.call($t.dragged.parentNode[W],n,e,t,ce,oe[this.layer].el)!=="continue"){return}}L(oe[this.layer].el,n,e)}.bind({layer:c}),24)}}c++}while(e.bubbleScroll&&h!==u&&(h=N(h,false)));ue=s}),30);var ge=function t(e){var n=e.originalEvent,i=e.putSortable,r=e.dragEl,o=e.activeSortable,a=e.dispatchSortableEvent,f=e.hideGhostForTarget,u=e.unhideGhostForTarget;if(!n)return;var s=i||o;f();var l=n.changedTouches&&n.changedTouches.length?n.changedTouches[0]:n;var c=document.elementFromPoint(l.clientX,l.clientY);u();if(s&&!s.el.contains(c)){a("spill");this.onSpill({dragEl:r,putSortable:i})}};function be(){}be.prototype={startIndex:null,dragStart:function t(e){var n=e.oldDraggableIndex;this.startIndex=n},onSpill:function t(e){var n=e.dragEl,i=e.putSortable;this.sortable.captureAnimationState();if(i){i.captureAnimationState()}var r=C(this.sortable.el,this.startIndex,this.options);if(r){this.sortable.el.insertBefore(n,r)}else{this.sortable.el.appendChild(n)}this.sortable.animateAll();if(i){i.animateAll()}},drop:ge};r(be,{pluginName:"revertOnSpill"});function we(){}we.prototype={onSpill:function t(e){var n=e.dragEl,i=e.putSortable;var r=i||this.sortable;r.captureAnimationState();n.parentNode&&n.parentNode.removeChild(n);r.animateAll()},drop:ge};r(we,{pluginName:"removeOnSpill"});$t.mount(new de);$t.mount(we,be);const Ee=new Set;const ye={ghostClass:"calcite-sortable--ghost",chosenClass:"calcite-sortable--chosen",dragClass:"calcite-sortable--drag",fallbackClass:"calcite-sortable--fallback"};function Ie(t){xe(t);Ee.add(t);const e="id";const{group:n,handleSelector:i,dragSelector:r}=t;t.sortable=$t.create(t.el,{dataIdAttr:e,...ye,...!!r&&{draggable:r},...!!n&&{group:{name:n,...!!t.canPull&&{pull:(e,n,i,{newIndex:r,oldIndex:o})=>t.canPull({toEl:e.el,fromEl:n.el,dragEl:i,newIndex:r,oldIndex:o})},...!!t.canPut&&{put:(e,n,i,{newIndex:r,oldIndex:o})=>t.canPut({toEl:e.el,fromEl:n.el,dragEl:i,newIndex:r,oldIndex:o})}}},handle:i,filter:`${i}[disabled]`,onStart:({from:e,item:n,to:i,newIndex:r,oldIndex:o})=>{Se.active=true;Oe();t.onDragStart({fromEl:e,dragEl:n,toEl:i,newIndex:r,oldIndex:o})},onEnd:({from:e,item:n,to:i,newIndex:r,oldIndex:o})=>{Se.active=false;Me();t.onDragEnd({fromEl:e,dragEl:n,toEl:i,newIndex:r,oldIndex:o})},onSort:({from:e,item:n,to:i,newIndex:r,oldIndex:o})=>{t.onDragSort({fromEl:e,dragEl:n,toEl:i,newIndex:r,oldIndex:o})}})}function xe(t){Ee.delete(t);t.sortable?.destroy();t.sortable=null}const Se={active:false};function Te(t){return t.dragEnabled&&Se.active}function Oe(){Array.from(Ee).forEach((t=>t.onGlobalDragStart()))}function Me(){Array.from(Ee).forEach((t=>t.onGlobalDragEnd()))}export{xe as a,Ie as c,Te as d};
+//# sourceMappingURL=p-23562709.js.map

package/dist/calcite/p-23e6adeb.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/main/LICENSE.md for details.
+ * v2.9.0-next.20
+ */
+import{r as e,c as t,h as o,g as i}from"./p-e48d006d.js";import{c as n,d as s}from"./p-0af75a98.js";import{h as c,e as a}from"./p-99726b90.js";import{s as l,a as r,c as d}from"./p-bf0746a3.js";import{c as h,d as f}from"./p-8e3a4720.js";import{c as g,d as p,s as m,u as b}from"./p-dd1ec8aa.js";import{K as u}from"./p-2e65afe6.js";import{o as k}from"./p-effbb31d.js";import{g as v}from"./p-ae81e665.js";import"./p-2fec90cc.js";import"./p-c26dde6d.js";import"./p-57e21d44.js";import"./p-70c530fa.js";const x={title:"title",message:"message",link:"link",actionsEnd:"actions-end"};const w={actionsEnd:"actions-end",close:"notice-close",container:"container",content:"notice-content",icon:"notice-icon"};const z=":host([scale=s]){--calcite-notice-spacing-token-small:0.5rem;--calcite-notice-spacing-token-large:0.75rem}:host([scale=s]) .container slot[name=title]::slotted(*),:host([scale=s]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) .container slot[name=message]::slotted(*),:host([scale=s]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .notice-close{padding:0.5rem}:host([scale=m]){--calcite-notice-spacing-token-small:0.75rem;--calcite-notice-spacing-token-large:1rem}:host([scale=m]) .container slot[name=title]::slotted(*),:host([scale=m]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) .container slot[name=message]::slotted(*),:host([scale=m]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=l]){--calcite-notice-spacing-token-small:1rem;--calcite-notice-spacing-token-large:1.25rem}:host([scale=l]) .container slot[name=title]::slotted(*),:host([scale=l]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) .container slot[name=message]::slotted(*),:host([scale=l]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([width=auto]){--calcite-notice-width:auto}:host([width=half]){--calcite-notice-width:50%}:host([width=full]){--calcite-notice-width:100%}:host{margin-inline:auto;display:none;max-inline-size:100%;align-items:center;inline-size:var(--calcite-notice-width)}.container{pointer-events:none;margin-block:0px;box-sizing:border-box;display:none;inline-size:100%;background-color:var(--calcite-color-foreground-1);opacity:0;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;max-block-size:0;text-align:start;border-inline-start:0px solid;box-shadow:0 0 0 0 transparent}.notice-close{outline-color:transparent}.notice-close:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host{display:flex}:host([open]) .container{pointer-events:auto;display:flex;max-block-size:100%;align-items:center;border-width:2px;opacity:1;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.container slot[name=title]::slotted(*),.container *::slotted([slot=title]){margin:0px;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.container slot[name=message]::slotted(*),.container *::slotted([slot=message]){margin:0px;display:inline;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);margin-inline-end:var(--calcite-notice-spacing-token-small)}.notice-content{box-sizing:border-box;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;padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;display:flex;min-inline-size:0px;flex-direction:column;overflow-wrap:break-word;flex:1 1 0;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:0 var(--calcite-notice-spacing-token-small)}.notice-content:first-of-type:not(:only-child){padding-inline-start:var(--calcite-notice-spacing-token-large)}.notice-content:only-of-type{padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large)}.notice-icon{display:flex;align-items:center;box-sizing:border-box;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;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto}.notice-close{display:flex;cursor:pointer;align-items:center;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;box-sizing:border-box;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;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;-webkit-appearance:none}.notice-close:hover,.notice-close:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.notice-close:active{background-color:var(--calcite-color-foreground-3)}.actions-end{display:flex;align-self:stretch}:host([kind=brand]) .container{border-color:var(--calcite-color-brand)}:host([kind=brand]) .container .notice-icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-color:var(--calcite-color-status-info)}:host([kind=info]) .container .notice-icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .notice-icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-color:var(--calcite-color-status-success)}:host([kind=success]) .container .notice-icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .notice-icon{color:var(--calcite-color-status-warning)}:host([hidden]){display:none}[hidden]{display:none}";const y=z;const j=class{constructor(o){e(this,o);this.calciteNoticeBeforeClose=t(this,"calciteNoticeBeforeClose",6);this.calciteNoticeBeforeOpen=t(this,"calciteNoticeBeforeOpen",6);this.calciteNoticeClose=t(this,"calciteNoticeClose",6);this.calciteNoticeOpen=t(this,"calciteNoticeOpen",6);this.setTransitionEl=e=>{this.transitionEl=e};this.close=()=>{this.open=false};this.openTransitionProp="opacity";this.open=false;this.kind="brand";this.closable=false;this.icon=undefined;this.iconFlipRtl=false;this.scale="m";this.width="auto";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined}openHandler(){k(this)}onMessagesChange(){}updateRequestedIcon(){this.requestedIcon=c(u,this.icon,this.kind)}connectedCallback(){n(this);h(this);g(this)}disconnectedCallback(){s(this);f(this);p(this)}async componentWillLoad(){l(this);this.requestedIcon=c(u,this.icon,this.kind);await m(this);if(this.open){k(this)}}componentDidLoad(){r(this)}render(){const{el:e}=this;const t=o("button",{key:"898b161c8f357e36a623c0a02de98be2cb2c2a73","aria-label":this.messages.close,class:w.close,onClick:this.close,ref:e=>this.closeButton=e},o("calcite-icon",{key:"258b71c704cbd390cd7fc031bc04a4ea2eef7ee6",icon:"x",scale:v(this.scale)}));const i=a(e,x.actionsEnd);return o("div",{key:"eb7ea8a838d8ea2182e02fba8701dc816dafbc60",class:w.container,ref:this.setTransitionEl},this.requestedIcon?o("div",{class:w.icon},o("calcite-icon",{flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:v(this.scale)})):null,o("div",{key:"3ac734d3b085f1c80bfb16b14df7cb8d1b7058cb",class:w.content},o("slot",{key:"2698e3774993b1af1bd93a2955e312705fd22543",name:x.title}),o("slot",{key:"b8fb3c294c893ce2edaddf46066a4df45d8832cd",name:x.message}),o("slot",{key:"01a792e1d41a8d935ddbb04b1eb857b8b88c8882",name:x.link})),i?o("div",{class:w.actionsEnd},o("slot",{name:x.actionsEnd})):null,this.closable?t:null)}async setFocus(){await d(this);const e=this.el.querySelector("calcite-link");if(!this.closeButton&&!e){return}if(e){return e.setFocus()}else if(this.closeButton){this.closeButton.focus()}}onBeforeClose(){this.calciteNoticeBeforeClose.emit()}onBeforeOpen(){this.calciteNoticeBeforeOpen.emit()}onClose(){this.calciteNoticeClose.emit()}onOpen(){this.calciteNoticeOpen.emit()}effectiveLocaleChange(){b(this,this.effectiveLocale)}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{open:["openHandler"],messageOverrides:["onMessagesChange"],icon:["updateRequestedIcon"],kind:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleChange"]}}};j.style=y;export{j as calcite_notice};
+//# sourceMappingURL=p-23e6adeb.entry.js.map

package/dist/calcite/p-27b469a5.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.0-next.20
+ */
+import{d as e}from"./p-9229616c.js";import"./p-e48d006d.js";import"./p-8356a697.js";import"./p-99726b90.js";import"./p-c26dde6d.js";import"./p-57e21d44.js";import"./p-ae04d854.js";import"./p-c5966b3e.js";import"./p-70c530fa.js";import"./p-9e5dd305.js";import"./p-ae81e665.js";import"./p-bf0746a3.js";import"./p-8e3a4720.js";import"./p-2fec90cc.js";import"./p-94138947.js";import"./p-0592bb74.js";import"./p-dd1ec8aa.js";import"./p-effbb31d.js";import"./p-c6f9db24.js";var o={name:"it-ch",weekdays:"domenica_lunedì_martedì_mercoledì_giovedì_venerdì_sabato".split("_"),months:"gennaio_febbraio_marzo_aprile_maggio_giugno_luglio_agosto_settembre_ottobre_novembre_dicembre".split("_"),weekStart:1,weekdaysShort:"dom_lun_mar_mer_gio_ven_sab".split("_"),monthsShort:"gen_feb_mar_apr_mag_giu_lug_ago_set_ott_nov_dic".split("_"),weekdaysMin:"do_lu_ma_me_gi_ve_sa".split("_"),ordinal:function e(o){return o},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},relativeTime:{future:"tra %s",past:"%s fa",s:"alcuni secondi",m:"un minuto",mm:"%d minuti",h:"un'ora",hh:"%d ore",d:"un giorno",dd:"%d giorni",M:"un mese",MM:"%d mesi",y:"un anno",yy:"%d anni"}};e.locale(o,null,true);export{o as default};
+//# sourceMappingURL=p-27b469a5.js.map

package/dist/calcite/p-27e6101c.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/main/LICENSE.md for details.
+ * v2.9.0-next.20
+ */
+import{r as e,c as t,f as i,h as s,H as a,g as n}from"./p-e48d006d.js";import{f as o,c as r,b as l,a as c,r as d,F as h}from"./p-b8ccf070.js";import{d as f,a as p,c as m,u}from"./p-94138947.js";import{x as b,t as g,f as v,q as w}from"./p-99726b90.js";import{g as y}from"./p-c26dde6d.js";import{o as x}from"./p-effbb31d.js";import{H as k}from"./p-6be4c997.js";import{c as E,d as z}from"./p-8e3a4720.js";import{u as H,c as j,s as P,d as C}from"./p-dd1ec8aa.js";import{s as D,a as L,c as B}from"./p-bf0746a3.js";import{c as F}from"./p-2fec90cc.js";import{F as O}from"./p-f9bb2b7b.js";import{g as R}from"./p-ae81e665.js";import{i as A}from"./p-70c530fa.js";import"./p-ad00867d.js";import"./p-57e21d44.js";class S{constructor(){this.registeredElements=new Map;this.registeredElementCount=0;this.queryPopover=e=>{const{registeredElements:t}=this;const i=e.find((e=>t.has(e)));return t.get(i)};this.togglePopovers=e=>{const t=e.composedPath();const i=this.queryPopover(t);if(i&&!i.triggerDisabled){i.open=!i.open}Array.from(this.registeredElements.values()).filter((e=>e!==i&&e.autoClose&&e.open&&!t.includes(e))).forEach((e=>e.open=false))};this.keyDownHandler=e=>{if(e.defaultPrevented){return}if(e.key==="Escape"){this.closeAllPopovers()}else if(A(e.key)){this.togglePopovers(e)}};this.clickHandler=e=>{if(b(e)){return}this.togglePopovers(e)}}registerElement(e,t){this.registeredElementCount++;this.registeredElements.set(e,t);if(this.registeredElementCount===1){this.addListeners()}}unregisterElement(e){if(this.registeredElements.delete(e)){this.registeredElementCount--}if(this.registeredElementCount===0){this.removeListeners()}}closeAllPopovers(){Array.from(this.registeredElements.values()).forEach((e=>e.open=false))}addListeners(){window.addEventListener("click",this.clickHandler);window.addEventListener("keydown",this.keyDownHandler)}removeListeners(){window.removeEventListener("click",this.clickHandler);window.removeEventListener("keydown",this.keyDownHandler)}}const T={container:"container",imageContainer:"image-container",closeButtonContainer:"close-button-container",closeButton:"close-button",content:"content",hasHeader:"has-header",header:"header",headerContent:"header-content",heading:"heading"};const M="auto";const $="aria-controls";const _="aria-expanded";const X=":host{--calcite-floating-ui-z-index:var(--calcite-popover-z-index, var(--calcite-z-index-popup));display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index)}.calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}:host([data-placement^=bottom]) .calcite-floating-ui-anim{transform:translateY(-5px)}:host([data-placement^=top]) .calcite-floating-ui-anim{transform:translateY(5px)}:host([data-placement^=left]) .calcite-floating-ui-anim{transform:translateX(5px)}:host([data-placement^=right]) .calcite-floating-ui-anim{transform:translateX(-5px)}:host([data-placement]) .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-color-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}:host([scale=s]) .heading{padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .heading{padding-inline:1rem;padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .heading{padding-inline:1.25rem;padding-block:1rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host{pointer-events:none}:host([open]){pointer-events:initial}.calcite-floating-ui-anim{border-radius:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1)}.arrow::before{outline:1px solid var(--calcite-color-border-3)}.header{display:flex;flex:1 1 auto;align-items:stretch;justify-content:flex-start;border-width:0px;border-block-end-width:1px;border-style:solid;border-block-end-color:var(--calcite-color-border-3)}.heading{margin:0px;display:block;flex:1 1 auto;align-self:center;white-space:normal;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);word-wrap:break-word;word-break:break-word}.container{position:relative;display:flex;block-size:100%;flex-direction:row;flex-wrap:nowrap;border-radius:0.25rem;color:var(--calcite-color-text-1)}.container.has-header{flex-direction:column}.content{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;align-self:center;word-wrap:break-word;word-break:break-word}.close-button-container{display:flex;overflow:hidden;flex:0 0 auto;border-start-end-radius:0.25rem;border-end-end-radius:0.25rem}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%}:host([hidden]){display:none}[hidden]{display:none}";const Y=X;const q=new S;const W=class{constructor(i){e(this,i);this.calcitePopoverBeforeClose=t(this,"calcitePopoverBeforeClose",6);this.calcitePopoverClose=t(this,"calcitePopoverClose",6);this.calcitePopoverBeforeOpen=t(this,"calcitePopoverBeforeOpen",6);this.calcitePopoverOpen=t(this,"calcitePopoverOpen",6);this.mutationObserver=F("mutation",(()=>this.updateFocusTrapElements()));this.guid=`calcite-popover-${y()}`;this.openTransitionProp="opacity";this.hasLoaded=false;this.setTransitionEl=e=>{this.transitionEl=e};this.setFilteredPlacements=()=>{const{el:e,flipPlacements:t}=this;this.filteredFlipPlacements=t?o(t,e):null};this.setUpReferenceElement=(e=true)=>{this.removeReferences();this.effectiveReferenceElement=this.getReferenceElement();r(this,this.effectiveReferenceElement,this.el);const{el:t,referenceElement:i,effectiveReferenceElement:s}=this;if(e&&i&&!s){console.warn(`${t.tagName}: reference-element id "${i}" was not found.`,{el:t})}this.addReferences()};this.getId=()=>this.el.id||this.guid;this.setExpandedAttr=()=>{const{effectiveReferenceElement:e,open:t}=this;if(!e){return}if("setAttribute"in e){e.setAttribute(_,g(t))}};this.addReferences=()=>{const{effectiveReferenceElement:e}=this;if(!e){return}const t=this.getId();if("setAttribute"in e){e.setAttribute($,t)}q.registerElement(e,this.el);this.setExpandedAttr()};this.removeReferences=()=>{const{effectiveReferenceElement:e}=this;if(!e){return}if("removeAttribute"in e){e.removeAttribute($);e.removeAttribute(_)}q.unregisterElement(e)};this.hide=()=>{this.open=false};this.storeArrowEl=e=>{this.arrowEl=e;this.reposition(true)};this.autoClose=false;this.closable=false;this.flipDisabled=false;this.focusTrapDisabled=false;this.pointerDisabled=false;this.flipPlacements=undefined;this.heading=undefined;this.headingLevel=undefined;this.label=undefined;this.messageOverrides=undefined;this.messages=undefined;this.offsetDistance=l;this.offsetSkidding=0;this.open=false;this.overlayPositioning="absolute";this.placement=M;this.referenceElement=undefined;this.scale="m";this.triggerDisabled=false;this.effectiveLocale="";this.floatingLayout="vertical";this.effectiveReferenceElement=undefined;this.defaultMessages=undefined}handleFocusTrapDisabled(e){if(!this.open){return}e?f(this):p(this)}flipPlacementsHandler(){this.setFilteredPlacements();this.reposition(true)}onMessagesChange(){}offsetDistanceOffsetHandler(){this.reposition(true)}offsetSkiddingHandler(){this.reposition(true)}openHandler(){x(this);this.reposition(true);this.setExpandedAttr()}overlayPositioningHandler(){this.reposition(true)}placementHandler(){this.reposition(true)}referenceElementHandler(){this.setUpReferenceElement();this.reposition(true)}effectiveLocaleChange(){H(this,this.effectiveLocale)}connectedCallback(){this.setFilteredPlacements();E(this);j(this);this.setUpReferenceElement(this.hasLoaded);m(this);if(this.open){x(this)}r(this,this.effectiveReferenceElement,this.el)}async componentWillLoad(){await P(this);D(this)}componentDidLoad(){L(this);if(this.referenceElement&&!this.effectiveReferenceElement){this.setUpReferenceElement()}r(this,this.effectiveReferenceElement,this.el);this.hasLoaded=true}disconnectedCallback(){this.removeReferences();z(this);C(this);c(this,this.effectiveReferenceElement,this.el);f(this)}async reposition(e=false){const{el:t,effectiveReferenceElement:i,placement:s,overlayPositioning:a,flipDisabled:n,filteredFlipPlacements:o,offsetDistance:r,offsetSkidding:l,arrowEl:c}=this;return d(this,{floatingEl:t,referenceEl:i,overlayPositioning:a,placement:s,flipDisabled:n,flipPlacements:o,offsetDistance:r,offsetSkidding:l,arrowEl:c,type:"popover"},e)}async setFocus(){await B(this);i(this.el);v(this.el)}async updateFocusTrapElements(){u(this)}getReferenceElement(){const{referenceElement:e,el:t}=this;return(typeof e==="string"?w(t,{id:e}):e)||null}onBeforeOpen(){this.calcitePopoverBeforeOpen.emit()}onOpen(){this.calcitePopoverOpen.emit();p(this)}onBeforeClose(){this.calcitePopoverBeforeClose.emit()}onClose(){this.calcitePopoverClose.emit();f(this)}renderCloseButton(){const{messages:e,closable:t}=this;return t?s("div",{class:T.closeButtonContainer,key:T.closeButtonContainer},s("calcite-action",{appearance:"transparent",class:T.closeButton,onClick:this.hide,ref:e=>this.closeButtonEl=e,scale:this.scale,text:e.close},s("calcite-icon",{icon:"x",scale:R(this.scale)}))):null}renderHeader(){const{heading:e,headingLevel:t}=this;const i=e?s(k,{class:T.heading,level:t},e):null;return i?s("div",{class:T.header,key:T.header},i,this.renderCloseButton()):null}render(){const{effectiveReferenceElement:e,heading:t,label:i,open:n,pointerDisabled:o,floatingLayout:r}=this;const l=e&&n;const c=!l;const d=!o?s(O,{floatingLayout:r,key:"floating-arrow",ref:this.storeArrowEl}):null;return s(a,{key:"aec1a50281dbf376182c23814af41a1fe9d77adc","aria-hidden":g(c),"aria-label":i,"aria-live":"polite","calcite-hydrated-hidden":c,id:this.getId(),role:"dialog"},s("div",{key:"a7c0bc39f6cf3350b970cc2b369ece9309285996",class:{[h.animation]:true,[h.animationActive]:l},ref:this.setTransitionEl},d,s("div",{key:"64d9269f3a7c4eb72639e8fae560bfa5a8fa7b10",class:{[T.hasHeader]:!!t,[T.container]:true}},this.renderHeader(),s("div",{key:"b28336f0d44731d31947529bd1dbfb7eab65dd03",class:T.content},s("slot",{key:"da5d1d03c3e3901d26b8841d6a299496d603da99"})),!t?this.renderCloseButton():null)))}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{focusTrapDisabled:["handleFocusTrapDisabled"],flipPlacements:["flipPlacementsHandler"],messageOverrides:["onMessagesChange"],offsetDistance:["offsetDistanceOffsetHandler"],offsetSkidding:["offsetSkiddingHandler"],open:["openHandler"],overlayPositioning:["overlayPositioningHandler"],placement:["placementHandler"],referenceElement:["referenceElementHandler"],effectiveLocale:["effectiveLocaleChange"]}}};W.style=Y;export{W as calcite_popover};
+//# sourceMappingURL=p-27e6101c.entry.js.map

package/dist/calcite/p-28d72f23.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.0-next.20
+ */
+import{d as _}from"./p-9229616c.js";import"./p-e48d006d.js";import"./p-8356a697.js";import"./p-99726b90.js";import"./p-c26dde6d.js";import"./p-57e21d44.js";import"./p-ae04d854.js";import"./p-c5966b3e.js";import"./p-70c530fa.js";import"./p-9e5dd305.js";import"./p-ae81e665.js";import"./p-bf0746a3.js";import"./p-8e3a4720.js";import"./p-2fec90cc.js";import"./p-94138947.js";import"./p-0592bb74.js";import"./p-dd1ec8aa.js";import"./p-effbb31d.js";import"./p-c6f9db24.js";var p={name:"zh-hk",months:"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),weekdays:"星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"),weekdaysShort:"週日_週一_週二_週三_週四_週五_週六".split("_"),weekdaysMin:"日_一_二_三_四_五_六".split("_"),ordinal:function _(p,m){switch(m){case"W":return p+"週";default:return p+"日"}},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY年M月D日",LLL:"YYYY年M月D日 HH:mm",LLLL:"YYYY年M月D日dddd HH:mm"},relativeTime:{future:"%s內",past:"%s前",s:"幾秒",m:"一分鐘",mm:"%d 分鐘",h:"一小時",hh:"%d 小時",d:"一天",dd:"%d 天",M:"一個月",MM:"%d 個月",y:"一年",yy:"%d 年"}};_.locale(p,null,true);export{p as default};
+//# sourceMappingURL=p-28d72f23.js.map

package/dist/calcite/p-2cf00d1c.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/main/LICENSE.md for details.
+ * v2.9.0-next.20
+ */
+import{r as e,c as t,h as a,H as i,g as n}from"./p-e48d006d.js";import{a as s,l as o,b as l}from"./p-9e5dd305.js";import"./p-99726b90.js";import"./p-c26dde6d.js";import"./p-57e21d44.js";import"./p-ae81e665.js";const c={container:"container"};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}:host([alignment=start]){text-align:start}:host([alignment=end]){text-align:end}:host([alignment=center]){text-align:center}:host([scale=s]) .container{gap:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, 0.5rem)}:host([scale=m]) .container{gap:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, 0.75rem)}:host([scale=l]) .container{gap:0.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-block-end:var(--calcite-label-margin-bottom, 1rem)}:host .container{margin-inline:0px;margin-block-start:0px;inline-size:100%;line-height:1.375;color:var(--calcite-color-text-1)}:host([layout=default]) .container{display:flex;flex-direction:column}:host([layout=inline]) .container,:host([layout=inline-space-between]) .container{display:flex;flex-direction:row;align-items:center;gap:0.5rem}:host([layout=inline][scale=l]) .container{gap:0.75rem}:host([layout=inline-space-between]) .container{justify-content:space-between}:host([disabled])>.container{opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted(*[disabled]),:host([disabled]) ::slotted(*[disabled] *){--tw-bg-opacity:1}:host([disabled]) ::slotted(calcite-input-message:not([active])){--tw-bg-opacity: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 h=class{constructor(a){e(this,a);this.calciteInternalLabelClick=t(this,"calciteInternalLabelClick",2);this.labelClickHandler=e=>{this.calciteInternalLabelClick.emit({sourceEvent:e})};this.alignment="start";this.for=undefined;this.scale="m";this.layout="default"}handleForChange(){s(this.el)}connectedCallback(){document.dispatchEvent(new CustomEvent(o))}disconnectedCallback(){document.dispatchEvent(new CustomEvent(l))}render(){return a(i,{key:"6a8bf489a2e99059115391eebcfcd3ac60a15f84",onClick:this.labelClickHandler},a("div",{key:"3a690f256f850829107789b0560c0789a8578e09",class:c.container},a("slot",{key:"ebb67d2ba5254b87058c5bf45edc2d6299da00e7"})))}get el(){return n(this)}static get watchers(){return{for:["handleForChange"]}}};h.style=d;export{h as calcite_label};
+//# sourceMappingURL=p-2cf00d1c.entry.js.map

package/dist/calcite/p-2e65afe6.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.0-next.20
+ */
+const a={brand:"lightbulb",danger:"exclamationMarkTriangle",info:"information",success:"checkCircle",warning:"exclamationMarkTriangle"};export{a as K};
+//# sourceMappingURL=p-2e65afe6.js.map

package/dist/calcite/p-2ed6a191.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/main/LICENSE.md for details.
+ * v2.9.0-next.20
+ */
+import{r as t,c as s,h as e,g as i,H as a}from"./p-e48d006d.js";import{c as o,u as n,d as r,I as c}from"./p-ae04d854.js";import{s as l,a as h,c as d}from"./p-bf0746a3.js";import{c as f,d as p}from"./p-8e3a4720.js";import{c as u}from"./p-2fec90cc.js";import{u as m,c as b,s as g,d as w}from"./p-dd1ec8aa.js";import{g as v,m as x,d as y,a as k,s as L,h as j,b as I,c as C,k as D,e as z,i as H,f as S,j as A,l as F,n as R,r as B,o as E,p as U,q as _,t as M,L as O,I as V,C as q,S as G}from"./p-53206461.js";import{d as K,a as T,c as W}from"./p-23562709.js";import{d as $,e as P}from"./p-99726b90.js";import{c as J,d as N}from"./p-0af75a98.js";import{g as Q}from"./p-c26dde6d.js";import"./p-c5966b3e.js";import"./p-ae81e665.js";import"./p-70c530fa.js";import"./p-3c7de4a4.js";import"./p-ad00867d.js";import"./p-57e21d44.js";const X={container:"container",handle:"handle"};const Y={grip:"grip"};function Z(t,s,e){const{items:i,messages:a}=e;const o=i.length;const n=v(e,t)+1;const r=s==="idle"?a.dragHandleIdle:s==="active"?a.dragHandleActive:s==="change"?a.dragHandleChange:a.dragHandleCommit;return st(r,t.label,n,o)}function tt(t){const s=t.composedPath().find((t=>t.dataset?.jsHandle!==undefined));const e=t.composedPath().find((t=>t.tagName?.toLowerCase()==="calcite-value-list-item"));return{handle:s,item:e}}function st(t,s,e,i){const a=t.replace("{position}",e.toString());const o=a.replace("{itemLabel}",s);return o.replace("{total}",i.toString())}const et=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;flex-grow:0;flex-direction:column;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}calcite-value-list-item:last-of-type{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([filter-enabled]) header{margin-block-end:0.25rem;display:flex;align-items:center;justify-content:flex-end;background-color:var(--calcite-color-foreground-1);--tw-shadow:0 1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([filter-enabled]) header.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-z-index-sticky)}calcite-filter{margin-block-end:1px}.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 it=et;const at=class{constructor(e){t(this,e);this.calciteListChange=s(this,"calciteListChange",6);this.calciteListOrderChange=s(this,"calciteListOrderChange",6);this.calciteListFilter=s(this,"calciteListFilter",6);this.lastSelectedItem=null;this.mutationObserver=u("mutation",x.bind(this));this.handleSelector=`.${X.handle}`;this.dragSelector="calcite-value-list-item";this.setFilterEl=t=>{this.filterEl=t};this.setFilteredItems=t=>{this.filteredItems=t};this.deselectRemovedItems=y.bind(this);this.deselectSiblingItems=k.bind(this);this.selectSiblings=L.bind(this);this.handleFilter=j.bind(this);this.handleFilterEvent=I.bind(this);this.getItemData=C.bind(this);this.keyDownHandler=t=>{if(t.defaultPrevented){return}const{handle:s,item:e}=tt(t);if(s&&!e.handleActivated&&t.key===" "){this.updateScreenReaderText(Z(e,"commit",this))}if(!s||!e.handleActivated){D.call(this,t);return}t.preventDefault();const{items:i}=this;if(t.key===" "){this.updateScreenReaderText(Z(e,"active",this))}if(t.key!=="ArrowUp"&&t.key!=="ArrowDown"||i.length<=1){return}const{el:a}=this;const o=z(this,e,t.key==="ArrowUp"?"up":"down");if(o===i.length-1){a.appendChild(e)}else{const t=a.children[o];const s=t===e.nextElementSibling?t.nextElementSibling:t;a.insertBefore(e,s)}this.items=this.getItems();this.calciteListOrderChange.emit(this.items.map((({value:t})=>t)));requestAnimationFrame((()=>$(s)));e.handleActivated=true;this.updateHandleAriaLabel(s,Z(e,"change",this))};this.storeAssistiveEl=t=>{this.assistiveTextEl=t};this.handleFocusIn=t=>{const{handle:s,item:e}=tt(t);if(!e?.handleActivated&&e&&s){this.updateHandleAriaLabel(s,Z(e,"idle",this))}};this.disabled=false;this.canPull=undefined;this.canPut=undefined;this.dragEnabled=false;this.filteredItems=[];this.filteredData=[];this.filterEnabled=false;this.filterPlaceholder=undefined;this.filterText=undefined;this.group=undefined;this.loading=false;this.multiple=false;this.selectionFollowsFocus=false;this.messageOverrides=undefined;this.messages=undefined;this.dataForFilter=[];this.defaultMessages=undefined;this.effectiveLocale="";this.selectedValues=new Map}onMessagesChange(){}effectiveLocaleChange(){m(this,this.effectiveLocale)}connectedCallback(){if(K(this)){return}o(this);f(this);b(this);H.call(this);S.call(this);this.setUpSorting()}async componentWillLoad(){l(this);await g(this)}componentDidLoad(){h(this);A.call(this)}componentDidRender(){n(this)}disconnectedCallback(){if(K(this)){return}r(this);T(this);p(this);w(this);F.call(this)}calciteListFocusOutHandler(t){R.call(this,t)}calciteListItemRemoveHandler(t){B.call(this,t)}calciteListItemChangeHandler(t){E.call(this,t)}calciteInternalListItemPropsChangeHandler(t){t.stopPropagation();this.setUpFilter()}calciteInternalListItemValueChangeHandler(t){U.call(this,t);t.stopPropagation()}onGlobalDragStart(){F.call(this)}onGlobalDragEnd(){S.call(this)}onDragEnd(){}onDragStart(){}onDragSort(){this.items=Array.from(this.el.querySelectorAll("calcite-value-list-item"));const t=this.items.map((t=>t.value));this.calciteListOrderChange.emit(t)}getItems(){return Array.from(this.el.querySelectorAll("calcite-value-list-item"))}setUpItems(){_.call(this,"calcite-value-list-item");this.setUpSorting()}setUpFilter(){if(this.filterEnabled){this.dataForFilter=this.getItemData()}}setUpSorting(){const{dragEnabled:t}=this;if(!t){return}W(this)}handleBlur(){if(this.dragEnabled){this.updateScreenReaderText("")}}async getSelectedItems(){return this.selectedValues}async setFocus(t){await d(this);return M.call(this,t)}getIconType(){let t=null;if(this.dragEnabled){t=Y.grip}return t}updateScreenReaderText(t){this.assistiveTextEl.textContent=t}updateHandleAriaLabel(t,s){t.ariaLabel=s}handleValueListItemBlur(t){const{item:s,handle:e}=t.detail;if(!s?.handleActivated&&s){this.updateHandleAriaLabel(e,Z(s,"idle",this))}t.stopPropagation()}render(){return e(O,{key:"2ea5ebbc75e1535376ac43da1fded54ca476978d",onBlur:this.handleBlur,onFocusin:this.handleFocusIn,onKeyDown:this.keyDownHandler,props:this})}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};at.style=it;const ot={drag:"drag"};const nt={actionsEnd:"actions-end",actionsStart:"actions-start"};const rt=":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{margin-block-end:1px;box-sizing:border-box;display:flex;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2);--tw-shadow:0 1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transition:background-color var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing)}:host *{box-sizing:border-box}calcite-pick-list-item{position:relative;margin:0px;flex-grow:1;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([active]),:host([selected]){--tw-shadow:0 0 0 1px var(--calcite-color-brand);--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.handle{display:flex;cursor:move;align-items:center;justify-content:center;border-style:none;background-color:transparent;padding-block:0px;padding-inline:0.25rem;color:var(--calcite-color-border-input);outline-color:transparent}.handle:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.handle: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          )}.handle--activated{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}.handle calcite-icon{color:inherit}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const ct=rt;const lt=class{constructor(e){t(this,e);this.calciteListItemChange=s(this,"calciteListItemChange",6);this.calciteListItemRemove=s(this,"calciteListItemRemove",7);this.calciteValueListItemDragHandleBlur=s(this,"calciteValueListItemDragHandleBlur",6);this.pickListItem=null;this.guid=`calcite-value-list-item-${Q()}`;this.getPickListRef=t=>this.pickListItem=t;this.handleKeyDown=t=>{if(t.key===" "){this.handleActivated=!this.handleActivated}};this.handleBlur=()=>{this.handleActivated=false;this.calciteValueListItemDragHandleBlur.emit({item:this.el,handle:this.handleEl})};this.handleSelectChange=t=>{this.selected=t.detail.selected};this.description=undefined;this.disabled=false;this.deselectDisabled=false;this.nonInteractive=false;this.handleActivated=false;this.icon=null;this.iconFlipRtl=false;this.label=undefined;this.metadata=undefined;this.removable=false;this.selected=false;this.value=undefined}connectedCallback(){J(this);o(this)}disconnectedCallback(){N(this);r(this)}componentWillLoad(){l(this)}componentDidLoad(){h(this)}componentDidRender(){n(this)}async toggleSelected(t){this.pickListItem.toggleSelected(t)}async setFocus(){await d(this);return this.pickListItem?.setFocus()}calciteListItemChangeHandler(t){t.detail.item=this.el}renderActionsEnd(){const{el:t}=this;const s=P(t,nt.actionsEnd);return s?e("slot",{name:nt.actionsEnd,slot:G.actionsEnd}):null}renderActionsStart(){const{el:t}=this;const s=P(t,nt.actionsStart);return s?e("slot",{name:nt.actionsStart,slot:G.actionsStart}):null}renderHandle(){const{icon:t,iconFlipRtl:s}=this;if(t===V.grip){return e("span",{class:{[q.handle]:true,[q.handleActivated]:this.handleActivated},"data-js-handle":true,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,ref:t=>this.handleEl=t,role:"button",tabindex:"0"},e("calcite-icon",{flipRtl:s,icon:ot.drag,scale:"s"}))}}render(){return e(a,{key:"5eedefaa65be96d0553a7869a3410b3f599ad0d2",id:this.el.id||this.guid},e(c,{key:"9c85c73f602865e3cf90d70db801135e3863433b",disabled:this.disabled},this.renderHandle(),e("calcite-pick-list-item",{key:"916fb72ef07bd99c28eb1a3146691d0e2b2ed296",description:this.description,deselectDisabled:this.deselectDisabled,disabled:this.disabled,label:this.label,metadata:this.metadata,nonInteractive:this.nonInteractive,onCalciteListItemChange:this.handleSelectChange,ref:this.getPickListRef,removable:this.removable,selected:this.selected,value:this.value},this.renderActionsStart(),this.renderActionsEnd())))}get el(){return i(this)}};lt.style=ct;export{at as calcite_value_list,lt as calcite_value_list_item};
+//# sourceMappingURL=p-2ed6a191.entry.js.map