@code-coaching/vuetiful 0.1.3 → 0.2.0

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 (64) hide show
  1. package/dist/style.css +2 -2
  2. package/dist/styles/all.css +205 -47
  3. package/dist/types/components/atoms/VButton.test.d.ts +1 -0
  4. package/dist/types/components/atoms/VButton.vue.d.ts +6 -72
  5. package/dist/types/components/index.d.ts +2 -1
  6. package/dist/types/components/index.test.d.ts +1 -0
  7. package/dist/types/components/molecules/VRail.vue.d.ts +51 -0
  8. package/dist/types/components/molecules/VRailTile.vue.d.ts +55 -0
  9. package/dist/types/components/molecules/VShell.vue.d.ts +78 -0
  10. package/dist/types/components/molecules/index.d.ts +4 -0
  11. package/dist/types/directives/clipboard.test.d.ts +1 -0
  12. package/dist/types/index.d.ts +1 -1
  13. package/dist/types/index.test.d.ts +1 -0
  14. package/dist/types/services/index.d.ts +2 -0
  15. package/dist/types/services/rail.service.d.ts +4 -0
  16. package/dist/types/utils/code-block/code-block.vue.d.ts +2 -2
  17. package/dist/types/utils/code-block/highlight.service.test.d.ts +1 -0
  18. package/dist/types/utils/dark-mode/dark-mode.service.test.d.ts +1 -0
  19. package/dist/types/utils/dark-mode/dark-mode.vue.d.ts +3 -3
  20. package/dist/types/utils/index.d.ts +3 -3
  21. package/dist/types/utils/index.test.d.ts +1 -0
  22. package/dist/types/utils/platform/platform.service.test.d.ts +1 -0
  23. package/dist/types/utils/theme/callback.test.d.ts +1 -0
  24. package/dist/types/utils/theme/remove.test.d.ts +1 -0
  25. package/dist/types/utils/theme/theme-switcher.vue.d.ts +3 -3
  26. package/dist/types/utils/theme/{theme.d.ts → theme.service.d.ts} +2 -1
  27. package/dist/types/utils/theme/theme.service.test.d.ts +1 -0
  28. package/dist/vuetiful.es.mjs +659 -500
  29. package/dist/vuetiful.umd.js +13 -20
  30. package/package.json +8 -2
  31. package/src/components/atoms/VButton.test.ts +27 -0
  32. package/src/components/atoms/VButton.vue +19 -73
  33. package/src/components/index.test.ts +10 -0
  34. package/src/components/index.ts +2 -1
  35. package/src/components/molecules/VRail.vue +46 -0
  36. package/src/components/molecules/VRailTile.vue +75 -0
  37. package/src/components/molecules/VShell.vue +71 -0
  38. package/src/components/molecules/index.ts +5 -0
  39. package/src/directives/clipboard.test.ts +26 -0
  40. package/src/index.test.ts +26 -0
  41. package/src/index.ts +1 -1
  42. package/src/services/index.ts +3 -0
  43. package/src/services/rail.service.ts +11 -0
  44. package/src/utils/code-block/code-block.vue +2 -2
  45. package/src/utils/code-block/highlight.service.test.ts +24 -0
  46. package/src/utils/dark-mode/dark-mode.service.test.ts +234 -0
  47. package/src/utils/dark-mode/{dark-mode.ts → dark-mode.service.ts} +5 -4
  48. package/src/utils/dark-mode/dark-mode.vue +1 -1
  49. package/src/utils/index.test.ts +11 -0
  50. package/src/utils/index.ts +3 -4
  51. package/src/utils/platform/platform.service.test.ts +19 -0
  52. package/src/utils/theme/callback.test.ts +24 -0
  53. package/src/utils/theme/remove.test.ts +25 -0
  54. package/src/utils/theme/theme.service.test.ts +160 -0
  55. package/src/utils/theme/{theme.ts → theme.service.ts} +6 -7
  56. package/dist/types/constants/MyConstants.d.ts +0 -1
  57. package/dist/types/constants/index.d.ts +0 -2
  58. package/src/constants/MyConstants.ts +0 -1
  59. package/src/constants/index.ts +0 -5
  60. /package/dist/types/utils/code-block/{highlight.d.ts → highlight.service.d.ts} +0 -0
  61. /package/dist/types/utils/dark-mode/{dark-mode.d.ts → dark-mode.service.d.ts} +0 -0
  62. /package/dist/types/utils/platform/{platform.d.ts → platform.service.d.ts} +0 -0
  63. /package/src/utils/code-block/{highlight.ts → highlight.service.ts} +0 -0
  64. /package/src/utils/platform/{platform.ts → platform.service.ts} +0 -0
