@pequity/squirrel 8.4.5 → 8.5.1

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 (94) hide show
  1. package/README.md +31 -2
  2. package/dist/cjs/chunks/index.js +530 -179
  3. package/dist/cjs/chunks/p-alert.js +11 -16
  4. package/dist/cjs/chunks/p-btn.js +1 -1
  5. package/dist/cjs/chunks/p-input-percent.js +2 -2
  6. package/dist/cjs/chunks/p-table-header-cell.js +57 -0
  7. package/dist/cjs/index.js +41 -33
  8. package/dist/cjs/inputClasses.js +3 -3
  9. package/dist/cjs/p-icon.js +2 -1
  10. package/dist/cjs/p-loading.js +2 -2
  11. package/dist/cjs/p-modal.js +45 -43
  12. package/dist/cjs/p-table-header-cell.js +2 -116
  13. package/dist/cjs/p-table.js +2 -0
  14. package/dist/cjs/usePTableHeaderWrap.js +38 -0
  15. package/dist/es/chunks/index.js +530 -179
  16. package/dist/es/chunks/p-alert.js +11 -16
  17. package/dist/es/chunks/p-btn.js +2 -2
  18. package/dist/es/chunks/p-input-percent.js +2 -2
  19. package/dist/es/chunks/p-table-header-cell.js +58 -0
  20. package/dist/es/index.js +49 -41
  21. package/dist/es/inputClasses.js +4 -4
  22. package/dist/es/p-icon.js +2 -1
  23. package/dist/es/p-loading.js +2 -2
  24. package/dist/es/p-modal.js +45 -43
  25. package/dist/es/p-table-header-cell.js +2 -116
  26. package/dist/es/p-table.js +2 -0
  27. package/dist/es/usePTableHeaderWrap.js +38 -0
  28. package/dist/squirrel/components/index.d.ts +1 -2
  29. package/dist/squirrel/components/p-action-bar/p-action-bar.vue.d.ts +1 -1
  30. package/dist/squirrel/components/p-alert/p-alert.vue.d.ts +2 -2
  31. package/dist/squirrel/components/p-avatar/p-avatar.vue.d.ts +1 -1
  32. package/dist/squirrel/components/p-btn/p-btn.vue.d.ts +3 -3
  33. package/dist/squirrel/components/p-card/p-card.vue.d.ts +1 -1
  34. package/dist/squirrel/components/p-checkbox/p-checkbox.vue.d.ts +1 -1
  35. package/dist/squirrel/components/p-close-btn/p-close-btn.vue.d.ts +1 -1
  36. package/dist/squirrel/components/p-date-picker/p-date-picker.vue.d.ts +1 -1
  37. package/dist/squirrel/components/p-drawer/p-drawer.vue.d.ts +12 -12
  38. package/dist/squirrel/components/p-dropdown-select/p-dropdown-select.vue.d.ts +1 -1
  39. package/dist/squirrel/components/p-file-upload/p-file-upload.vue.d.ts +1 -1
  40. package/dist/squirrel/components/p-icon/p-icon.types.d.ts +1 -0
  41. package/dist/squirrel/components/p-icon/p-icon.vue.d.ts +1 -1
  42. package/dist/squirrel/components/p-info-icon/p-info-icon.vue.d.ts +1 -1
  43. package/dist/squirrel/components/p-inline-date-picker/p-inline-date-picker.vue.d.ts +1 -1
  44. package/dist/squirrel/components/p-input/p-input.vue.d.ts +1 -1
  45. package/dist/squirrel/components/p-input-percent/p-input-percent.vue.d.ts +1 -1
  46. package/dist/squirrel/components/p-input-search/p-input-search.vue.d.ts +1 -1
  47. package/dist/squirrel/components/p-link/p-link.vue.d.ts +1 -1
  48. package/dist/squirrel/components/p-loading/p-loading.vue.d.ts +1 -1
  49. package/dist/squirrel/components/p-modal/p-modal.vue.d.ts +5 -1
  50. package/dist/squirrel/components/p-pagination/p-pagination.vue.d.ts +1 -1
  51. package/dist/squirrel/components/p-pagination-info/p-pagination-info.vue.d.ts +1 -1
  52. package/dist/squirrel/components/p-progress-bar/p-progress-bar.vue.d.ts +1 -1
  53. package/dist/squirrel/components/p-ring-loader/p-ring-loader.vue.d.ts +1 -1
  54. package/dist/squirrel/components/p-select/p-select.vue.d.ts +1 -1
  55. package/dist/squirrel/components/p-select-btn/p-select-btn.vue.d.ts +1 -1
  56. package/dist/squirrel/components/p-select-list/p-select-list.vue.d.ts +1 -1
  57. package/dist/squirrel/components/p-steps/p-steps.vue.d.ts +1 -1
  58. package/dist/squirrel/components/p-table/p-table.types.d.ts +1 -0
  59. package/dist/squirrel/components/p-table/p-table.vue.d.ts +1 -1
  60. package/dist/squirrel/components/p-table/usePTableHeaderWrap.d.ts +4 -0
  61. package/dist/squirrel/components/p-table-header-cell/p-table-header-cell.vue.d.ts +14 -161
  62. package/dist/squirrel/components/p-table-loader/p-table-loader.vue.d.ts +1 -1
  63. package/dist/squirrel/components/p-table-sort/p-table-sort.vue.d.ts +1 -1
  64. package/dist/squirrel/components/p-table-td/p-table-td.vue.d.ts +1 -1
  65. package/dist/squirrel/components/p-tabs/p-tabs.vue.d.ts +1 -1
  66. package/dist/squirrel/components/p-tabs-pills/p-tabs-pills.vue.d.ts +1 -1
  67. package/dist/squirrel/components/p-textarea/p-textarea.vue.d.ts +1 -1
  68. package/dist/squirrel/components/p-toggle/p-toggle.vue.d.ts +1 -1
  69. package/dist/squirrel.css +22 -33
  70. package/package.json +23 -21
  71. package/squirrel/components/index.ts +0 -2
  72. package/squirrel/components/p-alert/p-alert.spec.js +4 -4
  73. package/squirrel/components/p-alert/p-alert.stories.js +19 -13
  74. package/squirrel/components/p-alert/p-alert.vue +9 -11
  75. package/squirrel/components/p-icon/p-icon.types.ts +1 -0
  76. package/squirrel/components/p-modal/p-modal-basic.spec.js +29 -3
  77. package/squirrel/components/p-modal/p-modal.vue +44 -33
  78. package/squirrel/components/p-table/p-table.spec.js +79 -10
  79. package/squirrel/components/p-table/p-table.types.ts +2 -0
  80. package/squirrel/components/p-table/p-table.vue +12 -5
  81. package/squirrel/components/p-table/usePTableHeaderWrap.spec.js +118 -0
  82. package/squirrel/components/p-table/usePTableHeaderWrap.ts +45 -0
  83. package/squirrel/components/p-table-header-cell/p-table-header-cell.spec.js +17 -9
  84. package/squirrel/components/p-table-header-cell/p-table-header-cell.vue +69 -83
  85. package/dist/cjs/p-table-filter-icon.js +0 -28
  86. package/dist/es/p-table-filter-icon.js +0 -29
  87. package/dist/squirrel/components/p-table-header-cell/p-table-filter-icon.vue.d.ts +0 -20
  88. package/squirrel/assets/filter-icon-active-hover.svg +0 -4
  89. package/squirrel/assets/filter-icon-active.svg +0 -4
  90. package/squirrel/assets/filter-icon-hover.svg +0 -7
  91. package/squirrel/assets/filter-icon.svg +0 -6
  92. package/squirrel/components/p-table-header-cell/p-filter-icon.spec.js +0 -20
  93. package/squirrel/components/p-table-header-cell/p-filter-icon.stories.js +0 -33
  94. package/squirrel/components/p-table-header-cell/p-table-filter-icon.vue +0 -41
