@quartzds/core 1.0.0-beta.12 → 1.0.0-beta.120
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 +1895 -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-5RFBIepu.js +112 -0
- package/components/p-5RFBIepu.js.map +1 -0
- package/components/p-B03FWheS.js +393 -0
- package/components/p-B03FWheS.js.map +1 -0
- package/components/p-BkBJDD6Y.js +274 -0
- package/components/p-BkBJDD6Y.js.map +1 -0
- package/components/p-BkgfW_tl.js +282 -0
- package/components/p-BkgfW_tl.js.map +1 -0
- package/components/p-Bnc7Puxx.js +164 -0
- package/components/p-Bnc7Puxx.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-CDRwHAIT.js +105 -0
- package/components/p-CDRwHAIT.js.map +1 -0
- package/components/p-CFVg7I9T.js +269 -0
- package/components/p-CFVg7I9T.js.map +1 -0
- package/components/p-CRVPDKfO.js +163 -0
- package/components/p-CRVPDKfO.js.map +1 -0
- package/components/p-CXP6q9Mr.js +286 -0
- package/components/p-CXP6q9Mr.js.map +1 -0
- package/components/p-CZRW1LV_.js +28 -0
- package/components/p-CZRW1LV_.js.map +1 -0
- package/components/p-D2489VzR.js +2133 -0
- package/components/p-D2489VzR.js.map +1 -0
- package/components/p-DeRqCYmp.js +102 -0
- package/components/p-DeRqCYmp.js.map +1 -0
- package/components/p-DnZdwX0l.js +149 -0
- package/components/p-DnZdwX0l.js.map +1 -0
- package/components/p-Dsc0-aXK.js +162 -0
- package/components/p-Dsc0-aXK.js.map +1 -0
- package/components/p-DwxIJEUj.js +91 -0
- package/components/p-DwxIJEUj.js.map +1 -0
- package/components/p-U2Q0vF-d.js +96 -0
- package/components/p-U2Q0vF-d.js.map +1 -0
- package/components/p-eFhV8w2l.js +428 -0
- package/components/p-eFhV8w2l.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 +548 -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 +363 -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-BIL8yXqA.js +303 -0
- package/dist/cjs/helpers-BIL8yXqA.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 +473 -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 +319 -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 +12056 -2304
- package/dist/docs.d.ts +344 -240
- package/dist/docs.json +13125 -3360
- 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-BgaJNF9u.js +286 -0
- package/dist/esm/helpers-BgaJNF9u.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 +473 -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 +317 -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 +431 -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 +203 -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 +4403 -959
- 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 +2365 -445
- package/hydrate/index.d.ts +73 -18
- package/hydrate/index.js +28020 -9256
- package/hydrate/index.mjs +28907 -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,1807 @@
|
|
|
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": "disabled",
|
|
1328
|
+
"description": "Prevents the input from being interacted with: it cannot be pressed or\nfocused."
|
|
1329
|
+
},
|
|
1330
|
+
{
|
|
1331
|
+
"name": "enterkeyhint",
|
|
1332
|
+
"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.",
|
|
1333
|
+
"values": [
|
|
1334
|
+
{
|
|
1335
|
+
"name": "done"
|
|
1336
|
+
},
|
|
1337
|
+
{
|
|
1338
|
+
"name": "enter"
|
|
1339
|
+
},
|
|
1340
|
+
{
|
|
1341
|
+
"name": "go"
|
|
1342
|
+
},
|
|
1343
|
+
{
|
|
1344
|
+
"name": "next"
|
|
1345
|
+
},
|
|
1346
|
+
{
|
|
1347
|
+
"name": "previous"
|
|
1348
|
+
},
|
|
1349
|
+
{
|
|
1350
|
+
"name": "search"
|
|
1351
|
+
},
|
|
1352
|
+
{
|
|
1353
|
+
"name": "send"
|
|
1354
|
+
}
|
|
1355
|
+
]
|
|
1356
|
+
},
|
|
1357
|
+
{
|
|
1358
|
+
"name": "files",
|
|
1359
|
+
"description": "Returns a file list for a `file` type input."
|
|
1360
|
+
},
|
|
1361
|
+
{
|
|
1362
|
+
"name": "form",
|
|
1363
|
+
"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"
|
|
1364
|
+
},
|
|
1365
|
+
{
|
|
1366
|
+
"name": "inputmode",
|
|
1367
|
+
"description": "Provide a hint to browsers as to the type of virtual keyboard\nconfiguration to use when editing this element or its contents.",
|
|
1368
|
+
"values": [
|
|
1369
|
+
{
|
|
1370
|
+
"name": "decimal"
|
|
1371
|
+
},
|
|
1372
|
+
{
|
|
1373
|
+
"name": "email"
|
|
1374
|
+
},
|
|
1375
|
+
{
|
|
1376
|
+
"name": "none"
|
|
1377
|
+
},
|
|
1378
|
+
{
|
|
1379
|
+
"name": "numeric"
|
|
1380
|
+
},
|
|
1381
|
+
{
|
|
1382
|
+
"name": "search"
|
|
1383
|
+
},
|
|
1384
|
+
{
|
|
1385
|
+
"name": "tel"
|
|
1386
|
+
},
|
|
1387
|
+
{
|
|
1388
|
+
"name": "text"
|
|
1389
|
+
},
|
|
1390
|
+
{
|
|
1391
|
+
"name": "url"
|
|
1392
|
+
}
|
|
1393
|
+
]
|
|
1394
|
+
},
|
|
1395
|
+
{
|
|
1396
|
+
"name": "labels",
|
|
1397
|
+
"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"
|
|
1398
|
+
},
|
|
1399
|
+
{
|
|
1400
|
+
"name": "max",
|
|
1401
|
+
"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"
|
|
1402
|
+
},
|
|
1403
|
+
{
|
|
1404
|
+
"name": "maxlength",
|
|
1405
|
+
"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"
|
|
1406
|
+
},
|
|
1407
|
+
{
|
|
1408
|
+
"name": "min",
|
|
1409
|
+
"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"
|
|
1410
|
+
},
|
|
1411
|
+
{
|
|
1412
|
+
"name": "minlength",
|
|
1413
|
+
"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"
|
|
1414
|
+
},
|
|
1415
|
+
{
|
|
1416
|
+
"name": "multiple",
|
|
1417
|
+
"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."
|
|
1418
|
+
},
|
|
1419
|
+
{
|
|
1420
|
+
"name": "name",
|
|
1421
|
+
"description": "The name of the input, which is submitted with the form data."
|
|
1422
|
+
},
|
|
1423
|
+
{
|
|
1424
|
+
"name": "no-icon",
|
|
1425
|
+
"description": "Hide the input type's icon.\n\n> **_NOTE:_** Due to browser limitations, the icon may not be hidden in\nall browsers."
|
|
1426
|
+
},
|
|
1427
|
+
{
|
|
1428
|
+
"name": "pattern",
|
|
1429
|
+
"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"
|
|
1430
|
+
},
|
|
1431
|
+
{
|
|
1432
|
+
"name": "placeholder",
|
|
1433
|
+
"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."
|
|
1434
|
+
},
|
|
1435
|
+
{
|
|
1436
|
+
"name": "readonly",
|
|
1437
|
+
"description": "Prevents the user from changing the value of the input."
|
|
1438
|
+
},
|
|
1439
|
+
{
|
|
1440
|
+
"name": "required",
|
|
1441
|
+
"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"
|
|
1442
|
+
},
|
|
1443
|
+
{
|
|
1444
|
+
"name": "selection-direction",
|
|
1445
|
+
"description": "Get or set the selection direction of a text selection.\n\n> **_NOTE:_** This property has no effect when used as an attribute.",
|
|
1446
|
+
"values": [
|
|
1447
|
+
{
|
|
1448
|
+
"name": "backward"
|
|
1449
|
+
},
|
|
1450
|
+
{
|
|
1451
|
+
"name": "forward"
|
|
1452
|
+
},
|
|
1453
|
+
{
|
|
1454
|
+
"name": "none"
|
|
1455
|
+
}
|
|
1456
|
+
]
|
|
1457
|
+
},
|
|
1458
|
+
{
|
|
1459
|
+
"name": "selection-end",
|
|
1460
|
+
"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."
|
|
1461
|
+
},
|
|
1462
|
+
{
|
|
1463
|
+
"name": "selection-start",
|
|
1464
|
+
"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."
|
|
1465
|
+
},
|
|
1466
|
+
{
|
|
1467
|
+
"name": "size",
|
|
1468
|
+
"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",
|
|
1469
|
+
"values": [
|
|
1470
|
+
{
|
|
1471
|
+
"name": "large"
|
|
1472
|
+
},
|
|
1473
|
+
{
|
|
1474
|
+
"name": "small"
|
|
1475
|
+
},
|
|
1476
|
+
{
|
|
1477
|
+
"name": "standard"
|
|
1478
|
+
}
|
|
1479
|
+
]
|
|
1480
|
+
},
|
|
1481
|
+
{
|
|
1482
|
+
"name": "status",
|
|
1483
|
+
"description": "The input's status.",
|
|
1484
|
+
"values": [
|
|
1485
|
+
{
|
|
1486
|
+
"name": "error"
|
|
1487
|
+
},
|
|
1488
|
+
{
|
|
1489
|
+
"name": "success"
|
|
1490
|
+
},
|
|
1491
|
+
{
|
|
1492
|
+
"name": "warning"
|
|
1493
|
+
}
|
|
1494
|
+
]
|
|
1495
|
+
},
|
|
1496
|
+
{
|
|
1497
|
+
"name": "step",
|
|
1498
|
+
"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.",
|
|
1499
|
+
"values": [
|
|
1500
|
+
{
|
|
1501
|
+
"name": "any"
|
|
1502
|
+
}
|
|
1503
|
+
]
|
|
1504
|
+
},
|
|
1505
|
+
{
|
|
1506
|
+
"name": "type",
|
|
1507
|
+
"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.",
|
|
1508
|
+
"values": [
|
|
1509
|
+
{
|
|
1510
|
+
"name": "color"
|
|
1511
|
+
},
|
|
1512
|
+
{
|
|
1513
|
+
"name": "date"
|
|
1514
|
+
},
|
|
1515
|
+
{
|
|
1516
|
+
"name": "datetime-local"
|
|
1517
|
+
},
|
|
1518
|
+
{
|
|
1519
|
+
"name": "email"
|
|
1520
|
+
},
|
|
1521
|
+
{
|
|
1522
|
+
"name": "file"
|
|
1523
|
+
},
|
|
1524
|
+
{
|
|
1525
|
+
"name": "month"
|
|
1526
|
+
},
|
|
1527
|
+
{
|
|
1528
|
+
"name": "number"
|
|
1529
|
+
},
|
|
1530
|
+
{
|
|
1531
|
+
"name": "password"
|
|
1532
|
+
},
|
|
1533
|
+
{
|
|
1534
|
+
"name": "search"
|
|
1535
|
+
},
|
|
1536
|
+
{
|
|
1537
|
+
"name": "tel"
|
|
1538
|
+
},
|
|
1539
|
+
{
|
|
1540
|
+
"name": "text"
|
|
1541
|
+
},
|
|
1542
|
+
{
|
|
1543
|
+
"name": "time"
|
|
1544
|
+
},
|
|
1545
|
+
{
|
|
1546
|
+
"name": "url"
|
|
1547
|
+
},
|
|
1548
|
+
{
|
|
1549
|
+
"name": "week"
|
|
1550
|
+
}
|
|
1551
|
+
]
|
|
1552
|
+
},
|
|
1553
|
+
{
|
|
1554
|
+
"name": "validation-message",
|
|
1555
|
+
"description": "The error message that would be shown to the user if the `<qds-input>`\nwas to be checked for validity."
|
|
1556
|
+
},
|
|
1557
|
+
{
|
|
1558
|
+
"name": "validity",
|
|
1559
|
+
"description": "The [`ValidityState`][] object for this `<qds-input>`.\n\n[`ValidityState`]: https://developer.mozilla.org/docs/Web/API/ValidityState"
|
|
1560
|
+
},
|
|
1561
|
+
{
|
|
1562
|
+
"name": "value",
|
|
1563
|
+
"description": "The value of the input."
|
|
1564
|
+
},
|
|
1565
|
+
{
|
|
1566
|
+
"name": "will-validate",
|
|
1567
|
+
"description": "True if `<qds-input>` will be validated when the form is submitted; false\notherwise."
|
|
1568
|
+
}
|
|
1569
|
+
]
|
|
1570
|
+
},
|
|
1571
|
+
{
|
|
1572
|
+
"name": "qds-label",
|
|
1573
|
+
"description": {
|
|
1574
|
+
"kind": "markdown",
|
|
1575
|
+
"value": "`<qds-label>` elements represent a caption for an item in a user interface."
|
|
1576
|
+
},
|
|
1577
|
+
"attributes": [
|
|
1578
|
+
{
|
|
1579
|
+
"name": "importance",
|
|
1580
|
+
"description": "The label's importance.",
|
|
1581
|
+
"values": [
|
|
1582
|
+
{
|
|
1583
|
+
"name": "emphasized"
|
|
1584
|
+
},
|
|
1585
|
+
{
|
|
1586
|
+
"name": "standard"
|
|
1587
|
+
}
|
|
1588
|
+
]
|
|
1589
|
+
},
|
|
1590
|
+
{
|
|
1591
|
+
"name": "inline",
|
|
1592
|
+
"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."
|
|
1593
|
+
},
|
|
1594
|
+
{
|
|
1595
|
+
"name": "required",
|
|
1596
|
+
"description": "Specify the labelled item as required by appending a red asterisk (*)."
|
|
1597
|
+
},
|
|
1598
|
+
{
|
|
1599
|
+
"name": "size",
|
|
1600
|
+
"description": "The label's size.",
|
|
1601
|
+
"values": [
|
|
1602
|
+
{
|
|
1603
|
+
"name": "large"
|
|
1604
|
+
},
|
|
1605
|
+
{
|
|
1606
|
+
"name": "small"
|
|
1607
|
+
},
|
|
1608
|
+
{
|
|
1609
|
+
"name": "standard"
|
|
1610
|
+
}
|
|
1611
|
+
]
|
|
1612
|
+
},
|
|
1613
|
+
{
|
|
1614
|
+
"name": "text",
|
|
1615
|
+
"description": "The label's text."
|
|
1616
|
+
},
|
|
1617
|
+
{
|
|
1618
|
+
"name": "tooltip-target",
|
|
1619
|
+
"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."
|
|
1620
|
+
}
|
|
1621
|
+
]
|
|
1622
|
+
},
|
|
1623
|
+
{
|
|
1624
|
+
"name": "qds-list-item",
|
|
1625
|
+
"description": {
|
|
1626
|
+
"kind": "markdown",
|
|
1627
|
+
"value": "<!--\nSPDX-FileCopyrightText: © 2024 Schneider Electric\n\nSPDX-License-Identifier: Apache-2.0\n-->"
|
|
1628
|
+
},
|
|
1629
|
+
"attributes": [
|
|
1630
|
+
{
|
|
1631
|
+
"name": "avatar-src",
|
|
1632
|
+
"description": "The URL of the avatar image to display."
|
|
1633
|
+
},
|
|
1634
|
+
{
|
|
1635
|
+
"name": "badge",
|
|
1636
|
+
"description": "Displays a counter badge if a number or string representing a number is used."
|
|
1637
|
+
},
|
|
1638
|
+
{
|
|
1639
|
+
"name": "badge-description",
|
|
1640
|
+
"description": "The counter badge's accessible text that will be used by\nscreen readers."
|
|
1641
|
+
},
|
|
1642
|
+
{
|
|
1643
|
+
"name": "destination",
|
|
1644
|
+
"description": "The destination action that the list item denotes through its rightmost icon.",
|
|
1645
|
+
"values": [
|
|
1646
|
+
{
|
|
1647
|
+
"name": "navigation"
|
|
1648
|
+
}
|
|
1649
|
+
]
|
|
1650
|
+
},
|
|
1651
|
+
{
|
|
1652
|
+
"name": "disabled",
|
|
1653
|
+
"description": "Prevents the list item from being interacted with: it cannot be selected\nor focused."
|
|
1654
|
+
},
|
|
1655
|
+
{
|
|
1656
|
+
"name": "icon-library",
|
|
1657
|
+
"description": "The name of a registered icon library."
|
|
1658
|
+
},
|
|
1659
|
+
{
|
|
1660
|
+
"name": "icon-name",
|
|
1661
|
+
"description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
|
|
1662
|
+
},
|
|
1663
|
+
{
|
|
1664
|
+
"name": "image-src",
|
|
1665
|
+
"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."
|
|
1666
|
+
},
|
|
1667
|
+
{
|
|
1668
|
+
"name": "indeterminate",
|
|
1669
|
+
"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."
|
|
1670
|
+
},
|
|
1671
|
+
{
|
|
1672
|
+
"name": "kicker",
|
|
1673
|
+
"description": "Text to display for the kicker."
|
|
1674
|
+
},
|
|
1675
|
+
{
|
|
1676
|
+
"name": "list-action",
|
|
1677
|
+
"description": "The type of list-level action that the list item supports",
|
|
1678
|
+
"values": [
|
|
1679
|
+
{
|
|
1680
|
+
"name": "multiselect"
|
|
1681
|
+
},
|
|
1682
|
+
{
|
|
1683
|
+
"name": "none"
|
|
1684
|
+
},
|
|
1685
|
+
{
|
|
1686
|
+
"name": "radio"
|
|
1687
|
+
},
|
|
1688
|
+
{
|
|
1689
|
+
"name": "select"
|
|
1690
|
+
}
|
|
1691
|
+
]
|
|
1692
|
+
},
|
|
1693
|
+
{
|
|
1694
|
+
"name": "selected",
|
|
1695
|
+
"description": "Whether or not the list item is selected."
|
|
1696
|
+
},
|
|
1697
|
+
{
|
|
1698
|
+
"name": "show-divider",
|
|
1699
|
+
"description": "Control how to display the bottom divider line.\n\nBy default, the divider is not visible."
|
|
1700
|
+
},
|
|
1701
|
+
{
|
|
1702
|
+
"name": "size",
|
|
1703
|
+
"description": "The list items's size.",
|
|
1704
|
+
"values": [
|
|
1705
|
+
{
|
|
1706
|
+
"name": "large"
|
|
1707
|
+
},
|
|
1708
|
+
{
|
|
1709
|
+
"name": "small"
|
|
1710
|
+
},
|
|
1711
|
+
{
|
|
1712
|
+
"name": "standard"
|
|
1713
|
+
}
|
|
1714
|
+
]
|
|
1715
|
+
},
|
|
1716
|
+
{
|
|
1717
|
+
"name": "subtitle",
|
|
1718
|
+
"description": "Text to display below the primary text."
|
|
1719
|
+
},
|
|
1720
|
+
{
|
|
1721
|
+
"name": "text",
|
|
1722
|
+
"description": "The primary text of the list item."
|
|
1723
|
+
}
|
|
1724
|
+
]
|
|
1725
|
+
},
|
|
1726
|
+
{
|
|
1727
|
+
"name": "qds-loader",
|
|
1728
|
+
"description": {
|
|
1729
|
+
"kind": "markdown",
|
|
1730
|
+
"value": "The `<qds-loader>` element displays an indicator showing that content is\nbeing loaded or processed."
|
|
1731
|
+
},
|
|
1732
|
+
"attributes": [
|
|
1733
|
+
{
|
|
1734
|
+
"name": "importance",
|
|
1735
|
+
"description": "The loader's importance.",
|
|
1736
|
+
"values": [
|
|
1737
|
+
{
|
|
1738
|
+
"name": "destructive"
|
|
1739
|
+
},
|
|
1740
|
+
{
|
|
1741
|
+
"name": "informative"
|
|
1742
|
+
},
|
|
1743
|
+
{
|
|
1744
|
+
"name": "neutral"
|
|
1745
|
+
},
|
|
1746
|
+
{
|
|
1747
|
+
"name": "neutral-contrast"
|
|
1748
|
+
},
|
|
1749
|
+
{
|
|
1750
|
+
"name": "standard"
|
|
1751
|
+
}
|
|
1752
|
+
]
|
|
1753
|
+
},
|
|
1754
|
+
{
|
|
1755
|
+
"name": "size",
|
|
1756
|
+
"description": "The loader's size.",
|
|
1757
|
+
"values": [
|
|
1758
|
+
{
|
|
1759
|
+
"name": "hero"
|
|
1760
|
+
},
|
|
1761
|
+
{
|
|
1762
|
+
"name": "jumbo"
|
|
1763
|
+
},
|
|
1764
|
+
{
|
|
1765
|
+
"name": "large"
|
|
1766
|
+
},
|
|
1767
|
+
{
|
|
1768
|
+
"name": "small"
|
|
1769
|
+
},
|
|
1770
|
+
{
|
|
1771
|
+
"name": "standard"
|
|
1772
|
+
}
|
|
1773
|
+
]
|
|
1774
|
+
},
|
|
1775
|
+
{
|
|
1776
|
+
"name": "status",
|
|
1777
|
+
"description": "The loader's status.",
|
|
1778
|
+
"values": [
|
|
1779
|
+
{
|
|
1780
|
+
"name": "error"
|
|
55
1781
|
},
|
|
56
1782
|
{
|
|
57
|
-
"name": "
|
|
1783
|
+
"name": "success"
|
|
58
1784
|
},
|
|
59
1785
|
{
|
|
60
|
-
"name": "
|
|
1786
|
+
"name": "warning"
|
|
61
1787
|
}
|
|
62
1788
|
]
|
|
1789
|
+
}
|
|
1790
|
+
]
|
|
1791
|
+
},
|
|
1792
|
+
{
|
|
1793
|
+
"name": "qds-menu-item",
|
|
1794
|
+
"description": {
|
|
1795
|
+
"kind": "markdown",
|
|
1796
|
+
"value": "<!--\nSPDX-FileCopyrightText: © 2025 Schneider Electric\n\nSPDX-License-Identifier: Apache-2.0\n-->"
|
|
1797
|
+
},
|
|
1798
|
+
"attributes": [
|
|
1799
|
+
{
|
|
1800
|
+
"name": "checked",
|
|
1801
|
+
"description": "Whether or not the menu item is checked."
|
|
63
1802
|
},
|
|
64
1803
|
{
|
|
65
|
-
"name": "
|
|
66
|
-
"description": "
|
|
1804
|
+
"name": "disabled",
|
|
1805
|
+
"description": "Prevents the menu item from being interacted with: it cannot be clicked\nor focused."
|
|
67
1806
|
},
|
|
68
1807
|
{
|
|
69
1808
|
"name": "icon-library",
|
|
@@ -74,41 +1813,65 @@
|
|
|
74
1813
|
"description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
|
|
75
1814
|
},
|
|
76
1815
|
{
|
|
77
|
-
"name": "
|
|
78
|
-
"description": "The
|
|
1816
|
+
"name": "shortcut",
|
|
1817
|
+
"description": "The shortcut of the action."
|
|
1818
|
+
},
|
|
1819
|
+
{
|
|
1820
|
+
"name": "size",
|
|
1821
|
+
"description": "The menu item's size.",
|
|
79
1822
|
"values": [
|
|
80
1823
|
{
|
|
81
|
-
"name": "
|
|
1824
|
+
"name": "large"
|
|
82
1825
|
},
|
|
83
1826
|
{
|
|
84
|
-
"name": "
|
|
1827
|
+
"name": "small"
|
|
85
1828
|
},
|
|
86
1829
|
{
|
|
87
1830
|
"name": "standard"
|
|
88
|
-
},
|
|
89
|
-
{
|
|
90
|
-
"name": "subdued"
|
|
91
1831
|
}
|
|
92
1832
|
]
|
|
93
1833
|
},
|
|
94
1834
|
{
|
|
95
|
-
"name": "
|
|
96
|
-
"description": "The
|
|
1835
|
+
"name": "text",
|
|
1836
|
+
"description": "The menu item's text"
|
|
97
1837
|
},
|
|
98
1838
|
{
|
|
99
|
-
"name": "
|
|
100
|
-
"description": "
|
|
1839
|
+
"name": "type",
|
|
1840
|
+
"description": "Whether or not the menu item should be selectable.",
|
|
101
1841
|
"values": [
|
|
102
1842
|
{
|
|
103
|
-
"name": "
|
|
104
|
-
},
|
|
105
|
-
{
|
|
106
|
-
"name": "small"
|
|
107
|
-
},
|
|
108
|
-
{
|
|
109
|
-
"name": "standard"
|
|
1843
|
+
"name": "checkbox"
|
|
110
1844
|
}
|
|
111
1845
|
]
|
|
1846
|
+
}
|
|
1847
|
+
]
|
|
1848
|
+
},
|
|
1849
|
+
{
|
|
1850
|
+
"name": "qds-mini-button",
|
|
1851
|
+
"description": {
|
|
1852
|
+
"kind": "markdown",
|
|
1853
|
+
"value": "<!--\nSPDX-FileCopyrightText: © 2025 Schneider Electric\nSPDX-License-Identifier: Apache-2.0\n-->"
|
|
1854
|
+
},
|
|
1855
|
+
"attributes": [
|
|
1856
|
+
{
|
|
1857
|
+
"name": "disabled",
|
|
1858
|
+
"description": "Prevents the mini button from being interacted with: it cannot be pressed or\nfocused."
|
|
1859
|
+
},
|
|
1860
|
+
{
|
|
1861
|
+
"name": "href",
|
|
1862
|
+
"description": "When set, the underlying button will be rendered as an `<a>` with this\n`href` instead of a `<button>`."
|
|
1863
|
+
},
|
|
1864
|
+
{
|
|
1865
|
+
"name": "library",
|
|
1866
|
+
"description": "The name of a registered icon library."
|
|
1867
|
+
},
|
|
1868
|
+
{
|
|
1869
|
+
"name": "name",
|
|
1870
|
+
"description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
|
|
1871
|
+
},
|
|
1872
|
+
{
|
|
1873
|
+
"name": "rel",
|
|
1874
|
+
"description": "When href is define and the button act as a link (`<a>`), the `rel` will be added to the element."
|
|
112
1875
|
},
|
|
113
1876
|
{
|
|
114
1877
|
"name": "target",
|
|
@@ -130,71 +1893,84 @@
|
|
|
130
1893
|
},
|
|
131
1894
|
{
|
|
132
1895
|
"name": "text",
|
|
133
|
-
"description": "The button's
|
|
1896
|
+
"description": "The mini button's accessible name."
|
|
1897
|
+
}
|
|
1898
|
+
]
|
|
1899
|
+
},
|
|
1900
|
+
{
|
|
1901
|
+
"name": "qds-progress-bar",
|
|
1902
|
+
"description": {
|
|
1903
|
+
"kind": "markdown",
|
|
1904
|
+
"value": "The `<qds-progress-bar>` element displays an indicator showing the\ncompletion progress of a task."
|
|
1905
|
+
},
|
|
1906
|
+
"attributes": [
|
|
1907
|
+
{
|
|
1908
|
+
"name": "labels",
|
|
1909
|
+
"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
1910
|
},
|
|
135
1911
|
{
|
|
136
|
-
"name": "
|
|
137
|
-
"description": "
|
|
1912
|
+
"name": "max",
|
|
1913
|
+
"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."
|
|
1914
|
+
},
|
|
1915
|
+
{
|
|
1916
|
+
"name": "position",
|
|
1917
|
+
"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`."
|
|
1918
|
+
},
|
|
1919
|
+
{
|
|
1920
|
+
"name": "size",
|
|
1921
|
+
"description": "The progress bar's size.",
|
|
138
1922
|
"values": [
|
|
139
1923
|
{
|
|
140
|
-
"name": "
|
|
1924
|
+
"name": "large"
|
|
141
1925
|
},
|
|
142
1926
|
{
|
|
143
|
-
"name": "
|
|
1927
|
+
"name": "small"
|
|
144
1928
|
},
|
|
145
1929
|
{
|
|
146
|
-
"name": "
|
|
1930
|
+
"name": "standard"
|
|
147
1931
|
}
|
|
148
1932
|
]
|
|
149
1933
|
},
|
|
150
1934
|
{
|
|
151
1935
|
"name": "value",
|
|
152
|
-
"description": "
|
|
1936
|
+
"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
1937
|
}
|
|
154
1938
|
]
|
|
155
1939
|
},
|
|
156
1940
|
{
|
|
157
|
-
"name": "qds-
|
|
1941
|
+
"name": "qds-radio",
|
|
158
1942
|
"description": {
|
|
159
1943
|
"kind": "markdown",
|
|
160
|
-
"value": "`<qds-
|
|
1944
|
+
"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
1945
|
},
|
|
162
1946
|
"attributes": [
|
|
163
|
-
{
|
|
164
|
-
"name": "autofocus",
|
|
165
|
-
"description": "Specify whether the checkbox should have focus when the page loads."
|
|
166
|
-
},
|
|
167
1947
|
{
|
|
168
1948
|
"name": "checked",
|
|
169
|
-
"description": "Sets the
|
|
1949
|
+
"description": "Sets the radio button's state."
|
|
170
1950
|
},
|
|
171
1951
|
{
|
|
172
1952
|
"name": "disabled",
|
|
173
|
-
"description": "Prevents the
|
|
1953
|
+
"description": "Prevents the radio button from being interacted with: it cannot be pressed\nor focused."
|
|
174
1954
|
},
|
|
175
1955
|
{
|
|
176
1956
|
"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."
|
|
1957
|
+
"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
1958
|
},
|
|
183
1959
|
{
|
|
184
1960
|
"name": "inline",
|
|
185
|
-
"description": "Adds vertical margin to the
|
|
1961
|
+
"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
1962
|
},
|
|
187
1963
|
{
|
|
188
1964
|
"name": "name",
|
|
189
|
-
"description": "
|
|
1965
|
+
"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
1966
|
},
|
|
191
1967
|
{
|
|
192
1968
|
"name": "required",
|
|
193
|
-
"description": "
|
|
1969
|
+
"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
1970
|
},
|
|
195
1971
|
{
|
|
196
1972
|
"name": "size",
|
|
197
|
-
"description": "The
|
|
1973
|
+
"description": "The radio button's size.",
|
|
198
1974
|
"values": [
|
|
199
1975
|
{
|
|
200
1976
|
"name": "large"
|
|
@@ -209,141 +1985,64 @@
|
|
|
209
1985
|
},
|
|
210
1986
|
{
|
|
211
1987
|
"name": "text",
|
|
212
|
-
"description": "The
|
|
1988
|
+
"description": "The radio button's text."
|
|
213
1989
|
},
|
|
214
1990
|
{
|
|
215
1991
|
"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."
|
|
1992
|
+
"description": "The value of the radio button, submitted as a name/value pair with form\ndata."
|
|
230
1993
|
}
|
|
231
1994
|
]
|
|
232
1995
|
},
|
|
233
1996
|
{
|
|
234
|
-
"name": "qds-
|
|
1997
|
+
"name": "qds-select",
|
|
235
1998
|
"description": {
|
|
236
1999
|
"kind": "markdown",
|
|
237
|
-
"value": "The `<qds-
|
|
2000
|
+
"value": "The `<qds-select>` element represents a control that provides a menu of\noptions."
|
|
238
2001
|
},
|
|
239
2002
|
"attributes": [
|
|
240
2003
|
{
|
|
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": [
|
|
2004
|
+
"name": "autocomplete",
|
|
2005
|
+
"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"
|
|
2006
|
+
},
|
|
261
2007
|
{
|
|
262
2008
|
"name": "disabled",
|
|
263
|
-
"description": "Prevents the
|
|
2009
|
+
"description": "Prevents the select from being interacted with: it cannot be pressed or\nfocused."
|
|
264
2010
|
},
|
|
265
2011
|
{
|
|
266
|
-
"name": "
|
|
267
|
-
"description": "
|
|
2012
|
+
"name": "form",
|
|
2013
|
+
"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
2014
|
},
|
|
269
2015
|
{
|
|
270
|
-
"name": "
|
|
271
|
-
"description": "
|
|
2016
|
+
"name": "length",
|
|
2017
|
+
"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
2018
|
},
|
|
273
2019
|
{
|
|
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
|
-
]
|
|
2020
|
+
"name": "multiple",
|
|
2021
|
+
"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
2022
|
},
|
|
315
2023
|
{
|
|
316
|
-
"name": "
|
|
317
|
-
"description": "The
|
|
318
|
-
"values": [
|
|
319
|
-
{
|
|
320
|
-
"name": "absolute"
|
|
321
|
-
},
|
|
322
|
-
{
|
|
323
|
-
"name": "fixed"
|
|
324
|
-
}
|
|
325
|
-
]
|
|
2024
|
+
"name": "name",
|
|
2025
|
+
"description": "The name of the select, which is submitted with the form data."
|
|
326
2026
|
},
|
|
327
2027
|
{
|
|
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": [
|
|
2028
|
+
"name": "options",
|
|
2029
|
+
"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"
|
|
2030
|
+
},
|
|
340
2031
|
{
|
|
341
|
-
"name": "
|
|
342
|
-
"description": "
|
|
2032
|
+
"name": "required",
|
|
2033
|
+
"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"
|
|
2034
|
+
},
|
|
2035
|
+
{
|
|
2036
|
+
"name": "selected-index",
|
|
2037
|
+
"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"
|
|
2038
|
+
},
|
|
2039
|
+
{
|
|
2040
|
+
"name": "selected-options",
|
|
2041
|
+
"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
2042
|
},
|
|
344
2043
|
{
|
|
345
2044
|
"name": "size",
|
|
346
|
-
"description": "The
|
|
2045
|
+
"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
2046
|
"values": [
|
|
348
2047
|
{
|
|
349
2048
|
"name": "large"
|
|
@@ -357,56 +2056,45 @@
|
|
|
357
2056
|
]
|
|
358
2057
|
},
|
|
359
2058
|
{
|
|
360
|
-
"name": "
|
|
361
|
-
"description": "
|
|
2059
|
+
"name": "type",
|
|
2060
|
+
"description": "Returns `select-multiple` if the `multiple` attribute is true;\n`select-one` otherwise.",
|
|
362
2061
|
"values": [
|
|
363
2062
|
{
|
|
364
|
-
"name": "
|
|
365
|
-
},
|
|
366
|
-
{
|
|
367
|
-
"name": "info"
|
|
368
|
-
},
|
|
369
|
-
{
|
|
370
|
-
"name": "success"
|
|
2063
|
+
"name": "select-multiple"
|
|
371
2064
|
},
|
|
372
2065
|
{
|
|
373
|
-
"name": "
|
|
2066
|
+
"name": "select-one"
|
|
374
2067
|
}
|
|
375
2068
|
]
|
|
376
2069
|
},
|
|
377
2070
|
{
|
|
378
|
-
"name": "
|
|
379
|
-
"description": "The
|
|
380
|
-
}
|
|
381
|
-
]
|
|
382
|
-
},
|
|
383
|
-
{
|
|
384
|
-
"name": "qds-icon",
|
|
385
|
-
"description": {
|
|
386
|
-
"kind": "markdown",
|
|
387
|
-
"value": "<!--\nSPDX-FileCopyrightText: © 2023 Schneider Electric\n\nSPDX-License-Identifier: LGPL-2.1-only\n-->"
|
|
388
|
-
},
|
|
389
|
-
"attributes": [
|
|
2071
|
+
"name": "validation-message",
|
|
2072
|
+
"description": "The error message that would be shown to the user if the `<qds-select>`\nwas to be checked for validity."
|
|
2073
|
+
},
|
|
390
2074
|
{
|
|
391
|
-
"name": "
|
|
392
|
-
"description": "The
|
|
2075
|
+
"name": "validity",
|
|
2076
|
+
"description": "The [`ValidityState`][] object for this `<qds-select>`.\n\n[`ValidityState`]: https://developer.mozilla.org/docs/Web/API/ValidityState"
|
|
393
2077
|
},
|
|
394
2078
|
{
|
|
395
|
-
"name": "
|
|
396
|
-
"description": "The
|
|
2079
|
+
"name": "value",
|
|
2080
|
+
"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"
|
|
2081
|
+
},
|
|
2082
|
+
{
|
|
2083
|
+
"name": "will-validate",
|
|
2084
|
+
"description": "True if `<qds-select>` will be validated when the form is submitted;\nfalse otherwise."
|
|
397
2085
|
}
|
|
398
2086
|
]
|
|
399
2087
|
},
|
|
400
2088
|
{
|
|
401
|
-
"name": "qds-
|
|
2089
|
+
"name": "qds-standalone-link",
|
|
402
2090
|
"description": {
|
|
403
2091
|
"kind": "markdown",
|
|
404
|
-
"value": "`<qds-
|
|
2092
|
+
"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
2093
|
},
|
|
406
2094
|
"attributes": [
|
|
407
2095
|
{
|
|
408
2096
|
"name": "disabled",
|
|
409
|
-
"description": "Prevents the
|
|
2097
|
+
"description": "Prevents the standalone link from being interacted with: it cannot be pressed\nor focused."
|
|
410
2098
|
},
|
|
411
2099
|
{
|
|
412
2100
|
"name": "download",
|
|
@@ -414,15 +2102,38 @@
|
|
|
414
2102
|
},
|
|
415
2103
|
{
|
|
416
2104
|
"name": "href",
|
|
417
|
-
"description": "The URL that the
|
|
2105
|
+
"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
2106
|
},
|
|
419
2107
|
{
|
|
420
2108
|
"name": "hreflang",
|
|
421
2109
|
"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
2110
|
},
|
|
2111
|
+
{
|
|
2112
|
+
"name": "icon-library",
|
|
2113
|
+
"description": "The name of a registered icon library."
|
|
2114
|
+
},
|
|
2115
|
+
{
|
|
2116
|
+
"name": "icon-name",
|
|
2117
|
+
"description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
|
|
2118
|
+
},
|
|
2119
|
+
{
|
|
2120
|
+
"name": "importance",
|
|
2121
|
+
"description": "The standalone link's importance.",
|
|
2122
|
+
"values": [
|
|
2123
|
+
{
|
|
2124
|
+
"name": "emphasized"
|
|
2125
|
+
},
|
|
2126
|
+
{
|
|
2127
|
+
"name": "standard"
|
|
2128
|
+
},
|
|
2129
|
+
{
|
|
2130
|
+
"name": "subdued"
|
|
2131
|
+
}
|
|
2132
|
+
]
|
|
2133
|
+
},
|
|
423
2134
|
{
|
|
424
2135
|
"name": "referrerpolicy",
|
|
425
|
-
"description": "How much of the\n[referrer](https://developer.mozilla.org/docs/Web/HTTP/Headers/Referer)\nto send when following the
|
|
2136
|
+
"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
2137
|
"values": [
|
|
427
2138
|
{
|
|
428
2139
|
"name": "no-referrer"
|
|
@@ -454,6 +2165,21 @@
|
|
|
454
2165
|
"name": "rel",
|
|
455
2166
|
"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
2167
|
},
|
|
2168
|
+
{
|
|
2169
|
+
"name": "size",
|
|
2170
|
+
"description": "The standalone link's size.",
|
|
2171
|
+
"values": [
|
|
2172
|
+
{
|
|
2173
|
+
"name": "large"
|
|
2174
|
+
},
|
|
2175
|
+
{
|
|
2176
|
+
"name": "small"
|
|
2177
|
+
},
|
|
2178
|
+
{
|
|
2179
|
+
"name": "standard"
|
|
2180
|
+
}
|
|
2181
|
+
]
|
|
2182
|
+
},
|
|
457
2183
|
{
|
|
458
2184
|
"name": "target",
|
|
459
2185
|
"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 +2197,207 @@
|
|
|
471
2197
|
"name": "_top"
|
|
472
2198
|
}
|
|
473
2199
|
]
|
|
2200
|
+
},
|
|
2201
|
+
{
|
|
2202
|
+
"name": "visitable",
|
|
2203
|
+
"description": "Defines if the standalone link will display the visited state."
|
|
474
2204
|
}
|
|
475
2205
|
]
|
|
476
2206
|
},
|
|
477
2207
|
{
|
|
478
|
-
"name": "qds-
|
|
2208
|
+
"name": "qds-switch",
|
|
479
2209
|
"description": {
|
|
480
2210
|
"kind": "markdown",
|
|
481
|
-
"value": "
|
|
2211
|
+
"value": "<!--\nSPDX-FileCopyrightText: © 2024 Schneider Electric\n\nSPDX-License-Identifier: Apache-2.0\n-->"
|
|
482
2212
|
},
|
|
483
2213
|
"attributes": [
|
|
484
2214
|
{
|
|
485
|
-
"name": "
|
|
486
|
-
"description": "
|
|
2215
|
+
"name": "checked",
|
|
2216
|
+
"description": "Sets the switch's state."
|
|
2217
|
+
},
|
|
2218
|
+
{
|
|
2219
|
+
"name": "disabled",
|
|
2220
|
+
"description": "Prevents the switch from being interacted with: it cannot be pressed or\nfocused."
|
|
2221
|
+
},
|
|
2222
|
+
{
|
|
2223
|
+
"name": "form",
|
|
2224
|
+
"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."
|
|
2225
|
+
},
|
|
2226
|
+
{
|
|
2227
|
+
"name": "inline",
|
|
2228
|
+
"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."
|
|
2229
|
+
},
|
|
2230
|
+
{
|
|
2231
|
+
"name": "labels",
|
|
2232
|
+
"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"
|
|
2233
|
+
},
|
|
2234
|
+
{
|
|
2235
|
+
"name": "name",
|
|
2236
|
+
"description": "The name of the switch, which is submitted with the form data."
|
|
2237
|
+
},
|
|
2238
|
+
{
|
|
2239
|
+
"name": "no-indicator",
|
|
2240
|
+
"description": "Display the status indicator.\n\nBy default, the indicator is visible."
|
|
2241
|
+
},
|
|
2242
|
+
{
|
|
2243
|
+
"name": "size",
|
|
2244
|
+
"description": "The switches's size.",
|
|
487
2245
|
"values": [
|
|
488
2246
|
{
|
|
489
|
-
"name": "
|
|
490
|
-
},
|
|
491
|
-
{
|
|
492
|
-
"name": "none"
|
|
493
|
-
},
|
|
494
|
-
{
|
|
495
|
-
"name": "off"
|
|
496
|
-
},
|
|
497
|
-
{
|
|
498
|
-
"name": "on"
|
|
2247
|
+
"name": "large"
|
|
499
2248
|
},
|
|
500
2249
|
{
|
|
501
|
-
"name": "
|
|
2250
|
+
"name": "small"
|
|
502
2251
|
},
|
|
503
2252
|
{
|
|
504
|
-
"name": "
|
|
2253
|
+
"name": "standard"
|
|
505
2254
|
}
|
|
506
2255
|
]
|
|
507
2256
|
},
|
|
508
2257
|
{
|
|
509
|
-
"name": "
|
|
510
|
-
"description": "
|
|
2258
|
+
"name": "validation-message",
|
|
2259
|
+
"description": "The error message that would be shown to the user if the `<qds-switch>`\nwas to be checked for validity."
|
|
511
2260
|
},
|
|
512
2261
|
{
|
|
513
|
-
"name": "
|
|
514
|
-
"description": "
|
|
2262
|
+
"name": "validity",
|
|
2263
|
+
"description": "The [`ValidityState`][] object for this `<qds-switch>`.\n\n[`ValidityState`]: https://developer.mozilla.org/docs/Web/API/ValidityState"
|
|
515
2264
|
},
|
|
516
2265
|
{
|
|
517
|
-
"name": "
|
|
518
|
-
"description": "
|
|
2266
|
+
"name": "value",
|
|
2267
|
+
"description": "The value of the switch, submitted as a name/value pair with form data."
|
|
519
2268
|
},
|
|
520
2269
|
{
|
|
521
|
-
"name": "
|
|
522
|
-
"description": "
|
|
2270
|
+
"name": "will-validate",
|
|
2271
|
+
"description": "True if `<qds-switch>` will be validated when the form is submitted;\nfalse otherwise."
|
|
2272
|
+
}
|
|
2273
|
+
]
|
|
2274
|
+
},
|
|
2275
|
+
{
|
|
2276
|
+
"name": "qds-tab",
|
|
2277
|
+
"description": {
|
|
2278
|
+
"kind": "markdown",
|
|
2279
|
+
"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."
|
|
2280
|
+
},
|
|
2281
|
+
"attributes": [
|
|
2282
|
+
{
|
|
2283
|
+
"name": "action",
|
|
2284
|
+
"description": "The name of the action icon to render.",
|
|
523
2285
|
"values": [
|
|
524
2286
|
{
|
|
525
|
-
"name": "
|
|
2287
|
+
"name": "closable"
|
|
526
2288
|
},
|
|
527
2289
|
{
|
|
528
|
-
"name": "
|
|
529
|
-
}
|
|
2290
|
+
"name": "expandable"
|
|
2291
|
+
}
|
|
2292
|
+
]
|
|
2293
|
+
},
|
|
2294
|
+
{
|
|
2295
|
+
"name": "badge",
|
|
2296
|
+
"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."
|
|
2297
|
+
},
|
|
2298
|
+
{
|
|
2299
|
+
"name": "badge-counter-importance",
|
|
2300
|
+
"description": "The tab's counter importance.",
|
|
2301
|
+
"values": [
|
|
530
2302
|
{
|
|
531
|
-
"name": "
|
|
2303
|
+
"name": "destructive"
|
|
532
2304
|
},
|
|
533
2305
|
{
|
|
534
|
-
"name": "
|
|
2306
|
+
"name": "emphasized"
|
|
535
2307
|
},
|
|
536
2308
|
{
|
|
537
|
-
"name": "
|
|
2309
|
+
"name": "standard"
|
|
538
2310
|
},
|
|
539
2311
|
{
|
|
540
|
-
"name": "
|
|
2312
|
+
"name": "subdued"
|
|
541
2313
|
},
|
|
542
2314
|
{
|
|
543
|
-
"name": "
|
|
2315
|
+
"name": "subdued-destructive"
|
|
544
2316
|
}
|
|
545
2317
|
]
|
|
546
2318
|
},
|
|
547
2319
|
{
|
|
548
|
-
"name": "
|
|
549
|
-
"description": "The
|
|
2320
|
+
"name": "badge-description",
|
|
2321
|
+
"description": "The indicator or counter badge's accessible text that will be used by\nscreen readers."
|
|
550
2322
|
},
|
|
551
2323
|
{
|
|
552
|
-
"name": "
|
|
553
|
-
"description": "
|
|
2324
|
+
"name": "badge-indicator-status",
|
|
2325
|
+
"description": "The indicator's status.",
|
|
554
2326
|
"values": [
|
|
555
2327
|
{
|
|
556
|
-
"name": "
|
|
557
|
-
},
|
|
558
|
-
{
|
|
559
|
-
"name": "email"
|
|
560
|
-
},
|
|
561
|
-
{
|
|
562
|
-
"name": "none"
|
|
563
|
-
},
|
|
564
|
-
{
|
|
565
|
-
"name": "numeric"
|
|
2328
|
+
"name": "error"
|
|
566
2329
|
},
|
|
567
2330
|
{
|
|
568
|
-
"name": "
|
|
2331
|
+
"name": "info"
|
|
569
2332
|
},
|
|
570
2333
|
{
|
|
571
|
-
"name": "
|
|
2334
|
+
"name": "neutral"
|
|
572
2335
|
},
|
|
573
2336
|
{
|
|
574
|
-
"name": "
|
|
2337
|
+
"name": "success"
|
|
575
2338
|
},
|
|
576
2339
|
{
|
|
577
|
-
"name": "
|
|
2340
|
+
"name": "warning"
|
|
578
2341
|
}
|
|
579
2342
|
]
|
|
580
2343
|
},
|
|
581
2344
|
{
|
|
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."
|
|
2345
|
+
"name": "disabled",
|
|
2346
|
+
"description": "Prevents the tab from being interacted with: it cannot be\nselected or focused."
|
|
596
2347
|
},
|
|
597
2348
|
{
|
|
598
|
-
"name": "
|
|
599
|
-
"description": "
|
|
2349
|
+
"name": "href",
|
|
2350
|
+
"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
2351
|
},
|
|
601
2352
|
{
|
|
602
|
-
"name": "
|
|
603
|
-
"description": "
|
|
2353
|
+
"name": "icon-library",
|
|
2354
|
+
"description": "The name of a registered icon library."
|
|
604
2355
|
},
|
|
605
2356
|
{
|
|
606
|
-
"name": "name",
|
|
607
|
-
"description": "The name of the
|
|
2357
|
+
"name": "icon-name",
|
|
2358
|
+
"description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
|
|
608
2359
|
},
|
|
609
2360
|
{
|
|
610
|
-
"name": "
|
|
611
|
-
"description": "
|
|
2361
|
+
"name": "importance",
|
|
2362
|
+
"description": "The tab's importance.",
|
|
2363
|
+
"values": [
|
|
2364
|
+
{
|
|
2365
|
+
"name": "standard"
|
|
2366
|
+
},
|
|
2367
|
+
{
|
|
2368
|
+
"name": "subdued"
|
|
2369
|
+
}
|
|
2370
|
+
]
|
|
612
2371
|
},
|
|
613
2372
|
{
|
|
614
|
-
"name": "
|
|
615
|
-
"description": "
|
|
2373
|
+
"name": "indicator-position",
|
|
2374
|
+
"description": "The tab's indicator position.",
|
|
2375
|
+
"values": [
|
|
2376
|
+
{
|
|
2377
|
+
"name": "block-end"
|
|
2378
|
+
},
|
|
2379
|
+
{
|
|
2380
|
+
"name": "block-start"
|
|
2381
|
+
},
|
|
2382
|
+
{
|
|
2383
|
+
"name": "inline-end"
|
|
2384
|
+
},
|
|
2385
|
+
{
|
|
2386
|
+
"name": "inline-start"
|
|
2387
|
+
}
|
|
2388
|
+
]
|
|
616
2389
|
},
|
|
617
2390
|
{
|
|
618
|
-
"name": "
|
|
619
|
-
"description": "The
|
|
2391
|
+
"name": "panel",
|
|
2392
|
+
"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
2393
|
},
|
|
621
2394
|
{
|
|
622
|
-
"name": "
|
|
623
|
-
"description": "
|
|
2395
|
+
"name": "selected",
|
|
2396
|
+
"description": "Whether or not the tab is selected."
|
|
624
2397
|
},
|
|
625
2398
|
{
|
|
626
2399
|
"name": "size",
|
|
627
|
-
"description": "The
|
|
2400
|
+
"description": "The tab's size.",
|
|
628
2401
|
"values": [
|
|
629
2402
|
{
|
|
630
2403
|
"name": "large"
|
|
@@ -638,211 +2411,260 @@
|
|
|
638
2411
|
]
|
|
639
2412
|
},
|
|
640
2413
|
{
|
|
641
|
-
"name": "
|
|
642
|
-
"description": "
|
|
2414
|
+
"name": "subtitle",
|
|
2415
|
+
"description": "Text to display for the subtitle."
|
|
643
2416
|
},
|
|
644
2417
|
{
|
|
645
|
-
"name": "
|
|
646
|
-
"description": "
|
|
2418
|
+
"name": "tag-icon-description",
|
|
2419
|
+
"description": "The tag icon's accessible text that will be used by\nscreen readers."
|
|
2420
|
+
},
|
|
2421
|
+
{
|
|
2422
|
+
"name": "tag-icon-library",
|
|
2423
|
+
"description": "The name of a registered icon library."
|
|
2424
|
+
},
|
|
2425
|
+
{
|
|
2426
|
+
"name": "tag-icon-name",
|
|
2427
|
+
"description": "The name of the tab's tag icon to render.\n\nAvailable names depend on the icon library being used."
|
|
2428
|
+
},
|
|
2429
|
+
{
|
|
2430
|
+
"name": "tag-importance",
|
|
2431
|
+
"description": "The tab's tag importance.",
|
|
647
2432
|
"values": [
|
|
648
2433
|
{
|
|
649
|
-
"name": "
|
|
2434
|
+
"name": "emphasized"
|
|
2435
|
+
},
|
|
2436
|
+
{
|
|
2437
|
+
"name": "standard"
|
|
2438
|
+
},
|
|
2439
|
+
{
|
|
2440
|
+
"name": "subdued"
|
|
650
2441
|
}
|
|
651
2442
|
]
|
|
652
2443
|
},
|
|
653
2444
|
{
|
|
654
|
-
"name": "
|
|
655
|
-
"description": "The
|
|
2445
|
+
"name": "tag-size",
|
|
2446
|
+
"description": "The tab's tag size.",
|
|
656
2447
|
"values": [
|
|
657
2448
|
{
|
|
658
|
-
"name": "
|
|
2449
|
+
"name": "large"
|
|
659
2450
|
},
|
|
660
2451
|
{
|
|
661
|
-
"name": "
|
|
2452
|
+
"name": "small"
|
|
662
2453
|
},
|
|
663
2454
|
{
|
|
664
|
-
"name": "
|
|
2455
|
+
"name": "standard"
|
|
2456
|
+
}
|
|
2457
|
+
]
|
|
2458
|
+
},
|
|
2459
|
+
{
|
|
2460
|
+
"name": "tag-status",
|
|
2461
|
+
"description": "The tab's tag status.",
|
|
2462
|
+
"values": [
|
|
2463
|
+
{
|
|
2464
|
+
"name": "error"
|
|
665
2465
|
},
|
|
666
2466
|
{
|
|
667
|
-
"name": "
|
|
2467
|
+
"name": "info"
|
|
668
2468
|
},
|
|
669
2469
|
{
|
|
670
|
-
"name": "
|
|
2470
|
+
"name": "success"
|
|
671
2471
|
},
|
|
672
2472
|
{
|
|
673
|
-
"name": "
|
|
2473
|
+
"name": "warning"
|
|
2474
|
+
}
|
|
2475
|
+
]
|
|
2476
|
+
},
|
|
2477
|
+
{
|
|
2478
|
+
"name": "tag-text",
|
|
2479
|
+
"description": "The tab's tag text."
|
|
2480
|
+
},
|
|
2481
|
+
{
|
|
2482
|
+
"name": "text",
|
|
2483
|
+
"description": "Primary text to display."
|
|
2484
|
+
}
|
|
2485
|
+
]
|
|
2486
|
+
},
|
|
2487
|
+
{
|
|
2488
|
+
"name": "qds-tabbar",
|
|
2489
|
+
"description": {
|
|
2490
|
+
"kind": "markdown",
|
|
2491
|
+
"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."
|
|
2492
|
+
},
|
|
2493
|
+
"attributes": [
|
|
2494
|
+
{
|
|
2495
|
+
"name": "alignment",
|
|
2496
|
+
"description": "The alignment of tabs. Only applicable for horizontal orientation.",
|
|
2497
|
+
"values": [
|
|
2498
|
+
{
|
|
2499
|
+
"name": "centered"
|
|
674
2500
|
},
|
|
675
2501
|
{
|
|
676
|
-
"name": "
|
|
2502
|
+
"name": "left"
|
|
2503
|
+
}
|
|
2504
|
+
]
|
|
2505
|
+
},
|
|
2506
|
+
{
|
|
2507
|
+
"name": "layer",
|
|
2508
|
+
"description": "The tabbar's layer.",
|
|
2509
|
+
"values": [
|
|
2510
|
+
{
|
|
2511
|
+
"name": "accessory"
|
|
677
2512
|
},
|
|
678
2513
|
{
|
|
679
|
-
"name": "
|
|
2514
|
+
"name": "main"
|
|
680
2515
|
},
|
|
681
2516
|
{
|
|
682
|
-
"name": "
|
|
2517
|
+
"name": "panel"
|
|
683
2518
|
},
|
|
684
2519
|
{
|
|
685
|
-
"name": "
|
|
2520
|
+
"name": "popup"
|
|
2521
|
+
}
|
|
2522
|
+
]
|
|
2523
|
+
},
|
|
2524
|
+
{
|
|
2525
|
+
"name": "level",
|
|
2526
|
+
"description": "The tabbar's level.",
|
|
2527
|
+
"values": [
|
|
2528
|
+
{
|
|
2529
|
+
"name": "root"
|
|
686
2530
|
},
|
|
687
2531
|
{
|
|
688
|
-
"name": "
|
|
2532
|
+
"name": "section"
|
|
689
2533
|
},
|
|
690
2534
|
{
|
|
691
|
-
"name": "
|
|
2535
|
+
"name": "subsection"
|
|
2536
|
+
}
|
|
2537
|
+
]
|
|
2538
|
+
},
|
|
2539
|
+
{
|
|
2540
|
+
"name": "orientation",
|
|
2541
|
+
"description": "The tabbar's orientation.",
|
|
2542
|
+
"values": [
|
|
2543
|
+
{
|
|
2544
|
+
"name": "horizontal"
|
|
692
2545
|
},
|
|
693
2546
|
{
|
|
694
|
-
"name": "
|
|
2547
|
+
"name": "vertical"
|
|
695
2548
|
}
|
|
696
2549
|
]
|
|
697
2550
|
},
|
|
698
2551
|
{
|
|
699
|
-
"name": "
|
|
700
|
-
"description": "
|
|
2552
|
+
"name": "show-divider",
|
|
2553
|
+
"description": "Displays a divider line."
|
|
2554
|
+
},
|
|
2555
|
+
{
|
|
2556
|
+
"name": "tablist-description",
|
|
2557
|
+
"description": "the tablist Description"
|
|
701
2558
|
}
|
|
702
2559
|
]
|
|
703
2560
|
},
|
|
704
2561
|
{
|
|
705
|
-
"name": "qds-
|
|
2562
|
+
"name": "qds-table",
|
|
706
2563
|
"description": {
|
|
707
2564
|
"kind": "markdown",
|
|
708
|
-
"value": "`<qds-
|
|
2565
|
+
"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."
|
|
2566
|
+
},
|
|
2567
|
+
"attributes": []
|
|
2568
|
+
},
|
|
2569
|
+
{
|
|
2570
|
+
"name": "qds-table-cell",
|
|
2571
|
+
"description": {
|
|
2572
|
+
"kind": "markdown",
|
|
2573
|
+
"value": "The `<qds-table-cell>` element defines a cell of a table that contains data.\nIt participates in the *table model*."
|
|
709
2574
|
},
|
|
710
2575
|
"attributes": [
|
|
711
2576
|
{
|
|
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
|
-
]
|
|
2577
|
+
"name": "colspan",
|
|
2578
|
+
"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
2579
|
},
|
|
734
2580
|
{
|
|
735
|
-
"name": "
|
|
736
|
-
"description": "
|
|
2581
|
+
"name": "rowspan",
|
|
2582
|
+
"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
2583
|
}
|
|
738
2584
|
]
|
|
739
2585
|
},
|
|
740
2586
|
{
|
|
741
|
-
"name": "qds-
|
|
2587
|
+
"name": "qds-table-head-cell",
|
|
742
2588
|
"description": {
|
|
743
2589
|
"kind": "markdown",
|
|
744
|
-
"value": "`<qds-
|
|
2590
|
+
"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
2591
|
},
|
|
746
2592
|
"attributes": [
|
|
747
2593
|
{
|
|
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."
|
|
2594
|
+
"name": "colspan",
|
|
2595
|
+
"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
2596
|
},
|
|
767
2597
|
{
|
|
768
|
-
"name": "
|
|
769
|
-
"description": "
|
|
2598
|
+
"name": "rowspan",
|
|
2599
|
+
"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
2600
|
},
|
|
771
2601
|
{
|
|
772
|
-
"name": "
|
|
773
|
-
"description": "The
|
|
2602
|
+
"name": "scope",
|
|
2603
|
+
"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
2604
|
"values": [
|
|
775
2605
|
{
|
|
776
|
-
"name": "
|
|
777
|
-
},
|
|
778
|
-
{
|
|
779
|
-
"name": "small"
|
|
2606
|
+
"name": "col"
|
|
780
2607
|
},
|
|
781
2608
|
{
|
|
782
|
-
"name": "
|
|
2609
|
+
"name": "row"
|
|
783
2610
|
}
|
|
784
2611
|
]
|
|
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
2612
|
}
|
|
794
2613
|
]
|
|
795
2614
|
},
|
|
796
2615
|
{
|
|
797
|
-
"name": "qds-
|
|
2616
|
+
"name": "qds-table-row",
|
|
798
2617
|
"description": {
|
|
799
2618
|
"kind": "markdown",
|
|
800
|
-
"value": "
|
|
2619
|
+
"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."
|
|
2620
|
+
},
|
|
2621
|
+
"attributes": []
|
|
2622
|
+
},
|
|
2623
|
+
{
|
|
2624
|
+
"name": "qds-tag",
|
|
2625
|
+
"description": {
|
|
2626
|
+
"kind": "markdown",
|
|
2627
|
+
"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
2628
|
},
|
|
802
2629
|
"attributes": [
|
|
803
2630
|
{
|
|
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."
|
|
2631
|
+
"name": "badge",
|
|
2632
|
+
"description": "Displays an indicator if `true`."
|
|
822
2633
|
},
|
|
823
2634
|
{
|
|
824
|
-
"name": "
|
|
825
|
-
"description": "The
|
|
2635
|
+
"name": "badge-description",
|
|
2636
|
+
"description": "The indicator badge's accessible text that will be used by\nscreen readers."
|
|
826
2637
|
},
|
|
827
2638
|
{
|
|
828
|
-
"name": "icon-
|
|
829
|
-
"description": "
|
|
2639
|
+
"name": "icon-description",
|
|
2640
|
+
"description": "Provides a text description of the icon for screen readers."
|
|
830
2641
|
},
|
|
831
2642
|
{
|
|
832
|
-
"name": "icon-
|
|
833
|
-
"description": "The name of
|
|
2643
|
+
"name": "icon-library",
|
|
2644
|
+
"description": "The name of a registered icon library."
|
|
834
2645
|
},
|
|
835
2646
|
{
|
|
836
|
-
"name": "
|
|
837
|
-
"description": "
|
|
2647
|
+
"name": "icon-name",
|
|
2648
|
+
"description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
|
|
838
2649
|
},
|
|
839
2650
|
{
|
|
840
|
-
"name": "
|
|
841
|
-
"description": "The
|
|
2651
|
+
"name": "importance",
|
|
2652
|
+
"description": "The tag's importance.",
|
|
2653
|
+
"values": [
|
|
2654
|
+
{
|
|
2655
|
+
"name": "emphasized"
|
|
2656
|
+
},
|
|
2657
|
+
{
|
|
2658
|
+
"name": "standard"
|
|
2659
|
+
},
|
|
2660
|
+
{
|
|
2661
|
+
"name": "subdued"
|
|
2662
|
+
}
|
|
2663
|
+
]
|
|
842
2664
|
},
|
|
843
2665
|
{
|
|
844
2666
|
"name": "size",
|
|
845
|
-
"description": "The
|
|
2667
|
+
"description": "The tag's size.",
|
|
846
2668
|
"values": [
|
|
847
2669
|
{
|
|
848
2670
|
"name": "large"
|
|
@@ -856,50 +2678,39 @@
|
|
|
856
2678
|
]
|
|
857
2679
|
},
|
|
858
2680
|
{
|
|
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.",
|
|
2681
|
+
"name": "status",
|
|
2682
|
+
"description": "The tag's status.",
|
|
882
2683
|
"values": [
|
|
883
2684
|
{
|
|
884
|
-
"name": "
|
|
885
|
-
},
|
|
886
|
-
{
|
|
887
|
-
"name": "none"
|
|
2685
|
+
"name": "error"
|
|
888
2686
|
},
|
|
889
2687
|
{
|
|
890
|
-
"name": "
|
|
2688
|
+
"name": "info"
|
|
891
2689
|
},
|
|
892
2690
|
{
|
|
893
|
-
"name": "
|
|
2691
|
+
"name": "neutral"
|
|
894
2692
|
},
|
|
895
2693
|
{
|
|
896
|
-
"name": "
|
|
2694
|
+
"name": "success"
|
|
897
2695
|
},
|
|
898
2696
|
{
|
|
899
|
-
"name": "
|
|
2697
|
+
"name": "warning"
|
|
900
2698
|
}
|
|
901
2699
|
]
|
|
902
2700
|
},
|
|
2701
|
+
{
|
|
2702
|
+
"name": "text",
|
|
2703
|
+
"description": "The tag's text."
|
|
2704
|
+
}
|
|
2705
|
+
]
|
|
2706
|
+
},
|
|
2707
|
+
{
|
|
2708
|
+
"name": "qds-textarea",
|
|
2709
|
+
"description": {
|
|
2710
|
+
"kind": "markdown",
|
|
2711
|
+
"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."
|
|
2712
|
+
},
|
|
2713
|
+
"attributes": [
|
|
903
2714
|
{
|
|
904
2715
|
"name": "autocomplete",
|
|
905
2716
|
"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 +2723,13 @@
|
|
|
912
2723
|
}
|
|
913
2724
|
]
|
|
914
2725
|
},
|
|
915
|
-
{
|
|
916
|
-
"name": "autofocus",
|
|
917
|
-
"description": "Specify whether the input should have focus when the page loads."
|
|
918
|
-
},
|
|
919
2726
|
{
|
|
920
2727
|
"name": "cols",
|
|
921
2728
|
"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
2729
|
},
|
|
923
2730
|
{
|
|
924
2731
|
"name": "disabled",
|
|
925
|
-
"description": "Prevents the
|
|
2732
|
+
"description": "Prevents the textarea from being interacted with: it cannot be pressed or\nfocused."
|
|
926
2733
|
},
|
|
927
2734
|
{
|
|
928
2735
|
"name": "enterkeyhint",
|
|
@@ -986,8 +2793,8 @@
|
|
|
986
2793
|
]
|
|
987
2794
|
},
|
|
988
2795
|
{
|
|
989
|
-
"name": "
|
|
990
|
-
"description": "
|
|
2796
|
+
"name": "labels",
|
|
2797
|
+
"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
2798
|
},
|
|
992
2799
|
{
|
|
993
2800
|
"name": "maxlength",
|
|
@@ -999,7 +2806,7 @@
|
|
|
999
2806
|
},
|
|
1000
2807
|
{
|
|
1001
2808
|
"name": "name",
|
|
1002
|
-
"description": "The name of the
|
|
2809
|
+
"description": "The name of the textarea, which is submitted with the form data."
|
|
1003
2810
|
},
|
|
1004
2811
|
{
|
|
1005
2812
|
"name": "placeholder",
|
|
@@ -1007,7 +2814,7 @@
|
|
|
1007
2814
|
},
|
|
1008
2815
|
{
|
|
1009
2816
|
"name": "readonly",
|
|
1010
|
-
"description": "
|
|
2817
|
+
"description": "Prevents the user from changing the value of the textarea."
|
|
1011
2818
|
},
|
|
1012
2819
|
{
|
|
1013
2820
|
"name": "required",
|
|
@@ -1017,6 +2824,29 @@
|
|
|
1017
2824
|
"name": "rows",
|
|
1018
2825
|
"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
2826
|
},
|
|
2827
|
+
{
|
|
2828
|
+
"name": "selection-direction",
|
|
2829
|
+
"description": "Get or set the selection direction of a text selection.\n\n> **_NOTE:_** This property has no effect when used as an attribute.",
|
|
2830
|
+
"values": [
|
|
2831
|
+
{
|
|
2832
|
+
"name": "backward"
|
|
2833
|
+
},
|
|
2834
|
+
{
|
|
2835
|
+
"name": "forward"
|
|
2836
|
+
},
|
|
2837
|
+
{
|
|
2838
|
+
"name": "none"
|
|
2839
|
+
}
|
|
2840
|
+
]
|
|
2841
|
+
},
|
|
2842
|
+
{
|
|
2843
|
+
"name": "selection-end",
|
|
2844
|
+
"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."
|
|
2845
|
+
},
|
|
2846
|
+
{
|
|
2847
|
+
"name": "selection-start",
|
|
2848
|
+
"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."
|
|
2849
|
+
},
|
|
1020
2850
|
{
|
|
1021
2851
|
"name": "size",
|
|
1022
2852
|
"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 +2863,40 @@
|
|
|
1033
2863
|
]
|
|
1034
2864
|
},
|
|
1035
2865
|
{
|
|
1036
|
-
"name": "
|
|
1037
|
-
"description": "
|
|
2866
|
+
"name": "status",
|
|
2867
|
+
"description": "The textarea's status.",
|
|
2868
|
+
"values": [
|
|
2869
|
+
{
|
|
2870
|
+
"name": "error"
|
|
2871
|
+
},
|
|
2872
|
+
{
|
|
2873
|
+
"name": "success"
|
|
2874
|
+
},
|
|
2875
|
+
{
|
|
2876
|
+
"name": "warning"
|
|
2877
|
+
}
|
|
2878
|
+
]
|
|
2879
|
+
},
|
|
2880
|
+
{
|
|
2881
|
+
"name": "validation-message",
|
|
2882
|
+
"description": "The error message that would be shown to the user if the `<qds-select>`\nwas to be checked for validity."
|
|
2883
|
+
},
|
|
2884
|
+
{
|
|
2885
|
+
"name": "validity",
|
|
2886
|
+
"description": "The [`ValidityState`][] object for this `<qds-select>`.\n\n[`ValidityState`]: https://developer.mozilla.org/docs/Web/API/ValidityState"
|
|
1038
2887
|
},
|
|
1039
2888
|
{
|
|
1040
2889
|
"name": "value",
|
|
1041
2890
|
"description": "The value of the textarea."
|
|
1042
2891
|
},
|
|
2892
|
+
{
|
|
2893
|
+
"name": "will-validate",
|
|
2894
|
+
"description": "True if `<qds-textarea>` will be validated when the form is submitted;\nfalse otherwise."
|
|
2895
|
+
},
|
|
1043
2896
|
{
|
|
1044
2897
|
"name": "wrap",
|
|
1045
2898
|
"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
2899
|
"values": [
|
|
1047
|
-
{
|
|
1048
|
-
"name": "hard"
|
|
1049
|
-
},
|
|
1050
2900
|
{
|
|
1051
2901
|
"name": "off"
|
|
1052
2902
|
},
|
|
@@ -1061,9 +2911,24 @@
|
|
|
1061
2911
|
"name": "qds-title",
|
|
1062
2912
|
"description": {
|
|
1063
2913
|
"kind": "markdown",
|
|
1064
|
-
"value": "<!--\nSPDX-FileCopyrightText: ©
|
|
2914
|
+
"value": "<!--\nSPDX-FileCopyrightText: © 2024 Schneider Electric\n\nSPDX-License-Identifier: Apache-2.0\n-->"
|
|
1065
2915
|
},
|
|
1066
2916
|
"attributes": [
|
|
2917
|
+
{
|
|
2918
|
+
"name": "alignment",
|
|
2919
|
+
"description": "The alignment of the title.",
|
|
2920
|
+
"values": [
|
|
2921
|
+
{
|
|
2922
|
+
"name": "center"
|
|
2923
|
+
},
|
|
2924
|
+
{
|
|
2925
|
+
"name": "end"
|
|
2926
|
+
},
|
|
2927
|
+
{
|
|
2928
|
+
"name": "start"
|
|
2929
|
+
}
|
|
2930
|
+
]
|
|
2931
|
+
},
|
|
1067
2932
|
{
|
|
1068
2933
|
"name": "icon-library",
|
|
1069
2934
|
"description": "The name of a registered icon library."
|
|
@@ -1101,6 +2966,9 @@
|
|
|
1101
2966
|
"name": "level",
|
|
1102
2967
|
"description": "",
|
|
1103
2968
|
"values": [
|
|
2969
|
+
{
|
|
2970
|
+
"name": "root"
|
|
2971
|
+
},
|
|
1104
2972
|
{
|
|
1105
2973
|
"name": "section"
|
|
1106
2974
|
},
|
|
@@ -1136,6 +3004,24 @@
|
|
|
1136
3004
|
"name": "h6"
|
|
1137
3005
|
}
|
|
1138
3006
|
]
|
|
3007
|
+
},
|
|
3008
|
+
{
|
|
3009
|
+
"name": "variant",
|
|
3010
|
+
"description": "The title's variant.",
|
|
3011
|
+
"values": [
|
|
3012
|
+
{
|
|
3013
|
+
"name": "web-main-section-display"
|
|
3014
|
+
},
|
|
3015
|
+
{
|
|
3016
|
+
"name": "web-main-section-hero"
|
|
3017
|
+
},
|
|
3018
|
+
{
|
|
3019
|
+
"name": "web-main-section-promo"
|
|
3020
|
+
},
|
|
3021
|
+
{
|
|
3022
|
+
"name": "web-main-subsection-card"
|
|
3023
|
+
}
|
|
3024
|
+
]
|
|
1139
3025
|
}
|
|
1140
3026
|
]
|
|
1141
3027
|
},
|
|
@@ -1143,13 +3029,35 @@
|
|
|
1143
3029
|
"name": "qds-tooltip",
|
|
1144
3030
|
"description": {
|
|
1145
3031
|
"kind": "markdown",
|
|
1146
|
-
"value": "<!--\nSPDX-FileCopyrightText: ©
|
|
3032
|
+
"value": "<!--\nSPDX-FileCopyrightText: © 2024 Schneider Electric\n\nSPDX-License-Identifier: Apache-2.0\n-->"
|
|
1147
3033
|
},
|
|
1148
3034
|
"attributes": [
|
|
3035
|
+
{
|
|
3036
|
+
"name": "auto-update-options",
|
|
3037
|
+
"description": "Options to pass to Floating UI's\n[`autoUpdate()` function](https://floating-ui.com/docs/autoUpdate)."
|
|
3038
|
+
},
|
|
1149
3039
|
{
|
|
1150
3040
|
"name": "disabled",
|
|
1151
3041
|
"description": "Prevents the tooltip from being shown by user interaction. The tooltip can\nstill be displayed by calling the `show()` method."
|
|
1152
3042
|
},
|
|
3043
|
+
{
|
|
3044
|
+
"name": "flip-options",
|
|
3045
|
+
"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).",
|
|
3046
|
+
"values": [
|
|
3047
|
+
{
|
|
3048
|
+
"name": "alignment"
|
|
3049
|
+
},
|
|
3050
|
+
{
|
|
3051
|
+
"name": "initialPlacement"
|
|
3052
|
+
},
|
|
3053
|
+
{
|
|
3054
|
+
"name": "start"
|
|
3055
|
+
},
|
|
3056
|
+
{
|
|
3057
|
+
"name": "end"
|
|
3058
|
+
}
|
|
3059
|
+
]
|
|
3060
|
+
},
|
|
1153
3061
|
{
|
|
1154
3062
|
"name": "no-flip",
|
|
1155
3063
|
"description": "Disable Floating UI's\n[`flip` middleware](https://floating-ui.com/docs/flip)."
|
|
@@ -1158,6 +3066,10 @@
|
|
|
1158
3066
|
"name": "no-shift",
|
|
1159
3067
|
"description": "Disable Floating UI's\n[`shift` middleware](https://floating-ui.com/docs/shift)."
|
|
1160
3068
|
},
|
|
3069
|
+
{
|
|
3070
|
+
"name": "offset-options",
|
|
3071
|
+
"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."
|
|
3072
|
+
},
|
|
1161
3073
|
{
|
|
1162
3074
|
"name": "placement",
|
|
1163
3075
|
"description": "Where to place the tooltip relative to the `target`.",
|
|
@@ -1200,6 +3112,10 @@
|
|
|
1200
3112
|
}
|
|
1201
3113
|
]
|
|
1202
3114
|
},
|
|
3115
|
+
{
|
|
3116
|
+
"name": "shift-options",
|
|
3117
|
+
"description": "Options to pass to Floating UI's\n[`shift` middleware](https://floating-ui.com/docs/shift)."
|
|
3118
|
+
},
|
|
1203
3119
|
{
|
|
1204
3120
|
"name": "strategy",
|
|
1205
3121
|
"description": "The CSS position strategy to use.",
|
|
@@ -1214,7 +3130,11 @@
|
|
|
1214
3130
|
},
|
|
1215
3131
|
{
|
|
1216
3132
|
"name": "target",
|
|
1217
|
-
"description": "The trigger element that will trigger the tooltip. The target specified\ncan be any of the
|
|
3133
|
+
"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"
|
|
3134
|
+
},
|
|
3135
|
+
{
|
|
3136
|
+
"name": "trigger",
|
|
3137
|
+
"description": "Determines the events that cause the tooltip to show. Multiple event names\nare separated by spaces."
|
|
1218
3138
|
}
|
|
1219
3139
|
]
|
|
1220
3140
|
}
|