/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
import{a as u}from"./H47NPYUM.js";import"./JCTU3MST.js";import"./BXKNMJRR.js";import"./IJQZON2Z.js";import{B as h,N as m,O as d,R as s,U as f,a as n,b as a,x as p}from"./IXZEUVT2.js";import"./H6RQVSYM.js";export default $arcgis.t(([i,{substitute:b}])=>{var g=n`:host{display:inline-block;position:relative;width:fit-content;isolation:isolate}calcite-label:focus-within .swatch-wrapper{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:2px}`,l=class extends d{constructor(){super(...arguments),this._messages=u(),this.#t=e=>{this._popoverReferenceElement=e??void 0},this.#e=h(),this._color=new i([0,0,0,1]),this._open=!1,this.arcgisColorChanged=p()}static{this.properties={_color:16,_open:16,_popoverReferenceElement:16,color:1,label:1}}static{this.styles=g}#t;#e;#s(e){(e.key===" "||e.key==="Enter")&&this.#o(e)}#o(e){e.preventDefault(),e.stopPropagation(),this._open=!this._open}get color(){return this._color}set color(e){let o=e instanceof i?e:new i(e);o.equals(this._color)||(this._color=o)}render(){let e=this._color.toCss(!0),[o,_,$,v]=this._color.toRgba(),r=b(this._messages?.ariaDescription??"",{label:this.label??this._messages?.label??"",color:`${o}, ${_}, ${$}, ${v}`});return a`<calcite-label layout=inline scale=s @click=${this.#o}><div class="swatch-wrapper" tabindex=0 role=button aria-controls=${this.#e??s} aria-expanded=${this._open?"true":"false"} aria-haspopup=dialog aria-label=${r??s} @keydown=${this.#s} @click=${this.#o} ${m(this.#t)}><calcite-swatch .color=${e} .label=${r}></calcite-swatch></div>${this.label??this._messages?.label}${this._popoverReferenceElement?a`<calcite-popover id=${this.#e??s} auto-close class="popover" .label=${this._messages?.popoverLabel??""} .open=${this._open} @calcitePopoverClose=${()=>this._open=!1} @calcitePopoverOpen=${()=>this._open=!0} overlay-positioning=fixed .referenceElement=${this._popoverReferenceElement}><calcite-color-picker alpha-channel channels-disabled @click=${t=>{t.stopPropagation()}} @calciteColorPickerInput=${({target:{value:t}})=>{if(typeof t=="string"){let c=new i(t);this.color=c,this.arcgisColorChanged.emit(c)}}} saved-disabled .value=${e}></calcite-color-picker></calcite-popover>`:void 0}</calcite-label>`}};f("arcgis-color-select",l);return l},"Color","intl")