@@ -1,118 +1,4 @@
1
- import { _ as _sfc_main$1 } from "./chunks/p-info-icon.js";
2
- import PTableFilterIcon from "./p-table-filter-icon.js";
3
- import { defineComponent, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, normalizeStyle, normalizeClass, toDisplayString, createBlock } from "vue";
4
- import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
5
- const DEFAULT_CLASSES = `text-xs leading-5 font-semibold truncate shrink`;
6
- const _sfc_main = defineComponent({
7
- name: "PTableHeaderCell",
8
- components: {
9
- PTableFilterIcon,
10
- PInfoIcon: _sfc_main$1
11
- },
12
- props: {
13
- /**
14
- * The text content to display in the header cell.
15
- * Also used as the title attribute for accessibility.
16
- */
17
- text: {
18
- type: String,
19
- default: ""
20
- },
21
- /**
22
- * CSS classes to apply to the text element.
23
- * Can be a string, object, or array for flexible styling.
24
- */
25
- textClass: {
26
- type: [String, Object, Array],
27
- default: "text-left"
28
- },
29
- /**
30
- * Whether the filter icon is in an active state.
31
- * Controls the visual appearance of the filter icon and text color.
32
- */
33
- filterActive: {
34
- type: Boolean,
35
- default: false
36
- },
37
- /**
38
- * Whether to show the filter icon.
39
- * When false, the filter icon is hidden regardless of other states.
40
- */
41
- showFilterIcon: {
42
- type: Boolean,
43
- default: false
44
- },
45
- /**
46
- * Tooltip text to display when hovering over the info icon.
47
- * When provided, shows an info icon with the tooltip content.
48
- */
49
- tooltipText: {
50
- type: String,
51
- default: ""
52
- },
53
- /**
54
- * Custom text color to apply to the header text.
55
- * Overrides the default text color when provided.
56
- */
57
- textColor: {
58
- type: String,
59
- default: ""
60
- }
61
- },
62
- /**
63
- * Emitted when the filter icon is clicked.
64
- * @param {Event} event - The click event
65
- * @param {boolean} filterActive - The current filter active state
66
- */
67
- emits: ["click-filter-icon"],
68
- data() {
69
- return {
70
- DEFAULT_CLASSES
71
- };
72
- },
73
- computed: {
74
- textColorClass() {
75
- return this.filterActive ? "text-active-blue" : this.textColor ? "" : "text-p-gray-60";
76
- },
77
- style() {
78
- if (this.filterActive) {
79
- return {};
80
- }
81
- return {
82
- color: this.textColor
83
- };
84
- }
85
- }
86
- });
87
- const _hoisted_1 = { class: "flex items-center overflow-hidden" };
88
- const _hoisted_2 = ["title"];
89
- const _hoisted_3 = {
90
- key: 0,
91
- class: "relative ml-1 mr-auto h-3 w-3 shrink-0"
92
- };
93
- function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
94
- const _component_PInfoIcon = resolveComponent("PInfoIcon");
95
- const _component_PTableFilterIcon = resolveComponent("PTableFilterIcon");
96
- return openBlock(), createElementBlock("div", _hoisted_1, [
97
- createElementVNode("div", {
98
- class: normalizeClass([_ctx.DEFAULT_CLASSES, _ctx.textClass, _ctx.textColorClass, { "mr-auto": !_ctx.tooltipText }]),
99
- style: normalizeStyle(_ctx.style),
100
- title: _ctx.text
101
- }, toDisplayString(_ctx.text), 15, _hoisted_2),
102
- _ctx.tooltipText ? (openBlock(), createElementBlock("div", _hoisted_3, [
103
- _ctx.tooltipText ? (openBlock(), createBlock(_component_PInfoIcon, {
104
- key: 0,
105
- text: _ctx.tooltipText
106
- }, null, 8, ["text"])) : createCommentVNode("", true)
107
- ])) : createCommentVNode("", true),
108
- createVNode(_component_PTableFilterIcon, {
109
- class: normalizeClass(["ml-2", { hidden: !_ctx.showFilterIcon }]),
110
- active: _ctx.filterActive,
111
- onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click-filter-icon", $event, _ctx.filterActive))
112
- }, null, 8, ["class", "active"])
113
- ]);
114
- }
115
- const PTableHeaderCell = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
1
+ import { _ as _sfc_main } from "./chunks/p-table-header-cell.js";
116
2
  export {
117
- PTableHeaderCell as default
3
+ _sfc_main as default
118
4
  };
