@esri/calcite-components 6.0.0-next.2 → 6.0.0-next.21
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/README.md +1 -1
- package/dist/cdn/{MEWOQUB3.js → 223W6LE6.js} +1 -1
- package/dist/cdn/{KE3GJVSQ.js → 22NLVRMQ.js} +1 -1
- package/dist/cdn/{IHGUGSQZ.js → 2HKTQKIH.js} +1 -1
- package/dist/cdn/{KOVKQZ54.js → 2LTNE2J4.js} +1 -1
- package/dist/cdn/{MSTEJZOI.js → 2OD2MGWV.js} +1 -1
- package/dist/cdn/{S7LNFWY3.js → 3AFFJLVY.js} +1 -1
- package/dist/cdn/{W2W3CKTH.js → 3PSQ2R35.js} +1 -1
- package/dist/cdn/3VLS6XUS.js +2 -0
- package/dist/cdn/43QGZQHO.js +2 -0
- package/dist/cdn/{273FNCX2.js → 4F4R7KYO.js} +1 -1
- package/dist/cdn/4PMDXBZR.js +2 -0
- package/dist/cdn/4QDQG26I.js +2 -0
- package/dist/cdn/{JIIKBJJW.js → 5D2NEYZW.js} +1 -1
- package/dist/cdn/5VOEKVT2.js +2 -0
- package/dist/cdn/{M3FI5WF2.js → 6F7UYHW2.js} +1 -1
- package/dist/cdn/{XDGVGNRC.js → 6FZVJGKC.js} +1 -1
- package/dist/cdn/6JMUIF4F.js +2 -0
- package/dist/cdn/6MDH7C4R.js +2 -0
- package/dist/cdn/6MLPV6EV.js +2 -0
- package/dist/cdn/{WQKFWH55.js → 6OWCAUN5.js} +1 -1
- package/dist/cdn/{7YEZVXC4.js → 6RCNPDD6.js} +1 -1
- package/dist/cdn/6VJGGSVT.js +2 -0
- package/dist/cdn/75JI65U7.js +2 -0
- package/dist/cdn/7DJKJGW5.js +2 -0
- package/dist/cdn/7FL7AGSC.js +2 -0
- package/dist/cdn/{6KYJOPZY.js → 7SDW6CJN.js} +1 -1
- package/dist/cdn/7ST7F4C6.js +2 -0
- package/dist/cdn/{DPRLR4WC.js → 7XS2SBMV.js} +1 -1
- package/dist/cdn/{KCDRJSQ5.js → A3EJHPRO.js} +1 -1
- package/dist/cdn/AQIXRNUC.js +2 -0
- package/dist/cdn/{NBOTH5XL.js → ASXRP7XI.js} +1 -1
- package/dist/cdn/{KRVMZWGR.js → AU5A2EFG.js} +1 -1
- package/dist/cdn/{2DSTJBKW.js → B2ZZAOVP.js} +1 -1
- package/dist/cdn/{66U3YQAK.js → B3GZC5K2.js} +1 -1
- package/dist/cdn/{BWWSTZBC.js → B5PAE7GA.js} +1 -1
- package/dist/cdn/{72VQX4HV.js → B7DJSTXM.js} +1 -1
- package/dist/cdn/{NY4HO46K.js → BBSSYLOF.js} +1 -1
- package/dist/cdn/{NM4JGNN2.js → BCXJAK2Y.js} +1 -1
- package/dist/cdn/{U7YCVXZ3.js → BJAWDVEF.js} +1 -1
- package/dist/cdn/C3ZPJCLV.js +2 -0
- package/dist/cdn/{QQJAAD4D.js → C75XSIWC.js} +1 -1
- package/dist/cdn/CGISL4IE.js +4 -0
- package/dist/cdn/CMLT3S3M.js +2 -0
- package/dist/cdn/D2N5YVPZ.js +2 -0
- package/dist/cdn/{K4PBH6SD.js → DBN7UMVW.js} +1 -1
- package/dist/cdn/{UE76JFYY.js → DOIHMBBW.js} +1 -1
- package/dist/cdn/{737AN2CX.js → DQIUIZK3.js} +1 -1
- package/dist/cdn/{77QBHZFJ.js → E5ZW7EOD.js} +1 -1
- package/dist/cdn/{NAJMABPV.js → EQNCSPGY.js} +1 -1
- package/dist/cdn/EW44NU73.js +2 -0
- package/dist/cdn/EZGSGKNY.js +2 -0
- package/dist/cdn/{KAADRWY5.js → F3VMM64Y.js} +1 -1
- package/dist/cdn/F4YSIPQB.js +2 -0
- package/dist/cdn/{4XVKHJ2X.js → F5ITNV4F.js} +1 -1
- package/dist/cdn/{SODPWZHI.js → FHGPRD2I.js} +1 -1
- package/dist/cdn/{SXAW7MNS.js → FR6PIDS2.js} +1 -1
- package/dist/cdn/{B6T5RNLF.js → FUGQDG25.js} +1 -1
- package/dist/cdn/{ALDTCMFW.js → FZSYHFGG.js} +1 -1
- package/dist/cdn/G2LFTHKB.js +2 -0
- package/dist/cdn/{2M4ETWZU.js → G4SOANDF.js} +1 -1
- package/dist/cdn/{3CCUB4RN.js → GJ6QA72Q.js} +1 -1
- package/dist/cdn/GODDGRIM.js +2 -0
- package/dist/cdn/GPUDVETJ.js +2 -0
- package/dist/cdn/H2O6BNXL.js +2 -0
- package/dist/cdn/{G5CKYQMY.js → H7ROXLJZ.js} +1 -1
- package/dist/cdn/{LVU4SIXV.js → HASKZEWS.js} +1 -1
- package/dist/cdn/{XKHMRAUY.js → HBWRRDGG.js} +1 -1
- package/dist/cdn/{WMSWABKA.js → HC3X32YH.js} +1 -1
- package/dist/cdn/{ZDSVHHRM.js → HJHRSII7.js} +1 -1
- package/dist/cdn/{G7RVPH4C.js → HKXJXU7S.js} +1 -1
- package/dist/cdn/{NRDEJY44.js → HNNJVH5N.js} +1 -1
- package/dist/cdn/HSFPIQ3V.js +2 -0
- package/dist/cdn/HW4P4F3W.js +2 -0
- package/dist/cdn/I2CMQFSF.js +2 -0
- package/dist/cdn/ICZPODAW.js +2 -0
- package/dist/cdn/{HHUWPN3A.js → IHXI4OLW.js} +1 -1
- package/dist/cdn/{SIYPJMXG.js → IJEMAAHD.js} +1 -1
- package/dist/cdn/{T6FDJHAC.js → IKOX73E3.js} +1 -1
- package/dist/cdn/{2ZGOGJF6.js → IR2A2F5H.js} +1 -1
- package/dist/cdn/{WHGMG5VX.js → IXNMS7HW.js} +1 -1
- package/dist/cdn/{L52YMQCF.js → J2OH4U4P.js} +1 -1
- package/dist/cdn/JAARPQK6.js +2 -0
- package/dist/cdn/{XHNFLVLS.js → JFRCQM7E.js} +1 -1
- package/dist/cdn/{MKQQ4JY5.js → JHA7GYWD.js} +1 -1
- package/dist/cdn/{XPSSVDAR.js → JHKU2OVH.js} +1 -1
- package/dist/cdn/{WIHQLE5T.js → JHYK73LU.js} +1 -1
- package/dist/cdn/K477JM2I.js +2 -0
- package/dist/cdn/{YWJV2ZJH.js → K4N2EM4F.js} +1 -1
- package/dist/cdn/KKFGIVD6.js +2 -0
- package/dist/cdn/{FMBZL2MH.js → KKMSYRNB.js} +1 -1
- package/dist/cdn/{KHJVFQLY.js → KOQXT3EG.js} +1 -1
- package/dist/cdn/{CEXDJV3D.js → KULOWW3X.js} +1 -1
- package/dist/cdn/KZ6E3NTF.js +2 -0
- package/dist/cdn/L7FWJRGX.js +2 -0
- package/dist/cdn/{GXSJJCPQ.js → LDFXQ6WC.js} +1 -1
- package/dist/cdn/LHAL2DLD.js +2 -0
- package/dist/cdn/LIPIKH5W.js +2 -0
- package/dist/cdn/LN335X64.js +4 -0
- package/dist/cdn/LXTMJSEZ.js +2 -0
- package/dist/cdn/LZ2LNBCJ.js +2 -0
- package/dist/cdn/{4RK2IZYL.js → LZPLASEQ.js} +1 -1
- package/dist/cdn/{SKGY35V6.js → M2FNO345.js} +1 -1
- package/dist/cdn/{LPAMEVHT.js → MBBKKJ5T.js} +1 -1
- package/dist/cdn/MGROSAVF.js +2 -0
- package/dist/cdn/{NPSRHHXM.js → MQPN6RWU.js} +1 -1
- package/dist/cdn/{7IAXXX5I.js → MU2SEDNK.js} +1 -1
- package/dist/cdn/{5ZMT3SCL.js → N2LSFCQB.js} +1 -1
- package/dist/cdn/{YF7W5TNY.js → NO3H5PAJ.js} +1 -1
- package/dist/cdn/{GRW5KE52.js → NPJNPZL6.js} +1 -1
- package/dist/cdn/{V2KL5GNR.js → OD6OIPUQ.js} +1 -1
- package/dist/cdn/{LHJS25PA.js → ODU6JYNH.js} +1 -1
- package/dist/cdn/{XOFZSKJF.js → OKXA6BGH.js} +1 -1
- package/dist/cdn/OM67I5OV.js +2 -0
- package/dist/cdn/{2FAOL3TJ.js → ORIJJUN7.js} +1 -1
- package/dist/cdn/{CTFG7BKR.js → OS5XNQXP.js} +1 -1
- package/dist/cdn/OSPSMXCW.js +2 -0
- package/dist/cdn/OTPWDYWR.js +2 -0
- package/dist/cdn/OUGIMZJ3.js +2 -0
- package/dist/cdn/{TT36J74O.js → PPYGAB7T.js} +1 -1
- package/dist/cdn/PWBG4GRR.js +2 -0
- package/dist/cdn/{A4NOGVP7.js → QAGTFRK3.js} +1 -1
- package/dist/cdn/QEH5EF5E.js +2 -0
- package/dist/cdn/QKPAKLKF.js +2 -0
- package/dist/cdn/QMIMGMQN.js +2 -0
- package/dist/cdn/QRX37DPF.js +2 -0
- package/dist/cdn/R2VBTLA2.js +2 -0
- package/dist/cdn/RMLOWP7Y.js +2 -0
- package/dist/cdn/RQ6NCXDH.js +2 -0
- package/dist/cdn/{4SPWA3PB.js → SBISOJF7.js} +1 -1
- package/dist/cdn/SBUMSDIR.js +2 -0
- package/dist/cdn/{XWKUAYS3.js → SDU4R5MI.js} +1 -1
- package/dist/cdn/{O6FVXXVE.js → SFVWKI2W.js} +1 -1
- package/dist/cdn/SGTG3MOD.js +2 -0
- package/dist/cdn/SNF66L2P.js +2 -0
- package/dist/cdn/{YKOI3XVI.js → SRUYXOUG.js} +1 -1
- package/dist/cdn/{QKYO5KKT.js → TBUK6ANU.js} +1 -1
- package/dist/cdn/{QLYXW2TH.js → TFJWBIPL.js} +1 -1
- package/dist/cdn/{II4VOTYZ.js → TGZUPIPO.js} +1 -1
- package/dist/cdn/{AYRJ7NYC.js → TJGNWJF6.js} +1 -1
- package/dist/cdn/{AJUUWTFC.js → TYD3ZYJS.js} +1 -1
- package/dist/cdn/{DAT73NDQ.js → URNCCFR6.js} +1 -1
- package/dist/cdn/{YSW3EMMW.js → UTXN6YZB.js} +1 -1
- package/dist/cdn/V4A427UR.js +2 -0
- package/dist/cdn/V6ZD6HFR.js +2 -0
- package/dist/cdn/{CWBXU2F7.js → VIZJ6UPN.js} +1 -1
- package/dist/cdn/{KWWA7UIP.js → VKVBCBSQ.js} +1 -1
- package/dist/cdn/{N2LW56CP.js → VP2UDP6C.js} +1 -1
- package/dist/cdn/W2J4OI23.js +2 -0
- package/dist/cdn/{GGNXTSYK.js → W4CTQLKO.js} +1 -1
- package/dist/cdn/{CITN3SES.js → W6STXL5X.js} +1 -1
- package/dist/cdn/WIZBEODG.js +2 -0
- package/dist/cdn/WTNYMVTD.js +2 -0
- package/dist/cdn/WU43O4ZF.js +2 -0
- package/dist/cdn/XEDZEFWH.js +2 -0
- package/dist/cdn/XGLOX3EZ.js +20 -0
- package/dist/cdn/XI3D2ECF.js +2 -0
- package/dist/cdn/XI533FAA.js +2 -0
- package/dist/cdn/{ECJJHTCC.js → XIERF7M3.js} +1 -1
- package/dist/cdn/{UOBTIKWI.js → XTNNNHIS.js} +1 -1
- package/dist/cdn/{RUGBI54D.js → XY2NGASJ.js} +1 -1
- package/dist/cdn/XY34NDQR.js +2 -0
- package/dist/cdn/{NBJ5NTDK.js → Y5ASPAXE.js} +1 -1
- package/dist/cdn/YEUH5SYT.js +2 -0
- package/dist/cdn/YPASF5LY.js +2 -0
- package/dist/cdn/YSK6HDBM.js +2 -0
- package/dist/cdn/{D6ZKUE5D.js → YTGZHSPZ.js} +1 -1
- package/dist/cdn/{DYQWA4UX.js → Z2PB4F6G.js} +1 -1
- package/dist/cdn/ZCTSWGAB.js +2 -0
- package/dist/cdn/ZEM2IGDH.js +2 -0
- package/dist/cdn/ZILQK6FI.js +2 -0
- package/dist/cdn/{JXF6UBUW.js → ZK26QW47.js} +1 -1
- package/dist/cdn/{AULZNBSL.js → ZRPWJAOA.js} +1 -1
- package/dist/cdn/ZTNUSBAC.js +2 -0
- package/dist/cdn/ZWBJR6K4.js +2 -0
- package/dist/cdn/assets/icon/spaceBetweenHorizontal16.json +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/cdn/main.css +1 -1
- package/dist/chunks/aria.js +5 -0
- package/dist/chunks/dom.js +6 -16
- package/dist/chunks/resources.js +1 -1
- package/dist/chunks/resources10.js +6 -56
- package/dist/chunks/resources11.js +21 -5
- package/dist/chunks/resources12.js +1 -1
- package/dist/chunks/resources13.js +1 -1
- package/dist/chunks/resources15.js +2 -3
- package/dist/chunks/resources17.js +1 -1
- package/dist/chunks/resources18.js +1 -1
- package/dist/chunks/resources2.js +18 -22
- package/dist/chunks/resources20.js +1 -1
- package/dist/chunks/resources21.js +1 -1
- package/dist/chunks/resources22.js +1 -1
- package/dist/chunks/resources23.js +1 -1
- package/dist/chunks/resources24.js +1 -1
- package/dist/chunks/resources25.js +1 -1
- package/dist/chunks/resources26.js +1 -1
- package/dist/chunks/resources27.js +1 -1
- package/dist/chunks/resources28.js +1 -1
- package/dist/chunks/resources29.js +1 -1
- package/dist/chunks/resources3.js +20 -18
- package/dist/chunks/resources30.js +1 -1
- package/dist/chunks/resources31.js +1 -1
- package/dist/chunks/resources32.js +1 -2
- package/dist/chunks/resources33.js +1 -1
- package/dist/chunks/resources34.js +1 -1
- package/dist/chunks/resources4.js +9 -19
- package/dist/chunks/resources5.js +19 -7
- package/dist/chunks/resources6.js +39 -13
- package/dist/chunks/resources7.js +20 -38
- package/dist/chunks/resources8.js +23 -21
- package/dist/chunks/resources9.js +52 -27
- package/dist/chunks/responsive.js +1 -1
- package/dist/chunks/runtime.js +4 -4
- package/dist/chunks/sortable.js +1 -1
- package/dist/chunks/useForm.js +1 -1
- package/dist/chunks/useSizeOverride.js +2 -2
- package/dist/chunks/utils.js +1 -1
- package/dist/chunks/utils3.js +1 -1
- package/dist/chunks/utils4.js +1 -1
- package/dist/components/calcite-accordion/customElement.js +1 -1
- package/dist/components/calcite-accordion-item/customElement.js +1 -1
- package/dist/components/calcite-action/customElement.js +2 -2
- package/dist/components/calcite-action-bar/customElement.js +45 -14
- package/dist/components/calcite-action-group/customElement.js +3 -3
- package/dist/components/calcite-action-menu/customElement.js +3 -3
- package/dist/components/calcite-alert/customElement.js +2 -2
- package/dist/components/calcite-autocomplete/customElement.js +8 -8
- package/dist/components/calcite-autocomplete-item/customElement.js +2 -2
- package/dist/components/calcite-autocomplete-item-group/customElement.js +3 -3
- package/dist/components/calcite-avatar/customElement.js +1 -1
- package/dist/components/calcite-block/customElement.d.ts +0 -35
- package/dist/components/calcite-block/customElement.js +3 -32
- package/dist/components/calcite-block/index.js +1 -1
- package/dist/components/calcite-block-group/customElement.d.ts +0 -7
- package/dist/components/calcite-block-group/customElement.js +3 -4
- package/dist/components/calcite-button/customElement.d.ts +3 -1
- package/dist/components/calcite-button/customElement.js +4 -4
- package/dist/components/calcite-card/customElement.js +1 -1
- package/dist/components/calcite-card-group/customElement.js +1 -1
- package/dist/components/calcite-checkbox/customElement.js +1 -1
- package/dist/components/calcite-chip/customElement.js +1 -1
- package/dist/components/calcite-chip-group/customElement.js +1 -1
- package/dist/components/calcite-combobox/customElement.js +3 -3
- package/dist/components/calcite-combobox-item/customElement.js +1 -1
- package/dist/components/calcite-date-picker/customElement.js +1 -1
- package/dist/components/calcite-date-picker-day/customElement.js +1 -1
- package/dist/components/calcite-date-picker-month/customElement.js +1 -1
- package/dist/components/calcite-date-picker-month-header/customElement.js +2 -2
- package/dist/components/calcite-dialog/customElement.d.ts +3 -1
- package/dist/components/calcite-dialog/customElement.js +6 -5
- package/dist/components/calcite-dropdown/customElement.d.ts +2 -4
- package/dist/components/calcite-dropdown/customElement.js +2 -2
- package/dist/components/calcite-dropdown-group/customElement.js +1 -1
- package/dist/components/calcite-dropdown-item/customElement.js +1 -1
- package/dist/components/calcite-filter/customElement.js +1 -1
- package/dist/components/calcite-flow/customElement.js +1 -1
- package/dist/components/calcite-graph/customElement.js +1 -1
- package/dist/components/calcite-input/customElement.js +1 -1
- package/dist/components/calcite-input-date-picker/customElement.js +1 -1
- package/dist/components/calcite-input-message/customElement.d.ts +1 -4
- package/dist/components/calcite-input-number/customElement.js +1 -1
- package/dist/components/calcite-input-text/customElement.js +1 -1
- package/dist/components/calcite-input-time-picker/customElement.js +2 -2
- package/dist/components/calcite-input-time-zone/customElement.js +1 -1
- package/dist/components/calcite-label/customElement.d.ts +1 -3
- package/dist/components/calcite-label/customElement.js +1 -1
- package/dist/components/calcite-link/customElement.js +1 -1
- package/dist/components/calcite-list/customElement.d.ts +1 -8
- package/dist/components/calcite-list/customElement.js +1 -2
- package/dist/components/calcite-list/index.js +1 -1
- package/dist/components/calcite-list-item/customElement.js +1 -1
- package/dist/components/calcite-menu/customElement.js +1 -1
- package/dist/components/calcite-menu-item/customElement.js +1 -1
- package/dist/components/calcite-meter/customElement.js +2 -2
- package/dist/components/calcite-navigation/customElement.js +2 -2
- package/dist/components/calcite-navigation-logo/customElement.js +1 -1
- package/dist/components/calcite-navigation-user/customElement.js +1 -1
- package/dist/components/calcite-notice/customElement.d.ts +1 -3
- package/dist/components/calcite-notice/customElement.js +2 -2
- package/dist/components/calcite-pagination/customElement.js +1 -1
- package/dist/components/calcite-panel/customElement.js +3 -3
- package/dist/components/calcite-popover/customElement.d.ts +2 -4
- package/dist/components/calcite-popover/customElement.js +1 -1
- package/dist/components/calcite-progress/customElement.js +1 -1
- package/dist/components/calcite-radio-button/customElement.js +1 -1
- package/dist/components/calcite-rating/customElement.js +7 -7
- package/dist/components/calcite-segmented-control/customElement.d.ts +0 -2
- package/dist/components/calcite-segmented-control/customElement.js +1 -1
- package/dist/components/calcite-segmented-control-item/customElement.js +1 -1
- package/dist/components/calcite-select/customElement.d.ts +1 -3
- package/dist/components/calcite-select/customElement.js +2 -2
- package/dist/components/calcite-shell/customElement.js +4 -2
- package/dist/components/calcite-shell-panel/customElement.d.ts +5 -6
- package/dist/components/calcite-shell-panel/customElement.js +9 -1
- package/dist/components/calcite-shell-panel/types.d.ts +1 -1
- package/dist/components/calcite-slider/customElement.js +2 -2
- package/dist/components/calcite-split-button/customElement.d.ts +1 -3
- package/dist/components/calcite-split-button/customElement.js +1 -1
- package/dist/components/calcite-stack/customElement.js +1 -1
- package/dist/components/calcite-stepper-item/customElement.js +1 -1
- package/dist/components/calcite-swatch/customElement.js +1 -1
- package/dist/components/calcite-switch/customElement.js +1 -1
- package/dist/components/calcite-tab/customElement.js +1 -1
- package/dist/components/calcite-tab-nav/customElement.js +1 -1
- package/dist/components/calcite-tab-title/customElement.js +1 -1
- package/dist/components/calcite-text/customElement.js +1 -1
- package/dist/components/calcite-text-area/customElement.js +1 -1
- package/dist/components/calcite-tile/customElement.js +1 -4
- package/dist/components/calcite-tile-group/customElement.d.ts +1 -2
- package/dist/components/calcite-tooltip/customElement.d.ts +2 -4
- package/dist/components/calcite-tooltip/customElement.js +2 -3
- package/dist/components/calcite-tree-item/customElement.js +2 -2
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/supported-browsers.json +1 -1
- package/dist/docs/translations.json +1 -1
- package/dist/docs/vscode.css-custom-data.json +1 -1
- package/dist/docs/vscode.html-custom-data.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/dist/index.d.ts +0 -44
- package/dist/loader.js +2 -7
- package/dist/types/lumina.d.ts +2 -41
- package/dist/types/preact.d.ts +2 -46
- package/dist/types/react.d.ts +2 -51
- package/dist/types/stencil.d.ts +2 -41
- package/package.json +17 -17
- package/dist/cdn/2VTY5LQ6.js +0 -2
- package/dist/cdn/337IVZQ5.js +0 -2
- package/dist/cdn/3CTVLEWD.js +0 -2
- package/dist/cdn/3IUKHKSX.js +0 -20
- package/dist/cdn/3U524SQH.js +0 -2
- package/dist/cdn/3WA7E4ZU.js +0 -2
- package/dist/cdn/4DQBCTK5.js +0 -2
- package/dist/cdn/663G76DR.js +0 -2
- package/dist/cdn/6E3UFQ5L.js +0 -2
- package/dist/cdn/6M2GRSL6.js +0 -2
- package/dist/cdn/6NZ4M3JI.js +0 -2
- package/dist/cdn/6ZEJRYDB.js +0 -2
- package/dist/cdn/7NQLZR6U.js +0 -2
- package/dist/cdn/A5OQTYIZ.js +0 -2
- package/dist/cdn/A6ZG6CH4.js +0 -2
- package/dist/cdn/B3OV6FHO.js +0 -2
- package/dist/cdn/C7HSJAUY.js +0 -2
- package/dist/cdn/CQYIOPJS.js +0 -2
- package/dist/cdn/CS2JG65P.js +0 -2
- package/dist/cdn/D256R6DP.js +0 -2
- package/dist/cdn/D2SW4SVQ.js +0 -2
- package/dist/cdn/DP6CN6HN.js +0 -2
- package/dist/cdn/E5NJW2ZG.js +0 -2
- package/dist/cdn/EHVRGGHS.js +0 -2
- package/dist/cdn/EIEKGCTH.js +0 -2
- package/dist/cdn/EKMBB3NE.js +0 -2
- package/dist/cdn/F5J2JR3T.js +0 -2
- package/dist/cdn/FPXP76XS.js +0 -2
- package/dist/cdn/GAAKV2C3.js +0 -2
- package/dist/cdn/GJRL6GXH.js +0 -2
- package/dist/cdn/GYQADZBQ.js +0 -2
- package/dist/cdn/HQOZ7PVD.js +0 -2
- package/dist/cdn/HRQCTYB2.js +0 -2
- package/dist/cdn/IZ5CUQJA.js +0 -2
- package/dist/cdn/J7SLQZST.js +0 -2
- package/dist/cdn/JI5RWOTK.js +0 -2
- package/dist/cdn/JUUVUH5Y.js +0 -2
- package/dist/cdn/JYQEVQED.js +0 -2
- package/dist/cdn/KA3HIFHL.js +0 -2
- package/dist/cdn/MBPSINVB.js +0 -2
- package/dist/cdn/MVZRXC34.js +0 -2
- package/dist/cdn/N2LRLEKB.js +0 -2
- package/dist/cdn/NPLTKVWC.js +0 -2
- package/dist/cdn/NSIM6YJP.js +0 -2
- package/dist/cdn/OF7EDP7Y.js +0 -2
- package/dist/cdn/OMRGS6YG.js +0 -2
- package/dist/cdn/ONL7KCBI.js +0 -2
- package/dist/cdn/Q26NSEOR.js +0 -2
- package/dist/cdn/Q4PGLETQ.js +0 -2
- package/dist/cdn/QEXI4SMX.js +0 -2
- package/dist/cdn/QGQY72AI.js +0 -2
- package/dist/cdn/R4JCPBLC.js +0 -2
- package/dist/cdn/R6WKGKSU.js +0 -2
- package/dist/cdn/RDQF6AQS.js +0 -2
- package/dist/cdn/RT5ZS4VX.js +0 -2
- package/dist/cdn/SL3MH5OT.js +0 -2
- package/dist/cdn/THWEI3K2.js +0 -2
- package/dist/cdn/TOTGM2SP.js +0 -2
- package/dist/cdn/TRRY5LN7.js +0 -2
- package/dist/cdn/TWU5BV7Z.js +0 -2
- package/dist/cdn/UAICETTE.js +0 -2
- package/dist/cdn/UDLWRVR4.js +0 -4
- package/dist/cdn/UGD4VOGZ.js +0 -2
- package/dist/cdn/VBMZS3ZU.js +0 -2
- package/dist/cdn/VL7QTJSE.js +0 -2
- package/dist/cdn/VXTRPJJ4.js +0 -2
- package/dist/cdn/W32WN6PV.js +0 -2
- package/dist/cdn/WCO6AFY3.js +0 -2
- package/dist/cdn/WN6KY7GO.js +0 -2
- package/dist/cdn/WZEY6HY6.js +0 -2
- package/dist/cdn/X2TR4NTP.js +0 -2
- package/dist/cdn/XG62B2V7.js +0 -2
- package/dist/cdn/XODDJIYV.js +0 -2
- package/dist/cdn/XVEFLGJR.js +0 -2
- package/dist/cdn/Y5VG6YLH.js +0 -4
- package/dist/cdn/YBX7RUMR.js +0 -2
- package/dist/cdn/YKOLRZEJ.js +0 -2
- package/dist/cdn/YTDEBSOG.js +0 -2
- package/dist/cdn/YV4JKSOA.js +0 -2
- package/dist/cdn/ZS5MSUS7.js +0 -2
- package/dist/cdn/assets/action-pad/t9n/messages.ar.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.bg.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.bs.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.ca.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.cs.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.da.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.de.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.el.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.en.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.es.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.et.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.fi.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.fr.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.he.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.hr.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.hu.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.id.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.it.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.ja.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.ko.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.lt.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.lv.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.nl.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.no.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.pl.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.pt-BR.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.pt-PT.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.ro.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.ru.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.sk.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.sl.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.sr.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.sv.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.th.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.tr.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.uk.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.vi.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.zh-CN.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.zh-HK.json +0 -1
- package/dist/cdn/assets/action-pad/t9n/messages.zh-TW.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.ar.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.bg.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.bs.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.ca.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.cs.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.da.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.de.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.el.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.en.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.es.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.et.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.fi.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.fr.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.he.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.hr.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.hu.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.id.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.it.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.ja.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.ko.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.lt.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.lv.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.nl.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.no.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.pl.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.pt-BR.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.pt-PT.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.ro.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.ru.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.sk.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.sl.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.sr.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.sv.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.th.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.tr.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.uk.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.vi.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.zh-CN.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.zh-HK.json +0 -1
- package/dist/cdn/assets/handle/t9n/messages.zh-TW.json +0 -1
- package/dist/chunks/ExpandToggle.js +0 -48
- package/dist/components/calcite-action-pad/customElement.d.ts +0 -96
- package/dist/components/calcite-action-pad/customElement.js +0 -185
- package/dist/components/calcite-action-pad/index.d.ts +0 -1
- package/dist/components/calcite-action-pad/index.js +0 -3
- package/dist/components/calcite-color-picker-swatch/customElement.d.ts +0 -25
- package/dist/components/calcite-color-picker-swatch/customElement.js +0 -104
- package/dist/components/calcite-color-picker-swatch/index.d.ts +0 -1
- package/dist/components/calcite-color-picker-swatch/index.js +0 -1
- package/dist/components/calcite-focus-trap/customElement.d.ts +0 -53
- package/dist/components/calcite-focus-trap/customElement.js +0 -61
- package/dist/components/calcite-focus-trap/index.d.ts +0 -1
- package/dist/components/calcite-focus-trap/index.js +0 -1
- package/dist/components/calcite-handle/customElement.d.ts +0 -66
- package/dist/components/calcite-handle/customElement.js +0 -128
- package/dist/components/calcite-handle/index.d.ts +0 -1
- package/dist/components/calcite-handle/index.js +0 -2
- package/dist/components/calcite-handle/types.d.ts +0 -3
- package/dist/components/calcite-sortable-list/customElement.d.ts +0 -52
- package/dist/components/calcite-sortable-list/customElement.js +0 -133
- package/dist/components/calcite-sortable-list/index.d.ts +0 -1
- package/dist/components/calcite-sortable-list/index.js +0 -1
- /package/dist/cdn/{ZZDNIBT7.js → 2IM7ZZ7U.js} +0 -0
- /package/dist/cdn/{NYT7VOUO.js → TIIRIEHJ.js} +0 -0
|
@@ -48,7 +48,7 @@ const ICONS = {
|
|
|
48
48
|
plus: "plus",
|
|
49
49
|
minus: "minus"
|
|
50
50
|
};
|
|
51
|
-
const styles = css`.icon-position--end,.icon-position--start{--calcite-internal-accordion-item-icon-rotation: -90deg ;--calcite-internal-accordion-item-active-icon-rotation: 0deg;--calcite-internal-accordion-item-icon-rotation-rtl: 90deg;--calcite-internal-accordion-item-active-icon-rotation-rtl: 0deg}:host([scale=s]){--calcite-internal-accordion-item-action-slot-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));--calcite-internal-accordion-item-description-font-size: var(--calcite-font-size--3)}:host([scale=m]){--calcite-internal-accordion-item-action-slot-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));--calcite-internal-accordion-item-description-font-size: var(--calcite-font-size--2)}:host([scale=l]){--calcite-internal-accordion-item-action-slot-spacing: var(--calcite-theme-space-xs, var(--calcite-spacing-xs));--calcite-internal-accordion-item-description-font-size: var(--calcite-font-size--1)}:host{position:relative;display:flex;flex-direction:column;text-decoration-line:none;color:var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-color-text-3)));background-color:var(--calcite-accordion-background-color, var(--calcite-accordion-item-background-color));border-width:0}:host .header{background-color:var(--calcite-accordion-item-header-background-color)}:host .header:hover{background-color:var(--calcite-internal-accordion-item-header-background-color-hover)}:host .header:active{background-color:var(--calcite-internal-accordion-item-header-background-color-press)}.header--solid{--calcite-internal-accordion-item-header-background-color-hover: var( --calcite-accordion-item-header-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)) );--calcite-internal-accordion-item-header-background-color-press: var( --calcite-accordion-item-header-background-color-press, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)) )}.header--transparent{--calcite-internal-accordion-item-header-background-color-hover: var( --calcite-accordion-item-header-background-color-hover, var(--calcite-color-transparent-hover) );--calcite-internal-accordion-item-header-background-color-press: var( --calcite-accordion-item-header-background-color-press, var(--calcite-color-transparent-press) )}.icon-position--start{--calcite-internal-accordion-item-flex-direction: row-reverse;--calcite-internal-accordion-item-icon-spacing-start: 0;--calcite-internal-accordion-item-icon-spacing-end: var(--calcite-internal-accordion-icon-margin)}.icon-position--end{--calcite-internal-accordion-item-flex-direction: row;--calcite-internal-accordion-item-icon-spacing-start: var(--calcite-internal-accordion-icon-margin);--calcite-internal-accordion-item-icon-spacing-end: 0}.icon-position--end:not(.icon-type--plus-minus){--calcite-internal-accordion-item-icon-rotation: 0deg;--calcite-internal-accordion-item-active-icon-rotation: 180deg;--calcite-internal-accordion-item-icon-rotation-rtl: 0deg;--calcite-internal-accordion-item-active-icon-rotation-rtl: -180deg }.content,.header{border-block-end-width:var(--calcite-border-width-sm);border-block-end-style:solid;border-color:var(--calcite-accordion-border-color, var(--calcite-accordion-item-border-color, var(--calcite-color-border-2)))}.header-content{padding:var(--calcite-internal-accordion-item-padding, var(--calcite-internal-accordion-item-spacing-unit, .5rem .75rem));background:none;border:none;appearance:none;-webkit-appearance:none;box-shadow:none;outline:none;font-family:inherit}.content{padding:var(--calcite-accordion-item-content-space, var(--calcite-internal-accordion-item-padding, var(--calcite-internal-accordion-item-spacing-unit, .5rem .75rem)))}.header{display:flex;align-items:stretch}.header-content,.header-container,.header .actions-start,.header .actions-end{display:flex;align-items:center;transition-timing-function:
|
|
51
|
+
const styles = css`.icon-position--end,.icon-position--start{--calcite-internal-accordion-item-icon-rotation: -90deg ;--calcite-internal-accordion-item-active-icon-rotation: 0deg;--calcite-internal-accordion-item-icon-rotation-rtl: 90deg;--calcite-internal-accordion-item-active-icon-rotation-rtl: 0deg}:host([scale=s]){--calcite-internal-accordion-item-action-slot-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));--calcite-internal-accordion-item-description-font-size: var(--calcite-font-size--3)}:host([scale=m]){--calcite-internal-accordion-item-action-slot-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));--calcite-internal-accordion-item-description-font-size: var(--calcite-font-size--2)}:host([scale=l]){--calcite-internal-accordion-item-action-slot-spacing: var(--calcite-theme-space-xs, var(--calcite-spacing-xs));--calcite-internal-accordion-item-description-font-size: var(--calcite-font-size--1)}:host{position:relative;display:flex;flex-direction:column;text-decoration-line:none;color:var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-color-text-3)));background-color:var(--calcite-accordion-background-color, var(--calcite-accordion-item-background-color));border-width:0}:host .header{background-color:var(--calcite-accordion-item-header-background-color)}:host .header:hover{background-color:var(--calcite-internal-accordion-item-header-background-color-hover)}:host .header:active{background-color:var(--calcite-internal-accordion-item-header-background-color-press)}.header--solid{--calcite-internal-accordion-item-header-background-color-hover: var( --calcite-accordion-item-header-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)) );--calcite-internal-accordion-item-header-background-color-press: var( --calcite-accordion-item-header-background-color-press, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)) )}.header--transparent{--calcite-internal-accordion-item-header-background-color-hover: var( --calcite-accordion-item-header-background-color-hover, var(--calcite-color-transparent-hover) );--calcite-internal-accordion-item-header-background-color-press: var( --calcite-accordion-item-header-background-color-press, var(--calcite-color-transparent-press) )}.icon-position--start{--calcite-internal-accordion-item-flex-direction: row-reverse;--calcite-internal-accordion-item-icon-spacing-start: 0;--calcite-internal-accordion-item-icon-spacing-end: var(--calcite-internal-accordion-icon-margin)}.icon-position--end{--calcite-internal-accordion-item-flex-direction: row;--calcite-internal-accordion-item-icon-spacing-start: var(--calcite-internal-accordion-icon-margin);--calcite-internal-accordion-item-icon-spacing-end: 0}.icon-position--end:not(.icon-type--plus-minus){--calcite-internal-accordion-item-icon-rotation: 0deg;--calcite-internal-accordion-item-active-icon-rotation: 180deg;--calcite-internal-accordion-item-icon-rotation-rtl: 0deg;--calcite-internal-accordion-item-active-icon-rotation-rtl: -180deg }.content,.header{border-block-end-width:var(--calcite-border-width-sm);border-block-end-style:solid;border-color:var(--calcite-accordion-border-color, var(--calcite-accordion-item-border-color, var(--calcite-color-border-2)))}.header-content{padding:var(--calcite-internal-accordion-item-padding, var(--calcite-internal-accordion-item-spacing-unit, .5rem .75rem));background:none;border:none;appearance:none;-webkit-appearance:none;box-shadow:none;outline:none;font-family:inherit}.content{padding:var(--calcite-accordion-item-content-space, var(--calcite-internal-accordion-item-padding, var(--calcite-internal-accordion-item-spacing-unit, .5rem .75rem)))}.header{display:flex;align-items:stretch}.header-content,.header-container,.header .actions-start,.header .actions-end{overflow-wrap:break-word;word-break:break-word;display:flex;align-items:center;transition-timing-function:var(--calcite-animation-easing-function)}.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{outline-color:var(--calcite-color-transparent);flex-grow:1;cursor:pointer;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(-1 * var(--calcite-space-base) * (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:var(--calcite-space-none);flex-grow:1;flex-direction:column;padding-block:var(--calcite-space-none);text-align:initial;margin-inline-end:auto}.heading,.description{display:flex;inline-size:100%;line-height:var(--calcite-font-line-height-relative-snug)}.heading{font-weight:var(--calcite-font-weight-medium);margin:var(--calcite-space-none);padding:var(--calcite-space-none)}: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{transition-timing-function:var(--calcite-animation-easing-function);display:flex;align-items:center;margin-inline-end:var(--calcite-internal-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-internal-accordion-item-icon-spacing-end)}.icon--start{color:var(--calcite-accordion-item-icon-color-start, var(--calcite-accordion-item-start-icon-color, var(--calcite-accordion-item-icon-color, var(--calcite-ui-icon-color, currentColor))));margin-inline-end:var(--calcite-internal-accordion-icon-margin)}.icon--end{color:var(--calcite-accordion-item-icon-color-end, var(--calcite-accordion-item-end-icon-color, var(--calcite-accordion-item-icon-color, var(--calcite-ui-icon-color, currentColor))));margin-inline-end:var(--calcite-internal-accordion-icon-margin);margin-inline-start:var(--calcite-internal-accordion-icon-margin)}.expand-icon{color:var(--calcite-accordion-item-expand-icon-color, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-color-text-3))));margin-inline-start:var(--calcite-internal-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-internal-accordion-item-icon-spacing-end);transform:rotate(var(--calcite-internal-accordion-item-icon-rotation))}.calcite--rtl .expand-icon{transform:rotate(var(--calcite-internal-accordion-item-icon-rotation-rtl))}.description{font-size:var(--calcite-internal-accordion-item-description-font-size)}.content{display:none;text-align:initial}:host(:not([expanded])) .heading{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-hover, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-1))));font-weight:var(--calcite-theme-font-weight-regular, var(--calcite-font-weight-normal))}:host([expanded]){color:var(--calcite-accordion-text-color-press, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-color-text-1))))}:host([expanded]) .header{border-block-end-color:transparent}:host([expanded]) .expand-icon{color:var(--calcite-accordion-item-expand-icon-color, var(--calcite-accordion-text-color-hover, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2))))));transform:rotate(var(--calcite-internal-accordion-item-active-icon-rotation))}:host([expanded]) .calcite--rtl .expand-icon{transform:rotate(var(--calcite-internal-accordion-item-active-icon-rotation-rtl))}:host([expanded]) .description{color:var(--calcite-accordion-text-color-hover, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2)))))}:host([expanded]) .content{display:block}@media(forced-colors:active){:host([expanded]) .header{border-block-end:none}:host([expanded]) .heading{font-weight:bolder}.header-content:hover .heading,.header-content:focus .heading{text-decoration:underline}}:host([hidden]){display:none}[hidden]{display:none}`;
|
|
52
52
|
class AccordionItem extends LitElement {
|
|
53
53
|
constructor() {
|
|
54
54
|
super();
|
|
@@ -11,10 +11,10 @@ import { u as useT9n } from "../../chunks/useT9n.js";
|
|
|
11
11
|
import { u as useFocusable } from "../../chunks/useFocusable.js";
|
|
12
12
|
import { u as useInteractive } from "../../chunks/useInteractive.js";
|
|
13
13
|
import { u as useFormTrigger } from "../../chunks/useFormTrigger.js";
|
|
14
|
-
import { I as IDS, C as CSS } from "../../chunks/
|
|
14
|
+
import { I as IDS, C as CSS } from "../../chunks/resources3.js";
|
|
15
15
|
import { s as styles$1 } from "../../chunks/screen-reader.js";
|
|
16
16
|
import { t as toAriaBoolean } from "../../chunks/aria.js";
|
|
17
|
-
const styles = css`:host{box-sizing:border-box;background-color:var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1));color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]){--calcite-internal-action-font-size: var(--calcite-font-size--2);--calcite-internal-action-min-height: var(--calcite-size-sm);--calcite-internal-action-line-height: 1rem;--calcite-internal-action-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m]){--calcite-internal-action-font-size: var(--calcite-font-size--1);--calcite-internal-action-min-height: var(--calcite-size-md);--calcite-internal-action-line-height: 1rem;--calcite-internal-action-spacing: var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]){--calcite-internal-action-font-size: var(--calcite-font-size-0);--calcite-internal-action-min-height: var(--calcite-size-lg);--calcite-internal-action-line-height: 1.25rem;--calcite-internal-action-spacing: var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus))}:host{display:flex;
|
|
17
|
+
const styles = css`:host{box-sizing:border-box;background-color:var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1));color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]){--calcite-internal-action-font-size: var(--calcite-font-size--2);--calcite-internal-action-min-height: var(--calcite-size-sm);--calcite-internal-action-line-height: 1rem;--calcite-internal-action-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m]){--calcite-internal-action-font-size: var(--calcite-font-size--1);--calcite-internal-action-min-height: var(--calcite-size-md);--calcite-internal-action-line-height: 1rem;--calcite-internal-action-spacing: var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]){--calcite-internal-action-font-size: var(--calcite-font-size-0);--calcite-internal-action-min-height: var(--calcite-size-lg);--calcite-internal-action-line-height: 1.25rem;--calcite-internal-action-spacing: var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus))}:host{display:flex;background-color:var(--calcite-color-transparent);cursor:pointer;--calcite-internal-action-text-color: var(--calcite-color-text-3);border-radius:var(--calcite-action-corner-radius, var(--calcite-action-corner-radius-start-start, var(--calcite-corner-radius-xs)) var(--calcite-action-corner-radius-start-end, var(--calcite-corner-radius-xs)) var(--calcite-action-corner-radius-end-end, var(--calcite-corner-radius-xs)) var(--calcite-action-corner-radius-end-start, var(--calcite-corner-radius-xs)))}.interaction-container{border-radius:inherit}:host([width=full]){flex:1 0 auto}:host([width=full]) .button{justify-content:center}:host([width=full]) .button .text-container--visible{flex:none}:host([drag-handle]){cursor:move;--calcite-internal-action-text-color: var(--calcite-color-border-input);--calcite-internal-action-padding-inline: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}.button{outline-color:var(--calcite-color-transparent);position:relative;margin:var(--calcite-space-none);display:flex;inline-size:auto;align-items:center;justify-content:flex-start;border-style:none;box-sizing:border-box;background-color:var(--calcite-action-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));border-radius:inherit;color:var(--calcite-action-text-color, var(--calcite-internal-action-text-color));cursor:inherit;flex:1 0 auto;font-family:inherit;font-size:var(--calcite-internal-action-font-size);font-weight:var(--calcite-theme-font-weight-regular, var(--calcite-font-weight-normal));line-height:var(--calcite-internal-action-line-height);min-block-size:var(--calcite-internal-action-height, var(--calcite-internal-action-min-height));max-block-size:var(--calcite-internal-action-height, none);padding-block:var(--calcite-internal-action-padding-block, var(--calcite-internal-action-spacing));padding-inline:var(--calcite-internal-action-padding-inline, var(--calcite-internal-action-spacing));text-align:start}.button:hover{background-color:var(--calcite-action-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)));color:var(--calcite-action-text-color-press, var(--calcite-action-text-color-pressed, var(--calcite-color-text-1)))}.button:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3))))}.button--text-visible{gap:var(--calcite-internal-action-spacing);inline-size:100%}.icon-container{pointer-events:none;margin:var(--calcite-space-none);display:flex;align-items:center;justify-content:center}.text-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:inline-size;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;margin:var(--calcite-space-none);inline-size:var(--calcite-space-none);opacity:0;transition-timing-function:var(--calcite-animation-easing-function)}.text-container--visible{inline-size:auto;flex:1 1 auto;opacity:var(--calcite-opacity-full)}:host([active]) .button{background-color:var(--calcite-action-background-color, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)));color:var(--calcite-action-text-color-press, var(--calcite-action-text-color-pressed, var(--calcite-color-text-1)))}:host([active]) .button:hover{background-color:var(--calcite-action-background-color-hover, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)))}:host([active]) .button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3))))}:host([loading]) .button:hover,:host([loading]) .button:focus{background-color:var(--calcite-action-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}:host([loading]) calcite-loader[inline]{margin-inline-end:0px;--calcite-loader-progress-color-inline: var(--calcite-action-loader-color)}:host([appearance=transparent]):host([active]) .button{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-transparent-press)))}:host([appearance=transparent]) .button{transition-property:box-shadow;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;transition-timing-function:var(--calcite-animation-easing-function);background-color:var(--calcite-action-background-color, var(--calcite-color-transparent))}:host([appearance=transparent]) .button:hover{background-color:var(--calcite-action-background-color-hover, var(--calcite-color-transparent-hover))}:host([appearance=transparent]) .button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-transparent-press)))}:host([selection-appearance=highlight]):host([active]) .button{background-color:var(--calcite-color-surface-highlight);color:var(--calcite-color-text-highlight)}:host([active-descendant]) .button{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}:host([alignment=center]) .button{justify-content:center}:host([alignment=end]) .button{justify-content:flex-end}:host([alignment=center]) .button .text-container--visible,:host([alignment=end]) .button .text-container--visible{flex:0 1 auto}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-inline:var(--calcite-space-none)}.slot-container{display:flex}.slot-container--hidden{display:none}.indicator-with-icon{position:relative}.indicator-with-icon:after{content:"";position:absolute;block-size:var(--calcite-space-sm);inline-size:var(--calcite-space-sm);border-radius:var(--calcite-corner-radius-pill);inset-block-end:-.275rem;inset-inline-end:-.275rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand))}.indicator-without-icon{inline-size:var(--calcite-space-lg);margin-inline:var(--calcite-space-2xs);position:relative}.indicator-without-icon:after{content:"";position:absolute;block-size:var(--calcite-space-sm);inline-size:var(--calcite-space-sm);border-radius:var(--calcite-corner-radius-pill);inset-block-end:-.275rem;inset-inline-end:-.275rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand))}:host([scale=s]) .indicator-with-icon{position:relative}:host([scale=s]) .indicator-with-icon:after{content:"";position:absolute;block-size:var(--calcite-space-sm);inline-size:var(--calcite-space-sm);border-radius:var(--calcite-corner-radius-pill);inset-block-end:-.125rem;inset-inline-end:-.125rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand));block-size:.375rem;inline-size:.375rem}:host([scale=s]) .indicator-without-icon{position:relative}:host([scale=s]) .indicator-without-icon:after{content:"";position:absolute;block-size:var(--calcite-space-sm);inline-size:var(--calcite-space-sm);border-radius:var(--calcite-corner-radius-pill);inset-block-end:-.175rem;inset-inline-end:-.175rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand));block-size:.375rem;inline-size:.375rem}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`;
|
|
18
18
|
class Action extends LitElement {
|
|
19
19
|
constructor() {
|
|
20
20
|
super();
|
|
@@ -1,21 +1,54 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
|
|
2
2
|
import { D as DEBOUNCE, l as logger, c as customElement } from "../../chunks/runtime.js";
|
|
3
3
|
import { debounce } from "es-toolkit";
|
|
4
|
-
import {
|
|
4
|
+
import { nothing, html, css } from "lit";
|
|
5
5
|
import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
|
|
6
|
-
import {
|
|
6
|
+
import { ref, createRef } from "lit/directives/ref.js";
|
|
7
7
|
import { useDirection } from "@arcgis/lumina/controllers";
|
|
8
|
-
import { l as getStylePixelValue,
|
|
8
|
+
import { l as getStylePixelValue, B as filterDirectChildren, b as slotChangeGetAssignedElements, a as getSlotAssignedElements, e as focusElementInGroup } from "../../chunks/dom.js";
|
|
9
9
|
import { c as createObserver } from "../../chunks/observers.js";
|
|
10
|
-
import {
|
|
10
|
+
import { S as SLOTS, i as isActionGroup } from "../../chunks/resources.js";
|
|
11
11
|
import { u as useT9n } from "../../chunks/useT9n.js";
|
|
12
12
|
import { u as useCancelable } from "../../chunks/useCancelable.js";
|
|
13
|
-
import { i as isTooltip } from "../../chunks/
|
|
13
|
+
import { i as isTooltip } from "../../chunks/resources10.js";
|
|
14
14
|
import { u as useFocusable } from "../../chunks/useFocusable.js";
|
|
15
|
-
import { i as isAction } from "../../chunks/
|
|
16
|
-
import {
|
|
17
|
-
import { i as isActionMenu, S as SLOTS$1 } from "../../chunks/resources2.js";
|
|
15
|
+
import { i as isAction } from "../../chunks/resources3.js";
|
|
16
|
+
import { i as isActionMenu, S as SLOTS$1 } from "../../chunks/resources11.js";
|
|
18
17
|
import { S as SLOTS$2, C as CSS } from "../../chunks/resources12.js";
|
|
18
|
+
const ICONS = {
|
|
19
|
+
chevronsLeft: "chevrons-left",
|
|
20
|
+
chevronsRight: "chevrons-right"
|
|
21
|
+
};
|
|
22
|
+
function getCalcitePosition(el, position) {
|
|
23
|
+
return position || el.closest("calcite-shell-panel")?.position || "start";
|
|
24
|
+
}
|
|
25
|
+
function toggleActionBarChildActionText({ actions, expandables, expanded }) {
|
|
26
|
+
actions.filter((el) => el.slot !== SLOTS.menuActions).forEach((action) => action.textEnabled = expanded);
|
|
27
|
+
expandables.forEach((item) => item.expanded = expanded);
|
|
28
|
+
}
|
|
29
|
+
const setTooltipReference = ({ tooltip, referenceElement, expanded, ref: ref2 }) => {
|
|
30
|
+
if (tooltip) {
|
|
31
|
+
tooltip.referenceElement = !expanded && referenceElement ? referenceElement : void 0;
|
|
32
|
+
}
|
|
33
|
+
if (ref2) {
|
|
34
|
+
ref2(referenceElement);
|
|
35
|
+
}
|
|
36
|
+
return referenceElement;
|
|
37
|
+
};
|
|
38
|
+
const ExpandToggle = ({ collapseText, collapseLabel, direction, expanded, expandText, expandLabel, toggle, el, position, tooltip, ref: ref$1, scale }) => {
|
|
39
|
+
const rtl = direction === "rtl";
|
|
40
|
+
const text = expanded ? collapseText : expandText;
|
|
41
|
+
const label = expanded ? collapseLabel : expandLabel;
|
|
42
|
+
const icons = [ICONS.chevronsLeft, ICONS.chevronsRight];
|
|
43
|
+
if (rtl) {
|
|
44
|
+
icons.reverse();
|
|
45
|
+
}
|
|
46
|
+
const end = getCalcitePosition(el, position) === "end";
|
|
47
|
+
const expandIcon = end ? icons[1] : icons[0];
|
|
48
|
+
const collapseIcon = end ? icons[0] : icons[1];
|
|
49
|
+
const actionNode = html`<calcite-action .aria=${{ expanded }} .icon=${expanded ? expandIcon : collapseIcon} id=expand-toggle .label=${label} @click=${toggle} .scale=${scale} .text=${text} .textEnabled=${expanded} title=${(!expanded && !tooltip ? text : void 0) ?? nothing} ${ref((referenceElement) => setTooltipReference({ tooltip, referenceElement, expanded, ref: ref$1 }))}></calcite-action>`;
|
|
50
|
+
return actionNode;
|
|
51
|
+
};
|
|
19
52
|
const calculateMaxItems = ({
|
|
20
53
|
bufferSize = 0,
|
|
21
54
|
containerSize,
|
|
@@ -95,7 +128,7 @@ const overflowActions = ({
|
|
|
95
128
|
group.manager.component.requestUpdate();
|
|
96
129
|
});
|
|
97
130
|
};
|
|
98
|
-
const styles = css`:host{box-sizing:border-box;background-color:var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1));color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([scale=s]){--calcite-internal-action-bar-gap: var( --calcite-action-bar-items-space, var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs)) );--calcite-internal-action-bar-padding: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m]){--calcite-internal-action-bar-gap: var( --calcite-action-bar-items-space, var(--calcite-theme-space-sm, var(--calcite-spacing-sm)) );--calcite-internal-action-bar-padding: var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]){--calcite-internal-action-bar-gap: var(--calcite-action-bar-items-space, var(--calcite-space-sm-plus));--calcite-internal-action-bar-padding: var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus))}:host{display:inline-flex;align-self:stretch;background:transparent;--calcite-internal-action-group-dividing-border-margin: calc( var(--calcite-theme-space-base, var(--calcite-spacing-base)) + 1px )}.container{display:inline-flex;flex:1 1 auto;
|
|
131
|
+
const styles = css`:host{box-sizing:border-box;background-color:var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1));color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([scale=s]){--calcite-internal-action-bar-gap: var( --calcite-action-bar-items-space, var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs)) );--calcite-internal-action-bar-padding: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m]){--calcite-internal-action-bar-gap: var( --calcite-action-bar-items-space, var(--calcite-theme-space-sm, var(--calcite-spacing-sm)) );--calcite-internal-action-bar-padding: var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]){--calcite-internal-action-bar-gap: var(--calcite-action-bar-items-space, var(--calcite-space-sm-plus));--calcite-internal-action-bar-padding: var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus))}:host{display:inline-flex;align-self:stretch;background:transparent;--calcite-internal-action-group-dividing-border-margin: calc( var(--calcite-theme-space-base, var(--calcite-spacing-base)) + 1px )}.container{display:inline-flex;flex-direction:column;flex:1 1 auto;background-color:var(--calcite-action-bar-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));gap:var(--calcite-internal-action-bar-gap);padding:var(--calcite-internal-action-bar-padding)}:host([floating]) .container{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;overflow:hidden;border-radius:var(--calcite-action-bar-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)));box-shadow:var(--calcite-action-bar-shadow, var(--calcite-shadow-md))}:host([layout=vertical]){flex-direction:column}:host([layout=vertical]):host([overflow-actions-disabled]) .container{overflow-y:auto}:host([layout=vertical]):host([expanded]) .container{max-inline-size:var(--calcite-action-bar-expanded-max-width, auto)}:host([layout=vertical]) .action-group--end{margin-block-start:auto}:host([layout=vertical]) ::slotted(calcite-action-group:not(:last-of-type)){border-block-end-width:var(--calcite-border-width-sm);border-image:linear-gradient(to right,transparent var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) calc(100% - var(--calcite-internal-action-group-dividing-border-margin)),transparent var(--calcite-internal-action-group-dividing-border-margin));border-image-slice:1;padding-block-end:var(--calcite-internal-action-bar-padding)}:host([layout=horizontal]){flex-direction:row}:host([layout=horizontal]) .container{flex-direction:row}:host([layout=horizontal]):host([overflow-actions-disabled]) .container{overflow-x:auto}:host([layout=horizontal]) .action-group--end{margin-inline-start:auto}:host([layout=horizontal]) ::slotted(calcite-action-group:not(:last-of-type)){border-image:linear-gradient(transparent var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) calc(100% - var(--calcite-internal-action-group-dividing-border-margin)),transparent var(--calcite-internal-action-group-dividing-border-margin));border-image-slice:1;border-inline-end-width:var(--calcite-border-width-sm);padding-inline-end:var(--calcite-internal-action-bar-padding)}.action-group--end{justify-content:flex-end}.line-overlay{position:absolute;inset:0;pointer-events:none}.line{position:absolute;--calcite-internal-action-bar-divider-inset: calc( var(--calcite-internal-action-group-dividing-border-margin) - var(--calcite-border-width-sm) )}:host([overflow-mode=wrap][layout=horizontal]) .container,:host([overflow-mode=wrap][layout=vertical]) .container{position:relative;flex-wrap:wrap;align-content:flex-start;--calcite-internal-action-bar-line-gap: calc( var(--calcite-internal-action-bar-padding) + var(--calcite-internal-action-bar-gap) )}:host([overflow-mode=wrap][layout=horizontal]) ::slotted(calcite-action-group[slot=actions-start]),:host([overflow-mode=wrap][layout=vertical]) ::slotted(calcite-action-group[slot=actions-start]){padding-inline-end:0;padding-block-end:0;border-inline-end-width:0;border-block-end-width:0}:host([overflow-mode=wrap][layout=horizontal]) .container{row-gap:var(--calcite-internal-action-bar-line-gap)}:host([overflow-mode=wrap][layout=horizontal]) ::slotted(calcite-action-group:not([slot=actions-start])){margin-inline-start:calc(-1 * var(--calcite-border-width-sm));padding-inline:var(--calcite-internal-action-bar-padding) 0;border-inline-start-width:var(--calcite-border-width-sm);border-inline-end-width:0;border-image:linear-gradient(transparent var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) calc(100% - var(--calcite-internal-action-group-dividing-border-margin)),transparent calc(100% - var(--calcite-internal-action-group-dividing-border-margin)));border-image-slice:1}:host([overflow-mode=wrap][layout=horizontal]) .line{inset-inline:var(--calcite-internal-action-bar-padding);block-size:var(--calcite-border-width-sm);inset-block-start:calc(var(--calcite-internal-action-bar-line-offset, 0px) - var(--calcite-internal-action-bar-line-gap) / 2);background:linear-gradient(to right,transparent var(--calcite-internal-action-bar-divider-inset),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) var(--calcite-internal-action-bar-divider-inset),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) calc(100% - var(--calcite-internal-action-bar-divider-inset)),transparent calc(100% - var(--calcite-internal-action-bar-divider-inset)))}:host([overflow-mode=wrap][layout=horizontal]) .container.has-action-groups{overflow:hidden;padding-inline-start:0;column-gap:calc(var(--calcite-internal-action-bar-gap) + var(--calcite-border-width-sm))}:host([overflow-mode=wrap][layout=horizontal]) .container.has-action-groups .action-group--start{padding-inline-start:var(--calcite-internal-action-bar-padding)}:host([overflow-mode=wrap][layout=vertical]) .container{block-size:100%;min-block-size:0;column-gap:var(--calcite-internal-action-bar-line-gap)}:host([overflow-mode=wrap][layout=vertical]) ::slotted(calcite-action-group:not([slot=actions-start])){margin-block-start:calc(-1 * var(--calcite-border-width-sm));padding-block:var(--calcite-internal-action-bar-padding) 0;border-block-start-width:var(--calcite-border-width-sm);border-block-end-width:0;border-image:linear-gradient(to right,transparent var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) calc(100% - var(--calcite-internal-action-group-dividing-border-margin)),transparent calc(100% - var(--calcite-internal-action-group-dividing-border-margin)));border-image-slice:1}:host([overflow-mode=wrap][layout=vertical]) .line{inset-block:var(--calcite-internal-action-bar-padding);inline-size:var(--calcite-border-width-sm);inset-inline-start:calc(var(--calcite-internal-action-bar-line-offset, 0px) - var(--calcite-internal-action-bar-line-gap) / 2);background:linear-gradient(to bottom,transparent var(--calcite-internal-action-bar-divider-inset),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) var(--calcite-internal-action-bar-divider-inset),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) calc(100% - var(--calcite-internal-action-bar-divider-inset)),transparent calc(100% - var(--calcite-internal-action-bar-divider-inset)))}:host([overflow-mode=wrap][layout=vertical]) .container.has-action-groups{overflow:hidden;padding-block-start:0;row-gap:calc(var(--calcite-internal-action-bar-gap) + var(--calcite-border-width-sm))}:host([overflow-mode=wrap][layout=vertical]) .container.has-action-groups .action-group--start{padding-block-start:var(--calcite-internal-action-bar-padding)}:host([overflow-mode=none][layout=horizontal]) .container{overflow-x:auto}:host([overflow-mode=none][layout=vertical]) .container{overflow-y:auto}:host([hidden]){display:none}[hidden]{display:none}`;
|
|
99
132
|
class ActionBar extends LitElement {
|
|
100
133
|
constructor() {
|
|
101
134
|
super();
|
|
@@ -148,7 +181,7 @@ class ActionBar extends LitElement {
|
|
|
148
181
|
slottedActionGroups.forEach((actionGroup, index) => {
|
|
149
182
|
const actionGroupStyle = getComputedStyle(actionGroup);
|
|
150
183
|
const actionGroupGap = getStylePixelValue(actionGroupStyle.gap);
|
|
151
|
-
const actionGroupItemCount = this.
|
|
184
|
+
const actionGroupItemCount = this.getActionGroupItemCount(actionGroup);
|
|
152
185
|
const actionGroupGapQuantity = Math.max(actionGroupItemCount - 1, 0);
|
|
153
186
|
bufferSize += actionGroupGap * actionGroupGapQuantity;
|
|
154
187
|
if (index !== lastSlottedActionGroupIndex) {
|
|
@@ -343,12 +376,10 @@ class ActionBar extends LitElement {
|
|
|
343
376
|
const fallbackSize = Math.max(...itemSizes, 0);
|
|
344
377
|
return itemSizes.map((size) => size || fallbackSize);
|
|
345
378
|
}
|
|
346
|
-
|
|
379
|
+
getActionGroupItemCount(actionGroup) {
|
|
347
380
|
const directActionGroupActions = actionGroup.actions.filter((action) => action.parentElement === actionGroup);
|
|
348
381
|
const directActionMenusCount = filterDirectChildren(actionGroup, "calcite-action-menu").length;
|
|
349
|
-
|
|
350
|
-
const hasMenuActions = directActionGroupActions.some((action) => action.slot === SLOTS.menuActions);
|
|
351
|
-
return defaultActionsCount + (hasMenuActions ? 1 : 0);
|
|
382
|
+
return directActionGroupActions.length + directActionMenusCount;
|
|
352
383
|
}
|
|
353
384
|
expandedHandler() {
|
|
354
385
|
this.syncActionsState(true);
|
|
@@ -3,13 +3,13 @@ import { c as customElement } from "../../chunks/runtime.js";
|
|
|
3
3
|
import { css, html } from "lit";
|
|
4
4
|
import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
|
|
5
5
|
import { createRef, ref } from "lit/directives/ref.js";
|
|
6
|
-
import { S as SLOTS } from "../../chunks/
|
|
6
|
+
import { S as SLOTS } from "../../chunks/resources11.js";
|
|
7
7
|
import { a as getSlotAssignedElements, s as slotChangeHasAssignedElement } from "../../chunks/dom.js";
|
|
8
8
|
import { u as useT9n } from "../../chunks/useT9n.js";
|
|
9
|
-
import { i as isAction } from "../../chunks/
|
|
9
|
+
import { i as isAction } from "../../chunks/resources3.js";
|
|
10
10
|
import { u as useFocusable } from "../../chunks/useFocusable.js";
|
|
11
11
|
import { I as ICONS, S as SLOTS$1, C as CSS } from "../../chunks/resources.js";
|
|
12
|
-
const styles = css`:host{box-sizing:border-box;background-color:var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1));color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([scale=s]){--calcite-internal-action-group-gap: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m]){--calcite-internal-action-group-gap: var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]){--calcite-internal-action-group-gap: var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus))}:host{display:flex;flex-direction:column;padding:
|
|
12
|
+
const styles = css`:host{box-sizing:border-box;background-color:var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1));color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([scale=s]){--calcite-internal-action-group-gap: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m]){--calcite-internal-action-group-gap: var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]){--calcite-internal-action-group-gap: var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus))}:host{display:flex;flex-direction:column;padding:var(--calcite-space-none);background-color:transparent;border-color:var(--calcite-action-group-border-color, var(--calcite-color-border-3));border-style:solid;border-width:0;gap:var(--calcite-internal-action-group-gap)}.container{display:flex;flex-direction:column;flex-grow:1;gap:inherit}:host([columns="1"]){--calcite-internal-action-group-columns: 1}:host([columns="2"]){--calcite-internal-action-group-columns: 2}:host([columns="3"]){--calcite-internal-action-group-columns: 3}:host([columns="4"]){--calcite-internal-action-group-columns: 4}:host([columns="5"]){--calcite-internal-action-group-columns: 5}:host([columns="6"]){--calcite-internal-action-group-columns: 6}:host(:first-child){padding-block-start:var(--calcite-space-none)}:host([layout=horizontal]),:host([layout=horizontal]) .container{flex-direction:row}:host([layout=grid]){display:grid}:host([layout=grid]) .container{display:grid;place-content:stretch;background-color:transparent;gap:var(--calcite-action-group-gap, var(--calcite-internal-action-group-gap));grid-template-columns:repeat(var(--calcite-action-group-columns, var(--calcite-internal-action-group-columns, 3)),auto);padding:var(--calcite-action-group-gap, 1px)}:host([layout=horizontal]) ::slotted(calcite-action-group){border-inline-end:var(--calcite-size-px)}:host([hidden]){display:none}[hidden]{display:none}`;
|
|
13
13
|
class ActionGroup extends LitElement {
|
|
14
14
|
constructor() {
|
|
15
15
|
super();
|
|
@@ -8,11 +8,11 @@ import { t as toAriaBoolean } from "../../chunks/aria.js";
|
|
|
8
8
|
import { a as getSlotAssignedElements } from "../../chunks/dom.js";
|
|
9
9
|
import { g as guid } from "../../chunks/guid.js";
|
|
10
10
|
import { i as isActivationKey } from "../../chunks/key.js";
|
|
11
|
-
import { i as isAction } from "../../chunks/
|
|
11
|
+
import { i as isAction } from "../../chunks/resources3.js";
|
|
12
12
|
import { i as isActionGroup } from "../../chunks/resources.js";
|
|
13
|
-
import { i as isTooltip } from "../../chunks/
|
|
13
|
+
import { i as isTooltip } from "../../chunks/resources10.js";
|
|
14
14
|
import { u as useFocusable } from "../../chunks/useFocusable.js";
|
|
15
|
-
import { I as IDS, C as CSS, S as SLOTS, a as ICONS } from "../../chunks/
|
|
15
|
+
import { I as IDS, C as CSS, S as SLOTS, a as ICONS } from "../../chunks/resources11.js";
|
|
16
16
|
const styles = css`:host([scale=s]){--calcite-internal-action-menu-gap: var( --calcite-action-menu-items-space, var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs)) );--calcite-internal-action-menu-padding: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m]){--calcite-internal-action-menu-gap: var( --calcite-action-menu-items-space, var(--calcite-theme-space-sm, var(--calcite-spacing-sm)) );--calcite-internal-action-menu-padding: var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]){--calcite-internal-action-menu-gap: var( --calcite-action-menu-items-space, var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus)) );--calcite-internal-action-menu-padding: var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus))}:host{box-sizing:border-box;display:flex;flex-direction:column;font-size:var(--calcite-font-size-relative-lg)}::slotted(calcite-action-group:not(:last-of-type)){border-block-end-width:var(--calcite-border-width-sm);padding-block-end:var(--calcite-internal-action-menu-padding)}.default-trigger{position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}.menu{display:flex;max-block-size:45vh;flex-direction:column;flex-wrap:nowrap;overflow-y:auto;overflow-x:hidden;outline:2px solid transparent;outline-offset:2px;gap:var(--calcite-internal-action-menu-gap);padding:var(--calcite-internal-action-menu-padding)}:host([hidden]){display:none}[hidden]{display:none}`;
|
|
17
17
|
const SUPPORTED_MENU_NAV_KEYS = ["ArrowUp", "ArrowDown", "End", "Home"];
|
|
18
18
|
class ActionMenu extends LitElement {
|
|
@@ -8,7 +8,7 @@ import { s as slotChangeHasAssignedElement, v as setRequestedIcon } from "../../
|
|
|
8
8
|
import { g as getIconScale } from "../../chunks/component.js";
|
|
9
9
|
import { N as NumberStringFormat } from "../../chunks/locale.js";
|
|
10
10
|
import { t as toggleOpenClose } from "../../chunks/openCloseComponent.js";
|
|
11
|
-
import { K as KindIcons, a as KindIconsFilled } from "../../chunks/
|
|
11
|
+
import { K as KindIcons, a as KindIconsFilled } from "../../chunks/resources2.js";
|
|
12
12
|
import { u as useT9n } from "../../chunks/useT9n.js";
|
|
13
13
|
import { u as useFocusable } from "../../chunks/useFocusable.js";
|
|
14
14
|
import { u as useTopLayer } from "../../chunks/useTopLayer.js";
|
|
@@ -67,7 +67,7 @@ class AlertManager {
|
|
|
67
67
|
});
|
|
68
68
|
}
|
|
69
69
|
}
|
|
70
|
-
const styles = css`:host([scale=s]){--calcite-internal-alert-action-spacing: var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}:host([scale=m]){--calcite-internal-alert-action-spacing: var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}:host([scale=l]){--calcite-internal-alert-action-spacing: var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host{display:block;inline-size:var(--calcite-alert-width)}.container--embedded,.container[popover]{pointer-events:none;position:fixed;margin-inline:auto;margin-block:0px;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:min-content;align-items:center;justify-content:center;padding:0;text-align:start;opacity:0;inset:initial;box-shadow:var(--calcite-alert-shadow, var(--calcite-shadow-md));background-color:var(--calcite-alert-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));border-radius:var(--calcite-alert-corner-radius, var(--calcite-border-radius));border-block-start:0 solid transparent;border-inline:1px solid var(--calcite-color-border-3);border-block-end:1px solid var(--calcite-color-border-3);max-inline-size:calc(100% - var(--calcite-alert-offset-size, 2rem) * 2);transition:opacity var(--calcite-internal-animation-timing-slow) ease-in-out,all var(--calcite-animation-timing) ease-in-out;overflow:visible}.container--bottom,.container--top,.container--bottom[popover],.container--top[popover]{inset-inline-end:0;inset-inline-start:0}.container[class*=bottom]{transform:translate3d(0,var(--calcite-alert-offset-size, 2rem),0);inset-block-end:var(--calcite-alert-offset-size, 2rem)}.container[class*=top]{transform:translate3d(0,calc(-1 * var(--calcite-alert-offset-size, 2rem)),0);inset-block-start:var(--calcite-alert-offset-size, 2rem)}.container[class*=start]{inset-inline-start:var(--calcite-alert-offset-size, 2rem);inset-inline-end:auto}.container[class*=end]{inset-inline-end:var(--calcite-alert-offset-size, 2rem);inset-inline-start:auto}.icon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;margin-block:auto;margin-inline-end:auto}.close{margin-inline-end:var(--calcite-internal-alert-action-spacing)}.queue-count{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;visibility:hidden;display:flex;min-inline-size:min-content;cursor:default;align-items:center;justify-content:space-around;align-self:stretch;overflow:hidden;text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2);opacity:0;border-inline:0 solid transparent;border-start-end-radius:0}.queue-count--active{visibility:visible;opacity:1}.dismiss-progress{position:absolute;display:block;inline-size:100%;overflow:hidden;inset-inline:0;inset-block-start:-2px;block-size:2px;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.dismiss-progress:after{position:absolute;inset-block-start:0px;display:block;block-size:2px;content:"";background-color:var(--calcite-color-transparent-tint);inset-inline-end:0}.actions-end{display:flex;gap:var(--calcite-internal-alert-action-spacing);padding-block:var(--calcite-internal-alert-action-spacing);padding-inline:0 var(--calcite-internal-alert-action-spacing)}.text-container{box-sizing:border-box;display:flex;min-inline-size:0px;flex:1 1 auto;flex-direction:column;overflow-wrap:break-word}.footer{position:relative;display:flex;inline-size:auto;justify-content:flex-end;align-self:stretch;padding-block-start:1px;block-size:inherit}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) .queue-count{margin-inline:.5rem}:host([scale=s]) .container{--calcite-internal-alert-min-height: 3.5rem;inline-size:var(--calcite-alert-width, 40em)}:host([scale=s]) .icon{padding-inline-start:.75rem}:host([scale=s]) .text-container{padding-block:.5rem;padding-inline:.75rem .5rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) .queue-count{margin-inline:.75rem}:host([scale=m]) .container{--calcite-internal-alert-min-height: 4.1875rem;inline-size:var(--calcite-alert-width, 50em)}:host([scale=m]) .icon{padding-inline-start:1rem}:host([scale=m]) .text-container{padding-block:.75rem;padding-inline:1rem .75rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-lg);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) .queue-count{margin-inline:1rem}:host([scale=l]) .container{--calcite-internal-alert-min-height: 5.625rem;inline-size:var(--calcite-alert-width, 60em)}:host([scale=l]) .icon{padding-inline-start:1.25rem}:host([scale=l]) .text-container{padding-block:1rem;padding-inline:1.25rem 1rem}:host([open]) .container--active{border-block-start-width:2px;opacity:1;pointer-events:initial}:host([open]) .container--active[class*=bottom]{transform:translate3d(0,calc(-1 * var(--calcite-alert-offset-size, 2rem)),inherit)}:host([open]) .container--active[class*=top]{transform:translate3d(0,var(--calcite-alert-offset-size, 2rem),inherit)}:host([auto-close])>.queue-count{border-inline-end:0 solid transparent}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){margin:0;display:inline;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug);font-weight:var(--calcite-font-weight-normal);margin-inline-end:.5rem;color:var(--calcite-color-text-2)}slot[name=link]::slotted(*),*::slotted([slot=link]){color:var(--calcite-color-text-link)}slot[name=link]::slotted(:not(calcite-link)){display:inline-flex}:host([kind=brand]) .container{border-block-start-color:var(--calcite-color-brand)}:host([kind=brand]) .container .icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-block-start-color:var(--calcite-color-status-info)}:host([kind=info]) .container .icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-block-start-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-block-start-color:var(--calcite-color-status-success)}:host([kind=success]) .container .icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-block-start-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .icon{color:var(--calcite-color-status-warning)}:host([auto-close-duration=fast]) .dismiss-progress:after{animation:dismissProgress calc(6s * var(--calcite-internal-duration-factor)) ease-out}:host(:hover[auto-close-duration=fast]) .dismiss-progress:after,:host(:focus[auto-close-duration=fast]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=medium]) .dismiss-progress:after{animation:dismissProgress calc(10s * var(--calcite-internal-duration-factor)) ease-out}:host(:hover[auto-close-duration=medium]) .dismiss-progress:after,:host(:focus[auto-close-duration=medium]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=slow]) .dismiss-progress:after{animation:dismissProgress calc(14s * var(--calcite-internal-duration-factor)) ease-out}:host(:hover[auto-close-duration=slow]) .dismiss-progress:after,:host(:focus[auto-close-duration=slow]) .dismiss-progress:after{animation-play-state:paused}.container.focused .dismiss-progress:after{animation-play-state:paused}@keyframes dismissProgress{0%{inline-size:0px;opacity:.75}to{inline-size:100%;opacity:1}}:host([top-layer-disabled]) .container,.container--embedded{z-index:var(--calcite-z-index-toast)}.container--embedded{position:absolute}:host([hidden]){display:none}[hidden]{display:none}:host([calcite-hydrated-hidden]){visibility:hidden!important;pointer-events:none}`;
|
|
70
|
+
const styles = css`:host([scale=s]){--calcite-internal-alert-action-spacing: var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}:host([scale=m]){--calcite-internal-alert-action-spacing: var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}:host([scale=l]){--calcite-internal-alert-action-spacing: var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host{display:block;inline-size:var(--calcite-alert-width)}.container--embedded,.container[popover]{box-sizing:border-box;position:fixed;display:flex;align-items:center;justify-content:center;min-inline-size:min-content;margin-inline:auto;margin-block:var(--calcite-space-none);padding:var(--calcite-space-none);opacity:0;pointer-events:none;text-align:start;inline-size:100%;inset:initial;box-shadow:var(--calcite-alert-shadow, var(--calcite-shadow-md));background-color:var(--calcite-alert-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));border-radius:var(--calcite-alert-corner-radius, var(--calcite-border-radius));border-block-start:0 solid transparent;border-inline:1px solid var(--calcite-color-border-3);border-block-end:1px solid var(--calcite-color-border-3);max-inline-size:calc(100% - var(--calcite-alert-offset-size, 2rem) * 2);transition:opacity var(--calcite-internal-animation-timing-slow) ease-in-out,all var(--calcite-animation-timing) ease-in-out;overflow:visible}.container--bottom,.container--top,.container--bottom[popover],.container--top[popover]{inset-inline-end:0;inset-inline-start:0}.container[class*=bottom]{transform:translate3d(0,var(--calcite-alert-offset-size, 2rem),0);inset-block-end:var(--calcite-alert-offset-size, 2rem)}.container[class*=top]{transform:translate3d(0,calc(-1 * var(--calcite-alert-offset-size, 2rem)),0);inset-block-start:var(--calcite-alert-offset-size, 2rem)}.container[class*=start]{inset-inline-start:var(--calcite-alert-offset-size, 2rem);inset-inline-end:auto}.container[class*=end]{inset-inline-end:var(--calcite-alert-offset-size, 2rem);inset-inline-start:auto}.icon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--calcite-space-none);margin-block:auto;margin-inline-end:auto}.close{margin-inline-end:var(--calcite-internal-alert-action-spacing)}.queue-count{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;cursor:default;display:flex;font-weight:var(--calcite-font-weight-medium);visibility:hidden;align-items:center;justify-content:space-around;min-inline-size:min-content;opacity:0;overflow:hidden;align-self:stretch;text-align:center;color:var(--calcite-color-text-2);border-inline:0 solid transparent;border-start-end-radius:0}.queue-count--active{visibility:visible;opacity:var(--calcite-opacity-full)}.dismiss-progress{position:absolute;display:block;inline-size:100%;overflow:hidden;inset-inline:0;inset-block-start:-2px;block-size:2px;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.dismiss-progress:after{position:absolute;inset-block-start:var(--calcite-space-none);display:block;block-size:2px;content:"";background-color:var(--calcite-color-transparent-tint);inset-inline-end:0}.actions-end{display:flex;gap:var(--calcite-internal-alert-action-spacing);padding-block:var(--calcite-internal-alert-action-spacing);padding-inline:0 var(--calcite-internal-alert-action-spacing)}.text-container{box-sizing:border-box;display:flex;flex:1 1 auto;min-inline-size:var(--calcite-space-none);flex-direction:column;overflow-wrap:break-word}.footer{display:flex;justify-content:flex-end;padding-block-start:var(--calcite-space-px);position:relative;align-self:stretch;inline-size:auto;block-size:inherit}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) .queue-count{margin-inline:var(--calcite-space-sm)}:host([scale=s]) .container{--calcite-internal-alert-min-height: 3.5rem;inline-size:var(--calcite-alert-width, 40em)}:host([scale=s]) .icon{padding-inline-start:.75rem}:host([scale=s]) .text-container{padding-block:.5rem;padding-inline:.75rem .5rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) .queue-count{margin-inline:var(--calcite-space-md)}:host([scale=m]) .container{--calcite-internal-alert-min-height: 4.1875rem;inline-size:var(--calcite-alert-width, 50em)}:host([scale=m]) .icon{padding-inline-start:1rem}:host([scale=m]) .text-container{padding-block:.75rem;padding-inline:1rem .75rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-lg);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) .queue-count{margin-inline:var(--calcite-space-lg)}:host([scale=l]) .container{--calcite-internal-alert-min-height: 5.625rem;inline-size:var(--calcite-alert-width, 60em)}:host([scale=l]) .icon{padding-inline-start:1.25rem}:host([scale=l]) .text-container{padding-block:1rem;padding-inline:1.25rem 1rem}:host([open]) .container--active{border-block-start-width:var(--calcite-border-width-md);opacity:var(--calcite-opacity-full);pointer-events:initial}:host([open]) .container--active[class*=bottom]{transform:translate3d(0,calc(-1 * var(--calcite-alert-offset-size, 2rem)),inherit)}:host([open]) .container--active[class*=top]{transform:translate3d(0,var(--calcite-alert-offset-size, 2rem),inherit)}:host([auto-close])>.queue-count{border-inline-end:0 solid transparent}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug);margin:var(--calcite-space-none);display:inline;font-weight:var(--calcite-theme-font-weight-regular, var(--calcite-font-weight-normal));margin-inline-end:.5rem;color:var(--calcite-color-text-2)}slot[name=link]::slotted(*),*::slotted([slot=link]){color:var(--calcite-color-text-link)}slot[name=link]::slotted(:not(calcite-link)){display:inline-flex}:host([kind=brand]) .container{border-block-start-color:var(--calcite-color-brand)}:host([kind=brand]) .container .icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-block-start-color:var(--calcite-color-status-info)}:host([kind=info]) .container .icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-block-start-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-block-start-color:var(--calcite-color-status-success)}:host([kind=success]) .container .icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-block-start-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .icon{color:var(--calcite-color-status-warning)}:host([auto-close-duration=fast]) .dismiss-progress:after{animation:dismissProgress calc(6s * var(--calcite-internal-duration-factor)) ease-out}:host(:hover[auto-close-duration=fast]) .dismiss-progress:after,:host(:focus[auto-close-duration=fast]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=medium]) .dismiss-progress:after{animation:dismissProgress calc(10s * var(--calcite-internal-duration-factor)) ease-out}:host(:hover[auto-close-duration=medium]) .dismiss-progress:after,:host(:focus[auto-close-duration=medium]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=slow]) .dismiss-progress:after{animation:dismissProgress calc(14s * var(--calcite-internal-duration-factor)) ease-out}:host(:hover[auto-close-duration=slow]) .dismiss-progress:after,:host(:focus[auto-close-duration=slow]) .dismiss-progress:after{animation-play-state:paused}.container.focused .dismiss-progress:after{animation-play-state:paused}@keyframes dismissProgress{0%{inline-size:var(--calcite-space-none);opacity:.75}to{inline-size:100%;opacity:var(--calcite-opacity-full)}}:host([top-layer-disabled]) .container,.container--embedded{z-index:var(--calcite-z-index-toast)}.container--embedded{position:absolute}:host([hidden]){display:none}[hidden]{display:none}:host([calcite-hydrated-hidden]){visibility:hidden!important;pointer-events:none}`;
|
|
71
71
|
const manager = new AlertManager();
|
|
72
72
|
class Alert extends LitElement {
|
|
73
73
|
constructor() {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
|
|
2
|
-
import { c as customElement } from "../../chunks/runtime.js";
|
|
2
|
+
import { C as CSS_UTILITY, c as customElement } from "../../chunks/runtime.js";
|
|
3
3
|
import { repeat } from "lit/directives/repeat.js";
|
|
4
4
|
import { css, nothing, html } from "lit";
|
|
5
5
|
import { LitElement, createEvent, stringOrBoolean, safeClassMap } from "@arcgis/lumina";
|
|
@@ -11,8 +11,8 @@ import { g as getLabelText } from "../../chunks/label.js";
|
|
|
11
11
|
import { s as slotChangeHasAssignedElement, a as getSlotAssignedElements } from "../../chunks/dom.js";
|
|
12
12
|
import { g as guid } from "../../chunks/guid.js";
|
|
13
13
|
import { u as useT9n } from "../../chunks/useT9n.js";
|
|
14
|
-
import { i as isAutocompleteItem } from "../../chunks/
|
|
15
|
-
import { i as isAutocompleteItemGroup } from "../../chunks/
|
|
14
|
+
import { i as isAutocompleteItem } from "../../chunks/resources5.js";
|
|
15
|
+
import { i as isAutocompleteItemGroup } from "../../chunks/resources4.js";
|
|
16
16
|
import { I as InternalLabel } from "../../chunks/InternalLabel.js";
|
|
17
17
|
import { V as Validation } from "../../chunks/Validation.js";
|
|
18
18
|
import { c as createObserver, u as updateRefObserver } from "../../chunks/observers.js";
|
|
@@ -22,7 +22,8 @@ import { t as toggleOpenClose } from "../../chunks/openCloseComponent.js";
|
|
|
22
22
|
import { u as useTopLayer } from "../../chunks/useTopLayer.js";
|
|
23
23
|
import { u as useForm } from "../../chunks/useForm.js";
|
|
24
24
|
import { u as useLabel } from "../../chunks/useLabel.js";
|
|
25
|
-
|
|
25
|
+
import { s as styles$1 } from "../../chunks/screen-reader.js";
|
|
26
|
+
const styles = css`: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{inline-size: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, var(--calcite-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{inline-size:100%;box-sizing:border-box}.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{overflow-y:auto;inline-size:100%;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-theme-color-surface-2, var(--calcite-color-foreground-1)));border-radius:var(--calcite-autocomplete-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)))}.content--hidden{display:none}@media(forced-colors:active){.floating-ui-container--active{border:1px solid canvasText}}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-theme-space-base, var(--calcite-spacing-base))}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`;
|
|
26
27
|
const SLOTS = {
|
|
27
28
|
contentBottom: "content-bottom",
|
|
28
29
|
contentTop: "content-top"
|
|
@@ -35,8 +36,7 @@ const CSS = {
|
|
|
35
36
|
content: "content",
|
|
36
37
|
contentHidden: "content--hidden",
|
|
37
38
|
floatingUIContainer: "floating-ui-container",
|
|
38
|
-
floatingUIContainerActive: "floating-ui-container--active"
|
|
39
|
-
screenReadersOnly: "screen-readers-only"
|
|
39
|
+
floatingUIContainerActive: "floating-ui-container--active"
|
|
40
40
|
};
|
|
41
41
|
const idPrefix = "autocomplete";
|
|
42
42
|
const IDS = {
|
|
@@ -107,7 +107,7 @@ class Autocomplete extends LitElement {
|
|
|
107
107
|
this.formAssociated = true;
|
|
108
108
|
}
|
|
109
109
|
static {
|
|
110
|
-
this.styles = styles;
|
|
110
|
+
this.styles = [styles, styles$1];
|
|
111
111
|
}
|
|
112
112
|
get isOpen() {
|
|
113
113
|
return this.open && (this.hasContentTop || this.hasContentBottom || this.items.length > 0);
|
|
@@ -442,7 +442,7 @@ class Autocomplete extends LitElement {
|
|
|
442
442
|
})} ${ref(this.transitionRef)}><div class=${safeClassMap({ [CSS.content]: true, [CSS.contentHidden]: !isOpen })}><slot name=${SLOTS.contentTop} @slotchange=${this.handleContentTopSlotChange}></slot><slot aria-hidden=true @slotchange=${this.handleDefaultSlotChange} ${ref(this.defaultSlotRef)}></slot><slot name=${SLOTS.contentBottom} @slotchange=${this.handleContentBottomSlotChange}></slot></div></div></div></div>${this.validationMessage && this.status === "invalid" ? Validation({ icon: this.validationIcon, id: IDS.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status }) : null}` });
|
|
443
443
|
}
|
|
444
444
|
renderListBox() {
|
|
445
|
-
return html`<ul .ariaLabel=${getLabelText(this)} aria-live=polite class=${safeClassMap(
|
|
445
|
+
return html`<ul .ariaLabel=${getLabelText(this)} aria-live=polite class=${safeClassMap(CSS_UTILITY.screenReaderText)} id=${this.listId ?? nothing} role=listbox tabindex=-1 ${ref(this.listboxRef)}>${this.renderListBoxOptions()}</ul>`;
|
|
446
446
|
}
|
|
447
447
|
renderListBoxOptions() {
|
|
448
448
|
return repeat(this.items.filter((item) => !!(item.label || item.heading)), (item) => item.guid, (item) => html`<li .ariaDisabled=${item.disabled} .ariaLabel=${item.label} .ariaSelected=${item.selected} role=option tabindex=-1 ${ref(this.getListboxOptionRef(item))}>${item.heading}${item.description}</li>`);
|
|
@@ -6,8 +6,8 @@ import { g as getIconScale } from "../../chunks/component.js";
|
|
|
6
6
|
import { g as guid } from "../../chunks/guid.js";
|
|
7
7
|
import { h as highlightText } from "../../chunks/text.js";
|
|
8
8
|
import { u as useInteractive } from "../../chunks/useInteractive.js";
|
|
9
|
-
import { I as IDS, S as SLOTS, C as CSS } from "../../chunks/
|
|
10
|
-
const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}.scale--s{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);--calcite-internal-autocomplete-item-spacing-unit-l: .5rem;--calcite-internal-autocomplete-item-spacing-unit-s: .25rem;--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size-xs)}.scale--m{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);--calcite-internal-autocomplete-item-spacing-unit-l: .75rem;--calcite-internal-autocomplete-item-spacing-unit-s: .375rem;--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size-sm)}.scale--l{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);--calcite-internal-autocomplete-item-spacing-unit-l: 1rem;--calcite-internal-autocomplete-item-spacing-unit-s: var(--calcite-space-sm-plus);--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size)}:host{display:flex}.container{
|
|
9
|
+
import { I as IDS, S as SLOTS, C as CSS } from "../../chunks/resources5.js";
|
|
10
|
+
const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}.scale--s{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);--calcite-internal-autocomplete-item-spacing-unit-l: .5rem;--calcite-internal-autocomplete-item-spacing-unit-s: .25rem;--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size-xs)}.scale--m{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);--calcite-internal-autocomplete-item-spacing-unit-l: .75rem;--calcite-internal-autocomplete-item-spacing-unit-s: .375rem;--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size-sm)}.scale--l{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);--calcite-internal-autocomplete-item-spacing-unit-l: 1rem;--calcite-internal-autocomplete-item-spacing-unit-s: var(--calcite-space-sm-plus);--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size)}:host{display:flex}.container{display:flex;inline-size:100%;min-inline-size:100%;cursor:pointer;outline-color:var(--calcite-color-transparent);position:relative;box-sizing:border-box;align-items:center;background-color:var(--calcite-autocomplete-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));color:var(--calcite-autocomplete-text-color, var(--calcite-color-text-3));gap:var(--calcite-internal-autocomplete-item-spacing-unit-l);padding-inline:var(--calcite-internal-autocomplete-item-spacing-unit-l);padding-block:var(--calcite-internal-autocomplete-item-spacing-unit-s);overflow-wrap:break-word;word-break:break-word;justify-content:space-around}.description{color:var(--calcite-autocomplete-description-text-color);font-size:var(--calcite-internal-autocomplete-item-description-font-size)}.heading{color:var(--calcite-autocomplete-heading-text-color, var(--calcite-color-text-1))}.heading,.description{line-height:var(--calcite-font-line-height-relative-snug)}:host([selected]) .heading{font-weight:var(--calcite-font-weight-medium)}:host(:hover:not([disabled]):not([selected])) .container{background-color:var(--calcite-autocomplete-background-color, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)))}:host(:hover:not([disabled]):not([selected])) .container .description{color:var(--calcite-autocomplete-description-text-color, var(--calcite-color-text-2))}:host([selected]) .container{color:var(--calcite-color-text-1);background-color:var(--calcite-color-surface-highlight)}:host([selected]) .container .description{color:var(--calcite-autocomplete-description-text-color, var(--calcite-color-text-2))}.container--active{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.content-center{display:flex;flex-direction:column;flex-grow:1;padding-block:0}.text-match{background-color:transparent;color:inherit;font-weight:var(--calcite-font-weight-bold)}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`;
|
|
11
11
|
class AutocompleteItem extends LitElement {
|
|
12
12
|
constructor() {
|
|
13
13
|
super(...arguments);
|
|
@@ -4,9 +4,9 @@ import { css, html } from "lit";
|
|
|
4
4
|
import { LitElement, createEvent, safeClassMap, nothing } from "@arcgis/lumina";
|
|
5
5
|
import { createRef, ref } from "lit/directives/ref.js";
|
|
6
6
|
import { a as getSlotAssignedElements } from "../../chunks/dom.js";
|
|
7
|
-
import { i as isAutocompleteItem } from "../../chunks/
|
|
8
|
-
import { C as CSS } from "../../chunks/
|
|
9
|
-
const styles = css`.scale--s{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);--calcite-internal-autocomplete-item-group-horizontal-spacing-unit: var( --calcite-theme-space-sm, var(--calcite-spacing-sm) );--calcite-internal-autocomplete-item-group-vertical-spacing-unit: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs) )}.scale--s .first-title{padding-block-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}.scale--s .separator{margin-block:var(--calcite-internal-autocomplete-item-group-vertical-spacing-unit);margin-inline:var(--calcite-internal-autocomplete-item-group-horizontal-spacing-unit)}.scale--m{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);--calcite-internal-autocomplete-item-group-horizontal-spacing-unit: var( --calcite-theme-space-md, var(--calcite-spacing-md) );--calcite-internal-autocomplete-item-group-vertical-spacing-unit: var( --calcite-theme-space-xs, var(--calcite-spacing-xs) )}.scale--m .first-title{padding-block-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}.scale--m .separator{margin-block:var(--calcite-internal-autocomplete-item-group-vertical-spacing-unit);margin-inline:var(--calcite-internal-autocomplete-item-group-horizontal-spacing-unit)}.scale--l{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);--calcite-internal-autocomplete-item-group-horizontal-spacing-unit: var( --calcite-theme-space-lg, var(--calcite-spacing-lg) );--calcite-internal-autocomplete-item-group-vertical-spacing-unit: var( --calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus) )}.scale--l .first-title{padding-block-start:var(--calcite-theme-space-xl, var(--calcite-spacing-xl))}.scale--l .separator{margin-block:var(--calcite-internal-autocomplete-item-group-vertical-spacing-unit);margin-inline:var(--calcite-internal-autocomplete-item-group-horizontal-spacing-unit)}:host{margin:
|
|
7
|
+
import { i as isAutocompleteItem } from "../../chunks/resources5.js";
|
|
8
|
+
import { C as CSS } from "../../chunks/resources4.js";
|
|
9
|
+
const styles = css`.scale--s{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);--calcite-internal-autocomplete-item-group-horizontal-spacing-unit: var( --calcite-theme-space-sm, var(--calcite-spacing-sm) );--calcite-internal-autocomplete-item-group-vertical-spacing-unit: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs) )}.scale--s .first-title{padding-block-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}.scale--s .separator{margin-block:var(--calcite-internal-autocomplete-item-group-vertical-spacing-unit);margin-inline:var(--calcite-internal-autocomplete-item-group-horizontal-spacing-unit)}.scale--m{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);--calcite-internal-autocomplete-item-group-horizontal-spacing-unit: var( --calcite-theme-space-md, var(--calcite-spacing-md) );--calcite-internal-autocomplete-item-group-vertical-spacing-unit: var( --calcite-theme-space-xs, var(--calcite-spacing-xs) )}.scale--m .first-title{padding-block-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}.scale--m .separator{margin-block:var(--calcite-internal-autocomplete-item-group-vertical-spacing-unit);margin-inline:var(--calcite-internal-autocomplete-item-group-horizontal-spacing-unit)}.scale--l{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);--calcite-internal-autocomplete-item-group-horizontal-spacing-unit: var( --calcite-theme-space-lg, var(--calcite-spacing-lg) );--calcite-internal-autocomplete-item-group-vertical-spacing-unit: var( --calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus) )}.scale--l .first-title{padding-block-start:var(--calcite-theme-space-xl, var(--calcite-spacing-xl))}.scale--l .separator{margin-block:var(--calcite-internal-autocomplete-item-group-vertical-spacing-unit);margin-inline:var(--calcite-internal-autocomplete-item-group-horizontal-spacing-unit)}:host{margin:var(--calcite-space-none);display:flex;flex-direction:column}.container{display:flex;flex-direction:column;background-color:var(--calcite-autocomplete-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}.container--no-spacing{padding-block-start:0}.separator{block-size:var(--calcite-theme-space-px, var(--calcite-spacing-px));background-color:var(--calcite-autocomplete-border-color, var(--calcite-color-border-3))}.heading{overflow-wrap:break-word;word-break:break-word;box-sizing:border-box;inline-size:100%;min-inline-size:var(--calcite-space-none);max-inline-size:100%;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-autocomplete-text-color, var(--calcite-color-text-1));padding-block:var(--calcite-internal-autocomplete-item-group-vertical-spacing-unit);padding-inline:var(--calcite-internal-autocomplete-item-group-horizontal-spacing-unit)}:host([hidden]){display:none}[hidden]{display:none}`;
|
|
10
10
|
const itemSelector = "calcite-autocomplete-item";
|
|
11
11
|
class AutocompleteItemGroup extends LitElement {
|
|
12
12
|
constructor() {
|
|
@@ -55,7 +55,7 @@ function rgbToHue(rgb) {
|
|
|
55
55
|
function hexToHue(hex) {
|
|
56
56
|
return rgbToHue(hexToRGB(hex));
|
|
57
57
|
}
|
|
58
|
-
const styles = css`:host{display:inline-block;overflow:hidden;border-radius:var(--calcite-avatar-corner-radius, 50%);color:var(--calcite-avatar-color, var(--calcite-color-text-2))}:host([scale=s]){
|
|
58
|
+
const styles = css`:host{display:inline-block;flex-shrink:0;overflow:hidden;border-radius:var(--calcite-avatar-corner-radius, 50%);color:var(--calcite-avatar-color, var(--calcite-color-text-2))}:host([scale=s]){font-size:var(--calcite-font-size-relative-xs);block-size:var(--calcite-space-2xl);inline-size:var(--calcite-space-2xl)}:host([scale=m]){font-size:var(--calcite-font-size-relative-sm);block-size:var(--calcite-space-3xl);inline-size:var(--calcite-space-3xl)}:host([scale=l]){font-size:var(--calcite-font-size-relative-md);block-size:var(--calcite-space-4xl);inline-size:var(--calcite-space-4xl)}.icon{display:flex}.background{display:flex;block-size:100%;inline-size:100%;align-items:center;justify-content:center;border-radius:var(--calcite-avatar-corner-radius, 50%)}.initials{font-weight:var(--calcite-font-weight-bold);text-transform:uppercase}.thumbnail{block-size:100%;inline-size:100%;border-radius:var(--calcite-avatar-corner-radius, 50%)}:host([hidden]){display:none}[hidden]{display:none}`;
|
|
59
59
|
class Avatar extends LitElement {
|
|
60
60
|
constructor() {
|
|
61
61
|
super(...arguments);
|
|
@@ -226,34 +226,10 @@ export abstract class Block extends LitElement {
|
|
|
226
226
|
* @see [MDN - focus(options)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)
|
|
227
227
|
*/
|
|
228
228
|
setFocus(options?: FocusOptions): Promise<void>;
|
|
229
|
-
/**
|
|
230
|
-
* Fires when the component is requested to be closed and before the closing transition begins.
|
|
231
|
-
*
|
|
232
|
-
* @deprecated in v3.1.0, removal target v6.0.0 - No direct replacement. Use `calciteBlockCollapse` to respond when the component's `expanded` state changes.
|
|
233
|
-
*/
|
|
234
|
-
readonly calciteBlockBeforeClose: import("@arcgis/lumina").TargetedEvent<this, void>;
|
|
235
|
-
/**
|
|
236
|
-
* Fires when the component is added to the DOM but not rendered, and before the opening transition begins.
|
|
237
|
-
*
|
|
238
|
-
* @deprecated in v3.1.0, removal target v6.0.0 - No direct replacement. Use `calciteBlockExpand` to respond when the component's `expanded` state changes.
|
|
239
|
-
*/
|
|
240
|
-
readonly calciteBlockBeforeOpen: import("@arcgis/lumina").TargetedEvent<this, void>;
|
|
241
|
-
/**
|
|
242
|
-
* Fires when the component is closed and animation is complete.
|
|
243
|
-
*
|
|
244
|
-
* @deprecated in v3.1.0, removal target v6.0.0 - Use `calciteBlockCollapse` instead.
|
|
245
|
-
*/
|
|
246
|
-
readonly calciteBlockClose: import("@arcgis/lumina").TargetedEvent<this, void>;
|
|
247
229
|
/** Fires when the component's content area is collapsed. */
|
|
248
230
|
readonly calciteBlockCollapse: import("@arcgis/lumina").TargetedEvent<this, void>;
|
|
249
231
|
/** Fires when the component's content area is expanded. */
|
|
250
232
|
readonly calciteBlockExpand: import("@arcgis/lumina").TargetedEvent<this, void>;
|
|
251
|
-
/**
|
|
252
|
-
* Fires when the component is open and animation is complete.
|
|
253
|
-
*
|
|
254
|
-
* @deprecated in v3.1.0, removal target v6.0.0 - Use `calciteBlockExpand` instead.
|
|
255
|
-
*/
|
|
256
|
-
readonly calciteBlockOpen: import("@arcgis/lumina").TargetedEvent<this, void>;
|
|
257
233
|
/** Fires when the sort handle is requested to be closed and before the closing transition begins. */
|
|
258
234
|
readonly calciteBlockSortHandleBeforeClose: import("@arcgis/lumina").TargetedEvent<this, void>;
|
|
259
235
|
/** Fires when the sort handle is added to the DOM but not rendered, and before the opening transition begins. */
|
|
@@ -262,23 +238,12 @@ export abstract class Block extends LitElement {
|
|
|
262
238
|
readonly calciteBlockSortHandleClose: import("@arcgis/lumina").TargetedEvent<this, void>;
|
|
263
239
|
/** Fires when the sort handle is open and animation is complete. */
|
|
264
240
|
readonly calciteBlockSortHandleOpen: import("@arcgis/lumina").TargetedEvent<this, void>;
|
|
265
|
-
/**
|
|
266
|
-
* Fires when the component's header is clicked.
|
|
267
|
-
*
|
|
268
|
-
* @deprecated in v3.0.0, removal target v6.0.0 - Use `openClose` events such as `calciteBlockOpen`, `calciteBlockClose`, `calciteBlockBeforeOpen`, and `calciteBlockBeforeClose` instead.
|
|
269
|
-
*/
|
|
270
|
-
readonly calciteBlockToggle: import("@arcgis/lumina").TargetedEvent<this, void>;
|
|
271
241
|
readonly "@eventTypes": {
|
|
272
|
-
calciteBlockBeforeClose: Block["calciteBlockBeforeClose"]["detail"];
|
|
273
|
-
calciteBlockBeforeOpen: Block["calciteBlockBeforeOpen"]["detail"];
|
|
274
|
-
calciteBlockClose: Block["calciteBlockClose"]["detail"];
|
|
275
242
|
calciteBlockCollapse: Block["calciteBlockCollapse"]["detail"];
|
|
276
243
|
calciteBlockExpand: Block["calciteBlockExpand"]["detail"];
|
|
277
|
-
calciteBlockOpen: Block["calciteBlockOpen"]["detail"];
|
|
278
244
|
calciteBlockSortHandleBeforeClose: Block["calciteBlockSortHandleBeforeClose"]["detail"];
|
|
279
245
|
calciteBlockSortHandleBeforeOpen: Block["calciteBlockSortHandleBeforeOpen"]["detail"];
|
|
280
246
|
calciteBlockSortHandleClose: Block["calciteBlockSortHandleClose"]["detail"];
|
|
281
247
|
calciteBlockSortHandleOpen: Block["calciteBlockSortHandleOpen"]["detail"];
|
|
282
|
-
calciteBlockToggle: Block["calciteBlockToggle"]["detail"];
|
|
283
248
|
};
|
|
284
249
|
}
|