@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,96 @@
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
+ icon?: string;
8
+ showNavigation?: boolean;
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
+ icon?: string;
19
+ showNavigation?: boolean;
20
+ }> & Readonly<{}>, {}, {}, {}, {}, {}>;
21
+ __isFragment?: never;
22
+ __isTeleport?: never;
23
+ __isSuspense?: never;
24
+ } & import("vue").ComponentOptionsBase<Readonly<{
25
+ title: string;
26
+ icon?: string;
27
+ showNavigation?: boolean;
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
+ 'header-actions'?: (props: {}) => any;
31
+ } & {
32
+ default?: (props: {}) => any;
33
+ };
34
+ });
35
+ decorators: import("@storybook/vue3").Decorator[];
36
+ render: (args: unknown) => {
37
+ components: {
38
+ Shell: {
39
+ new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
40
+ title: string;
41
+ icon?: string;
42
+ showNavigation?: boolean;
43
+ }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
44
+ P: {};
45
+ B: {};
46
+ D: {};
47
+ C: {};
48
+ M: {};
49
+ Defaults: {};
50
+ }, Readonly<{
51
+ title: string;
52
+ icon?: string;
53
+ showNavigation?: boolean;
54
+ }> & Readonly<{}>, {}, {}, {}, {}, {}>;
55
+ __isFragment?: never;
56
+ __isTeleport?: never;
57
+ __isSuspense?: never;
58
+ } & import("vue").ComponentOptionsBase<Readonly<{
59
+ title: string;
60
+ icon?: string;
61
+ showNavigation?: boolean;
62
+ }> & 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 () => {
63
+ $slots: {
64
+ 'header-actions'?: (props: {}) => any;
65
+ } & {
66
+ default?: (props: {}) => any;
67
+ };
68
+ });
69
+ };
70
+ setup(this: void): {
71
+ args: unknown;
72
+ };
73
+ template: string;
74
+ };
75
+ tags: string[];
76
+ argTypes: {
77
+ title: {
78
+ control: "text";
79
+ };
80
+ icon: {
81
+ control: "text";
82
+ };
83
+ showNavigation: {
84
+ control: "boolean";
85
+ };
86
+ };
87
+ args: {};
88
+ };
89
+ export default meta;
90
+ type Story = StoryObj<typeof meta>;
91
+ export declare const Primary: Story;
92
+ export declare const WithStaticProvider: Story;
93
+ export declare const WithPage: Story;
94
+ export declare const WithAsideContent: Story;
95
+ export declare const WithoutNavigation: Story;
96
+ export declare const WithIcon: Story;
@@ -0,0 +1,10 @@
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 Single: Story;
9
+ export declare const Range: Story;
10
+ export declare const Steps: Story;
@@ -0,0 +1,118 @@
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
+ modelValue?: string;
7
+ }> & Readonly<{
8
+ "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
9
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
10
+ "update:modelValue": (value: string | undefined) => any;
11
+ }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
12
+ P: {};
13
+ B: {};
14
+ D: {};
15
+ C: {};
16
+ M: {};
17
+ Defaults: {};
18
+ }, Readonly<{
19
+ modelValue?: string;
20
+ }> & Readonly<{
21
+ "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
22
+ }>, {}, {}, {}, {}, {}>;
23
+ __isFragment?: never;
24
+ __isTeleport?: never;
25
+ __isSuspense?: never;
26
+ } & import("vue").ComponentOptionsBase<Readonly<{
27
+ modelValue?: string;
28
+ }> & Readonly<{
29
+ "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
30
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
31
+ "update:modelValue": (value: string | undefined) => any;
32
+ }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
33
+ $slots: {
34
+ default?: (props: {}) => any;
35
+ };
36
+ });
37
+ render: (args: unknown) => {
38
+ components: {
39
+ TabView: {
40
+ new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
41
+ modelValue?: string;
42
+ }> & Readonly<{
43
+ "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
44
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
45
+ "update:modelValue": (value: string | undefined) => any;
46
+ }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
47
+ P: {};
48
+ B: {};
49
+ D: {};
50
+ C: {};
51
+ M: {};
52
+ Defaults: {};
53
+ }, Readonly<{
54
+ modelValue?: string;
55
+ }> & Readonly<{
56
+ "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
57
+ }>, {}, {}, {}, {}, {}>;
58
+ __isFragment?: never;
59
+ __isTeleport?: never;
60
+ __isSuspense?: never;
61
+ } & import("vue").ComponentOptionsBase<Readonly<{
62
+ modelValue?: string;
63
+ }> & Readonly<{
64
+ "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
65
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
66
+ "update:modelValue": (value: string | undefined) => any;
67
+ }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
68
+ $slots: {
69
+ default?: (props: {}) => any;
70
+ };
71
+ });
72
+ Tab: {
73
+ new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
74
+ name: string;
75
+ label: string;
76
+ }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
77
+ P: {};
78
+ B: {};
79
+ D: {};
80
+ C: {};
81
+ M: {};
82
+ Defaults: {};
83
+ }, Readonly<{
84
+ name: string;
85
+ label: string;
86
+ }> & Readonly<{}>, {}, {}, {}, {}, {}>;
87
+ __isFragment?: never;
88
+ __isTeleport?: never;
89
+ __isSuspense?: never;
90
+ } & import("vue").ComponentOptionsBase<Readonly<{
91
+ name: string;
92
+ label: string;
93
+ }> & 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 () => {
94
+ $slots: {
95
+ default?: (props: {}) => any;
96
+ };
97
+ });
98
+ };
99
+ setup(this: void): {
100
+ args: unknown;
101
+ activeTab: import("vue").Ref<string, string>;
102
+ };
103
+ template: string;
104
+ };
105
+ tags: string[];
106
+ argTypes: {
107
+ modelValue: {
108
+ control: "text";
109
+ description: string;
110
+ };
111
+ };
112
+ args: {};
113
+ };
114
+ export default meta;
115
+ type Story = StoryObj<typeof meta>;
116
+ export declare const Default: Story;
117
+ export declare const WithManyTabs: Story;
118
+ export declare const WithRichContent: 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
+ placeholder?: string;
8
+ disabled?: boolean;
9
+ clearable?: boolean;
10
+ rows?: number;
11
+ } & {
12
+ modelValue?: string;
13
+ }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
14
+ "update:modelValue": (value: string | undefined) => any;
15
+ } & {
16
+ blur: (event: FocusEvent) => any;
17
+ focus: (event: FocusEvent) => any;
18
+ }, string, import("vue").PublicProps, Readonly<{
19
+ icon?: string;
20
+ placeholder?: string;
21
+ disabled?: boolean;
22
+ clearable?: boolean;
23
+ rows?: number;
24
+ } & {
25
+ modelValue?: string;
26
+ }> & Readonly<{
27
+ "onUpdate:modelValue"?: ((value: string | 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
+ placeholder: {
37
+ control: "text";
38
+ };
39
+ disabled: {
40
+ control: "boolean";
41
+ };
42
+ clearable: {
43
+ control: "boolean";
44
+ };
45
+ rows: {
46
+ control: "number";
47
+ };
48
+ icon: {
49
+ control: "select";
50
+ options: (IconNames | undefined)[];
51
+ };
52
+ };
53
+ };
54
+ export default meta;
55
+ type Story = StoryObj<typeof meta>;
56
+ export declare const Default: Story;
57
+ export declare const WithIcon: Story;
58
+ export declare const WithClearable: Story;
59
+ export declare const TwoRows: Story;
60
+ export declare const LargeArea: Story;
61
+ export declare const Disabled: Story;
62
+ export declare const WithContent: Story;
@@ -0,0 +1,2 @@
1
+ import { VjRouteRecord } from '../model';
2
+ export declare const routes: VjRouteRecord[];
@@ -0,0 +1,2 @@
1
+ import '../themes/light/theme.scss';
2
+ export {};