@caribeng/ui 22.4.0 → 22.5.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 (186) hide show
  1. package/README.md +311 -313
  2. package/fesm2022/caribeng-ui-account-picker.mjs +533 -0
  3. package/fesm2022/caribeng-ui-aging.mjs +488 -0
  4. package/fesm2022/{caribeng-ui-caribe-alert.mjs → caribeng-ui-alert.mjs} +45 -45
  5. package/fesm2022/caribeng-ui-amount.mjs +249 -0
  6. package/fesm2022/caribeng-ui-anchor.mjs +2 -2
  7. package/fesm2022/{caribeng-ui-caribe-animation-lottie.mjs → caribeng-ui-animation-lottie.mjs} +41 -41
  8. package/fesm2022/caribeng-ui-audit-log.mjs +323 -0
  9. package/fesm2022/caribeng-ui-avatar.mjs +2 -2
  10. package/fesm2022/caribeng-ui-breadcrumb.mjs +13 -3
  11. package/fesm2022/{caribeng-ui-caribe-button-group.mjs → caribeng-ui-button-group.mjs} +15 -15
  12. package/fesm2022/caribeng-ui-button.mjs +2 -2
  13. package/fesm2022/{caribeng-ui-caribe-card-content.mjs → caribeng-ui-card-content.mjs} +39 -39
  14. package/fesm2022/{caribeng-ui-caribe-card-move.mjs → caribeng-ui-card-move.mjs} +65 -65
  15. package/fesm2022/{caribeng-ui-caribe-card-primary.mjs → caribeng-ui-card-primary.mjs} +31 -31
  16. package/fesm2022/{caribeng-ui-caribe-card-select.mjs → caribeng-ui-card-select.mjs} +67 -67
  17. package/fesm2022/caribeng-ui-carousel.mjs +2 -2
  18. package/fesm2022/caribeng-ui-cascadeselect.mjs +45 -9
  19. package/fesm2022/caribeng-ui-chat.mjs +2 -2
  20. package/fesm2022/{caribeng-ui-caribe-coachmark.mjs → caribeng-ui-coachmark.mjs} +85 -85
  21. package/fesm2022/caribeng-ui-command-palette.mjs +2 -2
  22. package/fesm2022/caribeng-ui-comments.mjs +864 -0
  23. package/fesm2022/caribeng-ui-datagrid.mjs +1635 -0
  24. package/fesm2022/caribeng-ui-dataview.mjs +2 -2
  25. package/fesm2022/caribeng-ui-datepicker.mjs +2 -2
  26. package/fesm2022/caribeng-ui-document.mjs +495 -0
  27. package/fesm2022/{caribeng-ui-caribe-dots-indicator.mjs → caribeng-ui-dots-indicator.mjs} +41 -41
  28. package/fesm2022/caribeng-ui-dynamic-form.mjs +1581 -0
  29. package/fesm2022/caribeng-ui-editor.mjs +2303 -1311
  30. package/fesm2022/{caribeng-ui-caribe-expansion-panel.mjs → caribeng-ui-expansion-panel.mjs} +39 -39
  31. package/fesm2022/{caribeng-ui-caribe-fab-menu.mjs → caribeng-ui-fab-menu.mjs} +75 -75
  32. package/fesm2022/caribeng-ui-file-card.mjs +2 -2
  33. package/fesm2022/{caribeng-ui-caribe-file-download.mjs → caribeng-ui-file-download.mjs} +63 -63
  34. package/fesm2022/caribeng-ui-financial-report.mjs +380 -0
  35. package/fesm2022/{caribeng-ui-caribe-float-menu.mjs → caribeng-ui-float-menu.mjs} +31 -31
  36. package/fesm2022/caribeng-ui-floatlabel.mjs +2 -2
  37. package/fesm2022/caribeng-ui-flow.mjs +1508 -0
  38. package/fesm2022/{caribeng-ui-caribe-footer.mjs → caribeng-ui-footer.mjs} +19 -19
  39. package/fesm2022/caribeng-ui-gantt.mjs +1094 -0
  40. package/fesm2022/{caribeng-ui-caribe-header.mjs → caribeng-ui-header.mjs} +49 -49
  41. package/fesm2022/{caribeng-ui-caribe-icon-button.mjs → caribeng-ui-icon-button.mjs} +23 -23
  42. package/fesm2022/caribeng-ui-image-cropper.mjs +671 -0
  43. package/fesm2022/caribeng-ui-import-wizard.mjs +746 -0
  44. package/fesm2022/caribeng-ui-infinite-scroll.mjs +226 -0
  45. package/fesm2022/caribeng-ui-input-number.mjs +22 -6
  46. package/fesm2022/{caribeng-ui-caribe-input-search.mjs → caribeng-ui-input-search.mjs} +65 -65
  47. package/fesm2022/{caribeng-ui-caribe-input-token.mjs → caribeng-ui-input-token.mjs} +59 -59
  48. package/fesm2022/caribeng-ui-inputotp.mjs +2 -2
  49. package/fesm2022/caribeng-ui-journal-entry.mjs +340 -0
  50. package/fesm2022/caribeng-ui-kanban.mjs +6 -6
  51. package/fesm2022/caribeng-ui-kpi.mjs +189 -0
  52. package/fesm2022/{caribeng-ui-caribe-link.mjs → caribeng-ui-link.mjs} +37 -37
  53. package/fesm2022/caribeng-ui-masonry.mjs +93 -0
  54. package/fesm2022/caribeng-ui-media-player.mjs +821 -0
  55. package/fesm2022/caribeng-ui-mentions.mjs +2 -2
  56. package/fesm2022/caribeng-ui-notification-center.mjs +636 -0
  57. package/fesm2022/{caribeng-ui-caribe-off-canvas.mjs → caribeng-ui-off-canvas.mjs} +55 -55
  58. package/fesm2022/{caribeng-ui-caribe-onboarding.mjs → caribeng-ui-onboarding.mjs} +105 -105
  59. package/fesm2022/caribeng-ui-orderlist.mjs +2 -2
  60. package/fesm2022/caribeng-ui-pdfviewer.mjs +1755 -25
  61. package/fesm2022/caribeng-ui-period-picker.mjs +637 -0
  62. package/fesm2022/caribeng-ui-phone-input.mjs +2 -2
  63. package/fesm2022/caribeng-ui-picklist.mjs +2 -2
  64. package/fesm2022/caribeng-ui-pivot.mjs +419 -0
  65. package/fesm2022/caribeng-ui-pricing.mjs +2 -2
  66. package/fesm2022/caribeng-ui-rating.mjs +14 -17
  67. package/fesm2022/caribeng-ui-reconciliation.mjs +386 -0
  68. package/fesm2022/caribeng-ui-scheduler.mjs +1027 -0
  69. package/fesm2022/caribeng-ui-select.mjs +2 -2
  70. package/fesm2022/{caribeng-ui-caribe-shortcut.mjs → caribeng-ui-shortcut.mjs} +29 -29
  71. package/fesm2022/caribeng-ui-sidebar.mjs +2 -2
  72. package/fesm2022/caribeng-ui-signature-pad.mjs +654 -0
  73. package/fesm2022/{caribeng-ui-caribe-status.mjs → caribeng-ui-status.mjs} +11 -11
  74. package/fesm2022/{caribeng-ui-caribe-step-indicator.mjs → caribeng-ui-step-indicator.mjs} +53 -53
  75. package/fesm2022/caribeng-ui-stepper.mjs +2 -2
  76. package/fesm2022/caribeng-ui-steps.mjs +2 -2
  77. package/fesm2022/caribeng-ui-table.mjs +323 -15
  78. package/fesm2022/caribeng-ui-tabmenu.mjs +2 -2
  79. package/fesm2022/caribeng-ui-tabs.mjs +2 -2
  80. package/fesm2022/{caribeng-ui-caribe-tag-button.mjs → caribeng-ui-tag-button.mjs} +25 -25
  81. package/fesm2022/caribeng-ui-tag.mjs +2 -2
  82. package/fesm2022/caribeng-ui-tieredmenu.mjs +6 -6
  83. package/fesm2022/{caribeng-ui-caribe-tracker.mjs → caribeng-ui-tracker.mjs} +29 -29
  84. package/fesm2022/{caribeng-ui-caribe-transaction-status.mjs → caribeng-ui-transaction-status.mjs} +11 -11
  85. package/fesm2022/caribeng-ui-treeselect.mjs +44 -9
  86. package/fesm2022/caribeng-ui-treetable.mjs +236 -17
  87. package/fesm2022/{caribeng-ui-caribe-voucher.mjs → caribeng-ui-voucher.mjs} +45 -45
  88. package/fesm2022/caribeng-ui-xlsx.mjs +486 -0
  89. package/fesm2022/caribeng-ui.mjs +1181 -1
  90. package/package.json +217 -177
  91. package/types/caribeng-ui-account-picker.d.ts +142 -0
  92. package/types/caribeng-ui-aging.d.ts +123 -0
  93. package/types/{caribeng-ui-caribe-alert.d.ts → caribeng-ui-alert.d.ts} +2 -2
  94. package/types/caribeng-ui-amount.d.ts +82 -0
  95. package/types/{caribeng-ui-caribe-animation-lottie.d.ts → caribeng-ui-animation-lottie.d.ts} +2 -2
  96. package/types/caribeng-ui-audit-log.d.ts +86 -0
  97. package/types/caribeng-ui-breadcrumb.d.ts +2 -2
  98. package/types/{caribeng-ui-caribe-button-group.d.ts → caribeng-ui-button-group.d.ts} +2 -2
  99. package/types/{caribeng-ui-caribe-card-content.d.ts → caribeng-ui-card-content.d.ts} +2 -2
  100. package/types/{caribeng-ui-caribe-card-move.d.ts → caribeng-ui-card-move.d.ts} +1 -1
  101. package/types/{caribeng-ui-caribe-card-primary.d.ts → caribeng-ui-card-primary.d.ts} +2 -2
  102. package/types/{caribeng-ui-caribe-card-select.d.ts → caribeng-ui-card-select.d.ts} +2 -2
  103. package/types/caribeng-ui-cascadeselect.d.ts +6 -0
  104. package/types/{caribeng-ui-caribe-coachmark.d.ts → caribeng-ui-coachmark.d.ts} +2 -2
  105. package/types/caribeng-ui-comments.d.ts +214 -0
  106. package/types/caribeng-ui-datagrid.d.ts +269 -0
  107. package/types/caribeng-ui-document.d.ts +138 -0
  108. package/types/{caribeng-ui-caribe-dots-indicator.d.ts → caribeng-ui-dots-indicator.d.ts} +2 -2
  109. package/types/caribeng-ui-dynamic-form.d.ts +409 -0
  110. package/types/caribeng-ui-editor.d.ts +110 -12
  111. package/types/{caribeng-ui-caribe-expansion-panel.d.ts → caribeng-ui-expansion-panel.d.ts} +1 -1
  112. package/types/{caribeng-ui-caribe-fab-menu.d.ts → caribeng-ui-fab-menu.d.ts} +2 -2
  113. package/types/{caribeng-ui-caribe-file-download.d.ts → caribeng-ui-file-download.d.ts} +1 -1
  114. package/types/caribeng-ui-financial-report.d.ts +102 -0
  115. package/types/{caribeng-ui-caribe-float-menu.d.ts → caribeng-ui-float-menu.d.ts} +2 -2
  116. package/types/caribeng-ui-flow.d.ts +228 -0
  117. package/types/{caribeng-ui-caribe-footer.d.ts → caribeng-ui-footer.d.ts} +2 -2
  118. package/types/caribeng-ui-gantt.d.ts +244 -0
  119. package/types/{caribeng-ui-caribe-header.d.ts → caribeng-ui-header.d.ts} +2 -2
  120. package/types/{caribeng-ui-caribe-icon-button.d.ts → caribeng-ui-icon-button.d.ts} +2 -2
  121. package/types/{caribeng-ui-caribe-illustration.d.ts → caribeng-ui-illustration.d.ts} +1 -1
  122. package/types/caribeng-ui-image-cropper.d.ts +169 -0
  123. package/types/caribeng-ui-import-wizard.d.ts +149 -0
  124. package/types/caribeng-ui-infinite-scroll.d.ts +75 -0
  125. package/types/caribeng-ui-input-number.d.ts +1 -1
  126. package/types/{caribeng-ui-caribe-input-search.d.ts → caribeng-ui-input-search.d.ts} +2 -2
  127. package/types/{caribeng-ui-caribe-input-token.d.ts → caribeng-ui-input-token.d.ts} +2 -2
  128. package/types/caribeng-ui-journal-entry.d.ts +110 -0
  129. package/types/caribeng-ui-kpi.d.ts +64 -0
  130. package/types/{caribeng-ui-caribe-link.d.ts → caribeng-ui-link.d.ts} +2 -2
  131. package/types/{caribeng-ui-caribe-logo.d.ts → caribeng-ui-logo.d.ts} +1 -1
  132. package/types/caribeng-ui-masonry.d.ts +32 -0
  133. package/types/caribeng-ui-media-player.d.ts +140 -0
  134. package/types/caribeng-ui-notification-center.d.ts +153 -0
  135. package/types/{caribeng-ui-caribe-off-canvas.d.ts → caribeng-ui-off-canvas.d.ts} +2 -2
  136. package/types/{caribeng-ui-caribe-onboarding.d.ts → caribeng-ui-onboarding.d.ts} +2 -2
  137. package/types/caribeng-ui-pdfviewer.d.ts +245 -5
  138. package/types/caribeng-ui-period-picker.d.ts +148 -0
  139. package/types/caribeng-ui-pivot.d.ts +116 -0
  140. package/types/caribeng-ui-reconciliation.d.ts +109 -0
  141. package/types/caribeng-ui-scheduler.d.ts +188 -0
  142. package/types/{caribeng-ui-caribe-shortcut.d.ts → caribeng-ui-shortcut.d.ts} +2 -2
  143. package/types/caribeng-ui-signature-pad.d.ts +151 -0
  144. package/types/{caribeng-ui-caribe-status.d.ts → caribeng-ui-status.d.ts} +2 -2
  145. package/types/{caribeng-ui-caribe-step-indicator.d.ts → caribeng-ui-step-indicator.d.ts} +2 -2
  146. package/types/caribeng-ui-table.d.ts +66 -2
  147. package/types/{caribeng-ui-caribe-tag-button.d.ts → caribeng-ui-tag-button.d.ts} +2 -2
  148. package/types/{caribeng-ui-caribe-tracker.d.ts → caribeng-ui-tracker.d.ts} +2 -2
  149. package/types/{caribeng-ui-caribe-transaction-status.d.ts → caribeng-ui-transaction-status.d.ts} +2 -2
  150. package/types/caribeng-ui-treeselect.d.ts +6 -0
  151. package/types/caribeng-ui-treetable.d.ts +67 -2
  152. package/types/{caribeng-ui-caribe-voucher.d.ts → caribeng-ui-voucher.d.ts} +2 -2
  153. package/types/caribeng-ui-xlsx.d.ts +79 -0
  154. package/types/caribeng-ui.d.ts +711 -2
  155. package/fesm2022/caribeng-ui-caribe-calendar.mjs +0 -92
  156. package/fesm2022/caribeng-ui-caribe-circle-loading.mjs +0 -130
  157. package/fesm2022/caribeng-ui-caribe-data-table.mjs +0 -94
  158. package/fesm2022/caribeng-ui-caribe-file-select.mjs +0 -88
  159. package/fesm2022/caribeng-ui-caribe-inline-alert.mjs +0 -100
  160. package/fesm2022/caribeng-ui-caribe-input-date.mjs +0 -138
  161. package/fesm2022/caribeng-ui-caribe-input-select.mjs +0 -154
  162. package/fesm2022/caribeng-ui-caribe-loader.mjs +0 -48
  163. package/fesm2022/caribeng-ui-caribe-modal.mjs +0 -119
  164. package/fesm2022/caribeng-ui-caribe-pictogram.mjs +0 -52
  165. package/fesm2022/caribeng-ui-caribe-pop-over.mjs +0 -104
  166. package/fesm2022/caribeng-ui-caribe-preloader.mjs +0 -57
  167. package/fesm2022/caribeng-ui-caribe-progress-bar.mjs +0 -84
  168. package/fesm2022/caribeng-ui-caribe-stroke.mjs +0 -69
  169. package/fesm2022/caribeng-ui-caribe-switch.mjs +0 -182
  170. package/types/caribeng-ui-caribe-calendar.d.ts +0 -27
  171. package/types/caribeng-ui-caribe-circle-loading.d.ts +0 -28
  172. package/types/caribeng-ui-caribe-data-table.d.ts +0 -26
  173. package/types/caribeng-ui-caribe-file-select.d.ts +0 -31
  174. package/types/caribeng-ui-caribe-inline-alert.d.ts +0 -28
  175. package/types/caribeng-ui-caribe-input-date.d.ts +0 -40
  176. package/types/caribeng-ui-caribe-input-select.d.ts +0 -47
  177. package/types/caribeng-ui-caribe-loader.d.ts +0 -22
  178. package/types/caribeng-ui-caribe-modal.d.ts +0 -21
  179. package/types/caribeng-ui-caribe-pictogram.d.ts +0 -15
  180. package/types/caribeng-ui-caribe-pop-over.d.ts +0 -17
  181. package/types/caribeng-ui-caribe-preloader.d.ts +0 -24
  182. package/types/caribeng-ui-caribe-progress-bar.d.ts +0 -28
  183. package/types/caribeng-ui-caribe-stroke.d.ts +0 -17
  184. package/types/caribeng-ui-caribe-switch.d.ts +0 -55
  185. /package/fesm2022/{caribeng-ui-caribe-illustration.mjs → caribeng-ui-illustration.mjs} +0 -0
  186. /package/fesm2022/{caribeng-ui-caribe-logo.mjs → caribeng-ui-logo.mjs} +0 -0