@@ -3,7 +3,9 @@ const isFirstColFixedInjectionKey = Symbol("isFirstColFixed");
3
3
  const isLastColFixedInjectionKey = Symbol("isLastColFixed");
4
4
  const isColsResizableInjectionKey = Symbol("isColsResizable");
5
5
  const MIN_WIDTH_COL_RESIZE = 80;
6
+ const HEADER_CELL_ONE_LINE_HEIGHT = 20;
6
7
  export {
8
+ HEADER_CELL_ONE_LINE_HEIGHT,
7
9
  MIN_WIDTH_COL_RESIZE,
8
10
  colsInjectionKey,
9
11
  isColsResizableInjectionKey,
@@ -0,0 +1,38 @@
1
+ import { HEADER_CELL_ONE_LINE_HEIGHT } from "./p-table.js";
2
+ import { ref, onMounted, onBeforeUnmount } from "vue";
3
+ const usePTableHeaderWrap = (theadRef) => {
4
+ let headerObserver = null;
5
+ const hasWrap = ref(false);
6
+ const setupObserver = () => {
7
+ if (!theadRef.value) return;
8
+ headerObserver = new ResizeObserver(() => {
9
+ if (theadRef.value) {
10
+ const textDivs = theadRef.value.querySelectorAll("[data-p-table-header-text]");
11
+ for (const div of textDivs) {
12
+ if (div.offsetHeight > HEADER_CELL_ONE_LINE_HEIGHT) {
13
+ hasWrap.value = true;
14
+ return;
15
+ }
16
+ }
17
+ hasWrap.value = false;
18
+ }
19
+ });
20
+ headerObserver.observe(theadRef.value);
21
+ };
22
+ const cleanupObserver = () => {
23
+ if (headerObserver) {
24
+ headerObserver.disconnect();
25
+ headerObserver = null;
26
+ }
27
+ };
28
+ onMounted(() => {
29
+ setupObserver();
30
+ });
31
+ onBeforeUnmount(() => {
32
+ cleanupObserver();
33
+ });
34
+ return { hasWrap };
35
+ };
36
+ export {
37
+ usePTableHeaderWrap
38
+ };
@@ -43,7 +43,6 @@ import { colsInjectionKey, type HeaderCellAttrs, isColsResizableInjectionKey, is
43
43
  import PTable from './p-table/p-table.vue';
44
44
  import { usePTableColResize } from './p-table/usePTableColResize';
45
45
  import { usePTableRowVirtualizer } from './p-table/usePTableRowVirtualizer';
46
- import PFilterIcon from './p-table-header-cell/p-table-filter-icon.vue';
47
46
  import PTableHeaderCell from './p-table-header-cell/p-table-header-cell.vue';
48
47
  import PTableLoader from './p-table-loader/p-table-loader.vue';
49
48
  import { SORTING_TYPES, type SortingType, type SortingTypeWithoutNoSorting } from './p-table-sort/p-table-sort.config';
@@ -53,4 +52,4 @@ import PTabs from './p-tabs/p-tabs.vue';
53
52
  import PTabsPills from './p-tabs-pills/p-tabs-pills.vue';
54
53
  import PTextarea from './p-textarea/p-textarea.vue';
55
54
  import PToggle from './p-toggle/p-toggle.vue';
56
- export { colsInjectionKey, FileUploadFile, HeaderCellAttrs, isColsResizableInjectionKey, isFirstColFixedInjectionKey, isLastColFixedInjectionKey, MIN_WIDTH_COL_RESIZE, P_ICON_ALIASES, PActionBar, PActionBarAction, PAlert, PAvatar, PBtn, PCard, PCheckbox, PChips, PCloseBtn, PDatePicker, PDrawer, PDropdown, PDropdownSelect, PFileUpload, PFilterIcon, PIcon, PIconAlias, PInfoIcon, PInlineDatePicker, PInput, PInputNumber, PInputPercent, PInputSearch, PLink, PLoading, PModal, PPagination, PPaginationInfo, PProgressBar, PRingLoader, PSelect, PSelectBtn, PSelectList, PSelectPill, PSkeletonLoader, PSteps, PTable, PTableHeaderCell, PTableLoader, PTableSort, PTableTd, PTabs, PTabsPills, PTextarea, PToggle, Size, SORTING_TYPES, SortingType, SortingTypeWithoutNoSorting, StepItem, TableCol, ThAttrs, usePLoading, usePModal, usePTableColResize, usePTableRowVirtualizer, useSelectList, };
55
+ export { colsInjectionKey, FileUploadFile, HeaderCellAttrs, isColsResizableInjectionKey, isFirstColFixedInjectionKey, isLastColFixedInjectionKey, MIN_WIDTH_COL_RESIZE, P_ICON_ALIASES, PActionBar, PActionBarAction, PAlert, PAvatar, PBtn, PCard, PCheckbox, PChips, PCloseBtn, PDatePicker, PDrawer, PDropdown, PDropdownSelect, PFileUpload, PIcon, PIconAlias, PInfoIcon, PInlineDatePicker, PInput, PInputNumber, PInputPercent, PInputSearch, PLink, PLoading, PModal, PPagination, PPaginationInfo, PProgressBar, PRingLoader, PSelect, PSelectBtn, PSelectList, PSelectPill, PSkeletonLoader, PSteps, PTable, PTableHeaderCell, PTableLoader, PTableSort, PTableTd, PTabs, PTabsPills, PTextarea, PToggle, Size, SORTING_TYPES, SortingType, SortingTypeWithoutNoSorting, StepItem, TableCol, ThAttrs, usePLoading, usePModal, usePTableColResize, usePTableRowVirtualizer, useSelectList, };
@@ -16,7 +16,7 @@ type Props = {
16
16
  */
17
17
  actions: PActionBarAction[];
18
18
  };
19
- declare const _default: import("vue").DefineComponent<Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
19
+ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
20
20
  "click:dismiss": () => any;
21
21
  "click:action": (name: string | undefined) => any;
22
22
  }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
@@ -26,7 +26,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
26
26
  default: string;
27
27
  validator(value: keyof typeof ALERT_TYPES): boolean;
28
28
  };
