@pepperi-addons/ngx-composite-lib 0.4.2-beta.7 → 0.4.2-beta.70

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 (166) hide show
  1. package/color-settings/color-settings.component.d.ts +3 -2
  2. package/core/common/services/dimx.service.d.ts +4 -0
  3. package/esm2020/color-settings/color-settings.component.mjs +6 -3
  4. package/esm2020/core/common/directives/reset-configuration-field.directive.mjs +5 -4
  5. package/esm2020/core/common/services/dimx.service.mjs +1 -1
  6. package/esm2020/file-status-panel/file-status-panel.module.mjs +23 -3
  7. package/esm2020/flow-picker-button/flow-picker-button.component.mjs +94 -0
  8. package/esm2020/flow-picker-button/flow-picker-button.module.mjs +36 -0
  9. package/esm2020/flow-picker-button/flow-picker-button.service.mjs +21 -0
  10. package/esm2020/flow-picker-button/pepperi-addons-ngx-composite-lib-flow-picker-button.mjs +5 -0
  11. package/esm2020/flow-picker-button/public-api.mjs +6 -0
  12. package/esm2020/generic-list/generic-list.component.mjs +64 -7
  13. package/esm2020/generic-list/generic-list.service.mjs +6 -2
  14. package/esm2020/group-buttons-settings/group-buttons-settings.component.mjs +17 -4
  15. package/esm2020/group-buttons-settings/group-buttons-settings.model.mjs +1 -1
  16. package/esm2020/icon-picker/icon-picker.component.mjs +79 -0
  17. package/esm2020/icon-picker/icon-picker.module.mjs +44 -0
  18. package/esm2020/icon-picker/icon-picker.service.mjs +17 -0
  19. package/esm2020/icon-picker/pepperi-addons-ngx-composite-lib-icon-picker.mjs +5 -0
  20. package/esm2020/icon-picker/public-api.mjs +6 -0
  21. package/esm2020/layout-builder/hide-in/hide-in.component.mjs +54 -0
  22. package/esm2020/layout-builder/hide-in/hide-in.module.mjs +81 -0
  23. package/esm2020/layout-builder/layout/layout.component.mjs +204 -0
  24. package/esm2020/layout-builder/layout/layout.module.mjs +58 -0
  25. package/esm2020/layout-builder/layout-builder-internal.service.mjs +655 -0
  26. package/esm2020/layout-builder/layout-builder.component.mjs +205 -0
  27. package/esm2020/layout-builder/layout-builder.model.mjs +6 -0
  28. package/esm2020/layout-builder/layout-builder.module.mjs +136 -0
  29. package/esm2020/layout-builder/layout-builder.service.mjs +33 -0
  30. package/esm2020/layout-builder/layout-editor/layout-editor.component.mjs +156 -0
  31. package/esm2020/layout-builder/layout-editor/layout-editor.module.mjs +109 -0
  32. package/esm2020/layout-builder/pepperi-addons-ngx-composite-lib-layout-builder.mjs +5 -0
  33. package/esm2020/layout-builder/public-api.mjs +10 -0
  34. package/esm2020/layout-builder/section/section.component.mjs +298 -0
  35. package/esm2020/layout-builder/section/section.module.mjs +45 -0
  36. package/esm2020/layout-builder/section-block/section-block.component.mjs +109 -0
  37. package/esm2020/layout-builder/section-block/section-block.module.mjs +48 -0
  38. package/esm2020/layout-builder/section-editor/section-editor.component.mjs +191 -0
  39. package/esm2020/layout-builder/section-editor/section-editor.module.mjs +40 -0
  40. package/esm2020/manage-parameters/manage-parameter/manage-parameter.component.mjs +82 -0
  41. package/esm2020/manage-parameters/manage-parameters.component.mjs +153 -0
  42. package/esm2020/manage-parameters/manage-parameters.model.mjs +24 -0
  43. package/esm2020/manage-parameters/manage-parameters.module.mjs +45 -0
  44. package/esm2020/manage-parameters/manage-parameters.service.mjs +142 -0
  45. package/esm2020/manage-parameters/pepperi-addons-ngx-composite-lib-manage-parameters.mjs +5 -0
  46. package/esm2020/manage-parameters/public-api.mjs +8 -0
  47. package/esm2020/rich-text/pepperi-addons-ngx-composite-lib-rich-text.mjs +5 -0
  48. package/esm2020/rich-text/public-api.mjs +6 -0
  49. package/esm2020/rich-text/rich-text.component.mjs +154 -0
  50. package/esm2020/rich-text/rich-text.module.mjs +52 -0
  51. package/esm2020/rich-text/rich-text.service.mjs +21 -0
  52. package/esm2020/shadow-settings/shadow-settings.component.mjs +7 -4
  53. package/esm2020/show-if-badge/pepperi-addons-ngx-composite-lib-show-if-badge.mjs +5 -0
  54. package/esm2020/show-if-badge/public-api.mjs +6 -0
  55. package/esm2020/show-if-badge/show-if-badge.component.mjs +44 -0
  56. package/esm2020/show-if-badge/show-if-badge.module.mjs +50 -0
  57. package/fesm2015/pepperi-addons-ngx-composite-lib-color-settings.mjs +5 -2
  58. package/fesm2015/pepperi-addons-ngx-composite-lib-color-settings.mjs.map +1 -1
  59. package/fesm2015/pepperi-addons-ngx-composite-lib-file-status-panel.mjs +22 -3
  60. package/fesm2015/pepperi-addons-ngx-composite-lib-file-status-panel.mjs.map +1 -1
  61. package/fesm2015/pepperi-addons-ngx-composite-lib-flow-picker-button.mjs +161 -0
  62. package/fesm2015/pepperi-addons-ngx-composite-lib-flow-picker-button.mjs.map +1 -0
  63. package/fesm2015/pepperi-addons-ngx-composite-lib-generic-list.mjs +70 -7
  64. package/fesm2015/pepperi-addons-ngx-composite-lib-generic-list.mjs.map +1 -1
  65. package/fesm2015/pepperi-addons-ngx-composite-lib-group-buttons-settings.mjs +16 -3
  66. package/fesm2015/pepperi-addons-ngx-composite-lib-group-buttons-settings.mjs.map +1 -1
  67. package/fesm2015/pepperi-addons-ngx-composite-lib-icon-picker.mjs +146 -0
  68. package/fesm2015/pepperi-addons-ngx-composite-lib-icon-picker.mjs.map +1 -0
  69. package/fesm2015/pepperi-addons-ngx-composite-lib-layout-builder.mjs +2307 -0
  70. package/fesm2015/pepperi-addons-ngx-composite-lib-layout-builder.mjs.map +1 -0
  71. package/fesm2015/pepperi-addons-ngx-composite-lib-manage-parameters.mjs +441 -0
  72. package/fesm2015/pepperi-addons-ngx-composite-lib-manage-parameters.mjs.map +1 -0
  73. package/fesm2015/pepperi-addons-ngx-composite-lib-rich-text.mjs +234 -0
  74. package/fesm2015/pepperi-addons-ngx-composite-lib-rich-text.mjs.map +1 -0
  75. package/fesm2015/pepperi-addons-ngx-composite-lib-shadow-settings.mjs +6 -3
  76. package/fesm2015/pepperi-addons-ngx-composite-lib-shadow-settings.mjs.map +1 -1
  77. package/fesm2015/pepperi-addons-ngx-composite-lib-show-if-badge.mjs +100 -0
  78. package/fesm2015/pepperi-addons-ngx-composite-lib-show-if-badge.mjs.map +1 -0
  79. package/fesm2015/pepperi-addons-ngx-composite-lib.mjs +4 -3
  80. package/fesm2015/pepperi-addons-ngx-composite-lib.mjs.map +1 -1
  81. package/fesm2020/pepperi-addons-ngx-composite-lib-color-settings.mjs +5 -2
  82. package/fesm2020/pepperi-addons-ngx-composite-lib-color-settings.mjs.map +1 -1
  83. package/fesm2020/pepperi-addons-ngx-composite-lib-file-status-panel.mjs +22 -3
  84. package/fesm2020/pepperi-addons-ngx-composite-lib-file-status-panel.mjs.map +1 -1
  85. package/fesm2020/pepperi-addons-ngx-composite-lib-flow-picker-button.mjs +155 -0
  86. package/fesm2020/pepperi-addons-ngx-composite-lib-flow-picker-button.mjs.map +1 -0
  87. package/fesm2020/pepperi-addons-ngx-composite-lib-generic-list.mjs +68 -7
  88. package/fesm2020/pepperi-addons-ngx-composite-lib-generic-list.mjs.map +1 -1
  89. package/fesm2020/pepperi-addons-ngx-composite-lib-group-buttons-settings.mjs +16 -3
  90. package/fesm2020/pepperi-addons-ngx-composite-lib-group-buttons-settings.mjs.map +1 -1
  91. package/fesm2020/pepperi-addons-ngx-composite-lib-icon-picker.mjs +145 -0
  92. package/fesm2020/pepperi-addons-ngx-composite-lib-icon-picker.mjs.map +1 -0
  93. package/fesm2020/pepperi-addons-ngx-composite-lib-layout-builder.mjs +2286 -0
  94. package/fesm2020/pepperi-addons-ngx-composite-lib-layout-builder.mjs.map +1 -0
  95. package/fesm2020/pepperi-addons-ngx-composite-lib-manage-parameters.mjs +438 -0
  96. package/fesm2020/pepperi-addons-ngx-composite-lib-manage-parameters.mjs.map +1 -0
  97. package/fesm2020/pepperi-addons-ngx-composite-lib-rich-text.mjs +230 -0
  98. package/fesm2020/pepperi-addons-ngx-composite-lib-rich-text.mjs.map +1 -0
  99. package/fesm2020/pepperi-addons-ngx-composite-lib-shadow-settings.mjs +6 -3
  100. package/fesm2020/pepperi-addons-ngx-composite-lib-shadow-settings.mjs.map +1 -1
  101. package/fesm2020/pepperi-addons-ngx-composite-lib-show-if-badge.mjs +100 -0
  102. package/fesm2020/pepperi-addons-ngx-composite-lib-show-if-badge.mjs.map +1 -0
  103. package/fesm2020/pepperi-addons-ngx-composite-lib.mjs +4 -3
  104. package/fesm2020/pepperi-addons-ngx-composite-lib.mjs.map +1 -1
  105. package/flow-picker-button/flow-picker-button.component.d.ts +27 -0
  106. package/flow-picker-button/flow-picker-button.module.d.ts +11 -0
  107. package/flow-picker-button/flow-picker-button.service.d.ts +9 -0
  108. package/flow-picker-button/index.d.ts +5 -0
  109. package/flow-picker-button/public-api.d.ts +2 -0
  110. package/generic-list/generic-list.component.d.ts +17 -5
  111. package/generic-list/generic-list.service.d.ts +2 -1
  112. package/group-buttons-settings/group-buttons-settings.component.d.ts +5 -2
  113. package/group-buttons-settings/group-buttons-settings.model.d.ts +1 -1
  114. package/icon-picker/icon-picker.component.d.ts +24 -0
  115. package/icon-picker/icon-picker.module.d.ts +13 -0
  116. package/icon-picker/icon-picker.service.d.ts +8 -0
  117. package/icon-picker/index.d.ts +5 -0
  118. package/icon-picker/public-api.d.ts +2 -0
  119. package/layout-builder/hide-in/hide-in.component.d.ts +25 -0
  120. package/layout-builder/hide-in/hide-in.component.theme.scss +9 -0
  121. package/layout-builder/hide-in/hide-in.module.d.ts +20 -0
  122. package/layout-builder/index.d.ts +5 -0
  123. package/layout-builder/layout/layout.component.d.ts +51 -0
  124. package/layout-builder/layout/layout.module.d.ts +17 -0
  125. package/layout-builder/layout-builder-internal.service.d.ts +107 -0
  126. package/layout-builder/layout-builder.component.d.ts +51 -0
  127. package/layout-builder/layout-builder.component.theme.scss +56 -0
  128. package/layout-builder/layout-builder.model.d.ts +51 -0
  129. package/layout-builder/layout-builder.module.d.ts +32 -0
  130. package/layout-builder/layout-builder.service.d.ts +14 -0
  131. package/layout-builder/layout-editor/layout-editor.component.d.ts +49 -0
  132. package/layout-builder/layout-editor/layout-editor.module.d.ts +28 -0
  133. package/layout-builder/public-api.d.ts +6 -0
  134. package/layout-builder/section/section.component.d.ts +76 -0
  135. package/layout-builder/section/section.component.theme.scss +115 -0
  136. package/layout-builder/section/section.module.d.ts +14 -0
  137. package/layout-builder/section-block/section-block.component.d.ts +39 -0
  138. package/layout-builder/section-block/section-block.component.theme.scss +13 -0
  139. package/layout-builder/section-block/section-block.module.d.ts +13 -0
  140. package/layout-builder/section-editor/section-editor.component.d.ts +53 -0
  141. package/layout-builder/section-editor/section-editor.module.d.ts +13 -0
  142. package/manage-parameters/index.d.ts +5 -0
  143. package/manage-parameters/manage-parameter/manage-parameter.component.d.ts +28 -0
  144. package/manage-parameters/manage-parameters.component.d.ts +33 -0
  145. package/manage-parameters/manage-parameters.model.d.ts +21 -0
  146. package/manage-parameters/manage-parameters.module.d.ts +14 -0
  147. package/manage-parameters/manage-parameters.service.d.ts +16 -0
  148. package/manage-parameters/public-api.d.ts +3 -0
  149. package/package.json +50 -2
  150. package/rich-text/index.d.ts +5 -0
  151. package/rich-text/public-api.d.ts +2 -0
  152. package/rich-text/rich-text.component.d.ts +43 -0
  153. package/rich-text/rich-text.module.d.ts +16 -0
  154. package/rich-text/rich-text.service.d.ts +9 -0
  155. package/shadow-settings/shadow-settings.component.d.ts +2 -1
  156. package/show-if-badge/index.d.ts +5 -0
  157. package/show-if-badge/public-api.d.ts +2 -0
  158. package/show-if-badge/show-if-badge.component.d.ts +20 -0
  159. package/show-if-badge/show-if-badge.module.d.ts +16 -0
  160. package/src/assets/i18n/en.ngx-composite-lib.json +77 -4
  161. package/src/assets/images/brand-leaf-full@1x.png +0 -0
  162. package/src/assets/images/brand-leaf-full@2x.png +0 -0
  163. package/src/assets/images/brand-leaf-round.png +0 -0
  164. package/src/assets/images/brand-leaf-round@2x.png +0 -0
  165. package/src/assets/images/brand-leaf-skiny@1x.png +0 -0
  166. package/src/assets/images/brand-leaf-skiny@2x.png +0 -0
