@lucca-front/ng 20.3.3-rc.1 → 20.3.3-rc.3

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 (228) hide show
  1. package/callout/index.d.ts +8 -2
  2. package/chip/index.d.ts +3 -2
  3. package/clear/index.d.ts +30 -0
  4. package/code/index.d.ts +9 -0
  5. package/core-select/department/index.d.ts +1 -1
  6. package/core-select/index.d.ts +2 -10
  7. package/data-table/index.d.ts +46 -14
  8. package/dropdown/index.d.ts +1 -2
  9. package/fesm2022/lucca-front-ng-a11y.mjs +32 -32
  10. package/fesm2022/lucca-front-ng-a11y.mjs.map +1 -1
  11. package/fesm2022/lucca-front-ng-animations.mjs.map +1 -1
  12. package/fesm2022/lucca-front-ng-api.mjs +58 -59
  13. package/fesm2022/lucca-front-ng-api.mjs.map +1 -1
  14. package/fesm2022/lucca-front-ng-app-layout.mjs +6 -6
  15. package/fesm2022/lucca-front-ng-app-layout.mjs.map +1 -1
  16. package/fesm2022/lucca-front-ng-box.mjs +8 -8
  17. package/fesm2022/lucca-front-ng-box.mjs.map +1 -1
  18. package/fesm2022/lucca-front-ng-breadcrumbs.mjs +14 -14
  19. package/fesm2022/lucca-front-ng-breadcrumbs.mjs.map +1 -1
  20. package/fesm2022/lucca-front-ng-button.mjs +12 -7
  21. package/fesm2022/lucca-front-ng-button.mjs.map +1 -1
  22. package/fesm2022/lucca-front-ng-callout.mjs +116 -64
  23. package/fesm2022/lucca-front-ng-callout.mjs.map +1 -1
  24. package/fesm2022/lucca-front-ng-chip.mjs +28 -24
  25. package/fesm2022/lucca-front-ng-chip.mjs.map +1 -1
  26. package/fesm2022/lucca-front-ng-clear.mjs +94 -0
  27. package/fesm2022/lucca-front-ng-clear.mjs.map +1 -0
  28. package/fesm2022/lucca-front-ng-code.mjs +21 -0
  29. package/fesm2022/lucca-front-ng-code.mjs.map +1 -0
  30. package/fesm2022/lucca-front-ng-comment.mjs +31 -31
  31. package/fesm2022/lucca-front-ng-comment.mjs.map +1 -1
  32. package/fesm2022/lucca-front-ng-container.mjs +8 -8
  33. package/fesm2022/lucca-front-ng-container.mjs.map +1 -1
  34. package/fesm2022/lucca-front-ng-core-select-api.mjs +14 -16
  35. package/fesm2022/lucca-front-ng-core-select-api.mjs.map +1 -1
  36. package/fesm2022/lucca-front-ng-core-select-department.mjs +16 -18
  37. package/fesm2022/lucca-front-ng-core-select-department.mjs.map +1 -1
  38. package/fesm2022/lucca-front-ng-core-select-establishment.mjs +19 -22
  39. package/fesm2022/lucca-front-ng-core-select-establishment.mjs.map +1 -1
  40. package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs +12 -14
  41. package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs.map +1 -1
  42. package/fesm2022/lucca-front-ng-core-select-user.mjs +55 -58
  43. package/fesm2022/lucca-front-ng-core-select-user.mjs.map +1 -1
  44. package/fesm2022/lucca-front-ng-core-select.mjs +103 -130
  45. package/fesm2022/lucca-front-ng-core-select.mjs.map +1 -1
  46. package/fesm2022/lucca-front-ng-core.mjs +15 -17
  47. package/fesm2022/lucca-front-ng-core.mjs.map +1 -1
  48. package/fesm2022/lucca-front-ng-data-table.mjs +219 -86
  49. package/fesm2022/lucca-front-ng-data-table.mjs.map +1 -1
  50. package/fesm2022/lucca-front-ng-date.mjs +95 -97
  51. package/fesm2022/lucca-front-ng-date.mjs.map +1 -1
  52. package/fesm2022/lucca-front-ng-date2.mjs +133 -134
  53. package/fesm2022/lucca-front-ng-date2.mjs.map +1 -1
  54. package/fesm2022/lucca-front-ng-department.mjs +46 -46
  55. package/fesm2022/lucca-front-ng-department.mjs.map +1 -1
  56. package/fesm2022/lucca-front-ng-dialog.mjs +51 -55
  57. package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
  58. package/fesm2022/lucca-front-ng-divider.mjs +10 -10
  59. package/fesm2022/lucca-front-ng-divider.mjs.map +1 -1
  60. package/fesm2022/lucca-front-ng-dropdown.mjs +48 -55
  61. package/fesm2022/lucca-front-ng-dropdown.mjs.map +1 -1
  62. package/fesm2022/lucca-front-ng-empty-state.mjs +13 -9
  63. package/fesm2022/lucca-front-ng-empty-state.mjs.map +1 -1
  64. package/fesm2022/lucca-front-ng-establishment.mjs +70 -71
  65. package/fesm2022/lucca-front-ng-establishment.mjs.map +1 -1
  66. package/fesm2022/lucca-front-ng-fancy-box.mjs +4 -4
  67. package/fesm2022/lucca-front-ng-fancy-box.mjs.map +1 -1
  68. package/fesm2022/lucca-front-ng-file-upload.mjs +111 -111
  69. package/fesm2022/lucca-front-ng-file-upload.mjs.map +1 -1
  70. package/fesm2022/lucca-front-ng-filter-pills.mjs +78 -81
  71. package/fesm2022/lucca-front-ng-filter-pills.mjs.map +1 -1
  72. package/fesm2022/lucca-front-ng-footer.mjs +10 -10
  73. package/fesm2022/lucca-front-ng-footer.mjs.map +1 -1
  74. package/fesm2022/lucca-front-ng-form-field.mjs +87 -87
  75. package/fesm2022/lucca-front-ng-form-field.mjs.map +1 -1
  76. package/fesm2022/lucca-front-ng-form-header.mjs +23 -0
  77. package/fesm2022/lucca-front-ng-form-header.mjs.map +1 -0
  78. package/fesm2022/lucca-front-ng-form.mjs +24 -0
  79. package/fesm2022/lucca-front-ng-form.mjs.map +1 -0
  80. package/fesm2022/lucca-front-ng-formly.mjs +78 -77
  81. package/fesm2022/lucca-front-ng-formly.mjs.map +1 -1
  82. package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs +21 -22
  83. package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs.map +1 -1
  84. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-html.mjs.map +1 -1
  85. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs +4 -4
  86. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs.map +1 -1
  87. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-plain-text.mjs.map +1 -1
  88. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +147 -151
  89. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
  90. package/fesm2022/lucca-front-ng-forms.mjs +176 -163
  91. package/fesm2022/lucca-front-ng-forms.mjs.map +1 -1
  92. package/fesm2022/lucca-front-ng-gauge.mjs +20 -20
  93. package/fesm2022/lucca-front-ng-gauge.mjs.map +1 -1
  94. package/fesm2022/lucca-front-ng-grid.mjs +25 -26
  95. package/fesm2022/lucca-front-ng-grid.mjs.map +1 -1
  96. package/fesm2022/lucca-front-ng-highlight-data.mjs +20 -20
  97. package/fesm2022/lucca-front-ng-highlight-data.mjs.map +1 -1
  98. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs +13 -13
  99. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs.map +1 -1
  100. package/fesm2022/lucca-front-ng-icon.mjs +6 -6
  101. package/fesm2022/lucca-front-ng-icon.mjs.map +1 -1
  102. package/fesm2022/lucca-front-ng-inline-message.mjs +4 -4
  103. package/fesm2022/lucca-front-ng-inline-message.mjs.map +1 -1
  104. package/fesm2022/lucca-front-ng-input.mjs +63 -59
  105. package/fesm2022/lucca-front-ng-input.mjs.map +1 -1
  106. package/fesm2022/lucca-front-ng-link.mjs +15 -26
  107. package/fesm2022/lucca-front-ng-link.mjs.map +1 -1
  108. package/fesm2022/lucca-front-ng-listbox.mjs +30 -30
  109. package/fesm2022/lucca-front-ng-listbox.mjs.map +1 -1
  110. package/fesm2022/lucca-front-ng-listing.mjs +16 -16
  111. package/fesm2022/lucca-front-ng-listing.mjs.map +1 -1
  112. package/fesm2022/lucca-front-ng-loading.mjs +10 -10
  113. package/fesm2022/lucca-front-ng-loading.mjs.map +1 -1
  114. package/fesm2022/lucca-front-ng-main-layout.mjs +12 -13
  115. package/fesm2022/lucca-front-ng-main-layout.mjs.map +1 -1
  116. package/fesm2022/lucca-front-ng-mobile-push.mjs +39 -31
  117. package/fesm2022/lucca-front-ng-mobile-push.mjs.map +1 -1
  118. package/fesm2022/lucca-front-ng-modal.mjs +50 -50
  119. package/fesm2022/lucca-front-ng-modal.mjs.map +1 -1
  120. package/fesm2022/lucca-front-ng-multi-select.mjs +200 -217
  121. package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
  122. package/fesm2022/lucca-front-ng-new-badge.mjs +4 -4
  123. package/fesm2022/lucca-front-ng-new-badge.mjs.map +1 -1
  124. package/fesm2022/lucca-front-ng-number-format.mjs +11 -13
  125. package/fesm2022/lucca-front-ng-number-format.mjs.map +1 -1
  126. package/fesm2022/lucca-front-ng-number.mjs +7 -8
  127. package/fesm2022/lucca-front-ng-number.mjs.map +1 -1
  128. package/fesm2022/lucca-front-ng-numeric-badge.mjs +22 -10
  129. package/fesm2022/lucca-front-ng-numeric-badge.mjs.map +1 -1
  130. package/fesm2022/lucca-front-ng-option.mjs +227 -234
  131. package/fesm2022/lucca-front-ng-option.mjs.map +1 -1
  132. package/fesm2022/lucca-front-ng-page-header.mjs +10 -10
  133. package/fesm2022/lucca-front-ng-page-header.mjs.map +1 -1
  134. package/fesm2022/lucca-front-ng-pagination.mjs +38 -38
  135. package/fesm2022/lucca-front-ng-pagination.mjs.map +1 -1
  136. package/fesm2022/lucca-front-ng-plg-push.mjs +54 -5
  137. package/fesm2022/lucca-front-ng-plg-push.mjs.map +1 -1
  138. package/fesm2022/lucca-front-ng-popover.mjs +26 -28
  139. package/fesm2022/lucca-front-ng-popover.mjs.map +1 -1
  140. package/fesm2022/lucca-front-ng-popover2.mjs +36 -33
  141. package/fesm2022/lucca-front-ng-popover2.mjs.map +1 -1
  142. package/fesm2022/lucca-front-ng-popup.mjs +10 -10
  143. package/fesm2022/lucca-front-ng-popup.mjs.map +1 -1
  144. package/fesm2022/lucca-front-ng-progress-bar.mjs +28 -0
  145. package/fesm2022/lucca-front-ng-progress-bar.mjs.map +1 -0
  146. package/fesm2022/lucca-front-ng-read-more.mjs +32 -32
  147. package/fesm2022/lucca-front-ng-read-more.mjs.map +1 -1
  148. package/fesm2022/lucca-front-ng-safe-content.mjs +10 -11
  149. package/fesm2022/lucca-front-ng-safe-content.mjs.map +1 -1
  150. package/fesm2022/lucca-front-ng-scroll-box.mjs +46 -0
  151. package/fesm2022/lucca-front-ng-scroll-box.mjs.map +1 -0
  152. package/fesm2022/lucca-front-ng-scroll.mjs +7 -8
  153. package/fesm2022/lucca-front-ng-scroll.mjs.map +1 -1
  154. package/fesm2022/lucca-front-ng-scrollBox.mjs +1 -66
  155. package/fesm2022/lucca-front-ng-scrollBox.mjs.map +1 -1
  156. package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs +97 -0
  157. package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs.map +1 -0
  158. package/fesm2022/lucca-front-ng-segmented-control.mjs +71 -0
  159. package/fesm2022/lucca-front-ng-segmented-control.mjs.map +1 -0
  160. package/fesm2022/lucca-front-ng-segmentedControl.mjs +1 -66
  161. package/fesm2022/lucca-front-ng-segmentedControl.mjs.map +1 -1
  162. package/fesm2022/lucca-front-ng-segmentedControlTabs.mjs +1 -93
  163. package/fesm2022/lucca-front-ng-segmentedControlTabs.mjs.map +1 -1
  164. package/fesm2022/lucca-front-ng-select.mjs +21 -20
  165. package/fesm2022/lucca-front-ng-select.mjs.map +1 -1
  166. package/fesm2022/lucca-front-ng-sidepanel.mjs +7 -7
  167. package/fesm2022/lucca-front-ng-sidepanel.mjs.map +1 -1
  168. package/fesm2022/lucca-front-ng-simple-select.mjs +75 -70
  169. package/fesm2022/lucca-front-ng-simple-select.mjs.map +1 -1
  170. package/fesm2022/lucca-front-ng-skeleton.mjs +44 -44
  171. package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
  172. package/fesm2022/lucca-front-ng-sortable-list.mjs +43 -0
  173. package/fesm2022/lucca-front-ng-sortable-list.mjs.map +1 -0
  174. package/fesm2022/lucca-front-ng-status-badge.mjs +34 -0
  175. package/fesm2022/lucca-front-ng-status-badge.mjs.map +1 -0
  176. package/fesm2022/lucca-front-ng-statusBadge.mjs +1 -29
  177. package/fesm2022/lucca-front-ng-statusBadge.mjs.map +1 -1
  178. package/fesm2022/lucca-front-ng-table-of-content.mjs +39 -0
  179. package/fesm2022/lucca-front-ng-table-of-content.mjs.map +1 -0
  180. package/fesm2022/lucca-front-ng-tag.mjs +35 -13
  181. package/fesm2022/lucca-front-ng-tag.mjs.map +1 -1
  182. package/fesm2022/lucca-front-ng-time.mjs +119 -120
  183. package/fesm2022/lucca-front-ng-time.mjs.map +1 -1
  184. package/fesm2022/lucca-front-ng-title.mjs +10 -10
  185. package/fesm2022/lucca-front-ng-title.mjs.map +1 -1
  186. package/fesm2022/lucca-front-ng-toast.mjs +23 -23
  187. package/fesm2022/lucca-front-ng-toast.mjs.map +1 -1
  188. package/fesm2022/lucca-front-ng-tooltip.mjs +32 -33
  189. package/fesm2022/lucca-front-ng-tooltip.mjs.map +1 -1
  190. package/fesm2022/lucca-front-ng-tree-select.mjs +20 -21
  191. package/fesm2022/lucca-front-ng-tree-select.mjs.map +1 -1
  192. package/fesm2022/lucca-front-ng-user-popover.mjs +22 -26
  193. package/fesm2022/lucca-front-ng-user-popover.mjs.map +1 -1
  194. package/fesm2022/lucca-front-ng-user.mjs +109 -110
  195. package/fesm2022/lucca-front-ng-user.mjs.map +1 -1
  196. package/fesm2022/lucca-front-ng-vertical-navigation.mjs +91 -0
  197. package/fesm2022/lucca-front-ng-vertical-navigation.mjs.map +1 -0
  198. package/form/index.d.ts +9 -0
  199. package/form-field/index.d.ts +7 -6
  200. package/form-header/index.d.ts +9 -0
  201. package/forms/index.d.ts +3 -1
  202. package/forms/rich-text-input/index.d.ts +1 -3
  203. package/grid/index.d.ts +2 -2
  204. package/input/index.d.ts +23 -17
  205. package/link/index.d.ts +0 -3
  206. package/multi-select/index.d.ts +1 -0
  207. package/package.json +109 -61
  208. package/plg-push/index.d.ts +13 -1
  209. package/progress-bar/index.d.ts +14 -0
  210. package/schematics/collection.json +5 -0
  211. package/schematics/lib/angular-component-ast.js +29 -0
  212. package/schematics/lu-text-input/index.js +24 -0
  213. package/schematics/lu-text-input/migration.js +104 -0
  214. package/schematics/lu-text-input/migration.spec.js +23 -0
  215. package/schematics/lu-text-input/schema.json +23 -0
  216. package/scroll-box/index.d.ts +15 -0
  217. package/scrollBox/index.d.ts +1 -19
  218. package/segmented-control/index.d.ts +28 -0
  219. package/segmented-control-tabs/index.d.ts +34 -0
  220. package/segmentedControl/index.d.ts +1 -28
  221. package/segmentedControlTabs/index.d.ts +1 -34
  222. package/select/index.d.ts +5 -4
  223. package/simple-select/index.d.ts +2 -2
  224. package/sortable-list/index.d.ts +20 -0
  225. package/status-badge/index.d.ts +16 -0
  226. package/statusBadge/index.d.ts +1 -16
  227. package/table-of-content/index.d.ts +16 -0
  228. package/vertical-navigation/index.d.ts +42 -0