29
- }>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
29
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
30
30
  /**
31
31
  * The type of the alert which determines its appearance and icon
32
32
  */
@@ -36,7 +36,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
36
36
  validator(value: keyof typeof ALERT_TYPES): boolean;
37
37
  };
38
38
  }>> & Readonly<{}>, {
39
- type: "info" | "error" | "success" | "warning";
39
+ type: "info" | "warning" | "error" | "success";
40
40
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
41
41
  /**
42
42
  * Custom icon slot - use this to override the default alert type icon.
@@ -42,7 +42,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
42
42
  type: StringConstructor;
43
43
  default: string;
44
44
  };
45
- }>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
45
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
46
46
  /**
47
47
  * The shape of the avatar
48
48
  */
@@ -282,7 +282,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
282
282
  type: PropType<Icon>;
283
283
  default: string;
284
284
  };
285
- }>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
285
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
286
286
  /**
287
287
  * The button style e.g primary, secondary, primary-outline, secondary-outline, error, success, primary-link
288
288
  */
@@ -344,14 +344,14 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
344
344
  default: string;
345
345
  };
346
346
  }>> & Readonly<{}>, {
347
- icon: "delete" | "edit" | "send" | "settings" | "empty" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-down" | "ok-circle" | "cancel-circle" | "ok" | "cancel" | "ok-bold" | "cancel-bold" | "archive" | "lock" | "drag-horizontal" | "email" | "location" | "calendar" | "save" | "copy" | "plus" | "add" | "more" | "filters" | "bar-chart" | "list" | "formula" | "refresh" | "download" | "upload" | "info" | "help" | "search" | (string & {});
347
+ icon: "delete" | "edit" | "send" | "settings" | "empty" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-down" | "ok-circle" | "cancel-circle" | "ok" | "cancel" | "ok-bold" | "cancel-bold" | "archive" | "lock" | "drag-horizontal" | "email" | "location" | "calendar" | "save" | "copy" | "plus" | "add" | "more" | "filters" | "bar-chart" | "list" | "formula" | "refresh" | "download" | "upload" | "info" | "help" | "search" | "warning" | (string & {});
348
348
  size: "sm" | "md" | "lg";
349
349
  type: ButtonType;
350
350
  nativeType: "button" | "submit" | "reset";
351
351
  loading: boolean;
352
352
  selected: boolean;
353
353
  to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
354
- iconRight: "delete" | "edit" | "send" | "settings" | "empty" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-down" | "ok-circle" | "cancel-circle" | "ok" | "cancel" | "ok-bold" | "cancel-bold" | "archive" | "lock" | "drag-horizontal" | "email" | "location" | "calendar" | "save" | "copy" | "plus" | "add" | "more" | "filters" | "bar-chart" | "list" | "formula" | "refresh" | "download" | "upload" | "info" | "help" | "search" | (string & {});
354
+ iconRight: "delete" | "edit" | "send" | "settings" | "empty" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-down" | "ok-circle" | "cancel-circle" | "ok" | "cancel" | "ok-bold" | "cancel-bold" | "archive" | "lock" | "drag-horizontal" | "email" | "location" | "calendar" | "save" | "copy" | "plus" | "add" | "more" | "filters" | "bar-chart" | "list" | "formula" | "refresh" | "download" | "upload" | "info" | "help" | "search" | "warning" | (string & {});
355
355
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
356
356
  /**
357
357
  * Default slot - the content of the button.
@@ -20,7 +20,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
20
20
  type: StringConstructor;
21
21
  default: string;
22
22
  };
23
- }>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
23
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
24
24
  /**
25
25
  * The title of the card - displayed at the top
26
26
  * If not provided, you can use the title slot instead
@@ -24,7 +24,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
24
24
  type: StringConstructor;
25
25
  default: string;
26
26
  };
27
- }>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
27
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
28
28
  "update:modelValue": (val: boolean) => any;
29
29
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
30
30
  /**
@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
13
13
  type: PropType<Variant>;
14
14
  default: string;
15
15
  };
16
- }>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
16
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
17
17
  /**
18
18
  * The visual variant of the close button.
19
19
  * Controls the background color and hover effects.
@@ -24,7 +24,7 @@ type __VLS_PublicProps = __VLS_Props & {
24
24
  */
25
25
  modelValue?: Date | string | null;
26
26
  };
