@leanix/components 0.4.379 → 0.4.381
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.
|
@@ -42,17 +42,17 @@ export class BannerComponent {
|
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
44
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: BannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
45
|
-
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-
|
|
45
|
+
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\" [ngClass]=\"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: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: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: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: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:12px;color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
46
46
|
}
|
|
47
47
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: BannerComponent, decorators: [{
|
|
48
48
|
type: Component,
|
|
49
49
|
args: [{ selector: 'lx-banner', host: {
|
|
50
50
|
'[attr.type]': 'type',
|
|
51
51
|
'[attr.size]': 'size'
|
|
52
|
-
}, imports: [CommonModule], 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-
|
|
52
|
+
}, imports: [CommonModule], 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\" [ngClass]=\"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: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: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: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: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:12px;color:#fff}\n"] }]
|
|
53
53
|
}], propDecorators: { type: [{
|
|
54
54
|
type: Input
|
|
55
55
|
}], size: [{
|
|
56
56
|
type: Input
|
|
57
57
|
}] } });
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFubmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9iYW5uZXIvYmFubmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9iYW5uZXIvYmFubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUYsT0FBTyxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQTRCLE1BQU0saUJBQWlCLENBQUM7OztBQWVyRixNQUFNLE9BQU8sZUFBZTtJQWI1QjtRQWNtQixVQUFLLEdBQUcsTUFBTSxDQUFjLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNqRCxVQUFLLEdBQUcsTUFBTSxDQUFjLFdBQVcsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUNyRCxhQUFRLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3pCLGNBQVMsR0FBRyxNQUFNLENBQUMsRUFBRSxDQUFDLENBQUM7S0FtQ2pDO0lBakNDLElBQWEsSUFBSSxDQUFDLElBQWlCO1FBQ2pDLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztJQUM5QyxDQUFDO0lBQ0QsSUFBSSxJQUFJO1FBQ04sT0FBTyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUNELElBQWEsSUFBSSxDQUFDLElBQWlCO1FBQ2pDLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLElBQUksS0FBSyxXQUFXLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDOUMsQ0FBQztJQUNELElBQUksSUFBSTtRQUNOLE9BQU8sSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSyxXQUFXLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDbkQsQ0FBQztJQUVELFlBQVksQ0FBQyxJQUFpQjtRQUM1QixRQUFRLElBQUksRUFBRSxDQUFDO1lBQ2IsS0FBSyxXQUFXLENBQUMsT0FBTztnQkFDdEIsT0FBTyxVQUFVLENBQUM7WUFDcEIsS0FBSyxXQUFXLENBQUMsSUFBSTtnQkFDbkIsT0FBTyxTQUFTLENBQUM7WUFDbkIsS0FBSyxXQUFXLENBQUMsT0FBTztnQkFDdEIsT0FBTyxnQkFBZ0IsQ0FBQztZQUMxQixLQUFLLFdBQVcsQ0FBQyxNQUFNO2dCQUNyQixPQUFPLFVBQVUsQ0FBQztZQUNwQjtnQkFDRSxPQUFPLFNBQVMsQ0FBQztRQUNyQixDQUFDO0lBQ0gsQ0FBQzs4R0F0Q1UsZUFBZTtrR0FBZixlQUFlLGlMQ2pCNUIsa1JBVUEsNG9HREdZLFlBQVk7OzJGQUlYLGVBQWU7a0JBYjNCLFNBQVM7K0JBQ0UsV0FBVyxRQUVmO3dCQUNKLGFBQWEsRUFBRSxNQUFNO3dCQUNyQixhQUFhLEVBQUUsTUFBTTtxQkFDdEIsV0FHUSxDQUFDLFlBQVksQ0FBQyxtQkFDTix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUk7OEJBUUgsSUFBSTtzQkFBaEIsS0FBSztnQkFPTyxJQUFJO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIHNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQkFOTkVSX1NJWkUsIEJBTk5FUl9UWVBFLCBCYW5uZXJTaXplcywgQmFubmVyVHlwZXMgfSBmcm9tICcuL2Jhbm5lci5tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdseC1iYW5uZXInLFxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLWhvc3QtbWV0YWRhdGEtcHJvcGVydHlcbiAgaG9zdDoge1xuICAgICdbYXR0ci50eXBlXSc6ICd0eXBlJyxcbiAgICAnW2F0dHIuc2l6ZV0nOiAnc2l6ZSdcbiAgfSxcbiAgdGVtcGxhdGVVcmw6ICcuL2Jhbm5lci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Jhbm5lci5jb21wb25lbnQuc2NzcyddLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0YW5kYWxvbmU6IHRydWVcbn0pXG5leHBvcnQgY2xhc3MgQmFubmVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgcHJpdmF0ZSByZWFkb25seSBfdHlwZSA9IHNpZ25hbDxCYW5uZXJUeXBlcz4oQkFOTkVSX1RZUEUuV0FSTklORyk7XG4gIHByaXZhdGUgcmVhZG9ubHkgX3NpemUgPSBzaWduYWw8QmFubmVyU2l6ZXM+KEJBTk5FUl9TSVpFLkJJRyk7XG4gIHJlYWRvbmx5IHNob3dJY29uID0gc2lnbmFsKGZhbHNlKTtcbiAgcmVhZG9ubHkgaWNvbkNsYXNzID0gc2lnbmFsKCcnKTtcblxuICBASW5wdXQoKSBzZXQgdHlwZSh0eXBlOiBCYW5uZXJUeXBlcykge1xuICAgIHRoaXMuX3R5cGUuc2V0KHR5cGUpO1xuICAgIHRoaXMuaWNvbkNsYXNzLnNldCh0aGlzLmdldEljb25DbGFzcyh0eXBlKSk7XG4gIH1cbiAgZ2V0IHR5cGUoKSB7XG4gICAgcmV0dXJuIHRoaXMuX3R5cGUoKTtcbiAgfVxuICBASW5wdXQoKSBzZXQgc2l6ZShzaXplOiBCYW5uZXJTaXplcykge1xuICAgIHRoaXMuX3NpemUuc2V0KHNpemUpO1xuICAgIHRoaXMuc2hvd0ljb24uc2V0KHNpemUgPT09IEJBTk5FUl9TSVpFLkJJRyk7XG4gIH1cbiAgZ2V0IHNpemUoKSB7XG4gICAgcmV0dXJuIHRoaXMuX3NpemUoKTtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuc2hvd0ljb24uc2V0KHRoaXMuc2l6ZSA9PT0gQkFOTkVSX1NJWkUuQklHKTtcbiAgfVxuXG4gIGdldEljb25DbGFzcyh0eXBlOiBCYW5uZXJUeXBlcykge1xuICAgIHN3aXRjaCAodHlwZSkge1xuICAgICAgY2FzZSBCQU5ORVJfVFlQRS5TVUNDRVNTOlxuICAgICAgICByZXR1cm4gJ2ZhLWNoZWNrJztcbiAgICAgIGNhc2UgQkFOTkVSX1RZUEUuSU5GTzpcbiAgICAgICAgcmV0dXJuICdmYS1pbmZvJztcbiAgICAgIGNhc2UgQkFOTkVSX1RZUEUuV0FSTklORzpcbiAgICAgICAgcmV0dXJuICdmYS1leGNsYW1hdGlvbic7XG4gICAgICBjYXNlIEJBTk5FUl9UWVBFLkRBTkdFUjpcbiAgICAgICAgcmV0dXJuICdmYS10aW1lcyc7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gJ2ZhLWluZm8nO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImJhbm5lci13cmFwcGVyXCI+XG4gIEBpZiAoc2hvd0ljb24oKSkge1xuICAgIDxkaXYgY2xhc3M9XCJiYW5uZXItaWNvbi1ib3hcIiBhcmlhLWhpZGRlbj1cInRydWVcIj5cbiAgICAgIDxpIGNsYXNzPVwiZmFzIHR3LXRleHQtc2l6ZS1zbVwiIFtuZ0NsYXNzXT1cImljb25DbGFzcygpXCI+PC9pPlxuICAgIDwvZGl2PlxuICB9XG4gIDxkaXYgY2xhc3M9XCJiYW5uZXItY29udGVudFwiPlxuICAgIDxuZy1jb250ZW50IC8+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -145,14 +145,14 @@ class BannerComponent {
|
|
|
145
145
|
}
|
|
146
146
|
}
|
|
147
147
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: BannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
148
|
-
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-
|
|
148
|
+
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\" [ngClass]=\"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: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: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: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: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:12px;color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
149
149
|
}
|
|
150
150
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: BannerComponent, decorators: [{
|
|
151
151
|
type: Component,
|
|
152
152
|
args: [{ selector: 'lx-banner', host: {
|
|
153
153
|
'[attr.type]': 'type',
|
|
154
154
|
'[attr.size]': 'size'
|
|
155
|
-
}, imports: [CommonModule], 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-
|
|
155
|
+
}, imports: [CommonModule], 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\" [ngClass]=\"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: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: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: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: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:12px;color:#fff}\n"] }]
|
|
156
156
|
}], propDecorators: { type: [{
|
|
157
157
|
type: Input
|
|
158
158
|
}], size: [{
|