@progress-chef/platform-shared-components 0.0.111 → 0.0.113

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 (220) hide show
  1. package/esm2022/lib/atoms/alert/alert.component.mjs +40 -0
  2. package/esm2022/lib/atoms/alert/alert.module.mjs +24 -0
  3. package/esm2022/lib/atoms/angular-popup/angular-popup.component.mjs +34 -0
  4. package/esm2022/lib/atoms/angular-popup/angular-popup.module.mjs +32 -0
  5. package/esm2022/lib/atoms/atoms.module.mjs +304 -0
  6. package/esm2022/lib/atoms/avatar/avatar.component.mjs +62 -0
  7. package/esm2022/lib/atoms/avatar/avatar.module.mjs +32 -0
  8. package/esm2022/lib/atoms/breadcrumb/breadcrumb.component.mjs +58 -0
  9. package/esm2022/lib/atoms/breadcrumb/breadcrumb.module.mjs +40 -0
  10. package/esm2022/lib/atoms/button/button.component.mjs +85 -0
  11. package/esm2022/lib/atoms/button/button.module.mjs +36 -0
  12. package/esm2022/lib/atoms/button-group/button-group.component.mjs +51 -0
  13. package/esm2022/lib/atoms/button-group/button-group.module.mjs +36 -0
  14. package/esm2022/lib/atoms/checkbox/checkbox.component.mjs +47 -0
  15. package/esm2022/lib/atoms/checkbox/checkbox.module.mjs +36 -0
  16. package/esm2022/lib/atoms/chip/chip.component.mjs +32 -0
  17. package/esm2022/lib/atoms/chip/chip.module.mjs +44 -0
  18. package/esm2022/lib/atoms/chip-list/chip-list.component.mjs +87 -0
  19. package/esm2022/lib/atoms/chip-list/chip-list.module.mjs +52 -0
  20. package/esm2022/lib/atoms/clipboard/clipboard.component.mjs +111 -0
  21. package/esm2022/lib/atoms/clipboard/clipboard.module.mjs +40 -0
  22. package/esm2022/lib/atoms/container/container.component.mjs +28 -0
  23. package/esm2022/lib/atoms/container/container.module.mjs +24 -0
  24. package/esm2022/lib/atoms/date-range/date-range.component.mjs +49 -0
  25. package/esm2022/lib/atoms/date-range/date-range.module.mjs +39 -0
  26. package/esm2022/lib/atoms/datepicker/datepicker.component.mjs +91 -0
  27. package/esm2022/lib/atoms/datepicker/datepicker.module.mjs +35 -0
  28. package/esm2022/lib/atoms/drag-and-drop/drag-and-drop.component.mjs +88 -0
  29. package/esm2022/lib/atoms/drag-and-drop/drag-and-drop.module.mjs +44 -0
  30. package/esm2022/lib/atoms/dropdown/dropdown.component.mjs +200 -0
  31. package/esm2022/lib/atoms/dropdown/dropdown.module.mjs +43 -0
  32. package/esm2022/lib/atoms/dropdown-button/dropdown-button.component.mjs +46 -0
  33. package/esm2022/lib/atoms/dropdown-button/dropdown-button.module.mjs +36 -0
  34. package/esm2022/lib/atoms/dropdown-tree/dropdowntree.component.mjs +102 -0
  35. package/esm2022/lib/atoms/dropdown-tree/dropdowntree.module.mjs +43 -0
  36. package/esm2022/lib/atoms/expansion-panel/expansion-panel.component.mjs +51 -0
  37. package/esm2022/lib/atoms/expansion-panel/expansion-panel.module.mjs +56 -0
  38. package/esm2022/lib/atoms/icon/icon.component.mjs +37 -0
  39. package/esm2022/lib/atoms/icon/icon.module.mjs +21 -0
  40. package/esm2022/lib/atoms/labels/label.component.mjs +25 -0
  41. package/esm2022/lib/atoms/labels/label.module.mjs +32 -0
  42. package/esm2022/lib/atoms/list-views/list-view.component.mjs +91 -0
  43. package/esm2022/lib/atoms/list-views/list-view.module.mjs +60 -0
  44. package/esm2022/lib/atoms/loader/loader.component.mjs +48 -0
  45. package/esm2022/lib/atoms/loader/loader.module.mjs +28 -0
  46. package/esm2022/lib/atoms/loading-spinner/loading-spinner.component.mjs +25 -0
  47. package/esm2022/lib/atoms/loading-spinner/loading-spinner.module.mjs +24 -0
  48. package/esm2022/lib/atoms/multi-select-dropdown/multi-select-dropdown.component.mjs +150 -0
  49. package/esm2022/lib/atoms/multi-select-dropdown/multi-select-dropdown.module.mjs +43 -0
  50. package/esm2022/lib/atoms/notification/notification.component.mjs +69 -0
  51. package/esm2022/lib/atoms/notification/notification.module.mjs +24 -0
  52. package/esm2022/lib/atoms/numeric-textbox/numeric-textbox.component.mjs +75 -0
  53. package/esm2022/lib/atoms/numeric-textbox/numeric-textbox.module.mjs +35 -0
  54. package/esm2022/lib/atoms/progress-bar/progress-bar.component.mjs +19 -0
  55. package/esm2022/lib/atoms/progress-bar/progress-bar.module.mjs +24 -0
  56. package/esm2022/lib/atoms/radio-button/radio-button.component.mjs +53 -0
  57. package/esm2022/lib/atoms/radio-button/radio-button.module.mjs +39 -0
  58. package/esm2022/lib/atoms/search-box/search-box.component.mjs +108 -0
  59. package/esm2022/lib/atoms/search-box/search-box.module.mjs +40 -0
  60. package/esm2022/lib/atoms/slider/slider.component.mjs +58 -0
  61. package/esm2022/lib/atoms/slider/slider.module.mjs +28 -0
  62. package/esm2022/lib/atoms/stepper/stepper.component.mjs +38 -0
  63. package/esm2022/lib/atoms/stepper/stepper.module.mjs +52 -0
  64. package/esm2022/lib/atoms/switch/switch.component.mjs +53 -0
  65. package/esm2022/lib/atoms/switch/switch.module.mjs +59 -0
  66. package/esm2022/lib/atoms/text-area/text-area.component.mjs +93 -0
  67. package/esm2022/lib/atoms/text-area/text-area.module.mjs +36 -0
  68. package/esm2022/lib/atoms/textbox/textbox.component.mjs +115 -0
  69. package/esm2022/lib/atoms/textbox/textbox.module.mjs +40 -0
  70. package/esm2022/lib/atoms/time-picker/time-picker.component.mjs +83 -0
  71. package/esm2022/lib/atoms/time-picker/time-picker.module.mjs +35 -0
  72. package/esm2022/lib/atoms/timescheduler/timescheduler.component.mjs +79 -0
  73. package/esm2022/lib/atoms/timescheduler/timescheduler.module.mjs +35 -0
  74. package/esm2022/lib/atoms/toast-notification/toast-notification.module.mjs +31 -0
  75. package/esm2022/lib/atoms/toast-notification/toast-notification.service.mjs +160 -0
  76. package/esm2022/lib/atoms/tooltip/tooltip.component.mjs +48 -0
  77. package/esm2022/lib/atoms/tooltip/tooltip.module.mjs +24 -0
  78. package/esm2022/lib/atoms/typography/TypographyType.mjs +2 -0
  79. package/esm2022/lib/atoms/typography/typography.component.mjs +78 -0
  80. package/esm2022/lib/atoms/typography/typography.module.mjs +24 -0
  81. package/esm2022/lib/atoms/uploader/uploader.component.mjs +213 -0
  82. package/esm2022/lib/atoms/uploader/uploader.module.mjs +53 -0
  83. package/esm2022/lib/molecules/card/card-actions/card-actions.component.mjs +20 -0
  84. package/esm2022/lib/molecules/card/card-body/card-body.component.mjs +12 -0
  85. package/esm2022/lib/molecules/card/card-footer/card-footer.component.mjs +12 -0
  86. package/esm2022/lib/molecules/card/card-header/card-header.component.mjs +31 -0
  87. package/esm2022/lib/molecules/card/card.component.mjs +20 -0
  88. package/esm2022/lib/molecules/card/card.module.mjs +52 -0
  89. package/esm2022/lib/molecules/dialog/confirmation-dialog/confirmation-dialog.component.mjs +81 -0
  90. package/esm2022/lib/molecules/dialog/dialog-actions/dialog-actions.component.mjs +17 -0
  91. package/esm2022/lib/molecules/dialog/dialog-titlebar/dialog-titlebar.component.mjs +40 -0
  92. package/esm2022/lib/molecules/dialog/dialog.component.mjs +53 -0
  93. package/esm2022/lib/molecules/dialog/dialog.module.mjs +55 -0
  94. package/esm2022/lib/molecules/grid-form/grid-form.component.mjs +110 -0
  95. package/esm2022/lib/molecules/grid-form/grid-form.module.mjs +59 -0
  96. package/esm2022/lib/molecules/grid-layout/grid-layout-item/grid-layout-item.component.mjs +37 -0
  97. package/esm2022/lib/molecules/grid-layout/grid-layout.component.mjs +32 -0
  98. package/esm2022/lib/molecules/grid-layout/grid-layout.module.mjs +33 -0
  99. package/esm2022/lib/molecules/grid-pagination/grid-pagination-spacer/grid-pagination-spacer.component.mjs +12 -0
  100. package/esm2022/lib/molecules/grid-pagination/grid-pagination.component.mjs +621 -0
  101. package/esm2022/lib/molecules/grid-pagination/grid-pagination.module.mjs +84 -0
  102. package/esm2022/lib/molecules/grid-pagination/kebab-menu-filter.pipe.mjs +22 -0
  103. package/esm2022/lib/molecules/molecules.module.mjs +66 -0
  104. package/esm2022/lib/molecules/tabstrip/tabstrip-tab/tabstrip-tab.component.mjs +25 -0
  105. package/esm2022/lib/molecules/tabstrip/tabstrip.component.mjs +37 -0
  106. package/esm2022/lib/molecules/tabstrip/tabstrip.module.mjs +33 -0
  107. package/esm2022/lib/shared.component.mjs +4 -4
  108. package/esm2022/lib/shared.module.mjs +25 -10
  109. package/esm2022/public-api.mjs +114 -2
  110. package/fesm2022/progress-chef-platform-shared-components.mjs +5698 -14
  111. package/fesm2022/progress-chef-platform-shared-components.mjs.map +1 -1
  112. package/lib/atoms/alert/alert.component.d.ts +20 -0
  113. package/lib/atoms/alert/alert.module.d.ts +8 -0
  114. package/lib/atoms/angular-popup/angular-popup.component.d.ts +15 -0
  115. package/lib/atoms/angular-popup/angular-popup.module.d.ts +10 -0
  116. package/lib/atoms/atoms.module.d.ts +48 -0
  117. package/lib/atoms/avatar/avatar.component.d.ts +21 -0
  118. package/lib/atoms/avatar/avatar.module.d.ts +10 -0
  119. package/lib/atoms/breadcrumb/breadcrumb.component.d.ts +17 -0
  120. package/lib/atoms/breadcrumb/breadcrumb.module.d.ts +12 -0
  121. package/lib/atoms/button/button.component.d.ts +29 -0
  122. package/lib/atoms/button/button.module.d.ts +11 -0
  123. package/lib/atoms/button-group/button-group.component.d.ts +20 -0
  124. package/lib/atoms/button-group/button-group.module.d.ts +11 -0
  125. package/lib/atoms/checkbox/checkbox.component.d.ts +21 -0
  126. package/lib/atoms/checkbox/checkbox.module.d.ts +11 -0
  127. package/lib/atoms/chip/chip.component.d.ts +12 -0
  128. package/lib/atoms/chip/chip.module.d.ts +13 -0
  129. package/lib/atoms/chip-list/chip-list.component.d.ts +32 -0
  130. package/lib/atoms/chip-list/chip-list.module.d.ts +15 -0
  131. package/lib/atoms/clipboard/clipboard.component.d.ts +35 -0
  132. package/lib/atoms/clipboard/clipboard.module.d.ts +12 -0
  133. package/lib/atoms/container/container.component.d.ts +9 -0
  134. package/lib/atoms/container/container.module.d.ts +8 -0
  135. package/lib/atoms/date-range/date-range.component.d.ts +24 -0
  136. package/lib/atoms/date-range/date-range.module.d.ts +11 -0
  137. package/lib/atoms/datepicker/datepicker.component.d.ts +32 -0
  138. package/lib/atoms/datepicker/datepicker.module.d.ts +10 -0
  139. package/lib/atoms/drag-and-drop/drag-and-drop.component.d.ts +26 -0
  140. package/lib/atoms/drag-and-drop/drag-and-drop.module.d.ts +13 -0
  141. package/lib/atoms/dropdown/dropdown.component.d.ts +67 -0
  142. package/lib/atoms/dropdown/dropdown.module.d.ts +12 -0
  143. package/lib/atoms/dropdown-button/dropdown-button.component.d.ts +17 -0
  144. package/lib/atoms/dropdown-button/dropdown-button.module.d.ts +11 -0
  145. package/lib/atoms/dropdown-tree/dropdowntree.component.d.ts +35 -0
  146. package/lib/atoms/dropdown-tree/dropdowntree.module.d.ts +12 -0
  147. package/lib/atoms/expansion-panel/expansion-panel.component.d.ts +21 -0
  148. package/lib/atoms/expansion-panel/expansion-panel.module.d.ts +16 -0
  149. package/lib/atoms/icon/icon.component.d.ts +14 -0
  150. package/lib/atoms/icon/icon.module.d.ts +7 -0
  151. package/lib/atoms/labels/label.component.d.ts +12 -0
  152. package/lib/atoms/labels/label.module.d.ts +10 -0
  153. package/lib/atoms/list-views/list-view.component.d.ts +32 -0
  154. package/lib/atoms/list-views/list-view.module.d.ts +17 -0
  155. package/lib/atoms/loader/loader.component.d.ts +30 -0
  156. package/lib/atoms/loader/loader.module.d.ts +9 -0
  157. package/lib/atoms/loading-spinner/loading-spinner.component.d.ts +11 -0
  158. package/lib/atoms/loading-spinner/loading-spinner.module.d.ts +8 -0
  159. package/lib/atoms/multi-select-dropdown/multi-select-dropdown.component.d.ts +50 -0
  160. package/lib/atoms/multi-select-dropdown/multi-select-dropdown.module.d.ts +12 -0
  161. package/lib/atoms/notification/notification.component.d.ts +24 -0
  162. package/lib/atoms/notification/notification.module.d.ts +8 -0
  163. package/lib/atoms/numeric-textbox/numeric-textbox.component.d.ts +28 -0
  164. package/lib/atoms/numeric-textbox/numeric-textbox.module.d.ts +10 -0
  165. package/lib/atoms/progress-bar/progress-bar.component.d.ts +9 -0
  166. package/lib/atoms/progress-bar/progress-bar.module.d.ts +8 -0
  167. package/lib/atoms/radio-button/radio-button.component.d.ts +22 -0
  168. package/lib/atoms/radio-button/radio-button.module.d.ts +11 -0
  169. package/lib/atoms/search-box/search-box.component.d.ts +37 -0
  170. package/lib/atoms/search-box/search-box.module.d.ts +12 -0
  171. package/lib/atoms/slider/slider.component.d.ts +18 -0
  172. package/lib/atoms/slider/slider.module.d.ts +9 -0
  173. package/lib/atoms/stepper/stepper.component.d.ts +25 -0
  174. package/lib/atoms/stepper/stepper.module.d.ts +15 -0
  175. package/lib/atoms/switch/switch.component.d.ts +20 -0
  176. package/lib/atoms/switch/switch.module.d.ts +16 -0
  177. package/lib/atoms/text-area/text-area.component.d.ts +35 -0
  178. package/lib/atoms/text-area/text-area.module.d.ts +11 -0
  179. package/lib/atoms/textbox/textbox.component.d.ts +37 -0
  180. package/lib/atoms/textbox/textbox.module.d.ts +12 -0
  181. package/lib/atoms/time-picker/time-picker.component.d.ts +31 -0
  182. package/lib/atoms/time-picker/time-picker.module.d.ts +10 -0
  183. package/lib/atoms/timescheduler/timescheduler.component.d.ts +28 -0
  184. package/lib/atoms/timescheduler/timescheduler.module.d.ts +10 -0
  185. package/lib/atoms/toast-notification/toast-notification.module.d.ts +8 -0
  186. package/lib/atoms/toast-notification/toast-notification.service.d.ts +51 -0
  187. package/lib/atoms/tooltip/tooltip.component.d.ts +17 -0
  188. package/lib/atoms/tooltip/tooltip.module.d.ts +8 -0
  189. package/lib/atoms/typography/TypographyType.d.ts +1 -0
  190. package/lib/atoms/typography/typography.component.d.ts +25 -0
  191. package/lib/atoms/typography/typography.module.d.ts +8 -0
  192. package/lib/atoms/uploader/uploader.component.d.ts +64 -0
  193. package/lib/atoms/uploader/uploader.module.d.ts +14 -0
  194. package/lib/molecules/card/card-actions/card-actions.component.d.ts +8 -0
  195. package/lib/molecules/card/card-body/card-body.component.d.ts +5 -0
  196. package/lib/molecules/card/card-footer/card-footer.component.d.ts +5 -0
  197. package/lib/molecules/card/card-header/card-header.component.d.ts +11 -0
  198. package/lib/molecules/card/card.component.d.ts +7 -0
  199. package/lib/molecules/card/card.module.d.ts +14 -0
  200. package/lib/molecules/dialog/confirmation-dialog/confirmation-dialog.component.d.ts +20 -0
  201. package/lib/molecules/dialog/dialog-actions/dialog-actions.component.d.ts +7 -0
  202. package/lib/molecules/dialog/dialog-titlebar/dialog-titlebar.component.d.ts +16 -0
  203. package/lib/molecules/dialog/dialog.component.d.ts +20 -0
  204. package/lib/molecules/dialog/dialog.module.d.ts +15 -0
  205. package/lib/molecules/grid-form/grid-form.component.d.ts +33 -0
  206. package/lib/molecules/grid-form/grid-form.module.d.ts +16 -0
  207. package/lib/molecules/grid-layout/grid-layout-item/grid-layout-item.component.d.ts +14 -0
  208. package/lib/molecules/grid-layout/grid-layout.component.d.ts +11 -0
  209. package/lib/molecules/grid-layout/grid-layout.module.d.ts +10 -0
  210. package/lib/molecules/grid-pagination/grid-pagination-spacer/grid-pagination-spacer.component.d.ts +5 -0
  211. package/lib/molecules/grid-pagination/grid-pagination.component.d.ts +150 -0
  212. package/lib/molecules/grid-pagination/grid-pagination.module.d.ts +21 -0
  213. package/lib/molecules/grid-pagination/kebab-menu-filter.pipe.d.ts +7 -0
  214. package/lib/molecules/molecules.module.d.ts +14 -0
  215. package/lib/molecules/tabstrip/tabstrip-tab/tabstrip-tab.component.d.ts +10 -0
  216. package/lib/molecules/tabstrip/tabstrip.component.d.ts +15 -0
  217. package/lib/molecules/tabstrip/tabstrip.module.d.ts +10 -0
  218. package/lib/shared.module.d.ts +5 -2
  219. package/package.json +32 -5
  220. package/public-api.d.ts +108 -1
