cynx-lib 1.3.80 → 1.3.82

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 (41) hide show
  1. package/gen.js +77 -77
  2. package/package.json +1 -1
  3. package/ui/components/Drawer.jsx +208 -208
  4. package/ui/components/Layout.jsx +138 -138
  5. package/ui/components/LoginPage.jsx +405 -405
  6. package/ui/components/Pagination.jsx +145 -145
  7. package/ui/components/PrivacyBlur.jsx +603 -603
  8. package/ui/components/Sidebar.jsx +820 -820
  9. package/utils/index.js +20 -20
  10. package/utils/utils/duration.js +139 -139
  11. package/utils/utils/oidc.js +214 -214
  12. package/utils/utils/realtime.js +1634 -1634
  13. package/utils/utils/session.js +58 -58
  14. package/utils/utils/storage.js +393 -393
  15. package/utils/utils/storage_manager.cjs +84 -7
  16. package/utils/utils/storage_manager.js +95 -8
  17. package/utils/utils/ui.js +111 -111
  18. package/vue/components/Badge.vue +79 -79
  19. package/vue/components/Button.vue +209 -209
  20. package/vue/components/Checkbox.vue +103 -103
  21. package/vue/components/CircularProgress.vue +383 -383
  22. package/vue/components/Divider.vue +94 -94
  23. package/vue/components/Drawer.vue +243 -243
  24. package/vue/components/InfoBadge.vue +223 -223
  25. package/vue/components/Input.vue +341 -341
  26. package/vue/components/LinearProgress.vue +268 -268
  27. package/vue/components/Modal.vue +226 -226
  28. package/vue/components/Pagination.vue +199 -199
  29. package/vue/components/Select.vue +713 -713
  30. package/vue/components/Sidebar.vue +955 -955
  31. package/vue/components/Skeleton.vue +91 -91
  32. package/vue/components/Spinner.vue +263 -263
  33. package/vue/components/StatusTag.vue +89 -89
  34. package/vue/components/TabBar.vue +176 -176
  35. package/vue/components/Table.vue +388 -388
  36. package/vue/components/TimePicker.vue +399 -399
  37. package/vue/components/Toggle.vue +115 -115
  38. package/vue/components/XTable.vue +119 -119
  39. package/vue/composables/useAutoSkeletonRows.ts +71 -71
  40. package/vue/index.d.ts +67 -67
  41. package/vue/index.js +86 -86
