@esri/calcite-components 6.0.0-next.12 → 6.0.0-next.14
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/{6XSLOVRL.js → 26KOBYEL.js} +1 -1
- package/dist/cdn/{LX4GMWXD.js → 2IFX2LKB.js} +1 -1
- package/dist/cdn/{QAE4HZ24.js → 2M5PTKRR.js} +1 -1
- package/dist/cdn/{CCR7BYNW.js → 2T7RJZX4.js} +1 -1
- package/dist/cdn/{IBWXXYZF.js → 3BN3MZBN.js} +1 -1
- package/dist/cdn/{G2WLWL6V.js → 4ESYQJTZ.js} +1 -1
- package/dist/cdn/{D7YNVZZS.js → 4FM53TKB.js} +1 -1
- package/dist/cdn/4PMDXBZR.js +2 -0
- package/dist/cdn/{E2QDY3HO.js → 4QLABQXZ.js} +1 -1
- package/dist/cdn/{U47KLOKE.js → 4S5BN7I7.js} +1 -1
- package/dist/cdn/{226WRU24.js → 4UASGO4P.js} +1 -1
- package/dist/cdn/{56GBIJYV.js → 4XN5XEQ2.js} +1 -1
- package/dist/cdn/{NMFEKIJV.js → 5ANA7LBY.js} +1 -1
- package/dist/cdn/{BGEAZB5Y.js → 5LE4QOZY.js} +1 -1
- package/dist/cdn/{2Y6QL4G6.js → 5QDEYAFV.js} +1 -1
- package/dist/cdn/{LJNUAHIO.js → 5SBA3OGM.js} +1 -1
- package/dist/cdn/{NN6QCPSW.js → 5UHRB3OI.js} +1 -1
- package/dist/cdn/{Y2WTDN5G.js → 5YT4ZGUV.js} +1 -1
- package/dist/cdn/{HMDOGGRS.js → 65LDJ665.js} +1 -1
- package/dist/cdn/{IVGWRRNH.js → 6FGMO5VR.js} +1 -1
- package/dist/cdn/{7K22HRES.js → 6WLK3AGC.js} +1 -1
- package/dist/cdn/{Y4P57YTG.js → 6XUQTKD4.js} +1 -1
- package/dist/cdn/{7JIJRVGH.js → 77WIW2IT.js} +1 -1
- package/dist/cdn/{AIUA5OHT.js → 7E2M6Q4P.js} +1 -1
- package/dist/cdn/{TLRXKBSR.js → 7M5OMC7P.js} +1 -1
- package/dist/cdn/{KRWXSPYM.js → A42UDKRJ.js} +1 -1
- package/dist/cdn/{7F3Z3XZS.js → ABVIQARW.js} +1 -1
- package/dist/cdn/{6YFILVOY.js → ANYXWMBS.js} +1 -1
- package/dist/cdn/{VZ4JPH7J.js → AWO2TQF6.js} +1 -1
- package/dist/cdn/{PWGENG33.js → AWUMZT52.js} +1 -1
- package/dist/cdn/{JVNYAFKM.js → AWVY3N6O.js} +1 -1
- package/dist/cdn/{CU3QP7FM.js → B4QXTKAX.js} +1 -1
- package/dist/cdn/{LNRZGNCR.js → BB4IN6U7.js} +1 -1
- package/dist/cdn/{ETP6C6RA.js → BDMSXIR7.js} +1 -1
- package/dist/cdn/{RHUCISCR.js → CC7HAY64.js} +1 -1
- package/dist/cdn/{M7AIQAZU.js → CGWFLC6A.js} +1 -1
- package/dist/cdn/{JOPTOKFI.js → CMOLSTQL.js} +1 -1
- package/dist/cdn/{4BMXESCG.js → CTN6VION.js} +1 -1
- package/dist/cdn/{732C5EA6.js → D2C42DQQ.js} +1 -1
- package/dist/cdn/{H4FH6GCL.js → DHDPJD2N.js} +1 -1
- package/dist/cdn/{JKLDEWO5.js → DUKICWYR.js} +1 -1
- package/dist/cdn/{7ZQDVW4P.js → E426BFQ2.js} +1 -1
- package/dist/cdn/{IROC5RHF.js → E4H6EWEX.js} +1 -1
- package/dist/cdn/{MNWBZB5O.js → E5MK66HX.js} +1 -1
- package/dist/cdn/{D2T5RH3F.js → EK7YVWUO.js} +1 -1
- package/dist/cdn/{P23XETEI.js → EL5BTMCM.js} +1 -1
- package/dist/cdn/{SZ3D7STA.js → EQB7NO2B.js} +1 -1
- package/dist/cdn/{WC6VV45C.js → ERNGNESU.js} +1 -1
- package/dist/cdn/{3UQDQWWD.js → EYVFXJT3.js} +1 -1
- package/dist/cdn/{LGEHMF5F.js → F72F42CV.js} +1 -1
- package/dist/cdn/{G6O2CV2F.js → F7UVDHHK.js} +1 -1
- package/dist/cdn/{SVFHNGST.js → FBTLRAT5.js} +1 -1
- package/dist/cdn/{4DANLFHF.js → FVYB7RNW.js} +1 -1
- package/dist/cdn/{M4D2IMI5.js → G575VKO3.js} +1 -1
- package/dist/cdn/{WT3AO26J.js → GLKZZGFQ.js} +1 -1
- package/dist/cdn/{AISDE45I.js → H7MQ75VH.js} +1 -1
- package/dist/cdn/{HSZPWWHX.js → HEJNNU2C.js} +1 -1
- package/dist/cdn/{OQKCDO4H.js → HKFG72MP.js} +1 -1
- package/dist/cdn/{MMBRYH3R.js → HQT25DAZ.js} +1 -1
- package/dist/cdn/{2AEQO2JE.js → HRBTHSKK.js} +1 -1
- package/dist/cdn/{EJHM42BF.js → IGWGFHGO.js} +1 -1
- package/dist/cdn/{5BO2JHHZ.js → IHSE3HG3.js} +1 -1
- package/dist/cdn/{EUZQIA3P.js → ITDJAUHW.js} +1 -1
- package/dist/cdn/{HDFJQN2E.js → IV5TGIK5.js} +1 -1
- package/dist/cdn/{4O26NBVS.js → JAHRBXWL.js} +1 -1
- package/dist/cdn/{7F6WR4BF.js → JNYZXY6J.js} +1 -1
- package/dist/cdn/{Z44VIZTV.js → JQU2EXOS.js} +1 -1
- package/dist/cdn/{KT2KAETI.js → JZTE7HME.js} +1 -1
- package/dist/cdn/{GBURLWJN.js → K6ZWWO3U.js} +1 -1
- package/dist/cdn/{7NK6WWOE.js → KAUBRWVY.js} +1 -1
- package/dist/cdn/{NEVIBLOJ.js → KCLE5T2K.js} +1 -1
- package/dist/cdn/{34U6PPVQ.js → KFCZPBR7.js} +1 -1
- package/dist/cdn/{A2C3XAPM.js → KI3NNQKC.js} +1 -1
- package/dist/cdn/{RKOWNK75.js → KIFPYRNS.js} +1 -1
- package/dist/cdn/{OBIYAJSP.js → KKJPSCET.js} +1 -1
- package/dist/cdn/{LCO7EM6P.js → KLHAOIQB.js} +1 -1
- package/dist/cdn/{OOYTODIL.js → KYKTUN35.js} +1 -1
- package/dist/cdn/KZRNGYA4.js +2 -0
- package/dist/cdn/{LDXZ5GIZ.js → LHBQ7PRF.js} +1 -1
- package/dist/cdn/{FYOEOAKD.js → LIAQEVSR.js} +1 -1
- package/dist/cdn/{YUTF6CP3.js → LKKQL3LY.js} +1 -1
- package/dist/cdn/{PEI6H7DT.js → LPSMQNT5.js} +1 -1
- package/dist/cdn/{V56SEY2Y.js → M44KVEEW.js} +1 -1
- package/dist/cdn/{HPVBQPMK.js → M5UKRTHW.js} +1 -1
- package/dist/cdn/{EKTV7MOB.js → MDVJYHPJ.js} +1 -1
- package/dist/cdn/{2T3T32JN.js → NAEJ2FD4.js} +1 -1
- package/dist/cdn/{XJ2HKCH4.js → NC4GN24F.js} +1 -1
- package/dist/cdn/{AKPVVHWX.js → NKRMOLBY.js} +1 -1
- package/dist/cdn/{LF2RQSST.js → NN5XXY5H.js} +1 -1
- package/dist/cdn/{M6PVZJEB.js → NTN6AFMM.js} +1 -1
- package/dist/cdn/{52NOMOAU.js → OQAGR2YZ.js} +1 -1
- package/dist/cdn/{7LERYOST.js → PC6FWQIU.js} +1 -1
- package/dist/cdn/{E3I26OX2.js → PCMYKIKJ.js} +1 -1
- package/dist/cdn/{JOYGOSED.js → PD5L5WBX.js} +1 -1
- package/dist/cdn/{WDIBGLNU.js → PDKPBVDI.js} +1 -1
- package/dist/cdn/{GFRQU4NS.js → PLHDE5ZH.js} +1 -1
- package/dist/cdn/{MPFCQYWP.js → PR3BPCEI.js} +1 -1
- package/dist/cdn/{HKNFFM3H.js → PR6HS7SC.js} +1 -1
- package/dist/cdn/{PM7FP7FS.js → Q45YU6YQ.js} +1 -1
- package/dist/cdn/{4EROZLL5.js → QK2S24VS.js} +1 -1
- package/dist/cdn/{ZVX6KPMU.js → QOGVX5VB.js} +1 -1
- package/dist/cdn/{7OUC45V3.js → QOJTPGJK.js} +1 -1
- package/dist/cdn/{IOSENTHN.js → R3SZ2UFL.js} +1 -1
- package/dist/cdn/{JPH4XX2X.js → R6FXRVVY.js} +1 -1
- package/dist/cdn/{MOMZFIAJ.js → RLI5TEPV.js} +1 -1
- package/dist/cdn/{YTOQZWS3.js → RMBLS6LL.js} +1 -1
- package/dist/cdn/{SVS63RTV.js → RPHOY3JX.js} +1 -1
- package/dist/cdn/{C7P5LVX5.js → RW2FLAB3.js} +1 -1
- package/dist/cdn/{VFB4EPKN.js → SBPWQPZT.js} +1 -1
- package/dist/cdn/{DY4U6PXW.js → SFALE72R.js} +1 -1
- package/dist/cdn/{QOWGE23O.js → SLLC6A4H.js} +1 -1
- package/dist/cdn/{JEUKCT7D.js → TCFCOE4P.js} +1 -1
- package/dist/cdn/{DE4RWCLG.js → TPVEG7JD.js} +1 -1
- package/dist/cdn/{D6MKPPI3.js → TQ3C2HO7.js} +1 -1
- package/dist/cdn/{TMPJIIH2.js → TZCIGP3Q.js} +1 -1
- package/dist/cdn/U3XABLFU.js +2 -0
- package/dist/cdn/{5PEY6ZJC.js → U72C5TVQ.js} +1 -1
- package/dist/cdn/{VAHG3SDY.js → UAMA4G73.js} +1 -1
- package/dist/cdn/{MLJPIF3H.js → UGZ7G6WL.js} +1 -1
- package/dist/cdn/{QWGNAOIM.js → V6AW42RU.js} +1 -1
- package/dist/cdn/{2IKENHKH.js → VJZ4JVCN.js} +1 -1
- package/dist/cdn/{3H5VBZ62.js → WB7DR5XW.js} +1 -1
- package/dist/cdn/{RLSYZFHC.js → WFBVE7QS.js} +1 -1
- package/dist/cdn/{RTAMPW4H.js → WIJEKTYD.js} +1 -1
- package/dist/cdn/{QCHUTTZX.js → WIRHJWZX.js} +1 -1
- package/dist/cdn/{BPOXOLDC.js → WT3ZCNQ6.js} +1 -1
- package/dist/cdn/WTETGW5A.js +2 -0
- package/dist/cdn/{5AX5YDQJ.js → X56TL7HG.js} +1 -1
- package/dist/cdn/{DD5ZZEJR.js → XISO6S4X.js} +1 -1
- package/dist/cdn/{FD6HFC4G.js → XYRWAJUO.js} +1 -1
- package/dist/cdn/{DC4Y43PL.js → Y4TTKTQY.js} +1 -1
- package/dist/cdn/{NZROCOKX.js → YE4TU27Z.js} +1 -1
- package/dist/cdn/{JUQUMWIR.js → YFJ7664Y.js} +1 -1
- package/dist/cdn/{4L5C6PV6.js → YNKJJU6B.js} +1 -1
- package/dist/cdn/{VOHXLPUC.js → YP6ZQO3W.js} +1 -1
- package/dist/cdn/{IO6FMDHU.js → ZFXLIGSX.js} +1 -1
- package/dist/cdn/{BKPETW42.js → ZFZGGCT3.js} +1 -1
- package/dist/cdn/{U7XVFSSC.js → ZZMNGXHU.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/chunks/resources32.js +0 -1
- package/dist/chunks/runtime.js +3 -3
- package/dist/components/calcite-label/customElement.js +1 -1
- package/dist/components/calcite-shell/customElement.js +3 -1
- package/dist/components/calcite-shell-panel/customElement.js +8 -0
- package/dist/components/calcite-tile/customElement.js +1 -4
- 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
- package/dist/cdn/3HYHA4OF.js +0 -2
- package/dist/cdn/7DAEWRPY.js +0 -2
- package/dist/cdn/FOBZEAWE.js +0 -2
- package/dist/cdn/IDKES2H3.js +0 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
|
|
2
|
-
import{a as F}from"./7K22HRES.js";import{a as S}from"./PM7FP7FS.js";import{a as T}from"./MMBRYH3R.js";import{a as w}from"./FDHY2TZA.js";import{a as L}from"./CASNTUXN.js";import{b as y}from"./A5OQTYIZ.js";import{a,b as D}from"./UTXN6YZB.js";import{a as m}from"./7NK6WWOE.js";import{a as I}from"./DC4Y43PL.js";import"./2IM7ZZ7U.js";import{a as R}from"./3H5VBZ62.js";import{a as B}from"./VMHJHFFS.js";import"./TMPJIIH2.js";import"./M6PVZJEB.js";import"./G4SOANDF.js";import{E as p,F as l,G as E,H as i,J as r,M as x,T as C,g as z,h as t}from"./HKNFFM3H.js";var O=z`:host{box-sizing:border-box;background-color:var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1));color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]){--calcite-internal-action-font-size: var(--calcite-font-size--2);--calcite-internal-action-min-height: var(--calcite-size-sm);--calcite-internal-action-line-height: 1rem;--calcite-internal-action-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m]){--calcite-internal-action-font-size: var(--calcite-font-size--1);--calcite-internal-action-min-height: var(--calcite-size-md);--calcite-internal-action-line-height: 1rem;--calcite-internal-action-spacing: var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]){--calcite-internal-action-font-size: var(--calcite-font-size-0);--calcite-internal-action-min-height: var(--calcite-size-lg);--calcite-internal-action-line-height: 1.25rem;--calcite-internal-action-spacing: var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus))}:host{display:flex;background-color:var(--calcite-color-transparent);cursor:pointer;--calcite-internal-action-text-color: var(--calcite-color-text-3);border-radius:var(--calcite-action-corner-radius, var(--calcite-action-corner-radius-start-start, var(--calcite-corner-radius-xs)) var(--calcite-action-corner-radius-start-end, var(--calcite-corner-radius-xs)) var(--calcite-action-corner-radius-end-end, var(--calcite-corner-radius-xs)) var(--calcite-action-corner-radius-end-start, var(--calcite-corner-radius-xs)))}.interaction-container{border-radius:inherit}:host([width=full]){flex:1 0 auto}:host([width=full]) .button{justify-content:center}:host([width=full]) .button .text-container--visible{flex:none}:host([drag-handle]){cursor:move;--calcite-internal-action-text-color: var(--calcite-color-border-input);--calcite-internal-action-padding-inline: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}.button{outline-color:var(--calcite-color-transparent);position:relative;margin:var(--calcite-space-none);display:flex;inline-size:auto;align-items:center;justify-content:flex-start;border-style:none;box-sizing:border-box;background-color:var(--calcite-action-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));border-radius:inherit;color:var(--calcite-action-text-color, var(--calcite-internal-action-text-color));cursor:inherit;flex:1 0 auto;font-family:inherit;font-size:var(--calcite-internal-action-font-size);font-weight:var(--calcite-theme-font-weight-regular, var(--calcite-font-weight-normal));line-height:var(--calcite-internal-action-line-height);min-block-size:var(--calcite-internal-action-height, var(--calcite-internal-action-min-height));max-block-size:var(--calcite-internal-action-height, none);padding-block:var(--calcite-internal-action-padding-block, var(--calcite-internal-action-spacing));padding-inline:var(--calcite-internal-action-padding-inline, var(--calcite-internal-action-spacing));text-align:start}.button:hover{background-color:var(--calcite-action-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)));color:var(--calcite-action-text-color-press, var(--calcite-action-text-color-pressed, var(--calcite-color-text-1)))}.button:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3))))}.button--text-visible{gap:var(--calcite-internal-action-spacing);inline-size:100%}.icon-container{pointer-events:none;margin:var(--calcite-space-none);display:flex;align-items:center;justify-content:center}.text-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:inline-size;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;margin:var(--calcite-space-none);inline-size:var(--calcite-space-none);opacity:0;transition-timing-function:var(--calcite-animation-easing-function)}.text-container--visible{inline-size:auto;flex:1 1 auto;opacity:var(--calcite-opacity-full)}:host([active]) .button{background-color:var(--calcite-action-background-color, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)));color:var(--calcite-action-text-color-press, var(--calcite-action-text-color-pressed, var(--calcite-color-text-1)))}:host([active]) .button:hover{background-color:var(--calcite-action-background-color-hover, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)))}:host([active]) .button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3))))}:host([loading]) .button:hover,:host([loading]) .button:focus{background-color:var(--calcite-action-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}:host([loading]) calcite-loader[inline]{margin-inline-end:0px;--calcite-loader-progress-color-inline: var(--calcite-action-loader-color)}:host([appearance=transparent]):host([active]) .button{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-transparent-press)))}:host([appearance=transparent]) .button{transition-property:box-shadow;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;transition-timing-function:var(--calcite-animation-easing-function);background-color:var(--calcite-action-background-color, var(--calcite-color-transparent))}:host([appearance=transparent]) .button:hover{background-color:var(--calcite-action-background-color-hover, var(--calcite-color-transparent-hover))}:host([appearance=transparent]) .button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-transparent-press)))}:host([selection-appearance=highlight]):host([active]) .button{background-color:var(--calcite-color-surface-highlight);color:var(--calcite-color-text-highlight)}:host([active-descendant]) .button{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}:host([alignment=center]) .button{justify-content:center}:host([alignment=end]) .button{justify-content:flex-end}:host([alignment=center]) .button .text-container--visible,:host([alignment=end]) .button .text-container--visible{flex:0 1 auto}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-inline:var(--calcite-space-none)}.slot-container{display:flex}.slot-container--hidden{display:none}.indicator-with-icon{position:relative}.indicator-with-icon:after{content:"";position:absolute;block-size:var(--calcite-space-sm);inline-size:var(--calcite-space-sm);border-radius:var(--calcite-corner-radius-pill);inset-block-end:-.275rem;inset-inline-end:-.275rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand))}.indicator-without-icon{inline-size:var(--calcite-space-lg);margin-inline:var(--calcite-space-2xs);position:relative}.indicator-without-icon:after{content:"";position:absolute;block-size:var(--calcite-space-sm);inline-size:var(--calcite-space-sm);border-radius:var(--calcite-corner-radius-pill);inset-block-end:-.275rem;inset-inline-end:-.275rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand))}:host([scale=s]) .indicator-with-icon{position:relative}:host([scale=s]) .indicator-with-icon:after{content:"";position:absolute;block-size:var(--calcite-space-sm);inline-size:var(--calcite-space-sm);border-radius:var(--calcite-corner-radius-pill);inset-block-end:-.125rem;inset-inline-end:-.125rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand));block-size:.375rem;inline-size:.375rem}:host([scale=s]) .indicator-without-icon{position:relative}:host([scale=s]) .indicator-without-icon:after{content:"";position:absolute;block-size:var(--calcite-space-sm);inline-size:var(--calcite-space-sm);border-radius:var(--calcite-corner-radius-pill);inset-block-end:-.175rem;inset-inline-end:-.175rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand));block-size:.375rem;inline-size:.375rem}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,k=class extends E{constructor(){super(),this.guid=L(),this.buttonRef=p(),this.buttonId=D.button(this.guid),this.mutationObserver=w("mutation",()=>this.requestUpdate()),this.messages=I({blocking:!0}),this.focusSetter=R()(this),this.indicatorRef=p(),this.interactiveContainer=T(this),this.labelElRef=p(),this.active=!1,this.activeDescendant=!1,this.appearance="transparent",this.compact=!1,this.disabled=!1,this.dragHandle=!1,this.iconFlipRtl=!1,this.indicator=!1,this.loading=!1,this.overflowDisabled=!1,this.scale="m",this.width="auto",this.textEnabled=!1,this.type="button",S()(this)}static{this.properties={aria:[0,{},{attribute:!1}],active:[7,{},{reflect:!0,type:Boolean}],activeDescendant:[7,{},{reflect:!0,type:Boolean}],alignment:[3,{},{reflect:!0}],appearance:[3,{},{reflect:!0}],compact:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],dragHandle:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],indicator:[7,{},{reflect:!0,type:Boolean}],label:1,loading:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],overflowDisabled:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}],text:1,textEnabled:[7,{},{reflect:!0,type:Boolean}],type:[3,{},{reflect:!0}],selectionAppearance:[3,{},{reflect:!0}]}}static{this.formAssociated=!0}static{this.styles=[O,F]}async setFocus(e){return this.focusSetter(()=>this.buttonRef.value,e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}getAccessibleLabel(){let e=this.label||this.text||"";return this.indicator?this.messages.indicatorLabel.replace("{label}",e):e}getLabelledByElements(){let e=[...this.labelElRef.value?[this.labelElRef.value]:[],...this.aria?.labelledByElements??[]];return e.length?e:void 0}renderTextContainer(){let{text:e,textEnabled:c}=this,o={[a.textContainer]:!0,[a.textContainerVisible]:c};return e?m("text-container",t`<div aria-hidden=true class=${i(o)}>${e}</div>`):null}renderIndicatorText(){let{indicator:e,messages:c,buttonId:o}=this;return t`<div aria-labelledby=${o??r} aria-live=polite class=${i(x.screenReaderText)} role=region ${l(this.indicatorRef)}>${e?c.indicator:null}</div>`}renderIconContainer(){let{loading:e,icon:c,scale:o,el:s,iconFlipRtl:f,indicator:d}=this,u=o==="l"?"l":"m",h=e?t`<calcite-loader inline .label=${this.messages.loading} .scale=${u}></calcite-loader>`:null,v=c?t`<calcite-icon class=${i({[a.indicatorWithIcon]:d})} .flipRtl=${f} .icon=${c} .scale=${B(this.scale)}></calcite-icon>`:null,n=h||v,b=n||s.children?.length,g=t`<div class=${i({[a.slotContainer]:!0,[a.slotContainerHidden]:e})}><slot></slot></div>`;return b?m("icon-container",t`<div aria-hidden=true class=${i(a.iconContainer)}>${n}${g}</div>`):null}renderLabel(){let e=this.getAccessibleLabel();return e?t`<span class=${i(x.screenReaderText)} ${l(this.labelElRef)}>${e}</span>`:null}renderButton(){let{compact:e,disabled:c,icon:o,loading:s,textEnabled:f,indicator:d,indicatorRef:u,buttonId:h}=this,v=this.getLabelledByElements(),n={[a.button]:!0,[a.buttonTextVisible]:f,[a.buttonCompact]:e},b=t`${this.renderIconContainer()}${this.renderTextContainer()}${!o&&d&&m("indicator-no-icon",t`<div class=${i(a.indicatorWithoutIcon)}></div>`)||""}${this.renderLabel()}`,g=d&&u.value?[u.value]:[],$=[...this.aria?.controlsElements??[],...g];return this.dragHandle?t`<span .ariaBusy=${y(s,void 0)} .ariaControlsElements=${$} .ariaDescribedByElements=${this.aria?.describedByElements} .ariaExpanded=${this.aria?.expanded} .ariaHasPopup=${this.aria?.hasPopup} .ariaLabelledByElements=${v} .ariaOwnsElements=${this.aria?.ownsElements} .ariaPressed=${this.aria?.pressed} class=${i(n)} id=${h??r} role=button tabindex=${(this.disabled?void 0:0)??r} ${l(this.buttonRef)}>${b}</span>`:t`<button .ariaBusy=${y(s,void 0)} .ariaChecked=${this.aria?.checked} .ariaControlsElements=${$} .ariaDescribedByElements=${this.aria?.describedByElements} .ariaExpanded=${this.aria?.expanded} .ariaHasPopup=${this.aria?.hasPopup} .ariaLabelledByElements=${v} .ariaOwnsElements=${this.aria?.ownsElements} .ariaPressed=${this.aria?.pressed} class=${i(n)} .disabled=${c} id=${h??r} .role=${this.aria?.role} type=${this.type??r} ${l(this.buttonRef)}>${b}</button>`}render(){return this.interactiveContainer({disabled:this.disabled,children:t`${this.renderButton()}${this.renderIndicatorText()}`})}};C("calcite-action",k);export{k as Action};
|
|
2
|
+
import{a as F}from"./6WLK3AGC.js";import{a as S}from"./Q45YU6YQ.js";import{a as T}from"./HQT25DAZ.js";import{a as w}from"./FDHY2TZA.js";import{a as L}from"./CASNTUXN.js";import{b as y}from"./A5OQTYIZ.js";import{a,b as D}from"./UTXN6YZB.js";import{a as m}from"./KAUBRWVY.js";import{a as I}from"./Y4TTKTQY.js";import"./2IM7ZZ7U.js";import{a as R}from"./WB7DR5XW.js";import{a as B}from"./VMHJHFFS.js";import"./TZCIGP3Q.js";import"./NTN6AFMM.js";import"./G4SOANDF.js";import{E as p,F as l,G as E,H as i,J as r,M as x,T as C,g as z,h as t}from"./PR6HS7SC.js";var O=z`:host{box-sizing:border-box;background-color:var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1));color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]){--calcite-internal-action-font-size: var(--calcite-font-size--2);--calcite-internal-action-min-height: var(--calcite-size-sm);--calcite-internal-action-line-height: 1rem;--calcite-internal-action-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m]){--calcite-internal-action-font-size: var(--calcite-font-size--1);--calcite-internal-action-min-height: var(--calcite-size-md);--calcite-internal-action-line-height: 1rem;--calcite-internal-action-spacing: var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]){--calcite-internal-action-font-size: var(--calcite-font-size-0);--calcite-internal-action-min-height: var(--calcite-size-lg);--calcite-internal-action-line-height: 1.25rem;--calcite-internal-action-spacing: var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus))}:host{display:flex;background-color:var(--calcite-color-transparent);cursor:pointer;--calcite-internal-action-text-color: var(--calcite-color-text-3);border-radius:var(--calcite-action-corner-radius, var(--calcite-action-corner-radius-start-start, var(--calcite-corner-radius-xs)) var(--calcite-action-corner-radius-start-end, var(--calcite-corner-radius-xs)) var(--calcite-action-corner-radius-end-end, var(--calcite-corner-radius-xs)) var(--calcite-action-corner-radius-end-start, var(--calcite-corner-radius-xs)))}.interaction-container{border-radius:inherit}:host([width=full]){flex:1 0 auto}:host([width=full]) .button{justify-content:center}:host([width=full]) .button .text-container--visible{flex:none}:host([drag-handle]){cursor:move;--calcite-internal-action-text-color: var(--calcite-color-border-input);--calcite-internal-action-padding-inline: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}.button{outline-color:var(--calcite-color-transparent);position:relative;margin:var(--calcite-space-none);display:flex;inline-size:auto;align-items:center;justify-content:flex-start;border-style:none;box-sizing:border-box;background-color:var(--calcite-action-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));border-radius:inherit;color:var(--calcite-action-text-color, var(--calcite-internal-action-text-color));cursor:inherit;flex:1 0 auto;font-family:inherit;font-size:var(--calcite-internal-action-font-size);font-weight:var(--calcite-theme-font-weight-regular, var(--calcite-font-weight-normal));line-height:var(--calcite-internal-action-line-height);min-block-size:var(--calcite-internal-action-height, var(--calcite-internal-action-min-height));max-block-size:var(--calcite-internal-action-height, none);padding-block:var(--calcite-internal-action-padding-block, var(--calcite-internal-action-spacing));padding-inline:var(--calcite-internal-action-padding-inline, var(--calcite-internal-action-spacing));text-align:start}.button:hover{background-color:var(--calcite-action-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)));color:var(--calcite-action-text-color-press, var(--calcite-action-text-color-pressed, var(--calcite-color-text-1)))}.button:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3))))}.button--text-visible{gap:var(--calcite-internal-action-spacing);inline-size:100%}.icon-container{pointer-events:none;margin:var(--calcite-space-none);display:flex;align-items:center;justify-content:center}.text-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:inline-size;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;margin:var(--calcite-space-none);inline-size:var(--calcite-space-none);opacity:0;transition-timing-function:var(--calcite-animation-easing-function)}.text-container--visible{inline-size:auto;flex:1 1 auto;opacity:var(--calcite-opacity-full)}:host([active]) .button{background-color:var(--calcite-action-background-color, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)));color:var(--calcite-action-text-color-press, var(--calcite-action-text-color-pressed, var(--calcite-color-text-1)))}:host([active]) .button:hover{background-color:var(--calcite-action-background-color-hover, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)))}:host([active]) .button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3))))}:host([loading]) .button:hover,:host([loading]) .button:focus{background-color:var(--calcite-action-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}:host([loading]) calcite-loader[inline]{margin-inline-end:0px;--calcite-loader-progress-color-inline: var(--calcite-action-loader-color)}:host([appearance=transparent]):host([active]) .button{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-transparent-press)))}:host([appearance=transparent]) .button{transition-property:box-shadow;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;transition-timing-function:var(--calcite-animation-easing-function);background-color:var(--calcite-action-background-color, var(--calcite-color-transparent))}:host([appearance=transparent]) .button:hover{background-color:var(--calcite-action-background-color-hover, var(--calcite-color-transparent-hover))}:host([appearance=transparent]) .button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-transparent-press)))}:host([selection-appearance=highlight]):host([active]) .button{background-color:var(--calcite-color-surface-highlight);color:var(--calcite-color-text-highlight)}:host([active-descendant]) .button{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}:host([alignment=center]) .button{justify-content:center}:host([alignment=end]) .button{justify-content:flex-end}:host([alignment=center]) .button .text-container--visible,:host([alignment=end]) .button .text-container--visible{flex:0 1 auto}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-inline:var(--calcite-space-none)}.slot-container{display:flex}.slot-container--hidden{display:none}.indicator-with-icon{position:relative}.indicator-with-icon:after{content:"";position:absolute;block-size:var(--calcite-space-sm);inline-size:var(--calcite-space-sm);border-radius:var(--calcite-corner-radius-pill);inset-block-end:-.275rem;inset-inline-end:-.275rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand))}.indicator-without-icon{inline-size:var(--calcite-space-lg);margin-inline:var(--calcite-space-2xs);position:relative}.indicator-without-icon:after{content:"";position:absolute;block-size:var(--calcite-space-sm);inline-size:var(--calcite-space-sm);border-radius:var(--calcite-corner-radius-pill);inset-block-end:-.275rem;inset-inline-end:-.275rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand))}:host([scale=s]) .indicator-with-icon{position:relative}:host([scale=s]) .indicator-with-icon:after{content:"";position:absolute;block-size:var(--calcite-space-sm);inline-size:var(--calcite-space-sm);border-radius:var(--calcite-corner-radius-pill);inset-block-end:-.125rem;inset-inline-end:-.125rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand));block-size:.375rem;inline-size:.375rem}:host([scale=s]) .indicator-without-icon{position:relative}:host([scale=s]) .indicator-without-icon:after{content:"";position:absolute;block-size:var(--calcite-space-sm);inline-size:var(--calcite-space-sm);border-radius:var(--calcite-corner-radius-pill);inset-block-end:-.175rem;inset-inline-end:-.175rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand));block-size:.375rem;inline-size:.375rem}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,k=class extends E{constructor(){super(),this.guid=L(),this.buttonRef=p(),this.buttonId=D.button(this.guid),this.mutationObserver=w("mutation",()=>this.requestUpdate()),this.messages=I({blocking:!0}),this.focusSetter=R()(this),this.indicatorRef=p(),this.interactiveContainer=T(this),this.labelElRef=p(),this.active=!1,this.activeDescendant=!1,this.appearance="transparent",this.compact=!1,this.disabled=!1,this.dragHandle=!1,this.iconFlipRtl=!1,this.indicator=!1,this.loading=!1,this.overflowDisabled=!1,this.scale="m",this.width="auto",this.textEnabled=!1,this.type="button",S()(this)}static{this.properties={aria:[0,{},{attribute:!1}],active:[7,{},{reflect:!0,type:Boolean}],activeDescendant:[7,{},{reflect:!0,type:Boolean}],alignment:[3,{},{reflect:!0}],appearance:[3,{},{reflect:!0}],compact:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],dragHandle:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],indicator:[7,{},{reflect:!0,type:Boolean}],label:1,loading:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],overflowDisabled:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}],text:1,textEnabled:[7,{},{reflect:!0,type:Boolean}],type:[3,{},{reflect:!0}],selectionAppearance:[3,{},{reflect:!0}]}}static{this.formAssociated=!0}static{this.styles=[O,F]}async setFocus(e){return this.focusSetter(()=>this.buttonRef.value,e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}getAccessibleLabel(){let e=this.label||this.text||"";return this.indicator?this.messages.indicatorLabel.replace("{label}",e):e}getLabelledByElements(){let e=[...this.labelElRef.value?[this.labelElRef.value]:[],...this.aria?.labelledByElements??[]];return e.length?e:void 0}renderTextContainer(){let{text:e,textEnabled:c}=this,o={[a.textContainer]:!0,[a.textContainerVisible]:c};return e?m("text-container",t`<div aria-hidden=true class=${i(o)}>${e}</div>`):null}renderIndicatorText(){let{indicator:e,messages:c,buttonId:o}=this;return t`<div aria-labelledby=${o??r} aria-live=polite class=${i(x.screenReaderText)} role=region ${l(this.indicatorRef)}>${e?c.indicator:null}</div>`}renderIconContainer(){let{loading:e,icon:c,scale:o,el:s,iconFlipRtl:f,indicator:d}=this,u=o==="l"?"l":"m",h=e?t`<calcite-loader inline .label=${this.messages.loading} .scale=${u}></calcite-loader>`:null,v=c?t`<calcite-icon class=${i({[a.indicatorWithIcon]:d})} .flipRtl=${f} .icon=${c} .scale=${B(this.scale)}></calcite-icon>`:null,n=h||v,b=n||s.children?.length,g=t`<div class=${i({[a.slotContainer]:!0,[a.slotContainerHidden]:e})}><slot></slot></div>`;return b?m("icon-container",t`<div aria-hidden=true class=${i(a.iconContainer)}>${n}${g}</div>`):null}renderLabel(){let e=this.getAccessibleLabel();return e?t`<span class=${i(x.screenReaderText)} ${l(this.labelElRef)}>${e}</span>`:null}renderButton(){let{compact:e,disabled:c,icon:o,loading:s,textEnabled:f,indicator:d,indicatorRef:u,buttonId:h}=this,v=this.getLabelledByElements(),n={[a.button]:!0,[a.buttonTextVisible]:f,[a.buttonCompact]:e},b=t`${this.renderIconContainer()}${this.renderTextContainer()}${!o&&d&&m("indicator-no-icon",t`<div class=${i(a.indicatorWithoutIcon)}></div>`)||""}${this.renderLabel()}`,g=d&&u.value?[u.value]:[],$=[...this.aria?.controlsElements??[],...g];return this.dragHandle?t`<span .ariaBusy=${y(s,void 0)} .ariaControlsElements=${$} .ariaDescribedByElements=${this.aria?.describedByElements} .ariaExpanded=${this.aria?.expanded} .ariaHasPopup=${this.aria?.hasPopup} .ariaLabelledByElements=${v} .ariaOwnsElements=${this.aria?.ownsElements} .ariaPressed=${this.aria?.pressed} class=${i(n)} id=${h??r} role=button tabindex=${(this.disabled?void 0:0)??r} ${l(this.buttonRef)}>${b}</span>`:t`<button .ariaBusy=${y(s,void 0)} .ariaChecked=${this.aria?.checked} .ariaControlsElements=${$} .ariaDescribedByElements=${this.aria?.describedByElements} .ariaExpanded=${this.aria?.expanded} .ariaHasPopup=${this.aria?.hasPopup} .ariaLabelledByElements=${v} .ariaOwnsElements=${this.aria?.ownsElements} .ariaPressed=${this.aria?.pressed} class=${i(n)} .disabled=${c} id=${h??r} .role=${this.aria?.role} type=${this.type??r} ${l(this.buttonRef)}>${b}</button>`}render(){return this.interactiveContainer({disabled:this.disabled,children:t`${this.renderButton()}${this.renderIndicatorText()}`})}};C("calcite-action",k);export{k as Action};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
|
|
2
|
-
import{a as o,b as y,c as S}from"./DOIHMBBW.js";import{a as K}from"./IVGWRRNH.js";import{a as g,b as _}from"./OQKCDO4H.js";import{a as F}from"./EKTV7MOB.js";import{a as w}from"./6O654SMC.js";import{a as E}from"./FDHY2TZA.js";import{a as f}from"./A5OQTYIZ.js";import{a as A}from"./ZVX6KPMU.js";import{a as M}from"./F3VMM64Y.js";import{a as U}from"./7NK6WWOE.js";import{a as P}from"./DC4Y43PL.js";import"./2IM7ZZ7U.js";import{a as H}from"./3H5VBZ62.js";import"./VMHJHFFS.js";import{e as L}from"./TMPJIIH2.js";import"./M6PVZJEB.js";import{H as c}from"./G4SOANDF.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"./HKNFFM3H.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"./DOIHMBBW.js";import{a as K}from"./6FGMO5VR.js";import{a as g,b as _}from"./HKFG72MP.js";import{a as F}from"./MDVJYHPJ.js";import{a as w}from"./6O654SMC.js";import{a as E}from"./FDHY2TZA.js";import{a as f}from"./A5OQTYIZ.js";import{a as A}from"./QOGVX5VB.js";import{a as M}from"./F3VMM64Y.js";import{a as U}from"./KAUBRWVY.js";import{a as P}from"./Y4TTKTQY.js";import"./2IM7ZZ7U.js";import{a as H}from"./WB7DR5XW.js";import"./VMHJHFFS.js";import{e as L}from"./TZCIGP3Q.js";import"./NTN6AFMM.js";import{H as c}from"./G4SOANDF.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"./PR6HS7SC.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};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
|
|
2
|
-
import{d as I}from"./BBSSYLOF.js";import{b as D}from"./A5OQTYIZ.js";import"./2IM7ZZ7U.js";import{g as m,o as T,y as w}from"./G4SOANDF.js";import{G as A,K as C,T as M,g as b,h as S,p as E}from"./
|
|
2
|
+
import{d as I}from"./BBSSYLOF.js";import{b as D}from"./A5OQTYIZ.js";import"./2IM7ZZ7U.js";import{g as m,o as T,y as w}from"./G4SOANDF.js";import{G as A,K as C,T as M,g as b,h as S,p as E}from"./PR6HS7SC.js";function k(g){return Array.from(g.querySelectorAll("calcite-tree-item:not([disabled])")).filter(e=>{let t=e;for(;t!==g&&t!==null;){let s=t.parentElement;if(!(!I(s)||!s.hasChildren||s.expanded))return!1;t=t.parentElement}return!0})}var O=b`:host{display:block}:host(:focus){outline:var(--calcite-border-width-md) solid transparent;outline-offset:var(--calcite-border-width-md)}:host([hidden]){display:none}[hidden]{display:none}`,y=class extends A{constructor(){super(),this.items=[],this.child=!1,this.lines=!1,this.parentExpanded=!1,this.scale="m",this.selectedItems=[],this.selectionMode="single",this.calciteTreeSelect=E({cancelable:!1}),this.listen("focus",this.onFocus),this.listen("focusin",this.onFocusIn),this.listen("focusout",this.onFocusOut),this.listen("calciteInternalTreeItemSelect",this.onInternalTreeItemSelect),this.listen("keydown",this.keyDownHandler)}static{this.properties={child:[7,{},{reflect:!0,type:Boolean}],lines:[7,{},{reflect:!0,type:Boolean}],parentExpanded:[5,{},{type:Boolean}],scale:[3,{},{reflect:!0}],selectedItems:[0,{},{attribute:!1}],selectionMode:[3,{},{reflect:!0}]}}static{this.styles=O}willUpdate(e){e.has("parentExpanded")&&(this.hasUpdated||this.parentExpanded!==!1)&&this.updateItems();let t=this.el.parentElement?.closest("calcite-tree")??void 0;this.lines=t?t.lines:this.lines,this.scale=t?t.scale:this.scale,this.selectionMode=t?t.selectionMode:this.selectionMode,this.child=!!t}onFocus(){if(!this.child){let e=(this.el.querySelector("calcite-tree-item[selected]:not([disabled])")||this.el.querySelector("calcite-tree-item:not([disabled])"))??void 0;T(e,!0,"focusable")}}onFocusIn(e){(e.relatedTarget===this.el||!this.el.contains(e.relatedTarget))&&this.el.removeAttribute("tabindex")}onFocusOut(e){!this.el.contains(e.relatedTarget)&&(this.el.tabIndex=this.getRootTabIndex())}onInternalTreeItemSelect(e){if(this.child)return;let t=e.target,s=m(t.querySelectorAll("calcite-tree-item")),r=this.selectionMode==="none",n=r?[]:this.getSelectedItems();if(e.preventDefault(),e.stopPropagation(),this.selectionMode==="ancestors"){this.updateAncestorTree(e,n);return}let l=this.selectionMode!==null&&(!t.hasChildren||t.hasChildren&&(this.selectionMode==="children"||this.selectionMode==="multichildren")),c=this.selectionMode==="multichildren"&&t.hasChildren,d=!r&&e.detail.modifyCurrentSelection&&(this.selectionMode==="multiple"||this.selectionMode==="multichildren"),x=!d&&((this.selectionMode==="single"||this.selectionMode==="multiple")&&s.length<=0||this.selectionMode==="children"||this.selectionMode==="multichildren"||this.selectionMode==="single-persist"&&!t.hasChildren),h=["multiple","none","single","single-persist"].includes(this.selectionMode)&&t.hasChildren,a=[];l&&a.push(t),x&&m(this.el.querySelectorAll("calcite-tree-item[selected]")).forEach(o=>{a.includes(o)||(o.selected=!1)}),h&&["multiple","none","single","single-persist"].includes(this.selectionMode)&&(t.expanded=!t.expanded),c&&s.forEach(i=>{i.selected=!1,i.hasChildren&&(i.expanded=!1)}),d&&window.getSelection().removeAllRanges(),d&&t.selected?a.forEach(i=>{i.disabled||(i.selected=!1)}):r||a.forEach(i=>{i.disabled||(i.selected=this.selectionMode!=="single"||!i.selected)}),this.selectedItems=r?[]:this.getSelectedItems(),this.selectionChanged(n)&&this.calciteTreeSelect.emit(),e.stopPropagation()}keyDownHandler(e){if(this.child)return;let t=this.el,s=e.target,r=["ArrowRight","ArrowDown","ArrowLeft","ArrowUp","Home","End","Tab"];if(!(I(s)&&this.el.contains(s))||!r.includes(e.key))return;let n=k(t);if(e.key==="Tab"){n.forEach(l=>l.tabIndex=-1);return}if(e.key==="ArrowDown"){let l=n.indexOf(s);n[l+1]?.focus(),e.preventDefault();return}if(e.key==="ArrowUp"){let l=n.indexOf(s);n[l-1]?.focus(),e.preventDefault();return}if(e.key==="ArrowLeft"){if(s.hasChildren&&s.expanded){s.expanded=!1,e.preventDefault();return}n.slice(0,n.indexOf(s)).reverse().find(d=>d.depth===s.depth-1)?.focus(),e.preventDefault();return}if(e.key==="ArrowRight"){if(!s.disabled&&s.hasChildren)if(!s.expanded)s.expanded=!0,e.preventDefault();else{let l=n.indexOf(s);n[l+1]?.focus(),e.preventDefault()}return}if(e.key==="Home"){let l=n.shift();l&&(l.focus(),e.preventDefault());return}if(e.key==="End"){let l=n.pop();l&&(l.focus(),e.preventDefault());return}}updateAncestorTree(e,t){let s=e.target,r=e.detail.updateItem;if(s.disabled||s.indeterminate&&!r)return;let n=[],l=s.parentElement.closest("calcite-tree-item");for(;l;)n.push(l),l=l.parentElement.closest("calcite-tree-item");let c=Array.from(s.querySelectorAll("calcite-tree-item:not([disabled])")),d=c.filter(i=>!i.hasChildren),x=c.filter(i=>i.hasChildren),h;r?h=s.hasChildren?!(s.selected||s.indeterminate):!s.selected:h=s.selected,d.forEach(i=>{i.selected=h,i.indeterminate=!1});function a(i,o){let u=i.filter(f=>f.selected),p=i.filter(f=>!f.selected);o.selected=u.length===i.length,o.indeterminate=u.length>0&&p.length>0}x.reverse().forEach(i=>{let o=Array.from(i.querySelectorAll(":scope > calcite-tree > calcite-tree-item"));a(o,i)}),r&&(s.hasChildren?a(c,s):(s.selected=h,s.indeterminate=!1)),n.forEach(i=>{let o=m(i.querySelectorAll("calcite-tree-item")),u=o.filter(f=>f.selected);if(u.length===0){i.selected=!1,i.indeterminate=!1;return}let p=u.length<o.length;i.indeterminate=p,i.selected=!p}),this.selectedItems=this.getSelectedItems(),r&&this.selectionChanged(t)&&this.calciteTreeSelect.emit()}getSelectedItems(){return m(this.el.querySelectorAll("calcite-tree-item")).filter(e=>e.selected)}selectionChanged(e){return e.length!==this.selectedItems.length||this.selectedItems.some(t=>!e.includes(t))}updateItems(){this.items.forEach(e=>e.parentExpanded=this.parentExpanded)}handleDefaultSlotChange(e){let t=w(e).filter(I);this.items=t,this.updateItems()}getRootTabIndex(){return this.child?-1:0}render(){let e=!this.child,t=this.selectionMode==="multiple"||this.selectionMode==="multichildren";return this.el.ariaMultiSelectable=D(e&&t,e?"false":null),this.el.role=this.child?null:"tree",C(this.el,"tabIndex",this.getRootTabIndex()),S`<slot @slotchange=${this.handleDefaultSlotChange}></slot>`}};M("calcite-tree",y);export{y as Tree};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
|
|
2
|
-
import{a as e}from"./22NLVRMQ.js";import{a as f}from"./
|
|
2
|
+
import{a as e}from"./22NLVRMQ.js";import{a as f}from"./6WLK3AGC.js";import{a as v}from"./HQT25DAZ.js";import{a as m}from"./Y4TTKTQY.js";import"./2IM7ZZ7U.js";import{a as p}from"./WB7DR5XW.js";import"./VMHJHFFS.js";import{e as u}from"./TZCIGP3Q.js";import"./NTN6AFMM.js";import"./G4SOANDF.js";import{E as n,F as d,G as b,H as r,M as a,T as h,g as s,h as c,l as o}from"./PR6HS7SC.js";var g=s`: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:contents}:host([alignment=center]) td:not(.selection-cell):not(.number-cell){text-align:center}:host([alignment=end]) td:not(.selection-cell):not(.number-cell){text-align:end}td{text-align:start;vertical-align:middle;white-space:normal;color:var(--calcite-table-cell-text-color, var(--calcite-color-text-1));background-color:var(--calcite-internal-table-cell-background-color, var(--calcite-table-cell-background-color, transparent));font-size:var(--calcite-internal-table-cell-font-size);border-block-end:var(--calcite-internal-table-row-border-block-end-width, 0) solid var(--calcite-internal-table-row-border-block-end-color, transparent);border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-table-cell-border-color, var(--calcite-table-border-color, var(--calcite-color-border-2)));padding:var(--calcite-internal-table-cell-padding)}td:not(.static-cell){outline-color:transparent}td:not(.static-cell):focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}td.start.content-cell{vertical-align:top}td.end.content-cell{vertical-align:bottom}td.last-cell{border-inline-end:0}:host([reaches-body-end]) td{border-block-end:0}.footer-cell{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-table-cell-text-color, var(--calcite-color-text-1));background-color:var(--calcite-table-cell-background-color, var(--calcite-table-cell-background, var(--calcite-theme-color-surface-1, var(--calcite-color-background))));border-block-end:0;border-block-start:var(--calcite-border-width-sm) solid var(--calcite-table-cell-border-color, var(--calcite-table-border-color, var(--calcite-color-border-2)))}.number-cell,.selection-cell{text-align:center;border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-table-cell-border-color, var(--calcite-table-border-color, var(--calcite-color-border-2)));inline-size:2rem;min-inline-size:2rem}.number-cell{color:var(--calcite-table-number-cell-text-color, var(--calcite-color-text-1));background-color:var(--calcite-table-number-cell-background-color, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)))}.number-cell.footer-cell{background-color:var(--calcite-table-number-cell-background-color, var(--calcite-table-cell-background-color, var(--calcite-theme-color-surface-1, var(--calcite-color-background))))}.selection-cell{color:var(--calcite-table-selection-cell-icon-color, var(--calcite-color-text-3))}.selection-cell:not(.footer-cell){cursor:pointer;background-color:var(--calcite-table-selection-cell-background-color, var(--calcite-table-cell-background-color, transparent))}.selection-cell.footer-cell{background-color:var(--calcite-table-selection-cell-background-color, var(--calcite-table-cell-background-color, var(--calcite-theme-color-surface-1, var(--calcite-color-background))))}.selected-cell:not(.number-cell):not(.footer-cell){background-color:var(--calcite-table-cell-background-color-selected, var(--calcite-table-row-background-color-selected, var(--calcite-color-surface-highlight)))}.selection-cell.selected-cell{box-shadow:inset 0 0 0 0 var(--calcite-table-row-accent-color-selected, var(--calcite-color-brand));color:var(--calcite-table-selection-cell-icon-color-selected, var(--calcite-color-brand))}.calcite--rtl.selection-cell.selected-cell{box-shadow:inset -.25rem 0 0 0 var(--calcite-table-row-accent-color-selected, var(--calcite-color-brand))}.selection-cell{vertical-align:middle}.selection-cell ::slotted(calcite-icon){pointer-events:none;margin-block-start:var(--calcite-space-2xs)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,i=class extends b{constructor(){super(...arguments),this.containerRef=n(),this.direction=u(),this.messages=m(),this.focusSetter=p()(this),this.interactiveContainer=v(this),this.contentsText="",this.focused=!1,this.selectionText="",this.alignment="start",this.disabled=!1,this.interactionMode="interactive",this.lastCell=!1,this.numberCell=!1,this.reachesBodyEnd=!1,this.parentRowAlignment="start",this.parentRowIsSelected=!1,this.readCellContentsToAT=!1,this.scale="m",this.selectionCell=!1}static{this.properties={contentsText:[16,{},{state:!0}],focused:[16,{},{state:!0}],selectionText:[16,{},{state:!0}],alignment:[3,{},{reflect:!0}],colSpan:[11,{},{reflect:!0,type:Number}],disabled:[5,{},{type:Boolean}],interactionMode:1,lastCell:[5,{},{type:Boolean}],messageOverrides:[0,{},{attribute:!1}],numberCell:[5,{},{type:Boolean}],reachesBodyEnd:[7,{},{reflect:!0,type:Boolean}],parentRowAlignment:1,parentRowIsSelected:[5,{},{type:Boolean}],parentRowPositionLocalized:1,parentRowType:1,positionInRow:[9,{},{type:Number}],readCellContentsToAT:[5,{},{type:Boolean}],rowSpan:[11,{},{reflect:!0,type:Number}],scale:1,selectionCell:[5,{},{type:Boolean}]}}static{this.styles=[g,f]}async setFocus(t){return this.focusSetter(()=>this.containerRef.value,t)}async load(){this.updateScreenReaderContentsText(),this.updateScreenReaderSelectionText()}willUpdate(t){t.has("parentRowIsSelected")&&this.updateScreenReaderSelectionText()}updateScreenReaderSelectionText(){let t=`${this.messages?.row} ${this.parentRowPositionLocalized} ${this.messages?.selected} ${this.messages?.keyboardDeselect}`,l=`${this.messages?.row} ${this.parentRowPositionLocalized} ${this.messages?.unselected} ${this.messages?.keyboardSelect}`;this.selectionText=this.parentRowIsSelected?t:l}updateScreenReaderContentsText(){this.contentsText=this.el.textContent}onContainerBlur(){this.focused=!1}onContainerFocus(){this.focused=!0}render(){let t=this.direction,l=this.disabled||this.interactionMode==="static"&&(!this.selectionCell||this.selectionCell&&this.parentRowType==="foot");return this.interactiveContainer({disabled:this.disabled,children:c`<td class=${r({[e.footerCell]:this.parentRowType==="foot",[e.contentCell]:!this.numberCell&&!this.selectionCell,[e.numberCell]:this.numberCell,[e.selectionCell]:this.selectionCell,[e.selectedCell]:this.parentRowIsSelected,[e.lastCell]:this.lastCell&&(!this.rowSpan||this.colSpan&&!!this.rowSpan),[a.rtl]:t==="rtl",[e.staticCell]:l,[this.parentRowAlignment]:this.parentRowAlignment==="start"||this.parentRowAlignment==="end"})} colSpan=${this.colSpan??o} @blur=${this.onContainerBlur} @focus=${this.onContainerFocus} .role=${this.interactionMode==="interactive"?"gridcell":"cell"} rowSpan=${this.rowSpan??o} .tabIndex=${l?-1:0} ${d(this.containerRef)}>${(this.selectionCell||this.readCellContentsToAT)&&c`<span .ariaLive=${this.focused?"polite":"off"} class=${r(a.screenReaderText)}>${this.selectionCell&&this.selectionText||""}${this.readCellContentsToAT&&!this.selectionCell&&this.contentsText||""}</span>`||""}<slot @slotchange=${this.updateScreenReaderContentsText}></slot></td>`})}};h("calcite-table-cell",i);export{i as TableCell};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
|
|
2
|
-
import{a as c,b as k,c as l}from"./C75XSIWC.js";import{a as b}from"./MMBRYH3R.js";import{a as u}from"./DC4Y43PL.js";import{a as f}from"./JN6YLTUP.js";import"./2IM7ZZ7U.js";import{a as g}from"./3H5VBZ62.js";import{a as s}from"./VMHJHFFS.js";import"./TMPJIIH2.js";import"./M6PVZJEB.js";import{o as m,x}from"./G4SOANDF.js";import{E as n,F as r,G as d,H as a,T as v,g as h,h as t,p as i}from"./HKNFFM3H.js";var C=h`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-flex;cursor:default;border-radius:var(--calcite-chip-corner-radius, 9999px)}:host([closed]){display:none}:host([appearance=outline]) .container,:host([appearance=outline-fill]) .container{color:var(--calcite-chip-text-color, var(--calcite-color-text-1))}:host([appearance=outline]):host([kind=brand]),:host([appearance=outline-fill]):host([kind=brand]){--calcite-internal-chip-border-color: var(--calcite-chip-border-color, var(--calcite-color-brand));--calcite-internal-chip-selectable-hover-border-color: var(--calcite-chip-border-color, var(--calcite-color-brand));--calcite-internal-chip-selectable-active-border-color: var( --calcite-chip-border-color, var(--calcite-color-brand) )}:host([appearance=outline]):host([kind=inverse]),:host([appearance=outline-fill]):host([kind=inverse]){--calcite-internal-chip-border-color: var(--calcite-chip-border-color, var(--calcite-color-border-inverse))}:host([appearance=outline]):host([kind=neutral]),:host([appearance=outline-fill]):host([kind=neutral]){--calcite-internal-chip-border-color: var(--calcite-chip-border-color, var(--calcite-color-border-1))}:host([appearance=outline]){--calcite-internal-chip-background-color: transparent}:host([appearance=outline-fill]){--calcite-internal-chip-background-color: var( --calcite-chip-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)) )}:host([appearance=solid]){--calcite-internal-chip-border-color: transparent;--calcite-internal-chip-selectable-hover-border-color: transparent;--calcite-internal-chip-selectable-active-border-color: transparent}:host([appearance=solid]):host([kind=brand]),:host([appearance=solid]):host([kind=inverse]){--calcite-internal-chip-close-background-color-hover: var(--calcite-color-transparent-inverse-hover);--calcite-internal-chip-close-background-color-press: var(--calcite-color-transparent-inverse-press);--calcite-internal-chip-close-icon-color: var(--calcite-color-text-inverse);--calcite-internal-chip-close-icon-color-hover: var(--calcite-color-text-inverse)}:host([appearance=solid]):host([kind=brand]) .container,:host([appearance=solid]):host([kind=inverse]) .container{color:var(--calcite-chip-text-color, var(--calcite-color-text-inverse))}:host([appearance=solid]):host([kind=brand]) .close,:host([appearance=solid]):host([kind=inverse]) .close{--calcite-color-focus: var(--calcite-color-text-inverse)}:host([appearance=solid]):host([kind=brand]){--calcite-internal-chip-background-color: var(--calcite-chip-background-color, var(--calcite-color-brand))}:host([appearance=solid]):host([kind=inverse]){--calcite-internal-chip-background-color: var(--calcite-chip-background-color, var(--calcite-color-inverse))}:host([appearance=solid]):host([kind=neutral]){--calcite-internal-chip-background-color: var( --calcite-chip-background-color, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)) )}:host([kind=neutral]) .container{color:var(--calcite-chip-text-color, var(--calcite-color-text-1))}:host([selected]) .select-icon{opacity:1}:host([appearance=solid]):host([kind=neutral]){--calcite-internal-chip-selectable-hover-background-color: var( --calcite-theme-color-surface-4, var(--calcite-color-foreground-3) );--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-border-2)}:host([appearance=solid]):host([kind=inverse]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-inverse-hover);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-inverse-press)}:host([appearance=solid]):host([kind=brand]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-brand-hover);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-brand-press)}:host([appearance=outline-fill]):host([kind=neutral]){--calcite-internal-chip-selectable-hover-background-color: var( --calcite-theme-color-surface-3, var(--calcite-color-foreground-2) );--calcite-internal-chip-selectable-hover-border-color: var(--calcite-color-border-input);--calcite-internal-chip-selectable-active-background-color: var( --calcite-theme-color-surface-4, var(--calcite-color-foreground-3) );--calcite-internal-chip-selectable-active-border-color: var(--calcite-color-text-3)}:host([appearance=outline-fill]):host([kind=inverse]),:host([appearance=outline-fill]):host([kind=brand]){--calcite-internal-chip-selectable-hover-background-color: var( --calcite-theme-color-surface-3, var(--calcite-color-foreground-2) );--calcite-internal-chip-selectable-active-background-color: var( --calcite-theme-color-surface-4, var(--calcite-color-foreground-3) )}:host([appearance=outline]):host([kind=neutral]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-transparent-hover);--calcite-internal-chip-selectable-hover-border-color: var(--calcite-color-border-input);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-transparent-press);--calcite-internal-chip-selectable-active-border-color: var(--calcite-color-text-3)}:host([appearance=outline]):host([kind=inverse]),:host([appearance=outline]):host([kind=brand]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-transparent-hover);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-transparent-press)}:host([scale=s]){--calcite-internal-chip-close-padding: var(--calcite-theme-space-none, var(--calcite-spacing-none))}:host([scale=s]) .container{--calcite-internal-chip-block-size: var(--calcite-size-sm, 1.5rem) ;--calcite-internal-chip-container-space-x-end: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-chip-font-size: var(--calcite-font-size--2);--calcite-internal-chip-icon-size: var(--calcite-size-xs, 1rem) ;--calcite-internal-chip-icon-space: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-chip-image-size: var(--calcite-theme-space-xl, var(--calcite-spacing-xl, 1.25rem)) ;--calcite-internal-chip-title-space: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-close-size: var(--calcite-size-xs, 1rem) }:host([scale=s]) .container:not(.closable).is-circle{--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-px, var(--calcite-spacing-px));--calcite-internal-chip-container-space-x-end: var(--calcite-theme-space-px, var(--calcite-spacing-px))}:host([scale=s]) .container.image--slotted:has(.chip-icon),:host([scale=s]) .container.image--slotted.text--slotted,:host([scale=s]) .container.image--slotted.closable{--calcite-internal-chip-image-space-x-end: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) }:host([scale=s]) .container.image--slotted:not(.text--slotted,:has(.chip-icon)),:host([scale=s]) .container.image--slotted:not(.selectable){--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-px, var(--calcite-spacing-px))}:host([scale=s]) .container.selectable.single:not(.is-circle).image--slotted{--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-px, var(--calcite-spacing-px))}:host([scale=s]) .container.selectable.single:not(.is-circle).selected{--calcite-internal-chip-select-space-x-end: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-chip-select-space-x-start: var(--calcite-theme-space-none, var(--calcite-spacing-none, 0))}:host([scale=s]) .container.selectable.single:not(.is-circle).selected.image--slotted{--calcite-internal-chip-select-space-x-end: .5rem ;--calcite-internal-chip-select-space-x-start: .125rem }:host([scale=s]) .container.multiple:not(.is-circle){--calcite-internal-chip-container-space-x-start: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) ;--calcite-internal-chip-select-space-x-end: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-chip-select-space-x-start: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) }:host([scale=s]) .container.multiple:not(.is-circle).image--slotted{--calcite-internal-chip-select-space-x-end: .5rem ;--calcite-internal-chip-select-space-x-start: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-px, var(--calcite-spacing-px))}:host([scale=s]) .container.multiple:not(.is-circle).image--slotted:not(.text--slotted){--calcite-internal-chip-select-space-x-start: var( --calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem) ) }:host([scale=m]){--calcite-internal-chip-close-padding: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m]) .container{--calcite-internal-chip-block-size: var(--calcite-size-md, 2rem) ;--calcite-internal-chip-container-space-x-end: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-chip-font-size: var(--calcite-font-size--1);--calcite-internal-chip-icon-size: var(--calcite-size-sm, 1.5rem) ;--calcite-internal-chip-icon-space: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-chip-image-size: var(--calcite-size-sm, 1.5rem) ;--calcite-internal-chip-title-space: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-close-size: var(--calcite-size-sm, 1.5rem) }:host([scale=m]) .container:not(.closable).is-circle{--calcite-internal-chip-container-space-x-end: var(--calcite-theme-space-px, var(--calcite-spacing-px));--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-px, var(--calcite-spacing-px))}:host([scale=m]) .container.image--slotted:not(.is-circle){--calcite-internal-chip-container-space-x-start: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) }:host([scale=m]) .container.image--slotted:has(.chip-icon),:host([scale=m]) .container.image--slotted.text--slotted,:host([scale=m]) .container.image--slotted.closable{--calcite-internal-chip-image-space-x-end: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) }:host([scale=m]) .container.selectable.single:not(.is-circle).image--slotted{--calcite-internal-chip-container-space-x-start: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) }:host([scale=m]) .container.selectable.single:not(.is-circle).selected{--calcite-internal-chip-select-space-x-end: var(--calcite-theme-space-px, var(--calcite-spacing-px));--calcite-internal-chip-select-space-x-start: var(--calcite-theme-space-none, var(--calcite-spacing-none, 0))}:host([scale=m]) .container.selectable.single:not(.is-circle).selected.image--slotted{--calcite-internal-chip-select-space-x-end: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) ;--calcite-internal-chip-select-space-x-start: var( --calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem) ) }:host([scale=m]) .container.multiple:not(.is-circle){--calcite-internal-chip-select-space-x-end: .125rem ;--calcite-internal-chip-select-space-x-start: .125rem }:host([scale=m]) .container.multiple:not(.is-circle).image--slotted{--calcite-internal-chip-select-space-x-end: .5rem ;--calcite-internal-chip-select-space-x-start: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) }:host([scale=m]) .container.closable:not(.is-circle){--calcite-internal-chip-container-space-x-end: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) }:host([scale=l]){--calcite-internal-chip-close-padding: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=l]) .container{--calcite-internal-chip-block-size: 2.75rem ;--calcite-internal-chip-container-space-x-end: .5rem ;--calcite-internal-chip-container-space-x-start: .5rem ;--calcite-internal-chip-font-size: var(--calcite-font-size-0);--calcite-internal-chip-icon-size: var(--calcite-size-md, 2rem) ;--calcite-internal-chip-icon-space: .5rem ;--calcite-internal-chip-image-size: var(--calcite-size-md, 2rem) ;--calcite-internal-chip-title-space: .5rem ;--calcite-internal-close-size: var(--calcite-size-md, 2rem) }:host([scale=l]) .container:not(.closable).is-circle{--calcite-internal-chip-container-space-x-end: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) ;--calcite-internal-chip-container-space-x-start: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) }:host([scale=l]) .container.image--slotted:not(.is-circle){--calcite-internal-chip-container-space-x-start: var( --calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem) ) }:host([scale=l]) .container.image--slotted:has(.chip-icon),:host([scale=l]) .container.image--slotted.text--slotted,:host([scale=l]) .container.image--slotted.closable{--calcite-internal-chip-image-space-x-end: .5rem }:host([scale=l]) .container.selectable.single:not(.is-circle).image--slotted{--calcite-internal-chip-container-space-x-start: var( --calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem) ) }:host([scale=l]) .container.selectable.single:not(.is-circle).selected{--calcite-internal-chip-select-space-x-end: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-chip-select-space-x-start: var(--calcite-theme-space-none, var(--calcite-spacing-none, 0))}:host([scale=l]) .container.selectable.single:not(.is-circle).selected.image--slotted{--calcite-internal-chip-select-space-x-end: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-chip-select-space-x-start: .5rem }:host([scale=l]) .container.multiple:not(.is-circle){--calcite-internal-chip-container-space-x-start: .5rem ;--calcite-internal-chip-select-space-x-end: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-chip-select-space-x-start: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) }:host([scale=l]) .container.multiple:not(.is-circle).image--slotted{--calcite-internal-chip-select-space-x-end: .75rem }:host([scale=l]) .container.closable:not(.is-circle){--calcite-internal-chip-container-space-x-end: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) }.container{display:inline-flex;max-inline-size:100%;align-items:center;outline-color:transparent;justify-content:center;box-sizing:border-box;font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-internal-chip-background-color);border-color:var(--calcite-internal-chip-border-color);border-radius:var(--calcite-chip-corner-radius, var(--calcite-corner-radius-pill));border-width:var(--calcite-border-width-sm);border-style:solid;font-size:var(--calcite-internal-chip-font-size, var(--calcite-font-size));padding-inline-start:var(--calcite-internal-chip-container-space-x-start);padding-inline-end:var(--calcite-internal-chip-container-space-x-end);block-size:var(--calcite-internal-chip-block-size, auto);inline-size:var(--calcite-internal-chip-inline-size, auto);min-inline-size:var(--calcite-internal-chip-block-size, auto)}.container:hover .select-icon--active{opacity:var(--calcite-opacity-full, 1)}.container.selectable{cursor:pointer}.container.selectable:hover{background-color:var(--calcite-internal-chip-selectable-hover-background-color);border-color:var(--calcite-internal-chip-selectable-hover-border-color)}.container.selectable:active{background-color:var(--calcite-internal-chip-selectable-active-background-color);border-color:var(--calcite-internal-chip-selectable-active-border-color)}.container:not(.non-interactive):focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.container.text--slotted .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container:not(.text--slotted) .title,.container:not(.image--slotted) .image-container{display:none}.container.is-circle .chip-icon,.container.is-circle .image-container{padding:var(--calcite-theme-space-none, var(--calcite-spacing-none, 0))}.title{padding-inline:var(--calcite-internal-chip-title-space)}.image-container{display:inline-flex;overflow:hidden;align-items:center;justify-content:center;pointer-events:none;block-size:var(--calcite-internal-chip-image-size, var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl, 1.5rem)));inline-size:var(--calcite-internal-chip-image-size, var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl, 1.5rem)));padding-inline-start:var(--calcite-theme-space-none, var(--calcite-spacing-none, 0));padding-inline-end:var(--calcite-internal-chip-image-space-x-end, 0)}.chip-icon{position:relative;margin-block:0;display:inline-flex;transition-timing-function:var(--calcite-animation-easing-function);color:var(--calcite-chip-icon-color, var(--calcite-chip-text-color, var(--calcite-icon-color, var(--calcite-ui-icon-color, currentColor))));padding-inline:var(--calcite-internal-chip-icon-space, var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)))}.select-icon{align-self:center;justify-content:center;align-items:center;display:flex;inset-block-start:-1px;position:absolute;visibility:hidden;inline-size:auto;opacity:0;transition:opacity .15s ease-in-out,inline-size .15s ease-in-out;color:var(--calcite-chip-select-icon-color, currentColor)}.select-icon.select-icon--active{position:relative;visibility:visible;opacity:var(--calcite-opacity-half, .5);color:var(--calcite-chip-select-icon-color-press, var(--calcite-chip-select-icon-color-pressed, var(--calcite-chip-select-icon-color, currentColor)))}.multiple .select-icon{display:flex;justify-content:center;align-items:center}.multiple .select-icon,.single .select-icon--active{padding-inline-start:var(--calcite-internal-chip-select-space-x-start);padding-inline-end:var(--calcite-internal-chip-select-space-x-end);block-size:var(--calcite-internal-chip-icon-size, var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl, 1.5rem)));inline-size:var(--calcite-internal-chip-icon-size, var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl, 1.5rem)))}.close{--calcite-action-background-color-hover: var(--calcite-internal-chip-close-background-color-hover);--calcite-action-background-color-press: var(--calcite-internal-chip-close-background-color-press);--calcite-action-corner-radius: var(--calcite-corner-radius-pill);--calcite-action-text-color: var( --calcite-chip-close-icon-color, var(--calcite-close-icon-color, var(--calcite-internal-chip-close-icon-color)) );--calcite-action-text-color-press: var( --calcite-chip-close-icon-color, var(--calcite-close-icon-color, var(--calcite-internal-chip-close-icon-color-hover)) );--calcite-icon-color: var(--calcite-action-text-color);--calcite-internal-action-min-height: unset;--calcite-internal-action-spacing: var(--calcite-internal-chip-close-padding)}slot[name=image]::slotted(*){border-radius:50%;display:flex;block-size:100%;inline-size:100%;overflow:hidden}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,o=class extends d{constructor(){super(),this.closeButtonRef=n(),this.containerRef=n(),this.messages=u({blocking:!0}),this.focusSetter=g()(this),this.interactiveContainer=b(this),this.hasImage=!1,this.hasText=!1,this.appearance="solid",this.closable=!1,this.closed=!1,this.closeOnDelete=!1,this.disabled=!1,this.iconFlipRtl=!1,this.interactive=!1,this.kind="neutral",this.scale="m",this.selected=!1,this.selectionMode="none",this.calciteChipClose=i({cancelable:!1}),this.calciteChipSelect=i({cancelable:!1}),this.calciteInternalChipSelect=i({cancelable:!1}),this.calciteInternalSyncSelectedChips=i({cancelable:!1}),this.listen("keydown",this.keyDownHandler),this.listen("click",this.clickHandler)}static{this.properties={hasImage:[16,{},{state:!0}],hasText:[16,{},{state:!0}],appearance:[3,{},{reflect:!0}],closable:[7,{},{reflect:!0,type:Boolean}],closed:[7,{},{reflect:!0,type:Boolean}],closeOnDelete:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],interactive:[5,{},{type:Boolean}],kind:[3,{},{reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],parentChipGroup:[0,{},{attribute:!1}],scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}],selectionMode:1,value:1}}static{this.styles=C}async setFocus(e){return this.focusSetter(()=>{if(this.interactive)return this.containerRef.value;if(this.closable)return this.closeButtonRef.value},e)}async load(){this.updateHasText()}willUpdate(e){e.has("selected")&&this.hasUpdated&&this.watchSelected(this.selected)}loaded(){this.selectionMode!=="none"&&this.interactive&&this.selected&&this.handleSelectionPropertyChange(this.selected)}watchSelected(e){this.selectionMode!=="none"&&this.handleSelectionPropertyChange(e)}keyDownHandler(e){if(e.target===this.el)switch(e.key){case" ":case"Enter":this.handleEmittingEvent(),e.preventDefault();break;case"Backspace":case"Delete":this.closable&&!this.closed&&this.closeOnDelete&&(e.preventDefault(),this.close());break}}clickHandler(){!this.interactive&&this.closable&&m(this.closeButtonRef.value)}handleDefaultSlotChange(){this.updateHasText()}close(){this.calciteChipClose.emit(),this.selected=!1,this.closed=!0}closeButtonKeyDownHandler(e){f(e.key)&&(e.preventDefault(),this.close())}updateHasText(){this.hasText=this.el.textContent.trim().length>0}handleSlotImageChange(e){this.hasImage=x(e)}handleEmittingEvent(){this.interactive&&this.calciteChipSelect.emit()}handleSelectionPropertyChange(e){this.selectionMode==="single"&&this.calciteInternalSyncSelectedChips.emit(),!this.parentChipGroup?.selectedItems.includes(this.el)&&e&&this.selectionMode!=="multiple"&&this.calciteInternalChipSelect.emit(),this.selectionMode!=="single"&&this.calciteInternalSyncSelectedChips.emit()}renderChipImage(){return t`<div class=${a(c.imageContainer)}><slot name=${k.image} @slotchange=${this.handleSlotImageChange}></slot></div>`}renderSelectionIcon(){let e=this.selectionMode==="multiple"?this.selected?l.checkedMultiple:l.uncheckedMultiple:this.selected?l.checkedSingle:void 0;return t`<div class=${a({[c.selectIcon]:!0,[c.selectIconActive]:this.selectionMode==="multiple"||this.selected})}>${e?t`<calcite-icon .icon=${e} .scale=${s(this.scale)}></calcite-icon>`:null}</div>`}renderCloseButton(){return t`<calcite-action class=${a(c.close)} .icon=${l.close} @click=${this.close} @keydown=${this.closeButtonKeyDownHandler} .scale=${this.scale} .text=${this.messages.dismissLabel} ${r(this.closeButtonRef)}></calcite-action>`}renderIcon(){return t`<calcite-icon class=${a(c.chipIcon)} .flipRtl=${this.iconFlipRtl} .icon=${this.icon} .scale=${s(this.scale)}></calcite-icon>`}render(){let{disabled:e}=this,p=e||!e&&!this.interactive,y=this.selectionMode==="multiple"&&this.interactive?"checkbox":this.selectionMode!=="none"&&this.interactive?"radio":this.interactive?"button":this.closable?void 0:"img";return this.interactiveContainer({disabled:e,children:t`<div .ariaChecked=${this.selectionMode!=="none"&&this.interactive?this.selected:void 0} .ariaLabel=${this.label} class=${a({[c.container]:!0,[c.textSlotted]:this.hasText,[c.imageSlotted]:this.hasImage,[c.selectable]:this.selectionMode!=="none",[c.multiple]:this.selectionMode==="multiple",[c.single]:this.selectionMode==="single"||this.selectionMode==="single-persist",[c.selected]:this.selected,[c.closable]:this.closable,[c.nonInteractive]:!this.interactive,[c.isCircle]:!this.closable&&!this.hasText&&(!this.icon||!this.hasImage)&&(this.selectionMode==="none"||!!this.selectionMode&&this.selectionMode!=="multiple"&&!this.selected)})} @click=${this.handleEmittingEvent} .role=${y} .tabIndex=${p?-1:0} ${r(this.containerRef)}>${this.selectionMode!=="none"&&this.renderSelectionIcon()||""}${this.renderChipImage()}${this.icon&&this.renderIcon()||""}<span class=${a(c.title)}><slot @slotchange=${this.handleDefaultSlotChange}></slot></span>${this.closable&&this.renderCloseButton()||""}</div>`})}};v("calcite-chip",o);export{o as Chip};
|
|
2
|
+
import{a as c,b as k,c as l}from"./C75XSIWC.js";import{a as b}from"./HQT25DAZ.js";import{a as u}from"./Y4TTKTQY.js";import{a as f}from"./JN6YLTUP.js";import"./2IM7ZZ7U.js";import{a as g}from"./WB7DR5XW.js";import{a as s}from"./VMHJHFFS.js";import"./TZCIGP3Q.js";import"./NTN6AFMM.js";import{o as m,x}from"./G4SOANDF.js";import{E as n,F as r,G as d,H as a,T as v,g as h,h as t,p as i}from"./PR6HS7SC.js";var C=h`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-flex;cursor:default;border-radius:var(--calcite-chip-corner-radius, 9999px)}:host([closed]){display:none}:host([appearance=outline]) .container,:host([appearance=outline-fill]) .container{color:var(--calcite-chip-text-color, var(--calcite-color-text-1))}:host([appearance=outline]):host([kind=brand]),:host([appearance=outline-fill]):host([kind=brand]){--calcite-internal-chip-border-color: var(--calcite-chip-border-color, var(--calcite-color-brand));--calcite-internal-chip-selectable-hover-border-color: var(--calcite-chip-border-color, var(--calcite-color-brand));--calcite-internal-chip-selectable-active-border-color: var( --calcite-chip-border-color, var(--calcite-color-brand) )}:host([appearance=outline]):host([kind=inverse]),:host([appearance=outline-fill]):host([kind=inverse]){--calcite-internal-chip-border-color: var(--calcite-chip-border-color, var(--calcite-color-border-inverse))}:host([appearance=outline]):host([kind=neutral]),:host([appearance=outline-fill]):host([kind=neutral]){--calcite-internal-chip-border-color: var(--calcite-chip-border-color, var(--calcite-color-border-1))}:host([appearance=outline]){--calcite-internal-chip-background-color: transparent}:host([appearance=outline-fill]){--calcite-internal-chip-background-color: var( --calcite-chip-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)) )}:host([appearance=solid]){--calcite-internal-chip-border-color: transparent;--calcite-internal-chip-selectable-hover-border-color: transparent;--calcite-internal-chip-selectable-active-border-color: transparent}:host([appearance=solid]):host([kind=brand]),:host([appearance=solid]):host([kind=inverse]){--calcite-internal-chip-close-background-color-hover: var(--calcite-color-transparent-inverse-hover);--calcite-internal-chip-close-background-color-press: var(--calcite-color-transparent-inverse-press);--calcite-internal-chip-close-icon-color: var(--calcite-color-text-inverse);--calcite-internal-chip-close-icon-color-hover: var(--calcite-color-text-inverse)}:host([appearance=solid]):host([kind=brand]) .container,:host([appearance=solid]):host([kind=inverse]) .container{color:var(--calcite-chip-text-color, var(--calcite-color-text-inverse))}:host([appearance=solid]):host([kind=brand]) .close,:host([appearance=solid]):host([kind=inverse]) .close{--calcite-color-focus: var(--calcite-color-text-inverse)}:host([appearance=solid]):host([kind=brand]){--calcite-internal-chip-background-color: var(--calcite-chip-background-color, var(--calcite-color-brand))}:host([appearance=solid]):host([kind=inverse]){--calcite-internal-chip-background-color: var(--calcite-chip-background-color, var(--calcite-color-inverse))}:host([appearance=solid]):host([kind=neutral]){--calcite-internal-chip-background-color: var( --calcite-chip-background-color, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)) )}:host([kind=neutral]) .container{color:var(--calcite-chip-text-color, var(--calcite-color-text-1))}:host([selected]) .select-icon{opacity:1}:host([appearance=solid]):host([kind=neutral]){--calcite-internal-chip-selectable-hover-background-color: var( --calcite-theme-color-surface-4, var(--calcite-color-foreground-3) );--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-border-2)}:host([appearance=solid]):host([kind=inverse]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-inverse-hover);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-inverse-press)}:host([appearance=solid]):host([kind=brand]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-brand-hover);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-brand-press)}:host([appearance=outline-fill]):host([kind=neutral]){--calcite-internal-chip-selectable-hover-background-color: var( --calcite-theme-color-surface-3, var(--calcite-color-foreground-2) );--calcite-internal-chip-selectable-hover-border-color: var(--calcite-color-border-input);--calcite-internal-chip-selectable-active-background-color: var( --calcite-theme-color-surface-4, var(--calcite-color-foreground-3) );--calcite-internal-chip-selectable-active-border-color: var(--calcite-color-text-3)}:host([appearance=outline-fill]):host([kind=inverse]),:host([appearance=outline-fill]):host([kind=brand]){--calcite-internal-chip-selectable-hover-background-color: var( --calcite-theme-color-surface-3, var(--calcite-color-foreground-2) );--calcite-internal-chip-selectable-active-background-color: var( --calcite-theme-color-surface-4, var(--calcite-color-foreground-3) )}:host([appearance=outline]):host([kind=neutral]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-transparent-hover);--calcite-internal-chip-selectable-hover-border-color: var(--calcite-color-border-input);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-transparent-press);--calcite-internal-chip-selectable-active-border-color: var(--calcite-color-text-3)}:host([appearance=outline]):host([kind=inverse]),:host([appearance=outline]):host([kind=brand]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-transparent-hover);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-transparent-press)}:host([scale=s]){--calcite-internal-chip-close-padding: var(--calcite-theme-space-none, var(--calcite-spacing-none))}:host([scale=s]) .container{--calcite-internal-chip-block-size: var(--calcite-size-sm, 1.5rem) ;--calcite-internal-chip-container-space-x-end: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-chip-font-size: var(--calcite-font-size--2);--calcite-internal-chip-icon-size: var(--calcite-size-xs, 1rem) ;--calcite-internal-chip-icon-space: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-chip-image-size: var(--calcite-theme-space-xl, var(--calcite-spacing-xl, 1.25rem)) ;--calcite-internal-chip-title-space: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-close-size: var(--calcite-size-xs, 1rem) }:host([scale=s]) .container:not(.closable).is-circle{--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-px, var(--calcite-spacing-px));--calcite-internal-chip-container-space-x-end: var(--calcite-theme-space-px, var(--calcite-spacing-px))}:host([scale=s]) .container.image--slotted:has(.chip-icon),:host([scale=s]) .container.image--slotted.text--slotted,:host([scale=s]) .container.image--slotted.closable{--calcite-internal-chip-image-space-x-end: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) }:host([scale=s]) .container.image--slotted:not(.text--slotted,:has(.chip-icon)),:host([scale=s]) .container.image--slotted:not(.selectable){--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-px, var(--calcite-spacing-px))}:host([scale=s]) .container.selectable.single:not(.is-circle).image--slotted{--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-px, var(--calcite-spacing-px))}:host([scale=s]) .container.selectable.single:not(.is-circle).selected{--calcite-internal-chip-select-space-x-end: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-chip-select-space-x-start: var(--calcite-theme-space-none, var(--calcite-spacing-none, 0))}:host([scale=s]) .container.selectable.single:not(.is-circle).selected.image--slotted{--calcite-internal-chip-select-space-x-end: .5rem ;--calcite-internal-chip-select-space-x-start: .125rem }:host([scale=s]) .container.multiple:not(.is-circle){--calcite-internal-chip-container-space-x-start: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) ;--calcite-internal-chip-select-space-x-end: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-chip-select-space-x-start: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) }:host([scale=s]) .container.multiple:not(.is-circle).image--slotted{--calcite-internal-chip-select-space-x-end: .5rem ;--calcite-internal-chip-select-space-x-start: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-px, var(--calcite-spacing-px))}:host([scale=s]) .container.multiple:not(.is-circle).image--slotted:not(.text--slotted){--calcite-internal-chip-select-space-x-start: var( --calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem) ) }:host([scale=m]){--calcite-internal-chip-close-padding: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m]) .container{--calcite-internal-chip-block-size: var(--calcite-size-md, 2rem) ;--calcite-internal-chip-container-space-x-end: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-chip-font-size: var(--calcite-font-size--1);--calcite-internal-chip-icon-size: var(--calcite-size-sm, 1.5rem) ;--calcite-internal-chip-icon-space: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-chip-image-size: var(--calcite-size-sm, 1.5rem) ;--calcite-internal-chip-title-space: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-close-size: var(--calcite-size-sm, 1.5rem) }:host([scale=m]) .container:not(.closable).is-circle{--calcite-internal-chip-container-space-x-end: var(--calcite-theme-space-px, var(--calcite-spacing-px));--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-px, var(--calcite-spacing-px))}:host([scale=m]) .container.image--slotted:not(.is-circle){--calcite-internal-chip-container-space-x-start: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) }:host([scale=m]) .container.image--slotted:has(.chip-icon),:host([scale=m]) .container.image--slotted.text--slotted,:host([scale=m]) .container.image--slotted.closable{--calcite-internal-chip-image-space-x-end: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) }:host([scale=m]) .container.selectable.single:not(.is-circle).image--slotted{--calcite-internal-chip-container-space-x-start: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) }:host([scale=m]) .container.selectable.single:not(.is-circle).selected{--calcite-internal-chip-select-space-x-end: var(--calcite-theme-space-px, var(--calcite-spacing-px));--calcite-internal-chip-select-space-x-start: var(--calcite-theme-space-none, var(--calcite-spacing-none, 0))}:host([scale=m]) .container.selectable.single:not(.is-circle).selected.image--slotted{--calcite-internal-chip-select-space-x-end: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) ;--calcite-internal-chip-select-space-x-start: var( --calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem) ) }:host([scale=m]) .container.multiple:not(.is-circle){--calcite-internal-chip-select-space-x-end: .125rem ;--calcite-internal-chip-select-space-x-start: .125rem }:host([scale=m]) .container.multiple:not(.is-circle).image--slotted{--calcite-internal-chip-select-space-x-end: .5rem ;--calcite-internal-chip-select-space-x-start: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) }:host([scale=m]) .container.closable:not(.is-circle){--calcite-internal-chip-container-space-x-end: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) }:host([scale=l]){--calcite-internal-chip-close-padding: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=l]) .container{--calcite-internal-chip-block-size: 2.75rem ;--calcite-internal-chip-container-space-x-end: .5rem ;--calcite-internal-chip-container-space-x-start: .5rem ;--calcite-internal-chip-font-size: var(--calcite-font-size-0);--calcite-internal-chip-icon-size: var(--calcite-size-md, 2rem) ;--calcite-internal-chip-icon-space: .5rem ;--calcite-internal-chip-image-size: var(--calcite-size-md, 2rem) ;--calcite-internal-chip-title-space: .5rem ;--calcite-internal-close-size: var(--calcite-size-md, 2rem) }:host([scale=l]) .container:not(.closable).is-circle{--calcite-internal-chip-container-space-x-end: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) ;--calcite-internal-chip-container-space-x-start: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) }:host([scale=l]) .container.image--slotted:not(.is-circle){--calcite-internal-chip-container-space-x-start: var( --calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem) ) }:host([scale=l]) .container.image--slotted:has(.chip-icon),:host([scale=l]) .container.image--slotted.text--slotted,:host([scale=l]) .container.image--slotted.closable{--calcite-internal-chip-image-space-x-end: .5rem }:host([scale=l]) .container.selectable.single:not(.is-circle).image--slotted{--calcite-internal-chip-container-space-x-start: var( --calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem) ) }:host([scale=l]) .container.selectable.single:not(.is-circle).selected{--calcite-internal-chip-select-space-x-end: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-chip-select-space-x-start: var(--calcite-theme-space-none, var(--calcite-spacing-none, 0))}:host([scale=l]) .container.selectable.single:not(.is-circle).selected.image--slotted{--calcite-internal-chip-select-space-x-end: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-chip-select-space-x-start: .5rem }:host([scale=l]) .container.multiple:not(.is-circle){--calcite-internal-chip-container-space-x-start: .5rem ;--calcite-internal-chip-select-space-x-end: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-chip-select-space-x-start: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) }:host([scale=l]) .container.multiple:not(.is-circle).image--slotted{--calcite-internal-chip-select-space-x-end: .75rem }:host([scale=l]) .container.closable:not(.is-circle){--calcite-internal-chip-container-space-x-end: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) }.container{display:inline-flex;max-inline-size:100%;align-items:center;outline-color:transparent;justify-content:center;box-sizing:border-box;font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-internal-chip-background-color);border-color:var(--calcite-internal-chip-border-color);border-radius:var(--calcite-chip-corner-radius, var(--calcite-corner-radius-pill));border-width:var(--calcite-border-width-sm);border-style:solid;font-size:var(--calcite-internal-chip-font-size, var(--calcite-font-size));padding-inline-start:var(--calcite-internal-chip-container-space-x-start);padding-inline-end:var(--calcite-internal-chip-container-space-x-end);block-size:var(--calcite-internal-chip-block-size, auto);inline-size:var(--calcite-internal-chip-inline-size, auto);min-inline-size:var(--calcite-internal-chip-block-size, auto)}.container:hover .select-icon--active{opacity:var(--calcite-opacity-full, 1)}.container.selectable{cursor:pointer}.container.selectable:hover{background-color:var(--calcite-internal-chip-selectable-hover-background-color);border-color:var(--calcite-internal-chip-selectable-hover-border-color)}.container.selectable:active{background-color:var(--calcite-internal-chip-selectable-active-background-color);border-color:var(--calcite-internal-chip-selectable-active-border-color)}.container:not(.non-interactive):focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.container.text--slotted .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container:not(.text--slotted) .title,.container:not(.image--slotted) .image-container{display:none}.container.is-circle .chip-icon,.container.is-circle .image-container{padding:var(--calcite-theme-space-none, var(--calcite-spacing-none, 0))}.title{padding-inline:var(--calcite-internal-chip-title-space)}.image-container{display:inline-flex;overflow:hidden;align-items:center;justify-content:center;pointer-events:none;block-size:var(--calcite-internal-chip-image-size, var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl, 1.5rem)));inline-size:var(--calcite-internal-chip-image-size, var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl, 1.5rem)));padding-inline-start:var(--calcite-theme-space-none, var(--calcite-spacing-none, 0));padding-inline-end:var(--calcite-internal-chip-image-space-x-end, 0)}.chip-icon{position:relative;margin-block:0;display:inline-flex;transition-timing-function:var(--calcite-animation-easing-function);color:var(--calcite-chip-icon-color, var(--calcite-chip-text-color, var(--calcite-icon-color, var(--calcite-ui-icon-color, currentColor))));padding-inline:var(--calcite-internal-chip-icon-space, var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)))}.select-icon{align-self:center;justify-content:center;align-items:center;display:flex;inset-block-start:-1px;position:absolute;visibility:hidden;inline-size:auto;opacity:0;transition:opacity .15s ease-in-out,inline-size .15s ease-in-out;color:var(--calcite-chip-select-icon-color, currentColor)}.select-icon.select-icon--active{position:relative;visibility:visible;opacity:var(--calcite-opacity-half, .5);color:var(--calcite-chip-select-icon-color-press, var(--calcite-chip-select-icon-color-pressed, var(--calcite-chip-select-icon-color, currentColor)))}.multiple .select-icon{display:flex;justify-content:center;align-items:center}.multiple .select-icon,.single .select-icon--active{padding-inline-start:var(--calcite-internal-chip-select-space-x-start);padding-inline-end:var(--calcite-internal-chip-select-space-x-end);block-size:var(--calcite-internal-chip-icon-size, var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl, 1.5rem)));inline-size:var(--calcite-internal-chip-icon-size, var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl, 1.5rem)))}.close{--calcite-action-background-color-hover: var(--calcite-internal-chip-close-background-color-hover);--calcite-action-background-color-press: var(--calcite-internal-chip-close-background-color-press);--calcite-action-corner-radius: var(--calcite-corner-radius-pill);--calcite-action-text-color: var( --calcite-chip-close-icon-color, var(--calcite-close-icon-color, var(--calcite-internal-chip-close-icon-color)) );--calcite-action-text-color-press: var( --calcite-chip-close-icon-color, var(--calcite-close-icon-color, var(--calcite-internal-chip-close-icon-color-hover)) );--calcite-icon-color: var(--calcite-action-text-color);--calcite-internal-action-min-height: unset;--calcite-internal-action-spacing: var(--calcite-internal-chip-close-padding)}slot[name=image]::slotted(*){border-radius:50%;display:flex;block-size:100%;inline-size:100%;overflow:hidden}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,o=class extends d{constructor(){super(),this.closeButtonRef=n(),this.containerRef=n(),this.messages=u({blocking:!0}),this.focusSetter=g()(this),this.interactiveContainer=b(this),this.hasImage=!1,this.hasText=!1,this.appearance="solid",this.closable=!1,this.closed=!1,this.closeOnDelete=!1,this.disabled=!1,this.iconFlipRtl=!1,this.interactive=!1,this.kind="neutral",this.scale="m",this.selected=!1,this.selectionMode="none",this.calciteChipClose=i({cancelable:!1}),this.calciteChipSelect=i({cancelable:!1}),this.calciteInternalChipSelect=i({cancelable:!1}),this.calciteInternalSyncSelectedChips=i({cancelable:!1}),this.listen("keydown",this.keyDownHandler),this.listen("click",this.clickHandler)}static{this.properties={hasImage:[16,{},{state:!0}],hasText:[16,{},{state:!0}],appearance:[3,{},{reflect:!0}],closable:[7,{},{reflect:!0,type:Boolean}],closed:[7,{},{reflect:!0,type:Boolean}],closeOnDelete:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],interactive:[5,{},{type:Boolean}],kind:[3,{},{reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],parentChipGroup:[0,{},{attribute:!1}],scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}],selectionMode:1,value:1}}static{this.styles=C}async setFocus(e){return this.focusSetter(()=>{if(this.interactive)return this.containerRef.value;if(this.closable)return this.closeButtonRef.value},e)}async load(){this.updateHasText()}willUpdate(e){e.has("selected")&&this.hasUpdated&&this.watchSelected(this.selected)}loaded(){this.selectionMode!=="none"&&this.interactive&&this.selected&&this.handleSelectionPropertyChange(this.selected)}watchSelected(e){this.selectionMode!=="none"&&this.handleSelectionPropertyChange(e)}keyDownHandler(e){if(e.target===this.el)switch(e.key){case" ":case"Enter":this.handleEmittingEvent(),e.preventDefault();break;case"Backspace":case"Delete":this.closable&&!this.closed&&this.closeOnDelete&&(e.preventDefault(),this.close());break}}clickHandler(){!this.interactive&&this.closable&&m(this.closeButtonRef.value)}handleDefaultSlotChange(){this.updateHasText()}close(){this.calciteChipClose.emit(),this.selected=!1,this.closed=!0}closeButtonKeyDownHandler(e){f(e.key)&&(e.preventDefault(),this.close())}updateHasText(){this.hasText=this.el.textContent.trim().length>0}handleSlotImageChange(e){this.hasImage=x(e)}handleEmittingEvent(){this.interactive&&this.calciteChipSelect.emit()}handleSelectionPropertyChange(e){this.selectionMode==="single"&&this.calciteInternalSyncSelectedChips.emit(),!this.parentChipGroup?.selectedItems.includes(this.el)&&e&&this.selectionMode!=="multiple"&&this.calciteInternalChipSelect.emit(),this.selectionMode!=="single"&&this.calciteInternalSyncSelectedChips.emit()}renderChipImage(){return t`<div class=${a(c.imageContainer)}><slot name=${k.image} @slotchange=${this.handleSlotImageChange}></slot></div>`}renderSelectionIcon(){let e=this.selectionMode==="multiple"?this.selected?l.checkedMultiple:l.uncheckedMultiple:this.selected?l.checkedSingle:void 0;return t`<div class=${a({[c.selectIcon]:!0,[c.selectIconActive]:this.selectionMode==="multiple"||this.selected})}>${e?t`<calcite-icon .icon=${e} .scale=${s(this.scale)}></calcite-icon>`:null}</div>`}renderCloseButton(){return t`<calcite-action class=${a(c.close)} .icon=${l.close} @click=${this.close} @keydown=${this.closeButtonKeyDownHandler} .scale=${this.scale} .text=${this.messages.dismissLabel} ${r(this.closeButtonRef)}></calcite-action>`}renderIcon(){return t`<calcite-icon class=${a(c.chipIcon)} .flipRtl=${this.iconFlipRtl} .icon=${this.icon} .scale=${s(this.scale)}></calcite-icon>`}render(){let{disabled:e}=this,p=e||!e&&!this.interactive,y=this.selectionMode==="multiple"&&this.interactive?"checkbox":this.selectionMode!=="none"&&this.interactive?"radio":this.interactive?"button":this.closable?void 0:"img";return this.interactiveContainer({disabled:e,children:t`<div .ariaChecked=${this.selectionMode!=="none"&&this.interactive?this.selected:void 0} .ariaLabel=${this.label} class=${a({[c.container]:!0,[c.textSlotted]:this.hasText,[c.imageSlotted]:this.hasImage,[c.selectable]:this.selectionMode!=="none",[c.multiple]:this.selectionMode==="multiple",[c.single]:this.selectionMode==="single"||this.selectionMode==="single-persist",[c.selected]:this.selected,[c.closable]:this.closable,[c.nonInteractive]:!this.interactive,[c.isCircle]:!this.closable&&!this.hasText&&(!this.icon||!this.hasImage)&&(this.selectionMode==="none"||!!this.selectionMode&&this.selectionMode!=="multiple"&&!this.selected)})} @click=${this.handleEmittingEvent} .role=${y} .tabIndex=${p?-1:0} ${r(this.containerRef)}>${this.selectionMode!=="none"&&this.renderSelectionIcon()||""}${this.renderChipImage()}${this.icon&&this.renderIcon()||""}<span class=${a(c.title)}><slot @slotchange=${this.handleDefaultSlotChange}></slot></span>${this.closable&&this.renderCloseButton()||""}</div>`})}};v("calcite-chip",o);export{o as Chip};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
|
|
2
|
-
import{a as c,b as C,c as A}from"./4F4R7KYO.js";import{a as B,b as N}from"./OQKCDO4H.js";import{a as R}from"./6O654SMC.js";import{c as O}from"./7XS2SBMV.js";import{a as S}from"./A5OQTYIZ.js";import{a as f}from"./7NK6WWOE.js";import{a as W}from"./DC4Y43PL.js";import"./2IM7ZZ7U.js";import{e as _}from"./TMPJIIH2.js";import"./M6PVZJEB.js";import{H as i,x as P,y as L}from"./G4SOANDF.js";import{E as y,F as w,G as D,H as h,M as v,O as E,P as H,T as U,g as I,h as u,p as b}from"./HKNFFM3H.js";var K=I`.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.calcite-animate__in-scale{animation-name:in-scale}@keyframes in{0%{opacity:0}to{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0,-5px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0,5px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes in-right{0%{opacity:0;transform:translate3D(-5px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(.95,.95,1)}to{opacity:1;transform:scaleZ(1)}}`,T=I`:host{pointer-events:none;position:relative;display:flex;flex:0 1 auto;align-items:stretch;z-index:var(--calcite-shell-panel-z-index, var(--calcite-z-index));--calcite-shell-panel-max-height: unset;--calcite-internal-shell-panel-shadow-block-start: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-block-end: 0 -4px 8px -1px rgba(0, 0, 0, .08), 0 -2px 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-start: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-end: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04)}.calcite--rtl.content--overlay{--calcite-internal-shell-panel-shadow-inline-start: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-end: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04)}:host([layout=vertical]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index) + 1))}:host([layout=vertical][display-mode=overlay]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index-header) + 1))}:host([layout=vertical][display-mode=float-all]) .content{flex:2}:host([layout=vertical]:not([display-mode=float-all])) .width-s{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 300px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical][display-mode=float-all]) .width-s{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical]:not([display-mode=float-all])) .width-m{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 420px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical][display-mode=float-all]) .width-m{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical]:not([display-mode=float-all])) .width-l{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 680px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 340px)}:host([layout=vertical][display-mode=float-all]) .width-l{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 340px)}:host([layout=horizontal]) .content{--calcite-internal-shell-panel-height: var(--calcite-shell-panel-height);--calcite-internal-shell-panel-min-height: var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height: var(--calcite-shell-panel-max-height, 30vh)}:host([layout=horizontal]) .height-s{--calcite-internal-shell-panel-height: var(--calcite-shell-panel-height);--calcite-internal-shell-panel-min-height: var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height: var(--calcite-shell-panel-max-height, 20vh)}:host([layout=horizontal]) .height-l{--calcite-internal-shell-panel-height: var(--calcite-shell-panel-height);--calcite-internal-shell-panel-min-height: var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height: var(--calcite-shell-panel-max-height, 40vh)}:host([display-mode=float-all][height=s]),:host([display-mode=float-all][height-scale=s]) .content{min-block-size:var(--calcite-shell-panel-height, 20vh)}:host([display-mode=float-all][height=m]),:host([display-mode=float-all][height-scale=m]) .content{min-block-size:var(--calcite-shell-panel-height, 30vh)}:host([display-mode=float-all][height=l]),:host([display-mode=float-all][height-scale=l]) .content{min-block-size:var(--calcite-shell-panel-height, 40vh)}.container{pointer-events:none;box-sizing:border-box;display:flex;block-size:100%;flex:1 1 auto;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size-relative-base);color:var(--calcite-shell-panel-text-color, var(--calcite-color-text-2))}.container *{box-sizing:border-box}.container.float-all{margin-block:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));margin-inline:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}.float-all{max-block-size:var(--calcite-internal-shell-panel-max-height, calc(100% - 1rem) );box-shadow:var(--calcite-shell-panel-shadow, var(--calcite-shadow-sm));border-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)));overflow:hidden}:host([layout=vertical][position=start]) .float-all{border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-shell-panel-border-color, var(--calcite-color-border-3))}:host([layout=vertical][position=end]) .float-all{border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-shell-panel-border-color, var(--calcite-color-border-3)))}:host([layout=horizontal]) .float-all{border-inline:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-shell-panel-border-color, var(--calcite-color-border-3)))}:host([layout=horizontal]) .container{block-size:auto;inline-size:100%;flex-direction:column}.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-shell-panel-resize-handle-offset: calc( (var(--calcite-size-fixed-xxl) - var(--calcite-size-fixed-sm-plus)) / 2 * -1 );z-index:var(--calcite-z-index-header);touch-action:none}.resize-handle:active .resize-handle-bar,.resize-handle:hover .resize-handle-bar{color:var(--calcite-shell-panel-resize-icon-color, var(--calcite-color-text-1));background-color:var(--calcite-shell-panel-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-shell-panel-resize-icon-color, var(--calcite-color-border-input));background-color:var(--calcite-shell-panel-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=start][layout=vertical]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);inset-inline-end:var(--calcite-internal-shell-panel-resize-handle-offset);block-size:100%}:host([position=start][layout=vertical]) .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-shell-border-color, var(--calcite-color-border-3))}:host([position=start][layout=vertical]):host([display-mode^=float]) .resize-handle-bar{border-start-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)));border-end-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)))}:host([position=end][layout=vertical]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);inset-inline-start:var(--calcite-internal-shell-panel-resize-handle-offset);block-size:100%}:host([position=end][layout=vertical]) .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-shell-border-color, var(--calcite-color-border-3))}:host([position=end][layout=vertical]):host([display-mode^=float]) .resize-handle-bar{border-start-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)));border-end-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)))}:host([position=start][layout=horizontal]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-end:var(--calcite-internal-shell-panel-resize-handle-offset)}:host([position=start][layout=horizontal]) .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-shell-border-color, var(--calcite-color-border-3))}:host([position=start][layout=horizontal]):host([display-mode^=float]) .resize-handle-bar{border-end-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)));border-end-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)))}:host([position=end][layout=horizontal]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-start:var(--calcite-internal-shell-panel-resize-handle-offset)}:host([position=end][layout=horizontal]) .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-shell-border-color, var(--calcite-color-border-3))}:host([position=end][layout=horizontal]):host([display-mode^=float]) .resize-handle-bar{border-start-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)));border-start-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)))}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%;inline-size:100%;flex:1 1 auto;max-block-size:unset;max-inline-size:unset}.action-bar-container{pointer-events:auto;box-sizing:border-box;display:flex;flex:1 1 auto}.content-container{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;align-items:stretch;align-self:stretch}:host([layout=horizontal]) .action-bar-container,:host([layout=horizontal]) .content-container{flex-direction:column}.content{pointer-events:auto;position:relative;box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-self:stretch;padding:0;background-color:var(--calcite-shell-panel-background-color, var(--calcite-theme-color-surface-1, var(--calcite-color-background)));transition:max-block-size var(--calcite-animation-timing),max-inline-size var(--calcite-animation-timing)}:host([layout=vertical]:not([display-mode=float-all])) .content{inline-size:var(--calcite-internal-shell-panel-width);max-inline-size:var(--calcite-internal-shell-panel-max-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=vertical][display-mode=float-all]) .content{inline-size:var(--calcite-internal-shell-panel-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=horizontal]) .content{block-size:var(--calcite-internal-shell-panel-height);max-block-size:var(--calcite-internal-shell-panel-max-height);min-block-size:var(--calcite-internal-shell-panel-min-height)}:host([resizable][layout=vertical][position=start]) .content{padding-inline-end:var(--calcite-size-fixed-sm-plus)}:host([resizable][layout=vertical][position=end]) .content{padding-inline-start:var(--calcite-size-fixed-sm-plus)}:host([resizable][layout=horizontal][position=start]) .content{padding-block-end:var(--calcite-size-fixed-sm-plus)}:host([resizable][layout=horizontal][position=end]) .content{padding-block-start:var(--calcite-size-fixed-sm-plus)}.content__header{display:flex;flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch}.content__body{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.content--overlay{position:absolute;box-shadow:var(--calcite-shell-panel-shadow, var(--calcite-shadow-sm))}:host([layout=vertical]) .content--overlay{inset-block-start:0px;block-size:100%}:host([layout=horizontal]) .content--overlay{inset-inline-start:0px;inline-size:100%}:host([layout=vertical][position=start]) .content--overlay{inset-inline-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-start)}:host([layout=vertical][position=end]) .content--overlay{inset-inline-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-end)}:host([layout=horizontal][position=start]) .content--overlay{inset-block-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-start)}:host([layout=horizontal][position=end]) .content--overlay{inset-block-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-end)}.float--content{margin-block-end:auto;block-size:auto;overflow:hidden;box-shadow:var(--calcite-shell-panel-shadow, var(--calcite-shadow-sm));border-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)));margin-inline:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));margin-block-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));max-block-size:var(--calcite-internal-shell-panel-max-height, calc(100% - 1rem) )}.float--content ::slotted(calcite-panel),.float--content ::slotted(calcite-flow){max-block-size:unset}:host([layout=horizontal]) .float--content{margin-block:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([position=start]) .float--content ::slotted(calcite-panel),:host([position=start]) .float--content ::slotted(calcite-flow),:host([position=end]) .float--content ::slotted(calcite-panel),:host([position=end]) .float--content ::slotted(calcite-flow){border-style:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel:not([closed])){border:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-color-border-3))}:host([position=start]:not([slot=panel-end])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]:not([slot=panel-end])) .content ::slotted(calcite-flow),:host([position=start]:not([slot=panel-end])) .content ::slotted(calcite-panel),:host([position=end][slot=panel-start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end][slot=panel-start]) .content ::slotted(calcite-flow),:host([position=end][slot=panel-start]) .content ::slotted(calcite-panel){border-inline-start:none}:host([resizable][layout=vertical]) .content ::slotted(calcite-flow),:host([resizable][layout=vertical]) .content ::slotted(calcite-panel){border-inline-start:none;border-inline-end:none}:host([resizable][layout=horizontal]) .content ::slotted(calcite-flow),:host([resizable][layout=horizontal]) .content ::slotted(calcite-panel){border-block-start:none;border-block-end:none}:host([position=end]:not([slot=panel-start])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-flow),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-panel),:host([position=start][slot=panel-end]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start][slot=panel-end]) .content ::slotted(calcite-flow),:host([position=start][slot=panel-end]) .content ::slotted(calcite-panel){border-inline-end:none}:host([layout=horizontal]) slot[name=action-bar]::slotted(calcite-action-bar){border-inline:0}:host([layout=horizontal][position=start]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=start]) .content ::slotted(calcite-panel){border-inline:0;border-block-start:0}:host([layout=horizontal][position=end]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=end]) .content ::slotted(calcite-panel){border-inline:0;border-block-end:0}:host([display-mode=dock]) .resize-handle-bar,:host([display-mode=float-all]) .resize-handle-bar,:host([display-mode=overlay]) .resize-handle-bar{border-block-start:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);border-block-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}:host([hidden]){display:none}[hidden]{display:none}`,$=class extends D{constructor(){super(...arguments),this.direction=_(),this.resizeHandleRef=y(),this.actionBars=[],this.contentRef=y(),this.containerRef=y(),this.messages=W(),this.sizeOverride=N({targetElement:this.contentRef,getBounds:()=>({inline:{min:this.resizeValues.minInlineSize,max:this.getMaxInlineSize()},block:{min:this.resizeValues.minBlockSize,max:this.getMaxBlockSize()}}),onResize:e=>{this.resizeValues=e}}),this.resizeValues={inlineSize:null,blockSize:null,minInlineSize:null,minBlockSize:null,maxInlineSize:null,maxBlockSize:null},this.hasHeader=!1,this.collapsed=!1,this.displayMode="dock",this.layout="vertical",this.position="start",this.resizable=!1,this.widthScale="m",this.calciteInternalShellPanelResizeEnd=b({cancelable:!1}),this.calciteInternalShellPanelResizeStart=b({cancelable:!1}),this.calciteShellPanelCollapse=b({cancelable:!1}),this.calciteShellPanelExpand=b({cancelable:!1})}static{this.properties={resizeValues:[16,{},{state:!0}],hasHeader:[16,{},{state:!0}],collapsed:[7,{},{reflect:!0,type:Boolean}],displayMode:[3,{},{reflect:!0}],heightScale:[3,{},{reflect:!0}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],position:[3,{},{reflect:!0}],resizable:[7,{},{reflect:!0,type:Boolean}],shellSizingDataProvider:[0,{},{attribute:!1}],height:[3,{},{reflect:!0}],widthScale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}]}}static{this.styles=[T,K]}async updateSize(e){this.updateSizeInternal(e)}connectedCallback(){super.connectedCallback(),this.hasUpdated&&this.refreshResize()}willUpdate(e){let t=!1;e.has("layout")&&(this.hasUpdated||this.layout!=="vertical")&&(this.setActionBarsLayout(this.actionBars),this.updateSizeInternal({inline:null,block:null}),t=!0),(e.has("direction")&&this.hasUpdated||e.has("position")&&(this.hasUpdated||this.position!=="start"))&&(t=!0),(e.has("collapsed")&&(this.hasUpdated||this.collapsed!==!1)||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1))&&(t=this.resizable&&!this.collapsed,t||this.cleanUpInteractions()),t&&this.refreshResize(),e.has("collapsed")&&this.hasUpdated&&(this.collapsed?this.calciteShellPanelCollapse.emit():this.calciteShellPanelExpand.emit())}disconnectedCallback(){super.disconnectedCallback(),this.cleanUpInteractions()}updateSizeInternal(e){this.contentRef.value&&this.sizeOverride.resize(e)}handleKeyDown(e){let{key:t,defaultPrevented:a,shiftKey:o}=e,{position:l,layout:n,resizable:r,contentRef:s,resizeValues:{maxBlockSize:d,maxInlineSize:m,minBlockSize:z,minInlineSize:x}}=this,M=[...n==="horizontal"?["ArrowUp","ArrowDown"]:["ArrowLeft","ArrowRight"],"Home","End"];if(!r||!s.value||a||!M.includes(t))return;let g=s.value.getBoundingClientRect(),V=this.direction==="rtl"?-1:1,p=o?H:E;switch(t){case"ArrowUp":this.updateSizeInternal({block:g.height+(n==="horizontal"&&l==="end"?p:-p)}),e.preventDefault();break;case"ArrowDown":this.updateSizeInternal({block:g.height+(n==="horizontal"&&l==="end"?-p:p)}),e.preventDefault();break;case"ArrowLeft":this.updateSizeInternal({inline:g.width+(n==="vertical"&&l==="end"?p:-p)*V}),e.preventDefault();break;case"ArrowRight":this.updateSizeInternal({inline:g.width+(n==="vertical"&&l==="end"?-p:p)*V}),e.preventDefault();break;case"Home":this.updateSizeInternal(n==="horizontal"?{block:z}:{inline:x}),e.preventDefault();break;case"End":this.updateSizeInternal(n==="horizontal"?{block:d}:{inline:m}),e.preventDefault();break}}cleanUpInteractions(){this.interaction?.unset()}updateResizeValues(){let{contentRef:e,layout:t}=this;if(!e.value)return;let a=window.getComputedStyle(e.value),o=i(a.maxInlineSize)||window.innerWidth,l=i(a.maxBlockSize)||window.innerHeight,n=t==="vertical"?this.getAvailableInlineSize():null,r=t==="horizontal"?this.getAvailableBlockSize():null;this.resizeValues={inlineSize:i(a.inlineSize),blockSize:i(a.blockSize),minInlineSize:i(a.minInlineSize),minBlockSize:i(a.minBlockSize),maxInlineSize:n===null?o:Math.min(o,n),maxBlockSize:r===null?l:Math.min(l,r)}}getAvailableBlockSize(){return this.getAvailableSize("block")}getAvailableInlineSize(){return this.getAvailableSize("inline")}getAvailableSize(e){let t=e==="inline"?"width":"height",a=this.shellSizingDataProvider?.(e),o=this.actionBarContainerEl?.getBoundingClientRect()[t]??0,l=Math.max(o,this.actionBars.reduce((d,m)=>d+m.getBoundingClientRect()[t],0));if(!a)return null;let{availableSize:n}=a,r=this.getContainerSpacingSize(e),s=this.getContentSpacingSize(e);return Math.max(Math.floor(n)-Math.ceil(l)-Math.ceil(r)-Math.ceil(s),0)}getContentSpacingSize(e){let t=this.contentRef.value;if(!t)return 0;let a=window.getComputedStyle(t);return e==="inline"?i(a.marginInlineStart)+i(a.marginInlineEnd)+i(a.borderInlineStartWidth)+i(a.borderInlineEndWidth):i(a.marginBlockStart)+i(a.marginBlockEnd)+i(a.borderBlockStartWidth)+i(a.borderBlockEndWidth)}getContainerSpacingSize(e){let t=this.containerRef.value;if(!t)return 0;let a=window.getComputedStyle(t);return e==="inline"?i(a.marginInlineStart)+i(a.marginInlineEnd)+i(a.borderInlineStartWidth)+i(a.borderInlineEndWidth):i(a.marginBlockStart)+i(a.marginBlockEnd)+i(a.borderBlockStartWidth)+i(a.borderBlockEndWidth)}getMaxBlockSize(){let{layout:e,contentRef:t}=this;if(e!=="horizontal")return this.resizeValues.maxBlockSize;if(!t.value)return this.resizeValues.maxBlockSize;let a=window.getComputedStyle(t.value),o=i(a.maxBlockSize)||window.innerHeight,l=this.getAvailableBlockSize();return l===null?o:Math.min(o,l)}getMaxInlineSize(){let{layout:e,contentRef:t}=this;if(e!=="vertical")return this.resizeValues.maxInlineSize;if(!t.value)return this.resizeValues.maxInlineSize;let a=window.getComputedStyle(t.value),o=i(a.maxInlineSize)||window.innerWidth,l=this.getAvailableInlineSize();return l===null?o:Math.min(o,l)}async refreshResize(){await this.componentOnReady(),await this.updateComplete,this.updateResizeValues(),this.setUpResizeInteractions()}setUpResizeInteractions(){this.cleanUpInteractions();let{el:e,contentRef:t,resizable:a,position:o,collapsed:l,resizeHandleRef:n,layout:r}=this,s=n.value;if(!t.value||l||!a||!s)return;let d=this.direction==="rtl",m=this.resizeValues.minInlineSize===null||this.resizeValues.minBlockSize===null?void 0:{width:this.resizeValues.minInlineSize,height:this.resizeValues.minBlockSize};this.interaction=B(t.value,{context:e.ownerDocument}).resizable({edges:{top:o==="end"&&r==="horizontal"?s:!1,right:o===(d?"end":"start")&&r==="vertical"?s:!1,bottom:o==="start"&&r==="horizontal"?s:!1,left:o===(d?"start":"end")&&r==="vertical"?s:!1},modifiers:[B.modifiers.restrictSize({min:m})],listeners:{resizestart:()=>{this.calciteInternalShellPanelResizeStart.emit()},resizeend:()=>{this.calciteInternalShellPanelResizeEnd.emit()},move:({rect:z})=>{let x=r==="horizontal";this.updateSize(x?{block:z.height}:{inline:z.width})}}})}setActionBarsLayout(e){e.forEach(t=>t.layout=this.layout)}handleActionBarSlotChange(e){let t=L(e).filter(O);this.actionBars=t,this.setActionBarsLayout(t)}handleHeaderSlotChange(e){this.hasHeader=P(e)}getResizeIcon(){let{layout:e}=this;return e==="horizontal"?A.dragVertical:A.dragHorizontal}renderHeader(){return f("header",u`<div class=${h(c.contentHeader)} .hidden=${!this.hasHeader}><slot name=${C.header} @slotchange=${this.handleHeaderSlotChange}></slot></div>`)}render(){let{collapsed:e,position:t,resizable:a,layout:o,displayMode:l,resizeValues:n}=this,r=this.direction,s=o==="horizontal",d=!e&&a?f("resize-handle",u`<div .ariaLabel=${this.messages.resize} .ariaOrientation=${s?"vertical":"horizontal"} .ariaValueMax=${S(s?"block":"inline",n.maxBlockSize,n.maxInlineSize)} .ariaValueMin=${S(s?"block":"inline",n.minBlockSize,n.minInlineSize)} .ariaValueNow=${S(s?"block":"inline",n.blockSize,n.inlineSize)} class=${h(c.resizeHandle)} @keydown=${this.handleKeyDown} role=separator tabindex=0 ${w(this.resizeHandleRef)}><div class=${h(c.resizeHandleBar)}><calcite-icon .icon=${this.getResizeIcon()} scale=s></calcite-icon></div></div>`):null,m=()=>o==="horizontal"?t==="start"?v.calciteAnimateInDown:v.calciteAnimateInUp:r==="ltr"&&t==="end"||r==="rtl"&&t==="start"?v.calciteAnimateInLeft:v.calciteAnimateInRight,z=u`<div class=${h(c.contentContainer)}>${f("content",u`<div class=${h({[v.rtl]:r==="rtl",[c.content]:!0,[c.contentOverlay]:l==="overlay",[c.floatContent]:l==="float-content"||l==="float",[v.calciteAnimate]:l==="overlay",[m()]:l==="overlay",[R("width",this.width,this.widthScale)]:!!(this.width||this.widthScale),[R("height",this.height,this.heightScale)]:!!(this.height||this.heightScale)})} .hidden=${e} ${w(this.contentRef)}>${this.renderHeader()}<div class=${h(c.contentBody)}><slot></slot></div>${d}</div>`)}</div>`,k=[f("action-bar-container",u`<div class=${h(c.actionBarContainer)}><slot name=${C.actionBar} @slotchange=${this.handleActionBarSlotChange}></slot></div>`),z];return t==="end"&&k.reverse(),u`<div class=${h({[c.container]:!0,[c.floatAll]:l==="float-all"})} ${w(this.containerRef)}>${k}</div>`}};U("calcite-shell-panel",$);export{$ as ShellPanel};
|
|
2
|
+
import{a as c,b as C,c as A}from"./4F4R7KYO.js";import{a as B,b as N}from"./HKFG72MP.js";import{a as R}from"./6O654SMC.js";import{c as O}from"./7XS2SBMV.js";import{a as S}from"./A5OQTYIZ.js";import{a as f}from"./KAUBRWVY.js";import{a as L}from"./Y4TTKTQY.js";import"./2IM7ZZ7U.js";import{e as _}from"./TZCIGP3Q.js";import"./NTN6AFMM.js";import{H as i,x as P,y as W}from"./G4SOANDF.js";import{E as y,F as w,G as D,H as h,M as z,O as E,P as H,T as U,g as I,h as u,p as b}from"./PR6HS7SC.js";var K=I`.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.calcite-animate__in-scale{animation-name:in-scale}@keyframes in{0%{opacity:0}to{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0,-5px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0,5px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes in-right{0%{opacity:0;transform:translate3D(-5px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(.95,.95,1)}to{opacity:1;transform:scaleZ(1)}}`,T=I`:host{pointer-events:none;position:relative;display:flex;flex:0 1 auto;align-items:stretch;z-index:var(--calcite-shell-panel-z-index, var(--calcite-z-index));--calcite-shell-panel-max-height: unset;--calcite-internal-shell-panel-shadow-block-start: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-block-end: 0 -4px 8px -1px rgba(0, 0, 0, .08), 0 -2px 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-start: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-end: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04)}.calcite--rtl.content--overlay{--calcite-internal-shell-panel-shadow-inline-start: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-end: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04)}:host([layout=vertical]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index) + 1))}:host([layout=vertical][display-mode=overlay]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index-header) + 1))}:host([layout=vertical][display-mode=float-all]) .content{flex:2}:host([layout=vertical]:not([display-mode=float-all])) .width-s{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 300px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical][display-mode=float-all]) .width-s{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical]:not([display-mode=float-all])) .width-m{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 420px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical][display-mode=float-all]) .width-m{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical]:not([display-mode=float-all])) .width-l{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 680px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 340px)}:host([layout=vertical][display-mode=float-all]) .width-l{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 340px)}:host([layout=horizontal]) .content{--calcite-internal-shell-panel-height: var(--calcite-shell-panel-height);--calcite-internal-shell-panel-min-height: var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height: var(--calcite-shell-panel-max-height, 30vh)}:host([layout=horizontal]) .height-s{--calcite-internal-shell-panel-height: var(--calcite-shell-panel-height);--calcite-internal-shell-panel-min-height: var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height: var(--calcite-shell-panel-max-height, 20vh)}:host([layout=horizontal]) .height-l{--calcite-internal-shell-panel-height: var(--calcite-shell-panel-height);--calcite-internal-shell-panel-min-height: var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height: var(--calcite-shell-panel-max-height, 40vh)}:host([display-mode=float-all][height=s]),:host([display-mode=float-all][height-scale=s]) .content{min-block-size:var(--calcite-shell-panel-height, 20vh)}:host([display-mode=float-all][height=m]),:host([display-mode=float-all][height-scale=m]) .content{min-block-size:var(--calcite-shell-panel-height, 30vh)}:host([display-mode=float-all][height=l]),:host([display-mode=float-all][height-scale=l]) .content{min-block-size:var(--calcite-shell-panel-height, 40vh)}.container{pointer-events:none;box-sizing:border-box;display:flex;block-size:100%;flex:1 1 auto;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size-relative-base);color:var(--calcite-shell-panel-text-color, var(--calcite-color-text-2))}.container *{box-sizing:border-box}.container.float-all{margin-block:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));margin-inline:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}.float-all{max-block-size:var(--calcite-internal-shell-panel-max-height, calc(100% - 1rem) );box-shadow:var(--calcite-shell-panel-shadow, var(--calcite-shadow-sm));border-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)));overflow:hidden}:host([layout=vertical][position=start]) .float-all{border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-shell-panel-border-color, var(--calcite-color-border-3))}:host([layout=vertical][position=end]) .float-all{border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-shell-panel-border-color, var(--calcite-color-border-3)))}:host([layout=horizontal]) .float-all{border-inline:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-shell-panel-border-color, var(--calcite-color-border-3)))}:host([layout=horizontal]) .container{block-size:auto;inline-size:100%;flex-direction:column}.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-shell-panel-resize-handle-offset: calc( (var(--calcite-size-fixed-xxl) - var(--calcite-size-fixed-sm-plus)) / 2 * -1 );z-index:var(--calcite-z-index-header);touch-action:none}.resize-handle:active .resize-handle-bar,.resize-handle:hover .resize-handle-bar{color:var(--calcite-shell-panel-resize-icon-color, var(--calcite-color-text-1));background-color:var(--calcite-shell-panel-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-shell-panel-resize-icon-color, var(--calcite-color-border-input));background-color:var(--calcite-shell-panel-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=start][layout=vertical]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);inset-inline-end:var(--calcite-internal-shell-panel-resize-handle-offset);block-size:100%}:host([position=start][layout=vertical]) .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-shell-border-color, var(--calcite-color-border-3))}:host([position=start][layout=vertical]):host([display-mode^=float]) .resize-handle-bar{border-start-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)));border-end-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)))}:host([position=end][layout=vertical]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);inset-inline-start:var(--calcite-internal-shell-panel-resize-handle-offset);block-size:100%}:host([position=end][layout=vertical]) .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-shell-border-color, var(--calcite-color-border-3))}:host([position=end][layout=vertical]):host([display-mode^=float]) .resize-handle-bar{border-start-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)));border-end-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)))}:host([position=start][layout=horizontal]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-end:var(--calcite-internal-shell-panel-resize-handle-offset)}:host([position=start][layout=horizontal]) .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-shell-border-color, var(--calcite-color-border-3))}:host([position=start][layout=horizontal]):host([display-mode^=float]) .resize-handle-bar{border-end-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)));border-end-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)))}:host([position=end][layout=horizontal]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-start:var(--calcite-internal-shell-panel-resize-handle-offset)}:host([position=end][layout=horizontal]) .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-shell-border-color, var(--calcite-color-border-3))}:host([position=end][layout=horizontal]):host([display-mode^=float]) .resize-handle-bar{border-start-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)));border-start-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)))}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%;inline-size:100%;flex:1 1 auto;max-block-size:unset;max-inline-size:unset}.action-bar-container{pointer-events:auto;box-sizing:border-box;display:flex;flex:1 1 auto}.content-container{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;align-items:stretch;align-self:stretch}:host([layout=horizontal]) .action-bar-container,:host([layout=horizontal]) .content-container{flex-direction:column}.content{pointer-events:auto;position:relative;box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-self:stretch;padding:0;background-color:var(--calcite-shell-panel-background-color, var(--calcite-theme-color-surface-1, var(--calcite-color-background)));transition:max-block-size var(--calcite-animation-timing),max-inline-size var(--calcite-animation-timing)}:host([layout=vertical]:not([display-mode=float-all])) .content{inline-size:var(--calcite-internal-shell-panel-width);max-inline-size:var(--calcite-internal-shell-panel-max-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=vertical][display-mode=float-all]) .content{inline-size:var(--calcite-internal-shell-panel-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=horizontal]) .content{block-size:var(--calcite-internal-shell-panel-height);max-block-size:var(--calcite-internal-shell-panel-max-height);min-block-size:var(--calcite-internal-shell-panel-min-height)}:host([resizable][layout=vertical][position=start]) .content{padding-inline-end:var(--calcite-size-fixed-sm-plus)}:host([resizable][layout=vertical][position=end]) .content{padding-inline-start:var(--calcite-size-fixed-sm-plus)}:host([resizable][layout=horizontal][position=start]) .content{padding-block-end:var(--calcite-size-fixed-sm-plus)}:host([resizable][layout=horizontal][position=end]) .content{padding-block-start:var(--calcite-size-fixed-sm-plus)}.content__header{display:flex;flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch}.content__body{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.content--overlay{position:absolute;box-shadow:var(--calcite-shell-panel-shadow, var(--calcite-shadow-sm))}:host([layout=vertical]) .content--overlay{inset-block-start:0px;block-size:100%}:host([layout=horizontal]) .content--overlay{inset-inline-start:0px;inline-size:100%}:host([layout=vertical][position=start]) .content--overlay{inset-inline-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-start)}:host([layout=vertical][position=end]) .content--overlay{inset-inline-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-end)}:host([layout=horizontal][position=start]) .content--overlay{inset-block-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-start)}:host([layout=horizontal][position=end]) .content--overlay{inset-block-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-end)}.float--content{margin-block-end:auto;block-size:auto;overflow:hidden;box-shadow:var(--calcite-shell-panel-shadow, var(--calcite-shadow-sm));border-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)));margin-inline:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));margin-block-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));max-block-size:var(--calcite-internal-shell-panel-max-height, calc(100% - 1rem) )}.float--content ::slotted(calcite-panel),.float--content ::slotted(calcite-flow){max-block-size:unset}:host([layout=horizontal]) .float--content{margin-block:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([position=start]) .float--content ::slotted(calcite-panel),:host([position=start]) .float--content ::slotted(calcite-flow),:host([position=end]) .float--content ::slotted(calcite-panel),:host([position=end]) .float--content ::slotted(calcite-flow){border-style:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel:not([closed])){border:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-color-border-3))}:host([position=start]:not([slot=panel-end])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]:not([slot=panel-end])) .content ::slotted(calcite-flow),:host([position=start]:not([slot=panel-end])) .content ::slotted(calcite-panel),:host([position=end][slot=panel-start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end][slot=panel-start]) .content ::slotted(calcite-flow),:host([position=end][slot=panel-start]) .content ::slotted(calcite-panel){border-inline-start:none}:host([resizable][layout=vertical]) .content ::slotted(calcite-flow),:host([resizable][layout=vertical]) .content ::slotted(calcite-panel){border-inline-start:none;border-inline-end:none}:host([resizable][layout=horizontal]) .content ::slotted(calcite-flow),:host([resizable][layout=horizontal]) .content ::slotted(calcite-panel){border-block-start:none;border-block-end:none}:host([position=end]:not([slot=panel-start])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-flow),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-panel),:host([position=start][slot=panel-end]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start][slot=panel-end]) .content ::slotted(calcite-flow),:host([position=start][slot=panel-end]) .content ::slotted(calcite-panel){border-inline-end:none}:host([layout=horizontal]) slot[name=action-bar]::slotted(calcite-action-bar){border-inline:0}:host([layout=horizontal][position=start]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=start]) .content ::slotted(calcite-panel){border-inline:0;border-block-start:0}:host([layout=horizontal][position=end]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=end]) .content ::slotted(calcite-panel){border-inline:0;border-block-end:0}:host([display-mode=dock]) .resize-handle-bar,:host([display-mode=float-all]) .resize-handle-bar,:host([display-mode=overlay]) .resize-handle-bar{border-block-start:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);border-block-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}:host([hidden]){display:none}[hidden]{display:none}`,$=class extends D{constructor(){super(...arguments),this.direction=_(),this.resizeHandleRef=y(),this.actionBars=[],this.contentRef=y(),this.containerRef=y(),this.messages=L(),this.sizeOverride=N({targetElement:this.contentRef,getBounds:()=>({inline:{min:this.resizeValues.minInlineSize,max:this.getMaxInlineSize()},block:{min:this.resizeValues.minBlockSize,max:this.getMaxBlockSize()}}),onResize:e=>{this.resizeValues=e}}),this.resizeValues={inlineSize:null,blockSize:null,minInlineSize:null,minBlockSize:null,maxInlineSize:null,maxBlockSize:null},this.hasHeader=!1,this.collapsed=!1,this.displayMode="dock",this.layout="vertical",this.position="start",this.resizable=!1,this.widthScale="m",this.calciteInternalShellPanelResizeEnd=b({cancelable:!1}),this.calciteInternalShellPanelResizeStart=b({cancelable:!1}),this.calciteShellPanelCollapse=b({cancelable:!1}),this.calciteShellPanelExpand=b({cancelable:!1})}static{this.properties={resizeValues:[16,{},{state:!0}],hasHeader:[16,{},{state:!0}],collapsed:[7,{},{reflect:!0,type:Boolean}],displayMode:[3,{},{reflect:!0}],heightScale:[3,{},{reflect:!0}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],position:[3,{},{reflect:!0}],resizable:[7,{},{reflect:!0,type:Boolean}],shellSizingDataProvider:[0,{},{attribute:!1}],height:[3,{},{reflect:!0}],widthScale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}]}}static{this.styles=[T,K]}async updateSize(e){this.updateSizeInternal(e)}connectedCallback(){super.connectedCallback(),this.hasUpdated&&this.refreshResize()}load(){this.listenOn(window,"resize",this.handleWindowResize)}willUpdate(e){let t=!1;e.has("layout")&&(this.hasUpdated||this.layout!=="vertical")&&(this.setActionBarsLayout(this.actionBars),this.updateSizeInternal({inline:null,block:null}),t=!0),(e.has("direction")&&this.hasUpdated||e.has("position")&&(this.hasUpdated||this.position!=="start"))&&(t=!0),(e.has("collapsed")&&(this.hasUpdated||this.collapsed!==!1)||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1))&&(t=this.resizable&&!this.collapsed,t||this.cleanUpInteractions()),t&&this.refreshResize(),e.has("collapsed")&&this.hasUpdated&&(this.collapsed?this.calciteShellPanelCollapse.emit():this.calciteShellPanelExpand.emit())}disconnectedCallback(){super.disconnectedCallback(),this.cleanUpInteractions()}handleWindowResize(){this.resizable&&!this.collapsed&&this.refreshResize()}updateSizeInternal(e){this.contentRef.value&&this.sizeOverride.resize(e)}handleKeyDown(e){let{key:t,defaultPrevented:a,shiftKey:o}=e,{position:l,layout:n,resizable:r,contentRef:s,resizeValues:{maxBlockSize:d,maxInlineSize:m,minBlockSize:v,minInlineSize:x}}=this,M=[...n==="horizontal"?["ArrowUp","ArrowDown"]:["ArrowLeft","ArrowRight"],"Home","End"];if(!r||!s.value||a||!M.includes(t))return;let g=s.value.getBoundingClientRect(),V=this.direction==="rtl"?-1:1,p=o?H:E;switch(t){case"ArrowUp":this.updateSizeInternal({block:g.height+(n==="horizontal"&&l==="end"?p:-p)}),e.preventDefault();break;case"ArrowDown":this.updateSizeInternal({block:g.height+(n==="horizontal"&&l==="end"?-p:p)}),e.preventDefault();break;case"ArrowLeft":this.updateSizeInternal({inline:g.width+(n==="vertical"&&l==="end"?p:-p)*V}),e.preventDefault();break;case"ArrowRight":this.updateSizeInternal({inline:g.width+(n==="vertical"&&l==="end"?-p:p)*V}),e.preventDefault();break;case"Home":this.updateSizeInternal(n==="horizontal"?{block:v}:{inline:x}),e.preventDefault();break;case"End":this.updateSizeInternal(n==="horizontal"?{block:d}:{inline:m}),e.preventDefault();break}}cleanUpInteractions(){this.interaction?.unset()}updateResizeValues(){let{contentRef:e,layout:t}=this;if(!e.value)return;let a=window.getComputedStyle(e.value),o=i(a.maxInlineSize)||window.innerWidth,l=i(a.maxBlockSize)||window.innerHeight,n=t==="vertical"?this.getAvailableInlineSize():null,r=t==="horizontal"?this.getAvailableBlockSize():null;this.resizeValues={inlineSize:i(a.inlineSize),blockSize:i(a.blockSize),minInlineSize:i(a.minInlineSize),minBlockSize:i(a.minBlockSize),maxInlineSize:n===null?o:Math.min(o,n),maxBlockSize:r===null?l:Math.min(l,r)}}getAvailableBlockSize(){return this.getAvailableSize("block")}getAvailableInlineSize(){return this.getAvailableSize("inline")}getAvailableSize(e){let t=e==="inline"?"width":"height",a=this.shellSizingDataProvider?.(e),o=this.actionBarContainerEl?.getBoundingClientRect()[t]??0,l=Math.max(o,this.actionBars.reduce((d,m)=>d+m.getBoundingClientRect()[t],0));if(!a)return null;let{availableSize:n}=a,r=this.getContainerSpacingSize(e),s=this.getContentSpacingSize(e);return Math.max(Math.floor(n)-Math.ceil(l)-Math.ceil(r)-Math.ceil(s),0)}getContentSpacingSize(e){let t=this.contentRef.value;if(!t)return 0;let a=window.getComputedStyle(t);return e==="inline"?i(a.marginInlineStart)+i(a.marginInlineEnd)+i(a.borderInlineStartWidth)+i(a.borderInlineEndWidth):i(a.marginBlockStart)+i(a.marginBlockEnd)+i(a.borderBlockStartWidth)+i(a.borderBlockEndWidth)}getContainerSpacingSize(e){let t=this.containerRef.value;if(!t)return 0;let a=window.getComputedStyle(t);return e==="inline"?i(a.marginInlineStart)+i(a.marginInlineEnd)+i(a.borderInlineStartWidth)+i(a.borderInlineEndWidth):i(a.marginBlockStart)+i(a.marginBlockEnd)+i(a.borderBlockStartWidth)+i(a.borderBlockEndWidth)}getMaxBlockSize(){let{layout:e,contentRef:t}=this;if(e!=="horizontal")return this.resizeValues.maxBlockSize;if(!t.value)return this.resizeValues.maxBlockSize;let a=window.getComputedStyle(t.value),o=i(a.maxBlockSize)||window.innerHeight,l=this.getAvailableBlockSize();return l===null?o:Math.min(o,l)}getMaxInlineSize(){let{layout:e,contentRef:t}=this;if(e!=="vertical")return this.resizeValues.maxInlineSize;if(!t.value)return this.resizeValues.maxInlineSize;let a=window.getComputedStyle(t.value),o=i(a.maxInlineSize)||window.innerWidth,l=this.getAvailableInlineSize();return l===null?o:Math.min(o,l)}async refreshResize(){await this.componentOnReady(),await this.updateComplete,this.updateResizeValues(),this.setUpResizeInteractions()}setUpResizeInteractions(){this.cleanUpInteractions();let{el:e,contentRef:t,resizable:a,position:o,collapsed:l,resizeHandleRef:n,layout:r}=this,s=n.value;if(!t.value||l||!a||!s)return;let d=this.direction==="rtl",m=this.resizeValues.minInlineSize===null||this.resizeValues.minBlockSize===null?void 0:{width:this.resizeValues.minInlineSize,height:this.resizeValues.minBlockSize};this.interaction=B(t.value,{context:e.ownerDocument}).resizable({edges:{top:o==="end"&&r==="horizontal"?s:!1,right:o===(d?"end":"start")&&r==="vertical"?s:!1,bottom:o==="start"&&r==="horizontal"?s:!1,left:o===(d?"start":"end")&&r==="vertical"?s:!1},modifiers:[B.modifiers.restrictSize({min:m})],listeners:{resizestart:()=>{this.calciteInternalShellPanelResizeStart.emit()},resizeend:()=>{this.calciteInternalShellPanelResizeEnd.emit()},move:({rect:v})=>{let x=r==="horizontal";this.updateSize(x?{block:v.height}:{inline:v.width})}}})}setActionBarsLayout(e){e.forEach(t=>t.layout=this.layout)}handleActionBarSlotChange(e){let t=W(e).filter(O);this.actionBars=t,this.setActionBarsLayout(t)}handleHeaderSlotChange(e){this.hasHeader=P(e)}getResizeIcon(){let{layout:e}=this;return e==="horizontal"?A.dragVertical:A.dragHorizontal}renderHeader(){return f("header",u`<div class=${h(c.contentHeader)} .hidden=${!this.hasHeader}><slot name=${C.header} @slotchange=${this.handleHeaderSlotChange}></slot></div>`)}render(){let{collapsed:e,position:t,resizable:a,layout:o,displayMode:l,resizeValues:n}=this,r=this.direction,s=o==="horizontal",d=!e&&a?f("resize-handle",u`<div .ariaLabel=${this.messages.resize} .ariaOrientation=${s?"vertical":"horizontal"} .ariaValueMax=${S(s?"block":"inline",n.maxBlockSize,n.maxInlineSize)} .ariaValueMin=${S(s?"block":"inline",n.minBlockSize,n.minInlineSize)} .ariaValueNow=${S(s?"block":"inline",n.blockSize,n.inlineSize)} class=${h(c.resizeHandle)} @keydown=${this.handleKeyDown} role=separator tabindex=0 ${w(this.resizeHandleRef)}><div class=${h(c.resizeHandleBar)}><calcite-icon .icon=${this.getResizeIcon()} scale=s></calcite-icon></div></div>`):null,m=()=>o==="horizontal"?t==="start"?z.calciteAnimateInDown:z.calciteAnimateInUp:r==="ltr"&&t==="end"||r==="rtl"&&t==="start"?z.calciteAnimateInLeft:z.calciteAnimateInRight,v=u`<div class=${h(c.contentContainer)}>${f("content",u`<div class=${h({[z.rtl]:r==="rtl",[c.content]:!0,[c.contentOverlay]:l==="overlay",[c.floatContent]:l==="float-content"||l==="float",[z.calciteAnimate]:l==="overlay",[m()]:l==="overlay",[R("width",this.width,this.widthScale)]:!!(this.width||this.widthScale),[R("height",this.height,this.heightScale)]:!!(this.height||this.heightScale)})} .hidden=${e} ${w(this.contentRef)}>${this.renderHeader()}<div class=${h(c.contentBody)}><slot></slot></div>${d}</div>`)}</div>`,k=[f("action-bar-container",u`<div class=${h(c.actionBarContainer)}><slot name=${C.actionBar} @slotchange=${this.handleActionBarSlotChange}></slot></div>`),v];return t==="end"&&k.reverse(),u`<div class=${h({[c.container]:!0,[c.floatAll]:l==="float-all"})} ${w(this.containerRef)}>${k}</div>`}};U("calcite-shell-panel",$);export{$ as ShellPanel};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
|
|
2
|
-
import{b as g}from"./JN6YLTUP.js";import{b as f}from"./
|
|
2
|
+
import{b as g}from"./JN6YLTUP.js";import{b as f}from"./NTN6AFMM.js";var x=new RegExp("\\.(0+)?$"),A=new RegExp("0+$"),p=class e{static{this.DECIMALS=100}static{this.ROUNDED=!0}static{this.SHIFT=BigInt("1"+"0".repeat(this.DECIMALS))}constructor(t){if(t instanceof e)return t;let[s,i]=B(t).split(".").concat("");this.value=BigInt(s+i.padEnd(e.DECIMALS,"0").slice(0,e.DECIMALS))+BigInt(e.ROUNDED&&i[e.DECIMALS]>="5"),this.isNegative=t.charAt(0)==="-"}static{this._divRound=(t,s)=>e.fromBigInt(t/s+(e.ROUNDED?t*BigInt(2)/s%BigInt(2):BigInt(0)))}static{this.fromBigInt=t=>Object.assign(Object.create(e.prototype),{value:t,isNegative:t<BigInt(0)})}getIntegersAndDecimals(){let t=this.value.toString().replace("-","").padStart(e.DECIMALS+1,"0"),s=t.slice(0,-e.DECIMALS),i=t.slice(-e.DECIMALS).replace(A,"");return{integers:s,decimals:i}}toString(){let{integers:t,decimals:s}=this.getIntegersAndDecimals();return`${this.isNegative?"-":""}${t}${s.length?"."+s:""}`}formatToParts(t,s=!1){let{integers:i,decimals:n}=this.getIntegersAndDecimals(),r=I(t,i,this.isNegative,s);return n.length&&(r.push({type:"decimal",value:t.decimal}),n.split("").forEach(c=>r.push({type:"fraction",value:c}))),r}format(t,s=!1){let{integers:i,decimals:n}=this.getIntegersAndDecimals(),r=I(t,i,this.isNegative,s).map(o=>o.value).join(""),c=n.length?`${t.decimal}${n.split("").map(o=>t.numberFormatter.format(Number(o))).join("")}`:"";return`${r}${c}`}add(t){return e.fromBigInt(this.value+new e(t).value)}subtract(t){return e.fromBigInt(this.value-new e(t).value)}multiply(t){return e._divRound(this.value*new e(t).value,e.SHIFT)}divide(t){return e._divRound(this.value*e.SHIFT,new e(t).value)}};function I(e,t,s,i){let n=e.numberFormatter.formatToParts(i&&s&&t==="0"?-0:BigInt(`${i&&s?"-":""}${t}`));return s&&!i&&n.unshift({type:"minusSign",value:e.minusSign}),n}function S(e){return!(!e||isNaN(Number(e)))}function U(e){return!e||!M(e)?"":h(e,t=>{let s=!1,i=t.split("").filter((n,r)=>n.match(/\./g)&&!s?(s=!0,!0):n.match(/-/g)&&r===0?!0:g.includes(n)).join("");return S(i)?new p(i).toString():""})}var O=/^([-0])0+(?=\d)/,_=/(?!^\.)\.$/,C=/(?!^-)-/g,L=/^-\b0\b\.?0*$/,R=/0*$/,T=new Set(["e","E","-",",",".",...g]),J=e=>{let t=Array.from(e).filter(s=>T.has(s)).join("");return h(t,s=>{let i=s.replace(C,"").replace(_,"").replace(O,"$1");return S(i)?L.test(i)?i:j(i):s})};function j(e){let t=e.split(".")[1],s=new p(e).toString(),[i,n]=s.split(".");return t&&n!==t?`${i}.${t}`:s}function h(e,t){if(!e)return e;let s=e.toLowerCase().indexOf("e")+1;return s?e.replace(/[eE]*$/g,"").substring(0,s).concat(e.slice(s).replace(/[eE]/g,"")).split(/[eE]/).map((i,n)=>t(n===1?i.replace(/\./g,""):i)).join("e").replace(/^e/,"1e"):t(e)}function B(e){let t=e.split(/[eE]/);if(t.length===1)return e;let s=+e;if(Number.isSafeInteger(s))return`${s}`;let i=e.charAt(0)==="-",n=+t[1],r=t[0].split("."),c=(i?r[0].substring(1):r[0])||"",o=r[1]||"",N=(a,m)=>{let l=Math.abs(m)-a.length,d=l>0?`${"0".repeat(l)}${a}`:a;return`${d.slice(0,m)}.${d.slice(m)}`},v=(a,m)=>{let l=m>a.length?`${a}${"0".repeat(m-a.length)}`:a;return`${l.slice(0,m)}.${l.slice(m)}`},D=n>0?`${c}${v(o,n)}`:`${N(c,n)}${o}`;return`${i?"-":""}${D.charAt(0)==="."?"0":""}${D.replace(x,"").replace(O,"")}`}function M(e){return g.some(t=>e.includes(t))}function K(e,t,s){let i=t.split(".")[1];if(i){let n=i.match(R)?.[0];if(n&&s.delocalize(e).length!==t.length&&i.indexOf("e")===-1){let r=s.decimal;return e=e.includes(r)?e:`${e}${r}`,e.padEnd(e.length+n.length,s.localize("0"))}}return e}var X=new Map(Object.entries({bg:{am:"\u043F\u0440.\u043E\u0431.",pm:"\u0441\u043B.\u043E\u0431."},bs:{am:"prijepodne",pm:"popodne"},ca:{am:"a.\xA0m.",pm:"p.\xA0m."},cs:{am:"dop.",pm:"odp."},es:{am:"a.\xA0m.",pm:"p.\xA0m."},"es-mx":{am:"a.m.",pm:"p.m."},"es-MX":{am:"a.m.",pm:"p.m."},fi:{am:"ap.",pm:"ip."},he:{am:"\u05DC\u05E4\u05E0\u05D4\u05F4\u05E6",pm:"\u05D0\u05D7\u05D4\u05F4\u05E6"},hu:{am:"de. ",pm:"du."},lt:{am:"prie\u0161piet",pm:"popiet"},lv:{am:"priek\u0161pusdien\u0101",pm:"p\u0113cpusdien\u0101"},mk:{am:"\u043F\u0440\u0435\u0442\u043F\u043B.",pm:"\u043F\u043E\u043F\u043B."},no:{am:"a.m.",pm:"p.m."},nl:{am:"a.m.",pm:"p.m."},"pt-pt":{am:"da manh\xE3",pm:"da tarde"},"pt-PT":{am:"da manh\xE3",pm:"da tarde"},ro:{am:"a.m.",pm:"p.m."},sl:{am:"dop.",pm:"pop."},sv:{am:"fm",pm:"em"},th:{am:"\u0E01\u0E48\u0E2D\u0E19\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07",pm:"\u0E2B\u0E25\u0E31\u0E07\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07"},tr:{am:"\xD6\xD6",pm:"\xD6S"},uk:{am:"\u0434\u043F",pm:"\u043F\u043F"},vi:{am:"SA",pm:"CH"}})),F=["arab","arabext","latn"],w=e=>!!(F&&F.includes(e)),b=new Intl.NumberFormat().resolvedOptions().numberingSystem,P=/[\u061C\u200E\u200F]/g,E=b==="arab"||!w(b)?"latn":b,H=e=>w(e)?e:E;function q(e){switch(e){case"it-CH":return"de-CH";case"bs":return"sr-Latn-CS";default:return e}}var $=class{constructor(){this.delocalize=t=>this._numberFormatOptions?h(t,s=>this.#t(this.#e(s))):t,this.localize=(t,s=!1)=>this._numberFormatOptions?h(t,i=>S(i.trim())?new p(i.trim()).format(this,s).replace(new RegExp(`[${this._actualGroup}]`,"g"),this._group):i):t}get group(){return this._group}get decimal(){return this._decimal}get minusSign(){return this._minusSign}get digits(){return this._digits}get numberFormatter(){return this._numberFormatter}get numberFormatOptions(){return this._numberFormatOptions}set numberFormatOptions(t){if(t.numberingSystem=H(t?.numberingSystem),t.locale=t?.locale||f,!this._numberFormatOptions&&t.locale===f&&t.numberingSystem===E&&Object.keys(t).length===2||JSON.stringify(this._numberFormatOptions)===JSON.stringify(t))return;this._numberFormatOptions=t,this._numberFormatter=new Intl.NumberFormat(this._numberFormatOptions.locale,this._numberFormatOptions),this._digits=[...new Intl.NumberFormat(this._numberFormatOptions.locale,{useGrouping:!1,numberingSystem:this._numberFormatOptions.numberingSystem}).format(9876543210)].reverse();let s=new Map(this._digits.map((n,r)=>[n,r])),i=new Intl.NumberFormat(this._numberFormatOptions.locale,{numberingSystem:this._numberFormatOptions.numberingSystem}).formatToParts(-123456789e-1);this._actualGroup=i.find(n=>n.type==="group").value,this._group=this._actualGroup.trim().length===0||this._actualGroup==" "?"\xA0":this._actualGroup,this._decimal=t.locale==="bs"||t.locale==="mk"?",":i.find(n=>n.type==="decimal").value,this._minusSign=i.find(n=>n.type==="minusSign").value,this._getDigitIndex=n=>`${s.get(n)??""}`}#t(t){return t.replace(P,"").replace(new RegExp(`[${this._minusSign}]`,"g"),"-").replace(new RegExp(`[${this._digits.join("")}]`,"g"),this._getDigitIndex)}#e(t){if(this._group!==this._decimal)return t.replace(new RegExp(`[${this._group}]`,"g"),"").replace(new RegExp(`[${this._decimal}]`,"g"),".");let s=t.lastIndexOf(this._decimal);if(s===-1)return t;let i=t.slice(0,s).replace(new RegExp(`[${this._group}]`,"g"),""),n=t.slice(s+1);return`${i}.${n}`}},Q=new $,u,y;function Z(e={}){return Object.entries(e).sort(([t],[s])=>t.localeCompare(s)).map(t=>`${t[0]}-${t[1]}`).flat().join(":")}function W(e,t){u||(u=new Map),y!==e&&(u.clear(),y=e);let s=Z(t),i=u.get(s);if(i)return i;let n=new Intl.DateTimeFormat(e,t);return u.set(s,n),n}export{p as a,S as b,U as c,J as d,K as e,X as f,H as g,q as h,$ as i,Q as j,W as k};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
|
|
2
|
-
import{j as f}from"./
|
|
2
|
+
import{j as f}from"./CC7HAY64.js";function m(t,e,n){if(!t)return!1;let r=t.getTime(),a=!(e instanceof Date)||r>=e.getTime(),o=!(n instanceof Date)||r<=n.getTime();return a&&o}function p(t,e,n){if(!(t instanceof Date))return;let r=t.getTime(),a=e instanceof Date&&r<e.getTime(),o=n instanceof Date&&r>n.getTime();return a?e:o?n:t}function O(t,e=!1){if(t instanceof Date)return t;if(!t||typeof t!="string")return;let n=t.split(/[: T-]/).map(parseFloat),r=new Date(n[0],(n[1]||1)-1,n[2]||1);if(r.setFullYear(n[0]),isNaN(r.getTime()))throw new Error(`Invalid ISO 8601 date: "${t}"`);return e?T(r):r}function w(t,e){if(!e)return;let{separator:n}=e,r=y(t,e),{day:a,month:o}=r,s=M(r.year,e),i=new Date(s,o,a);i.setFullYear(s);let c=a>0,u=o>-1,l=!isNaN(i.getTime()),D=t.split(n).filter(h=>h).length>2,d=s.toString().length>0;if(c&&u&&l&&D&&d)return i}function M(t,e){return g(t,e,"read")}function v(t,e){return g(t,e,"write")}function g(t,e,n){if(e["default-calendar"]!=="buddhist")return t;let a=543*(n==="read"?-1:1);return t+a}function F(t,e){let{separator:n,unitOrder:r}=e,a=S(r),o=t.split(n).map(u=>f.delocalize(u)),s=o[a.indexOf("d")],i=o[a.indexOf("m")],c=o[a.indexOf("y")];return{day:s,month:i,year:c}}function I(t){if(t instanceof Date){let e=String(t.getMonth()+1).padStart(2,"0"),n=String(t.getDate()).padStart(2,"0");return`${String(t.getFullYear()).padStart(4,"0")}-${e}-${n}`}return""}function x(t){let e=t.split("-");return{day:e[2],month:e[1],year:e[0]}}function E(t,e){return t instanceof Date&&e instanceof Date&&t.getDate()===e.getDate()&&t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}function A(t){let e=t.getMonth(),n=new Date(t);return n.setMonth(e-1),e===n.getMonth()?new Date(t.getFullYear(),e,0):n}function C(t,e){let n=new Date(t);return n.setMonth(e),n}function L(t,e,n){if(!t)return;let r=new Date(t);return r.setDate(1),m(r,e,n)?r:p(r,e,n)}function N(t){let e=t.getMonth(),n=new Date(t);return n.setMonth(e+1),(e+2)%7===n.getMonth()%7?new Date(t.getFullYear(),e+2,0):n}function y(t,e){let{day:n,month:r,year:a}=F(t,e);return{day:parseInt(n,10),month:parseInt(r,10)-1,year:parseInt(a,10)}}function S(t){let e=["d","m","y"],n=t.toLowerCase();return e.sort((r,a)=>n.indexOf(r)-n.indexOf(a))}function R(t,e){let n=t.getTime(),r=e.getTime();return(n-r)/(1e3*3600*24)}function T(t){return t.setHours(23,59,59,999),t}function _(t,e){return!!(t&&e&&t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear())}export{m as a,p as b,O as c,w as d,M as e,v as f,F as g,I as h,x as i,E as j,A as k,C as l,L as m,N as n,S as o,R as p,_ as q};
|