@sentropic/design-system-vue 0.36.46 → 0.36.47

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 (148) hide show
  1. package/README.md +66 -0
  2. package/dist/AnomalySwimLaneChart.d.ts +11 -0
  3. package/dist/AnomalySwimLaneChart.d.ts.map +1 -1
  4. package/dist/AnomalySwimLaneChart.js +6 -1
  5. package/dist/AnomalySwimLaneChart.js.map +1 -1
  6. package/dist/CalendarHeatmapChart.d.ts +11 -0
  7. package/dist/CalendarHeatmapChart.d.ts.map +1 -1
  8. package/dist/CalendarHeatmapChart.js +6 -1
  9. package/dist/CalendarHeatmapChart.js.map +1 -1
  10. package/dist/ChatThread.d.ts +23 -3
  11. package/dist/ChatThread.d.ts.map +1 -1
  12. package/dist/ChatThread.js +41 -6
  13. package/dist/ChatThread.js.map +1 -1
  14. package/dist/CodeSnippet.d.ts +40 -0
  15. package/dist/CodeSnippet.d.ts.map +1 -1
  16. package/dist/CodeSnippet.js +26 -5
  17. package/dist/CodeSnippet.js.map +1 -1
  18. package/dist/Combobox.d.ts +20 -0
  19. package/dist/Combobox.d.ts.map +1 -1
  20. package/dist/Combobox.js +4 -2
  21. package/dist/Combobox.js.map +1 -1
  22. package/dist/ContourChart.d.ts +11 -0
  23. package/dist/ContourChart.d.ts.map +1 -1
  24. package/dist/ContourChart.js +47 -2
  25. package/dist/ContourChart.js.map +1 -1
  26. package/dist/Dashboard.d.ts +69 -0
  27. package/dist/Dashboard.d.ts.map +1 -0
  28. package/dist/Dashboard.js +40 -0
  29. package/dist/Dashboard.js.map +1 -0
  30. package/dist/DashboardGrid.d.ts +102 -0
  31. package/dist/DashboardGrid.d.ts.map +1 -0
  32. package/dist/DashboardGrid.js +103 -0
  33. package/dist/DashboardGrid.js.map +1 -0
  34. package/dist/DataTable.d.ts +10 -0
  35. package/dist/DataTable.d.ts.map +1 -1
  36. package/dist/DataTable.js +2 -1
  37. package/dist/DataTable.js.map +1 -1
  38. package/dist/Density2DChart.d.ts +11 -0
  39. package/dist/Density2DChart.d.ts.map +1 -1
  40. package/dist/Density2DChart.js +6 -1
  41. package/dist/Density2DChart.js.map +1 -1
  42. package/dist/Drawer.d.ts +10 -0
  43. package/dist/Drawer.d.ts.map +1 -1
  44. package/dist/Drawer.js +2 -1
  45. package/dist/Drawer.js.map +1 -1
  46. package/dist/Dropdown.d.ts.map +1 -1
  47. package/dist/Dropdown.js +2 -1
  48. package/dist/Dropdown.js.map +1 -1
  49. package/dist/FileUploader.d.ts +21 -0
  50. package/dist/FileUploader.d.ts.map +1 -1
  51. package/dist/FileUploader.js +46 -4
  52. package/dist/FileUploader.js.map +1 -1
  53. package/dist/Footer.d.ts +10 -0
  54. package/dist/Footer.d.ts.map +1 -1
  55. package/dist/Footer.js +23 -13
  56. package/dist/Footer.js.map +1 -1
  57. package/dist/ForceGraph.d.ts +24 -0
  58. package/dist/ForceGraph.d.ts.map +1 -1
  59. package/dist/ForceGraph.js +8 -4
  60. package/dist/ForceGraph.js.map +1 -1
  61. package/dist/HeatmapChart.d.ts +11 -0
  62. package/dist/HeatmapChart.d.ts.map +1 -1
  63. package/dist/HeatmapChart.js +7 -2
  64. package/dist/HeatmapChart.js.map +1 -1
  65. package/dist/KanbanBoard.d.ts +41 -0
  66. package/dist/KanbanBoard.d.ts.map +1 -0
  67. package/dist/KanbanBoard.js +32 -0
  68. package/dist/KanbanBoard.js.map +1 -0
  69. package/dist/ListReportPage.d.ts +150 -0
  70. package/dist/ListReportPage.d.ts.map +1 -0
  71. package/dist/ListReportPage.js +63 -0
  72. package/dist/ListReportPage.js.map +1 -0
  73. package/dist/MasterDetail.d.ts +116 -0
  74. package/dist/MasterDetail.d.ts.map +1 -0
  75. package/dist/MasterDetail.js +60 -0
  76. package/dist/MasterDetail.js.map +1 -0
  77. package/dist/Menu.d.ts.map +1 -1
  78. package/dist/Menu.js +2 -0
  79. package/dist/Menu.js.map +1 -1
  80. package/dist/MenuPopover.d.ts +11 -0
  81. package/dist/MenuPopover.d.ts.map +1 -1
  82. package/dist/MenuPopover.js +3 -0
  83. package/dist/MenuPopover.js.map +1 -1
  84. package/dist/Modal.d.ts +10 -0
  85. package/dist/Modal.d.ts.map +1 -1
  86. package/dist/Modal.js +2 -1
  87. package/dist/Modal.js.map +1 -1
  88. package/dist/MultiSelect.d.ts +2 -2
  89. package/dist/ObjectPage.d.ts +162 -0
  90. package/dist/ObjectPage.d.ts.map +1 -0
  91. package/dist/ObjectPage.js +72 -0
  92. package/dist/ObjectPage.js.map +1 -0
  93. package/dist/OrderedList.d.ts +10 -1
  94. package/dist/OrderedList.d.ts.map +1 -1
  95. package/dist/OrderedList.js +6 -5
  96. package/dist/OrderedList.js.map +1 -1
  97. package/dist/Pagination.d.ts +20 -0
  98. package/dist/Pagination.d.ts.map +1 -1
  99. package/dist/Pagination.js +6 -13
  100. package/dist/Pagination.js.map +1 -1
  101. package/dist/PasswordInput.d.ts +20 -0
  102. package/dist/PasswordInput.d.ts.map +1 -1
  103. package/dist/PasswordInput.js +3 -1
  104. package/dist/PasswordInput.js.map +1 -1
  105. package/dist/PointAndFigureChart.d.ts.map +1 -1
  106. package/dist/PointAndFigureChart.js +14 -6
  107. package/dist/PointAndFigureChart.js.map +1 -1
  108. package/dist/Popover.d.ts +10 -0
  109. package/dist/Popover.d.ts.map +1 -1
  110. package/dist/Popover.js +3 -2
  111. package/dist/Popover.js.map +1 -1
  112. package/dist/RenkoChart.d.ts.map +1 -1
  113. package/dist/RenkoChart.js +29 -4
  114. package/dist/RenkoChart.js.map +1 -1
  115. package/dist/SkeletonText.d.ts +10 -0
  116. package/dist/SkeletonText.d.ts.map +1 -1
  117. package/dist/SkeletonText.js +2 -1
  118. package/dist/SkeletonText.js.map +1 -1
  119. package/dist/Slider.d.ts +10 -0
  120. package/dist/Slider.d.ts.map +1 -1
  121. package/dist/Slider.js +2 -0
  122. package/dist/Slider.js.map +1 -1
  123. package/dist/StreamingMessage.d.ts +10 -0
  124. package/dist/StreamingMessage.d.ts.map +1 -1
  125. package/dist/StreamingMessage.js +10 -2
  126. package/dist/StreamingMessage.js.map +1 -1
  127. package/dist/TileGroup.d.ts +20 -0
  128. package/dist/TileGroup.d.ts.map +1 -1
  129. package/dist/TileGroup.js +9 -3
  130. package/dist/TileGroup.js.map +1 -1
  131. package/dist/Toast.d.ts +20 -0
  132. package/dist/Toast.d.ts.map +1 -1
  133. package/dist/Toast.js +11 -7
  134. package/dist/Toast.js.map +1 -1
  135. package/dist/UnorderedList.d.ts +10 -1
  136. package/dist/UnorderedList.d.ts.map +1 -1
  137. package/dist/UnorderedList.js +8 -7
  138. package/dist/UnorderedList.js.map +1 -1
  139. package/dist/Wizard.d.ts +153 -0
  140. package/dist/Wizard.d.ts.map +1 -0
  141. package/dist/Wizard.js +75 -0
  142. package/dist/Wizard.js.map +1 -0
  143. package/dist/index.d.ts +19 -5
  144. package/dist/index.d.ts.map +1 -1
  145. package/dist/index.js +7 -0
  146. package/dist/index.js.map +1 -1
  147. package/dist/styles.css +50 -1
  148. package/package.json +1 -1
