@sectile/vue 0.2.1
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/LICENSE +21 -0
- package/README.md +13 -0
- package/dist/accordion.d.ts +250 -0
- package/dist/accordion.d.ts.map +1 -0
- package/dist/accordion.js +242 -0
- package/dist/accordion.js.map +1 -0
- package/dist/alert-dialog.d.ts +16 -0
- package/dist/alert-dialog.d.ts.map +1 -0
- package/dist/alert-dialog.js +18 -0
- package/dist/alert-dialog.js.map +1 -0
- package/dist/calendar.d.ts +232 -0
- package/dist/calendar.d.ts.map +1 -0
- package/dist/calendar.js +109 -0
- package/dist/calendar.js.map +1 -0
- package/dist/carousel.d.ts +365 -0
- package/dist/carousel.d.ts.map +1 -0
- package/dist/carousel.js +140 -0
- package/dist/carousel.js.map +1 -0
- package/dist/cascade-select.d.ts +442 -0
- package/dist/cascade-select.d.ts.map +1 -0
- package/dist/cascade-select.js +111 -0
- package/dist/cascade-select.js.map +1 -0
- package/dist/checkbox-group.d.ts +206 -0
- package/dist/checkbox-group.d.ts.map +1 -0
- package/dist/checkbox-group.js +98 -0
- package/dist/checkbox-group.js.map +1 -0
- package/dist/checkbox.d.ts +152 -0
- package/dist/checkbox.d.ts.map +1 -0
- package/dist/checkbox.js +164 -0
- package/dist/checkbox.js.map +1 -0
- package/dist/color-picker.d.ts +602 -0
- package/dist/color-picker.d.ts.map +1 -0
- package/dist/color-picker.js +129 -0
- package/dist/color-picker.js.map +1 -0
- package/dist/combobox.d.ts +320 -0
- package/dist/combobox.d.ts.map +1 -0
- package/dist/combobox.js +176 -0
- package/dist/combobox.js.map +1 -0
- package/dist/date-field.d.ts +15 -0
- package/dist/date-field.d.ts.map +1 -0
- package/dist/date-field.js +19 -0
- package/dist/date-field.js.map +1 -0
- package/dist/date-picker.d.ts +554 -0
- package/dist/date-picker.d.ts.map +1 -0
- package/dist/date-picker.js +18 -0
- package/dist/date-picker.js.map +1 -0
- package/dist/date-range-field.d.ts +129 -0
- package/dist/date-range-field.d.ts.map +1 -0
- package/dist/date-range-field.js +134 -0
- package/dist/date-range-field.js.map +1 -0
- package/dist/date-range-picker.d.ts +594 -0
- package/dist/date-range-picker.d.ts.map +1 -0
- package/dist/date-range-picker.js +19 -0
- package/dist/date-range-picker.js.map +1 -0
- package/dist/date-time-field.d.ts +15 -0
- package/dist/date-time-field.d.ts.map +1 -0
- package/dist/date-time-field.js +19 -0
- package/dist/date-time-field.js.map +1 -0
- package/dist/date-time-picker.d.ts +635 -0
- package/dist/date-time-picker.d.ts.map +1 -0
- package/dist/date-time-picker.js +20 -0
- package/dist/date-time-picker.js.map +1 -0
- package/dist/date-time-range-picker.d.ts +755 -0
- package/dist/date-time-range-picker.d.ts.map +1 -0
- package/dist/date-time-range-picker.js +23 -0
- package/dist/date-time-range-picker.js.map +1 -0
- package/dist/dialog.d.ts +16 -0
- package/dist/dialog.d.ts.map +1 -0
- package/dist/dialog.js +15 -0
- package/dist/dialog.js.map +1 -0
- package/dist/disclosure.d.ts +147 -0
- package/dist/disclosure.d.ts.map +1 -0
- package/dist/disclosure.js +129 -0
- package/dist/disclosure.js.map +1 -0
- package/dist/editable.d.ts +300 -0
- package/dist/editable.d.ts.map +1 -0
- package/dist/editable.js +181 -0
- package/dist/editable.js.map +1 -0
- package/dist/feed.d.ts +216 -0
- package/dist/feed.d.ts.map +1 -0
- package/dist/feed.js +85 -0
- package/dist/feed.js.map +1 -0
- package/dist/form.d.ts +356 -0
- package/dist/form.d.ts.map +1 -0
- package/dist/form.js +752 -0
- package/dist/form.js.map +1 -0
- package/dist/grid.d.ts +254 -0
- package/dist/grid.d.ts.map +1 -0
- package/dist/grid.js +95 -0
- package/dist/grid.js.map +1 -0
- package/dist/host-provider.d.ts +46 -0
- package/dist/host-provider.d.ts.map +1 -0
- package/dist/host-provider.js +39 -0
- package/dist/host-provider.js.map +1 -0
- package/dist/index.d.ts +124 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +61 -0
- package/dist/index.js.map +1 -0
- package/dist/internal/date-picker.d.ts +539 -0
- package/dist/internal/date-picker.d.ts.map +1 -0
- package/dist/internal/date-picker.js +522 -0
- package/dist/internal/date-picker.js.map +1 -0
- package/dist/internal/form-control-inventory.d.ts +154 -0
- package/dist/internal/form-control-inventory.d.ts.map +1 -0
- package/dist/internal/form-control-inventory.js +43 -0
- package/dist/internal/form-control-inventory.js.map +1 -0
- package/dist/internal/form-control.d.ts +41 -0
- package/dist/internal/form-control.d.ts.map +1 -0
- package/dist/internal/form-control.js +52 -0
- package/dist/internal/form-control.js.map +1 -0
- package/dist/internal/native-field.d.ts +49 -0
- package/dist/internal/native-field.d.ts.map +1 -0
- package/dist/internal/native-field.js +81 -0
- package/dist/internal/native-field.js.map +1 -0
- package/dist/internal/native-input.d.ts +9 -0
- package/dist/internal/native-input.d.ts.map +1 -0
- package/dist/internal/native-input.js +9 -0
- package/dist/internal/native-input.js.map +1 -0
- package/dist/internal/part-contract.d.ts +9 -0
- package/dist/internal/part-contract.d.ts.map +1 -0
- package/dist/internal/part-contract.js +12 -0
- package/dist/internal/part-contract.js.map +1 -0
- package/dist/internal/popup.d.ts +99 -0
- package/dist/internal/popup.d.ts.map +1 -0
- package/dist/internal/popup.js +238 -0
- package/dist/internal/popup.js.map +1 -0
- package/dist/internal/tabs-context.d.ts +25 -0
- package/dist/internal/tabs-context.d.ts.map +1 -0
- package/dist/internal/tabs-context.js +9 -0
- package/dist/internal/tabs-context.js.map +1 -0
- package/dist/listbox.d.ts +275 -0
- package/dist/listbox.d.ts.map +1 -0
- package/dist/listbox.js +258 -0
- package/dist/listbox.js.map +1 -0
- package/dist/menu-button.d.ts +2 -0
- package/dist/menu-button.d.ts.map +1 -0
- package/dist/menu-button.js +2 -0
- package/dist/menu-button.js.map +1 -0
- package/dist/menu.d.ts +638 -0
- package/dist/menu.d.ts.map +1 -0
- package/dist/menu.js +167 -0
- package/dist/menu.js.map +1 -0
- package/dist/menubar.d.ts +2 -0
- package/dist/menubar.d.ts.map +1 -0
- package/dist/menubar.js +2 -0
- package/dist/menubar.js.map +1 -0
- package/dist/month-picker.d.ts +353 -0
- package/dist/month-picker.d.ts.map +1 -0
- package/dist/month-picker.js +10 -0
- package/dist/month-picker.js.map +1 -0
- package/dist/month-range-picker.d.ts +393 -0
- package/dist/month-range-picker.d.ts.map +1 -0
- package/dist/month-range-picker.js +11 -0
- package/dist/month-range-picker.js.map +1 -0
- package/dist/multi-thumb-slider.d.ts +299 -0
- package/dist/multi-thumb-slider.d.ts.map +1 -0
- package/dist/multi-thumb-slider.js +204 -0
- package/dist/multi-thumb-slider.js.map +1 -0
- package/dist/navigation-menu.d.ts +114 -0
- package/dist/navigation-menu.d.ts.map +1 -0
- package/dist/navigation-menu.js +36 -0
- package/dist/navigation-menu.js.map +1 -0
- package/dist/number-field.d.ts +12 -0
- package/dist/number-field.d.ts.map +1 -0
- package/dist/number-field.js +21 -0
- package/dist/number-field.js.map +1 -0
- package/dist/pagination.d.ts +294 -0
- package/dist/pagination.d.ts.map +1 -0
- package/dist/pagination.js +145 -0
- package/dist/pagination.js.map +1 -0
- package/dist/pin-input.d.ts +207 -0
- package/dist/pin-input.d.ts.map +1 -0
- package/dist/pin-input.js +129 -0
- package/dist/pin-input.js.map +1 -0
- package/dist/popover.d.ts +17 -0
- package/dist/popover.d.ts.map +1 -0
- package/dist/popover.js +16 -0
- package/dist/popover.js.map +1 -0
- package/dist/primitive.d.ts +41 -0
- package/dist/primitive.d.ts.map +1 -0
- package/dist/primitive.js +27 -0
- package/dist/primitive.js.map +1 -0
- package/dist/quantity-field.d.ts +249 -0
- package/dist/quantity-field.d.ts.map +1 -0
- package/dist/quantity-field.js +131 -0
- package/dist/quantity-field.js.map +1 -0
- package/dist/radio-group.d.ts +225 -0
- package/dist/radio-group.d.ts.map +1 -0
- package/dist/radio-group.js +198 -0
- package/dist/radio-group.js.map +1 -0
- package/dist/range-calendar.d.ts +336 -0
- package/dist/range-calendar.d.ts.map +1 -0
- package/dist/range-calendar.js +15 -0
- package/dist/range-calendar.js.map +1 -0
- package/dist/rating.d.ts +228 -0
- package/dist/rating.d.ts.map +1 -0
- package/dist/rating.js +118 -0
- package/dist/rating.js.map +1 -0
- package/dist/reorder.d.ts +209 -0
- package/dist/reorder.d.ts.map +1 -0
- package/dist/reorder.js +186 -0
- package/dist/reorder.js.map +1 -0
- package/dist/select.d.ts +352 -0
- package/dist/select.d.ts.map +1 -0
- package/dist/select.js +191 -0
- package/dist/select.js.map +1 -0
- package/dist/slider.d.ts +269 -0
- package/dist/slider.d.ts.map +1 -0
- package/dist/slider.js +197 -0
- package/dist/slider.js.map +1 -0
- package/dist/spin-button.d.ts +272 -0
- package/dist/spin-button.d.ts.map +1 -0
- package/dist/spin-button.js +190 -0
- package/dist/spin-button.js.map +1 -0
- package/dist/stepper.d.ts +310 -0
- package/dist/stepper.d.ts.map +1 -0
- package/dist/stepper.js +87 -0
- package/dist/stepper.js.map +1 -0
- package/dist/switch.d.ts +149 -0
- package/dist/switch.d.ts.map +1 -0
- package/dist/switch.js +140 -0
- package/dist/switch.js.map +1 -0
- package/dist/tabs.d.ts +290 -0
- package/dist/tabs.d.ts.map +1 -0
- package/dist/tabs.js +258 -0
- package/dist/tabs.js.map +1 -0
- package/dist/tags-input.d.ts +297 -0
- package/dist/tags-input.d.ts.map +1 -0
- package/dist/tags-input.js +196 -0
- package/dist/tags-input.js.map +1 -0
- package/dist/text.d.ts +138 -0
- package/dist/text.d.ts.map +1 -0
- package/dist/text.js +125 -0
- package/dist/text.js.map +1 -0
- package/dist/time-field.d.ts +15 -0
- package/dist/time-field.d.ts.map +1 -0
- package/dist/time-field.js +19 -0
- package/dist/time-field.js.map +1 -0
- package/dist/time-range-field.d.ts +128 -0
- package/dist/time-range-field.d.ts.map +1 -0
- package/dist/time-range-field.js +44 -0
- package/dist/time-range-field.js.map +1 -0
- package/dist/timer.d.ts +232 -0
- package/dist/timer.d.ts.map +1 -0
- package/dist/timer.js +51 -0
- package/dist/timer.js.map +1 -0
- package/dist/toast.d.ts +189 -0
- package/dist/toast.d.ts.map +1 -0
- package/dist/toast.js +78 -0
- package/dist/toast.js.map +1 -0
- package/dist/toggle-button.d.ts +81 -0
- package/dist/toggle-button.d.ts.map +1 -0
- package/dist/toggle-button.js +75 -0
- package/dist/toggle-button.js.map +1 -0
- package/dist/toggle-group.d.ts +228 -0
- package/dist/toggle-group.d.ts.map +1 -0
- package/dist/toggle-group.js +143 -0
- package/dist/toggle-group.js.map +1 -0
- package/dist/toolbar.d.ts +202 -0
- package/dist/toolbar.d.ts.map +1 -0
- package/dist/toolbar.js +82 -0
- package/dist/toolbar.js.map +1 -0
- package/dist/tooltip.d.ts +13 -0
- package/dist/tooltip.d.ts.map +1 -0
- package/dist/tooltip.js +15 -0
- package/dist/tooltip.js.map +1 -0
- package/dist/tree-grid.d.ts +359 -0
- package/dist/tree-grid.d.ts.map +1 -0
- package/dist/tree-grid.js +125 -0
- package/dist/tree-grid.js.map +1 -0
- package/dist/tree-view.d.ts +304 -0
- package/dist/tree-view.d.ts.map +1 -0
- package/dist/tree-view.js +131 -0
- package/dist/tree-view.js.map +1 -0
- package/dist/window-splitter.d.ts +204 -0
- package/dist/window-splitter.d.ts.map +1 -0
- package/dist/window-splitter.js +82 -0
- package/dist/window-splitter.js.map +1 -0
- package/dist/year-picker.d.ts +353 -0
- package/dist/year-picker.d.ts.map +1 -0
- package/dist/year-picker.js +10 -0
- package/dist/year-picker.js.map +1 -0
- package/dist/year-range-picker.d.ts +393 -0
- package/dist/year-range-picker.d.ts.map +1 -0
- package/dist/year-range-picker.js +11 -0
- package/dist/year-range-picker.js.map +1 -0
- package/package.json +356 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 jinyongp
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
# @sectile/vue
|
|
2
|
+
|
|
3
|
+
Headless Vue components backed by Sectile DOM semantics.
|
|
4
|
+
|
|
5
|
+
## Responsibility
|
|
6
|
+
|
|
7
|
+
- Expose controlled and uncontrolled state through Vue conventions
|
|
8
|
+
- Render accessible compound components without aesthetic styles
|
|
9
|
+
- Forward attributes and styling hooks to consumer-owned elements
|
|
10
|
+
- Reuse `@sectile/dom` projections for ARIA and interaction behavior
|
|
11
|
+
- Follow Vue and HTML naming at the public boundary instead of exposing core policies
|
|
12
|
+
|
|
13
|
+
Components expose stable `data-scope`, `data-part`, and `data-state` attributes. Styling, themes, spacing, and animation remain application responsibilities.
|
|
@@ -0,0 +1,250 @@
|
|
|
1
|
+
import { type PropType, type SlotsType, type VNodeChild } from 'vue';
|
|
2
|
+
import { type PrimitiveAs } from './primitive.js';
|
|
3
|
+
export type AccordionType = 'single' | 'multiple';
|
|
4
|
+
export type AccordionValue = string | readonly string[];
|
|
5
|
+
export interface AccordionRootProps {
|
|
6
|
+
readonly items: readonly string[];
|
|
7
|
+
readonly type?: AccordionType;
|
|
8
|
+
readonly modelValue?: AccordionValue;
|
|
9
|
+
readonly defaultValue?: AccordionValue;
|
|
10
|
+
readonly collapsible?: boolean;
|
|
11
|
+
readonly disabled?: boolean;
|
|
12
|
+
readonly?: boolean;
|
|
13
|
+
readonly disabledItems?: readonly string[];
|
|
14
|
+
readonly as?: PrimitiveAs;
|
|
15
|
+
readonly asChild?: boolean;
|
|
16
|
+
}
|
|
17
|
+
export interface AccordionRootSlotProps {
|
|
18
|
+
readonly value: AccordionValue;
|
|
19
|
+
readonly disabled: boolean;
|
|
20
|
+
readonly: boolean;
|
|
21
|
+
}
|
|
22
|
+
export interface AccordionItemProps {
|
|
23
|
+
readonly value: string;
|
|
24
|
+
readonly disabled?: boolean;
|
|
25
|
+
readonly as?: PrimitiveAs;
|
|
26
|
+
readonly asChild?: boolean;
|
|
27
|
+
}
|
|
28
|
+
export interface AccordionItemSlotProps {
|
|
29
|
+
readonly value: string;
|
|
30
|
+
readonly open: boolean;
|
|
31
|
+
readonly disabled: boolean;
|
|
32
|
+
}
|
|
33
|
+
export interface AccordionPartProps {
|
|
34
|
+
readonly as?: PrimitiveAs;
|
|
35
|
+
readonly asChild?: boolean;
|
|
36
|
+
}
|
|
37
|
+
export declare const AccordionRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
38
|
+
items: {
|
|
39
|
+
type: PropType<readonly string[]>;
|
|
40
|
+
required: true;
|
|
41
|
+
};
|
|
42
|
+
type: {
|
|
43
|
+
type: PropType<AccordionType>;
|
|
44
|
+
default: string;
|
|
45
|
+
};
|
|
46
|
+
modelValue: {
|
|
47
|
+
type: PropType<AccordionValue>;
|
|
48
|
+
default: undefined;
|
|
49
|
+
};
|
|
50
|
+
defaultValue: {
|
|
51
|
+
type: PropType<AccordionValue>;
|
|
52
|
+
default: undefined;
|
|
53
|
+
};
|
|
54
|
+
collapsible: {
|
|
55
|
+
type: BooleanConstructor;
|
|
56
|
+
default: boolean;
|
|
57
|
+
};
|
|
58
|
+
disabled: {
|
|
59
|
+
type: BooleanConstructor;
|
|
60
|
+
default: boolean;
|
|
61
|
+
};
|
|
62
|
+
readonly: {
|
|
63
|
+
type: BooleanConstructor;
|
|
64
|
+
default: boolean;
|
|
65
|
+
};
|
|
66
|
+
disabledItems: {
|
|
67
|
+
type: PropType<readonly string[]>;
|
|
68
|
+
default: () => never[];
|
|
69
|
+
};
|
|
70
|
+
as: {
|
|
71
|
+
type: PropType<PrimitiveAs>;
|
|
72
|
+
default: string;
|
|
73
|
+
};
|
|
74
|
+
asChild: {
|
|
75
|
+
type: BooleanConstructor;
|
|
76
|
+
default: boolean;
|
|
77
|
+
};
|
|
78
|
+
}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
79
|
+
'update:modelValue': (_value: AccordionValue) => boolean;
|
|
80
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
81
|
+
items: {
|
|
82
|
+
type: PropType<readonly string[]>;
|
|
83
|
+
required: true;
|
|
84
|
+
};
|
|
85
|
+
type: {
|
|
86
|
+
type: PropType<AccordionType>;
|
|
87
|
+
default: string;
|
|
88
|
+
};
|
|
89
|
+
modelValue: {
|
|
90
|
+
type: PropType<AccordionValue>;
|
|
91
|
+
default: undefined;
|
|
92
|
+
};
|
|
93
|
+
defaultValue: {
|
|
94
|
+
type: PropType<AccordionValue>;
|
|
95
|
+
default: undefined;
|
|
96
|
+
};
|
|
97
|
+
collapsible: {
|
|
98
|
+
type: BooleanConstructor;
|
|
99
|
+
default: boolean;
|
|
100
|
+
};
|
|
101
|
+
disabled: {
|
|
102
|
+
type: BooleanConstructor;
|
|
103
|
+
default: boolean;
|
|
104
|
+
};
|
|
105
|
+
readonly: {
|
|
106
|
+
type: BooleanConstructor;
|
|
107
|
+
default: boolean;
|
|
108
|
+
};
|
|
109
|
+
disabledItems: {
|
|
110
|
+
type: PropType<readonly string[]>;
|
|
111
|
+
default: () => never[];
|
|
112
|
+
};
|
|
113
|
+
as: {
|
|
114
|
+
type: PropType<PrimitiveAs>;
|
|
115
|
+
default: string;
|
|
116
|
+
};
|
|
117
|
+
asChild: {
|
|
118
|
+
type: BooleanConstructor;
|
|
119
|
+
default: boolean;
|
|
120
|
+
};
|
|
121
|
+
}>> & Readonly<{
|
|
122
|
+
"onUpdate:modelValue"?: (_value: AccordionValue) => any;
|
|
123
|
+
}>, {
|
|
124
|
+
type: AccordionType;
|
|
125
|
+
modelValue: AccordionValue;
|
|
126
|
+
defaultValue: AccordionValue;
|
|
127
|
+
collapsible: boolean;
|
|
128
|
+
disabled: boolean;
|
|
129
|
+
readonly: boolean;
|
|
130
|
+
disabledItems: readonly string[];
|
|
131
|
+
as: PrimitiveAs;
|
|
132
|
+
asChild: boolean;
|
|
133
|
+
}, SlotsType<{
|
|
134
|
+
default: (props: AccordionRootSlotProps) => VNodeChild;
|
|
135
|
+
}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
136
|
+
export type AccordionValueChangeHandler = (value: AccordionValue) => void;
|
|
137
|
+
export declare const AccordionItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
138
|
+
value: {
|
|
139
|
+
type: StringConstructor;
|
|
140
|
+
required: true;
|
|
141
|
+
};
|
|
142
|
+
disabled: {
|
|
143
|
+
type: BooleanConstructor;
|
|
144
|
+
default: boolean;
|
|
145
|
+
};
|
|
146
|
+
as: {
|
|
147
|
+
type: PropType<PrimitiveAs>;
|
|
148
|
+
default: string;
|
|
149
|
+
};
|
|
150
|
+
asChild: {
|
|
151
|
+
type: BooleanConstructor;
|
|
152
|
+
default: boolean;
|
|
153
|
+
};
|
|
154
|
+
}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
155
|
+
value: {
|
|
156
|
+
type: StringConstructor;
|
|
157
|
+
required: true;
|
|
158
|
+
};
|
|
159
|
+
disabled: {
|
|
160
|
+
type: BooleanConstructor;
|
|
161
|
+
default: boolean;
|
|
162
|
+
};
|
|
163
|
+
as: {
|
|
164
|
+
type: PropType<PrimitiveAs>;
|
|
165
|
+
default: string;
|
|
166
|
+
};
|
|
167
|
+
asChild: {
|
|
168
|
+
type: BooleanConstructor;
|
|
169
|
+
default: boolean;
|
|
170
|
+
};
|
|
171
|
+
}>> & Readonly<{}>, {
|
|
172
|
+
disabled: boolean;
|
|
173
|
+
as: PrimitiveAs;
|
|
174
|
+
asChild: boolean;
|
|
175
|
+
}, SlotsType<{
|
|
176
|
+
default: (props: AccordionItemSlotProps) => VNodeChild;
|
|
177
|
+
}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
178
|
+
export declare const AccordionHeader: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
179
|
+
as: {
|
|
180
|
+
type: PropType<PrimitiveAs>;
|
|
181
|
+
default: PrimitiveAs;
|
|
182
|
+
};
|
|
183
|
+
asChild: {
|
|
184
|
+
type: BooleanConstructor;
|
|
185
|
+
default: boolean;
|
|
186
|
+
};
|
|
187
|
+
}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
188
|
+
as: {
|
|
189
|
+
type: PropType<PrimitiveAs>;
|
|
190
|
+
default: PrimitiveAs;
|
|
191
|
+
};
|
|
192
|
+
asChild: {
|
|
193
|
+
type: BooleanConstructor;
|
|
194
|
+
default: boolean;
|
|
195
|
+
};
|
|
196
|
+
}>> & Readonly<{}>, {
|
|
197
|
+
as: PrimitiveAs;
|
|
198
|
+
asChild: boolean;
|
|
199
|
+
}, SlotsType<{
|
|
200
|
+
default: (props: AccordionItemSlotProps) => VNodeChild;
|
|
201
|
+
}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
202
|
+
export declare const AccordionTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
203
|
+
as: {
|
|
204
|
+
type: PropType<PrimitiveAs>;
|
|
205
|
+
default: PrimitiveAs;
|
|
206
|
+
};
|
|
207
|
+
asChild: {
|
|
208
|
+
type: BooleanConstructor;
|
|
209
|
+
default: boolean;
|
|
210
|
+
};
|
|
211
|
+
}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
212
|
+
as: {
|
|
213
|
+
type: PropType<PrimitiveAs>;
|
|
214
|
+
default: PrimitiveAs;
|
|
215
|
+
};
|
|
216
|
+
asChild: {
|
|
217
|
+
type: BooleanConstructor;
|
|
218
|
+
default: boolean;
|
|
219
|
+
};
|
|
220
|
+
}>> & Readonly<{}>, {
|
|
221
|
+
as: PrimitiveAs;
|
|
222
|
+
asChild: boolean;
|
|
223
|
+
}, SlotsType<{
|
|
224
|
+
default: (props: AccordionItemSlotProps) => VNodeChild;
|
|
225
|
+
}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
226
|
+
export declare const AccordionContent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
227
|
+
as: {
|
|
228
|
+
type: PropType<PrimitiveAs>;
|
|
229
|
+
default: PrimitiveAs;
|
|
230
|
+
};
|
|
231
|
+
asChild: {
|
|
232
|
+
type: BooleanConstructor;
|
|
233
|
+
default: boolean;
|
|
234
|
+
};
|
|
235
|
+
}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
236
|
+
as: {
|
|
237
|
+
type: PropType<PrimitiveAs>;
|
|
238
|
+
default: PrimitiveAs;
|
|
239
|
+
};
|
|
240
|
+
asChild: {
|
|
241
|
+
type: BooleanConstructor;
|
|
242
|
+
default: boolean;
|
|
243
|
+
};
|
|
244
|
+
}>> & Readonly<{}>, {
|
|
245
|
+
as: PrimitiveAs;
|
|
246
|
+
asChild: boolean;
|
|
247
|
+
}, SlotsType<{
|
|
248
|
+
default: (props: AccordionItemSlotProps) => VNodeChild;
|
|
249
|
+
}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
250
|
+
//# sourceMappingURL=accordion.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../src/accordion.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,242 @@
|
|
|
1
|
+
import { computed, defineComponent, h, inject, mergeProps, provide, shallowRef, watch, } from 'vue';
|
|
2
|
+
import { createAccordionController, getAccordionPanelAttributes, getAccordionRootAttributes, getAccordionTriggerAttributes, toAccordionEvent, } from '@sectile/dom/accordion';
|
|
3
|
+
import { Primitive } from './primitive.js';
|
|
4
|
+
import { useHostId } from './host-provider.js';
|
|
5
|
+
const accordionRootContextKey = Symbol('SectileAccordionRoot');
|
|
6
|
+
const accordionItemContextKey = Symbol('SectileAccordionItem');
|
|
7
|
+
const accordionHeaderProps = accordionPartProps('h3');
|
|
8
|
+
const accordionTriggerProps = accordionPartProps('button');
|
|
9
|
+
const accordionContentProps = accordionPartProps('div');
|
|
10
|
+
export const AccordionRoot = defineComponent({
|
|
11
|
+
name: 'SectileAccordionRoot',
|
|
12
|
+
inheritAttrs: false,
|
|
13
|
+
props: {
|
|
14
|
+
items: { type: Array, required: true },
|
|
15
|
+
type: { type: String, default: 'single' },
|
|
16
|
+
modelValue: { type: [String, Array], default: undefined },
|
|
17
|
+
defaultValue: { type: [String, Array], default: undefined },
|
|
18
|
+
collapsible: { type: Boolean, default: true },
|
|
19
|
+
disabled: { type: Boolean, default: false },
|
|
20
|
+
readonly: { type: Boolean, default: false },
|
|
21
|
+
disabledItems: { type: Array, default: () => [] },
|
|
22
|
+
as: { type: [String, Object, Function], default: 'div' },
|
|
23
|
+
asChild: { type: Boolean, default: false },
|
|
24
|
+
},
|
|
25
|
+
emits: {
|
|
26
|
+
'update:modelValue': (_value) => true,
|
|
27
|
+
},
|
|
28
|
+
slots: Object,
|
|
29
|
+
setup(props, { attrs, emit, slots }) {
|
|
30
|
+
const controlled = props.modelValue !== undefined;
|
|
31
|
+
const controller = shallowRef(createController(controlled, toIDs(controlled ? props.modelValue : props.defaultValue, props.type), props, emit));
|
|
32
|
+
const snapshot = shallowRef(controller.value.getSnapshot());
|
|
33
|
+
const refresh = () => { snapshot.value = controller.value.getSnapshot(); };
|
|
34
|
+
const rebuild = () => {
|
|
35
|
+
const value = controlled
|
|
36
|
+
? toIDs(props.modelValue, props.type)
|
|
37
|
+
: snapshot.value.state.openIDs;
|
|
38
|
+
controller.value = createController(controlled, value, props, emit);
|
|
39
|
+
refresh();
|
|
40
|
+
};
|
|
41
|
+
watch(() => props.modelValue, (value) => {
|
|
42
|
+
if (!controlled || value === undefined)
|
|
43
|
+
return;
|
|
44
|
+
const result = controller.value.syncControlledValues({ value: toIDs(value, props.type) });
|
|
45
|
+
if (!result.ok)
|
|
46
|
+
throw new TypeError(result.error.message);
|
|
47
|
+
snapshot.value = result.value;
|
|
48
|
+
});
|
|
49
|
+
watch([() => props.items, () => props.type, () => props.collapsible, () => props.disabled,
|
|
50
|
+
() => props.readonly, () => props.disabledItems], rebuild);
|
|
51
|
+
const openIDs = computed(() => snapshot.value.state.openIDs);
|
|
52
|
+
const disabled = computed(() => props.disabled);
|
|
53
|
+
const readonly = computed(() => props.readonly);
|
|
54
|
+
const disabledItems = computed(() => new Set(props.disabledItems));
|
|
55
|
+
const slotProps = computed(() => Object.freeze({
|
|
56
|
+
value: fromIDs(openIDs.value, props.type),
|
|
57
|
+
disabled: disabled.value,
|
|
58
|
+
readonly: readonly.value,
|
|
59
|
+
}));
|
|
60
|
+
const toggle = (id) => {
|
|
61
|
+
const result = controller.value.handleEvent({ type: 'toggle', id });
|
|
62
|
+
if (result.ok)
|
|
63
|
+
snapshot.value = result.snapshot;
|
|
64
|
+
};
|
|
65
|
+
const handleKeydown = (event) => {
|
|
66
|
+
const semantic = toAccordionEvent(event);
|
|
67
|
+
if (semantic === null || semantic === 'toggle')
|
|
68
|
+
return;
|
|
69
|
+
event.preventDefault();
|
|
70
|
+
const result = controller.value.handleEvent(semantic);
|
|
71
|
+
if (!result.ok)
|
|
72
|
+
return;
|
|
73
|
+
snapshot.value = result.snapshot;
|
|
74
|
+
queueMicrotask(() => focusAccordionTrigger(event.currentTarget, result.snapshot.state.cursor.current));
|
|
75
|
+
};
|
|
76
|
+
provide(accordionRootContextKey, {
|
|
77
|
+
openIDs,
|
|
78
|
+
disabled,
|
|
79
|
+
readonly,
|
|
80
|
+
disabledItems,
|
|
81
|
+
toggle,
|
|
82
|
+
handleKeydown,
|
|
83
|
+
});
|
|
84
|
+
const attributes = computed(() => getAccordionRootAttributes({
|
|
85
|
+
disabled: props.disabled,
|
|
86
|
+
readOnly: props.readonly,
|
|
87
|
+
}));
|
|
88
|
+
return () => h(Primitive, mergeProps(attrs, attributes.value, {
|
|
89
|
+
as: props.as,
|
|
90
|
+
asChild: props.asChild,
|
|
91
|
+
onKeydown: handleKeydown,
|
|
92
|
+
}), {
|
|
93
|
+
default: () => slots['default']?.(slotProps.value),
|
|
94
|
+
});
|
|
95
|
+
},
|
|
96
|
+
});
|
|
97
|
+
export const AccordionItem = defineComponent({
|
|
98
|
+
name: 'SectileAccordionItem',
|
|
99
|
+
inheritAttrs: false,
|
|
100
|
+
props: {
|
|
101
|
+
value: { type: String, required: true },
|
|
102
|
+
disabled: { type: Boolean, default: false },
|
|
103
|
+
as: { type: [String, Object, Function], default: 'div' },
|
|
104
|
+
asChild: { type: Boolean, default: false },
|
|
105
|
+
},
|
|
106
|
+
slots: Object,
|
|
107
|
+
setup(props, { attrs, slots }) {
|
|
108
|
+
const root = useAccordionRootContext('AccordionItem');
|
|
109
|
+
const generatedID = useHostId();
|
|
110
|
+
const triggerID = `sectile-accordion-trigger-${generatedID}`;
|
|
111
|
+
const panelID = `sectile-accordion-panel-${generatedID}`;
|
|
112
|
+
const slotProps = computed(() => Object.freeze({
|
|
113
|
+
value: props.value,
|
|
114
|
+
open: root.openIDs.value.includes(props.value),
|
|
115
|
+
disabled: root.disabled.value || props.disabled || root.disabledItems.value.has(props.value),
|
|
116
|
+
}));
|
|
117
|
+
provide(accordionItemContextKey, {
|
|
118
|
+
value: props.value,
|
|
119
|
+
triggerID,
|
|
120
|
+
panelID,
|
|
121
|
+
slotProps,
|
|
122
|
+
});
|
|
123
|
+
return () => h(Primitive, mergeProps(attrs, {
|
|
124
|
+
as: props.as,
|
|
125
|
+
asChild: props.asChild,
|
|
126
|
+
'data-scope': 'accordion',
|
|
127
|
+
'data-part': 'item',
|
|
128
|
+
'data-state': slotProps.value.open ? 'open' : 'closed',
|
|
129
|
+
'data-disabled': slotProps.value.disabled ? '' : undefined,
|
|
130
|
+
}), {
|
|
131
|
+
default: () => slots['default']?.(slotProps.value),
|
|
132
|
+
});
|
|
133
|
+
},
|
|
134
|
+
});
|
|
135
|
+
export const AccordionHeader = defineComponent({
|
|
136
|
+
name: 'SectileAccordionHeader',
|
|
137
|
+
inheritAttrs: false,
|
|
138
|
+
props: accordionHeaderProps,
|
|
139
|
+
slots: Object,
|
|
140
|
+
setup(props, { attrs, slots }) {
|
|
141
|
+
const item = useAccordionItemContext('AccordionHeader');
|
|
142
|
+
return () => h(Primitive, mergeProps(attrs, {
|
|
143
|
+
as: props.as,
|
|
144
|
+
asChild: props.asChild,
|
|
145
|
+
'data-scope': 'accordion',
|
|
146
|
+
'data-part': 'header',
|
|
147
|
+
'data-state': item.slotProps.value.open ? 'open' : 'closed',
|
|
148
|
+
}), { default: () => slots['default']?.(item.slotProps.value) });
|
|
149
|
+
},
|
|
150
|
+
});
|
|
151
|
+
export const AccordionTrigger = defineComponent({
|
|
152
|
+
name: 'SectileAccordionTrigger',
|
|
153
|
+
inheritAttrs: false,
|
|
154
|
+
props: accordionTriggerProps,
|
|
155
|
+
slots: Object,
|
|
156
|
+
setup(props, { attrs, slots }) {
|
|
157
|
+
const root = useAccordionRootContext('AccordionTrigger');
|
|
158
|
+
const item = useAccordionItemContext('AccordionTrigger');
|
|
159
|
+
const attributes = computed(() => getAccordionTriggerAttributes({ has: (id) => root.openIDs.value.includes(id) }, {
|
|
160
|
+
id: item.value,
|
|
161
|
+
triggerID: item.triggerID,
|
|
162
|
+
panelID: item.panelID,
|
|
163
|
+
disabled: item.slotProps.value.disabled,
|
|
164
|
+
}, {
|
|
165
|
+
disabled: root.disabled.value,
|
|
166
|
+
readOnly: root.readonly.value,
|
|
167
|
+
native: props.as === 'button' && !props.asChild,
|
|
168
|
+
}));
|
|
169
|
+
const handleClick = (event) => {
|
|
170
|
+
if (!event.defaultPrevented)
|
|
171
|
+
root.toggle(item.value);
|
|
172
|
+
};
|
|
173
|
+
return () => h(Primitive, mergeProps(attrs, attributes.value, {
|
|
174
|
+
as: props.as,
|
|
175
|
+
asChild: props.asChild,
|
|
176
|
+
onClick: handleClick,
|
|
177
|
+
}), { default: () => slots['default']?.(item.slotProps.value) });
|
|
178
|
+
},
|
|
179
|
+
});
|
|
180
|
+
export const AccordionContent = defineComponent({
|
|
181
|
+
name: 'SectileAccordionContent',
|
|
182
|
+
inheritAttrs: false,
|
|
183
|
+
props: accordionContentProps,
|
|
184
|
+
slots: Object,
|
|
185
|
+
setup(props, { attrs, slots }) {
|
|
186
|
+
const item = useAccordionItemContext('AccordionContent');
|
|
187
|
+
const attributes = computed(() => getAccordionPanelAttributes({ has: (id) => id === item.value && item.slotProps.value.open }, item.value, { panelID: item.panelID, triggerID: item.triggerID }));
|
|
188
|
+
return () => h(Primitive, mergeProps(attrs, attributes.value, { as: props.as, asChild: props.asChild }), { default: () => slots['default']?.(item.slotProps.value) });
|
|
189
|
+
},
|
|
190
|
+
});
|
|
191
|
+
function accordionPartProps(defaultAs) {
|
|
192
|
+
return {
|
|
193
|
+
as: { type: [String, Object, Function], default: defaultAs },
|
|
194
|
+
asChild: { type: Boolean, default: false },
|
|
195
|
+
};
|
|
196
|
+
}
|
|
197
|
+
function useAccordionRootContext(part) {
|
|
198
|
+
const context = inject(accordionRootContextKey);
|
|
199
|
+
if (context === undefined)
|
|
200
|
+
throw new TypeError(`${part} must be used inside AccordionRoot.`);
|
|
201
|
+
return context;
|
|
202
|
+
}
|
|
203
|
+
function useAccordionItemContext(part) {
|
|
204
|
+
const context = inject(accordionItemContextKey);
|
|
205
|
+
if (context === undefined)
|
|
206
|
+
throw new TypeError(`${part} must be used inside AccordionItem.`);
|
|
207
|
+
return context;
|
|
208
|
+
}
|
|
209
|
+
function createController(controlled, value, props, emit) {
|
|
210
|
+
const result = createAccordionController({
|
|
211
|
+
items: props.items,
|
|
212
|
+
expansion: props.type ?? 'single',
|
|
213
|
+
collapsible: props.collapsible ?? true,
|
|
214
|
+
disabledItems: props.disabledItems ?? [],
|
|
215
|
+
disabled: props.disabled ?? false,
|
|
216
|
+
readOnly: props.readonly ?? false,
|
|
217
|
+
...(controlled ? { value } : { defaultValue: value }),
|
|
218
|
+
onValueChange: (change) => emit('update:modelValue', fromIDs(change.value, props.type ?? 'single')),
|
|
219
|
+
});
|
|
220
|
+
if (!result.ok)
|
|
221
|
+
throw new TypeError(result.error.message);
|
|
222
|
+
return result.value;
|
|
223
|
+
}
|
|
224
|
+
function toIDs(value, type) {
|
|
225
|
+
if (value === undefined || value === '')
|
|
226
|
+
return [];
|
|
227
|
+
if (Array.isArray(value))
|
|
228
|
+
return type === 'single' ? value.slice(0, 1) : value;
|
|
229
|
+
return [value];
|
|
230
|
+
}
|
|
231
|
+
function fromIDs(value, type) {
|
|
232
|
+
return type === 'single' ? value[0] ?? '' : value;
|
|
233
|
+
}
|
|
234
|
+
function focusAccordionTrigger(root, id) {
|
|
235
|
+
if (id === null)
|
|
236
|
+
return;
|
|
237
|
+
for (const trigger of root.querySelectorAll('[data-accordion-id]')) {
|
|
238
|
+
if (trigger.dataset['accordionId'] === id)
|
|
239
|
+
trigger.focus();
|
|
240
|
+
}
|
|
241
|
+
}
|
|
242
|
+
//# sourceMappingURL=accordion.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../src/accordion.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { type PopupFactoryOptions, type PopupPartProps, type PopupPortalProps, type PopupRootProps, type PopupRootSlotProps } from './internal/popup.js';
|
|
2
|
+
export declare const AlertDialogRoot: import("vue").Component;
|
|
3
|
+
export type AlertDialogOpenChangeHandler = PopupFactoryOptions['onOpenChange'];
|
|
4
|
+
export type AlertDialogPositionChangeHandler = NonNullable<PopupFactoryOptions['onPositionChange']>;
|
|
5
|
+
export declare const AlertDialogTrigger: import("vue").Component;
|
|
6
|
+
export declare const AlertDialogPortal: import("vue").Component;
|
|
7
|
+
export declare const AlertDialogOverlay: import("vue").Component;
|
|
8
|
+
export declare const AlertDialogContent: import("vue").Component;
|
|
9
|
+
export declare const AlertDialogTitle: import("vue").Component;
|
|
10
|
+
export declare const AlertDialogDescription: import("vue").Component;
|
|
11
|
+
export declare const AlertDialogClose: import("vue").Component;
|
|
12
|
+
export type AlertDialogRootProps = Omit<PopupRootProps, 'modal'>;
|
|
13
|
+
export type AlertDialogRootSlotProps = PopupRootSlotProps;
|
|
14
|
+
export type AlertDialogPartProps = PopupPartProps;
|
|
15
|
+
export type AlertDialogPortalProps = PopupPortalProps;
|
|
16
|
+
//# sourceMappingURL=alert-dialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../src/alert-dialog.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACxB,MAAM,qBAAqB,CAAC;AAU7B,eAAO,MAAM,eAAe,yBAAa,CAAC;AAC1C,MAAM,MAAM,4BAA4B,GAAG,mBAAmB,CAAC,cAAc,CAAC,CAAC;AAC/E,MAAM,MAAM,gCAAgC,GAAG,WAAW,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,CAAC,CAAC;AACpG,eAAO,MAAM,kBAAkB,yBAAgB,CAAC;AAChD,eAAO,MAAM,iBAAiB,yBAAe,CAAC;AAC9C,eAAO,MAAM,kBAAkB,yBAAgB,CAAC;AAChD,eAAO,MAAM,kBAAkB,yBAAgB,CAAC;AAChD,eAAO,MAAM,gBAAgB,yBAAc,CAAC;AAC5C,eAAO,MAAM,sBAAsB,yBAAoB,CAAC;AACxD,eAAO,MAAM,gBAAgB,yBAAc,CAAC;AAC5C,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;AACjE,MAAM,MAAM,wBAAwB,GAAG,kBAAkB,CAAC;AAC1D,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC;AAClD,MAAM,MAAM,sBAAsB,GAAG,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { createAlertDialog } from '@sectile/dom/alert-dialog';
|
|
2
|
+
import { createPopupComponents, } from './internal/popup.js';
|
|
3
|
+
const parts = createPopupComponents({
|
|
4
|
+
scope: 'alert-dialog', role: 'alertdialog', modal: true, triggerMode: 'click',
|
|
5
|
+
create: (options) => {
|
|
6
|
+
const { modal: _modal, ...alertOptions } = options;
|
|
7
|
+
return createAlertDialog(alertOptions);
|
|
8
|
+
},
|
|
9
|
+
});
|
|
10
|
+
export const AlertDialogRoot = parts.Root;
|
|
11
|
+
export const AlertDialogTrigger = parts.Trigger;
|
|
12
|
+
export const AlertDialogPortal = parts.Portal;
|
|
13
|
+
export const AlertDialogOverlay = parts.Overlay;
|
|
14
|
+
export const AlertDialogContent = parts.Content;
|
|
15
|
+
export const AlertDialogTitle = parts.Title;
|
|
16
|
+
export const AlertDialogDescription = parts.Description;
|
|
17
|
+
export const AlertDialogClose = parts.Close;
|
|
18
|
+
//# sourceMappingURL=alert-dialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-dialog.js","sourceRoot":"","sources":["../src/alert-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAuD,MAAM,2BAA2B,CAAC;AACnH,OAAO,EACL,qBAAqB,GAMtB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,KAAK,GAAG,qBAAqB,CAAC;IAClC,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO;IAC7E,MAAM,EAAE,CAAC,OAA4B,EAAyB,EAAE;QAC9D,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,YAAY,EAAE,GAAG,OAAO,CAAC;QACnD,OAAO,iBAAiB,CAAC,YAAkC,CAAC,CAAC;IAC/D,CAAC;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC;AAG1C,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,OAAO,CAAC;AAChD,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,MAAM,CAAC;AAC9C,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,OAAO,CAAC;AAChD,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,OAAO,CAAC;AAChD,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,KAAK,CAAC;AAC5C,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAC;AACxD,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,KAAK,CAAC"}
|