@esri/calcite-components 3.0.0 → 3.0.1

package/dist/calcite/{XBZLGRRI.js → BKB5MWFT.js}

@@ -1,4 +1,4 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
-import{a as q}from"./I32TMNTO.js";import{k as n}from"./KBDXI6DJ.js";import{a as j}from"./N2BVYYYP.js";import{c as I,e as M,h as W}from"./DTL2LM6T.js";import{c as O,d as S,e as T}from"./G3LH75CQ.js";import{a as k,b as A}from"./LOZEGKG2.js";import{d as H}from"./NWVCPRVB.js";import"./UELGJSYH.js";import{a as L}from"./CNO6NFH5.js";import{a as C}from"./ARHYATTG.js";import{a as $,b as m}from"./QU33PBBI.js";import{u as g}from"./CMO3X257.js";import{a as p,b as E}from"./GN5CPLSJ.js";import{a as w}from"./I2OIH73C.js";import{B as y,J as z,c as f,e as u,f as l,u as v,v as d,w as b,x as i,z as r}from"./KVSCG5E3.js";var a={assistiveText:"assistive-text",characterLimit:"character-limit",content:"content",container:"container",footer:"footer",characterOverLimit:"character--over-limit",readOnly:"readonly",textAreaInvalid:"text-area--invalid",footerSlotted:"footer--slotted",hide:"hide",footerEndSlotOnly:"footer--end-only",textArea:"text-area",textAreaOnly:"text-area--only"},V={validationMessage:"textAreaValidationMessage"},F={footerStart:"footer-start",footerEnd:"footer-end"},R=100,B=u`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:inline-block;block-size:100%;inline-size:100%;--calcite-internal-text-area-border-color: var(--calcite-text-area-border-color, var(--calcite-color-border-input));--calcite-internal-text-area-footer-border-color: var( --calcite-text-area-footer-border-color, var(--calcite-internal-text-area-border-color) )}.text-area,.footer{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--1));background-color:var(--calcite-text-area-background-color, var(--calcite-color-foreground-1));padding-block:var(--calcite-spacing-sm);padding-inline:var(--calcite-spacing-md)}.text-area{position:relative;margin:0;box-sizing:border-box;display:block;inline-size:100%;font-family:var(--calcite-font-family);--calcite-internal-text-area-border-block-end-color: var(--calcite-internal-text-area-border-color);border:var(--calcite-border-width-sm) solid var(--calcite-internal-text-area-border-color);border-block-end-color:var(--calcite-internal-text-area-border-block-end-color);color:var(--calcite-text-area-text-color, var(--calcite-color-text-1));font-family:var(--calcite-sans-family);max-block-size:var(--calcite-text-area-max-height);min-block-size:var(--calcite-text-area-min-height);max-inline-size:var(--calcite-text-area-max-width);min-inline-size:var(--calcite-text-area-min-width, 12rem)}.text-area::placeholder{font-weight:var(--calcite-font-weight-normal)}@media screen and (max-width: 480px){.text-area{resize:none}}.text-area:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.text-area.text-area--invalid{--calcite-internal-text-area-border-color: var(--calcite-color-status-danger)}.text-area.text-area--invalid:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.text-area.footer--slotted{min-inline-size:18rem}.text-area:not(.text-area--only,.text-area--invalid){--calcite-internal-text-area-border-block-end-color: var( --calcite-text-area-divider-color, var(--calcite-color-border-3) )}.footer{box-sizing:border-box;display:flex;align-items:center;border:var(--calcite-border-width-sm) solid var(--calcite-internal-text-area-footer-border-color);border-block-start:var(--calcite-border-width-none);min-block-size:2.25rem}.character-limit{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--1));font-weight:var(--calcite-font-weight-regular);color:var(--calcite-text-area-character-limit-text-color, var(--calcite-color-text-2));padding-inline-start:var(--calcite-spacing-md)}.character--over-limit{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-status-danger)}.readonly{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}.content,.hide{display:none}.container{display:flex;inline-size:100%;justify-content:space-between}.footer--end-only{justify-content:flex-end}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-area.text-area--only{block-size:100%}:host([resize=none]) .text-area{resize:none}:host([resize=horizontal]) .text-area{resize:horizontal}:host([resize=vertical]) .text-area{resize:vertical}:host([scale=s]) .text-area,:host([scale=s]) .footer,:host([scale=s]) .character-limit{padding-inline-start:.5rem;font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--2))}:host([scale=s]) .footer{min-block-size:1.75rem}:host([scale=s]) .text-area{padding-block:.25rem;padding-inline:.5rem}:host([scale=m]) .text-area{padding-block:.5rem;padding-inline:.75rem}:host([scale=m]) .footer{padding-block:.5rem;padding-inline:.75rem;min-block-size:2.25rem}:host([scale=l]) .text-area,:host([scale=l]) .footer{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size-0));padding-block:var(--calcite-spacing-md);padding-inline:var(--calcite-spacing-lg)}:host([scale=l]) .footer{min-block-size:2.75rem}:host([scale=l]) .text-area,:host([scale=l]) .footer,:host([scale=l]) .character-limit{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size-0));padding-inline-start:var(--calcite-spacing-lg)}:host([status=invalid]){--calcite-internal-text-area-border-color: var(--calcite-color-status-danger)}:host([status=invalid]) .text-area:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([disabled]) .text-area,:host([disabled]) .footer{opacity:var(--calcite-opacity-half)}.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:.5rem}:host([scale=s]) .validation-container{padding-block-start:.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([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,x=class extends b{constructor(){super(...arguments),this.attributeWatch=f(["autofocus","spellcheck"],this.handleGlobalAttributesChanged),this.footerEl=$(),this.guid=w(),this.resizeObserver=L("resize",async()=>{await p(this);let{textAreaHeight:e,textAreaWidth:t,elHeight:s,elWidth:c,footerHeight:h,footerWidth:o}=this.getHeightAndWidthOfElements();o>0&&o!==t&&(this.footerEl.value.style.width=`${t}px`),(c!==t||s!==e+(h||0))&&this.setHeightAndWidthToAuto()}),this.setHeightAndWidthToAuto=H(()=>{(this.resize==="vertical"||this.resize==="both")&&(this.el.style.height="auto"),(this.resize==="horizontal"||this.resize==="both")&&(this.el.style.width="auto")},R,{leading:!1}),this.disabled=!1,this.groupSeparator=!1,this.limitText=!1,this.messages=C({blocking:!0}),this.readOnly=!1,this.required=!1,this.resize="both",this.scale="m",this.status="idle",this.validity={valid:!1,badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1},this.value="",this.wrap="soft",this.calciteTextAreaChange=d(),this.calciteTextAreaInput=d()}static{this.properties={endSlotHasElements:16,startSlotHasElements:16,columns:11,disabled:7,form:3,groupSeparator:7,label:1,limitText:7,maxLength:11,messageOverrides:0,minLength:11,name:3,numberingSystem:1,placeholder:1,readOnly:7,required:7,resize:3,rows:11,scale:3,status:3,validationIcon:[3,{converter:y}],validationMessage:1,validity:0,value:1,wrap:3}}static{this.styles=B}async selectText(){await p(this),this.textAreaEl.select()}async setFocus(){await E(this),this.textAreaEl.focus()}connectedCallback(){super.connectedCallback(),O(this),I(this)}async load(){}updated(){k(this),this.setTextAreaHeight()}loaded(){}disconnectedCallback(){super.disconnectedCallback(),S(this),M(this),this.resizeObserver?.disconnect()}handleGlobalAttributesChanged(){this.requestUpdate()}onLabelClick(){this.setFocus()}handleInput(e){this.value=e.target.value,this.calciteTextAreaInput.emit()}handleChange(){this.calciteTextAreaChange.emit()}contentSlotChangeHandler(){this.value||this.el.childNodes.forEach(e=>{e.nodeName==="#text"&&(this.value=e.nodeValue.trim())})}getLocalizedCharacterLength(){let e=this.value?this.value.length.toString():"0",t=this.maxLength.toString();return this.numberingSystem==="latn"?{currentLength:e,maxLength:t}:(n.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,signDisplay:"never",useGrouping:this.groupSeparator},{currentLength:n.localize(e),maxLength:n.localize(t)})}syncHiddenFormInput(e){e.setCustomValidity(""),this.isCharacterLimitExceeded()&&e.setCustomValidity(this.replacePlaceholdersInMessages()),q("textarea",this,e)}setTextAreaEl(e){e&&(this.textAreaEl=e,this.resizeObserver?.observe(e))}setTextAreaHeight(){let{textAreaHeight:e,elHeight:t,footerHeight:s}=this.getHeightAndWidthOfElements();s>0&&e+s!=t&&(this.textAreaEl.style.height=`${t-s}px`)}getHeightAndWidthOfElements(){let{height:e,width:t}=this.textAreaEl.getBoundingClientRect(),{height:s,width:c}=this.el.getBoundingClientRect(),{height:h,width:o}=this.footerEl.value?this.footerEl.value.getBoundingClientRect():{height:0,width:0};return{textAreaHeight:e,textAreaWidth:t,elHeight:s,elWidth:c,footerHeight:h,footerWidth:o}}replacePlaceholdersInMessages(){return this.messages.tooLong.replace("{maxLength}",this.localizedCharacterLengthObj.maxLength).replace("{currentLength}",this.localizedCharacterLengthObj.currentLength)}isCharacterLimitExceeded(){return this.value?.length>this.maxLength}render(){let e=this.startSlotHasElements||this.endSlotHasElements||!!this.maxLength;return A({disabled:this.disabled,children:l`<textarea aria-describedby=${this.guid??r} aria-errormessage=${V.validationMessage} .ariaInvalid=${this.status==="invalid"||this.isCharacterLimitExceeded()} .ariaLabel=${T(this)} .autofocus=${this.el.autofocus} class=${i({[a.textArea]:!0,[a.readOnly]:this.readOnly,[a.textAreaInvalid]:this.isCharacterLimitExceeded(),[a.footerSlotted]:this.endSlotHasElements&&this.startSlotHasElements,[a.textAreaOnly]:!e})} .cols=${this.columns} .disabled=${this.disabled} maxlength=${(this.limitText?this.maxLength:void 0)??r} name=${this.name??r} @change=${this.handleChange} @input=${this.handleInput} placeholder=${this.placeholder??r} .readOnly=${this.readOnly} .required=${this.required} .rows=${this.rows} spellcheck=${this.el.spellcheck??r} .value=${v(this.value??"")} wrap=${this.wrap??r} ${m(this.setTextAreaEl)}></textarea><span class=${i({[a.content]:!0})}><slot @slotchange=${this.contentSlotChangeHandler}></slot></span><footer class=${i({[a.footer]:!0,[a.readOnly]:this.readOnly,[a.hide]:!e})} ${m(this.footerEl)}><div class=${i({[a.container]:!0,[a.footerEndSlotOnly]:!this.startSlotHasElements&&this.endSlotHasElements})}><slot name=${F.footerStart} @slotchange=${t=>this.startSlotHasElements=g(t)}></slot><slot name=${F.footerEnd} @slotchange=${t=>this.endSlotHasElements=g(t)}></slot></div>${this.renderCharacterLimit()}</footer>${W({component:this})}${this.isCharacterLimitExceeded()&&l`<span aria-live=polite class=${i(a.assistiveText)} id=${this.guid??r}>${this.replacePlaceholdersInMessages()}</span>`||""}${this.validationMessage&&this.status==="invalid"?j({icon:this.validationIcon,id:V.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderCharacterLimit(){return this.maxLength?(this.localizedCharacterLengthObj=this.getLocalizedCharacterLength(),l`<span class=${i(a.characterLimit)}><span class=${i({[a.characterOverLimit]:this.isCharacterLimitExceeded()})}>${this.localizedCharacterLengthObj.currentLength}</span>/${this.localizedCharacterLengthObj.maxLength}</span>`):null}};z("calcite-text-area",x);export{x as TextArea};
+v3.0.1 */
+import{a as q}from"./6GK2OTHZ.js";import{k as n}from"./FYUK2GME.js";import{a as j}from"./DYHX5C6J.js";import{c as I,e as M,h as W}from"./DJU4LSIS.js";import{c as O,d as S,e as T}from"./HEVM6SRJ.js";import{a as k,b as A}from"./X6EDNQN2.js";import{d as H}from"./NQPJICFQ.js";import"./5YBMD5MK.js";import{a as L}from"./NPTN6OGZ.js";import{a as C}from"./RSI5VQHT.js";import{a as $,b as m}from"./QV6PXGLB.js";import{u as g}from"./NLK3OCCK.js";import{a as p,b as E}from"./6OPQR7PL.js";import{a as w}from"./OLP7ABVK.js";import{B as y,J as z,c as f,e as u,f as l,u as v,v as d,w as b,x as i,z as r}from"./D7X7U5LL.js";var a={assistiveText:"assistive-text",characterLimit:"character-limit",content:"content",container:"container",footer:"footer",characterOverLimit:"character--over-limit",readOnly:"readonly",textAreaInvalid:"text-area--invalid",footerSlotted:"footer--slotted",hide:"hide",footerEndSlotOnly:"footer--end-only",textArea:"text-area",textAreaOnly:"text-area--only"},V={validationMessage:"textAreaValidationMessage"},F={footerStart:"footer-start",footerEnd:"footer-end"},R=100,B=u`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:inline-block;block-size:100%;inline-size:100%;--calcite-internal-text-area-border-color: var(--calcite-text-area-border-color, var(--calcite-color-border-input));--calcite-internal-text-area-footer-border-color: var( --calcite-text-area-footer-border-color, var(--calcite-internal-text-area-border-color) )}.text-area,.footer{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--1));background-color:var(--calcite-text-area-background-color, var(--calcite-color-foreground-1));padding-block:var(--calcite-spacing-sm);padding-inline:var(--calcite-spacing-md)}.text-area{position:relative;margin:0;box-sizing:border-box;display:block;inline-size:100%;font-family:var(--calcite-font-family);--calcite-internal-text-area-border-block-end-color: var(--calcite-internal-text-area-border-color);border:var(--calcite-border-width-sm) solid var(--calcite-internal-text-area-border-color);border-block-end-color:var(--calcite-internal-text-area-border-block-end-color);color:var(--calcite-text-area-text-color, var(--calcite-color-text-1));font-family:var(--calcite-sans-family);max-block-size:var(--calcite-text-area-max-height);min-block-size:var(--calcite-text-area-min-height);max-inline-size:var(--calcite-text-area-max-width);min-inline-size:var(--calcite-text-area-min-width, 12rem)}.text-area::placeholder{font-weight:var(--calcite-font-weight-normal)}@media screen and (max-width: 480px){.text-area{resize:none}}.text-area:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.text-area.text-area--invalid{--calcite-internal-text-area-border-color: var(--calcite-color-status-danger)}.text-area.text-area--invalid:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.text-area.footer--slotted{min-inline-size:18rem}.text-area:not(.text-area--only,.text-area--invalid){--calcite-internal-text-area-border-block-end-color: var( --calcite-text-area-divider-color, var(--calcite-color-border-3) )}.footer{box-sizing:border-box;display:flex;align-items:center;border:var(--calcite-border-width-sm) solid var(--calcite-internal-text-area-footer-border-color);border-block-start:var(--calcite-border-width-none);min-block-size:2.25rem}.character-limit{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--1));font-weight:var(--calcite-font-weight-regular);color:var(--calcite-text-area-character-limit-text-color, var(--calcite-color-text-2));padding-inline-start:var(--calcite-spacing-md)}.character--over-limit{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-status-danger)}.readonly{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}.content,.hide{display:none}.container{display:flex;inline-size:100%;justify-content:space-between}.footer--end-only{justify-content:flex-end}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-area.text-area--only{block-size:100%}:host([resize=none]) .text-area{resize:none}:host([resize=horizontal]) .text-area{resize:horizontal}:host([resize=vertical]) .text-area{resize:vertical}:host([scale=s]) .text-area,:host([scale=s]) .footer,:host([scale=s]) .character-limit{padding-inline-start:.5rem;font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--2))}:host([scale=s]) .footer{min-block-size:1.75rem}:host([scale=s]) .text-area{padding-block:.25rem;padding-inline:.5rem}:host([scale=m]) .text-area{padding-block:.5rem;padding-inline:.75rem}:host([scale=m]) .footer{padding-block:.5rem;padding-inline:.75rem;min-block-size:2.25rem}:host([scale=l]) .text-area,:host([scale=l]) .footer{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size-0));padding-block:var(--calcite-spacing-md);padding-inline:var(--calcite-spacing-lg)}:host([scale=l]) .footer{min-block-size:2.75rem}:host([scale=l]) .text-area,:host([scale=l]) .footer,:host([scale=l]) .character-limit{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size-0));padding-inline-start:var(--calcite-spacing-lg)}:host([status=invalid]){--calcite-internal-text-area-border-color: var(--calcite-color-status-danger)}:host([status=invalid]) .text-area:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([disabled]) .text-area,:host([disabled]) .footer{opacity:var(--calcite-opacity-half)}.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:.5rem}:host([scale=s]) .validation-container{padding-block-start:.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([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,x=class extends b{constructor(){super(...arguments),this.attributeWatch=f(["autofocus","spellcheck"],this.handleGlobalAttributesChanged),this.footerEl=$(),this.guid=w(),this.resizeObserver=L("resize",async()=>{await p(this);let{textAreaHeight:e,textAreaWidth:t,elHeight:s,elWidth:c,footerHeight:h,footerWidth:o}=this.getHeightAndWidthOfElements();o>0&&o!==t&&(this.footerEl.value.style.width=`${t}px`),(c!==t||s!==e+(h||0))&&this.setHeightAndWidthToAuto()}),this.setHeightAndWidthToAuto=H(()=>{(this.resize==="vertical"||this.resize==="both")&&(this.el.style.height="auto"),(this.resize==="horizontal"||this.resize==="both")&&(this.el.style.width="auto")},R,{leading:!1}),this.disabled=!1,this.groupSeparator=!1,this.limitText=!1,this.messages=C({blocking:!0}),this.readOnly=!1,this.required=!1,this.resize="both",this.scale="m",this.status="idle",this.validity={valid:!1,badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1},this.value="",this.wrap="soft",this.calciteTextAreaChange=d(),this.calciteTextAreaInput=d()}static{this.properties={endSlotHasElements:16,startSlotHasElements:16,columns:11,disabled:7,form:3,groupSeparator:7,label:1,limitText:7,maxLength:11,messageOverrides:0,minLength:11,name:3,numberingSystem:1,placeholder:1,readOnly:7,required:7,resize:3,rows:11,scale:3,status:3,validationIcon:[3,{converter:y}],validationMessage:1,validity:0,value:1,wrap:3}}static{this.styles=B}async selectText(){await p(this),this.textAreaEl.select()}async setFocus(){await E(this),this.textAreaEl.focus()}connectedCallback(){super.connectedCallback(),O(this),I(this)}async load(){}updated(){k(this),this.setTextAreaHeight()}loaded(){}disconnectedCallback(){super.disconnectedCallback(),S(this),M(this),this.resizeObserver?.disconnect()}handleGlobalAttributesChanged(){this.requestUpdate()}onLabelClick(){this.setFocus()}handleInput(e){this.value=e.target.value,this.calciteTextAreaInput.emit()}handleChange(){this.calciteTextAreaChange.emit()}contentSlotChangeHandler(){this.value||this.el.childNodes.forEach(e=>{e.nodeName==="#text"&&(this.value=e.nodeValue.trim())})}getLocalizedCharacterLength(){let e=this.value?this.value.length.toString():"0",t=this.maxLength.toString();return this.numberingSystem==="latn"?{currentLength:e,maxLength:t}:(n.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,signDisplay:"never",useGrouping:this.groupSeparator},{currentLength:n.localize(e),maxLength:n.localize(t)})}syncHiddenFormInput(e){e.setCustomValidity(""),this.isCharacterLimitExceeded()&&e.setCustomValidity(this.replacePlaceholdersInMessages()),q("textarea",this,e)}setTextAreaEl(e){e&&(this.textAreaEl=e,this.resizeObserver?.observe(e))}setTextAreaHeight(){let{textAreaHeight:e,elHeight:t,footerHeight:s}=this.getHeightAndWidthOfElements();s>0&&e+s!=t&&(this.textAreaEl.style.height=`${t-s}px`)}getHeightAndWidthOfElements(){let{height:e,width:t}=this.textAreaEl.getBoundingClientRect(),{height:s,width:c}=this.el.getBoundingClientRect(),{height:h,width:o}=this.footerEl.value?this.footerEl.value.getBoundingClientRect():{height:0,width:0};return{textAreaHeight:e,textAreaWidth:t,elHeight:s,elWidth:c,footerHeight:h,footerWidth:o}}replacePlaceholdersInMessages(){return this.messages.tooLong.replace("{maxLength}",this.localizedCharacterLengthObj.maxLength).replace("{currentLength}",this.localizedCharacterLengthObj.currentLength)}isCharacterLimitExceeded(){return this.value?.length>this.maxLength}render(){let e=this.startSlotHasElements||this.endSlotHasElements||!!this.maxLength;return A({disabled:this.disabled,children:l`<textarea aria-describedby=${this.guid??r} aria-errormessage=${V.validationMessage} .ariaInvalid=${this.status==="invalid"||this.isCharacterLimitExceeded()} .ariaLabel=${T(this)} .autofocus=${this.el.autofocus} class=${i({[a.textArea]:!0,[a.readOnly]:this.readOnly,[a.textAreaInvalid]:this.isCharacterLimitExceeded(),[a.footerSlotted]:this.endSlotHasElements&&this.startSlotHasElements,[a.textAreaOnly]:!e})} .cols=${this.columns} .disabled=${this.disabled} maxlength=${(this.limitText?this.maxLength:void 0)??r} name=${this.name??r} @change=${this.handleChange} @input=${this.handleInput} placeholder=${this.placeholder??r} .readOnly=${this.readOnly} .required=${this.required} .rows=${this.rows} spellcheck=${this.el.spellcheck??r} .value=${v(this.value??"")} wrap=${this.wrap??r} ${m(this.setTextAreaEl)}></textarea><span class=${i({[a.content]:!0})}><slot @slotchange=${this.contentSlotChangeHandler}></slot></span><footer class=${i({[a.footer]:!0,[a.readOnly]:this.readOnly,[a.hide]:!e})} ${m(this.footerEl)}><div class=${i({[a.container]:!0,[a.footerEndSlotOnly]:!this.startSlotHasElements&&this.endSlotHasElements})}><slot name=${F.footerStart} @slotchange=${t=>this.startSlotHasElements=g(t)}></slot><slot name=${F.footerEnd} @slotchange=${t=>this.endSlotHasElements=g(t)}></slot></div>${this.renderCharacterLimit()}</footer>${W({component:this})}${this.isCharacterLimitExceeded()&&l`<span aria-live=polite class=${i(a.assistiveText)} id=${this.guid??r}>${this.replacePlaceholdersInMessages()}</span>`||""}${this.validationMessage&&this.status==="invalid"?j({icon:this.validationIcon,id:V.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderCharacterLimit(){return this.maxLength?(this.localizedCharacterLengthObj=this.getLocalizedCharacterLength(),l`<span class=${i(a.characterLimit)}><span class=${i({[a.characterOverLimit]:this.isCharacterLimitExceeded()})}>${this.localizedCharacterLengthObj.currentLength}</span>/${this.localizedCharacterLengthObj.maxLength}</span>`):null}};z("calcite-text-area",x);export{x as TextArea};

package/dist/calcite/{D2HDFE7S.js → BYRVP24K.js}

@@ -1,7 +1,7 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
-import{a as j}from"./CNO6NFH5.js";import{a as G}from"./I2OIH73C.js";import{J as Z,e as C,f as w,g as d,w as P,x as f,z as $}from"./KVSCG5E3.js";function S(s,i,h){let a=i[0]-s[0],n=h[0]-i[0],o=i[1]-s[1],l=h[1]-i[1],r=o/(a||n<0&&0),e=l/(n||a<0&&0),t=(r*n+e*a)/(a+n);return(Math.sign(r)+Math.sign(e))*Math.min(Math.abs(r),Math.abs(e),.5*Math.abs(t))||0}function H(s,i,h){let a=i[0]-s[0],n=i[1]-s[1];return a?(3*n/a-h)/2:h}function O(s,i,h,a,n){let[o,l]=s,[r,e]=i,t=(r-o)/3,c=n([o+t,l+t*h]).join(","),g=n([r-t,e-t*a]).join(","),p=n([r,e]).join(",");return`C ${c} ${g} ${p}`}function E({width:s,height:i,min:h,max:a}){let n=a[0]-h[0],o=a[1]-h[1];return l=>{let r=(l[0]-h[0])/n*s,e=i-l[1]/o*i;return[r,e]}}function R(s){let[i,h]=s[0],a=[i,h],n=[i,h];return s.reduce(({min:o,max:l},[r,e])=>({min:[Math.min(o[0],r),Math.min(o[1],e)],max:[Math.max(l[0],r),Math.max(l[1],e)]}),{min:a,max:n})}function q({data:s,min:i,max:h,t:a}){if(s.length===0)return"";let[n,o]=a(s[0]),[l,r]=a(i),[e]=a(h),t,c,g,p=s.reduce((x,M,m)=>{if(c=s[m-2],g=s[m-1],m>1){let u=S(c,g,M),k=t===void 0?H(c,g,u):t,L=O(c,g,k,u,a);return t=u,`${x} ${L}`}return x},`M ${l},${r} L ${l},${o} L ${n},${o}`),y=s[s.length-1],v=O(g,y,t,H(g,y,t),a);return`${p} ${v} L ${e},${r} Z`}var I=C`:host{display:block;block-size:100%}.svg{fill:currentColor;stroke:transparent;margin:0;display:block;block-size:100%;inline-size:100%;padding:0}.svg .graph-path--highlight{fill:var(--calcite-graph-highlight-fill-color, var(--calcite-color-brand));opacity:.5}:host([hidden]){display:none}[hidden]{display:none}`,b={svg:"svg",graphPath:"graph-path",graphPathHighlight:"graph-path--highlight"},z=class extends P{constructor(){super(...arguments),this.graphId=`calcite-graph-${G()}`,this.resizeObserver=j("resize",()=>this.requestUpdate()),this.data=[]}static{this.properties={colorStops:0,data:0,highlightMax:9,highlightMin:9,max:11,min:11}}static{this.styles=I}connectedCallback(){super.connectedCallback(),this.resizeObserver?.observe(this.el)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect()}render(){let{data:i,colorStops:h,el:a,highlightMax:n,highlightMin:o,min:l,max:r}=this,e=this.graphId,{clientHeight:t,clientWidth:c}=a;if(!i||i.length===0)return w`<svg aria-hidden=true class=${f(b.svg)} height=${t??$} preserveAspectRatio=none viewBox=${`0 0 ${c} ${t}`} width=${c??$}></svg>`;let{min:g,max:p}=R(i),y=g,v=p;(l<g[0]||l>g[0])&&(y=[l,0]),(r>p[0]||r<p[0])&&(v=[r,p[1]]);let x=E({min:y,max:v,width:c,height:t}),[M]=x([o,v[1]]),[m]=x([n,v[1]]),u=q({data:i,min:g,max:p,t:x}),k=h?`url(#linear-gradient-${e})`:void 0;return w`<svg aria-hidden=true class=${f(b.svg)} height=${t??$} preserveAspectRatio=none viewBox=${`0 0 ${c} ${t}`} width=${c??$}>${h?d`<defs><linearGradient .id=${`linear-gradient-${e}`} x1=0 x2=1 y1=0 y2=0>${h.map(({offset:L,color:A,opacity:B})=>d`<stop offset=${`${L*100}%`} stop-color=${A??$} stop-opacity=${B??$} />`)}</linearGradient></defs>`:null}${o!==void 0?[d`<mask height=100% .id=${`${e}1`} width=100% x=0% y=0%><path d=${`
+v3.0.1 */
+import{a as j}from"./NPTN6OGZ.js";import{a as G}from"./OLP7ABVK.js";import{J as Z,e as C,f as w,g as d,w as P,x as f,z as $}from"./D7X7U5LL.js";function S(s,i,h){let a=i[0]-s[0],n=h[0]-i[0],o=i[1]-s[1],l=h[1]-i[1],r=o/(a||n<0&&0),e=l/(n||a<0&&0),t=(r*n+e*a)/(a+n);return(Math.sign(r)+Math.sign(e))*Math.min(Math.abs(r),Math.abs(e),.5*Math.abs(t))||0}function H(s,i,h){let a=i[0]-s[0],n=i[1]-s[1];return a?(3*n/a-h)/2:h}function O(s,i,h,a,n){let[o,l]=s,[r,e]=i,t=(r-o)/3,c=n([o+t,l+t*h]).join(","),g=n([r-t,e-t*a]).join(","),p=n([r,e]).join(",");return`C ${c} ${g} ${p}`}function E({width:s,height:i,min:h,max:a}){let n=a[0]-h[0],o=a[1]-h[1];return l=>{let r=(l[0]-h[0])/n*s,e=i-l[1]/o*i;return[r,e]}}function R(s){let[i,h]=s[0],a=[i,h],n=[i,h];return s.reduce(({min:o,max:l},[r,e])=>({min:[Math.min(o[0],r),Math.min(o[1],e)],max:[Math.max(l[0],r),Math.max(l[1],e)]}),{min:a,max:n})}function q({data:s,min:i,max:h,t:a}){if(s.length===0)return"";let[n,o]=a(s[0]),[l,r]=a(i),[e]=a(h),t,c,g,p=s.reduce((x,M,m)=>{if(c=s[m-2],g=s[m-1],m>1){let u=S(c,g,M),k=t===void 0?H(c,g,u):t,L=O(c,g,k,u,a);return t=u,`${x} ${L}`}return x},`M ${l},${r} L ${l},${o} L ${n},${o}`),y=s[s.length-1],v=O(g,y,t,H(g,y,t),a);return`${p} ${v} L ${e},${r} Z`}var I=C`:host{display:block;block-size:100%}.svg{fill:currentColor;stroke:transparent;margin:0;display:block;block-size:100%;inline-size:100%;padding:0}.svg .graph-path--highlight{fill:var(--calcite-graph-highlight-fill-color, var(--calcite-color-brand));opacity:.5}:host([hidden]){display:none}[hidden]{display:none}`,b={svg:"svg",graphPath:"graph-path",graphPathHighlight:"graph-path--highlight"},z=class extends P{constructor(){super(...arguments),this.graphId=`calcite-graph-${G()}`,this.resizeObserver=j("resize",()=>this.requestUpdate()),this.data=[]}static{this.properties={colorStops:0,data:0,highlightMax:9,highlightMin:9,max:11,min:11}}static{this.styles=I}connectedCallback(){super.connectedCallback(),this.resizeObserver?.observe(this.el)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect()}render(){let{data:i,colorStops:h,el:a,highlightMax:n,highlightMin:o,min:l,max:r}=this,e=this.graphId,{clientHeight:t,clientWidth:c}=a;if(!i||i.length===0)return w`<svg aria-hidden=true class=${f(b.svg)} height=${t??$} preserveAspectRatio=none viewBox=${`0 0 ${c} ${t}`} width=${c??$}></svg>`;let{min:g,max:p}=R(i),y=g,v=p;(l<g[0]||l>g[0])&&(y=[l,0]),(r>p[0]||r<p[0])&&(v=[r,p[1]]);let x=E({min:y,max:v,width:c,height:t}),[M]=x([o,v[1]]),[m]=x([n,v[1]]),u=q({data:i,min:g,max:p,t:x}),k=h?`url(#linear-gradient-${e})`:void 0;return w`<svg aria-hidden=true class=${f(b.svg)} height=${t??$} preserveAspectRatio=none viewBox=${`0 0 ${c} ${t}`} width=${c??$}>${h?d`<defs><linearGradient .id=${`linear-gradient-${e}`} x1=0 x2=1 y1=0 y2=0>${h.map(({offset:L,color:A,opacity:B})=>d`<stop offset=${`${L*100}%`} stop-color=${A??$} stop-opacity=${B??$} />`)}</linearGradient></defs>`:null}${o!==void 0?[d`<mask height=100% .id=${`${e}1`} width=100% x=0% y=0%><path d=${`
             M 0,0
             L ${M-1},0
             L ${M-1},${t}

package/dist/calcite/{FNM4DZZH.js → C3XHCMBP.js}

@@ -1,4 +1,4 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.0.1 */
 var n={container:"container",containerNone:"container--none-selection",icon:"dropdown-item-icon",iconEnd:"dropdown-item-icon--end",iconStart:"dropdown-item-icon--start",itemContent:"dropdown-item-content",link:"dropdown-link"};export{n as a};

package/dist/calcite/{LILDCWFX.js → C52QQAFR.js}

@@ -1,4 +1,4 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
-import{a as X}from"./I32TMNTO.js";import{a as T,b as v,c as W,d as A,e as U,k as a}from"./KBDXI6DJ.js";import{a as Q}from"./N2BVYYYP.js";import{a as R,c as q,e as G,g as z,h as J}from"./DTL2LM6T.js";import{c as L,d as K,e as _}from"./G3LH75CQ.js";import{a as D,b as j}from"./LOZEGKG2.js";import{a as f}from"./3IV6JSC2.js";import"./KW57BHXD.js";import{a as S}from"./CIV3PH3Z.js";import{b as M}from"./UELGJSYH.js";import{a as P}from"./ARHYATTG.js";import{a as k,b as y}from"./QU33PBBI.js";import{e as C,p as w,x as I}from"./CMO3X257.js";import{b as F}from"./GN5CPLSJ.js";import"./I2OIH73C.js";import{B as x,C as B,J as O,c as $,e as V,f as l,j as b,u as E,v as g,w as H,x as o}from"./KVSCG5E3.js";var r={loader:"loader",clearButton:"clear-button",inputIcon:"icon",prefix:"prefix",suffix:"suffix",numberButtonWrapper:"number-button-wrapper",buttonItemHorizontal:"number-button-item--horizontal",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper",numberButtonItem:"number-button-item"},Y={validationMessage:"inputNumberValidationMessage"},ee={action:"action"},te=V`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;padding-inline:.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{block-size:1.5rem}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;padding-inline:.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{block-size:2rem}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{block-size:2.75rem}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing),block-size 0,outline-offset 0s;-webkit-appearance:none;position:relative;margin:0;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:0;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-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}: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(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([scale=s]) .icon{inset-inline-start:.5rem}:host([scale=m]) .icon{inset-inline-start:.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-property: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;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.clear-button{pointer-events:initial;order:4;margin:0;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-property: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;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.clear-button:hover calcite-icon{color:var(--calcite-color-text-1);transition-property: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;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.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-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.clear-button:disabled{opacity:var(--calcite-opacity-disabled)}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{order:7;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-color-text-2)}.prefix{order:2;border-inline-end-width:0px;inline-size:var(--calcite-input-prefix-size, auto)}.suffix{order:5;border-inline-start-width:0px;inline-size:var(--calcite-input-suffix-size, auto)}:host([alignment=start]) input{text-align:start}:host([alignment=end]) input{text-align:end}.number-button-wrapper{pointer-events:none;order:6;box-sizing:border-box;display:flex;flex-direction:column;transition-property: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;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}:host([number-button-type=vertical]) .wrapper{flex-direction:row;display:flex}:host([number-button-type=vertical]) input{order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-icon{transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-icon{transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:1;max-block-size:100%;min-block-size:100%;align-self:stretch}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-icon,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-icon{transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);border-inline-end-width:0px}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover{background-color:var(--calcite-color-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover calcite-icon{color:var(--calcite-color-text-1)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:5}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover{background-color:var(--calcite-color-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover{background-color:var(--calcite-color-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover{background-color:var(--calcite-color-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px}.number-button-item{max-block-size:50%;min-block-size:50%;pointer-events:initial;margin:0;box-sizing:border-box;display:flex;cursor:pointer;align-items:center;align-self:center;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);padding-block:0px;padding-inline:.5rem;transition-property: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;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;border-inline-start-width:0px}.number-button-item calcite-icon{pointer-events:none;transition-property: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;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.number-button-item:focus{background-color:var(--calcite-color-foreground-2)}.number-button-item:focus calcite-icon{color:var(--calcite-color-text-1)}.number-button-item:active{background-color:var(--calcite-color-foreground-3)}.number-button-item:disabled{pointer-events:none}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{background-color:transparent;transition-property: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;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}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:.5rem}:host([scale=s]) .validation-container{padding-block-start:.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}`,N=class extends H{constructor(){super(),this.actionWrapperEl=k(),this.attributeWatch=$(["autofocus","enterkeyhint","inputmode"],this.handleGlobalAttributesChanged),this.inputWrapperEl=k(),this.onHiddenFormInputInput=e=>{e.target.name===this.name&&this.setNumberValue({value:e.target.value,origin:"direct"}),this.setFocus(),e.stopPropagation()},this.previousValueOrigin="initial",this.userChangedValue=!1,this._value="",this.slottedActionElDisabledInternally=!1,this.alignment="start",this.clearable=!1,this.disabled=!1,this.editingEnabled=!1,this.groupSeparator=!1,this.iconFlipRtl=!1,this.integer=!1,this.loading=!1,this.localeFormat=!1,this.messages=P(),this.numberButtonType="vertical",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.validity={valid:!1,badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1},this.calciteInputNumberChange=g({cancelable:!1}),this.calciteInputNumberInput=g(),this.calciteInternalInputNumberBlur=g({cancelable:!1}),this.calciteInternalInputNumberFocus=g({cancelable:!1}),this.listen("click",this.clickHandler),this.listen("keydown",this.keyDownHandler)}static{this.properties={displayedValue:16,slottedActionElDisabledInternally:16,alignment:3,autocomplete:0,clearable:7,disabled:7,editingEnabled:7,form:3,groupSeparator:7,icon:[3,{converter:x}],iconFlipRtl:7,integer:5,label:1,loading:7,localeFormat:5,max:11,maxLength:11,messageOverrides:0,min:11,minLength:11,name:3,numberButtonType:3,numberingSystem:3,placeholder:1,prefixText:1,readOnly:7,required:7,scale:3,status:3,step:3,suffixText:1,validationIcon:[3,{converter:x}],validationMessage:1,validity:0,value:1}}static{this.styles=te}get isClearable(){return this.clearable&&this.value.length>0}get value(){return this._value}set value(e){let t=this._value;e!==t&&(this._value=e,this.valueWatcher(e,t),e&&this._value===""&&this.setNumberValue({origin:"reset",value:t}))}async selectText(){this.childNumberEl?.select()}async setFocus(){await F(this),this.childNumberEl?.focus()}connectedCallback(){super.connectedCallback(),this.inlineEditableEl=this.el.closest("calcite-inline-editable"),this.inlineEditableEl&&(this.editingEnabled=this.inlineEditableEl.editingEnabled||!1),L(this),q(this),this.el.addEventListener(z,this.onHiddenFormInputInput)}async load(){this.maxString=this.max?.toString(),this.minString=this.min?.toString(),this.requestedIcon=w({},this.icon,"number"),this.setPreviousEmittedNumberValue(this.value),this.setPreviousNumberValue(this.value),this.warnAboutInvalidNumberValue(this.value),this.value==="Infinity"||this.value==="-Infinity"?(this.displayedValue=this.value,this.previousEmittedNumberValue=this.value):this.setNumberValue({origin:"connected",value:v(this.value)?this.value:""})}willUpdate(e){e.has("max")&&(this.maxString=this.max?.toString()||null),e.has("min")&&(this.minString=this.min?.toString()||null),e.has("icon")&&(this.requestedIcon=w({},this.icon,"number")),e.has("messages")&&(a.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:!1})}updated(){D(this)}loaded(){}disconnectedCallback(){super.disconnectedCallback(),K(this),G(this),this.el.removeEventListener(z,this.onHiddenFormInputInput)}handleGlobalAttributesChanged(){this.requestUpdate()}valueWatcher(e,t){if(!this.userChangedValue){if(e==="Infinity"||e==="-Infinity"){this.displayedValue=e,this.previousEmittedNumberValue=e;return}this.setNumberValue({origin:"direct",previousValue:t,value:e==null||e==""?"":v(e)?e:this.previousValue||""}),this.warnAboutInvalidNumberValue(e)}this.userChangedValue=!1}keyDownHandler(e){this.readOnly||this.disabled||e.defaultPrevented||(this.isClearable&&e.key==="Escape"&&(this.clearInputValue(e),e.preventDefault()),e.key==="Enter"&&R(this)&&e.preventDefault())}onLabelClick(){this.setFocus()}incrementOrDecrementNumberValue(e,t,i,m){let{value:n}=this;if(n==="Infinity"||n==="-Infinity")return;let s=e==="up"?1:-1,u=this.integer&&this.step!=="any"?Math.round(this.step):this.step,p=u==="any"?1:Math.abs(u||1),h=new T(n!==""?n:"0").add(`${p*s}`),d=()=>typeof i=="number"&&!isNaN(i)&&h.subtract(`${i}`).isNegative,c=()=>typeof t=="number"&&!isNaN(t)&&!h.subtract(`${t}`).isNegative,Z=d()?`${i}`:c()?`${t}`:h.toString();this.setNumberValue({committing:!0,nativeEvent:m,origin:"user",value:Z})}clearInputValue(e){this.setNumberValue({committing:!0,nativeEvent:e,origin:"user",value:""})}emitChangeIfUserModified(){this.previousValueOrigin==="user"&&this.value!==this.previousEmittedNumberValue&&(this.calciteInputNumberChange.emit(),this.setPreviousEmittedNumberValue(this.value))}inputNumberBlurHandler(){window.clearInterval(this.nudgeNumberValueIntervalId),this.calciteInternalInputNumberBlur.emit(),this.emitChangeIfUserModified()}clickHandler(e){if(this.disabled)return;let t=e.composedPath();!t.includes(this.inputWrapperEl.value)||t.includes(this.actionWrapperEl.value)||this.setFocus()}inputNumberFocusHandler(){this.calciteInternalInputNumberFocus.emit()}inputNumberInputHandler(e){if(this.disabled||this.readOnly||this.value==="Infinity"||this.value==="-Infinity")return;let t=e.target.value;a.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};let i=a.delocalize(t);e.inputType==="insertFromPaste"?((!v(i)||this.integer&&(i.includes("e")||i.includes(".")))&&e.preventDefault(),this.setNumberValue({nativeEvent:e,origin:"user",value:W(i)}),this.childNumberEl.value=this.displayedValue):this.setNumberValue({nativeEvent:e,origin:"user",value:i})}inputNumberKeyDownHandler(e){if(this.disabled||this.readOnly)return;if(this.value==="Infinity"||this.value==="-Infinity"){e.preventDefault(),(e.key==="Backspace"||e.key==="Delete")&&this.clearInputValue(e);return}if(e.key==="ArrowUp"){e.preventDefault(),this.nudgeNumberValue("up",e);return}if(e.key==="ArrowDown"){this.nudgeNumberValue("down",e);return}let t=[...M,"ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab"];if(e.altKey||e.ctrlKey||e.metaKey)return;let i=e.shiftKey&&e.key==="Tab";if(t.includes(e.key)||i){e.key==="Enter"&&this.emitChangeIfUserModified();return}a.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},!(e.key===a.decimal&&!this.integer&&(!this.value&&!this.childNumberEl.value||this.value&&this.childNumberEl.value.indexOf(a.decimal)===-1))&&(/[eE]/.test(e.key)&&!this.integer&&(!this.value&&!this.childNumberEl.value||this.value&&!/[eE]/.test(this.childNumberEl.value))||e.key==="-"&&(!this.value&&!this.childNumberEl.value||this.value&&this.childNumberEl.value.split("-").length<=2)||e.preventDefault())}nudgeNumberValue(e,t){if(t instanceof KeyboardEvent&&t.repeat)return;let i=this.maxString?parseFloat(this.maxString):null,m=this.minString?parseFloat(this.minString):null,n=150;this.incrementOrDecrementNumberValue(e,i,m,t),this.nudgeNumberValueIntervalId&&window.clearInterval(this.nudgeNumberValueIntervalId);let s=!0;this.nudgeNumberValueIntervalId=window.setInterval(()=>{if(s){s=!1;return}this.incrementOrDecrementNumberValue(e,i,m,t)},n)}nudgeButtonPointerUpHandler(e){I(e)&&window.clearInterval(this.nudgeNumberValueIntervalId)}nudgeButtonPointerOutHandler(){window.clearInterval(this.nudgeNumberValueIntervalId)}nudgeButtonPointerDownHandler(e){if(!I(e))return;e.preventDefault();let t=e.target.dataset.adjustment;this.disabled||this.nudgeNumberValue(t,e)}syncHiddenFormInput(e){X("number",this,e)}setChildNumberElRef(e){this.childNumberEl=e}setInputNumberValue(e){this.childNumberEl&&(this.childNumberEl.value=e)}setPreviousEmittedNumberValue(e){this.previousEmittedNumberValue=this.normalizeValue(e)}normalizeValue(e){return v(e)?e:""}setPreviousNumberValue(e){this.previousValue=this.normalizeValue(e)}setNumberValue({committing:e=!1,nativeEvent:t,origin:i,previousValue:m,value:n}){a.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};let s=this.previousValue?.length>n.length||this.value?.length>n.length,u=this.integer?n.replace(/[e.]/g,""):n,p=u.charAt(u.length-1)===".",h=p&&s?u:A(u),d=n&&!h?v(this.previousValue)?this.previousValue:"":h,c=a.localize(d);i!=="connected"&&!p&&(c=U(c,d,a)),this.displayedValue=p&&s?`${c}${a.decimal}`:c,this.setPreviousNumberValue(m??this.value),this.previousValueOrigin=i,this.userChangedValue=i==="user"&&this.value!==d,this.value=["-","."].includes(d)?"":d,i==="direct"&&(this.setInputNumberValue(c),this.setPreviousEmittedNumberValue(c)),t&&(this.calciteInputNumberInput.emit().defaultPrevented?(this.value=this.previousValue,this.displayedValue=a.localize(this.previousValue)):e&&this.emitChangeIfUserModified())}inputNumberKeyUpHandler(){window.clearInterval(this.nudgeNumberValueIntervalId)}warnAboutInvalidNumberValue(e){e&&!v(e)&&console.warn(`The specified value "${e}" cannot be parsed, or is out of range.`)}render(){let e=C(this.el),t=l`<div class=${o(r.loader)}><calcite-progress .label=${this.messages.loading} type=indeterminate></calcite-progress></div>`,i=l`<button .ariaLabel=${this.messages.clear} class=${o(r.clearButton)} .disabled=${this.disabled||this.readOnly} @click=${this.clearInputValue} tabindex=-1 type=button><calcite-icon icon=x .scale=${f(this.scale)}></calcite-icon></button>`,m=l`<calcite-icon class=${o(r.inputIcon)} .flipRtl=${this.iconFlipRtl} .icon=${this.requestedIcon} .scale=${f(this.scale)}></calcite-icon>`,n=this.numberButtonType==="horizontal",s=l`<button aria-hidden=true class=${o({[r.numberButtonItem]:!0,[r.buttonItemHorizontal]:n})} data-adjustment=up .disabled=${this.disabled||this.readOnly} @pointerdown=${this.nudgeButtonPointerDownHandler} @pointerout=${this.nudgeButtonPointerOutHandler} @pointerup=${this.nudgeButtonPointerUpHandler} tabindex=-1 type=button><calcite-icon icon=chevron-up .scale=${f(this.scale)}></calcite-icon></button>`,u=l`<button aria-hidden=true class=${o({[r.numberButtonItem]:!0,[r.buttonItemHorizontal]:n})} data-adjustment=down .disabled=${this.disabled||this.readOnly} @pointerdown=${this.nudgeButtonPointerDownHandler} @pointerout=${this.nudgeButtonPointerOutHandler} @pointerup=${this.nudgeButtonPointerUpHandler} tabindex=-1 type=button><calcite-icon icon=chevron-down .scale=${f(this.scale)}></calcite-icon></button>`,p=l`<div class=${o(r.numberButtonWrapper)}>${s}${u}</div>`,h=l`<div class=${o(r.prefix)}>${this.prefixText}</div>`,d=l`<div class=${o(r.suffix)}>${this.suffixText}</div>`,c=S("localized-input",l`<input aria-errormessage=${Y.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${_(this)} autocomplete=${this.autocomplete??b} .autofocus=${this.el.autofocus} value=${this.defaultValue??b} .disabled=${this.disabled} enterkeyhint=${this.el.enterKeyHint??b} inputmode=${this.el.inputMode||"decimal"} maxlength=${this.maxLength??b} minlength=${this.minLength??b} name=${b} @blur=${this.inputNumberBlurHandler} @focus=${this.inputNumberFocusHandler} @input=${this.inputNumberInputHandler} @keydown=${this.inputNumberKeyDownHandler} @keyup=${this.inputNumberKeyUpHandler} placeholder=${(this.placeholder||"")??b} .readOnly=${this.readOnly} type=text .value=${E(this.displayedValue??"")} ${y(this.setChildNumberElRef)}>`);return j({disabled:this.disabled,children:l`<div class=${o({[r.inputWrapper]:!0,[B.rtl]:e==="rtl"})} ${y(this.inputWrapperEl)}>${this.numberButtonType==="horizontal"&&!this.readOnly?u:null}${this.prefixText?h:null}<div class=${o(r.wrapper)}>${c}${this.isClearable?i:null}${this.requestedIcon?m:null}${this.loading?t:null}</div><div class=${o(r.actionWrapper)} ${y(this.actionWrapperEl)}><slot name=${ee.action}></slot></div>${this.numberButtonType==="vertical"&&!this.readOnly?p:null}${this.suffixText?d:null}${this.numberButtonType==="horizontal"&&!this.readOnly?s:null}${J({component:this})}</div>${this.validationMessage&&this.status==="invalid"?Q({icon:this.validationIcon,id:Y.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};O("calcite-input-number",N);export{N as InputNumber};
+v3.0.1 */
+import{a as X}from"./6GK2OTHZ.js";import{a as T,b as v,c as W,d as A,e as U,k as a}from"./FYUK2GME.js";import{a as Q}from"./DYHX5C6J.js";import{a as R,c as q,e as G,g as z,h as J}from"./DJU4LSIS.js";import{c as L,d as K,e as _}from"./HEVM6SRJ.js";import{a as D,b as j}from"./X6EDNQN2.js";import{a as f}from"./HMZA4X6S.js";import"./4GUL5QXY.js";import{a as S}from"./TTARWRVZ.js";import{b as M}from"./5YBMD5MK.js";import{a as P}from"./RSI5VQHT.js";import{a as k,b as y}from"./QV6PXGLB.js";import{e as C,p as w,x as I}from"./NLK3OCCK.js";import{b as F}from"./6OPQR7PL.js";import"./OLP7ABVK.js";import{B as x,C as B,J as O,c as $,e as V,f as l,j as b,u as E,v as g,w as H,x as o}from"./D7X7U5LL.js";var r={loader:"loader",clearButton:"clear-button",inputIcon:"icon",prefix:"prefix",suffix:"suffix",numberButtonWrapper:"number-button-wrapper",buttonItemHorizontal:"number-button-item--horizontal",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper",numberButtonItem:"number-button-item"},Y={validationMessage:"inputNumberValidationMessage"},ee={action:"action"},te=V`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;padding-inline:.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{block-size:1.5rem}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;padding-inline:.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{block-size:2rem}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{block-size:2.75rem}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing),block-size 0,outline-offset 0s;-webkit-appearance:none;position:relative;margin:0;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:0;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-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}: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(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([scale=s]) .icon{inset-inline-start:.5rem}:host([scale=m]) .icon{inset-inline-start:.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-property: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;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.clear-button{pointer-events:initial;order:4;margin:0;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-property: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;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.clear-button:hover calcite-icon{color:var(--calcite-color-text-1);transition-property: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;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.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-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.clear-button:disabled{opacity:var(--calcite-opacity-disabled)}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{order:7;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-color-text-2)}.prefix{order:2;border-inline-end-width:0px;inline-size:var(--calcite-input-prefix-size, auto)}.suffix{order:5;border-inline-start-width:0px;inline-size:var(--calcite-input-suffix-size, auto)}:host([alignment=start]) input{text-align:start}:host([alignment=end]) input{text-align:end}.number-button-wrapper{pointer-events:none;order:6;box-sizing:border-box;display:flex;flex-direction:column;transition-property: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;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}:host([number-button-type=vertical]) .wrapper{flex-direction:row;display:flex}:host([number-button-type=vertical]) input{order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-icon{transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-icon{transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:1;max-block-size:100%;min-block-size:100%;align-self:stretch}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-icon,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-icon{transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);border-inline-end-width:0px}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover{background-color:var(--calcite-color-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover calcite-icon{color:var(--calcite-color-text-1)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:5}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover{background-color:var(--calcite-color-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover{background-color:var(--calcite-color-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover{background-color:var(--calcite-color-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px}.number-button-item{max-block-size:50%;min-block-size:50%;pointer-events:initial;margin:0;box-sizing:border-box;display:flex;cursor:pointer;align-items:center;align-self:center;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);padding-block:0px;padding-inline:.5rem;transition-property: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;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;border-inline-start-width:0px}.number-button-item calcite-icon{pointer-events:none;transition-property: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;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.number-button-item:focus{background-color:var(--calcite-color-foreground-2)}.number-button-item:focus calcite-icon{color:var(--calcite-color-text-1)}.number-button-item:active{background-color:var(--calcite-color-foreground-3)}.number-button-item:disabled{pointer-events:none}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{background-color:transparent;transition-property: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;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}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:.5rem}:host([scale=s]) .validation-container{padding-block-start:.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}`,N=class extends H{constructor(){super(),this.actionWrapperEl=k(),this.attributeWatch=$(["autofocus","enterkeyhint","inputmode"],this.handleGlobalAttributesChanged),this.inputWrapperEl=k(),this.onHiddenFormInputInput=e=>{e.target.name===this.name&&this.setNumberValue({value:e.target.value,origin:"direct"}),this.setFocus(),e.stopPropagation()},this.previousValueOrigin="initial",this.userChangedValue=!1,this._value="",this.slottedActionElDisabledInternally=!1,this.alignment="start",this.clearable=!1,this.disabled=!1,this.editingEnabled=!1,this.groupSeparator=!1,this.iconFlipRtl=!1,this.integer=!1,this.loading=!1,this.localeFormat=!1,this.messages=P(),this.numberButtonType="vertical",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.validity={valid:!1,badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1},this.calciteInputNumberChange=g({cancelable:!1}),this.calciteInputNumberInput=g(),this.calciteInternalInputNumberBlur=g({cancelable:!1}),this.calciteInternalInputNumberFocus=g({cancelable:!1}),this.listen("click",this.clickHandler),this.listen("keydown",this.keyDownHandler)}static{this.properties={displayedValue:16,slottedActionElDisabledInternally:16,alignment:3,autocomplete:0,clearable:7,disabled:7,editingEnabled:7,form:3,groupSeparator:7,icon:[3,{converter:x}],iconFlipRtl:7,integer:5,label:1,loading:7,localeFormat:5,max:11,maxLength:11,messageOverrides:0,min:11,minLength:11,name:3,numberButtonType:3,numberingSystem:3,placeholder:1,prefixText:1,readOnly:7,required:7,scale:3,status:3,step:3,suffixText:1,validationIcon:[3,{converter:x}],validationMessage:1,validity:0,value:1}}static{this.styles=te}get isClearable(){return this.clearable&&this.value.length>0}get value(){return this._value}set value(e){let t=this._value;e!==t&&(this._value=e,this.valueWatcher(e,t),e&&this._value===""&&this.setNumberValue({origin:"reset",value:t}))}async selectText(){this.childNumberEl?.select()}async setFocus(){await F(this),this.childNumberEl?.focus()}connectedCallback(){super.connectedCallback(),this.inlineEditableEl=this.el.closest("calcite-inline-editable"),this.inlineEditableEl&&(this.editingEnabled=this.inlineEditableEl.editingEnabled||!1),L(this),q(this),this.el.addEventListener(z,this.onHiddenFormInputInput)}async load(){this.maxString=this.max?.toString(),this.minString=this.min?.toString(),this.requestedIcon=w({},this.icon,"number"),this.setPreviousEmittedNumberValue(this.value),this.setPreviousNumberValue(this.value),this.warnAboutInvalidNumberValue(this.value),this.value==="Infinity"||this.value==="-Infinity"?(this.displayedValue=this.value,this.previousEmittedNumberValue=this.value):this.setNumberValue({origin:"connected",value:v(this.value)?this.value:""})}willUpdate(e){e.has("max")&&(this.maxString=this.max?.toString()||null),e.has("min")&&(this.minString=this.min?.toString()||null),e.has("icon")&&(this.requestedIcon=w({},this.icon,"number")),e.has("messages")&&(a.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:!1})}updated(){D(this)}loaded(){}disconnectedCallback(){super.disconnectedCallback(),K(this),G(this),this.el.removeEventListener(z,this.onHiddenFormInputInput)}handleGlobalAttributesChanged(){this.requestUpdate()}valueWatcher(e,t){if(!this.userChangedValue){if(e==="Infinity"||e==="-Infinity"){this.displayedValue=e,this.previousEmittedNumberValue=e;return}this.setNumberValue({origin:"direct",previousValue:t,value:e==null||e==""?"":v(e)?e:this.previousValue||""}),this.warnAboutInvalidNumberValue(e)}this.userChangedValue=!1}keyDownHandler(e){this.readOnly||this.disabled||e.defaultPrevented||(this.isClearable&&e.key==="Escape"&&(this.clearInputValue(e),e.preventDefault()),e.key==="Enter"&&R(this)&&e.preventDefault())}onLabelClick(){this.setFocus()}incrementOrDecrementNumberValue(e,t,i,m){let{value:n}=this;if(n==="Infinity"||n==="-Infinity")return;let s=e==="up"?1:-1,u=this.integer&&this.step!=="any"?Math.round(this.step):this.step,p=u==="any"?1:Math.abs(u||1),h=new T(n!==""?n:"0").add(`${p*s}`),d=()=>typeof i=="number"&&!isNaN(i)&&h.subtract(`${i}`).isNegative,c=()=>typeof t=="number"&&!isNaN(t)&&!h.subtract(`${t}`).isNegative,Z=d()?`${i}`:c()?`${t}`:h.toString();this.setNumberValue({committing:!0,nativeEvent:m,origin:"user",value:Z})}clearInputValue(e){this.setNumberValue({committing:!0,nativeEvent:e,origin:"user",value:""})}emitChangeIfUserModified(){this.previousValueOrigin==="user"&&this.value!==this.previousEmittedNumberValue&&(this.calciteInputNumberChange.emit(),this.setPreviousEmittedNumberValue(this.value))}inputNumberBlurHandler(){window.clearInterval(this.nudgeNumberValueIntervalId),this.calciteInternalInputNumberBlur.emit(),this.emitChangeIfUserModified()}clickHandler(e){if(this.disabled)return;let t=e.composedPath();!t.includes(this.inputWrapperEl.value)||t.includes(this.actionWrapperEl.value)||this.setFocus()}inputNumberFocusHandler(){this.calciteInternalInputNumberFocus.emit()}inputNumberInputHandler(e){if(this.disabled||this.readOnly||this.value==="Infinity"||this.value==="-Infinity")return;let t=e.target.value;a.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};let i=a.delocalize(t);e.inputType==="insertFromPaste"?((!v(i)||this.integer&&(i.includes("e")||i.includes(".")))&&e.preventDefault(),this.setNumberValue({nativeEvent:e,origin:"user",value:W(i)}),this.childNumberEl.value=this.displayedValue):this.setNumberValue({nativeEvent:e,origin:"user",value:i})}inputNumberKeyDownHandler(e){if(this.disabled||this.readOnly)return;if(this.value==="Infinity"||this.value==="-Infinity"){e.preventDefault(),(e.key==="Backspace"||e.key==="Delete")&&this.clearInputValue(e);return}if(e.key==="ArrowUp"){e.preventDefault(),this.nudgeNumberValue("up",e);return}if(e.key==="ArrowDown"){this.nudgeNumberValue("down",e);return}let t=[...M,"ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab"];if(e.altKey||e.ctrlKey||e.metaKey)return;let i=e.shiftKey&&e.key==="Tab";if(t.includes(e.key)||i){e.key==="Enter"&&this.emitChangeIfUserModified();return}a.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},!(e.key===a.decimal&&!this.integer&&(!this.value&&!this.childNumberEl.value||this.value&&this.childNumberEl.value.indexOf(a.decimal)===-1))&&(/[eE]/.test(e.key)&&!this.integer&&(!this.value&&!this.childNumberEl.value||this.value&&!/[eE]/.test(this.childNumberEl.value))||e.key==="-"&&(!this.value&&!this.childNumberEl.value||this.value&&this.childNumberEl.value.split("-").length<=2)||e.preventDefault())}nudgeNumberValue(e,t){if(t instanceof KeyboardEvent&&t.repeat)return;let i=this.maxString?parseFloat(this.maxString):null,m=this.minString?parseFloat(this.minString):null,n=150;this.incrementOrDecrementNumberValue(e,i,m,t),this.nudgeNumberValueIntervalId&&window.clearInterval(this.nudgeNumberValueIntervalId);let s=!0;this.nudgeNumberValueIntervalId=window.setInterval(()=>{if(s){s=!1;return}this.incrementOrDecrementNumberValue(e,i,m,t)},n)}nudgeButtonPointerUpHandler(e){I(e)&&window.clearInterval(this.nudgeNumberValueIntervalId)}nudgeButtonPointerOutHandler(){window.clearInterval(this.nudgeNumberValueIntervalId)}nudgeButtonPointerDownHandler(e){if(!I(e))return;e.preventDefault();let t=e.target.dataset.adjustment;this.disabled||this.nudgeNumberValue(t,e)}syncHiddenFormInput(e){X("number",this,e)}setChildNumberElRef(e){this.childNumberEl=e}setInputNumberValue(e){this.childNumberEl&&(this.childNumberEl.value=e)}setPreviousEmittedNumberValue(e){this.previousEmittedNumberValue=this.normalizeValue(e)}normalizeValue(e){return v(e)?e:""}setPreviousNumberValue(e){this.previousValue=this.normalizeValue(e)}setNumberValue({committing:e=!1,nativeEvent:t,origin:i,previousValue:m,value:n}){a.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};let s=this.previousValue?.length>n.length||this.value?.length>n.length,u=this.integer?n.replace(/[e.]/g,""):n,p=u.charAt(u.length-1)===".",h=p&&s?u:A(u),d=n&&!h?v(this.previousValue)?this.previousValue:"":h,c=a.localize(d);i!=="connected"&&!p&&(c=U(c,d,a)),this.displayedValue=p&&s?`${c}${a.decimal}`:c,this.setPreviousNumberValue(m??this.value),this.previousValueOrigin=i,this.userChangedValue=i==="user"&&this.value!==d,this.value=["-","."].includes(d)?"":d,i==="direct"&&(this.setInputNumberValue(c),this.setPreviousEmittedNumberValue(c)),t&&(this.calciteInputNumberInput.emit().defaultPrevented?(this.value=this.previousValue,this.displayedValue=a.localize(this.previousValue)):e&&this.emitChangeIfUserModified())}inputNumberKeyUpHandler(){window.clearInterval(this.nudgeNumberValueIntervalId)}warnAboutInvalidNumberValue(e){e&&!v(e)&&console.warn(`The specified value "${e}" cannot be parsed, or is out of range.`)}render(){let e=C(this.el),t=l`<div class=${o(r.loader)}><calcite-progress .label=${this.messages.loading} type=indeterminate></calcite-progress></div>`,i=l`<button .ariaLabel=${this.messages.clear} class=${o(r.clearButton)} .disabled=${this.disabled||this.readOnly} @click=${this.clearInputValue} tabindex=-1 type=button><calcite-icon icon=x .scale=${f(this.scale)}></calcite-icon></button>`,m=l`<calcite-icon class=${o(r.inputIcon)} .flipRtl=${this.iconFlipRtl} .icon=${this.requestedIcon} .scale=${f(this.scale)}></calcite-icon>`,n=this.numberButtonType==="horizontal",s=l`<button aria-hidden=true class=${o({[r.numberButtonItem]:!0,[r.buttonItemHorizontal]:n})} data-adjustment=up .disabled=${this.disabled||this.readOnly} @pointerdown=${this.nudgeButtonPointerDownHandler} @pointerout=${this.nudgeButtonPointerOutHandler} @pointerup=${this.nudgeButtonPointerUpHandler} tabindex=-1 type=button><calcite-icon icon=chevron-up .scale=${f(this.scale)}></calcite-icon></button>`,u=l`<button aria-hidden=true class=${o({[r.numberButtonItem]:!0,[r.buttonItemHorizontal]:n})} data-adjustment=down .disabled=${this.disabled||this.readOnly} @pointerdown=${this.nudgeButtonPointerDownHandler} @pointerout=${this.nudgeButtonPointerOutHandler} @pointerup=${this.nudgeButtonPointerUpHandler} tabindex=-1 type=button><calcite-icon icon=chevron-down .scale=${f(this.scale)}></calcite-icon></button>`,p=l`<div class=${o(r.numberButtonWrapper)}>${s}${u}</div>`,h=l`<div class=${o(r.prefix)}>${this.prefixText}</div>`,d=l`<div class=${o(r.suffix)}>${this.suffixText}</div>`,c=S("localized-input",l`<input aria-errormessage=${Y.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${_(this)} autocomplete=${this.autocomplete??b} .autofocus=${this.el.autofocus} value=${this.defaultValue??b} .disabled=${this.disabled} enterkeyhint=${this.el.enterKeyHint??b} inputmode=${this.el.inputMode||"decimal"} maxlength=${this.maxLength??b} minlength=${this.minLength??b} name=${b} @blur=${this.inputNumberBlurHandler} @focus=${this.inputNumberFocusHandler} @input=${this.inputNumberInputHandler} @keydown=${this.inputNumberKeyDownHandler} @keyup=${this.inputNumberKeyUpHandler} placeholder=${(this.placeholder||"")??b} .readOnly=${this.readOnly} type=text .value=${E(this.displayedValue??"")} ${y(this.setChildNumberElRef)}>`);return j({disabled:this.disabled,children:l`<div class=${o({[r.inputWrapper]:!0,[B.rtl]:e==="rtl"})} ${y(this.inputWrapperEl)}>${this.numberButtonType==="horizontal"&&!this.readOnly?u:null}${this.prefixText?h:null}<div class=${o(r.wrapper)}>${c}${this.isClearable?i:null}${this.requestedIcon?m:null}${this.loading?t:null}</div><div class=${o(r.actionWrapper)} ${y(this.actionWrapperEl)}><slot name=${ee.action}></slot></div>${this.numberButtonType==="vertical"&&!this.readOnly?p:null}${this.suffixText?d:null}${this.numberButtonType==="horizontal"&&!this.readOnly?s:null}${J({component:this})}</div>${this.validationMessage&&this.status==="invalid"?Q({icon:this.validationIcon,id:Y.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};O("calcite-input-number",N);export{N as InputNumber};

package/dist/calcite/{QLKHJI4P.js → CE3TSSYN.js}

@@ -1,4 +1,4 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.0.1 */
 var p="24px",x="32px",a="44px",s="48px";export{p as a,x as b,a as c,s as d};

package/dist/calcite/{DT67ZFPX.js → CHVHH4L7.js}

@@ -1,4 +1,4 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
-import{a as d,b as g}from"./QU33PBBI.js";import{u as n}from"./CMO3X257.js";import{b as y}from"./GN5CPLSJ.js";import"./I2OIH73C.js";import{J as h,e as l,f as i,v as c,w as m,x as o}from"./KVSCG5E3.js";var a={container:"container",containerContent:"container-content",hasProgress:"progress-bar",hide:"hide",primary:"primary",secondary:"secondary",tertiary:"tertiary"},e={logo:"logo",user:"user",progress:"progress",navigationAction:"navigation-action",contentStart:"content-start",contentEnd:"content-end",contentCenter:"content-center",navSecondary:"navigation-secondary",navTertiary:"navigation-tertiary"},S={hamburger:"hamburger"},v=l`:host([hidden]){display:none}[hidden]{display:none}.container{display:flex;inline-size:100%;flex-direction:column;margin-block:0;margin-inline:auto;background-color:var(--calcite-navigation-background-color, var(--calcite-navigation-background, var(--calcite-color-foreground-1)))}.container.primary,.container.secondary,.container.tertiary{border-block-end:1px solid;border-block-end-color:var(--calcite-navigation-border-color, var(--calcite-color-border-3))}.user,.logo{display:flex}.hide{display:none}.primary{block-size:4rem}.secondary,.tertiary{block-size:3rem}.container-content{margin-inline:auto;display:flex;block-size:100%;inline-size:100%;margin-block:0;inline-size:var(--calcite-navigation-width, 100%);max-inline-size:100%}.container-content.progress-bar{margin-block-start:.125rem}slot[name]{display:flex;flex-direction:row}slot[name=navigation-secondary]::slotted(calcite-navigation),slot[name=navigation-tertiary]::slotted(calcite-navigation){inline-size:100%}slot[name=content-start]::slotted(*),slot[name=content-center]::slotted(*),slot[name=content-end]::slotted(*){display:flex;flex-direction:row;align-items:center}slot[name=progress],slot[name=progress] calcite-progress{inset-block-start:0;inset-inline:0}slot[name=content-end]{margin-inline-start:auto}slot[name=content-start]{margin-inline-end:auto}slot[name=content-end],slot[name=logo]~slot[name=user],slot[name=user]:only-child{margin-inline-start:auto}slot[name=content-center]{margin-inline-start:auto;margin-inline-end:auto}slot[name=content-start]~slot[name=content-center]{margin-inline-start:0px}slot[name=content-start]~slot[name=content-end],slot[name=content-center]~slot[name=content-end],slot[name=content-center]~slot[name=user],slot[name=content-end]~slot[name=user]{margin:0}`,s=class extends m{constructor(){super(...arguments),this.navigationActionEl=d(),this.navigationAction=!1,this.calciteNavigationActionSelect=c({cancelable:!1})}static{this.properties={logoSlotHasElements:16,navigationActionSlotHasElements:16,primaryContentCenterSlotHasElements:16,primaryContentEndSlotHasElements:16,primaryContentStartSlotHasElements:16,progressSlotHasElement:16,secondarySlotHasElements:16,tertiarySlotHasElements:16,userSlotHasElements:16,label:1,navigationAction:7}}static{this.styles=v}async setFocus(){return await y(this),this.navigationActionEl.value?.setFocus()}load(){}loaded(){}actionClickHandler(){this.calciteNavigationActionSelect.emit()}handleUserSlotChange(t){this.isPrimaryLevel()&&(this.userSlotHasElements=n(t))}handleLogoSlotChange(t){this.isPrimaryLevel()&&(this.logoSlotHasElements=n(t))}handleContentStartSlotChange(t){this.isPrimaryLevel()&&(this.primaryContentStartSlotHasElements=n(t))}handleContentEndSlotChange(t){this.isPrimaryLevel()&&(this.primaryContentEndSlotHasElements=n(t))}handleContentCenterSlotChange(t){this.isPrimaryLevel()&&(this.primaryContentCenterSlotHasElements=n(t))}handleSecondarySlotChange(t){this.secondarySlotHasElements=n(t)}handleTertiarySlotChange(t){this.tertiarySlotHasElements=n(t)}handleMenuActionSlotChange(t){this.isPrimaryLevel()&&(this.navigationActionSlotHasElements=n(t),this.navigationActionSlotHasElements&&(this.navigationAction=!1))}handleProgressSlotChange(t){this.isPrimaryLevel()&&(this.progressSlotHasElement=n(t))}isPrimaryLevel(){return this.el.slot!==e.navSecondary&&this.el.slot!==e.navTertiary}renderMenuAction(){return i`<slot name=${e.navigationAction} @slotchange=${this.handleMenuActionSlotChange}>${this.navigationAction&&i`<calcite-action .icon=${S.hamburger} @click=${this.actionClickHandler} .text=${this.label} ${g(this.navigationActionEl)}></calcite-action>`||""}</slot>`}render(){let t=this.logoSlotHasElements||this.userSlotHasElements||this.navigationActionSlotHasElements||this.primaryContentCenterSlotHasElements||this.primaryContentEndSlotHasElements||this.primaryContentStartSlotHasElements||this.navigationAction,r=this.el.slot;return i`<div class=${o({[a.container]:!0,[a.secondary]:r===e.navSecondary,[a.tertiary]:r===e.navTertiary,[a.primary]:t})}><div class=${o({[a.hide]:!this.progressSlotHasElement,[e.progress]:!0})}><slot name=${e.progress} @slotchange=${this.handleProgressSlotChange}></slot></div><div class=${o({[a.containerContent]:!0,[a.hasProgress]:this.progressSlotHasElement})}>${this.renderMenuAction()}<div class=${o({[a.hide]:!this.logoSlotHasElements,[e.logo]:!0})}><slot name=${e.logo} @slotchange=${this.handleLogoSlotChange}></slot></div><slot name=${e.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot><slot name=${e.contentCenter} @slotchange=${this.handleContentCenterSlotChange}></slot><slot name=${e.contentEnd} @slotchange=${this.handleContentEndSlotChange}></slot><div class=${o({[a.hide]:!this.userSlotHasElements,[e.user]:!0})}><slot name=${e.user} @slotchange=${this.handleUserSlotChange}></slot></div></div></div><slot name=${e.navSecondary} @slotchange=${this.handleSecondarySlotChange}></slot><slot name=${e.navTertiary} @slotchange=${this.handleTertiarySlotChange}></slot>`}};h("calcite-navigation",s);export{s as Navigation};
+v3.0.1 */
+import{a as d,b as g}from"./QV6PXGLB.js";import{u as n}from"./NLK3OCCK.js";import{b as y}from"./6OPQR7PL.js";import"./OLP7ABVK.js";import{J as h,e as l,f as i,v as c,w as m,x as o}from"./D7X7U5LL.js";var a={container:"container",containerContent:"container-content",hasProgress:"progress-bar",hide:"hide",primary:"primary",secondary:"secondary",tertiary:"tertiary"},e={logo:"logo",user:"user",progress:"progress",navigationAction:"navigation-action",contentStart:"content-start",contentEnd:"content-end",contentCenter:"content-center",navSecondary:"navigation-secondary",navTertiary:"navigation-tertiary"},S={hamburger:"hamburger"},v=l`:host([hidden]){display:none}[hidden]{display:none}.container{display:flex;inline-size:100%;flex-direction:column;margin-block:0;margin-inline:auto;background-color:var(--calcite-navigation-background-color, var(--calcite-navigation-background, var(--calcite-color-foreground-1)))}.container.primary,.container.secondary,.container.tertiary{border-block-end:1px solid;border-block-end-color:var(--calcite-navigation-border-color, var(--calcite-color-border-3))}.user,.logo{display:flex}.hide{display:none}.primary{block-size:4rem}.secondary,.tertiary{block-size:3rem}.container-content{margin-inline:auto;display:flex;block-size:100%;inline-size:100%;margin-block:0;inline-size:var(--calcite-navigation-width, 100%);max-inline-size:100%}.container-content.progress-bar{margin-block-start:.125rem}slot[name]{display:flex;flex-direction:row}slot[name=navigation-secondary]::slotted(calcite-navigation),slot[name=navigation-tertiary]::slotted(calcite-navigation){inline-size:100%}slot[name=content-start]::slotted(*),slot[name=content-center]::slotted(*),slot[name=content-end]::slotted(*){display:flex;flex-direction:row;align-items:center}slot[name=progress],slot[name=progress] calcite-progress{inset-block-start:0;inset-inline:0}slot[name=content-end]{margin-inline-start:auto}slot[name=content-start]{margin-inline-end:auto}slot[name=content-end],slot[name=logo]~slot[name=user],slot[name=user]:only-child{margin-inline-start:auto}slot[name=content-center]{margin-inline-start:auto;margin-inline-end:auto}slot[name=content-start]~slot[name=content-center]{margin-inline-start:0px}slot[name=content-start]~slot[name=content-end],slot[name=content-center]~slot[name=content-end],slot[name=content-center]~slot[name=user],slot[name=content-end]~slot[name=user]{margin:0}`,s=class extends m{constructor(){super(...arguments),this.navigationActionEl=d(),this.navigationAction=!1,this.calciteNavigationActionSelect=c({cancelable:!1})}static{this.properties={logoSlotHasElements:16,navigationActionSlotHasElements:16,primaryContentCenterSlotHasElements:16,primaryContentEndSlotHasElements:16,primaryContentStartSlotHasElements:16,progressSlotHasElement:16,secondarySlotHasElements:16,tertiarySlotHasElements:16,userSlotHasElements:16,label:1,navigationAction:7}}static{this.styles=v}async setFocus(){return await y(this),this.navigationActionEl.value?.setFocus()}load(){}loaded(){}actionClickHandler(){this.calciteNavigationActionSelect.emit()}handleUserSlotChange(t){this.isPrimaryLevel()&&(this.userSlotHasElements=n(t))}handleLogoSlotChange(t){this.isPrimaryLevel()&&(this.logoSlotHasElements=n(t))}handleContentStartSlotChange(t){this.isPrimaryLevel()&&(this.primaryContentStartSlotHasElements=n(t))}handleContentEndSlotChange(t){this.isPrimaryLevel()&&(this.primaryContentEndSlotHasElements=n(t))}handleContentCenterSlotChange(t){this.isPrimaryLevel()&&(this.primaryContentCenterSlotHasElements=n(t))}handleSecondarySlotChange(t){this.secondarySlotHasElements=n(t)}handleTertiarySlotChange(t){this.tertiarySlotHasElements=n(t)}handleMenuActionSlotChange(t){this.isPrimaryLevel()&&(this.navigationActionSlotHasElements=n(t),this.navigationActionSlotHasElements&&(this.navigationAction=!1))}handleProgressSlotChange(t){this.isPrimaryLevel()&&(this.progressSlotHasElement=n(t))}isPrimaryLevel(){return this.el.slot!==e.navSecondary&&this.el.slot!==e.navTertiary}renderMenuAction(){return i`<slot name=${e.navigationAction} @slotchange=${this.handleMenuActionSlotChange}>${this.navigationAction&&i`<calcite-action .icon=${S.hamburger} @click=${this.actionClickHandler} .text=${this.label} ${g(this.navigationActionEl)}></calcite-action>`||""}</slot>`}render(){let t=this.logoSlotHasElements||this.userSlotHasElements||this.navigationActionSlotHasElements||this.primaryContentCenterSlotHasElements||this.primaryContentEndSlotHasElements||this.primaryContentStartSlotHasElements||this.navigationAction,r=this.el.slot;return i`<div class=${o({[a.container]:!0,[a.secondary]:r===e.navSecondary,[a.tertiary]:r===e.navTertiary,[a.primary]:t})}><div class=${o({[a.hide]:!this.progressSlotHasElement,[e.progress]:!0})}><slot name=${e.progress} @slotchange=${this.handleProgressSlotChange}></slot></div><div class=${o({[a.containerContent]:!0,[a.hasProgress]:this.progressSlotHasElement})}>${this.renderMenuAction()}<div class=${o({[a.hide]:!this.logoSlotHasElements,[e.logo]:!0})}><slot name=${e.logo} @slotchange=${this.handleLogoSlotChange}></slot></div><slot name=${e.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot><slot name=${e.contentCenter} @slotchange=${this.handleContentCenterSlotChange}></slot><slot name=${e.contentEnd} @slotchange=${this.handleContentEndSlotChange}></slot><div class=${o({[a.hide]:!this.userSlotHasElements,[e.user]:!0})}><slot name=${e.user} @slotchange=${this.handleUserSlotChange}></slot></div></div></div><slot name=${e.navSecondary} @slotchange=${this.handleSecondarySlotChange}></slot><slot name=${e.navTertiary} @slotchange=${this.handleTertiarySlotChange}></slot>`}};h("calcite-navigation",s);export{s as Navigation};

package/dist/calcite/{GNUSLZWJ.js → CNTBFQBL.js}

@@ -1,4 +1,4 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
-import{b as G}from"./OLMX7G3J.js";import{e as R,f as _,g as I}from"./L5FDXQMT.js";var W={exports:{}},X={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},P={exports:{}},ne=function(e){return!e||typeof e=="string"?!1:e instanceof Array||Array.isArray(e)||e.length>=0&&(e.splice instanceof Function||Object.getOwnPropertyDescriptor(e,e.length-1)&&e.constructor.name!=="String")},te=ne,oe=Array.prototype.concat,ae=Array.prototype.slice,q=P.exports=function(e){for(var r=[],n=0,t=e.length;n<t;n++){var o=e[n];te(o)?r=oe.call(r,ae.call(o)):r.push(o)}return r};q.wrap=function(e){return function(){return e(q(arguments))}};var se=P.exports,x=X,H=se,U=Object.hasOwnProperty,D=Object.create(null);for(C in x)U.call(x,C)&&(D[x[C]]=C);var C,y=W.exports={to:{},get:{}};y.get=function(e){var r=e.substring(0,3).toLowerCase(),n,t;switch(r){case"hsl":n=y.get.hsl(e),t="hsl";break;case"hwb":n=y.get.hwb(e),t="hwb";break;default:n=y.get.rgb(e),t="rgb";break}return n?{model:t,value:n}:null};y.get.rgb=function(e){if(!e)return null;var r=/^#([a-f0-9]{3,4})$/i,n=/^#([a-f0-9]{6})([a-f0-9]{2})?$/i,t=/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/,o=/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/,s=/^(\w+)$/,a=[0,0,0,1],l,i,h;if(l=e.match(n)){for(h=l[2],l=l[1],i=0;i<3;i++){var p=i*2;a[i]=parseInt(l.slice(p,p+2),16)}h&&(a[3]=parseInt(h,16)/255)}else if(l=e.match(r)){for(l=l[1],h=l[3],i=0;i<3;i++)a[i]=parseInt(l[i]+l[i],16);h&&(a[3]=parseInt(h+h,16)/255)}else if(l=e.match(t)){for(i=0;i<3;i++)a[i]=parseInt(l[i+1],0);l[4]&&(l[5]?a[3]=parseFloat(l[4])*.01:a[3]=parseFloat(l[4]))}else if(l=e.match(o)){for(i=0;i<3;i++)a[i]=Math.round(parseFloat(l[i+1])*2.55);l[4]&&(l[5]?a[3]=parseFloat(l[4])*.01:a[3]=parseFloat(l[4]))}else return(l=e.match(s))?l[1]==="transparent"?[0,0,0,0]:U.call(x,l[1])?(a=x[l[1]],a[3]=1,a):null:null;for(i=0;i<3;i++)a[i]=w(a[i],0,255);return a[3]=w(a[3],0,1),a};y.get.hsl=function(e){if(!e)return null;var r=/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/,n=e.match(r);if(n){var t=parseFloat(n[4]),o=(parseFloat(n[1])%360+360)%360,s=w(parseFloat(n[2]),0,100),a=w(parseFloat(n[3]),0,100),l=w(isNaN(t)?1:t,0,1);return[o,s,a,l]}return null};y.get.hwb=function(e){if(!e)return null;var r=/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/,n=e.match(r);if(n){var t=parseFloat(n[4]),o=(parseFloat(n[1])%360+360)%360,s=w(parseFloat(n[2]),0,100),a=w(parseFloat(n[3]),0,100),l=w(isNaN(t)?1:t,0,1);return[o,s,a,l]}return null};y.to.hex=function(){var e=H(arguments);return"#"+j(e[0])+j(e[1])+j(e[2])+(e[3]<1?j(Math.round(e[3]*255)):"")};y.to.rgb=function(){var e=H(arguments);return e.length<4||e[3]===1?"rgb("+Math.round(e[0])+", "+Math.round(e[1])+", "+Math.round(e[2])+")":"rgba("+Math.round(e[0])+", "+Math.round(e[1])+", "+Math.round(e[2])+", "+e[3]+")"};y.to.rgb.percent=function(){var e=H(arguments),r=Math.round(e[0]/255*100),n=Math.round(e[1]/255*100),t=Math.round(e[2]/255*100);return e.length<4||e[3]===1?"rgb("+r+"%, "+n+"%, "+t+"%)":"rgba("+r+"%, "+n+"%, "+t+"%, "+e[3]+")"};y.to.hsl=function(){var e=H(arguments);return e.length<4||e[3]===1?"hsl("+e[0]+", "+e[1]+"%, "+e[2]+"%)":"hsla("+e[0]+", "+e[1]+"%, "+e[2]+"%, "+e[3]+")"};y.to.hwb=function(){var e=H(arguments),r="";return e.length>=4&&e[3]!==1&&(r=", "+e[3]),"hwb("+e[0]+", "+e[1]+"%, "+e[2]+"%"+r+")"};y.to.keyword=function(e){return D[e.slice(0,3)]};function w(e,r,n){return Math.min(Math.max(r,e),n)}function j(e){var r=Math.round(e).toString(16).toUpperCase();return r.length<2?"0"+r:r}var le=W.exports,A=X,J={};for(let e of Object.keys(A))J[A[e]]=e;var c={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}},K=c;for(let e of Object.keys(c)){if(!("channels"in c[e]))throw new Error("missing channels property: "+e);if(!("labels"in c[e]))throw new Error("missing channel labels property: "+e);if(c[e].labels.length!==c[e].channels)throw new Error("channel and label counts mismatch: "+e);let{channels:r,labels:n}=c[e];delete c[e].channels,delete c[e].labels,Object.defineProperty(c[e],"channels",{value:r}),Object.defineProperty(c[e],"labels",{value:n})}c.rgb.hsl=function(e){let r=e[0]/255,n=e[1]/255,t=e[2]/255,o=Math.min(r,n,t),s=Math.max(r,n,t),a=s-o,l,i;s===o?l=0:r===s?l=(n-t)/a:n===s?l=2+(t-r)/a:t===s&&(l=4+(r-n)/a),l=Math.min(l*60,360),l<0&&(l+=360);let h=(o+s)/2;return s===o?i=0:h<=.5?i=a/(s+o):i=a/(2-s-o),[l,i*100,h*100]};c.rgb.hsv=function(e){let r,n,t,o,s,a=e[0]/255,l=e[1]/255,i=e[2]/255,h=Math.max(a,l,i),p=h-Math.min(a,l,i),v=function(re){return(h-re)/6/p+1/2};return p===0?(o=0,s=0):(s=p/h,r=v(a),n=v(l),t=v(i),a===h?o=t-n:l===h?o=1/3+r-t:i===h&&(o=2/3+n-r),o<0?o+=1:o>1&&(o-=1)),[o*360,s*100,h*100]};c.rgb.hwb=function(e){let r=e[0],n=e[1],t=e[2],o=c.rgb.hsl(e)[0],s=1/255*Math.min(r,Math.min(n,t));return t=1-1/255*Math.max(r,Math.max(n,t)),[o,s*100,t*100]};c.rgb.cmyk=function(e){let r=e[0]/255,n=e[1]/255,t=e[2]/255,o=Math.min(1-r,1-n,1-t),s=(1-r-o)/(1-o)||0,a=(1-n-o)/(1-o)||0,l=(1-t-o)/(1-o)||0;return[s*100,a*100,l*100,o*100]};function ie(e,r){return(e[0]-r[0])**2+(e[1]-r[1])**2+(e[2]-r[2])**2}c.rgb.keyword=function(e){let r=J[e];if(r)return r;let n=1/0,t;for(let o of Object.keys(A)){let s=A[o],a=ie(e,s);a<n&&(n=a,t=o)}return t};c.keyword.rgb=function(e){return A[e]};c.rgb.xyz=function(e){let r=e[0]/255,n=e[1]/255,t=e[2]/255;r=r>.04045?((r+.055)/1.055)**2.4:r/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,t=t>.04045?((t+.055)/1.055)**2.4:t/12.92;let o=r*.4124+n*.3576+t*.1805,s=r*.2126+n*.7152+t*.0722,a=r*.0193+n*.1192+t*.9505;return[o*100,s*100,a*100]};c.rgb.lab=function(e){let r=c.rgb.xyz(e),n=r[0],t=r[1],o=r[2];n/=95.047,t/=100,o/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,t=t>.008856?t**(1/3):7.787*t+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;let s=116*t-16,a=500*(n-t),l=200*(t-o);return[s,a,l]};c.hsl.rgb=function(e){let r=e[0]/360,n=e[1]/100,t=e[2]/100,o,s,a;if(n===0)return a=t*255,[a,a,a];t<.5?o=t*(1+n):o=t+n-t*n;let l=2*t-o,i=[0,0,0];for(let h=0;h<3;h++)s=r+1/3*-(h-1),s<0&&s++,s>1&&s--,6*s<1?a=l+(o-l)*6*s:2*s<1?a=o:3*s<2?a=l+(o-l)*(2/3-s)*6:a=l,i[h]=a*255;return i};c.hsl.hsv=function(e){let r=e[0],n=e[1]/100,t=e[2]/100,o=n,s=Math.max(t,.01);t*=2,n*=t<=1?t:2-t,o*=s<=1?s:2-s;let a=(t+n)/2,l=t===0?2*o/(s+o):2*n/(t+n);return[r,l*100,a*100]};c.hsv.rgb=function(e){let r=e[0]/60,n=e[1]/100,t=e[2]/100,o=Math.floor(r)%6,s=r-Math.floor(r),a=255*t*(1-n),l=255*t*(1-n*s),i=255*t*(1-n*(1-s));switch(t*=255,o){case 0:return[t,i,a];case 1:return[l,t,a];case 2:return[a,t,i];case 3:return[a,l,t];case 4:return[i,a,t];case 5:return[t,a,l]}};c.hsv.hsl=function(e){let r=e[0],n=e[1]/100,t=e[2]/100,o=Math.max(t,.01),s,a;a=(2-n)*t;let l=(2-n)*o;return s=n*o,s/=l<=1?l:2-l,s=s||0,a/=2,[r,s*100,a*100]};c.hwb.rgb=function(e){let r=e[0]/360,n=e[1]/100,t=e[2]/100,o=n+t,s;o>1&&(n/=o,t/=o);let a=Math.floor(6*r),l=1-t;s=6*r-a,a&1&&(s=1-s);let i=n+s*(l-n),h,p,v;switch(a){default:case 6:case 0:h=l,p=i,v=n;break;case 1:h=i,p=l,v=n;break;case 2:h=n,p=l,v=i;break;case 3:h=n,p=i,v=l;break;case 4:h=i,p=n,v=l;break;case 5:h=l,p=n,v=i;break}return[h*255,p*255,v*255]};c.cmyk.rgb=function(e){let r=e[0]/100,n=e[1]/100,t=e[2]/100,o=e[3]/100,s=1-Math.min(1,r*(1-o)+o),a=1-Math.min(1,n*(1-o)+o),l=1-Math.min(1,t*(1-o)+o);return[s*255,a*255,l*255]};c.xyz.rgb=function(e){let r=e[0]/100,n=e[1]/100,t=e[2]/100,o,s,a;return o=r*3.2406+n*-1.5372+t*-.4986,s=r*-.9689+n*1.8758+t*.0415,a=r*.0557+n*-.204+t*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92,a=a>.0031308?1.055*a**(1/2.4)-.055:a*12.92,o=Math.min(Math.max(0,o),1),s=Math.min(Math.max(0,s),1),a=Math.min(Math.max(0,a),1),[o*255,s*255,a*255]};c.xyz.lab=function(e){let r=e[0],n=e[1],t=e[2];r/=95.047,n/=100,t/=108.883,r=r>.008856?r**(1/3):7.787*r+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,t=t>.008856?t**(1/3):7.787*t+16/116;let o=116*n-16,s=500*(r-n),a=200*(n-t);return[o,s,a]};c.lab.xyz=function(e){let r=e[0],n=e[1],t=e[2],o,s,a;s=(r+16)/116,o=n/500+s,a=s-t/200;let l=s**3,i=o**3,h=a**3;return s=l>.008856?l:(s-16/116)/7.787,o=i>.008856?i:(o-16/116)/7.787,a=h>.008856?h:(a-16/116)/7.787,o*=95.047,s*=100,a*=108.883,[o,s,a]};c.lab.lch=function(e){let r=e[0],n=e[1],t=e[2],o;o=Math.atan2(t,n)*360/2/Math.PI,o<0&&(o+=360);let s=Math.sqrt(n*n+t*t);return[r,s,o]};c.lch.lab=function(e){let r=e[0],n=e[1],t=e[2]/360*2*Math.PI,o=n*Math.cos(t),s=n*Math.sin(t);return[r,o,s]};c.rgb.ansi16=function(e,r=null){let[n,t,o]=e,s=r===null?c.rgb.hsv(e)[2]:r;if(s=Math.round(s/50),s===0)return 30;let a=30+(Math.round(o/255)<<2|Math.round(t/255)<<1|Math.round(n/255));return s===2&&(a+=60),a};c.hsv.ansi16=function(e){return c.rgb.ansi16(c.hsv.rgb(e),e[2])};c.rgb.ansi256=function(e){let r=e[0],n=e[1],t=e[2];return r===n&&n===t?r<8?16:r>248?231:Math.round((r-8)/247*24)+232:16+36*Math.round(r/255*5)+6*Math.round(n/255*5)+Math.round(t/255*5)};c.ansi16.rgb=function(e){let r=e%10;if(r===0||r===7)return e>50&&(r+=3.5),r=r/10.5*255,[r,r,r];let n=(~~(e>50)+1)*.5,t=(r&1)*n*255,o=(r>>1&1)*n*255,s=(r>>2&1)*n*255;return[t,o,s]};c.ansi256.rgb=function(e){if(e>=232){let s=(e-232)*10+8;return[s,s,s]}e-=16;let r,n=Math.floor(e/36)/5*255,t=Math.floor((r=e%36)/6)/5*255,o=r%6/5*255;return[n,t,o]};c.rgb.hex=function(e){let r=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(r.length)+r};c.hex.rgb=function(e){let r=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!r)return[0,0,0];let n=r[0];r[0].length===3&&(n=n.split("").map(l=>l+l).join(""));let t=parseInt(n,16),o=t>>16&255,s=t>>8&255,a=t&255;return[o,s,a]};c.rgb.hcg=function(e){let r=e[0]/255,n=e[1]/255,t=e[2]/255,o=Math.max(Math.max(r,n),t),s=Math.min(Math.min(r,n),t),a=o-s,l,i;return a<1?l=s/(1-a):l=0,a<=0?i=0:o===r?i=(n-t)/a%6:o===n?i=2+(t-r)/a:i=4+(r-n)/a,i/=6,i%=1,[i*360,a*100,l*100]};c.hsl.hcg=function(e){let r=e[1]/100,n=e[2]/100,t=n<.5?2*r*n:2*r*(1-n),o=0;return t<1&&(o=(n-.5*t)/(1-t)),[e[0],t*100,o*100]};c.hsv.hcg=function(e){let r=e[1]/100,n=e[2]/100,t=r*n,o=0;return t<1&&(o=(n-t)/(1-t)),[e[0],t*100,o*100]};c.hcg.rgb=function(e){let r=e[0]/360,n=e[1]/100,t=e[2]/100;if(n===0)return[t*255,t*255,t*255];let o=[0,0,0],s=r%1*6,a=s%1,l=1-a,i=0;switch(Math.floor(s)){case 0:o[0]=1,o[1]=a,o[2]=0;break;case 1:o[0]=l,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=a;break;case 3:o[0]=0,o[1]=l,o[2]=1;break;case 4:o[0]=a,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=l}return i=(1-n)*t,[(n*o[0]+i)*255,(n*o[1]+i)*255,(n*o[2]+i)*255]};c.hcg.hsv=function(e){let r=e[1]/100,n=e[2]/100,t=r+n*(1-r),o=0;return t>0&&(o=r/t),[e[0],o*100,t*100]};c.hcg.hsl=function(e){let r=e[1]/100,n=e[2]/100*(1-r)+.5*r,t=0;return n>0&&n<.5?t=r/(2*n):n>=.5&&n<1&&(t=r/(2*(1-n))),[e[0],t*100,n*100]};c.hcg.hwb=function(e){let r=e[1]/100,n=e[2]/100,t=r+n*(1-r);return[e[0],(t-r)*100,(1-t)*100]};c.hwb.hcg=function(e){let r=e[1]/100,n=1-e[2]/100,t=n-r,o=0;return t<1&&(o=(n-t)/(1-t)),[e[0],t*100,o*100]};c.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]};c.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]};c.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]};c.gray.hsl=function(e){return[0,0,e[0]]};c.gray.hsv=c.gray.hsl;c.gray.hwb=function(e){return[0,100,e[0]]};c.gray.cmyk=function(e){return[0,0,0,e[0]]};c.gray.lab=function(e){return[e[0],0,0]};c.gray.hex=function(e){let r=Math.round(e[0]/100*255)&255,n=((r<<16)+(r<<8)+r).toString(16).toUpperCase();return"000000".substring(n.length)+n};c.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]};var O=K;function ce(){let e={},r=Object.keys(O);for(let n=r.length,t=0;t<n;t++)e[r[t]]={distance:-1,parent:null};return e}function he(e){let r=ce(),n=[e];for(r[e].distance=0;n.length;){let t=n.pop(),o=Object.keys(O[t]);for(let s=o.length,a=0;a<s;a++){let l=o[a],i=r[l];i.distance===-1&&(i.distance=r[t].distance+1,i.parent=t,n.unshift(l))}}return r}function ue(e,r){return function(n){return r(e(n))}}function ge(e,r){let n=[r[e].parent,e],t=O[r[e].parent][e],o=r[e].parent;for(;r[o].parent;)n.unshift(r[o].parent),t=ue(O[r[o].parent][o],t),o=r[o].parent;return t.conversion=n,t}var fe=function(e){let r=he(e),n={},t=Object.keys(r);for(let o=t.length,s=0;s<o;s++){let a=t[s];r[a].parent!==null&&(n[a]=ge(a,r))}return n},L=K,be=fe,k={},de=Object.keys(L);function pe(e){let r=function(...n){let t=n[0];return t==null?t:(t.length>1&&(n=t),e(n))};return"conversion"in e&&(r.conversion=e.conversion),r}function me(e){let r=function(...n){let t=n[0];if(t==null)return t;t.length>1&&(n=t);let o=e(n);if(typeof o=="object")for(let s=o.length,a=0;a<s;a++)o[a]=Math.round(o[a]);return o};return"conversion"in e&&(r.conversion=e.conversion),r}de.forEach(e=>{k[e]={},Object.defineProperty(k[e],"channels",{value:L[e].channels}),Object.defineProperty(k[e],"labels",{value:L[e].labels});let r=be(e);Object.keys(r).forEach(n=>{let t=r[n];k[e][n]=me(t),k[e][n].raw=pe(t)})});var ye=k,M=le,m=ye,Q=["keyword","gray","hex"],z={};for(let e of Object.keys(m))z[[...m[e].labels].sort().join("")]=e;var F={};function d(e,r){if(!(this instanceof d))return new d(e,r);if(r&&r in Q&&(r=null),r&&!(r in m))throw new Error("Unknown model: "+r);let n,t;if(e==null)this.model="rgb",this.color=[0,0,0],this.valpha=1;else if(e instanceof d)this.model=e.model,this.color=[...e.color],this.valpha=e.valpha;else if(typeof e=="string"){let o=M.get(e);if(o===null)throw new Error("Unable to parse color from string: "+e);this.model=o.model,t=m[this.model].channels,this.color=o.value.slice(0,t),this.valpha=typeof o.value[t]=="number"?o.value[t]:1}else if(e.length>0){this.model=r||"rgb",t=m[this.model].channels;let o=Array.prototype.slice.call(e,0,t);this.color=B(o,t),this.valpha=typeof e[t]=="number"?e[t]:1}else if(typeof e=="number")this.model="rgb",this.color=[e>>16&255,e>>8&255,e&255],this.valpha=1;else{this.valpha=1;let o=Object.keys(e);"alpha"in e&&(o.splice(o.indexOf("alpha"),1),this.valpha=typeof e.alpha=="number"?e.alpha:0);let s=o.sort().join("");if(!(s in z))throw new Error("Unable to parse color from object: "+JSON.stringify(e));this.model=z[s];let{labels:a}=m[this.model],l=[];for(n=0;n<a.length;n++)l.push(e[a[n]]);this.color=B(l)}if(F[this.model])for(t=m[this.model].channels,n=0;n<t;n++){let o=F[this.model][n];o&&(this.color[n]=o(this.color[n]))}this.valpha=Math.max(0,Math.min(1,this.valpha)),Object.freeze&&Object.freeze(this)}d.prototype={toString(){return this.string()},toJSON(){return this[this.model]()},string(e){let r=this.model in M.to?this:this.rgb();r=r.round(typeof e=="number"?e:1);let n=r.valpha===1?r.color:[...r.color,this.valpha];return M.to[r.model](n)},percentString(e){let r=this.rgb().round(typeof e=="number"?e:1),n=r.valpha===1?r.color:[...r.color,this.valpha];return M.to.rgb.percent(n)},array(){return this.valpha===1?[...this.color]:[...this.color,this.valpha]},object(){let e={},{channels:r}=m[this.model],{labels:n}=m[this.model];for(let t=0;t<r;t++)e[n[t]]=this.color[t];return this.valpha!==1&&(e.alpha=this.valpha),e},unitArray(){let e=this.rgb().color;return e[0]/=255,e[1]/=255,e[2]/=255,this.valpha!==1&&e.push(this.valpha),e},unitObject(){let e=this.rgb().object();return e.r/=255,e.g/=255,e.b/=255,this.valpha!==1&&(e.alpha=this.valpha),e},round(e){return e=Math.max(e||0,0),new d([...this.color.map(we(e)),this.valpha],this.model)},alpha(e){return e!==void 0?new d([...this.color,Math.max(0,Math.min(1,e))],this.model):this.valpha},red:u("rgb",0,b(255)),green:u("rgb",1,b(255)),blue:u("rgb",2,b(255)),hue:u(["hsl","hsv","hsl","hwb","hcg"],0,e=>(e%360+360)%360),saturationl:u("hsl",1,b(100)),lightness:u("hsl",2,b(100)),saturationv:u("hsv",1,b(100)),value:u("hsv",2,b(100)),chroma:u("hcg",1,b(100)),gray:u("hcg",2,b(100)),white:u("hwb",1,b(100)),wblack:u("hwb",2,b(100)),cyan:u("cmyk",0,b(100)),magenta:u("cmyk",1,b(100)),yellow:u("cmyk",2,b(100)),black:u("cmyk",3,b(100)),x:u("xyz",0,b(95.047)),y:u("xyz",1,b(100)),z:u("xyz",2,b(108.833)),l:u("lab",0,b(100)),a:u("lab",1),b:u("lab",2),keyword(e){return e!==void 0?new d(e):m[this.model].keyword(this.color)},hex(e){return e!==void 0?new d(e):M.to.hex(this.rgb().round().color)},hexa(e){if(e!==void 0)return new d(e);let r=this.rgb().round().color,n=Math.round(this.valpha*255).toString(16).toUpperCase();return n.length===1&&(n="0"+n),M.to.hex(r)+n},rgbNumber(){let e=this.rgb().color;return(e[0]&255)<<16|(e[1]&255)<<8|e[2]&255},luminosity(){let e=this.rgb().color,r=[];for(let[n,t]of e.entries()){let o=t/255;r[n]=o<=.04045?o/12.92:((o+.055)/1.055)**2.4}return .2126*r[0]+.7152*r[1]+.0722*r[2]},contrast(e){let r=this.luminosity(),n=e.luminosity();return r>n?(r+.05)/(n+.05):(n+.05)/(r+.05)},level(e){let r=this.contrast(e);return r>=7?"AAA":r>=4.5?"AA":""},isDark(){let e=this.rgb().color;return(e[0]*2126+e[1]*7152+e[2]*722)/1e4<128},isLight(){return!this.isDark()},negate(){let e=this.rgb();for(let r=0;r<3;r++)e.color[r]=255-e.color[r];return e},lighten(e){let r=this.hsl();return r.color[2]+=r.color[2]*e,r},darken(e){let r=this.hsl();return r.color[2]-=r.color[2]*e,r},saturate(e){let r=this.hsl();return r.color[1]+=r.color[1]*e,r},desaturate(e){let r=this.hsl();return r.color[1]-=r.color[1]*e,r},whiten(e){let r=this.hwb();return r.color[1]+=r.color[1]*e,r},blacken(e){let r=this.hwb();return r.color[2]+=r.color[2]*e,r},grayscale(){let e=this.rgb().color,r=e[0]*.3+e[1]*.59+e[2]*.11;return d.rgb(r,r,r)},fade(e){return this.alpha(this.valpha-this.valpha*e)},opaquer(e){return this.alpha(this.valpha+this.valpha*e)},rotate(e){let r=this.hsl(),n=r.color[0];return n=(n+e)%360,n=n<0?360+n:n,r.color[0]=n,r},mix(e,r){if(!e||!e.rgb)throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof e);let n=e.rgb(),t=this.rgb(),o=r===void 0?.5:r,s=2*o-1,a=n.alpha()-t.alpha(),l=((s*a===-1?s:(s+a)/(1+s*a))+1)/2,i=1-l;return d.rgb(l*n.red()+i*t.red(),l*n.green()+i*t.green(),l*n.blue()+i*t.blue(),n.alpha()*o+t.alpha()*(1-o))}};for(let e of Object.keys(m)){if(Q.includes(e))continue;let{channels:r}=m[e];d.prototype[e]=function(...n){return this.model===e?new d(this):n.length>0?new d(n,e):new d([...Se(m[this.model][e].raw(this.color)),this.valpha],e)},d[e]=function(...n){let t=n[0];return typeof t=="number"&&(t=B(n,r)),new d(t,e)}}function ve(e,r){return Number(e.toFixed(r))}function we(e){return function(r){return ve(r,e)}}function u(e,r,n){e=Array.isArray(e)?e:[e];for(let t of e)(F[t]||(F[t]=[]))[r]=n;return e=e[0],function(t){let o;return t!==void 0?(n&&(t=n(t)),o=this[e](),o.color[r]=t,o):(o=this[e]().color[r],n&&(o=n(o)),o)}}function b(e){return function(r){return Math.max(0,Math.min(e,r))}}function Se(e){return Array.isArray(e)?e:[e]}function B(e,r){for(let n=0;n<r;n++)typeof e[n]!="number"&&(e[n]=0);return e}var ke=d,Me=G(ke),Be={channel:"channel",channels:"channels",colorField:"color-field",colorFieldScope:"scope--color-field",colorMode:"color-mode",colorModeContainer:"color-mode-container",container:"container",control:"control",controlAndScope:"control-and-scope",controlSection:"control-section",deleteColor:"delete-color",header:"header",hexAndChannelsGroup:"hex-and-channels-group",hexOptions:"color-hex-options",hueScope:"scope--hue",hueSlider:"hue-slider",opacityScope:"scope--opacity",opacitySlider:"opacity-slider",preview:"preview",previewAndSliders:"preview-and-sliders",saveColor:"save-color",savedColor:"saved-color",savedColors:"saved-colors",savedColorsButtons:"saved-colors-buttons",savedColorsSection:"saved-colors-section",scope:"scope",section:"section",slider:"slider",sliders:"sliders",splitSection:"section--split"},Ee=Me("#007AC2"),Ge="calcite-color-",Re={r:255,g:255,b:255},xe={h:360,s:100,v:100},_e=xe.h-1,Ie={min:0,max:100},Ae={s:{gap:parseInt(R),slider:{height:12},thumb:{radius:7},preview:{size:20},minWidth:200},m:{gap:parseInt(_),slider:{height:12},thumb:{radius:7},preview:{size:24},minWidth:240},l:{gap:parseInt(I),slider:{height:12},thumb:{radius:7},preview:{size:32},minWidth:304}},qe=1,Ne=/^[0-9A-F]$/i,He=/^#[0-9A-F]{3}$/i,Ce=/^#[0-9A-F]{6}$/i,je=/^#[0-9A-F]{4}$/i,$e=/^#[0-9A-F]{8}$/i,Ve=e=>Number((e*100).toFixed()),We=e=>Number((e/100).toFixed(2));function T(e,r=!1){return E(e,r)||Oe(e,r)}function Y(e,r,n){return e?e.length===r&&n.test(e):!1}function E(e,r=!1){return Y(e,r?5:4,r?je:He)}function Oe(e,r=!1){return Y(e,r?9:7,r?$e:Ce)}function Xe(e,r=!1,n=!1){if(e=e.toLowerCase(),e.startsWith("#")||(e=`#${e}`),E(e,r))return N(V(e,r));if(r&&n&&T(e,!1)){let t=E(e,!1);return N(V(`${e}${t?"f":"ff"}`,!0))}return e}function Pe(e,r=!1){return r?e.hexa():e.hex()}function N(e){let{r,g:n,b:t}=e,o=$(r),s=$(n),a=$(t),l="a"in e?$(e.a*255):"";return`#${o}${s}${a}${l}`.toLowerCase()}function $(e){return e.toString(16).padStart(2,"0")}function Ue(e){let r={...e,a:e.alpha??1};return delete r.alpha,r}function De(e){let r={...e,alpha:e.a??1};return delete r.a,r}function V(e,r=!1){if(!T(e,r))return null;e=e.replace("#","");let n,t,o,s;if(e.length===3||e.length===4){let[a,l,i,h]=e.split("");n=parseInt(`${a}${a}`,16),t=parseInt(`${l}${l}`,16),o=parseInt(`${i}${i}`,16),s=parseInt(`${h}${h}`,16)/255}else n=parseInt(e.slice(0,2),16),t=parseInt(e.slice(2,4),16),o=parseInt(e.slice(4,6),16),s=parseInt(e.slice(6,8),16)/255;return isNaN(s)?{r:n,g:t,b:o}:{r:n,g:t,b:o,a:s}}var Z=e=>e,g=Z({HEX:"hex",HEXA:"hexa",RGB_CSS:"rgb-css",RGBA_CSS:"rgba-css",HSL_CSS:"hsl-css",HSLA_CSS:"hsla-css"}),f=Z({RGB:"rgb",RGBA:"rgba",HSL:"hsl",HSLA:"hsla",HSV:"hsv",HSVA:"hsva"});function Je(e){if(typeof e=="string"){if(e.startsWith("#")){let{length:r}=e;if(r===4||r===7)return g.HEX;if(r===5||r===9)return g.HEXA}if(e.startsWith("rgba("))return g.RGBA_CSS;if(e.startsWith("rgb("))return g.RGB_CSS;if(e.startsWith("hsl("))return g.HSL_CSS;if(e.startsWith("hsla("))return g.HSLA_CSS}if(typeof e=="object"){if(S(e,"r","g","b"))return S(e,"a")?f.RGBA:f.RGB;if(S(e,"h","s","l"))return S(e,"a")?f.HSLA:f.HSL;if(S(e,"h","s","v"))return S(e,"a")?f.HSVA:f.HSV}return null}function S(e,...r){return r.every(n=>n&&e&&`${n}`in e)}function Ke(e,r){return e?.rgb().array().toString()===r?.rgb().array().toString()}function Qe(e){return e===g.HEXA||e===g.RGBA_CSS||e===g.HSLA_CSS||e===f.RGBA||e===f.HSLA||e===f.HSVA}function Te(e){return e===g.HEX?g.HEXA:e===g.RGB_CSS?g.RGBA_CSS:e===g.HSL_CSS?g.HSLA_CSS:e===f.RGB?f.RGBA:e===f.HSL?f.HSLA:e===f.HSV?f.HSVA:e}function Ye(e){return e===g.HEXA?g.HEX:e===g.RGBA_CSS?g.RGB_CSS:e===g.HSLA_CSS?g.HSL_CSS:e===f.RGBA?f.RGB:e===f.HSLA?f.HSL:e===f.HSVA?f.HSV:e}var Fe=1,ee=Fe*2;function Ze(e,r,n){let t=n?Ae.l.preview.size:r.preview.size,o=e-ee,s=r.gap*3;return Math.max(o-s-t,0)}function er(e){let r=e-ee;return{width:Math.max(r,0),height:Math.max(Math.floor(r/1.8),0)}}export{Me as a,Be as b,Ee as c,Ge as d,Re as e,xe as f,_e as g,Ie as h,Ae as i,qe as j,Ne as k,Ve as l,We as m,T as n,E as o,Oe as p,Xe as q,Pe as r,N as s,Ue as t,De as u,V as v,g as w,Je as x,Ke as y,Qe as z,Te as A,Ye as B,Ze as C,er as D};
+v3.0.1 */
+import{b as G}from"./7CQS22FK.js";import{e as R,f as _,g as I}from"./LWAXFXVK.js";var W={exports:{}},X={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},P={exports:{}},ne=function(e){return!e||typeof e=="string"?!1:e instanceof Array||Array.isArray(e)||e.length>=0&&(e.splice instanceof Function||Object.getOwnPropertyDescriptor(e,e.length-1)&&e.constructor.name!=="String")},te=ne,oe=Array.prototype.concat,ae=Array.prototype.slice,q=P.exports=function(e){for(var r=[],n=0,t=e.length;n<t;n++){var o=e[n];te(o)?r=oe.call(r,ae.call(o)):r.push(o)}return r};q.wrap=function(e){return function(){return e(q(arguments))}};var se=P.exports,x=X,H=se,U=Object.hasOwnProperty,D=Object.create(null);for(C in x)U.call(x,C)&&(D[x[C]]=C);var C,y=W.exports={to:{},get:{}};y.get=function(e){var r=e.substring(0,3).toLowerCase(),n,t;switch(r){case"hsl":n=y.get.hsl(e),t="hsl";break;case"hwb":n=y.get.hwb(e),t="hwb";break;default:n=y.get.rgb(e),t="rgb";break}return n?{model:t,value:n}:null};y.get.rgb=function(e){if(!e)return null;var r=/^#([a-f0-9]{3,4})$/i,n=/^#([a-f0-9]{6})([a-f0-9]{2})?$/i,t=/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/,o=/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/,s=/^(\w+)$/,a=[0,0,0,1],l,i,h;if(l=e.match(n)){for(h=l[2],l=l[1],i=0;i<3;i++){var p=i*2;a[i]=parseInt(l.slice(p,p+2),16)}h&&(a[3]=parseInt(h,16)/255)}else if(l=e.match(r)){for(l=l[1],h=l[3],i=0;i<3;i++)a[i]=parseInt(l[i]+l[i],16);h&&(a[3]=parseInt(h+h,16)/255)}else if(l=e.match(t)){for(i=0;i<3;i++)a[i]=parseInt(l[i+1],0);l[4]&&(l[5]?a[3]=parseFloat(l[4])*.01:a[3]=parseFloat(l[4]))}else if(l=e.match(o)){for(i=0;i<3;i++)a[i]=Math.round(parseFloat(l[i+1])*2.55);l[4]&&(l[5]?a[3]=parseFloat(l[4])*.01:a[3]=parseFloat(l[4]))}else return(l=e.match(s))?l[1]==="transparent"?[0,0,0,0]:U.call(x,l[1])?(a=x[l[1]],a[3]=1,a):null:null;for(i=0;i<3;i++)a[i]=w(a[i],0,255);return a[3]=w(a[3],0,1),a};y.get.hsl=function(e){if(!e)return null;var r=/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/,n=e.match(r);if(n){var t=parseFloat(n[4]),o=(parseFloat(n[1])%360+360)%360,s=w(parseFloat(n[2]),0,100),a=w(parseFloat(n[3]),0,100),l=w(isNaN(t)?1:t,0,1);return[o,s,a,l]}return null};y.get.hwb=function(e){if(!e)return null;var r=/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/,n=e.match(r);if(n){var t=parseFloat(n[4]),o=(parseFloat(n[1])%360+360)%360,s=w(parseFloat(n[2]),0,100),a=w(parseFloat(n[3]),0,100),l=w(isNaN(t)?1:t,0,1);return[o,s,a,l]}return null};y.to.hex=function(){var e=H(arguments);return"#"+j(e[0])+j(e[1])+j(e[2])+(e[3]<1?j(Math.round(e[3]*255)):"")};y.to.rgb=function(){var e=H(arguments);return e.length<4||e[3]===1?"rgb("+Math.round(e[0])+", "+Math.round(e[1])+", "+Math.round(e[2])+")":"rgba("+Math.round(e[0])+", "+Math.round(e[1])+", "+Math.round(e[2])+", "+e[3]+")"};y.to.rgb.percent=function(){var e=H(arguments),r=Math.round(e[0]/255*100),n=Math.round(e[1]/255*100),t=Math.round(e[2]/255*100);return e.length<4||e[3]===1?"rgb("+r+"%, "+n+"%, "+t+"%)":"rgba("+r+"%, "+n+"%, "+t+"%, "+e[3]+")"};y.to.hsl=function(){var e=H(arguments);return e.length<4||e[3]===1?"hsl("+e[0]+", "+e[1]+"%, "+e[2]+"%)":"hsla("+e[0]+", "+e[1]+"%, "+e[2]+"%, "+e[3]+")"};y.to.hwb=function(){var e=H(arguments),r="";return e.length>=4&&e[3]!==1&&(r=", "+e[3]),"hwb("+e[0]+", "+e[1]+"%, "+e[2]+"%"+r+")"};y.to.keyword=function(e){return D[e.slice(0,3)]};function w(e,r,n){return Math.min(Math.max(r,e),n)}function j(e){var r=Math.round(e).toString(16).toUpperCase();return r.length<2?"0"+r:r}var le=W.exports,A=X,J={};for(let e of Object.keys(A))J[A[e]]=e;var c={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}},K=c;for(let e of Object.keys(c)){if(!("channels"in c[e]))throw new Error("missing channels property: "+e);if(!("labels"in c[e]))throw new Error("missing channel labels property: "+e);if(c[e].labels.length!==c[e].channels)throw new Error("channel and label counts mismatch: "+e);let{channels:r,labels:n}=c[e];delete c[e].channels,delete c[e].labels,Object.defineProperty(c[e],"channels",{value:r}),Object.defineProperty(c[e],"labels",{value:n})}c.rgb.hsl=function(e){let r=e[0]/255,n=e[1]/255,t=e[2]/255,o=Math.min(r,n,t),s=Math.max(r,n,t),a=s-o,l,i;s===o?l=0:r===s?l=(n-t)/a:n===s?l=2+(t-r)/a:t===s&&(l=4+(r-n)/a),l=Math.min(l*60,360),l<0&&(l+=360);let h=(o+s)/2;return s===o?i=0:h<=.5?i=a/(s+o):i=a/(2-s-o),[l,i*100,h*100]};c.rgb.hsv=function(e){let r,n,t,o,s,a=e[0]/255,l=e[1]/255,i=e[2]/255,h=Math.max(a,l,i),p=h-Math.min(a,l,i),v=function(re){return(h-re)/6/p+1/2};return p===0?(o=0,s=0):(s=p/h,r=v(a),n=v(l),t=v(i),a===h?o=t-n:l===h?o=1/3+r-t:i===h&&(o=2/3+n-r),o<0?o+=1:o>1&&(o-=1)),[o*360,s*100,h*100]};c.rgb.hwb=function(e){let r=e[0],n=e[1],t=e[2],o=c.rgb.hsl(e)[0],s=1/255*Math.min(r,Math.min(n,t));return t=1-1/255*Math.max(r,Math.max(n,t)),[o,s*100,t*100]};c.rgb.cmyk=function(e){let r=e[0]/255,n=e[1]/255,t=e[2]/255,o=Math.min(1-r,1-n,1-t),s=(1-r-o)/(1-o)||0,a=(1-n-o)/(1-o)||0,l=(1-t-o)/(1-o)||0;return[s*100,a*100,l*100,o*100]};function ie(e,r){return(e[0]-r[0])**2+(e[1]-r[1])**2+(e[2]-r[2])**2}c.rgb.keyword=function(e){let r=J[e];if(r)return r;let n=1/0,t;for(let o of Object.keys(A)){let s=A[o],a=ie(e,s);a<n&&(n=a,t=o)}return t};c.keyword.rgb=function(e){return A[e]};c.rgb.xyz=function(e){let r=e[0]/255,n=e[1]/255,t=e[2]/255;r=r>.04045?((r+.055)/1.055)**2.4:r/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,t=t>.04045?((t+.055)/1.055)**2.4:t/12.92;let o=r*.4124+n*.3576+t*.1805,s=r*.2126+n*.7152+t*.0722,a=r*.0193+n*.1192+t*.9505;return[o*100,s*100,a*100]};c.rgb.lab=function(e){let r=c.rgb.xyz(e),n=r[0],t=r[1],o=r[2];n/=95.047,t/=100,o/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,t=t>.008856?t**(1/3):7.787*t+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;let s=116*t-16,a=500*(n-t),l=200*(t-o);return[s,a,l]};c.hsl.rgb=function(e){let r=e[0]/360,n=e[1]/100,t=e[2]/100,o,s,a;if(n===0)return a=t*255,[a,a,a];t<.5?o=t*(1+n):o=t+n-t*n;let l=2*t-o,i=[0,0,0];for(let h=0;h<3;h++)s=r+1/3*-(h-1),s<0&&s++,s>1&&s--,6*s<1?a=l+(o-l)*6*s:2*s<1?a=o:3*s<2?a=l+(o-l)*(2/3-s)*6:a=l,i[h]=a*255;return i};c.hsl.hsv=function(e){let r=e[0],n=e[1]/100,t=e[2]/100,o=n,s=Math.max(t,.01);t*=2,n*=t<=1?t:2-t,o*=s<=1?s:2-s;let a=(t+n)/2,l=t===0?2*o/(s+o):2*n/(t+n);return[r,l*100,a*100]};c.hsv.rgb=function(e){let r=e[0]/60,n=e[1]/100,t=e[2]/100,o=Math.floor(r)%6,s=r-Math.floor(r),a=255*t*(1-n),l=255*t*(1-n*s),i=255*t*(1-n*(1-s));switch(t*=255,o){case 0:return[t,i,a];case 1:return[l,t,a];case 2:return[a,t,i];case 3:return[a,l,t];case 4:return[i,a,t];case 5:return[t,a,l]}};c.hsv.hsl=function(e){let r=e[0],n=e[1]/100,t=e[2]/100,o=Math.max(t,.01),s,a;a=(2-n)*t;let l=(2-n)*o;return s=n*o,s/=l<=1?l:2-l,s=s||0,a/=2,[r,s*100,a*100]};c.hwb.rgb=function(e){let r=e[0]/360,n=e[1]/100,t=e[2]/100,o=n+t,s;o>1&&(n/=o,t/=o);let a=Math.floor(6*r),l=1-t;s=6*r-a,a&1&&(s=1-s);let i=n+s*(l-n),h,p,v;switch(a){default:case 6:case 0:h=l,p=i,v=n;break;case 1:h=i,p=l,v=n;break;case 2:h=n,p=l,v=i;break;case 3:h=n,p=i,v=l;break;case 4:h=i,p=n,v=l;break;case 5:h=l,p=n,v=i;break}return[h*255,p*255,v*255]};c.cmyk.rgb=function(e){let r=e[0]/100,n=e[1]/100,t=e[2]/100,o=e[3]/100,s=1-Math.min(1,r*(1-o)+o),a=1-Math.min(1,n*(1-o)+o),l=1-Math.min(1,t*(1-o)+o);return[s*255,a*255,l*255]};c.xyz.rgb=function(e){let r=e[0]/100,n=e[1]/100,t=e[2]/100,o,s,a;return o=r*3.2406+n*-1.5372+t*-.4986,s=r*-.9689+n*1.8758+t*.0415,a=r*.0557+n*-.204+t*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92,a=a>.0031308?1.055*a**(1/2.4)-.055:a*12.92,o=Math.min(Math.max(0,o),1),s=Math.min(Math.max(0,s),1),a=Math.min(Math.max(0,a),1),[o*255,s*255,a*255]};c.xyz.lab=function(e){let r=e[0],n=e[1],t=e[2];r/=95.047,n/=100,t/=108.883,r=r>.008856?r**(1/3):7.787*r+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,t=t>.008856?t**(1/3):7.787*t+16/116;let o=116*n-16,s=500*(r-n),a=200*(n-t);return[o,s,a]};c.lab.xyz=function(e){let r=e[0],n=e[1],t=e[2],o,s,a;s=(r+16)/116,o=n/500+s,a=s-t/200;let l=s**3,i=o**3,h=a**3;return s=l>.008856?l:(s-16/116)/7.787,o=i>.008856?i:(o-16/116)/7.787,a=h>.008856?h:(a-16/116)/7.787,o*=95.047,s*=100,a*=108.883,[o,s,a]};c.lab.lch=function(e){let r=e[0],n=e[1],t=e[2],o;o=Math.atan2(t,n)*360/2/Math.PI,o<0&&(o+=360);let s=Math.sqrt(n*n+t*t);return[r,s,o]};c.lch.lab=function(e){let r=e[0],n=e[1],t=e[2]/360*2*Math.PI,o=n*Math.cos(t),s=n*Math.sin(t);return[r,o,s]};c.rgb.ansi16=function(e,r=null){let[n,t,o]=e,s=r===null?c.rgb.hsv(e)[2]:r;if(s=Math.round(s/50),s===0)return 30;let a=30+(Math.round(o/255)<<2|Math.round(t/255)<<1|Math.round(n/255));return s===2&&(a+=60),a};c.hsv.ansi16=function(e){return c.rgb.ansi16(c.hsv.rgb(e),e[2])};c.rgb.ansi256=function(e){let r=e[0],n=e[1],t=e[2];return r===n&&n===t?r<8?16:r>248?231:Math.round((r-8)/247*24)+232:16+36*Math.round(r/255*5)+6*Math.round(n/255*5)+Math.round(t/255*5)};c.ansi16.rgb=function(e){let r=e%10;if(r===0||r===7)return e>50&&(r+=3.5),r=r/10.5*255,[r,r,r];let n=(~~(e>50)+1)*.5,t=(r&1)*n*255,o=(r>>1&1)*n*255,s=(r>>2&1)*n*255;return[t,o,s]};c.ansi256.rgb=function(e){if(e>=232){let s=(e-232)*10+8;return[s,s,s]}e-=16;let r,n=Math.floor(e/36)/5*255,t=Math.floor((r=e%36)/6)/5*255,o=r%6/5*255;return[n,t,o]};c.rgb.hex=function(e){let r=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(r.length)+r};c.hex.rgb=function(e){let r=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!r)return[0,0,0];let n=r[0];r[0].length===3&&(n=n.split("").map(l=>l+l).join(""));let t=parseInt(n,16),o=t>>16&255,s=t>>8&255,a=t&255;return[o,s,a]};c.rgb.hcg=function(e){let r=e[0]/255,n=e[1]/255,t=e[2]/255,o=Math.max(Math.max(r,n),t),s=Math.min(Math.min(r,n),t),a=o-s,l,i;return a<1?l=s/(1-a):l=0,a<=0?i=0:o===r?i=(n-t)/a%6:o===n?i=2+(t-r)/a:i=4+(r-n)/a,i/=6,i%=1,[i*360,a*100,l*100]};c.hsl.hcg=function(e){let r=e[1]/100,n=e[2]/100,t=n<.5?2*r*n:2*r*(1-n),o=0;return t<1&&(o=(n-.5*t)/(1-t)),[e[0],t*100,o*100]};c.hsv.hcg=function(e){let r=e[1]/100,n=e[2]/100,t=r*n,o=0;return t<1&&(o=(n-t)/(1-t)),[e[0],t*100,o*100]};c.hcg.rgb=function(e){let r=e[0]/360,n=e[1]/100,t=e[2]/100;if(n===0)return[t*255,t*255,t*255];let o=[0,0,0],s=r%1*6,a=s%1,l=1-a,i=0;switch(Math.floor(s)){case 0:o[0]=1,o[1]=a,o[2]=0;break;case 1:o[0]=l,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=a;break;case 3:o[0]=0,o[1]=l,o[2]=1;break;case 4:o[0]=a,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=l}return i=(1-n)*t,[(n*o[0]+i)*255,(n*o[1]+i)*255,(n*o[2]+i)*255]};c.hcg.hsv=function(e){let r=e[1]/100,n=e[2]/100,t=r+n*(1-r),o=0;return t>0&&(o=r/t),[e[0],o*100,t*100]};c.hcg.hsl=function(e){let r=e[1]/100,n=e[2]/100*(1-r)+.5*r,t=0;return n>0&&n<.5?t=r/(2*n):n>=.5&&n<1&&(t=r/(2*(1-n))),[e[0],t*100,n*100]};c.hcg.hwb=function(e){let r=e[1]/100,n=e[2]/100,t=r+n*(1-r);return[e[0],(t-r)*100,(1-t)*100]};c.hwb.hcg=function(e){let r=e[1]/100,n=1-e[2]/100,t=n-r,o=0;return t<1&&(o=(n-t)/(1-t)),[e[0],t*100,o*100]};c.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]};c.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]};c.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]};c.gray.hsl=function(e){return[0,0,e[0]]};c.gray.hsv=c.gray.hsl;c.gray.hwb=function(e){return[0,100,e[0]]};c.gray.cmyk=function(e){return[0,0,0,e[0]]};c.gray.lab=function(e){return[e[0],0,0]};c.gray.hex=function(e){let r=Math.round(e[0]/100*255)&255,n=((r<<16)+(r<<8)+r).toString(16).toUpperCase();return"000000".substring(n.length)+n};c.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]};var O=K;function ce(){let e={},r=Object.keys(O);for(let n=r.length,t=0;t<n;t++)e[r[t]]={distance:-1,parent:null};return e}function he(e){let r=ce(),n=[e];for(r[e].distance=0;n.length;){let t=n.pop(),o=Object.keys(O[t]);for(let s=o.length,a=0;a<s;a++){let l=o[a],i=r[l];i.distance===-1&&(i.distance=r[t].distance+1,i.parent=t,n.unshift(l))}}return r}function ue(e,r){return function(n){return r(e(n))}}function ge(e,r){let n=[r[e].parent,e],t=O[r[e].parent][e],o=r[e].parent;for(;r[o].parent;)n.unshift(r[o].parent),t=ue(O[r[o].parent][o],t),o=r[o].parent;return t.conversion=n,t}var fe=function(e){let r=he(e),n={},t=Object.keys(r);for(let o=t.length,s=0;s<o;s++){let a=t[s];r[a].parent!==null&&(n[a]=ge(a,r))}return n},L=K,be=fe,k={},de=Object.keys(L);function pe(e){let r=function(...n){let t=n[0];return t==null?t:(t.length>1&&(n=t),e(n))};return"conversion"in e&&(r.conversion=e.conversion),r}function me(e){let r=function(...n){let t=n[0];if(t==null)return t;t.length>1&&(n=t);let o=e(n);if(typeof o=="object")for(let s=o.length,a=0;a<s;a++)o[a]=Math.round(o[a]);return o};return"conversion"in e&&(r.conversion=e.conversion),r}de.forEach(e=>{k[e]={},Object.defineProperty(k[e],"channels",{value:L[e].channels}),Object.defineProperty(k[e],"labels",{value:L[e].labels});let r=be(e);Object.keys(r).forEach(n=>{let t=r[n];k[e][n]=me(t),k[e][n].raw=pe(t)})});var ye=k,M=le,m=ye,Q=["keyword","gray","hex"],z={};for(let e of Object.keys(m))z[[...m[e].labels].sort().join("")]=e;var F={};function d(e,r){if(!(this instanceof d))return new d(e,r);if(r&&r in Q&&(r=null),r&&!(r in m))throw new Error("Unknown model: "+r);let n,t;if(e==null)this.model="rgb",this.color=[0,0,0],this.valpha=1;else if(e instanceof d)this.model=e.model,this.color=[...e.color],this.valpha=e.valpha;else if(typeof e=="string"){let o=M.get(e);if(o===null)throw new Error("Unable to parse color from string: "+e);this.model=o.model,t=m[this.model].channels,this.color=o.value.slice(0,t),this.valpha=typeof o.value[t]=="number"?o.value[t]:1}else if(e.length>0){this.model=r||"rgb",t=m[this.model].channels;let o=Array.prototype.slice.call(e,0,t);this.color=B(o,t),this.valpha=typeof e[t]=="number"?e[t]:1}else if(typeof e=="number")this.model="rgb",this.color=[e>>16&255,e>>8&255,e&255],this.valpha=1;else{this.valpha=1;let o=Object.keys(e);"alpha"in e&&(o.splice(o.indexOf("alpha"),1),this.valpha=typeof e.alpha=="number"?e.alpha:0);let s=o.sort().join("");if(!(s in z))throw new Error("Unable to parse color from object: "+JSON.stringify(e));this.model=z[s];let{labels:a}=m[this.model],l=[];for(n=0;n<a.length;n++)l.push(e[a[n]]);this.color=B(l)}if(F[this.model])for(t=m[this.model].channels,n=0;n<t;n++){let o=F[this.model][n];o&&(this.color[n]=o(this.color[n]))}this.valpha=Math.max(0,Math.min(1,this.valpha)),Object.freeze&&Object.freeze(this)}d.prototype={toString(){return this.string()},toJSON(){return this[this.model]()},string(e){let r=this.model in M.to?this:this.rgb();r=r.round(typeof e=="number"?e:1);let n=r.valpha===1?r.color:[...r.color,this.valpha];return M.to[r.model](n)},percentString(e){let r=this.rgb().round(typeof e=="number"?e:1),n=r.valpha===1?r.color:[...r.color,this.valpha];return M.to.rgb.percent(n)},array(){return this.valpha===1?[...this.color]:[...this.color,this.valpha]},object(){let e={},{channels:r}=m[this.model],{labels:n}=m[this.model];for(let t=0;t<r;t++)e[n[t]]=this.color[t];return this.valpha!==1&&(e.alpha=this.valpha),e},unitArray(){let e=this.rgb().color;return e[0]/=255,e[1]/=255,e[2]/=255,this.valpha!==1&&e.push(this.valpha),e},unitObject(){let e=this.rgb().object();return e.r/=255,e.g/=255,e.b/=255,this.valpha!==1&&(e.alpha=this.valpha),e},round(e){return e=Math.max(e||0,0),new d([...this.color.map(we(e)),this.valpha],this.model)},alpha(e){return e!==void 0?new d([...this.color,Math.max(0,Math.min(1,e))],this.model):this.valpha},red:u("rgb",0,b(255)),green:u("rgb",1,b(255)),blue:u("rgb",2,b(255)),hue:u(["hsl","hsv","hsl","hwb","hcg"],0,e=>(e%360+360)%360),saturationl:u("hsl",1,b(100)),lightness:u("hsl",2,b(100)),saturationv:u("hsv",1,b(100)),value:u("hsv",2,b(100)),chroma:u("hcg",1,b(100)),gray:u("hcg",2,b(100)),white:u("hwb",1,b(100)),wblack:u("hwb",2,b(100)),cyan:u("cmyk",0,b(100)),magenta:u("cmyk",1,b(100)),yellow:u("cmyk",2,b(100)),black:u("cmyk",3,b(100)),x:u("xyz",0,b(95.047)),y:u("xyz",1,b(100)),z:u("xyz",2,b(108.833)),l:u("lab",0,b(100)),a:u("lab",1),b:u("lab",2),keyword(e){return e!==void 0?new d(e):m[this.model].keyword(this.color)},hex(e){return e!==void 0?new d(e):M.to.hex(this.rgb().round().color)},hexa(e){if(e!==void 0)return new d(e);let r=this.rgb().round().color,n=Math.round(this.valpha*255).toString(16).toUpperCase();return n.length===1&&(n="0"+n),M.to.hex(r)+n},rgbNumber(){let e=this.rgb().color;return(e[0]&255)<<16|(e[1]&255)<<8|e[2]&255},luminosity(){let e=this.rgb().color,r=[];for(let[n,t]of e.entries()){let o=t/255;r[n]=o<=.04045?o/12.92:((o+.055)/1.055)**2.4}return .2126*r[0]+.7152*r[1]+.0722*r[2]},contrast(e){let r=this.luminosity(),n=e.luminosity();return r>n?(r+.05)/(n+.05):(n+.05)/(r+.05)},level(e){let r=this.contrast(e);return r>=7?"AAA":r>=4.5?"AA":""},isDark(){let e=this.rgb().color;return(e[0]*2126+e[1]*7152+e[2]*722)/1e4<128},isLight(){return!this.isDark()},negate(){let e=this.rgb();for(let r=0;r<3;r++)e.color[r]=255-e.color[r];return e},lighten(e){let r=this.hsl();return r.color[2]+=r.color[2]*e,r},darken(e){let r=this.hsl();return r.color[2]-=r.color[2]*e,r},saturate(e){let r=this.hsl();return r.color[1]+=r.color[1]*e,r},desaturate(e){let r=this.hsl();return r.color[1]-=r.color[1]*e,r},whiten(e){let r=this.hwb();return r.color[1]+=r.color[1]*e,r},blacken(e){let r=this.hwb();return r.color[2]+=r.color[2]*e,r},grayscale(){let e=this.rgb().color,r=e[0]*.3+e[1]*.59+e[2]*.11;return d.rgb(r,r,r)},fade(e){return this.alpha(this.valpha-this.valpha*e)},opaquer(e){return this.alpha(this.valpha+this.valpha*e)},rotate(e){let r=this.hsl(),n=r.color[0];return n=(n+e)%360,n=n<0?360+n:n,r.color[0]=n,r},mix(e,r){if(!e||!e.rgb)throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof e);let n=e.rgb(),t=this.rgb(),o=r===void 0?.5:r,s=2*o-1,a=n.alpha()-t.alpha(),l=((s*a===-1?s:(s+a)/(1+s*a))+1)/2,i=1-l;return d.rgb(l*n.red()+i*t.red(),l*n.green()+i*t.green(),l*n.blue()+i*t.blue(),n.alpha()*o+t.alpha()*(1-o))}};for(let e of Object.keys(m)){if(Q.includes(e))continue;let{channels:r}=m[e];d.prototype[e]=function(...n){return this.model===e?new d(this):n.length>0?new d(n,e):new d([...Se(m[this.model][e].raw(this.color)),this.valpha],e)},d[e]=function(...n){let t=n[0];return typeof t=="number"&&(t=B(n,r)),new d(t,e)}}function ve(e,r){return Number(e.toFixed(r))}function we(e){return function(r){return ve(r,e)}}function u(e,r,n){e=Array.isArray(e)?e:[e];for(let t of e)(F[t]||(F[t]=[]))[r]=n;return e=e[0],function(t){let o;return t!==void 0?(n&&(t=n(t)),o=this[e](),o.color[r]=t,o):(o=this[e]().color[r],n&&(o=n(o)),o)}}function b(e){return function(r){return Math.max(0,Math.min(e,r))}}function Se(e){return Array.isArray(e)?e:[e]}function B(e,r){for(let n=0;n<r;n++)typeof e[n]!="number"&&(e[n]=0);return e}var ke=d,Me=G(ke),Be={channel:"channel",channels:"channels",colorField:"color-field",colorFieldScope:"scope--color-field",colorMode:"color-mode",colorModeContainer:"color-mode-container",container:"container",control:"control",controlAndScope:"control-and-scope",controlSection:"control-section",deleteColor:"delete-color",header:"header",hexAndChannelsGroup:"hex-and-channels-group",hexOptions:"color-hex-options",hueScope:"scope--hue",hueSlider:"hue-slider",opacityScope:"scope--opacity",opacitySlider:"opacity-slider",preview:"preview",previewAndSliders:"preview-and-sliders",saveColor:"save-color",savedColor:"saved-color",savedColors:"saved-colors",savedColorsButtons:"saved-colors-buttons",savedColorsSection:"saved-colors-section",scope:"scope",section:"section",slider:"slider",sliders:"sliders",splitSection:"section--split"},Ee=Me("#007AC2"),Ge="calcite-color-",Re={r:255,g:255,b:255},xe={h:360,s:100,v:100},_e=xe.h-1,Ie={min:0,max:100},Ae={s:{gap:parseInt(R),slider:{height:12},thumb:{radius:7},preview:{size:20},minWidth:200},m:{gap:parseInt(_),slider:{height:12},thumb:{radius:7},preview:{size:24},minWidth:240},l:{gap:parseInt(I),slider:{height:12},thumb:{radius:7},preview:{size:32},minWidth:304}},qe=1,Ne=/^[0-9A-F]$/i,He=/^#[0-9A-F]{3}$/i,Ce=/^#[0-9A-F]{6}$/i,je=/^#[0-9A-F]{4}$/i,$e=/^#[0-9A-F]{8}$/i,Ve=e=>Number((e*100).toFixed()),We=e=>Number((e/100).toFixed(2));function T(e,r=!1){return E(e,r)||Oe(e,r)}function Y(e,r,n){return e?e.length===r&&n.test(e):!1}function E(e,r=!1){return Y(e,r?5:4,r?je:He)}function Oe(e,r=!1){return Y(e,r?9:7,r?$e:Ce)}function Xe(e,r=!1,n=!1){if(e=e.toLowerCase(),e.startsWith("#")||(e=`#${e}`),E(e,r))return N(V(e,r));if(r&&n&&T(e,!1)){let t=E(e,!1);return N(V(`${e}${t?"f":"ff"}`,!0))}return e}function Pe(e,r=!1){return r?e.hexa():e.hex()}function N(e){let{r,g:n,b:t}=e,o=$(r),s=$(n),a=$(t),l="a"in e?$(e.a*255):"";return`#${o}${s}${a}${l}`.toLowerCase()}function $(e){return e.toString(16).padStart(2,"0")}function Ue(e){let r={...e,a:e.alpha??1};return delete r.alpha,r}function De(e){let r={...e,alpha:e.a??1};return delete r.a,r}function V(e,r=!1){if(!T(e,r))return null;e=e.replace("#","");let n,t,o,s;if(e.length===3||e.length===4){let[a,l,i,h]=e.split("");n=parseInt(`${a}${a}`,16),t=parseInt(`${l}${l}`,16),o=parseInt(`${i}${i}`,16),s=parseInt(`${h}${h}`,16)/255}else n=parseInt(e.slice(0,2),16),t=parseInt(e.slice(2,4),16),o=parseInt(e.slice(4,6),16),s=parseInt(e.slice(6,8),16)/255;return isNaN(s)?{r:n,g:t,b:o}:{r:n,g:t,b:o,a:s}}var Z=e=>e,g=Z({HEX:"hex",HEXA:"hexa",RGB_CSS:"rgb-css",RGBA_CSS:"rgba-css",HSL_CSS:"hsl-css",HSLA_CSS:"hsla-css"}),f=Z({RGB:"rgb",RGBA:"rgba",HSL:"hsl",HSLA:"hsla",HSV:"hsv",HSVA:"hsva"});function Je(e){if(typeof e=="string"){if(e.startsWith("#")){let{length:r}=e;if(r===4||r===7)return g.HEX;if(r===5||r===9)return g.HEXA}if(e.startsWith("rgba("))return g.RGBA_CSS;if(e.startsWith("rgb("))return g.RGB_CSS;if(e.startsWith("hsl("))return g.HSL_CSS;if(e.startsWith("hsla("))return g.HSLA_CSS}if(typeof e=="object"){if(S(e,"r","g","b"))return S(e,"a")?f.RGBA:f.RGB;if(S(e,"h","s","l"))return S(e,"a")?f.HSLA:f.HSL;if(S(e,"h","s","v"))return S(e,"a")?f.HSVA:f.HSV}return null}function S(e,...r){return r.every(n=>n&&e&&`${n}`in e)}function Ke(e,r){return e?.rgb().array().toString()===r?.rgb().array().toString()}function Qe(e){return e===g.HEXA||e===g.RGBA_CSS||e===g.HSLA_CSS||e===f.RGBA||e===f.HSLA||e===f.HSVA}function Te(e){return e===g.HEX?g.HEXA:e===g.RGB_CSS?g.RGBA_CSS:e===g.HSL_CSS?g.HSLA_CSS:e===f.RGB?f.RGBA:e===f.HSL?f.HSLA:e===f.HSV?f.HSVA:e}function Ye(e){return e===g.HEXA?g.HEX:e===g.RGBA_CSS?g.RGB_CSS:e===g.HSLA_CSS?g.HSL_CSS:e===f.RGBA?f.RGB:e===f.HSLA?f.HSL:e===f.HSVA?f.HSV:e}var Fe=1,ee=Fe*2;function Ze(e,r,n){let t=n?Ae.l.preview.size:r.preview.size,o=e-ee,s=r.gap*3;return Math.max(o-s-t,0)}function er(e){let r=e-ee;return{width:Math.max(r,0),height:Math.max(Math.floor(r/1.8),0)}}export{Me as a,Be as b,Ee as c,Ge as d,Re as e,xe as f,_e as g,Ie as h,Ae as i,qe as j,Ne as k,Ve as l,We as m,T as n,E as o,Oe as p,Xe as q,Pe as r,N as s,Ue as t,De as u,V as v,g as w,Je as x,Ke as y,Qe as z,Te as A,Ye as B,Ze as C,er as D};

package/dist/calcite/{KULDQOV2.js → CPH3OCUO.js}

@@ -1,4 +1,4 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
-import{a as w,b}from"./LOZEGKG2.js";import{a as n,b as c}from"./QU33PBBI.js";import{l as p}from"./CMO3X257.js";import{b as h}from"./GN5CPLSJ.js";import"./I2OIH73C.js";import{J as r,e as s,f as e,w as i,x as l,z as d}from"./KVSCG5E3.js";var k={button:"button"},F={plus:"plus"},R=s`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}calcite-button{--tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}calcite-button:hover{--tw-shadow: var(--calcite-shadow-md);--tw-shadow-colored: var(--calcite-shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}calcite-button:active{--tw-shadow: 0 2px 12px -4px rgba(0, 0, 0, .2), 0 2px 4px -2px rgba(0, 0, 0, .16);--tw-shadow-colored: 0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:host([hidden]){display:none}[hidden]{display:none}`,t=class extends i{constructor(){super(...arguments),this.buttonEl=n(),this.appearance="solid",this.disabled=!1,this.icon=F.plus,this.iconFlipRtl=!1,this.kind="brand",this.loading=!1,this.scale="m",this.textEnabled=!1}static{this.properties={appearance:3,disabled:7,icon:3,iconFlipRtl:7,kind:3,label:1,loading:7,scale:3,text:1,textEnabled:7}}static{this.styles=R}async setFocus(){await h(this),p(this.buttonEl.value)}load(){}updated(){w(this)}loaded(){}render(){let{appearance:x,kind:u,disabled:a,loading:m,scale:f,textEnabled:v,icon:g,label:o,text:y,iconFlipRtl:$}=this,E=v?null:o||y||null;return b({disabled:a,children:e`<calcite-button .appearance=${x==="solid"?"solid":"outline-fill"} class=${l(k.button)} .disabled=${a} .iconFlipRtl=${$?"start":null} .iconStart=${g} .kind=${u} .label=${o} .loading=${m} round .scale=${f} title=${E??d} type=button width=auto ${c(this.buttonEl)}>${this.textEnabled?this.text:null}</calcite-button>`})}};r("calcite-fab",t);export{t as Fab};
+v3.0.1 */
+import{a as w,b}from"./X6EDNQN2.js";import{a as n,b as c}from"./QV6PXGLB.js";import{l as p}from"./NLK3OCCK.js";import{b as h}from"./6OPQR7PL.js";import"./OLP7ABVK.js";import{J as r,e as s,f as e,w as i,x as l,z as d}from"./D7X7U5LL.js";var k={button:"button"},F={plus:"plus"},R=s`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}calcite-button{--tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}calcite-button:hover{--tw-shadow: var(--calcite-shadow-md);--tw-shadow-colored: var(--calcite-shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}calcite-button:active{--tw-shadow: 0 2px 12px -4px rgba(0, 0, 0, .2), 0 2px 4px -2px rgba(0, 0, 0, .16);--tw-shadow-colored: 0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:host([hidden]){display:none}[hidden]{display:none}`,t=class extends i{constructor(){super(...arguments),this.buttonEl=n(),this.appearance="solid",this.disabled=!1,this.icon=F.plus,this.iconFlipRtl=!1,this.kind="brand",this.loading=!1,this.scale="m",this.textEnabled=!1}static{this.properties={appearance:3,disabled:7,icon:3,iconFlipRtl:7,kind:3,label:1,loading:7,scale:3,text:1,textEnabled:7}}static{this.styles=R}async setFocus(){await h(this),p(this.buttonEl.value)}load(){}updated(){w(this)}loaded(){}render(){let{appearance:x,kind:u,disabled:a,loading:m,scale:f,textEnabled:v,icon:g,label:o,text:y,iconFlipRtl:$}=this,E=v?null:o||y||null;return b({disabled:a,children:e`<calcite-button .appearance=${x==="solid"?"solid":"outline-fill"} class=${l(k.button)} .disabled=${a} .iconFlipRtl=${$?"start":null} .iconStart=${g} .kind=${u} .label=${o} .loading=${m} round .scale=${f} title=${E??d} type=button width=auto ${c(this.buttonEl)}>${this.textEnabled?this.text:null}</calcite-button>`})}};r("calcite-fab",t);export{t as Fab};

package/dist/calcite/{XOVG6UH3.js → CWBUDJKG.js}

@@ -1,4 +1,4 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
-import{a,b as $,d as m,e as I}from"./XT32TCZG.js";import{a as U,e as R,g as F}from"./46U4MKUU.js";import{a as D,b as P}from"./LOZEGKG2.js";import{a as S}from"./3IV6JSC2.js";import"./KW57BHXD.js";import{a as d}from"./CIV3PH3Z.js";import{a as T}from"./ARHYATTG.js";import{a as b,b as f}from"./QU33PBBI.js";import{e as z,m as B,u as C}from"./CMO3X257.js";import{b as M}from"./GN5CPLSJ.js";import"./I2OIH73C.js";import{J as O,e as H,f as l,j as k,v as r,w as A,x as i}from"./KVSCG5E3.js";var Q=H`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column}:host([filter-hidden]),:host([closed]){display:none}.wrapper--bordered{border-block-end:1px solid var(--calcite-list-border-color, var(--calcite-color-border-3))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{box-sizing:border-box;display:flex;flex:1 1 0%;overflow:hidden;background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.container *{box-sizing:border-box}.container--hover:hover{cursor:pointer;background-color:var(--calcite-list-background-color-hover, var(--calcite-color-foreground-2))}.container:active{background-color:var(--calcite-list-background-color-press, var(--calcite-color-foreground-1))}.container--border{position:relative}.container--border:before{position:absolute;inline-size:var(--calcite-border-width-lg);inset-block:0;inset-inline-start:0;background-color:transparent;content:""}.container--border-selected:before{background-color:var(--calcite-list-selection-border-color, var(--calcite-color-brand))}.container:hover.container--border-unselected:before{background-color:var(--calcite-list-selection-border-color, var(--calcite-color-border-1))}.nested-container{display:none;flex-direction:column;border-width:0px;border-style:solid;border-color:1px solid var(--calcite-list-border-color, var(--calcite-color-border-3));margin-inline-start:var(--calcite-list-spacing-indent, 1.5rem)}.nested-container--open{display:flex}.selection-container{display:flex;padding-block:0px;color:var(--calcite-list-icon-color, var(--calcite-color-border-input))}:host(:not([disabled]):not([selected])) .container:hover .selection-container--single{color:var(--calcite-list-icon-color, var(--calcite-color-border-input))}:host([selected]:hover) .selection-container,:host([selected]:hover) .selection-container--single,:host([selected]) .selection-container{color:var(--calcite-list-icon-color, var(--calcite-color-brand))}.content-container-wrapper{display:flex;flex:1 1 auto}.content-container-wrapper--bordered{border-block-end:1px solid var(--calcite-list-border-color, var(--calcite-color-border-3))}.content-container{display:flex;flex:1 1 auto;-webkit-user-select:none;user-select:none;align-items:stretch;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-list-content-text-color, var(--calcite-color-text-2))}.content-container--unavailable{opacity:var(--calcite-opacity-disabled)}.row,.grid-cell{outline-color:transparent}.row{position:relative}.row:focus,.grid-cell:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.content,.custom-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;line-height:var(--calcite-font-line-height-relative-snug)}.label{color:var(--calcite-list-label-text-color, var(--calcite-color-text-1))}.description{color:var(--calcite-list-description-text-color, var(--calcite-color-text-3))}.icon{align-self:center;color:var(--calcite-list-icon-color, var(--calcite-color-text-3))}:host([display-mode=flat][drag-handle]:is([selection-mode=none],[selection-appearance=border])) .drag-container{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s]) .actions-start{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .content-container{gap:var(--calcite-spacing-sm);min-block-size:32px;padding-block:var(--calcite-spacing-xxs);padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .content,:host([scale=s]) .custom-content,:host([scale=s]) .label{font-size:var(--calcite-font-size--2)}:host([scale=s]) .description{font-size:var(--calcite-font-size--3)}:host([scale=s][display-mode=flat]:not([drag-handle])) .container{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=s][display-mode=flat]:not([drag-handle])) .selection-container{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s][display-mode=flat][drag-handle]) .selection-container{padding-inline:var(--calcite-spacing-xxs) var(--calcite-spacing-sm)}:host([scale=s][display-mode=nested]) .selection-container{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .container{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=s][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .selection-container{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s][display-mode=nested][drag-handle]) .selection-container{padding-inline:var(--calcite-spacing-xxs)}:host([scale=m]) .actions-start{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .content-container{gap:var(--calcite-spacing-sm);min-block-size:40px;padding-block:var(--calcite-spacing-sm);padding-inline-end:var(--calcite-spacing-md)}:host([scale=m]) .content,:host([scale=m]) .custom-content{font-size:var(--calcite-font-size--2)}:host([scale=m]) .label{font-size:var(--calcite-font-size--1)}:host([scale=m]) .description{font-size:var(--calcite-font-size--2)}:host([scale=m][display-mode=flat]) .container{padding-inline-start:var(--calcite-spacing-md)}:host([scale=m][display-mode=flat]) .selection-container{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=m][display-mode=flat][drag-handle]) .container{padding-inline-start:0}:host([scale=m][display-mode=flat][drag-handle]) .selection-container{padding-inline:var(--calcite-spacing-xxs) var(--calcite-spacing-sm)}:host([scale=m][display-mode=nested]) .container{padding-inline-start:var(--calcite-spacing-xxs)}:host([scale=m][display-mode=nested]) .selection-container{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=m][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .container{padding-inline-start:var(--calcite-spacing-md)}:host([scale=m][display-mode=nested][drag-handle]) .container{padding-inline-start:0}:host([scale=m][display-mode=nested][drag-handle]) .selection-container{padding-inline:var(--calcite-spacing-xxs)}:host([scale=l]) .actions-start{padding-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .content-container{gap:var(--calcite-spacing-md);min-block-size:56px;padding-block:.625rem;padding-inline-end:var(--calcite-spacing-lg)}:host([scale=l]) .content,:host([scale=l]) .custom-content,:host([scale=l]) .label{font-size:var(--calcite-font-size-0)}:host([scale=l]) .description{font-size:var(--calcite-font-size--1)}:host([scale=l]) .nested-container{margin-inline-start:1.75rem}:host([scale=l][display-mode=flat]) .container{padding-inline-start:var(--calcite-spacing-lg)}:host([scale=l][display-mode=flat]) .selection-container{padding-inline-end:var(--calcite-spacing-md)}:host([scale=l][display-mode=flat][drag-handle]) .container{padding-inline-start:0}:host([scale=l][display-mode=flat][drag-handle]) .selection-container{padding-inline-end:var(--calcite-spacing-md)}:host([scale=l][display-mode=nested]) .container{padding-inline-start:var(--calcite-spacing-xxs)}:host([scale=l][display-mode=nested][drag-handle]) .container{padding-inline-start:0}:host([scale=l][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .container{padding-inline-start:var(--calcite-spacing-lg)}.label,.description,.content-bottom{font-family:var(--calcite-font-family);font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}:host([selected]) .label{font-weight:var(--calcite-font-weight-medium)}:host([selected]) .icon{color:var(--calcite-list-icon-color, var(--calcite-color-text-1))}:host([selected]) .description{color:var(--calcite-list-description-text-color, var(--calcite-color-text-2))}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:1 1 auto}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){align-self:center}.content-bottom{display:flex;flex-direction:column}.content-container--has-center-content .content-start,.content-container--has-center-content .content-end{flex:0 1 auto}.open-container{color:var(--calcite-list-icon-color, var(--calcite-color-text-3));padding-inline:var(--calcite-spacing-xxs)}:host(:not([disabled])) .container:hover .open-container{color:var(--calcite-list-icon-color, var(--calcite-color-text-1))}.actions-start,.actions-end,.content-start,.content-end,.selection-container,.drag-container,.open-container{display:flex;align-items:center}.actions-start calcite-action,.actions-start calcite-sort-handle,.actions-end calcite-action,.actions-end calcite-sort-handle,.content-start calcite-action,.content-start calcite-sort-handle,.content-end calcite-action,.content-end calcite-sort-handle,.selection-container calcite-action,.selection-container calcite-sort-handle,.drag-container calcite-action,.drag-container calcite-sort-handle,.open-container calcite-action,.open-container calcite-sort-handle{align-self:stretch}.open-container,.selection-container{cursor:pointer}.actions-start,.actions-end{position:relative;padding:0}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-sort-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-sort-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}.row:focus .actions-start,.row:focus .actions-end{inset-block:.125rem}.row:focus .actions-start .close,.row:focus .actions-start ::slotted(calcite-action),.row:focus .actions-start ::slotted(calcite-action-menu),.row:focus .actions-start ::slotted(calcite-sort-handle),.row:focus .actions-start ::slotted(calcite-dropdown),.row:focus .actions-end .close,.row:focus .actions-end ::slotted(calcite-action),.row:focus .actions-end ::slotted(calcite-action-menu),.row:focus .actions-end ::slotted(calcite-sort-handle),.row:focus .actions-end ::slotted(calcite-dropdown){block-size:calc(100% - .25rem)}.row:focus:after,.row:focus:before{position:absolute;content:"";inline-size:.125rem;z-index:var(--calcite-z-index-header);background-color:var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));inset-block:0}.row:focus:before{inset-inline-start:0}.row:focus:after{inset-inline-end:0}.container--border:focus:before{display:none}::slotted(calcite-list:empty){border-block-start-width:0px}:host([hidden]){display:none}[hidden]{display:none}`,y=new Map,E=class extends A{constructor(){super(),this.actionsEndEl=b(),this.actionsStartEl=b(),this.containerEl=b(),this.contentEl=b(),this.defaultSlotEl=b(),this.handleGridEl=b(),this.hasActionsEnd=!1,this.hasActionsStart=!1,this.hasContentBottom=!1,this.hasContentEnd=!1,this.hasContentStart=!1,this.hasCustomContent=!1,this.level=null,this.openable=!1,this.active=!1,this.bordered=!1,this.closable=!1,this.closed=!1,this.disabled=!1,this.dragDisabled=!1,this.dragHandle=!1,this.filterHidden=!1,this.interactionMode=null,this.messages=T(),this.displayMode="flat",this.moveToItems=[],this.open=!1,this.scale="m",this.selected=!1,this.selectionAppearance=null,this.selectionMode=null,this.setPosition=null,this.setSize=null,this.sortHandleOpen=!1,this.unavailable=!1,this.calciteInternalFocusPreviousItem=r({cancelable:!1}),this.calciteInternalListItemActive=r({cancelable:!1}),this.calciteInternalListItemChange=r({cancelable:!1}),this.calciteInternalListItemSelect=r({cancelable:!1}),this.calciteInternalListItemSelectMultiple=r({cancelable:!1}),this.calciteInternalListItemToggle=r({cancelable:!1}),this.calciteListItemClose=r({cancelable:!1}),this.calciteListItemSelect=r({cancelable:!1}),this.calciteListItemSortHandleBeforeClose=r({cancelable:!1}),this.calciteListItemSortHandleBeforeOpen=r({cancelable:!1}),this.calciteListItemSortHandleClose=r({cancelable:!1}),this.calciteListItemSortHandleOpen=r({cancelable:!1}),this.calciteListItemToggle=r({cancelable:!1}),this.listen("calciteInternalListItemGroupDefaultSlotChange",this.handleCalciteInternalListDefaultSlotChanges),this.listen("calciteInternalListDefaultSlotChange",this.handleCalciteInternalListDefaultSlotChanges)}static{this.properties={hasActionsEnd:16,hasActionsStart:16,hasContentBottom:16,hasContentEnd:16,hasContentStart:16,hasCustomContent:16,level:16,openable:16,parentListEl:16,active:5,bordered:5,closable:7,closed:7,description:1,disabled:7,dragDisabled:7,dragHandle:7,filterHidden:7,interactionMode:1,label:1,messageOverrides:0,metadata:0,displayMode:3,moveToItems:0,open:7,scale:3,selected:7,selectionAppearance:3,selectionMode:3,setPosition:9,setSize:9,sortHandleOpen:7,unavailable:7,value:1,iconStart:3,iconEnd:3,iconFlipRtl:3}}static{this.styles=Q}async setFocus(){await M(this);let{containerEl:{value:e},parentListEl:t}=this,n=y.get(t);if(typeof n=="number"){let o=this.getGridCells();o[n]?this.focusCell(o[n]):e?.focus();return}e?.focus()}connectedCallback(){super.connectedCallback();let{el:e}=this;this.parentListEl=e.closest(U),this.level=F(e)+1,this.setSelectionDefaults()}async load(){}willUpdate(e){e.has("active")&&(this.hasUpdated||this.active!==!1)&&this.activeHandler(this.active),e.has("closed")&&(this.hasUpdated||this.closed!==!1)&&this.handleClosedChange(),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.handleDisabledChange(),e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.handleOpenChange(),e.has("selected")&&(this.hasUpdated||this.selected!==!1)&&this.handleSelectedChange(),e.has("sortHandleOpen")&&(this.hasUpdated||this.sortHandleOpen!==!1)&&this.sortHandleOpenHandler(),e.has("displayMode")&&this.hasUpdated&&this.handleOpenableChange(this.defaultSlotEl.value)}updated(){D(this)}loaded(){}activeHandler(e){e||this.focusCell(null,!1)}handleClosedChange(){this.emitCalciteInternalListItemChange()}handleDisabledChange(){this.emitCalciteInternalListItemChange()}handleOpenChange(){this.emitCalciteInternalListItemToggle()}handleSelectedChange(){this.calciteInternalListItemSelect.emit()}sortHandleOpenHandler(){this.sortHandleEl&&(this.sortHandleEl.open=this.sortHandleOpen)}handleCalciteInternalListDefaultSlotChanges(e){e.stopPropagation(),this.handleOpenableChange(this.defaultSlotEl.value)}setSortHandleEl(e){this.sortHandleEl=e,this.sortHandleOpenHandler()}handleSortHandleBeforeOpen(e){e.stopPropagation(),this.calciteListItemSortHandleBeforeOpen.emit()}handleSortHandleBeforeClose(e){e.stopPropagation(),this.calciteListItemSortHandleBeforeClose.emit()}handleSortHandleClose(e){e.stopPropagation(),this.sortHandleOpen=!1,this.calciteListItemSortHandleClose.emit()}handleSortHandleOpen(e){e.stopPropagation(),this.sortHandleOpen=!0,this.calciteListItemSortHandleOpen.emit()}emitInternalListItemActive(){this.calciteInternalListItemActive.emit()}emitCalciteInternalListItemToggle(){this.calciteInternalListItemToggle.emit()}emitCalciteInternalListItemChange(){this.calciteInternalListItemChange.emit()}handleCloseClick(){this.closed=!0,this.calciteListItemClose.emit()}handleContentSlotChange(e){this.hasCustomContent=C(e)}handleActionsStartSlotChange(e){this.hasActionsStart=C(e)}handleActionsEndSlotChange(e){this.hasActionsEnd=C(e)}handleContentStartSlotChange(e){this.hasContentStart=C(e)}handleContentEndSlotChange(e){this.hasContentEnd=C(e)}handleContentBottomSlotChange(e){this.hasContentBottom=C(e)}setSelectionDefaults(){let{parentListEl:e,selectionMode:t,selectionAppearance:n}=this;e&&(t||(this.selectionMode=e.selectionMode),n||(this.selectionAppearance=e.selectionAppearance))}handleOpenableChange(e){if(!e)return;let t=R(e);t.lists.forEach(n=>{n.displayMode=this.displayMode}),this.openable=this.displayMode==="nested"&&(t.lists.length>0||t.items.length>0)}handleDefaultSlotChange(e){this.handleOpenableChange(e.target)}handleToggleClick(){this.toggle()}toggle(e=!this.open){this.open=e,this.calciteListItemToggle.emit()}handleItemClick(e){e.defaultPrevented||this.toggleSelected(e.shiftKey)}async toggleSelected(e){let{selectionMode:t,selected:n}=this;this.disabled||(t==="multiple"||t==="single"?this.selected=!n:t==="single-persist"&&(this.selected=!0),this.calciteInternalListItemSelectMultiple.emit({selectMultiple:e&&t==="multiple"}),await this.updateComplete,this.calciteListItemSelect.emit())}getGridCells(){return[this.handleGridEl.value,this.actionsStartEl.value,this.contentEl.value,this.actionsEndEl.value].filter(e=>e&&!e.hidden)}handleItemKeyDown(e){if(e.defaultPrevented)return;let{key:t}=e,n=e.composedPath(),{containerEl:{value:o},actionsStartEl:{value:h},actionsEndEl:{value:s},open:u,openable:v}=this,c=this.getGridCells(),p=c.findIndex(g=>n.includes(g));if(t==="Enter"&&!n.includes(h)&&!n.includes(s))e.preventDefault(),this.toggleSelected(e.shiftKey);else if(t==="ArrowRight"){e.preventDefault();let g=p+1;p===-1?!u&&v?(this.toggle(!0),this.focusCell(null)):c[0]&&this.focusCell(c[0]):c[p]&&c[g]&&this.focusCell(c[g])}else if(t==="ArrowLeft"){e.preventDefault();let g=p-1;p===-1?(this.focusCell(null),u&&v?this.toggle(!1):this.calciteInternalFocusPreviousItem.emit()):p===0?(this.focusCell(null),o.focus()):c[p]&&c[g]&&this.focusCell(c[g])}}focusCellNull(){this.focusCell(null)}setFocusCell(e,t,n){let{parentListEl:o}=this;n&&y.set(o,null);let h=this.getGridCells();h.forEach(s=>{s.removeAttribute("tabindex"),s.removeAttribute(I)}),e&&(e===t?e.tabIndex=0:e.removeAttribute("tabindex"),e.setAttribute(I,""),n&&y.set(o,h.indexOf(e)))}focusCell(e,t=!0){let n=B(e);this.setFocusCell(e,n,t),n?.focus()}renderSelected(){let{selected:e,selectionMode:t,selectionAppearance:n}=this;return t==="none"||n==="border"?null:d("selection-container",l`<div class=${i({[a.selectionContainer]:!0,[a.selectionContainerSingle]:t==="single"||t==="single-persist"})} @click=${this.handleItemClick}><calcite-icon .icon=${e?t==="multiple"?m.selectedMultiple:m.selectedSingle:t==="multiple"?m.unselectedMultiple:m.unselectedSingle} .scale=${S(this.scale)}></calcite-icon></div>`)}renderDragHandle(){let{label:e,dragHandle:t,dragDisabled:n,setPosition:o,setSize:h,moveToItems:s}=this;return t?d("drag-handle-container",l`<div .ariaLabel=${e} class=${i({[a.dragContainer]:!0,[a.gridCell]:!0})} role=gridcell ${f(this.handleGridEl)}><calcite-sort-handle .disabled=${n} .label=${e} .moveToItems=${s} @calciteSortHandleBeforeClose=${this.handleSortHandleBeforeClose} @calciteSortHandleBeforeOpen=${this.handleSortHandleBeforeOpen} @calciteSortHandleClose=${this.handleSortHandleClose} @calciteSortHandleOpen=${this.handleSortHandleOpen} overlay-positioning=fixed .scale=${this.scale} .setPosition=${o} .setSize=${h} ${f(this.setSortHandleEl)}></calcite-sort-handle></div>`):null}renderOpen(){let{el:e,open:t,openable:n,messages:o,displayMode:h,scale:s}=this;if(h!=="nested")return null;let u=z(e),v=n?t?m.open:u==="rtl"?m.closedRTL:m.closedLTR:m.blank,c=S(s),p=n?t?o.collapse:o.expand:void 0,g=n?this.handleToggleClick:void 0;return d("open-container",l`<div class=${i(a.openContainer)} @click=${g} title=${p??k}>${d(v,l`<calcite-icon .icon=${v} .scale=${c}></calcite-icon>`)}</div>`)}renderActionsStart(){let{label:e,hasActionsStart:t}=this;return d("actions-start-container",l`<div .ariaLabel=${e} class=${i({[a.actionsStart]:!0,[a.gridCell]:!0})} .hidden=${!t} role=gridcell ${f(this.actionsStartEl)}><slot name=${$.actionsStart} @slotchange=${this.handleActionsStartSlotChange}></slot></div>`)}renderActionsEnd(){let{label:e,hasActionsEnd:t,closable:n,messages:o}=this;return d("actions-end-container",l`<div .ariaLabel=${e} class=${i({[a.actionsEnd]:!0,[a.gridCell]:!0})} .hidden=${!(t||n)} role=gridcell ${f(this.actionsEndEl)}><slot name=${$.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot>${n?d("close-action",l`<calcite-action appearance=transparent class=${i(a.close)} .icon=${m.close} .label=${o.close} @click=${this.handleCloseClick} .scale=${this.scale} .text=${o.close}></calcite-action>`):null}</div>`)}renderContentStart(){let{hasContentStart:e}=this;return l`<div class=${i(a.contentStart)} .hidden=${!e}><slot name=${$.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot></div>`}renderCustomContent(){let{hasCustomContent:e}=this;return l`<div class=${i(a.customContent)} .hidden=${!e}><slot name=${$.content} @slotchange=${this.handleContentSlotChange}></slot></div>`}renderIconStart(){let{iconStart:e,iconFlipRtl:t,scale:n}=this;return e?d("icon-start",l`<calcite-icon class=${i(a.icon)} .flipRtl=${t==="both"||t==="start"} .icon=${e} .scale=${S(n)}></calcite-icon>`):null}renderIconEnd(){let{iconEnd:e,iconFlipRtl:t,scale:n}=this;return e?d("icon-end",l`<calcite-icon class=${i(a.icon)} .flipRtl=${t==="both"||t==="end"} .icon=${e} .scale=${S(n)}></calcite-icon>`):null}renderContentEnd(){let{hasContentEnd:e}=this;return l`<div class=${i(a.contentEnd)} .hidden=${!e}><slot name=${$.contentEnd} @slotchange=${this.handleContentEndSlotChange}></slot></div>`}renderContentBottom(){let{hasContentBottom:e}=this;return l`<div class=${i(a.contentBottom)} .hidden=${!e}><slot name=${$.contentBottom} @slotchange=${this.handleContentBottomSlotChange}></slot></div>`}renderDefaultContainer(){return l`<div class=${i({[a.nestedContainer]:!0,[a.nestedContainerOpen]:this.openable&&this.open})}><slot @slotchange=${this.handleDefaultSlotChange} ${f(this.defaultSlotEl)}></slot></div>`}renderContentProperties(){let{label:e,description:t,hasCustomContent:n}=this;return!n&&(e||t)?d("content",l`<div class=${i(a.content)}>${e?d("label",l`<div class=${i(a.label)}>${e}</div>`):null}${t?d("description",l`<div class=${i(a.description)}>${t}</div>`):null}</div>`):null}renderContentContainer(){let{description:e,label:t,selectionMode:n,hasCustomContent:o,unavailable:h}=this,s=o||!!t||!!e,u=[this.renderContentStart(),this.renderCustomContent(),this.renderIconStart(),this.renderContentProperties(),this.renderIconEnd(),this.renderContentEnd()];return d("content-container",l`<div .ariaLabel=${t} class=${i({[a.gridCell]:!0,[a.contentContainer]:!0,[a.contentContainerUnavailable]:h,[a.contentContainerSelectable]:n!=="none",[a.contentContainerHasCenterContent]:s})} @click=${this.handleItemClick} role=gridcell ${f(this.contentEl)}>${u}</div>`)}render(){let{openable:e,open:t,level:n,active:o,label:h,selected:s,selectionAppearance:u,selectionMode:v,interactionMode:c,closed:p,filterHidden:g,bordered:w,disabled:G,hasContentBottom:L}=this,K=w&&L,j=w&&!L,x=v!=="none"&&u==="border",N=x&&s,W=x&&!s,q=c==="interactive"||c==="static"&&v!=="none"&&u==="border";return P({disabled:G,children:l`<div class=${i({[a.wrapper]:!0,[a.wrapperBordered]:K})}><div .ariaExpanded=${e?t:null} .ariaLabel=${h} .ariaLevel=${n} .ariaSelected=${s} class=${i({[a.row]:!0,[a.container]:!0,[a.containerHover]:q,[a.containerBorder]:x,[a.containerBorderSelected]:N,[a.containerBorderUnselected]:W})} .hidden=${p||g} @focus=${this.focusCellNull} @focusin=${this.emitInternalListItemActive} @keydown=${this.handleItemKeyDown} role=row .tabIndex=${o?0:-1} ${f(this.containerEl)}>${this.renderDragHandle()}${this.renderSelected()}${this.renderOpen()}<div class=${i({[a.contentContainerWrapper]:!0,[a.contentContainerWrapperBordered]:j})}>${this.renderActionsStart()}${this.renderContentContainer()}${this.renderActionsEnd()}</div></div>${this.renderContentBottom()}</div>${this.renderDefaultContainer()}`})}};O("calcite-list-item",E);export{E as ListItem};
+v3.0.1 */
+import{a,b as $,d as m,e as I}from"./S6DJKPG5.js";import{a as U,e as R,g as F}from"./N2Q46D75.js";import{a as D,b as P}from"./X6EDNQN2.js";import{a as S}from"./HMZA4X6S.js";import"./4GUL5QXY.js";import{a as d}from"./TTARWRVZ.js";import{a as T}from"./RSI5VQHT.js";import{a as b,b as f}from"./QV6PXGLB.js";import{e as z,m as B,u as C}from"./NLK3OCCK.js";import{b as M}from"./6OPQR7PL.js";import"./OLP7ABVK.js";import{J as O,e as H,f as l,j as k,v as r,w as A,x as i}from"./D7X7U5LL.js";var Q=H`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column}:host([filter-hidden]),:host([closed]){display:none}.wrapper--bordered{border-block-end:1px solid var(--calcite-list-border-color, var(--calcite-color-border-3))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{box-sizing:border-box;display:flex;flex:1 1 0%;overflow:hidden;background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.container *{box-sizing:border-box}.container--hover:hover{cursor:pointer;background-color:var(--calcite-list-background-color-hover, var(--calcite-color-foreground-2))}.container:active{background-color:var(--calcite-list-background-color-press, var(--calcite-color-foreground-1))}.container--border{position:relative}.container--border:before{position:absolute;inline-size:var(--calcite-border-width-lg);inset-block:0;inset-inline-start:0;background-color:transparent;content:""}.container--border-selected:before{background-color:var(--calcite-list-selection-border-color, var(--calcite-color-brand))}.container:hover.container--border-unselected:before{background-color:var(--calcite-list-selection-border-color, var(--calcite-color-border-1))}.nested-container{display:none;flex-direction:column;border-width:0px;border-style:solid;border-color:1px solid var(--calcite-list-border-color, var(--calcite-color-border-3));margin-inline-start:var(--calcite-list-spacing-indent, 1.5rem)}.nested-container--open{display:flex}.selection-container{display:flex;padding-block:0px;color:var(--calcite-list-icon-color, var(--calcite-color-border-input))}:host(:not([disabled]):not([selected])) .container:hover .selection-container--single{color:var(--calcite-list-icon-color, var(--calcite-color-border-input))}:host([selected]:hover) .selection-container,:host([selected]:hover) .selection-container--single,:host([selected]) .selection-container{color:var(--calcite-list-icon-color, var(--calcite-color-brand))}.content-container-wrapper{display:flex;flex:1 1 auto}.content-container-wrapper--bordered{border-block-end:1px solid var(--calcite-list-border-color, var(--calcite-color-border-3))}.content-container{display:flex;flex:1 1 auto;-webkit-user-select:none;user-select:none;align-items:stretch;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-list-content-text-color, var(--calcite-color-text-2))}.content-container--unavailable{opacity:var(--calcite-opacity-disabled)}.row,.grid-cell{outline-color:transparent}.row{position:relative}.row:focus,.grid-cell:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.content,.custom-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;line-height:var(--calcite-font-line-height-relative-snug)}.label{color:var(--calcite-list-label-text-color, var(--calcite-color-text-1))}.description{color:var(--calcite-list-description-text-color, var(--calcite-color-text-3))}.icon{align-self:center;color:var(--calcite-list-icon-color, var(--calcite-color-text-3))}:host([display-mode=flat][drag-handle]:is([selection-mode=none],[selection-appearance=border])) .drag-container{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s]) .actions-start{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .content-container{gap:var(--calcite-spacing-sm);min-block-size:32px;padding-block:var(--calcite-spacing-xxs);padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .content,:host([scale=s]) .custom-content,:host([scale=s]) .label{font-size:var(--calcite-font-size--2)}:host([scale=s]) .description{font-size:var(--calcite-font-size--3)}:host([scale=s][display-mode=flat]:not([drag-handle])) .container{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=s][display-mode=flat]:not([drag-handle])) .selection-container{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s][display-mode=flat][drag-handle]) .selection-container{padding-inline:var(--calcite-spacing-xxs) var(--calcite-spacing-sm)}:host([scale=s][display-mode=nested]) .selection-container{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .container{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=s][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .selection-container{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s][display-mode=nested][drag-handle]) .selection-container{padding-inline:var(--calcite-spacing-xxs)}:host([scale=m]) .actions-start{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .content-container{gap:var(--calcite-spacing-sm);min-block-size:40px;padding-block:var(--calcite-spacing-sm);padding-inline-end:var(--calcite-spacing-md)}:host([scale=m]) .content,:host([scale=m]) .custom-content{font-size:var(--calcite-font-size--2)}:host([scale=m]) .label{font-size:var(--calcite-font-size--1)}:host([scale=m]) .description{font-size:var(--calcite-font-size--2)}:host([scale=m][display-mode=flat]) .container{padding-inline-start:var(--calcite-spacing-md)}:host([scale=m][display-mode=flat]) .selection-container{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=m][display-mode=flat][drag-handle]) .container{padding-inline-start:0}:host([scale=m][display-mode=flat][drag-handle]) .selection-container{padding-inline:var(--calcite-spacing-xxs) var(--calcite-spacing-sm)}:host([scale=m][display-mode=nested]) .container{padding-inline-start:var(--calcite-spacing-xxs)}:host([scale=m][display-mode=nested]) .selection-container{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=m][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .container{padding-inline-start:var(--calcite-spacing-md)}:host([scale=m][display-mode=nested][drag-handle]) .container{padding-inline-start:0}:host([scale=m][display-mode=nested][drag-handle]) .selection-container{padding-inline:var(--calcite-spacing-xxs)}:host([scale=l]) .actions-start{padding-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .content-container{gap:var(--calcite-spacing-md);min-block-size:56px;padding-block:.625rem;padding-inline-end:var(--calcite-spacing-lg)}:host([scale=l]) .content,:host([scale=l]) .custom-content,:host([scale=l]) .label{font-size:var(--calcite-font-size-0)}:host([scale=l]) .description{font-size:var(--calcite-font-size--1)}:host([scale=l]) .nested-container{margin-inline-start:1.75rem}:host([scale=l][display-mode=flat]) .container{padding-inline-start:var(--calcite-spacing-lg)}:host([scale=l][display-mode=flat]) .selection-container{padding-inline-end:var(--calcite-spacing-md)}:host([scale=l][display-mode=flat][drag-handle]) .container{padding-inline-start:0}:host([scale=l][display-mode=flat][drag-handle]) .selection-container{padding-inline-end:var(--calcite-spacing-md)}:host([scale=l][display-mode=nested]) .container{padding-inline-start:var(--calcite-spacing-xxs)}:host([scale=l][display-mode=nested][drag-handle]) .container{padding-inline-start:0}:host([scale=l][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .container{padding-inline-start:var(--calcite-spacing-lg)}.label,.description,.content-bottom{font-family:var(--calcite-font-family);font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}:host([selected]) .label{font-weight:var(--calcite-font-weight-medium)}:host([selected]) .icon{color:var(--calcite-list-icon-color, var(--calcite-color-text-1))}:host([selected]) .description{color:var(--calcite-list-description-text-color, var(--calcite-color-text-2))}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:1 1 auto}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){align-self:center}.content-bottom{display:flex;flex-direction:column}.content-container--has-center-content .content-start,.content-container--has-center-content .content-end{flex:0 1 auto}.open-container{color:var(--calcite-list-icon-color, var(--calcite-color-text-3));padding-inline:var(--calcite-spacing-xxs)}:host(:not([disabled])) .container:hover .open-container{color:var(--calcite-list-icon-color, var(--calcite-color-text-1))}.actions-start,.actions-end,.content-start,.content-end,.selection-container,.drag-container,.open-container{display:flex;align-items:center}.actions-start calcite-action,.actions-start calcite-sort-handle,.actions-end calcite-action,.actions-end calcite-sort-handle,.content-start calcite-action,.content-start calcite-sort-handle,.content-end calcite-action,.content-end calcite-sort-handle,.selection-container calcite-action,.selection-container calcite-sort-handle,.drag-container calcite-action,.drag-container calcite-sort-handle,.open-container calcite-action,.open-container calcite-sort-handle{align-self:stretch}.open-container,.selection-container{cursor:pointer}.actions-start,.actions-end{position:relative;padding:0}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-sort-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-sort-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}.row:focus .actions-start,.row:focus .actions-end{inset-block:.125rem}.row:focus .actions-start .close,.row:focus .actions-start ::slotted(calcite-action),.row:focus .actions-start ::slotted(calcite-action-menu),.row:focus .actions-start ::slotted(calcite-sort-handle),.row:focus .actions-start ::slotted(calcite-dropdown),.row:focus .actions-end .close,.row:focus .actions-end ::slotted(calcite-action),.row:focus .actions-end ::slotted(calcite-action-menu),.row:focus .actions-end ::slotted(calcite-sort-handle),.row:focus .actions-end ::slotted(calcite-dropdown){block-size:calc(100% - .25rem)}.row:focus:after,.row:focus:before{position:absolute;content:"";inline-size:.125rem;z-index:var(--calcite-z-index-header);background-color:var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));inset-block:0}.row:focus:before{inset-inline-start:0}.row:focus:after{inset-inline-end:0}.container--border:focus:before{display:none}::slotted(calcite-list:empty){border-block-start-width:0px}:host([hidden]){display:none}[hidden]{display:none}`,y=new Map,E=class extends A{constructor(){super(),this.actionsEndEl=b(),this.actionsStartEl=b(),this.containerEl=b(),this.contentEl=b(),this.defaultSlotEl=b(),this.handleGridEl=b(),this.hasActionsEnd=!1,this.hasActionsStart=!1,this.hasContentBottom=!1,this.hasContentEnd=!1,this.hasContentStart=!1,this.hasCustomContent=!1,this.level=null,this.openable=!1,this.active=!1,this.bordered=!1,this.closable=!1,this.closed=!1,this.disabled=!1,this.dragDisabled=!1,this.dragHandle=!1,this.filterHidden=!1,this.interactionMode=null,this.messages=T(),this.displayMode="flat",this.moveToItems=[],this.open=!1,this.scale="m",this.selected=!1,this.selectionAppearance=null,this.selectionMode=null,this.setPosition=null,this.setSize=null,this.sortHandleOpen=!1,this.unavailable=!1,this.calciteInternalFocusPreviousItem=r({cancelable:!1}),this.calciteInternalListItemActive=r({cancelable:!1}),this.calciteInternalListItemChange=r({cancelable:!1}),this.calciteInternalListItemSelect=r({cancelable:!1}),this.calciteInternalListItemSelectMultiple=r({cancelable:!1}),this.calciteInternalListItemToggle=r({cancelable:!1}),this.calciteListItemClose=r({cancelable:!1}),this.calciteListItemSelect=r({cancelable:!1}),this.calciteListItemSortHandleBeforeClose=r({cancelable:!1}),this.calciteListItemSortHandleBeforeOpen=r({cancelable:!1}),this.calciteListItemSortHandleClose=r({cancelable:!1}),this.calciteListItemSortHandleOpen=r({cancelable:!1}),this.calciteListItemToggle=r({cancelable:!1}),this.listen("calciteInternalListItemGroupDefaultSlotChange",this.handleCalciteInternalListDefaultSlotChanges),this.listen("calciteInternalListDefaultSlotChange",this.handleCalciteInternalListDefaultSlotChanges)}static{this.properties={hasActionsEnd:16,hasActionsStart:16,hasContentBottom:16,hasContentEnd:16,hasContentStart:16,hasCustomContent:16,level:16,openable:16,parentListEl:16,active:5,bordered:5,closable:7,closed:7,description:1,disabled:7,dragDisabled:7,dragHandle:7,filterHidden:7,interactionMode:1,label:1,messageOverrides:0,metadata:0,displayMode:3,moveToItems:0,open:7,scale:3,selected:7,selectionAppearance:3,selectionMode:3,setPosition:9,setSize:9,sortHandleOpen:7,unavailable:7,value:1,iconStart:3,iconEnd:3,iconFlipRtl:3}}static{this.styles=Q}async setFocus(){await M(this);let{containerEl:{value:e},parentListEl:t}=this,n=y.get(t);if(typeof n=="number"){let o=this.getGridCells();o[n]?this.focusCell(o[n]):e?.focus();return}e?.focus()}connectedCallback(){super.connectedCallback();let{el:e}=this;this.parentListEl=e.closest(U),this.level=F(e)+1,this.setSelectionDefaults()}async load(){}willUpdate(e){e.has("active")&&(this.hasUpdated||this.active!==!1)&&this.activeHandler(this.active),e.has("closed")&&(this.hasUpdated||this.closed!==!1)&&this.handleClosedChange(),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.handleDisabledChange(),e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.handleOpenChange(),e.has("selected")&&(this.hasUpdated||this.selected!==!1)&&this.handleSelectedChange(),e.has("sortHandleOpen")&&(this.hasUpdated||this.sortHandleOpen!==!1)&&this.sortHandleOpenHandler(),e.has("displayMode")&&this.hasUpdated&&this.handleOpenableChange(this.defaultSlotEl.value)}updated(){D(this)}loaded(){}activeHandler(e){e||this.focusCell(null,!1)}handleClosedChange(){this.emitCalciteInternalListItemChange()}handleDisabledChange(){this.emitCalciteInternalListItemChange()}handleOpenChange(){this.emitCalciteInternalListItemToggle()}handleSelectedChange(){this.calciteInternalListItemSelect.emit()}sortHandleOpenHandler(){this.sortHandleEl&&(this.sortHandleEl.open=this.sortHandleOpen)}handleCalciteInternalListDefaultSlotChanges(e){e.stopPropagation(),this.handleOpenableChange(this.defaultSlotEl.value)}setSortHandleEl(e){this.sortHandleEl=e,this.sortHandleOpenHandler()}handleSortHandleBeforeOpen(e){e.stopPropagation(),this.calciteListItemSortHandleBeforeOpen.emit()}handleSortHandleBeforeClose(e){e.stopPropagation(),this.calciteListItemSortHandleBeforeClose.emit()}handleSortHandleClose(e){e.stopPropagation(),this.sortHandleOpen=!1,this.calciteListItemSortHandleClose.emit()}handleSortHandleOpen(e){e.stopPropagation(),this.sortHandleOpen=!0,this.calciteListItemSortHandleOpen.emit()}emitInternalListItemActive(){this.calciteInternalListItemActive.emit()}emitCalciteInternalListItemToggle(){this.calciteInternalListItemToggle.emit()}emitCalciteInternalListItemChange(){this.calciteInternalListItemChange.emit()}handleCloseClick(){this.closed=!0,this.calciteListItemClose.emit()}handleContentSlotChange(e){this.hasCustomContent=C(e)}handleActionsStartSlotChange(e){this.hasActionsStart=C(e)}handleActionsEndSlotChange(e){this.hasActionsEnd=C(e)}handleContentStartSlotChange(e){this.hasContentStart=C(e)}handleContentEndSlotChange(e){this.hasContentEnd=C(e)}handleContentBottomSlotChange(e){this.hasContentBottom=C(e)}setSelectionDefaults(){let{parentListEl:e,selectionMode:t,selectionAppearance:n}=this;e&&(t||(this.selectionMode=e.selectionMode),n||(this.selectionAppearance=e.selectionAppearance))}handleOpenableChange(e){if(!e)return;let t=R(e);t.lists.forEach(n=>{n.displayMode=this.displayMode}),this.openable=this.displayMode==="nested"&&(t.lists.length>0||t.items.length>0)}handleDefaultSlotChange(e){this.handleOpenableChange(e.target)}handleToggleClick(){this.toggle()}toggle(e=!this.open){this.open=e,this.calciteListItemToggle.emit()}handleItemClick(e){e.defaultPrevented||this.toggleSelected(e.shiftKey)}async toggleSelected(e){let{selectionMode:t,selected:n}=this;this.disabled||(t==="multiple"||t==="single"?this.selected=!n:t==="single-persist"&&(this.selected=!0),this.calciteInternalListItemSelectMultiple.emit({selectMultiple:e&&t==="multiple"}),await this.updateComplete,this.calciteListItemSelect.emit())}getGridCells(){return[this.handleGridEl.value,this.actionsStartEl.value,this.contentEl.value,this.actionsEndEl.value].filter(e=>e&&!e.hidden)}handleItemKeyDown(e){if(e.defaultPrevented)return;let{key:t}=e,n=e.composedPath(),{containerEl:{value:o},actionsStartEl:{value:h},actionsEndEl:{value:s},open:u,openable:v}=this,c=this.getGridCells(),p=c.findIndex(g=>n.includes(g));if(t==="Enter"&&!n.includes(h)&&!n.includes(s))e.preventDefault(),this.toggleSelected(e.shiftKey);else if(t==="ArrowRight"){e.preventDefault();let g=p+1;p===-1?!u&&v?(this.toggle(!0),this.focusCell(null)):c[0]&&this.focusCell(c[0]):c[p]&&c[g]&&this.focusCell(c[g])}else if(t==="ArrowLeft"){e.preventDefault();let g=p-1;p===-1?(this.focusCell(null),u&&v?this.toggle(!1):this.calciteInternalFocusPreviousItem.emit()):p===0?(this.focusCell(null),o.focus()):c[p]&&c[g]&&this.focusCell(c[g])}}focusCellNull(){this.focusCell(null)}setFocusCell(e,t,n){let{parentListEl:o}=this;n&&y.set(o,null);let h=this.getGridCells();h.forEach(s=>{s.removeAttribute("tabindex"),s.removeAttribute(I)}),e&&(e===t?e.tabIndex=0:e.removeAttribute("tabindex"),e.setAttribute(I,""),n&&y.set(o,h.indexOf(e)))}focusCell(e,t=!0){let n=B(e);this.setFocusCell(e,n,t),n?.focus()}renderSelected(){let{selected:e,selectionMode:t,selectionAppearance:n}=this;return t==="none"||n==="border"?null:d("selection-container",l`<div class=${i({[a.selectionContainer]:!0,[a.selectionContainerSingle]:t==="single"||t==="single-persist"})} @click=${this.handleItemClick}><calcite-icon .icon=${e?t==="multiple"?m.selectedMultiple:m.selectedSingle:t==="multiple"?m.unselectedMultiple:m.unselectedSingle} .scale=${S(this.scale)}></calcite-icon></div>`)}renderDragHandle(){let{label:e,dragHandle:t,dragDisabled:n,setPosition:o,setSize:h,moveToItems:s}=this;return t?d("drag-handle-container",l`<div .ariaLabel=${e} class=${i({[a.dragContainer]:!0,[a.gridCell]:!0})} role=gridcell ${f(this.handleGridEl)}><calcite-sort-handle .disabled=${n} .label=${e} .moveToItems=${s} @calciteSortHandleBeforeClose=${this.handleSortHandleBeforeClose} @calciteSortHandleBeforeOpen=${this.handleSortHandleBeforeOpen} @calciteSortHandleClose=${this.handleSortHandleClose} @calciteSortHandleOpen=${this.handleSortHandleOpen} overlay-positioning=fixed .scale=${this.scale} .setPosition=${o} .setSize=${h} ${f(this.setSortHandleEl)}></calcite-sort-handle></div>`):null}renderOpen(){let{el:e,open:t,openable:n,messages:o,displayMode:h,scale:s}=this;if(h!=="nested")return null;let u=z(e),v=n?t?m.open:u==="rtl"?m.closedRTL:m.closedLTR:m.blank,c=S(s),p=n?t?o.collapse:o.expand:void 0,g=n?this.handleToggleClick:void 0;return d("open-container",l`<div class=${i(a.openContainer)} @click=${g} title=${p??k}>${d(v,l`<calcite-icon .icon=${v} .scale=${c}></calcite-icon>`)}</div>`)}renderActionsStart(){let{label:e,hasActionsStart:t}=this;return d("actions-start-container",l`<div .ariaLabel=${e} class=${i({[a.actionsStart]:!0,[a.gridCell]:!0})} .hidden=${!t} role=gridcell ${f(this.actionsStartEl)}><slot name=${$.actionsStart} @slotchange=${this.handleActionsStartSlotChange}></slot></div>`)}renderActionsEnd(){let{label:e,hasActionsEnd:t,closable:n,messages:o}=this;return d("actions-end-container",l`<div .ariaLabel=${e} class=${i({[a.actionsEnd]:!0,[a.gridCell]:!0})} .hidden=${!(t||n)} role=gridcell ${f(this.actionsEndEl)}><slot name=${$.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot>${n?d("close-action",l`<calcite-action appearance=transparent class=${i(a.close)} .icon=${m.close} .label=${o.close} @click=${this.handleCloseClick} .scale=${this.scale} .text=${o.close}></calcite-action>`):null}</div>`)}renderContentStart(){let{hasContentStart:e}=this;return l`<div class=${i(a.contentStart)} .hidden=${!e}><slot name=${$.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot></div>`}renderCustomContent(){let{hasCustomContent:e}=this;return l`<div class=${i(a.customContent)} .hidden=${!e}><slot name=${$.content} @slotchange=${this.handleContentSlotChange}></slot></div>`}renderIconStart(){let{iconStart:e,iconFlipRtl:t,scale:n}=this;return e?d("icon-start",l`<calcite-icon class=${i(a.icon)} .flipRtl=${t==="both"||t==="start"} .icon=${e} .scale=${S(n)}></calcite-icon>`):null}renderIconEnd(){let{iconEnd:e,iconFlipRtl:t,scale:n}=this;return e?d("icon-end",l`<calcite-icon class=${i(a.icon)} .flipRtl=${t==="both"||t==="end"} .icon=${e} .scale=${S(n)}></calcite-icon>`):null}renderContentEnd(){let{hasContentEnd:e}=this;return l`<div class=${i(a.contentEnd)} .hidden=${!e}><slot name=${$.contentEnd} @slotchange=${this.handleContentEndSlotChange}></slot></div>`}renderContentBottom(){let{hasContentBottom:e}=this;return l`<div class=${i(a.contentBottom)} .hidden=${!e}><slot name=${$.contentBottom} @slotchange=${this.handleContentBottomSlotChange}></slot></div>`}renderDefaultContainer(){return l`<div class=${i({[a.nestedContainer]:!0,[a.nestedContainerOpen]:this.openable&&this.open})}><slot @slotchange=${this.handleDefaultSlotChange} ${f(this.defaultSlotEl)}></slot></div>`}renderContentProperties(){let{label:e,description:t,hasCustomContent:n}=this;return!n&&(e||t)?d("content",l`<div class=${i(a.content)}>${e?d("label",l`<div class=${i(a.label)}>${e}</div>`):null}${t?d("description",l`<div class=${i(a.description)}>${t}</div>`):null}</div>`):null}renderContentContainer(){let{description:e,label:t,selectionMode:n,hasCustomContent:o,unavailable:h}=this,s=o||!!t||!!e,u=[this.renderContentStart(),this.renderCustomContent(),this.renderIconStart(),this.renderContentProperties(),this.renderIconEnd(),this.renderContentEnd()];return d("content-container",l`<div .ariaLabel=${t} class=${i({[a.gridCell]:!0,[a.contentContainer]:!0,[a.contentContainerUnavailable]:h,[a.contentContainerSelectable]:n!=="none",[a.contentContainerHasCenterContent]:s})} @click=${this.handleItemClick} role=gridcell ${f(this.contentEl)}>${u}</div>`)}render(){let{openable:e,open:t,level:n,active:o,label:h,selected:s,selectionAppearance:u,selectionMode:v,interactionMode:c,closed:p,filterHidden:g,bordered:w,disabled:G,hasContentBottom:L}=this,K=w&&L,j=w&&!L,x=v!=="none"&&u==="border",N=x&&s,W=x&&!s,q=c==="interactive"||c==="static"&&v!=="none"&&u==="border";return P({disabled:G,children:l`<div class=${i({[a.wrapper]:!0,[a.wrapperBordered]:K})}><div .ariaExpanded=${e?t:null} .ariaLabel=${h} .ariaLevel=${n} .ariaSelected=${s} class=${i({[a.row]:!0,[a.container]:!0,[a.containerHover]:q,[a.containerBorder]:x,[a.containerBorderSelected]:N,[a.containerBorderUnselected]:W})} .hidden=${p||g} @focus=${this.focusCellNull} @focusin=${this.emitInternalListItemActive} @keydown=${this.handleItemKeyDown} role=row .tabIndex=${o?0:-1} ${f(this.containerEl)}>${this.renderDragHandle()}${this.renderSelected()}${this.renderOpen()}<div class=${i({[a.contentContainerWrapper]:!0,[a.contentContainerWrapperBordered]:j})}>${this.renderActionsStart()}${this.renderContentContainer()}${this.renderActionsEnd()}</div></div>${this.renderContentBottom()}</div>${this.renderDefaultContainer()}`})}};O("calcite-list-item",E);export{E as ListItem};