@esri/calcite-components 5.2.0-next.77 → 5.2.0-next.78
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/{QD5I3BA6.js → 2IIAOFW5.js} +1 -1
- package/dist/cdn/{NP3DXVMA.js → 2MWFAKU4.js} +1 -1
- package/dist/cdn/{U6R2TI66.js → 2PTOS6B6.js} +1 -1
- package/dist/cdn/{2GTWWACY.js → 2PZEQCKY.js} +1 -1
- package/dist/cdn/{A5OZDZVI.js → 2VQLA2L3.js} +1 -1
- package/dist/cdn/{2GC72L4I.js → 36XSAMRD.js} +1 -1
- package/dist/cdn/{7FL34K6K.js → 3AT2ABU6.js} +1 -1
- package/dist/cdn/{FG26NF3X.js → 3BGLWWXF.js} +1 -1
- package/dist/cdn/{GYXM76FV.js → 3FXNL6ZJ.js} +1 -1
- package/dist/cdn/{GGIDVR6G.js → 3KLXXVWV.js} +1 -1
- package/dist/cdn/{IBDTFEKU.js → 45NFVY5K.js} +1 -1
- package/dist/cdn/{UFM6MWTM.js → 4APT2VI4.js} +1 -1
- package/dist/cdn/{WU7FT4E2.js → 4S7N4BFM.js} +1 -1
- package/dist/cdn/{VAWIUK6O.js → 4UR2M57V.js} +1 -1
- package/dist/cdn/{HQLRN2MB.js → 4WZT5M6R.js} +1 -1
- package/dist/cdn/{LWRCHNDA.js → 522Q36XR.js} +1 -1
- package/dist/cdn/{KVV4CWES.js → 5EKWE2LN.js} +1 -1
- package/dist/cdn/{V5Y4LJSS.js → 5IWDKJAT.js} +1 -1
- package/dist/cdn/{PHMS4MON.js → 5UQVAKC7.js} +1 -1
- package/dist/cdn/{USVPKKTW.js → 64WKBSIM.js} +1 -1
- package/dist/cdn/{YAZOITOI.js → 6UOGDUOM.js} +1 -1
- package/dist/cdn/{3U2VTMKE.js → 6Y4CCD4S.js} +1 -1
- package/dist/cdn/{7JPNLX5L.js → 7CH7LZX7.js} +1 -1
- package/dist/cdn/{HTDOEA5S.js → 7ICHY27F.js} +1 -1
- package/dist/cdn/{MV6FZQZP.js → 7O2XXXUN.js} +1 -1
- package/dist/cdn/{6FQZCK5U.js → 7RWYHVWP.js} +1 -1
- package/dist/cdn/{XLITIJMJ.js → 7RZCZV4B.js} +1 -1
- package/dist/cdn/{FIEYHLAD.js → AACOTE5M.js} +1 -1
- package/dist/cdn/{2IVLK46N.js → AKSLU3RM.js} +1 -1
- package/dist/cdn/{LZIKFSXR.js → ALXL7CIU.js} +1 -1
- package/dist/cdn/{XHLHGI4P.js → ASCMQGZC.js} +1 -1
- package/dist/cdn/{RP3QPVPC.js → ASE6WOIX.js} +1 -1
- package/dist/cdn/{LMFD6EPS.js → ASUTSYX6.js} +1 -1
- package/dist/cdn/{QFHATQLZ.js → ATRYJOS5.js} +1 -1
- package/dist/cdn/{H5VCSZU2.js → AYLAANSS.js} +1 -1
- package/dist/cdn/{SMNLOG4S.js → B55YC5JL.js} +1 -1
- package/dist/cdn/{2PRJPYED.js → BA2ZQSJS.js} +1 -1
- package/dist/cdn/{F42NEFGQ.js → BT2BIM6N.js} +1 -1
- package/dist/cdn/{6OCFIDS3.js → BTEVR6OB.js} +1 -1
- package/dist/cdn/{4JYNFF4P.js → BUGLTO2Z.js} +1 -1
- package/dist/cdn/{7TPIIU3U.js → C32VZZ2C.js} +1 -1
- package/dist/cdn/{F575GJVU.js → C57RF72Z.js} +1 -1
- package/dist/cdn/{WSBLJ2VG.js → CEYFZHMU.js} +1 -1
- package/dist/cdn/{2EMGBVSY.js → CHMY754Q.js} +1 -1
- package/dist/cdn/DAHOGZYX.js +2 -0
- package/dist/cdn/{5M7ZHFE2.js → DLL4GK7D.js} +1 -1
- package/dist/cdn/{MZORBWID.js → DMFAUPS7.js} +1 -1
- package/dist/cdn/{POEGAWTJ.js → DMMITSID.js} +1 -1
- package/dist/cdn/{K24HOLSY.js → DOC3YWP4.js} +1 -1
- package/dist/cdn/{TCXPDMGO.js → DSF4QJZ5.js} +1 -1
- package/dist/cdn/{57KBRLLL.js → DTDREMTO.js} +1 -1
- package/dist/cdn/{Z2NEM5E2.js → DUKC64ZL.js} +1 -1
- package/dist/cdn/{4YWOTCFJ.js → E2AOU4BO.js} +1 -1
- package/dist/cdn/{BBJJYPBA.js → E3U2CPWV.js} +1 -1
- package/dist/cdn/{XZPY3RTK.js → ESIEB6BL.js} +1 -1
- package/dist/cdn/{GFKP3RME.js → ETKHN3TB.js} +1 -1
- package/dist/cdn/{NUDKKOVO.js → FBXLLI7B.js} +1 -1
- package/dist/cdn/{MXE3HNWK.js → FLYV24HQ.js} +1 -1
- package/dist/cdn/{XX6LLQSZ.js → G3MXWK3Y.js} +1 -1
- package/dist/cdn/{UWRAGI5T.js → GHGLOM2P.js} +1 -1
- package/dist/cdn/{NUAVODNR.js → GLSTXQT7.js} +1 -1
- package/dist/cdn/{B5ZJILIF.js → H5IUDBWB.js} +1 -1
- package/dist/cdn/{LCKYGJUF.js → HLSXMJZX.js} +1 -1
- package/dist/cdn/{VDA7ANM6.js → HOZL7WN5.js} +1 -1
- package/dist/cdn/{WGF5XIZD.js → HZDH45O7.js} +1 -1
- package/dist/cdn/{BYAX5VWB.js → HZLQY5QW.js} +1 -1
- package/dist/cdn/{MNB4IGZZ.js → I5BNPFV3.js} +1 -1
- package/dist/cdn/{SSLNJKGO.js → IDNG5M6J.js} +1 -1
- package/dist/cdn/{7ZKB762Y.js → IGRA4IYX.js} +1 -1
- package/dist/cdn/{K7MU6R4D.js → IQLOAXU7.js} +1 -1
- package/dist/cdn/{XG3ZB6G2.js → JDC2XDE4.js} +1 -1
- package/dist/cdn/{RYA2FB6F.js → JJAMYTVE.js} +1 -1
- package/dist/cdn/{5MIG4PCO.js → JPY4VGZY.js} +1 -1
- package/dist/cdn/{5UZD5KWP.js → K3CGWWPV.js} +1 -1
- package/dist/cdn/{SL7UFNSJ.js → K4ZFXLTM.js} +1 -1
- package/dist/cdn/{4ANBYAAI.js → KAD52SXO.js} +1 -1
- package/dist/cdn/{U55PXJNU.js → KB7CP5XB.js} +1 -1
- package/dist/cdn/{U4YEPUAZ.js → KSMZRTYZ.js} +1 -1
- package/dist/cdn/{S5ZPO2ZP.js → KUX27JPM.js} +1 -1
- package/dist/cdn/{PFESPS2X.js → L4O3RATS.js} +1 -1
- package/dist/cdn/{3ERKUORP.js → LDGV2XZM.js} +1 -1
- package/dist/cdn/{AKPLEBJV.js → LL4YWJW2.js} +1 -1
- package/dist/cdn/{VVR5EDD7.js → LOI44EGZ.js} +1 -1
- package/dist/cdn/{34ZHM643.js → LOQPGPEO.js} +1 -1
- package/dist/cdn/{6YAJNAT7.js → LQ2JDBYN.js} +1 -1
- package/dist/cdn/{MAEDQXZT.js → LQHVOKP4.js} +1 -1
- package/dist/cdn/{E7ALTO6R.js → LWUUNXR4.js} +1 -1
- package/dist/cdn/{ERAGIB7E.js → M4DDBUO4.js} +1 -1
- package/dist/cdn/{ZBT22UNS.js → ME6FBZVS.js} +1 -1
- package/dist/cdn/{Y7YQLZLN.js → MGL5JZDA.js} +1 -1
- package/dist/cdn/{4QGZI4QP.js → MU3PPZ2G.js} +1 -1
- package/dist/cdn/{ABVK2XXS.js → N5T6PZC3.js} +1 -1
- package/dist/cdn/{VQQAOOGV.js → NBYEAGDO.js} +1 -1
- package/dist/cdn/{ZSWL4HLH.js → NJLBJP4M.js} +1 -1
- package/dist/cdn/{YHJHU6RT.js → NODH7K66.js} +1 -1
- package/dist/cdn/{NBGBP7O5.js → NQRYKBUG.js} +1 -1
- package/dist/cdn/{3L632JRS.js → NRRHEPBV.js} +1 -1
- package/dist/cdn/{7G26YHTV.js → OKV3CXDQ.js} +1 -1
- package/dist/cdn/{CBLIHK7P.js → P2RPEF65.js} +1 -1
- package/dist/cdn/{OIMSND3J.js → PEECQDDN.js} +1 -1
- package/dist/cdn/{RPZZYG2S.js → Q3HRAADJ.js} +1 -1
- package/dist/cdn/{3Y2WH2AF.js → QSGFXZ6X.js} +1 -1
- package/dist/cdn/{XLXTGD2C.js → R3EHBHZO.js} +1 -1
- package/dist/cdn/{YSC7KSLZ.js → R76BAM4Z.js} +1 -1
- package/dist/cdn/{D5ZQ3D3X.js → S6UCOJUW.js} +1 -1
- package/dist/cdn/{BHUOMS4W.js → SCY4F7V2.js} +1 -1
- package/dist/cdn/{OFH7FRJ4.js → SF7OTKN6.js} +1 -1
- package/dist/cdn/{DI3DMNSW.js → SKNDSMTS.js} +1 -1
- package/dist/cdn/{QV6K56G6.js → SOQVCUQI.js} +1 -1
- package/dist/cdn/{WHKCT5QZ.js → TFK5TLEX.js} +1 -1
- package/dist/cdn/{NTMV2Y47.js → TJYMIB55.js} +1 -1
- package/dist/cdn/{UTSTSUQ6.js → TL7SABIH.js} +1 -1
- package/dist/cdn/{RRO5SEXB.js → TW2C2FIB.js} +1 -1
- package/dist/cdn/{Q6TQXANP.js → U5X2EV7K.js} +1 -1
- package/dist/cdn/{VF32EBDT.js → U7UCLK7W.js} +1 -1
- package/dist/cdn/{S4XR26VM.js → UCSEH56I.js} +1 -1
- package/dist/cdn/{JFW3CLQA.js → UM32HYEO.js} +1 -1
- package/dist/cdn/{DMS3J76H.js → UOYQLJ6X.js} +1 -1
- package/dist/cdn/{PC4U5TVP.js → VMFX5DS5.js} +1 -1
- package/dist/cdn/{NSB7EKMH.js → VNQV55CH.js} +1 -1
- package/dist/cdn/{VADBSNCJ.js → VWIGJ6BU.js} +1 -1
- package/dist/cdn/{XEACD7MA.js → VYGNA7DQ.js} +1 -1
- package/dist/cdn/{KANQCNOT.js → WEBANTO7.js} +1 -1
- package/dist/cdn/{R52TNDNK.js → WME5WMTN.js} +1 -1
- package/dist/cdn/{5CL4DMNU.js → WU2EMEO4.js} +1 -1
- package/dist/cdn/{AITOHT7W.js → WXQFS2MI.js} +1 -1
- package/dist/cdn/{QHDDXK7D.js → X5PHSF57.js} +1 -1
- package/dist/cdn/XAPPIUAT.js +2 -0
- package/dist/cdn/{EUDERST3.js → XGVBRRXX.js} +1 -1
- package/dist/cdn/{C3NZ4OQK.js → XQVHRPUW.js} +1 -1
- package/dist/cdn/{7CNV36M7.js → XRDZ7QFN.js} +1 -1
- package/dist/cdn/{VDJC5SQJ.js → XVOQNUET.js} +1 -1
- package/dist/cdn/{YULQCNDH.js → XYK7ZFKV.js} +1 -1
- package/dist/cdn/{IGEN7JN4.js → Y7WYRSG3.js} +1 -1
- package/dist/cdn/{TEZTVRKF.js → YBXYLLUU.js} +1 -1
- package/dist/cdn/{Y64YINU4.js → YUNNSLZY.js} +1 -1
- package/dist/cdn/{P546NLRQ.js → YYRBKL64.js} +1 -1
- package/dist/cdn/{RVH6T3VG.js → YZYBGPNK.js} +1 -1
- package/dist/cdn/{LWY3GSJM.js → ZMMSE6VS.js} +1 -1
- package/dist/cdn/{BOCDB3RA.js → ZUPNP6V2.js} +1 -1
- package/dist/cdn/index.js +2 -2
- package/dist/cdn/main.css +1 -1
- package/dist/chunks/locale.js +29 -12
- package/dist/chunks/runtime.js +4 -4
- package/dist/components/calcite-slider/customElement.js +1 -1
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/package.json +2 -2
- package/dist/cdn/CF2PBDVT.js +0 -2
- package/dist/cdn/MBM7UIXE.js +0 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as Ce,d as q,e as fe}from"./YJPIZ6DX.js";import{a as ce}from"./XLITIJMJ.js";import{A as P,B as de,C as G,D as ue,E as pe,a as k,b as r,c as m,d as I,e as E,f,g as j,h as b,i as D,j as U,k as W,m as N,n as O,o as B,s as R,t as S,v as he,x as _,y as V,z as X}from"./4IEGHLUB.js";import"./27YYIR6K.js";import{a as le}from"./4JYNFF4P.js";import{a as F}from"./QFHATQLZ.js";import{a as re}from"./NTMV2Y47.js";import{c as H}from"./VXDPJESZ.js";import{a as ne}from"./YP3AYJH3.js";import{a as ie}from"./VI7SBYXT.js";import{a as se}from"./3Y2WH2AF.js";import{a as ae}from"./6OCFIDS3.js";import"./ZWPNZ5XW.js";import{e as oe}from"./RP3QPVPC.js";import{A as K}from"./3QPETC2U.js";import{C as T,D as g,E as ee,F as h,G as $,O as x,R as te,g as Q,h as p,l as w,p as L}from"./Z2NEM5E2.js";var Te=Q`: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{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);display:inline-block;font-weight:var(--calcite-font-weight-normal);inline-size:var(--calcite-internal-color-picker-min-width);min-inline-size:var(--calcite-internal-color-picker-min-width)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-internal-color-picker-min-width: 200px;--calcite-color-picker-spacing: var(--calcite-spacing-sm)}:host([scale=m]){--calcite-internal-color-picker-min-width: 240px;--calcite-color-picker-spacing: var(--calcite-spacing-md)}:host([scale=l]){--calcite-internal-color-picker-min-width: 304px;--calcite-color-picker-spacing: var(--calcite-spacing-lg);font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=l]) .section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}:host([scale=l]) .control-section{display:flex;flex-direction:column;flex-wrap:wrap;align-items:baseline}:host([scale=l]) .color-hex-options{inline-size:100%;display:flex;flex-shrink:1;flex-direction:column;justify-content:space-around}:host([scale=l]) .color-mode-container{flex-shrink:3}calcite-input-number{--calcite-input-number-background-color: var(--calcite-color-picker-input-background-color);--calcite-input-number-border-color: var(--calcite-color-picker-input-border-color);--calcite-input-number-text-color: var(--calcite-color-picker-input-text-color);--calcite-input-prefix-text-color: var(--calcite-color-picker-input-prefix-text-color);--calcite-input-suffix-text-color: var(--calcite-color-picker-input-suffix-text-color)}calcite-button{--calcite-button-text-color: var(--calcite-color-picker-action-text-color);--calcite-button-text-color-press: var(--calcite-color-picker-action-text-color-press)}calcite-button:hover,calcite-button:focus{--calcite-button-text-color: var(--calcite-color-picker-action-text-color-hover)}calcite-button:active{--calcite-button-text-color: var(--calcite-color-picker-action-text-color-press)}calcite-tabs{--calcite-tab-border-color: var(--calcite-color-picker-tab-border-color);--calcite-tab-text-color: var(--calcite-color-picker-tab-text-color);--calcite-tab-accent-color-press: var(--calcite-color-picker-tab-accent-color);--calcite-swatch-corner-radius: var(--calcite-color-picker-swatch-corner-radius)}calcite-tab-title:hover{--calcite-color-text-1: var(--calcite-color-picker-tab-text-color-hover)}calcite-swatch{--calcite-swatch-corner-radius: var(--calcite-color-picker-swatch-corner-radius)}.container{display:flex;flex-direction:column;block-size:min-content;border:1px solid var(--calcite-color-picker-border-color, var(--calcite-color-border-3));background-color:var(--calcite-color-picker-background-color, var(--calcite-color-foreground-1));border-radius:var(--calcite-color-picker-corner-radius, var(--calcite-corner-radius));box-shadow:var(--calcite-color-picker-shadow, var(--calcite-shadow-none))}.control-and-scope{display:flex;position:relative;cursor:pointer;touch-action:none}.color-field,.control-and-scope{-webkit-user-select:none;user-select:none;border-radius:var(--calcite-color-picker-corner-radius, var(--calcite-corner-radius)) var(--calcite-color-picker-corner-radius, var(--calcite-corner-radius)) var(--calcite-corner-radius-none) var(--calcite-corner-radius-none)}.scope{font-size:var(--calcite-font-size-relative-base);outline-color:transparent;position:absolute;z-index:var(--calcite-z-index);border-radius:var(--calcite-corner-radius-pill);background-color:transparent;inline-size:var(--calcite-size-px);block-size:var(--calcite-size-px);pointer-events:none}.scope:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)));outline-offset:6px}.hex-and-channels-group{display:flex;flex-direction:column;flex-wrap:wrap;inline-size:100%}.section{padding-block:0 var(--calcite-color-picker-spacing);padding-inline:var(--calcite-color-picker-spacing)}.section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}.sliders{display:flex;flex-direction:column;justify-content:space-between;margin-inline-start:var(--calcite-color-picker-spacing);gap:var(--calcite-spacing-xxs)}.preview-and-sliders{display:flex;align-items:center;padding:var(--calcite-color-picker-spacing)}.color-hex-options,.section--split{flex-grow:1}.header{display:flex;align-items:center;justify-content:space-between;color:var(--calcite-color-picker-text-color, var(--calcite-color-text-1))}.color-mode-container{padding-block-start:var(--calcite-color-picker-spacing)}.channels{display:flex}.channel{flex-grow:1}.channel[data-channel-index="3"]{margin-inline-start:-1px;min-inline-size:81px}:host([scale=s]) .channel[data-channel-index="3"]{min-inline-size:68px}:host([scale=l]) .channel[data-channel-index="3"]{min-inline-size:88px}.saved-colors-buttons{display:flex}.swatch-group{margin-block-start:var(--calcite-color-picker-spacing)}:host([hidden]){display:none}[hidden]{display:none}`,ve=16,Y=class extends ee{constructor(){super(),this._color=m,this.colorFieldScopeRef=T(),this.direction=oe(),this.hueScopeRef=T(),this.isActiveChannelInputEmpty=!1,this.mode=_.HEX,this.opacityScopeRef=T(),this.resizeObserver=ie("resize",e=>this.resizeCanvas(e)),this.shiftKeyChannelAdjustment=0,this._valueWasSet=!1,this.messages=se({blocking:!0}),this.captureColorFieldColor=(e,t,i=!0)=>{let{width:a,height:o}=this.dynamicDimensions.colorField,s=Math.round(f.s/a*e),l=Math.round(f.v/o*(o-t));this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(s).value(l),i)},this.cancelable=re()(this),this.drawColorControls=H((e="all")=>{(e==="all"||e==="color-field")&&this.colorFieldRenderingContext&&this.drawColorField(),(e==="all"||e==="hue-slider")&&this.hueSliderRenderingContext&&this.drawHueSlider(),this.alphaChannel&&(e==="all"||e==="opacity-slider")&&this.opacitySliderRenderingContext&&this.drawOpacitySlider()},ve),this.globalPointerMoveHandler=e=>{let{activeCanvasInfo:t,el:i}=this;if(!i.isConnected||!t)return;let{context:a,bounds:o}=t,s,l,{clientX:c,clientY:n}=e;a.canvas.matches(":hover")?(s=c-o.x,l=n-o.y):(c<o.x+o.width&&c>o.x?s=c-o.x:c<o.x?s=0:s=o.width,n<o.y+o.height&&n>o.y?l=n-o.y:n<o.y?l=0:l=o.height),a===this.colorFieldRenderingContext?this.captureColorFieldColor(s,l,!1):a===this.hueSliderRenderingContext?this.captureHueSliderColor(s):a===this.opacitySliderRenderingContext&&this.captureOpacitySliderValue(s)},this.globalPointerUpHandler=e=>{if(!K(e))return;let t=this.activeCanvasInfo;this.activeCanvasInfo=void 0,this.drawColorControls(),t&&this.calciteColorPickerChange.emit()},this.resizeCanvas=H(e=>{if(!this.hasUpdated)return;let[t]=e,i=Math.floor(t.contentBoxSize[0].inlineSize);this.dynamicDimensions.colorField.width!==i&&(this.updateDynamicDimensions(i),this.updateCanvasSize(),this.drawColorControls())},ve),this.updateDynamicDimensions=e=>{let t={width:ue(e,this.staticDimensions,this.alphaChannel),height:this.staticDimensions.slider.height};this.dynamicDimensions={colorField:pe(e),slider:t}},this.focusSetter=ae()(this),this.interactiveContainer=le(this),this.channelMode="rgb",this.channels=this.toChannels(m),this.staticDimensions=D.m,this.savedColors=[],this.alphaChannel=!1,this.channelsDisabled=!1,this.clearable=!1,this.disabled=!1,this.fieldDisabled=!1,this.format="auto",this.hexDisabled=!1,this.savedDisabled=!1,this.scale="m",this.calciteColorPickerChange=L({cancelable:!1}),this.calciteColorPickerInput=L({cancelable:!1}),this.listen("keydown",this.handleChannelKeyUpOrDown,{capture:!0}),this.listen("keyup",this.handleChannelKeyUpOrDown,{capture:!0})}static{this.properties={channelMode:[16,{},{state:!0}],channels:[16,{},{state:!0}],colorFieldScopeLeft:[16,{},{state:!0}],colorFieldScopeTop:[16,{},{state:!0}],staticDimensions:[16,{},{state:!0}],hueScopeLeft:[16,{},{state:!0}],opacityScopeLeft:[16,{},{state:!0}],savedColors:[16,{},{state:!0}],scopeOrientation:[16,{},{state:!0}],alphaChannel:[5,{},{type:Boolean}],channelsDisabled:[5,{},{type:Boolean}],clearable:[7,{},{reflect:!0,type:Boolean}],color:[0,{},{attribute:!1}],disabled:[7,{},{reflect:!0,type:Boolean}],fieldDisabled:[7,{},{reflect:!0,type:Boolean}],format:[3,{},{reflect:!0}],hexDisabled:[5,{},{type:Boolean}],messageOverrides:[0,{},{attribute:!1}],numberingSystem:[3,{},{reflect:!0}],savedDisabled:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],storageId:[3,{},{reflect:!0}],value:1}}static{this.styles=Te}get baseColorFieldColor(){return this.color||this.previousColor||m}get effectiveSliderWidth(){return this.dynamicDimensions.slider.width}get color(){return this._color}set color(e){let t=this._color;this._color=e,this.handleColorChange(e,t)}get value(){return this._value}set value(e){let t=this._value,i=e||void 0;this._value=i,this.handleValueChange(i,t),this._valueWasSet=!0}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.observeResize(),this.cancelable.add([this.drawColorControls,this.resizeCanvas])}async load(){this._valueWasSet||(this._value??=R(S(m,this.alphaChannel)));let{clearable:e,color:t,format:i}=this,a=this.value,o=e&&!a,s=V(a),l=o||i==="auto"&&s||i===s,c=l?N(a,e,s):t;l||this.showIncompatibleColorWarning(a,i),this.setMode(i,!1),this.internalColorSet(c,!1,"initial"),this.updateStaticDimensions(this.scale),this.updateDynamicDimensions(D[this.scale].minWidth);let n=`${I}${this.storageId}`;if(this.storageId){let d=localStorage.getItem(n);d&&(this.savedColors=JSON.parse(d))}}willUpdate(e){e.has("alphaChannel")&&(this.hasUpdated||this.alphaChannel!==!1)&&this.handleAlphaChannelChange(this.alphaChannel),this.hasUpdated&&(e.has("alphaChannel")&&this.alphaChannel!==!1||e.has("staticDimensions")&&this.staticDimensions!==D.m)&&this.handleAlphaChannelDimensionsChange(),(e.has("alphaChannel")&&(this.hasUpdated||this.alphaChannel!==!1)||e.has("format")&&(this.hasUpdated||this.format!=="auto"))&&this.handleFormatOrAlphaChannelChange(),e.has("scale")&&(this.hasUpdated||this.scale!=="m")&&this.handleScaleChange(this.scale)}loaded(){this.handleAlphaChannelDimensionsChange()}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("pointermove",this.globalPointerMoveHandler),window.removeEventListener("pointerup",this.globalPointerUpHandler),this.resizeObserver?.disconnect()}observeResize(){this.resizeObserver?.observe(this.el)}handleAlphaChannelChange(e){let{format:t}=this;e&&t!=="auto"&&!P(t)&&(x.warn(`ignoring alphaChannel as the current format (${t}) does not support alpha`),this.alphaChannel=!1)}handleAlphaChannelDimensionsChange(){this.drawColorControls()}handleColorChange(e,t){this.drawColorControls(),this.updateChannelsFromColor(e),this.previousColor=t}handleFormatOrAlphaChannelChange(){this.setMode(this.format),this.internalColorSet(this.color,!1,"internal")}handleScaleChange(e="m"){this.updateStaticDimensions(e),this.updateCanvasSize(),this.drawColorControls()}handleValueChange(e,t){let{clearable:i,format:a}=this,o=!i||e,s=!1;if(o){let d=V(e);if(!d||a!=="auto"&&d!==a){this.showIncompatibleColorWarning(e,a),this._value=t;return}s=this.mode!==d,this.setMode(d,this.internalColorUpdateContext===void 0)}let l=this.activeCanvasInfo;if(this.internalColorUpdateContext==="initial")return;if(this.internalColorUpdateContext==="user-interaction"){this.calciteColorPickerInput.emit(),l||this.calciteColorPickerChange.emit();return}let c=N(e,i,this.mode),n=!X(c,this.color);(s||n)&&this.internalColorSet(c,this.alphaChannel&&!(this.mode.endsWith("a")||this.mode.endsWith("a-css"))||this.internalColorUpdateContext==="internal","internal")}handleTabActivate(e){this.channelMode=e.currentTarget.getAttribute("data-color-mode"),this.updateChannelsFromColor(this.color)}handleColorFieldScopeKeyDown(e){let{key:t}=e,a={ArrowUp:{x:0,y:-10},ArrowRight:{x:10,y:0},ArrowDown:{x:0,y:10},ArrowLeft:{x:-10,y:0}}[t];a&&(e.preventDefault(),this.scopeOrientation=t==="ArrowDown"||t==="ArrowUp"?"vertical":"horizontal",this.captureColorFieldColor(this.colorFieldScopeLeft===void 0?0:this.colorFieldScopeLeft+a.x,this.colorFieldScopeTop===void 0?0:this.colorFieldScopeTop+a.y,!1))}handleHueScopeKeyDown(e){let t=e.shiftKey?10:1,{key:i}=e,o={ArrowUp:1,ArrowRight:1,ArrowDown:-1,ArrowLeft:-1}[i];if(o){e.preventDefault();let s=o*t,l=this.baseColorFieldColor.hue(),c=this.baseColorFieldColor.hue(l+s);this.internalColorSet(c,!1)}}handleHexInputChange(e){e.stopPropagation();let{clearable:t,color:i}=this,o=e.target.value;if(t&&!o){this.internalColorSet(void 0);return}let s=i&&R(S(i,P(this.mode)));o!==s&&this.internalColorSet(k(o))}handleSavedColorSelect(e){let t=e.currentTarget;this.internalColorSet(k(t.color))}handleChannelInput(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),o=i===3?b.max:this.channelMode==="rgb"?Object.values(E)[i]:Object.values(f)[i],s;if(!t.value)s="",this.isActiveChannelInputEmpty=!0,this.upOrDownArrowKeyTracker=void 0;else{let c=Number(t.value)+this.shiftKeyChannelAdjustment;s=Ce(c,0,o).toString()}t.value=s,s!==""&&this.shiftKeyChannelAdjustment!==0?this.handleChannelChange(e):s!==""&&this.handleChannelChange(e)}handleChannelBlur(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),a=[...this.channels];!t.value&&!this.clearable&&(t.value=a[i]?.toString()??"")}handleChannelFocus(e){e.currentTarget.selectText()}handleChannelKeyUpOrDown(e){this.shiftKeyChannelAdjustment=0;let{key:t}=e;if(t!=="ArrowUp"&&t!=="ArrowDown"||!e.composedPath().some(o=>o.classList?.contains(r.channel)))return;let{shiftKey:i}=e;if(e.preventDefault(),!this.color){this.internalColorSet(this.previousColor),e.stopPropagation();return}let a=9;this.shiftKeyChannelAdjustment=t==="ArrowUp"&&i?a:t==="ArrowDown"&&i?-a:0,t==="ArrowUp"&&(this.upOrDownArrowKeyTracker="up"),t==="ArrowDown"&&(this.upOrDownArrowKeyTracker="down")}getChannelInputLimit(e){return this.channelMode==="rgb"?Object.values(E)[e]:Object.values(f)[e]}handleChannelChange(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index"));if(this.clearable&&!t.value){this.channels=[void 0,void 0,void 0,void 0],this.internalColorSet(void 0);return}let o=[...this.channels],s=i===3;this.isActiveChannelInputEmpty&&this.upOrDownArrowKeyTracker&&(t.value=this.upOrDownArrowKeyTracker==="up"?(o[i]+1<=this.getChannelInputLimit(i)?o[i]+1:this.getChannelInputLimit(i)).toString():(o[i]-1>=0?o[i]-1:0).toString(),this.isActiveChannelInputEmpty=!1,this.upOrDownArrowKeyTracker=void 0);let l=t.value?Number(t.value):o[i];o[i]=s?B(l):l,this.updateColorFromChannels(o)}handleSavedColorKeyDown(e){ne(e.key)&&(e.preventDefault(),this.handleSavedColorSelect(e))}handleColorFieldPointerDown(e){this.handleCanvasControlPointerDown(e,this.colorFieldRenderingContext,this.captureColorFieldColor,this.colorFieldScopeRef.value)}focusScope(e){requestAnimationFrame(()=>{e.focus()})}handleHueSliderPointerDown(e){this.handleCanvasControlPointerDown(e,this.hueSliderRenderingContext,this.captureHueSliderColor,this.hueScopeRef.value)}handleOpacitySliderPointerDown(e){this.handleCanvasControlPointerDown(e,this.opacitySliderRenderingContext,this.captureOpacitySliderValue,this.opacityScopeRef.value)}handleCanvasControlPointerDown(e,t,i,a){K(e)&&(window.addEventListener("pointermove",this.globalPointerMoveHandler),window.addEventListener("pointerup",this.globalPointerUpHandler,{once:!0}),this.activeCanvasInfo={context:t,bounds:t.canvas.getBoundingClientRect()},i.call(this,e.offsetX,e.offsetY),this.focusScope(a))}handleKeyDown(e){e.key==="Enter"&&e.preventDefault()}showIncompatibleColorWarning(e,t){x.warn(`ignoring color value (${e}) as it is not compatible with the current format (${t})`)}setMode(e,t=!0){let i=e==="auto"?this.mode:e;this.mode=this.ensureCompatibleMode(i,t)}ensureCompatibleMode(e,t){let{alphaChannel:i}=this,a=P(e);if(i&&!a){let o=de(e);return t&&x.warn(`setting format to (${o}) as the provided one (${e}) does not support alpha`),o}if(!i&&a){let o=G(e);return t&&x.warn(`setting format to (${o}) as the provided one (${e}) does not support alpha`),o}return e}captureHueSliderColor(e){let t=j/this.effectiveSliderWidth*e;this.internalColorSet(this.baseColorFieldColor.hue(t),!1)}captureOpacitySliderValue(e){let t=B(b.max/this.effectiveSliderWidth*e);this.internalColorSet(this.baseColorFieldColor.alpha(t),!1)}internalColorSet(e,t=!0,i="user-interaction"){t&&X(e,this.color)||(this.internalColorUpdateContext=i,this.color=e,this.value=this.toValue(e),this.internalColorUpdateContext=void 0)}toValue(e,t=this.mode){if(!e)return;if(t.includes("hex")){let n=t===_.HEXA;return R(S(e.round(),n),n)}if(t.includes("-css")){let n=(t.startsWith("rgb")?e.rgb():e.hsl()).round().string();if((t.endsWith("a")||t.endsWith("a-css"))&&e.alpha()===1){let u=n.slice(0,3),C=n.slice(4,-1);return`${u}a(${C}, ${e.alpha()})`}return n}let a=G(t),s=(a==="rgb"?e.rgb():a==="hsl"?e.hsl():e.hsv()).round().object();if(t.endsWith("a"))return he(s);if(a==="rgb"){let{r:n,g:d,b:u}=s;return{r:n,g:d,b:u}}let{h:l,s:c}=s;return a==="hsl"?{h:l,s:c,l:s.l}:{h:l,s:c,v:s.v}}getSliderCapSpacing(){let{staticDimensions:{slider:{height:e},thumb:{radius:t}}}=this;return t*2-e}updateStaticDimensions(e="m"){this.staticDimensions=D[e]}deleteColor(){let e=S(this.color,this.alphaChannel);if(!(this.savedColors.indexOf(e)>-1))return;let i=this.savedColors.filter(o=>o!==e);this.savedColors=i;let a=`${I}${this.storageId}`;this.storageId&&localStorage.setItem(a,JSON.stringify(i))}saveColor(){let e=S(this.color,this.alphaChannel);if(this.savedColors.indexOf(e)>-1)return;let i=[...this.savedColors,e];this.savedColors=i;let a=`${I}${this.storageId}`;this.storageId&&localStorage.setItem(a,JSON.stringify(i))}drawColorField(){let e=this.colorFieldRenderingContext,{width:t,height:i}=this.dynamicDimensions.colorField;e.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).alpha(1).string(),e.fillRect(0,0,t,i);let a=e.createLinearGradient(0,0,t,0);a.addColorStop(0,"rgba(255,255,255,1)"),a.addColorStop(1,"rgba(255,255,255,0)"),e.fillStyle=a,e.fillRect(0,0,t,i);let o=e.createLinearGradient(0,0,0,i);o.addColorStop(0,"rgba(0,0,0,0)"),o.addColorStop(1,"rgba(0,0,0,1)"),e.fillStyle=o,e.fillRect(0,0,t,i),this.drawActiveColorFieldColor()}setCanvasContextSize(e,{height:t,width:i}){if(!e)return;let a=window.devicePixelRatio||1;e.width=i*a,e.height=t*a,e.style.height=`${t}px`,e.style.width=`${i}px`,e.getContext("2d").scale(a,a)}initColorField(e){e&&(this.colorFieldRenderingContext=e.getContext("2d"),this.updateCanvasSize("color-field"),this.drawColorControls())}initHueSlider(e){e&&(this.hueSliderRenderingContext=e.getContext("2d"),this.updateCanvasSize("hue-slider"),this.drawHueSlider())}initOpacitySlider(e){e&&(this.opacitySliderRenderingContext=e.getContext("2d"),this.updateCanvasSize("opacity-slider"),this.drawOpacitySlider())}updateCanvasSize(e="all"){let{dynamicDimensions:t,staticDimensions:i}=this;(e==="all"||e==="color-field")&&this.setCanvasContextSize(this.colorFieldRenderingContext?.canvas,t.colorField);let a={width:this.effectiveSliderWidth,height:i.slider.height+(i.thumb.radius-t.slider.height/2)*2};(e==="all"||e==="hue-slider")&&this.setCanvasContextSize(this.hueSliderRenderingContext?.canvas,a),(e==="all"||e==="opacity-slider")&&this.setCanvasContextSize(this.opacitySliderRenderingContext?.canvas,a)}drawActiveColorFieldColor(){let{color:e}=this;if(!e)return;let t=e.hsv(),{staticDimensions:{thumb:{radius:i}}}=this,{width:a,height:o}=this.dynamicDimensions.colorField,s=t.saturationv()/(f.s/a),l=o-t.value()/(f.v/o);requestAnimationFrame(()=>{this.colorFieldScopeLeft=s,this.colorFieldScopeTop=l}),this.drawThumb(this.colorFieldRenderingContext,i,s,l,t,!1)}drawThumb(e,t,i,a,o,s){let c=2*Math.PI,n=1;if(e.beginPath(),e.arc(i,a,t,0,c),e.fillStyle="#fff",e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=n,e.stroke(),s&&o.alpha()<1){let u=e.createPattern(this.getCheckeredBackgroundPattern(),"repeat");e.beginPath(),e.arc(i,a,t-3,0,c),e.fillStyle=u,e.fill()}e.globalCompositeOperation="source-atop",e.beginPath(),e.arc(i,a,t-3,0,c);let d=s?o.alpha():1;e.fillStyle=o.rgb().alpha(d).string(),e.fill(),e.globalCompositeOperation="source-over"}drawActiveHueSliderColor(){let{color:e}=this;if(!e)return;let t=e.hsv().saturationv(100).value(100),{staticDimensions:{thumb:{radius:i}}}=this,a=this.effectiveSliderWidth,o=t.hue()/(j/a),s=i,l=this.getSliderBoundX(o,a,i);requestAnimationFrame(()=>{this.hueScopeLeft=l}),this.drawThumb(this.hueSliderRenderingContext,i,l,s,t,!1)}drawHueSlider(){let e=this.hueSliderRenderingContext,{staticDimensions:{slider:{height:t},thumb:{radius:i}}}=this,a=0,o=i-t/2,s=this.effectiveSliderWidth,l=e.createLinearGradient(0,0,s,0),c=["red","yellow","lime","cyan","blue","magenta","#ff0004"],n=1/(c.length-1),d=0;c.forEach(u=>{l.addColorStop(d,k(u).string()),d+=n}),e.clearRect(0,0,s,t+this.getSliderCapSpacing()*2),this.drawSliderPath(e,t,s,a,o),e.fillStyle=l,e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=1,e.stroke(),this.drawActiveHueSliderColor()}drawOpacitySlider(){let e=this.opacitySliderRenderingContext,{baseColorFieldColor:t,staticDimensions:{slider:{height:i},thumb:{radius:a}}}=this,o=0,s=a-i/2,l=this.effectiveSliderWidth;e.clearRect(0,0,l,i+this.getSliderCapSpacing()*2);let c=e.createLinearGradient(0,s,l,0),n=t.rgb().alpha(0),d=t.rgb().alpha(.5),u=t.rgb().alpha(1);c.addColorStop(0,n.string()),c.addColorStop(.5,d.string()),c.addColorStop(1,u.string()),this.drawSliderPath(e,i,l,o,s);let C=e.createPattern(this.getCheckeredBackgroundPattern(),"repeat");e.fillStyle=C,e.fill(),e.fillStyle=c,e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=1,e.stroke(),this.drawActiveOpacitySliderColor()}drawSliderPath(e,t,i,a,o){let s=t/2+1;e.beginPath(),e.moveTo(a+s,o),e.lineTo(a+i-s,o),e.quadraticCurveTo(a+i,o,a+i,o+s),e.lineTo(a+i,o+t-s),e.quadraticCurveTo(a+i,o+t,a+i-s,o+t),e.lineTo(a+s,o+t),e.quadraticCurveTo(a,o+t,a,o+t-s),e.lineTo(a,o+s),e.quadraticCurveTo(a,o,a+s,o),e.closePath()}getCheckeredBackgroundPattern(){if(this.checkerPattern)return this.checkerPattern;let e=document.createElement("canvas");e.width=10,e.height=10;let t=e.getContext("2d");return t.fillStyle="#ccc",t.fillRect(0,0,10,10),t.fillStyle="#fff",t.fillRect(0,0,5,5),t.fillRect(5,5,5,5),this.checkerPattern=e,e}drawActiveOpacitySliderColor(){let{color:e}=this;if(!e)return;let t=e,{staticDimensions:{thumb:{radius:i}}}=this,a=this.effectiveSliderWidth,o=O(t.alpha())/(b.max/a),s=i,l=this.getSliderBoundX(o,a,i);requestAnimationFrame(()=>{this.opacityScopeLeft=l}),this.drawThumb(this.opacitySliderRenderingContext,i,l,s,t,!0)}getSliderBoundX(e,t,i){let a=fe(e,t,i);return a===0?e:a===-1?q(e,0,t,i,i*2):q(e,0,t,t-i*2,t-i)}handleOpacityScopeKeyDown(e){let t=e.shiftKey?10:1,{key:i}=e,o={ArrowUp:.01,ArrowRight:.01,ArrowDown:-.01,ArrowLeft:-.01}[i];if(o){e.preventDefault();let s=o*t,l=this.baseColorFieldColor.alpha(),c=this.baseColorFieldColor.alpha(l+s);this.internalColorSet(c,!1)}}updateColorFromChannels(e){this.internalColorSet(k(e,this.channelMode))}updateChannelsFromColor(e){this.channels=e?this.toChannels(e):[void 0,void 0,void 0,void 0]}toChannels(e){let{channelMode:t}=this,i=(t==="rgb"?e.rgb():e.hsv()).round().array();return i.length===3&&i.push(1),i}getAdjustedScopePosition(e,t){return[e===void 0?NaN:e-U/2,t===void 0?NaN:t-U/2]}render(){let{channelsDisabled:e,color:t,colorFieldScopeLeft:i,colorFieldScopeTop:a,staticDimensions:{thumb:{radius:o}},fieldDisabled:s,hexDisabled:l,hueScopeLeft:c,messages:n,alphaChannel:d,opacityScopeLeft:u,savedColors:C,savedDisabled:y,scale:v,scopeOrientation:me}=this,J=this.effectiveSliderWidth,z=t?S(t,d):void 0,ge=o,be=c??J*m.hue()/f.h,Se=o,ye=u??J*O(m.alpha())/b.max,Z=t===void 0,M=me==="vertical",[we,$e]=this.getAdjustedScopePosition(i,a),[xe,ke]=this.getAdjustedScopePosition(be,ge),[De,Ae]=this.getAdjustedScopePosition(ye,Se);return this.interactiveContainer({disabled:this.disabled,children:p`<div class=${h(r.container)}>${s?null:p`<div class=${h(r.controlAndScope)}><canvas class=${h(r.colorField)} @pointerdown=${this.handleColorFieldPointerDown} ${g(this.initColorField)}></canvas><div .ariaLabel=${M?n.value:n.saturation} .ariaValueMax=${M?f.v:f.s} aria-valuemin=0 .ariaValueNow=${(M?t?.saturationv():t?.value())||"0"} class=${h({[r.scope]:!0,[r.colorFieldScope]:!0})} @keydown=${this.handleColorFieldScopeKeyDown} role=slider style=${$({top:`${$e||0}px`,left:`${we||0}px`})} tabindex=0 ${g(this.colorFieldScopeRef)}></div></div>`}<div class=${h(r.previewAndSliders)}><calcite-swatch class=${h(r.preview)} .color=${z} .label=${z} .scale=${this.alphaChannel?"l":this.scale}></calcite-swatch><div class=${h(r.sliders)}><div class=${h(r.controlAndScope)}><canvas class=${h({[r.slider]:!0,[r.hueSlider]:!0})} @pointerdown=${this.handleHueSliderPointerDown} ${g(this.initHueSlider)}></canvas><div .ariaLabel=${n.hue} .ariaValueMax=${f.h} aria-valuemin=0 .ariaValueNow=${t?.round().hue()||m.round().hue()} class=${h({[r.scope]:!0,[r.hueScope]:!0})} @keydown=${this.handleHueScopeKeyDown} role=slider style=${$({top:`${ke}px`,left:`${xe}px`})} tabindex=0 ${g(this.hueScopeRef)}></div></div>${d?p`<div class=${h(r.controlAndScope)}><canvas class=${h({[r.slider]:!0,[r.opacitySlider]:!0})} @pointerdown=${this.handleOpacitySliderPointerDown} ${g(this.initOpacitySlider)}></canvas><div .ariaLabel=${n.opacity} .ariaValueMax=${b.max} .ariaValueMin=${b.min} .ariaValueNow=${(t||m).round().alpha()} class=${h({[r.scope]:!0,[r.opacityScope]:!0})} @keydown=${this.handleOpacityScopeKeyDown} role=slider style=${$({top:`${Ae}px`,left:`${De}px`})} tabindex=0 ${g(this.opacityScopeRef)}></div></div>`:null}</div></div>${l&&e?null:p`<div class=${h({[r.controlSection]:!0,[r.section]:!0})}><div class=${h(r.hexAndChannelsGroup)}>${l?null:p`<div class=${h(r.hexOptions)}><calcite-color-picker-hex-input .allowEmpty=${this.clearable} .alphaChannel=${d} class=${h(r.control)} .messages=${n} .numberingSystem=${this.numberingSystem} @calciteColorPickerHexInputChange=${this.handleHexInputChange} .scale=${v} .value=${z}></calcite-color-picker-hex-input></div>`}${e?null:p`<calcite-tabs class=${h({[r.colorModeContainer]:!0,[r.splitSection]:!0})} .scale=${v==="l"?"m":"s"}><calcite-tab-nav slot=title-group>${this.renderChannelsTabTitle("rgb")}${this.renderChannelsTabTitle("hsv")}</calcite-tab-nav>${this.renderChannelsTab("rgb")}${this.renderChannelsTab("hsv")}</calcite-tabs>`}</div></div>`}${y?null:p`<div class=${h({[r.savedColorsSection]:!0,[r.section]:!0})}><div class=${h(r.header)}><label>${n.saved}</label><div class=${h(r.savedColorsButtons)}><calcite-button appearance=transparent class=${h(r.deleteColor)} .disabled=${Z} .iconStart=${W.minus} kind=neutral .label=${n.deleteColor} @click=${this.deleteColor} .scale=${v} type=button></calcite-button><calcite-button appearance=transparent class=${h(r.saveColor)} .disabled=${Z} .iconStart=${W.plus} kind=neutral .label=${n.saveColor} @click=${this.saveColor} .scale=${v} type=button></calcite-button></div></div>${C.length>0?p`<calcite-swatch-group class=${h(r.swatchGroup)} .label=${n.saved} .scale=${v} selection-mode=none>${ce(C,A=>A,A=>p`<calcite-swatch class=${h(r.savedColor)} .color=${A} .label=${A} @click=${this.handleSavedColorSelect} @keydown=${this.handleSavedColorKeyDown} .scale=${v} tabindex=0></calcite-swatch>`)}</calcite-swatch-group>`:null}</div>`}</div>`})}renderChannelsTabTitle(e){let{channelMode:t,messages:i}=this,a=e===t,o=e==="rgb"?i.rgb:i.hsv;return F(e,p`<calcite-tab-title class=${h(r.colorMode)} data-color-mode=${e??w} @calciteTabsActivate=${this.handleTabActivate} .selected=${a}>${o}</calcite-tab-title>`)}renderChannelsTab(e){let{clearable:t,channelMode:i,channels:a,messages:o,alphaChannel:s}=this,l=e===i,n=e==="rgb"?[o.red,o.green,o.blue]:[o.hue,o.saturation,o.value],d=this.direction,u=s?a:a.slice(0,3);return F(e,p`<calcite-tab class=${h(r.control)} .selected=${l}><div class=${h(r.channels)} dir=ltr>${u.map((C,y)=>{let v=y===3;return v&&(C=t&&!C?C:O(C)),this.renderChannel(C,y,n[y],d,v?"%":"")})}</div></calcite-tab>`)}renderChannel(e,t,i,a,o){return F(t,p`<calcite-input-number class=${h(r.channel)} data-channel-index=${t??w} dir=${a??w} .label=${i} lang=${this.messages._lang??w} number-button-type=none .numberingSystem=${this.numberingSystem} @calciteInputNumberChange=${this.handleChannelChange} @calciteInputNumberInput=${this.handleChannelInput} @calciteInternalInputNumberBlur=${this.handleChannelBlur} @calciteInternalInputNumberFocus=${this.handleChannelFocus} @keydown=${this.handleKeyDown} .scale=${this.scale==="l"?"m":"s"} style=${$({marginLeft:t>0&&!(this.scale==="s"&&this.alphaChannel&&t===3)?"-1px":""})} .suffixText=${o} .value=${e?.toString()}></calcite-input-number>`)}};te("calcite-color-picker",Y);export{Y as ColorPicker};
|
|
2
|
+
import{a as Ce,d as q,e as fe}from"./YJPIZ6DX.js";import{a as ce}from"./7RZCZV4B.js";import{A as P,B as de,C as G,D as ue,E as pe,a as k,b as r,c as m,d as I,e as E,f,g as j,h as b,i as D,j as U,k as W,m as N,n as O,o as B,s as R,t as S,v as he,x as _,y as V,z as X}from"./4IEGHLUB.js";import"./27YYIR6K.js";import{a as le}from"./BUGLTO2Z.js";import{a as F}from"./ATRYJOS5.js";import{a as re}from"./TJYMIB55.js";import{c as H}from"./VXDPJESZ.js";import{a as ne}from"./YP3AYJH3.js";import{a as ie}from"./VI7SBYXT.js";import{a as se}from"./QSGFXZ6X.js";import{a as ae}from"./BTEVR6OB.js";import"./ZWPNZ5XW.js";import{e as oe}from"./ASE6WOIX.js";import{A as K}from"./3QPETC2U.js";import{C as T,D as g,E as ee,F as h,G as $,O as x,R as te,g as Q,h as p,l as w,p as L}from"./DUKC64ZL.js";var Te=Q`: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{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);display:inline-block;font-weight:var(--calcite-font-weight-normal);inline-size:var(--calcite-internal-color-picker-min-width);min-inline-size:var(--calcite-internal-color-picker-min-width)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-internal-color-picker-min-width: 200px;--calcite-color-picker-spacing: var(--calcite-spacing-sm)}:host([scale=m]){--calcite-internal-color-picker-min-width: 240px;--calcite-color-picker-spacing: var(--calcite-spacing-md)}:host([scale=l]){--calcite-internal-color-picker-min-width: 304px;--calcite-color-picker-spacing: var(--calcite-spacing-lg);font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=l]) .section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}:host([scale=l]) .control-section{display:flex;flex-direction:column;flex-wrap:wrap;align-items:baseline}:host([scale=l]) .color-hex-options{inline-size:100%;display:flex;flex-shrink:1;flex-direction:column;justify-content:space-around}:host([scale=l]) .color-mode-container{flex-shrink:3}calcite-input-number{--calcite-input-number-background-color: var(--calcite-color-picker-input-background-color);--calcite-input-number-border-color: var(--calcite-color-picker-input-border-color);--calcite-input-number-text-color: var(--calcite-color-picker-input-text-color);--calcite-input-prefix-text-color: var(--calcite-color-picker-input-prefix-text-color);--calcite-input-suffix-text-color: var(--calcite-color-picker-input-suffix-text-color)}calcite-button{--calcite-button-text-color: var(--calcite-color-picker-action-text-color);--calcite-button-text-color-press: var(--calcite-color-picker-action-text-color-press)}calcite-button:hover,calcite-button:focus{--calcite-button-text-color: var(--calcite-color-picker-action-text-color-hover)}calcite-button:active{--calcite-button-text-color: var(--calcite-color-picker-action-text-color-press)}calcite-tabs{--calcite-tab-border-color: var(--calcite-color-picker-tab-border-color);--calcite-tab-text-color: var(--calcite-color-picker-tab-text-color);--calcite-tab-accent-color-press: var(--calcite-color-picker-tab-accent-color);--calcite-swatch-corner-radius: var(--calcite-color-picker-swatch-corner-radius)}calcite-tab-title:hover{--calcite-color-text-1: var(--calcite-color-picker-tab-text-color-hover)}calcite-swatch{--calcite-swatch-corner-radius: var(--calcite-color-picker-swatch-corner-radius)}.container{display:flex;flex-direction:column;block-size:min-content;border:1px solid var(--calcite-color-picker-border-color, var(--calcite-color-border-3));background-color:var(--calcite-color-picker-background-color, var(--calcite-color-foreground-1));border-radius:var(--calcite-color-picker-corner-radius, var(--calcite-corner-radius));box-shadow:var(--calcite-color-picker-shadow, var(--calcite-shadow-none))}.control-and-scope{display:flex;position:relative;cursor:pointer;touch-action:none}.color-field,.control-and-scope{-webkit-user-select:none;user-select:none;border-radius:var(--calcite-color-picker-corner-radius, var(--calcite-corner-radius)) var(--calcite-color-picker-corner-radius, var(--calcite-corner-radius)) var(--calcite-corner-radius-none) var(--calcite-corner-radius-none)}.scope{font-size:var(--calcite-font-size-relative-base);outline-color:transparent;position:absolute;z-index:var(--calcite-z-index);border-radius:var(--calcite-corner-radius-pill);background-color:transparent;inline-size:var(--calcite-size-px);block-size:var(--calcite-size-px);pointer-events:none}.scope:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)));outline-offset:6px}.hex-and-channels-group{display:flex;flex-direction:column;flex-wrap:wrap;inline-size:100%}.section{padding-block:0 var(--calcite-color-picker-spacing);padding-inline:var(--calcite-color-picker-spacing)}.section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}.sliders{display:flex;flex-direction:column;justify-content:space-between;margin-inline-start:var(--calcite-color-picker-spacing);gap:var(--calcite-spacing-xxs)}.preview-and-sliders{display:flex;align-items:center;padding:var(--calcite-color-picker-spacing)}.color-hex-options,.section--split{flex-grow:1}.header{display:flex;align-items:center;justify-content:space-between;color:var(--calcite-color-picker-text-color, var(--calcite-color-text-1))}.color-mode-container{padding-block-start:var(--calcite-color-picker-spacing)}.channels{display:flex}.channel{flex-grow:1}.channel[data-channel-index="3"]{margin-inline-start:-1px;min-inline-size:81px}:host([scale=s]) .channel[data-channel-index="3"]{min-inline-size:68px}:host([scale=l]) .channel[data-channel-index="3"]{min-inline-size:88px}.saved-colors-buttons{display:flex}.swatch-group{margin-block-start:var(--calcite-color-picker-spacing)}:host([hidden]){display:none}[hidden]{display:none}`,ve=16,Y=class extends ee{constructor(){super(),this._color=m,this.colorFieldScopeRef=T(),this.direction=oe(),this.hueScopeRef=T(),this.isActiveChannelInputEmpty=!1,this.mode=_.HEX,this.opacityScopeRef=T(),this.resizeObserver=ie("resize",e=>this.resizeCanvas(e)),this.shiftKeyChannelAdjustment=0,this._valueWasSet=!1,this.messages=se({blocking:!0}),this.captureColorFieldColor=(e,t,i=!0)=>{let{width:a,height:o}=this.dynamicDimensions.colorField,s=Math.round(f.s/a*e),l=Math.round(f.v/o*(o-t));this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(s).value(l),i)},this.cancelable=re()(this),this.drawColorControls=H((e="all")=>{(e==="all"||e==="color-field")&&this.colorFieldRenderingContext&&this.drawColorField(),(e==="all"||e==="hue-slider")&&this.hueSliderRenderingContext&&this.drawHueSlider(),this.alphaChannel&&(e==="all"||e==="opacity-slider")&&this.opacitySliderRenderingContext&&this.drawOpacitySlider()},ve),this.globalPointerMoveHandler=e=>{let{activeCanvasInfo:t,el:i}=this;if(!i.isConnected||!t)return;let{context:a,bounds:o}=t,s,l,{clientX:c,clientY:n}=e;a.canvas.matches(":hover")?(s=c-o.x,l=n-o.y):(c<o.x+o.width&&c>o.x?s=c-o.x:c<o.x?s=0:s=o.width,n<o.y+o.height&&n>o.y?l=n-o.y:n<o.y?l=0:l=o.height),a===this.colorFieldRenderingContext?this.captureColorFieldColor(s,l,!1):a===this.hueSliderRenderingContext?this.captureHueSliderColor(s):a===this.opacitySliderRenderingContext&&this.captureOpacitySliderValue(s)},this.globalPointerUpHandler=e=>{if(!K(e))return;let t=this.activeCanvasInfo;this.activeCanvasInfo=void 0,this.drawColorControls(),t&&this.calciteColorPickerChange.emit()},this.resizeCanvas=H(e=>{if(!this.hasUpdated)return;let[t]=e,i=Math.floor(t.contentBoxSize[0].inlineSize);this.dynamicDimensions.colorField.width!==i&&(this.updateDynamicDimensions(i),this.updateCanvasSize(),this.drawColorControls())},ve),this.updateDynamicDimensions=e=>{let t={width:ue(e,this.staticDimensions,this.alphaChannel),height:this.staticDimensions.slider.height};this.dynamicDimensions={colorField:pe(e),slider:t}},this.focusSetter=ae()(this),this.interactiveContainer=le(this),this.channelMode="rgb",this.channels=this.toChannels(m),this.staticDimensions=D.m,this.savedColors=[],this.alphaChannel=!1,this.channelsDisabled=!1,this.clearable=!1,this.disabled=!1,this.fieldDisabled=!1,this.format="auto",this.hexDisabled=!1,this.savedDisabled=!1,this.scale="m",this.calciteColorPickerChange=L({cancelable:!1}),this.calciteColorPickerInput=L({cancelable:!1}),this.listen("keydown",this.handleChannelKeyUpOrDown,{capture:!0}),this.listen("keyup",this.handleChannelKeyUpOrDown,{capture:!0})}static{this.properties={channelMode:[16,{},{state:!0}],channels:[16,{},{state:!0}],colorFieldScopeLeft:[16,{},{state:!0}],colorFieldScopeTop:[16,{},{state:!0}],staticDimensions:[16,{},{state:!0}],hueScopeLeft:[16,{},{state:!0}],opacityScopeLeft:[16,{},{state:!0}],savedColors:[16,{},{state:!0}],scopeOrientation:[16,{},{state:!0}],alphaChannel:[5,{},{type:Boolean}],channelsDisabled:[5,{},{type:Boolean}],clearable:[7,{},{reflect:!0,type:Boolean}],color:[0,{},{attribute:!1}],disabled:[7,{},{reflect:!0,type:Boolean}],fieldDisabled:[7,{},{reflect:!0,type:Boolean}],format:[3,{},{reflect:!0}],hexDisabled:[5,{},{type:Boolean}],messageOverrides:[0,{},{attribute:!1}],numberingSystem:[3,{},{reflect:!0}],savedDisabled:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],storageId:[3,{},{reflect:!0}],value:1}}static{this.styles=Te}get baseColorFieldColor(){return this.color||this.previousColor||m}get effectiveSliderWidth(){return this.dynamicDimensions.slider.width}get color(){return this._color}set color(e){let t=this._color;this._color=e,this.handleColorChange(e,t)}get value(){return this._value}set value(e){let t=this._value,i=e||void 0;this._value=i,this.handleValueChange(i,t),this._valueWasSet=!0}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.observeResize(),this.cancelable.add([this.drawColorControls,this.resizeCanvas])}async load(){this._valueWasSet||(this._value??=R(S(m,this.alphaChannel)));let{clearable:e,color:t,format:i}=this,a=this.value,o=e&&!a,s=V(a),l=o||i==="auto"&&s||i===s,c=l?N(a,e,s):t;l||this.showIncompatibleColorWarning(a,i),this.setMode(i,!1),this.internalColorSet(c,!1,"initial"),this.updateStaticDimensions(this.scale),this.updateDynamicDimensions(D[this.scale].minWidth);let n=`${I}${this.storageId}`;if(this.storageId){let d=localStorage.getItem(n);d&&(this.savedColors=JSON.parse(d))}}willUpdate(e){e.has("alphaChannel")&&(this.hasUpdated||this.alphaChannel!==!1)&&this.handleAlphaChannelChange(this.alphaChannel),this.hasUpdated&&(e.has("alphaChannel")&&this.alphaChannel!==!1||e.has("staticDimensions")&&this.staticDimensions!==D.m)&&this.handleAlphaChannelDimensionsChange(),(e.has("alphaChannel")&&(this.hasUpdated||this.alphaChannel!==!1)||e.has("format")&&(this.hasUpdated||this.format!=="auto"))&&this.handleFormatOrAlphaChannelChange(),e.has("scale")&&(this.hasUpdated||this.scale!=="m")&&this.handleScaleChange(this.scale)}loaded(){this.handleAlphaChannelDimensionsChange()}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("pointermove",this.globalPointerMoveHandler),window.removeEventListener("pointerup",this.globalPointerUpHandler),this.resizeObserver?.disconnect()}observeResize(){this.resizeObserver?.observe(this.el)}handleAlphaChannelChange(e){let{format:t}=this;e&&t!=="auto"&&!P(t)&&(x.warn(`ignoring alphaChannel as the current format (${t}) does not support alpha`),this.alphaChannel=!1)}handleAlphaChannelDimensionsChange(){this.drawColorControls()}handleColorChange(e,t){this.drawColorControls(),this.updateChannelsFromColor(e),this.previousColor=t}handleFormatOrAlphaChannelChange(){this.setMode(this.format),this.internalColorSet(this.color,!1,"internal")}handleScaleChange(e="m"){this.updateStaticDimensions(e),this.updateCanvasSize(),this.drawColorControls()}handleValueChange(e,t){let{clearable:i,format:a}=this,o=!i||e,s=!1;if(o){let d=V(e);if(!d||a!=="auto"&&d!==a){this.showIncompatibleColorWarning(e,a),this._value=t;return}s=this.mode!==d,this.setMode(d,this.internalColorUpdateContext===void 0)}let l=this.activeCanvasInfo;if(this.internalColorUpdateContext==="initial")return;if(this.internalColorUpdateContext==="user-interaction"){this.calciteColorPickerInput.emit(),l||this.calciteColorPickerChange.emit();return}let c=N(e,i,this.mode),n=!X(c,this.color);(s||n)&&this.internalColorSet(c,this.alphaChannel&&!(this.mode.endsWith("a")||this.mode.endsWith("a-css"))||this.internalColorUpdateContext==="internal","internal")}handleTabActivate(e){this.channelMode=e.currentTarget.getAttribute("data-color-mode"),this.updateChannelsFromColor(this.color)}handleColorFieldScopeKeyDown(e){let{key:t}=e,a={ArrowUp:{x:0,y:-10},ArrowRight:{x:10,y:0},ArrowDown:{x:0,y:10},ArrowLeft:{x:-10,y:0}}[t];a&&(e.preventDefault(),this.scopeOrientation=t==="ArrowDown"||t==="ArrowUp"?"vertical":"horizontal",this.captureColorFieldColor(this.colorFieldScopeLeft===void 0?0:this.colorFieldScopeLeft+a.x,this.colorFieldScopeTop===void 0?0:this.colorFieldScopeTop+a.y,!1))}handleHueScopeKeyDown(e){let t=e.shiftKey?10:1,{key:i}=e,o={ArrowUp:1,ArrowRight:1,ArrowDown:-1,ArrowLeft:-1}[i];if(o){e.preventDefault();let s=o*t,l=this.baseColorFieldColor.hue(),c=this.baseColorFieldColor.hue(l+s);this.internalColorSet(c,!1)}}handleHexInputChange(e){e.stopPropagation();let{clearable:t,color:i}=this,o=e.target.value;if(t&&!o){this.internalColorSet(void 0);return}let s=i&&R(S(i,P(this.mode)));o!==s&&this.internalColorSet(k(o))}handleSavedColorSelect(e){let t=e.currentTarget;this.internalColorSet(k(t.color))}handleChannelInput(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),o=i===3?b.max:this.channelMode==="rgb"?Object.values(E)[i]:Object.values(f)[i],s;if(!t.value)s="",this.isActiveChannelInputEmpty=!0,this.upOrDownArrowKeyTracker=void 0;else{let c=Number(t.value)+this.shiftKeyChannelAdjustment;s=Ce(c,0,o).toString()}t.value=s,s!==""&&this.shiftKeyChannelAdjustment!==0?this.handleChannelChange(e):s!==""&&this.handleChannelChange(e)}handleChannelBlur(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),a=[...this.channels];!t.value&&!this.clearable&&(t.value=a[i]?.toString()??"")}handleChannelFocus(e){e.currentTarget.selectText()}handleChannelKeyUpOrDown(e){this.shiftKeyChannelAdjustment=0;let{key:t}=e;if(t!=="ArrowUp"&&t!=="ArrowDown"||!e.composedPath().some(o=>o.classList?.contains(r.channel)))return;let{shiftKey:i}=e;if(e.preventDefault(),!this.color){this.internalColorSet(this.previousColor),e.stopPropagation();return}let a=9;this.shiftKeyChannelAdjustment=t==="ArrowUp"&&i?a:t==="ArrowDown"&&i?-a:0,t==="ArrowUp"&&(this.upOrDownArrowKeyTracker="up"),t==="ArrowDown"&&(this.upOrDownArrowKeyTracker="down")}getChannelInputLimit(e){return this.channelMode==="rgb"?Object.values(E)[e]:Object.values(f)[e]}handleChannelChange(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index"));if(this.clearable&&!t.value){this.channels=[void 0,void 0,void 0,void 0],this.internalColorSet(void 0);return}let o=[...this.channels],s=i===3;this.isActiveChannelInputEmpty&&this.upOrDownArrowKeyTracker&&(t.value=this.upOrDownArrowKeyTracker==="up"?(o[i]+1<=this.getChannelInputLimit(i)?o[i]+1:this.getChannelInputLimit(i)).toString():(o[i]-1>=0?o[i]-1:0).toString(),this.isActiveChannelInputEmpty=!1,this.upOrDownArrowKeyTracker=void 0);let l=t.value?Number(t.value):o[i];o[i]=s?B(l):l,this.updateColorFromChannels(o)}handleSavedColorKeyDown(e){ne(e.key)&&(e.preventDefault(),this.handleSavedColorSelect(e))}handleColorFieldPointerDown(e){this.handleCanvasControlPointerDown(e,this.colorFieldRenderingContext,this.captureColorFieldColor,this.colorFieldScopeRef.value)}focusScope(e){requestAnimationFrame(()=>{e.focus()})}handleHueSliderPointerDown(e){this.handleCanvasControlPointerDown(e,this.hueSliderRenderingContext,this.captureHueSliderColor,this.hueScopeRef.value)}handleOpacitySliderPointerDown(e){this.handleCanvasControlPointerDown(e,this.opacitySliderRenderingContext,this.captureOpacitySliderValue,this.opacityScopeRef.value)}handleCanvasControlPointerDown(e,t,i,a){K(e)&&(window.addEventListener("pointermove",this.globalPointerMoveHandler),window.addEventListener("pointerup",this.globalPointerUpHandler,{once:!0}),this.activeCanvasInfo={context:t,bounds:t.canvas.getBoundingClientRect()},i.call(this,e.offsetX,e.offsetY),this.focusScope(a))}handleKeyDown(e){e.key==="Enter"&&e.preventDefault()}showIncompatibleColorWarning(e,t){x.warn(`ignoring color value (${e}) as it is not compatible with the current format (${t})`)}setMode(e,t=!0){let i=e==="auto"?this.mode:e;this.mode=this.ensureCompatibleMode(i,t)}ensureCompatibleMode(e,t){let{alphaChannel:i}=this,a=P(e);if(i&&!a){let o=de(e);return t&&x.warn(`setting format to (${o}) as the provided one (${e}) does not support alpha`),o}if(!i&&a){let o=G(e);return t&&x.warn(`setting format to (${o}) as the provided one (${e}) does not support alpha`),o}return e}captureHueSliderColor(e){let t=j/this.effectiveSliderWidth*e;this.internalColorSet(this.baseColorFieldColor.hue(t),!1)}captureOpacitySliderValue(e){let t=B(b.max/this.effectiveSliderWidth*e);this.internalColorSet(this.baseColorFieldColor.alpha(t),!1)}internalColorSet(e,t=!0,i="user-interaction"){t&&X(e,this.color)||(this.internalColorUpdateContext=i,this.color=e,this.value=this.toValue(e),this.internalColorUpdateContext=void 0)}toValue(e,t=this.mode){if(!e)return;if(t.includes("hex")){let n=t===_.HEXA;return R(S(e.round(),n),n)}if(t.includes("-css")){let n=(t.startsWith("rgb")?e.rgb():e.hsl()).round().string();if((t.endsWith("a")||t.endsWith("a-css"))&&e.alpha()===1){let u=n.slice(0,3),C=n.slice(4,-1);return`${u}a(${C}, ${e.alpha()})`}return n}let a=G(t),s=(a==="rgb"?e.rgb():a==="hsl"?e.hsl():e.hsv()).round().object();if(t.endsWith("a"))return he(s);if(a==="rgb"){let{r:n,g:d,b:u}=s;return{r:n,g:d,b:u}}let{h:l,s:c}=s;return a==="hsl"?{h:l,s:c,l:s.l}:{h:l,s:c,v:s.v}}getSliderCapSpacing(){let{staticDimensions:{slider:{height:e},thumb:{radius:t}}}=this;return t*2-e}updateStaticDimensions(e="m"){this.staticDimensions=D[e]}deleteColor(){let e=S(this.color,this.alphaChannel);if(!(this.savedColors.indexOf(e)>-1))return;let i=this.savedColors.filter(o=>o!==e);this.savedColors=i;let a=`${I}${this.storageId}`;this.storageId&&localStorage.setItem(a,JSON.stringify(i))}saveColor(){let e=S(this.color,this.alphaChannel);if(this.savedColors.indexOf(e)>-1)return;let i=[...this.savedColors,e];this.savedColors=i;let a=`${I}${this.storageId}`;this.storageId&&localStorage.setItem(a,JSON.stringify(i))}drawColorField(){let e=this.colorFieldRenderingContext,{width:t,height:i}=this.dynamicDimensions.colorField;e.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).alpha(1).string(),e.fillRect(0,0,t,i);let a=e.createLinearGradient(0,0,t,0);a.addColorStop(0,"rgba(255,255,255,1)"),a.addColorStop(1,"rgba(255,255,255,0)"),e.fillStyle=a,e.fillRect(0,0,t,i);let o=e.createLinearGradient(0,0,0,i);o.addColorStop(0,"rgba(0,0,0,0)"),o.addColorStop(1,"rgba(0,0,0,1)"),e.fillStyle=o,e.fillRect(0,0,t,i),this.drawActiveColorFieldColor()}setCanvasContextSize(e,{height:t,width:i}){if(!e)return;let a=window.devicePixelRatio||1;e.width=i*a,e.height=t*a,e.style.height=`${t}px`,e.style.width=`${i}px`,e.getContext("2d").scale(a,a)}initColorField(e){e&&(this.colorFieldRenderingContext=e.getContext("2d"),this.updateCanvasSize("color-field"),this.drawColorControls())}initHueSlider(e){e&&(this.hueSliderRenderingContext=e.getContext("2d"),this.updateCanvasSize("hue-slider"),this.drawHueSlider())}initOpacitySlider(e){e&&(this.opacitySliderRenderingContext=e.getContext("2d"),this.updateCanvasSize("opacity-slider"),this.drawOpacitySlider())}updateCanvasSize(e="all"){let{dynamicDimensions:t,staticDimensions:i}=this;(e==="all"||e==="color-field")&&this.setCanvasContextSize(this.colorFieldRenderingContext?.canvas,t.colorField);let a={width:this.effectiveSliderWidth,height:i.slider.height+(i.thumb.radius-t.slider.height/2)*2};(e==="all"||e==="hue-slider")&&this.setCanvasContextSize(this.hueSliderRenderingContext?.canvas,a),(e==="all"||e==="opacity-slider")&&this.setCanvasContextSize(this.opacitySliderRenderingContext?.canvas,a)}drawActiveColorFieldColor(){let{color:e}=this;if(!e)return;let t=e.hsv(),{staticDimensions:{thumb:{radius:i}}}=this,{width:a,height:o}=this.dynamicDimensions.colorField,s=t.saturationv()/(f.s/a),l=o-t.value()/(f.v/o);requestAnimationFrame(()=>{this.colorFieldScopeLeft=s,this.colorFieldScopeTop=l}),this.drawThumb(this.colorFieldRenderingContext,i,s,l,t,!1)}drawThumb(e,t,i,a,o,s){let c=2*Math.PI,n=1;if(e.beginPath(),e.arc(i,a,t,0,c),e.fillStyle="#fff",e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=n,e.stroke(),s&&o.alpha()<1){let u=e.createPattern(this.getCheckeredBackgroundPattern(),"repeat");e.beginPath(),e.arc(i,a,t-3,0,c),e.fillStyle=u,e.fill()}e.globalCompositeOperation="source-atop",e.beginPath(),e.arc(i,a,t-3,0,c);let d=s?o.alpha():1;e.fillStyle=o.rgb().alpha(d).string(),e.fill(),e.globalCompositeOperation="source-over"}drawActiveHueSliderColor(){let{color:e}=this;if(!e)return;let t=e.hsv().saturationv(100).value(100),{staticDimensions:{thumb:{radius:i}}}=this,a=this.effectiveSliderWidth,o=t.hue()/(j/a),s=i,l=this.getSliderBoundX(o,a,i);requestAnimationFrame(()=>{this.hueScopeLeft=l}),this.drawThumb(this.hueSliderRenderingContext,i,l,s,t,!1)}drawHueSlider(){let e=this.hueSliderRenderingContext,{staticDimensions:{slider:{height:t},thumb:{radius:i}}}=this,a=0,o=i-t/2,s=this.effectiveSliderWidth,l=e.createLinearGradient(0,0,s,0),c=["red","yellow","lime","cyan","blue","magenta","#ff0004"],n=1/(c.length-1),d=0;c.forEach(u=>{l.addColorStop(d,k(u).string()),d+=n}),e.clearRect(0,0,s,t+this.getSliderCapSpacing()*2),this.drawSliderPath(e,t,s,a,o),e.fillStyle=l,e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=1,e.stroke(),this.drawActiveHueSliderColor()}drawOpacitySlider(){let e=this.opacitySliderRenderingContext,{baseColorFieldColor:t,staticDimensions:{slider:{height:i},thumb:{radius:a}}}=this,o=0,s=a-i/2,l=this.effectiveSliderWidth;e.clearRect(0,0,l,i+this.getSliderCapSpacing()*2);let c=e.createLinearGradient(0,s,l,0),n=t.rgb().alpha(0),d=t.rgb().alpha(.5),u=t.rgb().alpha(1);c.addColorStop(0,n.string()),c.addColorStop(.5,d.string()),c.addColorStop(1,u.string()),this.drawSliderPath(e,i,l,o,s);let C=e.createPattern(this.getCheckeredBackgroundPattern(),"repeat");e.fillStyle=C,e.fill(),e.fillStyle=c,e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=1,e.stroke(),this.drawActiveOpacitySliderColor()}drawSliderPath(e,t,i,a,o){let s=t/2+1;e.beginPath(),e.moveTo(a+s,o),e.lineTo(a+i-s,o),e.quadraticCurveTo(a+i,o,a+i,o+s),e.lineTo(a+i,o+t-s),e.quadraticCurveTo(a+i,o+t,a+i-s,o+t),e.lineTo(a+s,o+t),e.quadraticCurveTo(a,o+t,a,o+t-s),e.lineTo(a,o+s),e.quadraticCurveTo(a,o,a+s,o),e.closePath()}getCheckeredBackgroundPattern(){if(this.checkerPattern)return this.checkerPattern;let e=document.createElement("canvas");e.width=10,e.height=10;let t=e.getContext("2d");return t.fillStyle="#ccc",t.fillRect(0,0,10,10),t.fillStyle="#fff",t.fillRect(0,0,5,5),t.fillRect(5,5,5,5),this.checkerPattern=e,e}drawActiveOpacitySliderColor(){let{color:e}=this;if(!e)return;let t=e,{staticDimensions:{thumb:{radius:i}}}=this,a=this.effectiveSliderWidth,o=O(t.alpha())/(b.max/a),s=i,l=this.getSliderBoundX(o,a,i);requestAnimationFrame(()=>{this.opacityScopeLeft=l}),this.drawThumb(this.opacitySliderRenderingContext,i,l,s,t,!0)}getSliderBoundX(e,t,i){let a=fe(e,t,i);return a===0?e:a===-1?q(e,0,t,i,i*2):q(e,0,t,t-i*2,t-i)}handleOpacityScopeKeyDown(e){let t=e.shiftKey?10:1,{key:i}=e,o={ArrowUp:.01,ArrowRight:.01,ArrowDown:-.01,ArrowLeft:-.01}[i];if(o){e.preventDefault();let s=o*t,l=this.baseColorFieldColor.alpha(),c=this.baseColorFieldColor.alpha(l+s);this.internalColorSet(c,!1)}}updateColorFromChannels(e){this.internalColorSet(k(e,this.channelMode))}updateChannelsFromColor(e){this.channels=e?this.toChannels(e):[void 0,void 0,void 0,void 0]}toChannels(e){let{channelMode:t}=this,i=(t==="rgb"?e.rgb():e.hsv()).round().array();return i.length===3&&i.push(1),i}getAdjustedScopePosition(e,t){return[e===void 0?NaN:e-U/2,t===void 0?NaN:t-U/2]}render(){let{channelsDisabled:e,color:t,colorFieldScopeLeft:i,colorFieldScopeTop:a,staticDimensions:{thumb:{radius:o}},fieldDisabled:s,hexDisabled:l,hueScopeLeft:c,messages:n,alphaChannel:d,opacityScopeLeft:u,savedColors:C,savedDisabled:y,scale:v,scopeOrientation:me}=this,J=this.effectiveSliderWidth,z=t?S(t,d):void 0,ge=o,be=c??J*m.hue()/f.h,Se=o,ye=u??J*O(m.alpha())/b.max,Z=t===void 0,M=me==="vertical",[we,$e]=this.getAdjustedScopePosition(i,a),[xe,ke]=this.getAdjustedScopePosition(be,ge),[De,Ae]=this.getAdjustedScopePosition(ye,Se);return this.interactiveContainer({disabled:this.disabled,children:p`<div class=${h(r.container)}>${s?null:p`<div class=${h(r.controlAndScope)}><canvas class=${h(r.colorField)} @pointerdown=${this.handleColorFieldPointerDown} ${g(this.initColorField)}></canvas><div .ariaLabel=${M?n.value:n.saturation} .ariaValueMax=${M?f.v:f.s} aria-valuemin=0 .ariaValueNow=${(M?t?.saturationv():t?.value())||"0"} class=${h({[r.scope]:!0,[r.colorFieldScope]:!0})} @keydown=${this.handleColorFieldScopeKeyDown} role=slider style=${$({top:`${$e||0}px`,left:`${we||0}px`})} tabindex=0 ${g(this.colorFieldScopeRef)}></div></div>`}<div class=${h(r.previewAndSliders)}><calcite-swatch class=${h(r.preview)} .color=${z} .label=${z} .scale=${this.alphaChannel?"l":this.scale}></calcite-swatch><div class=${h(r.sliders)}><div class=${h(r.controlAndScope)}><canvas class=${h({[r.slider]:!0,[r.hueSlider]:!0})} @pointerdown=${this.handleHueSliderPointerDown} ${g(this.initHueSlider)}></canvas><div .ariaLabel=${n.hue} .ariaValueMax=${f.h} aria-valuemin=0 .ariaValueNow=${t?.round().hue()||m.round().hue()} class=${h({[r.scope]:!0,[r.hueScope]:!0})} @keydown=${this.handleHueScopeKeyDown} role=slider style=${$({top:`${ke}px`,left:`${xe}px`})} tabindex=0 ${g(this.hueScopeRef)}></div></div>${d?p`<div class=${h(r.controlAndScope)}><canvas class=${h({[r.slider]:!0,[r.opacitySlider]:!0})} @pointerdown=${this.handleOpacitySliderPointerDown} ${g(this.initOpacitySlider)}></canvas><div .ariaLabel=${n.opacity} .ariaValueMax=${b.max} .ariaValueMin=${b.min} .ariaValueNow=${(t||m).round().alpha()} class=${h({[r.scope]:!0,[r.opacityScope]:!0})} @keydown=${this.handleOpacityScopeKeyDown} role=slider style=${$({top:`${Ae}px`,left:`${De}px`})} tabindex=0 ${g(this.opacityScopeRef)}></div></div>`:null}</div></div>${l&&e?null:p`<div class=${h({[r.controlSection]:!0,[r.section]:!0})}><div class=${h(r.hexAndChannelsGroup)}>${l?null:p`<div class=${h(r.hexOptions)}><calcite-color-picker-hex-input .allowEmpty=${this.clearable} .alphaChannel=${d} class=${h(r.control)} .messages=${n} .numberingSystem=${this.numberingSystem} @calciteColorPickerHexInputChange=${this.handleHexInputChange} .scale=${v} .value=${z}></calcite-color-picker-hex-input></div>`}${e?null:p`<calcite-tabs class=${h({[r.colorModeContainer]:!0,[r.splitSection]:!0})} .scale=${v==="l"?"m":"s"}><calcite-tab-nav slot=title-group>${this.renderChannelsTabTitle("rgb")}${this.renderChannelsTabTitle("hsv")}</calcite-tab-nav>${this.renderChannelsTab("rgb")}${this.renderChannelsTab("hsv")}</calcite-tabs>`}</div></div>`}${y?null:p`<div class=${h({[r.savedColorsSection]:!0,[r.section]:!0})}><div class=${h(r.header)}><label>${n.saved}</label><div class=${h(r.savedColorsButtons)}><calcite-button appearance=transparent class=${h(r.deleteColor)} .disabled=${Z} .iconStart=${W.minus} kind=neutral .label=${n.deleteColor} @click=${this.deleteColor} .scale=${v} type=button></calcite-button><calcite-button appearance=transparent class=${h(r.saveColor)} .disabled=${Z} .iconStart=${W.plus} kind=neutral .label=${n.saveColor} @click=${this.saveColor} .scale=${v} type=button></calcite-button></div></div>${C.length>0?p`<calcite-swatch-group class=${h(r.swatchGroup)} .label=${n.saved} .scale=${v} selection-mode=none>${ce(C,A=>A,A=>p`<calcite-swatch class=${h(r.savedColor)} .color=${A} .label=${A} @click=${this.handleSavedColorSelect} @keydown=${this.handleSavedColorKeyDown} .scale=${v} tabindex=0></calcite-swatch>`)}</calcite-swatch-group>`:null}</div>`}</div>`})}renderChannelsTabTitle(e){let{channelMode:t,messages:i}=this,a=e===t,o=e==="rgb"?i.rgb:i.hsv;return F(e,p`<calcite-tab-title class=${h(r.colorMode)} data-color-mode=${e??w} @calciteTabsActivate=${this.handleTabActivate} .selected=${a}>${o}</calcite-tab-title>`)}renderChannelsTab(e){let{clearable:t,channelMode:i,channels:a,messages:o,alphaChannel:s}=this,l=e===i,n=e==="rgb"?[o.red,o.green,o.blue]:[o.hue,o.saturation,o.value],d=this.direction,u=s?a:a.slice(0,3);return F(e,p`<calcite-tab class=${h(r.control)} .selected=${l}><div class=${h(r.channels)} dir=ltr>${u.map((C,y)=>{let v=y===3;return v&&(C=t&&!C?C:O(C)),this.renderChannel(C,y,n[y],d,v?"%":"")})}</div></calcite-tab>`)}renderChannel(e,t,i,a,o){return F(t,p`<calcite-input-number class=${h(r.channel)} data-channel-index=${t??w} dir=${a??w} .label=${i} lang=${this.messages._lang??w} number-button-type=none .numberingSystem=${this.numberingSystem} @calciteInputNumberChange=${this.handleChannelChange} @calciteInputNumberInput=${this.handleChannelInput} @calciteInternalInputNumberBlur=${this.handleChannelBlur} @calciteInternalInputNumberFocus=${this.handleChannelFocus} @keydown=${this.handleKeyDown} .scale=${this.scale==="l"?"m":"s"} style=${$({marginLeft:t>0&&!(this.scale==="s"&&this.alphaChannel&&t===3)?"-1px":""})} .suffixText=${o} .value=${e?.toString()}></calcite-input-number>`)}};te("calcite-color-picker",Y);export{Y as ColorPicker};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{d as I}from"./66ADBSUG.js";import{b as D}from"./7VTO7SRW.js";import"./VUYX7MNO.js";import{g as m,p as T,y as w}from"./3QPETC2U.js";import{E as A,I as C,R as M,g as S,h as b,p as E}from"./
|
|
2
|
+
import{d as I}from"./66ADBSUG.js";import{b as D}from"./7VTO7SRW.js";import"./VUYX7MNO.js";import{g as m,p as T,y as w}from"./3QPETC2U.js";import{E as A,I as C,R as M,g as S,h as b,p as E}from"./DUKC64ZL.js";function k(g){return Array.from(g.querySelectorAll("calcite-tree-item:not([disabled])")).filter(e=>{let t=e;for(;t!==g&&t!==null;){let s=t.parentElement;if(!(!I(s)||!s.hasChildren||s.expanded))return!1;t=t.parentElement}return!0})}var O=S`:host{display:block}:host(:focus){outline:2px solid transparent;outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}`,y=class extends A{constructor(){super(),this.items=[],this.child=!1,this.lines=!1,this.parentExpanded=!1,this.scale="m",this.selectedItems=[],this.selectionMode="single",this.calciteTreeSelect=E({cancelable:!1}),this.listen("focus",this.onFocus),this.listen("focusin",this.onFocusIn),this.listen("focusout",this.onFocusOut),this.listen("calciteInternalTreeItemSelect",this.onInternalTreeItemSelect),this.listen("keydown",this.keyDownHandler)}static{this.properties={child:[7,{},{reflect:!0,type:Boolean}],lines:[7,{},{reflect:!0,type:Boolean}],parentExpanded:[5,{},{type:Boolean}],scale:[3,{},{reflect:!0}],selectedItems:[0,{},{attribute:!1}],selectionMode:[3,{},{reflect:!0}]}}static{this.styles=O}willUpdate(e){e.has("parentExpanded")&&(this.hasUpdated||this.parentExpanded!==!1)&&this.updateItems();let t=this.el.parentElement?.closest("calcite-tree")??void 0;this.lines=t?t.lines:this.lines,this.scale=t?t.scale:this.scale,this.selectionMode=t?t.selectionMode:this.selectionMode,this.child=!!t}onFocus(){if(!this.child){let e=(this.el.querySelector("calcite-tree-item[selected]:not([disabled])")||this.el.querySelector("calcite-tree-item:not([disabled])"))??void 0;T(e,!0,"focusable")}}onFocusIn(e){(e.relatedTarget===this.el||!this.el.contains(e.relatedTarget))&&this.el.removeAttribute("tabindex")}onFocusOut(e){!this.el.contains(e.relatedTarget)&&(this.el.tabIndex=this.getRootTabIndex())}onInternalTreeItemSelect(e){if(this.child)return;let t=e.target,s=m(t.querySelectorAll("calcite-tree-item")),r=this.selectionMode==="none",n=r?[]:this.getSelectedItems();if(e.preventDefault(),e.stopPropagation(),this.selectionMode==="ancestors"){this.updateAncestorTree(e,n);return}let l=this.selectionMode!==null&&(!t.hasChildren||t.hasChildren&&(this.selectionMode==="children"||this.selectionMode==="multichildren")),c=this.selectionMode==="multichildren"&&t.hasChildren,d=!r&&e.detail.modifyCurrentSelection&&(this.selectionMode==="multiple"||this.selectionMode==="multichildren"),x=!d&&((this.selectionMode==="single"||this.selectionMode==="multiple")&&s.length<=0||this.selectionMode==="children"||this.selectionMode==="multichildren"||this.selectionMode==="single-persist"&&!t.hasChildren),h=["multiple","none","single","single-persist"].includes(this.selectionMode)&&t.hasChildren,a=[];l&&a.push(t),x&&m(this.el.querySelectorAll("calcite-tree-item[selected]")).forEach(o=>{a.includes(o)||(o.selected=!1)}),h&&["multiple","none","single","single-persist"].includes(this.selectionMode)&&(t.expanded=!t.expanded),c&&s.forEach(i=>{i.selected=!1,i.hasChildren&&(i.expanded=!1)}),d&&window.getSelection().removeAllRanges(),d&&t.selected?a.forEach(i=>{i.disabled||(i.selected=!1)}):r||a.forEach(i=>{i.disabled||(i.selected=this.selectionMode!=="single"||!i.selected)}),this.selectedItems=r?[]:this.getSelectedItems(),this.selectionChanged(n)&&this.calciteTreeSelect.emit(),e.stopPropagation()}keyDownHandler(e){if(this.child)return;let t=this.el,s=e.target,r=["ArrowRight","ArrowDown","ArrowLeft","ArrowUp","Home","End","Tab"];if(!(I(s)&&this.el.contains(s))||!r.includes(e.key))return;let n=k(t);if(e.key==="Tab"){n.forEach(l=>l.tabIndex=-1);return}if(e.key==="ArrowDown"){let l=n.indexOf(s);n[l+1]?.focus(),e.preventDefault();return}if(e.key==="ArrowUp"){let l=n.indexOf(s);n[l-1]?.focus(),e.preventDefault();return}if(e.key==="ArrowLeft"){if(s.hasChildren&&s.expanded){s.expanded=!1,e.preventDefault();return}n.slice(0,n.indexOf(s)).reverse().find(d=>d.depth===s.depth-1)?.focus(),e.preventDefault();return}if(e.key==="ArrowRight"){if(!s.disabled&&s.hasChildren)if(!s.expanded)s.expanded=!0,e.preventDefault();else{let l=n.indexOf(s);n[l+1]?.focus(),e.preventDefault()}return}if(e.key==="Home"){let l=n.shift();l&&(l.focus(),e.preventDefault());return}if(e.key==="End"){let l=n.pop();l&&(l.focus(),e.preventDefault());return}}updateAncestorTree(e,t){let s=e.target,r=e.detail.updateItem;if(s.disabled||s.indeterminate&&!r)return;let n=[],l=s.parentElement.closest("calcite-tree-item");for(;l;)n.push(l),l=l.parentElement.closest("calcite-tree-item");let c=Array.from(s.querySelectorAll("calcite-tree-item:not([disabled])")),d=c.filter(i=>!i.hasChildren),x=c.filter(i=>i.hasChildren),h;r?h=s.hasChildren?!(s.selected||s.indeterminate):!s.selected:h=s.selected,d.forEach(i=>{i.selected=h,i.indeterminate=!1});function a(i,o){let u=i.filter(f=>f.selected),p=i.filter(f=>!f.selected);o.selected=u.length===i.length,o.indeterminate=u.length>0&&p.length>0}x.reverse().forEach(i=>{let o=Array.from(i.querySelectorAll(":scope > calcite-tree > calcite-tree-item"));a(o,i)}),r&&(s.hasChildren?a(c,s):(s.selected=h,s.indeterminate=!1)),n.forEach(i=>{let o=m(i.querySelectorAll("calcite-tree-item")),u=o.filter(f=>f.selected);if(u.length===0){i.selected=!1,i.indeterminate=!1;return}let p=u.length<o.length;i.indeterminate=p,i.selected=!p}),this.selectedItems=this.getSelectedItems(),r&&this.selectionChanged(t)&&this.calciteTreeSelect.emit()}getSelectedItems(){return m(this.el.querySelectorAll("calcite-tree-item")).filter(e=>e.selected)}selectionChanged(e){return e.length!==this.selectedItems.length||this.selectedItems.some(t=>!e.includes(t))}updateItems(){this.items.forEach(e=>e.parentExpanded=this.parentExpanded)}handleDefaultSlotChange(e){let t=w(e).filter(I);this.items=t,this.updateItems()}getRootTabIndex(){return this.child?-1:0}render(){let e=!this.child,t=this.selectionMode==="multiple"||this.selectionMode==="multichildren";return this.el.ariaMultiSelectable=D(e&&t,e?"false":null),this.el.role=this.child?null:"tree",C(this.el,"tabIndex",this.getRootTabIndex()),b`<slot @slotchange=${this.handleDefaultSlotChange}></slot>`}};M("calcite-tree",y);export{y as Tree};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{p as m,w as p}from"./4IEGHLUB.js";import"./27YYIR6K.js";import"./VXDPJESZ.js";import{E as b,F as c,G as g,H as h,R as v,g as f,h as o}from"./
|
|
2
|
+
import{p as m,w as p}from"./4IEGHLUB.js";import"./27YYIR6K.js";import"./VXDPJESZ.js";import{E as b,F as c,G as g,H as h,R as v,g as f,h as o}from"./DUKC64ZL.js";var u={thumbnail:"thumbnail",background:"background",initials:"initials",icon:"icon"};function k(a){a=x(a);let e=0;for(let i=0;i<a.length;i++)e=a.charCodeAt(i)+((e<<5)-e);let t="#";for(let i=0;i<3;i++){let r=e>>i*8&255;t+=("00"+r.toString(16)).substr(-2)}return t}function x(a){let e=Math.floor(a.length/2),t=a.split("").reverse().join("");return t.substring(e)+t.slice(0,e)}function z(a){let{r:e,g:t,b:i}=a;e/=255,t/=255,i/=255;let r=Math.max(e,t,i),n=Math.min(e,t,i),l=r-n;if(r===n)return 0;let s=(r+n)/2;switch(r){case e:s=(t-i)/l+(t<i?6:0);break;case t:s=(i-e)/l+2;break;case i:s=(e-t)/l+4;break}return Math.round(s*60)}function $(a){return z(p(a))}var y=f`:host{display:inline-block;overflow:hidden;border-radius:var(--calcite-avatar-corner-radius, 50%);color:var(--calcite-avatar-color, var(--calcite-color-text-2))}:host([scale=s]){block-size:1.5rem;inline-size:1.5rem;font-size:var(--calcite-font-size-relative-xs)}:host([scale=m]){block-size:2rem;inline-size:2rem;font-size:var(--calcite-font-size-relative-sm)}:host([scale=l]){block-size:2.75rem;inline-size:2.75rem;font-size:var(--calcite-font-size-relative-md)}.icon{display:flex}.background{display:flex;block-size:100%;inline-size:100%;align-items:center;justify-content:center;border-radius:var(--calcite-avatar-corner-radius, 50%)}.initials{font-weight:var(--calcite-font-weight-bold);text-transform:uppercase}.thumbnail{block-size:100%;inline-size:100%;border-radius:var(--calcite-avatar-corner-radius, 50%)}:host([hidden]){display:none}[hidden]{display:none}`,d=class extends b{constructor(){super(...arguments),this.thumbnailFailedToLoad=!1,this.scale="m"}static{this.properties={thumbnailFailedToLoad:[16,{},{state:!0}],fullName:[3,{},{reflect:!0}],label:1,scale:[3,{},{reflect:!0}],thumbnail:[3,{},{reflect:!0}],userId:[3,{},{reflect:!0}],username:[3,{},{reflect:!0}]}}static{this.styles=y}determineContent(){if(this.thumbnail&&!this.thumbnailFailedToLoad)return o`<img alt=${(this.label||"")??h} class=${c(u.thumbnail)} @error=${()=>this.thumbnailFailedToLoad=!0} src=${this.thumbnail??h}>`;let e=this.generateInitials(),t=this.generateFillColor();return o`<span .ariaLabel=${this.label||this.fullName} class=${c(u.background)} role=figure style=${g({backgroundColor:t})}>${e?o`<span aria-hidden=true class=${c(u.initials)}>${e}</span>`:o`<calcite-icon class=${c(u.icon)} icon=user .scale=${this.scale}></calcite-icon>`}</span>`}generateFillColor(){let{userId:e,username:t,fullName:i}=this,r=e&&`#${e.substr(e.length-6)}`,n=t||i||"",l=r&&m(r)?r:k(n);if(!e&&!n||!m(l))return"var(--calcite-avatar-background-color, var(--calcite-color-foreground-2))";let s=$(l);return`var(--calcite-avatar-background-color, light-dark(hsl(${s}, 60%, 90%), hsl(${s}, 60%, 20%)))`}generateInitials(){let{fullName:e,username:t}=this;return e?e.trim().split(" ").map(i=>i.substring(0,1)).join(""):t?t.substring(0,2):!1}render(){return this.determineContent()}};v("calcite-avatar",d);export{d as Avatar};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{b as $}from"./NH334SIF.js";import{a as h,b as I,c as L,d as S,e as m,f as A,h as j}from"./RLI632QM.js";import{h as g}from"./F4JFQNV4.js";import{m as D}from"./MBM7UIXE.js";import{a as _}from"./GGIDVR6G.js";import{a as q}from"./4JYNFF4P.js";import{a as E}from"./QFHATQLZ.js";import{a as V}from"./NTMV2Y47.js";import{a as K}from"./VXDPJESZ.js";import"./YP3AYJH3.js";import{a as B}from"./T6CCMW7H.js";import{b as W}from"./7VTO7SRW.js";import{a as y}from"./VI7SBYXT.js";import{a as z}from"./3Y2WH2AF.js";import"./VUYX7MNO.js";import{a as N}from"./6OCFIDS3.js";import"./ZWPNZ5XW.js";import"./RP3QPVPC.js";import{j as G,u as w,x as C}from"./3QPETC2U.js";import{D as v,E as R,F as f,G as k,L as H,O as T,R as U,g as M,h as d,p}from"./Z2NEM5E2.js";var J=M`: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]){--calcite-internal-list-action-spacing: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-list-action-spacing: var(--calcite-spacing-xxs)}:host([scale=l]){--calcite-internal-list-action-spacing: var(--calcite-spacing-xs)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{position:relative;background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.container-height{block-size:100%}.table-container{box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;background-color:transparent}.table-container *{box-sizing:border-box}.table{inline-size:100%}.stack{--calcite-stack-padding-inline: 0;--calcite-stack-padding-block: 0}.sticky-pos{position:sticky;inset-block-start:0px;z-index:calc(var(--calcite-z-index-sticky) + 1);background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.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}::slotted(:is(calcite-action[slot=filter-actions-start],calcite-action[slot=filter-actions-end])){gap:var(--calcite-internal-list-action-spacing);align-self:center}::slotted(calcite-action[slot=filter-actions-start]){margin-inline-start:var(--calcite-internal-list-action-spacing)}::slotted(calcite-action[slot=filter-actions-end]){margin-inline-end:var(--calcite-internal-list-action-spacing)}:host([hidden]){display:none}[hidden]{display:none}`,Q=`${S}, ${m}`,P=class extends R{constructor(){super(),this.dragSelector=m,this.focusableItems=[],this.handleSelector="calcite-sort-handle",this.listItems=[],this.listItemGroups=[],this.mutationObserver=y("mutation",()=>{this.willPerformFilter=!0,this.updateListItemsDebounced()}),this.cancelable=V()(this),this.sortable=_()(this),this.updateListItemsDebounced=K(this.updateListItems,H.nextTick),this.visibleItems=[],this.willFilterEmit=!1,this.willPerformFilter=!1,this.messages=z({blocking:!0}),this.focusSetter=N()(this),this.interactiveContainer=q(this),this.filterRowResizeObserver=y("resize",()=>this.updateFilterRowHeight()),this.setFilterContainerEl=t=>{this.filterContainerEl=t,this.observeFilterRow()},this.dataForFilter=[],this.hasFilterActionsEnd=!1,this.hasFilterActionsStart=!1,this.hasFilterNoResults=!1,this.sortHandleMenuItems=[],this.hasContent=!1,this.hasEmptyContent=!1,this.filterRowHeight=0,this.disabled=!1,this.dragEnabled=!1,this.filterEnabled=!1,this.filterText="",this.filteredData=[],this.filteredItems=[],this.interactionMode="interactive",this.loading=!1,this.displayMode="flat",this.scale="m",this.selectedItems=[],this.selectionAppearance="icon",this.selectionMode="none",this.sortDisabled=!1,this.calciteInternalListDefaultSlotChange=p({cancelable:!1}),this.calciteListChange=p({cancelable:!1}),this.calciteListDragEnd=p({cancelable:!1}),this.calciteListDragStart=p({cancelable:!1}),this.calciteListFilter=p({cancelable:!1}),this.calciteListMoveHalt=p({cancelable:!1}),this.calciteListOrderChange=p({cancelable:!1}),this.listen("calciteInternalListItemToggle",this.handleCalciteListItemToggle),this.listen("calciteInternalFocusPreviousItem",this.handleCalciteInternalFocusPreviousItem),this.listen("calciteInternalListItemActive",this.handleCalciteInternalListItemActive),this.listen("calciteListItemSelect",this.handleCalciteListItemSelect),this.listen("calciteInternalAssistiveTextChange",this.handleCalciteInternalAssistiveTextChange),this.listen("calciteListItemSortHandleBeforeOpen",this.updateListItemsDebounced),this.listen("calciteSortHandleReorder",this.handleSortReorder),this.listen("calciteSortHandleMove",this.handleSortMove),this.listen("calciteSortHandleAdd",this.handleSortAdd),this.listen("calciteInternalListItemSelect",this.handleCalciteInternalListItemSelect),this.listen("calciteInternalListItemSelectMultiple",this.handleCalciteInternalListItemSelectMultiple),this.listen("calciteInternalListItemChange",this.handleCalciteInternalListItemChange),this.listen("calciteInternalListItemGroupDefaultSlotChange",this.handleCalciteInternalListItemGroupDefaultSlotChange),this.listen("calciteInternalListItemGroupChange",this.handleCalciteInternalListItemChange)}static{this.properties={assistiveText:[16,{},{state:!0}],dataForFilter:[16,{},{state:!0}],hasFilterActionsEnd:[16,{},{state:!0}],hasFilterActionsStart:[16,{},{state:!0}],hasFilterNoResults:[16,{},{state:!0}],sortHandleMenuItems:[16,{},{state:!0}],hasContent:[16,{},{state:!0}],hasEmptyContent:[16,{},{state:!0}],filterRowHeight:[16,{},{state:!0}],canPull:[0,{},{attribute:!1}],canPut:[0,{},{attribute:!1}],disabled:[7,{},{reflect:!0,type:Boolean}],dragEnabled:[7,{},{reflect:!0,type:Boolean}],filterEnabled:[7,{},{reflect:!0,type:Boolean}],filterPredicate:[0,{},{attribute:!1}],filterLabel:[3,{},{reflect:!0}],filterPlaceholder:[3,{},{reflect:!0}],filterProps:[0,{},{attribute:!1}],filterText:[3,{},{reflect:!0}],filteredData:[0,{},{attribute:!1}],filteredItems:[0,{},{attribute:!1}],group:[3,{},{reflect:!0}],interactionMode:[3,{},{reflect:!0}],label:1,loading:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],displayMode:[3,{},{reflect:!0}],numberingSystem:1,scale:[3,{},{reflect:!0}],selectedItems:[0,{},{attribute:!1}],selectionAppearance:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}],sortDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=J}get hasActiveFilter(){return!!(this.filterEnabled&&this.filterText&&this.filteredItems.length!==this.visibleItems.length)}get showEmptyContentContainer(){return!this.hasContent&&this.hasEmptyContent}get showNoResultsContainer(){return!!(this.filterEnabled&&this.filterText&&this.hasFilterNoResults&&this.visibleItems.length&&!this.filteredItems.length)}get effectiveFilterProps(){return this.filterProps?this.filterProps.filter(t=>t!=="el"):["description","label","metadata","heading"]}emitOrderChangeEvent(t){this.calciteListOrderChange.emit(t)}async setFocus(t){return this.focusSetter(()=>this.filterEnabled?this.filterEl:this.focusableItems.find(e=>e.active),t)}connectedCallback(){super.connectedCallback(),this.connectObserver(),this.willPerformFilter=!0,this.updateListItemsDebounced(),this.setUpSorting(),this.setParentList(),this.setListItemGroups(),this.cancelable.add(this.updateListItemsDebounced)}async load(){this.handleInteractionModeWarning()}willUpdate(t){(t.has("filterText")||t.has("filterProps")||t.has("filterPredicate"))&&this.performFilter(),(t.has("filterEnabled")&&(this.hasUpdated||this.filterEnabled!==!1)||t.has("group")||t.has("sortDisabled")&&(this.hasUpdated||this.sortDisabled!==!1)||t.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1)||t.has("selectionMode")&&(this.hasUpdated||this.selectionMode!=="none")||t.has("selectionAppearance")&&(this.hasUpdated||this.selectionAppearance!=="icon")||t.has("displayMode")&&this.hasUpdated||t.has("scale")&&this.hasUpdated||t.has("canPull")&&this.hasUpdated||t.has("canPut")&&this.hasUpdated||t.has("filterPredicate")&&this.hasUpdated)&&this.handleListItemChange()}disconnectedCallback(){super.disconnectedCallback(),this.disconnectObserver(),this.unobserveFilterRow()}updateListItems(){this.updateFilterRowHeight(),this.updateGroupItems();let{selectionAppearance:t,selectionMode:e,interactionMode:i,dragEnabled:a,el:s,filterEl:n,displayMode:l,scale:r,sortDisabled:c,sortHandleMenuItems:u}=this,b=Array.from(this.el.querySelectorAll(m)),F=s,O=Array.from(F.children).filter(g);if(b.forEach(o=>{o.closest(L)===s&&(o.scale=r,o.selectionAppearance=t,o.selectionMode=e,o.interactionMode=i,o.moveToItems=u.filter(x=>this.validateSortMenuItem({type:"move",fromEl:F,toEl:x.element,dragEl:o,newIndex:0,oldIndex:O.indexOf(o)})),o.addToItems=this.sortHandleMenuItems.filter(x=>this.validateSortMenuItem({type:"add",fromEl:F,toEl:x.element,dragEl:o,newIndex:0,oldIndex:O.indexOf(o)})),o.dragHandle=a,o.displayMode=l,o.sortDisabled=c)}),this.parentListEl){this.setUpSorting();return}this.listItems=b,this.filterEnabled&&this.willPerformFilter&&(this.willPerformFilter=!1,this.dataForFilter=this.getItemData(),n&&(n.items=this.dataForFilter,this.filterAndUpdateData())),this.visibleItems=this.listItems.filter(o=>!o.closed&&!o.hidden),this.updateFilteredItems(),this.borderItems(),this.focusableItems=this.filteredItems.filter(o=>!o.disabled),this.setActiveListItem(),this.updateSelectedItems(),this.setUpSorting()}unobserveFilterRow(){this.filterRowResizeObserver?.disconnect()}observeFilterRow(){this.unobserveFilterRow();let t=this.filterContainerEl;t&&this.filterRowResizeObserver?.observe(t)}updateFilterRowHeight(){this.filterRowHeight=this.filterContainerEl?.clientHeight??0}handleListItemChange(){this.willPerformFilter=!0,this.updateListItemsDebounced()}handleCalciteListItemToggle(t){this.parentListEl||(t.stopPropagation(),this.borderItems())}handleCalciteInternalFocusPreviousItem(t){if(this.parentListEl)return;t.stopPropagation();let{focusableItems:e}=this,a=e.findIndex(s=>s.active)-1;e[a]&&this.focusRow(e[a])}handleCalciteInternalListItemActive(t){if(this.parentListEl)return;t.stopPropagation();let e=t.target,{listItems:i}=this;i.forEach(a=>{a.active=a===e})}handleCalciteListItemSelect(){this.parentListEl||this.updateSelectedItems(!0)}handleCalciteInternalAssistiveTextChange(t){this.assistiveText=t.detail.message,t.stopPropagation()}handleSortReorder(t){this.parentListEl||t.defaultPrevented||(t.preventDefault(),this.handleReorder(t))}handleSortAdd(t){this.parentListEl||t.defaultPrevented||(t.preventDefault(),this.handleAdd(t))}handleSortMove(t){this.parentListEl||t.defaultPrevented||(t.preventDefault(),this.handleMove(t))}handleCalciteInternalListItemSelect(t){if(this.parentListEl)return;t.stopPropagation();let e=t.target,{listItems:i,selectionMode:a}=this;e.selected&&(a==="single"||a==="single-persist")&&i.forEach(s=>s.selected=s===e),this.updateSelectedItems()}handleCalciteInternalListItemSelectMultiple(t){if(this.parentListEl)return;t.stopPropagation();let{target:e,detail:i}=t,{focusableItems:a,lastSelectedInfo:s}=this,n=e;if(i.selectMultiple&&s){let l=a.indexOf(n),r=a.indexOf(s.selectedItem),c=Math.min(r,l),u=Math.max(r,l);a.slice(c,u+1).forEach(b=>b.selected=s.selected)}else this.lastSelectedInfo={selectedItem:n,selected:n.selected}}handleCalciteInternalListItemChange(t){this.parentListEl||(t.stopPropagation(),this.handleListItemChange())}handleCalciteInternalListItemGroupDefaultSlotChange(t){this.parentListEl||(t.stopPropagation(),this.handleListItemChange())}connectObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}disconnectObserver(){this.mutationObserver?.disconnect()}setUpSorting(){let{dragEnabled:t,defaultSlotEl:e}=this;t&&e&&j(e),this.sortable.reset()}onGlobalDragStart(){this.disconnectObserver()}onGlobalDragEnd(){this.connectObserver()}onDragEnd(t){this.calciteListDragEnd.emit(t)}onDragStart(t){t.dragEl.sortHandleOpen=!1,this.calciteListDragStart.emit(t)}onDragSort(t){this.setParentList(),this.updateListItemsDebounced(),this.calciteListOrderChange.emit(t)}setParentList(){this.parentListEl=this.el.parentElement?.closest(L)||void 0}handleDefaultSlotChange(t){this.parentListEl&&this.calciteInternalListDefaultSlotChange.emit(),this.hasContent=w(t)}handleEmptyContentSlotChange(t){this.hasEmptyContent=w(t)}setListItemGroups(){this.listItemGroups=Array.from(this.el.querySelectorAll(S))}handleFilterActionsStartSlotChange(t){this.hasFilterActionsStart=C(t)}handleFilterActionsEndSlotChange(t){this.hasFilterActionsEnd=C(t)}handleFilterNoResultsSlotChange(t){this.hasFilterNoResults=C(t)}setActiveListItem(){let{focusableItems:t}=this;t.some(e=>e.active)||t[0]&&(t[0].active=!0)}async updateSelectedItems(t=!1){await this.updateComplete,this.selectedItems=this.visibleItems.filter(e=>e.selected),t&&this.calciteListChange.emit()}filterElements({el:t,filteredItems:e,visibleParents:i}){let a=!i.has(t)&&!e.includes(t);t.filterHidden=a;let s=t.parentElement.closest(Q);s&&(a||i.add(s),this.filterElements({el:s,filteredItems:e,visibleParents:i}))}allParentListItemsExpanded(t){let e=t.parentElement?.closest(m);if(e){if(!e.expanded)return!1}else return!0;return this.allParentListItemsExpanded(e)}borderItems(){let t=this.visibleItems.filter(e=>!e.filterHidden&&this.allParentListItemsExpanded(e));t.forEach(e=>e.bordered=e!==t[t.length-1])}updateFilteredItems(){let{visibleItems:t,filteredData:e,filterText:i,filterPredicate:a}=this,s=t?.filter(r=>t.every(c=>c===r||!r.contains(c))),n=a?t.filter(a):i?e.map(r=>r.el):t||[],l=new WeakSet;s.forEach(r=>this.filterElements({el:r,filteredItems:n,visibleParents:l})),this.filteredItems=n,this.willFilterEmit&&(this.willFilterEmit=!1,this.calciteListFilter.emit())}updateFilteredData(){let{filterEl:t}=this;t&&(t.filteredItems&&(this.filteredData=t.filteredItems),this.updateListItemsDebounced())}async filterAndUpdateData(){let t=this.filterEl?.value??this.filterText;await this.filterEl?.filter(t),this.updateFilteredData()}performFilter(){let{filterEl:t,filterText:e,effectiveFilterProps:i}=this;t&&(t.value=e,t.filterProps=i,this.filterAndUpdateData())}setDefaultSlotEl(t){this.defaultSlotEl=t}setFilterEl(t){this.filterEl=t,this.performFilter()}handleFilterChange(t){t.stopPropagation();let{value:e}=t.currentTarget;this.filterText=e,this.willFilterEmit=!0,this.updateFilteredData()}getItemData(){return this.listItems.map(t=>({label:t.label,description:t.description,metadata:t.metadata,heading:this.getGroupHeading(t),el:t}))}getGroupHeading(t){return this.listItemGroups.filter(e=>e.contains(t)&&e.heading).map(e=>e.heading)}updateGroupItems(){let{el:t,group:e,scale:i}=this,a=G(t),s=e?Array.from(a.querySelectorAll(`${L}[group="${e}"]`)).filter(l=>!l.disabled&&l.dragEnabled):[];this.sortHandleMenuItems=s.map(l=>({element:l,label:l.label??l.id,id:B()})),Array.from(this.el.querySelectorAll(S)).forEach(l=>{l.scale=i})}focusRow(t){let{focusableItems:e}=this;t&&(e.forEach(i=>i.active=i===t),t.setFocus())}isNavigable(t){let e=t.parentElement?.closest(m);return e?e.expanded&&this.isNavigable(e):!0}handleListKeydown(t){if(t.defaultPrevented||this.parentListEl)return;let{key:e}=t,i=this.focusableItems.filter(s=>this.isNavigable(s)),a=i.findIndex(s=>s.active);if(e==="ArrowDown"){t.preventDefault();let s=t.target===this.filterEl?0:a+1;i[s]&&this.focusRow(i[s])}else if(e==="ArrowUp"){if(t.preventDefault(),a===0&&this.filterEnabled){this.filterEl.setFocus();return}let s=a-1;i[s]&&this.focusRow(i[s])}else if(e==="Home"){t.preventDefault();let s=i[0];s&&this.focusRow(s)}else if(e==="End"){t.preventDefault();let s=i[i.length-1];s&&this.focusRow(s)}}handleInteractionModeWarning(){this.interactionMode==="static"&&this.selectionMode!=="none"&&this.selectionAppearance==="border"&&T.warn('selection-appearance="border" requires interaction-mode="interactive"')}validateSortMenuItem({fromEl:t,toEl:e,dragEl:i,newIndex:a,oldIndex:s,type:n}){if(!t||!e||e===t||i.contains(e))return!1;let l=t.canPull?.({toEl:e,fromEl:t,dragEl:i,newIndex:a,oldIndex:s})??!0,r=e.canPut?.({toEl:e,fromEl:t,dragEl:i,newIndex:a,oldIndex:s})??!0;return(n==="add"?l==="clone":l===!0)&&r}handleAdd(t){let{addTo:e}=t.detail,i=t.target,a=i?.parentElement,s=e.element,l=Array.from(a.children).filter(g).indexOf(i),r=0;if(!this.validateSortMenuItem({type:"add",fromEl:a,toEl:s,dragEl:i,newIndex:r,oldIndex:l}))return;i.sortHandleOpen=!1,this.disconnectObserver();let c=i.cloneNode();s.prepend(c),A(i),this.updateListItemsDebounced(),this.connectObserver();let u={dragEl:i,fromEl:a,toEl:s,newIndex:r,oldIndex:l};this.calciteListOrderChange.emit(u),s.emitOrderChangeEvent(u)}handleMove(t){let{moveTo:e}=t.detail,i=t.target,a=i?.parentElement,s=e.element,l=Array.from(a.children).filter(g).indexOf(i),r=0;if(!this.validateSortMenuItem({type:"move",fromEl:a,toEl:s,dragEl:i,newIndex:r,oldIndex:l}))return;i.sortHandleOpen=!1,this.disconnectObserver(),s.prepend(i),A(i),this.updateListItemsDebounced(),this.connectObserver();let c={dragEl:i,fromEl:a,toEl:s,newIndex:r,oldIndex:l};this.calciteListOrderChange.emit(c),s.emitOrderChangeEvent(c)}handleReorder(t){let{reorder:e}=t.detail,i=t.target,a=i?.parentElement;if(!a)return;i.sortHandleOpen=!1;let s=Array.from(a.children).filter(g),n=s.length-1,l=s.indexOf(i),r=l;switch(e){case"top":r=0;break;case"bottom":r=n;break;case"up":r=l===0?0:l-1;break;case"down":r=l===n?n:l+1;break}this.disconnectObserver();let c=e==="up"||e==="top"?s[r]:s[r].nextSibling;a.insertBefore(i,c),this.updateListItemsDebounced(),this.connectObserver(),this.calciteListOrderChange.emit({dragEl:i,fromEl:a,toEl:a,newIndex:r,oldIndex:l})}render(){let{loading:t,label:e,disabled:i,dataForFilter:a,filterEnabled:s,filterPlaceholder:n,filterLabel:l,hasFilterActionsStart:r,hasFilterActionsEnd:c,effectiveFilterProps:u}=this;return this.interactiveContainer({disabled:this.disabled,children:d`<div class=${f({[h.container]:!0,[h.containerHeight]:this.listItems.length<1&&t})} style=${k({"--calcite-internal-filter-enabled-offset":`${this.filterRowHeight}px`})}>${this.dragEnabled?d`<span aria-live=assertive class=${f(h.assistiveText)}>${this.assistiveText}</span>`:null}${this.renderItemAriaLive()}${t?d`<calcite-scrim class=${f(h.scrim)} .loading=${t}></calcite-scrim>`:null}<div .ariaBusy=${W(t,void 0)} .ariaLabel=${e||""} class=${f(h.table)} @keydown=${this.handleListKeydown} role=treegrid>${s||r||c?d`<div class=${f(h.sticky)} role=rowgroup ${v(this.setFilterContainerEl)}><div role=row><div role=columnheader><calcite-stack class=${f(h.stack)}><slot name=${I.filterActionsStart} @slotchange=${this.handleFilterActionsStartSlotChange} slot=${$.actionsStart}></slot><calcite-filter .ariaLabel=${n} .disabled=${i} .filterProps=${u} .items=${a} .label=${l} @calciteFilterChange=${this.handleFilterChange} .placeholder=${n} .scale=${this.scale} ${v(this.setFilterEl)}></calcite-filter><slot name=${I.filterActionsEnd} @slotchange=${this.handleFilterActionsEndSlotChange} slot=${$.actionsEnd}></slot></calcite-stack></div></div></div>`:null}<div class=${f(h.tableContainer)} role=rowgroup><div .hidden=${!this.showEmptyContentContainer}><slot name=${I.emptyContent} @slotchange=${this.handleEmptyContentSlotChange}></slot></div><slot @slotchange=${this.handleDefaultSlotChange} ${v(this.setDefaultSlotEl)}></slot></div></div><div aria-live=polite .hidden=${!this.showNoResultsContainer}><slot name=${I.filterNoResults} @slotchange=${this.handleFilterNoResultsSlotChange}></slot></div></div>`})}renderItemAriaLive(){let{messages:t,filteredItems:e,parentListEl:i,messages:{_lang:a},numberingSystem:s}=this;return D.numberFormatOptions={locale:a,numberingSystem:s},i?null:d`<div aria-live=polite class=${f(h.assistiveText)}>${this.hasActiveFilter?E("aria-filter-enabled",d`<div>${t.filterEnabled}</div>`):null}${E("aria-item-count",d`<div>${t.total.replace("{count}",D.localize(e.length.toString()))}</div>`)}${e.length?E("aria-item-list",d`<ol>${e.map(n=>d`<li>${n.label}</li>`)}</ol>`):null}</div>`}};U("calcite-list",P);export{P as List};
|
|
2
|
+
import{b as $}from"./NH334SIF.js";import{a as h,b as I,c as L,d as S,e as m,f as A,h as j}from"./RLI632QM.js";import{h as g}from"./F4JFQNV4.js";import{m as D}from"./DAHOGZYX.js";import{a as _}from"./3KLXXVWV.js";import{a as q}from"./BUGLTO2Z.js";import{a as E}from"./ATRYJOS5.js";import{a as V}from"./TJYMIB55.js";import{a as K}from"./VXDPJESZ.js";import"./YP3AYJH3.js";import{a as B}from"./T6CCMW7H.js";import{b as W}from"./7VTO7SRW.js";import{a as y}from"./VI7SBYXT.js";import{a as z}from"./QSGFXZ6X.js";import"./VUYX7MNO.js";import{a as N}from"./BTEVR6OB.js";import"./ZWPNZ5XW.js";import"./ASE6WOIX.js";import{j as G,u as w,x as C}from"./3QPETC2U.js";import{D as v,E as R,F as f,G as k,L as H,O as T,R as U,g as M,h as d,p}from"./DUKC64ZL.js";var J=M`: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]){--calcite-internal-list-action-spacing: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-list-action-spacing: var(--calcite-spacing-xxs)}:host([scale=l]){--calcite-internal-list-action-spacing: var(--calcite-spacing-xs)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{position:relative;background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.container-height{block-size:100%}.table-container{box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;background-color:transparent}.table-container *{box-sizing:border-box}.table{inline-size:100%}.stack{--calcite-stack-padding-inline: 0;--calcite-stack-padding-block: 0}.sticky-pos{position:sticky;inset-block-start:0px;z-index:calc(var(--calcite-z-index-sticky) + 1);background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.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}::slotted(:is(calcite-action[slot=filter-actions-start],calcite-action[slot=filter-actions-end])){gap:var(--calcite-internal-list-action-spacing);align-self:center}::slotted(calcite-action[slot=filter-actions-start]){margin-inline-start:var(--calcite-internal-list-action-spacing)}::slotted(calcite-action[slot=filter-actions-end]){margin-inline-end:var(--calcite-internal-list-action-spacing)}:host([hidden]){display:none}[hidden]{display:none}`,Q=`${S}, ${m}`,P=class extends R{constructor(){super(),this.dragSelector=m,this.focusableItems=[],this.handleSelector="calcite-sort-handle",this.listItems=[],this.listItemGroups=[],this.mutationObserver=y("mutation",()=>{this.willPerformFilter=!0,this.updateListItemsDebounced()}),this.cancelable=V()(this),this.sortable=_()(this),this.updateListItemsDebounced=K(this.updateListItems,H.nextTick),this.visibleItems=[],this.willFilterEmit=!1,this.willPerformFilter=!1,this.messages=z({blocking:!0}),this.focusSetter=N()(this),this.interactiveContainer=q(this),this.filterRowResizeObserver=y("resize",()=>this.updateFilterRowHeight()),this.setFilterContainerEl=t=>{this.filterContainerEl=t,this.observeFilterRow()},this.dataForFilter=[],this.hasFilterActionsEnd=!1,this.hasFilterActionsStart=!1,this.hasFilterNoResults=!1,this.sortHandleMenuItems=[],this.hasContent=!1,this.hasEmptyContent=!1,this.filterRowHeight=0,this.disabled=!1,this.dragEnabled=!1,this.filterEnabled=!1,this.filterText="",this.filteredData=[],this.filteredItems=[],this.interactionMode="interactive",this.loading=!1,this.displayMode="flat",this.scale="m",this.selectedItems=[],this.selectionAppearance="icon",this.selectionMode="none",this.sortDisabled=!1,this.calciteInternalListDefaultSlotChange=p({cancelable:!1}),this.calciteListChange=p({cancelable:!1}),this.calciteListDragEnd=p({cancelable:!1}),this.calciteListDragStart=p({cancelable:!1}),this.calciteListFilter=p({cancelable:!1}),this.calciteListMoveHalt=p({cancelable:!1}),this.calciteListOrderChange=p({cancelable:!1}),this.listen("calciteInternalListItemToggle",this.handleCalciteListItemToggle),this.listen("calciteInternalFocusPreviousItem",this.handleCalciteInternalFocusPreviousItem),this.listen("calciteInternalListItemActive",this.handleCalciteInternalListItemActive),this.listen("calciteListItemSelect",this.handleCalciteListItemSelect),this.listen("calciteInternalAssistiveTextChange",this.handleCalciteInternalAssistiveTextChange),this.listen("calciteListItemSortHandleBeforeOpen",this.updateListItemsDebounced),this.listen("calciteSortHandleReorder",this.handleSortReorder),this.listen("calciteSortHandleMove",this.handleSortMove),this.listen("calciteSortHandleAdd",this.handleSortAdd),this.listen("calciteInternalListItemSelect",this.handleCalciteInternalListItemSelect),this.listen("calciteInternalListItemSelectMultiple",this.handleCalciteInternalListItemSelectMultiple),this.listen("calciteInternalListItemChange",this.handleCalciteInternalListItemChange),this.listen("calciteInternalListItemGroupDefaultSlotChange",this.handleCalciteInternalListItemGroupDefaultSlotChange),this.listen("calciteInternalListItemGroupChange",this.handleCalciteInternalListItemChange)}static{this.properties={assistiveText:[16,{},{state:!0}],dataForFilter:[16,{},{state:!0}],hasFilterActionsEnd:[16,{},{state:!0}],hasFilterActionsStart:[16,{},{state:!0}],hasFilterNoResults:[16,{},{state:!0}],sortHandleMenuItems:[16,{},{state:!0}],hasContent:[16,{},{state:!0}],hasEmptyContent:[16,{},{state:!0}],filterRowHeight:[16,{},{state:!0}],canPull:[0,{},{attribute:!1}],canPut:[0,{},{attribute:!1}],disabled:[7,{},{reflect:!0,type:Boolean}],dragEnabled:[7,{},{reflect:!0,type:Boolean}],filterEnabled:[7,{},{reflect:!0,type:Boolean}],filterPredicate:[0,{},{attribute:!1}],filterLabel:[3,{},{reflect:!0}],filterPlaceholder:[3,{},{reflect:!0}],filterProps:[0,{},{attribute:!1}],filterText:[3,{},{reflect:!0}],filteredData:[0,{},{attribute:!1}],filteredItems:[0,{},{attribute:!1}],group:[3,{},{reflect:!0}],interactionMode:[3,{},{reflect:!0}],label:1,loading:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],displayMode:[3,{},{reflect:!0}],numberingSystem:1,scale:[3,{},{reflect:!0}],selectedItems:[0,{},{attribute:!1}],selectionAppearance:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}],sortDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=J}get hasActiveFilter(){return!!(this.filterEnabled&&this.filterText&&this.filteredItems.length!==this.visibleItems.length)}get showEmptyContentContainer(){return!this.hasContent&&this.hasEmptyContent}get showNoResultsContainer(){return!!(this.filterEnabled&&this.filterText&&this.hasFilterNoResults&&this.visibleItems.length&&!this.filteredItems.length)}get effectiveFilterProps(){return this.filterProps?this.filterProps.filter(t=>t!=="el"):["description","label","metadata","heading"]}emitOrderChangeEvent(t){this.calciteListOrderChange.emit(t)}async setFocus(t){return this.focusSetter(()=>this.filterEnabled?this.filterEl:this.focusableItems.find(e=>e.active),t)}connectedCallback(){super.connectedCallback(),this.connectObserver(),this.willPerformFilter=!0,this.updateListItemsDebounced(),this.setUpSorting(),this.setParentList(),this.setListItemGroups(),this.cancelable.add(this.updateListItemsDebounced)}async load(){this.handleInteractionModeWarning()}willUpdate(t){(t.has("filterText")||t.has("filterProps")||t.has("filterPredicate"))&&this.performFilter(),(t.has("filterEnabled")&&(this.hasUpdated||this.filterEnabled!==!1)||t.has("group")||t.has("sortDisabled")&&(this.hasUpdated||this.sortDisabled!==!1)||t.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1)||t.has("selectionMode")&&(this.hasUpdated||this.selectionMode!=="none")||t.has("selectionAppearance")&&(this.hasUpdated||this.selectionAppearance!=="icon")||t.has("displayMode")&&this.hasUpdated||t.has("scale")&&this.hasUpdated||t.has("canPull")&&this.hasUpdated||t.has("canPut")&&this.hasUpdated||t.has("filterPredicate")&&this.hasUpdated)&&this.handleListItemChange()}disconnectedCallback(){super.disconnectedCallback(),this.disconnectObserver(),this.unobserveFilterRow()}updateListItems(){this.updateFilterRowHeight(),this.updateGroupItems();let{selectionAppearance:t,selectionMode:e,interactionMode:i,dragEnabled:a,el:s,filterEl:n,displayMode:l,scale:r,sortDisabled:c,sortHandleMenuItems:u}=this,b=Array.from(this.el.querySelectorAll(m)),F=s,O=Array.from(F.children).filter(g);if(b.forEach(o=>{o.closest(L)===s&&(o.scale=r,o.selectionAppearance=t,o.selectionMode=e,o.interactionMode=i,o.moveToItems=u.filter(x=>this.validateSortMenuItem({type:"move",fromEl:F,toEl:x.element,dragEl:o,newIndex:0,oldIndex:O.indexOf(o)})),o.addToItems=this.sortHandleMenuItems.filter(x=>this.validateSortMenuItem({type:"add",fromEl:F,toEl:x.element,dragEl:o,newIndex:0,oldIndex:O.indexOf(o)})),o.dragHandle=a,o.displayMode=l,o.sortDisabled=c)}),this.parentListEl){this.setUpSorting();return}this.listItems=b,this.filterEnabled&&this.willPerformFilter&&(this.willPerformFilter=!1,this.dataForFilter=this.getItemData(),n&&(n.items=this.dataForFilter,this.filterAndUpdateData())),this.visibleItems=this.listItems.filter(o=>!o.closed&&!o.hidden),this.updateFilteredItems(),this.borderItems(),this.focusableItems=this.filteredItems.filter(o=>!o.disabled),this.setActiveListItem(),this.updateSelectedItems(),this.setUpSorting()}unobserveFilterRow(){this.filterRowResizeObserver?.disconnect()}observeFilterRow(){this.unobserveFilterRow();let t=this.filterContainerEl;t&&this.filterRowResizeObserver?.observe(t)}updateFilterRowHeight(){this.filterRowHeight=this.filterContainerEl?.clientHeight??0}handleListItemChange(){this.willPerformFilter=!0,this.updateListItemsDebounced()}handleCalciteListItemToggle(t){this.parentListEl||(t.stopPropagation(),this.borderItems())}handleCalciteInternalFocusPreviousItem(t){if(this.parentListEl)return;t.stopPropagation();let{focusableItems:e}=this,a=e.findIndex(s=>s.active)-1;e[a]&&this.focusRow(e[a])}handleCalciteInternalListItemActive(t){if(this.parentListEl)return;t.stopPropagation();let e=t.target,{listItems:i}=this;i.forEach(a=>{a.active=a===e})}handleCalciteListItemSelect(){this.parentListEl||this.updateSelectedItems(!0)}handleCalciteInternalAssistiveTextChange(t){this.assistiveText=t.detail.message,t.stopPropagation()}handleSortReorder(t){this.parentListEl||t.defaultPrevented||(t.preventDefault(),this.handleReorder(t))}handleSortAdd(t){this.parentListEl||t.defaultPrevented||(t.preventDefault(),this.handleAdd(t))}handleSortMove(t){this.parentListEl||t.defaultPrevented||(t.preventDefault(),this.handleMove(t))}handleCalciteInternalListItemSelect(t){if(this.parentListEl)return;t.stopPropagation();let e=t.target,{listItems:i,selectionMode:a}=this;e.selected&&(a==="single"||a==="single-persist")&&i.forEach(s=>s.selected=s===e),this.updateSelectedItems()}handleCalciteInternalListItemSelectMultiple(t){if(this.parentListEl)return;t.stopPropagation();let{target:e,detail:i}=t,{focusableItems:a,lastSelectedInfo:s}=this,n=e;if(i.selectMultiple&&s){let l=a.indexOf(n),r=a.indexOf(s.selectedItem),c=Math.min(r,l),u=Math.max(r,l);a.slice(c,u+1).forEach(b=>b.selected=s.selected)}else this.lastSelectedInfo={selectedItem:n,selected:n.selected}}handleCalciteInternalListItemChange(t){this.parentListEl||(t.stopPropagation(),this.handleListItemChange())}handleCalciteInternalListItemGroupDefaultSlotChange(t){this.parentListEl||(t.stopPropagation(),this.handleListItemChange())}connectObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}disconnectObserver(){this.mutationObserver?.disconnect()}setUpSorting(){let{dragEnabled:t,defaultSlotEl:e}=this;t&&e&&j(e),this.sortable.reset()}onGlobalDragStart(){this.disconnectObserver()}onGlobalDragEnd(){this.connectObserver()}onDragEnd(t){this.calciteListDragEnd.emit(t)}onDragStart(t){t.dragEl.sortHandleOpen=!1,this.calciteListDragStart.emit(t)}onDragSort(t){this.setParentList(),this.updateListItemsDebounced(),this.calciteListOrderChange.emit(t)}setParentList(){this.parentListEl=this.el.parentElement?.closest(L)||void 0}handleDefaultSlotChange(t){this.parentListEl&&this.calciteInternalListDefaultSlotChange.emit(),this.hasContent=w(t)}handleEmptyContentSlotChange(t){this.hasEmptyContent=w(t)}setListItemGroups(){this.listItemGroups=Array.from(this.el.querySelectorAll(S))}handleFilterActionsStartSlotChange(t){this.hasFilterActionsStart=C(t)}handleFilterActionsEndSlotChange(t){this.hasFilterActionsEnd=C(t)}handleFilterNoResultsSlotChange(t){this.hasFilterNoResults=C(t)}setActiveListItem(){let{focusableItems:t}=this;t.some(e=>e.active)||t[0]&&(t[0].active=!0)}async updateSelectedItems(t=!1){await this.updateComplete,this.selectedItems=this.visibleItems.filter(e=>e.selected),t&&this.calciteListChange.emit()}filterElements({el:t,filteredItems:e,visibleParents:i}){let a=!i.has(t)&&!e.includes(t);t.filterHidden=a;let s=t.parentElement.closest(Q);s&&(a||i.add(s),this.filterElements({el:s,filteredItems:e,visibleParents:i}))}allParentListItemsExpanded(t){let e=t.parentElement?.closest(m);if(e){if(!e.expanded)return!1}else return!0;return this.allParentListItemsExpanded(e)}borderItems(){let t=this.visibleItems.filter(e=>!e.filterHidden&&this.allParentListItemsExpanded(e));t.forEach(e=>e.bordered=e!==t[t.length-1])}updateFilteredItems(){let{visibleItems:t,filteredData:e,filterText:i,filterPredicate:a}=this,s=t?.filter(r=>t.every(c=>c===r||!r.contains(c))),n=a?t.filter(a):i?e.map(r=>r.el):t||[],l=new WeakSet;s.forEach(r=>this.filterElements({el:r,filteredItems:n,visibleParents:l})),this.filteredItems=n,this.willFilterEmit&&(this.willFilterEmit=!1,this.calciteListFilter.emit())}updateFilteredData(){let{filterEl:t}=this;t&&(t.filteredItems&&(this.filteredData=t.filteredItems),this.updateListItemsDebounced())}async filterAndUpdateData(){let t=this.filterEl?.value??this.filterText;await this.filterEl?.filter(t),this.updateFilteredData()}performFilter(){let{filterEl:t,filterText:e,effectiveFilterProps:i}=this;t&&(t.value=e,t.filterProps=i,this.filterAndUpdateData())}setDefaultSlotEl(t){this.defaultSlotEl=t}setFilterEl(t){this.filterEl=t,this.performFilter()}handleFilterChange(t){t.stopPropagation();let{value:e}=t.currentTarget;this.filterText=e,this.willFilterEmit=!0,this.updateFilteredData()}getItemData(){return this.listItems.map(t=>({label:t.label,description:t.description,metadata:t.metadata,heading:this.getGroupHeading(t),el:t}))}getGroupHeading(t){return this.listItemGroups.filter(e=>e.contains(t)&&e.heading).map(e=>e.heading)}updateGroupItems(){let{el:t,group:e,scale:i}=this,a=G(t),s=e?Array.from(a.querySelectorAll(`${L}[group="${e}"]`)).filter(l=>!l.disabled&&l.dragEnabled):[];this.sortHandleMenuItems=s.map(l=>({element:l,label:l.label??l.id,id:B()})),Array.from(this.el.querySelectorAll(S)).forEach(l=>{l.scale=i})}focusRow(t){let{focusableItems:e}=this;t&&(e.forEach(i=>i.active=i===t),t.setFocus())}isNavigable(t){let e=t.parentElement?.closest(m);return e?e.expanded&&this.isNavigable(e):!0}handleListKeydown(t){if(t.defaultPrevented||this.parentListEl)return;let{key:e}=t,i=this.focusableItems.filter(s=>this.isNavigable(s)),a=i.findIndex(s=>s.active);if(e==="ArrowDown"){t.preventDefault();let s=t.target===this.filterEl?0:a+1;i[s]&&this.focusRow(i[s])}else if(e==="ArrowUp"){if(t.preventDefault(),a===0&&this.filterEnabled){this.filterEl.setFocus();return}let s=a-1;i[s]&&this.focusRow(i[s])}else if(e==="Home"){t.preventDefault();let s=i[0];s&&this.focusRow(s)}else if(e==="End"){t.preventDefault();let s=i[i.length-1];s&&this.focusRow(s)}}handleInteractionModeWarning(){this.interactionMode==="static"&&this.selectionMode!=="none"&&this.selectionAppearance==="border"&&T.warn('selection-appearance="border" requires interaction-mode="interactive"')}validateSortMenuItem({fromEl:t,toEl:e,dragEl:i,newIndex:a,oldIndex:s,type:n}){if(!t||!e||e===t||i.contains(e))return!1;let l=t.canPull?.({toEl:e,fromEl:t,dragEl:i,newIndex:a,oldIndex:s})??!0,r=e.canPut?.({toEl:e,fromEl:t,dragEl:i,newIndex:a,oldIndex:s})??!0;return(n==="add"?l==="clone":l===!0)&&r}handleAdd(t){let{addTo:e}=t.detail,i=t.target,a=i?.parentElement,s=e.element,l=Array.from(a.children).filter(g).indexOf(i),r=0;if(!this.validateSortMenuItem({type:"add",fromEl:a,toEl:s,dragEl:i,newIndex:r,oldIndex:l}))return;i.sortHandleOpen=!1,this.disconnectObserver();let c=i.cloneNode();s.prepend(c),A(i),this.updateListItemsDebounced(),this.connectObserver();let u={dragEl:i,fromEl:a,toEl:s,newIndex:r,oldIndex:l};this.calciteListOrderChange.emit(u),s.emitOrderChangeEvent(u)}handleMove(t){let{moveTo:e}=t.detail,i=t.target,a=i?.parentElement,s=e.element,l=Array.from(a.children).filter(g).indexOf(i),r=0;if(!this.validateSortMenuItem({type:"move",fromEl:a,toEl:s,dragEl:i,newIndex:r,oldIndex:l}))return;i.sortHandleOpen=!1,this.disconnectObserver(),s.prepend(i),A(i),this.updateListItemsDebounced(),this.connectObserver();let c={dragEl:i,fromEl:a,toEl:s,newIndex:r,oldIndex:l};this.calciteListOrderChange.emit(c),s.emitOrderChangeEvent(c)}handleReorder(t){let{reorder:e}=t.detail,i=t.target,a=i?.parentElement;if(!a)return;i.sortHandleOpen=!1;let s=Array.from(a.children).filter(g),n=s.length-1,l=s.indexOf(i),r=l;switch(e){case"top":r=0;break;case"bottom":r=n;break;case"up":r=l===0?0:l-1;break;case"down":r=l===n?n:l+1;break}this.disconnectObserver();let c=e==="up"||e==="top"?s[r]:s[r].nextSibling;a.insertBefore(i,c),this.updateListItemsDebounced(),this.connectObserver(),this.calciteListOrderChange.emit({dragEl:i,fromEl:a,toEl:a,newIndex:r,oldIndex:l})}render(){let{loading:t,label:e,disabled:i,dataForFilter:a,filterEnabled:s,filterPlaceholder:n,filterLabel:l,hasFilterActionsStart:r,hasFilterActionsEnd:c,effectiveFilterProps:u}=this;return this.interactiveContainer({disabled:this.disabled,children:d`<div class=${f({[h.container]:!0,[h.containerHeight]:this.listItems.length<1&&t})} style=${k({"--calcite-internal-filter-enabled-offset":`${this.filterRowHeight}px`})}>${this.dragEnabled?d`<span aria-live=assertive class=${f(h.assistiveText)}>${this.assistiveText}</span>`:null}${this.renderItemAriaLive()}${t?d`<calcite-scrim class=${f(h.scrim)} .loading=${t}></calcite-scrim>`:null}<div .ariaBusy=${W(t,void 0)} .ariaLabel=${e||""} class=${f(h.table)} @keydown=${this.handleListKeydown} role=treegrid>${s||r||c?d`<div class=${f(h.sticky)} role=rowgroup ${v(this.setFilterContainerEl)}><div role=row><div role=columnheader><calcite-stack class=${f(h.stack)}><slot name=${I.filterActionsStart} @slotchange=${this.handleFilterActionsStartSlotChange} slot=${$.actionsStart}></slot><calcite-filter .ariaLabel=${n} .disabled=${i} .filterProps=${u} .items=${a} .label=${l} @calciteFilterChange=${this.handleFilterChange} .placeholder=${n} .scale=${this.scale} ${v(this.setFilterEl)}></calcite-filter><slot name=${I.filterActionsEnd} @slotchange=${this.handleFilterActionsEndSlotChange} slot=${$.actionsEnd}></slot></calcite-stack></div></div></div>`:null}<div class=${f(h.tableContainer)} role=rowgroup><div .hidden=${!this.showEmptyContentContainer}><slot name=${I.emptyContent} @slotchange=${this.handleEmptyContentSlotChange}></slot></div><slot @slotchange=${this.handleDefaultSlotChange} ${v(this.setDefaultSlotEl)}></slot></div></div><div aria-live=polite .hidden=${!this.showNoResultsContainer}><slot name=${I.filterNoResults} @slotchange=${this.handleFilterNoResultsSlotChange}></slot></div></div>`})}renderItemAriaLive(){let{messages:t,filteredItems:e,parentListEl:i,messages:{_lang:a},numberingSystem:s}=this;return D.numberFormatOptions={locale:a,numberingSystem:s},i?null:d`<div aria-live=polite class=${f(h.assistiveText)}>${this.hasActiveFilter?E("aria-filter-enabled",d`<div>${t.filterEnabled}</div>`):null}${E("aria-item-count",d`<div>${t.total.replace("{count}",D.localize(e.length.toString()))}</div>`)}${e.length?E("aria-item-list",d`<ol>${e.map(n=>d`<li>${n.label}</li>`)}</ol>`):null}</div>`}};U("calcite-list",P);export{P as List};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{g as j}from"./47B6Y2DM.js";import{n as G}from"./MBM7UIXE.js";import{a as $}from"./XLITIJMJ.js";import{c as A}from"./YHJHU6RT.js";import{a as W}from"./SSLNJKGO.js";import{a as q}from"./4JYNFF4P.js";import{a as E}from"./QFHATQLZ.js";import"./YP3AYJH3.js";import{a as k}from"./3Y2WH2AF.js";import{a as N}from"./6OCFIDS3.js";import"./ZWPNZ5XW.js";import"./RP3QPVPC.js";import"./3QPETC2U.js";import{C as z,D as P,E as M,F as U,J as _,R as V,g as R,h as v,l as y,p as b}from"./Z2NEM5E2.js";var Y={offset:"offset"},ee={labelContent:"label-content"},te=60;function O(t){return t.replace(":15",".25").replace(":30",".5").replace(":45",".75").replace("\u2212","-")}function oe(t,e){let o=L(t,"en-US",e).replace("GMT","");return o===""?0:Number(O(o))*te}function se(){return new Date().getTimezoneOffset()*-1}function ie(){return new Intl.DateTimeFormat().resolvedOptions().timeZone}async function ae(t){if(t==="offset")return o=>o;let{normalize:e}=await import("./RKLI4NN7.js");return e}async function ne(t,e,o,s,a){if(o==="name"){let{groupByName:n}=await import("./EOXVENGN.js");return(await n()).map(({label:l})=>({label:l,value:l,metadata:{filterValue:l}})).filter(l=>!!l).sort()}let i=a==="user"?t:a==="utc"?"fr":"en-GB",c=s.getTime();if(o==="region"){let[{groupByRegion:n},{getCountry:m,global:l}]=await Promise.all([import("./IYVJIUWV.js"),import("./Z6Q6E2KL.js")]);return(await n()).map(({label:u,tzs:f})=>(f.sort((h,d)=>{let I=T(h,e),x=T(d,e),p="Etc/GMT";if(h.startsWith(p)&&d.startsWith(p)){let g=h.substring(p.length),F=d.substring(p.length),X=g===""?0:parseInt(g,10);return(F===""?0:parseInt(F,10))-X}return I.localeCompare(x)}),{label:S(e,u),items:f.map(h=>{let d=O(L(h,i,c)),I=T(h,e),x=u===l?`${T(l,e)} Etc`:K(h),p=m(h),g=S(e,p);return{label:I,value:h,metadata:{country:g===I?void 0:g,filterValue:x,offset:d}}})})).sort((u,f)=>u.label===l?-1:f.label===l?1:u.label.localeCompare(f.label))}let[{groupByOffset:Z},{DateEngine:C}]=await Promise.all([import("./SJNBO2YA.js"),import("./TAT7KHVI.js")]),D=await Z({dateEngine:new C,groupDateRange:1,startDate:new Date(c).toISOString()}),Q=new Intl.ListFormat(t,{style:"long",type:"conjunction"}),w=["Factory","Etc/UTC"];return D.forEach(n=>{let m=[],l=0;n.tzs.forEach((r,u)=>{w.includes(r)&&l++,m[u]=l}),n.tzs=n.tzs.filter(r=>!w.includes(r)),n.labelTzIdx=n.labelTzIdx.map(r=>r-m[r]).filter(r=>r>=0&&r<n.tzs.length)}),D.map(({labelTzIdx:n,tzs:m})=>{let l=m[0],r=O(L(l,i,c)),u=oe(l,c),f=n.map(d=>T(m[d],e));return{label:ce(e,r,Q.format(f)),value:u,metadata:{filterValue:m.map(d=>K(d))}}}).filter(n=>!!n).sort((n,m)=>n.value-m.value)}function T(t,e){return J(e,t)||re(t)}function le(t,e,o){return o.timeZoneRegionLabel.replace("{city}",t).replace("{country}",S(o,e))}function S(t,e){return J(t,e)||e}function J(t,e){let o=t[e];return typeof o=="string"?o:void 0}function re(t){return t.split("/").pop()??""}function K(t){return t.replace(/_/g," ")}function ce(t,e,o){return t.timeZoneLabel.replace("{offset}",e).replace("{cities}",o)}function L(t,e,o=Date.now()){return t==="Factory"&&(t="Etc/GMT"),G(e,{timeZone:t,timeZoneName:"shortOffset"}).formatToParts(o).find(({type:i})=>i==="timeZoneName").value}function me(t){return t[0].items!==void 0}function ue(t){return me(t)?t.flatMap(e=>e.items):t}function H(t,e,o){return o===void 0||t===void 0?void 0:ue(t).find(s=>s[e]==o)}var he=R`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;--calcite-combobox-corner-radius: var(--calcite-input-time-zone-corner-radius, var(--calcite-corner-radius))}.offset{white-space:nowrap}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,B=class extends M{constructor(){super(),this.comboboxRef=z(),this.formSupport=A({inputType:"text"})(this),this.messages=k({blocking:!0}),this.focusSetter=N()(this),this.interactiveContainer=q(this),this.#e=null,this.clearable=!1,this.disabled=!1,this.maxItems=0,this.mode="offset",this.offsetStyle="user",this.open=!1,this.overlayPositioning="absolute",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.topLayerDisabled=!1,this.calciteInputTimeZoneBeforeClose=b({cancelable:!1}),this.calciteInputTimeZoneBeforeOpen=b({cancelable:!1}),this.calciteInputTimeZoneChange=b({cancelable:!1}),this.calciteInputTimeZoneClose=b({cancelable:!1}),this.calciteInputTimeZoneOpen=b({cancelable:!1}),W(this)}static{this.properties={selectedTimeZoneItem:[16,{},{state:!0}],timeZoneItems:[16,{},{state:!0}],clearable:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],labelText:1,maxItems:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],mode:[3,{},{reflect:!0}],name:[3,{},{reflect:!0}],offsetStyle:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placeholder:1,readOnly:[7,{},{reflect:!0,type:Boolean}],referenceDate:1,required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],validationIcon:[3,{converter:_},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=he}#e;get value(){return this._value}set value(e){this.#e="internal",this._value=e}async setFocus(e){return this.focusSetter(()=>this.comboboxRef.value,e)}async load(){this.normalizer=await ae(this.mode),await this.updateTimeZoneItems();let e=this.value,o=this.normalizeValue(e);this.value=o||(e===""?o:void 0),this.updateTimeZoneSelection();let s=this.selectedTimeZoneItem?`${this.selectedTimeZoneItem.value}`:"";this.value=s}willUpdate(e){e.has("value")&&this.hasUpdated&&this.handleValueChange(this.value,e.get("value")),(e.has("messages")||e.has("mode")&&(this.hasUpdated||this.mode!=="offset")||e.has("referenceDate"))&&this.handleTimeZoneItemPropsChange(),e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openChanged()}loaded(){this.openChanged()}async handleTimeZoneItemPropsChange(){!this.timeZoneItems||!this.hasUpdated||(await this.updateTimeZoneItems(),this.updateTimeZoneSelection())}openChanged(){this.comboboxRef.value&&(this.comboboxRef.value.open=this.open)}async handleValueChange(e,o){let s=this.#e==="user";if(this.#e=null,s)return;let a=this.normalizeValue(e);if(!a){if(this.clearable){this._value=a,this.selectedTimeZoneItem=void 0;return}this._value=o,this.selectedTimeZoneItem=this.findTimeZoneItem(o);return}let i=this.findTimeZoneItem(a);if(!i){this._value=o;return}this._value=a,this.selectedTimeZoneItem=i}onLabelClick(){this.setFocus()}overrideSelectedLabelForRegion(e){this.mode!=="region"||!this.selectedTimeZoneItem||this.comboboxRef.value&&(this.comboboxRef.value.selectedItems[0].heading=this.getItemLabel(this.selectedTimeZoneItem,e))}onComboboxBeforeClose(e){e.stopPropagation(),this.overrideSelectedLabelForRegion(!1),this.calciteInputTimeZoneBeforeClose.emit()}onComboboxBeforeOpen(e){e.stopPropagation(),this.overrideSelectedLabelForRegion(!0),this.calciteInputTimeZoneBeforeOpen.emit()}onComboboxChange(e){e.stopPropagation();let s=e.target.selectedItems[0],a=this._value;if(!s){this._value="",this.requestUpdate("value",a),this.selectedTimeZoneItem=void 0,this.calciteInputTimeZoneChange.emit();return}let i=this.findTimeZoneItemByLabel(s.getAttribute("data-label")??void 0),c=i?.value===void 0?void 0:`${i?.value}`;this.value===c&&i?.label===this.selectedTimeZoneItem?.label||(this._value=c,this.requestUpdate("value",a),this.selectedTimeZoneItem=i,this.#e="user",this.calciteInputTimeZoneChange.emit())}onComboboxClose(e){e.stopPropagation(),this.open=!1,this.calciteInputTimeZoneClose.emit()}onComboboxOpen(e){this.open=!0,e.stopPropagation(),this.calciteInputTimeZoneOpen.emit()}findTimeZoneItem(e){return H(this.timeZoneItems,"value",e)}findTimeZoneItemByLabel(e){return H(this.timeZoneItems,"label",e)}async updateTimeZoneItems(){this.timeZoneItems=await this.createTimeZoneItems()}updateTimeZoneSelection(){if(this.value===""&&this.clearable){this.selectedTimeZoneItem=void 0;return}let e=this.mode==="offset"?se():ie(),o=this.value===""||!this.value?e:this.value;this.selectedTimeZoneItem=this.findTimeZoneItem(o)||this.findTimeZoneItem(e)}async createTimeZoneItems(){return!this.messages._lang||!this.messages?[]:ne(this.messages._lang,this.messages,this.mode,this.referenceDate instanceof Date?this.referenceDate:new Date(this.referenceDate??Date.now()),this.offsetStyle)}normalizeValue(e){return e=e===void 0?"":e,e&&this.normalizer(e)}getItemLabel(e,o=this.open){let s=this.selectedTimeZoneItem===e,{label:a,metadata:i}=e;return!i.country||o||!s?a:le(a,i.country,this.messages)}render(){return this.interactiveContainer({disabled:this.disabled,children:v`<calcite-combobox .clearDisabled=${!this.clearable} .disabled=${this.disabled} .label=${this.messages.chooseTimeZone} .labelText=${this.labelText} lang=${this.messages._lang??y} .maxItems=${this.maxItems} @calciteComboboxBeforeClose=${this.onComboboxBeforeClose} @calciteComboboxBeforeOpen=${this.onComboboxBeforeOpen} @calciteComboboxChange=${this.onComboboxChange} @calciteComboboxClose=${this.onComboboxClose} @calciteComboboxOpen=${this.onComboboxOpen} .overlayPositioning=${this.overlayPositioning} .placeholder=${this.placeholder||this.messages[`${this.mode}Placeholder`]} placeholder-icon=search .readOnly=${this.readOnly} .required=${this.required} .scale=${this.scale} .selectionMode=${this.clearable?"single":"single-persist"} .status=${this.status} .topLayerDisabled=${this.topLayerDisabled} .validationIcon=${this.validationIcon} .validationMessage=${this.validationMessage} ${P(this.comboboxRef)}>${this.renderItems()}<slot name=${ee.labelContent} slot=${j.labelContent}></slot></calcite-combobox>`})}renderItems(){return this.mode==="region"?this.renderRegionItems():$(this.timeZoneItems,({label:e})=>e,e=>{let o=this.selectedTimeZoneItem===e,{label:s,metadata:a,value:i}=e;return v`<calcite-combobox-item data-label=${s??y} .heading=${s} .metadata=${a} .selected=${o} .value=${i}></calcite-combobox-item>`})}renderRegionItems(){return this.timeZoneItems.flatMap(({label:e,items:o})=>E(e,v`<calcite-combobox-item-group .label=${e}>${$(o,({label:s})=>s,s=>{let a=this.selectedTimeZoneItem===s,{label:i,metadata:c,value:Z}=s,C=this.getItemLabel(s);return v`<calcite-combobox-item data-label=${i??y} .description=${c.country} .heading=${C} .metadata=${c} .selected=${a} .value=${Z}><span class=${U(Y.offset)} slot=content-end>${c.offset}</span></calcite-combobox-item>`})}</calcite-combobox-item-group>`))}};V("calcite-input-time-zone",B);export{B as InputTimeZone};
|
|
2
|
+
import{g as j}from"./47B6Y2DM.js";import{n as G}from"./DAHOGZYX.js";import{a as $}from"./7RZCZV4B.js";import{c as A}from"./NODH7K66.js";import{a as W}from"./IDNG5M6J.js";import{a as q}from"./BUGLTO2Z.js";import{a as E}from"./ATRYJOS5.js";import"./YP3AYJH3.js";import{a as k}from"./QSGFXZ6X.js";import{a as N}from"./BTEVR6OB.js";import"./ZWPNZ5XW.js";import"./ASE6WOIX.js";import"./3QPETC2U.js";import{C as z,D as P,E as M,F as U,J as _,R as V,g as R,h as v,l as y,p as b}from"./DUKC64ZL.js";var Y={offset:"offset"},ee={labelContent:"label-content"},te=60;function O(t){return t.replace(":15",".25").replace(":30",".5").replace(":45",".75").replace("\u2212","-")}function oe(t,e){let o=L(t,"en-US",e).replace("GMT","");return o===""?0:Number(O(o))*te}function se(){return new Date().getTimezoneOffset()*-1}function ie(){return new Intl.DateTimeFormat().resolvedOptions().timeZone}async function ae(t){if(t==="offset")return o=>o;let{normalize:e}=await import("./RKLI4NN7.js");return e}async function ne(t,e,o,s,a){if(o==="name"){let{groupByName:n}=await import("./EOXVENGN.js");return(await n()).map(({label:l})=>({label:l,value:l,metadata:{filterValue:l}})).filter(l=>!!l).sort()}let i=a==="user"?t:a==="utc"?"fr":"en-GB",c=s.getTime();if(o==="region"){let[{groupByRegion:n},{getCountry:m,global:l}]=await Promise.all([import("./IYVJIUWV.js"),import("./Z6Q6E2KL.js")]);return(await n()).map(({label:u,tzs:f})=>(f.sort((h,d)=>{let I=T(h,e),x=T(d,e),p="Etc/GMT";if(h.startsWith(p)&&d.startsWith(p)){let g=h.substring(p.length),F=d.substring(p.length),X=g===""?0:parseInt(g,10);return(F===""?0:parseInt(F,10))-X}return I.localeCompare(x)}),{label:S(e,u),items:f.map(h=>{let d=O(L(h,i,c)),I=T(h,e),x=u===l?`${T(l,e)} Etc`:K(h),p=m(h),g=S(e,p);return{label:I,value:h,metadata:{country:g===I?void 0:g,filterValue:x,offset:d}}})})).sort((u,f)=>u.label===l?-1:f.label===l?1:u.label.localeCompare(f.label))}let[{groupByOffset:Z},{DateEngine:C}]=await Promise.all([import("./SJNBO2YA.js"),import("./TAT7KHVI.js")]),D=await Z({dateEngine:new C,groupDateRange:1,startDate:new Date(c).toISOString()}),Q=new Intl.ListFormat(t,{style:"long",type:"conjunction"}),w=["Factory","Etc/UTC"];return D.forEach(n=>{let m=[],l=0;n.tzs.forEach((r,u)=>{w.includes(r)&&l++,m[u]=l}),n.tzs=n.tzs.filter(r=>!w.includes(r)),n.labelTzIdx=n.labelTzIdx.map(r=>r-m[r]).filter(r=>r>=0&&r<n.tzs.length)}),D.map(({labelTzIdx:n,tzs:m})=>{let l=m[0],r=O(L(l,i,c)),u=oe(l,c),f=n.map(d=>T(m[d],e));return{label:ce(e,r,Q.format(f)),value:u,metadata:{filterValue:m.map(d=>K(d))}}}).filter(n=>!!n).sort((n,m)=>n.value-m.value)}function T(t,e){return J(e,t)||re(t)}function le(t,e,o){return o.timeZoneRegionLabel.replace("{city}",t).replace("{country}",S(o,e))}function S(t,e){return J(t,e)||e}function J(t,e){let o=t[e];return typeof o=="string"?o:void 0}function re(t){return t.split("/").pop()??""}function K(t){return t.replace(/_/g," ")}function ce(t,e,o){return t.timeZoneLabel.replace("{offset}",e).replace("{cities}",o)}function L(t,e,o=Date.now()){return t==="Factory"&&(t="Etc/GMT"),G(e,{timeZone:t,timeZoneName:"shortOffset"}).formatToParts(o).find(({type:i})=>i==="timeZoneName").value}function me(t){return t[0].items!==void 0}function ue(t){return me(t)?t.flatMap(e=>e.items):t}function H(t,e,o){return o===void 0||t===void 0?void 0:ue(t).find(s=>s[e]==o)}var he=R`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;--calcite-combobox-corner-radius: var(--calcite-input-time-zone-corner-radius, var(--calcite-corner-radius))}.offset{white-space:nowrap}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,B=class extends M{constructor(){super(),this.comboboxRef=z(),this.formSupport=A({inputType:"text"})(this),this.messages=k({blocking:!0}),this.focusSetter=N()(this),this.interactiveContainer=q(this),this.#e=null,this.clearable=!1,this.disabled=!1,this.maxItems=0,this.mode="offset",this.offsetStyle="user",this.open=!1,this.overlayPositioning="absolute",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.topLayerDisabled=!1,this.calciteInputTimeZoneBeforeClose=b({cancelable:!1}),this.calciteInputTimeZoneBeforeOpen=b({cancelable:!1}),this.calciteInputTimeZoneChange=b({cancelable:!1}),this.calciteInputTimeZoneClose=b({cancelable:!1}),this.calciteInputTimeZoneOpen=b({cancelable:!1}),W(this)}static{this.properties={selectedTimeZoneItem:[16,{},{state:!0}],timeZoneItems:[16,{},{state:!0}],clearable:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],labelText:1,maxItems:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],mode:[3,{},{reflect:!0}],name:[3,{},{reflect:!0}],offsetStyle:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placeholder:1,readOnly:[7,{},{reflect:!0,type:Boolean}],referenceDate:1,required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],validationIcon:[3,{converter:_},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=he}#e;get value(){return this._value}set value(e){this.#e="internal",this._value=e}async setFocus(e){return this.focusSetter(()=>this.comboboxRef.value,e)}async load(){this.normalizer=await ae(this.mode),await this.updateTimeZoneItems();let e=this.value,o=this.normalizeValue(e);this.value=o||(e===""?o:void 0),this.updateTimeZoneSelection();let s=this.selectedTimeZoneItem?`${this.selectedTimeZoneItem.value}`:"";this.value=s}willUpdate(e){e.has("value")&&this.hasUpdated&&this.handleValueChange(this.value,e.get("value")),(e.has("messages")||e.has("mode")&&(this.hasUpdated||this.mode!=="offset")||e.has("referenceDate"))&&this.handleTimeZoneItemPropsChange(),e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openChanged()}loaded(){this.openChanged()}async handleTimeZoneItemPropsChange(){!this.timeZoneItems||!this.hasUpdated||(await this.updateTimeZoneItems(),this.updateTimeZoneSelection())}openChanged(){this.comboboxRef.value&&(this.comboboxRef.value.open=this.open)}async handleValueChange(e,o){let s=this.#e==="user";if(this.#e=null,s)return;let a=this.normalizeValue(e);if(!a){if(this.clearable){this._value=a,this.selectedTimeZoneItem=void 0;return}this._value=o,this.selectedTimeZoneItem=this.findTimeZoneItem(o);return}let i=this.findTimeZoneItem(a);if(!i){this._value=o;return}this._value=a,this.selectedTimeZoneItem=i}onLabelClick(){this.setFocus()}overrideSelectedLabelForRegion(e){this.mode!=="region"||!this.selectedTimeZoneItem||this.comboboxRef.value&&(this.comboboxRef.value.selectedItems[0].heading=this.getItemLabel(this.selectedTimeZoneItem,e))}onComboboxBeforeClose(e){e.stopPropagation(),this.overrideSelectedLabelForRegion(!1),this.calciteInputTimeZoneBeforeClose.emit()}onComboboxBeforeOpen(e){e.stopPropagation(),this.overrideSelectedLabelForRegion(!0),this.calciteInputTimeZoneBeforeOpen.emit()}onComboboxChange(e){e.stopPropagation();let s=e.target.selectedItems[0],a=this._value;if(!s){this._value="",this.requestUpdate("value",a),this.selectedTimeZoneItem=void 0,this.calciteInputTimeZoneChange.emit();return}let i=this.findTimeZoneItemByLabel(s.getAttribute("data-label")??void 0),c=i?.value===void 0?void 0:`${i?.value}`;this.value===c&&i?.label===this.selectedTimeZoneItem?.label||(this._value=c,this.requestUpdate("value",a),this.selectedTimeZoneItem=i,this.#e="user",this.calciteInputTimeZoneChange.emit())}onComboboxClose(e){e.stopPropagation(),this.open=!1,this.calciteInputTimeZoneClose.emit()}onComboboxOpen(e){this.open=!0,e.stopPropagation(),this.calciteInputTimeZoneOpen.emit()}findTimeZoneItem(e){return H(this.timeZoneItems,"value",e)}findTimeZoneItemByLabel(e){return H(this.timeZoneItems,"label",e)}async updateTimeZoneItems(){this.timeZoneItems=await this.createTimeZoneItems()}updateTimeZoneSelection(){if(this.value===""&&this.clearable){this.selectedTimeZoneItem=void 0;return}let e=this.mode==="offset"?se():ie(),o=this.value===""||!this.value?e:this.value;this.selectedTimeZoneItem=this.findTimeZoneItem(o)||this.findTimeZoneItem(e)}async createTimeZoneItems(){return!this.messages._lang||!this.messages?[]:ne(this.messages._lang,this.messages,this.mode,this.referenceDate instanceof Date?this.referenceDate:new Date(this.referenceDate??Date.now()),this.offsetStyle)}normalizeValue(e){return e=e===void 0?"":e,e&&this.normalizer(e)}getItemLabel(e,o=this.open){let s=this.selectedTimeZoneItem===e,{label:a,metadata:i}=e;return!i.country||o||!s?a:le(a,i.country,this.messages)}render(){return this.interactiveContainer({disabled:this.disabled,children:v`<calcite-combobox .clearDisabled=${!this.clearable} .disabled=${this.disabled} .label=${this.messages.chooseTimeZone} .labelText=${this.labelText} lang=${this.messages._lang??y} .maxItems=${this.maxItems} @calciteComboboxBeforeClose=${this.onComboboxBeforeClose} @calciteComboboxBeforeOpen=${this.onComboboxBeforeOpen} @calciteComboboxChange=${this.onComboboxChange} @calciteComboboxClose=${this.onComboboxClose} @calciteComboboxOpen=${this.onComboboxOpen} .overlayPositioning=${this.overlayPositioning} .placeholder=${this.placeholder||this.messages[`${this.mode}Placeholder`]} placeholder-icon=search .readOnly=${this.readOnly} .required=${this.required} .scale=${this.scale} .selectionMode=${this.clearable?"single":"single-persist"} .status=${this.status} .topLayerDisabled=${this.topLayerDisabled} .validationIcon=${this.validationIcon} .validationMessage=${this.validationMessage} ${P(this.comboboxRef)}>${this.renderItems()}<slot name=${ee.labelContent} slot=${j.labelContent}></slot></calcite-combobox>`})}renderItems(){return this.mode==="region"?this.renderRegionItems():$(this.timeZoneItems,({label:e})=>e,e=>{let o=this.selectedTimeZoneItem===e,{label:s,metadata:a,value:i}=e;return v`<calcite-combobox-item data-label=${s??y} .heading=${s} .metadata=${a} .selected=${o} .value=${i}></calcite-combobox-item>`})}renderRegionItems(){return this.timeZoneItems.flatMap(({label:e,items:o})=>E(e,v`<calcite-combobox-item-group .label=${e}>${$(o,({label:s})=>s,s=>{let a=this.selectedTimeZoneItem===s,{label:i,metadata:c,value:Z}=s,C=this.getItemLabel(s);return v`<calcite-combobox-item data-label=${i??y} .description=${c.country} .heading=${C} .metadata=${c} .selected=${a} .value=${Z}><span class=${U(Y.offset)} slot=content-end>${c.offset}</span></calcite-combobox-item>`})}</calcite-combobox-item-group>`))}};V("calcite-input-time-zone",B);export{B as InputTimeZone};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
2
|
var Y=globalThis,Z=Y.ShadowRoot&&(Y.ShadyCSS===void 0||Y.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,$t=Symbol(),Vt=new WeakMap,k=class{constructor(t,e,o){if(this._$cssResult$=!0,o!==$t)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o,e=this.t;if(Z&&t===void 0){let o=e!==void 0&&e.length===1;o&&(t=Vt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&Vt.set(e,t))}return t}toString(){return this.cssText}},zt=s=>new k(typeof s=="string"?s:s+"",void 0,$t),xe=(s,...t)=>{let e=s.length===1?s[0]:t.reduce((o,n,r)=>o+(i=>{if(i._$cssResult$===!0)return i.cssText;if(typeof i=="number")return i;throw Error("Value passed to 'css' function must be a 'css' function result: "+i+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+s[r+1],s[0]);return new k(e,s,$t)},Bt=(s,t)=>{if(Z)s.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let e of t){let o=document.createElement("style"),n=Y.litNonce;n!==void 0&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o)}},bt=Z?s=>s:s=>s instanceof CSSStyleSheet?(t=>{let e="";for(let o of t.cssRules)e+=o.cssText;return zt(e)})(s):s;var{is:Le,defineProperty:Ue,getOwnPropertyDescriptor:Re,getOwnPropertyNames:Ie,getOwnPropertySymbols:Me,getPrototypeOf:ke}=Object,tt=globalThis,Wt=tt.trustedTypes,je=Wt?Wt.emptyScript:"",He=tt.reactiveElementPolyfillSupport,j=(s,t)=>s,X={toAttribute(s,t){switch(t){case Boolean:s=s?je:null;break;case Object:case Array:s=s==null?s:JSON.stringify(s)}return s},fromAttribute(s,t){let e=s;switch(t){case Boolean:e=s!==null;break;case Number:e=s===null?null:Number(s);break;case Object:case Array:try{e=JSON.parse(s)}catch{e=null}}return e}},H=(s,t)=>!Le(s,t),Ft={attribute:!0,type:String,converter:X,reflect:!1,useDefault:!1,hasChanged:H};Symbol.metadata??=Symbol("metadata"),tt.litPropertyMetadata??=new WeakMap;var _=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=Ft){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){let o=Symbol(),n=this.getPropertyDescriptor(t,o,e);n!==void 0&&Ue(this.prototype,t,n)}}static getPropertyDescriptor(t,e,o){let{get:n,set:r}=Re(this.prototype,t)??{get(){return this[e]},set(i){this[e]=i}};return{get:n,set(i){let a=n?.call(this);r?.call(this,i),this.requestUpdate(t,a,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??Ft}static _$Ei(){if(this.hasOwnProperty(j("elementProperties")))return;let t=ke(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(j("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(j("properties"))){let e=this.properties,o=[...Ie(e),...Me(e)];for(let n of o)this.createProperty(n,e[n])}let t=this[Symbol.metadata];if(t!==null){let e=litPropertyMetadata.get(t);if(e!==void 0)for(let[o,n]of e)this.elementProperties.set(o,n)}this._$Eh=new Map;for(let[e,o]of this.elementProperties){let n=this._$Eu(e,o);n!==void 0&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){let e=[];if(Array.isArray(t)){let o=new Set(t.flat(1/0).reverse());for(let n of o)e.unshift(bt(n))}else t!==void 0&&e.push(bt(t));return e}static _$Eu(t,e){let o=e.attribute;return o===!1?void 0:typeof o=="string"?o:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=new Set).add(t),this.renderRoot!==void 0&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){let t=new Map,e=this.constructor.elementProperties;for(let o of e.keys())this.hasOwnProperty(o)&&(t.set(o,this[o]),delete this[o]);t.size>0&&(this._$Ep=t)}createRenderRoot(){let t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Bt(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,e,o){this._$AK(t,o)}_$ET(t,e){let o=this.constructor.elementProperties.get(t),n=this.constructor._$Eu(t,o);if(n!==void 0&&o.reflect===!0){let r=(o.converter?.toAttribute!==void 0?o.converter:X).toAttribute(e,o.type);this._$Em=t,r==null?this.removeAttribute(n):this.setAttribute(n,r),this._$Em=null}}_$AK(t,e){let o=this.constructor,n=o._$Eh.get(t);if(n!==void 0&&this._$Em!==n){let r=o.getPropertyOptions(n),i=typeof r.converter=="function"?{fromAttribute:r.converter}:r.converter?.fromAttribute!==void 0?r.converter:X;this._$Em=n;let a=i.fromAttribute(e,r.type);this[n]=a??this._$Ej?.get(n)??a,this._$Em=null}}requestUpdate(t,e,o,n=!1,r){if(t!==void 0){let i=this.constructor;if(n===!1&&(r=this[t]),o??=i.getPropertyOptions(t),!((o.hasChanged??H)(r,e)||o.useDefault&&o.reflect&&r===this._$Ej?.get(t)&&!this.hasAttribute(i._$Eu(t,o))))return;this.C(t,e,o)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:o,reflect:n,wrapped:r},i){o&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,i??e??this[t]),r!==!0||i!==void 0)||(this._$AL.has(t)||(this.hasUpdated||o||(e=void 0),this._$AL.set(t,e)),n===!0&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(let[n,r]of this._$Ep)this[n]=r;this._$Ep=void 0}let o=this.constructor.elementProperties;if(o.size>0)for(let[n,r]of o){let{wrapped:i}=r,a=this[n];i!==!0||this._$AL.has(n)||a===void 0||this.C(n,void 0,r,a)}}let t=!1,e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach(o=>o.hostUpdate?.()),this.update(e)):this._$EM()}catch(o){throw t=!1,this._$EM(),o}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(t){}firstUpdated(t){}};_.elementStyles=[],_.shadowRootOptions={mode:"open"},_[j("elementProperties")]=new Map,_[j("finalized")]=new Map,He?.({ReactiveElement:_}),(tt.reactiveElementVersions??=[]).push("2.1.2");var At=globalThis,qt=s=>s,et=At.trustedTypes,Gt=et?et.createPolicy("lit-html",{createHTML:s=>s}):void 0,Ct="$lit$",A=`lit$${Math.random().toFixed(9).slice(2)}$`,wt="?"+A,Ve=`<${wt}>`,S=document,z=()=>S.createComment(""),B=s=>s===null||typeof s!="object"&&typeof s!="function",Ot=Array.isArray,Xt=s=>Ot(s)||typeof s?.[Symbol.iterator]=="function",_t=`[
|
|
3
3
|
\f\r]`,V=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Kt=/-->/g,Qt=/>/g,w=RegExp(`>|${_t}(?:([^\\s"'>=/]+)(${_t}*=${_t}*(?:[^
|
|
4
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),Jt=/'/g,Yt=/"/g,te=/^(?:script|style|textarea|title)$/i,St=s=>(t,...e)=>({_$litType$:s,strings:t,values:e}),Ds=St(1),xs=St(2),Ls=St(3),f=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),Zt=new WeakMap,O=S.createTreeWalker(S,129);function ee(s,t){if(!Ot(s)||!s.hasOwnProperty("raw"))throw Error("invalid template strings array");return Gt!==void 0?Gt.createHTML(t):t}var se=(s,t)=>{let e=s.length-1,o=[],n,r=t===2?"<svg>":t===3?"<math>":"",i=V;for(let a=0;a<e;a++){let c=s[a],l,u,h=-1,m=0;for(;m<c.length&&(i.lastIndex=m,u=i.exec(c),u!==null);)m=i.lastIndex,i===V?u[1]==="!--"?i=Kt:u[1]!==void 0?i=Qt:u[2]!==void 0?(te.test(u[2])&&(n=RegExp("</"+u[2],"g")),i=w):u[3]!==void 0&&(i=w):i===w?u[0]===">"?(i=n??V,h=-1):u[1]===void 0?h=-2:(h=i.lastIndex-u[2].length,l=u[1],i=u[3]===void 0?w:u[3]==='"'?Yt:Jt):i===Yt||i===Jt?i=w:i===Kt||i===Qt?i=V:(i=w,n=void 0);let v=i===w&&s[a+1].startsWith("/>")?" ":"";r+=i===V?c+Ve:h>=0?(o.push(l),c.slice(0,h)+Ct+c.slice(h)+A+v):c+A+(h===-2?a:v)}return[ee(s,r+(s[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),o]},W=class s{constructor({strings:t,_$litType$:e},o){let n;this.parts=[];let r=0,i=0,a=t.length-1,c=this.parts,[l,u]=se(t,e);if(this.el=s.createElement(l,o),O.currentNode=this.el.content,e===2||e===3){let h=this.el.content.firstChild;h.replaceWith(...h.childNodes)}for(;(n=O.nextNode())!==null&&c.length<a;){if(n.nodeType===1){if(n.hasAttributes())for(let h of n.getAttributeNames())if(h.endsWith(Ct)){let m=u[i++],v=n.getAttribute(h).split(A),C=/([.?@])?(.*)/.exec(m);c.push({type:1,index:r,name:C[2],strings:v,ctor:C[1]==="."?ot:C[1]==="?"?nt:C[1]==="@"?rt:P}),n.removeAttribute(h)}else h.startsWith(A)&&(c.push({type:6,index:r}),n.removeAttribute(h));if(te.test(n.tagName)){let h=n.textContent.split(A),m=h.length-1;if(m>0){n.textContent=et?et.emptyScript:"";for(let v=0;v<m;v++)n.append(h[v],z()),O.nextNode(),c.push({type:2,index:++r});n.append(h[m],z())}}}else if(n.nodeType===8)if(n.data===wt)c.push({type:2,index:r});else{let h=-1;for(;(h=n.data.indexOf(A,h+1))!==-1;)c.push({type:7,index:r}),h+=A.length-1}r++}}static createElement(t,e){let o=S.createElement("template");return o.innerHTML=t,o}};function T(s,t,e=s,o){if(t===f)return t;let n=o!==void 0?e._$Co?.[o]:e._$Cl,r=B(t)?void 0:t._$litDirective$;return n?.constructor!==r&&(n?._$AO?.(!1),r===void 0?n=void 0:(n=new r(s),n._$AT(s,e,o)),o!==void 0?(e._$Co??=[])[o]=n:e._$Cl=n),n!==void 0&&(t=T(s,n._$AS(s,t.values),n,o)),t}var st=class{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){let{el:{content:e},parts:o}=this._$AD,n=(t?.creationScope??S).importNode(e,!0);O.currentNode=n;let r=O.nextNode(),i=0,a=0,c=o[0];for(;c!==void 0;){if(i===c.index){let l;c.type===2?l=new L(r,r.nextSibling,this,t):c.type===1?l=new c.ctor(r,c.name,c.strings,this,t):c.type===6&&(l=new it(r,this,t)),this._$AV.push(l),c=o[++a]}i!==c?.index&&(r=O.nextNode(),i++)}return O.currentNode=S,n}p(t){let e=0;for(let o of this._$AV)o!==void 0&&(o.strings!==void 0?(o._$AI(t,o,e),e+=o.strings.length-2):o._$AI(t[e])),e++}},L=class s{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,o,n){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=n,this._$Cv=n?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode,e=this._$AM;return e!==void 0&&t?.nodeType===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=T(this,t,e),B(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==f&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Xt(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==d&&B(this._$AH)?this._$AA.nextSibling.data=t:this.T(S.createTextNode(t)),this._$AH=t}$(t){let{values:e,_$litType$:o}=t,n=typeof o=="number"?this._$AC(t):(o.el===void 0&&(o.el=W.createElement(ee(o.h,o.h[0]),this.options)),o);if(this._$AH?._$AD===n)this._$AH.p(e);else{let r=new st(n,this),i=r.u(this.options);r.p(e),this.T(i),this._$AH=r}}_$AC(t){let e=Zt.get(t.strings);return e===void 0&&Zt.set(t.strings,e=new W(t)),e}k(t){Ot(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,o,n=0;for(let r of t)n===e.length?e.push(o=new s(this.O(z()),this.O(z()),this,this.options)):o=e[n],o._$AI(r),n++;n<e.length&&(this._$AR(o&&o._$AB.nextSibling,n),e.length=n)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){let o=qt(t).nextSibling;qt(t).remove(),t=o}}setConnected(t){this._$AM===void 0&&(this._$Cv=t,this._$AP?.(t))}},P=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,o,n,r){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=n,this.options=r,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=d}_$AI(t,e=this,o,n){let r=this.strings,i=!1;if(r===void 0)t=T(this,t,e,0),i=!B(t)||t!==this._$AH&&t!==f,i&&(this._$AH=t);else{let a=t,c,l;for(t=r[0],c=0;c<r.length-1;c++)l=T(this,a[o+c],e,c),l===f&&(l=this._$AH[c]),i||=!B(l)||l!==this._$AH[c],l===d?t=d:t!==d&&(t+=(l??"")+r[c+1]),this._$AH[c]=l}i&&!n&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},ot=class extends P{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}},nt=class extends P{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}},rt=class extends P{constructor(t,e,o,n,r){super(t,e,o,n,r),this.type=5}_$AI(t,e=this){if((t=T(this,t,e,0)??d)===f)return;let o=this._$AH,n=t===d&&o!==d||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,r=t!==d&&(o===d||n);n&&this.element.removeEventListener(this.name,this,o),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}},it=class{constructor(t,e,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){T(this,t)}},oe={M:Ct,P:A,A:wt,C:1,L:se,R:st,D:Xt,V:T,I:L,H:P,N:nt,U:rt,B:ot,F:it},ze=At.litHtmlPolyfillSupport;ze?.(W,L),(At.litHtmlVersions??=[]).push("3.3.2");var Tt=(s,t,e)=>{let o=e?.renderBefore??t,n=o._$litPart$;if(n===void 0){let r=e?.renderBefore??null;o._$litPart$=n=new L(t.insertBefore(z(),r),r,void 0,e??{})}return n._$AI(s),n};var Pt=globalThis,E=class extends _{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){let t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Tt(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return f}};E._$litElement$=!0,E.finalized=!0,Pt.litElementHydrateSupport?.({LitElement:E});var Be=Pt.litElementPolyfillSupport;Be?.({LitElement:E});(Pt.litElementVersions??=[]).push("4.2.2");var p=(s,t,...e)=>{try{return s?.call(t,...e)}catch(o){console.error(o,s)}},F=async(s,t,...e)=>{try{return await s?.call(t,...e)}catch(o){console.error(o,s)}};var G=Symbol.for("controller"),We=s=>typeof s=="object"&&s!==null&&(G in s||"hostConnected"in s||"hostDisconnected"in s||"hostUpdate"in s||"hostUpdated"in s),Gs=s=>typeof s?.then=="function";var q,D=s=>{q!==s&&(q=s,queueMicrotask(()=>q===s?q=void 0:0))},K=s=>q,N=[],ct=s=>{if(s===void 0){N=[];return}let t=N.indexOf(s);N=t===-1?[...N,s]:N.slice(0,t+1),queueMicrotask(()=>N=[])},ne=()=>N,U,Ks=s=>{U!==s&&(U=s,queueMicrotask(()=>U===s?U=void 0:0))},Fe=()=>{let s=U;return U=void 0,s},re=async(s,t)=>{let e=lt(s);if(e===void 0)return s;if(await e.ready,typeof t=="function"){let o=e.watchExports(n=>t(n,o))}return e.exports},ie=async s=>{let t=lt(s);return await t.ready,t},lt=s=>{let e=K().manager.X(s);if(e!==void 0)return e;if(We(s))return s;let o=Fe();if(o!==void 0)return o},at=!1,Qs=s=>{at=!0;try{return s()}finally{at=!1}};var b=class{constructor(){this.promise=new Promise((t,e)=>{this.resolve=t,this.reject=e})}};var ae=(s,t)=>{let e=t>qe?Ge:t/Ke,o=0,n=setInterval(()=>{o+=e,o>=t&&(clearInterval(n),s())},e);return n},qe=4e3,Ge=2e3,Ke=4;var ce=new Set,le;var he=s=>typeof s=="string"?s:"el"in s?s.el.localName:"localName"in s?s.localName:s.declaredClass,Zs=(s,t,e,o)=>{let n=he(t);if(o?.once){let i=`${s}${n}${e}`;if(ce.has(i))return;ce.add(i)}let r;if(o?.detail){r={};for(let[i,a]of Object.entries(o.detail))if((typeof a=="object"||typeof a=="function")&&a!==null){let c=new WeakRef(a);Object.defineProperty(r,i,{enumerable:!0,get(){return c.deref()}})}else r[i]=a;le?.log.interceptors?.forEach(i=>i(s,n,e,r)),console[s](`[${n}]: ${e}`,r)}else le?.log.interceptors?.forEach(i=>i(s,n,e)),console[s](`[${n}]: ${e}`)},de=s=>{let t=`[${he(s)}] `;return e=>{let o=e instanceof Error&&e.message?e:new Error(String(e));o.message=`${t}${o.message}`,setTimeout(()=>{throw e})}};var Qe=(s,t,e)=>{let o=Object.keys(s),n=o.length;R===void 0&&queueMicrotask(I),R??=new Map;let r=R.get(s);return r===void 0&&(r={callbacks:[],keyCount:n},R.set(s,r)),r.keyCount!==n&&(r.callbacks.forEach(i=>i(o)),r.callbacks=[],r.keyCount=n),r.callbacks.push(i=>{let a=l=>p(t,null,l),c=i[n];c===void 0?a(void 0):s[c]===e?a(c):a(void 0)}),e},R,I=()=>{R?.forEach(({callbacks:s},t)=>{let e=Object.keys(t);s.forEach(o=>o(e))}),R=void 0},Je=(s,t,e)=>{let o=s.manager;return o.V!==d&&o.V!==e&&o.S(void 0,void 0),o.T.length===0&&queueMicrotask(()=>o.S(void 0,void 0)),o.V=e,o.T.push((n,r)=>p(t,void 0,e===r?n:void 0)),e},Ye=(s=[K(),...ne()],t,e)=>{let o=Array.isArray(s)?s:[s],n=o.length+1,r=i=>{n-=1,i!==void 0&&(n=Math.min(n,0)),n===0&&t(i)};o.forEach(i=>Qe(i,a=>r(a===void 0?void 0:{key:a,host:i,isReactive:!1}),e));for(let i of o)if("manager"in i&&i.manager.component===i){Je(i,a=>r(a===void 0?void 0:{key:a,host:i,isReactive:!0}),e);break}return e},Ze=(s="",t={},e=K())=>{let o={emit:n=>{s===""&&I();let r=new CustomEvent(s,{detail:n,cancelable:!0,bubbles:!0,composed:!0,...t});return e.el.dispatchEvent(r),r}};return s===""&&Ye(void 0,n=>s=n.key,o),o},Xe=Ze.bind(null,""),fe;fe=G;var Nt=class{constructor(t){this.#t=[],this.#e=[],this.#s=[],this.#n=[],this.#r=[],this.#c=[],this.#l=[],this.#d=[],this.#i=[],this.#p=!1,this.P=new b,this.connectedCalled=!1,this.loadedCalled=!1,this[fe]=!0,this.#h=[];let e=this,o=t??K(new.target.name);e.#o=o,e.ready=e.P.promise,e.#a=ue(e),e.component=o,e.#o.addController(e),e.#o.manager===void 0||(ct(e),queueMicrotask(()=>e.catchUpLifecycle()))}#t;#e;#s;#n;#r;#c;#l;#d;#i;#p;#o;catchUpLifecycle(){let{manager:t}=this.#o;t.connectedCalled&&!this.connectedCalled&&this.triggerConnected(),t.#p&&this.triggerLoad().then(()=>t.loadedCalled&&this.triggerLoaded()).catch(de(this.#o))}#a;get exports(){return this.#a}set exports(t){let e=this.#a;e!==t&&(this.#a=t,this.#h.forEach(p),this.connectedCalled&&this.O!==!1&&this.#o.requestUpdate(this.O,e)),this.P.resolve(t)}setProvisionalExports(t,e=!0){this.#a=e?ue(t):t,this.#h.forEach(p)}#h;watchExports(t){let e=()=>t(this.#a);return this.#h.push(e),()=>{this.#h.splice(this.#h.indexOf(e),1)}}get use(){return D(this.#o),re}get useRef(){return D(this.#o),ie}get useRefSync(){return D(this.#o),lt}controllerRemoved(){this.#o.el.isConnected&&this.triggerDisconnected(),this.triggerDestroy()}onConnected(t){this.#t.push(t)}onDisconnected(t){this.#e.push(t)}onLoad(t){this.#s.push(t)}onLoaded(t){this.#n.push(t)}onUpdate(t){this.#r.push(t)}onUpdated(t){this.#c.push(t)}onDestroy(t){this.#l.push(t)}onLifecycle(t){this.#d.push(t),this.connectedCalled&&this.#o.el.isConnected&&this.#u(t)}triggerConnected(){let t=this;t.hostConnected&&p(t.hostConnected,t),t.#t.forEach(p),t.triggerLifecycle(),t.connectedCalled=!0}triggerDisconnected(){let t=this;t.hostDisconnected&&p(t.hostDisconnected,t),t.#e.forEach(p),t.#i.forEach(p),t.#i=[]}async triggerLoad(){if(this.#p)return;this.#p=!0;let t=this;t.hostLoad&&await F(t.hostLoad,t),this.#s.length>0&&await Promise.allSettled(this.#s.map(F)),this.P.resolve(this.#a)}triggerLoaded(){this.loadedCalled||(this.hostLoaded&&p(this.hostLoaded,this),this.#n.forEach(p),this.loadedCalled=!0)}triggerUpdate(t){this.hostUpdate&&p(this.hostUpdate,this,t),this.#r.forEach(pe,t)}triggerUpdated(t){this.hostUpdated&&p(this.hostUpdated,this,t),this.#c.forEach(pe,t)}triggerDestroy(){this.hostDestroy&&p(this.hostDestroy,this),this.#l.forEach(p)}triggerLifecycle(){this.hostLifecycle&&this.#u(()=>this.hostLifecycle()),this.#d.forEach(this.#u,this)}#u(t){D(this.#o);let e=p(t);(Array.isArray(e)?e:[e]).forEach(n=>{typeof n=="function"?this.#i.push(n):typeof n=="object"&&typeof n.remove=="function"&&this.#i.push(n.remove)})}};function pe(s){p(s,void 0,this)}var ue=s=>{if(typeof s!="object"&&typeof s!="function"||s===null)return s;let t={get(o,n,r){if(!((n==="exports"||n==="_exports")&&n in o&&o[n]===e)&&(n in o||n in Promise.prototype||typeof n=="symbol"))return typeof o=="function"?o[n]:Reflect.get(o,n,r)}},e=new Proxy(s,t);return e};var me=Nt;var y={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},$=s=>(...t)=>({_$litDirective$:s,values:t}),g=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,o){this._$Ct=t,this._$AM=e,this._$Ci=o}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};var{I:ts}=oe,ye=s=>s;var ht=s=>s.strings===void 0,ge=()=>document.createComment(""),lo=(s,t,e)=>{let o=s._$AA.parentNode,n=t===void 0?s._$AB:t._$AA;if(e===void 0){let r=o.insertBefore(ge(),n),i=o.insertBefore(ge(),n);e=new ts(r,i,s,s.options)}else{let r=e._$AB.nextSibling,i=e._$AM,a=i!==s;if(a){let c;e._$AQ?.(s),e._$AM=s,e._$AP!==void 0&&(c=s._$AU)!==i._$AU&&e._$AP(c)}if(r!==n||a){let c=e._$AA;for(;c!==r;){let l=ye(c).nextSibling;ye(o).insertBefore(c,n),c=l}}}return e},ho=(s,t,e=s)=>(s._$AI(t,e),s),es={},ve=(s,t=es)=>s._$AH=t,po=s=>s._$AH,uo=s=>{s._$AR(),s._$AA.remove()};var ss=$(class extends g{constructor(s){if(super(s),s.type!==y.PROPERTY&&s.type!==y.ATTRIBUTE&&s.type!==y.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!ht(s))throw Error("`live` bindings can only contain a single expression")}render(s){return s}update(s,[t]){if(t===f||t===d)return t;let e=s.element,o=s.name;if(s.type===y.PROPERTY){if(t===e[o])return f}else if(s.type===y.BOOLEAN_ATTRIBUTE){if(!!t===e.hasAttribute(o))return f}else if(s.type===y.ATTRIBUTE&&e.getAttribute(o)===t+"")return f;return ve(s),t}});var Q=(s,t)=>{let e=s._$AN;if(e===void 0)return!1;for(let o of e)o._$AO?.(t,!1),Q(o,t);return!0},dt=s=>{let t,e;do{if((t=s._$AM)===void 0)break;e=t._$AN,e.delete(s),s=t}while(e?.size===0)},Ee=s=>{for(let t;t=s._$AM;s=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(s))break;e.add(s),rs(t)}};function os(s){this._$AN!==void 0?(dt(this),this._$AM=s,Ee(this)):this._$AM=s}function ns(s,t=!1,e=0){let o=this._$AH,n=this._$AN;if(n!==void 0&&n.size!==0)if(t)if(Array.isArray(o))for(let r=e;r<o.length;r++)Q(o[r],!1),dt(o[r]);else o!=null&&(Q(o,!1),dt(o));else Q(this,s)}var rs=s=>{s.type==y.CHILD&&(s._$AP??=ns,s._$AQ??=os)},pt=class extends g{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,o){super._$AT(t,e,o),Ee(this),this.isConnected=t._$AU}_$AO(t,e=!0){t!==this.isConnected&&(this.isConnected=t,t?this.reconnected?.():this.disconnected?.()),e&&(Q(this,t),dt(this))}setValue(t){if(ht(this._$Ct))this._$Ct._$AI(t,this);else{let e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}};var Po=()=>new xt,xt=class{},Dt=new WeakMap,Lt=$(class extends pt{render(s){return d}update(s,[t]){let e=t!==this.G;return e&&this.G!==void 0&&this.rt(void 0),(e||this.lt!==this.ct)&&(this.G=t,this.ht=s.options?.host,this.rt(this.ct=s.element)),d}rt(s){if(this.isConnected||(s=void 0),typeof this.G=="function"){let t=this.ht??globalThis,e=Dt.get(t);e===void 0&&(e=new WeakMap,Dt.set(t,e)),e.get(this.G)!==void 0&&this.G.call(this.ht,void 0),e.set(this.G,s),s!==void 0&&this.G.call(this.ht,s)}else this.G.value=s}get lt(){return typeof this.G=="function"?Dt.get(this.ht??globalThis)?.get(this.G):this.G?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var ut=s=>s.replace(as,(t,e)=>`${e===0?"":"-"}${t.toLowerCase()}`),as=/[A-Z]+(?![a-z])|[A-Z]/gu;var zo="randomUUID"in crypto;var Rt=s=>{let t=s;for(;t=t.parentNode??t.host;)if(t?.constructor?.lumina){let e=t;return e.manager?.loadedCalled||(e.J??e._offspring).push(s),(e.I??e._postLoad).promise}return!1},It={};function Mt(){}function kt(s){for(let t of["Associated","Disabled","Reset","StateRestore"]){let e=`orm${t}Callback`;s.prototype["f"+e]=async function(...o){await this.componentOnReady(),(this.el??this).dispatchEvent(new CustomEvent(`luminaF${e}`,{detail:o}))}}}var cs=(s,t)=>function(o,n){if(!globalThis.customElements)return;let i=(n??o??{}).resourcesUrl;i&&s.setAssetPath(i);for(let[a,[c,l="",u=0]]of Object.entries(t)){if(customElements.get(a))continue;let[h,m,v]=l.split(";"),C=h?h?.split(",").map(ls):void 0,Et=C?.map(([x])=>x),J=class extends Ut{static{this.formAssociated=u===1}static{this.observedAttributes=C?.map(([,x])=>x).filter(x=>x!=="")}static{this.C=Et}static{this.E=m?m?.split(","):void 0}static{this.D=v?.split(",")}static{this.L=a}static{this.K=s}constructor(){!J.B&&(J.B=c(),J.F()),super()}};customElements.define(a,J)}},ft=Object.defineProperty,ls=s=>{let t=s.split(":");return t.length===1?[t[0],ut(t[0])]:t},hs=globalThis.HTMLElement??Mt,Ut=class extends hs{constructor(){super(),this.#e={},this.#s=[],this.I=new b,this.H=new b,this.J=[];let t=this,e=t.constructor;t._offspring=t.J,t._postLoad=t.I,e.C?.forEach(o=>{Object.hasOwn(t,o)&&(t.#e[o]=t[o],delete t[o])}),e.A?t.#n({a:e.A}):e.B.then(async o=>{await e.K.p,t.#n(await(o.default?.then(n=>typeof n=="function"?{a:n}:n)??o))}).catch(o=>{t.H.reject(o),setTimeout(()=>{throw o})})}static{this.lumina=!0}static F(){for(let t of this.C??[])ft(this.prototype,t,{configurable:!0,enumerable:!0,get(){return this.#e[t]},set(e){this.#e[t]=e}});for(let t of this.E??[])ft(this.prototype,t,{async value(...e){return this.#t||await this.H.promise,await this.#t[t](...e)},configurable:!0});for(let t of this.D??[])ft(this.prototype,t,{value(...e){return this.#t[t](...e)},configurable:!0})}static{kt(this)}#t;#e;#s;get manager(){return this.#t?.manager}attributeChangedCallback(t,e,o){this.#t?.attributeChangedCallback(t,e,o),this.#t||this.#s.push(t)}connectedCallback(){this.#t?this.#t.connectedCallback?.():queueMicrotask(()=>this.G=Rt(this))}disconnectedCallback(){this.#t?.disconnectedCallback?.()}async componentOnReady(){return await this.H.promise,this}#n(t){let e=this.constructor,o=e.L,n=this.#e,r=Object.values(t).find(h=>h.L===o),i=`${o}--lazy`,a=r;for(;a&&!Object.hasOwn(a,"lumina");)a=Object.getPrototypeOf(a);ps(a),!e.A&&(e.A=r,customElements.define(i,r)),r.N=this;let l=document.createElement(i);r.N=void 0,this.#t=l,this.#e=l,this.#s.forEach(h=>l.attributeChangedCallback(h,null,this.getAttribute(h))),Object.entries(n).forEach(ds,l);let u=this.isConnected;(u||this.G)&&(l.connectedCallback?.(),u||l.disconnectedCallback())}addController(){}requestUpdate(){this.#t?.requestUpdate()}};function ds([s,t]){this[s]=t}var ps=s=>{let t=s.prototype,e=Element.prototype;Object.hasOwn(t,"isConnected")||(t.setAttribute=function(n,r){e.setAttribute.call(this.el,n,r)},t.removeAttribute=function(n){e.removeAttribute.call(this.el,n)},t.hasAttribute=function(n){return e.hasAttribute.call(this.el,n)},ft(t,"isConnected",{get(){return Reflect.get(e,"isConnected",this.el)}}))};var mt=class extends me{constructor(t){super(t),this.destroyed=!1,this.R=!1,this.V=d,this.T=[],this.#s=new WeakMap,this.#e=t,this.exports=void 0,this.hasDestroy=yt in t&&typeof t.destroy=="function",E.prototype.addController.call(t,{hostConnected:()=>{if(this.destroyed){let e=t.el.localName;throw t.el.remove(),new Error(`The ${e} component has already been destroyed. It cannot be used again. If you meant to disconnect and reconnect a component without automatic destroy, set the ${yt} prop.`)}this.#t!==void 0&&clearTimeout(this.#t),I();for(let e of t.M)"triggerConnected"in e?e.triggerConnected():p(e.hostConnected,e)},hostDisconnected:()=>{for(let e of t.M)"triggerDisconnected"in e?e.triggerDisconnected():p(e.hostDisconnected,e);this.hasDestroy&&!this.destroyed&&this.U()},hostUpdate:()=>{for(let e of t.M)"triggerUpdate"in e?e.triggerUpdate(this.Q):p(e.hostUpdate,e,this.Q)},hostUpdated:()=>{for(let e of t.M)"triggerUpdated"in e?e.triggerUpdated(this.Q):p(e.hostUpdated,e,this.Q);this.Q=void 0}}),queueMicrotask(()=>this.R=!0),ct(void 0),D(t)}#t;#e;async destroy(){if(!this.destroyed){this.#e.el.isConnected&&(this.hasDestroy=!1,this.#e.el.remove()),this.#t=void 0,this.destroyed=!0;for(let t of this.#e.M)"triggerDestroy"in t?t.triggerDestroy():p(t.hostDestroy,t);this.#e.M.splice(0)}}U(){if(this.#t!==void 0&&clearTimeout(this.#t),!this.#e.el.isConnected&&!this.#e.autoDestroyDisabled){let t=()=>{this.#e.destroy()};this.#t=ae(t,us)}}S(t,e){let o=this.T;this.V=d,this.T=[],o.forEach(n=>n(t,e))}#s;W(t,e){(typeof e=="object"&&e!==null||typeof e=="function")&&this.#s.set(e,t)}X(t){if(typeof t=="object"&&t!==null||typeof t=="function")return this.#s.get(t)}},us=1e3,yt="autoDestroyDisabled";var be=$(class extends g{constructor(s){if(super(s),s.type!==y.ATTRIBUTE||s.name!=="class"||s.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(s){return" "+Object.keys(s).filter(t=>s[t]).join(" ")+" "}update(s,[t]){if(this.st===void 0){this.st=new Set,s.strings!==void 0&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter(o=>o!=="")));for(let o in t)t[o]&&!this.nt?.has(o)&&this.st.add(o);return this.render(t)}let e=s.element.classList;for(let o of this.st)o in t||(e.remove(o),this.st.delete(o));for(let o in t){let n=!!t[o];n===this.st.has(o)||this.nt?.has(o)||(n?(e.add(o),this.st.add(o)):(e.remove(o),this.st.delete(o)))}return f}});var _e="important",fs=" !"+_e,Ae=$(class extends g{constructor(s){if(super(s),s.type!==y.ATTRIBUTE||s.name!=="style"||s.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(s){return Object.keys(s).reduce((t,e)=>{let o=s[e];return o==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${o};`},"")}update(s,[t]){let{style:e}=s.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(let o of this.ft)t[o]==null&&(this.ft.delete(o),o.includes("-")?e.removeProperty(o):e[o]=null);for(let o in t){let n=t[o];if(n!=null){this.ft.add(o);let r=typeof n=="string"&&n.endsWith(fs);o.includes("-")||r?e.setProperty(o,r?n.slice(0,-11):n,r?_e:""):e[o]=n}}return f}});var Ce=class s extends E{constructor(){super(),this.M=[],this.manager=new mt(this);let t=this,e=t.constructor,o=e.N,n=e.K.o,r=s.prototype.shouldUpdate;t.#n=o?.H??new b,t.I=o?.I??new b,t.J=o?.J??[],t._offspring=t.J,t._postLoad=t.I,t.el=o??t,t.#s=t.enableUpdating,t.enableUpdating=Mt,t.shouldUpdate!==r&&(t.#e=t.shouldUpdate,t.shouldUpdate=r),n&&(t.#t=new Map,e.elementProperties.forEach((i,a)=>t.#t.set(a,n()))),!1}static finalizeStyles(t){let e=super.finalizeStyles(t),o=this.shadowRootOptions===It;return this.K?.commonStyles===void 0||o?e:[this.K.commonStyles,...e]}static createProperty(t,e){let o=typeof e=="number"?e:Array.isArray(e)?e[0]:0,n=Array.isArray(e)?e[1]:void 0,r=n?.hasChanged??H,i={attribute:o&1&&typeof t=="string"?ut(t):!1,reflect:!!(o&2),type:o&4?Boolean:o&8?Number:void 0,state:!!(o&16),readOnly:!!(o&32),noAccessor:!!(o&64),useDefault:!!(o&128),c:!1,...n,hasChanged(a,c){let l=r(a,c);return i.c=l,l}};super.createProperty(t,i)}static getPropertyDescriptor(t,e,o){let n=this.K,r=super.getPropertyDescriptor(t,e,o);return o.d=r,{...r,get(){return n.t?.(this.#t.get(t)),r.get?.call(this)},set(i){let a=this.manager;if(o.readOnly&&!at&&(a.R||a.connectedCalled))throw Error(`Cannot assign to read-only property "${t}" of ${this.el.localName}. Trying to assign "${i}"`);r.set.call(this,i??void 0),o.c&&this.#t?.get(t)?.notify(),a.T.length>0&&(I(),a?.S(t,i))}}}static{this.lumina=!0}static{kt(this)}#t;#e;#s;#n;#r;#c;get elementInternals(){return this.#c??=this.el.attachInternals(),this.#c}connectedCallback(){this.hasAttribute("defer-hydration")||this.#l(!0)}#l(t){let e=this.constructor.K.c?.(()=>this.requestUpdate());this.#r=e;let o=!this.manager.connectedCalled;t&&super.connectedCallback(),o?queueMicrotask(()=>this.#i().catch(n=>{this.#n.reject(n),setTimeout(()=>{throw n})})):e&&this.requestUpdate()}#d(t){try{this.#r.clear(),this.constructor.K.r(this.#r,()=>super.update(t))}catch(e){throw this.#r.clear(),e}}disconnectedCallback(){super.disconnectedCallback(),this.#r?.destroy(),this.#r=void 0}createRenderRoot(){let t=this.el.shadowRoot,e=this.constructor,o=e.shadowRootOptions,r=t??(o===It?this.el:this.el.attachShadow(o));if(t)return this.manager.connectedCalled||this.#l(!1),E.prototype.createRenderRoot.call(this),t;if(this.isConnected){let i=r.getRootNode();i.adoptedStyleSheets=[...i.adoptedStyleSheets,...e.elementStyles.map(a=>"styleSheet"in a?a.styleSheet:a)]}return r}async#i(){let t=this.el.G??Rt(this.el);t&&await t;let e=[];for(let n of this.M)"triggerLoad"in n?e.push(n.triggerLoad()):e.push(F(n.hostLoad,n));await Promise.all(e),await this.load?.(),this.manager.hasDestroy&&this.manager.onUpdate(n=>n.has(yt)&&this.manager.U()),this.#s(!0),this.performUpdate(),this.I.resolve(),await 0;let o=this.J.filter(n=>!n.manager?.loadedCalled);o.length&&await Promise.allSettled(o.map(async n=>await n.componentOnReady())),this.J.length=0,this.el.setAttribute(this.constructor.K.hydratedAttribute,"");for(let n of this.M)"triggerLoaded"in n?n.triggerLoaded():p(n.hostLoaded,n);this.loaded?.(),this.#n.resolve()}shouldUpdate(t){return this.manager.Q=t,this.#e?.(t)??!0}update(t){this.#r?this.#d(t):super.update(t)}listen(t,e,o){let n=e?.bind(this)??e;this.manager.onLifecycle(()=>(this.el.addEventListener(t,n,o),()=>this.el.removeEventListener(t,n,o)))}listenOn(t,e,o,n){let r=o?.bind(this)??o;this.manager.onLifecycle(()=>(t.addEventListener(e,r,n),()=>t.removeEventListener(e,r,n)))}async componentOnReady(){return await this.#n.promise,this}addController(t){this.M.push(t),!(G in t)&&this.renderRoot&&this.el.isConnected&&t.hostConnected?.()}removeController(t){this.M.splice(this.M.indexOf(t),1),t.controllerRemoved?.()}};var we=s=>{let t,e=n=>{t=new URL(n,globalThis.location?.href||void 0).href},o={...s,getAssetPath(n){let r=new URL(n,t);return r.origin!==globalThis.location?.origin?r.href:r.pathname},setAssetPath:e,customElement(n,r){r.K=o,r.L=n,customElements.get(n)||customElements.define(n,r)}};return e(s.defaultAssetPath),o};var qn=s=>typeof s=="object"&&s!=null?be(s):s,Gn=s=>typeof s=="object"&&s!=null?Ae(s):s;var jt=class extends g{#t;#e;constructor(t){super(t);let e=this;this.#e=function(n){return e.#t.call(this,n)}}render(t){return typeof t=="function"?(this.#t=t,Lt(this.#e)):Lt(t)}},Kn=$(jt);var Qn=d;function Jn(s,t,e){e==null?s.removeAttribute(t):s.setAttribute(t,e)}var Yn={toAttribute:s=>s===!0?"":s===!1?null:s};var ms="calcite-mode-auto",ys="calcite-mode-dark",er={rtl:"calcite--rtl",calciteAnimate:"calcite-animate",calciteAnimateInUp:"calcite-animate__in-up",calciteAnimateInDown:"calcite-animate__in-down",calciteAnimateInRight:"calcite-animate__in-right",calciteAnimateInLeft:"calcite-animate__in-left",screenReaderText:"screen-reader-text"},sr={filter:250,nextTick:0,resize:150,reposition:100},or=10,nr=25;function Oe(){let{classList:s}=document.body,t=window.matchMedia("(prefers-color-scheme: dark)").matches,e=()=>s.contains(ys)||s.contains(ms)&&t?"dark":"light",o=i=>document.body.dispatchEvent(new CustomEvent("calciteModeChange",{bubbles:!0,detail:{mode:i}})),n=i=>{r!==i&&o(i),r=i},r=e();o(r),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",i=>n(i.matches?"dark":"light")),new MutationObserver(()=>n(e())).observe(document.body,{attributes:!0,attributeFilter:["class"]})}var Se=new Set,Te={trace:0,debug:1,info:2,warn:4,error:8,off:10};function gs(s){return s!=="off"&&Te[s]>=Te[De().logLevel]}function M(s,...t){if(!gs(s))return;console[s]("%ccalcite","background: #007AC2; color: #fff; border-radius: 4px; padding: 2px 4px;",...t)}var Pe,vs={debug:(s,...t)=>M("debug",s,...t),info:(s,...t)=>M("info",s,...t),warn:(s,...t)=>M("warn",s,...t),error:(s,...t)=>M("error",s,...t),trace:(s,...t)=>M("trace",s,...t),deprecated:Es};function Es(s,{component:t,name:e,suggested:o,removalVersion:n}){let r=`${s}:${s==="component"?"":t}${e}`,i=n==="future"?"a future version":`v${n}`;if(Se.has(r))return;Se.add(r);let a="";a=s==="component"?`This component is deprecated and will be removed in ${i}.`:`The [${e}] ${s} is deprecated and will be removed in ${i}.`,o&&(Pe=new Intl.ListFormat("en",{style:"long",type:"disjunction"}),a+=` Use ${Pe.format([o].flat().map(l=>`"${l}"`))} instead.`);let c=`[${t.el.tagName.toLocaleLowerCase().slice(8)}] - ${a}`;M("warn",c)}var Ht,$s={focusTrapStack:[],logLevel:"info"};function bs(){return{...$s,...globalThis.calciteConfig??{}}}function De(){return Ht||(Ht=bs()),Ht}var Ne="5.2.0-next.77",_s="2026-09-17",As="0281597a4";function Cs(){let s=De();s&&s.version||(vs.info(`Using Calcite Components ${Ne} [Date: ${_s}, Revision: ${As}]`),Object.defineProperty(s,"version",{value:Ne,writable:!1}),globalThis.calciteConfig=s)}document.readyState==="interactive"?Oe():document.addEventListener("DOMContentLoaded",Oe,{once:!0});queueMicrotask(Cs);var vt=we({defaultAssetPath:"https://cdn.jsdelivr.net/npm/@esri/calcite-components@5.2.0-next.77/dist/cdn/",hydratedAttribute:"calcite-hydrated"}),ws=vt.setAssetPath;vt.setAssetPath=s=>(Os=!0,ws.call(vt,s));var Os=!1,{customElement:rr,getAssetPath:ir,setAssetPath:ar}=vt;export{Gs as a,D as b,ct as c,ne as d,Ks as e,Qs as f,xe as g,Ds as h,xs as i,Ls as j,f as k,d as l,Tt as m,Zs as n,Ye as o,Xe as p,Nt as q,me as r,cs as s,y as t,$ as u,g as v,lo as w,ho as x,ve as y,po as z,uo as A,ss as B,Po as C,Lt as D,Ce as E,qn as F,Gn as G,Qn as H,Jn as I,Yn as J,er as K,sr as L,or as M,nr as N,vs as O,De as P,vt as Q,rr as R,ir as S};
|
|
4
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Jt=/'/g,Yt=/"/g,te=/^(?:script|style|textarea|title)$/i,St=s=>(t,...e)=>({_$litType$:s,strings:t,values:e}),Ds=St(1),xs=St(2),Ls=St(3),f=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),Zt=new WeakMap,O=S.createTreeWalker(S,129);function ee(s,t){if(!Ot(s)||!s.hasOwnProperty("raw"))throw Error("invalid template strings array");return Gt!==void 0?Gt.createHTML(t):t}var se=(s,t)=>{let e=s.length-1,o=[],n,r=t===2?"<svg>":t===3?"<math>":"",i=V;for(let a=0;a<e;a++){let c=s[a],l,u,h=-1,m=0;for(;m<c.length&&(i.lastIndex=m,u=i.exec(c),u!==null);)m=i.lastIndex,i===V?u[1]==="!--"?i=Kt:u[1]!==void 0?i=Qt:u[2]!==void 0?(te.test(u[2])&&(n=RegExp("</"+u[2],"g")),i=w):u[3]!==void 0&&(i=w):i===w?u[0]===">"?(i=n??V,h=-1):u[1]===void 0?h=-2:(h=i.lastIndex-u[2].length,l=u[1],i=u[3]===void 0?w:u[3]==='"'?Yt:Jt):i===Yt||i===Jt?i=w:i===Kt||i===Qt?i=V:(i=w,n=void 0);let v=i===w&&s[a+1].startsWith("/>")?" ":"";r+=i===V?c+Ve:h>=0?(o.push(l),c.slice(0,h)+Ct+c.slice(h)+A+v):c+A+(h===-2?a:v)}return[ee(s,r+(s[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),o]},W=class s{constructor({strings:t,_$litType$:e},o){let n;this.parts=[];let r=0,i=0,a=t.length-1,c=this.parts,[l,u]=se(t,e);if(this.el=s.createElement(l,o),O.currentNode=this.el.content,e===2||e===3){let h=this.el.content.firstChild;h.replaceWith(...h.childNodes)}for(;(n=O.nextNode())!==null&&c.length<a;){if(n.nodeType===1){if(n.hasAttributes())for(let h of n.getAttributeNames())if(h.endsWith(Ct)){let m=u[i++],v=n.getAttribute(h).split(A),C=/([.?@])?(.*)/.exec(m);c.push({type:1,index:r,name:C[2],strings:v,ctor:C[1]==="."?ot:C[1]==="?"?nt:C[1]==="@"?rt:P}),n.removeAttribute(h)}else h.startsWith(A)&&(c.push({type:6,index:r}),n.removeAttribute(h));if(te.test(n.tagName)){let h=n.textContent.split(A),m=h.length-1;if(m>0){n.textContent=et?et.emptyScript:"";for(let v=0;v<m;v++)n.append(h[v],z()),O.nextNode(),c.push({type:2,index:++r});n.append(h[m],z())}}}else if(n.nodeType===8)if(n.data===wt)c.push({type:2,index:r});else{let h=-1;for(;(h=n.data.indexOf(A,h+1))!==-1;)c.push({type:7,index:r}),h+=A.length-1}r++}}static createElement(t,e){let o=S.createElement("template");return o.innerHTML=t,o}};function T(s,t,e=s,o){if(t===f)return t;let n=o!==void 0?e._$Co?.[o]:e._$Cl,r=B(t)?void 0:t._$litDirective$;return n?.constructor!==r&&(n?._$AO?.(!1),r===void 0?n=void 0:(n=new r(s),n._$AT(s,e,o)),o!==void 0?(e._$Co??=[])[o]=n:e._$Cl=n),n!==void 0&&(t=T(s,n._$AS(s,t.values),n,o)),t}var st=class{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){let{el:{content:e},parts:o}=this._$AD,n=(t?.creationScope??S).importNode(e,!0);O.currentNode=n;let r=O.nextNode(),i=0,a=0,c=o[0];for(;c!==void 0;){if(i===c.index){let l;c.type===2?l=new L(r,r.nextSibling,this,t):c.type===1?l=new c.ctor(r,c.name,c.strings,this,t):c.type===6&&(l=new it(r,this,t)),this._$AV.push(l),c=o[++a]}i!==c?.index&&(r=O.nextNode(),i++)}return O.currentNode=S,n}p(t){let e=0;for(let o of this._$AV)o!==void 0&&(o.strings!==void 0?(o._$AI(t,o,e),e+=o.strings.length-2):o._$AI(t[e])),e++}},L=class s{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,o,n){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=n,this._$Cv=n?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode,e=this._$AM;return e!==void 0&&t?.nodeType===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=T(this,t,e),B(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==f&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Xt(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==d&&B(this._$AH)?this._$AA.nextSibling.data=t:this.T(S.createTextNode(t)),this._$AH=t}$(t){let{values:e,_$litType$:o}=t,n=typeof o=="number"?this._$AC(t):(o.el===void 0&&(o.el=W.createElement(ee(o.h,o.h[0]),this.options)),o);if(this._$AH?._$AD===n)this._$AH.p(e);else{let r=new st(n,this),i=r.u(this.options);r.p(e),this.T(i),this._$AH=r}}_$AC(t){let e=Zt.get(t.strings);return e===void 0&&Zt.set(t.strings,e=new W(t)),e}k(t){Ot(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,o,n=0;for(let r of t)n===e.length?e.push(o=new s(this.O(z()),this.O(z()),this,this.options)):o=e[n],o._$AI(r),n++;n<e.length&&(this._$AR(o&&o._$AB.nextSibling,n),e.length=n)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){let o=qt(t).nextSibling;qt(t).remove(),t=o}}setConnected(t){this._$AM===void 0&&(this._$Cv=t,this._$AP?.(t))}},P=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,o,n,r){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=n,this.options=r,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=d}_$AI(t,e=this,o,n){let r=this.strings,i=!1;if(r===void 0)t=T(this,t,e,0),i=!B(t)||t!==this._$AH&&t!==f,i&&(this._$AH=t);else{let a=t,c,l;for(t=r[0],c=0;c<r.length-1;c++)l=T(this,a[o+c],e,c),l===f&&(l=this._$AH[c]),i||=!B(l)||l!==this._$AH[c],l===d?t=d:t!==d&&(t+=(l??"")+r[c+1]),this._$AH[c]=l}i&&!n&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},ot=class extends P{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}},nt=class extends P{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}},rt=class extends P{constructor(t,e,o,n,r){super(t,e,o,n,r),this.type=5}_$AI(t,e=this){if((t=T(this,t,e,0)??d)===f)return;let o=this._$AH,n=t===d&&o!==d||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,r=t!==d&&(o===d||n);n&&this.element.removeEventListener(this.name,this,o),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}},it=class{constructor(t,e,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){T(this,t)}},oe={M:Ct,P:A,A:wt,C:1,L:se,R:st,D:Xt,V:T,I:L,H:P,N:nt,U:rt,B:ot,F:it},ze=At.litHtmlPolyfillSupport;ze?.(W,L),(At.litHtmlVersions??=[]).push("3.3.2");var Tt=(s,t,e)=>{let o=e?.renderBefore??t,n=o._$litPart$;if(n===void 0){let r=e?.renderBefore??null;o._$litPart$=n=new L(t.insertBefore(z(),r),r,void 0,e??{})}return n._$AI(s),n};var Pt=globalThis,E=class extends _{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){let t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Tt(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return f}};E._$litElement$=!0,E.finalized=!0,Pt.litElementHydrateSupport?.({LitElement:E});var Be=Pt.litElementPolyfillSupport;Be?.({LitElement:E});(Pt.litElementVersions??=[]).push("4.2.2");var p=(s,t,...e)=>{try{return s?.call(t,...e)}catch(o){console.error(o,s)}},F=async(s,t,...e)=>{try{return await s?.call(t,...e)}catch(o){console.error(o,s)}};var G=Symbol.for("controller"),We=s=>typeof s=="object"&&s!==null&&(G in s||"hostConnected"in s||"hostDisconnected"in s||"hostUpdate"in s||"hostUpdated"in s),Gs=s=>typeof s?.then=="function";var q,D=s=>{q!==s&&(q=s,queueMicrotask(()=>q===s?q=void 0:0))},K=s=>q,N=[],ct=s=>{if(s===void 0){N=[];return}let t=N.indexOf(s);N=t===-1?[...N,s]:N.slice(0,t+1),queueMicrotask(()=>N=[])},ne=()=>N,U,Ks=s=>{U!==s&&(U=s,queueMicrotask(()=>U===s?U=void 0:0))},Fe=()=>{let s=U;return U=void 0,s},re=async(s,t)=>{let e=lt(s);if(e===void 0)return s;if(await e.ready,typeof t=="function"){let o=e.watchExports(n=>t(n,o))}return e.exports},ie=async s=>{let t=lt(s);return await t.ready,t},lt=s=>{let e=K().manager.X(s);if(e!==void 0)return e;if(We(s))return s;let o=Fe();if(o!==void 0)return o},at=!1,Qs=s=>{at=!0;try{return s()}finally{at=!1}};var b=class{constructor(){this.promise=new Promise((t,e)=>{this.resolve=t,this.reject=e})}};var ae=(s,t)=>{let e=t>qe?Ge:t/Ke,o=0,n=setInterval(()=>{o+=e,o>=t&&(clearInterval(n),s())},e);return n},qe=4e3,Ge=2e3,Ke=4;var ce=new Set,le;var he=s=>typeof s=="string"?s:"el"in s?s.el.localName:"localName"in s?s.localName:s.declaredClass,Zs=(s,t,e,o)=>{let n=he(t);if(o?.once){let i=`${s}${n}${e}`;if(ce.has(i))return;ce.add(i)}let r;if(o?.detail){r={};for(let[i,a]of Object.entries(o.detail))if((typeof a=="object"||typeof a=="function")&&a!==null){let c=new WeakRef(a);Object.defineProperty(r,i,{enumerable:!0,get(){return c.deref()}})}else r[i]=a;le?.log.interceptors?.forEach(i=>i(s,n,e,r)),console[s](`[${n}]: ${e}`,r)}else le?.log.interceptors?.forEach(i=>i(s,n,e)),console[s](`[${n}]: ${e}`)},de=s=>{let t=`[${he(s)}] `;return e=>{let o=e instanceof Error&&e.message?e:new Error(String(e));o.message=`${t}${o.message}`,setTimeout(()=>{throw e})}};var Qe=(s,t,e)=>{let o=Object.keys(s),n=o.length;R===void 0&&queueMicrotask(I),R??=new Map;let r=R.get(s);return r===void 0&&(r={callbacks:[],keyCount:n},R.set(s,r)),r.keyCount!==n&&(r.callbacks.forEach(i=>i(o)),r.callbacks=[],r.keyCount=n),r.callbacks.push(i=>{let a=l=>p(t,null,l),c=i[n];c===void 0?a(void 0):s[c]===e?a(c):a(void 0)}),e},R,I=()=>{R?.forEach(({callbacks:s},t)=>{let e=Object.keys(t);s.forEach(o=>o(e))}),R=void 0},Je=(s,t,e)=>{let o=s.manager;return o.V!==d&&o.V!==e&&o.S(void 0,void 0),o.T.length===0&&queueMicrotask(()=>o.S(void 0,void 0)),o.V=e,o.T.push((n,r)=>p(t,void 0,e===r?n:void 0)),e},Ye=(s=[K(),...ne()],t,e)=>{let o=Array.isArray(s)?s:[s],n=o.length+1,r=i=>{n-=1,i!==void 0&&(n=Math.min(n,0)),n===0&&t(i)};o.forEach(i=>Qe(i,a=>r(a===void 0?void 0:{key:a,host:i,isReactive:!1}),e));for(let i of o)if("manager"in i&&i.manager.component===i){Je(i,a=>r(a===void 0?void 0:{key:a,host:i,isReactive:!0}),e);break}return e},Ze=(s="",t={},e=K())=>{let o={emit:n=>{s===""&&I();let r=new CustomEvent(s,{detail:n,cancelable:!0,bubbles:!0,composed:!0,...t});return e.el.dispatchEvent(r),r}};return s===""&&Ye(void 0,n=>s=n.key,o),o},Xe=Ze.bind(null,""),fe;fe=G;var Nt=class{constructor(t){this.#t=[],this.#e=[],this.#s=[],this.#n=[],this.#r=[],this.#c=[],this.#l=[],this.#d=[],this.#i=[],this.#p=!1,this.P=new b,this.connectedCalled=!1,this.loadedCalled=!1,this[fe]=!0,this.#h=[];let e=this,o=t??K(new.target.name);e.#o=o,e.ready=e.P.promise,e.#a=ue(e),e.component=o,e.#o.addController(e),e.#o.manager===void 0||(ct(e),queueMicrotask(()=>e.catchUpLifecycle()))}#t;#e;#s;#n;#r;#c;#l;#d;#i;#p;#o;catchUpLifecycle(){let{manager:t}=this.#o;t.connectedCalled&&!this.connectedCalled&&this.triggerConnected(),t.#p&&this.triggerLoad().then(()=>t.loadedCalled&&this.triggerLoaded()).catch(de(this.#o))}#a;get exports(){return this.#a}set exports(t){let e=this.#a;e!==t&&(this.#a=t,this.#h.forEach(p),this.connectedCalled&&this.O!==!1&&this.#o.requestUpdate(this.O,e)),this.P.resolve(t)}setProvisionalExports(t,e=!0){this.#a=e?ue(t):t,this.#h.forEach(p)}#h;watchExports(t){let e=()=>t(this.#a);return this.#h.push(e),()=>{this.#h.splice(this.#h.indexOf(e),1)}}get use(){return D(this.#o),re}get useRef(){return D(this.#o),ie}get useRefSync(){return D(this.#o),lt}controllerRemoved(){this.#o.el.isConnected&&this.triggerDisconnected(),this.triggerDestroy()}onConnected(t){this.#t.push(t)}onDisconnected(t){this.#e.push(t)}onLoad(t){this.#s.push(t)}onLoaded(t){this.#n.push(t)}onUpdate(t){this.#r.push(t)}onUpdated(t){this.#c.push(t)}onDestroy(t){this.#l.push(t)}onLifecycle(t){this.#d.push(t),this.connectedCalled&&this.#o.el.isConnected&&this.#u(t)}triggerConnected(){let t=this;t.hostConnected&&p(t.hostConnected,t),t.#t.forEach(p),t.triggerLifecycle(),t.connectedCalled=!0}triggerDisconnected(){let t=this;t.hostDisconnected&&p(t.hostDisconnected,t),t.#e.forEach(p),t.#i.forEach(p),t.#i=[]}async triggerLoad(){if(this.#p)return;this.#p=!0;let t=this;t.hostLoad&&await F(t.hostLoad,t),this.#s.length>0&&await Promise.allSettled(this.#s.map(F)),this.P.resolve(this.#a)}triggerLoaded(){this.loadedCalled||(this.hostLoaded&&p(this.hostLoaded,this),this.#n.forEach(p),this.loadedCalled=!0)}triggerUpdate(t){this.hostUpdate&&p(this.hostUpdate,this,t),this.#r.forEach(pe,t)}triggerUpdated(t){this.hostUpdated&&p(this.hostUpdated,this,t),this.#c.forEach(pe,t)}triggerDestroy(){this.hostDestroy&&p(this.hostDestroy,this),this.#l.forEach(p)}triggerLifecycle(){this.hostLifecycle&&this.#u(()=>this.hostLifecycle()),this.#d.forEach(this.#u,this)}#u(t){D(this.#o);let e=p(t);(Array.isArray(e)?e:[e]).forEach(n=>{typeof n=="function"?this.#i.push(n):typeof n=="object"&&typeof n.remove=="function"&&this.#i.push(n.remove)})}};function pe(s){p(s,void 0,this)}var ue=s=>{if(typeof s!="object"&&typeof s!="function"||s===null)return s;let t={get(o,n,r){if(!((n==="exports"||n==="_exports")&&n in o&&o[n]===e)&&(n in o||n in Promise.prototype||typeof n=="symbol"))return typeof o=="function"?o[n]:Reflect.get(o,n,r)}},e=new Proxy(s,t);return e};var me=Nt;var y={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},$=s=>(...t)=>({_$litDirective$:s,values:t}),g=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,o){this._$Ct=t,this._$AM=e,this._$Ci=o}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};var{I:ts}=oe,ye=s=>s;var ht=s=>s.strings===void 0,ge=()=>document.createComment(""),lo=(s,t,e)=>{let o=s._$AA.parentNode,n=t===void 0?s._$AB:t._$AA;if(e===void 0){let r=o.insertBefore(ge(),n),i=o.insertBefore(ge(),n);e=new ts(r,i,s,s.options)}else{let r=e._$AB.nextSibling,i=e._$AM,a=i!==s;if(a){let c;e._$AQ?.(s),e._$AM=s,e._$AP!==void 0&&(c=s._$AU)!==i._$AU&&e._$AP(c)}if(r!==n||a){let c=e._$AA;for(;c!==r;){let l=ye(c).nextSibling;ye(o).insertBefore(c,n),c=l}}}return e},ho=(s,t,e=s)=>(s._$AI(t,e),s),es={},ve=(s,t=es)=>s._$AH=t,po=s=>s._$AH,uo=s=>{s._$AR(),s._$AA.remove()};var ss=$(class extends g{constructor(s){if(super(s),s.type!==y.PROPERTY&&s.type!==y.ATTRIBUTE&&s.type!==y.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!ht(s))throw Error("`live` bindings can only contain a single expression")}render(s){return s}update(s,[t]){if(t===f||t===d)return t;let e=s.element,o=s.name;if(s.type===y.PROPERTY){if(t===e[o])return f}else if(s.type===y.BOOLEAN_ATTRIBUTE){if(!!t===e.hasAttribute(o))return f}else if(s.type===y.ATTRIBUTE&&e.getAttribute(o)===t+"")return f;return ve(s),t}});var Q=(s,t)=>{let e=s._$AN;if(e===void 0)return!1;for(let o of e)o._$AO?.(t,!1),Q(o,t);return!0},dt=s=>{let t,e;do{if((t=s._$AM)===void 0)break;e=t._$AN,e.delete(s),s=t}while(e?.size===0)},Ee=s=>{for(let t;t=s._$AM;s=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(s))break;e.add(s),rs(t)}};function os(s){this._$AN!==void 0?(dt(this),this._$AM=s,Ee(this)):this._$AM=s}function ns(s,t=!1,e=0){let o=this._$AH,n=this._$AN;if(n!==void 0&&n.size!==0)if(t)if(Array.isArray(o))for(let r=e;r<o.length;r++)Q(o[r],!1),dt(o[r]);else o!=null&&(Q(o,!1),dt(o));else Q(this,s)}var rs=s=>{s.type==y.CHILD&&(s._$AP??=ns,s._$AQ??=os)},pt=class extends g{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,o){super._$AT(t,e,o),Ee(this),this.isConnected=t._$AU}_$AO(t,e=!0){t!==this.isConnected&&(this.isConnected=t,t?this.reconnected?.():this.disconnected?.()),e&&(Q(this,t),dt(this))}setValue(t){if(ht(this._$Ct))this._$Ct._$AI(t,this);else{let e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}};var Po=()=>new xt,xt=class{},Dt=new WeakMap,Lt=$(class extends pt{render(s){return d}update(s,[t]){let e=t!==this.G;return e&&this.G!==void 0&&this.rt(void 0),(e||this.lt!==this.ct)&&(this.G=t,this.ht=s.options?.host,this.rt(this.ct=s.element)),d}rt(s){if(this.isConnected||(s=void 0),typeof this.G=="function"){let t=this.ht??globalThis,e=Dt.get(t);e===void 0&&(e=new WeakMap,Dt.set(t,e)),e.get(this.G)!==void 0&&this.G.call(this.ht,void 0),e.set(this.G,s),s!==void 0&&this.G.call(this.ht,s)}else this.G.value=s}get lt(){return typeof this.G=="function"?Dt.get(this.ht??globalThis)?.get(this.G):this.G?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var ut=s=>s.replace(as,(t,e)=>`${e===0?"":"-"}${t.toLowerCase()}`),as=/[A-Z]+(?![a-z])|[A-Z]/gu;var zo="randomUUID"in crypto;var Rt=s=>{let t=s;for(;t=t.parentNode??t.host;)if(t?.constructor?.lumina){let e=t;return e.manager?.loadedCalled||(e.J??e._offspring).push(s),(e.I??e._postLoad).promise}return!1},It={};function Mt(){}function kt(s){for(let t of["Associated","Disabled","Reset","StateRestore"]){let e=`orm${t}Callback`;s.prototype["f"+e]=async function(...o){await this.componentOnReady(),(this.el??this).dispatchEvent(new CustomEvent(`luminaF${e}`,{detail:o}))}}}var cs=(s,t)=>function(o,n){if(!globalThis.customElements)return;let i=(n??o??{}).resourcesUrl;i&&s.setAssetPath(i);for(let[a,[c,l="",u=0]]of Object.entries(t)){if(customElements.get(a))continue;let[h,m,v]=l.split(";"),C=h?h?.split(",").map(ls):void 0,Et=C?.map(([x])=>x),J=class extends Ut{static{this.formAssociated=u===1}static{this.observedAttributes=C?.map(([,x])=>x).filter(x=>x!=="")}static{this.C=Et}static{this.E=m?m?.split(","):void 0}static{this.D=v?.split(",")}static{this.L=a}static{this.K=s}constructor(){!J.B&&(J.B=c(),J.F()),super()}};customElements.define(a,J)}},ft=Object.defineProperty,ls=s=>{let t=s.split(":");return t.length===1?[t[0],ut(t[0])]:t},hs=globalThis.HTMLElement??Mt,Ut=class extends hs{constructor(){super(),this.#e={},this.#s=[],this.I=new b,this.H=new b,this.J=[];let t=this,e=t.constructor;t._offspring=t.J,t._postLoad=t.I,e.C?.forEach(o=>{Object.hasOwn(t,o)&&(t.#e[o]=t[o],delete t[o])}),e.A?t.#n({a:e.A}):e.B.then(async o=>{await e.K.p,t.#n(await(o.default?.then(n=>typeof n=="function"?{a:n}:n)??o))}).catch(o=>{t.H.reject(o),setTimeout(()=>{throw o})})}static{this.lumina=!0}static F(){for(let t of this.C??[])ft(this.prototype,t,{configurable:!0,enumerable:!0,get(){return this.#e[t]},set(e){this.#e[t]=e}});for(let t of this.E??[])ft(this.prototype,t,{async value(...e){return this.#t||await this.H.promise,await this.#t[t](...e)},configurable:!0});for(let t of this.D??[])ft(this.prototype,t,{value(...e){return this.#t[t](...e)},configurable:!0})}static{kt(this)}#t;#e;#s;get manager(){return this.#t?.manager}attributeChangedCallback(t,e,o){this.#t?.attributeChangedCallback(t,e,o),this.#t||this.#s.push(t)}connectedCallback(){this.#t?this.#t.connectedCallback?.():queueMicrotask(()=>this.G=Rt(this))}disconnectedCallback(){this.#t?.disconnectedCallback?.()}async componentOnReady(){return await this.H.promise,this}#n(t){let e=this.constructor,o=e.L,n=this.#e,r=Object.values(t).find(h=>h.L===o),i=`${o}--lazy`,a=r;for(;a&&!Object.hasOwn(a,"lumina");)a=Object.getPrototypeOf(a);ps(a),!e.A&&(e.A=r,customElements.define(i,r)),r.N=this;let l=document.createElement(i);r.N=void 0,this.#t=l,this.#e=l,this.#s.forEach(h=>l.attributeChangedCallback(h,null,this.getAttribute(h))),Object.entries(n).forEach(ds,l);let u=this.isConnected;(u||this.G)&&(l.connectedCallback?.(),u||l.disconnectedCallback())}addController(){}requestUpdate(){this.#t?.requestUpdate()}};function ds([s,t]){this[s]=t}var ps=s=>{let t=s.prototype,e=Element.prototype;Object.hasOwn(t,"isConnected")||(t.setAttribute=function(n,r){e.setAttribute.call(this.el,n,r)},t.removeAttribute=function(n){e.removeAttribute.call(this.el,n)},t.hasAttribute=function(n){return e.hasAttribute.call(this.el,n)},ft(t,"isConnected",{get(){return Reflect.get(e,"isConnected",this.el)}}))};var mt=class extends me{constructor(t){super(t),this.destroyed=!1,this.R=!1,this.V=d,this.T=[],this.#s=new WeakMap,this.#e=t,this.exports=void 0,this.hasDestroy=yt in t&&typeof t.destroy=="function",E.prototype.addController.call(t,{hostConnected:()=>{if(this.destroyed){let e=t.el.localName;throw t.el.remove(),new Error(`The ${e} component has already been destroyed. It cannot be used again. If you meant to disconnect and reconnect a component without automatic destroy, set the ${yt} prop.`)}this.#t!==void 0&&clearTimeout(this.#t),I();for(let e of t.M)"triggerConnected"in e?e.triggerConnected():p(e.hostConnected,e)},hostDisconnected:()=>{for(let e of t.M)"triggerDisconnected"in e?e.triggerDisconnected():p(e.hostDisconnected,e);this.hasDestroy&&!this.destroyed&&this.U()},hostUpdate:()=>{for(let e of t.M)"triggerUpdate"in e?e.triggerUpdate(this.Q):p(e.hostUpdate,e,this.Q)},hostUpdated:()=>{for(let e of t.M)"triggerUpdated"in e?e.triggerUpdated(this.Q):p(e.hostUpdated,e,this.Q);this.Q=void 0}}),queueMicrotask(()=>this.R=!0),ct(void 0),D(t)}#t;#e;async destroy(){if(!this.destroyed){this.#e.el.isConnected&&(this.hasDestroy=!1,this.#e.el.remove()),this.#t=void 0,this.destroyed=!0;for(let t of this.#e.M)"triggerDestroy"in t?t.triggerDestroy():p(t.hostDestroy,t);this.#e.M.splice(0)}}U(){if(this.#t!==void 0&&clearTimeout(this.#t),!this.#e.el.isConnected&&!this.#e.autoDestroyDisabled){let t=()=>{this.#e.destroy()};this.#t=ae(t,us)}}S(t,e){let o=this.T;this.V=d,this.T=[],o.forEach(n=>n(t,e))}#s;W(t,e){(typeof e=="object"&&e!==null||typeof e=="function")&&this.#s.set(e,t)}X(t){if(typeof t=="object"&&t!==null||typeof t=="function")return this.#s.get(t)}},us=1e3,yt="autoDestroyDisabled";var be=$(class extends g{constructor(s){if(super(s),s.type!==y.ATTRIBUTE||s.name!=="class"||s.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(s){return" "+Object.keys(s).filter(t=>s[t]).join(" ")+" "}update(s,[t]){if(this.st===void 0){this.st=new Set,s.strings!==void 0&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter(o=>o!=="")));for(let o in t)t[o]&&!this.nt?.has(o)&&this.st.add(o);return this.render(t)}let e=s.element.classList;for(let o of this.st)o in t||(e.remove(o),this.st.delete(o));for(let o in t){let n=!!t[o];n===this.st.has(o)||this.nt?.has(o)||(n?(e.add(o),this.st.add(o)):(e.remove(o),this.st.delete(o)))}return f}});var _e="important",fs=" !"+_e,Ae=$(class extends g{constructor(s){if(super(s),s.type!==y.ATTRIBUTE||s.name!=="style"||s.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(s){return Object.keys(s).reduce((t,e)=>{let o=s[e];return o==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${o};`},"")}update(s,[t]){let{style:e}=s.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(let o of this.ft)t[o]==null&&(this.ft.delete(o),o.includes("-")?e.removeProperty(o):e[o]=null);for(let o in t){let n=t[o];if(n!=null){this.ft.add(o);let r=typeof n=="string"&&n.endsWith(fs);o.includes("-")||r?e.setProperty(o,r?n.slice(0,-11):n,r?_e:""):e[o]=n}}return f}});var Ce=class s extends E{constructor(){super(),this.M=[],this.manager=new mt(this);let t=this,e=t.constructor,o=e.N,n=e.K.o,r=s.prototype.shouldUpdate;t.#n=o?.H??new b,t.I=o?.I??new b,t.J=o?.J??[],t._offspring=t.J,t._postLoad=t.I,t.el=o??t,t.#s=t.enableUpdating,t.enableUpdating=Mt,t.shouldUpdate!==r&&(t.#e=t.shouldUpdate,t.shouldUpdate=r),n&&(t.#t=new Map,e.elementProperties.forEach((i,a)=>t.#t.set(a,n()))),!1}static finalizeStyles(t){let e=super.finalizeStyles(t),o=this.shadowRootOptions===It;return this.K?.commonStyles===void 0||o?e:[this.K.commonStyles,...e]}static createProperty(t,e){let o=typeof e=="number"?e:Array.isArray(e)?e[0]:0,n=Array.isArray(e)?e[1]:void 0,r=n?.hasChanged??H,i={attribute:o&1&&typeof t=="string"?ut(t):!1,reflect:!!(o&2),type:o&4?Boolean:o&8?Number:void 0,state:!!(o&16),readOnly:!!(o&32),noAccessor:!!(o&64),useDefault:!!(o&128),c:!1,...n,hasChanged(a,c){let l=r(a,c);return i.c=l,l}};super.createProperty(t,i)}static getPropertyDescriptor(t,e,o){let n=this.K,r=super.getPropertyDescriptor(t,e,o);return o.d=r,{...r,get(){return n.t?.(this.#t.get(t)),r.get?.call(this)},set(i){let a=this.manager;if(o.readOnly&&!at&&(a.R||a.connectedCalled))throw Error(`Cannot assign to read-only property "${t}" of ${this.el.localName}. Trying to assign "${i}"`);r.set.call(this,i??void 0),o.c&&this.#t?.get(t)?.notify(),a.T.length>0&&(I(),a?.S(t,i))}}}static{this.lumina=!0}static{kt(this)}#t;#e;#s;#n;#r;#c;get elementInternals(){return this.#c??=this.el.attachInternals(),this.#c}connectedCallback(){this.hasAttribute("defer-hydration")||this.#l(!0)}#l(t){let e=this.constructor.K.c?.(()=>this.requestUpdate());this.#r=e;let o=!this.manager.connectedCalled;t&&super.connectedCallback(),o?queueMicrotask(()=>this.#i().catch(n=>{this.#n.reject(n),setTimeout(()=>{throw n})})):e&&this.requestUpdate()}#d(t){try{this.#r.clear(),this.constructor.K.r(this.#r,()=>super.update(t))}catch(e){throw this.#r.clear(),e}}disconnectedCallback(){super.disconnectedCallback(),this.#r?.destroy(),this.#r=void 0}createRenderRoot(){let t=this.el.shadowRoot,e=this.constructor,o=e.shadowRootOptions,r=t??(o===It?this.el:this.el.attachShadow(o));if(t)return this.manager.connectedCalled||this.#l(!1),E.prototype.createRenderRoot.call(this),t;if(this.isConnected){let i=r.getRootNode();i.adoptedStyleSheets=[...i.adoptedStyleSheets,...e.elementStyles.map(a=>"styleSheet"in a?a.styleSheet:a)]}return r}async#i(){let t=this.el.G??Rt(this.el);t&&await t;let e=[];for(let n of this.M)"triggerLoad"in n?e.push(n.triggerLoad()):e.push(F(n.hostLoad,n));await Promise.all(e),await this.load?.(),this.manager.hasDestroy&&this.manager.onUpdate(n=>n.has(yt)&&this.manager.U()),this.#s(!0),this.performUpdate(),this.I.resolve(),await 0;let o=this.J.filter(n=>!n.manager?.loadedCalled);o.length&&await Promise.allSettled(o.map(async n=>await n.componentOnReady())),this.J.length=0,this.el.setAttribute(this.constructor.K.hydratedAttribute,"");for(let n of this.M)"triggerLoaded"in n?n.triggerLoaded():p(n.hostLoaded,n);this.loaded?.(),this.#n.resolve()}shouldUpdate(t){return this.manager.Q=t,this.#e?.(t)??!0}update(t){this.#r?this.#d(t):super.update(t)}listen(t,e,o){let n=e?.bind(this)??e;this.manager.onLifecycle(()=>(this.el.addEventListener(t,n,o),()=>this.el.removeEventListener(t,n,o)))}listenOn(t,e,o,n){let r=o?.bind(this)??o;this.manager.onLifecycle(()=>(t.addEventListener(e,r,n),()=>t.removeEventListener(e,r,n)))}async componentOnReady(){return await this.#n.promise,this}addController(t){this.M.push(t),!(G in t)&&this.renderRoot&&this.el.isConnected&&t.hostConnected?.()}removeController(t){this.M.splice(this.M.indexOf(t),1),t.controllerRemoved?.()}};var we=s=>{let t,e=n=>{t=new URL(n,globalThis.location?.href||void 0).href},o={...s,getAssetPath(n){let r=new URL(n,t);return r.origin!==globalThis.location?.origin?r.href:r.pathname},setAssetPath:e,customElement(n,r){r.K=o,r.L=n,customElements.get(n)||customElements.define(n,r)}};return e(s.defaultAssetPath),o};var qn=s=>typeof s=="object"&&s!=null?be(s):s,Gn=s=>typeof s=="object"&&s!=null?Ae(s):s;var jt=class extends g{#t;#e;constructor(t){super(t);let e=this;this.#e=function(n){return e.#t.call(this,n)}}render(t){return typeof t=="function"?(this.#t=t,Lt(this.#e)):Lt(t)}},Kn=$(jt);var Qn=d;function Jn(s,t,e){e==null?s.removeAttribute(t):s.setAttribute(t,e)}var Yn={toAttribute:s=>s===!0?"":s===!1?null:s};var ms="calcite-mode-auto",ys="calcite-mode-dark",er={rtl:"calcite--rtl",calciteAnimate:"calcite-animate",calciteAnimateInUp:"calcite-animate__in-up",calciteAnimateInDown:"calcite-animate__in-down",calciteAnimateInRight:"calcite-animate__in-right",calciteAnimateInLeft:"calcite-animate__in-left",screenReaderText:"screen-reader-text"},sr={filter:250,nextTick:0,resize:150,reposition:100},or=10,nr=25;function Oe(){let{classList:s}=document.body,t=window.matchMedia("(prefers-color-scheme: dark)").matches,e=()=>s.contains(ys)||s.contains(ms)&&t?"dark":"light",o=i=>document.body.dispatchEvent(new CustomEvent("calciteModeChange",{bubbles:!0,detail:{mode:i}})),n=i=>{r!==i&&o(i),r=i},r=e();o(r),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",i=>n(i.matches?"dark":"light")),new MutationObserver(()=>n(e())).observe(document.body,{attributes:!0,attributeFilter:["class"]})}var Se=new Set,Te={trace:0,debug:1,info:2,warn:4,error:8,off:10};function gs(s){return s!=="off"&&Te[s]>=Te[De().logLevel]}function M(s,...t){if(!gs(s))return;console[s]("%ccalcite","background: #007AC2; color: #fff; border-radius: 4px; padding: 2px 4px;",...t)}var Pe,vs={debug:(s,...t)=>M("debug",s,...t),info:(s,...t)=>M("info",s,...t),warn:(s,...t)=>M("warn",s,...t),error:(s,...t)=>M("error",s,...t),trace:(s,...t)=>M("trace",s,...t),deprecated:Es};function Es(s,{component:t,name:e,suggested:o,removalVersion:n}){let r=`${s}:${s==="component"?"":t}${e}`,i=n==="future"?"a future version":`v${n}`;if(Se.has(r))return;Se.add(r);let a="";a=s==="component"?`This component is deprecated and will be removed in ${i}.`:`The [${e}] ${s} is deprecated and will be removed in ${i}.`,o&&(Pe=new Intl.ListFormat("en",{style:"long",type:"disjunction"}),a+=` Use ${Pe.format([o].flat().map(l=>`"${l}"`))} instead.`);let c=`[${t.el.tagName.toLocaleLowerCase().slice(8)}] - ${a}`;M("warn",c)}var Ht,$s={focusTrapStack:[],logLevel:"info"};function bs(){return{...$s,...globalThis.calciteConfig??{}}}function De(){return Ht||(Ht=bs()),Ht}var Ne="5.2.0-next.78",_s="2026-09-18",As="c40d9f9b8";function Cs(){let s=De();s&&s.version||(vs.info(`Using Calcite Components ${Ne} [Date: ${_s}, Revision: ${As}]`),Object.defineProperty(s,"version",{value:Ne,writable:!1}),globalThis.calciteConfig=s)}document.readyState==="interactive"?Oe():document.addEventListener("DOMContentLoaded",Oe,{once:!0});queueMicrotask(Cs);var vt=we({defaultAssetPath:"https://cdn.jsdelivr.net/npm/@esri/calcite-components@5.2.0-next.78/dist/cdn/",hydratedAttribute:"calcite-hydrated"}),ws=vt.setAssetPath;vt.setAssetPath=s=>(Os=!0,ws.call(vt,s));var Os=!1,{customElement:rr,getAssetPath:ir,setAssetPath:ar}=vt;export{Gs as a,D as b,ct as c,ne as d,Ks as e,Qs as f,xe as g,Ds as h,xs as i,Ls as j,f as k,d as l,Tt as m,Zs as n,Ye as o,Xe as p,Nt as q,me as r,cs as s,y as t,$ as u,g as v,lo as w,ho as x,ve as y,po as z,uo as A,ss as B,Po as C,Lt as D,Ce as E,qn as F,Gn as G,Qn as H,Jn as I,Yn as J,er as K,sr as L,or as M,nr as N,vs as O,De as P,vt as Q,rr as R,ir as S};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as x,b as g}from"./THIECYN6.js";import"./VUYX7MNO.js";import{y as u,z as v}from"./3QPETC2U.js";import{C as b,D as h,E as p,F as m,R as f,g as d,h as n}from"./
|
|
2
|
+
import{a as x,b as g}from"./THIECYN6.js";import"./VUYX7MNO.js";import{y as u,z as v}from"./3QPETC2U.js";import{C as b,D as h,E as p,F as m,R as f,g as d,h as n}from"./DUKC64ZL.js";var C=d`:host{display:flex;flex-direction:column;background-color:var(--calcite-tab-background-color, var(--calcite-color-transparent))}:host([bordered]){box-shadow:inset 0 1px 0 var(--calcite-tab-border-color, var(--calcite-color-border-1));background-color:var(--calcite-tab-background-color, var(--calcite-color-foreground-1))}:host([bordered]) section{border-color:var(--calcite-tab-border-color, var(--calcite-color-border-1));border-style:solid}section{display:flex;flex-grow:1;overflow:hidden;border-width:1px;border-block-start-style:solid;border-block-start-color:var(--calcite-tab-border-color, var(--calcite-color-border-1))}:host([bordered][position=bottom]){box-shadow:inset 0 1px 0 var(--calcite-tab-border-color, var(--calcite-color-border-1)),inset 0 -1px 0 var(--calcite-tab-border-color, var(--calcite-color-border-1))}:host([bordered]:not([position=bottom])) ::slotted(calcite-tab-nav){margin-block-end:-1px}:host([position=bottom]){flex-direction:column-reverse}:host([position=bottom]) section{flex-direction:column-reverse;border-block-start-width:0px;border-block-end-width:1px}:host([bordered][scale=s]) section{padding:.75rem}:host([bordered][scale=m]) section{padding:.5rem}:host([bordered][scale=l]) section{padding:1rem}:host([position=bottom]:not([bordered])) section{border-block-end-style:solid;border-block-end-color:var(--calcite-tab-border-color, var(--calcite-color-border-1))}@media(forced-colors:active){:host([bordered]) section{border-block-start-width:0px;border-block-end-width:1px}:host([position=bottom][bordered]) section{border-block-start-width:1px;border-block-end-width:0px}}:host([hidden]){display:none}[hidden]{display:none}`,c=class extends p{constructor(){super(),this.slotRef=b(),this.tabs=[],this.titles=[],this.hasVisibleTitles=!0,this.bordered=!1,this.layout="inline",this.lastTabClosable=!1,this.position="top",this.scale="m",this.listen("calciteInternalTabNavSlotChange",this.calciteInternalTabNavSlotChangeHandler)}static{this.properties={tabs:[16,{},{state:!0}],titles:[16,{},{state:!0}],hasVisibleTitles:[16,{},{state:!0}],bordered:[7,{},{reflect:!0,type:Boolean}],layout:[3,{},{reflect:!0}],lastTabClosable:[7,{},{reflect:!0,type:Boolean}],position:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}]}}static{this.styles=C}connectedCallback(){super.connectedCallback(),this.updateItems()}load(){this.updateItems()}willUpdate(e){(e.has("position")&&(this.hasUpdated||this.position!=="top")||e.has("scale")&&(this.hasUpdated||this.scale!=="m")||e.has("lastTabClosable")&&(this.hasUpdated||this.lastTabClosable!==!1))&&this.updateItems(),(e.has("titles")||e.has("tabs"))&&this.hasUpdated&&(this.lastTabClosable||this.titles?.length>0)&&(this.lastTabClosable||this.tabs?.length>0)&&(this.updateAriaSettings(),this.updateItems())}calciteInternalTabNavSlotChangeHandler(e){e.stopPropagation();let s=[...e.detail];s.some((t,l)=>this.titles[l]!==t)&&(this.titles=s),this.hasVisibleTitles=s.some(t=>!t.closed)}defaultSlotChangeHandler(e){this.tabs=u(e,"calcite-tab")}async updateAriaSettings(){if(await this.componentOnReady(),!this.slotRef.value)return;let e,s,a=v(this.slotRef.value,"calcite-tab");if(await Promise.all([...a,...this.titles].map(t=>t.componentOnReady())),a.some(t=>t.tab)||this.titles.some(t=>t.tab))e=a.sort((t,l)=>t.tab&&l.tab?t.tab.localeCompare(l.tab):0).map(t=>t.id),s=this.titles.sort((t,l)=>t.tab.localeCompare(l.tab)).map(t=>t.id);else{let t=await Promise.all(a.map(o=>o.getTabIndex())),l=await Promise.all(this.titles.map(o=>o.getTabIndex()));e=t.reduce((o,r,i)=>(o[r]=a[i].id,o),[]),s=l.reduce((o,r,i)=>(o[r]=this.titles[i].id,o),[])}a.forEach(t=>t._updateAriaInfo(e,s)),this.titles.forEach(t=>t._updateAriaInfo(e,s))}updateItems(){let{lastTabClosable:e,position:s,scale:a}=this,t=this.el.querySelector("calcite-tab-nav");t&&(t.lastTabClosable=e,t.position=s,t.scale=a),Array.from(this.el.querySelectorAll("calcite-tab")).forEach(o=>{o.parentElement===this.el&&(o.scale=a)});let l=this.el.querySelectorAll("calcite-tab-nav > calcite-tab-title");Array.from(l).forEach(o=>{o.position=s,o.scale=a})}render(){return n`<slot name=${g.titleGroup}></slot><section class=${m(x.section)} .hidden=${!this.hasVisibleTitles}><slot @slotchange=${this.defaultSlotChangeHandler} ${h(this.slotRef)}></slot></section>`}};f("calcite-tabs",c);export{c as Tabs};
|