package/vue/index.d.ts CHANGED
@@ -1,67 +1,67 @@
1
- import { DefineComponent, Ref } from "vue";
2
-
3
- export interface TabItem {
4
- id: string | number;
5
- label?: string;
6
- name?: string;
7
- icon?: any;
8
- badge?: string;
9
- count?: number;
10
- disabled?: boolean;
11
- }
12
-
13
- export interface TableColumn {
14
- key: string;
15
- title?: string;
16
- label?: string;
17
- width?: string | number;
18
- minWidth?: string | number;
19
- align?: "left" | "center" | "right";
20
- sortable?: boolean;
21
- fixed?: "left" | "right" | boolean;
22
- headerClass?: string;
23
- cellClass?: string;
24
- }
25
-
26
- export interface UseAutoSkeletonRowsOptions {
27
- rowHeight?: number;
28
- initialOffset?: number;
29
- bottomBuffer?: number;
30
- minRows?: number;
31
- maxRows?: number;
32
- }
33
-
34
- export declare function useAutoSkeletonRows(
35
- containerRef: Ref<HTMLElement | null | undefined>,
36
- options?: UseAutoSkeletonRowsOptions
37
- ): {
38
- rows: Ref<number>;
39
- calculate: () => void;
40
- };
41
-
42
- export declare const Button: DefineComponent<any, any, any>;
43
- export declare const Checkbox: DefineComponent<any, any, any>;
44
- export declare const TabBar: DefineComponent<any, any, any>;
45
- export declare const Input: DefineComponent<any, any, any>;
46
- export declare const Select: DefineComponent<any, any, any>;
47
- export declare const Badge: DefineComponent<any, any, any>;
48
- export declare const Spinner: DefineComponent<any, any, any>;
49
- export declare const Sidebar: DefineComponent<any, any, any>;
50
- export declare const Table: DefineComponent<any, any, any>;
51
- export declare const Pagination: DefineComponent<any, any, any>;
52
- export declare const Skeleton: DefineComponent<any, any, any>;
53
- export declare const Modal: DefineComponent<any, any, any>;
54
- export declare const Drawer: DefineComponent<any, any, any>;
55
- export declare const Toggle: DefineComponent<any, any, any>;
56
- export declare const DatePicker: DefineComponent<any, any, any>;
57
- export declare const LinearProgress: DefineComponent<any, any, any>;
58
- export declare const CircularProgress: DefineComponent<any, any, any>;
59
- export declare const StatusTag: DefineComponent<any, any, any>;
60
- export declare const InfoBadge: DefineComponent<any, any, any>;
61
- export declare const Divider: DefineComponent<any, any, any>;
62
- export declare const XTable: DefineComponent<any, any, any>;
63
- export declare const XThead: DefineComponent<any, any, any>;
64
- export declare const XTbody: DefineComponent<any, any, any>;
65
- export declare const XTr: DefineComponent<any, any, any>;
66
- export declare const XTh: DefineComponent<any, any, any>;
67
- export declare const XTd: DefineComponent<any, any, any>;
1
+ import { DefineComponent, Ref } from "vue";
2
+
3
+ export interface TabItem {
4
+ id: string | number;
5
+ label?: string;
6
+ name?: string;
7
+ icon?: any;
8
+ badge?: string;
9
+ count?: number;
10
+ disabled?: boolean;
11
+ }
12
+
13
+ export interface TableColumn {
14
+ key: string;
15
+ title?: string;
16
+ label?: string;
17
+ width?: string | number;
18
+ minWidth?: string | number;
19
+ align?: "left" | "center" | "right";
20
+ sortable?: boolean;
21
+ fixed?: "left" | "right" | boolean;
22
+ headerClass?: string;
23
+ cellClass?: string;
24
+ }
25
+
26
+ export interface UseAutoSkeletonRowsOptions {
27
+ rowHeight?: number;
28
+ initialOffset?: number;
29
+ bottomBuffer?: number;
30
+ minRows?: number;
31
+ maxRows?: number;
32
+ }
33
+
34
+ export declare function useAutoSkeletonRows(
35
+ containerRef: Ref<HTMLElement | null | undefined>,
36
+ options?: UseAutoSkeletonRowsOptions
37
+ ): {
38
+ rows: Ref<number>;
39
+ calculate: () => void;
40
+ };
41
+
42
+ export declare const Button: DefineComponent<any, any, any>;
43
+ export declare const Checkbox: DefineComponent<any, any, any>;
44
+ export declare const TabBar: DefineComponent<any, any, any>;
45
+ export declare const Input: DefineComponent<any, any, any>;
46
+ export declare const Select: DefineComponent<any, any, any>;
47
+ export declare const Badge: DefineComponent<any, any, any>;
48
+ export declare const Spinner: DefineComponent<any, any, any>;
49
+ export declare const Sidebar: DefineComponent<any, any, any>;
50
+ export declare const Table: DefineComponent<any, any, any>;
51
+ export declare const Pagination: DefineComponent<any, any, any>;
52
+ export declare const Skeleton: DefineComponent<any, any, any>;
53
+ export declare const Modal: DefineComponent<any, any, any>;
54
+ export declare const Drawer: DefineComponent<any, any, any>;
55
+ export declare const Toggle: DefineComponent<any, any, any>;
56
+ export declare const DatePicker: DefineComponent<any, any, any>;
57
+ export declare const LinearProgress: DefineComponent<any, any, any>;
58
+ export declare const CircularProgress: DefineComponent<any, any, any>;
59
+ export declare const StatusTag: DefineComponent<any, any, any>;
60
+ export declare const InfoBadge: DefineComponent<any, any, any>;
61
+ export declare const Divider: DefineComponent<any, any, any>;
62
+ export declare const XTable: DefineComponent<any, any, any>;
63
+ export declare const XThead: DefineComponent<any, any, any>;
64
+ export declare const XTbody: DefineComponent<any, any, any>;
65
+ export declare const XTr: DefineComponent<any, any, any>;
66
+ export declare const XTh: DefineComponent<any, any, any>;
67
+ export declare const XTd: DefineComponent<any, any, any>;
package/vue/index.js CHANGED
@@ -1,86 +1,86 @@
1
- // cynx-lib/vue — Native Vue 3 component exports
2
- import Button from "./components/Button.vue";
3
- import Checkbox from "./components/Checkbox.vue";
4
- import TabBar from "./components/TabBar.vue";
5
- import Input from "./components/Input.vue";
6
- import Select from "./components/Select.vue";
7
- import Badge from "./components/Badge.vue";
8
- import Spinner from "./components/Spinner.vue";
9
- import Sidebar from "./components/Sidebar.vue";
10
- import Table from "./components/Table.vue";
11
- import Pagination from "./components/Pagination.vue";
12
- import Skeleton from "./components/Skeleton.vue";
13
- import Modal from "./components/Modal.vue";
14
- import Drawer from "./components/Drawer.vue";
15
- import Toggle from "./components/Toggle.vue";
16
- import DatePicker from "./components/DatePicker.vue";
17
- import TimePicker from "./components/TimePicker.vue";
18
- import LinearProgress from "./components/LinearProgress.vue";
19
- import CircularProgress from "./components/CircularProgress.vue";
20
- import StatusTag from "./components/StatusTag.vue";
21
- import InfoBadge from "./components/InfoBadge.vue";
22
- import Divider from "./components/Divider.vue";
23
- import { XTable, XThead, XTbody, XTr, XTh, XTd } from "./components/XTable.vue";
24
- import { useAutoSkeletonRows } from "./composables/useAutoSkeletonRows";
25
-
26
- export {
27
- Button,
28
- Checkbox,
29
- TabBar,
30
- Input,
31
- Select,
32
- Badge,
33
- Spinner,
34
- Sidebar,
35
- Table,
36
- Pagination,
37
- Skeleton,
38
- Modal,
39
- Drawer,
40
- Toggle,
41
- DatePicker,
42
- TimePicker,
43
- LinearProgress,
44
- CircularProgress,
45
- StatusTag,
46
- InfoBadge,
47
- Divider,
48
- XTable,
49
- XThead,
50
- XTbody,
51
- XTr,
52
- XTh,
53
- XTd,
54
- useAutoSkeletonRows,
55
- };
56
-
57
- export default {
58
- Button,
59
- Checkbox,
60
- TabBar,
61
- Input,
62
- Select,
63
- Badge,
64
- Spinner,
65
- Sidebar,
66
- Table,
67
- Pagination,
68
- Skeleton,
69
- Modal,
70
- Drawer,
71
- Toggle,
72
- DatePicker,
73
- TimePicker,
74
- LinearProgress,
75
- CircularProgress,
76
- StatusTag,
77
- InfoBadge,
78
- Divider,
79
- XTable,
80
- XThead,
81
- XTbody,
82
- XTr,
83
- XTh,
84
- XTd,
85
- useAutoSkeletonRows,
86
- };
1
+ // cynx-lib/vue — Native Vue 3 component exports
2
+ import Button from "./components/Button.vue";
3
+ import Checkbox from "./components/Checkbox.vue";
4
+ import TabBar from "./components/TabBar.vue";
5
+ import Input from "./components/Input.vue";
6
+ import Select from "./components/Select.vue";
7
+ import Badge from "./components/Badge.vue";
8
+ import Spinner from "./components/Spinner.vue";
9
+ import Sidebar from "./components/Sidebar.vue";
10
+ import Table from "./components/Table.vue";
11
+ import Pagination from "./components/Pagination.vue";
12
+ import Skeleton from "./components/Skeleton.vue";
13
+ import Modal from "./components/Modal.vue";
14
+ import Drawer from "./components/Drawer.vue";
15
+ import Toggle from "./components/Toggle.vue";
16
+ import DatePicker from "./components/DatePicker.vue";
17
+ import TimePicker from "./components/TimePicker.vue";
18
+ import LinearProgress from "./components/LinearProgress.vue";
19
+ import CircularProgress from "./components/CircularProgress.vue";
20
+ import StatusTag from "./components/StatusTag.vue";
21
+ import InfoBadge from "./components/InfoBadge.vue";
22
+ import Divider from "./components/Divider.vue";
23
+ import { XTable, XThead, XTbody, XTr, XTh, XTd } from "./components/XTable.vue";
24
+ import { useAutoSkeletonRows } from "./composables/useAutoSkeletonRows";
25
+
26
+ export {
27
+ Button,
28
+ Checkbox,
29
+ TabBar,
30
+ Input,
31
+ Select,
32
+ Badge,
33
+ Spinner,
34
+ Sidebar,
35
+ Table,
36
+ Pagination,
37
+ Skeleton,
38
+ Modal,
39
+ Drawer,
40
+ Toggle,
41
+ DatePicker,
42
+ TimePicker,
43
+ LinearProgress,
44
+ CircularProgress,
45
+ StatusTag,
46
+ InfoBadge,
47
+ Divider,
48
+ XTable,
49
+ XThead,
50
+ XTbody,
51
+ XTr,
52
+ XTh,
53
+ XTd,
54
+ useAutoSkeletonRows,
55
+ };
56
+
57
+ export default {
58
+ Button,
59
+ Checkbox,
60
+ TabBar,
61
+ Input,
62
+ Select,
63
+ Badge,
64
+ Spinner,
65
+ Sidebar,
66
+ Table,
67
+ Pagination,
68
+ Skeleton,
69
+ Modal,
70
+ Drawer,
71
+ Toggle,
72
+ DatePicker,
73
+ TimePicker,
74
+ LinearProgress,
75
+ CircularProgress,
76
+ StatusTag,
77
+ InfoBadge,
78
+ Divider,
79
+ XTable,
80
+ XThead,
81
+ XTbody,
82
+ XTr,
83
+ XTh,
84
+ XTd,
85
+ useAutoSkeletonRows,
86
+ };