@quartzds/core 1.0.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +136 -0
- package/components/floating-ui.dom.esm.js +1402 -0
- package/components/floating-ui.dom.esm.js.map +1 -0
- package/components/helpers.js +174 -0
- package/components/helpers.js.map +1 -0
- package/components/icon.js +175 -0
- package/components/icon.js.map +1 -0
- package/components/index.d.ts +52 -0
- package/components/index.js +117 -0
- package/components/index.js.map +1 -0
- package/components/label.js +55 -0
- package/components/label.js.map +1 -0
- package/components/qds-button.d.ts +11 -0
- package/components/qds-button.js +148 -0
- package/components/qds-button.js.map +1 -0
- package/components/qds-checkbox.d.ts +11 -0
- package/components/qds-checkbox.js +156 -0
- package/components/qds-checkbox.js.map +1 -0
- package/components/qds-dropdown.d.ts +11 -0
- package/components/qds-dropdown.js +259 -0
- package/components/qds-dropdown.js.map +1 -0
- package/components/qds-icon.d.ts +11 -0
- package/components/qds-icon.js +13 -0
- package/components/qds-icon.js.map +1 -0
- package/components/qds-inline-link.d.ts +11 -0
- package/components/qds-inline-link.js +89 -0
- package/components/qds-inline-link.js.map +1 -0
- package/components/qds-input.d.ts +11 -0
- package/components/qds-input.js +244 -0
- package/components/qds-input.js.map +1 -0
- package/components/qds-label.d.ts +11 -0
- package/components/qds-label.js +13 -0
- package/components/qds-label.js.map +1 -0
- package/components/qds-radio.d.ts +11 -0
- package/components/qds-radio.js +109 -0
- package/components/qds-radio.js.map +1 -0
- package/components/qds-switch.d.ts +11 -0
- package/components/qds-switch.js +119 -0
- package/components/qds-switch.js.map +1 -0
- package/components/qds-title.d.ts +11 -0
- package/components/qds-title.js +94 -0
- package/components/qds-title.js.map +1 -0
- package/components/qds-tooltip.d.ts +11 -0
- package/components/qds-tooltip.js +325 -0
- package/components/qds-tooltip.js.map +1 -0
- package/dist/cjs/floating-ui.dom.esm-71fa96af.js +1410 -0
- package/dist/cjs/floating-ui.dom.esm-71fa96af.js.map +1 -0
- package/dist/cjs/helpers-0b23af3f.js +184 -0
- package/dist/cjs/helpers-0b23af3f.js.map +1 -0
- package/dist/cjs/index-f19b2823.js +2030 -0
- package/dist/cjs/index-f19b2823.js.map +1 -0
- package/dist/cjs/index.cjs.js +115 -0
- package/dist/cjs/index.cjs.js.map +1 -0
- package/dist/cjs/library-4803c801.js +62 -0
- package/dist/cjs/library-4803c801.js.map +1 -0
- package/dist/cjs/loader.cjs.js +29 -0
- package/dist/cjs/loader.cjs.js.map +1 -0
- package/dist/cjs/qds-button.cjs.entry.js +110 -0
- package/dist/cjs/qds-button.cjs.entry.js.map +1 -0
- package/dist/cjs/qds-checkbox.cjs.entry.js +116 -0
- package/dist/cjs/qds-checkbox.cjs.entry.js.map +1 -0
- package/dist/cjs/qds-dropdown.cjs.entry.js +227 -0
- package/dist/cjs/qds-dropdown.cjs.entry.js.map +1 -0
- package/dist/cjs/qds-icon.cjs.entry.js +113 -0
- package/dist/cjs/qds-icon.cjs.entry.js.map +1 -0
- package/dist/cjs/qds-inline-link.cjs.entry.js +61 -0
- package/dist/cjs/qds-inline-link.cjs.entry.js.map +1 -0
- package/dist/cjs/qds-input.cjs.entry.js +200 -0
- package/dist/cjs/qds-input.cjs.entry.js.map +1 -0
- package/dist/cjs/qds-label.cjs.entry.js +39 -0
- package/dist/cjs/qds-label.cjs.entry.js.map +1 -0
- package/dist/cjs/qds-radio.cjs.entry.js +74 -0
- package/dist/cjs/qds-radio.cjs.entry.js.map +1 -0
- package/dist/cjs/qds-switch.cjs.entry.js +79 -0
- package/dist/cjs/qds-switch.cjs.entry.js.map +1 -0
- package/dist/cjs/qds-title.cjs.entry.js +66 -0
- package/dist/cjs/qds-title.cjs.entry.js.map +1 -0
- package/dist/cjs/qds-tooltip.cjs.entry.js +284 -0
- package/dist/cjs/qds-tooltip.cjs.entry.js.map +1 -0
- package/dist/cjs/qds.cjs.js +33 -0
- package/dist/cjs/qds.cjs.js.map +1 -0
- package/dist/custom-elements.json +3976 -0
- package/dist/docs.d.ts +148 -0
- package/dist/docs.json +3918 -0
- package/dist/esm/floating-ui.dom.esm-f96ac766.js +1402 -0
- package/dist/esm/floating-ui.dom.esm-f96ac766.js.map +1 -0
- package/dist/esm/helpers-5c189a19.js +174 -0
- package/dist/esm/helpers-5c189a19.js.map +1 -0
- package/dist/esm/index-1bc8e218.js +2000 -0
- package/dist/esm/index-1bc8e218.js.map +1 -0
- package/dist/esm/index.js +106 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/library-aa6893c0.js +58 -0
- package/dist/esm/library-aa6893c0.js.map +1 -0
- package/dist/esm/loader.js +25 -0
- package/dist/esm/loader.js.map +1 -0
- package/dist/esm/polyfills/core-js.js +11 -0
- package/dist/esm/polyfills/css-shim.js +1 -0
- package/dist/esm/polyfills/dom.js +79 -0
- package/dist/esm/polyfills/es5-html-element.js +1 -0
- package/dist/esm/polyfills/index.js +34 -0
- package/dist/esm/polyfills/system.js +6 -0
- package/dist/esm/qds-button.entry.js +106 -0
- package/dist/esm/qds-button.entry.js.map +1 -0
- package/dist/esm/qds-checkbox.entry.js +112 -0
- package/dist/esm/qds-checkbox.entry.js.map +1 -0
- package/dist/esm/qds-dropdown.entry.js +223 -0
- package/dist/esm/qds-dropdown.entry.js.map +1 -0
- package/dist/esm/qds-icon.entry.js +109 -0
- package/dist/esm/qds-icon.entry.js.map +1 -0
- package/dist/esm/qds-inline-link.entry.js +57 -0
- package/dist/esm/qds-inline-link.entry.js.map +1 -0
- package/dist/esm/qds-input.entry.js +196 -0
- package/dist/esm/qds-input.entry.js.map +1 -0
- package/dist/esm/qds-label.entry.js +35 -0
- package/dist/esm/qds-label.entry.js.map +1 -0
- package/dist/esm/qds-radio.entry.js +70 -0
- package/dist/esm/qds-radio.entry.js.map +1 -0
- package/dist/esm/qds-switch.entry.js +75 -0
- package/dist/esm/qds-switch.entry.js.map +1 -0
- package/dist/esm/qds-title.entry.js +62 -0
- package/dist/esm/qds-title.entry.js.map +1 -0
- package/dist/esm/qds-tooltip.entry.js +280 -0
- package/dist/esm/qds-tooltip.entry.js.map +1 -0
- package/dist/esm/qds.js +28 -0
- package/dist/esm/qds.js.map +1 -0
- package/dist/types/components/button/button.d.ts +209 -0
- package/dist/types/components/checkbox/checkbox.d.ts +136 -0
- package/dist/types/components/create-story.d.ts +5 -0
- package/dist/types/components/dropdown/dropdown.d.ts +135 -0
- package/dist/types/components/icon/default-library.d.ts +4 -0
- package/dist/types/components/icon/icon.d.ts +31 -0
- package/dist/types/components/icon/library.d.ts +19 -0
- package/dist/types/components/icon/request.d.ts +12 -0
- package/dist/types/components/icon/system-library.d.ts +4 -0
- package/dist/types/components/inline-link/inline-link.d.ts +208 -0
- package/dist/types/components/input/input.d.ts +386 -0
- package/dist/types/components/label/label.d.ts +33 -0
- package/dist/types/components/radio/radio.d.ts +110 -0
- package/dist/types/components/switch/switch.d.ts +115 -0
- package/dist/types/components/title/title.d.ts +42 -0
- package/dist/types/components/tooltip/tooltip.d.ts +147 -0
- package/dist/types/components.d.ts +1692 -0
- package/dist/types/helpers.d.ts +49 -0
- package/dist/types/index.d.ts +4 -0
- package/dist/types/qds-test.d.ts +18 -0
- package/dist/types/stencil-public-runtime.d.ts +1638 -0
- package/dist/types/utils.d.ts +65 -0
- package/dist/vscode.html-custom-data.json +947 -0
- package/hydrate/index.d.ts +218 -0
- package/hydrate/index.js +9690 -0
- package/hydrate/package.json +6 -0
- package/loader/cdn.js +7 -0
- package/loader/index.cjs.js +7 -0
- package/loader/index.d.ts +21 -0
- package/loader/index.es2017.js +7 -0
- package/loader/index.js +8 -0
- package/loader/package.json +11 -0
- package/package.json +231 -0
- package/styles/core.css +379 -0
|
@@ -0,0 +1,947 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 1.1,
|
|
3
|
+
"tags": [
|
|
4
|
+
{
|
|
5
|
+
"name": "qds-button",
|
|
6
|
+
"description": {
|
|
7
|
+
"kind": "markdown",
|
|
8
|
+
"value": "The `<qds-button>` element is an interactive element activated by a user\nwith a mouse, keyboard, finger, voice command, or other assistive technology.\nOnce activated, it then performs a programmable action, such as submitting a\n[form](https://developer.mozilla.org/docs/Learn/Forms)\nor opening a dialog."
|
|
9
|
+
},
|
|
10
|
+
"attributes": [
|
|
11
|
+
{
|
|
12
|
+
"name": "disabled",
|
|
13
|
+
"description": "Prevents the button from being interacted with: it cannot be pressed or\nfocused."
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
"name": "download",
|
|
17
|
+
"description": "Tells the browser to download the linked file as this filename. Only used\nwhen `href` is set."
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"name": "form",
|
|
21
|
+
"description": "The [`<form>`](https://developer.mozilla.org/docs/Web/HTML/Element/form)\nelement to associate the button with (its form owner).\n\nThe value of this attribute must be the id of a `<form>` in the same\ndocument. If this attribute is not set, the `<button>` is associated with\nits ancestor `<form>` element, if any.\n\nThis attribute lets you associate `<button>` elements to `<form>`s\nanywhere in the document, not just inside a `<form>`. It can also override\nan ancestor `<form>` element."
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
"name": "formaction",
|
|
25
|
+
"description": "The URL that processes the information submitted by the button. Overrides\nthe [`action`](https://developer.mozilla.org/docs/Web/HTML/Element/button#attr-formaction)\nattribute of the button's form owner. Does nothing if there is no form owner."
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
"name": "formmethod",
|
|
29
|
+
"description": "If the button is a submit button (it's inside/associated with a `<form>`\nand doesn't have `type=\"button\"`), this attribute specifies the\n[HTTP method](https://developer.mozilla.org/docs/Web/HTTP/Methods) used to\nsubmit the form. Possible values:\n\n- `get`: The form data are appended to the form's action URL, with a ? as\na separator, and the resulting URL is sent to the server. Use this method\nwhen the form has no side effects, like search forms.\n- `post`: The data from the form are included in the body of the HTTP\nrequest when sent to the server. Use when the form contains information\nthat shouldn't be public, like login credentials.\n\nIf specified, this attribute overrides the method attribute of the button's form owner.",
|
|
30
|
+
"values": [
|
|
31
|
+
{
|
|
32
|
+
"name": "get"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"name": "post"
|
|
36
|
+
}
|
|
37
|
+
]
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
"name": "formnovalidate",
|
|
41
|
+
"description": "If the button is a submit button, this attribute specifies that the form\nis not to be\n[validated](https://developer.mozilla.org/docs/Learn/Forms/Form_validation)\nwhen it is submitted. If this attribute is specified, it overrides the\n[`novalidate`](https://developer.mozilla.org/docs/Web/HTML/Element/form#attr-novalidate)\nattribute of the button's form owner."
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"name": "formtarget",
|
|
45
|
+
"description": "If the button is a submit button, this attribute is an author-defined name\nor standardized, underscore-prefixed keyword indicating where to display\nthe response from submitting the form. This is the `name` of, or keyword\nfor, a browsing context (a tab, window, or\n[`<iframe>`](https://developer.mozilla.org/docs/Web/HTML/Element/iframe)).\nIf this attribute is specified, it overrides the\n[`target`](https://developer.mozilla.org/docs/Web/HTML/Element/form#attr-target)\nattribute of the button's form owner. The following keywords have special\nmeanings:\n\n- `_blank`: Load the response into a new unnamed browsing context — usually\na new tab or window, depending on the user's browser settings.\n- `_parent`: Load the response into the parent browsing context of the\ncurrent one. If there is no parent, this option behaves the same way as\n`_self`.\n- `_self`: Load the response into the same browsing context as the current\none.\n- `_top`: Load the response into the top-level browsing context (that is,\nthe browsing context that is an ancestor of the current one, and has no\nparent). If there is no parent, this option behaves the same way as\n`_self`.",
|
|
46
|
+
"values": [
|
|
47
|
+
{
|
|
48
|
+
"name": "_blank"
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
"name": "_parent"
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
"name": "_self"
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
"name": "_top"
|
|
58
|
+
}
|
|
59
|
+
]
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"name": "href",
|
|
63
|
+
"description": "When set, the underlying button will be rendered as an `<a>` with this\n`href` instead of a `<button>`."
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
"name": "icon-library",
|
|
67
|
+
"description": "The name of a registered icon library."
|
|
68
|
+
},
|
|
69
|
+
{
|
|
70
|
+
"name": "icon-name",
|
|
71
|
+
"description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
"name": "importance",
|
|
75
|
+
"description": "The button's importance.",
|
|
76
|
+
"values": [
|
|
77
|
+
{
|
|
78
|
+
"name": "destructive"
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
"name": "emphasized"
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
"name": "standard"
|
|
85
|
+
},
|
|
86
|
+
{
|
|
87
|
+
"name": "subdued"
|
|
88
|
+
}
|
|
89
|
+
]
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
"name": "name",
|
|
93
|
+
"description": "The name of the button, submitted as a pair with the button's `value` as\npart of the form data, when that button is used to submit the form.\nIgnored when `href` is set."
|
|
94
|
+
},
|
|
95
|
+
{
|
|
96
|
+
"name": "size",
|
|
97
|
+
"description": "The button's size.",
|
|
98
|
+
"values": [
|
|
99
|
+
{
|
|
100
|
+
"name": "large"
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
"name": "small"
|
|
104
|
+
},
|
|
105
|
+
{
|
|
106
|
+
"name": "standard"
|
|
107
|
+
}
|
|
108
|
+
]
|
|
109
|
+
},
|
|
110
|
+
{
|
|
111
|
+
"name": "target",
|
|
112
|
+
"description": "Where to display the linked URL, as the name for a browsing context (a\ntab, window, or\n[`<iframe>`](https://developer.mozilla.org/docs/Web/HTML/Element/iframe).\nThe following keywords have special meanings for where to load the URL:\n\n- `_blank`: usually a new tab, but users can configure browsers to open a new\n window instead.\n- `_parent`: the parent browsing context of the current one. If no parent,\n behaves as `_self`.\n- `_self`: the current browsing context.\n- `_top`: the topmost browsing context (the \"highest\" context that's an\n ancestor of the current one). If no ancestors, behaves as `_self`.",
|
|
113
|
+
"values": [
|
|
114
|
+
{
|
|
115
|
+
"name": "_blank"
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
"name": "_parent"
|
|
119
|
+
},
|
|
120
|
+
{
|
|
121
|
+
"name": "_self"
|
|
122
|
+
},
|
|
123
|
+
{
|
|
124
|
+
"name": "_top"
|
|
125
|
+
}
|
|
126
|
+
]
|
|
127
|
+
},
|
|
128
|
+
{
|
|
129
|
+
"name": "text",
|
|
130
|
+
"description": "The button's text."
|
|
131
|
+
},
|
|
132
|
+
{
|
|
133
|
+
"name": "type",
|
|
134
|
+
"description": "The type of button.\n\n`button`: The button has no default behavior, and does nothing when\npressed by default. It can have client-side scripts listen to the\nelement's events, which are triggered when the events occur.\n\n`submit`: The button submits the form data to the server. This is the\ndefault if the attribute is not specified for buttons associated with a\n`<form>`, or if the attribute is an empty or invalid value.\n\n`reset`: The button resets all the controls to their initial values.",
|
|
135
|
+
"values": [
|
|
136
|
+
{
|
|
137
|
+
"name": "button"
|
|
138
|
+
},
|
|
139
|
+
{
|
|
140
|
+
"name": "reset"
|
|
141
|
+
},
|
|
142
|
+
{
|
|
143
|
+
"name": "submit"
|
|
144
|
+
}
|
|
145
|
+
]
|
|
146
|
+
},
|
|
147
|
+
{
|
|
148
|
+
"name": "value",
|
|
149
|
+
"description": "Defines the value associated with the button's `name` when it's submitted\nwith the form data. This value is passed to the server in params when the\nform is submitted using this button. Ignored when `href` is set."
|
|
150
|
+
}
|
|
151
|
+
]
|
|
152
|
+
},
|
|
153
|
+
{
|
|
154
|
+
"name": "qds-checkbox",
|
|
155
|
+
"description": {
|
|
156
|
+
"kind": "markdown",
|
|
157
|
+
"value": "`<qds-checkbox>` elements are rendered as boxes that are checked (ticked)\nwhen activated, like you might see in an official government paper form. A\ncheckbox allows you to select single values for submission in a form (or not)."
|
|
158
|
+
},
|
|
159
|
+
"attributes": [
|
|
160
|
+
{
|
|
161
|
+
"name": "autofocus",
|
|
162
|
+
"description": "Specify whether the checkbox should have focus when the page loads."
|
|
163
|
+
},
|
|
164
|
+
{
|
|
165
|
+
"name": "checked",
|
|
166
|
+
"description": "Sets the checkbox's state."
|
|
167
|
+
},
|
|
168
|
+
{
|
|
169
|
+
"name": "disabled",
|
|
170
|
+
"description": "Prevents the checkbox from being interacted with: it cannot be pressed or\nfocused."
|
|
171
|
+
},
|
|
172
|
+
{
|
|
173
|
+
"name": "form",
|
|
174
|
+
"description": "The [`<form>`](https://developer.mozilla.org/docs/Web/HTML/Element/form)\nelement to associate the checkbox with (its form owner).\n\nThe value of this property must be the id of a `<form>` in the same\ndocument. If this property is not set, the `<qds-checkbox>` is associated\nwith its ancestor `<form>` element, if any.\n\nThis property lets you associate `<qds-checkbox>` elements to `<form>`s\nanywhere in the document, not just inside a `<form>`. It can also override\nan ancestor `<form>` element."
|
|
175
|
+
},
|
|
176
|
+
{
|
|
177
|
+
"name": "indeterminate",
|
|
178
|
+
"description": "Sets the checkbox to an indeterminate state. This is usually applied to\ncheckboxes that represents a \"select all/none\" behavior when associated\ncheckboxes have a mix of checked and unchecked states."
|
|
179
|
+
},
|
|
180
|
+
{
|
|
181
|
+
"name": "inline",
|
|
182
|
+
"description": "Adds vertical margin to the checkbox for alignment.\n\nThis is useful when creating inline layouts so that the first lines have\nthe correct vertical centering."
|
|
183
|
+
},
|
|
184
|
+
{
|
|
185
|
+
"name": "name",
|
|
186
|
+
"description": "The name of the checkbox, which is submitted with the form data. An\nincrementing ID is used by default."
|
|
187
|
+
},
|
|
188
|
+
{
|
|
189
|
+
"name": "required",
|
|
190
|
+
"description": "A value must be specified for the checkbox before the owning form can be\nsubmitted.\n\nSee\n[Client-side validation](https://developer.mozilla.org/docs/Web/HTML/Element/input#client-side_validation)\nand the\n[HTML attribute: `required`](https://developer.mozilla.org/docs/Web/HTML/Attributes/required)\nfor more information."
|
|
191
|
+
},
|
|
192
|
+
{
|
|
193
|
+
"name": "size",
|
|
194
|
+
"description": "The checkbox's size.",
|
|
195
|
+
"values": [
|
|
196
|
+
{
|
|
197
|
+
"name": "large"
|
|
198
|
+
},
|
|
199
|
+
{
|
|
200
|
+
"name": "small"
|
|
201
|
+
},
|
|
202
|
+
{
|
|
203
|
+
"name": "standard"
|
|
204
|
+
}
|
|
205
|
+
]
|
|
206
|
+
},
|
|
207
|
+
{
|
|
208
|
+
"name": "text",
|
|
209
|
+
"description": "The checkbox's text."
|
|
210
|
+
},
|
|
211
|
+
{
|
|
212
|
+
"name": "value",
|
|
213
|
+
"description": "The value of the checkbox, submitted as a name/value pair with form data."
|
|
214
|
+
}
|
|
215
|
+
]
|
|
216
|
+
},
|
|
217
|
+
{
|
|
218
|
+
"name": "qds-dropdown",
|
|
219
|
+
"description": {
|
|
220
|
+
"kind": "markdown",
|
|
221
|
+
"value": "<!--\nSPDX-FileCopyrightText: © 2023 Schneider Electric\n\nSPDX-License-Identifier: LGPL-2.1-only\n-->"
|
|
222
|
+
},
|
|
223
|
+
"attributes": [
|
|
224
|
+
{
|
|
225
|
+
"name": "disabled",
|
|
226
|
+
"description": "Prevents the dropdown from being shown by user interaction. The dropdown\ncan still be displayed by calling the `show()` method."
|
|
227
|
+
},
|
|
228
|
+
{
|
|
229
|
+
"name": "no-flip",
|
|
230
|
+
"description": "Disable Floating UI's\n[`flip` middleware](https://floating-ui.com/docs/flip)."
|
|
231
|
+
},
|
|
232
|
+
{
|
|
233
|
+
"name": "no-shift",
|
|
234
|
+
"description": "Disable Floating UI's\n[`shift` middleware](https://floating-ui.com/docs/shift)."
|
|
235
|
+
},
|
|
236
|
+
{
|
|
237
|
+
"name": "placement",
|
|
238
|
+
"description": "Where to place the dropdown relative to the `target`.",
|
|
239
|
+
"values": [
|
|
240
|
+
{
|
|
241
|
+
"name": "bottom"
|
|
242
|
+
},
|
|
243
|
+
{
|
|
244
|
+
"name": "bottom-end"
|
|
245
|
+
},
|
|
246
|
+
{
|
|
247
|
+
"name": "bottom-start"
|
|
248
|
+
},
|
|
249
|
+
{
|
|
250
|
+
"name": "left"
|
|
251
|
+
},
|
|
252
|
+
{
|
|
253
|
+
"name": "left-end"
|
|
254
|
+
},
|
|
255
|
+
{
|
|
256
|
+
"name": "left-start"
|
|
257
|
+
},
|
|
258
|
+
{
|
|
259
|
+
"name": "right"
|
|
260
|
+
},
|
|
261
|
+
{
|
|
262
|
+
"name": "right-end"
|
|
263
|
+
},
|
|
264
|
+
{
|
|
265
|
+
"name": "right-start"
|
|
266
|
+
},
|
|
267
|
+
{
|
|
268
|
+
"name": "top"
|
|
269
|
+
},
|
|
270
|
+
{
|
|
271
|
+
"name": "top-end"
|
|
272
|
+
},
|
|
273
|
+
{
|
|
274
|
+
"name": "top-start"
|
|
275
|
+
}
|
|
276
|
+
]
|
|
277
|
+
},
|
|
278
|
+
{
|
|
279
|
+
"name": "strategy",
|
|
280
|
+
"description": "The CSS position strategy to use.",
|
|
281
|
+
"values": [
|
|
282
|
+
{
|
|
283
|
+
"name": "absolute"
|
|
284
|
+
},
|
|
285
|
+
{
|
|
286
|
+
"name": "fixed"
|
|
287
|
+
}
|
|
288
|
+
]
|
|
289
|
+
},
|
|
290
|
+
{
|
|
291
|
+
"name": "target",
|
|
292
|
+
"description": "The trigger element that will trigger the dropdown. The target specified\ncan be any of the follow:\n\n- A CSS selector string\n- A reference to an\n[`Element`](https://developer.mozilla.org/docs/Web/API/Element) or\n[Virtual Element](https://floating-ui.com/docs/virtual-elements)\n- A function returning a reference to an\n[`Element`](https://developer.mozilla.org/docs/Web/API/Element),\n[Virtual Element](https://floating-ui.com/docs/virtual-elements),\nor a CSS selector string"
|
|
293
|
+
}
|
|
294
|
+
]
|
|
295
|
+
},
|
|
296
|
+
{
|
|
297
|
+
"name": "qds-icon",
|
|
298
|
+
"description": {
|
|
299
|
+
"kind": "markdown",
|
|
300
|
+
"value": "<!--\nSPDX-FileCopyrightText: © 2023 Schneider Electric\n\nSPDX-License-Identifier: LGPL-2.1-only\n-->"
|
|
301
|
+
},
|
|
302
|
+
"attributes": [
|
|
303
|
+
{
|
|
304
|
+
"name": "library",
|
|
305
|
+
"description": "The name of a registered icon library."
|
|
306
|
+
},
|
|
307
|
+
{
|
|
308
|
+
"name": "name",
|
|
309
|
+
"description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
|
|
310
|
+
}
|
|
311
|
+
]
|
|
312
|
+
},
|
|
313
|
+
{
|
|
314
|
+
"name": "qds-inline-link",
|
|
315
|
+
"description": {
|
|
316
|
+
"kind": "markdown",
|
|
317
|
+
"value": "`<qds-inline-link>` elements, with their `href` property, create a hyperlink\nto web pages, files, email addresses, locations in the same page, or\nanything else a URL can address.\n\nContent within each `<qds-inline-link>` *should* indicate the inline link's\ndestination. If the `href` property is present, pressing the enter key while\nfocused on the `<qds-inline-link>` element will activate it."
|
|
318
|
+
},
|
|
319
|
+
"attributes": [
|
|
320
|
+
{
|
|
321
|
+
"name": "disabled",
|
|
322
|
+
"description": "Prevents the inline link from being interacted with: it cannot be pressed\nor focused."
|
|
323
|
+
},
|
|
324
|
+
{
|
|
325
|
+
"name": "download",
|
|
326
|
+
"description": "Causes the browser to treat the linked URL as a download. Can be used with\nor without a `filename` value:\n\n- Without a value, the browser will suggest a filename/extension,\ngenerated from various sources:\n\n - The\n [`Content-Disposition`](https://developer.mozilla.org/docs/Web/HTTP/Headers/Content-Disposition)\n HTTP header\n - The final segment in the URL\n [path](https://developer.mozilla.org/docs/Web/API/URL/pathname)\n - The\n [media type](https://developer.mozilla.org/docs/Glossary/MIME_type)\n (from the\n [`Content-Type`](https://developer.mozilla.org/docs/Web/HTTP/Headers/Content-Type)\n header, the start of a\n [`data:` URL](https://developer.mozilla.org/docs/Web/HTTP/Basics_of_HTTP/Data_URLs),\n or\n [`Blob.type`](https://developer.mozilla.org/docs/Web/API/Blob/type)\n for a\n [`blob:` URL](https://developer.mozilla.org/docs/Web/API/URL/createObjectURL))\n- `filename`: defining a value suggests it as the filename. `/` and `\\`\ncharacters are converted to underscores (`_`). Filesystems may forbid\nother characters in filenames, so browsers will adjust the suggested name\nif necessary."
|
|
327
|
+
},
|
|
328
|
+
{
|
|
329
|
+
"name": "href",
|
|
330
|
+
"description": "The URL that the inline link points to. Inline links are not restricted to\nHTTP-based URLs — they can use any URL scheme supported by browsers:\n\n- Sections of a page with document fragments\n- Specific text portions with\n[text fragments](https://developer.mozilla.org/docs/Web/Text_fragments)\n- Pieces of media files with media fragments\n- Telephone numbers with `tel:` URLs\n- Email addresses with `mailto:` URLs\n- While web browsers may not support other URL schemes, websites can with\n[`registerProtocolHandler()`](https://developer.mozilla.org/docs/Web/API/Navigator/registerProtocolHandler)"
|
|
331
|
+
},
|
|
332
|
+
{
|
|
333
|
+
"name": "hreflang",
|
|
334
|
+
"description": "Hints at the human language of the linked URL. No built-in functionality.\nAllowed values are the same as\n[the global `lang` attribute](https://developer.mozilla.org/docs/Web/HTML/Global_attributes/lang)."
|
|
335
|
+
},
|
|
336
|
+
{
|
|
337
|
+
"name": "referrerpolicy",
|
|
338
|
+
"description": "How much of the\n[referrer](https://developer.mozilla.org/docs/Web/HTTP/Headers/Referer)\nto send when following the inline link.\n\n- `no-referrer`: The\n[`Referer`](https://developer.mozilla.org/docs/Web/HTTP/Headers/Referer)\nheader will not be sent.\n- `no-referrer-when-downgrade`: The\n[`Referer`](https://developer.mozilla.org/docs/Web/HTTP/Headers/Referer)\nheader will not be sent to\n[origin](https://developer.mozilla.org/docs/Glossary/Origin)s\nwithout [TLS](https://developer.mozilla.org/docs/Glossary/TLS)\n([HTTPS](https://developer.mozilla.org/docs/Glossary/HTTPS)).\n- `origin`: The sent referrer will be limited to the origin of the\nreferring page: its\n[scheme](https://developer.mozilla.org/docs/Learn/Common_questions/What_is_a_URL),\n[host](https://developer.mozilla.org/docs/Glossary/Host), and\n[port](https://developer.mozilla.org/docs/Glossary/Port).\n- `origin-when-cross-origin`: The referrer sent to other origins will be\nlimited to the scheme, the host, and the port. Navigations on the same\norigin will still include the path.\n- `same-origin`: A referrer will be sent for\n[same origin](https://developer.mozilla.org/docs/Glossary/Same-origin_policy),\nbut cross-origin requests will contain no referrer information.\n- `strict-origin`: Only send the origin of the document as the referrer\nwhen the protocol security level stays the same (HTTPS→HTTPS), but don't\nsend it to a less secure destination (HTTPS→HTTP).\n- `strict-origin-when-cross-origin` (default): Send a full URL when\nperforming a same-origin request, only send the origin when the protocol\nsecurity level stays the same (HTTPS→HTTPS), and send no header to a less\nsecure destination (HTTPS→HTTP).\n- `unsafe-url`: The referrer will include the origin and the path (but not the\n[fragment](https://developer.mozilla.org/docs/Web/API/HTMLAnchorElement/hash),\n[password](https://developer.mozilla.org/docs/Web/API/HTMLAnchorElement/password),\nor [username](https://developer.mozilla.org/docs/Web/API/HTMLAnchorElement/username)).\n**This value is unsafe** because it leaks origins and paths from\nTLS-protected resources to insecure origins.",
|
|
339
|
+
"values": [
|
|
340
|
+
{
|
|
341
|
+
"name": "no-referrer"
|
|
342
|
+
},
|
|
343
|
+
{
|
|
344
|
+
"name": "no-referrer-when-downgrade"
|
|
345
|
+
},
|
|
346
|
+
{
|
|
347
|
+
"name": "origin"
|
|
348
|
+
},
|
|
349
|
+
{
|
|
350
|
+
"name": "origin-when-cross-origin"
|
|
351
|
+
},
|
|
352
|
+
{
|
|
353
|
+
"name": "same-origin"
|
|
354
|
+
},
|
|
355
|
+
{
|
|
356
|
+
"name": "strict-origin"
|
|
357
|
+
},
|
|
358
|
+
{
|
|
359
|
+
"name": "strict-origin-when-cross-origin"
|
|
360
|
+
},
|
|
361
|
+
{
|
|
362
|
+
"name": "unsafe-url"
|
|
363
|
+
}
|
|
364
|
+
]
|
|
365
|
+
},
|
|
366
|
+
{
|
|
367
|
+
"name": "rel",
|
|
368
|
+
"description": "The relationship of the linked URL as space-separated\n[link types](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel).\n\nThe following list includes some of the most important existing keywords.\nEvery keyword within a space-separated value should be unique within that\nvalue.\n\n- [`alternate`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-alternate):\nAlternate representations of the current document.\n- [`author`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-author):\nAuthor of the current document or article.\n- [`bookmark`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-bookmark):\nPermalink for the nearest ancestor section.\n- [`external`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-external):\nThe referenced document is not part of the same site as the current\ndocument. An icon will be rendered next to the text if this value is\nspecified.\n- [`help`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-help):\nLink to context-sensitive help.\n- [`license`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-license):\nIndicates that the main content of the current document is covered by the\ncopyright license described by the referenced document.\n- [`me`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel/me):\nIndicates that the current document represents the person who owns the\nlinked content.\n- [`next`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-next):\nIndicates that the current document is a part of a series and that the\nnext document in the series is the referenced document.\n- [`nofollow`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-nofollow):\nIndicates that the current document's original author or publisher does\nnot endorse the referenced document.\n- [`noopener`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel/noopener):\nCreates a top-level browsing context that is not an auxiliary browsing\ncontext if the hyperlink would create either of those, to begin with (i.e.,\nhas an appropriate `target` attribute value).\n- [`noreferrer`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-noreferrer):\nNo `Referer` header will be included. Additionally, has the same effect as\n`noopener`.\n- [`opener`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-opener):\nCreates an auxiliary browsing context if the hyperlink would otherwise\ncreate a top-level browsing context that is not an auxiliary browsing\ncontext (i.e., has \"`_blank`\" as `target` attribute value).\n- [`prev`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-prev):\nIndicates that the current document is a part of a series and that the\nprevious document in the series is the referenced document.\n- [`search`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-search):\nGives a link to a resource that can be used to search through the current\ndocument and its related pages.\n- [`tag`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-tag):\nGives a tag (identified by the given address) that applies to the current\ndocument."
|
|
369
|
+
},
|
|
370
|
+
{
|
|
371
|
+
"name": "target",
|
|
372
|
+
"description": "Where to display the linked URL, as the name for a browsing context (a\ntab, window, or\n[`<iframe>`](https://developer.mozilla.org/docs/Web/HTML/Element/iframe).\nThe following keywords have special meanings for where to load the URL:\n\n- `_blank`: usually a new tab, but users can configure browsers to open a new\n window instead.\n- `_parent`: the parent browsing context of the current one. If no parent,\n behaves as `_self`.\n- `_self`: the current browsing context.\n- `_top`: the topmost browsing context (the \"highest\" context that's an\n ancestor of the current one). If no ancestors, behaves as `_self`.",
|
|
373
|
+
"values": [
|
|
374
|
+
{
|
|
375
|
+
"name": "_blank"
|
|
376
|
+
},
|
|
377
|
+
{
|
|
378
|
+
"name": "_parent"
|
|
379
|
+
},
|
|
380
|
+
{
|
|
381
|
+
"name": "_self"
|
|
382
|
+
},
|
|
383
|
+
{
|
|
384
|
+
"name": "_top"
|
|
385
|
+
}
|
|
386
|
+
]
|
|
387
|
+
}
|
|
388
|
+
]
|
|
389
|
+
},
|
|
390
|
+
{
|
|
391
|
+
"name": "qds-input",
|
|
392
|
+
"description": {
|
|
393
|
+
"kind": "markdown",
|
|
394
|
+
"value": "The `<qds-input>` element is used to create interactive controls for\nweb-based forms in order to accept data from the user; a wide variety of\ntypes of input data and control widgets are available, depending on the\ndevice and\n[user agent](https://developer.mozilla.org/docs/Glossary/User_agent)."
|
|
395
|
+
},
|
|
396
|
+
"attributes": [
|
|
397
|
+
{
|
|
398
|
+
"name": "autocapitalize",
|
|
399
|
+
"description": "Controls whether and how input is automatically capitalized as it is\nentered/edited by the user. Only valid for `search`, `tel`, and `text`\ninputs. Possible values:\n\n- `\"off\"` or `\"none\"`: No auto-capitalization is applied (all letters\ndefault to lowercase).\n- `\"on\"` or `\"sentences\"`: The first letter of each sentence defaults to a\ncapital letter; all other letters default to lowercase.\n- `\"words\"`: The first letter of each word defaults to a capital letter;\nall other letters default to lowercase.\n- `\"characters\"`: All letters default to uppercase.",
|
|
400
|
+
"values": [
|
|
401
|
+
{
|
|
402
|
+
"name": "characters"
|
|
403
|
+
},
|
|
404
|
+
{
|
|
405
|
+
"name": "none"
|
|
406
|
+
},
|
|
407
|
+
{
|
|
408
|
+
"name": "off"
|
|
409
|
+
},
|
|
410
|
+
{
|
|
411
|
+
"name": "on"
|
|
412
|
+
},
|
|
413
|
+
{
|
|
414
|
+
"name": "sentences"
|
|
415
|
+
},
|
|
416
|
+
{
|
|
417
|
+
"name": "words"
|
|
418
|
+
}
|
|
419
|
+
]
|
|
420
|
+
},
|
|
421
|
+
{
|
|
422
|
+
"name": "autocomplete",
|
|
423
|
+
"description": "Indicates whether the value of the input can be automatically completed by\nthe browser."
|
|
424
|
+
},
|
|
425
|
+
{
|
|
426
|
+
"name": "autofocus",
|
|
427
|
+
"description": "Specify whether the input should have focus when the page loads."
|
|
428
|
+
},
|
|
429
|
+
{
|
|
430
|
+
"name": "disabled",
|
|
431
|
+
"description": "Prevents the input from being interacted with: it cannot be pressed or\nfocused."
|
|
432
|
+
},
|
|
433
|
+
{
|
|
434
|
+
"name": "enterkeyhint",
|
|
435
|
+
"description": "What action label (or icon) to present for the enter key on virtual\nkeyboards. Possible values:\n\n- `\"done\"`: Typically meaning there is nothing more to input and the input\nmethod editor (IME) will be closed.\n- `\"enter\"`:\tTypically inserting a new line.\n- `\"go\"`: \tTypically meaning to take the user to the target of the text\nthey typed.\n- `\"next\"`: \tTypically taking the user to the next field that will accept\ntext.\n- `\"previous\"`: Typically taking the user to the previous field that will\naccept text.\n- `\"search\"`: Typically taking the user to the results of searching for\nthe text they have typed.\n- `\"send\"`: Typically delivering the text to its target.",
|
|
436
|
+
"values": [
|
|
437
|
+
{
|
|
438
|
+
"name": "done"
|
|
439
|
+
},
|
|
440
|
+
{
|
|
441
|
+
"name": "enter"
|
|
442
|
+
},
|
|
443
|
+
{
|
|
444
|
+
"name": "go"
|
|
445
|
+
},
|
|
446
|
+
{
|
|
447
|
+
"name": "next"
|
|
448
|
+
},
|
|
449
|
+
{
|
|
450
|
+
"name": "previous"
|
|
451
|
+
},
|
|
452
|
+
{
|
|
453
|
+
"name": "search"
|
|
454
|
+
},
|
|
455
|
+
{
|
|
456
|
+
"name": "send"
|
|
457
|
+
}
|
|
458
|
+
]
|
|
459
|
+
},
|
|
460
|
+
{
|
|
461
|
+
"name": "form",
|
|
462
|
+
"description": "The [`<form>`](https://developer.mozilla.org/docs/Web/HTML/Element/form)\nelement to associate the input with (its form owner).\n\nThe value of this attribute must be the id of a `<form>` in the same\ndocument. If this attribute is not set, the `<qds-input>` is associated\nwith its ancestor `<form>` element, if any.\n\nThis attribute lets you associate `<qds-input>` elements to `<form>`s\nanywhere in the document, not just inside a `<form>`. It can also override\nan ancestor `<form>` element."
|
|
463
|
+
},
|
|
464
|
+
{
|
|
465
|
+
"name": "inputmode",
|
|
466
|
+
"description": "Provide a hint to browsers as to the type of virtual keyboard\nconfiguration to use when editing this element or its contents.",
|
|
467
|
+
"values": [
|
|
468
|
+
{
|
|
469
|
+
"name": "decimal"
|
|
470
|
+
},
|
|
471
|
+
{
|
|
472
|
+
"name": "email"
|
|
473
|
+
},
|
|
474
|
+
{
|
|
475
|
+
"name": "none"
|
|
476
|
+
},
|
|
477
|
+
{
|
|
478
|
+
"name": "numeric"
|
|
479
|
+
},
|
|
480
|
+
{
|
|
481
|
+
"name": "search"
|
|
482
|
+
},
|
|
483
|
+
{
|
|
484
|
+
"name": "tel"
|
|
485
|
+
},
|
|
486
|
+
{
|
|
487
|
+
"name": "text"
|
|
488
|
+
},
|
|
489
|
+
{
|
|
490
|
+
"name": "url"
|
|
491
|
+
}
|
|
492
|
+
]
|
|
493
|
+
},
|
|
494
|
+
{
|
|
495
|
+
"name": "invalid",
|
|
496
|
+
"description": "Defines if the input is in an invalid state. Validity is determined by\nattributes such as `type`, `pattern`, `min`, `max`, `required`, `step`,\n`minlength`, and `maxlength` using\n[constraint validation](https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation)."
|
|
497
|
+
},
|
|
498
|
+
{
|
|
499
|
+
"name": "max",
|
|
500
|
+
"description": "Defines the greatest value in the range of permitted values. If the\n`value` entered into the input exceeds this, the input fails\n[constraint validation](https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation).\nOnly valid for `date`, `datetime-local`, `month`, `time`, and `week`\ninputs.\n\nIf this value isn't a valid number, then the input has no maximum value."
|
|
501
|
+
},
|
|
502
|
+
{
|
|
503
|
+
"name": "maxlength",
|
|
504
|
+
"description": "The maximum number of characters (as UTF-16 code units) the user can enter\ninto the input. This must be an non-negative integer value. If no\n`maxlength` is specified, or an invalid value is specified, the input has\nno maximum length. Only valid for `email`, `password`, `search`, `tel`,\n`text`, and `url` inputs.\n\nThe input will fail\n[constraint validation](https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation)\nif the length of the text entered into the field is greater than\n`maxlength` UTF-16 code units long. By default, browsers prevent users\nfrom entering more characters than allowed by the `maxlength` attribute. See\n[Client-side validation](https://developer.mozilla.org/docs/Web/HTML/Element/input#client-side_validation)\nfor more information."
|
|
505
|
+
},
|
|
506
|
+
{
|
|
507
|
+
"name": "min",
|
|
508
|
+
"description": "Defines the most negative value in the range of permitted values. If the\n`value` entered into the input is less than this, the input fails\n[constraint validation](https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation).\nOnly valid for `date`, `datetime-local`, `month`, `time`, and `week`\ninputs.\n\nThis value must be less than or equal to the value of the `max` attribute.\nIf this value isn't a valid number, then the input has no minimum value."
|
|
509
|
+
},
|
|
510
|
+
{
|
|
511
|
+
"name": "minlength",
|
|
512
|
+
"description": "The minimum number of characters (as UTF-16 code units) the user can enter\ninto the input. This must be an non-negative integer value smaller than or\nequal to the value specified by `maxlength`. If no `minlength` is\nspecified, or an invalid value is specified, the input has no minimum\nlength. Only valid for `email`, `password`, `search`, `tel`, `text`, and\n`url` inputs.\n\nThe input will fail\n[constraint validation](https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation)\nif the length of the text entered into the field is fewer than `minlength`\nUTF-16 code units long, preventing form submission. See\n[Client-side validation](https://developer.mozilla.org/docs/Web/HTML/Element/input#client-side_validation)\nfor more information."
|
|
513
|
+
},
|
|
514
|
+
{
|
|
515
|
+
"name": "multiple",
|
|
516
|
+
"description": "Specifies if multiple comma-separated email addresses can be entered. Only\nvalid for `email` inputs."
|
|
517
|
+
},
|
|
518
|
+
{
|
|
519
|
+
"name": "name",
|
|
520
|
+
"description": "The name of the control, which is submitted with the form data. An\nincrementing input ID is used by default."
|
|
521
|
+
},
|
|
522
|
+
{
|
|
523
|
+
"name": "pattern",
|
|
524
|
+
"description": "Defines a regular expression that the input's `value` must match in order\nfor the value to pass\n[constraint validation](https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation).\nIt must be a valid JavaScript regular expression, as used by the\n[`RegExp`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/RegExp)\ntype, and as documented in MDN's\n[guide on regular expressions](https://developer.mozilla.org/docs/Web/JavaScript/Guide/Regular_Expressions);\nthe `'u'` flag is specified when compiling the regular expression, so that\nthe pattern is treated as a sequence of Unicode code points, instead of as\nASCII. No forward slashes should be specified around the pattern text.\nOnly valid for `email`, `password`, `search`, `tel`, `text`, and `url`\ninputs.\n\nIf the `pattern` is invalid, no regular expression is applied and this\nproperty is ignored. If the pattern is valid and a non-empty value does\nnot match the pattern, constraint validation will prevent form submission."
|
|
525
|
+
},
|
|
526
|
+
{
|
|
527
|
+
"name": "placeholder",
|
|
528
|
+
"description": "Text that appears in the input when it has no value set. Only valid for\n`email`, `number`, `password`, `search`, `tel`, `text`, and `url` inputs."
|
|
529
|
+
},
|
|
530
|
+
{
|
|
531
|
+
"name": "readonly",
|
|
532
|
+
"description": "The value of the input cannot be edited. Not valid for `color` inputs."
|
|
533
|
+
},
|
|
534
|
+
{
|
|
535
|
+
"name": "required",
|
|
536
|
+
"description": "A value must be specified for the input before the owning form can be\nsubmitted. Not valid for `color` inputs.\n\nSee\n[Client-side validation](https://developer.mozilla.org/docs/Web/HTML/Element/input#client-side_validation)\nand the\n[HTML attribute: `required`](https://developer.mozilla.org/docs/Web/HTML/Attributes/required)\nfor more information."
|
|
537
|
+
},
|
|
538
|
+
{
|
|
539
|
+
"name": "size",
|
|
540
|
+
"description": "The input's size.\n\n> **_NOTE:_** The native\n[`size` HTML attribute](https://developer.mozilla.org/docs/Web/HTML/Attributes/size)\nis not supported. CSS `width` should be used instead if this functionality\nis needed.",
|
|
541
|
+
"values": [
|
|
542
|
+
{
|
|
543
|
+
"name": "large"
|
|
544
|
+
},
|
|
545
|
+
{
|
|
546
|
+
"name": "small"
|
|
547
|
+
},
|
|
548
|
+
{
|
|
549
|
+
"name": "standard"
|
|
550
|
+
}
|
|
551
|
+
]
|
|
552
|
+
},
|
|
553
|
+
{
|
|
554
|
+
"name": "spellcheck",
|
|
555
|
+
"description": "Defines whether the input may be checked for spelling errors."
|
|
556
|
+
},
|
|
557
|
+
{
|
|
558
|
+
"name": "step",
|
|
559
|
+
"description": "Specifies the granularity that the `value` must adhere to. Only valid for\n`date`, `datetime-local`, `month`, `number`, `time`, and `week` inputs.\n\nThe value must be a positive number—integer or float—or the special value\n`any`, which means no stepping is implied, and any value is allowed\n(barring other constraints, such as `min` and `max`).\n\nIf `any` is not explicitly set, valid values for the `number` are the\nbasis for stepping — the `min` value and increments of the step value, up\nto the `max` value, if specified.",
|
|
560
|
+
"values": [
|
|
561
|
+
{
|
|
562
|
+
"name": "any"
|
|
563
|
+
}
|
|
564
|
+
]
|
|
565
|
+
},
|
|
566
|
+
{
|
|
567
|
+
"name": "type",
|
|
568
|
+
"description": "The type of input to render:\n\n- `\"date\"`: An input for entering a date (year, month, and day, with no\ntime). Opens a date picker or numeric wheels for year, month, day when\nactive in supporting browsers.\n- `\"datetime-local\"`: An input for entering a date and time, with no time\nzone. Opens a date picker or numeric wheels for date and time components\nwhen active in supporting browsers.\n- `\"email\"`: An input for editing an email address. Looks like a `\"text\"`\ninput, but has validation parameters and relevant keyboard in supporting\nbrowsers and devices with dynamic keyboards.\n- `\"month\"`: An input for entering a month and year, with no time zone.\n- `\"number\"`: An input for entering a number. Displays a spinner and adds\ndefault validation when supported. Displays a numeric keypad in some\ndevices with dynamic keypads.\n- `\"password\"`: A single-line text input whose value is obscured. Will\nalert user if site is not secure.\n- `\"search\"`: A single-line text input for entering search strings.\nLine-breaks are automatically removed from the input value. May include a\ndelete icon in supporting browsers that can be used to clear the input.\nDisplays a search icon instead of enter key on some devices with dynamic\nkeypads.\n- `\"tel\"`: An input for entering a telephone number. Displays a telephone\nkeypad in some devices with dynamic keypads.\n- `\"text\"`: A single-line text input. Line-breaks are automatically\nremoved from the input value.\n- `\"time\"`: An input for entering a time value with no time zone.\n- `\"url\"`: An input for entering a URL. Looks like a `\"text\"` input, but\nhas validation parameters and relevant keyboard in supporting browsers and\ndevices with dynamic keyboards.\n- `\"week\"`: An input for entering a date consisting of a week-year number\nand a week number with no time zone.",
|
|
569
|
+
"values": [
|
|
570
|
+
{
|
|
571
|
+
"name": "color"
|
|
572
|
+
},
|
|
573
|
+
{
|
|
574
|
+
"name": "date"
|
|
575
|
+
},
|
|
576
|
+
{
|
|
577
|
+
"name": "datetime-local"
|
|
578
|
+
},
|
|
579
|
+
{
|
|
580
|
+
"name": "email"
|
|
581
|
+
},
|
|
582
|
+
{
|
|
583
|
+
"name": "month"
|
|
584
|
+
},
|
|
585
|
+
{
|
|
586
|
+
"name": "number"
|
|
587
|
+
},
|
|
588
|
+
{
|
|
589
|
+
"name": "password"
|
|
590
|
+
},
|
|
591
|
+
{
|
|
592
|
+
"name": "search"
|
|
593
|
+
},
|
|
594
|
+
{
|
|
595
|
+
"name": "tel"
|
|
596
|
+
},
|
|
597
|
+
{
|
|
598
|
+
"name": "text"
|
|
599
|
+
},
|
|
600
|
+
{
|
|
601
|
+
"name": "time"
|
|
602
|
+
},
|
|
603
|
+
{
|
|
604
|
+
"name": "url"
|
|
605
|
+
},
|
|
606
|
+
{
|
|
607
|
+
"name": "week"
|
|
608
|
+
}
|
|
609
|
+
]
|
|
610
|
+
},
|
|
611
|
+
{
|
|
612
|
+
"name": "value",
|
|
613
|
+
"description": "The value of the input."
|
|
614
|
+
}
|
|
615
|
+
]
|
|
616
|
+
},
|
|
617
|
+
{
|
|
618
|
+
"name": "qds-label",
|
|
619
|
+
"description": {
|
|
620
|
+
"kind": "markdown",
|
|
621
|
+
"value": "`<qds-label>` elements represent a caption for an item in a user interface."
|
|
622
|
+
},
|
|
623
|
+
"attributes": [
|
|
624
|
+
{
|
|
625
|
+
"name": "inline",
|
|
626
|
+
"description": "Adds vertical margin to the label for alignment.\n\nThis is useful when creating inline layouts so that the first lines have\nthe correct vertical centering."
|
|
627
|
+
},
|
|
628
|
+
{
|
|
629
|
+
"name": "required",
|
|
630
|
+
"description": "Specify the labelled item as required by appending a red asterisk (*)."
|
|
631
|
+
},
|
|
632
|
+
{
|
|
633
|
+
"name": "size",
|
|
634
|
+
"description": "The label's size.",
|
|
635
|
+
"values": [
|
|
636
|
+
{
|
|
637
|
+
"name": "large"
|
|
638
|
+
},
|
|
639
|
+
{
|
|
640
|
+
"name": "small"
|
|
641
|
+
},
|
|
642
|
+
{
|
|
643
|
+
"name": "standard"
|
|
644
|
+
}
|
|
645
|
+
]
|
|
646
|
+
},
|
|
647
|
+
{
|
|
648
|
+
"name": "text",
|
|
649
|
+
"description": "The label's text."
|
|
650
|
+
}
|
|
651
|
+
]
|
|
652
|
+
},
|
|
653
|
+
{
|
|
654
|
+
"name": "qds-radio",
|
|
655
|
+
"description": {
|
|
656
|
+
"kind": "markdown",
|
|
657
|
+
"value": "`<qds-radio>` elements are rendered as circles that are filled when\nselected. They are generally used in **radio groups** — collections of radio\nbuttons describing a set of related options.\n\nOnly one radio button in a given radio group can be selected at the same\ntime."
|
|
658
|
+
},
|
|
659
|
+
"attributes": [
|
|
660
|
+
{
|
|
661
|
+
"name": "checked",
|
|
662
|
+
"description": "Sets the radio button's state."
|
|
663
|
+
},
|
|
664
|
+
{
|
|
665
|
+
"name": "disabled",
|
|
666
|
+
"description": "Prevents the radio button from being interacted with: it cannot be pressed\nor focused."
|
|
667
|
+
},
|
|
668
|
+
{
|
|
669
|
+
"name": "form",
|
|
670
|
+
"description": "The [`<form>`](https://developer.mozilla.org/docs/Web/HTML/Element/form)\nelement to associate the radio button with (its form owner).\n\nThe value of this property must be the id of a `<form>` in the same\ndocument. If this property is not set, the `<qds-radio>` is associated\nwith its ancestor `<form>` element, if any.\n\nThis property lets you associate `<qds-radio>` elements to `<form>`s\nanywhere in the document, not just inside a `<form>`. It can also override\nan ancestor `<form>` element."
|
|
671
|
+
},
|
|
672
|
+
{
|
|
673
|
+
"name": "inline",
|
|
674
|
+
"description": "Adds vertical margin to the radio for alignment.\n\nThis is useful when creating inline layouts so that the first lines have\nthe correct vertical centering."
|
|
675
|
+
},
|
|
676
|
+
{
|
|
677
|
+
"name": "name",
|
|
678
|
+
"description": "Specify the radio group this radio button belongs to.\n\nOnce a radio group is established, selecting any radio button in that\ngroup automatically deselects any currently-selected radio button in the\nsame group."
|
|
679
|
+
},
|
|
680
|
+
{
|
|
681
|
+
"name": "required",
|
|
682
|
+
"description": "Specify the group the radio button belongs to as required.\n\nIf any radio button in a same-named group of radio buttons has the\n`required` attribute, a radio button in that group must be checked,\nalthough it doesn't have to be the one with the attribute applied."
|
|
683
|
+
},
|
|
684
|
+
{
|
|
685
|
+
"name": "size",
|
|
686
|
+
"description": "The radio button's size.",
|
|
687
|
+
"values": [
|
|
688
|
+
{
|
|
689
|
+
"name": "large"
|
|
690
|
+
},
|
|
691
|
+
{
|
|
692
|
+
"name": "small"
|
|
693
|
+
},
|
|
694
|
+
{
|
|
695
|
+
"name": "standard"
|
|
696
|
+
}
|
|
697
|
+
]
|
|
698
|
+
},
|
|
699
|
+
{
|
|
700
|
+
"name": "text",
|
|
701
|
+
"description": "The radio button's text."
|
|
702
|
+
},
|
|
703
|
+
{
|
|
704
|
+
"name": "value",
|
|
705
|
+
"description": "The value of the radio button, submitted as a name/value pair with form\ndata."
|
|
706
|
+
}
|
|
707
|
+
]
|
|
708
|
+
},
|
|
709
|
+
{
|
|
710
|
+
"name": "qds-switch",
|
|
711
|
+
"description": {
|
|
712
|
+
"kind": "markdown",
|
|
713
|
+
"value": "<!--\nSPDX-FileCopyrightText: © 2023 Schneider Electric\n\nSPDX-License-Identifier: LGPL-2.1-only\n-->"
|
|
714
|
+
},
|
|
715
|
+
"attributes": [
|
|
716
|
+
{
|
|
717
|
+
"name": "autofocus",
|
|
718
|
+
"description": "Specify whether the switch should have focus when the page loads."
|
|
719
|
+
},
|
|
720
|
+
{
|
|
721
|
+
"name": "checked",
|
|
722
|
+
"description": "Sets the switch's state."
|
|
723
|
+
},
|
|
724
|
+
{
|
|
725
|
+
"name": "disabled",
|
|
726
|
+
"description": "Prevents the switch from being interacted with: it cannot be pressed or\nfocused."
|
|
727
|
+
},
|
|
728
|
+
{
|
|
729
|
+
"name": "form",
|
|
730
|
+
"description": "The [`<form>`](https://developer.mozilla.org/docs/Web/HTML/Element/form)\nelement to associate the switch with (its form owner).\n\nThe value of this property must be the id of a `<form>` in the same\ndocument. If this property is not set, the `<qds-switch>` is associated\nwith its ancestor `<form>` element, if any.\n\nThis property lets you associate `<qds-switch>` elements to `<form>`s\nanywhere in the document, not just inside a `<form>`. It can also override\nan ancestor `<form>` element."
|
|
731
|
+
},
|
|
732
|
+
{
|
|
733
|
+
"name": "icon-checked-library",
|
|
734
|
+
"description": "The name of a registered checked icon library."
|
|
735
|
+
},
|
|
736
|
+
{
|
|
737
|
+
"name": "icon-checked-name",
|
|
738
|
+
"description": "The name of the checked icon to render.\n\nAvailable names depend on the icon library being used."
|
|
739
|
+
},
|
|
740
|
+
{
|
|
741
|
+
"name": "icon-unchecked-library",
|
|
742
|
+
"description": "The name of a registered unchecked icon library."
|
|
743
|
+
},
|
|
744
|
+
{
|
|
745
|
+
"name": "icon-unchecked-name",
|
|
746
|
+
"description": "The name of the unchecked icon to render.\n\nAvailable names depend on the icon library being used."
|
|
747
|
+
},
|
|
748
|
+
{
|
|
749
|
+
"name": "inline",
|
|
750
|
+
"description": "Adds vertical margin to the switch for alignment.\n\nThis is useful when creating inline layouts so that the first lines have\nthe correct vertical centering."
|
|
751
|
+
},
|
|
752
|
+
{
|
|
753
|
+
"name": "name",
|
|
754
|
+
"description": "The name of the switch, which is submitted with the form data. An\nincrementing ID is used by default."
|
|
755
|
+
},
|
|
756
|
+
{
|
|
757
|
+
"name": "size",
|
|
758
|
+
"description": "The switches's size.",
|
|
759
|
+
"values": [
|
|
760
|
+
{
|
|
761
|
+
"name": "large"
|
|
762
|
+
},
|
|
763
|
+
{
|
|
764
|
+
"name": "small"
|
|
765
|
+
},
|
|
766
|
+
{
|
|
767
|
+
"name": "standard"
|
|
768
|
+
}
|
|
769
|
+
]
|
|
770
|
+
},
|
|
771
|
+
{
|
|
772
|
+
"name": "text-checked",
|
|
773
|
+
"description": "The switch's checked text."
|
|
774
|
+
},
|
|
775
|
+
{
|
|
776
|
+
"name": "text-unchecked",
|
|
777
|
+
"description": "The switch's unchecked text."
|
|
778
|
+
},
|
|
779
|
+
{
|
|
780
|
+
"name": "value",
|
|
781
|
+
"description": "The value of the switch, submitted as a name/value pair with form data."
|
|
782
|
+
}
|
|
783
|
+
]
|
|
784
|
+
},
|
|
785
|
+
{
|
|
786
|
+
"name": "qds-title",
|
|
787
|
+
"description": {
|
|
788
|
+
"kind": "markdown",
|
|
789
|
+
"value": "<!--\nSPDX-FileCopyrightText: © 2023 Schneider Electric\n\nSPDX-License-Identifier: LGPL-2.1-only\n-->"
|
|
790
|
+
},
|
|
791
|
+
"attributes": [
|
|
792
|
+
{
|
|
793
|
+
"name": "icon-library",
|
|
794
|
+
"description": "The name of a registered icon library."
|
|
795
|
+
},
|
|
796
|
+
{
|
|
797
|
+
"name": "icon-name",
|
|
798
|
+
"description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
|
|
799
|
+
},
|
|
800
|
+
{
|
|
801
|
+
"name": "kicker",
|
|
802
|
+
"description": "Text to display for the kicker."
|
|
803
|
+
},
|
|
804
|
+
{
|
|
805
|
+
"name": "layer",
|
|
806
|
+
"description": "",
|
|
807
|
+
"values": [
|
|
808
|
+
{
|
|
809
|
+
"name": "accessory"
|
|
810
|
+
},
|
|
811
|
+
{
|
|
812
|
+
"name": "main"
|
|
813
|
+
},
|
|
814
|
+
{
|
|
815
|
+
"name": "navigation"
|
|
816
|
+
},
|
|
817
|
+
{
|
|
818
|
+
"name": "panel"
|
|
819
|
+
},
|
|
820
|
+
{
|
|
821
|
+
"name": "popup"
|
|
822
|
+
}
|
|
823
|
+
]
|
|
824
|
+
},
|
|
825
|
+
{
|
|
826
|
+
"name": "level",
|
|
827
|
+
"description": "",
|
|
828
|
+
"values": [
|
|
829
|
+
{
|
|
830
|
+
"name": "section"
|
|
831
|
+
},
|
|
832
|
+
{
|
|
833
|
+
"name": "subsection"
|
|
834
|
+
}
|
|
835
|
+
]
|
|
836
|
+
},
|
|
837
|
+
{
|
|
838
|
+
"name": "subtitle",
|
|
839
|
+
"description": "Text to display for the subtitle."
|
|
840
|
+
},
|
|
841
|
+
{
|
|
842
|
+
"name": "tag",
|
|
843
|
+
"description": "HTML tag to use to render the title.",
|
|
844
|
+
"values": [
|
|
845
|
+
{
|
|
846
|
+
"name": "h1"
|
|
847
|
+
},
|
|
848
|
+
{
|
|
849
|
+
"name": "h2"
|
|
850
|
+
},
|
|
851
|
+
{
|
|
852
|
+
"name": "h3"
|
|
853
|
+
},
|
|
854
|
+
{
|
|
855
|
+
"name": "h4"
|
|
856
|
+
},
|
|
857
|
+
{
|
|
858
|
+
"name": "h5"
|
|
859
|
+
},
|
|
860
|
+
{
|
|
861
|
+
"name": "h6"
|
|
862
|
+
}
|
|
863
|
+
]
|
|
864
|
+
}
|
|
865
|
+
]
|
|
866
|
+
},
|
|
867
|
+
{
|
|
868
|
+
"name": "qds-tooltip",
|
|
869
|
+
"description": {
|
|
870
|
+
"kind": "markdown",
|
|
871
|
+
"value": "<!--\nSPDX-FileCopyrightText: © 2023 Schneider Electric\n\nSPDX-License-Identifier: LGPL-2.1-only\n-->"
|
|
872
|
+
},
|
|
873
|
+
"attributes": [
|
|
874
|
+
{
|
|
875
|
+
"name": "disabled",
|
|
876
|
+
"description": "Prevents the tooltip from being shown by user interaction. The tooltip can\nstill be displayed by calling the `show()` method."
|
|
877
|
+
},
|
|
878
|
+
{
|
|
879
|
+
"name": "no-flip",
|
|
880
|
+
"description": "Disable Floating UI's\n[`flip` middleware](https://floating-ui.com/docs/flip)."
|
|
881
|
+
},
|
|
882
|
+
{
|
|
883
|
+
"name": "no-shift",
|
|
884
|
+
"description": "Disable Floating UI's\n[`shift` middleware](https://floating-ui.com/docs/shift)."
|
|
885
|
+
},
|
|
886
|
+
{
|
|
887
|
+
"name": "placement",
|
|
888
|
+
"description": "Where to place the tooltip relative to the `target`.",
|
|
889
|
+
"values": [
|
|
890
|
+
{
|
|
891
|
+
"name": "bottom"
|
|
892
|
+
},
|
|
893
|
+
{
|
|
894
|
+
"name": "bottom-end"
|
|
895
|
+
},
|
|
896
|
+
{
|
|
897
|
+
"name": "bottom-start"
|
|
898
|
+
},
|
|
899
|
+
{
|
|
900
|
+
"name": "left"
|
|
901
|
+
},
|
|
902
|
+
{
|
|
903
|
+
"name": "left-end"
|
|
904
|
+
},
|
|
905
|
+
{
|
|
906
|
+
"name": "left-start"
|
|
907
|
+
},
|
|
908
|
+
{
|
|
909
|
+
"name": "right"
|
|
910
|
+
},
|
|
911
|
+
{
|
|
912
|
+
"name": "right-end"
|
|
913
|
+
},
|
|
914
|
+
{
|
|
915
|
+
"name": "right-start"
|
|
916
|
+
},
|
|
917
|
+
{
|
|
918
|
+
"name": "top"
|
|
919
|
+
},
|
|
920
|
+
{
|
|
921
|
+
"name": "top-end"
|
|
922
|
+
},
|
|
923
|
+
{
|
|
924
|
+
"name": "top-start"
|
|
925
|
+
}
|
|
926
|
+
]
|
|
927
|
+
},
|
|
928
|
+
{
|
|
929
|
+
"name": "strategy",
|
|
930
|
+
"description": "The CSS position strategy to use.",
|
|
931
|
+
"values": [
|
|
932
|
+
{
|
|
933
|
+
"name": "absolute"
|
|
934
|
+
},
|
|
935
|
+
{
|
|
936
|
+
"name": "fixed"
|
|
937
|
+
}
|
|
938
|
+
]
|
|
939
|
+
},
|
|
940
|
+
{
|
|
941
|
+
"name": "target",
|
|
942
|
+
"description": "The trigger element that will trigger the tooltip. The target specified\ncan be any of the follow:\n\n- A CSS selector string\n- A reference to an\n[`Element`](https://developer.mozilla.org/docs/Web/API/Element) or\n[Virtual Element](https://floating-ui.com/docs/virtual-elements)\n- A function returning a reference to an\n[`Element`](https://developer.mozilla.org/docs/Web/API/Element),\n[Virtual Element](https://floating-ui.com/docs/virtual-elements),\nor a CSS selector string"
|
|
943
|
+
}
|
|
944
|
+
]
|
|
945
|
+
}
|
|
946
|
+
]
|
|
947
|
+
}
|