@vanjana/vue-ui 0.1.59

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.
Files changed (108) hide show
  1. package/dist/theme-light.css +1 -0
  2. package/dist/theme-light.js +1 -0
  3. package/dist/types/components/button-bar.vue.d.ts +15 -0
  4. package/dist/types/components/button.vue.d.ts +11 -0
  5. package/dist/types/components/card.vue.d.ts +21 -0
  6. package/dist/types/components/carousel.vue.d.ts +21 -0
  7. package/dist/types/components/checkbox.vue.d.ts +15 -0
  8. package/dist/types/components/data/data.vue.d.ts +7 -0
  9. package/dist/types/components/dialog.vue.d.ts +47 -0
  10. package/dist/types/components/dot-menu.vue.d.ts +16 -0
  11. package/dist/types/components/form/form-field.vue.d.ts +33 -0
  12. package/dist/types/components/form/form-layout.vue.d.ts +34 -0
  13. package/dist/types/components/form/form-section.vue.d.ts +16 -0
  14. package/dist/types/components/form/index.d.ts +10 -0
  15. package/dist/types/components/form/input-select.vue.d.ts +34 -0
  16. package/dist/types/components/form/input-slider.vue.d.ts +19 -0
  17. package/dist/types/components/form/input-text-area.vue.d.ts +17 -0
  18. package/dist/types/components/form/input-text.vue.d.ts +14 -0
  19. package/dist/types/components/form/input.vue.d.ts +23 -0
  20. package/dist/types/components/form/select.vue.d.ts +43 -0
  21. package/dist/types/components/form/textarea.vue.d.ts +23 -0
  22. package/dist/types/components/icon.vue.d.ts +8 -0
  23. package/dist/types/components/index.d.ts +20 -0
  24. package/dist/types/components/link-button.vue.d.ts +13 -0
  25. package/dist/types/components/menu-action.vue.d.ts +8 -0
  26. package/dist/types/components/menu.vue.d.ts +13 -0
  27. package/dist/types/components/nav-bar.vue.d.ts +3 -0
  28. package/dist/types/components/page.vue.d.ts +28 -0
  29. package/dist/types/components/paginator.vue.d.ts +36 -0
  30. package/dist/types/components/search-field.vue.d.ts +17 -0
  31. package/dist/types/components/separator.vue.d.ts +6 -0
  32. package/dist/types/components/shell/index.d.ts +4 -0
  33. package/dist/types/components/shell/shell-navigation-item.vue.d.ts +8 -0
  34. package/dist/types/components/shell/shell-navigation.vue.d.ts +13 -0
  35. package/dist/types/components/shell/shell.vue.d.ts +20 -0
  36. package/dist/types/components/slider.vue.d.ts +22 -0
  37. package/dist/types/components/tab-view.vue.d.ts +20 -0
  38. package/dist/types/components/tab.vue.d.ts +17 -0
  39. package/dist/types/directives/focus.directive.d.ts +28 -0
  40. package/dist/types/directives/index.d.ts +1 -0
  41. package/dist/types/index.d.ts +1 -0
  42. package/dist/types/model/FormFieldProps.d.ts +11 -0
  43. package/dist/types/model/IconSize.d.ts +5 -0
  44. package/dist/types/model/Icons.d.ts +39 -0
  45. package/dist/types/model/VjRouteRecord.d.ts +12 -0
  46. package/dist/types/model/index.d.ts +4 -0
  47. package/dist/types/provider/index.d.ts +2 -0
  48. package/dist/types/provider/router-navigation-provider.d.ts +19 -0
  49. package/dist/types/provider/static-navigation-provider.d.ts +26 -0
  50. package/dist/types/public-api.d.ts +9 -0
  51. package/dist/types/services/aside.service.d.ts +247 -0
  52. package/dist/types/services/aside.store.d.ts +257 -0
  53. package/dist/types/services/debounce.d.ts +1 -0
  54. package/dist/types/services/dialog.service.d.ts +31 -0
  55. package/dist/types/services/index.d.ts +3 -0
  56. package/dist/types/stories/components/AsideDemo.vue.d.ts +8 -0
  57. package/dist/types/stories/components/button.stories.d.ts +77 -0
  58. package/dist/types/stories/components/card.stories.d.ts +49 -0
  59. package/dist/types/stories/components/carousel.stories.d.ts +122 -0
  60. package/dist/types/stories/components/checkbox.stories.d.ts +68 -0
  61. package/dist/types/stories/components/data.stories.d.ts +10 -0
  62. package/dist/types/stories/components/dialog.stories.d.ts +116 -0
  63. package/dist/types/stories/components/dot-menu.stories.d.ts +67 -0
  64. package/dist/types/stories/components/form-field.stories.d.ts +28 -0
  65. package/dist/types/stories/components/form-layout.stories.d.ts +87 -0
  66. package/dist/types/stories/components/icon.stories.d.ts +42 -0
  67. package/dist/types/stories/components/input-slider.stories.d.ts +6 -0
  68. package/dist/types/stories/components/input-text.stories.d.ts +12 -0
  69. package/dist/types/stories/components/input.stories.d.ts +62 -0
  70. package/dist/types/stories/components/menu-action.stories.d.ts +60 -0
  71. package/dist/types/stories/components/page.stories.d.ts +103 -0
  72. package/dist/types/stories/components/paginator.stories.d.ts +11 -0
  73. package/dist/types/stories/components/search-field.stories.d.ts +48 -0
  74. package/dist/types/stories/components/select.stories.d.ts +13 -0
  75. package/dist/types/stories/components/shell.stories.d.ts +96 -0
  76. package/dist/types/stories/components/slider.stories.d.ts +10 -0
  77. package/dist/types/stories/components/tab-view.stories.d.ts +118 -0
  78. package/dist/types/stories/components/textarea.stories.d.ts +62 -0
  79. package/dist/types/stories/router.d.ts +2 -0
  80. package/dist/types/theme-light.d.ts +2 -0
  81. package/dist/vanjana-vue-ui.es.js +2862 -0
  82. package/dist/vanjana-vue-ui.umd.js +1 -0
  83. package/dist/vue-ui.css +1 -0
  84. package/package.json +79 -0
  85. package/themes/common/_components.scss +19 -0
  86. package/themes/common/_mixins.scss +78 -0
  87. package/themes/common/components/_button-bar.scss +8 -0
  88. package/themes/common/components/_button.scss +44 -0
  89. package/themes/common/components/_card.scss +21 -0
  90. package/themes/common/components/_checkbox.scss +26 -0
  91. package/themes/common/components/_dialog.scss +15 -0
  92. package/themes/common/components/_dot-menu.scss +10 -0
  93. package/themes/common/components/_icon.scss +11 -0
  94. package/themes/common/components/_menu-action.scss +10 -0
  95. package/themes/common/components/_menu.scss +6 -0
  96. package/themes/common/components/_page.scss +21 -0
  97. package/themes/common/components/_search-field.scss +34 -0
  98. package/themes/common/components/_shell.scss +101 -0
  99. package/themes/common/components/_tab-view.scss +40 -0
  100. package/themes/common/components/_tab.scss +12 -0
  101. package/themes/common/components/form/_form-field.scss +32 -0
  102. package/themes/common/components/form/_input.scss +40 -0
  103. package/themes/common/components/form/_select.scss +60 -0
  104. package/themes/common/components/form/_textarea.scss +38 -0
  105. package/themes/default.scss +12 -0
  106. package/themes/light/_shell.scss +56 -0
  107. package/themes/light/theme.scss +51 -0
  108. package/themes/mixins.scss +1 -0
