@trintel/zooy 1.0.1-beta.1 → 1.0.1
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-B1jzfT-Z.js +272 -0
- package/dist/chunks/button-C-oX8EmF.js +66 -0
- package/dist/chunks/{button-skeleton-BcyctpC3.js → button-skeleton-CK3BHdja.js} +1 -1
- package/dist/chunks/{button-skeleton-DEmHtnd8.js → button-skeleton-DoCp6sBb.js} +5 -5
- package/dist/chunks/checkbox-CgFjYxQ_.js +201 -0
- package/dist/chunks/checkbox-t3G-H1NN.js +40 -0
- package/dist/chunks/{class-map-Dt10N9TS.js → class-map-D6tjF27Y.js} +1 -1
- package/dist/chunks/{class-map-emHvptF6.js → class-map-FWQBIzSx.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-CedjjtvP.js +351 -0
- package/dist/chunks/content-switcher-item-c4WBWz31.js +27 -0
- package/dist/chunks/defs-C88lSWuJ.js +1 -0
- package/dist/chunks/defs-Do0OvCKd.js +1165 -0
- package/dist/chunks/dropdown-item-C0SHr4st.js +69 -0
- package/dist/chunks/dropdown-item-Dh5IEXDr.js +621 -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-CJxyg-lp.js} +1 -1
- package/dist/chunks/{icon-loader-DS-X84Yz.js → icon-loader-ChKeNR4s.js} +1 -1
- package/dist/chunks/{icon-loader-utils-BIiU-zGK.js → icon-loader-utils-BwViqIXz.js} +1 -1
- package/dist/chunks/{icon-loader-utils-B6kq3DHp.js → icon-loader-utils-DK8DViXt.js} +1 -1
- package/dist/chunks/{if-defined-CFTJFEK6.js → if-defined-DYWhlnlE.js} +1 -1
- package/dist/chunks/{if-defined--xXVpdta.js → if-defined-eJcDYClo.js} +1 -1
- package/dist/chunks/{if-non-empty-0zvrDGPr.js → if-non-empty-COTeEFkK.js} +1 -1
- package/dist/chunks/if-non-empty-CxMysAQW.js +1 -0
- package/dist/chunks/index-0AElqkkj.js +12 -0
- package/dist/chunks/{index-DEcgB0oH.js → index-4WNeLsiw.js} +4 -4
- package/dist/chunks/{index-C3LD0iwa.js → index-4XJJobHw.js} +12 -12
- package/dist/chunks/index-7cXLLw89.js +881 -0
- package/dist/chunks/index-9fmHblh5.js +121 -0
- package/dist/chunks/{index-DocEKbBo.js → index-B0nToMRj.js} +5 -5
- package/dist/chunks/index-B4SxU_Hu.js +87 -0
- package/dist/chunks/index-B5DpS-cb.js +2 -0
- package/dist/chunks/{index-D1PpRn2p.js → index-B5GB0rQW.js} +40 -31
- package/dist/chunks/index-B8Ze9ISK.js +17 -0
- package/dist/chunks/index-BAAA4wkE.js +45 -0
- package/dist/chunks/index-BBWp83R-.js +160 -0
- package/dist/chunks/index-BBap1uCI.js +1 -0
- package/dist/chunks/index-BGGDxbLL.js +368 -0
- package/dist/chunks/index-BMquNDkd.js +381 -0
- package/dist/chunks/{index-RlFlo7pl.js → index-BQnyeVHX.js} +1 -1
- package/dist/chunks/index-BRnzFxjk.js +25 -0
- package/dist/chunks/index-BbJQIwkY.js +452 -0
- package/dist/chunks/{index-DQZqjZ8k.js → index-Bb_1S0pr.js} +7 -7
- package/dist/chunks/index-BeMnerDj.js +111 -0
- package/dist/chunks/index-Bff6B9vY.js +254 -0
- package/dist/chunks/index-Bi9WliCA.js +683 -0
- package/dist/chunks/{index-DXoeeipa.js → index-Bls8zdHV.js} +6 -6
- package/dist/chunks/index-Bo2QmpPO.js +1 -0
- package/dist/chunks/index-BseD7Jzt.js +75 -0
- package/dist/chunks/index-Bt7v-zqV.js +77 -0
- package/dist/chunks/index-Bunat0DP.js +337 -0
- package/dist/chunks/index-BvdNKhJw.js +19 -0
- package/dist/chunks/index-BwFE4R87.js +30 -0
- package/dist/chunks/index-BwRxBdeg.js +158 -0
- package/dist/chunks/{index-cMdyiXPa.js → index-Bymsj9gH.js} +1 -1
- package/dist/chunks/{index-CZwmnbDv.js → index-C-pfDP7B.js} +1 -1
- package/dist/chunks/{index-C6SudlSp.js → index-C2oV5vU3.js} +1 -1
- package/dist/chunks/index-C3n83pM3.js +103 -0
- package/dist/chunks/index-C572_UKV.js +22 -0
- package/dist/chunks/index-C6bOvXSf.js +129 -0
- package/dist/chunks/{index-BKsBoGOO.js → index-CBICHiFD.js} +147 -135
- package/dist/chunks/index-CEy6bu7P.js +79 -0
- package/dist/chunks/{index-Dl6HFhg1.js → index-CFqKkC5Z.js} +1 -1
- package/dist/chunks/{index-h66Bp4Cx.js → index-CIZ3Gnmm.js} +1 -1
- package/dist/chunks/index-CIiIAqrQ.js +414 -0
- package/dist/chunks/index-CJdEJ8pY.js +15 -0
- package/dist/chunks/index-CKYRBtLC.js +79 -0
- package/dist/chunks/index-CQl4NaPS.js +65 -0
- package/dist/chunks/index-CR3DrmQi.js +235 -0
- package/dist/chunks/index-CTsGb3mD.js +364 -0
- package/dist/chunks/{index-C_Xg4nHN.js → index-CV7TVQ4T.js} +7 -7
- package/dist/chunks/index-CWlg_Hu2.js +150 -0
- package/dist/chunks/{index-Df3VILTD.js → index-CYIcfuAW.js} +4 -4
- package/dist/chunks/{index-Ci2M9li9.js → index-CkxGsCJy.js} +181 -182
- package/dist/chunks/index-ClE0uX_c.js +27 -0
- package/dist/chunks/index-Cnsy7Qk3.js +511 -0
- package/dist/chunks/index-CoAT1iC6.js +12 -0
- package/dist/chunks/index-Cp3P3KaW.js +45 -0
- package/dist/chunks/index-CqQZpHti.js +3 -0
- package/dist/chunks/{index-B1YLd9rD.js → index-CsjJntyD.js} +1 -1
- package/dist/chunks/{index-B3EmHaO7.js → index-Ctna95NT.js} +5 -5
- package/dist/chunks/index-Cu1u3Mjn.js +150 -0
- package/dist/chunks/{index-CArtDXbg.js → index-Cv6qE9qP.js} +1 -1
- package/dist/chunks/index-Cwb1pbm9.js +252 -0
- package/dist/chunks/{index-CYpHcMws.js → index-CzAwJhyQ.js} +4 -4
- package/dist/chunks/index-D8LE8G2j.js +81 -0
- package/dist/chunks/{index-1G2UuijG.js → index-D9sRIKMQ.js} +9 -9
- package/dist/chunks/index-DBsASlZI.js +15 -0
- package/dist/chunks/{index-LR7m5odx.js → index-DGw1TVFB.js} +3 -3
- package/dist/chunks/{index-Clei4V9i.js → index-DIsXKJDH.js} +1 -1
- package/dist/chunks/{index-BJHILyIN.js → index-DNWjc2SJ.js} +3 -3
- package/dist/chunks/index-DSOPjl5x.js +563 -0
- package/dist/chunks/index-DUtoSCTU.js +455 -0
- package/dist/chunks/index-DWjrCygZ.js +49 -0
- package/dist/chunks/{index-Cl1_9l1N.js → index-DYvD9xjl.js} +1 -1
- package/dist/chunks/{index-CYg05Ph9.js → index-DZabSr3s.js} +4 -4
- package/dist/chunks/{index-BhJiw5Wx.js → index-DbAeG1nY.js} +1 -1
- package/dist/chunks/index-Dc51G1mo.js +26 -0
- package/dist/chunks/index-Dd9iSSXa.js +260 -0
- package/dist/chunks/{index-BQNhvN2i.js → index-DfFx1Jz3.js} +4 -4
- package/dist/chunks/index-Dh4LYLg5.js +1604 -0
- package/dist/chunks/index-Dk3tlz8Q.js +15 -0
- package/dist/chunks/index-Do1DszoZ.js +1 -0
- package/dist/chunks/index-DrDKdYFJ.js +58 -0
- package/dist/chunks/{index-CmA3uuMd.js → index-DyO3Wdy_.js} +1 -1
- package/dist/chunks/index-DyyLrVDY.js +188 -0
- package/dist/chunks/{index-DkUS58Ay.js → index-GDVDUQtg.js} +14 -14
- package/dist/chunks/index-GbWz6fuF.js +243 -0
- package/dist/chunks/index-JWULDURW.js +89 -0
- package/dist/chunks/index-MgWriQfr.js +35 -0
- package/dist/chunks/index-OgL1A9Rm.js +42 -0
- package/dist/chunks/{index-BG3BMHhy.js → index-QzojJs5M.js} +3 -3
- package/dist/chunks/index-TJL02uup.js +291 -0
- package/dist/chunks/index-Z4ar01y-.js +259 -0
- package/dist/chunks/{index-TCPPpE9b.js → index-_xRytR0j.js} +1 -1
- package/dist/chunks/index-cuMoh7qn.js +1 -0
- package/dist/chunks/index-du3RQU31.js +62 -0
- package/dist/chunks/{index-CZ2kGMvF.js → index-hH_m653R.js} +6 -6
- package/dist/chunks/{index-Bd60xpxv.js → index-hn76Yo-L.js} +1 -1
- package/dist/chunks/index-i4heE-wx.js +71 -0
- package/dist/chunks/index-i9jyrFc9.js +19 -0
- package/dist/chunks/index-lFqOe0IJ.js +46 -0
- package/dist/chunks/index-pS6-humH.js +74 -0
- package/dist/chunks/index-pc36PiDY.js +57 -0
- package/dist/chunks/index-qgl9W8eF.js +52 -0
- package/dist/chunks/{index-CKBFfWOV.js → index-uwN33H1P.js} +7 -7
- package/dist/chunks/index-uxZPrL2m.js +406 -0
- package/dist/chunks/index-yzFU-E6F.js +22 -0
- package/dist/chunks/{loading-icon-Bw73Z2Lq.js → loading-icon-CPvmJvpZ.js} +1 -1
- package/dist/chunks/{loading-icon-D7mJr3sa.js → loading-icon-DdwpAk8-.js} +2 -2
- package/dist/chunks/{main-DTOZMPON.js → main-BGOPab-5.js} +1489 -1129
- package/dist/chunks/main-Bx21zlkN.js +65 -0
- package/dist/chunks/{property-Coy6Dag6.js → property-BkjBVRuu.js} +1 -1
- package/dist/chunks/{property-C5teVlku.js → property-DAFv3PCb.js} +1 -1
- package/dist/chunks/register-BCEOkbXG.js +1583 -0
- package/dist/chunks/{register-CHuMnx--.js → register-Bkr1UKav.js} +1 -1
- package/dist/chunks/{register-BO2Fr57T.js → register-DTXmg-gw.js} +1 -1
- package/dist/chunks/register-D_CXtGy1.js +1 -0
- package/dist/chunks/search-DDFN8-Mz.js +30 -0
- package/dist/chunks/search-npG8ywjx.js +240 -0
- package/dist/chunks/select-CFy3MvH6.js +76 -0
- package/dist/chunks/select-DkCpQORs.js +357 -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-BdgD82MZ.js} +1 -1
- package/dist/chunks/{state-C2XTwLOv.js → state-uF7CZaP5.js} +1 -1
- package/dist/chunks/text-input-BUdM-ojg.js +68 -0
- package/dist/chunks/text-input-DVdkm07X.js +372 -0
- package/dist/chunks/tooltip-content-BXcBmMsV.js +3 -0
- package/dist/chunks/tooltip-content-CWRE_NqH.js +135 -0
- package/dist/chunks/{unsafe-html-9YCxB3h1.js → unsafe-html-Bg0eM3hS.js} +1 -1
- package/dist/chunks/{unsafe-html-H7RRvoR7.js → unsafe-html-CpAqmPyx.js} +1 -1
- package/dist/zooy.cjs.js +1 -1
- package/dist/zooy.es.js +10 -10
- package/package.json +2 -2
- package/src/sass/carbon.scss +41 -0
- 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,372 @@
|
|
|
1
|
+
import { _ as i } from "./tslib.es6-C5gLNDSD.js";
|
|
2
|
+
import { a as tt, i as B, x as u } from "./main-BGOPab-5.js";
|
|
3
|
+
import { n as s } from "./property-BkjBVRuu.js";
|
|
4
|
+
import { e as et } from "./query-CbRg6ZGy.js";
|
|
5
|
+
import { c as it } from "./carbon-element-DzDuXiyl.js";
|
|
6
|
+
import { e as v } from "./class-map-FWQBIzSx.js";
|
|
7
|
+
import { p as t } from "./settings-jvP7vP60.js";
|
|
8
|
+
import { i as h } from "./icon-loader-CJxyg-lp.js";
|
|
9
|
+
import { i as x } from "./if-non-empty-COTeEFkK.js";
|
|
10
|
+
import { _ as st } from "./16-BiShwKPX.js";
|
|
11
|
+
import { _ as dt } from "./16-BwDdccyH.js";
|
|
12
|
+
import { F as at } from "./form-DpI-v6DA.js";
|
|
13
|
+
import { V as rt } from "./validity-CTz7ivUd.js";
|
|
14
|
+
import "./shared-enums-DALKjQ7e.js";
|
|
15
|
+
var nt = {
|
|
16
|
+
elem: "svg",
|
|
17
|
+
attrs: {
|
|
18
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
19
|
+
viewBox: "0 0 16 16",
|
|
20
|
+
fill: "currentColor",
|
|
21
|
+
width: 16,
|
|
22
|
+
height: 16
|
|
23
|
+
},
|
|
24
|
+
content: [{
|
|
25
|
+
elem: "path",
|
|
26
|
+
attrs: {
|
|
27
|
+
d: "M15.5,7.8C14.3,4.7,11.3,2.6,8,2.5C4.7,2.6,1.7,4.7,0.5,7.8c0,0.1,0,0.2,0,0.3c1.2,3.1,4.1,5.2,7.5,5.3 c3.3-0.1,6.3-2.2,7.5-5.3C15.5,8.1,15.5,7.9,15.5,7.8z M8,12.5c-2.7,0-5.4-2-6.5-4.5c1-2.5,3.8-4.5,6.5-4.5s5.4,2,6.5,4.5 C13.4,10.5,10.6,12.5,8,12.5z"
|
|
28
|
+
}
|
|
29
|
+
}, {
|
|
30
|
+
elem: "path",
|
|
31
|
+
attrs: {
|
|
32
|
+
d: "M8,5C6.3,5,5,6.3,5,8s1.3,3,3,3s3-1.3,3-3S9.7,5,8,5z M8,10c-1.1,0-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2S9.1,10,8,10z"
|
|
33
|
+
}
|
|
34
|
+
}],
|
|
35
|
+
name: "view",
|
|
36
|
+
size: 16
|
|
37
|
+
}, ot = {
|
|
38
|
+
elem: "svg",
|
|
39
|
+
attrs: {
|
|
40
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
41
|
+
viewBox: "0 0 16 16",
|
|
42
|
+
fill: "currentColor",
|
|
43
|
+
width: 16,
|
|
44
|
+
height: 16
|
|
45
|
+
},
|
|
46
|
+
content: [{
|
|
47
|
+
elem: "path",
|
|
48
|
+
attrs: {
|
|
49
|
+
d: "M2.6,11.3l0.7-0.7C2.6,9.8,1.9,9,1.5,8c1-2.5,3.8-4.5,6.5-4.5c0.7,0,1.4,0.1,2,0.4l0.8-0.8C9.9,2.7,9,2.5,8,2.5 C4.7,2.6,1.7,4.7,0.5,7.8c0,0.1,0,0.2,0,0.3C1,9.3,1.7,10.4,2.6,11.3z"
|
|
50
|
+
}
|
|
51
|
+
}, {
|
|
52
|
+
elem: "path",
|
|
53
|
+
attrs: {
|
|
54
|
+
d: "M6 7.9c.1-1 .9-1.8 1.8-1.8l.9-.9C7.2 4.7 5.5 5.6 5.1 7.2 5 7.7 5 8.3 5.1 8.8L6 7.9zM15.5 7.8c-.6-1.5-1.6-2.8-2.9-3.7L15 1.7 14.3 1 1 14.3 1.7 15l2.6-2.6c1.1.7 2.4 1 3.7 1.1 3.3-.1 6.3-2.2 7.5-5.3C15.5 8.1 15.5 7.9 15.5 7.8zM10 8c0 1.1-.9 2-2 2-.3 0-.7-.1-1-.3L9.7 7C9.9 7.3 10 7.6 10 8zM8 12.5c-1 0-2.1-.3-3-.8l1.3-1.3c1.4.9 3.2.6 4.2-.8.7-1 .7-2.4 0-3.4l1.4-1.4c1.1.8 2 1.9 2.6 3.2C13.4 10.5 10.6 12.5 8 12.5z"
|
|
55
|
+
}
|
|
56
|
+
}],
|
|
57
|
+
name: "view--off",
|
|
58
|
+
size: 16
|
|
59
|
+
}, k;
|
|
60
|
+
(function(a) {
|
|
61
|
+
a.SMALL = "sm", a.MEDIUM = "md", a.LARGE = "lg", a.EXTRA_LARGE = "xl";
|
|
62
|
+
})(k || (k = {}));
|
|
63
|
+
var $;
|
|
64
|
+
(function(a) {
|
|
65
|
+
a.START = "start", a.CENTER = "center", a.END = "end";
|
|
66
|
+
})($ || ($ = {}));
|
|
67
|
+
var q;
|
|
68
|
+
(function(a) {
|
|
69
|
+
a.TOP = "top", a.RIGHT = "right", a.BOTTOM = "bottom", a.LEFT = "left";
|
|
70
|
+
})(q || (q = {}));
|
|
71
|
+
var c;
|
|
72
|
+
(function(a) {
|
|
73
|
+
a.EMAIL = "email", a.PASSWORD = "password", a.TEL = "tel", a.TEXT = "text", a.URL = "url";
|
|
74
|
+
})(c || (c = {}));
|
|
75
|
+
var lt = tt(['@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{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--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}:host(cds-text-input){--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;inline-size:100%;outline:none}:host(cds-text-input) ::slotted(cds-ai-label),:host(cds-text-input) ::slotted(cds-slug){inset-block-start:50%;inset-inline-end:1rem;position:absolute}:host(cds-text-input) ::slotted(cds-ai-label:not([revert-active])),:host(cds-text-input) ::slotted(cds-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-text-input[show-password-visibility-toggle]) .cds--text-input{padding-inline-end:2.5rem}:host(cds-text-input[show-password-visibility-toggle]) .cds--text-input__invalid-icon{inset-inline-end:2.5rem}:host(cds-text-input[invalid]) .cds--text-input__field-wrapper--decorator .cds--text-input,:host(cds-text-input[warn]) .cds--text-input__field-wrapper--decorator .cds--text-input{padding-inline-end:4rem}:host(cds-text-input[invalid]) ::slotted(cds-ai-label),:host(cds-text-input[invalid]) ::slotted(cds-slug),:host(cds-text-input[warn]) ::slotted(cds-ai-label),:host(cds-text-input[warn]) ::slotted(cds-slug){inset-inline-end:2.5rem}:host(cds-text-input[ai-label]) .cds--text-input__field-wrapper--decorator{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)}']);
|
|
76
|
+
let e = class extends rt(at(B)) {
|
|
77
|
+
constructor() {
|
|
78
|
+
super(...arguments), this._hasAILabel = !1, this._value = "", this.autocomplete = "", this.autofocus = !1, this.disabled = !1, this.enableCounter = !1, this.helperText = "", this.invalid = !1, this.invalidText = "", this.warn = !1, this.warnText = "", this.hideLabel = !1, this.label = "", this.name = "", this.pattern = "", this.placeholder = "", this.readonly = !1, this.required = !1, this.requiredValidityMessage = "Please fill out this field.", this.hidePasswordLabel = "Hide password", this.showPasswordLabel = "Show password", this.showPasswordVisibilityToggle = !1, this.size = k.MEDIUM, this.isFluid = !1, this.inline = !1, this.tooltipAlignment = $.CENTER, this.tooltipDirection = q.BOTTOM, this.type = c.TEXT, this.validityMessage = "";
|
|
79
|
+
}
|
|
80
|
+
/**
|
|
81
|
+
* Handles `slotchange` event.
|
|
82
|
+
*/
|
|
83
|
+
_handleSlotChange({ target: r }) {
|
|
84
|
+
const n = r.assignedNodes().filter((o) => o.matches !== void 0 ? o.matches(this.constructor.aiLabelItem) || // remove reference to slug in v12
|
|
85
|
+
o.matches(this.constructor.slugItem) : !1);
|
|
86
|
+
this._hasAILabel = !!n, n[0].setAttribute("size", "mini"), this.requestUpdate();
|
|
87
|
+
}
|
|
88
|
+
/**
|
|
89
|
+
* Handles `oninput` event on the `input`.
|
|
90
|
+
*
|
|
91
|
+
* @param event The event.
|
|
92
|
+
* @param event.target The event target.
|
|
93
|
+
*/
|
|
94
|
+
_handleInput({ target: r }) {
|
|
95
|
+
this.value = r.value;
|
|
96
|
+
}
|
|
97
|
+
_handleFormdata(r) {
|
|
98
|
+
const { formData: n } = r, { disabled: o, name: m, value: l } = this;
|
|
99
|
+
o || n.append(m, l);
|
|
100
|
+
}
|
|
101
|
+
/**
|
|
102
|
+
* The value of the input.
|
|
103
|
+
*/
|
|
104
|
+
get value() {
|
|
105
|
+
return this._input ? this._input.value : this._value;
|
|
106
|
+
}
|
|
107
|
+
set value(r) {
|
|
108
|
+
const n = this._value;
|
|
109
|
+
this._value = r, this.requestUpdate("value", n), this._input && (this._input.value = r);
|
|
110
|
+
}
|
|
111
|
+
/**
|
|
112
|
+
* Handles password visibility toggle button click
|
|
113
|
+
*
|
|
114
|
+
* @deprecated will be removed in the next major version, use `cds-password-input` instead
|
|
115
|
+
*/
|
|
116
|
+
togglePasswordVisibility() {
|
|
117
|
+
this.type = this.type === c.PASSWORD ? c.TEXT : c.PASSWORD;
|
|
118
|
+
}
|
|
119
|
+
render() {
|
|
120
|
+
const { disabled: r, enableCounter: n, helperText: o, hideLabel: m, inline: l, isFluid: p, invalid: g, invalidText: T, label: A, maxCount: _, readonly: b, required: R, size: y, type: f, warn: F, warnText: D, value: w, _handleInput: X, _hasAILabel: V, _handleSlotChange: S } = this, E = h(st, {
|
|
121
|
+
class: `${t}--text-input__invalid-icon`
|
|
122
|
+
}), I = h(dt, {
|
|
123
|
+
class: `${t}--text-input__invalid-icon ${t}--text-input__invalid-icon--warning`
|
|
124
|
+
}), d = {
|
|
125
|
+
disabled: !b && r,
|
|
126
|
+
invalid: !b && g,
|
|
127
|
+
warn: !b && !g && F,
|
|
128
|
+
"slot-name": "",
|
|
129
|
+
"slot-text": "",
|
|
130
|
+
icon: null
|
|
131
|
+
};
|
|
132
|
+
d.invalid ? (d.icon = E, d["slot-name"] = "invalid-text", d["slot-text"] = T) : d.warn && (d.icon = I, d["slot-name"] = "warn-text", d["slot-text"] = D);
|
|
133
|
+
const P = v({
|
|
134
|
+
[`${t}--label`]: !0,
|
|
135
|
+
[`${t}--text-input__label-counter`]: !0,
|
|
136
|
+
[`${t}--label--disabled`]: r
|
|
137
|
+
}), W = v({
|
|
138
|
+
[`${t}--form-item`]: !0,
|
|
139
|
+
[`${t}--text-input-wrapper`]: !0,
|
|
140
|
+
[`${t}--text-input-wrapper--inline`]: l,
|
|
141
|
+
[`${t}--text-input-wrapper--readonly`]: b,
|
|
142
|
+
[`${t}--text-input-wrapper--inline--invalid`]: l && d.invalid
|
|
143
|
+
}), O = v({
|
|
144
|
+
[`${t}--text-input`]: !0,
|
|
145
|
+
[`${t}--text-input--invalid`]: d.invalid,
|
|
146
|
+
[`${t}--text-input--warning`]: d.warn,
|
|
147
|
+
[`${t}--text-input--${y}`]: y,
|
|
148
|
+
[`${t}--layout--size-${y}`]: y,
|
|
149
|
+
[`${t}--password-input`]: f === c.PASSWORD,
|
|
150
|
+
//TODO deprecated, remove in v12
|
|
151
|
+
[`${t}--text-input__field-wrapper--decorator`]: V
|
|
152
|
+
}), j = v({
|
|
153
|
+
[`${t}--text-input__field-outer-wrapper`]: !0,
|
|
154
|
+
[`${t}--text-input__field-outer-wrapper--inline`]: l
|
|
155
|
+
}), G = v({
|
|
156
|
+
[`${t}--text-input__field-wrapper`]: !0,
|
|
157
|
+
[`${t}--text-input__field-wrapper--warning`]: d.warn
|
|
158
|
+
}), H = v({
|
|
159
|
+
[`${t}--label`]: !0,
|
|
160
|
+
[`${t}--visually-hidden`]: m,
|
|
161
|
+
[`${t}--label--disabled`]: d.disabled
|
|
162
|
+
}), J = v({
|
|
163
|
+
[`${t}--form__helper-text`]: !0,
|
|
164
|
+
[`${t}--form__helper-text--disabled`]: d.disabled
|
|
165
|
+
}), C = f !== c.PASSWORD, K = C ? h(ot, { class: `${t}--icon-visibility-off` }) : h(nt, { class: `${t}--icon-visibility-on` }), Q = v({
|
|
166
|
+
[`${t}--text-input--password__visibility__toggle`]: !0,
|
|
167
|
+
[`${t}--btn`]: !0,
|
|
168
|
+
[`${t}--btn--icon-only`]: !0,
|
|
169
|
+
[`${t}--tooltip__trigger`]: !0,
|
|
170
|
+
[`${t}--tooltip--a11y`]: !0,
|
|
171
|
+
[`${t}--btn--disabled`]: d.disabled,
|
|
172
|
+
[`${t}--tooltip--${this.tooltipDirection}`]: this.tooltipDirection,
|
|
173
|
+
[`${t}--tooltip--align-${this.tooltipAlignment}`]: this.tooltipAlignment
|
|
174
|
+
}), Y = u`
|
|
175
|
+
<span class="${t}--assistive-text">
|
|
176
|
+
${C ? this.hidePasswordLabel : this.showPasswordLabel}
|
|
177
|
+
</span>
|
|
178
|
+
`, N = () => u`
|
|
179
|
+
<button
|
|
180
|
+
type="button"
|
|
181
|
+
class="${Q}"
|
|
182
|
+
?disabled="${d.disabled}"
|
|
183
|
+
@click="${this.togglePasswordVisibility}">
|
|
184
|
+
${d.disabled ? null : Y}
|
|
185
|
+
${K}
|
|
186
|
+
</button>
|
|
187
|
+
`, Z = w?.length, U = n && _ ? u` <label class="${P}">
|
|
188
|
+
<slot name="label-text">${Z}/${_}</slot>
|
|
189
|
+
</label>` : null, M = u`<div class="${t}--text-input__label-wrapper">
|
|
190
|
+
<label class="${H}">
|
|
191
|
+
<slot name="label-text">${A}</slot>
|
|
192
|
+
</label>
|
|
193
|
+
${U}
|
|
194
|
+
</div>`, L = o ? u`<div
|
|
195
|
+
class="${J}"
|
|
196
|
+
id="helper-text"
|
|
197
|
+
?hidden="${d.invalid || d.warn}">
|
|
198
|
+
<slot name="helper-text"> ${o} </slot>
|
|
199
|
+
</div>` : null, z = d.invalid || d.warn ? u`<div
|
|
200
|
+
class="${t}--form-requirement"
|
|
201
|
+
?hidden="${!d.invalid && !d.warn}">
|
|
202
|
+
<slot name="${d["slot-name"]}">
|
|
203
|
+
${d["slot-text"]}
|
|
204
|
+
</slot>
|
|
205
|
+
</div>` : null;
|
|
206
|
+
return u`
|
|
207
|
+
<div class="${W}">
|
|
208
|
+
${l ? u`<div class="${t}--text-input__label-helper-wrapper">
|
|
209
|
+
${M} ${p ? null : z || L}
|
|
210
|
+
</div>` : M}
|
|
211
|
+
<div class="${j}">
|
|
212
|
+
<div class="${G}" ?data-invalid="${g}">
|
|
213
|
+
${d.icon}
|
|
214
|
+
<input
|
|
215
|
+
autocomplete="${this.autocomplete}"
|
|
216
|
+
?autofocus="${this.autofocus}"
|
|
217
|
+
class="${O}"
|
|
218
|
+
?data-invalid="${g}"
|
|
219
|
+
?disabled="${r}"
|
|
220
|
+
aria-describedby="helper-text"
|
|
221
|
+
id="input"
|
|
222
|
+
name="${x(this.name)}"
|
|
223
|
+
pattern="${x(this.pattern)}"
|
|
224
|
+
placeholder="${x(this.placeholder)}"
|
|
225
|
+
?readonly="${b}"
|
|
226
|
+
?required="${R}"
|
|
227
|
+
type="${x(f)}"
|
|
228
|
+
.value="${this._value}"
|
|
229
|
+
maxlength="${x(_)}"
|
|
230
|
+
@input="${X}" />
|
|
231
|
+
<slot name="ai-label" @slotchange="${S}"></slot>
|
|
232
|
+
<slot name="slug" @slotchange="${S}"></slot>
|
|
233
|
+
${this.showPasswordVisibilityToggle && (f === c.PASSWORD || f === c.TEXT) ? N() : null}
|
|
234
|
+
${p ? u`<hr class="${t}--text-input__divider" />` : null}
|
|
235
|
+
${p && !l ? z : null}
|
|
236
|
+
</div>
|
|
237
|
+
|
|
238
|
+
${/* Non-fluid: validation and helper outside field wrapper */
|
|
239
|
+
""}
|
|
240
|
+
${!p && !l ? z || L : null}
|
|
241
|
+
</div>
|
|
242
|
+
</div>
|
|
243
|
+
`;
|
|
244
|
+
}
|
|
245
|
+
updated() {
|
|
246
|
+
var r, n, o, m, l;
|
|
247
|
+
this.toggleAttribute("ai-label", this._hasAILabel);
|
|
248
|
+
const p = (r = this.shadowRoot) === null || r === void 0 ? void 0 : r.querySelector("slot[name='ai-label']");
|
|
249
|
+
p ? p?.classList.toggle(`${t}--slug--revert`, (n = this.querySelector(`${t}-ai-label`)) === null || n === void 0 ? void 0 : n.hasAttribute("revert-active")) : (m = (o = this.shadowRoot) === null || o === void 0 ? void 0 : o.querySelector("slot[name='slug']")) === null || m === void 0 || m.classList.toggle(`${t}--slug--revert`, (l = this.querySelector(`${t}-slug`)) === null || l === void 0 ? void 0 : l.hasAttribute("revert-active"));
|
|
250
|
+
}
|
|
251
|
+
/**
|
|
252
|
+
* A selector that will return the slug item.
|
|
253
|
+
*
|
|
254
|
+
* remove in v12
|
|
255
|
+
*/
|
|
256
|
+
static get slugItem() {
|
|
257
|
+
return `${t}-slug`;
|
|
258
|
+
}
|
|
259
|
+
/**
|
|
260
|
+
* A selector that will return the AI Label item.
|
|
261
|
+
*/
|
|
262
|
+
static get aiLabelItem() {
|
|
263
|
+
return `${t}-ai-label`;
|
|
264
|
+
}
|
|
265
|
+
};
|
|
266
|
+
e.shadowRootOptions = Object.assign(Object.assign({}, B.shadowRootOptions), { delegatesFocus: !0 });
|
|
267
|
+
e.styles = lt;
|
|
268
|
+
i([
|
|
269
|
+
et("input")
|
|
270
|
+
], e.prototype, "_input", void 0);
|
|
271
|
+
i([
|
|
272
|
+
s()
|
|
273
|
+
], e.prototype, "autocomplete", void 0);
|
|
274
|
+
i([
|
|
275
|
+
s({ type: Boolean })
|
|
276
|
+
], e.prototype, "autofocus", void 0);
|
|
277
|
+
i([
|
|
278
|
+
s({ type: Boolean, reflect: !0 })
|
|
279
|
+
], e.prototype, "disabled", void 0);
|
|
280
|
+
i([
|
|
281
|
+
s({ type: Boolean, attribute: "enable-counter", reflect: !0 })
|
|
282
|
+
], e.prototype, "enableCounter", void 0);
|
|
283
|
+
i([
|
|
284
|
+
s({ attribute: "helper-text" })
|
|
285
|
+
], e.prototype, "helperText", void 0);
|
|
286
|
+
i([
|
|
287
|
+
s({ type: Boolean, reflect: !0 })
|
|
288
|
+
], e.prototype, "invalid", void 0);
|
|
289
|
+
i([
|
|
290
|
+
s({ attribute: "invalid-text" })
|
|
291
|
+
], e.prototype, "invalidText", void 0);
|
|
292
|
+
i([
|
|
293
|
+
s({ type: Number, attribute: "max-count", reflect: !0 })
|
|
294
|
+
], e.prototype, "maxCount", void 0);
|
|
295
|
+
i([
|
|
296
|
+
s({ type: Boolean, reflect: !0 })
|
|
297
|
+
], e.prototype, "warn", void 0);
|
|
298
|
+
i([
|
|
299
|
+
s({ attribute: "warn-text" })
|
|
300
|
+
], e.prototype, "warnText", void 0);
|
|
301
|
+
i([
|
|
302
|
+
s({ attribute: "hide-label", type: Boolean, reflect: !0 })
|
|
303
|
+
], e.prototype, "hideLabel", void 0);
|
|
304
|
+
i([
|
|
305
|
+
s({ attribute: "label" })
|
|
306
|
+
], e.prototype, "label", void 0);
|
|
307
|
+
i([
|
|
308
|
+
s()
|
|
309
|
+
], e.prototype, "name", void 0);
|
|
310
|
+
i([
|
|
311
|
+
s()
|
|
312
|
+
], e.prototype, "pattern", void 0);
|
|
313
|
+
i([
|
|
314
|
+
s({ reflect: !0 })
|
|
315
|
+
], e.prototype, "placeholder", void 0);
|
|
316
|
+
i([
|
|
317
|
+
s({ type: Boolean, reflect: !0 })
|
|
318
|
+
], e.prototype, "readonly", void 0);
|
|
319
|
+
i([
|
|
320
|
+
s({ type: Boolean, reflect: !0 })
|
|
321
|
+
], e.prototype, "required", void 0);
|
|
322
|
+
i([
|
|
323
|
+
s({ attribute: "required-validity-message" })
|
|
324
|
+
], e.prototype, "requiredValidityMessage", void 0);
|
|
325
|
+
i([
|
|
326
|
+
s()
|
|
327
|
+
], e.prototype, "hidePasswordLabel", void 0);
|
|
328
|
+
i([
|
|
329
|
+
s()
|
|
330
|
+
], e.prototype, "showPasswordLabel", void 0);
|
|
331
|
+
i([
|
|
332
|
+
s({
|
|
333
|
+
type: Boolean,
|
|
334
|
+
attribute: "show-password-visibility-toggle",
|
|
335
|
+
reflect: !0
|
|
336
|
+
})
|
|
337
|
+
], e.prototype, "showPasswordVisibilityToggle", void 0);
|
|
338
|
+
i([
|
|
339
|
+
s({ reflect: !0 })
|
|
340
|
+
], e.prototype, "size", void 0);
|
|
341
|
+
i([
|
|
342
|
+
s({ type: Boolean })
|
|
343
|
+
], e.prototype, "isFluid", void 0);
|
|
344
|
+
i([
|
|
345
|
+
s({ type: Boolean, reflect: !0 })
|
|
346
|
+
], e.prototype, "inline", void 0);
|
|
347
|
+
i([
|
|
348
|
+
s()
|
|
349
|
+
], e.prototype, "tooltipAlignment", void 0);
|
|
350
|
+
i([
|
|
351
|
+
s()
|
|
352
|
+
], e.prototype, "tooltipDirection", void 0);
|
|
353
|
+
i([
|
|
354
|
+
s({ reflect: !0 })
|
|
355
|
+
], e.prototype, "type", void 0);
|
|
356
|
+
i([
|
|
357
|
+
s({ attribute: "validity-message" })
|
|
358
|
+
], e.prototype, "validityMessage", void 0);
|
|
359
|
+
i([
|
|
360
|
+
s({ reflect: !0 })
|
|
361
|
+
], e.prototype, "value", null);
|
|
362
|
+
e = i([
|
|
363
|
+
it(`${t}-text-input`)
|
|
364
|
+
], e);
|
|
365
|
+
var $t = e;
|
|
366
|
+
export {
|
|
367
|
+
$t as C,
|
|
368
|
+
k as I,
|
|
369
|
+
ot as _,
|
|
370
|
+
nt as a,
|
|
371
|
+
lt as s
|
|
372
|
+
};
|