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