@@ -126,7 +126,7 @@ class CbInputOtp {
126
126
  (blur)="onBlur()"
127
127
  />
128
128
  }
129
- `, isInline: true, styles: [":host{display:inline-flex;align-items:center;gap:var(--cb-space-2);font-family:var(--cb-font-sans)}.cb-input-otp__slot{width:2.5rem;height:2.75rem;text-align:center;border:var(--cb-border-width) solid var(--cb-color-border);border-radius:var(--cb-radius-md);background:var(--cb-color-surface);color:var(--cb-color-text);font-family:inherit;font-size:var(--cb-text-base);font-weight:var(--cb-font-semibold);transition:border-color .12s ease,box-shadow .12s ease}.cb-input-otp__slot:focus{outline:none;border-color:var(--cb-color-primary-500);box-shadow:0 0 0 2px color-mix(in srgb,var(--cb-color-primary-500) 20%,transparent)}.cb-input-otp__slot.cb-is-invalid{border-color:var(--cb-color-danger)}.cb-input-otp__slot.cb-is-invalid:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-danger) 25%,transparent)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
129
+ `, isInline: true, styles: [":host{display:inline-flex;align-items:center;gap:var(--cb-space-2);max-width:100%;font-family:var(--cb-font-sans)}.cb-input-otp__slot{flex:0 1 2.5rem;box-sizing:border-box;width:2.5rem;min-width:2rem;height:2.75rem;text-align:center;border:var(--cb-border-width) solid var(--cb-color-border);border-radius:var(--cb-radius-md);background:var(--cb-color-surface);color:var(--cb-color-text);font-family:inherit;font-size:var(--cb-text-base);font-weight:var(--cb-font-semibold);transition:border-color .12s ease,box-shadow .12s ease}.cb-input-otp__slot:focus{outline:none;border-color:var(--cb-color-primary-500);box-shadow:0 0 0 2px color-mix(in srgb,var(--cb-color-primary-500) 20%,transparent)}.cb-input-otp__slot.cb-is-invalid{border-color:var(--cb-color-danger)}.cb-input-otp__slot.cb-is-invalid:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-danger) 25%,transparent)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
130
130
  }
131
131
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbInputOtp, decorators: [{
132
132
  type: Component,
@@ -158,7 +158,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
158
158
  (blur)="onBlur()"
159
159
  />
160
160
  }
161
- `, styles: [":host{display:inline-flex;align-items:center;gap:var(--cb-space-2);font-family:var(--cb-font-sans)}.cb-input-otp__slot{width:2.5rem;height:2.75rem;text-align:center;border:var(--cb-border-width) solid var(--cb-color-border);border-radius:var(--cb-radius-md);background:var(--cb-color-surface);color:var(--cb-color-text);font-family:inherit;font-size:var(--cb-text-base);font-weight:var(--cb-font-semibold);transition:border-color .12s ease,box-shadow .12s ease}.cb-input-otp__slot:focus{outline:none;border-color:var(--cb-color-primary-500);box-shadow:0 0 0 2px color-mix(in srgb,var(--cb-color-primary-500) 20%,transparent)}.cb-input-otp__slot.cb-is-invalid{border-color:var(--cb-color-danger)}.cb-input-otp__slot.cb-is-invalid:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-danger) 25%,transparent)}\n"] }]
161
+ `, styles: [":host{display:inline-flex;align-items:center;gap:var(--cb-space-2);max-width:100%;font-family:var(--cb-font-sans)}.cb-input-otp__slot{flex:0 1 2.5rem;box-sizing:border-box;width:2.5rem;min-width:2rem;height:2.75rem;text-align:center;border:var(--cb-border-width) solid var(--cb-color-border);border-radius:var(--cb-radius-md);background:var(--cb-color-surface);color:var(--cb-color-text);font-family:inherit;font-size:var(--cb-text-base);font-weight:var(--cb-font-semibold);transition:border-color .12s ease,box-shadow .12s ease}.cb-input-otp__slot:focus{outline:none;border-color:var(--cb-color-primary-500);box-shadow:0 0 0 2px color-mix(in srgb,var(--cb-color-primary-500) 20%,transparent)}.cb-input-otp__slot.cb-is-invalid{border-color:var(--cb-color-danger)}.cb-input-otp__slot.cb-is-invalid:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-danger) 25%,transparent)}\n"] }]
162
162
  }], propDecorators: { length: [{ type: i0.Input, args: [{ isSignal: true, alias: "length", required: false }] }], integerOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "integerOnly", required: false }] }], mask: [{ type: i0.Input, args: [{ isSignal: true, alias: "mask", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }] } });
163
163
 