@@ -1,86 +1,20 @@
1
- import { CssClasses } from "@/index";
2
1
  declare const _default: import("vue").DefineComponent<{
3
- bgLight: {
4
- type: () => CssClasses;
5
- default: string;
6
- };
7
- bgDark: {
8
- type: () => CssClasses;
9
- default: string;
10
- };
11
- textOnLight: {
12
- type: () => CssClasses;
13
- default: string;
14
- };
15
- textOnDark: {
16
- type: () => CssClasses;
17
- default: string;
18
- };
19
- width: {
20
- type: () => CssClasses;
21
- default: string;
22
- };
23
- height: {
24
- type: () => CssClasses;
25
- default: string;
26
- };
27
- ring: {
28
- type: () => CssClasses;
29
- default: string;
30
- };
31
- rounded: {
32
- type: () => CssClasses;
2
+ tag: {
3
+ type: () => string;
33
4
  default: string;
34
5
  };
35
6
  msg: {
36
7
  type: StringConstructor;
37
8
  };
38
- }, {
39
- classes: import("vue").ComputedRef<string>;
40
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
41
- bgLight: {
42
- type: () => CssClasses;
43
- default: string;
44
- };
45
- bgDark: {
46
- type: () => CssClasses;
47
- default: string;
48
- };
49
- textOnLight: {
50
- type: () => CssClasses;
51
- default: string;
52
- };
53
- textOnDark: {
54
- type: () => CssClasses;
55
- default: string;
56
- };
57
- width: {
58
- type: () => CssClasses;
59
- default: string;
60
- };
61
- height: {
62
- type: () => CssClasses;
63
- default: string;
64
- };
65
- ring: {
66
- type: () => CssClasses;
67
- default: string;
68
- };
69
- rounded: {
70
- type: () => CssClasses;
9
+ }, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
10
+ tag: {
11
+ type: () => string;
71
12
  default: string;
72
13
  };
73
14
  msg: {
74
15
  type: StringConstructor;
75
16
  };
76
17
  }>>, {
77
- bgLight: string;
78
- bgDark: string;
79
- textOnLight: string;
80
- textOnDark: string;
81
- width: string;
82
- height: string;
83
- ring: string;
84
- rounded: string;
18
+ tag: string;
85
19
  }>;
86
20
  export default _default;
@@ -1,2 +1,3 @@
1
1
  import { VButton } from "./atoms";
2
- export { VButton };
2
+ import { VRail, VRailTile, VShell } from "./molecules";
3
+ export { VButton, VRail, VRailTile, VShell };
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,51 @@
1
+ import type { CssClasses } from "@/index";
2
+ declare const _default: import("vue").DefineComponent<{
3
+ active: {
4
+ type: () => CssClasses;
5
+ default: string;
6
+ };
7
+ hover: {
8
+ type: () => CssClasses;
9
+ default: string;
10
+ };
11
+ regionLead: {
12
+ type: () => CssClasses;
13
+ default: string;
14
+ };
15
+ regionDefault: {
16
+ type: () => CssClasses;
17
+ default: string;
18
+ };
19
+ regionTrail: {
20
+ type: () => CssClasses;
21
+ default: string;
22
+ };
23
+ }, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
24
+ active: {
25
+ type: () => CssClasses;
26
+ default: string;
27
+ };
28
+ hover: {
29
+ type: () => CssClasses;
30
+ default: string;
31
+ };
32
+ regionLead: {
33
+ type: () => CssClasses;
34
+ default: string;
35
+ };
36
+ regionDefault: {
37
+ type: () => CssClasses;
38
+ default: string;
39
+ };
40
+ regionTrail: {
41
+ type: () => CssClasses;
42
+ default: string;
43
+ };
44
+ }>>, {
45
+ active: string;
46
+ hover: string;
47
+ regionLead: string;
48
+ regionDefault: string;
49
+ regionTrail: string;
50
+ }>;
51
+ export default _default;
@@ -0,0 +1,55 @@
1
+ import type { CssClasses } from "@/index";
2
+ declare const _default: import("vue").DefineComponent<{
3
+ value: {
4
+ type: StringConstructor;
5
+ default: string;
6
+ };
7
+ tag: {
8
+ type: () => string;
9
+ default: string;
10
+ };
11
+ label: {
12
+ type: () => string;
13
+ default: string;
14
+ };
15
+ regionIcon: {
16
+ type: () => CssClasses;
17
+ default: string;
18
+ };
19
+ regionLabel: {
20
+ type: () => CssClasses;
21
+ default: string;
22
+ };
23
+ }, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
24
+ click: () => void;
25
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
26
+ value: {
27
+ type: StringConstructor;
28
+ default: string;
29
+ };
30
+ tag: {
31
+ type: () => string;
32
+ default: string;
33
+ };
34
+ label: {
35
+ type: () => string;
36
+ default: string;
37
+ };
38
+ regionIcon: {
39
+ type: () => CssClasses;
40
+ default: string;
41
+ };
42
+ regionLabel: {
43
+ type: () => CssClasses;
44
+ default: string;
45
+ };
46
+ }>> & {
47
+ onClick?: (() => any) | undefined;
48
+ }, {
49
+ tag: string;
50
+ value: string;
51
+ label: string;
52
+ regionIcon: string;
53
+ regionLabel: string;
54
+ }>;
55
+ export default _default;
@@ -0,0 +1,78 @@
1
+ export declare type CssClasses = string;
2
+ declare const _default: import("vue").DefineComponent<{
3
+ regionPage: {
4
+ type: () => CssClasses;
5
+ default: string;
6
+ };
7
+ slotFixedHeader: {
8
+ type: () => CssClasses;
9
+ default: string;
10
+ };
11
+ slotSidebarLeft: {
12
+ type: () => CssClasses;
13
+ default: string;
14
+ };
15
+ slotSidebarRight: {
16
+ type: () => CssClasses;
17
+ default: string;
18
+ };
19
+ slotPageHeader: {
20
+ type: () => CssClasses;
21
+ default: string;
22
+ };
23
+ slotPageContent: {
24
+ type: () => CssClasses;
25
+ default: string;
26
+ };
27
+ slotPageFooter: {
28
+ type: () => CssClasses;
29
+ default: string;
30
+ };
31
+ slotFixedFooter: {
32
+ type: () => CssClasses;
33
+ default: string;
34
+ };
35
+ }, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
36
+ regionPage: {
37
+ type: () => CssClasses;
38
+ default: string;
39
+ };
40
+ slotFixedHeader: {
41
+ type: () => CssClasses;
42
+ default: string;
43
+ };
44
+ slotSidebarLeft: {
45
+ type: () => CssClasses;
46
+ default: string;
47
+ };
48
+ slotSidebarRight: {
49
+ type: () => CssClasses;
50
+ default: string;
51
+ };
52
+ slotPageHeader: {
53
+ type: () => CssClasses;
54
+ default: string;
55
+ };
56
+ slotPageContent: {
57
+ type: () => CssClasses;
58
+ default: string;
59
+ };
60
+ slotPageFooter: {
61
+ type: () => CssClasses;
62
+ default: string;
63
+ };
64
+ slotFixedFooter: {
65
+ type: () => CssClasses;
66
+ default: string;
67
+ };
68
+ }>>, {
69
+ regionPage: string;
70
+ slotFixedHeader: string;
71
+ slotSidebarLeft: string;
72
+ slotSidebarRight: string;
73
+ slotPageHeader: string;
74
+ slotPageContent: string;
75
+ slotPageFooter: string;
76
+ slotFixedFooter: string;
77
+ }>;
78
+ export default _default;
@@ -0,0 +1,4 @@
1
+ import VRail from "./VRail.vue";
2
+ import VRailTile from "./VRailTile.vue";
3
+ import VShell from "./VShell.vue";
4
+ export { VRail, VRailTile, VShell };
@@ -0,0 +1 @@
1
+ export {};
@@ -6,7 +6,7 @@ declare const _default: {
6
6
  };
