@esri/calcite-components 2.5.2-next.0 → 2.5.2-next.1

package/dist/calcite/p-e121b541.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.5.2-next.1
+ */
+import{r as t,c as i,h as e,H as n,g as o}from"./p-ce7a94e9.js";import{e as s,i as r,h as a,g as l}from"./p-9df2dac1.js";import{s as c,c as h,i as u,d,H as p}from"./p-6d4d314a.js";import{c as b,d as m,u as f,I as v}from"./p-4d0a4021.js";import{n as g}from"./p-63728af3.js";import{c as x,d as w,g as y}from"./p-d592c59d.js";import{a as k,s as z,c as j}from"./p-9ebac7df.js";import{n as I,i as W,p as E,s as D,a as C,c as L,d as N,B}from"./p-1f0e6b1d.js";import{c as $}from"./p-383d66f6.js";import{C as F}from"./p-213aeca6.js";import{u as P,c as V,d as A,s as H}from"./p-2e494a15.js";import{g as K}from"./p-dc1996cd.js";import{V as M}from"./p-616f42c5.js";import{s as O}from"./p-5e3ab69a.js";import"./p-5b5bf4fb.js";import"./p-f09acdd0.js";const R={loader:"loader",clearButton:"clear-button",editingEnabled:"editing-enabled",inlineChild:"inline-child",inputIcon:"icon",prefix:"prefix",suffix:"suffix",numberButtonWrapper:"number-button-wrapper",buttonItemHorizontal:"number-button-item--horizontal",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper",resizeIconWrapper:"resize-icon-wrapper",numberButtonItem:"number-button-item"};const S={action:"action"};const U=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{block-size:1.5rem}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{block-size:2rem}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{block-size:2.75rem}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing), block-size 0, outline-offset 0s;-webkit-appearance:none;position:relative;margin:0px;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;text-overflow:ellipsis;border-radius:0px;background-color:var(--calcite-color-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1)}input:placeholder-shown{text-overflow:ellipsis}input{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);color:var(--calcite-color-text-1)}input::placeholder,input:-ms-input-placeholder,input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-text-1)}input[readonly]{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}input[readonly]:focus{color:var(--calcite-color-text-1)}calcite-icon{color:var(--calcite-color-text-3)}input{outline-color:transparent}input:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([status=invalid]) input{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) input:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([scale=s]) .icon{inset-inline-start:0.5rem}:host([scale=m]) .icon{inset-inline-start:0.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{padding-inline-start:2rem}:host([icon][scale=m]) input{padding-inline-start:2.5rem}:host([icon][scale=l]) input{padding-inline-start:3.5rem}.element-wrapper{position:relative;order:3;display:inline-flex;flex:1 1 0%;align-items:center}.icon{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);display:block;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button{pointer-events:initial;order:4;margin:0px;box-sizing:border-box;display:flex;min-block-size:100%;cursor:pointer;align-items:center;justify-content:center;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-color-foreground-2);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:hover calcite-icon{color:var(--calcite-color-text-1);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:active{background-color:var(--calcite-color-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-color-text-1)}.clear-button:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.clear-button:disabled{opacity:var(--calcite-opacity-disabled)}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{order:7;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-color-text-2)}.prefix{order:2;border-inline-end-width:0px}.suffix{order:5;border-inline-start-width:0px}:host([alignment=start]) input{text-align:start}:host([alignment=end]) input{text-align:end}.number-button-wrapper{pointer-events:none;order:6;box-sizing:border-box;display:flex;flex-direction:column;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host([number-button-type=vertical]) .wrapper{flex-direction:row;display:flex}:host([number-button-type=vertical]) input{order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-icon{transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-icon{transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:1;max-block-size:100%;min-block-size:100%;align-self:stretch}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-icon,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-icon{transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);border-inline-end-width:0px}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover{background-color:var(--calcite-color-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover calcite-icon{color:var(--calcite-color-text-1)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:5}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover{background-color:var(--calcite-color-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover{background-color:var(--calcite-color-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover{background-color:var(--calcite-color-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px}.number-button-item{max-block-size:50%;min-block-size:50%;pointer-events:initial;margin:0px;box-sizing:border-box;display:flex;cursor:pointer;align-items:center;align-self:center;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);padding-block:0px;padding-inline:0.5rem;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline-start-width:0px}.number-button-item calcite-icon{pointer-events:none;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.number-button-item:focus{background-color:var(--calcite-color-foreground-2)}.number-button-item:focus calcite-icon{color:var(--calcite-color-text-1)}.number-button-item:active{background-color:var(--calcite-color-foreground-3)}.number-button-item:disabled{pointer-events:none}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{background-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}input.inline-child .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";const G=class{constructor(e){t(this,e);this.calciteInternalInputNumberFocus=i(this,"calciteInternalInputNumberFocus",6);this.calciteInternalInputNumberBlur=i(this,"calciteInternalInputNumberBlur",6);this.calciteInputNumberInput=i(this,"calciteInputNumberInput",7);this.calciteInputNumberChange=i(this,"calciteInputNumberChange",6);this.previousValueOrigin="initial";this.mutationObserver=$("mutation",(()=>this.setDisabledAction()));this.userChangedValue=false;this.keyDownHandler=t=>{if(this.readOnly||this.disabled){return}if(this.isClearable&&t.key==="Escape"){this.clearInputValue(t);t.preventDefault()}if(t.key==="Enter"&&!t.defaultPrevented){if(c(this)){t.preventDefault()}}};this.clearInputValue=t=>{this.setNumberValue({committing:true,nativeEvent:t,origin:"user",value:""})};this.emitChangeIfUserModified=()=>{if(this.previousValueOrigin==="user"&&this.value!==this.previousEmittedNumberValue){this.calciteInputNumberChange.emit();this.setPreviousEmittedNumberValue(this.value)}};this.inputNumberBlurHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId);this.calciteInternalInputNumberBlur.emit();this.emitChangeIfUserModified()};this.clickHandler=t=>{if(this.disabled){return}const i=s(this.el,"action");if(t.target!==i){this.setFocus()}};this.inputNumberFocusHandler=()=>{this.calciteInternalInputNumberFocus.emit()};this.inputNumberInputHandler=t=>{if(this.disabled||this.readOnly){return}if(this.value==="Infinity"||this.value==="-Infinity"){return}const i=t.target.value;I.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};const e=I.delocalize(i);if(t.inputType==="insertFromPaste"){if(!W(e)||this.integer&&(e.includes("e")||e.includes("."))){t.preventDefault()}this.setNumberValue({nativeEvent:t,origin:"user",value:E(e)});this.childNumberEl.value=this.displayedValue}else{this.setNumberValue({nativeEvent:t,origin:"user",value:e})}};this.inputNumberKeyDownHandler=t=>{if(this.disabled||this.readOnly){return}if(this.value==="Infinity"||this.value==="-Infinity"){t.preventDefault();if(t.key==="Backspace"||t.key==="Delete"){this.clearInputValue(t)}return}if(t.key==="ArrowUp"){t.preventDefault();this.nudgeNumberValue("up",t);return}if(t.key==="ArrowDown"){this.nudgeNumberValue("down",t);return}const i=[...g,"ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab"];if(t.altKey||t.ctrlKey||t.metaKey){return}const e=t.shiftKey&&t.key==="Tab";if(i.includes(t.key)||e){if(t.key==="Enter"){this.emitChangeIfUserModified()}return}I.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};if(t.key===I.decimal&&!this.integer){if(!this.value&&!this.childNumberEl.value){return}if(this.value&&this.childNumberEl.value.indexOf(I.decimal)===-1){return}}if(/[eE]/.test(t.key)&&!this.integer){if(!this.value&&!this.childNumberEl.value){return}if(this.value&&!/[eE]/.test(this.childNumberEl.value)){return}}if(t.key==="-"){if(!this.value&&!this.childNumberEl.value){return}if(this.value&&this.childNumberEl.value.split("-").length<=2){return}}t.preventDefault()};this.nudgeNumberValue=(t,i)=>{if(i instanceof KeyboardEvent&&i.repeat){return}const e=this.maxString?parseFloat(this.maxString):null;const n=this.minString?parseFloat(this.minString):null;const o=150;this.incrementOrDecrementNumberValue(t,e,n,i);if(this.nudgeNumberValueIntervalId){window.clearInterval(this.nudgeNumberValueIntervalId)}let s=true;this.nudgeNumberValueIntervalId=window.setInterval((()=>{if(s){s=false;return}this.incrementOrDecrementNumberValue(t,e,n,i)}),o)};this.nudgeButtonPointerUpHandler=t=>{if(!r(t)){return}window.clearInterval(this.nudgeNumberValueIntervalId)};this.nudgeButtonPointerOutHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId)};this.nudgeButtonPointerDownHandler=t=>{if(!r(t)){return}t.preventDefault();const i=t.target.dataset.adjustment;if(!this.disabled){this.nudgeNumberValue(i,t)}};this.onHiddenFormInputInput=t=>{if(t.target.name===this.name){this.setNumberValue({value:t.target.value,origin:"direct"})}this.setFocus();t.stopPropagation()};this.setChildNumberElRef=t=>{this.childNumberEl=t};this.setInputNumberValue=t=>{if(!this.childNumberEl){return}this.childNumberEl.value=t};this.setPreviousEmittedNumberValue=t=>{this.previousEmittedNumberValue=this.normalizeValue(t)};this.setPreviousNumberValue=t=>{this.previousValue=this.normalizeValue(t)};this.setNumberValue=({committing:t=false,nativeEvent:i,origin:e,previousValue:n,value:o})=>{I.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};const s=this.previousValue?.length>o.length||this.value?.length>o.length;const r=this.integer?o.replace(/[e.]/g,""):o;const a=r.charAt(r.length-1)===".";const l=a&&s?r:D(r);const c=o&&!l?W(this.previousValue)?this.previousValue:"":l;let h=I.localize(c);if(e!=="connected"&&!a){h=C(h,c,I)}this.displayedValue=a&&s?`${h}${I.decimal}`:h;this.setPreviousNumberValue(n??this.value);this.previousValueOrigin=e;this.userChangedValue=e==="user"&&this.value!==c;this.value=["-","."].includes(c)?"":c;if(e==="direct"){this.setInputNumberValue(h);this.setPreviousEmittedNumberValue(h)}if(i){const i=this.calciteInputNumberInput.emit();if(i.defaultPrevented){this.value=this.previousValue;this.displayedValue=I.localize(this.previousValue)}else if(t){this.emitChangeIfUserModified()}}};this.inputNumberKeyUpHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId)};this.alignment="start";this.autofocus=false;this.clearable=false;this.disabled=false;this.form=undefined;this.groupSeparator=false;this.icon=undefined;this.iconFlipRtl=false;this.integer=false;this.label=undefined;this.loading=false;this.numberingSystem=undefined;this.localeFormat=false;this.max=undefined;this.min=undefined;this.maxLength=undefined;this.minLength=undefined;this.validationMessage=undefined;this.validationIcon=undefined;this.name=undefined;this.numberButtonType="vertical";this.placeholder=undefined;this.prefixText=undefined;this.readOnly=false;this.required=false;this.scale="m";this.status="idle";this.step=undefined;this.autocomplete=undefined;this.inputMode="decimal";this.enterKeyHint=undefined;this.suffixText=undefined;this.editingEnabled=false;this.value="";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale="";this.defaultMessages=undefined;this.displayedValue=undefined;this.slottedActionElDisabledInternally=false}disabledWatcher(){this.setDisabledAction()}maxWatcher(){this.maxString=this.max?.toString()||null}minWatcher(){this.minString=this.min?.toString()||null}onMessagesChange(){}valueWatcher(t,i){if(!this.userChangedValue){if(t==="Infinity"||t==="-Infinity"){this.displayedValue=t;this.previousEmittedNumberValue=t;return}this.setNumberValue({origin:"direct",previousValue:i,value:t==null||t==""?"":W(t)?t:this.previousValue||""});this.warnAboutInvalidNumberValue(t)}this.userChangedValue=false}updateRequestedIcon(){this.requestedIcon=a({},this.icon,"number")}get isClearable(){return this.clearable&&this.value.length>0}effectiveLocaleWatcher(t){P(this,this.effectiveLocale);I.numberFormatOptions={locale:t,numberingSystem:this.numberingSystem,useGrouping:false}}connectedCallback(){b(this);L(this);V(this);this.inlineEditableEl=this.el.closest("calcite-inline-editable");if(this.inlineEditableEl){this.editingEnabled=this.inlineEditableEl.editingEnabled||false}x(this);h(this);this.setPreviousEmittedNumberValue(this.value);this.setPreviousNumberValue(this.value);this.warnAboutInvalidNumberValue(this.value);if(this.value==="Infinity"||this.value==="-Infinity"){this.displayedValue=this.value;this.previousEmittedNumberValue=this.value}else{this.setNumberValue({origin:"connected",value:W(this.value)?this.value:""})}this.mutationObserver?.observe(this.el,{childList:true});this.setDisabledAction();this.el.addEventListener(u,this.onHiddenFormInputInput)}componentDidLoad(){k(this)}disconnectedCallback(){m(this);w(this);d(this);N(this);A(this);this.mutationObserver?.disconnect();this.el.removeEventListener(u,this.onHiddenFormInputInput)}async componentWillLoad(){z(this);this.maxString=this.max?.toString();this.minString=this.min?.toString();this.requestedIcon=a({},this.icon,"number");await H(this)}componentShouldUpdate(t,i,e){if(e==="value"&&t&&!W(t)){this.setNumberValue({origin:"reset",value:i});return false}return true}componentDidRender(){f(this)}async setFocus(){await j(this);this.childNumberEl?.focus()}async selectText(){this.childNumberEl?.select()}onLabelClick(){this.setFocus()}incrementOrDecrementNumberValue(t,i,e,n){const{value:o}=this;if(o==="Infinity"||o==="-Infinity"){return}const s=t==="up"?1:-1;const r=this.integer&&this.step!=="any"?Math.round(this.step):this.step;const a=r==="any"?1:Math.abs(r||1);const l=new B(o!==""?o:"0");const c=l.add(`${a*s}`);const h=()=>typeof e==="number"&&!isNaN(e)&&c.subtract(`${e}`).isNegative;const u=()=>typeof i==="number"&&!isNaN(i)&&!c.subtract(`${i}`).isNegative;const d=h()?`${e}`:u()?`${i}`:c.toString();this.setNumberValue({committing:true,nativeEvent:n,origin:"user",value:d})}syncHiddenFormInput(t){O("number",this,t)}setDisabledAction(){const t=s(this.el,"action");if(!t){return}if(this.disabled){if(t.getAttribute("disabled")==null){this.slottedActionElDisabledInternally=true}t.setAttribute("disabled","")}else if(this.slottedActionElDisabledInternally){t.removeAttribute("disabled");this.slottedActionElDisabledInternally=false}}normalizeValue(t){return W(t)?t:""}warnAboutInvalidNumberValue(t){if(t&&!W(t)){console.warn(`The specified value "${t}" cannot be parsed, or is out of range.`)}}render(){const t=l(this.el);const i=e("div",{class:R.loader},e("calcite-progress",{label:this.messages.loading,type:"indeterminate"}));const o=e("button",{"aria-label":this.messages.clear,class:R.clearButton,disabled:this.disabled||this.readOnly,onClick:this.clearInputValue,tabIndex:-1,type:"button"},e("calcite-icon",{icon:"x",scale:K(this.scale)}));const s=e("calcite-icon",{class:R.inputIcon,flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:K(this.scale)});const r=this.numberButtonType==="horizontal";const a=e("button",{"aria-hidden":"true",class:{[R.numberButtonItem]:true,[R.buttonItemHorizontal]:r},"data-adjustment":"up",disabled:this.disabled||this.readOnly,onPointerDown:this.nudgeButtonPointerDownHandler,onPointerOut:this.nudgeButtonPointerOutHandler,onPointerUp:this.nudgeButtonPointerUpHandler,tabIndex:-1,type:"button"},e("calcite-icon",{icon:"chevron-up",scale:K(this.scale)}));const c=e("button",{"aria-hidden":"true",class:{[R.numberButtonItem]:true,[R.buttonItemHorizontal]:r},"data-adjustment":"down",disabled:this.disabled||this.readOnly,onPointerDown:this.nudgeButtonPointerDownHandler,onPointerOut:this.nudgeButtonPointerOutHandler,onPointerUp:this.nudgeButtonPointerUpHandler,tabIndex:-1,type:"button"},e("calcite-icon",{icon:"chevron-down",scale:K(this.scale)}));const h=e("div",{class:R.numberButtonWrapper},a,c);const u=e("div",{class:R.prefix},this.prefixText);const d=e("div",{class:R.suffix},this.suffixText);const b=e("input",{"aria-label":y(this),autocomplete:this.autocomplete,autofocus:this.autofocus?true:null,defaultValue:this.defaultValue,disabled:this.disabled?true:null,enterKeyHint:this.enterKeyHint,inputMode:this.inputMode,key:"localized-input",maxLength:this.maxLength,minLength:this.minLength,name:undefined,onBlur:this.inputNumberBlurHandler,onFocus:this.inputNumberFocusHandler,onInput:this.inputNumberInputHandler,onKeyDown:this.inputNumberKeyDownHandler,onKeyUp:this.inputNumberKeyUpHandler,placeholder:this.placeholder||"",readOnly:this.readOnly,type:"text",value:this.displayedValue,ref:this.setChildNumberElRef});return e(n,{onClick:this.clickHandler,onKeyDown:this.keyDownHandler},e(v,{disabled:this.disabled},e("div",{class:{[R.inputWrapper]:true,[F.rtl]:t==="rtl"}},this.numberButtonType==="horizontal"&&!this.readOnly?c:null,this.prefixText?u:null,e("div",{class:R.wrapper},b,this.isClearable?o:null,this.requestedIcon?s:null,this.loading?i:null),e("div",{class:R.actionWrapper},e("slot",{name:S.action})),this.numberButtonType==="vertical"&&!this.readOnly?h:null,this.suffixText?d:null,this.numberButtonType==="horizontal"&&!this.readOnly?a:null,e(p,{component:this})),this.validationMessage?e(M,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{disabled:["disabledWatcher"],max:["maxWatcher"],min:["minWatcher"],messageOverrides:["onMessagesChange"],value:["valueWatcher"],icon:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleWatcher"]}}};G.style=U;export{G as calcite_input_number};
+//# sourceMappingURL=p-e121b541.entry.js.map

package/dist/calcite/p-e41e1eb3.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.5.2-next.1
+ */
+import{r as e,c as t,h as i,H as s,g as l}from"./p-ce7a94e9.js";import{l as a}from"./p-9df2dac1.js";import{i as n}from"./p-63728af3.js";import{c as o,u as c,d as r,I as h}from"./p-4d0a4021.js";import{g as d}from"./p-dc1996cd.js";import"./p-5b5bf4fb.js";import"./p-213aeca6.js";import"./p-f09acdd0.js";const b={lastVisibleRow:"last-visible-row"};const u=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{--calcite-internal-table-row-background:var(--calcite-table-row-background, var(--calcite-color-foreground-1));--calcite-internal-table-row-border-color:var(--calcite-table-row-border-color, transparent);display:contents}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) tr{pointer-events:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}tr{border-block-end:1px solid var(--calcite-internal-table-row-border-color);background-color:var(--calcite-internal-table-row-background)}tr.last-visible-row{border-block-end:0}";const f=class{constructor(i){e(this,i);this.calciteTableRowSelect=t(this,"calciteTableRowSelect",6);this.calciteInternalTableRowFocusRequest=t(this,"calciteInternalTableRowFocusRequest",6);this.rowCells=[];this.keyDownHandler=e=>{if(this.interactionMode!=="interactive"){return}const t=e.target;const i=e.key;const s=e.ctrlKey;const l=this.rowCells;if(t.matches("calcite-table-cell")||t.matches("calcite-table-header")){switch(i){case"ArrowUp":this.emitTableRowFocusRequest(t.positionInRow,this.positionAll,"previous");e.preventDefault();break;case"ArrowDown":this.emitTableRowFocusRequest(t.positionInRow,this.positionAll,"next");e.preventDefault();break;case"PageUp":this.emitTableRowFocusRequest(t.positionInRow,this.positionAll,"first");e.preventDefault();break;case"PageDown":this.emitTableRowFocusRequest(t.positionInRow,this.positionAll,"last");e.preventDefault();break;case"ArrowLeft":a(l,t,"previous",false);e.preventDefault();break;case"ArrowRight":a(l,t,"next",false);e.preventDefault();break;case"Home":if(s){this.emitTableRowFocusRequest(1,this.positionAll,"first");e.preventDefault()}else{a(l,t,"first",false);e.preventDefault()}break;case"End":if(s){this.emitTableRowFocusRequest(this.rowCells?.length,this.positionAll,"last",true);e.preventDefault()}else{a(l,t,"last",false);e.preventDefault()}break}}};this.emitTableRowFocusRequest=(e,t,i,s)=>{this.calciteInternalTableRowFocusRequest.emit({cellPosition:e,rowPosition:t,destination:i,lastCell:s})};this.updateCells=()=>{const e=this.tableRowSlotEl?.assignedElements({flatten:true})?.filter((e=>e.matches("calcite-table-cell")||e.matches("calcite-table-header")));const t=Array.from(this.tableRowEl?.querySelectorAll("calcite-table-header, calcite-table-cell"))?.filter((e=>e.numberCell||e.selectionCell));const i=t?t.concat(e):e;if(i.length>0){i?.forEach(((e,t)=>{e.interactionMode=this.interactionMode;e.positionInRow=t+1;e.parentRowType=this.rowType;e.parentRowIsSelected=this.selected;e.scale=this.scale;e.lastCell=t===i.length-1;if(e.nodeName==="CALCITE-TABLE-CELL"){e.readCellContentsToAT=this.readCellContentsToAT;e.disabled=this.disabled}}))}this.rowCells=i||[];this.cellCount=i?.length};this.handleSelectionOfRow=()=>{this.calciteTableRowSelect.emit()};this.handleKeyboardSelection=e=>{if(n(e.key)){if(e.key===" "){e.preventDefault()}this.handleSelectionOfRow()}};this.disabled=false;this.selected=false;this.cellCount=undefined;this.interactionMode="interactive";this.lastVisibleRow=undefined;this.rowType=undefined;this.numbered=false;this.positionSection=undefined;this.positionSectionLocalized=undefined;this.positionAll=undefined;this.readCellContentsToAT=undefined;this.scale=undefined;this.selectionMode="none";this.selectedRowCount=undefined;this.selectedRowCountLocalized=undefined;this.bodyRowCount=undefined;this.effectiveLocale=""}handleCellChanges(){if(this.tableRowEl&&this.rowCells.length>0){this.updateCells()}}handleDelayedCellChanges(){if(this.tableRowEl&&this.rowCells.length>0){requestAnimationFrame((()=>this.updateCells()))}}componentDidLoad(){if(this.tableRowEl&&this.rowCells.length>0){this.updateCells()}}connectedCallback(){o(this)}componentDidRender(){c(this)}disconnectedCallback(){r(this)}calciteInternalTableRowFocusChangeHandler(e){if(e.target.contains(this.el)){const t=e.detail.cellPosition;const i=e.detail.rowPosition;const s=e.detail.destination;const l=e.detail.lastCell;if(i===this.positionAll){if(this.disabled){const e=s==="last"?"previous":s==="first"?"next":s;this.emitTableRowFocusRequest(t,this.positionAll,e);return}const e=l?this.rowCells[this.rowCells.length-1]:this.rowCells?.find(((e,i)=>i+1===t));if(e){e.setFocus()}}}}renderSelectionIcon(){const e=this.selectionMode==="multiple"&&this.selected?"check-square-f":this.selectionMode==="multiple"?"square":this.selected?"circle-f":"circle";return i("calcite-icon",{icon:e,scale:d(this.scale)})}renderSelectableCell(){return this.rowType==="head"?i("calcite-table-header",{alignment:"center",bodyRowCount:this.bodyRowCount,key:"selection-head",onClick:this.selectionMode==="multiple"&&this.handleSelectionOfRow,onKeyDown:this.selectionMode==="multiple"&&this.handleKeyboardSelection,selectedRowCount:this.selectedRowCount,selectedRowCountLocalized:this.selectedRowCountLocalized,selectionCell:true,selectionMode:this.selectionMode}):this.rowType==="body"?i("calcite-table-cell",{alignment:"center",key:"selection-body",onClick:this.handleSelectionOfRow,onKeyDown:this.handleKeyboardSelection,parentRowIsSelected:this.selected,parentRowPositionLocalized:this.positionSectionLocalized,selectionCell:true},this.renderSelectionIcon()):i("calcite-table-cell",{alignment:"center",key:"selection-foot",selectionCell:true})}renderNumberedCell(){return this.rowType==="head"?i("calcite-table-header",{alignment:"center",key:"numbered-head",numberCell:true}):this.rowType==="body"?i("calcite-table-cell",{alignment:"center",key:"numbered-body",numberCell:true},this.positionSectionLocalized):i("calcite-table-cell",{alignment:"center",key:"numbered-foot",numberCell:true})}render(){return i(s,null,i(h,{disabled:this.disabled},i("tr",{"aria-disabled":this.disabled,"aria-rowindex":this.positionAll+1,"aria-selected":this.selected,class:{[b.lastVisibleRow]:this.lastVisibleRow},onKeyDown:this.keyDownHandler,ref:e=>this.tableRowEl=e},this.numbered&&this.renderNumberedCell(),this.selectionMode!=="none"&&this.renderSelectableCell(),i("slot",{onSlotchange:this.updateCells,ref:e=>this.tableRowSlotEl=e}))))}get el(){return l(this)}static get watchers(){return{bodyRowCount:["handleCellChanges"],scale:["handleCellChanges"],selected:["handleCellChanges"],selectedRowCount:["handleCellChanges"],interactionMode:["handleCellChanges"],numbered:["handleDelayedCellChanges"],selectionMode:["handleDelayedCellChanges"]}}};f.style=u;export{f as calcite_table_row};
+//# sourceMappingURL=p-e41e1eb3.entry.js.map

package/dist/calcite/p-e771393a.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.5.2-next.1
+ */
+import{d as t}from"./p-da74b73a.js";import"./p-ce7a94e9.js";import"./p-6d4d314a.js";import"./p-9df2dac1.js";import"./p-5b5bf4fb.js";import"./p-213aeca6.js";import"./p-4d0a4021.js";import"./p-f09acdd0.js";import"./p-63728af3.js";import"./p-d592c59d.js";import"./p-dc1996cd.js";import"./p-9ebac7df.js";import"./p-1f0e6b1d.js";import"./p-383d66f6.js";import"./p-39c07b81.js";import"./p-04b10d4a.js";import"./p-2e494a15.js";import"./p-84551688.js";import"./p-616f42c5.js";var m={name:"vi",weekdays:"chủ nhật_thứ hai_thứ ba_thứ tư_thứ năm_thứ sáu_thứ bảy".split("_"),months:"tháng 1_tháng 2_tháng 3_tháng 4_tháng 5_tháng 6_tháng 7_tháng 8_tháng 9_tháng 10_tháng 11_tháng 12".split("_"),weekStart:1,weekdaysShort:"CN_T2_T3_T4_T5_T6_T7".split("_"),monthsShort:"Th01_Th02_Th03_Th04_Th05_Th06_Th07_Th08_Th09_Th10_Th11_Th12".split("_"),weekdaysMin:"CN_T2_T3_T4_T5_T6_T7".split("_"),ordinal:function t(m){return m},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM [năm] YYYY",LLL:"D MMMM [năm] YYYY HH:mm",LLLL:"dddd, D MMMM [năm] YYYY HH:mm",l:"DD/M/YYYY",ll:"D MMM YYYY",lll:"D MMM YYYY HH:mm",llll:"ddd, D MMM YYYY HH:mm"},relativeTime:{future:"%s tới",past:"%s trước",s:"vài giây",m:"một phút",mm:"%d phút",h:"một giờ",hh:"%d giờ",d:"một ngày",dd:"%d ngày",M:"một tháng",MM:"%d tháng",y:"một năm",yy:"%d năm"}};t.locale(m,null,true);export default m;
+//# sourceMappingURL=p-e771393a.js.map

package/dist/calcite/p-e827b87a.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.5.2-next.1
+ */
+import{d as _}from"./p-da74b73a.js";import"./p-ce7a94e9.js";import"./p-6d4d314a.js";import"./p-9df2dac1.js";import"./p-5b5bf4fb.js";import"./p-213aeca6.js";import"./p-4d0a4021.js";import"./p-f09acdd0.js";import"./p-63728af3.js";import"./p-d592c59d.js";import"./p-dc1996cd.js";import"./p-9ebac7df.js";import"./p-1f0e6b1d.js";import"./p-383d66f6.js";import"./p-39c07b81.js";import"./p-04b10d4a.js";import"./p-2e494a15.js";import"./p-84551688.js";import"./p-616f42c5.js";var p={name:"hi",weekdays:"रविवार_सोमवार_मंगलवार_बुधवार_गुरूवार_शुक्रवार_शनिवार".split("_"),months:"जनवरी_फ़रवरी_मार्च_अप्रैल_मई_जून_जुलाई_अगस्त_सितम्बर_अक्टूबर_नवम्बर_दिसम्बर".split("_"),weekdaysShort:"रवि_सोम_मंगल_बुध_गुरू_शुक्र_शनि".split("_"),monthsShort:"जन._फ़र._मार्च_अप्रै._मई_जून_जुल._अग._सित._अक्टू._नव._दिस.".split("_"),weekdaysMin:"र_सो_मं_बु_गु_शु_श".split("_"),ordinal:function _(p){return p},formats:{LT:"A h:mm बजे",LTS:"A h:mm:ss बजे",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY, A h:mm बजे",LLLL:"dddd, D MMMM YYYY, A h: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 default p;
+//# sourceMappingURL=p-e827b87a.js.map

package/dist/calcite/p-ea6abdb1.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.5.2-next.1
+ */
+function n(n,r){return(n+r)%r}export{n as g};
+//# sourceMappingURL=p-ea6abdb1.js.map

package/dist/calcite/p-edcacbca.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.5.2-next.1
+ */
+import{h as t}from"./p-ce7a94e9.js";function e(t){return Math.min(Math.max(Math.ceil(t),1),6)}const r=(e,r)=>{const a=e.level?`h${e.level}`:"div";delete e.level;return t(a,{...e},r)};export{r as H,e as c};
+//# sourceMappingURL=p-edcacbca.js.map

package/dist/calcite/p-ef651f33.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.5.2-next.1
+ */
+import{d as a}from"./p-da74b73a.js";import"./p-ce7a94e9.js";import"./p-6d4d314a.js";import"./p-9df2dac1.js";import"./p-5b5bf4fb.js";import"./p-213aeca6.js";import"./p-4d0a4021.js";import"./p-f09acdd0.js";import"./p-63728af3.js";import"./p-d592c59d.js";import"./p-dc1996cd.js";import"./p-9ebac7df.js";import"./p-1f0e6b1d.js";import"./p-383d66f6.js";import"./p-39c07b81.js";import"./p-04b10d4a.js";import"./p-2e494a15.js";import"./p-84551688.js";import"./p-616f42c5.js";var s="siječnja_veljače_ožujka_travnja_svibnja_lipnja_srpnja_kolovoza_rujna_listopada_studenoga_prosinca".split("_");var r="siječanj_veljača_ožujak_travanj_svibanj_lipanj_srpanj_kolovoz_rujan_listopad_studeni_prosinac".split("_");var p=/D[oD]?(\[[^[\]]*\]|\s)+MMMM?/;var t=function a(t,_){if(p.test(_)){return s[t.month()]}return r[t.month()]};t.s=r;t.f=s;var _={name:"hr",weekdays:"nedjelja_ponedjeljak_utorak_srijeda_četvrtak_petak_subota".split("_"),weekdaysShort:"ned._pon._uto._sri._čet._pet._sub.".split("_"),weekdaysMin:"ne_po_ut_sr_če_pe_su".split("_"),months:t,monthsShort:"sij._velj._ožu._tra._svi._lip._srp._kol._ruj._lis._stu._pro.".split("_"),weekStart:1,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd, D. MMMM YYYY H:mm"},relativeTime:{future:"za %s",past:"prije %s",s:"sekunda",m:"minuta",mm:"%d minuta",h:"sat",hh:"%d sati",d:"dan",dd:"%d dana",M:"mjesec",MM:"%d mjeseci",y:"godina",yy:"%d godine"},ordinal:function a(s){return s+"."}};a.locale(_,null,true);export default _;
+//# sourceMappingURL=p-ef651f33.js.map

package/dist/calcite/p-f0655be6.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.5.2-next.1
+ */
+import{d as e}from"./p-da74b73a.js";import"./p-ce7a94e9.js";import"./p-6d4d314a.js";import"./p-9df2dac1.js";import"./p-5b5bf4fb.js";import"./p-213aeca6.js";import"./p-4d0a4021.js";import"./p-f09acdd0.js";import"./p-63728af3.js";import"./p-d592c59d.js";import"./p-dc1996cd.js";import"./p-9ebac7df.js";import"./p-1f0e6b1d.js";import"./p-383d66f6.js";import"./p-39c07b81.js";import"./p-04b10d4a.js";import"./p-2e494a15.js";import"./p-84551688.js";import"./p-616f42c5.js";var a={words:{m:["jedan minut","jednog minuta"],mm:["%d minut","%d minuta","%d minuta"],h:["jedan sat","jednog sata"],hh:["%d sat","%d sata","%d sati"],d:["jedan dan","jednog dana"],dd:["%d dan","%d dana","%d dana"],M:["jedan mesec","jednog meseca"],MM:["%d mesec","%d meseca","%d meseci"],y:["jednu godinu","jedne godine"],yy:["%d godinu","%d godine","%d godina"]},correctGrammarCase:function e(a,d){if(a%10>=1&&a%10<=4&&(a%100<10||a%100>=20)){return a%10===1?d[0]:d[1]}return d[2]},relativeTimeFormatter:function e(d,r,t,n){var m=a.words[t];if(t.length===1){if(t==="y"&&r)return"jedna godina";return n||r?m[0]:m[1]}var o=a.correctGrammarCase(d,m);if(t==="yy"&&r&&o==="%d godinu")return d+" godina";return o.replace("%d",d)}};var d={name:"sr",weekdays:"Nedelja_Ponedeljak_Utorak_Sreda_Četvrtak_Petak_Subota".split("_"),weekdaysShort:"Ned._Pon._Uto._Sre._Čet._Pet._Sub.".split("_"),weekdaysMin:"ne_po_ut_sr_če_pe_su".split("_"),months:"Januar_Februar_Mart_April_Maj_Jun_Jul_Avgust_Septembar_Oktobar_Novembar_Decembar".split("_"),monthsShort:"Jan._Feb._Mar._Apr._Maj_Jun_Jul_Avg._Sep._Okt._Nov._Dec.".split("_"),weekStart:1,relativeTime:{future:"za %s",past:"pre %s",s:"nekoliko sekundi",m:a.relativeTimeFormatter,mm:a.relativeTimeFormatter,h:a.relativeTimeFormatter,hh:a.relativeTimeFormatter,d:a.relativeTimeFormatter,dd:a.relativeTimeFormatter,M:a.relativeTimeFormatter,MM:a.relativeTimeFormatter,y:a.relativeTimeFormatter,yy:a.relativeTimeFormatter},ordinal:function e(a){return a+"."},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"D. M. YYYY.",LL:"D. MMMM YYYY.",LLL:"D. MMMM YYYY. H:mm",LLLL:"dddd, D. MMMM YYYY. H:mm"}};e.locale(d,null,true);export default d;
+//# sourceMappingURL=p-f0655be6.js.map

package/dist/calcite/p-f09acdd0.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.5.2-next.1
+ */
+function n(){return navigator.userAgentData}function r(){const r=n();return r?.brands?r.brands.map((({brand:n,version:r})=>`${n}/${r}`)).join(" "):navigator.userAgent}export{r as g};
+//# sourceMappingURL=p-f09acdd0.js.map

package/dist/calcite/p-f15f589a.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.5.2-next.1
+ */
+import{r as t,c as e,h as i,g as s,F as n,H as a}from"./p-ce7a94e9.js";import{c as o}from"./p-383d66f6.js";import{d as c}from"./p-9df2dac1.js";import{c as l,d as r,a as d,H as h}from"./p-6d4d314a.js";import{c as p,d as u,u as f,I as m}from"./p-4d0a4021.js";import{c as b,d as g,g as v}from"./p-d592c59d.js";import{s as x,a as w,c as C}from"./p-9ebac7df.js";import{g as y}from"./p-dc1996cd.js";import{V as z}from"./p-616f42c5.js";import"./p-5b5bf4fb.js";import"./p-213aeca6.js";import"./p-f09acdd0.js";const k=":host{display:block}:host([hidden]){display:none}[hidden]{display:none}";const O=class{constructor(i){t(this,i);this.calciteInternalOptionChange=e(this,"calciteInternalOptionChange",6);this.mutationObserver=o("mutation",(()=>{this.ensureTextContentDependentProps();this.calciteInternalOptionChange.emit()}));this.disabled=false;this.label=undefined;this.selected=undefined;this.value=undefined}handlePropChange(t,e,i){if(i==="label"||i==="value"){this.ensureTextContentDependentProps()}this.calciteInternalOptionChange.emit()}ensureTextContentDependentProps(){const{el:{textContent:t},internallySetLabel:e,internallySetValue:i,label:s,value:n}=this;if(!s||s===e){this.label=t;this.internallySetLabel=t}if(n==null||n===i){this.value=t;this.internallySetValue=t}}connectedCallback(){this.ensureTextContentDependentProps();this.mutationObserver?.observe(this.el,{attributeFilter:["label","value"],characterData:true,childList:true,subtree:true})}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){return i("slot",null,this.label)}get el(){return s(this)}static get watchers(){return{disabled:["handlePropChange"],label:["handlePropChange"],selected:["handlePropChange"],value:["handlePropChange"]}}};O.style=k;const P=":host{display:block}:host([hidden]){display:none}[hidden]{display:none}";const j=class{constructor(i){t(this,i);this.calciteInternalOptionGroupChange=e(this,"calciteInternalOptionGroupChange",6);this.disabled=false;this.label=undefined}handlePropChange(){this.calciteInternalOptionGroupChange.emit()}render(){return i(n,null,i("div",null,this.label),i("slot",null))}static get watchers(){return{disabled:["handlePropChange"],label:["handlePropChange"]}}};j.style=P;const I={icon:"icon",iconContainer:"icon-container",select:"select",wrapper:"wrapper"};const L=":host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column}.wrapper{position:relative;display:flex;align-items:stretch;inline-size:var(--select-width)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-select-font-size:var(--calcite-font-size--2);--calcite-select-spacing-inline:0.5rem 2rem}:host([scale=s]) .wrapper{block-size:1.5rem}:host([scale=s]) .icon-container{padding-inline:0.5rem}:host([scale=m]){--calcite-select-font-size:var(--calcite-font-size--1);--calcite-select-spacing-inline:0.75rem 2.5rem}:host([scale=m]) .wrapper{block-size:2rem}:host([scale=m]) .icon-container{padding-inline:0.75rem}:host([scale=l]){--calcite-select-font-size:var(--calcite-font-size-0);--calcite-select-spacing-inline:1rem 3rem}:host([scale=l]) .wrapper{block-size:44px}:host([scale=l]) .icon-container{padding-inline:1rem}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}.select{margin:0px;box-sizing:border-box;inline-size:100%;cursor:pointer;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);font-family:inherit;color:var(--calcite-color-text-2);outline-color:transparent;font-size:var(--calcite-select-font-size);padding-inline:var(--calcite-select-spacing-inline);border-inline-end-width:0px}.select:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, 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          )}.select:hover{background-color:var(--calcite-color-foreground-2)}select:disabled{border-color:var(--calcite-color-border-input);--tw-bg-opacity:1}.icon-container{pointer-events:none;position:absolute;inset-block:0px;display:flex;align-items:center;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:transparent;color:var(--calcite-color-text-2);inset-inline-end:0px;border-inline-width:0px 1px}:host([status=invalid]) select,:host([status=invalid]) .icon-container{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) select:focus,:host([status=invalid]) .icon-container:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.select:focus~.icon-container{border-color:transparent}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";function T(t){return t.tagName==="CALCITE-OPTION"}function A(t){return t.tagName==="CALCITE-OPTION-GROUP"}const E=class{constructor(i){t(this,i);this.calciteSelectChange=e(this,"calciteSelectChange",6);this.componentToNativeEl=new Map;this.mutationObserver=o("mutation",(()=>this.populateInternalSelect()));this.handleInternalSelectChange=()=>{const t=this.selectEl.selectedOptions[0];this.selectFromNativeOption(t);requestAnimationFrame((()=>this.emitChangeEvent()))};this.populateInternalSelect=()=>{const t=Array.from(this.el.children).filter((t=>t.tagName==="CALCITE-OPTION"||t.tagName==="CALCITE-OPTION-GROUP"));this.clearInternalSelect();t.forEach((t=>this.selectEl?.append(this.toNativeElement(t))))};this.storeSelectRef=t=>{this.selectEl=t;this.populateInternalSelect();const e=this.selectEl.selectedOptions[0];this.selectFromNativeOption(e)};this.emitChangeEvent=()=>{this.calciteSelectChange.emit()};this.disabled=false;this.form=undefined;this.label=undefined;this.validationMessage=undefined;this.validationIcon=undefined;this.name=undefined;this.required=false;this.scale="m";this.status="idle";this.value=null;this.selectedOption=undefined;this.width="auto"}valueHandler(t){const e=this.el.querySelectorAll("calcite-option");e.forEach((e=>e.selected=e.value===t))}selectedOptionHandler(t){this.value=t?.value}connectedCallback(){const{el:t}=this;this.mutationObserver?.observe(t,{subtree:true,childList:true});p(this);b(this);l(this)}disconnectedCallback(){this.mutationObserver?.disconnect();u(this);g(this);r(this)}componentWillLoad(){x(this)}componentDidLoad(){w(this);d(this,this.selectedOption?.value??"")}componentDidRender(){f(this)}async setFocus(){await C(this);c(this.selectEl)}handleOptionOrGroupChange(t){t.stopPropagation();const e=t.target;const i=this.componentToNativeEl.get(e);if(!i){return}this.updateNativeElement(e,i);if(T(e)&&e.selected){this.deselectAllExcept(e);this.selectedOption=e}}onLabelClick(){this.setFocus()}updateNativeElement(t,e){e.disabled=t.disabled;e.label=t.label;if(T(t)){const i=e;i.selected=t.selected;i.value=t.value;i.innerText=t.label}}clearInternalSelect(){this.componentToNativeEl.forEach((t=>t.remove()));this.componentToNativeEl.clear()}selectFromNativeOption(t){if(!t){return}let e;this.componentToNativeEl.forEach(((i,s)=>{if(T(s)&&i===t){s.selected=true;e=s;this.deselectAllExcept(s)}}));if(e){this.selectedOption=e}}toNativeElement(t){if(T(t)){const e=document.createElement("option");this.updateNativeElement(t,e);this.componentToNativeEl.set(t,e);return e}if(A(t)){const e=document.createElement("optgroup");this.updateNativeElement(t,e);Array.from(t.children).forEach((i=>{const s=this.toNativeElement(i);e.append(s);this.componentToNativeEl.set(t,s)}));this.componentToNativeEl.set(t,e);return e}throw new Error("unsupported element child provided")}deselectAllExcept(t){this.el.querySelectorAll("calcite-option").forEach((e=>{if(e===t){return}e.selected=false}))}renderChevron(){return i("div",{class:I.iconContainer},i("calcite-icon",{class:I.icon,icon:"chevron-down",scale:y(this.scale)}))}render(){const{disabled:t}=this;return i(a,null,i(m,{disabled:t},i("div",{class:I.wrapper},i("select",{"aria-label":v(this),class:I.select,disabled:t,onChange:this.handleInternalSelectChange,ref:this.storeSelectRef},i("slot",null)),this.renderChevron(),i(h,{component:this})),this.validationMessage?i(z,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}get el(){return s(this)}static get watchers(){return{value:["valueHandler"],selectedOption:["selectedOptionHandler"]}}};E.style=L;export{O as calcite_option,j as calcite_option_group,E as calcite_select};
+//# sourceMappingURL=p-f15f589a.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["optionCss","Option","this","mutationObserver","createObserver","ensureTextContentDependentProps","calciteInternalOptionChange","emit","handlePropChange","_newValue","_oldValue","propName","el","textContent","internallySetLabel","internallySetValue","label","value","connectedCallback","observe","attributeFilter","characterData","childList","subtree","disconnectedCallback","disconnect","render","h","optionGroupCss","OptionGroup","calciteInternalOptionGroupChange","Fragment","CSS","icon","iconContainer","select","wrapper","selectCss","isOption","optionOrGroup","tagName","isOptionGroup","Select","componentToNativeEl","Map","populateInternalSelect","handleInternalSelectChange","selected","selectEl","selectedOptions","selectFromNativeOption","requestAnimationFrame","emitChangeEvent","optionsAndGroups","Array","from","children","filter","child","clearInternalSelect","forEach","append","toNativeElement","storeSelectRef","node","calciteSelectChange","valueHandler","items","querySelectorAll","item","selectedOptionHandler","selectedOption","connectInteractive","connectLabel","connectForm","disconnectInteractive","disconnectLabel","disconnectForm","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","afterConnectDefaultValueSet","componentDidRender","updateHostInteraction","setFocus","componentFocusable","focusElement","handleOptionOrGroupChange","event","stopPropagation","target","nativeEl","get","updateNativeElement","deselectAllExcept","onLabelClick","nativeOptionOrGroup","disabled","option","innerText","remove","clear","nativeOption","futureSelected","document","createElement","set","group","Error","except","renderChevron","class","scale","getIconScale","Host","InteractiveContainer","getLabelText","onChange","ref","HiddenFormInputSlot","component","validationMessage","Validation","validationIcon","message","status"],"sources":["src/components/option/option.scss?tag=calcite-option&encapsulation=shadow","src/components/option/option.tsx","src/components/option-group/option-group.scss?tag=calcite-option-group&encapsulation=shadow","src/components/option-group/option-group.tsx","src/components/select/resources.ts","src/components/select/select.scss?tag=calcite-select&encapsulation=shadow","src/components/select/select.tsx"],"sourcesContent":[":host {\n  @apply block;\n}\n\n@include base-component();\n","import { Component, Element, Event, EventEmitter, h, Prop, VNode, Watch } from \"@stencil/core\";\nimport { createObserver } from \"../../utils/observers\";\n\n@Component({\n  tag: \"calcite-option\",\n  styleUrl: \"option.scss\",\n  shadow: true,\n})\nexport class Option {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({\n    reflect: true,\n  })\n  disabled = false;\n\n  /**\n   * Accessible name for the component.\n   */\n  @Prop({ mutable: true })\n  label: string;\n\n  /**\n   * When `true`, the component is selected.\n   */\n  @Prop({\n    reflect: true,\n  })\n  selected: boolean;\n\n  /**\n   * The component's value.\n   */\n  @Prop({ mutable: true })\n  value: any;\n\n  @Watch(\"disabled\")\n  @Watch(\"label\")\n  @Watch(\"selected\")\n  @Watch(\"value\")\n  protected handlePropChange(_newValue: any, _oldValue: any, propName: string): void {\n    if (propName === \"label\" || propName === \"value\") {\n      this.ensureTextContentDependentProps();\n    }\n\n    this.calciteInternalOptionChange.emit();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Variables\n  //\n  //--------------------------------------------------------------------------\n\n  @Element()\n  private el: HTMLCalciteOptionElement;\n\n  private internallySetLabel: string;\n\n  private internallySetValue: any;\n\n  private mutationObserver: MutationObserver = createObserver(\"mutation\", () => {\n    this.ensureTextContentDependentProps();\n    this.calciteInternalOptionChange.emit();\n  });\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  private calciteInternalOptionChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private ensureTextContentDependentProps(): void {\n    const {\n      el: { textContent },\n      internallySetLabel,\n      internallySetValue,\n      label,\n      value,\n    } = this;\n\n    if (!label || label === internallySetLabel) {\n      this.label = textContent;\n      this.internallySetLabel = textContent;\n    }\n\n    if (\n      value == null /* intentional loose equals to handle both undefined & null */ ||\n      value === internallySetValue\n    ) {\n      this.value = textContent;\n      this.internallySetValue = textContent;\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.ensureTextContentDependentProps();\n    this.mutationObserver?.observe(this.el, {\n      attributeFilter: [\"label\", \"value\"],\n      characterData: true,\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    return <slot>{this.label}</slot>;\n  }\n}\n",":host {\n  @apply block;\n}\n\n@include base-component();\n","import { Component, Event, EventEmitter, Fragment, h, Prop, VNode, Watch } from \"@stencil/core\";\n\n/**\n * @slot - A slot for adding `calcite-option`s.\n */\n@Component({\n  tag: \"calcite-option-group\",\n  styleUrl: \"option-group.scss\",\n  shadow: true,\n})\nexport class OptionGroup {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({\n    reflect: true,\n  })\n  disabled = false;\n\n  /**\n   * Accessible name for the component.\n   */\n  @Prop()\n  label!: string;\n\n  @Watch(\"disabled\")\n  @Watch(\"label\")\n  protected handlePropChange(): void {\n    this.calciteInternalOptionGroupChange.emit();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  private calciteInternalOptionGroupChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    return (\n      <Fragment>\n        <div>{this.label}</div>\n        <slot />\n      </Fragment>\n    );\n  }\n}\n","export const CSS = {\n  icon: \"icon\",\n  iconContainer: \"icon-container\",\n  select: \"select\",\n  wrapper: \"wrapper\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-select-font-size: The font size of `calcite-option`s in the component.\n * @prop --calcite-select-spacing: The padding around the selected option text.\n */\n\n:host {\n  @extend %component-spacing;\n  @apply flex flex-col;\n}\n\n.wrapper {\n  @apply relative flex items-stretch;\n  inline-size: var(--select-width);\n}\n\n@include disabled();\n\n:host([scale=\"s\"]) {\n  --calcite-select-font-size: theme(\"fontSize.n2h\");\n  --calcite-select-spacing-inline: theme(\"spacing.2\") theme(\"spacing.8\");\n\n  .wrapper {\n    @apply h-6;\n  }\n\n  .icon-container {\n    @apply px-2;\n  }\n}\n\n:host([scale=\"m\"]) {\n  --calcite-select-font-size: theme(\"fontSize.n1h\");\n  --calcite-select-spacing-inline: theme(\"spacing.3\") theme(\"spacing.10\");\n\n  .wrapper {\n    @apply h-8;\n  }\n\n  .icon-container {\n    @apply px-3;\n  }\n}\n\n:host([scale=\"l\"]) {\n  --calcite-select-font-size: theme(\"fontSize.0h\");\n  --calcite-select-spacing-inline: theme(\"spacing.4\") theme(\"spacing.12\");\n\n  .wrapper {\n    block-size: 44px;\n  }\n\n  .icon-container {\n    @apply px-4;\n  }\n}\n\n:host([width=\"auto\"]) {\n  @apply w-auto;\n}\n\n:host([width=\"half\"]) {\n  @apply w-1/2;\n}\n\n:host([width=\"full\"]) {\n  @apply w-full;\n}\n\n.select {\n  @apply bg-foreground-1 border-color-input text-color-2 font-inherit focus-base m-0 box-border w-full cursor-pointer appearance-none truncate rounded-none border border-solid;\n  font-size: var(--calcite-select-font-size);\n  padding-inline: var(--calcite-select-spacing-inline);\n  border-inline-end-width: theme(\"borderWidth.0\");\n\n  &:focus {\n    @apply focus-inset;\n  }\n\n  &:hover {\n    @apply bg-foreground-2;\n  }\n}\n\n// override user agent stylesheet disabled styling\nselect:disabled {\n  @apply border-color-input bg-opacity-100;\n}\n\n.icon-container {\n  @apply border-color-input text-color-2 pointer-events-none absolute inset-y-0 flex items-center border-0 border-solid bg-transparent;\n  inset-inline-end: theme(\"inset.0\");\n  border-inline-width: theme(\"borderWidth.0\") theme(\"borderWidth.DEFAULT\");\n}\n\n:host([status=\"invalid\"]) {\n  select,\n  .icon-container {\n    @apply border-color-danger;\n  }\n\n  select:focus,\n  .icon-container:focus {\n    @apply focus-inset-danger;\n  }\n}\n\n.select:focus ~ .icon-container {\n  @apply border-color-transparent;\n}\n\n@include form-validation-message();\n@include hidden-form-input();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { focusElement } from \"../../utils/dom\";\nimport {\n  afterConnectDefaultValueSet,\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n} from \"../../utils/form\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, LabelableComponent, getLabelText } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { Scale, Status, Width } from \"../interfaces\";\nimport { CSS } from \"./resources\";\nimport { getIconScale } from \"../../utils/component\";\nimport { Validation } from \"../functional/Validation\";\n\ntype OptionOrGroup = HTMLCalciteOptionElement | HTMLCalciteOptionGroupElement;\ntype NativeOptionOrGroup = HTMLOptionElement | HTMLOptGroupElement;\n\nfunction isOption(optionOrGroup: OptionOrGroup): optionOrGroup is HTMLCalciteOptionElement {\n  return optionOrGroup.tagName === \"CALCITE-OPTION\";\n}\n\nfunction isOptionGroup(\n  optionOrGroup: OptionOrGroup,\n): optionOrGroup is HTMLCalciteOptionGroupElement {\n  return optionOrGroup.tagName === \"CALCITE-OPTION-GROUP\";\n}\n\n/**\n * @slot - A slot for adding `calcite-option`s.\n */\n@Component({\n  tag: \"calcite-select\",\n  styleUrl: \"select.scss\",\n  shadow: true,\n})\nexport class Select\n  implements LabelableComponent, FormComponent, InteractiveComponent, LoadableComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true }) form: string;\n\n  /**\n   * Accessible name for the component.\n   *\n   */\n  @Prop() label!: string;\n\n  /** Specifies the validation message to display under the component. */\n  @Prop() validationMessage: string;\n\n  /** Specifies the validation icon to display under the component. */\n  @Prop({ reflect: true }) validationIcon: string | boolean;\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /** When `true`, the component must have a value in order for the form to submit. */\n  @Prop({ reflect: true }) required = false;\n\n  /**\n   * Specifies the size of the component.\n   */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the status of the input field, which determines message and icons. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\n\n  /** The component's `selectedOption` value. */\n  @Prop({ mutable: true }) value: string = null;\n\n  @Watch(\"value\")\n  valueHandler(value: string): void {\n    const items = this.el.querySelectorAll(\"calcite-option\");\n    items.forEach((item) => (item.selected = item.value === value));\n  }\n\n  /**\n   * The component's selected option `HTMLElement`.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedOption: HTMLCalciteOptionElement;\n\n  @Watch(\"selectedOption\")\n  selectedOptionHandler(selectedOption: HTMLCalciteOptionElement): void {\n    this.value = selectedOption?.value;\n  }\n\n  /**\n   * Specifies the width of the component.\n   */\n  @Prop({ reflect: true }) width: Width = \"auto\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSelectElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: Select[\"value\"];\n\n  private componentToNativeEl = new Map<OptionOrGroup, NativeOptionOrGroup>();\n\n  private mutationObserver = createObserver(\"mutation\", () => this.populateInternalSelect());\n\n  private selectEl: HTMLSelectElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    const { el } = this;\n\n    this.mutationObserver?.observe(el, {\n      subtree: true,\n      childList: true,\n    });\n\n    connectInteractive(this);\n    connectLabel(this);\n    connectForm(this);\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    afterConnectDefaultValueSet(this, this.selectedOption?.value ?? \"\");\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\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    focusElement(this.selectEl);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the `selectedOption` changes.\n   */\n  @Event({ cancelable: false }) calciteSelectChange: EventEmitter<void>;\n\n  private handleInternalSelectChange = (): void => {\n    const selected = this.selectEl.selectedOptions[0];\n    this.selectFromNativeOption(selected);\n    requestAnimationFrame(() => this.emitChangeEvent());\n  };\n\n  @Listen(\"calciteInternalOptionChange\")\n  @Listen(\"calciteInternalOptionGroupChange\")\n  protected handleOptionOrGroupChange(event: CustomEvent): void {\n    event.stopPropagation();\n\n    const optionOrGroup = event.target as OptionOrGroup;\n    const nativeEl = this.componentToNativeEl.get(optionOrGroup);\n\n    if (!nativeEl) {\n      return;\n    }\n\n    this.updateNativeElement(optionOrGroup, nativeEl);\n\n    if (isOption(optionOrGroup) && optionOrGroup.selected) {\n      this.deselectAllExcept(optionOrGroup);\n      this.selectedOption = optionOrGroup;\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  private updateNativeElement(\n    optionOrGroup: OptionOrGroup,\n    nativeOptionOrGroup: NativeOptionOrGroup,\n  ): void {\n    nativeOptionOrGroup.disabled = optionOrGroup.disabled;\n    nativeOptionOrGroup.label = optionOrGroup.label;\n\n    if (isOption(optionOrGroup)) {\n      const option = nativeOptionOrGroup as HTMLOptionElement;\n      option.selected = optionOrGroup.selected;\n      option.value = optionOrGroup.value;\n\n      // need to set innerText for mobile\n      // see https://stackoverflow.com/questions/35021620/ios-safari-not-showing-all-options-for-select-menu/41749701\n      option.innerText = optionOrGroup.label;\n    }\n  }\n\n  private populateInternalSelect = (): void => {\n    const optionsAndGroups = Array.from(\n      this.el.children as HTMLCollectionOf<OptionOrGroup | HTMLSlotElement>,\n    ).filter(\n      (child) => child.tagName === \"CALCITE-OPTION\" || child.tagName === \"CALCITE-OPTION-GROUP\",\n    ) as OptionOrGroup[];\n\n    this.clearInternalSelect();\n\n    optionsAndGroups.forEach(\n      (optionOrGroup) => this.selectEl?.append(this.toNativeElement(optionOrGroup)),\n    );\n  };\n\n  private clearInternalSelect(): void {\n    this.componentToNativeEl.forEach((value) => value.remove());\n    this.componentToNativeEl.clear();\n  }\n\n  private storeSelectRef = (node: HTMLSelectElement): void => {\n    this.selectEl = node;\n    this.populateInternalSelect();\n\n    const selected = this.selectEl.selectedOptions[0];\n    this.selectFromNativeOption(selected);\n  };\n\n  private selectFromNativeOption(nativeOption: HTMLOptionElement): void {\n    if (!nativeOption) {\n      return;\n    }\n\n    let futureSelected: HTMLCalciteOptionElement;\n\n    this.componentToNativeEl.forEach((nativeOptionOrGroup, optionOrGroup) => {\n      if (isOption(optionOrGroup) && nativeOptionOrGroup === nativeOption) {\n        optionOrGroup.selected = true;\n        futureSelected = optionOrGroup;\n        this.deselectAllExcept(optionOrGroup as HTMLCalciteOptionElement);\n      }\n    });\n\n    if (futureSelected) {\n      this.selectedOption = futureSelected;\n    }\n  }\n\n  private toNativeElement(\n    optionOrGroup: HTMLCalciteOptionElement | HTMLCalciteOptionGroupElement,\n  ): NativeOptionOrGroup {\n    if (isOption(optionOrGroup)) {\n      const option = document.createElement(\"option\");\n      this.updateNativeElement(optionOrGroup, option);\n      this.componentToNativeEl.set(optionOrGroup, option);\n\n      return option;\n    }\n\n    if (isOptionGroup(optionOrGroup)) {\n      const group = document.createElement(\"optgroup\");\n      this.updateNativeElement(optionOrGroup, group);\n\n      Array.from(optionOrGroup.children as HTMLCollectionOf<HTMLCalciteOptionElement>).forEach(\n        (option) => {\n          const nativeOption = this.toNativeElement(option);\n          group.append(nativeOption);\n          this.componentToNativeEl.set(optionOrGroup, nativeOption);\n        },\n      );\n\n      this.componentToNativeEl.set(optionOrGroup, group);\n\n      return group;\n    }\n\n    throw new Error(\"unsupported element child provided\");\n  }\n\n  private deselectAllExcept(except: HTMLCalciteOptionElement): void {\n    this.el.querySelectorAll<HTMLCalciteOptionElement>(\"calcite-option\").forEach((option) => {\n      if (option === except) {\n        return;\n      }\n\n      option.selected = false;\n    });\n  }\n\n  private emitChangeEvent = (): void => {\n    this.calciteSelectChange.emit();\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  renderChevron(): VNode {\n    return (\n      <div class={CSS.iconContainer}>\n        <calcite-icon class={CSS.icon} icon=\"chevron-down\" scale={getIconScale(this.scale)} />\n      </div>\n    );\n  }\n\n  render(): VNode {\n    const { disabled } = this;\n\n    return (\n      <Host>\n        <InteractiveContainer disabled={disabled}>\n          <div class={CSS.wrapper}>\n            <select\n              aria-label={getLabelText(this)}\n              class={CSS.select}\n              disabled={disabled}\n              onChange={this.handleInternalSelectChange}\n              // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n              ref={this.storeSelectRef}\n            >\n              <slot />\n            </select>\n            {this.renderChevron()}\n            <HiddenFormInputSlot component={this} />\n          </div>\n          {this.validationMessage ? (\n            <Validation\n              icon={this.validationIcon}\n              message={this.validationMessage}\n              scale={this.scale}\n              status={this.status}\n            />\n          ) : null}\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-f651db46.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.5.2-next.1
+ */
+import{r as t,c as e,h as i,g as s}from"./p-ce7a94e9.js";import{c as a,d as n,u as r,I as o}from"./p-4d0a4021.js";import{c as d}from"./p-383d66f6.js";import{d as l,a as c,c as h}from"./p-97b6d1bd.js";import{d as f}from"./p-9df2dac1.js";import"./p-f09acdd0.js";import"./p-5b5bf4fb.js";import"./p-213aeca6.js";const u={sortItem:"sort-item",container:"container",containerHorizontal:"container--horizontal",containerVertical:"container--vertical"};const p=":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([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{display:flex;flex:1 1 auto}.container--vertical{flex-direction:column}.container--horizontal{flex-direction:row}:host([hidden]){display:none}[hidden]{display:none}";const b=class{constructor(i){t(this,i);this.calciteListOrderChange=e(this,"calciteListOrderChange",6);this.items=[];this.mutationObserver=d("mutation",(()=>{this.setUpSorting()}));this.dragEnabled=true;this.canPull=undefined;this.canPut=undefined;this.dragSelector=undefined;this.group=undefined;this.handleSelector="calcite-handle";this.layout="vertical";this.disabled=false;this.loading=false}connectedCallback(){if(l(this)){return}this.setUpSorting();this.beginObserving();a(this)}disconnectedCallback(){if(l(this)){return}n(this);c(this);this.endObserving()}componentDidRender(){r(this)}calciteHandleNudgeNextHandler(t){this.handleNudgeEvent(t)}onGlobalDragStart(){this.endObserving()}onGlobalDragEnd(){this.beginObserving()}onDragEnd(){}onDragStart(){}onDragSort(){this.items=Array.from(this.el.children);this.calciteListOrderChange.emit()}handleNudgeEvent(t){const{direction:e}=t.detail;const i=t.composedPath().find((t=>t.matches(this.handleSelector)));const s=this.items.find((e=>e.contains(i)||t.composedPath().includes(e)));const a=this.items.length-1;const n=this.items.indexOf(s);let r=false;let o;if(e==="up"){if(n===0){r=true}else{o=n-1}}else{if(n===a){o=0}else if(n===a-1){r=true}else{o=n+2}}this.endObserving();if(r){s.parentElement.appendChild(s)}else{s.parentElement.insertBefore(s,this.items[o])}this.items=Array.from(this.el.children);this.beginObserving();requestAnimationFrame((()=>f(i)));if("selected"in i){i.selected=true}}setUpSorting(){this.items=Array.from(this.el.children);h(this)}beginObserving(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}endObserving(){this.mutationObserver?.disconnect()}render(){const{disabled:t,layout:e}=this;const s=e==="horizontal"||false;return i(o,{disabled:t},i("div",{class:{[u.container]:true,[u.containerVertical]:!s,[u.containerHorizontal]:s}},i("slot",null)))}get el(){return s(this)}};b.style=p;export{b as calcite_sortable_list};
+//# sourceMappingURL=p-f651db46.entry.js.map

package/dist/calcite/p-f69b40ec.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.5.2-next.1
+ */
+import{d as _}from"./p-da74b73a.js";import"./p-ce7a94e9.js";import"./p-6d4d314a.js";import"./p-9df2dac1.js";import"./p-5b5bf4fb.js";import"./p-213aeca6.js";import"./p-4d0a4021.js";import"./p-f09acdd0.js";import"./p-63728af3.js";import"./p-d592c59d.js";import"./p-dc1996cd.js";import"./p-9ebac7df.js";import"./p-1f0e6b1d.js";import"./p-383d66f6.js";import"./p-39c07b81.js";import"./p-04b10d4a.js";import"./p-2e494a15.js";import"./p-84551688.js";import"./p-616f42c5.js";var p={name:"el",weekdays:"Κυριακή_Δευτέρα_Τρίτη_Τετάρτη_Πέμπτη_Παρασκευή_Σάββατο".split("_"),weekdaysShort:"Κυρ_Δευ_Τρι_Τετ_Πεμ_Παρ_Σαβ".split("_"),weekdaysMin:"Κυ_Δε_Τρ_Τε_Πε_Πα_Σα".split("_"),months:"Ιανουάριος_Φεβρουάριος_Μάρτιος_Απρίλιος_Μάιος_Ιούνιος_Ιούλιος_Αύγουστος_Σεπτέμβριος_Οκτώβριος_Νοέμβριος_Δεκέμβριος".split("_"),monthsShort:"Ιαν_Φεβ_Μαρ_Απρ_Μαι_Ιουν_Ιουλ_Αυγ_Σεπτ_Οκτ_Νοε_Δεκ".split("_"),ordinal:function _(p){return p},weekStart:1,relativeTime:{future:"σε %s",past:"πριν %s",s:"μερικά δευτερόλεπτα",m:"ένα λεπτό",mm:"%d λεπτά",h:"μία ώρα",hh:"%d ώρες",d:"μία μέρα",dd:"%d μέρες",M:"ένα μήνα",MM:"%d μήνες",y:"ένα χρόνο",yy:"%d χρόνια"},formats:{LT:"h:mm A",LTS:"h:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY h:mm A",LLLL:"dddd, D MMMM YYYY h:mm A"}};_.locale(p,null,true);export default p;
+//# sourceMappingURL=p-f69b40ec.js.map

package/dist/calcite/p-f6bab60f.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.5.2-next.1
+ */
+import{r as e,f as t,h as i,H as n,g as o,c as s,F as r}from"./p-ce7a94e9.js";import{s as a,l as c,d as l,g as h}from"./p-9df2dac1.js";import{s as d,a as u,c as f}from"./p-9ebac7df.js";import{c as m,d as p}from"./p-1f0e6b1d.js";import{u as v,c as b,s as g,d as y}from"./p-2e494a15.js";import{C as x}from"./p-213aeca6.js";import"./p-5b5bf4fb.js";import"./p-63728af3.js";import"./p-383d66f6.js";const w=":host{display:flex}ul{margin:0px;display:inline-flex;block-size:100%;align-items:center;padding:0px}:host([layout=vertical]) ul{display:flex;inline-size:100%;flex-direction:column}:host([hidden]){display:none}[hidden]{display:none}";const k=class{constructor(t){e(this,t);this.menuItems=[];this.handleMenuSlotChange=e=>{this.menuItems=a(e);this.setMenuItemLayout(this.menuItems,this.layout)};this.label=undefined;this.layout="horizontal";this.messageOverrides=undefined;this.messages=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}handleGlobalAttributesChanged(){t(this);this.setMenuItemLayout(this.menuItems,this.layout)}handleLayoutChange(e){this.setMenuItemLayout(this.menuItems,e)}onMessagesChange(){}effectiveLocaleChange(){v(this,this.effectiveLocale)}connectedCallback(){m(this);b(this)}async componentWillLoad(){d(this);await g(this)}componentDidLoad(){u(this)}disconnectedCallback(){p(this);y(this)}async setFocus(){await f(this);this.el.focus()}calciteInternalNavMenuItemKeyEvent(e){const t=e.target;const i=e.detail.children;const n=e.detail.event.key;e.stopPropagation();if(n==="ArrowDown"){if(t.layout==="vertical"){c(this.menuItems,t,"next",false)}else{if(e.detail.isSubmenuOpen){i[0].setFocus()}}}else if(n==="ArrowUp"){if(this.layout==="vertical"){c(this.menuItems,t,"previous",false)}else{if(e.detail.isSubmenuOpen){i[i.length-1].setFocus()}}}else if(n==="ArrowRight"){if(this.layout==="horizontal"){c(this.menuItems,t,"next",false)}else{if(e.detail.isSubmenuOpen){i[0].setFocus()}}}else if(n==="ArrowLeft"){if(this.layout==="horizontal"){c(this.menuItems,t,"previous",false)}else{if(e.detail.isSubmenuOpen){this.focusParentElement(e.target)}}}else if(n==="Escape"){this.focusParentElement(e.target)}e.preventDefault()}focusParentElement(e){const t=e.parentElement;if(t){l(t);t.open=false}}setMenuItemLayout(e,t){e.forEach((e=>{e.layout=t;if(this.getEffectiveRole()==="menubar"){e.isTopLevelItem=true;e.topLevelMenuLayout=this.layout}}))}getEffectiveRole(){return this.el.getAttribute("role")||"menubar"}render(){return i(n,null,i("ul",{"aria-label":this.label,role:this.getEffectiveRole()},i("slot",{onSlotchange:this.handleMenuSlotChange})))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{role:["handleGlobalAttributesChanged"],layout:["handleLayoutChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};k.style=w;const z={container:"container",content:"content",dropdownVertical:"dropdown--vertical",dropdownMenuItems:"dropdown-menu-items",dropdownAction:"dropdown-action",layoutVertical:"layout--vertical",hoverHrefIcon:"hover-href-icon",icon:"icon",iconBreadcrumb:"icon--breadcrumb",iconDropdown:"icon--dropdown",iconEnd:"icon--end",iconStart:"icon--start",isParentVertical:"parent--vertical",itemContent:"item-content",open:"open",nested:"nested",textContainer:"text-container"};const C=':host{position:relative;box-sizing:border-box;display:flex;align-items:center;flex-shrink:0}:host .container,:host .item-content,:host .content{min-block-size:3rem}:host([layout=vertical]){inline-size:100%}:host(:not([layout=vertical])){block-size:100%}.container,.item-content{display:flex;block-size:100%;inline-size:100%;flex-direction:row;align-items:stretch}.content{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);padding-inline:1rem;font-size:var(--calcite-font-size-0);color:var(--calcite-color-text-2);outline:2px solid transparent;outline-offset:2px;text-decoration:none;border-block-end:0.125rem solid transparent;padding-block-start:0.125rem}.content:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-2)}.content:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-2);outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.content:active{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}.content span{display:inline-flex}.content.layout--vertical{display:flex;inline-size:100%;justify-content:flex-start;padding-block:1rem;border-block-end:0;border-inline-end:0.25rem solid transparent}:host([active]) .content{color:var(--calcite-color-text-1);border-color:var(--calcite-color-brand)}:host([active]) .content .icon{--calcite-ui-icon-color:var(--calcite-color-brand)}:host([layout=vertical]) .content{padding-inline:0.75rem}.icon--start{margin-inline-end:0.75rem}.icon--end{margin-inline-start:0.75rem}:host([layout=vertical]) .icon--end{margin-inline-start:auto;padding-inline-start:0.75rem}.icon--dropdown{position:relative;margin-inline-start:auto;margin-inline-end:0px;padding-inline-start:0.5rem;--calcite-ui-icon-color:var(--calcite-color-text-3)}:host([layout=vertical]) .icon--end~.icon--dropdown{margin-inline-start:0.75rem}:host([layout=vertical]) .hover-href-icon{padding-inline-start:0.5rem}:host([layout=vertical]) .hover-href-icon~.icon--end{margin-inline-start:0.5rem}:host([layout=vertical]) .hover-href-icon~.icon--breadcrumb{margin-inline-start:0.75rem}.icon--breadcrumb{margin-inline-end:0px;padding-inline-start:0.5rem;--calcite-ui-icon-color:var(--calcite-color-text-3)}:host([layout=vertical]) .icon--breadcrumb{margin-inline-start:auto}:host([layout=vertical]) .icon--breadcrumb~.icon--dropdown{margin-inline-start:0.5rem}:host([layout=vertical]) .icon--end~.icon--breadcrumb{margin-inline-start:0.5rem}:host([breadcrumb]) .content{padding-inline-end:0.75rem}calcite-action{position:relative;block-size:auto;border-inline-start:1px solid var(--calcite-color-foreground-1)}calcite-action:after{position:absolute;inset-inline-start:-1px;display:block;inline-size:1px;content:"";inset-block:0.75rem;background-color:var(--calcite-color-border-3)}calcite-action:hover:after{block-size:100%;inset-block:0}.content:focus~calcite-action,.content:hover~calcite-action{color:var(--calcite-color-text-1);border-inline-start:1px solid var(--calcite-color-border-3)}.container:hover .dropdown-action{background-color:var(--calcite-color-foreground-2)}.dropdown-menu-items{position:absolute;display:none;block-size:auto;min-inline-size:100%;flex-direction:column;overflow:visible;border:1px solid var(--calcite-color-border-3);background:var(--calcite-color-foreground-1);inset-block-start:100%;z-index:var(--calcite-z-index-dropdown)}.dropdown-menu-items.open{display:block}.dropdown-menu-items.nested{position:absolute;inset-block-start:-1px;transform:translateX(calc(100% - 2px))}.parent--vertical{flex-direction:column}.dropdown--vertical.dropdown-menu-items{position:relative;border-radius:0px;box-shadow:none;inset-block-start:0;transform:none}.dropdown--vertical.dropdown-menu-items:last-of-type{border-inline:0}:host([layout=vertical]:last-of-type) .dropdown-menu-items{border-block-end:0}:host([slot=submenu-item]) .parent--vertical{padding-inline-start:1.5rem}.dropdown-menu-items.nested.calcite--rtl{transform:translateX(calc(-100% + 2px))}.dropdown--vertical.dropdown-menu-items.nested.calcite--rtl{transform:none}.hover-href-icon{position:relative;inset-inline-end:0.25rem;margin-inline-start:auto;opacity:0;transition:all var(--calcite-internal-animation-timing-medium) ease-in-out}.content:focus .hover-href-icon,.content:hover .hover-href-icon{inset-inline-end:-0.25rem;opacity:1}:host([hidden]){display:none}[hidden]{display:none}';const I=class{constructor(t){e(this,t);this.calciteInternalMenuItemKeyEvent=s(this,"calciteInternalMenuItemKeyEvent",7);this.calciteMenuItemSelect=s(this,"calciteMenuItemSelect",7);this.clickHandler=e=>{if(this.href&&e.target===this.dropdownActionEl||!this.href&&this.hasSubmenu){this.open=!this.open}this.selectMenuItem(e)};this.handleMenuItemSlotChange=e=>{this.submenuItems=a(e);this.submenuItems.forEach((e=>{if(!e.topLevelMenuLayout){e.topLevelMenuLayout=this.topLevelMenuLayout}}));this.hasSubmenu=this.submenuItems.length>0};this.keyDownHandler=async e=>{const{hasSubmenu:t,href:i,layout:n,open:o,submenuItems:s}=this;const r=e.key;const a=e.target===this.dropdownActionEl;if(r===" "||r==="Enter"){if(t&&(!i||i&&a)){this.open=!o}if(!(i&&a)&&r!=="Enter"){this.selectMenuItem(e)}if(r===" "||i&&a){e.preventDefault()}}else if(r==="Escape"){if(o){this.open=false;return}this.calciteInternalMenuItemKeyEvent.emit({event:e});e.preventDefault()}else if(r==="ArrowDown"||r==="ArrowUp"){e.preventDefault();if((a||!i)&&t&&!o&&n==="horizontal"){this.open=true;return}this.calciteInternalMenuItemKeyEvent.emit({event:e,children:s,isSubmenuOpen:o&&t})}else if(r==="ArrowLeft"){e.preventDefault();this.calciteInternalMenuItemKeyEvent.emit({event:e,children:s,isSubmenuOpen:true})}else if(r==="ArrowRight"){e.preventDefault();if((a||!i)&&t&&!o&&n==="vertical"){this.open=true;return}this.calciteInternalMenuItemKeyEvent.emit({event:e,children:s,isSubmenuOpen:o&&t})}};this.active=undefined;this.breadcrumb=undefined;this.href=undefined;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.isTopLevelItem=false;this.label=undefined;this.layout=undefined;this.messageOverrides=undefined;this.messages=undefined;this.open=false;this.rel=undefined;this.target=undefined;this.text=undefined;this.topLevelMenuLayout=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.hasSubmenu=false;this.submenuItems=undefined}onMessagesChange(){}effectiveLocaleChange(){v(this,this.effectiveLocale)}async setFocus(){await f(this);this.anchorEl.focus()}handleClickOut(e){if(this.topLevelMenuLayout!=="vertical"&&this.hasSubmenu&&this.open&&!e.composedPath().includes(this.el)){this.open=false}}handleFocusOut(e){if(this.topLevelMenuLayout!=="vertical"&&!this.el.contains(e.relatedTarget)){this.open=false}}connectedCallback(){m(this);b(this)}async componentWillLoad(){d(this);await g(this)}componentDidLoad(){u(this)}disconnectedCallback(){p(this);y(this)}blurHandler(){this.isFocused=false}focusHandler(e){const t=e.target;this.isFocused=true;if(t.open&&!this.open){t.open=false}}selectMenuItem(e){if(e.target!==this.dropdownActionEl){this.calciteMenuItemSelect.emit()}}renderIconStart(){return i("calcite-icon",{class:`${z.icon} ${z.iconStart}`,flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,key:z.iconStart,scale:"s"})}renderIconEnd(){return i("calcite-icon",{class:`${z.icon} ${z.iconEnd}`,flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,key:z.iconEnd,scale:"s"})}renderBreadcrumbIcon(e){return i("calcite-icon",{class:`${z.icon} ${z.iconBreadcrumb}`,icon:e==="rtl"?"chevron-left":"chevron-right",key:z.iconBreadcrumb,scale:"s"})}renderDropdownIcon(e){const t=e==="rtl"?"chevron-left":"chevron-right";return i("calcite-icon",{class:`${z.icon} ${z.iconDropdown}`,icon:this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":t,key:z.iconDropdown,scale:"s"})}renderDropdownAction(e){const t=e==="rtl"?"chevron-left":"chevron-right";return i("calcite-action",{class:z.dropdownAction,icon:this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":t,key:z.dropdownAction,onClick:this.clickHandler,onKeyDown:this.keyDownHandler,text:this.messages.open,ref:e=>this.dropdownActionEl=e})}renderSubmenuItems(e){return i("calcite-menu",{class:{[z.dropdownMenuItems]:true,[z.open]:this.open,[z.nested]:!this.isTopLevelItem,[x.rtl]:e==="rtl",[z.dropdownVertical]:this.topLevelMenuLayout==="vertical"},label:this.messages.submenu,layout:"vertical",role:"menu"},i("slot",{name:"submenu-item",onSlotchange:this.handleMenuItemSlotChange}))}renderHrefIcon(e){return i("calcite-icon",{class:z.hoverHrefIcon,icon:e==="rtl"?"arrow-left":"arrow-right",key:z.hoverHrefIcon,scale:"s"})}renderItemContent(e){const t=this.href&&(this.topLevelMenuLayout==="vertical"||!this.isTopLevelItem);return i(r,null,this.iconStart&&this.renderIconStart(),i("div",{class:z.textContainer},i("span",null,this.text)),t&&this.renderHrefIcon(e),this.iconEnd&&this.renderIconEnd(),this.breadcrumb?this.renderBreadcrumbIcon(e):null,!this.href&&this.hasSubmenu?this.renderDropdownIcon(e):null)}render(){const e=h(this.el);return i(n,{onBlur:this.blurHandler,onFocus:this.focusHandler},i("li",{class:{[z.container]:true,[z.isParentVertical]:this.topLevelMenuLayout==="vertical"},role:"none"},i("div",{class:z.itemContent},i("a",{"aria-current":this.isFocused?"page":false,"aria-expanded":this.open,"aria-haspopup":this.hasSubmenu,"aria-label":this.label,class:{[z.layoutVertical]:this.layout==="vertical",[z.content]:true},href:this.href,onClick:this.clickHandler,onKeyDown:this.keyDownHandler,rel:this.rel,role:"menuitem",tabIndex:this.isTopLevelItem?0:-1,target:this.target,ref:e=>this.anchorEl=e},this.renderItemContent(e)),this.href&&this.hasSubmenu?this.renderDropdownAction(e):null),this.renderSubmenuItems(e)))}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};I.style=C;export{k as calcite_menu,I as calcite_menu_item};
+//# sourceMappingURL=p-f6bab60f.entry.js.map

package/dist/calcite/p-f7282f6f.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.5.2-next.1
+ */
+import{d as u}from"./p-da74b73a.js";import"./p-ce7a94e9.js";import"./p-6d4d314a.js";import"./p-9df2dac1.js";import"./p-5b5bf4fb.js";import"./p-213aeca6.js";import"./p-4d0a4021.js";import"./p-f09acdd0.js";import"./p-63728af3.js";import"./p-d592c59d.js";import"./p-dc1996cd.js";import"./p-9ebac7df.js";import"./p-1f0e6b1d.js";import"./p-383d66f6.js";import"./p-39c07b81.js";import"./p-04b10d4a.js";import"./p-2e494a15.js";import"./p-84551688.js";import"./p-616f42c5.js";function t(u,t,a,i){var m={s:"muutama sekunti",m:"minuutti",mm:"%d minuuttia",h:"tunti",hh:"%d tuntia",d:"päivä",dd:"%d päivää",M:"kuukausi",MM:"%d kuukautta",y:"vuosi",yy:"%d vuotta",numbers:"nolla_yksi_kaksi_kolme_neljä_viisi_kuusi_seitsemän_kahdeksan_yhdeksän".split("_")};var s={s:"muutaman sekunnin",m:"minuutin",mm:"%d minuutin",h:"tunnin",hh:"%d tunnin",d:"päivän",dd:"%d päivän",M:"kuukauden",MM:"%d kuukauden",y:"vuoden",yy:"%d vuoden",numbers:"nollan_yhden_kahden_kolmen_neljän_viiden_kuuden_seitsemän_kahdeksan_yhdeksän".split("_")};var n=i&&!t?s:m;var e=n[a];if(u<10){return e.replace("%d",n.numbers[u])}return e.replace("%d",u)}var a={name:"fi",weekdays:"sunnuntai_maanantai_tiistai_keskiviikko_torstai_perjantai_lauantai".split("_"),weekdaysShort:"su_ma_ti_ke_to_pe_la".split("_"),weekdaysMin:"su_ma_ti_ke_to_pe_la".split("_"),months:"tammikuu_helmikuu_maaliskuu_huhtikuu_toukokuu_kesäkuu_heinäkuu_elokuu_syyskuu_lokakuu_marraskuu_joulukuu".split("_"),monthsShort:"tammi_helmi_maalis_huhti_touko_kesä_heinä_elo_syys_loka_marras_joulu".split("_"),ordinal:function u(t){return t+"."},weekStart:1,yearStart:4,relativeTime:{future:"%s päästä",past:"%s sitten",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:t,M:t,MM:t,y:t,yy:t},formats:{LT:"HH.mm",LTS:"HH.mm.ss",L:"DD.MM.YYYY",LL:"D. MMMM[ta] YYYY",LLL:"D. MMMM[ta] YYYY, [klo] HH.mm",LLLL:"dddd, D. MMMM[ta] YYYY, [klo] HH.mm",l:"D.M.YYYY",ll:"D. MMM YYYY",lll:"D. MMM YYYY, [klo] HH.mm",llll:"ddd, D. MMM YYYY, [klo] HH.mm"}};u.locale(a,null,true);export default a;
+//# sourceMappingURL=p-f7282f6f.js.map

package/dist/calcite/p-f7bf8422.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.5.2-next.1
+ */
+import{d as r}from"./p-da74b73a.js";import"./p-ce7a94e9.js";import"./p-6d4d314a.js";import"./p-9df2dac1.js";import"./p-5b5bf4fb.js";import"./p-213aeca6.js";import"./p-4d0a4021.js";import"./p-f09acdd0.js";import"./p-63728af3.js";import"./p-d592c59d.js";import"./p-dc1996cd.js";import"./p-9ebac7df.js";import"./p-1f0e6b1d.js";import"./p-383d66f6.js";import"./p-39c07b81.js";import"./p-04b10d4a.js";import"./p-2e494a15.js";import"./p-84551688.js";import"./p-616f42c5.js";var _={name:"zh-tw",weekdays:"星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"),weekdaysShort:"週日_週一_週二_週三_週四_週五_週六".split("_"),weekdaysMin:"日_一_二_三_四_五_六".split("_"),months:"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),ordinal:function r(_,t){switch(t){case"W":return _+"週";default:return _+"日"}},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",l:"YYYY/M/D",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日dddd HH:mm"},relativeTime:{future:"%s內",past:"%s前",s:"幾秒",m:"1 分鐘",mm:"%d 分鐘",h:"1 小時",hh:"%d 小時",d:"1 天",dd:"%d 天",M:"1 個月",MM:"%d 個月",y:"1 年",yy:"%d 年"},meridiem:function r(_,t){var m=_*100+t;if(m<600){return"凌晨"}else if(m<900){return"早上"}else if(m<1100){return"上午"}else if(m<1300){return"中午"}else if(m<1800){return"下午"}return"晚上"}};r.locale(_,null,true);export default _;
+//# sourceMappingURL=p-f7bf8422.js.map

package/dist/calcite/p-f8f2d346.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.5.2-next.1
+ */
+import{d as p}from"./p-da74b73a.js";import"./p-ce7a94e9.js";import"./p-6d4d314a.js";import"./p-9df2dac1.js";import"./p-5b5bf4fb.js";import"./p-213aeca6.js";import"./p-4d0a4021.js";import"./p-f09acdd0.js";import"./p-63728af3.js";import"./p-d592c59d.js";import"./p-dc1996cd.js";import"./p-9ebac7df.js";import"./p-1f0e6b1d.js";import"./p-383d66f6.js";import"./p-39c07b81.js";import"./p-04b10d4a.js";import"./p-2e494a15.js";import"./p-84551688.js";import"./p-616f42c5.js";var a={name:"bs",weekdays:"nedjelja_ponedjeljak_utorak_srijeda_četvrtak_petak_subota".split("_"),months:"januar_februar_mart_april_maj_juni_juli_august_septembar_oktobar_novembar_decembar".split("_"),weekStart:1,weekdaysShort:"ned._pon._uto._sri._čet._pet._sub.".split("_"),monthsShort:"jan._feb._mar._apr._maj._jun._jul._aug._sep._okt._nov._dec.".split("_"),weekdaysMin:"ne_po_ut_sr_če_pe_su".split("_"),ordinal:function p(a){return a},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd, D. MMMM YYYY H:mm"}};p.locale(a,null,true);export default a;
+//# sourceMappingURL=p-f8f2d346.js.map

package/dist/calcite-preset.js

@@ -1,7 +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.5.2-next.0
+ * v2.5.2-next.1
  */
 import flattenColorPalette from "tailwindcss/lib/util/flattenColorPalette";
 import plugin from "tailwindcss/plugin";

package/dist/cjs/ExpandToggle-298253a0.js

@@ -0,0 +1,110 @@
+/*!
+ * 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.5.2-next.1
+ */
+'use strict';
+
+const index = require('./index-f7e80a65.js');
+const dom = require('./dom-32d1eede.js');
+const resources$1 = require('./resources-7d78aaab.js');
+const resources = require('./resources-73322162.js');
+
+const overflowActionsDebounceInMs = 150;
+const groupBufferPx = 2;
+const getAverage = (arr) => arr.reduce((p, c) => p + c, 0) / arr.length;
+const geActionDimensions = (actions) => {
+    const actionsNotSlotted = actions.filter((action) => action.slot !== resources$1.SLOTS.menuActions);
+    const actionLen = actionsNotSlotted?.length;
+    return {
+        actionWidth: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientWidth || 0)) : 0,
+        actionHeight: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientHeight || 0)) : 0,
+    };
+};
+const getMaxActionCount = ({ width, actionWidth, layout, height, actionHeight, groupCount, }) => {
+    const maxContainerPx = layout === "horizontal" ? width : height;
+    const avgItemPx = layout === "horizontal" ? actionWidth : actionHeight;
+    return Math.floor((maxContainerPx - groupCount * groupBufferPx) / avgItemPx);
+};
+const getOverflowCount = ({ layout, actionCount, actionWidth, width, actionHeight, height, groupCount, }) => {
+    return Math.max(actionCount - getMaxActionCount({ width, actionWidth, layout, height, actionHeight, groupCount }), 0);
+};
+const queryActions = (el) => {
+    return Array.from(el.querySelectorAll("calcite-action")).filter((action) => action.closest("calcite-action-menu") ? action.slot === resources.SLOTS.trigger : true);
+};
+const overflowActions = ({ actionGroups, expanded, overflowCount, }) => {
+    let needToSlotCount = overflowCount;
+    actionGroups.reverse().forEach((group) => {
+        let slottedWithinGroupCount = 0;
+        const groupActions = queryActions(group).reverse();
+        groupActions.forEach((groupAction) => {
+            if (groupAction.slot === resources$1.SLOTS.menuActions) {
+                groupAction.removeAttribute("slot");
+                groupAction.textEnabled = expanded;
+            }
+        });
+        if (needToSlotCount > 0) {
+            groupActions.some((groupAction) => {
+                const unslottedActions = groupActions.filter((action) => !action.slot);
+                if (unslottedActions.length > 1 && groupActions.length > 2 && !groupAction.closest("calcite-action-menu")) {
+                    groupAction.textEnabled = true;
+                    groupAction.setAttribute("slot", resources$1.SLOTS.menuActions);
+                    slottedWithinGroupCount++;
+                    if (slottedWithinGroupCount > 1) {
+                        needToSlotCount--;
+                    }
+                }
+                return needToSlotCount < 1;
+            });
+        }
+        index.forceUpdate(group);
+    });
+};
+
+const ICONS = {
+    chevronsLeft: "chevrons-left",
+    chevronsRight: "chevrons-right",
+};
+function getCalcitePosition(position, el) {
+    return position || el.closest("calcite-shell-panel")?.position || "start";
+}
+function toggleChildActionText({ el, expanded, }) {
+    queryActions(el)
+        .filter((el) => el.slot !== resources$1.SLOTS.menuActions)
+        .forEach((action) => (action.textEnabled = expanded));
+    el.querySelectorAll("calcite-action-group, calcite-action-menu").forEach((el) => (el.expanded = expanded));
+}
+const setTooltipReference = ({ tooltip, referenceElement, expanded, ref, }) => {
+    if (tooltip) {
+        tooltip.referenceElement = !expanded && referenceElement ? referenceElement : null;
+    }
+    if (ref) {
+        ref(referenceElement);
+    }
+    return referenceElement;
+};
+const ExpandToggle = ({ expanded, expandText, collapseText, toggle, el, position, tooltip, ref, scale, }) => {
+    const rtl = dom.getElementDir(el) === "rtl";
+    const text = expanded ? collapseText : expandText;
+    const icons = [ICONS.chevronsLeft, ICONS.chevronsRight];
+    if (rtl) {
+        icons.reverse();
+    }
+    const end = getCalcitePosition(position, el) === "end";
+    const expandIcon = end ? icons[1] : icons[0];
+    const collapseIcon = end ? icons[0] : icons[1];
+    const actionNode = (index.h("calcite-action", { icon: expanded ? expandIcon : collapseIcon, onClick: toggle, scale: scale, text: text, textEnabled: expanded, title: !expanded && !tooltip ? text : null, 
+        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
+        ref: (referenceElement) => setTooltipReference({ tooltip, referenceElement, expanded, ref }) }));
+    return actionNode;
+};
+
+exports.ExpandToggle = ExpandToggle;
+exports.geActionDimensions = geActionDimensions;
+exports.getOverflowCount = getOverflowCount;
+exports.overflowActions = overflowActions;
+exports.overflowActionsDebounceInMs = overflowActionsDebounceInMs;
+exports.queryActions = queryActions;
+exports.toggleChildActionText = toggleChildActionText;
+
+//# sourceMappingURL=ExpandToggle-298253a0.js.map

package/dist/cjs/ExpandToggle-298253a0.js.map

@@ -0,0 +1 @@
+{"file":"ExpandToggle-298253a0.js","mappings":"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","names":["ACTION_GROUP_SLOTS","ACTION_MENU_SLOTS","forceUpdate","getElementDir","h"],"sources":["src/components/action-bar/utils.ts","src/components/functional/ExpandToggle.tsx"],"sourcesContent":["import { forceUpdate } from \"@stencil/core\";\nimport { SLOTS as ACTION_GROUP_SLOTS } from \"../action-group/resources\";\nimport { SLOTS as ACTION_MENU_SLOTS } from \"../action-menu/resources\";\nimport { Layout } from \"../interfaces\";\n\nexport const overflowActionsDebounceInMs = 150;\nconst groupBufferPx = 2;\n\nconst getAverage = (arr: number[]) => arr.reduce((p, c) => p + c, 0) / arr.length;\n\nexport const geActionDimensions = (\n  actions: HTMLCalciteActionElement[],\n): { actionWidth: number; actionHeight: number } => {\n  const actionsNotSlotted = actions.filter((action) => action.slot !== ACTION_GROUP_SLOTS.menuActions);\n  const actionLen = actionsNotSlotted?.length;\n  return {\n    actionWidth: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientWidth || 0)) : 0,\n    actionHeight: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientHeight || 0)) : 0,\n  };\n};\n\nconst getMaxActionCount = ({\n  width,\n  actionWidth,\n  layout,\n  height,\n  actionHeight,\n  groupCount,\n}: {\n  layout: Extract<\"horizontal\" | \"vertical\", Layout>;\n  height: number;\n  actionWidth: number;\n  width: number;\n  actionHeight: number;\n  groupCount: number;\n}): number => {\n  const maxContainerPx = layout === \"horizontal\" ? width : height;\n  const avgItemPx = layout === \"horizontal\" ? actionWidth : actionHeight;\n  return Math.floor((maxContainerPx - groupCount * groupBufferPx) / avgItemPx);\n};\n\nexport const getOverflowCount = ({\n  layout,\n  actionCount,\n  actionWidth,\n  width,\n  actionHeight,\n  height,\n  groupCount,\n}: {\n  layout: Extract<\"horizontal\" | \"vertical\", Layout>;\n  actionCount: number;\n  actionWidth: number;\n  width: number;\n  actionHeight: number;\n  height: number;\n  groupCount: number;\n}): number => {\n  return Math.max(actionCount - getMaxActionCount({ width, actionWidth, layout, height, actionHeight, groupCount }), 0);\n};\n\nexport const queryActions = (el: HTMLElement): HTMLCalciteActionElement[] => {\n  return Array.from(el.querySelectorAll(\"calcite-action\")).filter((action) =>\n    action.closest(\"calcite-action-menu\") ? action.slot === ACTION_MENU_SLOTS.trigger : true,\n  );\n};\n\nexport const overflowActions = ({\n  actionGroups,\n  expanded,\n  overflowCount,\n}: {\n  actionGroups: HTMLCalciteActionGroupElement[];\n  expanded: boolean;\n  overflowCount: number;\n}): void => {\n  let needToSlotCount = overflowCount;\n  actionGroups.reverse().forEach((group) => {\n    let slottedWithinGroupCount = 0;\n\n    const groupActions = queryActions(group).reverse();\n\n    groupActions.forEach((groupAction) => {\n      if (groupAction.slot === ACTION_GROUP_SLOTS.menuActions) {\n        groupAction.removeAttribute(\"slot\");\n        groupAction.textEnabled = expanded;\n      }\n    });\n\n    if (needToSlotCount > 0) {\n      groupActions.some((groupAction) => {\n        const unslottedActions = groupActions.filter((action) => !action.slot);\n\n        if (unslottedActions.length > 1 && groupActions.length > 2 && !groupAction.closest(\"calcite-action-menu\")) {\n          groupAction.textEnabled = true;\n          groupAction.setAttribute(\"slot\", ACTION_GROUP_SLOTS.menuActions);\n          slottedWithinGroupCount++;\n\n          if (slottedWithinGroupCount > 1) {\n            needToSlotCount--;\n          }\n        }\n\n        return needToSlotCount < 1;\n      });\n    }\n\n    forceUpdate(group);\n  });\n};\n","import { FunctionalComponent, h } from \"@stencil/core\";\nimport { getElementDir } from \"../../utils/dom\";\nimport { queryActions } from \"../action-bar/utils\";\nimport { SLOTS as ACTION_GROUP_SLOTS } from \"../action-group/resources\";\nimport { Position, Scale } from \"../interfaces\";\n\ninterface ExpandToggleProps {\n  expanded: boolean;\n  expandText: string;\n  collapseText: string;\n  el: HTMLElement;\n  position: Position;\n  tooltip?: HTMLCalciteTooltipElement;\n  toggle: () => void;\n  ref?: (el: HTMLElement) => void;\n  scale?: Scale;\n}\n\nconst ICONS = {\n  chevronsLeft: \"chevrons-left\",\n  chevronsRight: \"chevrons-right\",\n};\n\nfunction getCalcitePosition(position: Position, el: HTMLElement): Position {\n  return position || el.closest(\"calcite-shell-panel\")?.position || \"start\";\n}\n\nexport function toggleChildActionText({\n  el,\n  expanded,\n}: {\n  el: HTMLElement;\n  expanded: boolean;\n}): void {\n  queryActions(el)\n    .filter((el) => el.slot !== ACTION_GROUP_SLOTS.menuActions)\n    .forEach((action) => (action.textEnabled = expanded));\n  el.querySelectorAll(\"calcite-action-group, calcite-action-menu\").forEach(\n    (el: HTMLCalciteActionMenuElement | HTMLCalciteActionGroupElement) => (el.expanded = expanded),\n  );\n}\n\nconst setTooltipReference = ({\n  tooltip,\n  referenceElement,\n  expanded,\n  ref,\n}: {\n  tooltip: HTMLCalciteTooltipElement;\n  referenceElement: HTMLCalciteActionElement;\n  expanded: boolean;\n  ref?: (el: HTMLElement) => void;\n}): HTMLCalciteActionElement => {\n  if (tooltip) {\n    tooltip.referenceElement = !expanded && referenceElement ? referenceElement : null;\n  }\n\n  if (ref) {\n    ref(referenceElement);\n  }\n\n  return referenceElement;\n};\n\nexport const ExpandToggle: FunctionalComponent<ExpandToggleProps> = ({\n  expanded,\n  expandText,\n  collapseText,\n  toggle,\n  el,\n  position,\n  tooltip,\n  ref,\n  scale,\n}) => {\n  const rtl = getElementDir(el) === \"rtl\";\n\n  const text = expanded ? collapseText : expandText;\n  const icons = [ICONS.chevronsLeft, ICONS.chevronsRight];\n\n  if (rtl) {\n    icons.reverse();\n  }\n\n  const end = getCalcitePosition(position, el) === \"end\";\n  const expandIcon = end ? icons[1] : icons[0];\n  const collapseIcon = end ? icons[0] : icons[1];\n\n  const actionNode = (\n    <calcite-action\n      icon={expanded ? expandIcon : collapseIcon}\n      onClick={toggle}\n      scale={scale}\n      text={text}\n      textEnabled={expanded}\n      title={!expanded && !tooltip ? text : null}\n      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n      ref={(referenceElement): HTMLCalciteActionElement =>\n        setTooltipReference({ tooltip, referenceElement, expanded, ref })\n      }\n    />\n  );\n\n  return actionNode;\n};\n"],"version":3}

package/dist/cjs/FloatingArrow-bff2c571.js

@@ -0,0 +1,49 @@
+/*!
+ * 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.5.2-next.1
+ */
+'use strict';
+
+const index = require('./index-f7e80a65.js');
+
+const CSS = {
+    arrow: "calcite-floating-ui-arrow",
+    arrowStroke: "calcite-floating-ui-arrow__stroke",
+};
+const DEFAULTS = {
+    width: 12,
+    height: 6,
+    strokeWidth: 1,
+};
+/**
+ * Renders a SVG element to be used as a floating-ui arrow.
+ *
+ * This functional component should be rendered inside a `FloatingUIComponent` when it needs an arrow element.
+ *
+ * @param floatingLayout.floatingLayout
+ * @param floatingLayout – The effective floating layout to render the arrow vertically or horizontally. Possible values: `vertical` or `horizontal`.
+ *
+ * See [floating-ui](https://github.com/Esri/calcite-design-system/blob/main/src/utils/floating-ui.ts)
+ * @param floatingLayout.key
+ * @param floatingLayout.ref
+ */
+const FloatingArrow = ({ floatingLayout, key, ref, }) => {
+    const { width, height, strokeWidth } = DEFAULTS;
+    const svgX = width / 2;
+    const isVertical = floatingLayout === "vertical";
+    const dValue = "M0,0" +
+        ` H${width}` +
+        ` L${width - svgX},${height}` +
+        ` Q${svgX},${height} ${svgX},${height}` +
+        " Z";
+    return (index.h("svg", { "aria-hidden": "true", class: CSS.arrow, height: width, key: key, viewBox: `0 0 ${width} ${width + (!isVertical ? strokeWidth : 0)}`, width: width + (isVertical ? strokeWidth : 0), 
+        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
+        ref: ref },
+        strokeWidth > 0 && (index.h("path", { class: CSS.arrowStroke, d: dValue, fill: "none", "stroke-width": strokeWidth + 1 })),
+        index.h("path", { d: dValue, stroke: "none" })));
+};
+
+exports.FloatingArrow = FloatingArrow;
+
+//# sourceMappingURL=FloatingArrow-bff2c571.js.map

package/dist/cjs/FloatingArrow-bff2c571.js.map

@@ -0,0 +1 @@
+{"file":"FloatingArrow-bff2c571.js","mappings":";;;;;;;;;AAQA,MAAM,GAAG,GAAG;IACV,KAAK,EAAE,2BAA2B;IAClC,WAAW,EAAE,mCAAmC;CACjD,CAAC;AAEF,MAAM,QAAQ,GAAG;IACf,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,CAAC;IACT,WAAW,EAAE,CAAC;CACf,CAAC;AAEF;;;;;;;;;;;;MAYa,aAAa,GAA4C,CAAC,EACrE,cAAc,EACd,GAAG,EACH,GAAG,GACJ;IACC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,CAAC;IAChD,MAAM,IAAI,GAAG,KAAK,GAAG,CAAC,CAAC;IACvB,MAAM,UAAU,GAAG,cAAc,KAAK,UAAU,CAAC;IAEjD,MAAM,MAAM,GACV,MAAM;QACN,KAAK,KAAK,EAAE;QACZ,KAAK,KAAK,GAAG,IAAI,IAAI,MAAM,EAAE;QAC7B,KAAK,IAAI,IAAI,MAAM,IAAI,IAAI,IAAI,MAAM,EAAE;QACvC,IAAI,CAAC;IAEP,QACEA,gCACc,MAAM,EAClB,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,MAAM,EAAE,KAAK,EACb,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,KAAK,IAAI,KAAK,IAAI,CAAC,UAAU,GAAG,WAAW,GAAG,CAAC,CAAC,EAAE,EAClE,KAAK,EAAE,KAAK,IAAI,UAAU,GAAG,WAAW,GAAG,CAAC,CAAC;;QAE7C,GAAG,EAAE,GAAG;QAEP,WAAW,GAAG,CAAC,KACdA,kBACE,KAAK,EAAE,GAAG,CAAC,WAAW,EACtB,CAAC,EAAE,MAAM,EACT,IAAI,EAAC,MAAM,kBAEG,WAAW,GAAG,CAAC,GAC7B,CACH;QAGDA,kBAAM,CAAC,EAAE,MAAM,EAAE,MAAM,EAAC,MAAM,GAAG,CAC7B,EACN;AACJ;;;;","names":["h"],"sources":["src/components/functional/FloatingArrow.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\nimport { JSXAttributes } from \"@stencil/core/internal\";\nimport { FloatingLayout } from \"../../utils/floating-ui\";\n\ninterface FloatingArrowProps extends JSXAttributes {\n  floatingLayout: FloatingLayout;\n}\n\nconst CSS = {\n  arrow: \"calcite-floating-ui-arrow\",\n  arrowStroke: \"calcite-floating-ui-arrow__stroke\",\n};\n\nconst DEFAULTS = {\n  width: 12,\n  height: 6,\n  strokeWidth: 1,\n};\n\n/**\n * Renders a SVG element to be used as a floating-ui arrow.\n *\n * This functional component should be rendered inside a `FloatingUIComponent` when it needs an arrow element.\n *\n * @param floatingLayout.floatingLayout\n * @param floatingLayout – The effective floating layout to render the arrow vertically or horizontally. Possible values: `vertical` or `horizontal`.\n *\n * See [floating-ui](https://github.com/Esri/calcite-design-system/blob/main/src/utils/floating-ui.ts)\n * @param floatingLayout.key\n * @param floatingLayout.ref\n */\nexport const FloatingArrow: FunctionalComponent<FloatingArrowProps> = ({\n  floatingLayout,\n  key,\n  ref,\n}) => {\n  const { width, height, strokeWidth } = DEFAULTS;\n  const svgX = width / 2;\n  const isVertical = floatingLayout === \"vertical\";\n\n  const dValue =\n    \"M0,0\" +\n    ` H${width}` +\n    ` L${width - svgX},${height}` +\n    ` Q${svgX},${height} ${svgX},${height}` +\n    \" Z\";\n\n  return (\n    <svg\n      aria-hidden=\"true\"\n      class={CSS.arrow}\n      height={width}\n      key={key}\n      viewBox={`0 0 ${width} ${width + (!isVertical ? strokeWidth : 0)}`}\n      width={width + (isVertical ? strokeWidth : 0)}\n      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n      ref={ref}\n    >\n      {strokeWidth > 0 && (\n        <path\n          class={CSS.arrowStroke}\n          d={dValue}\n          fill=\"none\"\n          // Account for the stroke on the fill path rendered below.\n          stroke-width={strokeWidth + 1}\n        />\n      )}\n      {/* In Firefox, for left/right placements there's a ~0.5px gap where the\n  border can show through. Adding a stroke on the fill removes it. */}\n      <path d={dValue} stroke=\"none\" />\n    </svg>\n  );\n};\n"],"version":3}