@evotor-dev/ui-kit 8.0.6 → 8.2.0

package/esm2022/lib/components/evo-note/evo-note.component.mjs

@@ -1,10 +1,10 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, booleanAttribute, input } from '@angular/core';
 import { EvoIconComponent } from '../evo-icon/evo-icon.component';
 import { EvoUiClassDirective } from '../../directives/evo-ui-class.directive';
 import * as i0 from "@angular/core";
 export class EvoNoteComponent {
     constructor() {
-        this.closable = false;
+        this.closable = input(false, { transform: booleanAttribute });
         this.type = 'success';
         this.close = new EventEmitter();
     }
@@ -13,7 +13,7 @@ export class EvoNoteComponent {
         if (this.type) {
             classes.push('type-' + this.type);
         }
-        if (this.closable) {
+        if (this.closable()) {
             classes.push('is-closable');
         }
         return classes;
@@ -22,18 +22,16 @@ export class EvoNoteComponent {
         this.close.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoNoteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.10", type: EvoNoteComponent, isStandalone: true, selector: "evo-note", inputs: { closable: "closable", iconSrc: "iconSrc", type: "type" }, outputs: { close: "close" }, ngImport: i0, template: "<div class=\"evo-note\" [evoUiClass]=\"totalClasses\">\n    @if (closable) {\n        <a class=\"evo-note__close\" (click)=\"$event.preventDefault(); onCloseClick($event)\">\n            <evo-icon shape=\"close\" class=\"evo-note__close-icon\" />\n        </a>\n    }\n\n    @if (iconSrc) {\n        <div class=\"evo-note__icon\">\n            <img alt=\"\" [src]=\"iconSrc\" />\n        </div>\n    }\n\n    <div class=\"evo-note__content\">\n        <ng-content />\n    </div>\n</div>\n", styles: [":host{--evo-note-icon-size: 48px}.evo-note{position:relative;display:flex;align-items:center;box-sizing:border-box;padding:16px;font-size:14px;line-height:22px;border-radius:8px;gap:16px}.evo-note_is-closable{padding-right:32px}.evo-note_type-success{background-color:#e4f8f1}.evo-note_type-danger{background-color:#ffe8e8}.evo-note_type-info{background-color:#e6f9ff}.evo-note_type-warning{background-color:#fff8e6}.evo-note__icon{display:none;flex:0 0 var(--evo-note-icon-size);align-self:start;height:var(--evo-note-icon-size)}@media (min-width: 500px){.evo-note__icon{display:block}}.evo-note__close{position:absolute;top:4px;right:4px;display:flex;justify-content:center;align-items:center;width:24px;height:24px;color:#91b1b8}.evo-note__close:hover{color:#a7c1c6}.evo-note__close:active{color:#829fa6}.evo-note__close-icon{color:inherit;fill:currentColor}\n"], dependencies: [{ kind: "directive", type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { kind: "component", type: EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.10", type: EvoNoteComponent, isStandalone: true, selector: "evo-note", inputs: { closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, iconSrc: { classPropertyName: "iconSrc", publicName: "iconSrc", isSignal: false, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { close: "close" }, ngImport: i0, template: "<div class=\"evo-note\" [evoUiClass]=\"totalClasses\">\n    @if (closable()) {\n        <a class=\"evo-note__close\" (click)=\"$event.preventDefault(); onCloseClick($event)\">\n            <evo-icon shape=\"close\" class=\"evo-note__close-icon\" />\n        </a>\n    }\n\n    @if (iconSrc) {\n        <div class=\"evo-note__icon\">\n            <img alt=\"\" [src]=\"iconSrc\" />\n        </div>\n    }\n\n    <div class=\"evo-note__content\">\n        <ng-content />\n    </div>\n</div>\n", styles: [":host{--evo-note-icon-size: 48px}.evo-note{position:relative;display:flex;align-items:center;box-sizing:border-box;padding:16px;font-size:14px;line-height:22px;border-radius:8px;gap:16px}.evo-note_is-closable{padding-right:32px}.evo-note_type-success{background-color:#e4f8f1}.evo-note_type-danger{background-color:#ffe8e8}.evo-note_type-info{background-color:#e6f9ff}.evo-note_type-warning{background-color:#fff8e6}.evo-note__icon{display:none;flex:0 0 var(--evo-note-icon-size);align-self:start;height:var(--evo-note-icon-size)}@media (min-width: 500px){.evo-note__icon{display:block}}.evo-note__close{position:absolute;top:4px;right:4px;display:flex;justify-content:center;align-items:center;width:24px;height:24px;color:#91b1b8}.evo-note__close:hover{color:#a7c1c6}.evo-note__close:active{color:#829fa6}.evo-note__close-icon{color:inherit;fill:currentColor}\n"], dependencies: [{ kind: "directive", type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { kind: "component", type: EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoNoteComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'evo-note', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [EvoUiClassDirective, EvoIconComponent], template: "<div class=\"evo-note\" [evoUiClass]=\"totalClasses\">\n    @if (closable) {\n        <a class=\"evo-note__close\" (click)=\"$event.preventDefault(); onCloseClick($event)\">\n            <evo-icon shape=\"close\" class=\"evo-note__close-icon\" />\n        </a>\n    }\n\n    @if (iconSrc) {\n        <div class=\"evo-note__icon\">\n            <img alt=\"\" [src]=\"iconSrc\" />\n        </div>\n    }\n\n    <div class=\"evo-note__content\">\n        <ng-content />\n    </div>\n</div>\n", styles: [":host{--evo-note-icon-size: 48px}.evo-note{position:relative;display:flex;align-items:center;box-sizing:border-box;padding:16px;font-size:14px;line-height:22px;border-radius:8px;gap:16px}.evo-note_is-closable{padding-right:32px}.evo-note_type-success{background-color:#e4f8f1}.evo-note_type-danger{background-color:#ffe8e8}.evo-note_type-info{background-color:#e6f9ff}.evo-note_type-warning{background-color:#fff8e6}.evo-note__icon{display:none;flex:0 0 var(--evo-note-icon-size);align-self:start;height:var(--evo-note-icon-size)}@media (min-width: 500px){.evo-note__icon{display:block}}.evo-note__close{position:absolute;top:4px;right:4px;display:flex;justify-content:center;align-items:center;width:24px;height:24px;color:#91b1b8}.evo-note__close:hover{color:#a7c1c6}.evo-note__close:active{color:#829fa6}.evo-note__close-icon{color:inherit;fill:currentColor}\n"] }]
-        }], propDecorators: { closable: [{
-                type: Input
-            }], iconSrc: [{
+            args: [{ selector: 'evo-note', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [EvoUiClassDirective, EvoIconComponent], template: "<div class=\"evo-note\" [evoUiClass]=\"totalClasses\">\n    @if (closable()) {\n        <a class=\"evo-note__close\" (click)=\"$event.preventDefault(); onCloseClick($event)\">\n            <evo-icon shape=\"close\" class=\"evo-note__close-icon\" />\n        </a>\n    }\n\n    @if (iconSrc) {\n        <div class=\"evo-note__icon\">\n            <img alt=\"\" [src]=\"iconSrc\" />\n        </div>\n    }\n\n    <div class=\"evo-note__content\">\n        <ng-content />\n    </div>\n</div>\n", styles: [":host{--evo-note-icon-size: 48px}.evo-note{position:relative;display:flex;align-items:center;box-sizing:border-box;padding:16px;font-size:14px;line-height:22px;border-radius:8px;gap:16px}.evo-note_is-closable{padding-right:32px}.evo-note_type-success{background-color:#e4f8f1}.evo-note_type-danger{background-color:#ffe8e8}.evo-note_type-info{background-color:#e6f9ff}.evo-note_type-warning{background-color:#fff8e6}.evo-note__icon{display:none;flex:0 0 var(--evo-note-icon-size);align-self:start;height:var(--evo-note-icon-size)}@media (min-width: 500px){.evo-note__icon{display:block}}.evo-note__close{position:absolute;top:4px;right:4px;display:flex;justify-content:center;align-items:center;width:24px;height:24px;color:#91b1b8}.evo-note__close:hover{color:#a7c1c6}.evo-note__close:active{color:#829fa6}.evo-note__close-icon{color:inherit;fill:currentColor}\n"] }]
+        }], propDecorators: { iconSrc: [{
                 type: Input
             }], type: [{
                 type: Input
             }], close: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLW5vdGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXZvLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZXZvLW5vdGUvZXZvLW5vdGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXZvLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZXZvLW5vdGUvZXZvLW5vdGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUU5RixPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNoRSxPQUFPLEVBQUMsbUJBQW1CLEVBQUMsTUFBTSx5Q0FBeUMsQ0FBQzs7QUFVNUUsTUFBTSxPQUFPLGdCQUFnQjtJQVI3QjtRQVNhLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFakIsU0FBSSxHQUFnQixTQUFTLENBQUM7UUFFN0IsVUFBSyxHQUFHLElBQUksWUFBWSxFQUFjLENBQUM7S0FtQnBEO0lBakJHLElBQUksWUFBWTtRQUNaLE1BQU0sT0FBTyxHQUFhLEVBQUUsQ0FBQztRQUU3QixJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNaLE9BQU8sQ0FBQyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN0QyxDQUFDO1FBRUQsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDaEIsT0FBTyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUNoQyxDQUFDO1FBRUQsT0FBTyxPQUFPLENBQUM7SUFDbkIsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUFpQjtRQUMxQixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQixDQUFDOytHQXZCUSxnQkFBZ0I7bUdBQWhCLGdCQUFnQixxS0NiN0IsMGVBaUJBLHk1QkROYyxtQkFBbUIsMEZBQUUsZ0JBQWdCOzs0RkFFdEMsZ0JBQWdCO2tCQVI1QixTQUFTOytCQUNJLFVBQVUsbUJBR0gsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQyxtQkFBbUIsRUFBRSxnQkFBZ0IsQ0FBQzs4QkFHdkMsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUVJLEtBQUs7c0JBQWQsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7RXZvTm90ZVR5cGV9IGZyb20gJy4vdHlwZXMvZXZvLW5vdGUtdHlwZSc7XG5pbXBvcnQge0V2b0ljb25Db21wb25lbnR9IGZyb20gJy4uL2V2by1pY29uL2V2by1pY29uLmNvbXBvbmVudCc7XG5pbXBvcnQge0V2b1VpQ2xhc3NEaXJlY3RpdmV9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMvZXZvLXVpLWNsYXNzLmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXZvLW5vdGUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ldm8tbm90ZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZXZvLW5vdGUuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtFdm9VaUNsYXNzRGlyZWN0aXZlLCBFdm9JY29uQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgRXZvTm90ZUNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgY2xvc2FibGUgPSBmYWxzZTtcbiAgICBASW5wdXQoKSBpY29uU3JjOiBzdHJpbmc7XG4gICAgQElucHV0KCkgdHlwZTogRXZvTm90ZVR5cGUgPSAnc3VjY2Vzcyc7XG5cbiAgICBAT3V0cHV0KCkgY2xvc2UgPSBuZXcgRXZlbnRFbWl0dGVyPE1vdXNlRXZlbnQ+KCk7XG5cbiAgICBnZXQgdG90YWxDbGFzc2VzKCk6IHN0cmluZ1tdIHtcbiAgICAgICAgY29uc3QgY2xhc3Nlczogc3RyaW5nW10gPSBbXTtcblxuICAgICAgICBpZiAodGhpcy50eXBlKSB7XG4gICAgICAgICAgICBjbGFzc2VzLnB1c2goJ3R5cGUtJyArIHRoaXMudHlwZSk7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy5jbG9zYWJsZSkge1xuICAgICAgICAgICAgY2xhc3Nlcy5wdXNoKCdpcy1jbG9zYWJsZScpO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIGNsYXNzZXM7XG4gICAgfVxuXG4gICAgb25DbG9zZUNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgICAgIHRoaXMuY2xvc2UuZW1pdChldmVudCk7XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImV2by1ub3RlXCIgW2V2b1VpQ2xhc3NdPVwidG90YWxDbGFzc2VzXCI+XG4gICAgQGlmIChjbG9zYWJsZSkge1xuICAgICAgICA8YSBjbGFzcz1cImV2by1ub3RlX19jbG9zZVwiIChjbGljayk9XCIkZXZlbnQucHJldmVudERlZmF1bHQoKTsgb25DbG9zZUNsaWNrKCRldmVudClcIj5cbiAgICAgICAgICAgIDxldm8taWNvbiBzaGFwZT1cImNsb3NlXCIgY2xhc3M9XCJldm8tbm90ZV9fY2xvc2UtaWNvblwiIC8+XG4gICAgICAgIDwvYT5cbiAgICB9XG5cbiAgICBAaWYgKGljb25TcmMpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cImV2by1ub3RlX19pY29uXCI+XG4gICAgICAgICAgICA8aW1nIGFsdD1cIlwiIFtzcmNdPVwiaWNvblNyY1wiIC8+XG4gICAgICAgIDwvZGl2PlxuICAgIH1cblxuICAgIDxkaXYgY2xhc3M9XCJldm8tbm90ZV9fY29udGVudFwiPlxuICAgICAgICA8bmctY29udGVudCAvPlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLW5vdGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXZvLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZXZvLW5vdGUvZXZvLW5vdGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXZvLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZXZvLW5vdGUvZXZvLW5vdGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxnQkFBZ0IsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFdkgsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sZ0NBQWdDLENBQUM7QUFDaEUsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0seUNBQXlDLENBQUM7O0FBVTVFLE1BQU0sT0FBTyxnQkFBZ0I7SUFSN0I7UUFTSSxhQUFRLEdBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxFQUFDLFNBQVMsRUFBRSxnQkFBZ0IsRUFBQyxDQUFDLENBQUM7UUFFOUMsU0FBSSxHQUFnQixTQUFTLENBQUM7UUFFN0IsVUFBSyxHQUFHLElBQUksWUFBWSxFQUFjLENBQUM7S0FtQnBEO0lBakJHLElBQUksWUFBWTtRQUNaLE1BQU0sT0FBTyxHQUFhLEVBQUUsQ0FBQztRQUU3QixJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNaLE9BQU8sQ0FBQyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN0QyxDQUFDO1FBRUQsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLEVBQUUsQ0FBQztZQUNsQixPQUFPLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ2hDLENBQUM7UUFFRCxPQUFPLE9BQU8sQ0FBQztJQUNuQixDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQWlCO1FBQzFCLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzNCLENBQUM7K0dBdkJRLGdCQUFnQjttR0FBaEIsZ0JBQWdCLG1lQ2I3Qiw0ZUFpQkEseTVCRE5jLG1CQUFtQiwwRkFBRSxnQkFBZ0I7OzRGQUV0QyxnQkFBZ0I7a0JBUjVCLFNBQVM7K0JBQ0ksVUFBVSxtQkFHSCx1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUCxDQUFDLG1CQUFtQixFQUFFLGdCQUFnQixDQUFDOzhCQUl2QyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUVJLEtBQUs7c0JBQWQsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBib29sZWFuQXR0cmlidXRlLCBpbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0V2b05vdGVUeXBlfSBmcm9tICcuL3R5cGVzL2V2by1ub3RlLXR5cGUnO1xuaW1wb3J0IHtFdm9JY29uQ29tcG9uZW50fSBmcm9tICcuLi9ldm8taWNvbi9ldm8taWNvbi5jb21wb25lbnQnO1xuaW1wb3J0IHtFdm9VaUNsYXNzRGlyZWN0aXZlfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL2V2by11aS1jbGFzcy5kaXJlY3RpdmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V2by1ub3RlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXZvLW5vdGUuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2V2by1ub3RlLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbRXZvVWlDbGFzc0RpcmVjdGl2ZSwgRXZvSWNvbkNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIEV2b05vdGVDb21wb25lbnQge1xuICAgIGNsb3NhYmxlID0gaW5wdXQoZmFsc2UsIHt0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGV9KTtcbiAgICBASW5wdXQoKSBpY29uU3JjOiBzdHJpbmc7XG4gICAgQElucHV0KCkgdHlwZTogRXZvTm90ZVR5cGUgPSAnc3VjY2Vzcyc7XG5cbiAgICBAT3V0cHV0KCkgY2xvc2UgPSBuZXcgRXZlbnRFbWl0dGVyPE1vdXNlRXZlbnQ+KCk7XG5cbiAgICBnZXQgdG90YWxDbGFzc2VzKCk6IHN0cmluZ1tdIHtcbiAgICAgICAgY29uc3QgY2xhc3Nlczogc3RyaW5nW10gPSBbXTtcblxuICAgICAgICBpZiAodGhpcy50eXBlKSB7XG4gICAgICAgICAgICBjbGFzc2VzLnB1c2goJ3R5cGUtJyArIHRoaXMudHlwZSk7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy5jbG9zYWJsZSgpKSB7XG4gICAgICAgICAgICBjbGFzc2VzLnB1c2goJ2lzLWNsb3NhYmxlJyk7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gY2xhc3NlcztcbiAgICB9XG5cbiAgICBvbkNsb3NlQ2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5jbG9zZS5lbWl0KGV2ZW50KTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZXZvLW5vdGVcIiBbZXZvVWlDbGFzc109XCJ0b3RhbENsYXNzZXNcIj5cbiAgICBAaWYgKGNsb3NhYmxlKCkpIHtcbiAgICAgICAgPGEgY2xhc3M9XCJldm8tbm90ZV9fY2xvc2VcIiAoY2xpY2spPVwiJGV2ZW50LnByZXZlbnREZWZhdWx0KCk7IG9uQ2xvc2VDbGljaygkZXZlbnQpXCI+XG4gICAgICAgICAgICA8ZXZvLWljb24gc2hhcGU9XCJjbG9zZVwiIGNsYXNzPVwiZXZvLW5vdGVfX2Nsb3NlLWljb25cIiAvPlxuICAgICAgICA8L2E+XG4gICAgfVxuXG4gICAgQGlmIChpY29uU3JjKSB7XG4gICAgICAgIDxkaXYgY2xhc3M9XCJldm8tbm90ZV9faWNvblwiPlxuICAgICAgICAgICAgPGltZyBhbHQ9XCJcIiBbc3JjXT1cImljb25TcmNcIiAvPlxuICAgICAgICA8L2Rpdj5cbiAgICB9XG5cbiAgICA8ZGl2IGNsYXNzPVwiZXZvLW5vdGVfX2NvbnRlbnRcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgLz5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/fesm2022/evotor-dev-ui-kit.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, PLATFORM_ID, ɵstringify as _stringify, Directive, Input, EventEmitter, Output, HostListener, Optional, ViewContainerRef, TemplateRef, Inject, NgModule, CUSTOM_ELEMENTS_SCHEMA, inject, SecurityContext, Component, ChangeDetectionStrategy, HostBinding, Pipe, forwardRef, ViewChild, ViewEncapsulation, ContentChild, ElementRef, ComponentRef, input, booleanAttribute, computed, output, viewChild, signal, ChangeDetectorRef, DestroyRef, EnvironmentInjector, NgZone, createComponent, Injector, ApplicationRef, ComponentFactoryResolver, makeEnvironmentProviders, Host, ContentChildren, ViewChildren } from '@angular/core';
+import { InjectionToken, Injectable, PLATFORM_ID, ɵstringify as _stringify, Directive, Input, EventEmitter, Output, HostListener, Optional, ViewContainerRef, TemplateRef, Inject, NgModule, CUSTOM_ELEMENTS_SCHEMA, inject, SecurityContext, Component, ChangeDetectionStrategy, HostBinding, Pipe, forwardRef, ViewChild, ViewEncapsulation, ContentChild, ElementRef, input, booleanAttribute, ComponentRef, computed, output, viewChild, signal, ChangeDetectorRef, DestroyRef, EnvironmentInjector, NgZone, createComponent, Injector, ApplicationRef, ComponentFactoryResolver, makeEnvironmentProviders, Host, ContentChildren, ViewChildren } from '@angular/core';
 import * as i1 from '@angular/common';
 import { isPlatformBrowser, CommonModule, AsyncPipe, NgClass, NgTemplateOutlet, NgIf, NgStyle, Location, NgFor } from '@angular/common';
 import * as i1$2 from '@angular/forms';
@@ -3523,7 +3523,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
 
 class EvoNoteComponent {
     constructor() {
-        this.closable = false;
+        this.closable = input(false, { transform: booleanAttribute });
         this.type = 'success';
         this.close = new EventEmitter();
     }
@@ -3532,7 +3532,7 @@ class EvoNoteComponent {
         if (this.type) {
             classes.push('type-' + this.type);
         }
-        if (this.closable) {
+        if (this.closable()) {
             classes.push('is-closable');
         }
         return classes;
@@ -3541,14 +3541,12 @@ class EvoNoteComponent {
         this.close.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoNoteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.10", type: EvoNoteComponent, isStandalone: true, selector: "evo-note", inputs: { closable: "closable", iconSrc: "iconSrc", type: "type" }, outputs: { close: "close" }, ngImport: i0, template: "<div class=\"evo-note\" [evoUiClass]=\"totalClasses\">\n    @if (closable) {\n        <a class=\"evo-note__close\" (click)=\"$event.preventDefault(); onCloseClick($event)\">\n            <evo-icon shape=\"close\" class=\"evo-note__close-icon\" />\n        </a>\n    }\n\n    @if (iconSrc) {\n        <div class=\"evo-note__icon\">\n            <img alt=\"\" [src]=\"iconSrc\" />\n        </div>\n    }\n\n    <div class=\"evo-note__content\">\n        <ng-content />\n    </div>\n</div>\n", styles: [":host{--evo-note-icon-size: 48px}.evo-note{position:relative;display:flex;align-items:center;box-sizing:border-box;padding:16px;font-size:14px;line-height:22px;border-radius:8px;gap:16px}.evo-note_is-closable{padding-right:32px}.evo-note_type-success{background-color:#e4f8f1}.evo-note_type-danger{background-color:#ffe8e8}.evo-note_type-info{background-color:#e6f9ff}.evo-note_type-warning{background-color:#fff8e6}.evo-note__icon{display:none;flex:0 0 var(--evo-note-icon-size);align-self:start;height:var(--evo-note-icon-size)}@media (min-width: 500px){.evo-note__icon{display:block}}.evo-note__close{position:absolute;top:4px;right:4px;display:flex;justify-content:center;align-items:center;width:24px;height:24px;color:#91b1b8}.evo-note__close:hover{color:#a7c1c6}.evo-note__close:active{color:#829fa6}.evo-note__close-icon{color:inherit;fill:currentColor}\n"], dependencies: [{ kind: "directive", type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { kind: "component", type: EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.10", type: EvoNoteComponent, isStandalone: true, selector: "evo-note", inputs: { closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, iconSrc: { classPropertyName: "iconSrc", publicName: "iconSrc", isSignal: false, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { close: "close" }, ngImport: i0, template: "<div class=\"evo-note\" [evoUiClass]=\"totalClasses\">\n    @if (closable()) {\n        <a class=\"evo-note__close\" (click)=\"$event.preventDefault(); onCloseClick($event)\">\n            <evo-icon shape=\"close\" class=\"evo-note__close-icon\" />\n        </a>\n    }\n\n    @if (iconSrc) {\n        <div class=\"evo-note__icon\">\n            <img alt=\"\" [src]=\"iconSrc\" />\n        </div>\n    }\n\n    <div class=\"evo-note__content\">\n        <ng-content />\n    </div>\n</div>\n", styles: [":host{--evo-note-icon-size: 48px}.evo-note{position:relative;display:flex;align-items:center;box-sizing:border-box;padding:16px;font-size:14px;line-height:22px;border-radius:8px;gap:16px}.evo-note_is-closable{padding-right:32px}.evo-note_type-success{background-color:#e4f8f1}.evo-note_type-danger{background-color:#ffe8e8}.evo-note_type-info{background-color:#e6f9ff}.evo-note_type-warning{background-color:#fff8e6}.evo-note__icon{display:none;flex:0 0 var(--evo-note-icon-size);align-self:start;height:var(--evo-note-icon-size)}@media (min-width: 500px){.evo-note__icon{display:block}}.evo-note__close{position:absolute;top:4px;right:4px;display:flex;justify-content:center;align-items:center;width:24px;height:24px;color:#91b1b8}.evo-note__close:hover{color:#a7c1c6}.evo-note__close:active{color:#829fa6}.evo-note__close-icon{color:inherit;fill:currentColor}\n"], dependencies: [{ kind: "directive", type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { kind: "component", type: EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoNoteComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'evo-note', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [EvoUiClassDirective, EvoIconComponent], template: "<div class=\"evo-note\" [evoUiClass]=\"totalClasses\">\n    @if (closable) {\n        <a class=\"evo-note__close\" (click)=\"$event.preventDefault(); onCloseClick($event)\">\n            <evo-icon shape=\"close\" class=\"evo-note__close-icon\" />\n        </a>\n    }\n\n    @if (iconSrc) {\n        <div class=\"evo-note__icon\">\n            <img alt=\"\" [src]=\"iconSrc\" />\n        </div>\n    }\n\n    <div class=\"evo-note__content\">\n        <ng-content />\n    </div>\n</div>\n", styles: [":host{--evo-note-icon-size: 48px}.evo-note{position:relative;display:flex;align-items:center;box-sizing:border-box;padding:16px;font-size:14px;line-height:22px;border-radius:8px;gap:16px}.evo-note_is-closable{padding-right:32px}.evo-note_type-success{background-color:#e4f8f1}.evo-note_type-danger{background-color:#ffe8e8}.evo-note_type-info{background-color:#e6f9ff}.evo-note_type-warning{background-color:#fff8e6}.evo-note__icon{display:none;flex:0 0 var(--evo-note-icon-size);align-self:start;height:var(--evo-note-icon-size)}@media (min-width: 500px){.evo-note__icon{display:block}}.evo-note__close{position:absolute;top:4px;right:4px;display:flex;justify-content:center;align-items:center;width:24px;height:24px;color:#91b1b8}.evo-note__close:hover{color:#a7c1c6}.evo-note__close:active{color:#829fa6}.evo-note__close-icon{color:inherit;fill:currentColor}\n"] }]
-        }], propDecorators: { closable: [{
-                type: Input
-            }], iconSrc: [{
+            args: [{ selector: 'evo-note', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [EvoUiClassDirective, EvoIconComponent], template: "<div class=\"evo-note\" [evoUiClass]=\"totalClasses\">\n    @if (closable()) {\n        <a class=\"evo-note__close\" (click)=\"$event.preventDefault(); onCloseClick($event)\">\n            <evo-icon shape=\"close\" class=\"evo-note__close-icon\" />\n        </a>\n    }\n\n    @if (iconSrc) {\n        <div class=\"evo-note__icon\">\n            <img alt=\"\" [src]=\"iconSrc\" />\n        </div>\n    }\n\n    <div class=\"evo-note__content\">\n        <ng-content />\n    </div>\n</div>\n", styles: [":host{--evo-note-icon-size: 48px}.evo-note{position:relative;display:flex;align-items:center;box-sizing:border-box;padding:16px;font-size:14px;line-height:22px;border-radius:8px;gap:16px}.evo-note_is-closable{padding-right:32px}.evo-note_type-success{background-color:#e4f8f1}.evo-note_type-danger{background-color:#ffe8e8}.evo-note_type-info{background-color:#e6f9ff}.evo-note_type-warning{background-color:#fff8e6}.evo-note__icon{display:none;flex:0 0 var(--evo-note-icon-size);align-self:start;height:var(--evo-note-icon-size)}@media (min-width: 500px){.evo-note__icon{display:block}}.evo-note__close{position:absolute;top:4px;right:4px;display:flex;justify-content:center;align-items:center;width:24px;height:24px;color:#91b1b8}.evo-note__close:hover{color:#a7c1c6}.evo-note__close:active{color:#829fa6}.evo-note__close-icon{color:inherit;fill:currentColor}\n"] }]
+        }], propDecorators: { iconSrc: [{
                 type: Input
             }], type: [{
                 type: Input