7
7
  export default _default;
8
8
  export * from "./components";
9
- export * from "./constants";
10
9
  export * from "./utils";
11
10
  export * from "./directives";
11
+ export * from "./services";
12
12
  export declare type CssClasses = string;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,2 @@
1
+ import { useRail } from "./rail.service";
2
+ export { useRail };
@@ -0,0 +1,4 @@
1
+ declare const useRail: () => {
2
+ selectedRailTile: import("vue").Ref<string>;
3
+ };
4
+ export { useRail };
@@ -95,14 +95,14 @@ declare const _default: import("vue").DefineComponent<{
95
95
  }>> & {
96
96
  onCopy?: (() => any) | undefined;
97
97
  }, {
98
- rounded: string;
99
98
  button: string;
100
- code: string;
101
99
  language: string;
100
+ code: string;
102
101
  background: string;
103
102
  blur: string;
104
103
  text: string;
105
104
  color: string;
105
+ rounded: string;
106
106
  shadow: string;
107
107
  buttonLabel: string;
108
108
  buttonCopied: string;
@@ -79,13 +79,13 @@ declare const _default: import("vue").DefineComponent<{
79
79
  default: string;
80
80
  };
81
81
  }>>, {
82
+ rounded: string;
82
83
  bgLight: string;
83
84
  bgDark: string;
85
+ textLight: string;
86
+ textDark: string;
84
87
  width: string;
85
88
  height: string;
86
89
  ring: string;
87
- rounded: string;
88
- textLight: string;
89
- textDark: string;
90
90
  }>;
