vue-stack-tabs 0.1.14 → 0.1.16

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 (31) hide show
  1. package/dist/src/lib/components/PageLoading.vue.d.ts +15 -0
  2. package/dist/src/lib/hooks/useTabMitt.d.ts +12 -0
  3. package/dist/style.css +1 -1
  4. package/dist/vue-stack-tabs.es.js +2226 -2412
  5. package/dist/vue-stack-tabs.umd.js +9 -34
  6. package/package.json +2 -1
  7. package/src/lib/StackTabs.vue +124 -136
  8. package/src/lib/assets/style/overlayer.scss +39 -33
  9. package/src/lib/assets/style/transition.scss +40 -40
  10. package/src/lib/banner.ts +1 -26
  11. package/src/lib/components/PageLoading.vue +22 -0
  12. package/src/lib/hooks/useTabLoading.ts +4 -20
  13. package/src/lib/hooks/useTabMitt.ts +27 -0
  14. package/src/lib/hooks/useTabpanel.tsx +517 -516
  15. package/src/lib/index.ts +2 -1
  16. package/dist/src/lib/components/OverlayLoading/Component.vue.d.ts +0 -100
  17. package/dist/src/lib/components/OverlayLoading/api.d.ts +0 -5
  18. package/dist/src/lib/components/OverlayLoading/helpers.d.ts +0 -7
  19. package/dist/src/lib/components/OverlayLoading/index.d.ts +0 -6
  20. package/dist/src/lib/components/OverlayLoading/loaders/bars.vue.d.ts +0 -39
  21. package/dist/src/lib/components/OverlayLoading/loaders/dots.vue.d.ts +0 -39
  22. package/dist/src/lib/components/OverlayLoading/loaders/index.d.ts +0 -96
  23. package/dist/src/lib/components/OverlayLoading/loaders/spinner.vue.d.ts +0 -39
  24. package/src/lib/components/OverlayLoading/Component.vue +0 -182
  25. package/src/lib/components/OverlayLoading/api.ts +0 -31
  26. package/src/lib/components/OverlayLoading/helpers.ts +0 -31
  27. package/src/lib/components/OverlayLoading/index.ts +0 -12
  28. package/src/lib/components/OverlayLoading/loaders/bars.vue +0 -79
  29. package/src/lib/components/OverlayLoading/loaders/dots.vue +0 -92
  30. package/src/lib/components/OverlayLoading/loaders/index.ts +0 -9
  31. package/src/lib/components/OverlayLoading/loaders/spinner.vue +0 -41
package/src/lib/components/OverlayLoading/loaders/dots.vue DELETED
@@ -1,92 +0,0 @@
1
- <template>
2
- <svg
3
- viewBox="0 0 120 30"
4
- xmlns="http://www.w3.org/2000/svg"
5
- :fill="color"
6
- :width="width"
7
- :height="height"
8
- >
9
- <circle cx="15" cy="15" r="15">
10
- <animate
11
- attributeName="r"
12
- from="15"
13
- to="15"
14
- begin="0s"
15
- dur="0.8s"
16
- values="15;9;15"
17
- calcMode="linear"
18
- repeatCount="indefinite"
19
- />
20
- <animate
21
- attributeName="fill-opacity"
22
- from="1"
23
- to="1"
24
- begin="0s"
25
- dur="0.8s"
26
- values="1;.5;1"
27
- calcMode="linear"
28
- repeatCount="indefinite"
29
- />
30
- </circle>
31
- <circle cx="60" cy="15" r="9" fill-opacity="0.3">
32
- <animate
33
- attributeName="r"
34
- from="9"
35
- to="9"
36
- begin="0s"
37
- dur="0.8s"
38
- values="9;15;9"
39
- calcMode="linear"
40
- repeatCount="indefinite"
41
- />
42
- <animate
43
- attributeName="fill-opacity"
44
- from="0.5"
45
- to="0.5"
46
- begin="0s"
47
- dur="0.8s"
48
- values=".5;1;.5"
49
- calcMode="linear"
50
- repeatCount="indefinite"
51
- />
52
- </circle>
53
- <circle cx="105" cy="15" r="15">
54
- <animate
55
- attributeName="r"
56
- from="15"
57
- to="15"
58
- begin="0s"
59
- dur="0.8s"
60
- values="15;9;15"
61
- calcMode="linear"
62
- repeatCount="indefinite"
63
- />
64
- <animate
65
- attributeName="fill-opacity"
66
- from="1"
67
- to="1"
68
- begin="0s"
69
- dur="0.8s"
70
- values="1;.5;1"
71
- calcMode="linear"
72
- repeatCount="indefinite"
73
- />
74
- </circle>
75
- </svg>
76
- </template>
77
-
78
- <script lang="ts" setup>
79
- import { withDefaults } from 'vue'
80
- withDefaults(
81
- defineProps<{
82
- color?: string
83
- height?: number
84
- width?: number
85
- }>(),
86
- {
87
- color: '#000',
88
- height: 240,
89
- width: 60
90
- }
91
- )
92
- </script>
package/src/lib/components/OverlayLoading/loaders/index.ts DELETED
@@ -1,9 +0,0 @@
1
- import Spinner from './spinner.vue'
2
- import Dots from './dots.vue'
3
- import Bars from './bars.vue'
4
-
5
- export default {
6
- spinner: Spinner,
7
- dots: Dots,
8
- bars: Bars
9
- }
package/src/lib/components/OverlayLoading/loaders/spinner.vue DELETED
@@ -1,41 +0,0 @@
1
- <template>
2
- <svg
3
- viewBox="0 0 38 38"
4
- xmlns="http://www.w3.org/2000/svg"
5
- :width="width"
6
- :height="height"
7
- :stroke="color"
8
- >
9
- <g fill="none" fill-rule="evenodd">
10
- <g transform="translate(1 1)" stroke-width="2">
11
- <circle stroke-opacity=".25" cx="18" cy="18" r="18" />
12
- <path d="M36 18c0-9.94-8.06-18-18-18">
13
- <animateTransform
14
- attributeName="transform"
15
- type="rotate"
16
- from="0 18 18"
17
- to="360 18 18"
18
- dur="0.8s"
19
- repeatCount="indefinite"
20
- />
21
- </path>
22
- </g>
23
- </g>
24
- </svg>
25
- </template>
26
-
27
- <script lang="ts" setup>
28
- import { withDefaults } from 'vue'
29
- withDefaults(
30
- defineProps<{
31
- color?: string
32
- height?: number
33
- width?: number
34
- }>(),
35
- {
36
- color: '#000',
37
- height: 64,
38
- width: 64
39
- }
40
- )
41
- </script>