@paperless/core 3.15.8 → 3.17.0

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 (176) hide show
  1. package/dist/build/p-0d03e46c.js +1 -0
  2. package/dist/build/{p-994c1ad5.entry.js → p-186454b1.entry.js} +1 -1
  3. package/dist/build/{p-5e83a91b.entry.js → p-282b2776.entry.js} +1 -1
  4. package/dist/build/{p-b8caedf6.entry.js → p-2e850d9d.entry.js} +1 -1
  5. package/dist/build/{p-501f2f7c.entry.js → p-3376af98.entry.js} +1 -1
  6. package/dist/{paperless/p-36ba5439.entry.js → build/p-337de35a.entry.js} +1 -1
  7. package/dist/build/{p-022c5075.entry.js → p-3557f8b1.entry.js} +1 -1
  8. package/dist/{paperless/p-ce15940f.entry.js → build/p-41326183.entry.js} +1 -1
  9. package/dist/build/p-418e1cfb.entry.js +1 -0
  10. package/dist/build/{p-8e2a982f.entry.js → p-6dff428b.entry.js} +1 -1
  11. package/dist/build/{p-e65ed748.entry.js → p-71ac632f.entry.js} +1 -1
  12. package/dist/build/p-7fb843e7.entry.js +1 -0
  13. package/dist/build/{p-aca23818.entry.js → p-883569e8.entry.js} +1 -1
  14. package/dist/build/p-887c9c21.entry.js +1 -0
  15. package/dist/{paperless/p-a2c812fa.entry.js → build/p-88fd696b.entry.js} +1 -1
  16. package/dist/build/{p-81f2e6ef.entry.js → p-9232a310.entry.js} +1 -1
  17. package/dist/build/{p-4cd8035a.entry.js → p-9a9f0cd0.entry.js} +1 -1
  18. package/dist/{paperless/p-44f0d99e.entry.js → build/p-9c440af8.entry.js} +1 -1
  19. package/dist/build/{p-83113087.entry.js → p-af1a320c.entry.js} +1 -1
  20. package/dist/{paperless/p-a0584184.entry.js → build/p-da849804.entry.js} +1 -1
  21. package/dist/build/{p-e7b589a3.entry.js → p-e13fb7aa.entry.js} +1 -1
  22. package/dist/build/{p-ee723380.entry.js → p-fae76adf.entry.js} +1 -1
  23. package/dist/build/paperless.esm.js +1 -1
  24. package/dist/cjs/index-BGtpSJv_.js +4 -4
  25. package/dist/cjs/loader.cjs.js +1 -1
  26. package/dist/cjs/p-accordion.cjs.entry.js +14 -2
  27. package/dist/cjs/p-attachment.cjs.entry.js +8 -8
  28. package/dist/cjs/p-button-group.cjs.entry.js +1 -1
  29. package/dist/cjs/p-calendar.cjs.entry.js +1 -1
  30. package/dist/cjs/p-checkbox_3.cjs.entry.js +2 -2
  31. package/dist/cjs/p-content-slider.cjs.entry.js +2 -2
  32. package/dist/cjs/p-cropper.cjs.entry.js +1 -1
  33. package/dist/cjs/p-datepicker.cjs.entry.js +2 -2
  34. package/dist/cjs/p-empty-state_8.cjs.entry.js +8 -8
  35. package/dist/cjs/p-field_3.cjs.entry.js +4 -4
  36. package/dist/cjs/p-label.cjs.entry.js +3 -3
  37. package/dist/cjs/p-listing.cjs.entry.js +2 -2
  38. package/dist/cjs/p-navbar.cjs.entry.js +1 -1
  39. package/dist/cjs/p-navigation-item.cjs.entry.js +3 -3
  40. package/dist/cjs/p-navigation-section.cjs.entry.js +1 -1
  41. package/dist/cjs/p-pagination_3.cjs.entry.js +3 -3
  42. package/dist/cjs/p-profile.cjs.entry.js +1 -1
  43. package/dist/cjs/p-range.cjs.entry.js +3 -3
  44. package/dist/cjs/p-select.cjs.entry.js +2 -2
  45. package/dist/cjs/p-table.cjs.entry.js +4 -4
  46. package/dist/cjs/p-toast.cjs.entry.js +1 -1
  47. package/dist/cjs/paperless.cjs.js +1 -1
  48. package/dist/collection/collection-manifest.json +1 -1
  49. package/dist/collection/components/molecules/accordion/accordion.component.js +86 -2
  50. package/dist/collection/components/molecules/attachment/attachment.component.js +8 -8
  51. package/dist/collection/components/molecules/button-group/button-group.component.js +1 -1
  52. package/dist/collection/components/molecules/calendar/calendar.component.js +1 -1
  53. package/dist/collection/components/molecules/content-slider/content-slider.component.js +2 -2
  54. package/dist/collection/components/molecules/cropper/cropper.component.js +1 -1
  55. package/dist/collection/components/molecules/datepicker/datepicker.component.js +2 -2
  56. package/dist/collection/components/molecules/dropdown/dropdown.component.js +2 -2
  57. package/dist/collection/components/molecules/empty-state/empty-state.component.js +2 -2
  58. package/dist/collection/components/molecules/field/field/field.component.js +4 -4
  59. package/dist/collection/components/molecules/label/label.component.js +11 -5
  60. package/dist/collection/components/molecules/navigation/item/navigation-item.component.js +3 -3
  61. package/dist/collection/components/molecules/navigation/section/navigation-section.component.js +1 -1
  62. package/dist/collection/components/molecules/pagination/pagination/pagination.component.js +3 -3
  63. package/dist/collection/components/molecules/profile/profile.component.js +1 -1
  64. package/dist/collection/components/molecules/range/range.component.js +3 -3
  65. package/dist/collection/components/molecules/select/select.component.js +2 -2
  66. package/dist/collection/components/molecules/table/cell/table-cell.component.js +1 -1
  67. package/dist/collection/components/molecules/table/footer/table-footer.component.js +2 -2
  68. package/dist/collection/components/molecules/table/row/table-row.component.js +3 -3
  69. package/dist/collection/components/molecules/toast/toast.component.js +1 -1
  70. package/dist/collection/components/organisms/listing/listing.component.js +2 -2
  71. package/dist/collection/components/organisms/navbar/navbar.component.js +1 -1
  72. package/dist/collection/components/organisms/table/table.component.js +4 -4
  73. package/dist/components/{p-BvjA9uxY.js → p-BOiWsfcF.js} +1 -1
  74. package/dist/components/{p-B_BKgQeH.js → p-BzqBJcLi.js} +1 -1
  75. package/dist/components/{p-DvAOnRQi.js → p-CDe7jCUk.js} +1 -1
  76. package/dist/components/{p-D32MmMyp.js → p-D-aqRvv-.js} +1 -1
  77. package/dist/components/{p-agrVwZh2.js → p-D33L0Zo8.js} +1 -1
  78. package/dist/components/p-DQBc9tJK.js +1 -0
  79. package/dist/components/{p-CgctO_zV.js → p-DQpI5tIr.js} +1 -1
  80. package/dist/components/{p-Csme11d5.js → p-Da9hczVK.js} +1 -1
  81. package/dist/components/{p-DV-90Xf7.js → p-DldbEkyU.js} +1 -1
  82. package/dist/components/{p-CUXnWkj8.js → p-DpmybwXO.js} +1 -1
  83. package/dist/components/{p-DqqbDTWo.js → p-DrNRSBlB.js} +1 -1
  84. package/dist/components/{p-28XxH8uR.js → p-DuDnxEzm.js} +1 -1
  85. package/dist/components/p-accordion.js +1 -1
  86. package/dist/components/p-attachment.js +1 -1
  87. package/dist/components/p-button-group.js +1 -1
  88. package/dist/components/p-calendar.js +1 -1
  89. package/dist/components/p-content-slider.js +1 -1
  90. package/dist/components/p-cropper.js +2 -2
  91. package/dist/components/p-datepicker.js +1 -1
  92. package/dist/components/p-dropdown.js +1 -1
  93. package/dist/components/p-empty-state.js +1 -1
  94. package/dist/components/p-field.js +1 -1
  95. package/dist/components/p-label.js +1 -1
  96. package/dist/components/p-listing.js +1 -1
  97. package/dist/components/p-navbar.js +1 -1
  98. package/dist/components/p-navigation-item.js +1 -1
  99. package/dist/components/p-navigation-section.js +1 -1
  100. package/dist/components/p-pagination-pages.js +1 -1
  101. package/dist/components/p-pagination-size.js +1 -1
  102. package/dist/components/p-pagination.js +1 -1
  103. package/dist/components/p-profile.js +1 -1
  104. package/dist/components/p-range.js +1 -1
  105. package/dist/components/p-select.js +1 -1
  106. package/dist/components/p-table-cell.js +1 -1
  107. package/dist/components/p-table-footer.js +1 -1
  108. package/dist/components/p-table-header.js +1 -1
  109. package/dist/components/p-table-row.js +1 -1
  110. package/dist/components/p-table.js +1 -1
  111. package/dist/components/p-toast.js +1 -1
  112. package/dist/components/p-upBcC1Jh.js +1 -0
  113. package/dist/esm/index-yFtRjnrU.js +4 -4
  114. package/dist/esm/loader.js +1 -1
  115. package/dist/esm/p-accordion.entry.js +14 -2
  116. package/dist/esm/p-attachment.entry.js +8 -8
  117. package/dist/esm/p-button-group.entry.js +1 -1
  118. package/dist/esm/p-calendar.entry.js +1 -1
  119. package/dist/esm/p-checkbox_3.entry.js +2 -2
  120. package/dist/esm/p-content-slider.entry.js +2 -2
  121. package/dist/esm/p-cropper.entry.js +1 -1
  122. package/dist/esm/p-datepicker.entry.js +2 -2
  123. package/dist/esm/p-empty-state_8.entry.js +8 -8
  124. package/dist/esm/p-field_3.entry.js +4 -4
  125. package/dist/esm/p-label.entry.js +3 -3
  126. package/dist/esm/p-listing.entry.js +2 -2
  127. package/dist/esm/p-navbar.entry.js +1 -1
  128. package/dist/esm/p-navigation-item.entry.js +3 -3
  129. package/dist/esm/p-navigation-section.entry.js +1 -1
  130. package/dist/esm/p-pagination_3.entry.js +3 -3
  131. package/dist/esm/p-profile.entry.js +1 -1
  132. package/dist/esm/p-range.entry.js +3 -3
  133. package/dist/esm/p-select.entry.js +2 -2
  134. package/dist/esm/p-table.entry.js +4 -4
  135. package/dist/esm/p-toast.entry.js +1 -1
  136. package/dist/esm/paperless.js +1 -1
  137. package/dist/index.html +1 -1
  138. package/dist/paperless/{p-994c1ad5.entry.js → p-186454b1.entry.js} +1 -1
  139. package/dist/paperless/{p-5e83a91b.entry.js → p-282b2776.entry.js} +1 -1
  140. package/dist/paperless/{p-b8caedf6.entry.js → p-2e850d9d.entry.js} +1 -1
  141. package/dist/paperless/{p-501f2f7c.entry.js → p-3376af98.entry.js} +1 -1
  142. package/dist/{build/p-36ba5439.entry.js → paperless/p-337de35a.entry.js} +1 -1
  143. package/dist/paperless/{p-022c5075.entry.js → p-3557f8b1.entry.js} +1 -1
  144. package/dist/{build/p-ce15940f.entry.js → paperless/p-41326183.entry.js} +1 -1
  145. package/dist/paperless/p-418e1cfb.entry.js +1 -0
  146. package/dist/paperless/{p-8e2a982f.entry.js → p-6dff428b.entry.js} +1 -1
  147. package/dist/paperless/{p-e65ed748.entry.js → p-71ac632f.entry.js} +1 -1
  148. package/dist/paperless/p-7fb843e7.entry.js +1 -0
  149. package/dist/paperless/{p-aca23818.entry.js → p-883569e8.entry.js} +1 -1
  150. package/dist/paperless/p-887c9c21.entry.js +1 -0
  151. package/dist/{build/p-a2c812fa.entry.js → paperless/p-88fd696b.entry.js} +1 -1
  152. package/dist/paperless/{p-81f2e6ef.entry.js → p-9232a310.entry.js} +1 -1
  153. package/dist/paperless/{p-4cd8035a.entry.js → p-9a9f0cd0.entry.js} +1 -1
  154. package/dist/{build/p-44f0d99e.entry.js → paperless/p-9c440af8.entry.js} +1 -1
  155. package/dist/paperless/{p-83113087.entry.js → p-af1a320c.entry.js} +1 -1
  156. package/dist/{build/p-a0584184.entry.js → paperless/p-da849804.entry.js} +1 -1
  157. package/dist/paperless/{p-e7b589a3.entry.js → p-e13fb7aa.entry.js} +1 -1
  158. package/dist/paperless/{p-ee723380.entry.js → p-fae76adf.entry.js} +1 -1
  159. package/dist/paperless/paperless.esm.js +1 -1
  160. package/dist/sw.js +1 -1
  161. package/dist/sw.js.map +1 -1
  162. package/dist/types/components/molecules/accordion/accordion.component.d.ts +14 -0
  163. package/dist/types/components/molecules/label/label.component.d.ts +2 -1
  164. package/dist/types/components/organisms/table/table.component.d.ts +2 -6
  165. package/dist/types/components.d.ts +72 -50
  166. package/hydrate/index.js +71 -56
  167. package/hydrate/index.mjs +71 -56
  168. package/package.json +1 -1
  169. package/dist/build/p-143f31bf.js +0 -1
  170. package/dist/build/p-4b7ac676.entry.js +0 -1
  171. package/dist/build/p-593fb8dd.entry.js +0 -1
  172. package/dist/build/p-6d99bd62.entry.js +0 -1
  173. package/dist/components/p-Cpjh5GlI.js +0 -1
  174. package/dist/paperless/p-4b7ac676.entry.js +0 -1
  175. package/dist/paperless/p-593fb8dd.entry.js +0 -1
  176. package/dist/paperless/p-6d99bd62.entry.js +0 -1
