cu-ng-design-library
Version:
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.3.0.
42 lines • 9.24 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class AlertComponent {
generateClassNames() {
console.log(this.options);
if (!this.options) {
return 'panel-default';
}
const classNames = [];
if (this.options.accent) {
classNames.push(`accent-${this.options.accent}`);
}
if (this.options.fill) {
classNames.push('fill');
}
if (this.options.heavyTop) {
classNames.push('heavy-top');
}
if (this.options.indent) {
classNames.push(`indent${this.options.indent}`);
}
return classNames;
}
}
AlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
AlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: AlertComponent, selector: "lib-alert", inputs: { options: "options" }, ngImport: i0, template: `
<div class="panel" [ngClass]="generateClassNames()">
<ng-content></ng-content>
</div>
`, isInline: true, styles: [".panel{width:100%;padding:5px 8px;border:1px solid #dbdbdb;margin-bottom:1.5em;overflow:hidden;background-color:transparent;border-radius:0;box-shadow:none}.panel.align-right{float:right}.panel.fill{background-color:#f7f7f7}.panel.collapse{padding:0}.accent-blue-green{border-color:#9eddeb!important}.accent-blue{border-color:#9ebceb!important}.accent-purple{border-color:#ad9eeb!important}.accent-gold{border-color:#ebd59e!important}.accent-green{border-color:#9eeba5!important}.accent-red{border-color:#ffc3b8!important}.accent-blue-green.fill{background-color:#ecf8fb!important}.accent-blue.fill{background-color:#ecf2fb!important}.accent-purple.fill{background-color:#f3f1fc!important}.accent-gold.fill{background-color:#fbf7ec!important}.accent-green.fill{background-color:#ecfbed!important}.accent-red.fill{background-color:#ffede9!important}.indent1{width:98%;margin-left:2%}.indent2{width:96%;margin-left:4%}.indent3{width:94%;margin-left:6%}.indent4{width:92%;margin-left:8%}.no-indent-mobile{width:100%;margin-left:0}.heavy-left{border-left-width:3px}.heavy-top{border-top-width:3px}.panel.dialog,.panel.padded{padding:20px}.panel.dialog h1,.panel.dialog h2,.panel.dialog h3,.panel.dialog h4,.panel.dialog h5,.panel.dialog h6{margin-bottom:.5em}.panel.dialog p,.panel.dialog ul,.panel.dialog ol,.panel.dialog dl{margin-bottom:.75em}.panel.dialog *:last-child{margin-bottom:0}.panel.dialog h1 .fa,.panel.dialog h2 .fa,.panel.dialog h3 .fa,.panel.dialog h4 .fa,.panel.dialog h1 .zmdi,.panel.dialog h2 .zmdi,.panel.dialog h3 .zmdi,.panel.dialog h4 .zmdi{margin:0 8px 0 -1px;padding-left:1px;font-size:28px;line-height:.55;opacity:.3;position:relative;top:2px}.panel.dialog-error h1 .fa:before,.panel.dialog-error h2 .fa:before,.panel.dialog-error h3 .fa:before,.panel.dialog-error h4 .fa:before{content:\"\\f05e\"}.panel.dialog-warning h1 .fa:before,.panel.dialog-warning h2 .fa:before,.panel.dialog-warning h3 .fa:before,.panel.dialog-warning h4 .fa:before{content:\"\\f071\"}.panel.dialog-notice h1 .fa:before,.panel.dialog-notice h2 .fa:before,.panel.dialog-notice h3 .fa:before,.panel.dialog-notice h4 .fa:before{content:\"\\f05a\"}.panel.dialog-success h1 .fa:before,.panel.dialog-success h2 .fa:before,.panel.dialog-success h3 .fa:before,.panel.dialog-success h4 .fa:before{content:\"\\f058\"}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: AlertComponent, decorators: [{
type: Component,
args: [{ selector: 'lib-alert', template: `
<div class="panel" [ngClass]="generateClassNames()">
<ng-content></ng-content>
</div>
`, styles: [".panel{width:100%;padding:5px 8px;border:1px solid #dbdbdb;margin-bottom:1.5em;overflow:hidden;background-color:transparent;border-radius:0;box-shadow:none}.panel.align-right{float:right}.panel.fill{background-color:#f7f7f7}.panel.collapse{padding:0}.accent-blue-green{border-color:#9eddeb!important}.accent-blue{border-color:#9ebceb!important}.accent-purple{border-color:#ad9eeb!important}.accent-gold{border-color:#ebd59e!important}.accent-green{border-color:#9eeba5!important}.accent-red{border-color:#ffc3b8!important}.accent-blue-green.fill{background-color:#ecf8fb!important}.accent-blue.fill{background-color:#ecf2fb!important}.accent-purple.fill{background-color:#f3f1fc!important}.accent-gold.fill{background-color:#fbf7ec!important}.accent-green.fill{background-color:#ecfbed!important}.accent-red.fill{background-color:#ffede9!important}.indent1{width:98%;margin-left:2%}.indent2{width:96%;margin-left:4%}.indent3{width:94%;margin-left:6%}.indent4{width:92%;margin-left:8%}.no-indent-mobile{width:100%;margin-left:0}.heavy-left{border-left-width:3px}.heavy-top{border-top-width:3px}.panel.dialog,.panel.padded{padding:20px}.panel.dialog h1,.panel.dialog h2,.panel.dialog h3,.panel.dialog h4,.panel.dialog h5,.panel.dialog h6{margin-bottom:.5em}.panel.dialog p,.panel.dialog ul,.panel.dialog ol,.panel.dialog dl{margin-bottom:.75em}.panel.dialog *:last-child{margin-bottom:0}.panel.dialog h1 .fa,.panel.dialog h2 .fa,.panel.dialog h3 .fa,.panel.dialog h4 .fa,.panel.dialog h1 .zmdi,.panel.dialog h2 .zmdi,.panel.dialog h3 .zmdi,.panel.dialog h4 .zmdi{margin:0 8px 0 -1px;padding-left:1px;font-size:28px;line-height:.55;opacity:.3;position:relative;top:2px}.panel.dialog-error h1 .fa:before,.panel.dialog-error h2 .fa:before,.panel.dialog-error h3 .fa:before,.panel.dialog-error h4 .fa:before{content:\"\\f05e\"}.panel.dialog-warning h1 .fa:before,.panel.dialog-warning h2 .fa:before,.panel.dialog-warning h3 .fa:before,.panel.dialog-warning h4 .fa:before{content:\"\\f071\"}.panel.dialog-notice h1 .fa:before,.panel.dialog-notice h2 .fa:before,.panel.dialog-notice h3 .fa:before,.panel.dialog-notice h4 .fa:before{content:\"\\f05a\"}.panel.dialog-success h1 .fa:before,.panel.dialog-success h2 .fa:before,.panel.dialog-success h3 .fa:before,.panel.dialog-success h4 .fa:before{content:\"\\f058\"}\n"] }]
}], propDecorators: { options: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3UtbmctZGVzaWduLWxpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7O0FBMEJ6RCxNQUFNLE9BQU8sY0FBYztJQUd6QixrQkFBa0I7UUFDaEIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDMUIsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDakIsT0FBTyxlQUFlLENBQUM7U0FDeEI7UUFFRCxNQUFNLFVBQVUsR0FBRyxFQUFFLENBQUM7UUFDdEIsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRTtZQUN2QixVQUFVLENBQUMsSUFBSSxDQUFDLFVBQVUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDO1NBQ2xEO1FBQ0QsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRTtZQUNyQixVQUFVLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1NBQ3pCO1FBQ0QsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsRUFBRTtZQUN6QixVQUFVLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1NBQzlCO1FBQ0QsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRTtZQUN2QixVQUFVLENBQUMsSUFBSSxDQUFDLFNBQVMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDO1NBQ2pEO1FBQ0QsT0FBTyxVQUFVLENBQUM7SUFDcEIsQ0FBQzs7MkdBdkJVLGNBQWM7K0ZBQWQsY0FBYyxpRkFQZjs7OztHQUlUOzJGQUdVLGNBQWM7a0JBVDFCLFNBQVM7K0JBQ0UsV0FBVyxZQUNYOzs7O0dBSVQ7OEJBSVEsT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbnR5cGUgQWNjZW50T3B0aW9ucyA9XG4gIHwgJ2JsdWUnXG4gIHwgJ2JsdWUtZ3JlZW4nXG4gIHwgJ2dvbGQnXG4gIHwgJ2dyZWVuJ1xuICB8ICdwdXJwbGUnXG4gIHwgJ3JlZCc7XG5cbmludGVyZmFjZSBQYW5lbE9wdGlvbnMge1xuICBhY2NlbnQ/OiBBY2NlbnRPcHRpb25zO1xuICBmaWxsPzogYm9vbGVhbjtcbiAgaGVhdnlUb3A/OiBib29sZWFuO1xuICBpbmRlbnQ/OiBudW1iZXI7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1hbGVydCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cInBhbmVsXCIgW25nQ2xhc3NdPVwiZ2VuZXJhdGVDbGFzc05hbWVzKClcIj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vYWxlcnQuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQWxlcnRDb21wb25lbnQge1xuICBASW5wdXQoKSBvcHRpb25zITogUGFuZWxPcHRpb25zIHwgdW5kZWZpbmVkO1xuXG4gIGdlbmVyYXRlQ2xhc3NOYW1lcygpIHtcbiAgICBjb25zb2xlLmxvZyh0aGlzLm9wdGlvbnMpO1xuICAgIGlmICghdGhpcy5vcHRpb25zKSB7XG4gICAgICByZXR1cm4gJ3BhbmVsLWRlZmF1bHQnO1xuICAgIH1cblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBbXTtcbiAgICBpZiAodGhpcy5vcHRpb25zLmFjY2VudCkge1xuICAgICAgY2xhc3NOYW1lcy5wdXNoKGBhY2NlbnQtJHt0aGlzLm9wdGlvbnMuYWNjZW50fWApO1xuICAgIH1cbiAgICBpZiAodGhpcy5vcHRpb25zLmZpbGwpIHtcbiAgICAgIGNsYXNzTmFtZXMucHVzaCgnZmlsbCcpO1xuICAgIH1cbiAgICBpZiAodGhpcy5vcHRpb25zLmhlYXZ5VG9wKSB7XG4gICAgICBjbGFzc05hbWVzLnB1c2goJ2hlYXZ5LXRvcCcpO1xuICAgIH1cbiAgICBpZiAodGhpcy5vcHRpb25zLmluZGVudCkge1xuICAgICAgY2xhc3NOYW1lcy5wdXNoKGBpbmRlbnQke3RoaXMub3B0aW9ucy5pbmRlbnR9YCk7XG4gICAgfVxuICAgIHJldHVybiBjbGFzc05hbWVzO1xuICB9XG59XG4iXX0=