@esri/calcite-components 5.2.0-next.57 → 5.2.0-next.58
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/{BVQIMP5C.js → 22IS3XSB.js} +1 -1
- package/dist/cdn/{2XTFNFCV.js → 2RCBUQES.js} +1 -1
- package/dist/cdn/{VW2LDIEL.js → 3DD6NCJV.js} +1 -1
- package/dist/cdn/{PGHMX4LL.js → 3J4B6M7R.js} +1 -1
- package/dist/cdn/{IEJWFNNJ.js → 3RWIICY3.js} +1 -1
- package/dist/cdn/{C25AB4CW.js → 3VCA33A7.js} +1 -1
- package/dist/cdn/{2ZF5OX6U.js → 3ZXTY2G2.js} +1 -1
- package/dist/cdn/{JN3UB4ZX.js → 46KJU2UY.js} +1 -1
- package/dist/cdn/{WYREAWQ5.js → 4FWIQL5Z.js} +1 -1
- package/dist/cdn/{HV2OJOFD.js → 4HJ6Q3YA.js} +1 -1
- package/dist/cdn/{P6QTUA6M.js → 4IFIMXGR.js} +1 -1
- package/dist/cdn/{LOKTRCY4.js → 4QWM37WK.js} +1 -1
- package/dist/cdn/{Q5ZLS2MF.js → 4RY36IP5.js} +1 -1
- package/dist/cdn/{HAYLOHAA.js → 4YGCBJTP.js} +1 -1
- package/dist/cdn/{ULLVNGVX.js → 4YITWYGJ.js} +1 -1
- package/dist/cdn/{LCRZBSR2.js → 5ADR76IO.js} +1 -1
- package/dist/cdn/{DTHDITCR.js → 5VEXH7GW.js} +1 -1
- package/dist/cdn/{PH3GZT3U.js → 5ZEZZM4S.js} +1 -1
- package/dist/cdn/{L65QNVMI.js → 67FZIV2C.js} +1 -1
- package/dist/cdn/{XI33SOCI.js → 67QNP4AG.js} +1 -1
- package/dist/cdn/{6QV3WIFB.js → 6DUDKCXY.js} +1 -1
- package/dist/cdn/{YRSXJSYE.js → 6XDE2GAJ.js} +1 -1
- package/dist/cdn/{NP6QIL6H.js → 72TBZGMA.js} +1 -1
- package/dist/cdn/{PRL7YAET.js → 73JG44IZ.js} +1 -1
- package/dist/cdn/{DK47FCCV.js → 7GJF7EXL.js} +1 -1
- package/dist/cdn/{XTJAIEPX.js → 7I4EOSI6.js} +1 -1
- package/dist/cdn/{BIVSB64V.js → 7L6HW6UB.js} +1 -1
- package/dist/cdn/{BF4QPMRF.js → 7V3FHY36.js} +1 -1
- package/dist/cdn/{HZXLZELK.js → 7XACKWEE.js} +1 -1
- package/dist/cdn/{GTAN3BPY.js → ABJMJUMF.js} +1 -1
- package/dist/cdn/{G44IZNDQ.js → AVYEZHLA.js} +1 -1
- package/dist/cdn/{MRQKY4O6.js → AXOLL6SY.js} +1 -1
- package/dist/cdn/{SL6PPQG2.js → BD5JNZYR.js} +1 -1
- package/dist/cdn/{Z2JSRYPA.js → BEAMXS7G.js} +1 -1
- package/dist/cdn/{NCPLVBBY.js → BIETDSCR.js} +1 -1
- package/dist/cdn/{2WIZH2IZ.js → BIZIB3V6.js} +1 -1
- package/dist/cdn/{5THPPZFW.js → BJGK7I6A.js} +1 -1
- package/dist/cdn/{WBH5NER7.js → BMNRVKRM.js} +1 -1
- package/dist/cdn/{2QWEFJFM.js → BSFQGHV3.js} +1 -1
- package/dist/cdn/{GOEQXVP6.js → BXGSJYLM.js} +1 -1
- package/dist/cdn/{HLKF5YEL.js → C2P5LS57.js} +1 -1
- package/dist/cdn/{YBYOQYQE.js → C747DFYG.js} +1 -1
- package/dist/cdn/{5VQIJUJY.js → D3KF2V2G.js} +1 -1
- package/dist/cdn/{FOHXHQDV.js → D3UIFJPK.js} +1 -1
- package/dist/cdn/{6K2LWIW3.js → DIFTGT7X.js} +1 -1
- package/dist/cdn/{FH3C3IT6.js → DQL4WAMP.js} +1 -1
- package/dist/cdn/{IJP34K7A.js → ENRXUPUG.js} +1 -1
- package/dist/cdn/{6M4EXRGE.js → EYVZNI3N.js} +1 -1
- package/dist/cdn/{AAVBPEQO.js → GD262DDC.js} +1 -1
- package/dist/cdn/{FHADC2U6.js → GG6R4P3R.js} +1 -1
- package/dist/cdn/{36DOTLGX.js → GGJPMEHD.js} +1 -1
- package/dist/cdn/{6A5REZ2E.js → GXHRAK3B.js} +1 -1
- package/dist/cdn/{FFLRFTYQ.js → HDZRWNS6.js} +1 -1
- package/dist/cdn/{QPRIU6F5.js → HFIJWE4B.js} +1 -1
- package/dist/cdn/{K6B2WDPT.js → HG6LXKZD.js} +1 -1
- package/dist/cdn/{QU3I3OKP.js → HGWJE4SD.js} +1 -1
- package/dist/cdn/{IC57CSIB.js → HICM4XET.js} +1 -1
- package/dist/cdn/{CWTV66KB.js → HKZH27XJ.js} +1 -1
- package/dist/cdn/{3YA57BFL.js → HUA6FEY6.js} +1 -1
- package/dist/cdn/{QFMIQPEY.js → HUTDSATE.js} +1 -1
- package/dist/cdn/{ZPBVYQVM.js → IAA4XA47.js} +1 -1
- package/dist/cdn/{5VKFHUKP.js → IAC4PG3C.js} +1 -1
- package/dist/cdn/{3B4P4EOM.js → IRJ7O3PX.js} +1 -1
- package/dist/cdn/{AZNWWIIZ.js → IVI5AVUD.js} +1 -1
- package/dist/cdn/{PRIEYSQT.js → J4XTFVMH.js} +1 -1
- package/dist/cdn/{I2T5Y47G.js → J6NOKGWD.js} +1 -1
- package/dist/cdn/{XOIZV5NG.js → JBAWYYWX.js} +1 -1
- package/dist/cdn/{KXX5BORA.js → JBVTG3UZ.js} +1 -1
- package/dist/cdn/{LYCRCP7X.js → JCMVIYQJ.js} +1 -1
- package/dist/cdn/{KZHO25UQ.js → JGDF7ZWI.js} +1 -1
- package/dist/cdn/{F6EUQVBF.js → JK77NI2R.js} +1 -1
- package/dist/cdn/{CECP63SA.js → JKAPFMII.js} +1 -1
- package/dist/cdn/{IPROIZMH.js → K3DFAPXB.js} +1 -1
- package/dist/cdn/{5UUQ37RL.js → K6QQFG4W.js} +1 -1
- package/dist/cdn/{NROQY3CM.js → KDVAH3SG.js} +1 -1
- package/dist/cdn/{WZBX7XRU.js → KIKAOBP4.js} +1 -1
- package/dist/cdn/{4S7TDA53.js → KKX4L7QB.js} +1 -1
- package/dist/cdn/{762EUZQO.js → KLXXPY27.js} +1 -1
- package/dist/cdn/{7K2HULKL.js → KMQXM6XO.js} +1 -1
- package/dist/cdn/{36KRDXKB.js → KNLNF543.js} +1 -1
- package/dist/cdn/{GTVJZOEJ.js → KYOUVT5D.js} +1 -1
- package/dist/cdn/{G3METJTO.js → LC5J72BY.js} +1 -1
- package/dist/cdn/{VXHAM2KL.js → LCDMMIB2.js} +1 -1
- package/dist/cdn/{MOTLKCTI.js → LPXLIOXI.js} +1 -1
- package/dist/cdn/{CKEB5ZJJ.js → LZMU425I.js} +1 -1
- package/dist/cdn/{JQLYTGGH.js → M557VX5K.js} +1 -1
- package/dist/cdn/{V3BXWVD4.js → M5NAEFSS.js} +1 -1
- package/dist/cdn/{Z2B5CCMZ.js → MPY4BENJ.js} +1 -1
- package/dist/cdn/{FKPQXIHC.js → N73QKCTS.js} +1 -1
- package/dist/cdn/{PLGP7LOE.js → NCFZST4U.js} +1 -1
- package/dist/cdn/{GPRYVNMT.js → NI6EJ3RT.js} +1 -1
- package/dist/cdn/{6LZTKFZY.js → NPVSG4IN.js} +1 -1
- package/dist/cdn/{WBDKCFLU.js → O5A4XUTL.js} +1 -1
- package/dist/cdn/{22R44EBZ.js → O6M25VJJ.js} +1 -1
- package/dist/cdn/{6VGFDNNI.js → O7M3NTQC.js} +1 -1
- package/dist/cdn/{IZ3FILX4.js → OCTAHKCP.js} +1 -1
- package/dist/cdn/{XOIJB46R.js → OE6DUCIE.js} +1 -1
- package/dist/cdn/{7VLYK24P.js → OMXRXA4T.js} +1 -1
- package/dist/cdn/{6KSMXYS4.js → OSQRK6CY.js} +1 -1
- package/dist/cdn/{VUFUOKZ4.js → OVIN45TS.js} +1 -1
- package/dist/cdn/{DLAFLV7N.js → P2AXAQYE.js} +1 -1
- package/dist/cdn/{TLDERIMP.js → PDSIAZNN.js} +1 -1
- package/dist/cdn/{SEAUDLJZ.js → PEXEPJK7.js} +1 -1
- package/dist/cdn/{ATAEQUAH.js → PHVSNGLN.js} +1 -1
- package/dist/cdn/{VUT77FBS.js → PRWHPVR2.js} +1 -1
- package/dist/cdn/{M3JSES6D.js → PTRXYBLT.js} +1 -1
- package/dist/cdn/{5NKMY4RX.js → QJ3QUF3N.js} +1 -1
- package/dist/cdn/{VQC6HVJB.js → QQJNY5XP.js} +1 -1
- package/dist/cdn/{UTGSJ6WE.js → QQP7K65X.js} +1 -1
- package/dist/cdn/{5VBVA4US.js → R5ECE7U6.js} +1 -1
- package/dist/cdn/{4SY64FX4.js → RZMBGCM4.js} +1 -1
- package/dist/cdn/{MNW63LSE.js → S6OZZVDI.js} +1 -1
- package/dist/cdn/{463GXUXN.js → SJ4FIFAO.js} +1 -1
- package/dist/cdn/{JEBLPY45.js → SKGTTL7V.js} +1 -1
- package/dist/cdn/{HX7QLMLT.js → SURH5QLY.js} +1 -1
- package/dist/cdn/{GZTWRFN4.js → SWKYKLWH.js} +1 -1
- package/dist/cdn/{XKTFI6LF.js → T6ECNMKX.js} +1 -1
- package/dist/cdn/{2Q6H62B2.js → T7VAVYCW.js} +1 -1
- package/dist/cdn/{EB6DXL2H.js → TEJ4U5II.js} +1 -1
- package/dist/cdn/{PAGH37BG.js → TQUJDXGU.js} +1 -1
- package/dist/cdn/{7VPSPJPX.js → U7GOFFHL.js} +1 -1
- package/dist/cdn/{7WMUHVQ5.js → UBV62A2G.js} +1 -1
- package/dist/cdn/{MM3PNXUM.js → UEMQ47EY.js} +1 -1
- package/dist/cdn/{YJOTAZL2.js → UGL5IRHY.js} +1 -1
- package/dist/cdn/{CREQPOON.js → UUNS3DFT.js} +1 -1
- package/dist/cdn/{HOXYDM7V.js → UX7WYUID.js} +1 -1
- package/dist/cdn/{HZI3R22A.js → V6J6ITA2.js} +1 -1
- package/dist/cdn/{LEZPFBV2.js → VDCALF34.js} +1 -1
- package/dist/cdn/{KUF4KM7R.js → VKYCYDDE.js} +1 -1
- package/dist/cdn/{FV6LNHQA.js → VNZ2NBPJ.js} +1 -1
- package/dist/cdn/{KU5QBOBP.js → VPOEI5AV.js} +1 -1
- package/dist/cdn/{RTITUPVV.js → VUZYLEI4.js} +1 -1
- package/dist/cdn/{D35LBI5C.js → W4PJIFHY.js} +1 -1
- package/dist/cdn/{6RPUTOES.js → W6NY6ZZU.js} +1 -1
- package/dist/cdn/{EMIPLONI.js → WBJ7RLL6.js} +1 -1
- package/dist/cdn/{DIY4BGPE.js → WE45TWLS.js} +1 -1
- package/dist/cdn/{SXL5XI7Y.js → WFSA4BQG.js} +1 -1
- package/dist/cdn/{NKEP2UAF.js → WLZNQ3PK.js} +1 -1
- package/dist/cdn/{POEQDEXO.js → X3YZSEPT.js} +1 -1
- package/dist/cdn/{JY4I2TIO.js → XUSNZQ3H.js} +1 -1
- package/dist/cdn/{IJLAF5AS.js → YKHUPJXH.js} +1 -1
- package/dist/cdn/{O6TCUZXM.js → YVAUQFDT.js} +1 -1
- package/dist/cdn/{3QVLEIZD.js → YX7CBGTF.js} +1 -1
- package/dist/cdn/{YHAPORQA.js → ZT5JVNXH.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/chunks/runtime.js +3 -3
- package/dist/components/calcite-label/customElement.d.ts +1 -1
- package/dist/components/calcite-label/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
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as Z,b as H}from"./YJPIZ6DX.js";import{a as G,j as S}from"./LOKTRCY4.js";import{a as J}from"./POEQDEXO.js";import{a as W}from"./EMIPLONI.js";import{c as Q}from"./JQLYTGGH.js";import{a as K}from"./DKJI4BME.js";import{a as Y}from"./ZPBVYQVM.js";import{a as N}from"./PGHMX4LL.js";import{a as q}from"./YHAPORQA.js";import{a as j}from"./YP3AYJH3.js";import{a as U}from"./T6CCMW7H.js";import{a as I}from"./463GXUXN.js";import{a as X}from"./PAGH37BG.js";import"./ZWPNZ5XW.js";import"./PRL7YAET.js";import"./FH3C3IT6.js";import{A as L,t as R}from"./HX7QLMLT.js";import{E as B,F as T,G as F,H as f,I as M,K as O,L as E,T as A,g as z,h as x,l as C,p as w}from"./K6B2WDPT.js";var n={container:"container",containerRange:"container--range",graph:"graph",handle:"handle",handleExtension:"handle-extension",handleLabel:"handle__label",handleLabelMinValue:"handle__label--minValue",handleLabelValue:"handle__label--value",hyphen:"hyphen",hyphenWrap:"hyphen--wrap",static:"static",thumb:"thumb",thumbActive:"thumb--active",thumbContainer:"thumb-container",thumbMinValue:"thumb--minValue",thumbPrecise:"thumb--precise",thumbValue:"thumb--value",tick:"tick",tickActive:"tick--active",tickLabel:"tick__label",tickMax:"tick__label--max",tickMin:"tick__label--min",ticks:"ticks",track:"track",trackRange:"track__range",transformed:"transformed",scale:$=>`scale--${$}`},ae="calcite-slider",P={validationMessage:"validationMessage",host:$=>`${ae}-${$}`},ie=250,se=z`@charset "UTF-8";:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}.scale--s{--calcite-slider-handle-size: var(--calcite-space-sm-plus);--calcite-slider-handle-extension-height: .4rem;--calcite-slider-container-font-size: var(--calcite-font-size--3)}.scale--s .handle__label,.scale--s .tick__label{line-height:.75rem}.scale--m{--calcite-slider-handle-size: .875rem;--calcite-slider-handle-extension-height: .5rem;--calcite-slider-container-font-size: var(--calcite-font-size--2)}.scale--m .handle__label,.scale--m .tick__label{line-height:1rem}.scale--l{--calcite-slider-handle-size: 1rem;--calcite-slider-handle-extension-height: .65rem;--calcite-slider-container-font-size: var(--calcite-font-size--1)}.scale--l .handle__label,.scale--l .tick__label{line-height:1rem}.handle__label,.tick__label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-slider-text-color, var(--calcite-color-text-2));font-size:var(--calcite-slider-container-font-size)}:host{display:block}:host .validation-container{padding-block-start:0!important}.container{position:relative;display:block;overflow-wrap:normal;word-break:normal;padding-inline:calc(var(--calcite-slider-handle-size) * .5);padding-block:calc(var(--calcite-slider-handle-size) * .5);margin-block:calc(var(--calcite-slider-handle-size) * .5);margin-inline:0;--calcite-slider-full-handle-height: calc( var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height) );touch-action:none;-webkit-user-select:none;user-select:none}:host([disabled]) .track__range,:host([disabled]) .tick--active{background-color:var(--calcite-color-text-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -.375rem}.scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -.5rem}.scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -.55rem}:host([precise]:not([has-histogram])) .container .thumb--value{--calcite-slider-thumb-y-offset: calc(var(--calcite-slider-full-handle-height) * -1)}.thumb-container{position:relative;max-inline-size:100%}.thumb{--calcite-slider-thumb-x-offset: calc(var(--calcite-slider-handle-size) * .5);position:absolute;margin:0;display:flex;cursor:pointer;flex-direction:column;align-items:center;border-style:none;background-color:transparent;padding:0;font-family:inherit;outline:2px solid transparent;outline-offset:2px;transform:translate(var(--calcite-slider-thumb-x-offset),var(--calcite-slider-thumb-y-offset))}.thumb .handle__label{white-space:nowrap}.thumb .handle__label.static,.thumb .handle__label.transformed{position:absolute;inset-block:0px;opacity:0}.thumb .handle__label.hyphen:after{content:"—";display:inline-block;inline-size:1em}.thumb .handle__label.hyphen--wrap{display:flex}.thumb .handle{box-sizing:border-box;border-radius:9999px;outline-color:transparent;background-color:var(--calcite-slider-handle-fill-color, var(--calcite-color-foreground-1));block-size:var(--calcite-slider-handle-size);inline-size:var(--calcite-slider-handle-size);box-shadow:0 0 0 2px var(--calcite-color-text-3) inset;transition:border var(--calcite-internal-animation-timing-medium) ease,background-color var(--calcite-internal-animation-timing-medium) ease,box-shadow var(--calcite-animation-timing) ease}.thumb .handle-extension{inline-size:.125rem;block-size:var(--calcite-slider-handle-extension-height);background-color:var(--calcite-slider-handle-extension-color, var(--calcite-color-text-3))}.thumb:hover .handle{box-shadow:0 0 0 3px var(--calcite-color-brand) inset}.thumb:hover .handle-extension{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand))}.thumb:focus .handle{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-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.thumb:focus .handle-extension{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand))}.thumb.thumb--minValue{transform:translate(calc(var(--calcite-slider-thumb-x-offset) * -1),var(--calcite-slider-thumb-y-offset))}.thumb.thumb--precise{--calcite-slider-thumb-y-offset: -.125rem}:host([label-handles]) .thumb{--calcite-slider-thumb-x-offset: 50%}:host([label-handles]):host(:not([has-histogram])) .scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -1.4375rem}:host([label-handles]):host(:not([has-histogram])) .scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -1.875rem}:host([label-handles]):host(:not([has-histogram])) .scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -2rem}:host([has-histogram][label-handles]) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--minValue.thumb--precise .handle__label{margin-block-start:.5em}:host(:not([has-histogram]):not([precise])) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--value .handle__label{margin-block-end:.5em}:host([label-handles][precise]):host(:not([has-histogram])) .scale--s .thumb--value{--calcite-slider-thumb-y-offset: -2.075rem}:host([label-handles][precise]):host(:not([has-histogram])) .scale--m .thumb--value{--calcite-slider-thumb-y-offset: -2.75rem}:host([label-handles][precise]):host(:not([has-histogram])) .scale--l .thumb--value{--calcite-slider-thumb-y-offset: -3.0625rem}.thumb:focus .handle,.thumb--active .handle{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand));box-shadow:0 0 8px #00000029}.thumb:hover.thumb--precise:after,.thumb:focus.thumb--precise:after,.thumb--active.thumb--precise:after{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand))}.track{position:relative;block-size:.125rem;background-color:var(--calcite-slider-track-color, var(--calcite-color-border-2));transition:all var(--calcite-internal-animation-timing-medium) ease-in;border-radius:var(--calcite-corner-radius)}.track__range{position:absolute;inset-block-start:0px;block-size:.125rem;background-color:var(--calcite-slider-track-fill-color, var(--calcite-color-brand))}.container--range .track__range:hover{cursor:ew-resize}.container--range .track__range:after{position:absolute;inline-size:100%;content:"";inset-block-start:calc(var(--calcite-slider-full-handle-height) * .5 * -1);block-size:calc(var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height))}@media(forced-colors:active){.thumb{outline-width:0;outline-offset:0}.handle{outline:2px solid transparent;outline-offset:2px}.thumb:focus .handle,.thumb .handle-extension,.thumb:hover .handle-extension,.thumb:focus .handle-extension,.thumb:active .handle-extension{background-color:canvasText}.track{background-color:canvasText}.track__range{background-color:highlight}}.tick{position:absolute;block-size:.25rem;inline-size:.125rem;border-width:1px;border-style:solid;background-color:var(--calcite-slider-tick-color, var(--calcite-color-border-input));border-color:var(--calcite-slider-tick-border-color, var(--calcite-color-foreground-1));inset-block-start:-2px;pointer-events:none;margin-inline-start:-.125rem}.tick--active{background-color:var(--calcite-slider-tick-selected-color, var(--calcite-color-brand))}.tick__label{pointer-events:none;margin-block-start:.875rem;display:flex;justify-content:center}.tick__label--min{transition:opacity var(--calcite-animation-timing)}.tick__label--max{transition:opacity var(--calcite-internal-animation-timing-fast)}:host([has-histogram][label-handles]) .tick__label--min,:host([has-histogram][label-handles]) .tick__label--max,:host([has-histogram][precise]) .tick__label--min,:host([has-histogram][precise]) .tick__label--max{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}.graph{color:var(--calcite-slider-graph-color, var(--calcite-color-foreground-3));block-size:48px}:host([label-ticks][ticks]) .container{padding-block-end:calc(.875rem + var(--calcite-slider-container-font-size))}:host([has-histogram]):host([precise][label-handles]) .container{padding-block-end:calc(var(--calcite-slider-full-handle-height) + 1em)}:host([has-histogram]):host([label-handles]:not([precise])) .container{padding-block-end:calc(var(--calcite-slider-handle-size) * .5 + 1em)}:host([has-histogram]):host([precise]:not([label-handles])) .container{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container{padding-block-start:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container--range{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([label-handles]:not([precise])) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container--range{padding-block-end:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`;function b($){return Array.isArray($)}var ee=0,D=class extends F{constructor(){super(),this.dragEnd=e=>{this.disabled||(this.removeDragListeners(),this.focusActiveHandle(e.clientX),this.dragProp&&this.lastDragPropValue!=this[this.dragProp]&&this.emitChange(),this.dragProp=void 0,this.lastDragPropValue=void 0,this.minValueDragRange=void 0,this.maxValueDragRange=void 0,this.minMaxValueRange=void 0)},this.dragUpdate=e=>{if(!(this.disabled||!this.trackRef.value)&&(e.preventDefault(),this.dragProp)){let t=this.mapToRange(e.clientX||e.pageX);if(b(this.value)&&this.dragProp==="minMaxValue")if(this.minValueDragRange&&this.maxValueDragRange&&this.minMaxValueRange){let i=t-this.minValueDragRange,a=t+this.maxValueDragRange;a<=this.max&&i>=this.min&&a-i===this.minMaxValueRange&&this.setValue({minValue:this.clamp(i,"minValue"),maxValue:this.clamp(a,"maxValue")})}else this.minValueDragRange=t-this.minValue,this.maxValueDragRange=this.maxValue-t,this.minMaxValueRange=this.maxValue-this.minValue;else if(b(this.value)&&b(this.previousEmittedValue)&&this.dragProp==="maxValue"){let[i,a]=this.previousEmittedValue;i===a&&t<i?(this.dragProp="minValue",this.minHandle.focus()):this.setValue({[this.dragProp]:this.clamp(t,this.dragProp)})}else this.setValue({[this.dragProp]:this.clamp(t,this.dragProp)})}},this.formatValue=e=>(S.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},S.localize(e.toString())),this.formSupport=Q({inputType:"range"})(this),this.guid=P.host(U()),this.messages=I({blocking:!0}),this.pointerUpDragEnd=e=>{this.disabled||!L(e)||this.dragEnd(e)},this.trackRef=B(),this.focusSetter=X()(this),this.interactiveContainer=N(this),this.labelable=Y(this),this._value=ee,this.activeProp="value",this.tickValues=[],this.disabled=!1,this.fillPlacement="start",this.groupSeparator=!1,this.hasHistogram=!1,this.labelHandles=!1,this.labelTicks=!1,this.max=100,this.min=0,this.mirrored=!1,this.precise=!1,this.required=!1,this.scale="m",this.snap=!1,this.status="idle",this.step=1,this.calciteSliderChange=w({cancelable:!1}),this.calciteSliderInput=w({cancelable:!1}),this.listen("pointerdown",this.pointerDownHandler),this.listen("keydown",this.handleKeyDown),this.listen("touchstart",this.handleTouchStart)}static{this.properties={activeProp:[16,{},{state:!0}],maxValueDragRange:[16,{},{state:!0}],minMaxValueRange:[16,{},{state:!0}],minValueDragRange:[16,{},{state:!0}],tickValues:[16,{},{state:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],fillPlacement:[3,{},{reflect:!0}],form:[3,{},{reflect:!0}],groupSeparator:[7,{},{reflect:!0,type:Boolean}],hasHistogram:[7,{},{reflect:!0,type:Boolean}],histogram:[0,{},{attribute:!1}],histogramStops:[0,{},{attribute:!1}],label:1,labelFormatter:[0,{},{attribute:!1}],labelHandles:[7,{},{reflect:!0,type:Boolean}],labelTicks:[7,{},{reflect:!0,type:Boolean}],max:[11,{},{reflect:!0,type:Number}],maxLabel:1,maxValue:[9,{},{type:Number}],min:[11,{},{reflect:!0,type:Number}],minLabel:1,labelText:1,messageOverrides:[0,{},{attribute:!1}],minValue:[9,{},{type:Number}],mirrored:[7,{},{reflect:!0,type:Boolean}],name:[3,{},{reflect:!0}],numberingSystem:1,pageStep:[11,{},{reflect:!0,type:Number}],precise:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],snap:[7,{},{reflect:!0,type:Boolean}],status:[3,{},{reflect:!0}],step:[11,{},{reflect:!0,type:Number}],ticks:[11,{},{reflect:!0,type:Number}],validationIcon:[3,{converter:E},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:[11,{},{reflect:!0,type:Number}]}}static{this.formAssociated=!0}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=se}get value(){return this._value}set value(e){if(Array.isArray(e)){this._value=e;return}if(e!=null){this._value=Number(e);return}this._value=Array.isArray(this._value)?[this.minValue,this.maxValue]:ee}async setFocus(e){return this.focusSetter(()=>this.minHandle||this.maxHandle,e)}connectedCallback(){super.connectedCallback(),this.setMinMaxFromValue(),this.setValueFromMinMax(),this.previousEmittedValue=this.value}load(){this.setInitialValue()}willUpdate(e){e.has("histogram")&&(this.hasHistogram=!!this.histogram),e.has("ticks")&&(this.tickValues=this.generateTickValues()),e.has("value")&&(this.hasUpdated||this.value!==0)&&this.setMinMaxFromValue(),(e.has("minValue")||e.has("maxValue"))&&this.setValueFromMinMax()}updated(){this.labelHandles&&(this.adjustHostObscuredHandleLabel("value"),b(this.value)&&(this.adjustHostObscuredHandleLabel("minValue"),this.precise&&!this.hasHistogram||this.hyphenateCollidingRangeHandleLabels())),this.hideObscuredBoundingTickLabels()}disconnectedCallback(){super.disconnectedCallback(),this.removeDragListeners()}setInitialValue(){b(this.value)||(this.value=this.snap?this.getClosestStep(this.value):this.clamp(this.value))}handleKeyDown(e){let t=this.shouldMirror(),{activeProp:i,max:a,min:s,pageStep:l,step:o}=this,h=this[i],{key:r}=e;if(j(r)){e.preventDefault();return}let u=NaN;if(r==="ArrowUp"||r==="ArrowRight"?u=h+o*(t&&r==="ArrowRight"?-1:1):r==="ArrowDown"||r==="ArrowLeft"?u=h-o*(t&&r==="ArrowLeft"?-1:1):r==="PageUp"?l&&(u=h+l):r==="PageDown"?l&&(u=h-l):r==="Home"?u=s:r==="End"&&(u=a),isNaN(u))return;e.preventDefault();let m=Number(u.toFixed(H(o)));this.setValue({[i]:this.clamp(m,i)})}pointerDownHandler(e){if(this.disabled||!L(e))return;let t=e.clientX||e.pageX,i=this.mapToRange(t),a="value";b(this.value)&&(i>=this.minValue&&i<=this.maxValue&&this.lastDragProp==="minMaxValue"?a="minMaxValue":a=Math.abs(this.maxValue-i)<Math.abs(this.minValue-i)||i>=this.maxValue?"maxValue":"minValue"),this.lastDragPropValue=this[a],this.dragStart(a),this.el.shadowRoot.querySelector(`.${n.thumb}:active`)||this.setValue({[a]:this.clamp(i,a)}),this.focusActiveHandle(t)}handleTouchStart(e){e.preventDefault()}buildThumbType(e){let t=[e];return this.labelHandles&&t.push("labeled"),this.precise&&t.push("precise"),this.hasHistogram&&t.push("histogram"),t.join("-")}setValueFromMinMax(){let{minValue:e,maxValue:t}=this;typeof e=="number"&&typeof t=="number"&&(this.value=[e,t])}setMinMaxFromValue(){let{value:e}=this;b(e)&&(this.minValue=e[0],this.maxValue=e[1])}onLabelClick(){this.setFocus()}shouldMirror(){return this.mirrored&&!this.hasHistogram}shouldUseMinValue(){return b(this.value)?this.hasHistogram&&this.maxValue===0||!this.hasHistogram&&this.minValue===0:!1}getTickDensity(){let e=(this.max-this.min)/this.ticks/ie;return e<1?1:e}generateTickValues(){let e=this.ticks??0;if(e<=0)return[];let t=[this.min],i=this.getTickDensity(),a=e*i,s=this.min;for(;s<this.max;)s+=a,t.push(Math.min(s,this.max));return t.includes(this.max)||t.push(this.max),t}onThumbBlur(){this.activeProp=void 0}onThumbFocus(e){let t=e.currentTarget;this.activeProp=t.getAttribute("data-value-prop")}onThumbPointerDown(e){let t=e.currentTarget;this.pointerDownDragStart(e,t.getAttribute("data-value-prop"))}onTrackPointerDown(e){this.pointerDownDragStart(e,"minMaxValue")}pointerDownDragStart(e,t){L(e)&&this.dragStart(t)}dragStart(e){this.dragProp=e,this.lastDragProp=this.dragProp,this.activeProp=e,window.addEventListener("pointermove",this.dragUpdate),window.addEventListener("pointerup",this.pointerUpDragEnd),window.addEventListener("pointercancel",this.dragEnd)}focusActiveHandle(e){this.dragProp==="minValue"?this.minHandle.focus():this.dragProp==="maxValue"||this.dragProp==="value"?this.maxHandle.focus():this.dragProp==="minMaxValue"&&this.getClosestHandle(e).focus()}emitChange(){this.calciteSliderChange.emit(),this.previousEmittedValue=this.value}removeDragListeners(){window.removeEventListener("pointermove",this.dragUpdate),window.removeEventListener("pointerup",this.pointerUpDragEnd),window.removeEventListener("pointercancel",this.dragEnd)}setValue(e){let t=!1;if(Object.keys(e).forEach(a=>{let s=e[a];t||(t=this[a]!==s),this[a]=s}),!t)return;(e.minValue||e.maxValue)&&this.setValueFromMinMax(),this.dragProp||this.emitChange(),this.calciteSliderInput.emit()}setThumbEl(e){if(!e)return;e.getAttribute("data-value-prop")==="minValue"?this.minHandle=e:this.maxHandle=e}clamp(e,t){return e=Z(e,this.min,this.max),t==="maxValue"&&(e=Math.max(e,this.minValue)),t==="minValue"&&(e=Math.min(e,this.maxValue)),e}mapToRange(e){let t=this.max-this.min,{left:i,width:a}=this.trackRef.value.getBoundingClientRect()||{left:0,width:0},s=(e-i)/a,l=this.shouldMirror(),o=this.clamp(this.min+t*(l?1-s:s)),h=Number(o.toFixed(H(this.step)));return this.snap&&this.step?this.getClosestStep(h):h}getClosestStep(e){let{max:t,min:i,step:a}=this,s=new G(`${Math.floor((e-i)/a)}`).multiply(`${a}`).add(`${i}`).toString(),l=this.clamp(Number(s));return l>t&&(l-=a),l}getClosestHandle(e){return this.getDistanceX(this.maxHandle,e)>this.getDistanceX(this.minHandle,e)?this.minHandle:this.maxHandle}getDistanceX(e,t){return Math.abs(e.getBoundingClientRect().left-t)}getFontSizeForElement(e){return Number(window.getComputedStyle(e).getPropertyValue("font-size").match(/\d+/)[0])}getUnitInterval(e){e=this.clamp(e);let t=this.max-this.min;return(e-this.min)/t}adjustHostObscuredHandleLabel(e){let t=this.el.shadowRoot,i=t.querySelector(`.handle__label--${e}`),a=t.querySelector(`.handle__label--${e}.static`),s=t.querySelector(`.handle__label--${e}.transformed`),l=a.getBoundingClientRect(),o=this.getHostOffset(l.left,l.right);i.style.transform=`translateX(${o}px)`,s.style.transform=`translateX(${o}px)`}hyphenateCollidingRangeHandleLabels(){let e=this.el.shadowRoot,t=this.shouldMirror(),i=t?"value":"minValue",a=t?"minValue":"value",s=e.querySelector(`.handle__label--${i}`),l=e.querySelector(`.handle__label--${i}.static`),o=e.querySelector(`.handle__label--${i}.transformed`),h=this.getHostOffset(l.getBoundingClientRect().left,l.getBoundingClientRect().right),r=e.querySelector(`.handle__label--${a}`),u=e.querySelector(`.handle__label--${a}.static`),m=e.querySelector(`.handle__label--${a}.transformed`),d=this.getHostOffset(u.getBoundingClientRect().left,u.getBoundingClientRect().right),k=this.getFontSizeForElement(s),V=this.getRangeLabelOverlap(o,m),g=s,v=k/2;if(V>0){if(g.classList.add(n.hyphen,n.hyphenWrap),d===0&&h===0){let c=V/2-v;c=Math.sign(c)===-1?Math.abs(c):-c;let y=this.getHostOffset(o.getBoundingClientRect().left+c-v,o.getBoundingClientRect().right+c-v),p=V/2,_=this.getHostOffset(m.getBoundingClientRect().left+p,m.getBoundingClientRect().right+p);y!==0&&(c+=y,p+=y),_!==0&&(c+=_,p+=_),s.style.transform=`translateX(${c}px)`,o.style.transform=`translateX(${c-v}px)`,r.style.transform=`translateX(${p}px)`,m.style.transform=`translateX(${p}px)`}else if(h>0||d>0)s.style.transform=`translateX(${h+v}px)`,r.style.transform=`translateX(${V+d}px)`,m.style.transform=`translateX(${V+d}px)`;else if(h<0||d<0){let c=Math.abs(h)+V-v;c=Math.sign(c)===-1?Math.abs(c):-c,s.style.transform=`translateX(${c}px)`,o.style.transform=`translateX(${c-v}px)`}}else g.classList.remove(n.hyphen,n.hyphenWrap),s.style.transform=`translateX(${h}px)`,o.style.transform=`translateX(${h}px)`,r.style.transform=`translateX(${d}px)`,m.style.transform=`translateX(${d}px)`}hideObscuredBoundingTickLabels(){let e=b(this.value);if(!this.hasHistogram&&!e&&!this.labelHandles&&!this.precise||!this.hasHistogram&&!e&&this.labelHandles&&!this.precise||!this.hasHistogram&&!e&&!this.labelHandles&&this.precise||!this.hasHistogram&&!e&&this.labelHandles&&this.precise||!this.hasHistogram&&e&&!this.precise||this.hasHistogram&&!this.precise&&!this.labelHandles)return;let t=this.el.shadowRoot,i=t.querySelector(`.${n.thumbMinValue}`),a=t.querySelector(`.${n.thumbValue}`),s=t.querySelector(`.${n.tickMin}`),l=t.querySelector(`.${n.tickMax}`);!i&&a&&s&&l&&(s.style.opacity=this.isMinTickLabelObscured(s,a)?"0":"1",l.style.opacity=this.isMaxTickLabelObscured(l,a)?"0":"1"),i&&a&&s&&l&&(s.style.opacity=this.isMinTickLabelObscured(s,i)||this.isMinTickLabelObscured(s,a)?"0":"1",l.style.opacity=this.isMaxTickLabelObscured(l,i)||this.isMaxTickLabelObscured(l,a)&&this.hasHistogram?"0":"1")}getHostOffset(e,t){let{left:i,right:a}=this.el.getBoundingClientRect();return e<i?i-e:t>a?-(t-a):0}getRangeLabelOverlap(e,t){let i=e.getBoundingClientRect(),a=t.getBoundingClientRect(),s=this.getFontSizeForElement(e),l=i.right+s-a.left;return Math.max(l,0)}isMinTickLabelObscured(e,t){let i=e.getBoundingClientRect(),a=t.getBoundingClientRect();return R(i,a)}isMaxTickLabelObscured(e,t){let i=e.getBoundingClientRect(),a=t.getBoundingClientRect();return R(i,a)}internalLabelFormatter(e,t){let i=this.labelFormatter;if(!i)return this.formatValue(e);let a=i(e,t,this.formatValue);return a??this.formatValue(e)}render(){let e=this.el.id||this.guid,t=b(this.value)?this.maxValue:this.value,i=this.minValue||this.min,a=this.shouldUseMinValue(),s=this.getUnitInterval(a?this.minValue:i)*100,l=this.getUnitInterval(t)*100,o=this.shouldMirror(),h=b(this.value),r=K(this),u=h&&!!r,m=this.buildThumbType("max"),d=this.renderThumb({type:m,thumbPlacement:m.includes("histogram")?"below":"above",labelFallback:r,maxInterval:l,minInterval:s,mirror:o}),k=this.buildThumbType("min"),V=h?this.renderThumb({type:k,thumbPlacement:k.includes("histogram")||k.includes("precise")?"below":"above",labelFallback:r,maxInterval:l,minInterval:s,mirror:o}):null,g=h?"start":this.fillPlacement,v=g==="none"?{left:"unset",right:"unset"}:g==="end"?{left:`${o?s:l}%`,right:`${o?l:s}%`}:{left:`${o?100-l:s}%`,right:`${o?s:100-l}%`};return O(this.el,"id",e),this.interactiveContainer({disabled:this.disabled,children:x`${this.labelText&&W({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div aria-errormessage=${P.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${r} .ariaRequired=${this.required} class=${f({[n.container]:!0,[n.containerRange]:h,[n.scale(this.scale)]:!0})} .role=${u?"group":void 0}>${this.renderGraph()}<div class=${f(n.track)} ${T(this.trackRef)}><div class=${f(n.trackRange)} @pointerdown=${this.onTrackPointerDown} style=${M(v)}></div><div class=${f(n.ticks)}>${this.tickValues.map(c=>{let y=`${this.getUnitInterval(c)*100}%`,p=!1;if(g==="start"||g==="end")if(a)p=c>=this.minValue&&c<=this.maxValue;else{let _=g==="start"?i:t,te=g==="start"?t:this.max;p=c>=_&&c<=te}return x`<span class=${f({[n.tick]:!0,[n.tickActive]:p})} style=${M({left:o?"":y,right:o?y:""})}>${this.renderTickLabel(c)}</span>`})}</div></div><div class=${f(n.thumbContainer)}>${V}${d}</div></div>${this.validationMessage&&this.status==="invalid"?J({icon:this.validationIcon,id:P.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderThumb({type:e,mirror:t,thumbPlacement:i,minInterval:a,maxInterval:s,labelFallback:l}){let o=e.includes("labeled"),h=e.includes("precise"),r=e.includes("min"),u=b(this.value),m=r?this.minValue:u?this.maxValue:this.value,d=r?"minValue":u?"maxValue":"value",k=r?this.minLabel||l:u?this.maxLabel||l:this.minLabel||l,V=r?this.minValue:m,g=d==="minValue"?this.internalLabelFormatter(this.minValue,"min"):d==="maxValue"?this.internalLabelFormatter(this.maxValue,"max"):this.internalLabelFormatter(m,"value"),v=r?{left:`${t?100-a:a}%`}:{right:`${t?s:100-s}%`},c=`${n.handleLabel} ${r?n.handleLabelMinValue:n.handleLabelValue}`,p=[...o?[x`<span aria-hidden=true class=${f(c)}>${g}</span>`,x`<span aria-hidden=true class=${`${c} ${n.static}`}>${g}</span>`,x`<span aria-hidden=true class=${`${c} ${n.transformed}`}>${g}</span>`]:[],x`<div class=${f(n.handle)}></div>`,h&&x`<div class=${f(n.handleExtension)}></div>`||""];return i==="below"&&p.reverse(),q(e,x`<div .ariaLabel=${k} aria-orientation=horizontal .ariaValueMax=${this.max} .ariaValueMin=${this.min} .ariaValueNow=${V} class=${f({[n.thumb]:!0,[n.thumbValue]:!r,[n.thumbActive]:this.lastDragProp!=="minMaxValue"&&this.dragProp===d,[n.thumbPrecise]:h,[n.thumbMinValue]:r})} data-value-prop=${d??C} @blur=${this.onThumbBlur} @focus=${this.onThumbFocus} @pointerdown=${this.onThumbPointerDown} role=slider style=${M(v)} tabindex=0 ${T(this.setThumbEl)}>${p}</div>`)}renderGraph(){return this.histogram?x`<calcite-graph class=${f(n.graph)} .colorStops=${this.histogramStops} .data=${this.histogram} .highlightMax=${b(this.value)?this.maxValue:this.value} .highlightMin=${b(this.value)?this.minValue:this.min} .max=${this.max} .min=${this.min}></calcite-graph>`:null}renderTickLabel(e){let{hasHistogram:t,labelHandles:i,labelTicks:a,max:s,min:l,precise:o,value:h}=this,r=b(h),u=e===l,m=e===s,d=u||m;return a&&(!t&&(d||!o||!r)||t&&(d||!o&&!i))?x`<span class=${f({[n.tickLabel]:!0,[n.tickMin]:u,[n.tickMax]:m})}>${this.internalLabelFormatter(e,"tick")}</span>`:null}};A("calcite-slider",D);export{D as Slider};
|
|
2
|
+
import{a as Z,b as H}from"./YJPIZ6DX.js";import{a as G,j as S}from"./4QWM37WK.js";import{a as J}from"./X3YZSEPT.js";import{a as W}from"./WBJ7RLL6.js";import{c as Q}from"./M557VX5K.js";import{a as K}from"./DKJI4BME.js";import{a as Y}from"./IAA4XA47.js";import{a as N}from"./3J4B6M7R.js";import{a as q}from"./ZT5JVNXH.js";import{a as j}from"./YP3AYJH3.js";import{a as U}from"./T6CCMW7H.js";import{a as I}from"./SJ4FIFAO.js";import{a as X}from"./TQUJDXGU.js";import"./ZWPNZ5XW.js";import"./73JG44IZ.js";import"./DQL4WAMP.js";import{A as L,t as R}from"./SURH5QLY.js";import{E as B,F as T,G as F,H as f,I as M,K as O,L as E,T as A,g as z,h as x,l as C,p as w}from"./HG6LXKZD.js";var n={container:"container",containerRange:"container--range",graph:"graph",handle:"handle",handleExtension:"handle-extension",handleLabel:"handle__label",handleLabelMinValue:"handle__label--minValue",handleLabelValue:"handle__label--value",hyphen:"hyphen",hyphenWrap:"hyphen--wrap",static:"static",thumb:"thumb",thumbActive:"thumb--active",thumbContainer:"thumb-container",thumbMinValue:"thumb--minValue",thumbPrecise:"thumb--precise",thumbValue:"thumb--value",tick:"tick",tickActive:"tick--active",tickLabel:"tick__label",tickMax:"tick__label--max",tickMin:"tick__label--min",ticks:"ticks",track:"track",trackRange:"track__range",transformed:"transformed",scale:$=>`scale--${$}`},ae="calcite-slider",P={validationMessage:"validationMessage",host:$=>`${ae}-${$}`},ie=250,se=z`@charset "UTF-8";:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}.scale--s{--calcite-slider-handle-size: var(--calcite-space-sm-plus);--calcite-slider-handle-extension-height: .4rem;--calcite-slider-container-font-size: var(--calcite-font-size--3)}.scale--s .handle__label,.scale--s .tick__label{line-height:.75rem}.scale--m{--calcite-slider-handle-size: .875rem;--calcite-slider-handle-extension-height: .5rem;--calcite-slider-container-font-size: var(--calcite-font-size--2)}.scale--m .handle__label,.scale--m .tick__label{line-height:1rem}.scale--l{--calcite-slider-handle-size: 1rem;--calcite-slider-handle-extension-height: .65rem;--calcite-slider-container-font-size: var(--calcite-font-size--1)}.scale--l .handle__label,.scale--l .tick__label{line-height:1rem}.handle__label,.tick__label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-slider-text-color, var(--calcite-color-text-2));font-size:var(--calcite-slider-container-font-size)}:host{display:block}:host .validation-container{padding-block-start:0!important}.container{position:relative;display:block;overflow-wrap:normal;word-break:normal;padding-inline:calc(var(--calcite-slider-handle-size) * .5);padding-block:calc(var(--calcite-slider-handle-size) * .5);margin-block:calc(var(--calcite-slider-handle-size) * .5);margin-inline:0;--calcite-slider-full-handle-height: calc( var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height) );touch-action:none;-webkit-user-select:none;user-select:none}:host([disabled]) .track__range,:host([disabled]) .tick--active{background-color:var(--calcite-color-text-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -.375rem}.scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -.5rem}.scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -.55rem}:host([precise]:not([has-histogram])) .container .thumb--value{--calcite-slider-thumb-y-offset: calc(var(--calcite-slider-full-handle-height) * -1)}.thumb-container{position:relative;max-inline-size:100%}.thumb{--calcite-slider-thumb-x-offset: calc(var(--calcite-slider-handle-size) * .5);position:absolute;margin:0;display:flex;cursor:pointer;flex-direction:column;align-items:center;border-style:none;background-color:transparent;padding:0;font-family:inherit;outline:2px solid transparent;outline-offset:2px;transform:translate(var(--calcite-slider-thumb-x-offset),var(--calcite-slider-thumb-y-offset))}.thumb .handle__label{white-space:nowrap}.thumb .handle__label.static,.thumb .handle__label.transformed{position:absolute;inset-block:0px;opacity:0}.thumb .handle__label.hyphen:after{content:"—";display:inline-block;inline-size:1em}.thumb .handle__label.hyphen--wrap{display:flex}.thumb .handle{box-sizing:border-box;border-radius:9999px;outline-color:transparent;background-color:var(--calcite-slider-handle-fill-color, var(--calcite-color-foreground-1));block-size:var(--calcite-slider-handle-size);inline-size:var(--calcite-slider-handle-size);box-shadow:0 0 0 2px var(--calcite-color-text-3) inset;transition:border var(--calcite-internal-animation-timing-medium) ease,background-color var(--calcite-internal-animation-timing-medium) ease,box-shadow var(--calcite-animation-timing) ease}.thumb .handle-extension{inline-size:.125rem;block-size:var(--calcite-slider-handle-extension-height);background-color:var(--calcite-slider-handle-extension-color, var(--calcite-color-text-3))}.thumb:hover .handle{box-shadow:0 0 0 3px var(--calcite-color-brand) inset}.thumb:hover .handle-extension{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand))}.thumb:focus .handle{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-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.thumb:focus .handle-extension{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand))}.thumb.thumb--minValue{transform:translate(calc(var(--calcite-slider-thumb-x-offset) * -1),var(--calcite-slider-thumb-y-offset))}.thumb.thumb--precise{--calcite-slider-thumb-y-offset: -.125rem}:host([label-handles]) .thumb{--calcite-slider-thumb-x-offset: 50%}:host([label-handles]):host(:not([has-histogram])) .scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -1.4375rem}:host([label-handles]):host(:not([has-histogram])) .scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -1.875rem}:host([label-handles]):host(:not([has-histogram])) .scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -2rem}:host([has-histogram][label-handles]) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--minValue.thumb--precise .handle__label{margin-block-start:.5em}:host(:not([has-histogram]):not([precise])) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--value .handle__label{margin-block-end:.5em}:host([label-handles][precise]):host(:not([has-histogram])) .scale--s .thumb--value{--calcite-slider-thumb-y-offset: -2.075rem}:host([label-handles][precise]):host(:not([has-histogram])) .scale--m .thumb--value{--calcite-slider-thumb-y-offset: -2.75rem}:host([label-handles][precise]):host(:not([has-histogram])) .scale--l .thumb--value{--calcite-slider-thumb-y-offset: -3.0625rem}.thumb:focus .handle,.thumb--active .handle{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand));box-shadow:0 0 8px #00000029}.thumb:hover.thumb--precise:after,.thumb:focus.thumb--precise:after,.thumb--active.thumb--precise:after{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand))}.track{position:relative;block-size:.125rem;background-color:var(--calcite-slider-track-color, var(--calcite-color-border-2));transition:all var(--calcite-internal-animation-timing-medium) ease-in;border-radius:var(--calcite-corner-radius)}.track__range{position:absolute;inset-block-start:0px;block-size:.125rem;background-color:var(--calcite-slider-track-fill-color, var(--calcite-color-brand))}.container--range .track__range:hover{cursor:ew-resize}.container--range .track__range:after{position:absolute;inline-size:100%;content:"";inset-block-start:calc(var(--calcite-slider-full-handle-height) * .5 * -1);block-size:calc(var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height))}@media(forced-colors:active){.thumb{outline-width:0;outline-offset:0}.handle{outline:2px solid transparent;outline-offset:2px}.thumb:focus .handle,.thumb .handle-extension,.thumb:hover .handle-extension,.thumb:focus .handle-extension,.thumb:active .handle-extension{background-color:canvasText}.track{background-color:canvasText}.track__range{background-color:highlight}}.tick{position:absolute;block-size:.25rem;inline-size:.125rem;border-width:1px;border-style:solid;background-color:var(--calcite-slider-tick-color, var(--calcite-color-border-input));border-color:var(--calcite-slider-tick-border-color, var(--calcite-color-foreground-1));inset-block-start:-2px;pointer-events:none;margin-inline-start:-.125rem}.tick--active{background-color:var(--calcite-slider-tick-selected-color, var(--calcite-color-brand))}.tick__label{pointer-events:none;margin-block-start:.875rem;display:flex;justify-content:center}.tick__label--min{transition:opacity var(--calcite-animation-timing)}.tick__label--max{transition:opacity var(--calcite-internal-animation-timing-fast)}:host([has-histogram][label-handles]) .tick__label--min,:host([has-histogram][label-handles]) .tick__label--max,:host([has-histogram][precise]) .tick__label--min,:host([has-histogram][precise]) .tick__label--max{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}.graph{color:var(--calcite-slider-graph-color, var(--calcite-color-foreground-3));block-size:48px}:host([label-ticks][ticks]) .container{padding-block-end:calc(.875rem + var(--calcite-slider-container-font-size))}:host([has-histogram]):host([precise][label-handles]) .container{padding-block-end:calc(var(--calcite-slider-full-handle-height) + 1em)}:host([has-histogram]):host([label-handles]:not([precise])) .container{padding-block-end:calc(var(--calcite-slider-handle-size) * .5 + 1em)}:host([has-histogram]):host([precise]:not([label-handles])) .container{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container{padding-block-start:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container--range{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([label-handles]:not([precise])) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container--range{padding-block-end:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`;function b($){return Array.isArray($)}var ee=0,D=class extends F{constructor(){super(),this.dragEnd=e=>{this.disabled||(this.removeDragListeners(),this.focusActiveHandle(e.clientX),this.dragProp&&this.lastDragPropValue!=this[this.dragProp]&&this.emitChange(),this.dragProp=void 0,this.lastDragPropValue=void 0,this.minValueDragRange=void 0,this.maxValueDragRange=void 0,this.minMaxValueRange=void 0)},this.dragUpdate=e=>{if(!(this.disabled||!this.trackRef.value)&&(e.preventDefault(),this.dragProp)){let t=this.mapToRange(e.clientX||e.pageX);if(b(this.value)&&this.dragProp==="minMaxValue")if(this.minValueDragRange&&this.maxValueDragRange&&this.minMaxValueRange){let i=t-this.minValueDragRange,a=t+this.maxValueDragRange;a<=this.max&&i>=this.min&&a-i===this.minMaxValueRange&&this.setValue({minValue:this.clamp(i,"minValue"),maxValue:this.clamp(a,"maxValue")})}else this.minValueDragRange=t-this.minValue,this.maxValueDragRange=this.maxValue-t,this.minMaxValueRange=this.maxValue-this.minValue;else if(b(this.value)&&b(this.previousEmittedValue)&&this.dragProp==="maxValue"){let[i,a]=this.previousEmittedValue;i===a&&t<i?(this.dragProp="minValue",this.minHandle.focus()):this.setValue({[this.dragProp]:this.clamp(t,this.dragProp)})}else this.setValue({[this.dragProp]:this.clamp(t,this.dragProp)})}},this.formatValue=e=>(S.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},S.localize(e.toString())),this.formSupport=Q({inputType:"range"})(this),this.guid=P.host(U()),this.messages=I({blocking:!0}),this.pointerUpDragEnd=e=>{this.disabled||!L(e)||this.dragEnd(e)},this.trackRef=B(),this.focusSetter=X()(this),this.interactiveContainer=N(this),this.labelable=Y(this),this._value=ee,this.activeProp="value",this.tickValues=[],this.disabled=!1,this.fillPlacement="start",this.groupSeparator=!1,this.hasHistogram=!1,this.labelHandles=!1,this.labelTicks=!1,this.max=100,this.min=0,this.mirrored=!1,this.precise=!1,this.required=!1,this.scale="m",this.snap=!1,this.status="idle",this.step=1,this.calciteSliderChange=w({cancelable:!1}),this.calciteSliderInput=w({cancelable:!1}),this.listen("pointerdown",this.pointerDownHandler),this.listen("keydown",this.handleKeyDown),this.listen("touchstart",this.handleTouchStart)}static{this.properties={activeProp:[16,{},{state:!0}],maxValueDragRange:[16,{},{state:!0}],minMaxValueRange:[16,{},{state:!0}],minValueDragRange:[16,{},{state:!0}],tickValues:[16,{},{state:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],fillPlacement:[3,{},{reflect:!0}],form:[3,{},{reflect:!0}],groupSeparator:[7,{},{reflect:!0,type:Boolean}],hasHistogram:[7,{},{reflect:!0,type:Boolean}],histogram:[0,{},{attribute:!1}],histogramStops:[0,{},{attribute:!1}],label:1,labelFormatter:[0,{},{attribute:!1}],labelHandles:[7,{},{reflect:!0,type:Boolean}],labelTicks:[7,{},{reflect:!0,type:Boolean}],max:[11,{},{reflect:!0,type:Number}],maxLabel:1,maxValue:[9,{},{type:Number}],min:[11,{},{reflect:!0,type:Number}],minLabel:1,labelText:1,messageOverrides:[0,{},{attribute:!1}],minValue:[9,{},{type:Number}],mirrored:[7,{},{reflect:!0,type:Boolean}],name:[3,{},{reflect:!0}],numberingSystem:1,pageStep:[11,{},{reflect:!0,type:Number}],precise:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],snap:[7,{},{reflect:!0,type:Boolean}],status:[3,{},{reflect:!0}],step:[11,{},{reflect:!0,type:Number}],ticks:[11,{},{reflect:!0,type:Number}],validationIcon:[3,{converter:E},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:[11,{},{reflect:!0,type:Number}]}}static{this.formAssociated=!0}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=se}get value(){return this._value}set value(e){if(Array.isArray(e)){this._value=e;return}if(e!=null){this._value=Number(e);return}this._value=Array.isArray(this._value)?[this.minValue,this.maxValue]:ee}async setFocus(e){return this.focusSetter(()=>this.minHandle||this.maxHandle,e)}connectedCallback(){super.connectedCallback(),this.setMinMaxFromValue(),this.setValueFromMinMax(),this.previousEmittedValue=this.value}load(){this.setInitialValue()}willUpdate(e){e.has("histogram")&&(this.hasHistogram=!!this.histogram),e.has("ticks")&&(this.tickValues=this.generateTickValues()),e.has("value")&&(this.hasUpdated||this.value!==0)&&this.setMinMaxFromValue(),(e.has("minValue")||e.has("maxValue"))&&this.setValueFromMinMax()}updated(){this.labelHandles&&(this.adjustHostObscuredHandleLabel("value"),b(this.value)&&(this.adjustHostObscuredHandleLabel("minValue"),this.precise&&!this.hasHistogram||this.hyphenateCollidingRangeHandleLabels())),this.hideObscuredBoundingTickLabels()}disconnectedCallback(){super.disconnectedCallback(),this.removeDragListeners()}setInitialValue(){b(this.value)||(this.value=this.snap?this.getClosestStep(this.value):this.clamp(this.value))}handleKeyDown(e){let t=this.shouldMirror(),{activeProp:i,max:a,min:s,pageStep:l,step:o}=this,h=this[i],{key:r}=e;if(j(r)){e.preventDefault();return}let u=NaN;if(r==="ArrowUp"||r==="ArrowRight"?u=h+o*(t&&r==="ArrowRight"?-1:1):r==="ArrowDown"||r==="ArrowLeft"?u=h-o*(t&&r==="ArrowLeft"?-1:1):r==="PageUp"?l&&(u=h+l):r==="PageDown"?l&&(u=h-l):r==="Home"?u=s:r==="End"&&(u=a),isNaN(u))return;e.preventDefault();let m=Number(u.toFixed(H(o)));this.setValue({[i]:this.clamp(m,i)})}pointerDownHandler(e){if(this.disabled||!L(e))return;let t=e.clientX||e.pageX,i=this.mapToRange(t),a="value";b(this.value)&&(i>=this.minValue&&i<=this.maxValue&&this.lastDragProp==="minMaxValue"?a="minMaxValue":a=Math.abs(this.maxValue-i)<Math.abs(this.minValue-i)||i>=this.maxValue?"maxValue":"minValue"),this.lastDragPropValue=this[a],this.dragStart(a),this.el.shadowRoot.querySelector(`.${n.thumb}:active`)||this.setValue({[a]:this.clamp(i,a)}),this.focusActiveHandle(t)}handleTouchStart(e){e.preventDefault()}buildThumbType(e){let t=[e];return this.labelHandles&&t.push("labeled"),this.precise&&t.push("precise"),this.hasHistogram&&t.push("histogram"),t.join("-")}setValueFromMinMax(){let{minValue:e,maxValue:t}=this;typeof e=="number"&&typeof t=="number"&&(this.value=[e,t])}setMinMaxFromValue(){let{value:e}=this;b(e)&&(this.minValue=e[0],this.maxValue=e[1])}onLabelClick(){this.setFocus()}shouldMirror(){return this.mirrored&&!this.hasHistogram}shouldUseMinValue(){return b(this.value)?this.hasHistogram&&this.maxValue===0||!this.hasHistogram&&this.minValue===0:!1}getTickDensity(){let e=(this.max-this.min)/this.ticks/ie;return e<1?1:e}generateTickValues(){let e=this.ticks??0;if(e<=0)return[];let t=[this.min],i=this.getTickDensity(),a=e*i,s=this.min;for(;s<this.max;)s+=a,t.push(Math.min(s,this.max));return t.includes(this.max)||t.push(this.max),t}onThumbBlur(){this.activeProp=void 0}onThumbFocus(e){let t=e.currentTarget;this.activeProp=t.getAttribute("data-value-prop")}onThumbPointerDown(e){let t=e.currentTarget;this.pointerDownDragStart(e,t.getAttribute("data-value-prop"))}onTrackPointerDown(e){this.pointerDownDragStart(e,"minMaxValue")}pointerDownDragStart(e,t){L(e)&&this.dragStart(t)}dragStart(e){this.dragProp=e,this.lastDragProp=this.dragProp,this.activeProp=e,window.addEventListener("pointermove",this.dragUpdate),window.addEventListener("pointerup",this.pointerUpDragEnd),window.addEventListener("pointercancel",this.dragEnd)}focusActiveHandle(e){this.dragProp==="minValue"?this.minHandle.focus():this.dragProp==="maxValue"||this.dragProp==="value"?this.maxHandle.focus():this.dragProp==="minMaxValue"&&this.getClosestHandle(e).focus()}emitChange(){this.calciteSliderChange.emit(),this.previousEmittedValue=this.value}removeDragListeners(){window.removeEventListener("pointermove",this.dragUpdate),window.removeEventListener("pointerup",this.pointerUpDragEnd),window.removeEventListener("pointercancel",this.dragEnd)}setValue(e){let t=!1;if(Object.keys(e).forEach(a=>{let s=e[a];t||(t=this[a]!==s),this[a]=s}),!t)return;(e.minValue||e.maxValue)&&this.setValueFromMinMax(),this.dragProp||this.emitChange(),this.calciteSliderInput.emit()}setThumbEl(e){if(!e)return;e.getAttribute("data-value-prop")==="minValue"?this.minHandle=e:this.maxHandle=e}clamp(e,t){return e=Z(e,this.min,this.max),t==="maxValue"&&(e=Math.max(e,this.minValue)),t==="minValue"&&(e=Math.min(e,this.maxValue)),e}mapToRange(e){let t=this.max-this.min,{left:i,width:a}=this.trackRef.value.getBoundingClientRect()||{left:0,width:0},s=(e-i)/a,l=this.shouldMirror(),o=this.clamp(this.min+t*(l?1-s:s)),h=Number(o.toFixed(H(this.step)));return this.snap&&this.step?this.getClosestStep(h):h}getClosestStep(e){let{max:t,min:i,step:a}=this,s=new G(`${Math.floor((e-i)/a)}`).multiply(`${a}`).add(`${i}`).toString(),l=this.clamp(Number(s));return l>t&&(l-=a),l}getClosestHandle(e){return this.getDistanceX(this.maxHandle,e)>this.getDistanceX(this.minHandle,e)?this.minHandle:this.maxHandle}getDistanceX(e,t){return Math.abs(e.getBoundingClientRect().left-t)}getFontSizeForElement(e){return Number(window.getComputedStyle(e).getPropertyValue("font-size").match(/\d+/)[0])}getUnitInterval(e){e=this.clamp(e);let t=this.max-this.min;return(e-this.min)/t}adjustHostObscuredHandleLabel(e){let t=this.el.shadowRoot,i=t.querySelector(`.handle__label--${e}`),a=t.querySelector(`.handle__label--${e}.static`),s=t.querySelector(`.handle__label--${e}.transformed`),l=a.getBoundingClientRect(),o=this.getHostOffset(l.left,l.right);i.style.transform=`translateX(${o}px)`,s.style.transform=`translateX(${o}px)`}hyphenateCollidingRangeHandleLabels(){let e=this.el.shadowRoot,t=this.shouldMirror(),i=t?"value":"minValue",a=t?"minValue":"value",s=e.querySelector(`.handle__label--${i}`),l=e.querySelector(`.handle__label--${i}.static`),o=e.querySelector(`.handle__label--${i}.transformed`),h=this.getHostOffset(l.getBoundingClientRect().left,l.getBoundingClientRect().right),r=e.querySelector(`.handle__label--${a}`),u=e.querySelector(`.handle__label--${a}.static`),m=e.querySelector(`.handle__label--${a}.transformed`),d=this.getHostOffset(u.getBoundingClientRect().left,u.getBoundingClientRect().right),k=this.getFontSizeForElement(s),V=this.getRangeLabelOverlap(o,m),g=s,v=k/2;if(V>0){if(g.classList.add(n.hyphen,n.hyphenWrap),d===0&&h===0){let c=V/2-v;c=Math.sign(c)===-1?Math.abs(c):-c;let y=this.getHostOffset(o.getBoundingClientRect().left+c-v,o.getBoundingClientRect().right+c-v),p=V/2,_=this.getHostOffset(m.getBoundingClientRect().left+p,m.getBoundingClientRect().right+p);y!==0&&(c+=y,p+=y),_!==0&&(c+=_,p+=_),s.style.transform=`translateX(${c}px)`,o.style.transform=`translateX(${c-v}px)`,r.style.transform=`translateX(${p}px)`,m.style.transform=`translateX(${p}px)`}else if(h>0||d>0)s.style.transform=`translateX(${h+v}px)`,r.style.transform=`translateX(${V+d}px)`,m.style.transform=`translateX(${V+d}px)`;else if(h<0||d<0){let c=Math.abs(h)+V-v;c=Math.sign(c)===-1?Math.abs(c):-c,s.style.transform=`translateX(${c}px)`,o.style.transform=`translateX(${c-v}px)`}}else g.classList.remove(n.hyphen,n.hyphenWrap),s.style.transform=`translateX(${h}px)`,o.style.transform=`translateX(${h}px)`,r.style.transform=`translateX(${d}px)`,m.style.transform=`translateX(${d}px)`}hideObscuredBoundingTickLabels(){let e=b(this.value);if(!this.hasHistogram&&!e&&!this.labelHandles&&!this.precise||!this.hasHistogram&&!e&&this.labelHandles&&!this.precise||!this.hasHistogram&&!e&&!this.labelHandles&&this.precise||!this.hasHistogram&&!e&&this.labelHandles&&this.precise||!this.hasHistogram&&e&&!this.precise||this.hasHistogram&&!this.precise&&!this.labelHandles)return;let t=this.el.shadowRoot,i=t.querySelector(`.${n.thumbMinValue}`),a=t.querySelector(`.${n.thumbValue}`),s=t.querySelector(`.${n.tickMin}`),l=t.querySelector(`.${n.tickMax}`);!i&&a&&s&&l&&(s.style.opacity=this.isMinTickLabelObscured(s,a)?"0":"1",l.style.opacity=this.isMaxTickLabelObscured(l,a)?"0":"1"),i&&a&&s&&l&&(s.style.opacity=this.isMinTickLabelObscured(s,i)||this.isMinTickLabelObscured(s,a)?"0":"1",l.style.opacity=this.isMaxTickLabelObscured(l,i)||this.isMaxTickLabelObscured(l,a)&&this.hasHistogram?"0":"1")}getHostOffset(e,t){let{left:i,right:a}=this.el.getBoundingClientRect();return e<i?i-e:t>a?-(t-a):0}getRangeLabelOverlap(e,t){let i=e.getBoundingClientRect(),a=t.getBoundingClientRect(),s=this.getFontSizeForElement(e),l=i.right+s-a.left;return Math.max(l,0)}isMinTickLabelObscured(e,t){let i=e.getBoundingClientRect(),a=t.getBoundingClientRect();return R(i,a)}isMaxTickLabelObscured(e,t){let i=e.getBoundingClientRect(),a=t.getBoundingClientRect();return R(i,a)}internalLabelFormatter(e,t){let i=this.labelFormatter;if(!i)return this.formatValue(e);let a=i(e,t,this.formatValue);return a??this.formatValue(e)}render(){let e=this.el.id||this.guid,t=b(this.value)?this.maxValue:this.value,i=this.minValue||this.min,a=this.shouldUseMinValue(),s=this.getUnitInterval(a?this.minValue:i)*100,l=this.getUnitInterval(t)*100,o=this.shouldMirror(),h=b(this.value),r=K(this),u=h&&!!r,m=this.buildThumbType("max"),d=this.renderThumb({type:m,thumbPlacement:m.includes("histogram")?"below":"above",labelFallback:r,maxInterval:l,minInterval:s,mirror:o}),k=this.buildThumbType("min"),V=h?this.renderThumb({type:k,thumbPlacement:k.includes("histogram")||k.includes("precise")?"below":"above",labelFallback:r,maxInterval:l,minInterval:s,mirror:o}):null,g=h?"start":this.fillPlacement,v=g==="none"?{left:"unset",right:"unset"}:g==="end"?{left:`${o?s:l}%`,right:`${o?l:s}%`}:{left:`${o?100-l:s}%`,right:`${o?s:100-l}%`};return O(this.el,"id",e),this.interactiveContainer({disabled:this.disabled,children:x`${this.labelText&&W({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div aria-errormessage=${P.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${r} .ariaRequired=${this.required} class=${f({[n.container]:!0,[n.containerRange]:h,[n.scale(this.scale)]:!0})} .role=${u?"group":void 0}>${this.renderGraph()}<div class=${f(n.track)} ${T(this.trackRef)}><div class=${f(n.trackRange)} @pointerdown=${this.onTrackPointerDown} style=${M(v)}></div><div class=${f(n.ticks)}>${this.tickValues.map(c=>{let y=`${this.getUnitInterval(c)*100}%`,p=!1;if(g==="start"||g==="end")if(a)p=c>=this.minValue&&c<=this.maxValue;else{let _=g==="start"?i:t,te=g==="start"?t:this.max;p=c>=_&&c<=te}return x`<span class=${f({[n.tick]:!0,[n.tickActive]:p})} style=${M({left:o?"":y,right:o?y:""})}>${this.renderTickLabel(c)}</span>`})}</div></div><div class=${f(n.thumbContainer)}>${V}${d}</div></div>${this.validationMessage&&this.status==="invalid"?J({icon:this.validationIcon,id:P.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderThumb({type:e,mirror:t,thumbPlacement:i,minInterval:a,maxInterval:s,labelFallback:l}){let o=e.includes("labeled"),h=e.includes("precise"),r=e.includes("min"),u=b(this.value),m=r?this.minValue:u?this.maxValue:this.value,d=r?"minValue":u?"maxValue":"value",k=r?this.minLabel||l:u?this.maxLabel||l:this.minLabel||l,V=r?this.minValue:m,g=d==="minValue"?this.internalLabelFormatter(this.minValue,"min"):d==="maxValue"?this.internalLabelFormatter(this.maxValue,"max"):this.internalLabelFormatter(m,"value"),v=r?{left:`${t?100-a:a}%`}:{right:`${t?s:100-s}%`},c=`${n.handleLabel} ${r?n.handleLabelMinValue:n.handleLabelValue}`,p=[...o?[x`<span aria-hidden=true class=${f(c)}>${g}</span>`,x`<span aria-hidden=true class=${`${c} ${n.static}`}>${g}</span>`,x`<span aria-hidden=true class=${`${c} ${n.transformed}`}>${g}</span>`]:[],x`<div class=${f(n.handle)}></div>`,h&&x`<div class=${f(n.handleExtension)}></div>`||""];return i==="below"&&p.reverse(),q(e,x`<div .ariaLabel=${k} aria-orientation=horizontal .ariaValueMax=${this.max} .ariaValueMin=${this.min} .ariaValueNow=${V} class=${f({[n.thumb]:!0,[n.thumbValue]:!r,[n.thumbActive]:this.lastDragProp!=="minMaxValue"&&this.dragProp===d,[n.thumbPrecise]:h,[n.thumbMinValue]:r})} data-value-prop=${d??C} @blur=${this.onThumbBlur} @focus=${this.onThumbFocus} @pointerdown=${this.onThumbPointerDown} role=slider style=${M(v)} tabindex=0 ${T(this.setThumbEl)}>${p}</div>`)}renderGraph(){return this.histogram?x`<calcite-graph class=${f(n.graph)} .colorStops=${this.histogramStops} .data=${this.histogram} .highlightMax=${b(this.value)?this.maxValue:this.value} .highlightMin=${b(this.value)?this.minValue:this.min} .max=${this.max} .min=${this.min}></calcite-graph>`:null}renderTickLabel(e){let{hasHistogram:t,labelHandles:i,labelTicks:a,max:s,min:l,precise:o,value:h}=this,r=b(h),u=e===l,m=e===s,d=u||m;return a&&(!t&&(d||!o||!r)||t&&(d||!o&&!i))?x`<span class=${f({[n.tickLabel]:!0,[n.tickMin]:u,[n.tickMax]:m})}>${this.internalLabelFormatter(e,"tick")}</span>`:null}};A("calcite-slider",D);export{D as Slider};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as m}from"./
|
|
2
|
+
import{a as m}from"./X3YZSEPT.js";import{a as p}from"./WBJ7RLL6.js";import{a as g,b as t}from"./M557VX5K.js";import{a as d}from"./VI7SBYXT.js";import{a as u}from"./SJ4FIFAO.js";import{a as h}from"./TQUJDXGU.js";import"./ZWPNZ5XW.js";import"./73JG44IZ.js";import"./DQL4WAMP.js";import"./SURH5QLY.js";import{G as n,H as r,L as o,T as c,g as i,h as s,p as l}from"./HG6LXKZD.js";var f={itemWrapper:"item-wrapper"},v={validationMessage:"radioButtonGroupValidationMessage"},x=i`:host{display:flex;flex-direction:column}:host>.item-wrapper{display:flex;max-inline-size:100vw}:host([layout=horizontal])>.item-wrapper{flex-direction:row;flex-wrap:wrap}:host([layout=horizontal][scale=s])>.item-wrapper{column-gap:var(--calcite-radio-button-group-gap, var(--calcite-spacing-lg))}:host([layout=horizontal][scale=m])>.item-wrapper{column-gap:var(--calcite-radio-button-group-gap, var(--calcite-spacing-xl))}:host([layout=horizontal][scale=l])>.item-wrapper{column-gap:var(--calcite-radio-button-group-gap, var(--calcite-spacing-xxl))}:host([layout=vertical])>.item-wrapper{flex-direction:column;inline-size:fit-content}:host([scale=s]) calcite-input-message{--calcite-input-message-spacing: var( --calcite-radio-button-input-message-spacing, calc(var(--calcite-spacing-xxs) * -1) )}:host([scale=m]) calcite-input-message{--calcite-input-message-spacing: var( --calcite-radio-button-input-message-spacing, calc(var(--calcite-spacing-sm) * -1) )}:host([scale=l]) calcite-input-message{--calcite-input-message-spacing: var( --calcite-radio-button-input-message-spacing, calc(var(--calcite-spacing-md) * -1) )}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`,a=class extends n{constructor(){super(),this.messages=u(),this.mutationObserver=d("mutation",()=>this.passPropsToRadioButtons()),this.focusSetter=h()(this),this.radioButtons=[],this.disabled=!1,this.layout="horizontal",this.required=!1,this.scale="m",this.selectedItem=null,this.status="idle",this.calciteRadioButtonGroupChange=l({cancelable:!1}),this.listen("calciteRadioButtonChange",this.radioButtonChangeHandler),this.listen("calciteInvalid",this.handleInvalidFormEvent),this.listen("luminaFormResetCallback",()=>{this.status==="invalid"&&t(this)})}static{this.properties={radioButtons:[16,{},{state:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],labelText:1,layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],name:[3,{},{reflect:!0}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selectedItem:[0,{},{attribute:!1}],status:[3,{},{reflect:!0}],validationIcon:[3,{converter:o},{reflect:!0}],validationMessage:1}}static{this.styles=x}async setFocus(e){return this.focusSetter(()=>this.selectedItem&&!this.selectedItem.disabled?this.selectedItem:this.getFocusableRadioButton(),e)}connectedCallback(){super.connectedCallback(),this.passPropsToRadioButtons(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}willUpdate(e){(e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)||e.has("layout")&&(this.hasUpdated||this.layout!=="horizontal")||e.has("scale")&&(this.hasUpdated||this.scale!=="m")||e.has("status")&&this.hasUpdated)&&this.passPropsToRadioButtons()}loaded(){this.passPropsToRadioButtons()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}handleInvalidFormEvent(e){let b=this.validationMessage||e.target.validationMessage||"";g(this,{message:b,icon:!0,status:"invalid"})}passPropsToRadioButtons(){this.radioButtons=Array.from(this.el.querySelectorAll("calcite-radio-button")),this.selectedItem=Array.from(this.radioButtons).reverse().find(e=>e.checked)??null,this.radioButtons.length>0&&this.radioButtons.forEach(e=>{this.hasUpdated&&(e.disabled=this.disabled||e.disabled),e.name=this.name,e.required=this.required,e.scale=this.scale,e.status=this.status})}getFocusableRadioButton(){return this.radioButtons.find(e=>!e.disabled)}radioButtonChangeHandler(e){this.selectedItem=e.target,this.required&&this.selectedItem&&this.status==="invalid"&&t(this),this.calciteRadioButtonGroupChange.emit()}render(){return this.el.role="radiogroup",s`${this.labelText&&p({labelText:this.labelText,required:this.required,tooltipText:this.messages.required})||""}<div aria-errormessage=${v.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaRequired=${this.required} class=${r(f.itemWrapper)}><slot></slot></div>${this.validationMessage&&this.status==="invalid"?m({icon:this.validationIcon,id:v.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`}};c("calcite-radio-button-group",a);export{a as RadioButtonGroup};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as p}from"./T6CCMW7H.js";import{g as h}from"./
|
|
2
|
+
import{a as p}from"./T6CCMW7H.js";import{g as h}from"./SURH5QLY.js";import{G as d,H as i,K as c,T as b,g as o,h as r}from"./HG6LXKZD.js";var s={container:"container",content:"content",scale:t=>`scale-${t}`},m={tabTitleId:t=>`calcite-tab-title-${t}`},f=o`:host{display:none}:host,.container,.content{block-size:100%;inline-size:100%}:host([selected]),:host([selected]) .container{display:flex;flex-direction:column}.content{box-sizing:border-box;padding-block:var(--calcite-tab-content-space-y, var(--calcite-tab-content-block-padding, var(--calcite-internal-tab-content-space-y)))}.scale-s{--calcite-internal-tab-content-space-y: .25rem;font-size:var(--calcite-font-size-sm);line-height:1rem}.scale-m{--calcite-internal-tab-content-space-y: .5rem;font-size:var(--calcite-font-size);line-height:1rem}.scale-l{--calcite-internal-tab-content-space-y: var(--calcite-space-sm-plus);font-size:var(--calcite-font-size-md);line-height:1.25rem}.container{display:none;block-size:100%;inline-size:100%;overflow:auto;outline-color:transparent}.container:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([hidden]){display:none}[hidden]{display:none}`,l=class extends d{constructor(){super(),this.guid=m.tabTitleId(p()),this.parentTabsEl=null,this.scale="m",this.selected=!1,this.listenOn(document.body,"calciteInternalTabChange",this.internalTabChangeHandler)}static{this.properties={labeledBy:[16,{},{state:!0}],scale:1,selected:[7,{},{reflect:!0,type:Boolean}],tab:[3,{},{reflect:!0}]}}static{this.styles=f}async getTabIndex(){return Array.prototype.indexOf.call(h(this.el.parentElement.children).filter(e=>e.matches("calcite-tab")),this.el)}_updateAriaInfo(e=[],n=[]){this.labeledBy=n[e.indexOf(this.el.id)]||void 0}connectedCallback(){super.connectedCallback(),this.parentTabsEl=this.el.closest("calcite-tabs")}disconnectedCallback(){super.disconnectedCallback(),document.body?.dispatchEvent(new CustomEvent("calciteTabUnregister",{detail:this.el}))}internalTabChangeHandler(e){e.composedPath().find(a=>a.tagName==="CALCITE-TABS")===this.parentTabsEl&&(this.tab?this.selected=this.tab===e.detail.tab:this.getTabIndex().then(a=>{this.selected=a===e.detail.tab}),e.stopPropagation())}render(){let e=this.el.id||this.guid;return c(this.el,"aria-labelledby",this.labeledBy),c(this.el,"id",e),r`<div class=${i({[s.container]:!0,[s.scale(this.scale)]:!0})} role=tabpanel .tabIndex=${this.selected?0:-1}><section class=${i(s.content)}><slot></slot></section></div>`}};b("calcite-tab",l);export{l as Tab};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as I}from"./POEQDEXO.js";import{a as y}from"./EMIPLONI.js";import{c as z}from"./JQLYTGGH.js";import{a as C}from"./DKJI4BME.js";import{a as N}from"./ZPBVYQVM.js";import{a as E}from"./PGHMX4LL.js";import{a as b}from"./VI7SBYXT.js";import{a as w}from"./463GXUXN.js";import{a as x}from"./PAGH37BG.js";import{a as g}from"./ZWPNZ5XW.js";import"./PRL7YAET.js";import"./FH3C3IT6.js";import"./HX7QLMLT.js";import{E as v,F as u,G as p,H as l,L as m,T as f,g as d,h as r,p as h}from"./K6B2WDPT.js";var k=d`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column;font-size:var(--calcite-select-font-size);font-weight:var(--calcite-internal-select-font-weight, var(--calcite-font-weight-regular))}.wrapper{position:relative;display:flex;align-items:stretch;inline-size:var(--select-width);block-size:var(--calcite-internal-select-block-size, 32px)}.wrapper:focus-within .icon,.wrapper:active .icon,.wrapper:hover .icon{color:var(--calcite-select-icon-color-hover, var(--calcite-color-text-1))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-internal-select-font-size: var(--calcite-font-size-relative-sm);--calcite-internal-select-spacing-inline: var(--calcite-space-sm) var(--calcite-space-2xl);--calcite-internal-select-icon-container-padding-inline: var(--calcite-space-2xs);--calcite-internal-select-block-size: 24px}:host([scale=m]){--calcite-internal-select-font-size: var(--calcite-font-size-relative-base);--calcite-internal-select-spacing-inline: var(--calcite-space-md) var(--calcite-space-3xl);--calcite-internal-select-icon-container-padding-inline: var(--calcite-space-sm)}:host([scale=l]){--calcite-internal-select-font-size: var(--calcite-font-size-relative-md);--calcite-internal-select-spacing-inline: var(--calcite-space-lg) var(--calcite-space-4xl);--calcite-internal-select-icon-container-padding-inline: var(--calcite-space-sm-plus);--calcite-internal-select-block-size: 44px}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}.select{margin:0;box-sizing:border-box;inline-size:100%;cursor:pointer;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-style:solid;font-family:inherit;outline-color:transparent;font-weight:inherit;font-size:var(--calcite-select-font-size, var(--calcite-internal-select-font-size));color:var(--calcite-select-text-color, var(--calcite-color-text-2));border-color:var(--calcite-select-border-color, var(--calcite-color-border-input));border-width:var(--calcite-select-internal-border-width, var(--calcite-border-width-sm));padding-inline:var(--calcite-internal-select-spacing-inline);padding-block:var(--calcite-internal-select-spacing-block);border-inline-end-width:0;line-height:var(--calcite-internal-select-line-height, normal);background-color:var(--calcite-select-background-color, var(--calcite-color-foreground-1));border-radius:var(--calcite-select-corner-radius, var(--calcite-corner-radius));box-shadow:var(--calcite-select-shadow, var(--calcite-shadow-none))}.select:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}select:disabled{border-color:var(--calcite-color-border-input);--tw-bg-opacity: 1}.icon-container{pointer-events:none;position:absolute;inset-block:0px;display:flex;align-items:center;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:transparent;color:var(--calcite-color-text-2);inset-inline-end:0px;border-start-start-radius:var(--calcite-select-corner-radius, var(--calcite-corner-radius));border-start-end-radius:var(--calcite-select-corner-radius, var(--calcite-corner-radius));border-end-start-radius:var(--calcite-select-corner-radius, var(--calcite-corner-radius));border-end-end-radius:var(--calcite-select-corner-radius, var(--calcite-corner-radius));border-color:var(--calcite-select-border-color, var(--calcite-color-border-input));border-inline-width:0 var(--calcite-select-internal-icon-border-inline-end-width, var(--calcite-border-width-sm));padding-inline:var(--calcite-internal-select-icon-container-padding-inline)}.icon-container .icon{color:var(--calcite-select-icon-color, var(--calcite-color-text-3))}:host([status=invalid]) select,:host([status=invalid]) .icon-container{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) select:focus,:host([status=invalid]) .icon-container:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.select:focus~.icon-container{border-color:transparent}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`,n={icon:"icon",iconContainer:"icon-container",select:"select",wrapper:"wrapper"},T={validationMessage:"selectValidationMessage"};function s(c){return c.tagName==="CALCITE-OPTION"}function O(c){return c.tagName==="CALCITE-OPTION-GROUP"}var o=class extends p{constructor(){super(),this.componentToNativeEl=new Map,this.formSupport=z({inputType:"text"})(this),this.mutationObserver=b("mutation",()=>this.populateInternalSelect()),this.selectRef=v(),this.messages=w(),this.focusSetter=x()(this),this.interactiveContainer=E(this),this.labelable=N(this),this.disabled=!1,this.required=!1,this.scale="m",this.status="idle",this.value=null,this.width="auto",this.calciteSelectChange=h({cancelable:!1}),this.listen("calciteInternalOptionChange",this.handleOptionOrGroupChange),this.listen("calciteInternalOptionGroupChange",this.handleOptionOrGroupChange)}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],label:1,labelText:1,name:[3,{},{reflect:!0}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selectedOption:[0,{},{attribute:!1}],status:[3,{},{reflect:!0}],validationIcon:[3,{converter:m},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1,width:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}]}}static{this.formAssociated=!0}static{this.styles=k}async setFocus(e){return this.focusSetter(()=>this.selectRef.value,e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{subtree:!0,childList:!0})}willUpdate(e){e.has("value")&&(this.hasUpdated||this.value!==null)&&this.updateItemsFromValue(this.value),e.has("selectedOption")&&(this.value=this.selectedOption?.value)}loaded(){typeof this.value=="string"&&this.updateItemsFromValue(this.value),this.populateInternalSelect();let e=this.selectRef.value?.selectedOptions[0];this.selectFromNativeOption(e),this.formSupport.overrideDefaultValue(this.selectedOption?.value??"")}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}handleInternalSelectChange(){let e=this.selectRef.value.selectedOptions[0];this.selectFromNativeOption(e),requestAnimationFrame(()=>this.emitChangeEvent())}handleOptionOrGroupChange(e){e.stopPropagation();let t=e.target,i=this.componentToNativeEl.get(t);i&&(this.updateNativeElement(t,i),s(t)&&t.selected&&(this.deselectAllExcept(t),this.selectedOption=t))}onLabelClick(){this.setFocus()}updateItemsFromValue(e){this.el.querySelectorAll("calcite-option").forEach(t=>t.selected=t.value===e)}updateNativeElement(e,t){if(t.disabled=e.disabled,t.label=e.label,s(e)){let i=t;i.selected=e.selected,i.value=e.value,i.innerText=e.label}}populateInternalSelect(){let e=Array.from(this.el.children).filter(t=>t.tagName==="CALCITE-OPTION"||t.tagName==="CALCITE-OPTION-GROUP");this.clearInternalSelect(),e.forEach(t=>this.selectRef.value?.append(this.toNativeElement(t)))}clearInternalSelect(){this.componentToNativeEl.forEach(e=>e.remove()),this.componentToNativeEl.clear()}selectFromNativeOption(e){if(!e)return;let t;this.componentToNativeEl.forEach((i,a)=>{s(a)&&i===e&&(a.selected=!0,t=a,this.deselectAllExcept(a))}),t&&(this.selectedOption=t)}toNativeElement(e){if(s(e)){let t=document.createElement("option");return this.updateNativeElement(e,t),this.componentToNativeEl.set(e,t),t}if(O(e)){let t=document.createElement("optgroup");return this.updateNativeElement(e,t),Array.from(e.children).forEach(i=>{let a=this.toNativeElement(i);t.append(a),this.componentToNativeEl.set(e,a)}),this.componentToNativeEl.set(e,t),t}throw new Error("unsupported element child provided")}deselectAllExcept(e){this.el.querySelectorAll("calcite-option").forEach(t=>{t!==e&&(t.selected=!1)})}emitChangeEvent(){this.calciteSelectChange.emit()}renderChevron(){return r`<div class=${l(n.iconContainer)}><calcite-icon class=${l(n.icon)} icon=chevron-down .scale=${g(this.scale)}></calcite-icon></div>`}render(){let{disabled:e}=this;return this.interactiveContainer({disabled:e,children:r`${this.labelText&&y({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${l(n.wrapper)}><select aria-errormessage=${T.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${C(this)} class=${l(n.select)} .disabled=${e} @change=${this.handleInternalSelectChange} .required=${this.required} ${u(this.selectRef)}><slot></slot></select>${this.renderChevron()}</div>${this.validationMessage&&this.status==="invalid"?I({icon:this.validationIcon,id:T.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};f("calcite-select",o);export{o as Select};
|
|
2
|
+
import{a as I}from"./X3YZSEPT.js";import{a as y}from"./WBJ7RLL6.js";import{c as z}from"./M557VX5K.js";import{a as C}from"./DKJI4BME.js";import{a as N}from"./IAA4XA47.js";import{a as E}from"./3J4B6M7R.js";import{a as b}from"./VI7SBYXT.js";import{a as w}from"./SJ4FIFAO.js";import{a as x}from"./TQUJDXGU.js";import{a as g}from"./ZWPNZ5XW.js";import"./73JG44IZ.js";import"./DQL4WAMP.js";import"./SURH5QLY.js";import{E as v,F as u,G as p,H as l,L as m,T as f,g as d,h as r,p as h}from"./HG6LXKZD.js";var k=d`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column;font-size:var(--calcite-select-font-size);font-weight:var(--calcite-internal-select-font-weight, var(--calcite-font-weight-regular))}.wrapper{position:relative;display:flex;align-items:stretch;inline-size:var(--select-width);block-size:var(--calcite-internal-select-block-size, 32px)}.wrapper:focus-within .icon,.wrapper:active .icon,.wrapper:hover .icon{color:var(--calcite-select-icon-color-hover, var(--calcite-color-text-1))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-internal-select-font-size: var(--calcite-font-size-relative-sm);--calcite-internal-select-spacing-inline: var(--calcite-space-sm) var(--calcite-space-2xl);--calcite-internal-select-icon-container-padding-inline: var(--calcite-space-2xs);--calcite-internal-select-block-size: 24px}:host([scale=m]){--calcite-internal-select-font-size: var(--calcite-font-size-relative-base);--calcite-internal-select-spacing-inline: var(--calcite-space-md) var(--calcite-space-3xl);--calcite-internal-select-icon-container-padding-inline: var(--calcite-space-sm)}:host([scale=l]){--calcite-internal-select-font-size: var(--calcite-font-size-relative-md);--calcite-internal-select-spacing-inline: var(--calcite-space-lg) var(--calcite-space-4xl);--calcite-internal-select-icon-container-padding-inline: var(--calcite-space-sm-plus);--calcite-internal-select-block-size: 44px}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}.select{margin:0;box-sizing:border-box;inline-size:100%;cursor:pointer;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-style:solid;font-family:inherit;outline-color:transparent;font-weight:inherit;font-size:var(--calcite-select-font-size, var(--calcite-internal-select-font-size));color:var(--calcite-select-text-color, var(--calcite-color-text-2));border-color:var(--calcite-select-border-color, var(--calcite-color-border-input));border-width:var(--calcite-select-internal-border-width, var(--calcite-border-width-sm));padding-inline:var(--calcite-internal-select-spacing-inline);padding-block:var(--calcite-internal-select-spacing-block);border-inline-end-width:0;line-height:var(--calcite-internal-select-line-height, normal);background-color:var(--calcite-select-background-color, var(--calcite-color-foreground-1));border-radius:var(--calcite-select-corner-radius, var(--calcite-corner-radius));box-shadow:var(--calcite-select-shadow, var(--calcite-shadow-none))}.select:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}select:disabled{border-color:var(--calcite-color-border-input);--tw-bg-opacity: 1}.icon-container{pointer-events:none;position:absolute;inset-block:0px;display:flex;align-items:center;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:transparent;color:var(--calcite-color-text-2);inset-inline-end:0px;border-start-start-radius:var(--calcite-select-corner-radius, var(--calcite-corner-radius));border-start-end-radius:var(--calcite-select-corner-radius, var(--calcite-corner-radius));border-end-start-radius:var(--calcite-select-corner-radius, var(--calcite-corner-radius));border-end-end-radius:var(--calcite-select-corner-radius, var(--calcite-corner-radius));border-color:var(--calcite-select-border-color, var(--calcite-color-border-input));border-inline-width:0 var(--calcite-select-internal-icon-border-inline-end-width, var(--calcite-border-width-sm));padding-inline:var(--calcite-internal-select-icon-container-padding-inline)}.icon-container .icon{color:var(--calcite-select-icon-color, var(--calcite-color-text-3))}:host([status=invalid]) select,:host([status=invalid]) .icon-container{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) select:focus,:host([status=invalid]) .icon-container:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.select:focus~.icon-container{border-color:transparent}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`,n={icon:"icon",iconContainer:"icon-container",select:"select",wrapper:"wrapper"},T={validationMessage:"selectValidationMessage"};function s(c){return c.tagName==="CALCITE-OPTION"}function O(c){return c.tagName==="CALCITE-OPTION-GROUP"}var o=class extends p{constructor(){super(),this.componentToNativeEl=new Map,this.formSupport=z({inputType:"text"})(this),this.mutationObserver=b("mutation",()=>this.populateInternalSelect()),this.selectRef=v(),this.messages=w(),this.focusSetter=x()(this),this.interactiveContainer=E(this),this.labelable=N(this),this.disabled=!1,this.required=!1,this.scale="m",this.status="idle",this.value=null,this.width="auto",this.calciteSelectChange=h({cancelable:!1}),this.listen("calciteInternalOptionChange",this.handleOptionOrGroupChange),this.listen("calciteInternalOptionGroupChange",this.handleOptionOrGroupChange)}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],label:1,labelText:1,name:[3,{},{reflect:!0}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selectedOption:[0,{},{attribute:!1}],status:[3,{},{reflect:!0}],validationIcon:[3,{converter:m},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1,width:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}]}}static{this.formAssociated=!0}static{this.styles=k}async setFocus(e){return this.focusSetter(()=>this.selectRef.value,e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{subtree:!0,childList:!0})}willUpdate(e){e.has("value")&&(this.hasUpdated||this.value!==null)&&this.updateItemsFromValue(this.value),e.has("selectedOption")&&(this.value=this.selectedOption?.value)}loaded(){typeof this.value=="string"&&this.updateItemsFromValue(this.value),this.populateInternalSelect();let e=this.selectRef.value?.selectedOptions[0];this.selectFromNativeOption(e),this.formSupport.overrideDefaultValue(this.selectedOption?.value??"")}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}handleInternalSelectChange(){let e=this.selectRef.value.selectedOptions[0];this.selectFromNativeOption(e),requestAnimationFrame(()=>this.emitChangeEvent())}handleOptionOrGroupChange(e){e.stopPropagation();let t=e.target,i=this.componentToNativeEl.get(t);i&&(this.updateNativeElement(t,i),s(t)&&t.selected&&(this.deselectAllExcept(t),this.selectedOption=t))}onLabelClick(){this.setFocus()}updateItemsFromValue(e){this.el.querySelectorAll("calcite-option").forEach(t=>t.selected=t.value===e)}updateNativeElement(e,t){if(t.disabled=e.disabled,t.label=e.label,s(e)){let i=t;i.selected=e.selected,i.value=e.value,i.innerText=e.label}}populateInternalSelect(){let e=Array.from(this.el.children).filter(t=>t.tagName==="CALCITE-OPTION"||t.tagName==="CALCITE-OPTION-GROUP");this.clearInternalSelect(),e.forEach(t=>this.selectRef.value?.append(this.toNativeElement(t)))}clearInternalSelect(){this.componentToNativeEl.forEach(e=>e.remove()),this.componentToNativeEl.clear()}selectFromNativeOption(e){if(!e)return;let t;this.componentToNativeEl.forEach((i,a)=>{s(a)&&i===e&&(a.selected=!0,t=a,this.deselectAllExcept(a))}),t&&(this.selectedOption=t)}toNativeElement(e){if(s(e)){let t=document.createElement("option");return this.updateNativeElement(e,t),this.componentToNativeEl.set(e,t),t}if(O(e)){let t=document.createElement("optgroup");return this.updateNativeElement(e,t),Array.from(e.children).forEach(i=>{let a=this.toNativeElement(i);t.append(a),this.componentToNativeEl.set(e,a)}),this.componentToNativeEl.set(e,t),t}throw new Error("unsupported element child provided")}deselectAllExcept(e){this.el.querySelectorAll("calcite-option").forEach(t=>{t!==e&&(t.selected=!1)})}emitChangeEvent(){this.calciteSelectChange.emit()}renderChevron(){return r`<div class=${l(n.iconContainer)}><calcite-icon class=${l(n.icon)} icon=chevron-down .scale=${g(this.scale)}></calcite-icon></div>`}render(){let{disabled:e}=this;return this.interactiveContainer({disabled:e,children:r`${this.labelText&&y({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${l(n.wrapper)}><select aria-errormessage=${T.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${C(this)} class=${l(n.select)} .disabled=${e} @change=${this.handleInternalSelectChange} .required=${this.required} ${u(this.selectRef)}><slot></slot></select>${this.renderChevron()}</div>${this.validationMessage&&this.status==="invalid"?I({icon:this.validationIcon,id:T.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};f("calcite-select",o);export{o as Select};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as i}from"./YHAPORQA.js";import{H as b,x as c,y as d}from"./HX7QLMLT.js";import{E as m,F as f,G as $,H as h,T as w,g as v,h as n}from"./K6B2WDPT.js";var B=v`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{position:absolute;inset:0;display:flex;block-size:100%;inline-size:100%;flex-direction:column;overflow:hidden;border-radius:var(--calcite-shell-corner-radius);box-shadow:var(--calcite-shell-shadow)}.main{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;flex-direction:row;justify-content:space-between;overflow:hidden}.content{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;overflow:auto;justify-content:space-between}.content ::slotted(calcite-panel),.content ::slotted(calcite-flow){flex:1 1 auto;align-self:stretch;max-block-size:unset}.content--behind{position:absolute;inset:0;border-width:0px;z-index:calc(var(--calcite-z-index) - 1);display:initial}.content--non-interactive{pointer-events:none;display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap}::slotted(calcite-shell-panel){inline-size:unset}::slotted(.header .heading){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);font-weight:var(--calcite-font-weight-normal)}slot[name=panel-start]::slotted(calcite-shell-panel),slot[name=panel-end]::slotted(calcite-shell-panel){position:relative;z-index:calc(var(--calcite-z-index) + 1)}slot[name=panel-end]::slotted(calcite-shell-panel){margin-inline-start:auto}::slotted(calcite-panel),::slotted(calcite-flow){border-width:var(--calcite-border-width-sm);border-color:var(--calcite-shell-border-color, var(--calcite-color-border-3));border-inline-start-width:var(--calcite-border-width-none);border-inline-end-width:var(--calcite-border-width-none);border-style:solid}slot[name=panel-top]::slotted(calcite-shell-panel:not([display-mode^=float])),slot[name=panel-bottom]::slotted(calcite-shell-panel:not([display-mode^=float])){border-color:var(--calcite-shell-border-color, var(--calcite-color-border-3));border-inline-start-width:var(--calcite-border-width-sm);border-inline-end-width:var(--calcite-border-width-sm)}.center-content{display:flex;flex-direction:column;justify-content:space-between;block-size:100%;inline-size:100%;min-inline-size:0}.content-bottom{justify-content:flex-end}::slotted(calcite-shell-panel){flex:none;align-self:stretch}::slotted(calcite-tip-manager){position:absolute;z-index:var(--calcite-z-index-toast);box-sizing:border-box}@keyframes in-up{0%{opacity:0;transform:translate3D(0,5px,0)}to{opacity:1;transform:translateZ(0)}}::slotted(calcite-tip-manager){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:.25rem;--tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);inset-block-end:.5rem;inset-inline:var(--calcite-shell-tip-spacing, 26vw)}slot[name=panel-bottom]::slotted(calcite-shell-panel){margin-block-start:auto}slot[name=panel-top]::slotted(calcite-shell-panel){margin-block-end:auto}.position-wrapper{position:absolute;pointer-events:none;inset:0}.main.has-resizable-panel-top ::slotted(calcite-panel){border-block-start:none}.main.has-resizable-panel-bottom ::slotted(calcite-panel){border-block-end:none}.main.has-action-bar-position-panel ::slotted(calcite-panel){border:0}:host([hidden]){display:none}[hidden]{display:none}`,o={main:"main",content:"content",contentBehind:"content--behind",contentBottom:"content-bottom",contentNonInteractive:"content--non-interactive",hasActionBarPositionPanel:"has-action-bar-position-panel",hasResizablePanelBottom:"has-resizable-panel-bottom",hasResizablePanelTop:"has-resizable-panel-top",footer:"footer",positionedSlotWrapper:"positioned-slot-wrapper",contentBehindCenterContent:"center-content"},r={panelStart:"panel-start",panelEnd:"panel-end",panelTop:"panel-top",panelBottom:"panel-bottom",header:"header",footer:"footer",alerts:"alerts",sheets:"sheets",dialogs:"dialogs"},g=["panel-start","panel-end","panel-top","panel-bottom"],u=class extends ${constructor(){super(),this.defaultSlotRef=m(),this.panelBottomSlotRef=m(),this.panelEndSlotRef=m(),this.panelStartSlotRef=m(),this.panelTopSlotRef=m(),this.panelSlotState={"panel-start":{elements:[],resizable:!1},"panel-end":{elements:[],resizable:!1},"panel-top":{elements:[],resizable:!1},"panel-bottom":{elements:[],resizable:!1}},this.hasAlerts=!1,this.hasDialogs=!1,this.hasFooter=!1,this.hasHeader=!1,this.hasActionBarPositionPanel=!1,this.hasOnlyPanelBottom=!1,this.hasPanelBottom=!1,this.hasPanelTop=!1,this.hasResizablePanelBottom=!1,this.hasResizablePanelTop=!1,this.hasSheets=!1,this.panelIsResizing=!1,this.contentBehind=!1,this.listen("calciteInternalShellPanelResizeStart",this.handleCalciteInternalShellPanelResizeStart),this.listen("calciteInternalShellPanelResizeEnd",this.handleCalciteInternalShellPanelResizeEnd),this.listen("calciteInternalShellPanelResizableChange",this.handleCalciteInternalShellPanelResizableChange),this.listen("calciteInternalShellPanelActionBarPositionChange",this.handleCalciteInternalShellPanelActionBarPositionChange)}static{this.properties={hasAlerts:[16,{},{state:!0}],hasDialogs:[16,{},{state:!0}],hasFooter:[16,{},{state:!0}],hasHeader:[16,{},{state:!0}],hasActionBarPositionPanel:[16,{},{state:!0}],hasOnlyPanelBottom:[16,{},{state:!0}],hasPanelBottom:[16,{},{state:!0}],hasPanelTop:[16,{},{state:!0}],hasResizablePanelBottom:[16,{},{state:!0}],hasResizablePanelTop:[16,{},{state:!0}],hasSheets:[16,{},{state:!0}],panelIsResizing:[16,{},{state:!0}],contentBehind:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=B}willUpdate(t){(t.has("hasPanelTop")&&(this.hasUpdated||this.hasPanelTop!==!1)||t.has("hasPanelBottom")&&(this.hasUpdated||this.hasPanelBottom!==!1))&&(this.hasOnlyPanelBottom=!this.hasPanelTop&&this.hasPanelBottom)}handleCalciteInternalShellPanelResizableChange(t){let e=t.composedPath().find(a=>a?.matches?.("calcite-shell-panel"));e?.slot&&g.includes(e.slot)&&this.updateResizableSlotState(e.slot),t.stopPropagation()}handleCalciteInternalShellPanelActionBarPositionChange(t){let e=t.composedPath().find(a=>a?.matches?.("calcite-shell-panel"));e?.slot&&g.includes(e.slot)&&this.updateResizableSlotState(e.slot),t.stopPropagation()}handleCalciteInternalShellPanelResizeStart(t){this.panelIsResizing=!0,t.stopPropagation()}handleCalciteInternalShellPanelResizeEnd(t){this.panelIsResizing=!1,t.stopPropagation()}handleHeaderSlotChange(t){this.hasHeader=!!c(t)}handleFooterSlotChange(t){this.hasFooter=!!c(t)}handleAlertsSlotChange(t){this.hasAlerts=!!c(t),d(t).filter(e=>e?.matches("calcite-alert")).forEach(e=>{e.embedded=!0})}handleSheetsSlotChange(t){this.hasSheets=!!c(t),d(t).filter(e=>e?.matches("calcite-sheet")).forEach(e=>{e.embedded=!0})}configurePanels(t,e,a){t.forEach(l=>{let s=l;l.layout=e,l.position=a,s.shellSizingDataProvider=p=>this.getShellPanelSizingData(l,p)})}getDefaultSlotMinSize(t){return this.defaultSlotRef.value?.assignedElements({flatten:!0}).reduce((e,a)=>{let l=window.getComputedStyle(a);return t==="inline"?e+b(l.borderInlineStartWidth)+b(l.borderInlineEndWidth):e+b(l.borderBlockStartWidth)+b(l.borderBlockEndWidth)},0)??0}getDefaultSlotBounds(){let t=this.defaultSlotRef.value?.assignedElements({flatten:!0})??[];return t.length?t.reduce((e,a)=>{let l=a.getBoundingClientRect();return e?{bottom:Math.max(e.bottom,l.bottom),left:Math.min(e.left,l.left),right:Math.max(e.right,l.right),top:Math.min(e.top,l.top)}:{bottom:l.bottom,left:l.left,right:l.right,top:l.top}},null):null}getShellPanelSizingData(t,e){let a=t.assignedSlot?.parentElement;if(!a)return null;let l=a.getBoundingClientRect(),s=this.getDefaultSlotBounds();if(!s)return{availableSize:e==="inline"?l.width:l.height};let p=this.getDefaultSlotMinSize(e),z=window.getComputedStyle(this).direction==="rtl",S;if(e==="inline"){let P=t.position==="start";S=z?P?l.right-s.left:s.right-l.left:P?s.right-l.left:l.right-s.left}else S=t.position==="start"?s.bottom-l.top:l.bottom-s.top;return{availableSize:Math.max(Math.floor(S)-Math.ceil(p),0)}}handlePanelTopChange(t){let e=d(t).filter(a=>a?.matches("calcite-shell-panel"));this.hasPanelTop=c(t),this.configurePanels(e,"horizontal","start"),e.forEach(a=>{a.layout="horizontal",a.position="start"}),this.updateResizableSlotState("panel-top",e)}handlePanelBottomChange(t){let e=d(t).filter(a=>a?.matches("calcite-shell-panel"));this.hasPanelBottom=c(t),this.configurePanels(e,"horizontal","end"),e.forEach(a=>{a.layout="horizontal",a.position="end"}),this.updateResizableSlotState("panel-bottom",e)}handlePanelStartChange(t){let e=d(t).filter(a=>a?.matches("calcite-shell-panel"));this.configurePanels(e,"vertical","start"),e.forEach(a=>{a.layout="vertical",a.position="start"}),this.updateResizableSlotState("panel-start",e)}handlePanelEndChange(t){let e=d(t).filter(a=>a?.matches("calcite-shell-panel"));this.configurePanels(e,"vertical","end"),e.forEach(a=>{a.layout="vertical",a.position="end"}),this.updateResizableSlotState("panel-end",e)}handleDialogsSlotChange(t){this.hasDialogs=!!c(t),d(t).filter(e=>e?.matches("calcite-dialog")).forEach(e=>{e.embedded=!0})}updateResizableSlotState(t,e=this.panelSlotState[t].elements){this.panelSlotState[t]={elements:e,resizable:e.some(a=>a.resizable)},this.syncResizableState(),this.syncActionBarPositionPanelState()}syncActionBarPositionPanelState(){this.hasActionBarPositionPanel=g.some(t=>this.panelSlotState[t].elements.some(e=>!!e.actionBarPosition))}syncResizableState(){this.hasResizablePanelBottom=this.panelSlotState["panel-bottom"].resizable,this.hasResizablePanelTop=this.panelSlotState["panel-top"].resizable}renderHeader(){return n`<div .hidden=${!this.hasHeader}>${i("header",n`<slot name=${r.header} @slotchange=${this.handleHeaderSlotChange}></slot>`)}</div>`}renderFooter(){return i("footer",n`<div class=${h(o.footer)} .hidden=${!this.hasFooter}><slot name=${r.footer} @slotchange=${this.handleFooterSlotChange}></slot></div>`)}renderAlerts(){return n`<div .hidden=${!this.hasAlerts}>${i("alerts",n`<slot name=${r.alerts} @slotchange=${this.handleAlertsSlotChange}></slot>`)}</div>`}renderSheets(){return n`<div .hidden=${!this.hasSheets}>${i("sheets",n`<slot name=${r.sheets} @slotchange=${this.handleSheetsSlotChange}></slot>`)}</div>`}renderDialogs(){return n`<div .hidden=${!this.hasDialogs}>${i("dialogs",n`<slot name=${r.dialogs} @slotchange=${this.handleDialogsSlotChange}></slot>`)}</div>`}renderContent(){let{panelIsResizing:t}=this,e=i("default-slot",n`<slot ${f(this.defaultSlotRef)}></slot>`),a=t?n`<div class=${h(o.contentNonInteractive)}>${e}</div>`:e,l=i("panel-bottom-slot",n`<slot name=${r.panelBottom} @slotchange=${this.handlePanelBottomChange} ${f(this.panelBottomSlotRef)}></slot>`),s=i("panel-top-slot",n`<slot name=${r.panelTop} @slotchange=${this.handlePanelTopChange} ${f(this.panelTopSlotRef)}></slot>`),p="content-container";return this.contentBehind?[i(p,n`<div class=${h({[o.content]:!0,[o.contentBehind]:!0})}>${a}</div>`),n`<div class=${h({[o.contentBehindCenterContent]:!0,[o.contentBottom]:this.hasOnlyPanelBottom})}>${s}${l}</div>`]:[i(p,n`<div class=${h({[o.content]:!0,[o.contentBottom]:this.hasOnlyPanelBottom})}>${s}${a}${l}</div>`)]}renderMain(){return n`<div class=${h({[o.main]:!0,[o.hasActionBarPositionPanel]:this.hasActionBarPositionPanel,[o.hasResizablePanelBottom]:this.hasResizablePanelBottom,[o.hasResizablePanelTop]:this.hasResizablePanelTop})}><slot name=${r.panelStart} @slotchange=${this.handlePanelStartChange} ${f(this.panelStartSlotRef)}></slot>${this.renderContent()}<slot name=${r.panelEnd} @slotchange=${this.handlePanelEndChange} ${f(this.panelEndSlotRef)}></slot></div>`}renderPositionedSlots(){return n`<div class=${h(o.positionedSlotWrapper)}>${this.renderAlerts()}${this.renderDialogs()}${this.renderSheets()}</div>`}render(){return n`${this.renderHeader()}${this.renderMain()}${this.renderFooter()}${this.renderPositionedSlots()}`}};w("calcite-shell",u);export{u as Shell};
|
|
2
|
+
import{a as i}from"./ZT5JVNXH.js";import{H as b,x as c,y as d}from"./SURH5QLY.js";import{E as m,F as f,G as $,H as h,T as w,g as v,h as n}from"./HG6LXKZD.js";var B=v`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{position:absolute;inset:0;display:flex;block-size:100%;inline-size:100%;flex-direction:column;overflow:hidden;border-radius:var(--calcite-shell-corner-radius);box-shadow:var(--calcite-shell-shadow)}.main{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;flex-direction:row;justify-content:space-between;overflow:hidden}.content{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;overflow:auto;justify-content:space-between}.content ::slotted(calcite-panel),.content ::slotted(calcite-flow){flex:1 1 auto;align-self:stretch;max-block-size:unset}.content--behind{position:absolute;inset:0;border-width:0px;z-index:calc(var(--calcite-z-index) - 1);display:initial}.content--non-interactive{pointer-events:none;display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap}::slotted(calcite-shell-panel){inline-size:unset}::slotted(.header .heading){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);font-weight:var(--calcite-font-weight-normal)}slot[name=panel-start]::slotted(calcite-shell-panel),slot[name=panel-end]::slotted(calcite-shell-panel){position:relative;z-index:calc(var(--calcite-z-index) + 1)}slot[name=panel-end]::slotted(calcite-shell-panel){margin-inline-start:auto}::slotted(calcite-panel),::slotted(calcite-flow){border-width:var(--calcite-border-width-sm);border-color:var(--calcite-shell-border-color, var(--calcite-color-border-3));border-inline-start-width:var(--calcite-border-width-none);border-inline-end-width:var(--calcite-border-width-none);border-style:solid}slot[name=panel-top]::slotted(calcite-shell-panel:not([display-mode^=float])),slot[name=panel-bottom]::slotted(calcite-shell-panel:not([display-mode^=float])){border-color:var(--calcite-shell-border-color, var(--calcite-color-border-3));border-inline-start-width:var(--calcite-border-width-sm);border-inline-end-width:var(--calcite-border-width-sm)}.center-content{display:flex;flex-direction:column;justify-content:space-between;block-size:100%;inline-size:100%;min-inline-size:0}.content-bottom{justify-content:flex-end}::slotted(calcite-shell-panel){flex:none;align-self:stretch}::slotted(calcite-tip-manager){position:absolute;z-index:var(--calcite-z-index-toast);box-sizing:border-box}@keyframes in-up{0%{opacity:0;transform:translate3D(0,5px,0)}to{opacity:1;transform:translateZ(0)}}::slotted(calcite-tip-manager){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:.25rem;--tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);inset-block-end:.5rem;inset-inline:var(--calcite-shell-tip-spacing, 26vw)}slot[name=panel-bottom]::slotted(calcite-shell-panel){margin-block-start:auto}slot[name=panel-top]::slotted(calcite-shell-panel){margin-block-end:auto}.position-wrapper{position:absolute;pointer-events:none;inset:0}.main.has-resizable-panel-top ::slotted(calcite-panel){border-block-start:none}.main.has-resizable-panel-bottom ::slotted(calcite-panel){border-block-end:none}.main.has-action-bar-position-panel ::slotted(calcite-panel){border:0}:host([hidden]){display:none}[hidden]{display:none}`,o={main:"main",content:"content",contentBehind:"content--behind",contentBottom:"content-bottom",contentNonInteractive:"content--non-interactive",hasActionBarPositionPanel:"has-action-bar-position-panel",hasResizablePanelBottom:"has-resizable-panel-bottom",hasResizablePanelTop:"has-resizable-panel-top",footer:"footer",positionedSlotWrapper:"positioned-slot-wrapper",contentBehindCenterContent:"center-content"},r={panelStart:"panel-start",panelEnd:"panel-end",panelTop:"panel-top",panelBottom:"panel-bottom",header:"header",footer:"footer",alerts:"alerts",sheets:"sheets",dialogs:"dialogs"},g=["panel-start","panel-end","panel-top","panel-bottom"],u=class extends ${constructor(){super(),this.defaultSlotRef=m(),this.panelBottomSlotRef=m(),this.panelEndSlotRef=m(),this.panelStartSlotRef=m(),this.panelTopSlotRef=m(),this.panelSlotState={"panel-start":{elements:[],resizable:!1},"panel-end":{elements:[],resizable:!1},"panel-top":{elements:[],resizable:!1},"panel-bottom":{elements:[],resizable:!1}},this.hasAlerts=!1,this.hasDialogs=!1,this.hasFooter=!1,this.hasHeader=!1,this.hasActionBarPositionPanel=!1,this.hasOnlyPanelBottom=!1,this.hasPanelBottom=!1,this.hasPanelTop=!1,this.hasResizablePanelBottom=!1,this.hasResizablePanelTop=!1,this.hasSheets=!1,this.panelIsResizing=!1,this.contentBehind=!1,this.listen("calciteInternalShellPanelResizeStart",this.handleCalciteInternalShellPanelResizeStart),this.listen("calciteInternalShellPanelResizeEnd",this.handleCalciteInternalShellPanelResizeEnd),this.listen("calciteInternalShellPanelResizableChange",this.handleCalciteInternalShellPanelResizableChange),this.listen("calciteInternalShellPanelActionBarPositionChange",this.handleCalciteInternalShellPanelActionBarPositionChange)}static{this.properties={hasAlerts:[16,{},{state:!0}],hasDialogs:[16,{},{state:!0}],hasFooter:[16,{},{state:!0}],hasHeader:[16,{},{state:!0}],hasActionBarPositionPanel:[16,{},{state:!0}],hasOnlyPanelBottom:[16,{},{state:!0}],hasPanelBottom:[16,{},{state:!0}],hasPanelTop:[16,{},{state:!0}],hasResizablePanelBottom:[16,{},{state:!0}],hasResizablePanelTop:[16,{},{state:!0}],hasSheets:[16,{},{state:!0}],panelIsResizing:[16,{},{state:!0}],contentBehind:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=B}willUpdate(t){(t.has("hasPanelTop")&&(this.hasUpdated||this.hasPanelTop!==!1)||t.has("hasPanelBottom")&&(this.hasUpdated||this.hasPanelBottom!==!1))&&(this.hasOnlyPanelBottom=!this.hasPanelTop&&this.hasPanelBottom)}handleCalciteInternalShellPanelResizableChange(t){let e=t.composedPath().find(a=>a?.matches?.("calcite-shell-panel"));e?.slot&&g.includes(e.slot)&&this.updateResizableSlotState(e.slot),t.stopPropagation()}handleCalciteInternalShellPanelActionBarPositionChange(t){let e=t.composedPath().find(a=>a?.matches?.("calcite-shell-panel"));e?.slot&&g.includes(e.slot)&&this.updateResizableSlotState(e.slot),t.stopPropagation()}handleCalciteInternalShellPanelResizeStart(t){this.panelIsResizing=!0,t.stopPropagation()}handleCalciteInternalShellPanelResizeEnd(t){this.panelIsResizing=!1,t.stopPropagation()}handleHeaderSlotChange(t){this.hasHeader=!!c(t)}handleFooterSlotChange(t){this.hasFooter=!!c(t)}handleAlertsSlotChange(t){this.hasAlerts=!!c(t),d(t).filter(e=>e?.matches("calcite-alert")).forEach(e=>{e.embedded=!0})}handleSheetsSlotChange(t){this.hasSheets=!!c(t),d(t).filter(e=>e?.matches("calcite-sheet")).forEach(e=>{e.embedded=!0})}configurePanels(t,e,a){t.forEach(l=>{let s=l;l.layout=e,l.position=a,s.shellSizingDataProvider=p=>this.getShellPanelSizingData(l,p)})}getDefaultSlotMinSize(t){return this.defaultSlotRef.value?.assignedElements({flatten:!0}).reduce((e,a)=>{let l=window.getComputedStyle(a);return t==="inline"?e+b(l.borderInlineStartWidth)+b(l.borderInlineEndWidth):e+b(l.borderBlockStartWidth)+b(l.borderBlockEndWidth)},0)??0}getDefaultSlotBounds(){let t=this.defaultSlotRef.value?.assignedElements({flatten:!0})??[];return t.length?t.reduce((e,a)=>{let l=a.getBoundingClientRect();return e?{bottom:Math.max(e.bottom,l.bottom),left:Math.min(e.left,l.left),right:Math.max(e.right,l.right),top:Math.min(e.top,l.top)}:{bottom:l.bottom,left:l.left,right:l.right,top:l.top}},null):null}getShellPanelSizingData(t,e){let a=t.assignedSlot?.parentElement;if(!a)return null;let l=a.getBoundingClientRect(),s=this.getDefaultSlotBounds();if(!s)return{availableSize:e==="inline"?l.width:l.height};let p=this.getDefaultSlotMinSize(e),z=window.getComputedStyle(this).direction==="rtl",S;if(e==="inline"){let P=t.position==="start";S=z?P?l.right-s.left:s.right-l.left:P?s.right-l.left:l.right-s.left}else S=t.position==="start"?s.bottom-l.top:l.bottom-s.top;return{availableSize:Math.max(Math.floor(S)-Math.ceil(p),0)}}handlePanelTopChange(t){let e=d(t).filter(a=>a?.matches("calcite-shell-panel"));this.hasPanelTop=c(t),this.configurePanels(e,"horizontal","start"),e.forEach(a=>{a.layout="horizontal",a.position="start"}),this.updateResizableSlotState("panel-top",e)}handlePanelBottomChange(t){let e=d(t).filter(a=>a?.matches("calcite-shell-panel"));this.hasPanelBottom=c(t),this.configurePanels(e,"horizontal","end"),e.forEach(a=>{a.layout="horizontal",a.position="end"}),this.updateResizableSlotState("panel-bottom",e)}handlePanelStartChange(t){let e=d(t).filter(a=>a?.matches("calcite-shell-panel"));this.configurePanels(e,"vertical","start"),e.forEach(a=>{a.layout="vertical",a.position="start"}),this.updateResizableSlotState("panel-start",e)}handlePanelEndChange(t){let e=d(t).filter(a=>a?.matches("calcite-shell-panel"));this.configurePanels(e,"vertical","end"),e.forEach(a=>{a.layout="vertical",a.position="end"}),this.updateResizableSlotState("panel-end",e)}handleDialogsSlotChange(t){this.hasDialogs=!!c(t),d(t).filter(e=>e?.matches("calcite-dialog")).forEach(e=>{e.embedded=!0})}updateResizableSlotState(t,e=this.panelSlotState[t].elements){this.panelSlotState[t]={elements:e,resizable:e.some(a=>a.resizable)},this.syncResizableState(),this.syncActionBarPositionPanelState()}syncActionBarPositionPanelState(){this.hasActionBarPositionPanel=g.some(t=>this.panelSlotState[t].elements.some(e=>!!e.actionBarPosition))}syncResizableState(){this.hasResizablePanelBottom=this.panelSlotState["panel-bottom"].resizable,this.hasResizablePanelTop=this.panelSlotState["panel-top"].resizable}renderHeader(){return n`<div .hidden=${!this.hasHeader}>${i("header",n`<slot name=${r.header} @slotchange=${this.handleHeaderSlotChange}></slot>`)}</div>`}renderFooter(){return i("footer",n`<div class=${h(o.footer)} .hidden=${!this.hasFooter}><slot name=${r.footer} @slotchange=${this.handleFooterSlotChange}></slot></div>`)}renderAlerts(){return n`<div .hidden=${!this.hasAlerts}>${i("alerts",n`<slot name=${r.alerts} @slotchange=${this.handleAlertsSlotChange}></slot>`)}</div>`}renderSheets(){return n`<div .hidden=${!this.hasSheets}>${i("sheets",n`<slot name=${r.sheets} @slotchange=${this.handleSheetsSlotChange}></slot>`)}</div>`}renderDialogs(){return n`<div .hidden=${!this.hasDialogs}>${i("dialogs",n`<slot name=${r.dialogs} @slotchange=${this.handleDialogsSlotChange}></slot>`)}</div>`}renderContent(){let{panelIsResizing:t}=this,e=i("default-slot",n`<slot ${f(this.defaultSlotRef)}></slot>`),a=t?n`<div class=${h(o.contentNonInteractive)}>${e}</div>`:e,l=i("panel-bottom-slot",n`<slot name=${r.panelBottom} @slotchange=${this.handlePanelBottomChange} ${f(this.panelBottomSlotRef)}></slot>`),s=i("panel-top-slot",n`<slot name=${r.panelTop} @slotchange=${this.handlePanelTopChange} ${f(this.panelTopSlotRef)}></slot>`),p="content-container";return this.contentBehind?[i(p,n`<div class=${h({[o.content]:!0,[o.contentBehind]:!0})}>${a}</div>`),n`<div class=${h({[o.contentBehindCenterContent]:!0,[o.contentBottom]:this.hasOnlyPanelBottom})}>${s}${l}</div>`]:[i(p,n`<div class=${h({[o.content]:!0,[o.contentBottom]:this.hasOnlyPanelBottom})}>${s}${a}${l}</div>`)]}renderMain(){return n`<div class=${h({[o.main]:!0,[o.hasActionBarPositionPanel]:this.hasActionBarPositionPanel,[o.hasResizablePanelBottom]:this.hasResizablePanelBottom,[o.hasResizablePanelTop]:this.hasResizablePanelTop})}><slot name=${r.panelStart} @slotchange=${this.handlePanelStartChange} ${f(this.panelStartSlotRef)}></slot>${this.renderContent()}<slot name=${r.panelEnd} @slotchange=${this.handlePanelEndChange} ${f(this.panelEndSlotRef)}></slot></div>`}renderPositionedSlots(){return n`<div class=${h(o.positionedSlotWrapper)}>${this.renderAlerts()}${this.renderDialogs()}${this.renderSheets()}</div>`}render(){return n`${this.renderHeader()}${this.renderMain()}${this.renderFooter()}${this.renderPositionedSlots()}`}};w("calcite-shell",u);export{u as Shell};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as T}from"./NROQY3CM.js";import{a as L}from"./PGHMX4LL.js";import{a as g}from"./YHAPORQA.js";import{a as I}from"./T6CCMW7H.js";import{a as E}from"./VI7SBYXT.js";import{a as R}from"./463GXUXN.js";import{a as i,b as S}from"./BEE5ZZFY.js";import{a as B}from"./PAGH37BG.js";import{a as C}from"./ZWPNZ5XW.js";import"./PRL7YAET.js";import"./FH3C3IT6.js";import"./HX7QLMLT.js";import{E as v,F as l,G as z,H as a,J as n,M as y,T as w,g as x,h as t}from"./K6B2WDPT.js";var D=x`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]){--calcite-internal-action-font-size: var(--calcite-font-size--2);--calcite-internal-action-min-height: var(--calcite-size-sm);--calcite-internal-action-line-height: 1rem;--calcite-internal-action-spacing: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-action-font-size: var(--calcite-font-size--1);--calcite-internal-action-min-height: var(--calcite-size-md);--calcite-internal-action-line-height: 1rem;--calcite-internal-action-spacing: var(--calcite-spacing-sm)}:host([scale=l]){--calcite-internal-action-font-size: var(--calcite-font-size-0);--calcite-internal-action-min-height: var(--calcite-size-lg);--calcite-internal-action-line-height: 1.25rem;--calcite-internal-action-spacing: var(--calcite-spacing-sm-plus)}:host{display:flex;cursor:pointer;background-color:transparent;--calcite-internal-action-text-color: var(--calcite-color-text-3);border-radius:var(--calcite-action-corner-radius, var(--calcite-action-corner-radius-start-start, var(--calcite-corner-radius-xs)) var(--calcite-action-corner-radius-start-end, var(--calcite-corner-radius-xs)) var(--calcite-action-corner-radius-end-end, var(--calcite-corner-radius-xs)) var(--calcite-action-corner-radius-end-start, var(--calcite-corner-radius-xs)))}.interaction-container{border-radius:inherit}:host([width=full]){flex:1 0 auto}:host([width=full]) .button{justify-content:center}:host([width=full]) .button .text-container--visible{flex:none}:host([drag-handle]){cursor:move;--calcite-internal-action-text-color: var(--calcite-color-border-input);--calcite-internal-action-padding-inline: var(--calcite-spacing-xxs)}.button{position:relative;margin:0;display:flex;inline-size:auto;align-items:center;justify-content:flex-start;border-style:none;outline-color:transparent;box-sizing:border-box;background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1));border-radius:inherit;color:var(--calcite-action-text-color, var(--calcite-internal-action-text-color));cursor:inherit;flex:1 0 auto;font-family:inherit;font-size:var(--calcite-internal-action-font-size);font-weight:var(--calcite-font-weight-normal);line-height:var(--calcite-internal-action-line-height);min-block-size:var(--calcite-internal-action-height, var(--calcite-internal-action-min-height));max-block-size:var(--calcite-internal-action-height, none);padding-block:var(--calcite-internal-action-padding-block, var(--calcite-internal-action-spacing));padding-inline:var(--calcite-internal-action-padding-inline, var(--calcite-internal-action-spacing));text-align:start}.button:hover{background-color:var(--calcite-action-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-action-text-color-press, var(--calcite-action-text-color-pressed, var(--calcite-color-text-1)))}.button:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-foreground-3)))}.button--text-visible{gap:var(--calcite-internal-action-spacing);inline-size:100%}.icon-container{pointer-events:none;margin:0;display:flex;align-items:center;justify-content:center}.text-container{margin:0;inline-size:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:0;transition-property:opacity;transition-duration:var(--calcite-animation-timing);transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:inline-size}.text-container--visible{inline-size:auto;flex:1 1 auto;opacity:1}:host([active]) .button{background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-3));color:var(--calcite-action-text-color-press, var(--calcite-action-text-color-pressed, var(--calcite-color-text-1)))}:host([active]) .button:hover{background-color:var(--calcite-action-background-color-hover, var(--calcite-color-foreground-3))}:host([active]) .button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-foreground-3)))}:host([loading]) .button:hover,:host([loading]) .button:focus{background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1))}:host([loading]) calcite-loader[inline]{margin-inline-end:0px;--calcite-loader-progress-color-inline: var(--calcite-action-loader-color)}:host([appearance=transparent]):host([active]) .button{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-transparent-press)))}:host([appearance=transparent]) .button{transition-property:box-shadow;transition-duration:var(--calcite-animation-timing);transition-timing-function:cubic-bezier(.4,0,.2,1);background-color:var(--calcite-action-background-color, var(--calcite-color-transparent))}:host([appearance=transparent]) .button:hover{background-color:var(--calcite-action-background-color-hover, var(--calcite-color-transparent-hover))}:host([appearance=transparent]) .button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-transparent-press)))}:host([selection-appearance=highlight]):host([active]) .button{background-color:var(--calcite-color-surface-highlight);color:var(--calcite-color-text-highlight)}:host([active-descendant]) .button{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([alignment=center]) .button{justify-content:center}:host([alignment=end]) .button{justify-content:flex-end}:host([alignment=center]) .button .text-container--visible,:host([alignment=end]) .button .text-container--visible{flex:0 1 auto}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-inline:0px}.slot-container{display:flex}.slot-container--hidden{display:none}.indicator-with-icon{position:relative}.indicator-with-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.275rem;inset-inline-end:-.275rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand))}.indicator-without-icon{margin-inline:.25rem;inline-size:1rem;position:relative}.indicator-without-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.275rem;inset-inline-end:-.275rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand))}:host([scale=s]) .indicator-with-icon{position:relative}:host([scale=s]) .indicator-with-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.125rem;inset-inline-end:-.125rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand));block-size:.375rem;inline-size:.375rem}:host([scale=s]) .indicator-without-icon{position:relative}:host([scale=s]) .indicator-without-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.175rem;inset-inline-end:-.175rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand));block-size:.375rem;inline-size:.375rem}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,F=x`.screen-reader-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}`,k=class extends z{constructor(){super(...arguments),this.guid=I(),this.buttonRef=v(),this.buttonId=S.button(this.guid),this.mutationObserver=E("mutation",()=>this.requestUpdate()),this.messages=R({blocking:!0}),this.focusSetter=B()(this),this.indicatorRef=v(),this.interactiveContainer=L(this),this.formTrigger=T()(this),this.labelElRef=v(),this.active=!1,this.activeDescendant=!1,this.appearance="transparent",this.compact=!1,this.disabled=!1,this.dragHandle=!1,this.iconFlipRtl=!1,this.indicator=!1,this.loading=!1,this.overflowDisabled=!1,this.scale="m",this.width="auto",this.textEnabled=!1,this.type="button"}static{this.properties={aria:[0,{},{attribute:!1}],active:[7,{},{reflect:!0,type:Boolean}],activeDescendant:[7,{},{reflect:!0,type:Boolean}],alignment:[3,{},{reflect:!0}],appearance:[3,{},{reflect:!0}],compact:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],dragHandle:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],indicator:[7,{},{reflect:!0,type:Boolean}],label:1,loading:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],overflowDisabled:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}],text:1,textEnabled:[7,{},{reflect:!0,type:Boolean}],type:[3,{},{reflect:!0}],selectionAppearance:[3,{},{reflect:!0}]}}static{this.formAssociated=!0}static{this.styles=[D,F]}async setFocus(e){return this.focusSetter(()=>this.buttonRef.value,e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}getAccessibleLabel(){let e=this.label||this.text||"";return this.indicator?this.messages.indicatorLabel.replace("{label}",e):e}getLabelledByElements(){let e=[...this.labelElRef.value?[this.labelElRef.value]:[],...this.aria?.labelledByElements??[]];return e.length?e:void 0}renderTextContainer(){let{text:e,textEnabled:o}=this,r={[i.textContainer]:!0,[i.textContainerVisible]:o};return e?g("text-container",t`<div aria-hidden=true class=${a(r)}>${e}</div>`):null}renderIndicatorText(){let{indicator:e,messages:o,buttonId:r}=this;return t`<div aria-labelledby=${r??n} aria-live=polite class=${a(y.screenReaderText)} role=region ${l(this.indicatorRef)}>${e?o.indicator:null}</div>`}renderIconContainer(){let{loading:e,icon:o,scale:r,el:s,iconFlipRtl:m,indicator:d}=this,u=r==="l"?"l":"m",h=e?t`<calcite-loader inline .label=${this.messages.loading} .scale=${u}></calcite-loader>`:null,b=o?t`<calcite-icon class=${a({[i.indicatorWithIcon]:d})} .flipRtl=${m} .icon=${o} .scale=${C(this.scale)}></calcite-icon>`:null,c=h||b,p=c||s.children?.length,f=t`<div class=${a({[i.slotContainer]:!0,[i.slotContainerHidden]:e})}><slot></slot></div>`;return p?g("icon-container",t`<div aria-hidden=true class=${a(i.iconContainer)}>${c}${f}</div>`):null}renderLabel(){let e=this.getAccessibleLabel();return e?t`<span class=${a(y.screenReaderText)} ${l(this.labelElRef)}>${e}</span>`:null}renderButton(){let{compact:e,disabled:o,icon:r,loading:s,textEnabled:m,indicator:d,indicatorRef:u,buttonId:h}=this,b=this.getLabelledByElements(),c={[i.button]:!0,[i.buttonTextVisible]:m,[i.buttonCompact]:e},p=t`${this.renderIconContainer()}${this.renderTextContainer()}${!r&&d&&g("indicator-no-icon",t`<div class=${a(i.indicatorWithoutIcon)}></div>`)||""}${this.renderLabel()}`,f=d&&u.value?[u.value]:[],$=[...this.aria?.controlsElements??[],...f];return this.dragHandle?t`<span .ariaBusy=${s} .ariaControlsElements=${$} .ariaDescribedByElements=${this.aria?.describedByElements} .ariaExpanded=${this.aria?.expanded} .ariaHasPopup=${this.aria?.hasPopup} .ariaLabelledByElements=${b} .ariaOwnsElements=${this.aria?.ownsElements} .ariaPressed=${this.aria?.pressed} class=${a(c)} id=${h??n} role=button tabindex=${(this.disabled?void 0:0)??n} ${l(this.buttonRef)}>${p}</span>`:t`<button .ariaBusy=${s} .ariaChecked=${this.aria?.checked} .ariaControlsElements=${$} .ariaDescribedByElements=${this.aria?.describedByElements} .ariaExpanded=${this.aria?.expanded} .ariaHasPopup=${this.aria?.hasPopup} .ariaLabelledByElements=${b} .ariaOwnsElements=${this.aria?.ownsElements} .ariaPressed=${this.aria?.pressed} class=${a(c)} .disabled=${o} id=${h??n} .role=${this.aria?.role} type=${this.type??n} ${l(this.buttonRef)}>${p}</button>`}render(){return this.interactiveContainer({disabled:this.disabled,children:t`${this.renderButton()}${this.renderIndicatorText()}`})}};w("calcite-action",k);export{k as Action};
|
|
2
|
+
import{a as T}from"./KDVAH3SG.js";import{a as L}from"./3J4B6M7R.js";import{a as g}from"./ZT5JVNXH.js";import{a as I}from"./T6CCMW7H.js";import{a as E}from"./VI7SBYXT.js";import{a as R}from"./SJ4FIFAO.js";import{a as i,b as S}from"./BEE5ZZFY.js";import{a as B}from"./TQUJDXGU.js";import{a as C}from"./ZWPNZ5XW.js";import"./73JG44IZ.js";import"./DQL4WAMP.js";import"./SURH5QLY.js";import{E as v,F as l,G as z,H as a,J as n,M as y,T as w,g as x,h as t}from"./HG6LXKZD.js";var D=x`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]){--calcite-internal-action-font-size: var(--calcite-font-size--2);--calcite-internal-action-min-height: var(--calcite-size-sm);--calcite-internal-action-line-height: 1rem;--calcite-internal-action-spacing: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-action-font-size: var(--calcite-font-size--1);--calcite-internal-action-min-height: var(--calcite-size-md);--calcite-internal-action-line-height: 1rem;--calcite-internal-action-spacing: var(--calcite-spacing-sm)}:host([scale=l]){--calcite-internal-action-font-size: var(--calcite-font-size-0);--calcite-internal-action-min-height: var(--calcite-size-lg);--calcite-internal-action-line-height: 1.25rem;--calcite-internal-action-spacing: var(--calcite-spacing-sm-plus)}:host{display:flex;cursor:pointer;background-color:transparent;--calcite-internal-action-text-color: var(--calcite-color-text-3);border-radius:var(--calcite-action-corner-radius, var(--calcite-action-corner-radius-start-start, var(--calcite-corner-radius-xs)) var(--calcite-action-corner-radius-start-end, var(--calcite-corner-radius-xs)) var(--calcite-action-corner-radius-end-end, var(--calcite-corner-radius-xs)) var(--calcite-action-corner-radius-end-start, var(--calcite-corner-radius-xs)))}.interaction-container{border-radius:inherit}:host([width=full]){flex:1 0 auto}:host([width=full]) .button{justify-content:center}:host([width=full]) .button .text-container--visible{flex:none}:host([drag-handle]){cursor:move;--calcite-internal-action-text-color: var(--calcite-color-border-input);--calcite-internal-action-padding-inline: var(--calcite-spacing-xxs)}.button{position:relative;margin:0;display:flex;inline-size:auto;align-items:center;justify-content:flex-start;border-style:none;outline-color:transparent;box-sizing:border-box;background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1));border-radius:inherit;color:var(--calcite-action-text-color, var(--calcite-internal-action-text-color));cursor:inherit;flex:1 0 auto;font-family:inherit;font-size:var(--calcite-internal-action-font-size);font-weight:var(--calcite-font-weight-normal);line-height:var(--calcite-internal-action-line-height);min-block-size:var(--calcite-internal-action-height, var(--calcite-internal-action-min-height));max-block-size:var(--calcite-internal-action-height, none);padding-block:var(--calcite-internal-action-padding-block, var(--calcite-internal-action-spacing));padding-inline:var(--calcite-internal-action-padding-inline, var(--calcite-internal-action-spacing));text-align:start}.button:hover{background-color:var(--calcite-action-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-action-text-color-press, var(--calcite-action-text-color-pressed, var(--calcite-color-text-1)))}.button:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-foreground-3)))}.button--text-visible{gap:var(--calcite-internal-action-spacing);inline-size:100%}.icon-container{pointer-events:none;margin:0;display:flex;align-items:center;justify-content:center}.text-container{margin:0;inline-size:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:0;transition-property:opacity;transition-duration:var(--calcite-animation-timing);transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:inline-size}.text-container--visible{inline-size:auto;flex:1 1 auto;opacity:1}:host([active]) .button{background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-3));color:var(--calcite-action-text-color-press, var(--calcite-action-text-color-pressed, var(--calcite-color-text-1)))}:host([active]) .button:hover{background-color:var(--calcite-action-background-color-hover, var(--calcite-color-foreground-3))}:host([active]) .button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-foreground-3)))}:host([loading]) .button:hover,:host([loading]) .button:focus{background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1))}:host([loading]) calcite-loader[inline]{margin-inline-end:0px;--calcite-loader-progress-color-inline: var(--calcite-action-loader-color)}:host([appearance=transparent]):host([active]) .button{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-transparent-press)))}:host([appearance=transparent]) .button{transition-property:box-shadow;transition-duration:var(--calcite-animation-timing);transition-timing-function:cubic-bezier(.4,0,.2,1);background-color:var(--calcite-action-background-color, var(--calcite-color-transparent))}:host([appearance=transparent]) .button:hover{background-color:var(--calcite-action-background-color-hover, var(--calcite-color-transparent-hover))}:host([appearance=transparent]) .button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-transparent-press)))}:host([selection-appearance=highlight]):host([active]) .button{background-color:var(--calcite-color-surface-highlight);color:var(--calcite-color-text-highlight)}:host([active-descendant]) .button{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([alignment=center]) .button{justify-content:center}:host([alignment=end]) .button{justify-content:flex-end}:host([alignment=center]) .button .text-container--visible,:host([alignment=end]) .button .text-container--visible{flex:0 1 auto}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-inline:0px}.slot-container{display:flex}.slot-container--hidden{display:none}.indicator-with-icon{position:relative}.indicator-with-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.275rem;inset-inline-end:-.275rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand))}.indicator-without-icon{margin-inline:.25rem;inline-size:1rem;position:relative}.indicator-without-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.275rem;inset-inline-end:-.275rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand))}:host([scale=s]) .indicator-with-icon{position:relative}:host([scale=s]) .indicator-with-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.125rem;inset-inline-end:-.125rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand));block-size:.375rem;inline-size:.375rem}:host([scale=s]) .indicator-without-icon{position:relative}:host([scale=s]) .indicator-without-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.175rem;inset-inline-end:-.175rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand));block-size:.375rem;inline-size:.375rem}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,F=x`.screen-reader-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}`,k=class extends z{constructor(){super(...arguments),this.guid=I(),this.buttonRef=v(),this.buttonId=S.button(this.guid),this.mutationObserver=E("mutation",()=>this.requestUpdate()),this.messages=R({blocking:!0}),this.focusSetter=B()(this),this.indicatorRef=v(),this.interactiveContainer=L(this),this.formTrigger=T()(this),this.labelElRef=v(),this.active=!1,this.activeDescendant=!1,this.appearance="transparent",this.compact=!1,this.disabled=!1,this.dragHandle=!1,this.iconFlipRtl=!1,this.indicator=!1,this.loading=!1,this.overflowDisabled=!1,this.scale="m",this.width="auto",this.textEnabled=!1,this.type="button"}static{this.properties={aria:[0,{},{attribute:!1}],active:[7,{},{reflect:!0,type:Boolean}],activeDescendant:[7,{},{reflect:!0,type:Boolean}],alignment:[3,{},{reflect:!0}],appearance:[3,{},{reflect:!0}],compact:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],dragHandle:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],indicator:[7,{},{reflect:!0,type:Boolean}],label:1,loading:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],overflowDisabled:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}],text:1,textEnabled:[7,{},{reflect:!0,type:Boolean}],type:[3,{},{reflect:!0}],selectionAppearance:[3,{},{reflect:!0}]}}static{this.formAssociated=!0}static{this.styles=[D,F]}async setFocus(e){return this.focusSetter(()=>this.buttonRef.value,e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}getAccessibleLabel(){let e=this.label||this.text||"";return this.indicator?this.messages.indicatorLabel.replace("{label}",e):e}getLabelledByElements(){let e=[...this.labelElRef.value?[this.labelElRef.value]:[],...this.aria?.labelledByElements??[]];return e.length?e:void 0}renderTextContainer(){let{text:e,textEnabled:o}=this,r={[i.textContainer]:!0,[i.textContainerVisible]:o};return e?g("text-container",t`<div aria-hidden=true class=${a(r)}>${e}</div>`):null}renderIndicatorText(){let{indicator:e,messages:o,buttonId:r}=this;return t`<div aria-labelledby=${r??n} aria-live=polite class=${a(y.screenReaderText)} role=region ${l(this.indicatorRef)}>${e?o.indicator:null}</div>`}renderIconContainer(){let{loading:e,icon:o,scale:r,el:s,iconFlipRtl:m,indicator:d}=this,u=r==="l"?"l":"m",h=e?t`<calcite-loader inline .label=${this.messages.loading} .scale=${u}></calcite-loader>`:null,b=o?t`<calcite-icon class=${a({[i.indicatorWithIcon]:d})} .flipRtl=${m} .icon=${o} .scale=${C(this.scale)}></calcite-icon>`:null,c=h||b,p=c||s.children?.length,f=t`<div class=${a({[i.slotContainer]:!0,[i.slotContainerHidden]:e})}><slot></slot></div>`;return p?g("icon-container",t`<div aria-hidden=true class=${a(i.iconContainer)}>${c}${f}</div>`):null}renderLabel(){let e=this.getAccessibleLabel();return e?t`<span class=${a(y.screenReaderText)} ${l(this.labelElRef)}>${e}</span>`:null}renderButton(){let{compact:e,disabled:o,icon:r,loading:s,textEnabled:m,indicator:d,indicatorRef:u,buttonId:h}=this,b=this.getLabelledByElements(),c={[i.button]:!0,[i.buttonTextVisible]:m,[i.buttonCompact]:e},p=t`${this.renderIconContainer()}${this.renderTextContainer()}${!r&&d&&g("indicator-no-icon",t`<div class=${a(i.indicatorWithoutIcon)}></div>`)||""}${this.renderLabel()}`,f=d&&u.value?[u.value]:[],$=[...this.aria?.controlsElements??[],...f];return this.dragHandle?t`<span .ariaBusy=${s} .ariaControlsElements=${$} .ariaDescribedByElements=${this.aria?.describedByElements} .ariaExpanded=${this.aria?.expanded} .ariaHasPopup=${this.aria?.hasPopup} .ariaLabelledByElements=${b} .ariaOwnsElements=${this.aria?.ownsElements} .ariaPressed=${this.aria?.pressed} class=${a(c)} id=${h??n} role=button tabindex=${(this.disabled?void 0:0)??n} ${l(this.buttonRef)}>${p}</span>`:t`<button .ariaBusy=${s} .ariaChecked=${this.aria?.checked} .ariaControlsElements=${$} .ariaDescribedByElements=${this.aria?.describedByElements} .ariaExpanded=${this.aria?.expanded} .ariaHasPopup=${this.aria?.hasPopup} .ariaLabelledByElements=${b} .ariaOwnsElements=${this.aria?.ownsElements} .ariaPressed=${this.aria?.pressed} class=${a(c)} .disabled=${o} id=${h??n} .role=${this.aria?.role} type=${this.type??n} ${l(this.buttonRef)}>${p}</button>`}render(){return this.interactiveContainer({disabled:this.disabled,children:t`${this.renderButton()}${this.renderIndicatorText()}`})}};w("calcite-action",k);export{k as Action};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{c as r}from"./2QCI6TGY.js";import{a as o}from"./
|
|
2
|
+
import{c as r}from"./2QCI6TGY.js";import{a as o}from"./3J4B6M7R.js";import"./73JG44IZ.js";import"./DQL4WAMP.js";import{G as n,H as i,T as s,g as l,h as c,p as t}from"./HG6LXKZD.js";var d={container:"container",heading:"heading"},g=l`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column}:host([filter-hidden]){display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{margin:0;display:flex;flex:1 1 0%;position:sticky;inset-block-start:var(--calcite-internal-filter-enabled-offset, 0);z-index:var(--calcite-z-index-sticky);background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1));color:var(--calcite-list-color, var(--calcite-color-text-1))}.heading{font-weight:var(--calcite-font-weight-bold)}:host([scale=s]) .container{padding-inline:var(--calcite-spacing-sm)}:host([scale=s]) .heading{font-size:var(--calcite-font-size-sm);line-height:var(--calcite-font-line-height-fixed-base);padding-block:var(--calcite-spacing-sm) var(--calcite-spacing-xxs)}:host([scale=s]:not(:first-child)) .container{padding-block-start:var(--calcite-spacing-sm)}:host([scale=m]) .container{padding-inline:var(--calcite-spacing-md)}:host([scale=m]) .heading{font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-fixed-base);padding-block:var(--calcite-spacing-lg) var(--calcite-spacing-sm)}:host([scale=m]:not(:first-child)) .container{padding-block-start:var(--calcite-spacing-md)}:host([scale=l]) .container{padding-inline:var(--calcite-spacing-lg)}:host([scale=l]) .heading{font-size:var(--calcite-font-size-md);line-height:var(--calcite-font-line-height-fixed-lg);padding-block:var(--calcite-spacing-xl) var(--calcite-spacing-sm-plus, .625rem)}:host([scale=l]:not(:first-child)) .container{padding-block-start:var(--calcite-spacing-md-plus, .875rem)}.heading{padding:0}:host([hidden]){display:none}[hidden]{display:none}`,a=class extends n{constructor(){super(...arguments),this.interactiveContainer=o(this),this.disabled=!1,this.filterHidden=!1,this.scale="m",this.calciteInternalListItemGroupDefaultSlotChange=t({cancelable:!1}),this.calciteInternalListItemGroupChange=t({cancelable:!1})}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],filterHidden:[7,{},{reflect:!0,type:Boolean}],heading:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}]}}static{this.styles=g}willUpdate(e){e.has("heading")&&this.calciteInternalListItemGroupChange.emit()}handleDefaultSlotChange(){this.calciteInternalListItemGroupDefaultSlotChange.emit()}render(){let{disabled:e,heading:h}=this;return this.interactiveContainer({disabled:e,children:c`<div class=${i(d.container)} role=row><div .ariaColSpan=${r} class=${i(d.heading)} role=cell>${h}</div></div><slot @slotchange=${this.handleDefaultSlotChange}></slot>`})}};s("calcite-list-item-group",a);export{a as ListItemGroup};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{F as r,H as a,h as c,l as t}from"./
|
|
2
|
+
import{F as r,H as a,h as c,l as t}from"./HG6LXKZD.js";var m={container:"clear-button--container"},f=()=>{},x=({ariaLabel:i,ref:e,disabled:n,focusable:l,onClick:s,scale:$,title:o})=>c`<div class=${a(m.container)} .inert=${n} ${r(e||f)}><calcite-action .disabled=${n} icon=x .label=${i??""} @click=${s} .scale=${$} tabindex=${(l?void 0:-1)??t} .text=${o} title=${o??t}></calcite-action></div>`;export{x as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{b as I}from"./GZZYSINJ.js";import{a as C}from"./VI7SBYXT.js";import{e as z}from"./
|
|
2
|
+
import{b as I}from"./GZZYSINJ.js";import{a as C}from"./VI7SBYXT.js";import{e as z}from"./73JG44IZ.js";import"./DQL4WAMP.js";import{G as b,H as v,Q as g,T as x,U as y,g as u,h as m,i as p,l as h}from"./HG6LXKZD.js";var $={flipRtl:"flip-rtl",svg:"svg"},D={},d={},k={s:16,m:24,l:32};function w({icon:e,scale:t}){let i=k[t],s=U(e),n=s.charAt(s.length-1)==="F";return`${n?s.substring(0,s.length-1):s}${i}${n?"F":""}`}async function O(e){let t=w(e),i=N(t);if(i)return i;d[t]||(d[t]=fetch(y(`./assets/icon/${t}.json`)).then(n=>n.json()).catch(()=>(g.error(`${e.icon} (${e.scale}) icon failed to load`),"")));let s=await d[t];return D[t]=s,s}function A(e){return N(w(e))}function N(e){return D[e]}function U(e){let t=!isNaN(Number(e.charAt(0))),i=e.split("-");if(i.length>0){let n=/[a-z]/i;e=i.map((o,a)=>o.replace(n,function(l,r){return a===0&&r===0?l:l.toUpperCase()})).join("")}return t?`i${e}`:e}var B=u`:host{display:inline-flex;color:var(--calcite-icon-color, var(--calcite-ui-icon-color, currentColor))}:host([scale=s]){inline-size:16px;block-size:16px;min-inline-size:16px;min-block-size:16px}:host([scale=m]){inline-size:24px;block-size:24px;min-inline-size:24px;min-block-size:24px}:host([scale=l]){inline-size:32px;block-size:32px;min-inline-size:32px;min-block-size:32px}.flip-rtl{transform:scaleX(-1)}.svg{display:block}:host([hidden]){display:none}[hidden]{display:none}`,f=class extends b{constructor(){super(...arguments),this.direction=z(),this.visible=!1,this.flipRtl=!1,this.preload=!1,this.scale="m"}static{this.properties={pathData:[16,{},{state:!0}],visible:[16,{},{state:!0}],flipRtl:[7,{},{reflect:!0,type:Boolean}],icon:[3,{},{reflect:!0}],preload:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],textLabel:1}}static{this.styles=B}connectedCallback(){if(super.connectedCallback(),this.preload){this.visible=!0,this.loadIconPathData();return}this.visible||this.waitUntilVisible(()=>{this.visible=!0,this.loadIconPathData()})}willUpdate(t){(t.has("icon")&&(this.hasUpdated||this.icon!==void 0)||t.has("scale")&&(this.hasUpdated||this.scale!=="m"))&&this.loadIconPathData()}disconnectedCallback(){super.disconnectedCallback(),this.intersectionObserver?.disconnect(),this.intersectionObserver=void 0}async loadIconPathData(){let{icon:t,scale:i,visible:s}=this;if(!t||!s)return;let n={icon:t,scale:i},o=A(n)||await O(n);t===this.icon&&(this.pathData=o)}waitUntilVisible(t){if(this.intersectionObserver=C("intersection",i=>{i.forEach(s=>{s.isIntersecting&&(this.intersectionObserver?.disconnect(),this.intersectionObserver=void 0,t())})},{rootMargin:"50px"}),!this.intersectionObserver){t();return}this.intersectionObserver.observe(this.el)}render(){let{flipRtl:t,pathData:i,scale:s,textLabel:n}=this,o=this.direction,a=k[s],c=!!n,l=Array.isArray(i)?i:[i??""];return this.el.ariaHidden=I(!c),this.el.ariaLabel=c?n:null,this.el.role=c?"img":null,m`<svg aria-hidden=true class=${v({[$.flipRtl]:o==="rtl"&&t,[$.svg]:!0})} fill=currentColor height=100% viewBox=${`0 0 ${a} ${a}`} width=100% xmlns=http://www.w3.org/2000/svg>${l.map(r=>typeof r=="string"?p`<path d=${r??h} />`:p`<path d=${r.d??h} opacity=${("opacity"in r?r.opacity:1)??h} />`)}</svg>`}};x("calcite-icon",f);export{f as Icon};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{H as c,h as s}from"./
|
|
2
|
+
import{H as c,h as s}from"./HG6LXKZD.js";var i={textMatch:"text-match"};function o(t){return t.charAt(0).toUpperCase()+t.slice(1)}function n({text:t,pattern:r}){if(!r||!t)return t;let a=t.split(r);return a.length>1&&(a[1]=s`<mark class=${c(i.textMatch)}>${a[1]}</mark>`),a}export{o as a,n as b};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as x}from"./
|
|
2
|
+
import{a as x}from"./O5A4XUTL.js";import{a as O}from"./3J4B6M7R.js";import{a as v}from"./VI7SBYXT.js";import"./73JG44IZ.js";import"./DQL4WAMP.js";import{p as y}from"./SURH5QLY.js";import{G as b,H as p,Q as f,T as g,g as h,h as u,p as m}from"./HG6LXKZD.js";var o={container:"container",containerHorizontal:"container--horizontal",containerVertical:"container--vertical"},S=h`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{display:flex;flex:1 1 auto}.container--vertical{flex-direction:column}.container--horizontal{flex-direction:row}:host([hidden]){display:none}[hidden]{display:none}`,c=class extends b{constructor(){super(),this.dragEnabled=!0,this.items=[],this.mutationObserver=v("mutation",()=>{this.setUpSorting()}),this.sortable=x()(this),this.interactiveContainer=O(this),this.disabled=!1,this.handleSelector="calcite-handle",this.layout="vertical",this.loading=!1,this.calciteListOrderChange=m({cancelable:!1}),this.listen("calciteHandleNudge",this.calciteHandleNudgeNextHandler)}static{this.properties={canPull:[0,{},{attribute:!1}],canPut:[0,{},{attribute:!1}],disabled:[7,{},{reflect:!0,type:Boolean}],dragSelector:[3,{},{reflect:!0}],group:[3,{},{reflect:!0}],handleSelector:[3,{},{reflect:!0}],layout:[3,{},{reflect:!0}],loading:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=S}connectedCallback(){super.connectedCallback(),this.setUpSorting(),this.beginObserving()}load(){f.deprecated("component",{component:this,name:"sortable-list",removalVersion:5,suggested:"block-group"})}disconnectedCallback(){super.disconnectedCallback(),this.endObserving()}calciteHandleNudgeNextHandler(t){this.handleNudgeEvent(t)}onGlobalDragStart(){this.endObserving()}onGlobalDragEnd(){this.beginObserving()}onDragEnd(){}onDragStart(){}onDragSort(){this.items=Array.from(this.el.children),this.calciteListOrderChange.emit()}handleNudgeEvent(t){let{direction:a}=t.detail,e=t.composedPath().find(r=>r.matches(this.handleSelector)),i=this.items.find(r=>e&&r.contains(e)||t.composedPath().includes(r)),d=this.items.length-1,s=i?this.items.indexOf(i):-1,l=!1,n;a==="up"?s===0?l=!0:n=s-1:s===d?n=0:s===d-1?l=!0:n=s+2,this.endObserving(),l?i.parentElement.appendChild(i):i.parentElement.insertBefore(i,this.items[n]),this.items=Array.from(this.el.children),this.beginObserving(),requestAnimationFrame(()=>y(e)),e&&"selected"in e&&(e.selected=!0)}setUpSorting(){this.items=Array.from(this.el.children),this.sortable.reset()}beginObserving(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}endObserving(){this.mutationObserver?.disconnect()}render(){let{disabled:t,layout:a}=this,e=a==="horizontal"||!1;return this.interactiveContainer({disabled:t,children:u`<div class=${p({[o.container]:!0,[o.containerVertical]:!e,[o.containerHorizontal]:e})}><slot></slot></div>`})}};g("calcite-sortable-list",c);export{c as SortableList};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{b as n}from"./
|
|
2
|
+
import{b as n}from"./73JG44IZ.js";var s=()=>n((a,o)=>{let e=new Set;return o.onDisconnected(()=>{e.forEach(r=>r.cancel())}),{add:r=>{[r].flat().forEach(c=>e.add(c))},resources:e}});export{s as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{b as w}from"./GZZYSINJ.js";import{g as p,p as A,y as M}from"./
|
|
2
|
+
import{b as w}from"./GZZYSINJ.js";import{g as p,p as A,y as M}from"./SURH5QLY.js";import{G as C,K as T,T as b,g as y,h as E,p as S}from"./HG6LXKZD.js";function D(u){return u?.tagName==="CALCITE-TREE-ITEM"}function k(u){return Array.from(u.querySelectorAll("calcite-tree-item:not([disabled])")).filter(e=>{let s=e;for(;s!==u&&s!==null;){let t=s.parentElement??void 0;if(!(!D(t)||!t.hasChildren||t.expanded))return!1;s=s.parentElement}return!0})}var O=y`:host{display:block}:host(:focus){outline:2px solid transparent;outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}`,x=class extends C{constructor(){super(),this.items=[],this.child=!1,this.lines=!1,this.parentExpanded=!1,this.scale="m",this.selectedItems=[],this.selectionMode="single",this.calciteTreeSelect=S({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 s=this.el.parentElement?.closest("calcite-tree")??void 0;this.lines=s?s.lines:this.lines,this.scale=s?s.scale:this.scale,this.selectionMode=s?s.selectionMode:this.selectionMode,this.child=!!s}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;A(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 s=e.target,t=p(s.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&&(!s.hasChildren||s.hasChildren&&(this.selectionMode==="children"||this.selectionMode==="multichildren")),c=this.selectionMode==="multichildren"&&s.hasChildren,d=!r&&e.detail.modifyCurrentSelection&&(this.selectionMode==="multiple"||this.selectionMode==="multichildren"),g=!d&&((this.selectionMode==="single"||this.selectionMode==="multiple")&&t.length<=0||this.selectionMode==="children"||this.selectionMode==="multichildren"||this.selectionMode==="single-persist"&&!s.hasChildren),h=["multiple","none","single","single-persist"].includes(this.selectionMode)&&s.hasChildren,a=[];l&&a.push(s),g&&p(this.el.querySelectorAll("calcite-tree-item[selected]")).forEach(o=>{a.includes(o)||(o.selected=!1)}),h&&["multiple","none","single","single-persist"].includes(this.selectionMode)&&(s.expanded=!s.expanded),c&&t.forEach(i=>{i.selected=!1,i.hasChildren&&(i.expanded=!1)}),d&&window.getSelection().removeAllRanges(),d&&s.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 s=this.el,t=e.target,r=["ArrowRight","ArrowDown","ArrowLeft","ArrowUp","Home","End","Tab"];if(!(D(t)&&this.el.contains(t))||!r.includes(e.key))return;let n=k(s);if(e.key==="Tab"){n.forEach(l=>l.tabIndex=-1);return}if(e.key==="ArrowDown"){let l=n.indexOf(t);n[l+1]?.focus(),e.preventDefault();return}if(e.key==="ArrowUp"){let l=n.indexOf(t);n[l-1]?.focus(),e.preventDefault();return}if(e.key==="ArrowLeft"){if(t.hasChildren&&t.expanded){t.expanded=!1,e.preventDefault();return}n.slice(0,n.indexOf(t)).reverse().find(d=>d.depth===t.depth-1)?.focus(),e.preventDefault();return}if(e.key==="ArrowRight"){if(!t.disabled&&t.hasChildren)if(!t.expanded)t.expanded=!0,e.preventDefault();else{let l=n.indexOf(t);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,s){let t=e.target,r=e.detail.updateItem;if(t.disabled||t.indeterminate&&!r)return;let n=[],l=t.parentElement.closest("calcite-tree-item");for(;l;)n.push(l),l=l.parentElement.closest("calcite-tree-item");let c=Array.from(t.querySelectorAll("calcite-tree-item:not([disabled])")),d=c.filter(i=>!i.hasChildren),g=c.filter(i=>i.hasChildren),h;r?h=t.hasChildren?!(t.selected||t.indeterminate):!t.selected:h=t.selected,d.forEach(i=>{i.selected=h,i.indeterminate=!1});function a(i,o){let f=i.filter(m=>m.selected),I=i.filter(m=>!m.selected);o.selected=f.length===i.length,o.indeterminate=f.length>0&&I.length>0}g.reverse().forEach(i=>{let o=Array.from(i.querySelectorAll(":scope > calcite-tree > calcite-tree-item"));a(o,i)}),r&&(t.hasChildren?a(c,t):(t.selected=h,t.indeterminate=!1)),n.forEach(i=>{let o=p(i.querySelectorAll("calcite-tree-item")),f=o.filter(m=>m.selected);if(f.length===0){i.selected=!1,i.indeterminate=!1;return}let I=f.length<o.length;i.indeterminate=I,i.selected=!I}),this.selectedItems=this.getSelectedItems(),r&&this.selectionChanged(s)&&this.calciteTreeSelect.emit()}getSelectedItems(){return p(this.el.querySelectorAll("calcite-tree-item")).filter(e=>e.selected)}selectionChanged(e){return e.length!==this.selectedItems.length||this.selectedItems.some(s=>!e.includes(s))}updateItems(){this.items.forEach(e=>e.parentExpanded=this.parentExpanded)}handleDefaultSlotChange(e){let s=M(e).filter(t=>t.matches("calcite-tree-item"));this.items=s,this.updateItems()}getRootTabIndex(){return this.child?-1:0}render(){return this.el.ariaMultiSelectable=this.child?null:w(this.selectionMode==="multiple"||this.selectionMode==="multichildren"),this.el.role=this.child?null:"tree",T(this.el,"tabIndex",this.getRootTabIndex()),E`<slot @slotchange=${this.handleDefaultSlotChange}></slot>`}};b("calcite-tree",x);export{x as Tree};
|