@@ -31,15 +31,27 @@ const Accordion = class {
31
31
  * Wether the accordion can be opened
32
32
  */
33
33
  openable = true;
34
+ /**
35
+ * Label of the accordion
36
+ */
37
+ label;
38
+ /**
39
+ * Variant of the label
40
+ */
41
+ labelVariant = 'neutral';
42
+ /**
43
+ * Icon of the accordion
44
+ */
45
+ labelIcon;
34
46
  /**
35
47
  * Open change event
36
48
  */
37
49
  isOpen;
38
50
  render() {
39
- return (h(ThemedHost, { key: 'e8d0a5eca31d3df3444861da1209a1f93fc5a84f' }, h("div", { key: 'aa3fe2f426aab19964ff5a23108a7a1a203a37b1', class: 'flex w-full flex-col' }, h("div", { key: '70bb96986d286a5ff6cd5914934bf30ff1e64bb7', class: cn('flex cursor-pointer items-center gap-2', {
51
+ return (h(ThemedHost, { key: '883005f4d2fdd709219459e186d5ddc2d0c65d0e' }, h("div", { key: '84e519021e292cb5652d747f78580994fe3d202d', class: 'flex w-full flex-col' }, h("div", { key: '825ce398b3e964f338a5d856cc8ad62e1ca584b6', class: cn('flex cursor-pointer items-center gap-2', {
40
52
  'text-storm-500 dark:text-white': this.variant === 'primary',
41
53
  'text-storm-300 dark:text-hurricane-200': this.variant === 'secondary',
42
- }), onClick: () => this._onClick() }, h("p-icon", { key: '6bae36a2b8de1d0f761a619b0ebb107baee5d827', class: 'flex shrink-0', rotate: this.open ? 0 : -90, variant: 'caret' }), h("p", { key: '4a2cf003a82d1f7d868b1ce813f661e2d3743ebb', class: 'my-0 shrink-0 whitespace-nowrap text-base font-medium' }, this.header), h("p-divider", { key: '45dfcdfdd35139f1c4c63c9b789842d816646287', class: 'flex-1' })), this.open && (h("div", { key: '3e05f0710f0e7eb05d5d3844812807dd5501dc0c', class: 'mt-4' }, h("slot", { key: '5dcc4ab2e8817e19786d80bc3433b905bffde2cc' }))))));
54
+ }), onClick: () => this._onClick() }, h("p-icon", { key: '49becdad583ea8e5c0240c9dcd39aeae9725f3e8', class: 'flex shrink-0', rotate: this.open ? 0 : -90, variant: 'caret' }), h("p", { key: '43433d9ce0070501f9585d90b517dc12025107ff', class: 'my-0 shrink-0 whitespace-nowrap text-base font-medium' }, this.header), h("p-divider", { key: 'cd9cb273247800d7346dbbd7901006e2eed73cd4', class: 'flex-1' }), this.label && (h("p-label", { key: 'b1f0d706acdd72f59dc5761b7b8d547902923e3e', icon: this.labelIcon, variant: this.labelVariant }, this.label))), this.open && (h("div", { key: '115909079517f424638f3ad412e089c7494ef463', class: 'mt-4' }, h("slot", { key: '35e85bfce75a986873831ecf044353975a3d357c' }))))));
43
55
  }
44
56
  _onClick() {
45
57
  if (!this.closeable && this.open) {
@@ -112,27 +112,27 @@ const Attachment = class {
112
112
  _fileRef;
113
113
  _cameraFileRef;
114
114
  render() {
115
- let prefix = (h("p-icon", { key: '7e9403c3309c19d89c2f2b531090d19e700f82af', class: 'text-storm-300', variant: 'attachment' }));
115
+ let prefix = (h("p-icon", { key: '733963ff356f965056b5e9e7633da2998b755264', class: 'text-storm-300', variant: 'attachment' }));
116
116
  if (this.error) {
117
- prefix = (h("p-icon", { key: 'b7818cdf20c11c94cd52e43d84d1160d5cb77aae', class: 'text-negative-red-500', variant: 'warning' }));
117
+ prefix = (h("p-icon", { key: 'de5756ad4c027f24ec41e705c9d2b5b70081e958', class: 'text-negative-red-500', variant: 'warning' }));
118
118
  }
119
119
  const isTouch = isTouchDevice();
120
120
  const baseText = 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm';
121
- return (h(Fragment, { key: '329b2837c3fddbecf89fe95ea4281ed5b6b63ea3' }, h("p-field-container", { key: '5879f9f94b147934bbc5cf240296ac683eb11bad', error: this.error, forceShowTooltip: !!this.error?.length, helper: this.helper, label: this.label, required: this.required, variant: 'write' }, h("div", { key: '323ac6d9c27bc98ae1f5fae65876493e20ee5886', class: 'flex w-full items-start gap-2', slot: 'content' }, h("div", { key: '9777e72d8b9b551127c1f140519e6a4f49b1a345', class: attachment({
121
+ return (h(Fragment, { key: '9f03aa2a47359df37c9def9971327bd25e56bf77' }, h("p-field-container", { key: 'c54a6d42dfcfc209c97890c208e473dcc79568bb', error: this.error, forceShowTooltip: !!this.error?.length, helper: this.helper, label: this.label, required: this.required, variant: 'write' }, h("div", { key: 'e7a5bfbbb4e2c033bdd6b183749204e6ce1b53e1', class: 'flex w-full items-start gap-2', slot: 'content' }, h("div", { key: '3d831d39b8986dc8a3124da6dcf3a189a642fd54', class: attachment({
122
122
  click: this.mode === 'write' && !this.value?.length,
123
123
  error: !!this.error?.length,
124
- }), onClick: () => this._uploadClick() }, prefix, h("span", { key: '1e201af0e9d38b47cc0670dd482fb4fa311f3c0d', class: cn(baseText, `
124
+ }), onClick: () => this._uploadClick() }, prefix, h("span", { key: 'e4fd2b6db9d501b195001c7149342634cfe9a269', class: cn(baseText, `
125
125
  peer
126
126
  empty:hidden
127
127
  dark:text-white
128
- `) }, this.value), h("span", { key: 'd0fa28211a80260f856516770d22b65c2d06a0ec', class: cn(baseText, `
128
+ `) }, this.value), h("span", { key: '4bbe0c5ce7b4d4e589f98a5af53c865d15efecde', class: cn(baseText, `
129
129
  hidden
130
130
  peer-empty:block
131
- `) }, this.placeholder)), h("p-tooltip", { key: '3cf509d052600a1ab99564f02bac81aab1dc0329', class: 'w-8', content: this.mode === 'read'
131
+ `) }, this.placeholder)), h("p-tooltip", { key: '50a74b8d8fa114b3da459c3d0dc46c4df6b91910', class: 'w-8', content: this.mode === 'read'
132
132
  ? this.downloadTooltip
133
133
  : this.value?.length
134
134
  ? this.deleteTooltip
135
- : this.uploadTooltip }, h("p-button", { key: '77ae201bed28f516efa95da06f1ce5f457b08685', disabled: this.loading, icon: this.mode === 'read'
135
+ : this.uploadTooltip }, h("p-button", { key: 'ae41494745feeb524fdf33e80beb74e9b6beb52d', disabled: this.loading, icon: this.mode === 'read'
136
136
  ? 'download'
137
137
  : this.value?.length
138
138
  ? 'trash'
@@ -143,7 +143,7 @@ const Attachment = class {
143
143
  : this.delete).emit() })), this.enableCameraOnMobile &&
144
144
  this.mode === 'write' &&
145
145
  isTouch &&
146
- !this.value?.length && (h("p-tooltip", { key: '287327237ce0e4b0f95f08f00581ba5a6ad0aa5a', class: '\n w-8\n desktop-xs:hidden\n ', content: this.cameraTooltip }, h("p-button", { key: '9227694ef4991d72a7e0831d866be981ee803fc6', icon: 'camera', iconOnly: true, slot: 'trigger', variant: 'secondary', onOnClick: () => this._cameraClick() }))))), h("input", { key: '5e48b966309f63c751fa68181ce4997a296bfe8d', accept: Array.isArray(this.accept) ? this.accept?.join(',') : this.accept, class: 'hidden', ref: el => (this._fileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) }), h("input", { key: '7e3a9e23aa33a5de1db6208fb153983210c262f2', accept: 'image/*', capture: 'true', class: 'hidden', ref: el => (this._cameraFileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) })));
146
+ !this.value?.length && (h("p-tooltip", { key: '2e488f3cedbdd087919bd52ec641fe46cc8809f8', class: '\n w-8\n desktop-xs:hidden\n ', content: this.cameraTooltip }, h("p-button", { key: 'cae92800e1d516fadfd7896eb41d7025236334f7', icon: 'camera', iconOnly: true, slot: 'trigger', variant: 'secondary', onOnClick: () => this._cameraClick() }))))), h("input", { key: 'c838eae72268e0db2730e49e3ce4197e866005ff', accept: Array.isArray(this.accept) ? this.accept?.join(',') : this.accept, class: 'hidden', ref: el => (this._fileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) }), h("input", { key: 'be27eba416f306e638b98aae5b790eaf79e02e23', accept: 'image/*', capture: 'true', class: 'hidden', ref: el => (this._cameraFileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) })));
147
147
  }
148
148
  _uploadClick() {
149
149
  if (!this._fileRef || this.mode !== 'write' || this.value?.length) {
@@ -15,7 +15,7 @@ const ButtonGroup = class {
15
15
  this._checkButtons();
16
16
  }
17
17
  render() {
18
- return (h(Host, { key: '03bd71d8cbfb37445e7d8e4895a5c759a9fae1ac', class: 'flex items-center' }, h("slot", { key: '04c84e322524b118d56380b00c6f38d130cad6b0' })));
18
+ return (h(Host, { key: '5997ff33e4339b436cce097c60f06c1fe2813079', class: 'flex items-center' }, h("slot", { key: '10ce08be5f32f0d83f8dc499ff3223b1c02de850' })));
19
19
  }
20
20
  slotchange() {
21
21
  this._checkButtons();
@@ -199,7 +199,7 @@ const Calendar = class {
199
199
  }
200
200
  }
201
201
  render() {
202
- return (h(ThemedHost, { key: '79f234c666c4b387fffe261ebaf09c23bbf5fcf4' }, h("div", { key: '08ad737872da4c87a32264f5f441f63a520627e0', class: calendar({ variant: this.variant }) }, this._getView())));
202
+ return (h(ThemedHost, { key: '3cba341042ffd423d6f3b3fe5a340558e8c8fb53' }, h("div", { key: '4306fc8b190e94956213992963dc851857475a2f', class: calendar({ variant: this.variant }) }, this._getView())));
203
203
  }
204
204
  _checkTodayButton() {
205
205
  if (this._maxDate && dateFnsExports.isAfter(this._today, this._maxDate)) {
@@ -310,12 +310,12 @@ const Dropdown = class {
310
310
  this._checkItems();
311
311
  }
312
312
  render() {
313
- return (h(Host, { key: 'bea55901999c7c3f61f34159e5f92459d09731f6', class: 'relative' }, h("div", { key: '5b87e1c2f2f9a554817b0d31b3900fee887b9a0d', class: 'trigger', ref: el => (this._trigger = el), onClick: () => this._triggerClickHandler() }, h("slot", { key: '892c49ef05c9cdddc9d4588047db031ca19bd7e7', name: 'trigger' })), h("div", { key: 'd4d9a41469dff1ad3e2cf3c91c1587b71a77ec7c', class: 'relative w-full' }, h("p-dropdown-menu-container", { key: 'efc6f77abb16a446fe2766d95c70c5537e9aeff5', allowOverflow: this.allowOverflow, class: cn(dropdownContainerClass({
313
+ return (h(Host, { key: '1c060fa3b674315b449445bc12cb7914ff809f42', class: 'relative' }, h("div", { key: '526090a21972996fe865c251ab109170b3031f2d', class: 'trigger', ref: el => (this._trigger = el), onClick: () => this._triggerClickHandler() }, h("slot", { key: 'c77c6b4e01d5f8192aada325f62d416f08ef50d5', name: 'trigger' })), h("div", { key: '49300cd262ccd3f58aaea3abec9a00d210c340b8', class: 'relative w-full' }, h("p-dropdown-menu-container", { key: 'c084d5a6d26f1c47b38ddcca5eae7727bc12e0e2', allowOverflow: this.allowOverflow, class: cn(dropdownContainerClass({
314
314
  strategy: this.strategy,
315
315
  maxWidth: this.applyMaxWidth,
316
316
  fullWidth: this.applyFullWidth && !this.applyMaxWidth,
317
317
  isDatepicker: this.isDatepicker,
318
- }), this.containerClass), "data-placement": this.placement, "data-strategy": this.strategy, fullWidth: this.applyFullWidth && !this.applyMaxWidth, maxWidth: this.applyMaxWidth, ref: el => this._load(el), role: 'popover', scrollable: this.scrollable, variant: this.variant, onClick: () => this._containerClickHandler() }, h("slot", { key: '66b2c42c812981d291e481af90a01c5069dc639d', name: 'items' })))));
318
+ }), this.containerClass), "data-placement": this.placement, "data-strategy": this.strategy, fullWidth: this.applyFullWidth && !this.applyMaxWidth, maxWidth: this.applyMaxWidth, ref: el => this._load(el), role: 'popover', scrollable: this.scrollable, variant: this.variant, onClick: () => this._containerClickHandler() }, h("slot", { key: '8e05aa667dbad7c2a443dcb7c513b5049ae966e5', name: 'items' })))));
319
319
  }
320
320
  _checkButtons(active = false) {
321
321
  const buttons = this._el.querySelectorAll('p-button[slot="trigger"]');
@@ -51,13 +51,13 @@ const ContentSlider = class {
51
51
  }
52
52
  }
53
53
  render() {
54
- return (h(Host, { key: '04726bc13ef0795c905901b9ded44643e97233fd' }, h("div", { key: 'a67b82a5041268540df13a8d8c31aebcb9706ba2', class: `
54
+ return (h(Host, { key: '6ba183884628b200ca1b7d13b91818499096c184' }, h("div", { key: '1ec72c6d71e138e581a35738b74171840f7f4422', class: `
55
55
  slider
56
56
  ${!this.disableDrag && 'draggable'}
57
57
  ${this._dragging && 'dragging'}
58
58
  `, ref: el => (this._sliderRef = el), style: {
59
59
  height: `${this._outerHeight}px`,
60
- }, onMouseDown: e => this._mouseDownHandler(e), onMouseMove: e => this._mouseMoveHandler(e), onTouchMove: e => this._mouseMoveHandler(e), onTouchStart: e => this._mouseDownHandler(e) }, h("div", { key: '29f488932e007ce6bd09a1e0f7f877fc6fd94157', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: '8b7a304c37d9fecc9054804149f725c8ce692985', onSlotchange: () => this._slotChange() }))), h("div", { key: 'cc7dd8ef4f21f2f16a26f9898403fcf9d7be3e5a', class: `
60
+ }, onMouseDown: e => this._mouseDownHandler(e), onMouseMove: e => this._mouseMoveHandler(e), onTouchMove: e => this._mouseMoveHandler(e), onTouchStart: e => this._mouseDownHandler(e) }, h("div", { key: '5658bdaf3c369812670b4e8973287453c2d2cdab', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: '84564041f76f577b1a20750f1d7224404a3f1b68', onSlotchange: () => this._slotChange() }))), h("div", { key: '91b3ae9d5bcb8a52c77730d45de57f612fd90c08', class: `
61
61
  indicator
62
62
  ${this.hideMobileIndicator && 'hidden'}
63
63
  ` }, this._filteredItems.map((_, i) => (h("div", { class: `
@@ -2846,7 +2846,7 @@ const Cropper = class {
2846
2846
  const themeColor = state.theme === 'dark'
2847
2847
  ? 'rgba(70, 75, 84, 0.5)'
2848
2848
  : 'rgba(255, 255, 255, 0.5)';
2849
- return (h(ThemedHost, { key: 'c56fad9976a17b6ec558e45524c5a96e93bd65b5' }, this._loaded && (h("cropper-canvas", { key: '669a2c20c34186608dff508a015a0305425afb81', class: '\n h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700\n bg-white\n dark:border-hurricane-200\n ', onAction: () => this._onAction() }, h("cropper-image", { key: '56d73c236d9101c8387be03f96272fdef279e290', alt: 'Picture', crossorigin: 'anonymous', ref: ref => this._setImageRef(ref), src: this.value, scalable: true, translatable: true }), h("cropper-shade", { key: '39d8b0e3a64c9e5c1b3de7b3a0c70bdec0b092a1', class: 'aspect-branding rounded-full', "theme-color": themeColor, hidden: true }), h("cropper-selection", { key: 'cd33862b5e21ca71b33e5da685816ba9099c8c62', "aspect-ratio": '1', "initial-coverage": '0.7', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: '84054c793b62171a7b9b54f59b6921ec4e1f68fd', action: 'move', plain: true }))), h("p-range", { key: '4eed6a90a9afa719f42ffff651423dc3b623eced', class: '\n w-full px-14\n tablet:max-w-xs tablet:px-1\n ', value: this._currentScale, onValueChange: ev => this._onInput(ev.detail) })));
2849
+ return (h(ThemedHost, { key: '958d615c7f31c0d060318fb5949a3022da7e9664' }, this._loaded && (h("cropper-canvas", { key: '9e243578589dfa0a3b13354295f5d2685be4f551', class: '\n h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700\n bg-white\n dark:border-hurricane-200\n ', onAction: () => this._onAction() }, h("cropper-image", { key: 'f572e1dcdc65a9b00b753ea48f41cc5d12ffa414', alt: 'Picture', crossorigin: 'anonymous', ref: ref => this._setImageRef(ref), src: this.value, scalable: true, translatable: true }), h("cropper-shade", { key: 'feacefa121adf503f6c5686bfc07dc268ae3f272', class: 'aspect-branding rounded-full', "theme-color": themeColor, hidden: true }), h("cropper-selection", { key: '3d8539b17d0033500e46b27cf303a7fc18aac26e', "aspect-ratio": '1', "initial-coverage": '0.7', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: 'd1103eab524b40a31f62591c1be07863ba13a436', action: 'move', plain: true }))), h("p-range", { key: 'a8a13717467bcf06c0f8f7e40ca85067308cba55', class: '\n w-full px-14\n tablet:max-w-xs tablet:px-1\n ', value: this._currentScale, onValueChange: ev => this._onInput(ev.detail) })));
2850
2850
  }
2851
2851
  _setImageRef(ref) {
2852
2852
  if (this._imageRef || !ref) {
@@ -224,7 +224,7 @@ const Datepicker = class {
224
224
  }
225
225
  }
226
226
  render() {
227
- return (h("p-dropdown", { key: '169d773633f9bcd2af7c3bd21637f45d2e4cdb5f', allowOverflow: true, applyFullWidth: false, applyMaxWidth: false, disableTriggerClick: true, insideClick: true, isDatepicker: true, placement: this.placement, show: this._showDropdown, strategy: this.strategy }, h("p-field", { key: 'ab5c47f90d8b36afa47e9901c2b1477fabd8fd5d', autoShowError: false, disabled: asBoolean(this.disabled), error: this.error, focused: this._showDropdown, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', label: this.label, loading: this.loading, placeholder: this.placeholder, prefix: this.prefix, required: asBoolean(this.required), showOptional: asBoolean(this.showOptional), size: this.size, slot: 'trigger', value: this._getFormattedDate(), onBlur: (ev) => this._onBlur(ev), onFocus: () => this._onFocus(), onInputRefChange: ev => (this._inputRef = ev.detail), onValueChange: ev => this._onValueChange(ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (h("input", { key: '1b35a1f85a5fd7df99dfd974be399d6a6b2b48ad', class: '\n pointer-events-none absolute left-0 top-0 z-[-10] overflow-hidden\n opacity-0\n ', max: this.maxDate &&
227
+ return (h("p-dropdown", { key: '1da0f9a54c53581dc347bfa7cbf2c7489542948b', allowOverflow: true, applyFullWidth: false, applyMaxWidth: false, disableTriggerClick: true, insideClick: true, isDatepicker: true, placement: this.placement, show: this._showDropdown, strategy: this.strategy }, h("p-field", { key: 'c9e8d5e2d0e4ee3750fce8bca41b9383fcd45deb', autoShowError: false, disabled: asBoolean(this.disabled), error: this.error, focused: this._showDropdown, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', label: this.label, loading: this.loading, placeholder: this.placeholder, prefix: this.prefix, required: asBoolean(this.required), showOptional: asBoolean(this.showOptional), size: this.size, slot: 'trigger', value: this._getFormattedDate(), onBlur: (ev) => this._onBlur(ev), onFocus: () => this._onFocus(), onInputRefChange: ev => (this._inputRef = ev.detail), onValueChange: ev => this._onValueChange(ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (h("input", { key: 'cbd64fc3655995d41f776c23c98deb767e4df1cf', class: '\n pointer-events-none absolute left-0 top-0 z-[-10] overflow-hidden\n opacity-0\n ', max: this.maxDate &&
228
228
  dateFnsExports.format(new Date(this.maxDate), 'yyyy-MM-dd', {
229
229
  locale: state.locale === 'nl' ? localeExports.nl : localeExports.enUS,
230
230
  }), min: this._minDate &&
@@ -233,7 +233,7 @@ const Datepicker = class {
233
233
  }), ref: ref => (this._dateInputRef = ref), slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', value: this._value &&
234
234
  dateFnsExports.format(this._value, 'yyyy-MM-dd', {
235
235
  locale: state.locale === 'nl' ? localeExports.nl : localeExports.enUS,
236
- }), onInput: ev => this._onNativeInput(ev) })), h("div", { key: '9bfdcf12068cb4182d532f97ef33163b372d72cc', slot: 'items', tabIndex: -1 }, h("p-calendar", { key: 'f466fa2c5ff29aa3e21813b09c90d682c97d1d5c', disableWeekends: this.disableWeekends, disabledDates: this.disabledDates, enableToday: this.enableToday, maxDate: this.maxDate, minDate: this.minDate, mode: this.mode, preselectToday: this.preselectToday, todayText: this.todayText, value: this._value, variant: 'embedded', onValueChange: ({ detail }) => (this.value = detail) }))));
236
+ }), onInput: ev => this._onNativeInput(ev) })), h("div", { key: '398a65da8a0b8bda9177375d75686123278af66a', slot: 'items', tabIndex: -1 }, h("p-calendar", { key: 'a0fd9ec5fdeb9a42bd7394599c75659feca77489', disableWeekends: this.disableWeekends, disabledDates: this.disabledDates, enableToday: this.enableToday, maxDate: this.maxDate, minDate: this.minDate, mode: this.mode, preselectToday: this.preselectToday, todayText: this.todayText, value: this._value, variant: 'embedded', onValueChange: ({ detail }) => (this.value = detail) }))));
237
237
  }
238
238
  documentClickHandler({ target }) {
239
239
  if (!this._showDropdown || childOf(target, this._el)) {
@@ -70,11 +70,11 @@ const EmptyState = class {
70
70
  const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
71
71
  const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
72
72
  const hasActionSlot = !!this._el.querySelector(':scope > [slot="action"]');
73
- return (h(ThemedHost, { key: '26fa195bc455389898a4fdfc85bdca67c24fca4c' }, h("div", { key: 'eb935879258a656fb36abeed6e35a78bc3dc5e5f', class: emptyState({
73
+ return (h(ThemedHost, { key: 'a1c5b7682ac5ffd11beb25f2dd91d156becec4a3' }, h("div", { key: 'd19221f86c59cc8583d1e96f59263e01ea4ad22d', class: emptyState({
74
74
  enableAction: asBoolean(this.enableAction, true),
75
75
  }), onClick: ev => this.enableAction && !this.actionLoading
76
76
  ? this.action.emit(ev)
77
- : undefined }, this.illustration && (h("p-illustration", { key: '1435c5a5b1a99c9ee91f0d0140a50129345290b5', class: 'mb-8 text-5xl text-indigo-600', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: '\n my-0 text-center font-ambit text-sm font-bold text-storm-500\n dark:text-white\n ' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: '\n my-0 text-center text-sm font-normal text-storm-300\n dark:text-hurricane-200\n ' }, this.content))), this.enableAction &&
77
+ : undefined }, this.illustration && (h("p-illustration", { key: '0a078690887ee5eba9c383fe8ccba7aaeb110cdc', class: 'mb-8 text-5xl text-indigo-600', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: '\n my-0 text-center font-ambit text-sm font-bold text-storm-500\n dark:text-white\n ' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: '\n my-0 text-center text-sm font-normal text-storm-300\n dark:text-hurricane-200\n ' }, this.content))), this.enableAction &&
78
78
  (hasActionSlot ? (h("slot", { name: 'action' })) : (h("p-button", { class: 'mt-4', icon: this.actionIcon, iconPosition: this.actionIconPosition, loading: this.actionLoading, variant: this.actionVariant }, this.actionText))))));
79
79
  }
80
80
  };
@@ -212,7 +212,7 @@ const TableCell = class {
212
212
  };
213
213
  }
214
214
  render() {
215
- return (h(ThemedHost, { key: '60664289f3bea1265629a030dc78ca4a74e86495', class: this._getColumnClasses() }, this.checkbox, this._getContent(), false));
215
+ return (h(ThemedHost, { key: 'f5f3de7bc6bf626302e12c004c9b2e80c60294db', class: this._getColumnClasses() }, this.checkbox, this._getContent(), false));
216
216
  }
217
217
  _getContent() {
218
218
  if (this.variant === 'loading') {
@@ -360,12 +360,12 @@ const TableFooter = class {
360
360
  this._renderCheckTimeout = setTimeout(() => this._checkStuck(), 200);
361
361
  }
362
362
  render() {
363
- return (h(ThemedHost, { key: '02a79c59c0cc54d8f7244fcd4d494630284b79dc' }, h("div", { key: 'b6da3c41838f6c5318068385ca69ce61ec55285f', class: footer({
363
+ return (h(ThemedHost, { key: 'e46fcc04ec0a9822388fb7c3b5d5b269d1c81508' }, h("div", { key: '70e36a4c60ba4747f7721bf88dc1af56a8745e92', class: footer({
364
364
  pinned: this._isPinned,
365
365
  hidden: this._hidden,
366
366
  tableHeaderHasAction: this.tableHeaderHasAction,
367
367
  }) }, (this.enablePaginationPages || this.enablePaginationSize) &&
368
- this.total > 0 && (h("p-pagination", { key: '0122f9d68dea08cb1ea0b5573afcbc699a51e5f0', class: 'pointer-events-auto z-[2]', enablePaginationPages: this.enablePaginationPages, enablePaginationSize: this.enablePaginationSize, hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPageSizeChange: ({ detail }) => this._changePageSize(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) })))));
368
+ this.total > 0 && (h("p-pagination", { key: '179eb5b828887f78cb6f4a15784cd9be9df47d4a', class: 'pointer-events-auto z-[2]', enablePaginationPages: this.enablePaginationPages, enablePaginationSize: this.enablePaginationSize, hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPageSizeChange: ({ detail }) => this._changePageSize(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) })))));
369
369
  }
370
370
  _changePageSize(s) {
371
371
  if (!s) {
@@ -10156,13 +10156,13 @@ const TableRow = class {
10156
10156
  */
10157
10157
  isLast = false;
10158
10158
  render() {
10159
- return (h(ThemedHost, { key: '1b9139cb381d72eb6a14f6503f8e21c19bee4841' }, h("div", { key: 'bfa95509c2f9e38a5c91741a71a2e36bee729daa', class: 'flex flex-col' }, h("div", { key: 'fc7c8e0051b9a8b676117b1001225f04a4624fdf', class: row({
10159
+ return (h(ThemedHost, { key: '4420644601f21ec8ff93447e9609cd83003832e7' }, h("div", { key: 'b42cddc200375f6e7ef93cdf1953b1107fa1a25d', class: 'flex flex-col' }, h("div", { key: 'd65dae6ac9c8dfe9ec664c14386415332d7604a9', class: row({
10160
10160
  variant: this.variant,
10161
10161
  enableHover: this.enableHover,
10162
10162
  checked: this.checked,
10163
- }) }, h("div", { key: 'bcb73f6e99b10220d3fc7f0b27dc13fed2b02d32', class: content({
10163
+ }) }, h("div", { key: '1c1eeb3b0b43f9eaaf923e75442f033cf12f8990', class: content({
10164
10164
  variant: this.variant,
10165
- }) }, h("slot", { key: 'da29b07a752cbd0d5cf46ddccbaea4a2af3dae7a' }), h("div", { key: 'e4ebfe659c0615848800d8e45befb04f2c5c8cbd', class: actions() }, h("slot", { key: '02398de67b6c0857d3cea60228eaea956629a6b9', name: 'actions' })))), !asBoolean(this.isLast) && this.variant !== 'secondary' && (h("p-divider", { key: '096780e3edb7907a3d495fa5fb09047499326440' })))));
10165
+ }) }, h("slot", { key: 'fe84b025ad57eaed3ef0ac3c6e019bfd38478494' }), h("div", { key: '81cdc196d081f7a18d80b044b646e0c0fbc1f0d6', class: actions() }, h("slot", { key: 'df1ffcd595ac77edfded8b3185db8ceadf4463c7', name: 'actions' })))), !asBoolean(this.isLast) && this.variant !== 'secondary' && (h("p-divider", { key: '50c2979b52aa58470b3d870b55dc6a1e4d793243' })))));
10166
10166
  }
10167
10167
  };
10168
10168
  TableRow.style = tableRowComponentCss();
@@ -388,8 +388,8 @@ const Field = class {
388
388
  }
389
389
  render() {
390
390
  const { id, prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
391
- return (h(ThemedHost, { key: 'c091460b44453403fec2ed139545107c2058f110' }, h("p-field-container", { key: '5ad9958e1dc4878a9273e494d7f7d7c9ca2d140c', align: this.align, error: this.error, forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
392
- (!!this.error?.length && this.forceShowTooltip), helper: this.helper, id: id, label: this.label, loading: this.loading, loadingSize: this.size, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (h("slot", { key: '8b81aa5b830a8aef4460f2c08858c3e2a81eed85', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '9cc7bff773a21bc9e4a55a2f7c0d02d492d8b9f5', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: 'd6a0c928cea41b5e6ba746d091c738fa133c77ae', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: '0db80a02e54fbb01686ac8ad36e87febd408ba11', name: 'error', slot: 'error' })), h("div", { key: '225ab322efae91247e0bb329b76e53d849900c1f', class: field({
391
+ return (h(ThemedHost, { key: '26ead7c05e6305596106f154754986a05237c454' }, h("p-field-container", { key: '8828b6378d5a3e5c7c98dd52c0bc34ff7500ba02', align: this.align, error: this.error, forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
392
+ (!!this.error?.length && this.forceShowTooltip), helper: this.helper, id: id, label: this.label, loading: this.loading, loadingSize: this.size, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (h("slot", { key: 'c7a0344e9aec6a7e1c30e173fd5ceaf65268a912', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '9a0bdbb419369c6d658d5e1b855913ffe4dd42b0', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: 'dc417538960faecaa20898f52138042b52fc0232', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: '9e7659556f4bb3888d63ee6ca9b7d59bd7201db9', name: 'error', slot: 'error' })), h("div", { key: 'e0f979932fd5afb26e60df3656c503475bbfb43e', class: field({
393
393
  error: !!this.error?.length,
394
394
  disabled: asBoolean(this.disabled),
395
395
  focused: asBoolean(this.focused) || this._focused,
@@ -400,7 +400,7 @@ const Field = class {
400
400
  ? `${this.value}`
401
401
  : undefined }, (this.error?.length ||
402
402
  prefix ||
403
- (this.icon && this.iconPosition === 'start')) && (h("div", { key: '65b67b891abe8c2d75cfad116279654d1fe0e68f', class: prefixAndSuffix({
403
+ (this.icon && this.iconPosition === 'start')) && (h("div", { key: '60384a989f7f7ce43dff577e5275d12d955f85ff', class: prefixAndSuffix({
404
404
  variant: this.variant,
405
405
  error: !!this.error?.length,
406
406
  disabled: asBoolean(this.disabled),
@@ -412,7 +412,7 @@ const Field = class {
412
412
  'mt-1': this.variant === 'read' && this.size === 'base',
413
413
  }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.error?.length ? 'warning' : this.icon })) : (prefix))), this._getContent(hasValueSlot, id), (suffix ||
414
414
  (this.type === 'password' && this.enablePasswordEye) ||
415
- (this.icon && this.iconPosition === 'end')) && (h("div", { key: 'e16a8267f833e7de13dd8f70660b4aedb78e6365', class: cn(prefixAndSuffix({
415
+ (this.icon && this.iconPosition === 'end')) && (h("div", { key: '7bfc680f8dff73606785066d9e3ad3fbf7ad5e83', class: cn(prefixAndSuffix({
416
416
  variant: this.variant,
417
417
  error: !!this.error?.length,
418
418
  disabled: asBoolean(this.disabled),
@@ -83,17 +83,17 @@ const Label = class {
83
83
  */
84
84
  keepMobileContent = false;
85
85
  render() {
86
- return (h(ThemedHost, { key: '03d41360a16b87b97955fd230cca0928e7190890' }, h("div", { key: 'b0f97e0f426f937c6226435acac26eb17863b0c7', class: label({
86
+ return (h(ThemedHost, { key: '6c0a882a32478d6b98d367cad09ca1e1b402a7bc' }, h("div", { key: 'db302a4e8e1038554aed789c56cc3a1e30e4974f', class: label({
87
87
  variant: this.variant,
88
88
  iconOnly: this.iconOnly,
89
89
  keepMobileContent: this.keepMobileContent,
90
- }) }, this.icon && (h("p-icon", { key: '1c3a7c319a85b980f66a75d6243572dcc7107961', class: 'flex-shrink-0', flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })), !this.iconOnly && (h("div", { key: 'fde6f8128638b90d7c13df21aa06c8345261882d', class: cn(`
90
+ }) }, this.icon && (h("p-icon", { key: '041fdc8930e91925f98eb3fb5dc268e67e98cdd4', class: 'flex-shrink-0', flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })), !this.iconOnly && (h("div", { key: 'd2a815264c3193cc78b3aaa97f857a6cd43b7db4', class: cn(`
91
91
  flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm
92
92
  font-medium
93
93
  `, {
94
94
  hidden: !this.keepMobileContent,
95
95
  'desktop-xs:block': !this.keepMobileContent,
96
- }) }, h("slot", { key: 'e3b77b8b0d9e8062643ae8344052efee8c49fd34' }))))));
96
+ }) }, h("slot", { key: '54f7bf815b2e47549b8facf49e87ec189e1dc92f' }))))));
97
97
  }
98
98
  };
99
99
  Label.style = labelComponentCss();
@@ -22,10 +22,10 @@ const Listing = class {
22
22
  }
23
23
  }
24
24
  render() {
25
- return (h("div", { key: '546443efa450db8ad951f0ef5782a0b03830a69f', class: cn('flex w-full flex-col flex-wrap items-start gap-1', {
25
+ return (h("div", { key: '4aefa549cfa63e471dd51c3dbcfdc9fb8116d7f5', class: cn('flex w-full flex-col flex-wrap items-start gap-1', {
26
26
  'opacity-100': this._generatedOnce,
27
27
  'opacity-0': !this._generatedOnce,
28
- }) }, h("slot", { key: 'b8d1018a64f9d53b0aa418af59e97c2b6f7879ae', onSlotchange: () => this._generateLinesOnce() })));
28
+ }) }, h("slot", { key: '2846ec0b0b2fba3c9f3bff9d9c9c791ff4282c24', onSlotchange: () => this._generateLinesOnce() })));
29
29
  }
30
30
  _generateLinesOnce() {
31
31
  if (this._generateTimeout) {
@@ -69,7 +69,7 @@ const Navbar = class {
69
69
  }
70
70
  _show = false;
71
71
  render() {
72
- return (h(ThemedHost, { key: '591d3927f242f9facfaf9f294f15dbeac42e8b4e' }, h("p-backdrop", { key: '2046224840fd6b4226b1e9955020d3fa10cd989b', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: 'dd5fa4c694f7de24e06147793838a28634935af1', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '28fb154b1b2ad316d7f7e257f06175b2d72e32d3', class: '\n flex w-full items-center justify-end\n layout-1280:hidden\n ' }, h("p-button", { key: '8bc59b3e2838f24b31533724d234284f6b28343c', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, variant: 'secondary', onClick: () => (this._show = false) })), h("div", { key: 'eb509e7cf61476818dd193cd49aa793071cded3b', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, h("slot", { key: '23148e3835fd87226a6ed115945e9a0a446b09d8', name: 'company' })), h("div", { key: '96152138d895ecfcb595b4591646ef277dd3ede5', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, h("slot", { key: 'c1c8af782d278271fe3975f3956c2b8170ccf585', name: 'content' })), h("div", { key: '0b5d41bee2fb35c826ebb43364e337f5e79b6722', class: '\n mt-auto hidden w-full flex-shrink-0 flex-col\n layout-1280:flex\n ' }, h("slot", { key: '481cfe7335ec0634e0e3e8dbc1a809ff89ebbd8f', name: 'user' }))), h("div", { key: 'c5fe7d40beebf951d8112fe85f5cdf3edc428ec4', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '16bfb3cb87f842c1c06e93e1baf5b75a894faafe', icon: 'menu-arrow', iconOnly: true, variant: 'secondary', onClick: () => (this._show = true) }), h("slot", { key: '22480ac4e0c3f0b86641af18c418767b44baf79f', name: 'topbar' }))));
72
+ return (h(ThemedHost, { key: '5a01e00dd1e1871cde9828944b65daabf75ea31a' }, h("p-backdrop", { key: '95bf7c4b78c9e49abae9a7281adf5624df0455a0', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '4dfea05f200954ec3793907d88d6d6a96c58f82f', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '9909f1ecf0015f9cba38b7eeba19e8beb1ef0ffc', class: '\n flex w-full items-center justify-end\n layout-1280:hidden\n ' }, h("p-button", { key: 'aa42f08f6bdd06a185fa16a6606ba3a1c4b694d9', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, variant: 'secondary', onClick: () => (this._show = false) })), h("div", { key: '4f5af2ea3497d03b5b43ce5caba7c194917dcdcc', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, h("slot", { key: 'd1919e7679b45237b8db4b9f5d128e14f864029a', name: 'company' })), h("div", { key: '1ed21fedd6f1a681604a55280de176bd7659645c', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, h("slot", { key: 'dc92c70f0de47a6b472c0f78cf60228b5936fa26', name: 'content' })), h("div", { key: 'dc342612d9f23c9fa1ede1e0caa974319e980856', class: '\n mt-auto hidden w-full flex-shrink-0 flex-col\n layout-1280:flex\n ' }, h("slot", { key: '6cc26b1d2f8c8107ed140d97357813731f72174a', name: 'user' }))), h("div", { key: '663de2f179c9ac06bc498d06897f325ac0e02bea', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '06b683990e12f04950b1d6a9e944849fe64753d0', icon: 'menu-arrow', iconOnly: true, variant: 'secondary', onClick: () => (this._show = true) }), h("slot", { key: '98f91872c91f5e34c9c12b9029475bf2a8b224ba', name: 'topbar' }))));
73
73
  }
74
74
  handleCloseNavbar() {
75
75
  this._show = false;
@@ -96,13 +96,13 @@ const NavigationItem = class {
96
96
  render() {
97
97
  const TagType = this.as;
98
98
  const active = asBoolean(this.active) || this.class?.includes('active');
99
- return (h(ThemedHost, { key: 'ae16c9de7454fc81eabe1007ddacadc0910c30df', class: cn('inline-block', this.class) }, h(TagType, { key: '5762e034f8994b2b545254e74bda83648051f7b4', class: navigationItem({
99
+ return (h(ThemedHost, { key: '60037e99c90aa900084ccd67a78a98b3db5625e6', class: cn('inline-block', this.class) }, h(TagType, { key: '461cf0d042eb867040573c3133b5f51e87309838', class: navigationItem({
100
100
  icon: !!this.icon,
101
101
  active,
102
- }), href: this.href, target: this.target }, h("div", { key: '3f8f23069bc9bb4e74f21bdaf84a5799c94c1923', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: '35a783b85c8ecd4817c2d956f2146af0023ab103', variant: this.icon })), h("span", { key: '850af9f755f29426abbc6c9aec0049b2c60bc6ae', class: cn({
102
+ }), href: this.href, target: this.target }, h("div", { key: '569400092cc3b9b6efe7097023c5f5ea0c748f4a', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: '9b8f03b0ebce991312cc62d648339d2552053dca', variant: this.icon })), h("span", { key: '02aa90de89850780ab494c3d4e18843b0cbdcd6a', class: cn({
103
103
  'has-counter': !!this.counter,
104
104
  'w-full': this.applyFullWidth,
105
- }) }, h("slot", { key: '9ad7ed612cba22fd9e9586b2f7abb982edb7b472' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: 'd5a732b8445a36b876835863bb5a3e01d42ad0f8' }, this.counter)), !!this.loading && h("p-loader", { key: 'd3590283a8e0bb1ed5247146fff810c841577588', class: 'ml-auto' }))));
105
+ }) }, h("slot", { key: '60440cff2953b9066e540c70e8f62a52e94de31e' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: 'cba0286d29ae348de152b8e391bebe657d2e38be' }, this.counter)), !!this.loading && h("p-loader", { key: '94f0ce93c19385f562c1af309fd094771ad1733a', class: 'ml-auto' }))));
106
106
  }
107
107
  };
108
108
  NavigationItem.style = navigationItemComponentCss();
@@ -13,7 +13,7 @@ const NavigationSection = class {
13
13
  */
14
14
  header;
15
15
  render() {
16
- return (h(ThemedHost, { key: 'aabfc291e288f02dcd4968f03899077fb318abf0', class: 'flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '507af087c66bdb236bb54af09819fbda57180bf7' }, this.header)), h("div", { key: 'a6206f28cc39183855440bc575404817c9de5e3e', class: 'flex flex-col' }, h("slot", { key: '56bbabeb6a8884aaa667055ffb082753733d0c6f' }))));
16
+ return (h(ThemedHost, { key: 'b8d2e03813c32fa7b3e14261ef0aef67a1bd9ba9', class: 'flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: 'a7440110aa669b2503ebfb06a84ec2b9b8dac749' }, this.header)), h("div", { key: '85f7170c056774b1c63d495be8d76a655db17c29', class: 'flex flex-col' }, h("slot", { key: '67d43e4c0737365815e7a26a0e400016239b98e8' }))));
17
17
  }
18
18
  };
19
19
  NavigationSection.style = navigationSectionComponentCss();
@@ -75,12 +75,12 @@ const Pagination = class {
75
75
  _hasPaginationPages = true;
76
76
  render() {
77
77
  const hidePageSizeSelect = this.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];
78
- return (h(ThemedHost, { key: '9a30d6c7d566a90f8ac44f77fab07d2a2446c72f' }, h("div", { key: '85f2dcfc61804d63b84ad255652d446543c5c839', class: pagination$1({
78
+ return (h(ThemedHost, { key: 'ad344b2396e42451325894b7376ed3d690057d83' }, h("div", { key: '671608ac708b712031af5c200c3ce07e8131cb03', class: pagination$1({
79
79
  hidden: (hidePageSizeSelect && !this._hasPaginationPages) ||
80
80
  (!this.enablePaginationSize && !this.enablePaginationPages),
81
- }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: '1c51b9320c6a18d1acbb540f0728ea3ce79e02d6' }, h("p-pagination-size", { key: '08c020039f055c1205adac0ba4f9f32922781ebf', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
81
+ }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: '9cdc73872c65ab22e8c9ef4158be2016181fc6ba' }, h("p-pagination-size", { key: '5e574099fa2e4236d50d7593f19fcfb8c90ecc7f', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
82
82
  this.hideOnSinglePage &&
83
- this._hasPaginationPages && (h("p-divider", { key: '0587d352bea9161f7b708221a35cc9ccec2d81ff', class: '\n mx-0 h-4 text-off-white-700\n dark:text-hurricane-400\n ', variant: 'vertical' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: 'c0642155df14ece17ac84ea8a285a01b62f2bc28', hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => {
83
+ this._hasPaginationPages && (h("p-divider", { key: '6b5d9cb7d4d8067b68b2c600eaa644cf6e14e6d5', class: '\n mx-0 h-4 text-off-white-700\n dark:text-hurricane-400\n ', variant: 'vertical' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: '9e3dba15164786562aa0d912a67f57f8b2cc7366', hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => {
84
84
  this._hasPaginationPages = detail > 1;
85
85
  this.pagesChange.emit(detail);
86
86
  } })))));
@@ -33,7 +33,7 @@ const Profile = class {
33
33
  }
34
34
  render() {
35
35
  const content = this._getContent();
36
- return (h(ThemedHost, { key: '6d75fe9ed4ac33cfc764d9fab67484d6a9f07721' }, this._hasDropdownSlot ? (h("p-dropdown", { applyChevron: false, applyFullWidth: true, applyMaxWidth: false, manualChevron: true, placement: this.dropdownLocation, strategy: 'absolute', onIsOpen: ev => (this._dropdownOpen = ev.detail) }, h("p-button", { active: this._dropdownOpen, chevron: this._dropdownOpen ? 'up' : 'down', class: 'w-full', size: 'lg', slot: 'trigger', variant: 'dropdown' }, content), h("div", { slot: 'items' }, h("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
36
+ return (h(ThemedHost, { key: 'ac643a05aaf0376f608a9c1f590ae21594a17c18' }, this._hasDropdownSlot ? (h("p-dropdown", { applyChevron: false, applyFullWidth: true, applyMaxWidth: false, manualChevron: true, placement: this.dropdownLocation, strategy: 'absolute', onIsOpen: ev => (this._dropdownOpen = ev.detail) }, h("p-button", { active: this._dropdownOpen, chevron: this._dropdownOpen ? 'up' : 'down', class: 'w-full', size: 'lg', slot: 'trigger', variant: 'dropdown' }, content), h("div", { slot: 'items' }, h("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
37
37
  }
38
38
  slotchange() {
39
39
  this._checkDropdownSlot();
@@ -31,13 +31,13 @@ const Range = class {
31
31
  valueChange;
32
32
  render() {
33
33
  const percentage = Math.round((this.value / (this.max - this.min)) * 100);
34
- return (h(ThemedHost, { key: '2d2460d0c69169794ca7f22f80bfe29eee2c6e72' }, h("div", { key: '7441a9994ebd42f91d0b592ab1d4345ff0da9817', class: '\n flex w-inherit items-center gap-2 text-storm-300\n dark:text-hurricane-200\n ' }, h("p-icon", { key: '2dfd00d0e7042aa63223fbdb2f537f55ec5d624c', variant: 'minus' }), h("div", { key: '77dc1faecfdccf7692af8276043fa851e3febfdf', class: 'relative h-6 flex-1' }, h("input", { key: 'da4efbb82a44ee8f7924b9447abfbdb1cbebf10f', max: this.max, min: this.min, step: this.step, type: 'range', value: this.value, onInput: ev => {
34
+ return (h(ThemedHost, { key: '7ae1d611a44308f1112f9dea967961056219b2d6' }, h("div", { key: '9bd92e5e01cb76148a2e3a8fe1a232f751820870', class: '\n flex w-inherit items-center gap-2 text-storm-300\n dark:text-hurricane-200\n ' }, h("p-icon", { key: '3ba3b7e3d9b2f9a3a96dadffdb83771f7267c4c8', variant: 'minus' }), h("div", { key: '510d47e53583cb2aebe6acca953a9cd920533f7e', class: 'relative h-6 flex-1' }, h("input", { key: '4b25bff4c5807c58518921640ee389783db570e1', max: this.max, min: this.min, step: this.step, type: 'range', value: this.value, onInput: ev => {
35
35
  const value = ev.target.value;
36
36
  this.value = Number.parseFloat(value);
37
37
  this.valueChange.emit(value);
38
- } }), h("div", { key: '19677761561399e485961a92cdf6167d8334f439', class: '\n absolute left-0 top-1/2 z-[1] h-[2px] -translate-y-1/2 transform\n bg-indigo-600\n ', style: {
38
+ } }), h("div", { key: '1006c5ebbc20a7515d71351c07b19592c1b0005e', class: '\n absolute left-0 top-1/2 z-[1] h-[2px] -translate-y-1/2 transform\n bg-indigo-600\n ', style: {
39
39
  width: `calc(${percentage}% - (1rem * ${percentage} / 100))`,
40
- } })), h("p-icon", { key: '96ecdaa05a4a710a980fab7f77a3d845f837ce5c', variant: 'plus' }))));
40
+ } })), h("p-icon", { key: '80ae3d942bec909938eca84c2fb3379733e0e5c6', variant: 'plus' }))));
41
41
  }
42
42
  };
43
43
  Range.style = rangeComponentCss();
@@ -359,8 +359,8 @@ const Select = class {
359
359
  if (this.error?.length) {
360
360
  buttonIcon = 'warning';
361
361
  }
362
- return (h(ThemedHost, { key: 'e558118df2ca323c56ce1af9ca940f9ab3064bf5' }, h("p-field-container", { key: '8c59c91d1962edee3ee06ca33f93e670aaf471d2', error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, label: this.label, prefix: this.prefix, required: this.required, showOptional: this.showOptional, variant: 'write' }, h("p-dropdown", { key: '81ce03dc69685e18a92090628818e0ea902b9f3b', applyChevron: false, applyFullWidth: true, applyMaxWidth: false, "disable-trigger-click": this.disabled, insideClick: true, manual: true, manualChevron: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, slot: 'content', strategy: this.strategy, onIsOpen: ev => this._onDropdownOpen(ev) }, h("p-button", { key: '71a818c2ee268b8c169cc65bcd405ab8153bacb9', active: this._showDropdown, chevron: this.showChevron ? (this._showDropdown ? 'up' : 'down') : false, class: 'w-full', error: !!this.error?.length, icon: buttonIcon, iconClass: this.applyClassOnSelectedItem &&
363
- this._selectedItem?.[this.iconClassKey], size: this.size, slot: 'trigger', variant: 'secondary', onClick: ev => this._onClick(ev) }, h("div", { key: '53f5fc2d15c94e96f629c6bd53e2456078f47dd3', class: 'relative min-w-0 flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue)), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem()))));
362
+ return (h(ThemedHost, { key: '7e8d14438dbcd4e04e0c16212331ed5f84a81687' }, h("p-field-container", { key: '85aefa5955e9dd35bafb5a5e4304e05b4cb90178', error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, label: this.label, prefix: this.prefix, required: this.required, showOptional: this.showOptional, variant: 'write' }, h("p-dropdown", { key: '5abab1839f85953424513857034ef5318bf07ee5', applyChevron: false, applyFullWidth: true, applyMaxWidth: false, "disable-trigger-click": this.disabled, insideClick: true, manual: true, manualChevron: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, slot: 'content', strategy: this.strategy, onIsOpen: ev => this._onDropdownOpen(ev) }, h("p-button", { key: '6bfb1a5374aaebf543127370bdae01982c3a72f2', active: this._showDropdown, chevron: this.showChevron ? (this._showDropdown ? 'up' : 'down') : false, class: 'w-full', error: !!this.error?.length, icon: buttonIcon, iconClass: this.applyClassOnSelectedItem &&
363
+ this._selectedItem?.[this.iconClassKey], size: this.size, slot: 'trigger', variant: 'secondary', onClick: ev => this._onClick(ev) }, h("div", { key: 'aec19a4d60ad51080b8c2e2f9aa545e42c77dd0b', class: 'relative min-w-0 flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue)), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem()))));
364
364
  }
365
365
  documentClickHandler(event) {
366
366
  if (!this._showDropdown || childOfComposed(event, this._el)) {
@@ -296,14 +296,14 @@ const Table = class {
296
296
  onTableDefinitionUpdated() {
297
297
  this._generateColumns();
298
298
  }
299
- keyDown({ key }) {
300
- if (key !== 'Control' || this._ctrlDown === true) {
299
+ keyDown({ ctrlKey, metaKey }) {
300
+ if ((!ctrlKey && !metaKey) || this._ctrlDown === true) {
301
301
  return;
302
302
  }
303
303
  this._ctrlDown = true;
304
304
  }
305
- keyUp({ key }) {
306
- if (key !== 'Control' || this._ctrlDown === false) {
305
+ keyUp({ ctrlKey, metaKey }) {
306
+ if ((!ctrlKey && !metaKey) || this._ctrlDown === false) {
307
307
  return;
308
308
  }
309
309
  this._ctrlDown = false;
@@ -70,7 +70,7 @@ const Toast = class {
70
70
  */
71
71
  action;
72
72
  render() {
73
- return (h(ThemedHost, { key: 'e32a61d502706a653b1c6c38f7d824ebd1f963ac' }, h("div", { key: 'c6bf41ed1b650c5c0c995b478d5c97d637d34c8f', class: '\n flex gap-2 rounded-lg border border-solid border-storm-100 bg-white p-2\n shadow-2\n dark:border-hurricane-800 dark:bg-hurricane-800\n ', onClick: () => this._onClick() }, h("div", { key: 'f590f2fd167edd1b59e4f5787d119e3724ab421a', class: indicator({ variant: this.variant }) }), h("div", { key: '75c068639ab34103e74fac04580743308c1bbf86', class: content() }, h("div", { key: 'a9b01af8233216cd06648e155445f220c3889fd1', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: 'beb883d36ffe36ff8471d47da6ebfbd2c731b7a5', class: '\n m-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm\n font-semibold text-storm-500\n dark:text-white\n ' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: 'b42c1a64265c8dca7296e69574ef0080a6b6737a', class: '\n m-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs\n text-storm-300\n dark:text-hurricane-200\n ' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("div", { key: 'b3ace014a5d1de6a4b5053be9b47947012a8f94f', class: '\n flex-shrink-0 cursor-pointer p-2 text-storm-200\n hover:text-storm-500 hover:text-white\n dark:text-hurricane-200\n ' }, h("p-icon", { key: '23df5fc66325acb07c0a3f89654cc360965730cb', flip: this.actionIconFlip, rotate: this.actionIconRotate, variant: this.actionIcon })))))));
73
+ return (h(ThemedHost, { key: '6394f16be6bb3274259ac89c4636aa4316c44412' }, h("div", { key: 'd1e8251c4354dc4cef8b544bf4be4c060663fbc3', class: '\n flex gap-2 rounded-lg border border-solid border-storm-100 bg-white p-2\n shadow-2\n dark:border-hurricane-800 dark:bg-hurricane-800\n ', onClick: () => this._onClick() }, h("div", { key: '5e7f692403be82843b611e3137427850cd1d6fc5', class: indicator({ variant: this.variant }) }), h("div", { key: '8de363d0c2a838d4d65f0af927a756d1eb33f378', class: content() }, h("div", { key: '44348814b85e349dbee31098f57f669cbbf2a3d1', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: 'ca5f487607e23e676c9027c8064969d90e1dddde', class: '\n m-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm\n font-semibold text-storm-500\n dark:text-white\n ' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: '7899f789e38ae32d31d0d043291de62a59b01d4d', class: '\n m-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs\n text-storm-300\n dark:text-hurricane-200\n ' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("div", { key: 'dcf72ae9760053615e1766c24b410e8163ff96b8', class: '\n flex-shrink-0 cursor-pointer p-2 text-storm-200\n hover:text-storm-500 hover:text-white\n dark:text-hurricane-200\n ' }, h("p-icon", { key: 'e6abf4d667376c87776512b2ec0ad63f0e59f8d7', flip: this.actionIconFlip, rotate: this.actionIconRotate, variant: this.actionIcon })))))));
74
74
  }
75
75
  _onClick() {
76
76
  if (this.enableAction) {