91
91
  export default _default;
@@ -1,6 +1,6 @@
1
- import { useDarkMode } from "./dark-mode/dark-mode";
1
+ import CodeBlock from "./code-block/code-block.vue";
2
+ import { useDarkMode } from "./dark-mode/dark-mode.service";
2
3
  import DarkModeSwitch from "./dark-mode/dark-mode.vue";
3
- import { useTheme } from "./theme/theme";
4
4
  import ThemeSwitcher from "./theme/theme-switcher.vue";
5
- import CodeBlock from "./code-block/code-block.vue";
5
+ import { useTheme } from "./theme/theme.service";
6
6
  export { DarkModeSwitch, ThemeSwitcher, useDarkMode, useTheme, CodeBlock };
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -95,14 +95,14 @@ declare const _default: import("vue").DefineComponent<{
95
95
  default: string;
96
96
  };
97
97
  }>>, {
98
+ rounded: string;
98
99
  bgLight: string;
99
100
  bgDark: string;
100
- textOnLight: string;
101
- textOnDark: string;
102
101
  width: string;
103
102
  height: string;
104
103
  ring: string;
105
- rounded: string;
104
+ textOnLight: string;
105
+ textOnDark: string;
106
106
  roundedContainer: string;
107
107
  buttonClasses: string;
108
108
  }>;
@@ -1,5 +1,5 @@
1
1
  import { Ref } from "vue";
2
- interface Theme {
2
+ export interface Theme {
3
3
  name: string;
4
4
  url: string;
5
5
  }
@@ -11,6 +11,7 @@ declare const useTheme: () => {
11
11
  chosenTheme: Readonly<Ref<string>>;
12
12
  initializeTheme: (callback?: Function | undefined) => void;
13
13
  loadTheme: (themeName: string, callback?: Function | undefined) => void;
14
+ saveThemeToStorage: (name: string) => void;
14
15
  THEMES: {
15
16
  VUETIFUL: string;
16
17
  ROCKET: string;
@@ -0,0 +1 @@
1
+ export {};