@@ -0,0 +1,154 @@
1
+ import { Component, EventEmitter, Input, Output } from '@angular/core';
2
+ import { DEFAULT_HORIZONTAL_ALIGNMENT } from '@pepperi-addons/ngx-lib';
3
+ import * as i0 from "@angular/core";
4
+ import * as i1 from "@pepperi-addons/ngx-lib/remote-loader";
5
+ import * as i2 from "./rich-text.service";
6
+ import * as i3 from "@pepperi-addons/ngx-lib/button";
7
+ import * as i4 from "@pepperi-addons/ngx-lib/rich-html-textarea";
8
+ export class RichTextComponent {
9
+ constructor(viewContainerRef, addonBlockLoaderService, RichTextService) {
10
+ this.viewContainerRef = viewContainerRef;
11
+ this.addonBlockLoaderService = addonBlockLoaderService;
12
+ this.RichTextService = RichTextService;
13
+ this.key = '';
14
+ this.value = '';
15
+ this.label = '';
16
+ this.mandatory = false;
17
+ this.disabled = false;
18
+ this.readonly = false;
19
+ this.maxFieldCharacters = 300;
20
+ this.xAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;
21
+ this.sanitize = true;
22
+ this.rowSpan = 1;
23
+ this.visible = true;
24
+ this.isActive = false;
25
+ this.showTitle = true;
26
+ this.renderTitle = true;
27
+ this.renderEnlargeButton = true;
28
+ this.layoutType = 'form';
29
+ this.inlineMode = false;
30
+ this.useAssetsForImages = true;
31
+ this._toolbarOptions = this.getDefaultToolbarOptions();
32
+ this.valueChange = new EventEmitter();
33
+ this.toolbarOptions = this.getDefaultToolbarOptions();
34
+ }
35
+ get toolbarOptions() {
36
+ return this._toolbarOptions;
37
+ }
38
+ set toolbarOptions(options) {
39
+ if (options) {
40
+ this._toolbarOptions = options;
41
+ }
42
+ }
43
+ ngOnInit() {
44
+ // Do nothing.
45
+ }
46
+ getDefaultToolbarOptions() {
47
+ return {
48
+ font: false,
49
+ size: false,
50
+ header: true,
51
+ bold: true,
52
+ italic: true,
53
+ underline: true,
54
+ strike: false,
55
+ link: true,
56
+ image: { useAssetsABI: true },
57
+ ordered: true,
58
+ bullet: true,
59
+ color: true,
60
+ background: false,
61
+ align: true
62
+ };
63
+ }
64
+ onEditorOpen(editor) {
65
+ this.quillEditor = editor;
66
+ if (this.useAssetsForImages) {
67
+ const imageButton = document.querySelector('.ql-image');
68
+ const newButton = document.querySelector('.quill-editor-image-btn')?.cloneNode(true);
69
+ if (imageButton && newButton) {
70
+ newButton.addEventListener("click", () => { this.openAssetsPickerDialog(); });
71
+ //newButton.addEventListener("click", () => { this.insertAssets('https://pfs.pepperi.com/50d42a3f-f21d-40fa-8c24-a1359b04dbb7/ad909780-0c23-401e-8e8e-f514cc4f6aa2/Assets/logo.jpg');});
72
+ imageButton.parentNode?.appendChild(newButton);
73
+ imageButton.setAttribute('style', 'display:none');
74
+ }
75
+ }
76
+ }
77
+ openAssetsPickerDialog() {
78
+ const dialogRef = this.addonBlockLoaderService.loadAddonBlockInDialog({
79
+ container: this.viewContainerRef,
80
+ name: 'AssetPicker',
81
+ hostObject: {
82
+ selectionType: 'single',
83
+ allowedAssetsTypes: 'images',
84
+ inDialog: true
85
+ },
86
+ size: 'full-screen',
87
+ hostEventsCallback: async (event) => {
88
+ if (event?.action === 'on-save') {
89
+ if (event.url) {
90
+ this.insertAssets(event.url);
91
+ }
92
+ dialogRef?.close();
93
+ }
94
+ else if (event.action === 'on-cancel') {
95
+ dialogRef?.close();
96
+ }
97
+ }
98
+ });
99
+ }
100
+ insertAssets(assetUrl) {
101
+ const range = this.quillEditor.getSelection() || { index: 0, length: 0 };
102
+ this.quillEditor.insertEmbed(range.index, 'image', assetUrl);
103
+ }
104
+ valueChanged(event) {
105
+ this.valueChange.emit(event);
106
+ }
107
+ }
108
+ RichTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: RichTextComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1.PepAddonBlockLoaderService }, { token: i2.RichTextService }], target: i0.ɵɵFactoryTarget.Component });
109
+ RichTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: RichTextComponent, selector: "pep-rich-text", inputs: { key: "key", value: "value", label: "label", mandatory: "mandatory", disabled: "disabled", readonly: "readonly", maxFieldCharacters: "maxFieldCharacters", xAlignment: "xAlignment", sanitize: "sanitize", rowSpan: "rowSpan", visible: "visible", isActive: "isActive", showTitle: "showTitle", renderTitle: "renderTitle", renderEnlargeButton: "renderEnlargeButton", layoutType: "layoutType", inlineMode: "inlineMode", useAssetsForImages: "useAssetsForImages", toolbarOptions: "toolbarOptions" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<pep-rich-html-textarea [key]=\"key\" \n [value]=\"value\"\n [label]=\"label\" \n [mandatory]=\"mandatory\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [maxFieldCharacters]=\"maxFieldCharacters\" \n [xAlignment]=\"xAlignment\" \n [toolbarOptions]=\"toolbarOptions\"\n [rowSpan]=\"rowSpan\" \n [visible]=\"visible\"\n \n [isActive]=\"isActive\"\n [showTitle]=\"showTitle\"\n [renderTitle]=\"renderTitle\"\n [renderEnlargeButton]=\"renderEnlargeButton\"\n [layoutType]=\"layoutType\"\n [inlineMode]=\"inlineMode\"\n (editorCreated)=\"onEditorOpen($event)\"\n (valueChange)=\"valueChanged($event)\">\n</pep-rich-html-textarea>\n<pep-button [sizeType]=\"'sm'\" [classNames]=\"'pep-spacing-element quill-editor-image-btn'\" \n [iconName]=\"'system_image'\" (buttonClick)=\"openAssetsPickerDialog()\">\n</pep-button>", styles: ["::ng-deep .quill-editor-image-btn{display:none;width:2.5rem!important}\n"], dependencies: [{ kind: "component", type: i3.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "component", type: i4.PepRichHtmlTextareaComponent, selector: "pep-rich-html-textarea", inputs: ["key", "value", "label", "mandatory", "disabled", "readonly", "maxFieldCharacters", "xAlignment", "sanitize", "rowSpan", "visible", "form", "isActive", "showTitle", "renderTitle", "renderEnlargeButton", "layoutType", "inlineMode", "toolbarOptions"], outputs: ["valueChange", "editorCreated"] }] });
110
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: RichTextComponent, decorators: [{
111
+ type: Component,
112
+ args: [{ selector: 'pep-rich-text', template: "<pep-rich-html-textarea [key]=\"key\" \n [value]=\"value\"\n [label]=\"label\" \n [mandatory]=\"mandatory\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [maxFieldCharacters]=\"maxFieldCharacters\" \n [xAlignment]=\"xAlignment\" \n [toolbarOptions]=\"toolbarOptions\"\n [rowSpan]=\"rowSpan\" \n [visible]=\"visible\"\n \n [isActive]=\"isActive\"\n [showTitle]=\"showTitle\"\n [renderTitle]=\"renderTitle\"\n [renderEnlargeButton]=\"renderEnlargeButton\"\n [layoutType]=\"layoutType\"\n [inlineMode]=\"inlineMode\"\n (editorCreated)=\"onEditorOpen($event)\"\n (valueChange)=\"valueChanged($event)\">\n</pep-rich-html-textarea>\n<pep-button [sizeType]=\"'sm'\" [classNames]=\"'pep-spacing-element quill-editor-image-btn'\" \n [iconName]=\"'system_image'\" (buttonClick)=\"openAssetsPickerDialog()\">\n</pep-button>", styles: ["::ng-deep .quill-editor-image-btn{display:none;width:2.5rem!important}\n"] }]
113
+ }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i1.PepAddonBlockLoaderService }, { type: i2.RichTextService }]; }, propDecorators: { key: [{
114
+ type: Input
115
+ }], value: [{
116
+ type: Input
117
+ }], label: [{
118
+ type: Input
119
+ }], mandatory: [{
120
+ type: Input
121
+ }], disabled: [{
122
+ type: Input
123
+ }], readonly: [{
124
+ type: Input
125
+ }], maxFieldCharacters: [{
126
+ type: Input
127
+ }], xAlignment: [{
128
+ type: Input
129
+ }], sanitize: [{
130
+ type: Input
131
+ }], rowSpan: [{
132
+ type: Input
133
+ }], visible: [{
134
+ type: Input
135
+ }], isActive: [{
136
+ type: Input
137
+ }], showTitle: [{
138
+ type: Input
139
+ }], renderTitle: [{
140
+ type: Input
141
+ }], renderEnlargeButton: [{
142
+ type: Input
143
+ }], layoutType: [{
144
+ type: Input
145
+ }], inlineMode: [{
146
+ type: Input
147
+ }], useAssetsForImages: [{
148
+ type: Input
149
+ }], toolbarOptions: [{
150
+ type: Input
151
+ }], valueChange: [{
152
+ type: Output
153
+ }] } });
154
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmljaC10ZXh0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21wb3NpdGUtbGliL3JpY2gtdGV4dC9yaWNoLXRleHQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvcmljaC10ZXh0L3JpY2gtdGV4dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWlCLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBb0IsTUFBTSxlQUFlLENBQUM7QUFHaEgsT0FBTyxFQUFFLDRCQUE0QixFQUF5QyxNQUFNLHlCQUF5QixDQUFDOzs7Ozs7QUFVOUcsTUFBTSxPQUFPLGlCQUFpQjtJQW9DMUIsWUFDWSxnQkFBa0MsRUFDbEMsdUJBQW1ELEVBQ25ELGVBQWdDO1FBRmhDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFDbEMsNEJBQXVCLEdBQXZCLHVCQUF1QixDQUE0QjtRQUNuRCxvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7UUFyQ25DLFFBQUcsR0FBRyxFQUFFLENBQUM7UUFDVCxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLHVCQUFrQixHQUFHLEdBQUcsQ0FBQztRQUN6QixlQUFVLEdBQTJCLDRCQUE0QixDQUFDO1FBQ2xFLGFBQVEsR0FBRyxJQUFJLENBQUM7UUFDaEIsWUFBTyxHQUFHLENBQUMsQ0FBQztRQUNaLFlBQU8sR0FBRyxJQUFJLENBQUM7UUFDZixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFDakIsZ0JBQVcsR0FBRyxJQUFJLENBQUM7UUFDbkIs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ImltcG9ydCB7IEFmdGVyVmlld0luaXQsIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdDb250YWluZXJSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFBlcEFkZG9uQmxvY2tMb2FkZXJTZXJ2aWNlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvcmVtb3RlLWxvYWRlcic7XG5pbXBvcnQgeyBSaWNoVGV4dFNlcnZpY2UgfSBmcm9tICcuL3JpY2gtdGV4dC5zZXJ2aWNlJztcbmltcG9ydCB7IERFRkFVTFRfSE9SSVpPTlRBTF9BTElHTk1FTlQsIFBlcEhvcml6b250YWxBbGlnbm1lbnQsIFBlcExheW91dFR5cGUgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYic7XG5pbXBvcnQgeyBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBJUGVwUmljaEh0bWxUZXh0YXJlYVRvb2xiYXJPcHRpb25zIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvcmljaC1odG1sLXRleHRhcmVhJztcbmltcG9ydCBRdWlsbCBmcm9tICdxdWlsbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncGVwLXJpY2gtdGV4dCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3JpY2gtdGV4dC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vcmljaC10ZXh0LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUmljaFRleHRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gICAgQElucHV0KCkga2V5ID0gJyc7XG4gICAgQElucHV0KCkgdmFsdWUgPSAnJztcbiAgICBASW5wdXQoKSBsYWJlbCA9ICcnO1xuICAgIEBJbnB1dCgpIG1hbmRhdG9yeSA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gICAgQElucHV0KCkgcmVhZG9ubHkgPSBmYWxzZTtcbiAgICBASW5wdXQoKSBtYXhGaWVsZENoYXJhY3RlcnMgPSAzMDA7XG4gICAgQElucHV0KCkgeEFsaWdubWVudDogUGVwSG9yaXpvbnRhbEFsaWdubWVudCA9IERFRkFVTFRfSE9SSVpPTlRBTF9BTElHTk1FTlQ7XG4gICAgQElucHV0KCkgc2FuaXRpemUgPSB0cnVlO1xuICAgIEBJbnB1dCgpIHJvd1NwYW4gPSAxO1xuICAgIEBJbnB1dCgpIHZpc2libGUgPSB0cnVlO1xuICAgIEBJbnB1dCgpIGlzQWN0aXZlID0gZmFsc2U7XG4gICAgQElucHV0KCkgc2hvd1RpdGxlID0gdHJ1ZTtcbiAgICBASW5wdXQoKSByZW5kZXJUaXRsZSA9IHRydWU7XG4gICAgQElucHV0KCkgcmVuZGVyRW5sYXJnZUJ1dHRvbiA9IHRydWU7XG4gICAgQElucHV0KCkgbGF5b3V0VHlwZTogUGVwTGF5b3V0VHlwZSA9ICdmb3JtJztcbiAgICBASW5wdXQoKSBpbmxpbmVNb2RlID0gZmFsc2U7XG4gICAgQElucHV0KCkgdXNlQXNzZXRzRm9ySW1hZ2VzID0gdHJ1ZTtcbiAgICBcbiAgICBwcml2YXRlIHF1aWxsRWRpdG9yOiBhbnk7XG4gICAgcHJvdGVjdGVkIF90b29sYmFyT3B0aW9uczogSVBlcFJpY2hIdG1sVGV4dGFyZWFUb29sYmFyT3B0aW9ucyA9IHRoaXMuZ2V0RGVmYXVsdFRvb2xiYXJPcHRpb25zKCk7XG4gICAgQElucHV0KClcbiAgICBnZXQgdG9vbGJhck9wdGlvbnMoKTogSVBlcFJpY2hIdG1sVGV4dGFyZWFUb29sYmFyT3B0aW9ucyB7XG4gICAgICAgIHJldHVybiB0aGlzLl90b29sYmFyT3B0aW9ucztcbiAgICB9XG4gICAgc2V0IHRvb2xiYXJPcHRpb25zKG9wdGlvbnM6IElQZXBSaWNoSHRtbFRleHRhcmVhVG9vbGJhck9wdGlvbnMpIHtcbiAgICAgICAgaWYgKG9wdGlvbnMpIHtcbiAgICAgICAgICAgIHRoaXMuX3Rvb2xiYXJPcHRpb25zID0gb3B0aW9ucztcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBPdXRwdXQoKVxuICAgICAgICB2YWx1ZUNoYW5nZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIHZpZXdDb250YWluZXJSZWY6IFZpZXdDb250YWluZXJSZWYsXG4gICAgICAgIHByaXZhdGUgYWRkb25CbG9ja0xvYWRlclNlcnZpY2U6IFBlcEFkZG9uQmxvY2tMb2FkZXJTZXJ2aWNlLCBcbiAgICAgICAgcHJpdmF0ZSBSaWNoVGV4dFNlcnZpY2U6IFJpY2hUZXh0U2VydmljZSkgeyBcbiAgICAgICAgICAgIHRoaXMudG9vbGJhck9wdGlvbnMgPSB0aGlzLmdldERlZmF1bHRUb29sYmFyT3B0aW9ucygpO1xuICAgICAgICB9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgLy8gRG8gbm90aGluZy5cbiAgICAgICAgXG4gICAgfVxuXG5cbiAgICBnZXREZWZhdWx0VG9vbGJhck9wdGlvbnMoKTogSVBlcFJpY2hIdG1sVGV4dGFyZWFUb29sYmFyT3B0aW9ucyB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICBmb250OiBmYWxzZSxcbiAgICAgICAgICAgIHNpemU6IGZhbHNlLFxuICAgICAgICAgICAgaGVhZGVyOiB0cnVlLFxuICAgICAgICAgICAgYm9sZDogdHJ1ZSxcbiAgICAgICAgICAgIGl0YWxpYzogdHJ1ZSxcbiAgICAgICAgICAgIHVuZGVybGluZTogdHJ1ZSxcbiAgICAgICAgICAgIHN0cmlrZTogZmFsc2UsXG4gICAgICAgICAgICBsaW5rOiB0cnVlLFxuICAgICAgICAgICAgaW1hZ2U6IHsgdXNlQXNzZXRzQUJJIDogdHJ1ZSB9LFxuICAgICAgICAgICAgb3JkZXJlZDogdHJ1ZSxcbiAgICAgICAgICAgIGJ1bGxldDogdHJ1ZSxcbiAgICAgICAgICAgIGNvbG9yOiB0cnVlLFxuICAgICAgICAgICAgYmFja2dyb3VuZDogZmFsc2UsXG4gICAgICAgICAgICBhbGlnbjogdHJ1ZVxuICAgICAgICB9O1xuICAgIH1cblxuICAgIG9uRWRpdG9yT3BlbihlZGl0b3I6IGFueSl7XG4gICAgICAgIHRoaXMucXVpbGxFZGl0b3IgPSBlZGl0b3I7XG5cbiAgICAgICAgaWYodGhpcy51c2VBc3NldHNGb3JJbWFnZXMpe1xuICAgICAgICAgICAgY29uc3QgaW1hZ2VCdXR0b24gPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCcucWwtaW1hZ2UnKTtcbiAgICAgICAgICAgIGNvbnN0IG5ld0J1dHRvbiA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJy5xdWlsbC1lZGl0b3ItaW1hZ2UtYnRuJyk/LmNsb25lTm9kZSh0cnVlKTtcbiAgICAgICAgICAgIFxuICAgICAgICAgICAgaWYoaW1hZ2VCdXR0b24gJiYgbmV3QnV0dG9uKXtcbiAgICAgICAgICAgICAgICBuZXdCdXR0b24uYWRkRXZlbnRMaXN0ZW5lcihcImNsaWNrXCIsICgpID0+IHsgdGhpcy5vcGVuQXNzZXRzUGlja2VyRGlhbG9nKCk7fSk7XG4gICAgICAgICAgICAgICAgLy9uZXdCdXR0b24uYWRkRXZlbnRMaXN0ZW5lcihcImNsaWNrXCIsICgpID0+IHsgdGhpcy5pbnNlcnRBc3NldHMoJ2h0dHBzOi8vcGZzLnBlcHBlcmkuY29tLzUwZDQyYTNmLWYyMWQtNDBmYS04YzI0LWExMzU5YjA0ZGJiNy9hZDkwOTc4MC0wYzIzLTQwMWUtOGU4ZS1mNTE0Y2M0ZjZhYTIvQXNzZXRzL2xvZ28uanBnJyk7fSk7XG4gICAgICAgICAgICAgICAgaW1hZ2VCdXR0b24ucGFyZW50Tm9kZT8uYXBwZW5kQ2hpbGQobmV3QnV0dG9uKTtcbiAgICAgICAgICAgICAgICBpbWFnZUJ1dHRvbi5zZXRBdHRyaWJ1dGUoJ3N0eWxlJywnZGlzcGxheTpub25lJyk7ICAgIFxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuICAgIFxuICAgIG9wZW5Bc3NldHNQaWNrZXJEaWFsb2coKSB7XG4gICAgICAgIGNvbnN0IGRpYWxvZ1JlZiA9IHRoaXMuYWRkb25CbG9ja0xvYWRlclNlcnZpY2UubG9hZEFkZG9uQmxvY2tJbkRpYWxvZyh7XG4gICAgICAgICAgICBjb250YWluZXI6IHRoaXMudmlld0NvbnRhaW5lclJlZixcbiAgICAgICAgICAgIG5hbWU6ICdBc3NldFBpY2tlcicsXG4gICAgICAgICAgICBob3N0T2JqZWN0OiB7XG4gICAgICAgICAgICAgICAgc2VsZWN0aW9uVHlwZTogJ3NpbmdsZScsXG4gICAgICAgICAgICAgICAgYWxsb3dlZEFzc2V0c1R5cGVzOiAnaW1hZ2VzJyxcbiAgICAgICAgICAgICAgICBpbkRpYWxvZzogdHJ1ZVxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIHNpemU6ICdmdWxsLXNjcmVlbicsXG4gICAgICAgICAgICBob3N0RXZlbnRzQ2FsbGJhY2s6IGFzeW5jIChldmVudCkgPT4ge1xuICAgICAgICAgICAgICAgIGlmIChldmVudD8uYWN0aW9uID09PSAnb24tc2F2ZScpIHtcbiAgICAgICAgICAgICAgICAgICAgaWYoZXZlbnQudXJsKXtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMuaW5zZXJ0QXNzZXRzKGV2ZW50LnVybCk7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgZGlhbG9nUmVmPy5jbG9zZSgpO1xuICAgICAgICAgICAgICAgIH0gZWxzZSBpZiAoZXZlbnQuYWN0aW9uID09PSAnb24tY2FuY2VsJykge1xuICAgICAgICAgICAgICAgICAgICBkaWFsb2dSZWY/LmNsb3NlKCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBpbnNlcnRBc3NldHMoYXNzZXRVcmw6IHN0cmluZyl7XG4gICAgICAgIGNvbnN0IHJhbmdlID0gdGhpcy5xdWlsbEVkaXRvci5nZXRTZWxlY3Rpb24oKSB8fCB7IGluZGV4OiAwLCBsZW5ndGg6IDB9O1xuICAgICAgICB0aGlzLnF1aWxsRWRpdG9yLmluc2VydEVtYmVkKHJhbmdlLmluZGV4LCAnaW1hZ2UnLCBhc3NldFVybCk7XG4gICAgfVxuXG4gICAgdmFsdWVDaGFuZ2VkKGV2ZW50OiBhbnkpe1xuICAgICAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQoZXZlbnQpO1xuICAgIH1cbn1cbiIsIjxwZXAtcmljaC1odG1sLXRleHRhcmVhIFtrZXldPVwia2V5XCIgXG4gICAgICAgICAgICAgICAgICAgICAgICBbdmFsdWVdPVwidmFsdWVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2xhYmVsXT1cImxhYmVsXCIgXG4gICAgICAgICAgICAgICAgICAgICAgICBbbWFuZGF0b3J5XT1cIm1hbmRhdG9yeVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3JlYWRvbmx5XT1cInJlYWRvbmx5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFttYXhGaWVsZENoYXJhY3RlcnNdPVwibWF4RmllbGRDaGFyYWN0ZXJzXCIgXG4gICAgICAgICAgICAgICAgICAgICAgICBbeEFsaWdubWVudF09XCJ4QWxpZ25tZW50XCIgXG4gICAgICAgICAgICAgICAgICAgICAgICBbdG9vbGJhck9wdGlvbnNdPVwidG9vbGJhck9wdGlvbnNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3Jvd1NwYW5dPVwicm93U3BhblwiIFxuICAgICAgICAgICAgICAgICAgICAgICAgW3Zpc2libGVdPVwidmlzaWJsZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBcbiAgICAgICAgICAgICAgICAgICAgICAgIFtpc0FjdGl2ZV09XCJpc0FjdGl2ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbc2hvd1RpdGxlXT1cInNob3dUaXRsZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbcmVuZGVyVGl0bGVdPVwicmVuZGVyVGl0bGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3JlbmRlckVubGFyZ2VCdXR0b25dPVwicmVuZGVyRW5sYXJnZUJ1dHRvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbbGF5b3V0VHlwZV09XCJsYXlvdXRUeXBlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtpbmxpbmVNb2RlXT1cImlubGluZU1vZGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKGVkaXRvckNyZWF0ZWQpPVwib25FZGl0b3JPcGVuKCRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKHZhbHVlQ2hhbmdlKT1cInZhbHVlQ2hhbmdlZCgkZXZlbnQpXCI+XG48L3BlcC1yaWNoLWh0bWwtdGV4dGFyZWE+XG48cGVwLWJ1dHRvbiBbc2l6ZVR5cGVdPVwiJ3NtJ1wiIFtjbGFzc05hbWVzXT1cIidwZXAtc3BhY2luZy1lbGVtZW50IHF1aWxsLWVkaXRvci1pbWFnZS1idG4nXCIgXG4gICAgICAgICAgICAgICAgW2ljb25OYW1lXT1cIidzeXN0ZW1faW1hZ2UnXCIgKGJ1dHRvbkNsaWNrKT1cIm9wZW5Bc3NldHNQaWNrZXJEaWFsb2coKVwiPlxuPC9wZXAtYnV0dG9uPiJdfQ==
@@ -0,0 +1,52 @@
1
+ import { NgModule } from '@angular/core';
2
+ import { CommonModule } from '@angular/common';
3
+ import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
4
+ import { PepRichHtmlTextareaModule } from '@pepperi-addons/ngx-lib/rich-html-textarea';
5
+ import { PepRemoteLoaderModule } from '@pepperi-addons/ngx-lib/remote-loader';
6
+ import { PepButtonModule } from '@pepperi-addons/ngx-lib/button';
7
+ import { RichTextComponent } from './rich-text.component';
8
+ import { RichTextService } from './rich-text.service';
9
+ import { PepIconModule, pepIconSystemImage } from '@pepperi-addons/ngx-lib/icon';
10
+ import * as i0 from "@angular/core";
11
+ import * as i1 from "@pepperi-addons/ngx-lib/icon";
12
+ const pepIcons = [
13
+ pepIconSystemImage
14
+ ];
15
+ export class PepRichTextModule {
16
+ constructor(pepIconRegistry) {
17
+ this.pepIconRegistry = pepIconRegistry;
18
+ this.pepIconRegistry.registerIcons(pepIcons);
19
+ }
20
+ }
21
+ PepRichTextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRichTextModule, deps: [{ token: i1.PepIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
22
+ PepRichTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepRichTextModule, declarations: [RichTextComponent], imports: [CommonModule,
23
+ PepNgxLibModule,
24
+ PepIconModule,
25
+ PepButtonModule,
26
+ PepRichHtmlTextareaModule,
27
+ PepRemoteLoaderModule], exports: [RichTextComponent] });
28
+ PepRichTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRichTextModule, providers: [RichTextService], imports: [CommonModule,
29
+ PepNgxLibModule,
30
+ PepIconModule,
31
+ PepButtonModule,
32
+ PepRichHtmlTextareaModule,
33
+ PepRemoteLoaderModule] });
34
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRichTextModule, decorators: [{
35
+ type: NgModule,
36
+ args: [{
37
+ declarations: [
38
+ RichTextComponent
39
+ ],
40
+ imports: [
41
+ CommonModule,
42
+ PepNgxLibModule,
43
+ PepIconModule,
44
+ PepButtonModule,
45
+ PepRichHtmlTextareaModule,
46
+ PepRemoteLoaderModule
47
+ ],
48
+ providers: [RichTextService],
49
+ exports: [RichTextComponent],
50
+ }]
51
+ }], ctorParameters: function () { return [{ type: i1.PepIconRegistry }]; } });
52
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmljaC10ZXh0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21wb3NpdGUtbGliL3JpY2gtdGV4dC9yaWNoLXRleHQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUN2RixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDakUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RELE9BQU8sRUFDSCxhQUFhLEVBRWIsa0JBQWtCLEVBQ3JCLE1BQU0sOEJBQThCLENBQUM7OztBQUV0QyxNQUFNLFFBQVEsR0FBRztJQUNiLGtCQUFrQjtDQUNyQixDQUFDO0FBaUJGLE1BQU0sT0FBTyxpQkFBaUI7SUFDMUIsWUFBb0IsZUFBZ0M7UUFBaEMsb0JBQWUsR0FBZixlQUFlLENBQWlCO1FBQ2hELElBQUksQ0FBQyxlQUFlLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ2pELENBQUM7OzhHQUhRLGlCQUFpQjsrR0FBakIsaUJBQWlCLGlCQWJ0QixpQkFBaUIsYUFHakIsWUFBWTtRQUNaLGVBQWU7UUFDZixhQUFhO1FBQ2IsZUFBZTtRQUNmLHlCQUF5QjtRQUN6QixxQkFBcUIsYUFHZixpQkFBaUI7K0dBRWxCLGlCQUFpQixhQUhmLENBQUMsZUFBZSxDQUFDLFlBUHhCLFlBQVk7UUFDWixlQUFlO1FBQ2YsYUFBYTtRQUNiLGVBQWU7UUFDZix5QkFBeUI7UUFDekIscUJBQXFCOzJGQUtoQixpQkFBaUI7a0JBZjdCLFFBQVE7bUJBQUM7b0JBQ04sWUFBWSxFQUFFO3dCQUNWLGlCQUFpQjtxQkFDcEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osZUFBZTt3QkFDZixhQUFhO3dCQUNiLGVBQWU7d0JBQ2YseUJBQXlCO3dCQUN6QixxQkFBcUI7cUJBQ3hCO29CQUNELFNBQVMsRUFBRSxDQUFDLGVBQWUsQ0FBQztvQkFDNUIsT0FBTyxFQUFFLENBQUMsaUJBQWlCLENBQUM7aUJBQy9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBQZXBOZ3hMaWJNb2R1bGUgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYic7XG5pbXBvcnQgeyBQZXBSaWNoSHRtbFRleHRhcmVhTW9kdWxlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvcmljaC1odG1sLXRleHRhcmVhJztcbmltcG9ydCB7IFBlcFJlbW90ZUxvYWRlck1vZHVsZSB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliL3JlbW90ZS1sb2FkZXInO1xuaW1wb3J0IHsgUGVwQnV0dG9uTW9kdWxlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvYnV0dG9uJztcbmltcG9ydCB7IFJpY2hUZXh0Q29tcG9uZW50IH0gZnJvbSAnLi9yaWNoLXRleHQuY29tcG9uZW50JztcbmltcG9ydCB7IFJpY2hUZXh0U2VydmljZSB9IGZyb20gJy4vcmljaC10ZXh0LnNlcnZpY2UnO1xuaW1wb3J0IHsgXG4gICAgUGVwSWNvbk1vZHVsZSxcbiAgICBQZXBJY29uUmVnaXN0cnksXG4gICAgcGVwSWNvblN5c3RlbUltYWdlXG59IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliL2ljb24nO1xuXG5jb25zdCBwZXBJY29ucyA9IFtcbiAgICBwZXBJY29uU3lzdGVtSW1hZ2Vcbl07XG5cbkBOZ01vZHVsZSh7XG4gICAgZGVjbGFyYXRpb25zOiBbXG4gICAgICAgIFJpY2hUZXh0Q29tcG9uZW50XG4gICAgXSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgUGVwTmd4TGliTW9kdWxlLFxuICAgICAgICBQZXBJY29uTW9kdWxlLFxuICAgICAgICBQZXBCdXR0b25Nb2R1bGUsXG4gICAgICAgIFBlcFJpY2hIdG1sVGV4dGFyZWFNb2R1bGUsXG4gICAgICAgIFBlcFJlbW90ZUxvYWRlck1vZHVsZVxuICAgIF0sXG4gICAgcHJvdmlkZXJzOiBbUmljaFRleHRTZXJ2aWNlXSxcbiAgICBleHBvcnRzOiBbUmljaFRleHRDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBQZXBSaWNoVGV4dE1vZHVsZSB7XG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBwZXBJY29uUmVnaXN0cnk6IFBlcEljb25SZWdpc3RyeSkge1xuICAgICAgICB0aGlzLnBlcEljb25SZWdpc3RyeS5yZWdpc3Rlckljb25zKHBlcEljb25zKTtcbiAgICB9XG59XG4iXX0=
@@ -0,0 +1,21 @@
1
+ import { Injectable } from "@angular/core";
2
+ import { lastValueFrom } from "rxjs";
3
+ import * as i0 from "@angular/core";
4
+ import * as i1 from "@pepperi-addons/ngx-lib";
5
+ export class RichTextService {
6
+ constructor(httpService) {
7
+ this.httpService = httpService;
8
+ }
9
+ async searchFlows(flowKey) {
10
+ return lastValueFrom(await this.httpService.postPapiApiCall('/user_defined_flows/search', { KeyList: [flowKey], Fields: ['Key', 'Name'] }));
11
+ }
12
+ }
13
+ RichTextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: RichTextService, deps: [{ token: i1.PepHttpService }], target: i0.ɵɵFactoryTarget.Injectable });
14
+ RichTextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: RichTextService, providedIn: 'root' });
15
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: RichTextService, decorators: [{
16
+ type: Injectable,
17
+ args: [{
18
+ providedIn: 'root',
19
+ }]
20
+ }], ctorParameters: function () { return [{ type: i1.PepHttpService }]; } });
21
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmljaC10ZXh0LnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9zaXRlLWxpYi9yaWNoLXRleHQvcmljaC10ZXh0LnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUzQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7QUFLckMsTUFBTSxPQUFPLGVBQWU7SUFFeEIsWUFDWSxXQUEyQjtRQUEzQixnQkFBVyxHQUFYLFdBQVcsQ0FBZ0I7SUFFdkMsQ0FBQztJQUVELEtBQUssQ0FBQyxXQUFXLENBQUMsT0FBZTtRQUM3QixPQUFPLGFBQWEsQ0FBQyxNQUFNLElBQUksQ0FBQyxXQUFXLENBQUMsZUFBZSxDQUFDLDRCQUE0QixFQUFFLEVBQUUsT0FBTyxFQUFFLENBQUMsT0FBTyxDQUFDLEVBQUUsTUFBTSxFQUFFLENBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxFQUFDLENBQUMsQ0FBQyxDQUFDO0lBQy9JLENBQUM7OzRHQVRRLGVBQWU7Z0hBQWYsZUFBZSxjQUZaLE1BQU07MkZBRVQsZUFBZTtrQkFIM0IsVUFBVTttQkFBQztvQkFDUixVQUFVLEVBQUUsTUFBTTtpQkFDckIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IFBlcEh0dHBTZXJ2aWNlLCBQZXBTZXNzaW9uU2VydmljZSB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliJztcbmltcG9ydCB7IGxhc3RWYWx1ZUZyb20gfSBmcm9tIFwicnhqc1wiO1xuXG5ASW5qZWN0YWJsZSh7XG4gICAgcHJvdmlkZWRJbjogJ3Jvb3QnLFxufSlcbmV4cG9ydCBjbGFzcyBSaWNoVGV4dFNlcnZpY2Uge1xuICAgIFxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIGh0dHBTZXJ2aWNlOiBQZXBIdHRwU2VydmljZVxuICAgICAgICApIHtcbiAgICB9XG4gICAgXG4gICAgYXN5bmMgc2VhcmNoRmxvd3MoZmxvd0tleTogc3RyaW5nKTogUHJvbWlzZTxhbnk+IHtcbiAgICAgICAgcmV0dXJuIGxhc3RWYWx1ZUZyb20oYXdhaXQgdGhpcy5odHRwU2VydmljZS5wb3N0UGFwaUFwaUNhbGwoJy91c2VyX2RlZmluZWRfZmxvd3Mvc2VhcmNoJywgeyBLZXlMaXN0OiBbZmxvd0tleV0sIEZpZWxkczogWydLZXknLCAnTmFtZSddfSkpO1xuICAgIH1cbn0iXX0=
@@ -8,6 +8,7 @@ import * as i4 from "@pepperi-addons/ngx-lib/group-buttons";
8
8
  export class ShadowSettingsComponent {
9
9
  constructor(translate) {
10
10
  this.translate = translate;
11
+ this.titleSize = 'xl';
11
12
  this._shadow = new PepShadowSettings();
12
13
  this.shadowChange = new EventEmitter();
13
14
  this.shadowSizes = [];
@@ -57,13 +58,15 @@ export class ShadowSettingsComponent {
57
58
  }
58
59
  }
59
60
  ShadowSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ShadowSettingsComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
60
- ShadowSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: ShadowSettingsComponent, selector: "pep-shadow-settings", inputs: { shadow: "shadow" }, outputs: { shadowChange: "shadowChange" }, ngImport: i0, template: "<pep-checkbox class=\"checkbox-as-title\" [label]=\"'SHADOW_SETTINGS.TITLE' | translate\" [renderTitle]=\"false\" [value]=\"shadow.use\" (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n<pep-field-title [label]=\"'SHADOW_SETTINGS.SIZE' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n<pep-group-buttons class=\"shadow-size-group\" [buttons]=\"shadowSizes\" [selectedButtonKey]=\"shadow.size\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n</pep-group-buttons>\n<pep-field-title [label]=\"'SHADOW_SETTINGS.INTENSITY' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n<pep-group-buttons class=\"shadow-intensity-group\" [buttons]=\"shadowIntensities\" [selectedButtonKey]=\"shadow.intensity\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n</pep-group-buttons>", styles: [":host{width:100%}:host .shadow-size-group,:host .shadow-type-group{display:block;margin-bottom:var(--pep-form-spacing, 1rem)}\n"], dependencies: [{ kind: "component", type: i2.PepCheckboxComponent, selector: "pep-checkbox", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "additionalValue", "form", "isActive", "showTitle", "renderTitle", "layoutType", "visible"], outputs: ["valueChange"] }, { kind: "component", type: i3.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength", "fontBodyType"] }, { kind: "component", type: i4.PepGroupButtonsComponent, selector: "pep-group-buttons", inputs: ["viewType", "styleType", "sizeType", "buttons", "buttonsDisabled", "supportUnselect", "selectedButtonKey", "stretch"], outputs: ["buttonClick"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
61
+ ShadowSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: ShadowSettingsComponent, selector: "pep-shadow-settings", inputs: { titleSize: "titleSize", shadow: "shadow" }, outputs: { shadowChange: "shadowChange" }, ngImport: i0, template: "<div>\n <pep-checkbox \n class=\"{{ titleSize === 'xl' ? 'checkbox-as-title' : 'checkbox-as-sub-title' }}\" \n [label]=\"'SHADOW_SETTINGS.TITLE' | translate\" [renderTitle]=\"false\" [value]=\"shadow.use\" (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n <pep-field-title [label]=\"'SHADOW_SETTINGS.SIZE' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n <pep-group-buttons class=\"shadow-size-group\" [buttons]=\"shadowSizes\" [selectedButtonKey]=\"shadow.size\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n </pep-group-buttons>\n</div>\n<div>\n <pep-field-title [label]=\"'SHADOW_SETTINGS.INTENSITY' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n <pep-group-buttons class=\"shadow-intensity-group\" [buttons]=\"shadowIntensities\" [selectedButtonKey]=\"shadow.intensity\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n </pep-group-buttons>\n</div>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}\n"], dependencies: [{ kind: "component", type: i2.PepCheckboxComponent, selector: "pep-checkbox", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "additionalValue", "form", "isActive", "showTitle", "renderTitle", "layoutType", "visible"], outputs: ["valueChange"] }, { kind: "component", type: i3.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength", "fontBodyType"] }, { kind: "component", type: i4.PepGroupButtonsComponent, selector: "pep-group-buttons", inputs: ["viewType", "styleType", "sizeType", "buttons", "buttonsDisabled", "supportUnselect", "selectedButtonKey", "stretch"], outputs: ["buttonClick"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
61
62
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ShadowSettingsComponent, decorators: [{
62
63
  type: Component,
63
- args: [{ selector: 'pep-shadow-settings', template: "<pep-checkbox class=\"checkbox-as-title\" [label]=\"'SHADOW_SETTINGS.TITLE' | translate\" [renderTitle]=\"false\" [value]=\"shadow.use\" (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n<pep-field-title [label]=\"'SHADOW_SETTINGS.SIZE' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n<pep-group-buttons class=\"shadow-size-group\" [buttons]=\"shadowSizes\" [selectedButtonKey]=\"shadow.size\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n</pep-group-buttons>\n<pep-field-title [label]=\"'SHADOW_SETTINGS.INTENSITY' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n<pep-group-buttons class=\"shadow-intensity-group\" [buttons]=\"shadowIntensities\" [selectedButtonKey]=\"shadow.intensity\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n</pep-group-buttons>", styles: [":host{width:100%}:host .shadow-size-group,:host .shadow-type-group{display:block;margin-bottom:var(--pep-form-spacing, 1rem)}\n"] }]
64
- }], ctorParameters: function () { return [{ type: i1.TranslateService }]; }, propDecorators: { shadow: [{
64
+ args: [{ selector: 'pep-shadow-settings', template: "<div>\n <pep-checkbox \n class=\"{{ titleSize === 'xl' ? 'checkbox-as-title' : 'checkbox-as-sub-title' }}\" \n [label]=\"'SHADOW_SETTINGS.TITLE' | translate\" [renderTitle]=\"false\" [value]=\"shadow.use\" (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n <pep-field-title [label]=\"'SHADOW_SETTINGS.SIZE' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n <pep-group-buttons class=\"shadow-size-group\" [buttons]=\"shadowSizes\" [selectedButtonKey]=\"shadow.size\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n </pep-group-buttons>\n</div>\n<div>\n <pep-field-title [label]=\"'SHADOW_SETTINGS.INTENSITY' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n <pep-group-buttons class=\"shadow-intensity-group\" [buttons]=\"shadowIntensities\" [selectedButtonKey]=\"shadow.intensity\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n </pep-group-buttons>\n</div>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}\n"] }]
65
+ }], ctorParameters: function () { return [{ type: i1.TranslateService }]; }, propDecorators: { titleSize: [{
66
+ type: Input
67
+ }], shadow: [{
65
68
  type: Input
66
69
  }], shadowChange: [{
67
70
  type: Output
68
71
  }] } });
