@proximus/lavender-switch 2.0.0-alpha.227 → 2.0.0-alpha.229
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/dist/Switch.d.ts +163 -1
- package/dist/custom-elements.json +808 -14
- package/dist/index.es.js +20 -11
- package/dist/vscode.html-custom-data.json +188 -1
- package/dist/web-types.json +293 -3
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { PxElement as e, createTemplate as t,
|
|
1
|
+
import { PxElement as e, createTemplate as t, nativeInputAttributes as n, nativeInputMethods as r, nativeInputProperties as i, omitKeys as a, renderTemplate as o } from "@proximus/lavender-common";
|
|
2
2
|
//#region src/switch.css?inline
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
var
|
|
3
|
+
var s = ":host{display:inline-flex}.switch *{box-sizing:border-box}.switch{border-radius:var(--px-radius-pill);align-items:center;display:inline-flex}:host(:focus-visible){outline:none}:host(:focus-visible) .switch{outline:var(--px-focus-outline-mobile) solid var(--px-color-border-focus-outline-default);outline-offset:var(--px-focus-offset-mobile)}:host([inverted]:focus-visible) .switch{outline-color:var(--px-color-border-focus-outline-inverted)}label{padding:var(--px-padding-3xs-mobile);border-radius:var(--px-radius-pill);background-color:var(--px-color-background-container-strong-default);outline:var(--px-size-border-m) solid var(--px-color-border-none-default);width:var(--px-size-action-input-switch-width);height:calc(var(--px-size-icon-m) + (var(--px-padding-3xs-mobile) * 2));flex-shrink:0;display:flex;position:relative}label:after{content:\"\";top:50%;left:var(--px-padding-3xs-mobile);width:var(--px-size-icon-m);max-width:var(--px-size-icon-m);height:var(--px-size-icon-m);border-radius:var(--px-radius-pill);background-color:var(--px-color-background-container-light-default);transition:transform .2s ease-in-out;position:absolute;transform:translateY(-50%)}:host input{appearance:none;margin:0}:is(:host(:not([disabled])):host(:hover),:host(:not([disabled])):host([hover])) label{outline-color:var(--px-color-border-neutral-default);cursor:pointer}:host([checked]) label{background-color:var(--px-color-background-purpose-success-default);transition:background-color .2s ease-in-out}:host([checked]) label:after{transform:translateY(-50%) translateX(calc(var(--px-size-icon-m) - var(--px-padding-3xs-mobile)));transition:transform .2s ease-in-out}:host(:hover) :is(:host(:not([disabled])) :is(:host([checked]) label)),:host([hover]) :is(:host(:not([disabled])) :is(:host([checked]) label)){outline-color:var(--px-color-border-purpose-success-default)}:host([disabled]) label{background-color:var(--px-color-background-state-disabled-default)}:host([disabled]) label:after{background-color:var(--px-color-background-state-disabled-default)}:host([inverted]) label{background-color:var(--px-color-background-container-strong-inverted)}:host(:hover) :is(:host(:not([disabled])) :is(:host([inverted]) label)),:host([hover]) :is(:host(:not([disabled])) :is(:host([inverted]) label)){outline-color:var(--px-color-border-neutral-inverted)}:host([checked]:not([disabled])) :is(:host([inverted]) label){background-color:var(--px-color-background-purpose-success-inverted)}:host(:hover) :is(:host([checked]:not([disabled])) :is(:host([inverted]) label)),:host([hover]) :is(:host([checked]:not([disabled])) :is(:host([inverted]) label)){outline-color:var(--px-color-border-purpose-success-inverted)}:host([disabled]) :is(:host([inverted]) label){background-color:var(--px-color-background-state-disabled-inverted)}:host([disabled]) :is(:host([inverted]) label):after{background-color:var(--px-color-background-state-disabled-inverted)}@media screen and (width>=48rem){label{padding:var(--px-padding-3xs-desktop)}}@media screen and (width>=64.0625rem){label{padding:var(--px-padding-3xs-desktop)}}", c = new CSSStyleSheet();
|
|
4
|
+
c.replaceSync(s);
|
|
5
|
+
var l = /* @__PURE__ */ function(e) {
|
|
6
6
|
return e.ERROR = "error", e.SUCCESS = "success", e;
|
|
7
|
-
}({}),
|
|
7
|
+
}({}), u = class s extends e {
|
|
8
8
|
static {
|
|
9
9
|
this.template = t("<div class=\"switch\"><input type=\"checkbox\" tabindex=\"-1\" inert/><label></label></div>");
|
|
10
10
|
}
|
|
@@ -12,10 +12,19 @@ var a = /* @__PURE__ */ function(e) {
|
|
|
12
12
|
this.nativeName = "input";
|
|
13
13
|
}
|
|
14
14
|
static {
|
|
15
|
-
this.
|
|
15
|
+
this.nativeProperties = a(i, "checked");
|
|
16
|
+
}
|
|
17
|
+
static {
|
|
18
|
+
this.nativeMethods = r;
|
|
19
|
+
}
|
|
20
|
+
static {
|
|
21
|
+
this.nativeAttributes = {
|
|
22
|
+
...n,
|
|
23
|
+
disabled: []
|
|
24
|
+
};
|
|
16
25
|
}
|
|
17
26
|
constructor() {
|
|
18
|
-
super(
|
|
27
|
+
super(c), o(this.shadowRoot, s.template), this.internals = this.attachInternals?.();
|
|
19
28
|
}
|
|
20
29
|
static get observedAttributes() {
|
|
21
30
|
return [
|
|
@@ -39,10 +48,10 @@ var a = /* @__PURE__ */ function(e) {
|
|
|
39
48
|
attributeChangedCallback(e, t, n) {
|
|
40
49
|
if (t !== n) switch (e) {
|
|
41
50
|
case "checked":
|
|
42
|
-
this.$el.checked = n !== null, this.ariaChecked = `${this.$el.checked}`;
|
|
51
|
+
this._forwardNativeAttribute(e, n), this.$el.checked = n !== null, this.ariaChecked = `${this.$el.checked}`;
|
|
43
52
|
break;
|
|
44
53
|
case "disabled":
|
|
45
|
-
this
|
|
54
|
+
this._forwardNativeAttribute(e, n), this.ariaDisabled = `${this.$el.disabled}`, this.tabIndex = this.$el.disabled ? -1 : 0;
|
|
46
55
|
break;
|
|
47
56
|
case "hover":
|
|
48
57
|
this.$el.classList.toggle("hover");
|
|
@@ -89,6 +98,6 @@ var a = /* @__PURE__ */ function(e) {
|
|
|
89
98
|
return this.$el.disabled;
|
|
90
99
|
}
|
|
91
100
|
};
|
|
92
|
-
customElements.get("px-switch") || customElements.define("px-switch",
|
|
101
|
+
customElements.get("px-switch") || customElements.define("px-switch", u);
|
|
93
102
|
//#endregion
|
|
94
|
-
export {
|
|
103
|
+
export { l as InputState, u as Switch };
|
|
@@ -7,7 +7,194 @@
|
|
|
7
7
|
"description": "\n---\n\n\n### **Events:**\n - **change**",
|
|
8
8
|
"attributes": [
|
|
9
9
|
{ "name": "inverted", "values": [] },
|
|
10
|
-
{ "name": "hover", "values": [] }
|
|
10
|
+
{ "name": "hover", "values": [] },
|
|
11
|
+
{
|
|
12
|
+
"name": "checked",
|
|
13
|
+
"description": "Whether the control is checked.",
|
|
14
|
+
"values": []
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"name": "disabled",
|
|
18
|
+
"description": "Whether the native control is disabled.",
|
|
19
|
+
"values": []
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
"name": "accept",
|
|
23
|
+
"description": "The accepted file types.",
|
|
24
|
+
"values": []
|
|
25
|
+
},
|
|
26
|
+
{ "name": "alt", "description": "The alternative text.", "values": [] },
|
|
27
|
+
{
|
|
28
|
+
"name": "autocomplete",
|
|
29
|
+
"description": "The native autofill hint.",
|
|
30
|
+
"values": [{ "name": "AutoFill" }]
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
"name": "autofocus",
|
|
34
|
+
"description": "Whether the native element requests autofocus.",
|
|
35
|
+
"values": []
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
"name": "capture",
|
|
39
|
+
"description": "The preferred capture device for file selection.",
|
|
40
|
+
"values": []
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
"name": "dirname",
|
|
44
|
+
"description": "The field name used to submit the text direction.",
|
|
45
|
+
"values": []
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
"name": "formaction",
|
|
49
|
+
"description": "The submission URL override.",
|
|
50
|
+
"values": []
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"name": "formenctype",
|
|
54
|
+
"description": "The submission encoding override.",
|
|
55
|
+
"values": []
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
"name": "formmethod",
|
|
59
|
+
"description": "The submission method override.",
|
|
60
|
+
"values": []
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
"name": "formnovalidate",
|
|
64
|
+
"description": "Whether submission bypasses validation.",
|
|
65
|
+
"values": []
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"name": "formtarget",
|
|
69
|
+
"description": "The submission target override.",
|
|
70
|
+
"values": []
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
"name": "height",
|
|
74
|
+
"description": "The native height in pixels.",
|
|
75
|
+
"values": []
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
"name": "inputmode",
|
|
79
|
+
"description": "The virtual keyboard input hint.",
|
|
80
|
+
"values": []
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"name": "enterkeyhint",
|
|
84
|
+
"description": "The virtual keyboard enter-key hint.",
|
|
85
|
+
"values": []
|
|
86
|
+
},
|
|
87
|
+
{
|
|
88
|
+
"name": "max",
|
|
89
|
+
"description": "The maximum allowed value.",
|
|
90
|
+
"values": []
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
"name": "maxlength",
|
|
94
|
+
"description": "The maximum text length.",
|
|
95
|
+
"values": []
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
"name": "min",
|
|
99
|
+
"description": "The minimum allowed value.",
|
|
100
|
+
"values": []
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
"name": "minlength",
|
|
104
|
+
"description": "The minimum text length.",
|
|
105
|
+
"values": []
|
|
106
|
+
},
|
|
107
|
+
{
|
|
108
|
+
"name": "multiple",
|
|
109
|
+
"description": "Whether multiple values are allowed.",
|
|
110
|
+
"values": []
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
"name": "name",
|
|
114
|
+
"description": "The native element name.",
|
|
115
|
+
"values": []
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
"name": "pattern",
|
|
119
|
+
"description": "The native validation pattern.",
|
|
120
|
+
"values": []
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
"name": "placeholder",
|
|
124
|
+
"description": "The placeholder text.",
|
|
125
|
+
"values": []
|
|
126
|
+
},
|
|
127
|
+
{
|
|
128
|
+
"name": "popovertargetaction",
|
|
129
|
+
"description": "The action for the target popover.",
|
|
130
|
+
"values": []
|
|
131
|
+
},
|
|
132
|
+
{
|
|
133
|
+
"name": "readonly",
|
|
134
|
+
"description": "Whether the native control is read-only.",
|
|
135
|
+
"values": []
|
|
136
|
+
},
|
|
137
|
+
{
|
|
138
|
+
"name": "required",
|
|
139
|
+
"description": "Whether a value is required.",
|
|
140
|
+
"values": []
|
|
141
|
+
},
|
|
142
|
+
{
|
|
143
|
+
"name": "size",
|
|
144
|
+
"description": "The native control size.",
|
|
145
|
+
"values": []
|
|
146
|
+
},
|
|
147
|
+
{ "name": "src", "description": "The resource URL.", "values": [] },
|
|
148
|
+
{
|
|
149
|
+
"name": "step",
|
|
150
|
+
"description": "The allowed value increment.",
|
|
151
|
+
"values": []
|
|
152
|
+
},
|
|
153
|
+
{
|
|
154
|
+
"name": "title",
|
|
155
|
+
"description": "The native element tooltip.",
|
|
156
|
+
"values": []
|
|
157
|
+
},
|
|
158
|
+
{
|
|
159
|
+
"name": "type",
|
|
160
|
+
"description": "The native element type.",
|
|
161
|
+
"values": []
|
|
162
|
+
},
|
|
163
|
+
{
|
|
164
|
+
"name": "usemap",
|
|
165
|
+
"description": "The associated image-map reference.",
|
|
166
|
+
"values": []
|
|
167
|
+
},
|
|
168
|
+
{
|
|
169
|
+
"name": "value",
|
|
170
|
+
"description": "The initial native value; use value for live state.",
|
|
171
|
+
"values": []
|
|
172
|
+
},
|
|
173
|
+
{
|
|
174
|
+
"name": "webkitdirectory",
|
|
175
|
+
"description": "Whether directory selection is enabled, where supported.",
|
|
176
|
+
"values": []
|
|
177
|
+
},
|
|
178
|
+
{
|
|
179
|
+
"name": "width",
|
|
180
|
+
"description": "The native width in pixels.",
|
|
181
|
+
"values": []
|
|
182
|
+
},
|
|
183
|
+
{
|
|
184
|
+
"name": "form",
|
|
185
|
+
"description": "The ID of the associated form; the form property is the native form reference.",
|
|
186
|
+
"values": []
|
|
187
|
+
},
|
|
188
|
+
{
|
|
189
|
+
"name": "list",
|
|
190
|
+
"description": "The ID of the associated datalist; the list property is the native datalist reference.",
|
|
191
|
+
"values": []
|
|
192
|
+
},
|
|
193
|
+
{
|
|
194
|
+
"name": "popovertarget",
|
|
195
|
+
"description": "The ID of the target popover.",
|
|
196
|
+
"values": []
|
|
197
|
+
}
|
|
11
198
|
],
|
|
12
199
|
"references": []
|
|
13
200
|
}
|
package/dist/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"name": "@proximus/lavender-switch",
|
|
4
|
-
"version": "2.0.0-alpha.
|
|
4
|
+
"version": "2.0.0-alpha.229",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -12,7 +12,202 @@
|
|
|
12
12
|
"doc-url": "",
|
|
13
13
|
"attributes": [
|
|
14
14
|
{ "name": "inverted", "value": { "type": "string" } },
|
|
15
|
-
{ "name": "hover", "value": { "type": "string" } }
|
|
15
|
+
{ "name": "hover", "value": { "type": "string" } },
|
|
16
|
+
{
|
|
17
|
+
"name": "checked",
|
|
18
|
+
"description": "Whether the control is checked.",
|
|
19
|
+
"value": { "type": "boolean" }
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
"name": "disabled",
|
|
23
|
+
"description": "Whether the native control is disabled.",
|
|
24
|
+
"value": { "type": "boolean" }
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
"name": "accept",
|
|
28
|
+
"description": "The accepted file types.",
|
|
29
|
+
"value": { "type": "string" }
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"name": "alt",
|
|
33
|
+
"description": "The alternative text.",
|
|
34
|
+
"value": { "type": "string" }
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"name": "autocomplete",
|
|
38
|
+
"description": "The native autofill hint.",
|
|
39
|
+
"value": { "type": "AutoFill" }
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
"name": "autofocus",
|
|
43
|
+
"description": "Whether the native element requests autofocus.",
|
|
44
|
+
"value": { "type": "boolean" }
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"name": "capture",
|
|
48
|
+
"description": "The preferred capture device for file selection.",
|
|
49
|
+
"value": { "type": "string" }
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
"name": "dirname",
|
|
53
|
+
"description": "The field name used to submit the text direction.",
|
|
54
|
+
"value": { "type": "string" }
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
"name": "formaction",
|
|
58
|
+
"description": "The submission URL override.",
|
|
59
|
+
"value": { "type": "string" }
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"name": "formenctype",
|
|
63
|
+
"description": "The submission encoding override.",
|
|
64
|
+
"value": { "type": "string" }
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
"name": "formmethod",
|
|
68
|
+
"description": "The submission method override.",
|
|
69
|
+
"value": { "type": "string" }
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"name": "formnovalidate",
|
|
73
|
+
"description": "Whether submission bypasses validation.",
|
|
74
|
+
"value": { "type": "boolean" }
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
"name": "formtarget",
|
|
78
|
+
"description": "The submission target override.",
|
|
79
|
+
"value": { "type": "string" }
|
|
80
|
+
},
|
|
81
|
+
{
|
|
82
|
+
"name": "height",
|
|
83
|
+
"description": "The native height in pixels.",
|
|
84
|
+
"value": { "type": "number" }
|
|
85
|
+
},
|
|
86
|
+
{
|
|
87
|
+
"name": "inputmode",
|
|
88
|
+
"description": "The virtual keyboard input hint.",
|
|
89
|
+
"value": { "type": "string" }
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
"name": "enterkeyhint",
|
|
93
|
+
"description": "The virtual keyboard enter-key hint.",
|
|
94
|
+
"value": { "type": "string" }
|
|
95
|
+
},
|
|
96
|
+
{
|
|
97
|
+
"name": "max",
|
|
98
|
+
"description": "The maximum allowed value.",
|
|
99
|
+
"value": { "type": "string" }
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
"name": "maxlength",
|
|
103
|
+
"description": "The maximum text length.",
|
|
104
|
+
"value": { "type": "number" }
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
"name": "min",
|
|
108
|
+
"description": "The minimum allowed value.",
|
|
109
|
+
"value": { "type": "string" }
|
|
110
|
+
},
|
|
111
|
+
{
|
|
112
|
+
"name": "minlength",
|
|
113
|
+
"description": "The minimum text length.",
|
|
114
|
+
"value": { "type": "number" }
|
|
115
|
+
},
|
|
116
|
+
{
|
|
117
|
+
"name": "multiple",
|
|
118
|
+
"description": "Whether multiple values are allowed.",
|
|
119
|
+
"value": { "type": "boolean" }
|
|
120
|
+
},
|
|
121
|
+
{
|
|
122
|
+
"name": "name",
|
|
123
|
+
"description": "The native element name.",
|
|
124
|
+
"value": { "type": "string" }
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
"name": "pattern",
|
|
128
|
+
"description": "The native validation pattern.",
|
|
129
|
+
"value": { "type": "string" }
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
"name": "placeholder",
|
|
133
|
+
"description": "The placeholder text.",
|
|
134
|
+
"value": { "type": "string" }
|
|
135
|
+
},
|
|
136
|
+
{
|
|
137
|
+
"name": "popovertargetaction",
|
|
138
|
+
"description": "The action for the target popover.",
|
|
139
|
+
"value": { "type": "string" }
|
|
140
|
+
},
|
|
141
|
+
{
|
|
142
|
+
"name": "readonly",
|
|
143
|
+
"description": "Whether the native control is read-only.",
|
|
144
|
+
"value": { "type": "boolean" }
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
"name": "required",
|
|
148
|
+
"description": "Whether a value is required.",
|
|
149
|
+
"value": { "type": "boolean" }
|
|
150
|
+
},
|
|
151
|
+
{
|
|
152
|
+
"name": "size",
|
|
153
|
+
"description": "The native control size.",
|
|
154
|
+
"value": { "type": "number" }
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
"name": "src",
|
|
158
|
+
"description": "The resource URL.",
|
|
159
|
+
"value": { "type": "string" }
|
|
160
|
+
},
|
|
161
|
+
{
|
|
162
|
+
"name": "step",
|
|
163
|
+
"description": "The allowed value increment.",
|
|
164
|
+
"value": { "type": "string" }
|
|
165
|
+
},
|
|
166
|
+
{
|
|
167
|
+
"name": "title",
|
|
168
|
+
"description": "The native element tooltip.",
|
|
169
|
+
"value": { "type": "string" }
|
|
170
|
+
},
|
|
171
|
+
{
|
|
172
|
+
"name": "type",
|
|
173
|
+
"description": "The native element type.",
|
|
174
|
+
"value": { "type": "string" }
|
|
175
|
+
},
|
|
176
|
+
{
|
|
177
|
+
"name": "usemap",
|
|
178
|
+
"description": "The associated image-map reference.",
|
|
179
|
+
"value": { "type": "string" }
|
|
180
|
+
},
|
|
181
|
+
{
|
|
182
|
+
"name": "value",
|
|
183
|
+
"description": "The initial native value; use value for live state.",
|
|
184
|
+
"value": { "type": "string" }
|
|
185
|
+
},
|
|
186
|
+
{
|
|
187
|
+
"name": "webkitdirectory",
|
|
188
|
+
"description": "Whether directory selection is enabled, where supported.",
|
|
189
|
+
"value": { "type": "boolean" }
|
|
190
|
+
},
|
|
191
|
+
{
|
|
192
|
+
"name": "width",
|
|
193
|
+
"description": "The native width in pixels.",
|
|
194
|
+
"value": { "type": "number" }
|
|
195
|
+
},
|
|
196
|
+
{
|
|
197
|
+
"name": "form",
|
|
198
|
+
"description": "The ID of the associated form; the form property is the native form reference.",
|
|
199
|
+
"value": { "type": "string" }
|
|
200
|
+
},
|
|
201
|
+
{
|
|
202
|
+
"name": "list",
|
|
203
|
+
"description": "The ID of the associated datalist; the list property is the native datalist reference.",
|
|
204
|
+
"value": { "type": "string" }
|
|
205
|
+
},
|
|
206
|
+
{
|
|
207
|
+
"name": "popovertarget",
|
|
208
|
+
"description": "The ID of the target popover.",
|
|
209
|
+
"value": { "type": "string" }
|
|
210
|
+
}
|
|
16
211
|
],
|
|
17
212
|
"events": [{ "name": "change", "type": "Event" }],
|
|
18
213
|
"js": {
|
|
@@ -20,7 +215,102 @@
|
|
|
20
215
|
{ "name": "$switch" },
|
|
21
216
|
{ "name": "inverted" },
|
|
22
217
|
{ "name": "checked", "type": "boolean" },
|
|
23
|
-
{ "name": "disabled", "type": "boolean" }
|
|
218
|
+
{ "name": "disabled", "type": "boolean" },
|
|
219
|
+
{ "name": "accept", "type": "string" },
|
|
220
|
+
{ "name": "alt", "type": "string" },
|
|
221
|
+
{ "name": "autocomplete", "type": "AutoFill" },
|
|
222
|
+
{ "name": "autofocus", "type": "boolean" },
|
|
223
|
+
{ "name": "capture", "type": "string" },
|
|
224
|
+
{ "name": "defaultChecked", "type": "boolean" },
|
|
225
|
+
{ "name": "dirName", "type": "string" },
|
|
226
|
+
{ "name": "formAction", "type": "string" },
|
|
227
|
+
{ "name": "formEnctype", "type": "string" },
|
|
228
|
+
{ "name": "formMethod", "type": "string" },
|
|
229
|
+
{ "name": "formNoValidate", "type": "boolean" },
|
|
230
|
+
{ "name": "formTarget", "type": "string" },
|
|
231
|
+
{ "name": "height", "type": "number" },
|
|
232
|
+
{ "name": "inputMode", "type": "string" },
|
|
233
|
+
{ "name": "enterKeyHint", "type": "string" },
|
|
234
|
+
{ "name": "max", "type": "string" },
|
|
235
|
+
{ "name": "maxLength", "type": "number" },
|
|
236
|
+
{ "name": "min", "type": "string" },
|
|
237
|
+
{ "name": "minLength", "type": "number" },
|
|
238
|
+
{ "name": "multiple", "type": "boolean" },
|
|
239
|
+
{ "name": "name", "type": "string" },
|
|
240
|
+
{ "name": "pattern", "type": "string" },
|
|
241
|
+
{ "name": "placeholder", "type": "string" },
|
|
242
|
+
{ "name": "popoverTargetAction", "type": "string" },
|
|
243
|
+
{ "name": "readOnly", "type": "boolean" },
|
|
244
|
+
{ "name": "required", "type": "boolean" },
|
|
245
|
+
{ "name": "size", "type": "number" },
|
|
246
|
+
{ "name": "src", "type": "string" },
|
|
247
|
+
{ "name": "step", "type": "string" },
|
|
248
|
+
{ "name": "title", "type": "string" },
|
|
249
|
+
{ "name": "type", "type": "string" },
|
|
250
|
+
{ "name": "useMap", "type": "string" },
|
|
251
|
+
{ "name": "defaultValue", "type": "string" },
|
|
252
|
+
{
|
|
253
|
+
"name": "value",
|
|
254
|
+
"description": "The live native value, separate from the initial value attribute.",
|
|
255
|
+
"type": "string"
|
|
256
|
+
},
|
|
257
|
+
{ "name": "webkitdirectory", "type": "boolean" },
|
|
258
|
+
{ "name": "width", "type": "number" },
|
|
259
|
+
{
|
|
260
|
+
"name": "indeterminate",
|
|
261
|
+
"description": "Live indeterminate state; assigning it does not reflect an attribute.",
|
|
262
|
+
"type": "boolean"
|
|
263
|
+
},
|
|
264
|
+
{ "name": "files", "type": "FileList | null" },
|
|
265
|
+
{ "name": "selectionStart", "type": "number | null" },
|
|
266
|
+
{ "name": "selectionEnd", "type": "number | null" },
|
|
267
|
+
{
|
|
268
|
+
"name": "selectionDirection",
|
|
269
|
+
"type": "SelectionDirection | null"
|
|
270
|
+
},
|
|
271
|
+
{ "name": "valueAsDate", "type": "Date | null" },
|
|
272
|
+
{ "name": "valueAsNumber", "type": "number" },
|
|
273
|
+
{ "name": "validity", "type": "ValidityState" },
|
|
274
|
+
{ "name": "validationMessage", "type": "string" },
|
|
275
|
+
{ "name": "willValidate", "type": "boolean" },
|
|
276
|
+
{
|
|
277
|
+
"name": "labels",
|
|
278
|
+
"type": "NodeListOf<HTMLLabelElement> | null"
|
|
279
|
+
},
|
|
280
|
+
{ "name": "form", "type": "HTMLFormElement | null" },
|
|
281
|
+
{ "name": "list", "type": "HTMLDataListElement | null" },
|
|
282
|
+
{ "name": "popoverTargetElement", "type": "Element | null" },
|
|
283
|
+
{
|
|
284
|
+
"name": "webkitEntries",
|
|
285
|
+
"type": "ReadonlyArray<FileSystemEntry>"
|
|
286
|
+
},
|
|
287
|
+
{
|
|
288
|
+
"name": "checkValidity",
|
|
289
|
+
"type": "HTMLInputElement['checkValidity']"
|
|
290
|
+
},
|
|
291
|
+
{
|
|
292
|
+
"name": "reportValidity",
|
|
293
|
+
"type": "HTMLInputElement['reportValidity']"
|
|
294
|
+
},
|
|
295
|
+
{
|
|
296
|
+
"name": "setCustomValidity",
|
|
297
|
+
"type": "HTMLInputElement['setCustomValidity']"
|
|
298
|
+
},
|
|
299
|
+
{ "name": "select", "type": "HTMLInputElement['select']" },
|
|
300
|
+
{
|
|
301
|
+
"name": "setRangeText",
|
|
302
|
+
"type": "HTMLInputElement['setRangeText']"
|
|
303
|
+
},
|
|
304
|
+
{
|
|
305
|
+
"name": "setSelectionRange",
|
|
306
|
+
"type": "HTMLInputElement['setSelectionRange']"
|
|
307
|
+
},
|
|
308
|
+
{
|
|
309
|
+
"name": "showPicker",
|
|
310
|
+
"type": "HTMLInputElement['showPicker']"
|
|
311
|
+
},
|
|
312
|
+
{ "name": "stepDown", "type": "HTMLInputElement['stepDown']" },
|
|
313
|
+
{ "name": "stepUp", "type": "HTMLInputElement['stepUp']" }
|
|
24
314
|
],
|
|
25
315
|
"events": [{ "name": "change", "type": "Event" }]
|
|
26
316
|
}
|