@trintel/zooy 1.0.1-beta.1 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -4
- package/dist/chunks/button--cIzwEQA.js +66 -0
- package/dist/chunks/button-i6QyRwAM.js +272 -0
- package/dist/chunks/{button-skeleton-BcyctpC3.js → button-skeleton-Bk2Vw5Mq.js} +1 -1
- package/dist/chunks/{button-skeleton-DEmHtnd8.js → button-skeleton-D2TeTVpP.js} +5 -5
- package/dist/chunks/checkbox-Dyh34VfG.js +201 -0
- package/dist/chunks/checkbox-atdz21pu.js +40 -0
- package/dist/chunks/{class-map-Dt10N9TS.js → class-map-CziJvhVR.js} +1 -1
- package/dist/chunks/{class-map-emHvptF6.js → class-map-hWNVHb09.js} +1 -1
- package/dist/chunks/collection-helpers-Bk68Vaau.js +7 -0
- package/dist/chunks/collection-helpers-afBvMQaC.js +1 -0
- package/dist/chunks/content-switcher-item-88PWpM2j.js +27 -0
- package/dist/chunks/content-switcher-item-CpNfKVu-.js +351 -0
- package/dist/chunks/defs-C88lSWuJ.js +1 -0
- package/dist/chunks/defs-Do0OvCKd.js +1165 -0
- package/dist/chunks/dropdown-item-CDbnp5_k.js +621 -0
- package/dist/chunks/dropdown-item-CRyAm4Ku.js +69 -0
- package/dist/chunks/{focus-Dty12qxz.js → focus-B3iymVyL.js} +1 -1
- package/dist/chunks/{focus-Cyj1QfBL.js → focus-WnKGH_xB.js} +1 -1
- package/dist/chunks/{icon-loader-C2EqV5wJ.js → icon-loader-C3acLKRm.js} +1 -1
- package/dist/chunks/{icon-loader-DS-X84Yz.js → icon-loader-CsKt-G8D.js} +1 -1
- package/dist/chunks/{icon-loader-utils-B6kq3DHp.js → icon-loader-utils-DKbXKLDh.js} +1 -1
- package/dist/chunks/{icon-loader-utils-BIiU-zGK.js → icon-loader-utils-DXGGCFfD.js} +1 -1
- package/dist/chunks/{if-defined--xXVpdta.js → if-defined-D2rCHx2p.js} +1 -1
- package/dist/chunks/{if-defined-CFTJFEK6.js → if-defined-uehgcl8e.js} +1 -1
- package/dist/chunks/if-non-empty-BEpfFFDX.js +1 -0
- package/dist/chunks/{if-non-empty-0zvrDGPr.js → if-non-empty-CcwduEjT.js} +1 -1
- package/dist/chunks/index--Q3NhIVC.js +26 -0
- package/dist/chunks/index-B16kSrMy.js +259 -0
- package/dist/chunks/index-B6vimuhF.js +74 -0
- package/dist/chunks/index-B8fGrrzJ.js +235 -0
- package/dist/chunks/index-BEDYiyp9.js +15 -0
- package/dist/chunks/{index-BKsBoGOO.js → index-BEyCs2cc.js} +147 -135
- package/dist/chunks/index-BIJ3miZu.js +103 -0
- package/dist/chunks/index-BIvyXnIe.js +62 -0
- package/dist/chunks/{index-C6SudlSp.js → index-BMJjuXme.js} +1 -1
- package/dist/chunks/{index-B3EmHaO7.js → index-BMNd2Qad.js} +5 -5
- package/dist/chunks/{index-TCPPpE9b.js → index-BMNv7Afr.js} +1 -1
- package/dist/chunks/index-BMzAaQhy.js +52 -0
- package/dist/chunks/index-BODxU-Mu.js +455 -0
- package/dist/chunks/{index-CZ2kGMvF.js → index-BPRteboN.js} +6 -6
- package/dist/chunks/{index-1G2UuijG.js → index-BTUYIkmg.js} +9 -9
- package/dist/chunks/index-BUcMLg1n.js +35 -0
- package/dist/chunks/index-BVpkxHll.js +15 -0
- package/dist/chunks/index-BWBjCDwY.js +79 -0
- package/dist/chunks/index-BYHXKkvf.js +381 -0
- package/dist/chunks/index-BeKAg3cB.js +65 -0
- package/dist/chunks/index-Bgo3KCFI.js +364 -0
- package/dist/chunks/{index-DXoeeipa.js → index-Bh3jqbKV.js} +6 -6
- package/dist/chunks/{index-Ci2M9li9.js → index-Bk2MEnMu.js} +181 -182
- package/dist/chunks/index-BlAm81hv.js +79 -0
- package/dist/chunks/index-Bp5LwA_m.js +75 -0
- package/dist/chunks/index-BqExj5O7.js +158 -0
- package/dist/chunks/index-BrqEja9V.js +452 -0
- package/dist/chunks/{index-h66Bp4Cx.js → index-BtPiuBUm.js} +1 -1
- package/dist/chunks/index-Bu6R2tix.js +22 -0
- package/dist/chunks/index-Bug3BjgA.js +71 -0
- package/dist/chunks/index-BwhAoVy-.js +254 -0
- package/dist/chunks/index-BxGUZ-qP.js +17 -0
- package/dist/chunks/index-ByNfpHAO.js +368 -0
- package/dist/chunks/index-Byf_K1x1.js +111 -0
- package/dist/chunks/index-C-P030e_.js +260 -0
- package/dist/chunks/{index-BhJiw5Wx.js → index-C1Eehpcx.js} +1 -1
- package/dist/chunks/index-C4GpRDm7.js +15 -0
- package/dist/chunks/{index-Bd60xpxv.js → index-C5b2680a.js} +1 -1
- package/dist/chunks/{index-Df3VILTD.js → index-C5s9Z5Ou.js} +4 -4
- package/dist/chunks/index-C9HJjC2j.js +3 -0
- package/dist/chunks/index-CFG5exAl.js +19 -0
- package/dist/chunks/index-CHIQ4wsM.js +57 -0
- package/dist/chunks/index-CO_QGXLN.js +881 -0
- package/dist/chunks/index-CPLpCt6z.js +30 -0
- package/dist/chunks/{index-CArtDXbg.js → index-CP_zaIyv.js} +1 -1
- package/dist/chunks/index-CPzh43Kr.js +45 -0
- package/dist/chunks/{index-B1YLd9rD.js → index-CTEnXoVq.js} +1 -1
- package/dist/chunks/{index-CmA3uuMd.js → index-CUI3NPWg.js} +1 -1
- package/dist/chunks/{index-CZwmnbDv.js → index-C_JOABLw.js} +1 -1
- package/dist/chunks/index-C_NhQPDA.js +27 -0
- package/dist/chunks/{index-Cl1_9l1N.js → index-CbiknV4d.js} +1 -1
- package/dist/chunks/{index-DEcgB0oH.js → index-CcK76f0I.js} +4 -4
- package/dist/chunks/{index-D1PpRn2p.js → index-Cd1j7Qp1.js} +40 -31
- package/dist/chunks/{index-LR7m5odx.js → index-Chyr-DU2.js} +3 -3
- package/dist/chunks/index-CjVvmbL6.js +22 -0
- package/dist/chunks/index-CsKII5mz.js +1 -0
- package/dist/chunks/index-CwpgmKTP.js +87 -0
- package/dist/chunks/index-CxJCioQg.js +77 -0
- package/dist/chunks/{index-CKBFfWOV.js → index-CyF5Kef-.js} +7 -7
- package/dist/chunks/index-CyR413wv.js +511 -0
- package/dist/chunks/{index-C3LD0iwa.js → index-CyvZ9jxn.js} +12 -12
- package/dist/chunks/index-Czs-UAWh.js +129 -0
- package/dist/chunks/{index-DocEKbBo.js → index-D-iqTNbL.js} +5 -5
- package/dist/chunks/index-D9nVgUNo.js +121 -0
- package/dist/chunks/{index-BJHILyIN.js → index-DDUqY4Rl.js} +3 -3
- package/dist/chunks/index-DEdeVoZn.js +42 -0
- package/dist/chunks/index-DEtGo4Q7.js +150 -0
- package/dist/chunks/{index-RlFlo7pl.js → index-DGvLgX2O.js} +1 -1
- package/dist/chunks/{index-cMdyiXPa.js → index-DGvVa-5J.js} +1 -1
- package/dist/chunks/index-DIg4fP-p.js +683 -0
- package/dist/chunks/index-DNkLJEg1.js +1604 -0
- package/dist/chunks/index-DPCfOgTU.js +89 -0
- package/dist/chunks/index-DPnGRDRl.js +1 -0
- package/dist/chunks/index-DQ4Y-fiZ.js +150 -0
- package/dist/chunks/{index-DkUS58Ay.js → index-DSMPUWJU.js} +14 -14
- package/dist/chunks/{index-Clei4V9i.js → index-DSgb2u7b.js} +1 -1
- package/dist/chunks/index-DTadLLRG.js +160 -0
- package/dist/chunks/index-DTtMSAgV.js +25 -0
- package/dist/chunks/index-DX2JlRat.js +12 -0
- package/dist/chunks/index-DZrmJ7Ll.js +243 -0
- package/dist/chunks/{index-CYg05Ph9.js → index-DdkIREYU.js} +4 -4
- package/dist/chunks/index-DkphY0sd.js +46 -0
- package/dist/chunks/index-Do9f8Pwe.js +45 -0
- package/dist/chunks/index-Dr4evLL7.js +414 -0
- package/dist/chunks/{index-BG3BMHhy.js → index-DwCXQC7X.js} +3 -3
- package/dist/chunks/index-DwDG_y9_.js +58 -0
- package/dist/chunks/index-F2zwTZm1.js +19 -0
- package/dist/chunks/index-HbS1lUW6.js +12 -0
- package/dist/chunks/index-LtB-4-X9.js +1 -0
- package/dist/chunks/index-QuyEX50y.js +49 -0
- package/dist/chunks/{index-CYpHcMws.js → index-WpBhhuED.js} +4 -4
- package/dist/chunks/{index-DQZqjZ8k.js → index-d0CqW2Cm.js} +7 -7
- package/dist/chunks/{index-C_Xg4nHN.js → index-el9l-ZQy.js} +7 -7
- package/dist/chunks/index-gfbRBI-d.js +1 -0
- package/dist/chunks/index-hhX-bWEv.js +252 -0
- package/dist/chunks/{index-Dl6HFhg1.js → index-jdx-M5Y-.js} +1 -1
- package/dist/chunks/index-nfJ9ioGW.js +406 -0
- package/dist/chunks/{index-BQNhvN2i.js → index-oS8XvY4G.js} +4 -4
- package/dist/chunks/index-t9TINCcm.js +563 -0
- package/dist/chunks/index-tQGRhvw0.js +337 -0
- package/dist/chunks/index-tdmIA8Xp.js +291 -0
- package/dist/chunks/index-w027CjA0.js +81 -0
- package/dist/chunks/index-wgp15jn2.js +188 -0
- package/dist/chunks/index-xipeWGGU.js +2 -0
- package/dist/chunks/{loading-icon-D7mJr3sa.js → loading-icon-CN-iehcR.js} +2 -2
- package/dist/chunks/{loading-icon-Bw73Z2Lq.js → loading-icon-q__8yLZw.js} +1 -1
- package/dist/chunks/main-BPWCMI5R.js +65 -0
- package/dist/chunks/{main-DTOZMPON.js → main-BywCEBtD.js} +1437 -1031
- package/dist/chunks/{property-C5teVlku.js → property-DCTz3KPt.js} +1 -1
- package/dist/chunks/{property-Coy6Dag6.js → property-DzfJpYmn.js} +1 -1
- package/dist/chunks/{register-BO2Fr57T.js → register-B4yRiHm6.js} +1 -1
- package/dist/chunks/register-C3XDWad0.js +1618 -0
- package/dist/chunks/{register-CHuMnx--.js → register-CyNp_638.js} +1 -1
- package/dist/chunks/register-DpOrINOx.js +1 -0
- package/dist/chunks/search-BCJx6Xft.js +240 -0
- package/dist/chunks/search-CzmoEHwa.js +30 -0
- package/dist/chunks/select-0jyl720Y.js +357 -0
- package/dist/chunks/select-DC0T8Fw_.js +76 -0
- package/dist/chunks/{settings-NO9fjW0P.js → settings-Bgpv8zuU.js} +2 -0
- package/dist/chunks/{settings-Dy9UPb4i.js → settings-jvP7vP60.js} +2 -0
- package/dist/chunks/{state-BFc9dfyj.js → state-BiEAGUqO.js} +1 -1
- package/dist/chunks/{state-C2XTwLOv.js → state-DJQLwKiU.js} +1 -1
- package/dist/chunks/text-input-BGuFqOdN.js +372 -0
- package/dist/chunks/text-input-BPvBDzky.js +68 -0
- package/dist/chunks/tooltip-content-BOefn0hU.js +3 -0
- package/dist/chunks/tooltip-content-CWdOnBaw.js +135 -0
- package/dist/chunks/{unsafe-html-H7RRvoR7.js → unsafe-html-Bi2pB4Lb.js} +1 -1
- package/dist/chunks/{unsafe-html-9YCxB3h1.js → unsafe-html-xqClX-6M.js} +1 -1
- package/dist/zooy.cjs.js +1 -1
- package/dist/zooy.es.js +11 -11
- package/package.json +2 -2
- package/src/sass/carbon.scss +78 -4
- package/src/sass/panels.scss +263 -377
- package/src/sass/split.scss +0 -13
- package/dist/chunks/button-CgQW6Alg.js +0 -272
- package/dist/chunks/button-CnwdjMNF.js +0 -66
- package/dist/chunks/checkbox-Bt024Adv.js +0 -40
- package/dist/chunks/checkbox-D2LeqAn8.js +0 -201
- package/dist/chunks/collection-helpers-BwUB2CEz.js +0 -8
- package/dist/chunks/collection-helpers-CYLIiyii.js +0 -1
- package/dist/chunks/content-switcher-item-D6gOZCuS.js +0 -351
- package/dist/chunks/content-switcher-item-Dtv8UD1x.js +0 -27
- package/dist/chunks/defs-DMmigODC.js +0 -1077
- package/dist/chunks/defs-DPD20sPK.js +0 -1
- package/dist/chunks/dropdown-item-BDRUe-IF.js +0 -621
- package/dist/chunks/dropdown-item-DNLmqxnr.js +0 -69
- package/dist/chunks/if-non-empty-BIwvmklX.js +0 -1
- package/dist/chunks/index-21j_5emj.js +0 -35
- package/dist/chunks/index-82K_ozYZ.js +0 -455
- package/dist/chunks/index-B4JPT-gj.js +0 -683
- package/dist/chunks/index-B5-56fkV.js +0 -62
- package/dist/chunks/index-B612bWya.js +0 -58
- package/dist/chunks/index-B8nOkbPA.js +0 -77
- package/dist/chunks/index-BAEdnwkZ.js +0 -25
- package/dist/chunks/index-BAMMtRO9.js +0 -214
- package/dist/chunks/index-BC-p6lrw.js +0 -337
- package/dist/chunks/index-BEOc7JG-.js +0 -16
- package/dist/chunks/index-BHWaezgU.js +0 -259
- package/dist/chunks/index-BNjgzCq_.js +0 -1
- package/dist/chunks/index-BTND2b3S.js +0 -19
- package/dist/chunks/index-BZmOT6Xm.js +0 -89
- package/dist/chunks/index-B_C9vt_w.js +0 -30
- package/dist/chunks/index-B_JMGygD.js +0 -188
- package/dist/chunks/index-Bl6sE0-K.js +0 -1
- package/dist/chunks/index-BmvLxuoI.js +0 -16
- package/dist/chunks/index-BwMEAhRr.js +0 -2
- package/dist/chunks/index-BwOJ4JFm.js +0 -1604
- package/dist/chunks/index-BzmpjZ1o.js +0 -26
- package/dist/chunks/index-C06cFvgb.js +0 -406
- package/dist/chunks/index-C4JzGVcF.js +0 -49
- package/dist/chunks/index-C5nYdcCH.js +0 -875
- package/dist/chunks/index-C6WHuZdF.js +0 -79
- package/dist/chunks/index-C8YWVLB0.js +0 -128
- package/dist/chunks/index-C8miW4lw.js +0 -364
- package/dist/chunks/index-CDNshf0_.js +0 -57
- package/dist/chunks/index-CFYfFa1Z.js +0 -235
- package/dist/chunks/index-CJZtiqY-.js +0 -22
- package/dist/chunks/index-CMD0FIe-.js +0 -41
- package/dist/chunks/index-COcNpxlj.js +0 -87
- package/dist/chunks/index-CUTw26ex.js +0 -368
- package/dist/chunks/index-CUd_43Fv.js +0 -414
- package/dist/chunks/index-CXgbBzE5.js +0 -252
- package/dist/chunks/index-C_S3O2rJ.js +0 -79
- package/dist/chunks/index-CbuopDOc.js +0 -1
- package/dist/chunks/index-CcxiTkam.js +0 -150
- package/dist/chunks/index-Ce9jg1n7.js +0 -15
- package/dist/chunks/index-CfLbYyk0.js +0 -3
- package/dist/chunks/index-CkMd-UJg.js +0 -52
- package/dist/chunks/index-Co5m8M3y.js +0 -12
- package/dist/chunks/index-CoPuejcu.js +0 -511
- package/dist/chunks/index-Cq6Vdh__.js +0 -215
- package/dist/chunks/index-Cwe1NunF.js +0 -46
- package/dist/chunks/index-D1OTs_P5.js +0 -1
- package/dist/chunks/index-D3ldTviC.js +0 -150
- package/dist/chunks/index-DBvXH68A.js +0 -26
- package/dist/chunks/index-DC7qmnoW.js +0 -74
- package/dist/chunks/index-DDRkmmQp.js +0 -156
- package/dist/chunks/index-DH9eR0DH.js +0 -32
- package/dist/chunks/index-DLUPGsWM.js +0 -71
- package/dist/chunks/index-D_pgjOiX.js +0 -81
- package/dist/chunks/index-DktSeVhc.js +0 -563
- package/dist/chunks/index-Dqe5xXlT.js +0 -160
- package/dist/chunks/index-DuGskRLI.js +0 -243
- package/dist/chunks/index-DyoG-yF-.js +0 -75
- package/dist/chunks/index-E_bjKqnf.js +0 -15
- package/dist/chunks/index-GRYR4d36.js +0 -394
- package/dist/chunks/index-H-w5fBQG.js +0 -65
- package/dist/chunks/index-HvLIPR2y.js +0 -291
- package/dist/chunks/index-OhwD9m-A.js +0 -12
- package/dist/chunks/index-XTPnXw_W.js +0 -45
- package/dist/chunks/index-ZyhwV5v-.js +0 -452
- package/dist/chunks/index-cFX6zBu4.js +0 -19
- package/dist/chunks/index-fghrBFfu.js +0 -103
- package/dist/chunks/index-wTRaGtNG.js +0 -45
- package/dist/chunks/index-wigDmvr8.js +0 -121
- package/dist/chunks/index-y_a1ZQAA.js +0 -111
- package/dist/chunks/main-A63e59aD.js +0 -67
- package/dist/chunks/register-B533U9U9.js +0 -1
- package/dist/chunks/register-ClkXTZwT.js +0 -1383
- package/dist/chunks/search-CsRC23Cp.js +0 -240
- package/dist/chunks/search-DsyFfaxl.js +0 -30
- package/dist/chunks/select-BoaR85ix.js +0 -76
- package/dist/chunks/select-CKe8zwIo.js +0 -357
- package/dist/chunks/text-input-BuK8MjZG.js +0 -68
- package/dist/chunks/text-input-D2BsjPTx.js +0 -372
- package/dist/chunks/tooltip-content-B6aAm7Zu.js +0 -3
- package/dist/chunks/tooltip-content-DXrPA6JW.js +0 -135
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
"use strict";const t=require("./tslib.es6-B07k2eac.js"),i=require("./main-BPWCMI5R.js"),a=require("./property-DCTz3KPt.js"),w=require("./state-BiEAGUqO.js"),$=require("./query-Dh8joWcT.js"),d=require("./settings-Bgpv8zuU.js"),C=require("./icon-loader-CsKt-G8D.js"),S=require("./16-Dlq3qxDh.js"),z=require("./focus-B3iymVyL.js"),u=require("./host-listener-rUcT_LUW.js"),x=require("./host-listener-gxrTpxgv.js"),m=require("./carbon-element-CbfPUYRT.js");require("./tooltip-content-BOefn0hU.js");require("./index-CTEnXoVq.js");const D=require("./class-map-CziJvhVR.js");var h;(function(c){c.LARGE="lg",c.MEDIUM="md",c.SMALL="sm"})(h||(h={}));var f;(function(c){c.RED="red",c.MAGENTA="magenta",c.PURPLE="purple",c.BLUE="blue",c.CYAN="cyan",c.TEAL="teal",c.GREEN="green",c.GRAY="gray",c["COOL-GRAY"]="cool-gray",c["WARM-GRAY"]="warm-gray"})(f||(f={}));var y=i.i$1(['@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,:host(cds-dismissible-tag[size=sm]),:host(cds-tag-skeleton[size=sm]),:host(cds-tag[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,:host(cds-dismissible-tag),:host(cds-tag),:host(cds-tag-skeleton){--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,:host(cds-dismissible-tag[size=lg]),:host(cds-tag-skeleton[size=lg]),:host(cds-tag[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--popover-container{display:inline-block}.cds--popover-container:not(.cds--popover--auto-align){position:relative}.cds--popover--high-contrast .cds--popover{--cds-popover-background-color:var(--cds-background-inverse,#393939);--cds-popover-text-color:var(--cds-text-inverse,#fff)}.cds--popover--drop-shadow .cds--popover{filter:var(--cds-popover-drop-shadow,drop-shadow(0 .125rem .125rem rgba(0,0,0,.2)))}.cds--popover--border>.cds--popover>.cds--popover-content{outline:1px solid var(--cds-popover-border-color,var(--cds-border-subtle));outline-offset:-1px}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover{inset:0;pointer-events:none;position:absolute;z-index:6000}.cds--popover-content{--cds-layout-size-height-sm:2rem}.cds--layout--size-sm :where(.cds--popover-content),.cds--popover-content.cds--layout--size-sm,:host(cds-dismissible-tag[size=sm]) :where(.cds--popover-content),:host(cds-tag-skeleton[size=sm]) :where(.cds--popover-content),:host(cds-tag[size=sm]) :where(.cds--popover-content){--cds-layout-size-height:var(--cds-layout-size-height-sm)}.cds--popover-content{--cds-layout-size-height-md:2.5rem}.cds--layout--size-md :where(.cds--popover-content),.cds--popover-content.cds--layout--size-md,:host(cds-dismissible-tag) :where(.cds--popover-content),:host(cds-tag) :where(.cds--popover-content),:host(cds-tag-skeleton) :where(.cds--popover-content){--cds-layout-size-height:var(--cds-layout-size-height-md)}.cds--popover-content{--cds-layout-size-height-lg:3rem}.cds--layout--size-lg :where(.cds--popover-content),.cds--popover-content.cds--layout--size-lg,:host(cds-dismissible-tag[size=lg]) :where(.cds--popover-content),:host(cds-tag-skeleton[size=lg]) :where(.cds--popover-content),:host(cds-tag[size=lg]) :where(.cds--popover-content){--cds-layout-size-height:var(--cds-layout-size-height-lg)}.cds--popover-content{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--popover-content *,.cds--popover-content :after,.cds--popover-content :before{box-sizing:inherit}.cds--popover-content{background-color:var(--cds-popover-background-color,var(--cds-layer));border-radius:var(--cds-popover-border-radius,2px);color:var(--cds-popover-text-color,var(--cds-text-primary,#161616));display:none;inline-size:-moz-max-content;inline-size:max-content;max-inline-size:23rem;pointer-events:auto;position:absolute;z-index:6000}.cds--popover--open>.cds--popover>.cds--popover-content{display:block}.cds--popover--background-token__background>.cds--popover>.cds--popover-content{background-color:var(--cds-background,#fff)}.cds--popover-content:before{content:"";display:none;position:absolute}.cds--popover--open>.cds--popover>.cds--popover-content:before{display:block}.cds--popover--auto-align.cds--popover-caret,.cds--popover-caret{display:none;position:absolute;will-change:transform;z-index:6000}.cds--popover--auto-align.cds--popover-caret:after,.cds--popover-caret:after{background-color:var(--cds-popover-background-color,var(--cds-layer));content:"";display:block;position:absolute}.cds--popover--auto-align.cds--popover-caret:before,.cds--popover-caret:before{background-color:var(--cds-popover-border-color,var(--cds-border-subtle));content:"";display:none;position:absolute}.cds--popover--background-token__background>.cds--popover>.cds--popover-caret:after{background-color:var(--cds-background,#fff)}.cds--popover--auto-align.cds--popover--caret.cds--popover--open>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--border .cds--popover--auto-align.cds--popover-caret:before,.cds--popover--border .cds--popover-caret:before,.cds--popover--caret.cds--popover--open>.cds--popover>.cds--popover-caret{display:block}.cds--popover--tab-tip>.cds--popover>.cds--popover-caret{display:none}.cds--popover--bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,calc(100% + var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{transform:translate(50%,calc(100% + var(--cds-popover-offset, 0rem)))}.cds--popover--bottom-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--bottom-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:0;inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(100% + var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--bottom-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--bottom-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));inset-inline-start:auto}.cds--popover--bottom-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--bottom-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:0;inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));transform:translate(var(--cds-popover-offset,0),calc(100% + var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--bottom-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--bottom-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem))}.cds--popover--bottom-end>.cds--popover>.cds--popover-content:before,.cds--popover--bottom-left>.cds--popover>.cds--popover-content:before,.cds--popover--bottom-right>.cds--popover>.cds--popover-content:before,.cds--popover--bottom-start>.cds--popover>.cds--popover-content:before,.cds--popover--bottom>.cds--popover>.cds--popover-content:before{block-size:var(--cds-popover-offset,0);inset-block-start:0;inset-inline:0;transform:translateY(-100%)}.cds--popover--bottom-end>.cds--popover>.cds--popover-caret,.cds--popover--bottom-left>.cds--popover>.cds--popover-caret,.cds--popover--bottom-right>.cds--popover>.cds--popover-caret,.cds--popover--bottom-start>.cds--popover>.cds--popover-caret,.cds--popover--bottom>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);inline-size:var(--cds-popover-caret-width,.75rem);inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,var(--cds-popover-offset,0))}.cds--popover--border.cds--popover--bottom-end>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-left>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-right>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-start>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom>.cds--popover>.cds--popover-caret:before,.cds--popover--bottom-end>.cds--popover>.cds--popover-caret:after,.cds--popover--bottom-left>.cds--popover>.cds--popover-caret:after,.cds--popover--bottom-right>.cds--popover>.cds--popover-caret:after,.cds--popover--bottom-start>.cds--popover>.cds--popover-caret:after,.cds--popover--bottom>.cds--popover>.cds--popover-caret:after{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 100%,50% 0,100% 100%);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--bottom-end>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-left>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-right>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-start>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom>.cds--popover>.cds--popover-caret:after{inline-size:calc(var(--cds-popover-caret-width, .75rem) - 1px);inset-block-start:1px;inset-inline-start:.5px}[dir=rtl] .cds--popover--bottom-end>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-left>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-right>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-start>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom>.cds--popover>.cds--popover-caret{transform:translate(50%,var(--cds-popover-offset,0))}.cds--popover--bottom-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--bottom-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--bottom-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--bottom-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--bottom-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--bottom-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 100%,50% 0,100% 100%);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--bottom-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inline-size:calc(var(--cds-popover-caret-width, .75rem) - 1px);inset-block-start:1px;inset-inline-start:.5px}.cds--popover--top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:0;inset-inline-start:50%;transform:translate(-50%,calc(-100% - var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{transform:translate(50%,calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--popover--top-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:0;inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(-100% - var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));inset-inline-start:auto}.cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--top-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:0;inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));transform:translate(var(--cds-popover-offset,0),calc(-100% - var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem))}.cds--popover--top-end>.cds--popover>.cds--popover-content:before,.cds--popover--top-left>.cds--popover>.cds--popover-content:before,.cds--popover--top-right>.cds--popover>.cds--popover-content:before,.cds--popover--top-start>.cds--popover>.cds--popover-content:before,.cds--popover--top>.cds--popover>.cds--popover-content:before{block-size:var(--cds-popover-offset,0);inset-block-end:0;inset-inline:0;transform:translateY(100%)}.cds--popover--top-end>.cds--popover>.cds--popover-caret,.cds--popover--top-left>.cds--popover>.cds--popover-caret,.cds--popover--top-right>.cds--popover>.cds--popover-caret,.cds--popover--top-start>.cds--popover>.cds--popover-caret,.cds--popover--top>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);inline-size:var(--cds-popover-caret-width,.75rem);inset-block-start:0;inset-inline-start:50%;transform:translate(-50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--popover--border.cds--popover--top-end>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-left>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-right>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-start>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--top>.cds--popover>.cds--popover-caret:before,.cds--popover--top-end>.cds--popover>.cds--popover-caret:after,.cds--popover--top-left>.cds--popover>.cds--popover-caret:after,.cds--popover--top-right>.cds--popover>.cds--popover-caret:after,.cds--popover--top-start>.cds--popover>.cds--popover-caret:after,.cds--popover--top>.cds--popover>.cds--popover-caret:after{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 0,50% 100%,100% 0);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--top-end>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-left>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-right>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-start>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--top>.cds--popover>.cds--popover-caret:after{inline-size:calc(var(--cds-popover-caret-width, .75rem) - 1px);inset-block-start:-1px;inset-inline-start:.5px}[dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{transform:translate(50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--popover--top-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--top-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--top-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--top-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--top-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--top-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 0,50% 100%,100% 0);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--top-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inline-size:calc(var(--cds-popover-caret-width, .75rem) - 1px);inset-block-start:-1px;inset-inline-start:.5px}.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),-50%)}.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),calc(var(--cds-popover-offset, 0rem)*.5*-1 - 16px))}.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),calc(var(--cds-popover-offset, 0rem)*.5 + 16px))}[dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-end:100%;inset-inline-start:auto}.cds--popover--right-bottom>.cds--popover>.cds--popover-content:before,.cds--popover--right-end>.cds--popover>.cds--popover-content:before,.cds--popover--right-start>.cds--popover>.cds--popover-content:before,.cds--popover--right-top>.cds--popover>.cds--popover-content:before,.cds--popover--right>.cds--popover>.cds--popover-content:before{inline-size:var(--cds-popover-offset,0);inset-block:0;inset-inline-start:0;transform:translateX(-100%)}.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);inline-size:var(--cds-popover-caret-height,.375rem);inset-block-start:50%;inset-inline-start:100%;transform:translate(calc(var(--cds-popover-offset, 0rem) - 100%),-50%)}.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem)}[dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{inset-inline-end:100%;inset-inline-start:auto}.cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after{inset-inline-start:1px}[dir=rtl] .cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after{inset-inline-start:-1px}.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inset-inline-start:1px}[dir=rtl] .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,[dir=rtl] .cds--popover--border.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,[dir=rtl] .cds--popover--border.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,[dir=rtl] .cds--popover--border.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,[dir=rtl] .cds--popover--border.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before{margin-inline-start:1px}[dir=rtl] .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inset-inline-start:0}.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1 + .1px),-50%)}.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(var(--cds-popover-offset, 0rem)*-.5 - 16px))}.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(var(--cds-popover-offset, 0rem)*.5 + 16px))}[dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-end:auto;inset-inline-start:100%}.cds--popover--left-bottom>.cds--popover>.cds--popover-content:before,.cds--popover--left-end>.cds--popover>.cds--popover-content:before,.cds--popover--left-start>.cds--popover>.cds--popover-content:before,.cds--popover--left-top>.cds--popover>.cds--popover-content:before,.cds--popover--left>.cds--popover>.cds--popover-content:before{inline-size:var(--cds-popover-offset,0);inset-block:0;inset-inline-end:0;transform:translateX(100%)}.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);inline-size:var(--cds-popover-caret-height,.375rem);inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1 + 100%),-50%)}.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem)}[dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{inset-inline-end:auto;inset-inline-start:100%}.cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after{inset-inline-start:-1px}[dir=rtl] .cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after{inset-inline-start:1px}.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inset-inline-start:-1px}[dir=rtl] .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,[dir=rtl] .cds--popover--border.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,[dir=rtl] .cds--popover--border.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,[dir=rtl] .cds--popover--border.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,[dir=rtl] .cds--popover--border.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before{margin-inline-start:-1px}[dir=rtl] .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inset-inline-start:0}.cds--popover--tab-tip>.cds--popover>.cds--popover-content{border-radius:0}.cds--popover--tab-tip.cds--popover--bottom-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--tab-tip.cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--tab-tip.cds--popover--bottom-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--tab-tip.cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-start:0}.cds--popover--tab-tip.cds--popover--bottom-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--tab-tip.cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--tab-tip.cds--popover--bottom-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--tab-tip.cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-end:0;inset-inline-start:auto}.cds--popover--tab-tip .cds--popover{will-change:filter}.cds--popover--tab-tip__button{box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;vertical-align:baseline}.cds--popover--tab-tip__button *,.cds--popover--tab-tip__button :after,.cds--popover--tab-tip__button :before{box-sizing:inherit}.cds--popover--tab-tip__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;display:inline-block;inline-size:100%;padding:0;text-align:start}.cds--popover--tab-tip__button::-moz-focus-inner{border:0}.cds--popover--tab-tip__button{align-items:center;block-size:2rem;display:inline-flex;inline-size:2rem;justify-content:center;position:relative}.cds--popover--tab-tip__button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--popover--tab-tip__button:focus{outline-style:dotted}}.cds--popover--tab-tip__button:hover{background-color:var(--cds-layer-hover)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button{background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus):after{background:var(--cds-layer);block-size:2px;content:"";inline-size:100%;inset-block-end:0;position:absolute;z-index:6001}.cds--popover--tab-tip__button svg{fill:var(--cds-icon-primary,#161616)}.cds--tooltip{--cds-popover-offset:12px}.cds--tooltip-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);max-inline-size:18rem;overflow-wrap:break-word;padding:var(--cds-tooltip-padding-block,1rem) var(--cds-tooltip-padding-inline,1rem)}.cds--icon-tooltip,:host(cds-dismissible-tag) cds-tooltip{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.cds--icon-tooltip .cds--tooltip-content,:host(cds-dismissible-tag) cds-tooltip .cds--tooltip-content{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds--definition-term{box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;vertical-align:baseline}.cds--definition-term *,.cds--definition-term :after,.cds--definition-term :before{box-sizing:inherit}.cds--definition-term{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;display:inline-block;inline-size:100%;padding:0;text-align:start}.cds--definition-term::-moz-focus-inner{border:0}.cds--definition-term{border-block-end:1px dotted var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616)}.cds--definition-term:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--definition-term:focus{outline-style:dotted}}.cds--definition-term:focus,.cds--definition-term:hover{border-block-end-color:var(--cds-border-interactive,#0f62fe)}.cds--definition-tooltip{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);max-inline-size:11rem;padding:.5rem 1rem;text-wrap:auto;word-break:break-word}.cds--tag,:host(cds-dismissible-tag),:host(cds-tag){--cds-layout-size-height-xs:1.125rem}.cds--layout--size-xs :where(.cds--tag),.cds--tag.cds--layout--size-xs{--cds-layout-size-height:var(--cds-layout-size-height-xs)}.cds--tag,:host(cds-dismissible-tag),:host(cds-tag){--cds-layout-size-height-sm:1.125rem}.cds--layout--size-sm :where(.cds--tag),.cds--tag.cds--layout--size-sm,:host(cds-dismissible-tag):host(cds-dismissible-tag[size=sm]),:host(cds-dismissible-tag):host(cds-tag-skeleton[size=sm]),:host(cds-dismissible-tag[size=sm]) :where(.cds--tag),:host(cds-tag):host(cds-tag-skeleton[size=sm]),:host(cds-tag):host(cds-tag[size=sm]),:host(cds-tag-skeleton[size=sm]) :where(.cds--tag),:host(cds-tag[size=sm]) :where(.cds--tag){--cds-layout-size-height:var(--cds-layout-size-height-sm)}.cds--tag,:host(cds-dismissible-tag),:host(cds-tag){--cds-layout-size-height-md:1.5rem}.cds--layout--size-md :where(.cds--tag),.cds--tag.cds--layout--size-md,:host(cds-dismissible-tag),:host(cds-dismissible-tag) :where(.cds--tag),:host(cds-tag),:host(cds-tag) :where(.cds--tag),:host(cds-tag-skeleton) :where(.cds--tag){--cds-layout-size-height:var(--cds-layout-size-height-md)}.cds--tag,:host(cds-dismissible-tag),:host(cds-tag){--cds-layout-size-height-lg:2rem}.cds--layout--size-lg :where(.cds--tag),.cds--tag.cds--layout--size-lg,:host(cds-dismissible-tag):host(cds-dismissible-tag[size=lg]),:host(cds-dismissible-tag):host(cds-tag-skeleton[size=lg]),:host(cds-dismissible-tag[size=lg]) :where(.cds--tag),:host(cds-tag):host(cds-tag-skeleton[size=lg]),:host(cds-tag):host(cds-tag[size=lg]),:host(cds-tag-skeleton[size=lg]) :where(.cds--tag),:host(cds-tag[size=lg]) :where(.cds--tag){--cds-layout-size-height:var(--cds-layout-size-height-lg)}.cds--tag,:host(cds-dismissible-tag),:host(cds-tag){--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-sm)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#161616);font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds--tag.cds--tag--operational,:host(cds-operational-tag) cds-tag.cds--tag,:host(cds-operational-tag) cds-tag:host(cds-dismissible-tag),:host(cds-operational-tag) cds-tag:host(cds-tag){border:1px solid var(--cds-tag-background-gray,#e0e0e0)}.cds--tag.cds--tag--operational:hover,:host(cds-operational-tag) cds-tag.cds--tag:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds--tag .cds--tag__close-icon:hover,:host(cds-dismissible-tag) .cds--tag__close-icon:hover,:host(cds-tag) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds--tag .cds--definition-term .cds--tag__label,:host(cds-dismissible-tag) .cds--definition-term .cds--tag__label,:host(cds-tag) .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-gray,#161616)}.cds--tag,:host(cds-dismissible-tag),:host(cds-tag){align-items:center;border-radius:1rem;cursor:default;display:inline-flex;justify-content:center;max-inline-size:13rem;min-block-size:var(--cds-layout-size-height-local);min-inline-size:2rem;padding-inline:.5rem;vertical-align:middle;word-break:break-word}.cds--tag.cds--tag--lg,:host(cds-dismissible-tag):host(cds-dismissible-tag[size=lg]),:host(cds-dismissible-tag):host(cds-tag-skeleton[size=lg]),:host(cds-tag):host(cds-tag-skeleton[size=lg]),:host(cds-tag):host(cds-tag[size=lg]){padding-inline-start:.75rem}.cds--tag:has(.cds--tag__custom-icon,:host(cds-dismissible-tag) ::slotted([slot=icon]),:host(cds-tag) ::slotted([slot=icon])),:has(.cds--tag__custom-icon,:host(cds-dismissible-tag) ::slotted([slot=icon]),:host(cds-tag) ::slotted([slot=icon])):host(cds-dismissible-tag),:has(.cds--tag__custom-icon,:host(cds-dismissible-tag) ::slotted([slot=icon]),:host(cds-tag) ::slotted([slot=icon])):host(cds-tag){padding-inline-start:.25rem}.cds--tag.cds--tag--lg:not(.cds--tag--filter),:not(.cds--tag--filter):host(cds-dismissible-tag):host(cds-dismissible-tag[size=lg]),:not(.cds--tag--filter):host(cds-dismissible-tag):host(cds-tag-skeleton[size=lg]),:not(.cds--tag--filter):host(cds-tag):host(cds-tag-skeleton[size=lg]),:not(.cds--tag--filter):host(cds-tag):host(cds-tag[size=lg]){padding-inline:.75rem}.cds--tag.cds--tag--lg:has(.cds--tag__custom-icon,:host(cds-dismissible-tag) ::slotted([slot=icon]),:host(cds-tag) ::slotted([slot=icon])),:has(.cds--tag__custom-icon,:host(cds-dismissible-tag) ::slotted([slot=icon]),:host(cds-tag) ::slotted([slot=icon])):host(cds-dismissible-tag):host(cds-dismissible-tag[size=lg]),:has(.cds--tag__custom-icon,:host(cds-dismissible-tag) ::slotted([slot=icon]),:host(cds-tag) ::slotted([slot=icon])):host(cds-dismissible-tag):host(cds-tag-skeleton[size=lg]),:has(.cds--tag__custom-icon,:host(cds-dismissible-tag) ::slotted([slot=icon]),:host(cds-tag) ::slotted([slot=icon])):host(cds-tag):host(cds-tag-skeleton[size=lg]),:has(.cds--tag__custom-icon,:host(cds-dismissible-tag) ::slotted([slot=icon]),:host(cds-tag) ::slotted([slot=icon])):host(cds-tag):host(cds-tag[size=lg]){padding-inline-start:.5rem}.cds--tag:not(.cds--tag--selectable),:not(.cds--tag--selectable):host(cds-dismissible-tag),:not(.cds--tag--selectable):host(cds-tag){border:0}.cds--tag:not(:first-child),:not(:first-child):host(cds-dismissible-tag),:not(:first-child):host(cds-tag){margin-inline-start:0}.cds--tag--operational>span,.cds--tag--selectable>span,.cds--tag__label,:host(cds-operational-tag) cds-tag>span,:host(cds-selectable-tag) cds-tag>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--tag--interactive:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds--tag--filter,:host(cds-tag[filter]){padding-block:0;padding-inline-end:0}.cds--tag--filter:hover{outline:none}.cds--tag--selectable,:host(cds-selectable-tag) cds-tag{background-color:var(--cds-layer);border:1px solid var(--cds-border-inverse,#161616);color:var(--cds-text-primary,#161616);cursor:pointer}.cds--tag--selectable:hover,:host(cds-selectable-tag) cds-tag:hover{background-color:var(--cds-layer-hover);outline:none}.cds--tag--selectable:focus,:host(cds-selectable-tag) cds-tag:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds--tag--selectable-selected,:host(cds-selectable-tag[selected]) cds-tag{background-color:var(--cds-layer-selected-inverse,#161616);color:var(--cds-text-inverse,#fff)}.cds--tag--selectable-selected:hover,:host(cds-selectable-tag[selected]) cds-tag:hover{background-color:var(--cds-layer-selected-inverse,#161616)}.cds--tag--operational,:host(cds-operational-tag) cds-tag{background-color:var(--cds-tag-background-gray,#e0e0e0);border:1px solid var(--cds-tag-border-gray,#a8a8a8);color:var(--cds-tag-color-gray,#161616);cursor:pointer}.cds--tag--operational:hover,:host(cds-operational-tag) cds-tag:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1);outline:none}.cds--tag--operational:focus,:host(cds-operational-tag) cds-tag:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds--tag--red,:host(cds-dismissible-tag[type=red]:not([disabled])),:host(cds-operational-tag[type=red]:not([disabled])) cds-tag,:host(cds-tag[type=red]:not([disabled])){background-color:var(--cds-tag-background-red,#ffd7d9);color:var(--cds-tag-color-red,#a2191f)}.cds--tag--red.cds--tag--operational,:host(cds-operational-tag) cds-tag.cds--tag--red,:host(cds-operational-tag) cds-tag:host(cds-dismissible-tag[type=red]:not([disabled])),:host(cds-operational-tag) cds-tag:host(cds-tag[type=red]:not([disabled])),:host(cds-operational-tag[type=red]:not([disabled])):host(cds-operational-tag) cds-tag{border:1px solid var(--cds-tag-border-red,#ff8389)}.cds--tag--red.cds--tag--operational:hover,:host(cds-operational-tag) cds-tag.cds--tag--red:hover,:host(cds-operational-tag[type=red]:not([disabled])):host(cds-operational-tag) cds-tag:hover{background-color:var(--cds-tag-hover-red,#ffc2c5)}.cds--tag--red .cds--tag__close-icon:hover,:host(cds-dismissible-tag[type=red]:not([disabled])) .cds--tag__close-icon:hover,:host(cds-operational-tag[type=red]:not([disabled])) cds-tag .cds--tag__close-icon:hover,:host(cds-tag[type=red]:not([disabled])) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-red,#ffc2c5)}.cds--tag--red .cds--definition-term .cds--tag__label,:host(cds-dismissible-tag[type=red]:not([disabled])) .cds--definition-term .cds--tag__label,:host(cds-operational-tag[type=red]:not([disabled])) cds-tag .cds--definition-term .cds--tag__label,:host(cds-tag[type=red]:not([disabled])) .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-red,#a2191f)}.cds--tag--magenta,:host(cds-dismissible-tag[type=magenta]:not([disabled])),:host(cds-operational-tag[type=magenta]:not([disabled])) cds-tag,:host(cds-tag[type=magenta]:not([disabled])){background-color:var(--cds-tag-background-magenta,#ffd6e8);color:var(--cds-tag-color-magenta,#9f1853)}.cds--tag--magenta.cds--tag--operational,:host(cds-operational-tag) cds-tag.cds--tag--magenta,:host(cds-operational-tag) cds-tag:host(cds-dismissible-tag[type=magenta]:not([disabled])),:host(cds-operational-tag) cds-tag:host(cds-tag[type=magenta]:not([disabled])),:host(cds-operational-tag[type=magenta]:not([disabled])):host(cds-operational-tag) cds-tag{border:1px solid var(--cds-tag-border-magenta,#ff7eb6)}.cds--tag--magenta.cds--tag--operational:hover,:host(cds-operational-tag) cds-tag.cds--tag--magenta:hover,:host(cds-operational-tag[type=magenta]:not([disabled])):host(cds-operational-tag) cds-tag:hover{background-color:var(--cds-tag-hover-magenta,#ffbdda)}.cds--tag--magenta .cds--tag__close-icon:hover,:host(cds-dismissible-tag[type=magenta]:not([disabled])) .cds--tag__close-icon:hover,:host(cds-operational-tag[type=magenta]:not([disabled])) cds-tag .cds--tag__close-icon:hover,:host(cds-tag[type=magenta]:not([disabled])) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-magenta,#ffbdda)}.cds--tag--magenta .cds--definition-term .cds--tag__label,:host(cds-dismissible-tag[type=magenta]:not([disabled])) .cds--definition-term .cds--tag__label,:host(cds-operational-tag[type=magenta]:not([disabled])) cds-tag .cds--definition-term .cds--tag__label,:host(cds-tag[type=magenta]:not([disabled])) .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-magenta,#9f1853)}.cds--tag--purple,:host(cds-dismissible-tag[type=purple]:not([disabled])),:host(cds-operational-tag[type=purple]:not([disabled])) cds-tag,:host(cds-tag[type=purple]:not([disabled])){background-color:var(--cds-tag-background-purple,#e8daff);color:var(--cds-tag-color-purple,#6929c4)}.cds--tag--purple.cds--tag--operational,:host(cds-operational-tag) cds-tag.cds--tag--purple,:host(cds-operational-tag) cds-tag:host(cds-dismissible-tag[type=purple]:not([disabled])),:host(cds-operational-tag) cds-tag:host(cds-tag[type=purple]:not([disabled])),:host(cds-operational-tag[type=purple]:not([disabled])):host(cds-operational-tag) cds-tag{border:1px solid var(--cds-tag-border-purple,#be95ff)}.cds--tag--purple.cds--tag--operational:hover,:host(cds-operational-tag) cds-tag.cds--tag--purple:hover,:host(cds-operational-tag[type=purple]:not([disabled])):host(cds-operational-tag) cds-tag:hover{background-color:var(--cds-tag-hover-purple,#dcc7ff)}.cds--tag--purple .cds--tag__close-icon:hover,:host(cds-dismissible-tag[type=purple]:not([disabled])) .cds--tag__close-icon:hover,:host(cds-operational-tag[type=purple]:not([disabled])) cds-tag .cds--tag__close-icon:hover,:host(cds-tag[type=purple]:not([disabled])) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-purple,#dcc7ff)}.cds--tag--purple .cds--definition-term .cds--tag__label,:host(cds-dismissible-tag[type=purple]:not([disabled])) .cds--definition-term .cds--tag__label,:host(cds-operational-tag[type=purple]:not([disabled])) cds-tag .cds--definition-term .cds--tag__label,:host(cds-tag[type=purple]:not([disabled])) .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-purple,#6929c4)}.cds--tag--blue,:host(cds-dismissible-tag[type=blue]:not([disabled])),:host(cds-operational-tag[type=blue]:not([disabled])) cds-tag,:host(cds-tag[type=blue]:not([disabled])){background-color:var(--cds-tag-background-blue,#d0e2ff);color:var(--cds-tag-color-blue,#0043ce)}.cds--tag--blue.cds--tag--operational,:host(cds-operational-tag) cds-tag.cds--tag--blue,:host(cds-operational-tag) cds-tag:host(cds-dismissible-tag[type=blue]:not([disabled])),:host(cds-operational-tag) cds-tag:host(cds-tag[type=blue]:not([disabled])),:host(cds-operational-tag[type=blue]:not([disabled])):host(cds-operational-tag) cds-tag{border:1px solid var(--cds-tag-border-blue,#78a9ff)}.cds--tag--blue.cds--tag--operational:hover,:host(cds-operational-tag) cds-tag.cds--tag--blue:hover,:host(cds-operational-tag[type=blue]:not([disabled])):host(cds-operational-tag) cds-tag:hover{background-color:var(--cds-tag-hover-blue,#b8d3ff)}.cds--tag--blue .cds--tag__close-icon:hover,:host(cds-dismissible-tag[type=blue]:not([disabled])) .cds--tag__close-icon:hover,:host(cds-operational-tag[type=blue]:not([disabled])) cds-tag .cds--tag__close-icon:hover,:host(cds-tag[type=blue]:not([disabled])) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-blue,#b8d3ff)}.cds--tag--blue .cds--definition-term .cds--tag__label,:host(cds-dismissible-tag[type=blue]:not([disabled])) .cds--definition-term .cds--tag__label,:host(cds-operational-tag[type=blue]:not([disabled])) cds-tag .cds--definition-term .cds--tag__label,:host(cds-tag[type=blue]:not([disabled])) .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-blue,#0043ce)}.cds--tag--cyan,:host(cds-dismissible-tag[type=cyan]:not([disabled])),:host(cds-operational-tag[type=cyan]:not([disabled])) cds-tag,:host(cds-tag[type=cyan]:not([disabled])){background-color:var(--cds-tag-background-cyan,#bae6ff);color:var(--cds-tag-color-cyan,#00539a)}.cds--tag--cyan.cds--tag--operational,:host(cds-operational-tag) cds-tag.cds--tag--cyan,:host(cds-operational-tag) cds-tag:host(cds-dismissible-tag[type=cyan]:not([disabled])),:host(cds-operational-tag) cds-tag:host(cds-tag[type=cyan]:not([disabled])),:host(cds-operational-tag[type=cyan]:not([disabled])):host(cds-operational-tag) cds-tag{border:1px solid var(--cds-tag-border-cyan,#33b1ff)}.cds--tag--cyan.cds--tag--operational:hover,:host(cds-operational-tag) cds-tag.cds--tag--cyan:hover,:host(cds-operational-tag[type=cyan]:not([disabled])):host(cds-operational-tag) cds-tag:hover{background-color:var(--cds-tag-hover-cyan,#99daff)}.cds--tag--cyan .cds--tag__close-icon:hover,:host(cds-dismissible-tag[type=cyan]:not([disabled])) .cds--tag__close-icon:hover,:host(cds-operational-tag[type=cyan]:not([disabled])) cds-tag .cds--tag__close-icon:hover,:host(cds-tag[type=cyan]:not([disabled])) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-cyan,#99daff)}.cds--tag--cyan .cds--definition-term .cds--tag__label,:host(cds-dismissible-tag[type=cyan]:not([disabled])) .cds--definition-term .cds--tag__label,:host(cds-operational-tag[type=cyan]:not([disabled])) cds-tag .cds--definition-term .cds--tag__label,:host(cds-tag[type=cyan]:not([disabled])) .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-cyan,#00539a)}.cds--tag--teal,:host(cds-dismissible-tag[type=teal]:not([disabled])),:host(cds-operational-tag[type=teal]:not([disabled])) cds-tag,:host(cds-tag[type=teal]:not([disabled])){background-color:var(--cds-tag-background-teal,#9ef0f0);color:var(--cds-tag-color-teal,#005d5d)}.cds--tag--teal.cds--tag--operational,:host(cds-operational-tag) cds-tag.cds--tag--teal,:host(cds-operational-tag) cds-tag:host(cds-dismissible-tag[type=teal]:not([disabled])),:host(cds-operational-tag) cds-tag:host(cds-tag[type=teal]:not([disabled])),:host(cds-operational-tag[type=teal]:not([disabled])):host(cds-operational-tag) cds-tag{border:1px solid var(--cds-tag-border-teal,#08bdba)}.cds--tag--teal.cds--tag--operational:hover,:host(cds-operational-tag) cds-tag.cds--tag--teal:hover,:host(cds-operational-tag[type=teal]:not([disabled])):host(cds-operational-tag) cds-tag:hover{background-color:var(--cds-tag-hover-teal,#57e5e5)}.cds--tag--teal .cds--tag__close-icon:hover,:host(cds-dismissible-tag[type=teal]:not([disabled])) .cds--tag__close-icon:hover,:host(cds-operational-tag[type=teal]:not([disabled])) cds-tag .cds--tag__close-icon:hover,:host(cds-tag[type=teal]:not([disabled])) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-teal,#57e5e5)}.cds--tag--teal .cds--definition-term .cds--tag__label,:host(cds-dismissible-tag[type=teal]:not([disabled])) .cds--definition-term .cds--tag__label,:host(cds-operational-tag[type=teal]:not([disabled])) cds-tag .cds--definition-term .cds--tag__label,:host(cds-tag[type=teal]:not([disabled])) .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-teal,#005d5d)}.cds--tag--green,:host(cds-dismissible-tag[type=green]:not([disabled])),:host(cds-operational-tag[type=green]:not([disabled])) cds-tag,:host(cds-tag[type=green]:not([disabled])){background-color:var(--cds-tag-background-green,#a7f0ba);color:var(--cds-tag-color-green,#0e6027)}.cds--tag--green.cds--tag--operational,:host(cds-operational-tag) cds-tag.cds--tag--green,:host(cds-operational-tag) cds-tag:host(cds-dismissible-tag[type=green]:not([disabled])),:host(cds-operational-tag) cds-tag:host(cds-tag[type=green]:not([disabled])),:host(cds-operational-tag[type=green]:not([disabled])):host(cds-operational-tag) cds-tag{border:1px solid var(--cds-tag-border-green,#42be65)}.cds--tag--green.cds--tag--operational:hover,:host(cds-operational-tag) cds-tag.cds--tag--green:hover,:host(cds-operational-tag[type=green]:not([disabled])):host(cds-operational-tag) cds-tag:hover{background-color:var(--cds-tag-hover-green,#74e792)}.cds--tag--green .cds--tag__close-icon:hover,:host(cds-dismissible-tag[type=green]:not([disabled])) .cds--tag__close-icon:hover,:host(cds-operational-tag[type=green]:not([disabled])) cds-tag .cds--tag__close-icon:hover,:host(cds-tag[type=green]:not([disabled])) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-green,#74e792)}.cds--tag--green .cds--definition-term .cds--tag__label,:host(cds-dismissible-tag[type=green]:not([disabled])) .cds--definition-term .cds--tag__label,:host(cds-operational-tag[type=green]:not([disabled])) cds-tag .cds--definition-term .cds--tag__label,:host(cds-tag[type=green]:not([disabled])) .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-green,#0e6027)}.cds--tag--gray,:host(cds-dismissible-tag[type=gray]:not([disabled])),:host(cds-operational-tag[type=gray]:not([disabled])) cds-tag,:host(cds-tag[type=gray]:not([disabled])){background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#161616)}.cds--tag--gray.cds--tag--operational,:host(cds-operational-tag) cds-tag.cds--tag--gray,:host(cds-operational-tag) cds-tag:host(cds-dismissible-tag[type=gray]:not([disabled])),:host(cds-operational-tag) cds-tag:host(cds-tag[type=gray]:not([disabled])),:host(cds-operational-tag[type=gray]:not([disabled])):host(cds-operational-tag) cds-tag{border:1px solid var(--cds-tag-border-gray,#a8a8a8)}.cds--tag--gray.cds--tag--operational:hover,:host(cds-operational-tag) cds-tag.cds--tag--gray:hover,:host(cds-operational-tag[type=gray]:not([disabled])):host(cds-operational-tag) cds-tag:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds--tag--gray .cds--tag__close-icon:hover,:host(cds-dismissible-tag[type=gray]:not([disabled])) .cds--tag__close-icon:hover,:host(cds-operational-tag[type=gray]:not([disabled])) cds-tag .cds--tag__close-icon:hover,:host(cds-tag[type=gray]:not([disabled])) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds--tag--gray .cds--definition-term .cds--tag__label,:host(cds-dismissible-tag[type=gray]:not([disabled])) .cds--definition-term .cds--tag__label,:host(cds-operational-tag[type=gray]:not([disabled])) cds-tag .cds--definition-term .cds--tag__label,:host(cds-tag[type=gray]:not([disabled])) .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-gray,#161616)}.cds--tag--cool-gray,:host(cds-dismissible-tag[type=cool-gray]:not([disabled])),:host(cds-operational-tag[type=cool-gray]:not([disabled])) cds-tag,:host(cds-tag[type=cool-gray]:not([disabled])){background-color:var(--cds-tag-background-cool-gray,#dde1e6);color:var(--cds-tag-color-cool-gray,#121619)}.cds--tag--cool-gray.cds--tag--operational,:host(cds-operational-tag) cds-tag.cds--tag--cool-gray,:host(cds-operational-tag) cds-tag:host(cds-dismissible-tag[type=cool-gray]:not([disabled])),:host(cds-operational-tag) cds-tag:host(cds-tag[type=cool-gray]:not([disabled])),:host(cds-operational-tag[type=cool-gray]:not([disabled])):host(cds-operational-tag) cds-tag{border:1px solid var(--cds-tag-border-cool-gray,#a2a9b0)}.cds--tag--cool-gray.cds--tag--operational:hover,:host(cds-operational-tag) cds-tag.cds--tag--cool-gray:hover,:host(cds-operational-tag[type=cool-gray]:not([disabled])):host(cds-operational-tag) cds-tag:hover{background-color:var(--cds-tag-hover-cool-gray,#cdd3da)}.cds--tag--cool-gray .cds--tag__close-icon:hover,:host(cds-dismissible-tag[type=cool-gray]:not([disabled])) .cds--tag__close-icon:hover,:host(cds-operational-tag[type=cool-gray]:not([disabled])) cds-tag .cds--tag__close-icon:hover,:host(cds-tag[type=cool-gray]:not([disabled])) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-cool-gray,#cdd3da)}.cds--tag--cool-gray .cds--definition-term .cds--tag__label,:host(cds-dismissible-tag[type=cool-gray]:not([disabled])) .cds--definition-term .cds--tag__label,:host(cds-operational-tag[type=cool-gray]:not([disabled])) cds-tag .cds--definition-term .cds--tag__label,:host(cds-tag[type=cool-gray]:not([disabled])) .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-cool-gray,#121619)}.cds--tag--warm-gray,:host(cds-dismissible-tag[type=warm-gray]:not([disabled])),:host(cds-operational-tag[type=warm-gray]:not([disabled])) cds-tag,:host(cds-tag[type=warm-gray]:not([disabled])){background-color:var(--cds-tag-background-warm-gray,#e5e0df);color:var(--cds-tag-color-warm-gray,#171414)}.cds--tag--warm-gray.cds--tag--operational,:host(cds-operational-tag) cds-tag.cds--tag--warm-gray,:host(cds-operational-tag) cds-tag:host(cds-dismissible-tag[type=warm-gray]:not([disabled])),:host(cds-operational-tag) cds-tag:host(cds-tag[type=warm-gray]:not([disabled])),:host(cds-operational-tag[type=warm-gray]:not([disabled])):host(cds-operational-tag) cds-tag{border:1px solid var(--cds-tag-border-warm-gray,#ada8a8)}.cds--tag--warm-gray.cds--tag--operational:hover,:host(cds-operational-tag) cds-tag.cds--tag--warm-gray:hover,:host(cds-operational-tag[type=warm-gray]:not([disabled])):host(cds-operational-tag) cds-tag:hover{background-color:var(--cds-tag-hover-warm-gray,#d8d0cf)}.cds--tag--warm-gray .cds--tag__close-icon:hover,:host(cds-dismissible-tag[type=warm-gray]:not([disabled])) .cds--tag__close-icon:hover,:host(cds-operational-tag[type=warm-gray]:not([disabled])) cds-tag .cds--tag__close-icon:hover,:host(cds-tag[type=warm-gray]:not([disabled])) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-warm-gray,#d8d0cf)}.cds--tag--warm-gray .cds--definition-term .cds--tag__label,:host(cds-dismissible-tag[type=warm-gray]:not([disabled])) .cds--definition-term .cds--tag__label,:host(cds-operational-tag[type=warm-gray]:not([disabled])) cds-tag .cds--definition-term .cds--tag__label,:host(cds-tag[type=warm-gray]:not([disabled])) .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-warm-gray,#171414)}.cds--tag--high-contrast:not(.cds--tag--operational){background-color:var(--cds-background-inverse,#393939);color:var(--cds-text-inverse,#fff)}.cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational,:host(cds-operational-tag) cds-tag.cds--tag--high-contrast:not(.cds--tag--operational){border:1px solid var(--cds-background-inverse,#393939)}.cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational:hover,:host(cds-operational-tag) cds-tag.cds--tag--high-contrast:not(.cds--tag--operational):hover{background-color:var(--cds-background-inverse-hover,#474747)}.cds--tag--high-contrast:not(.cds--tag--operational) .cds--tag__close-icon:hover{background-color:var(--cds-background-inverse-hover,#474747)}.cds--tag--high-contrast:not(.cds--tag--operational) .cds--definition-term .cds--tag__label{color:var(--cds-text-inverse,#fff)}.cds--multi-select--readonly .cds--tag--high-contrast:not(.cds--tag--operational) .cds--tag__close-icon:hover{background-color:transparent}.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]){background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616)}.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational,:host(cds-operational-tag) cds-tag.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]){border:1px solid var(--cds-background,#fff)}.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational:hover,:host(cds-operational-tag) cds-tag.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]):hover{background-color:var(--cds-layer-hover)}.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) .cds--tag__close-icon:hover{background-color:var(--cds-layer-hover)}.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) .cds--definition-term .cds--tag__label{color:var(--cds-text-primary,#161616)}.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]){outline:1px solid var(--cds-background-inverse,#393939);outline-offset:-1px}.cds--tag--disabled:not(.cds--tag--operational),.cds--tag--filter.cds--tag--disabled,.cds--tag--interactive.cds--tag--disabled,:host(cds-tag[filter]):host(cds-dismissible-tag[disabled]),:host(cds-tag[filter]):host(cds-tag[disabled]),:not(.cds--tag--operational):host(cds-dismissible-tag[disabled]),:not(.cds--tag--operational):host(cds-tag[disabled]){background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--tag--disabled:not(.cds--tag--operational).cds--tag--operational,.cds--tag--filter.cds--tag--disabled.cds--tag--operational,.cds--tag--interactive.cds--tag--disabled.cds--tag--operational,:host(cds-operational-tag) cds-tag.cds--tag--disabled:not(.cds--tag--operational),:host(cds-operational-tag) cds-tag.cds--tag--filter.cds--tag--disabled,:host(cds-operational-tag) cds-tag.cds--tag--interactive.cds--tag--disabled,:host(cds-operational-tag) cds-tag:host(cds-tag[filter]):host(cds-dismissible-tag[disabled]),:host(cds-operational-tag) cds-tag:host(cds-tag[filter]):host(cds-tag[disabled]),:host(cds-operational-tag) cds-tag:not(.cds--tag--operational):host(cds-dismissible-tag[disabled]),:host(cds-operational-tag) cds-tag:not(.cds--tag--operational):host(cds-tag[disabled]){border:1px solid var(--cds-layer)}.cds--tag--disabled:not(.cds--tag--operational).cds--tag--operational:hover,.cds--tag--filter.cds--tag--disabled.cds--tag--operational:hover,.cds--tag--interactive.cds--tag--disabled.cds--tag--operational:hover,:host(cds-operational-tag) cds-tag.cds--tag--disabled:not(.cds--tag--operational):hover,:host(cds-operational-tag) cds-tag.cds--tag--filter.cds--tag--disabled:hover,:host(cds-operational-tag) cds-tag.cds--tag--interactive.cds--tag--disabled:hover{background-color:var(--cds-layer)}.cds--tag--disabled:not(.cds--tag--operational) .cds--tag__close-icon:hover,.cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,.cds--tag--interactive.cds--tag--disabled .cds--tag__close-icon:hover,:host(cds-tag[filter]):host(cds-dismissible-tag[disabled]) .cds--tag__close-icon:hover,:host(cds-tag[filter]):host(cds-tag[disabled]) .cds--tag__close-icon:hover,:not(.cds--tag--operational):host(cds-dismissible-tag[disabled]) .cds--tag__close-icon:hover,:not(.cds--tag--operational):host(cds-tag[disabled]) .cds--tag__close-icon:hover{background-color:var(--cds-layer)}.cds--tag--disabled:not(.cds--tag--operational) .cds--definition-term .cds--tag__label,.cds--tag--filter.cds--tag--disabled .cds--definition-term .cds--tag__label,.cds--tag--interactive.cds--tag--disabled .cds--definition-term .cds--tag__label,:host(cds-tag[filter]):host(cds-dismissible-tag[disabled]) .cds--definition-term .cds--tag__label,:host(cds-tag[filter]):host(cds-tag[disabled]) .cds--definition-term .cds--tag__label,:not(.cds--tag--operational):host(cds-dismissible-tag[disabled]) .cds--definition-term .cds--tag__label,:not(.cds--tag--operational):host(cds-tag[disabled]) .cds--definition-term .cds--tag__label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--tag--disabled:not(.cds--tag--operational),.cds--tag--filter.cds--tag--disabled,.cds--tag--interactive.cds--tag--disabled,:host(cds-tag[filter]):host(cds-dismissible-tag[disabled]),:host(cds-tag[filter]):host(cds-tag[disabled]),:not(.cds--tag--operational):host(cds-dismissible-tag[disabled]),:not(.cds--tag--operational):host(cds-tag[disabled]){box-shadow:none;outline:none}.cds--tag--disabled:not(.cds--tag--operational):hover,.cds--tag--filter.cds--tag--disabled:hover,.cds--tag--interactive.cds--tag--disabled:hover{cursor:not-allowed}.cds--tag--disabled:not(.cds--tag--operational) .cds--tag__label,.cds--tag--filter.cds--tag--disabled .cds--tag__label,.cds--tag--interactive.cds--tag--disabled .cds--tag__label,:host(cds-tag[filter]):host(cds-dismissible-tag[disabled]) .cds--tag__label,:host(cds-tag[filter]):host(cds-tag[disabled]) .cds--tag__label,:not(.cds--tag--operational):host(cds-dismissible-tag[disabled]) .cds--tag__label,:not(.cds--tag--operational):host(cds-tag[disabled]) .cds--tag__label{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--tag--operational.cds--tag--disabled,.cds--tag--selectable.cds--tag--disabled,:host(cds-operational-tag) cds-tag.cds--tag--disabled,:host(cds-selectable-tag) cds-tag.cds--tag--disabled{background-color:var(--cds-layer);border:1px solid var(--cds-border-disabled,#c6c6c6);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--tag--operational.cds--tag--disabled:hover,.cds--tag--selectable.cds--tag--disabled:hover,:host(cds-operational-tag) cds-tag.cds--tag--disabled:hover,:host(cds-selectable-tag) cds-tag.cds--tag--disabled:hover{background-color:var(--cds-layer);cursor:not-allowed}.cds--tag--interactive{transition:background-color 70ms cubic-bezier(0,0,.38,.9)}.cds--tag__close-icon,:host(cds-dismissible-tag) .cds--tag__close-icon{align-items:center;background-color:transparent;block-size:var(--cds-layout-size-height-local);border:0;border-radius:50%;color:currentColor;cursor:pointer;display:flex;flex-shrink:0;inline-size:var(--cds-layout-size-height-local);justify-content:center;margin:0 0 0 .125rem;padding:0;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),box-shadow 70ms cubic-bezier(.2,0,.38,.9)}.cds--tag__close-icon svg,:host(cds-dismissible-tag) .cds--tag__close-icon svg{fill:currentColor}.cds--tag__custom-icon,:host(cds-dismissible-tag) ::slotted([slot=icon]),:host(cds-tag) ::slotted([slot=icon]){background-color:transparent;block-size:1rem;border:0;color:currentColor;flex-shrink:0;inline-size:1rem;margin-inline-end:.25rem;outline:none;padding:0}.cds--tag__custom-icon svg,:host(cds-dismissible-tag) ::slotted([slot=icon]) svg,:host(cds-tag) ::slotted([slot=icon]) svg{fill:currentColor}.cds--tag--disabled .cds--tag__close-icon,:host(cds-dismissible-tag[disabled]) .cds--tag__close-icon,:host(cds-tag[disabled]) .cds--tag__close-icon{cursor:not-allowed}.cds--tag__close-icon:focus{border-radius:50%;box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe);outline:none;z-index:99999}.cds--tag--high-contrast .cds--tag__close-icon:focus{box-shadow:inset 0 0 0 1px var(--cds-focus-inverse,#fff)}.cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,:host(cds-tag[filter]):host(cds-dismissible-tag[disabled]) .cds--tag__close-icon:hover,:host(cds-tag[filter]):host(cds-tag[disabled]) .cds--tag__close-icon:hover{background-color:transparent}.cds--tag--filter.cds--tag--disabled svg,:host(cds-tag[filter]):host(cds-dismissible-tag[disabled]) svg,:host(cds-tag[filter]):host(cds-tag[disabled]) svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--tag--sm.cds--tag--filter,:host(cds-dismissible-tag[size=sm]):host(cds-tag[filter]),:host(cds-tag-skeleton[size=sm]):host(cds-tag[filter]),:host(cds-tag[size=sm]):host(cds-tag[filter]){padding-inline-end:0}.cds--tag--sm .cds--tag__close-icon,:host(cds-dismissible-tag[size=sm]) .cds--tag__close-icon,:host(cds-tag-skeleton[size=sm]) .cds--tag__close-icon,:host(cds-tag[size=sm]) .cds--tag__close-icon{margin-inline-start:.3125rem}.cds--tag.cds--skeleton,:host(cds-dismissible-tag):host(cds-tag-skeleton),:host(cds-tag):host(cds-tag-skeleton){background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--tag.cds--skeleton:active,.cds--tag.cds--skeleton:focus,.cds--tag.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--tag.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--tag.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--tag.cds--skeleton,:host(cds-dismissible-tag):host(cds-tag-skeleton),:host(cds-tag):host(cds-tag-skeleton){background:CanvasText}.cds--tag.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--tag.cds--skeleton,:host(cds-dismissible-tag):host(cds-tag-skeleton),:host(cds-tag):host(cds-tag-skeleton){background-color:var(--cds-skeleton-background,#e8e8e8);color:var(--cds-text-primary,#161616)}.cds--tag.cds--skeleton.cds--tag--operational,:host(cds-operational-tag) cds-tag.cds--tag.cds--skeleton,:host(cds-operational-tag) cds-tag:host(cds-dismissible-tag):host(cds-tag-skeleton),:host(cds-operational-tag) cds-tag:host(cds-tag):host(cds-tag-skeleton){border:1px solid var(--cds-skeleton-background,#e8e8e8)}.cds--tag.cds--skeleton.cds--tag--operational:hover,:host(cds-operational-tag) cds-tag.cds--tag.cds--skeleton:hover{background-color:var(--cds-skeleton-background,#e8e8e8)}.cds--tag.cds--skeleton .cds--tag__close-icon:hover,:host(cds-dismissible-tag):host(cds-tag-skeleton) .cds--tag__close-icon:hover,:host(cds-tag):host(cds-tag-skeleton) .cds--tag__close-icon:hover{background-color:var(--cds-skeleton-background,#e8e8e8)}.cds--tag.cds--skeleton .cds--definition-term .cds--tag__label,:host(cds-dismissible-tag):host(cds-tag-skeleton) .cds--definition-term .cds--tag__label,:host(cds-tag):host(cds-tag-skeleton) .cds--definition-term .cds--tag__label{color:var(--cds-text-primary,#161616)}.cds--tag.cds--skeleton,:host(cds-dismissible-tag):host(cds-tag-skeleton),:host(cds-tag):host(cds-tag-skeleton){inline-size:3.75rem;overflow:hidden}@supports (hanging-punctuation:first) and (font:-apple-system-body) and (-webkit-appearance:none){.cds--tag.cds--skeleton,:host(cds-dismissible-tag):host(cds-tag-skeleton),:host(cds-tag):host(cds-tag-skeleton){transform:translateZ(0)}}.cds--tag .cds--ai-label .cds--ai-label__button--inline,.cds--tag .cds--slug .cds--slug__button--inline,:host(cds-dismissible-tag) .cds--ai-label .cds--ai-label__button--inline,:host(cds-dismissible-tag) .cds--slug .cds--slug__button--inline,:host(cds-tag) .cds--ai-label .cds--ai-label__button--inline,:host(cds-tag) .cds--slug .cds--slug__button--inline{color:currentColor;margin-inline-start:.0625rem}.cds--tag .cds--ai-label .cds--ai-label__button--inline .cds--ai-label__text:before,.cds--tag .cds--slug .cds--slug__button--inline .cds--slug__text:before,:host(cds-dismissible-tag) .cds--ai-label .cds--ai-label__button--inline .cds--ai-label__text:before,:host(cds-dismissible-tag) .cds--slug .cds--slug__button--inline .cds--slug__text:before,:host(cds-tag) .cds--ai-label .cds--ai-label__button--inline .cds--ai-label__text:before,:host(cds-tag) .cds--slug .cds--slug__button--inline .cds--slug__text:before{background-color:currentColor}.cds--tag .cds--ai-label .cds--ai-label__button--inline:hover,.cds--tag .cds--slug .cds--slug__button--inline:hover,:host(cds-dismissible-tag) .cds--ai-label .cds--ai-label__button--inline:hover,:host(cds-dismissible-tag) .cds--slug .cds--slug__button--inline:hover,:host(cds-tag) .cds--ai-label .cds--ai-label__button--inline:hover,:host(cds-tag) .cds--slug .cds--slug__button--inline:hover{border-color:currentColor}.cds--tag--filter .cds--ai-label,.cds--tag--filter .cds--slug,.cds--tag--filter .cds--tag__decorator>*,:host(cds-tag[filter]) .cds--ai-label,:host(cds-tag[filter]) .cds--slug,:host(cds-tag[filter]) .cds--tag__decorator>*{min-inline-size:2.00875rem}.cds--tag .cds--tag__decorator:not(:has(.cds--ai-label)),:host(cds-dismissible-tag) .cds--tag__decorator:not(:has(.cds--ai-label)),:host(cds-tag) .cds--tag__decorator:not(:has(.cds--ai-label)){block-size:1rem;text-align:center}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--tag,:host(cds-dismissible-tag),:host(cds-tag){outline:1px solid transparent}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--tag__close-icon:focus{color:Highlight;outline:1px solid Highlight}}.cds--tag-label-tooltip,:host(cds-dismissible-tag) cds-tooltip{max-inline-size:-webkit-fill-available}.cds--tag__custom-icon+.cds--tag-label-tooltip,:host(cds-dismissible-tag) .cds--tag__custom-icon+cds-tooltip,:host(cds-dismissible-tag) ::slotted([slot=icon])+.cds--tag-label-tooltip,:host(cds-dismissible-tag) ::slotted([slot=icon])+cds-tooltip,:host(cds-tag) ::slotted([slot=icon])+.cds--tag-label-tooltip{max-inline-size:11rem}.cds--tag--filter .cds--tag__custom-icon+.cds--tag-label-tooltip,:host(cds-dismissible-tag) .cds--tag--filter .cds--tag__custom-icon+cds-tooltip,:host(cds-dismissible-tag) .cds--tag--filter ::slotted([slot=icon])+.cds--tag-label-tooltip,:host(cds-dismissible-tag) .cds--tag--filter ::slotted([slot=icon])+cds-tooltip,:host(cds-tag) .cds--tag--filter ::slotted([slot=icon])+.cds--tag-label-tooltip,:host(cds-tag[filter]) .cds--tag__custom-icon+.cds--tag-label-tooltip,:host(cds-tag[filter]):host(cds-dismissible-tag) .cds--tag__custom-icon+cds-tooltip,:host(cds-tag[filter]):host(cds-dismissible-tag) ::slotted([slot=icon])+cds-tooltip,:host(cds-tag[filter]):host(cds-tag) ::slotted([slot=icon])+.cds--tag-label-tooltip{max-inline-size:9.875rem}.cds--interactive--tag-children{display:inline-flex;max-inline-size:12.5rem;place-items:center}.cds--tag--filter .cds--tag__custom-icon+span>.cds--interactive--tag-children,:host(cds-dismissible-tag) .cds--tag--filter ::slotted([slot=icon])+span>.cds--interactive--tag-children,:host(cds-tag) .cds--tag--filter ::slotted([slot=icon])+span>.cds--interactive--tag-children,:host(cds-tag[filter]) .cds--tag__custom-icon+span>.cds--interactive--tag-children,:host(cds-tag[filter]):host(cds-tag) ::slotted([slot=icon])+span>.cds--interactive--tag-children{max-inline-size:11.5rem}.cds--tag .cds--definition-term,:host(cds-dismissible-tag) .cds--definition-term,:host(cds-tag) .cds--definition-term{border-block-end:none;cursor:default;max-inline-size:12rem}.cds--tag .cds--tag__custom-icon+span>.cds--definition-term,:host(cds-dismissible-tag) .cds--tag__custom-icon+span>.cds--definition-term,:host(cds-dismissible-tag) ::slotted([slot=icon])+span>.cds--definition-term,:host(cds-tag) .cds--tag__custom-icon+span>.cds--definition-term,:host(cds-tag) ::slotted([slot=icon])+span>.cds--definition-term{max-inline-size:11rem}.cds--tag>.cds--popover-container,:host(cds-dismissible-tag)>.cds--popover-container,:host(cds-tag)>.cds--popover-container{display:flex}.cds--toggletip-button:has(.cds--tag--operational.cds--tag--disabled,:host(cds-operational-tag) cds-tag.cds--tag--disabled){pointer-events:none}:host(cds-dismissible-tag),:host(cds-tag){box-sizing:border-box}:host(cds-operational-tag),:host(cds-selectable-tag){display:inline-block;inline-size:-moz-fit-content;inline-size:fit-content}:host(cds-dismissible-tag:not(:first-child)),:host(cds-operational-tag:not(:first-child)) cds-tag,:host(cds-selectable-tag:not(:first-child)) cds-tag,:host(cds-tag:not(:first-child)){margin-inline-start:0}:host(cds-dismissible-tag),:host(cds-tag){border:0}:host(cds-dismissible-tag[has-custom-icon]),:host(cds-tag[has-custom-icon]){padding-inline-start:.25rem}:host(cds-dismissible-tag){display:none;padding-block:0;padding-inline-end:0}:host(cds-dismissible-tag[open]){display:inline-flex}:host(cds-dismissible-tag),:host(cds-tag),:host(cds-tag-skeleton){--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-layout-size-height-xs:1.125rem;--cds-layout-size-height-sm:1.125rem;--cds-layout-size-height-md:1.5rem;--cds-layout-size-height-lg:2rem}:host(cds-dismissible-tag[size=sm]) .cds--tag__close-icon,:host(cds-tag-skeleton[size=sm]) .cds--tag__close-icon,:host(cds-tag[size=sm]) .cds--tag__close-icon{block-size:1.125rem;inline-size:1.125rem;margin-inline-start:.3125rem}:host(cds-dismissible-tag[size=lg]),:host(cds-tag-skeleton[size=lg]),:host(cds-tag[size=lg]){padding-inline:.75rem}:host(cds-dismissible-tag[size=lg][has-custom-icon]),:host(cds-tag-skeleton[size=lg][has-custom-icon]),:host(cds-tag[size=lg][has-custom-icon]){padding-inline-start:.5rem}:host(cds-dismissible-tag[type=high-contrast]:not([disabled])),:host(cds-tag[type=high-contrast]:not([disabled])){background-color:var(--cds-background-inverse,#393939);color:var(--cds-text-inverse,#fff)}:host(cds-dismissible-tag[type=high-contrast]:not([disabled])).cds--tag--operational,:host(cds-operational-tag) cds-tag:host(cds-dismissible-tag[type=high-contrast]:not([disabled])),:host(cds-operational-tag) cds-tag:host(cds-tag[type=high-contrast]:not([disabled])),:host(cds-tag[type=high-contrast]:not([disabled])).cds--tag--operational{border:1px solid var(--cds-background-inverse,#393939)}:host(cds-dismissible-tag[type=high-contrast]:not([disabled])).cds--tag--operational:hover,:host(cds-operational-tag) cds-tag:host(cds-dismissible-tag[type=high-contrast]:not([disabled])):hover,:host(cds-operational-tag) cds-tag:host(cds-tag[type=high-contrast]:not([disabled])):hover,:host(cds-tag[type=high-contrast]:not([disabled])).cds--tag--operational:hover{background-color:var(--cds-background-inverse-hover,#474747)}:host(cds-dismissible-tag[type=high-contrast]:not([disabled])) .cds--tag__close-icon:hover,:host(cds-tag[type=high-contrast]:not([disabled])) .cds--tag__close-icon:hover{background-color:var(--cds-background-inverse-hover,#474747)}:host(cds-dismissible-tag[type=high-contrast]:not([disabled])) .cds--definition-term .cds--tag__label,:host(cds-tag[type=high-contrast]:not([disabled])) .cds--definition-term .cds--tag__label{color:var(--cds-text-inverse,#fff)}:host(cds-dismissible-tag[type=outline]:not([disabled])),:host(cds-tag[type=outline]:not([disabled])){background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616)}:host(cds-dismissible-tag[type=outline]:not([disabled])).cds--tag--operational,:host(cds-operational-tag) cds-tag:host(cds-dismissible-tag[type=outline]:not([disabled])),:host(cds-operational-tag) cds-tag:host(cds-tag[type=outline]:not([disabled])),:host(cds-tag[type=outline]:not([disabled])).cds--tag--operational{border:1px solid var(--cds-background,#fff)}:host(cds-dismissible-tag[type=outline]:not([disabled])).cds--tag--operational:hover,:host(cds-operational-tag) cds-tag:host(cds-dismissible-tag[type=outline]:not([disabled])):hover,:host(cds-operational-tag) cds-tag:host(cds-tag[type=outline]:not([disabled])):hover,:host(cds-tag[type=outline]:not([disabled])).cds--tag--operational:hover{background-color:var(--cds-layer-hover)}:host(cds-dismissible-tag[type=outline]:not([disabled])) .cds--tag__close-icon:hover,:host(cds-tag[type=outline]:not([disabled])) .cds--tag__close-icon:hover{background-color:var(--cds-layer-hover)}:host(cds-dismissible-tag[type=outline]:not([disabled])) .cds--definition-term .cds--tag__label,:host(cds-tag[type=outline]:not([disabled])) .cds--definition-term .cds--tag__label{color:var(--cds-text-primary,#161616)}:host(cds-dismissible-tag[type=outline]:not([disabled])),:host(cds-tag[type=outline]:not([disabled])){outline:1px solid var(--cds-background-inverse,#393939);outline-offset:-1px}:host(cds-tag[filter]){display:none}:host(cds-tag[filter][size=sm]){padding-inline-end:0}:host(cds-tag[filter][open]){display:inline-flex}:host(cds-dismissible-tag[has-custom-icon]) .cds--interactive--tag-children{max-inline-size:11.5rem}:host(cds-dismissible-tag[disabled]) .cds--tag__close-icon,:host(cds-tag[filter][disabled]) .cds--tag__close-icon{cursor:not-allowed}:host(cds-dismissible-tag[disabled]) .cds--tag__close-icon,:host(cds-dismissible-tag[disabled]) .cds--tag__close-icon:hover,:host(cds-tag[filter][disabled]) .cds--tag__close-icon,:host(cds-tag[filter][disabled]) .cds--tag__close-icon:hover{background-color:transparent}:host(cds-operational-tag[disabled]) cds-tag,:host(cds-selectable-tag[disabled]) cds-tag{background-color:var(--cds-layer);border:1px solid var(--cds-border-disabled,#c6c6c6);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}:host(cds-operational-tag[disabled]) cds-tag:hover,:host(cds-selectable-tag[disabled]) cds-tag:hover{background-color:var(--cds-layer);cursor:not-allowed}']);let p=class extends x.HostListenerMixin(z.FocusMixin(i.i)){constructor(){super(...arguments),this._handleClick=o=>{if(o.composedPath().indexOf(this._buttonNode)>=0){if(this.disabled)o.stopPropagation();else if(this.open){const e={bubbles:!0,cancelable:!0,composed:!0,detail:{triggeredBy:o.target}};this.dispatchEvent(new CustomEvent(this.constructor.eventBeforeClose,e))&&(this.open=!1,this.dispatchEvent(new CustomEvent(this.constructor.eventClose,e)))}}},this.title="Clear filter",this.disabled=!1,this.filter=!1,this.hasCustomIcon=!1,this.open=!0,this.size=h.MEDIUM,this.type=f.GRAY,this._hasEllipsisApplied=!1}_handleAILabelSlotChange({target:o}){const e=o.assignedNodes().filter(s=>s.matches!==void 0?s.matches(this.constructor.aiLabelItem)||s.matches(this.constructor.slugItem):!1);e.length>0&&(e[0].setAttribute("tag",`${this.type}`),e[0].setAttribute("size","sm"),e[0].setAttribute("kind","inline")),this.requestUpdate()}_handleIconSlotChange({target:o}){const e=o.assignedNodes();this.hasCustomIcon=e.length>0,this.requestUpdate()}updated(){var o;const e=(o=this.shadowRoot)===null||o===void 0?void 0:o.querySelector(`.${d.prefix}--tag__label`);if(!e||this._hasEllipsisApplied===!0)return;this._hasEllipsisApplied=e.scrollWidth>e.clientWidth;const s=this.getRootNode();if(s instanceof ShadowRoot){const r=s.host.tagName.toLowerCase();(r===`${d.prefix}-selectable-tag`||r===`${d.prefix}-operational-tag`)&&(this.setAttribute("role","button"),this.tabIndex=this.disabled?-1:0)}}render(){const{disabled:o,filter:e,_handleAILabelSlotChange:s,_handleIconSlotChange:r,size:l,title:b}=this;return i.x`
|
|
2
|
+
${l!==h.SMALL?i.x`<slot name="icon" @slotchange="${r}"></slot>`:""}
|
|
3
|
+
<span class="${d.prefix}--tag__label">
|
|
4
|
+
<slot></slot>
|
|
5
|
+
</span>
|
|
6
|
+
<slot name="decorator" @slotchange="${s}"></slot>
|
|
7
|
+
<slot name="ai-label" @slotchange="${s}"></slot>
|
|
8
|
+
<slot name="slug" @slotchange="${s}"></slot>
|
|
9
|
+
${e?i.x`
|
|
10
|
+
<button class="${d.prefix}--tag__close-icon" ?disabled=${o}>
|
|
11
|
+
${C.iconLoader(S._16,{"aria-label":b})}
|
|
12
|
+
</button>
|
|
13
|
+
`:""}
|
|
14
|
+
`}static get slugItem(){return`${d.prefix}-slug`}static get aiLabelItem(){return`${d.prefix}-ai-label`}static get eventBeforeClose(){return`${d.prefix}-tag-beingclosed`}static get eventClose(){return`${d.prefix}-tag-closed`}};p.styles=y;t.__decorate([$.e("button")],p.prototype,"_buttonNode",void 0);t.__decorate([u.HostListener("shadowRoot:click")],p.prototype,"_handleClick",void 0);t.__decorate([a.n({type:String})],p.prototype,"title",void 0);t.__decorate([a.n({type:Boolean,reflect:!0})],p.prototype,"disabled",void 0);t.__decorate([a.n({type:Boolean,reflect:!0})],p.prototype,"filter",void 0);t.__decorate([a.n({type:Boolean,attribute:"has-custom-icon",reflect:!0})],p.prototype,"hasCustomIcon",void 0);t.__decorate([a.n({type:Boolean,reflect:!0})],p.prototype,"open",void 0);t.__decorate([a.n({reflect:!0})],p.prototype,"size",void 0);t.__decorate([a.n({reflect:!0})],p.prototype,"type",void 0);t.__decorate([w.r()],p.prototype,"_hasEllipsisApplied",void 0);p=t.__decorate([m.carbonElement(`${d.prefix}-tag`)],p);var M=p;/**
|
|
15
|
+
* @license
|
|
16
|
+
*
|
|
17
|
+
* Copyright IBM Corp. 2019, 2025
|
|
18
|
+
*
|
|
19
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
20
|
+
* LICENSE file in the root directory of this source tree.
|
|
21
|
+
*/let n=class extends x.HostListenerMixin(z.FocusMixin(M)){constructor(){super(...arguments),this._handleClick=o=>{if(o.composedPath().indexOf(this._buttonNode)>=0){if(this.disabled)o.stopPropagation();else if(this.open){const e=this._findNextFocusableTag(),s={bubbles:!0,cancelable:!0,composed:!0,detail:{triggeredBy:o.target}};if(this.dispatchEvent(new CustomEvent(this.constructor.eventBeforeClose,s))){if(this.open=!1,e){const r=e._buttonNode;r&&r.focus()}this.dispatchEvent(new CustomEvent(this.constructor.eventClose,s))}}}},this.disabled=!1,this.dismissTooltipAlignment="bottom",this.open=!0,this.size=h.MEDIUM,this.tagTitle="",this.text="",this.type=f.GRAY}_findNextFocusableTag(){let o=this.nextElementSibling;for(;o;){if(o.tagName.toLowerCase()===`${d.prefix}-dismissible-tag`&&!o.hasAttribute("disabled")&&o.getAttribute("open")!=="false")return o;o=o.nextElementSibling}return null}_handleAILabelSlotChange({target:o}){const e=o.assignedNodes().filter(s=>s.matches!==void 0?s.matches(this.constructor.aiLabelItem)||s.matches(this.constructor.slugItem):!1);e.length>0&&(e[0].setAttribute("tag",`${this.type}`),e[0].setAttribute("size","sm"),e[0].setAttribute("kind","inline")),this.requestUpdate()}render(){const{disabled:o,_handleAILabelSlotChange:e,_handleIconSlotChange:s,_hasEllipsisApplied:r,size:l,tagTitle:b,text:k,dismissTooltipLabel:E,dismissTooltipAlignment:L}=this,A=`Dismiss "${k}"`,I=E||(r?A:"Dismiss");return i.x`
|
|
22
|
+
${l!==h.SMALL?i.x`<slot name="icon" @slotchange="${s}"></slot>`:""}
|
|
23
|
+
<div class="${d.prefix}--interactive--tag-children">
|
|
24
|
+
<span
|
|
25
|
+
title="${b||k}"
|
|
26
|
+
class="${d.prefix}--tag__label">
|
|
27
|
+
${k}
|
|
28
|
+
</span>
|
|
29
|
+
<slot name="decorator" @slotchange="${e}"></slot>
|
|
30
|
+
<slot name="ai-label" @slotchange="${e}"></slot>
|
|
31
|
+
<slot name="slug" @slotchange="${e}"></slot>
|
|
32
|
+
<cds-tooltip align=${L} enter-delay-ms=${0}>
|
|
33
|
+
<button
|
|
34
|
+
class="sb-tooltip-trigger"
|
|
35
|
+
role="button"
|
|
36
|
+
aria-labelledby="content"
|
|
37
|
+
class="${d.prefix}--tag__close-icon"
|
|
38
|
+
?disabled=${o}>
|
|
39
|
+
${C.iconLoader(S._16)}
|
|
40
|
+
</button>
|
|
41
|
+
<cds-tooltip-content id="content">
|
|
42
|
+
${I}
|
|
43
|
+
</cds-tooltip-content>
|
|
44
|
+
</cds-tooltip>
|
|
45
|
+
</div>
|
|
46
|
+
`}static get slugItem(){return`${d.prefix}-slug`}static get aiLabelItem(){return`${d.prefix}-ai-label`}static get eventBeforeClose(){return`${d.prefix}-dismissible-tag-beingclosed`}static get eventClose(){return`${d.prefix}-dismissible-tag-closed`}};n.styles=y;t.__decorate([$.e("button")],n.prototype,"_buttonNode",void 0);t.__decorate([u.HostListener("shadowRoot:click")],n.prototype,"_handleClick",void 0);t.__decorate([a.n({type:Boolean,reflect:!0})],n.prototype,"disabled",void 0);t.__decorate([a.n({type:String,attribute:"dismiss-tooltip-alignment",reflect:!0})],n.prototype,"dismissTooltipAlignment",void 0);t.__decorate([a.n({type:String,attribute:"dismiss-tooltip-label",reflect:!0})],n.prototype,"dismissTooltipLabel",void 0);t.__decorate([a.n({type:Boolean,reflect:!0})],n.prototype,"open",void 0);t.__decorate([a.n({type:String,reflect:!0})],n.prototype,"size",void 0);t.__decorate([a.n({type:String,attribute:"tag-title",reflect:!0})],n.prototype,"tagTitle",void 0);t.__decorate([a.n({type:String,reflect:!0})],n.prototype,"text",void 0);t.__decorate([a.n({reflect:!0})],n.prototype,"type",void 0);n=t.__decorate([m.carbonElement(`${d.prefix}-dismissible-tag`)],n);/**
|
|
47
|
+
* @license
|
|
48
|
+
*
|
|
49
|
+
* Copyright IBM Corp. 2025
|
|
50
|
+
*
|
|
51
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
52
|
+
* LICENSE file in the root directory of this source tree.
|
|
53
|
+
*/let _=class extends i.i{constructor(){super(...arguments),this.size=h.SMALL}render(){const o=D.e({[`${d.prefix}--tag`]:!0,[`${d.prefix}--skeleton`]:!0,[`${d.prefix}--layout--size-${this.size}`]:this.size});return i.x` <span class="${o}"></span> `}};_.styles=y;t.__decorate([a.n({reflect:!0,type:String})],_.prototype,"size",void 0);_=t.__decorate([m.carbonElement(`${d.prefix}-tag-skeleton`)],_);/**
|
|
54
|
+
* @license
|
|
55
|
+
*
|
|
56
|
+
* Copyright IBM Corp. 2019, 2025
|
|
57
|
+
*
|
|
58
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
59
|
+
* LICENSE file in the root directory of this source tree.
|
|
60
|
+
*/let v=class extends x.HostListenerMixin(z.FocusMixin(i.i)){constructor(){super(...arguments),this.triggerEvents=o=>{if(this.disabled)o.stopPropagation();else{const e={bubbles:!0,cancelable:!0,composed:!0,detail:{triggeredBy:o.target}};this.dispatchEvent(new CustomEvent(this.constructor.eventBeforeSelected,e))&&(this.selected=!this.selected,this.dispatchEvent(new CustomEvent(this.constructor.eventSelected,e)))}},this._handleClick=o=>{this.triggerEvents(o)},this._handleKeyDown=o=>{(o.key==="Enter"||o.key===" ")&&this.triggerEvents(o)},this.disabled=!1,this.selected=!1,this.size=h.MEDIUM,this.text="",this._hasEllipsisApplied=!1}async updated(){var o,e,s;await this.updateComplete;const r=(s=(e=(o=this.shadowRoot)===null||o===void 0?void 0:o.querySelector(`${d.prefix}-tag`))===null||e===void 0?void 0:e.shadowRoot)===null||s===void 0?void 0:s.querySelector(`.${d.prefix}--tag__label`);if(!r)return;const l=r.scrollWidth>r.clientWidth;this._hasEllipsisApplied=l}render(){const{disabled:o,selected:e,size:s,text:r,_hasEllipsisApplied:l}=this;return i.x` ${l?i.x` <cds-tooltip align="bottom" keyboard-only leave-delay-ms=${0}>
|
|
61
|
+
<cds-tag
|
|
62
|
+
?aria-pressed="${e}"
|
|
63
|
+
size="${s}"
|
|
64
|
+
?disabled="${o}">
|
|
65
|
+
<slot name="icon" slot="icon"></slot>
|
|
66
|
+
${r}
|
|
67
|
+
<slot name="decorator" slot="decorator"></slot>
|
|
68
|
+
<slot name="ai-label" slot="ai-label"></slot>
|
|
69
|
+
<slot name="slug" slot="slug"></slot>
|
|
70
|
+
</cds-tag>
|
|
71
|
+
<cds-tooltip-content id="content"> ${r} </cds-tooltip-content>
|
|
72
|
+
</cds-tooltip>`:i.x`
|
|
73
|
+
<cds-tag
|
|
74
|
+
?aria-pressed="${e}"
|
|
75
|
+
size="${s}"
|
|
76
|
+
?disabled="${o}">
|
|
77
|
+
<slot name="icon" slot="icon"></slot>
|
|
78
|
+
${r}
|
|
79
|
+
<slot name="decorator" slot="decorator"></slot>
|
|
80
|
+
<slot name="ai-label" slot="ai-label"></slot>
|
|
81
|
+
<slot name="slug" slot="slug"></slot>
|
|
82
|
+
</cds-tag>
|
|
83
|
+
`}`}static get eventBeforeSelected(){return`${d.prefix}-selectable-tag-beingselected`}static get eventSelected(){return`${d.prefix}-selectable-tag-selected`}};v.styles=y;t.__decorate([u.HostListener("shadowRoot:click")],v.prototype,"_handleClick",void 0);t.__decorate([u.HostListener("shadowRoot:keydown")],v.prototype,"_handleKeyDown",void 0);t.__decorate([a.n({type:Boolean,reflect:!0})],v.prototype,"disabled",void 0);t.__decorate([a.n({type:Boolean,reflect:!0})],v.prototype,"selected",void 0);t.__decorate([a.n({type:String,reflect:!0})],v.prototype,"size",void 0);t.__decorate([a.n({type:String,reflect:!0})],v.prototype,"text",void 0);t.__decorate([w.r()],v.prototype,"_hasEllipsisApplied",void 0);v=t.__decorate([m.carbonElement(`${d.prefix}-selectable-tag`)],v);/**
|
|
84
|
+
* @license
|
|
85
|
+
*
|
|
86
|
+
* Copyright IBM Corp. 2019, 2025
|
|
87
|
+
*
|
|
88
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
89
|
+
* LICENSE file in the root directory of this source tree.
|
|
90
|
+
*/let g=class extends x.HostListenerMixin(z.FocusMixin(i.i)){constructor(){super(...arguments),this.triggerEvents=o=>{if(this.disabled)o.stopPropagation();else{const e={bubbles:!0,cancelable:!0,composed:!0,detail:{triggeredBy:o.target}};this.dispatchEvent(new CustomEvent(this.constructor.eventBeforeSelected,e))&&(this.selected=!this.selected,this.dispatchEvent(new CustomEvent(this.constructor.eventSelected,e)))}},this._handleClick=o=>{this.triggerEvents(o)},this._handleKeyDown=o=>{(o.key==="Enter"||o.key===" ")&&this.triggerEvents(o)},this.disabled=!1,this.selected=!1,this.size=h.MEDIUM,this.text="",this.type=f.GRAY,this._hasEllipsisApplied=!1}async updated(){var o,e,s;await this.updateComplete;const r=(s=(e=(o=this.shadowRoot)===null||o===void 0?void 0:o.querySelector(`${d.prefix}-tag`))===null||e===void 0?void 0:e.shadowRoot)===null||s===void 0?void 0:s.querySelector(`.${d.prefix}--tag__label`);if(!r)return;const l=r.scrollWidth>r.clientWidth;this._hasEllipsisApplied=l}render(){const{disabled:o,selected:e,size:s,text:r,type:l,_hasEllipsisApplied:b}=this;return i.x` ${b?i.x` <cds-tooltip
|
|
91
|
+
align="bottom"
|
|
92
|
+
keyboard-only
|
|
93
|
+
closeOnActivation
|
|
94
|
+
leave-delay-ms=${0}>
|
|
95
|
+
<cds-tag
|
|
96
|
+
part="tag"
|
|
97
|
+
?aria-pressed="${e}"
|
|
98
|
+
size="${s}"
|
|
99
|
+
?disabled="${o}"
|
|
100
|
+
type="${l}">
|
|
101
|
+
<slot name="icon" slot="icon"></slot>
|
|
102
|
+
${r}
|
|
103
|
+
<slot name="decorator" slot="decorator"></slot>
|
|
104
|
+
<slot name="ai-label" slot="ai-label"></slot>
|
|
105
|
+
<slot name="slug" slot="slug"></slot>
|
|
106
|
+
</cds-tag>
|
|
107
|
+
<cds-tooltip-content id="content"> ${r} </cds-tooltip-content>
|
|
108
|
+
</cds-tooltip>`:i.x`
|
|
109
|
+
<cds-tag
|
|
110
|
+
part="tag"
|
|
111
|
+
?aria-pressed="${e}"
|
|
112
|
+
size="${s}"
|
|
113
|
+
?disabled="${o}"
|
|
114
|
+
type="${l}">
|
|
115
|
+
<slot name="icon" slot="icon"></slot>
|
|
116
|
+
${r}
|
|
117
|
+
<slot name="decorator" slot="decorator"></slot>
|
|
118
|
+
<slot name="ai-label" slot="ai-label"></slot>
|
|
119
|
+
<slot name="slug" slot="slug"></slot>
|
|
120
|
+
</cds-tag>
|
|
121
|
+
`}`}static get eventBeforeSelected(){return`${d.prefix}-operational-tag-beingselected`}static get eventSelected(){return`${d.prefix}-operational-tag-selected`}};g.styles=y;t.__decorate([u.HostListener("shadowRoot:click")],g.prototype,"_handleClick",void 0);t.__decorate([u.HostListener("shadowRoot:keydown")],g.prototype,"_handleKeyDown",void 0);t.__decorate([a.n({type:Boolean,reflect:!0})],g.prototype,"disabled",void 0);t.__decorate([a.n({type:Boolean,reflect:!0})],g.prototype,"selected",void 0);t.__decorate([a.n({type:String,reflect:!0})],g.prototype,"size",void 0);t.__decorate([a.n({type:String,reflect:!0})],g.prototype,"text",void 0);t.__decorate([a.n({reflect:!0})],g.prototype,"type",void 0);t.__decorate([w.r()],g.prototype,"_hasEllipsisApplied",void 0);g=t.__decorate([m.carbonElement(`${d.prefix}-operational-tag`)],g);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { s as e } from "./dropdown-item-
|
|
1
|
+
import { s as e } from "./dropdown-item-CDbnp5_k.js";
|
|
2
2
|
import { _ as r } from "./tslib.es6-C5gLNDSD.js";
|
|
3
|
-
import { i as t, x as l } from "./main-
|
|
4
|
-
import { p as o } from "./settings-
|
|
3
|
+
import { i as t, x as l } from "./main-BywCEBtD.js";
|
|
4
|
+
import { p as o } from "./settings-jvP7vP60.js";
|
|
5
5
|
import { c as i } from "./carbon-element-DzDuXiyl.js";
|
|
6
6
|
let s = class extends t {
|
|
7
7
|
render() {
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";const t=require("./tslib.es6-B07k2eac.js"),A=require("./class-map-CziJvhVR.js"),u=require("./main-BPWCMI5R.js"),r=require("./property-DCTz3KPt.js"),L=require("./query-Dh8joWcT.js"),o=require("./settings-Bgpv8zuU.js"),q=require("./if-defined-uehgcl8e.js"),k=require("./host-listener-rUcT_LUW.js"),S=require("./focus-B3iymVyL.js"),B=require("./host-listener-gxrTpxgv.js"),h=require("./radio-group-manager-DBAEmhDM.js"),z=require("./carbon-element-CbfPUYRT.js"),E=require("./form-D6Tce4-W.js"),v=require("./collection-helpers-afBvMQaC.js"),F=require("./16-4Ffg4DOO.js"),M=require("./16-CpNRIuiB.js"),$=require("./icon-loader-CsKt-G8D.js");var y;(function(b){b.LEFT="left",b.RIGHT="right"})(y||(y={}));var f;(function(b){b.HORIZONTAL="horizontal",b.VERTICAL="vertical"})(f||(f={}));var w=u.i$1(['@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)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item,:host(cds-radio-button-group){align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds--label html{font-size:100%}.cds--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label,.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label .cds--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds--label+.cds--tooltip .cds--tooltip__trigger{box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;vertical-align:baseline}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;display:inline-block;inline-size:100%;padding:0;text-align:start}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--label.cds--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--form-requirement{display:none;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds--select--inline .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--radio-button-group{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--radio-button-group *,.cds--radio-button-group :after,.cds--radio-button-group :before{box-sizing:inherit}.cds--radio-button-group{align-items:center;display:flex;position:relative}.cds--label+.cds--form-item .cds--radio-button-group,.cds--label+:host(cds-radio-button-group) .cds--radio-button-group{margin-block-start:0}.cds--radio-button-group--vertical,:host(cds-radio-button-group[orientation=vertical]){align-items:flex-start;flex-direction:column}.cds--radio-button-group--vertical.cds--radio-button-group--label-left{align-items:flex-end}.cds--radio-button-group--vertical .cds--radio-button__label,:host(cds-radio-button-group[orientation=vertical]) .cds--radio-button__label{margin-inline-end:0}.cds--radio-button-group--vertical .cds--radio-button__label:not(:last-of-type),:host(cds-radio-button-group[orientation=vertical]) .cds--radio-button__label:not(:last-of-type){margin-block-end:.5rem}.cds--radio-button{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;margin-block-start:.9rem;margin-inline-start:.63rem;visibility:inherit;white-space:nowrap}.cds--radio-button__label{align-items:center;cursor:pointer;display:flex;margin-inline-end:1rem}.cds--radio-button__label-text{flex:1;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds--radio-button__appearance{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--radio-button__appearance *,.cds--radio-button__appearance :after,.cds--radio-button__appearance :before{box-sizing:inherit}.cds--radio-button__appearance{background-color:transparent;block-size:1.125rem;border:1px solid var(--cds-icon-primary,#161616);border-radius:50%;flex-shrink:0;inline-size:1.125rem;margin-block:.0625rem .125rem;margin-inline:.125rem .625rem}.cds--radio-button-group--vertical .cds--radio-button__appearance,:host(cds-radio-button-group[orientation=vertical]) .cds--radio-button__appearance{margin-block:0}.cds--radio-button:checked+.cds--radio-button__label .cds--radio-button__appearance{align-items:center;border-color:var(--cds-icon-primary,#161616);display:flex;justify-content:center}.cds--radio-button:checked+.cds--radio-button__label .cds--radio-button__appearance:before{background-color:var(--cds-icon-primary,#161616);block-size:100%;border-radius:50%;content:"";display:inline-block;inline-size:100%;position:relative;transform:scale(.5)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--radio-button:checked+.cds--radio-button__label .cds--radio-button__appearance:before{background-color:ButtonText}}@media print{.cds--radio-button:checked+.cds--radio-button__label .cds--radio-button__appearance:before{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.cds--radio-button:disabled+.cds--radio-button__label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--radio-button:disabled+.cds--radio-button__label .cds--radio-button__appearance,.cds--radio-button:disabled:checked+.cds--radio-button__label .cds--radio-button__appearance{border-color:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--radio-button:disabled+.cds--radio-button__label .cds--radio-button__appearance:before,.cds--radio-button:disabled:checked+.cds--radio-button__label .cds--radio-button__appearance:before{background-color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--radio-button-group--readonly .cds--radio-button+.cds--radio-button__label .cds--radio-button__appearance,:host(cds-radio-button[readOnly]) .cds--radio-button+.cds--radio-button__label .cds--radio-button__appearance{border-color:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--radio-button-group--readonly .cds--radio-button__label,:host(cds-radio-button[readOnly]) .cds--radio-button__label{cursor:default}.cds--radio-button-group--readonly .cds--radio-button__label-text,:host(cds-radio-button[readOnly]) .cds--radio-button__label-text{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.cds--radio-button-group--invalid .cds--radio-button+.cds--radio-button__label .cds--radio-button__appearance{border-color:var(--cds-support-error,#da1e28)}.cds--radio-button__validation-msg{align-items:flex-end;display:none;margin-block-start:.375rem}.cds--radio-button__invalid-icon{fill:var(--cds-support-error,#da1e28);margin-inline:.1875rem .0625rem}.cds--radio-button__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--radio-button__invalid-icon--warning path:first-of-type{fill:#000}.cds--radio-button-group--invalid+.cds--radio-button__validation-msg,.cds--radio-button-group--warning+.cds--radio-button__validation-msg{display:flex}.cds--radio-button-group--invalid+.cds--radio-button__validation-msg .cds--form-requirement,.cds--radio-button-group--warning+.cds--radio-button__validation-msg .cds--form-requirement{display:block;margin-block-start:0;margin-inline-start:.5rem;max-block-size:100%;overflow:visible}.cds--radio-button-group--invalid+.cds--radio-button__validation-msg .cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--radio-button-group~.cds--form__helper-text{margin-block-start:.375rem}.cds--radio-button:focus+.cds--radio-button__label .cds--radio-button__appearance{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1.5px}.cds--radio-button__label.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--radio-button__label.cds--skeleton:active,.cds--radio-button__label.cds--skeleton:focus,.cds--radio-button__label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--radio-button__label.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--radio-button__label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--radio-button__label.cds--skeleton{background:CanvasText}.cds--radio-button__label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--radio-button__label.cds--skeleton{block-size:1.125rem;inline-size:6.25rem}.cds--radio-button__label.cds--skeleton .cds--radio-button__appearance{display:none}.cds--radio-button-wrapper .cds--radio-button__label,:host(cds-radio-button) .cds--radio-button__label{align-items:flex-start;display:flex;justify-content:center;margin:0}.cds--radio-button-wrapper:not(:last-of-type),:not(:last-of-type):host(cds-radio-button){margin-inline-end:1rem}.cds--radio-button-group--vertical .cds--radio-button-wrapper,.cds--radio-button-group--vertical :host(cds-radio-button),:host(cds-radio-button-group[orientation=vertical]) .cds--radio-button-wrapper,:host(cds-radio-button-group[orientation=vertical]) :host(cds-radio-button){margin-block-end:.375rem;margin-inline-end:0}.cds--radio-button-group--vertical .cds--radio-button-wrapper .cds--radio-button__label,.cds--radio-button-group--vertical :host(cds-radio-button) .cds--radio-button__label,:host(cds-radio-button-group[orientation=vertical]) .cds--radio-button-wrapper .cds--radio-button__label,:host(cds-radio-button-group[orientation=vertical]) :host(cds-radio-button) .cds--radio-button__label{padding-block-start:.125rem}.cds--radio-button-group--label-right .cds--radio-button__label,.cds--radio-button-wrapper.cds--radio-button-wrapper--label-right .cds--radio-button__label{flex-direction:row}.cds--radio-button-group--label-left .cds--radio-button__label,.cds--radio-button-wrapper.cds--radio-button-wrapper--label-left .cds--radio-button__label,:host(cds-radio-button-group[label-position=left]) .cds--radio-button__label{flex-direction:row-reverse}.cds--radio-button-group--label-left .cds--radio-button__appearance,.cds--radio-button-wrapper.cds--radio-button-wrapper--label-left .cds--radio-button__appearance,:host(cds-radio-button-group[label-position=left]) .cds--radio-button__appearance{margin-inline:.5rem 0}.cds--radio-button-group--decorator legend.cds--label,.cds--radio-button-group--slug legend.cds--label,.cds--radio-button-wrapper--decorator .cds--radio-button__label-text,.cds--radio-button-wrapper--slug .cds--radio-button__label-text{display:flex}.cds--radio-button-group--decorator legend.cds--label .cds--radio-button-group-inner--decorator>*,.cds--radio-button-group--slug legend.cds--label .cds--ai-label,.cds--radio-button-group--slug legend.cds--label .cds--slug,.cds--radio-button-wrapper--decorator .cds--radio-button__label-text .cds--radio-button-wrapper-inner--decorator>*,.cds--radio-button-wrapper--slug .cds--radio-button__label-text .cds--ai-label,.cds--radio-button-wrapper--slug .cds--radio-button__label-text .cds--slug{margin-inline-start:.5rem}.cds--radio-button-wrapper--decorator .cds--radio-button__label-text .cds--ai-label__button--inline,.cds--radio-button-wrapper--slug .cds--radio-button__label-text .cds--ai-label__button--inline,.cds--radio-button-wrapper--slug .cds--radio-button__label-text .cds--slug__button--inline{line-height:inherit;margin-block-start:-.0625rem}:host(cds-radio-button-group[invalid]) .cds--radio-button__validation-msg,:host(cds-radio-button-group[warn]) .cds--radio-button__validation-msg{display:flex}:host(cds-radio-button-group[invalid]) .cds--radio-button__validation-msg .cds--form-requirement,:host(cds-radio-button-group[warn]) .cds--radio-button__validation-msg .cds--form-requirement{display:block;margin-block-start:0;margin-inline-start:.5rem;max-block-size:100%;overflow:visible}:host(cds-radio-button-group[invalid]) .cds--form-requirement{color:var(--cds-text-error,#da1e28)}:host(cds-radio-button){outline:none}:host(cds-radio-button) .cds--radio-button__label{flex-direction:row}:host(cds-radio-button:not(:last-of-type)){margin-inline-end:1rem}:host(cds-radio-button[orientation=vertical]){margin-block-end:.375rem;margin-inline-end:0}:host(cds-radio-button[invalid]:not([readOnly])) .cds--radio-button__appearance{border-color:var(--cds-support-error,#da1e28)!important}:host(cds-radio-button[data-table]) .cds--radio-button__label{inline-size:1.75rem}:host(cds-radio-button[data-table]) .cds--radio-button__appearance{margin-inline-end:-.125rem}:host(cds-radio-button[disabledItem]) .cds--radio-button__label,:host(cds-radio-button[disabled]) .cds--radio-button__label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}:host(cds-radio-button[disabledItem]) .cds--radio-button__appearance,:host(cds-radio-button[disabled]) .cds--radio-button__appearance{border-color:var(--cds-border-disabled,#c6c6c6)}:host(cds-radio-button[disabledItem]) .cds--radio-button__appearance:before,:host(cds-radio-button[disabled]) .cds--radio-button__appearance:before{background-color:var(--cds-border-disabled,#c6c6c6)}:host(cds-radio-button[label-position=left]) .cds--radio-button__label{flex-direction:row-reverse}:host(cds-radio-button[label-position=left]) .cds--radio-button__appearance{margin-inline:.5rem 0}:host(cds-radio-button[ai-label]) .cds--radio-button__label-text{display:flex}:host(cds-radio-button[ai-label]) ::slotted(cds-ai-label[inline]),:host(cds-radio-button[ai-label]) ::slotted(cds-slug[inline]){line-height:inherit;margin-block-start:-.0625rem}:host(cds-radio-button-group) .cds--radio-button-group--slug ::slotted(cds-ai-label),:host(cds-radio-button-group) .cds--radio-button-group--slug ::slotted(cds-slug),:host(cds-radio-button[ai-label]) ::slotted(cds-ai-label),:host(cds-radio-button[ai-label]) ::slotted(cds-slug){margin-inline-start:.5rem}']);const G={ArrowLeft:h.NAVIGATION_DIRECTION.BACKWARD,Left:h.NAVIGATION_DIRECTION.BACKWARD,ArrowRight:h.NAVIGATION_DIRECTION.FORWARD,Right:h.NAVIGATION_DIRECTION.FORWARD},H={ArrowUp:h.NAVIGATION_DIRECTION.BACKWARD,Up:h.NAVIGATION_DIRECTION.BACKWARD,ArrowDown:h.NAVIGATION_DIRECTION.FORWARD,Down:h.NAVIGATION_DIRECTION.FORWARD};class V{constructor(e){this._radio=e}get checked(){return this._radio.checked}set checked(e){const{host:a}=this._radio.getRootNode(),{eventChange:i}=a.constructor;a.checked=e,this._radio.tabIndex=e?0:-1,a.dispatchEvent(new CustomEvent(i,{bubbles:!0,composed:!0,detail:{checked:e,value:this._radio.value,name:this._radio.name}}))}get tabIndex(){return this._radio.tabIndex}set tabIndex(e){this._radio.tabIndex=e}get name(){return this._radio.name}get disabled(){return this._radio.disabled}compareDocumentPosition(e){return this._radio.compareDocumentPosition(e._radio)}focus(){this._radio.focus()}}let n=class extends B.HostListenerMixin(S.FocusMixin(u.i)){constructor(){super(...arguments),this._manager=null,this._handleClick=e=>{var a,i;if(!e.target.matches((a=this.constructor)===null||a===void 0?void 0:a.aiLabelItem)&&!e.target.matches((i=this.constructor)===null||i===void 0?void 0:i.slugItem)){const{disabled:d,_radioButtonDelegate:s,readOnly:c}=this;if(c){e.preventDefault();return}s&&!d&&!this.disabledItem&&(this.checked=!0,this._manager&&this._manager.select(s,this.readOnly),this.dispatchEvent(new CustomEvent(this.constructor.eventChange,{bubbles:!0,composed:!0,detail:{checked:this.checked,value:this.value,name:this.name,event:e}}))),this.dispatchEvent(new CustomEvent(this.constructor.eventChange,{bubbles:!0,composed:!0,detail:{checked:this.checked,value:this.value,name:this.name,event:e}}))}},this._handleKeydown=e=>{var a,i;if(!e.target.matches((a=this.constructor)===null||a===void 0?void 0:a.aiLabelItem)&&!e.target.matches((i=this.constructor)===null||i===void 0?void 0:i.slugItem)){const{orientation:d,_radioButtonDelegate:s,disabled:c,disabledItem:m,readOnly:g}=this,p=this._manager;if(g){e.preventDefault();return}if(s&&p&&!c&&!m){const _=(d===f.HORIZONTAL?G:H)[e.key];_&&p.select(p.navigate(s,_),this.readOnly),(e.key===" "||e.key==="Enter")&&p.select(s,this.readOnly)}}},this._hasAILabel=!1,this.checked=!1,this.dataTable=!1,this.defaultChecked=!1,this.disabledItem=!1,this.disabled=!1,this.hideLabel=!1,this.invalid=!1,this.labelPosition=y.RIGHT,this.labelText="",this.orientation=f.HORIZONTAL,this.readOnly=!1,this.required=!1}_handleSlotChange({target:e}){const a=e.assignedNodes().filter(d=>d.matches!==void 0?d.matches(this.constructor.aiLabelItem)||d.matches(this.constructor.slugItem):!1);this._hasAILabel=!!a;const i=a[0].getAttribute("kind");a[0].setAttribute("size",i==="inline"?"md":"mini"),this.requestUpdate()}disconnectedCallback(){this._manager&&this._manager.delete(this._radioButtonDelegate),super.disconnectedCallback()}firstUpdated(){this._radioButtonDelegate=new V(this._inputNode),this.defaultChecked&&this.checked===!1&&(this.checked=!0)}updated(e){const{_hasAILabel:a,_inputNode:i,_radioButtonDelegate:d,name:s}=this;if(e.has("checked")||e.has("name")){this._manager||(this._manager=h.RadioGroupManager.get(this.getRootNode({composed:!0})));const{_manager:c}=this;e.has("name")&&(c.delete(d,e.get("name")),s&&c.add(d)),i.setAttribute("tabindex",!s||!c||this.disabled||this.disabledItem||!c.shouldBeFocusable(d)?"-1":"0")}a?this.setAttribute("ai-label",""):this.removeAttribute("ai-label")}render(){const{checked:e,hideLabel:a,labelText:i,name:d,value:s,disabled:c,disabledItem:m,readOnly:g}=this,p=A.e({[`${o.prefix}--radio-button__label-text`]:!0,[`${o.prefix}--visually-hidden`]:a});return u.x`
|
|
2
|
+
<input
|
|
3
|
+
id="radio"
|
|
4
|
+
type="radio"
|
|
5
|
+
class="${o.prefix}--radio-button"
|
|
6
|
+
.checked=${e}
|
|
7
|
+
?disabled="${m||c}"
|
|
8
|
+
?required=${this.required}
|
|
9
|
+
aria-readonly="${String(!!g)}"
|
|
10
|
+
name=${q.o(d)}
|
|
11
|
+
value=${q.o(s)} />
|
|
12
|
+
<label for="input" class="${o.prefix}--radio-button__label">
|
|
13
|
+
<span class="${o.prefix}--radio-button__appearance"></span>
|
|
14
|
+
<span class="${p}">
|
|
15
|
+
<slot> ${i} </slot>
|
|
16
|
+
<slot name="ai-label" @slotchange="${this._handleSlotChange}"></slot>
|
|
17
|
+
<slot name="slug" @slotchange="${this._handleSlotChange}"></slot
|
|
18
|
+
></span>
|
|
19
|
+
</label>
|
|
20
|
+
`}static get slugItem(){return`${o.prefix}-slug`}static get aiLabelItem(){return`${o.prefix}-ai-label`}static get eventChange(){return`${o.prefix}-radio-button-changed`}};n.shadowRootOptions=Object.assign(Object.assign({},u.i.shadowRootOptions),{delegatesFocus:!0});n.styles=w;t.__decorate([L.e("input")],n.prototype,"_inputNode",void 0);t.__decorate([k.HostListener("click")],n.prototype,"_handleClick",void 0);t.__decorate([k.HostListener("keydown")],n.prototype,"_handleKeydown",void 0);t.__decorate([r.n({type:Boolean,reflect:!0})],n.prototype,"checked",void 0);t.__decorate([r.n({type:Boolean,reflect:!0,attribute:"data-table"})],n.prototype,"dataTable",void 0);t.__decorate([r.n({type:Boolean,attribute:"default-checked"})],n.prototype,"defaultChecked",void 0);t.__decorate([r.n({type:Boolean,reflect:!0})],n.prototype,"disabledItem",void 0);t.__decorate([r.n({type:Boolean,reflect:!0})],n.prototype,"disabled",void 0);t.__decorate([r.n({type:Boolean,reflect:!0,attribute:"hide-label"})],n.prototype,"hideLabel",void 0);t.__decorate([r.n({type:Boolean,reflect:!0})],n.prototype,"invalid",void 0);t.__decorate([r.n({reflect:!0,attribute:"label-position"})],n.prototype,"labelPosition",void 0);t.__decorate([r.n({attribute:"label-text"})],n.prototype,"labelText",void 0);t.__decorate([r.n()],n.prototype,"name",void 0);t.__decorate([r.n({reflect:!0})],n.prototype,"orientation",void 0);t.__decorate([r.n({type:Boolean,reflect:!0})],n.prototype,"readOnly",void 0);t.__decorate([r.n({type:Boolean,reflect:!0})],n.prototype,"required",void 0);t.__decorate([r.n()],n.prototype,"value",void 0);n=t.__decorate([z.carbonElement(`${o.prefix}-radio-button`)],n);let l=class extends E.FormMixin(B.HostListenerMixin(u.i)){constructor(){super(...arguments),this._handleAfterChangeRadioButton=e=>{if(this.readOnly)return;const{selectorRadioButton:a}=this.constructor,i=v.find(this.querySelectorAll(a),s=>s.checked),d=this.value;if(this.value=i&&i.value,d!==this.value){const{eventChange:s}=this.constructor;this.dispatchEvent(new CustomEvent(s,{bubbles:!0,composed:!0,detail:{value:this.value,name:this.name,event:e}}))}},this._hasAILabel=!1,this.disabled=!1,this.labelPosition=y.RIGHT,this.legendText="",this.warn=!1,this.warnText="",this.invalid=!1,this.invalidText="",this.orientation=f.HORIZONTAL,this.readOnly=!1,this.required=!1}_handleFormdata(e){const{formData:a}=e,{disabled:i,name:d,value:s}=this;!i&&typeof d<"u"&&typeof s<"u"&&a.append(d,s)}_handleSlotChange({target:e}){const a=e.assignedNodes().filter(i=>i.matches!==void 0?i.matches(this.constructor.aiLabelItem)||i.matches(this.constructor.slugItem):!1);this._hasAILabel=!!a,a[0].setAttribute("size","mini"),this.requestUpdate()}updated(e){const{selectorRadioButton:a}=this.constructor;if(["disabled","labelPosition","orientation","readOnly","name","required"].forEach(i=>{if(e.has(i)){const{[i]:d}=this;v.forEach(this.querySelectorAll(a),s=>{s[i]=d})}}),e.has("value")){const{value:i}=this;v.forEach(this.querySelectorAll(a),d=>{d.checked=i===d.value})}e.has("invalid")&&v.forEach(this.querySelectorAll(a),i=>{i.invalid=this.invalid})}render(){const{readOnly:e,invalid:a,invalidText:i,warn:d,warnText:s,disabled:c,orientation:m,legendText:g,helperText:p,_hasAILabel:I,_handleSlotChange:_}=this,C=!e&&!a&&d,R=!a&&!c&&!d,O=$.iconLoader(F._16,{class:`${o.prefix}--radio-button__invalid-icon`}),T=$.iconLoader(M._16,{class:`${o.prefix}--radio-button__invalid-icon ${o.prefix}--radio-button__invalid-icon--warning`}),D=p?u.x`<div class="${o.prefix}--form__helper-text">${p}</div>`:null,N=A.e({[`${o.prefix}--radio-button-group`]:!0,[`${o.prefix}--radio-button-group--readonly`]:e,[`${o.prefix}--radio-button-group--${m}`]:m==="vertical",[`${o.prefix}--radio-button-group--slug`]:I});return u.x` <fieldset
|
|
21
|
+
class="${N}"
|
|
22
|
+
?disabled="${c}"
|
|
23
|
+
aria-readonly="${e}">
|
|
24
|
+
${g?u.x` <legend class="${o.prefix}--label">
|
|
25
|
+
${g}
|
|
26
|
+
<slot name="ai-label" @slotchange="${_}"></slot>
|
|
27
|
+
<slot name="slug" @slotchange="${_}"></slot>
|
|
28
|
+
</legend>`:""}
|
|
29
|
+
<slot></slot>
|
|
30
|
+
</fieldset>
|
|
31
|
+
<div class="${o.prefix}--radio-button__validation-msg">
|
|
32
|
+
${!e&&a?u.x`
|
|
33
|
+
${O}
|
|
34
|
+
<div class="${o.prefix}--form-requirement">${i}</div>
|
|
35
|
+
`:null}
|
|
36
|
+
${C?u.x`${T}
|
|
37
|
+
<div class="${o.prefix}--form-requirement">${s}</div>`:null}
|
|
38
|
+
</div>
|
|
39
|
+
${R?D:null}`}static get selectorRadioButton(){return`${o.prefix}-radio-button`}static get slugItem(){return`${o.prefix}-slug`}static get aiLabelItem(){return`${o.prefix}-ai-label`}static get eventChange(){return`${o.prefix}-radio-button-group-changed`}static get eventChangeRadioButton(){return`${o.prefix}-radio-button-changed`}};l.styles=w;t.__decorate([k.HostListener("eventChangeRadioButton")],l.prototype,"_handleAfterChangeRadioButton",void 0);t.__decorate([r.n()],l.prototype,"defaultSelected",void 0);t.__decorate([r.n({type:Boolean,reflect:!0})],l.prototype,"disabled",void 0);t.__decorate([r.n({reflect:!0,attribute:"label-position"})],l.prototype,"labelPosition",void 0);t.__decorate([r.n({reflect:!0,attribute:"legend-text"})],l.prototype,"legendText",void 0);t.__decorate([r.n({attribute:"helper-text"})],l.prototype,"helperText",void 0);t.__decorate([r.n({type:Boolean,reflect:!0})],l.prototype,"warn",void 0);t.__decorate([r.n({attribute:"warn-text"})],l.prototype,"warnText",void 0);t.__decorate([r.n({type:Boolean,reflect:!0})],l.prototype,"invalid",void 0);t.__decorate([r.n({attribute:"invalid-text"})],l.prototype,"invalidText",void 0);t.__decorate([r.n()],l.prototype,"name",void 0);t.__decorate([r.n({reflect:!0})],l.prototype,"orientation",void 0);t.__decorate([r.n({type:Boolean,reflect:!0})],l.prototype,"readOnly",void 0);t.__decorate([r.n({type:Boolean,reflect:!0})],l.prototype,"required",void 0);t.__decorate([r.n()],l.prototype,"value",void 0);l=t.__decorate([z.carbonElement(`${o.prefix}-radio-button-group`)],l);let x=class extends u.i{render(){return u.x`
|
|
40
|
+
<div class="${o.prefix}--radio-button ${o.prefix}--skeleton"></div>
|
|
41
|
+
<span class="${o.prefix}--radio-button__label ${o.prefix}--skeleton"></span>
|
|
42
|
+
`}};x.styles=w;x=t.__decorate([z.carbonElement(`${o.prefix}-radio-button-skeleton`)],x);
|