69
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hhZG93LXNldHRpbmdzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21wb3NpdGUtbGliL3NoYWRvdy1zZXR0aW5ncy9zaGFkb3ctc2V0dGluZ3MuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvc2hhZG93LXNldHRpbmdzL3NoYWRvdy1zZXR0aW5ncy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBSS9FLE9BQU8sRUFBMEIsaUJBQWlCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7Ozs7O0FBT3BGLE1BQU0sT0FBTyx1QkFBdUI7SUFxQmhDLFlBQ1ksU0FBMkI7UUFBM0IsY0FBUyxHQUFULFNBQVMsQ0FBa0I7UUFwQi9CLFlBQU8sR0FBc0IsSUFBSSxpQkFBaUIsRUFBRSxDQUFDO1FBYzdELGlCQUFZLEdBQW9DLElBQUksWUFBWSxFQUFxQixDQUFDO1FBRXRGLGdCQUFXLEdBQXFCLEVBQUUsQ0FBQztRQUNuQyxzQkFBaUIsR0FBcUIsRUFBRSxDQUFDO0lBS3pDLENBQUM7SUFyQkQsSUFDSSxNQUFNLENBQUMsS0FBd0I7UUFDL0IsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNSLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxpQkFBaUIsRUFBRSxDQUFDO1NBQzFDO2FBQU07WUFDSCxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztTQUN4QjtJQUNMLENBQUM7SUFDRCxJQUFJLE1BQU07UUFDTixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDeEIsQ0FBQztJQWFELFFBQVE7UUFDSix1REFBdUQ7UUFDdkQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsZ0NBQWdDLENBQUMsQ0FBQyxTQUFTLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxRQUFRLEVBQUUsRUFBRTtZQUMvRSxJQUFJLENBQUMsV0FBVyxHQUFHO2dCQUNmLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDLEVBQUUsUUFBUSxFQUFFLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEVBQUU7Z0JBQ25HLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDLEVBQUUsUUFBUSxFQUFFLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEVBQUU7Z0JBQ25HLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDLEVBQUUsUUFBUSxFQUFFLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEVBQUU7Z0JBQ25HLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDLEVBQUUsUUFBUSxFQUFFLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEVBQUU7YUFDdEcsQ0FBQztZQUVGLElBQUksQ0FBQyxpQkFBaUIsR0FBRztnQkFDckIsRUFBRSxHQUFHLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxNQUFNLENBQUMsRUFBRTtnQkFDaEYsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxtQ0FBbUMsQ0FBQyxFQUFFLFFBQVEsRUFBRSxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsU0FBUyxDQUFDLEVBQUU7Z0JBQ3pJLEVBQUUsR0FBRyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsZ0NBQWdDLENBQUMsRUFBRSxRQUFRLEVBQUUsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLE1BQU0sQ0FBQyxFQUFFO2FBQ25JLENBQUM7UUFDTixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFHTyxpQkFBaUI7UUFDckIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3hDLENBQUM7SUFFRCxZQUFZLENBQUMsS0FBYztRQUN2QixJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsR0FBRyxLQUFLLENBQUM7UUFDeEIsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUFrQjtRQUMzQixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUM7UUFDekIsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELGlCQUFpQixDQUFDLEtBQTZCO1FBQzNDLElBQUksQ0FBQyxNQUFNLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztRQUM5QixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUM3QixDQUFDOztvSEE5RFEsdUJBQXVCO3dHQUF2Qix1QkFBdUIsb0lDWHBDLHc0QkFNb0I7MkZES1AsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNJLHFCQUFxQjt1R0FRM0IsTUFBTTtzQkFEVCxLQUFLO2dCQWFOLFlBQVk7c0JBRFgsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcbmltcG9ydCB7IFBlcFNpemVUeXBlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWInO1xuaW1wb3J0IHsgSVBlcEJ1dHRvbkNsaWNrRXZlbnQsIFBlcEJ1dHRvbiB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliL2J1dHRvbic7XG5pbXBvcnQgeyBQZXBTaGFkb3dJbnRlbnNpdHlUeXBlLCBQZXBTaGFkb3dTZXR0aW5ncyB9IGZyb20gJy4vc2hhZG93LXNldHRpbmdzLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwZXAtc2hhZG93LXNldHRpbmdzJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2hhZG93LXNldHRpbmdzLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zaGFkb3ctc2V0dGluZ3MuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTaGFkb3dTZXR0aW5nc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgICBwcml2YXRlIF9zaGFkb3c6IFBlcFNoYWRvd1NldHRpbmdzID0gbmV3IFBlcFNoYWRvd1NldHRpbmdzKCk7XG4gICAgQElucHV0KClcbiAgICBzZXQgc2hhZG93KHZhbHVlOiBQZXBTaGFkb3dTZXR0aW5ncykge1xuICAgICAgICBpZiAoIXZhbHVlKSB7XG4gICAgICAgICAgICB0aGlzLl9zaGFkb3cgPSBuZXcgUGVwU2hhZG93U2V0dGluZ3MoKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMuX3NoYWRvdyA9IHZhbHVlO1xuICAgICAgICB9XG4gICAgfVxuICAgIGdldCBzaGFkb3coKTogUGVwU2hhZG93U2V0dGluZ3Mge1xuICAgICAgICByZXR1cm4gdGhpcy5fc2hhZG93O1xuICAgIH1cblxuICAgIEBPdXRwdXQoKVxuICAgIHNoYWRvd0NoYW5nZTogRXZlbnRFbWl0dGVyPFBlcFNoYWRvd1NldHRpbmdzPiA9IG5ldyBFdmVudEVtaXR0ZXI8UGVwU2hhZG93U2V0dGluZ3M+KCk7XG4gICAgXG4gICAgc2hhZG93U2l6ZXM6IEFycmF5PFBlcEJ1dHRvbj4gPSBbXTtcbiAgICBzaGFkb3dJbnRlbnNpdGllczogQXJyYXk8UGVwQnV0dG9uPiA9IFtdO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgdHJhbnNsYXRlOiBUcmFuc2xhdGVTZXJ2aWNlLFxuICAgICkge1xuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQgeyBcbiAgICAgICAgLy8gR2V0IHRoZSBmaXJzdCB0cmFuc2xhdGlvbiBmb3IgbG9hZCBhbGwgdHJhbnNsYXRpb25zLlxuICAgICAgICB0aGlzLnRyYW5zbGF0ZS5nZXQoJ1NIQURPV19TRVRUSU5HUy5JTlRFTlNJVFlfU09GVCcpLnRvUHJvbWlzZSgpLnRoZW4oKHR5cGVTb2Z0KSA9PiB7XG4gICAgICAgICAgICB0aGlzLnNoYWRvd1NpemVzID0gW1xuICAgICAgICAgICAgICAgIHsga2V5OiAnc20nLCB2YWx1ZTogdGhpcy50cmFuc2xhdGUuaW5zdGFudCgnR0VORVJBTC5TTScpLCBjYWxsYmFjazogKCkgPT4gdGhpcy5vblNpemVDaGFuZ2UoJ3NtJykgfSxcbiAgICAgICAgICAgICAgICB7IGtleTogJ21kJywgdmFsdWU6IHRoaXMudHJhbnNsYXRlLmluc3RhbnQoJ0dFTkVSQUwuTUQnKSwgY2FsbGJhY2s6ICgpID0+IHRoaXMub25TaXplQ2hhbmdlKCdtZCcpIH0sXG4gICAgICAgICAgICAgICAgeyBrZXk6ICdsZycsIHZhbHVlOiB0aGlzLnRyYW5zbGF0ZS5pbnN0YW50KCdHRU5FUkFMLkxHJyksIGNhbGxiYWNrOiAoKSA9PiB0aGlzLm9uU2l6ZUNoYW5nZSgnbGcnKSB9LFxuICAgICAgICAgICAgICAgIHsga2V5OiAneGwnLCB2YWx1ZTogdGhpcy50cmFuc2xhdGUuaW5zdGFudCgnR0VORVJBTC5YTCcpLCBjYWxsYmFjazogKCkgPT4gdGhpcy5vblNpemVDaGFuZ2UoJ3hsJykgfVxuICAgICAgICAgICAgXTtcblxuICAgICAgICAgICAgdGhpcy5zaGFkb3dJbnRlbnNpdGllcyA9IFtcbiAgICAgICAgICAgICAgICB7IGtleTogJ3NvZnQnLCB2YWx1ZTogdHlwZVNvZnQsIGNhbGxiYWNrOiAoKSA9PiB0aGlzLm9uSW50ZW5zaXR5Q2hhbmdlKCdzb2Z0JykgfSxcbiAgICAgICAgICAgICAgICB7IGtleTogJ3JlZ3VsYXInLCB2YWx1ZTogdGhpcy50cmFuc2xhdGUuaW5zdGFudCgnU0hBRE9XX1NFVFRJTkdTLklOVEVOU0lUWV9SRUdVTEFSJyksIGNhbGxiYWNrOiAoKSA9PiB0aGlzLm9uSW50ZW5zaXR5Q2hhbmdlKCdyZWd1bGFyJykgfSxcbiAgICAgICAgICAgICAgICB7IGtleTogJ2hhcmQnLCB2YWx1ZTogdGhpcy50cmFuc2xhdGUuaW5zdGFudCgnU0hBRE9XX1NFVFRJTkdTLklOVEVOU0lUWV9IQVJEJyksIGNhbGxiYWNrOiAoKSA9PiB0aGlzLm9uSW50ZW5zaXR5Q2hhbmdlKCdoYXJkJykgfVxuICAgICAgICAgICAgXTtcbiAgICAgICAgfSk7XG4gICAgfVxuXG5cbiAgICBwcml2YXRlIHJhaXNlU2hhZG93Q2hhbmdlKCkge1xuICAgICAgICB0aGlzLnNoYWRvd0NoYW5nZS5lbWl0KHRoaXMuc2hhZG93KTtcbiAgICB9XG5cbiAgICBvblVzZUNoYW5nZWQodmFsdWU6IGJvb2xlYW4pIHtcbiAgICAgICAgdGhpcy5zaGFkb3cudXNlID0gdmFsdWU7XG4gICAgICAgIHRoaXMucmFpc2VTaGFkb3dDaGFuZ2UoKTtcbiAgICB9XG5cbiAgICBvblNpemVDaGFuZ2UodmFsdWU6IFBlcFNpemVUeXBlKSB7XG4gICAgICAgIHRoaXMuc2hhZG93LnNpemUgPSB2YWx1ZTtcbiAgICAgICAgdGhpcy5yYWlzZVNoYWRvd0NoYW5nZSgpO1xuICAgIH1cblxuICAgIG9uSW50ZW5zaXR5Q2hhbmdlKHZhbHVlOiBQZXBTaGFkb3dJbnRlbnNpdHlUeXBlKSB7XG4gICAgICAgIHRoaXMuc2hhZG93LmludGVuc2l0eSA9IHZhbHVlO1xuICAgICAgICB0aGlzLnJhaXNlU2hhZG93Q2hhbmdlKCk7XG4gICAgfVxufVxuIiwiPHBlcC1jaGVja2JveCBjbGFzcz1cImNoZWNrYm94LWFzLXRpdGxlXCIgW2xhYmVsXT1cIidTSEFET1dfU0VUVElOR1MuVElUTEUnIHwgdHJhbnNsYXRlXCIgW3JlbmRlclRpdGxlXT1cImZhbHNlXCIgW3ZhbHVlXT1cInNoYWRvdy51c2VcIiAodmFsdWVDaGFuZ2UpPVwib25Vc2VDaGFuZ2VkKCRldmVudClcIj48L3BlcC1jaGVja2JveD5cbjxwZXAtZmllbGQtdGl0bGUgW2xhYmVsXT1cIidTSEFET1dfU0VUVElOR1MuU0laRScgfCB0cmFuc2xhdGVcIiBbZGlzYWJsZWRdPVwiIXNoYWRvdy51c2VcIj48L3BlcC1maWVsZC10aXRsZT5cbjxwZXAtZ3JvdXAtYnV0dG9ucyBjbGFzcz1cInNoYWRvdy1zaXplLWdyb3VwXCIgW2J1dHRvbnNdPVwic2hhZG93U2l6ZXNcIiBbc2VsZWN0ZWRCdXR0b25LZXldPVwic2hhZG93LnNpemVcIiBbc3RyZXRjaF09XCJ0cnVlXCIgYnV0dG9uc0NsYXNzPVwibWQgcmVndWxhclwiIFtidXR0b25zRGlzYWJsZWRdPVwiIXNoYWRvdy51c2VcIiB2aWV3VHlwZT1cInRvZ2dsZVwiPlxuPC9wZXAtZ3JvdXAtYnV0dG9ucz5cbjxwZXAtZmllbGQtdGl0bGUgW2xhYmVsXT1cIidTSEFET1dfU0VUVElOR1MuSU5URU5TSVRZJyB8IHRyYW5zbGF0ZVwiIFtkaXNhYmxlZF09XCIhc2hhZG93LnVzZVwiPjwvcGVwLWZpZWxkLXRpdGxlPlxuPHBlcC1ncm91cC1idXR0b25zIGNsYXNzPVwic2hhZG93LWludGVuc2l0eS1ncm91cFwiIFtidXR0b25zXT1cInNoYWRvd0ludGVuc2l0aWVzXCIgW3NlbGVjdGVkQnV0dG9uS2V5XT1cInNoYWRvdy5pbnRlbnNpdHlcIiBbc3RyZXRjaF09XCJ0cnVlXCIgYnV0dG9uc0NsYXNzPVwibWQgcmVndWxhclwiIFtidXR0b25zRGlzYWJsZWRdPVwiIXNoYWRvdy51c2VcIiB2aWV3VHlwZT1cInRvZ2dsZVwiPlxuPC9wZXAtZ3JvdXAtYnV0dG9ucz4iXX0=
72
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hhZG93LXNldHRpbmdzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21wb3NpdGUtbGliL3NoYWRvdy1zZXR0aW5ncy9zaGFkb3ctc2V0dGluZ3MuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvc2hhZG93LXNldHRpbmdzL3NoYWRvdy1zZXR0aW5ncy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBSS9FLE9BQU8sRUFBMEIsaUJBQWlCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7Ozs7O0FBT3BGLE1BQU0sT0FBTyx1QkFBdUI7SUFzQmhDLFlBQ1ksU0FBMkI7UUFBM0IsY0FBUyxHQUFULFNBQVMsQ0FBa0I7UUF0QjlCLGNBQVMsR0FBZ0IsSUFBSSxDQUFDO1FBRS9CLFlBQU8sR0FBc0IsSUFBSSxpQkFBaUIsRUFBRSxDQUFDO1FBYzdELGlCQUFZLEdBQW9DLElBQUksWUFBWSxFQUFxQixDQUFDO1FBRXRGLGdCQUFXLEdBQXFCLEVBQUUsQ0FBQztRQUNuQyxzQkFBaUIsR0FBcUIsRUFBRSxDQUFDO0lBS3pDLENBQUM7SUFyQkQsSUFDSSxNQUFNLENBQUMsS0FBd0I7UUFDL0IsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNSLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxpQkFBaUIsRUFBRSxDQUFDO1NBQzFDO2FBQU07WUFDSCxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztTQUN4QjtJQUNMLENBQUM7SUFDRCxJQUFJLE1BQU07UUFDTixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDeEIsQ0FBQztJQWFELFFBQVE7UUFDSix1REFBdUQ7UUFDdkQsSUFBSSxDQUFDLFNBQVMs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dHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQgeyBQZXBTaXplVHlwZSB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliJztcbmltcG9ydCB7IElQZXBCdXR0b25DbGlja0V2ZW50LCBQZXBCdXR0b24gfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYi9idXR0b24nO1xuaW1wb3J0IHsgUGVwU2hhZG93SW50ZW5zaXR5VHlwZSwgUGVwU2hhZG93U2V0dGluZ3MgfSBmcm9tICcuL3NoYWRvdy1zZXR0aW5ncy5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncGVwLXNoYWRvdy1zZXR0aW5ncycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NoYWRvdy1zZXR0aW5ncy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc2hhZG93LXNldHRpbmdzLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgU2hhZG93U2V0dGluZ3NDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIEBJbnB1dCgpIHRpdGxlU2l6ZTogUGVwU2l6ZVR5cGUgPSAneGwnO1xuXG4gICAgcHJpdmF0ZSBfc2hhZG93OiBQZXBTaGFkb3dTZXR0aW5ncyA9IG5ldyBQZXBTaGFkb3dTZXR0aW5ncygpO1xuICAgIEBJbnB1dCgpXG4gICAgc2V0IHNoYWRvdyh2YWx1ZTogUGVwU2hhZG93U2V0dGluZ3MpIHtcbiAgICAgICAgaWYgKCF2YWx1ZSkge1xuICAgICAgICAgICAgdGhpcy5fc2hhZG93ID0gbmV3IFBlcFNoYWRvd1NldHRpbmdzKCk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLl9zaGFkb3cgPSB2YWx1ZTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBnZXQgc2hhZG93KCk6IFBlcFNoYWRvd1NldHRpbmdzIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX3NoYWRvdztcbiAgICB9XG5cbiAgICBAT3V0cHV0KClcbiAgICBzaGFkb3dDaGFuZ2U6IEV2ZW50RW1pdHRlcjxQZXBTaGFkb3dTZXR0aW5ncz4gPSBuZXcgRXZlbnRFbWl0dGVyPFBlcFNoYWRvd1NldHRpbmdzPigpO1xuICAgIFxuICAgIHNoYWRvd1NpemVzOiBBcnJheTxQZXBCdXR0b24+ID0gW107XG4gICAgc2hhZG93SW50ZW5zaXRpZXM6IEFycmF5PFBlcEJ1dHRvbj4gPSBbXTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIHRyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSxcbiAgICApIHtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHsgXG4gICAgICAgIC8vIEdldCB0aGUgZmlyc3QgdHJhbnNsYXRpb24gZm9yIGxvYWQgYWxsIHRyYW5zbGF0aW9ucy5cbiAgICAgICAgdGhpcy50cmFuc2xhdGUuZ2V0KCdTSEFET1dfU0VUVElOR1MuSU5URU5TSVRZX1NPRlQnKS50b1Byb21pc2UoKS50aGVuKCh0eXBlU29mdCkgPT4ge1xuICAgICAgICAgICAgdGhpcy5zaGFkb3dTaXplcyA9IFtcbiAgICAgICAgICAgICAgICB7IGtleTogJ3NtJywgdmFsdWU6IHRoaXMudHJhbnNsYXRlLmluc3RhbnQoJ0dFTkVSQUwuU00nKSwgY2FsbGJhY2s6ICgpID0+IHRoaXMub25TaXplQ2hhbmdlKCdzbScpIH0sXG4gICAgICAgICAgICAgICAgeyBrZXk6ICdtZCcsIHZhbHVlOiB0aGlzLnRyYW5zbGF0ZS5pbnN0YW50KCdHRU5FUkFMLk1EJyksIGNhbGxiYWNrOiAoKSA9PiB0aGlzLm9uU2l6ZUNoYW5nZSgnbWQnKSB9LFxuICAgICAgICAgICAgICAgIHsga2V5OiAnbGcnLCB2YWx1ZTogdGhpcy50cmFuc2xhdGUuaW5zdGFudCgnR0VORVJBTC5MRycpLCBjYWxsYmFjazogKCkgPT4gdGhpcy5vblNpemVDaGFuZ2UoJ2xnJykgfSxcbiAgICAgICAgICAgICAgICB7IGtleTogJ3hsJywgdmFsdWU6IHRoaXMudHJhbnNsYXRlLmluc3RhbnQoJ0dFTkVSQUwuWEwnKSwgY2FsbGJhY2s6ICgpID0+IHRoaXMub25TaXplQ2hhbmdlKCd4bCcpIH1cbiAgICAgICAgICAgIF07XG5cbiAgICAgICAgICAgIHRoaXMuc2hhZG93SW50ZW5zaXRpZXMgPSBbXG4gICAgICAgICAgICAgICAgeyBrZXk6ICdzb2Z0JywgdmFsdWU6IHR5cGVTb2Z0LCBjYWxsYmFjazogKCkgPT4gdGhpcy5vbkludGVuc2l0eUNoYW5nZSgnc29mdCcpIH0sXG4gICAgICAgICAgICAgICAgeyBrZXk6ICdyZWd1bGFyJywgdmFsdWU6IHRoaXMudHJhbnNsYXRlLmluc3RhbnQoJ1NIQURPV19TRVRUSU5HUy5JTlRFTlNJVFlfUkVHVUxBUicpLCBjYWxsYmFjazogKCkgPT4gdGhpcy5vbkludGVuc2l0eUNoYW5nZSgncmVndWxhcicpIH0sXG4gICAgICAgICAgICAgICAgeyBrZXk6ICdoYXJkJywgdmFsdWU6IHRoaXMudHJhbnNsYXRlLmluc3RhbnQoJ1NIQURPV19TRVRUSU5HUy5JTlRFTlNJVFlfSEFSRCcpLCBjYWxsYmFjazogKCkgPT4gdGhpcy5vbkludGVuc2l0eUNoYW5nZSgnaGFyZCcpIH1cbiAgICAgICAgICAgIF07XG4gICAgICAgIH0pO1xuICAgIH1cblxuXG4gICAgcHJpdmF0ZSByYWlzZVNoYWRvd0NoYW5nZSgpIHtcbiAgICAgICAgdGhpcy5zaGFkb3dDaGFuZ2UuZW1pdCh0aGlzLnNoYWRvdyk7XG4gICAgfVxuXG4gICAgb25Vc2VDaGFuZ2VkKHZhbHVlOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuc2hhZG93LnVzZSA9IHZhbHVlO1xuICAgICAgICB0aGlzLnJhaXNlU2hhZG93Q2hhbmdlKCk7XG4gICAgfVxuXG4gICAgb25TaXplQ2hhbmdlKHZhbHVlOiBQZXBTaXplVHlwZSkge1xuICAgICAgICB0aGlzLnNoYWRvdy5zaXplID0gdmFsdWU7XG4gICAgICAgIHRoaXMucmFpc2VTaGFkb3dDaGFuZ2UoKTtcbiAgICB9XG5cbiAgICBvbkludGVuc2l0eUNoYW5nZSh2YWx1ZTogUGVwU2hhZG93SW50ZW5zaXR5VHlwZSkge1xuICAgICAgICB0aGlzLnNoYWRvdy5pbnRlbnNpdHkgPSB2YWx1ZTtcbiAgICAgICAgdGhpcy5yYWlzZVNoYWRvd0NoYW5nZSgpO1xuICAgIH1cbn1cbiIsIjxkaXY+XG4gICAgPHBlcC1jaGVja2JveCBcbiAgICAgICAgY2xhc3M9XCJ7eyB0aXRsZVNpemUgPT09ICd4bCcgPyAnY2hlY2tib3gtYXMtdGl0bGUnIDogJ2NoZWNrYm94LWFzLXN1Yi10aXRsZScgfX1cIiBcbiAgICAgICAgW2xhYmVsXT1cIidTSEFET1dfU0VUVElOR1MuVElUTEUnIHwgdHJhbnNsYXRlXCIgW3JlbmRlclRpdGxlXT1cImZhbHNlXCIgW3ZhbHVlXT1cInNoYWRvdy51c2VcIiAodmFsdWVDaGFuZ2UpPVwib25Vc2VDaGFuZ2VkKCRldmVudClcIj48L3BlcC1jaGVja2JveD5cbiAgICA8cGVwLWZpZWxkLXRpdGxlIFtsYWJlbF09XCInU0hBRE9XX1NFVFRJTkdTLlNJWkUnIHwgdHJhbnNsYXRlXCIgW2Rpc2FibGVkXT1cIiFzaGFkb3cudXNlXCI+PC9wZXAtZmllbGQtdGl0bGU+XG4gICAgPHBlcC1ncm91cC1idXR0b25zIGNsYXNzPVwic2hhZG93LXNpemUtZ3JvdXBcIiBbYnV0dG9uc109XCJzaGFkb3dTaXplc1wiIFtzZWxlY3RlZEJ1dHRvbktleV09XCJzaGFkb3cuc2l6ZVwiIFtzdHJldGNoXT1cInRydWVcIiBidXR0b25zQ2xhc3M9XCJtZCByZWd1bGFyXCIgW2J1dHRvbnNEaXNhYmxlZF09XCIhc2hhZG93LnVzZVwiIHZpZXdUeXBlPVwidG9nZ2xlXCI+XG4gICAgPC9wZXAtZ3JvdXAtYnV0dG9ucz5cbjwvZGl2PlxuPGRpdj5cbiAgICA8cGVwLWZpZWxkLXRpdGxlIFtsYWJlbF09XCInU0hBRE9XX1NFVFRJTkdTLklOVEVOU0lUWScgfCB0cmFuc2xhdGVcIiBbZGlzYWJsZWRdPVwiIXNoYWRvdy51c2VcIj48L3BlcC1maWVsZC10aXRsZT5cbiAgICA8cGVwLWdyb3VwLWJ1dHRvbnMgY2xhc3M9XCJzaGFkb3ctaW50ZW5zaXR5LWdyb3VwXCIgW2J1dHRvbnNdPVwic2hhZG93SW50ZW5zaXRpZXNcIiBbc2VsZWN0ZWRCdXR0b25LZXldPVwic2hhZG93LmludGVuc2l0eVwiIFtzdHJldGNoXT1cInRydWVcIiBidXR0b25zQ2xhc3M9XCJtZCByZWd1bGFyXCIgW2J1dHRvbnNEaXNhYmxlZF09XCIhc2hhZG93LnVzZVwiIHZpZXdUeXBlPVwidG9nZ2xlXCI+XG4gICAgPC9wZXAtZ3JvdXAtYnV0dG9ucz5cbjwvZGl2PiJdfQ==
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ export * from './public-api';
5
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVwcGVyaS1hZGRvbnMtbmd4LWNvbXBvc2l0ZS1saWItc2hvdy1pZi1iYWRnZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21wb3NpdGUtbGliL3Nob3ctaWYtYmFkZ2UvcGVwcGVyaS1hZGRvbnMtbmd4LWNvbXBvc2l0ZS1saWItc2hvdy1pZi1iYWRnZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19
@@ -0,0 +1,6 @@
1
+ /*
2
+ * Public API Surface of ngx-composite-lib/flow-picker-button
3
+ */
4
+ export * from './show-if-badge.module';
5
+ export * from './show-if-badge.component';
6
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21wb3NpdGUtbGliL3Nob3ctaWYtYmFkZ2UvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYywyQkFBMkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2Ygbmd4LWNvbXBvc2l0ZS1saWIvZmxvdy1waWNrZXItYnV0dG9uXG4gKi9cbmV4cG9ydCAqIGZyb20gJy4vc2hvdy1pZi1iYWRnZS5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9zaG93LWlmLWJhZGdlLmNvbXBvbmVudCc7XG4iXX0=
@@ -0,0 +1,44 @@
1
+ import { Component, Input } from '@angular/core';
2
+ import { pepIconSystemView } from '@pepperi-addons/ngx-lib/icon';
3
+ import * as i0 from "@angular/core";
4
+ import * as i1 from "@pepperi-addons/ngx-lib";
5
+ import * as i2 from "@angular/common";
6
+ import * as i3 from "@pepperi-addons/ngx-lib/icon";
7
+ import * as i4 from "@angular/material/icon";
8
+ export class ShowIfBadgeComponent {
9
+ constructor(layoutService) {
10
+ this.layoutService = layoutService;
11
+ this.showIf = false;
12
+ /**
13
+ * If you want to show an icon in the button then select an icon form the provided icon list
14
+ *
15
+ * @type {PepIconType} See {@link PepIconType}
16
+ * @memberof PepButtonComponent
17
+ */
18
+ this.iconName = pepIconSystemView.name;
19
+ this.backgroundColor = 'hsl(0,0%,0%)';
20
+ this.isRtl = false;
21
+ this.isRtl = this.layoutService.isRtl();
22
+ }
23
+ ngOnInit() {
24
+ setTimeout(() => {
25
+ const badge = document.getElementsByClassName("mat-badge-content")[0];
26
+ if (badge) {
27
+ badge.setAttribute('style', 'background-color:' + this.backgroundColor + '!important');
28
+ }
29
+ }, 0);
30
+ }
31
+ }
32
+ ShowIfBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ShowIfBadgeComponent, deps: [{ token: i1.PepLayoutService }], target: i0.ɵɵFactoryTarget.Component });
33
+ ShowIfBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: ShowIfBadgeComponent, selector: "pep-show-if-badge", inputs: { showIf: "showIf", iconName: "iconName", backgroundColor: "backgroundColor" }, ngImport: i0, template: "<div *ngIf=\"showIf\" class=\"show-if-badge\" [ngClass]=\"{ 'rtl-direction': isRtl }\">\n <mat-icon class=\"mat-badge-content\">\n <pep-icon [name]=\"iconName\"></pep-icon>\n </mat-icon>\n</div>", styles: [".show-if-badge{position:relative;right:0}.show-if-badge .mat-badge-content{font-weight:var(--pep-font-weight-bold, 600);background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),var(--pep-color-strong-l, 27%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);color:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%));background-color:hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))!important;box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32)}.show-if-badge .mat-badge-content .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}.show-if-badge .mat-badge-content .svg-icon.stroke{fill:unset;stroke:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}.show-if-badge.rtl-direction{right:unset;left:0}.show-if-badge .mat-icon{right:0;height:2.5rem;width:2.5rem;margin-top:-1rem;margin-right:-1.25rem}.show-if-badge .mat-icon ::ng-deep .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%));width:1.75rem;height:1.75rem}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PepIconComponent, selector: "pep-icon", inputs: ["spin", "name", "fill"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
34
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ShowIfBadgeComponent, decorators: [{
35
+ type: Component,
36
+ args: [{ selector: 'pep-show-if-badge', template: "<div *ngIf=\"showIf\" class=\"show-if-badge\" [ngClass]=\"{ 'rtl-direction': isRtl }\">\n <mat-icon class=\"mat-badge-content\">\n <pep-icon [name]=\"iconName\"></pep-icon>\n </mat-icon>\n</div>", styles: [".show-if-badge{position:relative;right:0}.show-if-badge .mat-badge-content{font-weight:var(--pep-font-weight-bold, 600);background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),var(--pep-color-strong-l, 27%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);color:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%));background-color:hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))!important;box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32)}.show-if-badge .mat-badge-content .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}.show-if-badge .mat-badge-content .svg-icon.stroke{fill:unset;stroke:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}.show-if-badge.rtl-direction{right:unset;left:0}.show-if-badge .mat-icon{right:0;height:2.5rem;width:2.5rem;margin-top:-1rem;margin-right:-1.25rem}.show-if-badge .mat-icon ::ng-deep .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%));width:1.75rem;height:1.75rem}\n"] }]
37
+ }], ctorParameters: function () { return [{ type: i1.PepLayoutService }]; }, propDecorators: { showIf: [{
38
+ type: Input
39
+ }], iconName: [{
40
+ type: Input
41
+ }], backgroundColor: [{
42
+ type: Input
43
+ }] } });
44
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hvdy1pZi1iYWRnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9zaXRlLWxpYi9zaG93LWlmLWJhZGdlL3Nob3ctaWYtYmFkZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvc2hvdy1pZi1iYWRnZS9zaG93LWlmLWJhZGdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBR3pELE9BQU8sRUFBZSxpQkFBaUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDOzs7Ozs7QUFVOUUsTUFBTSxPQUFPLG9CQUFvQjtJQWU3QixZQUFzQixhQUErQjtRQUEvQixrQkFBYSxHQUFiLGFBQWEsQ0FBa0I7UUFkNUMsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUV2Qjs7Ozs7VUFLRTtRQUNLLGFBQVEsR0FBZ0IsaUJBQWlCLENBQUMsSUFBSSxDQUFDO1FBQy9DLG9CQUFlLEdBQUcsY0FBYyxDQUFDO1FBRy9CLFVBQUssR0FBRyxLQUFLLENBQUM7UUFHcEIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQzVDLENBQUM7SUFFRCxRQUFRO1FBQ0osVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNaLE1BQU0sS0FBSyxHQUFHLFFBQVEsQ0FBQyxzQkFBc0IsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLENBQUMsQ0FBZ0IsQ0FBQztZQUNqRixJQUFHLEtBQUssRUFBQztnQkFDTCxLQUFLLENBQUMsWUFBWSxDQUFDLE9BQU8sRUFBRSxtQkFBbUIsR0FBRSxJQUFJLENBQUMsZUFBZSxHQUFHLFlBQVksQ0FBQyxDQUFDO2FBQ3pGO1FBQ1AsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQ1osQ0FBQzs7aUhBMUJRLG9CQUFvQjtxR0FBcEIsb0JBQW9CLGlKQ2JqQyxpTkFJTTsyRkRTTyxvQkFBb0I7a0JBTmhDLFNBQVM7K0JBQ0ksbUJBQW1CO3VHQU1wQixNQUFNO3NCQUFkLEtBQUs7Z0JBUUUsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFBlcExheW91dFNlcnZpY2UgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYic7XG5pbXBvcnQgeyBQZXBJY29uVHlwZSwgcGVwSWNvblN5c3RlbVZpZXcgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYi9pY29uJztcbmltcG9ydCB7IFBlcENvbG9yU2V0dGluZ3MgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWNvbXBvc2l0ZS1saWIvY29sb3Itc2V0dGluZ3MnO1xuXG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncGVwLXNob3ctaWYtYmFkZ2UnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zaG93LWlmLWJhZGdlLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zaG93LWlmLWJhZGdlLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5cbmV4cG9ydCBjbGFzcyBTaG93SWZCYWRnZUNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgc2hvd0lmID0gZmFsc2U7XG4gICBcbiAgICAgLyoqXG4gICAgICogSWYgeW91IHdhbnQgdG8gc2hvdyBhbiBpY29uIGluIHRoZSBidXR0b24gdGhlbiBzZWxlY3QgYW4gaWNvbiBmb3JtIHRoZSBwcm92aWRlZCBpY29uIGxpc3RcbiAgICAgKlxuICAgICAqIEB0eXBlIHtQZXBJY29uVHlwZX0gU2VlIHtAbGluayBQZXBJY29uVHlwZX1cbiAgICAgKiBAbWVtYmVyb2YgUGVwQnV0dG9uQ29tcG9uZW50XG4gICAgICovXG4gICBASW5wdXQoKSBpY29uTmFtZTogUGVwSWNvblR5cGUgPSBwZXBJY29uU3lzdGVtVmlldy5uYW1lO1xuICAgQElucHV0KCkgYmFja2dyb3VuZENvbG9yID0gJ2hzbCgwLDAlLDAlKSc7XG4gICBcbiAgICBcbiAgICBwcm90ZWN0ZWQgaXNSdGwgPSBmYWxzZTtcbiAgICBcbiAgICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgbGF5b3V0U2VydmljZTogUGVwTGF5b3V0U2VydmljZSkgeyBcbiAgICAgICAgdGhpcy5pc1J0bCA9IHRoaXMubGF5b3V0U2VydmljZS5pc1J0bCgpO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCl7XG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgYmFkZ2UgPSBkb2N1bWVudC5nZXRFbGVtZW50c0J5Q2xhc3NOYW1lKFwibWF0LWJhZGdlLWNvbnRlbnRcIilbMF0gYXMgSFRNTEVsZW1lbnQ7XG4gICAgICAgICAgICAgICAgaWYoYmFkZ2Upe1xuICAgICAgICAgICAgICAgICAgICBiYWRnZS5zZXRBdHRyaWJ1dGUoJ3N0eWxlJywgJ2JhY2tncm91bmQtY29sb3I6JysgdGhpcy5iYWNrZ3JvdW5kQ29sb3IgKyAnIWltcG9ydGFudCcpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICB9LCAwKTtcbiAgICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwic2hvd0lmXCIgY2xhc3M9XCJzaG93LWlmLWJhZGdlXCIgW25nQ2xhc3NdPVwieyAncnRsLWRpcmVjdGlvbic6IGlzUnRsIH1cIj5cbiAgICA8bWF0LWljb24gY2xhc3M9XCJtYXQtYmFkZ2UtY29udGVudFwiPlxuICAgICAgICA8cGVwLWljb24gW25hbWVdPVwiaWNvbk5hbWVcIj48L3BlcC1pY29uPlxuICAgIDwvbWF0LWljb24+XG48L2Rpdj4iXX0=
@@ -0,0 +1,50 @@
1
+ import { NgModule } from '@angular/core';
2
+ import { CommonModule } from '@angular/common';
3
+ import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
4
+ import { PepIconModule, pepIconSystemView } from '@pepperi-addons/ngx-lib/icon';
5
+ import { TranslateModule } from '@ngx-translate/core';
6
+ import { MatIconModule } from '@angular/material/icon';
7
+ import { MatBadgeModule } from '@angular/material/badge';
8
+ import { ShowIfBadgeComponent } from './show-if-badge.component';
9
+ import * as i0 from "@angular/core";
10
+ import * as i1 from "@pepperi-addons/ngx-lib/icon";
11
+ import * as i2 from "@ngx-translate/core";
12
+ const pepIcons = [
13
+ pepIconSystemView
14
+ ];
15
+ export class PepShowIfBadgeModule {
16
+ constructor(pepIconRegistry) {
17
+ this.pepIconRegistry = pepIconRegistry;
18
+ this.pepIconRegistry.registerIcons(pepIcons);
19
+ }
20
+ }
21
+ PepShowIfBadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepShowIfBadgeModule, deps: [{ token: i1.PepIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
22
+ PepShowIfBadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepShowIfBadgeModule, declarations: [ShowIfBadgeComponent], imports: [CommonModule,
23
+ PepNgxLibModule,
24
+ PepIconModule,
25
+ MatIconModule,
26
+ MatBadgeModule, i2.TranslateModule], exports: [ShowIfBadgeComponent] });
27
+ PepShowIfBadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepShowIfBadgeModule, imports: [CommonModule,
28
+ PepNgxLibModule,
29
+ PepIconModule,
30
+ MatIconModule,
31
+ MatBadgeModule,
32
+ TranslateModule.forChild()] });
33
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepShowIfBadgeModule, decorators: [{
34
+ type: NgModule,
35
+ args: [{
36
+ declarations: [
37
+ ShowIfBadgeComponent
38
+ ],
39
+ imports: [
40
+ CommonModule,
41
+ PepNgxLibModule,
42
+ PepIconModule,
43
+ MatIconModule,
44
+ MatBadgeModule,
45
+ TranslateModule.forChild(),
46
+ ],
47
+ exports: [ShowIfBadgeComponent]
48
+ }]
49
+ }], ctorParameters: function () { return [{ type: i1.PepIconRegistry }]; } });
50
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hvdy1pZi1iYWRnZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9zaXRlLWxpYi9zaG93LWlmLWJhZGdlL3Nob3ctaWYtYmFkZ2UubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxlQUFlLEVBQW1CLE1BQU0seUJBQXlCLENBQUM7QUFDM0UsT0FBTyxFQUFFLGFBQWEsRUFBbUIsaUJBQWlCLEVBQUMsTUFBTSw4QkFBOEIsQ0FBQztBQUVoRyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFdEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUV6RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7OztBQUVqRSxNQUFNLFFBQVEsR0FBRztJQUNiLGlCQUFpQjtDQUNwQixDQUFDO0FBZ0JGLE1BQU0sT0FBTyxvQkFBb0I7SUFFakMsWUFDWSxlQUFnQztRQUFoQyxvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7UUFFcEMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDakQsQ0FBQzs7aUhBTlEsb0JBQW9CO2tIQUFwQixvQkFBb0IsaUJBWnpCLG9CQUFvQixhQUdwQixZQUFZO1FBQ1osZUFBZTtRQUNmLGFBQWE7UUFDYixhQUFhO1FBQ2IsY0FBYyxpQ0FHUixvQkFBb0I7a0hBRXJCLG9CQUFvQixZQVR6QixZQUFZO1FBQ1osZUFBZTtRQUNmLGFBQWE7UUFDYixhQUFhO1FBQ2IsY0FBYztRQUNkLGVBQWUsQ0FBQyxRQUFRLEVBQUU7MkZBSXJCLG9CQUFvQjtrQkFkaEMsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUU7d0JBQ1Ysb0JBQW9CO3FCQUN2QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsWUFBWTt3QkFDWixlQUFlO3dCQUNmLGFBQWE7d0JBQ2IsYUFBYTt3QkFDYixjQUFjO3dCQUNkLGVBQWUsQ0FBQyxRQUFRLEVBQUU7cUJBQzdCO29CQUNELE9BQU8sRUFBRSxDQUFDLG9CQUFvQixDQUFDO2lCQUNsQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5pbXBvcnQgeyBQZXBOZ3hMaWJNb2R1bGUsIFBlcEFkZG9uU2VydmljZSB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliJztcbmltcG9ydCB7IFBlcEljb25Nb2R1bGUsIFBlcEljb25SZWdpc3RyeSwgcGVwSWNvblN5c3RlbVZpZXd9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliL2ljb24nO1xuXG5pbXBvcnQgeyBUcmFuc2xhdGVNb2R1bGUgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcblxuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTWF0QmFkZ2VNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9iYWRnZSc7XG5cbmltcG9ydCB7IFNob3dJZkJhZGdlQ29tcG9uZW50IH0gZnJvbSAnLi9zaG93LWlmLWJhZGdlLmNvbXBvbmVudCc7XG5cbmNvbnN0IHBlcEljb25zID0gW1xuICAgIHBlcEljb25TeXN0ZW1WaWV3XG5dO1xuXG5ATmdNb2R1bGUoe1xuICAgIGRlY2xhcmF0aW9uczogW1xuICAgICAgICBTaG93SWZCYWRnZUNvbXBvbmVudFxuICAgIF0sXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIFBlcE5neExpYk1vZHVsZSxcbiAgICAgICAgUGVwSWNvbk1vZHVsZSxcbiAgICAgICAgTWF0SWNvbk1vZHVsZSxcbiAgICAgICAgTWF0QmFkZ2VNb2R1bGUsXG4gICAgICAgIFRyYW5zbGF0ZU1vZHVsZS5mb3JDaGlsZCgpLFxuICAgIF0sXG4gICAgZXhwb3J0czogW1Nob3dJZkJhZGdlQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBQZXBTaG93SWZCYWRnZU1vZHVsZSB7IFxuXG5jb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHBlcEljb25SZWdpc3RyeTogUGVwSWNvblJlZ2lzdHJ5XG4gICAgKSB7XG4gICAgICAgIHRoaXMucGVwSWNvblJlZ2lzdHJ5LnJlZ2lzdGVySWNvbnMocGVwSWNvbnMpO1xuICAgIH1cbn1cbiJdfQ==
@@ -26,6 +26,7 @@ class ColorSettingsComponent {
26
26
  this.title = '';
27
27
  this.checkAAComplient = true;
28
28
  this.showAAComplient = true;
29
+ this.titleSize = 'xl';
29
30
  this._color = new PepColorSettings();
30
31
  this.colorChange = new EventEmitter();
31
32
  }
