@fluid-topics/ft-number-field 2.2.4 → 2.2.6
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/build/ft-number-field.light.js +109 -99
- package/build/ft-number-field.min.js +105 -95
- package/package.json +3 -3
|
@@ -1,99 +1,109 @@
|
|
|
1
|
-
"use strict";(()=>{var
|
|
1
|
+
"use strict";(()=>{var ke=Object.create;var Dt=Object.defineProperty;var Le=Object.getOwnPropertyDescriptor;var Pe=Object.getOwnPropertyNames;var Ve=Object.getPrototypeOf,Me=Object.prototype.hasOwnProperty;var at=(r,t)=>()=>{try{return t||r((t={exports:{}}).exports,t),t.exports}catch(e){throw t=0,e}};var Ie=(r,t,e,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Pe(t))!Me.call(r,o)&&o!==e&&Dt(r,o,{get:()=>t[o],enumerable:!(i=Le(t,o))||i.enumerable});return r};var y=(r,t,e)=>(e=r!=null?ke(Ve(r)):{},Ie(t||!r||!r.__esModule?Dt(e,"default",{value:r,enumerable:!0}):e,r));var C=at((Ke,Rt)=>{Rt.exports=ftGlobals.wcUtils});var W=at((qe,Ot)=>{Ot.exports=ftGlobals.lit});var J=at((si,oe)=>{oe.exports=ftGlobals.litDecorators});var ft=at((li,re)=>{re.exports=ftGlobals.litClassMap});var We=y(C());var q=y(W()),et=y(C());var ee=y(W()),h=y(C());var w=y(W()),l=y(C()),Bt=l.FtCssVariableFactory.extend("--ft-typography-font-family","",l.designSystemVariables.titleFont),O=l.FtCssVariableFactory.extend("--ft-typography-font-family","",l.designSystemVariables.contentFont),a={fontFamily:O,fontSize:l.FtCssVariableFactory.create("--ft-typography-font-size","","SIZE","16px"),fontWeight:l.FtCssVariableFactory.create("--ft-typography-font-weight","","UNKNOWN","normal"),letterSpacing:l.FtCssVariableFactory.create("--ft-typography-letter-spacing","","SIZE","0.496px"),lineHeight:l.FtCssVariableFactory.create("--ft-typography-line-height","","NUMBER","1.5"),textTransform:l.FtCssVariableFactory.create("--ft-typography-text-transform","","UNKNOWN","inherit"),textDecoration:l.FtCssVariableFactory.create("--ft-typography-text-decoration","","UNKNOWN","inherit")},L={fontFamily:l.FtCssVariableFactory.extend("--ft-typography-title-font-family","",Bt),fontSize:l.FtCssVariableFactory.extend("--ft-typography-title-font-size","",a.fontSize,"20px"),fontWeight:l.FtCssVariableFactory.extend("--ft-typography-title-font-weight","",a.fontWeight,"normal"),letterSpacing:l.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing","",a.letterSpacing,"0.15px"),lineHeight:l.FtCssVariableFactory.extend("--ft-typography-title-line-height","",a.lineHeight,"1.2"),textTransform:l.FtCssVariableFactory.extend("--ft-typography-title-text-transform","",a.textTransform,"inherit"),textDecoration:l.FtCssVariableFactory.extend("--ft-typography-title-text-decoration","",a.textDecoration,"inherit")},P={fontFamily:l.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family","",Bt),fontSize:l.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size","",a.fontSize,"14px"),fontWeight:l.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight","",a.fontWeight,"normal"),letterSpacing:l.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing","",a.letterSpacing,"0.105px"),lineHeight:l.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height","",a.lineHeight,"1.7"),textTransform:l.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform","",a.textTransform,"inherit"),textDecoration:l.FtCssVariableFactory.extend("--ft-typography-title-dense-text-decoration","",a.textDecoration,"inherit")},V={fontFamily:l.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family","",O),fontSize:l.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size","",a.fontSize,"16px"),fontWeight:l.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight","",a.fontWeight,"600"),letterSpacing:l.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing","",a.letterSpacing,"0.144px"),lineHeight:l.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height","",a.lineHeight,"1.5"),textTransform:l.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform","",a.textTransform,"inherit"),textDecoration:l.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-decoration","",a.textDecoration,"inherit")},M={fontFamily:l.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family","",O),fontSize:l.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size","",a.fontSize,"14px"),fontWeight:l.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight","",a.fontWeight,"normal"),letterSpacing:l.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing","",a.letterSpacing,"0.098px"),lineHeight:l.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height","",a.lineHeight,"1.7"),textTransform:l.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform","",a.textTransform,"inherit"),textDecoration:l.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-decoration","",a.textDecoration,"inherit")},E={fontFamily:l.FtCssVariableFactory.extend("--ft-typography-body1-font-family","",O),fontSize:l.FtCssVariableFactory.extend("--ft-typography-body1-font-size","",a.fontSize,"16px"),fontWeight:l.FtCssVariableFactory.extend("--ft-typography-body1-font-weight","",a.fontWeight,"normal"),letterSpacing:l.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing","",a.letterSpacing,"0.496px"),lineHeight:l.FtCssVariableFactory.extend("--ft-typography-body1-line-height","",a.lineHeight,"1.5"),textTransform:l.FtCssVariableFactory.extend("--ft-typography-body1-text-transform","",a.textTransform,"inherit"),textDecoration:l.FtCssVariableFactory.extend("--ft-typography-body1-text-decoration","",a.textDecoration,"inherit")},I={fontFamily:l.FtCssVariableFactory.extend("--ft-typography-body2-font-family","",O),fontSize:l.FtCssVariableFactory.extend("--ft-typography-body2-font-size","",a.fontSize,"14px"),fontWeight:l.FtCssVariableFactory.extend("--ft-typography-body2-font-weight","",a.fontWeight,"normal"),letterSpacing:l.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing","",a.letterSpacing,"0.252px"),lineHeight:l.FtCssVariableFactory.extend("--ft-typography-body2-line-height","",a.lineHeight,"1.4"),textTransform:l.FtCssVariableFactory.extend("--ft-typography-body2-text-transform","",a.textTransform,"inherit"),textDecoration:l.FtCssVariableFactory.extend("--ft-typography-body2-text-decoration","",a.textDecoration,"inherit")},A={fontFamily:l.FtCssVariableFactory.extend("--ft-typography-caption-font-family","",O),fontSize:l.FtCssVariableFactory.extend("--ft-typography-caption-font-size","",a.fontSize,"12px"),fontWeight:l.FtCssVariableFactory.extend("--ft-typography-caption-font-weight","",a.fontWeight,"normal"),letterSpacing:l.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing","",a.letterSpacing,"0.396px"),lineHeight:l.FtCssVariableFactory.extend("--ft-typography-caption-line-height","",a.lineHeight,"1.33"),textTransform:l.FtCssVariableFactory.extend("--ft-typography-caption-text-transform","",a.textTransform,"inherit"),textDecoration:l.FtCssVariableFactory.extend("--ft-typography-caption-text-decoration","",a.textDecoration,"inherit")},j={fontFamily:l.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family","",O),fontSize:l.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size","",a.fontSize,"10px"),fontWeight:l.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight","",a.fontWeight,"normal"),letterSpacing:l.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing","",a.letterSpacing,"0.33px"),lineHeight:l.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height","",a.lineHeight,"1.6"),textTransform:l.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform","",a.textTransform,"inherit"),textDecoration:l.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-decoration","",a.textDecoration,"inherit")},U={fontFamily:l.FtCssVariableFactory.extend("--ft-typography-overline-font-family","",O),fontSize:l.FtCssVariableFactory.extend("--ft-typography-overline-font-size","",a.fontSize,"10px"),fontWeight:l.FtCssVariableFactory.extend("--ft-typography-overline-font-weight","",a.fontWeight,"normal"),letterSpacing:l.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing","",a.letterSpacing,"1.5px"),lineHeight:l.FtCssVariableFactory.extend("--ft-typography-overline-line-height","",a.lineHeight,"1.6"),textTransform:l.FtCssVariableFactory.extend("--ft-typography-overline-text-transform","",a.textTransform,"uppercase"),textDecoration:l.FtCssVariableFactory.extend("--ft-typography-overline-text-decoration","",a.textDecoration,"inherit")},Z={fontFamily:l.FtCssVariableFactory.extend("--ft-typography-button-font-family","",O),fontSize:l.FtCssVariableFactory.extend("--ft-typography-button-font-size","",a.fontSize,"14px"),fontWeight:l.FtCssVariableFactory.extend("--ft-typography-button-font-weight","",a.fontWeight,"600"),letterSpacing:l.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing","",a.letterSpacing,"1.246px"),lineHeight:l.FtCssVariableFactory.extend("--ft-typography-button-line-height","",a.lineHeight,"1.15"),textTransform:l.FtCssVariableFactory.extend("--ft-typography-button-text-transform","",a.textTransform,"uppercase"),textDecoration:l.FtCssVariableFactory.extend("--ft-typography-button-text-decoration","",a.textDecoration,"inherit")},Nt=w.css`
|
|
2
2
|
.ft-typography--title {
|
|
3
|
-
font-family: ${
|
|
4
|
-
font-size: ${
|
|
5
|
-
font-weight: ${
|
|
6
|
-
letter-spacing: ${
|
|
7
|
-
line-height: ${
|
|
8
|
-
text-transform: ${
|
|
9
|
-
|
|
10
|
-
`,Lt=w.css`
|
|
11
|
-
.ft-typography--title-dense {
|
|
12
|
-
font-family: ${U.fontFamily};
|
|
13
|
-
font-size: ${U.fontSize};
|
|
14
|
-
font-weight: ${U.fontWeight};
|
|
15
|
-
letter-spacing: ${U.letterSpacing};
|
|
16
|
-
line-height: ${U.lineHeight};
|
|
17
|
-
text-transform: ${U.textTransform};
|
|
3
|
+
font-family: ${L.fontFamily};
|
|
4
|
+
font-size: ${L.fontSize};
|
|
5
|
+
font-weight: ${L.fontWeight};
|
|
6
|
+
letter-spacing: ${L.letterSpacing};
|
|
7
|
+
line-height: ${L.lineHeight};
|
|
8
|
+
text-transform: ${L.textTransform};
|
|
9
|
+
text-decoration: ${L.textDecoration};
|
|
18
10
|
}
|
|
19
11
|
`,Wt=w.css`
|
|
12
|
+
.ft-typography--title-dense {
|
|
13
|
+
font-family: ${P.fontFamily};
|
|
14
|
+
font-size: ${P.fontSize};
|
|
15
|
+
font-weight: ${P.fontWeight};
|
|
16
|
+
letter-spacing: ${P.letterSpacing};
|
|
17
|
+
line-height: ${P.lineHeight};
|
|
18
|
+
text-transform: ${P.textTransform};
|
|
19
|
+
text-decoration: ${P.textDecoration};
|
|
20
|
+
}
|
|
21
|
+
`,kt=w.css`
|
|
20
22
|
.ft-typography--subtitle1 {
|
|
21
|
-
font-family: ${
|
|
22
|
-
font-size: ${
|
|
23
|
-
font-weight: ${
|
|
24
|
-
letter-spacing: ${
|
|
25
|
-
line-height: ${
|
|
26
|
-
text-transform: ${
|
|
23
|
+
font-family: ${V.fontFamily};
|
|
24
|
+
font-size: ${V.fontSize};
|
|
25
|
+
font-weight: ${V.fontWeight};
|
|
26
|
+
letter-spacing: ${V.letterSpacing};
|
|
27
|
+
line-height: ${V.lineHeight};
|
|
28
|
+
text-transform: ${V.textTransform};
|
|
29
|
+
text-decoration: ${V.textDecoration};
|
|
27
30
|
}
|
|
28
|
-
`,
|
|
31
|
+
`,Lt=w.css`
|
|
29
32
|
.ft-typography--subtitle2 {
|
|
30
|
-
font-family: ${
|
|
31
|
-
font-size: ${
|
|
32
|
-
font-weight: ${
|
|
33
|
-
letter-spacing: ${
|
|
34
|
-
line-height: ${
|
|
35
|
-
text-transform: ${
|
|
33
|
+
font-family: ${M.fontFamily};
|
|
34
|
+
font-size: ${M.fontSize};
|
|
35
|
+
font-weight: ${M.fontWeight};
|
|
36
|
+
letter-spacing: ${M.letterSpacing};
|
|
37
|
+
line-height: ${M.lineHeight};
|
|
38
|
+
text-transform: ${M.textTransform};
|
|
39
|
+
text-decoration: ${M.textDecoration};
|
|
36
40
|
}
|
|
37
41
|
|
|
38
|
-
`,
|
|
42
|
+
`,Pt=w.css`
|
|
39
43
|
.ft-typography--body1 {
|
|
40
|
-
font-family: ${
|
|
41
|
-
font-size: ${
|
|
42
|
-
font-weight: ${
|
|
43
|
-
letter-spacing: ${
|
|
44
|
-
line-height: ${
|
|
45
|
-
text-transform: ${
|
|
46
|
-
|
|
47
|
-
|
|
44
|
+
font-family: ${E.fontFamily};
|
|
45
|
+
font-size: ${E.fontSize};
|
|
46
|
+
font-weight: ${E.fontWeight};
|
|
47
|
+
letter-spacing: ${E.letterSpacing};
|
|
48
|
+
line-height: ${E.lineHeight};
|
|
49
|
+
text-transform: ${E.textTransform};
|
|
50
|
+
text-decoration: ${E.textDecoration};
|
|
51
|
+
}
|
|
52
|
+
`,Vt=w.css`
|
|
48
53
|
.ft-typography--body2 {
|
|
49
|
-
font-family: ${
|
|
50
|
-
font-size: ${
|
|
51
|
-
font-weight: ${
|
|
52
|
-
letter-spacing: ${
|
|
53
|
-
line-height: ${
|
|
54
|
-
text-transform: ${
|
|
54
|
+
font-family: ${I.fontFamily};
|
|
55
|
+
font-size: ${I.fontSize};
|
|
56
|
+
font-weight: ${I.fontWeight};
|
|
57
|
+
letter-spacing: ${I.letterSpacing};
|
|
58
|
+
line-height: ${I.lineHeight};
|
|
59
|
+
text-transform: ${I.textTransform};
|
|
60
|
+
text-decoration: ${I.textDecoration};
|
|
55
61
|
}
|
|
56
62
|
`,pt=w.css`
|
|
57
63
|
.ft-typography--caption {
|
|
58
|
-
font-family: ${
|
|
59
|
-
font-size: ${
|
|
60
|
-
font-weight: ${
|
|
61
|
-
letter-spacing: ${
|
|
62
|
-
line-height: ${
|
|
63
|
-
text-transform: ${
|
|
64
|
+
font-family: ${A.fontFamily};
|
|
65
|
+
font-size: ${A.fontSize};
|
|
66
|
+
font-weight: ${A.fontWeight};
|
|
67
|
+
letter-spacing: ${A.letterSpacing};
|
|
68
|
+
line-height: ${A.lineHeight};
|
|
69
|
+
text-transform: ${A.textTransform};
|
|
70
|
+
text-decoration: ${A.textDecoration};
|
|
64
71
|
}
|
|
65
72
|
`,Mt=w.css`
|
|
66
73
|
.ft-typography--breadcrumb {
|
|
67
|
-
font-family: ${
|
|
68
|
-
font-size: ${
|
|
69
|
-
font-weight: ${
|
|
70
|
-
letter-spacing: ${
|
|
71
|
-
line-height: ${
|
|
72
|
-
text-transform: ${
|
|
74
|
+
font-family: ${j.fontFamily};
|
|
75
|
+
font-size: ${j.fontSize};
|
|
76
|
+
font-weight: ${j.fontWeight};
|
|
77
|
+
letter-spacing: ${j.letterSpacing};
|
|
78
|
+
line-height: ${j.lineHeight};
|
|
79
|
+
text-transform: ${j.textTransform};
|
|
80
|
+
text-decoration: ${j.textDecoration};
|
|
73
81
|
}
|
|
74
82
|
`,It=w.css`
|
|
75
83
|
.ft-typography--overline {
|
|
76
|
-
font-family: ${
|
|
77
|
-
font-size: ${
|
|
78
|
-
font-weight: ${
|
|
79
|
-
letter-spacing: ${
|
|
80
|
-
line-height: ${
|
|
81
|
-
text-transform: ${
|
|
84
|
+
font-family: ${U.fontFamily};
|
|
85
|
+
font-size: ${U.fontSize};
|
|
86
|
+
font-weight: ${U.fontWeight};
|
|
87
|
+
letter-spacing: ${U.letterSpacing};
|
|
88
|
+
line-height: ${U.lineHeight};
|
|
89
|
+
text-transform: ${U.textTransform};
|
|
90
|
+
text-decoration: ${U.textDecoration};
|
|
82
91
|
}
|
|
83
92
|
`,jt=w.css`
|
|
84
93
|
.ft-typography--button {
|
|
85
|
-
font-family: ${
|
|
86
|
-
font-size: ${
|
|
87
|
-
font-weight: ${
|
|
88
|
-
letter-spacing: ${
|
|
89
|
-
line-height: ${
|
|
90
|
-
text-transform: ${
|
|
94
|
+
font-family: ${Z.fontFamily};
|
|
95
|
+
font-size: ${Z.fontSize};
|
|
96
|
+
font-weight: ${Z.fontWeight};
|
|
97
|
+
letter-spacing: ${Z.letterSpacing};
|
|
98
|
+
line-height: ${Z.lineHeight};
|
|
99
|
+
text-transform: ${Z.textTransform};
|
|
100
|
+
text-decoration: ${Z.textDecoration};
|
|
91
101
|
}
|
|
92
102
|
`,Ut=w.css`
|
|
93
103
|
.ft-typography {
|
|
94
104
|
vertical-align: inherit;
|
|
95
105
|
}
|
|
96
|
-
`;var Zt=y(
|
|
106
|
+
`;var Zt=y(W()),m=y(C());var d={fontSize:m.FtCssVariableFactory.create("--ft-input-label-font-size","","SIZE","14px"),raisedFontSize:m.FtCssVariableFactory.create("--ft-input-label-raised-font-size","","SIZE","11px"),raisedZIndex:m.FtCssVariableFactory.create("--ft-input-label-outlined-raised-z-index","","NUMBER","2"),verticalSpacing:m.FtCssVariableFactory.create("--ft-input-label-vertical-spacing","","SIZE","4px"),horizontalSpacing:m.FtCssVariableFactory.create("--ft-input-label-horizontal-spacing","","SIZE","12px"),labelMaxWidth:m.FtCssVariableFactory.create("--ft-input-label-max-width","","SIZE","100%"),borderColor:m.FtCssVariableFactory.extend("--ft-input-label-border-color","",m.designSystemVariables.colorOutline),textColor:m.FtCssVariableFactory.extend("--ft-input-label-text-color","",m.designSystemVariables.colorOnSurfaceMedium),disabledTextColor:m.FtCssVariableFactory.extend("--ft-input-label-disabled-text-color","",m.designSystemVariables.colorOnSurfaceDisabled),backgroundColor:m.FtCssVariableFactory.extend("--ft-input-label-background-color","",m.designSystemVariables.colorSurface),borderRadius:m.FtCssVariableFactory.extend("--ft-input-label-border-radius","",m.designSystemVariables.borderRadiusS),colorError:m.FtCssVariableFactory.external(m.designSystemVariables.colorError,"Design system")},Xt=Zt.css`
|
|
97
107
|
.ft-input-label {
|
|
98
108
|
position: absolute;
|
|
99
109
|
inset: 0;
|
|
@@ -144,8 +154,8 @@
|
|
|
144
154
|
transition: font-size 250ms, line-height 250ms, color 250ms;
|
|
145
155
|
max-width: calc(${d.labelMaxWidth} - 2 * (${d.horizontalSpacing} - 4px)); /* -2px on spacing for label padding */
|
|
146
156
|
text-overflow: ellipsis;
|
|
147
|
-
${(0,m.setVariable)(
|
|
148
|
-
${(0,m.setVariable)(
|
|
157
|
+
${(0,m.setVariable)(A.fontSize,d.fontSize)};
|
|
158
|
+
${(0,m.setVariable)(A.lineHeight,d.fontSize)};
|
|
149
159
|
}
|
|
150
160
|
|
|
151
161
|
.ft-input-label--in-error .ft-input-label--text {
|
|
@@ -165,7 +175,7 @@
|
|
|
165
175
|
|
|
166
176
|
.ft-input-label--floating-text {
|
|
167
177
|
position: absolute;
|
|
168
|
-
top: calc(50% - ${
|
|
178
|
+
top: calc(50% - ${A.lineHeight} / 2);
|
|
169
179
|
transition: top 250ms;
|
|
170
180
|
overflow: hidden;
|
|
171
181
|
white-space: nowrap;
|
|
@@ -177,8 +187,8 @@
|
|
|
177
187
|
}
|
|
178
188
|
|
|
179
189
|
.ft-input-label--raised .ft-input-label--text {
|
|
180
|
-
${(0,m.setVariable)(
|
|
181
|
-
${(0,m.setVariable)(
|
|
190
|
+
${(0,m.setVariable)(A.fontSize,d.raisedFontSize)};
|
|
191
|
+
${(0,m.setVariable)(A.lineHeight,d.raisedFontSize)};
|
|
182
192
|
}
|
|
183
193
|
|
|
184
194
|
.ft-input-label--raised .ft-input-label--floating-text {
|
|
@@ -209,13 +219,13 @@
|
|
|
209
219
|
z-index: ${d.raisedZIndex};
|
|
210
220
|
background-color: ${d.backgroundColor};
|
|
211
221
|
border-radius: ${d.borderRadius};
|
|
212
|
-
top: calc((${
|
|
222
|
+
top: calc((${A.lineHeight} / -2) + 2px);
|
|
213
223
|
}
|
|
214
224
|
|
|
215
225
|
.ft-input-label--outlined.ft-input-label--raised .ft-input-label--text {
|
|
216
226
|
border-top: none;
|
|
217
227
|
}
|
|
218
|
-
`;var Qt=y(
|
|
228
|
+
`;var Qt=y(W()),x=y(C()),Yt=x.FtCssVariableFactory.extend("--ft-ripple-color","",x.designSystemVariables.colorContent),D={color:Yt,backgroundColor:x.FtCssVariableFactory.extend("--ft-ripple-background-color","",Yt),opacityContentOnSurfacePressed:x.FtCssVariableFactory.external(x.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:x.FtCssVariableFactory.external(x.designSystemVariables.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:x.FtCssVariableFactory.external(x.designSystemVariables.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:x.FtCssVariableFactory.external(x.designSystemVariables.opacityContentOnSurfaceSelected,"Design system"),borderRadius:x.FtCssVariableFactory.create("--ft-ripple-border-radius","","SIZE","0px")},Gt=x.FtCssVariableFactory.extend("--ft-ripple-color","",x.designSystemVariables.colorPrimary),Kt={color:Gt,backgroundColor:x.FtCssVariableFactory.extend("--ft-ripple-background-color","",Gt)},qt=x.FtCssVariableFactory.extend("--ft-ripple-color","",x.designSystemVariables.colorSecondary),Jt={color:qt,backgroundColor:x.FtCssVariableFactory.extend("--ft-ripple-background-color","",qt)},te=Qt.css`
|
|
219
229
|
:host {
|
|
220
230
|
display: contents;
|
|
221
231
|
}
|
|
@@ -228,7 +238,7 @@
|
|
|
228
238
|
|
|
229
239
|
.ft-ripple:not(.ft-ripple--unbounded) {
|
|
230
240
|
overflow: hidden;
|
|
231
|
-
border-radius: ${
|
|
241
|
+
border-radius: ${D.borderRadius};
|
|
232
242
|
}
|
|
233
243
|
|
|
234
244
|
.ft-ripple .ft-ripple--background,
|
|
@@ -262,11 +272,11 @@
|
|
|
262
272
|
}
|
|
263
273
|
|
|
264
274
|
.ft-ripple .ft-ripple--background {
|
|
265
|
-
background-color: ${
|
|
275
|
+
background-color: ${D.backgroundColor};
|
|
266
276
|
}
|
|
267
277
|
|
|
268
278
|
.ft-ripple .ft-ripple--effect {
|
|
269
|
-
background-color: ${
|
|
279
|
+
background-color: ${D.color};
|
|
270
280
|
}
|
|
271
281
|
|
|
272
282
|
.ft-ripple.ft-ripple--secondary .ft-ripple--background {
|
|
@@ -278,11 +288,11 @@
|
|
|
278
288
|
}
|
|
279
289
|
|
|
280
290
|
.ft-ripple.ft-ripple--primary .ft-ripple--background {
|
|
281
|
-
background-color: ${
|
|
291
|
+
background-color: ${Kt.backgroundColor};
|
|
282
292
|
}
|
|
283
293
|
|
|
284
294
|
.ft-ripple.ft-ripple--primary .ft-ripple--effect {
|
|
285
|
-
background-color: ${
|
|
295
|
+
background-color: ${Kt.color};
|
|
286
296
|
}
|
|
287
297
|
|
|
288
298
|
.ft-ripple .ft-ripple--background {
|
|
@@ -312,19 +322,19 @@
|
|
|
312
322
|
}
|
|
313
323
|
|
|
314
324
|
.ft-ripple.ft-ripple--hovered .ft-ripple--background {
|
|
315
|
-
opacity: ${
|
|
325
|
+
opacity: ${D.opacityContentOnSurfaceHover};
|
|
316
326
|
}
|
|
317
327
|
|
|
318
328
|
.ft-ripple.ft-ripple--selected .ft-ripple--background {
|
|
319
|
-
opacity: ${
|
|
329
|
+
opacity: ${D.opacityContentOnSurfaceSelected};
|
|
320
330
|
}
|
|
321
331
|
|
|
322
332
|
.ft-ripple.ft-ripple--focused .ft-ripple--background {
|
|
323
|
-
opacity: ${
|
|
333
|
+
opacity: ${D.opacityContentOnSurfaceFocused};
|
|
324
334
|
}
|
|
325
335
|
|
|
326
336
|
.ft-ripple.ft-ripple--pressed .ft-ripple--effect {
|
|
327
|
-
opacity: ${
|
|
337
|
+
opacity: ${D.opacityContentOnSurfacePressed};
|
|
328
338
|
transform: translate(-50%, -50%) scale(1);
|
|
329
339
|
}
|
|
330
340
|
`;var g={fontSize:h.FtCssVariableFactory.create("--ft-number-field-font-size","","SIZE","14px"),labelSize:h.FtCssVariableFactory.create("--ft-number-field-label-size","","SIZE","11px"),verticalSpacing:h.FtCssVariableFactory.create("--ft-number-field-vertical-spacing","","SIZE","4px"),horizontalSpacing:h.FtCssVariableFactory.create("--ft-number-field-horizontal-spacing","","SIZE","16px"),helperColor:h.FtCssVariableFactory.extend("--ft-number-field-helper-color","",h.designSystemVariables.colorOnSurfaceMedium),colorPrimary:h.FtCssVariableFactory.external(h.designSystemVariables.colorPrimary,"Design system"),colorOnSurface:h.FtCssVariableFactory.external(h.designSystemVariables.colorOnSurface,"Design system"),colorOnSurfaceDisabled:h.FtCssVariableFactory.external(h.designSystemVariables.colorOnSurfaceDisabled,"Design system"),borderRadiusS:h.FtCssVariableFactory.external(h.designSystemVariables.borderRadiusS,"Design system"),colorSurface:h.FtCssVariableFactory.external(h.designSystemVariables.colorSurface,"Design system"),colorOutline:h.FtCssVariableFactory.external(h.designSystemVariables.colorOutline,"Design system")},ie=ee.css`
|
|
@@ -360,13 +370,13 @@
|
|
|
360
370
|
overflow: hidden;
|
|
361
371
|
padding: 0 ${g.horizontalSpacing};
|
|
362
372
|
|
|
363
|
-
${(0,h.setVariable)(
|
|
364
|
-
${(0,h.setVariable)(
|
|
373
|
+
${(0,h.setVariable)(E.fontSize,g.fontSize)};
|
|
374
|
+
${(0,h.setVariable)(E.lineHeight,g.fontSize)};
|
|
365
375
|
}
|
|
366
376
|
|
|
367
377
|
.ft-number-field--input-panel ft-ripple {
|
|
368
|
-
${(0,h.setVariable)(
|
|
369
|
-
${(0,h.setVariable)(
|
|
378
|
+
${(0,h.setVariable)(D.opacityContentOnSurfaceHover,"0.08")};
|
|
379
|
+
${(0,h.setVariable)(D.opacityContentOnSurfacePressed,"0.04")};
|
|
370
380
|
}
|
|
371
381
|
|
|
372
382
|
.ft-number-field--filled.ft-number-field--with-label .ft-number-field--input-panel {
|
|
@@ -421,7 +431,7 @@
|
|
|
421
431
|
padding: 0 12px 0 ${g.horizontalSpacing};
|
|
422
432
|
color: ${g.helperColor};
|
|
423
433
|
}
|
|
424
|
-
`;var H=y(J()),Be=y(ft());var dt=y(J());var mt=y(
|
|
434
|
+
`;var H=y(J()),Be=y(ft());var dt=y(J());var mt=y(W()),gt=y(J());function ne(r,t,e){return r?t(r):e?.(r)}var le=y(ft()),ae=y(C()),se=function(r,t,e,i){var o=arguments.length,n=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(r,t,e,i);else for(var f=r.length-1;f>=0;f--)(s=r[f])&&(n=(o<3?s(n):o>3?s(t,e,n):s(t,e))||n);return o>3&&n&&Object.defineProperty(t,e,n),n},X=class extends ae.FtLitElement{constructor(){super(...arguments),this.text="",this.raised=!1}get inputLabelClasses(){return{}}render(){return mt.html`
|
|
425
435
|
<div class="${(0,le.classMap)(this.inputLabelClasses)}">
|
|
426
436
|
${ne(this.text,()=>mt.html`
|
|
427
437
|
<div class="ft-input-label--text ft-typography--caption">
|
|
@@ -430,7 +440,7 @@
|
|
|
430
440
|
</div>
|
|
431
441
|
`)}
|
|
432
442
|
</div>
|
|
433
|
-
`}};
|
|
443
|
+
`}};X.elementDefinitions={};se([(0,gt.property)({type:String})],X.prototype,"text",void 0);se([(0,gt.property)({type:Boolean})],X.prototype,"raised",void 0);var bt=function(r,t,e,i){var o=arguments.length,n=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(r,t,e,i);else for(var f=r.length-1;f>=0;f--)(s=r[f])&&(n=(o<3?s(n):o>3?s(t,e,n):s(t,e))||n);return o>3&&n&&Object.defineProperty(t,e,n),n},T=class extends X{constructor(){super(...arguments),this.outlined=!1,this.error=!1,this.disabled=!1}get inputLabelClasses(){return{"ft-input-label":!0,"ft-input-label--raised":this.raised,"ft-input-label--outlined":this.outlined,"ft-input-label--disabled":this.disabled,"ft-input-label--in-error":this.error}}};T.elementDefinitions={};T.styles=[pt,Xt];bt([(0,dt.property)({type:Boolean})],T.prototype,"outlined",void 0);bt([(0,dt.property)({type:Boolean})],T.prototype,"error",void 0);bt([(0,dt.property)({type:Boolean})],T.prototype,"disabled",void 0);var fe=y(C());var pe={"ft-input-label":T};(0,fe.customElements)(pe);var de=y(W()),S=y(J()),he=y(ft()),it=y(C());var F=function(r,t,e,i){var o=arguments.length,n=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(r,t,e,i);else for(var f=r.length-1;f>=0;f--)(s=r[f])&&(n=(o<3?s(n):o>3?s(t,e,n):s(t,e))||n);return o>3&&n&&Object.defineProperty(t,e,n),n},b=class extends it.FtLitElement{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.unbounded=!1,this.activated=!1,this.selected=!1,this.disabled=!1,this.hovered=!1,this.focused=!1,this.pressed=!1,this.rippling=!1,this.originX=0,this.originY=0,this.debouncer=new it.Debouncer(1e3),this.onTransitionStart=t=>{t.propertyName==="transform"&&(this.rippling=this.pressed,this.debouncer.run(()=>this.rippling=!1))},this.onTransitionEnd=t=>{t.propertyName==="transform"&&(this.rippling=!1)},this.setupDebouncer=new it.Debouncer(10),this.moveRipple=t=>{var e,i;let{x:o,y:n}=this.getCoordinates(t),s=(i=(e=this.ripple)===null||e===void 0?void 0:e.getBoundingClientRect())!==null&&i!==void 0?i:{x:0,y:0,width:0,height:0};this.originX=Math.round(o!=null?o-s.x:s.width/2),this.originY=Math.round(n!=null?n-s.y:s.height/2)},this.startPress=t=>{this.moveRipple(t),this.pressed=!this.isIgnored(t)},this.endPress=()=>{this.pressed=!1},this.startHover=t=>{this.hovered=!this.isIgnored(t)},this.endHover=()=>{this.hovered=!1},this.startFocus=t=>{this.focused=this.isFocusVisible(t?.target)&&!this.isIgnored(t)},this.endFocus=()=>{this.focused=!1}}render(){let t={"ft-ripple":!0,"ft-ripple--primary":this.primary,"ft-ripple--secondary":this.secondary,"ft-ripple--unbounded":this.unbounded,"ft-ripple--selected":(this.selected||this.activated)&&!this.disabled,"ft-ripple--pressed":(this.pressed||this.rippling)&&!this.disabled,"ft-ripple--hovered":this.hovered&&!this.disabled,"ft-ripple--focused":this.focused&&!this.disabled};return de.html`
|
|
434
444
|
<style>
|
|
435
445
|
.ft-ripple .ft-ripple--effect {
|
|
436
446
|
left: ${this.originX}px;
|
|
@@ -441,9 +451,9 @@
|
|
|
441
451
|
<div class="ft-ripple--background"></div>
|
|
442
452
|
<div class="ft-ripple--effect"></div>
|
|
443
453
|
</div>
|
|
444
|
-
`}contentAvailableCallback(t){super.contentAvailableCallback(t),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(t){var e,i;super.update(t),t.has("disabled")&&(this.disabled?(this.endRipple(),(e=this.target)===null||e===void 0||e.removeAttribute("data-is-ft-ripple-target")):(i=this.target)===null||i===void 0||i.setAttribute("data-is-ft-ripple-target","true"))}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run(()=>this.defaultSetup())}defaultSetup(){var t,e;let i=(t=this.shadowRoot)===null||t===void 0?void 0:t.host.parentElement;i&&this.setupFor((e=this.target)!==null&&e!==void 0?e:i)}forceFocusUpdate(){var t;!((t=this.target)===null||t===void 0)&&t.matches(":focus-within")?this.startFocus():this.endFocus()}setupFor(t){if(this.setupDebouncer.cancel(),this.target===t)return;this.onDisconnect&&this.onDisconnect(),this.target=t,t.setAttribute("data-is-ft-ripple-target","true");let e=(...f)=>p=>{f.forEach(c=>window.addEventListener(c,this.endPress,{once:!0})),this.startPress(p)},i=e("mouseup","contextmenu"),o=e("touchend","touchcancel"),n=f=>{["Enter"," "].includes(f.key)&&e("keyup")(f)},s={passive:!0};t.addEventListener("mouseover",this.startHover,s),t.addEventListener("mousemove",this.moveRipple,s),t.addEventListener("mouseleave",this.endHover,s),t.addEventListener("mousedown",i,s),t.addEventListener("touchstart",o,s),t.addEventListener("touchmove",this.moveRipple,s),t.addEventListener("keydown",n,s),t.addEventListener("focus",this.startFocus,s),t.addEventListener("blur",this.endFocus,s),t.addEventListener("focusin",this.startFocus,s),t.addEventListener("focusout",this.endFocus,s),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover,s),t.removeEventListener("mousemove",this.moveRipple,s),t.removeEventListener("mouseleave",this.endHover,s),t.removeEventListener("mousedown",i,s),t.removeEventListener("touchstart",o,s),t.removeEventListener("touchmove",this.moveRipple,s),t.removeEventListener("keydown",n,s),t.removeEventListener("focus",this.startFocus,s),t.removeEventListener("blur",this.endFocus,s),t.removeEventListener("focusin",this.startFocus,s),t.removeEventListener("focusout",this.endFocus,s),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(t){let e=t,i=t,o,n;return e.x!=null?{x:o,y:n}=e:i.touches!=null&&(o=i.touches[0].clientX,n=i.touches[0].clientY),{x:o,y:n}}isFocusVisible(t){return t instanceof HTMLElement?t.matches(":focus-visible"):!0}isIgnored(t){if(this.disabled)return!0;if(t!=null)for(let e of t.composedPath()){if(e===this.target)break;if("hasAttribute"in e&&e.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.endRipple()}};b.elementDefinitions={};b.styles=te;
|
|
445
|
-
\f\r]`,ot=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ge=/-->/g,be=/>/g,
|
|
446
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),xe=/'/g,$e=/"/g,Ae=/^(?:script|style|textarea|title)$/i,wt=r=>(t,...e)=>({_$litType$:r,strings:t,values:e}),Fe=wt(1),Ce=wt(2),we=wt(3),nt=Symbol.for("lit-noChange"),v=Symbol.for("lit-nothing"),ve=new WeakMap,
|
|
454
|
+
`}contentAvailableCallback(t){super.contentAvailableCallback(t),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(t){var e,i;super.update(t),t.has("disabled")&&(this.disabled?(this.endRipple(),(e=this.target)===null||e===void 0||e.removeAttribute("data-is-ft-ripple-target")):(i=this.target)===null||i===void 0||i.setAttribute("data-is-ft-ripple-target","true"))}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run(()=>this.defaultSetup())}defaultSetup(){var t,e;let i=(t=this.shadowRoot)===null||t===void 0?void 0:t.host.parentElement;i&&this.setupFor((e=this.target)!==null&&e!==void 0?e:i)}forceFocusUpdate(){var t;!((t=this.target)===null||t===void 0)&&t.matches(":focus-within")?this.startFocus():this.endFocus()}setupFor(t){if(this.setupDebouncer.cancel(),this.target===t)return;this.onDisconnect&&this.onDisconnect(),this.target=t,t.setAttribute("data-is-ft-ripple-target","true");let e=(...f)=>p=>{f.forEach(c=>window.addEventListener(c,this.endPress,{once:!0})),this.startPress(p)},i=e("mouseup","contextmenu"),o=e("touchend","touchcancel"),n=f=>{["Enter"," "].includes(f.key)&&e("keyup")(f)},s={passive:!0};t.addEventListener("mouseover",this.startHover,s),t.addEventListener("mousemove",this.moveRipple,s),t.addEventListener("mouseleave",this.endHover,s),t.addEventListener("mousedown",i,s),t.addEventListener("touchstart",o,s),t.addEventListener("touchmove",this.moveRipple,s),t.addEventListener("keydown",n,s),t.addEventListener("focus",this.startFocus,s),t.addEventListener("blur",this.endFocus,s),t.addEventListener("focusin",this.startFocus,s),t.addEventListener("focusout",this.endFocus,s),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover,s),t.removeEventListener("mousemove",this.moveRipple,s),t.removeEventListener("mouseleave",this.endHover,s),t.removeEventListener("mousedown",i,s),t.removeEventListener("touchstart",o,s),t.removeEventListener("touchmove",this.moveRipple,s),t.removeEventListener("keydown",n,s),t.removeEventListener("focus",this.startFocus,s),t.removeEventListener("blur",this.endFocus,s),t.removeEventListener("focusin",this.startFocus,s),t.removeEventListener("focusout",this.endFocus,s),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(t){let e=t,i=t,o,n;return e.x!=null?{x:o,y:n}=e:i.touches!=null&&(o=i.touches[0].clientX,n=i.touches[0].clientY),{x:o,y:n}}isFocusVisible(t){return t instanceof HTMLElement?t.matches(":focus-visible"):!0}isIgnored(t){if(this.disabled)return!0;if(t!=null)for(let e of t.composedPath()){if(e===this.target)break;if("hasAttribute"in e&&e.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.endRipple()}};b.elementDefinitions={};b.styles=te;F([(0,S.property)({type:Boolean})],b.prototype,"primary",void 0);F([(0,S.property)({type:Boolean})],b.prototype,"secondary",void 0);F([(0,S.property)({type:Boolean})],b.prototype,"unbounded",void 0);F([(0,S.property)({type:Boolean})],b.prototype,"activated",void 0);F([(0,S.property)({type:Boolean})],b.prototype,"selected",void 0);F([(0,S.property)({type:Boolean})],b.prototype,"disabled",void 0);F([(0,S.state)()],b.prototype,"hovered",void 0);F([(0,S.state)()],b.prototype,"focused",void 0);F([(0,S.state)()],b.prototype,"pressed",void 0);F([(0,S.state)()],b.prototype,"rippling",void 0);F([(0,S.state)()],b.prototype,"originX",void 0);F([(0,S.state)()],b.prototype,"originY",void 0);F([(0,S.query)(".ft-ripple")],b.prototype,"ripple",void 0);F([(0,S.query)(".ft-ripple--effect")],b.prototype,"rippleEffect",void 0);var ue=y(C());var ce={"ft-ripple":b};(0,ue.customElements)(ce);var Ft=globalThis,ye=r=>r,ht=Ft.trustedTypes,me=ht?ht.createPolicy("lit-html",{createHTML:r=>r}):void 0,Se="$lit$",k=`lit$${Math.random().toFixed(9).slice(2)}$`,_e="?"+k,je=`<${_e}>`,K=document,ct=()=>K.createComment(""),rt=r=>r===null||typeof r!="object"&&typeof r!="function",Ct=Array.isArray,Ue=r=>Ct(r)||typeof r?.[Symbol.iterator]=="function",xt=`[
|
|
455
|
+
\f\r]`,ot=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ge=/-->/g,be=/>/g,Y=RegExp(`>|${xt}(?:([^\\s"'>=/]+)(${xt}*=${xt}*(?:[^
|
|
456
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),xe=/'/g,$e=/"/g,Ae=/^(?:script|style|textarea|title)$/i,wt=r=>(t,...e)=>({_$litType$:r,strings:t,values:e}),Fe=wt(1),Ce=wt(2),we=wt(3),nt=Symbol.for("lit-noChange"),v=Symbol.for("lit-nothing"),ve=new WeakMap,G=K.createTreeWalker(K,129);function Te(r,t){if(!Ct(r)||!r.hasOwnProperty("raw"))throw Error("invalid template strings array");return me!==void 0?me.createHTML(t):t}var Ze=(r,t)=>{let e=r.length-1,i=[],o,n=t===2?"<svg>":t===3?"<math>":"",s=ot;for(let f=0;f<e;f++){let p=r[f],c,$,u=-1,R=0;for(;R<p.length&&(s.lastIndex=R,$=s.exec(p),$!==null);)R=s.lastIndex,s===ot?$[1]==="!--"?s=ge:$[1]!==void 0?s=be:$[2]!==void 0?(Ae.test($[2])&&(o=RegExp("</"+$[2],"g")),s=Y):$[3]!==void 0&&(s=Y):s===Y?$[0]===">"?(s=o??ot,u=-1):$[1]===void 0?u=-2:(u=s.lastIndex-$[2].length,c=$[1],s=$[3]===void 0?Y:$[3]==='"'?$e:xe):s===$e||s===xe?s=Y:s===ge||s===be?s=ot:(s=Y,o=void 0);let N=s===Y&&r[f+1].startsWith("/>")?" ":"";n+=s===ot?p+je:u>=0?(i.push(c),p.slice(0,u)+Se+p.slice(u)+k+N):p+k+(u===-2?f:N)}return[Te(r,n+(r[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),i]},st=class r{constructor({strings:t,_$litType$:e},i){let o;this.parts=[];let n=0,s=0,f=t.length-1,p=this.parts,[c,$]=Ze(t,e);if(this.el=r.createElement(c,i),G.currentNode=this.el.content,e===2||e===3){let u=this.el.content.firstChild;u.replaceWith(...u.childNodes)}for(;(o=G.nextNode())!==null&&p.length<f;){if(o.nodeType===1){if(o.hasAttributes())for(let u of o.getAttributeNames())if(u.endsWith(Se)){let R=$[s++],N=o.getAttribute(u).split(k),lt=/([.?@])?(.*)/.exec(R);p.push({type:1,index:n,name:lt[2],strings:N,ctor:lt[1]==="."?vt:lt[1]==="?"?St:lt[1]==="@"?_t:tt}),o.removeAttribute(u)}else u.startsWith(k)&&(p.push({type:6,index:n}),o.removeAttribute(u));if(Ae.test(o.tagName)){let u=o.textContent.split(k),R=u.length-1;if(R>0){o.textContent=ht?ht.emptyScript:"";for(let N=0;N<R;N++)o.append(u[N],ct()),G.nextNode(),p.push({type:2,index:++n});o.append(u[R],ct())}}}else if(o.nodeType===8)if(o.data===_e)p.push({type:2,index:n});else{let u=-1;for(;(u=o.data.indexOf(k,u+1))!==-1;)p.push({type:7,index:n}),u+=k.length-1}n++}}static createElement(t,e){let i=K.createElement("template");return i.innerHTML=t,i}};function Q(r,t,e=r,i){if(t===nt)return t;let o=i!==void 0?e._$Co?.[i]:e._$Cl,n=rt(t)?void 0:t._$litDirective$;return o?.constructor!==n&&(o?._$AO?.(!1),n===void 0?o=void 0:(o=new n(r),o._$AT(r,e,i)),i!==void 0?(e._$Co??=[])[i]=o:e._$Cl=o),o!==void 0&&(t=Q(r,o._$AS(r,t.values),o,i)),t}var $t=class{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){let{el:{content:e},parts:i}=this._$AD,o=(t?.creationScope??K).importNode(e,!0);G.currentNode=o;let n=G.nextNode(),s=0,f=0,p=i[0];for(;p!==void 0;){if(s===p.index){let c;p.type===2?c=new ut(n,n.nextSibling,this,t):p.type===1?c=new p.ctor(n,p.name,p.strings,this,t):p.type===6&&(c=new At(n,this,t)),this._$AV.push(c),p=i[++f]}s!==p?.index&&(n=G.nextNode(),s++)}return G.currentNode=K,o}p(t){let e=0;for(let i of this._$AV)i!==void 0&&(i.strings!==void 0?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}},ut=class r{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,i,o){this.type=2,this._$AH=v,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=o,this._$Cv=o?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode,e=this._$AM;return e!==void 0&&t?.nodeType===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=Q(this,t,e),rt(t)?t===v||t==null||t===""?(this._$AH!==v&&this._$AR(),this._$AH=v):t!==this._$AH&&t!==nt&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Ue(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==v&&rt(this._$AH)?this._$AA.nextSibling.data=t:this.T(K.createTextNode(t)),this._$AH=t}$(t){let{values:e,_$litType$:i}=t,o=typeof i=="number"?this._$AC(t):(i.el===void 0&&(i.el=st.createElement(Te(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===o)this._$AH.p(e);else{let n=new $t(o,this),s=n.u(this.options);n.p(e),this.T(s),this._$AH=n}}_$AC(t){let e=ve.get(t.strings);return e===void 0&&ve.set(t.strings,e=new st(t)),e}k(t){Ct(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,i,o=0;for(let n of t)o===e.length?e.push(i=new r(this.O(ct()),this.O(ct()),this,this.options)):i=e[o],i._$AI(n),o++;o<e.length&&(this._$AR(i&&i._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){let i=ye(t).nextSibling;ye(t).remove(),t=i}}setConnected(t){this._$AM===void 0&&(this._$Cv=t,this._$AP?.(t))}},tt=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,i,o,n){this.type=1,this._$AH=v,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=n,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=v}_$AI(t,e=this,i,o){let n=this.strings,s=!1;if(n===void 0)t=Q(this,t,e,0),s=!rt(t)||t!==this._$AH&&t!==nt,s&&(this._$AH=t);else{let f=t,p,c;for(t=n[0],p=0;p<n.length-1;p++)c=Q(this,f[i+p],e,p),c===nt&&(c=this._$AH[p]),s||=!rt(c)||c!==this._$AH[p],c===v?t=v:t!==v&&(t+=(c??"")+n[p+1]),this._$AH[p]=c}s&&!o&&this.j(t)}j(t){t===v?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},vt=class extends tt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===v?void 0:t}},St=class extends tt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==v)}},_t=class extends tt{constructor(t,e,i,o,n){super(t,e,i,o,n),this.type=5}_$AI(t,e=this){if((t=Q(this,t,e,0)??v)===nt)return;let i=this._$AH,o=t===v&&i!==v||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,n=t!==v&&(i===v||o);o&&this.element.removeEventListener(this.name,this,i),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}},At=class{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){Q(this,t)}};var Xe=Ft.litHtmlPolyfillSupport;Xe?.(st,ut),(Ft.litHtmlVersions??=[]).push("3.3.3");var He=Symbol.for(""),Ye=r=>{if(r?.r===He)return r?._$litStatic$},Tt=r=>({_$litStatic$:r,r:He});var ze=new Map,zt=r=>(t,...e)=>{let i=e.length,o,n,s=[],f=[],p,c=0,$=!1;for(;c<i;){for(p=t[c];c<i&&(n=e[c],(o=Ye(n))!==void 0);)p+=o+t[++c],$=!0;c!==i&&f.push(n),s.push(p),c++}if(c===i&&s.push(t[i]),$){let u=s.join("$$lit$$");(t=ze.get(u))===void 0&&(s.raw=s,ze.set(u,t=s)),e=f}return r(t,...e)},Ht=zt(Fe),Wi=zt(Ce),ki=zt(we);var Et=y(J()),De=y(C());var yt;(function(r){r.title="title",r.title_dense="title-dense",r.subtitle1="subtitle1",r.subtitle2="subtitle2",r.body1="body1",r.body2="body2",r.caption="caption",r.breadcrumb="breadcrumb",r.overline="overline",r.button="button"})(yt||(yt={}));var Ee=function(r,t,e,i){var o=arguments.length,n=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(r,t,e,i);else for(var f=r.length-1;f>=0;f--)(s=r[f])&&(n=(o<3?s(n):o>3?s(t,e,n):s(t,e))||n);return o>3&&n&&Object.defineProperty(t,e,n),n},B=class extends De.FtLitElement{constructor(){super(...arguments),this.variant=yt.body1}render(){return this.element?Ht`
|
|
447
457
|
<${Tt(this.element)}
|
|
448
458
|
part="text"
|
|
449
459
|
class="ft-typography ft-typography--${this.variant}">
|
|
@@ -451,7 +461,7 @@
|
|
|
451
461
|
</${Tt(this.element)}>
|
|
452
462
|
`:Ht`
|
|
453
463
|
<slot part="text" class="ft-typography ft-typography--${this.variant}"></slot>
|
|
454
|
-
`}};B.styles=[kt,Lt,
|
|
464
|
+
`}};B.styles=[Nt,Wt,kt,Lt,Pt,Vt,pt,Mt,It,jt,Ut];Ee([(0,Et.property)()],B.prototype,"element",void 0);Ee([(0,Et.property)()],B.prototype,"variant",void 0);var Oe=y(C());var Re={"ft-typography":B};(0,Oe.customElements)(Re);var z=function(r,t,e,i){var o=arguments.length,n=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(r,t,e,i);else for(var f=r.length-1;f>=0;f--)(s=r[f])&&(n=(o<3?s(n):o>3?s(t,e,n):s(t,e))||n);return o>3&&n&&Object.defineProperty(t,e,n),n},_=class extends et.FtLitElement{constructor(){super(...arguments),this.integer=!1,this.helper="",this.outlined=!1,this.disabled=!1,this.focused=!1}render(){var t;let e={"ft-number-field":!0,"ft-number-field--filled":!this.outlined,"ft-number-field--outlined":this.outlined,"ft-number-field--disabled":this.disabled,"ft-number-field--has-value":this.value!=null,"ft-number-field--with-label":!!this.label};return q.html`
|
|
455
465
|
<div class="${(0,Be.classMap)(e)}">
|
|
456
466
|
<div class="ft-number-field--main-panel"
|
|
457
467
|
@focusout=${this.onMainPanelBlur}>
|
|
@@ -461,7 +471,7 @@
|
|
|
461
471
|
?raised=${this.focused||this.value!=null}>
|
|
462
472
|
</ft-input-label>
|
|
463
473
|
<div class="ft-number-field--input-panel">
|
|
464
|
-
${this.outlined?
|
|
474
|
+
${this.outlined?q.nothing:q.html`
|
|
465
475
|
<ft-ripple ?disabled=${this.disabled} activated></ft-ripple>
|
|
466
476
|
`}
|
|
467
477
|
<input type="number"
|
|
@@ -477,12 +487,12 @@
|
|
|
477
487
|
/>
|
|
478
488
|
</div>
|
|
479
489
|
</div>
|
|
480
|
-
${this.helper?
|
|
490
|
+
${this.helper?q.html`
|
|
481
491
|
<ft-typography class="ft-number-field--helper-text" variant="caption">
|
|
482
492
|
${this.helper}
|
|
483
|
-
</ft-typography>`:
|
|
493
|
+
</ft-typography>`:q.nothing}
|
|
484
494
|
</div>
|
|
485
|
-
`}update(t){super.update(t),(t.has("max")||t.has("min"))&&this.setValue(this.value)}lowerBound(t){return this.min!=null?Math.max(this.min,t):t}upperBound(t){return this.max!=null?Math.min(this.max,t):t}round(t){return this.integer?Math.floor(t):t}onChange(t){t.preventDefault(),t.stopPropagation(),this.setValue(+t.target.value)}setValue(t){let e=this.value;this.value=t;let i=this.value==null?void 0:this.round(this.lowerBound(this.upperBound(this.value)));setTimeout(()=>{this.value=i,e!==i&&this.dispatchEvent(new CustomEvent("change",{detail:this.value}))})}onFocus(){this.focused=!0}onMainPanelBlur(){var t;!((t=this.mainPanel)===null||t===void 0)&&t.matches(":focus-within")||(this.focused=!1)}};_.elementDefinitions={"ft-input-label":T,"ft-ripple":b,"ft-typography":B};_.styles=ie;z([(0,H.property)()],_.prototype,"label",void 0);z([(0,et.numberProperty)()],_.prototype,"value",void 0);z([(0,H.property)({type:Boolean})],_.prototype,"integer",void 0);z([(0,H.property)({type:String})],_.prototype,"helper",void 0);z([(0,H.property)({type:Boolean})],_.prototype,"outlined",void 0);z([(0,H.property)({type:Boolean})],_.prototype,"disabled",void 0);z([(0,et.numberProperty)()],_.prototype,"min",void 0);z([(0,et.numberProperty)()],_.prototype,"max",void 0);z([(0,H.state)()],_.prototype,"focused",void 0);z([(0,H.query)(".ft-number-field--input")],_.prototype,"input",void 0);z([(0,H.query)(".ft-number-field--main-panel")],_.prototype,"mainPanel",void 0);var
|
|
495
|
+
`}update(t){super.update(t),(t.has("max")||t.has("min"))&&this.setValue(this.value)}lowerBound(t){return this.min!=null?Math.max(this.min,t):t}upperBound(t){return this.max!=null?Math.min(this.max,t):t}round(t){return this.integer?Math.floor(t):t}onChange(t){t.preventDefault(),t.stopPropagation(),this.setValue(+t.target.value)}setValue(t){let e=this.value;this.value=t;let i=this.value==null?void 0:this.round(this.lowerBound(this.upperBound(this.value)));setTimeout(()=>{this.value=i,e!==i&&this.dispatchEvent(new CustomEvent("change",{detail:this.value}))})}onFocus(){this.focused=!0}onMainPanelBlur(){var t;!((t=this.mainPanel)===null||t===void 0)&&t.matches(":focus-within")||(this.focused=!1)}};_.elementDefinitions={"ft-input-label":T,"ft-ripple":b,"ft-typography":B};_.styles=ie;z([(0,H.property)()],_.prototype,"label",void 0);z([(0,et.numberProperty)()],_.prototype,"value",void 0);z([(0,H.property)({type:Boolean})],_.prototype,"integer",void 0);z([(0,H.property)({type:String})],_.prototype,"helper",void 0);z([(0,H.property)({type:Boolean})],_.prototype,"outlined",void 0);z([(0,H.property)({type:Boolean})],_.prototype,"disabled",void 0);z([(0,et.numberProperty)()],_.prototype,"min",void 0);z([(0,et.numberProperty)()],_.prototype,"max",void 0);z([(0,H.state)()],_.prototype,"focused",void 0);z([(0,H.query)(".ft-number-field--input")],_.prototype,"input",void 0);z([(0,H.query)(".ft-number-field--main-panel")],_.prototype,"mainPanel",void 0);var Ne={"ft-number-field":_};(0,We.customElements)(Ne);})();
|
|
486
496
|
/*! Bundled license information:
|
|
487
497
|
|
|
488
498
|
lit-html/directives/when.js:
|