@@ -4,6 +4,8 @@ export type MenuPopoverProps = {
4
4
  items?: MenuItem[];
5
5
  open?: boolean;
6
6
  placement?: MenuPopoverPlacement;
7
+ /** Accessible name for the panel (Svelte-canonical: applied as aria-label on role="dialog"). */
8
+ label?: string;
7
9
  class?: string;
8
10
  };
9
11
  export type { MenuItem };
@@ -20,6 +22,10 @@ export declare const MenuPopover: import("vue").DefineComponent<import("vue").Ex
20
22
  type: () => MenuPopoverPlacement;
21
23
  default: string;
22
24
  };
25
+ label: {
26
+ type: StringConstructor;
27
+ default: undefined;
28
+ };
23
29
  class: {
24
30
  type: StringConstructor;
25
31
  default: undefined;
@@ -39,6 +45,10 @@ export declare const MenuPopover: import("vue").DefineComponent<import("vue").Ex
39
45
  type: () => MenuPopoverPlacement;
40
46
  default: string;
41
47
  };
48
+ label: {
49
+ type: StringConstructor;
50
+ default: undefined;
51
+ };
42
52
  class: {
43
53
  type: StringConstructor;
44
54
  default: undefined;
@@ -47,6 +57,7 @@ export declare const MenuPopover: import("vue").DefineComponent<import("vue").Ex
47
57
  items: MenuItem[];
48
58
  open: boolean;
49
59
  class: string;
60
+ label: string;
50
61
  placement: MenuPopoverPlacement;
51
62
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
52
63
  //# sourceMappingURL=MenuPopover.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"MenuPopover.d.ts","sourceRoot":"","sources":["../src/MenuPopover.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE1C,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG,SAAS,GAAG,cAAc,GAAG,YAAY,CAAC;AAE3F,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,YAAY,EAAE,QAAQ,EAAE,CAAC;AAEzB,eAAO,MAAM,WAAW;;cAGI,MAAM,QAAQ,EAAE;;;;;;;;cAEX,MAAM,oBAAoB;;;;;;;;;;;cAF/B,MAAM,QAAQ,EAAE;;;;;;;;cAEX,MAAM,oBAAoB;;;;;;;;;;;;4EA8BzD,CAAC"}
1
+ {"version":3,"file":"MenuPopover.d.ts","sourceRoot":"","sources":["../src/MenuPopover.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE1C,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG,SAAS,GAAG,cAAc,GAAG,YAAY,CAAC;AAE3F,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,gGAAgG;IAChG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,YAAY,EAAE,QAAQ,EAAE,CAAC;AAEzB,eAAO,MAAM,WAAW;;cAGI,MAAM,QAAQ,EAAE;;;;;;;;cAEX,MAAM,oBAAoB;;;;;;;;;;;;;;;cAF/B,MAAM,QAAQ,EAAE;;;;;;;;cAEX,MAAM,oBAAoB;;;;;;;;;;;;;;;;;4EAiCzD,CAAC"}
@@ -7,12 +7,15 @@ export const MenuPopover = defineComponent({
7
7
  items: { type: Array, default: () => [] },
8
8
  open: { type: Boolean, default: true },
9
9
  placement: { type: String, default: "bottom-start" },
10
+ label: { type: String, default: undefined },
10
11
  class: { type: String, default: undefined },
11
12
  },
12
13
  setup(props, { slots, attrs }) {
13
14
  return () => {
14
15
  return h("div", {
15
16
  ...attrs,
17
+ role: "dialog",
18
+ "aria-label": props.label,
16
19
  class: classNames("st-menuPopover", `st-menuPopover--${props.placement}`, props.class),
17
20
  }, [
18
21
  slots.trigger?.(),
@@ -1 +1 @@
1
- {"version":3,"file":"MenuPopover.js","sourceRoot":"","sources":["../src/MenuPopover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAcjC,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,KAAyB,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE;QAC7D,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;QACtC,SAAS,EAAE,EAAE,IAAI,EAAE,MAAoC,EAAE,OAAO,EAAE,cAAc,EAAE;QAClF,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,CACN,KAAK,EACL;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CACf,gBAAgB,EAChB,mBAAmB,KAAK,CAAC,SAAS,EAAE,EACpC,KAAK,CAAC,KAAK,CACZ;aACF,EACD;gBACE,KAAK,CAAC,OAAO,EAAE,EAAE;gBACjB,KAAK,CAAC,IAAI;oBACR,CAAC,CAAC,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,yBAAyB,EAAE,EACpC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM;wBAC/B,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC;wBACvD,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,CACtB;oBACH,CAAC,CAAC,IAAI;aACT,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
1
+ {"version":3,"file":"MenuPopover.js","sourceRoot":"","sources":["../src/MenuPopover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAgBjC,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,KAAyB,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE;QAC7D,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;QACtC,SAAS,EAAE,EAAE,IAAI,EAAE,MAAoC,EAAE,OAAO,EAAE,cAAc,EAAE;QAClF,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,CACN,KAAK,EACL;gBACE,GAAG,KAAK;gBACR,IAAI,EAAE,QAAQ;gBACd,YAAY,EAAE,KAAK,CAAC,KAAK;gBACzB,KAAK,EAAE,UAAU,CACf,gBAAgB,EAChB,mBAAmB,KAAK,CAAC,SAAS,EAAE,EACpC,KAAK,CAAC,KAAK,CACZ;aACF,EACD;gBACE,KAAK,CAAC,OAAO,EAAE,EAAE;gBACjB,KAAK,CAAC,IAAI;oBACR,CAAC,CAAC,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,yBAAyB,EAAE,EACpC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM;wBAC/B,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC;wBACvD,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,CACtB;oBACH,CAAC,CAAC,IAAI;aACT,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
package/dist/Modal.d.ts CHANGED
@@ -3,6 +3,7 @@ export type ModalProps = {
3
3
  title?: string;
4
4
  description?: string;
5
5
  class?: string;
6
+ closeLabel?: string;
6
7
  };
7
8
  export declare const Modal: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
8
9
  open: {
@@ -21,6 +22,10 @@ export declare const Modal: import("vue").DefineComponent<import("vue").ExtractP
21
22
  type: StringConstructor;
22
23
  default: undefined;
23
24
  };
25
+ closeLabel: {
26
+ type: StringConstructor;
27
+ default: string;
28
+ };
24
29
  }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
25
30
  [key: string]: any;
26
31
  }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -40,6 +45,10 @@ export declare const Modal: import("vue").DefineComponent<import("vue").ExtractP
40
45
  type: StringConstructor;
41
46
  default: undefined;
42
47
  };
48
+ closeLabel: {
49
+ type: StringConstructor;
50
+ default: string;
51
+ };
43
52
  }>> & Readonly<{
44
53
  onClose?: ((...args: any[]) => any) | undefined;
45
54
  }>, {
@@ -47,5 +56,6 @@ export declare const Modal: import("vue").DefineComponent<import("vue").ExtractP
47
56
  class: string;
48
57
  title: string;
49
58
  description: string;
59
+ closeLabel: string;
50
60
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
51
61
  //# sourceMappingURL=Modal.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../src/Modal.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAgFhB,CAAC"}
1
+ {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../src/Modal.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAiFhB,CAAC"}
package/dist/Modal.js CHANGED
@@ -8,6 +8,7 @@ export const Modal = defineComponent({
8
8
  title: { type: String, default: undefined },
9
9
  description: { type: String, default: undefined },
10
10
  class: { type: String, default: undefined },
11
+ closeLabel: { type: String, default: "Close" },
11
12
  },
12
13
  emits: ["close"],
13
14
  setup(props, { emit, slots, attrs }) {
@@ -49,7 +50,7 @@ export const Modal = defineComponent({
49
50
  h("button", {
50
51
  type: "button",
51
52
  class: "st-modal__close",
52
- "aria-label": "Close",
53
+ "aria-label": props.closeLabel,
53
54
  onClick: () => emit("close"),
54
55
  }, h(X, { size: 18, strokeWidth: 2.25, "aria-hidden": "true" })),
55
56
  ]),
package/dist/Modal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.js","sourceRoot":"","sources":["../src/Modal.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Modal.js","sourceRoot":"","sources":["../src/Modal.ts"],"names":[],"mappings":"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"}
@@ -191,9 +191,9 @@ export declare const MultiSelect: import("vue").DefineComponent<import("vue").Ex
191
191
  errorText: undefined;
192
192
  noResultsLabel: string;
193
193
  listLabel: string;
194
+ toggleLabel: string;
194
195
  removeLabel: string;
195
- selected: string[];
196
196
  searchPlaceholder: string;
197
- toggleLabel: string;
197
+ selected: string[];
198
198
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
199
199
  //# sourceMappingURL=MultiSelect.d.ts.map
@@ -0,0 +1,162 @@
1
+ import { type PropType } from "vue";
2
+ export type ObjectPageBreadcrumbItem = {
3
+ label: string;
4
+ href?: string;
5
+ };
6
+ export type ObjectPageKpi = {
7
+ label: string;
8
+ value: string;
9
+ delta?: string;
10
+ };
11
+ export type ObjectPageField = {
12
+ key: string;
13
+ value: string;
14
+ };
15
+ export type ObjectPageColumn = {
16
+ key: string;
17
+ label: string;
18
+ };
19
+ export type ObjectPageRow = {
20
+ id: string;
21
+ [key: string]: unknown;
22
+ };
23
+ export type ObjectPageProps = {
24
+ breadcrumb?: ObjectPageBreadcrumbItem[];
25
+ entityTitle: string;
26
+ entityStatus?: {
27
+ label: string;
28
+ tone?: string;
29
+ };
30
+ primaryAction?: string;
31
+ secondaryAction?: string;
32
+ kpis?: ObjectPageKpi[];
33
+ fieldsTitle?: string;
34
+ fields?: ObjectPageField[];
35
+ relatedTitle?: string;
36
+ relatedColumns?: ObjectPageColumn[];
37
+ relatedRows?: ObjectPageRow[];
38
+ class?: string;
39
+ };
40
+ export declare const ObjectPage: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
41
+ breadcrumb: {
42
+ type: PropType<ObjectPageBreadcrumbItem[]>;
43
+ default: () => never[];
44
+ };
45
+ entityTitle: {
46
+ type: StringConstructor;
47
+ required: true;
48
+ };
49
+ entityStatus: {
50
+ type: PropType<{
51
+ label: string;
52
+ tone?: string;
53
+ }>;
54
+ default: undefined;
55
+ };
56
+ primaryAction: {
57
+ type: StringConstructor;
58
+ default: undefined;
59
+ };
60
+ secondaryAction: {
61
+ type: StringConstructor;
62
+ default: undefined;
63
+ };
64
+ kpis: {
65
+ type: PropType<ObjectPageKpi[]>;
66
+ default: () => never[];
67
+ };
68
+ fieldsTitle: {
69
+ type: StringConstructor;
70
+ default: undefined;
71
+ };
72
+ fields: {
73
+ type: PropType<ObjectPageField[]>;
74
+ default: () => never[];
75
+ };
76
+ relatedTitle: {
77
+ type: StringConstructor;
78
+ default: undefined;
79
+ };
80
+ relatedColumns: {
81
+ type: PropType<ObjectPageColumn[]>;
82
+ default: () => never[];
83
+ };
84
+ relatedRows: {
85
+ type: PropType<ObjectPageRow[]>;
86
+ default: () => never[];
87
+ };
88
+ class: {
89
+ type: StringConstructor;
90
+ default: undefined;
91
+ };
92
+ }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
93
+ [key: string]: any;
94
+ }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
95
+ breadcrumb: {
96
+ type: PropType<ObjectPageBreadcrumbItem[]>;
97
+ default: () => never[];
98
+ };
99
+ entityTitle: {
100
+ type: StringConstructor;
101
+ required: true;
102
+ };
103
+ entityStatus: {
104
+ type: PropType<{
105
+ label: string;
106
+ tone?: string;
107
+ }>;
108
+ default: undefined;
109
+ };
110
+ primaryAction: {
111
+ type: StringConstructor;
112
+ default: undefined;
113
+ };
114
+ secondaryAction: {
115
+ type: StringConstructor;
116
+ default: undefined;
117
+ };
118
+ kpis: {
119
+ type: PropType<ObjectPageKpi[]>;
120
+ default: () => never[];
121
+ };
122
+ fieldsTitle: {
123
+ type: StringConstructor;
124
+ default: undefined;
125
+ };
126
+ fields: {
127
+ type: PropType<ObjectPageField[]>;
128
+ default: () => never[];
129
+ };
130
+ relatedTitle: {
131
+ type: StringConstructor;
132
+ default: undefined;
133
+ };
134
+ relatedColumns: {
135
+ type: PropType<ObjectPageColumn[]>;
136
+ default: () => never[];
137
+ };
138
+ relatedRows: {
139
+ type: PropType<ObjectPageRow[]>;
140
+ default: () => never[];
141
+ };
142
+ class: {
143
+ type: StringConstructor;
144
+ default: undefined;
145
+ };
146
+ }>> & Readonly<{}>, {
147
+ class: string;
148
+ kpis: ObjectPageKpi[];
149
+ primaryAction: string;
150
+ secondaryAction: string;
151
+ breadcrumb: ObjectPageBreadcrumbItem[];
152
+ entityStatus: {
153
+ label: string;
154
+ tone?: string;
155
+ };
156
+ fieldsTitle: string;
157
+ fields: ObjectPageField[];
158
+ relatedTitle: string;
159
+ relatedColumns: ObjectPageColumn[];
160
+ relatedRows: ObjectPageRow[];
161
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
162
+ //# sourceMappingURL=ObjectPage.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ObjectPage.d.ts","sourceRoot":"","sources":["../src/ObjectPage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AAGxD,MAAM,MAAM,wBAAwB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AACxE,MAAM,MAAM,aAAa,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAC7E,MAAM,MAAM,eAAe,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAC7D,MAAM,MAAM,gBAAgB,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAC9D,MAAM,MAAM,aAAa,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,CAAC;AAEnE,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACxC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACpC,WAAW,CAAC,EAAE,aAAa,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,UAAU;;cAGU,QAAQ,CAAC,wBAAwB,EAAE,CAAC;;;;;;;;cAEjC,QAAQ,CAAC;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;;;;;;;;;;;;cAGnD,QAAQ,CAAC,aAAa,EAAE,CAAC;;;;;;;;cAEvB,QAAQ,CAAC,eAAe,EAAE,CAAC;;;;;;;;cAEnB,QAAQ,CAAC,gBAAgB,EAAE,CAAC;;;;cAC/B,QAAQ,CAAC,aAAa,EAAE,CAAC;;;;;;;;;;;cAV1B,QAAQ,CAAC,wBAAwB,EAAE,CAAC;;;;;;;;cAEjC,QAAQ,CAAC;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;;;;;;;;;;;;cAGnD,QAAQ,CAAC,aAAa,EAAE,CAAC;;;;;;;;cAEvB,QAAQ,CAAC,eAAe,EAAE,CAAC;;;;;;;;cAEnB,QAAQ,CAAC,gBAAgB,EAAE,CAAC;;;;cAC/B,QAAQ,CAAC,aAAa,EAAE,CAAC;;;;;;;;;;;;;;eARL,MAAM;eAAS,MAAM;;;;;;;4EA6GzE,CAAC"}
@@ -0,0 +1,72 @@
1
+ import { defineComponent, h } from "vue";
2
+ import { classNames } from "./classNames.js";
3
+ export const ObjectPage = defineComponent({
4
+ name: "ObjectPage",
5
+ props: {
6
+ breadcrumb: { type: Array, default: () => [] },
7
+ entityTitle: { type: String, required: true },
8
+ entityStatus: { type: Object, default: undefined },
9
+ primaryAction: { type: String, default: undefined },
10
+ secondaryAction: { type: String, default: undefined },
11
+ kpis: { type: Array, default: () => [] },
12
+ fieldsTitle: { type: String, default: undefined },
13
+ fields: { type: Array, default: () => [] },
14
+ relatedTitle: { type: String, default: undefined },
15
+ relatedColumns: { type: Array, default: () => [] },
16
+ relatedRows: { type: Array, default: () => [] },
17
+ class: { type: String, default: undefined },
18
+ },
19
+ setup(props, { attrs }) {
20
+ return () => h("div", { ...attrs, class: classNames("st-op", props.class) }, [
21
+ h("header", { class: "st-op__header" }, [
22
+ (props.breadcrumb ?? []).length > 0
23
+ ? h("nav", { class: "st-breadcrumb" }, (props.breadcrumb ?? []).map((item, i) => item.href
24
+ ? h("a", { key: i, href: item.href, class: "st-breadcrumb__item" }, item.label)
25
+ : h("span", { key: i, class: "st-breadcrumb__item" }, item.label)))
26
+ : null,
27
+ h("div", { class: "st-op__title-row" }, [
28
+ h("h1", { class: "st-op__title" }, props.entityTitle),
29
+ props.entityStatus
30
+ ? h("span", {
31
+ class: classNames("st-badge", props.entityStatus.tone ? `st-badge--${props.entityStatus.tone}` : undefined),
32
+ }, props.entityStatus.label)
33
+ : null,
34
+ ]),
35
+ h("div", { class: "st-op__header-actions" }, [
36
+ props.secondaryAction
37
+ ? h("button", { type: "button", class: "st-button st-button--secondary" }, props.secondaryAction)
38
+ : null,
39
+ props.primaryAction
40
+ ? h("button", { type: "button", class: "st-button st-button--primary" }, props.primaryAction)
41
+ : null,
42
+ ]),
43
+ ]),
44
+ (props.kpis ?? []).length > 0
45
+ ? h("div", { class: "st-op__kpi-row" }, (props.kpis ?? []).map((kpi, i) => h("div", { key: i, class: "st-kpi-card" }, [
46
+ h("span", { class: "st-kpi-card__label" }, kpi.label),
47
+ h("span", { class: "st-kpi-card__value" }, kpi.value),
48
+ kpi.delta ? h("span", { class: "st-kpi-card__delta" }, kpi.delta) : null,
49
+ ])))
50
+ : null,
51
+ (props.fields ?? []).length > 0
52
+ ? h("section", { class: "st-op__fields" }, [
53
+ props.fieldsTitle ? h("h2", { class: "st-op__section-title" }, props.fieldsTitle) : null,
54
+ h("dl", { class: "st-op__field-list" }, (props.fields ?? []).flatMap((f) => [
55
+ h("dt", { key: `dt-${f.key}` }, f.key),
56
+ h("dd", { key: `dd-${f.key}` }, f.value),
57
+ ])),
58
+ ])
59
+ : null,
60
+ (props.relatedRows ?? []).length > 0
61
+ ? h("section", { class: "st-op__related" }, [
62
+ props.relatedTitle ? h("h2", { class: "st-op__section-title" }, props.relatedTitle) : null,
63
+ h("table", { class: "st-table" }, [
64
+ h("thead", null, h("tr", null, (props.relatedColumns ?? []).map((col) => h("th", { key: col.key }, col.label)))),
65
+ h("tbody", null, (props.relatedRows ?? []).map((row) => h("tr", { key: row.id }, (props.relatedColumns ?? []).map((col) => h("td", { key: col.key }, String(row[col.key] ?? "")))))),
66
+ ]),
67
+ ])
68
+ : null,
69
+ ]);
70
+ },
71
+ });
72
+ //# sourceMappingURL=ObjectPage.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ObjectPage.js","sourceRoot":"","sources":["../src/ObjectPage.ts"],"names":[],"mappings":"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"}
@@ -1,11 +1,11 @@
1
1
  export type OrderedListItem = {
2
2
  content?: unknown;
3
- label?: unknown;
4
3
  children?: OrderedListInput[];
5
4
  };
6
5
  export type OrderedListInput = unknown;
7
6
  export type OrderedListProps = {
8
7
  items: OrderedListInput[];
8
+ nested?: boolean;
9
9
  class?: string;
10
10
  };
11
11
  export declare const OrderedList: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -13,6 +13,10 @@ export declare const OrderedList: import("vue").DefineComponent<import("vue").Ex
13
13
  type: () => OrderedListInput[];
14
14
  required: true;
15
15
  };
16
+ nested: {
17
+ type: BooleanConstructor;
18
+ default: boolean;
19
+ };
16
20
  class: {
17
21
  type: StringConstructor;
18
22
  default: undefined;
@@ -24,11 +28,16 @@ export declare const OrderedList: import("vue").DefineComponent<import("vue").Ex
24
28
  type: () => OrderedListInput[];
25
29
  required: true;
26
30
  };
31
+ nested: {
32
+ type: BooleanConstructor;
33
+ default: boolean;
34
+ };
27
35
  class: {
28
36
  type: StringConstructor;
29
37
  default: undefined;
30
38
  };
31
39
  }>> & Readonly<{}>, {
32
40
  class: string;
41
+ nested: boolean;
33
42
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
34
43
  //# sourceMappingURL=OrderedList.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"OrderedList.d.ts","sourceRoot":"","sources":["../src/OrderedList.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,eAAe,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAA;CAAE,CAAC;AACpG,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;AAEvC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA4CF,eAAO,MAAM,WAAW;;cAGI,MAAM,gBAAgB,EAAE;;;;;;;;;;;cAAxB,MAAM,gBAAgB,EAAE;;;;;;;;;4EAclD,CAAC"}
1
+ {"version":3,"file":"OrderedList.d.ts","sourceRoot":"","sources":["../src/OrderedList.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,eAAe,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAA;CAAE,CAAC;AACnF,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;AAEvC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA4CF,eAAO,MAAM,WAAW;;cAGI,MAAM,gBAAgB,EAAE;;;;;;;;;;;;;;;cAAxB,MAAM,gBAAgB,EAAE;;;;;;;;;;;;;;4EAelD,CAAC"}
@@ -10,32 +10,33 @@ function renderNested(children, ordered) {
10
10
  function renderListItem(item, index, ordered) {
11
11
  if (typeof item === "object" &&
12
12
  item !== null &&
13
- ("content" in item || "label" in item)) {
13
+ "content" in item) {
14
14
  const cast = item;
15
15
  const hasChildren = Array.isArray(cast.children) && cast.children.length > 0;
16
16
  return h("li", {
17
17
  key: index,
18
18
  class: ordered ? "st-orderedList__item" : "st-unorderedList__item",
19
19
  }, [
20
- String((cast.content ?? cast.label) ?? ""),
21
- hasChildren ? renderNested(cast.children, ordered) : null,
20
+ cast.content,
21
+ ...(hasChildren ? [renderNested(cast.children, ordered)] : []),
22
22
  ]);
23
23
  }
24
24
  return h("li", {
25
25
  key: index,
26
26
  class: ordered ? "st-orderedList__item" : "st-unorderedList__item",
27
- }, String(item ?? ""));
27
+ }, [item]);
28
28
  }
29
29
  export const OrderedList = defineComponent({
30
30
  name: "OrderedList",
31
31
  props: {
32
32
  items: { type: Array, required: true },
33
+ nested: { type: Boolean, default: false },
33
34
  class: { type: String, default: undefined },
34
35
  },
35
36
  setup(props, { attrs }) {
36
37
  return () => h("ol", {
37
38
  ...attrs,
38
- class: classNames("st-orderedList", props.class),
39
+ class: classNames("st-orderedList", props.nested && "st-orderedList--nested", props.class),
39
40
  }, props.items.map((item, index) => renderListItem(item, index, true)));
40
41
  },
41
42
  });
@@ -1 +1 @@
1
- {"version":3,"file":"OrderedList.js","sourceRoot":"","sources":["../src/OrderedList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAmB,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAW7C,SAAS,YAAY,CAAC,QAA4B,EAAE,OAAgB;IAClE,OAAO,CAAC,CACN,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACrB;QACE,KAAK,EAAE,OAAO;YACZ,CAAC,CAAC,uCAAuC;YACzC,CAAC,CAAC,2CAA2C;KAChD,EACD,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CACtE,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,IAAsB,EAAE,KAAa,EAAE,OAAgB;IAC7E,IACE,OAAO,IAAI,KAAK,QAAQ;QACxB,IAAI,KAAK,IAAI;QACb,CAAC,SAAS,IAAK,IAAgC,IAAI,OAAO,IAAK,IAAgC,CAAC,EAChG,CAAC;QACD,MAAM,IAAI,GAAG,IAAuB,CAAC;QACrC,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;QAC7E,OAAO,CAAC,CACN,IAAI,EACJ;YACE,GAAG,EAAE,KAAK;YACV,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,wBAAwB;SACnE,EACD;YACE,MAAM,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;YAC1C,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,QAA8B,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI;SAChF,CACF,CAAC;IACJ,CAAC;IACD,OAAO,CAAC,CACN,IAAI,EACJ;QACE,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,wBAAwB;KACnE,EACD,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,CACnB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,KAAiC,EAAE,QAAQ,EAAE,IAAI,EAAE;QAClE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACpB,OAAO,GAAG,EAAE,CACV,CAAC,CACC,IAAI,EACJ;YACE,GAAG,KAAK;YACR,KAAK,EAAE,UAAU,CAAC,gBAAgB,EAAE,KAAK,CAAC,KAAK,CAAC;SACjD,EACD,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,CAAiB,CACpF,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}
1
+ {"version":3,"file":"OrderedList.js","sourceRoot":"","sources":["../src/OrderedList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAmB,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAY7C,SAAS,YAAY,CAAC,QAA4B,EAAE,OAAgB;IAClE,OAAO,CAAC,CACN,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACrB;QACE,KAAK,EAAE,OAAO;YACZ,CAAC,CAAC,uCAAuC;YACzC,CAAC,CAAC,2CAA2C;KAChD,EACD,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CACtE,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,IAAsB,EAAE,KAAa,EAAE,OAAgB;IAC7E,IACE,OAAO,IAAI,KAAK,QAAQ;QACxB,IAAI,KAAK,IAAI;QACb,SAAS,IAAK,IAAgC,EAC9C,CAAC;QACD,MAAM,IAAI,GAAG,IAAuB,CAAC;QACrC,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;QAC7E,OAAO,CAAC,CACN,IAAI,EACJ;YACE,GAAG,EAAE,KAAK;YACV,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,wBAAwB;SACnE,EACD;YACE,IAAI,CAAC,OAAqB;YAC1B,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,QAA8B,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;SACrF,CACF,CAAC;IACJ,CAAC;IACD,OAAO,CAAC,CACN,IAAI,EACJ;QACE,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,wBAAwB;KACnE,EACD,CAAC,IAAI,CAAqC,CAC3C,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,KAAiC,EAAE,QAAQ,EAAE,IAAI,EAAE;QAClE,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QACzC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACpB,OAAO,GAAG,EAAE,CACV,CAAC,CACC,IAAI,EACJ;YACE,GAAG,KAAK;YACR,KAAK,EAAE,UAAU,CAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,IAAI,wBAAwB,EAAE,KAAK,CAAC,KAAK,CAAC;SAC3F,EACD,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,CAAiB,CACpF,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}
@@ -4,6 +4,8 @@ export type PaginationProps = {
4
4
  totalItems?: number;
5
5
  totalPages?: number;
6
6
  pageCount?: number;
7
+ previousLabel?: string;
8
+ nextLabel?: string;
7
9
  class?: string;
8
10
  };
9
11
  export declare const Pagination: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -27,6 +29,14 @@ export declare const Pagination: import("vue").DefineComponent<import("vue").Ext
27
29
  type: NumberConstructor;
28
30
  default: undefined;
29
31
  };
32
+ previousLabel: {
33
+ type: StringConstructor;
34
+ default: string;
35
+ };
36
+ nextLabel: {
37
+ type: StringConstructor;
38
+ default: string;
39
+ };
30
40
  class: {
31
41
  type: StringConstructor;
32
42
  default: undefined;
@@ -54,6 +64,14 @@ export declare const Pagination: import("vue").DefineComponent<import("vue").Ext
54
64
  type: NumberConstructor;
55
65
  default: undefined;
56
66
  };
67
+ previousLabel: {
68
+ type: StringConstructor;
69
+ default: string;
70
+ };
71
+ nextLabel: {
72
+ type: StringConstructor;
73
+ default: string;
74
+ };
57
75
  class: {
58
76
  type: StringConstructor;
59
77
  default: undefined;
@@ -63,6 +81,8 @@ export declare const Pagination: import("vue").DefineComponent<import("vue").Ext
63
81
  }>, {
64
82
  class: string;
65
83
  pageSize: number;
84
+ previousLabel: string;
85
+ nextLabel: string;
66
86
  totalItems: number;
67
87
  totalPages: number;
68
88
  pageCount: number;
@@ -1 +1 @@
1
- {"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../src/Pagination.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAqFrB,CAAC"}
1
+ {"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../src/Pagination.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAsErB,CAAC"}
@@ -8,6 +8,8 @@ export const Pagination = defineComponent({
8
8
  totalItems: { type: Number, default: undefined },
9
9
  totalPages: { type: Number, default: undefined },
10
10
  pageCount: { type: Number, default: undefined },
11
+ previousLabel: { type: String, default: "Previous" },
12
+ nextLabel: { type: String, default: "Next" },
11
13
  class: { type: String, default: undefined },
12
14
  },
13
15
  emits: ["pageChange"],
@@ -18,12 +20,6 @@ export const Pagination = defineComponent({
18
20
  (props.totalItems
19
21
  ? Math.max(1, Math.ceil(props.totalItems / (props.pageSize ?? 10)))
20
22
  : props.page);
21
- const start = props.totalItems
22
- ? (props.page - 1) * (props.pageSize ?? 10) + 1
23
- : props.page;
24
- const end = props.totalItems
25
- ? Math.min(props.page * (props.pageSize ?? 10), props.totalItems)
26
- : props.page;
27
23
  const visiblePages = Array.from({ length: pages }, (_, index) => index + 1);
28
24
  return h("nav", {
29
25
  ...attrs,
@@ -34,23 +30,20 @@ export const Pagination = defineComponent({
34
30
  type: "button",
35
31
  disabled: props.page <= 1,
36
32
  onClick: () => emit("pageChange", props.page - 1),
37
- }, "Previous"),
38
- h("span", { class: "st-pagination__page--active" }, props.totalItems
39
- ? `${start}-${end} of ${props.totalItems}`
40
- : `Page ${props.page} of ${pages}`),
41
- h("span", { class: "st-pagination__pages" }, visiblePages.map((pageNumber) => h("button", {
33
+ }, props.previousLabel),
34
+ ...visiblePages.map((pageNumber) => h("button", {
42
35
  key: pageNumber,
43
36
  type: "button",
44
37
  class: classNames("st-pagination__page", pageNumber === props.page && "st-pagination__page--active"),
45
38
  "aria-label": `Page ${pageNumber}`,
46
39
  "aria-current": pageNumber === props.page ? "page" : undefined,
47
40
  onClick: () => emit("pageChange", pageNumber),
48
- }, String(pageNumber)))),
41
+ }, String(pageNumber))),
49
42
  h("button", {
50
43
  type: "button",
51
44
  disabled: props.page >= pages,
52
45
  onClick: () => emit("pageChange", props.page + 1),
53
- }, "Next"),
46
+ }, props.nextLabel),
54
47
  ]);
55
48
  };
56
49
  },
@@ -1 +1 @@
1
- {"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../src/Pagination.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../src/Pagination.ts"],"names":[],"mappings":"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"}