@@ -83,16 +84,18 @@ class ColorSettingsComponent {
83
84
  }
84
85
  }
85
86
  ColorSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ColorSettingsComponent, deps: [{ token: i1.PepColorService }], target: i0.ɵɵFactoryTarget.Component });
86
- ColorSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: ColorSettingsComponent, selector: "pep-color-settings", inputs: { title: "title", checkAAComplient: "checkAAComplient", showAAComplient: "showAAComplient", color: "color" }, outputs: { colorChange: "colorChange" }, ngImport: i0, template: "<pep-checkbox class=\"checkbox-as-title\" [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\"\n (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n<pep-color [value]=\"color.value\" [label]=\"title + ' ' + ('COLOR_SETTINGS.COLOR' | translate)\" [disabled]=\"!color.use\"\n [checkAAComplient]=\"checkAAComplient\" [showAAComplient]=\"showAAComplient\" (valueChange)=\"onColorChanged($event)\">\n</pep-color>\n<pep-slider [label]=\"title + ' ' + ('COLOR_SETTINGS.OPACITY' | translate)\" [hint]=\"color.opacity.toString() || ''\"\n [minValue]=\"0\" [maxValue]=\"100\" [disabled]=\"!color.use\" [value]=\"color.opacity\" [background]=\"getSliderBackground()\"\n (inputChange)=\"onSliderInputChanged($event)\" (valueChange)=\"onSliderValueChanged($event)\">\n</pep-slider>", styles: [":host{width:100%}\n"], dependencies: [{ kind: "component", type: i2.PepCheckboxComponent, selector: "pep-checkbox", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "additionalValue", "form", "isActive", "showTitle", "renderTitle", "layoutType", "visible"], outputs: ["valueChange"] }, { kind: "component", type: i3.PepColorComponent, selector: "pep-color", inputs: ["key", "value", "label", "disabled", "xAlignment", "rowSpan", "type", "showTitle", "renderTitle", "showAAComplient", "checkAAComplient", "layoutType"], outputs: ["valueChange"] }, { kind: "component", type: i4.PepSliderComponent, selector: "pep-slider", inputs: ["label", "disabled", "hint", "background", "step", "minValue", "maxValue", "value"], outputs: ["valueChange", "inputChange"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
87
+ ColorSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: ColorSettingsComponent, selector: "pep-color-settings", inputs: { title: "title", checkAAComplient: "checkAAComplient", showAAComplient: "showAAComplient", titleSize: "titleSize", color: "color" }, outputs: { colorChange: "colorChange" }, ngImport: i0, template: "<div>\n <pep-checkbox \n class=\"{{ titleSize === 'xl' ? 'checkbox-as-title' : 'checkbox-as-sub-title' }}\" \n [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\"\n (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n <pep-color [value]=\"color.value\" [label]=\"title + ' ' + ('COLOR_SETTINGS.COLOR' | translate)\" [disabled]=\"!color.use\"\n [checkAAComplient]=\"checkAAComplient\" [showAAComplient]=\"showAAComplient\" (valueChange)=\"onColorChanged($event)\">\n </pep-color>\n</div>\n<pep-slider [label]=\"title + ' ' + ('COLOR_SETTINGS.OPACITY' | translate)\" [hint]=\"color.opacity.toString() || ''\"\n [minValue]=\"0\" [maxValue]=\"100\" [disabled]=\"!color.use\" [value]=\"color.opacity\" [background]=\"getSliderBackground()\"\n (inputChange)=\"onSliderInputChanged($event)\" (valueChange)=\"onSliderValueChanged($event)\">\n</pep-slider>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}\n"], dependencies: [{ kind: "component", type: i2.PepCheckboxComponent, selector: "pep-checkbox", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "additionalValue", "form", "isActive", "showTitle", "renderTitle", "layoutType", "visible"], outputs: ["valueChange"] }, { kind: "component", type: i3.PepColorComponent, selector: "pep-color", inputs: ["key", "value", "label", "disabled", "xAlignment", "rowSpan", "type", "showTitle", "renderTitle", "showAAComplient", "checkAAComplient", "layoutType"], outputs: ["valueChange"] }, { kind: "component", type: i4.PepSliderComponent, selector: "pep-slider", inputs: ["label", "disabled", "hint", "background", "step", "minValue", "maxValue", "value"], outputs: ["valueChange", "inputChange"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
87
88
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ColorSettingsComponent, decorators: [{
88
89
  type: Component,
89
- args: [{ selector: 'pep-color-settings', template: "<pep-checkbox class=\"checkbox-as-title\" [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\"\n (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n<pep-color [value]=\"color.value\" [label]=\"title + ' ' + ('COLOR_SETTINGS.COLOR' | translate)\" [disabled]=\"!color.use\"\n [checkAAComplient]=\"checkAAComplient\" [showAAComplient]=\"showAAComplient\" (valueChange)=\"onColorChanged($event)\">\n</pep-color>\n<pep-slider [label]=\"title + ' ' + ('COLOR_SETTINGS.OPACITY' | translate)\" [hint]=\"color.opacity.toString() || ''\"\n [minValue]=\"0\" [maxValue]=\"100\" [disabled]=\"!color.use\" [value]=\"color.opacity\" [background]=\"getSliderBackground()\"\n (inputChange)=\"onSliderInputChanged($event)\" (valueChange)=\"onSliderValueChanged($event)\">\n</pep-slider>", styles: [":host{width:100%}\n"] }]
90
+ args: [{ selector: 'pep-color-settings', template: "<div>\n <pep-checkbox \n class=\"{{ titleSize === 'xl' ? 'checkbox-as-title' : 'checkbox-as-sub-title' }}\" \n [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\"\n (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n <pep-color [value]=\"color.value\" [label]=\"title + ' ' + ('COLOR_SETTINGS.COLOR' | translate)\" [disabled]=\"!color.use\"\n [checkAAComplient]=\"checkAAComplient\" [showAAComplient]=\"showAAComplient\" (valueChange)=\"onColorChanged($event)\">\n </pep-color>\n</div>\n<pep-slider [label]=\"title + ' ' + ('COLOR_SETTINGS.OPACITY' | translate)\" [hint]=\"color.opacity.toString() || ''\"\n [minValue]=\"0\" [maxValue]=\"100\" [disabled]=\"!color.use\" [value]=\"color.opacity\" [background]=\"getSliderBackground()\"\n (inputChange)=\"onSliderInputChanged($event)\" (valueChange)=\"onSliderValueChanged($event)\">\n</pep-slider>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}\n"] }]
90
91
  }], ctorParameters: function () { return [{ type: i1.PepColorService }]; }, propDecorators: { title: [{
91
92
  type: Input
92
93
  }], checkAAComplient: [{
93
94
  type: Input
94
95
  }], showAAComplient: [{
95
96
  type: Input
97
+ }], titleSize: [{
98
+ type: Input
96
99
  }], color: [{
97
100
  type: Input
98
101
  }], colorChange: [{
@@ -1 +1 @@
1
- {"version":3,"file":"pepperi-addons-ngx-composite-lib-color-settings.mjs","sources":["../../../projects/ngx-composite-lib/color-settings/color-settings.model.ts","../../../projects/ngx-composite-lib/color-settings/color-settings.component.ts","../../../projects/ngx-composite-lib/color-settings/color-settings.component.html","../../../projects/ngx-composite-lib/color-settings/color-settings.module.ts","../../../projects/ngx-composite-lib/color-settings/public-api.ts","../../../projects/ngx-composite-lib/color-settings/pepperi-addons-ngx-composite-lib-color-settings.ts"],"sourcesContent":["export class PepColorSettings {\r\n use: boolean;\r\n value: string;\r\n opacity = 50;\r\n \r\n constructor(use = false, value = 'hsl(0, 0%, 57%)', opacity = 50) {\r\n this.use = use;\r\n this.value = value;\r\n this.opacity = opacity;\r\n }\r\n}","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { PepColorService } from '@pepperi-addons/ngx-lib';\nimport { PepColorSettings } from './color-settings.model';\n\n@Component({\n selector: 'pep-color-settings',\n templateUrl: './color-settings.component.html',\n styleUrls: ['./color-settings.component.scss']\n})\nexport class ColorSettingsComponent implements OnInit {\n @Input() title = '';\n @Input() checkAAComplient = true;\n @Input() showAAComplient = true;\n\n private _color: PepColorSettings = new PepColorSettings();\n @Input()\n set color(value: PepColorSettings) {\n if (!value) {\n this._color = new PepColorSettings();\n } else {\n this._color = value;\n }\n }\n get color(): PepColorSettings {\n return this._color;\n }\n\n @Output()\n colorChange: EventEmitter<PepColorSettings> = new EventEmitter<PepColorSettings>();\n \n constructor(private pepColorService: PepColorService) { }\n\n ngOnInit() {\n //\n }\n\n private getRGBAcolor(colorObj: PepColorSettings, opac: number | null = null) {\n let rgba = 'rgba(255,255,255,0)';\n\n if (colorObj) {\n const color = colorObj.value;\n let opacity = opac != null ? opac : colorObj.opacity;\n\n opacity = opacity > 0 ? opacity / 100 : 0;\n\n const hsl = this.pepColorService.hslString2hsl(color);\n const rgb = this.pepColorService.hsl2rgb(hsl);\n rgba = 'rgba(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ',' + opacity + ')';\n }\n\n return rgba;\n }\n\n private raiseColorChange() {\n this.colorChange.emit(this.color);\n }\n\n getSliderBackground() {\n const alignTo = 'right';\n \n const colorObj = new PepColorSettings();\n \n colorObj.value = this.color.value;\n colorObj.opacity = 100;\n \n const gradStr = this.getRGBAcolor(colorObj, 0) + ' , ' + this.getRGBAcolor(colorObj);\n \n return 'linear-gradient(to ' + alignTo + ', ' + gradStr + ')';\n }\n\n onUseChanged(value: boolean) {\n this.color.use = value;\n this.raiseColorChange();\n }\n\n onColorChanged(value: string) {\n this.color.value = value;\n this.raiseColorChange();\n }\n \n onSliderInputChanged(value: number) {\n this.color.opacity = value;\n }\n\n onSliderValueChanged(value: number) {\n this.color.opacity = value;\n this.raiseColorChange();\n }\n}\n","<pep-checkbox class=\"checkbox-as-title\" [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\"\n (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n<pep-color [value]=\"color.value\" [label]=\"title + ' ' + ('COLOR_SETTINGS.COLOR' | translate)\" [disabled]=\"!color.use\"\n [checkAAComplient]=\"checkAAComplient\" [showAAComplient]=\"showAAComplient\" (valueChange)=\"onColorChanged($event)\">\n</pep-color>\n<pep-slider [label]=\"title + ' ' + ('COLOR_SETTINGS.OPACITY' | translate)\" [hint]=\"color.opacity.toString() || ''\"\n [minValue]=\"0\" [maxValue]=\"100\" [disabled]=\"!color.use\" [value]=\"color.opacity\" [background]=\"getSliderBackground()\"\n (inputChange)=\"onSliderInputChanged($event)\" (valueChange)=\"onSliderValueChanged($event)\">\n</pep-slider>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepColorModule } from '@pepperi-addons/ngx-lib/color';\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\nimport { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';\n\nimport { ColorSettingsComponent } from './color-settings.component';\n\n@NgModule({\n declarations: [\n ColorSettingsComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepCheckboxModule,\n PepColorModule,\n PepSliderModule\n ],\n exports: [ColorSettingsComponent],\n})\nexport class PepColorSettingsModule { }\n","/*\n * Public API Surface of ngx-composite-lib/color-settings\n */\nexport * from './color-settings.module';\nexport * from './color-settings.component';\nexport * from './color-settings.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"pepperi-addons-ngx-composite-lib-color-settings.mjs","sources":["../../../projects/ngx-composite-lib/color-settings/color-settings.model.ts","../../../projects/ngx-composite-lib/color-settings/color-settings.component.ts","../../../projects/ngx-composite-lib/color-settings/color-settings.component.html","../../../projects/ngx-composite-lib/color-settings/color-settings.module.ts","../../../projects/ngx-composite-lib/color-settings/public-api.ts","../../../projects/ngx-composite-lib/color-settings/pepperi-addons-ngx-composite-lib-color-settings.ts"],"sourcesContent":["export class PepColorSettings {\r\n use: boolean;\r\n value: string;\r\n opacity = 50;\r\n \r\n constructor(use = false, value = 'hsl(0, 0%, 57%)', opacity = 50) {\r\n this.use = use;\r\n this.value = value;\r\n this.opacity = opacity;\r\n }\r\n}","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { PepColorService, PepSizeType } from '@pepperi-addons/ngx-lib';\nimport { PepColorSettings } from './color-settings.model';\n\n@Component({\n selector: 'pep-color-settings',\n templateUrl: './color-settings.component.html',\n styleUrls: ['./color-settings.component.scss']\n})\nexport class ColorSettingsComponent implements OnInit {\n @Input() title = '';\n @Input() checkAAComplient = true;\n @Input() showAAComplient = true;\n @Input() titleSize: PepSizeType = 'xl';\n\n private _color: PepColorSettings = new PepColorSettings();\n @Input()\n set color(value: PepColorSettings) {\n if (!value) {\n this._color = new PepColorSettings();\n } else {\n this._color = value;\n }\n }\n get color(): PepColorSettings {\n return this._color;\n }\n\n @Output()\n colorChange: EventEmitter<PepColorSettings> = new EventEmitter<PepColorSettings>();\n \n constructor(private pepColorService: PepColorService) { }\n\n ngOnInit() {\n //\n }\n\n private getRGBAcolor(colorObj: PepColorSettings, opac: number | null = null) {\n let rgba = 'rgba(255,255,255,0)';\n\n if (colorObj) {\n const color = colorObj.value;\n let opacity = opac != null ? opac : colorObj.opacity;\n\n opacity = opacity > 0 ? opacity / 100 : 0;\n\n const hsl = this.pepColorService.hslString2hsl(color);\n const rgb = this.pepColorService.hsl2rgb(hsl);\n rgba = 'rgba(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ',' + opacity + ')';\n }\n\n return rgba;\n }\n\n private raiseColorChange() {\n this.colorChange.emit(this.color);\n }\n\n getSliderBackground() {\n const alignTo = 'right';\n \n const colorObj = new PepColorSettings();\n \n colorObj.value = this.color.value;\n colorObj.opacity = 100;\n \n const gradStr = this.getRGBAcolor(colorObj, 0) + ' , ' + this.getRGBAcolor(colorObj);\n \n return 'linear-gradient(to ' + alignTo + ', ' + gradStr + ')';\n }\n\n onUseChanged(value: boolean) {\n this.color.use = value;\n this.raiseColorChange();\n }\n\n onColorChanged(value: string) {\n this.color.value = value;\n this.raiseColorChange();\n }\n \n onSliderInputChanged(value: number) {\n this.color.opacity = value;\n }\n\n onSliderValueChanged(value: number) {\n this.color.opacity = value;\n this.raiseColorChange();\n }\n}\n","<div>\n <pep-checkbox \n class=\"{{ titleSize === 'xl' ? 'checkbox-as-title' : 'checkbox-as-sub-title' }}\" \n [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\"\n (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n <pep-color [value]=\"color.value\" [label]=\"title + ' ' + ('COLOR_SETTINGS.COLOR' | translate)\" [disabled]=\"!color.use\"\n [checkAAComplient]=\"checkAAComplient\" [showAAComplient]=\"showAAComplient\" (valueChange)=\"onColorChanged($event)\">\n </pep-color>\n</div>\n<pep-slider [label]=\"title + ' ' + ('COLOR_SETTINGS.OPACITY' | translate)\" [hint]=\"color.opacity.toString() || ''\"\n [minValue]=\"0\" [maxValue]=\"100\" [disabled]=\"!color.use\" [value]=\"color.opacity\" [background]=\"getSliderBackground()\"\n (inputChange)=\"onSliderInputChanged($event)\" (valueChange)=\"onSliderValueChanged($event)\">\n</pep-slider>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepColorModule } from '@pepperi-addons/ngx-lib/color';\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\nimport { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';\n\nimport { ColorSettingsComponent } from './color-settings.component';\n\n@NgModule({\n declarations: [\n ColorSettingsComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepCheckboxModule,\n PepColorModule,\n PepSliderModule\n ],\n exports: [ColorSettingsComponent],\n})\nexport class PepColorSettingsModule { }\n","/*\n * Public API Surface of ngx-composite-lib/color-settings\n */\nexport * from './color-settings.module';\nexport * from './color-settings.component';\nexport * from './color-settings.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}