@quartzds/core 1.0.0-beta.9 → 1.0.0-beta.90
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 +5 -5
- package/components/index.d.ts +48 -0
- package/components/index.js +60 -28
- package/components/index.js.map +1 -1
- package/components/p-2806fee1.js +1887 -0
- package/components/p-2806fee1.js.map +1 -0
- package/components/p-3c48ff53.js +103 -0
- package/components/p-3c48ff53.js.map +1 -0
- package/components/p-688c90f6.js +267 -0
- package/components/p-688c90f6.js.map +1 -0
- package/components/p-8abba29b.js +204 -0
- package/components/p-8abba29b.js.map +1 -0
- package/components/p-a020ece3.js +142 -0
- package/components/p-a020ece3.js.map +1 -0
- package/components/p-a6310886.js +144 -0
- package/components/p-a6310886.js.map +1 -0
- package/components/p-adefd438.js +404 -0
- package/components/p-adefd438.js.map +1 -0
- package/components/p-b4c302d4.js +91 -0
- package/components/p-b4c302d4.js.map +1 -0
- package/components/p-ba880369.js +256 -0
- package/components/p-ba880369.js.map +1 -0
- package/components/p-c80f112a.js +408 -0
- package/components/p-c80f112a.js.map +1 -0
- package/components/p-d107c90c.js +27 -0
- package/components/p-d107c90c.js.map +1 -0
- package/components/p-fac26e20.js +111 -0
- package/components/p-fac26e20.js.map +1 -0
- package/components/{floating-ui.dom.esm.js → p-fdd0abae.js} +468 -416
- package/components/p-fdd0abae.js.map +1 -0
- package/components/p-fed0d11f.js +94 -0
- package/components/p-fed0d11f.js.map +1 -0
- package/components/qds-badge-counter.d.ts +11 -0
- package/components/qds-badge-counter.js +13 -0
- package/components/qds-badge-counter.js.map +1 -0
- package/components/qds-badge-indicator.d.ts +11 -0
- package/components/qds-badge-indicator.js +13 -0
- package/components/qds-badge-indicator.js.map +1 -0
- package/components/qds-breadcrumb-item.d.ts +11 -0
- package/components/qds-breadcrumb-item.js +126 -0
- package/components/qds-breadcrumb-item.js.map +1 -0
- package/components/qds-button.d.ts +2 -2
- package/components/qds-button.js +3 -138
- package/components/qds-button.js.map +1 -1
- package/components/qds-checkbox.d.ts +2 -2
- package/components/qds-checkbox.js +3 -146
- package/components/qds-checkbox.js.map +1 -1
- package/components/qds-chip.d.ts +11 -0
- package/components/qds-chip.js +296 -0
- package/components/qds-chip.js.map +1 -0
- package/components/qds-dialog.d.ts +11 -0
- package/components/qds-dialog.js +126 -0
- package/components/qds-dialog.js.map +1 -0
- package/components/qds-divider.d.ts +2 -2
- package/components/qds-divider.js +3 -39
- package/components/qds-divider.js.map +1 -1
- package/components/qds-dropdown.d.ts +2 -2
- package/components/qds-dropdown.js +273 -239
- package/components/qds-dropdown.js.map +1 -1
- package/components/qds-form-message.d.ts +11 -0
- package/components/qds-form-message.js +112 -0
- package/components/qds-form-message.js.map +1 -0
- package/components/qds-icon.d.ts +2 -2
- package/components/qds-icon.js +3 -3
- package/components/qds-inline-link.d.ts +2 -2
- package/components/qds-inline-link.js +136 -73
- package/components/qds-inline-link.js.map +1 -1
- package/components/qds-input.d.ts +2 -2
- package/components/qds-input.js +489 -230
- package/components/qds-input.js.map +1 -1
- package/components/qds-label.d.ts +2 -2
- package/components/qds-label.js +3 -3
- package/components/qds-list-item.d.ts +11 -0
- package/components/qds-list-item.js +212 -0
- package/components/qds-list-item.js.map +1 -0
- package/components/qds-loader.d.ts +11 -0
- package/components/qds-loader.js +113 -0
- package/components/qds-loader.js.map +1 -0
- package/components/qds-nav-list-item.d.ts +11 -0
- package/components/qds-nav-list-item.js +162 -0
- package/components/qds-nav-list-item.js.map +1 -0
- package/components/qds-progress-bar.d.ts +11 -0
- package/components/qds-progress-bar.js +153 -0
- package/components/qds-progress-bar.js.map +1 -0
- package/components/qds-radio.d.ts +2 -2
- package/components/qds-radio.js +147 -93
- package/components/qds-radio.js.map +1 -1
- package/components/qds-select.d.ts +11 -0
- package/components/qds-select.js +361 -0
- package/components/qds-select.js.map +1 -0
- package/components/qds-standalone-link.d.ts +11 -0
- package/components/qds-standalone-link.js +174 -0
- package/components/qds-standalone-link.js.map +1 -0
- package/components/qds-switch.d.ts +2 -2
- package/components/qds-switch.js +221 -105
- package/components/qds-switch.js.map +1 -1
- package/components/qds-tab.d.ts +11 -0
- package/components/qds-tab.js +379 -0
- package/components/qds-tab.js.map +1 -0
- package/components/qds-tabbar.d.ts +11 -0
- package/components/qds-tabbar.js +407 -0
- package/components/qds-tabbar.js.map +1 -0
- package/components/qds-table-body.d.ts +11 -0
- package/components/qds-table-body.js +68 -0
- package/components/qds-table-body.js.map +1 -0
- package/components/qds-table-cell.d.ts +11 -0
- package/components/qds-table-cell.js +71 -0
- package/components/qds-table-cell.js.map +1 -0
- package/components/qds-table-head-cell.d.ts +11 -0
- package/components/qds-table-head-cell.js +73 -0
- package/components/qds-table-head-cell.js.map +1 -0
- package/components/qds-table-head.d.ts +11 -0
- package/components/qds-table-head.js +68 -0
- package/components/qds-table-head.js.map +1 -0
- package/components/qds-table-row.d.ts +11 -0
- package/components/qds-table-row.js +68 -0
- package/components/qds-table-row.js.map +1 -0
- package/components/qds-table.d.ts +11 -0
- package/components/qds-table.js +68 -0
- package/components/qds-table.js.map +1 -0
- package/components/qds-tag.d.ts +11 -0
- package/components/qds-tag.js +13 -0
- package/components/qds-tag.js.map +1 -0
- package/components/qds-textarea.d.ts +2 -2
- package/components/qds-textarea.js +331 -193
- package/components/qds-textarea.js.map +1 -1
- package/components/qds-title.d.ts +2 -2
- package/components/qds-title.js +3 -84
- package/components/qds-title.js.map +1 -1
- package/components/qds-tooltip.d.ts +2 -2
- package/components/qds-tooltip.js +3 -315
- package/components/qds-tooltip.js.map +1 -1
- package/dist/cjs/app-globals-c4cf08df.js +12 -0
- package/dist/cjs/app-globals-c4cf08df.js.map +1 -0
- package/dist/cjs/controls-ee3d2ec8.js +31 -0
- package/dist/cjs/controls-ee3d2ec8.js.map +1 -0
- package/dist/cjs/{floating-ui.dom.esm-71fa96af.js → floating-ui.dom.esm-19b2b933.js} +468 -416
- package/dist/cjs/floating-ui.dom.esm-19b2b933.js.map +1 -0
- package/dist/cjs/helpers-10154521.js +217 -0
- package/dist/cjs/helpers-10154521.js.map +1 -0
- package/dist/cjs/index-523dd2e0.js +2149 -0
- package/dist/cjs/index-523dd2e0.js.map +1 -0
- package/dist/cjs/index.cjs.js +39 -27
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/cjs/library-41b19b9e.js +117 -0
- package/dist/cjs/library-41b19b9e.js.map +1 -0
- package/dist/cjs/loader.cjs.js +8 -6
- package/dist/cjs/loader.cjs.js.map +1 -1
- package/dist/cjs/qds-badge-counter_2.cjs.entry.js +151 -0
- package/dist/cjs/qds-badge-counter_2.cjs.entry.js.map +1 -0
- package/dist/cjs/qds-breadcrumb-item.cjs.entry.js +96 -0
- package/dist/cjs/qds-breadcrumb-item.cjs.entry.js.map +1 -0
- package/dist/cjs/qds-button.cjs.entry.js +321 -90
- package/dist/cjs/qds-button.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-checkbox.cjs.entry.js +207 -99
- package/dist/cjs/qds-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-chip.cjs.entry.js +256 -0
- package/dist/cjs/qds-chip.cjs.entry.js.map +1 -0
- package/dist/cjs/qds-dialog.cjs.entry.js +108 -0
- package/dist/cjs/qds-dialog.cjs.entry.js.map +1 -0
- package/dist/cjs/qds-divider.cjs.entry.js +60 -18
- package/dist/cjs/qds-divider.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-dropdown.cjs.entry.js +232 -206
- package/dist/cjs/qds-dropdown.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-form-message.cjs.entry.js +86 -0
- package/dist/cjs/qds-form-message.cjs.entry.js.map +1 -0
- package/dist/cjs/qds-icon.cjs.entry.js +113 -90
- package/dist/cjs/qds-icon.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-inline-link.cjs.entry.js +99 -46
- package/dist/cjs/qds-inline-link.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-input.cjs.entry.js +404 -185
- package/dist/cjs/qds-input.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-label.cjs.entry.js +102 -24
- package/dist/cjs/qds-label.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-list-item.cjs.entry.js +157 -0
- package/dist/cjs/qds-list-item.cjs.entry.js.map +1 -0
- package/dist/cjs/qds-loader.cjs.entry.js +94 -0
- package/dist/cjs/qds-loader.cjs.entry.js.map +1 -0
- package/dist/cjs/qds-nav-list-item.cjs.entry.js +124 -0
- package/dist/cjs/qds-nav-list-item.cjs.entry.js.map +1 -0
- package/dist/cjs/qds-progress-bar.cjs.entry.js +135 -0
- package/dist/cjs/qds-progress-bar.cjs.entry.js.map +1 -0
- package/dist/cjs/qds-radio.cjs.entry.js +102 -57
- package/dist/cjs/qds-radio.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-select.cjs.entry.js +323 -0
- package/dist/cjs/qds-select.cjs.entry.js.map +1 -0
- package/dist/cjs/qds-standalone-link.cjs.entry.js +134 -0
- package/dist/cjs/qds-standalone-link.cjs.entry.js.map +1 -0
- package/dist/cjs/qds-switch.cjs.entry.js +193 -64
- package/dist/cjs/qds-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-tab.cjs.entry.js +299 -0
- package/dist/cjs/qds-tab.cjs.entry.js.map +1 -0
- package/dist/cjs/qds-tabbar.cjs.entry.js +349 -0
- package/dist/cjs/qds-tabbar.cjs.entry.js.map +1 -0
- package/dist/cjs/qds-table-body.cjs.entry.js +54 -0
- package/dist/cjs/qds-table-body.cjs.entry.js.map +1 -0
- package/dist/cjs/qds-table-cell.cjs.entry.js +54 -0
- package/dist/cjs/qds-table-cell.cjs.entry.js.map +1 -0
- package/dist/cjs/qds-table-head-cell.cjs.entry.js +54 -0
- package/dist/cjs/qds-table-head-cell.cjs.entry.js.map +1 -0
- package/dist/cjs/qds-table-head.cjs.entry.js +54 -0
- package/dist/cjs/qds-table-head.cjs.entry.js.map +1 -0
- package/dist/cjs/qds-table-row.cjs.entry.js +54 -0
- package/dist/cjs/qds-table-row.cjs.entry.js.map +1 -0
- package/dist/cjs/qds-table.cjs.entry.js +54 -0
- package/dist/cjs/qds-table.cjs.entry.js.map +1 -0
- package/dist/cjs/qds-tag_2.cjs.entry.js +181 -0
- package/dist/cjs/qds-tag_2.cjs.entry.js.map +1 -0
- package/dist/cjs/qds-textarea.cjs.entry.js +288 -153
- package/dist/cjs/qds-textarea.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-tooltip.cjs.entry.js +332 -260
- package/dist/cjs/qds-tooltip.cjs.entry.js.map +1 -1
- package/dist/cjs/qds.cjs.js +15 -13
- package/dist/cjs/qds.cjs.js.map +1 -1
- package/dist/custom-elements.json +8707 -2149
- package/dist/docs.d.ts +344 -240
- package/dist/docs.json +9494 -3054
- package/dist/esm/app-globals-8ced3a41.js +10 -0
- package/dist/esm/app-globals-8ced3a41.js.map +1 -0
- package/dist/esm/controls-a4768aaf.js +27 -0
- package/dist/esm/controls-a4768aaf.js.map +1 -0
- package/dist/esm/{floating-ui.dom.esm-f96ac766.js → floating-ui.dom.esm-61986f35.js} +468 -416
- package/dist/esm/floating-ui.dom.esm-61986f35.js.map +1 -0
- package/dist/esm/helpers-2e4ca34d.js +204 -0
- package/dist/esm/helpers-2e4ca34d.js.map +1 -0
- package/dist/esm/index-b1d6acd2.js +2118 -0
- package/dist/esm/index-b1d6acd2.js.map +1 -0
- package/dist/esm/index.js +39 -28
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/library-2e5458af.js +113 -0
- package/dist/esm/library-2e5458af.js.map +1 -0
- package/dist/esm/loader.js +9 -7
- package/dist/esm/loader.js.map +1 -1
- package/dist/esm/qds-badge-counter_2.entry.js +146 -0
- package/dist/esm/qds-badge-counter_2.entry.js.map +1 -0
- package/dist/esm/qds-breadcrumb-item.entry.js +92 -0
- package/dist/esm/qds-breadcrumb-item.entry.js.map +1 -0
- package/dist/esm/qds-button.entry.js +321 -90
- package/dist/esm/qds-button.entry.js.map +1 -1
- package/dist/esm/qds-checkbox.entry.js +207 -99
- package/dist/esm/qds-checkbox.entry.js.map +1 -1
- package/dist/esm/qds-chip.entry.js +252 -0
- package/dist/esm/qds-chip.entry.js.map +1 -0
- package/dist/esm/qds-dialog.entry.js +104 -0
- package/dist/esm/qds-dialog.entry.js.map +1 -0
- package/dist/esm/qds-divider.entry.js +60 -18
- package/dist/esm/qds-divider.entry.js.map +1 -1
- package/dist/esm/qds-dropdown.entry.js +232 -206
- package/dist/esm/qds-dropdown.entry.js.map +1 -1
- package/dist/esm/qds-form-message.entry.js +82 -0
- package/dist/esm/qds-form-message.entry.js.map +1 -0
- package/dist/esm/qds-icon.entry.js +113 -90
- package/dist/esm/qds-icon.entry.js.map +1 -1
- package/dist/esm/qds-inline-link.entry.js +99 -46
- package/dist/esm/qds-inline-link.entry.js.map +1 -1
- package/dist/esm/qds-input.entry.js +404 -185
- package/dist/esm/qds-input.entry.js.map +1 -1
- package/dist/esm/qds-label.entry.js +102 -24
- package/dist/esm/qds-label.entry.js.map +1 -1
- package/dist/esm/qds-list-item.entry.js +153 -0
- package/dist/esm/qds-list-item.entry.js.map +1 -0
- package/dist/esm/qds-loader.entry.js +90 -0
- package/dist/esm/qds-loader.entry.js.map +1 -0
- package/dist/esm/qds-nav-list-item.entry.js +120 -0
- package/dist/esm/qds-nav-list-item.entry.js.map +1 -0
- package/dist/esm/qds-progress-bar.entry.js +131 -0
- package/dist/esm/qds-progress-bar.entry.js.map +1 -0
- package/dist/esm/qds-radio.entry.js +102 -57
- package/dist/esm/qds-radio.entry.js.map +1 -1
- package/dist/esm/qds-select.entry.js +319 -0
- package/dist/esm/qds-select.entry.js.map +1 -0
- package/dist/esm/qds-standalone-link.entry.js +130 -0
- package/dist/esm/qds-standalone-link.entry.js.map +1 -0
- package/dist/esm/qds-switch.entry.js +193 -64
- package/dist/esm/qds-switch.entry.js.map +1 -1
- package/dist/esm/qds-tab.entry.js +295 -0
- package/dist/esm/qds-tab.entry.js.map +1 -0
- package/dist/esm/qds-tabbar.entry.js +345 -0
- package/dist/esm/qds-tabbar.entry.js.map +1 -0
- package/dist/esm/qds-table-body.entry.js +50 -0
- package/dist/esm/qds-table-body.entry.js.map +1 -0
- package/dist/esm/qds-table-cell.entry.js +50 -0
- package/dist/esm/qds-table-cell.entry.js.map +1 -0
- package/dist/esm/qds-table-head-cell.entry.js +50 -0
- package/dist/esm/qds-table-head-cell.entry.js.map +1 -0
- package/dist/esm/qds-table-head.entry.js +50 -0
- package/dist/esm/qds-table-head.entry.js.map +1 -0
- package/dist/esm/qds-table-row.entry.js +50 -0
- package/dist/esm/qds-table-row.entry.js.map +1 -0
- package/dist/esm/qds-table.entry.js +50 -0
- package/dist/esm/qds-table.entry.js.map +1 -0
- package/dist/esm/qds-tag_2.entry.js +176 -0
- package/dist/esm/qds-tag_2.entry.js.map +1 -0
- package/dist/esm/qds-textarea.entry.js +288 -153
- package/dist/esm/qds-textarea.entry.js.map +1 -1
- package/dist/esm/qds-tooltip.entry.js +332 -260
- package/dist/esm/qds-tooltip.entry.js.map +1 -1
- package/dist/esm/qds.js +16 -14
- package/dist/esm/qds.js.map +1 -1
- package/dist/types/components/badge-counter/badge-counter.d.ts +40 -0
- package/dist/types/components/badge-indicator/badge-indicator.d.ts +36 -0
- package/dist/types/components/breadcrumb-item/breadcrumb-item.d.ts +160 -0
- package/dist/types/components/button/button.d.ts +272 -194
- package/dist/types/components/checkbox/checkbox.d.ts +130 -124
- package/dist/types/components/chip/chip.d.ts +109 -0
- package/dist/types/components/controls.d.ts +4 -1
- package/dist/types/components/dialog/dialog.d.ts +35 -0
- package/dist/types/components/divider/divider.d.ts +13 -9
- package/dist/types/components/dropdown/dropdown.d.ts +107 -125
- package/dist/types/components/form-message/form-message.d.ts +42 -0
- package/dist/types/components/icon/icon.d.ts +24 -24
- package/dist/types/components/icon/library.d.ts +3 -3
- package/dist/types/components/icon/request.d.ts +5 -9
- package/dist/types/components/inline-link/inline-link.d.ts +208 -191
- package/dist/types/components/input/input.d.ts +415 -368
- package/dist/types/components/label/label.d.ts +26 -24
- package/dist/types/components/list-item/list-item.d.ts +100 -0
- package/dist/types/components/loader/loader.d.ts +27 -0
- package/dist/types/components/nav-list-item/nav-list-item.d.ts +67 -0
- package/dist/types/components/progress-bar/progress-bar.d.ts +60 -0
- package/dist/types/components/radio/radio.d.ts +90 -95
- package/dist/types/components/select/select.d.ts +203 -0
- package/dist/types/components/shared.d.ts +6 -0
- package/dist/types/components/standalone-link/standalone-link.d.ts +233 -0
- package/dist/types/components/switch/switch.d.ts +114 -107
- package/dist/types/components/tab/tab.d.ts +160 -0
- package/dist/types/components/tabbar/tabbar.d.ts +47 -0
- package/dist/types/components/table/table.d.ts +15 -0
- package/dist/types/components/table-body/table-body.d.ts +15 -0
- package/dist/types/components/table-cell/table-cell.d.ts +32 -0
- package/dist/types/components/table-head/table-head.d.ts +15 -0
- package/dist/types/components/table-head-cell/table-head-cell.d.ts +56 -0
- package/dist/types/components/table-row/table-row.d.ts +15 -0
- package/dist/types/components/tag/tag.d.ts +55 -0
- package/dist/types/components/textarea/textarea.d.ts +285 -300
- package/dist/types/components/title/title.d.ts +39 -32
- package/dist/types/components/tooltip/tooltip.d.ts +123 -137
- package/dist/types/components.d.ts +3928 -820
- package/dist/types/helpers.d.ts +15 -16
- package/dist/types/index.d.ts +2 -1
- package/dist/types/interface-overrides.d.ts +211 -0
- package/dist/types/qds-test.d.ts +22 -11
- package/dist/types/stencil-public-runtime.d.ts +55 -15
- package/dist/types/utils.d.ts +11 -4
- package/dist/vscode.html-custom-data.json +1523 -209
- package/hydrate/index.d.ts +59 -18
- package/hydrate/index.js +25682 -8977
- package/hydrate/index.mjs +26622 -0
- package/hydrate/package.json +7 -1
- package/loader/cdn.js +3 -4
- package/loader/index.cjs.js +3 -4
- package/loader/index.d.ts +4 -1
- package/loader/index.es2017.js +3 -4
- package/loader/index.js +3 -4
- package/package.json +53 -89
- package/styles/core.css +137 -14
- package/components/floating-ui.dom.esm.js.map +0 -1
- package/components/helpers.js +0 -175
- package/components/helpers.js.map +0 -1
- package/components/icon.js +0 -175
- package/components/icon.js.map +0 -1
- package/components/label.js +0 -55
- package/components/label.js.map +0 -1
- package/dist/cjs/floating-ui.dom.esm-71fa96af.js.map +0 -1
- package/dist/cjs/helpers-452256e8.js +0 -185
- package/dist/cjs/helpers-452256e8.js.map +0 -1
- package/dist/cjs/index-d181f952.js +0 -2039
- package/dist/cjs/index-d181f952.js.map +0 -1
- package/dist/cjs/library-0a619eeb.js +0 -62
- package/dist/cjs/library-0a619eeb.js.map +0 -1
- package/dist/cjs/qds-title.cjs.entry.js +0 -66
- package/dist/cjs/qds-title.cjs.entry.js.map +0 -1
- package/dist/esm/floating-ui.dom.esm-f96ac766.js.map +0 -1
- package/dist/esm/helpers-76b84f45.js +0 -175
- package/dist/esm/helpers-76b84f45.js.map +0 -1
- package/dist/esm/index-d7183092.js +0 -2009
- package/dist/esm/index-d7183092.js.map +0 -1
- package/dist/esm/library-021aca11.js +0 -58
- package/dist/esm/library-021aca11.js.map +0 -1
- package/dist/esm/polyfills/core-js.js +0 -11
- package/dist/esm/polyfills/dom.js +0 -79
- package/dist/esm/polyfills/es5-html-element.js +0 -1
- package/dist/esm/polyfills/index.js +0 -34
- package/dist/esm/polyfills/system.js +0 -6
- package/dist/esm/qds-title.entry.js +0 -62
- package/dist/esm/qds-title.entry.js.map +0 -1
- package/dist/types/components/create-story.d.ts +0 -5
|
@@ -1,6 +1,195 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 1.1,
|
|
3
3
|
"tags": [
|
|
4
|
+
{
|
|
5
|
+
"name": "qds-badge-counter",
|
|
6
|
+
"description": {
|
|
7
|
+
"kind": "markdown",
|
|
8
|
+
"value": "The `<qds-badge-counter>` element is a small, rounded UI element used to\ndisplay numerical values or counts. It is designed to draw the user's eye to\nimportant or dynamic content by providing a visual cue that a countable\nevent or item has occurred or is waiting to be addressed."
|
|
9
|
+
},
|
|
10
|
+
"attributes": [
|
|
11
|
+
{
|
|
12
|
+
"name": "description",
|
|
13
|
+
"description": "Adds accessible text to the qds-badge-counter that will be used by screen\nreaders."
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
"name": "importance",
|
|
17
|
+
"description": "The badge counter's importance.",
|
|
18
|
+
"values": [
|
|
19
|
+
{
|
|
20
|
+
"name": "destructive"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"name": "emphasized"
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
"name": "standard"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"name": "subdued"
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"name": "subdued-destructive"
|
|
33
|
+
}
|
|
34
|
+
]
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"name": "size",
|
|
38
|
+
"description": "The badge counter's size.",
|
|
39
|
+
"values": [
|
|
40
|
+
{
|
|
41
|
+
"name": "hero"
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"name": "large"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"name": "small"
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"name": "standard"
|
|
51
|
+
}
|
|
52
|
+
]
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
"name": "stroke-ring",
|
|
56
|
+
"description": "Shows a stroke ring around the component for better visibility"
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"name": "value",
|
|
60
|
+
"description": "The badge-counter's value."
|
|
61
|
+
}
|
|
62
|
+
]
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"name": "qds-badge-indicator",
|
|
66
|
+
"description": {
|
|
67
|
+
"kind": "markdown",
|
|
68
|
+
"value": "The `<qds-badge-indicator>` element is a small, rounded UI element used to\ndisplay status indicators. It is designed to draw the user's eye to\nimportant or dynamic content by providing a visual cue that an event has\noccurred or is waiting to be addressed."
|
|
69
|
+
},
|
|
70
|
+
"attributes": [
|
|
71
|
+
{
|
|
72
|
+
"name": "description",
|
|
73
|
+
"description": "Adds accessible text to the qds-badge-indicator that will be used by\nscreen readers."
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
"name": "size",
|
|
77
|
+
"description": "The badge indicator's size.",
|
|
78
|
+
"values": [
|
|
79
|
+
{
|
|
80
|
+
"name": "hero"
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"name": "large"
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"name": "small"
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
"name": "standard"
|
|
90
|
+
}
|
|
91
|
+
]
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
"name": "status",
|
|
95
|
+
"description": "The badge indicator's status.",
|
|
96
|
+
"values": [
|
|
97
|
+
{
|
|
98
|
+
"name": "error"
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
"name": "info"
|
|
102
|
+
},
|
|
103
|
+
{
|
|
104
|
+
"name": "neutral"
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
"name": "success"
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
"name": "warning"
|
|
111
|
+
}
|
|
112
|
+
]
|
|
113
|
+
},
|
|
114
|
+
{
|
|
115
|
+
"name": "stroke-ring",
|
|
116
|
+
"description": "Shows a stroke ring around the badge indicator for better visibility."
|
|
117
|
+
}
|
|
118
|
+
]
|
|
119
|
+
},
|
|
120
|
+
{
|
|
121
|
+
"name": "qds-breadcrumb-item",
|
|
122
|
+
"description": {
|
|
123
|
+
"kind": "markdown",
|
|
124
|
+
"value": "The `<qds-breadcrumb-item>` element is used as a navigational aid that is\ntypically placed between a site's header and the main content, displaying\neither a hierarchy of the current page in relation to the site's structure,\nfrom top level to current page, or a list of the links the user followed to\nget to the current page, in the order visited."
|
|
125
|
+
},
|
|
126
|
+
"attributes": [
|
|
127
|
+
{
|
|
128
|
+
"name": "href",
|
|
129
|
+
"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- While web browsers may not support other URL schemes, websites can with\n[`registerProtocolHandler()`](https://developer.mozilla.org/docs/Web/API/Navigator/registerProtocolHandler)"
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
"name": "hreflang",
|
|
133
|
+
"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)."
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
"name": "referrerpolicy",
|
|
137
|
+
"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.",
|
|
138
|
+
"values": [
|
|
139
|
+
{
|
|
140
|
+
"name": "no-referrer"
|
|
141
|
+
},
|
|
142
|
+
{
|
|
143
|
+
"name": "no-referrer-when-downgrade"
|
|
144
|
+
},
|
|
145
|
+
{
|
|
146
|
+
"name": "origin"
|
|
147
|
+
},
|
|
148
|
+
{
|
|
149
|
+
"name": "origin-when-cross-origin"
|
|
150
|
+
},
|
|
151
|
+
{
|
|
152
|
+
"name": "same-origin"
|
|
153
|
+
},
|
|
154
|
+
{
|
|
155
|
+
"name": "strict-origin"
|
|
156
|
+
},
|
|
157
|
+
{
|
|
158
|
+
"name": "strict-origin-when-cross-origin"
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
"name": "unsafe-url"
|
|
162
|
+
}
|
|
163
|
+
]
|
|
164
|
+
},
|
|
165
|
+
{
|
|
166
|
+
"name": "rel",
|
|
167
|
+
"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."
|
|
168
|
+
},
|
|
169
|
+
{
|
|
170
|
+
"name": "target",
|
|
171
|
+
"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`.",
|
|
172
|
+
"values": [
|
|
173
|
+
{
|
|
174
|
+
"name": "_blank"
|
|
175
|
+
},
|
|
176
|
+
{
|
|
177
|
+
"name": "_parent"
|
|
178
|
+
},
|
|
179
|
+
{
|
|
180
|
+
"name": "_self"
|
|
181
|
+
},
|
|
182
|
+
{
|
|
183
|
+
"name": "_top"
|
|
184
|
+
}
|
|
185
|
+
]
|
|
186
|
+
},
|
|
187
|
+
{
|
|
188
|
+
"name": "text",
|
|
189
|
+
"description": "The breadcrumb item's text."
|
|
190
|
+
}
|
|
191
|
+
]
|
|
192
|
+
},
|
|
4
193
|
{
|
|
5
194
|
"name": "qds-button",
|
|
6
195
|
"description": {
|
|
@@ -8,6 +197,50 @@
|
|
|
8
197
|
"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
198
|
},
|
|
10
199
|
"attributes": [
|
|
200
|
+
{
|
|
201
|
+
"name": "action",
|
|
202
|
+
"description": "The name of the action icon to render.",
|
|
203
|
+
"values": [
|
|
204
|
+
{
|
|
205
|
+
"name": "dropdown"
|
|
206
|
+
},
|
|
207
|
+
{
|
|
208
|
+
"name": "dropdown-close"
|
|
209
|
+
},
|
|
210
|
+
{
|
|
211
|
+
"name": "next"
|
|
212
|
+
}
|
|
213
|
+
]
|
|
214
|
+
},
|
|
215
|
+
{
|
|
216
|
+
"name": "badge",
|
|
217
|
+
"description": "Displays an indicator if `true` or the empty string. Otherwise, displays a\ncounter badge if a number or string representing a number is used."
|
|
218
|
+
},
|
|
219
|
+
{
|
|
220
|
+
"name": "badge-description",
|
|
221
|
+
"description": "The indicator or counter badge's accessible text that will be used by\nscreen readers."
|
|
222
|
+
},
|
|
223
|
+
{
|
|
224
|
+
"name": "badge-indicator-status",
|
|
225
|
+
"description": "The indicator's status.",
|
|
226
|
+
"values": [
|
|
227
|
+
{
|
|
228
|
+
"name": "error"
|
|
229
|
+
},
|
|
230
|
+
{
|
|
231
|
+
"name": "info"
|
|
232
|
+
},
|
|
233
|
+
{
|
|
234
|
+
"name": "neutral"
|
|
235
|
+
},
|
|
236
|
+
{
|
|
237
|
+
"name": "success"
|
|
238
|
+
},
|
|
239
|
+
{
|
|
240
|
+
"name": "warning"
|
|
241
|
+
}
|
|
242
|
+
]
|
|
243
|
+
},
|
|
11
244
|
{
|
|
12
245
|
"name": "disabled",
|
|
13
246
|
"description": "Prevents the button from being interacted with: it cannot be pressed or\nfocused."
|
|
@@ -18,7 +251,7 @@
|
|
|
18
251
|
},
|
|
19
252
|
{
|
|
20
253
|
"name": "form",
|
|
21
|
-
"description": "The [`<form>`]
|
|
254
|
+
"description": "The [`<form>`][] element 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 `<qds-button>` is associated\nwith its ancestor `<form>` element, if any.\n\nThis attribute lets you associate `<qds-button>` elements to `<form>`s\nanywhere in the document, not just inside a `<form>`. It can also override\nan ancestor `<form>` element.\n\n[`<form>`]: https://developer.mozilla.org/docs/Web/HTML/Element/form"
|
|
22
255
|
},
|
|
23
256
|
{
|
|
24
257
|
"name": "formaction",
|
|
@@ -26,8 +259,11 @@
|
|
|
26
259
|
},
|
|
27
260
|
{
|
|
28
261
|
"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]
|
|
262
|
+
"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][] used to submit the form, or `dialog` which won't submit\nthe 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- `dialog`: Close the dialog box in which the button finds itself, if any,\nand do not submit the button's form owner.\n\nIf specified, this attribute overrides the `method` attribute of the\nbutton's form owner.\n\n[HTTP method]: https://developer.mozilla.org/docs/Web/HTTP/Methods",
|
|
30
263
|
"values": [
|
|
264
|
+
{
|
|
265
|
+
"name": "dialog"
|
|
266
|
+
},
|
|
31
267
|
{
|
|
32
268
|
"name": "get"
|
|
33
269
|
},
|
|
@@ -70,6 +306,10 @@
|
|
|
70
306
|
"name": "icon-name",
|
|
71
307
|
"description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
|
|
72
308
|
},
|
|
309
|
+
{
|
|
310
|
+
"name": "icon-only",
|
|
311
|
+
"description": "Sets if button is icon only."
|
|
312
|
+
},
|
|
73
313
|
{
|
|
74
314
|
"name": "importance",
|
|
75
315
|
"description": "The button's importance.",
|
|
@@ -85,6 +325,9 @@
|
|
|
85
325
|
},
|
|
86
326
|
{
|
|
87
327
|
"name": "subdued"
|
|
328
|
+
},
|
|
329
|
+
{
|
|
330
|
+
"name": "subdued-destructive"
|
|
88
331
|
}
|
|
89
332
|
]
|
|
90
333
|
},
|
|
@@ -92,10 +335,17 @@
|
|
|
92
335
|
"name": "name",
|
|
93
336
|
"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
337
|
},
|
|
338
|
+
{
|
|
339
|
+
"name": "rel",
|
|
340
|
+
"description": "When href is define and the button act as a link (`<a>`), the `rel` will be added to the element."
|
|
341
|
+
},
|
|
95
342
|
{
|
|
96
343
|
"name": "size",
|
|
97
344
|
"description": "The button's size.",
|
|
98
345
|
"values": [
|
|
346
|
+
{
|
|
347
|
+
"name": "hero"
|
|
348
|
+
},
|
|
99
349
|
{
|
|
100
350
|
"name": "large"
|
|
101
351
|
},
|
|
@@ -144,9 +394,17 @@
|
|
|
144
394
|
}
|
|
145
395
|
]
|
|
146
396
|
},
|
|
397
|
+
{
|
|
398
|
+
"name": "validation-message",
|
|
399
|
+
"description": "The error message that would be shown to the user if the `<qds-button>`\nwas to be checked for validity."
|
|
400
|
+
},
|
|
147
401
|
{
|
|
148
402
|
"name": "value",
|
|
149
403
|
"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."
|
|
404
|
+
},
|
|
405
|
+
{
|
|
406
|
+
"name": "will-validate",
|
|
407
|
+
"description": "True if `<qds-button>` will be validated when the form is submitted; false\notherwise."
|
|
150
408
|
}
|
|
151
409
|
]
|
|
152
410
|
},
|
|
@@ -157,10 +415,6 @@
|
|
|
157
415
|
"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
416
|
},
|
|
159
417
|
"attributes": [
|
|
160
|
-
{
|
|
161
|
-
"name": "autofocus",
|
|
162
|
-
"description": "Specify whether the checkbox should have focus when the page loads."
|
|
163
|
-
},
|
|
164
418
|
{
|
|
165
419
|
"name": "checked",
|
|
166
420
|
"description": "Sets the checkbox's state."
|
|
@@ -171,11 +425,11 @@
|
|
|
171
425
|
},
|
|
172
426
|
{
|
|
173
427
|
"name": "form",
|
|
174
|
-
"description": "The [`<form>`]
|
|
428
|
+
"description": "The [`<form>`][] element to associate the checkbox 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-checkbox>` is associated\nwith its ancestor `<form>` element, if any.\n\nThis attribute 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.\n\n[`<form>`]: https://developer.mozilla.org/docs/Web/HTML/Element/form"
|
|
175
429
|
},
|
|
176
430
|
{
|
|
177
431
|
"name": "indeterminate",
|
|
178
|
-
"description": "Sets the checkbox to an indeterminate state. This is usually applied to\ncheckboxes that
|
|
432
|
+
"description": "Sets the checkbox to an indeterminate state. This is usually applied to\ncheckboxes that represent a \"select all/none\" behavior when associated\ncheckboxes have a mix of checked and unchecked states."
|
|
179
433
|
},
|
|
180
434
|
{
|
|
181
435
|
"name": "inline",
|
|
@@ -183,7 +437,7 @@
|
|
|
183
437
|
},
|
|
184
438
|
{
|
|
185
439
|
"name": "name",
|
|
186
|
-
"description": "The name of the checkbox, which is submitted with the form data.
|
|
440
|
+
"description": "The name of the checkbox, which is submitted with the form data."
|
|
187
441
|
},
|
|
188
442
|
{
|
|
189
443
|
"name": "required",
|
|
@@ -208,42 +462,138 @@
|
|
|
208
462
|
"name": "text",
|
|
209
463
|
"description": "The checkbox's text."
|
|
210
464
|
},
|
|
465
|
+
{
|
|
466
|
+
"name": "validation-message",
|
|
467
|
+
"description": "The error message that would be shown to the user if the `<qds-checkbox>`\nwas to be checked for validity."
|
|
468
|
+
},
|
|
211
469
|
{
|
|
212
470
|
"name": "value",
|
|
213
471
|
"description": "The value of the checkbox, submitted as a name/value pair with form data."
|
|
472
|
+
},
|
|
473
|
+
{
|
|
474
|
+
"name": "will-validate",
|
|
475
|
+
"description": "True if `<qds-checkbox>` will be validated when the form is submitted;\nfalse otherwise."
|
|
214
476
|
}
|
|
215
477
|
]
|
|
216
478
|
},
|
|
217
479
|
{
|
|
218
|
-
"name": "qds-
|
|
480
|
+
"name": "qds-chip",
|
|
219
481
|
"description": {
|
|
220
482
|
"kind": "markdown",
|
|
221
|
-
"value": "
|
|
483
|
+
"value": "`<qds-chip>` elements are interactive elements that represent selections.\nChips allow users to make a selection from a list of options or display\nitems like filters or tags."
|
|
222
484
|
},
|
|
223
485
|
"attributes": [
|
|
224
486
|
{
|
|
225
|
-
"name": "
|
|
226
|
-
"description": "
|
|
487
|
+
"name": "checked",
|
|
488
|
+
"description": "Sets the selectable chip's state."
|
|
489
|
+
},
|
|
490
|
+
{
|
|
491
|
+
"name": "disabled",
|
|
492
|
+
"description": "Prevents the chip from being interacted with: it cannot be pressed or\nfocused."
|
|
493
|
+
},
|
|
494
|
+
{
|
|
495
|
+
"name": "form",
|
|
496
|
+
"description": "The [`<form>`](https://developer.mozilla.org/docs/Web/HTML/Element/form)\nelement to associate the chip 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-chip>` is associated\nwith its ancestor `<form>` element, if any.\n\nThis property lets you associate `<qds-chip>` elements to `<form>`s\nanywhere in the document, not just inside a `<form>`. It can also override\nan ancestor `<form>` element."
|
|
497
|
+
},
|
|
498
|
+
{
|
|
499
|
+
"name": "icon-library",
|
|
500
|
+
"description": "The name of a registered icon library."
|
|
501
|
+
},
|
|
502
|
+
{
|
|
503
|
+
"name": "icon-name",
|
|
504
|
+
"description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
|
|
505
|
+
},
|
|
506
|
+
{
|
|
507
|
+
"name": "name",
|
|
508
|
+
"description": "The name of the chip, which is submitted with the form data."
|
|
509
|
+
},
|
|
510
|
+
{
|
|
511
|
+
"name": "size",
|
|
512
|
+
"description": "The chip's size.",
|
|
227
513
|
"values": [
|
|
228
514
|
{
|
|
229
|
-
"name": "
|
|
515
|
+
"name": "large"
|
|
516
|
+
},
|
|
517
|
+
{
|
|
518
|
+
"name": "small"
|
|
230
519
|
},
|
|
231
520
|
{
|
|
232
521
|
"name": "standard"
|
|
233
522
|
}
|
|
234
523
|
]
|
|
524
|
+
},
|
|
525
|
+
{
|
|
526
|
+
"name": "text",
|
|
527
|
+
"description": "The chip's text."
|
|
528
|
+
},
|
|
529
|
+
{
|
|
530
|
+
"name": "type",
|
|
531
|
+
"description": "The chip's type.",
|
|
532
|
+
"values": [
|
|
533
|
+
{
|
|
534
|
+
"name": "closable"
|
|
535
|
+
},
|
|
536
|
+
{
|
|
537
|
+
"name": "selectable"
|
|
538
|
+
}
|
|
539
|
+
]
|
|
540
|
+
},
|
|
541
|
+
{
|
|
542
|
+
"name": "value",
|
|
543
|
+
"description": "The value of the chip, submitted as a name/value pair with form data."
|
|
235
544
|
}
|
|
236
545
|
]
|
|
237
546
|
},
|
|
238
547
|
{
|
|
239
|
-
"name": "qds-
|
|
548
|
+
"name": "qds-dialog",
|
|
240
549
|
"description": {
|
|
241
550
|
"kind": "markdown",
|
|
242
|
-
"value": "
|
|
551
|
+
"value": "The `<qds-dialog>` element represent a dialog box or other interactive\ncomponent, such as a dismissible alert, inspector, or subwindow."
|
|
243
552
|
},
|
|
244
553
|
"attributes": [
|
|
245
554
|
{
|
|
246
|
-
"name": "
|
|
555
|
+
"name": "open",
|
|
556
|
+
"description": "Indicates whether or not the dialog is open. You can toggle this attribute\nto show and hide the dialog, or you can use the `show()` and `close()`\nmethods and this attribute will reflect the dialog’s open state."
|
|
557
|
+
}
|
|
558
|
+
]
|
|
559
|
+
},
|
|
560
|
+
{
|
|
561
|
+
"name": "qds-divider",
|
|
562
|
+
"description": {
|
|
563
|
+
"kind": "markdown",
|
|
564
|
+
"value": "The `<qds-divider>` element a thematic break between paragraph-level\nelements: for example, a change of scene in a story, or a shift of topic\nwithin a section.\n\nDividers can also be used to group menu items in `<qds-dropdown>` elements."
|
|
565
|
+
},
|
|
566
|
+
"attributes": [
|
|
567
|
+
{
|
|
568
|
+
"name": "importance",
|
|
569
|
+
"description": "The divider's importance.",
|
|
570
|
+
"values": [
|
|
571
|
+
{
|
|
572
|
+
"name": "emphasized"
|
|
573
|
+
},
|
|
574
|
+
{
|
|
575
|
+
"name": "standard"
|
|
576
|
+
},
|
|
577
|
+
{
|
|
578
|
+
"name": "subdued"
|
|
579
|
+
}
|
|
580
|
+
]
|
|
581
|
+
},
|
|
582
|
+
{
|
|
583
|
+
"name": "vertical",
|
|
584
|
+
"description": "Display the divider in vertical orientation."
|
|
585
|
+
}
|
|
586
|
+
]
|
|
587
|
+
},
|
|
588
|
+
{
|
|
589
|
+
"name": "qds-dropdown",
|
|
590
|
+
"description": {
|
|
591
|
+
"kind": "markdown",
|
|
592
|
+
"value": "<!--\nSPDX-FileCopyrightText: © 2024 Schneider Electric\n\nSPDX-License-Identifier: Apache-2.0\n-->"
|
|
593
|
+
},
|
|
594
|
+
"attributes": [
|
|
595
|
+
{
|
|
596
|
+
"name": "disabled",
|
|
247
597
|
"description": "Prevents the dropdown from being shown by user interaction. The dropdown\ncan still be displayed by calling the `show()` method."
|
|
248
598
|
},
|
|
249
599
|
{
|
|
@@ -310,7 +660,61 @@
|
|
|
310
660
|
},
|
|
311
661
|
{
|
|
312
662
|
"name": "target",
|
|
313
|
-
"description": "The trigger element that will trigger the dropdown. The target specified\ncan be any of the
|
|
663
|
+
"description": "The trigger element that will trigger the dropdown. The target specified\ncan be any of the following:\n\n- A CSS selector string\n- A reference to an [`Element`][] or [Virtual Element][]\n- A function returning a reference to an [`Element`][],\n[Virtual Element][], or a CSS selector string\n\n[`Element`]: https://developer.mozilla.org/docs/Web/API/Element\n[Virtual Element]: https://floating-ui.com/docs/virtual-elements"
|
|
664
|
+
}
|
|
665
|
+
]
|
|
666
|
+
},
|
|
667
|
+
{
|
|
668
|
+
"name": "qds-form-message",
|
|
669
|
+
"description": {
|
|
670
|
+
"kind": "markdown",
|
|
671
|
+
"value": "`<qds-form-message>` elements represent messages for a form field in a user\ninterface."
|
|
672
|
+
},
|
|
673
|
+
"attributes": [
|
|
674
|
+
{
|
|
675
|
+
"name": "inline",
|
|
676
|
+
"description": "Adds vertical margin to the form message for alignment.\n\nThis is useful when creating inline layouts so that the first lines have\nthe correct vertical centering."
|
|
677
|
+
},
|
|
678
|
+
{
|
|
679
|
+
"name": "size",
|
|
680
|
+
"description": "The form message's size.",
|
|
681
|
+
"values": [
|
|
682
|
+
{
|
|
683
|
+
"name": "large"
|
|
684
|
+
},
|
|
685
|
+
{
|
|
686
|
+
"name": "small"
|
|
687
|
+
},
|
|
688
|
+
{
|
|
689
|
+
"name": "standard"
|
|
690
|
+
}
|
|
691
|
+
]
|
|
692
|
+
},
|
|
693
|
+
{
|
|
694
|
+
"name": "status",
|
|
695
|
+
"description": "The form message's status.",
|
|
696
|
+
"values": [
|
|
697
|
+
{
|
|
698
|
+
"name": "error"
|
|
699
|
+
},
|
|
700
|
+
{
|
|
701
|
+
"name": "info"
|
|
702
|
+
},
|
|
703
|
+
{
|
|
704
|
+
"name": "success"
|
|
705
|
+
},
|
|
706
|
+
{
|
|
707
|
+
"name": "warning"
|
|
708
|
+
}
|
|
709
|
+
]
|
|
710
|
+
},
|
|
711
|
+
{
|
|
712
|
+
"name": "status-description",
|
|
713
|
+
"description": "Adds accessible text to the icon's form message that will be used by screen readers."
|
|
714
|
+
},
|
|
715
|
+
{
|
|
716
|
+
"name": "text",
|
|
717
|
+
"description": "The form message's text."
|
|
314
718
|
}
|
|
315
719
|
]
|
|
316
720
|
},
|
|
@@ -318,7 +722,7 @@
|
|
|
318
722
|
"name": "qds-icon",
|
|
319
723
|
"description": {
|
|
320
724
|
"kind": "markdown",
|
|
321
|
-
"value": "<!--\nSPDX-FileCopyrightText: ©
|
|
725
|
+
"value": "<!--\nSPDX-FileCopyrightText: © 2024 Schneider Electric\n\nSPDX-License-Identifier: Apache-2.0\n-->"
|
|
322
726
|
},
|
|
323
727
|
"attributes": [
|
|
324
728
|
{
|
|
@@ -354,6 +758,29 @@
|
|
|
354
758
|
"name": "hreflang",
|
|
355
759
|
"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)."
|
|
356
760
|
},
|
|
761
|
+
{
|
|
762
|
+
"name": "icon-library",
|
|
763
|
+
"description": "The name of a registered icon library."
|
|
764
|
+
},
|
|
765
|
+
{
|
|
766
|
+
"name": "icon-name",
|
|
767
|
+
"description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
|
|
768
|
+
},
|
|
769
|
+
{
|
|
770
|
+
"name": "importance",
|
|
771
|
+
"description": "The inline link's importance.",
|
|
772
|
+
"values": [
|
|
773
|
+
{
|
|
774
|
+
"name": "emphasized"
|
|
775
|
+
},
|
|
776
|
+
{
|
|
777
|
+
"name": "standard"
|
|
778
|
+
},
|
|
779
|
+
{
|
|
780
|
+
"name": "subdued"
|
|
781
|
+
}
|
|
782
|
+
]
|
|
783
|
+
},
|
|
357
784
|
{
|
|
358
785
|
"name": "referrerpolicy",
|
|
359
786
|
"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.",
|
|
@@ -416,37 +843,25 @@
|
|
|
416
843
|
},
|
|
417
844
|
"attributes": [
|
|
418
845
|
{
|
|
419
|
-
"name": "
|
|
420
|
-
"description": "
|
|
846
|
+
"name": "accept",
|
|
847
|
+
"description": "Defines the file types the `file` type input should accept. This is a\ncomma-separated list of [unique file type specifiers][]. Because a given\nfile type may be identified in more than one manner, it's useful to\nprovide a thorough set of type specifiers when you files of a given format\nare needed.\n\nFor instance, there are a number of ways Microsoft Word files can be\nidentified, so a site that accepts Word files might use a `<qds-input>`\nlike this:"
|
|
848
|
+
},
|
|
849
|
+
{
|
|
850
|
+
"name": "autocomplete",
|
|
851
|
+
"description": "Provides a hint for a [user agent's][] autocomplete feature. See\n[the HTML `autocomplete` attribute][autocomplete] for a complete list of\nvalues and details on how to use `autoComplete`.\n\n[user agent's]: https://developer.mozilla.org/docs/Glossary/User_agent\n[autocomplete]: https://developer.mozilla.org/docs/Web/HTML/Attributes/autocomplete"
|
|
852
|
+
},
|
|
853
|
+
{
|
|
854
|
+
"name": "capture",
|
|
855
|
+
"description": "Specifies that a new file should be captured and which device should be\nused to capture that new media of the type defined by `accept`.\n\nValues include `user`, `environment`, and `''`:\n\n- `user`: The user-facing camera and/or microphone should be used.\n- `environment`: The outward-facing camera and/or microphone should be\nused.\n- `''`: The implementation-specific capture state.",
|
|
421
856
|
"values": [
|
|
422
857
|
{
|
|
423
|
-
"name": "
|
|
424
|
-
},
|
|
425
|
-
{
|
|
426
|
-
"name": "none"
|
|
427
|
-
},
|
|
428
|
-
{
|
|
429
|
-
"name": "off"
|
|
430
|
-
},
|
|
431
|
-
{
|
|
432
|
-
"name": "on"
|
|
433
|
-
},
|
|
434
|
-
{
|
|
435
|
-
"name": "sentences"
|
|
858
|
+
"name": "environment"
|
|
436
859
|
},
|
|
437
860
|
{
|
|
438
|
-
"name": "
|
|
861
|
+
"name": "user"
|
|
439
862
|
}
|
|
440
863
|
]
|
|
441
864
|
},
|
|
442
|
-
{
|
|
443
|
-
"name": "autocomplete",
|
|
444
|
-
"description": "Indicates whether the value of the input can be automatically completed by\nthe browser."
|
|
445
|
-
},
|
|
446
|
-
{
|
|
447
|
-
"name": "autofocus",
|
|
448
|
-
"description": "Specify whether the input should have focus when the page loads."
|
|
449
|
-
},
|
|
450
865
|
{
|
|
451
866
|
"name": "disabled",
|
|
452
867
|
"description": "Prevents the input from being interacted with: it cannot be pressed or\nfocused."
|
|
@@ -480,7 +895,7 @@
|
|
|
480
895
|
},
|
|
481
896
|
{
|
|
482
897
|
"name": "form",
|
|
483
|
-
"description": "The [`<form>`]
|
|
898
|
+
"description": "The [`<form>`][] element 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.\n\n[`<form>`]: https://developer.mozilla.org/docs/Web/HTML/Element/form"
|
|
484
899
|
},
|
|
485
900
|
{
|
|
486
901
|
"name": "inputmode",
|
|
@@ -512,53 +927,72 @@
|
|
|
512
927
|
}
|
|
513
928
|
]
|
|
514
929
|
},
|
|
515
|
-
{
|
|
516
|
-
"name": "invalid",
|
|
517
|
-
"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)."
|
|
518
|
-
},
|
|
519
930
|
{
|
|
520
931
|
"name": "max",
|
|
521
|
-
"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]
|
|
932
|
+
"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][]. Only valid for `date`, `datetime-local`,\n`month`, `time`, and `week` inputs.\n\nIf this value isn't a valid number, then the input has no maximum value.\n\n[constraint validation]: https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation"
|
|
522
933
|
},
|
|
523
934
|
{
|
|
524
935
|
"name": "maxlength",
|
|
525
|
-
"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
|
|
936
|
+
"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 [constraint validation][] if the length of the text\nentered into the field is greater than `maxlength` UTF-16 code units long.\nBy default, browsers prevent users from entering more characters than\nallowed by the `maxlength` attribute. See [Client-side validation][] for\nmore information.\n\n[constraint validation]: https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation\n[Client-side validation]: https://developer.mozilla.org/docs/Web/HTML/Element/input#client-side_validation"
|
|
526
937
|
},
|
|
527
938
|
{
|
|
528
939
|
"name": "min",
|
|
529
|
-
"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]
|
|
940
|
+
"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][]. Only valid for `date`, `datetime-local`,\n`month`, `time`, and `week` inputs.\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.\n\n[constraint validation]: https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation"
|
|
530
941
|
},
|
|
531
942
|
{
|
|
532
943
|
"name": "minlength",
|
|
533
|
-
"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
|
|
944
|
+
"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 [constraint validation][] if the length of the text\nentered into the field is fewer than `minlength` UTF-16 code units long,\npreventing form submission. See [Client-side validation][] for more\ninformation.\n\n[constraint validation]: https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation\n[Client-side validation]: https://developer.mozilla.org/docs/Web/HTML/Element/input#client-side_validation"
|
|
534
945
|
},
|
|
535
946
|
{
|
|
536
947
|
"name": "multiple",
|
|
537
|
-
"description": "
|
|
948
|
+
"description": "For `email` inputs, specifies if multiple comma-separated email addresses\ncan be entered. For `file` inputs, specifies if the user is allowed to\nselect more than one file.\n\nOnly valid for `email` or `file` inputs."
|
|
538
949
|
},
|
|
539
950
|
{
|
|
540
951
|
"name": "name",
|
|
541
|
-
"description": "The name of the
|
|
952
|
+
"description": "The name of the input, which is submitted with the form data."
|
|
953
|
+
},
|
|
954
|
+
{
|
|
955
|
+
"name": "no-icon",
|
|
956
|
+
"description": "Hide the input type's icon.\n\n> **_NOTE:_** Due to browser limitations, the icon may not be hidden in\nall browsers."
|
|
542
957
|
},
|
|
543
958
|
{
|
|
544
959
|
"name": "pattern",
|
|
545
|
-
"description": "Defines a regular expression that the input's `value` must match in order\nfor the value to pass
|
|
960
|
+
"description": "Defines a regular expression that the input's `value` must match in order\nfor the value to pass [constraint validation][]. It must be a valid\nJavaScript regular expression, as used by the [`RegExp`][] type, and as\ndocumented in MDN's [guide on regular expressions][]; the `'u'` flag is\nspecified when compiling the regular expression, so that the pattern is\ntreated as a sequence of Unicode code points, instead of as ASCII. No\nforward slashes should be specified around the pattern text. Only valid\nfor `email`, `password`, `search`, `tel`, `text`, and `url` inputs.\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.\n\n[constraint validation]: https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation\n[`RegExp`]: https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/RegExp\n[guide on regular expressions]: https://developer.mozilla.org/docs/Web/JavaScript/Guide/Regular_Expressions"
|
|
546
961
|
},
|
|
547
962
|
{
|
|
548
963
|
"name": "placeholder",
|
|
549
964
|
"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."
|
|
550
965
|
},
|
|
551
966
|
{
|
|
552
|
-
"name": "
|
|
553
|
-
"description": "
|
|
967
|
+
"name": "required",
|
|
968
|
+
"description": "A value must be specified for the input before the owning form can be\nsubmitted. Not valid for `color` inputs.\n\nSee [Client-side validation][] and the\n[HTML attribute: `required`][required] for more information.\n\n[Client-side validation]: https://developer.mozilla.org/docs/Web/HTML/Element/input#client-side_validation\n[required]: https://developer.mozilla.org/docs/Web/HTML/Attributes/required"
|
|
554
969
|
},
|
|
555
970
|
{
|
|
556
|
-
"name": "
|
|
557
|
-
"description": "
|
|
971
|
+
"name": "selection-direction",
|
|
972
|
+
"description": "Get or set the selection direction of a text selection.\n\n> **_NOTE:_** This property has no effect when used as an attribute.",
|
|
973
|
+
"values": [
|
|
974
|
+
{
|
|
975
|
+
"name": "backward"
|
|
976
|
+
},
|
|
977
|
+
{
|
|
978
|
+
"name": "forward"
|
|
979
|
+
},
|
|
980
|
+
{
|
|
981
|
+
"name": "none"
|
|
982
|
+
}
|
|
983
|
+
]
|
|
984
|
+
},
|
|
985
|
+
{
|
|
986
|
+
"name": "selection-end",
|
|
987
|
+
"description": "Get or set the ending position or offset of a text selection.\n\n> **_NOTE:_** This property has no effect when used as an attribute."
|
|
988
|
+
},
|
|
989
|
+
{
|
|
990
|
+
"name": "selection-start",
|
|
991
|
+
"description": "Get or set the starting position or offset of a text selection.\n\n> **_NOTE:_** This property has no effect when used as an attribute."
|
|
558
992
|
},
|
|
559
993
|
{
|
|
560
994
|
"name": "size",
|
|
561
|
-
"description": "The input's size.\n\n> **_NOTE:_** The native
|
|
995
|
+
"description": "The input's size.\n\n> **_NOTE:_** The native [`size` HTML attribute][size] is not supported.\nCSS `width` should be used instead if this functionality is needed.\n\n[size]: https://developer.mozilla.org/docs/Web/HTML/Attributes/size",
|
|
562
996
|
"values": [
|
|
563
997
|
{
|
|
564
998
|
"name": "large"
|
|
@@ -571,10 +1005,6 @@
|
|
|
571
1005
|
}
|
|
572
1006
|
]
|
|
573
1007
|
},
|
|
574
|
-
{
|
|
575
|
-
"name": "spellcheck",
|
|
576
|
-
"description": "Defines whether the input may be checked for spelling errors."
|
|
577
|
-
},
|
|
578
1008
|
{
|
|
579
1009
|
"name": "step",
|
|
580
1010
|
"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.",
|
|
@@ -598,185 +1028,1028 @@
|
|
|
598
1028
|
"name": "datetime-local"
|
|
599
1029
|
},
|
|
600
1030
|
{
|
|
601
|
-
"name": "email"
|
|
1031
|
+
"name": "email"
|
|
1032
|
+
},
|
|
1033
|
+
{
|
|
1034
|
+
"name": "file"
|
|
1035
|
+
},
|
|
1036
|
+
{
|
|
1037
|
+
"name": "month"
|
|
1038
|
+
},
|
|
1039
|
+
{
|
|
1040
|
+
"name": "number"
|
|
1041
|
+
},
|
|
1042
|
+
{
|
|
1043
|
+
"name": "password"
|
|
1044
|
+
},
|
|
1045
|
+
{
|
|
1046
|
+
"name": "search"
|
|
1047
|
+
},
|
|
1048
|
+
{
|
|
1049
|
+
"name": "tel"
|
|
1050
|
+
},
|
|
1051
|
+
{
|
|
1052
|
+
"name": "text"
|
|
1053
|
+
},
|
|
1054
|
+
{
|
|
1055
|
+
"name": "time"
|
|
1056
|
+
},
|
|
1057
|
+
{
|
|
1058
|
+
"name": "url"
|
|
1059
|
+
},
|
|
1060
|
+
{
|
|
1061
|
+
"name": "week"
|
|
1062
|
+
}
|
|
1063
|
+
]
|
|
1064
|
+
},
|
|
1065
|
+
{
|
|
1066
|
+
"name": "validation-message",
|
|
1067
|
+
"description": "The error message that would be shown to the user if the `<qds-input>`\nwas to be checked for validity."
|
|
1068
|
+
},
|
|
1069
|
+
{
|
|
1070
|
+
"name": "value",
|
|
1071
|
+
"description": "The value of the input."
|
|
1072
|
+
},
|
|
1073
|
+
{
|
|
1074
|
+
"name": "will-validate",
|
|
1075
|
+
"description": "True if `<qds-input>` will be validated when the form is submitted; false\notherwise."
|
|
1076
|
+
}
|
|
1077
|
+
]
|
|
1078
|
+
},
|
|
1079
|
+
{
|
|
1080
|
+
"name": "qds-label",
|
|
1081
|
+
"description": {
|
|
1082
|
+
"kind": "markdown",
|
|
1083
|
+
"value": "`<qds-label>` elements represent a caption for an item in a user interface."
|
|
1084
|
+
},
|
|
1085
|
+
"attributes": [
|
|
1086
|
+
{
|
|
1087
|
+
"name": "inline",
|
|
1088
|
+
"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."
|
|
1089
|
+
},
|
|
1090
|
+
{
|
|
1091
|
+
"name": "required",
|
|
1092
|
+
"description": "Specify the labelled item as required by appending a red asterisk (*)."
|
|
1093
|
+
},
|
|
1094
|
+
{
|
|
1095
|
+
"name": "size",
|
|
1096
|
+
"description": "The label's size.",
|
|
1097
|
+
"values": [
|
|
1098
|
+
{
|
|
1099
|
+
"name": "large"
|
|
1100
|
+
},
|
|
1101
|
+
{
|
|
1102
|
+
"name": "small"
|
|
1103
|
+
},
|
|
1104
|
+
{
|
|
1105
|
+
"name": "standard"
|
|
1106
|
+
}
|
|
1107
|
+
]
|
|
1108
|
+
},
|
|
1109
|
+
{
|
|
1110
|
+
"name": "text",
|
|
1111
|
+
"description": "The label's text."
|
|
1112
|
+
}
|
|
1113
|
+
]
|
|
1114
|
+
},
|
|
1115
|
+
{
|
|
1116
|
+
"name": "qds-list-item",
|
|
1117
|
+
"description": {
|
|
1118
|
+
"kind": "markdown",
|
|
1119
|
+
"value": "<!--\nSPDX-FileCopyrightText: © 2024 Schneider Electric\n\nSPDX-License-Identifier: Apache-2.0\n-->"
|
|
1120
|
+
},
|
|
1121
|
+
"attributes": [
|
|
1122
|
+
{
|
|
1123
|
+
"name": "checked",
|
|
1124
|
+
"description": "Whether or not the list item is checked when `list-action=\"multiselect\"`"
|
|
1125
|
+
},
|
|
1126
|
+
{
|
|
1127
|
+
"name": "destination",
|
|
1128
|
+
"description": "The destination action that the list item denotes through its rightmost icon.",
|
|
1129
|
+
"values": [
|
|
1130
|
+
{
|
|
1131
|
+
"name": "navigation"
|
|
1132
|
+
}
|
|
1133
|
+
]
|
|
1134
|
+
},
|
|
1135
|
+
{
|
|
1136
|
+
"name": "disabled",
|
|
1137
|
+
"description": "Prevents the list item from being interacted with: it cannot be selected\nor focused."
|
|
1138
|
+
},
|
|
1139
|
+
{
|
|
1140
|
+
"name": "divider",
|
|
1141
|
+
"description": "Control how to display the bottom divider line.\n\nBy default, the divider is visible and uses the full width of the list item.\n\nUse the `hide` value to hide the divider completely (useful with multiselect).\n\nUse the `indent` value to align the left end of the divider to the icon/text (useful on mobile).\n\n**Note**: the divider is automatically hidden on the last list item in the parent container.",
|
|
1142
|
+
"values": [
|
|
1143
|
+
{
|
|
1144
|
+
"name": "hide"
|
|
1145
|
+
},
|
|
1146
|
+
{
|
|
1147
|
+
"name": "indent"
|
|
1148
|
+
}
|
|
1149
|
+
]
|
|
1150
|
+
},
|
|
1151
|
+
{
|
|
1152
|
+
"name": "icon-library",
|
|
1153
|
+
"description": "The name of a registered icon library."
|
|
1154
|
+
},
|
|
1155
|
+
{
|
|
1156
|
+
"name": "icon-name",
|
|
1157
|
+
"description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
|
|
1158
|
+
},
|
|
1159
|
+
{
|
|
1160
|
+
"name": "indeterminate",
|
|
1161
|
+
"description": "Sets the list item to an indeterminate state, only when `list-action=\"indeterminate\"`.\nThis is usually applied to items that represent a \"select all/none\" behavior when associated\nitems have a mix of selected and unselected states."
|
|
1162
|
+
},
|
|
1163
|
+
{
|
|
1164
|
+
"name": "kicker",
|
|
1165
|
+
"description": "Text to display for the kicker."
|
|
1166
|
+
},
|
|
1167
|
+
{
|
|
1168
|
+
"name": "list-action",
|
|
1169
|
+
"description": "The type of list-level action that the list item supports",
|
|
1170
|
+
"values": [
|
|
1171
|
+
{
|
|
1172
|
+
"name": "multiselect"
|
|
1173
|
+
},
|
|
1174
|
+
{
|
|
1175
|
+
"name": "reorder"
|
|
1176
|
+
}
|
|
1177
|
+
]
|
|
1178
|
+
},
|
|
1179
|
+
{
|
|
1180
|
+
"name": "selected",
|
|
1181
|
+
"description": "Whether or not the list item is selected."
|
|
1182
|
+
},
|
|
1183
|
+
{
|
|
1184
|
+
"name": "size",
|
|
1185
|
+
"description": "The list items's size.",
|
|
1186
|
+
"values": [
|
|
1187
|
+
{
|
|
1188
|
+
"name": "large"
|
|
1189
|
+
},
|
|
1190
|
+
{
|
|
1191
|
+
"name": "small"
|
|
1192
|
+
},
|
|
1193
|
+
{
|
|
1194
|
+
"name": "standard"
|
|
1195
|
+
}
|
|
1196
|
+
]
|
|
1197
|
+
},
|
|
1198
|
+
{
|
|
1199
|
+
"name": "subtitle",
|
|
1200
|
+
"description": "Text to display below the primary text."
|
|
1201
|
+
},
|
|
1202
|
+
{
|
|
1203
|
+
"name": "text",
|
|
1204
|
+
"description": "The primary text of the list item."
|
|
1205
|
+
}
|
|
1206
|
+
]
|
|
1207
|
+
},
|
|
1208
|
+
{
|
|
1209
|
+
"name": "qds-loader",
|
|
1210
|
+
"description": {
|
|
1211
|
+
"kind": "markdown",
|
|
1212
|
+
"value": "The `<qds-loader>` element displays an indicator showing that content is\nbeing loaded or processed."
|
|
1213
|
+
},
|
|
1214
|
+
"attributes": [
|
|
1215
|
+
{
|
|
1216
|
+
"name": "size",
|
|
1217
|
+
"description": "The loader's size.",
|
|
1218
|
+
"values": [
|
|
1219
|
+
{
|
|
1220
|
+
"name": "jumbo"
|
|
1221
|
+
},
|
|
1222
|
+
{
|
|
1223
|
+
"name": "large"
|
|
1224
|
+
},
|
|
1225
|
+
{
|
|
1226
|
+
"name": "small"
|
|
1227
|
+
},
|
|
1228
|
+
{
|
|
1229
|
+
"name": "standard"
|
|
1230
|
+
}
|
|
1231
|
+
]
|
|
1232
|
+
},
|
|
1233
|
+
{
|
|
1234
|
+
"name": "status",
|
|
1235
|
+
"description": "The loader's status.",
|
|
1236
|
+
"values": [
|
|
1237
|
+
{
|
|
1238
|
+
"name": "error"
|
|
1239
|
+
},
|
|
1240
|
+
{
|
|
1241
|
+
"name": "success"
|
|
1242
|
+
},
|
|
1243
|
+
{
|
|
1244
|
+
"name": "warning"
|
|
1245
|
+
}
|
|
1246
|
+
]
|
|
1247
|
+
}
|
|
1248
|
+
]
|
|
1249
|
+
},
|
|
1250
|
+
{
|
|
1251
|
+
"name": "qds-nav-list-item",
|
|
1252
|
+
"description": {
|
|
1253
|
+
"kind": "markdown",
|
|
1254
|
+
"value": "<!--\nSPDX-FileCopyrightText: © 2024 Schneider Electric\n\nSPDX-License-Identifier: Apache-2.0\n-->"
|
|
1255
|
+
},
|
|
1256
|
+
"attributes": [
|
|
1257
|
+
{
|
|
1258
|
+
"name": "collapsed",
|
|
1259
|
+
"description": "Displays the navigation list item in a collapsed state without its text.\nThe text will be displayed in a tooltip instead.\n\nThis property has no effect if the navigation list item does not have an\nicon set."
|
|
1260
|
+
},
|
|
1261
|
+
{
|
|
1262
|
+
"name": "disabled",
|
|
1263
|
+
"description": "Prevents the navigation list item from being interacted with: it cannot be\nselected or focused."
|
|
1264
|
+
},
|
|
1265
|
+
{
|
|
1266
|
+
"name": "icon-library",
|
|
1267
|
+
"description": "The name of a registered icon library."
|
|
1268
|
+
},
|
|
1269
|
+
{
|
|
1270
|
+
"name": "icon-name",
|
|
1271
|
+
"description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
|
|
1272
|
+
},
|
|
1273
|
+
{
|
|
1274
|
+
"name": "selected",
|
|
1275
|
+
"description": "Whether or not the navigation list item is selected."
|
|
1276
|
+
},
|
|
1277
|
+
{
|
|
1278
|
+
"name": "size",
|
|
1279
|
+
"description": "The navigation list items's size.",
|
|
1280
|
+
"values": [
|
|
1281
|
+
{
|
|
1282
|
+
"name": "large"
|
|
1283
|
+
},
|
|
1284
|
+
{
|
|
1285
|
+
"name": "small"
|
|
1286
|
+
},
|
|
1287
|
+
{
|
|
1288
|
+
"name": "standard"
|
|
1289
|
+
}
|
|
1290
|
+
]
|
|
1291
|
+
},
|
|
1292
|
+
{
|
|
1293
|
+
"name": "subtext",
|
|
1294
|
+
"description": "Text to display for the subtext."
|
|
1295
|
+
},
|
|
1296
|
+
{
|
|
1297
|
+
"name": "text",
|
|
1298
|
+
"description": "Primary text to display."
|
|
1299
|
+
}
|
|
1300
|
+
]
|
|
1301
|
+
},
|
|
1302
|
+
{
|
|
1303
|
+
"name": "qds-progress-bar",
|
|
1304
|
+
"description": {
|
|
1305
|
+
"kind": "markdown",
|
|
1306
|
+
"value": "The `<qds-progress-bar>` element displays an indicator showing the\ncompletion progress of a task."
|
|
1307
|
+
},
|
|
1308
|
+
"attributes": [
|
|
1309
|
+
{
|
|
1310
|
+
"name": "max",
|
|
1311
|
+
"description": "Specifies how much work the task indicated by the progress bar requires.\n`max` must have a value greater than 0 and be a valid floating point\nnumber."
|
|
1312
|
+
},
|
|
1313
|
+
{
|
|
1314
|
+
"name": "position",
|
|
1315
|
+
"description": "Returns the result of dividing the current value (`value`) by the maximum\nvalue (`max`); if the progress bar is an indeterminate progress bar, it\nreturns `-1`."
|
|
1316
|
+
},
|
|
1317
|
+
{
|
|
1318
|
+
"name": "size",
|
|
1319
|
+
"description": "The progress bar's size.",
|
|
1320
|
+
"values": [
|
|
1321
|
+
{
|
|
1322
|
+
"name": "large"
|
|
1323
|
+
},
|
|
1324
|
+
{
|
|
1325
|
+
"name": "small"
|
|
1326
|
+
},
|
|
1327
|
+
{
|
|
1328
|
+
"name": "standard"
|
|
1329
|
+
}
|
|
1330
|
+
]
|
|
1331
|
+
},
|
|
1332
|
+
{
|
|
1333
|
+
"name": "value",
|
|
1334
|
+
"description": "Specifies how much of the task has been completed. It must be a valid\nfloating point number between `0` and `max`, or between `0` and `1` if\n`max` is omitted. If this attribute is not specified, the progress bar is\nindeterminate; this indicates that an activity is ongoing with no\nindication of how long it is expected to take."
|
|
1335
|
+
}
|
|
1336
|
+
]
|
|
1337
|
+
},
|
|
1338
|
+
{
|
|
1339
|
+
"name": "qds-radio",
|
|
1340
|
+
"description": {
|
|
1341
|
+
"kind": "markdown",
|
|
1342
|
+
"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."
|
|
1343
|
+
},
|
|
1344
|
+
"attributes": [
|
|
1345
|
+
{
|
|
1346
|
+
"name": "checked",
|
|
1347
|
+
"description": "Sets the radio button's state."
|
|
1348
|
+
},
|
|
1349
|
+
{
|
|
1350
|
+
"name": "disabled",
|
|
1351
|
+
"description": "Prevents the radio button from being interacted with: it cannot be pressed\nor focused."
|
|
1352
|
+
},
|
|
1353
|
+
{
|
|
1354
|
+
"name": "form",
|
|
1355
|
+
"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."
|
|
1356
|
+
},
|
|
1357
|
+
{
|
|
1358
|
+
"name": "inline",
|
|
1359
|
+
"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."
|
|
1360
|
+
},
|
|
1361
|
+
{
|
|
1362
|
+
"name": "name",
|
|
1363
|
+
"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."
|
|
1364
|
+
},
|
|
1365
|
+
{
|
|
1366
|
+
"name": "required",
|
|
1367
|
+
"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."
|
|
1368
|
+
},
|
|
1369
|
+
{
|
|
1370
|
+
"name": "size",
|
|
1371
|
+
"description": "The radio button's size.",
|
|
1372
|
+
"values": [
|
|
1373
|
+
{
|
|
1374
|
+
"name": "large"
|
|
1375
|
+
},
|
|
1376
|
+
{
|
|
1377
|
+
"name": "small"
|
|
1378
|
+
},
|
|
1379
|
+
{
|
|
1380
|
+
"name": "standard"
|
|
1381
|
+
}
|
|
1382
|
+
]
|
|
1383
|
+
},
|
|
1384
|
+
{
|
|
1385
|
+
"name": "text",
|
|
1386
|
+
"description": "The radio button's text."
|
|
1387
|
+
},
|
|
1388
|
+
{
|
|
1389
|
+
"name": "value",
|
|
1390
|
+
"description": "The value of the radio button, submitted as a name/value pair with form\ndata."
|
|
1391
|
+
}
|
|
1392
|
+
]
|
|
1393
|
+
},
|
|
1394
|
+
{
|
|
1395
|
+
"name": "qds-select",
|
|
1396
|
+
"description": {
|
|
1397
|
+
"kind": "markdown",
|
|
1398
|
+
"value": "The `<qds-select>` element represents a control that provides a menu of\noptions."
|
|
1399
|
+
},
|
|
1400
|
+
"attributes": [
|
|
1401
|
+
{
|
|
1402
|
+
"name": "autocomplete",
|
|
1403
|
+
"description": "Provides a hint for a [user agent's][] autocomplete feature. See\n[the HTML `autocomplete` attribute][] for a complete list of values and\ndetails on how to use `autoComplete`.\n\n[user agent's]: https://developer.mozilla.org/docs/Glossary/User_agent\n[the HTML `autocomplete` attribute]: https://developer.mozilla.org/docs/Web/HTML/Attributes/autocomplete"
|
|
1404
|
+
},
|
|
1405
|
+
{
|
|
1406
|
+
"name": "disabled",
|
|
1407
|
+
"description": "Prevents the select from being interacted with: it cannot be pressed or\nfocused."
|
|
1408
|
+
},
|
|
1409
|
+
{
|
|
1410
|
+
"name": "form",
|
|
1411
|
+
"description": "The [`<form>`][] element to associate the select 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-select>` is associated\nwith its ancestor `<form>` element, if any.\n\nThis attribute lets you associate `<qds-select>` elements to `<form>`s\nanywhere in the document, not just inside a `<form>`. It can also override\nan ancestor `<form>` element.\n\n[`<form>`]: https://developer.mozilla.org/docs/Web/HTML/Element/form"
|
|
1412
|
+
},
|
|
1413
|
+
{
|
|
1414
|
+
"name": "length",
|
|
1415
|
+
"description": "Returns the number of elements in the [`<option>`s collection][].\n\n[`<option>`s collection]: https://developer.mozilla.org/docs/Web/API/HTMLOptionsCollection"
|
|
1416
|
+
},
|
|
1417
|
+
{
|
|
1418
|
+
"name": "multiple",
|
|
1419
|
+
"description": "Indicates that multiple options can be selected in the list. If it is not\nspecified, then only one option can be selected at a time. When `multiple`\nis specified, most browsers will show a scrolling list box instead of a\nsingle line dropdown."
|
|
1420
|
+
},
|
|
1421
|
+
{
|
|
1422
|
+
"name": "name",
|
|
1423
|
+
"description": "The name of the select, which is submitted with the form data."
|
|
1424
|
+
},
|
|
1425
|
+
{
|
|
1426
|
+
"name": "required",
|
|
1427
|
+
"description": "An `<option>` with a non-empty string value must be selected before this\nselect can be submitted.\n\nSee [Client-side validation] and the [HTML attribute: `required`] for more\ninformation.\n\n[Client-side validation]: https://developer.mozilla.org/docs/Web/HTML/Element/input#client-side_validation\n[HTML attribute: `required`]: https://developer.mozilla.org/docs/Web/HTML/Attributes/required"
|
|
1428
|
+
},
|
|
1429
|
+
{
|
|
1430
|
+
"name": "selected-index",
|
|
1431
|
+
"description": "The index of the first or last selected [`<option>`][] element, depending\non the value of `multiple`. The value `-1` indicates that no element is\nselected.\n\n[`<option>`]: https://developer.mozilla.org/docs/Web/HTML/Element/option"
|
|
1432
|
+
},
|
|
1433
|
+
{
|
|
1434
|
+
"name": "size",
|
|
1435
|
+
"description": "The select's size.\n\n> ***NOTE:*** The native [`size` HTML attribute] is not supported. CSS\n`height` should be used instead if this functionality is needed.\n\n[`size` HTML attribute]: https://developer.mozilla.org/docs/Web/HTML/Attributes/size",
|
|
1436
|
+
"values": [
|
|
1437
|
+
{
|
|
1438
|
+
"name": "large"
|
|
1439
|
+
},
|
|
1440
|
+
{
|
|
1441
|
+
"name": "small"
|
|
1442
|
+
},
|
|
1443
|
+
{
|
|
1444
|
+
"name": "standard"
|
|
1445
|
+
}
|
|
1446
|
+
]
|
|
1447
|
+
},
|
|
1448
|
+
{
|
|
1449
|
+
"name": "type",
|
|
1450
|
+
"description": "Returns `select-multiple` if the `multiple` attribute is true;\n`select-one` otherwise.",
|
|
1451
|
+
"values": [
|
|
1452
|
+
{
|
|
1453
|
+
"name": "select-multiple"
|
|
1454
|
+
},
|
|
1455
|
+
{
|
|
1456
|
+
"name": "select-one"
|
|
1457
|
+
}
|
|
1458
|
+
]
|
|
1459
|
+
},
|
|
1460
|
+
{
|
|
1461
|
+
"name": "validation-message",
|
|
1462
|
+
"description": "The error message that would be shown to the user if the `<qds-select>`\nwas to be checked for validity."
|
|
1463
|
+
},
|
|
1464
|
+
{
|
|
1465
|
+
"name": "value",
|
|
1466
|
+
"description": "The `value` property of the first selected [`<option>`][] element, or the\nempty string if no options are selected.\n\n[`<option>`]: https://developer.mozilla.org/docs/Web/HTML/Element/option"
|
|
1467
|
+
},
|
|
1468
|
+
{
|
|
1469
|
+
"name": "will-validate",
|
|
1470
|
+
"description": "True if `<qds-select>` will be validated when the form is submitted;\nfalse otherwise."
|
|
1471
|
+
}
|
|
1472
|
+
]
|
|
1473
|
+
},
|
|
1474
|
+
{
|
|
1475
|
+
"name": "qds-standalone-link",
|
|
1476
|
+
"description": {
|
|
1477
|
+
"kind": "markdown",
|
|
1478
|
+
"value": "`<qds-standalone-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-standalone-link>` *should* indicate the standalone link's\ndestination. If the `href` property is present, pressing the enter key while\nfocused on the `<qds-standalone-link>` element will activate it."
|
|
1479
|
+
},
|
|
1480
|
+
"attributes": [
|
|
1481
|
+
{
|
|
1482
|
+
"name": "disabled",
|
|
1483
|
+
"description": "Prevents the standalone link from being interacted with: it cannot be pressed\nor focused."
|
|
1484
|
+
},
|
|
1485
|
+
{
|
|
1486
|
+
"name": "download",
|
|
1487
|
+
"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."
|
|
1488
|
+
},
|
|
1489
|
+
{
|
|
1490
|
+
"name": "href",
|
|
1491
|
+
"description": "The URL that the standalone link points to. Standalone 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)"
|
|
1492
|
+
},
|
|
1493
|
+
{
|
|
1494
|
+
"name": "hreflang",
|
|
1495
|
+
"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)."
|
|
1496
|
+
},
|
|
1497
|
+
{
|
|
1498
|
+
"name": "icon-library",
|
|
1499
|
+
"description": "The name of a registered icon library."
|
|
1500
|
+
},
|
|
1501
|
+
{
|
|
1502
|
+
"name": "icon-name",
|
|
1503
|
+
"description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
|
|
1504
|
+
},
|
|
1505
|
+
{
|
|
1506
|
+
"name": "importance",
|
|
1507
|
+
"description": "The standalone link's importance.",
|
|
1508
|
+
"values": [
|
|
1509
|
+
{
|
|
1510
|
+
"name": "emphasized"
|
|
1511
|
+
},
|
|
1512
|
+
{
|
|
1513
|
+
"name": "standard"
|
|
1514
|
+
},
|
|
1515
|
+
{
|
|
1516
|
+
"name": "subdued"
|
|
1517
|
+
}
|
|
1518
|
+
]
|
|
1519
|
+
},
|
|
1520
|
+
{
|
|
1521
|
+
"name": "referrerpolicy",
|
|
1522
|
+
"description": "How much of the\n[referrer](https://developer.mozilla.org/docs/Web/HTTP/Headers/Referer)\nto send when following the standalone 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.",
|
|
1523
|
+
"values": [
|
|
1524
|
+
{
|
|
1525
|
+
"name": "no-referrer"
|
|
1526
|
+
},
|
|
1527
|
+
{
|
|
1528
|
+
"name": "no-referrer-when-downgrade"
|
|
1529
|
+
},
|
|
1530
|
+
{
|
|
1531
|
+
"name": "origin"
|
|
1532
|
+
},
|
|
1533
|
+
{
|
|
1534
|
+
"name": "origin-when-cross-origin"
|
|
1535
|
+
},
|
|
1536
|
+
{
|
|
1537
|
+
"name": "same-origin"
|
|
1538
|
+
},
|
|
1539
|
+
{
|
|
1540
|
+
"name": "strict-origin"
|
|
1541
|
+
},
|
|
1542
|
+
{
|
|
1543
|
+
"name": "strict-origin-when-cross-origin"
|
|
1544
|
+
},
|
|
1545
|
+
{
|
|
1546
|
+
"name": "unsafe-url"
|
|
1547
|
+
}
|
|
1548
|
+
]
|
|
1549
|
+
},
|
|
1550
|
+
{
|
|
1551
|
+
"name": "rel",
|
|
1552
|
+
"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."
|
|
1553
|
+
},
|
|
1554
|
+
{
|
|
1555
|
+
"name": "size",
|
|
1556
|
+
"description": "The standalone link's size.",
|
|
1557
|
+
"values": [
|
|
1558
|
+
{
|
|
1559
|
+
"name": "large"
|
|
1560
|
+
},
|
|
1561
|
+
{
|
|
1562
|
+
"name": "small"
|
|
1563
|
+
},
|
|
1564
|
+
{
|
|
1565
|
+
"name": "standard"
|
|
1566
|
+
}
|
|
1567
|
+
]
|
|
1568
|
+
},
|
|
1569
|
+
{
|
|
1570
|
+
"name": "target",
|
|
1571
|
+
"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`.",
|
|
1572
|
+
"values": [
|
|
1573
|
+
{
|
|
1574
|
+
"name": "_blank"
|
|
1575
|
+
},
|
|
1576
|
+
{
|
|
1577
|
+
"name": "_parent"
|
|
1578
|
+
},
|
|
1579
|
+
{
|
|
1580
|
+
"name": "_self"
|
|
1581
|
+
},
|
|
1582
|
+
{
|
|
1583
|
+
"name": "_top"
|
|
1584
|
+
}
|
|
1585
|
+
]
|
|
1586
|
+
},
|
|
1587
|
+
{
|
|
1588
|
+
"name": "visitable",
|
|
1589
|
+
"description": "Defines if the standalone link will display the visited state."
|
|
1590
|
+
}
|
|
1591
|
+
]
|
|
1592
|
+
},
|
|
1593
|
+
{
|
|
1594
|
+
"name": "qds-switch",
|
|
1595
|
+
"description": {
|
|
1596
|
+
"kind": "markdown",
|
|
1597
|
+
"value": "<!--\nSPDX-FileCopyrightText: © 2024 Schneider Electric\n\nSPDX-License-Identifier: Apache-2.0\n-->"
|
|
1598
|
+
},
|
|
1599
|
+
"attributes": [
|
|
1600
|
+
{
|
|
1601
|
+
"name": "checked",
|
|
1602
|
+
"description": "Sets the switch's state."
|
|
1603
|
+
},
|
|
1604
|
+
{
|
|
1605
|
+
"name": "disabled",
|
|
1606
|
+
"description": "Prevents the switch from being interacted with: it cannot be pressed or\nfocused."
|
|
1607
|
+
},
|
|
1608
|
+
{
|
|
1609
|
+
"name": "form",
|
|
1610
|
+
"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."
|
|
1611
|
+
},
|
|
1612
|
+
{
|
|
1613
|
+
"name": "inline",
|
|
1614
|
+
"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."
|
|
1615
|
+
},
|
|
1616
|
+
{
|
|
1617
|
+
"name": "name",
|
|
1618
|
+
"description": "The name of the switch, which is submitted with the form data."
|
|
1619
|
+
},
|
|
1620
|
+
{
|
|
1621
|
+
"name": "size",
|
|
1622
|
+
"description": "The switches's size.",
|
|
1623
|
+
"values": [
|
|
1624
|
+
{
|
|
1625
|
+
"name": "large"
|
|
1626
|
+
},
|
|
1627
|
+
{
|
|
1628
|
+
"name": "small"
|
|
1629
|
+
},
|
|
1630
|
+
{
|
|
1631
|
+
"name": "standard"
|
|
1632
|
+
}
|
|
1633
|
+
]
|
|
1634
|
+
},
|
|
1635
|
+
{
|
|
1636
|
+
"name": "validation-message",
|
|
1637
|
+
"description": "The error message that would be shown to the user if the `<qds-switch>`\nwas to be checked for validity."
|
|
1638
|
+
},
|
|
1639
|
+
{
|
|
1640
|
+
"name": "value",
|
|
1641
|
+
"description": "The value of the switch, submitted as a name/value pair with form data."
|
|
1642
|
+
},
|
|
1643
|
+
{
|
|
1644
|
+
"name": "will-validate",
|
|
1645
|
+
"description": "True if `<qds-switch>` will be validated when the form is submitted;\nfalse otherwise."
|
|
1646
|
+
}
|
|
1647
|
+
]
|
|
1648
|
+
},
|
|
1649
|
+
{
|
|
1650
|
+
"name": "qds-tab",
|
|
1651
|
+
"description": {
|
|
1652
|
+
"kind": "markdown",
|
|
1653
|
+
"value": "<qds-tab> is a navigational element that is used in different horizontal or vertical navigation bars\n(Main Navigation, secondary navigation, Tab bar, etc.)\nas trigger points for opening a menu list or switching content in Tab bar."
|
|
1654
|
+
},
|
|
1655
|
+
"attributes": [
|
|
1656
|
+
{
|
|
1657
|
+
"name": "action",
|
|
1658
|
+
"description": "The name of the action icon to render.",
|
|
1659
|
+
"values": [
|
|
1660
|
+
{
|
|
1661
|
+
"name": "closable"
|
|
1662
|
+
},
|
|
1663
|
+
{
|
|
1664
|
+
"name": "expandable"
|
|
1665
|
+
}
|
|
1666
|
+
]
|
|
1667
|
+
},
|
|
1668
|
+
{
|
|
1669
|
+
"name": "badge",
|
|
1670
|
+
"description": "Displays an indicator if `true` or the empty string. Otherwise, displays a\ncounter badge if a number or string representing a number is used."
|
|
1671
|
+
},
|
|
1672
|
+
{
|
|
1673
|
+
"name": "badge-counter-importance",
|
|
1674
|
+
"description": "The tab's counter importance.",
|
|
1675
|
+
"values": [
|
|
1676
|
+
{
|
|
1677
|
+
"name": "destructive"
|
|
1678
|
+
},
|
|
1679
|
+
{
|
|
1680
|
+
"name": "emphasized"
|
|
1681
|
+
},
|
|
1682
|
+
{
|
|
1683
|
+
"name": "standard"
|
|
1684
|
+
},
|
|
1685
|
+
{
|
|
1686
|
+
"name": "subdued"
|
|
1687
|
+
},
|
|
1688
|
+
{
|
|
1689
|
+
"name": "subdued-destructive"
|
|
1690
|
+
}
|
|
1691
|
+
]
|
|
1692
|
+
},
|
|
1693
|
+
{
|
|
1694
|
+
"name": "badge-description",
|
|
1695
|
+
"description": "The indicator or counter badge's accessible text that will be used by\nscreen readers."
|
|
1696
|
+
},
|
|
1697
|
+
{
|
|
1698
|
+
"name": "badge-indicator-status",
|
|
1699
|
+
"description": "The indicator's status.",
|
|
1700
|
+
"values": [
|
|
1701
|
+
{
|
|
1702
|
+
"name": "error"
|
|
1703
|
+
},
|
|
1704
|
+
{
|
|
1705
|
+
"name": "info"
|
|
1706
|
+
},
|
|
1707
|
+
{
|
|
1708
|
+
"name": "neutral"
|
|
1709
|
+
},
|
|
1710
|
+
{
|
|
1711
|
+
"name": "success"
|
|
1712
|
+
},
|
|
1713
|
+
{
|
|
1714
|
+
"name": "warning"
|
|
1715
|
+
}
|
|
1716
|
+
]
|
|
1717
|
+
},
|
|
1718
|
+
{
|
|
1719
|
+
"name": "disabled",
|
|
1720
|
+
"description": "Prevents the tab from being interacted with: it cannot be\nselected or focused."
|
|
1721
|
+
},
|
|
1722
|
+
{
|
|
1723
|
+
"name": "href",
|
|
1724
|
+
"description": "When set, the underlying tab will be rendered as an `<a>` with this\n`href` instead of a `<button>`.\n\nThis property has no effect if the tab has an `action`."
|
|
1725
|
+
},
|
|
1726
|
+
{
|
|
1727
|
+
"name": "icon-library",
|
|
1728
|
+
"description": "The name of a registered icon library."
|
|
1729
|
+
},
|
|
1730
|
+
{
|
|
1731
|
+
"name": "icon-name",
|
|
1732
|
+
"description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
|
|
1733
|
+
},
|
|
1734
|
+
{
|
|
1735
|
+
"name": "icon-only",
|
|
1736
|
+
"description": "Displays the tab in a collapsed state without its text. The text will be\ndisplayed in a tooltip instead.\n\nThis property has no effect if the tab does not have an icon set."
|
|
1737
|
+
},
|
|
1738
|
+
{
|
|
1739
|
+
"name": "importance",
|
|
1740
|
+
"description": "The tab's importance.",
|
|
1741
|
+
"values": [
|
|
1742
|
+
{
|
|
1743
|
+
"name": "emphasized"
|
|
1744
|
+
},
|
|
1745
|
+
{
|
|
1746
|
+
"name": "standard"
|
|
1747
|
+
},
|
|
1748
|
+
{
|
|
1749
|
+
"name": "subdued"
|
|
1750
|
+
}
|
|
1751
|
+
]
|
|
1752
|
+
},
|
|
1753
|
+
{
|
|
1754
|
+
"name": "indicator-position",
|
|
1755
|
+
"description": "The tab's indicator position.",
|
|
1756
|
+
"values": [
|
|
1757
|
+
{
|
|
1758
|
+
"name": "block-end"
|
|
1759
|
+
},
|
|
1760
|
+
{
|
|
1761
|
+
"name": "block-start"
|
|
1762
|
+
},
|
|
1763
|
+
{
|
|
1764
|
+
"name": "inline-end"
|
|
1765
|
+
},
|
|
1766
|
+
{
|
|
1767
|
+
"name": "inline-start"
|
|
1768
|
+
}
|
|
1769
|
+
]
|
|
1770
|
+
},
|
|
1771
|
+
{
|
|
1772
|
+
"name": "panel",
|
|
1773
|
+
"description": "The tab panel element associated with this tab. The `panel` specified\ncan be any of the following:\n\n- A CSS selector string\n- A reference to an [`Element`][]\n- A function returning a reference to an [`Element`][] or a CSS selector\nstring\n\n[`Element`]: https://developer.mozilla.org/docs/Web/API/Element"
|
|
1774
|
+
},
|
|
1775
|
+
{
|
|
1776
|
+
"name": "selected",
|
|
1777
|
+
"description": "Whether or not the tab is selected."
|
|
1778
|
+
},
|
|
1779
|
+
{
|
|
1780
|
+
"name": "size",
|
|
1781
|
+
"description": "The tab's size.",
|
|
1782
|
+
"values": [
|
|
1783
|
+
{
|
|
1784
|
+
"name": "large"
|
|
1785
|
+
},
|
|
1786
|
+
{
|
|
1787
|
+
"name": "small"
|
|
1788
|
+
},
|
|
1789
|
+
{
|
|
1790
|
+
"name": "standard"
|
|
1791
|
+
}
|
|
1792
|
+
]
|
|
1793
|
+
},
|
|
1794
|
+
{
|
|
1795
|
+
"name": "subtitle",
|
|
1796
|
+
"description": "Text to display for the subtitle."
|
|
1797
|
+
},
|
|
1798
|
+
{
|
|
1799
|
+
"name": "tag-icon-description",
|
|
1800
|
+
"description": "The tag icon's accessible text that will be used by\nscreen readers."
|
|
1801
|
+
},
|
|
1802
|
+
{
|
|
1803
|
+
"name": "tag-icon-library",
|
|
1804
|
+
"description": "The name of a registered icon library."
|
|
1805
|
+
},
|
|
1806
|
+
{
|
|
1807
|
+
"name": "tag-icon-name",
|
|
1808
|
+
"description": "The name of the tab's tag icon to render.\n\nAvailable names depend on the icon library being used."
|
|
1809
|
+
},
|
|
1810
|
+
{
|
|
1811
|
+
"name": "tag-importance",
|
|
1812
|
+
"description": "The tab's tag importance.",
|
|
1813
|
+
"values": [
|
|
1814
|
+
{
|
|
1815
|
+
"name": "emphasized"
|
|
602
1816
|
},
|
|
603
1817
|
{
|
|
604
|
-
"name": "
|
|
1818
|
+
"name": "standard"
|
|
605
1819
|
},
|
|
606
1820
|
{
|
|
607
|
-
"name": "
|
|
608
|
-
}
|
|
1821
|
+
"name": "subdued"
|
|
1822
|
+
}
|
|
1823
|
+
]
|
|
1824
|
+
},
|
|
1825
|
+
{
|
|
1826
|
+
"name": "tag-size",
|
|
1827
|
+
"description": "The tab's tag size.",
|
|
1828
|
+
"values": [
|
|
609
1829
|
{
|
|
610
|
-
"name": "
|
|
1830
|
+
"name": "large"
|
|
611
1831
|
},
|
|
612
1832
|
{
|
|
613
|
-
"name": "
|
|
1833
|
+
"name": "small"
|
|
614
1834
|
},
|
|
615
1835
|
{
|
|
616
|
-
"name": "
|
|
617
|
-
}
|
|
1836
|
+
"name": "standard"
|
|
1837
|
+
}
|
|
1838
|
+
]
|
|
1839
|
+
},
|
|
1840
|
+
{
|
|
1841
|
+
"name": "tag-status",
|
|
1842
|
+
"description": "The tab's tag status.",
|
|
1843
|
+
"values": [
|
|
618
1844
|
{
|
|
619
|
-
"name": "
|
|
1845
|
+
"name": "error"
|
|
620
1846
|
},
|
|
621
1847
|
{
|
|
622
|
-
"name": "
|
|
1848
|
+
"name": "info"
|
|
623
1849
|
},
|
|
624
1850
|
{
|
|
625
|
-
"name": "
|
|
1851
|
+
"name": "success"
|
|
626
1852
|
},
|
|
627
1853
|
{
|
|
628
|
-
"name": "
|
|
1854
|
+
"name": "warning"
|
|
629
1855
|
}
|
|
630
1856
|
]
|
|
631
1857
|
},
|
|
632
1858
|
{
|
|
633
|
-
"name": "
|
|
634
|
-
"description": "The
|
|
1859
|
+
"name": "tag-text",
|
|
1860
|
+
"description": "The tab's tag text."
|
|
1861
|
+
},
|
|
1862
|
+
{
|
|
1863
|
+
"name": "text",
|
|
1864
|
+
"description": "Primary text to display."
|
|
635
1865
|
}
|
|
636
1866
|
]
|
|
637
1867
|
},
|
|
638
1868
|
{
|
|
639
|
-
"name": "qds-
|
|
1869
|
+
"name": "qds-tabbar",
|
|
640
1870
|
"description": {
|
|
641
1871
|
"kind": "markdown",
|
|
642
|
-
"value": "`<qds-
|
|
1872
|
+
"value": "`<qds-tabbar>` is the component that facilitates navigation between the groups\nof related content within the page.\nIt allows users to switch between groups by clicking on Tabs without going to another page."
|
|
643
1873
|
},
|
|
644
1874
|
"attributes": [
|
|
645
1875
|
{
|
|
646
|
-
"name": "
|
|
647
|
-
"description": "
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
1876
|
+
"name": "layer",
|
|
1877
|
+
"description": "The tabbar's layer.",
|
|
1878
|
+
"values": [
|
|
1879
|
+
{
|
|
1880
|
+
"name": "accessory"
|
|
1881
|
+
},
|
|
1882
|
+
{
|
|
1883
|
+
"name": "main"
|
|
1884
|
+
},
|
|
1885
|
+
{
|
|
1886
|
+
"name": "panel"
|
|
1887
|
+
},
|
|
1888
|
+
{
|
|
1889
|
+
"name": "popup"
|
|
1890
|
+
}
|
|
1891
|
+
]
|
|
652
1892
|
},
|
|
653
1893
|
{
|
|
654
|
-
"name": "
|
|
655
|
-
"description": "The
|
|
1894
|
+
"name": "level",
|
|
1895
|
+
"description": "The tabbar's level.",
|
|
656
1896
|
"values": [
|
|
657
1897
|
{
|
|
658
|
-
"name": "
|
|
1898
|
+
"name": "root"
|
|
659
1899
|
},
|
|
660
1900
|
{
|
|
661
|
-
"name": "
|
|
1901
|
+
"name": "section"
|
|
662
1902
|
},
|
|
663
1903
|
{
|
|
664
|
-
"name": "
|
|
1904
|
+
"name": "subsection"
|
|
665
1905
|
}
|
|
666
1906
|
]
|
|
667
1907
|
},
|
|
668
1908
|
{
|
|
669
|
-
"name": "
|
|
670
|
-
"description": "The
|
|
1909
|
+
"name": "orientation",
|
|
1910
|
+
"description": "The tabbar's orientation.",
|
|
1911
|
+
"values": [
|
|
1912
|
+
{
|
|
1913
|
+
"name": "horizontal"
|
|
1914
|
+
},
|
|
1915
|
+
{
|
|
1916
|
+
"name": "vertical"
|
|
1917
|
+
}
|
|
1918
|
+
]
|
|
1919
|
+
},
|
|
1920
|
+
{
|
|
1921
|
+
"name": "tablist-description",
|
|
1922
|
+
"description": "the tablist Description"
|
|
671
1923
|
}
|
|
672
1924
|
]
|
|
673
1925
|
},
|
|
674
1926
|
{
|
|
675
|
-
"name": "qds-
|
|
1927
|
+
"name": "qds-table",
|
|
676
1928
|
"description": {
|
|
677
1929
|
"kind": "markdown",
|
|
678
|
-
"value": "`<qds-
|
|
1930
|
+
"value": "The `<qds-table>` element represents tabular data — that is, information\npresented in a two-dimensional table comprised of rows and columns of cells\ncontaining data."
|
|
1931
|
+
},
|
|
1932
|
+
"attributes": []
|
|
1933
|
+
},
|
|
1934
|
+
{
|
|
1935
|
+
"name": "qds-table-body",
|
|
1936
|
+
"description": {
|
|
1937
|
+
"kind": "markdown",
|
|
1938
|
+
"value": "The `<qds-table-body>` element encapsulates a set of rows (`<qds-table-row>`\nelements) indicating that they comprise the body of the table\n(`<qds-table>`)."
|
|
1939
|
+
},
|
|
1940
|
+
"attributes": []
|
|
1941
|
+
},
|
|
1942
|
+
{
|
|
1943
|
+
"name": "qds-table-cell",
|
|
1944
|
+
"description": {
|
|
1945
|
+
"kind": "markdown",
|
|
1946
|
+
"value": "The `<qds-table-cell>` element defines a cell of a table that contains data.\nIt participates in the *table model*."
|
|
679
1947
|
},
|
|
680
1948
|
"attributes": [
|
|
681
1949
|
{
|
|
682
|
-
"name": "
|
|
683
|
-
"description": "
|
|
684
|
-
},
|
|
685
|
-
{
|
|
686
|
-
"name": "disabled",
|
|
687
|
-
"description": "Prevents the radio button from being interacted with: it cannot be pressed\nor focused."
|
|
1950
|
+
"name": "colspan",
|
|
1951
|
+
"description": "Non-negative integer value that indicates for how many columns the cell\nextends. Its default value is `1`. Values higher than 1000 will be\nconsidered as incorrect and will be set to the default value (1)."
|
|
688
1952
|
},
|
|
689
1953
|
{
|
|
690
|
-
"name": "
|
|
691
|
-
"description": "
|
|
692
|
-
}
|
|
1954
|
+
"name": "rowspan",
|
|
1955
|
+
"description": "Non-negative integer value that indicates for how many rows the cell\nextends. Its default value is `1`; if its value is set to `0`, it extends\nuntil the end of the table section (`<qds-table-head>` or\n`<qds-table-body>`, even if implicitly defined), that the cell belongs to.\nValues higher than 65534 are clipped down to 65534."
|
|
1956
|
+
}
|
|
1957
|
+
]
|
|
1958
|
+
},
|
|
1959
|
+
{
|
|
1960
|
+
"name": "qds-table-head",
|
|
1961
|
+
"description": {
|
|
1962
|
+
"kind": "markdown",
|
|
1963
|
+
"value": "The `<qds-table-head>` element encapsulates a set of rows (`<qds-table-row>`\nelements) indicating that they comprise the head of the table\n(`<qds-table>`)."
|
|
1964
|
+
},
|
|
1965
|
+
"attributes": []
|
|
1966
|
+
},
|
|
1967
|
+
{
|
|
1968
|
+
"name": "qds-table-head-cell",
|
|
1969
|
+
"description": {
|
|
1970
|
+
"kind": "markdown",
|
|
1971
|
+
"value": "The `<qds-table-head-cell>` element defines a cell as the header of a group\nof table cells. The exact nature of this group is defined by the `scope`\nattribute."
|
|
1972
|
+
},
|
|
1973
|
+
"attributes": [
|
|
693
1974
|
{
|
|
694
|
-
"name": "
|
|
695
|
-
"description": "
|
|
1975
|
+
"name": "abbr",
|
|
1976
|
+
"description": "A short abbreviated description of the cell's content. Some user-agents,\nsuch as speech readers, may present this description before the content\nitself."
|
|
696
1977
|
},
|
|
697
1978
|
{
|
|
698
|
-
"name": "
|
|
699
|
-
"description": "
|
|
1979
|
+
"name": "colspan",
|
|
1980
|
+
"description": "Non-negative integer value that indicates for how many columns the cell\nextends. Its default value is `1`. Values higher than 1000 will be\nconsidered as incorrect and will be set to the default value (1)."
|
|
700
1981
|
},
|
|
701
1982
|
{
|
|
702
|
-
"name": "
|
|
703
|
-
"description": "
|
|
1983
|
+
"name": "rowspan",
|
|
1984
|
+
"description": "Non-negative integer value that indicates for how many rows the cell\nextends. Its default value is `1`; if its value is set to `0`, it extends\nuntil the end of the table section (`<qds-table-head>` or\n`<qds-table-body>`, even if implicitly defined), that the cell belongs to.\nValues higher than 65534 are clipped down to 65534."
|
|
704
1985
|
},
|
|
705
1986
|
{
|
|
706
|
-
"name": "
|
|
707
|
-
"description": "The
|
|
1987
|
+
"name": "scope",
|
|
1988
|
+
"description": "Defines the cells that the header element relates to. It may have the\nfollowing values:\n\n- `row`: The header relates to all cells of the row it belongs to.\n- `col`: The header relates to all cells of the column it belongs to.\n\nIf the `scope` attribute is not specified, or its value is not `row` or\n`col`, then browsers automatically select the set of cells to which the\nheader cell applies.",
|
|
708
1989
|
"values": [
|
|
709
1990
|
{
|
|
710
|
-
"name": "
|
|
711
|
-
},
|
|
712
|
-
{
|
|
713
|
-
"name": "small"
|
|
1991
|
+
"name": "col"
|
|
714
1992
|
},
|
|
715
1993
|
{
|
|
716
|
-
"name": "
|
|
1994
|
+
"name": "row"
|
|
717
1995
|
}
|
|
718
1996
|
]
|
|
719
|
-
},
|
|
720
|
-
{
|
|
721
|
-
"name": "text",
|
|
722
|
-
"description": "The radio button's text."
|
|
723
|
-
},
|
|
724
|
-
{
|
|
725
|
-
"name": "value",
|
|
726
|
-
"description": "The value of the radio button, submitted as a name/value pair with form\ndata."
|
|
727
1997
|
}
|
|
728
1998
|
]
|
|
729
1999
|
},
|
|
730
2000
|
{
|
|
731
|
-
"name": "qds-
|
|
2001
|
+
"name": "qds-table-row",
|
|
2002
|
+
"description": {
|
|
2003
|
+
"kind": "markdown",
|
|
2004
|
+
"value": "The `<qds-table-row>` element defines a row of cells in a table. The row's\ncells can then be established using a mix of `<qds-table-cell>` (data cell)\nand `<qds-table-head-cell>` (header cell) elements."
|
|
2005
|
+
},
|
|
2006
|
+
"attributes": []
|
|
2007
|
+
},
|
|
2008
|
+
{
|
|
2009
|
+
"name": "qds-tag",
|
|
732
2010
|
"description": {
|
|
733
2011
|
"kind": "markdown",
|
|
734
|
-
"value": "
|
|
2012
|
+
"value": "The `<qds-tag>` element is a static descriptor used for items that need to\nbe labeled, categorized, or organized using keywords that describe them."
|
|
735
2013
|
},
|
|
736
2014
|
"attributes": [
|
|
737
2015
|
{
|
|
738
|
-
"name": "
|
|
739
|
-
"description": "
|
|
740
|
-
},
|
|
741
|
-
{
|
|
742
|
-
"name": "checked",
|
|
743
|
-
"description": "Sets the switch's state."
|
|
744
|
-
},
|
|
745
|
-
{
|
|
746
|
-
"name": "disabled",
|
|
747
|
-
"description": "Prevents the switch from being interacted with: it cannot be pressed or\nfocused."
|
|
748
|
-
},
|
|
749
|
-
{
|
|
750
|
-
"name": "form",
|
|
751
|
-
"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."
|
|
752
|
-
},
|
|
753
|
-
{
|
|
754
|
-
"name": "icon-checked-library",
|
|
755
|
-
"description": "The name of a registered checked icon library."
|
|
2016
|
+
"name": "badge",
|
|
2017
|
+
"description": "Displays an indicator if `true`."
|
|
756
2018
|
},
|
|
757
2019
|
{
|
|
758
|
-
"name": "
|
|
759
|
-
"description": "The
|
|
2020
|
+
"name": "badge-description",
|
|
2021
|
+
"description": "The indicator badge's accessible text that will be used by\nscreen readers."
|
|
760
2022
|
},
|
|
761
2023
|
{
|
|
762
|
-
"name": "icon-
|
|
763
|
-
"description": "
|
|
2024
|
+
"name": "icon-description",
|
|
2025
|
+
"description": "Provides a text description of the icon for screen readers."
|
|
764
2026
|
},
|
|
765
2027
|
{
|
|
766
|
-
"name": "icon-
|
|
767
|
-
"description": "The name of
|
|
2028
|
+
"name": "icon-library",
|
|
2029
|
+
"description": "The name of a registered icon library."
|
|
768
2030
|
},
|
|
769
2031
|
{
|
|
770
|
-
"name": "
|
|
771
|
-
"description": "
|
|
2032
|
+
"name": "icon-name",
|
|
2033
|
+
"description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
|
|
772
2034
|
},
|
|
773
2035
|
{
|
|
774
|
-
"name": "
|
|
775
|
-
"description": "The
|
|
2036
|
+
"name": "importance",
|
|
2037
|
+
"description": "The tag's importance.",
|
|
2038
|
+
"values": [
|
|
2039
|
+
{
|
|
2040
|
+
"name": "emphasized"
|
|
2041
|
+
},
|
|
2042
|
+
{
|
|
2043
|
+
"name": "standard"
|
|
2044
|
+
},
|
|
2045
|
+
{
|
|
2046
|
+
"name": "subdued"
|
|
2047
|
+
}
|
|
2048
|
+
]
|
|
776
2049
|
},
|
|
777
2050
|
{
|
|
778
2051
|
"name": "size",
|
|
779
|
-
"description": "The
|
|
2052
|
+
"description": "The tag's size.",
|
|
780
2053
|
"values": [
|
|
781
2054
|
{
|
|
782
2055
|
"name": "large"
|
|
@@ -790,50 +2063,39 @@
|
|
|
790
2063
|
]
|
|
791
2064
|
},
|
|
792
2065
|
{
|
|
793
|
-
"name": "
|
|
794
|
-
"description": "The
|
|
795
|
-
},
|
|
796
|
-
{
|
|
797
|
-
"name": "text-unchecked",
|
|
798
|
-
"description": "The switch's unchecked text."
|
|
799
|
-
},
|
|
800
|
-
{
|
|
801
|
-
"name": "value",
|
|
802
|
-
"description": "The value of the switch, submitted as a name/value pair with form data."
|
|
803
|
-
}
|
|
804
|
-
]
|
|
805
|
-
},
|
|
806
|
-
{
|
|
807
|
-
"name": "qds-textarea",
|
|
808
|
-
"description": {
|
|
809
|
-
"kind": "markdown",
|
|
810
|
-
"value": "The `<qds-textarea>` element represents a multi-line plain-text editing\ncontrol, useful when you want to allow users to enter a sizeable amount of\nfree-form text, for example a comment on a review or feedback form."
|
|
811
|
-
},
|
|
812
|
-
"attributes": [
|
|
813
|
-
{
|
|
814
|
-
"name": "autocapitalize",
|
|
815
|
-
"description": "Controls whether and how input is automatically capitalized as it is\nentered/edited by the user. 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.",
|
|
2066
|
+
"name": "status",
|
|
2067
|
+
"description": "The tag's status.",
|
|
816
2068
|
"values": [
|
|
817
2069
|
{
|
|
818
|
-
"name": "
|
|
819
|
-
},
|
|
820
|
-
{
|
|
821
|
-
"name": "none"
|
|
2070
|
+
"name": "error"
|
|
822
2071
|
},
|
|
823
2072
|
{
|
|
824
|
-
"name": "
|
|
2073
|
+
"name": "info"
|
|
825
2074
|
},
|
|
826
2075
|
{
|
|
827
|
-
"name": "
|
|
2076
|
+
"name": "neutral"
|
|
828
2077
|
},
|
|
829
2078
|
{
|
|
830
|
-
"name": "
|
|
2079
|
+
"name": "success"
|
|
831
2080
|
},
|
|
832
2081
|
{
|
|
833
|
-
"name": "
|
|
2082
|
+
"name": "warning"
|
|
834
2083
|
}
|
|
835
2084
|
]
|
|
836
2085
|
},
|
|
2086
|
+
{
|
|
2087
|
+
"name": "text",
|
|
2088
|
+
"description": "The tag's text."
|
|
2089
|
+
}
|
|
2090
|
+
]
|
|
2091
|
+
},
|
|
2092
|
+
{
|
|
2093
|
+
"name": "qds-textarea",
|
|
2094
|
+
"description": {
|
|
2095
|
+
"kind": "markdown",
|
|
2096
|
+
"value": "The `<qds-textarea>` element represents a multi-line plain-text editing\ncontrol, useful when you want to allow users to enter a sizeable amount of\nfree-form text, for example a comment on a review or feedback form."
|
|
2097
|
+
},
|
|
2098
|
+
"attributes": [
|
|
837
2099
|
{
|
|
838
2100
|
"name": "autocomplete",
|
|
839
2101
|
"description": "Indicates whether the value of the textarea can be automatically completed\nby the browser. Possible values:\n\n`off`: The user must explicitly enter a value into this field for every\nuse, or the document provides its own auto-completion method; the browser\ndoes not automatically complete the entry.\n`on`: The browser can automatically complete the value based on values\nthat the user has entered during previous uses.\n\nIf the `autocomplete` attribute is not specified on a `<qds-textarea>`\nelement, then the browser uses the `autocomplete` attribute value of the\n`<qds-textarea>` element's form owner. The form owner is either the\n[`<form>`][] element that this `<qds-textarea>` element is a descendant of\nor the form element whose `id` is specified by the `form` attribute of the\n`qds-textarea` element. For more information, see the [`autocomplete`]\nattribute in [`<form>`][].\n\n[`<form>`]: https://developer.mozilla.org/docs/Web/HTML/Element/form\n[`autocomplete`]: https://developer.mozilla.org/docs/Web/HTML/Element/form#autocomplete",
|
|
@@ -846,17 +2108,13 @@
|
|
|
846
2108
|
}
|
|
847
2109
|
]
|
|
848
2110
|
},
|
|
849
|
-
{
|
|
850
|
-
"name": "autofocus",
|
|
851
|
-
"description": "Specify whether the input should have focus when the page loads."
|
|
852
|
-
},
|
|
853
2111
|
{
|
|
854
2112
|
"name": "cols",
|
|
855
2113
|
"description": "The visible width of the text control, in average character widths. If it\nis specified, it must be a positive integer. If it is not specified, the\ndefault value is `20`."
|
|
856
2114
|
},
|
|
857
2115
|
{
|
|
858
2116
|
"name": "disabled",
|
|
859
|
-
"description": "Prevents the
|
|
2117
|
+
"description": "Prevents the textarea from being interacted with: it cannot be pressed or\nfocused."
|
|
860
2118
|
},
|
|
861
2119
|
{
|
|
862
2120
|
"name": "enterkeyhint",
|
|
@@ -919,10 +2177,6 @@
|
|
|
919
2177
|
}
|
|
920
2178
|
]
|
|
921
2179
|
},
|
|
922
|
-
{
|
|
923
|
-
"name": "invalid",
|
|
924
|
-
"description": "Defines if the textarea is in an invalid state. Validity is determined by\nattributes such as `required`, `minlength`, and `maxlength` using\n[constraint validation][].\n\n[constraint validation]: https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation"
|
|
925
|
-
},
|
|
926
2180
|
{
|
|
927
2181
|
"name": "maxlength",
|
|
928
2182
|
"description": "The maximum number of characters (as UTF-16 code units) the user can enter\ninto the textarea. This must be an non-negative integer value. If no\n`maxlength` is specified, or an invalid value is specified, the textarea\nhas no maximum length.\n\nThe textarea will fail [constraint validation][] if the length of the text\nentered into the field is greater than `maxlength` UTF-16 code units long.\nBy default, browsers prevent users from entering more characters than\nallowed by the `maxlength` attribute. See [Client-side validation][] for\nmore information.\n\n[constraint validation]: https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation\n[Client-side validation]: https://developer.mozilla.org/docs/Web/HTML/Element/input#client-side_validation"
|
|
@@ -933,16 +2187,12 @@
|
|
|
933
2187
|
},
|
|
934
2188
|
{
|
|
935
2189
|
"name": "name",
|
|
936
|
-
"description": "The name of the
|
|
2190
|
+
"description": "The name of the textarea, which is submitted with the form data."
|
|
937
2191
|
},
|
|
938
2192
|
{
|
|
939
2193
|
"name": "placeholder",
|
|
940
2194
|
"description": "Text that appears in the textarea when it has no value set."
|
|
941
2195
|
},
|
|
942
|
-
{
|
|
943
|
-
"name": "readonly",
|
|
944
|
-
"description": "The value of the textarea cannot be edited."
|
|
945
|
-
},
|
|
946
2196
|
{
|
|
947
2197
|
"name": "required",
|
|
948
2198
|
"description": "A value must be specified for the textarea before the owning form can be\nsubmitted.\n\nSee [Client-side validation][] and the [HTML attribute: `required`][] for\nmore information.\n\n[Client-side validation]: https://developer.mozilla.org/docs/Web/HTML/Element/input#client-side_validation\n[HTML attribute: `required`]: https://developer.mozilla.org/docs/Web/HTML/Attributes/required"
|
|
@@ -951,6 +2201,29 @@
|
|
|
951
2201
|
"name": "rows",
|
|
952
2202
|
"description": "The number of visible text lines for the control. If it is specified, it\nmust be a positive integer. If it is not specified, the default value is\n`2`."
|
|
953
2203
|
},
|
|
2204
|
+
{
|
|
2205
|
+
"name": "selection-direction",
|
|
2206
|
+
"description": "Get or set the selection direction of a text selection.\n\n> **_NOTE:_** This property has no effect when used as an attribute.",
|
|
2207
|
+
"values": [
|
|
2208
|
+
{
|
|
2209
|
+
"name": "backward"
|
|
2210
|
+
},
|
|
2211
|
+
{
|
|
2212
|
+
"name": "forward"
|
|
2213
|
+
},
|
|
2214
|
+
{
|
|
2215
|
+
"name": "none"
|
|
2216
|
+
}
|
|
2217
|
+
]
|
|
2218
|
+
},
|
|
2219
|
+
{
|
|
2220
|
+
"name": "selection-end",
|
|
2221
|
+
"description": "Get or set the ending position or offset of a text selection.\n\n> **_NOTE:_** This property has no effect when used as an attribute."
|
|
2222
|
+
},
|
|
2223
|
+
{
|
|
2224
|
+
"name": "selection-start",
|
|
2225
|
+
"description": "Get or set the starting position or offset of a text selection.\n\n> **_NOTE:_** This property has no effect when used as an attribute."
|
|
2226
|
+
},
|
|
954
2227
|
{
|
|
955
2228
|
"name": "size",
|
|
956
2229
|
"description": "The textarea's size.\n\n> **_NOTE:_** The native [`size` HTML attribute][] is not supported. CSS\n`width` should be used instead if this functionality is needed.\n\n[`size` HTML attribute]: https://developer.mozilla.org/docs/Web/HTML/Attributes/size",
|
|
@@ -967,20 +2240,21 @@
|
|
|
967
2240
|
]
|
|
968
2241
|
},
|
|
969
2242
|
{
|
|
970
|
-
"name": "
|
|
971
|
-
"description": "
|
|
2243
|
+
"name": "validation-message",
|
|
2244
|
+
"description": "The error message that would be shown to the user if the `<qds-select>`\nwas to be checked for validity."
|
|
972
2245
|
},
|
|
973
2246
|
{
|
|
974
2247
|
"name": "value",
|
|
975
2248
|
"description": "The value of the textarea."
|
|
976
2249
|
},
|
|
2250
|
+
{
|
|
2251
|
+
"name": "will-validate",
|
|
2252
|
+
"description": "True if `<qds-textarea>` will be validated when the form is submitted;\nfalse otherwise."
|
|
2253
|
+
},
|
|
977
2254
|
{
|
|
978
2255
|
"name": "wrap",
|
|
979
2256
|
"description": "Indicates how the control should wrap the value for form submission.\nPossible values are:\n\n- `hard`: The browser automatically inserts line breaks (`CR+LF`) so that\neach line is no longer than the width of the control; the `cols` attribute\nmust be specified for this to take effect\n- `soft`: The browser ensures that all line breaks in the entered value\nare a `CR+LF` pair, but no additional line breaks are added to the value.\n- `off`: Like `soft` but changes appearance to `white-space: pre` so line\nsegments exceeding `cols` are not wrapped and the `<qds-textarea>` becomes\nhorizontally scrollable.\n\nIf this attribute is not specified, `soft` is its default value.",
|
|
980
2257
|
"values": [
|
|
981
|
-
{
|
|
982
|
-
"name": "hard"
|
|
983
|
-
},
|
|
984
2258
|
{
|
|
985
2259
|
"name": "off"
|
|
986
2260
|
},
|
|
@@ -995,9 +2269,24 @@
|
|
|
995
2269
|
"name": "qds-title",
|
|
996
2270
|
"description": {
|
|
997
2271
|
"kind": "markdown",
|
|
998
|
-
"value": "<!--\nSPDX-FileCopyrightText: ©
|
|
2272
|
+
"value": "<!--\nSPDX-FileCopyrightText: © 2024 Schneider Electric\n\nSPDX-License-Identifier: Apache-2.0\n-->"
|
|
999
2273
|
},
|
|
1000
2274
|
"attributes": [
|
|
2275
|
+
{
|
|
2276
|
+
"name": "alignment",
|
|
2277
|
+
"description": "The alignment of the title.",
|
|
2278
|
+
"values": [
|
|
2279
|
+
{
|
|
2280
|
+
"name": "center"
|
|
2281
|
+
},
|
|
2282
|
+
{
|
|
2283
|
+
"name": "end"
|
|
2284
|
+
},
|
|
2285
|
+
{
|
|
2286
|
+
"name": "start"
|
|
2287
|
+
}
|
|
2288
|
+
]
|
|
2289
|
+
},
|
|
1001
2290
|
{
|
|
1002
2291
|
"name": "icon-library",
|
|
1003
2292
|
"description": "The name of a registered icon library."
|
|
@@ -1035,6 +2324,9 @@
|
|
|
1035
2324
|
"name": "level",
|
|
1036
2325
|
"description": "",
|
|
1037
2326
|
"values": [
|
|
2327
|
+
{
|
|
2328
|
+
"name": "root"
|
|
2329
|
+
},
|
|
1038
2330
|
{
|
|
1039
2331
|
"name": "section"
|
|
1040
2332
|
},
|
|
@@ -1070,6 +2362,24 @@
|
|
|
1070
2362
|
"name": "h6"
|
|
1071
2363
|
}
|
|
1072
2364
|
]
|
|
2365
|
+
},
|
|
2366
|
+
{
|
|
2367
|
+
"name": "variant",
|
|
2368
|
+
"description": "The title's variant.",
|
|
2369
|
+
"values": [
|
|
2370
|
+
{
|
|
2371
|
+
"name": "web-main-section-display"
|
|
2372
|
+
},
|
|
2373
|
+
{
|
|
2374
|
+
"name": "web-main-section-hero"
|
|
2375
|
+
},
|
|
2376
|
+
{
|
|
2377
|
+
"name": "web-main-section-promo"
|
|
2378
|
+
},
|
|
2379
|
+
{
|
|
2380
|
+
"name": "web-main-subsection-card"
|
|
2381
|
+
}
|
|
2382
|
+
]
|
|
1073
2383
|
}
|
|
1074
2384
|
]
|
|
1075
2385
|
},
|
|
@@ -1077,7 +2387,7 @@
|
|
|
1077
2387
|
"name": "qds-tooltip",
|
|
1078
2388
|
"description": {
|
|
1079
2389
|
"kind": "markdown",
|
|
1080
|
-
"value": "<!--\nSPDX-FileCopyrightText: ©
|
|
2390
|
+
"value": "<!--\nSPDX-FileCopyrightText: © 2024 Schneider Electric\n\nSPDX-License-Identifier: Apache-2.0\n-->"
|
|
1081
2391
|
},
|
|
1082
2392
|
"attributes": [
|
|
1083
2393
|
{
|
|
@@ -1148,7 +2458,11 @@
|
|
|
1148
2458
|
},
|
|
1149
2459
|
{
|
|
1150
2460
|
"name": "target",
|
|
1151
|
-
"description": "The trigger element that will trigger the tooltip. The target specified\ncan be any of the
|
|
2461
|
+
"description": "The trigger element that will trigger the tooltip. The target specified\ncan be any of the following:\n\n- A CSS selector string\n- A reference to an [`Element`][] or [Virtual Element][]\n- A function returning a reference to an [`Element`][],\n[Virtual Element][], or a CSS selector string\n\n[`Element`]: https://developer.mozilla.org/docs/Web/API/Element\n[Virtual Element]: https://floating-ui.com/docs/virtual-elements"
|
|
2462
|
+
},
|
|
2463
|
+
{
|
|
2464
|
+
"name": "trigger",
|
|
2465
|
+
"description": "Determines the events that cause the tooltip to show. Multiple event names\nare separated by spaces."
|
|
1152
2466
|
}
|
|
1153
2467
|
]
|
|
1154
2468
|
}
|