@leanix/components 0.4.531 → 0.4.533

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 (157) hide show
  1. package/fesm2022/leanix-components.mjs +365 -365
  2. package/fesm2022/leanix-components.mjs.map +1 -1
  3. package/lib/core-ui/tooltip/tooltip.directive.d.ts +1 -1
  4. package/lib/forms-ui/components/keyboard-select.directive.d.ts +1 -1
  5. package/lib/forms-ui/models/base-select.directive.d.ts +1 -1
  6. package/lib/tab-ui/components/tab-group/tab-group.component.d.ts +1 -1
  7. package/package.json +10 -14
  8. package/esm2022/index.mjs +0 -145
  9. package/esm2022/leanix-components.mjs +0 -5
  10. package/esm2022/lib/core-ui/components/avatar/avatar.component.mjs +0 -40
  11. package/esm2022/lib/core-ui/components/avatar/avatar.helpers.mjs +0 -49
  12. package/esm2022/lib/core-ui/components/avatar/avatar.model.mjs +0 -33
  13. package/esm2022/lib/core-ui/components/avatar-group/avatar-group.component.mjs +0 -75
  14. package/esm2022/lib/core-ui/components/badge/badge.component.mjs +0 -58
  15. package/esm2022/lib/core-ui/components/banner/banner.component.mjs +0 -68
  16. package/esm2022/lib/core-ui/components/banner/banner.models.mjs +0 -12
  17. package/esm2022/lib/core-ui/components/button/button.component.mjs +0 -179
  18. package/esm2022/lib/core-ui/components/button-group/button-group.component.mjs +0 -28
  19. package/esm2022/lib/core-ui/components/card/card.component.mjs +0 -26
  20. package/esm2022/lib/core-ui/components/collapsible/collapsible.component.mjs +0 -52
  21. package/esm2022/lib/core-ui/components/counter/counter.component.mjs +0 -30
  22. package/esm2022/lib/core-ui/components/ellipsis/ellipsis.component.mjs +0 -143
  23. package/esm2022/lib/core-ui/components/empty-state/empty-state.component.mjs +0 -41
  24. package/esm2022/lib/core-ui/components/icon-scale/icon-scale.component.mjs +0 -36
  25. package/esm2022/lib/core-ui/components/skeleton/skeleton.component.mjs +0 -44
  26. package/esm2022/lib/core-ui/components/spinner/spinner.component.mjs +0 -26
  27. package/esm2022/lib/core-ui/components/stepper/stepper.component.mjs +0 -70
  28. package/esm2022/lib/core-ui/components/table/table-header/table-header.component.mjs +0 -128
  29. package/esm2022/lib/core-ui/components/table/table.component.mjs +0 -77
  30. package/esm2022/lib/core-ui/components/tiny-spinner/tiny-spinner.component.mjs +0 -14
  31. package/esm2022/lib/core-ui/components/tokenizer/token/token.component.mjs +0 -20
  32. package/esm2022/lib/core-ui/components/tokenizer/tokenizer-overflow-popover/tokenizer-overflow-popover.component.mjs +0 -44
  33. package/esm2022/lib/core-ui/components/tokenizer/tokenizer.component.mjs +0 -149
  34. package/esm2022/lib/core-ui/core-ui.constants.mjs +0 -240
  35. package/esm2022/lib/core-ui/core-ui.module.mjs +0 -206
  36. package/esm2022/lib/core-ui/directives/after-view-init.directive.mjs +0 -33
  37. package/esm2022/lib/core-ui/directives/autoclose-group.service.mjs +0 -39
  38. package/esm2022/lib/core-ui/directives/autoclose.directive.mjs +0 -43
  39. package/esm2022/lib/core-ui/directives/autofocus.directive.mjs +0 -36
  40. package/esm2022/lib/core-ui/functions/core-css.helpers.mjs +0 -52
  41. package/esm2022/lib/core-ui/functions/highlight-text.function.mjs +0 -80
  42. package/esm2022/lib/core-ui/linkify/linkify.pipe.mjs +0 -146
  43. package/esm2022/lib/core-ui/linkify/unlinkify.pipe.mjs +0 -51
  44. package/esm2022/lib/core-ui/pipes/br.pipe.mjs +0 -24
  45. package/esm2022/lib/core-ui/pipes/contrast-color.pipe.mjs +0 -21
  46. package/esm2022/lib/core-ui/pipes/custom-date.pipe.mjs +0 -28
  47. package/esm2022/lib/core-ui/pipes/display-avatars.pipe.mjs +0 -37
  48. package/esm2022/lib/core-ui/pipes/highlight-range.pipe.mjs +0 -29
  49. package/esm2022/lib/core-ui/pipes/highlight-term.pipe.mjs +0 -57
  50. package/esm2022/lib/core-ui/pipes/lx-is-uuid.pipe.mjs +0 -22
  51. package/esm2022/lib/core-ui/pipes/lx-time-ago.pipe.mjs +0 -29
  52. package/esm2022/lib/core-ui/pipes/lx-translate.pipe.mjs +0 -50
  53. package/esm2022/lib/core-ui/pipes/markdown.pipe.mjs +0 -32
  54. package/esm2022/lib/core-ui/pipes/nbsp.pipe.mjs +0 -17
  55. package/esm2022/lib/core-ui/pipes/sort.pipe.mjs +0 -55
  56. package/esm2022/lib/core-ui/pipes/translation-after.pipe.mjs +0 -29
  57. package/esm2022/lib/core-ui/pipes/translation-before.pipe.mjs +0 -54
  58. package/esm2022/lib/core-ui/pipes/translation-between.pipe.mjs +0 -68
  59. package/esm2022/lib/core-ui/pipes/unescape-curly-braces.pipe.mjs +0 -17
  60. package/esm2022/lib/core-ui/services/resize-observer.service.mjs +0 -112
  61. package/esm2022/lib/core-ui/tooltip/to-cdk-position.function.mjs +0 -74
  62. package/esm2022/lib/core-ui/tooltip/tooltip-position.interface.mjs +0 -7
  63. package/esm2022/lib/core-ui/tooltip/tooltip.component.mjs +0 -26
  64. package/esm2022/lib/core-ui/tooltip/tooltip.directive.mjs +0 -117
  65. package/esm2022/lib/forms-ui/components/basic-dropdown/basic-dropdown.component.mjs +0 -139
  66. package/esm2022/lib/forms-ui/components/basic-dropdown-item/basic-dropdown-item.component.mjs +0 -38
  67. package/esm2022/lib/forms-ui/components/breadcrumb/breadcrumb.component.mjs +0 -55
  68. package/esm2022/lib/forms-ui/components/cdk-options-dropdown/cdk-options-dropdown.component.mjs +0 -215
  69. package/esm2022/lib/forms-ui/components/cdk-options-sub-dropdown/cdk-options-sub-dropdown.component.mjs +0 -135
  70. package/esm2022/lib/forms-ui/components/currency/currency-input.component.mjs +0 -159
  71. package/esm2022/lib/forms-ui/components/currency/currency-symbol-map.constant.mjs +0 -105
  72. package/esm2022/lib/forms-ui/components/currency/currency-symbol.component.mjs +0 -24
  73. package/esm2022/lib/forms-ui/components/date-input/date-input.component.mjs +0 -347
  74. package/esm2022/lib/forms-ui/components/date-picker-ui/date-formatter.mjs +0 -8
  75. package/esm2022/lib/forms-ui/components/date-picker-ui/datepicker-inner.component.mjs +0 -312
  76. package/esm2022/lib/forms-ui/components/date-picker-ui/datepicker-ui.module.mjs +0 -20
  77. package/esm2022/lib/forms-ui/components/date-picker-ui/datepicker.component.mjs +0 -206
  78. package/esm2022/lib/forms-ui/components/date-picker-ui/datepicker.config.mjs +0 -29
  79. package/esm2022/lib/forms-ui/components/date-picker-ui/daypicker.component.mjs +0 -319
  80. package/esm2022/lib/forms-ui/components/date-picker-ui/isBs3.mjs +0 -2
  81. package/esm2022/lib/forms-ui/components/date-picker-ui/monthpicker.component.mjs +0 -149
  82. package/esm2022/lib/forms-ui/components/date-picker-ui/yearpicker.component.mjs +0 -151
  83. package/esm2022/lib/forms-ui/components/drag-and-drop-list/constants.mjs +0 -5
  84. package/esm2022/lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list-item/drag-and-drop-list-item.component.mjs +0 -49
  85. package/esm2022/lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list.component.mjs +0 -120
  86. package/esm2022/lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list.module.mjs +0 -39
  87. package/esm2022/lib/forms-ui/components/drag-and-drop-list/keyboard-sortable-item/keyboard-sortable-item.directive.mjs +0 -137
  88. package/esm2022/lib/forms-ui/components/drag-and-drop-list/keyboard-sortable-list/keyboard-sortable-list.directive.mjs +0 -38
  89. package/esm2022/lib/forms-ui/components/error-message/error-message.component.mjs +0 -16
  90. package/esm2022/lib/forms-ui/components/expanded-dropdown/expanded-dropdown.component.mjs +0 -26
  91. package/esm2022/lib/forms-ui/components/form-error/form-error.component.mjs +0 -44
  92. package/esm2022/lib/forms-ui/components/icon/icon.component.mjs +0 -45
  93. package/esm2022/lib/forms-ui/components/input/input.component.mjs +0 -48
  94. package/esm2022/lib/forms-ui/components/keyboard-select.directive.mjs +0 -126
  95. package/esm2022/lib/forms-ui/components/multi-select/multi-select-selection/multi-select-selection.component.mjs +0 -28
  96. package/esm2022/lib/forms-ui/components/multi-select/multi-select.component.mjs +0 -318
  97. package/esm2022/lib/forms-ui/components/option/option.component.mjs +0 -99
  98. package/esm2022/lib/forms-ui/components/option-group/option-group.component.mjs +0 -29
  99. package/esm2022/lib/forms-ui/components/option-group-dropdown/option-group-dropdown.component.mjs +0 -123
  100. package/esm2022/lib/forms-ui/components/options-dropdown/options-dropdown.component.mjs +0 -297
  101. package/esm2022/lib/forms-ui/components/options-sub-dropdown/options-sub-dropdown.component.mjs +0 -94
  102. package/esm2022/lib/forms-ui/components/picker/picker-trigger.directive.mjs +0 -47
  103. package/esm2022/lib/forms-ui/components/picker/picker.component.mjs +0 -218
  104. package/esm2022/lib/forms-ui/components/picker-option/picker-option.component.mjs +0 -118
  105. package/esm2022/lib/forms-ui/components/pill-item/pill-item.component.mjs +0 -33
  106. package/esm2022/lib/forms-ui/components/pill-list/pill-list.component.mjs +0 -58
  107. package/esm2022/lib/forms-ui/components/responsive-input/responsive-input.component.mjs +0 -101
  108. package/esm2022/lib/forms-ui/components/select-list/select-list.component.mjs +0 -178
  109. package/esm2022/lib/forms-ui/components/single-select/single-select.component.mjs +0 -290
  110. package/esm2022/lib/forms-ui/components/sorting-dropdown/sorting-dropdown.component.mjs +0 -71
  111. package/esm2022/lib/forms-ui/components/sorting-dropdown-trigger/sorting-dropdown-trigger.component.mjs +0 -21
  112. package/esm2022/lib/forms-ui/components/switch/switch.component.mjs +0 -51
  113. package/esm2022/lib/forms-ui/directives/contenteditable.directive.mjs +0 -130
  114. package/esm2022/lib/forms-ui/directives/form-error.directive.mjs +0 -121
  115. package/esm2022/lib/forms-ui/directives/form-submit.directive.mjs +0 -29
  116. package/esm2022/lib/forms-ui/directives/keyboard-action-source.directive.mjs +0 -63
  117. package/esm2022/lib/forms-ui/directives/mark-invalid.directive.mjs +0 -39
  118. package/esm2022/lib/forms-ui/directives/max-length-counter.directive.mjs +0 -131
  119. package/esm2022/lib/forms-ui/directives/select-dropdown.directive.mjs +0 -32
  120. package/esm2022/lib/forms-ui/directives/selectable-item.directive.mjs +0 -34
  121. package/esm2022/lib/forms-ui/directives/selected-option.directive.mjs +0 -27
  122. package/esm2022/lib/forms-ui/forms-ui.module.mjs +0 -270
  123. package/esm2022/lib/forms-ui/helpers/key-codes.constants.mjs +0 -13
  124. package/esm2022/lib/forms-ui/helpers/keyboard-navigation.helpers.mjs +0 -38
  125. package/esm2022/lib/forms-ui/models/base-select.directive.mjs +0 -183
  126. package/esm2022/lib/forms-ui/models/dropdown-item.interface.mjs +0 -2
  127. package/esm2022/lib/forms-ui/models/single-select-padding.interface.mjs +0 -2
  128. package/esm2022/lib/forms-ui/models/sorting.interface.mjs +0 -7
  129. package/esm2022/lib/forms-ui/pipes/filter-selection.pipe.mjs +0 -33
  130. package/esm2022/lib/forms-ui/pipes/filter-term.pipe.mjs +0 -29
  131. package/esm2022/lib/forms-ui/pipes/format-number.pipe.mjs +0 -66
  132. package/esm2022/lib/forms-ui/validators/date-in-foreseeable-future.validator.mjs +0 -26
  133. package/esm2022/lib/forms-ui/validators/string-not-in-array.validator.mjs +0 -30
  134. package/esm2022/lib/modal-ui/components/modal/modal.component.mjs +0 -264
  135. package/esm2022/lib/modal-ui/components/modal-footer/modal-footer.component.mjs +0 -16
  136. package/esm2022/lib/modal-ui/components/modal-header/modal-header.component.mjs +0 -19
  137. package/esm2022/lib/modal-ui/directives/modal-content.directive.mjs +0 -14
  138. package/esm2022/lib/modal-ui/modal.constants.mjs +0 -18
  139. package/esm2022/lib/modal-ui/modal.module.mjs +0 -47
  140. package/esm2022/lib/popover-ui/components/popover/popover.component.mjs +0 -228
  141. package/esm2022/lib/popover-ui/directives/popover-click.directive.mjs +0 -52
  142. package/esm2022/lib/popover-ui/directives/popover-content.directive.mjs +0 -17
  143. package/esm2022/lib/popover-ui/directives/popover-hover.directive.mjs +0 -88
  144. package/esm2022/lib/popover-ui/popover-ui.module.mjs +0 -21
  145. package/esm2022/lib/shared/date-helpers.mjs +0 -35
  146. package/esm2022/lib/shared/html-helpers.function.mjs +0 -34
  147. package/esm2022/lib/shared/misc-helpers.mjs +0 -24
  148. package/esm2022/lib/shared/observe.mjs +0 -40
  149. package/esm2022/lib/tab-ui/components/tab/tab.component.mjs +0 -118
  150. package/esm2022/lib/tab-ui/components/tab-group/tab-group-key-codes.enum.mjs +0 -12
  151. package/esm2022/lib/tab-ui/components/tab-group/tab-group.component.mjs +0 -150
  152. package/esm2022/lib/tab-ui/tab-ui.module.mjs +0 -20
  153. package/esm2022/ui5/icons/lx-icons.json +0 -177
  154. package/esm2022/ui5/icons/register-icons.mjs +0 -14
  155. package/esm2022/ui5/index.mjs +0 -8
  156. package/esm2022/ui5/leanix-components-ui5.mjs +0 -5
  157. package/esm2022/ui5/ui5.provider.mjs +0 -29