27
- declare const _default: import("vue").DefineComponent<__VLS_PublicProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
27
+ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
28
28
  "update:modelValue": (value: string | Date | null) => any;
29
29
  }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
30
30
  "onUpdate:modelValue"?: ((value: string | Date | null) => any) | undefined;
@@ -313,12 +313,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
313
313
  PAlert: {
314
314
  new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
315
315
  type: {
316
- type: import("vue").PropType<"info" | "error" | "success" | "warning">;
316
+ type: import("vue").PropType<"info" | "warning" | "error" | "success">;
317
317
  default: string;
318
- validator(value: "info" | "error" | "success" | "warning"): boolean;
318
+ validator(value: "info" | "warning" | "error" | "success"): boolean;
319
319
  };
320
- }>> & Readonly<{}>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
321
- type: "info" | "error" | "success" | "warning";
320
+ }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
321
+ type: "info" | "warning" | "error" | "success";
322
322
  }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
323
323
  P: {};
324
324
  B: {};
@@ -328,24 +328,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
328
328
  Defaults: {};
329
329
  }, Readonly<import("vue").ExtractPropTypes<{
330
330
  type: {
331
- type: import("vue").PropType<"info" | "error" | "success" | "warning">;
331
+ type: import("vue").PropType<"info" | "warning" | "error" | "success">;
332
332
  default: string;
333
- validator(value: "info" | "error" | "success" | "warning"): boolean;
333
+ validator(value: "info" | "warning" | "error" | "success"): boolean;
334
334
  };
335
335
  }>> & Readonly<{}>, {}, {}, {}, {}, {
336
- type: "info" | "error" | "success" | "warning";
336
+ type: "info" | "warning" | "error" | "success";
337
337
  }>;
