@esri/calcite-components 5.2.1-next.0 → 5.2.1-next.1
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/{2OVSYJAH.js → 2D3W3IJ7.js} +1 -1
- package/dist/cdn/{OJF5T5XY.js → 2J63RKHC.js} +1 -1
- package/dist/cdn/{ZJNPO53J.js → 2KDRWAEX.js} +1 -1
- package/dist/cdn/{OW3U6T5J.js → 34WBVPQS.js} +1 -1
- package/dist/cdn/{5HWWM56V.js → 36ACS6PW.js} +1 -1
- package/dist/cdn/{SDPL45JE.js → 3GWFDJCN.js} +1 -1
- package/dist/cdn/{IYBRY24I.js → 3M33VOCN.js} +1 -1
- package/dist/cdn/{DUDIVZGQ.js → 3TXOTJWU.js} +1 -1
- package/dist/cdn/{DL6SAQV4.js → 3ZN63BYS.js} +1 -1
- package/dist/cdn/{CGH75CRF.js → 475FWYXJ.js} +1 -1
- package/dist/cdn/{7CDECM5P.js → 47IYU4JY.js} +1 -1
- package/dist/cdn/{FY7WEDQN.js → 47Z5RMLP.js} +1 -1
- package/dist/cdn/{MYUTWQWX.js → 4IQE2ARX.js} +1 -1
- package/dist/cdn/{5RN2OKGO.js → 4XQHBRZ7.js} +1 -1
- package/dist/cdn/{D5HDV7HK.js → 5556K4BZ.js} +1 -1
- package/dist/cdn/{GZB75XBH.js → 5AD32FNC.js} +1 -1
- package/dist/cdn/{B6OGNK6U.js → 5GYMOLMB.js} +1 -1
- package/dist/cdn/{RBPNU6ST.js → 5LJME53S.js} +1 -1
- package/dist/cdn/{EIN7DQT3.js → 5RUJDIZK.js} +1 -1
- package/dist/cdn/{J6B5W6HH.js → 5ZE2XVOM.js} +1 -1
- package/dist/cdn/{ZNTPEW2R.js → 64NIPUAV.js} +1 -1
- package/dist/cdn/{C7LNM3HL.js → 6DJ54R3E.js} +1 -1
- package/dist/cdn/{ERCK54DE.js → 6GTRKPTR.js} +1 -1
- package/dist/cdn/{A453LDV3.js → 6HQ4CWFB.js} +1 -1
- package/dist/cdn/{XYYLHYLL.js → 7EOLSREK.js} +1 -1
- package/dist/cdn/{33GDXJUX.js → 7H6FLFWC.js} +1 -1
- package/dist/cdn/{CTOCYTTR.js → 7LLTCDHJ.js} +1 -1
- package/dist/cdn/{UDQVMJ3S.js → 7XB2K344.js} +1 -1
- package/dist/cdn/{334JQBPO.js → 7YGZMDMH.js} +1 -1
- package/dist/cdn/{3VUB4NDR.js → 7YIFSPHX.js} +1 -1
- package/dist/cdn/{FNUTZYME.js → ACBM3IW2.js} +1 -1
- package/dist/cdn/{DJYRMK2C.js → AELDKEOJ.js} +1 -1
- package/dist/cdn/{7PTYPMMV.js → AOSRQMDX.js} +1 -1
- package/dist/cdn/{UHIKZXRW.js → APY54C5Q.js} +1 -1
- package/dist/cdn/{VNA3UADR.js → AVD27JPN.js} +1 -1
- package/dist/cdn/{3LM2LYNU.js → BWWNPXLU.js} +1 -1
- package/dist/cdn/{ALZDXZUC.js → BY66KZBA.js} +1 -1
- package/dist/cdn/{3M6UKCCZ.js → C2WNLXMX.js} +1 -1
- package/dist/cdn/{N6YOEFSV.js → CCTCXJLB.js} +1 -1
- package/dist/cdn/{D7TWWF44.js → D5UFORTB.js} +1 -1
- package/dist/cdn/{SU6QY5JA.js → DDTQMFDA.js} +1 -1
- package/dist/cdn/{3B7QPJAS.js → DUJAGFCN.js} +1 -1
- package/dist/cdn/{UV7KRWJF.js → DUJO7X4L.js} +1 -1
- package/dist/cdn/{BOXFB3MP.js → DVFQX2S4.js} +1 -1
- package/dist/cdn/{346YZ7VY.js → EC7SRA3Y.js} +1 -1
- package/dist/cdn/{NDMUDXOZ.js → EXSMXNI5.js} +1 -1
- package/dist/cdn/{DAP2VPDF.js → FD62O57O.js} +1 -1
- package/dist/cdn/{WGPN42CN.js → FGGSTAGP.js} +1 -1
- package/dist/cdn/{GPD7HV23.js → FKMLUGXQ.js} +1 -1
- package/dist/cdn/{IJCFTYMJ.js → FO4RVNED.js} +1 -1
- package/dist/cdn/{PK2LDDBD.js → FONZCTE7.js} +1 -1
- package/dist/cdn/{QN6HNGLX.js → G4W7IVVU.js} +1 -1
- package/dist/cdn/{D4LLO72M.js → GCCS2QAE.js} +1 -1
- package/dist/cdn/{72IWCFRM.js → GMNGDJJC.js} +1 -1
- package/dist/cdn/{RLUYZW3I.js → GU2BP4QQ.js} +1 -1
- package/dist/cdn/{26432722.js → GYJG77U2.js} +1 -1
- package/dist/cdn/{2U77MGGA.js → GZK5WJ57.js} +1 -1
- package/dist/cdn/{IOW5Z3SU.js → HECTUDZW.js} +1 -1
- package/dist/cdn/{ADY7PQCS.js → HJWEMAQW.js} +1 -1
- package/dist/cdn/{EPJ7IFKU.js → HS4H3A7N.js} +1 -1
- package/dist/cdn/{6RUY5LCM.js → HS6EEDUA.js} +1 -1
- package/dist/cdn/{KT6KY52P.js → HY2MTBJL.js} +1 -1
- package/dist/cdn/{P6COGUMV.js → HY4HUXH6.js} +1 -1
- package/dist/cdn/{DHIYO6UH.js → ICD2JOTU.js} +1 -1
- package/dist/cdn/{YUHXCHM2.js → IWNVWJQF.js} +1 -1
- package/dist/cdn/{56TWON4B.js → J4FDQTTT.js} +1 -1
- package/dist/cdn/{Q7WVCTBI.js → J6WVHSUH.js} +1 -1
- package/dist/cdn/{3WMWTT7B.js → JCBILJ2V.js} +1 -1
- package/dist/cdn/{SR3EXOYY.js → JD4HX7DK.js} +1 -1
- package/dist/cdn/{3ZWBXTN2.js → JDZ2MHQT.js} +1 -1
- package/dist/cdn/{42EK35NT.js → JYYONGWF.js} +1 -1
- package/dist/cdn/{KQ4OCUO5.js → K2YNA4H3.js} +1 -1
- package/dist/cdn/{4GNETAHI.js → K2ZOLTIS.js} +1 -1
- package/dist/cdn/{5NG5BQPF.js → KAYO4LFV.js} +1 -1
- package/dist/cdn/{4AD2R7R5.js → KNM4EYT2.js} +1 -1
- package/dist/cdn/{RDQHRWAK.js → KQOO3YMM.js} +1 -1
- package/dist/cdn/{H7MGP25S.js → KTZVPGOU.js} +1 -1
- package/dist/cdn/{ZU3ZHGYC.js → KWD32TN7.js} +1 -1
- package/dist/cdn/{RZRNVNLI.js → L3ZV6YAX.js} +1 -1
- package/dist/cdn/{C32EZMZW.js → LIZMYMWX.js} +1 -1
- package/dist/cdn/{SAJGDBME.js → LJHRM324.js} +1 -1
- package/dist/cdn/{BOZAHMWY.js → LOOSUYOK.js} +1 -1
- package/dist/cdn/{CTU5B3KC.js → MARAT4PA.js} +1 -1
- package/dist/cdn/{DJ65KHTT.js → MEYED6AA.js} +1 -1
- package/dist/cdn/{56XHFT5Y.js → MFFPFDN3.js} +1 -1
- package/dist/cdn/{7LYFIBL7.js → MMMV7Y53.js} +1 -1
- package/dist/cdn/{JREPH2VL.js → MVZLR322.js} +1 -1
- package/dist/cdn/{EDXHLHEK.js → NR7C6THM.js} +1 -1
- package/dist/cdn/{S4RYGITQ.js → NWGPLN5U.js} +1 -1
- package/dist/cdn/{TRBOVZT3.js → O5CHXKZB.js} +1 -1
- package/dist/cdn/{3U3X7DLG.js → OAMSAV2V.js} +1 -1
- package/dist/cdn/{TMJ22U5Z.js → OCQGIPGM.js} +1 -1
- package/dist/cdn/{775IYAS6.js → OP6JQVZ4.js} +1 -1
- package/dist/cdn/{RW3VK62K.js → OV37KUDF.js} +1 -1
- package/dist/cdn/{SHV2W3BT.js → P6OIT6IA.js} +1 -1
- package/dist/cdn/{X6P74FM4.js → PHWQYJHY.js} +1 -1
- package/dist/cdn/{IWJQSMI4.js → PPCVJI7W.js} +1 -1
- package/dist/cdn/{KWN4MM3A.js → PZ6BOJMA.js} +1 -1
- package/dist/cdn/{7F5EEUNN.js → PZISTOV3.js} +1 -1
- package/dist/cdn/{JI6NSKEV.js → PZR2UCSY.js} +1 -1
- package/dist/cdn/{QY7SDLEE.js → Q6SREDS6.js} +1 -1
- package/dist/cdn/{V5PEJNTB.js → QOJAP6IQ.js} +1 -1
- package/dist/cdn/{HZD5H23F.js → QP72DRA5.js} +1 -1
- package/dist/cdn/{ZLBIDSOY.js → RBQTMFDU.js} +1 -1
- package/dist/cdn/{PENOU5TN.js → RPISQOOV.js} +1 -1
- package/dist/cdn/{K5XFENR7.js → SNRRWK5T.js} +1 -1
- package/dist/cdn/{KCZJNER5.js → STWSSBRR.js} +1 -1
- package/dist/cdn/{OZOFR2GG.js → SYUFT6VK.js} +1 -1
- package/dist/cdn/{BMAI46HX.js → T7HJQVEM.js} +1 -1
- package/dist/cdn/{ADYGXA2N.js → TATVB4CC.js} +1 -1
- package/dist/cdn/{JJBJM2OJ.js → TPQJE4JZ.js} +1 -1
- package/dist/cdn/{7HUVP2XV.js → TRCQ6XST.js} +1 -1
- package/dist/cdn/{JNAEVEX5.js → TVFDLI2M.js} +1 -1
- package/dist/cdn/{3PTLQPY2.js → UA5INVKE.js} +1 -1
- package/dist/cdn/{CDL5BNMN.js → UDHNBZCV.js} +1 -1
- package/dist/cdn/{3ZHTQAFF.js → UFU62KUF.js} +1 -1
- package/dist/cdn/{VVVZYRRF.js → UJVWFZIC.js} +1 -1
- package/dist/cdn/{UVCV5QVD.js → UNE3GNGY.js} +1 -1
- package/dist/cdn/{UW77EV26.js → UVP2URZU.js} +1 -1
- package/dist/cdn/{RCYZC42B.js → V7HWKMGY.js} +1 -1
- package/dist/cdn/{KSEF3TLS.js → V7TTZUDU.js} +1 -1
- package/dist/cdn/{HLIFWDQP.js → VA3FXJ4L.js} +1 -1
- package/dist/cdn/{BQJ7QAYE.js → VGORLOF5.js} +1 -1
- package/dist/cdn/{N7N4MLB5.js → VJ76IZRG.js} +1 -1
- package/dist/cdn/{LIVPCPCA.js → VSHLSN2G.js} +1 -1
- package/dist/cdn/{L7HFUK3G.js → VSXELWUP.js} +1 -1
- package/dist/cdn/{TBASJIIB.js → VTCMV5CY.js} +1 -1
- package/dist/cdn/{Q7Y5B4LB.js → WALL5ANN.js} +1 -1
- package/dist/cdn/{CIYHSKF7.js → WSSWK3CM.js} +1 -1
- package/dist/cdn/{ZPUQDWIV.js → X2BNZPP5.js} +1 -1
- package/dist/cdn/{PMNFYSIR.js → XEMVN7E4.js} +1 -1
- package/dist/cdn/{WI4ZFF5B.js → XK74BWBY.js} +1 -1
- package/dist/cdn/{4DOP2ASQ.js → XKXQ2FRV.js} +1 -1
- package/dist/cdn/{ZJU6M5HF.js → XLOVBA75.js} +1 -1
- package/dist/cdn/{6XRDQELB.js → XXOAU6A6.js} +1 -1
- package/dist/cdn/{SKIVG43Z.js → XZLFWYKP.js} +1 -1
- package/dist/cdn/{SXAKRLPD.js → YCXPVQ7W.js} +1 -1
- package/dist/cdn/{QYPTOYKS.js → YFGEBKZW.js} +1 -1
- package/dist/cdn/{772CBSF6.js → YKONY7MP.js} +1 -1
- package/dist/cdn/{EPKTJSSB.js → YLCZ6YH7.js} +1 -1
- package/dist/cdn/{YPAZP7GT.js → ZHGUFPES.js} +1 -1
- package/dist/cdn/{FX5TGPAH.js → ZR5QSMXI.js} +1 -1
- package/dist/cdn/{THP73LXL.js → ZWFV7IQF.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/chunks/runtime.js +3 -3
- package/dist/components/calcite-notice/customElement.js +3 -0
- 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 +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as J}from"./N7N4MLB5.js";import{b as m}from"./YJPIZ6DX.js";import{a as G}from"./TBASJIIB.js";import{b as h}from"./772CBSF6.js";import{a as K}from"./L7HFUK3G.js";import{a as N}from"./KCZJNER5.js";import{c as j}from"./SAJGDBME.js";import{a as U}from"./DKJI4BME.js";import{a as _}from"./UDQVMJ3S.js";import{a as A}from"./3B7QPJAS.js";import"./YP3AYJH3.js";import{b as L}from"./7VTO7SRW.js";import{a as q}from"./5HWWM56V.js";import{a as M}from"./JNAEVEX5.js";import{a as V}from"./ZWPNZ5XW.js";import{e as B}from"./UW77EV26.js";import"./SR3EXOYY.js";import"./DJD3CC5A.js";import{E as l,F as s,G as z,H as a,L as E,T as D,g as T,h as n,l as t,p as u}from"./DUDIVZGQ.js";var oe=T`: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:inline-block;min-inline-size:min-content}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}calcite-time-picker{--calcite-time-picker-color: var(--calcite-input-time-picker-digit-text-color);--calcite-time-picker-icon-color: var(--calcite-input-time-picker-digit-icon-color);--calcite-time-picker-border-color: var(--calcite-input-time-picker-border-color);--calcite-time-picker-button-background-color-hover: var(--calcite-input-time-picker-action-background-color-hover);--calcite-time-picker-button-background-color-press: var(--calcite-input-time-picker-action-background-color-press);--calcite-time-picker-input-border-color-hover: var(--calcite-input-time-picker-digit-border-color-hover);--calcite-time-picker-input-border-color-press: var(--calcite-input-time-picker-digit-border-color-press)}.container{--calcite-icon-color: var( --calcite-input-time-picker-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-3)) );align-items:center;background-color:var(--calcite-input-time-picker-input-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));border:1px solid var(--calcite-input-time-picker-input-border-color, var(--calcite-color-border-input));border-radius:var(--calcite-input-time-picker-input-corner-radius, var(--calcite-corner-radius));box-shadow:var(--calcite-input-time-picker-input-shadow, var(--calcite-shadow-none));box-sizing:border-box;display:flex;color:var(--calcite-input-time-picker-input-text-color, var(--calcite-color-text-1));flex-wrap:nowrap;font-weight:var(--calcite-theme-font-weight-regular, var(--calcite-font-weight-normal));inline-size:100%;padding-block:var(--calcite-theme-space-base, var(--calcite-spacing-base));-webkit-user-select:none;user-select:none}.container:focus-within{border-color:var(--calcite-color-brand);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))))}.container.read-only{background-color:var(--calcite-theme-color-surface-1, var(--calcite-color-background));font-weight:var(--calcite-font-weight-medium)}.content-container{display:grid;flex-grow:1;justify-content:start}.content-container .input-container,.content-container .placeholder{grid-column:1;grid-row:1}.content-container .input-container--hidden{opacity:0}.clock-icon{--calcite-icon-color: var( --calcite-input-time-picker-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-3)) )}.hour-suffix,.minute-suffix,.second-suffix{white-space:pre}.placeholder{color:var(--calcite-color-text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-container{display:flex;flex-grow:1}.input{align-items:center;display:flex;block-size:100%;justify-content:center;min-inline-size:max-content}.input.empty{inline-size:var(--calcite-theme-space-xl, var(--calcite-spacing-xl))}.input:focus,.input:hover:focus{background-color:Highlight;color:HighlightText;outline:2px solid transparent;outline-offset:2px}.clear-button{display:flex;margin-inline-end:calc(var(--calcite-internal-input-time-picker-end-gap) * -1)}.toggle-icon{--calcite-icon-color: var( --calcite-input-time-picker-icon-color, var(--calcite-input-time-picker-input-action-icon-color, var(--calcite-color-text-3)) );align-items:center;block-size:100%;cursor:pointer;display:flex;justify-content:center;margin-inline-end:calc(var(--calcite-internal-input-time-picker-toggle-inline-end-offset) * -1);padding-inline:var(--calcite-internal-input-time-picker-toggle-spacing);padding-inline-start:var(--calcite-space-none)}.toggle-icon:hover{--calcite-icon-color: var( --calcite-input-time-picker-icon-color-hover, var(--calcite-input-time-picker-input-action-icon-color-hover, var(--calcite-color-text-1)) )}.toggle-icon:active{--calcite-icon-color: var( --calcite-input-time-picker-icon-color-hover, var(--calcite-input-time-picker-input-action-icon-color-press, var(--calcite-color-text-1)) )}:host([scale=s]){--calcite-internal-input-time-picker-end-gap: var(--calcite-space-sm);--calcite-internal-input-time-picker-toggle-spacing: var(--calcite-space-2xs);--calcite-internal-input-time-picker-toggle-inline-end-offset: var(--calcite-space-2xs)}:host([scale=s]) .container{block-size:1.5rem;font-size:var(--calcite-font-size-sm);gap:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));padding-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));padding-inline-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .input-container,:host([scale=s]) .placeholder{line-height:1rem}:host([scale=m]){--calcite-internal-input-time-picker-end-gap: var(--calcite-space-md);--calcite-internal-input-time-picker-toggle-spacing: var(--calcite-space-sm);--calcite-internal-input-time-picker-toggle-inline-end-offset: var(--calcite-space-sm)}:host([scale=m]) .container{block-size:2rem;font-size:var(--calcite-font-size);gap:var(--calcite-theme-space-md, var(--calcite-spacing-md));padding-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md));padding-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .input-container,:host([scale=m]) .placeholder{line-height:1.5rem}:host([scale=m]) .clear-button{block-size:var(--calcite-space-3xl)}:host([scale=l]){--calcite-internal-input-time-picker-end-gap: var(--calcite-space-lg);--calcite-internal-input-time-picker-toggle-spacing: var(--calcite-space-sm-plus);--calcite-internal-input-time-picker-toggle-inline-end-offset: var(--calcite-space-lg)}:host([scale=l]) .container{block-size:2.75rem;font-size:var(--calcite-font-size-md);gap:var(--calcite-theme-space-lg, var(--calcite-spacing-lg));padding-inline:var(--calcite-theme-space-lg, var(--calcite-spacing-lg))}:host([scale=l]) .input-container,:host([scale=l]) .placeholder{line-height:2.25rem}:host([scale=l]) .clear-button{block-size:var(--calcite-space-4xl)}:host([status=invalid]) .container{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) .container:focus-within{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))))}calcite-time-picker{--calcite-time-picker-background-color: var(--calcite-input-time-picker-background-color);--calcite-time-picker-border-color: var(--calcite-input-time-picker-border-color, transparent);--calcite-time-picker-corner-radius: var(--calcite-input-time-picker-corner-radius, var(--calcite-corner-radius-sm))}calcite-popover{--calcite-popover-corner-radius: var( --calcite-input-time-picker-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)) )}.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-theme-space-base, 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-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, 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-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, 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-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-md, 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}.clear-button--container{display:flex;cursor:pointer;align-items:center}.clear-button--container:hover calcite-action{--calcite-action-background-color: var( --calcite-input-time-picker-input-action-background-color-hover, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)) );--calcite-action-text-color: var(--calcite-input-time-picker-input-action-icon-color-hover, var(--calcite-color-text-1))}.clear-button--container:active calcite-action{--calcite-action-background-color: var(--calcite-input-time-picker-input-action-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color: var(--calcite-input-time-picker-input-action-icon-color-press, var(--calcite-color-text-1))}.clear-button--container calcite-action{--calcite-internal-action-height: 100%;--calcite-internal-action-padding-inline: var(--calcite-theme-space-none, var(--calcite-spacing-none));--calcite-internal-action-padding-block: var(--calcite-theme-space-none, var(--calcite-spacing-none));--calcite-action-background-color: var( --calcite-input-time-picker-input-action-background-color, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)) );--calcite-action-text-color: var(--calcite-input-time-picker-input-action-icon-color)}.clear-button--container calcite-action:hover{--calcite-action-background-color-hover: var( --calcite-input-time-picker-input-action-background-color-hover, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)) );--calcite-action-text-color-press: var(--calcite-input-time-picker-input-action-icon-color-hover)}.clear-button--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-time-picker-input-action-background-color-press, var(--calcite-input-time-picker-input-action-background-color));--calcite-action-text-color-press: var(--calcite-input-time-picker-input-action-icon-color-press)}:host([scale=s]) .clear-button--container{padding:var(--calcite-space-2xs)}:host([scale=m]) .clear-button--container{padding:var(--calcite-space-2xs);padding-inline-end:var(--calcite-space-sm)}:host([scale=l]) .clear-button--container{padding-inline-end:var(--calcite-space-sm-plus)}.clear-button--container calcite-action{--calcite-icon-color: currentColor}`,i={clearButton:"clear-button",clockIcon:"clock-icon",container:"container",contentContainer:"content-container",decimalSeparator:"decimal-separator",empty:"empty",fractionalSecond:"fractional-second",hour:"hour",hourSuffix:"hour-suffix",input:"input",inputContainer:"input-container",inputContainerHidden:"input-container--hidden",meridiem:"meridiem",minute:"minute",minuteSuffix:"minute-suffix",placeholder:"placeholder",readOnly:"read-only",second:"second",secondSuffix:"second-suffix",toggleIcon:"toggle-icon"},v={inputContainer:"inputContainer",validationMessage:"inputTimePickerValidationMessage"},y={clock:"clock",chevronUp:"chevron-up",chevronDown:"chevron-down"},P=class extends z{constructor(){super(),this.messages=q(),this.containerRef=l(),this.direction=B(),this.focusSetter=M()(this),this.formSupport=j({inputType:"time"})(this),this.fractionalSecondRef=l(),this.hourRef=l(),this.meridiemRef=l(),this.minuteRef=l(),this.secondRef=l(),this.time=J(this),this.interactiveContainer=A(this),this.timePickerRef=l(),this.hasFocus=!1,this.clearable=!1,this.disabled=!1,this.focusTrapDisabled=!1,this.hourFormat="user",this.open=!1,this.overlayPositioning="absolute",this.placement="auto",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.step=60,this.calciteInputTimePickerBeforeClose=u({cancelable:!1}),this.calciteInputTimePickerBeforeOpen=u({cancelable:!1}),this.calciteInputTimePickerChange=u(),this.calciteInputTimePickerClose=u({cancelable:!1}),this.calciteInputTimePickerOpen=u({cancelable:!1}),_(this),this.listen("blur",this.blurHandler),this.listen("focus",this.focusHandler),this.listen("focusout",this.focusOutHandler),this.listen("keydown",this.keyDownHandler),this.listen("calciteTimeChange",this.timeChangeHandler)}static{this.properties={hasFocus:[16,{},{state:!0}],clearable:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],hourFormat:[3,{},{reflect:!0}],label:1,labelText:1,max:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],min:[3,{},{reflect:!0}],name:1,numberingSystem:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:1,placeholder:1,placement:[3,{},{reflect:!0}],readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],step:[11,{},{reflect:!0,type:Number}],validationIcon:[3,{converter:E},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=oe}get showPlaceholder(){return(this.placeholder&&!this.hasFocus&&!this.time.hasValue)??!1}async reposition(e=!1){this.popoverEl?.reposition(e)}async setFocus(e){return this.focusSetter(()=>this.el,e)}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&(this.disabled||(this.open=!1)),e.has("readOnly")&&(this.hasUpdated||this.readOnly!==!1)&&(this.readOnly||(this.open=!1)),e.has("value")&&(this.hasUpdated?(this.time.userChangedValue||(this.previousEmittedValue=this.value),this.time.setValue(this.value),this.requestTimePickerUpdate()):this.previousEmittedValue=this.value)}blurHandler(){this.changeEventHandler()}focusHandler(){this.hasFocus=!0}focusOutHandler(){this.hasFocus=!1}changeEventHandler(){let{previousEmittedValue:e,value:r}=this;e!==r&&(this.calciteInputTimePickerChange.emit().defaultPrevented?this.time.setValue(this.previousEmittedValue??null):this.previousEmittedValue=r)}keyDownHandler(e){let{defaultPrevented:r,key:c}=e,{hourFormat:o,meridiemOrder:p}=this.time;if(!r)if(c==="Enter")this.formSupport.active&&(this.formSupport.requestSubmit(),e.preventDefault()),this.changeEventHandler();else if(this.open&&c==="Escape")this.open=!1,e.preventDefault();else if(!this.disabled&&!this.readOnly&&this.clearable&&this.value&&c==="Escape")this.clearValue(),e.preventDefault();else{let f=m(this.step)>0,g=this.step<60;switch(this.activeEl){case this.hourRef.value:c==="ArrowRight"?this.setFocusPart("minute"):c==="ArrowLeft"&&o==="12"&&p===0&&this.setFocusPart("meridiem");break;case this.minuteRef.value:switch(c){case"ArrowLeft":this.setFocusPart("hour");break;case"ArrowRight":this.step!==60?this.setFocusPart("second"):o==="12"&&this.setFocusPart("meridiem");break}break;case this.secondRef.value:switch(c){case"ArrowLeft":this.setFocusPart("minute");break;case"ArrowRight":m(this.step)>0?this.setFocusPart("fractionalSecond"):o==="12"&&this.setFocusPart("meridiem");break}break;case this.fractionalSecondRef.value:switch(c){case"ArrowLeft":this.setFocusPart("second");break;case"ArrowRight":o==="12"&&p!==0&&this.setFocusPart("meridiem");break}break;case this.meridiemRef.value:c==="ArrowLeft"&&p!==0?f?this.setFocusPart("fractionalSecond"):g?this.setFocusPart("second"):this.setFocusPart("minute"):c==="ArrowRight"&&p===0&&this.setFocusPart("hour");break}}}mouseDownHandler(e){this.showPlaceholder&&(e.preventDefault(),this.setFocus())}onLabelClick(){this.setFocus()}openHandler(){this.disabled||this.readOnly||this.popoverEl&&(this.popoverEl.open=this.open)}popoverBeforeOpenHandler(e){e.stopPropagation(),this.calciteInputTimePickerBeforeOpen.emit()}popoverOpenHandler(e){e.stopPropagation(),this.calciteInputTimePickerOpen.emit()}popoverBeforeCloseHandler(e){e.stopPropagation(),this.calciteInputTimePickerBeforeClose.emit()}popoverCloseHandler(e){e.stopPropagation(),this.calciteInputTimePickerClose.emit(),this.open=!1}requestTimePickerUpdate(){this.timePickerRef.value?.manager?.component.requestUpdate()}setCalcitePopoverEl(e){this.popoverEl=e,this.openHandler()}async setFocusPart(e){(e==="hour"?this.hourRef:e==="minute"?this.minuteRef:e==="second"?this.secondRef:e==="fractionalSecond"?this.fractionalSecondRef:this.meridiemRef).value?.focus()}timeChangeHandler(e){if(e.stopPropagation(),this.disabled)return;let r=e.detail;r!==this.value?this.value=r:this.requestTimePickerUpdate()}timePartFocusHandler(e){this.activeEl=e.currentTarget}timePickerChangeHandler(e){e.stopPropagation()}toggleIconClickHandler(){this.open=!this.open}clearValue(){this.time.setValue(null,!0),this.open=!1,this.changeEventHandler()}render(){let{messages:e,readOnly:r,scale:c}=this,{fractionalSecond:o,handleHourKeyDownEvent:p,handleMinuteKeyDownEvent:f,handleSecondKeyDownEvent:g,handleFractionalSecondKeyDownEvent:Q,hour:b,hourFormat:W,localizedDecimalSeparator:X,localizedFractionalSecond:k,localizedHour:S,localizedHourSuffix:Y,localizedMinute:H,localizedMinuteSuffix:Z,localizedSecond:C,localizedSecondSuffix:F,meridiemOrder:ee,minute:$,second:x}=this.time,w="--",ie=h(o),te=h(b),ae=h($),ce=h(x),I=m(this.step)>0,O=W==="12",re=this.step<60,R=ee===0||this.direction==="rtl",d=!this.disabled&&!this.readOnly,ne=this.clearable&&!!this.value&&d;return this.interactiveContainer({disabled:this.disabled,children:n`${this.labelText&&N({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div aria-controls=${v.inputContainer} aria-expanded=${L(this.open)??t} aria-labelledby=${v.inputContainer} class=${a({[i.container]:!0,[i.readOnly]:r})} role=combobox ${s(this.containerRef)}><calcite-icon class=${a(i.clockIcon)} .icon=${y.clock} .scale=${c==="l"?"m":"s"}></calcite-icon><div class=${a(i.contentContainer)}>${this.showPlaceholder&&n`<div class=${a(i.placeholder)}>${this.placeholder}</div>`||""}<div aria-label=${U(this)??t} .ariaRequired=${this.required} class=${a({[i.inputContainer]:!0,[i.inputContainerHidden]:this.showPlaceholder})} dir=ltr id=${v.inputContainer} role=group>${O&&R&&this.renderMeridiem()||""}<span aria-label=${this.messages.hour??t} aria-valuemax=23 aria-valuemin=1 aria-valuenow=${(te&&parseInt(b,10)||"0")??t} aria-valuetext=${b??t} class=${a({[i.empty]:!S,[i.hour]:!0,[i.input]:!0})} @focus=${this.timePartFocusHandler} @keydown=${d?p:void 0} @mousedown=${this.mouseDownHandler} role=spinbutton tabindex=0 ${s(this.hourRef)}>${S||w}</span><span class=${a(i.hourSuffix)}>${Y}</span><span aria-label=${this.messages.minute??t} aria-valuemax=12 aria-valuemin=1 aria-valuenow=${(ae&&parseInt($,10)||"0")??t} aria-valuetext=${$??t} class=${a({[i.empty]:!H,[i.input]:!0,[i.minute]:!0})} @focus=${this.timePartFocusHandler} @keydown=${d?f:void 0} @mousedown=${this.mouseDownHandler} role=spinbutton tabindex=0 ${s(this.minuteRef)}>${H||w}</span><span class=${a(i.minuteSuffix)}>${Z}</span>${re&&n`<span aria-label=${this.messages.second??t} aria-valuemax=59 aria-valuemin=0 aria-valuenow=${(ce&&parseInt(x,10)||"0")??t} aria-valuetext=${x??t} class=${a({[i.empty]:!C,[i.input]:!0,[i.second]:!0})} @focus=${this.timePartFocusHandler} @keydown=${d?g:void 0} @mousedown=${this.mouseDownHandler} role=spinbutton tabindex=0 ${s(this.secondRef)}>${C||w}</span>`||""}${I&&n`<span class=${a(i.decimalSeparator)}>${X}</span>`||""}${I&&n`<span aria-label=${this.messages.fractionalSecond??t} aria-valuemax=999 aria-valuemin=1 aria-valuenow=${(ie&&parseInt(o,10)||"0")??t} aria-valuetext=${k??t} class=${a({[i.empty]:!k,[i.fractionalSecond]:!0,[i.input]:!0})} @focus=${this.timePartFocusHandler} @keydown=${d?Q:void 0} @mousedown=${this.mouseDownHandler} role=spinbutton tabindex=0 ${s(this.fractionalSecondRef)}>${k||"".padStart(m(this.step),"-")}</span>`||""}${F&&n`<span class=${a(i.secondSuffix)}>${F}</span>`||""}${O&&!R&&this.renderMeridiem()||""}</div></div>${ne&&n`<div class=${a(i.clearButton)} @click=${this.clearValue}>${G({ariaLabel:this.messages.clear,scale:this.scale,title:this.messages.clear})}</div>`||""}${!this.readOnly&&this.renderToggleIcon(this.open)||""}</div><calcite-popover auto-close .focusTrapDisabled=${this.focusTrapDisabled} .focusTrapOptions=${{initialFocus:!1}} .label=${e.chooseTime} lang=${this.messages._lang??t} offset-distance=0 @calcitePopoverBeforeClose=${this.popoverBeforeCloseHandler} @calcitePopoverBeforeOpen=${this.popoverBeforeOpenHandler} @calcitePopoverClose=${this.popoverCloseHandler} @calcitePopoverOpen=${this.popoverOpenHandler} .overlayPositioning=${this.overlayPositioning} .placement=${this.placement} pointer-disabled .referenceElement=${this.containerRef.value} trigger-disabled ${s(this.setCalcitePopoverEl)}><calcite-time-picker .hourFormat=${this.time.hourFormat??void 0} lang=${this.messages._lang??t} .messageOverrides=${this.messageOverrides} .numberingSystem=${this.numberingSystem} @calciteTimePickerChange=${this.timePickerChangeHandler} .scale=${this.scale} .step=${this.step} tabindex=${(this.open?void 0:-1)??t} .time=${this.time} .value=${this.value} ${s(this.timePickerRef)}></calcite-time-picker></calcite-popover>${this.validationMessage&&this.status==="invalid"?K({icon:this.validationIcon,id:v.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderMeridiem(){let{handleMeridiemKeyDownEvent:e,localizedMeridiem:r,meridiem:c}=this.time,o=!this.disabled&&!this.readOnly;return n`<span aria-label=${this.messages.meridiem??t} aria-valuemax=2 aria-valuemin=1 aria-valuenow=${c==="PM"&&"2"||"1"} aria-valuetext=${c??t} class=${a({[i.empty]:!r,[i.input]:!0,[i.meridiem]:!0})} @focus=${this.timePartFocusHandler} @keydown=${o?e:void 0} @mousedown=${this.mouseDownHandler} role=spinbutton tabindex=0 ${s(this.meridiemRef)}>${r||"--"}</span>`}renderToggleIcon(e){return n`<span class=${a(i.toggleIcon)} @click=${this.toggleIconClickHandler}><calcite-icon .icon=${e?y.chevronUp:y.chevronDown} .scale=${V(this.scale)}></calcite-icon></span>`}};D("calcite-input-time-picker",P);export{P as InputTimePicker};
|
|
2
|
+
import{a as J}from"./VJ76IZRG.js";import{b as m}from"./YJPIZ6DX.js";import{a as G}from"./VTCMV5CY.js";import{b as h}from"./YKONY7MP.js";import{a as K}from"./VSXELWUP.js";import{a as N}from"./STWSSBRR.js";import{c as j}from"./LJHRM324.js";import{a as U}from"./DKJI4BME.js";import{a as _}from"./7XB2K344.js";import{a as A}from"./DUJAGFCN.js";import"./YP3AYJH3.js";import{b as L}from"./7VTO7SRW.js";import{a as q}from"./36ACS6PW.js";import{a as M}from"./TVFDLI2M.js";import{a as V}from"./ZWPNZ5XW.js";import{e as B}from"./UVP2URZU.js";import"./JD4HX7DK.js";import"./DJD3CC5A.js";import{E as l,F as s,G as z,H as a,L as E,T as D,g as T,h as n,l as t,p as u}from"./3TXOTJWU.js";var oe=T`: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:inline-block;min-inline-size:min-content}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}calcite-time-picker{--calcite-time-picker-color: var(--calcite-input-time-picker-digit-text-color);--calcite-time-picker-icon-color: var(--calcite-input-time-picker-digit-icon-color);--calcite-time-picker-border-color: var(--calcite-input-time-picker-border-color);--calcite-time-picker-button-background-color-hover: var(--calcite-input-time-picker-action-background-color-hover);--calcite-time-picker-button-background-color-press: var(--calcite-input-time-picker-action-background-color-press);--calcite-time-picker-input-border-color-hover: var(--calcite-input-time-picker-digit-border-color-hover);--calcite-time-picker-input-border-color-press: var(--calcite-input-time-picker-digit-border-color-press)}.container{--calcite-icon-color: var( --calcite-input-time-picker-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-3)) );align-items:center;background-color:var(--calcite-input-time-picker-input-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));border:1px solid var(--calcite-input-time-picker-input-border-color, var(--calcite-color-border-input));border-radius:var(--calcite-input-time-picker-input-corner-radius, var(--calcite-corner-radius));box-shadow:var(--calcite-input-time-picker-input-shadow, var(--calcite-shadow-none));box-sizing:border-box;display:flex;color:var(--calcite-input-time-picker-input-text-color, var(--calcite-color-text-1));flex-wrap:nowrap;font-weight:var(--calcite-theme-font-weight-regular, var(--calcite-font-weight-normal));inline-size:100%;padding-block:var(--calcite-theme-space-base, var(--calcite-spacing-base));-webkit-user-select:none;user-select:none}.container:focus-within{border-color:var(--calcite-color-brand);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))))}.container.read-only{background-color:var(--calcite-theme-color-surface-1, var(--calcite-color-background));font-weight:var(--calcite-font-weight-medium)}.content-container{display:grid;flex-grow:1;justify-content:start}.content-container .input-container,.content-container .placeholder{grid-column:1;grid-row:1}.content-container .input-container--hidden{opacity:0}.clock-icon{--calcite-icon-color: var( --calcite-input-time-picker-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-3)) )}.hour-suffix,.minute-suffix,.second-suffix{white-space:pre}.placeholder{color:var(--calcite-color-text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-container{display:flex;flex-grow:1}.input{align-items:center;display:flex;block-size:100%;justify-content:center;min-inline-size:max-content}.input.empty{inline-size:var(--calcite-theme-space-xl, var(--calcite-spacing-xl))}.input:focus,.input:hover:focus{background-color:Highlight;color:HighlightText;outline:2px solid transparent;outline-offset:2px}.clear-button{display:flex;margin-inline-end:calc(var(--calcite-internal-input-time-picker-end-gap) * -1)}.toggle-icon{--calcite-icon-color: var( --calcite-input-time-picker-icon-color, var(--calcite-input-time-picker-input-action-icon-color, var(--calcite-color-text-3)) );align-items:center;block-size:100%;cursor:pointer;display:flex;justify-content:center;margin-inline-end:calc(var(--calcite-internal-input-time-picker-toggle-inline-end-offset) * -1);padding-inline:var(--calcite-internal-input-time-picker-toggle-spacing);padding-inline-start:var(--calcite-space-none)}.toggle-icon:hover{--calcite-icon-color: var( --calcite-input-time-picker-icon-color-hover, var(--calcite-input-time-picker-input-action-icon-color-hover, var(--calcite-color-text-1)) )}.toggle-icon:active{--calcite-icon-color: var( --calcite-input-time-picker-icon-color-hover, var(--calcite-input-time-picker-input-action-icon-color-press, var(--calcite-color-text-1)) )}:host([scale=s]){--calcite-internal-input-time-picker-end-gap: var(--calcite-space-sm);--calcite-internal-input-time-picker-toggle-spacing: var(--calcite-space-2xs);--calcite-internal-input-time-picker-toggle-inline-end-offset: var(--calcite-space-2xs)}:host([scale=s]) .container{block-size:1.5rem;font-size:var(--calcite-font-size-sm);gap:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));padding-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));padding-inline-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .input-container,:host([scale=s]) .placeholder{line-height:1rem}:host([scale=m]){--calcite-internal-input-time-picker-end-gap: var(--calcite-space-md);--calcite-internal-input-time-picker-toggle-spacing: var(--calcite-space-sm);--calcite-internal-input-time-picker-toggle-inline-end-offset: var(--calcite-space-sm)}:host([scale=m]) .container{block-size:2rem;font-size:var(--calcite-font-size);gap:var(--calcite-theme-space-md, var(--calcite-spacing-md));padding-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md));padding-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .input-container,:host([scale=m]) .placeholder{line-height:1.5rem}:host([scale=m]) .clear-button{block-size:var(--calcite-space-3xl)}:host([scale=l]){--calcite-internal-input-time-picker-end-gap: var(--calcite-space-lg);--calcite-internal-input-time-picker-toggle-spacing: var(--calcite-space-sm-plus);--calcite-internal-input-time-picker-toggle-inline-end-offset: var(--calcite-space-lg)}:host([scale=l]) .container{block-size:2.75rem;font-size:var(--calcite-font-size-md);gap:var(--calcite-theme-space-lg, var(--calcite-spacing-lg));padding-inline:var(--calcite-theme-space-lg, var(--calcite-spacing-lg))}:host([scale=l]) .input-container,:host([scale=l]) .placeholder{line-height:2.25rem}:host([scale=l]) .clear-button{block-size:var(--calcite-space-4xl)}:host([status=invalid]) .container{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) .container:focus-within{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))))}calcite-time-picker{--calcite-time-picker-background-color: var(--calcite-input-time-picker-background-color);--calcite-time-picker-border-color: var(--calcite-input-time-picker-border-color, transparent);--calcite-time-picker-corner-radius: var(--calcite-input-time-picker-corner-radius, var(--calcite-corner-radius-sm))}calcite-popover{--calcite-popover-corner-radius: var( --calcite-input-time-picker-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)) )}.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-theme-space-base, 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-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, 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-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, 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-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-md, 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}.clear-button--container{display:flex;cursor:pointer;align-items:center}.clear-button--container:hover calcite-action{--calcite-action-background-color: var( --calcite-input-time-picker-input-action-background-color-hover, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)) );--calcite-action-text-color: var(--calcite-input-time-picker-input-action-icon-color-hover, var(--calcite-color-text-1))}.clear-button--container:active calcite-action{--calcite-action-background-color: var(--calcite-input-time-picker-input-action-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color: var(--calcite-input-time-picker-input-action-icon-color-press, var(--calcite-color-text-1))}.clear-button--container calcite-action{--calcite-internal-action-height: 100%;--calcite-internal-action-padding-inline: var(--calcite-theme-space-none, var(--calcite-spacing-none));--calcite-internal-action-padding-block: var(--calcite-theme-space-none, var(--calcite-spacing-none));--calcite-action-background-color: var( --calcite-input-time-picker-input-action-background-color, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)) );--calcite-action-text-color: var(--calcite-input-time-picker-input-action-icon-color)}.clear-button--container calcite-action:hover{--calcite-action-background-color-hover: var( --calcite-input-time-picker-input-action-background-color-hover, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)) );--calcite-action-text-color-press: var(--calcite-input-time-picker-input-action-icon-color-hover)}.clear-button--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-time-picker-input-action-background-color-press, var(--calcite-input-time-picker-input-action-background-color));--calcite-action-text-color-press: var(--calcite-input-time-picker-input-action-icon-color-press)}:host([scale=s]) .clear-button--container{padding:var(--calcite-space-2xs)}:host([scale=m]) .clear-button--container{padding:var(--calcite-space-2xs);padding-inline-end:var(--calcite-space-sm)}:host([scale=l]) .clear-button--container{padding-inline-end:var(--calcite-space-sm-plus)}.clear-button--container calcite-action{--calcite-icon-color: currentColor}`,i={clearButton:"clear-button",clockIcon:"clock-icon",container:"container",contentContainer:"content-container",decimalSeparator:"decimal-separator",empty:"empty",fractionalSecond:"fractional-second",hour:"hour",hourSuffix:"hour-suffix",input:"input",inputContainer:"input-container",inputContainerHidden:"input-container--hidden",meridiem:"meridiem",minute:"minute",minuteSuffix:"minute-suffix",placeholder:"placeholder",readOnly:"read-only",second:"second",secondSuffix:"second-suffix",toggleIcon:"toggle-icon"},v={inputContainer:"inputContainer",validationMessage:"inputTimePickerValidationMessage"},y={clock:"clock",chevronUp:"chevron-up",chevronDown:"chevron-down"},P=class extends z{constructor(){super(),this.messages=q(),this.containerRef=l(),this.direction=B(),this.focusSetter=M()(this),this.formSupport=j({inputType:"time"})(this),this.fractionalSecondRef=l(),this.hourRef=l(),this.meridiemRef=l(),this.minuteRef=l(),this.secondRef=l(),this.time=J(this),this.interactiveContainer=A(this),this.timePickerRef=l(),this.hasFocus=!1,this.clearable=!1,this.disabled=!1,this.focusTrapDisabled=!1,this.hourFormat="user",this.open=!1,this.overlayPositioning="absolute",this.placement="auto",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.step=60,this.calciteInputTimePickerBeforeClose=u({cancelable:!1}),this.calciteInputTimePickerBeforeOpen=u({cancelable:!1}),this.calciteInputTimePickerChange=u(),this.calciteInputTimePickerClose=u({cancelable:!1}),this.calciteInputTimePickerOpen=u({cancelable:!1}),_(this),this.listen("blur",this.blurHandler),this.listen("focus",this.focusHandler),this.listen("focusout",this.focusOutHandler),this.listen("keydown",this.keyDownHandler),this.listen("calciteTimeChange",this.timeChangeHandler)}static{this.properties={hasFocus:[16,{},{state:!0}],clearable:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],hourFormat:[3,{},{reflect:!0}],label:1,labelText:1,max:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],min:[3,{},{reflect:!0}],name:1,numberingSystem:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:1,placeholder:1,placement:[3,{},{reflect:!0}],readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],step:[11,{},{reflect:!0,type:Number}],validationIcon:[3,{converter:E},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=oe}get showPlaceholder(){return(this.placeholder&&!this.hasFocus&&!this.time.hasValue)??!1}async reposition(e=!1){this.popoverEl?.reposition(e)}async setFocus(e){return this.focusSetter(()=>this.el,e)}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&(this.disabled||(this.open=!1)),e.has("readOnly")&&(this.hasUpdated||this.readOnly!==!1)&&(this.readOnly||(this.open=!1)),e.has("value")&&(this.hasUpdated?(this.time.userChangedValue||(this.previousEmittedValue=this.value),this.time.setValue(this.value),this.requestTimePickerUpdate()):this.previousEmittedValue=this.value)}blurHandler(){this.changeEventHandler()}focusHandler(){this.hasFocus=!0}focusOutHandler(){this.hasFocus=!1}changeEventHandler(){let{previousEmittedValue:e,value:r}=this;e!==r&&(this.calciteInputTimePickerChange.emit().defaultPrevented?this.time.setValue(this.previousEmittedValue??null):this.previousEmittedValue=r)}keyDownHandler(e){let{defaultPrevented:r,key:c}=e,{hourFormat:o,meridiemOrder:p}=this.time;if(!r)if(c==="Enter")this.formSupport.active&&(this.formSupport.requestSubmit(),e.preventDefault()),this.changeEventHandler();else if(this.open&&c==="Escape")this.open=!1,e.preventDefault();else if(!this.disabled&&!this.readOnly&&this.clearable&&this.value&&c==="Escape")this.clearValue(),e.preventDefault();else{let f=m(this.step)>0,g=this.step<60;switch(this.activeEl){case this.hourRef.value:c==="ArrowRight"?this.setFocusPart("minute"):c==="ArrowLeft"&&o==="12"&&p===0&&this.setFocusPart("meridiem");break;case this.minuteRef.value:switch(c){case"ArrowLeft":this.setFocusPart("hour");break;case"ArrowRight":this.step!==60?this.setFocusPart("second"):o==="12"&&this.setFocusPart("meridiem");break}break;case this.secondRef.value:switch(c){case"ArrowLeft":this.setFocusPart("minute");break;case"ArrowRight":m(this.step)>0?this.setFocusPart("fractionalSecond"):o==="12"&&this.setFocusPart("meridiem");break}break;case this.fractionalSecondRef.value:switch(c){case"ArrowLeft":this.setFocusPart("second");break;case"ArrowRight":o==="12"&&p!==0&&this.setFocusPart("meridiem");break}break;case this.meridiemRef.value:c==="ArrowLeft"&&p!==0?f?this.setFocusPart("fractionalSecond"):g?this.setFocusPart("second"):this.setFocusPart("minute"):c==="ArrowRight"&&p===0&&this.setFocusPart("hour");break}}}mouseDownHandler(e){this.showPlaceholder&&(e.preventDefault(),this.setFocus())}onLabelClick(){this.setFocus()}openHandler(){this.disabled||this.readOnly||this.popoverEl&&(this.popoverEl.open=this.open)}popoverBeforeOpenHandler(e){e.stopPropagation(),this.calciteInputTimePickerBeforeOpen.emit()}popoverOpenHandler(e){e.stopPropagation(),this.calciteInputTimePickerOpen.emit()}popoverBeforeCloseHandler(e){e.stopPropagation(),this.calciteInputTimePickerBeforeClose.emit()}popoverCloseHandler(e){e.stopPropagation(),this.calciteInputTimePickerClose.emit(),this.open=!1}requestTimePickerUpdate(){this.timePickerRef.value?.manager?.component.requestUpdate()}setCalcitePopoverEl(e){this.popoverEl=e,this.openHandler()}async setFocusPart(e){(e==="hour"?this.hourRef:e==="minute"?this.minuteRef:e==="second"?this.secondRef:e==="fractionalSecond"?this.fractionalSecondRef:this.meridiemRef).value?.focus()}timeChangeHandler(e){if(e.stopPropagation(),this.disabled)return;let r=e.detail;r!==this.value?this.value=r:this.requestTimePickerUpdate()}timePartFocusHandler(e){this.activeEl=e.currentTarget}timePickerChangeHandler(e){e.stopPropagation()}toggleIconClickHandler(){this.open=!this.open}clearValue(){this.time.setValue(null,!0),this.open=!1,this.changeEventHandler()}render(){let{messages:e,readOnly:r,scale:c}=this,{fractionalSecond:o,handleHourKeyDownEvent:p,handleMinuteKeyDownEvent:f,handleSecondKeyDownEvent:g,handleFractionalSecondKeyDownEvent:Q,hour:b,hourFormat:W,localizedDecimalSeparator:X,localizedFractionalSecond:k,localizedHour:S,localizedHourSuffix:Y,localizedMinute:H,localizedMinuteSuffix:Z,localizedSecond:C,localizedSecondSuffix:F,meridiemOrder:ee,minute:$,second:x}=this.time,w="--",ie=h(o),te=h(b),ae=h($),ce=h(x),I=m(this.step)>0,O=W==="12",re=this.step<60,R=ee===0||this.direction==="rtl",d=!this.disabled&&!this.readOnly,ne=this.clearable&&!!this.value&&d;return this.interactiveContainer({disabled:this.disabled,children:n`${this.labelText&&N({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div aria-controls=${v.inputContainer} aria-expanded=${L(this.open)??t} aria-labelledby=${v.inputContainer} class=${a({[i.container]:!0,[i.readOnly]:r})} role=combobox ${s(this.containerRef)}><calcite-icon class=${a(i.clockIcon)} .icon=${y.clock} .scale=${c==="l"?"m":"s"}></calcite-icon><div class=${a(i.contentContainer)}>${this.showPlaceholder&&n`<div class=${a(i.placeholder)}>${this.placeholder}</div>`||""}<div aria-label=${U(this)??t} .ariaRequired=${this.required} class=${a({[i.inputContainer]:!0,[i.inputContainerHidden]:this.showPlaceholder})} dir=ltr id=${v.inputContainer} role=group>${O&&R&&this.renderMeridiem()||""}<span aria-label=${this.messages.hour??t} aria-valuemax=23 aria-valuemin=1 aria-valuenow=${(te&&parseInt(b,10)||"0")??t} aria-valuetext=${b??t} class=${a({[i.empty]:!S,[i.hour]:!0,[i.input]:!0})} @focus=${this.timePartFocusHandler} @keydown=${d?p:void 0} @mousedown=${this.mouseDownHandler} role=spinbutton tabindex=0 ${s(this.hourRef)}>${S||w}</span><span class=${a(i.hourSuffix)}>${Y}</span><span aria-label=${this.messages.minute??t} aria-valuemax=12 aria-valuemin=1 aria-valuenow=${(ae&&parseInt($,10)||"0")??t} aria-valuetext=${$??t} class=${a({[i.empty]:!H,[i.input]:!0,[i.minute]:!0})} @focus=${this.timePartFocusHandler} @keydown=${d?f:void 0} @mousedown=${this.mouseDownHandler} role=spinbutton tabindex=0 ${s(this.minuteRef)}>${H||w}</span><span class=${a(i.minuteSuffix)}>${Z}</span>${re&&n`<span aria-label=${this.messages.second??t} aria-valuemax=59 aria-valuemin=0 aria-valuenow=${(ce&&parseInt(x,10)||"0")??t} aria-valuetext=${x??t} class=${a({[i.empty]:!C,[i.input]:!0,[i.second]:!0})} @focus=${this.timePartFocusHandler} @keydown=${d?g:void 0} @mousedown=${this.mouseDownHandler} role=spinbutton tabindex=0 ${s(this.secondRef)}>${C||w}</span>`||""}${I&&n`<span class=${a(i.decimalSeparator)}>${X}</span>`||""}${I&&n`<span aria-label=${this.messages.fractionalSecond??t} aria-valuemax=999 aria-valuemin=1 aria-valuenow=${(ie&&parseInt(o,10)||"0")??t} aria-valuetext=${k??t} class=${a({[i.empty]:!k,[i.fractionalSecond]:!0,[i.input]:!0})} @focus=${this.timePartFocusHandler} @keydown=${d?Q:void 0} @mousedown=${this.mouseDownHandler} role=spinbutton tabindex=0 ${s(this.fractionalSecondRef)}>${k||"".padStart(m(this.step),"-")}</span>`||""}${F&&n`<span class=${a(i.secondSuffix)}>${F}</span>`||""}${O&&!R&&this.renderMeridiem()||""}</div></div>${ne&&n`<div class=${a(i.clearButton)} @click=${this.clearValue}>${G({ariaLabel:this.messages.clear,scale:this.scale,title:this.messages.clear})}</div>`||""}${!this.readOnly&&this.renderToggleIcon(this.open)||""}</div><calcite-popover auto-close .focusTrapDisabled=${this.focusTrapDisabled} .focusTrapOptions=${{initialFocus:!1}} .label=${e.chooseTime} lang=${this.messages._lang??t} offset-distance=0 @calcitePopoverBeforeClose=${this.popoverBeforeCloseHandler} @calcitePopoverBeforeOpen=${this.popoverBeforeOpenHandler} @calcitePopoverClose=${this.popoverCloseHandler} @calcitePopoverOpen=${this.popoverOpenHandler} .overlayPositioning=${this.overlayPositioning} .placement=${this.placement} pointer-disabled .referenceElement=${this.containerRef.value} trigger-disabled ${s(this.setCalcitePopoverEl)}><calcite-time-picker .hourFormat=${this.time.hourFormat??void 0} lang=${this.messages._lang??t} .messageOverrides=${this.messageOverrides} .numberingSystem=${this.numberingSystem} @calciteTimePickerChange=${this.timePickerChangeHandler} .scale=${this.scale} .step=${this.step} tabindex=${(this.open?void 0:-1)??t} .time=${this.time} .value=${this.value} ${s(this.timePickerRef)}></calcite-time-picker></calcite-popover>${this.validationMessage&&this.status==="invalid"?K({icon:this.validationIcon,id:v.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderMeridiem(){let{handleMeridiemKeyDownEvent:e,localizedMeridiem:r,meridiem:c}=this.time,o=!this.disabled&&!this.readOnly;return n`<span aria-label=${this.messages.meridiem??t} aria-valuemax=2 aria-valuemin=1 aria-valuenow=${c==="PM"&&"2"||"1"} aria-valuetext=${c??t} class=${a({[i.empty]:!r,[i.input]:!0,[i.meridiem]:!0})} @focus=${this.timePartFocusHandler} @keydown=${o?e:void 0} @mousedown=${this.mouseDownHandler} role=spinbutton tabindex=0 ${s(this.meridiemRef)}>${r||"--"}</span>`}renderToggleIcon(e){return n`<span class=${a(i.toggleIcon)} @click=${this.toggleIconClickHandler}><calcite-icon .icon=${e?y.chevronUp:y.chevronDown} .scale=${V(this.scale)}></calcite-icon></span>`}};D("calcite-input-time-picker",P);export{P as InputTimePicker};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as e}from"./ABR4JGS6.js";import{a as i}from"./
|
|
2
|
+
import{a as e}from"./ABR4JGS6.js";import{a as i}from"./5ZE2XVOM.js";import"./VUYX7MNO.js";import{a as s}from"./TVFDLI2M.js";import"./ZWPNZ5XW.js";import"./UVP2URZU.js";import"./JD4HX7DK.js";import"./DJD3CC5A.js";import{G as r,H as t,T as c,g as l,h as a}from"./3TXOTJWU.js";var u=l`:host([scale=s]){--calcite-internal-navigation-user-padding-inline: var(--calcite-space-md);--calcite-internal-navigation-user-full-name-font-size: var(--calcite-font-size-relative-base);--calcite-internal-navigation-user-username-font-size: var(--calcite-font-size-relative-sm);--calcite-internal-navigation-user-full-name-line-height: var(--calcite-space-lg);--calcite-internal-navigation-user-username-line-height: var(--calcite-space-lg)}:host([scale=m]){--calcite-internal-navigation-user-padding-inline: var(--calcite-space-lg);--calcite-internal-navigation-user-full-name-font-size: var(--calcite-font-size-relative-md);--calcite-internal-navigation-user-username-font-size: var(--calcite-font-size-relative-base);--calcite-internal-navigation-user-full-name-line-height: var(--calcite-space-xl);--calcite-internal-navigation-user-username-line-height: var(--calcite-space-lg)}:host([scale=l]){--calcite-internal-navigation-user-padding-inline: var(--calcite-space-xl);--calcite-internal-navigation-user-full-name-font-size: var(--calcite-font-size-relative-xl);--calcite-internal-navigation-user-username-font-size: var(--calcite-font-size-relative-lg);--calcite-internal-navigation-user-full-name-line-height: var(--calcite-space-2xl);--calcite-internal-navigation-user-username-line-height: var(--calcite-space-2xl)}:host{display:inline-flex;outline:2px solid transparent;outline-offset:2px}:host .button{margin:0;display:flex;cursor:pointer;align-items:center;justify-content:center;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);outline-color:transparent;font-family:inherit;border:none;padding-inline:0;background-color:var(--calcite-navigation-background-color, var(--calcite-internal-navigation-user-background-color, var(--calcite-color-transparent)));border-block-end:2px solid var(--calcite-color-transparent)}.text-container{margin-block-start:.125rem;display:flex;flex-direction:column;text-align:start;padding-inline:var(--calcite-internal-navigation-user-padding-inline)}calcite-avatar{--calcite-avatar-corner-radius: var(--calcite-navigation-user-avatar-corner-radius);--calcite-avatar-color: var(--calcite-navigation-user-avatar-color);padding-inline:var(--calcite-internal-navigation-user-padding-inline)}calcite-avatar~.text-container{padding-inline-start:0px}.full-name{margin-inline-start:0px;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-navigation-user-full-name-text-color, var(--calcite-color-text-1));font-size:var(--calcite-internal-navigation-user-full-name-font-size);padding-block-start:var(--calcite-space-2xs);line-height:var(--calcite-internal-navigation-user-full-name-line-height)}.standalone{padding-block-start:0}.username{font-size:var(--calcite-internal-navigation-user-username-font-size);color:var(--calcite-navigation-user-name-text-color, var(--calcite-color-text-2));line-height:var(--calcite-internal-navigation-user-username-line-height)}:host(:hover) .button,:host(:focus) .button{--calcite-internal-navigation-user-background-color: var( --calcite-theme-color-surface-3, var(--calcite-color-foreground-2) )}:host(:focus) .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(:active) .button{--calcite-internal-navigation-user-background-color: var( --calcite-theme-color-surface-4, var(--calcite-color-foreground-3) )}:host([active]) .button{border-block-end-color:var(--calcite-navigation-accent-color, var(--calcite-color-brand))}:host([hidden]){display:none}[hidden]{display:none}`,n=class extends r{constructor(){super(...arguments),this.focusSetter=s()(this),this.active=!1,this.textDisabled=!1,this.scale="m"}static{this.properties={active:[7,{},{reflect:!0,type:Boolean}],fullName:1,label:1,textDisabled:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],thumbnail:1,userId:1,username:1}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=u}async setFocus(o){return this.focusSetter(()=>this.el,o)}render(){return a`<button .ariaLabel=${this.label} class=${t(e.button)}><calcite-avatar .fullName=${this.fullName} .label=${this.label} .scale=${this.scale} .thumbnail=${this.thumbnail} .userId=${this.userId} .username=${this.username}></calcite-avatar>${(this.fullName||this.username)&&!this.textDisabled&&a`<div class=${t(e.textContainer)}>${this.fullName&&i(e.fullName,a`<span class=${t({[e.fullName]:!0,[e.standalone]:!this.username})}>${this.fullName}</span>`)||""}${this.username&&i(e.username,a`<span class=${t(e.username)}>${this.username}</span>`)||""}</div>`||""}</button>`}};c("calcite-navigation-user",n);export{n as NavigationUser};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as z}from"./DL6SAQV4.js";import"./EPJ7IFKU.js";import{a as g}from"./J6B5W6HH.js";import{a as I}from"./5HWWM56V.js";import{a as w}from"./JNAEVEX5.js";import{a as d}from"./ZWPNZ5XW.js";import{e as A}from"./UW77EV26.js";import"./SR3EXOYY.js";import{n as u,y as s}from"./DJD3CC5A.js";import{E as $,F as C,G as k,H as c,M as E,T as y,g as b,h as o,l as S,p as l}from"./DUDIVZGQ.js";var h={actionsStart:"actions-start",actionsEnd:"actions-end",contentEnd:"content-end",contentStart:"content-start"},t={actionsEnd:"actions-end",actionsStart:"actions-start",content:"content",description:"description",expandIcon:"expand-icon",hasActions:"has-actions",header:"header",headerContainer:"header-container",headerContent:"header-content",headerText:"header-text",headerAppearance:r=>`header--${r}`,heading:"heading",icon:"icon",iconEnd:"icon--end",iconStart:"icon--start",iconPosition:r=>`icon-position--${r}`,iconType:r=>`icon-type--${r}`,item:"item",slotContentEnd:"slot-content-end",slotContentStart:"slot-content-start"},m={section:"section",sectionToggle:"section-toggle"},p={chevronDown:"chevronDown",caretDown:"caretDown",plus:"plus",minus:"minus"},H=b`.icon-position--end,.icon-position--start{--calcite-internal-accordion-item-icon-rotation: -90deg ;--calcite-internal-accordion-item-active-icon-rotation: 0deg;--calcite-internal-accordion-item-icon-rotation-rtl: 90deg;--calcite-internal-accordion-item-active-icon-rotation-rtl: 0deg}:host([scale=s]){--calcite-internal-accordion-item-action-slot-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));--calcite-internal-accordion-item-description-font-size: var(--calcite-font-size--3)}:host([scale=m]){--calcite-internal-accordion-item-action-slot-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));--calcite-internal-accordion-item-description-font-size: var(--calcite-font-size--2)}:host([scale=l]){--calcite-internal-accordion-item-action-slot-spacing: var(--calcite-theme-space-xs, var(--calcite-spacing-xs));--calcite-internal-accordion-item-description-font-size: var(--calcite-font-size--1)}:host{position:relative;display:flex;flex-direction:column;text-decoration-line:none;color:var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-color-text-3)));background-color:var(--calcite-accordion-background-color, var(--calcite-accordion-item-background-color));border-width:0}:host .header{background-color:var(--calcite-accordion-item-header-background-color)}:host .header:hover{background-color:var(--calcite-internal-accordion-item-header-background-color-hover)}:host .header:active{background-color:var(--calcite-internal-accordion-item-header-background-color-press)}.header--solid{--calcite-internal-accordion-item-header-background-color-hover: var( --calcite-accordion-item-header-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)) );--calcite-internal-accordion-item-header-background-color-press: var( --calcite-accordion-item-header-background-color-press, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)) )}.header--transparent{--calcite-internal-accordion-item-header-background-color-hover: var( --calcite-accordion-item-header-background-color-hover, var(--calcite-color-transparent-hover) );--calcite-internal-accordion-item-header-background-color-press: var( --calcite-accordion-item-header-background-color-press, var(--calcite-color-transparent-press) )}.icon-position--start{--calcite-internal-accordion-item-flex-direction: row-reverse;--calcite-internal-accordion-item-icon-spacing-start: 0;--calcite-internal-accordion-item-icon-spacing-end: var(--calcite-internal-accordion-icon-margin)}.icon-position--end{--calcite-internal-accordion-item-flex-direction: row;--calcite-internal-accordion-item-icon-spacing-start: var(--calcite-internal-accordion-icon-margin);--calcite-internal-accordion-item-icon-spacing-end: 0}.icon-position--end:not(.icon-type--plus-minus){--calcite-internal-accordion-item-icon-rotation: 0deg;--calcite-internal-accordion-item-active-icon-rotation: 180deg;--calcite-internal-accordion-item-icon-rotation-rtl: 0deg;--calcite-internal-accordion-item-active-icon-rotation-rtl: -180deg }.content,.header{border-block-end-width:var(--calcite-border-width-sm);border-block-end-style:solid;border-color:var(--calcite-accordion-border-color, var(--calcite-accordion-item-border-color, var(--calcite-color-border-2)))}.header-content{padding:var(--calcite-internal-accordion-item-padding, var(--calcite-internal-accordion-item-spacing-unit, .5rem .75rem));background:none;border:none;appearance:none;-webkit-appearance:none;box-shadow:none;outline:none;font-family:inherit}.content{padding:var(--calcite-accordion-item-content-space, var(--calcite-internal-accordion-item-padding, var(--calcite-internal-accordion-item-spacing-unit, .5rem .75rem)))}.header{display:flex;align-items:stretch}.header-content,.header-container,.header .actions-start,.header .actions-end{display:flex;align-items:center;transition-timing-function:cubic-bezier(.4,0,.2,1);overflow-wrap:break-word;word-break:break-word}.header .has-actions{gap:var(--calcite-internal-accordion-item-action-slot-spacing);padding-block:var(--calcite-internal-accordion-item-action-slot-spacing)}.header .actions-start.has-actions{padding-inline:var(--calcite-internal-accordion-item-action-slot-spacing) 0}.header .actions-end.has-actions{padding-inline:0 var(--calcite-internal-accordion-item-action-slot-spacing)}.header-content{flex-grow:1;cursor:pointer;outline-color:transparent;flex-direction:var(--calcite-internal-accordion-item-flex-direction);color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color, inherit))}.header-content: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))))}.header-content:focus,.header-content:hover,.header-content:active{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-hover))}.header-content:focus .heading,.header-content:hover .heading,.header-content:active .heading{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-press))}.header-container{inline-size:100%}.slot-content-end{margin-inline-start:var(--calcite-internal-accordion-icon-margin)}.slot-content-start{margin-inline-end:var(--calcite-internal-accordion-icon-margin)}.header-text{margin-block:0px;flex-grow:1;flex-direction:column;padding-block:0px;text-align:initial;margin-inline-end:auto}.heading,.description{display:flex;inline-size:100%;line-height:var(--calcite-font-line-height-relative-snug)}.heading{margin:0;padding:0;font-weight:var(--calcite-font-weight-medium)}:host([scale=s]) .heading{font-size:var(--calcite-font-size--2)}:host([scale=m]) .heading{font-size:var(--calcite-font-size--1)}:host([scale=l]) .heading{font-size:var(--calcite-font-size-0)}.icon{display:flex;align-items:center;transition-timing-function:cubic-bezier(.4,0,.2,1);margin-inline-end:var(--calcite-internal-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-internal-accordion-item-icon-spacing-end)}.icon--start{color:var(--calcite-accordion-item-icon-color-start, var(--calcite-accordion-item-start-icon-color, var(--calcite-accordion-item-icon-color, var(--calcite-ui-icon-color, currentColor))));margin-inline-end:var(--calcite-internal-accordion-icon-margin)}.icon--end{color:var(--calcite-accordion-item-icon-color-end, var(--calcite-accordion-item-end-icon-color, var(--calcite-accordion-item-icon-color, var(--calcite-ui-icon-color, currentColor))));margin-inline-end:var(--calcite-internal-accordion-icon-margin);margin-inline-start:var(--calcite-internal-accordion-icon-margin)}.expand-icon{color:var(--calcite-accordion-item-expand-icon-color, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-color-text-3))));margin-inline-start:var(--calcite-internal-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-internal-accordion-item-icon-spacing-end);transform:rotate(var(--calcite-internal-accordion-item-icon-rotation))}.calcite--rtl .expand-icon{transform:rotate(var(--calcite-internal-accordion-item-icon-rotation-rtl))}.description{font-size:var(--calcite-internal-accordion-item-description-font-size)}.content{display:none;text-align:initial}:host(:not([expanded])) .heading{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-hover, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-1))));font-weight:var(--calcite-theme-font-weight-regular, var(--calcite-font-weight-normal))}:host([expanded]){color:var(--calcite-accordion-text-color-press, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-color-text-1))))}:host([expanded]) .header{border-block-end-color:transparent}:host([expanded]) .expand-icon{color:var(--calcite-accordion-item-expand-icon-color, var(--calcite-accordion-text-color-hover, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2))))));transform:rotate(var(--calcite-internal-accordion-item-active-icon-rotation))}:host([expanded]) .calcite--rtl .expand-icon{transform:rotate(var(--calcite-internal-accordion-item-active-icon-rotation-rtl))}:host([expanded]) .description{color:var(--calcite-accordion-text-color-hover, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2)))))}:host([expanded]) .content{display:block}@media(forced-colors:active){:host([expanded]) .header{border-block-end:none}:host([expanded]) .heading{font-weight:bolder}.header-content:hover .heading,.header-content:focus .heading{text-decoration:underline}}:host([hidden]){display:none}[hidden]{display:none}`,f=class extends k{constructor(){super(),this.direction=A(),this.headerRef=$(),this.focusSetter=w()(this),this.messages=I(),this.hasActionsEnd=!1,this.hasActionsStart=!1,this.hasContentEnd=!1,this.hasContentStart=!1,this.expanded=!1,this.calciteAccordionItemCollapse=l({cancelable:!1}),this.calciteAccordionItemExpand=l({cancelable:!1}),this.calciteInternalAccordionItemClose=l({cancelable:!1}),this.calciteInternalAccordionItemSelect=l({cancelable:!1}),this.listen("keydown",this.keyDownHandler)}static{this.properties={hasActionsEnd:[16,{},{state:!0}],hasActionsStart:[16,{},{state:!0}],hasContentEnd:[16,{},{state:!0}],hasContentStart:[16,{},{state:!0}],description:1,expanded:[7,{},{reflect:!0,type:Boolean}],heading:1,iconEnd:[3,{},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],appearance:1,headingLevel:[11,{},{type:Number,reflect:!0}],iconPosition:1,iconStart:[3,{},{reflect:!0}],iconType:1,scale:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}]}}static{this.styles=H}async setFocus(e){return this.focusSetter(()=>this.headerRef.value,e)}load(){this.listenOn(document,"calciteInternalAccordionChange",this.updateActiveItemOnChange),this.listenOn(document,"calciteInternalAccordionItemsSync",this.accordionItemSyncHandler)}willUpdate(e){e.has("expanded")&&this.hasUpdated&&(this.expanded?this.calciteAccordionItemExpand.emit():this.calciteAccordionItemCollapse.emit())}keyDownHandler(e){if(e.target===this.el)switch(e.key){case" ":case"Enter":this.emitRequestedItem(),e.preventDefault();break}}updateActiveItemOnChange(e){let[i]=e.composedPath(),a=u(this.el,"calcite-accordion");i===a&&(this.determineActiveItem(a.selectionMode,e.detail.requestedAccordionItem),e.stopPropagation())}accordionItemSyncHandler(e){let[i]=e.composedPath(),a=this.el;if(a.parentElement===i)return;let n=u(a,"calcite-accordion");i===n&&(this.appearance=n.appearance,this.iconPosition=n.iconPosition,this.iconType=n.iconType,this.scale=n.scale,e.stopPropagation())}handleActionsStartSlotChange(e){this.hasActionsStart=s(e)}handleActionsEndSlotChange(e){this.hasActionsEnd=s(e)}handleContentEndSlotChange(e){this.hasContentEnd=s(e)}handleContentStartSlotChange(e){this.hasContentStart=s(e)}itemHeaderClickHandler(){this.emitRequestedItem()}determineActiveItem(e,i){switch(e){case"multiple":this.el===i&&(this.expanded=!this.expanded);break;case"single":this.expanded=this.el===i?!this.expanded:!1;break;case"single-persist":this.expanded=this.el===i;break}}emitRequestedItem(){this.calciteInternalAccordionItemSelect.emit({requestedAccordionItem:this.el})}renderActionsStart(){let{hasActionsStart:e}=this;return o`<div class=${c({[t.actionsStart]:!0,[t.hasActions]:e})} .hidden=${!e}><slot name=${h.actionsStart} @slotchange=${this.handleActionsStartSlotChange}></slot></div>`}renderActionsEnd(){let{hasActionsEnd:e}=this;return o`<div class=${c({[t.actionsEnd]:!0,[t.hasActions]:e})} .hidden=${!e}><slot name=${h.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot></div>`}renderContentEnd(){return o`<div class=${c(t.slotContentEnd)} .hidden=${!this.hasContentEnd}><slot name=${h.contentEnd} @slotchange=${this.handleContentEndSlotChange}></slot></div>`}renderContentStart(){return o`<div class=${c(t.slotContentStart)} .hidden=${!this.hasContentStart}><slot name=${h.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot></div>`}render(){let{iconFlipRtl:e,heading:i,headingLevel:a,messages:v,expanded:n}=this,T=n?v.collapse:v.expand,D=this.iconStart?g("icon-start",o`<calcite-icon class=${c({[t.icon]:!0,[t.iconStart]:!0})} .flipRtl=${e==="both"||e==="start"} .icon=${this.iconStart} .scale=${d(this.scale)}></calcite-icon>`):null,P=this.iconEnd?g("icon-end",o`<calcite-icon class=${c({[t.iconEnd]:!0,[t.icon]:!0})} .flipRtl=${e==="both"||e==="end"} .icon=${this.iconEnd} .scale=${d(this.scale)}></calcite-icon>`):null,{description:x}=this;return o`<div class=${c({[t.iconPosition(this.iconPosition)]:!0,[t.iconType(this.iconType)]:!0})}><div class=${c({[t.header]:!0,[E.rtl]:this.direction==="rtl",[t.headerAppearance(this.appearance)]:!0})}>${this.renderActionsStart()}<button aria-controls=${m.section} .ariaExpanded=${n} class=${c(t.headerContent)} id=${m.sectionToggle} @click=${this.itemHeaderClickHandler} type=button ${C(this.headerRef)}><div class=${c(t.headerContainer)}>${this.renderContentStart()}${D}<div class=${c(t.headerText)}>${z({class:t.heading,level:a,children:i})}${x?o`<span class=${c(t.description)}>${x}</span>`:null}</div>${P}${this.renderContentEnd()}</div><calcite-icon class=${c(t.expandIcon)} .icon=${this.iconType==="chevron"?p.chevronDown:this.iconType==="caret"?p.caretDown:n?p.minus:p.plus} .scale=${d(this.scale)} title=${T??S}></calcite-icon></button>${this.renderActionsEnd()}</div><section aria-labelledby=${m.sectionToggle} class=${c(t.content)} id=${m.section}><slot></slot></section></div>`}};y("calcite-accordion-item",f);export{f as AccordionItem};
|
|
2
|
+
import{a as z}from"./3ZN63BYS.js";import"./HS4H3A7N.js";import{a as g}from"./5ZE2XVOM.js";import{a as I}from"./36ACS6PW.js";import{a as w}from"./TVFDLI2M.js";import{a as d}from"./ZWPNZ5XW.js";import{e as A}from"./UVP2URZU.js";import"./JD4HX7DK.js";import{n as u,y as s}from"./DJD3CC5A.js";import{E as $,F as C,G as k,H as c,M as E,T as y,g as b,h as o,l as S,p as l}from"./3TXOTJWU.js";var h={actionsStart:"actions-start",actionsEnd:"actions-end",contentEnd:"content-end",contentStart:"content-start"},t={actionsEnd:"actions-end",actionsStart:"actions-start",content:"content",description:"description",expandIcon:"expand-icon",hasActions:"has-actions",header:"header",headerContainer:"header-container",headerContent:"header-content",headerText:"header-text",headerAppearance:r=>`header--${r}`,heading:"heading",icon:"icon",iconEnd:"icon--end",iconStart:"icon--start",iconPosition:r=>`icon-position--${r}`,iconType:r=>`icon-type--${r}`,item:"item",slotContentEnd:"slot-content-end",slotContentStart:"slot-content-start"},m={section:"section",sectionToggle:"section-toggle"},p={chevronDown:"chevronDown",caretDown:"caretDown",plus:"plus",minus:"minus"},H=b`.icon-position--end,.icon-position--start{--calcite-internal-accordion-item-icon-rotation: -90deg ;--calcite-internal-accordion-item-active-icon-rotation: 0deg;--calcite-internal-accordion-item-icon-rotation-rtl: 90deg;--calcite-internal-accordion-item-active-icon-rotation-rtl: 0deg}:host([scale=s]){--calcite-internal-accordion-item-action-slot-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));--calcite-internal-accordion-item-description-font-size: var(--calcite-font-size--3)}:host([scale=m]){--calcite-internal-accordion-item-action-slot-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));--calcite-internal-accordion-item-description-font-size: var(--calcite-font-size--2)}:host([scale=l]){--calcite-internal-accordion-item-action-slot-spacing: var(--calcite-theme-space-xs, var(--calcite-spacing-xs));--calcite-internal-accordion-item-description-font-size: var(--calcite-font-size--1)}:host{position:relative;display:flex;flex-direction:column;text-decoration-line:none;color:var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-color-text-3)));background-color:var(--calcite-accordion-background-color, var(--calcite-accordion-item-background-color));border-width:0}:host .header{background-color:var(--calcite-accordion-item-header-background-color)}:host .header:hover{background-color:var(--calcite-internal-accordion-item-header-background-color-hover)}:host .header:active{background-color:var(--calcite-internal-accordion-item-header-background-color-press)}.header--solid{--calcite-internal-accordion-item-header-background-color-hover: var( --calcite-accordion-item-header-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)) );--calcite-internal-accordion-item-header-background-color-press: var( --calcite-accordion-item-header-background-color-press, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)) )}.header--transparent{--calcite-internal-accordion-item-header-background-color-hover: var( --calcite-accordion-item-header-background-color-hover, var(--calcite-color-transparent-hover) );--calcite-internal-accordion-item-header-background-color-press: var( --calcite-accordion-item-header-background-color-press, var(--calcite-color-transparent-press) )}.icon-position--start{--calcite-internal-accordion-item-flex-direction: row-reverse;--calcite-internal-accordion-item-icon-spacing-start: 0;--calcite-internal-accordion-item-icon-spacing-end: var(--calcite-internal-accordion-icon-margin)}.icon-position--end{--calcite-internal-accordion-item-flex-direction: row;--calcite-internal-accordion-item-icon-spacing-start: var(--calcite-internal-accordion-icon-margin);--calcite-internal-accordion-item-icon-spacing-end: 0}.icon-position--end:not(.icon-type--plus-minus){--calcite-internal-accordion-item-icon-rotation: 0deg;--calcite-internal-accordion-item-active-icon-rotation: 180deg;--calcite-internal-accordion-item-icon-rotation-rtl: 0deg;--calcite-internal-accordion-item-active-icon-rotation-rtl: -180deg }.content,.header{border-block-end-width:var(--calcite-border-width-sm);border-block-end-style:solid;border-color:var(--calcite-accordion-border-color, var(--calcite-accordion-item-border-color, var(--calcite-color-border-2)))}.header-content{padding:var(--calcite-internal-accordion-item-padding, var(--calcite-internal-accordion-item-spacing-unit, .5rem .75rem));background:none;border:none;appearance:none;-webkit-appearance:none;box-shadow:none;outline:none;font-family:inherit}.content{padding:var(--calcite-accordion-item-content-space, var(--calcite-internal-accordion-item-padding, var(--calcite-internal-accordion-item-spacing-unit, .5rem .75rem)))}.header{display:flex;align-items:stretch}.header-content,.header-container,.header .actions-start,.header .actions-end{display:flex;align-items:center;transition-timing-function:cubic-bezier(.4,0,.2,1);overflow-wrap:break-word;word-break:break-word}.header .has-actions{gap:var(--calcite-internal-accordion-item-action-slot-spacing);padding-block:var(--calcite-internal-accordion-item-action-slot-spacing)}.header .actions-start.has-actions{padding-inline:var(--calcite-internal-accordion-item-action-slot-spacing) 0}.header .actions-end.has-actions{padding-inline:0 var(--calcite-internal-accordion-item-action-slot-spacing)}.header-content{flex-grow:1;cursor:pointer;outline-color:transparent;flex-direction:var(--calcite-internal-accordion-item-flex-direction);color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color, inherit))}.header-content: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))))}.header-content:focus,.header-content:hover,.header-content:active{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-hover))}.header-content:focus .heading,.header-content:hover .heading,.header-content:active .heading{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-press))}.header-container{inline-size:100%}.slot-content-end{margin-inline-start:var(--calcite-internal-accordion-icon-margin)}.slot-content-start{margin-inline-end:var(--calcite-internal-accordion-icon-margin)}.header-text{margin-block:0px;flex-grow:1;flex-direction:column;padding-block:0px;text-align:initial;margin-inline-end:auto}.heading,.description{display:flex;inline-size:100%;line-height:var(--calcite-font-line-height-relative-snug)}.heading{margin:0;padding:0;font-weight:var(--calcite-font-weight-medium)}:host([scale=s]) .heading{font-size:var(--calcite-font-size--2)}:host([scale=m]) .heading{font-size:var(--calcite-font-size--1)}:host([scale=l]) .heading{font-size:var(--calcite-font-size-0)}.icon{display:flex;align-items:center;transition-timing-function:cubic-bezier(.4,0,.2,1);margin-inline-end:var(--calcite-internal-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-internal-accordion-item-icon-spacing-end)}.icon--start{color:var(--calcite-accordion-item-icon-color-start, var(--calcite-accordion-item-start-icon-color, var(--calcite-accordion-item-icon-color, var(--calcite-ui-icon-color, currentColor))));margin-inline-end:var(--calcite-internal-accordion-icon-margin)}.icon--end{color:var(--calcite-accordion-item-icon-color-end, var(--calcite-accordion-item-end-icon-color, var(--calcite-accordion-item-icon-color, var(--calcite-ui-icon-color, currentColor))));margin-inline-end:var(--calcite-internal-accordion-icon-margin);margin-inline-start:var(--calcite-internal-accordion-icon-margin)}.expand-icon{color:var(--calcite-accordion-item-expand-icon-color, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-color-text-3))));margin-inline-start:var(--calcite-internal-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-internal-accordion-item-icon-spacing-end);transform:rotate(var(--calcite-internal-accordion-item-icon-rotation))}.calcite--rtl .expand-icon{transform:rotate(var(--calcite-internal-accordion-item-icon-rotation-rtl))}.description{font-size:var(--calcite-internal-accordion-item-description-font-size)}.content{display:none;text-align:initial}:host(:not([expanded])) .heading{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-hover, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-1))));font-weight:var(--calcite-theme-font-weight-regular, var(--calcite-font-weight-normal))}:host([expanded]){color:var(--calcite-accordion-text-color-press, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-color-text-1))))}:host([expanded]) .header{border-block-end-color:transparent}:host([expanded]) .expand-icon{color:var(--calcite-accordion-item-expand-icon-color, var(--calcite-accordion-text-color-hover, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2))))));transform:rotate(var(--calcite-internal-accordion-item-active-icon-rotation))}:host([expanded]) .calcite--rtl .expand-icon{transform:rotate(var(--calcite-internal-accordion-item-active-icon-rotation-rtl))}:host([expanded]) .description{color:var(--calcite-accordion-text-color-hover, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2)))))}:host([expanded]) .content{display:block}@media(forced-colors:active){:host([expanded]) .header{border-block-end:none}:host([expanded]) .heading{font-weight:bolder}.header-content:hover .heading,.header-content:focus .heading{text-decoration:underline}}:host([hidden]){display:none}[hidden]{display:none}`,f=class extends k{constructor(){super(),this.direction=A(),this.headerRef=$(),this.focusSetter=w()(this),this.messages=I(),this.hasActionsEnd=!1,this.hasActionsStart=!1,this.hasContentEnd=!1,this.hasContentStart=!1,this.expanded=!1,this.calciteAccordionItemCollapse=l({cancelable:!1}),this.calciteAccordionItemExpand=l({cancelable:!1}),this.calciteInternalAccordionItemClose=l({cancelable:!1}),this.calciteInternalAccordionItemSelect=l({cancelable:!1}),this.listen("keydown",this.keyDownHandler)}static{this.properties={hasActionsEnd:[16,{},{state:!0}],hasActionsStart:[16,{},{state:!0}],hasContentEnd:[16,{},{state:!0}],hasContentStart:[16,{},{state:!0}],description:1,expanded:[7,{},{reflect:!0,type:Boolean}],heading:1,iconEnd:[3,{},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],appearance:1,headingLevel:[11,{},{type:Number,reflect:!0}],iconPosition:1,iconStart:[3,{},{reflect:!0}],iconType:1,scale:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}]}}static{this.styles=H}async setFocus(e){return this.focusSetter(()=>this.headerRef.value,e)}load(){this.listenOn(document,"calciteInternalAccordionChange",this.updateActiveItemOnChange),this.listenOn(document,"calciteInternalAccordionItemsSync",this.accordionItemSyncHandler)}willUpdate(e){e.has("expanded")&&this.hasUpdated&&(this.expanded?this.calciteAccordionItemExpand.emit():this.calciteAccordionItemCollapse.emit())}keyDownHandler(e){if(e.target===this.el)switch(e.key){case" ":case"Enter":this.emitRequestedItem(),e.preventDefault();break}}updateActiveItemOnChange(e){let[i]=e.composedPath(),a=u(this.el,"calcite-accordion");i===a&&(this.determineActiveItem(a.selectionMode,e.detail.requestedAccordionItem),e.stopPropagation())}accordionItemSyncHandler(e){let[i]=e.composedPath(),a=this.el;if(a.parentElement===i)return;let n=u(a,"calcite-accordion");i===n&&(this.appearance=n.appearance,this.iconPosition=n.iconPosition,this.iconType=n.iconType,this.scale=n.scale,e.stopPropagation())}handleActionsStartSlotChange(e){this.hasActionsStart=s(e)}handleActionsEndSlotChange(e){this.hasActionsEnd=s(e)}handleContentEndSlotChange(e){this.hasContentEnd=s(e)}handleContentStartSlotChange(e){this.hasContentStart=s(e)}itemHeaderClickHandler(){this.emitRequestedItem()}determineActiveItem(e,i){switch(e){case"multiple":this.el===i&&(this.expanded=!this.expanded);break;case"single":this.expanded=this.el===i?!this.expanded:!1;break;case"single-persist":this.expanded=this.el===i;break}}emitRequestedItem(){this.calciteInternalAccordionItemSelect.emit({requestedAccordionItem:this.el})}renderActionsStart(){let{hasActionsStart:e}=this;return o`<div class=${c({[t.actionsStart]:!0,[t.hasActions]:e})} .hidden=${!e}><slot name=${h.actionsStart} @slotchange=${this.handleActionsStartSlotChange}></slot></div>`}renderActionsEnd(){let{hasActionsEnd:e}=this;return o`<div class=${c({[t.actionsEnd]:!0,[t.hasActions]:e})} .hidden=${!e}><slot name=${h.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot></div>`}renderContentEnd(){return o`<div class=${c(t.slotContentEnd)} .hidden=${!this.hasContentEnd}><slot name=${h.contentEnd} @slotchange=${this.handleContentEndSlotChange}></slot></div>`}renderContentStart(){return o`<div class=${c(t.slotContentStart)} .hidden=${!this.hasContentStart}><slot name=${h.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot></div>`}render(){let{iconFlipRtl:e,heading:i,headingLevel:a,messages:v,expanded:n}=this,T=n?v.collapse:v.expand,D=this.iconStart?g("icon-start",o`<calcite-icon class=${c({[t.icon]:!0,[t.iconStart]:!0})} .flipRtl=${e==="both"||e==="start"} .icon=${this.iconStart} .scale=${d(this.scale)}></calcite-icon>`):null,P=this.iconEnd?g("icon-end",o`<calcite-icon class=${c({[t.iconEnd]:!0,[t.icon]:!0})} .flipRtl=${e==="both"||e==="end"} .icon=${this.iconEnd} .scale=${d(this.scale)}></calcite-icon>`):null,{description:x}=this;return o`<div class=${c({[t.iconPosition(this.iconPosition)]:!0,[t.iconType(this.iconType)]:!0})}><div class=${c({[t.header]:!0,[E.rtl]:this.direction==="rtl",[t.headerAppearance(this.appearance)]:!0})}>${this.renderActionsStart()}<button aria-controls=${m.section} .ariaExpanded=${n} class=${c(t.headerContent)} id=${m.sectionToggle} @click=${this.itemHeaderClickHandler} type=button ${C(this.headerRef)}><div class=${c(t.headerContainer)}>${this.renderContentStart()}${D}<div class=${c(t.headerText)}>${z({class:t.heading,level:a,children:i})}${x?o`<span class=${c(t.description)}>${x}</span>`:null}</div>${P}${this.renderContentEnd()}</div><calcite-icon class=${c(t.expandIcon)} .icon=${this.iconType==="chevron"?p.chevronDown:this.iconType==="caret"?p.caretDown:n?p.minus:p.plus} .scale=${d(this.scale)} title=${T??S}></calcite-icon></button>${this.renderActionsEnd()}</div><section aria-labelledby=${m.sectionToggle} class=${c(t.content)} id=${m.section}><slot></slot></section></div>`}};y("calcite-accordion-item",f);export{f as AccordionItem};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{d as b}from"./IP7QMIWU.js";import{a as f}from"./
|
|
2
|
+
import{d as b}from"./IP7QMIWU.js";import{a as f}from"./DUJAGFCN.js";import{a as u}from"./VI7SBYXT.js";import"./VUYX7MNO.js";import"./UVP2URZU.js";import"./JD4HX7DK.js";import{D as i}from"./DJD3CC5A.js";import{F as d,G as h,H as p,T as m,g as o,h as r,p as n}from"./3TXOTJWU.js";var g={container:"container"},y=o`: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{box-sizing:border-box;display:inline-block}:host ::slotted(calcite-tile){margin-block-end:var(--calcite-theme-space-px, var(--calcite-spacing-px));margin-inline-end:var(--calcite-theme-space-px, var(--calcite-spacing-px))}.container{display:grid;grid-auto-rows:minmax(auto,1fr);grid-auto-flow:column}:host([scale=s]) .container{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}:host([scale=m]) .container{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}:host([scale=l]) .container{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}:host([layout=vertical]) .container{display:flex;flex-direction:column}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,c=class extends h{constructor(){super(),this.items=[],this.mutationObserver=u("mutation",()=>this.updateTiles()),this.interactiveContainer=f(this),this.alignment="start",this.disabled=!1,this.layout="horizontal",this.scale="m",this.selectedItems=[],this.selectionAppearance="icon",this.selectionMode="none",this.calciteTileGroupSelect=n({cancelable:!1}),this.listen("keydown",this.keyDownHandler),this.listen("calciteTileSelect",this.calciteTileSelectHandler)}static{this.properties={alignment:[3,{},{reflect:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],label:1,layout:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selectedItems:[0,{},{attribute:!1}],selectionAppearance:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}]}}static{this.styles=y}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0}),this.updateTiles()}willUpdate(e){(e.has("scale")&&(this.hasUpdated||this.scale!=="m")||e.has("selectionMode")&&(this.hasUpdated||this.selectionMode!=="none")||e.has("selectionAppearance")&&(this.hasUpdated||this.selectionAppearance!=="icon"))&&this.updateTiles()}loaded(){this.updateSelectedItems()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}getSlottedTiles(){return this.slotEl?.assignedElements({flatten:!0}).filter(b)??[]}selectItem(e){e&&(this.items?.forEach(t=>{let s=e===t;switch(this.selectionMode){case"multiple":s&&(t.selected=!t.selected);break;case"single":t.selected=s&&!t.selected;break;case"single-persist":t.selected=!!s;break}}),this.updateSelectedItems(),this.calciteTileGroupSelect.emit())}setSlotEl(e){this.slotEl=e}updateSelectedItems(){let e=this.items?.filter(t=>t.selected);(this.selectionMode==="single"||this.selectionMode==="single-persist")&&e?.length>1?(this.selectedItems=[e.pop()],this.items?.forEach(t=>{this.selectedItems.indexOf(t)===-1&&(t.selected=!1)})):this.selectedItems=e??[]}updateTiles(){this.items=this.getSlottedTiles(),this.items?.forEach(e=>{e.alignment=this.alignment,e.interactive=!0,e.layout=this.layout,e.scale=this.scale,e.selectionAppearance=this.selectionAppearance,e.selectionMode=this.selectionMode}),this.updateSelectedItems()}keyDownHandler(e){let t=e.composedPath();if(e.defaultPrevented||this.disabled||!t.includes(this.el))return;let s=this.items.find(l=>l===e.target);if(!s||s.disabled)return;let a=this.items?.filter(l=>!l.disabled);switch(e.key){case"ArrowDown":case"ArrowRight":e.preventDefault(),i(a,s,"next",!0,!1);break;case"ArrowUp":case"ArrowLeft":e.preventDefault(),i(a,s,"previous",!0,!1);break;case"Home":e.preventDefault(),i(a,s,"first",!0,!1);break;case"End":e.preventDefault(),i(a,s,"last",!0,!1);break}}calciteTileSelectHandler(e){e.composedPath().includes(this.el)&&this.selectItem(e.target)}render(){let e=this.selectionMode==="none"||this.selectionMode==="multiple"?"group":"radiogroup";return this.interactiveContainer({disabled:this.disabled,children:r`<div .ariaLabel=${this.label} class=${p(g.container)} .role=${e}><slot @slotchange=${this.updateTiles} ${d(this.setSlotEl)}></slot></div>`})}};m("calcite-tile-group",c);export{c as TileGroup};
|
|
@@ -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"./UVP2URZU.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{A,B as D,C as y,k as P,v as k,w,x as V,y as m,z as h}from"./
|
|
2
|
+
import{A,B as D,C as y,k as P,v as k,w,x as V,y as m,z as h}from"./3TXOTJWU.js";var b=(s,f,c)=>{let p=new Map;for(let e=f;e<=c;e++)p.set(s[e],e);return p},I=w(class extends V{constructor(s){if(super(s),s.type!==k.CHILD)throw Error("repeat() can only be used in text expressions")}dt(s,f,c){let p;c===void 0?c=f:f!==void 0&&(p=f);let e=[],n=[],o=0;for(let a of s)e[o]=p?p(a,o):o,n[o]=c(a,o),o++;return{values:n,keys:e}}render(s,f,c){return this.dt(s,f,c).values}update(s,[f,c,p]){let e=D(s),{values:n,keys:o}=this.dt(f,c,p);if(!Array.isArray(e))return this.ut=o,n;let a=this.ut??=[],u=[],v,g,t=0,l=e.length-1,r=0,i=n.length-1;for(;t<=l&&r<=i;)if(e[t]===null)t++;else if(e[l]===null)l--;else if(a[t]===o[r])u[r]=h(e[t],n[r]),t++,r++;else if(a[l]===o[i])u[i]=h(e[l],n[i]),l--,i--;else if(a[t]===o[i])u[i]=h(e[t],n[i]),m(s,u[i+1],e[t]),t++,i--;else if(a[l]===o[r])u[r]=h(e[l],n[r]),m(s,e[t],e[l]),l--,r++;else if(v===void 0&&(v=b(o,r,i),g=b(a,t,l)),v.has(a[t]))if(v.has(a[l])){let d=g.get(o[r]),x=d!==void 0?e[d]:null;if(x===null){let C=m(s,e[t]);h(C,n[r]),u[r]=C}else u[r]=h(x,n[r]),m(s,e[t],x),e[d]=null;r++}else y(e[l]),l--;else y(e[t]),t++;for(;r<=i;){let d=m(s,u[i+1]);h(d,n[r]),u[r++]=d}for(;t<=l;){let d=e[t++];d!==null&&y(d)}return this.ut=o,A(s,u),P}});export{I as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as k}from"./DKJI4BME.js";import{a as $}from"./
|
|
2
|
+
import{a as k}from"./DKJI4BME.js";import{a as $}from"./7XB2K344.js";import{a as C}from"./DUJAGFCN.js";import{a as y}from"./36ACS6PW.js";import{a as v}from"./TVFDLI2M.js";import"./ZWPNZ5XW.js";import"./UVP2URZU.js";import"./JD4HX7DK.js";import{z as m}from"./DJD3CC5A.js";import{E as c,F as o,G as f,H as i,J as r,T as E,g as p,h as l,p as s}from"./3TXOTJWU.js";var x=p`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([scale=s]) .controls-wrapper{block-size:1.5rem}:host([scale=m]) .controls-wrapper{block-size:2rem}:host([scale=l]) .controls-wrapper{block-size:2.75rem}.wrapper{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;box-sizing:border-box;display:flex;justify-content:space-between;background-color:var(--calcite-inline-editable-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}.wrapper .input-wrapper{flex:1 1 0%}:host(:not([editing-enabled]):not([disabled])) .wrapper:hover{background-color:var(--calcite-inline-editable-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)))}.controls-wrapper{display:flex}.enable-editing-button--hidden{pointer-events:none;opacity:0;inline-size:0;margin-inline-start:0}.enable-editing-button{--calcite-action-text-color: var(--calcite-inline-editable-button-text-color, var(--calcite-color-text-1))}.enable-editing-button,.confirm-changes-button,.cancel-editing-button{margin-inline-start:var(--calcite-space-2xs)}:host([editing-enabled]) .confirm-changes-button{margin-inline-start:0}:host([editing-enabled]:not([controls])) .controls-wrapper{display:none}calcite-action{--calcite-action-background-color: var(--calcite-inline-editable-button-background-color);--calcite-action-corner-radius: var(--calcite-inline-editable-button-corner-radius);--calcite-action-loader-color: var(--calcite-inline-editable-button-loader-color);--calcite-action-text-color: var(--calcite-inline-editable-button-text-color)}calcite-action:hover{--calcite-action-background-color-hover: var( --calcite-inline-editable-button-background-color-hover, var(--calcite-inline-editable-button-background-color) );--calcite-action-text-color-press: var( --calcite-inline-editable-button-text-color-press, var(--calcite-inline-editable-button-text-color) )}calcite-action:active{--calcite-action-background-color-press: var( --calcite-inline-editable-button-background-color-press, var(--calcite-inline-editable-button-background-color) );--calcite-action-text-color-press: var( --calcite-inline-editable-button-text-color-press, var(--calcite-inline-editable-button-text-color) )}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,n={wrapper:"wrapper",confirmChangesButton:"confirm-changes-button",cancelEditingButton:"cancel-editing-button",inputWrapper:"input-wrapper",cancelEditingButtonWrapper:"cancel-editing-button-wrapper",enableEditingButton:"enable-editing-button",enableEditingButtonHidden:"enable-editing-button--hidden",controlsWrapper:"controls-wrapper"},h={check:"check",close:"x",pencil:"pencil"},b=class extends f{constructor(){super(),this.cancelEditingButtonRef=c(),this.confirmChangesButtonRef=c(),this._editingEnabled=!1,this.enableEditingButtonRef=c(),this.shouldEmitCancel=!1,this.valuePriorToEditing="",this.messages=y(),this.focusSetter=v()(this),this.interactiveContainer=C(this),this.controls=!1,this.disabled=!1,this.loading=!1,this.scale="m",this.calciteInlineEditableEditCancel=s({cancelable:!1}),this.calciteInlineEditableEditConfirm=s({cancelable:!1}),this.calciteInternalInlineEditableEnableEditingChange=s({cancelable:!1}),$(this),this.listen("calciteInternalInputBlur",this.blurHandler),this.listen("calciteInternalInputNumberBlur",this.blurHandler),this.listen("calciteInternalInputTextBlur",this.blurHandler),this.listen("keydown",this.escapeKeyHandler)}static{this.properties={afterConfirm:[0,{},{attribute:!1}],controls:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],editingEnabled:[7,{},{reflect:!0,type:Boolean}],loading:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],scale:[3,{},{reflect:!0}]}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=x}get shouldShowControls(){return this.editingEnabled&&this.controls}get editingEnabled(){return this._editingEnabled}set editingEnabled(t){let e=this._editingEnabled;t!==e&&(this._editingEnabled=t,this.editingEnabledWatcher(t,e))}async setFocus(t){return this.focusSetter(()=>this.inputEl,t)}editingEnabledWatcher(t,e){this.inputEl&&(this.inputEl.inlineEditing=t),!t&&e&&(this.shouldEmitCancel=!0)}blurHandler(){this.controls||this.disableEditing()}async handleDefaultSlotChange(t){let e=m(t).filter(a=>a.matches("calcite-input, calcite-input-number, calcite-input-text"))[0];this.inputEl=e,e&&(await e.componentOnReady(),e.inlineEditing=this.editingEnabled,e.label=e.label||k(this))}onLabelClick(){this.setFocus()}enableEditing(){this.valuePriorToEditing=this.inputEl?.value??"",this.editingEnabled=!0,this.inputEl?.setFocus(),this.calciteInternalInlineEditableEnableEditingChange.emit()}disableEditing(){this.editingEnabled=!1}cancelEditing(){this.inputEl&&(this.inputEl.value=this.valuePriorToEditing),this.disableEditing(),this.enableEditingButtonRef.value?.setFocus(),!this.editingEnabled&&this.shouldEmitCancel&&this.calciteInlineEditableEditCancel.emit()}escapeKeyHandler(t){if(!t.defaultPrevented&&(t.key==="Escape"&&(t.preventDefault(),this.cancelEditing()),t.key==="Tab"&&this.shouldShowControls)){let e=this.confirmChangesButtonRef.value,a=this.cancelEditingButtonRef.value,d=t.composedPath(),B=this.inputEl?d.includes(this.inputEl):!1,u=e?d.includes(e):!1,g=a?d.includes(a):!1;!t.shiftKey&&u&&(t.preventDefault(),a?.setFocus()),!t.shiftKey&&(B||!u&&!g)&&(t.preventDefault(),e?.setFocus()),t.shiftKey&&g&&(t.preventDefault(),e?.setFocus()),t.shiftKey&&u&&(t.preventDefault(),this.inputEl?.setFocus())}}async cancelEditingHandler(t){t.preventDefault(),this.cancelEditing()}enableEditingHandler(t){this.disabled||t.target!==this.enableEditingButtonRef.value&&t.target!==this.inputEl||(t.preventDefault(),this.editingEnabled||this.enableEditing())}async confirmChangesHandler(t){t.preventDefault(),this.calciteInlineEditableEditConfirm.emit();try{this.afterConfirm&&(this.loading=!0,await this.afterConfirm(),this.disableEditing(),this.enableEditingButtonRef.value?.setFocus())}catch{}finally{this.loading=!1}}render(){return this.interactiveContainer({disabled:this.disabled,children:l`<div class=${i(n.wrapper)} @click=${this.enableEditingHandler}><div class=${i(n.inputWrapper)}><slot @slotchange=${this.handleDefaultSlotChange}></slot></div><div class=${i(n.controlsWrapper)}><calcite-action .ariaLabel=${this.messages.enableEditing} class=${i({[n.enableEditingButton]:!0,[n.enableEditingButtonHidden]:this.editingEnabled})} .icon=${h.pencil} @click=${this.enableEditingHandler} .scale=${this.scale} .text=${this.messages.enableEditing} title=${this.messages.enableEditing??r} type=button ${o(this.enableEditingButtonRef)}></calcite-action>${this.shouldShowControls&&[l`<calcite-action .ariaLabel=${this.messages.confirmChanges} class=${i(n.confirmChangesButton)} .icon=${h.check} .loading=${this.loading} @click=${this.confirmChangesHandler} .scale=${this.scale} .text=${this.messages.confirmChanges} title=${this.messages.confirmChanges??r} type=button ${o(this.confirmChangesButtonRef)}></calcite-action>`,l`<div class=${i(n.cancelEditingButtonWrapper)}><calcite-action .ariaLabel=${this.messages.cancelEditing} class=${i(n.cancelEditingButton)} .icon=${h.close} @click=${this.cancelEditingHandler} .scale=${this.scale} .text=${this.messages.cancelEditing} title=${this.messages.cancelEditing??r} type=button ${o(this.cancelEditingButtonRef)}></calcite-action></div>`]||""}</div></div>`})}};E("calcite-inline-editable",b);export{b as InlineEditable};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as d}from"./VI7SBYXT.js";import{a as h}from"./
|
|
2
|
+
import{a as d}from"./VI7SBYXT.js";import{a as h}from"./36ACS6PW.js";import"./UVP2URZU.js";import"./JD4HX7DK.js";import{u as m}from"./DJD3CC5A.js";import{E as l,F as r,G as o,H as s,T as c,g as n,h as t}from"./3TXOTJWU.js";var f={scrim:"scrim",content:"content"},u={s:72,l:480},b=n`:host{position:absolute;inset:0;z-index:var(--calcite-z-index-overlay);display:flex;block-size:100%;inline-size:100%;flex-direction:column;align-items:stretch}@keyframes calcite-scrim-fade-in{0%{--tw-bg-opacity: 0 }to{--tw-text-opacity: 1 }}.scrim{position:absolute;inset:0;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;overflow:hidden;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-scrim-background, var(--calcite-color-transparent-scrim))}.content{padding:1rem}:host([hidden]){display:none}[hidden]{display:none}`,i=class extends o{constructor(){super(...arguments),this.loaderRef=l(),this.resizeObserver=d("resize",()=>this.handleResize()),this.messages=h(),this.hasContent=!1,this.loading=!1}static{this.properties={hasContent:[16,{},{state:!0}],loaderScale:[16,{},{state:!0}],loading:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}]}}static{this.styles=b}connectedCallback(){super.connectedCallback(),this.resizeObserver?.observe(this.el)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect()}handleDefaultSlotChange(e){this.hasContent=m(e)}getScale(e){return e<u.s?"s":e>=u.l?"l":"m"}handleResize(){let{el:e}=this;this.loaderScale=this.getScale(Math.min(e.clientHeight,e.clientWidth)??0)}render(){let{hasContent:e,loading:p,loaderScale:a,messages:g}=this;return t`<div class=${s(f.scrim)}>${p&&a?t`<calcite-loader .label=${g.loading} .scale=${a} ${r(this.loaderRef)}></calcite-loader>`:null}<div class=${s(f.content)} .hidden=${!e}><slot @slotchange=${this.handleDefaultSlotChange}></slot></div></div>`}};c("calcite-scrim",i);export{i as Scrim};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{G as s,T as i,h as l,p as a}from"./
|
|
2
|
+
import{G as s,T as i,h as l,p as a}from"./3TXOTJWU.js";var e=class extends s{constructor(){super(...arguments),this.disabled=!1,this.calciteInternalOptionGroupChange=a({cancelable:!1})}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],label:1}}willUpdate(t){(t.has("disabled")&&(this.hasUpdated||this.disabled!==!1)||t.has("label"))&&this.calciteInternalOptionGroupChange.emit()}render(){return l`<div>${this.label}</div><slot></slot>`}};i("calcite-option-group",e);export{e as OptionGroup};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as b}from"./
|
|
2
|
+
import{a as b}from"./DUJAGFCN.js";import{a as v}from"./YP3AYJH3.js";import{a as k}from"./TVFDLI2M.js";import"./ZWPNZ5XW.js";import{e as m}from"./UVP2URZU.js";import"./JD4HX7DK.js";import"./DJD3CC5A.js";import{E as l,F as d,G as h,H as r,J as i,L as u,M as f,T as p,g as a,h as n}from"./3TXOTJWU.js";var y=a`: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:inline}:host a{cursor:pointer;font-family:inherit;text-decoration-line:none;outline-color:transparent;font-size:inherit;-webkit-appearance:none;color:var(--calcite-link-text-color, var(--calcite-color-text-link));line-height:inherit;white-space:initial}:host a:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.link--text{text-decoration-line:var(--calcite-internal-link-text-decoration-line, underline);text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-decoration-thickness:var(--calcite-border-width-sm);text-underline-offset:.33em;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform,text-decoration-color;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}:host a:hover .link--text{text-decoration-color:currentColor}:host a:active .link--text{text-decoration-color:currentColor}calcite-icon{inline-size:1em;block-size:1em;min-inline-size:unset;min-block-size:unset}.link--icon{vertical-align:middle;margin-block-start:-.25em}.link--icon.icon-start{margin-inline-end:var(--calcite-space-2xs)}.link--icon.icon-end{margin-inline-start:var(--calcite-space-2xs)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,c={icon:"link--icon",iconStart:"icon-start",iconEnd:"icon-end",text:"link--text"},s=class extends h{constructor(){super(),this.anchorRef=l(),this.direction=m(),this.focusSetter=k()(this),this.interactiveContainer=b(this),this.keyDownHandler=t=>{v(t.key)&&(t.preventDefault(),this.el.click())},this.anchorClickHandler=t=>{t.isTrusted||t.stopPropagation()},this.disabled=!1,this.download=!1,this.listen("click",this.clickHandler)}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],download:[3,{converter:u},{reflect:!0}],href:[3,{},{reflect:!0}],iconEnd:[3,{},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],iconStart:[3,{},{reflect:!0}],rel:1,target:1}}static{this.styles=y}async setFocus(t){return this.focusSetter(()=>this.anchorRef.value,t)}clickHandler(t){t.isTrusted||this.anchorRef.value?.click()}render(){let{download:t}=this,o=this.direction,e=!this.href;return this.el.role="presentation",this.interactiveContainer({disabled:this.disabled,children:n`<a class=${r({[f.rtl]:o==="rtl"})} download=${(t===!0||t===""?"":t||void 0)??i} href=${(this.href||void 0)??i} @click=${this.anchorClickHandler} @keydown=${e?this.keyDownHandler:void 0} rel=${this.rel??i} .role=${e?"button":void 0} tabindex=${(e?0:void 0)??i} target=${(this.href?this.target:void 0)??i} ${d(this.anchorRef)}>${n`${this.iconStart?this.renderIcon("start"):null}<span class=${r(c.text)}><slot></slot></span>${this.iconEnd?this.renderIcon("end"):null}`}</a>`})}renderIcon(t){let o=t==="start",e=o?this.iconStart:this.iconEnd,x=this.iconFlipRtl==="both"||this.iconFlipRtl===t;return n`<calcite-icon class=${r({[c.icon]:!0,[o?c.iconStart:c.iconEnd]:!0})} .flipRtl=${x} .icon=${e} scale=s></calcite-icon>`}};p("calcite-link",s);export{s as Link};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{A as o,l as r,w as s,x as i}from"./
|
|
2
|
+
import{A as o,l as r,w as s,x as i}from"./3TXOTJWU.js";var u=s(class extends i{constructor(){super(...arguments),this.key=r}render(t,e){return this.key=t,e}update(t,[e,m]){return e!==this.key&&(o(t),this.key=e),m}});export{u as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as o,b as y,c as S}from"./GV6LQKJ5.js";import{a as K}from"./IYBRY24I.js";import{a as g,b as _}from"./IOW5Z3SU.js";import{a as F}from"./D4LLO72M.js";import{a as w}from"./735UOYTJ.js";import{a as A}from"./X6P74FM4.js";import{a as M}from"./FK326MY2.js";import{a as U}from"./J6B5W6HH.js";import{a as f}from"./7VTO7SRW.js";import{a as E}from"./VI7SBYXT.js";import{a as P}from"./5HWWM56V.js";import"./VUYX7MNO.js";import{a as H}from"./JNAEVEX5.js";import"./ZWPNZ5XW.js";import{e as L}from"./UW77EV26.js";import"./SR3EXOYY.js";import{I as c}from"./DJD3CC5A.js";import{E as k,F as u,G as C,H as r,K as R,M as O,O as V,P as $,T,g as B,h as b,p as d}from"./DUDIVZGQ.js";var N=B`:host{position:absolute;inset:0;display:flex;visibility:hidden!important;--calcite-sheet-scrim-background-internal: rgba(0, 0, 0, .85);--calcite-scrim-shadow-block-start-internal: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--calcite-scrim-shadow-block-end-internal: 0 -4px 8px -1px rgba(0, 0, 0, .08), 0 -2px 4px -1px rgba(0, 0, 0, .04);--calcite-scrim-shadow-inline-start-internal: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-scrim-shadow-inline-end-internal: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04)}:host([embedded]){z-index:var(--calcite-z-index-overlay)}.calcite--rtl{--calcite-scrim-shadow-inline-start-internal: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-scrim-shadow-inline-end-internal: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04)}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{visibility:hidden;position:fixed;box-sizing:border-box;display:flex;opacity:0;color:var(--calcite-sheet-text-color, var(--calcite-color-text-2));transition:visibility 0ms linear var(--calcite-internal-animation-timing-medium),opacity var(--calcite-internal-animation-timing-medium) ease-in-out}:host([top-layer-disabled]) .container,:host([embedded]) .container{z-index:var(--calcite-z-index-overlay)}:host([modal-disabled]),:host([modal-disabled]) .container{pointer-events:none}:host([position=inline-start]) .container{justify-content:flex-start;inset-block:0;inset-inline:0 auto;--calcite-sheet-hidden-position-internal: translate3d(-1rem, 0, 0)}:host([position=inline-end]) .container{justify-content:flex-end;inset-block:0;inset-inline:auto 0;--calcite-sheet-hidden-position-internal: translate3d(1rem, 0, 0)}:host([position=block-start]) .container{align-items:flex-start;inset-block:0 auto;inset-inline:0;--calcite-sheet-hidden-position-internal: translate3d(0, -1rem, 0)}:host([position=block-end]) .container{align-items:flex-end;inset-block:auto 0;inset-inline:0;--calcite-sheet-hidden-position-internal: translate3d(0, 1rem, 0)}:host([display-mode=float]) .content{box-shadow:var(--calcite-sheet-shadow, var(--calcite-shadow-sm))}:host([display-mode=overlay][position=inline-start]) .content{box-shadow:var(--calcite-scrim-shadow-inline-start-internal)}:host([display-mode=overlay][position=inline-end]) .content{box-shadow:var(--calcite-scrim-shadow-inline-end-internal)}:host([display-mode=overlay][position=block-start]) .content{box-shadow:var(--calcite-scrim-shadow-block-start-internal)}:host([display-mode=overlay][position=block-end]) .content{box-shadow:var(--calcite-scrim-shadow-block-end-internal)}:host([position^=inline]) .content{inline-size:var(--calcite-sheet-width-internal);max-inline-size:var(--calcite-sheet-max-width-internal);min-inline-size:var(--calcite-sheet-min-width-internal)}:host([position^=block]) .content{block-size:var(--calcite-sheet-height-internal);max-block-size:var(--calcite-sheet-max-height-internal);min-block-size:var(--calcite-sheet-min-height-internal)}:host([position^=inline]) .width-s{--calcite-sheet-width-internal: var(--calcite-sheet-width, 15vw);--calcite-sheet-max-width-internal: var(--calcite-sheet-max-width, 360px);--calcite-sheet-min-width-internal: var(--calcite-sheet-min-width, 260px)}:host([position^=inline]) .width-m{--calcite-sheet-width-internal: var(--calcite-sheet-width, 25vw);--calcite-sheet-max-width-internal: var(--calcite-sheet-max-width, 420px);--calcite-sheet-min-width-internal: var(--calcite-sheet-min-width, 300px)}:host([position^=inline]) .width-l{--calcite-sheet-width-internal: var(--calcite-sheet-width, 45vw);--calcite-sheet-max-width-internal: var(--calcite-sheet-max-width, 680px);--calcite-sheet-min-width-internal: var(--calcite-sheet-min-width, 340px)}:host([position^=block]) .height-s{--calcite-sheet-min-height-internal: var(--calcite-sheet-min-height, 160px);--calcite-sheet-height-internal: var(--calcite-sheet-height, 30vh);--calcite-sheet-max-height-internal: var(--calcite-sheet-max-height, 30vh)}:host([position^=block]) .height-m{--calcite-sheet-min-height-internal: var(--calcite-sheet-min-height, 200px);--calcite-sheet-height-internal: var(--calcite-sheet-height, 45vh);--calcite-sheet-max-height-internal: var(--calcite-sheet-max-height, 50vh)}:host([position^=block]) .height-l{--calcite-sheet-min-height-internal: var(--calcite-sheet-min-height, 240px);--calcite-sheet-height-internal: var(--calcite-sheet-height, 60vh);--calcite-sheet-max-height-internal: var(--calcite-sheet-max-height, 70vh)}.scrim{--calcite-scrim-background: var(--calcite-sheet-scrim-background, var(--calcite-sheet-scrim-background-internal));position:fixed;inset:0;display:flex;overflow:hidden;z-index:calc(var(--calcite-z-index) * -1)}:host([top-layer-disabled]) .scrim{z-index:unset}[popover]{padding:0;margin:0;border:none;background-color:transparent;position:fixed;display:flex;inline-size:100%;block-size:100%}[popover]:popover-open{display:flex}:host([opened]){visibility:visible!important}.content{position:relative;box-sizing:border-box;display:flex;max-inline-size:100%;padding:0;background-color:var(--calcite-sheet-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));max-block-size:100%;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-medium) ease-in-out,visibility 0ms linear var(--calcite-internal-animation-timing-medium),opacity var(--calcite-internal-animation-timing-medium) ease-in-out;transform:var(--calcite-sheet-hidden-position-internal)}:host([top-layer-disabled]),:host([top-layer-disabled]) .content,:host([embedded]) .content{z-index:var(--calcite-z-index-modal)}.content-container{position:relative;display:flex;max-block-size:100%;max-inline-size:100%;flex:1 1 0%;overflow:hidden}.content-container ::slotted(*){block-size:auto}.container--open .content{transform:translateZ(0)}:host([display-mode=float]) .content,:host([display-mode=float]) .container,:host([display-mode=float]) .content-container{border-radius:var(--calcite-sheet-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)))}:host([display-mode=float]) .container{padding:var(--calcite-theme-space-md, var(--calcite-spacing-md))}.container--open{visibility:visible;opacity:1;transition-delay:0ms}.container--open .content{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-medium) ease-in-out,visibility 0ms linear,opacity var(--calcite-internal-animation-timing-medium) ease-in-out,max-inline-size var(--calcite-internal-animation-timing-medium) ease-in-out,max-block-size var(--calcite-internal-animation-timing-medium) ease-in-out;transition-delay:0ms}@starting-style{.container--open{opacity:0;visibility:hidden}}:host([position=inline-start]) .content,:host([position=inline-end]) .content{block-size:100%}:host([position=inline-start]) .content{flex-direction:row}:host([position=inline-end]) .content{flex-direction:row-reverse}:host([position=block-start]) .content,:host([position=block-end]) .content{inline-size:100%}:host([position=block-start]) .content{flex-direction:column}:host([position=block-end]) .content{flex-direction:column-reverse}:host([resizable][position=inline-start]) .content{padding-inline-end:var(--calcite-size-fixed-sm-plus)}:host([resizable][position=inline-end]) .content{padding-inline-start:var(--calcite-size-fixed-sm-plus)}:host([resizable][position=block-start]) .content{padding-block-end:var(--calcite-size-fixed-sm-plus)}:host([resizable][position=block-end]) .content{padding-block-start:var(--calcite-size-fixed-sm-plus)}.resize-handle{position:absolute;box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;outline:2px solid transparent;outline-offset:2px;--calcite-internal-sheet-resize-handle-offset: calc( (var(--calcite-size-fixed-xxl) - var(--calcite-size-fixed-sm-plus)) / 2 * -1 );z-index:var(--calcite-z-index-header)}.resize-handle:active .resize-handle-bar,.resize-handle:hover .resize-handle-bar{color:var(--calcite-sheet-resize-icon-color, var(--calcite-color-text-1));background-color:var(--calcite-sheet-resize-background-color, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)))}.resize-handle-bar{pointer-events:none;display:flex;align-items:center;justify-content:center;color:var(--calcite-sheet-resize-icon-color, var(--calcite-color-border-input));background-color:var(--calcite-sheet-resize-background-color, var(--calcite-theme-color-surface-1, var(--calcite-color-background)))}.resize-handle:focus .resize-handle-bar{outline-color:transparent;outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)))}:host([position=inline-start]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);inset-inline-end:var(--calcite-internal-sheet-resize-handle-offset);block-size:100%}:host([position=inline-start]) .resize-handle-bar{block-size:100%;inline-size:var(--calcite-size-fixed-sm-plus);border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-sheet-border-color, var(--calcite-color-border-3))}:host([position=inline-start]):host([display-mode=float]) .resize-handle-bar{border-start-end-radius:var(--calcite-sheet-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)));border-end-end-radius:var(--calcite-sheet-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)))}:host([position=inline-end]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);inset-inline-start:var(--calcite-internal-sheet-resize-handle-offset);block-size:100%}:host([position=inline-end]) .resize-handle-bar{block-size:100%;inline-size:var(--calcite-size-fixed-sm-plus);border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-sheet-border-color, var(--calcite-color-border-3))}:host([position=inline-end]):host([display-mode=float]) .resize-handle-bar{border-start-start-radius:.25rem;border-end-start-radius:.25rem}:host([position=block-start]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-end:var(--calcite-internal-sheet-resize-handle-offset)}:host([position=block-start]) .resize-handle-bar{inline-size:100%;block-size:var(--calcite-size-fixed-sm-plus);border-block-start:var(--calcite-border-width-sm) solid var(--calcite-sheet-border-color, var(--calcite-color-border-3))}:host([position=block-start]):host([display-mode=float]) .resize-handle-bar{border-end-end-radius:.25rem;border-end-start-radius:.25rem}:host([position=block-end]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-start:var(--calcite-internal-sheet-resize-handle-offset)}:host([position=block-end]) .resize-handle-bar{inline-size:100%;block-size:var(--calcite-size-fixed-sm-plus);border-block-end:var(--calcite-border-width-sm) solid var(--calcite-sheet-border-color, var(--calcite-color-border-3))}:host([position=block-end]):host([display-mode=float]) .resize-handle-bar{border-start-start-radius:var(--calcite-sheet-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)));border-start-end-radius:var(--calcite-sheet-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)))}:host([position]) .container--embedded{pointer-events:auto;position:absolute;inline-size:100%;max-inline-size:100%;min-inline-size:100%;block-size:100%;max-block-size:100%;min-block-size:100%}:host([position]) .container--embedded calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}`,D=class extends C{constructor(){super(),this.contentRef=k(),this.direction=L(),this.focusTrap=F({triggerProp:"open",focusTrapOptions:{clickOutsideDeactivates:()=>this.modalDisabled||this.embedded,escapeDeactivates:e=>(!e.defaultPrevented&&!this.escapeDisabled&&(this.open=!1,e.preventDefault()),!1)}})(this),this.usePreventDocumentScroll=K()(this),this.messages=P(),this.mutationObserver=E("mutation",()=>this.handleMutationObserver()),this._modalDisabled=!1,this._open=!1,this.openProp="opened",this.transitionProp="opacity",this.transitionRef=k(),this.focusSetter=H()(this),this.keyDownHandler=e=>{let{defaultPrevented:i,key:s}=e;!i&&!this.escapeDisabled&&this.open&&s==="Escape"&&(e.preventDefault(),this.open=!1)},this.sizeOverride=_({targetElement:this.contentRef,getBounds:()=>({inline:{min:this.resizeValues.minInlineSize,max:this.resizeValues.maxInlineSize},block:{min:this.resizeValues.minBlockSize,max:this.resizeValues.maxBlockSize}}),onResize:e=>{this.resizeValues={...e}}}),this.topLayer=A({disabledOverride:()=>this.embedded,target:this.transitionRef})(this),this.resizeValues={inlineSize:null,blockSize:null,minInlineSize:null,minBlockSize:null,maxInlineSize:null,maxBlockSize:null},this.displayMode="overlay",this.embedded=!1,this.escapeDisabled=!1,this.focusTrapDisabled=!1,this.heightScale="m",this.opened=!1,this.outsideCloseDisabled=!1,this.position="inline-start",this.resizable=!1,this.topLayerDisabled=!1,this.widthScale="m",this.calciteSheetBeforeClose=d({cancelable:!1}),this.calciteSheetBeforeOpen=d({cancelable:!1}),this.calciteSheetClose=d({cancelable:!1}),this.calciteSheetOpen=d({cancelable:!1}),this.listen("keydown",this.keyDownHandler)}static{this.properties={resizeValues:[16,{},{state:!0}],beforeClose:[0,{},{attribute:!1}],displayMode:[3,{},{reflect:!0}],embedded:[7,{},{reflect:!0,type:Boolean}],escapeDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],heightScale:[3,{},{reflect:!0}],height:[3,{},{reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],modalDisabled:[7,{},{reflect:!0,type:Boolean}],open:[7,{},{reflect:!0,type:Boolean}],opened:[7,{},{reflect:!0,type:Boolean}],outsideCloseDisabled:[7,{},{reflect:!0,type:Boolean}],position:[3,{},{reflect:!0}],resizable:[7,{},{reflect:!0,type:Boolean}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],widthScale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}]}}static{this.styles=N}get preventDocumentScroll(){return!this.embedded&&!this.modalDisabled}get modalDisabled(){return this._modalDisabled}set modalDisabled(e){if(e===this._modalDisabled)return;let i=this.preventDocumentScroll;this._modalDisabled=e,this.requestUpdate("preventDocumentScroll",i)}get open(){return this._open}set open(e){let i=this._open;e!==i&&this.setOpenState(e)}async setFocus(e){return this.focusSetter(()=>this.el,e)}async updateFocusTrapElements(e){this.focusTrap.setExtraContainers(e),this.focusTrap.updateContainerElements()}async updateSize(e){this.updateSizeInternal(e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.hasUpdated&&this.refreshResize()}willUpdate(e){e.has("opened")&&(this.hasUpdated||this.opened!==!1)&&this.transitionRef.value&&M(this),(e.has("open")&&(this.hasUpdated||this.open!==!1)||e.has("position")&&(this.hasUpdated||this.position!=="inline-start")||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1)||e.has("direction"))&&this.refreshResize()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.embedded=!1,this.cleanUpInteractions()}async setOpenState(e){if(this.beforeClose&&!e)try{await this.beforeClose?.(this.el)}catch{return}this._open=e,e&&await this.componentOnReady(),this.opened=e}getResizeIcon(){let{position:e}=this;return e==="block-start"||e==="block-end"?S.dragVertical:S.dragHorizontal}handleKeyDown(e){let{key:i,defaultPrevented:s,shiftKey:a}=e,{contentRef:n,position:t,resizable:h,resizeValues:{maxBlockSize:z,maxInlineSize:v,minBlockSize:p,minInlineSize:x}}=this,j=[...t==="block-end"||t==="block-start"?["ArrowUp","ArrowDown"]:["ArrowLeft","ArrowRight"],"Home","End"];if(!h||!n.value||s||!j.includes(i))return;let m=n.value.getBoundingClientRect(),I=this.direction==="rtl"?-1:1,l=a?$:V;switch(i){case"ArrowUp":this.updateSizeInternal({block:m.height+(t==="block-end"?l:-l)}),e.preventDefault();break;case"ArrowDown":this.updateSizeInternal({block:m.height+(t==="block-end"?-l:l)}),e.preventDefault();break;case"ArrowLeft":this.updateSizeInternal({inline:m.width+(t==="inline-end"?l:-l)*I}),e.preventDefault();break;case"ArrowRight":this.updateSizeInternal({inline:m.width+(t==="inline-end"?-l:l)*I}),e.preventDefault();break;case"Home":this.updateSizeInternal(t==="block-start"||t==="block-end"?{block:p}:{inline:x}),e.preventDefault();break;case"End":this.updateSizeInternal(t==="block-start"||t==="block-end"?{block:z}:{inline:v}),e.preventDefault();break}}updateSizeInternal(e){this.contentRef.value&&this.sizeOverride.resize(e)}cleanUpInteractions(){this.interaction?.unset()}updateResizeValues(){let{contentRef:e}=this;if(!e.value)return;let i=window.getComputedStyle(e.value);this.resizeValues={inlineSize:c(i.inlineSize),blockSize:c(i.blockSize),minInlineSize:c(i.minInlineSize),minBlockSize:c(i.minBlockSize),maxInlineSize:c(i.maxInlineSize)||window.innerWidth,maxBlockSize:c(i.maxBlockSize)||window.innerHeight}}refreshResize(){this.updateResizeValues(),this.setUpResizeInteractions()}setUpResizeInteractions(){this.cleanUpInteractions();let{contentRef:e,el:i,resizable:s,position:a,open:n,resizeHandleEl:t}=this;if(!e.value||!n||!s||!t)return;let h=this.direction==="rtl",z=this.resizeValues.minInlineSize===null||this.resizeValues.minBlockSize===null?void 0:{width:this.resizeValues.minInlineSize,height:this.resizeValues.minBlockSize},v=this.resizeValues.maxInlineSize===null||this.resizeValues.maxBlockSize===null?void 0:{width:this.resizeValues.maxInlineSize,height:this.resizeValues.maxBlockSize};this.interaction=g(e.value,{context:i.ownerDocument}).resizable({edges:{top:a==="block-end"?t:!1,right:a===(h?"inline-end":"inline-start")?t:!1,bottom:a==="block-start"?t:!1,left:a===(h?"inline-start":"inline-end")?t:!1},modifiers:[g.modifiers.restrictSize({min:z,max:v})],listeners:{move:({rect:p})=>{let x=a==="block-start"||a==="block-end";this.updateSizeInternal(x?{block:p.height}:{inline:p.width})}}})}onBeforeOpen(){this.calciteSheetBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.focusTrapDisabled&&this.setFocus(),this.focusTrap.activate(),this.calciteSheetOpen.emit()}onBeforeClose(){this.calciteSheetBeforeClose.emit()}onClose(){this.calciteSheetClose.emit(),this.focusTrap.deactivate(),this.topLayer.hide()}setResizeHandleEl(e){this.resizeHandleEl=e,this.refreshResize()}handleOutsideClose(){this.outsideCloseDisabled||(this.open=!1)}handleMutationObserver(){this.focusTrap.updateContainerElements()}render(){let{resizable:e,position:i,resizeValues:s}=this,a=this.direction,n=i==="block-start"||i==="block-end";return R(this.el,"aria-describedby",y.sheetContent),this.el.ariaLabel=this.label,this.el.ariaModal=this.modalDisabled?"false":"true",this.el.role="dialog",b`<div class=${r({[o.container]:!0,[o.containerOpen]:this.opened,[o.containerEmbedded]:this.embedded,[O.rtl]:a==="rtl",[w("width",this.width,this.widthScale)]:!!(this.width||this.widthScale),[w("height",this.height,this.heightScale)]:!!(this.height||this.heightScale)})} .popover=${this.embedded?void 0:"manual"} ${u(this.transitionRef)}>${this.modalDisabled?null:b`<calcite-scrim class=${r(o.scrim)} @click=${this.handleOutsideClose}></calcite-scrim>`}<div class=${r(o.content)} id=${y.sheetContent} ${u(this.contentRef)}><div class=${r(o.contentContainer)}><slot></slot></div>${e?U("resize-handle",b`<div .ariaLabel=${this.messages.resizeEnabled} .ariaOrientation=${n?"vertical":"horizontal"} .ariaValueMax=${f(n?"block":"inline",s.maxBlockSize,s.maxInlineSize)} .ariaValueMin=${f(n?"block":"inline",s.minBlockSize,s.minInlineSize)} .ariaValueNow=${f(n?"block":"inline",s.blockSize,s.inlineSize)} class=${r(o.resizeHandle)} @keydown=${this.handleKeyDown} role=separator tabindex=0 touch-action=none ${u(this.setResizeHandleEl)}><div class=${r(o.resizeHandleBar)}><calcite-icon .icon=${this.getResizeIcon()} scale=s></calcite-icon></div></div>`):null}</div></div>`}};T("calcite-sheet",D);export{D as Sheet};
|
|
2
|
+
import{a as o,b as y,c as S}from"./GV6LQKJ5.js";import{a as K}from"./3M33VOCN.js";import{a as g,b as _}from"./HECTUDZW.js";import{a as F}from"./GCCS2QAE.js";import{a as w}from"./735UOYTJ.js";import{a as A}from"./PHWQYJHY.js";import{a as M}from"./FK326MY2.js";import{a as U}from"./5ZE2XVOM.js";import{a as f}from"./7VTO7SRW.js";import{a as E}from"./VI7SBYXT.js";import{a as P}from"./36ACS6PW.js";import"./VUYX7MNO.js";import{a as H}from"./TVFDLI2M.js";import"./ZWPNZ5XW.js";import{e as L}from"./UVP2URZU.js";import"./JD4HX7DK.js";import{I as c}from"./DJD3CC5A.js";import{E as k,F as u,G as C,H as r,K as R,M as O,O as V,P as $,T,g as B,h as b,p as d}from"./3TXOTJWU.js";var N=B`:host{position:absolute;inset:0;display:flex;visibility:hidden!important;--calcite-sheet-scrim-background-internal: rgba(0, 0, 0, .85);--calcite-scrim-shadow-block-start-internal: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--calcite-scrim-shadow-block-end-internal: 0 -4px 8px -1px rgba(0, 0, 0, .08), 0 -2px 4px -1px rgba(0, 0, 0, .04);--calcite-scrim-shadow-inline-start-internal: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-scrim-shadow-inline-end-internal: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04)}:host([embedded]){z-index:var(--calcite-z-index-overlay)}.calcite--rtl{--calcite-scrim-shadow-inline-start-internal: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-scrim-shadow-inline-end-internal: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04)}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{visibility:hidden;position:fixed;box-sizing:border-box;display:flex;opacity:0;color:var(--calcite-sheet-text-color, var(--calcite-color-text-2));transition:visibility 0ms linear var(--calcite-internal-animation-timing-medium),opacity var(--calcite-internal-animation-timing-medium) ease-in-out}:host([top-layer-disabled]) .container,:host([embedded]) .container{z-index:var(--calcite-z-index-overlay)}:host([modal-disabled]),:host([modal-disabled]) .container{pointer-events:none}:host([position=inline-start]) .container{justify-content:flex-start;inset-block:0;inset-inline:0 auto;--calcite-sheet-hidden-position-internal: translate3d(-1rem, 0, 0)}:host([position=inline-end]) .container{justify-content:flex-end;inset-block:0;inset-inline:auto 0;--calcite-sheet-hidden-position-internal: translate3d(1rem, 0, 0)}:host([position=block-start]) .container{align-items:flex-start;inset-block:0 auto;inset-inline:0;--calcite-sheet-hidden-position-internal: translate3d(0, -1rem, 0)}:host([position=block-end]) .container{align-items:flex-end;inset-block:auto 0;inset-inline:0;--calcite-sheet-hidden-position-internal: translate3d(0, 1rem, 0)}:host([display-mode=float]) .content{box-shadow:var(--calcite-sheet-shadow, var(--calcite-shadow-sm))}:host([display-mode=overlay][position=inline-start]) .content{box-shadow:var(--calcite-scrim-shadow-inline-start-internal)}:host([display-mode=overlay][position=inline-end]) .content{box-shadow:var(--calcite-scrim-shadow-inline-end-internal)}:host([display-mode=overlay][position=block-start]) .content{box-shadow:var(--calcite-scrim-shadow-block-start-internal)}:host([display-mode=overlay][position=block-end]) .content{box-shadow:var(--calcite-scrim-shadow-block-end-internal)}:host([position^=inline]) .content{inline-size:var(--calcite-sheet-width-internal);max-inline-size:var(--calcite-sheet-max-width-internal);min-inline-size:var(--calcite-sheet-min-width-internal)}:host([position^=block]) .content{block-size:var(--calcite-sheet-height-internal);max-block-size:var(--calcite-sheet-max-height-internal);min-block-size:var(--calcite-sheet-min-height-internal)}:host([position^=inline]) .width-s{--calcite-sheet-width-internal: var(--calcite-sheet-width, 15vw);--calcite-sheet-max-width-internal: var(--calcite-sheet-max-width, 360px);--calcite-sheet-min-width-internal: var(--calcite-sheet-min-width, 260px)}:host([position^=inline]) .width-m{--calcite-sheet-width-internal: var(--calcite-sheet-width, 25vw);--calcite-sheet-max-width-internal: var(--calcite-sheet-max-width, 420px);--calcite-sheet-min-width-internal: var(--calcite-sheet-min-width, 300px)}:host([position^=inline]) .width-l{--calcite-sheet-width-internal: var(--calcite-sheet-width, 45vw);--calcite-sheet-max-width-internal: var(--calcite-sheet-max-width, 680px);--calcite-sheet-min-width-internal: var(--calcite-sheet-min-width, 340px)}:host([position^=block]) .height-s{--calcite-sheet-min-height-internal: var(--calcite-sheet-min-height, 160px);--calcite-sheet-height-internal: var(--calcite-sheet-height, 30vh);--calcite-sheet-max-height-internal: var(--calcite-sheet-max-height, 30vh)}:host([position^=block]) .height-m{--calcite-sheet-min-height-internal: var(--calcite-sheet-min-height, 200px);--calcite-sheet-height-internal: var(--calcite-sheet-height, 45vh);--calcite-sheet-max-height-internal: var(--calcite-sheet-max-height, 50vh)}:host([position^=block]) .height-l{--calcite-sheet-min-height-internal: var(--calcite-sheet-min-height, 240px);--calcite-sheet-height-internal: var(--calcite-sheet-height, 60vh);--calcite-sheet-max-height-internal: var(--calcite-sheet-max-height, 70vh)}.scrim{--calcite-scrim-background: var(--calcite-sheet-scrim-background, var(--calcite-sheet-scrim-background-internal));position:fixed;inset:0;display:flex;overflow:hidden;z-index:calc(var(--calcite-z-index) * -1)}:host([top-layer-disabled]) .scrim{z-index:unset}[popover]{padding:0;margin:0;border:none;background-color:transparent;position:fixed;display:flex;inline-size:100%;block-size:100%}[popover]:popover-open{display:flex}:host([opened]){visibility:visible!important}.content{position:relative;box-sizing:border-box;display:flex;max-inline-size:100%;padding:0;background-color:var(--calcite-sheet-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));max-block-size:100%;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-medium) ease-in-out,visibility 0ms linear var(--calcite-internal-animation-timing-medium),opacity var(--calcite-internal-animation-timing-medium) ease-in-out;transform:var(--calcite-sheet-hidden-position-internal)}:host([top-layer-disabled]),:host([top-layer-disabled]) .content,:host([embedded]) .content{z-index:var(--calcite-z-index-modal)}.content-container{position:relative;display:flex;max-block-size:100%;max-inline-size:100%;flex:1 1 0%;overflow:hidden}.content-container ::slotted(*){block-size:auto}.container--open .content{transform:translateZ(0)}:host([display-mode=float]) .content,:host([display-mode=float]) .container,:host([display-mode=float]) .content-container{border-radius:var(--calcite-sheet-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)))}:host([display-mode=float]) .container{padding:var(--calcite-theme-space-md, var(--calcite-spacing-md))}.container--open{visibility:visible;opacity:1;transition-delay:0ms}.container--open .content{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-medium) ease-in-out,visibility 0ms linear,opacity var(--calcite-internal-animation-timing-medium) ease-in-out,max-inline-size var(--calcite-internal-animation-timing-medium) ease-in-out,max-block-size var(--calcite-internal-animation-timing-medium) ease-in-out;transition-delay:0ms}@starting-style{.container--open{opacity:0;visibility:hidden}}:host([position=inline-start]) .content,:host([position=inline-end]) .content{block-size:100%}:host([position=inline-start]) .content{flex-direction:row}:host([position=inline-end]) .content{flex-direction:row-reverse}:host([position=block-start]) .content,:host([position=block-end]) .content{inline-size:100%}:host([position=block-start]) .content{flex-direction:column}:host([position=block-end]) .content{flex-direction:column-reverse}:host([resizable][position=inline-start]) .content{padding-inline-end:var(--calcite-size-fixed-sm-plus)}:host([resizable][position=inline-end]) .content{padding-inline-start:var(--calcite-size-fixed-sm-plus)}:host([resizable][position=block-start]) .content{padding-block-end:var(--calcite-size-fixed-sm-plus)}:host([resizable][position=block-end]) .content{padding-block-start:var(--calcite-size-fixed-sm-plus)}.resize-handle{position:absolute;box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;outline:2px solid transparent;outline-offset:2px;--calcite-internal-sheet-resize-handle-offset: calc( (var(--calcite-size-fixed-xxl) - var(--calcite-size-fixed-sm-plus)) / 2 * -1 );z-index:var(--calcite-z-index-header)}.resize-handle:active .resize-handle-bar,.resize-handle:hover .resize-handle-bar{color:var(--calcite-sheet-resize-icon-color, var(--calcite-color-text-1));background-color:var(--calcite-sheet-resize-background-color, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)))}.resize-handle-bar{pointer-events:none;display:flex;align-items:center;justify-content:center;color:var(--calcite-sheet-resize-icon-color, var(--calcite-color-border-input));background-color:var(--calcite-sheet-resize-background-color, var(--calcite-theme-color-surface-1, var(--calcite-color-background)))}.resize-handle:focus .resize-handle-bar{outline-color:transparent;outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)))}:host([position=inline-start]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);inset-inline-end:var(--calcite-internal-sheet-resize-handle-offset);block-size:100%}:host([position=inline-start]) .resize-handle-bar{block-size:100%;inline-size:var(--calcite-size-fixed-sm-plus);border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-sheet-border-color, var(--calcite-color-border-3))}:host([position=inline-start]):host([display-mode=float]) .resize-handle-bar{border-start-end-radius:var(--calcite-sheet-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)));border-end-end-radius:var(--calcite-sheet-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)))}:host([position=inline-end]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);inset-inline-start:var(--calcite-internal-sheet-resize-handle-offset);block-size:100%}:host([position=inline-end]) .resize-handle-bar{block-size:100%;inline-size:var(--calcite-size-fixed-sm-plus);border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-sheet-border-color, var(--calcite-color-border-3))}:host([position=inline-end]):host([display-mode=float]) .resize-handle-bar{border-start-start-radius:.25rem;border-end-start-radius:.25rem}:host([position=block-start]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-end:var(--calcite-internal-sheet-resize-handle-offset)}:host([position=block-start]) .resize-handle-bar{inline-size:100%;block-size:var(--calcite-size-fixed-sm-plus);border-block-start:var(--calcite-border-width-sm) solid var(--calcite-sheet-border-color, var(--calcite-color-border-3))}:host([position=block-start]):host([display-mode=float]) .resize-handle-bar{border-end-end-radius:.25rem;border-end-start-radius:.25rem}:host([position=block-end]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-start:var(--calcite-internal-sheet-resize-handle-offset)}:host([position=block-end]) .resize-handle-bar{inline-size:100%;block-size:var(--calcite-size-fixed-sm-plus);border-block-end:var(--calcite-border-width-sm) solid var(--calcite-sheet-border-color, var(--calcite-color-border-3))}:host([position=block-end]):host([display-mode=float]) .resize-handle-bar{border-start-start-radius:var(--calcite-sheet-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)));border-start-end-radius:var(--calcite-sheet-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)))}:host([position]) .container--embedded{pointer-events:auto;position:absolute;inline-size:100%;max-inline-size:100%;min-inline-size:100%;block-size:100%;max-block-size:100%;min-block-size:100%}:host([position]) .container--embedded calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}`,D=class extends C{constructor(){super(),this.contentRef=k(),this.direction=L(),this.focusTrap=F({triggerProp:"open",focusTrapOptions:{clickOutsideDeactivates:()=>this.modalDisabled||this.embedded,escapeDeactivates:e=>(!e.defaultPrevented&&!this.escapeDisabled&&(this.open=!1,e.preventDefault()),!1)}})(this),this.usePreventDocumentScroll=K()(this),this.messages=P(),this.mutationObserver=E("mutation",()=>this.handleMutationObserver()),this._modalDisabled=!1,this._open=!1,this.openProp="opened",this.transitionProp="opacity",this.transitionRef=k(),this.focusSetter=H()(this),this.keyDownHandler=e=>{let{defaultPrevented:i,key:s}=e;!i&&!this.escapeDisabled&&this.open&&s==="Escape"&&(e.preventDefault(),this.open=!1)},this.sizeOverride=_({targetElement:this.contentRef,getBounds:()=>({inline:{min:this.resizeValues.minInlineSize,max:this.resizeValues.maxInlineSize},block:{min:this.resizeValues.minBlockSize,max:this.resizeValues.maxBlockSize}}),onResize:e=>{this.resizeValues={...e}}}),this.topLayer=A({disabledOverride:()=>this.embedded,target:this.transitionRef})(this),this.resizeValues={inlineSize:null,blockSize:null,minInlineSize:null,minBlockSize:null,maxInlineSize:null,maxBlockSize:null},this.displayMode="overlay",this.embedded=!1,this.escapeDisabled=!1,this.focusTrapDisabled=!1,this.heightScale="m",this.opened=!1,this.outsideCloseDisabled=!1,this.position="inline-start",this.resizable=!1,this.topLayerDisabled=!1,this.widthScale="m",this.calciteSheetBeforeClose=d({cancelable:!1}),this.calciteSheetBeforeOpen=d({cancelable:!1}),this.calciteSheetClose=d({cancelable:!1}),this.calciteSheetOpen=d({cancelable:!1}),this.listen("keydown",this.keyDownHandler)}static{this.properties={resizeValues:[16,{},{state:!0}],beforeClose:[0,{},{attribute:!1}],displayMode:[3,{},{reflect:!0}],embedded:[7,{},{reflect:!0,type:Boolean}],escapeDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],heightScale:[3,{},{reflect:!0}],height:[3,{},{reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],modalDisabled:[7,{},{reflect:!0,type:Boolean}],open:[7,{},{reflect:!0,type:Boolean}],opened:[7,{},{reflect:!0,type:Boolean}],outsideCloseDisabled:[7,{},{reflect:!0,type:Boolean}],position:[3,{},{reflect:!0}],resizable:[7,{},{reflect:!0,type:Boolean}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],widthScale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}]}}static{this.styles=N}get preventDocumentScroll(){return!this.embedded&&!this.modalDisabled}get modalDisabled(){return this._modalDisabled}set modalDisabled(e){if(e===this._modalDisabled)return;let i=this.preventDocumentScroll;this._modalDisabled=e,this.requestUpdate("preventDocumentScroll",i)}get open(){return this._open}set open(e){let i=this._open;e!==i&&this.setOpenState(e)}async setFocus(e){return this.focusSetter(()=>this.el,e)}async updateFocusTrapElements(e){this.focusTrap.setExtraContainers(e),this.focusTrap.updateContainerElements()}async updateSize(e){this.updateSizeInternal(e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.hasUpdated&&this.refreshResize()}willUpdate(e){e.has("opened")&&(this.hasUpdated||this.opened!==!1)&&this.transitionRef.value&&M(this),(e.has("open")&&(this.hasUpdated||this.open!==!1)||e.has("position")&&(this.hasUpdated||this.position!=="inline-start")||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1)||e.has("direction"))&&this.refreshResize()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.embedded=!1,this.cleanUpInteractions()}async setOpenState(e){if(this.beforeClose&&!e)try{await this.beforeClose?.(this.el)}catch{return}this._open=e,e&&await this.componentOnReady(),this.opened=e}getResizeIcon(){let{position:e}=this;return e==="block-start"||e==="block-end"?S.dragVertical:S.dragHorizontal}handleKeyDown(e){let{key:i,defaultPrevented:s,shiftKey:a}=e,{contentRef:n,position:t,resizable:h,resizeValues:{maxBlockSize:z,maxInlineSize:v,minBlockSize:p,minInlineSize:x}}=this,j=[...t==="block-end"||t==="block-start"?["ArrowUp","ArrowDown"]:["ArrowLeft","ArrowRight"],"Home","End"];if(!h||!n.value||s||!j.includes(i))return;let m=n.value.getBoundingClientRect(),I=this.direction==="rtl"?-1:1,l=a?$:V;switch(i){case"ArrowUp":this.updateSizeInternal({block:m.height+(t==="block-end"?l:-l)}),e.preventDefault();break;case"ArrowDown":this.updateSizeInternal({block:m.height+(t==="block-end"?-l:l)}),e.preventDefault();break;case"ArrowLeft":this.updateSizeInternal({inline:m.width+(t==="inline-end"?l:-l)*I}),e.preventDefault();break;case"ArrowRight":this.updateSizeInternal({inline:m.width+(t==="inline-end"?-l:l)*I}),e.preventDefault();break;case"Home":this.updateSizeInternal(t==="block-start"||t==="block-end"?{block:p}:{inline:x}),e.preventDefault();break;case"End":this.updateSizeInternal(t==="block-start"||t==="block-end"?{block:z}:{inline:v}),e.preventDefault();break}}updateSizeInternal(e){this.contentRef.value&&this.sizeOverride.resize(e)}cleanUpInteractions(){this.interaction?.unset()}updateResizeValues(){let{contentRef:e}=this;if(!e.value)return;let i=window.getComputedStyle(e.value);this.resizeValues={inlineSize:c(i.inlineSize),blockSize:c(i.blockSize),minInlineSize:c(i.minInlineSize),minBlockSize:c(i.minBlockSize),maxInlineSize:c(i.maxInlineSize)||window.innerWidth,maxBlockSize:c(i.maxBlockSize)||window.innerHeight}}refreshResize(){this.updateResizeValues(),this.setUpResizeInteractions()}setUpResizeInteractions(){this.cleanUpInteractions();let{contentRef:e,el:i,resizable:s,position:a,open:n,resizeHandleEl:t}=this;if(!e.value||!n||!s||!t)return;let h=this.direction==="rtl",z=this.resizeValues.minInlineSize===null||this.resizeValues.minBlockSize===null?void 0:{width:this.resizeValues.minInlineSize,height:this.resizeValues.minBlockSize},v=this.resizeValues.maxInlineSize===null||this.resizeValues.maxBlockSize===null?void 0:{width:this.resizeValues.maxInlineSize,height:this.resizeValues.maxBlockSize};this.interaction=g(e.value,{context:i.ownerDocument}).resizable({edges:{top:a==="block-end"?t:!1,right:a===(h?"inline-end":"inline-start")?t:!1,bottom:a==="block-start"?t:!1,left:a===(h?"inline-start":"inline-end")?t:!1},modifiers:[g.modifiers.restrictSize({min:z,max:v})],listeners:{move:({rect:p})=>{let x=a==="block-start"||a==="block-end";this.updateSizeInternal(x?{block:p.height}:{inline:p.width})}}})}onBeforeOpen(){this.calciteSheetBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.focusTrapDisabled&&this.setFocus(),this.focusTrap.activate(),this.calciteSheetOpen.emit()}onBeforeClose(){this.calciteSheetBeforeClose.emit()}onClose(){this.calciteSheetClose.emit(),this.focusTrap.deactivate(),this.topLayer.hide()}setResizeHandleEl(e){this.resizeHandleEl=e,this.refreshResize()}handleOutsideClose(){this.outsideCloseDisabled||(this.open=!1)}handleMutationObserver(){this.focusTrap.updateContainerElements()}render(){let{resizable:e,position:i,resizeValues:s}=this,a=this.direction,n=i==="block-start"||i==="block-end";return R(this.el,"aria-describedby",y.sheetContent),this.el.ariaLabel=this.label,this.el.ariaModal=this.modalDisabled?"false":"true",this.el.role="dialog",b`<div class=${r({[o.container]:!0,[o.containerOpen]:this.opened,[o.containerEmbedded]:this.embedded,[O.rtl]:a==="rtl",[w("width",this.width,this.widthScale)]:!!(this.width||this.widthScale),[w("height",this.height,this.heightScale)]:!!(this.height||this.heightScale)})} .popover=${this.embedded?void 0:"manual"} ${u(this.transitionRef)}>${this.modalDisabled?null:b`<calcite-scrim class=${r(o.scrim)} @click=${this.handleOutsideClose}></calcite-scrim>`}<div class=${r(o.content)} id=${y.sheetContent} ${u(this.contentRef)}><div class=${r(o.contentContainer)}><slot></slot></div>${e?U("resize-handle",b`<div .ariaLabel=${this.messages.resizeEnabled} .ariaOrientation=${n?"vertical":"horizontal"} .ariaValueMax=${f(n?"block":"inline",s.maxBlockSize,s.maxInlineSize)} .ariaValueMin=${f(n?"block":"inline",s.minBlockSize,s.minInlineSize)} .ariaValueNow=${f(n?"block":"inline",s.blockSize,s.inlineSize)} class=${r(o.resizeHandle)} @keydown=${this.handleKeyDown} role=separator tabindex=0 touch-action=none ${u(this.setResizeHandleEl)}><div class=${r(o.resizeHandleBar)}><calcite-icon .icon=${this.getResizeIcon()} scale=s></calcite-icon></div></div>`):null}</div></div>`}};T("calcite-sheet",D);export{D as Sheet};
|