@@ -8,11 +8,11 @@ import { InputDirective } from '@lucca-front/ng/form-field';
8
8
 
9
9
  class BasePickerComponent {
10
10
  constructor() {
11
- this.step = input(null, ...(ngDevMode ? [{ debugName: "step" }] : []));
12
- this.disabled = model(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
13
- this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
14
- this.hoursIncrement = computed(() => this.getHoursIncrement(), ...(ngDevMode ? [{ debugName: "hoursIncrement" }] : []));
15
- this.minutesIncrement = computed(() => this.getMinutesIncrement(), ...(ngDevMode ? [{ debugName: "minutesIncrement" }] : []));
11
+ this.step = input(null);
12
+ this.disabled = model(false);
13
+ this.size = input();
14
+ this.hoursIncrement = computed(() => this.getHoursIncrement());
15
+ this.minutesIncrement = computed(() => this.getMinutesIncrement());
16
16
  }
17
17
  registerOnChange(fn) {
18
18
  this.onChange = fn;
@@ -35,15 +35,15 @@ class BasePickerComponent {
35
35
  this.minutesPart?.focus();
36
36
  }
37
37
  }
38
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: BasePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
39
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.12", type: BasePickerComponent, isStandalone: true, selector: "ng-component", inputs: { step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange" }, viewQueries: [{ propertyName: "hoursPart", first: true, predicate: ["hoursPart"], descendants: true }, { propertyName: "minutesPart", first: true, predicate: ["minutesPart"], descendants: true }], ngImport: i0, template: '', isInline: true }); }
38
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: BasePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
39
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.2", type: BasePickerComponent, isStandalone: true, selector: "ng-component", inputs: { step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange" }, viewQueries: [{ propertyName: "hoursPart", first: true, predicate: ["hoursPart"], descendants: true }, { propertyName: "minutesPart", first: true, predicate: ["minutesPart"], descendants: true }], ngImport: i0, template: '', isInline: true }); }
40
40
  }
