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

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
- */
-import{r as t,c as i,f as e,h as s,H as n,g as a}from"./p-d5fb1def.js";import{e as o,h as l,g as r}from"./p-521dd844.js";import{s as c,c as d,i as h,d as u,H as p}from"./p-607f6ebc.js";import{c as f,d as b,u as m,I as g}from"./p-dd122c48.js";import{c as v,d as x,g as k}from"./p-92ee57bc.js";import{s as y,a as w,c as z}from"./p-77f9f089.js";import{c as j,d as C}from"./p-d41eda90.js";import{c as I}from"./p-7369809e.js";import{C as L}from"./p-4a7f9f77.js";import{u as E,c as W,d as M,s as D}from"./p-f2fb83bd.js";import{g as A}from"./p-5b021a42.js";import{V as T}from"./p-934455cd.js";import{s as F}from"./p-d1a95180.js";import"./p-1a91451c.js";import"./p-64eee6a2.js";import"./p-0055e511.js";const G={loader:"loader",clearButton:"clear-button",editingEnabled:"editing-enabled",inlineChild:"inline-child",inputIcon:"icon",prefix:"prefix",suffix:"suffix",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper",resizeIconWrapper:"resize-icon-wrapper"};const H={action:"action"};const R=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([scale=s]) input{padding-inline-start:0.5rem;padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, 0.5rem)}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .prefix,:host([scale=s]) .suffix{padding-inline:0.5rem}:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{block-size:1.5rem}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=m]) input{padding-inline-start:0.75rem;padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, 0.75rem)}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .prefix,:host([scale=m]) .suffix{padding-inline:0.75rem}:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{block-size:2rem}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=l]) input{padding-inline-start:1rem;padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, 1rem)}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .prefix,:host([scale=l]) .suffix{padding-inline:1rem}:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{block-size:2.75rem}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing), block-size 0, outline-offset 0s;-webkit-appearance:none;position:relative;margin:0px;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;text-overflow:ellipsis;border-radius:0px;background-color:var(--calcite-color-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1)}input:placeholder-shown{text-overflow:ellipsis}input{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);color:var(--calcite-color-text-1)}input::placeholder,input:-ms-input-placeholder,input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-text-1)}input[readonly]{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}input[readonly]:focus{color:var(--calcite-color-text-1)}calcite-icon{color:var(--calcite-color-text-3)}input{outline-color:transparent}input:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([status=invalid]) input{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) input:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([scale=s]) .icon{inset-inline-start:0.5rem}:host([scale=m]) .icon{inset-inline-start:0.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{padding-inline-start:2rem}:host([icon][scale=m]) input{padding-inline-start:2.5rem}:host([icon][scale=l]) input{padding-inline-start:3.5rem}.element-wrapper{position:relative;order:3;display:inline-flex;flex:1 1 0%;align-items:center}.icon{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);display:block;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;block-size:0px;inline-size:0px}.clear-button{pointer-events:initial;order:4;margin:0px;box-sizing:border-box;display:flex;min-block-size:100%;cursor:pointer;align-items:center;justify-content:center;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-color-foreground-2);transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:hover calcite-icon{color:var(--calcite-color-text-1);transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:active{background-color:var(--calcite-color-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-color-text-1)}.clear-button:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.clear-button:disabled{opacity:var(--calcite-opacity-disabled)}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{order:7;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-color-text-2)}.prefix{order:2;border-inline-end-width:0px}.suffix{order:5;border-inline-start-width:0px}:host([alignment=start]) input{text-align:start}:host([alignment=end]) input{text-align:end}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{background-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}input.inline-child .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";const V=R;const q=class{constructor(e){t(this,e);this.calciteInternalInputTextFocus=i(this,"calciteInternalInputTextFocus",7);this.calciteInternalInputTextBlur=i(this,"calciteInternalInputTextBlur",7);this.calciteInputTextInput=i(this,"calciteInputTextInput",7);this.calciteInputTextChange=i(this,"calciteInputTextChange",7);this.previousValueOrigin="initial";this.mutationObserver=I("mutation",(()=>this.setDisabledAction()));this.userChangedValue=false;this.keyDownHandler=t=>{if(this.readOnly||this.disabled||t.defaultPrevented){return}if(this.isClearable&&t.key==="Escape"){this.clearInputTextValue(t);t.preventDefault()}if(t.key==="Enter"){if(c(this)){t.preventDefault()}}};this.clearInputTextValue=t=>{this.setValue({committing:true,nativeEvent:t,origin:"user",value:""})};this.emitChangeIfUserModified=()=>{if(this.previousValueOrigin==="user"&&this.value!==this.previousEmittedValue){this.calciteInputTextChange.emit();this.setPreviousEmittedValue(this.value)}};this.inputTextBlurHandler=()=>{this.calciteInternalInputTextBlur.emit({element:this.childEl,value:this.value});this.emitChangeIfUserModified()};this.clickHandler=t=>{if(this.disabled){return}const i=o(this.el,"action");if(t.target!==i){this.setFocus()}};this.inputTextFocusHandler=()=>{this.calciteInternalInputTextFocus.emit({element:this.childEl,value:this.value})};this.inputTextInputHandler=t=>{if(this.disabled||this.readOnly){return}this.setValue({nativeEvent:t,origin:"user",value:t.target.value})};this.inputTextKeyDownHandler=t=>{if(this.disabled||this.readOnly){return}if(t.key==="Enter"){this.emitChangeIfUserModified()}};this.onHiddenFormInputInput=t=>{if(t.target.name===this.name){this.setValue({value:t.target.value,origin:"direct"})}this.setFocus();t.stopPropagation()};this.setChildElRef=t=>{this.childEl=t};this.setInputValue=t=>{if(!this.childEl){return}this.childEl.value=t};this.setPreviousEmittedValue=t=>{this.previousEmittedValue=t};this.setPreviousValue=t=>{this.previousValue=t};this.setValue=({committing:t=false,nativeEvent:i,origin:e,previousValue:s,value:n})=>{this.setPreviousValue(s??this.value);this.previousValueOrigin=e;this.userChangedValue=e==="user"&&n!==this.value;this.value=n;if(e==="direct"){this.setInputValue(n);this.setPreviousEmittedValue(n)}if(i){const i=this.calciteInputTextInput.emit();if(i.defaultPrevented){this.value=this.previousValue}else if(t){this.emitChangeIfUserModified()}}};this.alignment="start";this.autofocus=undefined;this.clearable=false;this.disabled=false;this.enterKeyHint=undefined;this.form=undefined;this.icon=undefined;this.iconFlipRtl=false;this.inputMode=undefined;this.label=undefined;this.loading=false;this.maxLength=undefined;this.minLength=undefined;this.validationMessage=undefined;this.validationIcon=undefined;this.validity={valid:false,badInput:false,customError:false,patternMismatch:false,rangeOverflow:false,rangeUnderflow:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valueMissing:false};this.name=undefined;this.placeholder=undefined;this.prefixText=undefined;this.readOnly=false;this.required=false;this.scale="m";this.status="idle";this.autocomplete=undefined;this.pattern=undefined;this.suffixText=undefined;this.editingEnabled=false;this.value="";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined;this.slottedActionElDisabledInternally=false}handleGlobalAttributesChanged(){e(this)}disabledWatcher(){this.setDisabledAction()}onMessagesChange(){}valueWatcher(t,i){if(!this.userChangedValue){this.setValue({origin:"direct",previousValue:i,value:!t?"":t})}this.userChangedValue=false}updateRequestedIcon(){this.requestedIcon=l({},this.icon,"text")}get isClearable(){return this.clearable&&this.value.length>0}effectiveLocaleChange(){E(this,this.effectiveLocale)}connectedCallback(){f(this);j(this);W(this);this.inlineEditableEl=this.el.closest("calcite-inline-editable");if(this.inlineEditableEl){this.editingEnabled=this.inlineEditableEl.editingEnabled||false}v(this);d(this);this.mutationObserver?.observe(this.el,{childList:true});this.setDisabledAction();this.el.addEventListener(h,this.onHiddenFormInputInput)}disconnectedCallback(){b(this);x(this);u(this);C(this);M(this);this.mutationObserver?.disconnect();this.el.removeEventListener(h,this.onHiddenFormInputInput)}async componentWillLoad(){y(this);this.requestedIcon=l({},this.icon,"text");await D(this);this.setPreviousEmittedValue(this.value);this.setPreviousValue(this.value)}componentDidLoad(){w(this)}componentDidRender(){m(this)}async setFocus(){await z(this);this.childEl?.focus()}async selectText(){this.childEl?.select()}onLabelClick(){this.setFocus()}syncHiddenFormInput(t){F("text",this,t)}setDisabledAction(){const t=o(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}}render(){const t=r(this.el);const i=s("div",{key:"9bf7accea25a80536640e26229a3b15c244469b2",class:G.loader},s("calcite-progress",{key:"40f9404404852960d03545a9fe3d22405e9c5803",label:this.messages.loading,type:"indeterminate"}));const e=s("button",{key:"f72a9549511b7a9e5a68eeec3aaf3708f5ae9a41","aria-label":this.messages.clear,class:G.clearButton,disabled:this.disabled||this.readOnly,onClick:this.clearInputTextValue,tabIndex:-1,type:"button"},s("calcite-icon",{key:"8171336455d3aa4ed71005059977a380b23b63e6",icon:"x",scale:A(this.scale)}));const a=s("calcite-icon",{key:"ba54d6b6d8859f19dd0fbe28982e1f8008b77cb1",class:G.inputIcon,flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:A(this.scale)});const o=s("div",{key:"a3c072c6020009b9ff0d781c882cf1fcf22c93a0",class:G.prefix},this.prefixText);const l=s("div",{key:"7af8bf81f8639e33630f1af5a71665e78914e405",class:G.suffix},this.suffixText);const c=s("input",{key:"79d169749727a95c2b9766238f9cafb3e602afec","aria-label":k(this),autocomplete:this.autocomplete,autofocus:this.el.autofocus?true:null,class:{[G.editingEnabled]:this.editingEnabled,[G.inlineChild]:!!this.inlineEditableEl},defaultValue:this.defaultValue,disabled:this.disabled?true:null,enterKeyHint:this.el.enterKeyHint||this.el.getAttribute("enterkeyhint"),inputMode:this.el.inputMode||this.el.getAttribute("inputmode"),maxLength:this.maxLength,minLength:this.minLength,name:this.name,onBlur:this.inputTextBlurHandler,onFocus:this.inputTextFocusHandler,onInput:this.inputTextInputHandler,onKeyDown:this.inputTextKeyDownHandler,pattern:this.pattern,placeholder:this.placeholder||"",readOnly:this.readOnly,ref:this.setChildElRef,required:this.required?true:null,tabIndex:this.disabled||this.inlineEditableEl&&!this.editingEnabled?-1:null,type:"text",value:this.value});return s(n,{key:"70bebca274b7402753a550e65279509d7a119620",onClick:this.clickHandler,onKeyDown:this.keyDownHandler},s(g,{key:"32473f46cb92a9ca1ec686400aa15ee6bf0c1656",disabled:this.disabled},s("div",{key:"2100401c62c46e4ebfaa1f1345c56ec75d486228",class:{[G.inputWrapper]:true,[L.rtl]:t==="rtl"}},this.prefixText?o:null,s("div",{key:"c9049e8fe3bc9cf111b7efbc17d965fed2f20fac",class:G.wrapper},c,this.isClearable?e:null,this.requestedIcon?a:null,this.loading?i:null),s("div",{key:"95306256855f7d0633c06f1e37a3f338380d9d31",class:G.actionWrapper},s("slot",{key:"d1f3376d515954201a8ff5c64ddb51c6e35893e0",name:H.action})),this.suffixText?l:null,s(p,{key:"2b80cb1203c221983060aae95a7371b0ef51ecdc",component:this})),this.validationMessage&&this.status==="invalid"?s(T,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{autofocus:["handleGlobalAttributesChanged"],enterkeyhint:["handleGlobalAttributesChanged"],inputmode:["handleGlobalAttributesChanged"],disabled:["disabledWatcher"],messageOverrides:["onMessagesChange"],value:["valueWatcher"],icon:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleChange"]}}};q.style=V;export{q as calcite_input_text};
-//# sourceMappingURL=p-e437ff18.entry.js.map

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

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
- */
-import{r as e,h as t,H as i,g as n}from"./p-d5fb1def.js";import{s as a,a as l}from"./p-77f9f089.js";import{a as s,c as r,d as c}from"./p-607f6ebc.js";import{g as o,n as h,c as d,d as b}from"./p-d41eda90.js";import{v as u}from"./p-521dd844.js";import{c as f}from"./p-7369809e.js";import"./p-0055e511.js";import"./p-1a91451c.js";import"./p-4a7f9f77.js";const p={container:"container",fill:"fill",stepLine:"step-line",label:"label",labelHidden:"label-hidden",labelRange:"label-range",labelValue:"label-value",unitLabel:"unit-label",stepsVisible:"steps-visible",valueVisible:"value-visible",success:"fill-success",warning:"fill-warning",danger:"fill-danger"};const g=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host{display:flex;--calcite-meter-space-internal:0.125rem;--calcite-meter-height-internal:1rem;--calcite-meter-font-size-internal:var(--calcite-font-size--1)}:host([scale=s]){--calcite-meter-height-internal:0.75rem;--calcite-meter-font-size-internal:var(--calcite-font-size--2)}:host([scale=l]){--calcite-meter-height-internal:1.5rem;--calcite-meter-font-size-internal:var(--calcite-font-size-0)}.container{position:relative;margin:0px;display:flex;inline-size:100%;align-items:center;block-size:var(--calcite-meter-height-internal);background-color:var(--calcite-color-foreground-2);border:1px solid var(--calcite-color-border-3);border-radius:var(--calcite-meter-height-internal)}.solid{border:1px solid var(--calcite-color-foreground-3);background-color:var(--calcite-color-foreground-3)}.outline{background-color:transparent}.value-visible{margin-block-start:1.5rem}.steps-visible{margin-block-end:1.5rem}.step-line{position:absolute;inset-block:0px;display:block;inline-size:var(--calcite-meter-space-internal);background-color:var(--calcite-color-border-3)}.label{position:absolute;font-size:var(--calcite-meter-font-size-internal)}.label-hidden{visibility:hidden;opacity:0}.label-value{inset-block-end:calc(100% + 0.5em);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1)}.label-range{color:var(--calcite-color-text-3);inset-block-start:calc(100% + 0.5em)}.unit-label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-3)}.label-value .unit-label{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2)}.fill{position:absolute;z-index:var(--calcite-z-index);display:block;background-color:var(--calcite-color-brand);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);inset-inline-start:var(--calcite-meter-space-internal);inset-block:var(--calcite-meter-space-internal);border-radius:var(--calcite-meter-height-internal);max-inline-size:calc(100% - var(--calcite-meter-space-internal) * 2);min-inline-size:calc(var(--calcite-meter-height-internal) - var(--calcite-meter-space-internal) * 2);transition-property:inline-size, background-color, box-shadow}.fill-danger{background-color:var(--calcite-color-status-danger)}.fill-success{background-color:var(--calcite-color-status-success)}.fill-warning{background-color:var(--calcite-color-status-warning)}.solid .fill{inset-block:0;inset-inline-start:0;max-inline-size:100%;min-inline-size:calc(var(--calcite-meter-height-internal));box-shadow:0 0 0 1px var(--calcite-color-brand)}.solid .fill-danger{box-shadow:0 0 0 1px var(--calcite-color-status-danger)}.solid .fill-success{box-shadow:0 0 0 1px var(--calcite-color-status-success)}.solid .fill-warning{box-shadow:0 0 0 1px var(--calcite-color-status-warning)}";const m=g;const v=class{constructor(t){e(this,t);this.labelFlipMax=.8;this.labelFlipProximity=.15;this.maxPercent=100;this.minPercent=0;this.resizeObserver=f("resize",(()=>this.resizeHandler()));this.formatLabel=(e,t)=>{if(t==="percent"){if(!this.percentFormatting){const e=o(this.effectiveLocale);const t=new Intl.NumberFormat(e,{useGrouping:this.groupSeparator,style:"percent"});this.percentFormatting={formatter:t,locale:e}}return this.percentFormatting.formatter.format(e)}else{h.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};return h.localize(e.toString())}};this.appearance="outline-fill";this.disabled=false;this.fillType="range";this.form=undefined;this.groupSeparator=false;this.high=undefined;this.label=undefined;this.low=undefined;this.max=100;this.min=0;this.name=undefined;this.numberingSystem=undefined;this.rangeLabels=false;this.rangeLabelType="percent";this.scale="m";this.unitLabel="";this.value=undefined;this.valueLabel=false;this.valueLabelType="percent";this.currentPercent=undefined;this.effectiveLocale=undefined;this.highActive=undefined;this.highPercent=undefined;this.lowActive=undefined;this.lowPercent=undefined}handleRangeChange(){this.calculateValues();this.updateLabels()}handleLabelChange(){this.updateLabels()}async componentWillLoad(){a(this);this.calculateValues();s(this,this.value)}componentDidLoad(){l(this);this.updateLabels()}connectedCallback(){d(this);r(this);this.resizeObserver?.observe(this.el)}disconnectedCallback(){b(this);c(this);this.resizeObserver?.disconnect()}resizeHandler(){this.updateLabels()}updateLabels(){if(this.valueLabelEl){this.determineValueLabelPosition()}if(this.rangeLabels){this.determineVisibleLabels()}}calculateValues(){const{min:e,max:t,low:i,high:n,value:a}=this;const l=100*(i-e)/(t-e);const s=100*(n-e)/(t-e);const r=100*(a-e)/(t-e);if(!i||i<e||i>n||i>t){this.low=e}if(!n||n>t||n<i||n<e){this.high=t}if(!a){this.value=e}this.lowPercent=l;this.highPercent=s;this.currentPercent=a?r:0;this.lowActive=!!i&&i>e&&(!a||i>a)&&(!n||i<n);this.highActive=!!n&&e<=n&&n<t&&(!a||n>a)&&(!i||n>i)}getMeterKindCssClass(){const{low:e,high:t,min:i,max:n,value:a}=this;const l=e?e:i;const s=t?t:n;const r=a>=l;const c=a<l;const o=a>=s;const h=a<s;if(!a||!e&&h||c){return p.success}else if(r&&h){return p.warning}else if(o){return p.danger}else{return p.success}}intersects(e,t){return e&&t&&u(e.getBoundingClientRect(),t.getBoundingClientRect())}determineVisibleLabels(){const{minLabelEl:e,lowLabelEl:t,highLabelEl:i,maxLabelEl:n}=this;const a=this.intersects(i,n);const l=this.intersects(t,i);const s=this.intersects(t,n);const r=this.intersects(e,i);const c=this.intersects(e,t);const o=this.intersects(e,n);const h=p.labelHidden;if(t){if(c||s||l){t.classList.add(h)}else{t.classList.remove(h)}}if(i){if(r||s||a){i.classList.add(h)}else{i.classList.remove(h)}}if(e&&n){if(o){n.classList.add(h)}else{n.classList.remove(h)}}}determineValueLabelPosition(){const{valueLabelEl:e,meterContainerEl:t,currentPercent:i}=this;const n=i>100?100:i>0?i:0;const a=e.getBoundingClientRect().width;const l=t.getBoundingClientRect().width;const s=100*(a-0)/(l-0);if(n+s>=100){e.style.insetInlineEnd="0%";e.style.removeProperty("inset-inline-start")}else{e.style.insetInlineStart=`${n}% `;e.style.removeProperty("inset-inline-end")}}renderMeterFill(){const{currentPercent:e,fillType:i}=this;const n=this.getMeterKindCssClass();return t("div",{class:{[p.fill]:true,[n]:i!=="single"},style:{width:`${e}%`}})}renderRangeLine(e){const i={insetInlineStart:`${e}%`};return t("div",{class:p.stepLine,style:i})}renderValueLabel(){const{currentPercent:e,valueLabelType:i,unitLabel:n,value:a}=this;const l=this.formatLabel(i==="percent"?e/100:a||0,i);return t("div",{class:{[p.label]:true,[p.labelValue]:true},key:"low-label-line",ref:e=>this.valueLabelEl=e},l,n&&i!=="percent"&&t("span",{class:p.unitLabel}," ",n))}renderMinLabel(){const{rangeLabelType:e,min:i,minPercent:n,unitLabel:a}=this;const l={insetInlineStart:`${n}%`};const s=this.formatLabel(e==="percent"?n:i,e);return t("div",{class:{[p.label]:true,[p.labelRange]:true},key:"min-label-line",ref:e=>this.minLabelEl=e,style:l},s,a&&e!=="percent"&&t("span",{class:p.unitLabel}," ",a))}renderLowLabel(){const{rangeLabelType:e,low:i,lowPercent:n,highPercent:a,labelFlipProximity:l}=this;const s=i?this.formatLabel(e==="percent"?n/100:i,e):"";const r={insetInlineStart:`${n}%`};const c={insetInlineEnd:`${100-n}%`};const o=(a-n)/100<l?c:r;return t("div",{class:{[p.label]:true,[p.labelRange]:true},key:"low-label-line",ref:e=>this.lowLabelEl=e,style:o},s)}renderHighLabel(){const{rangeLabelType:e,high:i,highPercent:n,labelFlipMax:a}=this;const l=i?this.formatLabel(e==="percent"?n/100:i,e):"";const s={insetInlineStart:`${n}%`};const r={insetInlineEnd:`${100-n}%`};const c=n/100>=a?r:s;return t("div",{class:{[p.label]:true,[p.labelRange]:true},key:"high-label-line",ref:e=>this.highLabelEl=e,style:c},l)}renderMaxLabel(){const{rangeLabelType:e,max:i,maxPercent:n}=this;const a={insetInlineEnd:`${100-n}%`};const l=this.formatLabel(e==="percent"?n/100:i,e);return t("div",{class:{[p.label]:true,[p.labelRange]:true},key:"max-label-line",ref:e=>this.maxLabelEl=e,style:a},l)}render(){const{appearance:e,currentPercent:n,highActive:a,highPercent:l,label:s,lowActive:r,lowPercent:c,max:o,maxPercent:h,min:d,minPercent:b,rangeLabels:u,rangeLabelType:f,unitLabel:g,value:m,valueLabel:v,valueLabelType:y}=this;const L=this.formatLabel(n/100,"percent");const x=`${m} ${g}`;const w=y==="percent"?L:g?x:undefined;return t(i,{key:"c1d7299984b2ab918e846f58d078be46a6c40f65"},t("div",{key:"b0c56fbda4d437903b23f59b21ff14488b76dde8","aria-label":s,"aria-valuemax":f==="percent"?h:o,"aria-valuemin":f==="percent"?b:d,"aria-valuenow":y==="percent"?n:m,"aria-valuetext":w,class:{[p.container]:true,[p.stepsVisible]:u,[p.valueVisible]:v,[e]:e!=="outline-fill"},ref:e=>this.meterContainerEl=e,role:"meter"},this.renderMeterFill(),v&&this.renderValueLabel(),r&&this.renderRangeLine(c),a&&this.renderRangeLine(l),u&&this.renderMinLabel(),u&&r&&this.renderLowLabel(),u&&a&&this.renderHighLabel(),u&&this.renderMaxLabel()))}get el(){return n(this)}static get watchers(){return{min:["handleRangeChange"],max:["handleRangeChange"],low:["handleRangeChange"],high:["handleRangeChange"],value:["handleRangeChange"],rangeLabels:["handleLabelChange"],rangeLabelType:["handleLabelChange"],unitLabel:["handleLabelChange"],valueLabel:["handleLabelChange"],valueLabelType:["handleLabelChange"]}}};v.style=m;export{v as calcite_meter};
-//# sourceMappingURL=p-e48a93b5.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","container","fill","stepLine","label","labelHidden","labelRange","labelValue","unitLabel","stepsVisible","valueVisible","success","warning","danger","meterCss","CalciteMeterStyle0","Meter","this","labelFlipMax","labelFlipProximity","maxPercent","minPercent","resizeObserver","createObserver","resizeHandler","formatLabel","value","labelType","percentFormatting","locale","getSupportedLocale","effectiveLocale","formatter","Intl","NumberFormat","useGrouping","groupSeparator","style","format","numberStringFormatter","numberFormatOptions","numberingSystem","localize","toString","handleRangeChange","calculateValues","updateLabels","handleLabelChange","componentWillLoad","setUpLoadableComponent","afterConnectDefaultValueSet","componentDidLoad","setComponentLoaded","connectedCallback","connectLocalized","connectForm","observe","el","disconnectedCallback","disconnectLocalized","disconnectForm","disconnect","valueLabelEl","determineValueLabelPosition","rangeLabels","determineVisibleLabels","min","max","low","high","lowPercent","highPercent","currentPercent","lowActive","highActive","getMeterKindCssClass","lowest","highest","aboveLowest","belowLowest","aboveHighest","belowHighest","intersects","el1","el2","getBoundingClientRect","minLabelEl","lowLabelEl","highLabelEl","maxLabelEl","highMaxOverlap","lowHighOverlap","lowMaxOverlap","minHighOverlap","minLowOverlap","minMaxOverlap","hiddenClass","classList","add","remove","meterContainerEl","valuePosition","valueLabelWidth","width","containerWidth","labelWidthPercent","insetInlineEnd","removeProperty","insetInlineStart","renderMeterFill","fillType","kindClass","h","class","renderRangeLine","position","renderValueLabel","valueLabelType","key","ref","renderMinLabel","rangeLabelType","labelMin","renderLowLabel","styleDefault","styleFlipped","renderHighLabel","renderMaxLabel","labelMax","render","appearance","valueLabel","textPercentLabelWithPercent","textUnitLabel","valueText","undefined","Host","role"],"sources":["src/components/meter/resources.ts","src/components/meter/meter.scss?tag=calcite-meter&encapsulation=shadow","src/components/meter/meter.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  fill: \"fill\",\n  stepLine: \"step-line\",\n  label: \"label\",\n  labelHidden: \"label-hidden\",\n  labelRange: \"label-range\",\n  labelValue: \"label-value\",\n  unitLabel: \"unit-label\",\n  stepsVisible: \"steps-visible\",\n  valueVisible: \"value-visible\",\n  success: \"fill-success\",\n  warning: \"fill-warning\",\n  danger: \"fill-danger\",\n};\n","@include base-component();\n@include disabled();\n\n:host {\n  @apply flex;\n  --calcite-meter-space-internal: theme(\"spacing[0.5]\");\n  --calcite-meter-height-internal: theme(\"spacing.4\");\n  --calcite-meter-font-size-internal: var(--calcite-font-size--1);\n}\n\n:host([scale=\"s\"]) {\n  --calcite-meter-height-internal: theme(\"spacing.3\");\n  --calcite-meter-font-size-internal: var(--calcite-font-size--2);\n}\n\n:host([scale=\"l\"]) {\n  --calcite-meter-height-internal: theme(\"spacing.6\");\n  --calcite-meter-font-size-internal: var(--calcite-font-size-0);\n}\n\n.container {\n  @apply flex relative items-center w-full m-0;\n  block-size: var(--calcite-meter-height-internal);\n  background-color: var(--calcite-color-foreground-2);\n  border: 1px solid var(--calcite-color-border-3);\n  border-radius: var(--calcite-meter-height-internal);\n}\n\n.solid {\n  border: 1px solid var(--calcite-color-foreground-3);\n  background-color: var(--calcite-color-foreground-3);\n}\n\n.outline {\n  @apply bg-transparent;\n}\n\n.value-visible {\n  margin-block-start: theme(\"spacing.6\");\n}\n\n.steps-visible {\n  margin-block-end: theme(\"spacing.6\");\n}\n\n.step-line {\n  @apply block absolute inset-y-0;\n  inline-size: var(--calcite-meter-space-internal);\n  background-color: var(--calcite-color-border-3);\n}\n\n.label {\n  @apply absolute;\n  font-size: var(--calcite-meter-font-size-internal);\n}\n\n.label-hidden {\n  @apply invisible opacity-0;\n}\n\n.label-value {\n  inset-block-end: calc(100% + 0.5em);\n  font-weight: var(--calcite-font-weight-bold);\n  color: var(--calcite-color-text-1);\n}\n\n.label-range {\n  @apply text-color-3;\n  inset-block-start: calc(100% + 0.5em);\n}\n\n.unit-label {\n  @apply text-color-3 font-medium;\n}\n\n.label-value .unit-label {\n  @apply text-color-2 font-bold;\n}\n\n.fill {\n  @apply block absolute duration-150 ease-in-out bg-brand z-default;\n  inset-inline-start: var(--calcite-meter-space-internal);\n  inset-block: var(--calcite-meter-space-internal);\n  border-radius: var(--calcite-meter-height-internal);\n  max-inline-size: calc(100% - (var(--calcite-meter-space-internal) * 2));\n  min-inline-size: calc(var(--calcite-meter-height-internal) - (var(--calcite-meter-space-internal) * 2));\n  transition-property: inline-size, background-color, box-shadow;\n}\n\n.fill-danger {\n  background-color: var(--calcite-color-status-danger);\n}\n\n.fill-success {\n  background-color: var(--calcite-color-status-success);\n}\n\n.fill-warning {\n  background-color: var(--calcite-color-status-warning);\n}\n\n.solid .fill {\n  inset-block: 0;\n  inset-inline-start: 0;\n  max-inline-size: 100%;\n  min-inline-size: calc(var(--calcite-meter-height-internal));\n  box-shadow: 0 0 0 1px var(--calcite-color-brand);\n}\n\n.solid .fill-danger {\n  box-shadow: 0 0 0 1px var(--calcite-color-status-danger);\n}\n\n.solid .fill-success {\n  box-shadow: 0 0 0 1px var(--calcite-color-status-success);\n}\n\n.solid .fill-warning {\n  box-shadow: 0 0 0 1px var(--calcite-color-status-warning);\n}\n","import { Component, Element, h, Host, Prop, State, VNode, Watch } from \"@stencil/core\";\nimport { Appearance, Scale } from \"../interfaces\";\nimport {\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  afterConnectDefaultValueSet,\n  connectForm,\n  disconnectForm,\n  FormComponent,\n} from \"../../utils/form\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  getSupportedLocale,\n  LocalizedComponent,\n  NumberingSystem,\n  numberStringFormatter,\n  SupportedLocale,\n} from \"../../utils/locale\";\nimport { intersects } from \"../../utils/dom\";\nimport { createObserver } from \"../../utils/observers\";\nimport { CSS } from \"./resources\";\nimport { MeterLabelType } from \"./interfaces\";\n\n@Component({\n  tag: \"calcite-meter\",\n  styleUrl: \"meter.scss\",\n  shadow: true,\n})\nexport class Meter implements FormComponent, LoadableComponent, LocalizedComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the appearance style of the component. */\n  @Prop({ reflect: true }) appearance: Extract<\"outline\" | \"outline-fill\" | \"solid\", Appearance> =\n    \"outline-fill\";\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Specifies the component's display, where `\"single\"` displays a single color and `\"range\"` displays a range of colors based on provided `low`, `high`, `min` or `max` values. */\n  @Prop({ reflect: true }) fillType: \"single\" | \"range\" = \"range\";\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  /** When `true`, number values are displayed with a group separator corresponding to the language and country format. */\n  @Prop({ reflect: true }) groupSeparator = false;\n\n  /** Specifies a high value.  When `fillType` is `\"range\"`, displays a different color when above the specified threshold.  */\n  @Prop({ reflect: true, mutable: true }) high: number;\n\n  /**  Accessible name for the component. */\n  @Prop() label!: string;\n\n  /** Specifies a low value.  When `fillType` is `\"range\"`, displays a different color when above the specified threshold.  */\n  @Prop({ reflect: true, mutable: true }) low: number;\n\n  /** Specifies the highest allowed value of the component. */\n  @Prop({ reflect: true }) max = 100;\n\n  /** Specifies the lowest allowed value of the component. */\n  @Prop({ reflect: true }) min = 0;\n\n  @Watch(\"min\")\n  @Watch(\"max\")\n  @Watch(\"low\")\n  @Watch(\"high\")\n  @Watch(\"value\")\n  handleRangeChange(): void {\n    this.calculateValues();\n    this.updateLabels();\n  }\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  /** Specifies the Unicode numeral system used by the component for localization. */\n  @Prop() numberingSystem: NumberingSystem;\n\n  /** When `true`, displays the values of `high`, `low`, `min`, and `max`. */\n  @Prop({ reflect: true }) rangeLabels = false;\n\n  /** When `rangeLabels` is `true`, specifies the format of displayed labels. */\n  @Prop({ reflect: true }) rangeLabelType: MeterLabelType = \"percent\";\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** When `rangeLabelType` is `\"units\"` and either `valueLabel` or `rangeLabels` are `true`, displays beside the `value` and/or  `min` values. */\n  @Prop() unitLabel = \"\";\n\n  /** Specifies the current value of the component. */\n  @Prop({ mutable: true }) value: number;\n\n  /** When `true`, displays the current value. */\n  @Prop({ reflect: true }) valueLabel = false;\n\n  /** When `valueLabel` is `true`, specifies the format of displayed label. */\n  @Prop({ reflect: true }) valueLabelType: MeterLabelType = \"percent\";\n\n  @Watch(\"rangeLabels\")\n  @Watch(\"rangeLabelType\")\n  @Watch(\"unitLabel\")\n  @Watch(\"valueLabel\")\n  @Watch(\"valueLabelType\")\n  handleLabelChange(): void {\n    this.updateLabels();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    this.calculateValues();\n    afterConnectDefaultValueSet(this, this.value);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    this.updateLabels();\n  }\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectForm(this);\n    this.resizeObserver?.observe(this.el);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectForm(this);\n    this.resizeObserver?.disconnect();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteMeterElement;\n\n  defaultValue: Meter[\"value\"];\n\n  formEl: HTMLFormElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  private highLabelEl: HTMLDivElement;\n\n  private labelFlipMax = 0.8;\n\n  private labelFlipProximity = 0.15;\n\n  private lowLabelEl: HTMLDivElement;\n\n  private maxLabelEl: HTMLDivElement;\n\n  private maxPercent = 100;\n\n  private meterContainerEl: HTMLDivElement;\n\n  private minLabelEl: HTMLDivElement;\n\n  private minPercent = 0;\n\n  private percentFormatting: {\n    formatter: Intl.NumberFormat;\n    locale: SupportedLocale;\n  };\n\n  private resizeObserver = createObserver(\"resize\", () => this.resizeHandler());\n\n  private valueLabelEl: HTMLDivElement;\n\n  @State() currentPercent: number;\n\n  @State() effectiveLocale: string;\n\n  @State() highActive: boolean;\n\n  @State() highPercent: number;\n\n  @State() lowActive: boolean;\n\n  @State() lowPercent: number;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private resizeHandler(): void {\n    this.updateLabels();\n  }\n\n  private updateLabels(): void {\n    if (this.valueLabelEl) {\n      this.determineValueLabelPosition();\n    }\n    if (this.rangeLabels) {\n      this.determineVisibleLabels();\n    }\n  }\n\n  private calculateValues(): void {\n    const { min, max, low, high, value } = this;\n    const lowPercent = (100 * (low - min)) / (max - min);\n    const highPercent = (100 * (high - min)) / (max - min);\n    const currentPercent = (100 * (value - min)) / (max - min);\n\n    if (!low || low < min || low > high || low > max) {\n      this.low = min;\n    }\n    if (!high || high > max || high < low || high < min) {\n      this.high = max;\n    }\n    if (!value) {\n      this.value = min;\n    }\n\n    this.lowPercent = lowPercent;\n    this.highPercent = highPercent;\n    this.currentPercent = value ? currentPercent : 0;\n    this.lowActive = !!low && low > min && (!value || low > value) && (!high || low < high);\n    this.highActive =\n      !!high && min <= high && high < max && (!value || high > value) && (!low || high > low);\n  }\n\n  private formatLabel = (value: number, labelType: MeterLabelType): string => {\n    if (labelType === \"percent\") {\n      if (!this.percentFormatting) {\n        const locale = getSupportedLocale(this.effectiveLocale);\n        const formatter = new Intl.NumberFormat(locale, {\n          useGrouping: this.groupSeparator,\n          style: \"percent\",\n        });\n        this.percentFormatting = { formatter, locale };\n      }\n      return this.percentFormatting.formatter.format(value);\n    } else {\n      numberStringFormatter.numberFormatOptions = {\n        locale: this.effectiveLocale,\n        numberingSystem: this.numberingSystem,\n        useGrouping: this.groupSeparator,\n      };\n      return numberStringFormatter.localize(value.toString());\n    }\n  };\n\n  private getMeterKindCssClass(): string {\n    const { low, high, min, max, value } = this;\n    const lowest = low ? low : min;\n    const highest = high ? high : max;\n    const aboveLowest = value >= lowest;\n    const belowLowest = value < lowest;\n    const aboveHighest = value >= highest;\n    const belowHighest = value < highest;\n\n    if (!value || (!low && belowHighest) || belowLowest) {\n      return CSS.success;\n    } else if (aboveLowest && belowHighest) {\n      return CSS.warning;\n    } else if (aboveHighest) {\n      return CSS.danger;\n    } else {\n      return CSS.success;\n    }\n  }\n\n  private intersects(el1: HTMLDivElement, el2: HTMLDivElement): boolean {\n    return el1 && el2 && intersects(el1.getBoundingClientRect(), el2.getBoundingClientRect());\n  }\n\n  private determineVisibleLabels(): void {\n    const { minLabelEl, lowLabelEl, highLabelEl, maxLabelEl } = this;\n    const highMaxOverlap = this.intersects(highLabelEl, maxLabelEl);\n    const lowHighOverlap = this.intersects(lowLabelEl, highLabelEl);\n    const lowMaxOverlap = this.intersects(lowLabelEl, maxLabelEl);\n    const minHighOverlap = this.intersects(minLabelEl, highLabelEl);\n    const minLowOverlap = this.intersects(minLabelEl, lowLabelEl);\n    const minMaxOverlap = this.intersects(minLabelEl, maxLabelEl);\n    const hiddenClass = CSS.labelHidden;\n\n    if (lowLabelEl) {\n      if (minLowOverlap || lowMaxOverlap || lowHighOverlap) {\n        lowLabelEl.classList.add(hiddenClass);\n      } else {\n        lowLabelEl.classList.remove(hiddenClass);\n      }\n    }\n\n    if (highLabelEl) {\n      if (minHighOverlap || lowMaxOverlap || highMaxOverlap) {\n        highLabelEl.classList.add(hiddenClass);\n      } else {\n        highLabelEl.classList.remove(hiddenClass);\n      }\n    }\n\n    if (minLabelEl && maxLabelEl) {\n      if (minMaxOverlap) {\n        maxLabelEl.classList.add(hiddenClass);\n      } else {\n        maxLabelEl.classList.remove(hiddenClass);\n      }\n    }\n  }\n\n  private determineValueLabelPosition(): void {\n    const { valueLabelEl, meterContainerEl, currentPercent } = this;\n    const valuePosition = currentPercent > 100 ? 100 : currentPercent > 0 ? currentPercent : 0;\n    const valueLabelWidth = valueLabelEl.getBoundingClientRect().width;\n    const containerWidth = meterContainerEl.getBoundingClientRect().width;\n    const labelWidthPercent = (100 * (valueLabelWidth - 0)) / (containerWidth - 0);\n\n    if (valuePosition + labelWidthPercent >= 100) {\n      valueLabelEl.style.insetInlineEnd = \"0%\";\n      valueLabelEl.style.removeProperty(\"inset-inline-start\");\n    } else {\n      valueLabelEl.style.insetInlineStart = `${valuePosition}% `;\n      valueLabelEl.style.removeProperty(\"inset-inline-end\");\n    }\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  renderMeterFill(): VNode {\n    const { currentPercent, fillType } = this;\n    const kindClass = this.getMeterKindCssClass();\n    return (\n      <div\n        class={{ [CSS.fill]: true, [kindClass]: fillType !== \"single\" }}\n        style={{ width: `${currentPercent}%` }}\n      />\n    );\n  }\n\n  renderRangeLine(position: number): VNode {\n    const style = { insetInlineStart: `${position}%` };\n    return <div class={CSS.stepLine} style={style} />;\n  }\n\n  renderValueLabel(): VNode {\n    const { currentPercent, valueLabelType, unitLabel, value } = this;\n    const label = this.formatLabel(\n      valueLabelType === \"percent\" ? currentPercent / 100 : value || 0,\n      valueLabelType,\n    );\n    return (\n      <div\n        class={{ [CSS.label]: true, [CSS.labelValue]: true }}\n        key=\"low-label-line\"\n        ref={(el) => (this.valueLabelEl = el)}\n      >\n        {label}\n        {unitLabel && valueLabelType !== \"percent\" && (\n          <span class={CSS.unitLabel}>&nbsp;{unitLabel}</span>\n        )}\n      </div>\n    );\n  }\n\n  renderMinLabel(): VNode {\n    const { rangeLabelType, min, minPercent, unitLabel } = this;\n    const style = { insetInlineStart: `${minPercent}%` };\n    const labelMin = this.formatLabel(\n      rangeLabelType === \"percent\" ? minPercent : min,\n      rangeLabelType,\n    );\n    return (\n      <div\n        class={{ [CSS.label]: true, [CSS.labelRange]: true }}\n        key=\"min-label-line\"\n        ref={(el) => (this.minLabelEl = el)}\n        style={style}\n      >\n        {labelMin}\n        {unitLabel && rangeLabelType !== \"percent\" && (\n          <span class={CSS.unitLabel}>&nbsp;{unitLabel}</span>\n        )}\n      </div>\n    );\n  }\n\n  renderLowLabel(): VNode {\n    const { rangeLabelType, low, lowPercent, highPercent, labelFlipProximity } = this;\n    const label = low\n      ? this.formatLabel(rangeLabelType === \"percent\" ? lowPercent / 100 : low, rangeLabelType)\n      : \"\";\n    const styleDefault = { insetInlineStart: `${lowPercent}%` };\n    const styleFlipped = { insetInlineEnd: `${100 - lowPercent}%` };\n    const style =\n      (highPercent - lowPercent) / 100 < labelFlipProximity ? styleFlipped : styleDefault;\n    return (\n      <div\n        class={{ [CSS.label]: true, [CSS.labelRange]: true }}\n        key=\"low-label-line\"\n        ref={(el) => (this.lowLabelEl = el)}\n        style={style}\n      >\n        {label}\n      </div>\n    );\n  }\n\n  renderHighLabel(): VNode {\n    const { rangeLabelType, high, highPercent, labelFlipMax } = this;\n    const label = high\n      ? this.formatLabel(rangeLabelType === \"percent\" ? highPercent / 100 : high, rangeLabelType)\n      : \"\";\n    const styleDefault = { insetInlineStart: `${highPercent}%` };\n    const styleFlipped = { insetInlineEnd: `${100 - highPercent}%` };\n    const style = highPercent / 100 >= labelFlipMax ? styleFlipped : styleDefault;\n    return (\n      <div\n        class={{ [CSS.label]: true, [CSS.labelRange]: true }}\n        key=\"high-label-line\"\n        ref={(el) => (this.highLabelEl = el as HTMLDivElement)}\n        style={style}\n      >\n        {label}\n      </div>\n    );\n  }\n\n  renderMaxLabel(): VNode {\n    const { rangeLabelType, max, maxPercent } = this;\n    const style = { insetInlineEnd: `${100 - maxPercent}%` };\n    const labelMax = this.formatLabel(\n      rangeLabelType === \"percent\" ? maxPercent / 100 : max,\n      rangeLabelType,\n    );\n    return (\n      <div\n        class={{ [CSS.label]: true, [CSS.labelRange]: true }}\n        key=\"max-label-line\"\n        ref={(el) => (this.maxLabelEl = el as HTMLDivElement)}\n        style={style}\n      >\n        {labelMax}\n      </div>\n    );\n  }\n\n  render(): VNode {\n    const {\n      appearance,\n      currentPercent,\n      highActive,\n      highPercent,\n      label,\n      lowActive,\n      lowPercent,\n      max,\n      maxPercent,\n      min,\n      minPercent,\n      rangeLabels,\n      rangeLabelType,\n      unitLabel,\n      value,\n      valueLabel,\n      valueLabelType,\n    } = this;\n    const textPercentLabelWithPercent = this.formatLabel(currentPercent / 100, \"percent\");\n    const textUnitLabel = `${value} ${unitLabel}`;\n    const valueText =\n      valueLabelType === \"percent\"\n        ? textPercentLabelWithPercent\n        : unitLabel\n          ? textUnitLabel\n          : undefined;\n    return (\n      <Host>\n        <div\n          aria-label={label}\n          aria-valuemax={rangeLabelType === \"percent\" ? maxPercent : max}\n          aria-valuemin={rangeLabelType === \"percent\" ? minPercent : min}\n          aria-valuenow={valueLabelType === \"percent\" ? currentPercent : value}\n          aria-valuetext={valueText}\n          class={{\n            [CSS.container]: true,\n            [CSS.stepsVisible]: rangeLabels,\n            [CSS.valueVisible]: valueLabel,\n            [appearance]: appearance !== \"outline-fill\",\n          }}\n          ref={(el) => (this.meterContainerEl = el as HTMLDivElement)}\n          role=\"meter\"\n        >\n          {this.renderMeterFill()}\n          {valueLabel && this.renderValueLabel()}\n          {lowActive && this.renderRangeLine(lowPercent)}\n          {highActive && this.renderRangeLine(highPercent)}\n          {rangeLabels && this.renderMinLabel()}\n          {rangeLabels && lowActive && this.renderLowLabel()}\n          {rangeLabels && highActive && this.renderHighLabel()}\n          {rangeLabels && this.renderMaxLabel()}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;;+VAAO,MAAMA,EAAM,CACjBC,UAAW,YACXC,KAAM,OACNC,SAAU,YACVC,MAAO,QACPC,YAAa,eACbC,WAAY,cACZC,WAAY,cACZC,UAAW,aACXC,aAAc,gBACdC,aAAc,gBACdC,QAAS,eACTC,QAAS,eACTC,OAAQ,eCbV,MAAMC,EAAW,imGACjB,MAAAC,EAAeD,E,MC+BFE,EAAK,M,yBAyIRC,KAAAC,aAAe,GAEfD,KAAAE,mBAAqB,IAMrBF,KAAAG,WAAa,IAMbH,KAAAI,WAAa,EAObJ,KAAAK,eAAiBC,EAAe,UAAU,IAAMN,KAAKO,kBA2DrDP,KAAAQ,YAAc,CAACC,EAAeC,KACpC,GAAIA,IAAc,UAAW,CAC3B,IAAKV,KAAKW,kBAAmB,CAC3B,MAAMC,EAASC,EAAmBb,KAAKc,iBACvC,MAAMC,EAAY,IAAIC,KAAKC,aAAaL,EAAQ,CAC9CM,YAAalB,KAAKmB,eAClBC,MAAO,YAETpB,KAAKW,kBAAoB,CAAEI,YAAWH,S,CAExC,OAAOZ,KAAKW,kBAAkBI,UAAUM,OAAOZ,E,KAC1C,CACLa,EAAsBC,oBAAsB,CAC1CX,OAAQZ,KAAKc,gBACbU,gBAAiBxB,KAAKwB,gBACtBN,YAAalB,KAAKmB,gBAEpB,OAAOG,EAAsBG,SAAShB,EAAMiB,W,mBAjO9C,e,cAGkC,M,cAGoB,Q,wCAUd,M,qEAYX,I,SAGA,E,oEAuBQ,M,oBAGmB,U,WAGlB,I,eAGpB,G,qCAMkB,M,oBAGoB,U,qKAlC1D,iBAAAC,GACE3B,KAAK4B,kBACL5B,KAAK6B,c,CAuCP,iBAAAC,GACE9B,KAAK6B,c,CASP,uBAAME,GACJC,EAAuBhC,MACvBA,KAAK4B,kBACLK,EAA4BjC,KAAMA,KAAKS,M,CAGzC,gBAAAyB,GACEC,EAAmBnC,MACnBA,KAAK6B,c,CAGP,iBAAAO,GACEC,EAAiBrC,MACjBsC,EAAYtC,MACZA,KAAKK,gBAAgBkC,QAAQvC,KAAKwC,G,CAGpC,oBAAAC,GACEC,EAAoB1C,MACpB2C,EAAe3C,MACfA,KAAKK,gBAAgBuC,Y,CA8Df,aAAArC,GACNP,KAAK6B,c,CAGC,YAAAA,GACN,GAAI7B,KAAK6C,aAAc,CACrB7C,KAAK8C,6B,CAEP,GAAI9C,KAAK+C,YAAa,CACpB/C,KAAKgD,wB,EAID,eAAApB,GACN,MAAMqB,IAAEA,EAAGC,IAAEA,EAAGC,IAAEA,EAAGC,KAAEA,EAAI3C,MAAEA,GAAUT,KACvC,MAAMqD,EAAc,KAAOF,EAAMF,IAASC,EAAMD,GAChD,MAAMK,EAAe,KAAOF,EAAOH,IAASC,EAAMD,GAClD,MAAMM,EAAkB,KAAO9C,EAAQwC,IAASC,EAAMD,GAEtD,IAAKE,GAAOA,EAAMF,GAAOE,EAAMC,GAAQD,EAAMD,EAAK,CAChDlD,KAAKmD,IAAMF,C,CAEb,IAAKG,GAAQA,EAAOF,GAAOE,EAAOD,GAAOC,EAAOH,EAAK,CACnDjD,KAAKoD,KAAOF,C,CAEd,IAAKzC,EAAO,CACVT,KAAKS,MAAQwC,C,CAGfjD,KAAKqD,WAAaA,EAClBrD,KAAKsD,YAAcA,EACnBtD,KAAKuD,eAAiB9C,EAAQ8C,EAAiB,EAC/CvD,KAAKwD,YAAcL,GAAOA,EAAMF,KAASxC,GAAS0C,EAAM1C,MAAY2C,GAAQD,EAAMC,GAClFpD,KAAKyD,aACDL,GAAQH,GAAOG,GAAQA,EAAOF,KAASzC,GAAS2C,EAAO3C,MAAY0C,GAAOC,EAAOD,E,CAwB/E,oBAAAO,GACN,MAAMP,IAAEA,EAAGC,KAAEA,EAAIH,IAAEA,EAAGC,IAAEA,EAAGzC,MAAEA,GAAUT,KACvC,MAAM2D,EAASR,EAAMA,EAAMF,EAC3B,MAAMW,EAAUR,EAAOA,EAAOF,EAC9B,MAAMW,EAAcpD,GAASkD,EAC7B,MAAMG,EAAcrD,EAAQkD,EAC5B,MAAMI,EAAetD,GAASmD,EAC9B,MAAMI,EAAevD,EAAQmD,EAE7B,IAAKnD,IAAW0C,GAAOa,GAAiBF,EAAa,CACnD,OAAO/E,EAAIW,O,MACN,GAAImE,GAAeG,EAAc,CACtC,OAAOjF,EAAIY,O,MACN,GAAIoE,EAAc,CACvB,OAAOhF,EAAIa,M,KACN,CACL,OAAOb,EAAIW,O,EAIP,UAAAuE,CAAWC,EAAqBC,GACtC,OAAOD,GAAOC,GAAOF,EAAWC,EAAIE,wBAAyBD,EAAIC,wB,CAG3D,sBAAApB,GACN,MAAMqB,WAAEA,EAAUC,WAAEA,EAAUC,YAAEA,EAAWC,WAAEA,GAAexE,KAC5D,MAAMyE,EAAiBzE,KAAKiE,WAAWM,EAAaC,GACpD,MAAME,EAAiB1E,KAAKiE,WAAWK,EAAYC,GACnD,MAAMI,EAAgB3E,KAAKiE,WAAWK,EAAYE,GAClD,MAAMI,EAAiB5E,KAAKiE,WAAWI,EAAYE,GACnD,MAAMM,EAAgB7E,KAAKiE,WAAWI,EAAYC,GAClD,MAAMQ,EAAgB9E,KAAKiE,WAAWI,EAAYG,GAClD,MAAMO,EAAchG,EAAIK,YAExB,GAAIkF,EAAY,CACd,GAAIO,GAAiBF,GAAiBD,EAAgB,CACpDJ,EAAWU,UAAUC,IAAIF,E,KACpB,CACLT,EAAWU,UAAUE,OAAOH,E,EAIhC,GAAIR,EAAa,CACf,GAAIK,GAAkBD,GAAiBF,EAAgB,CACrDF,EAAYS,UAAUC,IAAIF,E,KACrB,CACLR,EAAYS,UAAUE,OAAOH,E,EAIjC,GAAIV,GAAcG,EAAY,CAC5B,GAAIM,EAAe,CACjBN,EAAWQ,UAAUC,IAAIF,E,KACpB,CACLP,EAAWQ,UAAUE,OAAOH,E,GAK1B,2BAAAjC,GACN,MAAMD,aAAEA,EAAYsC,iBAAEA,EAAgB5B,eAAEA,GAAmBvD,KAC3D,MAAMoF,EAAgB7B,EAAiB,IAAM,IAAMA,EAAiB,EAAIA,EAAiB,EACzF,MAAM8B,EAAkBxC,EAAauB,wBAAwBkB,MAC7D,MAAMC,EAAiBJ,EAAiBf,wBAAwBkB,MAChE,MAAME,EAAqB,KAAOH,EAAkB,IAAOE,EAAiB,GAE5E,GAAIH,EAAgBI,GAAqB,IAAK,CAC5C3C,EAAazB,MAAMqE,eAAiB,KACpC5C,EAAazB,MAAMsE,eAAe,qB,KAC7B,CACL7C,EAAazB,MAAMuE,iBAAmB,GAAGP,MACzCvC,EAAazB,MAAMsE,eAAe,mB,EAStC,eAAAE,GACE,MAAMrC,eAAEA,EAAcsC,SAAEA,GAAa7F,KACrC,MAAM8F,EAAY9F,KAAK0D,uBACvB,OACEqC,EAAA,OACEC,MAAO,CAAE,CAACjH,EAAIE,MAAO,KAAM6G,CAACA,GAAYD,IAAa,UACrDzE,MAAO,CAAEkE,MAAO,GAAG/B,O,CAKzB,eAAA0C,CAAgBC,GACd,MAAM9E,EAAQ,CAAEuE,iBAAkB,GAAGO,MACrC,OAAOH,EAAA,OAAKC,MAAOjH,EAAIG,SAAUkC,MAAOA,G,CAG1C,gBAAA+E,GACE,MAAM5C,eAAEA,EAAc6C,eAAEA,EAAc7G,UAAEA,EAASkB,MAAEA,GAAUT,KAC7D,MAAMb,EAAQa,KAAKQ,YACjB4F,IAAmB,UAAY7C,EAAiB,IAAM9C,GAAS,EAC/D2F,GAEF,OACEL,EAAA,OACEC,MAAO,CAAE,CAACjH,EAAII,OAAQ,KAAM,CAACJ,EAAIO,YAAa,MAC9C+G,IAAI,iBACJC,IAAM9D,GAAQxC,KAAK6C,aAAeL,GAEjCrD,EACAI,GAAa6G,IAAmB,WAC/BL,EAAA,QAAMC,MAAOjH,EAAIQ,WAAS,IAASA,G,CAM3C,cAAAgH,GACE,MAAMC,eAAEA,EAAcvD,IAAEA,EAAG7C,WAAEA,EAAUb,UAAEA,GAAcS,KACvD,MAAMoB,EAAQ,CAAEuE,iBAAkB,GAAGvF,MACrC,MAAMqG,EAAWzG,KAAKQ,YACpBgG,IAAmB,UAAYpG,EAAa6C,EAC5CuD,GAEF,OACET,EAAA,OACEC,MAAO,CAAE,CAACjH,EAAII,OAAQ,KAAM,CAACJ,EAAIM,YAAa,MAC9CgH,IAAI,iBACJC,IAAM9D,GAAQxC,KAAKqE,WAAa7B,EAChCpB,MAAOA,GAENqF,EACAlH,GAAaiH,IAAmB,WAC/BT,EAAA,QAAMC,MAAOjH,EAAIQ,WAAS,IAASA,G,CAM3C,cAAAmH,GACE,MAAMF,eAAEA,EAAcrD,IAAEA,EAAGE,WAAEA,EAAUC,YAAEA,EAAWpD,mBAAEA,GAAuBF,KAC7E,MAAMb,EAAQgE,EACVnD,KAAKQ,YAAYgG,IAAmB,UAAYnD,EAAa,IAAMF,EAAKqD,GACxE,GACJ,MAAMG,EAAe,CAAEhB,iBAAkB,GAAGtC,MAC5C,MAAMuD,EAAe,CAAEnB,eAAgB,GAAG,IAAMpC,MAChD,MAAMjC,GACHkC,EAAcD,GAAc,IAAMnD,EAAqB0G,EAAeD,EACzE,OACEZ,EAAA,OACEC,MAAO,CAAE,CAACjH,EAAII,OAAQ,KAAM,CAACJ,EAAIM,YAAa,MAC9CgH,IAAI,iBACJC,IAAM9D,GAAQxC,KAAKsE,WAAa9B,EAChCpB,MAAOA,GAENjC,E,CAKP,eAAA0H,GACE,MAAML,eAAEA,EAAcpD,KAAEA,EAAIE,YAAEA,EAAWrD,aAAEA,GAAiBD,KAC5D,MAAMb,EAAQiE,EACVpD,KAAKQ,YAAYgG,IAAmB,UAAYlD,EAAc,IAAMF,EAAMoD,GAC1E,GACJ,MAAMG,EAAe,CAAEhB,iBAAkB,GAAGrC,MAC5C,MAAMsD,EAAe,CAAEnB,eAAgB,GAAG,IAAMnC,MAChD,MAAMlC,EAAQkC,EAAc,KAAOrD,EAAe2G,EAAeD,EACjE,OACEZ,EAAA,OACEC,MAAO,CAAE,CAACjH,EAAII,OAAQ,KAAM,CAACJ,EAAIM,YAAa,MAC9CgH,IAAI,kBACJC,IAAM9D,GAAQxC,KAAKuE,YAAc/B,EACjCpB,MAAOA,GAENjC,E,CAKP,cAAA2H,GACE,MAAMN,eAAEA,EAActD,IAAEA,EAAG/C,WAAEA,GAAeH,KAC5C,MAAMoB,EAAQ,CAAEqE,eAAgB,GAAG,IAAMtF,MACzC,MAAM4G,EAAW/G,KAAKQ,YACpBgG,IAAmB,UAAYrG,EAAa,IAAM+C,EAClDsD,GAEF,OACET,EAAA,OACEC,MAAO,CAAE,CAACjH,EAAII,OAAQ,KAAM,CAACJ,EAAIM,YAAa,MAC9CgH,IAAI,iBACJC,IAAM9D,GAAQxC,KAAKwE,WAAahC,EAChCpB,MAAOA,GAEN2F,E,CAKP,MAAAC,GACE,MAAMC,WACJA,EAAU1D,eACVA,EAAcE,WACdA,EAAUH,YACVA,EAAWnE,MACXA,EAAKqE,UACLA,EAASH,WACTA,EAAUH,IACVA,EAAG/C,WACHA,EAAU8C,IACVA,EAAG7C,WACHA,EAAU2C,YACVA,EAAWyD,eACXA,EAAcjH,UACdA,EAASkB,MACTA,EAAKyG,WACLA,EAAUd,eACVA,GACEpG,KACJ,MAAMmH,EAA8BnH,KAAKQ,YAAY+C,EAAiB,IAAK,WAC3E,MAAM6D,EAAgB,GAAG3G,KAASlB,IAClC,MAAM8H,EACJjB,IAAmB,UACfe,EACA5H,EACE6H,EACAE,UACR,OACEvB,EAACwB,EAAI,CAAAlB,IAAA,4CACHN,EAAA,OAAAM,IAAA,wDACclH,EAAK,gBACFqH,IAAmB,UAAYrG,EAAa+C,EAAG,gBAC/CsD,IAAmB,UAAYpG,EAAa6C,EAAG,gBAC/CmD,IAAmB,UAAY7C,EAAiB9C,EAAK,iBACpD4G,EAChBrB,MAAO,CACL,CAACjH,EAAIC,WAAY,KACjB,CAACD,EAAIS,cAAeuD,EACpB,CAAChE,EAAIU,cAAeyH,EACpBD,CAACA,GAAaA,IAAe,gBAE/BX,IAAM9D,GAAQxC,KAAKmF,iBAAmB3C,EACtCgF,KAAK,SAEJxH,KAAK4F,kBACLsB,GAAclH,KAAKmG,mBACnB3C,GAAaxD,KAAKiG,gBAAgB5C,GAClCI,GAAczD,KAAKiG,gBAAgB3C,GACnCP,GAAe/C,KAAKuG,iBACpBxD,GAAeS,GAAaxD,KAAK0G,iBACjC3D,GAAeU,GAAczD,KAAK6G,kBAClC9D,GAAe/C,KAAK8G,kB"}

package/dist/calcite/p-e866b896.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
- */
-import{d as _}from"./p-b8a710c9.js";import"./p-d5fb1def.js";import"./p-607f6ebc.js";import"./p-521dd844.js";import"./p-1a91451c.js";import"./p-4a7f9f77.js";import"./p-dd122c48.js";import"./p-64eee6a2.js";import"./p-0055e511.js";import"./p-92ee57bc.js";import"./p-5b021a42.js";import"./p-77f9f089.js";import"./p-d41eda90.js";import"./p-7369809e.js";import"./p-bf44c80a.js";import"./p-f75f0a6d.js";import"./p-f2fb83bd.js";import"./p-bfe64bf4.js";import"./p-934455cd.js";var p={name:"mk",weekdays:"недела_понеделник_вторник_среда_четврток_петок_сабота".split("_"),months:"јануари_февруари_март_април_мај_јуни_јули_август_септември_октомври_ноември_декември".split("_"),weekStart:1,weekdaysShort:"нед_пон_вто_сре_чет_пет_саб".split("_"),monthsShort:"јан_фев_мар_апр_мај_јун_јул_авг_сеп_окт_ное_дек".split("_"),weekdaysMin:"нe_пo_вт_ср_че_пе_сa".split("_"),ordinal:function _(p){return p},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"D.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY H:mm",LLLL:"dddd, D MMMM YYYY 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{p as default};
-//# sourceMappingURL=p-e866b896.js.map

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
- */
-import{r as e,c as t,h as i,F as n,g as a}from"./p-d5fb1def.js";import{c as s,d as o}from"./p-5ea51123.js";import{e as c,g as r,t as l}from"./p-521dd844.js";import{c as d,d as h}from"./p-d41eda90.js";import{u as p,c as g,s as f,d as m}from"./p-f2fb83bd.js";import{H as u,c as x}from"./p-c90dab6f.js";import{c as b}from"./p-7369809e.js";import"./p-1a91451c.js";import"./p-4a7f9f77.js";import"./p-0055e511.js";const v={container:"container",header:"header",heading:"heading",close:"close",imageFrame:"image-frame",content:"content",info:"info"};const y={close:"x"};const k={thumbnail:"thumbnail"};const z=":host{position:relative;margin:1rem;box-sizing:border-box;display:flex;flex-direction:row;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}.container{inline-size:100%;padding:1rem}:host([closed]),:host([closed]) .container{display:none}:host([selected]) .container{margin:0px;border-style:none;padding:0px}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{margin-block-end:0.5rem}.header .heading{padding:0px;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-color-text-1)}.container[hidden]{display:none}.content{display:flex}.info{padding-block:0px;padding-inline:1rem;inline-size:70%}.info:only-child{inline-size:100%;padding-inline:0px}::slotted(p){margin-block-start:0px}::slotted(a){outline-color:transparent;color:var(--calcite-color-brand)}::slotted(a:focus){outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.image-frame{inline-size:25%}.image-frame img{max-inline-size:100%}::slotted(img){max-inline-size:100%}:host([hidden]){display:none}[hidden]{display:none}";const w=z;const C=class{constructor(i){e(this,i);this.calciteTipDismiss=t(this,"calciteTipDismiss",6);this.hideTip=()=>{this.closed=true;this.calciteTipDismiss.emit()};this.closed=false;this.closeDisabled=false;this.heading=undefined;this.headingLevel=undefined;this.selected=false;this.messages=undefined;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}onMessagesChange(){}effectiveLocaleChange(){p(this,this.effectiveLocale)}connectedCallback(){s(this);d(this);g(this)}async componentWillLoad(){await f(this)}disconnectedCallback(){o(this);h(this);m(this)}renderHeader(){const{heading:e,headingLevel:t,el:n}=this;const a=n.closest("calcite-tip-manager")?.headingLevel;const s=a?x(a+1):null;const o=t||s;return e?i("header",{class:v.header},i(u,{class:v.heading,level:o},e)):null}renderDismissButton(){const{closeDisabled:e,hideTip:t}=this;return!e?i("calcite-action",{class:v.close,icon:y.close,onClick:t,scale:"l",text:this.messages.close}):null}renderImageFrame(){const{el:e}=this;return c(e,k.thumbnail)?i("div",{class:v.imageFrame,key:"thumbnail"},i("slot",{name:k.thumbnail})):null}renderInfoNode(){return i("div",{class:v.info},i("slot",null))}renderContent(){return i("div",{class:v.content},this.renderImageFrame(),this.renderInfoNode())}render(){return i(n,{key:"0c1a204f565a12f4e359f1c6c050258bf70c2b18"},i("article",{key:"1e2ea801101e4280b0b073e780ef1db6f064856b",class:v.container},this.renderHeader(),this.renderContent()),this.renderDismissButton())}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};C.style=w;const L=":host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}::slotted(calcite-tip){margin:0px;border-style:none;max-inline-size:var(--calcite-tip-max-width)}:host([hidden]){display:none}[hidden]{display:none}";const j=L;const T=class{constructor(t){e(this,t);this.groupTitle=undefined}render(){return i("slot",{key:"1c37ce2b89bdd6c4e386dcaefbfd9aebcf91bd4c"})}};T.style=j;const H={header:"header",heading:"heading",close:"close",container:"container",tipContainer:"tip-container",tipContainerAdvancing:"tip-container--advancing",tipContainerRetreating:"tip-container--retreating",pagination:"pagination",pagePosition:"page-position",pageNext:"page-next",pagePrevious:"page-previous"};const I={chevronLeft:"chevron-left",chevronRight:"chevron-right",close:"x"};const D=":host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2);--calcite-tip-manager-height:19vh}:host *{box-sizing:border-box}:host([closed]){display:none}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px;padding-inline-end:0px;padding-inline-start:1rem}.header .heading{padding:0px;font-size:var(--calcite-font-size-1);line-height:1.5rem;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1)}.container{position:relative;overflow:hidden;outline-color:transparent;min-block-size:150px}.container:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.tip-container{margin-block-start:1px;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:1rem;outline-color:transparent;animation-name:none;animation-duration:var(--calcite-animation-timing);block-size:var(--calcite-tip-manager-height)}.tip-container:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}::slotted(calcite-tip){margin:0px;border-style:none;max-inline-size:var(--calcite-tip-max-width)}.tip-container--advancing{animation-name:tip-advance}.tip-container--retreating{animation-name:tip-retreat}.pagination{display:flex;align-items:center;justify-content:center;padding-inline:0px;padding-block:0.75rem 0.5rem}.page-position{margin-block:0px;margin-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}@keyframes tip-advance{0%{opacity:0;transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-retreat{0%{opacity:0;transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}:host([hidden]){display:none}[hidden]{display:none}";const M=D;const _=class{constructor(i){e(this,i);this.calciteTipManagerClose=t(this,"calciteTipManagerClose",6);this.mutationObserver=b("mutation",(()=>this.setUpTips()));this.hideTipManager=()=>{this.closed=true;this.calciteTipManagerClose.emit()};this.previousClicked=()=>{this.previousTip()};this.nextClicked=()=>{this.nextTip()};this.tipManagerKeyDownHandler=e=>{if(e.target!==this.container){return}switch(e.key){case"ArrowRight":e.preventDefault();this.nextTip();break;case"ArrowLeft":e.preventDefault();this.previousTip();break;case"Home":e.preventDefault();this.selectedIndex=0;break;case"End":e.preventDefault();this.selectedIndex=this.total-1;break}};this.storeContainerRef=e=>{this.container=e};this.closed=false;this.headingLevel=undefined;this.messages=undefined;this.messageOverrides=undefined;this.selectedIndex=undefined;this.tips=undefined;this.total=undefined;this.direction=undefined;this.groupTitle=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}closedChangeHandler(){this.direction=null}onMessagesChange(){}selectedChangeHandler(){this.showSelectedTip();this.updateGroupTitle()}async effectiveLocaleChange(){await p(this,this.effectiveLocale);this.updateGroupTitle()}connectedCallback(){d(this);g(this);this.setUpTips();this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}async componentWillLoad(){await f(this);this.updateGroupTitle()}disconnectedCallback(){this.mutationObserver?.disconnect();h(this);m(this)}async nextTip(){this.direction="advancing";const e=this.selectedIndex+1;this.selectedIndex=(e+this.total)%this.total}async previousTip(){this.direction="retreating";const e=this.selectedIndex-1;this.selectedIndex=(e+this.total)%this.total}setUpTips(){const e=Array.from(this.el.querySelectorAll("calcite-tip"));this.total=e.length;if(this.total===0){return}const t=this.el.querySelector("calcite-tip[selected]");this.tips=e;this.selectedIndex=t?e.indexOf(t):0;e.forEach((e=>{e.closeDisabled=true}));this.showSelectedTip()}showSelectedTip(){this.tips.forEach(((e,t)=>{const i=this.selectedIndex===t;e.selected=i;e.hidden=!i}))}updateGroupTitle(){if(this.tips){const e=this.tips[this.selectedIndex];const t=e.closest("calcite-tip-group");this.groupTitle=t?.groupTitle||this.messages?.defaultGroupTitle}}renderPagination(){const e=r(this.el);const{selectedIndex:t,tips:n,total:a,messages:s}=this;const o=s.next;const c=s.previous;const l=s.defaultPaginationLabel;return n.length>1?i("footer",{class:H.pagination},i("calcite-action",{class:H.pagePrevious,icon:e==="ltr"?I.chevronLeft:I.chevronRight,onClick:this.previousClicked,scale:"m",text:c}),i("span",{class:H.pagePosition},`${l} ${t+1}/${a}`),i("calcite-action",{class:H.pageNext,icon:e==="ltr"?I.chevronRight:I.chevronLeft,onClick:this.nextClicked,scale:"m",text:o})):null}render(){const{closed:e,direction:t,headingLevel:n,groupTitle:a,selectedIndex:s,messages:o,total:c}=this;const r=o.close;if(c===0){return null}return i("section",{"aria-hidden":l(e),class:H.container,hidden:e,onKeyDown:this.tipManagerKeyDownHandler,ref:this.storeContainerRef,tabIndex:0},i("header",{class:H.header},i(u,{class:H.heading,level:n},a),i("calcite-action",{class:H.close,onClick:this.hideTipManager,scale:"m",text:r},i("calcite-icon",{icon:I.close,scale:"m"}))),i("div",{class:{[H.tipContainer]:true,[H.tipContainerAdvancing]:!e&&t==="advancing",[H.tipContainerRetreating]:!e&&t==="retreating"},key:s,tabIndex:0},i("slot",null)),this.renderPagination())}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{closed:["closedChangeHandler"],messageOverrides:["onMessagesChange"],selectedIndex:["selectedChangeHandler"],effectiveLocale:["effectiveLocaleChange"]}}};_.style=M;export{C as calcite_tip,T as calcite_tip_group,_ as calcite_tip_manager};
-//# sourceMappingURL=p-e9278ce0.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","container","header","heading","close","imageFrame","content","info","ICONS","SLOTS","thumbnail","tipCss","CalciteTipStyle0","Tip","this","hideTip","closed","calciteTipDismiss","emit","onMessagesChange","effectiveLocaleChange","updateMessages","effectiveLocale","connectedCallback","connectConditionalSlotComponent","connectLocalized","connectMessages","componentWillLoad","setUpMessages","disconnectedCallback","disconnectConditionalSlotComponent","disconnectLocalized","disconnectMessages","renderHeader","headingLevel","el","parentLevel","closest","relativeLevel","constrainHeadingLevel","level","h","class","Heading","renderDismissButton","closeDisabled","icon","onClick","scale","text","messages","renderImageFrame","getSlotted","key","name","renderInfoNode","renderContent","render","Fragment","tipGroupCss","CalciteTipGroupStyle0","TipGroup","tipContainer","tipContainerAdvancing","tipContainerRetreating","pagination","pagePosition","pageNext","pagePrevious","chevronLeft","chevronRight","tipManagerCss","CalciteTipManagerStyle0","TipManager","mutationObserver","createObserver","setUpTips","hideTipManager","calciteTipManagerClose","previousClicked","previousTip","nextClicked","nextTip","tipManagerKeyDownHandler","event","target","preventDefault","selectedIndex","total","storeContainerRef","closedChangeHandler","direction","selectedChangeHandler","showSelectedTip","updateGroupTitle","observe","childList","subtree","disconnect","nextIndex","previousIndex","tips","Array","from","querySelectorAll","length","selectedTip","querySelector","indexOf","forEach","tip","index","isSelected","selected","hidden","tipParent","groupTitle","defaultGroupTitle","renderPagination","dir","getElementDir","nextLabel","next","previousLabel","previous","paginationLabel","defaultPaginationLabel","closeLabel","toAriaBoolean","onKeyDown","ref","tabIndex"],"sources":["src/components/tip/resources.ts","src/components/tip/tip.scss?tag=calcite-tip&encapsulation=shadow","src/components/tip/tip.tsx","src/components/tip-group/tip-group.scss?tag=calcite-tip-group&encapsulation=shadow","src/components/tip-group/tip-group.tsx","src/components/tip-manager/resources.ts","src/components/tip-manager/tip-manager.scss?tag=calcite-tip-manager&encapsulation=shadow","src/components/tip-manager/tip-manager.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  header: \"header\",\n  heading: \"heading\",\n  close: \"close\",\n  imageFrame: \"image-frame\",\n  content: \"content\",\n  info: \"info\",\n};\n\nexport const ICONS = {\n  close: \"x\",\n};\n\nexport const SLOTS = {\n  thumbnail: \"thumbnail\",\n};\n",":host {\n  @apply border-color-2\n    bg-foreground-1\n    text-color-2\n    text-n1h\n    relative\n    m-4\n    box-border\n    flex\n    flex-row\n    border\n    border-solid;\n\n  * {\n    @apply box-border;\n  }\n}\n\n.container {\n  @apply w-full p-4;\n}\n\n:host([closed]),\n:host([closed]) .container {\n  @apply hidden;\n}\n\n:host([selected]) .container {\n  @apply m-0 border-none p-0;\n}\n\n@import \"../../assets/styles/header\";\n\n.header {\n  @apply mb-2;\n}\n.header .heading {\n  @apply text-0h text-color-1 p-0;\n}\n\n.container[hidden] {\n  @apply hidden;\n}\n\n.content {\n  @apply flex;\n}\n\n.info {\n  @apply py-0 px-4;\n  inline-size: 70%;\n  &:only-child {\n    @apply w-full px-0;\n  }\n}\n\n::slotted(p) {\n  @apply mt-0;\n}\n\n::slotted(a) {\n  @apply focus-base;\n  color: theme(\"backgroundColor.brand\");\n}\n\n::slotted(a:focus) {\n  @apply focus-outset;\n}\n\n.image-frame {\n  inline-size: theme(\"width[1/4]\");\n  img {\n    @apply max-w-full;\n  }\n}\n\n::slotted(img) {\n  @apply max-w-full;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { getSlotted } from \"../../utils/dom\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { constrainHeadingLevel, Heading, HeadingLevel } from \"../functional/Heading\";\nimport { TipMessages } from \"./assets/tip/t9n\";\nimport { CSS, ICONS, SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding text and a hyperlink.\n * @slot thumbnail - A slot for adding an HTML image element.\n */\n@Component({\n  tag: \"calcite-tip\",\n  styleUrl: \"tip.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Tip implements ConditionalSlotComponent, LocalizedComponent, T9nComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n  /**\n   * When `true`, the component does not display.\n   */\n  @Prop({ reflect: true, mutable: true }) closed = false;\n\n  /**\n   * When `true`, the close button is not present on the component.\n   */\n  @Prop({ reflect: true }) closeDisabled = false;\n\n  /**\n   * The component header text.\n   */\n  @Prop() heading: string;\n\n  /**\n   * Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /**\n   * When `true`, the component is selected if it has a parent `calcite-tip-manager`.\n   *\n   * Only one tip can be selected within the `calcite-tip-manager` parent.\n   */\n  @Prop({ reflect: true }) selected = false;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: TipMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<TipMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTipElement;\n\n  @State() defaultMessages: TipMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Emits when the component has been closed.\n   */\n  @Event({ cancelable: false }) calciteTipDismiss: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  hideTip = (): void => {\n    this.closed = true;\n\n    this.calciteTipDismiss.emit();\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderHeader(): VNode {\n    const { heading, headingLevel, el } = this;\n    const parentLevel = el.closest(\"calcite-tip-manager\")?.headingLevel;\n    const relativeLevel = parentLevel ? constrainHeadingLevel(parentLevel + 1) : null;\n    const level = headingLevel || relativeLevel;\n\n    return heading ? (\n      <header class={CSS.header}>\n        <Heading class={CSS.heading} level={level}>\n          {heading}\n        </Heading>\n      </header>\n    ) : null;\n  }\n\n  renderDismissButton(): VNode {\n    const { closeDisabled, hideTip } = this;\n    return !closeDisabled ? (\n      <calcite-action\n        class={CSS.close}\n        icon={ICONS.close}\n        onClick={hideTip}\n        scale=\"l\"\n        text={this.messages.close}\n      />\n    ) : null;\n  }\n\n  renderImageFrame(): VNode {\n    const { el } = this;\n\n    return getSlotted(el, SLOTS.thumbnail) ? (\n      <div class={CSS.imageFrame} key=\"thumbnail\">\n        <slot name={SLOTS.thumbnail} />\n      </div>\n    ) : null;\n  }\n\n  renderInfoNode(): VNode {\n    return (\n      <div class={CSS.info}>\n        <slot />\n      </div>\n    );\n  }\n\n  renderContent(): VNode {\n    return (\n      <div class={CSS.content}>\n        {this.renderImageFrame()}\n        {this.renderInfoNode()}\n      </div>\n    );\n  }\n\n  render(): VNode {\n    return (\n      <Fragment>\n        <article class={CSS.container}>\n          {this.renderHeader()}\n          {this.renderContent()}\n        </article>\n        {this.renderDismissButton()}\n      </Fragment>\n    );\n  }\n}\n",":host {\n  @apply bg-foreground-1\n    text-color-2\n    text-n1h\n    box-border\n    block;\n}\n\n::slotted(calcite-tip) {\n  @apply m-0 border-none;\n  max-inline-size: var(--calcite-tip-max-width);\n}\n\n@include base-component();\n","import { Component, h, Prop, VNode } from \"@stencil/core\";\n\n/**\n * @slot - A slot for adding `calcite-tip`s.\n */\n@Component({\n  tag: \"calcite-tip-group\",\n  styleUrl: \"tip-group.scss\",\n  shadow: true,\n})\nexport class TipGroup {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * The component header text for all nested `calcite-tip`s.\n   *\n   */\n  @Prop() groupTitle: string;\n\n  render(): VNode {\n    return <slot />;\n  }\n}\n","export const CSS = {\n  header: \"header\",\n  heading: \"heading\",\n  close: \"close\",\n  container: \"container\",\n  tipContainer: \"tip-container\",\n  tipContainerAdvancing: \"tip-container--advancing\",\n  tipContainerRetreating: \"tip-container--retreating\",\n  pagination: \"pagination\",\n  pagePosition: \"page-position\",\n  pageNext: \"page-next\",\n  pagePrevious: \"page-previous\",\n};\n\nexport const ICONS = {\n  chevronLeft: \"chevron-left\",\n  chevronRight: \"chevron-right\",\n  close: \"x\",\n};\n\nexport const TEXT = {\n  defaultGroupTitle: \"Tips\",\n  defaultPaginationLabel: \"Tip\",\n  close: \"Close\",\n  previous: \"Previous\",\n  next: \"Next\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-tip-manager-height: The maximum height of the component.\n * @prop --calcite-tip-max-width: The maximum width of a slotted `calcite-tip` within the component.\n */\n\n:host {\n  @apply bg-foreground-1\n  text-color-2\n  text-n1h\n  box-border\n  block;\n\n  * {\n    @apply box-border;\n  }\n\n  --calcite-tip-manager-height: 19vh;\n}\n\n:host([closed]) {\n  @apply hidden;\n}\n\n@import \"../../assets/styles/header\";\n\n.header {\n  @apply border-color-3\n    border-0\n    border-b\n    border-solid\n    py-0;\n\n  padding-inline-end: theme(\"padding.0\");\n  padding-inline-start: theme(\"padding.4\");\n\n  .heading {\n    @apply text-color-1\n      text-1h\n      p-0\n      font-bold;\n  }\n}\n\n.container {\n  @apply focus-base\n    relative\n    overflow-hidden;\n  min-block-size: 150px;\n  &:focus {\n    @apply focus-outset;\n  }\n}\n\n.tip-container {\n  @apply focus-base\n    mt-px\n    flex\n    items-start\n    justify-center\n    overflow-auto\n    p-4;\n  animation-name: none;\n  animation-duration: var(--calcite-animation-timing);\n  block-size: var(--calcite-tip-manager-height);\n  &:focus {\n    @apply focus-outset;\n  }\n}\n\n::slotted(calcite-tip) {\n  @apply m-0 border-none;\n  max-inline-size: var(--calcite-tip-max-width);\n}\n\n.tip-container--advancing {\n  animation-name: tip-advance;\n}\n\n.tip-container--retreating {\n  animation-name: tip-retreat;\n}\n\n/* Pagination Styles*/\n.pagination {\n  @apply flex\n  items-center\n  justify-center\n  px-0\n  pt-3\n  pb-2;\n}\n\n.page-position {\n  @apply text-n2h my-0 mx-2;\n}\n\n/* @keyframes*/\n@keyframes tip-advance {\n  0% {\n    @apply opacity-0;\n    transform: translate3d(50px, 0, 0) scale(0.99);\n  }\n  100% {\n    @apply opacity-100;\n    transform: translate3d(0, 0, 0) scale(1);\n  }\n}\n@keyframes tip-retreat {\n  0% {\n    @apply opacity-0;\n    transform: translate3d(-50px, 0, 0) scale(0.99);\n  }\n  100% {\n    @apply opacity-100;\n    transform: translate3d(0, 0, 0) scale(1);\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { getElementDir, toAriaBoolean } from \"../../utils/dom\";\nimport { connectLocalized, disconnectLocalized } from \"../../utils/locale\";\nimport { createObserver } from \"../../utils/observers\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Heading, HeadingLevel } from \"../functional/Heading\";\nimport { TipManagerMessages } from \"./assets/tip-manager/t9n\";\nimport { CSS, ICONS } from \"./resources\";\n\n/**\n * @slot - A slot for adding `calcite-tip`s.\n */\n@Component({\n  tag: \"calcite-tip-manager\",\n  styleUrl: \"tip-manager.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class TipManager {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n  /**\n   * When `true`, does not display or position the component.\n   */\n  @Prop({ reflect: true, mutable: true }) closed = false;\n\n  @Watch(\"closed\")\n  closedChangeHandler(): void {\n    this.direction = null;\n  }\n\n  /**\n   * Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: TipManagerMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<TipManagerMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTipManagerElement;\n\n  @State() selectedIndex: number;\n\n  @Watch(\"selectedIndex\")\n  selectedChangeHandler(): void {\n    this.showSelectedTip();\n    this.updateGroupTitle();\n  }\n\n  @State() tips: HTMLCalciteTipElement[];\n\n  @State() total: number;\n\n  @State() direction: \"advancing\" | \"retreating\";\n\n  @State() groupTitle: string;\n\n  mutationObserver = createObserver(\"mutation\", () => this.setUpTips());\n\n  container: HTMLDivElement;\n\n  @State() defaultMessages: TipManagerMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  async effectiveLocaleChange(): Promise<void> {\n    await updateMessages(this, this.effectiveLocale);\n    this.updateGroupTitle();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n    this.setUpTips();\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    this.updateGroupTitle();\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Selects the next `calcite-tip` to display. */\n  @Method()\n  async nextTip(): Promise<void> {\n    this.direction = \"advancing\";\n    const nextIndex = this.selectedIndex + 1;\n    this.selectedIndex = (nextIndex + this.total) % this.total;\n  }\n\n  /** Selects the previous `calcite-tip` to display. */\n  @Method()\n  async previousTip(): Promise<void> {\n    this.direction = \"retreating\";\n    const previousIndex = this.selectedIndex - 1;\n    this.selectedIndex = (previousIndex + this.total) % this.total;\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Emits when the component has been closed.\n   */\n  @Event({ cancelable: false }) calciteTipManagerClose: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  setUpTips(): void {\n    const tips = Array.from(this.el.querySelectorAll(\"calcite-tip\"));\n    this.total = tips.length;\n    if (this.total === 0) {\n      return;\n    }\n    const selectedTip = this.el.querySelector<HTMLCalciteTipElement>(\"calcite-tip[selected]\");\n\n    this.tips = tips;\n    this.selectedIndex = selectedTip ? tips.indexOf(selectedTip) : 0;\n\n    tips.forEach((tip: HTMLCalciteTipElement) => {\n      tip.closeDisabled = true;\n    });\n    this.showSelectedTip();\n  }\n\n  hideTipManager = (): void => {\n    this.closed = true;\n    this.calciteTipManagerClose.emit();\n  };\n\n  showSelectedTip(): void {\n    this.tips.forEach((tip, index) => {\n      const isSelected = this.selectedIndex === index;\n      tip.selected = isSelected;\n      tip.hidden = !isSelected;\n    });\n  }\n\n  updateGroupTitle(): void {\n    if (this.tips) {\n      const selectedTip = this.tips[this.selectedIndex];\n      const tipParent = selectedTip.closest(\"calcite-tip-group\");\n      this.groupTitle = tipParent?.groupTitle || this.messages?.defaultGroupTitle;\n    }\n  }\n\n  previousClicked = (): void => {\n    this.previousTip();\n  };\n\n  nextClicked = (): void => {\n    this.nextTip();\n  };\n\n  tipManagerKeyDownHandler = (event: KeyboardEvent): void => {\n    if (event.target !== this.container) {\n      return;\n    }\n\n    switch (event.key) {\n      case \"ArrowRight\":\n        event.preventDefault();\n        this.nextTip();\n        break;\n      case \"ArrowLeft\":\n        event.preventDefault();\n        this.previousTip();\n        break;\n      case \"Home\":\n        event.preventDefault();\n        this.selectedIndex = 0;\n        break;\n      case \"End\":\n        event.preventDefault();\n        this.selectedIndex = this.total - 1;\n        break;\n    }\n  };\n\n  storeContainerRef = (el: HTMLDivElement): void => {\n    this.container = el;\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderPagination(): VNode {\n    const dir = getElementDir(this.el);\n    const { selectedIndex, tips, total, messages } = this;\n\n    const nextLabel = messages.next;\n    const previousLabel = messages.previous;\n    const paginationLabel = messages.defaultPaginationLabel;\n\n    return tips.length > 1 ? (\n      <footer class={CSS.pagination}>\n        <calcite-action\n          class={CSS.pagePrevious}\n          icon={dir === \"ltr\" ? ICONS.chevronLeft : ICONS.chevronRight}\n          onClick={this.previousClicked}\n          scale=\"m\"\n          text={previousLabel}\n        />\n        <span class={CSS.pagePosition}>{`${paginationLabel} ${selectedIndex + 1}/${total}`}</span>\n        <calcite-action\n          class={CSS.pageNext}\n          icon={dir === \"ltr\" ? ICONS.chevronRight : ICONS.chevronLeft}\n          onClick={this.nextClicked}\n          scale=\"m\"\n          text={nextLabel}\n        />\n      </footer>\n    ) : null;\n  }\n\n  render(): VNode {\n    const { closed, direction, headingLevel, groupTitle, selectedIndex, messages, total } = this;\n\n    const closeLabel = messages.close;\n\n    if (total === 0) {\n      return null;\n    }\n\n    return (\n      <section\n        aria-hidden={toAriaBoolean(closed)}\n        class={CSS.container}\n        hidden={closed}\n        onKeyDown={this.tipManagerKeyDownHandler}\n        ref={this.storeContainerRef}\n        tabIndex={0}\n      >\n        <header class={CSS.header}>\n          <Heading class={CSS.heading} level={headingLevel}>\n            {groupTitle}\n          </Heading>\n          <calcite-action\n            class={CSS.close}\n            onClick={this.hideTipManager}\n            scale=\"m\"\n            text={closeLabel}\n          >\n            <calcite-icon icon={ICONS.close} scale=\"m\" />\n          </calcite-action>\n        </header>\n        <div\n          class={{\n            [CSS.tipContainer]: true,\n            [CSS.tipContainerAdvancing]: !closed && direction === \"advancing\",\n            [CSS.tipContainerRetreating]: !closed && direction === \"retreating\",\n          }}\n          key={selectedIndex}\n          tabIndex={0}\n        >\n          <slot />\n        </div>\n        {this.renderPagination()}\n      </section>\n    );\n  }\n}\n"],"mappings":";;;;;wZAAO,MAAMA,EAAM,CACjBC,UAAW,YACXC,OAAQ,SACRC,QAAS,UACTC,MAAO,QACPC,WAAY,cACZC,QAAS,UACTC,KAAM,QAGD,MAAMC,EAAQ,CACnBJ,MAAO,KAGF,MAAMK,EAAQ,CACnBC,UAAW,aCfb,MAAMC,EAAS,gqDACf,MAAAC,EAAeD,E,MCuCFE,EAAG,M,8EA4GdC,KAAAC,QAAU,KACRD,KAAKE,OAAS,KAEdF,KAAKG,kBAAkBC,MAAM,E,YAtGkB,M,mBAKR,M,iEAiBL,M,4GA+BT,E,CAd3B,gBAAAC,G,CAiBA,qBAAAC,GACEC,EAAeP,KAAMA,KAAKQ,gB,CAS5B,iBAAAC,GACEC,EAAgCV,MAChCW,EAAiBX,MACjBY,EAAgBZ,K,CAGlB,uBAAMa,SACEC,EAAcd,K,CAGtB,oBAAAe,GACEC,EAAmChB,MACnCiB,EAAoBjB,MACpBkB,EAAmBlB,K,CAgCrB,YAAAmB,GACE,MAAM9B,QAAEA,EAAO+B,aAAEA,EAAYC,GAAEA,GAAOrB,KACtC,MAAMsB,EAAcD,EAAGE,QAAQ,wBAAwBH,aACvD,MAAMI,EAAgBF,EAAcG,EAAsBH,EAAc,GAAK,KAC7E,MAAMI,EAAQN,GAAgBI,EAE9B,OAAOnC,EACLsC,EAAA,UAAQC,MAAO1C,EAAIE,QACjBuC,EAACE,EAAO,CAACD,MAAO1C,EAAIG,QAASqC,MAAOA,GACjCrC,IAGH,I,CAGN,mBAAAyC,GACE,MAAMC,cAAEA,EAAa9B,QAAEA,GAAYD,KACnC,OAAQ+B,EACNJ,EAAA,kBACEC,MAAO1C,EAAII,MACX0C,KAAMtC,EAAMJ,MACZ2C,QAAShC,EACTiC,MAAM,IACNC,KAAMnC,KAAKoC,SAAS9C,QAEpB,I,CAGN,gBAAA+C,GACE,MAAMhB,GAAEA,GAAOrB,KAEf,OAAOsC,EAAWjB,EAAI1B,EAAMC,WAC1B+B,EAAA,OAAKC,MAAO1C,EAAIK,WAAYgD,IAAI,aAC9BZ,EAAA,QAAMa,KAAM7C,EAAMC,aAElB,I,CAGN,cAAA6C,GACE,OACEd,EAAA,OAAKC,MAAO1C,EAAIO,MACdkC,EAAA,a,CAKN,aAAAe,GACE,OACEf,EAAA,OAAKC,MAAO1C,EAAIM,SACbQ,KAAKqC,mBACLrC,KAAKyC,iB,CAKZ,MAAAE,GACE,OACEhB,EAACiB,EAAQ,CAAAL,IAAA,4CACPZ,EAAA,WAAAY,IAAA,2CAASX,MAAO1C,EAAIC,WACjBa,KAAKmB,eACLnB,KAAK0C,iBAEP1C,KAAK8B,sB,4LC9Nd,MAAMe,EAAc,6UACpB,MAAAC,EAAeD,E,MCSFE,EAAQ,M,mDAanB,MAAAJ,GACE,OAAOhB,EAAA,QAAAY,IAAA,4C,aCxBJ,MAAMrD,EAAM,CACjBE,OAAQ,SACRC,QAAS,UACTC,MAAO,QACPH,UAAW,YACX6D,aAAc,gBACdC,sBAAuB,2BACvBC,uBAAwB,4BACxBC,WAAY,aACZC,aAAc,gBACdC,SAAU,YACVC,aAAc,iBAGT,MAAM5D,EAAQ,CACnB6D,YAAa,eACbC,aAAc,gBACdlE,MAAO,KCjBT,MAAMmE,EAAgB,qnFACtB,MAAAC,EAAeD,E,MCiCFE,EAAU,M,wFAgErB3D,KAAA4D,iBAAmBC,EAAe,YAAY,IAAM7D,KAAK8D,cA8FzD9D,KAAA+D,eAAiB,KACf/D,KAAKE,OAAS,KACdF,KAAKgE,uBAAuB5D,MAAM,EAmBpCJ,KAAAiE,gBAAkB,KAChBjE,KAAKkE,aAAa,EAGpBlE,KAAAmE,YAAc,KACZnE,KAAKoE,SAAS,EAGhBpE,KAAAqE,yBAA4BC,IAC1B,GAAIA,EAAMC,SAAWvE,KAAKb,UAAW,CACnC,M,CAGF,OAAQmF,EAAM/B,KACZ,IAAK,aACH+B,EAAME,iBACNxE,KAAKoE,UACL,MACF,IAAK,YACHE,EAAME,iBACNxE,KAAKkE,cACL,MACF,IAAK,OACHI,EAAME,iBACNxE,KAAKyE,cAAgB,EACrB,MACF,IAAK,MACHH,EAAME,iBACNxE,KAAKyE,cAAgBzE,KAAK0E,MAAQ,EAClC,M,EAIN1E,KAAA2E,kBAAqBtD,IACnBrB,KAAKb,UAAYkC,CAAE,E,YA5M4B,M,iQA6DtB,E,CA1D3B,mBAAAuD,GACE5E,KAAK6E,UAAY,I,CAuBnB,gBAAAxE,G,CAeA,qBAAAyE,GACE9E,KAAK+E,kBACL/E,KAAKgF,kB,CAoBP,2BAAM1E,SACEC,EAAeP,KAAMA,KAAKQ,iBAChCR,KAAKgF,kB,CASP,iBAAAvE,GACEE,EAAiBX,MACjBY,EAAgBZ,MAChBA,KAAK8D,YACL9D,KAAK4D,kBAAkBqB,QAAQjF,KAAKqB,GAAI,CAAE6D,UAAW,KAAMC,QAAS,M,CAGtE,uBAAMtE,SACEC,EAAcd,MACpBA,KAAKgF,kB,CAGP,oBAAAjE,GACEf,KAAK4D,kBAAkBwB,aACvBnE,EAAoBjB,MACpBkB,EAAmBlB,K,CAWrB,aAAMoE,GACJpE,KAAK6E,UAAY,YACjB,MAAMQ,EAAYrF,KAAKyE,cAAgB,EACvCzE,KAAKyE,eAAiBY,EAAYrF,KAAK0E,OAAS1E,KAAK0E,K,CAKvD,iBAAMR,GACJlE,KAAK6E,UAAY,aACjB,MAAMS,EAAgBtF,KAAKyE,cAAgB,EAC3CzE,KAAKyE,eAAiBa,EAAgBtF,KAAK0E,OAAS1E,KAAK0E,K,CAoB3D,SAAAZ,GACE,MAAMyB,EAAOC,MAAMC,KAAKzF,KAAKqB,GAAGqE,iBAAiB,gBACjD1F,KAAK0E,MAAQa,EAAKI,OAClB,GAAI3F,KAAK0E,QAAU,EAAG,CACpB,M,CAEF,MAAMkB,EAAc5F,KAAKqB,GAAGwE,cAAqC,yBAEjE7F,KAAKuF,KAAOA,EACZvF,KAAKyE,cAAgBmB,EAAcL,EAAKO,QAAQF,GAAe,EAE/DL,EAAKQ,SAASC,IACZA,EAAIjE,cAAgB,IAAI,IAE1B/B,KAAK+E,iB,CAQP,eAAAA,GACE/E,KAAKuF,KAAKQ,SAAQ,CAACC,EAAKC,KACtB,MAAMC,EAAalG,KAAKyE,gBAAkBwB,EAC1CD,EAAIG,SAAWD,EACfF,EAAII,QAAUF,CAAU,G,CAI5B,gBAAAlB,GACE,GAAIhF,KAAKuF,KAAM,CACb,MAAMK,EAAc5F,KAAKuF,KAAKvF,KAAKyE,eACnC,MAAM4B,EAAYT,EAAYrE,QAAQ,qBACtCvB,KAAKsG,WAAaD,GAAWC,YAActG,KAAKoC,UAAUmE,iB,EA+C9D,gBAAAC,GACE,MAAMC,EAAMC,EAAc1G,KAAKqB,IAC/B,MAAMoD,cAAEA,EAAac,KAAEA,EAAIb,MAAEA,EAAKtC,SAAEA,GAAapC,KAEjD,MAAM2G,EAAYvE,EAASwE,KAC3B,MAAMC,EAAgBzE,EAAS0E,SAC/B,MAAMC,EAAkB3E,EAAS4E,uBAEjC,OAAOzB,EAAKI,OAAS,EACnBhE,EAAA,UAAQC,MAAO1C,EAAIiE,YACjBxB,EAAA,kBACEC,MAAO1C,EAAIoE,aACXtB,KAAMyE,IAAQ,MAAQ/G,EAAM6D,YAAc7D,EAAM8D,aAChDvB,QAASjC,KAAKiE,gBACd/B,MAAM,IACNC,KAAM0E,IAERlF,EAAA,QAAMC,MAAO1C,EAAIkE,cAAe,GAAG2D,KAAmBtC,EAAgB,KAAKC,KAC3E/C,EAAA,kBACEC,MAAO1C,EAAImE,SACXrB,KAAMyE,IAAQ,MAAQ/G,EAAM8D,aAAe9D,EAAM6D,YACjDtB,QAASjC,KAAKmE,YACdjC,MAAM,IACNC,KAAMwE,KAGR,I,CAGN,MAAAhE,GACE,MAAMzC,OAAEA,EAAM2E,UAAEA,EAASzD,aAAEA,EAAYkF,WAAEA,EAAU7B,cAAEA,EAAarC,SAAEA,EAAQsC,MAAEA,GAAU1E,KAExF,MAAMiH,EAAa7E,EAAS9C,MAE5B,GAAIoF,IAAU,EAAG,CACf,OAAO,I,CAGT,OACE/C,EAAA,yBACeuF,EAAchH,GAC3B0B,MAAO1C,EAAIC,UACXiH,OAAQlG,EACRiH,UAAWnH,KAAKqE,yBAChB+C,IAAKpH,KAAK2E,kBACV0C,SAAU,GAEV1F,EAAA,UAAQC,MAAO1C,EAAIE,QACjBuC,EAACE,EAAO,CAACD,MAAO1C,EAAIG,QAASqC,MAAON,GACjCkF,GAEH3E,EAAA,kBACEC,MAAO1C,EAAII,MACX2C,QAASjC,KAAK+D,eACd7B,MAAM,IACNC,KAAM8E,GAENtF,EAAA,gBAAcK,KAAMtC,EAAMJ,MAAO4C,MAAM,QAG3CP,EAAA,OACEC,MAAO,CACL,CAAC1C,EAAI8D,cAAe,KACpB,CAAC9D,EAAI+D,wBAAyB/C,GAAU2E,IAAc,YACtD,CAAC3F,EAAIgE,yBAA0BhD,GAAU2E,IAAc,cAEzDtC,IAAKkC,EACL4C,SAAU,GAEV1F,EAAA,cAED3B,KAAKwG,mB"}

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
- */
-import{r as t,h as e,g as o}from"./p-d5fb1def.js";import{c as s,d as a}from"./p-5ea51123.js";import{c as i,s as c,a as n}from"./p-77f9f089.js";import{c as r,d as l}from"./p-d41eda90.js";import{u as d,c as p,d as h,s as u}from"./p-f2fb83bd.js";import{S as g}from"./p-30803e77.js";import{b as f}from"./p-521dd844.js";import{S as m,I as b,C as x}from"./p-ffbee4c4.js";import"./p-7369809e.js";import"./p-0055e511.js";import"./p-1a91451c.js";import"./p-4a7f9f77.js";const y=':host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:flex;flex-direction:column;padding:0px;--calcite-action-group-columns:3;--calcite-action-group-gap:1px;--calcite-action-group-padding:1px}.container{display:flex;flex-grow:1;flex-direction:column}:host([columns="1"]){--calcite-action-group-columns:1}:host([columns="2"]){--calcite-action-group-columns:2}:host([columns="3"]){--calcite-action-group-columns:3}:host([columns="4"]){--calcite-action-group-columns:4}:host([columns="5"]){--calcite-action-group-columns:5}:host([columns="6"]){--calcite-action-group-columns:6}:host(:first-child){padding-block-start:0px}:host([layout=horizontal]),:host([layout=horizontal]) .container{flex-direction:row}:host([layout=grid]){display:grid}:host([layout=grid]) .container{display:grid;place-content:stretch;background-color:var(--calcite-color-background);gap:var(--calcite-action-group-gap);padding:var(--calcite-action-group-gap);grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}:host([hidden]){display:none}[hidden]{display:none}';const v=y;const j=class{constructor(e){t(this,e);this.setMenuOpen=t=>{this.menuOpen=!!t.target.open};this.handleMenuActionsSlotChange=t=>{this.hasMenuActions=f(t)};this.expanded=false;this.label=undefined;this.layout="vertical";this.columns=undefined;this.menuOpen=false;this.overlayPositioning="absolute";this.scale=undefined;this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale="";this.defaultMessages=undefined;this.hasMenuActions=false}expandedHandler(){this.menuOpen=false}onMessagesChange(){}effectiveLocaleChange(){d(this,this.effectiveLocale)}async setFocus(){await i(this);this.el.focus()}connectedCallback(){r(this);p(this);s(this)}disconnectedCallback(){l(this);h(this);a(this)}async componentWillLoad(){c(this);await u(this)}componentDidLoad(){n(this)}renderMenu(){const{expanded:t,menuOpen:o,scale:s,layout:a,messages:i,overlayPositioning:c,hasMenuActions:n}=this;return e("calcite-action-menu",{expanded:t,flipPlacements:["left","right"],hidden:!n,label:i.more,onCalciteActionMenuOpen:this.setMenuOpen,open:o,overlayPositioning:c,placement:a==="horizontal"?"bottom-start":"leading-start",scale:s},e("calcite-action",{icon:b.menu,scale:s,slot:g.trigger,text:i.more,textEnabled:t}),e("slot",{name:m.menuActions,onSlotchange:this.handleMenuActionsSlotChange}),e("slot",{name:m.menuTooltip,slot:g.tooltip}))}render(){return e("div",{key:"689447fecc5bda66fb3b0017288c192033131615","aria-label":this.label,class:x.container,role:"group"},e("slot",{key:"d168163c365d6ec486aa5fa975fad904ba3a525e"}),this.renderMenu())}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{expanded:["expandedHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};j.style=v;export{j as calcite_action_group};
-//# sourceMappingURL=p-ea0ed496.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["actionGroupCss","CalciteActionGroupStyle0","ActionGroup","this","setMenuOpen","event","menuOpen","target","open","handleMenuActionsSlotChange","hasMenuActions","slotChangeHasAssignedElement","expandedHandler","onMessagesChange","effectiveLocaleChange","updateMessages","effectiveLocale","setFocus","componentFocusable","el","focus","connectedCallback","connectLocalized","connectMessages","connectConditionalSlotComponent","disconnectedCallback","disconnectLocalized","disconnectMessages","disconnectConditionalSlotComponent","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","renderMenu","expanded","scale","layout","messages","overlayPositioning","h","flipPlacements","hidden","label","more","onCalciteActionMenuOpen","placement","icon","ICONS","menu","slot","ACTION_MENU_SLOTS","trigger","text","textEnabled","name","SLOTS","menuActions","onSlotchange","menuTooltip","tooltip","render","key","class","CSS","container","role"],"sources":["src/components/action-group/action-group.scss?tag=calcite-action-group&encapsulation=shadow","src/components/action-group/action-group.tsx"],"sourcesContent":["/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-action-group-columns: Sets number of grid-template-columns when the `layout` property is `\"grid\"`.\n * @prop --calcite-action-group-gap: Sets the gap (gutters) between rows and columns when the `layout` property is `\"grid\"`.\n * @prop --calcite-action-group-padding: Sets the padding when the `layout` property is `\"grid\"`.\n */\n\n:host {\n  @extend %component-host;\n\n  @apply flex\n  flex-col\n  p-0;\n\n  --calcite-action-group-columns: 3;\n  --calcite-action-group-gap: theme(\"gap.px\");\n  --calcite-action-group-padding: theme(\"padding.px\");\n}\n\n.container {\n  @apply flex flex-col flex-grow;\n}\n\n:host([columns=\"1\"]) {\n  --calcite-action-group-columns: 1;\n}\n:host([columns=\"2\"]) {\n  --calcite-action-group-columns: 2;\n}\n:host([columns=\"3\"]) {\n  --calcite-action-group-columns: 3;\n}\n:host([columns=\"4\"]) {\n  --calcite-action-group-columns: 4;\n}\n:host([columns=\"5\"]) {\n  --calcite-action-group-columns: 5;\n}\n:host([columns=\"6\"]) {\n  --calcite-action-group-columns: 6;\n}\n\n:host(:first-child) {\n  @apply pt-0;\n}\n\n:host([layout=\"horizontal\"]),\n:host([layout=\"horizontal\"]) .container {\n  @apply flex-row;\n}\n\n:host([layout=\"grid\"]) {\n  @apply grid;\n}\n\n:host([layout=\"grid\"]) .container {\n  @apply bg-background\n  grid\n  place-content-stretch;\n  gap: var(--calcite-action-group-gap);\n  padding: var(--calcite-action-group-gap);\n  grid-template-columns: repeat(var(--calcite-action-group-columns), auto);\n}\n\n@include base-component();\n","import { Component, Element, h, Method, Prop, State, VNode, Watch } from \"@stencil/core\";\nimport { CalciteActionMenuCustomEvent } from \"../../components\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { SLOTS as ACTION_MENU_SLOTS } from \"../action-menu/resources\";\nimport { Columns, Layout, Scale } from \"../interfaces\";\nimport { OverlayPositioning } from \"../../utils/floating-ui\";\nimport { slotChangeHasAssignedElement } from \"../../utils/dom\";\nimport { ActionGroupMessages } from \"./assets/action-group/t9n\";\nimport { ICONS, SLOTS, CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding a group of `calcite-action`s.\n * @slot menu-actions - A slot for adding an overflow menu with `calcite-action`s inside a `calcite-dropdown`.\n * @slot menu-tooltip - A slot for adding a `calcite-tooltip` for the menu.\n */\n@Component({\n  tag: \"calcite-action-group\",\n  styleUrl: \"action-group.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n  assetsDirs: [\"assets\"],\n})\nexport class ActionGroup\n  implements ConditionalSlotComponent, LoadableComponent, LocalizedComponent, T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, the component is expanded.\n   */\n  @Prop({ reflect: true }) expanded = false;\n\n  @Watch(\"expanded\")\n  expandedHandler(): void {\n    this.menuOpen = false;\n  }\n\n  /**\n   *  Accessible name for the component.\n   */\n  @Prop() label: string;\n\n  /**\n   * Indicates the layout of the component.\n   *\n   * @deprecated Use the `layout` property on the component's parent instead.\n   */\n  @Prop({ reflect: true }) layout: Layout = \"vertical\";\n\n  /**\n   * Indicates number of columns.\n   */\n  @Prop({ reflect: true }) columns: Columns;\n\n  /**\n   * When `true`, the `calcite-action-menu` is open.\n   */\n  @Prop({ reflect: true, mutable: true }) menuOpen = false;\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  /**\n   * Specifies the size of the `calcite-action-menu`.\n   */\n  @Prop({ reflect: true }) scale: Scale;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: ActionGroupMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<ActionGroupMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n  @Element() el: HTMLCalciteActionGroupElement;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: ActionGroupMessages;\n\n  @State() hasMenuActions = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component's first focusable element. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.el.focus();\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n    connectConditionalSlotComponent(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    disconnectConditionalSlotComponent(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Component Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderMenu(): VNode {\n    const { expanded, menuOpen, scale, layout, messages, overlayPositioning, hasMenuActions } =\n      this;\n\n    return (\n      <calcite-action-menu\n        expanded={expanded}\n        flipPlacements={[\"left\", \"right\"]}\n        hidden={!hasMenuActions}\n        label={messages.more}\n        onCalciteActionMenuOpen={this.setMenuOpen}\n        open={menuOpen}\n        overlayPositioning={overlayPositioning}\n        placement={layout === \"horizontal\" ? \"bottom-start\" : \"leading-start\"}\n        scale={scale}\n      >\n        <calcite-action\n          icon={ICONS.menu}\n          scale={scale}\n          slot={ACTION_MENU_SLOTS.trigger}\n          text={messages.more}\n          textEnabled={expanded}\n        />\n        <slot name={SLOTS.menuActions} onSlotchange={this.handleMenuActionsSlotChange} />\n        <slot name={SLOTS.menuTooltip} slot={ACTION_MENU_SLOTS.tooltip} />\n      </calcite-action-menu>\n    );\n  }\n\n  render(): VNode {\n    return (\n      <div aria-label={this.label} class={CSS.container} role=\"group\">\n        <slot />\n        {this.renderMenu()}\n      </div>\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  setMenuOpen = (event: CalciteActionMenuCustomEvent<void>): void => {\n    this.menuOpen = !!(event.target as HTMLCalciteActionMenuElement).open;\n  };\n\n  handleMenuActionsSlotChange = (event: Event): void => {\n    this.hasMenuActions = slotChangeHasAssignedElement(event);\n  };\n}\n"],"mappings":";;;;;6cAAA,MAAMA,EAAiB,2qCACvB,MAAAC,EAAeD,E,MCwCFE,EAAW,M,yBAqLtBC,KAAAC,YAAeC,IACbF,KAAKG,WAAcD,EAAME,OAAwCC,IAAI,EAGvEL,KAAAM,4BAA+BJ,IAC7BF,KAAKO,eAAiBC,EAA6BN,EAAM,E,cA9KvB,M,iCAiBM,W,qCAUS,M,wBASe,W,kGAiCvC,G,mDASD,K,CA3E1B,eAAAO,GACET,KAAKG,SAAW,K,CAsDlB,gBAAAO,G,CAcA,qBAAAC,GACEC,EAAeZ,KAAMA,KAAKa,gB,CAe5B,cAAMC,SACEC,EAAmBf,MACzBA,KAAKgB,GAAGC,O,CAQV,iBAAAC,GACEC,EAAiBnB,MACjBoB,EAAgBpB,MAChBqB,EAAgCrB,K,CAGlC,oBAAAsB,GACEC,EAAoBvB,MACpBwB,EAAmBxB,MACnByB,EAAmCzB,K,CAGrC,uBAAM0B,GACJC,EAAuB3B,YACjB4B,EAAc5B,K,CAGtB,gBAAA6B,GACEC,EAAmB9B,K,CASrB,UAAA+B,GACE,MAAMC,SAAEA,EAAQ7B,SAAEA,EAAQ8B,MAAEA,EAAKC,OAAEA,EAAMC,SAAEA,EAAQC,mBAAEA,EAAkB7B,eAAEA,GACvEP,KAEF,OACEqC,EAAA,uBACEL,SAAUA,EACVM,eAAgB,CAAC,OAAQ,SACzBC,QAAShC,EACTiC,MAAOL,EAASM,KAChBC,wBAAyB1C,KAAKC,YAC9BI,KAAMF,EACNiC,mBAAoBA,EACpBO,UAAWT,IAAW,aAAe,eAAiB,gBACtDD,MAAOA,GAEPI,EAAA,kBACEO,KAAMC,EAAMC,KACZb,MAAOA,EACPc,KAAMC,EAAkBC,QACxBC,KAAMf,EAASM,KACfU,YAAanB,IAEfK,EAAA,QAAMe,KAAMC,EAAMC,YAAaC,aAAcvD,KAAKM,8BAClD+B,EAAA,QAAMe,KAAMC,EAAMG,YAAaT,KAAMC,EAAkBS,U,CAK7D,MAAAC,GACE,OACErB,EAAA,OAAAsB,IAAA,wDAAiB3D,KAAKwC,MAAOoB,MAAOC,EAAIC,UAAWC,KAAK,SACtD1B,EAAA,QAAAsB,IAAA,6CACC3D,KAAK+B,a"}

package/dist/calcite/p-eb55c27b.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
- */
-import{d as s}from"./p-b8a710c9.js";import"./p-d5fb1def.js";import"./p-607f6ebc.js";import"./p-521dd844.js";import"./p-1a91451c.js";import"./p-4a7f9f77.js";import"./p-dd122c48.js";import"./p-64eee6a2.js";import"./p-0055e511.js";import"./p-92ee57bc.js";import"./p-5b021a42.js";import"./p-77f9f089.js";import"./p-d41eda90.js";import"./p-7369809e.js";import"./p-bf44c80a.js";import"./p-f75f0a6d.js";import"./p-f2fb83bd.js";import"./p-bfe64bf4.js";import"./p-934455cd.js";var i="sausio_vasario_kovo_balandžio_gegužės_birželio_liepos_rugpjūčio_rugsėjo_spalio_lapkričio_gruodžio".split("_");var m="sausis_vasaris_kovas_balandis_gegužė_birželis_liepa_rugpjūtis_rugsėjis_spalis_lapkritis_gruodis".split("_");var a=/D[oD]?(\[[^\[\]]*\]|\s)+MMMM?|MMMM?(\[[^\[\]]*\]|\s)+D[oD]?/;var d=function s(d,M){if(a.test(M)){return i[d.month()]}return m[d.month()]};d.s=m;d.f=i;var M={name:"lt",weekdays:"sekmadienis_pirmadienis_antradienis_trečiadienis_ketvirtadienis_penktadienis_šeštadienis".split("_"),weekdaysShort:"sek_pir_ant_tre_ket_pen_šeš".split("_"),weekdaysMin:"s_p_a_t_k_pn_š".split("_"),months:d,monthsShort:"sau_vas_kov_bal_geg_bir_lie_rgp_rgs_spa_lap_grd".split("_"),ordinal:function s(i){return i+"."},weekStart:1,relativeTime:{future:"už %s",past:"prieš %s",s:"kelias sekundes",m:"minutę",mm:"%d minutes",h:"valandą",hh:"%d valandas",d:"dieną",dd:"%d dienas",M:"mėnesį",MM:"%d mėnesius",y:"metus",yy:"%d metus"},format:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"YYYY [m.] MMMM D [d.]",LLL:"YYYY [m.] MMMM D [d.], HH:mm [val.]",LLLL:"YYYY [m.] MMMM D [d.], dddd, HH:mm [val.]",l:"YYYY-MM-DD",ll:"YYYY [m.] MMMM D [d.]",lll:"YYYY [m.] MMMM D [d.], HH:mm [val.]",llll:"YYYY [m.] MMMM D [d.], ddd, HH:mm [val.]"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"YYYY [m.] MMMM D [d.]",LLL:"YYYY [m.] MMMM D [d.], HH:mm [val.]",LLLL:"YYYY [m.] MMMM D [d.], dddd, HH:mm [val.]",l:"YYYY-MM-DD",ll:"YYYY [m.] MMMM D [d.]",lll:"YYYY [m.] MMMM D [d.], HH:mm [val.]",llll:"YYYY [m.] MMMM D [d.], ddd, HH:mm [val.]"}};s.locale(M,null,true);export{M as default};
-//# sourceMappingURL=p-eb55c27b.js.map

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
- */
-import{r as e,f as t,h as i,H as n,g as o,c as s,F as r}from"./p-d5fb1def.js";import{s as a,k as c,d as l,g as d}from"./p-521dd844.js";import{s as h,a as u,c as f}from"./p-77f9f089.js";import{c as m,d as p}from"./p-d41eda90.js";import{u as b,c as v,s as g,d as y}from"./p-f2fb83bd.js";import{C as x}from"./p-4a7f9f77.js";import"./p-1a91451c.js";import"./p-0055e511.js";import"./p-7369809e.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=w;const z=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(){b(this,this.effectiveLocale)}connectedCallback(){m(this);v(this)}async componentWillLoad(){h(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,{key:"669e13e4abc6cbb425226bd6e7d25f83f0283eab"},i("ul",{key:"d6b5858ea4e4935a7f789c2ed9b40432baa28e7e","aria-label":this.label,role:this.getEffectiveRole()},i("slot",{key:"5e72015f3b6c1f81dabe0ada164d105d1bda82e4",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"]}}};z.style=k;const C={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 I=':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));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 L=I;const A=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(e.defaultPrevented){return}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(){b(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);v(this)}async componentWillLoad(){h(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:`${C.icon} ${C.iconStart}`,flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,key:C.iconStart,scale:"s"})}renderIconEnd(){return i("calcite-icon",{class:`${C.icon} ${C.iconEnd}`,flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,key:C.iconEnd,scale:"s"})}renderBreadcrumbIcon(e){return i("calcite-icon",{class:`${C.icon} ${C.iconBreadcrumb}`,icon:e==="rtl"?"chevron-left":"chevron-right",key:C.iconBreadcrumb,scale:"s"})}renderDropdownIcon(e){const t=e==="rtl"?"chevron-left":"chevron-right";return i("calcite-icon",{class:`${C.icon} ${C.iconDropdown}`,icon:this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":t,key:C.iconDropdown,scale:"s"})}renderDropdownAction(e){const t=e==="rtl"?"chevron-left":"chevron-right";return i("calcite-action",{class:C.dropdownAction,icon:this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":t,key:C.dropdownAction,onClick:this.clickHandler,onKeyDown:this.keyDownHandler,ref:e=>this.dropdownActionEl=e,text:this.messages.open})}renderSubmenuItems(e){return i("calcite-menu",{class:{[C.dropdownMenuItems]:true,[C.open]:this.open,[C.nested]:!this.isTopLevelItem,[x.rtl]:e==="rtl",[C.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:C.hoverHrefIcon,icon:e==="rtl"?"arrow-left":"arrow-right",key:C.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:C.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=d(this.el);return i(n,{key:"b2cfcd4c2c4eadf87e2dc9d566ff097f38cd08d7",onBlur:this.blurHandler,onFocus:this.focusHandler},i("li",{key:"e221e24e4c11dacae8aaebc221731648e3c5a4f5",class:{[C.container]:true,[C.isParentVertical]:this.topLevelMenuLayout==="vertical"},role:"none"},i("div",{key:"11d397db0dcc259c87820d14fb913f95cd8ea8fe",class:C.itemContent},i("a",{key:"57bf195dcd57026d0bbd5f396e0de50167fcb9a9","aria-current":this.isFocused?"page":false,"aria-expanded":this.open,"aria-haspopup":this.hasSubmenu,"aria-label":this.label,class:{[C.layoutVertical]:this.layout==="vertical",[C.content]:true},href:this.href,onClick:this.clickHandler,onKeyDown:this.keyDownHandler,ref:e=>this.anchorEl=e,rel:this.rel,role:"menuitem",tabIndex:this.isTopLevelItem?0:-1,target:this.target},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"]}}};A.style=L;export{z as calcite_menu,A as calcite_menu_item};
-//# sourceMappingURL=p-ec23e58b.entry.js.map