@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,160 @@
|
|
|
1
|
+
"use strict";const a=require("./tslib.es6-B07k2eac.js"),b=require("./main-BPWCMI5R.js"),p=require("./property-DCTz3KPt.js"),R=require("./query-Dh8joWcT.js"),M=require("./class-map-CziJvhVR.js"),s=require("./settings-Bgpv8zuU.js"),Y=require("./focus-B3iymVyL.js"),ie=require("./form-D6Tce4-W.js"),se=require("./host-listener-gxrTpxgv.js"),Z=require("./host-listener-rUcT_LUW.js"),j=require("./carbon-element-CbfPUYRT.js"),D=require("./if-defined-uehgcl8e.js"),V=require("./icon-loader-CsKt-G8D.js"),re=require("./16-4Ffg4DOO.js"),de=require("./16-CpNRIuiB.js");function S(r){var e=typeof r;return r!=null&&(e=="object"||e=="function")}var ne=typeof global=="object"&&global&&global.Object===Object&&global,ae=typeof self=="object"&&self&&self.Object===Object&&self,K=ne||ae||Function("return this")(),B=function(){return K.Date.now()},le=/\s/;function oe(r){for(var e=r.length;e--&&le.test(r.charAt(e)););return e}var ce=/^\s+/;function pe(r){return r&&r.slice(0,oe(r)+1).replace(ce,"")}var I=K.Symbol,G=Object.prototype,ue=G.hasOwnProperty,_e=G.toString,U=I?I.toStringTag:void 0;function he(r){var e=ue.call(r,U),t=r[U];try{r[U]=void 0;var i=!0}catch{}var d=_e.call(r);return i&&(e?r[U]=t:delete r[U]),d}var me=Object.prototype,be=me.toString;function fe(r){return be.call(r)}var ve="[object Null]",ge="[object Undefined]",P=I?I.toStringTag:void 0;function xe(r){return r==null?r===void 0?ge:ve:P&&P in Object(r)?he(r):fe(r)}function ye(r){return r!=null&&typeof r=="object"}var we="[object Symbol]";function ke(r){return typeof r=="symbol"||ye(r)&&xe(r)==we}var F=NaN,ze=/^[-+]0x[0-9a-f]+$/i,$e=/^0b[01]+$/i,Me=/^0o[0-7]+$/i,Ce=parseInt;function X(r){if(typeof r=="number")return r;if(ke(r))return F;if(S(r)){var e=typeof r.valueOf=="function"?r.valueOf():r;r=S(e)?e+"":e}if(typeof r!="string")return r===0?r:+r;r=pe(r);var t=$e.test(r);return t||Me.test(r)?Ce(r.slice(2),t?2:8):ze.test(r)?F:+r}var Te="Expected a function",Ne=Math.max,Ue=Math.min;function qe(r,e,t){var i,d,n,o,l,c,h=0,m=!1,y=!1,w=!0;if(typeof r!="function")throw new TypeError(Te);e=X(e)||0,S(t)&&(m=!!t.leading,y="maxWait"in t,n=y?Ne(X(t.maxWait)||0,e):n,w="trailing"in t?!!t.trailing:w);function v(f){var z=i,C=d;return i=d=void 0,h=f,o=r.apply(C,z),o}function k(f){return h=f,l=setTimeout(g,e),m?v(f):o}function $(f){var z=f-c,C=f-h,N=e-z;return y?Ue(N,n-C):N}function _(f){var z=f-c,C=f-h;return c===void 0||z>=e||z<0||y&&C>=n}function g(){var f=B();if(_(f))return q(f);l=setTimeout(g,$(f))}function q(f){return l=void 0,w&&i?v(f):(i=d=void 0,o)}function H(){l!==void 0&&clearTimeout(l),h=0,i=c=d=l=void 0}function L(){return l===void 0?o:q(B())}function T(){var f=B(),z=_(f);if(i=arguments,d=this,c=f,z){if(l===void 0)return k(c);if(y)return clearTimeout(l),l=setTimeout(g,e),v(c)}return l===void 0&&(l=setTimeout(g,e)),o}return T.cancel=H,T.flush=L,T}var Se="Expected a function";function A(r,e,t){var i=!0,d=!0;if(typeof r!="function")throw new TypeError(Se);return S(t)&&(i="leading"in t?!!t.leading:i,d="trailing"in t?!!t.trailing:d),qe(r,e,{leading:i,maxWait:e,trailing:d})}var O=b.i$1(['.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)}@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}}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{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--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--text-input{--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)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));border:0;box-sizing:border-box;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--text-input *,.cds--text-input :after,.cds--text-input :before{box-sizing:inherit}.cds--text-input{background-color:var(--cds-field);block-size:var(--cds-layout-size-height-local);border:none;border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);font-family:inherit;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);outline:2px solid transparent;outline-offset:-2px;padding:0 var(--cds-layout-density-padding-inline-local);transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--text-input:active,.cds--text-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--text-input:active,.cds--text-input:focus{outline-style:dotted}}.cds--text-input-wrapper svg[hidden]{display:none}.cds--password-input{padding-inline-end:2.5rem}.cds--text-input--sm.cds--password-input{padding-inline-end:2rem}.cds--text-input--lg.cds--password-input{padding-inline-end:3rem}.cds--text-input::-moz-placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds--text-input::placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds--text-input--light{background-color:var(--cds-field-02,#fff)}.cds--text-input__field-wrapper{display:flex;inline-size:100%;position:relative}.cds--text-input__invalid-icon{position:absolute;fill:var(--cds-support-error,#da1e28);inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds--text-input__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--text-input__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.cds--text-input--password__visibility{align-items:center;display:inline-flex;overflow:visible;position:relative}.cds--text-input--password__visibility:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--text-input--password__visibility:focus{outline-style:dotted}}.cds--text-input--password__visibility{cursor:pointer}.cds--text-input--password__visibility:focus{outline:1px solid transparent}.cds--text-input--password__visibility:focus svg{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--text-input--password__visibility:focus svg{outline-style:dotted}}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{align-items:center;display:flex;opacity:0;pointer-events:none;position:absolute;z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{display:inline-block}}.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{transition:none}}.cds--text-input--password__visibility.cds--tooltip--a11y:after,.cds--text-input--password__visibility.cds--tooltip--a11y:before{transition:none}.cds--text-input--password__visibility:before{block-size:0;border-style:solid;content:"";inline-size:0}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text{box-sizing:content-box;color:inherit;opacity:1;white-space:normal;word-break:break-word}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{background-color:var(--cds-background-inverse,#393939);block-size:auto;border-radius:.125rem;box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));color:var(--cds-text-inverse,#fff);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:400;font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:-moz-max-content;inline-size:max-content;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);max-inline-size:13rem;min-inline-size:1.5rem;padding:.1875rem 1rem;text-align:start;transform:translateX(-50%);z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-accelerator:true){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-ime-align:auto){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inline-size:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{border:1px solid transparent}}.cds--text-input--password__visibility:after{content:attr(aria-label)}.cds--text-input--password__visibility.cds--tooltip--a11y:after{content:none}.cds--text-input--password__visibility.cds--tooltip--visible:after,.cds--text-input--password__visibility.cds--tooltip--visible:before,.cds--text-input--password__visibility:focus:after,.cds--text-input--password__visibility:focus:before,.cds--text-input--password__visibility:hover:after,.cds--text-input--password__visibility:hover:before{opacity:1}@keyframes cds--tooltip-fade{0%{opacity:0}to{opacity:1}}.cds--text-input--password__visibility.cds--tooltip--visible .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible+.cds--assistive-text,.cds--text-input--password__visibility:focus .cds--assistive-text,.cds--text-input--password__visibility:focus+.cds--assistive-text,.cds--text-input--password__visibility:hover .cds--assistive-text,.cds--text-input--password__visibility:hover+.cds--assistive-text{margin:auto;overflow:visible;clip:auto}.cds--text-input--password__visibility.cds--tooltip--visible .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible+.cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible.cds--tooltip--a11y:before,.cds--text-input--password__visibility:focus .cds--assistive-text,.cds--text-input--password__visibility:focus+.cds--assistive-text,.cds--text-input--password__visibility:focus.cds--tooltip--a11y:before,.cds--text-input--password__visibility:hover .cds--assistive-text,.cds--text-input--password__visibility:hover+.cds--assistive-text,.cds--text-input--password__visibility:hover.cds--tooltip--a11y:before{animation:cds--tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)}.cds--text-input--password__visibility.cds--tooltip--hidden .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--hidden+.cds--assistive-text{margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.cds--text-input--password__visibility.cds--tooltip--hidden.cds--tooltip--a11y:before{animation:none;opacity:0}.cds--text-input--password__visibility .cds--assistive-text:after{block-size:.75rem;content:"";display:block;inline-size:100%;inset-block-start:-.75rem;inset-inline-start:0;position:absolute}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{inset-block-end:0;inset-inline-start:50%}.cds--text-input--password__visibility:before{border-color:transparent transparent var(--cds-background-inverse,#393939);border-width:0 .25rem .3125rem;inset-block-end:-.5rem;transform:translate(-50%,100%)}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inset-block-end:-.8125rem;transform:translate(-50%,100%)}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{align-items:center;background:none;block-size:100%;border:0;cursor:pointer;display:flex;inline-size:2.5rem;inset-inline-end:0;justify-content:center;min-block-size:auto;outline:2px solid transparent;outline-offset:-2px;padding:0;position:absolute;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--toggle-password-tooltip .cds--popover{inset-inline-start:-2.5rem}.cds--toggle-password-tooltip .cds--popover-content{min-inline-size:2.5rem}.cds--text-input--sm+.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{inline-size:2rem}.cds--text-input--lg+.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{inline-size:3rem}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252);transition:fill 70ms cubic-bezier(.2,0,.38,.9)}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus{outline-style:dotted}}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus svg,.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover svg{fill:var(--cds-icon-primary,#161616)}.cds--text-input--invalid,.cds--text-input--warning{padding-inline-end:2.5rem}.cds--text-input--invalid.cds--password-input{padding-inline-end:4rem}.cds--text-input--invalid+.cds--text-input--password__visibility__toggle{inset-inline-end:1rem}.cds--password-input-wrapper .cds--text-input__invalid-icon{inset-inline-end:2.5rem}.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{cursor:not-allowed}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger svg,.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg,.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg:hover{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger{cursor:default}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover{cursor:default}.cds--text-input__counter-alert{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px}.cds--text-input:disabled{background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;outline:2px solid transparent;outline-offset:-2px;-webkit-text-fill-color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--text-input--light:disabled{background-color:var(--cds-field-02,#fff)}.cds--text-input:disabled::-moz-placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds--text-input:disabled::placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds--text-input--invalid{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--text-input--invalid{outline-style:dotted}}.cds--text-input--invalid{box-shadow:none}.cds--text-input--invalid .cds--text-input--password__visibility__toggle{inset-inline-end:2.5rem}.cds--skeleton.cds--text-input{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--skeleton.cds--text-input:active,.cds--skeleton.cds--text-input:focus,.cds--skeleton.cds--text-input:hover{border:none;cursor:default;outline:none}.cds--skeleton.cds--text-input: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--skeleton.cds--text-input:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--skeleton.cds--text-input{background:CanvasText}.cds--skeleton.cds--text-input:before{background:Canvas;forced-color-adjust:none}}.cds--form--fluid .cds--text-input-wrapper{background:var(--cds-field);position:relative;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--form--fluid .cds--label{align-items:center;block-size:1rem;display:flex;inset-block-start:.8125rem;inset-inline-start:1rem;margin:0;position:absolute;z-index:1}.cds--form--fluid .cds--form__helper-text{display:none}.cds--form--fluid .cds--text-input{min-block-size:4rem;padding:2rem 1rem .8125rem}.cds--form--fluid .cds--text-input__divider,.cds--text-input__divider{display:none}.cds--form--fluid .cds--text-input--invalid,.cds--form--fluid .cds--text-input--warning{border-block-end:none}.cds--form--fluid .cds--text-input--invalid+.cds--text-input__divider,.cds--form--fluid .cds--text-input--warning+.cds--text-input__divider{border-color:var(--cds-border-subtle);border-style:solid;border-block-end:none;display:block;margin:0 1rem}.cds--form--fluid .cds--text-input__invalid-icon{inset-block-start:5rem}.cds--form--fluid .cds--text-input__field-wrapper--warning>.cds--text-input--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid{outline:none}.cds--form--fluid .cds--text-input__field-wrapper--warning{border-block-end:1px solid var(--cds-border-strong)}.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus){outline-style:dotted}}.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within{outline-style:dotted}}.cds--form--fluid .cds--text-input__field-wrapper--warning>.cds--text-input--warning:focus,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:focus{outline:none}.cds--text-input-wrapper.cds--text-input-wrapper--inline{flex-flow:row wrap}.cds--text-input-wrapper .cds--label--inline{flex:1;margin:.8125rem 0 0;overflow-wrap:break-word;word-break:break-word}.cds--text-input-wrapper .cds--label--inline--sm{margin-block-start:.5625rem}.cds--text-input-wrapper .cds--label--inline--lg{margin-block-start:1.0625rem}.cds--text-input__label-helper-wrapper{flex:2;flex-direction:column;margin-inline-end:1.5rem;max-inline-size:8rem;overflow-wrap:break-word}.cds--text-input-wrapper .cds--form__helper-text--inline{margin-block-start:.125rem}.cds--text-input__field-outer-wrapper{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;inline-size:100%}.cds--text-input__field-outer-wrapper--inline{flex:8;flex-direction:column}.cds--text-input-wrapper--inline .cds--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds--text-input-wrapper--inline--invalid .cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input-wrapper--readonly,.cds--text-input-wrapper--readonly .cds--text-input{background:transparent;border-block-end-color:var(--cds-border-subtle)}.cds--text-input__field-wrapper .cds--ai-label,.cds--text-input__field-wrapper .cds--slug,.cds--text-input__field-wrapper--decorator .cds--text-input__field-inner-wrapper--decorator>*{inset-block-start:50%;inset-inline-end:1rem;position:absolute;transform:translateY(-50%)}.cds--text-input__field-wrapper--decorator .cds--text-input:has(~.cds--text-input__field-inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--text-input__field-inner-wrapper--decorator .cds--ai-label--revert)),.cds--text-input__field-wrapper--slug .cds--text-input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--text-input__field-wrapper--slug .cds--text-input:has(~.cds--slug):not(:has(~.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds--text-input__field-wrapper--decorator .cds--text-input:has(~.cds--text-input__field-inner-wrapper--decorator>*),.cds--text-input__field-wrapper--slug .cds--text-input:has(~.cds--ai-label),.cds--text-input__field-wrapper--slug .cds--text-input:has(~.cds--slug){padding-inline-end:2.5rem}.cds--text-input--invalid:has(~.cds--ai-label),.cds--text-input--invalid:has(~.cds--slug),.cds--text-input--invalid:has(~.cds--text-input__field-inner-wrapper--decorator>*),.cds--text-input--warning:has(~.cds--ai-label),.cds--text-input--warning:has(~.cds--slug),.cds--text-input--warning:has(~.cds--text-input__field-inner-wrapper--decorator>*){padding-inline-end:4rem}.cds--text-input--invalid~.cds--ai-label,.cds--text-input--invalid~.cds--slug,.cds--text-input--invalid~.cds--text-input__field-inner-wrapper--decorator>*,.cds--text-input--warning~.cds--ai-label,.cds--text-input--warning~.cds--slug,.cds--text-input--warning~.cds--text-input__field-inner-wrapper--decorator>*{inset-inline-end:2.5rem}.cds--text-input__field-wrapper--decorator .cds--text-input__field-inner-wrapper--decorator:not(:has(.cds--ai-label))>*{block-size:1rem}.cds--text-input__label-wrapper{display:flex;inline-size:100%;justify-content:space-between}.cds--slider-container{align-items:center;display:flex;gap:1rem;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds--slider{cursor:pointer;inline-size:100%;max-inline-size:40rem;min-inline-size:12.5rem;padding:1rem 0;position:relative}.cds--slider-container--two-handles .cds--slider{margin-inline:.25rem}.cds--slider__range-label{color:var(--cds-text-primary,#161616);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);white-space:nowrap}.cds--slider__track{block-size:.125rem;inline-size:100%;transform:translateY(-50%)}.cds--slider__track,.cds--slider__track:before{background:var(--cds-border-subtle);position:absolute}.cds--slider__track:before{block-size:.25rem;content:"";display:inline-block;inline-size:.125rem;inset-block-start:-.3125rem;inset-inline-start:50%;transform:translate(-50%)}.cds--slider__filled-track{background:var(--cds-layer-selected-inverse,#161616);block-size:.125rem;inline-size:100%;pointer-events:none;position:absolute;transform:translateY(-50%);transform-origin:left;transition:background .11s cubic-bezier(.2,0,.38,.9)}.cds--slider__thumb-wrapper{block-size:.875rem;inline-size:.875rem;position:absolute;transform:translate(-50%,-50%);z-index:3;--cds-tooltip-padding-inline:0.5rem;--cds-popover-offset:0.5rem}.cds--slider-container--rtl .cds--slider__thumb-wrapper{transform:translate(50%,-50%)}.cds--slider__thumb-wrapper--lower,.cds--slider__thumb-wrapper--upper{block-size:24px;inline-size:16px;--cds-popover-offset:var(--cds-popover-caret-height,0.5rem)}.cds--slider__thumb-wrapper--lower{transform:translate(-100%,-50%)}.cds--slider__thumb-wrapper--lower>.cds--popover>.cds--popover-content{transform:translate(50%,calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--slider__thumb-wrapper--lower>.cds--popover>.cds--popover-caret{inset-inline-start:revert;transform:translate(50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--slider-container--rtl .cds--slider__thumb-wrapper--lower{transform:translate(100%,-50%)}.cds--slider-container--rtl .cds--slider__thumb-wrapper--lower>.cds--popover>.cds--popover-content{transform:translateY(calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--slider-container--rtl .cds--slider__thumb-wrapper--lower>.cds--popover>.cds--popover-caret{transform:translate(-50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--slider__thumb-wrapper--upper{transform:translateY(-50%)}.cds--slider__thumb-wrapper--upper>.cds--popover>.cds--popover-content{transform:translate(-50%,calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--slider__thumb-wrapper--upper>.cds--popover>.cds--popover-caret{transform:translate(-50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--slider-container--rtl .cds--slider__thumb-wrapper--upper{transform:translateY(-50%)}.cds--slider-container--rtl .cds--slider__thumb-wrapper--upper>.cds--popover>.cds--popover-content{transform:translateY(calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--slider-container--rtl .cds--slider__thumb-wrapper--upper>.cds--popover>.cds--popover-caret{transform:translate(50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--slider__thumb{background:var(--cds-layer-selected-inverse,#161616);border-radius:50%;box-shadow:inset 0 0 0 1px transparent,inset 0 0 0 2px transparent;inset:0;outline:none;position:absolute;transition:transform .11s cubic-bezier(.2,0,.38,.9),background .11s cubic-bezier(.2,0,.38,.9),box-shadow .11s cubic-bezier(.2,0,.38,.9)}.cds--slider__thumb:hover{transform:scale(1.4286)}.cds--slider__thumb:focus{background-color:var(--cds-interactive,#0f62fe);box-shadow:inset 0 0 0 2px var(--cds-interactive,#0f62fe),inset 0 0 0 3px var(--cds-layer);transform:scale(1.4286)}.cds--slider__thumb:active{box-shadow:inset 0 0 0 2px var(--cds-interactive,#0f62fe);transform:scale(1.4286)}.cds--slider__thumb-icon{fill:var(--cds-layer-selected-inverse,#161616)}.cds--slider__thumb-icon--focus{display:none;fill:var(--cds-interactive,#0f62fe)}.cds--slider__thumb--lower,.cds--slider__thumb--upper{background-color:transparent;border-radius:unset;box-shadow:none;inset:0;position:absolute;transition:none}.cds--slider__thumb--lower:before,.cds--slider__thumb--upper:before{background:var(--cds-background,#fff);block-size:.125rem;content:"";display:block;inline-size:.375rem;inset-block-start:calc(50% - .0625rem);inset-inline-end:0;position:absolute;z-index:-1}.cds--slider__thumb--lower:hover,.cds--slider__thumb--upper:hover{transform:none}.cds--slider__thumb--lower:hover .cds--slider__thumb-icon,.cds--slider__thumb--upper:hover .cds--slider__thumb-icon{fill:var(--cds-text-secondary,#525252)}.cds--slider__thumb--lower:active,.cds--slider__thumb--upper:active{box-shadow:none;transform:none}.cds--slider__thumb--lower:focus,.cds--slider__thumb--upper:focus{background-color:transparent;box-shadow:none;transform:none}.cds--slider__thumb--lower:focus .cds--slider__thumb-icon,.cds--slider__thumb--upper:focus .cds--slider__thumb-icon{display:none;fill:var(--cds-interactive,#0f62fe)}.cds--slider__thumb--lower:focus .cds--slider__thumb-icon--focus,.cds--slider__thumb--upper:focus .cds--slider__thumb-icon--focus{display:block}.cds--slider__thumb--lower:focus:before,.cds--slider__thumb--upper:focus:before{inline-size:100%}.cds--slider__thumb--upper{transform:none}.cds--slider__thumb--upper:before{inset-inline:0 auto}.cds--slider__thumb--upper:active,.cds--slider__thumb--upper:focus,.cds--slider__thumb--upper:hover{transform:none}.cds--slider__input{display:none}.cds--slider-text-input-wrapper{position:relative}.cds--slider-text-input-wrapper--hidden{display:none}.cds--slider-text-input,.cds-slider-text-input{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;block-size:2.5rem;inline-size:4rem}.cds--slider-text-input::-webkit-inner-spin-button,.cds--slider-text-input::-webkit-outer-spin-button,.cds-slider-text-input::-webkit-inner-spin-button,.cds-slider-text-input::-webkit-outer-spin-button{display:none}.cds--slider__thumb-wrapper:focus-within~.cds--slider__filled-track,.cds--slider__thumb:focus~.cds--slider__filled-track{background-color:var(--cds-border-interactive,#0f62fe)}.cds--slider-text-input--warn,.cds--slider-text-input.cds--text-input--invalid{inline-size:6rem;padding-inline-end:3rem}.cds--slider__invalid-icon{position:absolute;fill:var(--cds-support-error,#da1e28);inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds--slider__validation-msg.cds--form-requirement{display:block;max-block-size:100%;overflow:visible}.cds--slider__validation-msg--invalid{color:var(--cds-text-error,#da1e28)}.cds--slider__invalid-icon.cds--slider__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--slider__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.cds--label--disabled~.cds--slider-container>.cds--slider__range-label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--slider--disabled.cds--slider{cursor:not-allowed}.cds--slider--disabled .cds--slider__thumb{background-color:var(--cds-border-disabled,#c6c6c6)}.cds--slider--disabled .cds--slider__thumb:hover{cursor:not-allowed;transform:none}.cds--slider--disabled .cds--slider__thumb:focus{background-color:var(--cds-border-disabled,#c6c6c6);box-shadow:none;outline:none;transform:none}.cds--slider--disabled .cds--slider__thumb:active{background:var(--cds-border-disabled,#c6c6c6);box-shadow:none;transform:none}.cds--slider--disabled .cds--slider__thumb--lower,.cds--slider--disabled .cds--slider__thumb--upper{background-color:transparent}.cds--slider--disabled .cds--slider__thumb--lower:active,.cds--slider--disabled .cds--slider__thumb--lower:focus,.cds--slider--disabled .cds--slider__thumb--lower:hover,.cds--slider--disabled .cds--slider__thumb--upper:active,.cds--slider--disabled .cds--slider__thumb--upper:focus,.cds--slider--disabled .cds--slider__thumb--upper:hover{background-color:transparent;transform:none}.cds--slider--disabled .cds--slider__thumb--lower .cds--slider__thumb-icon,.cds--slider--disabled .cds--slider__thumb--upper .cds--slider__thumb-icon{fill:var(--cds-border-disabled,#c6c6c6)}.cds--slider--disabled .cds--slider__filled-track,.cds--slider--disabled .cds--slider__thumb:focus~.cds--slider__filled-track,.cds--slider--disabled .cds--slider__track{background-color:var(--cds-border-disabled,#c6c6c6)}.cds--slider--disabled~.cds--form-item .cds--slider-text-input,.cds--slider--disabled~.cds--slider-text-input{background-color:var(--cds-field);border:none;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;transition:none}.cds--slider--disabled~.cds--form-item .cds--slider-text-input:active,.cds--slider--disabled~.cds--form-item .cds--slider-text-input:focus,.cds--slider--disabled~.cds--form-item .cds--slider-text-input:hover,.cds--slider--disabled~.cds--slider-text-input:active,.cds--slider--disabled~.cds--slider-text-input:focus,.cds--slider--disabled~.cds--slider-text-input:hover{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));outline:none}.cds--slider--readonly{cursor:default}.cds--slider-container--readonly .cds--slider__thumb{block-size:0;inline-size:0}.cds--slider-container--readonly .cds--slider__thumb:after,.cds--slider-container--readonly .cds--slider__thumb:before{display:none}.cds--slider-container--readonly .cds--slider-text-input{background-color:transparent}.cds--slider__status-msg.cds--form-requirement{display:block;max-block-size:100%;overflow:visible}.cds--slider-container.cds--skeleton .cds--slider__range-label{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--slider-container.cds--skeleton .cds--slider__range-label:active,.cds--slider-container.cds--skeleton .cds--slider__range-label:focus,.cds--slider-container.cds--skeleton .cds--slider__range-label:hover{border:none;cursor:default;outline:none}.cds--slider-container.cds--skeleton .cds--slider__range-label: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--slider-container.cds--skeleton .cds--slider__range-label:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--slider-container.cds--skeleton .cds--slider__range-label{background:CanvasText}.cds--slider-container.cds--skeleton .cds--slider__range-label:before{background:Canvas;forced-color-adjust:none}}.cds--slider-container.cds--skeleton .cds--slider__range-label{block-size:.75rem;inline-size:1.25rem}.cds--slider-container.cds--skeleton .cds--slider__track{cursor:default;pointer-events:none}.cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper{inset-inline-start:50%}.cds--slider-container.cds--skeleton .cds--slider__thumb{cursor:default;pointer-events:none}.cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper--lower{inset-inline-start:0}.cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper--upper{inset-inline-start:100%}.cds--popover-container.cds--slider__thumb-wrapper{position:absolute}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--slider__thumb{outline:1px solid transparent}.cds--slider__thumb:focus{color:Highlight;outline:1px solid Highlight}.cds--slider__track{outline:1px solid transparent}}:host(cds-slider),:host(cds-slider-skeleton){outline:none;--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}:host(cds-slider) .cds--slider,:host(cds-slider-skeleton) .cds--slider{transform:rotate(0)}:host(cds-slider) .cds-ce--slider__filled-track-container,:host(cds-slider-skeleton) .cds-ce--slider__filled-track-container{transform:rotate(0)}:host(cds-slider) .cds--slider__thumb,:host(cds-slider-skeleton) .cds--slider__thumb{block-size:.875rem;inline-size:.875rem;inset:inherit;transform:translate(-50%,-50%);z-index:3}:host(cds-slider) .cds--slider__thumb:focus~.cds-ce--slider__filled-track-container .cds--slider__filled-track,:host(cds-slider-skeleton) .cds--slider__thumb:focus~.cds-ce--slider__filled-track-container .cds--slider__filled-track{background-color:var(--cds-interactive,#0f62fe)}:host(cds-slider-input){position:relative}:host(cds-slider-input) input{box-sizing:border-box}:host(cds-slider-input[readonly]) input{background-color:transparent}.cds--slider__thumb-wrapper:focus-within .cds--slider__thumb-icon{display:none}.cds--slider__thumb-wrapper:focus-within .cds--slider__thumb-icon--focus{display:block}.cds--slider__thumb-disabled{pointer-events:none}:host(cds-slider-skeleton) .cds--slider__thumb{inset-inline-start:50%}:host(cds-slider-skeleton) .cds--slider__thumb--lower,:host(cds-slider-skeleton) .cds--slider__thumb--upper{block-size:inherit;inline-size:inherit;inset:initial;inset-inline-start:auto;transform:unset}.cds--slider--readonly .cds--slider__filled-track{background:var(--cds-border-inverse,#161616)}']);const W={Left:-1,ArrowLeft:-1,Up:-1,ArrowUp:-1,Right:1,ArrowRight:1,Down:1,ArrowDown:1},Ie=16;let u=class extends se.HostListenerMixin(ie.FormMixin(Y.FocusMixin(b.i))){constructor(){super(...arguments),this._cachedRateUpper=1,this._cachedRate=0,this.dragCooldownTimeout=null,this.dragCoolDown=!1,this._max="100",this._min="0",this._step="1",this._stepMultiplier="4",this._throttledHandlePointermoveImpl=null,this._dragging=!1,this._draggingUpper=!1,this.onDrag=A(this._startDrag,Ie,{leading:!0,trailing:!1}),this._handlePointermove=e=>{const{disabled:t,_dragging:i,_draggingUpper:d}=this;!t&&(i||d)&&this._throttledHandlePointermoveImpl(e)},this._endDrag=()=>{this._dragging||this._draggingUpper?this.dragCoolDown=!0:this.dragCoolDown=!1,this._dragging?(this.dispatchEvent(new CustomEvent(this.constructor.eventChange,{bubbles:!0,composed:!0,detail:{value:this.value}})),this._dragging=!1,this._thumbNode.style.touchAction=""):this._draggingUpper&&(this.dispatchEvent(new CustomEvent(this.constructor.eventChange,{bubbles:!0,composed:!0,detail:{value:this.unstable_valueUpper}})),this._draggingUpper=!1,this._thumbNodeUpper.style.touchAction=""),(this._dragging||this._draggingUpper)&&(this.dragCooldownTimeout=window.setTimeout(()=>{this.dragCoolDown=!1},100))},this._handleChangeInput=e=>{var t;const i=e.target,d=(t=i.shadowRoot)===null||t===void 0?void 0:t.querySelector("input");this.isValid=i.tagName==="CDS-SLIDER-INPUT"?this._getInputValidity(i):this.isValid,this.warn=this._getInputWarnigState(d);const n=e.target.id,{detail:o}=e,{intermediate:l,value:c}=o;this.warnText=l?`The inputted value ${l} was corrected to the nearest allowed digit`:"",l!==c&&(n==="upper"?this.unstable_valueUpper=c:this.value=c);const h=n==="upper"?this.unstable_valueUpper:this.value;h!==""&&this.dispatchEvent(new CustomEvent(this.constructor.eventChange,{bubbles:!0,composed:!0,detail:{value:h,intermediate:l}}))},this.disabled=!1,this.required=!1,this.readonly=!1,this.labelText="",this.maxLabel="",this.minLabel="",this.hideLabel=!1,this.formatMaxText=(e,t)=>`${e}${t}`,this.formatMinText=(e,t)=>`${e}${t}`,this.invalid=!1,this.invalidText="",this.warn=!1,this.warnText="",this.hideTextInput=!1}get _rate(){const{max:e,min:t,value:i}=this;if(i){const d=(Math.min(Number(e),Math.max(Number(t),i))-Number(t))/(Number(e)-Number(t));return this._cachedRate=d,d}else return this._cachedRate}set _rate(e){const{max:t,min:i,step:d}=this;this.value=Number(i)+Math.round((Number(t)-Number(i))*Math.min(1,Math.max(0,e))/Number(d))*Number(d)}get _rateUpper(){const{max:e,min:t,unstable_valueUpper:i}=this;if(i){const d=(Math.min(Number(e),Math.max(Number(t),i))-Number(t))/(Number(e)-Number(t));return this._cachedRateUpper=d,d}else return this._cachedRateUpper}set _rateUpper(e){const{max:t,min:i,step:d}=this;this.unstable_valueUpper=Number(i)+Math.round((Number(t)-Number(i))*Math.min(1,Math.max(0,e))/Number(d))*Number(d)}_handleClickLabel(){var e;(e=this._thumbNode)===null||e===void 0||e.focus()}_handleFormdata(e){const{formData:t}=e,{disabled:i,name:d,value:n}=this;i||t.append(d,String(n))}_handleKeydown(e){const t=e.target.id,{key:i,shiftKey:d}=e;if(!this.disabled&&!this.readonly&&i in W){const{max:n,min:o,step:l,stepMultiplier:c,value:h,unstable_valueUpper:m}=this,y=Number(n),w=Number(o),v=Number(l),k=Number(c),$=(d?(y-w)/k:v)*W[i];if(t=="thumb-upper"){const _=(m+$)/v,g=Math.min(y,Math.max(w,($>=0?Math.floor(_):Math.ceil(_))*v));g>=this.value&&(this.unstable_valueUpper=g),this.dispatchEvent(new CustomEvent(this.constructor.eventChange,{bubbles:!0,composed:!0,detail:{value:this.unstable_valueUpper,intermediate:!1}}))}else{const _=(h+$)/v,g=Math.min(y,Math.max(w,($>=0?Math.floor(_):Math.ceil(_))*v));(!this.unstable_valueUpper||g<=this.unstable_valueUpper)&&(this.value=g),this.dispatchEvent(new CustomEvent(this.constructor.eventChange,{bubbles:!0,composed:!0,detail:{value:this.value,intermediate:!1}}))}}}_startDrag(e){if(!this.readonly&&!this.disabled){let t=e.target.id;if(!t){const i=e.target.nodeName;(i=="path"||i=="svg")&&(t=e.target.parentElement.closest(".cds--slider__thumb-wrapper").id)}t==="thumb"?(this._dragging=!0,this._thumbNode.style.touchAction="none"):(this._draggingUpper=!0,this._thumbNodeUpper.style.touchAction="none")}}_handleClick(e){let t=e.target.id;if(!t){const i=e.target.nodeName;(i=="path"||i=="svg")&&(t=e.target.parentElement.closest(".cds--slider__thumb-wrapper").id)}if(!this.disabled&&!this.readonly){const{_trackNode:i}=this,d=i.ownerDocument.defaultView.getComputedStyle(i).getPropertyValue("direction")==="rtl",n=e.clientX,{left:o,width:l}=i.getBoundingClientRect();if(t==="thumb-upper")this._rateUpper=(d?o+l-n:n-o)/l,this.dispatchEvent(new CustomEvent(this.constructor.eventChange,{bubbles:!0,composed:!0,detail:{value:this.unstable_valueUpper}}));else if(!this.unstable_valueUpper)this._rate=(d?o+l-n:n-o)/l,this.dispatchEvent(new CustomEvent(this.constructor.eventChange,{bubbles:!0,composed:!0,detail:{value:this.value}}));else if(!this.dragCoolDown){const c=(d?o+l-n:n-o)/l*100,h=c>this.value?c-this.value:this.value-c,m=c>this.unstable_valueUpper?c-this.unstable_valueUpper:this.unstable_valueUpper-c;h>m?this._rateUpper=c/100:h<m?this._rate=c/100:!this._dragging&&!this._draggingUpper&&h===m&&(Math.round(c)>this.unstable_valueUpper?this._rateUpper=c/100:this._rate=c/100),this.dispatchEvent(new CustomEvent(this.constructor.eventChange,{bubbles:!0,composed:!0,detail:{value:this.value}}))}}}_handlePointermoveImpl(e){const{disabled:t,_dragging:i,_trackNode:d,_draggingUpper:n}=this;if(!t){const o=d.ownerDocument.defaultView.getComputedStyle(d).getPropertyValue("direction")==="rtl",l=e.clientX,{left:c,width:h}=this._trackNode.getBoundingClientRect();if(i){const m=(o?c+h-l:l-c)/h;(!this.unstable_valueUpper||m*100<=this.unstable_valueUpper)&&(this._rate=m,this.dispatchEvent(new CustomEvent(this.constructor.eventChange,{bubbles:!0,composed:!0,detail:{value:this.value,intermediate:!0}})))}else if(n){const m=(o?c+h-l:l-c)/h;m*100>=this.value&&(this._rateUpper=m,this.dispatchEvent(new CustomEvent(this.constructor.eventChange,{bubbles:!0,composed:!0,detail:{value:this.unstable_valueUpper,intermediate:!0}})))}}}get max(){return this._max.toString()}set max(e){const{max:t}=this;this._max=e,this.requestUpdate("max",t)}get min(){return this._min.toString()}set min(e){const{min:t}=this;this._min=e,this.requestUpdate("min",t)}get step(){return this._step.toString()}set step(e){const{step:t}=this;this._step=e,this.requestUpdate("step",t)}get stepMultiplier(){return this._stepMultiplier.toString()}set stepMultiplier(e){const{stepMultiplier:t}=this;this._stepMultiplier=e,this.requestUpdate("stepMultiplier",t)}_getInputValidity(e){var t;const i=(t=e?.shadowRoot)===null||t===void 0?void 0:t.querySelector("input");return!(this.invalid||e?.invalid||i?.valueAsNumber>Number(this.max)||i?.valueAsNumber<Number(this.min))}_getInputWarnigState(e){return e?.valueAsNumber>Number(e.max)||e?.valueAsNumber<Number(e.min)}connectedCallback(){super.connectedCallback(),this._throttledHandlePointermoveImpl||(this._throttledHandlePointermoveImpl=A(this._handlePointermoveImpl,10))}disconnectedCallback(){this._throttledHandlePointermoveImpl&&(this._throttledHandlePointermoveImpl.cancel(),this._throttledHandlePointermoveImpl=null),clearTimeout(this.dragCooldownTimeout),super.disconnectedCallback()}updated(){var e;const t=(e=this===null||this===void 0?void 0:this.shadowRoot)===null||e===void 0?void 0:e.querySelector(`.${s.prefix}--slider__filled-track`);t&&(this.unstable_valueUpper||this.unstable_valueUpper===""?t.style.transform=this.unstable_valueUpper?`translate(${this._rate*100}%, -50%) scaleX(${this._rateUpper-this._rate})`:`translate(0%, -50%) scaleX(${this._rate})`:t.style.transform=this.unstable_valueUpper?`translate(${this._rate*100}%, -50%) scaleX(${this._rateUpper-this._rate})`:`translate(0%, -50%) scaleX(${this._rate})`)}shouldUpdate(e){return this.querySelectorAll(this.constructor.selectorInput).forEach((i,d)=>{e.has("disabled")&&(i&&(i.disabled=this.disabled),this.disabled&&(this._dragging=!1)),e.has("readonly")&&(i&&(i.readonly=this.readonly),this.readonly&&(this._dragging=!1)),e.has("invalid")&&(i.invalid=this.invalid),e.has("hideTextInput")&&(i.hideTextInput=this.hideTextInput),i&&((this.unstable_valueUpper||this.unstable_valueUpper==="")&&d>0?["max","min","step","unstable_valueUpper"].forEach(n=>{n==="unstable_valueUpper"?i.value=this.unstable_valueUpper:n==="min"?i[n]=this.value:i[n]=this[n]}):["max","min","step","value"].forEach(n=>{this.unstable_valueUpper&&n==="max"?i[n]=this.unstable_valueUpper:i[n]=this[n]}),(e.has("value")||e.has("invalid")||e.has("warn")||e.has("readonly"))&&(this.isValid=this._getInputValidity(i),!this.readonly&&!this.isValid?i.invalid=!0:i.invalid=!1))}),!0}render(){const{disabled:e,formatMaxText:t,formatMinText:i,labelText:d,hideLabel:n,max:o,min:l,maxLabel:c,minLabel:h,readonly:m,invalidText:y,isValid:w,warn:v,warnText:k,value:$,unstable_valueUpper:_,_rate:g,_rateUpper:q,_handleClickLabel:H,_handleKeydown:L,_handleClick:T,onDrag:f,_endDrag:z}=this,C=!m&&!e,N={invalid:C&&!w,warn:C&&w&&v},J=M.e({[`${s.prefix}--label`]:!0,[`${s.prefix}--visually-hidden`]:n,[`${s.prefix}--label--disabled`]:e}),Q=M.e({[`${s.prefix}--slider`]:!0,[`${s.prefix}--slider--disabled`]:e,[`${s.prefix}--slider--readonly`]:m}),ee=M.e({[`${s.prefix}--icon-tooltip`]:_||_==="",[`${s.prefix}--slider__thumb-wrapper`]:_||_==="",[`${s.prefix}--slider__thumb-wrapper--lower`]:_||_==="",[`${s.prefix}--slider__thumb`]:!(_||_===""),[`${s.prefix}--slider__thumb-disabled`]:e}),te=M.e({[`${s.prefix}--icon-tooltip`]:!0,[`${s.prefix}--slider__thumb-wrapper`]:!0,[`${s.prefix}--slider__thumb-wrapper--upper`]:!0,[`${s.prefix}--slider__thumb-disabled`]:e});return b.x`
|
|
2
|
+
<label class="${J}" @click="${H}">
|
|
3
|
+
<slot name="label-text">${d}</slot>
|
|
4
|
+
</label>
|
|
5
|
+
<div class="${s.prefix}--slider-container">
|
|
6
|
+
${_||_===""?b.x` <slot name="lower-input"></slot>`:""}
|
|
7
|
+
<span class="${s.prefix}--slider__range-label">
|
|
8
|
+
<slot name="min-text">${i(l,h)}</slot>
|
|
9
|
+
</span>
|
|
10
|
+
<div
|
|
11
|
+
@keydown="${L}"
|
|
12
|
+
@click="${T}"
|
|
13
|
+
@pointerup="${z}"
|
|
14
|
+
@pointerleave="${z}"
|
|
15
|
+
class="${Q}"
|
|
16
|
+
tabindex="-1"
|
|
17
|
+
role="presentation">
|
|
18
|
+
<div
|
|
19
|
+
id="thumb"
|
|
20
|
+
class="${ee}"
|
|
21
|
+
role="slider"
|
|
22
|
+
tabindex="${m?-1:0}"
|
|
23
|
+
aria-valuemax="${o}"
|
|
24
|
+
aria-valuemin="${l}"
|
|
25
|
+
aria-valuenow="${$}"
|
|
26
|
+
style="left: ${g*100}%"
|
|
27
|
+
@pointerdown="${f}">
|
|
28
|
+
${(_||_==="")&&!m?b.x`
|
|
29
|
+
<div class="${s.prefix}--slider__thumb--lower">
|
|
30
|
+
<svg
|
|
31
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
32
|
+
viewBox="0 0 16 24"
|
|
33
|
+
class="${s.prefix}--slider__thumb-icon ${s.prefix}--slider__thumb-icon--lower">
|
|
34
|
+
<path
|
|
35
|
+
d="M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z"></path>
|
|
36
|
+
<path fill="none" d="M-4 0h24v24H-4z"></path>
|
|
37
|
+
</svg>
|
|
38
|
+
<svg
|
|
39
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
40
|
+
viewBox="0 0 16 24"
|
|
41
|
+
class="${s.prefix}--slider__thumb-icon ${s.prefix}--slider__thumb-icon--lower cds--slider__thumb-icon--focus">
|
|
42
|
+
<path
|
|
43
|
+
d="M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z"></path>
|
|
44
|
+
<path fill="none" d="M-4 0h24v24H-4z"></path>
|
|
45
|
+
<path d="M15.08 0H16v6.46h-.92z"></path>
|
|
46
|
+
<path d="M0 0h.92v24H0zM15.08 0H16v24h-.92z"></path>
|
|
47
|
+
<path d="M0 .92V0h16v.92zM0 24v-.92h16V24z"></path>
|
|
48
|
+
</svg>
|
|
49
|
+
</div>
|
|
50
|
+
`:""}
|
|
51
|
+
</div>
|
|
52
|
+
${(_||_==="")&&!m?b.x`
|
|
53
|
+
<div
|
|
54
|
+
id="thumb-upper"
|
|
55
|
+
class="${te}"
|
|
56
|
+
role="slider"
|
|
57
|
+
tabindex="${m?-1:0}"
|
|
58
|
+
aria-valuemax="${o}"
|
|
59
|
+
aria-valuemin="${l}"
|
|
60
|
+
aria-valuenow="${_}"
|
|
61
|
+
style="left: ${q*100}%"
|
|
62
|
+
@pointerdown="${f}">
|
|
63
|
+
<div class="${s.prefix}--slider__thumb--upper">
|
|
64
|
+
<svg
|
|
65
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
66
|
+
viewBox="0 0 16 24"
|
|
67
|
+
class="${s.prefix}--slider__thumb-icon ${s.prefix}--slider__thumb-icon--upper">
|
|
68
|
+
<path
|
|
69
|
+
d="M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z"></path>
|
|
70
|
+
<path fill="none" d="M-4 0h24v24H-4z"></path>
|
|
71
|
+
</svg>
|
|
72
|
+
<svg
|
|
73
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
74
|
+
viewBox="0 0 16 24"
|
|
75
|
+
class="${s.prefix}--slider__thumb-icon ${s.prefix}--slider__thumb-icon--upper cds--slider__thumb-icon--focus">
|
|
76
|
+
<path
|
|
77
|
+
d="M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z"></path>
|
|
78
|
+
<path fill="none" d="M-4 0h24v24H-4z"></path>
|
|
79
|
+
<path d="M.92 24H0v-6.46h.92z"></path>
|
|
80
|
+
<path d="M16 24h-.92V0H16zM.92 24H0V0h.92z"></path>
|
|
81
|
+
<path d="M16 23.08V24H0v-.92zM16 0v.92H0V0z"></path>
|
|
82
|
+
</svg>
|
|
83
|
+
</div>
|
|
84
|
+
</div>
|
|
85
|
+
`:b.x``}
|
|
86
|
+
<div id="track" class="${s.prefix}--slider__track"></div>
|
|
87
|
+
${_||_===""?b.x` <div class="${s.prefix}--slider__filled-track"></div> `:b.x` <div class="${s.prefix}-ce--slider__filled-track-container">
|
|
88
|
+
<div class="${s.prefix}--slider__filled-track"></div>
|
|
89
|
+
</div>`}
|
|
90
|
+
</div>
|
|
91
|
+
<span class="${s.prefix}--slider__range-label">
|
|
92
|
+
<slot name="max-text">${t(o,c)}</slot>
|
|
93
|
+
</span>
|
|
94
|
+
<slot></slot>
|
|
95
|
+
</div>
|
|
96
|
+
|
|
97
|
+
${N.invalid?b.x`
|
|
98
|
+
<div
|
|
99
|
+
class="${s.prefix}--slider__validation-msg ${s.prefix}--slider__validation-msg--invalid ${s.prefix}--form-requirement">
|
|
100
|
+
${y}
|
|
101
|
+
</div>
|
|
102
|
+
`:null}
|
|
103
|
+
${N.warn?b.x`<div
|
|
104
|
+
class="${s.prefix}--slider__validation-msg ${s.prefix}--form-requirement">
|
|
105
|
+
${k}
|
|
106
|
+
</div>`:null}
|
|
107
|
+
`}static get selectorInput(){return`${s.prefix}-slider-input`}static get eventChange(){return`${s.prefix}-slider-changed`}static get eventChangeInput(){return`${s.prefix}-slider-input-changed`}};u.shadowRootOptions=Object.assign(Object.assign({},b.i.shadowRootOptions),{delegatesFocus:!0});u.styles=O;a.__decorate([p.n({type:Number,attribute:"value-upper"})],u.prototype,"unstable_valueUpper",void 0);a.__decorate([R.e("#thumb")],u.prototype,"_thumbNode",void 0);a.__decorate([R.e("#thumb-upper")],u.prototype,"_thumbNodeUpper",void 0);a.__decorate([R.e("#track")],u.prototype,"_trackNode",void 0);a.__decorate([Z.HostListener("document:pointermove")],u.prototype,"_handlePointermove",void 0);a.__decorate([Z.HostListener("eventChangeInput")],u.prototype,"_handleChangeInput",void 0);a.__decorate([p.n({type:Boolean,reflect:!0})],u.prototype,"disabled",void 0);a.__decorate([p.n({type:Boolean,reflect:!0})],u.prototype,"required",void 0);a.__decorate([p.n({type:Boolean,reflect:!0})],u.prototype,"readonly",void 0);a.__decorate([p.n({attribute:"label-text"})],u.prototype,"labelText",void 0);a.__decorate([p.n({attribute:"max-label",reflect:!0})],u.prototype,"maxLabel",void 0);a.__decorate([p.n({attribute:"min-label",reflect:!0})],u.prototype,"minLabel",void 0);a.__decorate([p.n({attribute:"hide-label",type:Boolean,reflect:!0})],u.prototype,"hideLabel",void 0);a.__decorate([p.n({attribute:!1})],u.prototype,"formatMaxText",void 0);a.__decorate([p.n({attribute:!1})],u.prototype,"formatMinText",void 0);a.__decorate([p.n({type:Number,reflect:!0})],u.prototype,"max",null);a.__decorate([p.n({type:Number,reflect:!0})],u.prototype,"min",null);a.__decorate([p.n()],u.prototype,"name",void 0);a.__decorate([p.n({type:Boolean,reflect:!0})],u.prototype,"invalid",void 0);a.__decorate([p.n({attribute:"invalid-text"})],u.prototype,"invalidText",void 0);a.__decorate([p.n({type:Boolean,reflect:!0})],u.prototype,"warn",void 0);a.__decorate([p.n({attribute:"warn-text"})],u.prototype,"warnText",void 0);a.__decorate([p.n({type:Boolean,attribute:"hide-text-input",reflect:!0})],u.prototype,"hideTextInput",void 0);a.__decorate([p.n({type:Number,reflect:!0})],u.prototype,"step",null);a.__decorate([p.n({type:Number,reflect:!0,attribute:"step-multiplier"})],u.prototype,"stepMultiplier",null);a.__decorate([p.n({type:Number})],u.prototype,"value",void 0);a.__decorate([p.n({type:Boolean})],u.prototype,"isValid",void 0);u=a.__decorate([j.carbonElement(`${s.prefix}-slider`)],u);let x=class extends Y.FocusMixin(b.i){constructor(){super(...arguments),this._max="100",this._min="0",this._step="1",this.disabled=!1,this.invalid=!1,this.warn=!1,this.hideTextInput=!1,this.type="number",this.readonly=!1}_handleChange({target:e}){const t=Number(this.min),i=Number(this.max),d=this.value,n=e.value,o=Number(n);if(o>=t&&o<=i&&n!=="")this.value=o,this.dispatchEvent(new CustomEvent(this.constructor.eventChange,{bubbles:!0,composed:!0,detail:{value:this.value,intermediate:d}}));else{this.invalid=n==="",this.warn=(o<t||o>i)&&n!=="";const l=this.value;n!==""?this.value=o<t?t:i:this.value="",this.dispatchEvent(new CustomEvent(this.constructor.eventChange,{bubbles:!0,composed:!0,detail:{value:this.value,intermediate:l}}))}}_handleInput({target:e}){const t=e.value;t&&(this.value=Number(t),this.invalid=!1,this.value>=Number(this.min)&&this.value<=Number(this.max)&&(this.warn=!1,this.dispatchEvent(new CustomEvent(this.constructor.eventChange,{bubbles:!0,composed:!0,detail:{value:this.value,intermediate:!0}}))))}get max(){return this._max.toString()}set max(e){const{max:t}=this;this._max=e,this.requestUpdate("max",t)}get min(){return this._min.toString()}set min(e){const{min:t}=this;this._min=e,this.requestUpdate("min",t)}get step(){return this._step.toString()}set step(e){const{step:t}=this;this._step=e,this.requestUpdate("step",t)}render(){const{disabled:e,hideTextInput:t,max:i,min:d,readonly:n,step:o,type:l,value:c,invalid:h,warn:m,_handleChange:y,_handleInput:w}=this,v=!n&&!e,k={invalid:v&&h,warn:v&&!h&&m},$=M.e({[`${s.prefix}--text-input`]:!0,[`${s.prefix}--slider-text-input`]:!0,[`${s.prefix}--text-input--invalid`]:k.invalid,[`${s.prefix}--slider-text-input--warn`]:k.warn}),_=V.iconLoader(re._16,{class:`${s.prefix}--slider__invalid-icon`}),g=V.iconLoader(de._16,{class:`${s.prefix}--slider__invalid-icon ${s.prefix}--slider__invalid-icon--warning`});return b.x`
|
|
108
|
+
${t?null:b.x`
|
|
109
|
+
<input
|
|
110
|
+
?disabled="${e}"
|
|
111
|
+
?data-invalid="${k.invalid}"
|
|
112
|
+
type="${D.o(l)}"
|
|
113
|
+
class="${$}"
|
|
114
|
+
max="${i}"
|
|
115
|
+
min="${d}"
|
|
116
|
+
?readonly="${D.o(n)}"
|
|
117
|
+
step="${o}"
|
|
118
|
+
.value="${c}"
|
|
119
|
+
@change="${y}"
|
|
120
|
+
@input="${w}" />
|
|
121
|
+
${k.invalid?b.x`${_}`:null}
|
|
122
|
+
${k.warn?b.x`${g}`:null}
|
|
123
|
+
`}
|
|
124
|
+
`}static get selectorParent(){return`${s.prefix}-slider`}static get eventChange(){return`${s.prefix}-slider-input-changed`}};x.shadowRootOptions=Object.assign(Object.assign({},b.i.shadowRootOptions),{delegatesFocus:!0});x.styles=O;a.__decorate([p.n({type:Boolean,reflect:!0})],x.prototype,"disabled",void 0);a.__decorate([p.n({type:Boolean,reflect:!0})],x.prototype,"invalid",void 0);a.__decorate([p.n({type:Boolean,reflect:!0})],x.prototype,"warn",void 0);a.__decorate([p.n({type:Boolean})],x.prototype,"hideTextInput",void 0);a.__decorate([p.n({type:Number,reflect:!0})],x.prototype,"max",null);a.__decorate([p.n({type:Number,reflect:!0})],x.prototype,"min",null);a.__decorate([p.n({type:Number,reflect:!0})],x.prototype,"step",null);a.__decorate([p.n()],x.prototype,"type",void 0);a.__decorate([p.n({type:Number})],x.prototype,"value",void 0);a.__decorate([p.n({type:Boolean,reflect:!0})],x.prototype,"readonly",void 0);x=a.__decorate([j.carbonElement(`${s.prefix}-slider-input`)],x);let E=class extends b.i{constructor(){super(...arguments),this.twoHandles=!1}render(){const{twoHandles:e}=this,t=M.e({[`${s.prefix}--slider-container`]:!0,[`${s.prefix}--skeleton`]:!0,[`${s.prefix}--slider-container--two-handles`]:e}),i=M.e({[`${s.prefix}--slider__thumb`]:!0,[`${s.prefix}--slider__thumb--lower`]:e}),d=M.e({[`${s.prefix}--slider__thumb`]:!0,[`${s.prefix}--slider__thumb--upper`]:e}),n=M.e({[`${s.prefix}--slider__thumb-wrapper`]:!0,[`${s.prefix}--slider__thumb-wrapper--lower`]:e}),o=M.e({[`${s.prefix}--slider__thumb-wrapper`]:!0,[`${s.prefix}--slider__thumb-wrapper--upper`]:e});return b.x`
|
|
125
|
+
<span class="${s.prefix}--label ${s.prefix}--skeleton"></span>
|
|
126
|
+
<div class="${t}">
|
|
127
|
+
<span class="${s.prefix}--slider__range-label"></span>
|
|
128
|
+
<div class="${s.prefix}--slider">
|
|
129
|
+
<div class="${s.prefix}--slider__track"></div>
|
|
130
|
+
<div class="${s.prefix}--slider__filled-track"></div>
|
|
131
|
+
${e?b.x`
|
|
132
|
+
<div class="${n}">
|
|
133
|
+
<div class="${i}">
|
|
134
|
+
<svg
|
|
135
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
136
|
+
viewBox="0 0 16 24"
|
|
137
|
+
class="${s.prefix}--slider__thumb-icon ${s.prefix}--slider__thumb-icon--lower">
|
|
138
|
+
<path
|
|
139
|
+
d="M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z"></path>
|
|
140
|
+
<path fill="none" d="M-4 0h24v24H-4z"></path>
|
|
141
|
+
</svg>
|
|
142
|
+
</div>
|
|
143
|
+
</div>
|
|
144
|
+
`:b.x` <div class="${i}"></div> `}
|
|
145
|
+
${e?b.x` <div class="${o}">
|
|
146
|
+
<div class="${d}">
|
|
147
|
+
<svg
|
|
148
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
149
|
+
viewBox="0 0 16 24"
|
|
150
|
+
class="${s.prefix}--slider__thumb-icon ${s.prefix}--slider__thumb-icon--upper">
|
|
151
|
+
<path
|
|
152
|
+
d="M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z"></path>
|
|
153
|
+
<path fill="none" d="M-4 0h24v24H-4z"></path>
|
|
154
|
+
</svg>
|
|
155
|
+
</div>
|
|
156
|
+
</div>`:void 0}
|
|
157
|
+
</div>
|
|
158
|
+
<span class="${s.prefix}--slider__range-label"></span>
|
|
159
|
+
</div>
|
|
160
|
+
`}};E.styles=O;a.__decorate([p.n({type:Boolean,reflect:!0})],E.prototype,"twoHandles",void 0);E=a.__decorate([j.carbonElement(`${s.prefix}-slider-skeleton`)],E);
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";const i=require("./tslib.es6-B07k2eac.js"),b=require("./class-map-CziJvhVR.js"),s=require("./if-defined-uehgcl8e.js"),l=require("./main-BPWCMI5R.js"),n=require("./property-DCTz3KPt.js"),u=require("./query-Dh8joWcT.js"),r=require("./settings-Bgpv8zuU.js"),_=require("./focus-B3iymVyL.js"),g=require("./carbon-element-CbfPUYRT.js");var y=l.i$1([".cds--link{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--link *,.cds--link :after,.cds--link :before{box-sizing:inherit}.cds--link{color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));display:inline-flex;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);outline:none;text-decoration:none;transition:color 70ms cubic-bezier(.2,0,.38,.9)}.cds--link:hover{color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce));text-decoration:underline}.cds--link:active:not(.cds--link--disabled),.cds--link:active:visited,.cds--link:active:visited:hover{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--link:active:not(.cds--link--disabled),.cds--link:active:visited,.cds--link:active:visited:hover{outline-style:dotted}}.cds--link:active:not(.cds--link--disabled),.cds--link:active:visited,.cds--link:active:visited:hover{color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe));text-decoration:underline}.cds--link:focus:not(.cds--link--disabled){outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--link:focus:not(.cds--link--disabled){outline-style:dotted}}.cds--link:focus:not(.cds--link--disabled){outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe));text-decoration:underline}.cds--link:visited{color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe))}.cds--link:visited:hover{color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce))}.cds--link--disabled,.cds--link--disabled:hover{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--link--disabled *,.cds--link--disabled :after,.cds--link--disabled :before,.cds--link--disabled:hover *,.cds--link--disabled:hover :after,.cds--link--disabled:hover :before{box-sizing:inherit}.cds--link--disabled,.cds--link--disabled:hover{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);text-decoration:none}.cds--link.cds--link--visited:visited{color:var(--cds-link-visited-text-color,var(--cds-link-visited,#8a3ffc))}.cds--link.cds--link--visited:visited:hover{color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce))}.cds--link.cds--link--inline{display:inline;text-decoration:underline}.cds--link--disabled.cds--link--inline{text-decoration:underline}.cds--link--sm,.cds--link--sm.cds--link--disabled:hover{font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333)}.cds--link--lg,.cds--link--lg.cds--link--disabled:hover{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);letter-spacing:var(--cds-body-compact-02-letter-spacing,0);line-height:var(--cds-body-compact-02-line-height,1.375)}.cds--link__icon{align-self:center;display:inline-flex;margin-inline-start:.5rem}:host(cds-link){outline:none}:host(cds-link) .cds--link--disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}:host(cds-link) .cds--link__icon[hidden]{display:none}"]);const x={MEDIUM:"md"};let e=class extends _.FocusMixin(l.i){constructor(){super(...arguments),this._hasIcon=!1,this.disabled=!1,this.inline=!1,this.size=x.MEDIUM,this.visited=!1}_handleSlotChange({target:t}){const{name:o}=t,c=t.assignedNodes().some(d=>d.nodeType!==Node.TEXT_NODE||d.textContent.trim());this[o==="icon"?"_hasIcon":""]=c,this.requestUpdate()}get _classes(){const{disabled:t,size:o,inline:c,visited:d,_hasIcon:a}=this;return b.e({[`${r.prefix}--link`]:!0,[`${r.prefix}--link--disabled`]:t,[`${r.prefix}--link--icon`]:a,[`${r.prefix}--link--inline`]:c,[`${r.prefix}--link--${o}`]:o,[`${r.prefix}--link--visited`]:d})}_handleClick(t){}_renderInner(){const{_hasIcon:t,_handleSlotChange:o}=this;return l.x`
|
|
2
|
+
<slot @slotchange="${o}"></slot>
|
|
3
|
+
<div ?hidden="${!t}" class="${r.prefix}--link__icon">
|
|
4
|
+
<slot name="icon" @slotchange="${o}"></slot>
|
|
5
|
+
</div>
|
|
6
|
+
`}_renderDisabledLink(){const{_classes:t}=this;return l.x`
|
|
7
|
+
<p id="link" part="link" class="${t}">${this._renderInner()}</p>
|
|
8
|
+
`}_renderLink(){const{download:t,href:o,hreflang:c,linkRole:d,ping:a,rel:v,target:k,type:p,_classes:h,_handleClick:f}=this;return l.x`
|
|
9
|
+
<a
|
|
10
|
+
tabindex="0"
|
|
11
|
+
id="link"
|
|
12
|
+
role="${s.o(d)}"
|
|
13
|
+
class="${h}"
|
|
14
|
+
part="link"
|
|
15
|
+
download="${s.o(t)}"
|
|
16
|
+
href="${s.o(o)}"
|
|
17
|
+
hreflang="${s.o(c)}"
|
|
18
|
+
ping="${s.o(a)}"
|
|
19
|
+
rel="${s.o(v)}"
|
|
20
|
+
target="${s.o(k)}"
|
|
21
|
+
type="${s.o(p)}"
|
|
22
|
+
@click="${f}">
|
|
23
|
+
${this._renderInner()}
|
|
24
|
+
</a>
|
|
25
|
+
`}render(){const{disabled:t}=this;return t?this._renderDisabledLink():this._renderLink()}};e.shadowRootOptions=Object.assign(Object.assign({},l.i.shadowRootOptions),{delegatesFocus:!0});e.styles=y;i.__decorate([u.e("#link")],e.prototype,"_linkNode",void 0);i.__decorate([n.n({type:Boolean,reflect:!0})],e.prototype,"disabled",void 0);i.__decorate([n.n({reflect:!0})],e.prototype,"download",void 0);i.__decorate([n.n({reflect:!0})],e.prototype,"href",void 0);i.__decorate([n.n({reflect:!0})],e.prototype,"hreflang",void 0);i.__decorate([n.n({type:Boolean,reflect:!0})],e.prototype,"inline",void 0);i.__decorate([n.n({attribute:"link-role"})],e.prototype,"linkRole",void 0);i.__decorate([n.n({reflect:!0})],e.prototype,"ping",void 0);i.__decorate([n.n({reflect:!0})],e.prototype,"rel",void 0);i.__decorate([n.n({reflect:!0})],e.prototype,"size",void 0);i.__decorate([n.n({reflect:!0})],e.prototype,"target",void 0);i.__decorate([n.n({reflect:!0})],e.prototype,"type",void 0);i.__decorate([n.n({type:Boolean,reflect:!0})],e.prototype,"visited",void 0);e=i.__decorate([g.carbonElement(`${r.prefix}-link`)],e);var m=e;const $=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));exports.CDSLink$1=m;exports.index=$;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";const n=require("./tslib.es6-B07k2eac.js"),t=require("./main-BPWCMI5R.js"),d=require("./property-DCTz3KPt.js"),f=require("./class-map-CziJvhVR.js"),g=require("./16-B56B50XT.js"),u=require("./16-DH311Of_.js"),e=require("./settings-Bgpv8zuU.js"),b=require("./loading-icon-q__8yLZw.js"),y=require("./carbon-element-CbfPUYRT.js"),o=require("./icon-loader-CsKt-G8D.js");var s;(function(c){c.INACTIVE="inactive",c.ACTIVE="active",c.FINISHED="finished",c.ERROR="error"})(s||(s={}));var h=t.i$1([".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--loading{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--loading *,.cds--loading :after,.cds--loading :before{box-sizing:inherit}.cds--loading{animation-duration:.69s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:cds--rotate;animation-timing-function:linear}.cds--loading svg circle{animation-duration:10ms;animation-name:cds--init-stroke;animation-timing-function:cubic-bezier(.5,0,.1,1)}@media screen and (prefers-reduced-motion:reduce){.cds--loading svg circle{animation:none}}.cds--loading{block-size:5.5rem;inline-size:5.5rem}.cds--loading__svg{fill:transparent}.cds--loading__svg circle{stroke-dasharray:276.4608 276.4608;stroke-linecap:butt;stroke-width:10}.cds--loading__stroke{stroke:var(--cds-interactive,#0f62fe);stroke-dashoffset:52.527552}.cds--loading--small .cds--loading__stroke{stroke-dashoffset:143.759616}.cds--loading--stop{animation:cds--rotate-end-p1 .7s cubic-bezier(0,0,.25,1) forwards,cds--rotate-end-p2 .7s cubic-bezier(0,0,.25,1) .7s forwards}.cds--loading--stop svg circle{animation-delay:.7s;animation-duration:.7s;animation-fill-mode:forwards;animation-name:cds--stroke-end;animation-timing-function:cubic-bezier(0,0,.25,1)}@media screen and (prefers-reduced-motion:reduce){.cds--loading--stop svg circle{animation:none}}.cds--loading--small{block-size:1rem;inline-size:1rem;line-height:1rem}.cds--loading--small circle{stroke-width:16}.cds--loading--small .cds--loading__svg{stroke:var(--cds-interactive,#0f62fe)}.cds--loading__background{stroke:var(--cds-layer-accent);stroke-dashoffset:-22}@supports (hanging-punctuation:first) and (font:-apple-system-body) and (-webkit-appearance:none){circle.cds--loading__background{stroke-dasharray:265;stroke-dashoffset:0}}.cds--loading-overlay{align-items:center;background-color:var(--cds-overlay,hsla(0,0%,9%,.5));block-size:100%;display:flex;inline-size:100%;inset-block-start:0;inset-inline-start:0;justify-content:center;position:fixed;transition:background-color .7s cubic-bezier(.4,.14,.3,1);z-index:6000}.cds--loading-overlay--stop{display:none}@keyframes cds--rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes cds--rotate-end-p1{to{transform:rotate(1turn)}}@keyframes cds--rotate-end-p2{to{transform:rotate(-1turn)}}@keyframes cds--init-stroke{0%{stroke-dashoffset:276.4608}to{stroke-dashoffset:52.527552}}@keyframes cds--stroke-end{0%{stroke-dashoffset:52.527552}to{stroke-dashoffset:276.4608}}@keyframes prefix--stroke{to{stroke-dashoffset:0}}.cds--inline-loading,:host(cds-inline-loading){align-items:center;display:flex;inline-size:100%;min-block-size:2rem}.cds--inline-loading__text{color:var(--cds-text-secondary,#525252);font-size:var(--cds-label-02-font-size,.875rem);font-weight:var(--cds-label-02-font-weight,400);letter-spacing:var(--cds-label-02-letter-spacing,.16px);line-height:var(--cds-label-02-line-height,1.28572)}.cds--inline-loading__animation{align-items:center;display:flex;justify-content:center;margin-inline-end:.5rem;position:relative}.cds--inline-loading__checkmark-container{fill:var(--cds-support-success,#24a148)}.cds--inline-loading__checkmark-container.cds--inline-loading__svg{inline-size:.75rem;inset-block-start:.75rem;position:absolute}.cds--inline-loading__checkmark-container[hidden]{display:none}.cds--inline-loading__checkmark{animation-duration:.25s;animation-fill-mode:forwards;animation-name:cds--stroke;fill:none;stroke:var(--cds-interactive,#0f62fe);stroke-dasharray:12;stroke-dashoffset:12;stroke-width:1.8;transform-origin:50% 50%}.cds--inline-loading--error{block-size:1rem;fill:var(--cds-support-error,#da1e28);inline-size:1rem}.cds--inline-loading--error[hidden]{display:none}.cds--loading--small .cds--inline-loading__svg{stroke:var(--cds-interactive,#0f62fe)}.cds--btn .cds--inline-loading--btn{min-block-size:0}.cds--btn .cds--inline-loading--btn .cds--inline-loading__text{font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572)}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){.cds--inline-loading__checkmark-container{inset-block-start:1px;inset-inline-end:.5rem}.cds--inline-loading__checkmark{animation:none;stroke-dasharray:0;stroke-dashoffset:0}}"]);let i=class extends t.i{constructor(){super(...arguments),this.iconDescription="Loading",this.successDelay=1500,this.status=s.ACTIVE}get assistiveText(){return this.iconDescription}set assistiveText(r){this.iconDescription=r}_renderIcon(){const{iconDescription:r,status:a}=this;if(a===s.ERROR)return o.iconLoader(u._16,{class:`${e.prefix}--inline-loading--error`,"aria-label":r});const l={bubbles:!0,cancelable:!0,composed:!0};if(a===s.FINISHED)return setTimeout(()=>{this.dispatchEvent(new CustomEvent(this.constructor.eventOnSuccess,l))},this.successDelay),o.iconLoader(g._16,{class:`${e.prefix}--inline-loading__checkmark-container`,"aria-label":r});if(a===s.INACTIVE||a===s.ACTIVE){const v=f.e({[`${e.prefix}--loading`]:!0,[`${e.prefix}--loading--small`]:!0,[`${e.prefix}--loading--stop`]:a===s.INACTIVE});return t.x`
|
|
2
|
+
<div class="${v}">
|
|
3
|
+
${b.getLoadingIcon({description:r,small:!0})}
|
|
4
|
+
</div>
|
|
5
|
+
`}}static get eventOnSuccess(){return`${e.prefix}-inline-loading-onsuccess`}connectedCallback(){this.hasAttribute("aria-live")||this.setAttribute("aria-live","assertive"),super.connectedCallback()}render(){const r=this._renderIcon(),a=r?t.x`
|
|
6
|
+
<div class="${e.prefix}--inline-loading__animation">
|
|
7
|
+
${r}
|
|
8
|
+
</div>
|
|
9
|
+
`:void 0;return t.x`
|
|
10
|
+
${a}
|
|
11
|
+
<p class="${e.prefix}--inline-loading__text"><slot></slot></p>
|
|
12
|
+
`}};i.styles=h;n.__decorate([d.n({attribute:"assistive-text"})],i.prototype,"assistiveText",null);n.__decorate([d.n({attribute:"icon-description"})],i.prototype,"iconDescription",void 0);n.__decorate([d.n({attribute:"success-delay"})],i.prototype,"successDelay",void 0);n.__decorate([d.n({reflect:!0})],i.prototype,"status",void 0);i=n.__decorate([y.carbonElement(`${e.prefix}-inline-loading`)],i);
|