@ng-atomic/components 16.2.0 → 16.3.1

package/esm2022/templates/term/term.template.mjs

@@ -1,31 +1,34 @@
-import { Component, Directive, Input, inject } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { Component, Directive, inject, input } from '@angular/core';
 import { ScrollFrame } from '@ng-atomic/components/frames/scroll';
 import { MarkdownModule } from 'ngx-markdown';
 import { NavigatorOrganism } from '@ng-atomic/components/organisms/navigator';
 import { HeaderMolecule } from '@ng-atomic/components/molecules/header';
-import { NgAtomicComponent } from '@ng-atomic/core';
+import { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
 import * as i1 from "ngx-markdown";
 var ActionId;
 (function (ActionId) {
     ActionId["BACK"] = "[@ng-atomic/components/templates/term] Back";
 })(ActionId || (ActionId = {}));
-export class TermTemplateStore {
+export class TermTemplateStore extends InjectableComponent {
     constructor() {
-        this.navStartActions = [
+        super(...arguments);
+        this.navStartActions = input([
             {
                 id: ActionId.BACK,
                 name: '戻る',
                 icon: 'arrow_back',
             },
-        ];
-        this.navEndActions = [];
+        ]);
+        this.navEndActions = input([]);
+        this.title = input('title');
+        this.src = input('title');
+        this.data = input('data');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TermTemplateStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TermTemplateStore, isStandalone: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TermTemplateStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: TermTemplateStore, isStandalone: true, inputs: { navStartActions: { classPropertyName: "navStartActions", publicName: "navStartActions", isSignal: true, isRequired: false, transformFunction: null }, navEndActions: { classPropertyName: "navEndActions", publicName: "navEndActions", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TermTemplateStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TermTemplateStore, decorators: [{
             type: Directive,
             args: [{ standalone: true }]
         }] });
@@ -35,25 +38,28 @@ export class TermTemplate extends NgAtomicComponent {
         this.store = inject(TermTemplateStore);
     }
     static { this.ActionId = ActionId; }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TermTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TermTemplate, isStandalone: true, selector: "templates-term", inputs: { title: "title", src: "src" }, usesInheritance: true, hostDirectives: [{ directive: TermTemplateStore }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TermTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: TermTemplate, isStandalone: true, selector: "templates-term", usesInheritance: true, hostDirectives: [{ directive: TermTemplateStore, inputs: ["navStartActions", "navStartActions", "navEndActions", "navEndActions", "title", "title", "src", "src", "data", "data"] }], ngImport: i0, template: `
   <frames-scroll>
     <organisms-navigator 
-      [startActions]="store.navStartActions"
-      [endActions]="store.navEndActions"
+      [startActions]="store.navStartActions()"
+      [endActions]="store.navEndActions()"
       (action)="dispatch($event)"
       navigator
     >
-      <molecules-header [title]="title"></molecules-header>
+      <molecules-header [title]="store.title()"></molecules-header>
     </organisms-navigator>
-    <markdown [src]="src" contents></markdown>
+    @if (store.src()) {
+      <markdown [src]="store.src()" contents />
+    } @else {
+      <markdown [data]="store.data()" contents />
+    }
   </frames-scroll>
-  `, isInline: true, styles: [":host{display:block;width:100%;height:100%;font-size:12px}:host frames-scroll markdown{display:block;width:100%;min-height:100%;box-sizing:border-box;padding:16px 32px 0;background-color:#fff}:host frames-scroll markdown ::ng-deep{color:#5c5c5c}:host frames-scroll markdown ::ng-deep h1{margin-block-start:0em;margin-block-end:0em;font-size:2em;color:#3d3d3d}:host frames-scroll markdown ::ng-deep h2{margin-block-start:1.5em;margin-block-end:1em;font-size:1.5em;font-weight:700;color:#3d3d3d}:host frames-scroll markdown ::ng-deep ul{margin-block-start:0px;padding-inline-start:16px;list-style-type:decimal}:host frames-scroll markdown ::ng-deep p{word-break:break-all}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator", inputs: ["startActions", "endActions"] }, { kind: "component", type: HeaderMolecule, selector: "molecules-header", inputs: ["title", "description"] }, { kind: "ngmodule", type: MarkdownModule }, { kind: "component", type: i1.MarkdownComponent, selector: "markdown, [markdown]", inputs: ["data", "src", "disableSanitizer", "inline", "srcRelativeLink", "clipboard", "clipboardButtonComponent", "clipboardButtonTemplate", "emoji", "katex", "katexOptions", "mermaid", "mermaidOptions", "lineHighlight", "line", "lineOffset", "lineNumbers", "start", "commandLine", "filterOutput", "host", "prompt", "output", "user"], outputs: ["error", "load", "ready"] }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }] }); }
+  `, isInline: true, styles: [":host{display:block;width:100%;height:100%;font-size:12px}:host frames-scroll markdown{display:block;width:100%;min-height:100%;box-sizing:border-box;padding:16px 32px 0;background-color:#fff}:host frames-scroll markdown ::ng-deep{color:#5c5c5c}:host frames-scroll markdown ::ng-deep h1{margin-block-start:0em;margin-block-end:0em;font-size:2em;color:#3d3d3d}:host frames-scroll markdown ::ng-deep h2{margin-block-start:1.5em;margin-block-end:1em;font-size:1.5em;font-weight:700;color:#3d3d3d}:host frames-scroll markdown ::ng-deep ul{margin-block-start:0px;padding-inline-start:16px;list-style-type:decimal}:host frames-scroll markdown ::ng-deep p{word-break:break-all}\n"], dependencies: [{ kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }, { kind: "component", type: HeaderMolecule, selector: "molecules-header" }, { kind: "ngmodule", type: MarkdownModule }, { kind: "component", type: i1.MarkdownComponent, selector: "markdown, [markdown]", inputs: ["data", "src", "disableSanitizer", "inline", "clipboard", "clipboardButtonComponent", "clipboardButtonTemplate", "emoji", "katex", "katexOptions", "mermaid", "mermaidOptions", "lineHighlight", "line", "lineOffset", "lineNumbers", "start", "commandLine", "filterOutput", "host", "prompt", "output", "user"], outputs: ["error", "load", "ready"] }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TermTemplate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TermTemplate, decorators: [{
             type: Component,
             args: [{ selector: 'templates-term', standalone: true, imports: [
-                        CommonModule,
                         NavigatorOrganism,
                         HeaderMolecule,
                         MarkdownModule,
@@ -61,19 +67,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     ], template: `
   <frames-scroll>
     <organisms-navigator 
