cynx-lib 1.3.84 → 1.3.86

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 (40) hide show
  1. package/gen.js +77 -77
  2. package/package.json +5 -1
  3. package/ui/components/Drawer.jsx +208 -208
  4. package/ui/components/Pagination.jsx +145 -145
  5. package/ui/components/PrivacyBlur.jsx +603 -603
  6. package/utils/index.cjs +5 -0
  7. package/utils/index.js +22 -20
  8. package/utils/utils/duration.js +139 -139
  9. package/utils/utils/oidc.js +214 -214
  10. package/utils/utils/realtime.js +1634 -1634
  11. package/utils/utils/session.cjs +87 -9
  12. package/utils/utils/session.js +81 -8
  13. package/utils/utils/session_manager.cjs +490 -0
  14. package/utils/utils/session_manager.js +549 -0
  15. package/utils/utils/storage.js +393 -393
  16. package/utils/utils/ui.js +111 -111
  17. package/vue/components/Badge.vue +79 -79
  18. package/vue/components/Button.vue +209 -209
  19. package/vue/components/Checkbox.vue +103 -103
  20. package/vue/components/CircularProgress.vue +383 -383
  21. package/vue/components/Divider.vue +94 -94
  22. package/vue/components/Drawer.vue +243 -243
  23. package/vue/components/InfoBadge.vue +223 -223
  24. package/vue/components/Input.vue +341 -341
  25. package/vue/components/LinearProgress.vue +268 -268
  26. package/vue/components/Modal.vue +226 -226
  27. package/vue/components/Pagination.vue +199 -199
  28. package/vue/components/Select.vue +713 -713
  29. package/vue/components/Sidebar.vue +955 -955
  30. package/vue/components/Skeleton.vue +91 -91
  31. package/vue/components/Spinner.vue +263 -263
  32. package/vue/components/StatusTag.vue +89 -89
  33. package/vue/components/TabBar.vue +176 -176
  34. package/vue/components/Table.vue +388 -388
  35. package/vue/components/TimePicker.vue +399 -399
  36. package/vue/components/Toggle.vue +115 -115
  37. package/vue/components/XTable.vue +119 -119
  38. package/vue/composables/useAutoSkeletonRows.ts +71 -71
  39. package/vue/index.d.ts +67 -67
  40. 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
+ };