@deepfuture/dui-components 0.0.14 → 0.0.16
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/accordion/accordion-item.js +1 -0
- package/all.d.ts +80 -38
- package/all.js +84 -38
- package/collapsible/collapsible.js +1 -0
- package/number-field/index.d.ts +2 -2
- package/number-field/index.js +2 -2
- package/number-field/number-field.d.ts +24 -3
- package/number-field/number-field.js +426 -66
- package/package.json +10 -2
- package/popover/popover-trigger.d.ts +1 -0
- package/popover/popover-trigger.js +17 -0
- package/select/select.js +5 -0
- package/slider/slider.d.ts +8 -1
- package/slider/slider.js +92 -10
- package/split-button/index.d.ts +1 -0
- package/split-button/index.js +1 -0
- package/split-button/register.d.ts +1 -0
- package/split-button/register.js +4 -0
- package/split-button/split-button.d.ts +33 -0
- package/split-button/split-button.js +397 -0
- package/stepper/index.d.ts +3 -0
- package/stepper/index.js +3 -0
- package/stepper/stepper.d.ts +45 -0
- package/stepper/stepper.js +430 -0
package/all.d.ts
CHANGED
|
@@ -12,64 +12,106 @@
|
|
|
12
12
|
* ```
|
|
13
13
|
*/
|
|
14
14
|
import type { LitElement } from "lit";
|
|
15
|
-
|
|
15
|
+
import { DuiAccordion, DuiAccordionItem } from "./accordion/index.js";
|
|
16
|
+
export { DuiAccordion, DuiAccordionItem };
|
|
16
17
|
export type { AccordionContext } from "./accordion/index.js";
|
|
17
|
-
|
|
18
|
+
import { DuiAlertDialog, DuiAlertDialogTrigger, DuiAlertDialogPopup, DuiAlertDialogClose } from "./alert-dialog/index.js";
|
|
19
|
+
export { DuiAlertDialog, DuiAlertDialogTrigger, DuiAlertDialogPopup, DuiAlertDialogClose, };
|
|
18
20
|
export type { AlertDialogOpenChangeDetail, AlertDialogContext, } from "./alert-dialog/index.js";
|
|
19
|
-
|
|
21
|
+
import { DuiAvatar } from "./avatar/index.js";
|
|
22
|
+
export { DuiAvatar };
|
|
20
23
|
export type { ImageStatus } from "./avatar/index.js";
|
|
21
|
-
|
|
22
|
-
export {
|
|
23
|
-
|
|
24
|
-
export {
|
|
25
|
-
|
|
24
|
+
import { DuiBadge } from "./badge/index.js";
|
|
25
|
+
export { DuiBadge };
|
|
26
|
+
import { DuiBreadcrumb, DuiBreadcrumbItem, DuiBreadcrumbLink, DuiBreadcrumbPage, DuiBreadcrumbSeparator, DuiBreadcrumbEllipsis } from "./breadcrumb/index.js";
|
|
27
|
+
export { DuiBreadcrumb, DuiBreadcrumbItem, DuiBreadcrumbLink, DuiBreadcrumbPage, DuiBreadcrumbSeparator, DuiBreadcrumbEllipsis, };
|
|
28
|
+
import { DuiButton } from "./button/index.js";
|
|
29
|
+
export { DuiButton };
|
|
30
|
+
import { DuiCalendar } from "./calendar/index.js";
|
|
31
|
+
export { DuiCalendar };
|
|
32
|
+
import { DuiCheckbox, DuiCheckboxGroup } from "./checkbox/index.js";
|
|
33
|
+
export { DuiCheckbox, DuiCheckboxGroup };
|
|
26
34
|
export type { CheckboxGroupContext } from "./checkbox/index.js";
|
|
27
|
-
|
|
28
|
-
export {
|
|
35
|
+
import { DuiCollapsible } from "./collapsible/index.js";
|
|
36
|
+
export { DuiCollapsible };
|
|
37
|
+
import { DuiCombobox } from "./combobox/index.js";
|
|
38
|
+
export { DuiCombobox };
|
|
29
39
|
export type { SelectOption as ComboboxSelectOption, ComboboxValueChangeDetail, ComboboxValuesChangeDetail, } from "./combobox/index.js";
|
|
30
|
-
|
|
40
|
+
import { DuiCommand, DuiCommandInput, DuiCommandList, DuiCommandGroup, DuiCommandItem, DuiCommandEmpty, DuiCommandSeparator, DuiCommandShortcut } from "./command/index.js";
|
|
41
|
+
export { DuiCommand, DuiCommandInput, DuiCommandList, DuiCommandGroup, DuiCommandItem, DuiCommandEmpty, DuiCommandSeparator, DuiCommandShortcut, };
|
|
31
42
|
export type { CommandContext, CommandItemEntry } from "./command/index.js";
|
|
32
|
-
|
|
43
|
+
import { DuiDataTable } from "./data-table/index.js";
|
|
44
|
+
export { DuiDataTable };
|
|
33
45
|
export type { ColumnDef, SortDirection, SortState, PageState, } from "./data-table/index.js";
|
|
34
|
-
|
|
46
|
+
import { DuiDialog, DuiDialogTrigger, DuiDialogPopup, DuiDialogClose } from "./dialog/index.js";
|
|
47
|
+
export { DuiDialog, DuiDialogTrigger, DuiDialogPopup, DuiDialogClose, };
|
|
35
48
|
export type { DialogOpenChangeDetail, DialogContext } from "./dialog/index.js";
|
|
36
|
-
|
|
49
|
+
import { DuiDropzone } from "./dropzone/index.js";
|
|
50
|
+
export { DuiDropzone };
|
|
37
51
|
export type { DropzoneErrorCode, DropzoneRejectionCode, FileRejectionError, RejectedFile, DropzoneDropDetail, DropzoneAcceptedDetail, DropzoneRejectedDetail, DropzoneErrorDetail, } from "./dropzone/index.js";
|
|
38
|
-
|
|
39
|
-
export {
|
|
40
|
-
|
|
41
|
-
export {
|
|
42
|
-
|
|
52
|
+
import { DuiIcon } from "./icon/index.js";
|
|
53
|
+
export { DuiIcon };
|
|
54
|
+
import { DuiInput } from "./input/index.js";
|
|
55
|
+
export { DuiInput };
|
|
56
|
+
import { DuiLink } from "./link/index.js";
|
|
57
|
+
export { DuiLink };
|
|
58
|
+
import { DuiMenu, DuiMenuItem } from "./menu/index.js";
|
|
59
|
+
export { DuiMenu, DuiMenuItem };
|
|
60
|
+
import { DuiMenubar } from "./menubar/index.js";
|
|
61
|
+
export { DuiMenubar };
|
|
43
62
|
export type { MenubarContext } from "./menubar/index.js";
|
|
44
|
-
|
|
45
|
-
export {
|
|
63
|
+
import { DuiNumberField } from "./number-field/index.js";
|
|
64
|
+
export { DuiNumberField };
|
|
65
|
+
import { DuiStepper } from "./stepper/index.js";
|
|
66
|
+
export { DuiStepper };
|
|
67
|
+
import { DuiPopover, DuiPopoverTrigger, DuiPopoverPopup, DuiPopoverClose } from "./popover/index.js";
|
|
68
|
+
export { DuiPopover, DuiPopoverTrigger, DuiPopoverPopup, DuiPopoverClose, };
|
|
46
69
|
export type { PopoverOpenChangeDetail, PopoverContext, PopoverSide, } from "./popover/index.js";
|
|
47
|
-
|
|
70
|
+
import { DuiPortal } from "./portal/index.js";
|
|
71
|
+
export { DuiPortal };
|
|
48
72
|
export type { QueryRoot } from "./portal/index.js";
|
|
49
|
-
|
|
73
|
+
import { DuiPreviewCard, DuiPreviewCardTrigger, DuiPreviewCardPopup } from "./preview-card/index.js";
|
|
74
|
+
export { DuiPreviewCard, DuiPreviewCardTrigger, DuiPreviewCardPopup, };
|
|
50
75
|
export type { PreviewCardOpenChangeDetail, PreviewCardContext, PreviewCardSide, } from "./preview-card/index.js";
|
|
51
|
-
|
|
52
|
-
export {
|
|
76
|
+
import { DuiProgress } from "./progress/index.js";
|
|
77
|
+
export { DuiProgress };
|
|
78
|
+
import { DuiRadio, DuiRadioGroup } from "./radio/index.js";
|
|
79
|
+
export { DuiRadio, DuiRadioGroup };
|
|
53
80
|
export type { RadioGroupContext } from "./radio/index.js";
|
|
54
|
-
|
|
55
|
-
export {
|
|
81
|
+
import { DuiScrollArea } from "./scroll-area/index.js";
|
|
82
|
+
export { DuiScrollArea };
|
|
83
|
+
import { DuiSelect } from "./select/index.js";
|
|
84
|
+
export { DuiSelect };
|
|
56
85
|
export type { SelectOption } from "./select/index.js";
|
|
57
|
-
|
|
58
|
-
export {
|
|
86
|
+
import { DuiSeparator } from "./separator/index.js";
|
|
87
|
+
export { DuiSeparator };
|
|
88
|
+
import { DuiSplitButton } from "./split-button/index.js";
|
|
89
|
+
export { DuiSplitButton };
|
|
90
|
+
import { DuiSidebarProvider, DuiSidebar, DuiSidebarTrigger, DuiSidebarContent, DuiSidebarHeader, DuiSidebarFooter, DuiSidebarGroup, DuiSidebarGroupLabel, DuiSidebarMenu, DuiSidebarMenuItem, DuiSidebarMenuButton, DuiSidebarSeparator, DuiSidebarInset } from "./sidebar/index.js";
|
|
91
|
+
export { DuiSidebarProvider, DuiSidebar, DuiSidebarTrigger, DuiSidebarContent, DuiSidebarHeader, DuiSidebarFooter, DuiSidebarGroup, DuiSidebarGroupLabel, DuiSidebarMenu, DuiSidebarMenuItem, DuiSidebarMenuButton, DuiSidebarSeparator, DuiSidebarInset, };
|
|
59
92
|
export type { SidebarContext } from "./sidebar/index.js";
|
|
60
|
-
|
|
61
|
-
export {
|
|
62
|
-
|
|
63
|
-
export {
|
|
93
|
+
import { DuiSlider } from "./slider/index.js";
|
|
94
|
+
export { DuiSlider };
|
|
95
|
+
import { DuiSpinner } from "./spinner/index.js";
|
|
96
|
+
export { DuiSpinner };
|
|
97
|
+
import { DuiSwitch } from "./switch/index.js";
|
|
98
|
+
export { DuiSwitch };
|
|
99
|
+
import { DuiTabs, DuiTabsList, DuiTab, DuiTabsPanel, DuiTabsIndicator } from "./tabs/index.js";
|
|
100
|
+
export { DuiTabs, DuiTabsList, DuiTab, DuiTabsPanel, DuiTabsIndicator, };
|
|
64
101
|
export type { TabsContext } from "./tabs/index.js";
|
|
65
|
-
|
|
102
|
+
import { DuiTextarea } from "./textarea/index.js";
|
|
103
|
+
export { DuiTextarea };
|
|
66
104
|
export type { TextareaResize } from "./textarea/index.js";
|
|
67
|
-
|
|
105
|
+
import { DuiToggle, DuiToggleGroup } from "./toggle/index.js";
|
|
106
|
+
export { DuiToggle, DuiToggleGroup };
|
|
68
107
|
export type { ToggleGroupContext } from "./toggle/index.js";
|
|
69
|
-
|
|
70
|
-
export {
|
|
108
|
+
import { DuiToolbar } from "./toolbar/index.js";
|
|
109
|
+
export { DuiToolbar };
|
|
110
|
+
import { DuiTooltip, DuiTooltipTrigger, DuiTooltipPopup } from "./tooltip/index.js";
|
|
111
|
+
export { DuiTooltip, DuiTooltipTrigger, DuiTooltipPopup, };
|
|
71
112
|
export type { TooltipContext, TooltipSide } from "./tooltip/index.js";
|
|
72
|
-
|
|
113
|
+
import { DuiTrunc } from "./trunc/index.js";
|
|
114
|
+
export { DuiTrunc };
|
|
73
115
|
/**
|
|
74
116
|
* All DUI component classes, ready for `applyTheme()`.
|
|
75
117
|
* Includes every component and sub-component.
|
package/all.js
CHANGED
|
@@ -12,81 +12,125 @@
|
|
|
12
12
|
* ```
|
|
13
13
|
*/
|
|
14
14
|
// --- Accordion ---
|
|
15
|
-
|
|
15
|
+
import { DuiAccordion, DuiAccordionItem } from "./accordion/index.js";
|
|
16
|
+
export { DuiAccordion, DuiAccordionItem };
|
|
16
17
|
// --- Alert Dialog ---
|
|
17
|
-
|
|
18
|
+
import { DuiAlertDialog, DuiAlertDialogTrigger, DuiAlertDialogPopup, DuiAlertDialogClose, } from "./alert-dialog/index.js";
|
|
19
|
+
export { DuiAlertDialog, DuiAlertDialogTrigger, DuiAlertDialogPopup, DuiAlertDialogClose, };
|
|
18
20
|
// --- Avatar ---
|
|
19
|
-
|
|
21
|
+
import { DuiAvatar } from "./avatar/index.js";
|
|
22
|
+
export { DuiAvatar };
|
|
20
23
|
// --- Badge ---
|
|
21
|
-
|
|
24
|
+
import { DuiBadge } from "./badge/index.js";
|
|
25
|
+
export { DuiBadge };
|
|
22
26
|
// --- Breadcrumb ---
|
|
23
|
-
|
|
27
|
+
import { DuiBreadcrumb, DuiBreadcrumbItem, DuiBreadcrumbLink, DuiBreadcrumbPage, DuiBreadcrumbSeparator, DuiBreadcrumbEllipsis, } from "./breadcrumb/index.js";
|
|
28
|
+
export { DuiBreadcrumb, DuiBreadcrumbItem, DuiBreadcrumbLink, DuiBreadcrumbPage, DuiBreadcrumbSeparator, DuiBreadcrumbEllipsis, };
|
|
24
29
|
// --- Button ---
|
|
25
|
-
|
|
30
|
+
import { DuiButton } from "./button/index.js";
|
|
31
|
+
export { DuiButton };
|
|
26
32
|
// --- Calendar ---
|
|
27
|
-
|
|
33
|
+
import { DuiCalendar } from "./calendar/index.js";
|
|
34
|
+
export { DuiCalendar };
|
|
28
35
|
// --- Checkbox ---
|
|
29
|
-
|
|
36
|
+
import { DuiCheckbox, DuiCheckboxGroup } from "./checkbox/index.js";
|
|
37
|
+
export { DuiCheckbox, DuiCheckboxGroup };
|
|
30
38
|
// --- Collapsible ---
|
|
31
|
-
|
|
39
|
+
import { DuiCollapsible } from "./collapsible/index.js";
|
|
40
|
+
export { DuiCollapsible };
|
|
32
41
|
// --- Combobox ---
|
|
33
|
-
|
|
42
|
+
import { DuiCombobox } from "./combobox/index.js";
|
|
43
|
+
export { DuiCombobox };
|
|
34
44
|
// --- Command ---
|
|
35
|
-
|
|
45
|
+
import { DuiCommand, DuiCommandInput, DuiCommandList, DuiCommandGroup, DuiCommandItem, DuiCommandEmpty, DuiCommandSeparator, DuiCommandShortcut, } from "./command/index.js";
|
|
46
|
+
export { DuiCommand, DuiCommandInput, DuiCommandList, DuiCommandGroup, DuiCommandItem, DuiCommandEmpty, DuiCommandSeparator, DuiCommandShortcut, };
|
|
36
47
|
// --- Data Table ---
|
|
37
|
-
|
|
48
|
+
import { DuiDataTable } from "./data-table/index.js";
|
|
49
|
+
export { DuiDataTable };
|
|
38
50
|
// --- Dialog ---
|
|
39
|
-
|
|
51
|
+
import { DuiDialog, DuiDialogTrigger, DuiDialogPopup, DuiDialogClose, } from "./dialog/index.js";
|
|
52
|
+
export { DuiDialog, DuiDialogTrigger, DuiDialogPopup, DuiDialogClose, };
|
|
40
53
|
// --- Dropzone ---
|
|
41
|
-
|
|
54
|
+
import { DuiDropzone } from "./dropzone/index.js";
|
|
55
|
+
export { DuiDropzone };
|
|
42
56
|
// --- Icon ---
|
|
43
|
-
|
|
57
|
+
import { DuiIcon } from "./icon/index.js";
|
|
58
|
+
export { DuiIcon };
|
|
44
59
|
// --- Input ---
|
|
45
|
-
|
|
60
|
+
import { DuiInput } from "./input/index.js";
|
|
61
|
+
export { DuiInput };
|
|
46
62
|
// --- Link ---
|
|
47
|
-
|
|
63
|
+
import { DuiLink } from "./link/index.js";
|
|
64
|
+
export { DuiLink };
|
|
48
65
|
// --- Menu ---
|
|
49
|
-
|
|
66
|
+
import { DuiMenu, DuiMenuItem } from "./menu/index.js";
|
|
67
|
+
export { DuiMenu, DuiMenuItem };
|
|
50
68
|
// --- Menubar ---
|
|
51
|
-
|
|
69
|
+
import { DuiMenubar } from "./menubar/index.js";
|
|
70
|
+
export { DuiMenubar };
|
|
52
71
|
// --- Number Field ---
|
|
53
|
-
|
|
72
|
+
import { DuiNumberField } from "./number-field/index.js";
|
|
73
|
+
export { DuiNumberField };
|
|
74
|
+
// --- Stepper ---
|
|
75
|
+
import { DuiStepper } from "./stepper/index.js";
|
|
76
|
+
export { DuiStepper };
|
|
54
77
|
// --- Popover ---
|
|
55
|
-
|
|
78
|
+
import { DuiPopover, DuiPopoverTrigger, DuiPopoverPopup, DuiPopoverClose, } from "./popover/index.js";
|
|
79
|
+
export { DuiPopover, DuiPopoverTrigger, DuiPopoverPopup, DuiPopoverClose, };
|
|
56
80
|
// --- Portal ---
|
|
57
|
-
|
|
81
|
+
import { DuiPortal } from "./portal/index.js";
|
|
82
|
+
export { DuiPortal };
|
|
58
83
|
// --- Preview Card ---
|
|
59
|
-
|
|
84
|
+
import { DuiPreviewCard, DuiPreviewCardTrigger, DuiPreviewCardPopup, } from "./preview-card/index.js";
|
|
85
|
+
export { DuiPreviewCard, DuiPreviewCardTrigger, DuiPreviewCardPopup, };
|
|
60
86
|
// --- Progress ---
|
|
61
|
-
|
|
87
|
+
import { DuiProgress } from "./progress/index.js";
|
|
88
|
+
export { DuiProgress };
|
|
62
89
|
// --- Radio ---
|
|
63
|
-
|
|
90
|
+
import { DuiRadio, DuiRadioGroup } from "./radio/index.js";
|
|
91
|
+
export { DuiRadio, DuiRadioGroup };
|
|
64
92
|
// --- Scroll Area ---
|
|
65
|
-
|
|
93
|
+
import { DuiScrollArea } from "./scroll-area/index.js";
|
|
94
|
+
export { DuiScrollArea };
|
|
66
95
|
// --- Select ---
|
|
67
|
-
|
|
96
|
+
import { DuiSelect } from "./select/index.js";
|
|
97
|
+
export { DuiSelect };
|
|
68
98
|
// --- Separator ---
|
|
69
|
-
|
|
99
|
+
import { DuiSeparator } from "./separator/index.js";
|
|
100
|
+
export { DuiSeparator };
|
|
101
|
+
// --- Split Button ---
|
|
102
|
+
import { DuiSplitButton } from "./split-button/index.js";
|
|
103
|
+
export { DuiSplitButton };
|
|
70
104
|
// --- Sidebar ---
|
|
71
|
-
|
|
105
|
+
import { DuiSidebarProvider, DuiSidebar, DuiSidebarTrigger, DuiSidebarContent, DuiSidebarHeader, DuiSidebarFooter, DuiSidebarGroup, DuiSidebarGroupLabel, DuiSidebarMenu, DuiSidebarMenuItem, DuiSidebarMenuButton, DuiSidebarSeparator, DuiSidebarInset, } from "./sidebar/index.js";
|
|
106
|
+
export { DuiSidebarProvider, DuiSidebar, DuiSidebarTrigger, DuiSidebarContent, DuiSidebarHeader, DuiSidebarFooter, DuiSidebarGroup, DuiSidebarGroupLabel, DuiSidebarMenu, DuiSidebarMenuItem, DuiSidebarMenuButton, DuiSidebarSeparator, DuiSidebarInset, };
|
|
72
107
|
// --- Slider ---
|
|
73
|
-
|
|
108
|
+
import { DuiSlider } from "./slider/index.js";
|
|
109
|
+
export { DuiSlider };
|
|
74
110
|
// --- Spinner ---
|
|
75
|
-
|
|
111
|
+
import { DuiSpinner } from "./spinner/index.js";
|
|
112
|
+
export { DuiSpinner };
|
|
76
113
|
// --- Switch ---
|
|
77
|
-
|
|
114
|
+
import { DuiSwitch } from "./switch/index.js";
|
|
115
|
+
export { DuiSwitch };
|
|
78
116
|
// --- Tabs ---
|
|
79
|
-
|
|
117
|
+
import { DuiTabs, DuiTabsList, DuiTab, DuiTabsPanel, DuiTabsIndicator, } from "./tabs/index.js";
|
|
118
|
+
export { DuiTabs, DuiTabsList, DuiTab, DuiTabsPanel, DuiTabsIndicator, };
|
|
80
119
|
// --- Textarea ---
|
|
81
|
-
|
|
120
|
+
import { DuiTextarea } from "./textarea/index.js";
|
|
121
|
+
export { DuiTextarea };
|
|
82
122
|
// --- Toggle ---
|
|
83
|
-
|
|
123
|
+
import { DuiToggle, DuiToggleGroup } from "./toggle/index.js";
|
|
124
|
+
export { DuiToggle, DuiToggleGroup };
|
|
84
125
|
// --- Toolbar ---
|
|
85
|
-
|
|
126
|
+
import { DuiToolbar } from "./toolbar/index.js";
|
|
127
|
+
export { DuiToolbar };
|
|
86
128
|
// --- Tooltip ---
|
|
87
|
-
|
|
129
|
+
import { DuiTooltip, DuiTooltipTrigger, DuiTooltipPopup, } from "./tooltip/index.js";
|
|
130
|
+
export { DuiTooltip, DuiTooltipTrigger, DuiTooltipPopup, };
|
|
88
131
|
// --- Trunc ---
|
|
89
|
-
|
|
132
|
+
import { DuiTrunc } from "./trunc/index.js";
|
|
133
|
+
export { DuiTrunc };
|
|
90
134
|
/**
|
|
91
135
|
* All DUI component classes, ready for `applyTheme()`.
|
|
92
136
|
* Includes every component and sub-component.
|
|
@@ -133,6 +177,7 @@ export const allComponents = [
|
|
|
133
177
|
DuiMenuItem,
|
|
134
178
|
DuiMenubar,
|
|
135
179
|
DuiNumberField,
|
|
180
|
+
DuiStepper,
|
|
136
181
|
DuiPopover,
|
|
137
182
|
DuiPopoverTrigger,
|
|
138
183
|
DuiPopoverPopup,
|
|
@@ -147,6 +192,7 @@ export const allComponents = [
|
|
|
147
192
|
DuiScrollArea,
|
|
148
193
|
DuiSelect,
|
|
149
194
|
DuiSeparator,
|
|
195
|
+
DuiSplitButton,
|
|
150
196
|
DuiSidebarProvider,
|
|
151
197
|
DuiSidebar,
|
|
152
198
|
DuiSidebarTrigger,
|
package/number-field/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { DuiNumberField, valueChangeEvent } from "./number-field.js";
|
|
2
|
-
export { DuiNumberField, valueChangeEvent };
|
|
1
|
+
import { DuiNumberField, valueChangeEvent, valueCommittedEvent } from "./number-field.js";
|
|
2
|
+
export { DuiNumberField, valueChangeEvent, valueCommittedEvent };
|
|
3
3
|
export declare const numberFieldFamily: (typeof DuiNumberField)[];
|
package/number-field/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { DuiNumberField, valueChangeEvent } from "./number-field.js";
|
|
2
|
-
export { DuiNumberField, valueChangeEvent };
|
|
1
|
+
import { DuiNumberField, valueChangeEvent, valueCommittedEvent, } from "./number-field.js";
|
|
2
|
+
export { DuiNumberField, valueChangeEvent, valueCommittedEvent };
|
|
3
3
|
export const numberFieldFamily = [DuiNumberField];
|
|
@@ -5,14 +5,24 @@ export declare const valueChangeEvent: (detail: {
|
|
|
5
5
|
}) => CustomEvent<{
|
|
6
6
|
value: number;
|
|
7
7
|
}>;
|
|
8
|
+
export declare const valueCommittedEvent: (detail: {
|
|
9
|
+
value: number;
|
|
10
|
+
}) => CustomEvent<{
|
|
11
|
+
value: number;
|
|
12
|
+
}>;
|
|
8
13
|
/**
|
|
9
|
-
* `<dui-number-field>` — A numeric input with
|
|
14
|
+
* `<dui-number-field>` — A numeric input with optional label, icon,
|
|
15
|
+
* unit suffix, drag-to-scrub behavior, and precision formatting.
|
|
16
|
+
*
|
|
17
|
+
* For simple step-up/step-down with buttons, use `<dui-stepper>` instead.
|
|
10
18
|
*
|
|
11
19
|
* @csspart root - The outer container.
|
|
20
|
+
* @csspart label - Label text element.
|
|
21
|
+
* @csspart icon - Icon slot wrapper.
|
|
12
22
|
* @csspart input - The text input element.
|
|
13
|
-
* @csspart
|
|
14
|
-
* @csspart increment - The increment button.
|
|
23
|
+
* @csspart unit - Unit suffix element.
|
|
15
24
|
* @fires value-change - Fired when value changes. Detail: { value: number }
|
|
25
|
+
* @fires value-committed - Fired on pointerup (end of drag), blur, or Enter. Detail: { value: number }
|
|
16
26
|
*/
|
|
17
27
|
export declare class DuiNumberField extends LitElement {
|
|
18
28
|
#private;
|
|
@@ -29,6 +39,17 @@ export declare class DuiNumberField extends LitElement {
|
|
|
29
39
|
accessor readOnly: boolean;
|
|
30
40
|
accessor required: boolean;
|
|
31
41
|
accessor name: string | undefined;
|
|
42
|
+
accessor label: string;
|
|
43
|
+
accessor labelPosition: string;
|
|
44
|
+
accessor iconPosition: string;
|
|
45
|
+
accessor unit: string;
|
|
46
|
+
accessor precision: number | undefined;
|
|
47
|
+
accessor scrubLabel: boolean;
|
|
48
|
+
accessor scrubValue: boolean;
|
|
49
|
+
accessor scrubField: boolean;
|
|
50
|
+
accessor clickLabel: boolean;
|
|
51
|
+
accessor clickValue: boolean;
|
|
52
|
+
accessor clickField: boolean;
|
|
32
53
|
accessor _fieldCtx: FieldContext;
|
|
33
54
|
connectedCallback(): void;
|
|
34
55
|
willUpdate(): void;
|