@trintel/zooy 1.0.2 → 1.0.7
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/chunks/{button--cIzwEQA.js → button-DXiFxUx8.js} +1 -1
- package/dist/chunks/{button-i6QyRwAM.js → button-TQ5Z_213.js} +4 -4
- package/dist/chunks/{button-skeleton-D2TeTVpP.js → button-skeleton-BXdxtWxx.js} +4 -4
- package/dist/chunks/{button-skeleton-Bk2Vw5Mq.js → button-skeleton-CQt93l0e.js} +1 -1
- package/dist/chunks/{checkbox-atdz21pu.js → checkbox-BLqSgzPl.js} +1 -1
- package/dist/chunks/{checkbox-Dyh34VfG.js → checkbox-Ce4iv245.js} +5 -5
- package/dist/chunks/{class-map-CziJvhVR.js → class-map-B8BVmL9r.js} +1 -1
- package/dist/chunks/{class-map-hWNVHb09.js → class-map-DRKcPEMq.js} +1 -1
- package/dist/chunks/{content-switcher-item-88PWpM2j.js → content-switcher-item-BNzxXCQj.js} +1 -1
- package/dist/chunks/{content-switcher-item-CpNfKVu-.js → content-switcher-item-C4poRBhP.js} +4 -4
- package/dist/chunks/dropdown-item-3hXddUyA.js +69 -0
- package/dist/chunks/{dropdown-item-CDbnp5_k.js → dropdown-item-B1PbWipg.js} +171 -160
- package/dist/chunks/{icon-loader-C3acLKRm.js → icon-loader-HxMZmG1S.js} +1 -1
- package/dist/chunks/{icon-loader-CsKt-G8D.js → icon-loader-l936Y1Y2.js} +1 -1
- package/dist/chunks/{icon-loader-utils-DXGGCFfD.js → icon-loader-utils-D2_soUEJ.js} +1 -1
- package/dist/chunks/{icon-loader-utils-DKbXKLDh.js → icon-loader-utils-xTU_7Gkv.js} +1 -1
- package/dist/chunks/{if-defined-uehgcl8e.js → if-defined-Cg6S0WRd.js} +1 -1
- package/dist/chunks/{if-defined-D2rCHx2p.js → if-defined-CyKOTQoD.js} +1 -1
- package/dist/chunks/{if-non-empty-CcwduEjT.js → if-non-empty-DZ7mMVRO.js} +1 -1
- package/dist/chunks/if-non-empty-Dx4pitmj.js +1 -0
- package/dist/chunks/{index-DwCXQC7X.js → index-0Lh4HDpB.js} +2 -2
- package/dist/chunks/{index-t9TINCcm.js → index-0q2seZ_8.js} +7 -7
- package/dist/chunks/{index-Bgo3KCFI.js → index-7EHleExF.js} +7 -7
- package/dist/chunks/{index-BlAm81hv.js → index-8gFTsVpU.js} +1 -1
- package/dist/chunks/{index-DNkLJEg1.js → index-B4Cub9lZ.js} +11 -11
- package/dist/chunks/{index-DdkIREYU.js → index-B8pBsLur.js} +3 -3
- package/dist/chunks/{index-Byf_K1x1.js → index-BBtImtqf.js} +8 -8
- package/dist/chunks/{index-BPRteboN.js → index-BDFyGWAo.js} +5 -5
- package/dist/chunks/{index-Bu6R2tix.js → index-BE10kyvs.js} +7 -7
- package/dist/chunks/{index-ByNfpHAO.js → index-BI2UKnaQ.js} +5 -5
- package/dist/chunks/{index-CUI3NPWg.js → index-BI7Rc11b.js} +1 -1
- package/dist/chunks/{index-BTUYIkmg.js → index-BKKlb0J7.js} +5 -5
- package/dist/chunks/{index-BMzAaQhy.js → index-BOjkgfX5.js} +39 -39
- package/dist/chunks/{index-C5s9Z5Ou.js → index-BRj3l6eo.js} +3 -3
- package/dist/chunks/{index-B16kSrMy.js → index-BSGMH-5J.js} +4 -4
- package/dist/chunks/{index-C_NhQPDA.js → index-BbN7FHHT.js} +7 -7
- package/dist/chunks/{index-C1Eehpcx.js → index-Bbb3ajlK.js} +1 -1
- package/dist/chunks/{index-LtB-4-X9.js → index-BcwmUX5U.js} +1 -1
- package/dist/chunks/{index-Bh3jqbKV.js → index-BeW5et-a.js} +5 -5
- package/dist/chunks/{index-DTadLLRG.js → index-BjPbzP32.js} +1 -1
- package/dist/chunks/{index-BEDYiyp9.js → index-BlNNYi81.js} +1 -1
- package/dist/chunks/{index-C-P030e_.js → index-BliqP2AV.js} +3 -3
- package/dist/chunks/{index-tQGRhvw0.js → index-BmHPEq-x.js} +6 -6
- package/dist/chunks/{index-gfbRBI-d.js → index-BpOQerSE.js} +1 -1
- package/dist/chunks/{index-CyF5Kef-.js → index-BpXTO-26.js} +6 -6
- package/dist/chunks/{index-C4GpRDm7.js → index-Bq2MmIX9.js} +1 -1
- package/dist/chunks/{index-D9nVgUNo.js → index-BsLnUTt2.js} +1 -1
- package/dist/chunks/{index-DSMPUWJU.js → index-Burct9SW.js} +86 -68
- package/dist/chunks/{index-CbiknV4d.js → index-BvwBHGZ_.js} +1 -1
- package/dist/chunks/{index-WpBhhuED.js → index-ByGJtavW.js} +3 -3
- package/dist/chunks/{index-BYHXKkvf.js → index-Bzbuw3yc.js} +7 -7
- package/dist/chunks/{index-DEtGo4Q7.js → index-C3bqrUco.js} +4 -4
- package/dist/chunks/{index-DPCfOgTU.js → index-C5BoQgTc.js} +1 -1
- package/dist/chunks/{index-DGvLgX2O.js → index-C5DktJE6.js} +1 -1
- package/dist/chunks/{index-C_JOABLw.js → index-C7X38aQp.js} +1 -1
- package/dist/chunks/{index-F2zwTZm1.js → index-CA51gBqW.js} +1 -1
- package/dist/chunks/{index-wgp15jn2.js → index-CH_UJgBt.js} +4 -4
- package/dist/chunks/{index-Chyr-DU2.js → index-CL9hiht6.js} +2 -2
- package/dist/chunks/{index-CHIQ4wsM.js → index-CP3IQOrv.js} +1 -1
- package/dist/chunks/{index-hhX-bWEv.js → index-CUY1VtLr.js} +5 -5
- package/dist/chunks/{index-DQ4Y-fiZ.js → index-C_raMAyX.js} +4 -4
- package/dist/chunks/{index-BEyCs2cc.js → index-CdOow-p_.js} +219 -218
- package/dist/chunks/{index-CPLpCt6z.js → index-CftYyZu7.js} +3 -3
- package/dist/chunks/{index-CsKII5mz.js → index-ChNYD8Dd.js} +1 -1
- package/dist/chunks/{index-BUcMLg1n.js → index-ChiL5ZcD.js} +1 -1
- package/dist/chunks/{index-DGvVa-5J.js → index-Ci2eq45L.js} +1 -1
- package/dist/chunks/{index-BIJ3miZu.js → index-Cih_eNJk.js} +1 -1
- package/dist/chunks/{index-C5b2680a.js → index-CjwO7zvd.js} +1 -1
- package/dist/chunks/{index-CTEnXoVq.js → index-ClrFW2rW.js} +1 -1
- package/dist/chunks/{index-BMNv7Afr.js → index-Cm4XjDTR.js} +1 -1
- package/dist/chunks/{index-CjVvmbL6.js → index-Cm71ZZ2p.js} +1 -1
- package/dist/chunks/{index-DX2JlRat.js → index-CmSIemMe.js} +1 -1
- package/dist/chunks/{index-BMNd2Qad.js → index-CmX7hAxw.js} +4 -4
- package/dist/chunks/{index-DTtMSAgV.js → index-Cp9vq51a.js} +1 -1
- package/dist/chunks/{index-nfJ9ioGW.js → index-CuftEO4n.js} +6 -6
- package/dist/chunks/{index-HbS1lUW6.js → index-CukkZSZU.js} +1 -1
- package/dist/chunks/{index-BVpkxHll.js → index-CvE8pMER.js} +1 -1
- package/dist/chunks/{index-CP_zaIyv.js → index-CvY-7pXV.js} +1 -1
- package/dist/chunks/{index-BrqEja9V.js → index-Cveej1JO.js} +9 -9
- package/dist/chunks/{index-el9l-ZQy.js → index-CxH5pDYR.js} +5 -5
- package/dist/chunks/{index-BwhAoVy-.js → index-CxHVh1p1.js} +105 -75
- package/dist/chunks/{index-d0CqW2Cm.js → index-D0-FP58R.js} +5 -5
- package/dist/chunks/{index-CyR413wv.js → index-D14WfIVq.js} +5 -5
- package/dist/chunks/{index-CO_QGXLN.js → index-D1Thmc8o.js} +5 -5
- package/dist/chunks/{index-BWBjCDwY.js → index-D23kSFT_.js} +1 -1
- package/dist/chunks/{index-Cd1j7Qp1.js → index-D64SgGEt.js} +168 -152
- package/dist/chunks/{index-CcK76f0I.js → index-DAjx5ZMD.js} +3 -3
- package/dist/chunks/{index-Bp5LwA_m.js → index-DB-v93tm.js} +1 -1
- package/dist/chunks/{index-DkphY0sd.js → index-DDZQVOSB.js} +1 -1
- package/dist/chunks/{index-Do9f8Pwe.js → index-DFGqcn1K.js} +2 -2
- package/dist/chunks/{index-B6vimuhF.js → index-DGzE2hxO.js} +1 -1
- package/dist/chunks/index-DMMym9Yx.js +1 -0
- package/dist/chunks/{index-BtPiuBUm.js → index-DMh9lcW4.js} +1 -1
- package/dist/chunks/{index-BxGUZ-qP.js → index-DOg7jdf1.js} +1 -1
- package/dist/chunks/{index-w027CjA0.js → index-DctJ73IF.js} +18 -18
- package/dist/chunks/{index--Q3NhIVC.js → index-Dh5yT9_B.js} +1 -1
- package/dist/chunks/{index-CPzh43Kr.js → index-DiIjZO0F.js} +1 -1
- package/dist/chunks/{index-BIvyXnIe.js → index-Dl5FFbv7.js} +7 -7
- package/dist/chunks/{index-BODxU-Mu.js → index-DnJkSee7.js} +10 -10
- package/dist/chunks/index-Dp_RyMLM.js +2 -0
- package/dist/chunks/{index-DDUqY4Rl.js → index-Dqq-jEHd.js} +2 -2
- package/dist/chunks/index-DuozJDSN.js +4 -0
- package/dist/chunks/index-DxXhIc-b.js +25 -0
- package/dist/chunks/{index-C9HJjC2j.js → index-DzX6ELl7.js} +1 -1
- package/dist/chunks/{index-Bug3BjgA.js → index-O55HRlOa.js} +3 -3
- package/dist/chunks/{index-BqExj5O7.js → index-O65Gc9nS.js} +1 -1
- package/dist/chunks/{index-BMJjuXme.js → index-O_mx3px1.js} +1 -1
- package/dist/chunks/{index-CFG5exAl.js → index-PMtj9tz1.js} +1 -1
- package/dist/chunks/{index-Czs-UAWh.js → index-PONQKFP4.js} +4 -4
- package/dist/chunks/{index-DZrmJ7Ll.js → index-QH_p6nSd.js} +5 -5
- package/dist/chunks/{index-Dr4evLL7.js → index-_Sa5BYRO.js} +130 -120
- package/dist/chunks/{index-BeKAg3cB.js → index-cy4Z2pfI.js} +1 -1
- package/dist/chunks/{index-Bk2MEnMu.js → index-gdF6Bio7.js} +7 -7
- package/dist/chunks/{index-jdx-M5Y-.js → index-hqRCDkdq.js} +1 -1
- package/dist/chunks/{index-DEdeVoZn.js → index-iDpB9zzg.js} +26 -24
- package/dist/chunks/{index-DIg4fP-p.js → index-iN8x96sv.js} +6 -6
- package/dist/chunks/{index-CxJCioQg.js → index-ibm_789V.js} +1 -1
- package/dist/chunks/{index-B8fGrrzJ.js → index-iyY99q2y.js} +8 -8
- package/dist/chunks/{index-CyvZ9jxn.js → index-j7S_4l8J.js} +5 -5
- package/dist/chunks/{index-QuyEX50y.js → index-kFuNICSc.js} +34 -26
- package/dist/chunks/{index-oS8XvY4G.js → index-r12okTDD.js} +3 -3
- package/dist/chunks/{index-DwDG_y9_.js → index-v8Mej-zS.js} +1 -1
- package/dist/chunks/{index-tdmIA8Xp.js → index-xTZMbzwZ.js} +143 -139
- package/dist/chunks/{index-CwpgmKTP.js → index-xg2SMEcO.js} +7 -7
- package/dist/chunks/{loading-icon-q__8yLZw.js → loading-icon-0rgLngL8.js} +1 -1
- package/dist/chunks/{loading-icon-CN-iehcR.js → loading-icon-Bc7ZUsBX.js} +1 -1
- package/dist/chunks/{main-BywCEBtD.js → main-jVeZRB91.js} +2 -2
- package/dist/chunks/{main-BPWCMI5R.js → main-riBD0E5n.js} +1 -1
- package/dist/chunks/{property-DzfJpYmn.js → property-1hLlCJhn.js} +1 -1
- package/dist/chunks/{property-DCTz3KPt.js → property-CaIoT4YE.js} +1 -1
- package/dist/chunks/{register-C3XDWad0.js → register-BZGWnDHd.js} +220 -216
- package/dist/chunks/register-DSUjA_iL.js +1 -0
- package/dist/chunks/{register-B4yRiHm6.js → register-Dhwzu75D.js} +1 -1
- package/dist/chunks/{register-CyNp_638.js → register-EjYAUKbP.js} +1 -1
- package/dist/chunks/{search-CzmoEHwa.js → search-BNcImhhb.js} +2 -1
- package/dist/chunks/{search-BCJx6Xft.js → search-CHy8KUEr.js} +8 -7
- package/dist/chunks/{select-0jyl720Y.js → select-CE-WFB8J.js} +105 -98
- package/dist/chunks/{select-DC0T8Fw_.js → select-Dnt9tUQJ.js} +41 -37
- package/dist/chunks/{state-BiEAGUqO.js → state-DqznQRLe.js} +1 -1
- package/dist/chunks/{state-DJQLwKiU.js → state-IflcMO5o.js} +1 -1
- package/dist/chunks/{text-input-BPvBDzky.js → text-input-CLVbLjFT.js} +1 -1
- package/dist/chunks/{text-input-BGuFqOdN.js → text-input-DQKK3f2L.js} +5 -5
- package/dist/chunks/{tooltip-content-BOefn0hU.js → tooltip-content-CEgi8B6v.js} +1 -1
- package/dist/chunks/{tooltip-content-CWdOnBaw.js → tooltip-content-CQHg7T5-.js} +3 -3
- package/dist/chunks/{unsafe-html-xqClX-6M.js → unsafe-html-bHNwXACd.js} +1 -1
- package/dist/chunks/{unsafe-html-Bi2pB4Lb.js → unsafe-html-paXBFqeo.js} +1 -1
- package/dist/zooy.cjs.js +1 -1
- package/dist/zooy.es.js +1 -1
- package/package.json +2 -2
- package/dist/chunks/dropdown-item-CRyAm4Ku.js +0 -69
- package/dist/chunks/if-non-empty-BEpfFFDX.js +0 -1
- package/dist/chunks/index-D-iqTNbL.js +0 -25
- package/dist/chunks/index-DPnGRDRl.js +0 -1
- package/dist/chunks/index-DSgb2u7b.js +0 -4
- package/dist/chunks/index-xipeWGGU.js +0 -2
- package/dist/chunks/register-DpOrINOx.js +0 -1
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import { _ as o } from "./tslib.es6-C5gLNDSD.js";
|
|
2
|
-
import { a as
|
|
3
|
-
import { p as
|
|
4
|
-
import { n as
|
|
5
|
-
import { r as E } from "./state-
|
|
2
|
+
import { a as G, i as z, x as p } from "./main-jVeZRB91.js";
|
|
3
|
+
import { p as c } from "./settings-jvP7vP60.js";
|
|
4
|
+
import { n as r } from "./property-1hLlCJhn.js";
|
|
5
|
+
import { r as E } from "./state-IflcMO5o.js";
|
|
6
6
|
import { c as w } from "./carbon-element-DzDuXiyl.js";
|
|
7
7
|
import { H as C } from "./host-listener-DD3oGxvg.js";
|
|
8
|
-
import { H as
|
|
9
|
-
import { e as
|
|
10
|
-
import { _ as
|
|
11
|
-
import { _ as
|
|
12
|
-
import { i as
|
|
13
|
-
var W = X(["@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}.cds--menu{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--menu *,.cds--menu :after,.cds--menu :before{box-sizing:inherit}.cds--menu{background-color:var(--cds-layer);box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));max-inline-size:18rem;min-inline-size:10rem;opacity:0;padding:.25rem 0;position:fixed;visibility:hidden;z-index:9000}.cds--menu--border{outline:1px solid var(--cds-border-subtle)}.cds--menu--background-token__background{background-color:var(--cds-background,#fff)}.cds--menu--shown{overflow:visible}.cds--menu-item{align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:grid;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);grid-template-columns:1fr max-content;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.cds--menu-item:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--menu-item:focus{outline-style:dotted}}.cds--menu-item:hover{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--menu--xs .cds--menu-item{block-size:1.5rem}.cds--menu--sm .cds--menu-item{block-size:2rem}.cds--menu--md .cds--menu-item{block-size:2.5rem}.cds--menu--lg .cds--menu-item{block-size:3rem}.cds--menu-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--menu-item__shortcut{display:flex}.cds--menu-item-group>ul,.cds--menu-item-radio-group>ul{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--menu-item-group>ul *,.cds--menu-item-group>ul :after,.cds--menu-item-group>ul :before,.cds--menu-item-radio-group>ul *,.cds--menu-item-radio-group>ul :after,.cds--menu-item-radio-group>ul :before{box-sizing:inherit}.cds--menu-item__icon,.cds--menu-item__selection-icon{display:none}.cds--menu--with-icons>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1fr max-content}.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item>.cds--menu-item__selection-icon{display:flex}.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1rem 1fr max-content}.cds--menu-item--disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--menu-item--disabled.cds--menu-item--danger:hover,.cds--menu-item--disabled:hover{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--menu-item--danger:focus,.cds--menu-item--danger:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--menu-item-divider{background-color:var(--cds-border-subtle);block-size:.0625rem;display:block;inline-size:100%;margin-block:.25rem}.cds--menu--with-icons{--child-icon-property:flex;--child-grid-template-columns:1rem 1fr max-content}:host(cds-menu){position:fixed;--grid-template:1fr max-content;--display-icon-item:none;--display-selection-icon:none;--block-size-value:2rem}.cds--menu--with-icons{--grid-template:1rem 1fr max-content;--display-icon-item:flex}.cds--menu--with-selectable-items{--display-selection-icon:flex}.cds--menu--with-icons.cds--menu--with-selectable-items{--grid-template:1rem 1rem 1fr max-content}.cds--menu{overflow-y:auto}.cds--menu--shown{opacity:1}.cds--menu--open{visibility:visible}.cds--menu--open:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--menu--open:focus{outline-style:dotted}}.cds--menu:not(.cds--menu--open) .cds--menu--open{visibility:hidden}.cds--menu--with-icons{min-inline-size:12rem}.cds--menu--xs{--block-size-value:1.5rem}.cds--menu--sm{--block-size-value:2rem}.cds--menu--md{--block-size-value:2.5rem}.cds--menu--lg{--block-size-value:3rem}"]);
|
|
8
|
+
import { H as q } from "./host-listener-CN245INl.js";
|
|
9
|
+
import { e as K } from "./class-map-DRKcPEMq.js";
|
|
10
|
+
import { _ as V } from "./16-CSWwhDUY.js";
|
|
11
|
+
import { _ as W, a as F } from "./16-BFJN6B6d.js";
|
|
12
|
+
import { i as T } from "./icon-loader-HxMZmG1S.js";
|
|
13
|
+
var H = G(["@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}.cds--menu{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--menu *,.cds--menu :after,.cds--menu :before{box-sizing:inherit}.cds--menu{background-color:var(--cds-layer);box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));max-inline-size:18rem;min-inline-size:10rem;opacity:0;padding:.25rem 0;position:fixed;visibility:hidden;z-index:9000}.cds--menu--border{outline:1px solid var(--cds-border-subtle)}.cds--menu--background-token__background{background-color:var(--cds-background,#fff)}.cds--menu--shown{overflow:visible}.cds--menu-item{align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:grid;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);grid-template-columns:1fr max-content;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.cds--menu-item:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--menu-item:focus{outline-style:dotted}}.cds--menu-item:hover{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--menu--xs .cds--menu-item{block-size:1.5rem}.cds--menu--sm .cds--menu-item{block-size:2rem}.cds--menu--md .cds--menu-item{block-size:2.5rem}.cds--menu--lg .cds--menu-item{block-size:3rem}.cds--menu-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--menu-item__shortcut{display:flex}.cds--menu-item-group>ul,.cds--menu-item-radio-group>ul{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--menu-item-group>ul *,.cds--menu-item-group>ul :after,.cds--menu-item-group>ul :before,.cds--menu-item-radio-group>ul *,.cds--menu-item-radio-group>ul :after,.cds--menu-item-radio-group>ul :before{box-sizing:inherit}.cds--menu-item__icon,.cds--menu-item__selection-icon{display:none}.cds--menu--with-icons>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1fr max-content}.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item>.cds--menu-item__selection-icon{display:flex}.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1rem 1fr max-content}.cds--menu-item--disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--menu-item--disabled.cds--menu-item--danger:hover,.cds--menu-item--disabled:hover{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--menu-item--danger:focus,.cds--menu-item--danger:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--menu-item-divider{background-color:var(--cds-border-subtle);block-size:.0625rem;display:block;inline-size:100%;margin-block:.25rem}.cds--menu--with-icons{--child-icon-property:flex;--child-grid-template-columns:1rem 1fr max-content}:host(cds-menu){position:fixed;--grid-template:1fr max-content;--display-icon-item:none;--display-selection-icon:none;--block-size-value:2rem}.cds--menu--with-icons{--grid-template:1rem 1fr max-content;--display-icon-item:flex}.cds--menu--with-selectable-items{--display-selection-icon:flex}.cds--menu--with-icons.cds--menu--with-selectable-items{--grid-template:1rem 1rem 1fr max-content}.cds--menu{overflow-y:auto}.cds--menu--shown{opacity:1}.cds--menu--open{visibility:visible}.cds--menu--open:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--menu--open:focus{outline-style:dotted}}.cds--menu:not(.cds--menu--open) .cds--menu--open{visibility:hidden}.cds--menu--with-icons{min-inline-size:12rem}.cds--menu--xs{--block-size-value:1.5rem}.cds--menu--sm{--block-size-value:2rem}.cds--menu--md{--block-size-value:2.5rem}.cds--menu--lg{--block-size-value:3rem}"]);
|
|
14
14
|
/**
|
|
15
15
|
* @license
|
|
16
16
|
* Copyright 2021 Google LLC
|
|
17
17
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
18
18
|
*/
|
|
19
|
-
let
|
|
19
|
+
let j = class extends Event {
|
|
20
20
|
constructor(e, t, s, i) {
|
|
21
21
|
super("context-request", { bubbles: !0, composed: !0 }), this.context = e, this.contextTarget = t, this.callback = s, this.subscribe = i ?? !1;
|
|
22
22
|
}
|
|
@@ -31,10 +31,10 @@ let N = class extends Event {
|
|
|
31
31
|
* Copyright 2021 Google LLC
|
|
32
32
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
33
33
|
*/
|
|
34
|
-
let
|
|
34
|
+
let X = class {
|
|
35
35
|
constructor(e, t, s, i) {
|
|
36
|
-
if (this.subscribe = !1, this.provided = !1, this.value = void 0, this.t = (n,
|
|
37
|
-
this.unsubscribe && (this.unsubscribe !==
|
|
36
|
+
if (this.subscribe = !1, this.provided = !1, this.value = void 0, this.t = (n, d) => {
|
|
37
|
+
this.unsubscribe && (this.unsubscribe !== d && (this.provided = !1, this.unsubscribe()), this.subscribe || this.unsubscribe()), this.value = n, this.host.requestUpdate(), this.provided && !this.subscribe || (this.provided = !0, this.callback && this.callback(n, d)), this.unsubscribe = d;
|
|
38
38
|
}, this.host = e, t.context !== void 0) {
|
|
39
39
|
const n = t;
|
|
40
40
|
this.context = n.context, this.callback = n.callback, this.subscribe = n.subscribe ?? !1;
|
|
@@ -48,7 +48,7 @@ let U = class {
|
|
|
48
48
|
this.unsubscribe && (this.unsubscribe(), this.unsubscribe = void 0);
|
|
49
49
|
}
|
|
50
50
|
dispatchRequest() {
|
|
51
|
-
this.host.dispatchEvent(new
|
|
51
|
+
this.host.dispatchEvent(new j(this.context, this.host, this.t, this.subscribe));
|
|
52
52
|
}
|
|
53
53
|
};
|
|
54
54
|
/**
|
|
@@ -56,7 +56,7 @@ let U = class {
|
|
|
56
56
|
* Copyright 2021 Google LLC
|
|
57
57
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
58
58
|
*/
|
|
59
|
-
class
|
|
59
|
+
class Y {
|
|
60
60
|
get value() {
|
|
61
61
|
return this.o;
|
|
62
62
|
}
|
|
@@ -89,12 +89,12 @@ class F {
|
|
|
89
89
|
* Copyright 2021 Google LLC
|
|
90
90
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
91
91
|
*/
|
|
92
|
-
let
|
|
92
|
+
let J = class extends Event {
|
|
93
93
|
constructor(e, t) {
|
|
94
94
|
super("context-provider", { bubbles: !0, composed: !0 }), this.context = e, this.contextTarget = t;
|
|
95
95
|
}
|
|
96
96
|
};
|
|
97
|
-
class
|
|
97
|
+
class N extends Y {
|
|
98
98
|
constructor(e, t, s) {
|
|
99
99
|
super(t.context !== void 0 ? t.initialValue : s), this.onContextRequest = (i) => {
|
|
100
100
|
if (i.context !== this.context) return;
|
|
@@ -103,7 +103,7 @@ class P extends F {
|
|
|
103
103
|
}, this.onProviderRequest = (i) => {
|
|
104
104
|
if (i.context !== this.context || (i.contextTarget ?? i.composedPath()[0]) === this.host) return;
|
|
105
105
|
const n = /* @__PURE__ */ new Set();
|
|
106
|
-
for (const [
|
|
106
|
+
for (const [d, { consumerHost: u }] of this.subscriptions) n.has(d) || (n.add(d), u.dispatchEvent(new j(this.context, u, d, !0)));
|
|
107
107
|
i.stopPropagation();
|
|
108
108
|
}, this.host = e, t.context !== void 0 ? this.context = t.context : this.context = t, this.attachListeners(), this.host.addController?.(this);
|
|
109
109
|
}
|
|
@@ -111,7 +111,7 @@ class P extends F {
|
|
|
111
111
|
this.host.addEventListener("context-request", this.onContextRequest), this.host.addEventListener("context-provider", this.onProviderRequest);
|
|
112
112
|
}
|
|
113
113
|
hostConnected() {
|
|
114
|
-
this.host.dispatchEvent(new
|
|
114
|
+
this.host.dispatchEvent(new J(this.context, this.host));
|
|
115
115
|
}
|
|
116
116
|
}
|
|
117
117
|
/**
|
|
@@ -119,7 +119,7 @@ class P extends F {
|
|
|
119
119
|
* Copyright 2017 Google LLC
|
|
120
120
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
121
121
|
*/
|
|
122
|
-
function
|
|
122
|
+
function Q({ context: a }) {
|
|
123
123
|
return (e, t) => {
|
|
124
124
|
const s = /* @__PURE__ */ new WeakMap();
|
|
125
125
|
if (typeof t == "object") return { get() {
|
|
@@ -127,25 +127,25 @@ function Y({ context: l }) {
|
|
|
127
127
|
}, set(i) {
|
|
128
128
|
return s.get(this).setValue(i), e.set.call(this, i);
|
|
129
129
|
}, init(i) {
|
|
130
|
-
return s.set(this, new
|
|
130
|
+
return s.set(this, new N(this, { context: a, initialValue: i })), i;
|
|
131
131
|
} };
|
|
132
132
|
{
|
|
133
|
-
e.constructor.addInitializer(((
|
|
134
|
-
s.set(
|
|
133
|
+
e.constructor.addInitializer(((d) => {
|
|
134
|
+
s.set(d, new N(d, { context: a }));
|
|
135
135
|
}));
|
|
136
136
|
const i = Object.getOwnPropertyDescriptor(e, t);
|
|
137
137
|
let n;
|
|
138
138
|
if (i === void 0) {
|
|
139
|
-
const
|
|
139
|
+
const d = /* @__PURE__ */ new WeakMap();
|
|
140
140
|
n = { get() {
|
|
141
|
-
return
|
|
142
|
-
}, set(
|
|
143
|
-
s.get(this).setValue(
|
|
141
|
+
return d.get(this);
|
|
142
|
+
}, set(u) {
|
|
143
|
+
s.get(this).setValue(u), d.set(this, u);
|
|
144
144
|
}, configurable: !0, enumerable: !0 };
|
|
145
145
|
} else {
|
|
146
|
-
const
|
|
147
|
-
n = { ...i, set(
|
|
148
|
-
s.get(this).setValue(
|
|
146
|
+
const d = i.set;
|
|
147
|
+
n = { ...i, set(u) {
|
|
148
|
+
s.get(this).setValue(u), d?.call(this, u);
|
|
149
149
|
} };
|
|
150
150
|
}
|
|
151
151
|
return void Object.defineProperty(e, t, n);
|
|
@@ -157,20 +157,20 @@ function Y({ context: l }) {
|
|
|
157
157
|
* Copyright 2022 Google LLC
|
|
158
158
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
159
159
|
*/
|
|
160
|
-
function
|
|
160
|
+
function O({ context: a, subscribe: e }) {
|
|
161
161
|
return (t, s) => {
|
|
162
162
|
typeof s == "object" ? s.addInitializer((function() {
|
|
163
|
-
new
|
|
163
|
+
new X(this, { context: a, callback: (i) => {
|
|
164
164
|
t.set.call(this, i);
|
|
165
165
|
}, subscribe: e });
|
|
166
166
|
})) : t.constructor.addInitializer(((i) => {
|
|
167
|
-
new
|
|
167
|
+
new X(i, { context: a, callback: (n) => {
|
|
168
168
|
i[s] = n;
|
|
169
169
|
}, subscribe: e });
|
|
170
170
|
}));
|
|
171
171
|
};
|
|
172
172
|
}
|
|
173
|
-
const
|
|
173
|
+
const Z = {
|
|
174
174
|
isRoot: !0,
|
|
175
175
|
hasSelectableItems: !1,
|
|
176
176
|
size: null,
|
|
@@ -178,22 +178,22 @@ const J = {
|
|
|
178
178
|
}
|
|
179
179
|
}, k = "myData";
|
|
180
180
|
var A;
|
|
181
|
-
(function(
|
|
182
|
-
|
|
181
|
+
(function(a) {
|
|
182
|
+
a.EXTRA_SMALL = "xs", a.SMALL = "sm", a.MEDIUM = "md", a.LARGE = "lg";
|
|
183
183
|
})(A || (A = {}));
|
|
184
|
-
var $;
|
|
185
|
-
(function(l) {
|
|
186
|
-
l.DEFAULT = "default", l.DANGER = "danger";
|
|
187
|
-
})($ || ($ = {}));
|
|
188
184
|
var R;
|
|
189
|
-
(function(
|
|
190
|
-
|
|
185
|
+
(function(a) {
|
|
186
|
+
a.DEFAULT = "default", a.DANGER = "danger";
|
|
191
187
|
})(R || (R = {}));
|
|
192
|
-
|
|
188
|
+
var I;
|
|
189
|
+
(function(a) {
|
|
190
|
+
a.LAYER = "layer", a.BACKGROUND = "background";
|
|
191
|
+
})(I || (I = {}));
|
|
192
|
+
let m = class extends q(z) {
|
|
193
193
|
constructor() {
|
|
194
|
-
super(...arguments), this.context = Object.assign(Object.assign({},
|
|
194
|
+
super(...arguments), this.context = Object.assign(Object.assign({}, Z), { updateFromChild: (e) => {
|
|
195
195
|
this.context = Object.assign(Object.assign({}, this.context), e);
|
|
196
|
-
} }), this.spacing = 8, this.items = [], this.activeitems = [], this.isChild = !1, this.isRtl = !1, this.isRoot = !0, this.direction = "ltr", this.open = !0, this.position = [-1, -1], this.size = A.SMALL, this.backgroundToken =
|
|
196
|
+
} }), this.spacing = 8, this.items = [], this.activeitems = [], this.isChild = !1, this.isRtl = !1, this.isRoot = !0, this.direction = "ltr", this.open = !0, this.position = [-1, -1], this.size = A.SMALL, this.backgroundToken = I.LAYER, this.border = !1, this.x = 0, this.y = 0, this._handleBlur = (e) => {
|
|
197
197
|
const { isRoot: t } = this.context;
|
|
198
198
|
this.open && t && !this.contains(e.relatedTarget) && this.dispatchCloseEvent(e);
|
|
199
199
|
}, this._handleKeyDown = (e) => {
|
|
@@ -203,15 +203,15 @@ let u = class extends L(_) {
|
|
|
203
203
|
var t, s, i;
|
|
204
204
|
let n;
|
|
205
205
|
if (((t = document.activeElement) === null || t === void 0 ? void 0 : t.tagName) !== "CDS-MENU") {
|
|
206
|
-
const
|
|
207
|
-
n = this.activeitems.findIndex((
|
|
208
|
-
var
|
|
209
|
-
return
|
|
206
|
+
const u = this._findActiveElementInShadowRoot(document);
|
|
207
|
+
n = this.activeitems.findIndex((y) => {
|
|
208
|
+
var l;
|
|
209
|
+
return u == y.item || ((l = y.item.shadowRoot) === null || l === void 0 ? void 0 : l.activeElement) === u;
|
|
210
210
|
});
|
|
211
211
|
} else
|
|
212
212
|
n = 0;
|
|
213
|
-
let
|
|
214
|
-
n === -1 ?
|
|
213
|
+
let d = n;
|
|
214
|
+
n === -1 ? d = 0 : e && (e.key === "ArrowUp" && (d = d - 1), e.key === "ArrowDown" && (d = d + 1)), d < 0 && (d = this.activeitems.length - 1), d >= this.activeitems.length && (d = 0), d !== n && ((i = (s = this.activeitems[d]) === null || s === void 0 ? void 0 : s.item) === null || i === void 0 || i.focus());
|
|
215
215
|
}, this._findActiveElementInShadowRoot = (e) => {
|
|
216
216
|
if (e === null)
|
|
217
217
|
return null;
|
|
@@ -220,38 +220,39 @@ let u = class extends L(_) {
|
|
|
220
220
|
t = t.shadowRoot.activeElement;
|
|
221
221
|
return t;
|
|
222
222
|
}, this._notEmpty = (e) => e != null, this._fitValue = (e, t) => {
|
|
223
|
-
|
|
223
|
+
var s;
|
|
224
|
+
const { isRoot: i } = this.context, n = (s = this.shadowRoot) === null || s === void 0 ? void 0 : s.querySelector(`.${c}--menu`), { width: d, height: u } = (n ?? this).getBoundingClientRect(), y = i ? "vertical" : "horizontal", l = {
|
|
224
225
|
x: {
|
|
225
226
|
max: window.innerWidth,
|
|
226
|
-
size:
|
|
227
|
-
anchor:
|
|
228
|
-
reversedAnchor:
|
|
227
|
+
size: d,
|
|
228
|
+
anchor: y === "horizontal" ? e[1] : e[0],
|
|
229
|
+
reversedAnchor: y === "horizontal" ? e[0] : e[1],
|
|
229
230
|
offset: 0
|
|
230
231
|
},
|
|
231
232
|
y: {
|
|
232
233
|
max: window.innerHeight,
|
|
233
|
-
size:
|
|
234
|
-
anchor:
|
|
235
|
-
reversedAnchor:
|
|
236
|
-
offset:
|
|
234
|
+
size: u,
|
|
235
|
+
anchor: y === "horizontal" ? e[0] : e[1],
|
|
236
|
+
reversedAnchor: y === "horizontal" ? e[1] : e[0],
|
|
237
|
+
offset: i ? 0 : 4
|
|
237
238
|
// top padding in menu, used to align the menu items
|
|
238
239
|
}
|
|
239
240
|
};
|
|
240
|
-
if (this.actionButtonWidth && this.actionButtonWidth <
|
|
241
|
-
const
|
|
242
|
-
|
|
241
|
+
if (this.actionButtonWidth && this.actionButtonWidth < l.x.size && (this.menuAlignment === "bottom" || this.menuAlignment === "top") && (l.x.size = this.actionButtonWidth), this.actionButtonWidth && (this.menuAlignment === "bottom-end" || this.menuAlignment === "top-end") && l.x.anchor >= 87 && this.actionButtonWidth < l.x.size) {
|
|
242
|
+
const L = l.x.anchor + l.x.reversedAnchor;
|
|
243
|
+
l.x.anchor = l.x.anchor + L;
|
|
243
244
|
}
|
|
244
|
-
const { max: v, size:
|
|
245
|
+
const { max: v, size: g, anchor: f, reversedAnchor: $, offset: M } = l[t], _ = [
|
|
245
246
|
// towards max (preferred)
|
|
246
|
-
v - this.spacing -
|
|
247
|
+
v - this.spacing - g - f >= 0 ? f - M : !1,
|
|
247
248
|
// towards min / reversed (first fallback)
|
|
248
|
-
|
|
249
|
+
$ - g >= 0 ? $ - g + M : !1,
|
|
249
250
|
// align at max (second fallback)
|
|
250
|
-
v - this.spacing -
|
|
251
|
-
],
|
|
252
|
-
typeof
|
|
253
|
-
const
|
|
254
|
-
return
|
|
251
|
+
v - this.spacing - g
|
|
252
|
+
], U = this.menuAlignment === "top" || this.menuAlignment === "top-end" || this.menuAlignment === "top-start";
|
|
253
|
+
typeof _[0] == "number" && U && _[0] >= 0 && !_[1] && t === "y" ? this.style.transform = "translate(0)" : U && !_[0] && t === "y" && (_[0] = f - M);
|
|
254
|
+
const P = _.find((L) => L !== !1);
|
|
255
|
+
return P >= this.spacing ? P : this.spacing;
|
|
255
256
|
}, this._getPosition = (e) => {
|
|
256
257
|
if (Array.isArray(e)) {
|
|
257
258
|
const t = e.filter(this._notEmpty);
|
|
@@ -296,41 +297,41 @@ let u = class extends L(_) {
|
|
|
296
297
|
}, this._setActiveItems = () => {
|
|
297
298
|
var e, t, s;
|
|
298
299
|
this.activeitems = [], (e = this.items) === null || e === void 0 || e.map((n) => {
|
|
299
|
-
var
|
|
300
|
-
let
|
|
300
|
+
var d, u, y;
|
|
301
|
+
let l;
|
|
301
302
|
switch (n.tagName) {
|
|
302
303
|
case "CDS-MENU-ITEM-RADIO-GROUP": {
|
|
303
|
-
const
|
|
304
|
-
if (
|
|
305
|
-
for (const g of
|
|
306
|
-
|
|
304
|
+
const v = n.querySelectorAll(`${c}-menu-item`);
|
|
305
|
+
if (v?.length)
|
|
306
|
+
for (const g of v.entries())
|
|
307
|
+
l = {
|
|
307
308
|
item: g[1],
|
|
308
309
|
parent: n
|
|
309
|
-
}, this.activeitems = [...this.activeitems,
|
|
310
|
+
}, this.activeitems = [...this.activeitems, l];
|
|
310
311
|
break;
|
|
311
312
|
}
|
|
312
313
|
case "CDS-MENU-ITEM-GROUP": {
|
|
313
|
-
const
|
|
314
|
-
|
|
315
|
-
|
|
314
|
+
const v = (u = (d = n.shadowRoot) === null || d === void 0 ? void 0 : d.querySelector("slot")) === null || u === void 0 ? void 0 : u.assignedElements();
|
|
315
|
+
v?.map((g) => {
|
|
316
|
+
l = {
|
|
316
317
|
item: g,
|
|
317
318
|
parent: g
|
|
318
|
-
}, this.activeitems = [...this.activeitems,
|
|
319
|
+
}, this.activeitems = [...this.activeitems, l];
|
|
319
320
|
});
|
|
320
321
|
break;
|
|
321
322
|
}
|
|
322
323
|
case "CDS-MENU-ITEM-SELECTABLE": {
|
|
323
|
-
|
|
324
|
-
item: (
|
|
324
|
+
l = {
|
|
325
|
+
item: (y = n.shadowRoot) === null || y === void 0 ? void 0 : y.querySelector(`${c}-menu-item`),
|
|
325
326
|
parent: n
|
|
326
|
-
}, this.activeitems = [...this.activeitems,
|
|
327
|
+
}, this.activeitems = [...this.activeitems, l];
|
|
327
328
|
break;
|
|
328
329
|
}
|
|
329
330
|
default:
|
|
330
|
-
|
|
331
|
+
l = {
|
|
331
332
|
item: n,
|
|
332
333
|
parent: null
|
|
333
|
-
}, this.activeitems = [...this.activeitems,
|
|
334
|
+
}, this.activeitems = [...this.activeitems, l];
|
|
334
335
|
}
|
|
335
336
|
}), ((s = (t = this.activeitems[0]) === null || t === void 0 ? void 0 : t.item) !== null && s !== void 0 ? s : document.activeElement).focus();
|
|
336
337
|
};
|
|
@@ -339,13 +340,13 @@ let u = class extends L(_) {
|
|
|
339
340
|
* The name of the custom event fired when the the Menu should be closed.
|
|
340
341
|
*/
|
|
341
342
|
static get eventOnClose() {
|
|
342
|
-
return `${
|
|
343
|
+
return `${c}-menu-closed`;
|
|
343
344
|
}
|
|
344
345
|
/**
|
|
345
346
|
* The name of the custom event fired when the the Menu should be opened.
|
|
346
347
|
*/
|
|
347
348
|
static get eventOnOpen() {
|
|
348
|
-
return `${
|
|
349
|
+
return `${c}-menu-opened`;
|
|
349
350
|
}
|
|
350
351
|
updated(e) {
|
|
351
352
|
e.has("open") && this.open && this._handleOpen();
|
|
@@ -353,7 +354,7 @@ let u = class extends L(_) {
|
|
|
353
354
|
connectedCallback() {
|
|
354
355
|
super.connectedCallback(), this.addEventListener("icon-detect", () => {
|
|
355
356
|
var e, t;
|
|
356
|
-
(t = (e = this.shadowRoot) === null || e === void 0 ? void 0 : e.querySelector(".cds--menu")) === null || t === void 0 || t.classList.add(`${
|
|
357
|
+
(t = (e = this.shadowRoot) === null || e === void 0 ? void 0 : e.querySelector(".cds--menu")) === null || t === void 0 || t.classList.add(`${c}--menu--with-icons`);
|
|
357
358
|
});
|
|
358
359
|
}
|
|
359
360
|
async firstUpdated() {
|
|
@@ -365,19 +366,19 @@ let u = class extends L(_) {
|
|
|
365
366
|
});
|
|
366
367
|
}
|
|
367
368
|
render() {
|
|
368
|
-
const { open: e, menuAlignment: t, label: s, position: i, _handleKeyDown: n } = this,
|
|
369
|
-
[`${
|
|
370
|
-
[`${
|
|
371
|
-
[`${
|
|
372
|
-
[`${
|
|
373
|
-
[`${
|
|
374
|
-
[`${
|
|
375
|
-
[`${
|
|
376
|
-
[`${
|
|
369
|
+
const { open: e, menuAlignment: t, label: s, position: i, _handleKeyDown: n } = this, d = K({
|
|
370
|
+
[`${c}--menu`]: !0,
|
|
371
|
+
[`${c}--menu--${this.size}`]: this.size,
|
|
372
|
+
[`${c}--menu--box-shadow-top`]: t && t.slice(0, 3) === "top",
|
|
373
|
+
[`${c}--menu--open`]: e,
|
|
374
|
+
[`${c}--menu--shown`]: i[0] >= 0 && i[1] >= 0,
|
|
375
|
+
[`${c}--menu--with-selectable-items`]: this.context.hasSelectableItems,
|
|
376
|
+
[`${c}--menu--border`]: this.border,
|
|
377
|
+
[`${c}--menu--background-token__background`]: this.backgroundToken === I.BACKGROUND
|
|
377
378
|
});
|
|
378
379
|
return p`
|
|
379
380
|
<ul
|
|
380
|
-
class="${
|
|
381
|
+
class="${d}"
|
|
381
382
|
aria-label="${s}"
|
|
382
383
|
tabindex="-1"
|
|
383
384
|
@keydown="${n}"
|
|
@@ -387,78 +388,78 @@ let u = class extends L(_) {
|
|
|
387
388
|
`;
|
|
388
389
|
}
|
|
389
390
|
};
|
|
390
|
-
|
|
391
|
+
m.styles = H;
|
|
391
392
|
o([
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
],
|
|
393
|
+
Q({ context: k }),
|
|
394
|
+
O({ context: k })
|
|
395
|
+
], m.prototype, "context", void 0);
|
|
395
396
|
o([
|
|
396
397
|
E()
|
|
397
|
-
],
|
|
398
|
+
], m.prototype, "items", void 0);
|
|
398
399
|
o([
|
|
399
400
|
E()
|
|
400
|
-
],
|
|
401
|
+
], m.prototype, "activeitems", void 0);
|
|
401
402
|
o([
|
|
402
|
-
|
|
403
|
-
],
|
|
403
|
+
r({ type: String })
|
|
404
|
+
], m.prototype, "label", void 0);
|
|
404
405
|
o([
|
|
405
|
-
|
|
406
|
-
],
|
|
406
|
+
r({ type: Boolean })
|
|
407
|
+
], m.prototype, "isChild", void 0);
|
|
407
408
|
o([
|
|
408
|
-
|
|
409
|
-
],
|
|
409
|
+
r()
|
|
410
|
+
], m.prototype, "actionButtonWidth", void 0);
|
|
410
411
|
o([
|
|
411
|
-
|
|
412
|
-
],
|
|
412
|
+
r({ type: Boolean })
|
|
413
|
+
], m.prototype, "isRtl", void 0);
|
|
413
414
|
o([
|
|
414
|
-
|
|
415
|
-
],
|
|
415
|
+
r({ type: Boolean })
|
|
416
|
+
], m.prototype, "isRoot", void 0);
|
|
416
417
|
o([
|
|
417
|
-
|
|
418
|
-
],
|
|
418
|
+
r({ type: String })
|
|
419
|
+
], m.prototype, "direction", void 0);
|
|
419
420
|
o([
|
|
420
|
-
|
|
421
|
-
],
|
|
421
|
+
r({ type: Boolean, reflect: !0 })
|
|
422
|
+
], m.prototype, "open", void 0);
|
|
422
423
|
o([
|
|
423
|
-
|
|
424
|
-
],
|
|
424
|
+
r({ type: HTMLElement })
|
|
425
|
+
], m.prototype, "focusreturn", void 0);
|
|
425
426
|
o([
|
|
426
|
-
|
|
427
|
-
],
|
|
427
|
+
r()
|
|
428
|
+
], m.prototype, "position", void 0);
|
|
428
429
|
o([
|
|
429
|
-
|
|
430
|
-
],
|
|
430
|
+
r({ attribute: !0 })
|
|
431
|
+
], m.prototype, "size", void 0);
|
|
431
432
|
o([
|
|
432
|
-
|
|
433
|
-
],
|
|
433
|
+
r()
|
|
434
|
+
], m.prototype, "mode", void 0);
|
|
434
435
|
o([
|
|
435
|
-
|
|
436
|
-
],
|
|
436
|
+
r({ type: String, attribute: "background-token" })
|
|
437
|
+
], m.prototype, "backgroundToken", void 0);
|
|
437
438
|
o([
|
|
438
|
-
|
|
439
|
-
],
|
|
439
|
+
r({ type: Boolean })
|
|
440
|
+
], m.prototype, "border", void 0);
|
|
440
441
|
o([
|
|
441
|
-
|
|
442
|
-
],
|
|
442
|
+
r({ type: String })
|
|
443
|
+
], m.prototype, "menuAlignment", void 0);
|
|
443
444
|
o([
|
|
444
|
-
|
|
445
|
-
],
|
|
445
|
+
r()
|
|
446
|
+
], m.prototype, "x", void 0);
|
|
446
447
|
o([
|
|
447
|
-
|
|
448
|
-
],
|
|
448
|
+
r()
|
|
449
|
+
], m.prototype, "y", void 0);
|
|
449
450
|
o([
|
|
450
451
|
C("focusout")
|
|
451
452
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
|
|
452
453
|
// @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to
|
|
453
|
-
],
|
|
454
|
-
|
|
455
|
-
w(`${
|
|
456
|
-
],
|
|
457
|
-
var S = X(["@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}.cds--menu{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--menu *,.cds--menu :after,.cds--menu :before{box-sizing:inherit}.cds--menu{background-color:var(--cds-layer);box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));max-inline-size:18rem;min-inline-size:10rem;opacity:0;overflow-y:auto;padding:.25rem 0;position:fixed;visibility:hidden;z-index:9000}.cds--menu--border{outline:1px solid var(--cds-border-subtle)}.cds--menu--background-token__background{background-color:var(--cds-background,#fff)}.cds--menu--with-icons{min-inline-size:12rem}.cds--menu--open{visibility:visible}.cds--menu--open:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--menu--open:focus{outline-style:dotted}}.cds--menu:not(.cds--menu--open) .cds--menu--open{visibility:hidden}.cds--menu--shown{opacity:1;overflow:visible}.cds--menu-item{align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:grid;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);grid-template-columns:1fr max-content;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.cds--menu-item:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--menu-item:focus{outline-style:dotted}}.cds--menu-item:hover{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--menu--xs .cds--menu-item{block-size:1.5rem}.cds--menu--sm .cds--menu-item{block-size:2rem}.cds--menu--md .cds--menu-item{block-size:2.5rem}.cds--menu--lg .cds--menu-item{block-size:3rem}.cds--menu-item-group>ul,.cds--menu-item-radio-group>ul{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--menu-item-group>ul *,.cds--menu-item-group>ul :after,.cds--menu-item-group>ul :before,.cds--menu-item-radio-group>ul *,.cds--menu-item-radio-group>ul :after,.cds--menu-item-radio-group>ul :before{box-sizing:inherit}.cds--menu--with-icons>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1fr max-content}.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item>.cds--menu-item__selection-icon{display:flex}.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1rem 1fr max-content}.cds--menu-item--disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--menu-item--disabled.cds--menu-item--danger:hover,.cds--menu-item--disabled:hover{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--menu-item--danger:focus,.cds--menu-item--danger:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--menu-item-divider,:host(cds-menu-item-divider){background-color:var(--cds-border-subtle);block-size:.0625rem;display:block;inline-size:100%;margin-block:.25rem}:host(cds-menu-item){align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:grid;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);grid-template-columns:1fr max-content;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}:host(cds-menu-item) svg{color:var(--cds-icon-secondary,#525252)}:host(cds-menu-item:focus){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-menu-item:focus){outline-style:dotted}}:host(cds-menu-item:hover){background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}:host(cds-menu-item:hover) svg{color:var(--cds-icon-primary,#161616)}:host(cds-menu-item-group)>ul,:host(cds-menu-item-radio-group)>ul{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}:host(cds-menu-item-group)>ul *,:host(cds-menu-item-group)>ul :after,:host(cds-menu-item-group)>ul :before,:host(cds-menu-item-radio-group)>ul *,:host(cds-menu-item-radio-group)>ul :after,:host(cds-menu-item-radio-group)>ul :before{box-sizing:inherit}.cds--menu-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--menu-item__shortcut{display:flex}.cds--menu-item__icon{display:var(--child-icon-property,none)}:host([aria-disabled=true]) *{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}:host([aria-disabled=true].cds--menu-item--danger:hover),:host([aria-disabled=true]:hover){background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}:host(.cds--menu-item--danger:focus),:host(.cds--menu-item--danger:hover){background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--menu-item__icon,.cds--menu-item__selection-icon{display:none}:host(cds-menu-item){block-size:var(--block-size-value);grid-template-columns:var(--grid-template)}:host(cds-menu-item) .cds--menu-item__icon{display:var(--display-icon-item)}.cds--menu-item__selection-icon{display:var(--display-selection-icon)}span[slot=render-icon]{display:flex}"]);
|
|
458
|
-
let h = class extends
|
|
454
|
+
], m.prototype, "_handleBlur", void 0);
|
|
455
|
+
m = o([
|
|
456
|
+
w(`${c}-menu`)
|
|
457
|
+
], m);
|
|
458
|
+
var S = G(["@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}.cds--menu{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--menu *,.cds--menu :after,.cds--menu :before{box-sizing:inherit}.cds--menu{background-color:var(--cds-layer);box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));max-inline-size:18rem;min-inline-size:10rem;opacity:0;overflow-y:auto;padding:.25rem 0;position:fixed;visibility:hidden;z-index:9000}.cds--menu--border{outline:1px solid var(--cds-border-subtle)}.cds--menu--background-token__background{background-color:var(--cds-background,#fff)}.cds--menu--with-icons{min-inline-size:12rem}.cds--menu--open{visibility:visible}.cds--menu--open:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--menu--open:focus{outline-style:dotted}}.cds--menu:not(.cds--menu--open) .cds--menu--open{visibility:hidden}.cds--menu--shown{opacity:1;overflow:visible}.cds--menu-item{align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:grid;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);grid-template-columns:1fr max-content;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.cds--menu-item:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--menu-item:focus{outline-style:dotted}}.cds--menu-item:hover{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--menu--xs .cds--menu-item{block-size:1.5rem}.cds--menu--sm .cds--menu-item{block-size:2rem}.cds--menu--md .cds--menu-item{block-size:2.5rem}.cds--menu--lg .cds--menu-item{block-size:3rem}.cds--menu-item-group>ul,.cds--menu-item-radio-group>ul{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--menu-item-group>ul *,.cds--menu-item-group>ul :after,.cds--menu-item-group>ul :before,.cds--menu-item-radio-group>ul *,.cds--menu-item-radio-group>ul :after,.cds--menu-item-radio-group>ul :before{box-sizing:inherit}.cds--menu--with-icons>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1fr max-content}.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item>.cds--menu-item__selection-icon{display:flex}.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1rem 1fr max-content}.cds--menu-item--disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--menu-item--disabled.cds--menu-item--danger:hover,.cds--menu-item--disabled:hover{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--menu-item--danger:focus,.cds--menu-item--danger:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--menu-item-divider,:host(cds-menu-item-divider){background-color:var(--cds-border-subtle);block-size:.0625rem;display:block;inline-size:100%;margin-block:.25rem}:host(cds-menu-item){align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:grid;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);grid-template-columns:1fr max-content;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}:host(cds-menu-item) svg{color:var(--cds-icon-secondary,#525252)}:host(cds-menu-item:focus){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-menu-item:focus){outline-style:dotted}}:host(cds-menu-item:hover){background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}:host(cds-menu-item:hover) svg{color:var(--cds-icon-primary,#161616)}:host(cds-menu-item-group)>ul,:host(cds-menu-item-radio-group)>ul{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}:host(cds-menu-item-group)>ul *,:host(cds-menu-item-group)>ul :after,:host(cds-menu-item-group)>ul :before,:host(cds-menu-item-radio-group)>ul *,:host(cds-menu-item-radio-group)>ul :after,:host(cds-menu-item-radio-group)>ul :before{box-sizing:inherit}.cds--menu-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--menu-item__shortcut{display:flex}.cds--menu-item__icon{display:var(--child-icon-property,none)}:host([aria-disabled=true]) *{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}:host([aria-disabled=true].cds--menu-item--danger:hover),:host([aria-disabled=true]:hover){background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}:host(.cds--menu-item--danger:focus),:host(.cds--menu-item--danger:hover){background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--menu-item__icon,.cds--menu-item__selection-icon{display:none}:host(cds-menu-item){block-size:var(--block-size-value);grid-template-columns:var(--grid-template)}:host(cds-menu-item) .cds--menu-item__icon{display:var(--display-icon-item)}.cds--menu-item__selection-icon{display:var(--display-selection-icon)}span[slot=render-icon]{display:flex}"]);
|
|
459
|
+
let h = class extends q(q(z)) {
|
|
459
460
|
constructor() {
|
|
460
461
|
var e;
|
|
461
|
-
super(...arguments), this.hoverIntentDelay = 150, this.submenuOpen = !1, this.kind =
|
|
462
|
+
super(...arguments), this.hoverIntentDelay = 150, this.submenuOpen = !1, this.kind = R.DEFAULT, this.boundaries = { x: -1, y: -1 }, this.ariaChecked = (e = this.getAttribute("selected")) !== null && e !== void 0 ? e : "false", this.isRtl = !1, this.hasSubmenu = !1, this._handleClick = (t) => {
|
|
462
463
|
this.hasSubmenu ? this._openSubmenu() : t.type === "keydown" && this.click();
|
|
463
464
|
}, this._handleMouseEnter = () => {
|
|
464
465
|
this.hoverIntentTimeout = setTimeout(() => {
|
|
@@ -477,18 +478,18 @@ let h = class extends L(L(_)) {
|
|
|
477
478
|
}, this.submenuOpen = !0;
|
|
478
479
|
}, this._registerSubMenuItems = () => {
|
|
479
480
|
new MutationObserver((s) => {
|
|
480
|
-
var i, n,
|
|
481
|
-
for (const
|
|
482
|
-
if (
|
|
483
|
-
const
|
|
481
|
+
var i, n, d, u, y;
|
|
482
|
+
for (const l of s)
|
|
483
|
+
if (l.type === "childList") {
|
|
484
|
+
const v = (i = this.shadowRoot) === null || i === void 0 ? void 0 : i.querySelector('slot[name="submenu"]'), g = (d = (n = v?.assignedElements) === null || n === void 0 ? void 0 : n.call(v)) === null || d === void 0 ? void 0 : d[0];
|
|
484
485
|
if (g)
|
|
485
486
|
switch (g.tagName) {
|
|
486
487
|
case "CDS-MENU-ITEM-RADIO-GROUP":
|
|
487
|
-
this.submenuEntry = g.querySelector(`${
|
|
488
|
+
this.submenuEntry = g.querySelector(`${c}-menu-item`);
|
|
488
489
|
break;
|
|
489
490
|
case "CDS-MENU-ITEM-GROUP": {
|
|
490
|
-
const f = (
|
|
491
|
-
this.submenuEntry =
|
|
491
|
+
const f = (y = (u = g.shadowRoot) === null || u === void 0 ? void 0 : u.querySelector("slot")) === null || y === void 0 ? void 0 : y.assignedElements(), $ = f?.length && f[0];
|
|
492
|
+
this.submenuEntry = $;
|
|
492
493
|
break;
|
|
493
494
|
}
|
|
494
495
|
case "CDS-MENU-ITEM":
|
|
@@ -505,7 +506,7 @@ let h = class extends L(L(_)) {
|
|
|
505
506
|
this.boundaries = {
|
|
506
507
|
x: -1,
|
|
507
508
|
y: -1
|
|
508
|
-
}, this.submenuOpen = !1, (s = (t = this.shadowRoot) === null || t === void 0 ? void 0 : t.querySelector(`.${
|
|
509
|
+
}, this.submenuOpen = !1, (s = (t = this.shadowRoot) === null || t === void 0 ? void 0 : t.querySelector(`.${c}--menu-item`)) === null || s === void 0 || s.focus();
|
|
509
510
|
}, this._handleKeyDown = (t) => {
|
|
510
511
|
this.hasSubmenu && ["ArrowRight", "Enter", " "].includes(t.key) ? (this._openSubmenu(), setTimeout(() => {
|
|
511
512
|
this.submenuEntry.focus();
|
|
@@ -521,16 +522,16 @@ let h = class extends L(L(_)) {
|
|
|
521
522
|
})));
|
|
522
523
|
}
|
|
523
524
|
_updateAttributes() {
|
|
524
|
-
this.disabled && !this.hasSubmenu ? (this.setAttribute("aria-disabled", this.disabled), this.setAttribute("tabindex", "-1")) : (this.removeAttribute("aria-disabled"), this.setAttribute("tabindex", "0")), this.hasSubmenu ? this.setAttribute("aria-haspopup", this.hasSubmenu + "") : this.removeAttribute("aria-haspopup"), this.closest(`${
|
|
525
|
+
this.disabled && !this.hasSubmenu ? (this.setAttribute("aria-disabled", this.disabled), this.setAttribute("tabindex", "-1")) : (this.removeAttribute("aria-disabled"), this.setAttribute("tabindex", "0")), this.hasSubmenu ? this.setAttribute("aria-haspopup", this.hasSubmenu + "") : this.removeAttribute("aria-haspopup"), this.closest(`${c}-menu-item-radio-group`) ? (this.setAttribute("role", "menuitemradio"), this.setAttribute("aria-checked", this.ariaChecked + "")) : this.getAttribute("role") || this.setAttribute("role", "menuitem");
|
|
525
526
|
}
|
|
526
527
|
firstUpdated() {
|
|
527
|
-
this.hasSubmenu = !!this.querySelector('[slot="submenu"]'), this.dispatchIconDetect(), this.isRtl = document.dir === "rtl", this._registerSubMenuItems(), this._updateAttributes(), this.addEventListener(`${
|
|
528
|
+
this.hasSubmenu = !!this.querySelector('[slot="submenu"]'), this.dispatchIconDetect(), this.isRtl = document.dir === "rtl", this._registerSubMenuItems(), this._updateAttributes(), this.addEventListener(`${c}-menu-closed`, () => {
|
|
528
529
|
this.focus(), this._closeSubmenu();
|
|
529
530
|
});
|
|
530
531
|
}
|
|
531
532
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
|
|
532
533
|
updated(e) {
|
|
533
|
-
this.hasSubmenu ? this.setAttribute("aria-expanded", this.hasSubmenu + "") : this.removeAttribute("aria-expanded"), this.kind ===
|
|
534
|
+
this.hasSubmenu ? this.setAttribute("aria-expanded", this.hasSubmenu + "") : this.removeAttribute("aria-expanded"), this.kind === R.DANGER && this.classList.toggle(`${c}--menu-item--danger`);
|
|
534
535
|
}
|
|
535
536
|
handleClick(e) {
|
|
536
537
|
this._handleClick(e);
|
|
@@ -546,29 +547,29 @@ let h = class extends L(L(_)) {
|
|
|
546
547
|
}
|
|
547
548
|
render() {
|
|
548
549
|
var e, t, s;
|
|
549
|
-
const { label: i, shortcut: n, submenuOpen:
|
|
550
|
+
const { label: i, shortcut: n, submenuOpen: d, boundaries: u, isRtl: y } = this, l = !((e = this.context) === null || e === void 0) && e.hasSelectableItems ? `${c}--menu--with-selectable-items` : "";
|
|
550
551
|
return p`
|
|
551
|
-
<div class="${
|
|
552
|
-
${this.ariaChecked === "true" ?
|
|
552
|
+
<div class="${c}--menu-item__selection-icon">
|
|
553
|
+
${this.ariaChecked === "true" ? T(V) : void 0}
|
|
553
554
|
</div>
|
|
554
555
|
|
|
555
|
-
<div class="${
|
|
556
|
+
<div class="${c}--menu-item__icon">
|
|
556
557
|
<slot name="render-icon"></slot>
|
|
557
558
|
</div>
|
|
558
|
-
<div class="${
|
|
559
|
-
${n && !this.hasSubmenu ? p` <div class="${
|
|
559
|
+
<div class="${c}--menu-item__label">${i}</div>
|
|
560
|
+
${n && !this.hasSubmenu ? p` <div class="${c}--menu-item__shortcut">${n}</div> ` : p``}
|
|
560
561
|
${this.hasSubmenu ? p`
|
|
561
|
-
<div class="${
|
|
562
|
-
${
|
|
562
|
+
<div class="${c}--menu-item__shortcut">
|
|
563
|
+
${y ? T(W) : T(F)}
|
|
563
564
|
</div>
|
|
564
565
|
<cds-menu
|
|
565
|
-
className=${
|
|
566
|
+
className=${l}
|
|
566
567
|
size=${(s = (t = this.parentElement) === null || t === void 0 ? void 0 : t.getAttribute("size")) !== null && s !== void 0 ? s : A.LARGE}
|
|
567
568
|
?isChild="${this.hasSubmenu}"
|
|
568
569
|
label="${i}"
|
|
569
|
-
.open="${
|
|
570
|
-
.x="${
|
|
571
|
-
.y="${
|
|
570
|
+
.open="${d}"
|
|
571
|
+
.x="${u.x}"
|
|
572
|
+
.y="${u.y}">
|
|
572
573
|
<slot name="submenu"></slot>
|
|
573
574
|
</cds-menu>
|
|
574
575
|
` : p``}
|
|
@@ -577,28 +578,28 @@ let h = class extends L(L(_)) {
|
|
|
577
578
|
};
|
|
578
579
|
h.styles = S;
|
|
579
580
|
o([
|
|
580
|
-
|
|
581
|
+
O({ context: k })
|
|
581
582
|
], h.prototype, "context", void 0);
|
|
582
583
|
o([
|
|
583
|
-
|
|
584
|
+
r({ type: String })
|
|
584
585
|
], h.prototype, "label", void 0);
|
|
585
586
|
o([
|
|
586
|
-
|
|
587
|
+
r({ type: String })
|
|
587
588
|
], h.prototype, "shortcut", void 0);
|
|
588
589
|
o([
|
|
589
|
-
|
|
590
|
+
r({ type: Boolean })
|
|
590
591
|
], h.prototype, "disabled", void 0);
|
|
591
592
|
o([
|
|
592
|
-
|
|
593
|
+
r({ type: Boolean })
|
|
593
594
|
], h.prototype, "submenuOpen", void 0);
|
|
594
595
|
o([
|
|
595
|
-
|
|
596
|
+
r()
|
|
596
597
|
], h.prototype, "kind", void 0);
|
|
597
598
|
o([
|
|
598
|
-
|
|
599
|
+
r()
|
|
599
600
|
], h.prototype, "boundaries", void 0);
|
|
600
601
|
o([
|
|
601
|
-
|
|
602
|
+
r({ attribute: "aria-checked" })
|
|
602
603
|
], h.prototype, "ariaChecked", void 0);
|
|
603
604
|
o([
|
|
604
605
|
E()
|
|
@@ -622,18 +623,18 @@ o([
|
|
|
622
623
|
C("keydown")
|
|
623
624
|
], h.prototype, "handleKeyDown", null);
|
|
624
625
|
h = o([
|
|
625
|
-
w(`${
|
|
626
|
+
w(`${c}-menu-item`)
|
|
626
627
|
], h);
|
|
627
|
-
let
|
|
628
|
+
let B = class extends z {
|
|
628
629
|
connectedCallback() {
|
|
629
630
|
this.hasAttribute("role") || this.setAttribute("role", "separator"), super.connectedCallback();
|
|
630
631
|
}
|
|
631
632
|
};
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
w(`${
|
|
635
|
-
],
|
|
636
|
-
let
|
|
633
|
+
B.styles = S;
|
|
634
|
+
B = o([
|
|
635
|
+
w(`${c}-menu-item-divider`)
|
|
636
|
+
], B);
|
|
637
|
+
let D = class extends z {
|
|
637
638
|
render() {
|
|
638
639
|
const { label: e } = this;
|
|
639
640
|
return p`
|
|
@@ -643,14 +644,14 @@ let I = class extends _ {
|
|
|
643
644
|
`;
|
|
644
645
|
}
|
|
645
646
|
};
|
|
646
|
-
|
|
647
|
-
o([
|
|
648
|
-
|
|
649
|
-
],
|
|
650
|
-
|
|
651
|
-
w(`${
|
|
652
|
-
],
|
|
653
|
-
let b = class extends
|
|
647
|
+
D.styles = S;
|
|
648
|
+
o([
|
|
649
|
+
r({ type: String })
|
|
650
|
+
], D.prototype, "label", void 0);
|
|
651
|
+
D = o([
|
|
652
|
+
w(`${c}-menu-item-group`)
|
|
653
|
+
], D);
|
|
654
|
+
let b = class extends z {
|
|
654
655
|
constructor() {
|
|
655
656
|
super(...arguments), this.selected = !1, this._handleClick = (e) => {
|
|
656
657
|
this.selected = !this.selected;
|
|
@@ -671,14 +672,14 @@ let b = class extends _ {
|
|
|
671
672
|
* The name of the custom event fired when the selection state changes.
|
|
672
673
|
*/
|
|
673
674
|
static get eventOnChange() {
|
|
674
|
-
return `${
|
|
675
|
+
return `${c}-item-changed`;
|
|
675
676
|
}
|
|
676
677
|
connectedCallback() {
|
|
677
678
|
super.connectedCallback(), this.addEventListener("keydown", this._handleKeydown);
|
|
678
679
|
}
|
|
679
680
|
firstUpdated() {
|
|
680
681
|
var e;
|
|
681
|
-
const t = (e = this.shadowRoot) === null || e === void 0 ? void 0 : e.querySelector(`${
|
|
682
|
+
const t = (e = this.shadowRoot) === null || e === void 0 ? void 0 : e.querySelector(`${c}-menu-item`);
|
|
682
683
|
t && t.addEventListener("keydown", this._handleKeydown), this.context.updateFromChild({ hasSelectableItems: !0 });
|
|
683
684
|
}
|
|
684
685
|
render() {
|
|
@@ -686,7 +687,7 @@ let b = class extends _ {
|
|
|
686
687
|
return p`
|
|
687
688
|
<cds-menu-item
|
|
688
689
|
label="${e}"
|
|
689
|
-
class="${
|
|
690
|
+
class="${c}--menu-item-selectable--selected"
|
|
690
691
|
role="menuitemcheckbox"
|
|
691
692
|
shortcut=${this.shortcut}
|
|
692
693
|
aria-checked="${t}"
|
|
@@ -696,27 +697,27 @@ let b = class extends _ {
|
|
|
696
697
|
`;
|
|
697
698
|
}
|
|
698
699
|
};
|
|
699
|
-
b.shadowRootOptions = Object.assign(Object.assign({},
|
|
700
|
+
b.shadowRootOptions = Object.assign(Object.assign({}, z.shadowRootOptions), { delegatesFocus: !0 });
|
|
700
701
|
b.styles = S;
|
|
701
702
|
o([
|
|
702
|
-
|
|
703
|
+
O({ context: k })
|
|
703
704
|
], b.prototype, "context", void 0);
|
|
704
705
|
o([
|
|
705
|
-
|
|
706
|
+
r({ type: String })
|
|
706
707
|
], b.prototype, "label", void 0);
|
|
707
708
|
o([
|
|
708
|
-
|
|
709
|
+
r({ type: Boolean })
|
|
709
710
|
], b.prototype, "selected", void 0);
|
|
710
711
|
o([
|
|
711
|
-
|
|
712
|
+
r()
|
|
712
713
|
], b.prototype, "renderIcon", void 0);
|
|
713
714
|
o([
|
|
714
|
-
|
|
715
|
+
r()
|
|
715
716
|
], b.prototype, "shortcut", void 0);
|
|
716
717
|
b = o([
|
|
717
|
-
w(`${
|
|
718
|
+
w(`${c}-menu-item-selectable`)
|
|
718
719
|
], b);
|
|
719
|
-
let
|
|
720
|
+
let x = class extends z {
|
|
720
721
|
constructor() {
|
|
721
722
|
super(...arguments), this.items = [];
|
|
722
723
|
}
|
|
@@ -724,7 +725,7 @@ let z = class extends _ {
|
|
|
724
725
|
* The name of the custom event fired when the selection state changes.
|
|
725
726
|
*/
|
|
726
727
|
static get eventOnChange() {
|
|
727
|
-
return `${
|
|
728
|
+
return `${c}-item-changed`;
|
|
728
729
|
}
|
|
729
730
|
firstUpdated() {
|
|
730
731
|
this.context.updateFromChild({ hasSelectableItems: !0 }), this.addEventListener("click", (e) => {
|
|
@@ -741,7 +742,7 @@ let z = class extends _ {
|
|
|
741
742
|
});
|
|
742
743
|
}
|
|
743
744
|
updated(e) {
|
|
744
|
-
e.has("selectedItem") && this.querySelectorAll(`${
|
|
745
|
+
e.has("selectedItem") && this.querySelectorAll(`${c}-menu-item`).forEach((t) => {
|
|
745
746
|
t === this.selectedItem ? t.setAttribute("aria-checked", "true") : t.setAttribute("aria-checked", "false");
|
|
746
747
|
});
|
|
747
748
|
}
|
|
@@ -754,22 +755,22 @@ let z = class extends _ {
|
|
|
754
755
|
`;
|
|
755
756
|
}
|
|
756
757
|
};
|
|
757
|
-
|
|
758
|
+
x.styles = S;
|
|
758
759
|
o([
|
|
759
|
-
|
|
760
|
-
],
|
|
760
|
+
O({ context: k })
|
|
761
|
+
], x.prototype, "context", void 0);
|
|
761
762
|
o([
|
|
762
|
-
|
|
763
|
-
],
|
|
763
|
+
r({ type: String })
|
|
764
|
+
], x.prototype, "label", void 0);
|
|
764
765
|
o([
|
|
765
|
-
|
|
766
|
-
],
|
|
766
|
+
r({ type: Array })
|
|
767
|
+
], x.prototype, "items", void 0);
|
|
767
768
|
o([
|
|
768
|
-
|
|
769
|
-
],
|
|
769
|
+
r({ type: String, attribute: !0 })
|
|
770
|
+
], x.prototype, "selectedItem", void 0);
|
|
770
771
|
o([
|
|
771
|
-
|
|
772
|
-
],
|
|
773
|
-
|
|
774
|
-
w(`${
|
|
775
|
-
],
|
|
772
|
+
r()
|
|
773
|
+
], x.prototype, "itemToString", void 0);
|
|
774
|
+
x = o([
|
|
775
|
+
w(`${c}-menu-item-radio-group`)
|
|
776
|
+
], x);
|