338
338
  __isFragment?: never;
339
339
  __isTeleport?: never;
340
340
  __isSuspense?: never;
341
341
  } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
342
342
  type: {
343
- type: import("vue").PropType<"info" | "error" | "success" | "warning">;
343
+ type: import("vue").PropType<"info" | "warning" | "error" | "success">;
344
344
  default: string;
345
- validator(value: "info" | "error" | "success" | "warning"): boolean;
345
+ validator(value: "info" | "warning" | "error" | "success"): boolean;
346
346
  };
347
- }>> & Readonly<{}>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
348
- type: "info" | "error" | "success" | "warning";
347
+ }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
348
+ type: "info" | "warning" | "error" | "success";
349
349
  }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
350
350
  $slots: {
351
351
  icon?: () => unknown;
@@ -357,7 +357,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
357
357
  type: import("vue").PropType<"transparent" | "gray" | "dark">;
358
358
  default: string;
359
359
  };
360
- }>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
360
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
361
361
  variant: {
362
362
  type: import("vue").PropType<"transparent" | "gray" | "dark">;
363
363
  default: string;
@@ -189,7 +189,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
189
189
  type: BooleanConstructor;
190
190
  default: boolean;
191
191
  };
192
- }>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
192
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
193
193
  select: (...args: any[]) => void;
