@esri/calcite-components 5.2.0-next.78 → 5.2.0-next.79
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/{3FXNL6ZJ.js → 2C4VDQSU.js} +1 -1
- package/dist/cdn/{ZMMSE6VS.js → 2IHGT65H.js} +1 -1
- package/dist/cdn/{AKSLU3RM.js → 2P5P3AYM.js} +1 -1
- package/dist/cdn/{4S7N4BFM.js → 2Z5VEEFS.js} +1 -1
- package/dist/cdn/{LQHVOKP4.js → 35JEZQSR.js} +1 -1
- package/dist/cdn/{ASUTSYX6.js → 3B7YSUWH.js} +1 -1
- package/dist/cdn/{I5BNPFV3.js → 3MPGGNIY.js} +1 -1
- package/dist/cdn/{IYVJIUWV.js → 3NPFNONH.js} +1 -1
- package/dist/cdn/{3KLXXVWV.js → 3U2ZK7MG.js} +1 -1
- package/dist/cdn/{BT2BIM6N.js → 3YEX67V7.js} +1 -1
- package/dist/cdn/{522Q36XR.js → 4HOP7XA7.js} +1 -1
- package/dist/cdn/{7O2XXXUN.js → 4JCTLY7M.js} +1 -1
- package/dist/cdn/{FLYV24HQ.js → 4TEISGNL.js} +1 -1
- package/dist/cdn/{LOQPGPEO.js → 5JFRII4G.js} +1 -1
- package/dist/cdn/{KUX27JPM.js → 5KSTGSH3.js} +1 -1
- package/dist/cdn/{U5X2EV7K.js → 5WSCRFZC.js} +1 -1
- package/dist/cdn/{TJYMIB55.js → 5XOJ6EEM.js} +1 -1
- package/dist/cdn/666MD5ZW.js +2 -0
- package/dist/cdn/{LWUUNXR4.js → 6DQCC53E.js} +1 -1
- package/dist/cdn/{GLSTXQT7.js → 6QGXSX7L.js} +1 -1
- package/dist/cdn/{RKLI4NN7.js → 6XMDJVYH.js} +1 -1
- package/dist/cdn/{7RZCZV4B.js → 73X2BNVA.js} +1 -1
- package/dist/cdn/{LQ2JDBYN.js → 75BJNTQR.js} +1 -1
- package/dist/cdn/{6UOGDUOM.js → 7O3M4NI4.js} +1 -1
- package/dist/cdn/{XYK7ZFKV.js → 7PT2RTZZ.js} +1 -1
- package/dist/cdn/{TFK5TLEX.js → 7R4NCGRE.js} +1 -1
- package/dist/cdn/{7CH7LZX7.js → 7S3NK4O4.js} +1 -1
- package/dist/cdn/{IQLOAXU7.js → 7S4EEVYH.js} +1 -1
- package/dist/cdn/{ZUPNP6V2.js → ACKN42DR.js} +1 -1
- package/dist/cdn/{ETKHN3TB.js → AF6ANWFP.js} +1 -1
- package/dist/cdn/{LDGV2XZM.js → AXGGEOU6.js} +1 -1
- package/dist/cdn/{SOQVCUQI.js → B4EYSZWL.js} +1 -1
- package/dist/cdn/{QSGFXZ6X.js → B6UBM4HO.js} +1 -1
- package/dist/cdn/BEKX222C.js +2 -0
- package/dist/cdn/{DMFAUPS7.js → BGRWUHG6.js} +1 -1
- package/dist/cdn/{Z6Q6E2KL.js → BHSWTPPK.js} +1 -1
- package/dist/cdn/{64WKBSIM.js → CKNIOMFC.js} +1 -1
- package/dist/cdn/CL32TRUD.js +2 -0
- package/dist/cdn/{BTEVR6OB.js → CSC3DWHH.js} +1 -1
- package/dist/cdn/{C32VZZ2C.js → CWL5MXOI.js} +1 -1
- package/dist/cdn/{G3MXWK3Y.js → DFJV3YIL.js} +1 -1
- package/dist/cdn/{KSMZRTYZ.js → DJBXEWJK.js} +1 -1
- package/dist/cdn/{NODH7K66.js → DNO2ZPMI.js} +1 -1
- package/dist/cdn/{BUGLTO2Z.js → DPIKUDW3.js} +1 -1
- package/dist/cdn/{R76BAM4Z.js → DVFFODN6.js} +1 -1
- package/dist/cdn/{KAD52SXO.js → EA72WQLJ.js} +1 -1
- package/dist/cdn/{H5IUDBWB.js → EB2TZNDX.js} +1 -1
- package/dist/cdn/{27YYIR6K.js → EM6V55GC.js} +1 -1
- package/dist/cdn/{DLL4GK7D.js → ENMO2JXF.js} +1 -1
- package/dist/cdn/{FBXLLI7B.js → EUGO2HRU.js} +1 -1
- package/dist/cdn/{2VQLA2L3.js → EXZ3YY5E.js} +1 -1
- package/dist/cdn/{MU3PPZ2G.js → F27K7FQS.js} +1 -1
- package/dist/cdn/{BA2ZQSJS.js → FCRPCLRS.js} +1 -1
- package/dist/cdn/{EOXVENGN.js → FH7IYEQX.js} +1 -1
- package/dist/cdn/{3BGLWWXF.js → FI6ZJXBC.js} +1 -1
- package/dist/cdn/{45NFVY5K.js → FWRYDF55.js} +1 -1
- package/dist/cdn/{L4O3RATS.js → G3HOM7XU.js} +1 -1
- package/dist/cdn/{XQVHRPUW.js → GAHO5MMB.js} +1 -1
- package/dist/cdn/{SKNDSMTS.js → GFPNZLVD.js} +1 -1
- package/dist/cdn/{X5PHSF57.js → GLFKNMJT.js} +1 -1
- package/dist/cdn/{JPY4VGZY.js → HLTBR2PQ.js} +1 -1
- package/dist/cdn/{PEECQDDN.js → HR2YWGQ2.js} +1 -1
- package/dist/cdn/{2PTOS6B6.js → HY7BC3I3.js} +1 -1
- package/dist/cdn/{2MWFAKU4.js → ID63OFYV.js} +1 -1
- package/dist/cdn/{DTDREMTO.js → IGTUTKVY.js} +1 -1
- package/dist/cdn/{TL7SABIH.js → IXKBCWXV.js} +1 -1
- package/dist/cdn/JERQCFKV.js +2 -0
- package/dist/cdn/{6Y4CCD4S.js → JFPARTDP.js} +1 -1
- package/dist/cdn/K3H5OY2S.js +2 -0
- package/dist/cdn/{Q3HRAADJ.js → KA7HZ3UR.js} +1 -1
- package/dist/cdn/KEWVPEC3.js +2 -0
- package/dist/cdn/{5IWDKJAT.js → KHIJZD6Q.js} +1 -1
- package/dist/cdn/{R3EHBHZO.js → KQOKD2GR.js} +1 -1
- package/dist/cdn/{SF7OTKN6.js → KT6J7CKT.js} +1 -1
- package/dist/cdn/{TW2C2FIB.js → KXAAVDUD.js} +1 -1
- package/dist/cdn/{F7QRXMLE.js → L3NLBBY5.js} +1 -1
- package/dist/cdn/{GHGLOM2P.js → L4AGH5QT.js} +1 -1
- package/dist/cdn/{YYRBKL64.js → L5GNBQPE.js} +1 -1
- package/dist/cdn/{NBYEAGDO.js → L7C6A53V.js} +1 -1
- package/dist/cdn/{4IEGHLUB.js → LC6H6CKP.js} +1 -1
- package/dist/cdn/{ALXL7CIU.js → LCK53SHB.js} +1 -1
- package/dist/cdn/{DSF4QJZ5.js → LLDV7RFW.js} +1 -1
- package/dist/cdn/LPMYRCBM.js +2 -0
- package/dist/cdn/{ME6FBZVS.js → M6XA52KE.js} +1 -1
- package/dist/cdn/{WME5WMTN.js → MBPKWZSO.js} +1 -1
- package/dist/cdn/{XAPPIUAT.js → MOJOSRSK.js} +1 -1
- package/dist/cdn/{ESIEB6BL.js → MTPM2YOV.js} +1 -1
- package/dist/cdn/{ASCMQGZC.js → MX74Y6PU.js} +1 -1
- package/dist/cdn/{K4ZFXLTM.js → NCCSR4XP.js} +1 -1
- package/dist/cdn/{XVOQNUET.js → NDVLGLMY.js} +1 -1
- package/dist/cdn/{LOI44EGZ.js → NGIHE3KV.js} +1 -1
- package/dist/cdn/{IGRA4IYX.js → NI5ENPSO.js} +1 -1
- package/dist/cdn/{4APT2VI4.js → NTMQXQPQ.js} +1 -1
- package/dist/cdn/{NRRHEPBV.js → O3ILGO6X.js} +1 -1
- package/dist/cdn/{ASE6WOIX.js → O63GXLL4.js} +1 -1
- package/dist/cdn/{KB7CP5XB.js → OCPSX4LV.js} +1 -1
- package/dist/cdn/{OKV3CXDQ.js → OIUTGBGM.js} +1 -1
- package/dist/cdn/{4WZT5M6R.js → OPGREOYB.js} +1 -1
- package/dist/cdn/{VWIGJ6BU.js → OYB6MDM5.js} +1 -1
- package/dist/cdn/{VYGNA7DQ.js → P7U7LQHM.js} +1 -1
- package/dist/cdn/{SJNBO2YA.js → PH4KV2SM.js} +1 -1
- package/dist/cdn/{CHMY754Q.js → PIYYSX2F.js} +1 -1
- package/dist/cdn/{ATRYJOS5.js → PJTNYTUB.js} +1 -1
- package/dist/cdn/{5UQVAKC7.js → PK3FOBFK.js} +1 -1
- package/dist/cdn/PZ4NAMPC.js +2 -0
- package/dist/cdn/{LL4YWJW2.js → QUD564MN.js} +1 -1
- package/dist/cdn/{JDC2XDE4.js → QY3QFQTC.js} +1 -1
- package/dist/cdn/{MGL5JZDA.js → R4R3LITK.js} +1 -1
- package/dist/cdn/{B55YC5JL.js → RBOS76RJ.js} +1 -1
- package/dist/cdn/{GH3XYO4N.js → RJCE75G7.js} +1 -1
- package/dist/cdn/{HOZL7WN5.js → RLCCWGOT.js} +1 -1
- package/dist/cdn/{HZDH45O7.js → RV6IJTR3.js} +1 -1
- package/dist/cdn/{WU2EMEO4.js → RWQTMGCL.js} +1 -1
- package/dist/cdn/{2PZEQCKY.js → RWTT3M42.js} +1 -1
- package/dist/cdn/{HLSXMJZX.js → RXXNIAEI.js} +1 -1
- package/dist/cdn/{DOC3YWP4.js → S4KWHJJM.js} +1 -1
- package/dist/cdn/{2IIAOFW5.js → SOHJWUM7.js} +1 -1
- package/dist/cdn/{K3CGWWPV.js → T2BVAFYO.js} +1 -1
- package/dist/cdn/{YBXYLLUU.js → T5GSWLUE.js} +1 -1
- package/dist/cdn/{7RWYHVWP.js → TF52FD45.js} +1 -1
- package/dist/cdn/{XRDZ7QFN.js → UBNX2EMX.js} +1 -1
- package/dist/cdn/{YZYBGPNK.js → UH32575K.js} +1 -1
- package/dist/cdn/{UM32HYEO.js → UICHXQN3.js} +1 -1
- package/dist/cdn/{NQRYKBUG.js → UOIBV3QR.js} +1 -1
- package/dist/cdn/{3AT2ABU6.js → V2GFGW6E.js} +1 -1
- package/dist/cdn/{WEBANTO7.js → V47ZOXGV.js} +1 -1
- package/dist/cdn/{AACOTE5M.js → VFJKGE6A.js} +1 -1
- package/dist/cdn/{TAT7KHVI.js → VFY4EAP2.js} +1 -1
- package/dist/cdn/{WXQFS2MI.js → VHALRGEE.js} +1 -1
- package/dist/cdn/{E2AOU4BO.js → VN4TBJYF.js} +1 -1
- package/dist/cdn/{IDNG5M6J.js → VNSLGFSS.js} +1 -1
- package/dist/cdn/{M4DDBUO4.js → W4QK4MFH.js} +1 -1
- package/dist/cdn/{CEYFZHMU.js → WHUU4GSU.js} +1 -1
- package/dist/cdn/{VNQV55CH.js → WHVARUCB.js} +1 -1
- package/dist/cdn/{AYLAANSS.js → WJ5LYEFM.js} +1 -1
- package/dist/cdn/{5EKWE2LN.js → WRB76QWY.js} +1 -1
- package/dist/cdn/{VMFX5DS5.js → X334LEK2.js} +1 -1
- package/dist/cdn/{HZLQY5QW.js → XBM4Z5LO.js} +1 -1
- package/dist/cdn/{4UR2M57V.js → XEAWQ5OH.js} +1 -1
- package/dist/cdn/XISQLY3P.js +2 -0
- package/dist/cdn/{DMMITSID.js → Y5Q56CLX.js} +1 -1
- package/dist/cdn/{7ICHY27F.js → YCGX6M6C.js} +1 -1
- package/dist/cdn/{YUNNSLZY.js → YJNVXRAS.js} +1 -1
- package/dist/cdn/{UCSEH56I.js → YMKUN5RA.js} +1 -1
- package/dist/cdn/{Y7WYRSG3.js → YNGQ7RPX.js} +1 -1
- package/dist/cdn/{E3U2CPWV.js → YQYWG6UR.js} +1 -1
- package/dist/cdn/{XGVBRRXX.js → YSBWI3UN.js} +1 -1
- package/dist/cdn/{DUKC64ZL.js → YZVQ6PZS.js} +1 -1
- package/dist/cdn/{N5T6PZC3.js → Z4GRIS66.js} +1 -1
- package/dist/cdn/{P2RPEF65.js → Z5VIRXQ2.js} +1 -1
- package/dist/cdn/{NJLBJP4M.js → ZB24JED6.js} +1 -1
- package/dist/cdn/{UOYQLJ6X.js → ZDRKEDYM.js} +1 -1
- package/dist/cdn/ZPC7NHQV.js +2 -0
- package/dist/cdn/index.js +2 -2
- package/dist/cdn/main.css +1 -1
- package/dist/chunks/dom.js +11 -11
- package/dist/chunks/floating-ui.js +3 -3
- package/dist/chunks/manager.js +1 -1
- package/dist/chunks/resources10.js +0 -1
- package/dist/chunks/runtime.js +4 -4
- package/dist/chunks/screen-reader.js +6 -0
- package/dist/components/calcite-action/customElement.js +3 -3
- package/dist/components/calcite-action-bar/customElement.js +1 -1
- package/dist/components/calcite-action-pad/customElement.js +1 -1
- package/dist/components/calcite-autocomplete/customElement.js +1 -1
- package/dist/components/calcite-block/customElement.js +6 -7
- package/dist/components/calcite-block-group/customElement.js +7 -7
- package/dist/components/calcite-card-group/customElement.js +1 -1
- package/dist/components/calcite-carousel/customElement.js +6 -6
- package/dist/components/calcite-chip-group/customElement.js +1 -1
- package/dist/components/calcite-color-picker/customElement.js +1 -1
- package/dist/components/calcite-combobox/customElement.js +7 -6
- package/dist/components/calcite-combobox-item/customElement.js +1 -1
- package/dist/components/calcite-date-picker-month-header/customElement.js +1 -1
- package/dist/components/calcite-dialog/customElement.js +1 -1
- package/dist/components/calcite-dropdown/customElement.js +1 -1
- package/dist/components/calcite-inline-editable/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-number/customElement.js +1 -1
- package/dist/components/calcite-list/customElement.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-panel/customElement.js +2 -2
- package/dist/components/calcite-popover/customElement.js +1 -1
- package/dist/components/calcite-scrim/customElement.js +1 -1
- 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-sheet/customElement.js +1 -1
- package/dist/components/calcite-shell/customElement.js +1 -1
- package/dist/components/calcite-shell-panel/customElement.js +1 -1
- package/dist/components/calcite-slider/customElement.js +1 -1
- package/dist/components/calcite-sort-handle/customElement.js +1 -1
- package/dist/components/calcite-stepper/customElement.js +1 -1
- package/dist/components/calcite-stepper-item/customElement.js +1 -1
- package/dist/components/calcite-swatch-group/customElement.js +1 -1
- package/dist/components/calcite-tab-nav/customElement.js +1 -1
- package/dist/components/calcite-table-row/customElement.js +1 -1
- package/dist/components/calcite-tabs/customElement.js +1 -1
- package/dist/components/calcite-tile-group/customElement.js +1 -1
- package/dist/components/calcite-tooltip/customElement.js +1 -1
- package/dist/components/calcite-tree/customElement.js +1 -1
- package/dist/components/calcite-tree-item/customElement.js +1 -1
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/package.json +5 -5
- package/dist/cdn/36XSAMRD.js +0 -2
- package/dist/cdn/47B6Y2DM.js +0 -2
- package/dist/cdn/4V4XTRTC.js +0 -2
- package/dist/cdn/6U46FCAX.js +0 -2
- package/dist/cdn/C57RF72Z.js +0 -2
- package/dist/cdn/KMSISNHZ.js +0 -3
- package/dist/cdn/S6UCOJUW.js +0 -2
- package/dist/cdn/SCY4F7V2.js +0 -2
- package/dist/cdn/U7UCLK7W.js +0 -2
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import { D as DEBOUNCE, c as customElement } from "../../chunks/runtime.js";
|
|
2
|
+
import { D as DEBOUNCE, C as CSS_UTILITY, c as customElement } from "../../chunks/runtime.js";
|
|
3
3
|
import { debounce } from "es-toolkit";
|
|
4
4
|
import { css, html } from "lit";
|
|
5
5
|
import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
|
|
6
6
|
import { c as createObserver } from "../../chunks/observers.js";
|
|
7
|
-
import { g as getRootNode,
|
|
7
|
+
import { g as getRootNode, b as slotChangeGetAssignedElements } from "../../chunks/dom.js";
|
|
8
8
|
import { g as guid } from "../../chunks/guid.js";
|
|
9
9
|
import { u as useSetFocus } from "../../chunks/useSetFocus.js";
|
|
10
10
|
import { u as useCancelable } from "../../chunks/useCancelable.js";
|
|
11
11
|
import { u as useInteractive } from "../../chunks/useInteractive.js";
|
|
12
12
|
import { u as useSortable } from "../../chunks/useSortable.js";
|
|
13
13
|
import { i as isTag } from "../../chunks/resources3.js";
|
|
14
|
+
import { s as styles$1 } from "../../chunks/screen-reader.js";
|
|
14
15
|
import { i as isBlock } from "../../chunks/resources7.js";
|
|
15
16
|
import { t as toAriaBoolean } from "../../chunks/aria.js";
|
|
16
17
|
const CSS = {
|
|
17
18
|
container: "container",
|
|
18
19
|
groupContainer: "group-container",
|
|
19
|
-
scrim: "scrim"
|
|
20
|
-
assistiveText: "assistive-text"
|
|
20
|
+
scrim: "scrim"
|
|
21
21
|
};
|
|
22
22
|
const blockGroupSelector = "calcite-block-group";
|
|
23
23
|
const blockSelector = "calcite-block";
|
|
24
24
|
const isBlockGroup = isTag("calcite-block-group");
|
|
25
|
-
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}.container{position:relative}
|
|
25
|
+
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}.container{position:relative}: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([slot=children]) slot::slotted(calcite-block){border-block-end-width:0}`;
|
|
26
26
|
function updateBlockChildren(blockChildren) {
|
|
27
27
|
blockChildren.forEach((block) => {
|
|
28
28
|
block.setPosition = blockChildren.indexOf(block) + 1;
|
|
@@ -65,7 +65,7 @@ class BlockGroup extends LitElement {
|
|
|
65
65
|
this.properties = { assistiveText: [16, {}, { state: true }], sortHandleMenuItems: [16, {}, { state: true }], canPull: [0, {}, { attribute: false }], canPut: [0, {}, { attribute: false }], disabled: [7, {}, { reflect: true, type: Boolean }], dragEnabled: [7, {}, { reflect: true, type: Boolean }], group: [3, {}, { reflect: true }], label: 1, loading: [7, {}, { reflect: true, type: Boolean }], scale: [3, {}, { reflect: true }], expandMode: [3, {}, { reflect: true }], sortDisabled: [7, {}, { reflect: true, type: Boolean }] };
|
|
66
66
|
}
|
|
67
67
|
static {
|
|
68
|
-
this.styles = styles;
|
|
68
|
+
this.styles = [styles, styles$1];
|
|
69
69
|
}
|
|
70
70
|
emitOrderChangeEvent(detail) {
|
|
71
71
|
this.calciteBlockGroupOrderChange.emit(detail);
|
|
@@ -351,7 +351,7 @@ class BlockGroup extends LitElement {
|
|
|
351
351
|
}
|
|
352
352
|
render() {
|
|
353
353
|
const { loading, label } = this;
|
|
354
|
-
return this.interactiveContainer({ disabled: this.disabled, children: html`<div class=${safeClassMap(CSS.container)}>${this.dragEnabled ? html`<span aria-live=assertive class=${safeClassMap(
|
|
354
|
+
return this.interactiveContainer({ disabled: this.disabled, children: html`<div class=${safeClassMap(CSS.container)}>${this.dragEnabled ? html`<span aria-live=assertive class=${safeClassMap(CSS_UTILITY.screenReaderText)}>${this.assistiveText}</span>` : null}${loading ? html`<calcite-scrim class=${safeClassMap(CSS.scrim)} .loading=${loading}></calcite-scrim>` : null}<div .ariaBusy=${toAriaBoolean(loading, void 0)} .ariaLabel=${label || ""} class=${safeClassMap(CSS.groupContainer)} role=group><slot @slotchange=${this.handleDefaultSlotChange}></slot></div></div>` });
|
|
355
355
|
}
|
|
356
356
|
}
|
|
357
357
|
customElement("calcite-block-group", BlockGroup);
|
|
@@ -3,7 +3,7 @@ import { c as customElement } from "../../chunks/runtime.js";
|
|
|
3
3
|
import { css, html } from "lit";
|
|
4
4
|
import { createRef, ref } from "lit/directives/ref.js";
|
|
5
5
|
import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
|
|
6
|
-
import {
|
|
6
|
+
import { e as focusElementInGroup } from "../../chunks/dom.js";
|
|
7
7
|
import { i as isCard } from "../../chunks/resources8.js";
|
|
8
8
|
import { u as useSetFocus } from "../../chunks/useSetFocus.js";
|
|
9
9
|
import { u as useInteractive } from "../../chunks/useInteractive.js";
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/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, safeClassMap } from "@arcgis/lumina";
|
|
6
6
|
import { createRef, ref } from "lit/directives/ref.js";
|
|
7
7
|
import { useDirection } from "@arcgis/lumina/controllers";
|
|
8
|
-
import { x as whenAnimationDone,
|
|
8
|
+
import { x as whenAnimationDone, b as slotChangeGetAssignedElements, e as focusElementInGroup } from "../../chunks/dom.js";
|
|
9
9
|
import { g as guid } from "../../chunks/guid.js";
|
|
10
10
|
import { c as createObserver } from "../../chunks/observers.js";
|
|
11
11
|
import { b as breakpoints } from "../../chunks/responsive.js";
|
|
@@ -14,6 +14,7 @@ import { g as getRoundRobinIndex } from "../../chunks/array.js";
|
|
|
14
14
|
import { u as useT9n } from "../../chunks/useT9n.js";
|
|
15
15
|
import { u as useSetFocus } from "../../chunks/useSetFocus.js";
|
|
16
16
|
import { u as useInteractive } from "../../chunks/useInteractive.js";
|
|
17
|
+
import { s as styles$1 } from "../../chunks/screen-reader.js";
|
|
17
18
|
const DURATION = 6e3;
|
|
18
19
|
const CSS = {
|
|
19
20
|
container: "container",
|
|
@@ -23,7 +24,6 @@ const CSS = {
|
|
|
23
24
|
itemContainerForward: "item-container--forward",
|
|
24
25
|
itemContainerBackward: "item-container--backward",
|
|
25
26
|
pagination: "pagination",
|
|
26
|
-
paginationAriaLive: "pagination-aria-live",
|
|
27
27
|
paginationItems: "pagination-items",
|
|
28
28
|
paginationItem: "pagination-item",
|
|
29
29
|
paginationItemIndividual: "pagination-item--individual",
|
|
@@ -54,7 +54,7 @@ const idPrefix = "calcite-carousel-container";
|
|
|
54
54
|
const IDS = {
|
|
55
55
|
host: (id) => `${idPrefix}-${id}`
|
|
56
56
|
};
|
|
57
|
-
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:flex;inline-size:100%;--calcite-internal-carousel-pagination-space: 1.5rem;--calcite-internal-carousel-pagination-space-wide: 3.5rem;--calcite-internal-carousel-pagination-background-color: var( --calcite-carousel-pagination-background-color, transparent );--calcite-internal-carousel-pagination-background-color-hover: var( --calcite-carousel-pagination-background-color-hover, transparent );--calcite-internal-carousel-pagination-background-color-press: var( --calcite-carousel-pagination-background-color-press, transparent );--calcite-internal-carousel-pagination-background-color-selected: var( --calcite-carousel-pagination-background-color-selected, transparent );--calcite-internal-carousel-pagination-overlay-background-color: var( --calcite-carousel-pagination-background-color, var(--calcite-color-foreground-1) );--calcite-internal-carousel-pagination-overlay-background-color-hover: var( --calcite-carousel-pagination-background-color-hover, var(--calcite-color-foreground-2) );--calcite-internal-carousel-pagination-overlay-background-color-active: var( --calcite-carousel-pagination-background-color-press, var(--calcite-color-foreground-2) );--calcite-internal-carousel-pagination-overlay-background-color-selected: var( --calcite-carousel-pagination-background-color-selected, var(--calcite-color-foreground-1) );--calcite-internal-carousel-pagination-icon-color-hover: var( --calcite-carousel-pagination-icon-color-hover, var(--calcite-color-text-1) );--calcite-internal-carousel-pagination-icon-color: var( --calcite-carousel-pagination-icon-color, var(--calcite-color-border-1) );--calcite-internal-carousel-pagination-icon-color-selected: var( --calcite-carousel-pagination-icon-color-selected, var(--calcite-color-brand) );--calcite-internal-carousel-control-icon-color-hover: var( --calcite-carousel-control-icon-color-hover, var(--calcite-internal-carousel-pagination-icon-color-hover) );--calcite-internal-carousel-control-icon-color: var( --calcite-carousel-control-icon-color, var(--calcite-carousel-pagination-icon-color, var(--calcite-color-text-3)) );--calcite-internal-carousel-autoplay-progress-background-color: var( --calcite-carousel-autoplay-progress-background-color, var(--calcite-color-border-3) );--calcite-internal-carousel-autoplay-progress-fill-color: var( --calcite-carousel-autoplay-progress-fill-color, var(--calcite-color-brand) );--calcite-internal-carousel-autoplay-control-color: var( --calcite-carousel-pagination-icon-color, var(--calcite-color-text-3) )}.container{outline-color:transparent;position:relative;display:flex;flex-direction:column;overflow:hidden;color:var(--calcite-color-text-2);inline-size:100%;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}.container: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)))}.container--edged:not(.container--overlaid){padding-inline:var(--calcite-internal-carousel-pagination-space-wide);inline-size:calc(100% - var(--calcite-internal-carousel-pagination-space-wide) * 2)}.item-container{display:flex;align-items:flex-start;justify-content:center;overflow:auto;flex:1 1 auto;padding:var(--calcite-space-2xs);animation-name:none;animation-duration:var(--calcite-animation-timing)}.container--overlaid .item-container{padding:0}.item-container--forward{animation-name:item-forward}.item-container--backward{animation-name:item-backward}calcite-carousel-item:not([selected]){opacity:0}.pagination
|
|
57
|
+
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:flex;inline-size:100%;--calcite-internal-carousel-pagination-space: 1.5rem;--calcite-internal-carousel-pagination-space-wide: 3.5rem;--calcite-internal-carousel-pagination-background-color: var( --calcite-carousel-pagination-background-color, transparent );--calcite-internal-carousel-pagination-background-color-hover: var( --calcite-carousel-pagination-background-color-hover, transparent );--calcite-internal-carousel-pagination-background-color-press: var( --calcite-carousel-pagination-background-color-press, transparent );--calcite-internal-carousel-pagination-background-color-selected: var( --calcite-carousel-pagination-background-color-selected, transparent );--calcite-internal-carousel-pagination-overlay-background-color: var( --calcite-carousel-pagination-background-color, var(--calcite-color-foreground-1) );--calcite-internal-carousel-pagination-overlay-background-color-hover: var( --calcite-carousel-pagination-background-color-hover, var(--calcite-color-foreground-2) );--calcite-internal-carousel-pagination-overlay-background-color-active: var( --calcite-carousel-pagination-background-color-press, var(--calcite-color-foreground-2) );--calcite-internal-carousel-pagination-overlay-background-color-selected: var( --calcite-carousel-pagination-background-color-selected, var(--calcite-color-foreground-1) );--calcite-internal-carousel-pagination-icon-color-hover: var( --calcite-carousel-pagination-icon-color-hover, var(--calcite-color-text-1) );--calcite-internal-carousel-pagination-icon-color: var( --calcite-carousel-pagination-icon-color, var(--calcite-color-border-1) );--calcite-internal-carousel-pagination-icon-color-selected: var( --calcite-carousel-pagination-icon-color-selected, var(--calcite-color-brand) );--calcite-internal-carousel-control-icon-color-hover: var( --calcite-carousel-control-icon-color-hover, var(--calcite-internal-carousel-pagination-icon-color-hover) );--calcite-internal-carousel-control-icon-color: var( --calcite-carousel-control-icon-color, var(--calcite-carousel-pagination-icon-color, var(--calcite-color-text-3)) );--calcite-internal-carousel-autoplay-progress-background-color: var( --calcite-carousel-autoplay-progress-background-color, var(--calcite-color-border-3) );--calcite-internal-carousel-autoplay-progress-fill-color: var( --calcite-carousel-autoplay-progress-fill-color, var(--calcite-color-brand) );--calcite-internal-carousel-autoplay-control-color: var( --calcite-carousel-pagination-icon-color, var(--calcite-color-text-3) )}.container{outline-color:transparent;position:relative;display:flex;flex-direction:column;overflow:hidden;color:var(--calcite-color-text-2);inline-size:100%;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}.container: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)))}.container--edged:not(.container--overlaid){padding-inline:var(--calcite-internal-carousel-pagination-space-wide);inline-size:calc(100% - var(--calcite-internal-carousel-pagination-space-wide) * 2)}.item-container{display:flex;align-items:flex-start;justify-content:center;overflow:auto;flex:1 1 auto;padding:var(--calcite-space-2xs);animation-name:none;animation-duration:var(--calcite-animation-timing)}.container--overlaid .item-container{padding:0}.item-container--forward{animation-name:item-forward}.item-container--backward{animation-name:item-backward}calcite-carousel-item:not([selected]){opacity:0}.pagination{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:var(--calcite-space-md);inline-size:auto}.pagination-items{display:flex;flex-direction:row;align-items:center}.container--overlaid .pagination{position:absolute}.pagination-item.page-next,.pagination-item.page-previous{color:var(--calcite-internal-carousel-control-icon-color);--calcite-icon-color: var(--calcite-internal-carousel-control-icon-color)}.pagination-item.page-next:hover,.pagination-item.page-previous:hover{color:var(--calcite-internal-carousel-control-icon-color-hover);--calcite-icon-color: var(--calcite-internal-carousel-control-icon-color-hover)}.container--edged .page-next,.container--edged .page-previous{block-size:var(--calcite-size-xl);inline-size:var(--calcite-size-xl);position:absolute;inset-block-start:50%;transform:translateY(-50%)}.container--edged .page-next{inset-inline-end:0}.container--edged .page-previous{inset-inline-start:0}.container--overlaid .pagination{inset-block-start:unset;inset-block-end:0;inset-inline:0}:host([pagination-position=top]) .container--overlaid .pagination{inset-block-start:0;inset-block-end:unset}.pagination-item.autoplay-control{position:relative;color:var(--calcite-internal-carousel-autoplay-control-color);--calcite-progress-fill-color: var(--calcite-internal-carousel-autoplay-progress-fill-color);--calcite-progress-background-color: var(--calcite-internal-carousel-autoplay-progress-background-color)}.autoplay-control:focus .autoplay-progress{inset-block-end:4px;inset-inline:2px;inline-size:calc(100% - 4px)}.autoplay-progress{position:absolute;inset-block-end:2px;inset-inline:0;inline-size:100%}.pagination-item{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;outline-color:transparent;margin:0;block-size:var(--calcite-space-3xl);inline-size:var(--calcite-space-3xl);cursor:pointer;align-items:center;border-style:none;-webkit-appearance:none;display:flex;align-content:center;justify-content:center;background-color:var(--calcite-internal-carousel-pagination-background-color);color:var(--calcite-internal-carousel-pagination-icon-color)}.pagination-item:hover{background-color:var(--calcite-internal-carousel-pagination-background-color-hover);color:var(--calcite-internal-carousel-pagination-icon-color-hover)}.pagination-item:focus{background-color:var(--calcite-internal-carousel-pagination-background-color-press);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)))}.pagination-item:active{background-color:var(--calcite-internal-carousel-pagination-background-color-press);color:var(--calcite-internal-carousel-pagination-icon-color-hover)}.pagination-item calcite-icon{color:inherit;pointer-events:none}.pagination-item.pagination-item--selected{background-color:var(--calcite-internal-carousel-pagination-background-color-selected);color:var(--calcite-internal-carousel-pagination-icon-color-selected)}.pagination-item--individual{inline-size:0;padding:0;opacity:0;pointer-events:none;visibility:hidden;transition:var(--calcite-animation-timing) ease-in-out inline-size,var(--calcite-animation-timing) ease-in-out padding,var(--calcite-animation-timing) ease-in-out opacity}.pagination-item--individual.pagination-item--visible{inline-size:var(--calcite-space-3xl);opacity:1;pointer-events:auto;visibility:visible}.pagination-item--range-edge calcite-icon{scale:.75;transition:var(--calcite-animation-timing) ease-in-out scale}.container--overlaid .pagination-item{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color)}.container--overlaid .pagination-item:hover{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-hover)}.container--overlaid .pagination-item:focus{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-active)}.container--overlaid .pagination-item:active{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-active)}.container--overlaid .pagination-item.pagination-item--selected{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-selected);color:var(--calcite-internal-carousel-pagination-icon-color-selected)}@keyframes item-forward{0%{transform:translate3d(100px,0,0)}to{transform:translateZ(0)}}@keyframes item-backward{0%{transform:translate3d(-100px,0,0)}to{transform:translateZ(0)}}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`;
|
|
58
58
|
class Carousel extends LitElement {
|
|
59
59
|
constructor() {
|
|
60
60
|
super(...arguments);
|
|
@@ -118,7 +118,7 @@ class Carousel extends LitElement {
|
|
|
118
118
|
this.properties = { itemDirection: [16, {}, { state: true }], hasMultiple: [16, {}, { state: true }], items: [16, {}, { state: true }], maxItems: [16, {}, { state: true }], playing: [16, {}, { state: true }], selectedIndex: [16, {}, { state: true }], slideDurationRemaining: [16, {}, { state: true }], suspendedDueToFocus: [16, {}, { state: true }], suspendedDueToHover: [16, {}, { state: true }], suspendedSlideDurationRemaining: [16, {}, { state: true }], userPreventsSuspend: [16, {}, { state: true }], arrowType: [3, {}, { reflect: true }], autoplay: [3, {}, { reflect: true }], autoplayDuration: [11, {}, { type: Number, reflect: true }], controlOverlay: [7, {}, { reflect: true, type: Boolean }], disabled: [7, {}, { reflect: true, type: Boolean }], label: 1, messageOverrides: [0, {}, { attribute: false }], paginationDisabled: [5, {}, { type: Boolean }], paginationPosition: [3, {}, { reflect: true }], paused: [5, {}, { type: Boolean }], selectedItem: [0, {}, { attribute: false }] };
|
|
119
119
|
}
|
|
120
120
|
static {
|
|
121
|
-
this.styles = styles;
|
|
121
|
+
this.styles = [styles, styles$1];
|
|
122
122
|
}
|
|
123
123
|
async play() {
|
|
124
124
|
if (this.playing || !this.hasMultiple || this.autoplay !== "" && this.autoplay !== true && this.autoplay !== "paused") {
|
|
@@ -462,7 +462,7 @@ class Carousel extends LitElement {
|
|
|
462
462
|
numberStringFormatter.numberFormatOptions = {
|
|
463
463
|
locale: effectiveLocale
|
|
464
464
|
};
|
|
465
|
-
return html`<div aria-live=off class=${safeClassMap(
|
|
465
|
+
return html`<div aria-live=off class=${safeClassMap(CSS_UTILITY.screenReaderText)} role=status>${messages.paginationStatus.replace("{current}", numberStringFormatter.localize(`${selectedIndex + 1}`)).replace("{total}", numberStringFormatter.localize(`${items.length}`))}</div>`;
|
|
466
466
|
}
|
|
467
467
|
renderArrow(itemDirection) {
|
|
468
468
|
const isPrev = itemDirection === "previous";
|
|
@@ -3,7 +3,7 @@ import { c as customElement } from "../../chunks/runtime.js";
|
|
|
3
3
|
import { css, html } from "lit";
|
|
4
4
|
import { createRef, ref } from "lit/directives/ref.js";
|
|
5
5
|
import { LitElement, createEvent } from "@arcgis/lumina";
|
|
6
|
-
import {
|
|
6
|
+
import { e as focusElementInGroup, b as slotChangeGetAssignedElements } from "../../chunks/dom.js";
|
|
7
7
|
import { u as useSetFocus } from "../../chunks/useSetFocus.js";
|
|
8
8
|
import { u as useInteractive } from "../../chunks/useInteractive.js";
|
|
9
9
|
import { i as isChip } from "../../chunks/resources9.js";
|
|
@@ -8,7 +8,7 @@ import { css, html, nothing } from "lit";
|
|
|
8
8
|
import { LitElement, createEvent, safeClassMap, safeStyleMap } from "@arcgis/lumina";
|
|
9
9
|
import { createRef, ref } from "lit/directives/ref.js";
|
|
10
10
|
import { useDirection } from "@arcgis/lumina/controllers";
|
|
11
|
-
import {
|
|
11
|
+
import { h as isPrimaryPointerButton } from "../../chunks/dom.js";
|
|
12
12
|
import { i as isActivationKey } from "../../chunks/key.js";
|
|
13
13
|
import { r as remap, c as clamp, a as closeToRangeEdge } from "../../chunks/math.js";
|
|
14
14
|
import { u as useT9n } from "../../chunks/useT9n.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import { D as DEBOUNCE, l as logger, c as customElement } from "../../chunks/runtime.js";
|
|
2
|
+
import { D as DEBOUNCE, l as logger, C as CSS_UTILITY, c as customElement } from "../../chunks/runtime.js";
|
|
3
3
|
import { keyed } from "lit/directives/keyed.js";
|
|
4
4
|
import { live } from "lit/directives/live.js";
|
|
5
5
|
import { debounce } from "es-toolkit";
|
|
@@ -10,8 +10,8 @@ import { createRef, ref } from "lit/directives/ref.js";
|
|
|
10
10
|
import { LitElement, createEvent, stringOrBoolean, safeClassMap } from "@arcgis/lumina";
|
|
11
11
|
import { useDirection } from "@arcgis/lumina/controllers";
|
|
12
12
|
import { f as filter } from "../../chunks/filter.js";
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
13
|
+
import { j as getElementWidth, k as getTextWidth, f as focusElement } from "../../chunks/dom.js";
|
|
14
|
+
import { a as defaultMenuPlacement, r as reposition, c as connectFloatingUI, b as disconnectFloatingUI, f as filterValidFlipPlacements, h as hideFloatingUI, F as FloatingCSS } from "../../chunks/floating-ui.js";
|
|
15
15
|
import { g as guid } from "../../chunks/guid.js";
|
|
16
16
|
import { g as getLabelText } from "../../chunks/label.js";
|
|
17
17
|
import { c as createObserver, u as updateRefObserver } from "../../chunks/observers.js";
|
|
@@ -31,7 +31,8 @@ import { u as useForm } from "../../chunks/useForm.js";
|
|
|
31
31
|
import { i as isChip } from "../../chunks/resources9.js";
|
|
32
32
|
import { I as IDS, b as CSS, C as ComboboxItemSelector, a as ComboboxItemGroupSelector, c as ICONS } from "../../chunks/resources10.js";
|
|
33
33
|
import { h as hasActiveChildren, i as isSingleLike, o as orderValuesByPrevious, a as orderByPrevious, g as getLabel, b as getItemAncestors, c as getItemChildren } from "../../chunks/utils.js";
|
|
34
|
-
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;--calcite-internal-combobox-max-block-size: 45vh}:host([scale=s]){font-size:var(--calcite-font-size-relative-sm);--calcite-internal-combobox-spacing-unit-l: .5rem;--calcite-internal-combobox-spacing-unit-s: .25rem;--calcite-internal-combobox-padding-inline-end: var(--calcite-space-2xs);--calcite-internal-combobox-no-matches-spacing-unit-s: .25rem;--calcite-combobox-input-height: 1rem;--calcite-internal-combobox-input-margin-block: calc(.25rem - 1px) ;--calcite-internal-close-size: 1rem}:host([scale=m]){font-size:var(--calcite-font-size-relative-base);--calcite-internal-combobox-spacing-unit-l: .75rem;--calcite-internal-combobox-spacing-unit-s: .5rem;--calcite-internal-combobox-padding-inline-end: var(--calcite-space-sm);--calcite-internal-combobox-no-matches-spacing-unit-s: .375rem;--calcite-combobox-input-height: 1rem;--calcite-internal-combobox-input-margin-block: calc(.5rem - 1px) ;--calcite-internal-close-size: 1.5rem}:host([scale=l]){font-size:var(--calcite-font-size-relative-md);--calcite-internal-combobox-spacing-unit-l: 1rem;--calcite-internal-combobox-spacing-unit-s: .75rem;--calcite-internal-combobox-padding-inline-end: var(--calcite-space-sm-plus);--calcite-internal-combobox-no-matches-spacing-unit-s: var(--calcite-space-sm-plus);--calcite-combobox-input-height: 1.5rem;--calcite-internal-combobox-input-margin-block: calc(var(--calcite-space-sm-plus) - 1px);--calcite-internal-close-size: 2rem}.wrapper{outline-color:transparent;display:flex;border-width:var(--calcite-border-width-sm);border-style:solid;padding-block:calc(var(--calcite-internal-combobox-spacing-unit-s) / 4);padding-inline:var(--calcite-internal-combobox-spacing-unit-l) var(--calcite-internal-combobox-padding-inline-end);border-radius:var(--calcite-combobox-corner-radius, var(--calcite-corner-radius));background-color:var(--calcite-combobox-input-background-color, var(--calcite-color-foreground-1));color:var(--calcite-combobox-input-text-color, var(--calcite-color-text-1));border-color:var(--calcite-combobox-input-border-color, var(--calcite-color-border-input))}.wrapper:hover .icon{color:var(--calcite-combobox-icon-color-hover, var(--calcite-color-text-1))}:host(:focus-within) .wrapper,.wrapper--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)))}:host([read-only]) .wrapper{background-color:var(--calcite-color-background)}:host([read-only]) .label{font-weight:var(--calcite-font-weight-medium)}:host([status=invalid]) .wrapper{border-color:var(--calcite-color-status-danger)}:host([status=invalid]:focus-within) .wrapper{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(-1 * var(--calcite-spacing-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.wrapper--single{padding-block:0;padding-inline:var(--calcite-internal-combobox-spacing-unit-l) var(--calcite-internal-combobox-padding-inline-end);cursor:pointer;flex-wrap:nowrap}.grid-input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;position:relative;padding:0;gap:var(--calcite-internal-combobox-spacing-unit-s);margin-inline-end:var(--calcite-internal-combobox-spacing-unit-s)}.grid-input.selection-display--fit,.grid-input.selection-display--single{flex-wrap:nowrap;overflow:hidden}.input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;appearance:none;background-color:transparent;border-style:none;flex-grow:1;font-family:inherit;color:var(--calcite-color-text-1);padding:0;font-size:inherit;block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height);inline-size:100%;margin-block-end:var(--calcite-internal-combobox-spacing-unit-s);min-inline-size:4.8125rem}.input:focus{outline:var(--calcite-border-width-md) solid transparent;outline-offset:var(--calcite-border-width-md)}.input:placeholder-shown{text-overflow:ellipsis}.input--single{padding:0;margin-block:var(--calcite-internal-combobox-input-margin-block)}.wrapper--active .input-single{cursor:text}.input--hidden{pointer-events:none;inline-size:0;min-inline-size:0;opacity:0}.input--icon{padding-block:0;padding-inline:var(--calcite-internal-combobox-spacing-unit-l)}.placeholder-icon{color:var(--calcite-combobox-icon-color, var(--calcite-color-text-3))}.input-wrap{display:flex;flex-grow:1;align-items:center}.input-wrap--single{flex:1 1 0%;overflow:hidden}.label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;max-inline-size:100%;flex:1 1 auto;padding:0;font-weight:var(--calcite-font-weight-normal);block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height)}.label--icon{padding-inline:var(--calcite-internal-combobox-spacing-unit-l)}.icon-end,.icon-start{display:flex;cursor:pointer;align-items:center}.icon-end{flex:none}.icon-end .icon{color:var(--calcite-combobox-icon-color, var(--calcite-color-text-3))}.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}}.floating-ui-container .calcite-floating-ui-anim{box-shadow:var(--calcite-shadow-md)}@media(forced-colors:active){.wrapper,.floating-ui-container{border:1px solid canvasText}}.screen-readers-only{position:absolute;inline-size:var(--calcite-border-width-sm);block-size:var(--calcite-border-width-sm);padding:0;margin:calc(-1 * var(--calcite-border-width-sm));overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.list-container{max-block-size:var(--calcite-internal-combobox-max-block-size);overflow-y:auto;inline-size:var(--calcite-dropdown-width, 100%);background-color:var(--calcite-combobox-background-color, var(--calcite-color-foreground-1))}.list{margin:0;display:block;padding:0;line-height:var(--calcite-font-line-height-relative-snug)}.list--hide{block-size:0;overflow:hidden}calcite-chip{--calcite-animation-timing: 0}.chip{margin-block:calc(var(--calcite-internal-combobox-spacing-unit-s) / 4);max-inline-size:100%}.chip--invisible{position:absolute;visibility:hidden}.item{display:block}.select-all{background-color:var(--calcite-combobox-item-background-color-active, var(--calcite-color-foreground-1));border-block-end-color:var(--calcite-combobox-divider-color, var(--calcite-combobox-item-border-color, var(--calcite-color-border-3)));border-block-end-style:solid;border-block-end-width:var(--calcite-border-width-sm);inset-block-start:0;position:sticky;z-index:var(--calcite-z-index-sticky)}.no-matches{padding-block:var(--calcite-internal-combobox-no-matches-spacing-unit-s);padding-inline:var(--calcite-internal-combobox-spacing-unit-l);color:var(--calcite-combobox-input-text-color, var(--calcite-color-text-1));background:var(--calcite-combobox-background-color, var(--calcite-color-foreground-1));cursor:pointer}.no-matches-placeholder{color:var(--calcite-combobox-icon-color, var(--calcite-color-text-3));cursor:default}.disabled{opacity:.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.clear-button--container{display:flex;cursor:pointer;align-items:center}.clear-button--container:hover calcite-action{--calcite-action-background-color: var(--calcite-clear-button-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color: var(--calcite-clear-button-icon-color-hover, var(--calcite-color-text-1))}.clear-button--container:active calcite-action{--calcite-action-background-color: var(--calcite-clear-button-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color: var(--calcite-clear-button-icon-color-press, var(--calcite-color-text-1))}.clear-button--container calcite-action{--calcite-internal-action-height: 100%;--calcite-internal-action-padding-inline: var(--calcite-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-clear-button-background-color, var(--calcite-color-foreground-2));--calcite-action-text-color: var(--calcite-clear-button-icon-color)}.clear-button--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-clear-button-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color-press: var(--calcite-clear-button-icon-color-hover)}.clear-button--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-clear-button-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color-press: var(--calcite-clear-button-icon-color-press)}:host([scale=s]) .clear-button--container{padding:var(--calcite-space-2xs)}:host([scale=m]) .clear-button--container{padding:var(--calcite-space-2xs);padding-inline-end:var(--calcite-space-sm)}:host([scale=l]) .clear-button--container{padding-inline-end:var(--calcite-space-sm-plus)}.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}.text-match{background-color:transparent;color:inherit;font-weight:var(--calcite-font-weight-bold)}.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)}::placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-placeholder-text-color, var(--calcite-color-text-3))}`;
|
|
34
|
+
import { s as styles$1 } from "../../chunks/screen-reader.js";
|
|
35
|
+
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;--calcite-internal-combobox-max-block-size: 45vh}:host([scale=s]){font-size:var(--calcite-font-size-relative-sm);--calcite-internal-combobox-spacing-unit-l: .5rem;--calcite-internal-combobox-spacing-unit-s: .25rem;--calcite-internal-combobox-padding-inline-end: var(--calcite-space-2xs);--calcite-internal-combobox-no-matches-spacing-unit-s: .25rem;--calcite-combobox-input-height: 1rem;--calcite-internal-combobox-input-margin-block: calc(.25rem - 1px) ;--calcite-internal-close-size: 1rem}:host([scale=m]){font-size:var(--calcite-font-size-relative-base);--calcite-internal-combobox-spacing-unit-l: .75rem;--calcite-internal-combobox-spacing-unit-s: .5rem;--calcite-internal-combobox-padding-inline-end: var(--calcite-space-sm);--calcite-internal-combobox-no-matches-spacing-unit-s: .375rem;--calcite-combobox-input-height: 1rem;--calcite-internal-combobox-input-margin-block: calc(.5rem - 1px) ;--calcite-internal-close-size: 1.5rem}:host([scale=l]){font-size:var(--calcite-font-size-relative-md);--calcite-internal-combobox-spacing-unit-l: 1rem;--calcite-internal-combobox-spacing-unit-s: .75rem;--calcite-internal-combobox-padding-inline-end: var(--calcite-space-sm-plus);--calcite-internal-combobox-no-matches-spacing-unit-s: var(--calcite-space-sm-plus);--calcite-combobox-input-height: 1.5rem;--calcite-internal-combobox-input-margin-block: calc(var(--calcite-space-sm-plus) - 1px);--calcite-internal-close-size: 2rem}.wrapper{outline-color:transparent;display:flex;border-width:var(--calcite-border-width-sm);border-style:solid;padding-block:calc(var(--calcite-internal-combobox-spacing-unit-s) / 4);padding-inline:var(--calcite-internal-combobox-spacing-unit-l) var(--calcite-internal-combobox-padding-inline-end);border-radius:var(--calcite-combobox-corner-radius, var(--calcite-corner-radius));background-color:var(--calcite-combobox-input-background-color, var(--calcite-color-foreground-1));color:var(--calcite-combobox-input-text-color, var(--calcite-color-text-1));border-color:var(--calcite-combobox-input-border-color, var(--calcite-color-border-input))}.wrapper:hover .icon{color:var(--calcite-combobox-icon-color-hover, var(--calcite-color-text-1))}:host(:focus-within) .wrapper,.wrapper--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)))}:host([read-only]) .wrapper{background-color:var(--calcite-color-background)}:host([read-only]) .label{font-weight:var(--calcite-font-weight-medium)}:host([status=invalid]) .wrapper{border-color:var(--calcite-color-status-danger)}:host([status=invalid]:focus-within) .wrapper{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(-1 * var(--calcite-spacing-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.wrapper--single{padding-block:0;padding-inline:var(--calcite-internal-combobox-spacing-unit-l) var(--calcite-internal-combobox-padding-inline-end);cursor:pointer;flex-wrap:nowrap}.grid-input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;position:relative;padding:0;gap:var(--calcite-internal-combobox-spacing-unit-s);margin-inline-end:var(--calcite-internal-combobox-spacing-unit-s)}.grid-input.selection-display--fit,.grid-input.selection-display--single{flex-wrap:nowrap;overflow:hidden}.input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;appearance:none;background-color:transparent;border-style:none;flex-grow:1;font-family:inherit;color:var(--calcite-color-text-1);padding:0;font-size:inherit;block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height);inline-size:100%;margin-block-end:var(--calcite-internal-combobox-spacing-unit-s);min-inline-size:4.8125rem}.input:focus{outline:var(--calcite-border-width-md) solid transparent;outline-offset:var(--calcite-border-width-md)}.input:placeholder-shown{text-overflow:ellipsis}.input--single{padding:0;margin-block:var(--calcite-internal-combobox-input-margin-block)}.wrapper--active .input-single{cursor:text}.input--hidden{pointer-events:none;inline-size:0;min-inline-size:0;opacity:0}.input--icon{padding-block:0;padding-inline:var(--calcite-internal-combobox-spacing-unit-l)}.placeholder-icon{color:var(--calcite-combobox-icon-color, var(--calcite-color-text-3))}.input-wrap{display:flex;flex-grow:1;align-items:center}.input-wrap--single{flex:1 1 0%;overflow:hidden}.label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;max-inline-size:100%;flex:1 1 auto;padding:0;font-weight:var(--calcite-font-weight-normal);block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height)}.label--icon{padding-inline:var(--calcite-internal-combobox-spacing-unit-l)}.icon-end,.icon-start{display:flex;cursor:pointer;align-items:center}.icon-end{flex:none}.icon-end .icon{color:var(--calcite-combobox-icon-color, var(--calcite-color-text-3))}.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}}.floating-ui-container .calcite-floating-ui-anim{box-shadow:var(--calcite-shadow-md)}@media(forced-colors:active){.wrapper,.floating-ui-container{border:1px solid canvasText}}.list-container{max-block-size:var(--calcite-internal-combobox-max-block-size);overflow-y:auto;inline-size:var(--calcite-dropdown-width, 100%);background-color:var(--calcite-combobox-background-color, var(--calcite-color-foreground-1))}.list{margin:0;display:block;padding:0;line-height:var(--calcite-font-line-height-relative-snug)}.list--hide{block-size:0;overflow:hidden}calcite-chip{--calcite-animation-timing: 0}.chip{margin-block:calc(var(--calcite-internal-combobox-spacing-unit-s) / 4);max-inline-size:100%}.chip--invisible{position:absolute;visibility:hidden}.item{display:block}.select-all{background-color:var(--calcite-combobox-item-background-color-active, var(--calcite-color-foreground-1));border-block-end-color:var(--calcite-combobox-divider-color, var(--calcite-combobox-item-border-color, var(--calcite-color-border-3)));border-block-end-style:solid;border-block-end-width:var(--calcite-border-width-sm);inset-block-start:0;position:sticky;z-index:var(--calcite-z-index-sticky)}.no-matches{padding-block:var(--calcite-internal-combobox-no-matches-spacing-unit-s);padding-inline:var(--calcite-internal-combobox-spacing-unit-l);color:var(--calcite-combobox-input-text-color, var(--calcite-color-text-1));background:var(--calcite-combobox-background-color, var(--calcite-color-foreground-1));cursor:pointer}.no-matches-placeholder{color:var(--calcite-combobox-icon-color, var(--calcite-color-text-3));cursor:default}.disabled{opacity:.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.clear-button--container{display:flex;cursor:pointer;align-items:center}.clear-button--container:hover calcite-action{--calcite-action-background-color: var(--calcite-clear-button-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color: var(--calcite-clear-button-icon-color-hover, var(--calcite-color-text-1))}.clear-button--container:active calcite-action{--calcite-action-background-color: var(--calcite-clear-button-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color: var(--calcite-clear-button-icon-color-press, var(--calcite-color-text-1))}.clear-button--container calcite-action{--calcite-internal-action-height: 100%;--calcite-internal-action-padding-inline: var(--calcite-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-clear-button-background-color, var(--calcite-color-foreground-2));--calcite-action-text-color: var(--calcite-clear-button-icon-color)}.clear-button--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-clear-button-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color-press: var(--calcite-clear-button-icon-color-hover)}.clear-button--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-clear-button-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color-press: var(--calcite-clear-button-icon-color-press)}:host([scale=s]) .clear-button--container{padding:var(--calcite-space-2xs)}:host([scale=m]) .clear-button--container{padding:var(--calcite-space-2xs);padding-inline-end:var(--calcite-space-sm)}:host([scale=l]) .clear-button--container{padding-inline-end:var(--calcite-space-sm-plus)}.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}.text-match{background-color:transparent;color:inherit;font-weight:var(--calcite-font-weight-bold)}.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)}::placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-placeholder-text-color, var(--calcite-color-text-3))}`;
|
|
35
36
|
class Combobox extends LitElement {
|
|
36
37
|
constructor() {
|
|
37
38
|
super();
|
|
@@ -173,7 +174,7 @@ class Combobox extends LitElement {
|
|
|
173
174
|
this.formAssociated = true;
|
|
174
175
|
}
|
|
175
176
|
static {
|
|
176
|
-
this.styles = styles;
|
|
177
|
+
this.styles = [styles, styles$1];
|
|
177
178
|
}
|
|
178
179
|
get effectiveFilterProps() {
|
|
179
180
|
if (!this.filterProps) {
|
|
@@ -1384,7 +1385,7 @@ class Combobox extends LitElement {
|
|
|
1384
1385
|
[CSS.gridInput]: true,
|
|
1385
1386
|
[CSS.selectionDisplayFit]: fitSelectionDisplay,
|
|
1386
1387
|
[CSS.selectionDisplaySingle]: singleSelectionDisplay
|
|
1387
|
-
})} ${ref(this.setChipContainerEl)}>${!singleSelectionMode && !singleSelectionDisplay && this.renderChips() || ""}${!singleSelectionMode && !singleSelectionDisplay && this.selectAllEnabled && allSelectionDisplay && this.renderAllSelectedIndicatorChip() || ""}${showSingleIndicatorChips && this.renderSelectedIndicatorChip() || ""}${showSingleIndicatorChips && this.renderSelectedIndicatorChipCompact() || ""}${showIndicatorChips && this.renderAllSelectedIndicatorChip() || ""}<label class=${safeClassMap(
|
|
1388
|
+
})} ${ref(this.setChipContainerEl)}>${!singleSelectionMode && !singleSelectionDisplay && this.renderChips() || ""}${!singleSelectionMode && !singleSelectionDisplay && this.selectAllEnabled && allSelectionDisplay && this.renderAllSelectedIndicatorChip() || ""}${showSingleIndicatorChips && this.renderSelectedIndicatorChip() || ""}${showSingleIndicatorChips && this.renderSelectedIndicatorChipCompact() || ""}${showIndicatorChips && this.renderAllSelectedIndicatorChip() || ""}<label class=${safeClassMap(CSS_UTILITY.screenReaderText)} .htmlFor=${`${IDS.input(guid2)}`} .id=${`${IDS.label(guid2)}`}>${label}</label>${this.renderInput()}</div>`)}${!readOnly && isClearable ? ClearButton({ ariaLabel: this.messages.clear, disabled: this.disabled, ref: this.clearButtonRef, scale: this.scale, title: this.messages.clear }) : null}${!readOnly && this.renderChevronIcon() || ""}</div><ul aria-labelledby=${`${IDS.label(guid2)}`} aria-multiselectable=true class=${safeClassMap(CSS_UTILITY.screenReaderText)} .id=${`${IDS.listbox(guid2)}`} role=listbox tabindex=-1>${this.renderListBoxOptions()}</ul>${this.renderFloatingUIContainer()}${this.validationMessage && this.status === "invalid" ? Validation({ icon: this.validationIcon, id: IDS.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status }) : null}` });
|
|
1388
1389
|
}
|
|
1389
1390
|
}
|
|
1390
1391
|
customElement("calcite-combobox", Combobox);
|
|
@@ -6,7 +6,7 @@ import { LitElement, createEvent, safeClassMap, safeStyleMap } from "@arcgis/lum
|
|
|
6
6
|
import { g as guid } from "../../chunks/guid.js";
|
|
7
7
|
import { d as getAncestors, i as isSingleLike, e as getDepth } from "../../chunks/utils.js";
|
|
8
8
|
import { g as getIconScale } from "../../chunks/component.js";
|
|
9
|
-
import {
|
|
9
|
+
import { p as slotChangeHasContent } from "../../chunks/dom.js";
|
|
10
10
|
import { h as highlightText } from "../../chunks/text.js";
|
|
11
11
|
import { u as useInteractive } from "../../chunks/useInteractive.js";
|
|
12
12
|
const CSS = {
|
|
@@ -6,7 +6,7 @@ import { css, html, nothing } from "lit";
|
|
|
6
6
|
import { createRef, ref } from "lit/directives/ref.js";
|
|
7
7
|
import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
|
|
8
8
|
import { b as dateFromRange, n as nextMonth, p as prevMonth, f as formatCalendarYear, e as parseCalendarYear, j as getDateInMonth, i as inRange, h as hasSameMonthAndYear, k as getOrder } from "../../chunks/date.js";
|
|
9
|
-
import { c as closestElementCrossShadowBoundary,
|
|
9
|
+
import { c as closestElementCrossShadowBoundary, k as getTextWidth } from "../../chunks/dom.js";
|
|
10
10
|
import { i as isActivationKey } from "../../chunks/key.js";
|
|
11
11
|
import { n as numberStringFormatter } from "../../chunks/locale.js";
|
|
12
12
|
const styles = css`:host{display:block}.header{display:flex;block-size:100%;align-items:center;justify-content:space-between}.chevron-container{display:flex;align-items:center}:host([scale=s]){block-size:24px;margin:var(--calcite-spacing-xs);margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .chevron-container,:host([scale=s]) .chevron{min-inline-size:24px;block-size:24px}:host([scale=m]){block-size:32px;margin:var(--calcite-spacing-sm);margin-inline-start:var(--calcite-spacing-sm-plus)}:host([scale=m]) .chevron-container,:host([scale=m]) .chevron{min-inline-size:32px;block-size:32px;--calcite-internal-action-padding-block: var(--calcite-spacing-xxs)}:host([scale=l]){block-size:44px;margin:var(--calcite-spacing-xs);margin-inline-start:var(--calcite-spacing-sm)}:host([scale=l]) .chevron-container,:host([scale=l]) .chevron{min-inline-size:44px;block-size:44px;--calcite-internal-action-padding-block: var(--calcite-spacing-sm-plus)}.chevron{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;box-sizing:content-box;display:flex;block-size:100%;inline-size:100%;flex-grow:0;cursor:pointer;align-items:center;justify-content:center;border-style:none;outline-color:transparent;--calcite-internal-action-padding-block: 0;--calcite-action-background-color: var(--calcite-date-picker-header-action-background-color);--calcite-action-background-color-hover: var(--calcite-date-picker-header-action-background-color-hover);--calcite-action-background-color-press: var(--calcite-date-picker-header-action-background-color-press);--calcite-action-text-color: var(--calcite-date-picker-header-action-text-color);--calcite-action-text-color-press: var(--calcite-date-picker-header-action-text-color-press)}.chevron: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[aria-disabled=true]{pointer-events:none}.month-year-container{display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;align-items:center;justify-content:flex-start;text-align:center;line-height:1;gap:var(--calcite-spacing-xxs)}.month-year-container.range-calendar{justify-content:center}.year-container{position:relative;display:flex;block-size:100%}.suffix{display:flex;align-items:center}.year,.suffix{margin-inline:var(--calcite-spacing-xxs);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-date-picker-year-text-color, var(--calcite-color-text-1));font-size:var(--calcite-font-size-md);line-height:var(--calcite-font-line-height-fixed-lg)}.year{position:relative;display:inline-block;border-style:none;background-color:transparent;text-align:center;font-family:inherit;outline-color:transparent;inline-size:44px}.year:hover{transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:outline-color;outline:2px solid var(--calcite-color-border-2);outline-offset:-2px}.year: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))))}.month-select{--calcite-select-internal-border-width: 0;--calcite-select-internal-icon-border-inline-end-width: 0;--calcite-internal-select-spacing-inline: var(--calcite-spacing-xxs);--calcite-select-font-size: var(--calcite-date-picker-month-select-font-size, var(--calcite-font-size-md));--calcite-select-text-color: var(--calcite-date-picker-month-select-text-color, var(--calcite-color-text-1));--calcite-select-icon-color: var(--calcite-date-picker-month-select-icon-color);--calcite-select-icon-color-hover: var(--calcite-date-picker-month-select-icon-color-hover);--calcite-internal-select-spacing-block: var(--calcite-spacing-xxs);--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-xxs);--calcite-internal-select-line-height: var(--calcite-font-line-height-fixed-lg);--calcite-internal-select-font-weight: var(--calcite-font-weight-medium)}:host([scale=s]) .month-year-container .month-select{--calcite-internal-select-spacing-inline: var(--calcite-spacing-base);--calcite-select-font-size: var(--calcite-date-picker-month-select-font-size, var(--calcite-font-size));--calcite-internal-select-spacing-block: var(--calcite-spacing-base);--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-base);--calcite-internal-select-block-size: 24px;--calcite-internal-select-line-height: var(--calcite-font-line-height-fixed-base)}:host([scale=s]) .month-year-container .year{inline-size:40px}:host([scale=s]) .month-year-container .year,:host([scale=s]) .month-year-container .suffix{font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-fixed-base)}:host([scale=l]) .month-year-container .month-select{--calcite-internal-select-spacing-inline: var(--calcite-spacing-sm);--calcite-select-font-size: var(--calcite-date-picker-month-select-font-size, var(--calcite-font-size-lg));--calcite-internal-select-spacing-block: var(--calcite-spacing-sm);--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-sm);--calcite-internal-select-block-size: 44px;--calcite-internal-select-line-height: var(--calcite-font-line-height-fixed-xl)}:host([scale=l]) .month-year-container .year{inline-size:48px}:host([scale=l]) .month-year-container .year,:host([scale=l]) .month-year-container .suffix{font-size:var(--calcite-font-size-lg);line-height:var(--calcite-font-line-height-fixed-xl)}:host([hidden]){display:none}[hidden]{display:none}`;
|
|
@@ -5,7 +5,7 @@ import { u as useSizeOverride, i as interact } from "../../chunks/useSizeOverrid
|
|
|
5
5
|
import { css, html } from "lit";
|
|
6
6
|
import { createRef, ref } from "lit/directives/ref.js";
|
|
7
7
|
import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
|
|
8
|
-
import {
|
|
8
|
+
import { l as getStylePixelValue } from "../../chunks/dom.js";
|
|
9
9
|
import { c as createObserver } from "../../chunks/observers.js";
|
|
10
10
|
import { g as getDimensionClass } from "../../chunks/dynamicClasses.js";
|
|
11
11
|
import { t as toggleOpenClose } from "../../chunks/openCloseComponent.js";
|
|
@@ -5,7 +5,7 @@ import { createRef, ref } from "lit/directives/ref.js";
|
|
|
5
5
|
import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
|
|
6
6
|
import { useDirection } from "@arcgis/lumina/controllers";
|
|
7
7
|
import { A as nextFrame } from "../../chunks/dom.js";
|
|
8
|
-
import {
|
|
8
|
+
import { a as defaultMenuPlacement, r as reposition, c as connectFloatingUI, b as disconnectFloatingUI, f as filterValidFlipPlacements, h as hideFloatingUI, F as FloatingCSS } from "../../chunks/floating-ui.js";
|
|
9
9
|
import { i as isActivationKey } from "../../chunks/key.js";
|
|
10
10
|
import { c as createObserver, u as updateRefObserver } from "../../chunks/observers.js";
|
|
11
11
|
import { t as toggleOpenClose } from "../../chunks/openCloseComponent.js";
|
|
@@ -5,7 +5,7 @@ import { createRef, ref } from "lit/directives/ref.js";
|
|
|
5
5
|
import { LitElement, createEvent, nothing, safeClassMap } from "@arcgis/lumina";
|
|
6
6
|
import { g as getLabelText } from "../../chunks/label.js";
|
|
7
7
|
import { u as useLabel } from "../../chunks/useLabel.js";
|
|
8
|
-
import {
|
|
8
|
+
import { b as slotChangeGetAssignedElements } 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
11
|
import { u as useInteractive } from "../../chunks/useInteractive.js";
|
|
@@ -6,7 +6,7 @@ import { css, html, nothing } from "lit";
|
|
|
6
6
|
import { createRef, ref } from "lit/directives/ref.js";
|
|
7
7
|
import { LitElement, createEvent, stringOrBoolean, safeClassMap } from "@arcgis/lumina";
|
|
8
8
|
import { useWatchAttributes, useDirection } from "@arcgis/lumina/controllers";
|
|
9
|
-
import { v as setRequestedIcon,
|
|
9
|
+
import { v as setRequestedIcon, h as isPrimaryPointerButton } from "../../chunks/dom.js";
|
|
10
10
|
import { n as numberKeys } from "../../chunks/key.js";
|
|
11
11
|
import { g as getLabelText } from "../../chunks/label.js";
|
|
12
12
|
import { i as isValidNumber, B as BigDecimal, n as numberStringFormatter, p as parseNumberString, s as sanitizeNumberString, b as addLocalizedTrailingDecimalZeros } from "../../chunks/locale.js";
|
|
@@ -6,7 +6,7 @@ import { LitElement, createEvent, stringOrBoolean, safeClassMap } from "@arcgis/
|
|
|
6
6
|
import { useDirection } from "@arcgis/lumina/controllers";
|
|
7
7
|
import { u as useFocusTrap } from "../../chunks/useFocusTrap.js";
|
|
8
8
|
import { l as datePartsFromISO, d as dateFromISO, a as dateToISO, b as dateFromRange, m as datePartsFromLocalizedString, o as dateFromLocalizedString, i as inRange } from "../../chunks/date.js";
|
|
9
|
-
import {
|
|
9
|
+
import { a as defaultMenuPlacement, r as reposition, c as connectFloatingUI, b as disconnectFloatingUI, f as filterValidFlipPlacements, h as hideFloatingUI, F as FloatingCSS } from "../../chunks/floating-ui.js";
|
|
10
10
|
import { n as numberKeys } from "../../chunks/key.js";
|
|
11
11
|
import { g as getLabelText } from "../../chunks/label.js";
|
|
12
12
|
import { g as getIconScale } from "../../chunks/component.js";
|
|
@@ -6,7 +6,7 @@ import { css, html, nothing } from "lit";
|
|
|
6
6
|
import { createRef, ref } from "lit/directives/ref.js";
|
|
7
7
|
import { LitElement, createEvent, stringOrBoolean, safeClassMap } from "@arcgis/lumina";
|
|
8
8
|
import { useWatchAttributes, useDirection } from "@arcgis/lumina/controllers";
|
|
9
|
-
import { v as setRequestedIcon,
|
|
9
|
+
import { v as setRequestedIcon, h as isPrimaryPointerButton } from "../../chunks/dom.js";
|
|
10
10
|
import { n as numberKeys } from "../../chunks/key.js";
|
|
11
11
|
import { g as getLabelText } from "../../chunks/label.js";
|
|
12
12
|
import { u as useLabel } from "../../chunks/useLabel.js";
|
|
@@ -5,7 +5,7 @@ import { keyed } from "lit/directives/keyed.js";
|
|
|
5
5
|
import { debounce } from "es-toolkit";
|
|
6
6
|
import { css, html } from "lit";
|
|
7
7
|
import { LitElement, createEvent, safeClassMap, safeStyleMap } from "@arcgis/lumina";
|
|
8
|
-
import {
|
|
8
|
+
import { p as slotChangeHasContent, s as slotChangeHasAssignedElement, g as getRootNode } from "../../chunks/dom.js";
|
|
9
9
|
import { c as createObserver } from "../../chunks/observers.js";
|
|
10
10
|
import { l as listItemSelector, a as listSelector, u as updateListItemChildren, b as listItemGroupSelector, e as expandedAncestors, S as SLOTS, C as CSS } from "../../chunks/utils4.js";
|
|
11
11
|
import { S as SLOTS$1 } from "../../chunks/resources19.js";
|
|
@@ -6,7 +6,7 @@ import { css, html, nothing } from "lit";
|
|
|
6
6
|
import { createRef, ref } from "lit/directives/ref.js";
|
|
7
7
|
import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
|
|
8
8
|
import { useDirection } from "@arcgis/lumina/controllers";
|
|
9
|
-
import { s as slotChangeHasAssignedElement,
|
|
9
|
+
import { s as slotChangeHasAssignedElement, r as getFirstTabbable } from "../../chunks/dom.js";
|
|
10
10
|
import { u as useT9n } from "../../chunks/useT9n.js";
|
|
11
11
|
import { g as getIconScale } from "../../chunks/component.js";
|
|
12
12
|
import { s as styles$1 } from "../../chunks/sortable.js";
|
|
@@ -3,7 +3,7 @@ import { c as customElement } from "../../chunks/runtime.js";
|
|
|
3
3
|
import { css, html } from "lit";
|
|
4
4
|
import { LitElement } from "@arcgis/lumina";
|
|
5
5
|
import { useWatchAttributes } from "@arcgis/lumina/controllers";
|
|
6
|
-
import {
|
|
6
|
+
import { e as focusElementInGroup, b as slotChangeGetAssignedElements, f as focusElement } from "../../chunks/dom.js";
|
|
7
7
|
import { u as useT9n } from "../../chunks/useT9n.js";
|
|
8
8
|
import { u as useSetFocus } from "../../chunks/useSetFocus.js";
|
|
9
9
|
import { i as isMenuItem } from "../../chunks/resources20.js";
|
|
@@ -5,7 +5,7 @@ import { keyed } from "lit/directives/keyed.js";
|
|
|
5
5
|
import { createRef, ref } from "lit/directives/ref.js";
|
|
6
6
|
import { LitElement, createEvent, safeClassMap, nothing } from "@arcgis/lumina";
|
|
7
7
|
import { useDirection } from "@arcgis/lumina/controllers";
|
|
8
|
-
import {
|
|
8
|
+
import { b as slotChangeGetAssignedElements } from "../../chunks/dom.js";
|
|
9
9
|
import { g as getIconScale } from "../../chunks/component.js";
|
|
10
10
|
import { u as useT9n } from "../../chunks/useT9n.js";
|
|
11
11
|
import { u as useSetFocus } from "../../chunks/useSetFocus.js";
|
|
@@ -4,12 +4,12 @@ import { keyed } from "lit/directives/keyed.js";
|
|
|
4
4
|
import { css, html, nothing } from "lit";
|
|
5
5
|
import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
|
|
6
6
|
import { createRef, ref } from "lit/directives/ref.js";
|
|
7
|
-
import { s as slotChangeHasAssignedElement,
|
|
7
|
+
import { s as slotChangeHasAssignedElement, b as slotChangeGetAssignedElements, d as slotChangeHasTextContent, u as hasVisibleContent } from "../../chunks/dom.js";
|
|
8
8
|
import { g as getIconScale } from "../../chunks/component.js";
|
|
9
9
|
import { c as createObserver, u as updateRefObserver } from "../../chunks/observers.js";
|
|
10
10
|
import { S as SLOTS$1 } from "../../chunks/resources2.js";
|
|
11
11
|
import { H as Heading } from "../../chunks/Heading.js";
|
|
12
|
-
import {
|
|
12
|
+
import { d as defaultEndMenuPlacement } from "../../chunks/floating-ui.js";
|
|
13
13
|
import { u as useT9n } from "../../chunks/useT9n.js";
|
|
14
14
|
import { i as isActionBar } from "../../chunks/resources12.js";
|
|
15
15
|
import { u as useSetFocus } from "../../chunks/useSetFocus.js";
|
|
@@ -5,7 +5,7 @@ import { css, html } from "lit";
|
|
|
5
5
|
import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
|
|
6
6
|
import { createRef, ref } from "lit/directives/ref.js";
|
|
7
7
|
import { useDirection } from "@arcgis/lumina/controllers";
|
|
8
|
-
import { e as defaultOffsetDistance, r as reposition, c as connectFloatingUI,
|
|
8
|
+
import { e as defaultOffsetDistance, r as reposition, c as connectFloatingUI, b as disconnectFloatingUI, f as filterValidFlipPlacements, h as hideFloatingUI, F as FloatingCSS } from "../../chunks/floating-ui.js";
|
|
9
9
|
import { t as toggleOpenClose } from "../../chunks/openCloseComponent.js";
|
|
10
10
|
import { H as Heading } from "../../chunks/Heading.js";
|
|
11
11
|
import { c as createObserver } from "../../chunks/observers.js";
|
|
@@ -4,7 +4,7 @@ import { css, html } from "lit";
|
|
|
4
4
|
import { LitElement, safeClassMap } from "@arcgis/lumina";
|
|
5
5
|
import { createRef, ref } from "lit/directives/ref.js";
|
|
6
6
|
import { c as createObserver } from "../../chunks/observers.js";
|
|
7
|
-
import {
|
|
7
|
+
import { p as slotChangeHasContent } from "../../chunks/dom.js";
|
|
8
8
|
import { u as useT9n } from "../../chunks/useT9n.js";
|
|
9
9
|
const CSS = {
|
|
10
10
|
scrim: "scrim",
|
|
@@ -3,7 +3,7 @@ import { c as customElement } from "../../chunks/runtime.js";
|
|
|
3
3
|
import { css, isServer, nothing, html } from "lit";
|
|
4
4
|
import { LitElement, createEvent, stringOrBoolean, safeClassMap } from "@arcgis/lumina";
|
|
5
5
|
import { useDirection } from "@arcgis/lumina/controllers";
|
|
6
|
-
import {
|
|
6
|
+
import { b as slotChangeGetAssignedElements } from "../../chunks/dom.js";
|
|
7
7
|
import { g as getLabelText } from "../../chunks/label.js";
|
|
8
8
|
import { u as useLabel } from "../../chunks/useLabel.js";
|
|
9
9
|
import { I as InternalLabel } from "../../chunks/InternalLabel.js";
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
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
|
-
import {
|
|
5
|
+
import { p as slotChangeHasContent } from "../../chunks/dom.js";
|
|
6
6
|
import { t as toAriaBoolean } from "../../chunks/aria.js";
|
|
7
7
|
import { C as CSS, S as SLOTS } from "../../chunks/resources23.js";
|
|
8
8
|
const styles = css`:host{display:flex;cursor:pointer;align-self:stretch;font-weight:var(--calcite-font-weight-normal);outline-color:transparent;transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out}.label{pointer-events:none;margin:.125rem;box-sizing:border-box;display:flex;flex:1 1 0%;align-items:center;color:var(--calcite-segmented-control-color, var(--calcite-color-text-3));background-color:var(--calcite-segmented-control-background-color);box-shadow:var(--calcite-segmented-control-shadow);border-radius:max(0px,var(--calcite-segmented-control-corner-radius, var(--calcite-corner-radius)) - 2px);transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out,color var(--calcite-internal-animation-timing-fast) ease-in-out}.label--horizontal{justify-content:center}:host(: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))));outline-offset:-1px;z-index:var(--calcite-z-index);border-radius:var(--calcite-segmented-control-corner-radius, var(--calcite-corner-radius))}.label--scale-s{padding-inline:.5rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);padding-block:.125rem}.label--scale-m{padding-inline:.75rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);padding-block:.375rem}.label--scale-l{padding-inline:1rem;padding-block:var(--calcite-space-sm-plus);font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host(:hover) .label{background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-foreground-2));color:var(--calcite-segmented-control-color, var(--calcite-color-text-1))}:host(:active) .label{background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-foreground-3))}:host([checked]) .label{cursor:default;background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-brand));color:var(--calcite-segmented-control-color, var(--calcite-color-text-inverse))}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-foreground-1));box-shadow:var(--calcite-segmented-control-shadow, inset 0 0 0 1px var(--calcite-color-brand));color:var(--calcite-segmented-control-color, var(--calcite-color-brand))}:host([checked]) .label--outline{background-color:var(--calcite-segmented-control-background-color, transparent)}::slotted(input){display:none}@media(forced-colors:active){:host([checked]) .label{background-color:highlight}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{outline:2px solid transparent;outline-offset:2px}:host([checked]) .label:not([class~=label--outline]) .icon{color:highlightText}}.icon{position:relative;margin:0;display:inline-flex;line-height:inherit;margin-inline-start:var(--calcite-internal-segmented-control-icon-margin-start);margin-inline-end:var(--calcite-internal-segmented-control-icon-margin-end);--calcite-icon-color: var(--calcite-segmented-control-icon-color)}:host([icon-start]) .label--scale-s{--calcite-internal-segmented-control-icon-margin-end: .5rem}:host([icon-end]) .label--scale-s{--calcite-internal-segmented-control-icon-margin-start: .5rem}:host([icon-start]) .label--scale-m{--calcite-internal-segmented-control-icon-margin-end: .75rem}:host([icon-end]) .label--scale-m{--calcite-internal-segmented-control-icon-margin-start: .75rem}:host([icon-start]) .label--scale-l{--calcite-internal-segmented-control-icon-margin-end: 1rem}:host([icon-end]) .label--scale-l{--calcite-internal-segmented-control-icon-margin-start: 1rem}.label .icon--solo{--calcite-internal-segmented-control-icon-margin-start: 0;--calcite-internal-segmented-control-icon-margin-end: 0}:host([hidden]){display:none}[hidden]{display:none}`;
|
|
@@ -6,7 +6,7 @@ import { css, html } from "lit";
|
|
|
6
6
|
import { LitElement, createEvent, setAttribute, safeClassMap } from "@arcgis/lumina";
|
|
7
7
|
import { createRef, ref } from "lit/directives/ref.js";
|
|
8
8
|
import { useDirection } from "@arcgis/lumina/controllers";
|
|
9
|
-
import {
|
|
9
|
+
import { l as getStylePixelValue } from "../../chunks/dom.js";
|
|
10
10
|
import { c as createObserver } from "../../chunks/observers.js";
|
|
11
11
|
import { t as toggleOpenClose } from "../../chunks/openCloseComponent.js";
|
|
12
12
|
import { g as getDimensionClass } from "../../chunks/dynamicClasses.js";
|
|
@@ -4,7 +4,7 @@ import { keyed } from "lit/directives/keyed.js";
|
|
|
4
4
|
import { css, html } from "lit";
|
|
5
5
|
import { LitElement, safeClassMap } from "@arcgis/lumina";
|
|
6
6
|
import { createRef, ref } from "lit/directives/ref.js";
|
|
7
|
-
import { s as slotChangeHasAssignedElement,
|
|
7
|
+
import { s as slotChangeHasAssignedElement, b as slotChangeGetAssignedElements, l as getStylePixelValue } from "../../chunks/dom.js";
|
|
8
8
|
import { i as isAlert } from "../../chunks/resources13.js";
|
|
9
9
|
import { b as isDialog } from "../../chunks/resources15.js";
|
|
10
10
|
import { i as isSheet } from "../../chunks/resources24.js";
|
|
@@ -6,7 +6,7 @@ import { css, html } from "lit";
|
|
|
6
6
|
import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
|
|
7
7
|
import { createRef, ref } from "lit/directives/ref.js";
|
|
8
8
|
import { useDirection } from "@arcgis/lumina/controllers";
|
|
9
|
-
import {
|
|
9
|
+
import { l as getStylePixelValue, b as slotChangeGetAssignedElements, s as slotChangeHasAssignedElement } from "../../chunks/dom.js";
|
|
10
10
|
import { c as createObserver } from "../../chunks/observers.js";
|
|
11
11
|
import { g as getDimensionClass } from "../../chunks/dynamicClasses.js";
|
|
12
12
|
import { a as ariaValueFromSize } from "../../chunks/aria.js";
|
|
@@ -5,7 +5,7 @@ import { css, html, nothing } from "lit";
|
|
|
5
5
|
import { LitElement, createEvent, stringOrBoolean, setAttribute, safeClassMap, safeStyleMap } from "@arcgis/lumina";
|
|
6
6
|
import { createRef, ref } from "lit/directives/ref.js";
|
|
7
7
|
import { g as guid } from "../../chunks/guid.js";
|
|
8
|
-
import {
|
|
8
|
+
import { h as isPrimaryPointerButton, B as intersects } from "../../chunks/dom.js";
|
|
9
9
|
import { I as InternalLabel } from "../../chunks/InternalLabel.js";
|
|
10
10
|
import { V as Validation } from "../../chunks/Validation.js";
|
|
11
11
|
import { i as isActivationKey } from "../../chunks/key.js";
|
|
@@ -4,7 +4,7 @@ import { ref } from "lit/directives/ref.js";
|
|
|
4
4
|
import { keyed } from "lit/directives/keyed.js";
|
|
5
5
|
import { css, nothing, html } from "lit";
|
|
6
6
|
import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
|
|
7
|
-
import {
|
|
7
|
+
import { a as defaultMenuPlacement } from "../../chunks/floating-ui.js";
|
|
8
8
|
import { u as useT9n } from "../../chunks/useT9n.js";
|
|
9
9
|
import { u as useSetFocus } from "../../chunks/useSetFocus.js";
|
|
10
10
|
import { u as useInteractive } from "../../chunks/useInteractive.js";
|
|
@@ -3,7 +3,7 @@ import { c as customElement } from "../../chunks/runtime.js";
|
|
|
3
3
|
import { svg, html, css, nothing } from "lit";
|
|
4
4
|
import { safeClassMap, LitElement, createEvent } from "@arcgis/lumina";
|
|
5
5
|
import { createRef, ref } from "lit/directives/ref.js";
|
|
6
|
-
import {
|
|
6
|
+
import { e as focusElementInGroup, b as slotChangeGetAssignedElements } from "../../chunks/dom.js";
|
|
7
7
|
import { c as createObserver } from "../../chunks/observers.js";
|
|
8
8
|
import { g as guid } from "../../chunks/guid.js";
|
|
9
9
|
import { u as useT9n } from "../../chunks/useT9n.js";
|
|
@@ -7,7 +7,7 @@ import { n as numberStringFormatter } from "../../chunks/locale.js";
|
|
|
7
7
|
import { u as useT9n } from "../../chunks/useT9n.js";
|
|
8
8
|
import { i as isHidden } from "../../chunks/component.js";
|
|
9
9
|
import { u as useSetFocus } from "../../chunks/useSetFocus.js";
|
|
10
|
-
import {
|
|
10
|
+
import { p as slotChangeHasContent } from "../../chunks/dom.js";
|
|
11
11
|
import { u as useInteractive } from "../../chunks/useInteractive.js";
|
|
12
12
|
import { C as CSS, I as ICONS } from "../../chunks/resources26.js";
|
|
13
13
|
import { i as isActivationKey } from "../../chunks/key.js";
|
|
@@ -3,7 +3,7 @@ import { c as customElement } from "../../chunks/runtime.js";
|
|
|
3
3
|
import { css, html } from "lit";
|
|
4
4
|
import { createRef, ref } from "lit/directives/ref.js";
|
|
5
5
|
import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
|
|
6
|
-
import {
|
|
6
|
+
import { e as focusElementInGroup, b as slotChangeGetAssignedElements } from "../../chunks/dom.js";
|
|
7
7
|
import { u as useSetFocus } from "../../chunks/useSetFocus.js";
|
|
8
8
|
import { u as useInteractive } from "../../chunks/useInteractive.js";
|
|
9
9
|
import { i as isSwatch } from "../../chunks/resources27.js";
|