164
164
  /**
@@ -0,0 +1,340 @@
1
+ import * as i0 from '@angular/core';
2
+ import { viewChild, model, input, booleanAttribute, output, signal, computed, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
3
+ import { injectCbTranslation, cbFormat, injectCbAmount, cbSummarize } from '@caribeng/ui';
4
+ import { cbAccountOptions } from '@caribeng/ui/account-picker';
5
+ import { CbButton } from '@caribeng/ui/button';
6
+ import { CbDataGrid } from '@caribeng/ui/datagrid';
7
+ import { CbDatepicker } from '@caribeng/ui/datepicker';
8
+ import { CbIcon } from '@caribeng/ui/icon';
9
+ import { CbInput } from '@caribeng/ui/input';
10
+ import { CbSelect } from '@caribeng/ui/select';
11
+
12
+ let nextUid = 0;
13
+ let nextLine = 0;
14
+ /** Comprobante vacío con dos líneas. */
15
+ function cbEmptyJournalEntry(date = new Date()) {
16
+ const line = () => ({ id: `l${Date.now().toString(36)}${++nextLine}`, account: null, thirdParty: null, costCenter: null, description: null, debit: null, credit: null });
17
+ return { date, type: null, number: null, description: null, lines: [line(), line()] };
18
+ }
19
+ /**
20
+ * Editor de comprobante contable de CaribeNG: cabecera (fecha, tipo, número y
21
+ * descripción) y líneas con cuenta, tercero, centro de costo, detalle, débito y
22
+ * crédito, editables como una hoja de cálculo.
23
+ *
24
+ * - La cuenta se busca por código o nombre en el plan de cuentas y solo admite
25
+ * cuentas de movimiento; escribir el débito borra el crédito de la línea y al revés.
26
+ * - Totales de débitos y créditos con la diferencia en vivo; «Cuadrar» pone la
27
+ * diferencia en la última línea vacía (o en una nueva).
28
+ * - Guardar (o Ctrl + Enter) valida fecha, líneas, cuentas y que cuadre, y emite `save`.
29
+ *
30
+ * @example
31
+ * ```html
32
+ * <cb-journal-entry [(entry)]="comprobante" [accounts]="puc" [thirdParties]="terceros" (save)="guardar($event)" />
33
+ * ```
34
+ */
35
+ class CbJournalEntry {
36
+ constructor() {
37
+ this.t = injectCbTranslation();
38
+ this.fmt = cbFormat;
39
+ this.amount = injectCbAmount();
40
+ this.uid = `cb-journal-entry-${++nextUid}`;
41
+ this.grid = viewChild.required(CbDataGrid);
42
+ /** Comprobante (bidireccional). */
43
+ this.entry = model(cbEmptyJournalEntry(), /* @ts-ignore */
44
+ ...(ngDevMode ? [{ debugName: "entry" }] : /* istanbul ignore next */ []));
45
+ /** Plan de cuentas: solo se eligen cuentas de movimiento. */
46
+ this.accounts = input([], /* @ts-ignore */
47
+ ...(ngDevMode ? [{ debugName: "accounts" }] : /* istanbul ignore next */ []));
48
+ /** Terceros (sin ellos no se muestra la columna). */
49
+ this.thirdParties = input([], /* @ts-ignore */
50
+ ...(ngDevMode ? [{ debugName: "thirdParties" }] : /* istanbul ignore next */ []));
51
+ /** Centros de costo (sin ellos no se muestra la columna). */
52
+ this.costCenters = input([], /* @ts-ignore */
53
+ ...(ngDevMode ? [{ debugName: "costCenters" }] : /* istanbul ignore next */ []));
54
+ /** Tipos de comprobante (sin ellos no se muestra el campo). */
55
+ this.types = input([], /* @ts-ignore */
56
+ ...(ngDevMode ? [{ debugName: "types" }] : /* istanbul ignore next */ []));
57
+ /** Cuentas que exigen tercero (por prefijo de código, p. ej. `['13', '22']`). */
58
+ this.thirdPartyRequired = input([], /* @ts-ignore */
59
+ ...(ngDevMode ? [{ debugName: "thirdPartyRequired" }] : /* istanbul ignore next */ []));
60
+ /** Moneda de los importes (si no, la de `provideCaribeNG({ currency })`). */
61
+ this.currency = input(undefined, /* @ts-ignore */
62
+ ...(ngDevMode ? [{ debugName: "currency" }] : /* istanbul ignore next */ []));
63
+ this.readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
64
+ /** Muestra el botón de guardar cargando. */
65
+ this.saving = input(false, { ...(ngDevMode ? { debugName: "saving" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
66
+ this.saveLabel = input(undefined, /* @ts-ignore */
67
+ ...(ngDevMode ? [{ debugName: "saveLabel" }] : /* istanbul ignore next */ []));
68
+ this.scrollHeight = input('22rem', /* @ts-ignore */
69
+ ...(ngDevMode ? [{ debugName: "scrollHeight" }] : /* istanbul ignore next */ []));
70
+ this.ariaLabel = input(undefined, /* @ts-ignore */
71
+ ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
72
+ /** Comprobante válido y cuadrado al guardar (líneas sin importe quitadas, detalles heredados). */
73
+ this.save = output();
74
+ /** Se intentó guardar con problemas: cuáles. */
75
+ this.invalid = output();
76
+ /** Se intentó guardar (desde entonces se muestran los problemas). */
77
+ this.tried = signal(false, /* @ts-ignore */
78
+ ...(ngDevMode ? [{ debugName: "tried" }] : /* istanbul ignore next */ []));
79
+ this.accountOptions = computed(() => cbAccountOptions(this.accounts()), /* @ts-ignore */
80
+ ...(ngDevMode ? [{ debugName: "accountOptions" }] : /* istanbul ignore next */ []));
81
+ this.columns = computed(() => {
82
+ const t = this.t();
83
+ const needsThird = this.thirdPartyRequired();
84
+ const cols = [
85
+ {
86
+ field: 'account',
87
+ header: t.journalAccount,
88
+ type: 'autocomplete',
89
+ options: this.accountOptions(),
90
+ width: '15rem',
91
+ sortable: false,
92
+ // Solo se exige en las líneas que ya tienen algo (las vacías se quitan al guardar).
93
+ validate: (v, row) => (!v && (row.debit || row.credit || row.description) ? t.journalAccountRequired : null),
94
+ },
95
+ ];
96
+ if (this.thirdParties().length) {
97
+ cols.push({
98
+ field: 'thirdParty',
99
+ header: t.journalThirdParty,
100
+ type: 'autocomplete',
101
+ options: this.thirdParties(),
102
+ width: '12rem',
103
+ sortable: false,
104
+ validate: (v, row) => (!v && row.account && needsThird.some((p) => String(row.account).startsWith(p)) ? t.journalThirdPartyRequired : null),
105
+ });
106
+ }
107
+ if (this.costCenters().length)
108
+ cols.push({ field: 'costCenter', header: t.journalCostCenter, type: 'autocomplete', options: this.costCenters(), width: '10rem', sortable: false });
109
+ cols.push({ field: 'description', header: t.journalLineDescription, width: '12rem', sortable: false }, {
110
+ field: 'debit',
111
+ header: t.journalDebit,
112
+ type: 'number',
113
+ currency: true,
114
+ min: 0,
115
+ width: '9.5rem',
116
+ sortable: false,
117
+ summary: 'sum',
118
+ onEdit: (v) => (v ? { credit: null } : null),
119
+ validate: (v, row) => (!v && !row.credit && row.account ? t.journalAmountRequired : null),
120
+ }, { field: 'credit', header: t.journalCredit, type: 'number', currency: true, min: 0, width: '9.5rem', sortable: false, summary: 'sum', onEdit: (v) => (v ? { debit: null } : null) });
121
+ return cols;
122
+ }, /* @ts-ignore */
123
+ ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
124
+ /** Totales de débitos y créditos y su diferencia. */
125
+ this.totals = computed(() => {
126
+ const lines = this.entry().lines;
127
+ const debit = cbSummarize(lines.map((l) => l.debit), 'sum') ?? 0;
128
+ const credit = cbSummarize(lines.map((l) => l.credit), 'sum') ?? 0;
129
+ return { debit, credit, difference: Math.round((debit - credit) * 100) / 100 };
130
+ }, /* @ts-ignore */
131
+ ...(ngDevMode ? [{ debugName: "totals" }] : /* istanbul ignore next */ []));
132
+ /** Débitos y créditos iguales y mayores que cero. */
133
+ this.balanced = computed(() => this.totals().difference === 0 && this.totals().debit > 0, /* @ts-ignore */
134
+ ...(ngDevMode ? [{ debugName: "balanced" }] : /* istanbul ignore next */ []));
135
+ /** Problemas que impiden guardar. */
136
+ this.problems = computed(() => {
137
+ const t = this.t();
138
+ const e = this.entry();
139
+ const out = [];
140
+ if (!e.date)
141
+ out.push(t.journalErrDate);
142
+ const withAmount = e.lines.filter((l) => l.debit || l.credit);
143
+ if (withAmount.length < 2)
144
+ out.push(t.journalErrLines);
145
+ if (this.totals().difference !== 0)
146
+ out.push(cbFormat(t.journalErrUnbalanced, this.money(this.totals().difference)));
147
+ const errors = this.grid().errors().filter((err) => {
148
+ const line = e.lines.find((l) => l.id === err.key);
149
+ // Las líneas totalmente vacías se ignoran (se quitan al guardar).
150
+ return line && (line.account || line.debit || line.credit || line.description);
151
+ });
152
+ if (errors.length)
153
+ out.push(cbFormat(t.journalErrCells, errors.length));
154
+ return out;
155
+ }, /* @ts-ignore */
156
+ ...(ngDevMode ? [{ debugName: "problems" }] : /* istanbul ignore next */ []));
157
+ this.newLine = () => ({ id: `l${Date.now().toString(36)}${++nextLine}`, account: null, thirdParty: null, costCenter: null, description: null, debit: null, credit: null });
158
+ }
159
+ money(value) {
160
+ return this.amount(value, this.currency() ? { currency: this.currency() } : {});
161
+ }
162
+ patch(change) {
163
+ this.entry.update((e) => ({ ...e, ...change }));
164
+ }
165
+ /** Pone la diferencia en la última línea sin importe (o en una nueva) para que cuadre. */
166
+ balance() {
167
+ const diff = this.totals().difference;
168
+ if (diff === 0 || this.readonly())
169
+ return;
170
+ const amount = { debit: diff < 0 ? -diff : null, credit: diff > 0 ? diff : null };
171
+ const lines = [...this.entry().lines];
172
+ const i = lines.map((l) => !l.debit && !l.credit).lastIndexOf(true);
173
+ if (i >= 0)
174
+ lines[i] = { ...lines[i], ...amount };
175
+ else
176
+ lines.push({ ...this.newLine(), ...amount });
177
+ this.patch({ lines });
178
+ }
179
+ /** Valida y, si está todo bien, emite `save`. */
180
+ submit() {
181
+ if (this.readonly())
182
+ return;
183
+ this.tried.set(true);
184
+ const problems = this.problems();
185
+ if (problems.length) {
186
+ this.invalid.emit(problems);
187
+ return;
188
+ }
189
+ const e = this.entry();
190
+ const description = e.description?.trim() || null;
191
+ this.save.emit({
192
+ ...e,
193
+ lines: e.lines.filter((l) => l.debit || l.credit).map((l) => ({ ...l, description: l.description?.trim() || description })),
194
+ });
195
+ }
196
+ onKeydown(event) {
197
+ if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {
198
+ event.preventDefault();
199
+ this.submit();
200
+ }
201
+ }
202
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbJournalEntry, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
203
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: CbJournalEntry, isStandalone: true, selector: "cb-journal-entry", inputs: { entry: { classPropertyName: "entry", publicName: "entry", isSignal: true, isRequired: false, transformFunction: null }, accounts: { classPropertyName: "accounts", publicName: "accounts", isSignal: true, isRequired: false, transformFunction: null }, thirdParties: { classPropertyName: "thirdParties", publicName: "thirdParties", isSignal: true, isRequired: false, transformFunction: null }, costCenters: { classPropertyName: "costCenters", publicName: "costCenters", isSignal: true, isRequired: false, transformFunction: null }, types: { classPropertyName: "types", publicName: "types", isSignal: true, isRequired: false, transformFunction: null }, thirdPartyRequired: { classPropertyName: "thirdPartyRequired", publicName: "thirdPartyRequired", isSignal: true, isRequired: false, transformFunction: null }, currency: { classPropertyName: "currency", publicName: "currency", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, saving: { classPropertyName: "saving", publicName: "saving", isSignal: true, isRequired: false, transformFunction: null }, saveLabel: { classPropertyName: "saveLabel", publicName: "saveLabel", isSignal: true, isRequired: false, transformFunction: null }, scrollHeight: { classPropertyName: "scrollHeight", publicName: "scrollHeight", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { entry: "entryChange", save: "save", invalid: "invalid" }, host: { listeners: { "keydown": "onKeydown($event)" }, classAttribute: "cb-journal-entry" }, viewQueries: [{ propertyName: "grid", first: true, predicate: CbDataGrid, descendants: true, isSignal: true }], ngImport: i0, template: `
204
+ <div class="cb-je__header" role="group" [attr.aria-label]="ariaLabel() || t().journalHeader">
205
+ <cb-datepicker class="cb-je__date" [label]="t().journalDate" [value]="entry().date" (valueChange)="patch({ date: $event })" [disabled]="readonly()" [invalid]="tried() && !entry().date" />
206
+ @if (types().length) {
207
+ <div class="cb-je__type">
208
+ <span class="cb-je__label" [id]="uid + '-type'">{{ t().journalType }}</span>
209
+ <cb-select [ariaLabelledBy]="uid + '-type'" [options]="types()" optionValue="value" [value]="entry().type" (valueChange)="patch({ type: $event })" [disabled]="readonly()" [placeholder]="t().select" />
210
+ </div>
211
+ }
212
+ <cb-input class="cb-je__number" [label]="t().journalNumber" [value]="entry().number ?? ''" (valueChange)="patch({ number: $event })" [readonly]="readonly()" />
213
+ <cb-input class="cb-je__desc" [label]="t().journalDescription" [value]="entry().description ?? ''" (valueChange)="patch({ description: $event })" [readonly]="readonly()" />
214
+ </div>
215
+
216
+ <cb-data-grid
217
+ #grid
218
+ [rows]="entry().lines"
219
+ (rowsChange)="patch({ lines: $event })"
220
+ [columns]="columns()"
221
+ [newRow]="newLine"
222
+ [editable]="!readonly()"
223
+ [currency]="currency()"
224
+ [scrollHeight]="scrollHeight()"
225
+ [ariaLabel]="t().journalLines"
226
+ />
227
+
228
+ <div class="cb-je__footer">
229
+ <dl class="cb-je__totals" aria-live="polite">
230
+ <div>
231
+ <dt>{{ t().journalDebit }}</dt>
232
+ <dd>{{ money(totals().debit) }}</dd>
233
+ </div>
234
+ <div>
235
+ <dt>{{ t().journalCredit }}</dt>
236
+ <dd>{{ money(totals().credit) }}</dd>
237
+ </div>
238
+ <div [class.cb-je__diff--off]="totals().difference !== 0">
239
+ <dt>{{ t().journalDifference }}</dt>
240
+ <dd>{{ money(totals().difference) }}</dd>
241
+ </div>
242
+ </dl>
243
+ <span class="cb-je__status" [class.cb-je__status--ok]="balanced()">
244
+ <cb-icon [name]="balanced() ? 'check' : 'circle-alert'" [size]="15" aria-hidden="true" />
245
+ {{ balanced() ? t().journalBalanced : t().journalUnbalanced }}
246
+ </span>
247
+ @if (!readonly()) {
248
+ <span class="cb-je__spacer"></span>
249
+ <cb-button variant="outlined" [disabled]="totals().difference === 0" (click)="balance()">{{ t().journalBalance }}</cb-button>
250
+ <cb-button [loading]="saving()" (click)="submit()">{{ saveLabel() || t().journalSave }}</cb-button>
251
+ }
252
+ </div>
253
+
254
+ @if (tried() && problems().length) {
255
+ <div class="cb-je__errors" role="alert">
256
+ <p>{{ t().journalCannotSave }}</p>
257
+ <ul>
258
+ @for (p of problems(); track $index) {
259
+ <li>{{ p }}</li>
260
+ }
261
+ </ul>
262
+ </div>
263
+ }
264
+ `, isInline: true, styles: [":host{display:grid;gap:var(--cb-space-4, 1rem);width:100%;min-width:0;container-type:inline-size;color:var(--cb-color-text);font-family:var(--cb-font-sans)}.cb-je__header{display:grid;grid-template-columns:11rem minmax(12rem,16rem) 9rem minmax(12rem,1fr);gap:var(--cb-space-3, .75rem) var(--cb-space-4, 1rem);align-items:end}.cb-je__header:not(:has(.cb-je__type)){grid-template-columns:11rem 9rem minmax(12rem,1fr)}.cb-je__header>*{min-width:0}.cb-je__type{display:grid;gap:var(--cb-space-1, .25rem)}.cb-je__type cb-select{display:block;min-width:0}.cb-je__label{color:var(--cb-color-text);font-size:var(--cb-text-sm);font-weight:var(--cb-font-weight-medium)}.cb-je__footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cb-space-3, .75rem) var(--cb-space-4, 1rem)}.cb-je__totals{display:flex;flex-wrap:wrap;gap:var(--cb-space-2, .5rem) var(--cb-space-5, 1.25rem);margin:0}.cb-je__totals>div{display:grid;gap:.1rem}.cb-je__totals dt{color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem);text-transform:uppercase;letter-spacing:.04em}.cb-je__totals dd{margin:0;font-size:var(--cb-text-base, 1rem);font-variant-numeric:tabular-nums;font-weight:var(--cb-font-weight-semibold, 600)}.cb-je__diff--off dd{color:var(--cb-color-danger-text, #dc2626)}.cb-je__status{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--cb-color-danger-500, #ef4444) 10%,transparent);color:var(--cb-color-danger-text, #dc2626);font-size:var(--cb-text-sm, .875rem);font-weight:var(--cb-font-weight-medium, 500)}.cb-je__status--ok{background:color-mix(in srgb,var(--cb-color-success-500, #10b981) 12%,transparent);color:var(--cb-color-success-text, #047857)}.cb-je__spacer{flex:1}.cb-je__errors{padding:.75rem 1rem;border:1px solid color-mix(in srgb,var(--cb-color-danger-500, #ef4444) 45%,transparent);border-left-width:4px;border-radius:var(--cb-radius-md);background:color-mix(in srgb,var(--cb-color-danger-500, #ef4444) 7%,var(--cb-color-bg));color:var(--cb-color-danger-text, #b91c1c);font-size:var(--cb-text-sm, .875rem)}.cb-je__errors p{margin:0 0 .25rem;font-weight:var(--cb-font-weight-semibold, 600)}.cb-je__errors ul{margin:0;padding-left:1.25rem}@container (max-width: 44rem){.cb-je__header,.cb-je__header:not(:has(.cb-je__type)){grid-template-columns:1fr 1fr}.cb-je__desc{grid-column:1 / -1}}@container (max-width: 28rem){.cb-je__header,.cb-je__header:not(:has(.cb-je__type)){grid-template-columns:1fr}}\n"], dependencies: [{ kind: "component", type: CbDataGrid, selector: "cb-data-grid", inputs: ["rows", "columns", "dataKey", "editable", "rowNumbers", "toolbar", "scrollHeight", "newRow", "emptyMessage", "ariaLabel", "currency", "negativeStyle"], outputs: ["rowsChange", "cellChange", "rowAdd", "rowsDelete"] }, { kind: "component", type: CbDatepicker, selector: "cb-datepicker", inputs: ["value", "range", "label", "hint", "error", "placeholder", "size", "invalid", "required", "requiredIndicator", "disabled", "inputId", "locale", "firstDayOfWeek", "minDate", "maxDate", "selectionMode", "view", "numberOfMonths", "showTime", "hourFormat", "stepMinute", "dateFormat", "editable", "presets"], outputs: ["valueChange", "rangeChange"] }, { kind: "component", type: CbInput, selector: "cb-input", inputs: ["value", "label", "hint", "error", "invalid", "type", "placeholder", "size", "readonly", "required", "requiredIndicator", "inputmode", "disabled", "inputId"], outputs: ["valueChange"] }, { kind: "component", type: CbSelect, selector: "cb-select", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "group", "optionGroupLabel", "optionGroupChildren", "placeholder", "size", "filter", "filterPlaceholder", "emptyMessage", "showClear", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "invalid", "disabled", "inputId", "ariaLabel", "ariaLabelledBy", "value"], outputs: ["valueChange"] }, { kind: "component", type: CbButton, selector: "cb-button", inputs: ["severity", "variant", "size", "disabled", "loading", "fullWidth", "type", "ariaLabel", "ariaHaspopup", "ariaExpanded", "ariaControls"] }, { kind: "component", type: CbIcon, selector: "cb-icon", inputs: ["name", "size", "spin", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
265
+ }
266
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbJournalEntry, decorators: [{
267
+ type: Component,
268
+ args: [{ selector: 'cb-journal-entry', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, imports: [CbDataGrid, CbDatepicker, CbInput, CbSelect, CbButton, CbIcon], host: { class: 'cb-journal-entry', '(keydown)': 'onKeydown($event)' }, template: `
269
+ <div class="cb-je__header" role="group" [attr.aria-label]="ariaLabel() || t().journalHeader">
270
+ <cb-datepicker class="cb-je__date" [label]="t().journalDate" [value]="entry().date" (valueChange)="patch({ date: $event })" [disabled]="readonly()" [invalid]="tried() && !entry().date" />
271
+ @if (types().length) {
272
+ <div class="cb-je__type">
273
+ <span class="cb-je__label" [id]="uid + '-type'">{{ t().journalType }}</span>
274
+ <cb-select [ariaLabelledBy]="uid + '-type'" [options]="types()" optionValue="value" [value]="entry().type" (valueChange)="patch({ type: $event })" [disabled]="readonly()" [placeholder]="t().select" />
275
+ </div>
276
+ }
277
+ <cb-input class="cb-je__number" [label]="t().journalNumber" [value]="entry().number ?? ''" (valueChange)="patch({ number: $event })" [readonly]="readonly()" />
278
+ <cb-input class="cb-je__desc" [label]="t().journalDescription" [value]="entry().description ?? ''" (valueChange)="patch({ description: $event })" [readonly]="readonly()" />
279
+ </div>
280
+
281
+ <cb-data-grid
282
+ #grid
283
+ [rows]="entry().lines"
284
+ (rowsChange)="patch({ lines: $event })"
285
+ [columns]="columns()"
286
+ [newRow]="newLine"
287
+ [editable]="!readonly()"
288
+ [currency]="currency()"
289
+ [scrollHeight]="scrollHeight()"
290
+ [ariaLabel]="t().journalLines"
291
+ />
292
+
293
+ <div class="cb-je__footer">
294
+ <dl class="cb-je__totals" aria-live="polite">
295
+ <div>
296
+ <dt>{{ t().journalDebit }}</dt>
297
+ <dd>{{ money(totals().debit) }}</dd>
298
+ </div>
299
+ <div>
300
+ <dt>{{ t().journalCredit }}</dt>
301
+ <dd>{{ money(totals().credit) }}</dd>
302
+ </div>
303
+ <div [class.cb-je__diff--off]="totals().difference !== 0">
304
+ <dt>{{ t().journalDifference }}</dt>
305
+ <dd>{{ money(totals().difference) }}</dd>
306
+ </div>
307
+ </dl>
308
+ <span class="cb-je__status" [class.cb-je__status--ok]="balanced()">
309
+ <cb-icon [name]="balanced() ? 'check' : 'circle-alert'" [size]="15" aria-hidden="true" />
310
+ {{ balanced() ? t().journalBalanced : t().journalUnbalanced }}
311
+ </span>
312
+ @if (!readonly()) {
313
+ <span class="cb-je__spacer"></span>
314
+ <cb-button variant="outlined" [disabled]="totals().difference === 0" (click)="balance()">{{ t().journalBalance }}</cb-button>
315
+ <cb-button [loading]="saving()" (click)="submit()">{{ saveLabel() || t().journalSave }}</cb-button>
316
+ }
317
+ </div>
318
+
319
+ @if (tried() && problems().length) {
320
+ <div class="cb-je__errors" role="alert">
321
+ <p>{{ t().journalCannotSave }}</p>
322
+ <ul>
323
+ @for (p of problems(); track $index) {
324
+ <li>{{ p }}</li>
325
+ }
326
+ </ul>
327
+ </div>
328
+ }
329
+ `, styles: [":host{display:grid;gap:var(--cb-space-4, 1rem);width:100%;min-width:0;container-type:inline-size;color:var(--cb-color-text);font-family:var(--cb-font-sans)}.cb-je__header{display:grid;grid-template-columns:11rem minmax(12rem,16rem) 9rem minmax(12rem,1fr);gap:var(--cb-space-3, .75rem) var(--cb-space-4, 1rem);align-items:end}.cb-je__header:not(:has(.cb-je__type)){grid-template-columns:11rem 9rem minmax(12rem,1fr)}.cb-je__header>*{min-width:0}.cb-je__type{display:grid;gap:var(--cb-space-1, .25rem)}.cb-je__type cb-select{display:block;min-width:0}.cb-je__label{color:var(--cb-color-text);font-size:var(--cb-text-sm);font-weight:var(--cb-font-weight-medium)}.cb-je__footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cb-space-3, .75rem) var(--cb-space-4, 1rem)}.cb-je__totals{display:flex;flex-wrap:wrap;gap:var(--cb-space-2, .5rem) var(--cb-space-5, 1.25rem);margin:0}.cb-je__totals>div{display:grid;gap:.1rem}.cb-je__totals dt{color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem);text-transform:uppercase;letter-spacing:.04em}.cb-je__totals dd{margin:0;font-size:var(--cb-text-base, 1rem);font-variant-numeric:tabular-nums;font-weight:var(--cb-font-weight-semibold, 600)}.cb-je__diff--off dd{color:var(--cb-color-danger-text, #dc2626)}.cb-je__status{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--cb-color-danger-500, #ef4444) 10%,transparent);color:var(--cb-color-danger-text, #dc2626);font-size:var(--cb-text-sm, .875rem);font-weight:var(--cb-font-weight-medium, 500)}.cb-je__status--ok{background:color-mix(in srgb,var(--cb-color-success-500, #10b981) 12%,transparent);color:var(--cb-color-success-text, #047857)}.cb-je__spacer{flex:1}.cb-je__errors{padding:.75rem 1rem;border:1px solid color-mix(in srgb,var(--cb-color-danger-500, #ef4444) 45%,transparent);border-left-width:4px;border-radius:var(--cb-radius-md);background:color-mix(in srgb,var(--cb-color-danger-500, #ef4444) 7%,var(--cb-color-bg));color:var(--cb-color-danger-text, #b91c1c);font-size:var(--cb-text-sm, .875rem)}.cb-je__errors p{margin:0 0 .25rem;font-weight:var(--cb-font-weight-semibold, 600)}.cb-je__errors ul{margin:0;padding-left:1.25rem}@container (max-width: 44rem){.cb-je__header,.cb-je__header:not(:has(.cb-je__type)){grid-template-columns:1fr 1fr}.cb-je__desc{grid-column:1 / -1}}@container (max-width: 28rem){.cb-je__header,.cb-je__header:not(:has(.cb-je__type)){grid-template-columns:1fr}}\n"] }]
330
+ }], propDecorators: { grid: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CbDataGrid), { isSignal: true }] }], entry: [{ type: i0.Input, args: [{ isSignal: true, alias: "entry", required: false }] }, { type: i0.Output, args: ["entryChange"] }], accounts: [{ type: i0.Input, args: [{ isSignal: true, alias: "accounts", required: false }] }], thirdParties: [{ type: i0.Input, args: [{ isSignal: true, alias: "thirdParties", required: false }] }], costCenters: [{ type: i0.Input, args: [{ isSignal: true, alias: "costCenters", required: false }] }], types: [{ type: i0.Input, args: [{ isSignal: true, alias: "types", required: false }] }], thirdPartyRequired: [{ type: i0.Input, args: [{ isSignal: true, alias: "thirdPartyRequired", required: false }] }], currency: [{ type: i0.Input, args: [{ isSignal: true, alias: "currency", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], saving: [{ type: i0.Input, args: [{ isSignal: true, alias: "saving", required: false }] }], saveLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "saveLabel", required: false }] }], scrollHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollHeight", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], save: [{ type: i0.Output, args: ["save"] }], invalid: [{ type: i0.Output, args: ["invalid"] }] } });
331
+
332
+ /*
333
+ * Public API Surface de @caribeng/ui/journal-entry
334
+ */
335
+
336
+ /**
337
+ * Generated bundle index. Do not edit.
338
+ */
339
+
340
+ export { CbJournalEntry, cbEmptyJournalEntry };
@@ -419,7 +419,7 @@ class CbKanbanTaskPanel {
419
419
  }
420
420
  </footer>
421
421
  }
422
- `, isInline: true, styles: [":host{display:flex;flex-direction:column;gap:1.25rem;color:var(--cb-color-text);font-family:var(--cb-font-sans);font-size:var(--cb-text-sm, .875rem)}.cb-ktp__title{width:100%;box-sizing:border-box;margin:0;padding:.375rem .5rem;border:1px solid transparent;border-radius:var(--cb-radius-sm, 4px);background:transparent;color:inherit;font:inherit;font-size:var(--cb-text-lg, 1.125rem);font-weight:var(--cb-font-weight-semibold, 600);line-height:1.35;resize:none}.cb-ktp__title:hover:not(:disabled){border-color:var(--cb-color-border)}.cb-ktp__title:focus-visible,.cb-ktp__btn:focus-visible,.cb-ktp__icon-btn:focus-visible,.cb-ktp__file-name:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:1px}.cb-ktp__fields{display:grid;grid-template-columns:7.5rem minmax(0,1fr);align-items:center;gap:.625rem .75rem}.cb-ktp__label{color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-medium, 500)}@media(max-width:30rem){.cb-ktp__fields{grid-template-columns:minmax(0,1fr);gap:.25rem}.cb-ktp__label:not(:first-child){margin-top:.5rem}}.cb-ktp__assignees{display:grid;gap:.375rem;min-width:0}.cb-ktp__people{display:flex;flex-wrap:wrap;gap:.375rem;margin:0;padding:0;list-style:none}.cb-ktp__person{display:inline-flex;align-items:center;gap:.375rem;padding:.125rem;border-radius:var(--cb-radius-full, 999px);background:var(--cb-color-surface-hover);font-size:var(--cb-text-xs, .75rem)}.cb-ktp__avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;overflow:hidden;border-radius:50%;background:var(--cb-color-primary-100, var(--cb-color-surface-hover));color:var(--cb-color-primary-700, var(--cb-color-text));font-size:.625rem;font-weight:var(--cb-font-weight-semibold, 600)}.cb-ktp__avatar img{width:100%;height:100%;object-fit:cover}.cb-ktp__person-name{max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-ktp__icon-btn{display:inline-flex;flex:none;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:0;border-radius:50%;background:transparent;color:var(--cb-color-text-muted);cursor:pointer}.cb-ktp__icon-btn:hover{background:var(--cb-color-surface-active, var(--cb-color-border));color:var(--cb-color-text)}.cb-ktp__section{display:grid;gap:.5rem}.cb-ktp__heading{display:flex;align-items:center;gap:.375rem;margin:0;font-size:var(--cb-text-sm, .875rem);font-weight:var(--cb-font-weight-semibold, 600)}.cb-ktp__badge{min-width:1.25rem;padding:0 .375rem;border-radius:var(--cb-radius-full, 999px);background:var(--cb-color-surface-hover);color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem);text-align:center}.cb-ktp__files{display:grid;gap:.375rem;margin:0;padding:0;list-style:none}.cb-ktp__file{display:flex;align-items:center;gap:.625rem;padding:.5rem .5rem .5rem .625rem;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-md, 6px);color:var(--cb-color-text-muted)}.cb-ktp__file-info{display:grid;flex:1;min-width:0}.cb-ktp__file-name{overflow:hidden;color:var(--cb-color-text);text-overflow:ellipsis;white-space:nowrap;text-decoration:none}a.cb-ktp__file-name:hover{color:var(--cb-color-primary);text-decoration:underline}.cb-ktp__file-size{font-size:var(--cb-text-xs, .75rem)}.cb-ktp__drop{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.75rem;border:1px dashed var(--cb-color-border-strong);border-radius:var(--cb-radius-md, 6px);transition:background-color var(--cb-duration-fast, .15s) ease,border-color var(--cb-duration-fast, .15s) ease}.cb-ktp__drop--over{border-color:var(--cb-color-primary);background:color-mix(in srgb,var(--cb-color-primary) 8%,transparent)}.cb-ktp__hint{color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem)}.cb-ktp__btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px solid var(--cb-color-border-strong);border-radius:var(--cb-radius-sm, 4px);background:transparent;color:var(--cb-color-text);font:inherit;font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-medium, 500);cursor:pointer}.cb-ktp__btn:hover{background:var(--cb-color-surface-hover)}.cb-ktp__btn--danger{border-color:var(--cb-color-danger);background:var(--cb-color-danger);color:var(--cb-color-danger-contrast)}.cb-ktp__btn--danger:hover{background:color-mix(in srgb,var(--cb-color-danger) 88%,black)}.cb-ktp__btn--danger-ghost{border-color:transparent;color:var(--cb-color-danger-700, var(--cb-color-danger))}.cb-ktp__btn--danger-ghost:hover{background:color-mix(in srgb,var(--cb-color-danger) 10%,transparent)}:host-context([data-theme=\"dark\"]) .cb-ktp__btn--danger-ghost{color:var(--cb-color-danger-400, var(--cb-color-danger))}.cb-ktp__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--cb-color-border)}.cb-ktp__confirm-text{flex:1 1 100%;margin:0;font-weight:var(--cb-font-weight-medium, 500)}\n"], dependencies: [{ kind: "component", type: CbDatepicker, selector: "cb-datepicker", inputs: ["value", "range", "label", "hint", "error", "placeholder", "size", "invalid", "required", "requiredIndicator", "disabled", "inputId", "locale", "firstDayOfWeek", "minDate", "maxDate", "selectionMode", "view", "numberOfMonths", "showTime", "hourFormat", "stepMinute", "dateFormat", "editable", "presets"], outputs: ["valueChange", "rangeChange"] }, { kind: "component", type: CbEditor, selector: "cb-editor", inputs: ["placeholder", "ariaLabel", "height", "maxHeight", "wordCount", "disabled", "readonly", "invalid", "required", "toolbar", "maxLength", "images", "imageUpload", "maxImageSize", "pastePlainText", "fonts", "fontsHref", "bubbleMenu", "slashCommands", "autolink", "typography", "value"], outputs: ["valueChange", "imageError"] }, { kind: "component", type: CbIcon, selector: "cb-icon", inputs: ["name", "size", "spin", "ariaLabel"] }, { kind: "component", type: CbMultiSelect, selector: "cb-multiselect", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "group", "optionGroupLabel", "optionGroupChildren", "placeholder", "size", "filter", "filterPlaceholder", "emptyMessage", "showToggleAll", "maxSelectedLabels", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "invalid", "disabled", "inputId", "ariaLabel", "ariaLabelledBy", "value"], outputs: ["valueChange"] }, { kind: "component", type: CbSelect, selector: "cb-select", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "group", "optionGroupLabel", "optionGroupChildren", "placeholder", "size", "filter", "filterPlaceholder", "emptyMessage", "showClear", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "invalid", "disabled", "inputId", "ariaLabel", "ariaLabelledBy", "value"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
422
+ `, isInline: true, styles: [":host{display:flex;flex-direction:column;gap:1.25rem;color:var(--cb-color-text);font-family:var(--cb-font-sans);font-size:var(--cb-text-sm, .875rem)}.cb-ktp__title{width:100%;box-sizing:border-box;margin:0;padding:.375rem .5rem;border:1px solid transparent;border-radius:var(--cb-radius-sm, 4px);background:transparent;color:inherit;font:inherit;font-size:var(--cb-text-lg, 1.125rem);font-weight:var(--cb-font-weight-semibold, 600);line-height:1.35;resize:none}.cb-ktp__title:hover:not(:disabled){border-color:var(--cb-color-border)}.cb-ktp__title:focus-visible,.cb-ktp__btn:focus-visible,.cb-ktp__icon-btn:focus-visible,.cb-ktp__file-name:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:1px}.cb-ktp__fields{display:grid;grid-template-columns:7.5rem minmax(0,1fr);align-items:center;gap:.625rem .75rem}.cb-ktp__label{color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-medium, 500)}@media(max-width:30rem){.cb-ktp__fields{grid-template-columns:minmax(0,1fr);gap:.25rem}.cb-ktp__label:not(:first-child){margin-top:.5rem}}.cb-ktp__assignees{display:grid;gap:.375rem;min-width:0}.cb-ktp__people{display:flex;flex-wrap:wrap;gap:.375rem;margin:0;padding:0;list-style:none}.cb-ktp__person{display:inline-flex;align-items:center;gap:.375rem;padding:.125rem;border-radius:var(--cb-radius-full, 999px);background:var(--cb-color-surface-hover);font-size:var(--cb-text-xs, .75rem)}.cb-ktp__avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;overflow:hidden;border-radius:50%;background:var(--cb-color-primary-100, var(--cb-color-surface-hover));color:var(--cb-color-primary-700, var(--cb-color-text));font-size:.625rem;font-weight:var(--cb-font-weight-semibold, 600)}.cb-ktp__avatar img{width:100%;height:100%;object-fit:cover}.cb-ktp__person-name{max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-ktp__icon-btn{display:inline-flex;flex:none;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:0;border-radius:50%;background:transparent;color:var(--cb-color-text-muted);cursor:pointer}.cb-ktp__icon-btn:hover{background:var(--cb-color-surface-active, var(--cb-color-border));color:var(--cb-color-text)}.cb-ktp__section{display:grid;gap:.5rem}.cb-ktp__heading{display:flex;align-items:center;gap:.375rem;margin:0;font-size:var(--cb-text-sm, .875rem);font-weight:var(--cb-font-weight-semibold, 600)}.cb-ktp__badge{min-width:1.25rem;padding:0 .375rem;border-radius:var(--cb-radius-full, 999px);background:var(--cb-color-surface-hover);color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem);text-align:center}.cb-ktp__files{display:grid;gap:.375rem;margin:0;padding:0;list-style:none}.cb-ktp__file{display:flex;align-items:center;gap:.625rem;padding:.5rem .5rem .5rem .625rem;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-md, 6px);color:var(--cb-color-text-muted)}.cb-ktp__file-info{display:grid;flex:1;min-width:0}.cb-ktp__file-name{overflow:hidden;color:var(--cb-color-text);text-overflow:ellipsis;white-space:nowrap;text-decoration:none}a.cb-ktp__file-name:hover{color:var(--cb-color-primary-text);text-decoration:underline}.cb-ktp__file-size{font-size:var(--cb-text-xs, .75rem)}.cb-ktp__drop{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.75rem;border:1px dashed var(--cb-color-border-strong);border-radius:var(--cb-radius-md, 6px);transition:background-color var(--cb-duration-fast, .15s) ease,border-color var(--cb-duration-fast, .15s) ease}.cb-ktp__drop--over{border-color:var(--cb-color-primary);background:color-mix(in srgb,var(--cb-color-primary) 8%,transparent)}.cb-ktp__hint{color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem)}.cb-ktp__btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px solid var(--cb-color-border-strong);border-radius:var(--cb-radius-sm, 4px);background:transparent;color:var(--cb-color-text);font:inherit;font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-medium, 500);cursor:pointer}.cb-ktp__btn:hover{background:var(--cb-color-surface-hover)}.cb-ktp__btn--danger{border-color:var(--cb-color-danger);background:var(--cb-color-danger);color:var(--cb-color-danger-contrast)}.cb-ktp__btn--danger:hover{background:color-mix(in srgb,var(--cb-color-danger) 88%,black)}.cb-ktp__btn--danger-ghost{border-color:transparent;color:var(--cb-color-danger-700, var(--cb-color-danger))}.cb-ktp__btn--danger-ghost:hover{background:color-mix(in srgb,var(--cb-color-danger) 10%,transparent)}:host-context([data-theme=\"dark\"]) .cb-ktp__btn--danger-ghost{color:var(--cb-color-danger-400, var(--cb-color-danger))}.cb-ktp__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--cb-color-border)}.cb-ktp__confirm-text{flex:1 1 100%;margin:0;font-weight:var(--cb-font-weight-medium, 500)}\n"], dependencies: [{ kind: "component", type: CbDatepicker, selector: "cb-datepicker", inputs: ["value", "range", "label", "hint", "error", "placeholder", "size", "invalid", "required", "requiredIndicator", "disabled", "inputId", "locale", "firstDayOfWeek", "minDate", "maxDate", "selectionMode", "view", "numberOfMonths", "showTime", "hourFormat", "stepMinute", "dateFormat", "editable", "presets"], outputs: ["valueChange", "rangeChange"] }, { kind: "component", type: CbEditor, selector: "cb-editor", inputs: ["placeholder", "ariaLabel", "height", "maxHeight", "wordCount", "disabled", "readonly", "invalid", "required", "toolbar", "maxLength", "images", "imageUpload", "maxImageSize", "pastePlainText", "fonts", "fontsHref", "bubbleMenu", "slashCommands", "autolink", "typography", "mentions", "autosaveKey", "autosaveDelay", "value"], outputs: ["valueChange", "mentionAdd", "imageError"] }, { kind: "component", type: CbIcon, selector: "cb-icon", inputs: ["name", "size", "spin", "ariaLabel"] }, { kind: "component", type: CbMultiSelect, selector: "cb-multiselect", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "group", "optionGroupLabel", "optionGroupChildren", "placeholder", "size", "filter", "filterPlaceholder", "emptyMessage", "showToggleAll", "maxSelectedLabels", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "invalid", "disabled", "inputId", "ariaLabel", "ariaLabelledBy", "value"], outputs: ["valueChange"] }, { kind: "component", type: CbSelect, selector: "cb-select", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "group", "optionGroupLabel", "optionGroupChildren", "placeholder", "size", "filter", "filterPlaceholder", "emptyMessage", "showClear", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "invalid", "disabled", "inputId", "ariaLabel", "ariaLabelledBy", "value"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
423
423
  }
424
424
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbKanbanTaskPanel, decorators: [{
425
425
  type: Component,
@@ -600,7 +600,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
600
600
  }
601
601
  </footer>
602
602
  }
603
- `, styles: [":host{display:flex;flex-direction:column;gap:1.25rem;color:var(--cb-color-text);font-family:var(--cb-font-sans);font-size:var(--cb-text-sm, .875rem)}.cb-ktp__title{width:100%;box-sizing:border-box;margin:0;padding:.375rem .5rem;border:1px solid transparent;border-radius:var(--cb-radius-sm, 4px);background:transparent;color:inherit;font:inherit;font-size:var(--cb-text-lg, 1.125rem);font-weight:var(--cb-font-weight-semibold, 600);line-height:1.35;resize:none}.cb-ktp__title:hover:not(:disabled){border-color:var(--cb-color-border)}.cb-ktp__title:focus-visible,.cb-ktp__btn:focus-visible,.cb-ktp__icon-btn:focus-visible,.cb-ktp__file-name:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:1px}.cb-ktp__fields{display:grid;grid-template-columns:7.5rem minmax(0,1fr);align-items:center;gap:.625rem .75rem}.cb-ktp__label{color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-medium, 500)}@media(max-width:30rem){.cb-ktp__fields{grid-template-columns:minmax(0,1fr);gap:.25rem}.cb-ktp__label:not(:first-child){margin-top:.5rem}}.cb-ktp__assignees{display:grid;gap:.375rem;min-width:0}.cb-ktp__people{display:flex;flex-wrap:wrap;gap:.375rem;margin:0;padding:0;list-style:none}.cb-ktp__person{display:inline-flex;align-items:center;gap:.375rem;padding:.125rem;border-radius:var(--cb-radius-full, 999px);background:var(--cb-color-surface-hover);font-size:var(--cb-text-xs, .75rem)}.cb-ktp__avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;overflow:hidden;border-radius:50%;background:var(--cb-color-primary-100, var(--cb-color-surface-hover));color:var(--cb-color-primary-700, var(--cb-color-text));font-size:.625rem;font-weight:var(--cb-font-weight-semibold, 600)}.cb-ktp__avatar img{width:100%;height:100%;object-fit:cover}.cb-ktp__person-name{max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-ktp__icon-btn{display:inline-flex;flex:none;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:0;border-radius:50%;background:transparent;color:var(--cb-color-text-muted);cursor:pointer}.cb-ktp__icon-btn:hover{background:var(--cb-color-surface-active, var(--cb-color-border));color:var(--cb-color-text)}.cb-ktp__section{display:grid;gap:.5rem}.cb-ktp__heading{display:flex;align-items:center;gap:.375rem;margin:0;font-size:var(--cb-text-sm, .875rem);font-weight:var(--cb-font-weight-semibold, 600)}.cb-ktp__badge{min-width:1.25rem;padding:0 .375rem;border-radius:var(--cb-radius-full, 999px);background:var(--cb-color-surface-hover);color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem);text-align:center}.cb-ktp__files{display:grid;gap:.375rem;margin:0;padding:0;list-style:none}.cb-ktp__file{display:flex;align-items:center;gap:.625rem;padding:.5rem .5rem .5rem .625rem;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-md, 6px);color:var(--cb-color-text-muted)}.cb-ktp__file-info{display:grid;flex:1;min-width:0}.cb-ktp__file-name{overflow:hidden;color:var(--cb-color-text);text-overflow:ellipsis;white-space:nowrap;text-decoration:none}a.cb-ktp__file-name:hover{color:var(--cb-color-primary);text-decoration:underline}.cb-ktp__file-size{font-size:var(--cb-text-xs, .75rem)}.cb-ktp__drop{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.75rem;border:1px dashed var(--cb-color-border-strong);border-radius:var(--cb-radius-md, 6px);transition:background-color var(--cb-duration-fast, .15s) ease,border-color var(--cb-duration-fast, .15s) ease}.cb-ktp__drop--over{border-color:var(--cb-color-primary);background:color-mix(in srgb,var(--cb-color-primary) 8%,transparent)}.cb-ktp__hint{color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem)}.cb-ktp__btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px solid var(--cb-color-border-strong);border-radius:var(--cb-radius-sm, 4px);background:transparent;color:var(--cb-color-text);font:inherit;font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-medium, 500);cursor:pointer}.cb-ktp__btn:hover{background:var(--cb-color-surface-hover)}.cb-ktp__btn--danger{border-color:var(--cb-color-danger);background:var(--cb-color-danger);color:var(--cb-color-danger-contrast)}.cb-ktp__btn--danger:hover{background:color-mix(in srgb,var(--cb-color-danger) 88%,black)}.cb-ktp__btn--danger-ghost{border-color:transparent;color:var(--cb-color-danger-700, var(--cb-color-danger))}.cb-ktp__btn--danger-ghost:hover{background:color-mix(in srgb,var(--cb-color-danger) 10%,transparent)}:host-context([data-theme=\"dark\"]) .cb-ktp__btn--danger-ghost{color:var(--cb-color-danger-400, var(--cb-color-danger))}.cb-ktp__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--cb-color-border)}.cb-ktp__confirm-text{flex:1 1 100%;margin:0;font-weight:var(--cb-font-weight-medium, 500)}\n"] }]
603
+ `, styles: [":host{display:flex;flex-direction:column;gap:1.25rem;color:var(--cb-color-text);font-family:var(--cb-font-sans);font-size:var(--cb-text-sm, .875rem)}.cb-ktp__title{width:100%;box-sizing:border-box;margin:0;padding:.375rem .5rem;border:1px solid transparent;border-radius:var(--cb-radius-sm, 4px);background:transparent;color:inherit;font:inherit;font-size:var(--cb-text-lg, 1.125rem);font-weight:var(--cb-font-weight-semibold, 600);line-height:1.35;resize:none}.cb-ktp__title:hover:not(:disabled){border-color:var(--cb-color-border)}.cb-ktp__title:focus-visible,.cb-ktp__btn:focus-visible,.cb-ktp__icon-btn:focus-visible,.cb-ktp__file-name:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:1px}.cb-ktp__fields{display:grid;grid-template-columns:7.5rem minmax(0,1fr);align-items:center;gap:.625rem .75rem}.cb-ktp__label{color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-medium, 500)}@media(max-width:30rem){.cb-ktp__fields{grid-template-columns:minmax(0,1fr);gap:.25rem}.cb-ktp__label:not(:first-child){margin-top:.5rem}}.cb-ktp__assignees{display:grid;gap:.375rem;min-width:0}.cb-ktp__people{display:flex;flex-wrap:wrap;gap:.375rem;margin:0;padding:0;list-style:none}.cb-ktp__person{display:inline-flex;align-items:center;gap:.375rem;padding:.125rem;border-radius:var(--cb-radius-full, 999px);background:var(--cb-color-surface-hover);font-size:var(--cb-text-xs, .75rem)}.cb-ktp__avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;overflow:hidden;border-radius:50%;background:var(--cb-color-primary-100, var(--cb-color-surface-hover));color:var(--cb-color-primary-700, var(--cb-color-text));font-size:.625rem;font-weight:var(--cb-font-weight-semibold, 600)}.cb-ktp__avatar img{width:100%;height:100%;object-fit:cover}.cb-ktp__person-name{max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-ktp__icon-btn{display:inline-flex;flex:none;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:0;border-radius:50%;background:transparent;color:var(--cb-color-text-muted);cursor:pointer}.cb-ktp__icon-btn:hover{background:var(--cb-color-surface-active, var(--cb-color-border));color:var(--cb-color-text)}.cb-ktp__section{display:grid;gap:.5rem}.cb-ktp__heading{display:flex;align-items:center;gap:.375rem;margin:0;font-size:var(--cb-text-sm, .875rem);font-weight:var(--cb-font-weight-semibold, 600)}.cb-ktp__badge{min-width:1.25rem;padding:0 .375rem;border-radius:var(--cb-radius-full, 999px);background:var(--cb-color-surface-hover);color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem);text-align:center}.cb-ktp__files{display:grid;gap:.375rem;margin:0;padding:0;list-style:none}.cb-ktp__file{display:flex;align-items:center;gap:.625rem;padding:.5rem .5rem .5rem .625rem;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-md, 6px);color:var(--cb-color-text-muted)}.cb-ktp__file-info{display:grid;flex:1;min-width:0}.cb-ktp__file-name{overflow:hidden;color:var(--cb-color-text);text-overflow:ellipsis;white-space:nowrap;text-decoration:none}a.cb-ktp__file-name:hover{color:var(--cb-color-primary-text);text-decoration:underline}.cb-ktp__file-size{font-size:var(--cb-text-xs, .75rem)}.cb-ktp__drop{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.75rem;border:1px dashed var(--cb-color-border-strong);border-radius:var(--cb-radius-md, 6px);transition:background-color var(--cb-duration-fast, .15s) ease,border-color var(--cb-duration-fast, .15s) ease}.cb-ktp__drop--over{border-color:var(--cb-color-primary);background:color-mix(in srgb,var(--cb-color-primary) 8%,transparent)}.cb-ktp__hint{color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem)}.cb-ktp__btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px solid var(--cb-color-border-strong);border-radius:var(--cb-radius-sm, 4px);background:transparent;color:var(--cb-color-text);font:inherit;font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-medium, 500);cursor:pointer}.cb-ktp__btn:hover{background:var(--cb-color-surface-hover)}.cb-ktp__btn--danger{border-color:var(--cb-color-danger);background:var(--cb-color-danger);color:var(--cb-color-danger-contrast)}.cb-ktp__btn--danger:hover{background:color-mix(in srgb,var(--cb-color-danger) 88%,black)}.cb-ktp__btn--danger-ghost{border-color:transparent;color:var(--cb-color-danger-700, var(--cb-color-danger))}.cb-ktp__btn--danger-ghost:hover{background:color-mix(in srgb,var(--cb-color-danger) 10%,transparent)}:host-context([data-theme=\"dark\"]) .cb-ktp__btn--danger-ghost{color:var(--cb-color-danger-400, var(--cb-color-danger))}.cb-ktp__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--cb-color-border)}.cb-ktp__confirm-text{flex:1 1 100%;margin:0;font-weight:var(--cb-font-weight-medium, 500)}\n"] }]
604
604
  }], ctorParameters: () => [], propDecorators: { task: [{ type: i0.Input, args: [{ isSignal: true, alias: "task", required: true }] }], itemLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemLabel", required: false }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], columnId: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnId", required: false }] }], people: [{ type: i0.Input, args: [{ isSignal: true, alias: "people", required: false }] }], priorities: [{ type: i0.Input, args: [{ isSignal: true, alias: "priorities", required: false }] }], editable: [{ type: i0.Input, args: [{ isSignal: true, alias: "editable", required: false }] }], accept: [{ type: i0.Input, args: [{ isSignal: true, alias: "accept", required: false }] }], confirmDelete: [{ type: i0.Input, args: [{ isSignal: true, alias: "confirmDelete", required: false }] }], patch: [{ type: i0.Output, args: ["patch"] }], move: [{ type: i0.Output, args: ["move"] }], remove: [{ type: i0.Output, args: ["remove"] }] } });