194
194
  "update:modelValue": (...args: any[]) => void;
195
195
  create: (...args: any[]) => void;
@@ -73,7 +73,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
73
73
  type: NumberConstructor;
74
74
  default: number;
75
75
  };
76
- }>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
76
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
77
77
  "update:modelValue": (value: FileUploadFile | FileUploadFile[]) => any;
78
78
  "file-removed": (file: FileUploadFile) => any;
79
79
  "file-added": (files: FileUploadFile[]) => any;
@@ -35,5 +35,6 @@ export declare const P_ICON_ALIASES: {
35
35
  readonly info: "streamline:information-circle";
36
36
  readonly help: "ph:question";
37
37
  readonly search: "streamline:magnifying-glass-solid";
38
+ readonly warning: "ri:error-warning-line";
38
39
  };
39
40
  export type PIconAlias = keyof typeof P_ICON_ALIASES;
@@ -8,5 +8,5 @@ interface Props extends /* @vue-ignore */ IconifyIconProperties {
8
8
  */
9
9
  icon: PIconAlias | (string & {});
10
10
  }
11
- declare const _default: import("vue").DefineComponent<Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
11
+ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
12
12
  export default _default;
@@ -12,7 +12,7 @@ type Props = {
12
12
  */
13
13
  text?: string | null;
14
14
  };
15
- declare const __VLS_component: import("vue").DefineComponent<Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
15
+ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
16
16
  text: string | null;
17
17
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
18
18
  declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
@@ -35,7 +35,7 @@ type __VLS_PublicProps = __VLS_Props & {
35
35
  */
36
36
  modelValue?: Date | string | null;
37
37
  };
38
- declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
38
+ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
39
39
  "update:modelValue": (value: string | Date | null) => any;
40
40
  }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
41
41
  "onUpdate:modelValue"?: ((value: string | Date | null) => any) | undefined;
@@ -65,7 +65,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
65
65
  type: BooleanConstructor;
66
66
  default: boolean;
67
67
  };
68
- }>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
68
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
69
69
  "update:modelValue": (value: string) => any;
70
70
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
71
71
  /**
@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
19
19
  type: PropType<Size>;
20
20
  default: string;
21
21
  };
22
- }>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
22
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
23
23
  "update:modelValue": (value: number | null) => any;
24
24
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
25
25
  /**
@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
26
26
  type: BooleanConstructor;
27
27
  default: boolean;
28
28
  };
29
- }>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
29
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
30
30
  "update:modelValue": (value: string) => any;
31
31
  enter: (value: string) => any;
32
32
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -5,7 +5,7 @@ type __VLS_Slots = {} & {
5
5
  } & {
6
6
  default?: (props: typeof __VLS_9) => any;
7
7
  };
8
- declare const __VLS_component: import("vue").DefineComponent<RouterLinkProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RouterLinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
8
+ declare const __VLS_component: import("vue").DefineComponent<RouterLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RouterLinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
9
9
  declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
10
10
  export default _default;
11
11
  type __VLS_WithSlots<T, S> = T & {
@@ -1,2 +1,2 @@
1
- declare const _default: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
1
+ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
2
2
  export default _default;
@@ -4,6 +4,10 @@ type __VLS_Slots = {
4
4
  * Default content slot for the modal body.
5
5
  */
