@esri/calcite-components 5.0.0-next.20 → 5.0.0-next.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/2GB6JN77.js +4 -0
- package/dist/cdn/{J4DRZAJB.js → 2IW6XXMN.js} +1 -1
- package/dist/cdn/{Q4K4YYUW.js → 2PBM6B5O.js} +2 -2
- package/dist/cdn/2XPHCHWH.js +4 -0
- package/dist/cdn/{7VXVXZ3B.js → 3CML55ZK.js} +1 -1
- package/dist/cdn/{MVA52PQK.js → 3MVOZNRJ.js} +2 -2
- package/dist/cdn/3TXLQFKA.js +4 -0
- package/dist/cdn/3V2B5S5O.js +4 -0
- package/dist/cdn/3ZMH6VLB.js +4 -0
- package/dist/cdn/44DLCOHW.js +4 -0
- package/dist/cdn/4AWEYVR4.js +4 -0
- package/dist/cdn/4EGIU5J3.js +4 -0
- package/dist/cdn/{MJGSLUGT.js → 4YRGPHDD.js} +1 -1
- package/dist/cdn/57DGFDHH.js +4 -0
- package/dist/cdn/5JMFREUA.js +4 -0
- package/dist/cdn/{IMAX667P.js → 5VEK4JDT.js} +2 -2
- package/dist/cdn/5WBWTEWE.js +4 -0
- package/dist/cdn/5WZUXZ5B.js +4 -0
- package/dist/cdn/5YBPXYJZ.js +4 -0
- package/dist/cdn/67KX6UQJ.js +4 -0
- package/dist/cdn/6D6FT6QA.js +4 -0
- package/dist/cdn/{H4FPQO4S.js → 6DEHZOEV.js} +2 -2
- package/dist/cdn/6K6QAG2O.js +4 -0
- package/dist/cdn/6KEA3HP7.js +4 -0
- package/dist/cdn/{2FMFA7KS.js → 6PA7NX4D.js} +2 -2
- package/dist/cdn/6ZTC2XUO.js +4 -0
- package/dist/cdn/7EHFM3SB.js +4 -0
- package/dist/cdn/{C72N4LWS.js → 7FXMJXF5.js} +2 -2
- package/dist/cdn/{O3GEEYWJ.js → 7NA3W4P2.js} +2 -2
- package/dist/cdn/7P6DMNJV.js +4 -0
- package/dist/cdn/{RNXG2HL2.js → 7Z7MDHP5.js} +1 -1
- package/dist/cdn/7ZJ45FKL.js +4 -0
- package/dist/cdn/{72CL6X5U.js → A2Y6CXFO.js} +2 -2
- package/dist/cdn/AEVR6ZK2.js +4 -0
- package/dist/cdn/AF5ENX46.js +4 -0
- package/dist/cdn/{A725C4RY.js → AGCED3RQ.js} +2 -2
- package/dist/cdn/AWVDNW63.js +4 -0
- package/dist/cdn/{J2Q2XVAU.js → AWVXLTPD.js} +1 -1
- package/dist/cdn/AYQ76DRU.js +4 -0
- package/dist/cdn/{EECTJGAA.js → B6SXDZLB.js} +2 -2
- package/dist/cdn/{7R5DU5XB.js → BIDVORW5.js} +2 -2
- package/dist/cdn/BMRA5ST6.js +4 -0
- package/dist/cdn/{4MYVWQD2.js → BN2BFTMK.js} +2 -2
- package/dist/cdn/{XBSSXY5B.js → BN3ESSJB.js} +1 -1
- package/dist/cdn/{TSE3G5RC.js → BNXRPXJI.js} +2 -2
- package/dist/cdn/C4SV65BC.js +4 -0
- package/dist/cdn/CBYIGLON.js +4 -0
- package/dist/cdn/CJYOZS2W.js +4 -0
- package/dist/cdn/{5KBCNJMK.js → CKPSZAQE.js} +1 -1
- package/dist/cdn/CPGHBNOO.js +4 -0
- package/dist/cdn/CPWCSL4X.js +4 -0
- package/dist/cdn/{WBHG4BTX.js → CVXPA33U.js} +1 -1
- package/dist/cdn/D4ZCR65R.js +4 -0
- package/dist/cdn/{JO2HD2HM.js → D6PUUQ36.js} +2 -2
- package/dist/cdn/{WH7PXYR5.js → DCR6NOTZ.js} +2 -2
- package/dist/cdn/E5RNFT52.js +4 -0
- package/dist/cdn/ESI4A5LT.js +4 -0
- package/dist/cdn/EWOTUOZA.js +4 -0
- package/dist/cdn/F37KDDOB.js +4 -0
- package/dist/cdn/FAHNZEUF.js +4 -0
- package/dist/cdn/FDCHEZ7C.js +4 -0
- package/dist/cdn/{W3O65UY4.js → FHHZH3YZ.js} +1 -1
- package/dist/cdn/FMWOYWG2.js +4 -0
- package/dist/cdn/{ZUPZD6DA.js → FPA3LX46.js} +2 -2
- package/dist/cdn/G3ZOH3X6.js +4 -0
- package/dist/cdn/{OTMUJPNO.js → G6J7J6UV.js} +2 -2
- package/dist/cdn/{REPPZOOI.js → GBKUICES.js} +2 -2
- package/dist/cdn/GFK7W6KG.js +4 -0
- package/dist/cdn/{PH5WMQX7.js → GLB66Z4X.js} +2 -2
- package/dist/cdn/H2YNJG5I.js +4 -0
- package/dist/cdn/{VB2KJUAO.js → H6JY4TLT.js} +2 -2
- package/dist/cdn/HEVQ2LCU.js +4 -0
- package/dist/cdn/{PU35J4X4.js → HHXCNSRO.js} +2 -2
- package/dist/cdn/{GUI5UUVV.js → HLOHW3HC.js} +1 -1
- package/dist/cdn/{OQUXR676.js → HUS6FFRJ.js} +2 -2
- package/dist/cdn/{TSINTTWS.js → I26Z5MSK.js} +2 -2
- package/dist/cdn/ID72TG4A.js +4 -0
- package/dist/cdn/IQYQ5FMI.js +4 -0
- package/dist/cdn/ISVLQ33O.js +4 -0
- package/dist/cdn/{Q6A6EX6O.js → ISZMFQQH.js} +2 -2
- package/dist/cdn/ITPMNVSN.js +4 -0
- package/dist/cdn/{ZC6PF7V3.js → J4F5F6WX.js} +1 -1
- package/dist/cdn/{7EMDOSI4.js → J5L5B4RM.js} +2 -2
- package/dist/cdn/{JO74DSMA.js → JH724KDX.js} +2 -2
- package/dist/cdn/KDMBYWBP.js +4 -0
- package/dist/cdn/{7XNPKNSE.js → KRRWBYLT.js} +1 -1
- package/dist/cdn/{LOADRZR6.js → KUXM3FYV.js} +1 -1
- package/dist/cdn/{F4HPX5LW.js → KYGPAK6E.js} +2 -2
- package/dist/cdn/L6VETJE7.js +4 -0
- package/dist/cdn/{LPQMUKQC.js → LBBTSMHU.js} +2 -2
- package/dist/cdn/{DLB2PJAT.js → LFHO5RGS.js} +2 -2
- package/dist/cdn/LGDJX7RL.js +4 -0
- package/dist/cdn/{AARD4D3A.js → LI5YPUR2.js} +2 -2
- package/dist/cdn/LOUMN74F.js +4 -0
- package/dist/cdn/{MNXDOMLF.js → LPOWOAP7.js} +1 -1
- package/dist/cdn/M45EPFWM.js +4 -0
- package/dist/cdn/MDUEXGAY.js +4 -0
- package/dist/cdn/MGJB7QBD.js +4 -0
- package/dist/cdn/MLZ6SYFA.js +4 -0
- package/dist/cdn/{IZ7WJ7QX.js → NB2WCFCL.js} +1 -1
- package/dist/cdn/{XMEHXJJQ.js → NDKJMPH3.js} +2 -2
- package/dist/cdn/NE73M6V2.js +4 -0
- package/dist/cdn/NFTS23CV.js +4 -0
- package/dist/cdn/NLJNCTZJ.js +4 -0
- package/dist/cdn/{27NOOKAR.js → O5XW2W3N.js} +2 -2
- package/dist/cdn/{TYGNWLYN.js → OB6IN7GG.js} +2 -2
- package/dist/cdn/OTWUK5WT.js +4 -0
- package/dist/cdn/OUQLWQG7.js +4 -0
- package/dist/cdn/OXVZPNMT.js +4 -0
- package/dist/cdn/P4NYZCMY.js +4 -0
- package/dist/cdn/PCXLRABT.js +4 -0
- package/dist/cdn/{DOOXMMWD.js → PEZKBPAP.js} +2 -2
- package/dist/cdn/{2GQ3IGFT.js → PFTAY2JN.js} +2 -2
- package/dist/cdn/PM27AOKE.js +4 -0
- package/dist/cdn/POQ4DRFT.js +4 -0
- package/dist/cdn/{C5Y7N7YV.js → POTFFZRX.js} +2 -2
- package/dist/cdn/PR4YPPZ2.js +4 -0
- package/dist/cdn/PUXCZLJX.js +4 -0
- package/dist/cdn/PYLK2BNZ.js +4 -0
- package/dist/cdn/Q4FFQR4A.js +4 -0
- package/dist/cdn/Q5Z6YMDD.js +4 -0
- package/dist/cdn/Q7HZHE7C.js +4 -0
- package/dist/cdn/QJU2P6E3.js +4 -0
- package/dist/cdn/{UILDJIKI.js → QKXHA3YM.js} +1 -1
- package/dist/cdn/QKY4UDHD.js +4 -0
- package/dist/cdn/QOKGNFI5.js +4 -0
- package/dist/cdn/{PPGCFOB5.js → R5SEYYAN.js} +1 -1
- package/dist/cdn/RBLHUDYM.js +4 -0
- package/dist/cdn/{SKKUQJZG.js → RGN2XYYG.js} +1 -1
- package/dist/cdn/RINDCRZM.js +4 -0
- package/dist/cdn/RPJGKPPW.js +4 -0
- package/dist/cdn/S3ITSR2P.js +4 -0
- package/dist/cdn/{KHMGAW4R.js → SCREIKXF.js} +2 -2
- package/dist/cdn/{DT47K6OF.js → SDCGE6UY.js} +2 -2
- package/dist/cdn/{C2U3QXMO.js → SMCJVJBQ.js} +2 -2
- package/dist/cdn/SVPH24SK.js +4 -0
- package/dist/cdn/SXCU7LW4.js +4 -0
- package/dist/cdn/{ZP7TEPSN.js → SYAVEZ6X.js} +2 -2
- package/dist/cdn/T534H6HD.js +4 -0
- package/dist/cdn/T57ROLBK.js +4 -0
- package/dist/cdn/{34RLRWXD.js → TCBKBDOC.js} +1 -1
- package/dist/cdn/TMFSE6VW.js +4 -0
- package/dist/cdn/{X42ADUPK.js → TNDG4F6U.js} +2 -2
- package/dist/cdn/TUL5IRJ3.js +4 -0
- package/dist/cdn/TVWYD7RE.js +4 -0
- package/dist/cdn/UVJFQXD2.js +4 -0
- package/dist/cdn/V3BAYGCS.js +4 -0
- package/dist/cdn/V6XJN4JW.js +4 -0
- package/dist/cdn/VIIIQSGC.js +22 -0
- package/dist/cdn/{PBYYPJFO.js → VJHWSK24.js} +2 -2
- package/dist/cdn/VNESHNZU.js +4 -0
- package/dist/cdn/VWADXFDP.js +4 -0
- package/dist/cdn/{FBR65EX5.js → VYXI77LW.js} +1 -1
- package/dist/cdn/{LAQGYU6I.js → VZO2EICR.js} +1 -1
- package/dist/cdn/WAVZTVOV.js +4 -0
- package/dist/cdn/WC5KEHA5.js +4 -0
- package/dist/cdn/WJBRIJ4A.js +4 -0
- package/dist/cdn/WMMMF3QS.js +4 -0
- package/dist/cdn/XFY2FPPE.js +4 -0
- package/dist/cdn/XMYNPJ52.js +4 -0
- package/dist/cdn/XNUDVLWR.js +4 -0
- package/dist/cdn/{R7PN7VLO.js → XOMZIOVS.js} +2 -2
- package/dist/cdn/XTVHUWKO.js +4 -0
- package/dist/cdn/XWQG2KRU.js +4 -0
- package/dist/cdn/{6YH7BH7M.js → YIMEQ6CS.js} +2 -2
- package/dist/cdn/YJINJXYU.js +4 -0
- package/dist/cdn/{ZATZNOGI.js → YK6VE25V.js} +2 -2
- package/dist/cdn/YXBICT7M.js +4 -0
- package/dist/cdn/Z47Y3GEW.js +4 -0
- package/dist/cdn/ZBBFGTGJ.js +4 -0
- package/dist/cdn/{R7NXQVZ7.js → ZSWBVPI4.js} +1 -1
- package/dist/cdn/ZZ7IW4EN.js +4 -0
- package/dist/cdn/index.js +3 -3
- package/dist/cdn/main.css +1 -1
- package/dist/chunks/ExpandToggle.js +1 -1
- package/dist/chunks/FloatingArrow.js +1 -1
- package/dist/chunks/Heading.js +1 -1
- package/dist/chunks/InternalLabel.js +1 -1
- package/dist/chunks/Validation.js +1 -1
- package/dist/chunks/XButton.js +1 -1
- package/dist/chunks/array.js +1 -1
- package/dist/chunks/component.js +3 -9
- package/dist/chunks/core.js +1 -1
- package/dist/chunks/date.js +1 -1
- package/dist/chunks/dom.js +1 -1
- package/dist/chunks/dynamicClasses.js +1 -1
- package/dist/chunks/filter.js +1 -1
- package/dist/chunks/floating-ui.js +1 -1
- package/dist/chunks/form.js +1 -1
- package/dist/chunks/global.js +1 -1
- package/dist/chunks/guid.js +1 -1
- package/dist/chunks/header.js +1 -1
- package/dist/chunks/input.js +1 -1
- package/dist/chunks/interact.min.js +1 -1
- package/dist/chunks/key.js +1 -1
- package/dist/chunks/label.js +1 -1
- package/dist/chunks/locale.js +1 -1
- package/dist/chunks/logger.js +1 -1
- package/dist/chunks/math.js +1 -1
- package/dist/chunks/observers.js +1 -1
- package/dist/chunks/openCloseComponent.js +1 -1
- package/dist/chunks/resources.js +1 -1
- package/dist/chunks/resources2.js +1 -1
- package/dist/chunks/resources3.js +1 -1
- package/dist/chunks/resources4.js +9 -2
- package/dist/chunks/resources5.js +1 -1
- package/dist/chunks/resources6.js +1 -1
- package/dist/chunks/resources7.js +1 -1
- package/dist/chunks/resources8.js +1 -1
- package/dist/chunks/responsive.js +1 -1
- package/dist/chunks/runtime.js +5 -5
- package/dist/chunks/sortable.js +1 -1
- package/dist/chunks/sortableComponent.js +1 -1
- package/dist/chunks/text.js +1 -1
- package/dist/chunks/useCancelable.js +1 -1
- package/dist/chunks/useFocusTrap.js +1 -1
- package/dist/chunks/useInteractive.js +1 -1
- package/dist/chunks/usePreventDocumentScroll.js +1 -1
- package/dist/chunks/useSetFocus.js +1 -1
- package/dist/chunks/useT9n.js +1 -1
- package/dist/chunks/useTime.js +1 -1
- package/dist/chunks/utils.js +1 -1
- package/dist/chunks/utils2.js +1 -1
- package/dist/chunks/utils3.js +1 -1
- package/dist/chunks/utils4.js +2 -2
- package/dist/components/calcite-accordion/customElement.js +2 -2
- package/dist/components/calcite-accordion-item/customElement.js +7 -4
- package/dist/components/calcite-accordion-item/resources.d.ts +1 -0
- package/dist/components/calcite-action/customElement.d.ts +0 -1
- package/dist/components/calcite-action/customElement.js +2 -2
- package/dist/components/calcite-action-bar/customElement.js +2 -2
- package/dist/components/calcite-action-group/customElement.js +2 -2
- package/dist/components/calcite-action-menu/customElement.js +2 -2
- package/dist/components/calcite-action-pad/customElement.js +2 -2
- package/dist/components/calcite-alert/customElement.js +3 -3
- package/dist/components/calcite-alert/index.d.ts +2 -1
- package/dist/components/calcite-alert/index.js +2 -1
- package/dist/components/calcite-autocomplete/customElement.js +2 -2
- package/dist/components/calcite-autocomplete-item/customElement.js +2 -2
- package/dist/components/calcite-autocomplete-item-group/customElement.js +2 -2
- package/dist/components/calcite-avatar/customElement.js +2 -2
- package/dist/components/calcite-block/customElement.js +5 -3
- package/dist/components/calcite-block/resources.d.ts +1 -0
- package/dist/components/calcite-block-group/customElement.js +2 -2
- package/dist/components/calcite-block-section/customElement.js +2 -2
- package/dist/components/calcite-button/customElement.js +2 -2
- package/dist/components/calcite-card/customElement.js +2 -2
- package/dist/components/calcite-card-group/customElement.js +2 -2
- package/dist/components/calcite-carousel/customElement.js +2 -2
- package/dist/components/calcite-carousel-item/customElement.js +2 -2
- package/dist/components/calcite-checkbox/customElement.js +2 -2
- package/dist/components/calcite-chip/customElement.js +2 -2
- package/dist/components/calcite-chip-group/customElement.js +2 -2
- package/dist/components/calcite-color-picker/customElement.js +2 -2
- package/dist/components/calcite-color-picker-hex-input/customElement.js +2 -2
- package/dist/components/calcite-color-picker-swatch/customElement.js +2 -2
- package/dist/components/calcite-combobox/customElement.js +6 -7
- package/dist/components/calcite-combobox/interfaces.d.ts +0 -1
- package/dist/components/calcite-combobox-item/customElement.d.ts +6 -12
- package/dist/components/calcite-combobox-item/customElement.js +7 -11
- package/dist/components/calcite-combobox-item-group/customElement.js +2 -2
- package/dist/components/calcite-date-picker/customElement.js +2 -2
- package/dist/components/calcite-date-picker-day/customElement.js +2 -2
- package/dist/components/calcite-date-picker-month/customElement.js +2 -2
- package/dist/components/calcite-date-picker-month-header/customElement.js +2 -2
- package/dist/components/calcite-dialog/customElement.js +2 -2
- package/dist/components/calcite-dropdown/customElement.js +2 -2
- package/dist/components/calcite-dropdown-group/customElement.js +2 -2
- package/dist/components/calcite-dropdown-item/customElement.js +2 -2
- package/dist/components/calcite-fab/customElement.js +2 -2
- package/dist/components/calcite-filter/customElement.js +2 -2
- package/dist/components/calcite-flow/customElement.js +2 -2
- package/dist/components/calcite-flow-item/customElement.js +2 -2
- package/dist/components/calcite-graph/customElement.js +2 -2
- package/dist/components/calcite-handle/customElement.js +2 -2
- package/dist/components/calcite-icon/customElement.js +2 -2
- package/dist/components/calcite-inline-editable/customElement.js +2 -2
- package/dist/components/calcite-input/customElement.js +2 -2
- package/dist/components/calcite-input-date-picker/customElement.js +2 -2
- package/dist/components/calcite-input-message/customElement.d.ts +4 -1
- package/dist/components/calcite-input-message/customElement.js +2 -2
- package/dist/components/calcite-input-number/customElement.js +2 -2
- package/dist/components/calcite-input-text/customElement.js +2 -2
- package/dist/components/calcite-input-time-picker/customElement.js +2 -2
- package/dist/components/calcite-input-time-zone/customElement.js +6 -6
- package/dist/components/calcite-label/customElement.js +2 -2
- package/dist/components/calcite-link/customElement.js +2 -2
- package/dist/components/calcite-list/customElement.js +2 -2
- package/dist/components/calcite-list-item/customElement.js +2 -2
- package/dist/components/calcite-list-item-group/customElement.js +2 -2
- package/dist/components/calcite-loader/customElement.js +2 -2
- package/dist/components/calcite-menu/customElement.js +2 -2
- package/dist/components/calcite-menu-item/customElement.js +2 -2
- 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 +2 -2
- package/dist/components/calcite-navigation-user/customElement.js +2 -2
- package/dist/components/calcite-notice/customElement.d.ts +8 -2
- package/dist/components/calcite-notice/customElement.js +9 -7
- package/dist/components/calcite-notice/index.d.ts +1 -0
- package/dist/components/calcite-notice/index.js +1 -0
- package/dist/components/calcite-option/customElement.js +1 -1
- package/dist/components/calcite-option-group/customElement.js +1 -1
- package/dist/components/calcite-pagination/customElement.js +2 -2
- package/dist/components/calcite-panel/customElement.js +2 -2
- package/dist/components/calcite-popover/customElement.js +3 -4
- package/dist/components/calcite-popover/index.d.ts +0 -1
- package/dist/components/calcite-popover/index.js +0 -1
- package/dist/components/calcite-progress/customElement.js +2 -2
- package/dist/components/calcite-radio-button/customElement.js +2 -2
- package/dist/components/calcite-radio-button-group/customElement.js +2 -2
- package/dist/components/calcite-rating/customElement.js +2 -2
- package/dist/components/calcite-scrim/customElement.js +2 -2
- package/dist/components/calcite-segmented-control/customElement.js +2 -2
- package/dist/components/calcite-segmented-control-item/customElement.js +2 -2
- package/dist/components/calcite-select/customElement.js +2 -2
- package/dist/components/calcite-sheet/customElement.js +2 -2
- package/dist/components/calcite-shell/customElement.js +2 -2
- package/dist/components/calcite-shell-panel/customElement.js +2 -2
- package/dist/components/calcite-slider/customElement.js +2 -2
- package/dist/components/calcite-sort-handle/customElement.js +2 -2
- package/dist/components/calcite-sortable-list/customElement.js +2 -2
- package/dist/components/calcite-split-button/customElement.js +2 -2
- package/dist/components/calcite-stack/customElement.js +2 -2
- package/dist/components/calcite-stepper/customElement.js +2 -2
- package/dist/components/calcite-stepper-item/customElement.js +2 -2
- package/dist/components/calcite-swatch/customElement.js +2 -2
- package/dist/components/calcite-swatch-group/customElement.js +2 -2
- package/dist/components/calcite-switch/customElement.js +2 -2
- package/dist/components/calcite-tab/customElement.js +2 -2
- package/dist/components/calcite-tab-nav/customElement.js +2 -2
- package/dist/components/calcite-tab-title/customElement.js +2 -2
- package/dist/components/calcite-table/customElement.js +2 -2
- package/dist/components/calcite-table-cell/customElement.js +2 -2
- package/dist/components/calcite-table-header/customElement.js +2 -2
- package/dist/components/calcite-table-row/customElement.js +2 -2
- package/dist/components/calcite-tabs/customElement.js +2 -2
- package/dist/components/calcite-text-area/customElement.js +2 -2
- package/dist/components/calcite-tile/customElement.js +2 -2
- package/dist/components/calcite-tile-group/customElement.js +2 -2
- package/dist/components/calcite-time-picker/customElement.js +2 -2
- package/dist/components/calcite-tooltip/customElement.js +2 -2
- package/dist/components/calcite-tree/customElement.js +2 -2
- package/dist/components/calcite-tree-item/customElement.js +2 -2
- package/dist/components/resources.d.ts +6 -0
- package/dist/custom-theme/notice.d.ts +1 -0
- package/dist/docs/api.json +71 -46
- package/dist/docs/docs.json +59 -40
- package/dist/docs/vscode.css-custom-data.json +11 -3
- package/dist/docs/vscode.html-custom-data.json +18 -8
- package/dist/docs/web-types.json +33 -20
- package/dist/index.js +1 -1
- package/dist/loader.js +3 -3
- package/dist/types/lumina.d.ts +2 -2
- package/dist/types/preact.d.ts +2 -2
- package/dist/types/preact10.d.ts +2 -2
- package/dist/types/react.d.ts +2 -2
- package/dist/types/stencil.d.ts +2 -2
- package/package.json +5 -5
- package/dist/cdn/2GSJVTJH.js +0 -4
- package/dist/cdn/2RV6UFWP.js +0 -4
- package/dist/cdn/3FCATWJW.js +0 -4
- package/dist/cdn/3RNLJTT3.js +0 -4
- package/dist/cdn/42PGHMQZ.js +0 -4
- package/dist/cdn/434BCDLH.js +0 -4
- package/dist/cdn/4A7XCEGQ.js +0 -4
- package/dist/cdn/4K67L2FP.js +0 -4
- package/dist/cdn/5G2U7N24.js +0 -4
- package/dist/cdn/5RW3L3FA.js +0 -4
- package/dist/cdn/5VPTYSBG.js +0 -4
- package/dist/cdn/5ZXQVU66.js +0 -4
- package/dist/cdn/63OWPUFH.js +0 -4
- package/dist/cdn/64YKGKST.js +0 -4
- package/dist/cdn/6DQE7TCI.js +0 -4
- package/dist/cdn/6FSZ7IXH.js +0 -4
- package/dist/cdn/6HV3ODAQ.js +0 -4
- package/dist/cdn/6JRNLDGA.js +0 -4
- package/dist/cdn/6RJUQ5QO.js +0 -4
- package/dist/cdn/74FCQXBM.js +0 -4
- package/dist/cdn/7DFNITG5.js +0 -4
- package/dist/cdn/7VJ5JCMK.js +0 -4
- package/dist/cdn/7WAQIY23.js +0 -4
- package/dist/cdn/A5TDDUAW.js +0 -4
- package/dist/cdn/AUIB7DP4.js +0 -4
- package/dist/cdn/CGYYG2YU.js +0 -4
- package/dist/cdn/CMHL7I2R.js +0 -4
- package/dist/cdn/DARA7NZN.js +0 -4
- package/dist/cdn/DAVWJGHQ.js +0 -4
- package/dist/cdn/DJEDWPWC.js +0 -4
- package/dist/cdn/DKBTEW7T.js +0 -4
- package/dist/cdn/DKSGD7GF.js +0 -4
- package/dist/cdn/DNBREXHF.js +0 -4
- package/dist/cdn/DOGTIVJG.js +0 -4
- package/dist/cdn/E4D5SBQY.js +0 -4
- package/dist/cdn/E7PCBW6M.js +0 -4
- package/dist/cdn/EDBKUAAC.js +0 -4
- package/dist/cdn/EEJ67PYK.js +0 -4
- package/dist/cdn/EKZNVLM4.js +0 -4
- package/dist/cdn/ELPSUGY3.js +0 -4
- package/dist/cdn/ETS4JBUM.js +0 -4
- package/dist/cdn/EXQLLP4D.js +0 -4
- package/dist/cdn/FJ22KXTD.js +0 -4
- package/dist/cdn/GD3YQ2QX.js +0 -4
- package/dist/cdn/GGKVYEP7.js +0 -4
- package/dist/cdn/GSLNWERK.js +0 -4
- package/dist/cdn/GSRXRKEH.js +0 -4
- package/dist/cdn/HL2ZSO2L.js +0 -4
- package/dist/cdn/HP76UB2I.js +0 -4
- package/dist/cdn/IDRMDBKK.js +0 -4
- package/dist/cdn/IMCRRSJC.js +0 -4
- package/dist/cdn/JK3CQDKT.js +0 -4
- package/dist/cdn/JTV7UFIH.js +0 -4
- package/dist/cdn/JY77E63Y.js +0 -4
- package/dist/cdn/KI6E5MRZ.js +0 -4
- package/dist/cdn/KOXX2BJV.js +0 -4
- package/dist/cdn/KWBCWVPF.js +0 -4
- package/dist/cdn/L2GWQ7LB.js +0 -4
- package/dist/cdn/LEIJGOZY.js +0 -4
- package/dist/cdn/LNDV65EN.js +0 -4
- package/dist/cdn/LV2OEFQ4.js +0 -4
- package/dist/cdn/LWCL25O4.js +0 -4
- package/dist/cdn/MPKTGRKE.js +0 -4
- package/dist/cdn/NMU77BOU.js +0 -4
- package/dist/cdn/NONPVK4Q.js +0 -4
- package/dist/cdn/NZMWKTRL.js +0 -4
- package/dist/cdn/OTONMKPE.js +0 -4
- package/dist/cdn/OX7GKHYW.js +0 -4
- package/dist/cdn/PA77VPEJ.js +0 -4
- package/dist/cdn/PXEQCKQ3.js +0 -4
- package/dist/cdn/PXI32DX5.js +0 -4
- package/dist/cdn/QNOOBHRS.js +0 -4
- package/dist/cdn/QPKI3LDW.js +0 -4
- package/dist/cdn/QRRMI3DH.js +0 -4
- package/dist/cdn/QSTYR7JK.js +0 -4
- package/dist/cdn/QTFK6MIB.js +0 -4
- package/dist/cdn/QZFH5HN6.js +0 -4
- package/dist/cdn/QZX2VWO5.js +0 -4
- package/dist/cdn/RGKITQ4H.js +0 -4
- package/dist/cdn/TLY5IIDA.js +0 -4
- package/dist/cdn/TYRPJZ7G.js +0 -4
- package/dist/cdn/U3WUSR3G.js +0 -4
- package/dist/cdn/UASV2OSD.js +0 -4
- package/dist/cdn/UCGRVCEE.js +0 -4
- package/dist/cdn/UEIR7ZG3.js +0 -4
- package/dist/cdn/UHS3ZAJS.js +0 -4
- package/dist/cdn/ULNQ2XSA.js +0 -4
- package/dist/cdn/VA2TVTMP.js +0 -4
- package/dist/cdn/VHQN2A3V.js +0 -4
- package/dist/cdn/VO7ELDHS.js +0 -4
- package/dist/cdn/VQDUSDAH.js +0 -4
- package/dist/cdn/W3YRNQP4.js +0 -4
- package/dist/cdn/WL6ZN4NU.js +0 -4
- package/dist/cdn/WO2K2I7M.js +0 -22
- package/dist/cdn/X45DL2PC.js +0 -4
- package/dist/cdn/XDIHYFG7.js +0 -4
- package/dist/cdn/XKIDFVSU.js +0 -4
- package/dist/cdn/YFILDQLW.js +0 -4
- package/dist/cdn/YIAAPEIL.js +0 -4
- package/dist/cdn/YVM5JIXW.js +0 -4
- package/dist/cdn/Z267UNW6.js +0 -4
- package/dist/cdn/Z7PBGZ43.js +0 -4
- package/dist/cdn/ZGZOTSRI.js +0 -4
- package/dist/cdn/ZHPM74TS.js +0 -4
- package/dist/cdn/ZV77REA3.js +0 -4
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0-next.
|
|
3
|
+
v5.0.0-next.22 */
|
|
4
4
|
import { c as customElement } from "../../chunks/runtime.js";
|
|
5
5
|
import { css, html } from "lit";
|
|
6
6
|
import { LitElement } from "@arcgis/lumina";
|
|
@@ -8,7 +8,7 @@ import { useWatchAttributes } from "@arcgis/lumina/controllers";
|
|
|
8
8
|
import { d as focusElementInGroup, s as slotChangeGetAssignedElements, b as focusElement } from "../../chunks/dom.js";
|
|
9
9
|
import { u as useT9n } from "../../chunks/useT9n.js";
|
|
10
10
|
import { u as useSetFocus } from "../../chunks/useSetFocus.js";
|
|
11
|
-
const styles = css`:host{
|
|
11
|
+
const styles = css`:host{display:flex}ul{margin:0;display:inline-flex;block-size:100%;align-items:center;padding:0}:host([layout=vertical]) ul{display:flex;inline-size:100%;flex-direction:column}:host([hidden]){display:none}[hidden]{display:none}`;
|
|
12
12
|
class Menu extends LitElement {
|
|
13
13
|
constructor() {
|
|
14
14
|
super();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0-next.
|
|
3
|
+
v5.0.0-next.22 */
|
|
4
4
|
import { C as CSS_UTILITY, c as customElement } from "../../chunks/runtime.js";
|
|
5
5
|
import { css, html } from "lit";
|
|
6
6
|
import { keyed } from "lit/directives/keyed.js";
|
|
@@ -39,7 +39,7 @@ const ICONS = {
|
|
|
39
39
|
chevronUp: "chevron-up",
|
|
40
40
|
chevronDown: "chevron-down"
|
|
41
41
|
};
|
|
42
|
-
const styles = css`:host{
|
|
42
|
+
const styles = css`:host{position:relative;box-sizing:border-box;display:flex;align-items:center;flex-shrink:0}:host .container,:host .item-content,:host .content{min-block-size:3rem}:host([layout=vertical]){inline-size:100%}:host(:not([layout=vertical])){block-size:100%}.container,.item-content{display:flex;block-size:100%;inline-size:100%;flex-direction:row;align-items:stretch}.item-content{background-color:var(--calcite-menu-background-color, var(--calcite-internal-menu-background-color, var(--calcite-color-foreground-1)))}.content{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-items:center;justify-content:center;padding-inline:1rem;font-size:var(--calcite-font-size-0);outline:2px solid transparent;outline-offset:2px;text-decoration:none;padding-block-start:.125rem;border-block-end:.125rem solid var(--calcite-color-transparent);background-color:var(--calcite-menu-background-color, var(--calcite-internal-menu-background-color, var(--calcite-color-foreground-1)));color:var(--calcite-menu-text-color, var(--calcite-internal-menu-text-color, var(--calcite-color-text-2)))}.content:hover{--calcite-internal-menu-background-color: var(--calcite-color-foreground-2)}.content:focus{border-block-end-width:4px;outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))));padding-block-start:.25rem;border-block-end-width:.25rem}.content:active{--calcite-internal-menu-background-color: var(--calcite-color-foreground-3);--calcite-internal-menu-text-color: var(--calcite-color-text-1)}.content span{display:inline-flex}.content.layout--vertical{display:flex;inline-size:100%;justify-content:flex-start;padding-block:1rem;border-block-end:0;border-inline-end:.25rem solid var(--calcite-color-transparent)}:host([layout=vertical]) .content{padding-inline:.75rem}:host([active]) .content{--calcite-internal-menu-text-color: var(--calcite-color-text-1);border-color:var(--calcite-menu-item-accent-color, var(--calcite-color-brand))}:host([active]) .icon{--calcite-internal-menu-item-icon-color: var(--calcite-color-brand)}.icon{color:var(--calcite-menu-text-color, var(--calcite-icon-color, var(--calcite-internal-menu-item-icon-color, var(--calcite-color-text-3))))}.icon--start{margin-inline-end:.75rem}.icon--end{margin-inline-start:.75rem}:host([layout=vertical]) .icon--end{margin-inline-start:auto;padding-inline-start:.75rem}.icon--dropdown{position:relative;margin-inline-start:auto;margin-inline-end:0px;padding-inline-start:.5rem}:host([layout=vertical]) .icon--end~.icon--dropdown{margin-inline-start:.75rem}:host([layout=vertical]) .hover-href-icon{padding-inline-start:.5rem}:host([layout=vertical]) .hover-href-icon~.icon--end{margin-inline-start:.5rem}:host([layout=vertical]) .hover-href-icon~.icon--breadcrumb{margin-inline-start:.75rem}.icon--breadcrumb{margin-inline-end:0px;padding-inline-start:.5rem}:host([layout=vertical]) .icon--breadcrumb{margin-inline-start:auto}:host([layout=vertical]) .icon--breadcrumb~.icon--dropdown{margin-inline-start:.5rem}:host([layout=vertical]) .icon--end~.icon--breadcrumb{margin-inline-start:.5rem}:host([breadcrumb]) .content{padding-inline-end:.75rem}.dropdown-action{position:relative;align-self:center;--calcite-action-background-color: var(--calcite-menu-background-color);--calcite-action-text-color: var(--calcite-menu-text-color);margin-inline-start:var(--calcite-spacing-xxs)}.dropdown-action:after{position:absolute;display:block;inline-size:1px;content:"";inset-inline-start:calc(-1 * var(--calcite-spacing-xxs));inset-block:var(--calcite-spacing-xxs);background-color:var(--calcite-color-border-3)}.dropdown-action:active{--calcite-action-background-color-press: var(--calcite-menu-background-color)}:host([layout=vertical]) .dropdown-action{margin-inline-end:var(--calcite-spacing-xxs)}.dropdown-menu-items{position:absolute;display:none;block-size:auto;min-inline-size:100%;flex-direction:column;overflow:visible;border:1px solid var(--calcite-menu-item-sub-menu-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-menu-item-sub-menu-corner-radius, var(--calcite-corner-radius));inset-block-start:100%;z-index:var(--calcite-z-index-dropdown)}.dropdown-menu-items.open{display:block}.dropdown-menu-items.nested{position:absolute;inset-block-start:-1px;transform:translate(calc(100% - 2px))}.parent--vertical{flex-direction:column}.dropdown--vertical.dropdown-menu-items{position:relative;box-shadow:none;inset-block-start:0;transform:none}.dropdown--vertical.dropdown-menu-items:last-of-type{border-inline:0}:host([layout=vertical]:last-of-type) .dropdown-menu-items{border-block-end:0}:host([slot=submenu-item]) .parent--vertical{padding-inline-start:1.5rem}.dropdown-menu-items.nested.calcite--rtl{transform:translate(calc(-100% + 2px))}.dropdown--vertical.dropdown-menu-items.nested.calcite--rtl{transform:none}.hover-href-icon{position:relative;inset-inline-end:.25rem;margin-inline-start:auto;opacity:0;transition:all var(--calcite-internal-animation-timing-medium) ease-in-out}.content:focus .hover-href-icon,.content:hover .hover-href-icon{inset-inline-end:-.25rem;opacity:1}:host([hidden]){display:none}[hidden]{display:none}`;
|
|
43
43
|
class MenuItem extends LitElement {
|
|
44
44
|
constructor() {
|
|
45
45
|
super();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0-next.
|
|
3
|
+
v5.0.0-next.22 */
|
|
4
4
|
import { c as customElement } from "../../chunks/runtime.js";
|
|
5
5
|
import { keyed } from "lit/directives/keyed.js";
|
|
6
6
|
import { css, html } from "lit";
|
|
@@ -26,7 +26,7 @@ const CSS = {
|
|
|
26
26
|
warning: "fill-warning",
|
|
27
27
|
danger: "fill-danger"
|
|
28
28
|
};
|
|
29
|
-
const styles = css`:host
|
|
29
|
+
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([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host{display:flex;--calcite-internal-meter-space: var(--calcite-spacing-base);--calcite-internal-meter-height: var(--calcite-spacing-lg);--calcite-internal-meter-font-size: var(--calcite-font-size--1);--calcite-internal-meter-fill-color: var(--calcite-meter-fill-color, var(--calcite-color-brand));--calcite-internal-meter-background-color: var(--calcite-meter-background-color, var(--calcite-color-foreground-2));--calcite-internal-meter-border-color: var(--calcite-meter-border-color, var(--calcite-color-border-3));--calcite-internal-meter-shadow: var(--calcite-meter-shadow, var(--calcite-shadow-none));--calcite-internal-meter-corner-radius: var(--calcite-meter-corner-radius, 9999px);--calcite-internal-meter-value-text-color: var(--calcite-meter-value-text-color, var(--calcite-color-text-1));--calcite-internal-meter-range-text-color: var(--calcite-meter-range-text-color, var(--calcite-color-text-3))}:host([scale=s]){--calcite-internal-meter-height: var(--calcite-spacing-md);--calcite-internal-meter-font-size: var(--calcite-font-size--2)}:host([scale=l]){--calcite-internal-meter-height: var(--calcite-spacing-xxl);--calcite-internal-meter-font-size: var(--calcite-font-size-0)}:host([appearance=solid]){--calcite-internal-meter-border-color: var(--calcite-color-foreground-3);--calcite-internal-meter-background-color: var(--calcite-color-foreground-3)}:host([appearance=outline]){--calcite-internal-meter-background-color: transparent}.fill{--calcite-internal-meter-fill-color: var(--calcite-meter-fill-color, var(--calcite-color-brand))}.fill-danger{--calcite-internal-meter-fill-color: var(--calcite-meter-fill-color, var(--calcite-color-status-danger))}.fill-success{--calcite-internal-meter-fill-color: var(--calcite-meter-fill-color, var(--calcite-color-status-success))}.fill-warning{--calcite-internal-meter-fill-color: var(--calcite-meter-fill-color, var(--calcite-color-status-warning))}.container{position:relative;display:flex;align-items:center;margin:0;inline-size:var(--calcite-container-size-content-fluid);block-size:var(--calcite-internal-meter-height);background-color:var(--calcite-internal-meter-background-color);border:var(--calcite-border-width-sm) solid var(--calcite-internal-meter-border-color);border-radius:var(--calcite-internal-meter-corner-radius);box-shadow:var(--calcite-internal-meter-shadow)}.value-visible{margin-block-start:var(--calcite-spacing-xxl)}.steps-visible{margin-block-end:var(--calcite-spacing-xxl)}.step-line{position:absolute;inset-block:0px;display:block;inline-size:var(--calcite-internal-meter-space);background-color:var(--calcite-internal-meter-border-color)}.label{position:absolute;font-size:var(--calcite-internal-meter-font-size)}.label-hidden{visibility:hidden;opacity:0}.label-value{inset-block-end:calc(100% + .5em);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-internal-meter-value-text-color)}.label-range{color:var(--calcite-internal-meter-range-text-color);inset-block-start:calc(100% + .5em)}.label-range .unit-label{font-weight:var(--calcite-font-weight-medium)}.fill{position:absolute;z-index:var(--calcite-z-index);display:block;transition-timing-function:cubic-bezier(.4,0,.2,1);inset-inline-start:var(--calcite-internal-meter-space);inset-block:var(--calcite-internal-meter-space);border-radius:var(--calcite-internal-meter-corner-radius);max-inline-size:calc(100% - var(--calcite-internal-meter-space) * 2);min-inline-size:calc(var(--calcite-internal-meter-height) - var(--calcite-internal-meter-space) * 2);background-color:var(--calcite-internal-meter-fill-color);transition-property:inline-size,background-color,box-shadow}.solid .fill{inset-block:0;inset-inline-start:0;max-inline-size:100%;min-inline-size:calc(var(--calcite-internal-meter-height));box-shadow:0 0 0 1px var(--calcite-internal-meter-fill-color)}`;
|
|
30
30
|
class Meter extends LitElement {
|
|
31
31
|
constructor() {
|
|
32
32
|
super(...arguments);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0-next.
|
|
3
|
+
v5.0.0-next.22 */
|
|
4
4
|
import { c as customElement } from "../../chunks/runtime.js";
|
|
5
5
|
import { css, html } from "lit";
|
|
6
6
|
import { createRef, ref } from "lit-html/directives/ref.js";
|
|
@@ -30,7 +30,7 @@ const SLOTS = {
|
|
|
30
30
|
const ICONS = {
|
|
31
31
|
hamburger: "hamburger"
|
|
32
32
|
};
|
|
33
|
-
const styles = css`:host
|
|
33
|
+
const styles = css`:host([hidden]){display:none}[hidden]{display:none}:host{display:block}.container{display:flex;inline-size:100%;flex-direction:column;margin-block:0;margin-inline:auto;background-color:var(--calcite-navigation-background-color, var(--calcite-navigation-background, var(--calcite-color-foreground-1)))}.container.primary,.container.secondary,.container.tertiary{border-block-end:1px solid;border-block-end-color:var(--calcite-navigation-border-color, var(--calcite-color-border-3))}.user,.logo{display:flex}.hide{display:none}.primary{block-size:4rem}.secondary,.tertiary{block-size:3rem}.container-content{margin-inline:auto;display:flex;block-size:100%;inline-size:100%;margin-block:0;inline-size:var(--calcite-navigation-width, 100%);max-inline-size:100%}.container-content.progress-bar{margin-block-start:.125rem}slot[name]{display:flex;flex-direction:row}slot[name=navigation-secondary]::slotted(calcite-navigation),slot[name=navigation-tertiary]::slotted(calcite-navigation){inline-size:100%}slot[name=content-start]::slotted(*),slot[name=content-center]::slotted(*),slot[name=content-end]::slotted(*){display:flex;flex-direction:row;align-items:center}slot[name=progress],slot[name=progress] calcite-progress{inset-block-start:0;inset-inline:0}slot[name=content-end]{margin-inline-start:auto}slot[name=content-start]{margin-inline-end:auto}slot[name=content-end],slot[name=logo]~slot[name=user],slot[name=user]:only-child{margin-inline-start:auto}slot[name=content-center]{margin-inline-start:auto;margin-inline-end:auto}slot[name=content-start]~slot[name=content-center]{margin-inline-start:0px}slot[name=content-start]~slot[name=content-end],slot[name=content-center]~slot[name=content-end],slot[name=content-center]~slot[name=user],slot[name=content-end]~slot[name=user]{margin:0}`;
|
|
34
34
|
class Navigation extends LitElement {
|
|
35
35
|
constructor() {
|
|
36
36
|
super(...arguments);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0-next.
|
|
3
|
+
v5.0.0-next.22 */
|
|
4
4
|
import { c as customElement } from "../../chunks/runtime.js";
|
|
5
5
|
import { css, html } from "lit";
|
|
6
6
|
import { keyed } from "lit/directives/keyed.js";
|
|
@@ -17,7 +17,7 @@ const CSS = {
|
|
|
17
17
|
standalone: "standalone",
|
|
18
18
|
icon: "icon"
|
|
19
19
|
};
|
|
20
|
-
const styles = css`:host{
|
|
20
|
+
const styles = css`:host{display:inline-flex}.container{margin:0;display:flex;align-items:center;justify-content:center;font-size:var(--calcite-font-size-0);line-height:1.25rem;background-color:var(--calcite-navigation-background-color, var(--calcite-internal-navigation-logo-background-color, var(--calcite-color-foreground-1)));border-block-end:2px solid var(--calcite-color-transparent);transition-property:background-color;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.container--link{cursor:pointer;text-decoration-line:none;outline-color:transparent}:host(:focus) .container--link{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.image,.icon{margin:0;display:flex;block-size:1.75rem;padding-inline:1rem;color:var(--calcite-navigation-logo-text-color, var(--calcite-icon-color, var(--calcite-internal-navigation-logo-text-color, inherit)))}.image~.icon{padding-inline-start:0px}.image~.text-container,.icon~.text-container{padding-inline-start:0px}:host([href]:hover),:host([href]:focus){--calcite-internal-navigation-logo-background-color: var(--calcite-color-foreground-2)}:host([href]:active){--calcite-internal-navigation-logo-background-color: var(--calcite-color-foreground-3)}:host([active]) .container{border-block-end-color:var(--calcite-navigation-accent-color, var(--calcite-color-brand))}:host([active]),:host([href]:active){--calcite-internal-navigation-logo-text-color: var(--calcite-color-brand)}.text-container{margin-block-start:.125rem;display:flex;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:1rem;text-align:start}.heading{margin-inline-start:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-navigation-logo-heading-text-color, var(--calcite-color-text-1))}.standalone{font-size:var(--calcite-font-size-1)}.description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-color-text-2);color:var(--calcite-navigation-logo-text-color, var(--calcite-color-text-2));font-size:var(--calcite-font-size--1)}:host([hidden]){display:none}[hidden]{display:none}`;
|
|
21
21
|
class NavigationLogo extends LitElement {
|
|
22
22
|
constructor() {
|
|
23
23
|
super(...arguments);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0-next.
|
|
3
|
+
v5.0.0-next.22 */
|
|
4
4
|
import { c as customElement } from "../../chunks/runtime.js";
|
|
5
5
|
import { css, html } from "lit";
|
|
6
6
|
import { keyed } from "lit/directives/keyed.js";
|
|
@@ -12,7 +12,7 @@ const CSS = {
|
|
|
12
12
|
username: "username",
|
|
13
13
|
button: "button"
|
|
14
14
|
};
|
|
15
|
-
const styles = css`:host{
|
|
15
|
+
const styles = css`:host{display:inline-flex;outline:2px solid transparent;outline-offset:2px}:host .button{margin:0;display:flex;cursor:pointer;align-items:center;justify-content:center;font-size:var(--calcite-font-size-0);line-height:1.25rem;outline-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;font-family:inherit;border:none;background-color:var(--calcite-navigation-background-color, var(--calcite-internal-navigation-user-background-color, var(--calcite-color-transparent)));border-block-end:2px solid var(--calcite-color-transparent)}.text-container{margin-block-start:.125rem;display:flex;flex-direction:column;padding-inline:1rem;text-align:start}calcite-avatar{padding-inline:1rem;--calcite-avatar-corner-radius: var(--calcite-navigation-user-avatar-corner-radius);--calcite-avatar-color: var(--calcite-navigation-user-avatar-color)}calcite-avatar~.text-container{padding-inline-start:0px}.full-name{margin-inline-start:0px;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-navigation-user-full-name-text-color, var(--calcite-color-text-1))}.username{font-size:var(--calcite-font-size--1);color:var(--calcite-navigation-user-name-text-color, var(--calcite-color-text-2))}:host(:hover) .button,:host(:focus) .button{--calcite-internal-navigation-user-background-color: var(--calcite-color-foreground-2)}:host(:focus) .button{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host(:active) .button{--calcite-internal-navigation-user-background-color: var(--calcite-color-foreground-3)}:host([active]) .button{border-block-end-color:var(--calcite-navigation-accent-color, var(--calcite-color-brand))}:host([hidden]){display:none}[hidden]{display:none}`;
|
|
16
16
|
class NavigationUser extends LitElement {
|
|
17
17
|
constructor() {
|
|
18
18
|
super(...arguments);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference path="../../index.d.ts" />
|
|
2
2
|
import { PropertyValues } from 'lit';
|
|
3
3
|
import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
|
|
4
|
-
import { Kind, Scale, Width } from '../interfaces';
|
|
4
|
+
import { Appearance, Kind, Scale, Width } from '../interfaces';
|
|
5
5
|
import { IconName } from '../calcite-icon/interfaces';
|
|
6
6
|
|
|
7
7
|
/**
|
|
@@ -16,6 +16,12 @@ import { IconName } from '../calcite-icon/interfaces';
|
|
|
16
16
|
* @slot [actions-end] - A slot for adding `calcite-action`s to the end of the component. It is recommended to use two or less actions.
|
|
17
17
|
*/
|
|
18
18
|
export declare class Notice extends LitElement {
|
|
19
|
+
/**
|
|
20
|
+
* Specifies the appearance of the component.
|
|
21
|
+
*
|
|
22
|
+
* @default "outline-fill"
|
|
23
|
+
*/
|
|
24
|
+
appearance: Extract<"transparent" | "outline-fill", Appearance>;
|
|
19
25
|
/**
|
|
20
26
|
* When `true`, a close button is added to the component.
|
|
21
27
|
*
|
|
@@ -35,7 +41,7 @@ export declare class Notice extends LitElement {
|
|
|
35
41
|
*
|
|
36
42
|
* @default "brand"
|
|
37
43
|
*/
|
|
38
|
-
kind: Extract<"brand" | "danger" | "info" | "success" | "warning", Kind>;
|
|
44
|
+
kind: Extract<"brand" | "danger" | "info" | "success" | "warning" | "neutral", Kind>;
|
|
39
45
|
/** Use this property to override individual strings used by the component. */
|
|
40
46
|
messageOverrides?: typeof this.messages._overrides;
|
|
41
47
|
/**
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0-next.
|
|
3
|
+
v5.0.0-next.22 */
|
|
4
4
|
import { c as customElement } from "../../chunks/runtime.js";
|
|
5
5
|
import { css, html } from "lit";
|
|
6
6
|
import { createRef, ref } from "lit-html/directives/ref.js";
|
|
7
7
|
import { LitElement, createEvent, stringOrBoolean, safeClassMap } from "@arcgis/lumina";
|
|
8
8
|
import { v as setRequestedIcon, a as slotChangeHasAssignedElement } from "../../chunks/dom.js";
|
|
9
|
-
import { K as KindIcons } from "../../chunks/resources4.js";
|
|
9
|
+
import { K as KindIcons, a as KindIconsFilled } from "../../chunks/resources4.js";
|
|
10
10
|
import { t as toggleOpenClose } from "../../chunks/openCloseComponent.js";
|
|
11
11
|
import { g as getIconScale } from "../../chunks/component.js";
|
|
12
12
|
import { u as useT9n } from "../../chunks/useT9n.js";
|
|
@@ -24,7 +24,7 @@ const CSS = {
|
|
|
24
24
|
content: "notice-content",
|
|
25
25
|
icon: "notice-icon"
|
|
26
26
|
};
|
|
27
|
-
const styles = css`:host
|
|
27
|
+
const styles = css`:host([scale=s]){--calcite-notice-spacing-token-small: .5rem;--calcite-notice-spacing-token-large: .75rem}:host([scale=s]) .container slot[name=title]::slotted(*),:host([scale=s]) .container *::slotted([slot=title]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) .container slot[name=message]::slotted(*),:host([scale=s]) .container *::slotted([slot=message]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) ::slotted(calcite-link){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=m]){--calcite-notice-spacing-token-small: .75rem;--calcite-notice-spacing-token-large: 1rem}:host([scale=m]) .container slot[name=title]::slotted(*),:host([scale=m]) .container *::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) .container slot[name=message]::slotted(*),:host([scale=m]) .container *::slotted([slot=message]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) ::slotted(calcite-link){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=l]){--calcite-notice-spacing-token-small: 1rem;--calcite-notice-spacing-token-large: 1.25rem}:host([scale=l]) .container slot[name=title]::slotted(*),:host([scale=l]) .container *::slotted([slot=title]){font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) .container slot[name=message]::slotted(*),:host([scale=l]) .container *::slotted([slot=message]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) ::slotted(calcite-link){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .notice-close{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=l]) .actions-end{margin-inline-end:var(--calcite-spacing-sm);gap:var(--calcite-spacing-sm)}:host([width=auto]){--calcite-notice-width: auto}:host([width=half]){--calcite-notice-width: 50%}:host([width=full]){--calcite-notice-width: 100%}:host{margin-inline:auto;display:none;max-inline-size:100%;align-items:center;inline-size:var(--calcite-notice-width)}.container{pointer-events:none;margin-block:0px;box-sizing:border-box;display:flex;inline-size:100%;opacity:0;overflow:hidden;max-block-size:0;transition-property:opacity,max-block-size;transition-duration:var(--calcite-animation-timing);text-align:start;border-radius:var(--calcite-corner-radius-sm)}:host{display:flex}:host([open]) .container{pointer-events:auto;max-block-size:100%;align-items:center;opacity:1;overflow:visible}:host([open][appearance=outline-fill]) .container{border:var(--calcite-border-width-sm) solid}.container slot[name=title]::slotted(*),.container *::slotted([slot=title]){margin:0;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-notice-title-text-color, var(--calcite-color-text-1))}.container slot[name=message]::slotted(*),.container *::slotted([slot=message]){margin:0;display:inline;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-notice-content-text-color, var(--calcite-color-text-2))}:host(:not([kind=neutral])[appearance=solid]) .container slot[name=title]::slotted(*),:host(:not([kind=neutral])[appearance=solid]) .container *::slotted([slot=title]){color:var(--calcite-notice-title-text-color, var(--calcite-color-text-inverse))}:host(:not([kind=neutral])[appearance=solid]) .container slot[name=message]::slotted(*),:host(:not([kind=neutral])[appearance=solid]) .container *::slotted([slot=message]){color:var(--calcite-notice-content-text-color, var(--calcite-color-text-inverse))}.notice-content{box-sizing:border-box;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;padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;display:flex;min-inline-size:0px;flex-direction:column;overflow-wrap:break-word;flex:1 1 0;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:0 var(--calcite-notice-spacing-token-large)}.notice-content:first-of-type:not(:only-child){padding-inline-start:var(--calcite-notice-spacing-token-large)}.notice-content:only-of-type{padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large)}.notice-icon{display:flex;align-items:center;box-sizing:border-box;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;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;padding-inline:var(--calcite-notice-spacing-token-small)}.notice-close{box-sizing:border-box;display:flex;cursor:pointer;align-items:center;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;flex:0 0 auto;margin-inline-end:var(--calcite-spacing-xs);--calcite-action-text-color: var(--calcite-notice-close-icon-color, var(--calcite-color-text-3));--calcite-action-background-color: var(--calcite-action-background-color, transparent)}.notice-close:hover,.notice-close:focus{--calcite-action-background-color-hover: var( --calcite-notice-close-background-color-focus, var(--calcite-color-foreground-2) );--calcite-action-text-color-press: var(--calcite-notice-close-icon-color-hover, var(--calcite-color-text-1))}.notice-close:active{--calcite-action-background-color-press: var( --calcite-notice-close-background-color-press, var(--calcite-color-foreground-3) )}.actions-end{display:flex;align-items:center;flex:0 0 auto;margin-inline-end:var(--calcite-spacing-xs);gap:var(--calcite-spacing-xs)}:host([kind=brand][appearance=outline-fill]) .container{border-color:var(--calcite-notice-border-color, rgb(from var(--calcite-color-brand) r g b/var(--calcite-opacity-half)));background-color:var(--calcite-notice-background-color, color-mix(in srgb, var(--calcite-color-brand) 5%, var(--calcite-color-foreground-1)))}:host([kind=brand][appearance=outline-fill]) .notice-icon,:host([kind=brand][appearance=transparent]) .notice-icon{color:var(--calcite-color-brand)}:host([kind=info][appearance=outline-fill]) .container{border-color:var(--calcite-notice-border-color, rgb(from var(--calcite-color-status-info) r g b/var(--calcite-opacity-half)));background-color:var(--calcite-notice-background-color, color-mix(in srgb, var(--calcite-color-status-info) 5%, var(--calcite-color-foreground-1)))}:host([kind=info][appearance=outline-fill]) .notice-icon,:host([kind=info][appearance=transparent]) .notice-icon{color:var(--calcite-color-status-info)}:host([kind=danger][appearance=outline-fill]) .container{border-color:var(--calcite-notice-border-color, rgb(from var(--calcite-color-status-danger) r g b/var(--calcite-opacity-half)));background-color:var(--calcite-notice-background-color, color-mix(in srgb, var(--calcite-color-status-danger) 5%, var(--calcite-color-foreground-1)))}:host([kind=danger][appearance=outline-fill]) .notice-icon,:host([kind=danger][appearance=transparent]) .notice-icon{color:var(--calcite-color-status-danger)}:host([kind=success][appearance=outline-fill]) .container{border-color:var(--calcite-notice-border-color, rgb(from var(--calcite-color-status-success) r g b/var(--calcite-opacity-half)));background-color:var(--calcite-notice-background-color, color-mix(in srgb, var(--calcite-color-status-success) 5%, var(--calcite-color-foreground-1)))}:host([kind=success][appearance=outline-fill]) .notice-icon,:host([kind=success][appearance=transparent]) .notice-icon{color:var(--calcite-color-status-success)}:host([kind=warning][appearance=outline-fill]) .container{border-color:var(--calcite-notice-border-color, rgb(from var(--calcite-color-status-warning) r g b/var(--calcite-opacity-half)));background-color:var(--calcite-notice-background-color, color-mix(in srgb, var(--calcite-color-status-warning) 5%, var(--calcite-color-foreground-1)))}:host([kind=warning][appearance=outline-fill]) .notice-icon,:host([kind=warning][appearance=transparent]) .notice-icon{color:var(--calcite-color-status-warning)}:host([kind=neutral][appearance=outline-fill]) .container{border-color:var(--calcite-color-border-2);background-color:var(--calcite-notice-background-color, var(--calcite-color-foreground-1))}:host([kind=neutral]) .notice-icon{color:var(--calcite-color-text-3)}:host([appearance=transparent]) .container{background-color:transparent}:host([hidden]){display:none}[hidden]{display:none}`;
|
|
28
28
|
class Notice extends LitElement {
|
|
29
29
|
constructor() {
|
|
30
30
|
super(...arguments);
|
|
@@ -34,6 +34,7 @@ class Notice extends LitElement {
|
|
|
34
34
|
this.messages = useT9n();
|
|
35
35
|
this.focusSetter = useSetFocus()(this);
|
|
36
36
|
this.hasActionEnd = false;
|
|
37
|
+
this.appearance = "outline-fill";
|
|
37
38
|
this.closable = false;
|
|
38
39
|
this.iconFlipRtl = false;
|
|
39
40
|
this.kind = "brand";
|
|
@@ -46,7 +47,7 @@ class Notice extends LitElement {
|
|
|
46
47
|
this.calciteNoticeOpen = createEvent({ cancelable: false });
|
|
47
48
|
}
|
|
48
49
|
static {
|
|
49
|
-
this.properties = { hasActionEnd: [16, {}, { state: true }], closable: [7, {}, { reflect: true, type: Boolean }], icon: [3, { converter: stringOrBoolean, type: String }, { reflect: true }], iconFlipRtl: [7, {}, { reflect: true, type: Boolean }], kind: [3, {}, { reflect: true }], messageOverrides: [0, {}, { attribute: false }], open: [7, {}, { reflect: true, type: Boolean }], scale: [3, {}, { reflect: true }], width: [3, {}, { reflect: true }] };
|
|
50
|
+
this.properties = { hasActionEnd: [16, {}, { state: true }], appearance: [3, {}, { reflect: true }], closable: [7, {}, { reflect: true, type: Boolean }], icon: [3, { converter: stringOrBoolean, type: String }, { reflect: true }], iconFlipRtl: [7, {}, { reflect: true, type: Boolean }], kind: [3, {}, { reflect: true }], messageOverrides: [0, {}, { attribute: false }], open: [7, {}, { reflect: true, type: Boolean }], scale: [3, {}, { reflect: true }], width: [3, {}, { reflect: true }] };
|
|
50
51
|
}
|
|
51
52
|
static {
|
|
52
53
|
this.styles = styles;
|
|
@@ -58,14 +59,15 @@ class Notice extends LitElement {
|
|
|
58
59
|
}, options);
|
|
59
60
|
}
|
|
60
61
|
async load() {
|
|
61
|
-
this.
|
|
62
|
+
this.kindIcons = { ...KindIconsFilled, brand: KindIcons.brand };
|
|
63
|
+
this.requestedIcon = setRequestedIcon(this.kindIcons, this.icon, this.kind);
|
|
62
64
|
}
|
|
63
65
|
willUpdate(changes) {
|
|
64
66
|
if (changes.has("open") && (this.hasUpdated || this.open !== false)) {
|
|
65
67
|
toggleOpenClose(this);
|
|
66
68
|
}
|
|
67
69
|
if (changes.has("icon") || changes.has("kind") && (this.hasUpdated || this.kind !== "brand")) {
|
|
68
|
-
this.requestedIcon = setRequestedIcon(
|
|
70
|
+
this.requestedIcon = setRequestedIcon(this.kindIcons, this.icon, this.kind);
|
|
69
71
|
}
|
|
70
72
|
}
|
|
71
73
|
onBeforeClose() {
|
|
@@ -87,7 +89,7 @@ class Notice extends LitElement {
|
|
|
87
89
|
this.hasActionEnd = slotChangeHasAssignedElement(event);
|
|
88
90
|
}
|
|
89
91
|
render() {
|
|
90
|
-
const closeButton = html`<
|
|
92
|
+
const closeButton = html`<calcite-action class=${safeClassMap(CSS.close)} icon=x @click=${this.close} .scale=${this.scale} .text=${this.messages.close} ${ref(this.closeButtonRef)}></calcite-action>`;
|
|
91
93
|
return html`<div class=${safeClassMap(CSS.container)} ${ref(this.transitionRef)}>${this.requestedIcon ? html`<div class=${safeClassMap(CSS.icon)}><calcite-icon .flipRtl=${this.iconFlipRtl} .icon=${this.requestedIcon} .scale=${getIconScale(this.scale)}></calcite-icon></div>` : null}<div class=${safeClassMap(CSS.content)}><slot name=${SLOTS.title}></slot><slot name=${SLOTS.message}></slot><slot name=${SLOTS.link}></slot></div><div class=${safeClassMap(CSS.actionsEnd)} .hidden=${!this.hasActionEnd}><slot name=${SLOTS.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot></div>${this.closable ? closeButton : null}</div>`;
|
|
92
94
|
}
|
|
93
95
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0-next.
|
|
3
|
+
v5.0.0-next.22 */
|
|
4
4
|
import { c as customElement } from "../../chunks/runtime.js";
|
|
5
5
|
import { html } from "lit";
|
|
6
6
|
import { LitElement, createEvent } from "@arcgis/lumina";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0-next.
|
|
3
|
+
v5.0.0-next.22 */
|
|
4
4
|
import { c as customElement } from "../../chunks/runtime.js";
|
|
5
5
|
import { html } from "lit";
|
|
6
6
|
import { LitElement, createEvent } from "@arcgis/lumina";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0-next.
|
|
3
|
+
v5.0.0-next.22 */
|
|
4
4
|
import { c as customElement } from "../../chunks/runtime.js";
|
|
5
5
|
import { keyed } from "lit/directives/keyed.js";
|
|
6
6
|
import { css, html, nothing } from "lit";
|
|
@@ -27,7 +27,7 @@ const ICONS = {
|
|
|
27
27
|
first: "chevron-start",
|
|
28
28
|
last: "chevron-end"
|
|
29
29
|
};
|
|
30
|
-
const styles = css`:host{
|
|
30
|
+
const styles = css`:host{display:flex;writing-mode:horizontal-tb}.list{margin:0;display:flex;list-style-type:none;padding:0;column-gap:var(--calcite-spacing-base)}.list-item{margin:0;display:flex;padding:0}.hidden-item{display:none}:host([scale=s]) .chevron,:host([scale=s]) .page,:host([scale=s]) .ellipsis{block-size:1.5rem;padding-inline:.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;min-inline-size:1.5rem}:host([scale=m]) .chevron,:host([scale=m]) .page,:host([scale=m]) .ellipsis{block-size:2rem;padding-inline:.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;min-inline-size:2rem}:host([scale=l]) .chevron,:host([scale=l]) .page,:host([scale=l]) .ellipsis{block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-inline-size:2.75rem}:host([scale=l]) .chevron{padding-inline:.625rem}:host([scale=l]) .page,:host([scale=l]) .ellipsis{padding-inline:.75rem}:host button{outline-color:transparent}:host button:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.chevron,.page,.ellipsis{margin:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-style:none;--tw-border-opacity: 0;background-color:transparent;padding:0;vertical-align:baseline;font-family:inherit;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-pagination-color, var(--calcite-color-text-3))}.chevron,.page{cursor:pointer;border-block:2px solid transparent}.chevron:hover,.page:hover{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;color:var(--calcite-pagination-color-hover, var(--calcite-color-text-1))}.chevron:active,.page:active{color:var(--calcite-pagination-color-hover, var(--calcite-color-text-1))}.page:hover{border-block-end-color:var(--calcite-pagination-color-border-hover, var(--calcite-color-border-2))}.page:active{background-color:var(--calcite-pagination-background-color, var(--calcite-color-foreground-3))}.page.selected{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-pagination-color-hover, var(--calcite-color-text-1));border-block-end-color:var(--calcite-pagination-color-border-active, var(--calcite-color-brand))}.page.selected:focus{border-block-end-width:var(--calcite-spacing-xxs);padding-block-start:var(--calcite-spacing-base)}.chevron:hover{background-color:var(--calcite-pagination-icon-color-background-hover, var(--calcite-color-foreground-2))}.chevron:active{background-color:var(--calcite-pagination-background-color, var(--calcite-color-foreground-3))}.chevron.disabled{pointer-events:none;background-color:transparent}.chevron.disabled>calcite-icon{opacity:var(--calcite-opacity-disabled)}:host([hidden]){display:none}[hidden]{display:none}`;
|
|
31
31
|
const firstAndLastPageCount = 2;
|
|
32
32
|
const ellipsisCount = 2;
|
|
33
33
|
const maxItemBreakpoints = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0-next.
|
|
3
|
+
v5.0.0-next.22 */
|
|
4
4
|
import { c as customElement } from "../../chunks/runtime.js";
|
|
5
5
|
import { keyed } from "lit/directives/keyed.js";
|
|
6
6
|
import { css, html, nothing } from "lit";
|
|
@@ -17,7 +17,7 @@ import { u as useSetFocus } from "../../chunks/useSetFocus.js";
|
|
|
17
17
|
import { s as styles$1 } from "../../chunks/header.js";
|
|
18
18
|
import { u as useInteractive } from "../../chunks/useInteractive.js";
|
|
19
19
|
import { C as CSS, S as SLOTS, I as ICONS, a as IDS } from "../../chunks/resources3.js";
|
|
20
|
-
const styles = css`:host
|
|
20
|
+
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;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;overflow:hidden;border-radius:var(--calcite-panel-corner-radius, var(--calcite-corner-radius-sharp))}slot[name=alerts]::slotted(calcite-alert){block-size:0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-internal-panel-default-space: var(--calcite-spacing-sm);--calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-sm-plus)}:host([scale=s]) .header-content .heading{font-size:var(--calcite-font-size--1)}:host([scale=s]) .header-content .description{font-size:var(--calcite-font-size--2)}:host([scale=s]) .header-content .icon{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]){--calcite-internal-panel-default-space: var(--calcite-spacing-md);--calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-md-plus)}:host([scale=m]) .header-content .heading{font-size:var(--calcite-font-size-0)}:host([scale=m]) .header-content .description{font-size:var(--calcite-font-size--1)}:host([scale=m]) .header-content .icon{margin-inline-end:var(--calcite-spacing-md)}:host(:is([scale=s],[scale=m])){--calcite-internal-panel-action-spacing: var(--calcite-spacing-xxs)}:host([scale=l]){--calcite-internal-panel-action-spacing: var(--calcite-spacing-xs);--calcite-internal-panel-default-space: var(--calcite-spacing-lg);--calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-xl)}:host([scale=l]) .header-content .heading{font-size:var(--calcite-font-size-1)}:host([scale=l]) .header-content .description{font-size:var(--calcite-font-size-0)}:host([scale=l]) .header-content .icon{margin-inline-end:var(--calcite-spacing-lg)}.content-top,.content-bottom{display:flex;align-items:flex-start;align-self:stretch;padding:var(--calcite-internal-panel-default-space);border-block-start:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));background-color:var(--calcite-panel-background-color, var(--calcite-color-foreground-1))}.container{position:relative;margin:0;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;overflow:hidden;background-color:var(--calcite-color-background);padding:0;color:var(--calcite-color-text-2);transition:max-block-size var(--calcite-animation-timing),inline-size var(--calcite-animation-timing);box-sizing:border-box;font-size:var(--calcite-font-size--1)}.container *{box-sizing:border-box}.header{z-index:var(--calcite-z-index-header);display:flex;flex-direction:column;background-color:var(--calcite-panel-header-background-color, var(--calcite-color-foreground-1));border-block-end:1px solid var(--calcite-panel-border-color, var(--calcite-panel-header-border-block-end, var(--calcite-color-border-3)))}.header-container{display:flex;inline-size:100%;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 0 auto}.header-container--border-end{border-block-end:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3))}.action-bar-container{inline-size:100%}.action-bar-container ::slotted(calcite-action-bar){inline-size:100%}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:.75rem;padding-block:.875rem;margin-inline-end:auto;justify-content:center}.header-content .heading-text-content{flex:1 1 auto;overflow:hidden}.header-content .heading,.header-content .description{display:block;flex:none;overflow-wrap:break-word;padding:0;line-height:var(--calcite-font-line-height-relative-snug)}.header-content .heading{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-panel-heading-text-color, var(--calcite-color-text-1))}.header-content .heading:only-child{margin-block-end:0px}.header-content .description{color:var(--calcite-panel-description-text-color, var(--calcite-color-text-2))}#close,#collapse,.back-button,calcite-action-menu{--calcite-action-background-color: var(--calcite-panel-header-action-background-color);--calcite-action-background-color-hover: var(--calcite-panel-header-action-background-color-hover);--calcite-action-background-color-press: var(--calcite-panel-header-action-background-color-press);--calcite-action-text-color: var(--calcite-panel-header-action-text-color);--calcite-action-text-color-press: var(--calcite-panel-header-action-text-color-press)}.back-button{border-width:0px;border-style:solid;border-inline-end-width:1px;border-color:var(--calcite-panel-border-color, var(--calcite-color-border-3))}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;margin:auto;gap:var(--calcite-internal-panel-action-spacing)}.header-actions--start{margin-inline-start:var(--calcite-internal-panel-action-spacing)}.header-actions--end{margin-inline-end:var(--calcite-internal-panel-action-spacing)}.content-wrapper{position:relative;display:flex;block-size:100%;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:auto;color:var(--calcite-color-text-2);outline-color:transparent;padding:var(--calcite-panel-space, var(--calcite-panel-content-space, 0));background:var(--calcite-panel-background-color, var(--calcite-color-background))}.content-wrapper:focus-visible{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.header-content{flex:1 1 auto;justify-content:center;padding-block:var(--calcite-internal-panel-header-vertical-padding);padding-inline:var(--calcite-internal-panel-default-space)}.header-content.header--slotted-content{padding:var(--calcite-panel-header-content-space, var(--calcite-internal-panel-header-vertical-padding) var(--calcite-internal-panel-default-space))}.header-content.header--non-slotted-content{align-items:center;flex-direction:row}.footer{margin-block-start:auto;display:flex;flex-direction:row;align-content:space-between;align-items:center;justify-content:center;font-size:var(--calcite-font-size--2);line-height:1.375;border-block-start:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));padding:var(--calcite-panel-footer-space, var(--calcite-panel-footer-padding, var(--calcite-internal-panel-default-space)));background-color:var(--calcite-panel-footer-background-color, var(--calcite-color-foreground-1))}.footer-content{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:center}.footer-start{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-start;margin-inline-end:auto;gap:var(--calcite-internal-panel-default-space)}.footer-end{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-end;margin-inline-start:auto;gap:var(--calcite-internal-panel-default-space)}.fab-container{position:sticky;inset-block-end:0px;z-index:var(--calcite-z-index-sticky);margin-block:0px;margin-inline:auto;display:block;padding:.5rem;inset-inline:0;inline-size:fit-content}calcite-icon{--calcite-icon-color: var(--calcite-panel-icon-color, var(--calcite-color-text-1))}:host([hidden]){display:none}[hidden]{display:none}`;
|
|
21
21
|
class Panel extends LitElement {
|
|
22
22
|
constructor() {
|
|
23
23
|
super();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0-next.
|
|
3
|
+
v5.0.0-next.22 */
|
|
4
4
|
import { c as customElement } from "../../chunks/runtime.js";
|
|
5
5
|
import { keyed } from "lit/directives/keyed.js";
|
|
6
6
|
import { css, html } from "lit";
|
|
@@ -13,7 +13,6 @@ import { t as toggleOpenClose } from "../../chunks/openCloseComponent.js";
|
|
|
13
13
|
import { H as Heading } from "../../chunks/Heading.js";
|
|
14
14
|
import { c as createObserver } from "../../chunks/observers.js";
|
|
15
15
|
import { F as FloatingArrow } from "../../chunks/FloatingArrow.js";
|
|
16
|
-
import { g as getIconScale } from "../../chunks/component.js";
|
|
17
16
|
import { u as useT9n } from "../../chunks/useT9n.js";
|
|
18
17
|
import { u as useFocusTrap } from "../../chunks/useFocusTrap.js";
|
|
19
18
|
import { u as useSetFocus } from "../../chunks/useSetFocus.js";
|
|
@@ -125,7 +124,7 @@ const CSS = {
|
|
|
125
124
|
const defaultPopoverPlacement = "auto";
|
|
126
125
|
const ARIA_CONTROLS = "aria-controls";
|
|
127
126
|
const ARIA_EXPANDED = "aria-expanded";
|
|
128
|
-
const styles = css`:host{
|
|
127
|
+
const styles = css`:host{display:contents}.position-container{inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0}@starting-style{.position-container{opacity:0;inset-block-start:0;left:0}}.position-container{max-inline-size:var(--calcite-popover-max-size-x, 100vw)}.position-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.position-container:popover-open{display:block}.position-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}.position-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.position-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.position-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.position-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-color-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}:host([scale=s]) .heading{padding:.5rem .75rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host(:is([scale=s],[scale=m])){--calcite-internal-popover-close-spacing: var(--calcite-spacing-xs)}:host([scale=m]) .heading{padding:.75rem 1rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]){--calcite-internal-popover-close-spacing: var(--calcite-spacing-sm)}:host([scale=l]) .heading{padding:1rem 1.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}.position-container .calcite-floating-ui-anim{border-width:1px;border-style:solid;background-color:var(--calcite-popover-background-color, var(--calcite-color-foreground-1));border-color:var(--calcite-popover-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-popover-corner-radius, var(--calcite-corner-radius-round))}.calcite-floating-ui-arrow{fill:var(--calcite-popover-background-color, var(--calcite-color-foreground-1))}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-popover-border-color, var(--calcite-color-border-3))}.header{display:flex;flex:1 1 auto;align-items:stretch;justify-content:flex-start;border-width:0px;border-bottom-width:1px;border-style:solid;border-block-end-color:var(--calcite-popover-border-color, var(--calcite-color-border-3))}.heading{margin:0;display:block;flex:1 1 auto;align-self:center;white-space:normal;font-weight:var(--calcite-font-weight-medium);word-wrap:break-word;word-break:break-word;color:var(--calcite-popover-text-color, var(--calcite-color-text-1))}.header-container{position:relative;display:flex;height:100%;flex-direction:row;flex-wrap:nowrap;border-radius:.25rem;color:var(--calcite-popover-text-color, var(--calcite-color-text-1))}.header-container.has-header{flex-direction:column}.content{display:flex;height:100%;width:100%;flex-direction:column;flex-wrap:nowrap;align-self:center;word-wrap:break-word;word-break:break-word}.close-button{margin:auto;margin-inline-end:var(--calcite-internal-popover-close-spacing)}.close-button-container{display:flex;flex:0 0 auto}::slotted(calcite-panel),::slotted(calcite-flow){height:100%}:host([hidden]){display:none}[hidden]{display:none}`;
|
|
129
128
|
const manager = new PopoverManager();
|
|
130
129
|
class Popover extends LitElement {
|
|
131
130
|
constructor() {
|
|
@@ -338,7 +337,7 @@ class Popover extends LitElement {
|
|
|
338
337
|
}
|
|
339
338
|
renderCloseButton() {
|
|
340
339
|
const { messages, closable } = this;
|
|
341
|
-
return closable ? keyed(CSS.closeButtonContainer, html`<div class=${safeClassMap(CSS.closeButtonContainer)}><calcite-action appearance=transparent class=${safeClassMap(CSS.closeButton)} @click=${this.hide} .scale=${this.scale} .text=${messages.close}
|
|
340
|
+
return closable ? keyed(CSS.closeButtonContainer, html`<div class=${safeClassMap(CSS.closeButtonContainer)}><calcite-action appearance=transparent class=${safeClassMap(CSS.closeButton)} icon=x @click=${this.hide} .scale=${this.scale} .text=${messages.close}></calcite-action></div>`) : null;
|
|
342
341
|
}
|
|
343
342
|
renderHeader() {
|
|
344
343
|
const { heading, headingLevel } = this;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0-next.
|
|
3
|
+
v5.0.0-next.22 */
|
|
4
4
|
import { C as CSS_UTILITY, c as customElement } from "../../chunks/runtime.js";
|
|
5
5
|
import { css, html } from "lit";
|
|
6
6
|
import { LitElement, safeClassMap, safeStyleMap } from "@arcgis/lumina";
|
|
7
7
|
import { g as getElementDir } from "../../chunks/dom.js";
|
|
8
|
-
const styles = css`:host{
|
|
8
|
+
const styles = css`:host{position:relative;display:block;inline-size:100%}.track,.bar{position:absolute;inset-block-start:0px;block-size:2px}.track{z-index:var(--calcite-z-index);inline-size:100%;overflow:hidden;background-color:var(--calcite-progress-background-color, var(--calcite-color-border-3))}.bar{z-index:var(--calcite-z-index);background-color:var(--calcite-progress-fill-color, var(--calcite-color-brand))}@media(forced-colors:active){.track{background-color:highlightText}.bar{background-color:linkText}}.indeterminate{inline-size:20%;animation:looping-progress-bar-ani calc(var(--calcite-internal-animation-timing-medium) / var(--calcite-internal-duration-factor) * 11 / var(--calcite-internal-duration-factor)) linear infinite}.indeterminate.calcite--rtl{animation-name:looping-progress-bar-ani-rtl}.reversed{animation-direction:reverse}.text{padding-inline:0px;padding-block:1rem 0px;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-progress-text-color, var(--calcite-color-text-2))}@keyframes looping-progress-bar-ani{0%{transform:translate3d(-100%,0,0)}50%{inline-size:40%}to{transform:translate3d(600%,0,0)}}@keyframes looping-progress-bar-ani-rtl{0%{transform:translate3d(100%,0,0)}50%{inline-size:40%}to{transform:translate3d(-600%,0,0)}}:host([hidden]){display:none}[hidden]{display:none}`;
|
|
9
9
|
const CSS = {
|
|
10
10
|
track: "track",
|
|
11
11
|
bar: "bar",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0-next.
|
|
3
|
+
v5.0.0-next.22 */
|
|
4
4
|
import { c as customElement } from "../../chunks/runtime.js";
|
|
5
5
|
import { css, nothing, html } from "lit";
|
|
6
6
|
import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
|
|
@@ -16,7 +16,7 @@ const CSS = {
|
|
|
16
16
|
container: "container",
|
|
17
17
|
radio: "radio"
|
|
18
18
|
};
|
|
19
|
-
const styles = css`:host
|
|
19
|
+
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{display:block;cursor:pointer}:host .container{position:relative;outline:2px solid transparent;outline-offset:2px;display:flex}:host .radio{cursor:pointer;outline-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;border-radius:var(--calcite-radio-button-corner-radius, var(--calcite-corner-radius-pill));background-color:var(--calcite-radio-button-background-color, var(--calcite-color-foreground-1));box-shadow:inset 0 0 0 var(--calcite-border-width-sm) var(--calcite-radio-button-border-color, var(--calcite-color-border-input))}:host([hovered]) .radio,:host(:not([checked])[focused]:not([disabled])) .radio{box-shadow:inset 0 0 0 var(--calcite-border-width-md) var(--calcite-radio-button-border-color, var(--calcite-color-brand-hover))}:host([hovered]) .radio:active,:host(:not([checked])[focused]:not([disabled])) .radio:active{box-shadow:inset 0 0 0 var(--calcite-border-width-md) var(--calcite-color-brand-press)}:host([focused]) .radio{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([disabled]) .radio{cursor:default;opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hovered][disabled]) .radio{box-shadow:inset 0 0 0 var(--calcite-border-width-sm) var(--calcite-radio-button-border-color, var(--calcite-color-border-input))}:host([scale=s]){--calcite-internal-radio-size: var(--calcite-radio-button-size, var(--calcite-size-fixed-md))}:host([scale=m]){--calcite-internal-radio-size: var(--calcite-radio-button-size, var(--calcite-size-fixed-md-plus))}:host([scale=l]){--calcite-internal-radio-size: var(--calcite-radio-button-size, var(--calcite-size-fixed-lg))}.radio{block-size:var(--calcite-internal-radio-size);inline-size:var(--calcite-internal-radio-size);size:var(--calcite-internal-radio-size)}:host([scale=s][checked]) .radio,:host([hovered][scale=s][checked][disabled]) .radio{box-shadow:inset 0 0 0 var(--calcite-border-width-lg) var(--calcite-radio-button-border-color, var(--calcite-color-brand))}:host([scale=s][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 var(--calcite-border-width-lg) var(--calcite-radio-button-border-color, var(--calcite-color-brand)),0 0 0 2px var(--calcite-radio-button-background-color, var(--calcite-color-foreground-1))}:host([scale=m][checked]) .radio,:host([hovered][scale=m][checked][disabled]) .radio{box-shadow:inset 0 0 0 5px var(--calcite-radio-button-border-color, var(--calcite-color-brand))}:host([scale=m][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 5px var(--calcite-radio-button-border-color, var(--calcite-color-brand)),0 0 0 2px var(--calcite-radio-button-background-color, var(--calcite-color-foreground-1))}:host([scale=l][checked]) .radio,:host([hovered][scale=l][checked][disabled]) .radio{box-shadow:inset 0 0 0 6px var(--calcite-radio-button-border-color, var(--calcite-color-brand))}:host([scale=l][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 6px var(--calcite-radio-button-border-color, var(--calcite-color-brand)),0 0 0 2px var(--calcite-radio-button-background-color, var(--calcite-color-foreground-1))}@media(forced-colors:active){:host([checked]) .radio:after,:host([checked][disabled]) .radio:after{content:"";inline-size:var(--calcite-internal-radio-size);block-size:var(--calcite-internal-radio-size);background-color:CanvasText;display:block}}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([hidden]){display:none}[hidden]{display:none}`;
|
|
20
20
|
class RadioButton extends LitElement {
|
|
21
21
|
constructor() {
|
|
22
22
|
super();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0-next.
|
|
3
|
+
v5.0.0-next.22 */
|
|
4
4
|
import { c as customElement } from "../../chunks/runtime.js";
|
|
5
5
|
import { css, html } from "lit";
|
|
6
6
|
import { LitElement, createEvent, stringOrBoolean, safeClassMap } from "@arcgis/lumina";
|
|
@@ -15,7 +15,7 @@ const CSS = {
|
|
|
15
15
|
const IDS = {
|
|
16
16
|
validationMessage: "radioButtonGroupValidationMessage"
|
|
17
17
|
};
|
|
18
|
-
const styles = css`:host{
|
|
18
|
+
const styles = css`:host{display:flex;flex-direction:column}:host>.item-wrapper{display:flex;max-inline-size:100vw}:host([layout=horizontal])>.item-wrapper{flex-direction:row;flex-wrap:wrap}:host([layout=horizontal][scale=s])>.item-wrapper{column-gap:var(--calcite-radio-button-group-gap, var(--calcite-spacing-lg))}:host([layout=horizontal][scale=m])>.item-wrapper{column-gap:var(--calcite-radio-button-group-gap, var(--calcite-spacing-xl))}:host([layout=horizontal][scale=l])>.item-wrapper{column-gap:var(--calcite-radio-button-group-gap, var(--calcite-spacing-xxl))}:host([layout=vertical])>.item-wrapper{flex-direction:column;inline-size:fit-content}:host([scale=s]) calcite-input-message{--calcite-input-message-spacing: var( --calcite-radio-button-input-message-spacing, calc(var(--calcite-spacing-xxs) * -1) )}:host([scale=m]) calcite-input-message{--calcite-input-message-spacing: var( --calcite-radio-button-input-message-spacing, calc(var(--calcite-spacing-sm) * -1) )}:host([scale=l]) calcite-input-message{--calcite-input-message-spacing: var( --calcite-radio-button-input-message-spacing, calc(var(--calcite-spacing-md) * -1) )}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`;
|
|
19
19
|
class RadioButtonGroup extends LitElement {
|
|
20
20
|
constructor() {
|
|
21
21
|
super();
|