// All material copyright Esri, All Rights Reserved, unless otherwise specified.
// See https://js.arcgis.com/4.30/esri/copyright.txt for details.
//>>built
define("exports ./componentsUtils ./dom ./loadable ./t9n ./interactive ./locale ./key ./component ./icon".split(" "),function(h,b,e,f,c,d,k,p,g,q){function l(){"undefined"!==typeof customElements&&["calcite-chip","calcite-icon"].forEach(a=>{switch(a){case "calcite-chip":customElements.get(a)||customElements.define(a,m);break;case "calcite-icon":customElements.get(a)||q.defineCustomElement()}})}const m=b.proxyCustomElement(class extends b.H{constructor(){super();this.__registerHost();this.__attachShadow();
this.calciteChipClose=b.createEvent(this,"calciteChipClose",6);this.calciteChipSelect=b.createEvent(this,"calciteChipSelect",6);this.calciteInternalChipKeyEvent=b.createEvent(this,"calciteInternalChipKeyEvent",6);this.calciteInternalChipSelect=b.createEvent(this,"calciteInternalChipSelect",6);this.calciteInternalSyncSelectedChips=b.createEvent(this,"calciteInternalSyncSelectedChips",6);this.handleDefaultSlotChange=()=>{this.updateHasText()};this.close=()=>{this.calciteChipClose.emit();this.selected=
!1;this.closed=!0};this.closeButtonKeyDownHandler=a=>{p.isActivationKey(a.key)&&(a.preventDefault(),this.close())};this.handleSlotImageChange=a=>{this.hasImage=e.slotChangeHasAssignedElement(a)};this.handleEmittingEvent=()=>{this.interactive&&this.calciteChipSelect.emit()};this.disabled=!1;this.appearance="solid";this.kind="neutral";this.closable=!1;this.icon=void 0;this.iconFlipRtl=!1;this.scale="m";this.value=this.label=void 0;this.closed=!1;this.selectionMode="none";this.selected=!1;this.messages=
this.messageOverrides=void 0;this.interactive=!1;this.effectiveLocale=this.defaultMessages=this.parentChipGroup=void 0;this.hasImage=this.hasText=!1}watchSelected(a){"none"!==this.selectionMode&&this.handleSelectionPropertyChange(a)}onMessagesChange(){}effectiveLocaleChange(){c.updateMessages(this,this.effectiveLocale)}connectedCallback(){d.connectInteractive(this);k.connectLocalized(this);c.connectMessages(this)}componentDidLoad(){f.setComponentLoaded(this);"none"!==this.selectionMode&&this.interactive&&
this.selected&&this.handleSelectionPropertyChange(this.selected)}componentDidRender(){d.updateHostInteraction(this)}disconnectedCallback(){d.disconnectInteractive(this);k.disconnectLocalized(this);c.disconnectMessages(this)}async componentWillLoad(){f.setUpLoadableComponent(this);await c.setUpMessages(this);this.updateHasText()}keyDownHandler(a){if(a.target===this.el)switch(a.key){case " ":case "Enter":this.handleEmittingEvent();a.preventDefault();break;case "ArrowRight":case "ArrowLeft":case "Home":case "End":this.calciteInternalChipKeyEvent.emit(a),
a.preventDefault()}}clickHandler(){!this.interactive&&this.closable&&this.closeButtonEl.focus()}async setFocus(){await f.componentFocusable(this);!this.disabled&&this.interactive?this.containerEl?.focus():!this.disabled&&this.closable&&this.closeButtonEl?.focus()}updateHasText(){this.hasText=0<this.el.textContent.trim().length}handleSelectionPropertyChange(a){"single"===this.selectionMode&&this.calciteInternalSyncSelectedChips.emit();!this.parentChipGroup.selectedItems.includes(this.el)&&a&&"multiple"!==
this.selectionMode&&this.calciteInternalChipSelect.emit();"single"!==this.selectionMode&&this.calciteInternalSyncSelectedChips.emit()}renderChipImage(){return b.h("div",{class:"image-container"},b.h("slot",{name:"image",onSlotchange:this.handleSlotImageChange}))}renderSelectionIcon(){const a="multiple"===this.selectionMode&&this.selected?"check-circle-f":"multiple"===this.selectionMode?"circle":this.selected?"circle-f":void 0;return b.h("div",{class:{["select-icon"]:!0,["select-icon--active"]:"multiple"===
this.selectionMode||this.selected}},a?b.h("calcite-icon",{icon:a,scale:g.getIconScale(this.scale)}):null)}renderCloseButton(){return b.h("button",{"aria-label":this.messages.dismissLabel,class:"close",onClick:this.close,onKeyDown:this.closeButtonKeyDownHandler,tabIndex:this.disabled?-1:0,ref:a=>this.closeButtonEl=a},b.h("calcite-icon",{icon:"x",scale:g.getIconScale(this.scale)}))}renderIcon(){return b.h("calcite-icon",{class:"chip-icon",flipRtl:this.iconFlipRtl,icon:this.icon,scale:g.getIconScale(this.scale)})}render(){const {disabled:a}=
this,n=a||!a&&!this.interactive,r="multiple"===this.selectionMode&&this.interactive?"checkbox":"none"!==this.selectionMode&&this.interactive?"radio":this.interactive?"button":void 0;return b.h(b.Host,{key:"6fde6f4666ca0c145936bcd6e8b1e27d2b7a45d8"},b.h(d.InteractiveContainer,{key:"2cc3a9f9d8cc06757168f7ea1ecd5816f22d54a9",disabled:a},b.h("div",{key:"30f6dd924ac68cfa614073dea661c214366987f7","aria-checked":"none"!==this.selectionMode&&this.interactive?e.toAriaBoolean(this.selected):void 0,"aria-disabled":n?
e.toAriaBoolean(a):void 0,"aria-label":this.label,class:{container:!0,["text--slotted"]:this.hasText,["image--slotted"]:this.hasImage,selectable:"none"!==this.selectionMode,multiple:"multiple"===this.selectionMode,closable:this.closable,["non-interactive"]:!this.interactive,["is-circle"]:!this.closable&&!this.hasText&&(!this.icon||!this.hasImage)&&("none"===this.selectionMode||!!this.selectionMode&&"multiple"!==this.selectionMode&&!this.selected)},onClick:this.handleEmittingEvent,role:r,tabIndex:n?
-1:0,ref:t=>this.containerEl=t},"none"!==this.selectionMode&&this.renderSelectionIcon(),this.renderChipImage(),this.icon&&this.renderIcon(),b.h("span",{key:"e467f570503aea94f5ef464bd9ab7fd4d2c5fd9a",class:"title"},b.h("slot",{key:"f228540507f608f36288769a378a4bb73a7afeaf",onSlotchange:this.handleDefaultSlotChange})),this.closable&&this.renderCloseButton())))}static get assetsDirs(){return["assets"]}get el(){return this}static get watchers(){return{selected:["watchSelected"],messageOverrides:["onMessagesChange"],
effectiveLocale:["effectiveLocaleChange"]}}static get style(){return":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([scale\x3ds]){block-size:1.5rem;font-size:var(--calcite-font-size--2);--calcite-chip-spacing-s-internal:0.25rem;--calcite-chip-spacing-l-internal:0.5rem}:host([scale\x3ds]) .close,:host([scale\x3ds]) .select-icon--active{block-size:1rem;inline-size:1rem}:host([scale\x3ds]) .image-container{block-size:1.25rem;inline-size:1.25rem}:host([scale\x3ds]) .container.is-circle{block-size:1.5rem;inline-size:1.5rem}:host([scale\x3dm]){block-size:2rem;font-size:var(--calcite-font-size--1);--calcite-chip-spacing-s-internal:0.375rem;--calcite-chip-spacing-l-internal:0.5rem}:host([scale\x3dm]) .close,:host([scale\x3dm]) .image-container,:host([scale\x3dm]) .select-icon--active{block-size:1.5rem;inline-size:1.5rem}:host([scale\x3dm]) .container.is-circle{block-size:2rem;inline-size:2rem}:host([scale\x3dl]){block-size:2.75rem;font-size:var(--calcite-font-size-0);--calcite-chip-spacing-s-internal:0.5rem;--calcite-chip-spacing-l-internal:0.75rem}:host([scale\x3dl]) .image-container,:host([scale\x3dl]) .close,:host([scale\x3dl]) .select-icon--active{block-size:2rem;inline-size:2rem}:host([scale\x3dl]) .container.is-circle{block-size:2.75rem;inline-size:2.75rem}:host{display:inline-flex;cursor:default;border-radius:9999px}.container{box-sizing:border-box;display:inline-flex;block-size:100%;max-inline-size:100%;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-1);font-weight:var(--calcite-font-weight-medium);outline-color:transparent}.container:not(.is-circle){padding-inline:var(--calcite-chip-spacing-s-internal)}.container.selectable{cursor:pointer}.container:not(.non-interactive):focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([scale\x3ds]) .container.image--slotted{padding-inline-start:calc(0.125rem / 2)}:host([scale\x3ds]) .container.is-circle{padding-inline:0}.container.text--slotted .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:var(--calcite-chip-spacing-s-internal)}.container:not(.text--slotted) .title{display:none}.container:not(.image--slotted) .image-container{display:none}.container.closable{padding-inline-end:calc(var(--calcite-chip-spacing-l-internal) / 2)}.container:not(.is-circle).image--slotted{padding-inline-start:calc(var(--calcite-chip-spacing-l-internal) / 2)}.container:not(.is-circle).image--slotted .image-container{margin-inline-end:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle).image--slotted .image-container~.chip-icon{margin-inline-start:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle).selectable:not(.text--slotted) .chip-icon{margin-inline-end:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle):not(.selectable):not(.text--slotted) .chip-icon{margin-inline-start:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle):not(.text--slotted) .chip-icon{margin-inline-end:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle):not(.text-slotted).image--slotted .image-container{margin-inline-end:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle):not(.closable):not(.text--slotted).image--slotted.selectable .image-container{margin-inline-end:0}.container:not(.is-circle):not(.closable):not(.text--slotted).image--slotted.selectable .image-container~.chip-icon{margin-inline-start:calc(var(--calcite-chip-spacing-s-internal) * 2)}.chip-icon{position:relative;margin-block:0px;display:inline-flex;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline:var(--calcite-chip-spacing-s-internal)}.image-container{display:inline-flex;overflow:hidden;align-items:center;justify-content:center;pointer-events:none}.close{margin:0px;cursor:pointer;align-items:center;border-style:none;background-color:transparent;color:var(--calcite-color-text-1);outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;-webkit-appearance:none;display:flex;border-radius:50%;align-content:center;justify-content:center;--calcite-chip-transparent-hover:var(--calcite-color-transparent-hover);--calcite-chip-transparent-press:var(--calcite-color-transparent-press)}.close:hover{background-color:var(--calcite-chip-transparent-hover)}.close:focus{background-color:var(--calcite-chip-transparent-hover);outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.close:active{background-color:var(--calcite-chip-transparent-press)}.close calcite-icon{color:inherit}.select-icon{align-self:center;justify-content:center;align-items:center;display:flex;inset-block-start:-1px;position:relative;visibility:hidden;inline-size:0;opacity:0;transition:opacity 0.15s ease-in-out, inline-size 0.15s ease-in-out}.select-icon.select-icon--active{visibility:visible;opacity:0.5}.container:not(.is-circle).image--slotted .select-icon.select-icon--active{margin-inline-end:var(--calcite-chip-spacing-s-internal)}:host([selected]) .select-icon{opacity:1}.container:hover .select-icon--active{opacity:1}slot[name\x3dimage]::slotted(*){display:flex;block-size:100%;inline-size:100%;overflow:hidden;border-radius:50%}:host([kind\x3dneutral]){background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}:host([kind\x3dneutral]) .container{border-color:transparent}:host([kind\x3dneutral]) .close{color:var(--calcite-color-text-3)}:host([kind\x3dneutral]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-color-text-3))}:host([kind\x3dinverse]){background-color:var(--calcite-color-inverse);color:var(--calcite-color-text-inverse)}:host([kind\x3dinverse]) .container{border-color:transparent}:host([kind\x3dinverse]) .close{color:var(--calcite-color-text-inverse)}:host([kind\x3dinverse]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-color-text-inverse))}:host([kind\x3dbrand]){background-color:var(--calcite-color-brand);color:var(--calcite-color-text-inverse)}:host([kind\x3dbrand]) .container{border-color:transparent}:host([kind\x3dbrand]) .close{color:var(--calcite-color-text-inverse)}:host([kind\x3dbrand]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-color-text-inverse))}:host([appearance\x3doutline-fill]),:host([appearance\x3doutline]){background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1)}:host([appearance\x3doutline-fill]) .close,:host([appearance\x3doutline]) .close{color:var(--calcite-color-text-3)}:host([appearance\x3doutline-fill]) .chip-icon,:host([appearance\x3doutline]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-color-text-3))}:host([appearance\x3doutline-fill]){background-color:var(--calcite-color-foreground-1)}:host([appearance\x3doutline]){background-color:transparent}:host([kind\x3dneutral][appearance\x3doutline-fill]) .container,:host([kind\x3dneutral][appearance\x3doutline]) .container{border-color:var(--calcite-color-border-1)}:host([kind\x3dinverse][appearance\x3doutline-fill]) .container,:host([kind\x3dinverse][appearance\x3doutline]) .container{border-color:var(--calcite-color-border-inverse)}:host([kind\x3dbrand][appearance\x3doutline-fill]) .container,:host([kind\x3dbrand][appearance\x3doutline]) .container{border-color:var(--calcite-color-brand)}:host([kind\x3dbrand][appearance\x3dsolid]) button,:host([kind\x3dinverse][appearance\x3dsolid]) button{outline-color:var(--calcite-color-text-inverse)}:host([closed]){display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}"}},
[1,"calcite-chip",{disabled:[516],appearance:[513],kind:[513],closable:[516],icon:[513],iconFlipRtl:[516,"icon-flip-rtl"],scale:[513],label:[1],value:[8],closed:[1540],selectionMode:[1,"selection-mode"],selected:[1540],messageOverrides:[1040],messages:[1040],interactive:[4],parentChipGroup:[16],defaultMessages:[32],effectiveLocale:[32],hasText:[32],hasImage:[32],setFocus:[64]},[[0,"keydown","keyDownHandler"],[0,"click","clickHandler"]],{selected:["watchSelected"],messageOverrides:["onMessagesChange"],
effectiveLocale:["effectiveLocaleChange"]}]);l();h.Chip=m;h.defineCustomElement=l});