@@ -1,58 +0,0 @@
1
- import { Component, Input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * Badge component is used to show a small piece of information in a colored badge.
5
- */
6
- export class BadgeComponent {
7
- constructor() {
8
- /**
9
- * The color of the badge component
10
- */
11
- this.color = 'blue';
12
- /**
13
- * If set to true, the badge will create a color for itself based on the content, ignoring other color settings.
14
- * This could be useful if we want to show a range of different colors for different contents.
15
- */
16
- this.calculateColorsDynamically = false;
17
- /** @internal */
18
- this.textColor = '';
19
- /** @internal */
20
- this.backGroundColor = '';
21
- }
22
- ngOnInit() {
23
- if (this.calculateColorsDynamically) {
24
- this.calculateColorsFromText();
25
- }
26
- }
27
- get colorClass() {
28
- if (this.calculateColorsDynamically) {
29
- return '';
30
- }
31
- else {
32
- return `${this.color}`;
33
- }
34
- }
35
- calculateColorsFromText() {
36
- let hash = 0;
37
- const contentAsString = String(this.content);
38
- for (let i = 0; i < contentAsString.length; i++) {
39
- hash = contentAsString.charCodeAt(i) + ((hash << 5) - hash);
40
- }
41
- this.backGroundColor = `hsla(${hash % 360}, 100%, 58%, 0.12)`;
42
- this.textColor = `hsl(${hash % 360}, 100%, 28%)`;
43
- }
44
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
45
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: BadgeComponent, isStandalone: true, selector: "lx-badge", inputs: { content: "content", color: "color", calculateColorsDynamically: "calculateColorsDynamically" }, ngImport: i0, template: "@if (calculateColorsDynamically) {\n <div class=\"wrapper\" [style.background-color]=\"backGroundColor\" [style.color]=\"textColor\">\n <span>{{ content }}</span>\n </div>\n} @else {\n <div class=\"wrapper\" [class]=\"colorClass\">\n <span>{{ content }}</span>\n </div>\n}\n", styles: [".wrapper{border-radius:2px;padding:2px 4px;height:20px;max-width:max-content;font-weight:var(--lxFontSemibold, 600);font-size:var(--lxFontSmallSize, 12px);letter-spacing:.3px}.gray{background-color:#f0f2f5;color:#3e495b}.blue{background-color:#e9f3ff;color:#0a3e6b}.green{background-color:#ebfaee;color:#145027}.red{background-color:#feefef;color:#731616}.yellow{background-color:#fff8ea;color:#78350f}.purple{background-color:#f4efff;color:#531991}.white{background-color:#fff;color:#2a303d;border:1px solid #c2c9d6}\n"] }); }
46
- }
47
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: BadgeComponent, decorators: [{
48
- type: Component,
49
- args: [{ selector: 'lx-badge', standalone: true, template: "@if (calculateColorsDynamically) {\n <div class=\"wrapper\" [style.background-color]=\"backGroundColor\" [style.color]=\"textColor\">\n <span>{{ content }}</span>\n </div>\n} @else {\n <div class=\"wrapper\" [class]=\"colorClass\">\n <span>{{ content }}</span>\n </div>\n}\n", styles: [".wrapper{border-radius:2px;padding:2px 4px;height:20px;max-width:max-content;font-weight:var(--lxFontSemibold, 600);font-size:var(--lxFontSmallSize, 12px);letter-spacing:.3px}.gray{background-color:#f0f2f5;color:#3e495b}.blue{background-color:#e9f3ff;color:#0a3e6b}.green{background-color:#ebfaee;color:#145027}.red{background-color:#feefef;color:#731616}.yellow{background-color:#fff8ea;color:#78350f}.purple{background-color:#f4efff;color:#531991}.white{background-color:#fff;color:#2a303d;border:1px solid #c2c9d6}\n"] }]
50
- }], propDecorators: { content: [{
51
- type: Input,
52
- args: [{ required: true }]
53
- }], color: [{
54
- type: Input
55
- }], calculateColorsDynamically: [{
56
- type: Input
57
- }] } });
58
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvY29yZS11aS9jb21wb25lbnRzL2JhZGdlL2JhZGdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUFFekQ7O0dBRUc7QUFPSCxNQUFNLE9BQU8sY0FBYztJQU4zQjtRQWFFOztXQUVHO1FBRUgsVUFBSyxHQUFzRSxNQUFNLENBQUM7UUFFbEY7OztXQUdHO1FBRUgsK0JBQTBCLEdBQVksS0FBSyxDQUFDO1FBRTVDLGdCQUFnQjtRQUNoQixjQUFTLEdBQUcsRUFBRSxDQUFDO1FBQ2YsZ0JBQWdCO1FBQ2hCLG9CQUFlLEdBQUcsRUFBRSxDQUFDO0tBeUJ0QjtJQXZCQyxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsMEJBQTBCLEVBQUUsQ0FBQztZQUNwQyxJQUFJLENBQUMsdUJBQXVCLEVBQUUsQ0FBQztRQUNqQyxDQUFDO0lBQ0gsQ0FBQztJQUVELElBQUksVUFBVTtRQUNaLElBQUksSUFBSSxDQUFDLDBCQUEwQixFQUFFLENBQUM7WUFDcEMsT0FBTyxFQUFFLENBQUM7UUFDWixDQUFDO2FBQU0sQ0FBQztZQUNOLE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDekIsQ0FBQztJQUNILENBQUM7SUFFTyx1QkFBdUI7UUFDN0IsSUFBSSxJQUFJLEdBQUcsQ0FBQyxDQUFDO1FBQ2IsTUFBTSxlQUFlLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUM3QyxLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsZUFBZSxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDO1lBQ2hELElBQUksR0FBRyxlQUFlLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLElBQUksQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLENBQUM7UUFDOUQsQ0FBQztRQUNELElBQUksQ0FBQyxlQUFlLEdBQUcsUUFBUSxJQUFJLEdBQUcsR0FBRyxvQkFBb0IsQ0FBQztRQUM5RCxJQUFJLENBQUMsU0FBUyxHQUFHLE9BQU8sSUFBSSxHQUFHLEdBQUcsY0FBYyxDQUFDO0lBQ25ELENBQUM7OEdBL0NVLGNBQWM7a0dBQWQsY0FBYyw4S0NYM0IsOFJBU0E7OzJGREVhLGNBQWM7a0JBTjFCLFNBQVM7K0JBQ0UsVUFBVSxjQUNSLElBQUk7OEJBU2hCLE9BQU87c0JBRE4sS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBT3pCLEtBQUs7c0JBREosS0FBSztnQkFRTiwwQkFBMEI7c0JBRHpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBCYWRnZSBjb21wb25lbnQgaXMgdXNlZCB0byBzaG93IGEgc21hbGwgcGllY2Ugb2YgaW5mb3JtYXRpb24gaW4gYSBjb2xvcmVkIGJhZGdlLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdseC1iYWRnZScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHRlbXBsYXRlVXJsOiAnLi9iYWRnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2JhZGdlLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQmFkZ2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAvKipcbiAgICogVGhlIGNvbnRlbnQgdG8gc2hvdyBpbiB0aGUgYmFkZ2VcbiAgICovXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pXG4gIGNvbnRlbnQhOiBzdHJpbmcgfCBudW1iZXI7XG5cbiAgLyoqXG4gICAqIFRoZSBjb2xvciBvZiB0aGUgYmFkZ2UgY29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKVxuICBjb2xvcjogJ2JsdWUnIHwgJ2dyYXknIHwgJ3JlZCcgfCAneWVsbG93JyB8ICdncmVlbicgfCAncHVycGxlJyB8ICd3aGl0ZScgPSAnYmx1ZSc7XG5cbiAgLyoqXG4gICAqIElmIHNldCB0byB0cnVlLCB0aGUgYmFkZ2Ugd2lsbCBjcmVhdGUgYSBjb2xvciBmb3IgaXRzZWxmIGJhc2VkIG9uIHRoZSBjb250ZW50LCBpZ25vcmluZyBvdGhlciBjb2xvciBzZXR0aW5ncy5cbiAgICogVGhpcyBjb3VsZCBiZSB1c2VmdWwgaWYgd2Ugd2FudCB0byBzaG93IGEgcmFuZ2Ugb2YgZGlmZmVyZW50IGNvbG9ycyBmb3IgZGlmZmVyZW50IGNvbnRlbnRzLlxuICAgKi9cbiAgQElucHV0KClcbiAgY2FsY3VsYXRlQ29sb3JzRHluYW1pY2FsbHk6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKiogQGludGVybmFsICovXG4gIHRleHRDb2xvciA9ICcnO1xuICAvKiogQGludGVybmFsICovXG4gIGJhY2tHcm91bmRDb2xvciA9ICcnO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmNhbGN1bGF0ZUNvbG9yc0R5bmFtaWNhbGx5KSB7XG4gICAgICB0aGlzLmNhbGN1bGF0ZUNvbG9yc0Zyb21UZXh0KCk7XG4gICAgfVxuICB9XG5cbiAgZ2V0IGNvbG9yQ2xhc3MoKTogc3RyaW5nIHtcbiAgICBpZiAodGhpcy5jYWxjdWxhdGVDb2xvcnNEeW5hbWljYWxseSkge1xuICAgICAgcmV0dXJuICcnO1xuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gYCR7dGhpcy5jb2xvcn1gO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgY2FsY3VsYXRlQ29sb3JzRnJvbVRleHQoKTogdm9pZCB7XG4gICAgbGV0IGhhc2ggPSAwO1xuICAgIGNvbnN0IGNvbnRlbnRBc1N0cmluZyA9IFN0cmluZyh0aGlzLmNvbnRlbnQpO1xuICAgIGZvciAobGV0IGkgPSAwOyBpIDwgY29udGVudEFzU3RyaW5nLmxlbmd0aDsgaSsrKSB7XG4gICAgICBoYXNoID0gY29udGVudEFzU3RyaW5nLmNoYXJDb2RlQXQoaSkgKyAoKGhhc2ggPDwgNSkgLSBoYXNoKTtcbiAgICB9XG4gICAgdGhpcy5iYWNrR3JvdW5kQ29sb3IgPSBgaHNsYSgke2hhc2ggJSAzNjB9LCAxMDAlLCA1OCUsIDAuMTIpYDtcbiAgICB0aGlzLnRleHRDb2xvciA9IGBoc2woJHtoYXNoICUgMzYwfSwgMTAwJSwgMjglKWA7XG4gIH1cbn1cbiIsIkBpZiAoY2FsY3VsYXRlQ29sb3JzRHluYW1pY2FsbHkpIHtcbiAgPGRpdiBjbGFzcz1cIndyYXBwZXJcIiBbc3R5bGUuYmFja2dyb3VuZC1jb2xvcl09XCJiYWNrR3JvdW5kQ29sb3JcIiBbc3R5bGUuY29sb3JdPVwidGV4dENvbG9yXCI+XG4gICAgPHNwYW4+e3sgY29udGVudCB9fTwvc3Bhbj5cbiAgPC9kaXY+XG59IEBlbHNlIHtcbiAgPGRpdiBjbGFzcz1cIndyYXBwZXJcIiBbY2xhc3NdPVwiY29sb3JDbGFzc1wiPlxuICAgIDxzcGFuPnt7IGNvbnRlbnQgfX08L3NwYW4+XG4gIDwvZGl2PlxufVxuIl19
@@ -1,68 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, Input, signal } from '@angular/core';
2
- import { BANNER_SIZE, BANNER_TYPE } from './banner.models';
3
- import * as i0 from "@angular/core";
4
- /**
5
- * Banner can be used to display important information to the user. It allows for any type of content to be displayed in a banner.
6
- */
7
- export class BannerComponent {
8
- constructor() {
9
- this._type = signal(BANNER_TYPE.WARNING);
10
- this._size = signal(BANNER_SIZE.BIG);
11
- /** @internal */
12
- this.showIcon = signal(false);
13
- /** @internal */
14
- this.iconClass = signal('');
15
- }
16
- /**
17
- * The type of the banner
18
- */
19
- set type(type) {
20
- this._type.set(type);
21
- this.iconClass.set(this.getIconClass(type));
22
- }
23
- get type() {
24
- return this._type();
25
- }
26
- /**
27
- * The size of the banner
28
- */
29
- set size(size) {
30
- this._size.set(size);
31
- this.showIcon.set(size === BANNER_SIZE.BIG);
32
- }
33
- get size() {
34
- return this._size();
35
- }
36
- ngOnInit() {
37
- this.showIcon.set(this.size === BANNER_SIZE.BIG);
38
- }
39
- /** @internal */
40
- getIconClass(type) {
41
- switch (type) {
42
- case BANNER_TYPE.SUCCESS:
43
- return 'fa-check';
44
- case BANNER_TYPE.INFO:
45
- return 'fa-info';
46
- case BANNER_TYPE.WARNING:
47
- return 'fa-exclamation';
48
- case BANNER_TYPE.DANGER:
49
- return 'fa-times';
50
- default:
51
- return 'fa-info';
52
- }
53
- }
54
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: BannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
55
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: BannerComponent, isStandalone: true, selector: "lx-banner", inputs: { type: "type", size: "size" }, host: { properties: { "attr.type": "type", "attr.size": "size" } }, ngImport: i0, template: "<div class=\"banner-wrapper\">\n @if (showIcon()) {\n <div class=\"banner-icon-box\" aria-hidden=\"true\">\n <i class=\"fas tw-text-size-sm\" [class]=\"iconClass()\"></i>\n </div>\n }\n <div class=\"banner-content\">\n <ng-content />\n </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column}:host ::ng-deep .banner-content h4{margin-top:0;color:inherit}:host ::ng-deep .banner-content .alert-link{font-weight:700}:host ::ng-deep .banner-content>p,:host ::ng-deep .banner-content>ul{margin-bottom:0}:host ::ng-deep .banner-content p+p{margin-bottom:5px}:host ::ng-deep .banner-content p:last-child{margin-bottom:0}:host([size=big]){padding:12px;margin-bottom:12px}:host([size=small]){padding:8px;margin-bottom:6px}:host([type=success]){border-left:2px solid #33cc58;background-color:color-mix(in srgb,#33cc58 10%,white)}:host([type=success]) .banner-wrapper{display:flex;flex-direction:row}:host([type=success]) .banner-icon-box{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:12px;background-color:#33cc58;padding:6px;border-radius:100%;flex-shrink:0}:host([type=success]) .banner-content{display:flex;width:100%;flex-direction:column;justify-content:center}:host([type=success]) i{font-size:var(--lxFontSmallSize, 12px);color:#fff}:host([type=info]){border-left:2px solid #2889ff;background-color:color-mix(in srgb,#2889ff 10%,white)}:host([type=info]) .banner-wrapper{display:flex;flex-direction:row}:host([type=info]) .banner-icon-box{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:12px;background-color:#2889ff;padding:6px;border-radius:100%;flex-shrink:0}:host([type=info]) .banner-content{display:flex;width:100%;flex-direction:column;justify-content:center}:host([type=info]) i{font-size:var(--lxFontSmallSize, 12px);color:#fff}:host([type=warning]){border-left:2px solid #ffb62a;background-color:color-mix(in srgb,#ffb62a 10%,white)}:host([type=warning]) .banner-wrapper{display:flex;flex-direction:row}:host([type=warning]) .banner-icon-box{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:12px;background-color:#ffb62a;padding:6px;border-radius:100%;flex-shrink:0}:host([type=warning]) .banner-content{display:flex;width:100%;flex-direction:column;justify-content:center}:host([type=warning]) i{font-size:var(--lxFontSmallSize, 12px);color:#fff}:host([type=danger]){border-left:2px solid #f96464;background-color:color-mix(in srgb,#f96464 10%,white)}:host([type=danger]) .banner-wrapper{display:flex;flex-direction:row}:host([type=danger]) .banner-icon-box{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:12px;background-color:#f96464;padding:6px;border-radius:100%;flex-shrink:0}:host([type=danger]) .banner-content{display:flex;width:100%;flex-direction:column;justify-content:center}:host([type=danger]) i{font-size:var(--lxFontSmallSize, 12px);color:#fff}:host([type=gray]){border-left:2px solid #8594ad;background-color:color-mix(in srgb,#8594ad 10%,white)}:host([type=gray]) .banner-wrapper{display:flex;flex-direction:row}:host([type=gray]) .banner-icon-box{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:12px;background-color:#8594ad;padding:6px;border-radius:100%;flex-shrink:0}:host([type=gray]) .banner-content{display:flex;width:100%;flex-direction:column;justify-content:center}:host([type=gray]) i{font-size:var(--lxFontSmallSize, 12px);color:#fff}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
56
- }
57
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: BannerComponent, decorators: [{
58
- type: Component,
59
- args: [{ selector: 'lx-banner', host: {
60
- '[attr.type]': 'type',
61
- '[attr.size]': 'size'
62
- }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div class=\"banner-wrapper\">\n @if (showIcon()) {\n <div class=\"banner-icon-box\" aria-hidden=\"true\">\n <i class=\"fas tw-text-size-sm\" [class]=\"iconClass()\"></i>\n </div>\n }\n <div class=\"banner-content\">\n <ng-content />\n </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column}:host ::ng-deep .banner-content h4{margin-top:0;color:inherit}:host ::ng-deep .banner-content .alert-link{font-weight:700}:host ::ng-deep .banner-content>p,:host ::ng-deep .banner-content>ul{margin-bottom:0}:host ::ng-deep .banner-content p+p{margin-bottom:5px}:host ::ng-deep .banner-content p:last-child{margin-bottom:0}:host([size=big]){padding:12px;margin-bottom:12px}:host([size=small]){padding:8px;margin-bottom:6px}:host([type=success]){border-left:2px solid #33cc58;background-color:color-mix(in srgb,#33cc58 10%,white)}:host([type=success]) .banner-wrapper{display:flex;flex-direction:row}:host([type=success]) .banner-icon-box{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:12px;background-color:#33cc58;padding:6px;border-radius:100%;flex-shrink:0}:host([type=success]) .banner-content{display:flex;width:100%;flex-direction:column;justify-content:center}:host([type=success]) i{font-size:var(--lxFontSmallSize, 12px);color:#fff}:host([type=info]){border-left:2px solid #2889ff;background-color:color-mix(in srgb,#2889ff 10%,white)}:host([type=info]) .banner-wrapper{display:flex;flex-direction:row}:host([type=info]) .banner-icon-box{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:12px;background-color:#2889ff;padding:6px;border-radius:100%;flex-shrink:0}:host([type=info]) .banner-content{display:flex;width:100%;flex-direction:column;justify-content:center}:host([type=info]) i{font-size:var(--lxFontSmallSize, 12px);color:#fff}:host([type=warning]){border-left:2px solid #ffb62a;background-color:color-mix(in srgb,#ffb62a 10%,white)}:host([type=warning]) .banner-wrapper{display:flex;flex-direction:row}:host([type=warning]) .banner-icon-box{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:12px;background-color:#ffb62a;padding:6px;border-radius:100%;flex-shrink:0}:host([type=warning]) .banner-content{display:flex;width:100%;flex-direction:column;justify-content:center}:host([type=warning]) i{font-size:var(--lxFontSmallSize, 12px);color:#fff}:host([type=danger]){border-left:2px solid #f96464;background-color:color-mix(in srgb,#f96464 10%,white)}:host([type=danger]) .banner-wrapper{display:flex;flex-direction:row}:host([type=danger]) .banner-icon-box{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:12px;background-color:#f96464;padding:6px;border-radius:100%;flex-shrink:0}:host([type=danger]) .banner-content{display:flex;width:100%;flex-direction:column;justify-content:center}:host([type=danger]) i{font-size:var(--lxFontSmallSize, 12px);color:#fff}:host([type=gray]){border-left:2px solid #8594ad;background-color:color-mix(in srgb,#8594ad 10%,white)}:host([type=gray]) .banner-wrapper{display:flex;flex-direction:row}:host([type=gray]) .banner-icon-box{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:12px;background-color:#8594ad;padding:6px;border-radius:100%;flex-shrink:0}:host([type=gray]) .banner-content{display:flex;width:100%;flex-direction:column;justify-content:center}:host([type=gray]) i{font-size:var(--lxFontSmallSize, 12px);color:#fff}\n"] }]
63
- }], propDecorators: { type: [{
64
- type: Input
65
- }], size: [{
66
- type: Input
67
- }] } });
68
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFubmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9iYW5uZXIvYmFubmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9iYW5uZXIvYmFubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRixPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBNEIsTUFBTSxpQkFBaUIsQ0FBQzs7QUFFckY7O0dBRUc7QUFZSCxNQUFNLE9BQU8sZUFBZTtJQVg1QjtRQVltQixVQUFLLEdBQUcsTUFBTSxDQUFjLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNqRCxVQUFLLEdBQUcsTUFBTSxDQUFjLFdBQVcsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUM5RCxnQkFBZ0I7UUFDUCxhQUFRLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2xDLGdCQUFnQjtRQUNQLGNBQVMsR0FBRyxNQUFNLENBQUMsRUFBRSxDQUFDLENBQUM7S0EwQ2pDO0lBeENDOztPQUVHO0lBQ0gsSUFBYSxJQUFJLENBQUMsSUFBaUI7UUFDakMsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDckIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBQzlDLENBQUM7SUFDRCxJQUFJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBQ0Q7O09BRUc7SUFDSCxJQUFhLElBQUksQ0FBQyxJQUFpQjtRQUNqQyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNyQixJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxJQUFJLEtBQUssV0FBVyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzlDLENBQUM7SUFDRCxJQUFJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLEtBQUssV0FBVyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ25ELENBQUM7SUFFRCxnQkFBZ0I7SUFDaEIsWUFBWSxDQUFDLElBQWlCO1FBQzVCLFFBQVEsSUFBSSxFQUFFLENBQUM7WUFDYixLQUFLLFdBQVcsQ0FBQyxPQUFPO2dCQUN0QixPQUFPLFVBQVUsQ0FBQztZQUNwQixLQUFLLFdBQVcsQ0FBQyxJQUFJO2dCQUNuQixPQUFPLFNBQVMsQ0FBQztZQUNuQixLQUFLLFdBQVcsQ0FBQyxPQUFPO2dCQUN0QixPQUFPLGdCQUFnQixDQUFDO1lBQzFCLEtBQUssV0FBVyxDQUFDLE1BQU07Z0JBQ3JCLE9BQU8sVUFBVSxDQUFDO1lBQ3BCO2dCQUNFLE9BQU8sU0FBUyxDQUFDO1FBQ3JCLENBQUM7SUFDSCxDQUFDOzhHQS9DVSxlQUFlO2tHQUFmLGVBQWUsaUxDakI1QixnUkFVQTs7MkZET2EsZUFBZTtrQkFYM0IsU0FBUzsrQkFDRSxXQUFXLFFBQ2Y7d0JBQ0osYUFBYSxFQUFFLE1BQU07d0JBQ3JCLGFBQWEsRUFBRSxNQUFNO3FCQUN0QixtQkFHZ0IsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJOzhCQWFILElBQUk7c0JBQWhCLEtBQUs7Z0JBVU8sSUFBSTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIHNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQkFOTkVSX1NJWkUsIEJBTk5FUl9UWVBFLCBCYW5uZXJTaXplcywgQmFubmVyVHlwZXMgfSBmcm9tICcuL2Jhbm5lci5tb2RlbHMnO1xuXG4vKipcbiAqIEJhbm5lciBjYW4gYmUgdXNlZCB0byBkaXNwbGF5IGltcG9ydGFudCBpbmZvcm1hdGlvbiB0byB0aGUgdXNlci4gSXQgYWxsb3dzIGZvciBhbnkgdHlwZSBvZiBjb250ZW50IHRvIGJlIGRpc3BsYXllZCBpbiBhIGJhbm5lci5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbHgtYmFubmVyJyxcbiAgaG9zdDoge1xuICAgICdbYXR0ci50eXBlXSc6ICd0eXBlJyxcbiAgICAnW2F0dHIuc2l6ZV0nOiAnc2l6ZSdcbiAgfSxcbiAgdGVtcGxhdGVVcmw6ICcuL2Jhbm5lci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Jhbm5lci5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZVxufSlcbmV4cG9ydCBjbGFzcyBCYW5uZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBwcml2YXRlIHJlYWRvbmx5IF90eXBlID0gc2lnbmFsPEJhbm5lclR5cGVzPihCQU5ORVJfVFlQRS5XQVJOSU5HKTtcbiAgcHJpdmF0ZSByZWFkb25seSBfc2l6ZSA9IHNpZ25hbDxCYW5uZXJTaXplcz4oQkFOTkVSX1NJWkUuQklHKTtcbiAgLyoqIEBpbnRlcm5hbCAqL1xuICByZWFkb25seSBzaG93SWNvbiA9IHNpZ25hbChmYWxzZSk7XG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgcmVhZG9ubHkgaWNvbkNsYXNzID0gc2lnbmFsKCcnKTtcblxuICAvKipcbiAgICogVGhlIHR5cGUgb2YgdGhlIGJhbm5lclxuICAgKi9cbiAgQElucHV0KCkgc2V0IHR5cGUodHlwZTogQmFubmVyVHlwZXMpIHtcbiAgICB0aGlzLl90eXBlLnNldCh0eXBlKTtcbiAgICB0aGlzLmljb25DbGFzcy5zZXQodGhpcy5nZXRJY29uQ2xhc3ModHlwZSkpO1xuICB9XG4gIGdldCB0eXBlKCkge1xuICAgIHJldHVybiB0aGlzLl90eXBlKCk7XG4gIH1cbiAgLyoqXG4gICAqIFRoZSBzaXplIG9mIHRoZSBiYW5uZXJcbiAgICovXG4gIEBJbnB1dCgpIHNldCBzaXplKHNpemU6IEJhbm5lclNpemVzKSB7XG4gICAgdGhpcy5fc2l6ZS5zZXQoc2l6ZSk7XG4gICAgdGhpcy5zaG93SWNvbi5zZXQoc2l6ZSA9PT0gQkFOTkVSX1NJWkUuQklHKTtcbiAgfVxuICBnZXQgc2l6ZSgpIHtcbiAgICByZXR1cm4gdGhpcy5fc2l6ZSgpO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5zaG93SWNvbi5zZXQodGhpcy5zaXplID09PSBCQU5ORVJfU0laRS5CSUcpO1xuICB9XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBnZXRJY29uQ2xhc3ModHlwZTogQmFubmVyVHlwZXMpIHtcbiAgICBzd2l0Y2ggKHR5cGUpIHtcbiAgICAgIGNhc2UgQkFOTkVSX1RZUEUuU1VDQ0VTUzpcbiAgICAgICAgcmV0dXJuICdmYS1jaGVjayc7XG4gICAgICBjYXNlIEJBTk5FUl9UWVBFLklORk86XG4gICAgICAgIHJldHVybiAnZmEtaW5mbyc7XG4gICAgICBjYXNlIEJBTk5FUl9UWVBFLldBUk5JTkc6XG4gICAgICAgIHJldHVybiAnZmEtZXhjbGFtYXRpb24nO1xuICAgICAgY2FzZSBCQU5ORVJfVFlQRS5EQU5HRVI6XG4gICAgICAgIHJldHVybiAnZmEtdGltZXMnO1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgcmV0dXJuICdmYS1pbmZvJztcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJiYW5uZXItd3JhcHBlclwiPlxuICBAaWYgKHNob3dJY29uKCkpIHtcbiAgICA8ZGl2IGNsYXNzPVwiYmFubmVyLWljb24tYm94XCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICA8aSBjbGFzcz1cImZhcyB0dy10ZXh0LXNpemUtc21cIiBbY2xhc3NdPVwiaWNvbkNsYXNzKClcIj48L2k+XG4gICAgPC9kaXY+XG4gIH1cbiAgPGRpdiBjbGFzcz1cImJhbm5lci1jb250ZW50XCI+XG4gICAgPG5nLWNvbnRlbnQgLz5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
@@ -1,12 +0,0 @@
1
- export const BANNER_TYPE = {
2
- SUCCESS: 'success',
3
- INFO: 'info',
4
- WARNING: 'warning',
5
- DANGER: 'danger',
6
- GRAY: 'gray'
7
- };
8
- export const BANNER_SIZE = {
9
- BIG: 'big',
10
- SMALL: 'small'
11
- };
12
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFubmVyLm1vZGVscy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9iYW5uZXIvYmFubmVyLm1vZGVscy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUc7SUFDekIsT0FBTyxFQUFFLFNBQVM7SUFDbEIsSUFBSSxFQUFFLE1BQU07SUFDWixPQUFPLEVBQUUsU0FBUztJQUNsQixNQUFNLEVBQUUsUUFBUTtJQUNoQixJQUFJLEVBQUUsTUFBTTtDQUNKLENBQUM7QUFFWCxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUc7SUFDekIsR0FBRyxFQUFFLEtBQUs7SUFDVixLQUFLLEVBQUUsT0FBTztDQUNOLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJ0eXBlIE9iamVjdFZhbHVlczxUPiA9IFRba2V5b2YgVF07XG5leHBvcnQgY29uc3QgQkFOTkVSX1RZUEUgPSB7XG4gIFNVQ0NFU1M6ICdzdWNjZXNzJyxcbiAgSU5GTzogJ2luZm8nLFxuICBXQVJOSU5HOiAnd2FybmluZycsXG4gIERBTkdFUjogJ2RhbmdlcicsXG4gIEdSQVk6ICdncmF5J1xufSBhcyBjb25zdDtcbmV4cG9ydCB0eXBlIEJhbm5lclR5cGVzID0gT2JqZWN0VmFsdWVzPHR5cGVvZiBCQU5ORVJfVFlQRT47XG5leHBvcnQgY29uc3QgQkFOTkVSX1NJWkUgPSB7XG4gIEJJRzogJ2JpZycsXG4gIFNNQUxMOiAnc21hbGwnXG59IGFzIGNvbnN0O1xuZXhwb3J0IHR5cGUgQmFubmVyU2l6ZXMgPSBPYmplY3RWYWx1ZXM8dHlwZW9mIEJBTk5FUl9TSVpFPjtcbiJdfQ==
@@ -1,179 +0,0 @@
1
- import { NgTemplateOutlet } from '@angular/common';
2
- import { ChangeDetectionStrategy, Component, computed, HostBinding, inject, InjectionToken, input, Input } from '@angular/core';
3
- import { toSignal } from '@angular/core/rxjs-interop';
4
- // eslint-disable-next-line no-restricted-imports
5
- import { IconComponent } from '@ui5/webcomponents-ngx/main/icon';
6
- import { BehaviorSubject, of } from 'rxjs';
7
- import { ICON_MAP } from '../../core-ui.constants';
8
- import { TinySpinnerComponent } from '../tiny-spinner/tiny-spinner.component';
9
- import * as i0 from "@angular/core";
10
- /**
11
- * @internal
12
- * Opt-in to render SAP icons in the `ButtonComponent`
13
- */
14
- export const LX_BUTTON_USE_SAP_ICONS = new InjectionToken('LX_BUTTON_USE_SAP_ICONS', {
15
- factory: () => {
16
- window.useSAPIconInLxButton$ ??= new BehaviorSubject(false);
17
- return window.useSAPIconInLxButton$;
18
- }
19
- });
20
- /**
21
- * Button component is used to create a button with different styles and sizes. This uses native button element and
22
- * only provides styling and some additional features like loading spinner.
23
- */
24
- export class ButtonComponent {
25
- constructor() {
26
- this.useSAPIcons = toSignal(inject(LX_BUTTON_USE_SAP_ICONS, { optional: true }) || of(false));
27
- /**
28
- * The size of the button.
29
- */
30
- this.size = 'medium';
31
- /**
32
- * The color of the button.
33
- */
34
- this.color = 'default';
35
- /**
36
- * The mode of the button.
37
- */
38
- this.mode = 'solid';
39
- /**
40
- * The pressed state of the button. This simulates the `:active` state of the button.
41
- */
42
- this.pressed = false;
43
- /**
44
- * The selected state of the button. This simulates the `:hover` state of the button.
45
- */
46
- this.selected = false;
47
- /**
48
- * This makes the button square.
49
- */
50
- this.square = false;
51
- /**
52
- * This makes corners rounded. Use with `square` for a true circle.
53
- */
54
- this.circle = false;
55
- /**
56
- * This disables the button.
57
- */
58
- this.disabled = false;
59
- /**
60
- * The icon name (font-awesome) to display inside the button.
61
- * It is displayed before any additional content.
62
- *
63
- * An icon variant can be provided as well, e.g. `fas fa-trash`.
64
- *
65
- * @default undefined
66
- * @example
67
- * <button lx-button icon="fa-times">Close</button>
68
- */
69
- this.icon = input();
70
- this.iconName = computed(() => this.getMappedIconName(this.icon()));
71
- this.iconVariant = computed(() => extractFontAwesomeVariant(this.icon()));
72
- /**
73
- * The icon name (font-awesome) to display inside the button.
74
- * It is displayed after any additional content.
75
- *
76
- * An icon variant can be provided as well, e.g. `fas fa-trash`.
77
- *
78
- * @default undefined
79
- * @example
80
- * <button lx-button endIcon="fa-times">Close</button>
81
- */
82
- this.endIcon = input();
83
- this.endIconName = computed(() => this.getMappedIconName(this.endIcon()));
84
- this.endIconVariant = computed(() => extractFontAwesomeVariant(this.endIcon()));
85
- /**
86
- * This shows a spinner inside the button.
87
- */
88
- this.showSpinner = false;
89
- }
90
- get hasIcon() {
91
- return !!this.icon() || !!this.endIcon();
92
- }
93
- get isDisabled() {
94
- return this.disabled || this.showSpinner;
95
- }
96
- getMappedIconName(iconName) {
97
- const useSAPIcons = this.useSAPIcons();
98
- if (!iconName) {
99
- return null;
100
- }
101
- if (useSAPIcons) {
102
- return getSAPIcon(iconName);
103
- }
104
- return removeFontAwesomeVariant(iconName);
105
- }
106
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
107
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: ButtonComponent, isStandalone: true, selector: "button[lx-button]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: false, isRequired: false, transformFunction: null }, pressed: { classPropertyName: "pressed", publicName: "pressed", isSignal: false, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: false, isRequired: false, transformFunction: null }, square: { classPropertyName: "square", publicName: "square", isSignal: false, isRequired: false, transformFunction: null }, circle: { classPropertyName: "circle", publicName: "circle", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, endIcon: { classPropertyName: "endIcon", publicName: "endIcon", isSignal: true, isRequired: false, transformFunction: null }, showSpinner: { classPropertyName: "showSpinner", publicName: "showSpinner", isSignal: false, isRequired: false, transformFunction: null } }, host: { properties: { "attr.size": "this.size", "attr.color": "this.color", "attr.mode": "this.mode", "class.pressed": "this.pressed", "class.selected": "this.selected", "class.square": "this.square", "class.circle": "this.circle", "class.withIcon": "this.hasIcon", "class.loading": "this.showSpinner", "disabled": "this.isDisabled" } }, ngImport: i0, template: "@let useNewIcons = useSAPIcons();\n@let startIcon = iconName();\n@let endIcon = endIconName();\n@if (!startIcon && !endIcon) {\n <!-- old layout -->\n @if (showSpinner) {\n <lx-tiny-spinner />\n }\n <ng-container *ngTemplateOutlet=\"content\" />\n} @else {\n <div class=\"contentWrapper\">\n <!-- new layout -->\n @if (showSpinner) {\n <lx-tiny-spinner />\n } @else if (startIcon && useNewIcons) {\n <ui5-icon class=\"ui5Icon\" [name]=\"startIcon\" data-testid=\"start-icon\" />\n } @else if (startIcon && !useNewIcons) {\n <i\n [class.fa-fw]=\"mode !== 'link'\"\n class=\"{{ startIcon }} {{ iconVariant() }}\"\n role=\"img\"\n aria-hidden=\"true\"\n data-testid=\"start-icon\"\n ></i>\n }\n <ng-container *ngTemplateOutlet=\"content\" />\n @if (!showSpinner && endIcon && useNewIcons) {\n <ui5-icon class=\"ui5Icon\" [name]=\"endIcon\" data-testid=\"end-icon\" />\n } @else if (!showSpinner && endIcon && !useNewIcons) {\n <i\n [class.fa-fw]=\"mode !== 'link'\"\n class=\"{{ endIcon }} {{ endIconVariant() }}\"\n role=\"img\"\n aria-hidden=\"true\"\n data-testid=\"end-icon\"\n ></i>\n }\n </div>\n}\n\n<!-- ng-content with the same slot can be used once in the same template -->\n<ng-template #content>\n <ng-content />\n</ng-template>\n", styles: ["@keyframes subtleScaleUpKeyFrames{0%{transform:scale(.95);opacity:0}}:host ::ng-deep i{font-size:.9em}:host(.withIcon){line-height:normal}:host(.withIcon) .contentWrapper{display:flex;height:100%;align-items:center;justify-content:center;column-gap:4px}:host(.withIcon) [class*=fa-]{font-size:var(--lxFontSize, 14px)}:host(.withIcon)[mode=link] .contentWrapper{column-gap:6px}:host(.withIcon)[mode=link] i:before{display:inline-block}:host(.withIcon) .ui5Icon{width:var(--lxFontSmallSize);height:var(--lxFontSmallSize);color:inherit}:host(.withIcon).loading[color]{position:relative;color:transparent}:host(.withIcon).loading[color] lx-tiny-spinner{position:absolute;left:50%;transform:translate(-50%)}:host{border-radius:3px;font-weight:var(--lxFontNormal, 400);cursor:pointer;transition:color,background-color,border-color .18s;transition-delay:0s;transition-timing-function:ease}:host[disabled]{opacity:.5;cursor:default}:host[color=default] lx-tiny-spinner{color:#2a303d}:host[color=default][mode=solid]{color:#2a303d;background-color:#f0f2f5;border:1px solid #f0f2f5}:host[color=default][mode=solid]:hover:not([disabled]),:host[color=default][mode=solid]:focus:not([disabled]){color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host[color=default][mode=solid]:active:not([disabled]){color:#2a303d;background-color:#c2c9d6;border:1px solid #c2c9d6}:host[color=default][mode=solid].pressed{background-color:#c2c9d6!important;border-color:#c2c9d6!important}:host[color=default][mode=solid].selected{color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host[color=default][mode=outline]{color:#2a303d;background-color:transparent;border:1px solid #e1e5eb}:host[color=default][mode=outline]:focus:not([disabled]),:host[color=default][mode=outline]:hover:not([disabled]){color:#2a303d;background-color:#f0f2f5;border:1px solid #f0f2f5}:host[color=default][mode=outline]:active:not([disabled]){color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host[color=default][mode=ghost]{color:#2a303d;background-color:transparent;border:1px solid transparent}:host[color=default][mode=ghost]:focus:not([disabled]),:host[color=default][mode=ghost]:hover:not([disabled]){color:#2a303d;background-color:transparent;border:1px solid #e1e5eb}:host[color=default][mode=ghost]:active:not([disabled]){color:#2a303d;background-color:#f0f2f5;border:1px solid #f0f2f5}:host[color=default][mode=link]{color:#2a303d;background-color:transparent;border:1px solid transparent;padding:0;border:none}:host[color=default][mode=link]:focus:not([disabled]),:host[color=default][mode=link]:hover:not([disabled]),:host[color=default][mode=link]:active:not([disabled]){color:#2a303d;background-color:transparent;border:1px solid transparent;text-decoration:underline;border:none}:host[color=light] lx-tiny-spinner{color:#2a303d}:host[color=light][mode=solid]{color:#2a303d;background-color:#fff;border:1px solid #99a5bb}:host[color=light][mode=solid]:hover:not([disabled]),:host[color=light][mode=solid]:focus:not([disabled]){color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host[color=light][mode=solid]:active:not([disabled]){color:#2a303d;background-color:#c2c9d6;border:1px solid #c2c9d6}:host[color=light][mode=solid].pressed{background-color:#c2c9d6!important;border-color:#c2c9d6!important}:host[color=light][mode=solid].selected{color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host[color=light][mode=outline]{color:#2a303d;background-color:transparent;border:1px solid #e1e5eb}:host[color=light][mode=outline]:focus:not([disabled]),:host[color=light][mode=outline]:hover:not([disabled]){color:#2a303d;background-color:#fff;border:1px solid #fff}:host[color=light][mode=outline]:active:not([disabled]){color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host[color=light][mode=ghost]{color:#2a303d;background-color:transparent;border:1px solid transparent}:host[color=light][mode=ghost]:focus:not([disabled]),:host[color=light][mode=ghost]:hover:not([disabled]){color:#2a303d;background-color:transparent;border:1px solid #e1e5eb}:host[color=light][mode=ghost]:active:not([disabled]){color:#2a303d;background-color:#fff;border:1px solid #fff}:host[color=light][mode=link]{color:#2a303d;background-color:transparent;border:1px solid transparent;padding:0;border:none}:host[color=light][mode=link]:focus:not([disabled]),:host[color=light][mode=link]:hover:not([disabled]),:host[color=light][mode=link]:active:not([disabled]){color:#2a303d;background-color:transparent;border:1px solid transparent;text-decoration:underline;border:none}:host[color=primary] lx-tiny-spinner{color:var(--lx-primarybutton-fontcolor)}:host[color=primary][mode=solid]{color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolor);border:1px solid var(--lx-primarybutton-backgroundcolor)}:host[color=primary][mode=solid]:hover:not([disabled]),:host[color=primary][mode=solid]:focus:not([disabled]){color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolorhover);border:1px solid var(--lx-primarybutton-backgroundcolorhover)}:host[color=primary][mode=solid]:active:not([disabled]){color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcoloractive);border:1px solid var(--lx-primarybutton-backgroundcoloractive)}:host[color=primary][mode=solid].pressed{background-color:var(--lx-primarybutton-backgroundcoloractive)!important;border-color:var(--lx-primarybutton-backgroundcoloractive)!important}:host[color=primary][mode=solid].selected{color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolorhover);border:1px solid var(--lx-primarybutton-backgroundcolorhover)}:host[color=primary][mode=outline]{color:var(--lx-primarybutton-backgroundcolor);background-color:transparent;border:1px solid var(--lx-primarybutton-backgroundcolor)}:host[color=primary][mode=outline]:focus:not([disabled]),:host[color=primary][mode=outline]:hover:not([disabled]){color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolor);border:1px solid var(--lx-primarybutton-backgroundcolor)}:host[color=primary][mode=outline]:active:not([disabled]){color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolorhover);border:1px solid var(--lx-primarybutton-backgroundcolorhover)}:host[color=primary][mode=ghost]{color:var(--lx-primarybutton-backgroundcolor);background-color:transparent;border:1px solid transparent}:host[color=primary][mode=ghost]:focus:not([disabled]),:host[color=primary][mode=ghost]:hover:not([disabled]){color:var(--lx-primarybutton-backgroundcolor);background-color:transparent;border:1px solid var(--lx-primarybutton-backgroundcolor)}:host[color=primary][mode=ghost]:active:not([disabled]){color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolor);border:1px solid var(--lx-primarybutton-backgroundcolor)}:host[color=primary][mode=link]{color:var(--lx-primarybutton-backgroundcolor);background-color:transparent;border:1px solid transparent;padding:0;border:none}:host[color=primary][mode=link]:focus:not([disabled]),:host[color=primary][mode=link]:hover:not([disabled]),:host[color=primary][mode=link]:active:not([disabled]){color:var(--lx-primarybutton-backgroundcolor);background-color:transparent;border:1px solid transparent;text-decoration:underline;border:none}:host[color=danger] lx-tiny-spinner{color:#fff}:host[color=danger][mode=solid]{color:#fff;background-color:#f96464;border:1px solid #f96464}:host[color=danger][mode=solid]:hover:not([disabled]),:host[color=danger][mode=solid]:focus:not([disabled]){color:#fff;background-color:#f61a1a;border:1px solid #f61a1a}:host[color=danger][mode=solid]:active:not([disabled]){color:#fff;background-color:#bd0707;border:1px solid #bd0707}:host[color=danger][mode=solid].pressed{background-color:#bd0707!important;border-color:#bd0707!important}:host[color=danger][mode=solid].selected{color:#fff;background-color:#f61a1a;border:1px solid #f61a1a}:host[color=danger][mode=outline]{color:#f96464;background-color:transparent;border:1px solid #f96464}:host[color=danger][mode=outline]:focus:not([disabled]),:host[color=danger][mode=outline]:hover:not([disabled]){color:#fff;background-color:#f96464;border:1px solid #f96464}:host[color=danger][mode=outline]:active:not([disabled]){color:#fff;background-color:#f61a1a;border:1px solid #f61a1a}:host[color=danger][mode=ghost]{color:#f96464;background-color:transparent;border:1px solid transparent}:host[color=danger][mode=ghost]:focus:not([disabled]),:host[color=danger][mode=ghost]:hover:not([disabled]){color:#f96464;background-color:transparent;border:1px solid #f96464}:host[color=danger][mode=ghost]:active:not([disabled]){color:#fff;background-color:#f96464;border:1px solid #f96464}:host[color=danger][mode=link]{color:#f96464;background-color:transparent;border:1px solid transparent;padding:0;border:none}:host[color=danger][mode=link]:focus:not([disabled]),:host[color=danger][mode=link]:hover:not([disabled]),:host[color=danger][mode=link]:active:not([disabled]){color:#f96464;background-color:transparent;border:1px solid transparent;text-decoration:underline;border:none}:host[color=success] lx-tiny-spinner{color:#fff}:host[color=success][mode=solid]{color:#fff;background-color:#33cc58;border:1px solid #33cc58}:host[color=success][mode=solid]:hover:not([disabled]),:host[color=success][mode=solid]:focus:not([disabled]){color:#fff;background-color:#248f3e;border:1px solid #248f3e}:host[color=success][mode=solid]:active:not([disabled]){color:#fff;background-color:#145223;border:1px solid #145223}:host[color=success][mode=solid].pressed{background-color:#145223!important;border-color:#145223!important}:host[color=success][mode=solid].selected{color:#fff;background-color:#248f3e;border:1px solid #248f3e}:host[color=success][mode=outline]{color:#33cc58;background-color:transparent;border:1px solid #33cc58}:host[color=success][mode=outline]:focus:not([disabled]),:host[color=success][mode=outline]:hover:not([disabled]){color:#fff;background-color:#33cc58;border:1px solid #33cc58}:host[color=success][mode=outline]:active:not([disabled]){color:#fff;background-color:#248f3e;border:1px solid #248f3e}:host[color=success][mode=ghost]{color:#33cc58;background-color:transparent;border:1px solid transparent}:host[color=success][mode=ghost]:focus:not([disabled]),:host[color=success][mode=ghost]:hover:not([disabled]){color:#33cc58;background-color:transparent;border:1px solid #33cc58}:host[color=success][mode=ghost]:active:not([disabled]){color:#fff;background-color:#33cc58;border:1px solid #33cc58}:host[color=success][mode=link]{color:#33cc58;background-color:transparent;border:1px solid transparent;padding:0;border:none}:host[color=success][mode=link]:focus:not([disabled]),:host[color=success][mode=link]:hover:not([disabled]),:host[color=success][mode=link]:active:not([disabled]){color:#33cc58;background-color:transparent;border:1px solid transparent;text-decoration:underline;border:none}:host[size=small]{height:20px;padding:3px 7px;font-size:var(--lxFontSmallSize, 12px);min-width:20px}:host[size=small]:not(.withIcon){line-height:12px}:host[size=small].square{width:20px;text-align:center;padding:0}:host[size=small].circle{border-radius:10px;min-width:20px;padding:0 3px}:host[size=small].withIcon:not(.square,.circle,[mode=link]){padding:0 8px}:host[size=medium]{height:24px;padding:3px 7px;font-size:var(--lxFontSize, 14px);min-width:24px}:host[size=medium]:not(.withIcon){line-height:16px}:host[size=medium].square{width:24px;text-align:center;padding:0}:host[size=medium].circle{border-radius:11px;min-width:24px;padding:0 3px}:host[size=medium].withIcon:not(.square,.circle,[mode=link]){padding:0 8px}:host[size=large]{height:32px;padding:7px 11px;font-size:var(--lxFontSize, 14px);min-width:32px}:host[size=large]:not(.withIcon){line-height:16px}:host[size=large].square{width:32px;text-align:center;padding:0}:host[size=large].circle{border-radius:15px;min-width:32px;padding:0 7px}:host[size=large].withIcon:not(.square,.circle,[mode=link]){padding:0 8px}:host[size=auto]{height:auto;padding:0;font-size:inherit;min-width:auto}:host[size=auto]:not(.withIcon){line-height:normal}:host[size=auto].square{width:auto;text-align:center;padding:0}:host[size=auto].circle{border-radius:unset;min-width:auto;padding:0}:host[size=auto].circle{height:auto;padding:0;font-size:inherit;min-width:auto}:host[size=auto].circle:not(.withIcon){line-height:normal}:host[size=auto].circle.square{width:auto;text-align:center;padding:0}:host[size=auto].circle.circle{border-radius:10px;min-width:auto;padding:0}:host.loading:not(.withIcon){position:relative;opacity:.5;color:transparent!important}:host.loading:not(.withIcon) lx-tiny-spinner{position:absolute;left:calc(50% - .5em)}\n"], dependencies: [{ kind: "component", type: TinySpinnerComponent, selector: "lx-tiny-spinner" }, { kind: "component", type: IconComponent, selector: "ui5-icon", inputs: ["design", "name", "accessibleName", "showTooltip", "mode"], exportAs: ["ui5Icon"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
108
- }
109
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: ButtonComponent, decorators: [{
110
- type: Component,
111
- args: [{ selector: 'button[lx-button]', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [TinySpinnerComponent, IconComponent, NgTemplateOutlet], template: "@let useNewIcons = useSAPIcons();\n@let startIcon = iconName();\n@let endIcon = endIconName();\n@if (!startIcon && !endIcon) {\n <!-- old layout -->\n @if (showSpinner) {\n <lx-tiny-spinner />\n }\n <ng-container *ngTemplateOutlet=\"content\" />\n} @else {\n <div class=\"contentWrapper\">\n <!-- new layout -->\n @if (showSpinner) {\n <lx-tiny-spinner />\n } @else if (startIcon && useNewIcons) {\n <ui5-icon class=\"ui5Icon\" [name]=\"startIcon\" data-testid=\"start-icon\" />\n } @else if (startIcon && !useNewIcons) {\n <i\n [class.fa-fw]=\"mode !== 'link'\"\n class=\"{{ startIcon }} {{ iconVariant() }}\"\n role=\"img\"\n aria-hidden=\"true\"\n data-testid=\"start-icon\"\n ></i>\n }\n <ng-container *ngTemplateOutlet=\"content\" />\n @if (!showSpinner && endIcon && useNewIcons) {\n <ui5-icon class=\"ui5Icon\" [name]=\"endIcon\" data-testid=\"end-icon\" />\n } @else if (!showSpinner && endIcon && !useNewIcons) {\n <i\n [class.fa-fw]=\"mode !== 'link'\"\n class=\"{{ endIcon }} {{ endIconVariant() }}\"\n role=\"img\"\n aria-hidden=\"true\"\n data-testid=\"end-icon\"\n ></i>\n }\n </div>\n}\n\n<!-- ng-content with the same slot can be used once in the same template -->\n<ng-template #content>\n <ng-content />\n</ng-template>\n", styles: ["@keyframes subtleScaleUpKeyFrames{0%{transform:scale(.95);opacity:0}}:host ::ng-deep i{font-size:.9em}:host(.withIcon){line-height:normal}:host(.withIcon) .contentWrapper{display:flex;height:100%;align-items:center;justify-content:center;column-gap:4px}:host(.withIcon) [class*=fa-]{font-size:var(--lxFontSize, 14px)}:host(.withIcon)[mode=link] .contentWrapper{column-gap:6px}:host(.withIcon)[mode=link] i:before{display:inline-block}:host(.withIcon) .ui5Icon{width:var(--lxFontSmallSize);height:var(--lxFontSmallSize);color:inherit}:host(.withIcon).loading[color]{position:relative;color:transparent}:host(.withIcon).loading[color] lx-tiny-spinner{position:absolute;left:50%;transform:translate(-50%)}:host{border-radius:3px;font-weight:var(--lxFontNormal, 400);cursor:pointer;transition:color,background-color,border-color .18s;transition-delay:0s;transition-timing-function:ease}:host[disabled]{opacity:.5;cursor:default}:host[color=default] lx-tiny-spinner{color:#2a303d}:host[color=default][mode=solid]{color:#2a303d;background-color:#f0f2f5;border:1px solid #f0f2f5}:host[color=default][mode=solid]:hover:not([disabled]),:host[color=default][mode=solid]:focus:not([disabled]){color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host[color=default][mode=solid]:active:not([disabled]){color:#2a303d;background-color:#c2c9d6;border:1px solid #c2c9d6}:host[color=default][mode=solid].pressed{background-color:#c2c9d6!important;border-color:#c2c9d6!important}:host[color=default][mode=solid].selected{color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host[color=default][mode=outline]{color:#2a303d;background-color:transparent;border:1px solid #e1e5eb}:host[color=default][mode=outline]:focus:not([disabled]),:host[color=default][mode=outline]:hover:not([disabled]){color:#2a303d;background-color:#f0f2f5;border:1px solid #f0f2f5}:host[color=default][mode=outline]:active:not([disabled]){color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host[color=default][mode=ghost]{color:#2a303d;background-color:transparent;border:1px solid transparent}:host[color=default][mode=ghost]:focus:not([disabled]),:host[color=default][mode=ghost]:hover:not([disabled]){color:#2a303d;background-color:transparent;border:1px solid #e1e5eb}:host[color=default][mode=ghost]:active:not([disabled]){color:#2a303d;background-color:#f0f2f5;border:1px solid #f0f2f5}:host[color=default][mode=link]{color:#2a303d;background-color:transparent;border:1px solid transparent;padding:0;border:none}:host[color=default][mode=link]:focus:not([disabled]),:host[color=default][mode=link]:hover:not([disabled]),:host[color=default][mode=link]:active:not([disabled]){color:#2a303d;background-color:transparent;border:1px solid transparent;text-decoration:underline;border:none}:host[color=light] lx-tiny-spinner{color:#2a303d}:host[color=light][mode=solid]{color:#2a303d;background-color:#fff;border:1px solid #99a5bb}:host[color=light][mode=solid]:hover:not([disabled]),:host[color=light][mode=solid]:focus:not([disabled]){color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host[color=light][mode=solid]:active:not([disabled]){color:#2a303d;background-color:#c2c9d6;border:1px solid #c2c9d6}:host[color=light][mode=solid].pressed{background-color:#c2c9d6!important;border-color:#c2c9d6!important}:host[color=light][mode=solid].selected{color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host[color=light][mode=outline]{color:#2a303d;background-color:transparent;border:1px solid #e1e5eb}:host[color=light][mode=outline]:focus:not([disabled]),:host[color=light][mode=outline]:hover:not([disabled]){color:#2a303d;background-color:#fff;border:1px solid #fff}:host[color=light][mode=outline]:active:not([disabled]){color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host[color=light][mode=ghost]{color:#2a303d;background-color:transparent;border:1px solid transparent}:host[color=light][mode=ghost]:focus:not([disabled]),:host[color=light][mode=ghost]:hover:not([disabled]){color:#2a303d;background-color:transparent;border:1px solid #e1e5eb}:host[color=light][mode=ghost]:active:not([disabled]){color:#2a303d;background-color:#fff;border:1px solid #fff}:host[color=light][mode=link]{color:#2a303d;background-color:transparent;border:1px solid transparent;padding:0;border:none}:host[color=light][mode=link]:focus:not([disabled]),:host[color=light][mode=link]:hover:not([disabled]),:host[color=light][mode=link]:active:not([disabled]){color:#2a303d;background-color:transparent;border:1px solid transparent;text-decoration:underline;border:none}:host[color=primary] lx-tiny-spinner{color:var(--lx-primarybutton-fontcolor)}:host[color=primary][mode=solid]{color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolor);border:1px solid var(--lx-primarybutton-backgroundcolor)}:host[color=primary][mode=solid]:hover:not([disabled]),:host[color=primary][mode=solid]:focus:not([disabled]){color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolorhover);border:1px solid var(--lx-primarybutton-backgroundcolorhover)}:host[color=primary][mode=solid]:active:not([disabled]){color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcoloractive);border:1px solid var(--lx-primarybutton-backgroundcoloractive)}:host[color=primary][mode=solid].pressed{background-color:var(--lx-primarybutton-backgroundcoloractive)!important;border-color:var(--lx-primarybutton-backgroundcoloractive)!important}:host[color=primary][mode=solid].selected{color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolorhover);border:1px solid var(--lx-primarybutton-backgroundcolorhover)}:host[color=primary][mode=outline]{color:var(--lx-primarybutton-backgroundcolor);background-color:transparent;border:1px solid var(--lx-primarybutton-backgroundcolor)}:host[color=primary][mode=outline]:focus:not([disabled]),:host[color=primary][mode=outline]:hover:not([disabled]){color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolor);border:1px solid var(--lx-primarybutton-backgroundcolor)}:host[color=primary][mode=outline]:active:not([disabled]){color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolorhover);border:1px solid var(--lx-primarybutton-backgroundcolorhover)}:host[color=primary][mode=ghost]{color:var(--lx-primarybutton-backgroundcolor);background-color:transparent;border:1px solid transparent}:host[color=primary][mode=ghost]:focus:not([disabled]),:host[color=primary][mode=ghost]:hover:not([disabled]){color:var(--lx-primarybutton-backgroundcolor);background-color:transparent;border:1px solid var(--lx-primarybutton-backgroundcolor)}:host[color=primary][mode=ghost]:active:not([disabled]){color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolor);border:1px solid var(--lx-primarybutton-backgroundcolor)}:host[color=primary][mode=link]{color:var(--lx-primarybutton-backgroundcolor);background-color:transparent;border:1px solid transparent;padding:0;border:none}:host[color=primary][mode=link]:focus:not([disabled]),:host[color=primary][mode=link]:hover:not([disabled]),:host[color=primary][mode=link]:active:not([disabled]){color:var(--lx-primarybutton-backgroundcolor);background-color:transparent;border:1px solid transparent;text-decoration:underline;border:none}:host[color=danger] lx-tiny-spinner{color:#fff}:host[color=danger][mode=solid]{color:#fff;background-color:#f96464;border:1px solid #f96464}:host[color=danger][mode=solid]:hover:not([disabled]),:host[color=danger][mode=solid]:focus:not([disabled]){color:#fff;background-color:#f61a1a;border:1px solid #f61a1a}:host[color=danger][mode=solid]:active:not([disabled]){color:#fff;background-color:#bd0707;border:1px solid #bd0707}:host[color=danger][mode=solid].pressed{background-color:#bd0707!important;border-color:#bd0707!important}:host[color=danger][mode=solid].selected{color:#fff;background-color:#f61a1a;border:1px solid #f61a1a}:host[color=danger][mode=outline]{color:#f96464;background-color:transparent;border:1px solid #f96464}:host[color=danger][mode=outline]:focus:not([disabled]),:host[color=danger][mode=outline]:hover:not([disabled]){color:#fff;background-color:#f96464;border:1px solid #f96464}:host[color=danger][mode=outline]:active:not([disabled]){color:#fff;background-color:#f61a1a;border:1px solid #f61a1a}:host[color=danger][mode=ghost]{color:#f96464;background-color:transparent;border:1px solid transparent}:host[color=danger][mode=ghost]:focus:not([disabled]),:host[color=danger][mode=ghost]:hover:not([disabled]){color:#f96464;background-color:transparent;border:1px solid #f96464}:host[color=danger][mode=ghost]:active:not([disabled]){color:#fff;background-color:#f96464;border:1px solid #f96464}:host[color=danger][mode=link]{color:#f96464;background-color:transparent;border:1px solid transparent;padding:0;border:none}:host[color=danger][mode=link]:focus:not([disabled]),:host[color=danger][mode=link]:hover:not([disabled]),:host[color=danger][mode=link]:active:not([disabled]){color:#f96464;background-color:transparent;border:1px solid transparent;text-decoration:underline;border:none}:host[color=success] lx-tiny-spinner{color:#fff}:host[color=success][mode=solid]{color:#fff;background-color:#33cc58;border:1px solid #33cc58}:host[color=success][mode=solid]:hover:not([disabled]),:host[color=success][mode=solid]:focus:not([disabled]){color:#fff;background-color:#248f3e;border:1px solid #248f3e}:host[color=success][mode=solid]:active:not([disabled]){color:#fff;background-color:#145223;border:1px solid #145223}:host[color=success][mode=solid].pressed{background-color:#145223!important;border-color:#145223!important}:host[color=success][mode=solid].selected{color:#fff;background-color:#248f3e;border:1px solid #248f3e}:host[color=success][mode=outline]{color:#33cc58;background-color:transparent;border:1px solid #33cc58}:host[color=success][mode=outline]:focus:not([disabled]),:host[color=success][mode=outline]:hover:not([disabled]){color:#fff;background-color:#33cc58;border:1px solid #33cc58}:host[color=success][mode=outline]:active:not([disabled]){color:#fff;background-color:#248f3e;border:1px solid #248f3e}:host[color=success][mode=ghost]{color:#33cc58;background-color:transparent;border:1px solid transparent}:host[color=success][mode=ghost]:focus:not([disabled]),:host[color=success][mode=ghost]:hover:not([disabled]){color:#33cc58;background-color:transparent;border:1px solid #33cc58}:host[color=success][mode=ghost]:active:not([disabled]){color:#fff;background-color:#33cc58;border:1px solid #33cc58}:host[color=success][mode=link]{color:#33cc58;background-color:transparent;border:1px solid transparent;padding:0;border:none}:host[color=success][mode=link]:focus:not([disabled]),:host[color=success][mode=link]:hover:not([disabled]),:host[color=success][mode=link]:active:not([disabled]){color:#33cc58;background-color:transparent;border:1px solid transparent;text-decoration:underline;border:none}:host[size=small]{height:20px;padding:3px 7px;font-size:var(--lxFontSmallSize, 12px);min-width:20px}:host[size=small]:not(.withIcon){line-height:12px}:host[size=small].square{width:20px;text-align:center;padding:0}:host[size=small].circle{border-radius:10px;min-width:20px;padding:0 3px}:host[size=small].withIcon:not(.square,.circle,[mode=link]){padding:0 8px}:host[size=medium]{height:24px;padding:3px 7px;font-size:var(--lxFontSize, 14px);min-width:24px}:host[size=medium]:not(.withIcon){line-height:16px}:host[size=medium].square{width:24px;text-align:center;padding:0}:host[size=medium].circle{border-radius:11px;min-width:24px;padding:0 3px}:host[size=medium].withIcon:not(.square,.circle,[mode=link]){padding:0 8px}:host[size=large]{height:32px;padding:7px 11px;font-size:var(--lxFontSize, 14px);min-width:32px}:host[size=large]:not(.withIcon){line-height:16px}:host[size=large].square{width:32px;text-align:center;padding:0}:host[size=large].circle{border-radius:15px;min-width:32px;padding:0 7px}:host[size=large].withIcon:not(.square,.circle,[mode=link]){padding:0 8px}:host[size=auto]{height:auto;padding:0;font-size:inherit;min-width:auto}:host[size=auto]:not(.withIcon){line-height:normal}:host[size=auto].square{width:auto;text-align:center;padding:0}:host[size=auto].circle{border-radius:unset;min-width:auto;padding:0}:host[size=auto].circle{height:auto;padding:0;font-size:inherit;min-width:auto}:host[size=auto].circle:not(.withIcon){line-height:normal}:host[size=auto].circle.square{width:auto;text-align:center;padding:0}:host[size=auto].circle.circle{border-radius:10px;min-width:auto;padding:0}:host.loading:not(.withIcon){position:relative;opacity:.5;color:transparent!important}:host.loading:not(.withIcon) lx-tiny-spinner{position:absolute;left:calc(50% - .5em)}\n"] }]
112
- }], propDecorators: { size: [{
113
- type: Input
114
- }, {
115
- type: HostBinding,
116
- args: ['attr.size']
117
- }], color: [{
118
- type: Input
119
- }, {
120
- type: HostBinding,
121
- args: ['attr.color']
122
- }], mode: [{
123
- type: Input
124
- }, {
125
- type: HostBinding,
126
- args: ['attr.mode']
127
- }], pressed: [{
128
- type: Input
129
- }, {
130
- type: HostBinding,
131
- args: ['class.pressed']
132
- }], selected: [{
133
- type: Input
134
- }, {
135
- type: HostBinding,
136
- args: ['class.selected']
137
- }], square: [{
138
- type: Input
139
- }, {
140
- type: HostBinding,
141
- args: ['class.square']
142
- }], circle: [{
143
- type: Input
144
- }, {
145
- type: HostBinding,
146
- args: ['class.circle']
147
- }], disabled: [{
148
- type: Input
149
- }], hasIcon: [{
150
- type: HostBinding,
151
- args: ['class.withIcon']
152
- }], showSpinner: [{
153
- type: Input
154
- }, {
155
- type: HostBinding,
156
- args: ['class.loading']
157
- }], isDisabled: [{
158
- type: HostBinding,
159
- args: ['disabled']
160
- }] } });
161
- function getSAPIcon(iconName) {
162
- const iconVariant = extractFontAwesomeVariant(iconName);
163
- const extractedName = removeFontAwesomeVariant(iconName);
164
- if (!ICON_MAP[extractedName]) {
165
- console.warn(`No SAP icon found for Font Awesome icon ${extractedName}`);
166
- return null;
167
- }
168
- if (iconVariant === 'fas' || iconVariant === 'fa') {
169
- return ICON_MAP[extractedName]?.[1] ?? ICON_MAP[extractedName]?.[0] ?? null;
170
- }
171
- return ICON_MAP[extractedName]?.[0] ?? null;
172
- }
173
- function extractFontAwesomeVariant(iconName) {
174
- return iconName?.match(/\b(far|fas|fa(?!-)|fal|fab)\b/)?.[0] ?? 'far';
175
- }
176
- function removeFontAwesomeVariant(iconName) {
177
- return iconName.replace(/\b(far|fas|fa(?!-)|fal|fab)\b/g, '').trim();
178
- }
179
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsY0FBYyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEksT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3RELGlEQUFpRDtBQUNqRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDakUsT0FBTyxFQUFFLGVBQWUsRUFBRSxFQUFFLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDM0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ25ELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHdDQUF3QyxDQUFDOztBQVc5RTs7O0dBR0c7QUFDSCxNQUFNLENBQUMsTUFBTSx1QkFBdUIsR0FBRyxJQUFJLGNBQWMsQ0FBMkIseUJBQXlCLEVBQUU7SUFDN0csT0FBTyxFQUFFLEdBQUcsRUFBRTtRQUNaLE1BQU0sQ0FBQyxxQkFBcUIsS0FBSyxJQUFJLGVBQWUsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM1RCxPQUFPLE1BQU0sQ0FBQyxxQkFBcUIsQ0FBQztJQUN0QyxDQUFDO0NBQ0YsQ0FBQyxDQUFDO0FBRUg7OztHQUdHO0FBVUgsTUFBTSxPQUFPLGVBQWU7SUFUNUI7UUFVcUIsZ0JBQVcsR0FBRyxRQUFRLENBQUMsTUFBTSxDQUFDLHVCQUF1QixFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLElBQUksRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7UUFFNUc7O1dBRUc7UUFDZ0MsU0FBSSxHQUEwQyxRQUFRLENBQUM7UUFFMUY7O1dBRUc7UUFDaUMsVUFBSyxHQUEyRCxTQUFTLENBQUM7UUFFOUc7O1dBRUc7UUFDZ0MsU0FBSSxHQUEyQyxPQUFPLENBQUM7UUFFMUY7O1dBRUc7UUFDb0MsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUVoRTs7V0FFRztRQUNxQyxhQUFRLEdBQVksS0FBSyxDQUFDO1FBRWxFOztXQUVHO1FBQ21DLFdBQU0sR0FBWSxLQUFLLENBQUM7UUFFOUQ7O1dBRUc7UUFDbUMsV0FBTSxHQUFZLEtBQUssQ0FBQztRQUU5RDs7V0FFRztRQUNNLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFLbkM7Ozs7Ozs7OztXQVNHO1FBQ00sU0FBSSxHQUFHLEtBQUssRUFBVSxDQUFDO1FBRWIsYUFBUSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQztRQUMvRCxnQkFBVyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyx5QkFBeUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBRXhGOzs7Ozs7Ozs7V0FTRztRQUNNLFlBQU8sR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUVoQixnQkFBVyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUMsQ0FBQztRQUNyRSxtQkFBYyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyx5QkFBeUIsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBRTlGOztXQUVHO1FBR0gsZ0JBQVcsR0FBWSxLQUFLLENBQUM7S0FvQjlCO0lBMURDLElBQW1DLE9BQU87UUFDeEMsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDM0MsQ0FBQztJQXNDRCxJQUNJLFVBQVU7UUFDWixPQUFPLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUMzQyxDQUFDO0lBRU8saUJBQWlCLENBQUMsUUFBNEI7UUFDcEQsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBRXZDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNkLE9BQU8sSUFBSSxDQUFDO1FBQ2QsQ0FBQztRQUVELElBQUksV0FBVyxFQUFFLENBQUM7WUFDaEIsT0FBTyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDOUIsQ0FBQztRQUVELE9BQU8sd0JBQXdCLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDNUMsQ0FBQzs4R0FwR1UsZUFBZTtrR0FBZixlQUFlLHl3REMxQzVCLHkyQ0E0Q0EscXBaREpZLG9CQUFvQiw0REFBRSxhQUFhLGlKQUFFLGdCQUFnQjs7MkZBRXBELGVBQWU7a0JBVDNCLFNBQVM7K0JBRUUsbUJBQW1CLG1CQUdaLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQLENBQUMsb0JBQW9CLEVBQUUsYUFBYSxFQUFFLGdCQUFnQixDQUFDOzhCQVE3QixJQUFJO3NCQUF0QyxLQUFLOztzQkFBSSxXQUFXO3VCQUFDLFdBQVc7Z0JBS0csS0FBSztzQkFBeEMsS0FBSzs7c0JBQUksV0FBVzt1QkFBQyxZQUFZO2dCQUtDLElBQUk7c0JBQXRDLEtBQUs7O3NCQUFJLFdBQVc7dUJBQUMsV0FBVztnQkFLTSxPQUFPO3NCQUE3QyxLQUFLOztzQkFBSSxXQUFXO3VCQUFDLGVBQWU7Z0JBS0csUUFBUTtzQkFBL0MsS0FBSzs7c0JBQUksV0FBVzt1QkFBQyxnQkFBZ0I7Z0JBS0EsTUFBTTtzQkFBM0MsS0FBSzs7c0JBQUksV0FBVzt1QkFBQyxjQUFjO2dCQUtFLE1BQU07c0JBQTNDLEtBQUs7O3NCQUFJLFdBQVc7dUJBQUMsY0FBYztnQkFLM0IsUUFBUTtzQkFBaEIsS0FBSztnQkFFNkIsT0FBTztzQkFBekMsV0FBVzt1QkFBQyxnQkFBZ0I7Z0JBc0M3QixXQUFXO3NCQUZWLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsZUFBZTtnQkFJeEIsVUFBVTtzQkFEYixXQUFXO3VCQUFDLFVBQVU7O0FBb0J6QixTQUFTLFVBQVUsQ0FBQyxRQUFnQjtJQUNsQyxNQUFNLFdBQVcsR0FBRyx5QkFBeUIsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUN4RCxNQUFNLGFBQWEsR0FBRyx3QkFBd0IsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUN6RCxJQUFJLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxFQUFFLENBQUM7UUFDN0IsT0FBTyxDQUFDLElBQUksQ0FBQywyQ0FBMkMsYUFBYSxFQUFFLENBQUMsQ0FBQztRQUN6RSxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFDRCxJQUFJLFdBQVcsS0FBSyxLQUFLLElBQUksV0FBVyxLQUFLLElBQUksRUFBRSxDQUFDO1FBQ2xELE9BQU8sUUFBUSxDQUFDLGFBQWEsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksUUFBUSxDQUFDLGFBQWEsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDO0lBQzlFLENBQUM7SUFDRCxPQUFPLFFBQVEsQ0FBQyxhQUFhLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLElBQUksQ0FBQztBQUM5QyxDQUFDO0FBRUQsU0FBUyx5QkFBeUIsQ0FBQyxRQUFpQjtJQUNsRCxPQUFPLFFBQVEsRUFBRSxLQUFLLENBQUMsK0JBQStCLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLEtBQUssQ0FBQztBQUN4RSxDQUFDO0FBRUQsU0FBUyx3QkFBd0IsQ0FBQyxRQUFnQjtJQUNoRCxPQUFPLFFBQVEsQ0FBQyxPQUFPLENBQUMsZ0NBQWdDLEVBQUUsRUFBRSxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7QUFDdkUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgY29tcHV0ZWQsIEhvc3RCaW5kaW5nLCBpbmplY3QsIEluamVjdGlvblRva2VuLCBpbnB1dCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHRvU2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZS9yeGpzLWludGVyb3AnO1xuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXJlc3RyaWN0ZWQtaW1wb3J0c1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJ0B1aTUvd2ViY29tcG9uZW50cy1uZ3gvbWFpbi9pY29uJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgb2YgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IElDT05fTUFQIH0gZnJvbSAnLi4vLi4vY29yZS11aS5jb25zdGFudHMnO1xuaW1wb3J0IHsgVGlueVNwaW5uZXJDb21wb25lbnQgfSBmcm9tICcuLi90aW55LXNwaW5uZXIvdGlueS1zcGlubmVyLmNvbXBvbmVudCc7XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIFdpbmRvdyB7XG4gICAgLyoqXG4gICAgICogaW50ZXJuYWwsIHVzZWQgZm9yIHRoZW1pbmcgdG9nZ2xlc1xuICAgICAqL1xuICAgIHVzZVNBUEljb25Jbkx4QnV0dG9uJDogQmVoYXZpb3JTdWJqZWN0PGJvb2xlYW4+O1xuICB9XG59XG5cbi8qKlxuICogQGludGVybmFsXG4gKiBPcHQtaW4gdG8gcmVuZGVyIFNBUCBpY29ucyBpbiB0aGUgYEJ1dHRvbkNvbXBvbmVudGBcbiAqL1xuZXhwb3J0IGNvbnN0IExYX0JVVFRPTl9VU0VfU0FQX0lDT05TID0gbmV3IEluamVjdGlvblRva2VuPEJlaGF2aW9yU3ViamVjdDxib29sZWFuPj4oJ0xYX0JVVFRPTl9VU0VfU0FQX0lDT05TJywge1xuICBmYWN0b3J5OiAoKSA9PiB7XG4gICAgd2luZG93LnVzZVNBUEljb25Jbkx4QnV0dG9uJCA/Pz0gbmV3IEJlaGF2aW9yU3ViamVjdChmYWxzZSk7XG4gICAgcmV0dXJuIHdpbmRvdy51c2VTQVBJY29uSW5MeEJ1dHRvbiQ7XG4gIH1cbn0pO1xuXG4vKipcbiAqIEJ1dHRvbiBjb21wb25lbnQgaXMgdXNlZCB0byBjcmVhdGUgYSBidXR0b24gd2l0aCBkaWZmZXJlbnQgc3R5bGVzIGFuZCBzaXplcy4gVGhpcyB1c2VzIG5hdGl2ZSBidXR0b24gZWxlbWVudCBhbmRcbiAqIG9ubHkgcHJvdmlkZXMgc3R5bGluZyBhbmQgc29tZSBhZGRpdGlvbmFsIGZlYXR1cmVzIGxpa2UgbG9hZGluZyBzcGlubmVyLlxuICovXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdidXR0b25bbHgtYnV0dG9uXScsXG4gIHRlbXBsYXRlVXJsOiAnYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ2J1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1RpbnlTcGlubmVyQ29tcG9uZW50LCBJY29uQ29tcG9uZW50LCBOZ1RlbXBsYXRlT3V0bGV0XVxufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25Db21wb25lbnQge1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgdXNlU0FQSWNvbnMgPSB0b1NpZ25hbChpbmplY3QoTFhfQlVUVE9OX1VTRV9TQVBfSUNPTlMsIHsgb3B0aW9uYWw6IHRydWUgfSkgfHwgb2YoZmFsc2UpKTtcblxuICAvKipcbiAgICogVGhlIHNpemUgb2YgdGhlIGJ1dHRvbi5cbiAgICovXG4gIEBJbnB1dCgpIEBIb3N0QmluZGluZygnYXR0ci5zaXplJykgc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyB8ICdhdXRvJyA9ICdtZWRpdW0nO1xuXG4gIC8qKlxuICAgKiBUaGUgY29sb3Igb2YgdGhlIGJ1dHRvbi5cbiAgICovXG4gIEBJbnB1dCgpIEBIb3N0QmluZGluZygnYXR0ci5jb2xvcicpIGNvbG9yOiAnZGVmYXVsdCcgfCAncHJpbWFyeScgfCAnZGFuZ2VyJyB8ICdzdWNjZXNzJyB8ICdsaWdodCcgPSAnZGVmYXVsdCc7XG5cbiAgLyoqXG4gICAqIFRoZSBtb2RlIG9mIHRoZSBidXR0b24uXG4gICAqL1xuICBASW5wdXQoKSBASG9zdEJpbmRpbmcoJ2F0dHIubW9kZScpIG1vZGU6ICdzb2xpZCcgfCAnZ2hvc3QnIHwgJ291dGxpbmUnIHwgJ2xpbmsnID0gJ3NvbGlkJztcblxuICAvKipcbiAgICogVGhlIHByZXNzZWQgc3RhdGUgb2YgdGhlIGJ1dHRvbi4gVGhpcyBzaW11bGF0ZXMgdGhlIGA6YWN0aXZlYCBzdGF0ZSBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgQElucHV0KCkgQEhvc3RCaW5kaW5nKCdjbGFzcy5wcmVzc2VkJykgcHJlc3NlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBUaGUgc2VsZWN0ZWQgc3RhdGUgb2YgdGhlIGJ1dHRvbi4gVGhpcyBzaW11bGF0ZXMgdGhlIGA6aG92ZXJgIHN0YXRlIG9mIHRoZSBidXR0b24uXG4gICAqL1xuICBASW5wdXQoKSBASG9zdEJpbmRpbmcoJ2NsYXNzLnNlbGVjdGVkJykgc2VsZWN0ZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogVGhpcyBtYWtlcyB0aGUgYnV0dG9uIHNxdWFyZS5cbiAgICovXG4gIEBJbnB1dCgpIEBIb3N0QmluZGluZygnY2xhc3Muc3F1YXJlJykgc3F1YXJlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFRoaXMgbWFrZXMgY29ybmVycyByb3VuZGVkLiBVc2Ugd2l0aCBgc3F1YXJlYCBmb3IgYSB0cnVlIGNpcmNsZS5cbiAgICovXG4gIEBJbnB1dCgpIEBIb3N0QmluZGluZygnY2xhc3MuY2lyY2xlJykgY2lyY2xlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFRoaXMgZGlzYWJsZXMgdGhlIGJ1dHRvbi5cbiAgICovXG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy53aXRoSWNvbicpIGdldCBoYXNJY29uKCkge1xuICAgIHJldHVybiAhIXRoaXMuaWNvbigpIHx8ICEhdGhpcy5lbmRJY29uKCk7XG4gIH1cbiAgLyoqXG4gICAqIFRoZSBpY29uIG5hbWUgKGZvbnQtYXdlc29tZSkgdG8gZGlzcGxheSBpbnNpZGUgdGhlIGJ1dHRvbi5cbiAgICogSXQgaXMgZGlzcGxheWVkIGJlZm9yZSBhbnkgYWRkaXRpb25hbCBjb250ZW50LlxuICAgKlxuICAgKiBBbiBpY29uIHZhcmlhbnQgY2FuIGJlIHByb3ZpZGVkIGFzIHdlbGwsIGUuZy4gYGZhcyBmYS10cmFzaGAuXG4gICAqXG4gICAqIEBkZWZhdWx0IHVuZGVmaW5lZFxuICAgKiBAZXhhbXBsZVxuICAgKiA8YnV0dG9uIGx4LWJ1dHRvbiBpY29uPVwiZmEtdGltZXNcIj5DbG9zZTwvYnV0dG9uPlxuICAgKi9cbiAgcmVhZG9ubHkgaWNvbiA9IGlucHV0PHN0cmluZz4oKTtcblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgaWNvbk5hbWUgPSBjb21wdXRlZCgoKSA9PiB0aGlzLmdldE1hcHBlZEljb25OYW1lKHRoaXMuaWNvbigpKSk7XG4gIHByb3RlY3RlZCByZWFkb25seSBpY29uVmFyaWFudCA9IGNvbXB1dGVkKCgpID0+IGV4dHJhY3RGb250QXdlc29tZVZhcmlhbnQodGhpcy5pY29uKCkpKTtcblxuICAvKipcbiAgICogVGhlIGljb24gbmFtZSAoZm9udC1hd2Vzb21lKSB0byBkaXNwbGF5IGluc2lkZSB0aGUgYnV0dG9uLlxuICAgKiBJdCBpcyBkaXNwbGF5ZWQgYWZ0ZXIgYW55IGFkZGl0aW9uYWwgY29udGVudC5cbiAgICpcbiAgICogQW4gaWNvbiB2YXJpYW50IGNhbiBiZSBwcm92aWRlZCBhcyB3ZWxsLCBlLmcuIGBmYXMgZmEtdHJhc2hgLlxuICAgKlxuICAgKiBAZGVmYXVsdCB1bmRlZmluZWRcbiAgICogQGV4YW1wbGVcbiAgICogPGJ1dHRvbiBseC1idXR0b24gZW5kSWNvbj1cImZhLXRpbWVzXCI+Q2xvc2U8L2J1dHRvbj5cbiAgICovXG4gIHJlYWRvbmx5IGVuZEljb24gPSBpbnB1dDxzdHJpbmc+KCk7XG5cbiAgcHJvdGVjdGVkIHJlYWRvbmx5IGVuZEljb25OYW1lID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5nZXRNYXBwZWRJY29uTmFtZSh0aGlzLmVuZEljb24oKSkpO1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgZW5kSWNvblZhcmlhbnQgPSBjb21wdXRlZCgoKSA9PiBleHRyYWN0Rm9udEF3ZXNvbWVWYXJpYW50KHRoaXMuZW5kSWNvbigpKSk7XG5cbiAgLyoqXG4gICAqIFRoaXMgc2hvd3MgYSBzcGlubmVyIGluc2lkZSB0aGUgYnV0dG9uLlxuICAgKi9cbiAgQElucHV0KClcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5sb2FkaW5nJylcbiAgc2hvd1NwaW5uZXI6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASG9zdEJpbmRpbmcoJ2Rpc2FibGVkJylcbiAgZ2V0IGlzRGlzYWJsZWQoKSB7XG4gICAgcmV0dXJuIHRoaXMuZGlzYWJsZWQgfHwgdGhpcy5zaG93U3Bpbm5lcjtcbiAgfVxuXG4gIHByaXZhdGUgZ2V0TWFwcGVkSWNvbk5hbWUoaWNvbk5hbWU6IHN0cmluZyB8IHVuZGVmaW5lZCk6IHN0cmluZyB8IG51bGwge1xuICAgIGNvbnN0IHVzZVNBUEljb25zID0gdGhpcy51c2VTQVBJY29ucygpO1xuXG4gICAgaWYgKCFpY29uTmFtZSkge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgaWYgKHVzZVNBUEljb25zKSB7XG4gICAgICByZXR1cm4gZ2V0U0FQSWNvbihpY29uTmFtZSk7XG4gICAgfVxuXG4gICAgcmV0dXJuIHJlbW92ZUZvbnRBd2Vzb21lVmFyaWFudChpY29uTmFtZSk7XG4gIH1cbn1cblxuZnVuY3Rpb24gZ2V0U0FQSWNvbihpY29uTmFtZTogc3RyaW5nKTogc3RyaW5nIHwgbnVsbCB7XG4gIGNvbnN0IGljb25WYXJpYW50ID0gZXh0cmFjdEZvbnRBd2Vzb21lVmFyaWFudChpY29uTmFtZSk7XG4gIGNvbnN0IGV4dHJhY3RlZE5hbWUgPSByZW1vdmVGb250QXdlc29tZVZhcmlhbnQoaWNvbk5hbWUpO1xuICBpZiAoIUlDT05fTUFQW2V4dHJhY3RlZE5hbWVdKSB7XG4gICAgY29uc29sZS53YXJuKGBObyBTQVAgaWNvbiBmb3VuZCBmb3IgRm9udCBBd2Vzb21lIGljb24gJHtleHRyYWN0ZWROYW1lfWApO1xuICAgIHJldHVybiBudWxsO1xuICB9XG4gIGlmIChpY29uVmFyaWFudCA9PT0gJ2ZhcycgfHwgaWNvblZhcmlhbnQgPT09ICdmYScpIHtcbiAgICByZXR1cm4gSUNPTl9NQVBbZXh0cmFjdGVkTmFtZV0/LlsxXSA/PyBJQ09OX01BUFtleHRyYWN0ZWROYW1lXT8uWzBdID8/IG51bGw7XG4gIH1cbiAgcmV0dXJuIElDT05fTUFQW2V4dHJhY3RlZE5hbWVdPy5bMF0gPz8gbnVsbDtcbn1cblxuZnVuY3Rpb24gZXh0cmFjdEZvbnRBd2Vzb21lVmFyaWFudChpY29uTmFtZT86IHN0cmluZyk6IHN0cmluZyB7XG4gIHJldHVybiBpY29uTmFtZT8ubWF0Y2goL1xcYihmYXJ8ZmFzfGZhKD8hLSl8ZmFsfGZhYilcXGIvKT8uWzBdID8/ICdmYXInO1xufVxuXG5mdW5jdGlvbiByZW1vdmVGb250QXdlc29tZVZhcmlhbnQoaWNvbk5hbWU6IHN0cmluZyk6IHN0cmluZyB7XG4gIHJldHVybiBpY29uTmFtZS5yZXBsYWNlKC9cXGIoZmFyfGZhc3xmYSg/IS0pfGZhbHxmYWIpXFxiL2csICcnKS50cmltKCk7XG59XG4iLCJAbGV0IHVzZU5ld0ljb25zID0gdXNlU0FQSWNvbnMoKTtcbkBsZXQgc3RhcnRJY29uID0gaWNvbk5hbWUoKTtcbkBsZXQgZW5kSWNvbiA9IGVuZEljb25OYW1lKCk7XG5AaWYgKCFzdGFydEljb24gJiYgIWVuZEljb24pIHtcbiAgPCEtLSBvbGQgbGF5b3V0IC0tPlxuICBAaWYgKHNob3dTcGlubmVyKSB7XG4gICAgPGx4LXRpbnktc3Bpbm5lciAvPlxuICB9XG4gIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCIgLz5cbn0gQGVsc2Uge1xuICA8ZGl2IGNsYXNzPVwiY29udGVudFdyYXBwZXJcIj5cbiAgICA8IS0tIG5ldyBsYXlvdXQgLS0+XG4gICAgQGlmIChzaG93U3Bpbm5lcikge1xuICAgICAgPGx4LXRpbnktc3Bpbm5lciAvPlxuICAgIH0gQGVsc2UgaWYgKHN0YXJ0SWNvbiAmJiB1c2VOZXdJY29ucykge1xuICAgICAgPHVpNS1pY29uIGNsYXNzPVwidWk1SWNvblwiIFtuYW1lXT1cInN0YXJ0SWNvblwiIGRhdGEtdGVzdGlkPVwic3RhcnQtaWNvblwiIC8+XG4gICAgfSBAZWxzZSBpZiAoc3RhcnRJY29uICYmICF1c2VOZXdJY29ucykge1xuICAgICAgPGlcbiAgICAgICAgW2NsYXNzLmZhLWZ3XT1cIm1vZGUgIT09ICdsaW5rJ1wiXG4gICAgICAgIGNsYXNzPVwie3sgc3RhcnRJY29uIH19ICB7eyBpY29uVmFyaWFudCgpIH19XCJcbiAgICAgICAgcm9sZT1cImltZ1wiXG4gICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICAgIGRhdGEtdGVzdGlkPVwic3RhcnQtaWNvblwiXG4gICAgICA+PC9pPlxuICAgIH1cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiIC8+XG4gICAgQGlmICghc2hvd1NwaW5uZXIgJiYgZW5kSWNvbiAmJiB1c2VOZXdJY29ucykge1xuICAgICAgPHVpNS1pY29uIGNsYXNzPVwidWk1SWNvblwiIFtuYW1lXT1cImVuZEljb25cIiBkYXRhLXRlc3RpZD1cImVuZC1pY29uXCIgLz5cbiAgICB9IEBlbHNlIGlmICghc2hvd1NwaW5uZXIgJiYgZW5kSWNvbiAmJiAhdXNlTmV3SWNvbnMpIHtcbiAgICAgIDxpXG4gICAgICAgIFtjbGFzcy5mYS1md109XCJtb2RlICE9PSAnbGluaydcIlxuICAgICAgICBjbGFzcz1cInt7IGVuZEljb24gfX0gIHt7IGVuZEljb25WYXJpYW50KCkgfX1cIlxuICAgICAgICByb2xlPVwiaW1nXCJcbiAgICAgICAgYXJpYS1oaWRkZW49XCJ0cnVlXCJcbiAgICAgICAgZGF0YS10ZXN0aWQ9XCJlbmQtaWNvblwiXG4gICAgICA+PC9pPlxuICAgIH1cbiAgPC9kaXY+XG59XG5cbjwhLS0gbmctY29udGVudCB3aXRoIHRoZSBzYW1lIHNsb3QgY2FuIGJlIHVzZWQgb25jZSBpbiB0aGUgc2FtZSB0ZW1wbGF0ZSAtLT5cbjxuZy10ZW1wbGF0ZSAjY29udGVudD5cbiAgPG5nLWNvbnRlbnQgLz5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
@@ -1,28 +0,0 @@
1
- import { Component, HostBinding, Input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export class ButtonGroupComponent {
4
- constructor() {
5
- this.separator = 'margin';
6
- }
7
- get hasMarginSeperator() {
8
- return this.separator === 'margin';
9
- }
10
- get hasBorderSeparator() {
11
- return this.separator === 'border';
12
- }
13
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: ButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
14
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: ButtonGroupComponent, isStandalone: true, selector: "lx-button-group", inputs: { separator: "separator" }, host: { properties: { "class.marginSeparator": "this.hasMarginSeperator", "class.borderSeparator": "this.hasBorderSeparator" } }, ngImport: i0, template: "<ng-content />\n", styles: [":host{display:flex;align-items:center}:host.marginSeparator ::ng-deep [lx-button]:not(:last-child){margin-right:1px}:host.borderSeparator ::ng-deep [lx-button]:not(:last-child){border-right:none!important}:host.borderSeparator ::ng-deep [lx-button]:not(:last-child):hover{border-right:none!important}:host ::ng-deep [lx-button]:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}:host ::ng-deep [lx-button]:not(:first-of-type){border-top-left-radius:0;border-bottom-left-radius:0}:host ::ng-deep lx-options-dropdown button[lx-button]:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}\n"] }); }
15
- }
16
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: ButtonGroupComponent, decorators: [{
17
- type: Component,
18
- args: [{ selector: 'lx-button-group', standalone: true, template: "<ng-content />\n", styles: [":host{display:flex;align-items:center}:host.marginSeparator ::ng-deep [lx-button]:not(:last-child){margin-right:1px}:host.borderSeparator ::ng-deep [lx-button]:not(:last-child){border-right:none!important}:host.borderSeparator ::ng-deep [lx-button]:not(:last-child):hover{border-right:none!important}:host ::ng-deep [lx-button]:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}:host ::ng-deep [lx-button]:not(:first-of-type){border-top-left-radius:0;border-bottom-left-radius:0}:host ::ng-deep lx-options-dropdown button[lx-button]:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}\n"] }]
19
- }], propDecorators: { separator: [{
20
- type: Input
21
- }], hasMarginSeperator: [{
22
- type: HostBinding,
23
- args: ['class.marginSeparator']
24
- }], hasBorderSeparator: [{
25
- type: HostBinding,
26
- args: ['class.borderSeparator']
27
- }] } });
28
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9idXR0b24tZ3JvdXAvYnV0dG9uLWdyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9idXR0b24tZ3JvdXAvYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFROUQsTUFBTSxPQUFPLG9CQUFvQjtJQU5qQztRQVFFLGNBQVMsR0FBd0IsUUFBUSxDQUFDO0tBVzNDO0lBVEMsSUFDVyxrQkFBa0I7UUFDM0IsT0FBTyxJQUFJLENBQUMsU0FBUyxLQUFLLFFBQVEsQ0FBQztJQUNyQyxDQUFDO0lBRUQsSUFDVyxrQkFBa0I7UUFDM0IsT0FBTyxJQUFJLENBQUMsU0FBUyxLQUFLLFFBQVEsQ0FBQztJQUNyQyxDQUFDOzhHQVpVLG9CQUFvQjtrR0FBcEIsb0JBQW9CLGlQQ1JqQyxrQkFDQTs7MkZET2Esb0JBQW9CO2tCQU5oQyxTQUFTOytCQUNFLGlCQUFpQixjQUdmLElBQUk7OEJBSWhCLFNBQVM7c0JBRFIsS0FBSztnQkFJSyxrQkFBa0I7c0JBRDVCLFdBQVc7dUJBQUMsdUJBQXVCO2dCQU16QixrQkFBa0I7c0JBRDVCLFdBQVc7dUJBQUMsdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbHgtYnV0dG9uLWdyb3VwJyxcbiAgdGVtcGxhdGVVcmw6ICdidXR0b24tZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWVcbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uR3JvdXBDb21wb25lbnQge1xuICBASW5wdXQoKVxuICBzZXBhcmF0b3I6ICdtYXJnaW4nIHwgJ2JvcmRlcicgPSAnbWFyZ2luJztcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLm1hcmdpblNlcGFyYXRvcicpXG4gIHB1YmxpYyBnZXQgaGFzTWFyZ2luU2VwZXJhdG9yKCkge1xuICAgIHJldHVybiB0aGlzLnNlcGFyYXRvciA9PT0gJ21hcmdpbic7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmJvcmRlclNlcGFyYXRvcicpXG4gIHB1YmxpYyBnZXQgaGFzQm9yZGVyU2VwYXJhdG9yKCkge1xuICAgIHJldHVybiB0aGlzLnNlcGFyYXRvciA9PT0gJ2JvcmRlcic7XG4gIH1cbn1cbiIsIjxuZy1jb250ZW50IC8+XG4iXX0=
@@ -1,26 +0,0 @@
1
- import { Component, HostBinding, Input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * Card component is a container component that can be used to display content in a card-like style.
5
- * This documentation provides details on the usage and configuration of the Card Component.
6
- */
7
- export class CardComponent {
8
- constructor() {
9
- /**
10
- * The style of the card.
11
- */
12
- this.dataStyle = 'white';
13
- }
14
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
15
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: CardComponent, isStandalone: true, selector: "lx-card", inputs: { dataStyle: "dataStyle" }, host: { properties: { "attr.data-style": "this.dataStyle" } }, ngImport: i0, template: "<ng-content />\n", styles: [":host{display:block;border-radius:2px;padding:12px}:host[data-style=white]{color:#526179;background-color:#fff;box-shadow:0 1px 3px #0003}\n"] }); }
16
- }
17
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: CardComponent, decorators: [{
18
- type: Component,
19
- args: [{ selector: 'lx-card', standalone: true, template: "<ng-content />\n", styles: [":host{display:block;border-radius:2px;padding:12px}:host[data-style=white]{color:#526179;background-color:#fff;box-shadow:0 1px 3px #0003}\n"] }]
20
- }], propDecorators: { dataStyle: [{
21
- type: Input
22
- }, {
23
- type: HostBinding,
24
- args: ['attr.data-style']
25
- }] } });
26
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi9jb3JlLXVpL2NvbXBvbmVudHMvY2FyZC9jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9jYXJkL2NhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUU5RDs7O0dBR0c7QUFPSCxNQUFNLE9BQU8sYUFBYTtJQU4xQjtRQU9FOztXQUVHO1FBQ3NDLGNBQVMsR0FBWSxPQUFPLENBQUM7S0FDdkU7OEdBTFksYUFBYTtrR0FBYixhQUFhLHNLQ1oxQixrQkFDQTs7MkZEV2EsYUFBYTtrQkFOekIsU0FBUzsrQkFDRSxTQUFTLGNBR1AsSUFBSTs4QkFNeUIsU0FBUztzQkFBakQsS0FBSzs7c0JBQUksV0FBVzt1QkFBQyxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIENhcmQgY29tcG9uZW50IGlzIGEgY29udGFpbmVyIGNvbXBvbmVudCB0aGF0IGNhbiBiZSB1c2VkIHRvIGRpc3BsYXkgY29udGVudCBpbiBhIGNhcmQtbGlrZSBzdHlsZS5cbiAqIFRoaXMgZG9jdW1lbnRhdGlvbiBwcm92aWRlcyBkZXRhaWxzIG9uIHRoZSB1c2FnZSBhbmQgY29uZmlndXJhdGlvbiBvZiB0aGUgQ2FyZCBDb21wb25lbnQuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2x4LWNhcmQnLFxuICB0ZW1wbGF0ZVVybDogJ2NhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnY2FyZC5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIENhcmRDb21wb25lbnQge1xuICAvKipcbiAgICogVGhlIHN0eWxlIG9mIHRoZSBjYXJkLlxuICAgKi9cbiAgQElucHV0KCkgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtc3R5bGUnKSBkYXRhU3R5bGU6ICd3aGl0ZScgPSAnd2hpdGUnO1xufVxuIiwiPG5nLWNvbnRlbnQgLz5cbiJdfQ==
@@ -1,52 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, HostListener, Input, Output } from '@angular/core';
2
- import { ButtonComponent } from '../button/button.component';
3
- import * as i0 from "@angular/core";
4
- export class CollapsibleComponent {
5
- constructor() {
6
- this.NAME = 'CollapsibleComponent';
7
- this.disableSectionToggle = false;
8
- this.hideSectionToggle = false;
9
- this.toggleSize = 'small';
10
- this.toggleTitle = '';
11
- this.collapsed = false;
12
- this.collapsedChange = new EventEmitter();
13
- }
14
- get notClickable() {
15
- return this.disableSectionToggle || this.hideSectionToggle;
16
- }
17
- onClick(event) {
18
- this.onToggleSection(event);
19
- }
20
- onToggleSection(event) {
21
- if (!this.disableSectionToggle && !this.hideSectionToggle) {
22
- event.stopPropagation();
23
- this.collapsed = !this.collapsed;
24
- this.collapsedChange.emit(this.collapsed);
25
- }
26
- }
27
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: CollapsibleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
28
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: CollapsibleComponent, isStandalone: true, selector: "lx-collapsible", inputs: { disableSectionToggle: "disableSectionToggle", hideSectionToggle: "hideSectionToggle", toggleSize: "toggleSize", toggleTitle: "toggleTitle", collapsed: "collapsed" }, outputs: { collapsedChange: "collapsedChange" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.notClickable": "this.notClickable" } }, ngImport: i0, template: "@if (!hideSectionToggle) {\n <button\n lx-button\n mode=\"link\"\n [title]=\"toggleTitle\"\n [size]=\"toggleSize\"\n class=\"sectionToggle\"\n [class.collapsed]=\"collapsed\"\n type=\"button\"\n [disabled]=\"disableSectionToggle\"\n [square]=\"true\"\n icon=\"fa-angle-down\"\n (click)=\"onToggleSection($event)\"\n ></button>\n}\n<div class=\"collapsible-title\">\n <ng-content />\n</div>\n", styles: [":host{position:relative;cursor:pointer;display:flex;border-bottom:1px solid #e1e5eb;margin-bottom:4px}:host.notClickable{cursor:default}.sectionToggle{font-size:18px;width:32px;align-self:center;transition:transform .2s linear}.sectionToggle.collapsed{transform:rotate(-90deg)}.collapsible-title{width:100%;align-self:center}:host(.align-left) .sectionToggle{text-align:left;width:24px}:host-context(lx-fact-sheet-section.transformationsRedesign){border-bottom-color:#c2c9d6;padding-bottom:8px}:host-context(lx-fact-sheet-section.transformationsRedesign) .sectionToggle{font-size:var(--lxFontLargeSize, 16px);width:20px;height:20px;min-width:20px;text-align:left}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[lx-button]", inputs: ["size", "color", "mode", "pressed", "selected", "square", "circle", "disabled", "icon", "endIcon", "showSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
29
- }
30
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: CollapsibleComponent, decorators: [{
31
- type: Component,
32
- args: [{ selector: 'lx-collapsible', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ButtonComponent], template: "@if (!hideSectionToggle) {\n <button\n lx-button\n mode=\"link\"\n [title]=\"toggleTitle\"\n [size]=\"toggleSize\"\n class=\"sectionToggle\"\n [class.collapsed]=\"collapsed\"\n type=\"button\"\n [disabled]=\"disableSectionToggle\"\n [square]=\"true\"\n icon=\"fa-angle-down\"\n (click)=\"onToggleSection($event)\"\n ></button>\n}\n<div class=\"collapsible-title\">\n <ng-content />\n</div>\n", styles: [":host{position:relative;cursor:pointer;display:flex;border-bottom:1px solid #e1e5eb;margin-bottom:4px}:host.notClickable{cursor:default}.sectionToggle{font-size:18px;width:32px;align-self:center;transition:transform .2s linear}.sectionToggle.collapsed{transform:rotate(-90deg)}.collapsible-title{width:100%;align-self:center}:host(.align-left) .sectionToggle{text-align:left;width:24px}:host-context(lx-fact-sheet-section.transformationsRedesign){border-bottom-color:#c2c9d6;padding-bottom:8px}:host-context(lx-fact-sheet-section.transformationsRedesign) .sectionToggle{font-size:var(--lxFontLargeSize, 16px);width:20px;height:20px;min-width:20px;text-align:left}\n"] }]
33
- }], propDecorators: { disableSectionToggle: [{
34
- type: Input
35
- }], hideSectionToggle: [{
36
- type: Input
37
- }], toggleSize: [{
38
- type: Input
39
- }], toggleTitle: [{
40
- type: Input
41
- }], collapsed: [{
42
- type: Input
43
- }], collapsedChange: [{
44
- type: Output
45
- }], notClickable: [{
46
- type: HostBinding,
47
- args: ['class.notClickable']
48
- }], onClick: [{
49
- type: HostListener,
50
- args: ['click', ['$event']]
51
- }] } });
52
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2libGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvY29yZS11aS9jb21wb25lbnRzL2NvbGxhcHNpYmxlL2NvbGxhcHNpYmxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9jb2xsYXBzaWJsZS9jb2xsYXBzaWJsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0gsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDRCQUE0QixDQUFDOztBQVU3RCxNQUFNLE9BQU8sb0JBQW9CO0lBUmpDO1FBU1csU0FBSSxHQUFHLHNCQUFzQixDQUFDO1FBRTlCLHlCQUFvQixHQUFHLEtBQUssQ0FBQztRQUM3QixzQkFBaUIsR0FBRyxLQUFLLENBQUM7UUFDMUIsZUFBVSxHQUE0QixPQUFPLENBQUM7UUFDOUMsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFFakIsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUMxQixvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7S0FtQnpEO0lBakJDLElBQ0ksWUFBWTtRQUNkLE9BQU8sSUFBSSxDQUFDLG9CQUFvQixJQUFJLElBQUksQ0FBQyxpQkFBaUIsQ0FBQztJQUM3RCxDQUFDO0lBR0QsT0FBTyxDQUFDLEtBQWlCO1FBQ3ZCLElBQUksQ0FBQyxlQUFlLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVELGVBQWUsQ0FBQyxLQUFpQjtRQUMvQixJQUFJLENBQUMsSUFBSSxDQUFDLG9CQUFvQixJQUFJLENBQUMsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7WUFDMUQsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1lBQ3hCLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDO1lBQ2pDLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUM1QyxDQUFDO0lBQ0gsQ0FBQzs4R0EzQlUsb0JBQW9CO2tHQUFwQixvQkFBb0IsMlpDWGpDLDZhQWtCQSxtdEJEVFksZUFBZTs7MkZBRWQsb0JBQW9CO2tCQVJoQyxTQUFTOytCQUNFLGdCQUFnQixtQkFHVCx1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUCxDQUFDLGVBQWUsQ0FBQzs4QkFLakIsb0JBQW9CO3NCQUE1QixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUcsU0FBUztzQkFBakIsS0FBSztnQkFDSSxlQUFlO3NCQUF4QixNQUFNO2dCQUdILFlBQVk7c0JBRGYsV0FBVzt1QkFBQyxvQkFBb0I7Z0JBTWpDLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbHgtY29sbGFwc2libGUnLFxuICB0ZW1wbGF0ZVVybDogJ2NvbGxhcHNpYmxlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ2NvbGxhcHNpYmxlLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQnV0dG9uQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBDb2xsYXBzaWJsZUNvbXBvbmVudCB7XG4gIHJlYWRvbmx5IE5BTUUgPSAnQ29sbGFwc2libGVDb21wb25lbnQnO1xuXG4gIEBJbnB1dCgpIGRpc2FibGVTZWN0aW9uVG9nZ2xlID0gZmFsc2U7XG4gIEBJbnB1dCgpIGhpZGVTZWN0aW9uVG9nZ2xlID0gZmFsc2U7XG4gIEBJbnB1dCgpIHRvZ2dsZVNpemU6IEJ1dHRvbkNvbXBvbmVudFsnc2l6ZSddID0gJ3NtYWxsJztcbiAgQElucHV0KCkgdG9nZ2xlVGl0bGUgPSAnJztcblxuICBASW5wdXQoKSBjb2xsYXBzZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQE91dHB1dCgpIGNvbGxhcHNlZENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLm5vdENsaWNrYWJsZScpXG4gIGdldCBub3RDbGlja2FibGUoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuZGlzYWJsZVNlY3Rpb25Ub2dnbGUgfHwgdGhpcy5oaWRlU2VjdGlvblRvZ2dsZTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJywgWyckZXZlbnQnXSlcbiAgb25DbGljayhldmVudDogTW91c2VFdmVudCkge1xuICAgIHRoaXMub25Ub2dnbGVTZWN0aW9uKGV2ZW50KTtcbiAgfVxuXG4gIG9uVG9nZ2xlU2VjdGlvbihldmVudDogTW91c2VFdmVudCkge1xuICAgIGlmICghdGhpcy5kaXNhYmxlU2VjdGlvblRvZ2dsZSAmJiAhdGhpcy5oaWRlU2VjdGlvblRvZ2dsZSkge1xuICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICB0aGlzLmNvbGxhcHNlZCA9ICF0aGlzLmNvbGxhcHNlZDtcbiAgICAgIHRoaXMuY29sbGFwc2VkQ2hhbmdlLmVtaXQodGhpcy5jb2xsYXBzZWQpO1xuICAgIH1cbiAgfVxufVxuIiwiQGlmICghaGlkZVNlY3Rpb25Ub2dnbGUpIHtcbiAgPGJ1dHRvblxuICAgIGx4LWJ1dHRvblxuICAgIG1vZGU9XCJsaW5rXCJcbiAgICBbdGl0bGVdPVwidG9nZ2xlVGl0bGVcIlxuICAgIFtzaXplXT1cInRvZ2dsZVNpemVcIlxuICAgIGNsYXNzPVwic2VjdGlvblRvZ2dsZVwiXG4gICAgW2NsYXNzLmNvbGxhcHNlZF09XCJjb2xsYXBzZWRcIlxuICAgIHR5cGU9XCJidXR0b25cIlxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlU2VjdGlvblRvZ2dsZVwiXG4gICAgW3NxdWFyZV09XCJ0cnVlXCJcbiAgICBpY29uPVwiZmEtYW5nbGUtZG93blwiXG4gICAgKGNsaWNrKT1cIm9uVG9nZ2xlU2VjdGlvbigkZXZlbnQpXCJcbiAgPjwvYnV0dG9uPlxufVxuPGRpdiBjbGFzcz1cImNvbGxhcHNpYmxlLXRpdGxlXCI+XG4gIDxuZy1jb250ZW50IC8+XG48L2Rpdj5cbiJdfQ==
@@ -1,30 +0,0 @@
1
- import { NgClass } from '@angular/common';
2
- import { Component, Input } from '@angular/core';
3
- import * as i0 from "@angular/core";
4
- /**
5
- * Counter component is used to create a counter with different styles and sizes.
6
- */
7
- export class CounterComponent {
8
- constructor() {
9
- /** The size of the counter. */
10
- this.size = 'default';
11
- /** The color of the counter. */
12
- this.color = 'primary';
13
- }
14
- get classes() {
15
- return `${this.size} ${this.color}`;
16
- }
17
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: CounterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
18
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: CounterComponent, isStandalone: true, selector: "lx-counter", inputs: { content: "content", size: "size", color: "color" }, ngImport: i0, template: "<span class=\"content\" [ngClass]=\"classes\">{{ content }}</span>\n", styles: [":host{display:inline-block}.content{display:inline-block;text-align:center;font-weight:var(--lxFontBold, 700)}.default{min-width:20px;line-height:20px;padding:0 6px;font-size:var(--lxFontSmallSize, 12px);border-radius:10px}.small{min-width:16px;line-height:16px;padding:0 4px;font-size:var(--lxFontSmallSize, 12px);border-radius:8px}.primary{background-color:var(--lx-primarybutton-backgroundcolor);color:var(--lx-primarybutton-fontcolor)}.gray{background-color:#f0f2f5;color:#2a303d;font-weight:400}.darkgray{background-color:#2a303d;color:#fff}.green{background-color:#33cc58;color:#fff}.red{background-color:#f96464;color:#fff}.yellow{background-color:#ffb62a;color:#fff}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
19
- }
20
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: CounterComponent, decorators: [{
21
- type: Component,
22
- args: [{ selector: 'lx-counter', standalone: true, imports: [NgClass], template: "<span class=\"content\" [ngClass]=\"classes\">{{ content }}</span>\n", styles: [":host{display:inline-block}.content{display:inline-block;text-align:center;font-weight:var(--lxFontBold, 700)}.default{min-width:20px;line-height:20px;padding:0 6px;font-size:var(--lxFontSmallSize, 12px);border-radius:10px}.small{min-width:16px;line-height:16px;padding:0 4px;font-size:var(--lxFontSmallSize, 12px);border-radius:8px}.primary{background-color:var(--lx-primarybutton-backgroundcolor);color:var(--lx-primarybutton-fontcolor)}.gray{background-color:#f0f2f5;color:#2a303d;font-weight:400}.darkgray{background-color:#2a303d;color:#fff}.green{background-color:#33cc58;color:#fff}.red{background-color:#f96464;color:#fff}.yellow{background-color:#ffb62a;color:#fff}\n"] }]
23
- }], propDecorators: { content: [{
24
- type: Input
25
- }], size: [{
26
- type: Input
27
- }], color: [{
28
- type: Input
29
- }] } });
30
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY291bnRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi9jb3JlLXVpL2NvbXBvbmVudHMvY291bnRlci9jb3VudGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9jb3VudGVyL2NvdW50ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUVqRDs7R0FFRztBQVFILE1BQU0sT0FBTyxnQkFBZ0I7SUFQN0I7UUFVRSwrQkFBK0I7UUFDdEIsU0FBSSxHQUF3QixTQUFTLENBQUM7UUFDL0MsZ0NBQWdDO1FBQ3ZCLFVBQUssR0FBaUUsU0FBUyxDQUFDO0tBSzFGO0lBSEMsSUFBSSxPQUFPO1FBQ1QsT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ3RDLENBQUM7OEdBVlUsZ0JBQWdCO2tHQUFoQixnQkFBZ0Isb0lDYjdCLHNFQUNBLDh0QkRVWSxPQUFPOzsyRkFFTixnQkFBZ0I7a0JBUDVCLFNBQVM7K0JBQ0UsWUFBWSxjQUdWLElBQUksV0FDUCxDQUFDLE9BQU8sQ0FBQzs4QkFJVCxPQUFPO3NCQUFmLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUVHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nQ2xhc3MgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIENvdW50ZXIgY29tcG9uZW50IGlzIHVzZWQgdG8gY3JlYXRlIGEgY291bnRlciB3aXRoIGRpZmZlcmVudCBzdHlsZXMgYW5kIHNpemVzLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdseC1jb3VudGVyJyxcbiAgdGVtcGxhdGVVcmw6ICdjb3VudGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ2NvdW50ZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nQ2xhc3NdXG59KVxuZXhwb3J0IGNsYXNzIENvdW50ZXJDb21wb25lbnQge1xuICAvKiogVGhlIGNvbnRlbnQgb2YgdGhlIGNvdW50ZXIuICovXG4gIEBJbnB1dCgpIGNvbnRlbnQ/OiBzdHJpbmcgfCBudW1iZXI7XG4gIC8qKiBUaGUgc2l6ZSBvZiB0aGUgY291bnRlci4gKi9cbiAgQElucHV0KCkgc2l6ZTogJ2RlZmF1bHQnIHwgJ3NtYWxsJyA9ICdkZWZhdWx0JztcbiAgLyoqIFRoZSBjb2xvciBvZiB0aGUgY291bnRlci4gKi9cbiAgQElucHV0KCkgY29sb3I6ICdwcmltYXJ5JyB8ICdncmF5JyB8ICdkYXJrZ3JheScgfCAncmVkJyB8ICd5ZWxsb3cnIHwgJ2dyZWVuJyA9ICdwcmltYXJ5JztcblxuICBnZXQgY2xhc3NlcygpIHtcbiAgICByZXR1cm4gYCR7dGhpcy5zaXplfSAke3RoaXMuY29sb3J9YDtcbiAgfVxufVxuIiwiPHNwYW4gY2xhc3M9XCJjb250ZW50XCIgW25nQ2xhc3NdPVwiY2xhc3Nlc1wiPnt7IGNvbnRlbnQgfX08L3NwYW4+XG4iXX0=