@@ -0,0 +1,116 @@
1
+ import type { StoryObj } from '@storybook/vue3';
2
+ declare const meta: {
3
+ title: string;
4
+ component: {
5
+ new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
6
+ modelValue?: boolean;
7
+ title?: string;
8
+ message?: string;
9
+ component?: import("vue").Component;
10
+ componentProps?: Record<string, unknown>;
11
+ showFooter?: boolean;
12
+ showCancel?: boolean;
13
+ confirmText?: string;
14
+ cancelText?: string;
15
+ closeOnBackdrop?: boolean;
16
+ closeOnEscape?: boolean;
17
+ }> & Readonly<{
18
+ "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
19
+ onCancel?: (() => any) | undefined;
20
+ onClose?: (() => any) | undefined;
21
+ onConfirm?: (() => any) | undefined;
22
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
23
+ "update:modelValue": (value: boolean) => any;
24
+ cancel: () => any;
25
+ close: () => any;
26
+ confirm: () => any;
27
+ }, import("vue").PublicProps, {
28
+ modelValue: boolean;
29
+ showFooter: boolean;
30
+ showCancel: boolean;
31
+ confirmText: string;
32
+ cancelText: string;
33
+ closeOnBackdrop: boolean;
34
+ closeOnEscape: boolean;
35
+ }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
36
+ P: {};
37
+ B: {};
38
+ D: {};
39
+ C: {};
40
+ M: {};
41
+ Defaults: {};
42
+ }, Readonly<{
43
+ modelValue?: boolean;
44
+ title?: string;
45
+ message?: string;
46
+ component?: import("vue").Component;
47
+ componentProps?: Record<string, unknown>;
48
+ showFooter?: boolean;
49
+ showCancel?: boolean;
50
+ confirmText?: string;
51
+ cancelText?: string;
52
+ closeOnBackdrop?: boolean;
53
+ closeOnEscape?: boolean;
54
+ }> & Readonly<{
55
+ "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
56
+ onCancel?: (() => any) | undefined;
57
+ onClose?: (() => any) | undefined;
58
+ onConfirm?: (() => any) | undefined;
59
+ }>, {}, {}, {}, {}, {
60
+ modelValue: boolean;
61
+ showFooter: boolean;
62
+ showCancel: boolean;
63
+ confirmText: string;
64
+ cancelText: string;
65
+ closeOnBackdrop: boolean;
66
+ closeOnEscape: boolean;
67
+ }>;
68
+ __isFragment?: never;
69
+ __isTeleport?: never;
70
+ __isSuspense?: never;
71
+ } & import("vue").ComponentOptionsBase<Readonly<{
72
+ modelValue?: boolean;
73
+ title?: string;
74
+ message?: string;
75
+ component?: import("vue").Component;
76
+ componentProps?: Record<string, unknown>;
77
+ showFooter?: boolean;
78
+ showCancel?: boolean;
79
+ confirmText?: string;
80
+ cancelText?: string;
81
+ closeOnBackdrop?: boolean;
82
+ closeOnEscape?: boolean;
83
+ }> & Readonly<{
84
+ "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
85
+ onCancel?: (() => any) | undefined;
86
+ onClose?: (() => any) | undefined;
87
+ onConfirm?: (() => any) | undefined;
88
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
89
+ "update:modelValue": (value: boolean) => any;
90
+ cancel: () => any;
91
+ close: () => any;
92
+ confirm: () => any;
93
+ }, string, {
94
+ modelValue: boolean;
95
+ showFooter: boolean;
96
+ showCancel: boolean;
97
+ confirmText: string;
98
+ cancelText: string;
99
+ closeOnBackdrop: boolean;
100
+ closeOnEscape: boolean;
101
+ }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
102
+ $slots: {
103
+ default?: (props: {}) => any;
104
+ } & {
105
+ footer?: (props: {}) => any;
106
+ };
107
+ });
108
+ tags: string[];
109
+ };
110
+ export default meta;
111
+ type Story = StoryObj<typeof meta>;
112
+ export declare const BasicDialog: Story;
113
+ export declare const WithCustomContent: Story;
114
+ export declare const UsingDialogService: Story;
115
+ export declare const WithoutCancel: Story;
116
+ export declare const CustomFooter: Story;
@@ -0,0 +1,67 @@
1
+ import type { StoryObj } from '@storybook/vue3-vite';
2
+ import { IconNames } from '../../model';
3
+ declare const meta: {
4
+ title: string;
5
+ component: {
6
+ new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
7
+ icon?: string;
8
+ }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
9
+ P: {};
10
+ B: {};
11
+ D: {};
12
+ C: {};
13
+ M: {};
14
+ Defaults: {};
15
+ }, Readonly<{
16
+ icon?: string;
17
+ }> & Readonly<{}>, {}, {}, {}, {}, {}>;
18
+ __isFragment?: never;
19
+ __isTeleport?: never;
20
+ __isSuspense?: never;
21
+ } & import("vue").ComponentOptionsBase<Readonly<{
22
+ icon?: string;
23
+ }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
24
+ $slots: {
25
+ default?: (props: {}) => any;
26
+ };
27
+ });
28
+ render: (args: unknown) => {
29
+ components: {
30
+ DotMenu: {
31
+ new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
32
+ icon?: string;
33
+ }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
34
+ P: {};
35
+ B: {};
36
+ D: {};
37
+ C: {};
38
+ M: {};
39
+ Defaults: {};
40
+ }, Readonly<{
41
+ icon?: string;
42
+ }> & Readonly<{}>, {}, {}, {}, {}, {}>;
43
+ __isFragment?: never;
44
+ __isTeleport?: never;
45
+ __isSuspense?: never;
46
+ } & import("vue").ComponentOptionsBase<Readonly<{
47
+ icon?: string;
48
+ }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
49
+ $slots: {
50
+ default?: (props: {}) => any;
51
+ };
52
+ });
53
+ };
54
+ setup(this: void): {
55
+ args: unknown;
56
+ IconNames: typeof IconNames;
57
+ };
58
+ template: string;
59
+ };
60
+ tags: string[];
61
+ argTypes: {};
62
+ args: {};
63
+ };
64
+ export default meta;
65
+ type Story = StoryObj<typeof meta>;
66
+ export declare const Primary: Story;
67
+ export declare const WithCustomItems: Story;
@@ -0,0 +1,28 @@
1
+ import type { StoryObj } from '@storybook/vue3';
2
+ declare const meta: {
3
+ title: string;
4
+ component: import("vue").DefineComponent<import("../..").FormFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
5
+ input: (value: string | number) => any;
6
+ "update:modelValue": (value: string | number) => any;
7
+ blur: (value: FocusEvent) => any;
8
+ focus: (value: FocusEvent) => any;
9
+ }, string, import("vue").PublicProps, Readonly<import("../..").FormFieldProps> & Readonly<{
10
+ onInput?: ((value: string | number) => any) | undefined;
11
+ "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
12
+ onBlur?: ((value: FocusEvent) => any) | undefined;
13
+ onFocus?: ((value: FocusEvent) => any) | undefined;
14
+ }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
15
+ tags: string[];
16
+ };
17
+ export default meta;
18
+ type Story = StoryObj<typeof meta>;
19
+ export declare const TextInput: Story;
20
+ export declare const TextInputWithValue: Story;
21
+ export declare const TextInputDisabled: Story;
22
+ export declare const TextInputWithError: Story;
23
+ export declare const TextArea: Story;
24
+ export declare const TextAreaWithValue: Story;
25
+ export declare const SelectField: Story;
26
+ export declare const SelectFieldWithValue: Story;
27
+ export declare const SelectFieldDisabled: Story;
28
+ export declare const MixedFields: Story;
@@ -0,0 +1,87 @@
1
+ import { type StoryObj } from '@storybook/vue3-vite';
2
+ declare const meta: {
3
+ title: string;
4
+ component: {
5
+ new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
6
+ columns: {
7
+ type: NumberConstructor;
8
+ default: number;
9
+ };
10
+ gap: {
11
+ type: StringConstructor;
12
+ default: string;
13
+ };
14
+ }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
15
+ columns: number;
16
+ gap: string;
17
+ }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
18
+ P: {};
19
+ B: {};
20
+ D: {};
21
+ C: {};
22
+ M: {};
23
+ Defaults: {};
24
+ }, Readonly<import("vue").ExtractPropTypes<{
25
+ columns: {
26
+ type: NumberConstructor;
27
+ default: number;
28
+ };
29
+ gap: {
30
+ type: StringConstructor;
31
+ default: string;
32
+ };
33
+ }>> & Readonly<{}>, {}, {}, {}, {}, {
34
+ columns: number;
35
+ gap: string;
36
+ }>;
37
+ __isFragment?: never;
38
+ __isTeleport?: never;
39
+ __isSuspense?: never;
40
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
41
+ columns: {
42
+ type: NumberConstructor;
43
+ default: number;
44
+ };
45
+ gap: {
46
+ type: StringConstructor;
47
+ default: string;
48
+ };
49
+ }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
50
+ columns: number;
51
+ gap: string;
52
+ }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
53
+ $slots: {
54
+ default?: (props: {}) => any;
55
+ };
56
+ });
57
+ tags: string[];
58
+ argTypes: {
59
+ columns: {
60
+ control: {
61
+ type: "number";
62
+ };
63
+ description: string;
64
+ defaultValue: number;
65
+ };
66
+ gap: {
67
+ control: {
68
+ type: "text";
69
+ };
70
+ description: string;
71
+ defaultValue: string;
72
+ };
73
+ };
74
+ parameters: {
75
+ docs: {
76
+ description: {
77
+ component: string;
78
+ };
79
+ };
80
+ };
81
+ };
82
+ export default meta;
83
+ type Story = StoryObj<typeof meta>;
84
+ export declare const Default: Story;
85
+ export declare const WithSpanRow: Story;
86
+ export declare const WithFormSections: Story;
87
+ export declare const ComplexForm: Story;
@@ -0,0 +1,42 @@
1
+ import type { StoryObj } from '@storybook/vue3-vite';
2
+ import { IconSize } from '../../model';
3
+ declare const meta: {
4
+ title: string;
5
+ component: import("vue").DefineComponent<{
6
+ icon: string;
7
+ size?: IconSize;
8
+ }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
9
+ icon: string;
10
+ size?: IconSize;
11
+ }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
12
+ render: (args: unknown) => {
13
+ components: {
14
+ Icon: import("vue").DefineComponent<{
15
+ icon: string;
16
+ size?: IconSize;
17
+ }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
18
+ icon: string;
19
+ size?: IconSize;
20
+ }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
21
+ };
22
+ setup(this: void): {
23
+ args: unknown;
24
+ };
25
+ template: string;
26
+ };
27
+ tags: string[];
28
+ argTypes: {
29
+ icon: {
30
+ control: "select";
31
+ options: string[];
32
+ };
33
+ size: {
34
+ control: "select";
35
+ options: IconSize[];
36
+ };
37
+ };
38
+ args: {};
39
+ };
40
+ export default meta;
41
+ type Story = StoryObj<typeof meta>;
42
+ export declare const Primary: Story;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/vue3';
2
+ import InputSlider from '../../components/form/input-slider.vue';
3
+ declare const meta: Meta<typeof InputSlider>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof InputSlider>;
6
+ export declare const Default: Story;
@@ -0,0 +1,12 @@
1
+ import { Meta, StoryObj } from '@storybook/vue3';
2
+ import FormField from '../../components/form/form-field.vue';
3
+ declare const meta: Meta<typeof FormField>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof FormField>;
6
+ export declare const Default: Story;
7
+ export declare const WithPlaceholder: Story;
8
+ export declare const Prefilled: Story;
9
+ export declare const Textarea: Story;
10
+ export declare const Select: Story;
11
+ export declare const Disabled: Story;
12
+ export declare const WithError: Story;
@@ -0,0 +1,62 @@
1
+ import type { StoryObj } from '@storybook/vue3';
2
+ import { IconNames } from '../../model';
3
+ declare const meta: {
4
+ title: string;
5
+ component: import("vue").DefineComponent<{
6
+ icon?: string;
7
+ type?: string;
8
+ placeholder?: string;
9
+ disabled?: boolean;
10
+ clearable?: boolean;
11
+ } & {
12
+ modelValue?: string | number;
13
+ }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
14
+ "update:modelValue": (value: string | number | undefined) => any;
15
+ } & {
16
+ blur: (event: FocusEvent) => any;
17
+ focus: (event: FocusEvent) => any;
18
+ }, string, import("vue").PublicProps, Readonly<{
19
+ icon?: string;
20
+ type?: string;
21
+ placeholder?: string;
22
+ disabled?: boolean;
23
+ clearable?: boolean;
24
+ } & {
25
+ modelValue?: string | number;
26
+ }> & Readonly<{
27
+ "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
28
+ onBlur?: ((event: FocusEvent) => any) | undefined;
29
+ onFocus?: ((event: FocusEvent) => any) | undefined;
30
+ }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
31
+ tags: string[];
32
+ argTypes: {
33
+ modelValue: {
34
+ control: "text";
35
+ };
36
+ type: {
37
+ control: "select";
38
+ options: string[];
39
+ };
40
+ placeholder: {
41
+ control: "text";
42
+ };
43
+ disabled: {
44
+ control: "boolean";
45
+ };
46
+ clearable: {
47
+ control: "boolean";
48
+ };
49
+ icon: {
50
+ control: "select";
51
+ options: (IconNames | undefined)[];
52
+ };
53
+ };
54
+ };
55
+ export default meta;
56
+ type Story = StoryObj<typeof meta>;
57
+ export declare const Default: Story;
58
+ export declare const WithIcon: Story;
59
+ export declare const WithClearable: Story;
60
+ export declare const Password: Story;
61
+ export declare const Email: Story;
62
+ export declare const Disabled: Story;
@@ -0,0 +1,60 @@
1
+ import type { StoryObj } from '@storybook/vue3-vite';
2
+ import { IconNames } from '../../model';
3
+ declare const meta: {
4
+ title: string;
5
+ component: import("vue").DefineComponent<{
6
+ label: string;
7
+ icon?: string;
8
+ disabled?: boolean;
9
+ }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
10
+ label: string;
11
+ icon?: string;
12
+ disabled?: boolean;
13
+ }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
14
+ render: (args: unknown) => {
15
+ components: {
16
+ VjMenuAction: import("vue").DefineComponent<{
17
+ label: string;
18
+ icon?: string;
19
+ disabled?: boolean;
20
+ }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
21
+ label: string;
22
+ icon?: string;
23
+ disabled?: boolean;
24
+ }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
25
+ };
26
+ setup(this: void): {
27
+ args: unknown;
28
+ };
29
+ template: string;
30
+ };
31
+ tags: string[];
32
+ parameters: {
33
+ docs: {
34
+ description: {
35
+ component: string;
36
+ };
37
+ };
38
+ };
39
+ argTypes: {
40
+ label: {
41
+ control: "text";
42
+ description: string;
43
+ };
44
+ icon: {
45
+ control: "select";
46
+ options: IconNames[];
47
+ description: string;
48
+ };
49
+ disabled: {
50
+ control: "boolean";
51
+ description: string;
52
+ };
53
+ };
54
+ args: {};
55
+ };
56
+ export default meta;
57
+ type Story = StoryObj<typeof meta>;
58
+ export declare const Primary: Story;
59
+ export declare const multiple: Story;
60
+ export declare const Disabled: Story;
@@ -0,0 +1,103 @@
1
+ import type { StoryObj } from '@storybook/vue3-vite';
2
+ declare const meta: {
3
+ title: string;
4
+ component: {
5
+ new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
6
+ title: string;
7
+ scrollable?: boolean;
8
+ errorMessage?: string | null;
9
+ }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
10
+ P: {};
11
+ B: {};
12
+ D: {};
13
+ C: {};
14
+ M: {};
15
+ Defaults: {};
16
+ }, Readonly<{
17
+ title: string;
18
+ scrollable?: boolean;
19
+ errorMessage?: string | null;
20
+ }> & Readonly<{}>, {}, {}, {}, {}, {}>;
21
+ __isFragment?: never;
22
+ __isTeleport?: never;
23
+ __isSuspense?: never;
24
+ } & import("vue").ComponentOptionsBase<Readonly<{
25
+ title: string;
26
+ scrollable?: boolean;
27
+ errorMessage?: string | null;
28
+ }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
29
+ $slots: {
30
+ headerActions?: (props: {}) => any;
31
+ } & {
32
+ error?: (props: {}) => any;
33
+ } & {
34
+ default?: (props: {}) => any;
35
+ } & {
36
+ actions?: (props: {}) => any;
37
+ } & {
38
+ flexFooter?: (props: {}) => any;
39
+ } & {
40
+ footer?: (props: {}) => any;
41
+ };
42
+ });
43
+ render: (args: unknown) => {
44
+ components: {
45
+ Page: {
46
+ new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
47
+ title: string;
48
+ scrollable?: boolean;
49
+ errorMessage?: string | null;
50
+ }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
51
+ P: {};
52
+ B: {};
53
+ D: {};
54
+ C: {};
55
+ M: {};
56
+ Defaults: {};
57
+ }, Readonly<{
58
+ title: string;
59
+ scrollable?: boolean;
60
+ errorMessage?: string | null;
61
+ }> & Readonly<{}>, {}, {}, {}, {}, {}>;
62
+ __isFragment?: never;
63
+ __isTeleport?: never;
64
+ __isSuspense?: never;
65
+ } & import("vue").ComponentOptionsBase<Readonly<{
66
+ title: string;
67
+ scrollable?: boolean;
68
+ errorMessage?: string | null;
69
+ }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
70
+ $slots: {
71
+ headerActions?: (props: {}) => any;
72
+ } & {
73
+ error?: (props: {}) => any;
74
+ } & {
75
+ default?: (props: {}) => any;
76
+ } & {
77
+ actions?: (props: {}) => any;
78
+ } & {
79
+ flexFooter?: (props: {}) => any;
80
+ } & {
81
+ footer?: (props: {}) => any;
82
+ };
83
+ });
84
+ };
85
+ setup(this: void): {
86
+ args: unknown;
87
+ };
88
+ template: string;
89
+ };
90
+ tags: string[];
91
+ argTypes: {
92
+ title: {
93
+ control: "text";
94
+ };
95
+ };
96
+ args: {};
97
+ };
98
+ export default meta;
99
+ type Story = StoryObj<typeof meta>;
100
+ export declare const Primary: Story;
101
+ export declare const WithFooter: Story;
102
+ export declare const WithFlexFooter: Story;
103
+ export declare const WithHeaderActionsAndFlexFooter: Story;
@@ -0,0 +1,11 @@
1
+ import type { StoryObj } from '@storybook/vue3';
2
+ declare const meta: {
3
+ title: string;
4
+ tags: string[];
5
+ };
6
+ export default meta;
7
+ type Story = StoryObj<typeof meta>;
8
+ export declare const Default: Story;
9
+ export declare const ManyItems: Story;
10
+ export declare const WithSlotProps: Story;
11
+ export declare const WithLabels: Story;
@@ -0,0 +1,48 @@
1
+ import type { StoryObj } from '@storybook/vue3-vite';
2
+ declare const meta: {
3
+ title: string;
4
+ component: import("vue").DefineComponent<{
5
+ placeholder?: string;
6
+ } & {
7
+ modelValue?: string;
8
+ }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
9
+ "update:modelValue": (value: string | undefined) => any;
10
+ }, string, import("vue").PublicProps, Readonly<{
11
+ placeholder?: string;
12
+ } & {
13
+ modelValue?: string;
14
+ }> & Readonly<{
15
+ "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
16
+ }>, {
17
+ placeholder: string;
18
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
19
+ render: (args: unknown) => {
20
+ components: {
21
+ SearchField: import("vue").DefineComponent<{
22
+ placeholder?: string;
23
+ } & {
24
+ modelValue?: string;
25
+ }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
26
+ "update:modelValue": (value: string | undefined) => any;
27
+ }, string, import("vue").PublicProps, Readonly<{
28
+ placeholder?: string;
29
+ } & {
30
+ modelValue?: string;
31
+ }> & Readonly<{
32
+ "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
33
+ }>, {
34
+ placeholder: string;
35
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
36
+ };
37
+ setup(this: void): {
38
+ args: unknown;
39
+ };
40
+ template: string;
41
+ };
42
+ tags: string[];
43
+ argTypes: {};
44
+ args: {};
45
+ };
46
+ export default meta;
47
+ type Story = StoryObj<typeof meta>;
48
+ export declare const Primary: Story;
@@ -0,0 +1,13 @@
1
+ import type { StoryObj } from '@storybook/vue3';
2
+ declare const meta: {
3
+ title: string;
4
+ tags: string[];
5
+ };
6
+ export default meta;
7
+ type Story = StoryObj<typeof meta>;
8
+ export declare const Default: Story;
9
+ export declare const WithIcon: Story;
10
+ export declare const WithClearable: Story;
11
+ export declare const WithObjects: Story;
12
+ export declare const CustomSlots: Story;
13
+ export declare const Disabled: Story;