@@ -0,0 +1,87 @@
1
+ import { Component, Input, ViewChild, ViewChildren } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "@angular/common";
4
+ import * as i2 from "../chip/chip.component";
5
+ import * as i3 from "../tooltip/tooltip.component";
6
+ import * as i4 from "../typography/typography.component";
7
+ export class ChipListComponent {
8
+ constructor(cdr) {
9
+ this.cdr = cdr;
10
+ this.list = [];
11
+ this.size = 'small';
12
+ this.rounded = 'full';
13
+ this.fillMode = 'solid';
14
+ this.themeColor = 'none';
15
+ this.removable = false;
16
+ this.totalChipWidth = 0;
17
+ this._list = [];
18
+ this.chipWidthList = [];
19
+ this.plusChipWidth = 35;
20
+ this.marginRight = 4;
21
+ this.remainingList = [];
22
+ this.width = 150;
23
+ this.showFullList = false;
24
+ this.numChipTheme = {};
25
+ this.showTruncatedItemAsTooltip = false;
26
+ }
27
+ ngOnInit() {
28
+ this._list = [...this.list];
29
+ }
30
+ ngOnChanges(changes) {
31
+ if (!changes['width']?.firstChange) {
32
+ this._list = [...this.list];
33
+ this.totalChipWidth = 0;
34
+ this.calculateWidthAndRender();
35
+ }
36
+ }
37
+ ngAfterViewInit() {
38
+ this.chips.forEach((each) => {
39
+ this.chipWidthList.push(each.chip.element.nativeElement.offsetWidth + this.marginRight);
40
+ });
41
+ this.calculateWidthAndRender();
42
+ this.cdr.detectChanges();
43
+ }
44
+ calculateWidthAndRender() {
45
+ if (this.showFullList)
46
+ return;
47
+ this.chipWidthList.some((chipWidth, index) => {
48
+ this.totalChipWidth += chipWidth;
49
+ if (this.totalChipWidth > this.width) {
50
+ const totalWidth = index && (this.totalChipWidth - chipWidth) + this.plusChipWidth;
51
+ const remaining = this.chipWidthList.length - index + (totalWidth > this.width ? 1 : 0);
52
+ this.remainingList = this._list.splice(-remaining);
53
+ if (this.showTruncatedItemAsTooltip) {
54
+ this.numChipValue = { label: '+' + remaining, ...this.numChipTheme };
55
+ }
56
+ else {
57
+ this._list.push({ label: '+' + remaining, ...this.numChipTheme });
58
+ }
59
+ return true;
60
+ }
61
+ return false;
62
+ });
63
+ }
64
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChipListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
65
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ChipListComponent, selector: "lib-chip-list", inputs: { list: "list", width: "width", showFullList: "showFullList", numChipTheme: "numChipTheme", showTruncatedItemAsTooltip: "showTruncatedItemAsTooltip" }, viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true }, { propertyName: "chips", predicate: ["chip"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"chip-list-wrapper\" #wrapper>\n <lib-chip #chip *ngFor=\"let item of _list\" [size]=\"item?.size || size\" [rounded]=\"item?.rounded || rounded\"\n [fillMode]=\"item?.fillMode || fillMode\" [themeColor]=\"item?.themeColor || themeColor\"\n [removable]=\"item?.removable || removable\">{{item.label}}</lib-chip>\n <lib-tooltip *ngIf=\"showTruncatedItemAsTooltip && numChipValue?.label\" [callout]=\"true\">\n <lib-chip [size]=\"numChipValue?.size || size\" [rounded]=\"numChipValue?.rounded || rounded\"\n [fillMode]=\"numChipValue?.fillMode || fillMode\" [themeColor]=\"numChipValue?.themeColor || themeColor\"\n [removable]=\"numChipValue?.removable || removable\">{{numChipValue?.label}}</lib-chip>\n <div class=\"tooltip-content\">\n <lib-typography *ngFor=\"let textItem of remainingList\" [defaultText]=\"textItem?.label\" type=\"BODY_MEDIUM\"/>\n </div>\n </lib-tooltip>\n</div>\n", styles: [".chip-list-wrapper{display:flex;flex-wrap:wrap}.chip-list-wrapper lib-chip{margin-right:.25rem}.tooltip-content lib-typography{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ChipComponent, selector: "lib-chip", inputs: ["size", "rounded", "fillMode", "themeColor", "removable"] }, { kind: "component", type: i3.TooltipComponent, selector: "lib-tooltip", inputs: ["position", "tooltipWidth", "tooltipHeight", "showOn", "closable", "title", "callout"] }, { kind: "component", type: i4.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
66
+ }
67
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChipListComponent, decorators: [{
68
+ type: Component,
69
+ args: [{ selector: 'lib-chip-list', template: "<div class=\"chip-list-wrapper\" #wrapper>\n <lib-chip #chip *ngFor=\"let item of _list\" [size]=\"item?.size || size\" [rounded]=\"item?.rounded || rounded\"\n [fillMode]=\"item?.fillMode || fillMode\" [themeColor]=\"item?.themeColor || themeColor\"\n [removable]=\"item?.removable || removable\">{{item.label}}</lib-chip>\n <lib-tooltip *ngIf=\"showTruncatedItemAsTooltip && numChipValue?.label\" [callout]=\"true\">\n <lib-chip [size]=\"numChipValue?.size || size\" [rounded]=\"numChipValue?.rounded || rounded\"\n [fillMode]=\"numChipValue?.fillMode || fillMode\" [themeColor]=\"numChipValue?.themeColor || themeColor\"\n [removable]=\"numChipValue?.removable || removable\">{{numChipValue?.label}}</lib-chip>\n <div class=\"tooltip-content\">\n <lib-typography *ngFor=\"let textItem of remainingList\" [defaultText]=\"textItem?.label\" type=\"BODY_MEDIUM\"/>\n </div>\n </lib-tooltip>\n</div>\n", styles: [".chip-list-wrapper{display:flex;flex-wrap:wrap}.chip-list-wrapper lib-chip{margin-right:.25rem}.tooltip-content lib-typography{display:block}\n"] }]
70
+ }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { list: [{
71
+ type: Input
72
+ }], chips: [{
73
+ type: ViewChildren,
74
+ args: ['chip']
75
+ }], wrapper: [{
76
+ type: ViewChild,
77
+ args: ['wrapper']
78
+ }], width: [{
79
+ type: Input
80
+ }], showFullList: [{
81
+ type: Input
82
+ }], numChipTheme: [{
83
+ type: Input
84
+ }], showTruncatedItemAsTooltip: [{
85
+ type: Input
86
+ }] } });
87
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC9zcmMvbGliL2F0b21zL2NoaXAtbGlzdC9jaGlwLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvYXRvbXMvY2hpcC1saXN0L2NoaXAtbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXFCLFNBQVMsRUFBYyxLQUFLLEVBQTRCLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVFuSSxNQUFNLE9BQU8saUJBQWlCO0lBcUI1QixZQUFvQixHQUFzQjtRQUF0QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQXBCakMsU0FBSSxHQUFRLEVBQUUsQ0FBQztRQUd4QixTQUFJLEdBQUcsT0FBTyxDQUFDO1FBQ2YsWUFBTyxHQUFHLE1BQU0sQ0FBQztRQUNqQixhQUFRLEdBQUcsT0FBTyxDQUFDO1FBQ25CLGVBQVUsR0FBRyxNQUFNLENBQUM7UUFDcEIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNsQixtQkFBYyxHQUFHLENBQUMsQ0FBQztRQUNuQixVQUFLLEdBQVEsRUFBRSxDQUFDO1FBQ2hCLGtCQUFhLEdBQWEsRUFBRSxDQUFDO1FBQzdCLGtCQUFhLEdBQUcsRUFBRSxDQUFDO1FBQ25CLGdCQUFXLEdBQUcsQ0FBQyxDQUFDO1FBRWhCLGtCQUFhLEdBQVEsRUFBRSxDQUFDO1FBQ2YsVUFBSyxHQUFXLEdBQUcsQ0FBQztRQUNwQixpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUNyQixpQkFBWSxHQUFHLEVBQUUsQ0FBQztRQUNsQiwrQkFBMEIsR0FBRyxLQUFLLENBQUM7SUFFRSxDQUFDO0lBRS9DLFFBQVE7UUFDTixJQUFJLENBQUMsS0FBSyxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxFQUFFLFdBQVcsRUFBRSxDQUFDO1lBQ25DLElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUM1QixJQUFJLENBQUMsY0FBYyxHQUFHLENBQUMsQ0FBQztZQUN4QixJQUFJLENBQUMsdUJBQXVCLEVBQUUsQ0FBQztRQUNqQyxDQUFDO0lBQ0gsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQVMsRUFBRSxFQUFFO1lBQy9CLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQzFGLENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLHVCQUF1QixFQUFFLENBQUM7UUFDL0IsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQTtJQUMxQixDQUFDO0lBRUQsdUJBQXVCO1FBQ3JCLElBQUksSUFBSSxDQUFDLFlBQVk7WUFBRSxPQUFPO1FBQzlCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLENBQUMsU0FBaUIsRUFBRSxLQUFhLEVBQUUsRUFBRTtZQUMzRCxJQUFJLENBQUMsY0FBYyxJQUFJLFNBQVMsQ0FBQztZQUNqQyxJQUFJLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO2dCQUNyQyxNQUFNLFVBQVUsR0FBRyxLQUFLLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxHQUFHLFNBQVMsQ0FBQyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUM7Z0JBQ25GLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxHQUFHLEtBQUssR0FBRyxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO2dCQUN4RixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUM7Z0JBQ25ELElBQUksSUFBSSxDQUFDLDBCQUEwQixFQUFFLENBQUM7b0JBQ3BDLElBQUksQ0FBQyxZQUFZLEdBQUcsRUFBRSxLQUFLLEVBQUUsR0FBRyxHQUFHLFNBQVMsRUFBRSxHQUFHLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQTtnQkFDdEUsQ0FBQztxQkFBTSxDQUFDO29CQUNOLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEVBQUUsS0FBSyxFQUFFLEdBQUcsR0FBRyxTQUFTLEVBQUUsR0FBRyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUMsQ0FBQztnQkFDcEUsQ0FBQztnQkFDRCxPQUFPLElBQUksQ0FBQztZQUNkLENBQUM7WUFDRCxPQUFPLEtBQUssQ0FBQztRQUNmLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzsrR0E1RFUsaUJBQWlCO21HQUFqQixpQkFBaUIsaVpDUjlCLDQ2QkFhQTs7NEZETGEsaUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLGVBQWU7c0ZBS2hCLElBQUk7c0JBQVosS0FBSztnQkFDZ0IsS0FBSztzQkFBMUIsWUFBWTt1QkFBQyxNQUFNO2dCQUNFLE9BQU87c0JBQTVCLFNBQVM7dUJBQUMsU0FBUztnQkFhWCxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLDBCQUEwQjtzQkFBbEMsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBRdWVyeUxpc3QsIFNpbXBsZUNoYW5nZXMsIFZpZXdDaGlsZCwgVmlld0NoaWxkcmVuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDaGlwQ29tcG9uZW50IH0gZnJvbSAnQHByb2dyZXNzL2tlbmRvLWFuZ3VsYXItYnV0dG9ucyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1jaGlwLWxpc3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hpcC1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2hpcC1saXN0LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQ2hpcExpc3RDb21wb25lbnQge1xuICBASW5wdXQoKSBsaXN0OiBhbnkgPSBbXTtcbiAgQFZpZXdDaGlsZHJlbignY2hpcCcpIGNoaXBzITogUXVlcnlMaXN0PENoaXBDb21wb25lbnQ+O1xuICBAVmlld0NoaWxkKCd3cmFwcGVyJykgd3JhcHBlciE6IEVsZW1lbnRSZWY7XG4gIHNpemUgPSAnc21hbGwnO1xuICByb3VuZGVkID0gJ2Z1bGwnO1xuICBmaWxsTW9kZSA9ICdzb2xpZCc7XG4gIHRoZW1lQ29sb3IgPSAnbm9uZSc7XG4gIHJlbW92YWJsZSA9IGZhbHNlO1xuICB0b3RhbENoaXBXaWR0aCA9IDA7XG4gIF9saXN0OiBhbnkgPSBbXTtcbiAgY2hpcFdpZHRoTGlzdDogbnVtYmVyW10gPSBbXTtcbiAgcGx1c0NoaXBXaWR0aCA9IDM1O1xuICBtYXJnaW5SaWdodCA9IDQ7XG4gIG51bUNoaXBWYWx1ZTogYW55O1xuICByZW1haW5pbmdMaXN0OiBhbnkgPSBbXTtcbiAgQElucHV0KCkgd2lkdGg6IG51bWJlciA9IDE1MDtcbiAgQElucHV0KCkgc2hvd0Z1bGxMaXN0ID0gZmFsc2U7XG4gIEBJbnB1dCgpIG51bUNoaXBUaGVtZSA9IHt9O1xuICBASW5wdXQoKSBzaG93VHJ1bmNhdGVkSXRlbUFzVG9vbHRpcCA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikgeyB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5fbGlzdCA9IFsuLi50aGlzLmxpc3RdO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgIGlmICghY2hhbmdlc1snd2lkdGgnXT8uZmlyc3RDaGFuZ2UpIHtcbiAgICAgIHRoaXMuX2xpc3QgPSBbLi4udGhpcy5saXN0XTtcbiAgICAgIHRoaXMudG90YWxDaGlwV2lkdGggPSAwO1xuICAgICAgdGhpcy5jYWxjdWxhdGVXaWR0aEFuZFJlbmRlcigpO1xuICAgIH1cbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLmNoaXBzLmZvckVhY2goKGVhY2g6IGFueSkgPT4ge1xuICAgICAgdGhpcy5jaGlwV2lkdGhMaXN0LnB1c2goZWFjaC5jaGlwLmVsZW1lbnQubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aCArIHRoaXMubWFyZ2luUmlnaHQpO1xuICAgIH0pO1xuICAgIHRoaXMuY2FsY3VsYXRlV2lkdGhBbmRSZW5kZXIoKTtcbiAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKClcbiAgfVxuXG4gIGNhbGN1bGF0ZVdpZHRoQW5kUmVuZGVyKCkge1xuICAgIGlmICh0aGlzLnNob3dGdWxsTGlzdCkgcmV0dXJuO1xuICAgIHRoaXMuY2hpcFdpZHRoTGlzdC5zb21lKChjaGlwV2lkdGg6IG51bWJlciwgaW5kZXg6IG51bWJlcikgPT4ge1xuICAgICAgdGhpcy50b3RhbENoaXBXaWR0aCArPSBjaGlwV2lkdGg7XG4gICAgICBpZiAodGhpcy50b3RhbENoaXBXaWR0aCA+IHRoaXMud2lkdGgpIHtcbiAgICAgICAgY29uc3QgdG90YWxXaWR0aCA9IGluZGV4ICYmICh0aGlzLnRvdGFsQ2hpcFdpZHRoIC0gY2hpcFdpZHRoKSArIHRoaXMucGx1c0NoaXBXaWR0aDtcbiAgICAgICAgY29uc3QgcmVtYWluaW5nID0gdGhpcy5jaGlwV2lkdGhMaXN0Lmxlbmd0aCAtIGluZGV4ICsgKHRvdGFsV2lkdGggPiB0aGlzLndpZHRoID8gMSA6IDApO1xuICAgICAgICB0aGlzLnJlbWFpbmluZ0xpc3QgPSB0aGlzLl9saXN0LnNwbGljZSgtcmVtYWluaW5nKTtcbiAgICAgICAgaWYgKHRoaXMuc2hvd1RydW5jYXRlZEl0ZW1Bc1Rvb2x0aXApIHtcbiAgICAgICAgICB0aGlzLm51bUNoaXBWYWx1ZSA9IHsgbGFiZWw6ICcrJyArIHJlbWFpbmluZywgLi4udGhpcy5udW1DaGlwVGhlbWUgfVxuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHRoaXMuX2xpc3QucHVzaCh7IGxhYmVsOiAnKycgKyByZW1haW5pbmcsIC4uLnRoaXMubnVtQ2hpcFRoZW1lIH0pO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB0cnVlO1xuICAgICAgfVxuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH0pO1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJjaGlwLWxpc3Qtd3JhcHBlclwiICN3cmFwcGVyPlxuICA8bGliLWNoaXAgI2NoaXAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgX2xpc3RcIiBbc2l6ZV09XCJpdGVtPy5zaXplIHx8IHNpemVcIiBbcm91bmRlZF09XCJpdGVtPy5yb3VuZGVkIHx8IHJvdW5kZWRcIlxuICAgIFtmaWxsTW9kZV09XCJpdGVtPy5maWxsTW9kZSB8fCBmaWxsTW9kZVwiIFt0aGVtZUNvbG9yXT1cIml0ZW0/LnRoZW1lQ29sb3IgfHwgdGhlbWVDb2xvclwiXG4gICAgW3JlbW92YWJsZV09XCJpdGVtPy5yZW1vdmFibGUgfHwgcmVtb3ZhYmxlXCI+e3tpdGVtLmxhYmVsfX08L2xpYi1jaGlwPlxuICA8bGliLXRvb2x0aXAgKm5nSWY9XCJzaG93VHJ1bmNhdGVkSXRlbUFzVG9vbHRpcCAmJiBudW1DaGlwVmFsdWU/LmxhYmVsXCIgW2NhbGxvdXRdPVwidHJ1ZVwiPlxuICAgIDxsaWItY2hpcCBbc2l6ZV09XCJudW1DaGlwVmFsdWU/LnNpemUgfHwgc2l6ZVwiIFtyb3VuZGVkXT1cIm51bUNoaXBWYWx1ZT8ucm91bmRlZCB8fCByb3VuZGVkXCJcbiAgICAgIFtmaWxsTW9kZV09XCJudW1DaGlwVmFsdWU/LmZpbGxNb2RlIHx8IGZpbGxNb2RlXCIgW3RoZW1lQ29sb3JdPVwibnVtQ2hpcFZhbHVlPy50aGVtZUNvbG9yIHx8IHRoZW1lQ29sb3JcIlxuICAgICAgW3JlbW92YWJsZV09XCJudW1DaGlwVmFsdWU/LnJlbW92YWJsZSB8fCByZW1vdmFibGVcIj57e251bUNoaXBWYWx1ZT8ubGFiZWx9fTwvbGliLWNoaXA+XG4gICAgICA8ZGl2IGNsYXNzPVwidG9vbHRpcC1jb250ZW50XCI+XG4gICAgICAgIDxsaWItdHlwb2dyYXBoeSAqbmdGb3I9XCJsZXQgdGV4dEl0ZW0gb2YgcmVtYWluaW5nTGlzdFwiIFtkZWZhdWx0VGV4dF09XCJ0ZXh0SXRlbT8ubGFiZWxcIiB0eXBlPVwiQk9EWV9NRURJVU1cIi8+XG4gICAgICA8L2Rpdj5cbiAgPC9saWItdG9vbHRpcD5cbjwvZGl2PlxuIl19
@@ -0,0 +1,52 @@
1
+ import { NgModule } from '@angular/core';
2
+ import { ChipListComponent } from './chip-list.component';
3
+ import { ButtonsModule } from '@progress/kendo-angular-buttons';
4
+ import { LabelModule } from '@progress/kendo-angular-label';
5
+ import { FormsModule } from '@angular/forms';
6
+ import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
7
+ import { ChipModule } from '../chip/chip.module';
8
+ import { TooltipModule } from '../tooltip/tooltip.module';
9
+ import { TypographyModule } from '../typography/typography.module';
10
+ import { CommonModule } from '@angular/common';
11
+ import * as i0 from "@angular/core";
12
+ export class ChipListModule {
13
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChipListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
14
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ChipListModule, declarations: [ChipListComponent], imports: [CommonModule,
15
+ ButtonsModule,
16
+ LabelModule,
17
+ FormsModule,
18
+ DropDownsModule,
19
+ ChipModule,
20
+ TooltipModule,
21
+ TypographyModule], exports: [ChipListComponent] }); }
22
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChipListModule, imports: [CommonModule,
23
+ ButtonsModule,
24
+ LabelModule,
25
+ FormsModule,
26
+ DropDownsModule,
27
+ ChipModule,
28
+ TooltipModule,
29
+ TypographyModule] }); }
30
+ }
31
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChipListModule, decorators: [{
32
+ type: NgModule,
33
+ args: [{
34
+ declarations: [
35
+ ChipListComponent
36
+ ],
37
+ imports: [
38
+ CommonModule,
39
+ ButtonsModule,
40
+ LabelModule,
41
+ FormsModule,
42
+ DropDownsModule,
43
+ ChipModule,
44
+ TooltipModule,
45
+ TypographyModule
46
+ ],
47
+ exports: [
48
+ ChipListComponent
49
+ ]
50
+ }]
51
+ }] });
52
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC1saXN0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC9zcmMvbGliL2F0b21zL2NoaXAtbGlzdC9jaGlwLWxpc3QubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNqRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDbkUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQXFCL0MsTUFBTSxPQUFPLGNBQWM7K0dBQWQsY0FBYztnSEFBZCxjQUFjLGlCQWhCdkIsaUJBQWlCLGFBR2pCLFlBQVk7WUFDWixhQUFhO1lBQ2IsV0FBVztZQUNYLFdBQVc7WUFDWCxlQUFlO1lBQ2YsVUFBVTtZQUNWLGFBQWE7WUFDYixnQkFBZ0IsYUFHaEIsaUJBQWlCO2dIQUdSLGNBQWMsWUFidkIsWUFBWTtZQUNaLGFBQWE7WUFDYixXQUFXO1lBQ1gsV0FBVztZQUNYLGVBQWU7WUFDZixVQUFVO1lBQ1YsYUFBYTtZQUNiLGdCQUFnQjs7NEZBTVAsY0FBYztrQkFsQjFCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLGlCQUFpQjtxQkFDbEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osYUFBYTt3QkFDYixXQUFXO3dCQUNYLFdBQVc7d0JBQ1gsZUFBZTt3QkFDZixVQUFVO3dCQUNWLGFBQWE7d0JBQ2IsZ0JBQWdCO3FCQUNqQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsaUJBQWlCO3FCQUNsQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDaGlwTGlzdENvbXBvbmVudCB9IGZyb20gJy4vY2hpcC1saXN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCdXR0b25zTW9kdWxlIH0gZnJvbSAnQHByb2dyZXNzL2tlbmRvLWFuZ3VsYXItYnV0dG9ucyc7XG5pbXBvcnQgeyBMYWJlbE1vZHVsZSB9IGZyb20gJ0Bwcm9ncmVzcy9rZW5kby1hbmd1bGFyLWxhYmVsJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgRHJvcERvd25zTW9kdWxlIH0gZnJvbSAnQHByb2dyZXNzL2tlbmRvLWFuZ3VsYXItZHJvcGRvd25zJztcbmltcG9ydCB7IENoaXBNb2R1bGUgfSBmcm9tICcuLi9jaGlwL2NoaXAubW9kdWxlJztcbmltcG9ydCB7IFRvb2x0aXBNb2R1bGUgfSBmcm9tICcuLi90b29sdGlwL3Rvb2x0aXAubW9kdWxlJztcbmltcG9ydCB7IFR5cG9ncmFwaHlNb2R1bGUgfSBmcm9tICcuLi90eXBvZ3JhcGh5L3R5cG9ncmFwaHkubW9kdWxlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgQ2hpcExpc3RDb21wb25lbnRcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBCdXR0b25zTW9kdWxlLFxuICAgIExhYmVsTW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIERyb3BEb3duc01vZHVsZSxcbiAgICBDaGlwTW9kdWxlLFxuICAgIFRvb2x0aXBNb2R1bGUsXG4gICAgVHlwb2dyYXBoeU1vZHVsZVxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgQ2hpcExpc3RDb21wb25lbnRcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBDaGlwTGlzdE1vZHVsZSB7IH1cbiJdfQ==
@@ -0,0 +1,111 @@
1
+ import { Component, Input } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "@progress-chef/platform-themes-service";
4
+ import * as i2 from "../button/button.component";
5
+ import * as i3 from "@angular/common";
6
+ import * as i4 from "../tooltip/tooltip.component";
7
+ import * as i5 from "../icon/icon.component";
8
+ export class ClipboardComponent {
9
+ constructor(themesService) {
10
+ this.themesService = themesService;
11
+ this.clipboardData = "";
12
+ this.tooltipPosition = 'top';
13
+ this.preCopyText = "Copy";
14
+ this.postCopyText = "Copied!";
15
+ this.tooltipText = "";
16
+ this.showCopyIcon = false;
17
+ this.iconFontSize = 16;
18
+ }
19
+ ngOnInit() {
20
+ this.tooltipText = this.preCopyText;
21
+ }
22
+ async copyToClipboard() {
23
+ if (!this.clipboardData || this.clipboardData.trim() === '') {
24
+ throw new Error('Text to copy is empty or invalid.');
25
+ }
26
+ await this.copy(this.clipboardData);
27
+ this.tooltipText = this.postCopyText;
28
+ }
29
+ /**
30
+ * Asynchronously copies text to the clipboard.
31
+ * @param clipboardData The text to be copied to the clipboard.
32
+ */
33
+ async copy(clipboardData) {
34
+ // Check if the modern Clipboard API is supported in the browser
35
+ if (window.navigator.clipboard) {
36
+ // If supported, use the modern copy method
37
+ await this.copyModern(clipboardData);
38
+ return;
39
+ }
40
+ // If not supported, fallback to the legacy copy method
41
+ await this.copyLegacy(clipboardData);
42
+ }
43
+ /**
44
+ * Asynchronously copies text to the clipboard using the modern Clipboard API.
45
+ * @param clipboardData The text to be copied to the clipboard.
46
+ */
47
+ async copyModern(clipboardData) {
48
+ try {
49
+ // Attempt to copy using the modern Clipboard API
50
+ await window.navigator.clipboard.writeText(clipboardData);
51
+ }
52
+ catch (err) {
53
+ // Handle any errors that occur during the copy operation
54
+ console.log("Error using the modern Clipboard API[window.navigator.clipboard.writeText]:\n", err);
55
+ // If there's an error, fall back to the legacy copy method
56
+ await this.copyLegacy(clipboardData);
57
+ }
58
+ }
59
+ /**
60
+ * Asynchronously copies text to the clipboard using a legacy method.
61
+ * @param clipboardData The text to be copied to the clipboard.
62
+ * @returns A Promise that resolves with a boolean indicating success.
63
+ */
64
+ async copyLegacy(clipboardData) {
65
+ return new Promise((resolve, reject) => {
66
+ try {
67
+ // Create a hidden textarea element off-screen
68
+ const el = document.createElement('textarea');
69
+ el.style.position = 'fixed';
70
+ el.style.left = '-9999px';
71
+ el.value = clipboardData;
72
+ // Append the element to the document body
73
+ document.body.appendChild(el);
74
+ // Select the text within the textarea and attempt to copy
75
+ el.select();
76
+ const copied = document.execCommand('copy');
77
+ // Clean up by removing the textarea element
78
+ document.body.removeChild(el);
79
+ // Resolve the Promise with a boolean indicating success
80
+ resolve(copied);
81
+ }
82
+ catch (err) {
83
+ // If there's an error during the legacy copy operation, reject the Promise
84
+ reject(err);
85
+ }
86
+ });
87
+ }
88
+ // Once mouse leave the action button reverting the tooltip to original state.
89
+ revertTooltipText() {
90
+ this.tooltipText = this.preCopyText;
91
+ }
92
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ClipboardComponent, deps: [{ token: i1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
93
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ClipboardComponent, selector: "lib-clipboard", inputs: { clipboardData: "clipboardData", tooltipPosition: "tooltipPosition", preCopyText: "preCopyText", postCopyText: "postCopyText", showCopyIcon: "showCopyIcon", iconFontSize: "iconFontSize" }, ngImport: i0, template: "<lib-tooltip class=\"cb-tooltip\" [callout]=\"true\" [position]=\"tooltipPosition\"\n [showOn]=\" !!tooltipText === false ? 'none' : 'hover' \">\n <ng-container *ngIf=\"showCopyIcon; else showButton\">\n <lib-icon class=\"clipboard-copy-icon\" name=\"copy\" [fontSize]=\"iconFontSize\" (click)=\"copyToClipboard()\" (keypress)=\"copyToClipboard()\"\n (mouseleave)=\"revertTooltipText()\"></lib-icon>\n </ng-container>\n <ng-template #showButton>\n <lib-button class=\"copy-button\" themeColor=\"primary\" label=\"Copy\" fillMode=\"outline\" iconName=\"copy\"\n iconPosition=\"before\" (buttonClick)=\"copyToClipboard()\" (mouseleave)=\"revertTooltipText()\"></lib-button>\n </ng-template>\n <div class=\"cb-tooltip-text tooltip-content\">\n {{tooltipText}}\n </div>\n</lib-tooltip>\n", styles: ["::ng-deep .cb-tooltip .copy-button .k-button-outline-primary:focus,::ng-deep .cb-tooltip .copy-button .k-button-outline-primary.k-focus{box-shadow:none!important}::ng-deep .cb-tooltip .clipboard-copy-icon{color:#0069ff;cursor:pointer}::ng-deep .cb-tooltip .clipboard-copy-icon:hover{color:#101416}.cb-tooltip-text{padding:.25rem}\n"], dependencies: [{ kind: "component", type: i2.ButtonComponent, selector: "lib-button", inputs: ["size", "rounded", "fillMode", "themeColor", "label", "iconName", "disabled", "toggleable", "iconPosition", "fontType", "width", "iconButton", "projectedIcon", "formatFn", "iconFontSize"], outputs: ["buttonClick"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.TooltipComponent, selector: "lib-tooltip", inputs: ["position", "tooltipWidth", "tooltipHeight", "showOn", "closable", "title", "callout"] }, { kind: "component", type: i5.IconComponent, selector: "lib-icon", inputs: ["name", "projectedIcon", "fontSize", "type"] }] }); }
94
+ }
95
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ClipboardComponent, decorators: [{
96
+ type: Component,
97
+ args: [{ selector: 'lib-clipboard', template: "<lib-tooltip class=\"cb-tooltip\" [callout]=\"true\" [position]=\"tooltipPosition\"\n [showOn]=\" !!tooltipText === false ? 'none' : 'hover' \">\n <ng-container *ngIf=\"showCopyIcon; else showButton\">\n <lib-icon class=\"clipboard-copy-icon\" name=\"copy\" [fontSize]=\"iconFontSize\" (click)=\"copyToClipboard()\" (keypress)=\"copyToClipboard()\"\n (mouseleave)=\"revertTooltipText()\"></lib-icon>\n </ng-container>\n <ng-template #showButton>\n <lib-button class=\"copy-button\" themeColor=\"primary\" label=\"Copy\" fillMode=\"outline\" iconName=\"copy\"\n iconPosition=\"before\" (buttonClick)=\"copyToClipboard()\" (mouseleave)=\"revertTooltipText()\"></lib-button>\n </ng-template>\n <div class=\"cb-tooltip-text tooltip-content\">\n {{tooltipText}}\n </div>\n</lib-tooltip>\n", styles: ["::ng-deep .cb-tooltip .copy-button .k-button-outline-primary:focus,::ng-deep .cb-tooltip .copy-button .k-button-outline-primary.k-focus{box-shadow:none!important}::ng-deep .cb-tooltip .clipboard-copy-icon{color:#0069ff;cursor:pointer}::ng-deep .cb-tooltip .clipboard-copy-icon:hover{color:#101416}.cb-tooltip-text{padding:.25rem}\n"] }]
98
+ }], ctorParameters: () => [{ type: i1.ThemesService }], propDecorators: { clipboardData: [{
99
+ type: Input
100
+ }], tooltipPosition: [{
101
+ type: Input
102
+ }], preCopyText: [{
103
+ type: Input
104
+ }], postCopyText: [{
105
+ type: Input
106
+ }], showCopyIcon: [{
107
+ type: Input
108
+ }], iconFontSize: [{
109
+ type: Input
110
+ }] } });
111
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xpcGJvYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC9zcmMvbGliL2F0b21zL2NsaXBib2FyZC9jbGlwYm9hcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvYXRvbXMvY2xpcGJvYXJkL2NsaXBib2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQVF6RCxNQUFNLE9BQU8sa0JBQWtCO0lBUzdCLFlBQW9CLGFBQTJCO1FBQTNCLGtCQUFhLEdBQWIsYUFBYSxDQUFjO1FBUnRDLGtCQUFhLEdBQVcsRUFBRSxDQUFDO1FBQzNCLG9CQUFlLEdBQXdDLEtBQUssQ0FBQztRQUM3RCxnQkFBVyxHQUFXLE1BQU0sQ0FBQztRQUM3QixpQkFBWSxHQUFXLFNBQVMsQ0FBQztRQUMxQyxnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUNoQixpQkFBWSxHQUFZLEtBQUssQ0FBQztRQUM5QixpQkFBWSxHQUFXLEVBQUUsQ0FBQztJQUVnQixDQUFDO0lBRXBELFFBQVE7UUFDTixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDdEMsQ0FBQztJQUVELEtBQUssQ0FBQyxlQUFlO1FBQ25CLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxJQUFJLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxFQUFFLENBQUM7WUFDNUQsTUFBTSxJQUFJLEtBQUssQ0FBQyxtQ0FBbUMsQ0FBQyxDQUFDO1FBQ3ZELENBQUM7UUFDRCxNQUFNLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ3BDLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQztJQUN2QyxDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsS0FBSyxDQUFDLElBQUksQ0FBQyxhQUFxQjtRQUM5QixnRUFBZ0U7UUFDaEUsSUFBSSxNQUFNLENBQUMsU0FBUyxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQy9CLDJDQUEyQztZQUMzQyxNQUFNLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUM7WUFDckMsT0FBTztRQUNULENBQUM7UUFFRCx1REFBdUQ7UUFDdkQsTUFBTSxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFFRDs7O09BR0c7SUFDSCxLQUFLLENBQUMsVUFBVSxDQUFDLGFBQXFCO1FBQ3BDLElBQUksQ0FBQztZQUNILGlEQUFpRDtZQUNqRCxNQUFNLE1BQU0sQ0FBQyxTQUFTLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUM1RCxDQUFDO1FBQUMsT0FBTyxHQUFHLEVBQUUsQ0FBQztZQUNiLHlEQUF5RDtZQUN6RCxPQUFPLENBQUMsR0FBRyxDQUFDLCtFQUErRSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1lBQ2xHLDJEQUEyRDtZQUMzRCxNQUFNLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDdkMsQ0FBQztJQUNILENBQUM7SUFFRDs7OztPQUlHO0lBQ0gsS0FBSyxDQUFDLFVBQVUsQ0FBQyxhQUFxQjtRQUNwQyxPQUFPLElBQUksT0FBTyxDQUFVLENBQUMsT0FBTyxFQUFFLE1BQU0sRUFBRSxFQUFFO1lBQzlDLElBQUksQ0FBQztnQkFDSCw4Q0FBOEM7Z0JBQzlDLE1BQU0sRUFBRSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLENBQUM7Z0JBQzlDLEVBQUUsQ0FBQyxLQUFLLENBQUMsUUFBUSxHQUFHLE9BQU8sQ0FBQztnQkFDNUIsRUFBRSxDQUFDLEtBQUssQ0FBQyxJQUFJLEdBQUcsU0FBUyxDQUFDO2dCQUMxQixFQUFFLENBQUMsS0FBSyxHQUFHLGFBQWEsQ0FBQztnQkFFekIsMENBQTBDO2dCQUMxQyxRQUFRLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxFQUFFLENBQUMsQ0FBQztnQkFFOUIsMERBQTBEO2dCQUMxRCxFQUFFLENBQUMsTUFBTSxFQUFFLENBQUM7Z0JBQ1osTUFBTSxNQUFNLEdBQUcsUUFBUSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsQ0FBQztnQkFFNUMsNENBQTRDO2dCQUM1QyxRQUFRLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxFQUFFLENBQUMsQ0FBQztnQkFFOUIsd0RBQXdEO2dCQUN4RCxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDbEIsQ0FBQztZQUFDLE9BQU8sR0FBRyxFQUFFLENBQUM7Z0JBQ2IsMkVBQTJFO2dCQUMzRSxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUM7WUFDZCxDQUFDO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsOEVBQThFO0lBQzlFLGlCQUFpQjtRQUNmLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUN0QyxDQUFDOytHQTNGVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiwyUENSL0IsMnlCQWNBOzs0RkROYSxrQkFBa0I7a0JBTDlCLFNBQVM7K0JBQ0UsZUFBZTtrRkFLaEIsYUFBYTtzQkFBckIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFFRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRoZW1lc1NlcnZpY2UgfSBmcm9tICdAcHJvZ3Jlc3MtY2hlZi9wbGF0Zm9ybS10aGVtZXMtc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1jbGlwYm9hcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2xpcGJvYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2xpcGJvYXJkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQ2xpcGJvYXJkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgY2xpcGJvYXJkRGF0YTogc3RyaW5nID0gXCJcIjtcbiAgQElucHV0KCkgdG9vbHRpcFBvc2l0aW9uOiAndG9wJyB8ICdib3R0b20nIHwgJ2xlZnQnIHwgJ3JpZ2h0JyA9ICd0b3AnO1xuICBASW5wdXQoKSBwcmVDb3B5VGV4dDogc3RyaW5nID0gXCJDb3B5XCI7XG4gIEBJbnB1dCgpIHBvc3RDb3B5VGV4dDogc3RyaW5nID0gXCJDb3BpZWQhXCI7XG4gIHRvb2x0aXBUZXh0OiBzdHJpbmcgPSBcIlwiO1xuICBASW5wdXQoKSBzaG93Q29weUljb246IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgaWNvbkZvbnRTaXplOiBudW1iZXIgPSAxNjtcbiAgXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdGhlbWVzU2VydmljZTpUaGVtZXNTZXJ2aWNlKSB7IH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLnRvb2x0aXBUZXh0ID0gdGhpcy5wcmVDb3B5VGV4dDtcbiAgfVxuXG4gIGFzeW5jIGNvcHlUb0NsaXBib2FyZCgpIHtcbiAgICBpZiAoIXRoaXMuY2xpcGJvYXJkRGF0YSB8fCB0aGlzLmNsaXBib2FyZERhdGEudHJpbSgpID09PSAnJykge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKCdUZXh0IHRvIGNvcHkgaXMgZW1wdHkgb3IgaW52YWxpZC4nKTtcbiAgICB9XG4gICAgYXdhaXQgdGhpcy5jb3B5KHRoaXMuY2xpcGJvYXJkRGF0YSk7XG4gICAgdGhpcy50b29sdGlwVGV4dCA9IHRoaXMucG9zdENvcHlUZXh0O1xuICB9XG5cbiAgLyoqXG4gICAqIEFzeW5jaHJvbm91c2x5IGNvcGllcyB0ZXh0IHRvIHRoZSBjbGlwYm9hcmQuXG4gICAqIEBwYXJhbSBjbGlwYm9hcmREYXRhIFRoZSB0ZXh0IHRvIGJlIGNvcGllZCB0byB0aGUgY2xpcGJvYXJkLlxuICAgKi9cbiAgYXN5bmMgY29weShjbGlwYm9hcmREYXRhOiBzdHJpbmcpIHtcbiAgICAvLyBDaGVjayBpZiB0aGUgbW9kZXJuIENsaXBib2FyZCBBUEkgaXMgc3VwcG9ydGVkIGluIHRoZSBicm93c2VyXG4gICAgaWYgKHdpbmRvdy5uYXZpZ2F0b3IuY2xpcGJvYXJkKSB7XG4gICAgICAvLyBJZiBzdXBwb3J0ZWQsIHVzZSB0aGUgbW9kZXJuIGNvcHkgbWV0aG9kXG4gICAgICBhd2FpdCB0aGlzLmNvcHlNb2Rlcm4oY2xpcGJvYXJkRGF0YSk7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgLy8gSWYgbm90IHN1cHBvcnRlZCwgZmFsbGJhY2sgdG8gdGhlIGxlZ2FjeSBjb3B5IG1ldGhvZFxuICAgIGF3YWl0IHRoaXMuY29weUxlZ2FjeShjbGlwYm9hcmREYXRhKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBBc3luY2hyb25vdXNseSBjb3BpZXMgdGV4dCB0byB0aGUgY2xpcGJvYXJkIHVzaW5nIHRoZSBtb2Rlcm4gQ2xpcGJvYXJkIEFQSS5cbiAgICogQHBhcmFtIGNsaXBib2FyZERhdGEgVGhlIHRleHQgdG8gYmUgY29waWVkIHRvIHRoZSBjbGlwYm9hcmQuXG4gICAqL1xuICBhc3luYyBjb3B5TW9kZXJuKGNsaXBib2FyZERhdGE6IHN0cmluZykge1xuICAgIHRyeSB7XG4gICAgICAvLyBBdHRlbXB0IHRvIGNvcHkgdXNpbmcgdGhlIG1vZGVybiBDbGlwYm9hcmQgQVBJXG4gICAgICBhd2FpdCB3aW5kb3cubmF2aWdhdG9yLmNsaXBib2FyZC53cml0ZVRleHQoY2xpcGJvYXJkRGF0YSk7XG4gICAgfSBjYXRjaCAoZXJyKSB7XG4gICAgICAvLyBIYW5kbGUgYW55IGVycm9ycyB0aGF0IG9jY3VyIGR1cmluZyB0aGUgY29weSBvcGVyYXRpb25cbiAgICAgIGNvbnNvbGUubG9nKFwiRXJyb3IgdXNpbmcgdGhlIG1vZGVybiBDbGlwYm9hcmQgQVBJW3dpbmRvdy5uYXZpZ2F0b3IuY2xpcGJvYXJkLndyaXRlVGV4dF06XFxuXCIsIGVycik7XG4gICAgICAvLyBJZiB0aGVyZSdzIGFuIGVycm9yLCBmYWxsIGJhY2sgdG8gdGhlIGxlZ2FjeSBjb3B5IG1ldGhvZFxuICAgICAgYXdhaXQgdGhpcy5jb3B5TGVnYWN5KGNsaXBib2FyZERhdGEpO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBBc3luY2hyb25vdXNseSBjb3BpZXMgdGV4dCB0byB0aGUgY2xpcGJvYXJkIHVzaW5nIGEgbGVnYWN5IG1ldGhvZC5cbiAgICogQHBhcmFtIGNsaXBib2FyZERhdGEgVGhlIHRleHQgdG8gYmUgY29waWVkIHRvIHRoZSBjbGlwYm9hcmQuXG4gICAqIEByZXR1cm5zIEEgUHJvbWlzZSB0aGF0IHJlc29sdmVzIHdpdGggYSBib29sZWFuIGluZGljYXRpbmcgc3VjY2Vzcy5cbiAgICovXG4gIGFzeW5jIGNvcHlMZWdhY3koY2xpcGJvYXJkRGF0YTogc3RyaW5nKTogUHJvbWlzZTxib29sZWFuPiB7XG4gICAgcmV0dXJuIG5ldyBQcm9taXNlPGJvb2xlYW4+KChyZXNvbHZlLCByZWplY3QpID0+IHtcbiAgICAgIHRyeSB7XG4gICAgICAgIC8vIENyZWF0ZSBhIGhpZGRlbiB0ZXh0YXJlYSBlbGVtZW50IG9mZi1zY3JlZW5cbiAgICAgICAgY29uc3QgZWwgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCd0ZXh0YXJlYScpO1xuICAgICAgICBlbC5zdHlsZS5wb3NpdGlvbiA9ICdmaXhlZCc7XG4gICAgICAgIGVsLnN0eWxlLmxlZnQgPSAnLTk5OTlweCc7XG4gICAgICAgIGVsLnZhbHVlID0gY2xpcGJvYXJkRGF0YTtcblxuICAgICAgICAvLyBBcHBlbmQgdGhlIGVsZW1lbnQgdG8gdGhlIGRvY3VtZW50IGJvZHlcbiAgICAgICAgZG9jdW1lbnQuYm9keS5hcHBlbmRDaGlsZChlbCk7XG5cbiAgICAgICAgLy8gU2VsZWN0IHRoZSB0ZXh0IHdpdGhpbiB0aGUgdGV4dGFyZWEgYW5kIGF0dGVtcHQgdG8gY29weVxuICAgICAgICBlbC5zZWxlY3QoKTtcbiAgICAgICAgY29uc3QgY29waWVkID0gZG9jdW1lbnQuZXhlY0NvbW1hbmQoJ2NvcHknKTtcblxuICAgICAgICAvLyBDbGVhbiB1cCBieSByZW1vdmluZyB0aGUgdGV4dGFyZWEgZWxlbWVudFxuICAgICAgICBkb2N1bWVudC5ib2R5LnJlbW92ZUNoaWxkKGVsKTtcblxuICAgICAgICAvLyBSZXNvbHZlIHRoZSBQcm9taXNlIHdpdGggYSBib29sZWFuIGluZGljYXRpbmcgc3VjY2Vzc1xuICAgICAgICByZXNvbHZlKGNvcGllZCk7XG4gICAgICB9IGNhdGNoIChlcnIpIHtcbiAgICAgICAgLy8gSWYgdGhlcmUncyBhbiBlcnJvciBkdXJpbmcgdGhlIGxlZ2FjeSBjb3B5IG9wZXJhdGlvbiwgcmVqZWN0IHRoZSBQcm9taXNlXG4gICAgICAgIHJlamVjdChlcnIpO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgLy8gT25jZSBtb3VzZSBsZWF2ZSB0aGUgYWN0aW9uIGJ1dHRvbiByZXZlcnRpbmcgdGhlIHRvb2x0aXAgdG8gb3JpZ2luYWwgc3RhdGUuXG4gIHJldmVydFRvb2x0aXBUZXh0KCkge1xuICAgIHRoaXMudG9vbHRpcFRleHQgPSB0aGlzLnByZUNvcHlUZXh0O1xuICB9XG4gIFxufVxuIiwiPGxpYi10b29sdGlwIGNsYXNzPVwiY2ItdG9vbHRpcFwiIFtjYWxsb3V0XT1cInRydWVcIiBbcG9zaXRpb25dPVwidG9vbHRpcFBvc2l0aW9uXCJcbiAgW3Nob3dPbl09XCIgISF0b29sdGlwVGV4dCA9PT0gZmFsc2UgPyAnbm9uZScgOiAnaG92ZXInIFwiPlxuICA8bmctY29udGFpbmVyICpuZ0lmPVwic2hvd0NvcHlJY29uOyBlbHNlIHNob3dCdXR0b25cIj5cbiAgICA8bGliLWljb24gY2xhc3M9XCJjbGlwYm9hcmQtY29weS1pY29uXCIgbmFtZT1cImNvcHlcIiBbZm9udFNpemVdPVwiaWNvbkZvbnRTaXplXCIgKGNsaWNrKT1cImNvcHlUb0NsaXBib2FyZCgpXCIgKGtleXByZXNzKT1cImNvcHlUb0NsaXBib2FyZCgpXCJcbiAgICAgIChtb3VzZWxlYXZlKT1cInJldmVydFRvb2x0aXBUZXh0KClcIj48L2xpYi1pY29uPlxuICA8L25nLWNvbnRhaW5lcj5cbiAgPG5nLXRlbXBsYXRlICNzaG93QnV0dG9uPlxuICAgIDxsaWItYnV0dG9uIGNsYXNzPVwiY29weS1idXR0b25cIiB0aGVtZUNvbG9yPVwicHJpbWFyeVwiIGxhYmVsPVwiQ29weVwiIGZpbGxNb2RlPVwib3V0bGluZVwiIGljb25OYW1lPVwiY29weVwiXG4gICAgICBpY29uUG9zaXRpb249XCJiZWZvcmVcIiAoYnV0dG9uQ2xpY2spPVwiY29weVRvQ2xpcGJvYXJkKClcIiAobW91c2VsZWF2ZSk9XCJyZXZlcnRUb29sdGlwVGV4dCgpXCI+PC9saWItYnV0dG9uPlxuICA8L25nLXRlbXBsYXRlPlxuICA8ZGl2IGNsYXNzPVwiY2ItdG9vbHRpcC10ZXh0IHRvb2x0aXAtY29udGVudFwiPlxuICAgIHt7dG9vbHRpcFRleHR9fVxuICA8L2Rpdj5cbjwvbGliLXRvb2x0aXA+XG4iXX0=
@@ -0,0 +1,40 @@
1
+ import { NgModule } from '@angular/core';
2
+ import { ClipboardComponent } from './clipboard.component';
3
+ import { TooltipModule } from "../tooltip/tooltip.module";
4
+ import { IconModule } from '../icon/icon.module';
5
+ import { TypographyModule } from '../typography/typography.module';
6
+ import { ButtonModule } from '../button/button.module';
7
+ import { CommonModule } from '@angular/common';
8
+ import * as i0 from "@angular/core";
9
+ export class ClipboardModule {
10
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ClipboardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
11
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ClipboardModule, declarations: [ClipboardComponent], imports: [ButtonModule,
12
+ CommonModule,
13
+ TooltipModule,
14
+ IconModule,
15
+ TypographyModule], exports: [ClipboardComponent] }); }
16
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ClipboardModule, imports: [ButtonModule,
17
+ CommonModule,
18
+ TooltipModule,
19
+ IconModule,
20
+ TypographyModule] }); }
21
+ }
22
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ClipboardModule, decorators: [{
23
+ type: NgModule,
24
+ args: [{
25
+ declarations: [
26
+ ClipboardComponent
27
+ ],
28
+ imports: [
29
+ ButtonModule,
30
+ CommonModule,
31
+ TooltipModule,
32
+ IconModule,
33
+ TypographyModule
34
+ ],
35
+ exports: [
36
+ ClipboardComponent
37
+ ]
38
+ }]
39
+ }] });
40
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xpcGJvYXJkLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC9zcmMvbGliL2F0b21zL2NsaXBib2FyZC9jbGlwYm9hcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzFELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNqRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNuRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDdkQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQWtCL0MsTUFBTSxPQUFPLGVBQWU7K0dBQWYsZUFBZTtnSEFBZixlQUFlLGlCQWJ4QixrQkFBa0IsYUFHbEIsWUFBWTtZQUNaLFlBQVk7WUFDWixhQUFhO1lBQ2IsVUFBVTtZQUNWLGdCQUFnQixhQUdoQixrQkFBa0I7Z0hBR1QsZUFBZSxZQVZ4QixZQUFZO1lBQ1osWUFBWTtZQUNaLGFBQWE7WUFDYixVQUFVO1lBQ1YsZ0JBQWdCOzs0RkFNUCxlQUFlO2tCQWYzQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixrQkFBa0I7cUJBQ25CO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFlBQVk7d0JBQ1osYUFBYTt3QkFDYixVQUFVO3dCQUNWLGdCQUFnQjtxQkFDakI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGtCQUFrQjtxQkFDbkI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2xpcGJvYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9jbGlwYm9hcmQuY29tcG9uZW50JztcbmltcG9ydCB7IFRvb2x0aXBNb2R1bGUgfSBmcm9tIFwiLi4vdG9vbHRpcC90b29sdGlwLm1vZHVsZVwiO1xuaW1wb3J0IHsgSWNvbk1vZHVsZSB9IGZyb20gJy4uL2ljb24vaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgVHlwb2dyYXBoeU1vZHVsZSB9IGZyb20gJy4uL3R5cG9ncmFwaHkvdHlwb2dyYXBoeS5tb2R1bGUnO1xuaW1wb3J0IHsgQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi4vYnV0dG9uL2J1dHRvbi5tb2R1bGUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBDbGlwYm9hcmRDb21wb25lbnRcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIEJ1dHRvbk1vZHVsZSxcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgVG9vbHRpcE1vZHVsZSxcbiAgICBJY29uTW9kdWxlLFxuICAgIFR5cG9ncmFwaHlNb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIENsaXBib2FyZENvbXBvbmVudFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIENsaXBib2FyZE1vZHVsZSB7IH1cbiJdfQ==
@@ -0,0 +1,28 @@
1
+ import { Component, HostBinding, Input } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export class ContainerComponent {
4
+ constructor() {
5
+ this.c_class = "";
6
+ this.padding = "pd-small";
7
+ this.margin = "mr-small";
8
+ }
9
+ get class() {
10
+ return `${this.c_class} ${this.padding} ${this.margin}`;
11
+ }
12
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
13
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ContainerComponent, selector: "lib-container", inputs: { c_class: "c_class", padding: "padding", margin: "margin" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-container [class]=\"class\">\n <ng-content></ng-content>\n</ng-container>\n", styles: [":host(.pd-small){padding:8px}:host(.pd-medium){padding:16px}:host(.pd-large){padding:32px}:host(.mr-small){margin:8px}:host(.mr-medium){margin:16px}:host(.mr-large){margin:32px}:host(.cc-border){border:.5px solid gray}\n"] }); }
14
+ }
15
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContainerComponent, decorators: [{
16
+ type: Component,
17
+ args: [{ selector: 'lib-container', template: "<ng-container [class]=\"class\">\n <ng-content></ng-content>\n</ng-container>\n", styles: [":host(.pd-small){padding:8px}:host(.pd-medium){padding:16px}:host(.pd-large){padding:32px}:host(.mr-small){margin:8px}:host(.mr-medium){margin:16px}:host(.mr-large){margin:32px}:host(.cc-border){border:.5px solid gray}\n"] }]
18
+ }], propDecorators: { class: [{
19
+ type: HostBinding,
20
+ args: ['class']
21
+ }], c_class: [{
22
+ type: Input
23
+ }], padding: [{
24
+ type: Input
25
+ }], margin: [{
26
+ type: Input
27
+ }] } });
28
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC9zcmMvbGliL2F0b21zL2NvbnRhaW5lci9jb250YWluZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvYXRvbXMvY29udGFpbmVyL2NvbnRhaW5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTzlELE1BQU0sT0FBTyxrQkFBa0I7SUFML0I7UUFVVyxZQUFPLEdBQVcsRUFBRSxDQUFDO1FBQ3JCLFlBQU8sR0FBVyxVQUFVLENBQUM7UUFDN0IsV0FBTSxHQUFXLFVBQVUsQ0FBQztLQUV0QztJQVJDLElBQTBCLEtBQUs7UUFDN0IsT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUE7SUFDekQsQ0FBQzsrR0FIVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiw0S0NQL0Isa0ZBR0E7OzRGRElhLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDRSxlQUFlOzhCQUtDLEtBQUs7c0JBQTlCLFdBQVc7dUJBQUMsT0FBTztnQkFJWCxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1jb250YWluZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vY29udGFpbmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY29udGFpbmVyLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQ29udGFpbmVyQ29tcG9uZW50IHtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGdldCBjbGFzcygpIHtcbiAgICByZXR1cm4gYCR7dGhpcy5jX2NsYXNzfSAke3RoaXMucGFkZGluZ30gJHt0aGlzLm1hcmdpbn1gXG4gIH1cblxuICBASW5wdXQoKSBjX2NsYXNzOiBzdHJpbmcgPSBcIlwiO1xuICBASW5wdXQoKSBwYWRkaW5nOiBzdHJpbmcgPSBcInBkLXNtYWxsXCI7XG4gIEBJbnB1dCgpIG1hcmdpbjogc3RyaW5nID0gXCJtci1zbWFsbFwiO1xuXG59XG4iLCI8bmctY29udGFpbmVyIFtjbGFzc109XCJjbGFzc1wiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==
@@ -0,0 +1,24 @@
1
+ import { NgModule } from '@angular/core';
2
+ import { ContainerComponent } from './container.component';
3
+ import { CommonModule } from '@angular/common';
4
+ import * as i0 from "@angular/core";
5
+ export class ContainerModule {
6
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
7
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ContainerModule, declarations: [ContainerComponent], imports: [CommonModule], exports: [ContainerComponent] }); }
8
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContainerModule, imports: [CommonModule] }); }
9
+ }
10
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContainerModule, decorators: [{
11
+ type: NgModule,
12
+ args: [{
13
+ declarations: [
14
+ ContainerComponent
15
+ ],
16
+ imports: [
17
+ CommonModule
18
+ ],
19
+ exports: [
20
+ ContainerComponent
21
+ ]
22
+ }]
23
+ }] });
24
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC9zcmMvbGliL2F0b21zL2NvbnRhaW5lci9jb250YWluZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDM0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQWUvQyxNQUFNLE9BQU8sZUFBZTsrR0FBZixlQUFlO2dIQUFmLGVBQWUsaUJBVHhCLGtCQUFrQixhQUdsQixZQUFZLGFBR1osa0JBQWtCO2dIQUdULGVBQWUsWUFOeEIsWUFBWTs7NEZBTUgsZUFBZTtrQkFYM0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osa0JBQWtCO3FCQUNuQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTtxQkFDYjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asa0JBQWtCO3FCQUNuQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250YWluZXJDb21wb25lbnQgfSBmcm9tICcuL2NvbnRhaW5lci5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIENvbnRhaW5lckNvbXBvbmVudFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBDb250YWluZXJDb21wb25lbnRcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBDb250YWluZXJNb2R1bGUgeyB9XG4iXX0=
@@ -0,0 +1,49 @@
1
+ import { Component, EventEmitter, Input, Output } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "@progress-chef/platform-themes-service";
4
+ import * as i2 from "@progress/kendo-angular-dateinputs";
5
+ import * as i3 from "@progress/kendo-angular-label";
6
+ export class DateRangeComponent {
7
+ constructor(themesService) {
8
+ this.themesService = themesService;
9
+ this.isDisabled = false;
10
+ this.size = "medium";
11
+ this.rounded = "small";
12
+ this.fillMode = "solid";
13
+ this.autoCorrectOn = "none";
14
+ this.modelChange = new EventEmitter();
15
+ }
16
+ onStartChange(ev) {
17
+ this.modelChange.emit(ev);
18
+ }
19
+ onEndChange(ev) {
20
+ this.modelChange.emit(ev);
21
+ }
22
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DateRangeComponent, deps: [{ token: i1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
23
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DateRangeComponent, selector: "lib-date-range", inputs: { range: "range", rangeStartLabel: "rangeStartLabel", rangeEndLabel: "rangeEndLabel", isDisabled: "isDisabled", size: "size", rounded: "rounded", fillMode: "fillMode", autoCorrectOn: "autoCorrectOn", labelStyle: "labelStyle" }, outputs: { modelChange: "modelChange" }, ngImport: i0, template: "<kendo-daterange>\n <kendo-floatinglabel [text]=\"rangeStartLabel\" [labelCssStyle]=\"labelStyle\">\n <kendo-dateinput kendoDateRangeStartInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.start\"\n (valueChange)=\"onStartChange($event)\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\"\n [disabled]=\"isDisabled\"></kendo-dateinput>\n </kendo-floatinglabel>\n <kendo-floatinglabel [text]=\"rangeEndLabel\" [labelCssStyle]=\"labelStyle\">\n <kendo-dateinput kendoDateRangeEndInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.end\"\n (valueChange)=\"onEndChange($event)\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\"\n [disabled]=\"isDisabled\"></kendo-dateinput>\n </kendo-floatinglabel>\n</kendo-daterange>\n", styles: [""], dependencies: [{ kind: "component", type: i2.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "component", type: i2.DateRangeComponent, selector: "kendo-daterange" }, { kind: "directive", type: i2.DateRangeStartInputDirective, selector: "[kendoDateRangeStartInput]", inputs: ["autoCorrectOn", "navigateCalendarOnFocus"] }, { kind: "directive", type: i2.DateRangeEndInputDirective, selector: "[kendoDateRangeEndInput]", inputs: ["autoCorrectOn", "navigateCalendarOnFocus"] }, { kind: "component", type: i3.FloatingLabelComponent, selector: "kendo-floatinglabel", inputs: ["labelCssStyle", "labelCssClass", "id", "text", "optional"], outputs: ["positionChange"], exportAs: ["kendoFloatingLabel"] }] }); }
24
+ }
25
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DateRangeComponent, decorators: [{
26
+ type: Component,
27
+ args: [{ selector: 'lib-date-range', template: "<kendo-daterange>\n <kendo-floatinglabel [text]=\"rangeStartLabel\" [labelCssStyle]=\"labelStyle\">\n <kendo-dateinput kendoDateRangeStartInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.start\"\n (valueChange)=\"onStartChange($event)\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\"\n [disabled]=\"isDisabled\"></kendo-dateinput>\n </kendo-floatinglabel>\n <kendo-floatinglabel [text]=\"rangeEndLabel\" [labelCssStyle]=\"labelStyle\">\n <kendo-dateinput kendoDateRangeEndInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.end\"\n (valueChange)=\"onEndChange($event)\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\"\n [disabled]=\"isDisabled\"></kendo-dateinput>\n </kendo-floatinglabel>\n</kendo-daterange>\n" }]
28
+ }], ctorParameters: () => [{ type: i1.ThemesService }], propDecorators: { range: [{
29
+ type: Input
30
+ }], rangeStartLabel: [{
31
+ type: Input
32
+ }], rangeEndLabel: [{
33
+ type: Input
34
+ }], isDisabled: [{
35
+ type: Input
36
+ }], size: [{
37
+ type: Input
38
+ }], rounded: [{
39
+ type: Input
40
+ }], fillMode: [{
41
+ type: Input
42
+ }], autoCorrectOn: [{
43
+ type: Input
44
+ }], labelStyle: [{
45
+ type: Input
46
+ }], modelChange: [{
47
+ type: Output
48
+ }] } });
49
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1yYW5nZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQvc3JjL2xpYi9hdG9tcy9kYXRlLXJhbmdlL2RhdGUtcmFuZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvYXRvbXMvZGF0ZS1yYW5nZS9kYXRlLXJhbmdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUXZFLE1BQU0sT0FBTyxrQkFBa0I7SUFhN0IsWUFBb0IsYUFBNEI7UUFBNUIsa0JBQWEsR0FBYixhQUFhLENBQWU7UUFUdkMsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUM1QixTQUFJLEdBQWlDLFFBQVEsQ0FBQztRQUM5QyxZQUFPLEdBQTBDLE9BQU8sQ0FBQztRQUN6RCxhQUFRLEdBQWlDLE9BQU8sQ0FBQztRQUNqRCxrQkFBYSxHQUErQixNQUFNLENBQUM7UUFFbEQsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0lBR0ksQ0FBQztJQUNyRCxhQUFhLENBQUMsRUFBTztRQUNuQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUM1QixDQUFDO0lBQ0QsV0FBVyxDQUFDLEVBQU87UUFDakIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDNUIsQ0FBQzsrR0FuQlUsa0JBQWtCO21HQUFsQixrQkFBa0IsMlVDUi9CLG14QkFZQTs7NEZESmEsa0JBQWtCO2tCQUw5QixTQUFTOytCQUNFLGdCQUFnQjtrRkFLakIsS0FBSztzQkFBYixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUaGVtZXNTZXJ2aWNlIH0gZnJvbSAnQHByb2dyZXNzLWNoZWYvcGxhdGZvcm0tdGhlbWVzLXNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItZGF0ZS1yYW5nZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9kYXRlLXJhbmdlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZGF0ZS1yYW5nZS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIERhdGVSYW5nZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHJhbmdlITogeyBzdGFydDogRGF0ZSwgZW5kOiBEYXRlIH07XG4gIEBJbnB1dCgpIHJhbmdlU3RhcnRMYWJlbCE6IHN0cmluZ1xuICBASW5wdXQoKSByYW5nZUVuZExhYmVsITogc3RyaW5nO1xuICBASW5wdXQoKSBpc0Rpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHNpemU6IFwic21hbGxcIiB8IFwibWVkaXVtXCIgfCBcImxhcmdlXCIgPSBcIm1lZGl1bVwiO1xuICBASW5wdXQoKSByb3VuZGVkOiBcInNtYWxsXCIgfCBcIm1lZGl1bVwiIHwgXCJsYXJnZVwiIHwgXCJmdWxsXCIgPSBcInNtYWxsXCI7XG4gIEBJbnB1dCgpIGZpbGxNb2RlOiBcInNvbGlkXCIgfCBcImZsYXRcIiB8IFwib3V0bGluZVwiID0gXCJzb2xpZFwiO1xuICBASW5wdXQoKSBhdXRvQ29ycmVjdE9uOiBcImJsdXJcIiB8IFwiY2hhbmdlXCIgfCBcIm5vbmVcIiA9IFwibm9uZVwiO1xuICBASW5wdXQoKSBsYWJlbFN0eWxlOiBhbnk7XG4gIEBPdXRwdXQoKSBtb2RlbENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSB0aGVtZXNTZXJ2aWNlOiBUaGVtZXNTZXJ2aWNlKSB7IH1cbiAgb25TdGFydENoYW5nZShldjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5tb2RlbENoYW5nZS5lbWl0KGV2KTtcbiAgfVxuICBvbkVuZENoYW5nZShldjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5tb2RlbENoYW5nZS5lbWl0KGV2KTtcbiAgfVxuXG59XG4iLCI8a2VuZG8tZGF0ZXJhbmdlPlxuICA8a2VuZG8tZmxvYXRpbmdsYWJlbCBbdGV4dF09XCJyYW5nZVN0YXJ0TGFiZWxcIiBbbGFiZWxDc3NTdHlsZV09XCJsYWJlbFN0eWxlXCI+XG4gICAgPGtlbmRvLWRhdGVpbnB1dCBrZW5kb0RhdGVSYW5nZVN0YXJ0SW5wdXQgW2F1dG9Db3JyZWN0T25dPVwiYXV0b0NvcnJlY3RPblwiIFsodmFsdWUpXT1cInJhbmdlLnN0YXJ0XCJcbiAgICAgICh2YWx1ZUNoYW5nZSk9XCJvblN0YXJ0Q2hhbmdlKCRldmVudClcIiBbc2l6ZV09XCJzaXplXCIgW3JvdW5kZWRdPVwicm91bmRlZFwiIFtmaWxsTW9kZV09XCJmaWxsTW9kZVwiXG4gICAgICBbZGlzYWJsZWRdPVwiaXNEaXNhYmxlZFwiPjwva2VuZG8tZGF0ZWlucHV0PlxuICA8L2tlbmRvLWZsb2F0aW5nbGFiZWw+XG4gIDxrZW5kby1mbG9hdGluZ2xhYmVsIFt0ZXh0XT1cInJhbmdlRW5kTGFiZWxcIiBbbGFiZWxDc3NTdHlsZV09XCJsYWJlbFN0eWxlXCI+XG4gICAgPGtlbmRvLWRhdGVpbnB1dCBrZW5kb0RhdGVSYW5nZUVuZElucHV0IFthdXRvQ29ycmVjdE9uXT1cImF1dG9Db3JyZWN0T25cIiBbKHZhbHVlKV09XCJyYW5nZS5lbmRcIlxuICAgICAgKHZhbHVlQ2hhbmdlKT1cIm9uRW5kQ2hhbmdlKCRldmVudClcIiBbc2l6ZV09XCJzaXplXCIgW3JvdW5kZWRdPVwicm91bmRlZFwiIFtmaWxsTW9kZV09XCJmaWxsTW9kZVwiXG4gICAgICBbZGlzYWJsZWRdPVwiaXNEaXNhYmxlZFwiPjwva2VuZG8tZGF0ZWlucHV0PlxuICA8L2tlbmRvLWZsb2F0aW5nbGFiZWw+XG48L2tlbmRvLWRhdGVyYW5nZT5cbiJdfQ==
@@ -0,0 +1,39 @@
1
+ import { NgModule } from '@angular/core';
2
+ import { DateRangeComponent } from './date-range.component';
3
+ import { FormsModule, ReactiveFormsModule } from "@angular/forms";
4
+ import { ButtonsModule } from "@progress/kendo-angular-buttons";
5
+ import { DateInputsModule } from "@progress/kendo-angular-dateinputs";
6
+ import { FloatingLabelModule } from '@progress/kendo-angular-label';
7
+ import * as i0 from "@angular/core";
8
+ export class DateRangeModule {
9
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DateRangeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
10
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DateRangeModule, declarations: [DateRangeComponent], imports: [DateInputsModule,
11
+ ButtonsModule,
12
+ FormsModule,
13
+ ReactiveFormsModule,
14
+ FloatingLabelModule], exports: [DateRangeComponent] }); }
15
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DateRangeModule, imports: [DateInputsModule,
16
+ ButtonsModule,
17
+ FormsModule,
18
+ ReactiveFormsModule,
19
+ FloatingLabelModule] }); }
20
+ }
21
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DateRangeModule, decorators: [{
22
+ type: NgModule,
23
+ args: [{
24
+ declarations: [
25
+ DateRangeComponent
26
+ ],
27
+ imports: [
28
+ DateInputsModule,
29
+ ButtonsModule,
30
+ FormsModule,
31
+ ReactiveFormsModule,
32
+ FloatingLabelModule,
33
+ ],
34
+ exports: [
35
+ DateRangeComponent
36
+ ]
37
+ }]
38
+ }] });
39
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1yYW5nZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQvc3JjL2xpYi9hdG9tcy9kYXRlLXJhbmdlL2RhdGUtcmFuZ2UubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDNUQsT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNoRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN0RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7QUFrQnBFLE1BQU0sT0FBTyxlQUFlOytHQUFmLGVBQWU7Z0hBQWYsZUFBZSxpQkFieEIsa0JBQWtCLGFBR2xCLGdCQUFnQjtZQUNoQixhQUFhO1lBQ2IsV0FBVztZQUNYLG1CQUFtQjtZQUNuQixtQkFBbUIsYUFHbkIsa0JBQWtCO2dIQUdULGVBQWUsWUFWeEIsZ0JBQWdCO1lBQ2hCLGFBQWE7WUFDYixXQUFXO1lBQ1gsbUJBQW1CO1lBQ25CLG1CQUFtQjs7NEZBTVYsZUFBZTtrQkFmM0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osa0JBQWtCO3FCQUNuQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsZ0JBQWdCO3dCQUNoQixhQUFhO3dCQUNiLFdBQVc7d0JBQ1gsbUJBQW1CO3dCQUNuQixtQkFBbUI7cUJBQ3BCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxrQkFBa0I7cUJBQ25CO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERhdGVSYW5nZUNvbXBvbmVudCB9IGZyb20gJy4vZGF0ZS1yYW5nZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvZm9ybXNcIjtcbmltcG9ydCB7IEJ1dHRvbnNNb2R1bGUgfSBmcm9tIFwiQHByb2dyZXNzL2tlbmRvLWFuZ3VsYXItYnV0dG9uc1wiO1xuaW1wb3J0IHsgRGF0ZUlucHV0c01vZHVsZSB9IGZyb20gXCJAcHJvZ3Jlc3Mva2VuZG8tYW5ndWxhci1kYXRlaW5wdXRzXCI7XG5pbXBvcnQgeyBGbG9hdGluZ0xhYmVsTW9kdWxlIH0gZnJvbSAnQHByb2dyZXNzL2tlbmRvLWFuZ3VsYXItbGFiZWwnO1xuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIERhdGVSYW5nZUNvbXBvbmVudFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgRGF0ZUlucHV0c01vZHVsZSxcbiAgICBCdXR0b25zTW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgRmxvYXRpbmdMYWJlbE1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIERhdGVSYW5nZUNvbXBvbmVudFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIERhdGVSYW5nZU1vZHVsZSB7IH1cbiJdfQ==
@@ -0,0 +1,91 @@
1
+ import { Component, EventEmitter, Input, Output } from '@angular/core';
2
+ import { FormControl } from '@angular/forms';
3
+ import * as i0 from "@angular/core";
4
+ import * as i1 from "@progress-chef/platform-themes-service";
5
+ import * as i2 from "@progress/kendo-angular-dateinputs";
6
+ import * as i3 from "@angular/forms";
7
+ export class DatepickerComponent {
8
+ constructor(themesService) {
9
+ this.themesService = themesService;
10
+ this.calendarType = "infinite"; //"infinite" | "classic"
11
+ this.isDisabled = true;
12
+ this.readOnlyInput = true;
13
+ this.min = new Date(0); // Minimum possible date
14
+ this.max = new Date(8640000000000000); // Maximum possible date
15
+ this.format = "dd-MMM-yyyy"; //short" | "medium" | "long" | "full"
16
+ this.placeholder = "Choose a date ...";
17
+ this.incompleteDateValidation = true;
18
+ this.fillMode = "solid";
19
+ this.rounded = "medium";
20
+ this.size = "medium";
21
+ this.modelChange = new EventEmitter();
22
+ this.control = new FormControl();
23
+ this.navigation = false;
24
+ // @Input() isDisabled: boolean = false;
25
+ // @Input() readOnly: boolean = true;
26
+ this.onOpenEvent = new EventEmitter();
27
+ this.onCloseEvent = new EventEmitter();
28
+ }
29
+ ngOnChanges(changes) {
30
+ if (changes['isDisabled']) {
31
+ if (changes['isDisabled']?.currentValue) {
32
+ this.control.disable();
33
+ }
34
+ else {
35
+ this.control.enable();
36
+ }
37
+ }
38
+ }
39
+ onValueChange(ev) {
40
+ this.modelChange.emit(ev);
41
+ }
42
+ onOpen(event) {
43
+ this.onOpenEvent.emit(event);
44
+ }
45
+ onClose(event) {
46
+ this.onCloseEvent.emit(event);
47
+ }
48
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DatepickerComponent, deps: [{ token: i1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
49
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DatepickerComponent, selector: "lib-datepicker", inputs: { calendarType: "calendarType", isDisabled: "isDisabled", readOnlyInput: "readOnlyInput", disabledDates: "disabledDates", min: "min", max: "max", format: "format", placeholder: "placeholder", incompleteDateValidation: "incompleteDateValidation", fillMode: "fillMode", rounded: "rounded", size: "size", control: "control", value: "value", navigation: "navigation" }, outputs: { modelChange: "modelChange", onOpenEvent: "onOpenEvent", onCloseEvent: "onCloseEvent" }, usesOnChanges: true, ngImport: i0, template: "<kendo-datepicker [calendarType]=\"calendarType\" [readOnlyInput]=\"readOnlyInput\"\n [disabledDates]=\"disabledDates\" [value]=\"value\" [min]=\"min\" [max]=\"max\" [format]=\"format\" [placeholder]=\"placeholder\"\n [incompleteDateValidation]=\"incompleteDateValidation\" [fillMode]=\"fillMode\" [rounded]=\"rounded\" [size]=\"size\" [navigation]=\"navigation\" \n (open)=\"onOpen($event)\" (valueChange)=\"onValueChange($event)\" [formControl]=\"control\"></kendo-datepicker>", styles: [""], dependencies: [{ kind: "component", type: i2.DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "subtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-datepicker"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
50
+ }
51
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DatepickerComponent, decorators: [{
52
+ type: Component,
53
+ args: [{ selector: 'lib-datepicker', template: "<kendo-datepicker [calendarType]=\"calendarType\" [readOnlyInput]=\"readOnlyInput\"\n [disabledDates]=\"disabledDates\" [value]=\"value\" [min]=\"min\" [max]=\"max\" [format]=\"format\" [placeholder]=\"placeholder\"\n [incompleteDateValidation]=\"incompleteDateValidation\" [fillMode]=\"fillMode\" [rounded]=\"rounded\" [size]=\"size\" [navigation]=\"navigation\" \n (open)=\"onOpen($event)\" (valueChange)=\"onValueChange($event)\" [formControl]=\"control\"></kendo-datepicker>" }]
54
+ }], ctorParameters: () => [{ type: i1.ThemesService }], propDecorators: { calendarType: [{
55
+ type: Input
56
+ }], isDisabled: [{
57
+ type: Input
58
+ }], readOnlyInput: [{
59
+ type: Input
60
+ }], disabledDates: [{
61
+ type: Input
62
+ }], min: [{
63
+ type: Input
64
+ }], max: [{
65
+ type: Input
66
+ }], format: [{
67
+ type: Input
68
+ }], placeholder: [{
69
+ type: Input
70
+ }], incompleteDateValidation: [{
71
+ type: Input
72
+ }], fillMode: [{
73
+ type: Input
74
+ }], rounded: [{
75
+ type: Input
76
+ }], size: [{
77
+ type: Input
78
+ }], modelChange: [{
79
+ type: Output
80
+ }], control: [{
81
+ type: Input
82
+ }], value: [{
83
+ type: Input
84
+ }], navigation: [{
85
+ type: Input
86
+ }], onOpenEvent: [{
87
+ type: Output
88
+ }], onCloseEvent: [{
89
+ type: Output
90
+ }] } });
91
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQvc3JjL2xpYi9hdG9tcy9kYXRlcGlja2VyL2RhdGVwaWNrZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvYXRvbXMvZGF0ZXBpY2tlci9kYXRlcGlja2VyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBYSxNQUFNLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBQ2pHLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7QUFRN0MsTUFBTSxPQUFPLG1CQUFtQjtJQXVCOUIsWUFBb0IsYUFBNEI7UUFBNUIsa0JBQWEsR0FBYixhQUFhLENBQWU7UUF0QnZDLGlCQUFZLEdBQTJCLFVBQVUsQ0FBQSxDQUFDLHdCQUF3QjtRQUMxRSxlQUFVLEdBQVksSUFBSSxDQUFDO1FBQzNCLGtCQUFhLEdBQVksSUFBSSxDQUFBO1FBRTdCLFFBQUcsR0FBUyxJQUFJLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLHdCQUF3QjtRQUNqRCxRQUFHLEdBQVMsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLHdCQUF3QjtRQUNoRSxXQUFNLEdBQVcsYUFBYSxDQUFBLENBQUUscUNBQXFDO1FBQ3JFLGdCQUFXLEdBQVcsbUJBQW1CLENBQUE7UUFDekMsNkJBQXdCLEdBQVksSUFBSSxDQUFBO1FBQ3hDLGFBQVEsR0FBMEMsT0FBTyxDQUFDO1FBQzFELFlBQU8sR0FBbUQsUUFBUSxDQUFDO1FBQ25FLFNBQUksR0FBMEMsUUFBUSxDQUFDO1FBQ3RELGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUN2QyxZQUFPLEdBQWdCLElBQUksV0FBVyxFQUFFLENBQUM7UUFFekMsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUVyQyx3Q0FBd0M7UUFDeEMscUNBQXFDO1FBQzNCLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUN0QyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFFRyxDQUFDO0lBR3JELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxZQUFZLENBQUMsRUFBRSxDQUFDO1lBQzFCLElBQUksT0FBTyxDQUFDLFlBQVksQ0FBQyxFQUFFLFlBQVksRUFBRSxDQUFDO2dCQUN4QyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ3pCLENBQUM7aUJBQU0sQ0FBQztnQkFDTixJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQ3hCLENBQUM7UUFDSCxDQUFDO0lBQ0gsQ0FBQztJQUVELGFBQWEsQ0FBQyxFQUFPO1FBQ25CLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQzVCLENBQUM7SUFHRCxNQUFNLENBQUMsS0FBVTtRQUNmLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQzlCLENBQUM7SUFFRCxPQUFPLENBQUMsS0FBVTtRQUNoQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUMvQixDQUFDOytHQS9DVSxtQkFBbUI7bUdBQW5CLG1CQUFtQixvaUJDVGhDLHFlQUc0Rzs7NEZETS9GLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDRSxnQkFBZ0I7a0ZBS2pCLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyx3QkFBd0I7c0JBQWhDLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0UsT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUlJLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csWUFBWTtzQkFBckIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25DaGFuZ2VzLCBPdXRwdXQsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgVGhlbWVzU2VydmljZSB9IGZyb20gJ0Bwcm9ncmVzcy1jaGVmL3BsYXRmb3JtLXRoZW1lcy1zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWRhdGVwaWNrZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vZGF0ZXBpY2tlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2RhdGVwaWNrZXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBEYXRlcGlja2VyQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgY2FsZW5kYXJUeXBlOiBcImluZmluaXRlXCIgfCBcImNsYXNzaWNcIiA9IFwiaW5maW5pdGVcIiAvL1wiaW5maW5pdGVcIiB8IFwiY2xhc3NpY1wiXG4gIEBJbnB1dCgpIGlzRGlzYWJsZWQ6IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSByZWFkT25seUlucHV0OiBib29sZWFuID0gdHJ1ZVxuICBASW5wdXQoKSBkaXNhYmxlZERhdGVzOiBhbnlcbiAgQElucHV0KCkgbWluOiBEYXRlID0gbmV3IERhdGUoMCk7IC8vIE1pbmltdW0gcG9zc2libGUgZGF0ZVxuICBASW5wdXQoKSBtYXg6IERhdGUgPSBuZXcgRGF0ZSg4NjQwMDAwMDAwMDAwMDAwKTsgLy8gTWF4aW11bSBwb3NzaWJsZSBkYXRlXG4gIEBJbnB1dCgpIGZvcm1hdDogc3RyaW5nID0gXCJkZC1NTU0teXl5eVwiICAvL3Nob3J0XCIgfCBcIm1lZGl1bVwiIHwgXCJsb25nXCIgfCBcImZ1bGxcIlxuICBASW5wdXQoKSBwbGFjZWhvbGRlcjogc3RyaW5nID0gXCJDaG9vc2UgYSBkYXRlIC4uLlwiXG4gIEBJbnB1dCgpIGluY29tcGxldGVEYXRlVmFsaWRhdGlvbjogYm9vbGVhbiA9IHRydWVcbiAgQElucHV0KCkgZmlsbE1vZGU6IFwiZmxhdFwiIHwgXCJzb2xpZFwiIHwgXCJvdXRsaW5lXCIgfCBcIm5vbmVcIiA9IFwic29saWRcIjtcbiAgQElucHV0KCkgcm91bmRlZDogXCJzbWFsbFwiIHwgXCJtZWRpdW1cIiB8IFwibGFyZ2VcIiB8IFwiZnVsbFwiIHwgXCJub25lXCIgPSBcIm1lZGl1bVwiO1xuICBASW5wdXQoKSBzaXplOiBcInNtYWxsXCIgfCBcIm1lZGl1bVwiIHwgXCJsYXJnZVwiIHwgXCJub25lXCIgPSBcIm1lZGl1bVwiO1xuICBAT3V0cHV0KCkgbW9kZWxDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQElucHV0KCkgY29udHJvbDogRm9ybUNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2woKTtcbiAgQElucHV0KCkgdmFsdWUhOiBEYXRlXG4gIEBJbnB1dCgpIG5hdmlnYXRpb246IGJvb2xlYW4gPSBmYWxzZTtcbiAgXG4gIC8vIEBJbnB1dCgpIGlzRGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgLy8gQElucHV0KCkgcmVhZE9ubHk6IGJvb2xlYW4gPSB0cnVlO1xuICBAT3V0cHV0KCkgb25PcGVuRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQE91dHB1dCgpIG9uQ2xvc2VFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdGhlbWVzU2VydmljZTogVGhlbWVzU2VydmljZSkgeyB9XG5cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XG4gICAgaWYgKGNoYW5nZXNbJ2lzRGlzYWJsZWQnXSkge1xuICAgICAgaWYgKGNoYW5nZXNbJ2lzRGlzYWJsZWQnXT8uY3VycmVudFZhbHVlKSB7XG4gICAgICAgIHRoaXMuY29udHJvbC5kaXNhYmxlKCk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLmNvbnRyb2wuZW5hYmxlKCk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgb25WYWx1ZUNoYW5nZShldjogYW55KSB7XG4gICAgdGhpcy5tb2RlbENoYW5nZS5lbWl0KGV2KTtcbiAgfVxuXG5cbiAgb25PcGVuKGV2ZW50OiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm9uT3BlbkV2ZW50LmVtaXQoZXZlbnQpXG4gIH1cblxuICBvbkNsb3NlKGV2ZW50OiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2xvc2VFdmVudC5lbWl0KGV2ZW50KVxuICB9XG5cbn1cbiIsIjxrZW5kby1kYXRlcGlja2VyIFtjYWxlbmRhclR5cGVdPVwiY2FsZW5kYXJUeXBlXCIgIFtyZWFkT25seUlucHV0XT1cInJlYWRPbmx5SW5wdXRcIlxuICBbZGlzYWJsZWREYXRlc109XCJkaXNhYmxlZERhdGVzXCIgW3ZhbHVlXT1cInZhbHVlXCIgW21pbl09XCJtaW5cIiBbbWF4XT1cIm1heFwiIFtmb3JtYXRdPVwiZm9ybWF0XCIgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgW2luY29tcGxldGVEYXRlVmFsaWRhdGlvbl09XCJpbmNvbXBsZXRlRGF0ZVZhbGlkYXRpb25cIiBbZmlsbE1vZGVdPVwiZmlsbE1vZGVcIiBbcm91bmRlZF09XCJyb3VuZGVkXCIgW3NpemVdPVwic2l6ZVwiIFtuYXZpZ2F0aW9uXT1cIm5hdmlnYXRpb25cIiBcbiAgKG9wZW4pPVwib25PcGVuKCRldmVudClcIiAgKHZhbHVlQ2hhbmdlKT1cIm9uVmFsdWVDaGFuZ2UoJGV2ZW50KVwiIFtmb3JtQ29udHJvbF09XCJjb250cm9sXCI+PC9rZW5kby1kYXRlcGlja2VyPiJdfQ==