@ds-mo/ui 14.13.0 → 14.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +10 -2
- package/dist/.package-ready.json +1 -1
- package/dist/agent-patterns.json +50 -1
- package/dist/agent.json +107 -6
- package/dist/angular/ds-input.d.ts +1 -1
- package/dist/angular/ds-input.js +3 -3
- package/dist/components/ds-input.js +1 -1
- package/dist/components/ds-paper-texture.js +1 -1
- package/dist/components/ds-shell-app.js +1 -1
- package/dist/components/ds-table-saved-views.js +1 -1
- package/dist/components/{p-DIEx1e0M.js → p-B80NfEqc.js} +2 -2
- package/dist/components/p-B80NfEqc.js.map +1 -0
- package/dist/components/{p-iBuPFJL9.js → p-CKY989vF.js} +2 -2
- package/dist/components/p-CKY989vF.js.map +1 -0
- package/dist/docs/components.json +86 -4
- package/dist/mcp/cli.js +19 -4
- package/dist/mcp-data/registry/agent-activity.json +6 -1
- package/dist/mcp-data/registry/agent-questionnaire.json +6 -1
- package/dist/mcp-data/registry/agent-response.json +6 -1
- package/dist/mcp-data/registry/agent-source-list.json +6 -1
- package/dist/mcp-data/registry/agent-tool-call.json +6 -1
- package/dist/mcp-data/registry/attachment-list.json +6 -1
- package/dist/mcp-data/registry/avatar.json +6 -1
- package/dist/mcp-data/registry/badge.json +6 -1
- package/dist/mcp-data/registry/banner.json +6 -1
- package/dist/mcp-data/registry/bar-action.json +6 -1
- package/dist/mcp-data/registry/bar-nav.json +6 -1
- package/dist/mcp-data/registry/bar-title.json +6 -1
- package/dist/mcp-data/registry/bar-workflow.json +6 -1
- package/dist/mcp-data/registry/breadcrumb.json +6 -1
- package/dist/mcp-data/registry/button-filled.json +6 -1
- package/dist/mcp-data/registry/button-unfilled.json +6 -1
- package/dist/mcp-data/registry/card-chart.json +6 -1
- package/dist/mcp-data/registry/card-overview.json +6 -1
- package/dist/mcp-data/registry/card-setting.json +6 -1
- package/dist/mcp-data/registry/chart-legend.json +6 -1
- package/dist/mcp-data/registry/chart.json +6 -1
- package/dist/mcp-data/registry/checkbox.json +9 -1
- package/dist/mcp-data/registry/chip.json +6 -1
- package/dist/mcp-data/registry/code-block.json +6 -1
- package/dist/mcp-data/registry/conversation-list-item.json +6 -1
- package/dist/mcp-data/registry/conversation-list-section.json +6 -1
- package/dist/mcp-data/registry/conversation-list.json +6 -1
- package/dist/mcp-data/registry/divider.json +6 -1
- package/dist/mcp-data/registry/empty-state.json +6 -1
- package/dist/mcp-data/registry/field.json +6 -1
- package/dist/mcp-data/registry/filter-menu.json +6 -1
- package/dist/mcp-data/registry/icon.json +6 -1
- package/dist/mcp-data/registry/input.json +65 -8
- package/dist/mcp-data/registry/loader.json +6 -1
- package/dist/mcp-data/registry/markdown.json +6 -1
- package/dist/mcp-data/registry/menu.json +6 -1
- package/dist/mcp-data/registry/message-actions.json +6 -1
- package/dist/mcp-data/registry/message-bubble.json +6 -1
- package/dist/mcp-data/registry/message-composer.json +6 -1
- package/dist/mcp-data/registry/message-scroller.json +6 -1
- package/dist/mcp-data/registry/message.json +6 -1
- package/dist/mcp-data/registry/mobile-bar-nav.json +6 -1
- package/dist/mcp-data/registry/mobile-header.json +6 -1
- package/dist/mcp-data/registry/mobile-section-switcher.json +6 -1
- package/dist/mcp-data/registry/mobile-sheet-nav.json +6 -1
- package/dist/mcp-data/registry/modal.json +6 -1
- package/dist/mcp-data/registry/pagination.json +6 -1
- package/dist/mcp-data/registry/panel-nav.json +6 -1
- package/dist/mcp-data/registry/panel-sub-nav.json +6 -1
- package/dist/mcp-data/registry/panel-tool-header.json +6 -1
- package/dist/mcp-data/registry/panel-tool-search.json +6 -1
- package/dist/mcp-data/registry/panel-tools.json +6 -1
- package/dist/mcp-data/registry/paper-texture.json +7 -2
- package/dist/mcp-data/registry/radio.json +9 -1
- package/dist/mcp-data/registry/registry.json +108 -7
- package/dist/mcp-data/registry/scroll-overlay.json +6 -1
- package/dist/mcp-data/registry/select.json +10 -2
- package/dist/mcp-data/registry/shell-app.json +6 -1
- package/dist/mcp-data/registry/shell-page.json +6 -1
- package/dist/mcp-data/registry/shell-tools.json +6 -1
- package/dist/mcp-data/registry/skeleton.json +6 -1
- package/dist/mcp-data/registry/slider.json +6 -1
- package/dist/mcp-data/registry/swatch-picker.json +6 -1
- package/dist/mcp-data/registry/switch.json +9 -1
- package/dist/mcp-data/registry/tab-group.json +6 -1
- package/dist/mcp-data/registry/table-saved-views.json +6 -1
- package/dist/mcp-data/registry/table-toolbar.json +6 -1
- package/dist/mcp-data/registry/table.json +6 -1
- package/dist/mcp-data/registry/tag.json +6 -1
- package/dist/mcp-data/registry/text.json +6 -1
- package/dist/mcp-data/registry/toast.json +6 -1
- package/dist/mcp-data/registry/tooltip-chart.json +6 -1
- package/dist/mcp-data/registry/tooltip.json +6 -1
- package/dist/mcp-data/registry/typing-indicator.json +6 -1
- package/dist/types/components/Input/Input.d.ts +7 -1
- package/dist/types/components/PaperTexture/PaperTexture.d.ts +1 -0
- package/dist/types/components.d.ts +27 -0
- package/dist/vue/components.d.ts +77 -0
- package/dist/vue/components.js +79 -0
- package/dist/vue/ds-agent-activity.d.ts +3 -0
- package/dist/vue/ds-agent-activity.js +10 -0
- package/dist/vue/ds-agent-questionnaire.d.ts +3 -0
- package/dist/vue/ds-agent-questionnaire.js +19 -0
- package/dist/vue/ds-agent-response.d.ts +3 -0
- package/dist/vue/ds-agent-response.js +15 -0
- package/dist/vue/ds-agent-source-list.d.ts +3 -0
- package/dist/vue/ds-agent-source-list.js +13 -0
- package/dist/vue/ds-agent-tool-call.d.ts +3 -0
- package/dist/vue/ds-agent-tool-call.js +18 -0
- package/dist/vue/ds-attachment-list.d.ts +3 -0
- package/dist/vue/ds-attachment-list.js +9 -0
- package/dist/vue/ds-avatar.d.ts +3 -0
- package/dist/vue/ds-avatar.js +11 -0
- package/dist/vue/ds-badge.d.ts +3 -0
- package/dist/vue/ds-badge.js +15 -0
- package/dist/vue/ds-banner.d.ts +3 -0
- package/dist/vue/ds-banner.js +20 -0
- package/dist/vue/ds-bar-action.d.ts +3 -0
- package/dist/vue/ds-bar-action.js +14 -0
- package/dist/vue/ds-bar-nav.d.ts +3 -0
- package/dist/vue/ds-bar-nav.js +17 -0
- package/dist/vue/ds-bar-title.d.ts +3 -0
- package/dist/vue/ds-bar-title.js +32 -0
- package/dist/vue/ds-bar-workflow.d.ts +3 -0
- package/dist/vue/ds-bar-workflow.js +24 -0
- package/dist/vue/ds-breadcrumb.d.ts +3 -0
- package/dist/vue/ds-breadcrumb.js +12 -0
- package/dist/vue/ds-button-filled.d.ts +3 -0
- package/dist/vue/ds-button-filled.js +31 -0
- package/dist/vue/ds-button-unfilled.d.ts +3 -0
- package/dist/vue/ds-button-unfilled.js +36 -0
- package/dist/vue/ds-card-chart.d.ts +3 -0
- package/dist/vue/ds-card-chart.js +15 -0
- package/dist/vue/ds-card-overview.d.ts +3 -0
- package/dist/vue/ds-card-overview.js +21 -0
- package/dist/vue/ds-card-setting.d.ts +3 -0
- package/dist/vue/ds-card-setting.js +16 -0
- package/dist/vue/ds-chart-legend.d.ts +3 -0
- package/dist/vue/ds-chart-legend.js +19 -0
- package/dist/vue/ds-chart.d.ts +3 -0
- package/dist/vue/ds-chart.js +17 -0
- package/dist/vue/ds-checkbox.d.ts +3 -0
- package/dist/vue/ds-checkbox.js +22 -0
- package/dist/vue/ds-chip.d.ts +3 -0
- package/dist/vue/ds-chip.js +17 -0
- package/dist/vue/ds-code-block.d.ts +3 -0
- package/dist/vue/ds-code-block.js +10 -0
- package/dist/vue/ds-conversation-list-item.d.ts +3 -0
- package/dist/vue/ds-conversation-list-item.js +19 -0
- package/dist/vue/ds-conversation-list-section.d.ts +3 -0
- package/dist/vue/ds-conversation-list-section.js +9 -0
- package/dist/vue/ds-conversation-list.d.ts +3 -0
- package/dist/vue/ds-conversation-list.js +8 -0
- package/dist/vue/ds-divider.d.ts +3 -0
- package/dist/vue/ds-divider.js +12 -0
- package/dist/vue/ds-empty-state.d.ts +3 -0
- package/dist/vue/ds-empty-state.js +10 -0
- package/dist/vue/ds-field.d.ts +3 -0
- package/dist/vue/ds-field.js +12 -0
- package/dist/vue/ds-filter-menu.d.ts +3 -0
- package/dist/vue/ds-filter-menu.js +43 -0
- package/dist/vue/ds-icon.d.ts +3 -0
- package/dist/vue/ds-icon.js +11 -0
- package/dist/vue/ds-input.d.ts +3 -0
- package/dist/vue/ds-input.js +40 -0
- package/dist/vue/ds-loader.d.ts +3 -0
- package/dist/vue/ds-loader.js +10 -0
- package/dist/vue/ds-markdown.d.ts +3 -0
- package/dist/vue/ds-markdown.js +9 -0
- package/dist/vue/ds-menu.d.ts +3 -0
- package/dist/vue/ds-menu.js +34 -0
- package/dist/vue/ds-message-actions.d.ts +3 -0
- package/dist/vue/ds-message-actions.js +15 -0
- package/dist/vue/ds-message-bubble.d.ts +3 -0
- package/dist/vue/ds-message-bubble.js +8 -0
- package/dist/vue/ds-message-composer.d.ts +3 -0
- package/dist/vue/ds-message-composer.js +21 -0
- package/dist/vue/ds-message-scroller.d.ts +3 -0
- package/dist/vue/ds-message-scroller.js +14 -0
- package/dist/vue/ds-message.d.ts +3 -0
- package/dist/vue/ds-message.js +17 -0
- package/dist/vue/ds-mobile-bar-nav.d.ts +3 -0
- package/dist/vue/ds-mobile-bar-nav.js +25 -0
- package/dist/vue/ds-mobile-header.d.ts +3 -0
- package/dist/vue/ds-mobile-header.js +23 -0
- package/dist/vue/ds-mobile-section-switcher.d.ts +3 -0
- package/dist/vue/ds-mobile-section-switcher.js +13 -0
- package/dist/vue/ds-mobile-sheet-nav.d.ts +3 -0
- package/dist/vue/ds-mobile-sheet-nav.js +26 -0
- package/dist/vue/ds-modal.d.ts +3 -0
- package/dist/vue/ds-modal.js +18 -0
- package/dist/vue/ds-pagination.d.ts +3 -0
- package/dist/vue/ds-pagination.js +25 -0
- package/dist/vue/ds-panel-nav.d.ts +3 -0
- package/dist/vue/ds-panel-nav.js +40 -0
- package/dist/vue/ds-panel-sub-nav.d.ts +3 -0
- package/dist/vue/ds-panel-sub-nav.js +15 -0
- package/dist/vue/ds-panel-tool-header.d.ts +3 -0
- package/dist/vue/ds-panel-tool-header.js +24 -0
- package/dist/vue/ds-panel-tool-search.d.ts +3 -0
- package/dist/vue/ds-panel-tool-search.js +25 -0
- package/dist/vue/ds-panel-tools.d.ts +3 -0
- package/dist/vue/ds-panel-tools.js +29 -0
- package/dist/vue/ds-paper-texture.d.ts +3 -0
- package/dist/vue/ds-paper-texture.js +8 -0
- package/dist/vue/ds-radio.d.ts +3 -0
- package/dist/vue/ds-radio.js +22 -0
- package/dist/vue/ds-scroll-overlay.d.ts +3 -0
- package/dist/vue/ds-scroll-overlay.js +11 -0
- package/dist/vue/ds-select.d.ts +3 -0
- package/dist/vue/ds-select.js +57 -0
- package/dist/vue/ds-shell-app.d.ts +3 -0
- package/dist/vue/ds-shell-app.js +46 -0
- package/dist/vue/ds-shell-page.d.ts +3 -0
- package/dist/vue/ds-shell-page.js +16 -0
- package/dist/vue/ds-shell-tools.d.ts +3 -0
- package/dist/vue/ds-shell-tools.js +28 -0
- package/dist/vue/ds-skeleton.d.ts +3 -0
- package/dist/vue/ds-skeleton.js +15 -0
- package/dist/vue/ds-slider.d.ts +3 -0
- package/dist/vue/ds-slider.js +40 -0
- package/dist/vue/ds-swatch-picker.d.ts +3 -0
- package/dist/vue/ds-swatch-picker.js +14 -0
- package/dist/vue/ds-switch.d.ts +3 -0
- package/dist/vue/ds-switch.js +22 -0
- package/dist/vue/ds-tab-group.d.ts +3 -0
- package/dist/vue/ds-tab-group.js +17 -0
- package/dist/vue/ds-table-saved-views.d.ts +3 -0
- package/dist/vue/ds-table-saved-views.js +28 -0
- package/dist/vue/ds-table-toolbar.d.ts +3 -0
- package/dist/vue/ds-table-toolbar.js +8 -0
- package/dist/vue/ds-table.d.ts +3 -0
- package/dist/vue/ds-table.js +86 -0
- package/dist/vue/ds-tag.d.ts +3 -0
- package/dist/vue/ds-tag.js +23 -0
- package/dist/vue/ds-text.d.ts +3 -0
- package/dist/vue/ds-text.js +20 -0
- package/dist/vue/ds-toast.d.ts +3 -0
- package/dist/vue/ds-toast.js +21 -0
- package/dist/vue/ds-tooltip-chart.d.ts +3 -0
- package/dist/vue/ds-tooltip-chart.js +14 -0
- package/dist/vue/ds-tooltip.d.ts +3 -0
- package/dist/vue/ds-tooltip.js +18 -0
- package/dist/vue/ds-typing-indicator.d.ts +3 -0
- package/dist/vue/ds-typing-indicator.js +8 -0
- package/dist/vue/vue-runtime.d.ts +32 -0
- package/dist/vue/vue-runtime.js +218 -0
- package/package.json +14 -2
- package/dist/components/p-DIEx1e0M.js.map +0 -1
- package/dist/components/p-iBuPFJL9.js.map +0 -1
|
@@ -137,6 +137,7 @@
|
|
|
137
137
|
"exports": {
|
|
138
138
|
"customElement": "ds-scroll-overlay",
|
|
139
139
|
"react": "DsScrollOverlay",
|
|
140
|
+
"vue": "DsScrollOverlay",
|
|
140
141
|
"angular": "DsScrollOverlay"
|
|
141
142
|
},
|
|
142
143
|
"consumption": {
|
|
@@ -150,6 +151,10 @@
|
|
|
150
151
|
"import": "import { DsScrollOverlay } from '@ds-mo/ui/react';",
|
|
151
152
|
"example": "<DsScrollOverlay />"
|
|
152
153
|
},
|
|
154
|
+
"vue": {
|
|
155
|
+
"import": "import { DsScrollOverlay } from '@ds-mo/ui/vue';",
|
|
156
|
+
"example": "<DsScrollOverlay />"
|
|
157
|
+
},
|
|
153
158
|
"angular": {
|
|
154
159
|
"import": "import { DsScrollOverlay } from '@ds-mo/ui/angular/ds-scroll-overlay';",
|
|
155
160
|
"example": "<ds-scroll-overlay></ds-scroll-overlay>"
|
|
@@ -159,7 +164,7 @@
|
|
|
159
164
|
"@ds-mo/tokens ^6.5.0",
|
|
160
165
|
"@ds-mo/icons ^7.0.0"
|
|
161
166
|
],
|
|
162
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
167
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
163
168
|
}
|
|
164
169
|
}
|
|
165
170
|
},
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"The user may choose several independent values when multiple is enabled.",
|
|
20
20
|
"The option set benefits from local search, subtext, prefix icons, grouping, or disabled choices.",
|
|
21
21
|
"The choice set has more than roughly 20 options, comes from a user-managed listing, or represents a large domain such as addresses where search materially improves retrieval.",
|
|
22
|
-
"The selected value must participate in native, Angular, or
|
|
22
|
+
"The selected value must participate in native, Angular, React, or Vue form state."
|
|
23
23
|
],
|
|
24
24
|
"avoidWhen": [
|
|
25
25
|
"The rows perform commands rather than choosing a form value.",
|
|
@@ -98,6 +98,9 @@
|
|
|
98
98
|
"react": [
|
|
99
99
|
"Pass options or sections as wrapper props, set multiple for array values, and handle onDsChange, onDsClear, onDsOpenChange, onDsFooterAction, onDsOptionAction, and onDsOptionSubtextAction."
|
|
100
100
|
],
|
|
101
|
+
"vue": [
|
|
102
|
+
"Use DsSelect with v-model for the selected value, bind options or sections as properties, and listen for dsChange, dsClear, dsOpenChange, dsFooterAction, dsOptionAction, and dsOptionSubtextAction."
|
|
103
|
+
],
|
|
101
104
|
"angular": [
|
|
102
105
|
"Import DsSelect and SelectValueAccessor when integrating with Angular Forms; bind options and sections as properties."
|
|
103
106
|
]
|
|
@@ -880,6 +883,7 @@
|
|
|
880
883
|
"exports": {
|
|
881
884
|
"customElement": "ds-select",
|
|
882
885
|
"react": "DsSelect",
|
|
886
|
+
"vue": "DsSelect",
|
|
883
887
|
"angular": "DsSelect"
|
|
884
888
|
},
|
|
885
889
|
"consumption": {
|
|
@@ -893,6 +897,10 @@
|
|
|
893
897
|
"import": "import { DsSelect } from '@ds-mo/ui/react';",
|
|
894
898
|
"example": "<DsSelect />"
|
|
895
899
|
},
|
|
900
|
+
"vue": {
|
|
901
|
+
"import": "import { DsSelect } from '@ds-mo/ui/vue';",
|
|
902
|
+
"example": "<DsSelect />"
|
|
903
|
+
},
|
|
896
904
|
"angular": {
|
|
897
905
|
"import": "import { DsSelect } from '@ds-mo/ui/angular/ds-select';",
|
|
898
906
|
"example": "<ds-select></ds-select>"
|
|
@@ -903,7 +911,7 @@
|
|
|
903
911
|
"@ds-mo/tokens ^6.5.0",
|
|
904
912
|
"@ds-mo/icons ^7.0.0"
|
|
905
913
|
],
|
|
906
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
914
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
907
915
|
}
|
|
908
916
|
}
|
|
909
917
|
},
|
|
@@ -566,6 +566,7 @@
|
|
|
566
566
|
"exports": {
|
|
567
567
|
"customElement": "ds-shell-app",
|
|
568
568
|
"react": "DsShellApp",
|
|
569
|
+
"vue": "DsShellApp",
|
|
569
570
|
"angular": "DsShellApp"
|
|
570
571
|
},
|
|
571
572
|
"consumption": {
|
|
@@ -579,6 +580,10 @@
|
|
|
579
580
|
"import": "import { DsShellApp } from '@ds-mo/ui/react';",
|
|
580
581
|
"example": "<DsShellApp />"
|
|
581
582
|
},
|
|
583
|
+
"vue": {
|
|
584
|
+
"import": "import { DsShellApp } from '@ds-mo/ui/vue';",
|
|
585
|
+
"example": "<DsShellApp />"
|
|
586
|
+
},
|
|
582
587
|
"angular": {
|
|
583
588
|
"import": "import { DsShellApp } from '@ds-mo/ui/angular/ds-shell-app';",
|
|
584
589
|
"example": "<ds-shell-app></ds-shell-app>"
|
|
@@ -589,7 +594,7 @@
|
|
|
589
594
|
"@ds-mo/tokens ^6.5.0",
|
|
590
595
|
"@ds-mo/icons ^7.0.0"
|
|
591
596
|
],
|
|
592
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
597
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
593
598
|
}
|
|
594
599
|
}
|
|
595
600
|
},
|
|
@@ -282,6 +282,7 @@
|
|
|
282
282
|
"exports": {
|
|
283
283
|
"customElement": "ds-shell-page",
|
|
284
284
|
"react": "DsShellPage",
|
|
285
|
+
"vue": "DsShellPage",
|
|
285
286
|
"angular": "DsShellPage"
|
|
286
287
|
},
|
|
287
288
|
"consumption": {
|
|
@@ -295,6 +296,10 @@
|
|
|
295
296
|
"import": "import { DsShellPage } from '@ds-mo/ui/react';",
|
|
296
297
|
"example": "<DsShellPage />"
|
|
297
298
|
},
|
|
299
|
+
"vue": {
|
|
300
|
+
"import": "import { DsShellPage } from '@ds-mo/ui/vue';",
|
|
301
|
+
"example": "<DsShellPage />"
|
|
302
|
+
},
|
|
298
303
|
"angular": {
|
|
299
304
|
"import": "import { DsShellPage } from '@ds-mo/ui/angular/ds-shell-page';",
|
|
300
305
|
"example": "<ds-shell-page></ds-shell-page>"
|
|
@@ -304,7 +309,7 @@
|
|
|
304
309
|
"@ds-mo/tokens ^6.5.0",
|
|
305
310
|
"@ds-mo/icons ^7.0.0"
|
|
306
311
|
],
|
|
307
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
312
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
308
313
|
}
|
|
309
314
|
}
|
|
310
315
|
},
|
|
@@ -370,6 +370,7 @@
|
|
|
370
370
|
"exports": {
|
|
371
371
|
"customElement": "ds-shell-tools",
|
|
372
372
|
"react": "DsShellTools",
|
|
373
|
+
"vue": "DsShellTools",
|
|
373
374
|
"angular": "DsShellTools"
|
|
374
375
|
},
|
|
375
376
|
"consumption": {
|
|
@@ -383,6 +384,10 @@
|
|
|
383
384
|
"import": "import { DsShellTools } from '@ds-mo/ui/react';",
|
|
384
385
|
"example": "<DsShellTools />"
|
|
385
386
|
},
|
|
387
|
+
"vue": {
|
|
388
|
+
"import": "import { DsShellTools } from '@ds-mo/ui/vue';",
|
|
389
|
+
"example": "<DsShellTools />"
|
|
390
|
+
},
|
|
386
391
|
"angular": {
|
|
387
392
|
"import": "import { DsShellTools } from '@ds-mo/ui/angular/ds-shell-tools';",
|
|
388
393
|
"example": "<ds-shell-tools></ds-shell-tools>"
|
|
@@ -393,7 +398,7 @@
|
|
|
393
398
|
"@ds-mo/tokens ^6.5.0",
|
|
394
399
|
"@ds-mo/icons ^7.0.0"
|
|
395
400
|
],
|
|
396
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
401
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
397
402
|
}
|
|
398
403
|
}
|
|
399
404
|
},
|
|
@@ -236,6 +236,7 @@
|
|
|
236
236
|
"exports": {
|
|
237
237
|
"customElement": "ds-skeleton",
|
|
238
238
|
"react": "DsSkeleton",
|
|
239
|
+
"vue": "DsSkeleton",
|
|
239
240
|
"angular": "DsSkeleton"
|
|
240
241
|
},
|
|
241
242
|
"consumption": {
|
|
@@ -249,6 +250,10 @@
|
|
|
249
250
|
"import": "import { DsSkeleton } from '@ds-mo/ui/react';",
|
|
250
251
|
"example": "<DsSkeleton />"
|
|
251
252
|
},
|
|
253
|
+
"vue": {
|
|
254
|
+
"import": "import { DsSkeleton } from '@ds-mo/ui/vue';",
|
|
255
|
+
"example": "<DsSkeleton />"
|
|
256
|
+
},
|
|
252
257
|
"angular": {
|
|
253
258
|
"import": "import { DsSkeleton } from '@ds-mo/ui/angular/ds-skeleton';",
|
|
254
259
|
"example": "<ds-skeleton></ds-skeleton>"
|
|
@@ -258,7 +263,7 @@
|
|
|
258
263
|
"@ds-mo/tokens ^6.5.0",
|
|
259
264
|
"@ds-mo/icons ^7.0.0"
|
|
260
265
|
],
|
|
261
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
266
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
262
267
|
}
|
|
263
268
|
}
|
|
264
269
|
},
|
|
@@ -609,6 +609,7 @@
|
|
|
609
609
|
"exports": {
|
|
610
610
|
"customElement": "ds-slider",
|
|
611
611
|
"react": "DsSlider",
|
|
612
|
+
"vue": "DsSlider",
|
|
612
613
|
"angular": "DsSlider"
|
|
613
614
|
},
|
|
614
615
|
"consumption": {
|
|
@@ -622,6 +623,10 @@
|
|
|
622
623
|
"import": "import { DsSlider } from '@ds-mo/ui/react';",
|
|
623
624
|
"example": "<DsSlider />"
|
|
624
625
|
},
|
|
626
|
+
"vue": {
|
|
627
|
+
"import": "import { DsSlider } from '@ds-mo/ui/vue';",
|
|
628
|
+
"example": "<DsSlider />"
|
|
629
|
+
},
|
|
625
630
|
"angular": {
|
|
626
631
|
"import": "import { DsSlider } from '@ds-mo/ui/angular/ds-slider';",
|
|
627
632
|
"example": "<ds-slider></ds-slider>"
|
|
@@ -632,7 +637,7 @@
|
|
|
632
637
|
"@ds-mo/tokens ^6.5.0",
|
|
633
638
|
"@ds-mo/icons ^7.0.0"
|
|
634
639
|
],
|
|
635
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
640
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
636
641
|
}
|
|
637
642
|
}
|
|
638
643
|
},
|
|
@@ -179,6 +179,7 @@
|
|
|
179
179
|
"exports": {
|
|
180
180
|
"customElement": "ds-swatch-picker",
|
|
181
181
|
"react": "DsSwatchPicker",
|
|
182
|
+
"vue": "DsSwatchPicker",
|
|
182
183
|
"angular": "DsSwatchPicker"
|
|
183
184
|
},
|
|
184
185
|
"consumption": {
|
|
@@ -192,6 +193,10 @@
|
|
|
192
193
|
"import": "import { DsSwatchPicker } from '@ds-mo/ui/react';",
|
|
193
194
|
"example": "<DsSwatchPicker />"
|
|
194
195
|
},
|
|
196
|
+
"vue": {
|
|
197
|
+
"import": "import { DsSwatchPicker } from '@ds-mo/ui/vue';",
|
|
198
|
+
"example": "<DsSwatchPicker />"
|
|
199
|
+
},
|
|
195
200
|
"angular": {
|
|
196
201
|
"import": "import { DsSwatchPicker } from '@ds-mo/ui/angular/ds-swatch-picker';",
|
|
197
202
|
"example": "<ds-swatch-picker></ds-swatch-picker>"
|
|
@@ -202,7 +207,7 @@
|
|
|
202
207
|
"@ds-mo/tokens ^6.5.0",
|
|
203
208
|
"@ds-mo/icons ^7.0.0"
|
|
204
209
|
],
|
|
205
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
210
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
206
211
|
}
|
|
207
212
|
}
|
|
208
213
|
},
|
|
@@ -73,6 +73,9 @@
|
|
|
73
73
|
"react": [
|
|
74
74
|
"Use DsSwitch and handle onDsChange; checked is mutable and updates immediately when the component is activated."
|
|
75
75
|
],
|
|
76
|
+
"vue": [
|
|
77
|
+
"Use DsSwitch with v-model for checked, and listen for dsChange."
|
|
78
|
+
],
|
|
76
79
|
"angular": [
|
|
77
80
|
"Use DsSwitch with checked binding and dsChange, or the generated boolean value accessor in Angular forms."
|
|
78
81
|
]
|
|
@@ -315,6 +318,7 @@
|
|
|
315
318
|
"exports": {
|
|
316
319
|
"customElement": "ds-switch",
|
|
317
320
|
"react": "DsSwitch",
|
|
321
|
+
"vue": "DsSwitch",
|
|
318
322
|
"angular": "DsSwitch"
|
|
319
323
|
},
|
|
320
324
|
"consumption": {
|
|
@@ -328,6 +332,10 @@
|
|
|
328
332
|
"import": "import { DsSwitch } from '@ds-mo/ui/react';",
|
|
329
333
|
"example": "<DsSwitch />"
|
|
330
334
|
},
|
|
335
|
+
"vue": {
|
|
336
|
+
"import": "import { DsSwitch } from '@ds-mo/ui/vue';",
|
|
337
|
+
"example": "<DsSwitch />"
|
|
338
|
+
},
|
|
331
339
|
"angular": {
|
|
332
340
|
"import": "import { DsSwitch } from '@ds-mo/ui/angular/ds-switch';",
|
|
333
341
|
"example": "<ds-switch></ds-switch>"
|
|
@@ -337,7 +345,7 @@
|
|
|
337
345
|
"@ds-mo/tokens ^6.5.0",
|
|
338
346
|
"@ds-mo/icons ^7.0.0"
|
|
339
347
|
],
|
|
340
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
348
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
341
349
|
}
|
|
342
350
|
}
|
|
343
351
|
},
|
|
@@ -237,6 +237,7 @@
|
|
|
237
237
|
"exports": {
|
|
238
238
|
"customElement": "ds-tab-group",
|
|
239
239
|
"react": "DsTabGroup",
|
|
240
|
+
"vue": "DsTabGroup",
|
|
240
241
|
"angular": "DsTabGroup"
|
|
241
242
|
},
|
|
242
243
|
"consumption": {
|
|
@@ -250,6 +251,10 @@
|
|
|
250
251
|
"import": "import { DsTabGroup } from '@ds-mo/ui/react';",
|
|
251
252
|
"example": "<DsTabGroup />"
|
|
252
253
|
},
|
|
254
|
+
"vue": {
|
|
255
|
+
"import": "import { DsTabGroup } from '@ds-mo/ui/vue';",
|
|
256
|
+
"example": "<DsTabGroup />"
|
|
257
|
+
},
|
|
253
258
|
"angular": {
|
|
254
259
|
"import": "import { DsTabGroup } from '@ds-mo/ui/angular/ds-tab-group';",
|
|
255
260
|
"example": "<ds-tab-group></ds-tab-group>"
|
|
@@ -260,7 +265,7 @@
|
|
|
260
265
|
"@ds-mo/tokens ^6.5.0",
|
|
261
266
|
"@ds-mo/icons ^7.0.0"
|
|
262
267
|
],
|
|
263
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
268
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
264
269
|
}
|
|
265
270
|
}
|
|
266
271
|
},
|
|
@@ -323,6 +323,7 @@
|
|
|
323
323
|
"exports": {
|
|
324
324
|
"customElement": "ds-table-saved-views",
|
|
325
325
|
"react": "DsTableSavedViews",
|
|
326
|
+
"vue": "DsTableSavedViews",
|
|
326
327
|
"angular": "DsTableSavedViews"
|
|
327
328
|
},
|
|
328
329
|
"consumption": {
|
|
@@ -336,6 +337,10 @@
|
|
|
336
337
|
"import": "import { DsTableSavedViews } from '@ds-mo/ui/react';",
|
|
337
338
|
"example": "<DsTableSavedViews />"
|
|
338
339
|
},
|
|
340
|
+
"vue": {
|
|
341
|
+
"import": "import { DsTableSavedViews } from '@ds-mo/ui/vue';",
|
|
342
|
+
"example": "<DsTableSavedViews />"
|
|
343
|
+
},
|
|
339
344
|
"angular": {
|
|
340
345
|
"import": "import { DsTableSavedViews } from '@ds-mo/ui/angular/ds-table-saved-views';",
|
|
341
346
|
"example": "<ds-table-saved-views></ds-table-saved-views>"
|
|
@@ -346,7 +351,7 @@
|
|
|
346
351
|
"@ds-mo/tokens ^6.5.0",
|
|
347
352
|
"@ds-mo/icons ^7.0.0"
|
|
348
353
|
],
|
|
349
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
354
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
350
355
|
}
|
|
351
356
|
}
|
|
352
357
|
},
|
|
@@ -100,6 +100,7 @@
|
|
|
100
100
|
"exports": {
|
|
101
101
|
"customElement": "ds-table-toolbar",
|
|
102
102
|
"react": "DsTableToolbar",
|
|
103
|
+
"vue": "DsTableToolbar",
|
|
103
104
|
"angular": "DsTableToolbar"
|
|
104
105
|
},
|
|
105
106
|
"consumption": {
|
|
@@ -113,6 +114,10 @@
|
|
|
113
114
|
"import": "import { DsTableToolbar } from '@ds-mo/ui/react';",
|
|
114
115
|
"example": "<DsTableToolbar />"
|
|
115
116
|
},
|
|
117
|
+
"vue": {
|
|
118
|
+
"import": "import { DsTableToolbar } from '@ds-mo/ui/vue';",
|
|
119
|
+
"example": "<DsTableToolbar />"
|
|
120
|
+
},
|
|
116
121
|
"angular": {
|
|
117
122
|
"import": "import { DsTableToolbar } from '@ds-mo/ui/angular/ds-table-toolbar';",
|
|
118
123
|
"example": "<ds-table-toolbar></ds-table-toolbar>"
|
|
@@ -122,7 +127,7 @@
|
|
|
122
127
|
"@ds-mo/tokens ^6.5.0",
|
|
123
128
|
"@ds-mo/icons ^7.0.0"
|
|
124
129
|
],
|
|
125
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
130
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
126
131
|
}
|
|
127
132
|
}
|
|
128
133
|
},
|
|
@@ -1233,6 +1233,7 @@
|
|
|
1233
1233
|
"exports": {
|
|
1234
1234
|
"customElement": "ds-table",
|
|
1235
1235
|
"react": "DsTable",
|
|
1236
|
+
"vue": "DsTable",
|
|
1236
1237
|
"angular": "DsTable"
|
|
1237
1238
|
},
|
|
1238
1239
|
"consumption": {
|
|
@@ -1246,6 +1247,10 @@
|
|
|
1246
1247
|
"import": "import { DsTable } from '@ds-mo/ui/react';",
|
|
1247
1248
|
"example": "<DsTable />"
|
|
1248
1249
|
},
|
|
1250
|
+
"vue": {
|
|
1251
|
+
"import": "import { DsTable } from '@ds-mo/ui/vue';",
|
|
1252
|
+
"example": "<DsTable />"
|
|
1253
|
+
},
|
|
1249
1254
|
"angular": {
|
|
1250
1255
|
"import": "import { DsTable } from '@ds-mo/ui/angular/ds-table';",
|
|
1251
1256
|
"example": "<ds-table></ds-table>"
|
|
@@ -1256,7 +1261,7 @@
|
|
|
1256
1261
|
"@ds-mo/tokens ^6.5.0",
|
|
1257
1262
|
"@ds-mo/icons ^7.0.0"
|
|
1258
1263
|
],
|
|
1259
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
1264
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
1260
1265
|
}
|
|
1261
1266
|
}
|
|
1262
1267
|
},
|
|
@@ -339,6 +339,7 @@
|
|
|
339
339
|
"exports": {
|
|
340
340
|
"customElement": "ds-tag",
|
|
341
341
|
"react": "DsTag",
|
|
342
|
+
"vue": "DsTag",
|
|
342
343
|
"angular": "DsTag"
|
|
343
344
|
},
|
|
344
345
|
"consumption": {
|
|
@@ -352,6 +353,10 @@
|
|
|
352
353
|
"import": "import { DsTag } from '@ds-mo/ui/react';",
|
|
353
354
|
"example": "<DsTag />"
|
|
354
355
|
},
|
|
356
|
+
"vue": {
|
|
357
|
+
"import": "import { DsTag } from '@ds-mo/ui/vue';",
|
|
358
|
+
"example": "<DsTag />"
|
|
359
|
+
},
|
|
355
360
|
"angular": {
|
|
356
361
|
"import": "import { DsTag } from '@ds-mo/ui/angular/ds-tag';",
|
|
357
362
|
"example": "<ds-tag></ds-tag>"
|
|
@@ -361,7 +366,7 @@
|
|
|
361
366
|
"@ds-mo/tokens ^6.5.0",
|
|
362
367
|
"@ds-mo/icons ^7.0.0"
|
|
363
368
|
],
|
|
364
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
369
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
365
370
|
}
|
|
366
371
|
}
|
|
367
372
|
},
|
|
@@ -315,6 +315,7 @@
|
|
|
315
315
|
"exports": {
|
|
316
316
|
"customElement": "ds-text",
|
|
317
317
|
"react": "DsText",
|
|
318
|
+
"vue": "DsText",
|
|
318
319
|
"angular": "DsText"
|
|
319
320
|
},
|
|
320
321
|
"consumption": {
|
|
@@ -328,6 +329,10 @@
|
|
|
328
329
|
"import": "import { DsText } from '@ds-mo/ui/react';",
|
|
329
330
|
"example": "<DsText />"
|
|
330
331
|
},
|
|
332
|
+
"vue": {
|
|
333
|
+
"import": "import { DsText } from '@ds-mo/ui/vue';",
|
|
334
|
+
"example": "<DsText />"
|
|
335
|
+
},
|
|
331
336
|
"angular": {
|
|
332
337
|
"import": "import { DsText } from '@ds-mo/ui/angular/ds-text';",
|
|
333
338
|
"example": "<ds-text></ds-text>"
|
|
@@ -337,7 +342,7 @@
|
|
|
337
342
|
"@ds-mo/tokens ^6.5.0",
|
|
338
343
|
"@ds-mo/icons ^7.0.0"
|
|
339
344
|
],
|
|
340
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
345
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
341
346
|
}
|
|
342
347
|
}
|
|
343
348
|
},
|
|
@@ -287,6 +287,7 @@
|
|
|
287
287
|
"exports": {
|
|
288
288
|
"customElement": "ds-toast",
|
|
289
289
|
"react": "DsToast",
|
|
290
|
+
"vue": "DsToast",
|
|
290
291
|
"angular": "DsToast"
|
|
291
292
|
},
|
|
292
293
|
"consumption": {
|
|
@@ -300,6 +301,10 @@
|
|
|
300
301
|
"import": "import { DsToast } from '@ds-mo/ui/react';",
|
|
301
302
|
"example": "<DsToast />"
|
|
302
303
|
},
|
|
304
|
+
"vue": {
|
|
305
|
+
"import": "import { DsToast } from '@ds-mo/ui/vue';",
|
|
306
|
+
"example": "<DsToast />"
|
|
307
|
+
},
|
|
303
308
|
"angular": {
|
|
304
309
|
"import": "import { DsToast } from '@ds-mo/ui/angular/ds-toast';",
|
|
305
310
|
"example": "<ds-toast></ds-toast>"
|
|
@@ -310,7 +315,7 @@
|
|
|
310
315
|
"@ds-mo/tokens ^6.5.0",
|
|
311
316
|
"@ds-mo/icons ^7.0.0"
|
|
312
317
|
],
|
|
313
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
318
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
314
319
|
}
|
|
315
320
|
}
|
|
316
321
|
},
|
|
@@ -206,6 +206,7 @@
|
|
|
206
206
|
"exports": {
|
|
207
207
|
"customElement": "ds-tooltip-chart",
|
|
208
208
|
"react": "DsTooltipChart",
|
|
209
|
+
"vue": "DsTooltipChart",
|
|
209
210
|
"angular": "DsTooltipChart"
|
|
210
211
|
},
|
|
211
212
|
"consumption": {
|
|
@@ -219,6 +220,10 @@
|
|
|
219
220
|
"import": "import { DsTooltipChart } from '@ds-mo/ui/react';",
|
|
220
221
|
"example": "<DsTooltipChart />"
|
|
221
222
|
},
|
|
223
|
+
"vue": {
|
|
224
|
+
"import": "import { DsTooltipChart } from '@ds-mo/ui/vue';",
|
|
225
|
+
"example": "<DsTooltipChart />"
|
|
226
|
+
},
|
|
222
227
|
"angular": {
|
|
223
228
|
"import": "import { DsTooltipChart } from '@ds-mo/ui/angular/ds-tooltip-chart';",
|
|
224
229
|
"example": "<ds-tooltip-chart></ds-tooltip-chart>"
|
|
@@ -229,7 +234,7 @@
|
|
|
229
234
|
"@ds-mo/tokens ^6.5.0",
|
|
230
235
|
"@ds-mo/icons ^7.0.0"
|
|
231
236
|
],
|
|
232
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
237
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
233
238
|
}
|
|
234
239
|
}
|
|
235
240
|
},
|
|
@@ -320,6 +320,7 @@
|
|
|
320
320
|
"exports": {
|
|
321
321
|
"customElement": "ds-tooltip",
|
|
322
322
|
"react": "DsTooltip",
|
|
323
|
+
"vue": "DsTooltip",
|
|
323
324
|
"angular": "DsTooltip"
|
|
324
325
|
},
|
|
325
326
|
"consumption": {
|
|
@@ -333,6 +334,10 @@
|
|
|
333
334
|
"import": "import { DsTooltip } from '@ds-mo/ui/react';",
|
|
334
335
|
"example": "<DsTooltip />"
|
|
335
336
|
},
|
|
337
|
+
"vue": {
|
|
338
|
+
"import": "import { DsTooltip } from '@ds-mo/ui/vue';",
|
|
339
|
+
"example": "<DsTooltip />"
|
|
340
|
+
},
|
|
336
341
|
"angular": {
|
|
337
342
|
"import": "import { DsTooltip } from '@ds-mo/ui/angular/ds-tooltip';",
|
|
338
343
|
"example": "<ds-tooltip></ds-tooltip>"
|
|
@@ -342,7 +347,7 @@
|
|
|
342
347
|
"@ds-mo/tokens ^6.5.0",
|
|
343
348
|
"@ds-mo/icons ^7.0.0"
|
|
344
349
|
],
|
|
345
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
350
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
346
351
|
}
|
|
347
352
|
}
|
|
348
353
|
},
|
|
@@ -79,6 +79,7 @@
|
|
|
79
79
|
"exports": {
|
|
80
80
|
"customElement": "ds-typing-indicator",
|
|
81
81
|
"react": "DsTypingIndicator",
|
|
82
|
+
"vue": "DsTypingIndicator",
|
|
82
83
|
"angular": "DsTypingIndicator"
|
|
83
84
|
},
|
|
84
85
|
"consumption": {
|
|
@@ -92,6 +93,10 @@
|
|
|
92
93
|
"import": "import { DsTypingIndicator } from '@ds-mo/ui/react';",
|
|
93
94
|
"example": "<DsTypingIndicator />"
|
|
94
95
|
},
|
|
96
|
+
"vue": {
|
|
97
|
+
"import": "import { DsTypingIndicator } from '@ds-mo/ui/vue';",
|
|
98
|
+
"example": "<DsTypingIndicator />"
|
|
99
|
+
},
|
|
95
100
|
"angular": {
|
|
96
101
|
"import": "import { DsTypingIndicator } from '@ds-mo/ui/angular/ds-typing-indicator';",
|
|
97
102
|
"example": "<ds-typing-indicator></ds-typing-indicator>"
|
|
@@ -101,7 +106,7 @@
|
|
|
101
106
|
"@ds-mo/tokens ^6.5.0",
|
|
102
107
|
"@ds-mo/icons ^7.0.0"
|
|
103
108
|
],
|
|
104
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
109
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
105
110
|
}
|
|
106
111
|
}
|
|
107
112
|
},
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
2
|
import { type ControlWidth } from '../../utils';
|
|
3
|
-
export type InputType = 'text' | 'email' | 'tel' | 'url' | 'search' | 'password';
|
|
3
|
+
export type InputType = 'text' | 'email' | 'tel' | 'url' | 'search' | 'password' | 'number';
|
|
4
4
|
export type InputSize = 'lg' | 'md' | 'sm' | 'xs';
|
|
5
5
|
export type InputWidth = ControlWidth;
|
|
6
6
|
export declare class Input {
|
|
@@ -19,6 +19,12 @@ export declare class Input {
|
|
|
19
19
|
clearLabel: string;
|
|
20
20
|
placeholder: string | undefined;
|
|
21
21
|
type: InputType;
|
|
22
|
+
/** Minimum accepted value when type is number. */
|
|
23
|
+
min: number | undefined;
|
|
24
|
+
/** Maximum accepted value when type is number. */
|
|
25
|
+
max: number | undefined;
|
|
26
|
+
/** Numeric increment used by native stepping and constraint validation. */
|
|
27
|
+
step: number | undefined;
|
|
22
28
|
/** Native browser autofill hint. */
|
|
23
29
|
autoComplete: string | undefined;
|
|
24
30
|
/** Preferred virtual keyboard without changing the value semantics. */
|
|
@@ -1369,6 +1369,14 @@ export namespace Components {
|
|
|
1369
1369
|
* @default false
|
|
1370
1370
|
*/
|
|
1371
1371
|
"isInactive": boolean;
|
|
1372
|
+
/**
|
|
1373
|
+
* Maximum accepted value when type is number.
|
|
1374
|
+
*/
|
|
1375
|
+
"max": number | undefined;
|
|
1376
|
+
/**
|
|
1377
|
+
* Minimum accepted value when type is number.
|
|
1378
|
+
*/
|
|
1379
|
+
"min": number | undefined;
|
|
1372
1380
|
"name": string | undefined;
|
|
1373
1381
|
"placeholder": string | undefined;
|
|
1374
1382
|
/**
|
|
@@ -1390,6 +1398,10 @@ export namespace Components {
|
|
|
1390
1398
|
* @default 'md'
|
|
1391
1399
|
*/
|
|
1392
1400
|
"size": InputSize;
|
|
1401
|
+
/**
|
|
1402
|
+
* Numeric increment used by native stepping and constraint validation.
|
|
1403
|
+
*/
|
|
1404
|
+
"step": number | undefined;
|
|
1393
1405
|
/**
|
|
1394
1406
|
* @default 'text'
|
|
1395
1407
|
*/
|
|
@@ -6163,6 +6175,14 @@ declare namespace LocalJSX {
|
|
|
6163
6175
|
* @default false
|
|
6164
6176
|
*/
|
|
6165
6177
|
"isInactive"?: boolean;
|
|
6178
|
+
/**
|
|
6179
|
+
* Maximum accepted value when type is number.
|
|
6180
|
+
*/
|
|
6181
|
+
"max"?: number | undefined;
|
|
6182
|
+
/**
|
|
6183
|
+
* Minimum accepted value when type is number.
|
|
6184
|
+
*/
|
|
6185
|
+
"min"?: number | undefined;
|
|
6166
6186
|
"name"?: string | undefined;
|
|
6167
6187
|
"onDsChange"?: (event: DsInputCustomEvent<string>) => void;
|
|
6168
6188
|
"onDsClear"?: (event: DsInputCustomEvent<void>) => void;
|
|
@@ -6185,6 +6205,10 @@ declare namespace LocalJSX {
|
|
|
6185
6205
|
* @default 'md'
|
|
6186
6206
|
*/
|
|
6187
6207
|
"size"?: InputSize;
|
|
6208
|
+
/**
|
|
6209
|
+
* Numeric increment used by native stepping and constraint validation.
|
|
6210
|
+
*/
|
|
6211
|
+
"step"?: number | undefined;
|
|
6188
6212
|
/**
|
|
6189
6213
|
* @default 'text'
|
|
6190
6214
|
*/
|
|
@@ -8714,6 +8738,9 @@ declare namespace LocalJSX {
|
|
|
8714
8738
|
"clearLabel": string;
|
|
8715
8739
|
"placeholder": string | undefined;
|
|
8716
8740
|
"type": InputType;
|
|
8741
|
+
"min": number | undefined;
|
|
8742
|
+
"max": number | undefined;
|
|
8743
|
+
"step": number | undefined;
|
|
8717
8744
|
"autoComplete": string | undefined;
|
|
8718
8745
|
"inputMode": string;
|
|
8719
8746
|
"enterKeyHint": string;
|