41
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: BasePickerComponent, decorators: [{
41
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: BasePickerComponent, decorators: [{
42
42
  type: Component,
43
43
  args: [{
44
44
  template: '',
45
45
  }]
46
- }], propDecorators: { step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], hoursPart: [{
46
+ }], propDecorators: { hoursPart: [{
47
47
  type: ViewChild,
48
48
  args: ['hoursPart']
49
49
  }], minutesPart: [{
@@ -180,14 +180,13 @@ class RepeatOnHoldDirective {
180
180
  window.removeEventListener('mouseup', this.onWindowMouseUp);
181
181
  this.cancelAnimationFrame();
182
182
  }
183
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: RepeatOnHoldDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
184
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: RepeatOnHoldDirective, isStandalone: true, selector: "[luRepeatOnHold]", outputs: { hold: "hold" }, ngImport: i0 }); }
183
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: RepeatOnHoldDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
184
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.2", type: RepeatOnHoldDirective, isStandalone: true, selector: "[luRepeatOnHold]", outputs: { hold: "hold" }, ngImport: i0 }); }
185
185
  }
186
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: RepeatOnHoldDirective, decorators: [{
186
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: RepeatOnHoldDirective, decorators: [{
187
187
  type: Directive,
188
188
  args: [{
189
189
  selector: '[luRepeatOnHold]',
190
- standalone: true,
191
190
  }]
192
191
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { hold: [{
193
192
  type: Output
@@ -197,28 +196,28 @@ let nextId$1 = 0;
197
196
  class TimePickerPartComponent {
198
197
  constructor(locale) {
199
198
  this.locale = locale;
200
- this.label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
201
- this.decimalConf = input('2.0-0', ...(ngDevMode ? [{ debugName: "decimalConf" }] : []));
202
- this.value = model('––', ...(ngDevMode ? [{ debugName: "value" }] : []));
203
- this.display = input(...(ngDevMode ? [undefined, { debugName: "display" }] : []));
204
- this.max = input(0, ...(ngDevMode ? [{ debugName: "max", transform: numberAttribute }] : [{
205
- transform: numberAttribute,
206
- }]));
207
- this.displayArrows = input(false, ...(ngDevMode ? [{ debugName: "displayArrows", transform: booleanAttribute }] : [{
208
- transform: booleanAttribute,
209
- }]));
210
- this.isReadonly = input(false, ...(ngDevMode ? [{ debugName: "isReadonly", transform: booleanAttribute }] : [{
211
- transform: booleanAttribute,
212
- }]));
213
- this.hideValue = input(false, ...(ngDevMode ? [{ debugName: "hideValue", transform: booleanAttribute }] : [{
214
- transform: booleanAttribute,
215
- }]));
216
- this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{
217
- transform: booleanAttribute,
218
- }]));
219
- this.focused = input(false, ...(ngDevMode ? [{ debugName: "focused", transform: booleanAttribute }] : [{
220
- transform: booleanAttribute,
221
- }]));
199
+ this.label = input('');
200
+ this.decimalConf = input('2.0-0');
201
+ this.value = model('––');
202
+ this.display = input();
203
+ this.max = input(0, {
204
+ transform: numberAttribute,
205
+ });
206
+ this.displayArrows = input(false, {
207
+ transform: booleanAttribute,
208
+ });
209
+ this.isReadonly = input(false, {
210
+ transform: booleanAttribute,
211
+ });
212
+ this.hideValue = input(false, {
213
+ transform: booleanAttribute,
214
+ });
215
+ this.disabled = input(false, {
216
+ transform: booleanAttribute,
217
+ });
218
+ this.focused = input(false, {
219
+ transform: booleanAttribute,
220
+ });
222
221
  this.prevRequest = new EventEmitter();
223
222
  this.nextRequest = new EventEmitter();
224
223
  this.inputControlClick = new EventEmitter();
@@ -235,7 +234,7 @@ class TimePickerPartComponent {
235
234
  return value;
236
235
  }
237
236
  return formatNumber(value, this.locale, this.decimalConf());
238
- }, ...(ngDevMode ? [{ debugName: "valueLabel" }] : []));
237
+ });
239
238
  this.inputId = `time-picker-part-${nextId$1++}`;
240
239
  }
241
240
  arrowKeyPressed(event, isUpArrow) {
@@ -314,16 +313,16 @@ class TimePickerPartComponent {
314
313
  this.timePickerInput.nativeElement.focus();
315
314
  }
316
315
  }
317
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TimePickerPartComponent, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component }); }
318
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: TimePickerPartComponent, isStandalone: true, selector: "lu-time-picker-part", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, decimalConf: { classPropertyName: "decimalConf", publicName: "decimalConf", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, display: { classPropertyName: "display", publicName: "display", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, displayArrows: { classPropertyName: "displayArrows", publicName: "displayArrows", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, hideValue: { classPropertyName: "hideValue", publicName: "hideValue", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, focused: { classPropertyName: "focused", publicName: "focused", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", prevRequest: "prevRequest", nextRequest: "nextRequest", inputControlClick: "inputControlClick", touched: "touched" }, viewQueries: [{ propertyName: "timePickerInput", first: true, predicate: ["timePickerInput"], descendants: true }], ngImport: i0, template: "<div class=\"timePicker-fieldset-group-textfield\">\n\t<label class=\"formLabel pr-u-mask\" [attr.id]=\"inputId + '-label'\" [attr.for]=\"inputId + '-input'\">{{ label() }}</label>\n\t<div class=\"timePicker-fieldset-group-textfield\">\n\t\t<input\n\t\t\t#timePickerInput\n\t\t\ttype=\"text\"\n\t\t\tluInput\n\t\t\tluInputStandalone\n\t\t\tinputmode=\"numeric\"\n\t\t\t[attr.id]=\"inputId + '-input'\"\n\t\t\tclass=\"timePicker-fieldset-group-textfield-input\"\n\t\t\t[attr.aria-labelledby]=\"inputId + '-label'\"\n\t\t\tautocomplete=\"off\"\n\t\t\t[value]=\"hideValue() ? null : value()\"\n\t\t\t(input)=\"keysInputHandler($event)\"\n\t\t\t(click)=\"clickHandler($event)\"\n\t\t\t(keydown)=\"keydownHandler($event)\"\n\t\t\t(blur)=\"touched.emit()\"\n\t\t\t(focus)=\"timePickerInput.select()\"\n\t\t/>\n\t\t<span aria-hidden=\"true\" class=\"timePicker-fieldset-group-textfield-display\">{{ valueLabel() }}</span>\n\t</div>\n\t@if (displayArrows()) {\n\t\t<button class=\"timePicker-fieldset-group-stepper\" type=\"button\" tabindex=\"-1\" aria-hidden=\"true\" luRepeatOnHold (hold)=\"up()\">\n\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-northArrow\"></span>\n\t\t</button>\n\t\t<button class=\"timePicker-fieldset-group-stepper\" type=\"button\" tabindex=\"-1\" aria-hidden=\"true\" luRepeatOnHold (hold)=\"down()\">\n\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-southArrow\"></span>\n\t\t</button>\n\t}\n</div>\n", dependencies: [{ kind: "directive", type: RepeatOnHoldDirective, selector: "[luRepeatOnHold]", outputs: ["hold"] }, { kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
316
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: TimePickerPartComponent, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component }); }
317
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: TimePickerPartComponent, isStandalone: true, selector: "lu-time-picker-part", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, decimalConf: { classPropertyName: "decimalConf", publicName: "decimalConf", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, display: { classPropertyName: "display", publicName: "display", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, displayArrows: { classPropertyName: "displayArrows", publicName: "displayArrows", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, hideValue: { classPropertyName: "hideValue", publicName: "hideValue", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, focused: { classPropertyName: "focused", publicName: "focused", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", prevRequest: "prevRequest", nextRequest: "nextRequest", inputControlClick: "inputControlClick", touched: "touched" }, viewQueries: [{ propertyName: "timePickerInput", first: true, predicate: ["timePickerInput"], descendants: true }], ngImport: i0, template: "<div class=\"timePicker-fieldset-group-textfield\">\n\t<label class=\"formLabel pr-u-mask\" [attr.id]=\"inputId + '-label'\" [attr.for]=\"inputId + '-input'\">{{ label() }}</label>\n\t<div class=\"timePicker-fieldset-group-textfield\">\n\t\t<input\n\t\t\t#timePickerInput\n\t\t\ttype=\"text\"\n\t\t\tluInput\n\t\t\tluInputStandalone\n\t\t\tinputmode=\"numeric\"\n\t\t\t[attr.id]=\"inputId + '-input'\"\n\t\t\tclass=\"timePicker-fieldset-group-textfield-input\"\n\t\t\t[attr.aria-labelledby]=\"inputId + '-label'\"\n\t\t\tautocomplete=\"off\"\n\t\t\t[value]=\"hideValue() ? null : value()\"\n\t\t\t(input)=\"keysInputHandler($event)\"\n\t\t\t(click)=\"clickHandler($event)\"\n\t\t\t(keydown)=\"keydownHandler($event)\"\n\t\t\t(blur)=\"touched.emit()\"\n\t\t\t(focus)=\"timePickerInput.select()\"\n\t\t/>\n\t\t<span aria-hidden=\"true\" class=\"timePicker-fieldset-group-textfield-display\">{{ valueLabel() }}</span>\n\t</div>\n\t@if (displayArrows()) {\n\t\t<button class=\"timePicker-fieldset-group-stepper\" type=\"button\" tabindex=\"-1\" aria-hidden=\"true\" luRepeatOnHold (hold)=\"up()\">\n\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-northArrow\"></span>\n\t\t</button>\n\t\t<button class=\"timePicker-fieldset-group-stepper\" type=\"button\" tabindex=\"-1\" aria-hidden=\"true\" luRepeatOnHold (hold)=\"down()\">\n\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-southArrow\"></span>\n\t\t</button>\n\t}\n</div>\n", dependencies: [{ kind: "directive", type: RepeatOnHoldDirective, selector: "[luRepeatOnHold]", outputs: ["hold"] }, { kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
319
318
  }
320
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TimePickerPartComponent, decorators: [{
319
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: TimePickerPartComponent, decorators: [{
321
320
  type: Component,
322
- args: [{ selector: 'lu-time-picker-part', standalone: true, imports: [RepeatOnHoldDirective, DecimalPipe, InputDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"timePicker-fieldset-group-textfield\">\n\t<label class=\"formLabel pr-u-mask\" [attr.id]=\"inputId + '-label'\" [attr.for]=\"inputId + '-input'\">{{ label() }}</label>\n\t<div class=\"timePicker-fieldset-group-textfield\">\n\t\t<input\n\t\t\t#timePickerInput\n\t\t\ttype=\"text\"\n\t\t\tluInput\n\t\t\tluInputStandalone\n\t\t\tinputmode=\"numeric\"\n\t\t\t[attr.id]=\"inputId + '-input'\"\n\t\t\tclass=\"timePicker-fieldset-group-textfield-input\"\n\t\t\t[attr.aria-labelledby]=\"inputId + '-label'\"\n\t\t\tautocomplete=\"off\"\n\t\t\t[value]=\"hideValue() ? null : value()\"\n\t\t\t(input)=\"keysInputHandler($event)\"\n\t\t\t(click)=\"clickHandler($event)\"\n\t\t\t(keydown)=\"keydownHandler($event)\"\n\t\t\t(blur)=\"touched.emit()\"\n\t\t\t(focus)=\"timePickerInput.select()\"\n\t\t/>\n\t\t<span aria-hidden=\"true\" class=\"timePicker-fieldset-group-textfield-display\">{{ valueLabel() }}</span>\n\t</div>\n\t@if (displayArrows()) {\n\t\t<button class=\"timePicker-fieldset-group-stepper\" type=\"button\" tabindex=\"-1\" aria-hidden=\"true\" luRepeatOnHold (hold)=\"up()\">\n\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-northArrow\"></span>\n\t\t</button>\n\t\t<button class=\"timePicker-fieldset-group-stepper\" type=\"button\" tabindex=\"-1\" aria-hidden=\"true\" luRepeatOnHold (hold)=\"down()\">\n\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-southArrow\"></span>\n\t\t</button>\n\t}\n</div>\n" }]
321
+ args: [{ selector: 'lu-time-picker-part', imports: [RepeatOnHoldDirective, DecimalPipe, InputDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"timePicker-fieldset-group-textfield\">\n\t<label class=\"formLabel pr-u-mask\" [attr.id]=\"inputId + '-label'\" [attr.for]=\"inputId + '-input'\">{{ label() }}</label>\n\t<div class=\"timePicker-fieldset-group-textfield\">\n\t\t<input\n\t\t\t#timePickerInput\n\t\t\ttype=\"text\"\n\t\t\tluInput\n\t\t\tluInputStandalone\n\t\t\tinputmode=\"numeric\"\n\t\t\t[attr.id]=\"inputId + '-input'\"\n\t\t\tclass=\"timePicker-fieldset-group-textfield-input\"\n\t\t\t[attr.aria-labelledby]=\"inputId + '-label'\"\n\t\t\tautocomplete=\"off\"\n\t\t\t[value]=\"hideValue() ? null : value()\"\n\t\t\t(input)=\"keysInputHandler($event)\"\n\t\t\t(click)=\"clickHandler($event)\"\n\t\t\t(keydown)=\"keydownHandler($event)\"\n\t\t\t(blur)=\"touched.emit()\"\n\t\t\t(focus)=\"timePickerInput.select()\"\n\t\t/>\n\t\t<span aria-hidden=\"true\" class=\"timePicker-fieldset-group-textfield-display\">{{ valueLabel() }}</span>\n\t</div>\n\t@if (displayArrows()) {\n\t\t<button class=\"timePicker-fieldset-group-stepper\" type=\"button\" tabindex=\"-1\" aria-hidden=\"true\" luRepeatOnHold (hold)=\"up()\">\n\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-northArrow\"></span>\n\t\t</button>\n\t\t<button class=\"timePicker-fieldset-group-stepper\" type=\"button\" tabindex=\"-1\" aria-hidden=\"true\" luRepeatOnHold (hold)=\"down()\">\n\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-southArrow\"></span>\n\t\t</button>\n\t}\n</div>\n" }]
323
322
  }], ctorParameters: () => [{ type: undefined, decorators: [{
324
323
  type: Inject,
325
324
  args: [LOCALE_ID]
326
- }] }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], decimalConf: [{ type: i0.Input, args: [{ isSignal: true, alias: "decimalConf", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], display: [{ type: i0.Input, args: [{ isSignal: true, alias: "display", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], displayArrows: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayArrows", required: false }] }], isReadonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "isReadonly", required: false }] }], hideValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideValue", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], focused: [{ type: i0.Input, args: [{ isSignal: true, alias: "focused", required: false }] }], prevRequest: [{
325
+ }] }], propDecorators: { prevRequest: [{
327
326
  type: Output
328
327
  }], nextRequest: [{
329
328
  type: Output
@@ -339,45 +338,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
339
338
  const DEFAULT_TIME_DECIMAL_PIPE_FORMAT$1 = '2.0-0';
340
339
 
341
340
  const Translations$1 = {
342
- en: {
343
- timePickerHours: 'hours',
341
+ pt: {
342
+ timePickerHours: 'horas',
344
343
  timePickerTimeSeparator: 'h',
345
- timePickerMinutes: 'minutes',
346
- },
347
- de: {
348
- timePickerHours: 'Stunden',
349
- timePickerTimeSeparator: 'Std.',
350
- timePickerMinutes: 'Minuten',
344
+ timePickerMinutes: 'minutos',
351
345
  },
352
- fr: {
353
- timePickerHours: 'heures',
346
+ es: {
347
+ timePickerHours: 'horas',
354
348
  timePickerTimeSeparator: 'h',
355
- timePickerMinutes: 'minutes',
349
+ timePickerMinutes: 'minutos',
356
350
  },
357
- it: {
358
- timePickerHours: 'ore',
351
+ 'nl-BE': {
352
+ timePickerHours: 'uren',
359
353
  timePickerTimeSeparator: 'h',
360
- timePickerMinutes: 'minuti',
354
+ timePickerMinutes: 'minuten',
361
355
  },
362
356
  nl: {
363
357
  timePickerHours: 'uren',
364
358
  timePickerTimeSeparator: 'h',
365
359
  timePickerMinutes: 'minuten',
366
360
  },
367
- 'nl-BE': {
368
- timePickerHours: 'uren',
361
+ it: {
362
+ timePickerHours: 'ore',
369
363
  timePickerTimeSeparator: 'h',
370
- timePickerMinutes: 'minuten',
364
+ timePickerMinutes: 'minuti',
371
365
  },
372
- es: {
373
- timePickerHours: 'horas',
366
+ de: {
367
+ timePickerHours: 'Stunden',
368
+ timePickerTimeSeparator: 'Std.',
369
+ timePickerMinutes: 'Minuten',
370
+ },
371
+ fr: {
372
+ timePickerHours: 'heures',
374
373
  timePickerTimeSeparator: 'h',
375
- timePickerMinutes: 'minutos',
374
+ timePickerMinutes: 'minutes',
376
375
  },
377
- pt: {
378
- timePickerHours: 'horas',
376
+ en: {
377
+ timePickerHours: 'hours',
379
378
  timePickerTimeSeparator: 'h',
380
- timePickerMinutes: 'minutos',
379
+ timePickerMinutes: 'minutes',
381
380
  },
382
381
  };
383
382
 
@@ -390,14 +389,14 @@ class DurationPickerComponent extends BasePickerComponent {
390
389
  constructor() {
391
390
  super(...arguments);
392
391
  this.intl = getIntl(LU_DURATION_PICKER_TRANSLATIONS);
393
- this.value = model('PT0S', ...(ngDevMode ? [{ debugName: "value" }] : []));
394
- this.max = input('PT99H', ...(ngDevMode ? [{ debugName: "max" }] : []));
395
- this.displayArrows = input(false, ...(ngDevMode ? [{ debugName: "displayArrows", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
396
- this.hideZeroValue = input(false, ...(ngDevMode ? [{ debugName: "hideZeroValue", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
392
+ this.value = model('PT0S');
393
+ this.max = input('PT99H');
394
+ this.displayArrows = input(false, { transform: booleanAttribute });
395
+ this.hideZeroValue = input(false, { transform: booleanAttribute });
397
396
  this.durationChange = output();
398
- this.hours = computed(() => getHoursPartFromDuration(this.value()), ...(ngDevMode ? [{ debugName: "hours" }] : []));
399
- this.minutes = computed(() => getMinutesPartFromDuration(this.value()), ...(ngDevMode ? [{ debugName: "minutes" }] : []));
400
- this.shouldHideValue = computed(() => this.hideZeroValue() && this.hours() === 0 && this.minutes() === 0, ...(ngDevMode ? [{ debugName: "shouldHideValue" }] : []));
397
+ this.hours = computed(() => getHoursPartFromDuration(this.value()));
398
+ this.minutes = computed(() => getMinutesPartFromDuration(this.value()));
399
+ this.shouldHideValue = computed(() => this.hideZeroValue() && this.hours() === 0 && this.minutes() === 0);
401
400
  this.pickerClasses = computed(() => {
402
401
  return {
403
402
  timePicker: true,
@@ -405,13 +404,13 @@ class DurationPickerComponent extends BasePickerComponent {
405
404
  'mod-stepperHover': this.displayArrows(),
406
405
  [`mod-${this.size()}`]: Boolean(this.size()),
407
406
  };
408
- }, ...(ngDevMode ? [{ debugName: "pickerClasses" }] : []));
407
+ });
409
408
  this.fieldsetSuffixClasses = computed(() => {
410
409
  return {
411
410
  'timePicker-fieldset-groupSeparator': true,
412
411
  'pr-u-visibilityHidden': this.shouldHideValue(),
413
412
  };
414
- }, ...(ngDevMode ? [{ debugName: "fieldsetSuffixClasses" }] : []));
413
+ });
415
414
  this.separator = this.intl.timePickerTimeSeparator;
416
415
  this.hoursDecimalConf = DEFAULT_TIME_DECIMAL_PIPE_FORMAT$1;
417
416
  }
@@ -549,8 +548,8 @@ class DurationPickerComponent extends BasePickerComponent {
549
548
  this.focusPart('hours');
550
549
  }
551
550
  }
552
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: DurationPickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
553
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.12", type: DurationPickerComponent, isStandalone: true, selector: "lu-duration-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, displayArrows: { classPropertyName: "displayArrows", publicName: "displayArrows", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, hideZeroValue: { classPropertyName: "hideZeroValue", publicName: "hideZeroValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", durationChange: "durationChange" }, providers: [
551
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: DurationPickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
552
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.2", type: DurationPickerComponent, isStandalone: true, selector: "lu-duration-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, displayArrows: { classPropertyName: "displayArrows", publicName: "displayArrows", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, hideZeroValue: { classPropertyName: "hideZeroValue", publicName: "hideZeroValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", durationChange: "durationChange" }, providers: [
554
553
  {
555
554
  provide: NG_VALUE_ACCESSOR,
556
555
  useExisting: forwardRef(() => DurationPickerComponent),
@@ -558,18 +557,18 @@ class DurationPickerComponent extends BasePickerComponent {
558
557
  },
559
558
  ], usesInheritance: true, ngImport: i0, template: "<div [class]=\"pickerClasses()\" (copy)=\"copyHandler($event)\" (paste)=\"pasteHandler($event)\">\n\t<fieldset class=\"timePicker-fieldset\" [disabled]=\"disabled()\">\n\t\t<legend>\n\t\t\t<span class=\"pr-u-mask\">{{ label }}</span>\n\t\t</legend>\n\t\t<lu-time-picker-part\n\t\t\t#hoursPart\n\t\t\tclass=\"timePicker-fieldset-group\"\n\t\t\t[disabled]=\"disabled()\"\n\t\t\t[label]=\"intl.timePickerHours\"\n\t\t\t[value]=\"hours()\"\n\t\t\t[decimalConf]=\"hoursDecimalConf\"\n\t\t\t[hideValue]=\"shouldHideValue()\"\n\t\t\t[displayArrows]=\"displayArrows()\"\n\t\t\t(valueChange)=\"hoursInputHandler($event)\"\n\t\t\t(nextRequest)=\"focusPart('minutes')\"\n\t\t\t(inputControlClick)=\"inputControlClickHandler('hours', $event)\"\n\t\t/>\n\t\t<div aria-hidden=\"true\" [class]=\"fieldsetSuffixClasses()\">{{ separator }}</div>\n\t\t<lu-time-picker-part\n\t\t\t#minutesPart\n\t\t\tclass=\"timePicker-fieldset-group\"\n\t\t\t[label]=\"intl.timePickerMinutes\"\n\t\t\t[value]=\"minutes()\"\n\t\t\t[max]=\"59\"\n\t\t\t[hideValue]=\"shouldHideValue()\"\n\t\t\t[displayArrows]=\"displayArrows()\"\n\t\t\t[disabled]=\"disabled() || !minutesIncrement()\"\n\t\t\t(valueChange)=\"minutesInputHandler($event)\"\n\t\t\t(prevRequest)=\"focusPart('hours')\"\n\t\t\t(inputControlClick)=\"inputControlClickHandler('minutes', $event)\"\n\t\t/>\n\t</fieldset>\n</div>\n", styles: ["@layer components{.timePicker{--components-timepicker-border: var(--pr-t-color-input-border);--components-timepicker-background: var(--pr-t-color-input-background);--components-timepicker-color: var(--pr-t-color-input-text);--components-timepicker-font: var(--pr-t-font-body-M);--components-timepicker-input-height: 2rem;--components-timepicker-input-width: 1.5rem;--components-timepicker-padding: 0;--components-timepicker-paddingInput-inline: var(--pr-t-spacings-50);--components-timepicker-paddingInput-block: var(--pr-t-spacings-100);--components-timepicker-separator-left: 2.375rem;padding:var(--components-timepicker-padding);inline-size:fit-content}.timePicker-fieldset{display:flex;align-items:center;box-shadow:0 0 0 1px var(--components-timepicker-border);border-radius:var(--pr-t-border-radius-input);padding:0;border:0;margin:0;background-color:var(--components-timepicker-background);color:var(--components-timepicker-color);font:var(--components-timepicker-font);position:relative;cursor:text}.timePicker-fieldset:hover{--components-timepicker-border: var(--pr-t-color-input-border-hover)}.timePicker-fieldset:focus-within{outline:2px solid var(--palettes-product-700);outline-offset:3px}.timePicker-fieldset-groupSeparator{pointer-events:none;display:grid;place-items:center;text-align:center;inline-size:var(--pr-t-spacings-200);margin-block:0;margin-inline:calc(var(--pr-t-spacings-100) * -1);position:relative;inset-inline-start:calc(var(--pr-t-spacings-25) * -1)}.timePicker-fieldset-group{position:relative}.timePicker-fieldset-group~.timePicker-fieldset-group{margin-inline-start:calc(var(--pr-t-spacings-50) * -1)}.timePicker-fieldset-group-textfield{background-color:transparent}.timePicker-fieldset-group-textfield-input{display:flex;align-items:center;justify-content:center;border:0;block-size:var(--components-timepicker-input-height);inline-size:var(--components-timepicker-input-width);outline:none;color:inherit;background-color:transparent;text-align:center;padding-block:var(--components-timepicker-paddingInput-inline);padding-inline:var(--components-timepicker-paddingInput-block);box-sizing:content-box;opacity:.0001}.timePicker-fieldset-group-textfield-input::placeholder{color:var(--component-textField-placeholder)}.timePicker-fieldset-group-textfield-input:focus-visible+.timePicker-fieldset-group-textfield-display{background-color:var(--palettes-product-100)}.timePicker-fieldset-group-textfield-display{position:absolute;inset:var(--components-timepicker-paddingInput-inline) var(--components-timepicker-paddingInput-block);border-radius:var(--pr-t-border-radius-50);pointer-events:none;display:grid;place-items:center}.timePicker-fieldset-group-stepper{position:absolute;inset-block-end:calc(var(--components-timepicker-input-height) + var(--pr-t-spacings-150) + 1px);border:0;padding:0;block-size:1rem;inline-size:1rem;inset-inline-start:50%;transform:translate(-50%);background-color:transparent;color:var(--palettes-neutral-600);display:inline-flex;justify-content:center;align-items:center;border-radius:var(--pr-t-border-radius-50);outline:none;opacity:1;transition-property:opacity;transition-duration:var(--commons-animations-durations-fast);cursor:pointer}.timePicker-fieldset-group-stepper:hover{background-color:var(--palettes-neutral-50);color:var(--palettes-neutral-800)}.timePicker-fieldset-group-stepper:disabled{cursor:default;color:var(--palettes-neutral-500);pointer-events:none}.timePicker-fieldset-group-stepper .lucca-icon{--icon-size: 1rem}.timePicker-fieldset-group-stepper+.timePicker-fieldset-group-stepper{inset-block-start:calc(var(--components-timepicker-input-height) + var(--pr-t-spacings-150) + 1px);inset-block-end:auto}.timePicker-fieldset-meridiem{inline-size:calc(var(--components-timepicker-input-width) + var(--components-timepicker-paddingInput-block) * 2);position:relative;align-self:stretch;margin-inline-start:calc(var(--pr-t-spacings-50) * -1)}.timePicker-fieldset-meridiem:after{content:\"\";position:absolute;inset:var(--components-timepicker-paddingInput-inline) var(--components-timepicker-paddingInput-block);border-radius:var(--pr-t-border-radius-50);display:grid;place-items:center;text-align:end}.timePicker-fieldset-meridiem:has(input:focus):after{background-color:var(--palettes-product-100)}.timePicker-fieldset-meridiem:has(.timePicker-fieldset-meridiem-ante-input:checked):after{content:\"AM\"/\"\"}.timePicker-fieldset-meridiem:has(.timePicker-fieldset-meridiem-post-input:checked):after{content:\"PM\"/\"\"}.timePicker-fieldset-meridiem-ante,.timePicker-fieldset-meridiem-post{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}}@layer mods{.timePicker.mod-S{--components-timepicker-font: var(--pr-t-font-body-S);--components-timepicker-paddingInput-inline: var(--pr-t-spacings-25);--components-timepicker-paddingInput-block: var(--pr-t-spacings-75);--components-timepicker-input-height: 1.75rem;--components-timepicker-input-width: 1.25rem;--components-timepicker-separator-left: 1.875rem}.timePicker.mod-stepper{--components-timepicker-padding: var(--pr-t-spacings-300) 0}.timePicker.mod-stepperHover:not(:hover,:focus-within) .timePicker-fieldset-group-stepper{opacity:0}.timePicker:has([aria-invalid=true]){--components-timepicker-background: var(--pr-t-color-input-background-critical);--components-timepicker-border: var(--pr-t-color-input-border-critical)}.timePicker:has([aria-invalid=true]):hover{--components-timepicker-border: var(--pr-t-color-input-border-critical-hover)}.timePicker:has([disabled]){--components-timepicker-background: var(--pr-t-color-input-background-disabled);--components-timepicker-border: var(--commons-disabled-placeholder);--components-timepicker-color: var(--pr-t-color-input-text-disabled)}}@layer base{lu-duration-picker{display:inline-flex}}\n"], dependencies: [{ kind: "component", type: TimePickerPartComponent, selector: "lu-time-picker-part", inputs: ["label", "decimalConf", "value", "display", "max", "displayArrows", "isReadonly", "hideValue", "disabled", "focused"], outputs: ["valueChange", "prevRequest", "nextRequest", "inputControlClick", "touched"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
560
559
  }
561
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: DurationPickerComponent, decorators: [{
560
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: DurationPickerComponent, decorators: [{
562
561
  type: Component,
563
- args: [{ selector: 'lu-duration-picker', standalone: true, imports: [TimePickerPartComponent, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
562
+ args: [{ selector: 'lu-duration-picker', imports: [TimePickerPartComponent, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
564
563
  {
565
564
  provide: NG_VALUE_ACCESSOR,
566
565
  useExisting: forwardRef(() => DurationPickerComponent),
567
566
  multi: true,
568
567
  },
569
568
  ], template: "<div [class]=\"pickerClasses()\" (copy)=\"copyHandler($event)\" (paste)=\"pasteHandler($event)\">\n\t<fieldset class=\"timePicker-fieldset\" [disabled]=\"disabled()\">\n\t\t<legend>\n\t\t\t<span class=\"pr-u-mask\">{{ label }}</span>\n\t\t</legend>\n\t\t<lu-time-picker-part\n\t\t\t#hoursPart\n\t\t\tclass=\"timePicker-fieldset-group\"\n\t\t\t[disabled]=\"disabled()\"\n\t\t\t[label]=\"intl.timePickerHours\"\n\t\t\t[value]=\"hours()\"\n\t\t\t[decimalConf]=\"hoursDecimalConf\"\n\t\t\t[hideValue]=\"shouldHideValue()\"\n\t\t\t[displayArrows]=\"displayArrows()\"\n\t\t\t(valueChange)=\"hoursInputHandler($event)\"\n\t\t\t(nextRequest)=\"focusPart('minutes')\"\n\t\t\t(inputControlClick)=\"inputControlClickHandler('hours', $event)\"\n\t\t/>\n\t\t<div aria-hidden=\"true\" [class]=\"fieldsetSuffixClasses()\">{{ separator }}</div>\n\t\t<lu-time-picker-part\n\t\t\t#minutesPart\n\t\t\tclass=\"timePicker-fieldset-group\"\n\t\t\t[label]=\"intl.timePickerMinutes\"\n\t\t\t[value]=\"minutes()\"\n\t\t\t[max]=\"59\"\n\t\t\t[hideValue]=\"shouldHideValue()\"\n\t\t\t[displayArrows]=\"displayArrows()\"\n\t\t\t[disabled]=\"disabled() || !minutesIncrement()\"\n\t\t\t(valueChange)=\"minutesInputHandler($event)\"\n\t\t\t(prevRequest)=\"focusPart('hours')\"\n\t\t\t(inputControlClick)=\"inputControlClickHandler('minutes', $event)\"\n\t\t/>\n\t</fieldset>\n</div>\n", styles: ["@layer components{.timePicker{--components-timepicker-border: var(--pr-t-color-input-border);--components-timepicker-background: var(--pr-t-color-input-background);--components-timepicker-color: var(--pr-t-color-input-text);--components-timepicker-font: var(--pr-t-font-body-M);--components-timepicker-input-height: 2rem;--components-timepicker-input-width: 1.5rem;--components-timepicker-padding: 0;--components-timepicker-paddingInput-inline: var(--pr-t-spacings-50);--components-timepicker-paddingInput-block: var(--pr-t-spacings-100);--components-timepicker-separator-left: 2.375rem;padding:var(--components-timepicker-padding);inline-size:fit-content}.timePicker-fieldset{display:flex;align-items:center;box-shadow:0 0 0 1px var(--components-timepicker-border);border-radius:var(--pr-t-border-radius-input);padding:0;border:0;margin:0;background-color:var(--components-timepicker-background);color:var(--components-timepicker-color);font:var(--components-timepicker-font);position:relative;cursor:text}.timePicker-fieldset:hover{--components-timepicker-border: var(--pr-t-color-input-border-hover)}.timePicker-fieldset:focus-within{outline:2px solid var(--palettes-product-700);outline-offset:3px}.timePicker-fieldset-groupSeparator{pointer-events:none;display:grid;place-items:center;text-align:center;inline-size:var(--pr-t-spacings-200);margin-block:0;margin-inline:calc(var(--pr-t-spacings-100) * -1);position:relative;inset-inline-start:calc(var(--pr-t-spacings-25) * -1)}.timePicker-fieldset-group{position:relative}.timePicker-fieldset-group~.timePicker-fieldset-group{margin-inline-start:calc(var(--pr-t-spacings-50) * -1)}.timePicker-fieldset-group-textfield{background-color:transparent}.timePicker-fieldset-group-textfield-input{display:flex;align-items:center;justify-content:center;border:0;block-size:var(--components-timepicker-input-height);inline-size:var(--components-timepicker-input-width);outline:none;color:inherit;background-color:transparent;text-align:center;padding-block:var(--components-timepicker-paddingInput-inline);padding-inline:var(--components-timepicker-paddingInput-block);box-sizing:content-box;opacity:.0001}.timePicker-fieldset-group-textfield-input::placeholder{color:var(--component-textField-placeholder)}.timePicker-fieldset-group-textfield-input:focus-visible+.timePicker-fieldset-group-textfield-display{background-color:var(--palettes-product-100)}.timePicker-fieldset-group-textfield-display{position:absolute;inset:var(--components-timepicker-paddingInput-inline) var(--components-timepicker-paddingInput-block);border-radius:var(--pr-t-border-radius-50);pointer-events:none;display:grid;place-items:center}.timePicker-fieldset-group-stepper{position:absolute;inset-block-end:calc(var(--components-timepicker-input-height) + var(--pr-t-spacings-150) + 1px);border:0;padding:0;block-size:1rem;inline-size:1rem;inset-inline-start:50%;transform:translate(-50%);background-color:transparent;color:var(--palettes-neutral-600);display:inline-flex;justify-content:center;align-items:center;border-radius:var(--pr-t-border-radius-50);outline:none;opacity:1;transition-property:opacity;transition-duration:var(--commons-animations-durations-fast);cursor:pointer}.timePicker-fieldset-group-stepper:hover{background-color:var(--palettes-neutral-50);color:var(--palettes-neutral-800)}.timePicker-fieldset-group-stepper:disabled{cursor:default;color:var(--palettes-neutral-500);pointer-events:none}.timePicker-fieldset-group-stepper .lucca-icon{--icon-size: 1rem}.timePicker-fieldset-group-stepper+.timePicker-fieldset-group-stepper{inset-block-start:calc(var(--components-timepicker-input-height) + var(--pr-t-spacings-150) + 1px);inset-block-end:auto}.timePicker-fieldset-meridiem{inline-size:calc(var(--components-timepicker-input-width) + var(--components-timepicker-paddingInput-block) * 2);position:relative;align-self:stretch;margin-inline-start:calc(var(--pr-t-spacings-50) * -1)}.timePicker-fieldset-meridiem:after{content:\"\";position:absolute;inset:var(--components-timepicker-paddingInput-inline) var(--components-timepicker-paddingInput-block);border-radius:var(--pr-t-border-radius-50);display:grid;place-items:center;text-align:end}.timePicker-fieldset-meridiem:has(input:focus):after{background-color:var(--palettes-product-100)}.timePicker-fieldset-meridiem:has(.timePicker-fieldset-meridiem-ante-input:checked):after{content:\"AM\"/\"\"}.timePicker-fieldset-meridiem:has(.timePicker-fieldset-meridiem-post-input:checked):after{content:\"PM\"/\"\"}.timePicker-fieldset-meridiem-ante,.timePicker-fieldset-meridiem-post{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}}@layer mods{.timePicker.mod-S{--components-timepicker-font: var(--pr-t-font-body-S);--components-timepicker-paddingInput-inline: var(--pr-t-spacings-25);--components-timepicker-paddingInput-block: var(--pr-t-spacings-75);--components-timepicker-input-height: 1.75rem;--components-timepicker-input-width: 1.25rem;--components-timepicker-separator-left: 1.875rem}.timePicker.mod-stepper{--components-timepicker-padding: var(--pr-t-spacings-300) 0}.timePicker.mod-stepperHover:not(:hover,:focus-within) .timePicker-fieldset-group-stepper{opacity:0}.timePicker:has([aria-invalid=true]){--components-timepicker-background: var(--pr-t-color-input-background-critical);--components-timepicker-border: var(--pr-t-color-input-border-critical)}.timePicker:has([aria-invalid=true]):hover{--components-timepicker-border: var(--pr-t-color-input-border-critical-hover)}.timePicker:has([disabled]){--components-timepicker-background: var(--pr-t-color-input-background-disabled);--components-timepicker-border: var(--commons-disabled-placeholder);--components-timepicker-color: var(--pr-t-color-input-text-disabled)}}@layer base{lu-duration-picker{display:inline-flex}}\n"] }]
570
- }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], displayArrows: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayArrows", required: false }] }], label: [{
569
+ }], propDecorators: { label: [{
571
570
  type: Input
572
- }], hideZeroValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideZeroValue", required: false }] }], durationChange: [{ type: i0.Output, args: ["durationChange"] }] } });
571
+ }] } });
573
572
 
574
573
  const castToIsoTime = (str) => str;
575
574
  const convertStringToIsoTime = (time) => {
@@ -629,45 +628,45 @@ const DEFAULT_MIN_TIME = '--:--:--';
629
628
  const DEFAULT_TIME_DECIMAL_PIPE_FORMAT = '2.0-0';
630
629
 
631
630
  const Translations = {
632
- en: {
633
- timePickerHours: 'hours',
634
- timePickerTimeSeparator: ':',
635
- timePickerMinutes: 'minutes',
636
- },
637
- de: {
638
- timePickerHours: 'Stunden',
631
+ pt: {
632
+ timePickerHours: 'horas',
639
633
  timePickerTimeSeparator: ':',
640
- timePickerMinutes: 'Minuten',
634
+ timePickerMinutes: 'minutos',
641
635
  },
642
- fr: {
643
- timePickerHours: 'heures',
636
+ es: {
637
+ timePickerHours: 'horas',
644
638
  timePickerTimeSeparator: ':',
645
- timePickerMinutes: 'minutes',
639
+ timePickerMinutes: 'minutos',
646
640
  },
647
- it: {
648
- timePickerHours: 'ore',
641
+ 'nl-BE': {
642
+ timePickerHours: 'uren',
649
643
  timePickerTimeSeparator: ':',
650
- timePickerMinutes: 'minuti',
644
+ timePickerMinutes: 'minuten',
651
645
  },
652
646
  nl: {
653
647
  timePickerHours: 'uren',
654
648
  timePickerTimeSeparator: ':',
655
649
  timePickerMinutes: 'minuten',
656
650
  },
657
- 'nl-BE': {
658
- timePickerHours: 'uren',
651
+ it: {
652
+ timePickerHours: 'ore',
659
653
  timePickerTimeSeparator: ':',
660
- timePickerMinutes: 'minuten',
654
+ timePickerMinutes: 'minuti',
661
655
  },
662
- es: {
663
- timePickerHours: 'horas',
656
+ de: {
657
+ timePickerHours: 'Stunden',
664
658
  timePickerTimeSeparator: ':',
665
- timePickerMinutes: 'minutos',
659
+ timePickerMinutes: 'Minuten',
666
660
  },
667
- pt: {
668
- timePickerHours: 'horas',
661
+ fr: {
662
+ timePickerHours: 'heures',
669
663
  timePickerTimeSeparator: ':',
670
- timePickerMinutes: 'minutos',
664
+ timePickerMinutes: 'minutes',
665
+ },
666
+ en: {
667
+ timePickerHours: 'hours',
668
+ timePickerTimeSeparator: ':',
669
+ timePickerMinutes: 'minutes',
671
670
  },
672
671
  };
673
672
 
@@ -684,10 +683,10 @@ class TimePickerComponent extends BasePickerComponent {
684
683
  this.intl = getIntl(LU_TIME_PICKER_TRANSLATIONS);
685
684
  this.localeId = inject(LOCALE_ID);
686
685
  this.idSuffix = nextId++;
687
- this.value = model('--:--:--', ...(ngDevMode ? [{ debugName: "value" }] : []));
688
- this.max = input(MAX_TIME, ...(ngDevMode ? [{ debugName: "max" }] : []));
689
- this.displayArrows = input(false, ...(ngDevMode ? [{ debugName: "displayArrows", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
690
- this.forceMeridiemDisplay = input(null, ...(ngDevMode ? [{ debugName: "forceMeridiemDisplay" }] : []));
686
+ this.value = model('--:--:--');
687
+ this.max = input(MAX_TIME);
688
+ this.displayArrows = input(false, { transform: booleanAttribute });
689
+ this.forceMeridiemDisplay = input(null);
691
690
  this.enableMeridiemDisplay = computed(() => {
692
691
  if (this.forceMeridiemDisplay() !== null) {
693
692
  return this.forceMeridiemDisplay();
@@ -699,12 +698,12 @@ class TimePickerComponent extends BasePickerComponent {
699
698
  })
700
699
  .format(new Date('1/1/1 17:00:00'))
701
700
  .includes('PM');
702
- }, ...(ngDevMode ? [{ debugName: "enableMeridiemDisplay" }] : []));
701
+ });
703
702
  this.timeChange = output();
704
- this.hoursDisplay = computed(() => getHoursDisplayPartFromIsoTime(this.value(), this.enableMeridiemDisplay()), ...(ngDevMode ? [{ debugName: "hoursDisplay" }] : []));
705
- this.minutesDisplay = computed(() => getMinutesDisplayPartFromIsoTime(this.value()), ...(ngDevMode ? [{ debugName: "minutesDisplay" }] : []));
706
- this.hours = computed(() => getHoursPartFromIsoTime(this.value()), ...(ngDevMode ? [{ debugName: "hours" }] : []));
707
- this.minutes = computed(() => getMinutesPartFromIsoTime(this.value()), ...(ngDevMode ? [{ debugName: "minutes" }] : []));
703
+ this.hoursDisplay = computed(() => getHoursDisplayPartFromIsoTime(this.value(), this.enableMeridiemDisplay()));
704
+ this.minutesDisplay = computed(() => getMinutesDisplayPartFromIsoTime(this.value()));
705
+ this.hours = computed(() => getHoursPartFromIsoTime(this.value()));
706
+ this.minutes = computed(() => getMinutesPartFromIsoTime(this.value()));
708
707
  this.pickerClasses = computed(() => {
709
708
  return {
710
709
  timePicker: true,
@@ -712,7 +711,7 @@ class TimePickerComponent extends BasePickerComponent {
712
711
  'mod-stepperHover': this.displayArrows(),
713
712
  [`mod-${this.size()}`]: Boolean(this.size()),
714
713
  };
715
- }, ...(ngDevMode ? [{ debugName: "pickerClasses" }] : []));
714
+ });
716
715
  this.separator = this.intl.timePickerTimeSeparator;
717
716
  this.hoursDecimalConf = DEFAULT_TIME_DECIMAL_PIPE_FORMAT;
718
717
  this.maxHours = computed(() => {
@@ -720,10 +719,10 @@ class TimePickerComponent extends BasePickerComponent {
720
719
  return 12;
721
720
  }
722
721
  return getHoursPartFromIsoTime(this.max() ?? '23:59:59');
723
- }, ...(ngDevMode ? [{ debugName: "maxHours" }] : []));
722
+ });
724
723
  this.ampmDisplay = computed(() => {
725
724
  return formatAMPM(this.hours()).suffix;
726
- }, ...(ngDevMode ? [{ debugName: "ampmDisplay" }] : []));
725
+ });
727
726
  }
728
727
  focusPart(type) {
729
728
  if (type === 'meridiem') {
@@ -866,8 +865,8 @@ class TimePickerComponent extends BasePickerComponent {
866
865
  value: createIsoTimeFromHoursAndMinutes(hours, minutes),
867
866
  });
868
867
  }
869
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TimePickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
870
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: TimePickerComponent, isStandalone: true, selector: "lu-time-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, displayArrows: { classPropertyName: "displayArrows", publicName: "displayArrows", isSignal: true, isRequired: false, transformFunction: null }, forceMeridiemDisplay: { classPropertyName: "forceMeridiemDisplay", publicName: "forceMeridiemDisplay", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", timeChange: "timeChange" }, providers: [
868
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: TimePickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
869
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: TimePickerComponent, isStandalone: true, selector: "lu-time-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, displayArrows: { classPropertyName: "displayArrows", publicName: "displayArrows", isSignal: true, isRequired: false, transformFunction: null }, forceMeridiemDisplay: { classPropertyName: "forceMeridiemDisplay", publicName: "forceMeridiemDisplay", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", timeChange: "timeChange" }, providers: [
871
870
  {
872
871
  provide: NG_VALUE_ACCESSOR,
873
872
  useExisting: forwardRef(() => TimePickerComponent),
@@ -875,9 +874,9 @@ class TimePickerComponent extends BasePickerComponent {
875
874
  },
876
875
  ], viewQueries: [{ propertyName: "anteMeridiemRef", first: true, predicate: ["anteMeridiemRef"], descendants: true }, { propertyName: "postMeridiemRef", first: true, predicate: ["postMeridiemRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [class]=\"pickerClasses()\" (copy)=\"copyHandler($event)\" (paste)=\"pasteHandler($event)\">\n\t<fieldset class=\"timePicker-fieldset\" [disabled]=\"disabled()\">\n\t\t<legend>\n\t\t\t<span class=\"pr-u-mask\">{{ label }}</span>\n\t\t</legend>\n\t\t<lu-time-picker-part\n\t\t\t#hoursPart\n\t\t\tclass=\"timePicker-fieldset-group\"\n\t\t\t[disabled]=\"disabled()\"\n\t\t\t[label]=\"intl.timePickerHours\"\n\t\t\t[value]=\"hours()\"\n\t\t\t[display]=\"hoursDisplay()\"\n\t\t\t[max]=\"maxHours()\"\n\t\t\t[decimalConf]=\"hoursDecimalConf\"\n\t\t\t[displayArrows]=\"displayArrows()\"\n\t\t\t(touched)=\"onTouched?.()\"\n\t\t\t(valueChange)=\"hoursInputHandler($event)\"\n\t\t\t(nextRequest)=\"focusPart('minutes')\"\n\t\t\t(inputControlClick)=\"inputControlClickHandler('hours', $event)\"\n\t\t/>\n\t\t<div aria-hidden=\"true\" class=\"timePicker-fieldset-groupSeparator\">{{ separator }}</div>\n\t\t<lu-time-picker-part\n\t\t\t#minutesPart\n\t\t\tclass=\"timePicker-fieldset-group\"\n\t\t\t[label]=\"intl.timePickerMinutes\"\n\t\t\t[value]=\"minutesDisplay()\"\n\t\t\t[max]=\"59\"\n\t\t\t[displayArrows]=\"displayArrows()\"\n\t\t\t(touched)=\"onTouched?.()\"\n\t\t\t[disabled]=\"disabled() || !minutesIncrement()\"\n\t\t\t(valueChange)=\"minutesInputHandler($event)\"\n\t\t\t(prevRequest)=\"focusPart('hours')\"\n\t\t\t(nextRequest)=\"focusPart('meridiem')\"\n\t\t\t(inputControlClick)=\"inputControlClickHandler('minutes', $event)\"\n\t\t/>\n\t\t@if (enableMeridiemDisplay()) {\n\t\t\t<div\n\t\t\t\tclass=\"timePicker-fieldset-meridiem\"\n\t\t\t\t(copy)=\"copyHandler($event)\"\n\t\t\t\t(paste)=\"pasteHandler($event)\"\n\t\t\t\t(keydown.A)=\"anteMeridiemRef.click()\"\n\t\t\t\t(keydown.P)=\"postMeridiemRef.click()\"\n\t\t\t\t(keydown.shift.A)=\"anteMeridiemRef.click()\"\n\t\t\t\t(keydown.shift.P)=\"postMeridiemRef.click()\"\n\t\t\t\t(click)=\"ampmDisplay() === 'AM' ? anteMeridiemRef.focus() : postMeridiemRef.focus()\"\n\t\t\t>\n\t\t\t\t<div class=\"timePicker-fieldset-meridiem-ante\">\n\t\t\t\t\t<label [attr.for]=\"'anteMeridiem-' + idSuffix\">AM</label>\n\t\t\t\t\t<input\n\t\t\t\t\t\t#anteMeridiemRef\n\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t[attr.name]=\"'meridiem-' + idSuffix\"\n\t\t\t\t\t\t[name]=\"'meridiem-' + idSuffix\"\n\t\t\t\t\t\t[attr.id]=\"'anteMeridiem-' + idSuffix\"\n\t\t\t\t\t\tclass=\"timePicker-fieldset-meridiem-ante-input\"\n\t\t\t\t\t\tvalue=\"AM\"\n\t\t\t\t\t\t[ngModel]=\"ampmDisplay()\"\n\t\t\t\t\t\t(ngModelChange)=\"switchMeridiem($event)\"\n\t\t\t\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t\t\t\t\t(keydown.arrowleft)=\"$event.preventDefault(); focusPart('minutes')\"\n\t\t\t\t\t\t(keydown.arrowright)=\"$event.preventDefault()\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"timePicker-fieldset-meridiem-post\">\n\t\t\t\t\t<label [attr.for]=\"'postMeridiem-' + idSuffix\">PM</label>\n\t\t\t\t\t<input\n\t\t\t\t\t\t#postMeridiemRef\n\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t[attr.name]=\"'meridiem-' + idSuffix\"\n\t\t\t\t\t\t[name]=\"'meridiem-' + idSuffix\"\n\t\t\t\t\t\t[attr.id]=\"'postMeridiem-' + idSuffix\"\n\t\t\t\t\t\tclass=\"timePicker-fieldset-meridiem-post-input\"\n\t\t\t\t\t\tvalue=\"PM\"\n\t\t\t\t\t\t[ngModel]=\"ampmDisplay()\"\n\t\t\t\t\t\t(ngModelChange)=\"switchMeridiem($event)\"\n\t\t\t\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t\t\t\t\t(keydown.arrowleft)=\"$event.preventDefault(); focusPart('minutes')\"\n\t\t\t\t\t\t(keydown.arrowright)=\"$event.preventDefault()\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t@if (displayArrows()) {\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"timePicker-fieldset-group-stepper\"\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t(click)=\"switchMeridiem(ampmDisplay() === 'AM' ? 'PM' : 'AM')\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-northArrow\"></span>\n\t\t\t\t\t</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"timePicker-fieldset-group-stepper\"\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t(click)=\"switchMeridiem(ampmDisplay() === 'AM' ? 'PM' : 'AM')\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-southArrow\"></span>\n\t\t\t\t\t</button>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t</fieldset>\n</div>\n", styles: ["@layer components{.timePicker{--components-timepicker-border: var(--pr-t-color-input-border);--components-timepicker-background: var(--pr-t-color-input-background);--components-timepicker-color: var(--pr-t-color-input-text);--components-timepicker-font: var(--pr-t-font-body-M);--components-timepicker-input-height: 2rem;--components-timepicker-input-width: 1.5rem;--components-timepicker-padding: 0;--components-timepicker-paddingInput-inline: var(--pr-t-spacings-50);--components-timepicker-paddingInput-block: var(--pr-t-spacings-100);--components-timepicker-separator-left: 2.375rem;padding:var(--components-timepicker-padding);inline-size:fit-content}.timePicker-fieldset{display:flex;align-items:center;box-shadow:0 0 0 1px var(--components-timepicker-border);border-radius:var(--pr-t-border-radius-input);padding:0;border:0;margin:0;background-color:var(--components-timepicker-background);color:var(--components-timepicker-color);font:var(--components-timepicker-font);position:relative;cursor:text}.timePicker-fieldset:hover{--components-timepicker-border: var(--pr-t-color-input-border-hover)}.timePicker-fieldset:focus-within{outline:2px solid var(--palettes-product-700);outline-offset:3px}.timePicker-fieldset-groupSeparator{pointer-events:none;display:grid;place-items:center;text-align:center;inline-size:var(--pr-t-spacings-200);margin-block:0;margin-inline:calc(var(--pr-t-spacings-100) * -1);position:relative;inset-inline-start:calc(var(--pr-t-spacings-25) * -1)}.timePicker-fieldset-group{position:relative}.timePicker-fieldset-group~.timePicker-fieldset-group{margin-inline-start:calc(var(--pr-t-spacings-50) * -1)}.timePicker-fieldset-group-textfield{background-color:transparent}.timePicker-fieldset-group-textfield-input{display:flex;align-items:center;justify-content:center;border:0;block-size:var(--components-timepicker-input-height);inline-size:var(--components-timepicker-input-width);outline:none;color:inherit;background-color:transparent;text-align:center;padding-block:var(--components-timepicker-paddingInput-inline);padding-inline:var(--components-timepicker-paddingInput-block);box-sizing:content-box;opacity:.0001}.timePicker-fieldset-group-textfield-input::placeholder{color:var(--component-textField-placeholder)}.timePicker-fieldset-group-textfield-input:focus-visible+.timePicker-fieldset-group-textfield-display{background-color:var(--palettes-product-100)}.timePicker-fieldset-group-textfield-display{position:absolute;inset:var(--components-timepicker-paddingInput-inline) var(--components-timepicker-paddingInput-block);border-radius:var(--pr-t-border-radius-50);pointer-events:none;display:grid;place-items:center}.timePicker-fieldset-group-stepper{position:absolute;inset-block-end:calc(var(--components-timepicker-input-height) + var(--pr-t-spacings-150) + 1px);border:0;padding:0;block-size:1rem;inline-size:1rem;inset-inline-start:50%;transform:translate(-50%);background-color:transparent;color:var(--palettes-neutral-600);display:inline-flex;justify-content:center;align-items:center;border-radius:var(--pr-t-border-radius-50);outline:none;opacity:1;transition-property:opacity;transition-duration:var(--commons-animations-durations-fast);cursor:pointer}.timePicker-fieldset-group-stepper:hover{background-color:var(--palettes-neutral-50);color:var(--palettes-neutral-800)}.timePicker-fieldset-group-stepper:disabled{cursor:default;color:var(--palettes-neutral-500);pointer-events:none}.timePicker-fieldset-group-stepper .lucca-icon{--icon-size: 1rem}.timePicker-fieldset-group-stepper+.timePicker-fieldset-group-stepper{inset-block-start:calc(var(--components-timepicker-input-height) + var(--pr-t-spacings-150) + 1px);inset-block-end:auto}.timePicker-fieldset-meridiem{inline-size:calc(var(--components-timepicker-input-width) + var(--components-timepicker-paddingInput-block) * 2);position:relative;align-self:stretch;margin-inline-start:calc(var(--pr-t-spacings-50) * -1)}.timePicker-fieldset-meridiem:after{content:\"\";position:absolute;inset:var(--components-timepicker-paddingInput-inline) var(--components-timepicker-paddingInput-block);border-radius:var(--pr-t-border-radius-50);display:grid;place-items:center;text-align:end}.timePicker-fieldset-meridiem:has(input:focus):after{background-color:var(--palettes-product-100)}.timePicker-fieldset-meridiem:has(.timePicker-fieldset-meridiem-ante-input:checked):after{content:\"AM\"/\"\"}.timePicker-fieldset-meridiem:has(.timePicker-fieldset-meridiem-post-input:checked):after{content:\"PM\"/\"\"}.timePicker-fieldset-meridiem-ante,.timePicker-fieldset-meridiem-post{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}}@layer mods{.timePicker.mod-S{--components-timepicker-font: var(--pr-t-font-body-S);--components-timepicker-paddingInput-inline: var(--pr-t-spacings-25);--components-timepicker-paddingInput-block: var(--pr-t-spacings-75);--components-timepicker-input-height: 1.75rem;--components-timepicker-input-width: 1.25rem;--components-timepicker-separator-left: 1.875rem}.timePicker.mod-stepper{--components-timepicker-padding: var(--pr-t-spacings-300) 0}.timePicker.mod-stepperHover:not(:hover,:focus-within) .timePicker-fieldset-group-stepper{opacity:0}.timePicker:has([aria-invalid=true]){--components-timepicker-background: var(--pr-t-color-input-background-critical);--components-timepicker-border: var(--pr-t-color-input-border-critical)}.timePicker:has([aria-invalid=true]):hover{--components-timepicker-border: var(--pr-t-color-input-border-critical-hover)}.timePicker:has([disabled]){--components-timepicker-background: var(--pr-t-color-input-background-disabled);--components-timepicker-border: var(--commons-disabled-placeholder);--components-timepicker-color: var(--pr-t-color-input-text-disabled)}}@layer base{lu-time-picker{display:inline-flex}}\n"], dependencies: [{ kind: "component", type: TimePickerPartComponent, selector: "lu-time-picker-part", inputs: ["label", "decimalConf", "value", "display", "max", "displayArrows", "isReadonly", "hideValue", "disabled", "focused"], outputs: ["valueChange", "prevRequest", "nextRequest", "inputControlClick", "touched"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
877
876
  }
878
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TimePickerComponent, decorators: [{
877
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: TimePickerComponent, decorators: [{
879
878
  type: Component,
880
- args: [{ selector: 'lu-time-picker', standalone: true, imports: [TimePickerPartComponent, NgClass, FormsModule, RepeatOnHoldDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
879
+ args: [{ selector: 'lu-time-picker', imports: [TimePickerPartComponent, NgClass, FormsModule, RepeatOnHoldDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
881
880
  {
882
881
  provide: NG_VALUE_ACCESSOR,
883
882
  useExisting: forwardRef(() => TimePickerComponent),
@@ -890,9 +889,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
890
889
  }], postMeridiemRef: [{
891
890
  type: ViewChild,
892
891
  args: ['postMeridiemRef']
893
- }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], displayArrows: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayArrows", required: false }] }], forceMeridiemDisplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "forceMeridiemDisplay", required: false }] }], label: [{
892
+ }], label: [{
894
893
  type: Input
895
- }], timeChange: [{ type: i0.Output, args: ["timeChange"] }] } });
894
+ }] } });
896
895
 
897
896
  /**
898
897
  * Generated bundle index. Do not edit.