6
6
  default?: () => unknown;
7
+ /**
8
+ * Custom modal wrapper content.
9
+ */
10
+ 'modal-wrapper'?: () => unknown;
7
11
  /**
8
12
  * Custom title wrapper content.
9
13
  */
@@ -182,7 +186,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
182
186
  type: StringConstructor;
183
187
  default: string;
184
188
  };
185
- }>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
189
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
186
190
  "update:modelValue": (value: boolean) => any;
187
191
  closed: () => any;
188
192
  "before-open": () => any;
@@ -40,7 +40,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
40
40
  type: BooleanConstructor;
41
41
  default: boolean;
42
42
  };
43
- }>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
43
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
44
44
  "update:modelValue": (value: number) => any;
45
45
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
46
46
  /**
@@ -35,7 +35,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
35
35
  type: BooleanConstructor;
36
36
  default: boolean;
37
37
  };
38
- }>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
38
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
39
39
  /**
40
40
  * The current page number (1-based).
41
41
  * Used to calculate the starting item number in the display range.
@@ -27,5 +27,5 @@ type Props = {
27
27
  */
28
28
  items: ProgressItem[];
29
29
  };
30
- declare const _default: import("vue").DefineComponent<Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
30
+ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
31
31
  export default _default;
@@ -12,7 +12,7 @@ type Props = {
12
12
  */
13
13
  color?: string;
14
14
  };
15
- declare const _default: import("vue").DefineComponent<Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
15
+ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
16
16
  size: number;
17
17
  color: string;
18
18
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -78,7 +78,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
78
78
  type: PropType<string | number | boolean | null>;
79
79
  default: string;
80
80
  };
81
- }>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
81
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
82
82
  "update:modelValue": (...args: any[]) => void;
83
83
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
84
84
  /**
@@ -77,7 +77,7 @@ type __VLS_Slots = {
77
77
  isSelected: boolean;
78
78
  }) => unknown;
79
79
  };
80
- declare const __VLS_component: import("vue").DefineComponent<Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
80
+ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
81
81
  "update:modelValue": (value: string | number | boolean | BtnGroupItem[] | null) => any;
82
82
  }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
83
83
  "onUpdate:modelValue"?: ((value: string | number | boolean | BtnGroupItem[] | null) => any) | undefined;
@@ -133,7 +133,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
133
133
  type: PropType<string>;
134
134
  default: string;
135
135
  };
136
- }>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
136
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
137
137
  select: (...args: any[]) => void;
138
138
  "update:modelValue": (...args: any[]) => void;
139
139
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -16,7 +16,7 @@ type Props = {
16
16
  */
17
17
  clickable?: boolean;
18
18
  };
19
- declare const _default: import("vue").DefineComponent<Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
19
+ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
20
20
  "click:step": (step: StepItem, index: number) => any;
21
21
  }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
22
22
  "onClick:step"?: ((step: StepItem, index: number) => any) | undefined;
@@ -27,3 +27,4 @@ export declare const isFirstColFixedInjectionKey: unique symbol;
27
27
  export declare const isLastColFixedInjectionKey: unique symbol;
28
28
  export declare const isColsResizableInjectionKey: unique symbol;
29
29
  export declare const MIN_WIDTH_COL_RESIZE = 80;
30
+ export declare const HEADER_CELL_ONE_LINE_HEIGHT = 20;
@@ -48,7 +48,7 @@ declare const _default: <T extends Record<string, unknown>>(__VLS_props: NonNull
48
48
  * Each object should have properties matching the column names.
49
49
  */
50
50
  data?: T[];
51
- } & Partial<{}>> & import("vue").PublicProps;
51
+ } & {}> & import("vue").PublicProps;
52
52
  expose(exposed: import("vue").ShallowUnwrapRef<{
53
53
  tbodyElement: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
54
54
  }>): void;
@@ -0,0 +1,4 @@
1
+ import { type Ref } from 'vue';
2
+ export declare const usePTableHeaderWrap: (theadRef: Ref<HTMLElement | null>) => {
3
+ hasWrap: Ref<boolean, boolean>;
4
+ };