@esri/calcite-components 5.2.0-next.49 → 5.2.0-next.50
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/{QHQSVB6K.js → 2DMDZWL3.js} +1 -1
- package/dist/cdn/{P2Z26YAV.js → 2EC36AEV.js} +1 -1
- package/dist/cdn/{O4JWVF3P.js → 2EVBOEFM.js} +1 -1
- package/dist/cdn/{4XYLD5OP.js → 2KCR4KAT.js} +1 -1
- package/dist/cdn/{GQGE3ZA4.js → 2UM567AB.js} +1 -1
- package/dist/cdn/{NZSJGURI.js → 2ZC2YCXV.js} +1 -1
- package/dist/cdn/{GB6S2QGE.js → 3A6ATXLP.js} +1 -1
- package/dist/cdn/{SJYKACM5.js → 3A6EH3OR.js} +1 -1
- package/dist/cdn/{YPNKHVQV.js → 3HIDDBIZ.js} +1 -1
- package/dist/cdn/{L3CQHA6L.js → 3HVLWAZV.js} +1 -1
- package/dist/cdn/{JGQ572F3.js → 3M4BZWEJ.js} +1 -1
- package/dist/cdn/{C7ZPYON7.js → 3OORDQLB.js} +1 -1
- package/dist/cdn/{7XJX4DTU.js → 3WINLYDH.js} +1 -1
- package/dist/cdn/{K6MBEO6H.js → 3WVJHPQ7.js} +1 -1
- package/dist/cdn/{ELULZR6O.js → 43NMCEUZ.js} +1 -1
- package/dist/cdn/{RMKBX72P.js → 43PDLLWN.js} +1 -1
- package/dist/cdn/{5A5CYVH2.js → 4FNFUCSR.js} +1 -1
- package/dist/cdn/{QT35QO5L.js → 4OTPLWNJ.js} +1 -1
- package/dist/cdn/{FSCZ5FT3.js → 5ETX2W22.js} +1 -1
- package/dist/cdn/{WDRBM2DI.js → 5GOCBG5I.js} +1 -1
- package/dist/cdn/{URS4KFCL.js → 5HAO4D5O.js} +1 -1
- package/dist/cdn/{FEHTTWNR.js → 5IFVHGFF.js} +1 -1
- package/dist/cdn/{E7XGNU34.js → 5ORNBTVF.js} +1 -1
- package/dist/cdn/{BDYZLQ6H.js → 5UEOJ7CE.js} +1 -1
- package/dist/cdn/{RANJPYKP.js → 6KCIKPVG.js} +1 -1
- package/dist/cdn/{BMPI4N2W.js → 6TSK2MV3.js} +1 -1
- package/dist/cdn/6XX2VM5Q.js +2 -0
- package/dist/cdn/{SP7Z6NTU.js → 772ACZGK.js} +1 -1
- package/dist/cdn/{4CJVQSCL.js → 7FQB5OCK.js} +1 -1
- package/dist/cdn/{MA4WJ3O7.js → 7JJLNXV6.js} +1 -1
- package/dist/cdn/{DI4GOQUW.js → 7JSQJBNV.js} +1 -1
- package/dist/cdn/{JBVOJBVW.js → ALPKJ7TX.js} +1 -1
- package/dist/cdn/{PSDXJLSI.js → AVA3DXJL.js} +1 -1
- package/dist/cdn/{BEQNSZNM.js → B7DAQWVX.js} +1 -1
- package/dist/cdn/{E73UUYZ3.js → BFCIBFWO.js} +1 -1
- package/dist/cdn/{HXAGJ3ST.js → BJNJMAUA.js} +1 -1
- package/dist/cdn/{PM5HOIS7.js → BTSEO67A.js} +1 -1
- package/dist/cdn/{5MIPJNS6.js → BZS35SJW.js} +1 -1
- package/dist/cdn/{KYJI4JVD.js → C3774JMW.js} +1 -1
- package/dist/cdn/{MBFZYB6N.js → C7LDO5UG.js} +1 -1
- package/dist/cdn/{2FIS3HFM.js → CJ5PSD74.js} +1 -1
- package/dist/cdn/{RATBQ6H2.js → CJWQMATP.js} +1 -1
- package/dist/cdn/{LCKX5KZX.js → CNEOQSIZ.js} +1 -1
- package/dist/cdn/{2QXEL2ND.js → CPDRKFNF.js} +1 -1
- package/dist/cdn/{UVM7CJHL.js → CUINECEZ.js} +1 -1
- package/dist/cdn/{7LIEEJQJ.js → DOUX4HI4.js} +1 -1
- package/dist/cdn/{P5TIJ7FR.js → DOX7GIEG.js} +1 -1
- package/dist/cdn/{T52CVRWM.js → DVBW6ILF.js} +1 -1
- package/dist/cdn/{CATCOOIY.js → DYR4BHFQ.js} +1 -1
- package/dist/cdn/{UPSRLA6B.js → E7ABKA4Y.js} +1 -1
- package/dist/cdn/{H4AHAQUH.js → EPXQKIGK.js} +1 -1
- package/dist/cdn/{GXC5MIQA.js → F6L574M5.js} +1 -1
- package/dist/cdn/{ZSFD4YKT.js → FISWQQA5.js} +1 -1
- package/dist/cdn/{UUPML6ME.js → FPXHVBJU.js} +1 -1
- package/dist/cdn/{7IXRTWWI.js → GGWYZTR3.js} +1 -1
- package/dist/cdn/{DBBUI2ZH.js → GTGP7VOO.js} +1 -1
- package/dist/cdn/{EKICQKPF.js → GVE5Q44M.js} +1 -1
- package/dist/cdn/{R7LZAUM7.js → GXFKG3J2.js} +1 -1
- package/dist/cdn/{PB2ZDWMP.js → HBG35UAO.js} +1 -1
- package/dist/cdn/{35GQ3CAH.js → HI5EKYQN.js} +1 -1
- package/dist/cdn/{BCMXDC3C.js → HKCTKTPH.js} +1 -1
- package/dist/cdn/{YN3M7VID.js → I4U2IHE2.js} +1 -1
- package/dist/cdn/{TZEO7NT3.js → IAUJ5JCE.js} +1 -1
- package/dist/cdn/{Q2VE2AST.js → IH4AFX47.js} +1 -1
- package/dist/cdn/{GTT2BQAR.js → IK47NU6V.js} +1 -1
- package/dist/cdn/{4JDRIYUR.js → JLWRAUEC.js} +1 -1
- package/dist/cdn/{AEI53SQP.js → JZRJ73IL.js} +1 -1
- package/dist/cdn/{ZB3XSGAD.js → KC6UFK5B.js} +1 -1
- package/dist/cdn/{GQFEXONT.js → KILBV2AU.js} +1 -1
- package/dist/cdn/{BEK7ATCB.js → KJWTGU2V.js} +1 -1
- package/dist/cdn/{JZYIFNU3.js → KXQZZFCG.js} +1 -1
- package/dist/cdn/{U7YJ5XLZ.js → KZUV22NQ.js} +1 -1
- package/dist/cdn/{MSD5SX5E.js → L23MRJGL.js} +1 -1
- package/dist/cdn/{54ML5EPO.js → L5Z6MAAX.js} +1 -1
- package/dist/cdn/{WVAF4Y4K.js → L67GFQWH.js} +1 -1
- package/dist/cdn/{TDVPRAV6.js → L6WT4QY7.js} +1 -1
- package/dist/cdn/{ZM52FBNK.js → LKG6I456.js} +1 -1
- package/dist/cdn/{KG6BV2NY.js → LP44T5MQ.js} +1 -1
- package/dist/cdn/{OOCWSV4L.js → M55A64EI.js} +1 -1
- package/dist/cdn/{WK5VT2SO.js → MIRC4NWN.js} +1 -1
- package/dist/cdn/{3RMDB5GU.js → MKY3FIQZ.js} +1 -1
- package/dist/cdn/{O4OXMBNE.js → MLNMNLH3.js} +1 -1
- package/dist/cdn/{74BPLPMZ.js → MQQVHOAA.js} +1 -1
- package/dist/cdn/{XZBQ4HMZ.js → MU2C75OO.js} +1 -1
- package/dist/cdn/{XD25NHJS.js → N3FH3JQP.js} +1 -1
- package/dist/cdn/{HAZT3JNU.js → N3FVILQ3.js} +1 -1
- package/dist/cdn/{GZY3W4XI.js → N6O54ZYE.js} +1 -1
- package/dist/cdn/{YXBPYL7G.js → NHYH4CYQ.js} +1 -1
- package/dist/cdn/{ASQXZZWW.js → NI4S4JB4.js} +1 -1
- package/dist/cdn/{FIVQ62Z4.js → NN32CHJT.js} +1 -1
- package/dist/cdn/{NYDMAMXM.js → NTIAAIWN.js} +1 -1
- package/dist/cdn/{HSJLSRZT.js → NVIM4UBF.js} +1 -1
- package/dist/cdn/{L2KMSCTT.js → O7ZKSCLE.js} +1 -1
- package/dist/cdn/{2DKQXP7J.js → ORCBRUMC.js} +1 -1
- package/dist/cdn/{IW3LEZZN.js → OY2U5XE7.js} +1 -1
- package/dist/cdn/{BY5KSA45.js → PD7SSDTT.js} +1 -1
- package/dist/cdn/{272GWZZV.js → PNLWXRHA.js} +1 -1
- package/dist/cdn/{PCEWRO6I.js → PSBUBWP7.js} +1 -1
- package/dist/cdn/{E3SV3NQ4.js → PXQQCIJ7.js} +1 -1
- package/dist/cdn/{V63JGLEJ.js → Q4GDUCFL.js} +1 -1
- package/dist/cdn/{AVN633SI.js → Q5QY7RFF.js} +1 -1
- package/dist/cdn/{AQT7QIFI.js → QAFYYBSV.js} +1 -1
- package/dist/cdn/{2DR4OCKI.js → QASCAVW2.js} +1 -1
- package/dist/cdn/{IVFKKHYG.js → QM2QF3WW.js} +1 -1
- package/dist/cdn/{LEMUOFRZ.js → QY25HYGM.js} +1 -1
- package/dist/cdn/{2R2NFWVU.js → RBL22UBR.js} +1 -1
- package/dist/cdn/{YFYMIQQT.js → RVTXEL2D.js} +1 -1
- package/dist/cdn/{SH2QBM2O.js → S4PKT4JF.js} +1 -1
- package/dist/cdn/{LCEY7PRN.js → S6Q7UTXC.js} +1 -1
- package/dist/cdn/{NTKNMV2J.js → SMJCYMUC.js} +1 -1
- package/dist/cdn/{RB56WB2I.js → SXSJ7VBG.js} +1 -1
- package/dist/cdn/{KIKFVC6D.js → T2FKXZHF.js} +1 -1
- package/dist/cdn/{M3MBFL7L.js → TFKKLWXW.js} +1 -1
- package/dist/cdn/{C4FWXG5L.js → TG6QYVB5.js} +1 -1
- package/dist/cdn/{L2LSOVNM.js → TLCOKJUW.js} +1 -1
- package/dist/cdn/{W7W7725L.js → U3SAITDE.js} +1 -1
- package/dist/cdn/{5DZYJ6PM.js → UB7SBFVN.js} +1 -1
- package/dist/cdn/{44LROXF6.js → UBH57JQW.js} +1 -1
- package/dist/cdn/{YDGSRTCV.js → UH4BKKNZ.js} +1 -1
- package/dist/cdn/{UXOLTOGY.js → UHQEY6DV.js} +1 -1
- package/dist/cdn/{QET57U4Y.js → UZ6I3LG2.js} +1 -1
- package/dist/cdn/{JP4WUMXF.js → UZNN2TVD.js} +1 -1
- package/dist/cdn/{OZJMRGMA.js → V457M6TG.js} +1 -1
- package/dist/cdn/{DMYMDUM5.js → V7ZKXCD3.js} +1 -1
- package/dist/cdn/{EMB5KQK4.js → VGG3BXDF.js} +1 -1
- package/dist/cdn/{DUJXQ6AI.js → VGNYRAIJ.js} +1 -1
- package/dist/cdn/{XZBN7B6H.js → VRJ5C5DW.js} +1 -1
- package/dist/cdn/{VIFKMPTZ.js → VXD6LR2D.js} +1 -1
- package/dist/cdn/{322NHHJW.js → WKFGHGFE.js} +1 -1
- package/dist/cdn/{KIYPLODD.js → WZGJADMP.js} +1 -1
- package/dist/cdn/{CBCXWX25.js → XAX5FRW2.js} +1 -1
- package/dist/cdn/{ML5VC7RK.js → XJRM7BP7.js} +1 -1
- package/dist/cdn/{7QM4R7TK.js → XPKNIHVE.js} +1 -1
- package/dist/cdn/{JEJXOCMZ.js → YLGMHJG2.js} +1 -1
- package/dist/cdn/{IYTEJ7TK.js → YRFWQNQZ.js} +1 -1
- package/dist/cdn/{BJZI65MK.js → YYX7DAUH.js} +1 -1
- package/dist/cdn/{G4QF6H4Y.js → ZGN3OPON.js} +1 -1
- package/dist/cdn/{IYGOPQ2G.js → ZKVMLQKB.js} +1 -1
- package/dist/cdn/{62JZ2IDY.js → ZOPDXPDR.js} +1 -1
- package/dist/cdn/{I3EKB46R.js → ZYL2QJAR.js} +1 -1
- package/dist/cdn/{DVFWZ5HN.js → ZYM3J2WI.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/chunks/runtime.js +3 -3
- package/dist/components/calcite-navigation-logo/customElement.js +1 -1
- package/dist/components/calcite-navigation-user/customElement.js +1 -1
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/package.json +2 -2
- package/dist/cdn/YI24RYEL.js +0 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as I}from"./YN3M7VID.js";import{a as g}from"./35GQ3CAH.js";import{b as C}from"./GZZYSINJ.js";import{a as T}from"./T6CCMW7H.js";import{a as d,b as m}from"./VI7SBYXT.js";import{a as y}from"./KIYPLODD.js";import{a as b}from"./ZWPNZ5XW.js";import{e as k}from"./SJYKACM5.js";import{g as x}from"./O4OXMBNE.js";import{C as p,D as r,E as f,F as c,I as l,R as v,g as u,h as n,p as e}from"./P2Z26YAV.js";var i={close:"close",container:"container",containerBottom:"container--bottom",content:"content",contentHasText:"content--has-text",iconEnd:"icon-end",iconPresent:"icon-present",iconStart:"icon-start",titleIcon:"calcite-tab-title--icon",scale:s=>`scale-${s}`,selectedIndicator:"selected-indicator"},$="calcite-tab-title",F={host:s=>`${$}-${s}`},A=u`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;outline:2px solid transparent;outline-offset:2px;margin-inline-start:0px}:host([layout=inline]){flex:0 1 auto}:host([layout=center]){flex:1 1 auto}.content{position:relative;margin-block-end:.125rem;box-sizing:border-box;display:flex;block-size:100%;align-items:center;justify-content:center}.scale-s{--calcite-internal-tab-title-close-padding: var(--calcite-spacing-none);--calcite-internal-tab-title-close-margin-start: var(--calcite-spacing-xxs)}.scale-s .content{padding-block:.25rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm)}.scale-m{--calcite-internal-tab-title-close-padding: var(--calcite-spacing-xxs);--calcite-internal-tab-title-close-margin-start: var(--calcite-spacing-xxs)}.scale-m .content{padding-block:.5rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}.scale-l{--calcite-internal-tab-title-close-padding: var(--calcite-spacing-xxs);--calcite-internal-tab-title-close-margin-start: var(--calcite-spacing-xs)}.scale-l .content{padding-block:var(--calcite-space-sm-plus);font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host([closable]) .content{border-block-end-color:transparent}:host([layout=inline]) .content,:host([layout=center]) .content{padding-inline:.25rem}:host([layout=center]) .scale-s,:host([layout=center]) .scale-m,:host([layout=center]) .scale-l{margin-block:0px;justify-content:center;text-align:center}:host([layout=center]) .scale-s .content,:host([layout=center]) .scale-m .content,:host([layout=center]) .scale-l .content{flex:1 1 auto;flex-grow:1}.container{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-content:center;justify-content:space-between;padding-inline:0px;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);outline-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;color:var(--calcite-tab-text-color, var(--calcite-color-text-3));background-color:var(--calcite-tab-background-color, transparent)}.selected-indicator{position:absolute;display:block;block-size:.125rem;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;inline-size:100%}:host([bordered][selected]) .container:after{position:absolute;display:block;block-size:.125rem;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;inset-block-end:-1px;inset-inline-start:0;inset-inline-end:0;inline-size:100%;content:""}:host([bordered][selected]) .container.container--bottom:after{inset-block-start:-1px}:host([bordered][selected]:focus) .container:after{background:transparent}.container--bottom .selected-indicator{inset-block-end:unset;inset-block-start:0}:host([bordered]:not([selected]):hover:not(:focus)) .selected-indicator{background-color:var(--calcite-color-foreground-2)}:host([bordered]:not([selected]):hover:not(:focus)) .container:not(.container--bottom) .selected-indicator{box-shadow:inset 0 1px var(--calcite-color-border-1)}:host([bordered]:not([selected]):hover:not(:focus)) .container.container--bottom .selected-indicator{box-shadow:inset 0 -1px var(--calcite-color-border-1)}:host([selected]:focus) .selected-indicator{block-size:4px}.calcite-tab-title--icon{position:relative;margin:0;display:inline-flex;align-self:center}.calcite-tab-title--icon svg{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.container{color:var(--calcite-tab-text-color, var(--calcite-color-text-3))}.container .icon-start{color:var(--calcite-tab-icon-color-start, var(--calcite-icon-color, var(--calcite-ui-icon-color)))}.container .icon-end{color:var(--calcite-tab-icon-color-end, var(--calcite-icon-color, var(--calcite-ui-icon-color)))}.container:hover,.container:active,:host([selected]) .container{color:var(--calcite-tab-text-color-press, var(--calcite-color-text-1))}.container:hover .icon-start,.container:active .icon-start,:host([selected]) .container .icon-start{color:var(--calcite-tab-icon-color-start-press, var(--calcite-icon-color, var(--calcite-ui-icon-color)))}.container:hover .icon-end,.container:active .icon-end,:host([selected]) .container .icon-end{color:var(--calcite-tab-icon-color-end-press, var(--calcite-icon-color, var(--calcite-ui-icon-color)))}.content--has-text{padding:.25rem}.content--has-text .calcite-tab-title--icon.icon-start{margin-inline-end:var(--calcite-spacing-sm)}.content--has-text .calcite-tab-title--icon.icon-end{margin-inline-start:var(--calcite-spacing-sm)}:host([bordered]) .container{border-color:transparent;border-inline-width:var(--calcite-spacing-px);border-inline-style:solid}:host([bordered]) .container.container--bottom{border-block-start-style:solid;border-block-start-width:1px}:host([bordered]) .container.container--bottom .selected-indicator{inset-block-start:unset;inset-block-end:0}:host([bordered]) .container:not(.container--bottom){border-block-end-style:solid;border-block-end-width:1px}:host([bordered]) .container .selected-indicator{inset-block-start:0;inset-block-end:unset;inset-inline-start:-1px;inset-inline-end:0;inline-size:calc(100% + var(--calcite-spacing-base))}:host([bordered]) .container:host(:not([selected])) .container{box-shadow:0 2px 0 0 transparent}:host([bordered]) .container:host(:not([selected])):host(:hover) .container:not(.container--bottom){border-block-end-color:var(--calcite-tab-border-color, var(--calcite-color-border-1))}:host([bordered]) .container:host(:not([selected])):host(:hover):host(:not(:focus)) .selected-indicator{box-shadow:inset 0 var(--calcite-internal-tab-shadow-length) var(--calcite-tab-border-color, var(--calcite-color-border-1))}:host([bordered]) .container:host(:not([selected])):host(:hover):host(:not(:focus)) :not(.container--bottom){--calcite-internal-tab-shadow-length: 1px}:host([bordered]) .container:host(:not([selected])):host(:hover):host(:not(:focus)) .container--bottom{--calcite-internal-tab-shadow-length: -1px}:host([bordered]) .container:hover{background-color:var(--calcite-tab-background-color-hover, var(--calcite-color-foreground-2));border-block-end-color:var(--calcite-color-border-1)}:host(:hover) .selected-indicator{background-color:var(--calcite-color-border-3)}:host([selected]) .selected-indicator,:host([selected]:hover) .selected-indicator,:host(:focus) .selected-indicator,:host(:active) .selected-indicator{background-color:var(--calcite-tab-accent-color-press, var(--calcite-color-brand))}:host([closed]){display:none}:host([selected][bordered]) .container{border-inline-color:var(--calcite-tab-border-color, var(--calcite-color-border-1))}:host([selected][bordered]) .container:after{background-color:var(--calcite-tab-background-color, var(--calcite-color-foreground-1))}:host([selected][bordered]) .container:hover,:host([selected][bordered]) .container:active{background:transparent}:host(:focus) .container{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host(:focus) .container:focus-within{outline-color:transparent}:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child{margin-inline-end:var(--calcite-spacing-sm)}:host([layout=inline][bordered]) .scale-m .content,:host([layout=center][bordered]) .scale-m .content{padding-inline:.75rem}:host([layout=inline][bordered]) .scale-s .content,:host([layout=center][bordered]) .scale-s .content{padding-inline:.5rem}:host([layout=inline][bordered]) .scale-l .content,:host([layout=center][bordered]) .scale-l .content{padding-inline:1rem}:host([layout=inline][closable]) .scale-s .content,:host([layout=inline][closable]) .scale-m .content,:host([layout=inline][closable]) .scale-l .content{padding-inline-end:0}.close{--calcite-internal-action-spacing: var(--calcite-internal-tab-title-close-padding);--calcite-internal-action-min-height: unset;--calcite-action-text-color: var(--calcite-tab-close-icon-color);--calcite-action-text-color-press: var(--calcite-tab-close-icon-color-press);--calcite-action-background-color: var(--calcite-tab-close-icon-background-color);--calcite-action-background-color-press: var(--calcite-tab-close-icon-background-color-press);--calcite-action-background-color-hover: var(--calcite-tab-close-icon-background-color-hover);margin:auto;margin-inline:var(--calcite-spacing-sm) var(--calcite-internal-tab-title-close-margin-start)}@media(forced-colors:active){:host{outline-width:0;outline-offset:0}:host(:focus) .container{outline-color:highlight}:host([bordered][selected]) .container{border-block-end-style:none}:host([bordered][selected]) .container--bottom{border-block-start-style:none}.selected-indicator{background-color:highlight}}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) .container{pointer-events:none;opacity:.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,h=class extends f{constructor(){super(),this.closeButtonRef=p(),this.direction=k(),this.guid=F.host(T()),this.mutationObserver=d("mutation",()=>this.updateHasText()),this.parentTabsEl=null,this.resizeObserver=d("resize",()=>{this.calciteInternalTabIconChanged.emit()}),this.messages=y(),this.interactiveContainer=I(this),this.controls=null,this.hasText=!1,this.bordered=!1,this.closable=!1,this.closed=!1,this.disabled=!1,this.position="top",this.scale="m",this.selected=!1,this.calciteInternalTabIconChanged=e({cancelable:!1}),this.calciteInternalTabTitleRegister=e({cancelable:!1}),this.calciteInternalTabTitleCloseChange=e({cancelable:!1}),this.calciteInternalTabsActivate=e({cancelable:!1}),this.calciteInternalTabsClose=e({cancelable:!1}),this.calciteInternalTabsFocusFirst=e({cancelable:!1}),this.calciteInternalTabsFocusLast=e({cancelable:!1}),this.calciteInternalTabsFocusNext=e({cancelable:!1}),this.calciteInternalTabsFocusPrevious=e({cancelable:!1}),this.calciteTabsActivate=e({cancelable:!1}),this.calciteTabsClose=e({cancelable:!1}),this.listenOn(document.body,"calciteInternalTabChange",this.internalTabChangeHandler),this.listen("click",this.onClick),this.listen("keydown",this.keyDownHandler)}static{this.properties={controls:[16,{},{state:!0}],hasText:[16,{},{state:!0}],bordered:[7,{},{reflect:!0,type:Boolean}],closable:[7,{},{reflect:!0,type:Boolean}],closed:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],iconEnd:[3,{},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],iconStart:[3,{},{reflect:!0}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],position:1,scale:1,selected:[7,{},{reflect:!0,type:Boolean}],tab:[3,{},{reflect:!0}]}}static{this.styles=A}async activateTab(t=!0){if(this.disabled||this.closed)return;let o={tab:this.tab,userTriggered:t};this.calciteInternalTabsActivate.emit(o),t&&requestAnimationFrame(()=>this.calciteTabsActivate.emit())}async getTabIdentifier(){return this.tab?this.tab:this.getTabIndex()}async getTabIndex(){return Array.prototype.indexOf.call(x(this.el.parentElement.children).filter(t=>t.matches("calcite-tab-title")),this.el)}_updateAriaInfo(t=[],o=[]){this.controls=t[o.indexOf(this.el.id)]||null}connectedCallback(){super.connectedCallback(),this.setupTextContentObserver(),this.parentTabsEl=this.el.closest("calcite-tabs")}async load(){this.updateHasText(),this.tab&&this.selected&&this.activateTab(!1)}willUpdate(t){t.has("selected")&&(this.hasUpdated||this.selected!==!1)&&this.selectedHandler(),t.has("closed")&&this.hasUpdated&&this.calciteInternalTabTitleCloseChange.emit(),this.parentTabsEl&&(this.layout=this.parentTabsEl.layout,this.bordered=this.parentTabsEl.bordered)}async loaded(){this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier())}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),document.body?.dispatchEvent(new CustomEvent("calciteTabTitleUnregister",{detail:this.el})),this.resizeObserver?.disconnect()}selectedHandler(){this.selected&&this.activateTab(!1)}internalTabChangeHandler(t){t.composedPath().find(a=>a.tagName==="CALCITE-TABS")===this.parentTabsEl&&(this.tab?this.selected=this.tab===t.detail.tab:this.getTabIndex().then(a=>{this.selected=a===t.detail.tab}),t.stopPropagation())}onClick(){this.activateTab()}keyDownHandler(t){switch(t.key){case" ":case"Enter":t.composedPath().includes(this.closeButtonRef.value)||(this.activateTab(),t.preventDefault());break;case"ArrowRight":t.preventDefault(),this.direction==="ltr"?this.calciteInternalTabsFocusNext.emit():this.calciteInternalTabsFocusPrevious.emit();break;case"ArrowLeft":t.preventDefault(),this.direction==="ltr"?this.calciteInternalTabsFocusPrevious.emit():this.calciteInternalTabsFocusNext.emit();break;case"Home":t.preventDefault(),this.calciteInternalTabsFocusFirst.emit();break;case"End":t.preventDefault(),this.calciteInternalTabsFocusLast.emit();break}}closeClickHandler(){this.closeTabTitleAndNotify()}updateHasText(){this.hasText=this.el.textContent.trim().length>0}setContainerRef(t){m(this.resizeObserver,this.containerEl,t),this.containerEl=t}setupTextContentObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}closeTabTitleAndNotify(){this.closed=!0,this.calciteInternalTabsClose.emit({tab:this.tab}),requestAnimationFrame(()=>this.calciteTabsClose.emit())}render(){let{el:t,closed:o}=this,a=t.id||this.guid,z=n`<calcite-icon class=${c({[i.titleIcon]:!0,[i.iconStart]:!0})} .flipRtl=${this.iconFlipRtl==="start"||this.iconFlipRtl==="both"} .icon=${this.iconStart} .scale=${b(this.scale)}></calcite-icon>`,w=n`<calcite-icon class=${c({[i.titleIcon]:!0,[i.iconEnd]:!0})} .flipRtl=${this.iconFlipRtl==="end"||this.iconFlipRtl==="both"} .icon=${this.iconEnd} .scale=${b(this.scale)}></calcite-icon>`;return l(this.el,"aria-controls",this.controls),this.el.ariaSelected=C(this.selected),l(this.el,"id",a),this.el.role="tab",l(this.el,"tabIndex",this.selected&&!this.disabled?0:-1),this.interactiveContainer({disabled:this.disabled,children:n`<div class=${c({[i.container]:!0,[i.containerBottom]:this.position==="bottom",[i.iconPresent]:!!this.iconStart||!!this.iconEnd,[i.scale(this.scale)]:!0})} .hidden=${o} ${r(this.setContainerRef)}><div class=${c({[i.content]:!0,[i.contentHasText]:this.hasText})}>${this.iconStart?z:null}<slot></slot>${this.iconEnd?w:null}</div>${this.renderCloseButton()}<div class=${c(i.selectedIndicator)}></div></div>`})}renderCloseButton(){let{closable:t,messages:o}=this;return t?g("close-button",n`<calcite-action class=${c(i.close)} icon=x @click=${this.closeClickHandler} .scale=${this.scale} .text=${o.close} ${r(this.closeButtonRef)}></calcite-action>`):null}};v("calcite-tab-title",h);export{h as TabTitle};
|
|
2
|
+
import{a as I}from"./I4U2IHE2.js";import{a as g}from"./HI5EKYQN.js";import{b as C}from"./GZZYSINJ.js";import{a as T}from"./T6CCMW7H.js";import{a as d,b as m}from"./VI7SBYXT.js";import{a as y}from"./WZGJADMP.js";import{a as b}from"./ZWPNZ5XW.js";import{e as k}from"./3A6EH3OR.js";import{g as x}from"./MLNMNLH3.js";import{C as p,D as r,E as f,F as c,I as l,R as v,g as u,h as n,p as e}from"./2EC36AEV.js";var i={close:"close",container:"container",containerBottom:"container--bottom",content:"content",contentHasText:"content--has-text",iconEnd:"icon-end",iconPresent:"icon-present",iconStart:"icon-start",titleIcon:"calcite-tab-title--icon",scale:s=>`scale-${s}`,selectedIndicator:"selected-indicator"},$="calcite-tab-title",F={host:s=>`${$}-${s}`},A=u`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;outline:2px solid transparent;outline-offset:2px;margin-inline-start:0px}:host([layout=inline]){flex:0 1 auto}:host([layout=center]){flex:1 1 auto}.content{position:relative;margin-block-end:.125rem;box-sizing:border-box;display:flex;block-size:100%;align-items:center;justify-content:center}.scale-s{--calcite-internal-tab-title-close-padding: var(--calcite-spacing-none);--calcite-internal-tab-title-close-margin-start: var(--calcite-spacing-xxs)}.scale-s .content{padding-block:.25rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm)}.scale-m{--calcite-internal-tab-title-close-padding: var(--calcite-spacing-xxs);--calcite-internal-tab-title-close-margin-start: var(--calcite-spacing-xxs)}.scale-m .content{padding-block:.5rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}.scale-l{--calcite-internal-tab-title-close-padding: var(--calcite-spacing-xxs);--calcite-internal-tab-title-close-margin-start: var(--calcite-spacing-xs)}.scale-l .content{padding-block:var(--calcite-space-sm-plus);font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host([closable]) .content{border-block-end-color:transparent}:host([layout=inline]) .content,:host([layout=center]) .content{padding-inline:.25rem}:host([layout=center]) .scale-s,:host([layout=center]) .scale-m,:host([layout=center]) .scale-l{margin-block:0px;justify-content:center;text-align:center}:host([layout=center]) .scale-s .content,:host([layout=center]) .scale-m .content,:host([layout=center]) .scale-l .content{flex:1 1 auto;flex-grow:1}.container{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-content:center;justify-content:space-between;padding-inline:0px;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);outline-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;color:var(--calcite-tab-text-color, var(--calcite-color-text-3));background-color:var(--calcite-tab-background-color, transparent)}.selected-indicator{position:absolute;display:block;block-size:.125rem;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;inline-size:100%}:host([bordered][selected]) .container:after{position:absolute;display:block;block-size:.125rem;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;inset-block-end:-1px;inset-inline-start:0;inset-inline-end:0;inline-size:100%;content:""}:host([bordered][selected]) .container.container--bottom:after{inset-block-start:-1px}:host([bordered][selected]:focus) .container:after{background:transparent}.container--bottom .selected-indicator{inset-block-end:unset;inset-block-start:0}:host([bordered]:not([selected]):hover:not(:focus)) .selected-indicator{background-color:var(--calcite-color-foreground-2)}:host([bordered]:not([selected]):hover:not(:focus)) .container:not(.container--bottom) .selected-indicator{box-shadow:inset 0 1px var(--calcite-color-border-1)}:host([bordered]:not([selected]):hover:not(:focus)) .container.container--bottom .selected-indicator{box-shadow:inset 0 -1px var(--calcite-color-border-1)}:host([selected]:focus) .selected-indicator{block-size:4px}.calcite-tab-title--icon{position:relative;margin:0;display:inline-flex;align-self:center}.calcite-tab-title--icon svg{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.container{color:var(--calcite-tab-text-color, var(--calcite-color-text-3))}.container .icon-start{color:var(--calcite-tab-icon-color-start, var(--calcite-icon-color, var(--calcite-ui-icon-color)))}.container .icon-end{color:var(--calcite-tab-icon-color-end, var(--calcite-icon-color, var(--calcite-ui-icon-color)))}.container:hover,.container:active,:host([selected]) .container{color:var(--calcite-tab-text-color-press, var(--calcite-color-text-1))}.container:hover .icon-start,.container:active .icon-start,:host([selected]) .container .icon-start{color:var(--calcite-tab-icon-color-start-press, var(--calcite-icon-color, var(--calcite-ui-icon-color)))}.container:hover .icon-end,.container:active .icon-end,:host([selected]) .container .icon-end{color:var(--calcite-tab-icon-color-end-press, var(--calcite-icon-color, var(--calcite-ui-icon-color)))}.content--has-text{padding:.25rem}.content--has-text .calcite-tab-title--icon.icon-start{margin-inline-end:var(--calcite-spacing-sm)}.content--has-text .calcite-tab-title--icon.icon-end{margin-inline-start:var(--calcite-spacing-sm)}:host([bordered]) .container{border-color:transparent;border-inline-width:var(--calcite-spacing-px);border-inline-style:solid}:host([bordered]) .container.container--bottom{border-block-start-style:solid;border-block-start-width:1px}:host([bordered]) .container.container--bottom .selected-indicator{inset-block-start:unset;inset-block-end:0}:host([bordered]) .container:not(.container--bottom){border-block-end-style:solid;border-block-end-width:1px}:host([bordered]) .container .selected-indicator{inset-block-start:0;inset-block-end:unset;inset-inline-start:-1px;inset-inline-end:0;inline-size:calc(100% + var(--calcite-spacing-base))}:host([bordered]) .container:host(:not([selected])) .container{box-shadow:0 2px 0 0 transparent}:host([bordered]) .container:host(:not([selected])):host(:hover) .container:not(.container--bottom){border-block-end-color:var(--calcite-tab-border-color, var(--calcite-color-border-1))}:host([bordered]) .container:host(:not([selected])):host(:hover):host(:not(:focus)) .selected-indicator{box-shadow:inset 0 var(--calcite-internal-tab-shadow-length) var(--calcite-tab-border-color, var(--calcite-color-border-1))}:host([bordered]) .container:host(:not([selected])):host(:hover):host(:not(:focus)) :not(.container--bottom){--calcite-internal-tab-shadow-length: 1px}:host([bordered]) .container:host(:not([selected])):host(:hover):host(:not(:focus)) .container--bottom{--calcite-internal-tab-shadow-length: -1px}:host([bordered]) .container:hover{background-color:var(--calcite-tab-background-color-hover, var(--calcite-color-foreground-2));border-block-end-color:var(--calcite-color-border-1)}:host(:hover) .selected-indicator{background-color:var(--calcite-color-border-3)}:host([selected]) .selected-indicator,:host([selected]:hover) .selected-indicator,:host(:focus) .selected-indicator,:host(:active) .selected-indicator{background-color:var(--calcite-tab-accent-color-press, var(--calcite-color-brand))}:host([closed]){display:none}:host([selected][bordered]) .container{border-inline-color:var(--calcite-tab-border-color, var(--calcite-color-border-1))}:host([selected][bordered]) .container:after{background-color:var(--calcite-tab-background-color, var(--calcite-color-foreground-1))}:host([selected][bordered]) .container:hover,:host([selected][bordered]) .container:active{background:transparent}:host(:focus) .container{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host(:focus) .container:focus-within{outline-color:transparent}:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child{margin-inline-end:var(--calcite-spacing-sm)}:host([layout=inline][bordered]) .scale-m .content,:host([layout=center][bordered]) .scale-m .content{padding-inline:.75rem}:host([layout=inline][bordered]) .scale-s .content,:host([layout=center][bordered]) .scale-s .content{padding-inline:.5rem}:host([layout=inline][bordered]) .scale-l .content,:host([layout=center][bordered]) .scale-l .content{padding-inline:1rem}:host([layout=inline][closable]) .scale-s .content,:host([layout=inline][closable]) .scale-m .content,:host([layout=inline][closable]) .scale-l .content{padding-inline-end:0}.close{--calcite-internal-action-spacing: var(--calcite-internal-tab-title-close-padding);--calcite-internal-action-min-height: unset;--calcite-action-text-color: var(--calcite-tab-close-icon-color);--calcite-action-text-color-press: var(--calcite-tab-close-icon-color-press);--calcite-action-background-color: var(--calcite-tab-close-icon-background-color);--calcite-action-background-color-press: var(--calcite-tab-close-icon-background-color-press);--calcite-action-background-color-hover: var(--calcite-tab-close-icon-background-color-hover);margin:auto;margin-inline:var(--calcite-spacing-sm) var(--calcite-internal-tab-title-close-margin-start)}@media(forced-colors:active){:host{outline-width:0;outline-offset:0}:host(:focus) .container{outline-color:highlight}:host([bordered][selected]) .container{border-block-end-style:none}:host([bordered][selected]) .container--bottom{border-block-start-style:none}.selected-indicator{background-color:highlight}}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) .container{pointer-events:none;opacity:.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,h=class extends f{constructor(){super(),this.closeButtonRef=p(),this.direction=k(),this.guid=F.host(T()),this.mutationObserver=d("mutation",()=>this.updateHasText()),this.parentTabsEl=null,this.resizeObserver=d("resize",()=>{this.calciteInternalTabIconChanged.emit()}),this.messages=y(),this.interactiveContainer=I(this),this.controls=null,this.hasText=!1,this.bordered=!1,this.closable=!1,this.closed=!1,this.disabled=!1,this.position="top",this.scale="m",this.selected=!1,this.calciteInternalTabIconChanged=e({cancelable:!1}),this.calciteInternalTabTitleRegister=e({cancelable:!1}),this.calciteInternalTabTitleCloseChange=e({cancelable:!1}),this.calciteInternalTabsActivate=e({cancelable:!1}),this.calciteInternalTabsClose=e({cancelable:!1}),this.calciteInternalTabsFocusFirst=e({cancelable:!1}),this.calciteInternalTabsFocusLast=e({cancelable:!1}),this.calciteInternalTabsFocusNext=e({cancelable:!1}),this.calciteInternalTabsFocusPrevious=e({cancelable:!1}),this.calciteTabsActivate=e({cancelable:!1}),this.calciteTabsClose=e({cancelable:!1}),this.listenOn(document.body,"calciteInternalTabChange",this.internalTabChangeHandler),this.listen("click",this.onClick),this.listen("keydown",this.keyDownHandler)}static{this.properties={controls:[16,{},{state:!0}],hasText:[16,{},{state:!0}],bordered:[7,{},{reflect:!0,type:Boolean}],closable:[7,{},{reflect:!0,type:Boolean}],closed:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],iconEnd:[3,{},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],iconStart:[3,{},{reflect:!0}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],position:1,scale:1,selected:[7,{},{reflect:!0,type:Boolean}],tab:[3,{},{reflect:!0}]}}static{this.styles=A}async activateTab(t=!0){if(this.disabled||this.closed)return;let o={tab:this.tab,userTriggered:t};this.calciteInternalTabsActivate.emit(o),t&&requestAnimationFrame(()=>this.calciteTabsActivate.emit())}async getTabIdentifier(){return this.tab?this.tab:this.getTabIndex()}async getTabIndex(){return Array.prototype.indexOf.call(x(this.el.parentElement.children).filter(t=>t.matches("calcite-tab-title")),this.el)}_updateAriaInfo(t=[],o=[]){this.controls=t[o.indexOf(this.el.id)]||null}connectedCallback(){super.connectedCallback(),this.setupTextContentObserver(),this.parentTabsEl=this.el.closest("calcite-tabs")}async load(){this.updateHasText(),this.tab&&this.selected&&this.activateTab(!1)}willUpdate(t){t.has("selected")&&(this.hasUpdated||this.selected!==!1)&&this.selectedHandler(),t.has("closed")&&this.hasUpdated&&this.calciteInternalTabTitleCloseChange.emit(),this.parentTabsEl&&(this.layout=this.parentTabsEl.layout,this.bordered=this.parentTabsEl.bordered)}async loaded(){this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier())}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),document.body?.dispatchEvent(new CustomEvent("calciteTabTitleUnregister",{detail:this.el})),this.resizeObserver?.disconnect()}selectedHandler(){this.selected&&this.activateTab(!1)}internalTabChangeHandler(t){t.composedPath().find(a=>a.tagName==="CALCITE-TABS")===this.parentTabsEl&&(this.tab?this.selected=this.tab===t.detail.tab:this.getTabIndex().then(a=>{this.selected=a===t.detail.tab}),t.stopPropagation())}onClick(){this.activateTab()}keyDownHandler(t){switch(t.key){case" ":case"Enter":t.composedPath().includes(this.closeButtonRef.value)||(this.activateTab(),t.preventDefault());break;case"ArrowRight":t.preventDefault(),this.direction==="ltr"?this.calciteInternalTabsFocusNext.emit():this.calciteInternalTabsFocusPrevious.emit();break;case"ArrowLeft":t.preventDefault(),this.direction==="ltr"?this.calciteInternalTabsFocusPrevious.emit():this.calciteInternalTabsFocusNext.emit();break;case"Home":t.preventDefault(),this.calciteInternalTabsFocusFirst.emit();break;case"End":t.preventDefault(),this.calciteInternalTabsFocusLast.emit();break}}closeClickHandler(){this.closeTabTitleAndNotify()}updateHasText(){this.hasText=this.el.textContent.trim().length>0}setContainerRef(t){m(this.resizeObserver,this.containerEl,t),this.containerEl=t}setupTextContentObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}closeTabTitleAndNotify(){this.closed=!0,this.calciteInternalTabsClose.emit({tab:this.tab}),requestAnimationFrame(()=>this.calciteTabsClose.emit())}render(){let{el:t,closed:o}=this,a=t.id||this.guid,z=n`<calcite-icon class=${c({[i.titleIcon]:!0,[i.iconStart]:!0})} .flipRtl=${this.iconFlipRtl==="start"||this.iconFlipRtl==="both"} .icon=${this.iconStart} .scale=${b(this.scale)}></calcite-icon>`,w=n`<calcite-icon class=${c({[i.titleIcon]:!0,[i.iconEnd]:!0})} .flipRtl=${this.iconFlipRtl==="end"||this.iconFlipRtl==="both"} .icon=${this.iconEnd} .scale=${b(this.scale)}></calcite-icon>`;return l(this.el,"aria-controls",this.controls),this.el.ariaSelected=C(this.selected),l(this.el,"id",a),this.el.role="tab",l(this.el,"tabIndex",this.selected&&!this.disabled?0:-1),this.interactiveContainer({disabled:this.disabled,children:n`<div class=${c({[i.container]:!0,[i.containerBottom]:this.position==="bottom",[i.iconPresent]:!!this.iconStart||!!this.iconEnd,[i.scale(this.scale)]:!0})} .hidden=${o} ${r(this.setContainerRef)}><div class=${c({[i.content]:!0,[i.contentHasText]:this.hasText})}>${this.iconStart?z:null}<slot></slot>${this.iconEnd?w:null}</div>${this.renderCloseButton()}<div class=${c(i.selectedIndicator)}></div></div>`})}renderCloseButton(){let{closable:t,messages:o}=this;return t?g("close-button",n`<calcite-action class=${c(i.close)} icon=x @click=${this.closeClickHandler} .scale=${this.scale} .text=${o.close} ${r(this.closeButtonRef)}></calcite-action>`):null}};v("calcite-tab-title",h);export{h as TabTitle};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{b as Z}from"./
|
|
2
|
+
import{b as Z}from"./3A6EH3OR.js";import{a as C,b as ee,c as te,d as R,e as _,f as ae,p as re}from"./MLNMNLH3.js";import{P as X}from"./2EC36AEV.js";function U(r,e){(e==null||e>r.length)&&(e=r.length);for(var i=0,u=Array(e);i<e;i++)u[i]=r[i];return u}function pe(r){if(Array.isArray(r))return U(r)}function ne(r,e){var i=typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(!i){if(Array.isArray(r)||(i=se(r))||e){i&&(r=i);var u=0,y=function(){};return{s:y,n:function(){return u>=r.length?{done:!0}:{done:!1,value:r[u++]}},e:function(h){throw h},f:y}}throw new TypeError(`Invalid attempt to iterate non-iterable instance.
|
|
3
3
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var s,n=!0,b=!1;return{s:function(){i=i.call(r)},n:function(){var h=i.next();return n=h.done,h},e:function(h){b=!0,s=h},f:function(){try{n||i.return==null||i.return()}finally{if(b)throw s}}}}function ye(r,e,i){return(e=Te(e))in r?Object.defineProperty(r,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[e]=i,r}function me(r){if(typeof Symbol<"u"&&r[Symbol.iterator]!=null||r["@@iterator"]!=null)return Array.from(r)}function he(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
|
|
4
4
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function ie(r,e){var i=Object.keys(r);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(r);e&&(u=u.filter(function(y){return Object.getOwnPropertyDescriptor(r,y).enumerable})),i.push.apply(i,u)}return i}function oe(r){for(var e=1;e<arguments.length;e++){var i=arguments[e]!=null?arguments[e]:{};e%2?ie(Object(i),!0).forEach(function(u){ye(r,u,i[u])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(i)):ie(Object(i)).forEach(function(u){Object.defineProperty(r,u,Object.getOwnPropertyDescriptor(i,u))})}return r}function ge(r){return pe(r)||me(r)||se(r)||he()}function we(r,e){if(typeof r!="object"||!r)return r;var i=r[Symbol.toPrimitive];if(i!==void 0){var u=i.call(r,e);if(typeof u!="object")return u;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(r)}function Te(r){var e=we(r,"string");return typeof e=="symbol"?e:e+""}function se(r,e){if(r){if(typeof r=="string")return U(r,e);var i={}.toString.call(r).slice(8,-1);return i==="Object"&&r.constructor&&(i=r.constructor.name),i==="Map"||i==="Set"?Array.from(r):i==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?U(r,e):void 0}}var E={getActiveTrap:function(e){return e?.length>0?e[e.length-1]:null},activateTrap:function(e,i){var u=E.getActiveTrap(e);i!==u&&E.pauseTrap(e);var y=e.indexOf(i);y===-1||e.splice(y,1),e.push(i)},deactivateTrap:function(e,i){var u=e.indexOf(i);u!==-1&&e.splice(u,1),E.unpauseTrap(e)},pauseTrap:function(e){var i=E.getActiveTrap(e);i?._setPausedState(!0)},unpauseTrap:function(e){var i=E.getActiveTrap(e);i&&!i._isManuallyPaused()&&i._setPausedState(!1)}},Fe=function(e){return e.tagName&&e.tagName.toLowerCase()==="input"&&typeof e.select=="function"},Ne=function(e){return e?.key==="Escape"||e?.key==="Esc"||e?.keyCode===27},L=function(e){return e?.key==="Tab"||e?.keyCode===9},ke=function(e){return L(e)&&!e.shiftKey},Ee=function(e){return L(e)&&e.shiftKey},ue=function(e){return setTimeout(e,0)},j=function(e){for(var i=arguments.length,u=new Array(i>1?i-1:0),y=1;y<i;y++)u[y-1]=arguments[y];return typeof e=="function"?e.apply(void 0,u):e},x=function(e){return e.target.shadowRoot&&typeof e.composedPath=="function"?e.composedPath()[0]:e.target},De=[],ce=function(e,i){var u=i?.document||document,y=i?.trapStack||De,s=oe({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,delayReturnFocus:!0,isolateSubtrees:!1,isKeyForward:ke,isKeyBackward:Ee},i),n={containers:[],containerGroups:[],tabbableGroups:[],adjacentElements:new Set,alreadySilent:new Set,nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,manuallyPaused:!1,delayInitialFocusTimer:void 0,recentNavEvent:void 0},b,h=function(t,a,o){return t&&t[a]!==void 0?t[a]:s[o||a]},N=function(t,a){var o=typeof a?.composedPath=="function"?a.composedPath():void 0;return n.containerGroups.findIndex(function(f){var l=f.container,p=f.tabbableNodes;return l.contains(t)||o?.includes(l)||p.find(function(c){return c===t})})},D=function(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},o=a.hasFallback,f=o===void 0?!1:o,l=a.params,p=l===void 0?[]:l,c=s[t];if(typeof c=="function"&&(c=c.apply(void 0,ge(p))),c===!0&&(c=void 0),!c){if(c===void 0||c===!1)return c;throw new Error("`".concat(t,"` was specified but was not a node, or did not return a node"))}var v=c;if(typeof c=="string"){try{v=u.querySelector(c)}catch(d){throw new Error("`".concat(t,'` appears to be an invalid selector; error="').concat(d.message,'"'))}if(!v&&!f)throw new Error("`".concat(t,"` as selector refers to no known node"))}return v},A=function(t){var a=t.activeElement;return a?a.shadowRoot&&a.shadowRoot.activeElement!==null?A(a.shadowRoot):a:null},k=function(){var t=D("initialFocus",{hasFallback:!0});if(t===!1)return!1;if(t===void 0||t&&!_(t,s.tabbableOptions)){var a=A(u);if(N(a)>=0)t=a;else{var o=n.tabbableGroups[0],f=o&&o.firstTabbableNode;t=f||D("fallbackFocus")}}else t===null&&(t=D("fallbackFocus"));if(!t)throw new Error("Your focus-trap needs to have at least one focusable element");return t},O=function(){if(n.containerGroups=n.containers.map(function(t){var a=ee(t,s.tabbableOptions),o=te(t,s.tabbableOptions),f=a.length>0?a[0]:void 0,l=a.length>0?a[a.length-1]:void 0,p=o.find(function(d){return R(d)}),c=o.slice().reverse().find(function(d){return R(d)}),v=!!a.find(function(d){return C(d)>0});return{container:t,tabbableNodes:a,focusableNodes:o,posTabIndexesFound:v,firstTabbableNode:f,lastTabbableNode:l,firstDomTabbableNode:p,lastDomTabbableNode:c,nextTabbableNode:function(g){var T=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0,F=a.indexOf(g);return F<0?T?o.slice(o.indexOf(g)+1).find(function(S){return R(S)}):o.slice(0,o.indexOf(g)).reverse().find(function(S){return R(S)}):a[F+(T?1:-1)]}}}),n.tabbableGroups=n.containerGroups.filter(function(t){return t.tabbableNodes.length>0}),n.tabbableGroups.length<=0&&!D("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");if(n.containerGroups.find(function(t){return t.posTabIndexesFound})&&n.containerGroups.length>1)throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")},w=function(t){if(t!==!1&&t!==A(document)){if(!t||!t.focus){w(k());return}t.focus({preventScroll:!!s.preventScroll}),n.mostRecentlyFocusedNode=t,Fe(t)&&t.select()}},K=function(t){var a=D("setReturnFocus",{params:[t]});return a||(a===!1?!1:t)},V=function(t){var a=t.target,o=t.event,f=t.isBackward,l=f===void 0?!1:f;a=a||x(o),O();var p=null;if(n.tabbableGroups.length>0){var c=N(a,o),v=c>=0?n.containerGroups[c]:void 0;if(c<0)l?p=n.tabbableGroups[n.tabbableGroups.length-1].lastTabbableNode:p=n.tabbableGroups[0].firstTabbableNode;else if(l){var d=n.tabbableGroups.findIndex(function(M){var q=M.firstTabbableNode;return a===q});if(d<0&&(v.container===a||_(a,s.tabbableOptions)&&!R(a,s.tabbableOptions)&&!v.nextTabbableNode(a,!1))&&(d=c),d>=0){var g=d===0?n.tabbableGroups.length-1:d-1,T=n.tabbableGroups[g];p=C(a)>=0?T.lastTabbableNode:T.lastDomTabbableNode}else L(o)||(p=v.nextTabbableNode(a,!1))}else{var F=n.tabbableGroups.findIndex(function(M){var q=M.lastTabbableNode;return a===q});if(F<0&&(v.container===a||_(a,s.tabbableOptions)&&!R(a,s.tabbableOptions)&&!v.nextTabbableNode(a))&&(F=c),F>=0){var S=F===n.tabbableGroups.length-1?0:F+1,P=n.tabbableGroups[S];p=C(a)>=0?P.firstTabbableNode:P.firstDomTabbableNode}else L(o)||(p=v.nextTabbableNode(a))}}else p=D("fallbackFocus");return p},B=function(t){var a=x(t);if(!(N(a,t)>=0)){if(j(s.clickOutsideDeactivates,t)){b.deactivate({returnFocus:s.returnFocusOnDeactivate});return}j(s.allowOutsideClick,t)||t.preventDefault()}},W=function(t){var a=x(t),o=N(a,t)>=0;if(o||a instanceof Document)o&&(n.mostRecentlyFocusedNode=a);else{t.stopImmediatePropagation();var f,l=!0;if(n.mostRecentlyFocusedNode)if(C(n.mostRecentlyFocusedNode)>0){var p=N(n.mostRecentlyFocusedNode),c=n.containerGroups[p].tabbableNodes;if(c.length>0){var v=c.findIndex(function(d){return d===n.mostRecentlyFocusedNode});v>=0&&(s.isKeyForward(n.recentNavEvent)?v+1<c.length&&(f=c[v+1],l=!1):v-1>=0&&(f=c[v-1],l=!1))}}else n.containerGroups.some(function(d){return d.tabbableNodes.some(function(g){return C(g)>0})})||(l=!1);else l=!1;l&&(f=V({target:n.mostRecentlyFocusedNode,isBackward:s.isKeyBackward(n.recentNavEvent)})),w(f||n.mostRecentlyFocusedNode||k())}n.recentNavEvent=void 0},de=function(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;n.recentNavEvent=t;var o=V({event:t,isBackward:a});o&&(L(t)&&t.preventDefault(),w(o))},Y=function(t){(s.isKeyForward(t)||s.isKeyBackward(t))&&de(t,s.isKeyBackward(t))},$=function(t){Ne(t)&&j(s.escapeDeactivates,t)!==!1&&(t.preventDefault(),b.deactivate())},z=function(t){var a=x(t);N(a,t)>=0||j(s.clickOutsideDeactivates,t)||j(s.allowOutsideClick,t)||(t.preventDefault(),t.stopImmediatePropagation())},J=function(){if(n.active){E.activateTrap(y,b);var t;return s.delayInitialFocus?t=new Promise(function(a){n.delayInitialFocusTimer=ue(function(){w(k()),a()})}):w(k()),u.addEventListener("focusin",W,!0),u.addEventListener("mousedown",B,{capture:!0,passive:!1}),u.addEventListener("touchstart",B,{capture:!0,passive:!1}),u.addEventListener("click",z,{capture:!0,passive:!1}),u.addEventListener("keydown",Y,{capture:!0,passive:!1}),u.addEventListener("keydown",$),t}},ve=function(t){n.active&&!n.paused&&b._setSubtreeIsolation(!1),n.adjacentElements.clear(),n.alreadySilent.clear();var a=new Set,o=new Set,f=ne(t),l;try{for(f.s();!(l=f.n()).done;){var p=l.value;a.add(p);for(var c=typeof ShadowRoot<"u"&&p.getRootNode()instanceof ShadowRoot,v=p;v;){a.add(v);var d=v.parentElement,g=[];d?g=d.children:!d&&c&&(g=v.getRootNode().children,d=v.getRootNode().host,c=typeof ShadowRoot<"u"&&d.getRootNode()instanceof ShadowRoot);var T=ne(g),F;try{for(T.s();!(F=T.n()).done;){var S=F.value;o.add(S)}}catch(P){T.e(P)}finally{T.f()}v=d}}}catch(P){f.e(P)}finally{f.f()}a.forEach(function(P){o.delete(P)}),n.adjacentElements=o},Q=function(){if(n.active)return u.removeEventListener("focusin",W,!0),u.removeEventListener("mousedown",B,!0),u.removeEventListener("touchstart",B,!0),u.removeEventListener("click",z,!0),u.removeEventListener("keydown",Y,!0),u.removeEventListener("keydown",$),b},be=function(t){var a=n.mostRecentlyFocusedNode;if(a){var o=t.some(function(l){var p=Array.from(l.removedNodes);return p.some(function(c){return c===a||typeof c.contains=="function"&&c.contains(a)})});if(o&&n.containers.some(function(l){return l?.isConnected})){O();var f=k();w(f)}}},H=typeof window<"u"&&"MutationObserver"in window?new MutationObserver(be):void 0,I=function(){H&&(H.disconnect(),n.active&&!n.paused&&n.containers.map(function(t){H.observe(t,{subtree:!0,childList:!0})}))};return b={get active(){return n.active},get paused(){return n.paused},activate:function(t){if(n.active)return this;var a=h(t,"onActivate"),o=h(t,"onPostActivate"),f=h(t,"checkCanFocusTrap"),l=E.getActiveTrap(y),p=!1;if(l&&!l.paused){var c;(c=l._setSubtreeIsolation)===null||c===void 0||c.call(l,!1),p=!0}try{f||O(),n.active=!0,n.paused=!1,n.nodeFocusedBeforeActivation=A(u),a?.({trap:b});var v=function(){f&&O();var T=function(){b._setSubtreeIsolation(!0),I(),o?.({trap:b})},F=J();F?F.then(T):T()};if(f)return f(n.containers.concat()).then(v,v),this;v()}catch(g){if(l===E.getActiveTrap(y)&&p){var d;(d=l._setSubtreeIsolation)===null||d===void 0||d.call(l,!0)}throw g}return this},deactivate:function(t){if(!n.active)return this;var a=oe({onDeactivate:s.onDeactivate,onPostDeactivate:s.onPostDeactivate,checkCanReturnFocus:s.checkCanReturnFocus},t);clearTimeout(n.delayInitialFocusTimer),n.delayInitialFocusTimer=void 0,n.paused||b._setSubtreeIsolation(!1),n.alreadySilent.clear(),Q(),n.active=!1,n.paused=!1,I(),E.deactivateTrap(y,b);var o=h(a,"onDeactivate"),f=h(a,"onPostDeactivate"),l=h(a,"checkCanReturnFocus"),p=h(a,"delayReturnFocus"),c=h(a,"returnFocus","returnFocusOnDeactivate");o?.({trap:b});var v=function(){c&&w(K(n.nodeFocusedBeforeActivation)),f?.({trap:b})},d=function(){p&&c?ue(v):v()};return c&&l?(l(K(n.nodeFocusedBeforeActivation)).then(d,d),this):(d(),this)},pause:function(t){return n.active?(n.manuallyPaused=!0,this._setPausedState(!0,t)):this},unpause:function(t){return n.active?(n.manuallyPaused=!1,y[y.length-1]!==this?this:this._setPausedState(!1,t)):this},updateContainerElements:function(t){var a=[].concat(t).filter(Boolean);return n.containers=a.map(function(o){return typeof o=="string"?u.querySelector(o):o}),s.isolateSubtrees&&ve(n.containers),n.active&&(O(),n.paused||b._setSubtreeIsolation(!0)),I(),this}},Object.defineProperties(b,{_isManuallyPaused:{value:function(){return n.manuallyPaused}},_setPausedState:{value:function(t,a){if(n.paused===t)return this;if(n.paused=t,t){var o=h(a,"onPause"),f=h(a,"onPostPause");o?.({trap:b}),Q(),b._setSubtreeIsolation(!1),I(),f?.({trap:b})}else{var l=h(a,"onUnpause"),p=h(a,"onPostUnpause");l?.({trap:b});var c=function(){O();var d=function(){b._setSubtreeIsolation(!0),I(),p?.({trap:b})},g=J();g?g.then(d):d()};c()}return this}},_setSubtreeIsolation:{value:function(t){s.isolateSubtrees&&n.adjacentElements.forEach(function(a){var o;t?s.isolateSubtrees==="aria-hidden"?((a.ariaHidden==="true"||((o=a.getAttribute("aria-hidden"))===null||o===void 0?void 0:o.toLowerCase())==="true")&&n.alreadySilent.add(a),a.setAttribute("aria-hidden","true")):((a.inert||a.hasAttribute("inert"))&&n.alreadySilent.add(a),a.setAttribute("inert",!0)):n.alreadySilent.has(a)||(s.isolateSubtrees==="aria-hidden"?a.removeAttribute("aria-hidden"):a.removeAttribute("inert"))})}}}),b.updateContainerElements(e),b};function le(r,{focusTrapOptions:e},i){return!e?.extraContainers&&!i?r:[r,...fe(e?.extraContainers),...fe(i)]}function fe(r=[]){return Array.isArray(r)?r:[r]}var G=new WeakSet;function Ae(r,e){let i=e&&e!==document.body&&e!==document.documentElement;return!G.has(r)&&i&&re(e),!1}function Se(r,e){let i=e?.fallbackFocus||r,u=e?.clickOutsideDeactivates??!0,y;return{fallbackFocus:i,...e,document:r.ownerDocument,tabbableOptions:ae,trapStack:X().focusTrapStack,clickOutsideDeactivates:s=>(G.has(r)||G.add(r),typeof u=="function"?u(s):u),onActivate:s=>{e?.escapeDeactivates&&(y=new AbortController,r.addEventListener("keydown",n=>{if(n.key==="Escape"){let b=e?.escapeDeactivates;(typeof b=="function"?b(n):b??!0)&&s.trap.deactivate()}},{signal:y.signal})),e?.onActivate?.(s)},onDeactivate:s=>{y?.abort(),y=void 0,e?.onDeactivate?.(s)},onPostDeactivate:()=>{G.delete(r)},setReturnFocus:s=>{let n=typeof e?.setReturnFocus=="function"?e.setReturnFocus(s):e?.setReturnFocus;return n===void 0?Ae(r,s):n}}}var Le=(r={})=>Z((e,i)=>{let u,y,s,n=!1,b=r.focusTrapOptions,h=()=>r.triggerProp?!!e[r.triggerProp]:!0,N=()=>r.triggerProp?h():n,D=()=>typeof e.focusTrapDisabledOverride=="function"?!e.focusTrapDisabledOverride():!e.focusTrapDisabled,A=()=>{let w=y||e.el;w.isConnected&&(u||(s||=le(w,e),u=ce(s,Se(w,{...b,...e.focusTrapOptions}))),D()&&u.activate())},k=()=>{u?.deactivate()};return i.onConnected(()=>{u&&N()&&A()}),i.onUpdate(w=>{if(!(!e.hasUpdated||!w.has("focusTrapDisabled"))){if(e.focusTrapDisabled||!h()){k();return}N()&&A()}}),i.onDisconnected(()=>k()),{get _instance(){},activate:()=>{n=!0,A()},deactivate:()=>{n=!1,k()},overrideFocusTrapEl:w=>{if(u)throw new Error("Focus trap already created");y=w},setExtraContainers:w=>{let K=y||e.el;s=le(K,e,w)},updateContainerElements:()=>u?.updateContainerElements(s)}});export{Le as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{g as j}from"./QBJZUEM2.js";import{n as G}from"./MBM7UIXE.js";import{a as $}from"./E73UUYZ3.js";import{c as A}from"./BCMXDC3C.js";import{a as W}from"./FEHTTWNR.js";import{a as q}from"./YN3M7VID.js";import{a as E}from"./35GQ3CAH.js";import"./YP3AYJH3.js";import{a as k}from"./KIYPLODD.js";import{a as N}from"./4JDRIYUR.js";import"./ZWPNZ5XW.js";import"./SJYKACM5.js";import"./O4OXMBNE.js";import{C as z,D as P,E as U,F as M,J as _,R as V,g as R,h as v,l as y,p}from"./P2Z26YAV.js";var X={offset:"offset"},Y={labelContent:"label-content"},ee=60;function O(t){return t.replace(":15",".25").replace(":30",".5").replace(":45",".75").replace("\u2212","-")}function te(t,e){let o=L(t,"en-US",e).replace("GMT","");return o===""?0:Number(O(o))*ee}function oe(){return new Date().getTimezoneOffset()*-1}function se(){return new Intl.DateTimeFormat().resolvedOptions().timeZone}async function ie(t){if(t==="offset")return o=>o;let{normalize:e}=await import("./RKLI4NN7.js");return e}async function ae(t,e,o,s,a){if(o==="name"){let{groupByName:n}=await import("./EOXVENGN.js");return(await n()).map(({label:l})=>({label:l,value:l,metadata:{filterValue:l}})).filter(l=>!!l).sort()}let i=a==="user"?t:a==="utc"?"fr":"en-GB",c=s.getTime();if(o==="region"){let[{groupByRegion:n},{getCountry:m,global:l}]=await Promise.all([import("./IYVJIUWV.js"),import("./Z6Q6E2KL.js")]);return(await n()).map(({label:u,tzs:f})=>(f.sort((h,d)=>{let I=T(h,e),x=T(d,e),b="Etc/GMT";if(h.startsWith(b)&&d.startsWith(b)){let g=h.substring(b.length),F=d.substring(b.length),Q=g===""?0:parseInt(g,10);return(F===""?0:parseInt(F,10))-Q}return I.localeCompare(x)}),{label:S(e,u),items:f.map(h=>{let d=O(L(h,i,c)),I=T(h,e),x=u===l?`${T(l,e)} Etc`:K(h),b=m(h),g=S(e,b);return{label:I,value:h,metadata:{country:g===I?void 0:g,filterValue:x,offset:d}}})})).sort((u,f)=>u.label===l?-1:f.label===l?1:u.label.localeCompare(f.label))}let[{groupByOffset:Z},{DateEngine:C}]=await Promise.all([import("./SJNBO2YA.js"),import("./TAT7KHVI.js")]),D=await Z({dateEngine:new C,groupDateRange:1,startDate:new Date(c).toISOString()}),J=new Intl.ListFormat(t,{style:"long",type:"conjunction"}),w=["Factory","Etc/UTC"];return D.forEach(n=>{let m=[],l=0;n.tzs.forEach((r,u)=>{w.includes(r)&&l++,m[u]=l}),n.tzs=n.tzs.filter(r=>!w.includes(r)),n.labelTzIdx=n.labelTzIdx.map(r=>r-m[r]).filter(r=>r>=0&&r<n.tzs.length)}),D.map(({labelTzIdx:n,tzs:m})=>{let l=m[0],r=O(L(l,i,c)),u=te(l,c),f=n.map(d=>T(m[d],e));return{label:re(e,r,J.format(f)),value:u,metadata:{filterValue:m.map(d=>K(d))}}}).filter(n=>!!n).sort((n,m)=>n.value-m.value)}function T(t,e){return e[t]||le(t)}function ne(t,e,o){return o.timeZoneRegionLabel.replace("{city}",t).replace("{country}",S(o,e))}function S(t,e){return t[e]||e}function le(t){return t.split("/").pop()??""}function K(t){return t.replace(/_/g," ")}function re(t,e,o){return t.timeZoneLabel.replace("{offset}",e).replace("{cities}",o)}function L(t,e,o=Date.now()){return t==="Factory"&&(t="Etc/GMT"),G(e,{timeZone:t,timeZoneName:"shortOffset"}).formatToParts(o).find(({type:i})=>i==="timeZoneName").value}function ce(t){return t[0].items!==void 0}function me(t){return ce(t)?t.flatMap(e=>e.items):t}function H(t,e,o){return o===void 0||t===void 0?void 0:me(t).find(s=>s[e]==o)}var ue=R`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;--calcite-combobox-corner-radius: var(--calcite-input-time-zone-corner-radius, var(--calcite-corner-radius))}.offset{white-space:nowrap}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,B=class extends U{constructor(){super(...arguments),this.comboboxRef=z(),this.formSupport=A({inputType:"text"})(this),this.messages=k({blocking:!0}),this.focusSetter=N()(this),this.interactiveContainer=q(this),this.labelable=W(this),this.#e=null,this.clearable=!1,this.disabled=!1,this.maxItems=0,this.mode="offset",this.offsetStyle="user",this.open=!1,this.overlayPositioning="absolute",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.topLayerDisabled=!1,this.calciteInputTimeZoneBeforeClose=p({cancelable:!1}),this.calciteInputTimeZoneBeforeOpen=p({cancelable:!1}),this.calciteInputTimeZoneChange=p({cancelable:!1}),this.calciteInputTimeZoneClose=p({cancelable:!1}),this.calciteInputTimeZoneOpen=p({cancelable:!1})}static{this.properties={selectedTimeZoneItem:[16,{},{state:!0}],timeZoneItems:[16,{},{state:!0}],clearable:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],labelText:1,maxItems:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],mode:[3,{},{reflect:!0}],name:[3,{},{reflect:!0}],offsetStyle:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placeholder:1,readOnly:[7,{},{reflect:!0,type:Boolean}],referenceDate:1,required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],validationIcon:[3,{converter:_},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=ue}#e;get value(){return this._value}set value(e){this.#e="internal",this._value=e}async setFocus(e){return this.focusSetter(()=>this.comboboxRef.value,e)}async load(){this.normalizer=await ie(this.mode),await this.updateTimeZoneItems();let e=this.value,o=this.normalizeValue(e);this.value=o||(e===""?o:void 0),this.updateTimeZoneSelection();let s=this.selectedTimeZoneItem?`${this.selectedTimeZoneItem.value}`:"";this.value=s}willUpdate(e){e.has("value")&&this.hasUpdated&&this.handleValueChange(this.value,e.get("value")),(e.has("messages")||e.has("mode")&&(this.hasUpdated||this.mode!=="offset")||e.has("referenceDate"))&&this.handleTimeZoneItemPropsChange(),e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openChanged()}loaded(){this.openChanged()}async handleTimeZoneItemPropsChange(){!this.timeZoneItems||!this.hasUpdated||(await this.updateTimeZoneItems(),this.updateTimeZoneSelection())}openChanged(){this.comboboxRef.value&&(this.comboboxRef.value.open=this.open)}async handleValueChange(e,o){let s=this.#e==="user";if(this.#e=null,s)return;let a=this.normalizeValue(e);if(!a){if(this.clearable){this._value=a,this.selectedTimeZoneItem=void 0;return}this._value=o,this.selectedTimeZoneItem=this.findTimeZoneItem(o);return}let i=this.findTimeZoneItem(a);if(!i){this._value=o;return}this._value=a,this.selectedTimeZoneItem=i}onLabelClick(){this.setFocus()}overrideSelectedLabelForRegion(e){this.mode!=="region"||!this.selectedTimeZoneItem||this.comboboxRef.value&&(this.comboboxRef.value.selectedItems[0].heading=this.getItemLabel(this.selectedTimeZoneItem,e))}onComboboxBeforeClose(e){e.stopPropagation(),this.overrideSelectedLabelForRegion(!1),this.calciteInputTimeZoneBeforeClose.emit()}onComboboxBeforeOpen(e){e.stopPropagation(),this.overrideSelectedLabelForRegion(!0),this.calciteInputTimeZoneBeforeOpen.emit()}onComboboxChange(e){e.stopPropagation();let s=e.target.selectedItems[0],a=this._value;if(!s){this._value="",this.requestUpdate("value",a),this.selectedTimeZoneItem=void 0,this.calciteInputTimeZoneChange.emit();return}let i=this.findTimeZoneItemByLabel(s.getAttribute("data-label")??void 0),c=i?.value===void 0?void 0:`${i?.value}`;this.value===c&&i?.label===this.selectedTimeZoneItem?.label||(this._value=c,this.requestUpdate("value",a),this.selectedTimeZoneItem=i,this.#e="user",this.calciteInputTimeZoneChange.emit())}onComboboxClose(e){e.stopPropagation(),this.open=!1,this.calciteInputTimeZoneClose.emit()}onComboboxOpen(e){this.open=!0,e.stopPropagation(),this.calciteInputTimeZoneOpen.emit()}findTimeZoneItem(e){return H(this.timeZoneItems,"value",e)}findTimeZoneItemByLabel(e){return H(this.timeZoneItems,"label",e)}async updateTimeZoneItems(){this.timeZoneItems=await this.createTimeZoneItems()}updateTimeZoneSelection(){if(this.value===""&&this.clearable){this.selectedTimeZoneItem=void 0;return}let e=this.mode==="offset"?oe():se(),o=this.value===""||!this.value?e:this.value;this.selectedTimeZoneItem=this.findTimeZoneItem(o)||this.findTimeZoneItem(e)}async createTimeZoneItems(){return!this.messages._lang||!this.messages?[]:ae(this.messages._lang,this.messages,this.mode,this.referenceDate instanceof Date?this.referenceDate:new Date(this.referenceDate??Date.now()),this.offsetStyle)}normalizeValue(e){return e=e===void 0?"":e,e&&this.normalizer(e)}getItemLabel(e,o=this.open){let s=this.selectedTimeZoneItem===e,{label:a,metadata:i}=e;return!i.country||o||!s?a:ne(a,i.country,this.messages)}render(){return this.interactiveContainer({disabled:this.disabled,children:v`<calcite-combobox .clearDisabled=${!this.clearable} .disabled=${this.disabled} .label=${this.messages.chooseTimeZone} .labelText=${this.labelText} lang=${this.messages._lang??y} .maxItems=${this.maxItems} @calciteComboboxBeforeClose=${this.onComboboxBeforeClose} @calciteComboboxBeforeOpen=${this.onComboboxBeforeOpen} @calciteComboboxChange=${this.onComboboxChange} @calciteComboboxClose=${this.onComboboxClose} @calciteComboboxOpen=${this.onComboboxOpen} .overlayPositioning=${this.overlayPositioning} .placeholder=${this.placeholder||this.messages[`${this.mode}Placeholder`]} placeholder-icon=search .readOnly=${this.readOnly} .required=${this.required} .scale=${this.scale} .selectionMode=${this.clearable?"single":"single-persist"} .status=${this.status} .topLayerDisabled=${this.topLayerDisabled} .validationIcon=${this.validationIcon} .validationMessage=${this.validationMessage} ${P(this.comboboxRef)}>${this.renderItems()}<slot name=${Y.labelContent} slot=${j.labelContent}></slot></calcite-combobox>`})}renderItems(){return this.mode==="region"?this.renderRegionItems():$(this.timeZoneItems,({label:e})=>e,e=>{let o=this.selectedTimeZoneItem===e,{label:s,metadata:a,value:i}=e;return v`<calcite-combobox-item data-label=${s??y} .heading=${s} .metadata=${a} .selected=${o} .value=${i}></calcite-combobox-item>`})}renderRegionItems(){return this.timeZoneItems.flatMap(({label:e,items:o})=>E(e,v`<calcite-combobox-item-group .label=${e}>${$(o,({label:s})=>s,s=>{let a=this.selectedTimeZoneItem===s,{label:i,metadata:c,value:Z}=s,C=this.getItemLabel(s);return v`<calcite-combobox-item data-label=${i??y} .description=${c.country} .heading=${C} .metadata=${c} .selected=${a} .value=${Z}><span class=${M(X.offset)} slot=content-end>${c.offset}</span></calcite-combobox-item>`})}</calcite-combobox-item-group>`))}};V("calcite-input-time-zone",B);export{B as InputTimeZone};
|
|
2
|
+
import{g as j}from"./QBJZUEM2.js";import{n as G}from"./MBM7UIXE.js";import{a as $}from"./BFCIBFWO.js";import{c as A}from"./HKCTKTPH.js";import{a as W}from"./5IFVHGFF.js";import{a as q}from"./I4U2IHE2.js";import{a as E}from"./HI5EKYQN.js";import"./YP3AYJH3.js";import{a as k}from"./WZGJADMP.js";import{a as N}from"./JLWRAUEC.js";import"./ZWPNZ5XW.js";import"./3A6EH3OR.js";import"./MLNMNLH3.js";import{C as z,D as P,E as U,F as M,J as _,R as V,g as R,h as v,l as y,p}from"./2EC36AEV.js";var X={offset:"offset"},Y={labelContent:"label-content"},ee=60;function O(t){return t.replace(":15",".25").replace(":30",".5").replace(":45",".75").replace("\u2212","-")}function te(t,e){let o=L(t,"en-US",e).replace("GMT","");return o===""?0:Number(O(o))*ee}function oe(){return new Date().getTimezoneOffset()*-1}function se(){return new Intl.DateTimeFormat().resolvedOptions().timeZone}async function ie(t){if(t==="offset")return o=>o;let{normalize:e}=await import("./RKLI4NN7.js");return e}async function ae(t,e,o,s,a){if(o==="name"){let{groupByName:n}=await import("./EOXVENGN.js");return(await n()).map(({label:l})=>({label:l,value:l,metadata:{filterValue:l}})).filter(l=>!!l).sort()}let i=a==="user"?t:a==="utc"?"fr":"en-GB",c=s.getTime();if(o==="region"){let[{groupByRegion:n},{getCountry:m,global:l}]=await Promise.all([import("./IYVJIUWV.js"),import("./Z6Q6E2KL.js")]);return(await n()).map(({label:u,tzs:f})=>(f.sort((h,d)=>{let I=T(h,e),x=T(d,e),b="Etc/GMT";if(h.startsWith(b)&&d.startsWith(b)){let g=h.substring(b.length),F=d.substring(b.length),Q=g===""?0:parseInt(g,10);return(F===""?0:parseInt(F,10))-Q}return I.localeCompare(x)}),{label:S(e,u),items:f.map(h=>{let d=O(L(h,i,c)),I=T(h,e),x=u===l?`${T(l,e)} Etc`:K(h),b=m(h),g=S(e,b);return{label:I,value:h,metadata:{country:g===I?void 0:g,filterValue:x,offset:d}}})})).sort((u,f)=>u.label===l?-1:f.label===l?1:u.label.localeCompare(f.label))}let[{groupByOffset:Z},{DateEngine:C}]=await Promise.all([import("./SJNBO2YA.js"),import("./TAT7KHVI.js")]),D=await Z({dateEngine:new C,groupDateRange:1,startDate:new Date(c).toISOString()}),J=new Intl.ListFormat(t,{style:"long",type:"conjunction"}),w=["Factory","Etc/UTC"];return D.forEach(n=>{let m=[],l=0;n.tzs.forEach((r,u)=>{w.includes(r)&&l++,m[u]=l}),n.tzs=n.tzs.filter(r=>!w.includes(r)),n.labelTzIdx=n.labelTzIdx.map(r=>r-m[r]).filter(r=>r>=0&&r<n.tzs.length)}),D.map(({labelTzIdx:n,tzs:m})=>{let l=m[0],r=O(L(l,i,c)),u=te(l,c),f=n.map(d=>T(m[d],e));return{label:re(e,r,J.format(f)),value:u,metadata:{filterValue:m.map(d=>K(d))}}}).filter(n=>!!n).sort((n,m)=>n.value-m.value)}function T(t,e){return e[t]||le(t)}function ne(t,e,o){return o.timeZoneRegionLabel.replace("{city}",t).replace("{country}",S(o,e))}function S(t,e){return t[e]||e}function le(t){return t.split("/").pop()??""}function K(t){return t.replace(/_/g," ")}function re(t,e,o){return t.timeZoneLabel.replace("{offset}",e).replace("{cities}",o)}function L(t,e,o=Date.now()){return t==="Factory"&&(t="Etc/GMT"),G(e,{timeZone:t,timeZoneName:"shortOffset"}).formatToParts(o).find(({type:i})=>i==="timeZoneName").value}function ce(t){return t[0].items!==void 0}function me(t){return ce(t)?t.flatMap(e=>e.items):t}function H(t,e,o){return o===void 0||t===void 0?void 0:me(t).find(s=>s[e]==o)}var ue=R`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;--calcite-combobox-corner-radius: var(--calcite-input-time-zone-corner-radius, var(--calcite-corner-radius))}.offset{white-space:nowrap}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,B=class extends U{constructor(){super(...arguments),this.comboboxRef=z(),this.formSupport=A({inputType:"text"})(this),this.messages=k({blocking:!0}),this.focusSetter=N()(this),this.interactiveContainer=q(this),this.labelable=W(this),this.#e=null,this.clearable=!1,this.disabled=!1,this.maxItems=0,this.mode="offset",this.offsetStyle="user",this.open=!1,this.overlayPositioning="absolute",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.topLayerDisabled=!1,this.calciteInputTimeZoneBeforeClose=p({cancelable:!1}),this.calciteInputTimeZoneBeforeOpen=p({cancelable:!1}),this.calciteInputTimeZoneChange=p({cancelable:!1}),this.calciteInputTimeZoneClose=p({cancelable:!1}),this.calciteInputTimeZoneOpen=p({cancelable:!1})}static{this.properties={selectedTimeZoneItem:[16,{},{state:!0}],timeZoneItems:[16,{},{state:!0}],clearable:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],labelText:1,maxItems:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],mode:[3,{},{reflect:!0}],name:[3,{},{reflect:!0}],offsetStyle:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placeholder:1,readOnly:[7,{},{reflect:!0,type:Boolean}],referenceDate:1,required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],validationIcon:[3,{converter:_},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=ue}#e;get value(){return this._value}set value(e){this.#e="internal",this._value=e}async setFocus(e){return this.focusSetter(()=>this.comboboxRef.value,e)}async load(){this.normalizer=await ie(this.mode),await this.updateTimeZoneItems();let e=this.value,o=this.normalizeValue(e);this.value=o||(e===""?o:void 0),this.updateTimeZoneSelection();let s=this.selectedTimeZoneItem?`${this.selectedTimeZoneItem.value}`:"";this.value=s}willUpdate(e){e.has("value")&&this.hasUpdated&&this.handleValueChange(this.value,e.get("value")),(e.has("messages")||e.has("mode")&&(this.hasUpdated||this.mode!=="offset")||e.has("referenceDate"))&&this.handleTimeZoneItemPropsChange(),e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openChanged()}loaded(){this.openChanged()}async handleTimeZoneItemPropsChange(){!this.timeZoneItems||!this.hasUpdated||(await this.updateTimeZoneItems(),this.updateTimeZoneSelection())}openChanged(){this.comboboxRef.value&&(this.comboboxRef.value.open=this.open)}async handleValueChange(e,o){let s=this.#e==="user";if(this.#e=null,s)return;let a=this.normalizeValue(e);if(!a){if(this.clearable){this._value=a,this.selectedTimeZoneItem=void 0;return}this._value=o,this.selectedTimeZoneItem=this.findTimeZoneItem(o);return}let i=this.findTimeZoneItem(a);if(!i){this._value=o;return}this._value=a,this.selectedTimeZoneItem=i}onLabelClick(){this.setFocus()}overrideSelectedLabelForRegion(e){this.mode!=="region"||!this.selectedTimeZoneItem||this.comboboxRef.value&&(this.comboboxRef.value.selectedItems[0].heading=this.getItemLabel(this.selectedTimeZoneItem,e))}onComboboxBeforeClose(e){e.stopPropagation(),this.overrideSelectedLabelForRegion(!1),this.calciteInputTimeZoneBeforeClose.emit()}onComboboxBeforeOpen(e){e.stopPropagation(),this.overrideSelectedLabelForRegion(!0),this.calciteInputTimeZoneBeforeOpen.emit()}onComboboxChange(e){e.stopPropagation();let s=e.target.selectedItems[0],a=this._value;if(!s){this._value="",this.requestUpdate("value",a),this.selectedTimeZoneItem=void 0,this.calciteInputTimeZoneChange.emit();return}let i=this.findTimeZoneItemByLabel(s.getAttribute("data-label")??void 0),c=i?.value===void 0?void 0:`${i?.value}`;this.value===c&&i?.label===this.selectedTimeZoneItem?.label||(this._value=c,this.requestUpdate("value",a),this.selectedTimeZoneItem=i,this.#e="user",this.calciteInputTimeZoneChange.emit())}onComboboxClose(e){e.stopPropagation(),this.open=!1,this.calciteInputTimeZoneClose.emit()}onComboboxOpen(e){this.open=!0,e.stopPropagation(),this.calciteInputTimeZoneOpen.emit()}findTimeZoneItem(e){return H(this.timeZoneItems,"value",e)}findTimeZoneItemByLabel(e){return H(this.timeZoneItems,"label",e)}async updateTimeZoneItems(){this.timeZoneItems=await this.createTimeZoneItems()}updateTimeZoneSelection(){if(this.value===""&&this.clearable){this.selectedTimeZoneItem=void 0;return}let e=this.mode==="offset"?oe():se(),o=this.value===""||!this.value?e:this.value;this.selectedTimeZoneItem=this.findTimeZoneItem(o)||this.findTimeZoneItem(e)}async createTimeZoneItems(){return!this.messages._lang||!this.messages?[]:ae(this.messages._lang,this.messages,this.mode,this.referenceDate instanceof Date?this.referenceDate:new Date(this.referenceDate??Date.now()),this.offsetStyle)}normalizeValue(e){return e=e===void 0?"":e,e&&this.normalizer(e)}getItemLabel(e,o=this.open){let s=this.selectedTimeZoneItem===e,{label:a,metadata:i}=e;return!i.country||o||!s?a:ne(a,i.country,this.messages)}render(){return this.interactiveContainer({disabled:this.disabled,children:v`<calcite-combobox .clearDisabled=${!this.clearable} .disabled=${this.disabled} .label=${this.messages.chooseTimeZone} .labelText=${this.labelText} lang=${this.messages._lang??y} .maxItems=${this.maxItems} @calciteComboboxBeforeClose=${this.onComboboxBeforeClose} @calciteComboboxBeforeOpen=${this.onComboboxBeforeOpen} @calciteComboboxChange=${this.onComboboxChange} @calciteComboboxClose=${this.onComboboxClose} @calciteComboboxOpen=${this.onComboboxOpen} .overlayPositioning=${this.overlayPositioning} .placeholder=${this.placeholder||this.messages[`${this.mode}Placeholder`]} placeholder-icon=search .readOnly=${this.readOnly} .required=${this.required} .scale=${this.scale} .selectionMode=${this.clearable?"single":"single-persist"} .status=${this.status} .topLayerDisabled=${this.topLayerDisabled} .validationIcon=${this.validationIcon} .validationMessage=${this.validationMessage} ${P(this.comboboxRef)}>${this.renderItems()}<slot name=${Y.labelContent} slot=${j.labelContent}></slot></calcite-combobox>`})}renderItems(){return this.mode==="region"?this.renderRegionItems():$(this.timeZoneItems,({label:e})=>e,e=>{let o=this.selectedTimeZoneItem===e,{label:s,metadata:a,value:i}=e;return v`<calcite-combobox-item data-label=${s??y} .heading=${s} .metadata=${a} .selected=${o} .value=${i}></calcite-combobox-item>`})}renderRegionItems(){return this.timeZoneItems.flatMap(({label:e,items:o})=>E(e,v`<calcite-combobox-item-group .label=${e}>${$(o,({label:s})=>s,s=>{let a=this.selectedTimeZoneItem===s,{label:i,metadata:c,value:Z}=s,C=this.getItemLabel(s);return v`<calcite-combobox-item data-label=${i??y} .description=${c.country} .heading=${C} .metadata=${c} .selected=${a} .value=${Z}><span class=${M(X.offset)} slot=content-end>${c.offset}</span></calcite-combobox-item>`})}</calcite-combobox-item-group>`))}};V("calcite-input-time-zone",B);export{B as InputTimeZone};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as G}from"./4CJVQSCL.js";import{b as H}from"./PM5LDKID.js";import{a as R}from"./E73UUYZ3.js";import{a as q}from"./KG6BV2NY.js";import{c as W}from"./BCMXDC3C.js";import{a as V}from"./DKJI4BME.js";import{a as K}from"./FEHTTWNR.js";import{a as F}from"./AVN633SI.js";import{a as x,c as y,e as U,g as h,h as M}from"./E3SV3NQ4.js";import{a as P}from"./2QXEL2ND.js";import{a as L}from"./YN3M7VID.js";import"./5EBGPCB7.js";import{a as D}from"./T6CCMW7H.js";import{a as T,b as w}from"./VI7SBYXT.js";import{a as B}from"./KIYPLODD.js";import{a as O}from"./4JDRIYUR.js";import"./ZWPNZ5XW.js";import{c as E,e as z}from"./SJYKACM5.js";import{x as b,z as v}from"./O4OXMBNE.js";import{C as f,D as u,E as A,F as r,J as g,R as S,g as k,h as m,l as o,p as c}from"./P2Z26YAV.js";var Q=k`: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{position:relative;display:block}.input-container{position:relative;display:flex;flex:1 1 auto;flex-wrap:nowrap}.input{width:100%;--calcite-input-prefix-size: var(--calcite-autocomplete-input-prefix-size);--calcite-input-suffix-size: var(--calcite-autocomplete-input-suffix-size);--calcite-input-background-color: var(--calcite-autocomplete-input-background-color);--calcite-input-border-color: var(--calcite-autocomplete-input-border-color);--calcite-input-corner-radius: var(--calcite-autocomplete-input-corner-radius);--calcite-input-shadow: var(--calcite-autocomplete-input-shadow);--calcite-input-icon-color: var(--calcite-autocomplete-input-icon-color);--calcite-input-text-color: var(--calcite-autocomplete-input-text-color);--calcite-input-placeholder-text-color: var(--calcite-autocomplete-input-placeholder-text-color);--calcite-input-actions-background-color: var(--calcite-autocomplete-input-actions-background-color);--calcite-input-actions-background-color-hover: var(--calcite-autocomplete-input-actions-background-color-hover);--calcite-input-actions-background-color-press: var(--calcite-autocomplete-input-actions-background-color-press);--calcite-input-actions-icon-color: var(--calcite-autocomplete-input-actions-icon-color);--calcite-input-actions-icon-color-hover: var(--calcite-autocomplete-input-actions-icon-color-hover);--calcite-input-actions-icon-color-press: var(--calcite-autocomplete-input-actions-icon-color-press);--calcite-input-loading-background-color: var(--calcite-autocomplete-input-loading-background-color);--calcite-input-loading-fill-color: var(--calcite-autocomplete-input-loading-fill-color);--calcite-input-prefix-text-color: var(--calcite-autocomplete-input-prefix-text-color);--calcite-input-suffix-text-color: var(--calcite-autocomplete-input-suffix-text-color)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.content-container{box-sizing:border-box;width:100%}.floating-ui-container{inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.floating-ui-container{opacity:0;inset-block-start:0;left:0}}:host([top-layer-disabled]) .floating-ui-container{--calcite-floating-ui-z-index: var(--calcite-z-index-dropdown)}.floating-ui-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.floating-ui-container:popover-open{display:block}.floating-ui-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.floating-ui-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.floating-ui-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.floating-ui-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.floating-ui-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.content-container .calcite-floating-ui-anim{width:100%;overflow-y:auto;box-shadow:var(--calcite-shadow-md);max-block-size:var(--calcite-autocomplete-menu-max-size-y, 45vh);color:var(--calcite-autocomplete-text-color, var(--calcite-color-text-1));background-color:var(--calcite-autocomplete-background-color, var(--calcite-color-foreground-1));border-radius:var(--calcite-autocomplete-corner-radius, var(--calcite-corner-radius-round))}.content--hidden{display:none}@media(forced-colors:active){.floating-ui-container--active{border:1px solid canvasText}}.screen-readers-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`,N={contentBottom:"content-bottom",contentTop:"content-top"},s={inputContainer:"input-container",input:"input",contentContainer:"content-container",contentAnimation:"content-animation",content:"content",contentHidden:"content--hidden",floatingUIContainer:"floating-ui-container",floatingUIContainerActive:"floating-ui-container--active",screenReadersOnly:"screen-readers-only"},j="autocomplete",I={validationMessage:"autocompleteValidationMessage",input:d=>`${j}-input-${d}`,list:d=>`${j}-list-${d}`},J="calcite-autocomplete-item-group",C="calcite-autocomplete-item",$=class extends A{constructor(){super(),this.guid=D(),this.attributeWatch=E(["autofocus","enterkeyhint","inputmode"],this.handleGlobalAttributesChanged),this.direction=z(),this.formSupport=W({inputType:"text"})(this),this.inputId=I.input(this.guid),this.labelable=K(this),this.listId=I.list(this.guid),this.messages=B(),this.transitionProp="opacity",this.transitionRef=f(),this.defaultSlotRef=f(),this.focusSetter=O()(this),this.resizeObserver=T("resize",()=>{this.setFloatingElSize()}),this.interactiveContainer=L(this),this.topLayer=F({target:()=>this.floatingEl})(this),this.activeDescendant="",this.activeIndex=-1,this.hasContentBottom=!1,this.hasContentTop=!1,this.items=[],this.groups=[],this.alignment="start",this.disabled=!1,this.iconFlipRtl=!1,this.loading=!1,this.open=!1,this.overlayPositioning="absolute",this.placement=x,this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.topLayerDisabled=!1,this.value="",this.calciteAutocompleteBeforeClose=c({cancelable:!1}),this.calciteAutocompleteBeforeOpen=c({cancelable:!1}),this.calciteAutocompleteChange=c({cancelable:!1}),this.calciteAutocompleteClose=c({cancelable:!1}),this.calciteAutocompleteOpen=c({cancelable:!1}),this.calciteAutocompleteTextChange=c({cancelable:!1}),this.calciteAutocompleteTextInput=c({cancelable:!1}),this.listenOn(document,"click",this.documentClickHandler),this.listen("calciteAutocompleteItemSelect",this.handleAutocompleteItemSelect),this.listen("calciteInternalAutocompleteItemChange",this.handleAutocompleteItemChange),this.listen("calciteInternalAutocompleteItemGroupItemsChange",this.handleAutocompleteItemGroupItemsChange)}static{this.properties={activeDescendant:[16,{},{state:!0}],activeIndex:[16,{},{state:!0}],hasContentBottom:[16,{},{state:!0}],hasContentTop:[16,{},{state:!0}],items:[16,{},{state:!0}],groups:[16,{},{state:!0}],alignment:[3,{},{reflect:!0}],autocomplete:1,disabled:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],form:[3,{},{reflect:!0}],icon:[3,{converter:g},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],inputValue:1,label:1,labelText:1,loading:[7,{},{reflect:!0,type:Boolean}],maxLength:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],minLength:[11,{},{reflect:!0,type:Number}],name:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],pattern:1,placeholder:1,placement:[3,{},{reflect:!0}],prefixText:1,readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],suffixText:1,topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],validationIcon:[3,{converter:g},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=Q}get isOpen(){return this.open&&(this.hasContentTop||this.hasContentBottom||this.items.length>0)}get enabledItems(){return this.items.filter(t=>!t.disabled)}async reposition(t=!1){let{floatingEl:e,referenceEl:l,placement:a,overlayPositioning:i,flipPlacements:n}=this;return U(this,{direction:this.direction,floatingEl:e,referenceEl:l,overlayPositioning:i,placement:a,flipPlacements:n,type:"menu"},t)}async scrollContentTo(t){this.transitionRef.value?.scrollTo(t)}async selectText(){return this.referenceEl?.selectText()}async setFocus(t){return this.focusSetter(()=>this.referenceEl,t)}connectedCallback(){super.connectedCallback(),h(this)}willUpdate(t){t.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.handleDisabledChange(this.disabled),t.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),(t.has("flipPlacements")||t.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")||t.has("placement")&&(this.hasUpdated||this.placement!==x))&&this.reposition(!0);let e=!1;t.has("inputValue")&&(this.hasUpdated||this.inputValue)&&(this.inputValueMatchPattern=this.inputValue?new RegExp(`(${H(this.inputValue)})`,"i"):void 0,this.updateItems(),this.updateGroups(),e=!0),!e&&t.has("scale")&&(this.hasUpdated||this.scale!=="m")&&(this.updateItems(),this.updateGroups(),e=!0),!e&&t.has("activeIndex")&&(this.hasUpdated||this.activeIndex!==-1)&&this.updateItems()}loaded(){this.getAllItems(),h(this)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect(),M(this)}setFloatingElSize(){let{referenceEl:t,floatingEl:e}=this;!t||!e||(e.style.inlineSize=`${t.clientWidth}px`)}handleGlobalAttributesChanged(){this.requestUpdate()}handleDisabledChange(t){t||(this.open=!1)}openHandler(){if(this.disabled){this.open=!1;return}this.open||(this.activeIndex=-1),P(this),this.setFloatingElSize(),this.reposition(!0)}async documentClickHandler(t){this.disabled||t.composedPath().includes(this.el)||(this.open=!1)}async handleAutocompleteItemSelect(t){this.value=t.target.value,this.emitChange(),await this.setFocus(),this.open=!1}handleAutocompleteItemChange(t){t.stopPropagation(),this.items.length&&(this.updateItems(),this.requestUpdate())}onLabelClick(){this.setFocus()}onBeforeOpen(){this.calciteAutocompleteBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.calciteAutocompleteOpen.emit()}onBeforeClose(){this.calciteAutocompleteBeforeClose.emit()}onClose(){this.calciteAutocompleteClose.emit(),this.topLayer.hide()}emitChange(){this.calciteAutocompleteChange.emit()}updateGroups(){this.groups.forEach((t,e,l)=>{t.scale=this.scale,t.position=e,e===0&&(t.disableSpacing=!0);let a=l[e+1];a&&(a.disableSpacing=t.children.length===0)})}updateItems(){let t="";this.items.forEach(e=>{e.scale=this.scale,e.inputValueMatchPattern=this.inputValueMatchPattern}),this.enabledItems.forEach((e,l)=>{let a=l===this.activeIndex;a&&(t=e.guid),e.active=a}),this.activeDescendant=t}handleInputFocus(){this.open=!0}handleContentTopSlotChange(t){this.hasContentTop=b(t)}handleContentBottomSlotChange(t){this.hasContentBottom=b(t)}handleDefaultSlotChange(){this.getAllItems()}handleAutocompleteItemGroupItemsChange(t){t.stopPropagation(),this.getAllItems()}getAllItems(){let t=this.defaultSlotRef.value?v(this.defaultSlotRef.value,J):Array.from(this.el.children).filter(i=>i.matches(J)),e=this.defaultSlotRef.value?v(this.defaultSlotRef.value,C):Array.from(this.el.children).filter(i=>i.matches(C)),l=t.flatMap(i=>i.items??[]),a=Array.from(new Set([...e,...l].filter(i=>!!i&&i.matches(C))));this.groups=t,this.items=a,this.updateItems(),this.updateGroups()}setReferenceEl(t){w(this.resizeObserver,this.referenceEl,t),this.referenceEl=t,h(this)}keyDownHandler(t){let{defaultPrevented:e,key:l}=t;if(e)return;let{open:a,activeIndex:i,enabledItems:n}=this,p=n.length&&i>-1?n[i]:null;switch(l){case"Escape":a&&(this.open=!1,t.preventDefault());break;case"Tab":this.open=!1;break;case"Enter":a&&p?(this.value=p.value,p.toggleSelection(),this.open=!1,t.preventDefault()):!t.defaultPrevented&&this.formSupport.active&&(t.preventDefault(),this.formSupport.requestSubmit());break;case"ArrowDown":n.length&&(this.open=!0,this.activeIndex=i!==-1?Math.min(i+1,n.length-1):0,this.scrollToActiveItem(),t.preventDefault());break;case"ArrowUp":n.length&&(this.open=!0,this.activeIndex=i!==-1?Math.max(i-1,0):n.length-1,this.scrollToActiveItem(),t.preventDefault());break;case"Home":n.length&&(this.open=!0,this.activeIndex=0,this.scrollToActiveItem(),t.preventDefault());break;case"End":n.length&&(this.open=!0,this.activeIndex=n.length-1,this.scrollToActiveItem(),t.preventDefault());break}}scrollToActiveItem(){this.enabledItems[this.activeIndex]?.scrollIntoView({block:"nearest"})}changeHandler(t){t.stopPropagation(),this.inputValue=t.target.value,this.calciteAutocompleteTextChange.emit()}inputClickHandler(t){t.defaultPrevented||(this.open=!0)}inputHandler(t){t.stopPropagation(),this.inputValue=t.target.value,this.open=this.inputValue?.length>0,this.calciteAutocompleteTextInput.emit()}setFloatingEl(t){this.floatingEl=t,h(this)}render(){let{disabled:t,listId:e,inputId:l,isOpen:a}=this,i=this.el.autofocus,n=this.el.enterKeyHint,p=this.el.inputMode;return this.interactiveContainer({disabled:t,children:m`${this.labelText&&q({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${r(s.inputContainer)}><calcite-input .alignment=${this.alignment} aria-activedescendant=${this.activeDescendant??o} aria-controls=${e??o} aria-label=${V(this)??o} aria-owns=${e??o} aria-autocomplete=list .ariaExpanded=${a} aria-haspopup=listbox .autocomplete=${this.autocomplete} .autofocus=${i} class=${r(s.input)} clearable .disabled=${t} enterkeyhint=${n??o} .form=${this.form} .icon=${this.icon??!0} .iconFlipRtl=${this.iconFlipRtl} id=${l??o} inputmode=${p??o} .label=${this.label} .loading=${this.loading} .maxLength=${this.maxLength} .messageOverrides=${this.messages} .minLength=${this.minLength} .name=${this.name} @calciteInputChange=${this.changeHandler} @calciteInputInput=${this.inputHandler} @calciteInternalInputFocus=${this.handleInputFocus} @click=${this.inputClickHandler} @keydown=${this.keyDownHandler} .pattern=${this.pattern} .placeholder=${this.placeholder} .prefixText=${this.prefixText} .readOnly=${this.readOnly} .required=${this.required} role=combobox .scale=${this.scale} .status=${this.status} .suffixText=${this.suffixText} type=search .value=${this.inputValue} ${u(this.setReferenceEl)}></calcite-input>${this.renderListBox()}<div class=${r({[s.contentContainer]:!0,[s.floatingUIContainer]:!0,[s.floatingUIContainerActive]:a})} popover=manual ${u(this.setFloatingEl)}><div class=${r({[s.contentAnimation]:!0,[y.animation]:!0,[y.animationActive]:a})} ${u(this.transitionRef)}><div class=${r({[s.content]:!0,[s.contentHidden]:!a})}><slot name=${N.contentTop} @slotchange=${this.handleContentTopSlotChange}></slot><slot aria-hidden=true @slotchange=${this.handleDefaultSlotChange} ${u(this.defaultSlotRef)}></slot><slot name=${N.contentBottom} @slotchange=${this.handleContentBottomSlotChange}></slot></div></div></div></div>${this.validationMessage&&this.status==="invalid"?G({icon:this.validationIcon,id:I.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderListBox(){return m`<ul aria-labelledby=${this.inputId??o} aria-live=polite class=${r(s.screenReadersOnly)} id=${this.listId??o} role=listbox tabindex=-1>${this.renderListBoxOptions()}</ul>`}renderListBoxOptions(){return R(this.items.filter(t=>!!(t.label||t.heading)),t=>t.guid,t=>m`<li .ariaDisabled=${t.disabled} .ariaLabel=${t.label} .ariaSelected=${t.selected} id=${t.guid??o} role=option tabindex=-1>${t.heading}${t.description}</li>`)}};S("calcite-autocomplete",$);export{$ as Autocomplete};
|
|
2
|
+
import{a as G}from"./7FQB5OCK.js";import{b as H}from"./PM5LDKID.js";import{a as R}from"./BFCIBFWO.js";import{a as q}from"./LP44T5MQ.js";import{c as W}from"./HKCTKTPH.js";import{a as V}from"./DKJI4BME.js";import{a as K}from"./5IFVHGFF.js";import{a as F}from"./Q5QY7RFF.js";import{a as x,c as y,e as U,g as h,h as M}from"./PXQQCIJ7.js";import{a as P}from"./CPDRKFNF.js";import{a as L}from"./I4U2IHE2.js";import"./5EBGPCB7.js";import{a as D}from"./T6CCMW7H.js";import{a as T,b as w}from"./VI7SBYXT.js";import{a as B}from"./WZGJADMP.js";import{a as O}from"./JLWRAUEC.js";import"./ZWPNZ5XW.js";import{c as E,e as z}from"./3A6EH3OR.js";import{x as b,z as v}from"./MLNMNLH3.js";import{C as f,D as u,E as A,F as r,J as g,R as S,g as k,h as m,l as o,p as c}from"./2EC36AEV.js";var Q=k`: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{position:relative;display:block}.input-container{position:relative;display:flex;flex:1 1 auto;flex-wrap:nowrap}.input{width:100%;--calcite-input-prefix-size: var(--calcite-autocomplete-input-prefix-size);--calcite-input-suffix-size: var(--calcite-autocomplete-input-suffix-size);--calcite-input-background-color: var(--calcite-autocomplete-input-background-color);--calcite-input-border-color: var(--calcite-autocomplete-input-border-color);--calcite-input-corner-radius: var(--calcite-autocomplete-input-corner-radius);--calcite-input-shadow: var(--calcite-autocomplete-input-shadow);--calcite-input-icon-color: var(--calcite-autocomplete-input-icon-color);--calcite-input-text-color: var(--calcite-autocomplete-input-text-color);--calcite-input-placeholder-text-color: var(--calcite-autocomplete-input-placeholder-text-color);--calcite-input-actions-background-color: var(--calcite-autocomplete-input-actions-background-color);--calcite-input-actions-background-color-hover: var(--calcite-autocomplete-input-actions-background-color-hover);--calcite-input-actions-background-color-press: var(--calcite-autocomplete-input-actions-background-color-press);--calcite-input-actions-icon-color: var(--calcite-autocomplete-input-actions-icon-color);--calcite-input-actions-icon-color-hover: var(--calcite-autocomplete-input-actions-icon-color-hover);--calcite-input-actions-icon-color-press: var(--calcite-autocomplete-input-actions-icon-color-press);--calcite-input-loading-background-color: var(--calcite-autocomplete-input-loading-background-color);--calcite-input-loading-fill-color: var(--calcite-autocomplete-input-loading-fill-color);--calcite-input-prefix-text-color: var(--calcite-autocomplete-input-prefix-text-color);--calcite-input-suffix-text-color: var(--calcite-autocomplete-input-suffix-text-color)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.content-container{box-sizing:border-box;width:100%}.floating-ui-container{inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.floating-ui-container{opacity:0;inset-block-start:0;left:0}}:host([top-layer-disabled]) .floating-ui-container{--calcite-floating-ui-z-index: var(--calcite-z-index-dropdown)}.floating-ui-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.floating-ui-container:popover-open{display:block}.floating-ui-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.floating-ui-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.floating-ui-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.floating-ui-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.floating-ui-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.content-container .calcite-floating-ui-anim{width:100%;overflow-y:auto;box-shadow:var(--calcite-shadow-md);max-block-size:var(--calcite-autocomplete-menu-max-size-y, 45vh);color:var(--calcite-autocomplete-text-color, var(--calcite-color-text-1));background-color:var(--calcite-autocomplete-background-color, var(--calcite-color-foreground-1));border-radius:var(--calcite-autocomplete-corner-radius, var(--calcite-corner-radius-round))}.content--hidden{display:none}@media(forced-colors:active){.floating-ui-container--active{border:1px solid canvasText}}.screen-readers-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`,N={contentBottom:"content-bottom",contentTop:"content-top"},s={inputContainer:"input-container",input:"input",contentContainer:"content-container",contentAnimation:"content-animation",content:"content",contentHidden:"content--hidden",floatingUIContainer:"floating-ui-container",floatingUIContainerActive:"floating-ui-container--active",screenReadersOnly:"screen-readers-only"},j="autocomplete",I={validationMessage:"autocompleteValidationMessage",input:d=>`${j}-input-${d}`,list:d=>`${j}-list-${d}`},J="calcite-autocomplete-item-group",C="calcite-autocomplete-item",$=class extends A{constructor(){super(),this.guid=D(),this.attributeWatch=E(["autofocus","enterkeyhint","inputmode"],this.handleGlobalAttributesChanged),this.direction=z(),this.formSupport=W({inputType:"text"})(this),this.inputId=I.input(this.guid),this.labelable=K(this),this.listId=I.list(this.guid),this.messages=B(),this.transitionProp="opacity",this.transitionRef=f(),this.defaultSlotRef=f(),this.focusSetter=O()(this),this.resizeObserver=T("resize",()=>{this.setFloatingElSize()}),this.interactiveContainer=L(this),this.topLayer=F({target:()=>this.floatingEl})(this),this.activeDescendant="",this.activeIndex=-1,this.hasContentBottom=!1,this.hasContentTop=!1,this.items=[],this.groups=[],this.alignment="start",this.disabled=!1,this.iconFlipRtl=!1,this.loading=!1,this.open=!1,this.overlayPositioning="absolute",this.placement=x,this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.topLayerDisabled=!1,this.value="",this.calciteAutocompleteBeforeClose=c({cancelable:!1}),this.calciteAutocompleteBeforeOpen=c({cancelable:!1}),this.calciteAutocompleteChange=c({cancelable:!1}),this.calciteAutocompleteClose=c({cancelable:!1}),this.calciteAutocompleteOpen=c({cancelable:!1}),this.calciteAutocompleteTextChange=c({cancelable:!1}),this.calciteAutocompleteTextInput=c({cancelable:!1}),this.listenOn(document,"click",this.documentClickHandler),this.listen("calciteAutocompleteItemSelect",this.handleAutocompleteItemSelect),this.listen("calciteInternalAutocompleteItemChange",this.handleAutocompleteItemChange),this.listen("calciteInternalAutocompleteItemGroupItemsChange",this.handleAutocompleteItemGroupItemsChange)}static{this.properties={activeDescendant:[16,{},{state:!0}],activeIndex:[16,{},{state:!0}],hasContentBottom:[16,{},{state:!0}],hasContentTop:[16,{},{state:!0}],items:[16,{},{state:!0}],groups:[16,{},{state:!0}],alignment:[3,{},{reflect:!0}],autocomplete:1,disabled:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],form:[3,{},{reflect:!0}],icon:[3,{converter:g},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],inputValue:1,label:1,labelText:1,loading:[7,{},{reflect:!0,type:Boolean}],maxLength:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],minLength:[11,{},{reflect:!0,type:Number}],name:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],pattern:1,placeholder:1,placement:[3,{},{reflect:!0}],prefixText:1,readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],suffixText:1,topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],validationIcon:[3,{converter:g},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=Q}get isOpen(){return this.open&&(this.hasContentTop||this.hasContentBottom||this.items.length>0)}get enabledItems(){return this.items.filter(t=>!t.disabled)}async reposition(t=!1){let{floatingEl:e,referenceEl:l,placement:a,overlayPositioning:i,flipPlacements:n}=this;return U(this,{direction:this.direction,floatingEl:e,referenceEl:l,overlayPositioning:i,placement:a,flipPlacements:n,type:"menu"},t)}async scrollContentTo(t){this.transitionRef.value?.scrollTo(t)}async selectText(){return this.referenceEl?.selectText()}async setFocus(t){return this.focusSetter(()=>this.referenceEl,t)}connectedCallback(){super.connectedCallback(),h(this)}willUpdate(t){t.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.handleDisabledChange(this.disabled),t.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),(t.has("flipPlacements")||t.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")||t.has("placement")&&(this.hasUpdated||this.placement!==x))&&this.reposition(!0);let e=!1;t.has("inputValue")&&(this.hasUpdated||this.inputValue)&&(this.inputValueMatchPattern=this.inputValue?new RegExp(`(${H(this.inputValue)})`,"i"):void 0,this.updateItems(),this.updateGroups(),e=!0),!e&&t.has("scale")&&(this.hasUpdated||this.scale!=="m")&&(this.updateItems(),this.updateGroups(),e=!0),!e&&t.has("activeIndex")&&(this.hasUpdated||this.activeIndex!==-1)&&this.updateItems()}loaded(){this.getAllItems(),h(this)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect(),M(this)}setFloatingElSize(){let{referenceEl:t,floatingEl:e}=this;!t||!e||(e.style.inlineSize=`${t.clientWidth}px`)}handleGlobalAttributesChanged(){this.requestUpdate()}handleDisabledChange(t){t||(this.open=!1)}openHandler(){if(this.disabled){this.open=!1;return}this.open||(this.activeIndex=-1),P(this),this.setFloatingElSize(),this.reposition(!0)}async documentClickHandler(t){this.disabled||t.composedPath().includes(this.el)||(this.open=!1)}async handleAutocompleteItemSelect(t){this.value=t.target.value,this.emitChange(),await this.setFocus(),this.open=!1}handleAutocompleteItemChange(t){t.stopPropagation(),this.items.length&&(this.updateItems(),this.requestUpdate())}onLabelClick(){this.setFocus()}onBeforeOpen(){this.calciteAutocompleteBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.calciteAutocompleteOpen.emit()}onBeforeClose(){this.calciteAutocompleteBeforeClose.emit()}onClose(){this.calciteAutocompleteClose.emit(),this.topLayer.hide()}emitChange(){this.calciteAutocompleteChange.emit()}updateGroups(){this.groups.forEach((t,e,l)=>{t.scale=this.scale,t.position=e,e===0&&(t.disableSpacing=!0);let a=l[e+1];a&&(a.disableSpacing=t.children.length===0)})}updateItems(){let t="";this.items.forEach(e=>{e.scale=this.scale,e.inputValueMatchPattern=this.inputValueMatchPattern}),this.enabledItems.forEach((e,l)=>{let a=l===this.activeIndex;a&&(t=e.guid),e.active=a}),this.activeDescendant=t}handleInputFocus(){this.open=!0}handleContentTopSlotChange(t){this.hasContentTop=b(t)}handleContentBottomSlotChange(t){this.hasContentBottom=b(t)}handleDefaultSlotChange(){this.getAllItems()}handleAutocompleteItemGroupItemsChange(t){t.stopPropagation(),this.getAllItems()}getAllItems(){let t=this.defaultSlotRef.value?v(this.defaultSlotRef.value,J):Array.from(this.el.children).filter(i=>i.matches(J)),e=this.defaultSlotRef.value?v(this.defaultSlotRef.value,C):Array.from(this.el.children).filter(i=>i.matches(C)),l=t.flatMap(i=>i.items??[]),a=Array.from(new Set([...e,...l].filter(i=>!!i&&i.matches(C))));this.groups=t,this.items=a,this.updateItems(),this.updateGroups()}setReferenceEl(t){w(this.resizeObserver,this.referenceEl,t),this.referenceEl=t,h(this)}keyDownHandler(t){let{defaultPrevented:e,key:l}=t;if(e)return;let{open:a,activeIndex:i,enabledItems:n}=this,p=n.length&&i>-1?n[i]:null;switch(l){case"Escape":a&&(this.open=!1,t.preventDefault());break;case"Tab":this.open=!1;break;case"Enter":a&&p?(this.value=p.value,p.toggleSelection(),this.open=!1,t.preventDefault()):!t.defaultPrevented&&this.formSupport.active&&(t.preventDefault(),this.formSupport.requestSubmit());break;case"ArrowDown":n.length&&(this.open=!0,this.activeIndex=i!==-1?Math.min(i+1,n.length-1):0,this.scrollToActiveItem(),t.preventDefault());break;case"ArrowUp":n.length&&(this.open=!0,this.activeIndex=i!==-1?Math.max(i-1,0):n.length-1,this.scrollToActiveItem(),t.preventDefault());break;case"Home":n.length&&(this.open=!0,this.activeIndex=0,this.scrollToActiveItem(),t.preventDefault());break;case"End":n.length&&(this.open=!0,this.activeIndex=n.length-1,this.scrollToActiveItem(),t.preventDefault());break}}scrollToActiveItem(){this.enabledItems[this.activeIndex]?.scrollIntoView({block:"nearest"})}changeHandler(t){t.stopPropagation(),this.inputValue=t.target.value,this.calciteAutocompleteTextChange.emit()}inputClickHandler(t){t.defaultPrevented||(this.open=!0)}inputHandler(t){t.stopPropagation(),this.inputValue=t.target.value,this.open=this.inputValue?.length>0,this.calciteAutocompleteTextInput.emit()}setFloatingEl(t){this.floatingEl=t,h(this)}render(){let{disabled:t,listId:e,inputId:l,isOpen:a}=this,i=this.el.autofocus,n=this.el.enterKeyHint,p=this.el.inputMode;return this.interactiveContainer({disabled:t,children:m`${this.labelText&&q({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${r(s.inputContainer)}><calcite-input .alignment=${this.alignment} aria-activedescendant=${this.activeDescendant??o} aria-controls=${e??o} aria-label=${V(this)??o} aria-owns=${e??o} aria-autocomplete=list .ariaExpanded=${a} aria-haspopup=listbox .autocomplete=${this.autocomplete} .autofocus=${i} class=${r(s.input)} clearable .disabled=${t} enterkeyhint=${n??o} .form=${this.form} .icon=${this.icon??!0} .iconFlipRtl=${this.iconFlipRtl} id=${l??o} inputmode=${p??o} .label=${this.label} .loading=${this.loading} .maxLength=${this.maxLength} .messageOverrides=${this.messages} .minLength=${this.minLength} .name=${this.name} @calciteInputChange=${this.changeHandler} @calciteInputInput=${this.inputHandler} @calciteInternalInputFocus=${this.handleInputFocus} @click=${this.inputClickHandler} @keydown=${this.keyDownHandler} .pattern=${this.pattern} .placeholder=${this.placeholder} .prefixText=${this.prefixText} .readOnly=${this.readOnly} .required=${this.required} role=combobox .scale=${this.scale} .status=${this.status} .suffixText=${this.suffixText} type=search .value=${this.inputValue} ${u(this.setReferenceEl)}></calcite-input>${this.renderListBox()}<div class=${r({[s.contentContainer]:!0,[s.floatingUIContainer]:!0,[s.floatingUIContainerActive]:a})} popover=manual ${u(this.setFloatingEl)}><div class=${r({[s.contentAnimation]:!0,[y.animation]:!0,[y.animationActive]:a})} ${u(this.transitionRef)}><div class=${r({[s.content]:!0,[s.contentHidden]:!a})}><slot name=${N.contentTop} @slotchange=${this.handleContentTopSlotChange}></slot><slot aria-hidden=true @slotchange=${this.handleDefaultSlotChange} ${u(this.defaultSlotRef)}></slot><slot name=${N.contentBottom} @slotchange=${this.handleContentBottomSlotChange}></slot></div></div></div></div>${this.validationMessage&&this.status==="invalid"?G({icon:this.validationIcon,id:I.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderListBox(){return m`<ul aria-labelledby=${this.inputId??o} aria-live=polite class=${r(s.screenReadersOnly)} id=${this.listId??o} role=listbox tabindex=-1>${this.renderListBoxOptions()}</ul>`}renderListBoxOptions(){return R(this.items.filter(t=>!!(t.label||t.heading)),t=>t.guid,t=>m`<li .ariaDisabled=${t.disabled} .ariaLabel=${t.label} .ariaSelected=${t.selected} id=${t.guid??o} role=option tabindex=-1>${t.heading}${t.description}</li>`)}};S("calcite-autocomplete",$);export{$ as Autocomplete};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as u}from"./
|
|
2
|
+
import{a as u}from"./I4U2IHE2.js";import{a as f}from"./JLWRAUEC.js";import"./ZWPNZ5XW.js";import"./3A6EH3OR.js";import{C as l,y as m}from"./MLNMNLH3.js";import{C as r,D as h,E as d,R as p,g as c,h as o,p as n}from"./2EC36AEV.js";var g=c`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}.container{display:flex;inline-size:100%;flex-wrap:wrap;gap:.5rem}::slotted(calcite-chip){flex:none}:host([scale=s]) .container{gap:.25rem}:host([scale=l]) .container{gap:.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,a=class extends d{constructor(){super(),this.items=[],this.slotRef=r(),this.focusSetter=f()(this),this.interactiveContainer=u(this),this.disabled=!1,this.scale="m",this.selectedItems=[],this.selectionMode="none",this.calciteChipGroupSelect=n({cancelable:!1}),this.listen("calciteInternalChipKeyEvent",this.calciteInternalChipKeyEventListener),this.listen("calciteChipClose",this.calciteChipCloseListener),this.listen("calciteChipSelect",this.calciteChipSelectListener),this.listen("calciteInternalChipSelect",this.calciteInternalChipSelectListener),this.listen("calciteInternalSyncSelectedChips",this.calciteInternalSyncSelectedChips)}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],label:1,scale:[3,{},{reflect:!0}],selectedItems:[0,{},{attribute:!1}],selectionMode:[3,{},{reflect:!0}]}}static{this.styles=g}async setFocus(e){return this.focusSetter(()=>this.selectedItems[0]||this.items[0],e)}willUpdate(e){e.has("selectionMode")&&(this.hasUpdated||this.selectionMode!=="none")&&this.updateItems()}calciteInternalChipKeyEventListener(e){if(e.composedPath().includes(this.el)){let t={ArrowRight:"next",ArrowLeft:"previous",Home:"first",End:"last"}[e.detail.key];if(t){let i=this.items?.filter(I=>!I.disabled);l(i,e.detail.target,t,!0,!0,!0)}}e.stopPropagation()}calciteChipCloseListener(e){let s=e.target;this.items?.includes(s)&&(this.items?.indexOf(s)>0?l(this.items,s,"previous",!1,!1):this.items?.indexOf(s)===0?l(this.items,s,"next",!1,!1):l(this.items,s,"first",!1,!1)),this.items=this.items?.filter(t=>t!==s),e.stopPropagation()}calciteChipSelectListener(e){e.composedPath().includes(this.el)&&this.setSelectedItems(!0,e.target),e.stopPropagation()}calciteInternalChipSelectListener(e){e.composedPath().includes(this.el)&&this.setSelectedItems(!1,e.target),e.stopPropagation()}calciteInternalSyncSelectedChips(e){e.composedPath().includes(this.el)&&(this.updateSelectedItems(),this.selectionMode==="single"&&this.selectedItems.length>1&&this.setSelectedItems(!1,e.target)),e.stopPropagation()}updateItems(e){let s=this.slotRef.value?.assignedElements({flatten:!0}).filter(t=>t?.matches("calcite-chip"))||[];this.items=e?m(e):s,!(this.items?.length<1)&&(this.items?.forEach(t=>{t.interactive=!0,t.scale=this.scale,t.selectionMode=this.selectionMode,t.parentChipGroup=this.el}),this.setSelectedItems(!1))}updateSelectedItems(){this.selectedItems=this.items?.filter(e=>e.selected)}setSelectedItems(e,s){s&&this.items?.forEach(t=>{let i=s===t;switch(this.selectionMode){case"multiple":i&&(t.selected=!t.selected);break;case"single":t.selected=i?!t.selected:!1;break;case"single-persist":t.selected=!!i;break}}),this.updateSelectedItems(),e&&this.calciteChipGroupSelect.emit()}render(){let e=this.selectionMode==="none"||this.selectionMode==="multiple"?"group":"radiogroup",{disabled:s}=this;return this.interactiveContainer({disabled:s,children:o`<div .ariaLabel=${this.label} class="container" .role=${e}><slot @slotchange=${this.updateItems} ${h(this.slotRef)}></slot></div>`})}};p("calcite-chip-group",a);export{a as ChipGroup};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{l as r,u as s,v as i,y as o}from"./
|
|
2
|
+
import{l as r,u as s,v as i,y as o}from"./2EC36AEV.js";var u=s(class extends i{constructor(){super(...arguments),this.key=r}render(t,e){return this.key=t,e}update(t,[e,m]){return e!==this.key&&(o(t),this.key=e),m}});export{u as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{b as x}from"./
|
|
2
|
+
import{b as x}from"./3A6EH3OR.js";import{o as V}from"./MLNMNLH3.js";import{f as $}from"./2EC36AEV.js";var k=t=>t.split("-").map(U).join("");var U=t=>t.charAt(0).toUpperCase()+t.slice(1),A=t=>t.charAt(0).toLowerCase()+t.slice(1);var Z="randomUUID"in crypto;var L=["date","datetime-local","month","number","range","time","week"],T=["email","password","search","tel","text","url"],S=["email","password","search","tel","text","textarea","url"];function f(t,e,a,s){let r=a.toLowerCase(),l=t[a];s&&l!=null?e.setAttribute(r,`${l}`):e.removeAttribute(r)}function q(t,e,a){a.type=t;let s=L.includes(t),r=e;f(r,a,"min",s),f(r,a,"max",s),f(r,a,"step",s);let l=S.includes(t),o=e;f(o,a,"minLength",l),f(o,a,"maxLength",l);let u=T.includes(t);f(o,a,"pattern",u)}function R(t){let e=t==="textarea"?"text":t;return L.includes(e)||T.includes(e)||S.includes(e)}var j=["text","email","search","hidden","tel","url"],F=Object.freeze({validity:{},validationMessage:""});function P({component:t,input:e,value:a}){if(!Array.isArray(a)){if(t&&e.type==="radio"){let l=t.elementInternals.form?.elements.namedItem(t.name);if(l){let u=("length"in l?Array.from(l):[l]).filter(n=>n.tagName===t.el.tagName),M=u.some(n=>n.required),m=u.some(n=>n.checked),c=u.filter(n=>n!==t.el),g=M&&!m;e.required=!!g;let b=I(e.validity),i=e.validationMessage;c?.length>0&&c.forEach(n=>{g!==n.validity?.valueMissing&&n.setValidity&&n.setValidity(b,i)})}}return E(e,a)?F:{validity:I(e.validity),validationMessage:e.validationMessage}}if(j.includes(e.type))return E(e,a.join(","))?F:{validity:I(e.validity),validationMessage:e.validationMessage};let s={},r=[];for(let l of a)E(e,l)||(Object.assign(s,I(e.validity)),e.validationMessage&&r.push(e.validationMessage));return{validity:s,validationMessage:r.join("; ")}}function E(t,e){if(t.type==="file"){t.value="";let a=!e||e instanceof FileList&&e.length===0;return!t.required||!a}return t.value=e==null?"":String(e),t.validity.valid}function I(t){let e={};for(let a in t)a!=="valid"&&t[a]&&(e[a]=!0);return e}var N=["calcite-input","calcite-input-number","calcite-input-text","calcite-text-area"];function D(t){return`${A(k(t))}${N.includes(t)?"Input":"Change"}`}function Q(t){return"form"in t&&"name"in t&&V(t)}function z(t,{status:e,message:a,icon:s}){"status"in t&&(t.status=e),"validationIcon"in t&&typeof t.validationIcon!="string"&&(t.validationIcon=s),"validationMessage"in t&&!t.validationMessage&&(t.validationMessage=a)}function w(t,e){"status"in t&&(t.status="idle"),"validationIcon"in t&&(!t.validationIcon||t.validationIcon===!0)&&(t.validationIcon=!1),"validationMessage"in t&&t.validationMessage===e&&(t.validationMessage="")}function p(t,e){let{disabled:a,name:s,required:r}=t;e.disabled=a,e.name=s||"",e.required=!!r,y(t)?e.checked=t.checked:O(t,e)&&q(e.type,t,e)}function y(t){return"checked"in t}function O(t,e){return t&&R(e.type)}function G(t){let e=Array.from(t.elements);requestAnimationFrame(()=>{let a=e.filter(s=>s.matches("[status=invalid]")&&Q(s));for(let s of a)if(s.validationMessage){s.setFocus();break}})}var J=t=>x((e,a)=>{let s="",r,l=null,o=t.inputType;o&&(r=document.createElement("input"));function u(i){if(i.defaultPrevented)return;i.preventDefault();let n=i.currentTarget;G(n)}function M(){"status"in e&&(e.status="idle"),"validationIcon"in e&&(e.validationIcon=!1),"validationMessage"in e&&(e.validationMessage=""),y(e)&&(e.checked=e.defaultChecked),e.value=e.defaultValue}e.listen("luminaFormResetCallback",()=>{M()}),e.listen("luminaFormAssociatedCallback",({detail:[i]})=>{i?i.addEventListener("invalid",u,{capture:!0}):l?.removeEventListener("invalid",u,{capture:!0}),l=i});function m(){let i=s||r?.validationMessage||"";z(e,{message:i,icon:!0,status:"invalid"}),e.el.dispatchEvent(new CustomEvent("calciteInvalid",{bubbles:!0,composed:!0}));let n=D(e.el.tagName.toLowerCase());e.listen(n,()=>{if(w(e,i),r?.type==="radio"){let d=e.elementInternals.form?.elements.namedItem(e.name);if(d){let C=("length"in d?Array.from(d):[d]).filter(v=>v.tagName===e.el.tagName).filter(v=>v!==e.el);C?.length>0&&C.forEach(v=>{w(v)})}}},{once:!0})}a.onConnected(()=>{e.el.addEventListener("invalid",m)}),a.onDisconnected(()=>{e.el.removeEventListener("invalid",m)}),a.onUpdate(i=>{e.hasUpdated||(e.defaultValue=e.value,y(e)&&(e.defaultChecked=e.checked)),(i.has("name")||i.has("value")||y(e)&&i.has("checked"))&&e.elementInternals.setFormValue(b()),e.hasUpdated&&c()}),a.onLoaded(()=>c());function c(){let{disabled:i,elementInternals:n}=e,d={},h="";i||(r&&(r.type=o,p(e,r),{validity:d,validationMessage:h}=P({component:e,input:r,value:g()})),s&&(d={...d,customError:!0},h=s)),n.setValidity(d,h),"validity"in e&&$(()=>{e.validity=n.validity})}function g(){return t.getValue?t.getValue():e.value}function b(){let i=g();if(Array.isArray(i)||i instanceof FileList){let n=new FormData;for(let d of i)n.append(e.name,d);return n}return y(e)?e.checked?i||"on":null:i}return{get active(){return!!e.elementInternals.form},overrideDefaultValue:i=>{e.defaultValue=i},overrideInputType:i=>{o=i,c()},requestSubmit:()=>{e.elementInternals.form?.requestSubmit()},setCustomValidity:i=>{s=i,c()}}});export{z as a,w as b,J as c};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{b as o}from"./
|
|
2
|
+
import{b as o}from"./3A6EH3OR.js";import{F as r,h as i}from"./2EC36AEV.js";var l={container:"interaction-container"},d=({children:e,disabled:t})=>i`<div class=${r(l.container)} .inert=${t}>${e}</div>`,k=o((e,t)=>(t.onUpdated(()=>f(e)),d));function u(){let{disabled:e}=this;e||HTMLElement.prototype.click.call(this)}function a(e){e.target.disabled&&e.preventDefault()}var c=["mousedown","mouseup","click"];function s(e){e.target.disabled&&(e.stopImmediatePropagation(),e.preventDefault())}var n={capture:!0};function f(e){if(e.disabled){e.el.setAttribute("aria-disabled","true"),e.el.contains(document.activeElement)&&document.activeElement.blur(),v(e);return}m(e),e.el.removeAttribute("aria-disabled")}function v(e){e.el.click=u,b(e.el)}function b(e){e.addEventListener("pointerdown",a,n),c.forEach(t=>e.addEventListener(t,s,n))}function m(e){delete e.el.click,E(e.el)}function E(e){e.removeEventListener("pointerdown",a,n),c.forEach(t=>e.removeEventListener(t,s,n))}export{k as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as g}from"./Q24FQVQ4.js";import{a as u}from"./VI7SBYXT.js";import{E as h,F as l,R as m,g as d,h as a,p}from"./
|
|
2
|
+
import{a as g}from"./Q24FQVQ4.js";import{a as u}from"./VI7SBYXT.js";import{E as h,F as l,R as m,g as d,h as a,p}from"./2EC36AEV.js";var c={title:"title",firstTitle:"first-title",separator:"separator"},f=d`:host{display:block}.container{text-align:start}.title{margin-block-end:-1px;display:block;cursor:default;overflow-wrap:break-word;border-width:0px;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-dropdown-group-title-text-color, var(--calcite-color-text-1))}.separator{display:block;block-size:1px;background-color:var(--calcite-dropdown-group-border-color, var(--calcite-color-border-3))}:host([scale=s]){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm)}:host([scale=s]) .title{padding-block:var(--calcite-spacing-xxs);padding-inline:var(--calcite-spacing-sm)}:host([scale=s]) .first-title{padding-block-start:var(--calcite-spacing-sm)}:host([scale=s]) .separator{margin-block:var(--calcite-spacing-xxs);margin-inline:var(--calcite-spacing-sm)}:host([scale=m]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=m]) .title{padding-block:var(--calcite-spacing-sm);padding-inline:var(--calcite-spacing-md)}:host([scale=m]) .first-title{padding-block-start:var(--calcite-spacing-lg)}:host([scale=m]) .separator{margin-block:var(--calcite-spacing-sm);margin-inline:var(--calcite-spacing-md)}:host([scale=l]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host([scale=l]) .title{padding-block:var(--calcite-spacing-sm-plus);padding-inline:var(--calcite-spacing-lg)}:host([scale=l]) .first-title{padding-block-start:var(--calcite-spacing-xl)}:host([scale=l]) .separator{margin-block:var(--calcite-spacing-sm-plus);margin-inline:var(--calcite-spacing-lg)}:host([hidden]){display:none}[hidden]{display:none}`,o=class extends h{constructor(){super(),this.mutationObserver=u("mutation",()=>this.updateItems()),this.items=[],this.describedItems=new Set,this.currentItems=new Set,this.position=-1,this.scale="m",this.selectionMode="single",this.calciteInternalDropdownItemChange=p({cancelable:!1}),this.listen("calciteInternalDropdownItemSelect",this.updateActiveItemOnChange)}static{this.properties={groupTitle:[3,{},{reflect:!0}],position:[9,{},{type:Number}],scale:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}]}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=f}connectedCallback(){super.connectedCallback(),this.updateItems(),this.mutationObserver?.observe(this.el,{childList:!0})}willUpdate(e){e.has("selectionMode")&&(this.hasUpdated||this.selectionMode!=="single")&&this.updateItems()}updated(e){e.has("groupTitle")&&this.syncItemGroupDescriptions(this.getItems())}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.describedItems.forEach(e=>{e.ariaDescribedByElements=e.ariaDescribedByElements?.filter(s=>s!==this.el)??null}),this.describedItems.clear(),this.currentItems.clear(),this.items=[]}updateActiveItemOnChange(e){this.requestedDropdownGroup=e.detail.requestedDropdownGroup,this.requestedDropdownItem=e.detail.requestedDropdownItem,this.calciteInternalDropdownItemChange.emit({requestedDropdownGroup:this.requestedDropdownGroup,requestedDropdownItem:this.requestedDropdownItem})}updateItems(){let e=this.getItems();this.items=e,e.forEach(s=>{s.selectionMode=this.selectionMode}),this.syncItemGroupDescriptions(e)}getItems(){return Array.from(this.el.querySelectorAll("calcite-dropdown-item"))}syncItemGroupDescriptions(e=this.items){let s=this.groupTitle?this.el:null,i=this.currentItems;i.clear(),e.forEach(t=>i.add(t));let n=[];this.describedItems.forEach(t=>{i.has(t)||(t.ariaDescribedByElements=t.ariaDescribedByElements?.filter(r=>r!==this.el)??null,n.push(t))}),n.forEach(t=>this.describedItems.delete(t)),i.forEach(t=>{let r=t.ariaDescribedByElements?.filter(b=>b!==this.el)??[];t.ariaDescribedByElements=s?[...r,s]:r,this.describedItems.add(t)}),this.items=e}render(){let e=this.groupTitle?a`<span aria-hidden=true class=${l({[c.title]:!0,[c.firstTitle]:this.position===0})}>${this.groupTitle}</span>`:null,s=this.position>0?a`<div class=${l(c.separator)} role=separator></div>`:null;return this.el.ariaLabel=this.groupTitle??null,this.el.role="group",a`<div class=${l({[g.container]:!0})}>${s}${e}<slot></slot></div>`}};m("calcite-dropdown-group",o);export{o as DropdownGroup};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as v}from"./
|
|
2
|
+
import{a as v}from"./I4U2IHE2.js";import{a as m}from"./WZGJADMP.js";import{a as p}from"./JLWRAUEC.js";import"./ZWPNZ5XW.js";import{e as u}from"./3A6EH3OR.js";import"./MLNMNLH3.js";import{C as s,D as n,E as d,F as a,K as b,R as h,g as i,h as c,l as o}from"./2EC36AEV.js";var e={contentCell:"content-cell",numberCell:"number-cell",footerCell:"footer-cell",selectionCell:"selection-cell",selectedCell:"selected-cell",assistiveText:"assistive-text",lastCell:"last-cell",staticCell:"static-cell"},f=i`: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}.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}td{white-space:normal;text-align:start;vertical-align:middle;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(calc(-1 * var(--calcite-spacing-base)) * calc(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-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-color-foreground-2))}.number-cell.footer-cell{background-color:var(--calcite-table-number-cell-background-color, var(--calcite-table-cell-background-color, 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-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:.25rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,r=class extends d{constructor(){super(...arguments),this.containerRef=s(),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=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=${a({[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),[b.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} ${n(this.containerRef)}>${(this.selectionCell||this.readCellContentsToAT)&&c`<span .ariaLive=${this.focused?"polite":"off"} class=${a(e.assistiveText)}>${this.selectionCell&&this.selectionText||""}${this.readCellContentsToAT&&!this.selectionCell&&this.contentsText||""}</span>`||""}<slot @slotchange=${this.updateScreenReaderContentsText}></slot></td>`})}};h("calcite-table-cell",r);export{r as TableCell};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as z}from"./4XYLD5OP.js";import"./54ML5EPO.js";import{a as g}from"./35GQ3CAH.js";import{a as I}from"./KIYPLODD.js";import{a as w}from"./4JDRIYUR.js";import{a as d}from"./ZWPNZ5XW.js";import{e as A}from"./SJYKACM5.js";import{n as u,x as s}from"./O4OXMBNE.js";import{C as $,D as C,E as k,F as c,K as y,R as E,g as b,h as o,l as S,p as l}from"./P2Z26YAV.js";var h={actionsStart:"actions-start",actionsEnd:"actions-end",contentEnd:"content-end",contentStart:"content-start"},t={actionsEnd:"actions-end",actionsStart:"actions-start",content:"content",description:"description",expandIcon:"expand-icon",hasActions:"has-actions",header:"header",headerContainer:"header-container",headerContent:"header-content",headerText:"header-text",headerAppearance:r=>`header--${r}`,heading:"heading",icon:"icon",iconEnd:"icon--end",iconStart:"icon--start",iconPosition:r=>`icon-position--${r}`,iconType:r=>`icon-type--${r}`,item:"item",slotContentEnd:"slot-content-end",slotContentStart:"slot-content-start"},m={section:"section",sectionToggle:"section-toggle"},p={chevronDown:"chevronDown",caretDown:"caretDown",plus:"plus",minus:"minus"},H=b`.icon-position--end,.icon-position--start{--calcite-internal-accordion-item-icon-rotation: -90deg ;--calcite-internal-accordion-item-active-icon-rotation: 0deg;--calcite-internal-accordion-item-icon-rotation-rtl: 90deg;--calcite-internal-accordion-item-active-icon-rotation-rtl: 0deg}:host([scale=s]){--calcite-internal-accordion-item-action-slot-spacing: var(--calcite-spacing-xxs);--calcite-internal-accordion-item-description-font-size: var(--calcite-font-size--3)}:host([scale=m]){--calcite-internal-accordion-item-action-slot-spacing: var(--calcite-spacing-xxs);--calcite-internal-accordion-item-description-font-size: var(--calcite-font-size--2)}:host([scale=l]){--calcite-internal-accordion-item-action-slot-spacing: var(--calcite-spacing-xs);--calcite-internal-accordion-item-description-font-size: var(--calcite-font-size--1)}:host{position:relative;display:flex;flex-direction:column;text-decoration-line:none;color:var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-color-text-3)));background-color:var(--calcite-accordion-background-color, var(--calcite-accordion-item-background-color));border-width:0}:host .header{background-color:var(--calcite-accordion-item-header-background-color)}:host .header:hover{background-color:var(--calcite-internal-accordion-item-header-background-color-hover)}:host .header:active{background-color:var(--calcite-internal-accordion-item-header-background-color-press)}.header--solid{--calcite-internal-accordion-item-header-background-color-hover: var( --calcite-accordion-item-header-background-color-hover, var(--calcite-color-foreground-2) );--calcite-internal-accordion-item-header-background-color-press: var( --calcite-accordion-item-header-background-color-press, var(--calcite-color-foreground-3) )}.header--transparent{--calcite-internal-accordion-item-header-background-color-hover: var( --calcite-accordion-item-header-background-color-hover, var(--calcite-color-transparent-hover) );--calcite-internal-accordion-item-header-background-color-press: var( --calcite-accordion-item-header-background-color-press, var(--calcite-color-transparent-press) )}.icon-position--start{--calcite-internal-accordion-item-flex-direction: row-reverse;--calcite-internal-accordion-item-icon-spacing-start: 0;--calcite-internal-accordion-item-icon-spacing-end: var(--calcite-internal-accordion-icon-margin)}.icon-position--end{--calcite-internal-accordion-item-flex-direction: row;--calcite-internal-accordion-item-icon-spacing-start: var(--calcite-internal-accordion-icon-margin);--calcite-internal-accordion-item-icon-spacing-end: 0}.icon-position--end:not(.icon-type--plus-minus){--calcite-internal-accordion-item-icon-rotation: 0deg;--calcite-internal-accordion-item-active-icon-rotation: 180deg;--calcite-internal-accordion-item-icon-rotation-rtl: 0deg;--calcite-internal-accordion-item-active-icon-rotation-rtl: -180deg }.content,.header{border-block-end-width:var(--calcite-border-width-sm);border-block-end-style:solid;border-color:var(--calcite-accordion-border-color, var(--calcite-accordion-item-border-color, var(--calcite-color-border-2)))}.header-content{padding:var(--calcite-internal-accordion-item-padding, var(--calcite-internal-accordion-item-spacing-unit, .5rem .75rem));background:none;border:none;appearance:none;-webkit-appearance:none;box-shadow:none;outline:none;font-family:inherit}.content{padding:var(--calcite-accordion-item-content-space, var(--calcite-internal-accordion-item-padding, var(--calcite-internal-accordion-item-spacing-unit, .5rem .75rem)))}.header{display:flex;align-items:stretch}.header-content,.header-container,.header .actions-start,.header .actions-end{display:flex;align-items:center;transition-timing-function:cubic-bezier(.4,0,.2,1);overflow-wrap:break-word;word-break:break-word}.header .has-actions{gap:var(--calcite-internal-accordion-item-action-slot-spacing);padding-block:var(--calcite-internal-accordion-item-action-slot-spacing)}.header .actions-start.has-actions{padding-inline:var(--calcite-internal-accordion-item-action-slot-spacing) 0}.header .actions-end.has-actions{padding-inline:0 var(--calcite-internal-accordion-item-action-slot-spacing)}.header-content{flex-grow:1;cursor:pointer;outline-color:transparent;flex-direction:var(--calcite-internal-accordion-item-flex-direction);color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color, inherit))}.header-content:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.header-content:focus,.header-content:hover,.header-content:active{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-hover))}.header-content:focus .heading,.header-content:hover .heading,.header-content:active .heading{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-press))}.header-container{inline-size:100%}.slot-content-end{margin-inline-start:var(--calcite-internal-accordion-icon-margin)}.slot-content-start{margin-inline-end:var(--calcite-internal-accordion-icon-margin)}.header-text{margin-block:0px;flex-grow:1;flex-direction:column;padding-block:0px;text-align:initial;margin-inline-end:auto}.heading,.description{display:flex;inline-size:100%;line-height:var(--calcite-font-line-height-relative-snug)}.heading{margin:0;padding:0;font-weight:var(--calcite-font-weight-medium)}:host([scale=s]) .heading{font-size:var(--calcite-font-size--2)}:host([scale=m]) .heading{font-size:var(--calcite-font-size--1)}:host([scale=l]) .heading{font-size:var(--calcite-font-size-0)}.icon{display:flex;align-items:center;transition-timing-function:cubic-bezier(.4,0,.2,1);margin-inline-end:var(--calcite-internal-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-internal-accordion-item-icon-spacing-end)}.icon--start{color:var(--calcite-accordion-item-icon-color-start, var(--calcite-accordion-item-start-icon-color, var(--calcite-accordion-item-icon-color, var(--calcite-ui-icon-color, currentColor))));margin-inline-end:var(--calcite-internal-accordion-icon-margin)}.icon--end{color:var(--calcite-accordion-item-icon-color-end, var(--calcite-accordion-item-end-icon-color, var(--calcite-accordion-item-icon-color, var(--calcite-ui-icon-color, currentColor))));margin-inline-end:var(--calcite-internal-accordion-icon-margin);margin-inline-start:var(--calcite-internal-accordion-icon-margin)}.expand-icon{color:var(--calcite-accordion-item-expand-icon-color, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-color-text-3))));margin-inline-start:var(--calcite-internal-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-internal-accordion-item-icon-spacing-end);transform:rotate(var(--calcite-internal-accordion-item-icon-rotation))}.calcite--rtl .expand-icon{transform:rotate(var(--calcite-internal-accordion-item-icon-rotation-rtl))}.description{font-size:var(--calcite-internal-accordion-item-description-font-size)}.content{display:none;text-align:initial}:host(:not([expanded])) .heading{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-hover, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-1))));font-weight:var(--calcite-font-weight-normal)}:host([expanded]){color:var(--calcite-accordion-text-color-press, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-color-text-1))))}:host([expanded]) .header{border-block-end-color:transparent}:host([expanded]) .expand-icon{color:var(--calcite-accordion-item-expand-icon-color, var(--calcite-accordion-text-color-hover, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2))))));transform:rotate(var(--calcite-internal-accordion-item-active-icon-rotation))}:host([expanded]) .calcite--rtl .expand-icon{transform:rotate(var(--calcite-internal-accordion-item-active-icon-rotation-rtl))}:host([expanded]) .description{color:var(--calcite-accordion-text-color-hover, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2)))))}:host([expanded]) .content{display:block}@media(forced-colors:active){:host([expanded]) .header{border-block-end:none}:host([expanded]) .heading{font-weight:bolder}.header-content:hover .heading,.header-content:focus .heading{text-decoration:underline}}:host([hidden]){display:none}[hidden]{display:none}`,f=class extends k{constructor(){super(),this.direction=A(),this.headerRef=$(),this.focusSetter=w()(this),this.messages=I(),this.hasActionsEnd=!1,this.hasActionsStart=!1,this.hasContentEnd=!1,this.hasContentStart=!1,this.expanded=!1,this.calciteAccordionItemCollapse=l({cancelable:!1}),this.calciteAccordionItemExpand=l({cancelable:!1}),this.calciteInternalAccordionItemClose=l({cancelable:!1}),this.calciteInternalAccordionItemSelect=l({cancelable:!1}),this.listen("keydown",this.keyDownHandler),this.listenOn(document.body,"calciteInternalAccordionChange",this.updateActiveItemOnChange),this.listenOn(document,"calciteInternalAccordionItemsSync",this.accordionItemSyncHandler)}static{this.properties={hasActionsEnd:[16,{},{state:!0}],hasActionsStart:[16,{},{state:!0}],hasContentEnd:[16,{},{state:!0}],hasContentStart:[16,{},{state:!0}],description:1,expanded:[7,{},{reflect:!0,type:Boolean}],heading:1,iconEnd:[3,{},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],appearance:1,headingLevel:[11,{},{type:Number,reflect:!0}],iconPosition:1,iconStart:[3,{},{reflect:!0}],iconType:1,scale:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}]}}static{this.styles=H}async setFocus(e){return this.focusSetter(()=>this.headerRef.value,e)}willUpdate(e){e.has("expanded")&&this.hasUpdated&&(this.expanded?this.calciteAccordionItemExpand.emit():this.calciteAccordionItemCollapse.emit())}keyDownHandler(e){if(e.target===this.el)switch(e.key){case" ":case"Enter":this.emitRequestedItem(),e.preventDefault();break}}updateActiveItemOnChange(e){let[n]=e.composedPath(),a=u(this.el,"calcite-accordion");n===a&&(this.determineActiveItem(a.selectionMode,e.detail.requestedAccordionItem),e.stopPropagation())}accordionItemSyncHandler(e){let[n]=e.composedPath(),a=this.el;if(a.parentElement===n)return;let i=u(a,"calcite-accordion");n===i&&(this.appearance=i.appearance,this.iconPosition=i.iconPosition,this.iconType=i.iconType,this.scale=i.scale,e.stopPropagation())}handleActionsStartSlotChange(e){this.hasActionsStart=s(e)}handleActionsEndSlotChange(e){this.hasActionsEnd=s(e)}handleContentEndSlotChange(e){this.hasContentEnd=s(e)}handleContentStartSlotChange(e){this.hasContentStart=s(e)}itemHeaderClickHandler(){this.emitRequestedItem()}determineActiveItem(e,n){switch(e){case"multiple":this.el===n&&(this.expanded=!this.expanded);break;case"single":this.expanded=this.el===n?!this.expanded:!1;break;case"single-persist":this.expanded=this.el===n;break}}emitRequestedItem(){this.calciteInternalAccordionItemSelect.emit({requestedAccordionItem:this.el})}renderActionsStart(){let{hasActionsStart:e}=this;return o`<div class=${c({[t.actionsStart]:!0,[t.hasActions]:e})} .hidden=${!e}><slot name=${h.actionsStart} @slotchange=${this.handleActionsStartSlotChange}></slot></div>`}renderActionsEnd(){let{hasActionsEnd:e}=this;return o`<div class=${c({[t.actionsEnd]:!0,[t.hasActions]:e})} .hidden=${!e}><slot name=${h.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot></div>`}renderContentEnd(){return o`<div class=${c(t.slotContentEnd)} .hidden=${!this.hasContentEnd}><slot name=${h.contentEnd} @slotchange=${this.handleContentEndSlotChange}></slot></div>`}renderContentStart(){return o`<div class=${c(t.slotContentStart)} .hidden=${!this.hasContentStart}><slot name=${h.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot></div>`}render(){let{iconFlipRtl:e,heading:n,headingLevel:a,messages:v,expanded:i}=this,T=i?v.collapse:v.expand,D=this.iconStart?g("icon-start",o`<calcite-icon class=${c({[t.icon]:!0,[t.iconStart]:!0})} .flipRtl=${e==="both"||e==="start"} .icon=${this.iconStart} .scale=${d(this.scale)}></calcite-icon>`):null,P=this.iconEnd?g("icon-end",o`<calcite-icon class=${c({[t.iconEnd]:!0,[t.icon]:!0})} .flipRtl=${e==="both"||e==="end"} .icon=${this.iconEnd} .scale=${d(this.scale)}></calcite-icon>`):null,{description:x}=this;return o`<div class=${c({[t.iconPosition(this.iconPosition)]:!0,[t.iconType(this.iconType)]:!0})}><div class=${c({[t.header]:!0,[y.rtl]:this.direction==="rtl",[t.headerAppearance(this.appearance)]:!0})}>${this.renderActionsStart()}<button aria-controls=${m.section} .ariaExpanded=${i} class=${c(t.headerContent)} id=${m.sectionToggle} @click=${this.itemHeaderClickHandler} type=button ${C(this.headerRef)}><div class=${c(t.headerContainer)}>${this.renderContentStart()}${D}<div class=${c(t.headerText)}>${z({class:t.heading,level:a,children:n})}${x?o`<span class=${c(t.description)}>${x}</span>`:null}</div>${P}${this.renderContentEnd()}</div><calcite-icon class=${c(t.expandIcon)} .icon=${this.iconType==="chevron"?p.chevronDown:this.iconType==="caret"?p.caretDown:i?p.minus:p.plus} .scale=${d(this.scale)} title=${T??S}></calcite-icon></button>${this.renderActionsEnd()}</div><section aria-labelledby=${m.sectionToggle} class=${c(t.content)} id=${m.section}><slot></slot></section></div>`}};E("calcite-accordion-item",f);export{f as AccordionItem};
|
|
2
|
+
import{a as z}from"./2KCR4KAT.js";import"./L5Z6MAAX.js";import{a as g}from"./HI5EKYQN.js";import{a as I}from"./WZGJADMP.js";import{a as w}from"./JLWRAUEC.js";import{a as d}from"./ZWPNZ5XW.js";import{e as A}from"./3A6EH3OR.js";import{n as u,x as s}from"./MLNMNLH3.js";import{C as $,D as C,E as k,F as c,K as y,R as E,g as b,h as o,l as S,p as l}from"./2EC36AEV.js";var h={actionsStart:"actions-start",actionsEnd:"actions-end",contentEnd:"content-end",contentStart:"content-start"},t={actionsEnd:"actions-end",actionsStart:"actions-start",content:"content",description:"description",expandIcon:"expand-icon",hasActions:"has-actions",header:"header",headerContainer:"header-container",headerContent:"header-content",headerText:"header-text",headerAppearance:r=>`header--${r}`,heading:"heading",icon:"icon",iconEnd:"icon--end",iconStart:"icon--start",iconPosition:r=>`icon-position--${r}`,iconType:r=>`icon-type--${r}`,item:"item",slotContentEnd:"slot-content-end",slotContentStart:"slot-content-start"},m={section:"section",sectionToggle:"section-toggle"},p={chevronDown:"chevronDown",caretDown:"caretDown",plus:"plus",minus:"minus"},H=b`.icon-position--end,.icon-position--start{--calcite-internal-accordion-item-icon-rotation: -90deg ;--calcite-internal-accordion-item-active-icon-rotation: 0deg;--calcite-internal-accordion-item-icon-rotation-rtl: 90deg;--calcite-internal-accordion-item-active-icon-rotation-rtl: 0deg}:host([scale=s]){--calcite-internal-accordion-item-action-slot-spacing: var(--calcite-spacing-xxs);--calcite-internal-accordion-item-description-font-size: var(--calcite-font-size--3)}:host([scale=m]){--calcite-internal-accordion-item-action-slot-spacing: var(--calcite-spacing-xxs);--calcite-internal-accordion-item-description-font-size: var(--calcite-font-size--2)}:host([scale=l]){--calcite-internal-accordion-item-action-slot-spacing: var(--calcite-spacing-xs);--calcite-internal-accordion-item-description-font-size: var(--calcite-font-size--1)}:host{position:relative;display:flex;flex-direction:column;text-decoration-line:none;color:var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-color-text-3)));background-color:var(--calcite-accordion-background-color, var(--calcite-accordion-item-background-color));border-width:0}:host .header{background-color:var(--calcite-accordion-item-header-background-color)}:host .header:hover{background-color:var(--calcite-internal-accordion-item-header-background-color-hover)}:host .header:active{background-color:var(--calcite-internal-accordion-item-header-background-color-press)}.header--solid{--calcite-internal-accordion-item-header-background-color-hover: var( --calcite-accordion-item-header-background-color-hover, var(--calcite-color-foreground-2) );--calcite-internal-accordion-item-header-background-color-press: var( --calcite-accordion-item-header-background-color-press, var(--calcite-color-foreground-3) )}.header--transparent{--calcite-internal-accordion-item-header-background-color-hover: var( --calcite-accordion-item-header-background-color-hover, var(--calcite-color-transparent-hover) );--calcite-internal-accordion-item-header-background-color-press: var( --calcite-accordion-item-header-background-color-press, var(--calcite-color-transparent-press) )}.icon-position--start{--calcite-internal-accordion-item-flex-direction: row-reverse;--calcite-internal-accordion-item-icon-spacing-start: 0;--calcite-internal-accordion-item-icon-spacing-end: var(--calcite-internal-accordion-icon-margin)}.icon-position--end{--calcite-internal-accordion-item-flex-direction: row;--calcite-internal-accordion-item-icon-spacing-start: var(--calcite-internal-accordion-icon-margin);--calcite-internal-accordion-item-icon-spacing-end: 0}.icon-position--end:not(.icon-type--plus-minus){--calcite-internal-accordion-item-icon-rotation: 0deg;--calcite-internal-accordion-item-active-icon-rotation: 180deg;--calcite-internal-accordion-item-icon-rotation-rtl: 0deg;--calcite-internal-accordion-item-active-icon-rotation-rtl: -180deg }.content,.header{border-block-end-width:var(--calcite-border-width-sm);border-block-end-style:solid;border-color:var(--calcite-accordion-border-color, var(--calcite-accordion-item-border-color, var(--calcite-color-border-2)))}.header-content{padding:var(--calcite-internal-accordion-item-padding, var(--calcite-internal-accordion-item-spacing-unit, .5rem .75rem));background:none;border:none;appearance:none;-webkit-appearance:none;box-shadow:none;outline:none;font-family:inherit}.content{padding:var(--calcite-accordion-item-content-space, var(--calcite-internal-accordion-item-padding, var(--calcite-internal-accordion-item-spacing-unit, .5rem .75rem)))}.header{display:flex;align-items:stretch}.header-content,.header-container,.header .actions-start,.header .actions-end{display:flex;align-items:center;transition-timing-function:cubic-bezier(.4,0,.2,1);overflow-wrap:break-word;word-break:break-word}.header .has-actions{gap:var(--calcite-internal-accordion-item-action-slot-spacing);padding-block:var(--calcite-internal-accordion-item-action-slot-spacing)}.header .actions-start.has-actions{padding-inline:var(--calcite-internal-accordion-item-action-slot-spacing) 0}.header .actions-end.has-actions{padding-inline:0 var(--calcite-internal-accordion-item-action-slot-spacing)}.header-content{flex-grow:1;cursor:pointer;outline-color:transparent;flex-direction:var(--calcite-internal-accordion-item-flex-direction);color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color, inherit))}.header-content:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.header-content:focus,.header-content:hover,.header-content:active{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-hover))}.header-content:focus .heading,.header-content:hover .heading,.header-content:active .heading{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-press))}.header-container{inline-size:100%}.slot-content-end{margin-inline-start:var(--calcite-internal-accordion-icon-margin)}.slot-content-start{margin-inline-end:var(--calcite-internal-accordion-icon-margin)}.header-text{margin-block:0px;flex-grow:1;flex-direction:column;padding-block:0px;text-align:initial;margin-inline-end:auto}.heading,.description{display:flex;inline-size:100%;line-height:var(--calcite-font-line-height-relative-snug)}.heading{margin:0;padding:0;font-weight:var(--calcite-font-weight-medium)}:host([scale=s]) .heading{font-size:var(--calcite-font-size--2)}:host([scale=m]) .heading{font-size:var(--calcite-font-size--1)}:host([scale=l]) .heading{font-size:var(--calcite-font-size-0)}.icon{display:flex;align-items:center;transition-timing-function:cubic-bezier(.4,0,.2,1);margin-inline-end:var(--calcite-internal-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-internal-accordion-item-icon-spacing-end)}.icon--start{color:var(--calcite-accordion-item-icon-color-start, var(--calcite-accordion-item-start-icon-color, var(--calcite-accordion-item-icon-color, var(--calcite-ui-icon-color, currentColor))));margin-inline-end:var(--calcite-internal-accordion-icon-margin)}.icon--end{color:var(--calcite-accordion-item-icon-color-end, var(--calcite-accordion-item-end-icon-color, var(--calcite-accordion-item-icon-color, var(--calcite-ui-icon-color, currentColor))));margin-inline-end:var(--calcite-internal-accordion-icon-margin);margin-inline-start:var(--calcite-internal-accordion-icon-margin)}.expand-icon{color:var(--calcite-accordion-item-expand-icon-color, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-color-text-3))));margin-inline-start:var(--calcite-internal-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-internal-accordion-item-icon-spacing-end);transform:rotate(var(--calcite-internal-accordion-item-icon-rotation))}.calcite--rtl .expand-icon{transform:rotate(var(--calcite-internal-accordion-item-icon-rotation-rtl))}.description{font-size:var(--calcite-internal-accordion-item-description-font-size)}.content{display:none;text-align:initial}:host(:not([expanded])) .heading{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-hover, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-1))));font-weight:var(--calcite-font-weight-normal)}:host([expanded]){color:var(--calcite-accordion-text-color-press, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-color-text-1))))}:host([expanded]) .header{border-block-end-color:transparent}:host([expanded]) .expand-icon{color:var(--calcite-accordion-item-expand-icon-color, var(--calcite-accordion-text-color-hover, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2))))));transform:rotate(var(--calcite-internal-accordion-item-active-icon-rotation))}:host([expanded]) .calcite--rtl .expand-icon{transform:rotate(var(--calcite-internal-accordion-item-active-icon-rotation-rtl))}:host([expanded]) .description{color:var(--calcite-accordion-text-color-hover, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2)))))}:host([expanded]) .content{display:block}@media(forced-colors:active){:host([expanded]) .header{border-block-end:none}:host([expanded]) .heading{font-weight:bolder}.header-content:hover .heading,.header-content:focus .heading{text-decoration:underline}}:host([hidden]){display:none}[hidden]{display:none}`,f=class extends k{constructor(){super(),this.direction=A(),this.headerRef=$(),this.focusSetter=w()(this),this.messages=I(),this.hasActionsEnd=!1,this.hasActionsStart=!1,this.hasContentEnd=!1,this.hasContentStart=!1,this.expanded=!1,this.calciteAccordionItemCollapse=l({cancelable:!1}),this.calciteAccordionItemExpand=l({cancelable:!1}),this.calciteInternalAccordionItemClose=l({cancelable:!1}),this.calciteInternalAccordionItemSelect=l({cancelable:!1}),this.listen("keydown",this.keyDownHandler),this.listenOn(document.body,"calciteInternalAccordionChange",this.updateActiveItemOnChange),this.listenOn(document,"calciteInternalAccordionItemsSync",this.accordionItemSyncHandler)}static{this.properties={hasActionsEnd:[16,{},{state:!0}],hasActionsStart:[16,{},{state:!0}],hasContentEnd:[16,{},{state:!0}],hasContentStart:[16,{},{state:!0}],description:1,expanded:[7,{},{reflect:!0,type:Boolean}],heading:1,iconEnd:[3,{},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],appearance:1,headingLevel:[11,{},{type:Number,reflect:!0}],iconPosition:1,iconStart:[3,{},{reflect:!0}],iconType:1,scale:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}]}}static{this.styles=H}async setFocus(e){return this.focusSetter(()=>this.headerRef.value,e)}willUpdate(e){e.has("expanded")&&this.hasUpdated&&(this.expanded?this.calciteAccordionItemExpand.emit():this.calciteAccordionItemCollapse.emit())}keyDownHandler(e){if(e.target===this.el)switch(e.key){case" ":case"Enter":this.emitRequestedItem(),e.preventDefault();break}}updateActiveItemOnChange(e){let[n]=e.composedPath(),a=u(this.el,"calcite-accordion");n===a&&(this.determineActiveItem(a.selectionMode,e.detail.requestedAccordionItem),e.stopPropagation())}accordionItemSyncHandler(e){let[n]=e.composedPath(),a=this.el;if(a.parentElement===n)return;let i=u(a,"calcite-accordion");n===i&&(this.appearance=i.appearance,this.iconPosition=i.iconPosition,this.iconType=i.iconType,this.scale=i.scale,e.stopPropagation())}handleActionsStartSlotChange(e){this.hasActionsStart=s(e)}handleActionsEndSlotChange(e){this.hasActionsEnd=s(e)}handleContentEndSlotChange(e){this.hasContentEnd=s(e)}handleContentStartSlotChange(e){this.hasContentStart=s(e)}itemHeaderClickHandler(){this.emitRequestedItem()}determineActiveItem(e,n){switch(e){case"multiple":this.el===n&&(this.expanded=!this.expanded);break;case"single":this.expanded=this.el===n?!this.expanded:!1;break;case"single-persist":this.expanded=this.el===n;break}}emitRequestedItem(){this.calciteInternalAccordionItemSelect.emit({requestedAccordionItem:this.el})}renderActionsStart(){let{hasActionsStart:e}=this;return o`<div class=${c({[t.actionsStart]:!0,[t.hasActions]:e})} .hidden=${!e}><slot name=${h.actionsStart} @slotchange=${this.handleActionsStartSlotChange}></slot></div>`}renderActionsEnd(){let{hasActionsEnd:e}=this;return o`<div class=${c({[t.actionsEnd]:!0,[t.hasActions]:e})} .hidden=${!e}><slot name=${h.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot></div>`}renderContentEnd(){return o`<div class=${c(t.slotContentEnd)} .hidden=${!this.hasContentEnd}><slot name=${h.contentEnd} @slotchange=${this.handleContentEndSlotChange}></slot></div>`}renderContentStart(){return o`<div class=${c(t.slotContentStart)} .hidden=${!this.hasContentStart}><slot name=${h.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot></div>`}render(){let{iconFlipRtl:e,heading:n,headingLevel:a,messages:v,expanded:i}=this,T=i?v.collapse:v.expand,D=this.iconStart?g("icon-start",o`<calcite-icon class=${c({[t.icon]:!0,[t.iconStart]:!0})} .flipRtl=${e==="both"||e==="start"} .icon=${this.iconStart} .scale=${d(this.scale)}></calcite-icon>`):null,P=this.iconEnd?g("icon-end",o`<calcite-icon class=${c({[t.iconEnd]:!0,[t.icon]:!0})} .flipRtl=${e==="both"||e==="end"} .icon=${this.iconEnd} .scale=${d(this.scale)}></calcite-icon>`):null,{description:x}=this;return o`<div class=${c({[t.iconPosition(this.iconPosition)]:!0,[t.iconType(this.iconType)]:!0})}><div class=${c({[t.header]:!0,[y.rtl]:this.direction==="rtl",[t.headerAppearance(this.appearance)]:!0})}>${this.renderActionsStart()}<button aria-controls=${m.section} .ariaExpanded=${i} class=${c(t.headerContent)} id=${m.sectionToggle} @click=${this.itemHeaderClickHandler} type=button ${C(this.headerRef)}><div class=${c(t.headerContainer)}>${this.renderContentStart()}${D}<div class=${c(t.headerText)}>${z({class:t.heading,level:a,children:n})}${x?o`<span class=${c(t.description)}>${x}</span>`:null}</div>${P}${this.renderContentEnd()}</div><calcite-icon class=${c(t.expandIcon)} .icon=${this.iconType==="chevron"?p.chevronDown:this.iconType==="caret"?p.caretDown:i?p.minus:p.plus} .scale=${d(this.scale)} title=${T??S}></calcite-icon></button>${this.renderActionsEnd()}</div><section aria-labelledby=${m.sectionToggle} class=${c(t.content)} id=${m.section}><slot></slot></section></div>`}};E("calcite-accordion-item",f);export{f as AccordionItem};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{c as l}from"./ZWPNZ5XW.js";import{b as s}from"./
|
|
2
|
+
import{c as l}from"./ZWPNZ5XW.js";import{b as s}from"./3A6EH3OR.js";import{j as u,p as a}from"./MLNMNLH3.js";var L=()=>s((e,n)=>{let t;function r(){t?.abort()}return n.onLoad(()=>{e.listen("focus",()=>{t=new AbortController,e.el.addEventListener("focusout",r,{signal:t.signal})})}),n.onDisconnected(()=>{e.el.removeEventListener("focusout",r)}),async(c,d)=>{if(e.disabled)return;let o=E(c());if(!o)return;let{target:f,includeContainer:v,strategy:C}=o,i=u(e.el),g=i.activeElement;if(await l(e),!(g!==i.activeElement||t&&!t?.signal.aborted))return e.el.removeEventListener("focus",r),a(f,v,C,e.el,d)}});function m(e){return"target"in e&&("includeContainer"in e||"strategy"in e)}function E(e){if(e)return m(e)?e:{target:e}}export{L as a};
|