-      [startActions]="store.navStartActions"
-      [endActions]="store.navEndActions"
+      [startActions]="store.navStartActions()"
+      [endActions]="store.navEndActions()"
       (action)="dispatch($event)"
       navigator
     >
-      <molecules-header [title]="title"></molecules-header>
+      <molecules-header [title]="store.title()"></molecules-header>
     </organisms-navigator>
-    <markdown [src]="src" contents></markdown>
+    @if (store.src()) {
+      <markdown [src]="store.src()" contents />
+    } @else {
+      <markdown [data]="store.data()" contents />
+    }
   </frames-scroll>
-  `, hostDirectives: [TermTemplateStore], styles: [":host{display:block;width:100%;height:100%;font-size:12px}:host frames-scroll markdown{display:block;width:100%;min-height:100%;box-sizing:border-box;padding:16px 32px 0;background-color:#fff}:host frames-scroll markdown ::ng-deep{color:#5c5c5c}:host frames-scroll markdown ::ng-deep h1{margin-block-start:0em;margin-block-end:0em;font-size:2em;color:#3d3d3d}:host frames-scroll markdown ::ng-deep h2{margin-block-start:1.5em;margin-block-end:1em;font-size:1.5em;font-weight:700;color:#3d3d3d}:host frames-scroll markdown ::ng-deep ul{margin-block-start:0px;padding-inline-start:16px;list-style-type:decimal}:host frames-scroll markdown ::ng-deep p{word-break:break-all}\n"] }]
-        }], propDecorators: { title: [{
-                type: Input
-            }], src: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVybS50ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL3RlbXBsYXRlcy90ZXJtL3Rlcm0udGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQWdCLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUNsRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzlDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUN4RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBRXBELElBQUssUUFFSjtBQUZELFdBQUssUUFBUTtJQUNYLGdFQUFvRCxDQUFBO0FBQ3RELENBQUMsRUFGSSxRQUFRLEtBQVIsUUFBUSxRQUVaO0FBR0QsTUFBTSxPQUFPLGlCQUFpQjtJQUQ5QjtRQUVXLG9CQUFlLEdBQUc7WUFDekI7Z0JBQ0UsRUFBRSxFQUFFLFFBQVEsQ0FBQyxJQUFJO2dCQUNqQixJQUFJLEVBQUUsSUFBSTtnQkFDVixJQUFJLEVBQUUsWUFBWTthQUNuQjtTQUNGLENBQUM7UUFDTyxrQkFBYSxHQUFHLEVBQUUsQ0FBQztLQUM3QjsrR0FUWSxpQkFBaUI7bUdBQWpCLGlCQUFpQjs7NEZBQWpCLGlCQUFpQjtrQkFEN0IsU0FBUzttQkFBQyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUU7O0FBc0MvQixNQUFNLE9BQU8sWUFBYSxTQUFRLGlCQUFpQjtJQTFCbkQ7O1FBNkJZLFVBQUssR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztLQU83QzthQVRpQixhQUFRLEdBQUcsUUFBUSxBQUFYLENBQVk7K0dBRHpCLFlBQVk7bUdBQVosWUFBWSwrSUFyQ1osaUJBQWlCLDZCQXFCbEI7Ozs7Ozs7Ozs7OztHQVlULHl1QkFsQkMsWUFBWSwrQkFDWixpQkFBaUIsd0dBQ2pCLGNBQWMsOEZBQ2QsY0FBYyx3ZUFDZCxXQUFXOzs0RkFrQkYsWUFBWTtrQkExQnhCLFNBQVM7K0JBQ0UsZ0JBQWdCLGNBQ2QsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osaUJBQWlCO3dCQUNqQixjQUFjO3dCQUNkLGNBQWM7d0JBQ2QsV0FBVztxQkFDWixZQUNTOzs7Ozs7Ozs7Ozs7R0FZVCxrQkFFZSxDQUFDLGlCQUFpQixDQUFDOzhCQVFuQyxLQUFLO3NCQURKLEtBQUs7Z0JBSU4sR0FBRztzQkFERixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBEaXJlY3RpdmUsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU2Nyb2xsRnJhbWUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvZnJhbWVzL3Njcm9sbCc7XG5pbXBvcnQgeyBNYXJrZG93bk1vZHVsZSB9IGZyb20gJ25neC1tYXJrZG93bic7XG5pbXBvcnQgeyBOYXZpZ2F0b3JPcmdhbmlzbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvbmF2aWdhdG9yJztcbmltcG9ydCB7IEhlYWRlck1vbGVjdWxlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL21vbGVjdWxlcy9oZWFkZXInO1xuaW1wb3J0IHsgTmdBdG9taWNDb21wb25lbnQgfSBmcm9tICdAbmctYXRvbWljL2NvcmUnO1xuXG5lbnVtIEFjdGlvbklkIHtcbiAgQkFDSyA9ICdbQG5nLWF0b21pYy9jb21wb25lbnRzL3RlbXBsYXRlcy90ZXJtXSBCYWNrJyxcbn1cblxuQERpcmVjdGl2ZSh7IHN0YW5kYWxvbmU6IHRydWUgfSlcbmV4cG9ydCBjbGFzcyBUZXJtVGVtcGxhdGVTdG9yZSB7XG4gIHJlYWRvbmx5IG5hdlN0YXJ0QWN0aW9ucyA9IFtcbiAgICB7XG4gICAgICBpZDogQWN0aW9uSWQuQkFDSyxcbiAgICAgIG5hbWU6ICfmiLvjgosnLFxuICAgICAgaWNvbjogJ2Fycm93X2JhY2snLFxuICAgIH0sXG4gIF07XG4gIHJlYWRvbmx5IG5hdkVuZEFjdGlvbnMgPSBbXTtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGVtcGxhdGVzLXRlcm0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE5hdmlnYXRvck9yZ2FuaXNtLFxuICAgIEhlYWRlck1vbGVjdWxlLFxuICAgIE1hcmtkb3duTW9kdWxlLFxuICAgIFNjcm9sbEZyYW1lLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICA8ZnJhbWVzLXNjcm9sbD5cbiAgICA8b3JnYW5pc21zLW5hdmlnYXRvciBcbiAgICAgIFtzdGFydEFjdGlvbnNdPVwic3RvcmUubmF2U3RhcnRBY3Rpb25zXCJcbiAgICAgIFtlbmRBY3Rpb25zXT1cInN0b3JlLm5hdkVuZEFjdGlvbnNcIlxuICAgICAgKGFjdGlvbik9XCJkaXNwYXRjaCgkZXZlbnQpXCJcbiAgICAgIG5hdmlnYXRvclxuICAgID5cbiAgICAgIDxtb2xlY3VsZXMtaGVhZGVyIFt0aXRsZV09XCJ0aXRsZVwiPjwvbW9sZWN1bGVzLWhlYWRlcj5cbiAgICA8L29yZ2FuaXNtcy1uYXZpZ2F0b3I+XG4gICAgPG1hcmtkb3duIFtzcmNdPVwic3JjXCIgY29udGVudHM+PC9tYXJrZG93bj5cbiAgPC9mcmFtZXMtc2Nyb2xsPlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi90ZXJtLnRlbXBsYXRlLnNjc3MnXSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtUZXJtVGVtcGxhdGVTdG9yZV0sXG59KVxuZXhwb3J0IGNsYXNzIFRlcm1UZW1wbGF0ZSBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgc3RhdGljIHJlYWRvbmx5IEFjdGlvbklkID0gQWN0aW9uSWQ7XG5cbiAgcHJvdGVjdGVkIHN0b3JlID0gaW5qZWN0KFRlcm1UZW1wbGF0ZVN0b3JlKTtcblxuICBASW5wdXQoKVxuICB0aXRsZSE6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBzcmMhOiBzdHJpbmc7XG59XG4iXX0=
+  `, hostDirectives: [
+                        {
+                            directive: TermTemplateStore,
+                            inputs: ['navStartActions', 'navEndActions', 'title', 'src', 'data'],
+                        }
+                    ], styles: [":host{display:block;width:100%;height:100%;font-size:12px}:host frames-scroll markdown{display:block;width:100%;min-height:100%;box-sizing:border-box;padding:16px 32px 0;background-color:#fff}:host frames-scroll markdown ::ng-deep{color:#5c5c5c}:host frames-scroll markdown ::ng-deep h1{margin-block-start:0em;margin-block-end:0em;font-size:2em;color:#3d3d3d}:host frames-scroll markdown ::ng-deep h2{margin-block-start:1.5em;margin-block-end:1em;font-size:1.5em;font-weight:700;color:#3d3d3d}:host frames-scroll markdown ::ng-deep ul{margin-block-start:0px;padding-inline-start:16px;list-style-type:decimal}:host frames-scroll markdown ::ng-deep p{word-break:break-all}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVybS50ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL3RlbXBsYXRlcy90ZXJtL3Rlcm0udGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVwRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDbEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUM5QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDeEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQUV6RSxJQUFLLFFBRUo7QUFGRCxXQUFLLFFBQVE7SUFDWCxnRUFBb0QsQ0FBQTtBQUN0RCxDQUFDLEVBRkksUUFBUSxLQUFSLFFBQVEsUUFFWjtBQUdELE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxtQkFBbUI7SUFEMUQ7O1FBRVcsb0JBQWUsR0FBRyxLQUFLLENBQUM7WUFDL0I7Z0JBQ0UsRUFBRSxFQUFFLFFBQVEsQ0FBQyxJQUFJO2dCQUNqQixJQUFJLEVBQUUsSUFBSTtnQkFDVixJQUFJLEVBQUUsWUFBWTthQUNuQjtTQUNGLENBQUMsQ0FBQztRQUNNLGtCQUFhLEdBQUcsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQzFCLFVBQUssR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDdkIsUUFBRyxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNyQixTQUFJLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0tBQy9COzhHQVpZLGlCQUFpQjtrR0FBakIsaUJBQWlCOzsyRkFBakIsaUJBQWlCO2tCQUQ3QixTQUFTO21CQUFDLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRTs7QUFpRC9CLE1BQU0sT0FBTyxZQUFhLFNBQVEsaUJBQWlCO0lBbENuRDs7UUFvQ1ksVUFBSyxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0tBQzdDO2FBRmlCLGFBQVEsR0FBRyxRQUFRLEFBQVgsQ0FBWTs4R0FEekIsWUFBWTtrR0FBWixZQUFZLHVHQWhEWixpQkFBaUIsK0pBdUJsQjs7Ozs7Ozs7Ozs7Ozs7OztHQWdCVCwwdUJBckJDLGlCQUFpQixnRUFDakIsY0FBYyw0REFDZCxjQUFjLHFkQUNkLFdBQVc7OzJGQTJCRixZQUFZO2tCQWxDeEIsU0FBUzsrQkFDRSxnQkFBZ0IsY0FDZCxJQUFJLFdBQ1A7d0JBQ1AsaUJBQWlCO3dCQUNqQixjQUFjO3dCQUNkLGNBQWM7d0JBQ2QsV0FBVztxQkFDWixZQUNTOzs7Ozs7Ozs7Ozs7Ozs7O0dBZ0JULGtCQUVlO3dCQUNkOzRCQUNFLFNBQVMsRUFBRSxpQkFBaUI7NEJBQzVCLE1BQU0sRUFBRSxDQUFDLGlCQUFpQixFQUFFLGVBQWUsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQzt5QkFDckU7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIERpcmVjdGl2ZSwgaW5qZWN0LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFNjcm9sbEZyYW1lIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9zY3JvbGwnO1xuaW1wb3J0IHsgTWFya2Rvd25Nb2R1bGUgfSBmcm9tICduZ3gtbWFya2Rvd24nO1xuaW1wb3J0IHsgTmF2aWdhdG9yT3JnYW5pc20gfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvb3JnYW5pc21zL25hdmlnYXRvcic7XG5pbXBvcnQgeyBIZWFkZXJNb2xlY3VsZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9tb2xlY3VsZXMvaGVhZGVyJztcbmltcG9ydCB7IEluamVjdGFibGVDb21wb25lbnQsIE5nQXRvbWljQ29tcG9uZW50IH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcblxuZW51bSBBY3Rpb25JZCB7XG4gIEJBQ0sgPSAnW0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvdGVybV0gQmFjaycsXG59XG5cbkBEaXJlY3RpdmUoeyBzdGFuZGFsb25lOiB0cnVlIH0pXG5leHBvcnQgY2xhc3MgVGVybVRlbXBsYXRlU3RvcmUgZXh0ZW5kcyBJbmplY3RhYmxlQ29tcG9uZW50IHtcbiAgcmVhZG9ubHkgbmF2U3RhcnRBY3Rpb25zID0gaW5wdXQoW1xuICAgIHtcbiAgICAgIGlkOiBBY3Rpb25JZC5CQUNLLFxuICAgICAgbmFtZTogJ+aIu+OCiycsXG4gICAgICBpY29uOiAnYXJyb3dfYmFjaycsXG4gICAgfSxcbiAgXSk7XG4gIHJlYWRvbmx5IG5hdkVuZEFjdGlvbnMgPSBpbnB1dChbXSk7XG4gIHJlYWRvbmx5IHRpdGxlID0gaW5wdXQoJ3RpdGxlJyk7XG4gIHJlYWRvbmx5IHNyYyA9IGlucHV0KCd0aXRsZScpO1xuICByZWFkb25seSBkYXRhID0gaW5wdXQoJ2RhdGEnKTtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGVtcGxhdGVzLXRlcm0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTmF2aWdhdG9yT3JnYW5pc20sXG4gICAgSGVhZGVyTW9sZWN1bGUsXG4gICAgTWFya2Rvd25Nb2R1bGUsXG4gICAgU2Nyb2xsRnJhbWUsXG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gIDxmcmFtZXMtc2Nyb2xsPlxuICAgIDxvcmdhbmlzbXMtbmF2aWdhdG9yIFxuICAgICAgW3N0YXJ0QWN0aW9uc109XCJzdG9yZS5uYXZTdGFydEFjdGlvbnMoKVwiXG4gICAgICBbZW5kQWN0aW9uc109XCJzdG9yZS5uYXZFbmRBY3Rpb25zKClcIlxuICAgICAgKGFjdGlvbik9XCJkaXNwYXRjaCgkZXZlbnQpXCJcbiAgICAgIG5hdmlnYXRvclxuICAgID5cbiAgICAgIDxtb2xlY3VsZXMtaGVhZGVyIFt0aXRsZV09XCJzdG9yZS50aXRsZSgpXCI+PC9tb2xlY3VsZXMtaGVhZGVyPlxuICAgIDwvb3JnYW5pc21zLW5hdmlnYXRvcj5cbiAgICBAaWYgKHN0b3JlLnNyYygpKSB7XG4gICAgICA8bWFya2Rvd24gW3NyY109XCJzdG9yZS5zcmMoKVwiIGNvbnRlbnRzIC8+XG4gICAgfSBAZWxzZSB7XG4gICAgICA8bWFya2Rvd24gW2RhdGFdPVwic3RvcmUuZGF0YSgpXCIgY29udGVudHMgLz5cbiAgICB9XG4gIDwvZnJhbWVzLXNjcm9sbD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vdGVybS50ZW1wbGF0ZS5zY3NzJ10sXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBUZXJtVGVtcGxhdGVTdG9yZSxcbiAgICAgIGlucHV0czogWyduYXZTdGFydEFjdGlvbnMnLCAnbmF2RW5kQWN0aW9ucycsICd0aXRsZScsICdzcmMnLCAnZGF0YSddLFxuICAgIH1cbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgVGVybVRlbXBsYXRlIGV4dGVuZHMgTmdBdG9taWNDb21wb25lbnQge1xuICBzdGF0aWMgcmVhZG9ubHkgQWN0aW9uSWQgPSBBY3Rpb25JZDtcbiAgcHJvdGVjdGVkIHN0b3JlID0gaW5qZWN0KFRlcm1UZW1wbGF0ZVN0b3JlKTtcbn1cbiJdfQ==

package/extras/editor/editor.component.d.ts

@@ -1,12 +1,23 @@
-import { EditorState } from '@codemirror/state';
-import { EditorView } from 'codemirror';
+import { ElementRef, EventEmitter, ChangeDetectorRef } from '@angular/core';
+import { Extension } from '@codemirror/state';
+import { EditorView } from "codemirror";
+import { NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
-export declare class EditorComponent {
-    private readonly state$;
-    set state(value: EditorState | null);
-    private _editor;
-    editor: EditorView;
-    ngAfterViewInit(): Promise<void>;
+export declare class EditorComponent extends NgAtomicComponent {
+    readonly content: import("@angular/core").InputSignal<string>;
+    readonly _contentChange$: EventEmitter<string>;
+    readonly contentChange: EventEmitter<string>;
+    readonly keyActions: import("@angular/core").InputSignal<{
+        key: string;
+        actionId: string;
+    }[]>;
+    readonly extensions: import("@angular/core").InputSignal<Extension[]>;
+    readonly el: ElementRef<any>;
+    editorView: EditorView;
+    readonly cd: ChangeDetectorRef;
+    constructor();
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EditorComponent, "extras-editor", never, { "state": { "alias": "state"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditorComponent, "extras-editor", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "keyActions": { "alias": "keyActions"; "required": false; "isSignal": true; }; "extensions": { "alias": "extensions"; "required": false; "isSignal": true; }; }, { "contentChange": "contentChange"; }, never, never, true, never>;
 }

package/fesm2022/ng-atomic-components-atoms-badge.mjs

@@ -0,0 +1,23 @@
+import * as i0 from '@angular/core';
+import { input, Component, ChangeDetectionStrategy } from '@angular/core';
+
+class BadgeAtom {
+    constructor() {
+        this.value = input('value');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: BadgeAtom, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.2.2", type: BadgeAtom, isStandalone: true, selector: "atoms-badge", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `{{ value() }}`, isInline: true, styles: [":host{display:block}:host{display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center;border-radius:50%;font-size:9px;font-weight:700;line-height:16px;color:#000;background-color:#fdc569}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: BadgeAtom, decorators: [{
+            type: Component,
+            args: [{ selector: 'atoms-badge', standalone: true, imports: [
+                        BadgeAtom,
+                    ], template: `{{ value() }}`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}:host{display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center;border-radius:50%;font-size:9px;font-weight:700;line-height:16px;color:#000;background-color:#fdc569}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BadgeAtom };
+//# sourceMappingURL=ng-atomic-components-atoms-badge.mjs.map

package/fesm2022/ng-atomic-components-atoms-badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-atoms-badge.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/atoms/badge/badge.atom.ts","../../../../../packages/@ng-atomic/components/src/lib/atoms/badge/ng-atomic-components-atoms-badge.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\n\n@Component({\n  selector: 'atoms-badge',\n  standalone: true,\n  imports: [\n    BadgeAtom,\n  ],\n  template: `{{ value() }}`,\n  styleUrl: './badge.atom.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class BadgeAtom {\n  readonly value = input('value');\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAYa,SAAS,CAAA;AAVtB,IAAA,WAAA,GAAA;AAWW,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;AACjC,KAAA;8GAFY,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAT,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,2MAJV,CAAe,aAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,wNAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAId,SAAS,EAAA,UAAA,EAAA,CAAA;kBAVrB,SAAS;+BACE,aAAa,EAAA,UAAA,EACX,IAAI,EACP,OAAA,EAAA;;AAER,qBAAA,EAAA,QAAA,EACS,CAAe,aAAA,CAAA,EAAA,eAAA,EAER,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,wNAAA,CAAA,EAAA,CAAA;;;ACVjD;;AAEG;;;;"}

package/fesm2022/ng-atomic-components-atoms-chips-input.mjs

@@ -43,8 +43,8 @@ class ChipsInputAtom {
         this.chipsManager.remove(value);
         this.control.setValue(this.chipsManager.getValue());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipsInputAtom, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ChipsManager }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChipsInputAtom, isStandalone: true, selector: "atoms-chips-input", inputs: { separators: "separators", control: "control", placeholder: "placeholder" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ChipsInputAtom, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ChipsManager }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ChipsInputAtom, isStandalone: true, selector: "atoms-chips-input", inputs: { separators: "separators", control: "control", placeholder: "placeholder" }, providers: [
             ChipsManager,
         ], ngImport: i0, template: `
     <mat-chip-grid #chipGrid>
@@ -65,9 +65,9 @@ class ChipsInputAtom {
         (matChipInputTokenEnd)="onChiInputTokenEnd($event)"
       >
     </mat-chip-grid>
-  `, isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i3.MatChipGrid, selector: "mat-chip-grid", inputs: ["tabIndex", "disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i3.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i3.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i3.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["color", "disabled", "disableRipple", "tabIndex", "editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i3.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i3.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i3.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i3.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipsInputAtom, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ChipsInputAtom, decorators: [{
             type: Component,
             args: [{ selector: 'atoms-chips-input', standalone: true, imports: [
                         CommonModule,
@@ -97,7 +97,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
   `, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         ChipsManager,
                     ], hostDirectives: [] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.ChipsManager }]; }, propDecorators: { separators: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.ChipsManager }], propDecorators: { separators: [{
                 type: Input
             }], control: [{
                 type: Input

package/fesm2022/ng-atomic-components-atoms-chips-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-atoms-chips-input.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/atoms/chips-input/chips-input.atom.ts","../../../../../packages/@ng-atomic/components/src/lib/atoms/chips-input/ng-atomic-components-atoms-chips-input.ts"],"sourcesContent":["import { COMMA, ENTER, SPACE } from '@angular/cdk/keycodes';\nimport { Component, OnInit, ChangeDetectionStrategy, Input, ChangeDetectorRef, ViewEncapsulation } from '@angular/core';\nimport { MatChipInputEvent, MatChipsModule } from '@angular/material/chips';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { ReplaySubject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { ChipsManager } from '@ng-atomic/common/services/chips-manager';\nimport { CommonModule } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInput, MatInputModule } from '@angular/material/input';\nimport { MatFormFieldControl } from '@angular/material/form-field';\n\n\n@Component({\n  selector: 'atoms-chips-input',\n  standalone: true,\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    MatChipsModule,\n    MatIconModule,\n    MatInputModule,\n  ],\n  template: `\n    <mat-chip-grid #chipGrid>\n      <mat-chip-row *ngFor=\"let chip of chipsManager.chips\"\n        (removed)=\"remove(chip)\"\n        [editable]=\"false\"\n      >\n        {{ chip }}\n        <button matChipRemove><mat-icon>cancel</mat-icon></button>\n      </mat-chip-row>\n      <input\n        matInput\n        type=\"search\"\n        [placeholder]=\"placeholder\"\n        [matChipInputFor]=\"chipGrid\"\n        [matChipInputSeparatorKeyCodes]=\"separators\"\n        [matChipInputAddOnBlur]=\"true\"\n        (matChipInputTokenEnd)=\"onChiInputTokenEnd($event)\"\n      >\n    </mat-chip-grid>\n  `,\n  styleUrls: ['./chips-input.atom.scss'],\n  // encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    ChipsManager,\n  ],\n  hostDirectives: [],\n})\nexport class ChipsInputAtom implements OnInit {\n  private readonly destroy$ = new ReplaySubject<void>(1);\n\n  @Input()\n  separators = [ENTER, COMMA, SPACE] as const;\n\n  @Input()\n  control = new FormControl<string>('');\n\n  @Input()\n  placeholder = '';\n\n  constructor(\n    private cd: ChangeDetectorRef,\n    public chipsManager: ChipsManager,\n  ) { }\n\n  ngOnInit(): void {\n    this.chipsManager.setValue(this.control.value);\n    this.control.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value) => {\n      this.chipsManager.setValue(value);\n      this.cd.markForCheck();\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.destroy$.next();\n  }\n\n  onChiInputTokenEnd(event: MatChipInputEvent): void {\n    this.chipsManager.add(event.value);\n    this.control.setValue(this.chipsManager.getValue());\n    event.input.value = '';\n  }\n\n  remove(value: string): void {\n    this.chipsManager.remove(value);\n    this.control.setValue(this.chipsManager.getValue());\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-atoms-chips-input.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/atoms/chips-input/chips-input.atom.ts","../../../../../packages/@ng-atomic/components/src/lib/atoms/chips-input/ng-atomic-components-atoms-chips-input.ts"],"sourcesContent":["import { COMMA, ENTER, SPACE } from '@angular/cdk/keycodes';\nimport { Component, OnInit, ChangeDetectionStrategy, Input, ChangeDetectorRef, ViewEncapsulation } from '@angular/core';\nimport { MatChipInputEvent, MatChipsModule } from '@angular/material/chips';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { ReplaySubject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { ChipsManager } from '@ng-atomic/common/services/chips-manager';\nimport { CommonModule } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInput, MatInputModule } from '@angular/material/input';\nimport { MatFormFieldControl } from '@angular/material/form-field';\n\n\n@Component({\n  selector: 'atoms-chips-input',\n  standalone: true,\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    MatChipsModule,\n    MatIconModule,\n    MatInputModule,\n  ],\n  template: `\n    <mat-chip-grid #chipGrid>\n      <mat-chip-row *ngFor=\"let chip of chipsManager.chips\"\n        (removed)=\"remove(chip)\"\n        [editable]=\"false\"\n      >\n        {{ chip }}\n        <button matChipRemove><mat-icon>cancel</mat-icon></button>\n      </mat-chip-row>\n      <input\n        matInput\n        type=\"search\"\n        [placeholder]=\"placeholder\"\n        [matChipInputFor]=\"chipGrid\"\n        [matChipInputSeparatorKeyCodes]=\"separators\"\n        [matChipInputAddOnBlur]=\"true\"\n        (matChipInputTokenEnd)=\"onChiInputTokenEnd($event)\"\n      >\n    </mat-chip-grid>\n  `,\n  styleUrls: ['./chips-input.atom.scss'],\n  // encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    ChipsManager,\n  ],\n  hostDirectives: [],\n})\nexport class ChipsInputAtom implements OnInit {\n  private readonly destroy$ = new ReplaySubject<void>(1);\n\n  @Input()\n  separators = [ENTER, COMMA, SPACE] as const;\n\n  @Input()\n  control = new FormControl<string>('');\n\n  @Input()\n  placeholder = '';\n\n  constructor(\n    private cd: ChangeDetectorRef,\n    public chipsManager: ChipsManager,\n  ) { }\n\n  ngOnInit(): void {\n    this.chipsManager.setValue(this.control.value);\n    this.control.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value) => {\n      this.chipsManager.setValue(value);\n      this.cd.markForCheck();\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.destroy$.next();\n  }\n\n  onChiInputTokenEnd(event: MatChipInputEvent): void {\n    this.chipsManager.add(event.value);\n    this.control.setValue(this.chipsManager.getValue());\n    event.input.value = '';\n  }\n\n  remove(value: string): void {\n    this.chipsManager.remove(value);\n    this.control.setValue(this.chipsManager.getValue());\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-atomic-components-atoms-icon.mjs

@@ -1,49 +1,40 @@
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, HostBinding } from '@angular/core';
+import { input, inject, Component, ChangeDetectionStrategy, HostBinding, Input } from '@angular/core';
+import { toObservable, toSignal } from '@angular/core/rxjs-interop';
 import * as i1 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import { ReplaySubject, switchMap, map, catchError, of } from 'rxjs';
+import { MatIconRegistry, MatIconModule } from '@angular/material/icon';
+import { NgAtomicComponent } from '@ng-atomic/core';
+import { switchMap, map, catchError, of } from 'rxjs';
 
-class IconAtom {
-    set name(_name) {
-        this.name$.next(_name);
+class IconAtom extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.name = input('name');
+        this.registry = inject(MatIconRegistry);
+        this.hasSvgIcon$ = toObservable(this.name).pipe(switchMap((name) => this.registry.getNamedSvgIcon(name)), map(svgIcon => !!svgIcon), catchError(() => of(false)));
+        this.hasSvgIcon = toSignal(this.hasSvgIcon$);
     }
-    ;
-    constructor(registry) {
-        this.registry = registry;
-        this.name$ = new ReplaySubject(1);
-        this.hasSvgIcon$ = this.name$.pipe(switchMap((name) => this.registry.getNamedSvgIcon(name)), map(svgIcon => !!svgIcon), catchError(() => of(false)));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconAtom, deps: [{ token: i1.MatIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: IconAtom, isStandalone: true, selector: "atoms-icon", inputs: { name: "name", color: "color" }, host: { properties: { "style.--color": "this.color" } }, ngImport: i0, template: `
-  <mat-icon
-    *ngIf="hasSvgIcon$ | async"
-    [svgIcon]="name$ | async"
-  ></mat-icon>
-  <mat-icon
-    *ngIf="!(hasSvgIcon$ | async)"
-  >{{ name$ | async }}</mat-icon>
-  `, isInline: true, styles: [":host{display:block;--color: inherit;--color-SCOPED-IN-icon-7Iy1: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-7Iy1)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-7Iy1)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: IconAtom, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: IconAtom, isStandalone: true, selector: "atoms-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null } }, host: { properties: { "style.--color": "this.color" } }, usesInheritance: true, ngImport: i0, template: `
+  @if (hasSvgIcon()) {
+    <mat-icon [svgIcon]="name()"></mat-icon>
+  } @else {
+    <mat-icon>{{ name() }}</mat-icon>
+  }
+  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-V8dJ: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-icon-V8dJ: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-icon-V8dJ: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-V8dJ: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-icon-V8dJ: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-icon-V8dJ: var(--on-surface-color);--color: inherit;--color-SCOPED-IN-icon-V8dJ: var(--color)}:host mat-icon{color:var(--on-background-color-SCOPED-IN-icon-V8dJ)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-V8dJ)}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconAtom, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: IconAtom, decorators: [{
             type: Component,
             args: [{ selector: 'atoms-icon', standalone: true, imports: [
-                        CommonModule,
                         MatIconModule,
                     ], template: `
-  <mat-icon
-    *ngIf="hasSvgIcon$ | async"
-    [svgIcon]="name$ | async"
-  ></mat-icon>
-  <mat-icon
-    *ngIf="!(hasSvgIcon$ | async)"
-  >{{ name$ | async }}</mat-icon>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--color: inherit;--color-SCOPED-IN-icon-7Iy1: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-7Iy1)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-7Iy1)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.MatIconRegistry }]; }, propDecorators: { name: [{
-                type: Input
-            }], color: [{
+  @if (hasSvgIcon()) {
+    <mat-icon [svgIcon]="name()"></mat-icon>
+  } @else {
+    <mat-icon>{{ name() }}</mat-icon>
+  }
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-V8dJ: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-icon-V8dJ: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-icon-V8dJ: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-V8dJ: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-icon-V8dJ: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-icon-V8dJ: var(--on-surface-color);--color: inherit;--color-SCOPED-IN-icon-V8dJ: var(--color)}:host mat-icon{color:var(--on-background-color-SCOPED-IN-icon-V8dJ)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-V8dJ)}\n"] }]
+        }], propDecorators: { color: [{
                 type: HostBinding,
                 args: ['style.--color']
             }, {

package/fesm2022/ng-atomic-components-atoms-icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-atoms-icon.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/atoms/icon/icon.atom.ts","../../../../../packages/@ng-atomic/components/src/lib/atoms/icon/ng-atomic-components-atoms-icon.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, ChangeDetectionStrategy, Input,  HostBinding } from '@angular/core';\nimport { MatIconModule, MatIconRegistry } from '@angular/material/icon';\nimport { catchError, map, Observable, of, ReplaySubject, switchMap } from 'rxjs';\n\n\n@Component({\n  selector: 'atoms-icon',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatIconModule,\n  ],\n  template: `\n  <mat-icon\n    *ngIf=\"hasSvgIcon$ | async\"\n    [svgIcon]=\"name$ | async\"\n  ></mat-icon>\n  <mat-icon\n    *ngIf=\"!(hasSvgIcon$ | async)\"\n  >{{ name$ | async }}</mat-icon>\n  `,\n  styleUrls: ['./icon.atom.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class IconAtom {\n\n  name$ = new ReplaySubject<string>(1);\n  hasSvgIcon$: Observable<boolean> = this.name$.pipe(\n    switchMap((name: string) => this.registry.getNamedSvgIcon(name)),\n    map(svgIcon => !!svgIcon),\n    catchError(() => of(false)),\n  );\n\n  @Input()\n  set name(_name: string) {\n    this.name$.next(_name)\n  };\n\n  @HostBinding('style.--color')\n  @Input()\n  color?: string;\n\n  constructor(private registry: MatIconRegistry) { }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAyBa,QAAQ,CAAA;IASnB,IACI,IAAI,CAAC,KAAa,EAAA;AACpB,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;KACvB;;AAMD,IAAA,WAAA,CAAoB,QAAyB,EAAA;QAAzB,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAiB;AAhB7C,QAAA,IAAA,CAAA,KAAK,GAAG,IAAI,aAAa,CAAS,CAAC,CAAC,CAAC;QACrC,IAAW,CAAA,WAAA,GAAwB,IAAI,CAAC,KAAK,CAAC,IAAI,CAChD,SAAS,CAAC,CAAC,IAAY,KAAK,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,EAChE,GAAG,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,EACzB,UAAU,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC,CAC5B,CAAC;KAWgD;+GAlBvC,QAAQ,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,eAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAR,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,QAAQ,EAZT,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;GAQT,EAXC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,wOAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,uLACZ,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAcJ,QAAQ,EAAA,UAAA,EAAA,CAAA;kBAnBpB,SAAS;+BACE,YAAY,EAAA,UAAA,EACV,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,aAAa;qBACd,EACS,QAAA,EAAA,CAAA;;;;;;;;GAQT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,wOAAA,CAAA,EAAA,CAAA;sGAY3C,IAAI,EAAA,CAAA;sBADP,KAAK;gBAON,KAAK,EAAA,CAAA;sBAFJ,WAAW;uBAAC,eAAe,CAAA;;sBAC3B,KAAK;;;ACxCR;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-atoms-icon.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/atoms/icon/icon.atom.ts","../../../../../packages/@ng-atomic/components/src/lib/atoms/icon/ng-atomic-components-atoms-icon.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, Input, HostBinding, input, inject } from '@angular/core';\nimport { toObservable, toSignal } from '@angular/core/rxjs-interop';\nimport { MatIconModule, MatIconRegistry } from '@angular/material/icon';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { catchError, map, Observable, of, switchMap } from 'rxjs';\n\n\n@Component({\n  selector: 'atoms-icon',\n  standalone: true,\n  imports: [\n    MatIconModule,\n  ],\n  template: `\n  @if (hasSvgIcon()) {\n    <mat-icon [svgIcon]=\"name()\"></mat-icon>\n  } @else {\n    <mat-icon>{{ name() }}</mat-icon>\n  }\n  `,\n  styleUrls: ['./icon.atom.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class IconAtom extends NgAtomicComponent {\n  readonly name = input('name');\n  private registry = inject(MatIconRegistry);\n  readonly hasSvgIcon$: Observable<boolean> = toObservable(this.name).pipe(\n    switchMap((name: string) => this.registry.getNamedSvgIcon(name)),\n    map(svgIcon => !!svgIcon),\n    catchError(() => of(false)),\n  );\n  readonly hasSvgIcon = toSignal(this.hasSvgIcon$);\n\n  @HostBinding('style.--color')\n  @Input()\n  color?: string;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAuBM,MAAO,QAAS,SAAQ,iBAAiB,CAAA;AAhB/C,IAAA,WAAA,GAAA;;AAiBW,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;AACtB,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;QAClC,IAAW,CAAA,WAAA,GAAwB,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CACtE,SAAS,CAAC,CAAC,IAAY,KAAK,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,EAChE,GAAG,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,EACzB,UAAU,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC,CAC5B,CAAC;AACO,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;AAKlD,KAAA;8GAbY,QAAQ,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAR,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,QAAQ,EAVT,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,YAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;AAMT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,qxBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EARC,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAYJ,QAAQ,EAAA,UAAA,EAAA,CAAA;kBAhBpB,SAAS;+BACE,YAAY,EAAA,UAAA,EACV,IAAI,EACP,OAAA,EAAA;wBACP,aAAa;qBACd,EACS,QAAA,EAAA,CAAA;;;;;;GAMT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,qxBAAA,CAAA,EAAA,CAAA;8BAc/C,KAAK,EAAA,CAAA;sBAFJ,WAAW;uBAAC,eAAe,CAAA;;sBAC3B,KAAK;;;AClCR;;AAEG;;;;"}