sb-element
Version:
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.1. It is a component library constructed around the SCSS library [Sb-Theming](https://github.com/SeverinBuchser/SbTheming) and supports [Angular Schematics]
56 lines • 8.83 kB
JavaScript
import { Attribute, Component, Input, Optional, ViewEncapsulation } from '@angular/core';
import { mixinSize, mixinColor, mixinClassName } from '../../core';
import * as i0 from "@angular/core";
import * as i1 from "../../core";
import * as i2 from "../../icon/icon/icon.component";
import * as i3 from "@angular/common";
const SbAlertBoxCore = mixinSize(mixinColor(mixinClassName(class {
constructor(_elementRef, _themeService) {
this._elementRef = _elementRef;
this._themeService = _themeService;
}
}, 'sb-alert-box')));
export class SbAlertBoxComponent extends SbAlertBoxCore {
constructor(elementRef, themeService, pill, plain) {
super(elementRef, themeService);
this.showArrow = true;
this.showIcon = true;
this.customIcon = false;
this.pill = false;
this.plain = false;
if (pill == '')
this.pill = true;
if (plain == '')
this.plain = true;
}
}
SbAlertBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: SbAlertBoxComponent, deps: [{ token: i0.ElementRef }, { token: i1.SbThemeService }, { token: 'pill', attribute: true, optional: true }, { token: 'plain', attribute: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
SbAlertBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: SbAlertBoxComponent, selector: "sb-alert-box", inputs: { size: "size", color: "color", showArrow: "showArrow", showIcon: "showIcon", customIcon: "customIcon" }, host: { properties: { "class.pill": "pill", "class.plain": "plain", "class.center": "!showArrow && !showIcon" } }, usesInheritance: true, ngImport: i0, template: "<sb-icon *ngIf=\"showArrow\"></sb-icon>\n<ng-content></ng-content>\n<ng-template ng-if [ngIf]=\"showIcon\">\n <ng-content *ngIf=\"customIcon; else defaultIcon\" select=\"[icon]\"></ng-content>\n <ng-template #defaultIcon>\n <sb-icon *ngIf=\"color == 'warn'\"></sb-icon>\n <sb-icon *ngIf=\"color == 'success'\"></sb-icon>\n <sb-icon *ngIf=\"color == 'info'\"></sb-icon>\n <sb-icon *ngIf=\"color == 'primary'\"></sb-icon>\n <sb-icon *ngIf=\"color == 'secondary'\"></sb-icon>\n </ng-template>\n</ng-template>\n", components: [{ type: i2.SbIconComponent, selector: "sb-icon", inputs: ["size", "color", "icon", "isOutline"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: SbAlertBoxComponent, decorators: [{
type: Component,
args: [{ selector: 'sb-alert-box', encapsulation: ViewEncapsulation.None, host: {
'[class.pill]': 'pill',
'[class.plain]': 'plain',
'[class.center]': '!showArrow && !showIcon'
}, inputs: [
'size',
'color'
], template: "<sb-icon *ngIf=\"showArrow\"></sb-icon>\n<ng-content></ng-content>\n<ng-template ng-if [ngIf]=\"showIcon\">\n <ng-content *ngIf=\"customIcon; else defaultIcon\" select=\"[icon]\"></ng-content>\n <ng-template #defaultIcon>\n <sb-icon *ngIf=\"color == 'warn'\"></sb-icon>\n <sb-icon *ngIf=\"color == 'success'\"></sb-icon>\n <sb-icon *ngIf=\"color == 'info'\"></sb-icon>\n <sb-icon *ngIf=\"color == 'primary'\"></sb-icon>\n <sb-icon *ngIf=\"color == 'secondary'\"></sb-icon>\n </ng-template>\n</ng-template>\n" }]
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.SbThemeService }, { type: undefined, decorators: [{
type: Optional
}, {
type: Attribute,
args: ['pill']
}] }, { type: undefined, decorators: [{
type: Optional
}, {
type: Attribute,
args: ['plain']
}] }]; }, propDecorators: { showArrow: [{
type: Input
}], showIcon: [{
type: Input
}], customIcon: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQtYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NiLWVsZW1lbnQvc3JjL2xpYi9ub3RpZmljYXRpb24vYWxlcnQtYm94L2FsZXJ0LWJveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zYi1lbGVtZW50L3NyYy9saWIvbm90aWZpY2F0aW9uL2FsZXJ0LWJveC9hbGVydC1ib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFFLFFBQVEsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNyRyxPQUFPLEVBQWtCLFNBQVMsRUFBRSxVQUFVLEVBQUUsY0FBYyxFQUFFLE1BQU0sWUFBWSxDQUFDOzs7OztBQUVuRixNQUFNLGNBQWMsR0FBRyxTQUFTLENBQzlCLFVBQVUsQ0FDUixjQUFjLENBQ1o7SUFDRSxZQUNTLFdBQXVCLEVBQ3ZCLGFBQTZCO1FBRDdCLGdCQUFXLEdBQVgsV0FBVyxDQUFZO1FBQ3ZCLGtCQUFhLEdBQWIsYUFBYSxDQUFnQjtJQUFHLENBQUM7Q0FDM0MsRUFBRSxjQUFjLENBQ2xCLENBQ0YsQ0FDRixDQUFDO0FBZ0JGLE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxjQUFjO0lBY3JELFlBQ0UsVUFBc0IsRUFDdEIsWUFBNEIsRUFDRyxJQUFTLEVBQ1IsS0FBVTtRQUUxQyxLQUFLLENBQUMsVUFBVSxFQUFFLFlBQVksQ0FBQyxDQUFDO1FBakIzQixjQUFTLEdBQVksSUFBSSxDQUFDO1FBRzFCLGFBQVEsR0FBWSxJQUFJLENBQUM7UUFHekIsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUUzQixTQUFJLEdBQVksS0FBSyxDQUFDO1FBQ3RCLFVBQUssR0FBWSxLQUFLLENBQUM7UUFTN0IsSUFBSSxJQUFJLElBQUksRUFBRTtZQUFFLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO1FBQ2pDLElBQUksS0FBSyxJQUFJLEVBQUU7WUFBRSxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztJQUNyQyxDQUFDOztnSEF2QlUsbUJBQW1CLDBFQWlCTCxNQUFNLDhDQUNOLE9BQU87b0dBbEJyQixtQkFBbUIsZ1RDN0JoQywrakJBWUE7MkZEaUJhLG1CQUFtQjtrQkFkL0IsU0FBUzsrQkFDRSxjQUFjLGlCQUVULGlCQUFpQixDQUFDLElBQUksUUFDL0I7d0JBQ0osY0FBYyxFQUFFLE1BQU07d0JBQ3RCLGVBQWUsRUFBRSxPQUFPO3dCQUN4QixnQkFBZ0IsRUFBRSx5QkFBeUI7cUJBQzVDLFVBQ087d0JBQ04sTUFBTTt3QkFDTixPQUFPO3FCQUNSOzswQkFtQkUsUUFBUTs7MEJBQUksU0FBUzsyQkFBQyxNQUFNOzswQkFDNUIsUUFBUTs7MEJBQUksU0FBUzsyQkFBQyxPQUFPOzRDQWZ6QixTQUFTO3NCQURmLEtBQUs7Z0JBSUMsUUFBUTtzQkFEZCxLQUFLO2dCQUlDLFVBQVU7c0JBRGhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBdHRyaWJ1dGUsIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIE9wdGlvbmFsLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2JUaGVtZVNlcnZpY2UsIG1peGluU2l6ZSwgbWl4aW5Db2xvciwgbWl4aW5DbGFzc05hbWUgfSBmcm9tICcuLi8uLi9jb3JlJztcblxuY29uc3QgU2JBbGVydEJveENvcmUgPSBtaXhpblNpemUoXG4gIG1peGluQ29sb3IoXG4gICAgbWl4aW5DbGFzc05hbWUoXG4gICAgICBjbGFzcyB7XG4gICAgICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICAgIHB1YmxpYyBfZWxlbWVudFJlZjogRWxlbWVudFJlZixcbiAgICAgICAgICBwdWJsaWMgX3RoZW1lU2VydmljZTogU2JUaGVtZVNlcnZpY2UpIHt9XG4gICAgICB9LCAnc2ItYWxlcnQtYm94J1xuICAgIClcbiAgKVxuKTtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2ItYWxlcnQtYm94JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FsZXJ0LWJveC5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGhvc3Q6IHtcbiAgICAnW2NsYXNzLnBpbGxdJzogJ3BpbGwnLFxuICAgICdbY2xhc3MucGxhaW5dJzogJ3BsYWluJyxcbiAgICAnW2NsYXNzLmNlbnRlcl0nOiAnIXNob3dBcnJvdyAmJiAhc2hvd0ljb24nXG4gIH0sXG4gIGlucHV0czogW1xuICAgICdzaXplJyxcbiAgICAnY29sb3InXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgU2JBbGVydEJveENvbXBvbmVudCBleHRlbmRzIFNiQWxlcnRCb3hDb3JlIHtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgc2hvd0Fycm93OiBib29sZWFuID0gdHJ1ZTtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgc2hvd0ljb246IGJvb2xlYW4gPSB0cnVlO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBjdXN0b21JY29uOiBib29sZWFuID0gZmFsc2U7XG5cbiAgcHJpdmF0ZSBwaWxsOiBib29sZWFuID0gZmFsc2U7XG4gIHByaXZhdGUgcGxhaW46IGJvb2xlYW4gPSBmYWxzZTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxuICAgIHRoZW1lU2VydmljZTogU2JUaGVtZVNlcnZpY2UsXG4gICAgQE9wdGlvbmFsKCkgQEF0dHJpYnV0ZSgncGlsbCcpIHBpbGw6IGFueSxcbiAgICBAT3B0aW9uYWwoKSBAQXR0cmlidXRlKCdwbGFpbicpIHBsYWluOiBhbnksXG4gICkge1xuICAgIHN1cGVyKGVsZW1lbnRSZWYsIHRoZW1lU2VydmljZSk7XG4gICAgaWYgKHBpbGwgPT0gJycpIHRoaXMucGlsbCA9IHRydWU7XG4gICAgaWYgKHBsYWluID09ICcnKSB0aGlzLnBsYWluID0gdHJ1ZTtcbiAgfVxuXG59XG4iLCI8c2ItaWNvbiAqbmdJZj1cInNob3dBcnJvd1wiPiYjeGYxZGY7PC9zYi1pY29uPlxuPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPG5nLXRlbXBsYXRlIG5nLWlmIFtuZ0lmXT1cInNob3dJY29uXCI+XG4gIDxuZy1jb250ZW50ICpuZ0lmPVwiY3VzdG9tSWNvbjsgZWxzZSBkZWZhdWx0SWNvblwiIHNlbGVjdD1cIltpY29uXVwiPjwvbmctY29udGVudD5cbiAgPG5nLXRlbXBsYXRlICNkZWZhdWx0SWNvbj5cbiAgICA8c2ItaWNvbiAqbmdJZj1cImNvbG9yID09ICd3YXJuJ1wiPiYjeGUwMDE7PC9zYi1pY29uPlxuICAgIDxzYi1pY29uICpuZ0lmPVwiY29sb3IgPT0gJ3N1Y2Nlc3MnXCI+JiN4ZTkyZDs8L3NiLWljb24+XG4gICAgPHNiLWljb24gKm5nSWY9XCJjb2xvciA9PSAnaW5mbydcIj4mI3hlODhmOzwvc2ItaWNvbj5cbiAgICA8c2ItaWNvbiAqbmdJZj1cImNvbG9yID09ICdwcmltYXJ5J1wiPiYjeGU5OTQ7PC9zYi1pY29uPlxuICAgIDxzYi1pY29uICpuZ0lmPVwiY29sb3IgPT0gJ3NlY29uZGFyeSdcIj4mI3hlODdlOzwvc2ItaWNvbj5cbiAgPC9uZy10ZW1wbGF0ZT5cbjwvbmctdGVtcGxhdGU+XG4iXX0=