@quartzds/core 1.0.0-beta.12 → 1.0.0-beta.121
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +1919 -0
- package/README.md +23 -23
- package/components/index.d.ts +50 -0
- package/components/index.js +62 -28
- package/components/index.js.map +1 -1
- package/components/p-5dwtV5iH.js +428 -0
- package/components/p-5dwtV5iH.js.map +1 -0
- package/components/p-B2ZVUvk9.js +162 -0
- package/components/p-B2ZVUvk9.js.map +1 -0
- package/components/{floating-ui.dom.esm.js → p-Bv2vPjgL.js} +557 -345
- package/components/p-Bv2vPjgL.js.map +1 -0
- package/components/p-C1c4JVlg.js +112 -0
- package/components/p-C1c4JVlg.js.map +1 -0
- package/components/p-CDRwHAIT.js +105 -0
- package/components/p-CDRwHAIT.js.map +1 -0
- package/components/p-CURs27Ur.js +291 -0
- package/components/p-CURs27Ur.js.map +1 -0
- package/components/p-CZRW1LV_.js +28 -0
- package/components/p-CZRW1LV_.js.map +1 -0
- package/components/p-CjVnGhSO.js +91 -0
- package/components/p-CjVnGhSO.js.map +1 -0
- package/components/p-CkUTS1aU.js +102 -0
- package/components/p-CkUTS1aU.js.map +1 -0
- package/components/p-CkyaV9az.js +269 -0
- package/components/p-CkyaV9az.js.map +1 -0
- package/components/p-D2489VzR.js +2133 -0
- package/components/p-D2489VzR.js.map +1 -0
- package/components/p-D82sb4oJ.js +393 -0
- package/components/p-D82sb4oJ.js.map +1 -0
- package/components/p-D9pW936J.js +164 -0
- package/components/p-D9pW936J.js.map +1 -0
- package/components/p-DNHI4C-W.js +274 -0
- package/components/p-DNHI4C-W.js.map +1 -0
- package/components/p-DR79BVX5.js +149 -0
- package/components/p-DR79BVX5.js.map +1 -0
- package/components/p-DtxwXYGb.js +282 -0
- package/components/p-DtxwXYGb.js.map +1 -0
- package/components/p-U2Q0vF-d.js +96 -0
- package/components/p-U2Q0vF-d.js.map +1 -0
- package/components/p-laE-pGH7.js +163 -0
- package/components/p-laE-pGH7.js.map +1 -0
- package/components/qds-action-item.d.ts +11 -0
- package/components/qds-action-item.js +183 -0
- package/components/qds-action-item.js.map +1 -0
- package/components/qds-avatar-media.d.ts +11 -0
- package/components/qds-avatar-media.js +14 -0
- package/components/qds-avatar-media.js.map +1 -0
- package/components/qds-badge-counter.d.ts +11 -0
- package/components/qds-badge-counter.js +14 -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 +14 -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 +169 -0
- package/components/qds-breadcrumb-item.js.map +1 -0
- package/components/qds-button.d.ts +2 -2
- package/components/qds-button.js +457 -129
- package/components/qds-button.js.map +1 -1
- package/components/qds-checkbox.d.ts +2 -2
- package/components/qds-checkbox.js +4 -146
- package/components/qds-checkbox.js.map +1 -1
- package/components/qds-chip.d.ts +11 -0
- package/components/qds-chip.js +304 -0
- package/components/qds-chip.js.map +1 -0
- package/components/qds-dialog.d.ts +2 -2
- package/components/qds-dialog.js +179 -93
- package/components/qds-dialog.js.map +1 -1
- package/components/qds-divider.d.ts +2 -2
- package/components/qds-divider.js +4 -39
- package/components/qds-divider.js.map +1 -1
- package/components/qds-dropdown.d.ts +2 -2
- package/components/qds-dropdown.js +4 -249
- package/components/qds-dropdown.js.map +1 -1
- package/components/qds-form-message.d.ts +2 -2
- package/components/qds-form-message.js +100 -50
- package/components/qds-form-message.js.map +1 -1
- package/components/qds-icon-button.d.ts +11 -0
- package/components/qds-icon-button.js +14 -0
- package/components/qds-icon-button.js.map +1 -0
- package/components/qds-icon-tab.d.ts +11 -0
- package/components/qds-icon-tab.js +278 -0
- package/components/qds-icon-tab.js.map +1 -0
- package/components/qds-icon.d.ts +2 -2
- package/components/qds-icon.js +4 -3
- package/components/qds-inline-link.d.ts +2 -2
- package/components/qds-inline-link.js +171 -74
- package/components/qds-inline-link.js.map +1 -1
- package/components/qds-input.d.ts +2 -2
- package/components/qds-input.js +575 -230
- package/components/qds-input.js.map +1 -1
- package/components/qds-label.d.ts +2 -2
- package/components/qds-label.js +4 -3
- package/components/qds-list-item.d.ts +11 -0
- package/components/qds-list-item.js +395 -0
- package/components/qds-list-item.js.map +1 -0
- package/components/qds-loader.d.ts +11 -0
- package/components/qds-loader.js +152 -0
- package/components/qds-loader.js.map +1 -0
- package/components/qds-menu-item.d.ts +11 -0
- package/components/qds-menu-item.js +204 -0
- package/components/qds-menu-item.js.map +1 -0
- package/components/qds-mini-button.d.ts +11 -0
- package/components/qds-mini-button.js +14 -0
- package/components/qds-mini-button.js.map +1 -0
- package/components/qds-progress-bar.d.ts +11 -0
- package/components/qds-progress-bar.js +155 -0
- package/components/qds-progress-bar.js.map +1 -0
- package/components/qds-radio.d.ts +2 -2
- package/components/qds-radio.js +4 -99
- package/components/qds-radio.js.map +1 -1
- package/components/qds-select.d.ts +11 -0
- package/components/qds-select.js +381 -0
- package/components/qds-select.js.map +1 -0
- package/components/qds-standalone-link.d.ts +11 -0
- package/components/qds-standalone-link.js +208 -0
- package/components/qds-standalone-link.js.map +1 -0
- package/components/qds-switch.d.ts +2 -2
- package/components/qds-switch.js +257 -105
- package/components/qds-switch.js.map +1 -1
- package/components/qds-tab.d.ts +11 -0
- package/components/qds-tab.js +339 -0
- package/components/qds-tab.js.map +1 -0
- package/components/qds-tabbar.d.ts +11 -0
- package/components/qds-tabbar.js +410 -0
- package/components/qds-tabbar.js.map +1 -0
- package/components/qds-table-cell.d.ts +11 -0
- package/components/qds-table-cell.js +81 -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 +87 -0
- package/components/qds-table-head-cell.js.map +1 -0
- package/components/qds-table-row.d.ts +11 -0
- package/components/qds-table-row.js +48 -0
- package/components/qds-table-row.js.map +1 -0
- package/components/qds-table.d.ts +11 -0
- package/components/qds-table.js +48 -0
- package/components/qds-table.js.map +1 -0
- package/components/qds-tag.d.ts +11 -0
- package/components/qds-tag.js +14 -0
- package/components/qds-tag.js.map +1 -0
- package/components/qds-textarea.d.ts +2 -2
- package/components/qds-textarea.js +352 -193
- package/components/qds-textarea.js.map +1 -1
- package/components/qds-title.d.ts +2 -2
- package/components/qds-title.js +4 -84
- package/components/qds-title.js.map +1 -1
- package/components/qds-tooltip.d.ts +2 -2
- package/components/qds-tooltip.js +4 -315
- package/components/qds-tooltip.js.map +1 -1
- package/dist/cjs/app-globals-CLoao1by.js +13 -0
- package/dist/cjs/app-globals-CLoao1by.js.map +1 -0
- package/dist/cjs/controls-DKGeNyr5.js +32 -0
- package/dist/cjs/controls-DKGeNyr5.js.map +1 -0
- package/dist/cjs/{floating-ui.dom.esm-7f1cac3e.js → floating-ui.dom-Bvzubd50.js} +557 -345
- package/dist/cjs/floating-ui.dom-Bvzubd50.js.map +1 -0
- package/dist/cjs/helpers-Qs3cpKiI.js +308 -0
- package/dist/cjs/helpers-Qs3cpKiI.js.map +1 -0
- package/dist/cjs/index-DIY7gpXM.js +2376 -0
- package/dist/cjs/index-DIY7gpXM.js.map +1 -0
- package/dist/cjs/index.cjs.js +40 -31
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/cjs/library-CeKRI2f2.js +142 -0
- package/dist/cjs/library-CeKRI2f2.js.map +1 -0
- package/dist/cjs/loader.cjs.js +9 -10
- package/dist/cjs/loader.cjs.js.map +1 -1
- package/dist/cjs/qds-action-item.cjs.entry.js +145 -0
- package/dist/cjs/qds-action-item.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-avatar-media.qds-checkbox.qds-radio.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-avatar-media_3.cjs.entry.js +399 -0
- package/dist/cjs/qds-badge-counter.qds-badge-indicator.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-badge-counter_2.cjs.entry.js +146 -0
- package/dist/cjs/qds-breadcrumb-item.cjs.entry.js +129 -0
- package/dist/cjs/qds-breadcrumb-item.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-button.cjs.entry.js +385 -93
- package/dist/cjs/qds-button.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-chip.cjs.entry.js +252 -0
- package/dist/cjs/qds-chip.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-dialog.cjs.entry.js +124 -77
- package/dist/cjs/qds-dialog.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-divider.qds-icon-button.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-divider_2.cjs.entry.js +280 -0
- package/dist/cjs/qds-dropdown.cjs.entry.js +373 -209
- package/dist/cjs/qds-dropdown.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-form-message.cjs.entry.js +70 -27
- package/dist/cjs/qds-form-message.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-icon-tab.cjs.entry.js +214 -0
- package/dist/cjs/qds-icon-tab.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-icon.cjs.entry.js +112 -93
- package/dist/cjs/qds-icon.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-inline-link.cjs.entry.js +137 -49
- package/dist/cjs/qds-inline-link.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-input.cjs.entry.js +499 -188
- package/dist/cjs/qds-input.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-label.cjs.entry.js +118 -27
- package/dist/cjs/qds-label.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-list-item.cjs.entry.js +290 -0
- package/dist/cjs/qds-list-item.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-loader.cjs.entry.js +126 -0
- package/dist/cjs/qds-loader.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-menu-item.cjs.entry.js +158 -0
- package/dist/cjs/qds-menu-item.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-mini-button.cjs.entry.js +132 -0
- package/dist/cjs/qds-mini-button.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-progress-bar.cjs.entry.js +131 -0
- package/dist/cjs/qds-progress-bar.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-select.cjs.entry.js +335 -0
- package/dist/cjs/qds-select.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-standalone-link.cjs.entry.js +169 -0
- package/dist/cjs/qds-standalone-link.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-switch.cjs.entry.js +221 -67
- package/dist/cjs/qds-switch.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-tab.cjs.entry.js +265 -0
- package/dist/cjs/qds-tab.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-tabbar.cjs.entry.js +344 -0
- package/dist/cjs/qds-tabbar.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-table-cell.cjs.entry.js +61 -0
- package/dist/cjs/qds-table-cell.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-table-head-cell.cjs.entry.js +65 -0
- package/dist/cjs/qds-table-head-cell.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-table-row.cjs.entry.js +34 -0
- package/dist/cjs/qds-table-row.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-table.cjs.entry.js +34 -0
- package/dist/cjs/qds-table.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-tag.cjs.entry.js +110 -0
- package/dist/cjs/qds-tag.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-textarea.cjs.entry.js +303 -156
- package/dist/cjs/qds-textarea.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-title.cjs.entry.js +61 -52
- package/dist/cjs/qds-title.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-tooltip.cjs.entry.js +334 -263
- package/dist/cjs/qds-tooltip.entry.cjs.js.map +1 -0
- package/dist/cjs/qds.cjs.js +18 -17
- package/dist/cjs/qds.cjs.js.map +1 -1
- package/dist/custom-elements.json +12148 -2304
- package/dist/docs.d.ts +344 -240
- package/dist/docs.json +13199 -3351
- package/dist/esm/app-globals-WylVyaRG.js +11 -0
- package/dist/esm/app-globals-WylVyaRG.js.map +1 -0
- package/dist/esm/controls-CZRW1LV_.js +28 -0
- package/dist/esm/controls-CZRW1LV_.js.map +1 -0
- package/dist/esm/{floating-ui.dom.esm-c2f3e549.js → floating-ui.dom-Bv2vPjgL.js} +557 -345
- package/dist/esm/floating-ui.dom-Bv2vPjgL.js.map +1 -0
- package/dist/esm/helpers-eFD8hV6J.js +291 -0
- package/dist/esm/helpers-eFD8hV6J.js.map +1 -0
- package/dist/esm/index-Hg1Liloy.js +2364 -0
- package/dist/esm/index-Hg1Liloy.js.map +1 -0
- package/dist/esm/index.js +40 -30
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/library-CBfntPWH.js +138 -0
- package/dist/esm/library-CBfntPWH.js.map +1 -0
- package/dist/esm/loader.js +10 -9
- package/dist/esm/loader.js.map +1 -1
- package/dist/esm/qds-action-item.entry.js +143 -0
- package/dist/esm/qds-action-item.entry.js.map +1 -0
- package/dist/esm/qds-avatar-media.qds-checkbox.qds-radio.entry.js.map +1 -0
- package/dist/esm/qds-avatar-media_3.entry.js +395 -0
- package/dist/esm/qds-badge-counter.qds-badge-indicator.entry.js.map +1 -0
- package/dist/esm/qds-badge-counter_2.entry.js +143 -0
- package/dist/esm/qds-breadcrumb-item.entry.js +127 -0
- package/dist/esm/qds-breadcrumb-item.entry.js.map +1 -0
- package/dist/esm/qds-button.entry.js +385 -91
- package/dist/esm/qds-button.entry.js.map +1 -1
- package/dist/esm/qds-chip.entry.js +250 -0
- package/dist/esm/qds-chip.entry.js.map +1 -0
- package/dist/esm/qds-dialog.entry.js +124 -75
- package/dist/esm/qds-dialog.entry.js.map +1 -1
- package/dist/esm/qds-divider.qds-icon-button.entry.js.map +1 -0
- package/dist/esm/qds-divider_2.entry.js +277 -0
- package/dist/esm/qds-dropdown.entry.js +373 -207
- package/dist/esm/qds-dropdown.entry.js.map +1 -1
- package/dist/esm/qds-form-message.entry.js +70 -25
- package/dist/esm/qds-form-message.entry.js.map +1 -1
- package/dist/esm/qds-icon-tab.entry.js +212 -0
- package/dist/esm/qds-icon-tab.entry.js.map +1 -0
- package/dist/esm/qds-icon.entry.js +112 -91
- package/dist/esm/qds-icon.entry.js.map +1 -1
- package/dist/esm/qds-inline-link.entry.js +137 -47
- package/dist/esm/qds-inline-link.entry.js.map +1 -1
- package/dist/esm/qds-input.entry.js +499 -186
- package/dist/esm/qds-input.entry.js.map +1 -1
- package/dist/esm/qds-label.entry.js +118 -25
- package/dist/esm/qds-label.entry.js.map +1 -1
- package/dist/esm/qds-list-item.entry.js +288 -0
- package/dist/esm/qds-list-item.entry.js.map +1 -0
- package/dist/esm/qds-loader.entry.js +124 -0
- package/dist/esm/qds-loader.entry.js.map +1 -0
- package/dist/esm/qds-menu-item.entry.js +156 -0
- package/dist/esm/qds-menu-item.entry.js.map +1 -0
- package/dist/esm/qds-mini-button.entry.js +130 -0
- package/dist/esm/qds-mini-button.entry.js.map +1 -0
- package/dist/esm/qds-progress-bar.entry.js +129 -0
- package/dist/esm/qds-progress-bar.entry.js.map +1 -0
- package/dist/esm/qds-select.entry.js +333 -0
- package/dist/esm/qds-select.entry.js.map +1 -0
- package/dist/esm/qds-standalone-link.entry.js +167 -0
- package/dist/esm/qds-standalone-link.entry.js.map +1 -0
- package/dist/esm/qds-switch.entry.js +221 -65
- package/dist/esm/qds-switch.entry.js.map +1 -1
- package/dist/esm/qds-tab.entry.js +263 -0
- package/dist/esm/qds-tab.entry.js.map +1 -0
- package/dist/esm/qds-tabbar.entry.js +342 -0
- package/dist/esm/qds-tabbar.entry.js.map +1 -0
- package/dist/esm/qds-table-cell.entry.js +59 -0
- package/dist/esm/qds-table-cell.entry.js.map +1 -0
- package/dist/esm/qds-table-head-cell.entry.js +63 -0
- package/dist/esm/qds-table-head-cell.entry.js.map +1 -0
- package/dist/esm/qds-table-row.entry.js +32 -0
- package/dist/esm/qds-table-row.entry.js.map +1 -0
- package/dist/esm/qds-table.entry.js +32 -0
- package/dist/esm/qds-table.entry.js.map +1 -0
- package/dist/esm/qds-tag.entry.js +108 -0
- package/dist/esm/qds-tag.entry.js.map +1 -0
- package/dist/esm/qds-textarea.entry.js +303 -154
- package/dist/esm/qds-textarea.entry.js.map +1 -1
- package/dist/esm/qds-title.entry.js +61 -50
- package/dist/esm/qds-title.entry.js.map +1 -1
- package/dist/esm/qds-tooltip.entry.js +334 -261
- package/dist/esm/qds-tooltip.entry.js.map +1 -1
- package/dist/esm/qds.js +18 -16
- package/dist/esm/qds.js.map +1 -1
- package/dist/types/components/action-item/action-item.d.ts +67 -0
- package/dist/types/components/avatar-media/avatar-media.d.ts +39 -0
- 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 +178 -0
- package/dist/types/components/button/button.d.ts +282 -198
- package/dist/types/components/checkbox/checkbox.d.ts +137 -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 +32 -41
- package/dist/types/components/divider/divider.d.ts +14 -9
- package/dist/types/components/dropdown/dropdown.d.ts +116 -125
- package/dist/types/components/form-message/form-message.d.ts +33 -25
- 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/icon-button/icon-button.d.ts +121 -0
- package/dist/types/components/icon-tab/icon-tab.d.ts +110 -0
- package/dist/types/components/inline-link/inline-link.d.ts +209 -191
- package/dist/types/components/input/input.d.ts +441 -368
- package/dist/types/components/label/label.d.ts +37 -24
- package/dist/types/components/list-item/list-item.d.ts +121 -0
- package/dist/types/components/loader/loader.d.ts +32 -0
- package/dist/types/components/menu-item/menu-item.d.ts +71 -0
- package/dist/types/components/mini-button/mini-button.d.ts +82 -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 +209 -0
- package/dist/types/components/shared.d.ts +6 -0
- package/dist/types/components/standalone-link/standalone-link.d.ts +234 -0
- package/dist/types/components/switch/switch.d.ts +122 -107
- package/dist/types/components/tab/tab.d.ts +155 -0
- package/dist/types/components/tabbar/tabbar.d.ts +56 -0
- package/dist/types/components/table/table.d.ts +14 -0
- package/dist/types/components/table-cell/table-cell.d.ts +33 -0
- package/dist/types/components/table-head-cell/table-head-cell.d.ts +50 -0
- package/dist/types/components/table-row/table-row.d.ts +14 -0
- package/dist/types/components/tag/tag.d.ts +55 -0
- package/dist/types/components/textarea/textarea.d.ts +295 -300
- package/dist/types/components/title/title.d.ts +39 -32
- package/dist/types/components/tooltip/tooltip.d.ts +111 -136
- package/dist/types/components.d.ts +4419 -957
- package/dist/types/helpers.d.ts +38 -19
- package/dist/types/index.d.ts +2 -1
- package/dist/types/interface-overrides.d.ts +215 -0
- package/dist/types/qds-test.d.ts +22 -11
- package/dist/types/stencil-public-runtime.d.ts +109 -17
- package/dist/types/utils.d.ts +11 -4
- package/dist/vscode.html-custom-data.json +2378 -439
- package/hydrate/index.d.ts +73 -18
- package/hydrate/index.js +28066 -9253
- package/hydrate/index.mjs +28956 -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 +23 -180
- package/styles/core.css +147 -19
- 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 -185
- 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-7f1cac3e.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-ad8d9466.js +0 -72
- package/dist/cjs/library-ad8d9466.js.map +0 -1
- package/dist/cjs/qds-button.cjs.entry.js.map +0 -1
- package/dist/cjs/qds-checkbox.cjs.entry.js +0 -116
- package/dist/cjs/qds-checkbox.cjs.entry.js.map +0 -1
- package/dist/cjs/qds-dialog.cjs.entry.js.map +0 -1
- package/dist/cjs/qds-divider.cjs.entry.js +0 -33
- package/dist/cjs/qds-divider.cjs.entry.js.map +0 -1
- package/dist/cjs/qds-dropdown.cjs.entry.js.map +0 -1
- package/dist/cjs/qds-form-message.cjs.entry.js.map +0 -1
- package/dist/cjs/qds-icon.cjs.entry.js.map +0 -1
- package/dist/cjs/qds-inline-link.cjs.entry.js.map +0 -1
- package/dist/cjs/qds-input.cjs.entry.js.map +0 -1
- package/dist/cjs/qds-label.cjs.entry.js.map +0 -1
- package/dist/cjs/qds-radio.cjs.entry.js +0 -74
- package/dist/cjs/qds-radio.cjs.entry.js.map +0 -1
- package/dist/cjs/qds-switch.cjs.entry.js.map +0 -1
- package/dist/cjs/qds-textarea.cjs.entry.js.map +0 -1
- package/dist/cjs/qds-title.cjs.entry.js.map +0 -1
- package/dist/cjs/qds-tooltip.cjs.entry.js.map +0 -1
- package/dist/esm/floating-ui.dom.esm-c2f3e549.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-f36d7d09.js +0 -68
- package/dist/esm/library-f36d7d09.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-checkbox.entry.js +0 -112
- package/dist/esm/qds-checkbox.entry.js.map +0 -1
- package/dist/esm/qds-divider.entry.js +0 -29
- package/dist/esm/qds-divider.entry.js.map +0 -1
- package/dist/esm/qds-radio.entry.js +0 -70
- package/dist/esm/qds-radio.entry.js.map +0 -1
- package/dist/types/components/create-story.d.ts +0 -5
- package/loader/package.json +0 -11
|
@@ -2,68 +2,1811 @@
|
|
|
2
2
|
"version": 1.1,
|
|
3
3
|
"tags": [
|
|
4
4
|
{
|
|
5
|
-
"name": "qds-
|
|
5
|
+
"name": "qds-action-item",
|
|
6
6
|
"description": {
|
|
7
7
|
"kind": "markdown",
|
|
8
|
-
"value": "
|
|
8
|
+
"value": "<!--\nSPDX-FileCopyrightText: © 2025 Schneider Electric\n\nSPDX-License-Identifier: Apache-2.0\n-->"
|
|
9
9
|
},
|
|
10
10
|
"attributes": [
|
|
11
|
+
{
|
|
12
|
+
"name": "action",
|
|
13
|
+
"description": "The name of the action icon to render.\n\nAvailable names exist on the core icon library."
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
"name": "action-description",
|
|
17
|
+
"description": "The action icon's accessible text that will be used by\nscreen readers."
|
|
18
|
+
},
|
|
11
19
|
{
|
|
12
20
|
"name": "disabled",
|
|
13
|
-
"description": "Prevents the
|
|
21
|
+
"description": "Prevents the action item from being interacted with: it cannot be clicked\nor focused."
|
|
14
22
|
},
|
|
15
23
|
{
|
|
16
|
-
"name": "
|
|
17
|
-
"description": "
|
|
24
|
+
"name": "icon-library",
|
|
25
|
+
"description": "The name of a registered icon library."
|
|
18
26
|
},
|
|
19
27
|
{
|
|
20
|
-
"name": "
|
|
21
|
-
"description": "The
|
|
28
|
+
"name": "icon-name",
|
|
29
|
+
"description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
|
|
22
30
|
},
|
|
23
31
|
{
|
|
24
|
-
"name": "
|
|
25
|
-
"description": "The
|
|
32
|
+
"name": "importance",
|
|
33
|
+
"description": "The action item's importance.",
|
|
34
|
+
"values": [
|
|
35
|
+
{
|
|
36
|
+
"name": "destructive"
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
"name": "emphasized"
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
"name": "standard"
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
"name": "subdued"
|
|
46
|
+
}
|
|
47
|
+
]
|
|
26
48
|
},
|
|
27
49
|
{
|
|
28
|
-
"name": "
|
|
29
|
-
"description": "
|
|
50
|
+
"name": "size",
|
|
51
|
+
"description": "The action items's size.",
|
|
30
52
|
"values": [
|
|
31
53
|
{
|
|
32
|
-
"name": "
|
|
54
|
+
"name": "large"
|
|
33
55
|
},
|
|
34
56
|
{
|
|
35
|
-
"name": "
|
|
57
|
+
"name": "small"
|
|
36
58
|
},
|
|
37
59
|
{
|
|
38
|
-
"name": "
|
|
60
|
+
"name": "standard"
|
|
39
61
|
}
|
|
40
62
|
]
|
|
41
63
|
},
|
|
42
64
|
{
|
|
43
|
-
"name": "
|
|
44
|
-
"description": "
|
|
65
|
+
"name": "text",
|
|
66
|
+
"description": "The action item's text."
|
|
67
|
+
}
|
|
68
|
+
]
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
"name": "qds-avatar-media",
|
|
72
|
+
"description": {
|
|
73
|
+
"kind": "markdown",
|
|
74
|
+
"value": "<!--\nSPDX-FileCopyrightText: © 2025 Schneider Electric\n\nSPDX-License-Identifier: Apache-2.0\n-->"
|
|
75
|
+
},
|
|
76
|
+
"attributes": [
|
|
77
|
+
{
|
|
78
|
+
"name": "alt",
|
|
79
|
+
"description": "The alt text for the avatar-media's image."
|
|
45
80
|
},
|
|
46
81
|
{
|
|
47
|
-
"name": "
|
|
48
|
-
"description": "
|
|
82
|
+
"name": "icon-library",
|
|
83
|
+
"description": "The avatar-media's icon library."
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"name": "icon-name",
|
|
87
|
+
"description": "The avatar-media's icon name."
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
"name": "src",
|
|
91
|
+
"description": "The avatar-media's image source."
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
"name": "text",
|
|
95
|
+
"description": "The avatar-media's text content."
|
|
96
|
+
}
|
|
97
|
+
]
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
"name": "qds-badge-counter",
|
|
101
|
+
"description": {
|
|
102
|
+
"kind": "markdown",
|
|
103
|
+
"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."
|
|
104
|
+
},
|
|
105
|
+
"attributes": [
|
|
106
|
+
{
|
|
107
|
+
"name": "description",
|
|
108
|
+
"description": "Adds accessible text to the qds-badge-counter that will be used by screen\nreaders."
|
|
109
|
+
},
|
|
110
|
+
{
|
|
111
|
+
"name": "importance",
|
|
112
|
+
"description": "The badge counter's importance.",
|
|
113
|
+
"values": [
|
|
114
|
+
{
|
|
115
|
+
"name": "destructive"
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
"name": "emphasized"
|
|
119
|
+
},
|
|
120
|
+
{
|
|
121
|
+
"name": "standard"
|
|
122
|
+
},
|
|
123
|
+
{
|
|
124
|
+
"name": "subdued"
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
"name": "subdued-destructive"
|
|
128
|
+
}
|
|
129
|
+
]
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
"name": "size",
|
|
133
|
+
"description": "The badge counter's size.",
|
|
134
|
+
"values": [
|
|
135
|
+
{
|
|
136
|
+
"name": "hero"
|
|
137
|
+
},
|
|
138
|
+
{
|
|
139
|
+
"name": "large"
|
|
140
|
+
},
|
|
141
|
+
{
|
|
142
|
+
"name": "small"
|
|
143
|
+
},
|
|
144
|
+
{
|
|
145
|
+
"name": "standard"
|
|
146
|
+
}
|
|
147
|
+
]
|
|
148
|
+
},
|
|
149
|
+
{
|
|
150
|
+
"name": "stroke-ring",
|
|
151
|
+
"description": "Shows a stroke ring around the component for better visibility"
|
|
152
|
+
},
|
|
153
|
+
{
|
|
154
|
+
"name": "value",
|
|
155
|
+
"description": "The badge-counter's value."
|
|
156
|
+
}
|
|
157
|
+
]
|
|
158
|
+
},
|
|
159
|
+
{
|
|
160
|
+
"name": "qds-badge-indicator",
|
|
161
|
+
"description": {
|
|
162
|
+
"kind": "markdown",
|
|
163
|
+
"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."
|
|
164
|
+
},
|
|
165
|
+
"attributes": [
|
|
166
|
+
{
|
|
167
|
+
"name": "description",
|
|
168
|
+
"description": "Adds accessible text to the qds-badge-indicator that will be used by\nscreen readers."
|
|
169
|
+
},
|
|
170
|
+
{
|
|
171
|
+
"name": "size",
|
|
172
|
+
"description": "The badge indicator's size.",
|
|
173
|
+
"values": [
|
|
174
|
+
{
|
|
175
|
+
"name": "hero"
|
|
176
|
+
},
|
|
177
|
+
{
|
|
178
|
+
"name": "large"
|
|
179
|
+
},
|
|
180
|
+
{
|
|
181
|
+
"name": "small"
|
|
182
|
+
},
|
|
183
|
+
{
|
|
184
|
+
"name": "standard"
|
|
185
|
+
}
|
|
186
|
+
]
|
|
187
|
+
},
|
|
188
|
+
{
|
|
189
|
+
"name": "status",
|
|
190
|
+
"description": "The badge indicator's status.",
|
|
191
|
+
"values": [
|
|
192
|
+
{
|
|
193
|
+
"name": "error"
|
|
194
|
+
},
|
|
195
|
+
{
|
|
196
|
+
"name": "info"
|
|
197
|
+
},
|
|
198
|
+
{
|
|
199
|
+
"name": "neutral"
|
|
200
|
+
},
|
|
201
|
+
{
|
|
202
|
+
"name": "success"
|
|
203
|
+
},
|
|
204
|
+
{
|
|
205
|
+
"name": "warning"
|
|
206
|
+
}
|
|
207
|
+
]
|
|
208
|
+
},
|
|
209
|
+
{
|
|
210
|
+
"name": "stroke-ring",
|
|
211
|
+
"description": "Shows a stroke ring around the badge indicator for better visibility."
|
|
212
|
+
}
|
|
213
|
+
]
|
|
214
|
+
},
|
|
215
|
+
{
|
|
216
|
+
"name": "qds-breadcrumb-item",
|
|
217
|
+
"description": {
|
|
218
|
+
"kind": "markdown",
|
|
219
|
+
"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."
|
|
220
|
+
},
|
|
221
|
+
"attributes": [
|
|
222
|
+
{
|
|
223
|
+
"name": "disabled",
|
|
224
|
+
"description": "Prevents the breadcrumb item from being interacted with: it cannot be pressed\nor focused."
|
|
225
|
+
},
|
|
226
|
+
{
|
|
227
|
+
"name": "href",
|
|
228
|
+
"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)"
|
|
229
|
+
},
|
|
230
|
+
{
|
|
231
|
+
"name": "hreflang",
|
|
232
|
+
"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)."
|
|
233
|
+
},
|
|
234
|
+
{
|
|
235
|
+
"name": "icon-library",
|
|
236
|
+
"description": "The name of a registered icon library."
|
|
237
|
+
},
|
|
238
|
+
{
|
|
239
|
+
"name": "icon-name",
|
|
240
|
+
"description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
|
|
241
|
+
},
|
|
242
|
+
{
|
|
243
|
+
"name": "referrerpolicy",
|
|
244
|
+
"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.",
|
|
245
|
+
"values": [
|
|
246
|
+
{
|
|
247
|
+
"name": "no-referrer"
|
|
248
|
+
},
|
|
249
|
+
{
|
|
250
|
+
"name": "no-referrer-when-downgrade"
|
|
251
|
+
},
|
|
252
|
+
{
|
|
253
|
+
"name": "origin"
|
|
254
|
+
},
|
|
255
|
+
{
|
|
256
|
+
"name": "origin-when-cross-origin"
|
|
257
|
+
},
|
|
258
|
+
{
|
|
259
|
+
"name": "same-origin"
|
|
260
|
+
},
|
|
261
|
+
{
|
|
262
|
+
"name": "strict-origin"
|
|
263
|
+
},
|
|
264
|
+
{
|
|
265
|
+
"name": "strict-origin-when-cross-origin"
|
|
266
|
+
},
|
|
267
|
+
{
|
|
268
|
+
"name": "unsafe-url"
|
|
269
|
+
}
|
|
270
|
+
]
|
|
271
|
+
},
|
|
272
|
+
{
|
|
273
|
+
"name": "rel",
|
|
274
|
+
"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."
|
|
275
|
+
},
|
|
276
|
+
{
|
|
277
|
+
"name": "target",
|
|
278
|
+
"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`.",
|
|
49
279
|
"values": [
|
|
50
280
|
{
|
|
51
281
|
"name": "_blank"
|
|
52
282
|
},
|
|
53
283
|
{
|
|
54
|
-
"name": "_parent"
|
|
284
|
+
"name": "_parent"
|
|
285
|
+
},
|
|
286
|
+
{
|
|
287
|
+
"name": "_self"
|
|
288
|
+
},
|
|
289
|
+
{
|
|
290
|
+
"name": "_top"
|
|
291
|
+
}
|
|
292
|
+
]
|
|
293
|
+
},
|
|
294
|
+
{
|
|
295
|
+
"name": "text",
|
|
296
|
+
"description": "The breadcrumb item's text."
|
|
297
|
+
}
|
|
298
|
+
]
|
|
299
|
+
},
|
|
300
|
+
{
|
|
301
|
+
"name": "qds-button",
|
|
302
|
+
"description": {
|
|
303
|
+
"kind": "markdown",
|
|
304
|
+
"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."
|
|
305
|
+
},
|
|
306
|
+
"attributes": [
|
|
307
|
+
{
|
|
308
|
+
"name": "action",
|
|
309
|
+
"description": "The name of the action icon to render.",
|
|
310
|
+
"values": [
|
|
311
|
+
{
|
|
312
|
+
"name": "dropdown"
|
|
313
|
+
},
|
|
314
|
+
{
|
|
315
|
+
"name": "dropdown-close"
|
|
316
|
+
},
|
|
317
|
+
{
|
|
318
|
+
"name": "next"
|
|
319
|
+
}
|
|
320
|
+
]
|
|
321
|
+
},
|
|
322
|
+
{
|
|
323
|
+
"name": "badge",
|
|
324
|
+
"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."
|
|
325
|
+
},
|
|
326
|
+
{
|
|
327
|
+
"name": "badge-description",
|
|
328
|
+
"description": "The indicator or counter badge's accessible text that will be used by\nscreen readers."
|
|
329
|
+
},
|
|
330
|
+
{
|
|
331
|
+
"name": "badge-indicator-status",
|
|
332
|
+
"description": "The indicator's status.",
|
|
333
|
+
"values": [
|
|
334
|
+
{
|
|
335
|
+
"name": "error"
|
|
336
|
+
},
|
|
337
|
+
{
|
|
338
|
+
"name": "info"
|
|
339
|
+
},
|
|
340
|
+
{
|
|
341
|
+
"name": "neutral"
|
|
342
|
+
},
|
|
343
|
+
{
|
|
344
|
+
"name": "success"
|
|
345
|
+
},
|
|
346
|
+
{
|
|
347
|
+
"name": "warning"
|
|
348
|
+
}
|
|
349
|
+
]
|
|
350
|
+
},
|
|
351
|
+
{
|
|
352
|
+
"name": "disabled",
|
|
353
|
+
"description": "Prevents the button from being interacted with: it cannot be pressed or\nfocused."
|
|
354
|
+
},
|
|
355
|
+
{
|
|
356
|
+
"name": "download",
|
|
357
|
+
"description": "Tells the browser to download the linked file as this filename. Only used\nwhen `href` is set."
|
|
358
|
+
},
|
|
359
|
+
{
|
|
360
|
+
"name": "form",
|
|
361
|
+
"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"
|
|
362
|
+
},
|
|
363
|
+
{
|
|
364
|
+
"name": "formaction",
|
|
365
|
+
"description": "The URL that processes the information submitted by the button. Overrides\nthe [`action`](https://developer.mozilla.org/docs/Web/HTML/Element/button#attr-formaction)\nattribute of the button's form owner. Does nothing if there is no form owner."
|
|
366
|
+
},
|
|
367
|
+
{
|
|
368
|
+
"name": "formmethod",
|
|
369
|
+
"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",
|
|
370
|
+
"values": [
|
|
371
|
+
{
|
|
372
|
+
"name": "dialog"
|
|
373
|
+
},
|
|
374
|
+
{
|
|
375
|
+
"name": "get"
|
|
376
|
+
},
|
|
377
|
+
{
|
|
378
|
+
"name": "post"
|
|
379
|
+
}
|
|
380
|
+
]
|
|
381
|
+
},
|
|
382
|
+
{
|
|
383
|
+
"name": "formnovalidate",
|
|
384
|
+
"description": "If the button is a submit button, this attribute specifies that the form\nis not to be\n[validated](https://developer.mozilla.org/docs/Learn/Forms/Form_validation)\nwhen it is submitted. If this attribute is specified, it overrides the\n[`novalidate`](https://developer.mozilla.org/docs/Web/HTML/Element/form#attr-novalidate)\nattribute of the button's form owner."
|
|
385
|
+
},
|
|
386
|
+
{
|
|
387
|
+
"name": "formtarget",
|
|
388
|
+
"description": "If the button is a submit button, this attribute is an author-defined name\nor standardized, underscore-prefixed keyword indicating where to display\nthe response from submitting the form. This is the `name` of, or keyword\nfor, a browsing context (a tab, window, or\n[`<iframe>`](https://developer.mozilla.org/docs/Web/HTML/Element/iframe)).\nIf this attribute is specified, it overrides the\n[`target`](https://developer.mozilla.org/docs/Web/HTML/Element/form#attr-target)\nattribute of the button's form owner. The following keywords have special\nmeanings:\n\n- `_blank`: Load the response into a new unnamed browsing context — usually\na new tab or window, depending on the user's browser settings.\n- `_parent`: Load the response into the parent browsing context of the\ncurrent one. If there is no parent, this option behaves the same way as\n`_self`.\n- `_self`: Load the response into the same browsing context as the current\none.\n- `_top`: Load the response into the top-level browsing context (that is,\nthe browsing context that is an ancestor of the current one, and has no\nparent). If there is no parent, this option behaves the same way as\n`_self`.",
|
|
389
|
+
"values": [
|
|
390
|
+
{
|
|
391
|
+
"name": "_blank"
|
|
392
|
+
},
|
|
393
|
+
{
|
|
394
|
+
"name": "_parent"
|
|
395
|
+
},
|
|
396
|
+
{
|
|
397
|
+
"name": "_self"
|
|
398
|
+
},
|
|
399
|
+
{
|
|
400
|
+
"name": "_top"
|
|
401
|
+
}
|
|
402
|
+
]
|
|
403
|
+
},
|
|
404
|
+
{
|
|
405
|
+
"name": "href",
|
|
406
|
+
"description": "When set, the underlying button will be rendered as an `<a>` with this\n`href` instead of a `<button>`."
|
|
407
|
+
},
|
|
408
|
+
{
|
|
409
|
+
"name": "icon-library",
|
|
410
|
+
"description": "The name of a registered icon library."
|
|
411
|
+
},
|
|
412
|
+
{
|
|
413
|
+
"name": "icon-name",
|
|
414
|
+
"description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
|
|
415
|
+
},
|
|
416
|
+
{
|
|
417
|
+
"name": "icon-only",
|
|
418
|
+
"description": ""
|
|
419
|
+
},
|
|
420
|
+
{
|
|
421
|
+
"name": "importance",
|
|
422
|
+
"description": "The button's importance.",
|
|
423
|
+
"values": [
|
|
424
|
+
{
|
|
425
|
+
"name": "destructive"
|
|
426
|
+
},
|
|
427
|
+
{
|
|
428
|
+
"name": "emphasized"
|
|
429
|
+
},
|
|
430
|
+
{
|
|
431
|
+
"name": "standard"
|
|
432
|
+
},
|
|
433
|
+
{
|
|
434
|
+
"name": "subdued"
|
|
435
|
+
},
|
|
436
|
+
{
|
|
437
|
+
"name": "subdued-destructive"
|
|
438
|
+
}
|
|
439
|
+
]
|
|
440
|
+
},
|
|
441
|
+
{
|
|
442
|
+
"name": "labels",
|
|
443
|
+
"description": "Returns a list of the [`<label>`][] elements associated with the\n`qds-button` element.\n\n[`<label>`]: https://developer.mozilla.org/docs/Web/HTML/Element/label"
|
|
444
|
+
},
|
|
445
|
+
{
|
|
446
|
+
"name": "name",
|
|
447
|
+
"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."
|
|
448
|
+
},
|
|
449
|
+
{
|
|
450
|
+
"name": "rel",
|
|
451
|
+
"description": "When href is define and the button act as a link (`<a>`), the `rel` will be added to the element."
|
|
452
|
+
},
|
|
453
|
+
{
|
|
454
|
+
"name": "size",
|
|
455
|
+
"description": "The button's size.",
|
|
456
|
+
"values": [
|
|
457
|
+
{
|
|
458
|
+
"name": "hero"
|
|
459
|
+
},
|
|
460
|
+
{
|
|
461
|
+
"name": "large"
|
|
462
|
+
},
|
|
463
|
+
{
|
|
464
|
+
"name": "small"
|
|
465
|
+
},
|
|
466
|
+
{
|
|
467
|
+
"name": "standard"
|
|
468
|
+
}
|
|
469
|
+
]
|
|
470
|
+
},
|
|
471
|
+
{
|
|
472
|
+
"name": "target",
|
|
473
|
+
"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`.",
|
|
474
|
+
"values": [
|
|
475
|
+
{
|
|
476
|
+
"name": "_blank"
|
|
477
|
+
},
|
|
478
|
+
{
|
|
479
|
+
"name": "_parent"
|
|
480
|
+
},
|
|
481
|
+
{
|
|
482
|
+
"name": "_self"
|
|
483
|
+
},
|
|
484
|
+
{
|
|
485
|
+
"name": "_top"
|
|
486
|
+
}
|
|
487
|
+
]
|
|
488
|
+
},
|
|
489
|
+
{
|
|
490
|
+
"name": "text",
|
|
491
|
+
"description": "The button's text."
|
|
492
|
+
},
|
|
493
|
+
{
|
|
494
|
+
"name": "tooltip-placement",
|
|
495
|
+
"description": "Placement of the overflow tooltip.",
|
|
496
|
+
"values": [
|
|
497
|
+
{
|
|
498
|
+
"name": "bottom"
|
|
499
|
+
},
|
|
500
|
+
{
|
|
501
|
+
"name": "bottom-end"
|
|
502
|
+
},
|
|
503
|
+
{
|
|
504
|
+
"name": "bottom-start"
|
|
505
|
+
},
|
|
506
|
+
{
|
|
507
|
+
"name": "left"
|
|
508
|
+
},
|
|
509
|
+
{
|
|
510
|
+
"name": "left-end"
|
|
511
|
+
},
|
|
512
|
+
{
|
|
513
|
+
"name": "left-start"
|
|
514
|
+
},
|
|
515
|
+
{
|
|
516
|
+
"name": "right"
|
|
517
|
+
},
|
|
518
|
+
{
|
|
519
|
+
"name": "right-end"
|
|
520
|
+
},
|
|
521
|
+
{
|
|
522
|
+
"name": "right-start"
|
|
523
|
+
},
|
|
524
|
+
{
|
|
525
|
+
"name": "top"
|
|
526
|
+
},
|
|
527
|
+
{
|
|
528
|
+
"name": "top-end"
|
|
529
|
+
},
|
|
530
|
+
{
|
|
531
|
+
"name": "top-start"
|
|
532
|
+
}
|
|
533
|
+
]
|
|
534
|
+
},
|
|
535
|
+
{
|
|
536
|
+
"name": "type",
|
|
537
|
+
"description": "The type of button.\n\n`button`: The button has no default behavior, and does nothing when\npressed by default. It can have client-side scripts listen to the\nelement's events, which are triggered when the events occur.\n\n`submit`: The button submits the form data to the server. This is the\ndefault if the attribute is not specified for buttons associated with a\n`<form>`, or if the attribute is an empty or invalid value.\n\n`reset`: The button resets all the controls to their initial values.",
|
|
538
|
+
"values": [
|
|
539
|
+
{
|
|
540
|
+
"name": "button"
|
|
541
|
+
},
|
|
542
|
+
{
|
|
543
|
+
"name": "reset"
|
|
544
|
+
},
|
|
545
|
+
{
|
|
546
|
+
"name": "submit"
|
|
547
|
+
}
|
|
548
|
+
]
|
|
549
|
+
},
|
|
550
|
+
{
|
|
551
|
+
"name": "validation-message",
|
|
552
|
+
"description": "The error message that would be shown to the user if the `<qds-button>`\nwas to be checked for validity."
|
|
553
|
+
},
|
|
554
|
+
{
|
|
555
|
+
"name": "validity",
|
|
556
|
+
"description": "The [`ValidityState`][] object for this `<qds-button>`.\n\n[`ValidityState`]: https://developer.mozilla.org/docs/Web/API/ValidityState"
|
|
557
|
+
},
|
|
558
|
+
{
|
|
559
|
+
"name": "value",
|
|
560
|
+
"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."
|
|
561
|
+
},
|
|
562
|
+
{
|
|
563
|
+
"name": "will-validate",
|
|
564
|
+
"description": "True if `<qds-button>` will be validated when the form is submitted; false\notherwise."
|
|
565
|
+
}
|
|
566
|
+
]
|
|
567
|
+
},
|
|
568
|
+
{
|
|
569
|
+
"name": "qds-checkbox",
|
|
570
|
+
"description": {
|
|
571
|
+
"kind": "markdown",
|
|
572
|
+
"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)."
|
|
573
|
+
},
|
|
574
|
+
"attributes": [
|
|
575
|
+
{
|
|
576
|
+
"name": "checkbox-only",
|
|
577
|
+
"description": "Whether or not the text is displayed."
|
|
578
|
+
},
|
|
579
|
+
{
|
|
580
|
+
"name": "checked",
|
|
581
|
+
"description": "Sets the checkbox's state."
|
|
582
|
+
},
|
|
583
|
+
{
|
|
584
|
+
"name": "disabled",
|
|
585
|
+
"description": "Prevents the checkbox from being interacted with: it cannot be pressed or\nfocused."
|
|
586
|
+
},
|
|
587
|
+
{
|
|
588
|
+
"name": "form",
|
|
589
|
+
"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"
|
|
590
|
+
},
|
|
591
|
+
{
|
|
592
|
+
"name": "indeterminate",
|
|
593
|
+
"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."
|
|
594
|
+
},
|
|
595
|
+
{
|
|
596
|
+
"name": "inline",
|
|
597
|
+
"description": "Adds vertical margin to the checkbox for alignment.\n\nThis is useful when creating inline layouts so that the first lines have\nthe correct vertical centering."
|
|
598
|
+
},
|
|
599
|
+
{
|
|
600
|
+
"name": "name",
|
|
601
|
+
"description": "The name of the checkbox, which is submitted with the form data."
|
|
602
|
+
},
|
|
603
|
+
{
|
|
604
|
+
"name": "required",
|
|
605
|
+
"description": "A value must be specified for the checkbox before the owning form can be\nsubmitted.\n\nSee\n[Client-side validation](https://developer.mozilla.org/docs/Web/HTML/Element/input#client-side_validation)\nand the\n[HTML attribute: `required`](https://developer.mozilla.org/docs/Web/HTML/Attributes/required)\nfor more information."
|
|
606
|
+
},
|
|
607
|
+
{
|
|
608
|
+
"name": "size",
|
|
609
|
+
"description": "The checkbox's size.",
|
|
610
|
+
"values": [
|
|
611
|
+
{
|
|
612
|
+
"name": "large"
|
|
613
|
+
},
|
|
614
|
+
{
|
|
615
|
+
"name": "small"
|
|
616
|
+
},
|
|
617
|
+
{
|
|
618
|
+
"name": "standard"
|
|
619
|
+
}
|
|
620
|
+
]
|
|
621
|
+
},
|
|
622
|
+
{
|
|
623
|
+
"name": "text",
|
|
624
|
+
"description": "The checkbox's text.\n\nIts value will also be used as the `aria-label` value when the\n`checkbox-only` attribute is specified."
|
|
625
|
+
},
|
|
626
|
+
{
|
|
627
|
+
"name": "validation-message",
|
|
628
|
+
"description": "The error message that would be shown to the user if the `<qds-checkbox>`\nwas to be checked for validity."
|
|
629
|
+
},
|
|
630
|
+
{
|
|
631
|
+
"name": "validity",
|
|
632
|
+
"description": "The [`ValidityState`][] object for this `<qds-checkbox>`.\n\n[`ValidityState`]: https://developer.mozilla.org/docs/Web/API/ValidityState"
|
|
633
|
+
},
|
|
634
|
+
{
|
|
635
|
+
"name": "value",
|
|
636
|
+
"description": "The value of the checkbox, submitted as a name/value pair with form data."
|
|
637
|
+
},
|
|
638
|
+
{
|
|
639
|
+
"name": "will-validate",
|
|
640
|
+
"description": "True if `<qds-checkbox>` will be validated when the form is submitted;\nfalse otherwise."
|
|
641
|
+
}
|
|
642
|
+
]
|
|
643
|
+
},
|
|
644
|
+
{
|
|
645
|
+
"name": "qds-chip",
|
|
646
|
+
"description": {
|
|
647
|
+
"kind": "markdown",
|
|
648
|
+
"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."
|
|
649
|
+
},
|
|
650
|
+
"attributes": [
|
|
651
|
+
{
|
|
652
|
+
"name": "checked",
|
|
653
|
+
"description": "Sets the selectable chip's state."
|
|
654
|
+
},
|
|
655
|
+
{
|
|
656
|
+
"name": "disabled",
|
|
657
|
+
"description": "Prevents the chip from being interacted with: it cannot be pressed or\nfocused."
|
|
658
|
+
},
|
|
659
|
+
{
|
|
660
|
+
"name": "form",
|
|
661
|
+
"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."
|
|
662
|
+
},
|
|
663
|
+
{
|
|
664
|
+
"name": "icon-library",
|
|
665
|
+
"description": "The name of a registered icon library."
|
|
666
|
+
},
|
|
667
|
+
{
|
|
668
|
+
"name": "icon-name",
|
|
669
|
+
"description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
|
|
670
|
+
},
|
|
671
|
+
{
|
|
672
|
+
"name": "name",
|
|
673
|
+
"description": "The name of the chip, which is submitted with the form data."
|
|
674
|
+
},
|
|
675
|
+
{
|
|
676
|
+
"name": "size",
|
|
677
|
+
"description": "The chip's size.",
|
|
678
|
+
"values": [
|
|
679
|
+
{
|
|
680
|
+
"name": "large"
|
|
681
|
+
},
|
|
682
|
+
{
|
|
683
|
+
"name": "small"
|
|
684
|
+
},
|
|
685
|
+
{
|
|
686
|
+
"name": "standard"
|
|
687
|
+
}
|
|
688
|
+
]
|
|
689
|
+
},
|
|
690
|
+
{
|
|
691
|
+
"name": "text",
|
|
692
|
+
"description": "The chip's text."
|
|
693
|
+
},
|
|
694
|
+
{
|
|
695
|
+
"name": "type",
|
|
696
|
+
"description": "The chip's type.",
|
|
697
|
+
"values": [
|
|
698
|
+
{
|
|
699
|
+
"name": "closable"
|
|
700
|
+
},
|
|
701
|
+
{
|
|
702
|
+
"name": "selectable"
|
|
703
|
+
}
|
|
704
|
+
]
|
|
705
|
+
},
|
|
706
|
+
{
|
|
707
|
+
"name": "value",
|
|
708
|
+
"description": "The value of the chip, submitted as a name/value pair with form data."
|
|
709
|
+
}
|
|
710
|
+
]
|
|
711
|
+
},
|
|
712
|
+
{
|
|
713
|
+
"name": "qds-dialog",
|
|
714
|
+
"description": {
|
|
715
|
+
"kind": "markdown",
|
|
716
|
+
"value": "The `<qds-dialog>` element represent a dialog box or other interactive\ncomponent, such as a dismissible alert, inspector, or subwindow."
|
|
717
|
+
},
|
|
718
|
+
"attributes": [
|
|
719
|
+
{
|
|
720
|
+
"name": "closable",
|
|
721
|
+
"description": "Adds a close button to the dialog."
|
|
722
|
+
},
|
|
723
|
+
{
|
|
724
|
+
"name": "open",
|
|
725
|
+
"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."
|
|
726
|
+
}
|
|
727
|
+
]
|
|
728
|
+
},
|
|
729
|
+
{
|
|
730
|
+
"name": "qds-divider",
|
|
731
|
+
"description": {
|
|
732
|
+
"kind": "markdown",
|
|
733
|
+
"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."
|
|
734
|
+
},
|
|
735
|
+
"attributes": [
|
|
736
|
+
{
|
|
737
|
+
"name": "importance",
|
|
738
|
+
"description": "The divider's importance.",
|
|
739
|
+
"values": [
|
|
740
|
+
{
|
|
741
|
+
"name": "emphasized"
|
|
742
|
+
},
|
|
743
|
+
{
|
|
744
|
+
"name": "standard"
|
|
745
|
+
},
|
|
746
|
+
{
|
|
747
|
+
"name": "subdued"
|
|
748
|
+
}
|
|
749
|
+
]
|
|
750
|
+
},
|
|
751
|
+
{
|
|
752
|
+
"name": "vertical",
|
|
753
|
+
"description": "Display the divider in vertical orientation."
|
|
754
|
+
}
|
|
755
|
+
]
|
|
756
|
+
},
|
|
757
|
+
{
|
|
758
|
+
"name": "qds-dropdown",
|
|
759
|
+
"description": {
|
|
760
|
+
"kind": "markdown",
|
|
761
|
+
"value": "<!--\nSPDX-FileCopyrightText: © 2024 Schneider Electric\n\nSPDX-License-Identifier: Apache-2.0\n-->"
|
|
762
|
+
},
|
|
763
|
+
"attributes": [
|
|
764
|
+
{
|
|
765
|
+
"name": "auto-update-options",
|
|
766
|
+
"description": "Options to pass to Floating UI's\n[`autoUpdate()` function](https://floating-ui.com/docs/autoUpdate)."
|
|
767
|
+
},
|
|
768
|
+
{
|
|
769
|
+
"name": "disabled",
|
|
770
|
+
"description": "Prevents the dropdown from being shown by user interaction. The dropdown\ncan still be displayed by calling the `show()` method."
|
|
771
|
+
},
|
|
772
|
+
{
|
|
773
|
+
"name": "flip-options",
|
|
774
|
+
"description": "Options to pass to Floating UI's\n[`flip` middleware](https://floating-ui.com/docs/flip).\n\nThe [`crossAxis` option](https://floating-ui.com/docs/flip#crossaxis) is\nset to the value of the `noShift` property by default for interoperability\nwith the [`shift` middleware](https://floating-ui.com/docs/shift).",
|
|
775
|
+
"values": [
|
|
776
|
+
{
|
|
777
|
+
"name": "alignment"
|
|
778
|
+
},
|
|
779
|
+
{
|
|
780
|
+
"name": "initialPlacement"
|
|
781
|
+
},
|
|
782
|
+
{
|
|
783
|
+
"name": "start"
|
|
784
|
+
},
|
|
785
|
+
{
|
|
786
|
+
"name": "end"
|
|
787
|
+
}
|
|
788
|
+
]
|
|
789
|
+
},
|
|
790
|
+
{
|
|
791
|
+
"name": "keep-open-on-select",
|
|
792
|
+
"description": "By default, the dropdown is closed when an item is selected. This attribute will keep it open instead. Useful for\ndropdowns that allow for multiple interactions."
|
|
793
|
+
},
|
|
794
|
+
{
|
|
795
|
+
"name": "no-flip",
|
|
796
|
+
"description": "Disable Floating UI's\n[`flip` middleware](https://floating-ui.com/docs/flip)."
|
|
797
|
+
},
|
|
798
|
+
{
|
|
799
|
+
"name": "no-shift",
|
|
800
|
+
"description": "Disable Floating UI's\n[`shift` middleware](https://floating-ui.com/docs/shift)."
|
|
801
|
+
},
|
|
802
|
+
{
|
|
803
|
+
"name": "offset-options",
|
|
804
|
+
"description": "Options to pass to Floating UI's\n[`offset` middleware](https://floating-ui.com/docs/offset).\n\nThe [`mainAxis` option](https://floating-ui.com/docs/offset#mainaxis) is\nnot supported."
|
|
805
|
+
},
|
|
806
|
+
{
|
|
807
|
+
"name": "placement",
|
|
808
|
+
"description": "Where to place the dropdown relative to the `target`.",
|
|
809
|
+
"values": [
|
|
810
|
+
{
|
|
811
|
+
"name": "bottom"
|
|
812
|
+
},
|
|
813
|
+
{
|
|
814
|
+
"name": "bottom-end"
|
|
815
|
+
},
|
|
816
|
+
{
|
|
817
|
+
"name": "bottom-start"
|
|
818
|
+
},
|
|
819
|
+
{
|
|
820
|
+
"name": "left"
|
|
821
|
+
},
|
|
822
|
+
{
|
|
823
|
+
"name": "left-end"
|
|
824
|
+
},
|
|
825
|
+
{
|
|
826
|
+
"name": "left-start"
|
|
827
|
+
},
|
|
828
|
+
{
|
|
829
|
+
"name": "right"
|
|
830
|
+
},
|
|
831
|
+
{
|
|
832
|
+
"name": "right-end"
|
|
833
|
+
},
|
|
834
|
+
{
|
|
835
|
+
"name": "right-start"
|
|
836
|
+
},
|
|
837
|
+
{
|
|
838
|
+
"name": "top"
|
|
839
|
+
},
|
|
840
|
+
{
|
|
841
|
+
"name": "top-end"
|
|
842
|
+
},
|
|
843
|
+
{
|
|
844
|
+
"name": "top-start"
|
|
845
|
+
}
|
|
846
|
+
]
|
|
847
|
+
},
|
|
848
|
+
{
|
|
849
|
+
"name": "shift-options",
|
|
850
|
+
"description": "Options to pass to Floating UI's\n[`shift` middleware](https://floating-ui.com/docs/shift)."
|
|
851
|
+
},
|
|
852
|
+
{
|
|
853
|
+
"name": "strategy",
|
|
854
|
+
"description": "The CSS position strategy to use.",
|
|
855
|
+
"values": [
|
|
856
|
+
{
|
|
857
|
+
"name": "absolute"
|
|
858
|
+
},
|
|
859
|
+
{
|
|
860
|
+
"name": "fixed"
|
|
861
|
+
}
|
|
862
|
+
]
|
|
863
|
+
},
|
|
864
|
+
{
|
|
865
|
+
"name": "target",
|
|
866
|
+
"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"
|
|
867
|
+
}
|
|
868
|
+
]
|
|
869
|
+
},
|
|
870
|
+
{
|
|
871
|
+
"name": "qds-form-message",
|
|
872
|
+
"description": {
|
|
873
|
+
"kind": "markdown",
|
|
874
|
+
"value": "`<qds-form-message>` elements represent messages for a form field in a user\ninterface."
|
|
875
|
+
},
|
|
876
|
+
"attributes": [
|
|
877
|
+
{
|
|
878
|
+
"name": "inline",
|
|
879
|
+
"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."
|
|
880
|
+
},
|
|
881
|
+
{
|
|
882
|
+
"name": "size",
|
|
883
|
+
"description": "The form message's size.",
|
|
884
|
+
"values": [
|
|
885
|
+
{
|
|
886
|
+
"name": "large"
|
|
887
|
+
},
|
|
888
|
+
{
|
|
889
|
+
"name": "small"
|
|
890
|
+
},
|
|
891
|
+
{
|
|
892
|
+
"name": "standard"
|
|
893
|
+
}
|
|
894
|
+
]
|
|
895
|
+
},
|
|
896
|
+
{
|
|
897
|
+
"name": "status",
|
|
898
|
+
"description": "The form message's status.",
|
|
899
|
+
"values": [
|
|
900
|
+
{
|
|
901
|
+
"name": "error"
|
|
902
|
+
},
|
|
903
|
+
{
|
|
904
|
+
"name": "info"
|
|
905
|
+
},
|
|
906
|
+
{
|
|
907
|
+
"name": "neutral"
|
|
908
|
+
},
|
|
909
|
+
{
|
|
910
|
+
"name": "success"
|
|
911
|
+
},
|
|
912
|
+
{
|
|
913
|
+
"name": "warning"
|
|
914
|
+
}
|
|
915
|
+
]
|
|
916
|
+
},
|
|
917
|
+
{
|
|
918
|
+
"name": "status-description",
|
|
919
|
+
"description": "Adds accessible text to the icon's form message that will be used by screen readers."
|
|
920
|
+
},
|
|
921
|
+
{
|
|
922
|
+
"name": "text",
|
|
923
|
+
"description": "The form message's text."
|
|
924
|
+
}
|
|
925
|
+
]
|
|
926
|
+
},
|
|
927
|
+
{
|
|
928
|
+
"name": "qds-icon",
|
|
929
|
+
"description": {
|
|
930
|
+
"kind": "markdown",
|
|
931
|
+
"value": "<!--\nSPDX-FileCopyrightText: © 2024 Schneider Electric\n\nSPDX-License-Identifier: Apache-2.0\n-->"
|
|
932
|
+
},
|
|
933
|
+
"attributes": [
|
|
934
|
+
{
|
|
935
|
+
"name": "library",
|
|
936
|
+
"description": "The name of a registered icon library."
|
|
937
|
+
},
|
|
938
|
+
{
|
|
939
|
+
"name": "name",
|
|
940
|
+
"description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
|
|
941
|
+
}
|
|
942
|
+
]
|
|
943
|
+
},
|
|
944
|
+
{
|
|
945
|
+
"name": "qds-icon-button",
|
|
946
|
+
"description": {
|
|
947
|
+
"kind": "markdown",
|
|
948
|
+
"value": "The `<qds-icon-button>` is an interactive element activated by a user\nwith a mouse, keyboard, finger, voice command, or other assistive technology.\nOnce activated, it performs a programmable action, such as submitting a\n[form](https://developer.mozilla.org/docs/Learn/Forms)\nor opening a dialog."
|
|
949
|
+
},
|
|
950
|
+
"attributes": [
|
|
951
|
+
{
|
|
952
|
+
"name": "badge",
|
|
953
|
+
"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."
|
|
954
|
+
},
|
|
955
|
+
{
|
|
956
|
+
"name": "badge-description",
|
|
957
|
+
"description": "The indicator or counter badge's accessible text that will be used by\nscreen readers."
|
|
958
|
+
},
|
|
959
|
+
{
|
|
960
|
+
"name": "badge-indicator-status",
|
|
961
|
+
"description": "The indicator's status.",
|
|
962
|
+
"values": [
|
|
963
|
+
{
|
|
964
|
+
"name": "error"
|
|
965
|
+
},
|
|
966
|
+
{
|
|
967
|
+
"name": "info"
|
|
968
|
+
},
|
|
969
|
+
{
|
|
970
|
+
"name": "neutral"
|
|
971
|
+
},
|
|
972
|
+
{
|
|
973
|
+
"name": "success"
|
|
974
|
+
},
|
|
975
|
+
{
|
|
976
|
+
"name": "warning"
|
|
977
|
+
}
|
|
978
|
+
]
|
|
979
|
+
},
|
|
980
|
+
{
|
|
981
|
+
"name": "disabled",
|
|
982
|
+
"description": "Prevents the icon button from being interacted with: it cannot be pressed or\nfocused."
|
|
983
|
+
},
|
|
984
|
+
{
|
|
985
|
+
"name": "download",
|
|
986
|
+
"description": "Tells the browser to download the linked file as this filename. Only used\nwhen `href` is set."
|
|
987
|
+
},
|
|
988
|
+
{
|
|
989
|
+
"name": "href",
|
|
990
|
+
"description": "When set, the underlying button will be rendered as an `<a>` with this\n`href` instead of a `<button>`."
|
|
991
|
+
},
|
|
992
|
+
{
|
|
993
|
+
"name": "icon-library",
|
|
994
|
+
"description": "The name of a registered icon library."
|
|
995
|
+
},
|
|
996
|
+
{
|
|
997
|
+
"name": "icon-name",
|
|
998
|
+
"description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
|
|
999
|
+
},
|
|
1000
|
+
{
|
|
1001
|
+
"name": "importance",
|
|
1002
|
+
"description": "The icon button's importance.",
|
|
1003
|
+
"values": [
|
|
1004
|
+
{
|
|
1005
|
+
"name": "destructive"
|
|
1006
|
+
},
|
|
1007
|
+
{
|
|
1008
|
+
"name": "emphasized"
|
|
1009
|
+
},
|
|
1010
|
+
{
|
|
1011
|
+
"name": "standard"
|
|
1012
|
+
},
|
|
1013
|
+
{
|
|
1014
|
+
"name": "subdued"
|
|
1015
|
+
},
|
|
1016
|
+
{
|
|
1017
|
+
"name": "subdued-destructive"
|
|
1018
|
+
}
|
|
1019
|
+
]
|
|
1020
|
+
},
|
|
1021
|
+
{
|
|
1022
|
+
"name": "rel",
|
|
1023
|
+
"description": "When href is define and the button act as a link (`<a>`), the `rel` will be added to the element."
|
|
1024
|
+
},
|
|
1025
|
+
{
|
|
1026
|
+
"name": "size",
|
|
1027
|
+
"description": "The icon button's size.",
|
|
1028
|
+
"values": [
|
|
1029
|
+
{
|
|
1030
|
+
"name": "hero"
|
|
1031
|
+
},
|
|
1032
|
+
{
|
|
1033
|
+
"name": "large"
|
|
1034
|
+
},
|
|
1035
|
+
{
|
|
1036
|
+
"name": "small"
|
|
1037
|
+
},
|
|
1038
|
+
{
|
|
1039
|
+
"name": "standard"
|
|
1040
|
+
}
|
|
1041
|
+
]
|
|
1042
|
+
},
|
|
1043
|
+
{
|
|
1044
|
+
"name": "target",
|
|
1045
|
+
"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`.",
|
|
1046
|
+
"values": [
|
|
1047
|
+
{
|
|
1048
|
+
"name": "_blank"
|
|
1049
|
+
},
|
|
1050
|
+
{
|
|
1051
|
+
"name": "_parent"
|
|
1052
|
+
},
|
|
1053
|
+
{
|
|
1054
|
+
"name": "_self"
|
|
1055
|
+
},
|
|
1056
|
+
{
|
|
1057
|
+
"name": "_top"
|
|
1058
|
+
}
|
|
1059
|
+
]
|
|
1060
|
+
},
|
|
1061
|
+
{
|
|
1062
|
+
"name": "text",
|
|
1063
|
+
"description": "The icon button's accessible name."
|
|
1064
|
+
}
|
|
1065
|
+
]
|
|
1066
|
+
},
|
|
1067
|
+
{
|
|
1068
|
+
"name": "qds-icon-tab",
|
|
1069
|
+
"description": {
|
|
1070
|
+
"kind": "markdown",
|
|
1071
|
+
"value": "<qds-icon-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."
|
|
1072
|
+
},
|
|
1073
|
+
"attributes": [
|
|
1074
|
+
{
|
|
1075
|
+
"name": "badge",
|
|
1076
|
+
"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."
|
|
1077
|
+
},
|
|
1078
|
+
{
|
|
1079
|
+
"name": "badge-counter-importance",
|
|
1080
|
+
"description": "The tab's counter importance.",
|
|
1081
|
+
"values": [
|
|
1082
|
+
{
|
|
1083
|
+
"name": "destructive"
|
|
1084
|
+
},
|
|
1085
|
+
{
|
|
1086
|
+
"name": "emphasized"
|
|
1087
|
+
},
|
|
1088
|
+
{
|
|
1089
|
+
"name": "standard"
|
|
1090
|
+
},
|
|
1091
|
+
{
|
|
1092
|
+
"name": "subdued"
|
|
1093
|
+
},
|
|
1094
|
+
{
|
|
1095
|
+
"name": "subdued-destructive"
|
|
1096
|
+
}
|
|
1097
|
+
]
|
|
1098
|
+
},
|
|
1099
|
+
{
|
|
1100
|
+
"name": "badge-description",
|
|
1101
|
+
"description": "The indicator or counter badge's accessible text that will be used by\nscreen readers."
|
|
1102
|
+
},
|
|
1103
|
+
{
|
|
1104
|
+
"name": "badge-indicator-status",
|
|
1105
|
+
"description": "The indicator's status.",
|
|
1106
|
+
"values": [
|
|
1107
|
+
{
|
|
1108
|
+
"name": "error"
|
|
1109
|
+
},
|
|
1110
|
+
{
|
|
1111
|
+
"name": "info"
|
|
1112
|
+
},
|
|
1113
|
+
{
|
|
1114
|
+
"name": "neutral"
|
|
1115
|
+
},
|
|
1116
|
+
{
|
|
1117
|
+
"name": "success"
|
|
1118
|
+
},
|
|
1119
|
+
{
|
|
1120
|
+
"name": "warning"
|
|
1121
|
+
}
|
|
1122
|
+
]
|
|
1123
|
+
},
|
|
1124
|
+
{
|
|
1125
|
+
"name": "disabled",
|
|
1126
|
+
"description": "Prevents the tab from being interacted with: it cannot be\nselected or focused."
|
|
1127
|
+
},
|
|
1128
|
+
{
|
|
1129
|
+
"name": "href",
|
|
1130
|
+
"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`."
|
|
1131
|
+
},
|
|
1132
|
+
{
|
|
1133
|
+
"name": "icon-library",
|
|
1134
|
+
"description": "The name of a registered icon library."
|
|
1135
|
+
},
|
|
1136
|
+
{
|
|
1137
|
+
"name": "icon-name",
|
|
1138
|
+
"description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
|
|
1139
|
+
},
|
|
1140
|
+
{
|
|
1141
|
+
"name": "importance",
|
|
1142
|
+
"description": "The tab's importance.",
|
|
1143
|
+
"values": [
|
|
1144
|
+
{
|
|
1145
|
+
"name": "standard"
|
|
1146
|
+
},
|
|
1147
|
+
{
|
|
1148
|
+
"name": "subdued"
|
|
1149
|
+
}
|
|
1150
|
+
]
|
|
1151
|
+
},
|
|
1152
|
+
{
|
|
1153
|
+
"name": "indicator-position",
|
|
1154
|
+
"description": "The tab's indicator position.",
|
|
1155
|
+
"values": [
|
|
1156
|
+
{
|
|
1157
|
+
"name": "block-end"
|
|
1158
|
+
},
|
|
1159
|
+
{
|
|
1160
|
+
"name": "block-start"
|
|
1161
|
+
},
|
|
1162
|
+
{
|
|
1163
|
+
"name": "inline-end"
|
|
1164
|
+
},
|
|
1165
|
+
{
|
|
1166
|
+
"name": "inline-start"
|
|
1167
|
+
}
|
|
1168
|
+
]
|
|
1169
|
+
},
|
|
1170
|
+
{
|
|
1171
|
+
"name": "panel",
|
|
1172
|
+
"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"
|
|
1173
|
+
},
|
|
1174
|
+
{
|
|
1175
|
+
"name": "selected",
|
|
1176
|
+
"description": "Whether or not the tab is selected."
|
|
1177
|
+
},
|
|
1178
|
+
{
|
|
1179
|
+
"name": "size",
|
|
1180
|
+
"description": "The tab's size.",
|
|
1181
|
+
"values": [
|
|
1182
|
+
{
|
|
1183
|
+
"name": "large"
|
|
1184
|
+
},
|
|
1185
|
+
{
|
|
1186
|
+
"name": "small"
|
|
1187
|
+
},
|
|
1188
|
+
{
|
|
1189
|
+
"name": "standard"
|
|
1190
|
+
}
|
|
1191
|
+
]
|
|
1192
|
+
},
|
|
1193
|
+
{
|
|
1194
|
+
"name": "text",
|
|
1195
|
+
"description": "Icon tab's accessible name."
|
|
1196
|
+
}
|
|
1197
|
+
]
|
|
1198
|
+
},
|
|
1199
|
+
{
|
|
1200
|
+
"name": "qds-inline-link",
|
|
1201
|
+
"description": {
|
|
1202
|
+
"kind": "markdown",
|
|
1203
|
+
"value": "`<qds-inline-link>` elements, with their `href` property, create a hyperlink\nto web pages, files, email addresses, locations in the same page, or\nanything else a URL can address.\n\nContent within each `<qds-inline-link>` *should* indicate the inline link's\ndestination. If the `href` property is present, pressing the enter key while\nfocused on the `<qds-inline-link>` element will activate it."
|
|
1204
|
+
},
|
|
1205
|
+
"attributes": [
|
|
1206
|
+
{
|
|
1207
|
+
"name": "disabled",
|
|
1208
|
+
"description": "Prevents the inline link from being interacted with: it cannot be pressed\nor focused."
|
|
1209
|
+
},
|
|
1210
|
+
{
|
|
1211
|
+
"name": "download",
|
|
1212
|
+
"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."
|
|
1213
|
+
},
|
|
1214
|
+
{
|
|
1215
|
+
"name": "href",
|
|
1216
|
+
"description": "The URL that the inline link points to. Inline links are not restricted to\nHTTP-based URLs — they can use any URL scheme supported by browsers:\n\n- Sections of a page with document fragments\n- Specific text portions with\n[text fragments](https://developer.mozilla.org/docs/Web/Text_fragments)\n- Pieces of media files with media fragments\n- Telephone numbers with `tel:` URLs\n- Email addresses with `mailto:` URLs\n- While web browsers may not support other URL schemes, websites can with\n[`registerProtocolHandler()`](https://developer.mozilla.org/docs/Web/API/Navigator/registerProtocolHandler)"
|
|
1217
|
+
},
|
|
1218
|
+
{
|
|
1219
|
+
"name": "hreflang",
|
|
1220
|
+
"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)."
|
|
1221
|
+
},
|
|
1222
|
+
{
|
|
1223
|
+
"name": "icon-library",
|
|
1224
|
+
"description": "The name of a registered icon library."
|
|
1225
|
+
},
|
|
1226
|
+
{
|
|
1227
|
+
"name": "icon-name",
|
|
1228
|
+
"description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
|
|
1229
|
+
},
|
|
1230
|
+
{
|
|
1231
|
+
"name": "importance",
|
|
1232
|
+
"description": "The inline link's importance.",
|
|
1233
|
+
"values": [
|
|
1234
|
+
{
|
|
1235
|
+
"name": "emphasized"
|
|
1236
|
+
},
|
|
1237
|
+
{
|
|
1238
|
+
"name": "standard"
|
|
1239
|
+
},
|
|
1240
|
+
{
|
|
1241
|
+
"name": "subdued"
|
|
1242
|
+
}
|
|
1243
|
+
]
|
|
1244
|
+
},
|
|
1245
|
+
{
|
|
1246
|
+
"name": "referrerpolicy",
|
|
1247
|
+
"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.",
|
|
1248
|
+
"values": [
|
|
1249
|
+
{
|
|
1250
|
+
"name": "no-referrer"
|
|
1251
|
+
},
|
|
1252
|
+
{
|
|
1253
|
+
"name": "no-referrer-when-downgrade"
|
|
1254
|
+
},
|
|
1255
|
+
{
|
|
1256
|
+
"name": "origin"
|
|
1257
|
+
},
|
|
1258
|
+
{
|
|
1259
|
+
"name": "origin-when-cross-origin"
|
|
1260
|
+
},
|
|
1261
|
+
{
|
|
1262
|
+
"name": "same-origin"
|
|
1263
|
+
},
|
|
1264
|
+
{
|
|
1265
|
+
"name": "strict-origin"
|
|
1266
|
+
},
|
|
1267
|
+
{
|
|
1268
|
+
"name": "strict-origin-when-cross-origin"
|
|
1269
|
+
},
|
|
1270
|
+
{
|
|
1271
|
+
"name": "unsafe-url"
|
|
1272
|
+
}
|
|
1273
|
+
]
|
|
1274
|
+
},
|
|
1275
|
+
{
|
|
1276
|
+
"name": "rel",
|
|
1277
|
+
"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."
|
|
1278
|
+
},
|
|
1279
|
+
{
|
|
1280
|
+
"name": "target",
|
|
1281
|
+
"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`.",
|
|
1282
|
+
"values": [
|
|
1283
|
+
{
|
|
1284
|
+
"name": "_blank"
|
|
1285
|
+
},
|
|
1286
|
+
{
|
|
1287
|
+
"name": "_parent"
|
|
1288
|
+
},
|
|
1289
|
+
{
|
|
1290
|
+
"name": "_self"
|
|
1291
|
+
},
|
|
1292
|
+
{
|
|
1293
|
+
"name": "_top"
|
|
1294
|
+
}
|
|
1295
|
+
]
|
|
1296
|
+
}
|
|
1297
|
+
]
|
|
1298
|
+
},
|
|
1299
|
+
{
|
|
1300
|
+
"name": "qds-input",
|
|
1301
|
+
"description": {
|
|
1302
|
+
"kind": "markdown",
|
|
1303
|
+
"value": "The `<qds-input>` element is used to create interactive controls for\nweb-based forms in order to accept data from the user; a wide variety of\ntypes of input data and control widgets are available, depending on the\ndevice and\n[user agent](https://developer.mozilla.org/docs/Glossary/User_agent)."
|
|
1304
|
+
},
|
|
1305
|
+
"attributes": [
|
|
1306
|
+
{
|
|
1307
|
+
"name": "accept",
|
|
1308
|
+
"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:"
|
|
1309
|
+
},
|
|
1310
|
+
{
|
|
1311
|
+
"name": "autocomplete",
|
|
1312
|
+
"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"
|
|
1313
|
+
},
|
|
1314
|
+
{
|
|
1315
|
+
"name": "capture",
|
|
1316
|
+
"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.",
|
|
1317
|
+
"values": [
|
|
1318
|
+
{
|
|
1319
|
+
"name": "environment"
|
|
1320
|
+
},
|
|
1321
|
+
{
|
|
1322
|
+
"name": "user"
|
|
1323
|
+
}
|
|
1324
|
+
]
|
|
1325
|
+
},
|
|
1326
|
+
{
|
|
1327
|
+
"name": "clearable",
|
|
1328
|
+
"description": "Shows a clear button that allows the user to clear the input's value.\n\nFor `search` inputs, the clear button is always shown when the input\nhas a value, regardless of this property."
|
|
1329
|
+
},
|
|
1330
|
+
{
|
|
1331
|
+
"name": "disabled",
|
|
1332
|
+
"description": "Prevents the input from being interacted with: it cannot be pressed or\nfocused."
|
|
1333
|
+
},
|
|
1334
|
+
{
|
|
1335
|
+
"name": "enterkeyhint",
|
|
1336
|
+
"description": "What action label (or icon) to present for the enter key on virtual\nkeyboards. Possible values:\n\n- `\"done\"`: Typically meaning there is nothing more to input and the input\nmethod editor (IME) will be closed.\n- `\"enter\"`:\tTypically inserting a new line.\n- `\"go\"`: \tTypically meaning to take the user to the target of the text\nthey typed.\n- `\"next\"`: \tTypically taking the user to the next field that will accept\ntext.\n- `\"previous\"`: Typically taking the user to the previous field that will\naccept text.\n- `\"search\"`: Typically taking the user to the results of searching for\nthe text they have typed.\n- `\"send\"`: Typically delivering the text to its target.",
|
|
1337
|
+
"values": [
|
|
1338
|
+
{
|
|
1339
|
+
"name": "done"
|
|
1340
|
+
},
|
|
1341
|
+
{
|
|
1342
|
+
"name": "enter"
|
|
1343
|
+
},
|
|
1344
|
+
{
|
|
1345
|
+
"name": "go"
|
|
1346
|
+
},
|
|
1347
|
+
{
|
|
1348
|
+
"name": "next"
|
|
1349
|
+
},
|
|
1350
|
+
{
|
|
1351
|
+
"name": "previous"
|
|
1352
|
+
},
|
|
1353
|
+
{
|
|
1354
|
+
"name": "search"
|
|
1355
|
+
},
|
|
1356
|
+
{
|
|
1357
|
+
"name": "send"
|
|
1358
|
+
}
|
|
1359
|
+
]
|
|
1360
|
+
},
|
|
1361
|
+
{
|
|
1362
|
+
"name": "files",
|
|
1363
|
+
"description": "Returns a file list for a `file` type input."
|
|
1364
|
+
},
|
|
1365
|
+
{
|
|
1366
|
+
"name": "form",
|
|
1367
|
+
"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"
|
|
1368
|
+
},
|
|
1369
|
+
{
|
|
1370
|
+
"name": "inputmode",
|
|
1371
|
+
"description": "Provide a hint to browsers as to the type of virtual keyboard\nconfiguration to use when editing this element or its contents.",
|
|
1372
|
+
"values": [
|
|
1373
|
+
{
|
|
1374
|
+
"name": "decimal"
|
|
1375
|
+
},
|
|
1376
|
+
{
|
|
1377
|
+
"name": "email"
|
|
1378
|
+
},
|
|
1379
|
+
{
|
|
1380
|
+
"name": "none"
|
|
1381
|
+
},
|
|
1382
|
+
{
|
|
1383
|
+
"name": "numeric"
|
|
1384
|
+
},
|
|
1385
|
+
{
|
|
1386
|
+
"name": "search"
|
|
1387
|
+
},
|
|
1388
|
+
{
|
|
1389
|
+
"name": "tel"
|
|
1390
|
+
},
|
|
1391
|
+
{
|
|
1392
|
+
"name": "text"
|
|
1393
|
+
},
|
|
1394
|
+
{
|
|
1395
|
+
"name": "url"
|
|
1396
|
+
}
|
|
1397
|
+
]
|
|
1398
|
+
},
|
|
1399
|
+
{
|
|
1400
|
+
"name": "labels",
|
|
1401
|
+
"description": "Returns a list of the [`<label>`][] elements associated with the\n`qds-input` element.\n\n[`<label>`]: https://developer.mozilla.org/docs/Web/HTML/Element/label"
|
|
1402
|
+
},
|
|
1403
|
+
{
|
|
1404
|
+
"name": "max",
|
|
1405
|
+
"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"
|
|
1406
|
+
},
|
|
1407
|
+
{
|
|
1408
|
+
"name": "maxlength",
|
|
1409
|
+
"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"
|
|
1410
|
+
},
|
|
1411
|
+
{
|
|
1412
|
+
"name": "min",
|
|
1413
|
+
"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"
|
|
1414
|
+
},
|
|
1415
|
+
{
|
|
1416
|
+
"name": "minlength",
|
|
1417
|
+
"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"
|
|
1418
|
+
},
|
|
1419
|
+
{
|
|
1420
|
+
"name": "multiple",
|
|
1421
|
+
"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."
|
|
1422
|
+
},
|
|
1423
|
+
{
|
|
1424
|
+
"name": "name",
|
|
1425
|
+
"description": "The name of the input, which is submitted with the form data."
|
|
1426
|
+
},
|
|
1427
|
+
{
|
|
1428
|
+
"name": "no-icon",
|
|
1429
|
+
"description": ""
|
|
1430
|
+
},
|
|
1431
|
+
{
|
|
1432
|
+
"name": "pattern",
|
|
1433
|
+
"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"
|
|
1434
|
+
},
|
|
1435
|
+
{
|
|
1436
|
+
"name": "placeholder",
|
|
1437
|
+
"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."
|
|
1438
|
+
},
|
|
1439
|
+
{
|
|
1440
|
+
"name": "readonly",
|
|
1441
|
+
"description": "Prevents the user from changing the value of the input."
|
|
1442
|
+
},
|
|
1443
|
+
{
|
|
1444
|
+
"name": "required",
|
|
1445
|
+
"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"
|
|
1446
|
+
},
|
|
1447
|
+
{
|
|
1448
|
+
"name": "selection-direction",
|
|
1449
|
+
"description": "Get or set the selection direction of a text selection.\n\n> **_NOTE:_** This property has no effect when used as an attribute.",
|
|
1450
|
+
"values": [
|
|
1451
|
+
{
|
|
1452
|
+
"name": "backward"
|
|
1453
|
+
},
|
|
1454
|
+
{
|
|
1455
|
+
"name": "forward"
|
|
1456
|
+
},
|
|
1457
|
+
{
|
|
1458
|
+
"name": "none"
|
|
1459
|
+
}
|
|
1460
|
+
]
|
|
1461
|
+
},
|
|
1462
|
+
{
|
|
1463
|
+
"name": "selection-end",
|
|
1464
|
+
"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."
|
|
1465
|
+
},
|
|
1466
|
+
{
|
|
1467
|
+
"name": "selection-start",
|
|
1468
|
+
"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."
|
|
1469
|
+
},
|
|
1470
|
+
{
|
|
1471
|
+
"name": "size",
|
|
1472
|
+
"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",
|
|
1473
|
+
"values": [
|
|
1474
|
+
{
|
|
1475
|
+
"name": "large"
|
|
1476
|
+
},
|
|
1477
|
+
{
|
|
1478
|
+
"name": "small"
|
|
1479
|
+
},
|
|
1480
|
+
{
|
|
1481
|
+
"name": "standard"
|
|
1482
|
+
}
|
|
1483
|
+
]
|
|
1484
|
+
},
|
|
1485
|
+
{
|
|
1486
|
+
"name": "status",
|
|
1487
|
+
"description": "The input's status.",
|
|
1488
|
+
"values": [
|
|
1489
|
+
{
|
|
1490
|
+
"name": "error"
|
|
1491
|
+
},
|
|
1492
|
+
{
|
|
1493
|
+
"name": "success"
|
|
1494
|
+
},
|
|
1495
|
+
{
|
|
1496
|
+
"name": "warning"
|
|
1497
|
+
}
|
|
1498
|
+
]
|
|
1499
|
+
},
|
|
1500
|
+
{
|
|
1501
|
+
"name": "step",
|
|
1502
|
+
"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.",
|
|
1503
|
+
"values": [
|
|
1504
|
+
{
|
|
1505
|
+
"name": "any"
|
|
1506
|
+
}
|
|
1507
|
+
]
|
|
1508
|
+
},
|
|
1509
|
+
{
|
|
1510
|
+
"name": "type",
|
|
1511
|
+
"description": "The type of input to render:\n\n- `\"date\"`: An input for entering a date (year, month, and day, with no\ntime). Opens a date picker or numeric wheels for year, month, day when\nactive in supporting browsers.\n- `\"datetime-local\"`: An input for entering a date and time, with no time\nzone. Opens a date picker or numeric wheels for date and time components\nwhen active in supporting browsers.\n- `\"email\"`: An input for editing an email address. Looks like a `\"text\"`\ninput, but has validation parameters and relevant keyboard in supporting\nbrowsers and devices with dynamic keyboards.\n- `\"month\"`: An input for entering a month and year, with no time zone.\n- `\"number\"`: An input for entering a number. Displays a spinner and adds\ndefault validation when supported. Displays a numeric keypad in some\ndevices with dynamic keypads.\n- `\"password\"`: A single-line text input whose value is obscured. Will\nalert user if site is not secure.\n- `\"search\"`: A single-line text input for entering search strings.\nLine-breaks are automatically removed from the input value. May include a\ndelete icon in supporting browsers that can be used to clear the input.\nDisplays a search icon instead of enter key on some devices with dynamic\nkeypads.\n- `\"tel\"`: An input for entering a telephone number. Displays a telephone\nkeypad in some devices with dynamic keypads.\n- `\"text\"`: A single-line text input. Line-breaks are automatically\nremoved from the input value.\n- `\"time\"`: An input for entering a time value with no time zone.\n- `\"url\"`: An input for entering a URL. Looks like a `\"text\"` input, but\nhas validation parameters and relevant keyboard in supporting browsers and\ndevices with dynamic keyboards.\n- `\"week\"`: An input for entering a date consisting of a week-year number\nand a week number with no time zone.",
|
|
1512
|
+
"values": [
|
|
1513
|
+
{
|
|
1514
|
+
"name": "color"
|
|
1515
|
+
},
|
|
1516
|
+
{
|
|
1517
|
+
"name": "date"
|
|
1518
|
+
},
|
|
1519
|
+
{
|
|
1520
|
+
"name": "datetime-local"
|
|
1521
|
+
},
|
|
1522
|
+
{
|
|
1523
|
+
"name": "email"
|
|
1524
|
+
},
|
|
1525
|
+
{
|
|
1526
|
+
"name": "file"
|
|
1527
|
+
},
|
|
1528
|
+
{
|
|
1529
|
+
"name": "month"
|
|
1530
|
+
},
|
|
1531
|
+
{
|
|
1532
|
+
"name": "number"
|
|
1533
|
+
},
|
|
1534
|
+
{
|
|
1535
|
+
"name": "password"
|
|
1536
|
+
},
|
|
1537
|
+
{
|
|
1538
|
+
"name": "search"
|
|
1539
|
+
},
|
|
1540
|
+
{
|
|
1541
|
+
"name": "tel"
|
|
1542
|
+
},
|
|
1543
|
+
{
|
|
1544
|
+
"name": "text"
|
|
1545
|
+
},
|
|
1546
|
+
{
|
|
1547
|
+
"name": "time"
|
|
1548
|
+
},
|
|
1549
|
+
{
|
|
1550
|
+
"name": "url"
|
|
1551
|
+
},
|
|
1552
|
+
{
|
|
1553
|
+
"name": "week"
|
|
1554
|
+
}
|
|
1555
|
+
]
|
|
1556
|
+
},
|
|
1557
|
+
{
|
|
1558
|
+
"name": "validation-message",
|
|
1559
|
+
"description": "The error message that would be shown to the user if the `<qds-input>`\nwas to be checked for validity."
|
|
1560
|
+
},
|
|
1561
|
+
{
|
|
1562
|
+
"name": "validity",
|
|
1563
|
+
"description": "The [`ValidityState`][] object for this `<qds-input>`.\n\n[`ValidityState`]: https://developer.mozilla.org/docs/Web/API/ValidityState"
|
|
1564
|
+
},
|
|
1565
|
+
{
|
|
1566
|
+
"name": "value",
|
|
1567
|
+
"description": "The value of the input."
|
|
1568
|
+
},
|
|
1569
|
+
{
|
|
1570
|
+
"name": "will-validate",
|
|
1571
|
+
"description": "True if `<qds-input>` will be validated when the form is submitted; false\notherwise."
|
|
1572
|
+
}
|
|
1573
|
+
]
|
|
1574
|
+
},
|
|
1575
|
+
{
|
|
1576
|
+
"name": "qds-label",
|
|
1577
|
+
"description": {
|
|
1578
|
+
"kind": "markdown",
|
|
1579
|
+
"value": "`<qds-label>` elements represent a caption for an item in a user interface."
|
|
1580
|
+
},
|
|
1581
|
+
"attributes": [
|
|
1582
|
+
{
|
|
1583
|
+
"name": "importance",
|
|
1584
|
+
"description": "The label's importance.",
|
|
1585
|
+
"values": [
|
|
1586
|
+
{
|
|
1587
|
+
"name": "emphasized"
|
|
1588
|
+
},
|
|
1589
|
+
{
|
|
1590
|
+
"name": "standard"
|
|
1591
|
+
}
|
|
1592
|
+
]
|
|
1593
|
+
},
|
|
1594
|
+
{
|
|
1595
|
+
"name": "inline",
|
|
1596
|
+
"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."
|
|
1597
|
+
},
|
|
1598
|
+
{
|
|
1599
|
+
"name": "required",
|
|
1600
|
+
"description": "Specify the labelled item as required by appending a red asterisk (*)."
|
|
1601
|
+
},
|
|
1602
|
+
{
|
|
1603
|
+
"name": "size",
|
|
1604
|
+
"description": "The label's size.",
|
|
1605
|
+
"values": [
|
|
1606
|
+
{
|
|
1607
|
+
"name": "large"
|
|
1608
|
+
},
|
|
1609
|
+
{
|
|
1610
|
+
"name": "small"
|
|
1611
|
+
},
|
|
1612
|
+
{
|
|
1613
|
+
"name": "standard"
|
|
1614
|
+
}
|
|
1615
|
+
]
|
|
1616
|
+
},
|
|
1617
|
+
{
|
|
1618
|
+
"name": "text",
|
|
1619
|
+
"description": "The label's text."
|
|
1620
|
+
},
|
|
1621
|
+
{
|
|
1622
|
+
"name": "tooltip-target",
|
|
1623
|
+
"description": "The element to which the tooltip is anchored.\nBy default, the tooltip is anchored to the label itself when this prop is not set."
|
|
1624
|
+
}
|
|
1625
|
+
]
|
|
1626
|
+
},
|
|
1627
|
+
{
|
|
1628
|
+
"name": "qds-list-item",
|
|
1629
|
+
"description": {
|
|
1630
|
+
"kind": "markdown",
|
|
1631
|
+
"value": "<!--\nSPDX-FileCopyrightText: © 2024 Schneider Electric\n\nSPDX-License-Identifier: Apache-2.0\n-->"
|
|
1632
|
+
},
|
|
1633
|
+
"attributes": [
|
|
1634
|
+
{
|
|
1635
|
+
"name": "avatar-src",
|
|
1636
|
+
"description": "The URL of the avatar image to display."
|
|
1637
|
+
},
|
|
1638
|
+
{
|
|
1639
|
+
"name": "badge",
|
|
1640
|
+
"description": "Displays a counter badge if a number or string representing a number is used."
|
|
1641
|
+
},
|
|
1642
|
+
{
|
|
1643
|
+
"name": "badge-description",
|
|
1644
|
+
"description": "The counter badge's accessible text that will be used by\nscreen readers."
|
|
1645
|
+
},
|
|
1646
|
+
{
|
|
1647
|
+
"name": "destination",
|
|
1648
|
+
"description": "The destination action that the list item denotes through its rightmost icon.",
|
|
1649
|
+
"values": [
|
|
1650
|
+
{
|
|
1651
|
+
"name": "navigation"
|
|
1652
|
+
}
|
|
1653
|
+
]
|
|
1654
|
+
},
|
|
1655
|
+
{
|
|
1656
|
+
"name": "disabled",
|
|
1657
|
+
"description": "Prevents the list item from being interacted with: it cannot be selected\nor focused."
|
|
1658
|
+
},
|
|
1659
|
+
{
|
|
1660
|
+
"name": "icon-library",
|
|
1661
|
+
"description": "The name of a registered icon library."
|
|
1662
|
+
},
|
|
1663
|
+
{
|
|
1664
|
+
"name": "icon-name",
|
|
1665
|
+
"description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
|
|
1666
|
+
},
|
|
1667
|
+
{
|
|
1668
|
+
"name": "image-src",
|
|
1669
|
+
"description": "The URL of the picture to display.\n\nThis is used to display a picture in the list item.\nIt is not used for the avatar image."
|
|
1670
|
+
},
|
|
1671
|
+
{
|
|
1672
|
+
"name": "indeterminate",
|
|
1673
|
+
"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."
|
|
1674
|
+
},
|
|
1675
|
+
{
|
|
1676
|
+
"name": "kicker",
|
|
1677
|
+
"description": "Text to display for the kicker."
|
|
1678
|
+
},
|
|
1679
|
+
{
|
|
1680
|
+
"name": "list-action",
|
|
1681
|
+
"description": "The type of list-level action that the list item supports",
|
|
1682
|
+
"values": [
|
|
1683
|
+
{
|
|
1684
|
+
"name": "multiselect"
|
|
1685
|
+
},
|
|
1686
|
+
{
|
|
1687
|
+
"name": "none"
|
|
1688
|
+
},
|
|
1689
|
+
{
|
|
1690
|
+
"name": "radio"
|
|
1691
|
+
},
|
|
1692
|
+
{
|
|
1693
|
+
"name": "select"
|
|
1694
|
+
}
|
|
1695
|
+
]
|
|
1696
|
+
},
|
|
1697
|
+
{
|
|
1698
|
+
"name": "selected",
|
|
1699
|
+
"description": "Whether or not the list item is selected."
|
|
1700
|
+
},
|
|
1701
|
+
{
|
|
1702
|
+
"name": "show-divider",
|
|
1703
|
+
"description": "Control how to display the bottom divider line.\n\nBy default, the divider is not visible."
|
|
1704
|
+
},
|
|
1705
|
+
{
|
|
1706
|
+
"name": "size",
|
|
1707
|
+
"description": "The list items's size.",
|
|
1708
|
+
"values": [
|
|
1709
|
+
{
|
|
1710
|
+
"name": "large"
|
|
1711
|
+
},
|
|
1712
|
+
{
|
|
1713
|
+
"name": "small"
|
|
1714
|
+
},
|
|
1715
|
+
{
|
|
1716
|
+
"name": "standard"
|
|
1717
|
+
}
|
|
1718
|
+
]
|
|
1719
|
+
},
|
|
1720
|
+
{
|
|
1721
|
+
"name": "subtitle",
|
|
1722
|
+
"description": "Text to display below the primary text."
|
|
1723
|
+
},
|
|
1724
|
+
{
|
|
1725
|
+
"name": "text",
|
|
1726
|
+
"description": "The primary text of the list item."
|
|
1727
|
+
}
|
|
1728
|
+
]
|
|
1729
|
+
},
|
|
1730
|
+
{
|
|
1731
|
+
"name": "qds-loader",
|
|
1732
|
+
"description": {
|
|
1733
|
+
"kind": "markdown",
|
|
1734
|
+
"value": "The `<qds-loader>` element displays an indicator showing that content is\nbeing loaded or processed."
|
|
1735
|
+
},
|
|
1736
|
+
"attributes": [
|
|
1737
|
+
{
|
|
1738
|
+
"name": "importance",
|
|
1739
|
+
"description": "The loader's importance.",
|
|
1740
|
+
"values": [
|
|
1741
|
+
{
|
|
1742
|
+
"name": "destructive"
|
|
1743
|
+
},
|
|
1744
|
+
{
|
|
1745
|
+
"name": "informative"
|
|
1746
|
+
},
|
|
1747
|
+
{
|
|
1748
|
+
"name": "neutral"
|
|
1749
|
+
},
|
|
1750
|
+
{
|
|
1751
|
+
"name": "neutral-contrast"
|
|
1752
|
+
},
|
|
1753
|
+
{
|
|
1754
|
+
"name": "standard"
|
|
1755
|
+
}
|
|
1756
|
+
]
|
|
1757
|
+
},
|
|
1758
|
+
{
|
|
1759
|
+
"name": "size",
|
|
1760
|
+
"description": "The loader's size.",
|
|
1761
|
+
"values": [
|
|
1762
|
+
{
|
|
1763
|
+
"name": "hero"
|
|
1764
|
+
},
|
|
1765
|
+
{
|
|
1766
|
+
"name": "jumbo"
|
|
1767
|
+
},
|
|
1768
|
+
{
|
|
1769
|
+
"name": "large"
|
|
1770
|
+
},
|
|
1771
|
+
{
|
|
1772
|
+
"name": "small"
|
|
1773
|
+
},
|
|
1774
|
+
{
|
|
1775
|
+
"name": "standard"
|
|
1776
|
+
}
|
|
1777
|
+
]
|
|
1778
|
+
},
|
|
1779
|
+
{
|
|
1780
|
+
"name": "status",
|
|
1781
|
+
"description": "The loader's status.",
|
|
1782
|
+
"values": [
|
|
1783
|
+
{
|
|
1784
|
+
"name": "error"
|
|
55
1785
|
},
|
|
56
1786
|
{
|
|
57
|
-
"name": "
|
|
1787
|
+
"name": "success"
|
|
58
1788
|
},
|
|
59
1789
|
{
|
|
60
|
-
"name": "
|
|
1790
|
+
"name": "warning"
|
|
61
1791
|
}
|
|
62
1792
|
]
|
|
1793
|
+
}
|
|
1794
|
+
]
|
|
1795
|
+
},
|
|
1796
|
+
{
|
|
1797
|
+
"name": "qds-menu-item",
|
|
1798
|
+
"description": {
|
|
1799
|
+
"kind": "markdown",
|
|
1800
|
+
"value": "<!--\nSPDX-FileCopyrightText: © 2025 Schneider Electric\n\nSPDX-License-Identifier: Apache-2.0\n-->"
|
|
1801
|
+
},
|
|
1802
|
+
"attributes": [
|
|
1803
|
+
{
|
|
1804
|
+
"name": "checked",
|
|
1805
|
+
"description": "Whether or not the menu item is checked."
|
|
63
1806
|
},
|
|
64
1807
|
{
|
|
65
|
-
"name": "
|
|
66
|
-
"description": "
|
|
1808
|
+
"name": "disabled",
|
|
1809
|
+
"description": "Prevents the menu item from being interacted with: it cannot be clicked\nor focused."
|
|
67
1810
|
},
|
|
68
1811
|
{
|
|
69
1812
|
"name": "icon-library",
|
|
@@ -74,41 +1817,65 @@
|
|
|
74
1817
|
"description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
|
|
75
1818
|
},
|
|
76
1819
|
{
|
|
77
|
-
"name": "
|
|
78
|
-
"description": "The
|
|
1820
|
+
"name": "shortcut",
|
|
1821
|
+
"description": "The shortcut of the action."
|
|
1822
|
+
},
|
|
1823
|
+
{
|
|
1824
|
+
"name": "size",
|
|
1825
|
+
"description": "The menu item's size.",
|
|
79
1826
|
"values": [
|
|
80
1827
|
{
|
|
81
|
-
"name": "
|
|
1828
|
+
"name": "large"
|
|
82
1829
|
},
|
|
83
1830
|
{
|
|
84
|
-
"name": "
|
|
1831
|
+
"name": "small"
|
|
85
1832
|
},
|
|
86
1833
|
{
|
|
87
1834
|
"name": "standard"
|
|
88
|
-
},
|
|
89
|
-
{
|
|
90
|
-
"name": "subdued"
|
|
91
1835
|
}
|
|
92
1836
|
]
|
|
93
1837
|
},
|
|
94
1838
|
{
|
|
95
|
-
"name": "
|
|
96
|
-
"description": "The
|
|
1839
|
+
"name": "text",
|
|
1840
|
+
"description": "The menu item's text"
|
|
97
1841
|
},
|
|
98
1842
|
{
|
|
99
|
-
"name": "
|
|
100
|
-
"description": "
|
|
1843
|
+
"name": "type",
|
|
1844
|
+
"description": "Whether or not the menu item should be selectable.",
|
|
101
1845
|
"values": [
|
|
102
1846
|
{
|
|
103
|
-
"name": "
|
|
104
|
-
},
|
|
105
|
-
{
|
|
106
|
-
"name": "small"
|
|
107
|
-
},
|
|
108
|
-
{
|
|
109
|
-
"name": "standard"
|
|
1847
|
+
"name": "checkbox"
|
|
110
1848
|
}
|
|
111
1849
|
]
|
|
1850
|
+
}
|
|
1851
|
+
]
|
|
1852
|
+
},
|
|
1853
|
+
{
|
|
1854
|
+
"name": "qds-mini-button",
|
|
1855
|
+
"description": {
|
|
1856
|
+
"kind": "markdown",
|
|
1857
|
+
"value": "<!--\nSPDX-FileCopyrightText: © 2025 Schneider Electric\nSPDX-License-Identifier: Apache-2.0\n-->"
|
|
1858
|
+
},
|
|
1859
|
+
"attributes": [
|
|
1860
|
+
{
|
|
1861
|
+
"name": "disabled",
|
|
1862
|
+
"description": "Prevents the mini button from being interacted with: it cannot be pressed or\nfocused."
|
|
1863
|
+
},
|
|
1864
|
+
{
|
|
1865
|
+
"name": "href",
|
|
1866
|
+
"description": "When set, the underlying button will be rendered as an `<a>` with this\n`href` instead of a `<button>`."
|
|
1867
|
+
},
|
|
1868
|
+
{
|
|
1869
|
+
"name": "library",
|
|
1870
|
+
"description": "The name of a registered icon library."
|
|
1871
|
+
},
|
|
1872
|
+
{
|
|
1873
|
+
"name": "name",
|
|
1874
|
+
"description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
|
|
1875
|
+
},
|
|
1876
|
+
{
|
|
1877
|
+
"name": "rel",
|
|
1878
|
+
"description": "When href is define and the button act as a link (`<a>`), the `rel` will be added to the element."
|
|
112
1879
|
},
|
|
113
1880
|
{
|
|
114
1881
|
"name": "target",
|
|
@@ -130,71 +1897,84 @@
|
|
|
130
1897
|
},
|
|
131
1898
|
{
|
|
132
1899
|
"name": "text",
|
|
133
|
-
"description": "The button's
|
|
1900
|
+
"description": "The mini button's accessible name."
|
|
1901
|
+
}
|
|
1902
|
+
]
|
|
1903
|
+
},
|
|
1904
|
+
{
|
|
1905
|
+
"name": "qds-progress-bar",
|
|
1906
|
+
"description": {
|
|
1907
|
+
"kind": "markdown",
|
|
1908
|
+
"value": "The `<qds-progress-bar>` element displays an indicator showing the\ncompletion progress of a task."
|
|
1909
|
+
},
|
|
1910
|
+
"attributes": [
|
|
1911
|
+
{
|
|
1912
|
+
"name": "labels",
|
|
1913
|
+
"description": "Returns a list of the [`<label>`][] elements associated with the\n`qds-progress-bar` element.\n\n[`<label>`]: https://developer.mozilla.org/docs/Web/HTML/Element/label"
|
|
134
1914
|
},
|
|
135
1915
|
{
|
|
136
|
-
"name": "
|
|
137
|
-
"description": "
|
|
1916
|
+
"name": "max",
|
|
1917
|
+
"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."
|
|
1918
|
+
},
|
|
1919
|
+
{
|
|
1920
|
+
"name": "position",
|
|
1921
|
+
"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`."
|
|
1922
|
+
},
|
|
1923
|
+
{
|
|
1924
|
+
"name": "size",
|
|
1925
|
+
"description": "The progress bar's size.",
|
|
138
1926
|
"values": [
|
|
139
1927
|
{
|
|
140
|
-
"name": "
|
|
1928
|
+
"name": "large"
|
|
141
1929
|
},
|
|
142
1930
|
{
|
|
143
|
-
"name": "
|
|
1931
|
+
"name": "small"
|
|
144
1932
|
},
|
|
145
1933
|
{
|
|
146
|
-
"name": "
|
|
1934
|
+
"name": "standard"
|
|
147
1935
|
}
|
|
148
1936
|
]
|
|
149
1937
|
},
|
|
150
1938
|
{
|
|
151
1939
|
"name": "value",
|
|
152
|
-
"description": "
|
|
1940
|
+
"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."
|
|
153
1941
|
}
|
|
154
1942
|
]
|
|
155
1943
|
},
|
|
156
1944
|
{
|
|
157
|
-
"name": "qds-
|
|
1945
|
+
"name": "qds-radio",
|
|
158
1946
|
"description": {
|
|
159
1947
|
"kind": "markdown",
|
|
160
|
-
"value": "`<qds-
|
|
1948
|
+
"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."
|
|
161
1949
|
},
|
|
162
1950
|
"attributes": [
|
|
163
|
-
{
|
|
164
|
-
"name": "autofocus",
|
|
165
|
-
"description": "Specify whether the checkbox should have focus when the page loads."
|
|
166
|
-
},
|
|
167
1951
|
{
|
|
168
1952
|
"name": "checked",
|
|
169
|
-
"description": "Sets the
|
|
1953
|
+
"description": "Sets the radio button's state."
|
|
170
1954
|
},
|
|
171
1955
|
{
|
|
172
1956
|
"name": "disabled",
|
|
173
|
-
"description": "Prevents the
|
|
1957
|
+
"description": "Prevents the radio button from being interacted with: it cannot be pressed\nor focused."
|
|
174
1958
|
},
|
|
175
1959
|
{
|
|
176
1960
|
"name": "form",
|
|
177
|
-
"description": "The [`<form>`](https://developer.mozilla.org/docs/Web/HTML/Element/form)\nelement to associate the
|
|
178
|
-
},
|
|
179
|
-
{
|
|
180
|
-
"name": "indeterminate",
|
|
181
|
-
"description": "Sets the checkbox to an indeterminate state. This is usually applied to\ncheckboxes that represents a \"select all/none\" behavior when associated\ncheckboxes have a mix of checked and unchecked states."
|
|
1961
|
+
"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."
|
|
182
1962
|
},
|
|
183
1963
|
{
|
|
184
1964
|
"name": "inline",
|
|
185
|
-
"description": "Adds vertical margin to the
|
|
1965
|
+
"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."
|
|
186
1966
|
},
|
|
187
1967
|
{
|
|
188
1968
|
"name": "name",
|
|
189
|
-
"description": "
|
|
1969
|
+
"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."
|
|
190
1970
|
},
|
|
191
1971
|
{
|
|
192
1972
|
"name": "required",
|
|
193
|
-
"description": "
|
|
1973
|
+
"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."
|
|
194
1974
|
},
|
|
195
1975
|
{
|
|
196
1976
|
"name": "size",
|
|
197
|
-
"description": "The
|
|
1977
|
+
"description": "The radio button's size.",
|
|
198
1978
|
"values": [
|
|
199
1979
|
{
|
|
200
1980
|
"name": "large"
|
|
@@ -209,141 +1989,64 @@
|
|
|
209
1989
|
},
|
|
210
1990
|
{
|
|
211
1991
|
"name": "text",
|
|
212
|
-
"description": "The
|
|
1992
|
+
"description": "The radio button's text."
|
|
213
1993
|
},
|
|
214
1994
|
{
|
|
215
1995
|
"name": "value",
|
|
216
|
-
"description": "The value of the
|
|
217
|
-
}
|
|
218
|
-
]
|
|
219
|
-
},
|
|
220
|
-
{
|
|
221
|
-
"name": "qds-dialog",
|
|
222
|
-
"description": {
|
|
223
|
-
"kind": "markdown",
|
|
224
|
-
"value": "The `<qds-dialog>` element represent a dialog box or other interactive\ncomponent, such as a dismissible alert, inspector, or subwindow."
|
|
225
|
-
},
|
|
226
|
-
"attributes": [
|
|
227
|
-
{
|
|
228
|
-
"name": "open",
|
|
229
|
-
"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 `hide()`\nmethods and this attribute will reflect the dialog’s open state."
|
|
1996
|
+
"description": "The value of the radio button, submitted as a name/value pair with form\ndata."
|
|
230
1997
|
}
|
|
231
1998
|
]
|
|
232
1999
|
},
|
|
233
2000
|
{
|
|
234
|
-
"name": "qds-
|
|
2001
|
+
"name": "qds-select",
|
|
235
2002
|
"description": {
|
|
236
2003
|
"kind": "markdown",
|
|
237
|
-
"value": "The `<qds-
|
|
2004
|
+
"value": "The `<qds-select>` element represents a control that provides a menu of\noptions."
|
|
238
2005
|
},
|
|
239
2006
|
"attributes": [
|
|
240
2007
|
{
|
|
241
|
-
"name": "
|
|
242
|
-
"description": "
|
|
243
|
-
|
|
244
|
-
{
|
|
245
|
-
"name": "emphasized"
|
|
246
|
-
},
|
|
247
|
-
{
|
|
248
|
-
"name": "standard"
|
|
249
|
-
}
|
|
250
|
-
]
|
|
251
|
-
}
|
|
252
|
-
]
|
|
253
|
-
},
|
|
254
|
-
{
|
|
255
|
-
"name": "qds-dropdown",
|
|
256
|
-
"description": {
|
|
257
|
-
"kind": "markdown",
|
|
258
|
-
"value": "<!--\nSPDX-FileCopyrightText: © 2023 Schneider Electric\n\nSPDX-License-Identifier: LGPL-2.1-only\n-->"
|
|
259
|
-
},
|
|
260
|
-
"attributes": [
|
|
2008
|
+
"name": "autocomplete",
|
|
2009
|
+
"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"
|
|
2010
|
+
},
|
|
261
2011
|
{
|
|
262
2012
|
"name": "disabled",
|
|
263
|
-
"description": "Prevents the
|
|
2013
|
+
"description": "Prevents the select from being interacted with: it cannot be pressed or\nfocused."
|
|
264
2014
|
},
|
|
265
2015
|
{
|
|
266
|
-
"name": "
|
|
267
|
-
"description": "
|
|
2016
|
+
"name": "form",
|
|
2017
|
+
"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"
|
|
268
2018
|
},
|
|
269
2019
|
{
|
|
270
|
-
"name": "
|
|
271
|
-
"description": "
|
|
2020
|
+
"name": "length",
|
|
2021
|
+
"description": "Returns the number of elements in the [`<option>`s collection][].\n\n[`<option>`s collection]: https://developer.mozilla.org/docs/Web/API/HTMLOptionsCollection"
|
|
272
2022
|
},
|
|
273
2023
|
{
|
|
274
|
-
"name": "
|
|
275
|
-
"description": "
|
|
276
|
-
"values": [
|
|
277
|
-
{
|
|
278
|
-
"name": "bottom"
|
|
279
|
-
},
|
|
280
|
-
{
|
|
281
|
-
"name": "bottom-end"
|
|
282
|
-
},
|
|
283
|
-
{
|
|
284
|
-
"name": "bottom-start"
|
|
285
|
-
},
|
|
286
|
-
{
|
|
287
|
-
"name": "left"
|
|
288
|
-
},
|
|
289
|
-
{
|
|
290
|
-
"name": "left-end"
|
|
291
|
-
},
|
|
292
|
-
{
|
|
293
|
-
"name": "left-start"
|
|
294
|
-
},
|
|
295
|
-
{
|
|
296
|
-
"name": "right"
|
|
297
|
-
},
|
|
298
|
-
{
|
|
299
|
-
"name": "right-end"
|
|
300
|
-
},
|
|
301
|
-
{
|
|
302
|
-
"name": "right-start"
|
|
303
|
-
},
|
|
304
|
-
{
|
|
305
|
-
"name": "top"
|
|
306
|
-
},
|
|
307
|
-
{
|
|
308
|
-
"name": "top-end"
|
|
309
|
-
},
|
|
310
|
-
{
|
|
311
|
-
"name": "top-start"
|
|
312
|
-
}
|
|
313
|
-
]
|
|
2024
|
+
"name": "multiple",
|
|
2025
|
+
"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."
|
|
314
2026
|
},
|
|
315
2027
|
{
|
|
316
|
-
"name": "
|
|
317
|
-
"description": "The
|
|
318
|
-
"values": [
|
|
319
|
-
{
|
|
320
|
-
"name": "absolute"
|
|
321
|
-
},
|
|
322
|
-
{
|
|
323
|
-
"name": "fixed"
|
|
324
|
-
}
|
|
325
|
-
]
|
|
2028
|
+
"name": "name",
|
|
2029
|
+
"description": "The name of the select, which is submitted with the form data."
|
|
326
2030
|
},
|
|
327
2031
|
{
|
|
328
|
-
"name": "
|
|
329
|
-
"description": "
|
|
330
|
-
}
|
|
331
|
-
]
|
|
332
|
-
},
|
|
333
|
-
{
|
|
334
|
-
"name": "qds-form-message",
|
|
335
|
-
"description": {
|
|
336
|
-
"kind": "markdown",
|
|
337
|
-
"value": "`<qds-form-message>` elements represent messages for a form field in a user\ninterface."
|
|
338
|
-
},
|
|
339
|
-
"attributes": [
|
|
2032
|
+
"name": "options",
|
|
2033
|
+
"description": "An [`HTMLOptionsCollection`][] of the [`<option>`][] elements contained by\nthe `<qds-select>` element.\n\n[`HTMLOptionsCollection`]: https://developer.mozilla.org/docs/Web/API/HTMLOptionsCollection\n[`<option>`]: https://developer.mozilla.org/docs/Web/HTML/Element/option"
|
|
2034
|
+
},
|
|
340
2035
|
{
|
|
341
|
-
"name": "
|
|
342
|
-
"description": "
|
|
2036
|
+
"name": "required",
|
|
2037
|
+
"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"
|
|
2038
|
+
},
|
|
2039
|
+
{
|
|
2040
|
+
"name": "selected-index",
|
|
2041
|
+
"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"
|
|
2042
|
+
},
|
|
2043
|
+
{
|
|
2044
|
+
"name": "selected-options",
|
|
2045
|
+
"description": "Collection of the [`<option>`][] elements contained within the\n`<qds-select>` element that are currently selected.\n\n[`<option>`]: https://developer.mozilla.org/docs/Web/HTML/Element/option"
|
|
343
2046
|
},
|
|
344
2047
|
{
|
|
345
2048
|
"name": "size",
|
|
346
|
-
"description": "The
|
|
2049
|
+
"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",
|
|
347
2050
|
"values": [
|
|
348
2051
|
{
|
|
349
2052
|
"name": "large"
|
|
@@ -358,14 +2061,11 @@
|
|
|
358
2061
|
},
|
|
359
2062
|
{
|
|
360
2063
|
"name": "status",
|
|
361
|
-
"description": "The
|
|
2064
|
+
"description": "The select's status.",
|
|
362
2065
|
"values": [
|
|
363
2066
|
{
|
|
364
2067
|
"name": "error"
|
|
365
2068
|
},
|
|
366
|
-
{
|
|
367
|
-
"name": "info"
|
|
368
|
-
},
|
|
369
2069
|
{
|
|
370
2070
|
"name": "success"
|
|
371
2071
|
},
|
|
@@ -375,38 +2075,45 @@
|
|
|
375
2075
|
]
|
|
376
2076
|
},
|
|
377
2077
|
{
|
|
378
|
-
"name": "
|
|
379
|
-
"description": "
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
2078
|
+
"name": "type",
|
|
2079
|
+
"description": "Returns `select-multiple` if the `multiple` attribute is true;\n`select-one` otherwise.",
|
|
2080
|
+
"values": [
|
|
2081
|
+
{
|
|
2082
|
+
"name": "select-multiple"
|
|
2083
|
+
},
|
|
2084
|
+
{
|
|
2085
|
+
"name": "select-one"
|
|
2086
|
+
}
|
|
2087
|
+
]
|
|
2088
|
+
},
|
|
2089
|
+
{
|
|
2090
|
+
"name": "validation-message",
|
|
2091
|
+
"description": "The error message that would be shown to the user if the `<qds-select>`\nwas to be checked for validity."
|
|
2092
|
+
},
|
|
390
2093
|
{
|
|
391
|
-
"name": "
|
|
392
|
-
"description": "The
|
|
2094
|
+
"name": "validity",
|
|
2095
|
+
"description": "The [`ValidityState`][] object for this `<qds-select>`.\n\n[`ValidityState`]: https://developer.mozilla.org/docs/Web/API/ValidityState"
|
|
393
2096
|
},
|
|
394
2097
|
{
|
|
395
|
-
"name": "
|
|
396
|
-
"description": "The
|
|
2098
|
+
"name": "value",
|
|
2099
|
+
"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"
|
|
2100
|
+
},
|
|
2101
|
+
{
|
|
2102
|
+
"name": "will-validate",
|
|
2103
|
+
"description": "True if `<qds-select>` will be validated when the form is submitted;\nfalse otherwise."
|
|
397
2104
|
}
|
|
398
2105
|
]
|
|
399
2106
|
},
|
|
400
2107
|
{
|
|
401
|
-
"name": "qds-
|
|
2108
|
+
"name": "qds-standalone-link",
|
|
402
2109
|
"description": {
|
|
403
2110
|
"kind": "markdown",
|
|
404
|
-
"value": "`<qds-
|
|
2111
|
+
"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."
|
|
405
2112
|
},
|
|
406
2113
|
"attributes": [
|
|
407
2114
|
{
|
|
408
2115
|
"name": "disabled",
|
|
409
|
-
"description": "Prevents the
|
|
2116
|
+
"description": "Prevents the standalone link from being interacted with: it cannot be pressed\nor focused."
|
|
410
2117
|
},
|
|
411
2118
|
{
|
|
412
2119
|
"name": "download",
|
|
@@ -414,15 +2121,38 @@
|
|
|
414
2121
|
},
|
|
415
2122
|
{
|
|
416
2123
|
"name": "href",
|
|
417
|
-
"description": "The URL that the
|
|
2124
|
+
"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)"
|
|
418
2125
|
},
|
|
419
2126
|
{
|
|
420
2127
|
"name": "hreflang",
|
|
421
2128
|
"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)."
|
|
422
2129
|
},
|
|
2130
|
+
{
|
|
2131
|
+
"name": "icon-library",
|
|
2132
|
+
"description": "The name of a registered icon library."
|
|
2133
|
+
},
|
|
2134
|
+
{
|
|
2135
|
+
"name": "icon-name",
|
|
2136
|
+
"description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
|
|
2137
|
+
},
|
|
2138
|
+
{
|
|
2139
|
+
"name": "importance",
|
|
2140
|
+
"description": "The standalone link's importance.",
|
|
2141
|
+
"values": [
|
|
2142
|
+
{
|
|
2143
|
+
"name": "emphasized"
|
|
2144
|
+
},
|
|
2145
|
+
{
|
|
2146
|
+
"name": "standard"
|
|
2147
|
+
},
|
|
2148
|
+
{
|
|
2149
|
+
"name": "subdued"
|
|
2150
|
+
}
|
|
2151
|
+
]
|
|
2152
|
+
},
|
|
423
2153
|
{
|
|
424
2154
|
"name": "referrerpolicy",
|
|
425
|
-
"description": "How much of the\n[referrer](https://developer.mozilla.org/docs/Web/HTTP/Headers/Referer)\nto send when following the
|
|
2155
|
+
"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.",
|
|
426
2156
|
"values": [
|
|
427
2157
|
{
|
|
428
2158
|
"name": "no-referrer"
|
|
@@ -454,6 +2184,21 @@
|
|
|
454
2184
|
"name": "rel",
|
|
455
2185
|
"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."
|
|
456
2186
|
},
|
|
2187
|
+
{
|
|
2188
|
+
"name": "size",
|
|
2189
|
+
"description": "The standalone link's size.",
|
|
2190
|
+
"values": [
|
|
2191
|
+
{
|
|
2192
|
+
"name": "large"
|
|
2193
|
+
},
|
|
2194
|
+
{
|
|
2195
|
+
"name": "small"
|
|
2196
|
+
},
|
|
2197
|
+
{
|
|
2198
|
+
"name": "standard"
|
|
2199
|
+
}
|
|
2200
|
+
]
|
|
2201
|
+
},
|
|
457
2202
|
{
|
|
458
2203
|
"name": "target",
|
|
459
2204
|
"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`.",
|
|
@@ -471,160 +2216,207 @@
|
|
|
471
2216
|
"name": "_top"
|
|
472
2217
|
}
|
|
473
2218
|
]
|
|
2219
|
+
},
|
|
2220
|
+
{
|
|
2221
|
+
"name": "visitable",
|
|
2222
|
+
"description": "Defines if the standalone link will display the visited state."
|
|
474
2223
|
}
|
|
475
2224
|
]
|
|
476
2225
|
},
|
|
477
2226
|
{
|
|
478
|
-
"name": "qds-
|
|
2227
|
+
"name": "qds-switch",
|
|
479
2228
|
"description": {
|
|
480
2229
|
"kind": "markdown",
|
|
481
|
-
"value": "
|
|
2230
|
+
"value": "<!--\nSPDX-FileCopyrightText: © 2024 Schneider Electric\n\nSPDX-License-Identifier: Apache-2.0\n-->"
|
|
482
2231
|
},
|
|
483
2232
|
"attributes": [
|
|
484
2233
|
{
|
|
485
|
-
"name": "
|
|
486
|
-
"description": "
|
|
2234
|
+
"name": "checked",
|
|
2235
|
+
"description": "Sets the switch's state."
|
|
2236
|
+
},
|
|
2237
|
+
{
|
|
2238
|
+
"name": "disabled",
|
|
2239
|
+
"description": "Prevents the switch from being interacted with: it cannot be pressed or\nfocused."
|
|
2240
|
+
},
|
|
2241
|
+
{
|
|
2242
|
+
"name": "form",
|
|
2243
|
+
"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."
|
|
2244
|
+
},
|
|
2245
|
+
{
|
|
2246
|
+
"name": "inline",
|
|
2247
|
+
"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."
|
|
2248
|
+
},
|
|
2249
|
+
{
|
|
2250
|
+
"name": "labels",
|
|
2251
|
+
"description": "Returns a list of the [`<label>`][] elements associated with the\n`qds-switch` element.\n\n[`<label>`]: https://developer.mozilla.org/docs/Web/HTML/Element/label"
|
|
2252
|
+
},
|
|
2253
|
+
{
|
|
2254
|
+
"name": "name",
|
|
2255
|
+
"description": "The name of the switch, which is submitted with the form data."
|
|
2256
|
+
},
|
|
2257
|
+
{
|
|
2258
|
+
"name": "no-indicator",
|
|
2259
|
+
"description": "Display the status indicator.\n\nBy default, the indicator is visible."
|
|
2260
|
+
},
|
|
2261
|
+
{
|
|
2262
|
+
"name": "size",
|
|
2263
|
+
"description": "The switches's size.",
|
|
487
2264
|
"values": [
|
|
488
2265
|
{
|
|
489
|
-
"name": "
|
|
490
|
-
},
|
|
491
|
-
{
|
|
492
|
-
"name": "none"
|
|
493
|
-
},
|
|
494
|
-
{
|
|
495
|
-
"name": "off"
|
|
496
|
-
},
|
|
497
|
-
{
|
|
498
|
-
"name": "on"
|
|
2266
|
+
"name": "large"
|
|
499
2267
|
},
|
|
500
2268
|
{
|
|
501
|
-
"name": "
|
|
2269
|
+
"name": "small"
|
|
502
2270
|
},
|
|
503
2271
|
{
|
|
504
|
-
"name": "
|
|
2272
|
+
"name": "standard"
|
|
505
2273
|
}
|
|
506
2274
|
]
|
|
507
2275
|
},
|
|
508
2276
|
{
|
|
509
|
-
"name": "
|
|
510
|
-
"description": "
|
|
2277
|
+
"name": "validation-message",
|
|
2278
|
+
"description": "The error message that would be shown to the user if the `<qds-switch>`\nwas to be checked for validity."
|
|
511
2279
|
},
|
|
512
2280
|
{
|
|
513
|
-
"name": "
|
|
514
|
-
"description": "
|
|
2281
|
+
"name": "validity",
|
|
2282
|
+
"description": "The [`ValidityState`][] object for this `<qds-switch>`.\n\n[`ValidityState`]: https://developer.mozilla.org/docs/Web/API/ValidityState"
|
|
515
2283
|
},
|
|
516
2284
|
{
|
|
517
|
-
"name": "
|
|
518
|
-
"description": "
|
|
2285
|
+
"name": "value",
|
|
2286
|
+
"description": "The value of the switch, submitted as a name/value pair with form data."
|
|
519
2287
|
},
|
|
520
2288
|
{
|
|
521
|
-
"name": "
|
|
522
|
-
"description": "
|
|
2289
|
+
"name": "will-validate",
|
|
2290
|
+
"description": "True if `<qds-switch>` will be validated when the form is submitted;\nfalse otherwise."
|
|
2291
|
+
}
|
|
2292
|
+
]
|
|
2293
|
+
},
|
|
2294
|
+
{
|
|
2295
|
+
"name": "qds-tab",
|
|
2296
|
+
"description": {
|
|
2297
|
+
"kind": "markdown",
|
|
2298
|
+
"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."
|
|
2299
|
+
},
|
|
2300
|
+
"attributes": [
|
|
2301
|
+
{
|
|
2302
|
+
"name": "action",
|
|
2303
|
+
"description": "The name of the action icon to render.",
|
|
523
2304
|
"values": [
|
|
524
2305
|
{
|
|
525
|
-
"name": "
|
|
2306
|
+
"name": "closable"
|
|
526
2307
|
},
|
|
527
2308
|
{
|
|
528
|
-
"name": "
|
|
529
|
-
}
|
|
2309
|
+
"name": "expandable"
|
|
2310
|
+
}
|
|
2311
|
+
]
|
|
2312
|
+
},
|
|
2313
|
+
{
|
|
2314
|
+
"name": "badge",
|
|
2315
|
+
"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."
|
|
2316
|
+
},
|
|
2317
|
+
{
|
|
2318
|
+
"name": "badge-counter-importance",
|
|
2319
|
+
"description": "The tab's counter importance.",
|
|
2320
|
+
"values": [
|
|
530
2321
|
{
|
|
531
|
-
"name": "
|
|
2322
|
+
"name": "destructive"
|
|
532
2323
|
},
|
|
533
2324
|
{
|
|
534
|
-
"name": "
|
|
2325
|
+
"name": "emphasized"
|
|
535
2326
|
},
|
|
536
2327
|
{
|
|
537
|
-
"name": "
|
|
2328
|
+
"name": "standard"
|
|
538
2329
|
},
|
|
539
2330
|
{
|
|
540
|
-
"name": "
|
|
2331
|
+
"name": "subdued"
|
|
541
2332
|
},
|
|
542
2333
|
{
|
|
543
|
-
"name": "
|
|
2334
|
+
"name": "subdued-destructive"
|
|
544
2335
|
}
|
|
545
2336
|
]
|
|
546
2337
|
},
|
|
547
2338
|
{
|
|
548
|
-
"name": "
|
|
549
|
-
"description": "The
|
|
2339
|
+
"name": "badge-description",
|
|
2340
|
+
"description": "The indicator or counter badge's accessible text that will be used by\nscreen readers."
|
|
550
2341
|
},
|
|
551
2342
|
{
|
|
552
|
-
"name": "
|
|
553
|
-
"description": "
|
|
2343
|
+
"name": "badge-indicator-status",
|
|
2344
|
+
"description": "The indicator's status.",
|
|
554
2345
|
"values": [
|
|
555
2346
|
{
|
|
556
|
-
"name": "
|
|
557
|
-
},
|
|
558
|
-
{
|
|
559
|
-
"name": "email"
|
|
560
|
-
},
|
|
561
|
-
{
|
|
562
|
-
"name": "none"
|
|
563
|
-
},
|
|
564
|
-
{
|
|
565
|
-
"name": "numeric"
|
|
2347
|
+
"name": "error"
|
|
566
2348
|
},
|
|
567
2349
|
{
|
|
568
|
-
"name": "
|
|
2350
|
+
"name": "info"
|
|
569
2351
|
},
|
|
570
2352
|
{
|
|
571
|
-
"name": "
|
|
2353
|
+
"name": "neutral"
|
|
572
2354
|
},
|
|
573
2355
|
{
|
|
574
|
-
"name": "
|
|
2356
|
+
"name": "success"
|
|
575
2357
|
},
|
|
576
2358
|
{
|
|
577
|
-
"name": "
|
|
2359
|
+
"name": "warning"
|
|
578
2360
|
}
|
|
579
2361
|
]
|
|
580
2362
|
},
|
|
581
2363
|
{
|
|
582
|
-
"name": "
|
|
583
|
-
"description": "
|
|
584
|
-
},
|
|
585
|
-
{
|
|
586
|
-
"name": "max",
|
|
587
|
-
"description": "Defines the greatest value in the range of permitted values. If the\n`value` entered into the input exceeds this, the input fails\n[constraint validation](https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation).\nOnly valid for `date`, `datetime-local`, `month`, `time`, and `week`\ninputs.\n\nIf this value isn't a valid number, then the input has no maximum value."
|
|
588
|
-
},
|
|
589
|
-
{
|
|
590
|
-
"name": "maxlength",
|
|
591
|
-
"description": "The maximum number of characters (as UTF-16 code units) the user can enter\ninto the input. This must be an non-negative integer value. If no\n`maxlength` is specified, or an invalid value is specified, the input has\nno maximum length. Only valid for `email`, `password`, `search`, `tel`,\n`text`, and `url` inputs.\n\nThe input will fail\n[constraint validation](https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation)\nif the length of the text entered into the field is greater than\n`maxlength` UTF-16 code units long. By default, browsers prevent users\nfrom entering more characters than allowed by the `maxlength` attribute. See\n[Client-side validation](https://developer.mozilla.org/docs/Web/HTML/Element/input#client-side_validation)\nfor more information."
|
|
592
|
-
},
|
|
593
|
-
{
|
|
594
|
-
"name": "min",
|
|
595
|
-
"description": "Defines the most negative value in the range of permitted values. If the\n`value` entered into the input is less than this, the input fails\n[constraint validation](https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation).\nOnly valid for `date`, `datetime-local`, `month`, `time`, and `week`\ninputs.\n\nThis value must be less than or equal to the value of the `max` attribute.\nIf this value isn't a valid number, then the input has no minimum value."
|
|
2364
|
+
"name": "disabled",
|
|
2365
|
+
"description": "Prevents the tab from being interacted with: it cannot be\nselected or focused."
|
|
596
2366
|
},
|
|
597
2367
|
{
|
|
598
|
-
"name": "
|
|
599
|
-
"description": "
|
|
2368
|
+
"name": "href",
|
|
2369
|
+
"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`."
|
|
600
2370
|
},
|
|
601
2371
|
{
|
|
602
|
-
"name": "
|
|
603
|
-
"description": "
|
|
2372
|
+
"name": "icon-library",
|
|
2373
|
+
"description": "The name of a registered icon library."
|
|
604
2374
|
},
|
|
605
2375
|
{
|
|
606
|
-
"name": "name",
|
|
607
|
-
"description": "The name of the
|
|
2376
|
+
"name": "icon-name",
|
|
2377
|
+
"description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
|
|
608
2378
|
},
|
|
609
2379
|
{
|
|
610
|
-
"name": "
|
|
611
|
-
"description": "
|
|
2380
|
+
"name": "importance",
|
|
2381
|
+
"description": "The tab's importance.",
|
|
2382
|
+
"values": [
|
|
2383
|
+
{
|
|
2384
|
+
"name": "standard"
|
|
2385
|
+
},
|
|
2386
|
+
{
|
|
2387
|
+
"name": "subdued"
|
|
2388
|
+
}
|
|
2389
|
+
]
|
|
612
2390
|
},
|
|
613
2391
|
{
|
|
614
|
-
"name": "
|
|
615
|
-
"description": "
|
|
2392
|
+
"name": "indicator-position",
|
|
2393
|
+
"description": "The tab's indicator position.",
|
|
2394
|
+
"values": [
|
|
2395
|
+
{
|
|
2396
|
+
"name": "block-end"
|
|
2397
|
+
},
|
|
2398
|
+
{
|
|
2399
|
+
"name": "block-start"
|
|
2400
|
+
},
|
|
2401
|
+
{
|
|
2402
|
+
"name": "inline-end"
|
|
2403
|
+
},
|
|
2404
|
+
{
|
|
2405
|
+
"name": "inline-start"
|
|
2406
|
+
}
|
|
2407
|
+
]
|
|
616
2408
|
},
|
|
617
2409
|
{
|
|
618
|
-
"name": "
|
|
619
|
-
"description": "The
|
|
2410
|
+
"name": "panel",
|
|
2411
|
+
"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"
|
|
620
2412
|
},
|
|
621
2413
|
{
|
|
622
|
-
"name": "
|
|
623
|
-
"description": "
|
|
2414
|
+
"name": "selected",
|
|
2415
|
+
"description": "Whether or not the tab is selected."
|
|
624
2416
|
},
|
|
625
2417
|
{
|
|
626
2418
|
"name": "size",
|
|
627
|
-
"description": "The
|
|
2419
|
+
"description": "The tab's size.",
|
|
628
2420
|
"values": [
|
|
629
2421
|
{
|
|
630
2422
|
"name": "large"
|
|
@@ -638,211 +2430,260 @@
|
|
|
638
2430
|
]
|
|
639
2431
|
},
|
|
640
2432
|
{
|
|
641
|
-
"name": "
|
|
642
|
-
"description": "
|
|
2433
|
+
"name": "subtitle",
|
|
2434
|
+
"description": "Text to display for the subtitle."
|
|
643
2435
|
},
|
|
644
2436
|
{
|
|
645
|
-
"name": "
|
|
646
|
-
"description": "
|
|
2437
|
+
"name": "tag-icon-description",
|
|
2438
|
+
"description": "The tag icon's accessible text that will be used by\nscreen readers."
|
|
2439
|
+
},
|
|
2440
|
+
{
|
|
2441
|
+
"name": "tag-icon-library",
|
|
2442
|
+
"description": "The name of a registered icon library."
|
|
2443
|
+
},
|
|
2444
|
+
{
|
|
2445
|
+
"name": "tag-icon-name",
|
|
2446
|
+
"description": "The name of the tab's tag icon to render.\n\nAvailable names depend on the icon library being used."
|
|
2447
|
+
},
|
|
2448
|
+
{
|
|
2449
|
+
"name": "tag-importance",
|
|
2450
|
+
"description": "The tab's tag importance.",
|
|
647
2451
|
"values": [
|
|
648
2452
|
{
|
|
649
|
-
"name": "
|
|
2453
|
+
"name": "emphasized"
|
|
2454
|
+
},
|
|
2455
|
+
{
|
|
2456
|
+
"name": "standard"
|
|
2457
|
+
},
|
|
2458
|
+
{
|
|
2459
|
+
"name": "subdued"
|
|
650
2460
|
}
|
|
651
2461
|
]
|
|
652
2462
|
},
|
|
653
2463
|
{
|
|
654
|
-
"name": "
|
|
655
|
-
"description": "The
|
|
2464
|
+
"name": "tag-size",
|
|
2465
|
+
"description": "The tab's tag size.",
|
|
656
2466
|
"values": [
|
|
657
2467
|
{
|
|
658
|
-
"name": "
|
|
2468
|
+
"name": "large"
|
|
659
2469
|
},
|
|
660
2470
|
{
|
|
661
|
-
"name": "
|
|
2471
|
+
"name": "small"
|
|
662
2472
|
},
|
|
663
2473
|
{
|
|
664
|
-
"name": "
|
|
2474
|
+
"name": "standard"
|
|
2475
|
+
}
|
|
2476
|
+
]
|
|
2477
|
+
},
|
|
2478
|
+
{
|
|
2479
|
+
"name": "tag-status",
|
|
2480
|
+
"description": "The tab's tag status.",
|
|
2481
|
+
"values": [
|
|
2482
|
+
{
|
|
2483
|
+
"name": "error"
|
|
665
2484
|
},
|
|
666
2485
|
{
|
|
667
|
-
"name": "
|
|
2486
|
+
"name": "info"
|
|
668
2487
|
},
|
|
669
2488
|
{
|
|
670
|
-
"name": "
|
|
2489
|
+
"name": "success"
|
|
671
2490
|
},
|
|
672
2491
|
{
|
|
673
|
-
"name": "
|
|
2492
|
+
"name": "warning"
|
|
2493
|
+
}
|
|
2494
|
+
]
|
|
2495
|
+
},
|
|
2496
|
+
{
|
|
2497
|
+
"name": "tag-text",
|
|
2498
|
+
"description": "The tab's tag text."
|
|
2499
|
+
},
|
|
2500
|
+
{
|
|
2501
|
+
"name": "text",
|
|
2502
|
+
"description": "Primary text to display."
|
|
2503
|
+
}
|
|
2504
|
+
]
|
|
2505
|
+
},
|
|
2506
|
+
{
|
|
2507
|
+
"name": "qds-tabbar",
|
|
2508
|
+
"description": {
|
|
2509
|
+
"kind": "markdown",
|
|
2510
|
+
"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."
|
|
2511
|
+
},
|
|
2512
|
+
"attributes": [
|
|
2513
|
+
{
|
|
2514
|
+
"name": "alignment",
|
|
2515
|
+
"description": "The alignment of tabs. Only applicable for horizontal orientation.",
|
|
2516
|
+
"values": [
|
|
2517
|
+
{
|
|
2518
|
+
"name": "centered"
|
|
674
2519
|
},
|
|
675
2520
|
{
|
|
676
|
-
"name": "
|
|
2521
|
+
"name": "left"
|
|
2522
|
+
}
|
|
2523
|
+
]
|
|
2524
|
+
},
|
|
2525
|
+
{
|
|
2526
|
+
"name": "layer",
|
|
2527
|
+
"description": "The tabbar's layer.",
|
|
2528
|
+
"values": [
|
|
2529
|
+
{
|
|
2530
|
+
"name": "accessory"
|
|
677
2531
|
},
|
|
678
2532
|
{
|
|
679
|
-
"name": "
|
|
2533
|
+
"name": "main"
|
|
680
2534
|
},
|
|
681
2535
|
{
|
|
682
|
-
"name": "
|
|
2536
|
+
"name": "panel"
|
|
683
2537
|
},
|
|
684
2538
|
{
|
|
685
|
-
"name": "
|
|
2539
|
+
"name": "popup"
|
|
2540
|
+
}
|
|
2541
|
+
]
|
|
2542
|
+
},
|
|
2543
|
+
{
|
|
2544
|
+
"name": "level",
|
|
2545
|
+
"description": "The tabbar's level.",
|
|
2546
|
+
"values": [
|
|
2547
|
+
{
|
|
2548
|
+
"name": "root"
|
|
686
2549
|
},
|
|
687
2550
|
{
|
|
688
|
-
"name": "
|
|
2551
|
+
"name": "section"
|
|
689
2552
|
},
|
|
690
2553
|
{
|
|
691
|
-
"name": "
|
|
2554
|
+
"name": "subsection"
|
|
2555
|
+
}
|
|
2556
|
+
]
|
|
2557
|
+
},
|
|
2558
|
+
{
|
|
2559
|
+
"name": "orientation",
|
|
2560
|
+
"description": "The tabbar's orientation.",
|
|
2561
|
+
"values": [
|
|
2562
|
+
{
|
|
2563
|
+
"name": "horizontal"
|
|
692
2564
|
},
|
|
693
2565
|
{
|
|
694
|
-
"name": "
|
|
2566
|
+
"name": "vertical"
|
|
695
2567
|
}
|
|
696
2568
|
]
|
|
697
2569
|
},
|
|
698
2570
|
{
|
|
699
|
-
"name": "
|
|
700
|
-
"description": "
|
|
2571
|
+
"name": "show-divider",
|
|
2572
|
+
"description": "Displays a divider line."
|
|
2573
|
+
},
|
|
2574
|
+
{
|
|
2575
|
+
"name": "tablist-description",
|
|
2576
|
+
"description": "the tablist Description"
|
|
701
2577
|
}
|
|
702
2578
|
]
|
|
703
2579
|
},
|
|
704
2580
|
{
|
|
705
|
-
"name": "qds-
|
|
2581
|
+
"name": "qds-table",
|
|
706
2582
|
"description": {
|
|
707
2583
|
"kind": "markdown",
|
|
708
|
-
"value": "`<qds-
|
|
2584
|
+
"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."
|
|
2585
|
+
},
|
|
2586
|
+
"attributes": []
|
|
2587
|
+
},
|
|
2588
|
+
{
|
|
2589
|
+
"name": "qds-table-cell",
|
|
2590
|
+
"description": {
|
|
2591
|
+
"kind": "markdown",
|
|
2592
|
+
"value": "The `<qds-table-cell>` element defines a cell of a table that contains data.\nIt participates in the *table model*."
|
|
709
2593
|
},
|
|
710
2594
|
"attributes": [
|
|
711
2595
|
{
|
|
712
|
-
"name": "
|
|
713
|
-
"description": "
|
|
714
|
-
},
|
|
715
|
-
{
|
|
716
|
-
"name": "required",
|
|
717
|
-
"description": "Specify the labelled item as required by appending a red asterisk (*)."
|
|
718
|
-
},
|
|
719
|
-
{
|
|
720
|
-
"name": "size",
|
|
721
|
-
"description": "The label's size.",
|
|
722
|
-
"values": [
|
|
723
|
-
{
|
|
724
|
-
"name": "large"
|
|
725
|
-
},
|
|
726
|
-
{
|
|
727
|
-
"name": "small"
|
|
728
|
-
},
|
|
729
|
-
{
|
|
730
|
-
"name": "standard"
|
|
731
|
-
}
|
|
732
|
-
]
|
|
2596
|
+
"name": "colspan",
|
|
2597
|
+
"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)."
|
|
733
2598
|
},
|
|
734
2599
|
{
|
|
735
|
-
"name": "
|
|
736
|
-
"description": "
|
|
2600
|
+
"name": "rowspan",
|
|
2601
|
+
"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."
|
|
737
2602
|
}
|
|
738
2603
|
]
|
|
739
2604
|
},
|
|
740
2605
|
{
|
|
741
|
-
"name": "qds-
|
|
2606
|
+
"name": "qds-table-head-cell",
|
|
742
2607
|
"description": {
|
|
743
2608
|
"kind": "markdown",
|
|
744
|
-
"value": "`<qds-
|
|
2609
|
+
"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."
|
|
745
2610
|
},
|
|
746
2611
|
"attributes": [
|
|
747
2612
|
{
|
|
748
|
-
"name": "
|
|
749
|
-
"description": "
|
|
750
|
-
},
|
|
751
|
-
{
|
|
752
|
-
"name": "disabled",
|
|
753
|
-
"description": "Prevents the radio button from being interacted with: it cannot be pressed\nor focused."
|
|
754
|
-
},
|
|
755
|
-
{
|
|
756
|
-
"name": "form",
|
|
757
|
-
"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."
|
|
758
|
-
},
|
|
759
|
-
{
|
|
760
|
-
"name": "inline",
|
|
761
|
-
"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."
|
|
762
|
-
},
|
|
763
|
-
{
|
|
764
|
-
"name": "name",
|
|
765
|
-
"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."
|
|
2613
|
+
"name": "colspan",
|
|
2614
|
+
"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)."
|
|
766
2615
|
},
|
|
767
2616
|
{
|
|
768
|
-
"name": "
|
|
769
|
-
"description": "
|
|
2617
|
+
"name": "rowspan",
|
|
2618
|
+
"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."
|
|
770
2619
|
},
|
|
771
2620
|
{
|
|
772
|
-
"name": "
|
|
773
|
-
"description": "The
|
|
2621
|
+
"name": "scope",
|
|
2622
|
+
"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.",
|
|
774
2623
|
"values": [
|
|
775
2624
|
{
|
|
776
|
-
"name": "
|
|
777
|
-
},
|
|
778
|
-
{
|
|
779
|
-
"name": "small"
|
|
2625
|
+
"name": "col"
|
|
780
2626
|
},
|
|
781
2627
|
{
|
|
782
|
-
"name": "
|
|
2628
|
+
"name": "row"
|
|
783
2629
|
}
|
|
784
2630
|
]
|
|
785
|
-
},
|
|
786
|
-
{
|
|
787
|
-
"name": "text",
|
|
788
|
-
"description": "The radio button's text."
|
|
789
|
-
},
|
|
790
|
-
{
|
|
791
|
-
"name": "value",
|
|
792
|
-
"description": "The value of the radio button, submitted as a name/value pair with form\ndata."
|
|
793
2631
|
}
|
|
794
2632
|
]
|
|
795
2633
|
},
|
|
796
2634
|
{
|
|
797
|
-
"name": "qds-
|
|
2635
|
+
"name": "qds-table-row",
|
|
798
2636
|
"description": {
|
|
799
2637
|
"kind": "markdown",
|
|
800
|
-
"value": "
|
|
2638
|
+
"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."
|
|
2639
|
+
},
|
|
2640
|
+
"attributes": []
|
|
2641
|
+
},
|
|
2642
|
+
{
|
|
2643
|
+
"name": "qds-tag",
|
|
2644
|
+
"description": {
|
|
2645
|
+
"kind": "markdown",
|
|
2646
|
+
"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."
|
|
801
2647
|
},
|
|
802
2648
|
"attributes": [
|
|
803
2649
|
{
|
|
804
|
-
"name": "
|
|
805
|
-
"description": "
|
|
806
|
-
},
|
|
807
|
-
{
|
|
808
|
-
"name": "checked",
|
|
809
|
-
"description": "Sets the switch's state."
|
|
810
|
-
},
|
|
811
|
-
{
|
|
812
|
-
"name": "disabled",
|
|
813
|
-
"description": "Prevents the switch from being interacted with: it cannot be pressed or\nfocused."
|
|
814
|
-
},
|
|
815
|
-
{
|
|
816
|
-
"name": "form",
|
|
817
|
-
"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."
|
|
818
|
-
},
|
|
819
|
-
{
|
|
820
|
-
"name": "icon-checked-library",
|
|
821
|
-
"description": "The name of a registered checked icon library."
|
|
2650
|
+
"name": "badge",
|
|
2651
|
+
"description": "Displays an indicator if `true`."
|
|
822
2652
|
},
|
|
823
2653
|
{
|
|
824
|
-
"name": "
|
|
825
|
-
"description": "The
|
|
2654
|
+
"name": "badge-description",
|
|
2655
|
+
"description": "The indicator badge's accessible text that will be used by\nscreen readers."
|
|
826
2656
|
},
|
|
827
2657
|
{
|
|
828
|
-
"name": "icon-
|
|
829
|
-
"description": "
|
|
2658
|
+
"name": "icon-description",
|
|
2659
|
+
"description": "Provides a text description of the icon for screen readers."
|
|
830
2660
|
},
|
|
831
2661
|
{
|
|
832
|
-
"name": "icon-
|
|
833
|
-
"description": "The name of
|
|
2662
|
+
"name": "icon-library",
|
|
2663
|
+
"description": "The name of a registered icon library."
|
|
834
2664
|
},
|
|
835
2665
|
{
|
|
836
|
-
"name": "
|
|
837
|
-
"description": "
|
|
2666
|
+
"name": "icon-name",
|
|
2667
|
+
"description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
|
|
838
2668
|
},
|
|
839
2669
|
{
|
|
840
|
-
"name": "
|
|
841
|
-
"description": "The
|
|
2670
|
+
"name": "importance",
|
|
2671
|
+
"description": "The tag's importance.",
|
|
2672
|
+
"values": [
|
|
2673
|
+
{
|
|
2674
|
+
"name": "emphasized"
|
|
2675
|
+
},
|
|
2676
|
+
{
|
|
2677
|
+
"name": "standard"
|
|
2678
|
+
},
|
|
2679
|
+
{
|
|
2680
|
+
"name": "subdued"
|
|
2681
|
+
}
|
|
2682
|
+
]
|
|
842
2683
|
},
|
|
843
2684
|
{
|
|
844
2685
|
"name": "size",
|
|
845
|
-
"description": "The
|
|
2686
|
+
"description": "The tag's size.",
|
|
846
2687
|
"values": [
|
|
847
2688
|
{
|
|
848
2689
|
"name": "large"
|
|
@@ -856,50 +2697,39 @@
|
|
|
856
2697
|
]
|
|
857
2698
|
},
|
|
858
2699
|
{
|
|
859
|
-
"name": "
|
|
860
|
-
"description": "The
|
|
861
|
-
},
|
|
862
|
-
{
|
|
863
|
-
"name": "text-unchecked",
|
|
864
|
-
"description": "The switch's unchecked text."
|
|
865
|
-
},
|
|
866
|
-
{
|
|
867
|
-
"name": "value",
|
|
868
|
-
"description": "The value of the switch, submitted as a name/value pair with form data."
|
|
869
|
-
}
|
|
870
|
-
]
|
|
871
|
-
},
|
|
872
|
-
{
|
|
873
|
-
"name": "qds-textarea",
|
|
874
|
-
"description": {
|
|
875
|
-
"kind": "markdown",
|
|
876
|
-
"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."
|
|
877
|
-
},
|
|
878
|
-
"attributes": [
|
|
879
|
-
{
|
|
880
|
-
"name": "autocapitalize",
|
|
881
|
-
"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.",
|
|
2700
|
+
"name": "status",
|
|
2701
|
+
"description": "The tag's status.",
|
|
882
2702
|
"values": [
|
|
883
2703
|
{
|
|
884
|
-
"name": "
|
|
885
|
-
},
|
|
886
|
-
{
|
|
887
|
-
"name": "none"
|
|
2704
|
+
"name": "error"
|
|
888
2705
|
},
|
|
889
2706
|
{
|
|
890
|
-
"name": "
|
|
2707
|
+
"name": "info"
|
|
891
2708
|
},
|
|
892
2709
|
{
|
|
893
|
-
"name": "
|
|
2710
|
+
"name": "neutral"
|
|
894
2711
|
},
|
|
895
2712
|
{
|
|
896
|
-
"name": "
|
|
2713
|
+
"name": "success"
|
|
897
2714
|
},
|
|
898
2715
|
{
|
|
899
|
-
"name": "
|
|
2716
|
+
"name": "warning"
|
|
900
2717
|
}
|
|
901
2718
|
]
|
|
902
2719
|
},
|
|
2720
|
+
{
|
|
2721
|
+
"name": "text",
|
|
2722
|
+
"description": "The tag's text."
|
|
2723
|
+
}
|
|
2724
|
+
]
|
|
2725
|
+
},
|
|
2726
|
+
{
|
|
2727
|
+
"name": "qds-textarea",
|
|
2728
|
+
"description": {
|
|
2729
|
+
"kind": "markdown",
|
|
2730
|
+
"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."
|
|
2731
|
+
},
|
|
2732
|
+
"attributes": [
|
|
903
2733
|
{
|
|
904
2734
|
"name": "autocomplete",
|
|
905
2735
|
"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",
|
|
@@ -912,17 +2742,13 @@
|
|
|
912
2742
|
}
|
|
913
2743
|
]
|
|
914
2744
|
},
|
|
915
|
-
{
|
|
916
|
-
"name": "autofocus",
|
|
917
|
-
"description": "Specify whether the input should have focus when the page loads."
|
|
918
|
-
},
|
|
919
2745
|
{
|
|
920
2746
|
"name": "cols",
|
|
921
2747
|
"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`."
|
|
922
2748
|
},
|
|
923
2749
|
{
|
|
924
2750
|
"name": "disabled",
|
|
925
|
-
"description": "Prevents the
|
|
2751
|
+
"description": "Prevents the textarea from being interacted with: it cannot be pressed or\nfocused."
|
|
926
2752
|
},
|
|
927
2753
|
{
|
|
928
2754
|
"name": "enterkeyhint",
|
|
@@ -986,8 +2812,8 @@
|
|
|
986
2812
|
]
|
|
987
2813
|
},
|
|
988
2814
|
{
|
|
989
|
-
"name": "
|
|
990
|
-
"description": "
|
|
2815
|
+
"name": "labels",
|
|
2816
|
+
"description": "Returns a list of the [`<label>`][] elements associated with the\n`qds-textarea` element.\n\n[`<label>`]: https://developer.mozilla.org/docs/Web/HTML/Element/label"
|
|
991
2817
|
},
|
|
992
2818
|
{
|
|
993
2819
|
"name": "maxlength",
|
|
@@ -999,7 +2825,7 @@
|
|
|
999
2825
|
},
|
|
1000
2826
|
{
|
|
1001
2827
|
"name": "name",
|
|
1002
|
-
"description": "The name of the
|
|
2828
|
+
"description": "The name of the textarea, which is submitted with the form data."
|
|
1003
2829
|
},
|
|
1004
2830
|
{
|
|
1005
2831
|
"name": "placeholder",
|
|
@@ -1007,7 +2833,7 @@
|
|
|
1007
2833
|
},
|
|
1008
2834
|
{
|
|
1009
2835
|
"name": "readonly",
|
|
1010
|
-
"description": "
|
|
2836
|
+
"description": "Prevents the user from changing the value of the textarea."
|
|
1011
2837
|
},
|
|
1012
2838
|
{
|
|
1013
2839
|
"name": "required",
|
|
@@ -1017,6 +2843,29 @@
|
|
|
1017
2843
|
"name": "rows",
|
|
1018
2844
|
"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`."
|
|
1019
2845
|
},
|
|
2846
|
+
{
|
|
2847
|
+
"name": "selection-direction",
|
|
2848
|
+
"description": "Get or set the selection direction of a text selection.\n\n> **_NOTE:_** This property has no effect when used as an attribute.",
|
|
2849
|
+
"values": [
|
|
2850
|
+
{
|
|
2851
|
+
"name": "backward"
|
|
2852
|
+
},
|
|
2853
|
+
{
|
|
2854
|
+
"name": "forward"
|
|
2855
|
+
},
|
|
2856
|
+
{
|
|
2857
|
+
"name": "none"
|
|
2858
|
+
}
|
|
2859
|
+
]
|
|
2860
|
+
},
|
|
2861
|
+
{
|
|
2862
|
+
"name": "selection-end",
|
|
2863
|
+
"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."
|
|
2864
|
+
},
|
|
2865
|
+
{
|
|
2866
|
+
"name": "selection-start",
|
|
2867
|
+
"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."
|
|
2868
|
+
},
|
|
1020
2869
|
{
|
|
1021
2870
|
"name": "size",
|
|
1022
2871
|
"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",
|
|
@@ -1033,20 +2882,40 @@
|
|
|
1033
2882
|
]
|
|
1034
2883
|
},
|
|
1035
2884
|
{
|
|
1036
|
-
"name": "
|
|
1037
|
-
"description": "
|
|
2885
|
+
"name": "status",
|
|
2886
|
+
"description": "The textarea's status.",
|
|
2887
|
+
"values": [
|
|
2888
|
+
{
|
|
2889
|
+
"name": "error"
|
|
2890
|
+
},
|
|
2891
|
+
{
|
|
2892
|
+
"name": "success"
|
|
2893
|
+
},
|
|
2894
|
+
{
|
|
2895
|
+
"name": "warning"
|
|
2896
|
+
}
|
|
2897
|
+
]
|
|
2898
|
+
},
|
|
2899
|
+
{
|
|
2900
|
+
"name": "validation-message",
|
|
2901
|
+
"description": "The error message that would be shown to the user if the `<qds-select>`\nwas to be checked for validity."
|
|
2902
|
+
},
|
|
2903
|
+
{
|
|
2904
|
+
"name": "validity",
|
|
2905
|
+
"description": "The [`ValidityState`][] object for this `<qds-select>`.\n\n[`ValidityState`]: https://developer.mozilla.org/docs/Web/API/ValidityState"
|
|
1038
2906
|
},
|
|
1039
2907
|
{
|
|
1040
2908
|
"name": "value",
|
|
1041
2909
|
"description": "The value of the textarea."
|
|
1042
2910
|
},
|
|
2911
|
+
{
|
|
2912
|
+
"name": "will-validate",
|
|
2913
|
+
"description": "True if `<qds-textarea>` will be validated when the form is submitted;\nfalse otherwise."
|
|
2914
|
+
},
|
|
1043
2915
|
{
|
|
1044
2916
|
"name": "wrap",
|
|
1045
2917
|
"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.",
|
|
1046
2918
|
"values": [
|
|
1047
|
-
{
|
|
1048
|
-
"name": "hard"
|
|
1049
|
-
},
|
|
1050
2919
|
{
|
|
1051
2920
|
"name": "off"
|
|
1052
2921
|
},
|
|
@@ -1061,9 +2930,24 @@
|
|
|
1061
2930
|
"name": "qds-title",
|
|
1062
2931
|
"description": {
|
|
1063
2932
|
"kind": "markdown",
|
|
1064
|
-
"value": "<!--\nSPDX-FileCopyrightText: ©
|
|
2933
|
+
"value": "<!--\nSPDX-FileCopyrightText: © 2024 Schneider Electric\n\nSPDX-License-Identifier: Apache-2.0\n-->"
|
|
1065
2934
|
},
|
|
1066
2935
|
"attributes": [
|
|
2936
|
+
{
|
|
2937
|
+
"name": "alignment",
|
|
2938
|
+
"description": "The alignment of the title.",
|
|
2939
|
+
"values": [
|
|
2940
|
+
{
|
|
2941
|
+
"name": "center"
|
|
2942
|
+
},
|
|
2943
|
+
{
|
|
2944
|
+
"name": "end"
|
|
2945
|
+
},
|
|
2946
|
+
{
|
|
2947
|
+
"name": "start"
|
|
2948
|
+
}
|
|
2949
|
+
]
|
|
2950
|
+
},
|
|
1067
2951
|
{
|
|
1068
2952
|
"name": "icon-library",
|
|
1069
2953
|
"description": "The name of a registered icon library."
|
|
@@ -1101,6 +2985,9 @@
|
|
|
1101
2985
|
"name": "level",
|
|
1102
2986
|
"description": "",
|
|
1103
2987
|
"values": [
|
|
2988
|
+
{
|
|
2989
|
+
"name": "root"
|
|
2990
|
+
},
|
|
1104
2991
|
{
|
|
1105
2992
|
"name": "section"
|
|
1106
2993
|
},
|
|
@@ -1136,6 +3023,24 @@
|
|
|
1136
3023
|
"name": "h6"
|
|
1137
3024
|
}
|
|
1138
3025
|
]
|
|
3026
|
+
},
|
|
3027
|
+
{
|
|
3028
|
+
"name": "variant",
|
|
3029
|
+
"description": "The title's variant.",
|
|
3030
|
+
"values": [
|
|
3031
|
+
{
|
|
3032
|
+
"name": "web-main-section-display"
|
|
3033
|
+
},
|
|
3034
|
+
{
|
|
3035
|
+
"name": "web-main-section-hero"
|
|
3036
|
+
},
|
|
3037
|
+
{
|
|
3038
|
+
"name": "web-main-section-promo"
|
|
3039
|
+
},
|
|
3040
|
+
{
|
|
3041
|
+
"name": "web-main-subsection-card"
|
|
3042
|
+
}
|
|
3043
|
+
]
|
|
1139
3044
|
}
|
|
1140
3045
|
]
|
|
1141
3046
|
},
|
|
@@ -1143,13 +3048,35 @@
|
|
|
1143
3048
|
"name": "qds-tooltip",
|
|
1144
3049
|
"description": {
|
|
1145
3050
|
"kind": "markdown",
|
|
1146
|
-
"value": "<!--\nSPDX-FileCopyrightText: ©
|
|
3051
|
+
"value": "<!--\nSPDX-FileCopyrightText: © 2024 Schneider Electric\n\nSPDX-License-Identifier: Apache-2.0\n-->"
|
|
1147
3052
|
},
|
|
1148
3053
|
"attributes": [
|
|
3054
|
+
{
|
|
3055
|
+
"name": "auto-update-options",
|
|
3056
|
+
"description": "Options to pass to Floating UI's\n[`autoUpdate()` function](https://floating-ui.com/docs/autoUpdate)."
|
|
3057
|
+
},
|
|
1149
3058
|
{
|
|
1150
3059
|
"name": "disabled",
|
|
1151
3060
|
"description": "Prevents the tooltip from being shown by user interaction. The tooltip can\nstill be displayed by calling the `show()` method."
|
|
1152
3061
|
},
|
|
3062
|
+
{
|
|
3063
|
+
"name": "flip-options",
|
|
3064
|
+
"description": "Options to pass to Floating UI's\n[`flip` middleware](https://floating-ui.com/docs/flip).\n\nThe [`crossAxis` option](https://floating-ui.com/docs/flip#crossaxis) is\nset to the value of the `noShift` property by default for interoperability\nwith the [`shift` middleware](https://floating-ui.com/docs/shift).",
|
|
3065
|
+
"values": [
|
|
3066
|
+
{
|
|
3067
|
+
"name": "alignment"
|
|
3068
|
+
},
|
|
3069
|
+
{
|
|
3070
|
+
"name": "initialPlacement"
|
|
3071
|
+
},
|
|
3072
|
+
{
|
|
3073
|
+
"name": "start"
|
|
3074
|
+
},
|
|
3075
|
+
{
|
|
3076
|
+
"name": "end"
|
|
3077
|
+
}
|
|
3078
|
+
]
|
|
3079
|
+
},
|
|
1153
3080
|
{
|
|
1154
3081
|
"name": "no-flip",
|
|
1155
3082
|
"description": "Disable Floating UI's\n[`flip` middleware](https://floating-ui.com/docs/flip)."
|
|
@@ -1158,6 +3085,10 @@
|
|
|
1158
3085
|
"name": "no-shift",
|
|
1159
3086
|
"description": "Disable Floating UI's\n[`shift` middleware](https://floating-ui.com/docs/shift)."
|
|
1160
3087
|
},
|
|
3088
|
+
{
|
|
3089
|
+
"name": "offset-options",
|
|
3090
|
+
"description": "Options to pass to Floating UI's\n[`offset` middleware](https://floating-ui.com/docs/offset).\n\nThe [`mainAxis` option](https://floating-ui.com/docs/offset#mainaxis) is\nnot supported."
|
|
3091
|
+
},
|
|
1161
3092
|
{
|
|
1162
3093
|
"name": "placement",
|
|
1163
3094
|
"description": "Where to place the tooltip relative to the `target`.",
|
|
@@ -1200,6 +3131,10 @@
|
|
|
1200
3131
|
}
|
|
1201
3132
|
]
|
|
1202
3133
|
},
|
|
3134
|
+
{
|
|
3135
|
+
"name": "shift-options",
|
|
3136
|
+
"description": "Options to pass to Floating UI's\n[`shift` middleware](https://floating-ui.com/docs/shift)."
|
|
3137
|
+
},
|
|
1203
3138
|
{
|
|
1204
3139
|
"name": "strategy",
|
|
1205
3140
|
"description": "The CSS position strategy to use.",
|
|
@@ -1214,7 +3149,11 @@
|
|
|
1214
3149
|
},
|
|
1215
3150
|
{
|
|
1216
3151
|
"name": "target",
|
|
1217
|
-
"description": "The trigger element that will trigger the tooltip. The target specified\ncan be any of the
|
|
3152
|
+
"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"
|
|
3153
|
+
},
|
|
3154
|
+
{
|
|
3155
|
+
"name": "trigger",
|
|
3156
|
+
"description": "Determines the events that cause the tooltip to show. Multiple event names\nare separated by spaces."
|
|
1218
3157
|
}
|
|
1219
3158
|
]
|
|
1220
3159
|
}
|