myrta-ui 13.0.37 → 13.0.39
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/esm2020/lib/components/alert/alert.component.mjs +6 -6
- package/esm2020/lib/components/alert/alert.enum.mjs +1 -1
- package/esm2020/lib/components/badges/badge.enum.mjs +1 -1
- package/esm2020/lib/components/badges/badges.module.mjs +3 -7
- package/esm2020/lib/components/badges/components/badge/badge.component.mjs +10 -12
- package/esm2020/lib/components/breadcrumbs/breadcrumbs.component.mjs +4 -4
- package/esm2020/lib/components/breadcrumbs/breadcrumbs.enum.mjs +1 -1
- package/esm2020/lib/components/breadcrumbs/breadcrumbs.module.mjs +5 -13
- package/esm2020/lib/components/button/button.component.mjs +7 -10
- package/esm2020/lib/components/button/button.enum.mjs +1 -1
- package/esm2020/lib/components/cdk-tooltip/cdk-tooltip/tooltip-container.component.mjs +4 -4
- package/esm2020/lib/components/cdk-tooltip/cdk-tooltip.directive.mjs +21 -21
- package/esm2020/lib/components/cdk-tooltip/constants/index.mjs +1 -1
- package/esm2020/lib/components/cdk-tooltip/models/tooltip-data.mjs +1 -1
- package/esm2020/lib/components/chars-left/chars-left.component.mjs +3 -3
- package/esm2020/lib/components/dropdown/directives/hide-after-click.directive.mjs +4 -4
- package/esm2020/lib/components/dropdown/dropdown.component.mjs +64 -39
- package/esm2020/lib/components/dropdown/dropdown.module.mjs +4 -5
- package/esm2020/lib/components/error-message/error-message.component.mjs +4 -4
- package/esm2020/lib/components/form/checkbox/checkbox.component.mjs +17 -17
- package/esm2020/lib/components/form/checkbox/checkbox.enum.mjs +1 -1
- package/esm2020/lib/components/form/checkbox-group/checkbox-group.component.mjs +33 -53
- package/esm2020/lib/components/form/checkbox-group/components/checkbox-group-header/checkbox-group-header.component.mjs +4 -4
- package/esm2020/lib/components/form/checkbox-group/components/checkbox-group-item/checkbox-group-item.component.mjs +16 -16
- package/esm2020/lib/components/form/checkbox-group/helpers/change-group-value.mjs +1 -1
- package/esm2020/lib/components/form/checkbox-group/helpers/change-item-value.mjs +3 -7
- package/esm2020/lib/components/form/checkbox-group/helpers/filter-search-group.mjs +1 -1
- package/esm2020/lib/components/form/checkbox-group/helpers/get-checked-items.mjs +1 -1
- package/esm2020/lib/components/form/checkbox-group/helpers/get-inner-list.helper.mjs +1 -1
- package/esm2020/lib/components/form/checkbox-group/helpers/get-item-by-id.mjs +1 -1
- package/esm2020/lib/components/form/checkbox-group/helpers/get-sorted-list.mjs +1 -1
- package/esm2020/lib/components/form/checkbox-group/helpers/index.mjs +9 -0
- package/esm2020/lib/components/form/checkbox-group/helpers/inner-list-to-list.helper.mjs +1 -1
- package/esm2020/lib/components/form/checkbox-group/models/checkbox-group.model.mjs +1 -1
- package/esm2020/lib/components/form/document-editor/components/document-editor-preview-modal/document-editor-preview-modal.component.mjs +1 -1
- package/esm2020/lib/components/form/document-editor/document-editor.component.mjs +21 -20
- package/esm2020/lib/components/form/document-editor/helpers/transform-sysname.mjs +1 -11
- package/esm2020/lib/components/form/document-editor/models/document-editor-short-codes.model.mjs +2 -0
- package/esm2020/lib/components/form/editor/config/default-inline-style.mjs +1 -1
- package/esm2020/lib/components/form/editor/config/popups-toolbar.mjs +1 -1
- package/esm2020/lib/components/form/editor/editor.component.mjs +32 -32
- package/esm2020/lib/components/form/editor/editor.enum.mjs +1 -1
- package/esm2020/lib/components/form/editor/editor.module.mjs +1 -1
- package/esm2020/lib/components/form/editor/models/toolbar.model.mjs +1 -1
- package/esm2020/lib/components/form/input-select/input-select.component.mjs +10 -2
- package/esm2020/lib/components/gallery/components/gallery-item/gallery-item.component.mjs +1 -1
- package/esm2020/lib/components/gallery/gallery.component.mjs +2 -2
- package/esm2020/lib/components/paginator/paginator.component.mjs +1 -1
- package/esm2020/lib/components/pdf-viewer/pdf-viewer.component.mjs +2 -2
- package/esm2020/public-api.mjs +2 -2
- package/fesm2015/myrta-ui.mjs +363 -370
- package/fesm2015/myrta-ui.mjs.map +1 -1
- package/fesm2020/myrta-ui.mjs +362 -371
- package/fesm2020/myrta-ui.mjs.map +1 -1
- package/lib/components/alert/alert.component.d.ts +3 -3
- package/lib/components/alert/alert.enum.d.ts +1 -1
- package/lib/components/badges/badge.enum.d.ts +7 -7
- package/lib/components/badges/components/badge/badge.component.d.ts +3 -4
- package/lib/components/breadcrumbs/breadcrumbs.component.d.ts +1 -1
- package/lib/components/button/button.component.d.ts +4 -5
- package/lib/components/button/button.enum.d.ts +2 -2
- package/lib/components/cdk-tooltip/cdk-tooltip/tooltip-container.component.d.ts +1 -1
- package/lib/components/cdk-tooltip/cdk-tooltip.directive.d.ts +7 -7
- package/lib/components/dropdown/directives/hide-after-click.directive.d.ts +1 -1
- package/lib/components/dropdown/dropdown.component.d.ts +17 -9
- package/lib/components/dropdown/dropdown.module.d.ts +1 -2
- package/lib/components/error-message/error-message.component.d.ts +1 -1
- package/lib/components/form/checkbox/checkbox.component.d.ts +11 -11
- package/lib/components/form/checkbox-group/checkbox-group.component.d.ts +14 -21
- package/lib/components/form/checkbox-group/components/checkbox-group-header/checkbox-group-header.component.d.ts +1 -2
- package/lib/components/form/checkbox-group/components/checkbox-group-item/checkbox-group-item.component.d.ts +7 -10
- package/lib/components/form/checkbox-group/helpers/index.d.ts +8 -0
- package/lib/components/form/checkbox-group/models/checkbox-group.model.d.ts +7 -3
- package/lib/components/form/document-editor/document-editor.component.d.ts +9 -9
- package/lib/components/form/document-editor/helpers/transform-sysname.d.ts +1 -2
- package/lib/components/form/editor/editor.component.d.ts +13 -13
- package/lib/components/form/input-select/input-select.component.d.ts +5 -3
- package/package.json +1 -1
- package/public-api.d.ts +1 -1
- package/esm2020/lib/components/form/document-editor/models/document-editor-short-codes.enum.mjs +0 -2
- /package/lib/components/form/document-editor/models/{document-editor-short-codes.enum.d.ts → document-editor-short-codes.model.d.ts} +0 -0
|
@@ -13,21 +13,21 @@ export class AlertComponent {
|
|
|
13
13
|
this.showIcon = false;
|
|
14
14
|
this.close = new EventEmitter();
|
|
15
15
|
}
|
|
16
|
-
get
|
|
16
|
+
get classes() {
|
|
17
17
|
return `${AlertColorClasses[this.color] ?? ''} ${this.customClasses}`;
|
|
18
18
|
}
|
|
19
|
-
get
|
|
19
|
+
get iconClass() {
|
|
20
20
|
return `${AlertIconClasses[this.color]}`;
|
|
21
21
|
}
|
|
22
22
|
onCloseClick() {
|
|
23
|
-
this.close.emit(
|
|
23
|
+
this.close.emit();
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
26
|
AlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
27
|
-
AlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: AlertComponent, selector: "mrx-alert", inputs: { customClasses: "customClasses", color: "color", customColor: "customColor", message: "message", title: "title", closable: "closable", showIcon: "showIcon" }, outputs: { close: "close" }, ngImport: i0, template: "<div class=\"mrx-alert\" [class]=\"
|
|
27
|
+
AlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: AlertComponent, selector: "mrx-alert", inputs: { customClasses: "customClasses", color: "color", customColor: "customColor", message: "message", title: "title", closable: "closable", showIcon: "showIcon" }, outputs: { close: "close" }, ngImport: i0, template: "<div class=\"mrx-alert\" [class]=\"classes\" [style.background-color]=\"customColor\">\r\n <span\r\n *ngIf=\"closable\"\r\n class=\"mrx-icon icon-close icon-font-16\"\r\n (click)=\"onCloseClick()\"\r\n ></span>\r\n\r\n <div class=\"mrx-alert-wrapper\" [class.pr-3]=\"closable\">\r\n <span\r\n class=\"mrx-icon icon-alert icon-font-16 mrx-alert-icon\"\r\n [class]=\"iconClass\"\r\n ></span>\r\n\r\n <div class=\"mrx-alert-content\">\r\n <div class=\"mrx-alert-description\" *ngIf=\"title || message\">\r\n <div *ngIf=\"title\" class=\"mrx-alert-title\" [innerHTML]=\"title\"></div>\r\n <div *ngIf=\"message\" class=\"mrx-alert-message\" [innerHTML]=\"message\"></div>\r\n </div>\r\n\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n</div>", styles: [".mrx-alert.mrx-alert{position:relative;padding:var(--spacing-3) var(--spacing-4);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--neutral-text-primary);border-radius:var(--border-radius-1)}.mrx-alert.mrx-alert .mrx-alert-wrapper{display:flex;align-items:flex-start;gap:var(--spacing-2, 8px);width:100%}.mrx-alert.mrx-alert .mrx-alert-content{display:flex;align-items:flex-start;flex-direction:column;gap:8px;width:100%}.mrx-alert.mrx-alert .mrx-alert-description{display:flex;flex-direction:column;gap:4px}.mrx-alert.mrx-alert .mrx-alert-title{display:flex;align-items:center;font-family:var(--body-lg-bold-font-family);font-size:var(--body-lg-bold-font-size);font-weight:var(--body-lg-bold-font-weight);line-height:var(--body-lg-bold-line-height)}.mrx-alert.mrx-alert .mrx-alert-icon{padding:2px 0}.mrx-alert.mrx-alert .icon-close{position:absolute;top:calc(var(--spacing-module) * 2);right:calc(var(--spacing-module) * 2);cursor:pointer}.mrx-alert.mrx-alert.color-info{background-color:var(--brand-bg-secondary-default)}.mrx-alert.mrx-alert.color-success{background-color:var(--system-bg-positive-secondary)}.mrx-alert.mrx-alert.color-success .mrx-icon{color:var(--system-icon-positive)}.mrx-alert.mrx-alert.color-warning{background-color:var(--system-bg-attention-secondary)}.mrx-alert.mrx-alert.color-warning .mrx-icon{color:var(--system-icon-attention)}.mrx-alert.mrx-alert.color-danger{background-color:var(--system-bg-negative-secondary)}.mrx-alert.mrx-alert.color-danger .mrx-icon{color:var(--system-icon-negative)}:host::ng-deep .mrx-alert.mrx-alert a{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--brand-text-nav-link, #2A6AB8)}:host::ng-deep .mrx-alert.mrx-alert a:active,:host::ng-deep .mrx-alert.mrx-alert a:focus,:host::ng-deep .mrx-alert.mrx-alert a:visited{color:var(--brand-text-nav-link, #2A6AB8)}:host::ng-deep .mrx-alert.mrx-alert a:hover{color:var(--brand-text-controls-hover, #0f54aa)}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
28
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AlertComponent, decorators: [{
|
|
29
29
|
type: Component,
|
|
30
|
-
args: [{ selector: 'mrx-alert', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-alert\" [class]=\"
|
|
30
|
+
args: [{ selector: 'mrx-alert', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-alert\" [class]=\"classes\" [style.background-color]=\"customColor\">\r\n <span\r\n *ngIf=\"closable\"\r\n class=\"mrx-icon icon-close icon-font-16\"\r\n (click)=\"onCloseClick()\"\r\n ></span>\r\n\r\n <div class=\"mrx-alert-wrapper\" [class.pr-3]=\"closable\">\r\n <span\r\n class=\"mrx-icon icon-alert icon-font-16 mrx-alert-icon\"\r\n [class]=\"iconClass\"\r\n ></span>\r\n\r\n <div class=\"mrx-alert-content\">\r\n <div class=\"mrx-alert-description\" *ngIf=\"title || message\">\r\n <div *ngIf=\"title\" class=\"mrx-alert-title\" [innerHTML]=\"title\"></div>\r\n <div *ngIf=\"message\" class=\"mrx-alert-message\" [innerHTML]=\"message\"></div>\r\n </div>\r\n\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n</div>", styles: [".mrx-alert.mrx-alert{position:relative;padding:var(--spacing-3) var(--spacing-4);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--neutral-text-primary);border-radius:var(--border-radius-1)}.mrx-alert.mrx-alert .mrx-alert-wrapper{display:flex;align-items:flex-start;gap:var(--spacing-2, 8px);width:100%}.mrx-alert.mrx-alert .mrx-alert-content{display:flex;align-items:flex-start;flex-direction:column;gap:8px;width:100%}.mrx-alert.mrx-alert .mrx-alert-description{display:flex;flex-direction:column;gap:4px}.mrx-alert.mrx-alert .mrx-alert-title{display:flex;align-items:center;font-family:var(--body-lg-bold-font-family);font-size:var(--body-lg-bold-font-size);font-weight:var(--body-lg-bold-font-weight);line-height:var(--body-lg-bold-line-height)}.mrx-alert.mrx-alert .mrx-alert-icon{padding:2px 0}.mrx-alert.mrx-alert .icon-close{position:absolute;top:calc(var(--spacing-module) * 2);right:calc(var(--spacing-module) * 2);cursor:pointer}.mrx-alert.mrx-alert.color-info{background-color:var(--brand-bg-secondary-default)}.mrx-alert.mrx-alert.color-success{background-color:var(--system-bg-positive-secondary)}.mrx-alert.mrx-alert.color-success .mrx-icon{color:var(--system-icon-positive)}.mrx-alert.mrx-alert.color-warning{background-color:var(--system-bg-attention-secondary)}.mrx-alert.mrx-alert.color-warning .mrx-icon{color:var(--system-icon-attention)}.mrx-alert.mrx-alert.color-danger{background-color:var(--system-bg-negative-secondary)}.mrx-alert.mrx-alert.color-danger .mrx-icon{color:var(--system-icon-negative)}:host::ng-deep .mrx-alert.mrx-alert a{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--brand-text-nav-link, #2A6AB8)}:host::ng-deep .mrx-alert.mrx-alert a:active,:host::ng-deep .mrx-alert.mrx-alert a:focus,:host::ng-deep .mrx-alert.mrx-alert a:visited{color:var(--brand-text-nav-link, #2A6AB8)}:host::ng-deep .mrx-alert.mrx-alert a:hover{color:var(--brand-text-controls-hover, #0f54aa)}\n"] }]
|
|
31
31
|
}], propDecorators: { customClasses: [{
|
|
32
32
|
type: Input
|
|
33
33
|
}], color: [{
|
|
@@ -45,4 +45,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
45
45
|
}], close: [{
|
|
46
46
|
type: Output
|
|
47
47
|
}] } });
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9hbGVydC9hbGVydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hHLE9BQU8sRUFBRSxpQkFBaUIsRUFBZSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQzs7O0FBUWhGLE1BQU0sT0FBTyxjQUFjO0lBTjNCO1FBT1csa0JBQWEsR0FBVyxFQUFFLENBQUM7UUFDM0IsVUFBSyxHQUFnQixNQUFNLENBQUM7UUFDNUIsZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFDekIsWUFBTyxHQUFXLEVBQUUsQ0FBQztRQUNyQixVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ25CLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUV6QixVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQWE1QztJQVhDLElBQVcsT0FBTztRQUNoQixPQUFPLEdBQUcsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDeEUsQ0FBQztJQUVELElBQVcsU0FBUztRQUNsQixPQUFPLEdBQUcsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUM7SUFDM0MsQ0FBQztJQUVNLFlBQVk7UUFDakIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNwQixDQUFDOzsyR0FyQlUsY0FBYzsrRkFBZCxjQUFjLHNQQ1QzQix5eUJBc0JNOzJGRGJPLGNBQWM7a0JBTjFCLFNBQVM7K0JBQ0UsV0FBVyxtQkFHSix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVJLEtBQUs7c0JBQWQsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBbGVydENvbG9yQ2xhc3NlcywgQWxlcnRDb2xvcnMsIEFsZXJ0SWNvbkNsYXNzZXMgfSBmcm9tICcuL2FsZXJ0LmVudW0nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtcngtYWxlcnQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnYWxlcnQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FsZXJ0LmNvbXBvbmVudC5sZXNzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBbGVydENvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgY3VzdG9tQ2xhc3Nlczogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgY29sb3I6IEFsZXJ0Q29sb3JzID0gJ2luZm8nO1xyXG4gIEBJbnB1dCgpIGN1c3RvbUNvbG9yOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBtZXNzYWdlOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgY2xvc2FibGU6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBzaG93SWNvbjogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBAT3V0cHV0KCkgY2xvc2UgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcblxyXG4gIHB1YmxpYyBnZXQgY2xhc3NlcygpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGAke0FsZXJ0Q29sb3JDbGFzc2VzW3RoaXMuY29sb3JdID8/ICcnfSAke3RoaXMuY3VzdG9tQ2xhc3Nlc31gO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldCBpY29uQ2xhc3MoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBgJHtBbGVydEljb25DbGFzc2VzW3RoaXMuY29sb3JdfWA7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgb25DbG9zZUNsaWNrKCk6IHZvaWQge1xyXG4gICAgdGhpcy5jbG9zZS5lbWl0KCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJtcngtYWxlcnRcIiBbY2xhc3NdPVwiY2xhc3Nlc1wiIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cImN1c3RvbUNvbG9yXCI+XHJcbiAgPHNwYW5cclxuICAgICpuZ0lmPVwiY2xvc2FibGVcIlxyXG4gICAgY2xhc3M9XCJtcngtaWNvbiBpY29uLWNsb3NlIGljb24tZm9udC0xNlwiXHJcbiAgICAoY2xpY2spPVwib25DbG9zZUNsaWNrKClcIlxyXG4gID48L3NwYW4+XHJcblxyXG4gIDxkaXYgY2xhc3M9XCJtcngtYWxlcnQtd3JhcHBlclwiIFtjbGFzcy5wci0zXT1cImNsb3NhYmxlXCI+XHJcbiAgICA8c3BhblxyXG4gICAgICBjbGFzcz1cIm1yeC1pY29uIGljb24tYWxlcnQgaWNvbi1mb250LTE2IG1yeC1hbGVydC1pY29uXCJcclxuICAgICAgW2NsYXNzXT1cImljb25DbGFzc1wiXHJcbiAgICA+PC9zcGFuPlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJtcngtYWxlcnQtY29udGVudFwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwibXJ4LWFsZXJ0LWRlc2NyaXB0aW9uXCIgKm5nSWY9XCJ0aXRsZSB8fCBtZXNzYWdlXCI+XHJcbiAgICAgICAgPGRpdiAqbmdJZj1cInRpdGxlXCIgY2xhc3M9XCJtcngtYWxlcnQtdGl0bGVcIiBbaW5uZXJIVE1MXT1cInRpdGxlXCI+PC9kaXY+XHJcbiAgICAgICAgPGRpdiAqbmdJZj1cIm1lc3NhZ2VcIiBjbGFzcz1cIm1yeC1hbGVydC1tZXNzYWdlXCIgW2lubmVySFRNTF09XCJtZXNzYWdlXCI+PC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
|
|
@@ -12,4 +12,4 @@ export var AlertIconClasses;
|
|
|
12
12
|
AlertIconClasses["warning"] = "icon-attention";
|
|
13
13
|
AlertIconClasses["danger"] = "icon-attention";
|
|
14
14
|
})(AlertIconClasses || (AlertIconClasses = {}));
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuZW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9hbGVydC9hbGVydC5lbnVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sQ0FBTixJQUFZLGlCQUtYO0FBTEQsV0FBWSxpQkFBaUI7SUFDM0Isd0NBQXFCLENBQUE7SUFDckIsOENBQTJCLENBQUE7SUFDM0IsOENBQTJCLENBQUE7SUFDM0IsNENBQXlCLENBQUE7QUFDM0IsQ0FBQyxFQUxXLGlCQUFpQixLQUFqQixpQkFBaUIsUUFLNUI7QUFFRCxNQUFNLENBQU4sSUFBWSxnQkFLWDtBQUxELFdBQVksZ0JBQWdCO0lBQzFCLHNDQUFvQixDQUFBO0lBQ3BCLCtDQUE2QixDQUFBO0lBQzdCLDhDQUE0QixDQUFBO0lBQzVCLDZDQUEyQixDQUFBO0FBQzdCLENBQUMsRUFMVyxnQkFBZ0IsS0FBaEIsZ0JBQWdCLFFBSzNCIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgQWxlcnRDb2xvcnMgPSAnaW5mbycgfCAnc3VjY2VzcycgfCAnd2FybmluZycgfCAnZGFuZ2VyJztcclxuXHJcbmV4cG9ydCBlbnVtIEFsZXJ0Q29sb3JDbGFzc2VzIHtcclxuICAnaW5mbycgPSAnY29sb3ItaW5mbycsXHJcbiAgJ3N1Y2Nlc3MnID0gJ2NvbG9yLXN1Y2Nlc3MnLFxyXG4gICd3YXJuaW5nJyA9ICdjb2xvci13YXJuaW5nJyxcclxuICAnZGFuZ2VyJyA9ICdjb2xvci1kYW5nZXInXHJcbn1cclxuXHJcbmV4cG9ydCBlbnVtIEFsZXJ0SWNvbkNsYXNzZXMge1xyXG4gICdpbmZvJyA9ICdpY29uLWluZm8nLFxyXG4gICdzdWNjZXNzJyA9ICdpY29uLWNoZWNrLXRhc2snLFxyXG4gICd3YXJuaW5nJyA9ICdpY29uLWF0dGVudGlvbicsXHJcbiAgJ2RhbmdlcicgPSAnaWNvbi1hdHRlbnRpb24nXHJcbn1cclxuIl19
|
|
@@ -29,4 +29,4 @@ export var BadgeTargetTypesEnum;
|
|
|
29
29
|
BadgeTargetTypesEnum["_parent"] = "_parent";
|
|
30
30
|
BadgeTargetTypesEnum["_top"] = "_top";
|
|
31
31
|
})(BadgeTargetTypesEnum || (BadgeTargetTypesEnum = {}));
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuZW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9iYWRnZXMvYmFkZ2UuZW51bS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxhQUdYO0FBSEQsV0FBWSxhQUFhO0lBQ3ZCLDZDQUE4QixDQUFBO0lBQzlCLDJDQUE0QixDQUFBO0FBQzlCLENBQUMsRUFIVyxhQUFhLEtBQWIsYUFBYSxRQUd4QjtBQUlELE1BQU0sQ0FBTixJQUFZLGFBR1g7QUFIRCxXQUFZLGFBQWE7SUFDdkIsNkNBQThCLENBQUE7SUFDOUIseUNBQTBCLENBQUE7QUFDNUIsQ0FBQyxFQUhXLGFBQWEsS0FBYixhQUFhLFFBR3hCO0FBSUQsTUFBTSxDQUFOLElBQVksdUJBSVg7QUFKRCxXQUFZLHVCQUF1QjtJQUNqQyxnREFBdUIsQ0FBQTtJQUN2QixrREFBeUIsQ0FBQTtJQUN6QixzREFBNkIsQ0FBQTtBQUMvQixDQUFDLEVBSlcsdUJBQXVCLEtBQXZCLHVCQUF1QixRQUlsQztBQUlELE1BQU0sQ0FBTixJQUFZLHFCQU1YO0FBTkQsV0FBWSxxQkFBcUI7SUFDL0IsOERBQXVDLENBQUE7SUFDdkMsOERBQXVDLENBQUE7SUFDdkMsZ0VBQXlDLENBQUE7SUFDekMsNERBQXFDLENBQUE7SUFDckMsd0RBQWlDLENBQUE7QUFDbkMsQ0FBQyxFQU5XLHFCQUFxQixLQUFyQixxQkFBcUIsUUFNaEM7QUFFRCxNQUFNLENBQU4sSUFBWSxvQkFLWDtBQUxELFdBQVksb0JBQW9CO0lBQzlCLHVDQUFpQixDQUFBO0lBQ2pCLHlDQUFtQixDQUFBO0lBQ25CLDJDQUFxQixDQUFBO0lBQ3JCLHFDQUFlLENBQUE7QUFDakIsQ0FBQyxFQUxXLG9CQUFvQixLQUFwQixvQkFBb0IsUUFLL0IiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBCYWRnZVR5cGVFbnVtIHtcclxuICAnZGVmYXVsdCcgPSAnbXJ4LXR5cGUtZGVmYXVsdCcsXHJcbiAgJ2NpcmNsZScgPSAnbXJ4LXR5cGUtY2lyY2xlJ1xyXG59XHJcblxyXG5leHBvcnQgdHlwZSBCYWRnZVR5cGUgPSAnZGVmYXVsdCcgfCAnY2lyY2xlJztcclxuXHJcbmV4cG9ydCBlbnVtIEJhZGdlU2l6ZUVudW0ge1xyXG4gICdkZWZhdWx0JyA9ICdtcngtc2l6ZS1kZWZhdWx0JyxcclxuICAnc21hbGwnID0gJ21yeC1zaXplLXNtYWxsJ1xyXG59XHJcblxyXG5leHBvcnQgdHlwZSBCYWRnZVNpemVUeXBlID0gJ3NtYWxsJyB8ICdkZWZhdWx0JztcclxuXHJcbmV4cG9ydCBlbnVtIEJhZGdlVGFnVHlwZUNsYXNzZXNFbnVtIHtcclxuICAndGFnJyA9ICdtcngtYmFkZ2UtdGFnJyxcclxuICAnbGluaycgPSAnbXJ4LWJhZGdlLWxpbmsnLFxyXG4gICdidXR0b24nID0gJ21yeC1iYWRnZS1idXR0b24nXHJcbn1cclxuXHJcbmV4cG9ydCB0eXBlIEJhZGdlVGFnVHlwZSA9ICd0YWcnIHwgJ2xpbmsnIHwgJ2J1dHRvbic7XHJcblxyXG5leHBvcnQgZW51bSBCYWRnZUNvbG9yQ2xhc3Nlc0VudW0ge1xyXG4gICdwb3NpdGl2ZScgPSAnbXJ4LWJhZGdlLWNvbG9yLXBvc2l0aXZlJyxcclxuICAnbmVnYXRpdmUnID0gJ21yeC1iYWRnZS1jb2xvci1uZWdhdGl2ZScsXHJcbiAgJ2F0dGVudGlvbicgPSAnbXJ4LWJhZGdlLWNvbG9yLWF0dGVudGlvbicsXHJcbiAgJ25ldXRyYWwnID0gJ21yeC1iYWRnZS1jb2xvci1uZXV0cmFsJyxcclxuICAnYnJhbmQnID0gJ21yeC1iYWRnZS1jb2xvci1icmFuZCdcclxufVxyXG5cclxuZXhwb3J0IGVudW0gQmFkZ2VUYXJnZXRUeXBlc0VudW0ge1xyXG4gICdfc2VsZicgPSAnX3NlbGYnLFxyXG4gICdfYmxhbmsnID0gJ19ibGFuaycsXHJcbiAgJ19wYXJlbnQnID0gJ19wYXJlbnQnLFxyXG4gICdfdG9wJyA9ICdfdG9wJ1xyXG59XHJcblxyXG5leHBvcnQgdHlwZSBCYWRnZVRhcmdldFR5cGVzID0gJ19zZWxmJyB8ICdfYmxhbmsnIHwgJ19wYXJlbnQnIHwgJ190b3AnO1xyXG5cclxuZXhwb3J0IHR5cGUgQmFkZ2VDb2xvclR5cGUgPSAncG9zaXRpdmUnIHwgJ25lZ2F0aXZlJyB8ICdhdHRlbnRpb24nIHwgJ25ldXRyYWwnIHwgJ2JyYW5kJztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgQmFkZ2VJIHtcclxuICB0eXBlPzogQmFkZ2VUeXBlO1xyXG4gIHRhZz86IEJhZGdlVGFnVHlwZTtcclxuICBjb2xvcj86IEJhZGdlQ29sb3JUeXBlO1xyXG4gIHBhdGg/OiBzdHJpbmc7XHJcbiAgdGV4dDogc3RyaW5nO1xyXG59XHJcbiJdfQ==
|
|
@@ -9,9 +9,7 @@ BadgesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "1
|
|
|
9
9
|
BadgesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BadgesModule, declarations: [BadgeComponent,
|
|
10
10
|
BadgeGroupComponent], imports: [CommonModule], exports: [BadgeComponent,
|
|
11
11
|
BadgeGroupComponent] });
|
|
12
|
-
BadgesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BadgesModule, imports: [[
|
|
13
|
-
CommonModule
|
|
14
|
-
]] });
|
|
12
|
+
BadgesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BadgesModule, imports: [[CommonModule]] });
|
|
15
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BadgesModule, decorators: [{
|
|
16
14
|
type: NgModule,
|
|
17
15
|
args: [{
|
|
@@ -19,9 +17,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
19
17
|
BadgeComponent,
|
|
20
18
|
BadgeGroupComponent
|
|
21
19
|
],
|
|
22
|
-
imports: [
|
|
23
|
-
CommonModule
|
|
24
|
-
],
|
|
20
|
+
imports: [CommonModule],
|
|
25
21
|
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
26
22
|
exports: [
|
|
27
23
|
BadgeComponent,
|
|
@@ -29,4 +25,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
29
25
|
]
|
|
30
26
|
}]
|
|
31
27
|
}] });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2VzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9iYWRnZXMvYmFkZ2VzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDcEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7O0FBY3JGLE1BQU0sT0FBTyxZQUFZOzt5R0FBWixZQUFZOzBHQUFaLFlBQVksaUJBVnJCLGNBQWM7UUFDZCxtQkFBbUIsYUFFWCxZQUFZLGFBR3BCLGNBQWM7UUFDZCxtQkFBbUI7MEdBR1YsWUFBWSxZQVBkLENBQUMsWUFBWSxDQUFDOzJGQU9aLFlBQVk7a0JBWnhCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLGNBQWM7d0JBQ2QsbUJBQW1CO3FCQUNwQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLE9BQU8sRUFBRSxDQUFDLHNCQUFzQixDQUFDO29CQUNqQyxPQUFPLEVBQUU7d0JBQ1AsY0FBYzt3QkFDZCxtQkFBbUI7cUJBQ3BCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSwgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQmFkZ2VDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvYmFkZ2UvYmFkZ2UuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQmFkZ2VHcm91cENvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9iYWRnZS1ncm91cC9iYWRnZS1ncm91cC5jb21wb25lbnQnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIEJhZGdlQ29tcG9uZW50LFxyXG4gICAgQmFkZ2VHcm91cENvbXBvbmVudFxyXG4gIF0sXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxyXG4gIGV4cG9ydHM6IFtcclxuICAgIEJhZGdlQ29tcG9uZW50LFxyXG4gICAgQmFkZ2VHcm91cENvbXBvbmVudFxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEJhZGdlc01vZHVsZSB7fVxyXG4iXX0=
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
-
import { BadgeColorClassesEnum, BadgeSizeEnum, BadgeTagTypeClassesEnum, BadgeTypeEnum, } from '../../badge.enum';
|
|
3
|
-
import { LinkTargetTypesEnum } from '../../../link/link.enum';
|
|
2
|
+
import { BadgeColorClassesEnum, BadgeSizeEnum, BadgeTagTypeClassesEnum, BadgeTargetTypesEnum, BadgeTypeEnum, } from '../../badge.enum';
|
|
4
3
|
import * as i0 from "@angular/core";
|
|
5
4
|
import * as i1 from "@angular/common";
|
|
6
5
|
export class BadgeComponent {
|
|
@@ -9,34 +8,33 @@ export class BadgeComponent {
|
|
|
9
8
|
this.tag = 'tag';
|
|
10
9
|
this.size = 'default';
|
|
11
10
|
this.color = 'brand';
|
|
11
|
+
this.customColor = '';
|
|
12
12
|
this.text = '';
|
|
13
13
|
this.customClasses = '';
|
|
14
14
|
this.target = '_self';
|
|
15
15
|
this.clicked = new EventEmitter();
|
|
16
16
|
}
|
|
17
|
-
get
|
|
18
|
-
return this.customColor ? this.customColor : null;
|
|
19
|
-
}
|
|
20
|
-
get getClasses() {
|
|
17
|
+
get classes() {
|
|
21
18
|
return `${this.customClasses} ${BadgeTagTypeClassesEnum[this.tag]} ${BadgeTypeEnum[this.type]} ${this.customColor ? '' : BadgeColorClassesEnum[this.color]} ${BadgeSizeEnum[this.size]}`;
|
|
22
19
|
}
|
|
23
20
|
get getTarget() {
|
|
24
|
-
return
|
|
21
|
+
return BadgeTargetTypesEnum[this.target];
|
|
25
22
|
}
|
|
26
|
-
onClick(
|
|
23
|
+
onClick() {
|
|
27
24
|
this.clicked.emit({
|
|
28
25
|
type: this.type,
|
|
29
26
|
color: this.color,
|
|
30
27
|
text: this.text,
|
|
31
|
-
path: this.path
|
|
28
|
+
path: this.path,
|
|
29
|
+
tag: this.tag,
|
|
32
30
|
});
|
|
33
31
|
}
|
|
34
32
|
}
|
|
35
33
|
BadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
36
|
-
BadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: BadgeComponent, selector: "mrx-badge", inputs: { type: "type", tag: "tag", size: "size", color: "color", customColor: "customColor", text: "text", path: "path", customClasses: "customClasses", target: "target" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"tag\">\r\n <ng-container *ngSwitchCase=\"'button'\">\r\n <button\r\n class=\"mrx-badge\"\r\n [class]=\"
|
|
34
|
+
BadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: BadgeComponent, selector: "mrx-badge", inputs: { type: "type", tag: "tag", size: "size", color: "color", customColor: "customColor", text: "text", path: "path", customClasses: "customClasses", target: "target" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"tag\">\r\n <ng-container *ngSwitchCase=\"'button'\">\r\n <button\r\n class=\"mrx-badge\"\r\n [class]=\"classes\"\r\n [style.background-color]=\"customColor\"\r\n (click)=\"onClick()\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>{{ text }}\r\n </button>\r\n </ng-container>\r\n\r\n <ng-container *ngSwitchCase=\"'link'\">\r\n <a\r\n class=\"mrx-badge\"\r\n [class]=\"classes\"\r\n [style.background-color]=\"customColor\"\r\n [href]=\"path\"\r\n [target]=\"getTarget\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>{{ text }}\r\n </a>\r\n </ng-container>\r\n\r\n <ng-container *ngSwitchDefault>\r\n <span class=\"mrx-badge\" [class]=\"classes\" [style.background-color]=\"customColor\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>{{ text }}\r\n </span>\r\n </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #content>\r\n <ng-content></ng-content>\r\n</ng-template>\r\n", styles: [".mrx-badge.mrx-badge{display:block;font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height)}.mrx-badge.mrx-badge.mrx-badge-color-positive{background-color:var(--system-bg-positive-primary);color:var(--neutral-text-primary)}.mrx-badge.mrx-badge.mrx-badge-color-positive.mrx-badge-button,.mrx-badge.mrx-badge.mrx-badge-color-positive.mrx-badge-link{transition:background-color .2s}.mrx-badge.mrx-badge.mrx-badge-color-positive.mrx-badge-button:hover,.mrx-badge.mrx-badge.mrx-badge-color-positive.mrx-badge-link:hover{background-color:var(--system-bg-positive-primary-hover)}.mrx-badge.mrx-badge.mrx-badge-color-negative{background-color:var(--system-bg-negative-primary);color:var(--neutral-text-primary)}.mrx-badge.mrx-badge.mrx-badge-color-negative.mrx-badge-button,.mrx-badge.mrx-badge.mrx-badge-color-negative.mrx-badge-link{transition:background-color .2s}.mrx-badge.mrx-badge.mrx-badge-color-negative.mrx-badge-button:hover,.mrx-badge.mrx-badge.mrx-badge-color-negative.mrx-badge-link:hover{background-color:var(--system-bg-negative-primary-hover)}.mrx-badge.mrx-badge.mrx-badge-color-attention{background-color:var(--system-bg-attention-primary);color:var(--neutral-text-primary)}.mrx-badge.mrx-badge.mrx-badge-color-attention.mrx-badge-button,.mrx-badge.mrx-badge.mrx-badge-color-attention.mrx-badge-link{transition:background-color .2s}.mrx-badge.mrx-badge.mrx-badge-color-attention.mrx-badge-button:hover,.mrx-badge.mrx-badge.mrx-badge-color-attention.mrx-badge-link:hover{background-color:var(--system-bg-attention-primary-hover)}.mrx-badge.mrx-badge.mrx-badge-color-neutral{background-color:var(--neutral-bg-island-default);color:var(--neutral-text-primary)}.mrx-badge.mrx-badge.mrx-badge-color-neutral.mrx-badge-button,.mrx-badge.mrx-badge.mrx-badge-color-neutral.mrx-badge-link{transition:background-color .2s}.mrx-badge.mrx-badge.mrx-badge-color-neutral.mrx-badge-button:hover,.mrx-badge.mrx-badge.mrx-badge-color-neutral.mrx-badge-link:hover{background-color:var(--neutral-bg-island-hover)}.mrx-badge.mrx-badge.mrx-badge-color-brand{background-color:var(--brand-bg-secondary-default);color:var(--brand-text-accent)}.mrx-badge.mrx-badge.mrx-badge-color-brand.mrx-badge-button,.mrx-badge.mrx-badge.mrx-badge-color-brand.mrx-badge-link{transition:background-color .2s}.mrx-badge.mrx-badge.mrx-badge-color-brand.mrx-badge-button:hover,.mrx-badge.mrx-badge.mrx-badge-color-brand.mrx-badge-link:hover{background-color:var(--brand-bg-secondary-hover)}.mrx-badge.mrx-badge.mrx-badge-button{border:none;outline:none;cursor:pointer}.mrx-badge.mrx-badge.mrx-badge-link{text-decoration:none;cursor:pointer}.mrx-badge.mrx-badge.mrx-type-default{border-radius:var(--border-radius-1)}.mrx-badge.mrx-badge.mrx-type-default.mrx-size-default{padding:var(--spacing-1) var(--spacing-3)}.mrx-badge.mrx-badge.mrx-type-default.mrx-size-small{padding:1px var(--spacing-2)}.mrx-badge.mrx-badge.mrx-type-circle{border-radius:var(--border-radius-3);text-align:center}.mrx-badge.mrx-badge.mrx-type-circle.mrx-size-default{padding:var(--spacing-1) var(--spacing-2);min-width:var(--sizing-6)}.mrx-badge.mrx-badge.mrx-type-circle.mrx-size-small{padding:var(--sizing-half) var(--spacing-1);min-width:var(--sizing-5)}\n"], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
37
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BadgeComponent, decorators: [{
|
|
38
36
|
type: Component,
|
|
39
|
-
args: [{ selector: 'mrx-badge', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngSwitch]=\"tag\">\r\n <ng-container *ngSwitchCase=\"'button'\">\r\n <button\r\n class=\"mrx-badge\"\r\n [class]=\"
|
|
37
|
+
args: [{ selector: 'mrx-badge', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngSwitch]=\"tag\">\r\n <ng-container *ngSwitchCase=\"'button'\">\r\n <button\r\n class=\"mrx-badge\"\r\n [class]=\"classes\"\r\n [style.background-color]=\"customColor\"\r\n (click)=\"onClick()\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>{{ text }}\r\n </button>\r\n </ng-container>\r\n\r\n <ng-container *ngSwitchCase=\"'link'\">\r\n <a\r\n class=\"mrx-badge\"\r\n [class]=\"classes\"\r\n [style.background-color]=\"customColor\"\r\n [href]=\"path\"\r\n [target]=\"getTarget\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>{{ text }}\r\n </a>\r\n </ng-container>\r\n\r\n <ng-container *ngSwitchDefault>\r\n <span class=\"mrx-badge\" [class]=\"classes\" [style.background-color]=\"customColor\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>{{ text }}\r\n </span>\r\n </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #content>\r\n <ng-content></ng-content>\r\n</ng-template>\r\n", styles: [".mrx-badge.mrx-badge{display:block;font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height)}.mrx-badge.mrx-badge.mrx-badge-color-positive{background-color:var(--system-bg-positive-primary);color:var(--neutral-text-primary)}.mrx-badge.mrx-badge.mrx-badge-color-positive.mrx-badge-button,.mrx-badge.mrx-badge.mrx-badge-color-positive.mrx-badge-link{transition:background-color .2s}.mrx-badge.mrx-badge.mrx-badge-color-positive.mrx-badge-button:hover,.mrx-badge.mrx-badge.mrx-badge-color-positive.mrx-badge-link:hover{background-color:var(--system-bg-positive-primary-hover)}.mrx-badge.mrx-badge.mrx-badge-color-negative{background-color:var(--system-bg-negative-primary);color:var(--neutral-text-primary)}.mrx-badge.mrx-badge.mrx-badge-color-negative.mrx-badge-button,.mrx-badge.mrx-badge.mrx-badge-color-negative.mrx-badge-link{transition:background-color .2s}.mrx-badge.mrx-badge.mrx-badge-color-negative.mrx-badge-button:hover,.mrx-badge.mrx-badge.mrx-badge-color-negative.mrx-badge-link:hover{background-color:var(--system-bg-negative-primary-hover)}.mrx-badge.mrx-badge.mrx-badge-color-attention{background-color:var(--system-bg-attention-primary);color:var(--neutral-text-primary)}.mrx-badge.mrx-badge.mrx-badge-color-attention.mrx-badge-button,.mrx-badge.mrx-badge.mrx-badge-color-attention.mrx-badge-link{transition:background-color .2s}.mrx-badge.mrx-badge.mrx-badge-color-attention.mrx-badge-button:hover,.mrx-badge.mrx-badge.mrx-badge-color-attention.mrx-badge-link:hover{background-color:var(--system-bg-attention-primary-hover)}.mrx-badge.mrx-badge.mrx-badge-color-neutral{background-color:var(--neutral-bg-island-default);color:var(--neutral-text-primary)}.mrx-badge.mrx-badge.mrx-badge-color-neutral.mrx-badge-button,.mrx-badge.mrx-badge.mrx-badge-color-neutral.mrx-badge-link{transition:background-color .2s}.mrx-badge.mrx-badge.mrx-badge-color-neutral.mrx-badge-button:hover,.mrx-badge.mrx-badge.mrx-badge-color-neutral.mrx-badge-link:hover{background-color:var(--neutral-bg-island-hover)}.mrx-badge.mrx-badge.mrx-badge-color-brand{background-color:var(--brand-bg-secondary-default);color:var(--brand-text-accent)}.mrx-badge.mrx-badge.mrx-badge-color-brand.mrx-badge-button,.mrx-badge.mrx-badge.mrx-badge-color-brand.mrx-badge-link{transition:background-color .2s}.mrx-badge.mrx-badge.mrx-badge-color-brand.mrx-badge-button:hover,.mrx-badge.mrx-badge.mrx-badge-color-brand.mrx-badge-link:hover{background-color:var(--brand-bg-secondary-hover)}.mrx-badge.mrx-badge.mrx-badge-button{border:none;outline:none;cursor:pointer}.mrx-badge.mrx-badge.mrx-badge-link{text-decoration:none;cursor:pointer}.mrx-badge.mrx-badge.mrx-type-default{border-radius:var(--border-radius-1)}.mrx-badge.mrx-badge.mrx-type-default.mrx-size-default{padding:var(--spacing-1) var(--spacing-3)}.mrx-badge.mrx-badge.mrx-type-default.mrx-size-small{padding:1px var(--spacing-2)}.mrx-badge.mrx-badge.mrx-type-circle{border-radius:var(--border-radius-3);text-align:center}.mrx-badge.mrx-badge.mrx-type-circle.mrx-size-default{padding:var(--spacing-1) var(--spacing-2);min-width:var(--sizing-6)}.mrx-badge.mrx-badge.mrx-type-circle.mrx-size-small{padding:var(--sizing-half) var(--spacing-1);min-width:var(--sizing-5)}\n"] }]
|
|
40
38
|
}], propDecorators: { type: [{
|
|
41
39
|
type: Input
|
|
42
40
|
}], tag: [{
|
|
@@ -58,4 +56,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
58
56
|
}], clicked: [{
|
|
59
57
|
type: Output
|
|
60
58
|
}] } });
|
|
61
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2JhZGdlcy9jb21wb25lbnRzL2JhZGdlL2JhZGdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9iYWRnZXMvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hHLE9BQU8sRUFDTCxxQkFBcUIsRUFHckIsYUFBYSxFQUdiLHVCQUF1QixFQUV2QixvQkFBb0IsRUFFcEIsYUFBYSxHQUNkLE1BQU0sa0JBQWtCLENBQUM7OztBQVExQixNQUFNLE9BQU8sY0FBYztJQU4zQjtRQU9XLFNBQUksR0FBYyxTQUFTLENBQUM7UUFDNUIsUUFBRyxHQUFpQixLQUFLLENBQUM7UUFDMUIsU0FBSSxHQUFrQixTQUFTLENBQUM7UUFDaEMsVUFBSyxHQUFtQixPQUFPLENBQUM7UUFDaEMsZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFDekIsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUVsQixrQkFBYSxHQUFXLEVBQUUsQ0FBQztRQUMzQixXQUFNLEdBQXFCLE9BQU8sQ0FBQztRQUVsQyxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQW1CaEQ7SUFqQkMsSUFBVyxPQUFPO1FBQ2hCLE9BQU8sR0FBRyxJQUFJLENBQUMsYUFBYSxJQUFJLHVCQUF1QixDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMscUJBQXFCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQztJQUMzTCxDQUFDO0lBRUQsSUFBVyxTQUFTO1FBQ2xCLE9BQU8sb0JBQW9CLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQzNDLENBQUM7SUFFTSxPQUFPO1FBQ1osSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUM7WUFDaEIsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJO1lBQ2YsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLO1lBQ2pCLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSTtZQUNmLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSTtZQUNmLEdBQUcsRUFBRSxJQUFJLENBQUMsR0FBRztTQUNkLENBQUMsQ0FBQTtJQUNKLENBQUM7OzJHQTdCVSxjQUFjOytGQUFkLGNBQWMsZ1FDckIzQixvaUNBa0NBOzJGRGJhLGNBQWM7a0JBTjFCLFNBQVM7K0JBQ0UsV0FBVyxtQkFHSix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUVJLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtcclxuICBCYWRnZUNvbG9yQ2xhc3Nlc0VudW0sXHJcbiAgQmFkZ2VDb2xvclR5cGUsXHJcbiAgQmFkZ2VJLFxyXG4gIEJhZGdlU2l6ZUVudW0sXHJcbiAgQmFkZ2VTaXplVHlwZSxcclxuICBCYWRnZVRhZ1R5cGUsXHJcbiAgQmFkZ2VUYWdUeXBlQ2xhc3Nlc0VudW0sXHJcbiAgQmFkZ2VUYXJnZXRUeXBlcyxcclxuICBCYWRnZVRhcmdldFR5cGVzRW51bSxcclxuICBCYWRnZVR5cGUsXHJcbiAgQmFkZ2VUeXBlRW51bSxcclxufSBmcm9tICcuLi8uLi9iYWRnZS5lbnVtJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbXJ4LWJhZGdlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYmFkZ2UuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2JhZGdlLmNvbXBvbmVudC5sZXNzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCYWRnZUNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgdHlwZTogQmFkZ2VUeXBlID0gJ2RlZmF1bHQnO1xyXG4gIEBJbnB1dCgpIHRhZzogQmFkZ2VUYWdUeXBlID0gJ3RhZyc7XHJcbiAgQElucHV0KCkgc2l6ZTogQmFkZ2VTaXplVHlwZSA9ICdkZWZhdWx0JztcclxuICBASW5wdXQoKSBjb2xvcjogQmFkZ2VDb2xvclR5cGUgPSAnYnJhbmQnO1xyXG4gIEBJbnB1dCgpIGN1c3RvbUNvbG9yOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSB0ZXh0OiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBwYXRoOiBzdHJpbmcgfCB1bmRlZmluZWQ7XHJcbiAgQElucHV0KCkgY3VzdG9tQ2xhc3Nlczogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgdGFyZ2V0OiBCYWRnZVRhcmdldFR5cGVzID0gJ19zZWxmJztcclxuXHJcbiAgQE91dHB1dCgpIGNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPEJhZGdlST4oKTtcclxuXHJcbiAgcHVibGljIGdldCBjbGFzc2VzKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gYCR7dGhpcy5jdXN0b21DbGFzc2VzfSAke0JhZGdlVGFnVHlwZUNsYXNzZXNFbnVtW3RoaXMudGFnXX0gJHtCYWRnZVR5cGVFbnVtW3RoaXMudHlwZV19ICR7dGhpcy5jdXN0b21Db2xvciA/ICcnIDogQmFkZ2VDb2xvckNsYXNzZXNFbnVtW3RoaXMuY29sb3JdfSAke0JhZGdlU2l6ZUVudW1bdGhpcy5zaXplXX1gO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldCBnZXRUYXJnZXQoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBCYWRnZVRhcmdldFR5cGVzRW51bVt0aGlzLnRhcmdldF07XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgb25DbGljaygpOiB2b2lkIHtcclxuICAgIHRoaXMuY2xpY2tlZC5lbWl0KHtcclxuICAgICAgdHlwZTogdGhpcy50eXBlLFxyXG4gICAgICBjb2xvcjogdGhpcy5jb2xvcixcclxuICAgICAgdGV4dDogdGhpcy50ZXh0LFxyXG4gICAgICBwYXRoOiB0aGlzLnBhdGgsXHJcbiAgICAgIHRhZzogdGhpcy50YWcsXHJcbiAgICB9KVxyXG4gIH1cclxufVxyXG4iLCI8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJ0YWdcIj5cclxuICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInYnV0dG9uJ1wiPlxyXG4gICAgPGJ1dHRvblxyXG4gICAgICBjbGFzcz1cIm1yeC1iYWRnZVwiXHJcbiAgICAgIFtjbGFzc109XCJjbGFzc2VzXCJcclxuICAgICAgW3N0eWxlLmJhY2tncm91bmQtY29sb3JdPVwiY3VzdG9tQ29sb3JcIlxyXG4gICAgICAoY2xpY2spPVwib25DbGljaygpXCJcclxuICAgID5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj57eyB0ZXh0IH19XHJcbiAgICA8L2J1dHRvbj5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2xpbmsnXCI+XHJcbiAgICA8YVxyXG4gICAgICBjbGFzcz1cIm1yeC1iYWRnZVwiXHJcbiAgICAgIFtjbGFzc109XCJjbGFzc2VzXCJcclxuICAgICAgW3N0eWxlLmJhY2tncm91bmQtY29sb3JdPVwiY3VzdG9tQ29sb3JcIlxyXG4gICAgICBbaHJlZl09XCJwYXRoXCJcclxuICAgICAgW3RhcmdldF09XCJnZXRUYXJnZXRcIlxyXG4gICAgPlxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPnt7IHRleHQgfX1cclxuICAgIDwvYT5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hEZWZhdWx0PlxyXG4gICAgPHNwYW4gY2xhc3M9XCJtcngtYmFkZ2VcIiBbY2xhc3NdPVwiY2xhc3Nlc1wiIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cImN1c3RvbUNvbG9yXCI+XHJcbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+e3sgdGV4dCB9fVxyXG4gICAgPC9zcGFuPlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG48L25nLWNvbnRhaW5lcj5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjY29udGVudD5cclxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbjwvbmctdGVtcGxhdGU+XHJcbiJdfQ==
|
|
@@ -8,15 +8,15 @@ export class BreadcrumbsComponent {
|
|
|
8
8
|
this.items = [];
|
|
9
9
|
this.customClasses = '';
|
|
10
10
|
}
|
|
11
|
-
get
|
|
11
|
+
get classes() {
|
|
12
12
|
return `${this.customClasses} ${BreadcrumbsTypeEnum[this.type]}`;
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
BreadcrumbsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
-
BreadcrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: BreadcrumbsComponent, selector: "mrx-breadcrumbs", inputs: { type: "type", items: "items", item: "item", customClasses: "customClasses" }, ngImport: i0, template: "<div class=\"mrx-breadcrumbs\" [class]=\"
|
|
16
|
+
BreadcrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: BreadcrumbsComponent, selector: "mrx-breadcrumbs", inputs: { type: "type", items: "items", item: "item", customClasses: "customClasses" }, ngImport: i0, template: "<div class=\"mrx-breadcrumbs\" [class]=\"classes\">\r\n <ng-container [ngSwitch]=\"type\">\r\n <ng-container *ngSwitchCase=\"'link'\">\r\n <a *ngIf=\"item\" class=\"mrx-breadcrumbs__link\" [href]=\"item.path\">\r\n <span *ngIf=\"item.isShowArrow\" class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n {{ item.text }}\r\n </a>\r\n </ng-container>\r\n\r\n <ng-container *ngSwitchDefault>\r\n <ul class=\"mrx-breadcrumbs__list\">\r\n <li *ngFor=\"let item of items\" class=\"mrx-breadcrumbs__list-item\">\r\n <ng-container *ngIf=\"item.isLink; else span\">\r\n <a class=\"mrx-breadcrumbs__link mr-1\" [href]=\"item.path\">{{ item.text }}</a>\r\n <span class=\"mrx-icon icon-chevron-right icon-font-16 mr-1\"></span>\r\n </ng-container>\r\n\r\n <ng-template #span>\r\n <span class=\"mrx-breadcrumbs__tag\">{{ item.text }}</span>\r\n </ng-template>\r\n </li>\r\n </ul>\r\n </ng-container>\r\n </ng-container>\r\n</div>\r\n", styles: [".mrx-breadcrumbs.mrx-breadcrumbs-link{display:inline-block}.mrx-breadcrumbs .mrx-breadcrumbs__link{display:flex;align-items:center;font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--brand-bg-primary-default)}.mrx-breadcrumbs .mrx-breadcrumbs__link .mrx-icon{color:var(--brand-bg-primary-default)}.mrx-breadcrumbs .mrx-breadcrumbs__link:hover,.mrx-breadcrumbs .mrx-breadcrumbs__link:hover .mrx-icon{color:var(--brand-text-controls-hover)}.mrx-breadcrumbs .mrx-breadcrumbs__tag{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--neutral-text-tertiary)}.mrx-breadcrumbs .mrx-breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;padding-left:0;margin-top:0;margin-bottom:0;list-style:none}.mrx-breadcrumbs .mrx-breadcrumbs__list-item{display:flex}.mrx-breadcrumbs .mrx-breadcrumbs__list-item .mrx-icon{color:var(--neutral-icon-default)}\n"], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
17
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
|
-
args: [{ selector: 'mrx-breadcrumbs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-breadcrumbs\" [class]=\"
|
|
19
|
+
args: [{ selector: 'mrx-breadcrumbs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-breadcrumbs\" [class]=\"classes\">\r\n <ng-container [ngSwitch]=\"type\">\r\n <ng-container *ngSwitchCase=\"'link'\">\r\n <a *ngIf=\"item\" class=\"mrx-breadcrumbs__link\" [href]=\"item.path\">\r\n <span *ngIf=\"item.isShowArrow\" class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n {{ item.text }}\r\n </a>\r\n </ng-container>\r\n\r\n <ng-container *ngSwitchDefault>\r\n <ul class=\"mrx-breadcrumbs__list\">\r\n <li *ngFor=\"let item of items\" class=\"mrx-breadcrumbs__list-item\">\r\n <ng-container *ngIf=\"item.isLink; else span\">\r\n <a class=\"mrx-breadcrumbs__link mr-1\" [href]=\"item.path\">{{ item.text }}</a>\r\n <span class=\"mrx-icon icon-chevron-right icon-font-16 mr-1\"></span>\r\n </ng-container>\r\n\r\n <ng-template #span>\r\n <span class=\"mrx-breadcrumbs__tag\">{{ item.text }}</span>\r\n </ng-template>\r\n </li>\r\n </ul>\r\n </ng-container>\r\n </ng-container>\r\n</div>\r\n", styles: [".mrx-breadcrumbs.mrx-breadcrumbs-link{display:inline-block}.mrx-breadcrumbs .mrx-breadcrumbs__link{display:flex;align-items:center;font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--brand-bg-primary-default)}.mrx-breadcrumbs .mrx-breadcrumbs__link .mrx-icon{color:var(--brand-bg-primary-default)}.mrx-breadcrumbs .mrx-breadcrumbs__link:hover,.mrx-breadcrumbs .mrx-breadcrumbs__link:hover .mrx-icon{color:var(--brand-text-controls-hover)}.mrx-breadcrumbs .mrx-breadcrumbs__tag{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--neutral-text-tertiary)}.mrx-breadcrumbs .mrx-breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;padding-left:0;margin-top:0;margin-bottom:0;list-style:none}.mrx-breadcrumbs .mrx-breadcrumbs__list-item{display:flex}.mrx-breadcrumbs .mrx-breadcrumbs__list-item .mrx-icon{color:var(--neutral-icon-default)}\n"] }]
|
|
20
20
|
}], propDecorators: { type: [{
|
|
21
21
|
type: Input
|
|
22
22
|
}], items: [{
|
|
@@ -26,4 +26,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
26
26
|
}], customClasses: [{
|
|
27
27
|
type: Input
|
|
28
28
|
}] } });
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2JyZWFkY3J1bWJzL2JyZWFkY3J1bWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9icmVhZGNydW1icy9icmVhZGNydW1icy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRSxPQUFPLEVBQXFDLG1CQUFtQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7OztBQVE1RixNQUFNLE9BQU8sb0JBQW9CO0lBTmpDO1FBT1csU0FBSSxHQUFvQixTQUFTLENBQUM7UUFDbEMsVUFBSyxHQUF1QixFQUFFLENBQUM7UUFFL0Isa0JBQWEsR0FBVyxFQUFFLENBQUM7S0FLckM7SUFIQyxJQUFXLE9BQU87UUFDaEIsT0FBTyxHQUFHLElBQUksQ0FBQyxhQUFhLElBQUksbUJBQW1CLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7SUFDbkUsQ0FBQzs7aUhBUlUsb0JBQW9CO3FHQUFwQixvQkFBb0IsK0lDVGpDLHNpQ0F5QkE7MkZEaEJhLG9CQUFvQjtrQkFOaEMsU0FBUzsrQkFDRSxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEJyZWFkY3J1bWJzSXRlbUksIEJyZWFkY3J1bWJzVHlwZSwgQnJlYWRjcnVtYnNUeXBlRW51bSB9IGZyb20gJy4vYnJlYWRjcnVtYnMuZW51bSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21yeC1icmVhZGNydW1icycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2JyZWFkY3J1bWJzLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9icmVhZGNydW1icy5jb21wb25lbnQubGVzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQnJlYWRjcnVtYnNDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHR5cGU6IEJyZWFkY3J1bWJzVHlwZSA9ICdkZWZhdWx0JztcclxuICBASW5wdXQoKSBpdGVtczogQnJlYWRjcnVtYnNJdGVtSVtdID0gW107XHJcbiAgQElucHV0KCkgaXRlbTogQnJlYWRjcnVtYnNJdGVtSSB8IHVuZGVmaW5lZDtcclxuICBASW5wdXQoKSBjdXN0b21DbGFzc2VzOiBzdHJpbmcgPSAnJztcclxuXHJcbiAgcHVibGljIGdldCBjbGFzc2VzKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gYCR7dGhpcy5jdXN0b21DbGFzc2VzfSAke0JyZWFkY3J1bWJzVHlwZUVudW1bdGhpcy50eXBlXX1gO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibXJ4LWJyZWFkY3J1bWJzXCIgW2NsYXNzXT1cImNsYXNzZXNcIj5cclxuICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJ0eXBlXCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInbGluaydcIj5cclxuICAgICAgPGEgKm5nSWY9XCJpdGVtXCIgY2xhc3M9XCJtcngtYnJlYWRjcnVtYnNfX2xpbmtcIiBbaHJlZl09XCJpdGVtLnBhdGhcIj5cclxuICAgICAgICA8c3BhbiAqbmdJZj1cIml0ZW0uaXNTaG93QXJyb3dcIiBjbGFzcz1cIm1yeC1pY29uIGljb24tYXJyb3ctbGVmdCBpY29uLWZvbnQtMTYgbXItMVwiPjwvc3Bhbj5cclxuICAgICAgICB7eyBpdGVtLnRleHQgfX1cclxuICAgICAgPC9hPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hEZWZhdWx0PlxyXG4gICAgICA8dWwgY2xhc3M9XCJtcngtYnJlYWRjcnVtYnNfX2xpc3RcIj5cclxuICAgICAgICA8bGkgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXNcIiBjbGFzcz1cIm1yeC1icmVhZGNydW1ic19fbGlzdC1pdGVtXCI+XHJcbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaXRlbS5pc0xpbms7IGVsc2Ugc3BhblwiPlxyXG4gICAgICAgICAgICA8YSBjbGFzcz1cIm1yeC1icmVhZGNydW1ic19fbGluayBtci0xXCIgW2hyZWZdPVwiaXRlbS5wYXRoXCI+e3sgaXRlbS50ZXh0IH19PC9hPlxyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24tY2hldnJvbi1yaWdodCBpY29uLWZvbnQtMTYgbXItMVwiPjwvc3Bhbj5cclxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjc3Bhbj5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJtcngtYnJlYWRjcnVtYnNfX3RhZ1wiPnt7IGl0ZW0udGV4dCB9fTwvc3Bhbj5cclxuICAgICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgPC9saT5cclxuICAgICAgPC91bD5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -3,4 +3,4 @@ export var BreadcrumbsTypeEnum;
|
|
|
3
3
|
BreadcrumbsTypeEnum["default"] = "mrx-breadcrumbs-default";
|
|
4
4
|
BreadcrumbsTypeEnum["link"] = "mrx-breadcrumbs-link";
|
|
5
5
|
})(BreadcrumbsTypeEnum || (BreadcrumbsTypeEnum = {}));
|
|
6
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMuZW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9icmVhZGNydW1icy9icmVhZGNydW1icy5lbnVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLG1CQUdYO0FBSEQsV0FBWSxtQkFBbUI7SUFDN0IsMERBQXFDLENBQUE7SUFDckMsb0RBQStCLENBQUE7QUFDakMsQ0FBQyxFQUhXLG1CQUFtQixLQUFuQixtQkFBbUIsUUFHOUIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBCcmVhZGNydW1ic1R5cGVFbnVtIHtcclxuICAnZGVmYXVsdCcgPSAnbXJ4LWJyZWFkY3J1bWJzLWRlZmF1bHQnLFxyXG4gICdsaW5rJyA9ICdtcngtYnJlYWRjcnVtYnMtbGluaydcclxufVxyXG5cclxuZXhwb3J0IHR5cGUgQnJlYWRjcnVtYnNUeXBlID0gJ2RlZmF1bHQnIHwgJ2xpbmsnO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBCcmVhZGNydW1ic0l0ZW1JIHtcclxuICB0ZXh0OiBzdHJpbmc7XHJcbiAgcGF0aD86IHN0cmluZztcclxuICBpc0xpbms/OiBib29sZWFuO1xyXG4gIGlzU2hvd0Fycm93PzogYm9vbGVhbjtcclxufVxyXG4iXX0=
|
|
@@ -6,22 +6,14 @@ export class BreadcrumbsModule {
|
|
|
6
6
|
}
|
|
7
7
|
BreadcrumbsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BreadcrumbsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
8
|
BreadcrumbsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BreadcrumbsModule, declarations: [BreadcrumbsComponent], imports: [CommonModule], exports: [BreadcrumbsComponent] });
|
|
9
|
-
BreadcrumbsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BreadcrumbsModule, imports: [[
|
|
10
|
-
CommonModule
|
|
11
|
-
]] });
|
|
9
|
+
BreadcrumbsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BreadcrumbsModule, imports: [[CommonModule]] });
|
|
12
10
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BreadcrumbsModule, decorators: [{
|
|
13
11
|
type: NgModule,
|
|
14
12
|
args: [{
|
|
15
|
-
declarations: [
|
|
16
|
-
|
|
17
|
-
],
|
|
18
|
-
imports: [
|
|
19
|
-
CommonModule
|
|
20
|
-
],
|
|
13
|
+
declarations: [BreadcrumbsComponent],
|
|
14
|
+
imports: [CommonModule],
|
|
21
15
|
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
22
|
-
exports: [
|
|
23
|
-
BreadcrumbsComponent
|
|
24
|
-
]
|
|
16
|
+
exports: [BreadcrumbsComponent]
|
|
25
17
|
}]
|
|
26
18
|
}] });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2JyZWFkY3J1bWJzL2JyZWFkY3J1bWJzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFRL0QsTUFBTSxPQUFPLGlCQUFpQjs7OEdBQWpCLGlCQUFpQjsrR0FBakIsaUJBQWlCLGlCQUxiLG9CQUFvQixhQUN6QixZQUFZLGFBRVosb0JBQW9COytHQUVuQixpQkFBaUIsWUFKbkIsQ0FBQyxZQUFZLENBQUM7MkZBSVosaUJBQWlCO2tCQU43QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLG9CQUFvQixDQUFDO29CQUNwQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLE9BQU8sRUFBRSxDQUFDLHNCQUFzQixDQUFDO29CQUNqQyxPQUFPLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztpQkFDaEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDVVNUT01fRUxFTUVOVFNfU0NIRU1BLCBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBCcmVhZGNydW1ic0NvbXBvbmVudCB9IGZyb20gJy4vYnJlYWRjcnVtYnMuY29tcG9uZW50JztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbQnJlYWRjcnVtYnNDb21wb25lbnRdLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxyXG4gIHNjaGVtYXM6IFtDVVNUT01fRUxFTUVOVFNfU0NIRU1BXSxcclxuICBleHBvcnRzOiBbQnJlYWRjcnVtYnNDb21wb25lbnRdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCcmVhZGNydW1ic01vZHVsZSB7fVxyXG4iXX0=
|