605
605
 
606
606
  /**
@@ -3931,7 +3931,7 @@ class CbKanbanTimeline extends CbKanbanView {
3931
3931
  @if (details()) {
3932
3932
  <cb-kanban-details [view]="this" />
3933
3933
  }
3934
- `, isInline: true, styles: [":host{display:block;min-width:0;color:var(--cb-color-text);font-family:var(--cb-font-sans);font-size:var(--cb-text-sm, .875rem)}.cb-kanban-timeline__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:.75rem}.cb-kanban-timeline__nav{display:flex;flex:1;align-items:center;gap:.25rem;min-width:0}.cb-kanban-timeline__range{margin-left:.5rem;color:var(--cb-color-text-muted);white-space:nowrap}.cb-kanban-timeline__zoom{display:flex;align-items:center;gap:.125rem;color:var(--cb-color-text-muted)}.cb-kanban-timeline__zoom>span{margin-right:.25rem}.cb-kanban-timeline__btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px solid var(--cb-color-border-strong);border-radius:var(--cb-radius-md, 6px);background:transparent;color:var(--cb-color-text);font:inherit;font-weight:var(--cb-font-weight-medium, 500);cursor:pointer}.cb-kanban-timeline__btn--ghost{border-color:transparent}.cb-kanban-timeline__btn:hover:not(:disabled),.cb-kanban-timeline__icon-btn:hover:not(:disabled),.cb-kanban-timeline__toggle:hover,.cb-kanban-timeline__add:hover,.cb-kanban-timeline__add-section:hover:not(:disabled){background:var(--cb-color-surface-hover)}.cb-kanban-timeline__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:0;border-radius:var(--cb-radius-md, 6px);background:transparent;color:var(--cb-color-text-muted);cursor:pointer}.cb-kanban-timeline__undated-btn{color:var(--cb-color-text-muted)}.cb-kanban-timeline__undated{display:flex;flex-wrap:wrap;gap:.375rem;margin:0 0 .75rem;padding:.5rem;border:1px dashed var(--cb-color-border-strong);border-radius:var(--cb-radius-md, 6px);list-style:none}.cb-kanban-timeline__undated-item{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .625rem;border:1px solid var(--cb-color-border);border-left:3px solid var(--cb-kanban-color, var(--cb-color-primary));border-radius:var(--cb-radius-sm, 4px);background:var(--cb-color-surface-raised);color:inherit;font:inherit;cursor:pointer}.cb-kanban-timeline__undated-column{color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem)}.cb-kanban-timeline__scroll{overflow-x:auto;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-lg, 10px)}.cb-kanban-timeline__sheet{width:max-content;min-width:100%}.cb-kanban-timeline__head,.cb-kanban-timeline__section{display:grid}.cb-kanban-timeline__head{grid-template-rows:1.75rem 1.75rem;border-bottom:1px solid var(--cb-color-border);color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem)}.cb-kanban-timeline__corner{position:sticky;left:0;z-index:3;grid-column:1;grid-row:1 / -1;border-right:1px solid var(--cb-color-border);background:var(--cb-color-surface)}.cb-kanban-timeline__month{grid-row:1;padding:.375rem .5rem 0;overflow:hidden;border-left:1px solid var(--cb-color-border);color:var(--cb-color-text);font-weight:var(--cb-font-weight-medium, 500);white-space:nowrap}.cb-kanban-timeline__day{display:flex;grid-row:2;align-items:center;justify-content:center;border-left:1px solid var(--cb-color-border);font-variant-numeric:tabular-nums}.cb-kanban-timeline__day--weekend{background:var(--cb-color-surface-subtle)}.cb-kanban-timeline__day--today{position:relative;color:var(--cb-color-primary);font-weight:var(--cb-font-weight-semibold, 600)}.cb-kanban-timeline__day--today:after{content:\"\";position:absolute;bottom:-.25rem;left:50%;width:.5rem;height:.5rem;border-radius:50%;background:var(--cb-color-primary);transform:translate(-50%)}.cb-kanban-timeline__section{row-gap:0}.cb-kanban-timeline__section+.cb-kanban-timeline__section{border-top:1px solid var(--cb-color-border)}.cb-kanban-timeline__side{position:sticky;left:0;z-index:2;display:flex;flex-direction:column;gap:.25rem;grid-column:1;grid-row:1 / -1;min-width:0;padding:.375rem .5rem;border-right:1px solid var(--cb-color-border);background:var(--cb-color-surface)}.cb-kanban-timeline__toggle{display:flex;align-items:center;gap:.375rem;width:100%;min-height:2rem;padding:0 .375rem;border:0;border-radius:var(--cb-radius-md, 6px);background:transparent;color:var(--cb-color-text);font:inherit;font-weight:var(--cb-font-weight-semibold, 600);text-align:left;cursor:pointer}.cb-kanban-timeline__section-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-kanban-timeline__count{color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-medium, 500)}.cb-kanban-timeline__count--over{color:var(--cb-color-danger-600, var(--cb-color-danger))}.cb-kanban-timeline__add{display:inline-flex;align-items:center;align-self:flex-start;gap:.25rem;padding:.25rem .5rem;border:0;border-radius:var(--cb-radius-sm, 4px);background:transparent;color:var(--cb-color-text-muted);font:inherit;font-size:var(--cb-text-xs, .75rem);cursor:pointer}.cb-kanban-timeline__composer{box-sizing:border-box;width:100%;padding:.25rem .5rem;border:1px solid var(--cb-color-primary);border-radius:var(--cb-radius-sm, 4px);background:var(--cb-color-bg, var(--cb-color-surface-raised));color:inherit;font:inherit;font-size:var(--cb-text-xs, .75rem)}.cb-kanban-timeline__cell{grid-row:1 / -1;border-left:1px solid var(--cb-color-border)}.cb-kanban-timeline__cell--weekend{background:var(--cb-color-surface-subtle)}.cb-kanban-timeline__cell--target{background:color-mix(in srgb,var(--cb-color-primary) 12%,transparent)}.cb-kanban-timeline__now{z-index:1;grid-row:1 / -1;justify-self:center;width:2px;background:color-mix(in srgb,var(--cb-color-primary) 60%,transparent);pointer-events:none}.cb-kanban-timeline__bar{position:relative;z-index:1;display:flex;align-items:center;align-self:center;gap:.375rem;min-width:0;height:2.25rem;margin:0 .125rem;padding:0 .5rem;overflow:hidden;border:0;border-radius:var(--cb-radius-sm, 4px);background:color-mix(in srgb,var(--cb-kanban-color, var(--cb-color-primary)) 70%,var(--cb-color-surface));color:var(--cb-color-text);font:inherit;font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-medium, 500);line-height:1.25;text-align:left;cursor:pointer}.cb-kanban-timeline__bar:hover{background:color-mix(in srgb,var(--cb-kanban-color, var(--cb-color-primary)) 82%,var(--cb-color-surface))}.cb-kanban-timeline__bar--movable{touch-action:pan-y}.cb-kanban-timeline__bar--before{margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.cb-kanban-timeline__bar--after{margin-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.cb-kanban-timeline__bar--dragging{box-shadow:var(--cb-shadow-lg);cursor:grabbing;opacity:.85}.cb-kanban-timeline__bar--completed{opacity:.6}.cb-kanban-timeline__bar--completed .cb-kanban-timeline__bar-title{text-decoration:line-through}.cb-kanban-timeline__bar-title{display:-webkit-box;min-width:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word}.cb-kanban-timeline__outside{z-index:1;align-self:center;min-width:0;padding:0 .375rem;overflow:hidden;color:var(--cb-color-text);font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.cb-kanban-timeline__outside--completed{color:var(--cb-color-text-muted);text-decoration:line-through}.cb-kanban-timeline__handle{position:absolute;top:0;bottom:0;width:.5rem;cursor:ew-resize}.cb-kanban-timeline__handle--start{left:0}.cb-kanban-timeline__handle--end{right:0}.cb-kanban-timeline__handle:hover{background:color-mix(in srgb,var(--cb-color-text) 18%,transparent)}.cb-kanban-timeline__avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;overflow:hidden;border-radius:50%;background:var(--cb-color-primary-100, var(--cb-color-surface-hover));color:var(--cb-color-primary-700, var(--cb-color-text));font-size:.5625rem;font-weight:var(--cb-font-weight-semibold, 600)}.cb-kanban-timeline__avatar img{width:100%;height:100%;object-fit:cover}.cb-kanban-timeline__add-section{display:inline-flex;align-items:center;gap:.375rem;margin-top:.5rem;padding:.375rem .75rem;border:0;border-radius:var(--cb-radius-md, 6px);background:transparent;color:var(--cb-color-text-muted);font:inherit;cursor:pointer}.cb-kanban-timeline__btn:focus-visible,.cb-kanban-timeline__icon-btn:focus-visible,.cb-kanban-timeline__undated-item:focus-visible,.cb-kanban-timeline__toggle:focus-visible,.cb-kanban-timeline__add:focus-visible,.cb-kanban-timeline__add-section:focus-visible,.cb-kanban-timeline__bar:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:1px}button:disabled{cursor:not-allowed;opacity:.55}.cb-kanban-timeline__sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}\n"], dependencies: [{ kind: "component", type: CbIcon, selector: "cb-icon", inputs: ["name", "size", "spin", "ariaLabel"] }, { kind: "component", type: CbKanbanDetails, selector: "cb-kanban-details", inputs: ["view"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
3934
+ `, isInline: true, styles: [":host{display:block;min-width:0;color:var(--cb-color-text);font-family:var(--cb-font-sans);font-size:var(--cb-text-sm, .875rem)}.cb-kanban-timeline__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:.75rem}.cb-kanban-timeline__nav{display:flex;flex:1;align-items:center;gap:.25rem;min-width:0}.cb-kanban-timeline__range{margin-left:.5rem;color:var(--cb-color-text-muted);white-space:nowrap}.cb-kanban-timeline__zoom{display:flex;align-items:center;gap:.125rem;color:var(--cb-color-text-muted)}.cb-kanban-timeline__zoom>span{margin-right:.25rem}.cb-kanban-timeline__btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px solid var(--cb-color-border-strong);border-radius:var(--cb-radius-md, 6px);background:transparent;color:var(--cb-color-text);font:inherit;font-weight:var(--cb-font-weight-medium, 500);cursor:pointer}.cb-kanban-timeline__btn--ghost{border-color:transparent}.cb-kanban-timeline__btn:hover:not(:disabled),.cb-kanban-timeline__icon-btn:hover:not(:disabled),.cb-kanban-timeline__toggle:hover,.cb-kanban-timeline__add:hover,.cb-kanban-timeline__add-section:hover:not(:disabled){background:var(--cb-color-surface-hover)}.cb-kanban-timeline__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:0;border-radius:var(--cb-radius-md, 6px);background:transparent;color:var(--cb-color-text-muted);cursor:pointer}.cb-kanban-timeline__undated-btn{color:var(--cb-color-text-muted)}.cb-kanban-timeline__undated{display:flex;flex-wrap:wrap;gap:.375rem;margin:0 0 .75rem;padding:.5rem;border:1px dashed var(--cb-color-border-strong);border-radius:var(--cb-radius-md, 6px);list-style:none}.cb-kanban-timeline__undated-item{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .625rem;border:1px solid var(--cb-color-border);border-left:3px solid var(--cb-kanban-color, var(--cb-color-primary));border-radius:var(--cb-radius-sm, 4px);background:var(--cb-color-surface-raised);color:inherit;font:inherit;cursor:pointer}.cb-kanban-timeline__undated-column{color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem)}.cb-kanban-timeline__scroll{overflow-x:auto;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-lg, 10px)}.cb-kanban-timeline__sheet{width:max-content;min-width:100%}.cb-kanban-timeline__head,.cb-kanban-timeline__section{display:grid}.cb-kanban-timeline__head{grid-template-rows:1.75rem 1.75rem;border-bottom:1px solid var(--cb-color-border);color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem)}.cb-kanban-timeline__corner{position:sticky;left:0;z-index:3;grid-column:1;grid-row:1 / -1;border-right:1px solid var(--cb-color-border);background:var(--cb-color-surface)}.cb-kanban-timeline__month{grid-row:1;padding:.375rem .5rem 0;overflow:hidden;border-left:1px solid var(--cb-color-border);color:var(--cb-color-text);font-weight:var(--cb-font-weight-medium, 500);white-space:nowrap}.cb-kanban-timeline__day{display:flex;grid-row:2;align-items:center;justify-content:center;border-left:1px solid var(--cb-color-border);font-variant-numeric:tabular-nums}.cb-kanban-timeline__day--weekend{background:var(--cb-color-surface-subtle)}.cb-kanban-timeline__day--today{position:relative;color:var(--cb-color-primary-text);font-weight:var(--cb-font-weight-semibold, 600)}.cb-kanban-timeline__day--today:after{content:\"\";position:absolute;bottom:-.25rem;left:50%;width:.5rem;height:.5rem;border-radius:50%;background:var(--cb-color-primary);transform:translate(-50%)}.cb-kanban-timeline__section{row-gap:0}.cb-kanban-timeline__section+.cb-kanban-timeline__section{border-top:1px solid var(--cb-color-border)}.cb-kanban-timeline__side{position:sticky;left:0;z-index:2;display:flex;flex-direction:column;gap:.25rem;grid-column:1;grid-row:1 / -1;min-width:0;padding:.375rem .5rem;border-right:1px solid var(--cb-color-border);background:var(--cb-color-surface)}.cb-kanban-timeline__toggle{display:flex;align-items:center;gap:.375rem;width:100%;min-height:2rem;padding:0 .375rem;border:0;border-radius:var(--cb-radius-md, 6px);background:transparent;color:var(--cb-color-text);font:inherit;font-weight:var(--cb-font-weight-semibold, 600);text-align:left;cursor:pointer}.cb-kanban-timeline__section-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-kanban-timeline__count{color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-medium, 500)}.cb-kanban-timeline__count--over{color:var(--cb-color-danger-600, var(--cb-color-danger))}.cb-kanban-timeline__add{display:inline-flex;align-items:center;align-self:flex-start;gap:.25rem;padding:.25rem .5rem;border:0;border-radius:var(--cb-radius-sm, 4px);background:transparent;color:var(--cb-color-text-muted);font:inherit;font-size:var(--cb-text-xs, .75rem);cursor:pointer}.cb-kanban-timeline__composer{box-sizing:border-box;width:100%;padding:.25rem .5rem;border:1px solid var(--cb-color-primary);border-radius:var(--cb-radius-sm, 4px);background:var(--cb-color-bg, var(--cb-color-surface-raised));color:inherit;font:inherit;font-size:var(--cb-text-xs, .75rem)}.cb-kanban-timeline__cell{grid-row:1 / -1;border-left:1px solid var(--cb-color-border)}.cb-kanban-timeline__cell--weekend{background:var(--cb-color-surface-subtle)}.cb-kanban-timeline__cell--target{background:color-mix(in srgb,var(--cb-color-primary) 12%,transparent)}.cb-kanban-timeline__now{z-index:1;grid-row:1 / -1;justify-self:center;width:2px;background:color-mix(in srgb,var(--cb-color-primary) 60%,transparent);pointer-events:none}.cb-kanban-timeline__bar{position:relative;z-index:1;display:flex;align-items:center;align-self:center;gap:.375rem;min-width:0;height:2.25rem;margin:0 .125rem;padding:0 .5rem;overflow:hidden;border:0;border-radius:var(--cb-radius-sm, 4px);background:color-mix(in srgb,var(--cb-kanban-color, var(--cb-color-primary)) 70%,var(--cb-color-surface));color:var(--cb-color-text);font:inherit;font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-medium, 500);line-height:1.25;text-align:left;cursor:pointer}.cb-kanban-timeline__bar:hover{background:color-mix(in srgb,var(--cb-kanban-color, var(--cb-color-primary)) 82%,var(--cb-color-surface))}.cb-kanban-timeline__bar--movable{touch-action:pan-y}.cb-kanban-timeline__bar--before{margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.cb-kanban-timeline__bar--after{margin-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.cb-kanban-timeline__bar--dragging{box-shadow:var(--cb-shadow-lg);cursor:grabbing;opacity:.85}.cb-kanban-timeline__bar--completed{opacity:.6}.cb-kanban-timeline__bar--completed .cb-kanban-timeline__bar-title{text-decoration:line-through}.cb-kanban-timeline__bar-title{display:-webkit-box;min-width:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word}.cb-kanban-timeline__outside{z-index:1;align-self:center;min-width:0;padding:0 .375rem;overflow:hidden;color:var(--cb-color-text);font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.cb-kanban-timeline__outside--completed{color:var(--cb-color-text-muted);text-decoration:line-through}.cb-kanban-timeline__handle{position:absolute;top:0;bottom:0;width:.5rem;cursor:ew-resize}.cb-kanban-timeline__handle--start{left:0}.cb-kanban-timeline__handle--end{right:0}.cb-kanban-timeline__handle:hover{background:color-mix(in srgb,var(--cb-color-text) 18%,transparent)}.cb-kanban-timeline__avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;overflow:hidden;border-radius:50%;background:var(--cb-color-primary-100, var(--cb-color-surface-hover));color:var(--cb-color-primary-700, var(--cb-color-text));font-size:.5625rem;font-weight:var(--cb-font-weight-semibold, 600)}.cb-kanban-timeline__avatar img{width:100%;height:100%;object-fit:cover}.cb-kanban-timeline__add-section{display:inline-flex;align-items:center;gap:.375rem;margin-top:.5rem;padding:.375rem .75rem;border:0;border-radius:var(--cb-radius-md, 6px);background:transparent;color:var(--cb-color-text-muted);font:inherit;cursor:pointer}.cb-kanban-timeline__btn:focus-visible,.cb-kanban-timeline__icon-btn:focus-visible,.cb-kanban-timeline__undated-item:focus-visible,.cb-kanban-timeline__toggle:focus-visible,.cb-kanban-timeline__add:focus-visible,.cb-kanban-timeline__add-section:focus-visible,.cb-kanban-timeline__bar:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:1px}button:disabled{cursor:not-allowed;opacity:.55}.cb-kanban-timeline__sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}\n"], dependencies: [{ kind: "component", type: CbIcon, selector: "cb-icon", inputs: ["name", "size", "spin", "ariaLabel"] }, { kind: "component", type: CbKanbanDetails, selector: "cb-kanban-details", inputs: ["view"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
3935
3935
  }
3936
3936
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbKanbanTimeline, decorators: [{
3937
3937
  type: Component,
@@ -4143,7 +4143,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
4143
4143
  @if (details()) {
4144
4144
  <cb-kanban-details [view]="this" />
4145
4145
  }
4146
- `, styles: [":host{display:block;min-width:0;color:var(--cb-color-text);font-family:var(--cb-font-sans);font-size:var(--cb-text-sm, .875rem)}.cb-kanban-timeline__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:.75rem}.cb-kanban-timeline__nav{display:flex;flex:1;align-items:center;gap:.25rem;min-width:0}.cb-kanban-timeline__range{margin-left:.5rem;color:var(--cb-color-text-muted);white-space:nowrap}.cb-kanban-timeline__zoom{display:flex;align-items:center;gap:.125rem;color:var(--cb-color-text-muted)}.cb-kanban-timeline__zoom>span{margin-right:.25rem}.cb-kanban-timeline__btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px solid var(--cb-color-border-strong);border-radius:var(--cb-radius-md, 6px);background:transparent;color:var(--cb-color-text);font:inherit;font-weight:var(--cb-font-weight-medium, 500);cursor:pointer}.cb-kanban-timeline__btn--ghost{border-color:transparent}.cb-kanban-timeline__btn:hover:not(:disabled),.cb-kanban-timeline__icon-btn:hover:not(:disabled),.cb-kanban-timeline__toggle:hover,.cb-kanban-timeline__add:hover,.cb-kanban-timeline__add-section:hover:not(:disabled){background:var(--cb-color-surface-hover)}.cb-kanban-timeline__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:0;border-radius:var(--cb-radius-md, 6px);background:transparent;color:var(--cb-color-text-muted);cursor:pointer}.cb-kanban-timeline__undated-btn{color:var(--cb-color-text-muted)}.cb-kanban-timeline__undated{display:flex;flex-wrap:wrap;gap:.375rem;margin:0 0 .75rem;padding:.5rem;border:1px dashed var(--cb-color-border-strong);border-radius:var(--cb-radius-md, 6px);list-style:none}.cb-kanban-timeline__undated-item{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .625rem;border:1px solid var(--cb-color-border);border-left:3px solid var(--cb-kanban-color, var(--cb-color-primary));border-radius:var(--cb-radius-sm, 4px);background:var(--cb-color-surface-raised);color:inherit;font:inherit;cursor:pointer}.cb-kanban-timeline__undated-column{color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem)}.cb-kanban-timeline__scroll{overflow-x:auto;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-lg, 10px)}.cb-kanban-timeline__sheet{width:max-content;min-width:100%}.cb-kanban-timeline__head,.cb-kanban-timeline__section{display:grid}.cb-kanban-timeline__head{grid-template-rows:1.75rem 1.75rem;border-bottom:1px solid var(--cb-color-border);color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem)}.cb-kanban-timeline__corner{position:sticky;left:0;z-index:3;grid-column:1;grid-row:1 / -1;border-right:1px solid var(--cb-color-border);background:var(--cb-color-surface)}.cb-kanban-timeline__month{grid-row:1;padding:.375rem .5rem 0;overflow:hidden;border-left:1px solid var(--cb-color-border);color:var(--cb-color-text);font-weight:var(--cb-font-weight-medium, 500);white-space:nowrap}.cb-kanban-timeline__day{display:flex;grid-row:2;align-items:center;justify-content:center;border-left:1px solid var(--cb-color-border);font-variant-numeric:tabular-nums}.cb-kanban-timeline__day--weekend{background:var(--cb-color-surface-subtle)}.cb-kanban-timeline__day--today{position:relative;color:var(--cb-color-primary);font-weight:var(--cb-font-weight-semibold, 600)}.cb-kanban-timeline__day--today:after{content:\"\";position:absolute;bottom:-.25rem;left:50%;width:.5rem;height:.5rem;border-radius:50%;background:var(--cb-color-primary);transform:translate(-50%)}.cb-kanban-timeline__section{row-gap:0}.cb-kanban-timeline__section+.cb-kanban-timeline__section{border-top:1px solid var(--cb-color-border)}.cb-kanban-timeline__side{position:sticky;left:0;z-index:2;display:flex;flex-direction:column;gap:.25rem;grid-column:1;grid-row:1 / -1;min-width:0;padding:.375rem .5rem;border-right:1px solid var(--cb-color-border);background:var(--cb-color-surface)}.cb-kanban-timeline__toggle{display:flex;align-items:center;gap:.375rem;width:100%;min-height:2rem;padding:0 .375rem;border:0;border-radius:var(--cb-radius-md, 6px);background:transparent;color:var(--cb-color-text);font:inherit;font-weight:var(--cb-font-weight-semibold, 600);text-align:left;cursor:pointer}.cb-kanban-timeline__section-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-kanban-timeline__count{color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-medium, 500)}.cb-kanban-timeline__count--over{color:var(--cb-color-danger-600, var(--cb-color-danger))}.cb-kanban-timeline__add{display:inline-flex;align-items:center;align-self:flex-start;gap:.25rem;padding:.25rem .5rem;border:0;border-radius:var(--cb-radius-sm, 4px);background:transparent;color:var(--cb-color-text-muted);font:inherit;font-size:var(--cb-text-xs, .75rem);cursor:pointer}.cb-kanban-timeline__composer{box-sizing:border-box;width:100%;padding:.25rem .5rem;border:1px solid var(--cb-color-primary);border-radius:var(--cb-radius-sm, 4px);background:var(--cb-color-bg, var(--cb-color-surface-raised));color:inherit;font:inherit;font-size:var(--cb-text-xs, .75rem)}.cb-kanban-timeline__cell{grid-row:1 / -1;border-left:1px solid var(--cb-color-border)}.cb-kanban-timeline__cell--weekend{background:var(--cb-color-surface-subtle)}.cb-kanban-timeline__cell--target{background:color-mix(in srgb,var(--cb-color-primary) 12%,transparent)}.cb-kanban-timeline__now{z-index:1;grid-row:1 / -1;justify-self:center;width:2px;background:color-mix(in srgb,var(--cb-color-primary) 60%,transparent);pointer-events:none}.cb-kanban-timeline__bar{position:relative;z-index:1;display:flex;align-items:center;align-self:center;gap:.375rem;min-width:0;height:2.25rem;margin:0 .125rem;padding:0 .5rem;overflow:hidden;border:0;border-radius:var(--cb-radius-sm, 4px);background:color-mix(in srgb,var(--cb-kanban-color, var(--cb-color-primary)) 70%,var(--cb-color-surface));color:var(--cb-color-text);font:inherit;font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-medium, 500);line-height:1.25;text-align:left;cursor:pointer}.cb-kanban-timeline__bar:hover{background:color-mix(in srgb,var(--cb-kanban-color, var(--cb-color-primary)) 82%,var(--cb-color-surface))}.cb-kanban-timeline__bar--movable{touch-action:pan-y}.cb-kanban-timeline__bar--before{margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.cb-kanban-timeline__bar--after{margin-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.cb-kanban-timeline__bar--dragging{box-shadow:var(--cb-shadow-lg);cursor:grabbing;opacity:.85}.cb-kanban-timeline__bar--completed{opacity:.6}.cb-kanban-timeline__bar--completed .cb-kanban-timeline__bar-title{text-decoration:line-through}.cb-kanban-timeline__bar-title{display:-webkit-box;min-width:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word}.cb-kanban-timeline__outside{z-index:1;align-self:center;min-width:0;padding:0 .375rem;overflow:hidden;color:var(--cb-color-text);font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.cb-kanban-timeline__outside--completed{color:var(--cb-color-text-muted);text-decoration:line-through}.cb-kanban-timeline__handle{position:absolute;top:0;bottom:0;width:.5rem;cursor:ew-resize}.cb-kanban-timeline__handle--start{left:0}.cb-kanban-timeline__handle--end{right:0}.cb-kanban-timeline__handle:hover{background:color-mix(in srgb,var(--cb-color-text) 18%,transparent)}.cb-kanban-timeline__avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;overflow:hidden;border-radius:50%;background:var(--cb-color-primary-100, var(--cb-color-surface-hover));color:var(--cb-color-primary-700, var(--cb-color-text));font-size:.5625rem;font-weight:var(--cb-font-weight-semibold, 600)}.cb-kanban-timeline__avatar img{width:100%;height:100%;object-fit:cover}.cb-kanban-timeline__add-section{display:inline-flex;align-items:center;gap:.375rem;margin-top:.5rem;padding:.375rem .75rem;border:0;border-radius:var(--cb-radius-md, 6px);background:transparent;color:var(--cb-color-text-muted);font:inherit;cursor:pointer}.cb-kanban-timeline__btn:focus-visible,.cb-kanban-timeline__icon-btn:focus-visible,.cb-kanban-timeline__undated-item:focus-visible,.cb-kanban-timeline__toggle:focus-visible,.cb-kanban-timeline__add:focus-visible,.cb-kanban-timeline__add-section:focus-visible,.cb-kanban-timeline__bar:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:1px}button:disabled{cursor:not-allowed;opacity:.55}.cb-kanban-timeline__sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}\n"] }]
4146
+ `, styles: [":host{display:block;min-width:0;color:var(--cb-color-text);font-family:var(--cb-font-sans);font-size:var(--cb-text-sm, .875rem)}.cb-kanban-timeline__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:.75rem}.cb-kanban-timeline__nav{display:flex;flex:1;align-items:center;gap:.25rem;min-width:0}.cb-kanban-timeline__range{margin-left:.5rem;color:var(--cb-color-text-muted);white-space:nowrap}.cb-kanban-timeline__zoom{display:flex;align-items:center;gap:.125rem;color:var(--cb-color-text-muted)}.cb-kanban-timeline__zoom>span{margin-right:.25rem}.cb-kanban-timeline__btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px solid var(--cb-color-border-strong);border-radius:var(--cb-radius-md, 6px);background:transparent;color:var(--cb-color-text);font:inherit;font-weight:var(--cb-font-weight-medium, 500);cursor:pointer}.cb-kanban-timeline__btn--ghost{border-color:transparent}.cb-kanban-timeline__btn:hover:not(:disabled),.cb-kanban-timeline__icon-btn:hover:not(:disabled),.cb-kanban-timeline__toggle:hover,.cb-kanban-timeline__add:hover,.cb-kanban-timeline__add-section:hover:not(:disabled){background:var(--cb-color-surface-hover)}.cb-kanban-timeline__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:0;border-radius:var(--cb-radius-md, 6px);background:transparent;color:var(--cb-color-text-muted);cursor:pointer}.cb-kanban-timeline__undated-btn{color:var(--cb-color-text-muted)}.cb-kanban-timeline__undated{display:flex;flex-wrap:wrap;gap:.375rem;margin:0 0 .75rem;padding:.5rem;border:1px dashed var(--cb-color-border-strong);border-radius:var(--cb-radius-md, 6px);list-style:none}.cb-kanban-timeline__undated-item{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .625rem;border:1px solid var(--cb-color-border);border-left:3px solid var(--cb-kanban-color, var(--cb-color-primary));border-radius:var(--cb-radius-sm, 4px);background:var(--cb-color-surface-raised);color:inherit;font:inherit;cursor:pointer}.cb-kanban-timeline__undated-column{color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem)}.cb-kanban-timeline__scroll{overflow-x:auto;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-lg, 10px)}.cb-kanban-timeline__sheet{width:max-content;min-width:100%}.cb-kanban-timeline__head,.cb-kanban-timeline__section{display:grid}.cb-kanban-timeline__head{grid-template-rows:1.75rem 1.75rem;border-bottom:1px solid var(--cb-color-border);color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem)}.cb-kanban-timeline__corner{position:sticky;left:0;z-index:3;grid-column:1;grid-row:1 / -1;border-right:1px solid var(--cb-color-border);background:var(--cb-color-surface)}.cb-kanban-timeline__month{grid-row:1;padding:.375rem .5rem 0;overflow:hidden;border-left:1px solid var(--cb-color-border);color:var(--cb-color-text);font-weight:var(--cb-font-weight-medium, 500);white-space:nowrap}.cb-kanban-timeline__day{display:flex;grid-row:2;align-items:center;justify-content:center;border-left:1px solid var(--cb-color-border);font-variant-numeric:tabular-nums}.cb-kanban-timeline__day--weekend{background:var(--cb-color-surface-subtle)}.cb-kanban-timeline__day--today{position:relative;color:var(--cb-color-primary-text);font-weight:var(--cb-font-weight-semibold, 600)}.cb-kanban-timeline__day--today:after{content:\"\";position:absolute;bottom:-.25rem;left:50%;width:.5rem;height:.5rem;border-radius:50%;background:var(--cb-color-primary);transform:translate(-50%)}.cb-kanban-timeline__section{row-gap:0}.cb-kanban-timeline__section+.cb-kanban-timeline__section{border-top:1px solid var(--cb-color-border)}.cb-kanban-timeline__side{position:sticky;left:0;z-index:2;display:flex;flex-direction:column;gap:.25rem;grid-column:1;grid-row:1 / -1;min-width:0;padding:.375rem .5rem;border-right:1px solid var(--cb-color-border);background:var(--cb-color-surface)}.cb-kanban-timeline__toggle{display:flex;align-items:center;gap:.375rem;width:100%;min-height:2rem;padding:0 .375rem;border:0;border-radius:var(--cb-radius-md, 6px);background:transparent;color:var(--cb-color-text);font:inherit;font-weight:var(--cb-font-weight-semibold, 600);text-align:left;cursor:pointer}.cb-kanban-timeline__section-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-kanban-timeline__count{color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-medium, 500)}.cb-kanban-timeline__count--over{color:var(--cb-color-danger-600, var(--cb-color-danger))}.cb-kanban-timeline__add{display:inline-flex;align-items:center;align-self:flex-start;gap:.25rem;padding:.25rem .5rem;border:0;border-radius:var(--cb-radius-sm, 4px);background:transparent;color:var(--cb-color-text-muted);font:inherit;font-size:var(--cb-text-xs, .75rem);cursor:pointer}.cb-kanban-timeline__composer{box-sizing:border-box;width:100%;padding:.25rem .5rem;border:1px solid var(--cb-color-primary);border-radius:var(--cb-radius-sm, 4px);background:var(--cb-color-bg, var(--cb-color-surface-raised));color:inherit;font:inherit;font-size:var(--cb-text-xs, .75rem)}.cb-kanban-timeline__cell{grid-row:1 / -1;border-left:1px solid var(--cb-color-border)}.cb-kanban-timeline__cell--weekend{background:var(--cb-color-surface-subtle)}.cb-kanban-timeline__cell--target{background:color-mix(in srgb,var(--cb-color-primary) 12%,transparent)}.cb-kanban-timeline__now{z-index:1;grid-row:1 / -1;justify-self:center;width:2px;background:color-mix(in srgb,var(--cb-color-primary) 60%,transparent);pointer-events:none}.cb-kanban-timeline__bar{position:relative;z-index:1;display:flex;align-items:center;align-self:center;gap:.375rem;min-width:0;height:2.25rem;margin:0 .125rem;padding:0 .5rem;overflow:hidden;border:0;border-radius:var(--cb-radius-sm, 4px);background:color-mix(in srgb,var(--cb-kanban-color, var(--cb-color-primary)) 70%,var(--cb-color-surface));color:var(--cb-color-text);font:inherit;font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-medium, 500);line-height:1.25;text-align:left;cursor:pointer}.cb-kanban-timeline__bar:hover{background:color-mix(in srgb,var(--cb-kanban-color, var(--cb-color-primary)) 82%,var(--cb-color-surface))}.cb-kanban-timeline__bar--movable{touch-action:pan-y}.cb-kanban-timeline__bar--before{margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.cb-kanban-timeline__bar--after{margin-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.cb-kanban-timeline__bar--dragging{box-shadow:var(--cb-shadow-lg);cursor:grabbing;opacity:.85}.cb-kanban-timeline__bar--completed{opacity:.6}.cb-kanban-timeline__bar--completed .cb-kanban-timeline__bar-title{text-decoration:line-through}.cb-kanban-timeline__bar-title{display:-webkit-box;min-width:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word}.cb-kanban-timeline__outside{z-index:1;align-self:center;min-width:0;padding:0 .375rem;overflow:hidden;color:var(--cb-color-text);font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.cb-kanban-timeline__outside--completed{color:var(--cb-color-text-muted);text-decoration:line-through}.cb-kanban-timeline__handle{position:absolute;top:0;bottom:0;width:.5rem;cursor:ew-resize}.cb-kanban-timeline__handle--start{left:0}.cb-kanban-timeline__handle--end{right:0}.cb-kanban-timeline__handle:hover{background:color-mix(in srgb,var(--cb-color-text) 18%,transparent)}.cb-kanban-timeline__avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;overflow:hidden;border-radius:50%;background:var(--cb-color-primary-100, var(--cb-color-surface-hover));color:var(--cb-color-primary-700, var(--cb-color-text));font-size:.5625rem;font-weight:var(--cb-font-weight-semibold, 600)}.cb-kanban-timeline__avatar img{width:100%;height:100%;object-fit:cover}.cb-kanban-timeline__add-section{display:inline-flex;align-items:center;gap:.375rem;margin-top:.5rem;padding:.375rem .75rem;border:0;border-radius:var(--cb-radius-md, 6px);background:transparent;color:var(--cb-color-text-muted);font:inherit;cursor:pointer}.cb-kanban-timeline__btn:focus-visible,.cb-kanban-timeline__icon-btn:focus-visible,.cb-kanban-timeline__undated-item:focus-visible,.cb-kanban-timeline__toggle:focus-visible,.cb-kanban-timeline__add:focus-visible,.cb-kanban-timeline__add-section:focus-visible,.cb-kanban-timeline__bar:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:1px}button:disabled{cursor:not-allowed;opacity:.55}.cb-kanban-timeline__sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}\n"] }]
4147
4147
  }], ctorParameters: () => [], propDecorators: { viewDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewDate", required: false }] }, { type: i0.Output, args: ["viewDateChange"] }], span: [{ type: i0.Input, args: [{ isSignal: true, alias: "span", required: false }] }], zoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "zoom", required: false }] }, { type: i0.Output, args: ["zoomChange"] }], newTaskColumn: [{ type: i0.Input, args: [{ isSignal: true, alias: "newTaskColumn", required: false }] }] } });
4148
4148
 
4149
4149
  const ALL_VIEWS = ['list', 'board', 'timeline', 'dashboard', 'calendar'];
@@ -4413,7 +4413,7 @@ class CbKanbanWorkspace extends CbKanbanView {
4413
4413
  </section>
4414
4414
  }
4415
4415
  </div>
4416
- `, isInline: true, styles: [":host{display:block;box-sizing:border-box;width:100%;min-width:0;color:var(--cb-color-text);font-family:var(--cb-font-sans);font-size:var(--cb-text-sm, .875rem)}.cb-kanban-workspace__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin-bottom:1rem;border-bottom:1px solid var(--cb-color-border)}.cb-kanban-workspace__tabs{display:flex;flex-wrap:wrap;gap:.25rem}.cb-kanban-workspace__tab,.cb-kanban-workspace__layout{position:relative;padding:.5rem .75rem;border:0;border-radius:var(--cb-radius-md, 6px) var(--cb-radius-md, 6px) 0 0;background:transparent;color:var(--cb-color-text-muted);font:inherit;font-weight:var(--cb-font-weight-medium, 500);cursor:pointer}.cb-kanban-workspace__tab:hover,.cb-kanban-workspace__layout:hover{background:var(--cb-color-surface-hover);color:var(--cb-color-text)}.cb-kanban-workspace__tab--on{color:var(--cb-color-primary)}.cb-kanban-workspace__tab--on:after{content:\"\";position:absolute;right:.5rem;bottom:-1px;left:.5rem;height:2px;border-radius:2px;background:currentColor}.cb-kanban-workspace__layout{border-radius:var(--cb-radius-md, 6px);margin-bottom:.25rem;padding:.375rem .75rem;border:1px solid var(--cb-color-border-strong)}.cb-kanban-workspace__layout.cb-kanban-workspace__tab--on{border-color:var(--cb-color-primary);background:color-mix(in srgb,var(--cb-color-primary) 10%,transparent)}.cb-kanban-workspace__layout.cb-kanban-workspace__tab--on:after{content:none}.cb-kanban-workspace__panes{display:grid;gap:1.5rem}.cb-kanban-workspace__panes--side{grid-template-columns:repeat(var(--cb-kanban-workspace-panes, 2),minmax(0,1fr));align-items:start}.cb-kanban-workspace__pane{min-width:0}.cb-kanban-workspace__pane-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.cb-kanban-workspace__pane-title{font-size:var(--cb-text-base, 1rem);font-weight:var(--cb-font-weight-semibold, 600)}.cb-kanban-workspace__hide{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:0;border-radius:var(--cb-radius-md, 6px);background:transparent;color:var(--cb-color-text-muted);cursor:pointer}.cb-kanban-workspace__hide:hover{background:var(--cb-color-surface-hover);color:var(--cb-color-text)}.cb-kanban-workspace__tab:focus-visible,.cb-kanban-workspace__layout:focus-visible,.cb-kanban-workspace__hide:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:-2px}@media(max-width:960px){.cb-kanban-workspace__panes--side{grid-template-columns:minmax(0,1fr)}}.cb-kanban-workspace__sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}\n"], dependencies: [{ kind: "component", type: CbIcon, selector: "cb-icon", inputs: ["name", "size", "spin", "ariaLabel"] }, { kind: "component", type: CbKanban, selector: "cb-kanban", inputs: ["cardTemplate"] }, { kind: "component", type: CbKanbanCalendar, selector: "cb-kanban-calendar", inputs: ["viewDate", "firstDayOfWeek", "newTaskColumn"], outputs: ["viewDateChange"] }, { kind: "component", type: CbKanbanDashboard, selector: "cb-kanban-dashboard", inputs: ["widgets", "headingLevel", "chartHeight", "animate"] }, { kind: "component", type: CbKanbanList, selector: "cb-kanban-list" }, { kind: "component", type: CbKanbanTimeline, selector: "cb-kanban-timeline", inputs: ["viewDate", "span", "zoom", "newTaskColumn"], outputs: ["viewDateChange", "zoomChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
4416
+ `, isInline: true, styles: [":host{display:block;box-sizing:border-box;width:100%;min-width:0;color:var(--cb-color-text);font-family:var(--cb-font-sans);font-size:var(--cb-text-sm, .875rem)}.cb-kanban-workspace__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin-bottom:1rem;border-bottom:1px solid var(--cb-color-border)}.cb-kanban-workspace__tabs{display:flex;flex-wrap:wrap;gap:.25rem}.cb-kanban-workspace__tab,.cb-kanban-workspace__layout{position:relative;padding:.5rem .75rem;border:0;border-radius:var(--cb-radius-md, 6px) var(--cb-radius-md, 6px) 0 0;background:transparent;color:var(--cb-color-text-muted);font:inherit;font-weight:var(--cb-font-weight-medium, 500);cursor:pointer}.cb-kanban-workspace__tab:hover,.cb-kanban-workspace__layout:hover{background:var(--cb-color-surface-hover);color:var(--cb-color-text)}.cb-kanban-workspace__tab--on{color:var(--cb-color-primary-text)}.cb-kanban-workspace__tab--on:after{content:\"\";position:absolute;right:.5rem;bottom:-1px;left:.5rem;height:2px;border-radius:2px;background:currentColor}.cb-kanban-workspace__layout{border-radius:var(--cb-radius-md, 6px);margin-bottom:.25rem;padding:.375rem .75rem;border:1px solid var(--cb-color-border-strong)}.cb-kanban-workspace__layout.cb-kanban-workspace__tab--on{border-color:var(--cb-color-primary);background:color-mix(in srgb,var(--cb-color-primary) 10%,transparent)}.cb-kanban-workspace__layout.cb-kanban-workspace__tab--on:after{content:none}.cb-kanban-workspace__panes{display:grid;gap:1.5rem}.cb-kanban-workspace__panes--side{grid-template-columns:repeat(var(--cb-kanban-workspace-panes, 2),minmax(0,1fr));align-items:start}.cb-kanban-workspace__pane{min-width:0}.cb-kanban-workspace__pane-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.cb-kanban-workspace__pane-title{font-size:var(--cb-text-base, 1rem);font-weight:var(--cb-font-weight-semibold, 600)}.cb-kanban-workspace__hide{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:0;border-radius:var(--cb-radius-md, 6px);background:transparent;color:var(--cb-color-text-muted);cursor:pointer}.cb-kanban-workspace__hide:hover{background:var(--cb-color-surface-hover);color:var(--cb-color-text)}.cb-kanban-workspace__tab:focus-visible,.cb-kanban-workspace__layout:focus-visible,.cb-kanban-workspace__hide:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:-2px}@media(max-width:960px){.cb-kanban-workspace__panes--side{grid-template-columns:minmax(0,1fr)}}.cb-kanban-workspace__sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}\n"], dependencies: [{ kind: "component", type: CbIcon, selector: "cb-icon", inputs: ["name", "size", "spin", "ariaLabel"] }, { kind: "component", type: CbKanban, selector: "cb-kanban", inputs: ["cardTemplate"] }, { kind: "component", type: CbKanbanCalendar, selector: "cb-kanban-calendar", inputs: ["viewDate", "firstDayOfWeek", "newTaskColumn"], outputs: ["viewDateChange"] }, { kind: "component", type: CbKanbanDashboard, selector: "cb-kanban-dashboard", inputs: ["widgets", "headingLevel", "chartHeight", "animate"] }, { kind: "component", type: CbKanbanList, selector: "cb-kanban-list" }, { kind: "component", type: CbKanbanTimeline, selector: "cb-kanban-timeline", inputs: ["viewDate", "span", "zoom", "newTaskColumn"], outputs: ["viewDateChange", "zoomChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
4417
4417
  }
4418
4418
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbKanbanWorkspace, decorators: [{
4419
4419
  type: Component,
@@ -4598,7 +4598,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
4598
4598
  </section>
4599
4599
  }
4600
4600
  </div>
4601
- `, styles: [":host{display:block;box-sizing:border-box;width:100%;min-width:0;color:var(--cb-color-text);font-family:var(--cb-font-sans);font-size:var(--cb-text-sm, .875rem)}.cb-kanban-workspace__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin-bottom:1rem;border-bottom:1px solid var(--cb-color-border)}.cb-kanban-workspace__tabs{display:flex;flex-wrap:wrap;gap:.25rem}.cb-kanban-workspace__tab,.cb-kanban-workspace__layout{position:relative;padding:.5rem .75rem;border:0;border-radius:var(--cb-radius-md, 6px) var(--cb-radius-md, 6px) 0 0;background:transparent;color:var(--cb-color-text-muted);font:inherit;font-weight:var(--cb-font-weight-medium, 500);cursor:pointer}.cb-kanban-workspace__tab:hover,.cb-kanban-workspace__layout:hover{background:var(--cb-color-surface-hover);color:var(--cb-color-text)}.cb-kanban-workspace__tab--on{color:var(--cb-color-primary)}.cb-kanban-workspace__tab--on:after{content:\"\";position:absolute;right:.5rem;bottom:-1px;left:.5rem;height:2px;border-radius:2px;background:currentColor}.cb-kanban-workspace__layout{border-radius:var(--cb-radius-md, 6px);margin-bottom:.25rem;padding:.375rem .75rem;border:1px solid var(--cb-color-border-strong)}.cb-kanban-workspace__layout.cb-kanban-workspace__tab--on{border-color:var(--cb-color-primary);background:color-mix(in srgb,var(--cb-color-primary) 10%,transparent)}.cb-kanban-workspace__layout.cb-kanban-workspace__tab--on:after{content:none}.cb-kanban-workspace__panes{display:grid;gap:1.5rem}.cb-kanban-workspace__panes--side{grid-template-columns:repeat(var(--cb-kanban-workspace-panes, 2),minmax(0,1fr));align-items:start}.cb-kanban-workspace__pane{min-width:0}.cb-kanban-workspace__pane-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.cb-kanban-workspace__pane-title{font-size:var(--cb-text-base, 1rem);font-weight:var(--cb-font-weight-semibold, 600)}.cb-kanban-workspace__hide{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:0;border-radius:var(--cb-radius-md, 6px);background:transparent;color:var(--cb-color-text-muted);cursor:pointer}.cb-kanban-workspace__hide:hover{background:var(--cb-color-surface-hover);color:var(--cb-color-text)}.cb-kanban-workspace__tab:focus-visible,.cb-kanban-workspace__layout:focus-visible,.cb-kanban-workspace__hide:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:-2px}@media(max-width:960px){.cb-kanban-workspace__panes--side{grid-template-columns:minmax(0,1fr)}}.cb-kanban-workspace__sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}\n"] }]
4601
+ `, styles: [":host{display:block;box-sizing:border-box;width:100%;min-width:0;color:var(--cb-color-text);font-family:var(--cb-font-sans);font-size:var(--cb-text-sm, .875rem)}.cb-kanban-workspace__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin-bottom:1rem;border-bottom:1px solid var(--cb-color-border)}.cb-kanban-workspace__tabs{display:flex;flex-wrap:wrap;gap:.25rem}.cb-kanban-workspace__tab,.cb-kanban-workspace__layout{position:relative;padding:.5rem .75rem;border:0;border-radius:var(--cb-radius-md, 6px) var(--cb-radius-md, 6px) 0 0;background:transparent;color:var(--cb-color-text-muted);font:inherit;font-weight:var(--cb-font-weight-medium, 500);cursor:pointer}.cb-kanban-workspace__tab:hover,.cb-kanban-workspace__layout:hover{background:var(--cb-color-surface-hover);color:var(--cb-color-text)}.cb-kanban-workspace__tab--on{color:var(--cb-color-primary-text)}.cb-kanban-workspace__tab--on:after{content:\"\";position:absolute;right:.5rem;bottom:-1px;left:.5rem;height:2px;border-radius:2px;background:currentColor}.cb-kanban-workspace__layout{border-radius:var(--cb-radius-md, 6px);margin-bottom:.25rem;padding:.375rem .75rem;border:1px solid var(--cb-color-border-strong)}.cb-kanban-workspace__layout.cb-kanban-workspace__tab--on{border-color:var(--cb-color-primary);background:color-mix(in srgb,var(--cb-color-primary) 10%,transparent)}.cb-kanban-workspace__layout.cb-kanban-workspace__tab--on:after{content:none}.cb-kanban-workspace__panes{display:grid;gap:1.5rem}.cb-kanban-workspace__panes--side{grid-template-columns:repeat(var(--cb-kanban-workspace-panes, 2),minmax(0,1fr));align-items:start}.cb-kanban-workspace__pane{min-width:0}.cb-kanban-workspace__pane-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.cb-kanban-workspace__pane-title{font-size:var(--cb-text-base, 1rem);font-weight:var(--cb-font-weight-semibold, 600)}.cb-kanban-workspace__hide{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:0;border-radius:var(--cb-radius-md, 6px);background:transparent;color:var(--cb-color-text-muted);cursor:pointer}.cb-kanban-workspace__hide:hover{background:var(--cb-color-surface-hover);color:var(--cb-color-text)}.cb-kanban-workspace__tab:focus-visible,.cb-kanban-workspace__layout:focus-visible,.cb-kanban-workspace__hide:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:-2px}@media(max-width:960px){.cb-kanban-workspace__panes--side{grid-template-columns:minmax(0,1fr)}}.cb-kanban-workspace__sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}\n"] }]
4602
4602
  }], propDecorators: { cardTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => CbKanbanCardDirective), { isSignal: true }] }], views: [{ type: i0.Input, args: [{ isSignal: true, alias: "views", required: false }] }, { type: i0.Output, args: ["viewsChange"] }], available: [{ type: i0.Input, args: [{ isSignal: true, alias: "available", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], sideBySide: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideBySide", required: false }] }, { type: i0.Output, args: ["sideBySideChange"] }], headingLevel: [{ type: i0.Input, args: [{ isSignal: true, alias: "headingLevel", required: false }] }] } });
4603
4603
 
4604
4604
  /*