@leanix/components 0.4.531 → 0.4.532
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.
- package/fesm2022/leanix-components.mjs +365 -365
- package/fesm2022/leanix-components.mjs.map +1 -1
- package/lib/core-ui/tooltip/tooltip.directive.d.ts +1 -1
- package/lib/forms-ui/components/keyboard-select.directive.d.ts +1 -1
- package/lib/forms-ui/models/base-select.directive.d.ts +1 -1
- package/lib/tab-ui/components/tab-group/tab-group.component.d.ts +1 -1
- package/package.json +10 -14
- package/esm2022/index.mjs +0 -145
- package/esm2022/leanix-components.mjs +0 -5
- package/esm2022/lib/core-ui/components/avatar/avatar.component.mjs +0 -40
- package/esm2022/lib/core-ui/components/avatar/avatar.helpers.mjs +0 -49
- package/esm2022/lib/core-ui/components/avatar/avatar.model.mjs +0 -33
- package/esm2022/lib/core-ui/components/avatar-group/avatar-group.component.mjs +0 -75
- package/esm2022/lib/core-ui/components/badge/badge.component.mjs +0 -58
- package/esm2022/lib/core-ui/components/banner/banner.component.mjs +0 -68
- package/esm2022/lib/core-ui/components/banner/banner.models.mjs +0 -12
- package/esm2022/lib/core-ui/components/button/button.component.mjs +0 -179
- package/esm2022/lib/core-ui/components/button-group/button-group.component.mjs +0 -28
- package/esm2022/lib/core-ui/components/card/card.component.mjs +0 -26
- package/esm2022/lib/core-ui/components/collapsible/collapsible.component.mjs +0 -52
- package/esm2022/lib/core-ui/components/counter/counter.component.mjs +0 -30
- package/esm2022/lib/core-ui/components/ellipsis/ellipsis.component.mjs +0 -143
- package/esm2022/lib/core-ui/components/empty-state/empty-state.component.mjs +0 -41
- package/esm2022/lib/core-ui/components/icon-scale/icon-scale.component.mjs +0 -36
- package/esm2022/lib/core-ui/components/skeleton/skeleton.component.mjs +0 -44
- package/esm2022/lib/core-ui/components/spinner/spinner.component.mjs +0 -26
- package/esm2022/lib/core-ui/components/stepper/stepper.component.mjs +0 -70
- package/esm2022/lib/core-ui/components/table/table-header/table-header.component.mjs +0 -128
- package/esm2022/lib/core-ui/components/table/table.component.mjs +0 -77
- package/esm2022/lib/core-ui/components/tiny-spinner/tiny-spinner.component.mjs +0 -14
- package/esm2022/lib/core-ui/components/tokenizer/token/token.component.mjs +0 -20
- package/esm2022/lib/core-ui/components/tokenizer/tokenizer-overflow-popover/tokenizer-overflow-popover.component.mjs +0 -44
- package/esm2022/lib/core-ui/components/tokenizer/tokenizer.component.mjs +0 -149
- package/esm2022/lib/core-ui/core-ui.constants.mjs +0 -240
- package/esm2022/lib/core-ui/core-ui.module.mjs +0 -206
- package/esm2022/lib/core-ui/directives/after-view-init.directive.mjs +0 -33
- package/esm2022/lib/core-ui/directives/autoclose-group.service.mjs +0 -39
- package/esm2022/lib/core-ui/directives/autoclose.directive.mjs +0 -43
- package/esm2022/lib/core-ui/directives/autofocus.directive.mjs +0 -36
- package/esm2022/lib/core-ui/functions/core-css.helpers.mjs +0 -52
- package/esm2022/lib/core-ui/functions/highlight-text.function.mjs +0 -80
- package/esm2022/lib/core-ui/linkify/linkify.pipe.mjs +0 -146
- package/esm2022/lib/core-ui/linkify/unlinkify.pipe.mjs +0 -51
- package/esm2022/lib/core-ui/pipes/br.pipe.mjs +0 -24
- package/esm2022/lib/core-ui/pipes/contrast-color.pipe.mjs +0 -21
- package/esm2022/lib/core-ui/pipes/custom-date.pipe.mjs +0 -28
- package/esm2022/lib/core-ui/pipes/display-avatars.pipe.mjs +0 -37
- package/esm2022/lib/core-ui/pipes/highlight-range.pipe.mjs +0 -29
- package/esm2022/lib/core-ui/pipes/highlight-term.pipe.mjs +0 -57
- package/esm2022/lib/core-ui/pipes/lx-is-uuid.pipe.mjs +0 -22
- package/esm2022/lib/core-ui/pipes/lx-time-ago.pipe.mjs +0 -29
- package/esm2022/lib/core-ui/pipes/lx-translate.pipe.mjs +0 -50
- package/esm2022/lib/core-ui/pipes/markdown.pipe.mjs +0 -32
- package/esm2022/lib/core-ui/pipes/nbsp.pipe.mjs +0 -17
- package/esm2022/lib/core-ui/pipes/sort.pipe.mjs +0 -55
- package/esm2022/lib/core-ui/pipes/translation-after.pipe.mjs +0 -29
- package/esm2022/lib/core-ui/pipes/translation-before.pipe.mjs +0 -54
- package/esm2022/lib/core-ui/pipes/translation-between.pipe.mjs +0 -68
- package/esm2022/lib/core-ui/pipes/unescape-curly-braces.pipe.mjs +0 -17
- package/esm2022/lib/core-ui/services/resize-observer.service.mjs +0 -112
- package/esm2022/lib/core-ui/tooltip/to-cdk-position.function.mjs +0 -74
- package/esm2022/lib/core-ui/tooltip/tooltip-position.interface.mjs +0 -7
- package/esm2022/lib/core-ui/tooltip/tooltip.component.mjs +0 -26
- package/esm2022/lib/core-ui/tooltip/tooltip.directive.mjs +0 -117
- package/esm2022/lib/forms-ui/components/basic-dropdown/basic-dropdown.component.mjs +0 -139
- package/esm2022/lib/forms-ui/components/basic-dropdown-item/basic-dropdown-item.component.mjs +0 -38
- package/esm2022/lib/forms-ui/components/breadcrumb/breadcrumb.component.mjs +0 -55
- package/esm2022/lib/forms-ui/components/cdk-options-dropdown/cdk-options-dropdown.component.mjs +0 -215
- package/esm2022/lib/forms-ui/components/cdk-options-sub-dropdown/cdk-options-sub-dropdown.component.mjs +0 -135
- package/esm2022/lib/forms-ui/components/currency/currency-input.component.mjs +0 -159
- package/esm2022/lib/forms-ui/components/currency/currency-symbol-map.constant.mjs +0 -105
- package/esm2022/lib/forms-ui/components/currency/currency-symbol.component.mjs +0 -24
- package/esm2022/lib/forms-ui/components/date-input/date-input.component.mjs +0 -347
- package/esm2022/lib/forms-ui/components/date-picker-ui/date-formatter.mjs +0 -8
- package/esm2022/lib/forms-ui/components/date-picker-ui/datepicker-inner.component.mjs +0 -312
- package/esm2022/lib/forms-ui/components/date-picker-ui/datepicker-ui.module.mjs +0 -20
- package/esm2022/lib/forms-ui/components/date-picker-ui/datepicker.component.mjs +0 -206
- package/esm2022/lib/forms-ui/components/date-picker-ui/datepicker.config.mjs +0 -29
- package/esm2022/lib/forms-ui/components/date-picker-ui/daypicker.component.mjs +0 -319
- package/esm2022/lib/forms-ui/components/date-picker-ui/isBs3.mjs +0 -2
- package/esm2022/lib/forms-ui/components/date-picker-ui/monthpicker.component.mjs +0 -149
- package/esm2022/lib/forms-ui/components/date-picker-ui/yearpicker.component.mjs +0 -151
- package/esm2022/lib/forms-ui/components/drag-and-drop-list/constants.mjs +0 -5
- package/esm2022/lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list-item/drag-and-drop-list-item.component.mjs +0 -49
- package/esm2022/lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list.component.mjs +0 -120
- package/esm2022/lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list.module.mjs +0 -39
- package/esm2022/lib/forms-ui/components/drag-and-drop-list/keyboard-sortable-item/keyboard-sortable-item.directive.mjs +0 -137
- package/esm2022/lib/forms-ui/components/drag-and-drop-list/keyboard-sortable-list/keyboard-sortable-list.directive.mjs +0 -38
- package/esm2022/lib/forms-ui/components/error-message/error-message.component.mjs +0 -16
- package/esm2022/lib/forms-ui/components/expanded-dropdown/expanded-dropdown.component.mjs +0 -26
- package/esm2022/lib/forms-ui/components/form-error/form-error.component.mjs +0 -44
- package/esm2022/lib/forms-ui/components/icon/icon.component.mjs +0 -45
- package/esm2022/lib/forms-ui/components/input/input.component.mjs +0 -48
- package/esm2022/lib/forms-ui/components/keyboard-select.directive.mjs +0 -126
- package/esm2022/lib/forms-ui/components/multi-select/multi-select-selection/multi-select-selection.component.mjs +0 -28
- package/esm2022/lib/forms-ui/components/multi-select/multi-select.component.mjs +0 -318
- package/esm2022/lib/forms-ui/components/option/option.component.mjs +0 -99
- package/esm2022/lib/forms-ui/components/option-group/option-group.component.mjs +0 -29
- package/esm2022/lib/forms-ui/components/option-group-dropdown/option-group-dropdown.component.mjs +0 -123
- package/esm2022/lib/forms-ui/components/options-dropdown/options-dropdown.component.mjs +0 -297
- package/esm2022/lib/forms-ui/components/options-sub-dropdown/options-sub-dropdown.component.mjs +0 -94
- package/esm2022/lib/forms-ui/components/picker/picker-trigger.directive.mjs +0 -47
- package/esm2022/lib/forms-ui/components/picker/picker.component.mjs +0 -218
- package/esm2022/lib/forms-ui/components/picker-option/picker-option.component.mjs +0 -118
- package/esm2022/lib/forms-ui/components/pill-item/pill-item.component.mjs +0 -33
- package/esm2022/lib/forms-ui/components/pill-list/pill-list.component.mjs +0 -58
- package/esm2022/lib/forms-ui/components/responsive-input/responsive-input.component.mjs +0 -101
- package/esm2022/lib/forms-ui/components/select-list/select-list.component.mjs +0 -178
- package/esm2022/lib/forms-ui/components/single-select/single-select.component.mjs +0 -290
- package/esm2022/lib/forms-ui/components/sorting-dropdown/sorting-dropdown.component.mjs +0 -71
- package/esm2022/lib/forms-ui/components/sorting-dropdown-trigger/sorting-dropdown-trigger.component.mjs +0 -21
- package/esm2022/lib/forms-ui/components/switch/switch.component.mjs +0 -51
- package/esm2022/lib/forms-ui/directives/contenteditable.directive.mjs +0 -130
- package/esm2022/lib/forms-ui/directives/form-error.directive.mjs +0 -121
- package/esm2022/lib/forms-ui/directives/form-submit.directive.mjs +0 -29
- package/esm2022/lib/forms-ui/directives/keyboard-action-source.directive.mjs +0 -63
- package/esm2022/lib/forms-ui/directives/mark-invalid.directive.mjs +0 -39
- package/esm2022/lib/forms-ui/directives/max-length-counter.directive.mjs +0 -131
- package/esm2022/lib/forms-ui/directives/select-dropdown.directive.mjs +0 -32
- package/esm2022/lib/forms-ui/directives/selectable-item.directive.mjs +0 -34
- package/esm2022/lib/forms-ui/directives/selected-option.directive.mjs +0 -27
- package/esm2022/lib/forms-ui/forms-ui.module.mjs +0 -270
- package/esm2022/lib/forms-ui/helpers/key-codes.constants.mjs +0 -13
- package/esm2022/lib/forms-ui/helpers/keyboard-navigation.helpers.mjs +0 -38
- package/esm2022/lib/forms-ui/models/base-select.directive.mjs +0 -183
- package/esm2022/lib/forms-ui/models/dropdown-item.interface.mjs +0 -2
- package/esm2022/lib/forms-ui/models/single-select-padding.interface.mjs +0 -2
- package/esm2022/lib/forms-ui/models/sorting.interface.mjs +0 -7
- package/esm2022/lib/forms-ui/pipes/filter-selection.pipe.mjs +0 -33
- package/esm2022/lib/forms-ui/pipes/filter-term.pipe.mjs +0 -29
- package/esm2022/lib/forms-ui/pipes/format-number.pipe.mjs +0 -66
- package/esm2022/lib/forms-ui/validators/date-in-foreseeable-future.validator.mjs +0 -26
- package/esm2022/lib/forms-ui/validators/string-not-in-array.validator.mjs +0 -30
- package/esm2022/lib/modal-ui/components/modal/modal.component.mjs +0 -264
- package/esm2022/lib/modal-ui/components/modal-footer/modal-footer.component.mjs +0 -16
- package/esm2022/lib/modal-ui/components/modal-header/modal-header.component.mjs +0 -19
- package/esm2022/lib/modal-ui/directives/modal-content.directive.mjs +0 -14
- package/esm2022/lib/modal-ui/modal.constants.mjs +0 -18
- package/esm2022/lib/modal-ui/modal.module.mjs +0 -47
- package/esm2022/lib/popover-ui/components/popover/popover.component.mjs +0 -228
- package/esm2022/lib/popover-ui/directives/popover-click.directive.mjs +0 -52
- package/esm2022/lib/popover-ui/directives/popover-content.directive.mjs +0 -17
- package/esm2022/lib/popover-ui/directives/popover-hover.directive.mjs +0 -88
- package/esm2022/lib/popover-ui/popover-ui.module.mjs +0 -21
- package/esm2022/lib/shared/date-helpers.mjs +0 -35
- package/esm2022/lib/shared/html-helpers.function.mjs +0 -34
- package/esm2022/lib/shared/misc-helpers.mjs +0 -24
- package/esm2022/lib/shared/observe.mjs +0 -40
- package/esm2022/lib/tab-ui/components/tab/tab.component.mjs +0 -118
- package/esm2022/lib/tab-ui/components/tab-group/tab-group-key-codes.enum.mjs +0 -12
- package/esm2022/lib/tab-ui/components/tab-group/tab-group.component.mjs +0 -150
- package/esm2022/lib/tab-ui/tab-ui.module.mjs +0 -20
- package/esm2022/ui5/icons/lx-icons.json +0 -177
- package/esm2022/ui5/icons/register-icons.mjs +0 -14
- package/esm2022/ui5/index.mjs +0 -8
- package/esm2022/ui5/leanix-components-ui5.mjs +0 -5
- 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=
|