@fluentui/react-switch 9.0.0-nightly.f81b28ceb3.1 → 9.0.0-rc.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/CHANGELOG.json +269 -28
- package/CHANGELOG.md +69 -16
- package/Spec.md +4 -4
- package/dist/react-switch.d.ts +14 -17
- package/lib/components/Switch/Switch.js +7 -7
- package/lib/components/Switch/Switch.js.map +1 -1
- package/lib/components/Switch/Switch.types.d.ts +10 -9
- package/lib/components/Switch/renderSwitch.d.ts +1 -1
- package/lib/components/Switch/renderSwitch.js +12 -8
- package/lib/components/Switch/renderSwitch.js.map +1 -1
- package/lib/components/Switch/useSwitch.d.ts +2 -6
- package/lib/components/Switch/useSwitch.js +21 -25
- package/lib/components/Switch/useSwitch.js.map +1 -1
- package/lib/components/Switch/useSwitchState.js +48 -56
- package/lib/components/Switch/useSwitchState.js.map +1 -1
- package/lib/components/Switch/useSwitchStyles.d.ts +2 -1
- package/lib/components/Switch/useSwitchStyles.js +69 -63
- package/lib/components/Switch/useSwitchStyles.js.map +1 -1
- package/lib-commonjs/Switch.js +1 -1
- package/lib-commonjs/components/Switch/Switch.js +8 -8
- package/lib-commonjs/components/Switch/Switch.js.map +1 -1
- package/lib-commonjs/components/Switch/Switch.types.d.ts +10 -9
- package/lib-commonjs/components/Switch/index.js +1 -1
- package/lib-commonjs/components/Switch/renderSwitch.d.ts +1 -1
- package/lib-commonjs/components/Switch/renderSwitch.js +16 -14
- package/lib-commonjs/components/Switch/renderSwitch.js.map +1 -1
- package/lib-commonjs/components/Switch/useSwitch.d.ts +2 -6
- package/lib-commonjs/components/Switch/useSwitch.js +26 -31
- package/lib-commonjs/components/Switch/useSwitch.js.map +1 -1
- package/lib-commonjs/components/Switch/useSwitchState.js +51 -59
- package/lib-commonjs/components/Switch/useSwitchState.js.map +1 -1
- package/lib-commonjs/components/Switch/useSwitchStyles.d.ts +2 -1
- package/lib-commonjs/components/Switch/useSwitchStyles.js +78 -71
- package/lib-commonjs/components/Switch/useSwitchStyles.js.map +1 -1
- package/lib-commonjs/index.js +1 -1
- package/package.json +10 -15
- package/lib/common/isConformant.d.ts +0 -4
- package/lib/common/isConformant.js +0 -12
- package/lib/common/isConformant.js.map +0 -1
- package/lib-commonjs/common/isConformant.d.ts +0 -4
- package/lib-commonjs/common/isConformant.js +0 -23
- package/lib-commonjs/common/isConformant.js.map +0 -1
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import { __styles, mergeClasses } from '@
|
|
1
|
+
import { shorthands, __styles, mergeClasses } from '@griffel/react';
|
|
2
2
|
import { createFocusOutlineStyle } from '@fluentui/react-tabster';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
import { tokens } from '@fluentui/react-theme';
|
|
4
|
+
export const switchClassName = 'fui-Switch';
|
|
5
|
+
const trackClassName = `${switchClassName}-track`;
|
|
6
|
+
const thumbClassName = `${switchClassName}-thumb`;
|
|
6
7
|
/**
|
|
7
8
|
* Styles for the root slot
|
|
8
9
|
*/
|
|
9
10
|
|
|
10
|
-
|
|
11
|
+
const useRootStyles = /*#__PURE__*/__styles({
|
|
11
12
|
"root": {
|
|
12
13
|
"B64q66w": "frxo1y7",
|
|
13
14
|
"yvbau0": "fe5s2ct",
|
|
@@ -23,15 +24,12 @@ var useRootStyles = /*#__PURE__*/__styles({
|
|
|
23
24
|
"ha4doy": "f1qdqbpl"
|
|
24
25
|
},
|
|
25
26
|
"unchecked": {
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
"Bjuc0nl": ["f687y2r", "f1edjd92"],
|
|
29
|
-
"B5yqodl": "f1f3tlu1",
|
|
30
|
-
"kjlpdb": ["f1edjd92", "f687y2r"]
|
|
27
|
+
"d48c0s": "frinyyk",
|
|
28
|
+
"Bc6qnd8": "f1g8lwx2"
|
|
31
29
|
},
|
|
32
30
|
"checked": {
|
|
33
|
-
"
|
|
34
|
-
"
|
|
31
|
+
"Banj4pq": "fpfyfb6",
|
|
32
|
+
"Brktkwq": "f3vtzeg"
|
|
35
33
|
},
|
|
36
34
|
"enabled": {
|
|
37
35
|
"H36rlo": "felqjlh",
|
|
@@ -43,37 +41,25 @@ var useRootStyles = /*#__PURE__*/__styles({
|
|
|
43
41
|
},
|
|
44
42
|
"focusIndicator": {
|
|
45
43
|
"B486eqv": "f2hkw1w",
|
|
46
|
-
"
|
|
47
|
-
"ozrjjd": ["fq2kn9", "f1jxwnad"],
|
|
48
|
-
"B7lelfh": "f1il7mou",
|
|
49
|
-
"Bp3tz3o": ["f1jxwnad", "fq2kn9"],
|
|
44
|
+
"c2y4jd": "fsofd9k",
|
|
50
45
|
"B8vm7ur": "f12sql3b",
|
|
51
46
|
"f4hv8x": "f1i4q40k",
|
|
52
47
|
"Gpan81": "fcrbge9",
|
|
53
48
|
"z7afg": "ft464mn",
|
|
54
49
|
"rsjj6t": "fskqmiq",
|
|
55
|
-
"
|
|
56
|
-
"
|
|
57
|
-
"Bhtq6h7": "f14hlsw1",
|
|
58
|
-
"Bubk9yy": ["fpuz8dn", "fw1d893"],
|
|
59
|
-
"dzajus": "f1bkt4b4",
|
|
60
|
-
"B8gmrwi": ["f16hf5f2", "f1qhqcal"],
|
|
61
|
-
"Byq6oy9": "fyyqeim",
|
|
62
|
-
"Bdy2j38": ["f1qhqcal", "f16hf5f2"],
|
|
50
|
+
"Bqsd8kq": "f2gy8jn",
|
|
51
|
+
"sfhsbh": "f1pke3uf",
|
|
63
52
|
"Bugh3ej": "f18xdlq9",
|
|
64
|
-
"
|
|
65
|
-
"Ba33l6n": ["f1horip2", "fgnx9ah"],
|
|
66
|
-
"va7z1g": "fkii2tb",
|
|
67
|
-
"Bmi6mq9": ["fgnx9ah", "f1horip2"],
|
|
53
|
+
"hpanx6": "f1114nks",
|
|
68
54
|
"Bjkpy09": "f1rh66yx",
|
|
69
55
|
"Jxg1p8": "f19ibq92",
|
|
70
56
|
"Bc94xmo": ["fc3tncn", "f1veb610"],
|
|
71
57
|
"Bj23z95": ["f1veb610", "fc3tncn"]
|
|
72
58
|
}
|
|
73
59
|
}, {
|
|
74
|
-
"d": [".frxo1y7{--switch-width:40px;}", ".fe5s2ct{--switch-height:20px;}", ".f1n6k660{--switch-thumb-size:14px;}", ".f17m95gg{--switch-checked-opacity:0;}", ".fp7zjh8{--switch-unchecked-opacity:0;}", ".f10pi13n{position:relative;}", ".fnceurk{width:var(--switch-width);}", ".f15da5dy{height:var(--switch-height);}", ".f14t3ns0{display:inline-block;}", ".f1xqy1su{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", ".f1sdsnyy{touch-action:none;}", ".f1qdqbpl{vertical-align:bottom;}", ".felqjlh{-webkit-tap-highlight-color:rgba(0,0,0,0);}", ".f1k6fduh{cursor:pointer;}", ".fdrzuqr{cursor:not-allowed;}", ".f1aehjj5{pointer-events:none;}", "[data-keyboard-nav] .
|
|
75
|
-
"h": [".
|
|
76
|
-
"a": [".
|
|
60
|
+
"d": [".frxo1y7{--switch-width:40px;}", ".fe5s2ct{--switch-height:20px;}", ".f1n6k660{--switch-thumb-size:14px;}", ".f17m95gg{--switch-checked-opacity:0;}", ".fp7zjh8{--switch-unchecked-opacity:0;}", ".f10pi13n{position:relative;}", ".fnceurk{width:var(--switch-width);}", ".f15da5dy{height:var(--switch-height);}", ".f14t3ns0{display:inline-block;}", ".f1xqy1su{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", ".f1sdsnyy{touch-action:none;}", ".f1qdqbpl{vertical-align:bottom;}", ".felqjlh{-webkit-tap-highlight-color:rgba(0,0,0,0);}", ".f1k6fduh{cursor:pointer;}", ".fdrzuqr{cursor:not-allowed;}", ".f1aehjj5{pointer-events:none;}", "[data-keyboard-nav] .fsofd9k:focus-within{border-color:transparent;}", "[data-keyboard-nav] .f12sql3b:focus-within:after{content:\"\";}", "[data-keyboard-nav] .f1i4q40k:focus-within:after{position:absolute;}", "[data-keyboard-nav] .fcrbge9:focus-within:after{pointer-events:none;}", "[data-keyboard-nav] .ft464mn:focus-within:after{box-sizing:outline-box;}", "[data-keyboard-nav] .fskqmiq:focus-within:after{z-index:1;}", "[data-keyboard-nav] .f2gy8jn:focus-within:after{border-style:solid;}", "[data-keyboard-nav] .f1pke3uf:focus-within:after{border-width:2px;}", "[data-keyboard-nav] .f18xdlq9:focus-within:after{border-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .f1114nks:focus-within:after{border-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f1rh66yx:focus-within:after{top:calc(0px - 2px - 8px);}", "[data-keyboard-nav] .f19ibq92:focus-within:after{bottom:calc(0px - 2px - 8px);}", "[data-keyboard-nav] .fc3tncn:focus-within:after{left:calc(0px - 2px - 8px);}", "[data-keyboard-nav] .f1veb610:focus-within:after{right:calc(0px - 2px - 8px);}"],
|
|
61
|
+
"h": [".frinyyk:hover .fui-Switch-thumb:before{background-color:var(--colorNeutralStrokeAccessibleHover);}", ".f1g8lwx2:hover .fui-Switch-track:before{border-color:var(--colorNeutralStrokeAccessibleHover);}", ".fpfyfb6:hover .fui-Switch-track:after{background-color:var(--colorBrandBackgroundHover);}"],
|
|
62
|
+
"a": [".f3vtzeg:active .fui-Switch-track:after{background-color:var(--colorBrandBackgroundPressed);}"],
|
|
77
63
|
"i": [".f2hkw1w:focus-visible{outline-style:none;}"]
|
|
78
64
|
});
|
|
79
65
|
/**
|
|
@@ -81,12 +67,14 @@ var useRootStyles = /*#__PURE__*/__styles({
|
|
|
81
67
|
*/
|
|
82
68
|
|
|
83
69
|
|
|
84
|
-
|
|
70
|
+
const useTrackStyles = /*#__PURE__*/__styles({
|
|
85
71
|
"track": {
|
|
86
72
|
"qhf8xq": "f1euv43f",
|
|
87
73
|
"a9b677": "fly5x3f",
|
|
88
74
|
"Bqenvij": "f1l02sjl",
|
|
89
|
-
"
|
|
75
|
+
"Bmy1vo4": "fmslzlq",
|
|
76
|
+
"B3o57yi": "f15vu5tu",
|
|
77
|
+
"Bkqvd7p": "f1e1a42z",
|
|
90
78
|
"lpbzjs": "f1sdsnyy",
|
|
91
79
|
"Bkecrkj": "f1aehjj5",
|
|
92
80
|
"xx9plb": "fxf9f1y",
|
|
@@ -95,7 +83,10 @@ var useTrackStyles = /*#__PURE__*/__styles({
|
|
|
95
83
|
"Bj2wrql": "f3zr33r",
|
|
96
84
|
"qd6xl9": ["ff0gctb", "f8g0ba1"],
|
|
97
85
|
"Bmqnesq": "f170vdtw",
|
|
98
|
-
"
|
|
86
|
+
"px8gyy": ["f7lyffi", "fmk9c8u"],
|
|
87
|
+
"B5c9fhp": ["fmk9c8u", "f7lyffi"],
|
|
88
|
+
"Bhe99jt": ["f1nat4im", "fw5qzmy"],
|
|
89
|
+
"B2r1szc": ["fw5qzmy", "f1nat4im"],
|
|
99
90
|
"rurcny": "f99sooz",
|
|
100
91
|
"ngabwx": "f1uhpfti",
|
|
101
92
|
"Hdbjpj": "f11ef69",
|
|
@@ -104,7 +95,10 @@ var useTrackStyles = /*#__PURE__*/__styles({
|
|
|
104
95
|
"Bj55yzk": "f13gddrr",
|
|
105
96
|
"cnmfks": ["f1oarbwq", "f1bp8q63"],
|
|
106
97
|
"oqd9ik": "ffdc0f3",
|
|
107
|
-
"
|
|
98
|
+
"frdscb": ["f1xuwyw0", "f12j4hro"],
|
|
99
|
+
"B9nohqn": ["f12j4hro", "f1xuwyw0"],
|
|
100
|
+
"B1dhsta": ["f1mf29j", "f1nzm45q"],
|
|
101
|
+
"Bjdmjzx": ["f1nzm45q", "f1mf29j"],
|
|
108
102
|
"Bs6t6z0": "f77y9vx",
|
|
109
103
|
"Bmyypfa": "frd86tk"
|
|
110
104
|
},
|
|
@@ -121,10 +115,10 @@ var useTrackStyles = /*#__PURE__*/__styles({
|
|
|
121
115
|
"I89eb": ["f149mt9j", "fs3bzhx"],
|
|
122
116
|
"Bp1vogq": "f14z72z2",
|
|
123
117
|
"Bohd3ja": ["fs3bzhx", "f149mt9j"],
|
|
124
|
-
"
|
|
118
|
+
"B1dvbpk": "f1k1dzc6"
|
|
125
119
|
},
|
|
126
120
|
"checked": {
|
|
127
|
-
"
|
|
121
|
+
"Bkbwdz4": "f8mks4l",
|
|
128
122
|
"rskduk": "f1so6udy",
|
|
129
123
|
"Dctjco": ["f1faxgr0", "f1wf3et7"],
|
|
130
124
|
"J4s2b0": "f124kgxn",
|
|
@@ -157,17 +151,17 @@ var useTrackStyles = /*#__PURE__*/__styles({
|
|
|
157
151
|
"B13j16c": ["f11zx3qq", "fqewq1t"],
|
|
158
152
|
"Bk8j60v": "fmewjpk",
|
|
159
153
|
"Bpbi4o9": ["fqewq1t", "f11zx3qq"],
|
|
160
|
-
"
|
|
154
|
+
"Bkbwdz4": "f132yvl5"
|
|
161
155
|
}
|
|
162
156
|
}, {
|
|
163
|
-
"d": [".f1euv43f{position:absolute;}", ".fly5x3f{width:100%;}", ".f1l02sjl{height:100%;}", ".
|
|
157
|
+
"d": [".f1euv43f{position:absolute;}", ".fly5x3f{width:100%;}", ".f1l02sjl{height:100%;}", ".fmslzlq{transition-property:backgroundColor;}", ".f15vu5tu{transition-duration:0.1s;}", ".f1e1a42z{transition-timing-function:cubic-bezier(0.33, 0, 0.67, 1);}", ".f1sdsnyy{touch-action:none;}", ".f1aehjj5{pointer-events:none;}", ".fxf9f1y:before{position:absolute;}", ".frdto5n:before{top:0px;}", ".f8g0ba1:before{left:0px;}", ".ff0gctb:before{right:0px;}", ".f3zr33r:before{bottom:0px;}", ".f170vdtw:before{box-sizing:border-box;}", ".f7lyffi:before{border-bottom-right-radius:999px;}", ".fmk9c8u:before{border-bottom-left-radius:999px;}", ".f1nat4im:before{border-top-right-radius:999px;}", ".fw5qzmy:before{border-top-left-radius:999px;}", ".f99sooz:before{content:'';}", ".f1uhpfti:before{opacity:var(--switch-unchecked-opacity);}", ".f11ef69:after{position:absolute;}", ".f1yuyem3:after{top:0px;}", ".f1bp8q63:after{left:0px;}", ".f1oarbwq:after{right:0px;}", ".f13gddrr:after{bottom:0px;}", ".ffdc0f3:after{box-sizing:border-box;}", ".f1xuwyw0:after{border-bottom-right-radius:999px;}", ".f12j4hro:after{border-bottom-left-radius:999px;}", ".f1mf29j:after{border-top-right-radius:999px;}", ".f1nzm45q:after{border-top-left-radius:999px;}", ".f77y9vx:after{content:'';}", ".frd86tk:after{opacity:var(--switch-checked-opacity);}", ".f199l62q:before{border-top-width:1px;}", ".f1pa2qi2:before{border-right-width:1px;}", ".f1ooiv2t:before{border-left-width:1px;}", ".fyqop9u:before{border-bottom-width:1px;}", ".f1bwkb58:before{border-top-style:solid;}", ".fiio4mc:before{border-right-style:solid;}", ".fc8z0qo:before{border-left-style:solid;}", ".f1m5ya7j:before{border-bottom-style:solid;}", ".f1gqzwee:before{border-top-color:var(--colorNeutralStrokeAccessible);}", ".f149mt9j:before{border-right-color:var(--colorNeutralStrokeAccessible);}", ".fs3bzhx:before{border-left-color:var(--colorNeutralStrokeAccessible);}", ".f14z72z2:before{border-bottom-color:var(--colorNeutralStrokeAccessible);}", ".f1k1dzc6:before{background-color:transparent;}", ".f8mks4l:after{background-color:var(--colorBrandBackground);}", ".f1so6udy:after{border-top-style:none;}", ".f1faxgr0:after{border-right-style:none;}", ".f1wf3et7:after{border-left-style:none;}", ".f124kgxn:after{border-bottom-style:none;}", ".fntj282:before{border-top-color:var(--colorNeutralStrokeDisabled);}", ".fzta9nb:before{border-right-color:var(--colorNeutralStrokeDisabled);}", ".f17m9iy5:before{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f1k4exvn:before{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".f1l5cenb:after{border-top-width:1px;}", ".f1jvubu3:after{border-right-width:1px;}", ".f1q1uvzd:after{border-left-width:1px;}", ".f2fxry3:after{border-bottom-width:1px;}", ".f1iq3fds:after{border-top-style:solid;}", ".f1r2jemi:after{border-right-style:solid;}", ".f11olovk:after{border-left-style:solid;}", ".fd0py6g:after{border-bottom-style:solid;}", ".f2uxs13:after{border-top-color:var(--colorTransparentStrokeDisabled);}", ".f11zx3qq:after{border-right-color:var(--colorTransparentStrokeDisabled);}", ".fqewq1t:after{border-left-color:var(--colorTransparentStrokeDisabled);}", ".fmewjpk:after{border-bottom-color:var(--colorTransparentStrokeDisabled);}", ".f132yvl5:after{background-color:var(--colorNeutralBackgroundDisabled);}"]
|
|
164
158
|
});
|
|
165
159
|
/**
|
|
166
160
|
* Styles for the thumb wrapper slot
|
|
167
161
|
*/
|
|
168
162
|
|
|
169
163
|
|
|
170
|
-
|
|
164
|
+
const useThumbWrapperStyles = /*#__PURE__*/__styles({
|
|
171
165
|
"thumbWrapper": {
|
|
172
166
|
"qhf8xq": "f1euv43f",
|
|
173
167
|
"Bhzewxz": "f15twtuk",
|
|
@@ -185,16 +179,21 @@ var useThumbWrapperStyles = /*#__PURE__*/__styles({
|
|
|
185
179
|
*/
|
|
186
180
|
|
|
187
181
|
|
|
188
|
-
|
|
182
|
+
const useThumbStyles = /*#__PURE__*/__styles({
|
|
189
183
|
"thumb": {
|
|
190
184
|
"qhf8xq": "f1euv43f",
|
|
191
185
|
"a9b677": "fcjrtee",
|
|
192
186
|
"Bqenvij": "fili5n9",
|
|
193
187
|
"B7ck84d": "f1ewtqcl",
|
|
194
|
-
"
|
|
188
|
+
"Bbmb7ep": ["f8fbkgy", "f1nfllo7"],
|
|
189
|
+
"Beyfa6y": ["f1nfllo7", "f8fbkgy"],
|
|
190
|
+
"B7oj6ja": ["f1djnp8u", "f1s8kh49"],
|
|
191
|
+
"Btl43ni": ["f1s8kh49", "f1djnp8u"],
|
|
195
192
|
"Bhzewxz": "f1i1t8d1",
|
|
196
193
|
"Bz10aip": ["foouk8k", "fd9rb4b"],
|
|
197
|
-
"
|
|
194
|
+
"Bmy1vo4": "fmslzlq",
|
|
195
|
+
"B3o57yi": "f15vu5tu",
|
|
196
|
+
"Bkqvd7p": "f1e1a42z",
|
|
198
197
|
"lpbzjs": "f1sdsnyy",
|
|
199
198
|
"Bkecrkj": "f1aehjj5",
|
|
200
199
|
"xx9plb": "fxf9f1y",
|
|
@@ -202,7 +201,10 @@ var useThumbStyles = /*#__PURE__*/__styles({
|
|
|
202
201
|
"Byque4d": ["f8g0ba1", "ff0gctb"],
|
|
203
202
|
"Bj2wrql": "f3zr33r",
|
|
204
203
|
"qd6xl9": ["ff0gctb", "f8g0ba1"],
|
|
205
|
-
"
|
|
204
|
+
"px8gyy": ["fu724ry", "f1ufhb3r"],
|
|
205
|
+
"B5c9fhp": ["f1ufhb3r", "fu724ry"],
|
|
206
|
+
"Bhe99jt": ["fiow2ne", "f13lz1i8"],
|
|
207
|
+
"B2r1szc": ["f13lz1i8", "fiow2ne"],
|
|
206
208
|
"rurcny": "f99sooz",
|
|
207
209
|
"ngabwx": "f1uhpfti",
|
|
208
210
|
"Hdbjpj": "f11ef69",
|
|
@@ -210,15 +212,18 @@ var useThumbStyles = /*#__PURE__*/__styles({
|
|
|
210
212
|
"jc51t6": ["f1bp8q63", "f1oarbwq"],
|
|
211
213
|
"Bj55yzk": "f13gddrr",
|
|
212
214
|
"cnmfks": ["f1oarbwq", "f1bp8q63"],
|
|
213
|
-
"
|
|
215
|
+
"frdscb": ["fc4gh2t", "flndy84"],
|
|
216
|
+
"B9nohqn": ["flndy84", "fc4gh2t"],
|
|
217
|
+
"B1dhsta": ["fxgx2h0", "fh20ihy"],
|
|
218
|
+
"Bjdmjzx": ["fh20ihy", "fxgx2h0"],
|
|
214
219
|
"Bs6t6z0": "f77y9vx",
|
|
215
220
|
"Bmyypfa": "frd86tk"
|
|
216
221
|
},
|
|
217
222
|
"unchecked": {
|
|
218
|
-
"
|
|
223
|
+
"B1dvbpk": "f1n7m28n"
|
|
219
224
|
},
|
|
220
225
|
"checked": {
|
|
221
|
-
"
|
|
226
|
+
"Bkbwdz4": "f1261hx1"
|
|
222
227
|
},
|
|
223
228
|
"disabledUnchecked": {
|
|
224
229
|
"dj0dih": "f199l62q",
|
|
@@ -233,20 +238,20 @@ var useThumbStyles = /*#__PURE__*/__styles({
|
|
|
233
238
|
"I89eb": ["f1yueqd5", "f16ep8jm"],
|
|
234
239
|
"Bp1vogq": "flh92r5",
|
|
235
240
|
"Bohd3ja": ["f16ep8jm", "f1yueqd5"],
|
|
236
|
-
"
|
|
241
|
+
"B1dvbpk": "fj528n6"
|
|
237
242
|
},
|
|
238
243
|
"disabledChecked": {
|
|
239
|
-
"
|
|
244
|
+
"Bkbwdz4": "f18jltdj"
|
|
240
245
|
}
|
|
241
246
|
}, {
|
|
242
|
-
"d": [".f1euv43f{position:absolute;}", ".fcjrtee{width:var(--switch-thumb-size);}", ".fili5n9{height:var(--switch-thumb-size);}", ".f1ewtqcl{box-sizing:border-box;}", ".
|
|
247
|
+
"d": [".f1euv43f{position:absolute;}", ".fcjrtee{width:var(--switch-thumb-size);}", ".fili5n9{height:var(--switch-thumb-size);}", ".f1ewtqcl{box-sizing:border-box;}", ".f8fbkgy{border-bottom-right-radius:var(--borderRadiusCircular);}", ".f1nfllo7{border-bottom-left-radius:var(--borderRadiusCircular);}", ".f1djnp8u{border-top-right-radius:var(--borderRadiusCircular);}", ".f1s8kh49{border-top-left-radius:var(--borderRadiusCircular);}", ".f1i1t8d1{top:50%;}", ".foouk8k{-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}", ".fd9rb4b{-webkit-transform:translate(50%, -50%);-moz-transform:translate(50%, -50%);-ms-transform:translate(50%, -50%);transform:translate(50%, -50%);}", ".fmslzlq{transition-property:backgroundColor;}", ".f15vu5tu{transition-duration:0.1s;}", ".f1e1a42z{transition-timing-function:cubic-bezier(0.33, 0, 0.67, 1);}", ".f1sdsnyy{touch-action:none;}", ".f1aehjj5{pointer-events:none;}", ".fxf9f1y:before{position:absolute;}", ".frdto5n:before{top:0px;}", ".f8g0ba1:before{left:0px;}", ".ff0gctb:before{right:0px;}", ".f3zr33r:before{bottom:0px;}", ".fu724ry:before{border-bottom-right-radius:var(--borderRadiusCircular);}", ".f1ufhb3r:before{border-bottom-left-radius:var(--borderRadiusCircular);}", ".fiow2ne:before{border-top-right-radius:var(--borderRadiusCircular);}", ".f13lz1i8:before{border-top-left-radius:var(--borderRadiusCircular);}", ".f99sooz:before{content:'';}", ".f1uhpfti:before{opacity:var(--switch-unchecked-opacity);}", ".f11ef69:after{position:absolute;}", ".f1yuyem3:after{top:0px;}", ".f1bp8q63:after{left:0px;}", ".f1oarbwq:after{right:0px;}", ".f13gddrr:after{bottom:0px;}", ".fc4gh2t:after{border-bottom-right-radius:var(--borderRadiusCircular);}", ".flndy84:after{border-bottom-left-radius:var(--borderRadiusCircular);}", ".fxgx2h0:after{border-top-right-radius:var(--borderRadiusCircular);}", ".fh20ihy:after{border-top-left-radius:var(--borderRadiusCircular);}", ".f77y9vx:after{content:'';}", ".frd86tk:after{opacity:var(--switch-checked-opacity);}", ".f1n7m28n:before{background-color:var(--colorNeutralStrokeAccessible);}", ".f1261hx1:after{background-color:var(--colorNeutralForegroundOnBrand);}", ".f199l62q:before{border-top-width:1px;}", ".f1pa2qi2:before{border-right-width:1px;}", ".f1ooiv2t:before{border-left-width:1px;}", ".fyqop9u:before{border-bottom-width:1px;}", ".f1bwkb58:before{border-top-style:solid;}", ".fiio4mc:before{border-right-style:solid;}", ".fc8z0qo:before{border-left-style:solid;}", ".f1m5ya7j:before{border-bottom-style:solid;}", ".f1k21dld:before{border-top-color:var(--colorNeutralForegroundDisabled);}", ".f1yueqd5:before{border-right-color:var(--colorNeutralForegroundDisabled);}", ".f16ep8jm:before{border-left-color:var(--colorNeutralForegroundDisabled);}", ".flh92r5:before{border-bottom-color:var(--colorNeutralForegroundDisabled);}", ".fj528n6:before{background-color:var(--colorNeutralBackground1);}", ".f18jltdj:after{background-color:var(--colorNeutralForegroundDisabled);}"]
|
|
243
248
|
});
|
|
244
249
|
/**
|
|
245
250
|
* Styles for the activeRail slot
|
|
246
251
|
*/
|
|
247
252
|
|
|
248
253
|
|
|
249
|
-
|
|
254
|
+
const useActiveRailStyles = /*#__PURE__*/__styles({
|
|
250
255
|
"activeRail": {
|
|
251
256
|
"qhf8xq": "f1euv43f",
|
|
252
257
|
"oyh7mz": ["fhpx7ww", "f1kctpth"],
|
|
@@ -260,7 +265,7 @@ var useActiveRailStyles = /*#__PURE__*/__styles({
|
|
|
260
265
|
*/
|
|
261
266
|
|
|
262
267
|
|
|
263
|
-
|
|
268
|
+
const useInputStyle = /*#__PURE__*/__styles({
|
|
264
269
|
"input": {
|
|
265
270
|
"abs64n": "fk73vx1",
|
|
266
271
|
"qhf8xq": "f1euv43f",
|
|
@@ -285,17 +290,18 @@ var useInputStyle = /*#__PURE__*/__styles({
|
|
|
285
290
|
*/
|
|
286
291
|
|
|
287
292
|
|
|
288
|
-
export
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
293
|
+
export const useSwitchStyles_unstable = state => {
|
|
294
|
+
const {
|
|
295
|
+
checked,
|
|
296
|
+
disabled
|
|
297
|
+
} = state.input;
|
|
298
|
+
const rootStyles = useRootStyles();
|
|
299
|
+
const trackStyles = useTrackStyles();
|
|
300
|
+
const thumbWrapperStyles = useThumbWrapperStyles();
|
|
301
|
+
const thumbStyles = useThumbStyles();
|
|
302
|
+
const activeRailStyles = useActiveRailStyles();
|
|
303
|
+
const inputStyles = useInputStyle();
|
|
304
|
+
state.root.className = mergeClasses(switchClassName + (checked ? ' checked' : ''), rootStyles.root, rootStyles.focusIndicator, !disabled && rootStyles.checked, !disabled && rootStyles.unchecked, disabled ? rootStyles.disabled : rootStyles.enabled, state.root.className);
|
|
299
305
|
state.track.className = mergeClasses(trackClassName, trackStyles.track, !disabled && trackStyles.checked, !disabled && trackStyles.unchecked, disabled && trackStyles.disabledChecked, disabled && trackStyles.disabledUnchecked, state.track.className);
|
|
300
306
|
state.thumbWrapper.className = mergeClasses(thumbWrapperStyles.thumbWrapper, state.thumbWrapper.className);
|
|
301
307
|
state.thumb.className = mergeClasses(thumbClassName, thumbStyles.thumb, !disabled && thumbStyles.checked, !disabled && thumbStyles.unchecked, disabled && thumbStyles.disabledChecked, disabled && thumbStyles.disabledUnchecked, state.thumb.className);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Switch/useSwitchStyles.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Switch/useSwitchStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
package/lib-commonjs/Switch.js
CHANGED
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
|
8
8
|
|
|
9
9
|
tslib_1.__exportStar(require("./components/Switch/index"), exports);
|
|
10
10
|
//# sourceMappingURL=Switch.js.map
|
|
@@ -5,22 +5,22 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.Switch = void 0;
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
const React = /*#__PURE__*/require("react");
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
const useSwitch_1 = /*#__PURE__*/require("./useSwitch");
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
const renderSwitch_1 = /*#__PURE__*/require("./renderSwitch");
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
const useSwitchStyles_1 = /*#__PURE__*/require("./useSwitchStyles");
|
|
15
15
|
/**
|
|
16
16
|
* The Switch control enables users to trigger an option on or off through pressing on the component.
|
|
17
17
|
*/
|
|
18
18
|
|
|
19
19
|
|
|
20
|
-
exports.Switch = /*#__PURE__*/React.forwardRef(
|
|
21
|
-
|
|
22
|
-
useSwitchStyles_1.
|
|
23
|
-
return renderSwitch_1.
|
|
20
|
+
exports.Switch = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
21
|
+
const state = useSwitch_1.useSwitch_unstable(props, ref);
|
|
22
|
+
useSwitchStyles_1.useSwitchStyles_unstable(state);
|
|
23
|
+
return renderSwitch_1.renderSwitch_unstable(state);
|
|
24
24
|
});
|
|
25
25
|
exports.Switch.displayName = 'Switch';
|
|
26
26
|
//# sourceMappingURL=Switch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":";;;;;;;AAAA,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,WAAA,gBAAA,OAAA,CAAA,aAAA,CAAA;;AACA,MAAA,cAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA2C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACtF,QAAM,KAAK,GAAG,WAAA,CAAA,kBAAA,CAAmB,KAAnB,EAA0B,GAA1B,CAAd;AAEA,EAAA,iBAAA,CAAA,wBAAA,CAAyB,KAAzB;AAEA,SAAO,cAAA,CAAA,qBAAA,CAAsB,KAAtB,CAAP;AACD,CANuD,CAA3C;AAQb,OAAA,CAAA,MAAA,CAAO,WAAP,GAAqB,QAArB","sourceRoot":""}
|
|
@@ -1,32 +1,32 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import type { ComponentProps, ComponentState,
|
|
2
|
+
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
3
3
|
export declare type SwitchSlots = {
|
|
4
4
|
/**
|
|
5
5
|
* The root of the Switch.
|
|
6
6
|
*/
|
|
7
|
-
root:
|
|
7
|
+
root: Slot<'div'>;
|
|
8
8
|
/**
|
|
9
9
|
* The bar indicating the status of the Switch.
|
|
10
10
|
*/
|
|
11
|
-
track:
|
|
11
|
+
track: NonNullable<Slot<'div'>>;
|
|
12
12
|
/**
|
|
13
13
|
* The wrapper around the thumb. It is used as the active area for the thumb to position itself.
|
|
14
14
|
*/
|
|
15
|
-
thumbWrapper:
|
|
15
|
+
thumbWrapper: NonNullable<Slot<'div'>>;
|
|
16
16
|
/**
|
|
17
17
|
* The circular icon indicating the status of the Switch.
|
|
18
18
|
*/
|
|
19
|
-
thumb:
|
|
19
|
+
thumb: NonNullable<Slot<'div'>>;
|
|
20
20
|
/**
|
|
21
21
|
* The hidden input that handles the Switch's internal functionality.
|
|
22
22
|
*/
|
|
23
|
-
input:
|
|
23
|
+
input: NonNullable<Slot<'input'>>;
|
|
24
24
|
/**
|
|
25
25
|
* The area in which the Switch's rail allows for the thumb to be dragged.
|
|
26
26
|
*/
|
|
27
|
-
activeRail:
|
|
27
|
+
activeRail: NonNullable<Slot<'div'>>;
|
|
28
28
|
};
|
|
29
|
-
|
|
29
|
+
interface SwitchCommons {
|
|
30
30
|
/**
|
|
31
31
|
* The starting value for a uncontrolled Switch. If `true` then the Switch will be enabled.
|
|
32
32
|
* Mutually exclusive with `checked` prop.
|
|
@@ -52,7 +52,8 @@ export interface SwitchCommons {
|
|
|
52
52
|
checked: boolean;
|
|
53
53
|
}) => void;
|
|
54
54
|
}
|
|
55
|
-
export interface SwitchProps extends Omit<ComponentProps<SwitchSlots
|
|
55
|
+
export interface SwitchProps extends Omit<ComponentProps<Partial<SwitchSlots>>, 'onChange'>, SwitchCommons {
|
|
56
56
|
}
|
|
57
57
|
export interface SwitchState extends ComponentState<SwitchSlots>, SwitchCommons {
|
|
58
58
|
}
|
|
59
|
+
export {};
|
|
@@ -3,27 +3,29 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.renderSwitch_unstable = void 0;
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
const React = /*#__PURE__*/require("react");
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
13
|
-
|
|
14
|
-
var useSwitch_1 = /*#__PURE__*/require("./useSwitch");
|
|
10
|
+
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
15
11
|
/**
|
|
16
12
|
* Render the final JSX of Switch
|
|
17
13
|
*/
|
|
18
14
|
|
|
19
15
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
return React.createElement(slots.root,
|
|
16
|
+
const renderSwitch_unstable = state => {
|
|
17
|
+
const {
|
|
18
|
+
slots,
|
|
19
|
+
slotProps
|
|
20
|
+
} = react_utilities_1.getSlots(state);
|
|
21
|
+
return React.createElement(slots.root, { ...slotProps.root
|
|
22
|
+
}, React.createElement(slots.track, { ...slotProps.track
|
|
23
|
+
}), React.createElement(slots.thumbWrapper, { ...slotProps.thumbWrapper
|
|
24
|
+
}, React.createElement(slots.thumb, { ...slotProps.thumb
|
|
25
|
+
})), React.createElement(slots.input, { ...slotProps.input
|
|
26
|
+
}), React.createElement(slots.activeRail, { ...slotProps.activeRail
|
|
27
|
+
}));
|
|
26
28
|
};
|
|
27
29
|
|
|
28
|
-
exports.
|
|
30
|
+
exports.renderSwitch_unstable = renderSwitch_unstable;
|
|
29
31
|
//# sourceMappingURL=renderSwitch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Switch/renderSwitch.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Switch/renderSwitch.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,qBAAqB,GAAI,KAAD,IAAuB;AAC1D,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAsB,KAAtB,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,EAAA,GAAK,SAAS,CAAC;AAAf,GAAZ,CADF,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,YAAP,EAAmB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAnB,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,EAAA,GAAK,SAAS,CAAC;AAAf,GAAZ,CADF,CAFF,EAKE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,EAAA,GAAK,SAAS,CAAC;AAAf,GAAZ,CALF,EAME,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,UAAP,EAAiB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAjB,CANF,CADF;AAUD,CAbM;;AAAM,OAAA,CAAA,qBAAA,GAAqB,qBAArB","sourceRoot":""}
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import type { SwitchProps,
|
|
3
|
-
/**
|
|
4
|
-
* Array of all shorthand properties listed in SwitchSlots
|
|
5
|
-
*/
|
|
6
|
-
export declare const switchShorthandProps: (keyof SwitchSlots)[];
|
|
2
|
+
import type { SwitchProps, SwitchState } from './Switch.types';
|
|
7
3
|
/**
|
|
8
4
|
* Given user props, returns state and render function for a Switch.
|
|
9
5
|
*/
|
|
10
|
-
export declare const
|
|
6
|
+
export declare const useSwitch_unstable: (props: SwitchProps, ref: React.Ref<HTMLElement>) => SwitchState;
|
|
@@ -3,43 +3,38 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.useSwitch_unstable = void 0;
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var useSwitchState_1 = /*#__PURE__*/require("./useSwitchState");
|
|
13
|
-
/**
|
|
14
|
-
* Array of all shorthand properties listed in SwitchSlots
|
|
15
|
-
*/
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
exports.switchShorthandProps = ['root', 'track', 'thumbWrapper', 'thumb', 'activeRail', 'input'];
|
|
10
|
+
const useSwitchState_1 = /*#__PURE__*/require("./useSwitchState");
|
|
19
11
|
/**
|
|
20
12
|
* Given user props, returns state and render function for a Switch.
|
|
21
13
|
*/
|
|
22
14
|
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
15
|
+
|
|
16
|
+
const useSwitch_unstable = (props, ref) => {
|
|
17
|
+
const {
|
|
18
|
+
track,
|
|
19
|
+
thumbWrapper,
|
|
20
|
+
thumb,
|
|
21
|
+
activeRail,
|
|
22
|
+
input,
|
|
23
|
+
defaultChecked,
|
|
24
|
+
checked,
|
|
25
|
+
disabled,
|
|
26
|
+
onChange
|
|
27
|
+
} = props;
|
|
28
|
+
const state = {
|
|
29
|
+
defaultChecked,
|
|
30
|
+
checked,
|
|
31
|
+
disabled,
|
|
32
|
+
onChange,
|
|
33
|
+
root: react_utilities_1.getNativeElementProps('span', {
|
|
34
|
+
ref,
|
|
35
|
+
...props,
|
|
41
36
|
id: react_utilities_1.useId('switch-', props.id)
|
|
42
|
-
})
|
|
37
|
+
}),
|
|
43
38
|
components: {
|
|
44
39
|
root: 'div',
|
|
45
40
|
track: 'div',
|
|
@@ -71,5 +66,5 @@ var useSwitch = function (props, ref) {
|
|
|
71
66
|
return state;
|
|
72
67
|
};
|
|
73
68
|
|
|
74
|
-
exports.
|
|
69
|
+
exports.useSwitch_unstable = useSwitch_unstable;
|
|
75
70
|
//# sourceMappingURL=useSwitch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Switch/useSwitch.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Switch/useSwitch.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,kBAAkB,GAAG,CAAC,KAAD,EAAqB,GAArB,KAAiE;AACjG,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA,YAAT;AAAuB,IAAA,KAAvB;AAA8B,IAAA,UAA9B;AAA0C,IAAA,KAA1C;AAAiD,IAAA,cAAjD;AAAiE,IAAA,OAAjE;AAA0E,IAAA,QAA1E;AAAoF,IAAA;AAApF,MAAiG,KAAvG;AACA,QAAM,KAAK,GAAgB;AACzB,IAAA,cADyB;AAEzB,IAAA,OAFyB;AAGzB,IAAA,QAHyB;AAIzB,IAAA,QAJyB;AAKzB,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,MAAtB,EAA8B;AAClC,MAAA,GADkC;AAElC,SAAG,KAF+B;AAGlC,MAAA,EAAE,EAAE,iBAAA,CAAA,KAAA,CAAM,SAAN,EAAiB,KAAK,CAAC,EAAvB;AAH8B,KAA9B,CALmB;AAUzB,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,KAAK,EAAE,KAFG;AAGV,MAAA,YAAY,EAAE,KAHJ;AAIV,MAAA,KAAK,EAAE,KAJG;AAKV,MAAA,UAAU,EAAE,KALF;AAMV,MAAA,KAAK,EAAE;AANG,KAVa;AAkBzB,IAAA,KAAK,EAAE,iBAAA,CAAA,gBAAA,CAAiB,KAAjB,EAAwB;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAAxB,CAlBkB;AAmBzB,IAAA,YAAY,EAAE,iBAAA,CAAA,gBAAA,CAAiB,YAAjB,EAA+B;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAA/B,CAnBW;AAoBzB,IAAA,KAAK,EAAE,iBAAA,CAAA,gBAAA,CAAiB,KAAjB,EAAwB;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAAxB,CApBkB;AAqBzB,IAAA,UAAU,EAAE,iBAAA,CAAA,gBAAA,CAAiB,UAAjB,EAA6B;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAA7B,CArBa;AAsBzB,IAAA,KAAK,EAAE,iBAAA,CAAA,gBAAA,CAAiB,KAAjB,EAAwB;AAC7B,MAAA,QAAQ,EAAE,IADmB;AAE7B,MAAA,YAAY,EAAE;AACZ,QAAA,IAAI,EAAE;AADM;AAFe,KAAxB;AAtBkB,GAA3B;AA8BA,EAAA,gBAAA,CAAA,cAAA,CAAe,KAAf;AAEA,SAAO,KAAP;AACD,CAnCM;;AAAM,OAAA,CAAA,kBAAA,GAAkB,kBAAlB","sourceRoot":""}
|