cisse-vue-ui 0.5.17 → 0.5.21
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 +666 -666
- package/dist/Dropdown.vue_vue_type_script_setup_true_lang-C3pr8BwC.js.map +1 -1
- package/dist/Dropdown.vue_vue_type_script_setup_true_lang-DKxcVBKu.cjs.map +1 -1
- package/dist/ListSkeleton.vue_vue_type_script_setup_true_lang-CrEu33_J.cjs +140 -0
- package/dist/ListSkeleton.vue_vue_type_script_setup_true_lang-CrEu33_J.cjs.map +1 -0
- package/dist/ListSkeleton.vue_vue_type_script_setup_true_lang-D3_Oddwt.js +141 -0
- package/dist/ListSkeleton.vue_vue_type_script_setup_true_lang-D3_Oddwt.js.map +1 -0
- package/dist/PageLayout.vue_vue_type_script_setup_true_lang-D22uNeS1.cjs.map +1 -1
- package/dist/PageLayout.vue_vue_type_script_setup_true_lang-kT7np2ir.js.map +1 -1
- package/dist/{RangeSlider.vue_vue_type_script_setup_true_lang-y3zIxWfI.js → RangeSlider.vue_vue_type_script_setup_true_lang-B79_S1JL.js} +2 -2
- package/dist/RangeSlider.vue_vue_type_script_setup_true_lang-B79_S1JL.js.map +1 -0
- package/dist/{RangeSlider.vue_vue_type_script_setup_true_lang-Cv1OwT9S.cjs → RangeSlider.vue_vue_type_script_setup_true_lang-ClH-pyK8.cjs} +2 -2
- package/dist/RangeSlider.vue_vue_type_script_setup_true_lang-ClH-pyK8.cjs.map +1 -0
- package/dist/{ListSkeleton.vue_vue_type_script_setup_true_lang-CHoagJ0-.cjs → Skeleton.vue_vue_type_script_setup_true_lang-CsDMGhaT.cjs} +87 -224
- package/dist/Skeleton.vue_vue_type_script_setup_true_lang-CsDMGhaT.cjs.map +1 -0
- package/dist/{ListSkeleton.vue_vue_type_script_setup_true_lang-Bech-H58.js → Skeleton.vue_vue_type_script_setup_true_lang-Q4PcIELi.js} +87 -224
- package/dist/Skeleton.vue_vue_type_script_setup_true_lang-Q4PcIELi.js.map +1 -0
- package/dist/{Timeline.vue_vue_type_script_setup_true_lang-CqeiZOID.cjs → Timeline.vue_vue_type_script_setup_true_lang-C5SKEGPG.cjs} +98 -56
- package/dist/Timeline.vue_vue_type_script_setup_true_lang-C5SKEGPG.cjs.map +1 -0
- package/dist/{Timeline.vue_vue_type_script_setup_true_lang-CuPF4MPe.js → Timeline.vue_vue_type_script_setup_true_lang-ykGksWXN.js} +109 -67
- package/dist/Timeline.vue_vue_type_script_setup_true_lang-ykGksWXN.js.map +1 -0
- package/dist/cisse-vue-ui.css +51 -51
- package/dist/components/core/AccordionItem.stories.d.ts +10 -0
- package/dist/components/core/Avatar.vue.d.ts +1 -1
- package/dist/components/core/Button.vue.d.ts +1 -1
- package/dist/components/core/CardComponent.stories.d.ts +3 -0
- package/dist/components/core/CardComponent.vue.d.ts +15 -2
- package/dist/components/core/MobileList.stories.d.ts +13 -0
- package/dist/components/core/MobileList.vue.d.ts +6 -0
- package/dist/components/core/ResponsiveList.stories.d.ts +15 -0
- package/dist/components/core/ResponsiveList.vue.d.ts +6 -0
- package/dist/components/core/TabPanel.stories.d.ts +8 -0
- package/dist/components/core/TableAction.stories.d.ts +14 -0
- package/dist/components/core/TableComponent.stories.d.ts +2 -0
- package/dist/components/core/TableComponent.vue.d.ts +6 -0
- package/dist/components/core/index.cjs +1 -1
- package/dist/components/core/index.js +1 -1
- package/dist/components/feedback/CardSkeleton.stories.d.ts +11 -0
- package/dist/components/feedback/CardSkeleton.test.d.ts +1 -0
- package/dist/components/feedback/CardSkeleton.vue.d.ts +1 -1
- package/dist/components/feedback/ListSkeleton.stories.d.ts +12 -0
- package/dist/components/feedback/ListSkeleton.test.d.ts +1 -0
- package/dist/components/feedback/ListSkeleton.vue.d.ts +1 -1
- package/dist/components/feedback/NotificationComponent.stories.d.ts +14 -0
- package/dist/components/feedback/NotificationList.stories.d.ts +11 -0
- package/dist/components/feedback/Skeleton.vue.d.ts +1 -1
- package/dist/components/feedback/TableSkeleton.stories.d.ts +12 -0
- package/dist/components/feedback/TableSkeleton.test.d.ts +1 -0
- package/dist/components/feedback/TableSkeleton.vue.d.ts +1 -1
- package/dist/components/feedback/ToastContainer.stories.d.ts +15 -0
- package/dist/components/feedback/index.cjs +16 -15
- package/dist/components/feedback/index.cjs.map +1 -1
- package/dist/components/feedback/index.js +5 -4
- package/dist/components/feedback/index.js.map +1 -1
- package/dist/components/form/FileUpload.vue.d.ts +1 -1
- package/dist/components/form/FormHelp.stories.d.ts +11 -0
- package/dist/components/form/FormLabel.stories.d.ts +12 -0
- package/dist/components/form/FormSelect.stories.d.ts +2 -0
- package/dist/components/form/index.cjs +1 -1
- package/dist/components/form/index.js +1 -1
- package/dist/components/index.cjs +18 -17
- package/dist/components/index.cjs.map +1 -1
- package/dist/components/index.js +10 -9
- package/dist/components/index.js.map +1 -1
- package/dist/{index-5Ru0o5KY.js → index-C3NAM2ds.js} +5 -4
- package/dist/index-C3NAM2ds.js.map +1 -0
- package/dist/{index-CnDEGRt-.cjs → index-Ti1RIOEG.cjs} +19 -18
- package/dist/index-Ti1RIOEG.cjs.map +1 -0
- package/dist/index.cjs +19 -18
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +14 -13
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/dist/useDropdown-DHFnd259.cjs.map +1 -1
- package/dist/useDropdown-iVu14E6s.js.map +1 -1
- package/dist/useToast-CRh_sG82.cjs.map +1 -1
- package/dist/useToast-DwFOkewC.js.map +1 -1
- package/package.json +168 -168
- package/dist/ListSkeleton.vue_vue_type_script_setup_true_lang-Bech-H58.js.map +0 -1
- package/dist/ListSkeleton.vue_vue_type_script_setup_true_lang-CHoagJ0-.cjs.map +0 -1
- package/dist/RangeSlider.vue_vue_type_script_setup_true_lang-Cv1OwT9S.cjs.map +0 -1
- package/dist/RangeSlider.vue_vue_type_script_setup_true_lang-y3zIxWfI.js.map +0 -1
- package/dist/Timeline.vue_vue_type_script_setup_true_lang-CqeiZOID.cjs.map +0 -1
- package/dist/Timeline.vue_vue_type_script_setup_true_lang-CuPF4MPe.js.map +0 -1
- package/dist/index-5Ru0o5KY.js.map +0 -1
- package/dist/index-CnDEGRt-.cjs.map +0 -1
package/dist/cisse-vue-ui.css
CHANGED
|
@@ -1,83 +1,83 @@
|
|
|
1
1
|
|
|
2
|
-
.slider-input[data-v-
|
|
2
|
+
.slider-input[data-v-a411f1b4] {
|
|
3
3
|
height: 0.5rem;
|
|
4
4
|
}
|
|
5
|
-
.slider-input[data-v-
|
|
6
|
-
height: 0.5rem;
|
|
7
|
-
border-radius: 9999px;
|
|
5
|
+
.slider-input[data-v-a411f1b4]::-webkit-slider-runnable-track {
|
|
6
|
+
height: 0.5rem;
|
|
7
|
+
border-radius: 9999px;
|
|
8
8
|
background-color: #e5e7eb;
|
|
9
9
|
}
|
|
10
|
-
.dark .slider-input[data-v-
|
|
10
|
+
.dark .slider-input[data-v-a411f1b4]::-webkit-slider-runnable-track {
|
|
11
11
|
background-color: #374151;
|
|
12
12
|
}
|
|
13
|
-
.slider-input[data-v-
|
|
14
|
-
-webkit-appearance: none;
|
|
15
|
-
appearance: none;
|
|
16
|
-
width: 1.25rem;
|
|
17
|
-
height: 1.25rem;
|
|
18
|
-
border-radius: 9999px;
|
|
19
|
-
background-color: var(--color-primary, #3b82f6);
|
|
20
|
-
border: 2px solid white;
|
|
21
|
-
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
|
|
22
|
-
margin-top: -0.375rem;
|
|
13
|
+
.slider-input[data-v-a411f1b4]::-webkit-slider-thumb {
|
|
14
|
+
-webkit-appearance: none;
|
|
15
|
+
appearance: none;
|
|
16
|
+
width: 1.25rem;
|
|
17
|
+
height: 1.25rem;
|
|
18
|
+
border-radius: 9999px;
|
|
19
|
+
background-color: var(--color-primary, #3b82f6);
|
|
20
|
+
border: 2px solid white;
|
|
21
|
+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
|
|
22
|
+
margin-top: -0.375rem;
|
|
23
23
|
cursor: pointer;
|
|
24
24
|
}
|
|
25
|
-
.slider-input[data-v-
|
|
26
|
-
height: 0.5rem;
|
|
27
|
-
border-radius: 9999px;
|
|
25
|
+
.slider-input[data-v-a411f1b4]::-moz-range-track {
|
|
26
|
+
height: 0.5rem;
|
|
27
|
+
border-radius: 9999px;
|
|
28
28
|
background-color: #e5e7eb;
|
|
29
29
|
}
|
|
30
|
-
.dark .slider-input[data-v-
|
|
30
|
+
.dark .slider-input[data-v-a411f1b4]::-moz-range-track {
|
|
31
31
|
background-color: #374151;
|
|
32
32
|
}
|
|
33
|
-
.slider-input[data-v-
|
|
34
|
-
width: 1.25rem;
|
|
35
|
-
height: 1.25rem;
|
|
36
|
-
border-radius: 9999px;
|
|
37
|
-
background-color: var(--color-primary, #3b82f6);
|
|
38
|
-
border: 2px solid white;
|
|
39
|
-
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
|
|
33
|
+
.slider-input[data-v-a411f1b4]::-moz-range-thumb {
|
|
34
|
+
width: 1.25rem;
|
|
35
|
+
height: 1.25rem;
|
|
36
|
+
border-radius: 9999px;
|
|
37
|
+
background-color: var(--color-primary, #3b82f6);
|
|
38
|
+
border: 2px solid white;
|
|
39
|
+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
|
|
40
40
|
cursor: pointer;
|
|
41
41
|
}
|
|
42
|
-
.slider-input[data-v-
|
|
42
|
+
.slider-input[data-v-a411f1b4]:focus::-webkit-slider-thumb {
|
|
43
43
|
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
|
|
44
44
|
}
|
|
45
|
-
.slider-input[data-v-
|
|
45
|
+
.slider-input[data-v-a411f1b4]:focus::-moz-range-thumb {
|
|
46
46
|
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
|
|
47
|
-
}
|
|
47
|
+
}
|
|
48
48
|
|
|
49
|
-
.bg-stripes[data-v-
|
|
50
|
-
background-image: linear-gradient(
|
|
51
|
-
45deg,
|
|
52
|
-
rgba(255, 255, 255, 0.15) 25%,
|
|
53
|
-
transparent 25%,
|
|
54
|
-
transparent 50%,
|
|
55
|
-
rgba(255, 255, 255, 0.15) 50%,
|
|
56
|
-
rgba(255, 255, 255, 0.15) 75%,
|
|
57
|
-
transparent 75%,
|
|
58
|
-
transparent
|
|
59
|
-
);
|
|
49
|
+
.bg-stripes[data-v-546a3ae5] {
|
|
50
|
+
background-image: linear-gradient(
|
|
51
|
+
45deg,
|
|
52
|
+
rgba(255, 255, 255, 0.15) 25%,
|
|
53
|
+
transparent 25%,
|
|
54
|
+
transparent 50%,
|
|
55
|
+
rgba(255, 255, 255, 0.15) 50%,
|
|
56
|
+
rgba(255, 255, 255, 0.15) 75%,
|
|
57
|
+
transparent 75%,
|
|
58
|
+
transparent
|
|
59
|
+
);
|
|
60
60
|
background-size: 1rem 1rem;
|
|
61
61
|
}
|
|
62
|
-
.animate-stripes[data-v-
|
|
63
|
-
animation: stripes-
|
|
62
|
+
.animate-stripes[data-v-546a3ae5] {
|
|
63
|
+
animation: stripes-546a3ae5 1s linear infinite;
|
|
64
64
|
}
|
|
65
|
-
@keyframes stripes-
|
|
66
|
-
from {
|
|
65
|
+
@keyframes stripes-546a3ae5 {
|
|
66
|
+
from {
|
|
67
67
|
background-position: 1rem 0;
|
|
68
68
|
}
|
|
69
|
-
to {
|
|
69
|
+
to {
|
|
70
70
|
background-position: 0 0;
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
|
-
.animate-indeterminate[data-v-
|
|
74
|
-
animation: indeterminate-
|
|
73
|
+
.animate-indeterminate[data-v-546a3ae5] {
|
|
74
|
+
animation: indeterminate-546a3ae5 1.5s ease-in-out infinite;
|
|
75
75
|
}
|
|
76
|
-
@keyframes indeterminate-
|
|
77
|
-
0% {
|
|
76
|
+
@keyframes indeterminate-546a3ae5 {
|
|
77
|
+
0% {
|
|
78
78
|
transform: translateX(-100%);
|
|
79
79
|
}
|
|
80
|
-
100% {
|
|
80
|
+
100% {
|
|
81
81
|
transform: translateX(400%);
|
|
82
82
|
}
|
|
83
|
-
}
|
|
83
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { default as AccordionItem } from './AccordionItem.vue';
|
|
3
|
+
declare const meta: Meta<typeof AccordionItem>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithIcon: Story;
|
|
8
|
+
export declare const Disabled: Story;
|
|
9
|
+
export declare const OpenByDefault: Story;
|
|
10
|
+
export declare const MultipleItems: Story;
|
|
@@ -14,7 +14,7 @@ type __VLS_Props = {
|
|
|
14
14
|
rounded?: 'full' | 'lg' | 'md';
|
|
15
15
|
};
|
|
16
16
|
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
17
|
-
size: AvatarSize;
|
|
18
17
|
rounded: "full" | "lg" | "md";
|
|
18
|
+
size: AvatarSize;
|
|
19
19
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
20
20
|
export default _default;
|
|
@@ -36,9 +36,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
36
36
|
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
37
37
|
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
38
38
|
}>, {
|
|
39
|
+
type: "button" | "submit" | "reset";
|
|
39
40
|
variant: ButtonVariant;
|
|
40
41
|
size: ButtonSize;
|
|
41
|
-
type: "button" | "submit" | "reset";
|
|
42
42
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
43
43
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
44
44
|
export default _default;
|
|
@@ -8,3 +8,6 @@ export declare const WithTitle: Story;
|
|
|
8
8
|
export declare const WithTitleAndDescription: Story;
|
|
9
9
|
export declare const WithActions: Story;
|
|
10
10
|
export declare const CustomSlots: Story;
|
|
11
|
+
export declare const Loading: Story;
|
|
12
|
+
export declare const LoadingWithAvatar: Story;
|
|
13
|
+
export declare const LoadingWithActions: Story;
|
|
@@ -3,6 +3,14 @@ type __VLS_Props = {
|
|
|
3
3
|
description?: string;
|
|
4
4
|
titleClass?: string;
|
|
5
5
|
dividerClass?: string;
|
|
6
|
+
/** Show loading skeleton */
|
|
7
|
+
loading?: boolean;
|
|
8
|
+
/** Number of skeleton lines */
|
|
9
|
+
loadingLines?: number;
|
|
10
|
+
/** Show avatar in skeleton */
|
|
11
|
+
loadingAvatar?: boolean;
|
|
12
|
+
/** Show actions in skeleton */
|
|
13
|
+
loadingActions?: boolean;
|
|
6
14
|
};
|
|
7
15
|
declare function __VLS_template(): {
|
|
8
16
|
attrs: Partial<{}>;
|
|
@@ -14,10 +22,15 @@ declare function __VLS_template(): {
|
|
|
14
22
|
default?(_: {}): any;
|
|
15
23
|
};
|
|
16
24
|
refs: {};
|
|
17
|
-
rootEl:
|
|
25
|
+
rootEl: any;
|
|
18
26
|
};
|
|
19
27
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
20
|
-
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
28
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
29
|
+
loading: boolean;
|
|
30
|
+
loadingLines: number;
|
|
31
|
+
loadingAvatar: boolean;
|
|
32
|
+
loadingActions: boolean;
|
|
33
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
21
34
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
22
35
|
export default _default;
|
|
23
36
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { default as MobileList } from './MobileList.vue';
|
|
3
|
+
declare const meta: Meta<typeof MobileList>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithAvatar: Story;
|
|
8
|
+
export declare const WithActions: Story;
|
|
9
|
+
export declare const Selectable: Story;
|
|
10
|
+
export declare const WithStatusBadge: Story;
|
|
11
|
+
export declare const Empty: Story;
|
|
12
|
+
export declare const Loading: Story;
|
|
13
|
+
export declare const LoadingCustomItems: Story;
|
|
@@ -23,6 +23,10 @@ type __VLS_Props = {
|
|
|
23
23
|
selectedItems?: Set<string>;
|
|
24
24
|
/** Filter function to determine if an item is selectable */
|
|
25
25
|
selectableFilter?: (item: ItemType) => boolean;
|
|
26
|
+
/** Show loading skeleton */
|
|
27
|
+
loading?: boolean;
|
|
28
|
+
/** Number of skeleton items to show when loading */
|
|
29
|
+
loadingItems?: number;
|
|
26
30
|
};
|
|
27
31
|
declare function __VLS_template(): {
|
|
28
32
|
attrs: Partial<{}>;
|
|
@@ -68,8 +72,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
68
72
|
onSelect?: ((id: string) => any) | undefined;
|
|
69
73
|
onSelectAll?: (() => any) | undefined;
|
|
70
74
|
}>, {
|
|
75
|
+
loading: boolean;
|
|
71
76
|
selectable: boolean;
|
|
72
77
|
keyField: string;
|
|
78
|
+
loadingItems: number;
|
|
73
79
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
74
80
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
75
81
|
export default _default;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { default as ResponsiveList } from './ResponsiveList.vue';
|
|
3
|
+
declare const meta: Meta<typeof ResponsiveList>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithAvatar: Story;
|
|
8
|
+
export declare const WithStatusBadge: Story;
|
|
9
|
+
export declare const WithActions: Story;
|
|
10
|
+
export declare const Selectable: Story;
|
|
11
|
+
export declare const SortableColumns: Story;
|
|
12
|
+
export declare const CustomBreakpoint: Story;
|
|
13
|
+
export declare const Empty: Story;
|
|
14
|
+
export declare const Loading: Story;
|
|
15
|
+
export declare const LoadingCustomRows: Story;
|
|
@@ -46,6 +46,10 @@ type __VLS_Props = {
|
|
|
46
46
|
sortBy?: string;
|
|
47
47
|
/** Current sort direction */
|
|
48
48
|
sortDirection?: SortDirection;
|
|
49
|
+
/** Show loading skeleton */
|
|
50
|
+
loading?: boolean;
|
|
51
|
+
/** Number of skeleton rows/items to show when loading */
|
|
52
|
+
loadingRows?: number;
|
|
49
53
|
};
|
|
50
54
|
declare function __VLS_template(): {
|
|
51
55
|
attrs: Partial<{}>;
|
|
@@ -109,8 +113,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
109
113
|
onSelect?: ((id: string) => any) | undefined;
|
|
110
114
|
onSelectAll?: (() => any) | undefined;
|
|
111
115
|
}>, {
|
|
116
|
+
loading: boolean;
|
|
112
117
|
selectable: boolean;
|
|
113
118
|
keyField: string;
|
|
119
|
+
loadingRows: number;
|
|
114
120
|
breakpoint: "sm" | "md" | "lg" | "xl" | "2xl";
|
|
115
121
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
116
122
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { default as TabPanel } from './TabPanel.vue';
|
|
3
|
+
declare const meta: Meta<typeof TabPanel>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithRichContent: Story;
|
|
8
|
+
export declare const WithForm: Story;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { default as TableAction } from './TableAction.vue';
|
|
3
|
+
declare const meta: Meta<typeof TableAction>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Info: Story;
|
|
8
|
+
export declare const Warning: Story;
|
|
9
|
+
export declare const Success: Story;
|
|
10
|
+
export declare const Error: Story;
|
|
11
|
+
export declare const WithLink: Story;
|
|
12
|
+
export declare const AllColors: Story;
|
|
13
|
+
export declare const CommonActions: Story;
|
|
14
|
+
export declare const InTableRow: Story;
|
|
@@ -12,3 +12,5 @@ export declare const WithActions: Story;
|
|
|
12
12
|
export declare const WithCustomSlot: Story;
|
|
13
13
|
export declare const EmptyState: Story;
|
|
14
14
|
export declare const NestedProperties: Story;
|
|
15
|
+
export declare const Loading: Story;
|
|
16
|
+
export declare const LoadingCustomRows: Story;
|
|
@@ -21,6 +21,10 @@ type __VLS_Props = {
|
|
|
21
21
|
sortBy?: string;
|
|
22
22
|
/** Current sort direction */
|
|
23
23
|
sortDirection?: SortDirection;
|
|
24
|
+
/** Show loading skeleton */
|
|
25
|
+
loading?: boolean;
|
|
26
|
+
/** Number of skeleton rows to show when loading */
|
|
27
|
+
loadingRows?: number;
|
|
24
28
|
};
|
|
25
29
|
declare function __VLS_template(): {
|
|
26
30
|
attrs: Partial<{}>;
|
|
@@ -49,8 +53,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
49
53
|
onSelect?: ((id: string) => any) | undefined;
|
|
50
54
|
onSelectAll?: (() => any) | undefined;
|
|
51
55
|
}>, {
|
|
56
|
+
loading: boolean;
|
|
52
57
|
selectable: boolean;
|
|
53
58
|
keyField: string;
|
|
59
|
+
loadingRows: number;
|
|
54
60
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
55
61
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
56
62
|
export default _default;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const Timeline_vue_vue_type_script_setup_true_lang = require("../../Timeline.vue_vue_type_script_setup_true_lang-
|
|
3
|
+
const Timeline_vue_vue_type_script_setup_true_lang = require("../../Timeline.vue_vue_type_script_setup_true_lang-C5SKEGPG.cjs");
|
|
4
4
|
const Dropdown_vue_vue_type_script_setup_true_lang = require("../../Dropdown.vue_vue_type_script_setup_true_lang-DKxcVBKu.cjs");
|
|
5
5
|
const BadgeType_vue_vue_type_script_setup_true_lang = require("../../BadgeType.vue_vue_type_script_setup_true_lang-CJb63H1I.cjs");
|
|
6
6
|
exports.Accordion = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$16;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { p, q, d, g, o, f, _, k, n, b, m, c, j, i, e, a, h, r, l } from "../../Timeline.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
import { p, q, d, g, o, f, _, k, n, b, m, c, j, i, e, a, h, r, l } from "../../Timeline.vue_vue_type_script_setup_true_lang-ykGksWXN.js";
|
|
2
2
|
import { a as a2, _ as _2 } from "../../Dropdown.vue_vue_type_script_setup_true_lang-C3pr8BwC.js";
|
|
3
3
|
import { _ as _3 } from "../../BadgeType.vue_vue_type_script_setup_true_lang-CnB5eNEM.js";
|
|
4
4
|
export {
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { default as CardSkeleton } from './CardSkeleton.vue';
|
|
3
|
+
declare const meta: Meta<typeof CardSkeleton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithAvatar: Story;
|
|
8
|
+
export declare const WithActions: Story;
|
|
9
|
+
export declare const Full: Story;
|
|
10
|
+
export declare const SingleLine: Story;
|
|
11
|
+
export declare const Grid: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -7,8 +7,8 @@ type __VLS_Props = {
|
|
|
7
7
|
showActions?: boolean;
|
|
8
8
|
};
|
|
9
9
|
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
10
|
-
lines: number;
|
|
11
10
|
showAvatar: boolean;
|
|
11
|
+
lines: number;
|
|
12
12
|
showActions: boolean;
|
|
13
13
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
14
14
|
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { default as ListSkeleton } from './ListSkeleton.vue';
|
|
3
|
+
declare const meta: Meta<typeof ListSkeleton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithActions: Story;
|
|
8
|
+
export declare const NoAvatar: Story;
|
|
9
|
+
export declare const SimpleList: Story;
|
|
10
|
+
export declare const ThreeItems: Story;
|
|
11
|
+
export declare const FullFeatured: Story;
|
|
12
|
+
export declare const InCard: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -9,8 +9,8 @@ type __VLS_Props = {
|
|
|
9
9
|
showAction?: boolean;
|
|
10
10
|
};
|
|
11
11
|
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
12
|
-
items: number;
|
|
13
12
|
showAvatar: boolean;
|
|
13
|
+
items: number;
|
|
14
14
|
showSecondary: boolean;
|
|
15
15
|
showAction: boolean;
|
|
16
16
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { default as NotificationComponent } from './NotificationComponent.vue';
|
|
3
|
+
declare const meta: Meta<typeof NotificationComponent>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Success: Story;
|
|
7
|
+
export declare const Info: Story;
|
|
8
|
+
export declare const Warning: Story;
|
|
9
|
+
export declare const Error: Story;
|
|
10
|
+
export declare const MessageOnly: Story;
|
|
11
|
+
export declare const TitleOnly: Story;
|
|
12
|
+
export declare const LongMessage: Story;
|
|
13
|
+
export declare const WithDismissHandler: Story;
|
|
14
|
+
export declare const AllTypes: Story;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { default as NotificationList } from './NotificationList.vue';
|
|
3
|
+
declare const meta: Meta<typeof NotificationList>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const SingleNotification: Story;
|
|
8
|
+
export declare const MixedTypes: Story;
|
|
9
|
+
export declare const WithAutoDismiss: Story;
|
|
10
|
+
export declare const Interactive: Story;
|
|
11
|
+
export declare const Empty: Story;
|
|
@@ -12,8 +12,8 @@ type __VLS_Props = {
|
|
|
12
12
|
animate?: boolean;
|
|
13
13
|
};
|
|
14
14
|
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
15
|
+
lines: number;
|
|
15
16
|
animate: boolean;
|
|
16
17
|
variant: SkeletonVariant;
|
|
17
|
-
lines: number;
|
|
18
18
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
19
19
|
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { default as TableSkeleton } from './TableSkeleton.vue';
|
|
3
|
+
declare const meta: Meta<typeof TableSkeleton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const NoHeader: Story;
|
|
8
|
+
export declare const ThreeColumns: Story;
|
|
9
|
+
export declare const SixColumns: Story;
|
|
10
|
+
export declare const TenRows: Story;
|
|
11
|
+
export declare const Compact: Story;
|
|
12
|
+
export declare const InCard: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -7,8 +7,8 @@ type __VLS_Props = {
|
|
|
7
7
|
showHeader?: boolean;
|
|
8
8
|
};
|
|
9
9
|
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
10
|
-
columns: number;
|
|
11
10
|
rows: number;
|
|
11
|
+
columns: number;
|
|
12
12
|
showHeader: boolean;
|
|
13
13
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
14
14
|
export default _default;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { default as ToastContainer } from './ToastContainer.vue';
|
|
3
|
+
declare const meta: Meta<typeof ToastContainer>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const TopLeft: Story;
|
|
8
|
+
export declare const BottomRight: Story;
|
|
9
|
+
export declare const BottomLeft: Story;
|
|
10
|
+
export declare const TopCenter: Story;
|
|
11
|
+
export declare const BottomCenter: Story;
|
|
12
|
+
export declare const WithTopOffset: Story;
|
|
13
|
+
export declare const AllTypes: Story;
|
|
14
|
+
export declare const Interactive: Story;
|
|
15
|
+
export declare const WithDuration: Story;
|
|
@@ -1,18 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const
|
|
4
|
-
|
|
5
|
-
exports.
|
|
6
|
-
exports.EmptyState =
|
|
7
|
-
exports.
|
|
8
|
-
exports.
|
|
9
|
-
exports.
|
|
10
|
-
exports.
|
|
11
|
-
exports.
|
|
12
|
-
exports.
|
|
13
|
-
exports.
|
|
14
|
-
exports.
|
|
15
|
-
exports.
|
|
16
|
-
exports.
|
|
17
|
-
exports.
|
|
3
|
+
const Skeleton_vue_vue_type_script_setup_true_lang = require("../../Skeleton.vue_vue_type_script_setup_true_lang-CsDMGhaT.cjs");
|
|
4
|
+
const ListSkeleton_vue_vue_type_script_setup_true_lang = require("../../ListSkeleton.vue_vue_type_script_setup_true_lang-CrEu33_J.cjs");
|
|
5
|
+
exports.Alert = Skeleton_vue_vue_type_script_setup_true_lang._sfc_main$5;
|
|
6
|
+
exports.EmptyState = Skeleton_vue_vue_type_script_setup_true_lang._sfc_main$6;
|
|
7
|
+
exports.LoadingSpinner = Skeleton_vue_vue_type_script_setup_true_lang._sfc_main;
|
|
8
|
+
exports.Modal = Skeleton_vue_vue_type_script_setup_true_lang._sfc_main$1;
|
|
9
|
+
exports.NotificationComponent = Skeleton_vue_vue_type_script_setup_true_lang._sfc_main$3;
|
|
10
|
+
exports.NotificationList = Skeleton_vue_vue_type_script_setup_true_lang._sfc_main$4;
|
|
11
|
+
exports.PaginationControls = Skeleton_vue_vue_type_script_setup_true_lang._sfc_main$2;
|
|
12
|
+
exports.Progress = Skeleton_vue_vue_type_script_setup_true_lang.Progress;
|
|
13
|
+
exports.Skeleton = Skeleton_vue_vue_type_script_setup_true_lang._sfc_main$9;
|
|
14
|
+
exports.Toast = Skeleton_vue_vue_type_script_setup_true_lang._sfc_main$7;
|
|
15
|
+
exports.ToastContainer = Skeleton_vue_vue_type_script_setup_true_lang._sfc_main$8;
|
|
16
|
+
exports.CardSkeleton = ListSkeleton_vue_vue_type_script_setup_true_lang._sfc_main$1;
|
|
17
|
+
exports.ListSkeleton = ListSkeleton_vue_vue_type_script_setup_true_lang._sfc_main$2;
|
|
18
|
+
exports.TableSkeleton = ListSkeleton_vue_vue_type_script_setup_true_lang._sfc_main;
|
|
18
19
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import { e,
|
|
1
|
+
import { e, f, _, a, c, d, b, P, i, g, h } from "../../Skeleton.vue_vue_type_script_setup_true_lang-Q4PcIELi.js";
|
|
2
|
+
import { a as a2, b as b2, _ as _2 } from "../../ListSkeleton.vue_vue_type_script_setup_true_lang-D3_Oddwt.js";
|
|
2
3
|
export {
|
|
3
4
|
e as Alert,
|
|
4
|
-
|
|
5
|
+
a2 as CardSkeleton,
|
|
5
6
|
f as EmptyState,
|
|
6
|
-
|
|
7
|
+
b2 as ListSkeleton,
|
|
7
8
|
_ as LoadingSpinner,
|
|
8
9
|
a as Modal,
|
|
9
10
|
c as NotificationComponent,
|
|
@@ -11,7 +12,7 @@ export {
|
|
|
11
12
|
b as PaginationControls,
|
|
12
13
|
P as Progress,
|
|
13
14
|
i as Skeleton,
|
|
14
|
-
|
|
15
|
+
_2 as TableSkeleton,
|
|
15
16
|
g as Toast,
|
|
16
17
|
h as ToastContainer
|
|
17
18
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
|
@@ -30,8 +30,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
|
|
|
30
30
|
"onFiles-selected"?: ((files: File[]) => any) | undefined;
|
|
31
31
|
"onFile-removed"?: ((file: File) => any) | undefined;
|
|
32
32
|
}>, {
|
|
33
|
-
description: string;
|
|
34
33
|
label: string;
|
|
34
|
+
description: string;
|
|
35
35
|
disabled: boolean;
|
|
36
36
|
multiple: boolean;
|
|
37
37
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { default as FormHelp } from './FormHelp.vue';
|
|
3
|
+
declare const meta: Meta<typeof FormHelp>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithSlot: Story;
|
|
8
|
+
export declare const ErrorState: Story;
|
|
9
|
+
export declare const WithFormInput: Story;
|
|
10
|
+
export declare const WithFormInputError: Story;
|
|
11
|
+
export declare const MultipleExamples: Story;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { default as FormLabel } from './FormLabel.vue';
|
|
3
|
+
declare const meta: Meta<typeof FormLabel>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const ErrorState: Story;
|
|
8
|
+
export declare const WithInput: Story;
|
|
9
|
+
export declare const WithInputAndHelp: Story;
|
|
10
|
+
export declare const ErrorWithInput: Story;
|
|
11
|
+
export declare const RequiredField: Story;
|
|
12
|
+
export declare const MultipleFields: Story;
|
|
@@ -9,3 +9,5 @@ export declare const Searchable: Story;
|
|
|
9
9
|
export declare const Disabled: Story;
|
|
10
10
|
export declare const ManyOptions: Story;
|
|
11
11
|
export declare const CountrySelector: Story;
|
|
12
|
+
export declare const CustomTriggerClass: Story;
|
|
13
|
+
export declare const CustomNoResultsText: Story;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const RangeSlider_vue_vue_type_script_setup_true_lang = require("../../RangeSlider.vue_vue_type_script_setup_true_lang-
|
|
3
|
+
const RangeSlider_vue_vue_type_script_setup_true_lang = require("../../RangeSlider.vue_vue_type_script_setup_true_lang-ClH-pyK8.cjs");
|
|
4
4
|
const Checkbox_vue_vue_type_script_setup_true_lang = require("../../Checkbox.vue_vue_type_script_setup_true_lang-DIoHDji4.cjs");
|
|
5
5
|
exports.ColorPicker = RangeSlider_vue_vue_type_script_setup_true_lang._sfc_main$10;
|
|
6
6
|
exports.DatePicker = RangeSlider_vue_vue_type_script_setup_true_lang._sfc_main$7;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { j, g, h, d, a, b, _, c, k, i, e, S, f } from "../../RangeSlider.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
import { j, g, h, d, a, b, _, c, k, i, e, S, f } from "../../RangeSlider.vue_vue_type_script_setup_true_lang-B79_S1JL.js";
|
|
2
2
|
import { _ as _2 } from "../../Checkbox.vue_vue_type_script_setup_true_lang-B-nLCCNY.js";
|
|
3
3
|
export {
|
|
4
4
|
_2 as Checkbox,
|