@ng-atomic/components 18.12.0 → 18.13.0-preview-v19f.1

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

@@ -5,12 +5,12 @@ class BadgeAtom {
     constructor() {
         this.value = input('value');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: BadgeAtom, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.1.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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: BadgeAtom, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", 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: "18.1.2", ngImport: i0, type: BadgeAtom, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: BadgeAtom, decorators: [{
             type: Component,
-            args: [{ selector: 'atoms-badge', standalone: true, imports: [
+            args: [{ selector: 'atoms-badge', 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"] }]
         }] });

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

@@ -1 +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;AAChC;8GAFY,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;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;;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;;;ACVjD;;AAEG;;;;"}
+{"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    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":";;;MAWa,SAAS,CAAA;AATtB,IAAA,WAAA,GAAA;AAUW,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;AAChC;8GAFY,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAT,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,2MAJR,CAAe,aAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,wNAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAIhB,SAAS,EAAA,UAAA,EAAA,CAAA;kBATrB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,EACd,OAAA,EAAA;;AAER,qBAAA,EAAA,QAAA,EACS,CAAe,aAAA,CAAA,EAAA,eAAA,EAER,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,wNAAA,CAAA,EAAA;;;ACTnD;;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: "18.1.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: "18.1.2", 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: "19.1.4", 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: "19.1.4", 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: ["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 }); }
+  `, 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", "disabledInteractive"], exportAs: ["matInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ChipsInputAtom, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ChipsInputAtom, decorators: [{
             type: Component,
             args: [{ selector: 'atoms-chips-input', standalone: true, imports: [
                         CommonModule,

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, OnDestroy } 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, OnDestroy {\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, OnDestroy } 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, OnDestroy {\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

@@ -14,18 +14,18 @@ class IconAtom extends NgAtomicComponent {
         this.hasSvgIcon$ = toObservable(this.name).pipe(switchMap((name) => this.registry.getNamedSvgIcon(name)), map(svgIcon => !!svgIcon), catchError(() => of(false)));
         this.hasSvgIcon = toSignal(this.hasSvgIcon$);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: IconAtom, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.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: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: IconAtom, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", 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-7g84: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-icon-7g84: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-icon-7g84: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-7g84: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-icon-7g84: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-icon-7g84: var(--on-surface-color);--color: inherit;--color-SCOPED-IN-icon-7g84: var(--color)}:host mat-icon{color:var(--on-background-color-SCOPED-IN-icon-7g84)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-7g84)}\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 }); }
+  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-8sOD: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-icon-8sOD: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-icon-8sOD: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-8sOD: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-icon-8sOD: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-icon-8sOD: var(--on-surface-color);--color: inherit;--color-SCOPED-IN-icon-8sOD: var(--color)}:host mat-icon{color:var(--on-background-color-SCOPED-IN-icon-8sOD)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-8sOD)}\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: "18.1.2", ngImport: i0, type: IconAtom, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: IconAtom, decorators: [{
             type: Component,
-            args: [{ selector: 'atoms-icon', standalone: true, imports: [
+            args: [{ selector: 'atoms-icon', imports: [
                         MatIconModule,
                     ], template: `
   @if (hasSvgIcon()) {
@@ -33,7 +33,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
   } @else {
     <mat-icon>{{ name() }}</mat-icon>
   }
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-7g84: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-icon-7g84: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-icon-7g84: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-7g84: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-icon-7g84: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-icon-7g84: var(--on-surface-color);--color: inherit;--color-SCOPED-IN-icon-7g84: var(--color)}:host mat-icon{color:var(--on-background-color-SCOPED-IN-icon-7g84)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-7g84)}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-8sOD: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-icon-8sOD: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-icon-8sOD: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-8sOD: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-icon-8sOD: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-icon-8sOD: var(--on-surface-color);--color: inherit;--color-SCOPED-IN-icon-8sOD: var(--color)}:host mat-icon{color:var(--on-background-color-SCOPED-IN-icon-8sOD)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-8sOD)}\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 { 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;AACrB,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,eAAe,CAAC;QACjC,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;AACQ,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC;AAKjD;8GAbY,QAAQ,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;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;;;;;;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;;2FAYJ,QAAQ,EAAA,UAAA,EAAA,CAAA;kBAhBpB,SAAS;+BACE,YAAY,EAAA,UAAA,EACV,IAAI,EACP,OAAA,EAAA;wBACP,aAAa;qBACd,EACS,QAAA,EAAA;;;;;;GAMT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,qxBAAA,CAAA,EAAA;8BAc/C,KAAK,EAAA,CAAA;sBAFJ,WAAW;uBAAC,eAAe;;sBAC3B;;;AClCH;;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    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":";;;;;;;;AAsBM,MAAO,QAAS,SAAQ,iBAAiB,CAAA;AAf/C,IAAA,WAAA,GAAA;;AAgBW,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC;AACrB,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,eAAe,CAAC;QACjC,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;AACQ,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC;AAKjD;8GAbY,QAAQ,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAR,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,QAAQ,EAVP,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;;;;;;AAMX,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,qxBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EARK,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;;2FAYR,QAAQ,EAAA,UAAA,EAAA,CAAA;kBAfpB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EACb,OAAA,EAAA;wBACL,aAAa;qBAChB,EACS,QAAA,EAAA;;;;;;GAMX,EAEkB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,qxBAAA,CAAA,EAAA;8BAcjD,KAAK,EAAA,CAAA;sBAFJ,WAAW;uBAAC,eAAe;;sBAC3B;;;ACjCH;;AAEG;;;;"}

package/fesm2022/ng-atomic-components-atoms-menu-button.mjs

@@ -15,10 +15,10 @@ class StopPipe {
         $event.preventDefault();
         return $event;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: StopPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.1.2", ngImport: i0, type: StopPipe, isStandalone: true, name: "stope" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: StopPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: StopPipe, isStandalone: true, name: "stope" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: StopPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: StopPipe, decorators: [{
             type: Pipe,
             args: [{ standalone: true, name: 'stope' }]
         }] });
@@ -45,13 +45,13 @@ let MenuButtonAtomStore = class MenuButtonAtomStore extends InjectableComponent
         this.type = input('icon-button');
         this.action = input(_computed(() => buildMenuAction(this.actions())));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MenuButtonAtomStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: MenuButtonAtomStore, isStandalone: true, selector: "atoms-menu-button, atoms-smart-menu-button", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, action: { classPropertyName: "action", publicName: "action", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MenuButtonAtomStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.4", type: MenuButtonAtomStore, isStandalone: true, selector: "atoms-menu-button, atoms-smart-menu-button", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, action: { classPropertyName: "action", publicName: "action", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 };
 MenuButtonAtomStore = __decorate([
     TokenizedType()
 ], MenuButtonAtomStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MenuButtonAtomStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MenuButtonAtomStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'atoms-menu-button, atoms-smart-menu-button' }]
         }] });
@@ -60,8 +60,8 @@ class MenuButtonAtom extends NgAtomicComponent {
         super(...arguments);
         this.store = inject(MenuButtonAtomStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MenuButtonAtom, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: MenuButtonAtom, isStandalone: true, selector: "atoms-menu-button, atoms-menu-button", usesInheritance: true, hostDirectives: [{ directive: MenuButtonAtomStore, inputs: ["actions", "actions", "action", "action", "type", "type"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MenuButtonAtom, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: MenuButtonAtom, isStandalone: true, selector: "atoms-menu-button, atoms-menu-button", usesInheritance: true, hostDirectives: [{ directive: MenuButtonAtomStore, inputs: ["actions", "actions", "action", "action", "type", "type"] }], ngImport: i0, template: `
   @if (store.action()?.children?.length) {
     <button
       mat-icon-button
@@ -93,9 +93,9 @@ class MenuButtonAtom extends NgAtomicComponent {
   }
   `, isInline: true, styles: [":host{display:block;width:48px;height:48px}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.Default }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MenuButtonAtom, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MenuButtonAtom, decorators: [{
             type: Component,
-            args: [{ selector: 'atoms-menu-button, atoms-menu-button', standalone: true, imports: [
+            args: [{ selector: 'atoms-menu-button, atoms-menu-button', imports: [
                         MatButtonModule,
                         MatIconModule,
                         MatMenuModule,

package/fesm2022/ng-atomic-components-atoms-menu-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-atoms-menu-button.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/atoms/menu-button/menu-button.atom.ts","../../../../../packages/@ng-atomic/components/src/lib/atoms/menu-button/ng-atomic-components-atoms-menu-button.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, Pipe, inject, input, PipeTransform } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { _computed, Action, InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\n\n@Pipe({ standalone: true, name: 'stope' })\nexport class StopPipe implements PipeTransform {\n  transform($event: Event) {\n    $event.stopPropagation();\n    $event.preventDefault();\n    return $event;\n  }\n}\n\nexport function buildMenuAction(actions: Action[]) {\n  if (actions?.length === 0) {\n    return null;\n  } else if (actions?.length === 1) {\n    return actions[0];\n  } else {\n    return {\n      id: 'more_vert',\n      name: 'メニューを開く',\n      icon: 'more_vert',\n      children: actions,\n    }\n  }\n}\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'atoms-menu-button, atoms-smart-menu-button' })\nexport class MenuButtonAtomStore extends InjectableComponent {\n  readonly actions = input<Action[]>([]);\n  readonly type = input<'button' | 'icon-button'>('icon-button');\n  readonly action = input(_computed(() => buildMenuAction(this.actions())));\n}\n\n@Component({\n  selector: 'atoms-menu-button, atoms-menu-button',\n  standalone: true,\n  imports: [\n    MatButtonModule,\n    MatIconModule,\n    MatMenuModule,\n  ],\n  template: `\n  @if (store.action()?.children?.length) {\n    <button\n      mat-icon-button\n      [color]=\"store.action()?.color\"\n      [disabled]=\"store.action()?.disabled\"\n      [matMenuTriggerFor]=\"menu\"\n      (click)=\"$event.stopPropagation();\"\n    >\n      <mat-icon>{{ store.action()?.icon }}</mat-icon>\n    </button>\n    <mat-menu #menu=\"matMenu\">\n      @for (action of store.action()?.children; track $index) {\n        <button\n          mat-menu-item\n          [disabled]=\"action?.disabled\"\n          (click)=\"dispatch(action)\"\n        >{{ action?.name ?? '' }}</button>\n      }\n    </mat-menu>\n  } @else if (store.action()) {\n    <button\n      mat-icon-button\n      [color]=\"store.action()?.color\"\n      [disabled]=\"store.action()?.disabled\"\n      (click)=\"dispatch(store.action()); $event.stopPropagation();\"\n    >\n      <mat-icon>{{ store.action()?.icon }}</mat-icon>\n    </button>\n  }\n  `,\n  styleUrls: ['./menu-button.atom.scss'],\n  changeDetection: ChangeDetectionStrategy.Default,\n  hostDirectives: [\n    {\n      directive: MenuButtonAtomStore,\n      inputs: [\n        'actions',\n        'action',\n        'type'\n      ],\n    }\n  ]\n})\nexport class MenuButtonAtom extends NgAtomicComponent {\n  protected store = inject(MenuButtonAtomStore);\n}\n\nexport {\n  MenuButtonAtomStore as SmartMenuButtonAtomStore,\n  MenuButtonAtom as SmartMenuButtonAtom\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-menu-button.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/atoms/menu-button/menu-button.atom.ts","../../../../../packages/@ng-atomic/components/src/lib/atoms/menu-button/ng-atomic-components-atoms-menu-button.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, Pipe, inject, input, PipeTransform } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { _computed, Action, InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\n\n@Pipe({ standalone: true, name: 'stope' })\nexport class StopPipe implements PipeTransform {\n  transform($event: Event) {\n    $event.stopPropagation();\n    $event.preventDefault();\n    return $event;\n  }\n}\n\nexport function buildMenuAction(actions: Action[]) {\n  if (actions?.length === 0) {\n    return null;\n  } else if (actions?.length === 1) {\n    return actions[0];\n  } else {\n    return {\n      id: 'more_vert',\n      name: 'メニューを開く',\n      icon: 'more_vert',\n      children: actions,\n    }\n  }\n}\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'atoms-menu-button, atoms-smart-menu-button' })\nexport class MenuButtonAtomStore extends InjectableComponent {\n  readonly actions = input<Action[]>([]);\n  readonly type = input<'button' | 'icon-button'>('icon-button');\n  readonly action = input(_computed(() => buildMenuAction(this.actions())));\n}\n\n@Component({\n    selector: 'atoms-menu-button, atoms-menu-button',\n    imports: [\n        MatButtonModule,\n        MatIconModule,\n        MatMenuModule,\n    ],\n    template: `\n  @if (store.action()?.children?.length) {\n    <button\n      mat-icon-button\n      [color]=\"store.action()?.color\"\n      [disabled]=\"store.action()?.disabled\"\n      [matMenuTriggerFor]=\"menu\"\n      (click)=\"$event.stopPropagation();\"\n    >\n      <mat-icon>{{ store.action()?.icon }}</mat-icon>\n    </button>\n    <mat-menu #menu=\"matMenu\">\n      @for (action of store.action()?.children; track $index) {\n        <button\n          mat-menu-item\n          [disabled]=\"action?.disabled\"\n          (click)=\"dispatch(action)\"\n        >{{ action?.name ?? '' }}</button>\n      }\n    </mat-menu>\n  } @else if (store.action()) {\n    <button\n      mat-icon-button\n      [color]=\"store.action()?.color\"\n      [disabled]=\"store.action()?.disabled\"\n      (click)=\"dispatch(store.action()); $event.stopPropagation();\"\n    >\n      <mat-icon>{{ store.action()?.icon }}</mat-icon>\n    </button>\n  }\n  `,\n    styleUrls: ['./menu-button.atom.scss'],\n    changeDetection: ChangeDetectionStrategy.Default,\n    hostDirectives: [\n        {\n            directive: MenuButtonAtomStore,\n            inputs: [\n                'actions',\n                'action',\n                'type'\n            ],\n        }\n    ]\n})\nexport class MenuButtonAtom extends NgAtomicComponent {\n  protected store = inject(MenuButtonAtomStore);\n}\n\nexport {\n  MenuButtonAtomStore as SmartMenuButtonAtomStore,\n  MenuButtonAtom as SmartMenuButtonAtom\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.mjs

@@ -12,11 +12,11 @@ class NgAtomicAtomsModule {
             ]
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicAtomsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicAtomsModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicAtomsModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgAtomicAtomsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: NgAtomicAtomsModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgAtomicAtomsModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicAtomsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgAtomicAtomsModule, decorators: [{
             type: NgModule,
             args: [{}]
         }] });

package/fesm2022/ng-atomic-components-extras-editor.mjs

@@ -43,26 +43,33 @@ class EditorComponentStore extends InjectableComponent {
                 indentWithTab,
             ]),
         ]);
-        this.state = computed(() => EditorState.create({
-            ...this.editorView().state,
-            extensions: [
-                ...this.defaultExtensions(),
-                ...this.extensions(),
-            ],
-        }));
+        this.state = computed(() => {
+            const editorView = this.editorView();
+            const defaultExtensions = this.defaultExtensions();
+            const extensions = this.extensions();
+            if (!editorView)
+                return null;
+            return EditorState.create({
+                ...editorView?.state,
+                extensions: [...defaultExtensions, ...extensions],
+            });
+        });
         this.editorView = signal(null);
         this.action = output();
         this.update$.pipe(filter((update) => update?.docChanged), map((update) => (update.state.doc.toString())), distinctUntilChanged()).subscribe((content) => {
             this.contentChange.emit(content);
         });
         effect(() => {
+            const editorView = this.editorView();
             const newContent = this.content() ?? '';
-            const currentContent = this.editorView().state.doc.toString();
+            if (!editorView)
+                return;
+            const currentContent = editorView.state.doc.toString();
             if (newContent === currentContent)
                 return;
-            const doc = this.editorView().state.doc;
-            const safeSelection = getSafeSelection(newContent, this.editorView().state.selection);
-            this.editorView().dispatch(this.editorView().state.update({
+            const doc = editorView.state.doc;
+            const safeSelection = getSafeSelection(newContent, editorView.state.selection);
+            editorView.dispatch(editorView.state.update({
                 changes: {
                     from: 0,
                     to: doc.length,
@@ -73,13 +80,15 @@ class EditorComponentStore extends InjectableComponent {
             }));
         });
         effect(() => {
-            this.editorView().setState(this.state());
+            const state = this.state();
+            const editorView = this.editorView();
+            editorView?.setState(state);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: EditorComponentStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: EditorComponentStore, isStandalone: true, inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, keyActions: { classPropertyName: "keyActions", publicName: "keyActions", isSignal: true, isRequired: false, transformFunction: null }, extensions: { classPropertyName: "extensions", publicName: "extensions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { contentChange: "contentChange", action: "action" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: EditorComponentStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.4", type: EditorComponentStore, isStandalone: true, inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, keyActions: { classPropertyName: "keyActions", publicName: "keyActions", isSignal: true, isRequired: false, transformFunction: null }, extensions: { classPropertyName: "extensions", publicName: "extensions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { contentChange: "contentChange", action: "action" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: EditorComponentStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: EditorComponentStore, decorators: [{
             type: Directive,
             args: [{ standalone: true }]
         }], ctorParameters: () => [] });
@@ -105,10 +114,10 @@ class EditorComponent extends NgAtomicComponent {
             parent: this.el.nativeElement,
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: EditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: EditorComponent, isStandalone: true, selector: "extras-editor", usesInheritance: true, hostDirectives: [{ directive: EditorComponentStore, inputs: ["content", "content", "keyActions", "keyActions", "extensions", "extensions"], outputs: ["contentChange", "contentChange"] }], ngImport: i0, template: ``, isInline: true, styles: [":host{display:block}:host{width:100%;height:100%}:host ::ng-deep>.cm-editor{width:100%;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: EditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: EditorComponent, isStandalone: true, selector: "extras-editor", usesInheritance: true, hostDirectives: [{ directive: EditorComponentStore, inputs: ["content", "content", "keyActions", "keyActions", "extensions", "extensions"], outputs: ["contentChange", "contentChange"] }], ngImport: i0, template: ``, isInline: true, styles: [":host{display:block}:host{width:100%;height:100%}:host ::ng-deep>.cm-editor{width:100%;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: EditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: EditorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'extras-editor', standalone: true, template: ``, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {

package/fesm2022/ng-atomic-components-extras-editor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-extras-editor.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/extras/editor/editor.component.ts","../../../../../packages/@ng-atomic/components/src/lib/extras/editor/ng-atomic-components-extras-editor.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, input, effect, ElementRef, OnInit, AfterViewInit, output, signal, Directive } from '@angular/core';\nimport { keymap, ViewUpdate } from \"@codemirror/view\"\nimport { indentWithTab } from \"@codemirror/commands\"\nimport { syntaxHighlighting } from '@codemirror/language';\nimport { oneDarkHighlightStyle, oneDark } from '@codemirror/theme-one-dark';\nimport { EditorSelection, EditorState, Extension, Text } from '@codemirror/state';\nimport { basicSetup, EditorView } from \"codemirror\"\nimport { Action, InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';\nimport { json } from \"@codemirror/lang-json\";\nimport { distinctUntilChanged, filter, map, ReplaySubject } from 'rxjs';\n\nfunction getSafeSelection(doc: string | Text, selection: EditorSelection): EditorSelection {\n  const safeFrom = Math.max(0, Math.min(selection.main.from, doc.length));\n  const safeTo = Math.max(0, Math.min(selection.main.to, doc.length));\n  return EditorSelection.single(safeFrom, safeTo);\n}\n\n@Directive({ standalone: true })\nexport class EditorComponentStore extends InjectableComponent {\n  readonly content = input<string>('');\n  readonly contentChange = output<string>();\n  readonly keyActions = input<{key: string, actionId: string}[]>([]);\n  readonly extensions = input<Extension[]>([\n    json(),\n  ]);\n  // readonly update = signal<ViewUpdate>(null);\n  // readonly update$ = toObservable(this.update);\n  readonly update$ = new ReplaySubject<ViewUpdate>(0);\n  readonly defaultExtensions = computed(() => [\n    basicSetup,\n    oneDark,\n    syntaxHighlighting(oneDarkHighlightStyle),\n    EditorView.updateListener.of((update) => this.update$.next(update)),\n    keymap.of([\n      ...(this.keyActions()).map(({key, actionId}) => ({\n        key,\n        run: () => {\n          this.action.emit({id: actionId});\n          return true;\n        },\n      })),\n      indentWithTab,\n    ]),\n  ]);\n\n  readonly state = computed(() => EditorState.create({\n    ...this.editorView().state,\n    extensions: [\n      ...this.defaultExtensions(),\n      ...this.extensions(),\n    ],\n  }));\n\n  readonly editorView = signal<EditorView>(null);\n  readonly action = output<Action>();\n\n  constructor() {\n    super();\n\n    this.update$.pipe(\n      filter((update) => update?.docChanged),\n      map((update) => (update.state.doc.toString())),\n      distinctUntilChanged(),\n    ).subscribe((content) => {\n      this.contentChange.emit(content);\n    });\n\n    effect(() => {\n      const newContent = this.content() ?? '';\n      const currentContent = this.editorView().state.doc.toString();\n    \n      if (newContent === currentContent) return;\n    \n      const doc = this.editorView().state.doc;\n      const safeSelection = getSafeSelection(newContent, this.editorView().state.selection);\n    \n      this.editorView().dispatch(\n        this.editorView().state.update({\n          changes: {\n            from: 0,\n            to: doc.length,\n            insert: newContent,\n          },\n          selection: safeSelection,\n          scrollIntoView: true,\n        }),\n      );\n    });\n\n    effect(() => {\n      this.editorView().setState(this.state());\n    });\n  }\n}\n\n@Component({\n  selector: 'extras-editor',\n  standalone: true,\n  template: ``,\n  styleUrls: ['./editor.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: EditorComponentStore,\n      inputs: ['content', 'keyActions', 'extensions'],\n      outputs: ['contentChange'],\n    }\n  ]\n})\nexport class EditorComponent extends NgAtomicComponent implements OnInit, AfterViewInit {\n  protected readonly store = inject(EditorComponentStore);\n  protected readonly el = inject(ElementRef);\n\n  ngOnInit(): void {\n    this.store.action.subscribe((action) => this.dispatch(action));\n  }\n\n  ngAfterViewInit() {\n    this.store.editorView()?.destroy();\n    this.store.editorView.set(new EditorView({\n      state: EditorState.create({\n        doc: ``,\n        extensions: [\n          ...this.store.defaultExtensions(),\n          ...this.store.extensions(),\n        ],\n      }),\n      parent: this.el.nativeElement,\n    }));\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;AAWA,SAAS,gBAAgB,CAAC,GAAkB,EAAE,SAA0B,EAAA;IACtE,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACvE,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACnE,OAAO,eAAe,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC;AACjD;AAGM,MAAO,oBAAqB,SAAQ,mBAAmB,CAAA;AAsC3D,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;AAtCA,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAS,EAAE,CAAC;QAC3B,IAAa,CAAA,aAAA,GAAG,MAAM,EAAU;AAChC,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAoC,EAAE,CAAC;QACzD,IAAU,CAAA,UAAA,GAAG,KAAK,CAAc;AACvC,YAAA,IAAI,EAAE;AACP,SAAA,CAAC;;;AAGO,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,aAAa,CAAa,CAAC,CAAC;AAC1C,QAAA,IAAA,CAAA,iBAAiB,GAAG,QAAQ,CAAC,MAAM;YAC1C,UAAU;YACV,OAAO;YACP,kBAAkB,CAAC,qBAAqB,CAAC;AACzC,YAAA,UAAU,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACnE,MAAM,CAAC,EAAE,CAAC;AACR,gBAAA,GAAG,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE,GAAG,CAAC,CAAC,EAAC,GAAG,EAAE,QAAQ,EAAC,MAAM;oBAC/C,GAAG;oBACH,GAAG,EAAE,MAAK;wBACR,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAC,EAAE,EAAE,QAAQ,EAAC,CAAC;AAChC,wBAAA,OAAO,IAAI;qBACZ;AACF,iBAAA,CAAC,CAAC;gBACH,aAAa;aACd,CAAC;AACH,SAAA,CAAC;QAEO,IAAK,CAAA,KAAA,GAAG,QAAQ,CAAC,MAAM,WAAW,CAAC,MAAM,CAAC;AACjD,YAAA,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC,KAAK;AAC1B,YAAA,UAAU,EAAE;gBACV,GAAG,IAAI,CAAC,iBAAiB,EAAE;gBAC3B,GAAG,IAAI,CAAC,UAAU,EAAE;AACrB,aAAA;AACF,SAAA,CAAC,CAAC;AAEM,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAa,IAAI,CAAC;QACrC,IAAM,CAAA,MAAA,GAAG,MAAM,EAAU;QAKhC,IAAI,CAAC,OAAO,CAAC,IAAI,CACf,MAAM,CAAC,CAAC,MAAM,KAAK,MAAM,EAAE,UAAU,CAAC,EACtC,GAAG,CAAC,CAAC,MAAM,MAAM,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,EAC9C,oBAAoB,EAAE,CACvB,CAAC,SAAS,CAAC,CAAC,OAAO,KAAI;AACtB,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC;AAClC,SAAC,CAAC;QAEF,MAAM,CAAC,MAAK;YACV,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE;AACvC,YAAA,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE;YAE7D,IAAI,UAAU,KAAK,cAAc;gBAAE;YAEnC,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC,GAAG;AACvC,YAAA,MAAM,aAAa,GAAG,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC;AAErF,YAAA,IAAI,CAAC,UAAU,EAAE,CAAC,QAAQ,CACxB,IAAI,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC;AAC7B,gBAAA,OAAO,EAAE;AACP,oBAAA,IAAI,EAAE,CAAC;oBACP,EAAE,EAAE,GAAG,CAAC,MAAM;AACd,oBAAA,MAAM,EAAE,UAAU;AACnB,iBAAA;AACD,gBAAA,SAAS,EAAE,aAAa;AACxB,gBAAA,cAAc,EAAE,IAAI;AACrB,aAAA,CAAC,CACH;AACH,SAAC,CAAC;QAEF,MAAM,CAAC,MAAK;YACV,IAAI,CAAC,UAAU,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;AAC1C,SAAC,CAAC;;8GAzEO,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBADhC,SAAS;mBAAC,EAAE,UAAU,EAAE,IAAI,EAAE;;AA4FzB,MAAO,eAAgB,SAAQ,iBAAiB,CAAA;AAdtD,IAAA,WAAA,GAAA;;AAeqB,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,oBAAoB,CAAC;AACpC,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC;AAmB3C;IAjBC,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;;IAGhE,eAAe,GAAA;QACb,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE;QAClC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,UAAU,CAAC;AACvC,YAAA,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC;AACxB,gBAAA,GAAG,EAAE,CAAE,CAAA;AACP,gBAAA,UAAU,EAAE;AACV,oBAAA,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE;AACjC,oBAAA,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;AAC3B,iBAAA;aACF,CAAC;AACF,YAAA,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,aAAa;AAC9B,SAAA,CAAC,CAAC;;8GAnBM,eAAe,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EA3Ff,oBAAoB,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,EAAA,eAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAgFrB,CAAE,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,uGAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAWD,eAAe,EAAA,UAAA,EAAA,CAAA;kBAd3B,SAAS;+BACE,eAAe,EAAA,UAAA,EACb,IAAI,EACN,QAAA,EAAA,CAAA,CAAE,mBAEK,uBAAuB,CAAC,MAAM,EAC/B,cAAA,EAAA;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,oBAAoB;AAC/B,4BAAA,MAAM,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,YAAY,CAAC;4BAC/C,OAAO,EAAE,CAAC,eAAe,CAAC;AAC3B;AACF,qBAAA,EAAA,MAAA,EAAA,CAAA,uGAAA,CAAA,EAAA;;;AC3GH;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-extras-editor.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/extras/editor/editor.component.ts","../../../../../packages/@ng-atomic/components/src/lib/extras/editor/ng-atomic-components-extras-editor.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, input, effect, ElementRef, OnInit, AfterViewInit, output, signal, Directive } from '@angular/core';\nimport { keymap, ViewUpdate } from \"@codemirror/view\"\nimport { indentWithTab } from \"@codemirror/commands\"\nimport { syntaxHighlighting } from '@codemirror/language';\nimport { oneDarkHighlightStyle, oneDark } from '@codemirror/theme-one-dark';\nimport { EditorSelection, EditorState, Extension, Text } from '@codemirror/state';\nimport { basicSetup, EditorView } from \"codemirror\"\nimport { Action, InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';\nimport { json } from \"@codemirror/lang-json\";\nimport { distinctUntilChanged, filter, map, ReplaySubject } from 'rxjs';\n\nfunction getSafeSelection(doc: string | Text, selection: EditorSelection): EditorSelection {\n  const safeFrom = Math.max(0, Math.min(selection.main.from, doc.length));\n  const safeTo = Math.max(0, Math.min(selection.main.to, doc.length));\n  return EditorSelection.single(safeFrom, safeTo);\n}\n\n@Directive({ standalone: true })\nexport class EditorComponentStore extends InjectableComponent {\n  readonly content = input<string>('');\n  readonly contentChange = output<string>();\n  readonly keyActions = input<{key: string, actionId: string}[]>([]);\n  readonly extensions = input<Extension[]>([\n    json(),\n  ]);\n  // readonly update = signal<ViewUpdate>(null);\n  // readonly update$ = toObservable(this.update);\n  readonly update$ = new ReplaySubject<ViewUpdate>(0);\n  readonly defaultExtensions = computed(() => [\n    basicSetup,\n    oneDark,\n    syntaxHighlighting(oneDarkHighlightStyle),\n    EditorView.updateListener.of((update) => this.update$.next(update)),\n    keymap.of([\n      ...(this.keyActions()).map(({key, actionId}) => ({\n        key,\n        run: () => {\n          this.action.emit({id: actionId});\n          return true;\n        },\n      })),\n      indentWithTab,\n    ]),\n  ]);\n\n  readonly state = computed(() => {\n    const editorView = this.editorView();\n    const defaultExtensions = this.defaultExtensions();\n    const extensions = this.extensions();\n    if (!editorView) return null;\n    return EditorState.create({\n      ...editorView?.state,\n      extensions: [...defaultExtensions, ...extensions],\n    })\n  });\n\n  readonly editorView = signal<EditorView>(null);\n  readonly action = output<Action>();\n\n  constructor() {\n    super();\n\n    this.update$.pipe(\n      filter((update) => update?.docChanged),\n      map((update) => (update.state.doc.toString())),\n      distinctUntilChanged(),\n    ).subscribe((content) => {\n      this.contentChange.emit(content);\n    });\n\n    effect(() => {\n      const editorView = this.editorView();\n      const newContent = this.content() ?? '';\n      if (!editorView) return;\n      const currentContent = editorView.state.doc.toString();\n    \n      if (newContent === currentContent) return;\n    \n      const doc = editorView.state.doc;\n      const safeSelection = getSafeSelection(newContent, editorView.state.selection);\n    \n      editorView.dispatch(\n        editorView.state.update({\n          changes: {\n            from: 0,\n            to: doc.length,\n            insert: newContent,\n          },\n          selection: safeSelection,\n          scrollIntoView: true,\n        }),\n      );\n    });\n\n    effect(() => {\n      const state = this.state();\n      const editorView = this.editorView();\n      editorView?.setState(state);\n    });\n  }\n}\n\n@Component({\n  selector: 'extras-editor',\n  standalone: true,\n  template: ``,\n  styleUrls: ['./editor.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: EditorComponentStore,\n      inputs: ['content', 'keyActions', 'extensions'],\n      outputs: ['contentChange'],\n    }\n  ]\n})\nexport class EditorComponent extends NgAtomicComponent implements OnInit, AfterViewInit {\n  protected readonly store = inject(EditorComponentStore);\n  protected readonly el = inject(ElementRef);\n\n  ngOnInit(): void {\n    this.store.action.subscribe((action) => this.dispatch(action));\n  }\n\n  ngAfterViewInit() {\n    this.store.editorView()?.destroy();\n    this.store.editorView.set(new EditorView({\n      state: EditorState.create({\n        doc: ``,\n        extensions: [\n          ...this.store.defaultExtensions(),\n          ...this.store.extensions(),\n        ],\n      }),\n      parent: this.el.nativeElement,\n    }));\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-extras.mjs

@@ -8,11 +8,11 @@ class NgAtomicExtrasModule {
             providers: []
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicExtrasModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicExtrasModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicExtrasModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgAtomicExtrasModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: NgAtomicExtrasModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgAtomicExtrasModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicExtrasModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgAtomicExtrasModule, decorators: [{
             type: NgModule,
             args: [{}]
         }] });

package/fesm2022/ng-atomic-components-frames-app.mjs

@@ -126,7 +126,7 @@ class AppFrameStore extends InjectableComponent {
                 applyToInput(store, 'sideNavActions', actions.map(action => ({
                     ...action, disabled: compare(paths(), action?.payload),
                 })));
-            }, { allowSignalWrites: true });
+            });
         });
     }
     static provideNavigateEffect() {
@@ -309,10 +309,10 @@ class AppFrameStore extends InjectableComponent {
         this.fabHide = input(_computed(() => this.config().fabHide));
         AppFrameStore.Initializer.initializeStore(this);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: AppFrameStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: AppFrameStore, isStandalone: true, selector: "frames-app", inputs: { isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isProgress: { classPropertyName: "isProgress", publicName: "isProgress", isSignal: true, isRequired: false, transformFunction: null }, isEntrance: { classPropertyName: "isEntrance", publicName: "isEntrance", isSignal: true, isRequired: false, transformFunction: null }, sideAppOpened: { classPropertyName: "sideAppOpened", publicName: "sideAppOpened", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, entranceActions: { classPropertyName: "entranceActions", publicName: "entranceActions", isSignal: true, isRequired: false, transformFunction: null }, sideNavActions: { classPropertyName: "sideNavActions", publicName: "sideNavActions", isSignal: true, isRequired: false, transformFunction: null }, sideNavBottomActions: { classPropertyName: "sideNavBottomActions", publicName: "sideNavBottomActions", isSignal: true, isRequired: false, transformFunction: null }, sideNavMode: { classPropertyName: "sideNavMode", publicName: "sideNavMode", isSignal: true, isRequired: false, transformFunction: null }, sideNavMenuType: { classPropertyName: "sideNavMenuType", publicName: "sideNavMenuType", isSignal: true, isRequired: false, transformFunction: null }, sideNavMenuTitle: { classPropertyName: "sideNavMenuTitle", publicName: "sideNavMenuTitle", isSignal: true, isRequired: false, transformFunction: null }, sideAppOutletName: { classPropertyName: "sideAppOutletName", publicName: "sideAppOutletName", isSignal: true, isRequired: false, transformFunction: null }, fabActions: { classPropertyName: "fabActions", publicName: "fabActions", isSignal: true, isRequired: false, transformFunction: null }, fabHide: { classPropertyName: "fabHide", publicName: "fabHide", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: AppFrameStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.4", type: AppFrameStore, isStandalone: true, selector: "frames-app", inputs: { isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isProgress: { classPropertyName: "isProgress", publicName: "isProgress", isSignal: true, isRequired: false, transformFunction: null }, isEntrance: { classPropertyName: "isEntrance", publicName: "isEntrance", isSignal: true, isRequired: false, transformFunction: null }, sideAppOpened: { classPropertyName: "sideAppOpened", publicName: "sideAppOpened", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, entranceActions: { classPropertyName: "entranceActions", publicName: "entranceActions", isSignal: true, isRequired: false, transformFunction: null }, sideNavActions: { classPropertyName: "sideNavActions", publicName: "sideNavActions", isSignal: true, isRequired: false, transformFunction: null }, sideNavBottomActions: { classPropertyName: "sideNavBottomActions", publicName: "sideNavBottomActions", isSignal: true, isRequired: false, transformFunction: null }, sideNavMode: { classPropertyName: "sideNavMode", publicName: "sideNavMode", isSignal: true, isRequired: false, transformFunction: null }, sideNavMenuType: { classPropertyName: "sideNavMenuType", publicName: "sideNavMenuType", isSignal: true, isRequired: false, transformFunction: null }, sideNavMenuTitle: { classPropertyName: "sideNavMenuTitle", publicName: "sideNavMenuTitle", isSignal: true, isRequired: false, transformFunction: null }, sideAppOutletName: { classPropertyName: "sideAppOutletName", publicName: "sideAppOutletName", isSignal: true, isRequired: false, transformFunction: null }, fabActions: { classPropertyName: "fabActions", publicName: "fabActions", isSignal: true, isRequired: false, transformFunction: null }, fabHide: { classPropertyName: "fabHide", publicName: "fabHide", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: AppFrameStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: AppFrameStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'frames-app' }]
         }], ctorParameters: () => [] });
@@ -328,9 +328,8 @@ class AppFrame extends NgAtomicComponent {
     isPlatformBrowser() {
         return isPlatformBrowser(this.platformId);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: AppFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: AppFrame, isStandalone: true, selector: "frames-app", usesInheritance: true, hostDirectives: [{ directive: AppFrameStore }], ngImport: i0, template: `
-  <router-outlet/>
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: AppFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: AppFrame, isStandalone: true, selector: "frames-app", host: { properties: { "class.is-entrance": "store.isEntrance()" } }, usesInheritance: true, hostDirectives: [{ directive: AppFrameStore }], ngImport: i0, template: `
   @if (isPlatformBrowser()) {
     @defer {
       <templates-background injectable/>
@@ -351,7 +350,6 @@ class AppFrame extends NgAtomicComponent {
           (action)="dispatch($event)"
         >
           <frames-drawer
-            [style.visibility]="store.isEntrance() ? 'hidden' : 'visible'"
             [opened]="store.sideAppOpened()"
             [position]="'end'"
             [hasBackdrop]="false"
@@ -375,24 +373,20 @@ class AppFrame extends NgAtomicComponent {
       </frames-fab>
     </frames-progress-bar>
   </frames-loading>
-  `, isInline: true, styles: [":host{--primary-color-SCOPED-IN-frames-app-hPeD: var(--primary-color);--on-primary-color-SCOPED-IN-frames-app-hPeD: var(--on-primary-color);--surface-color-SCOPED-IN-frames-app-hPeD: var(--surface-color);--on-surface-color-SCOPED-IN-frames-app-hPeD: var(--on-surface-color);--background-color-SCOPED-IN-frames-app-hPeD: var(--background-color);--on-background-color-SCOPED-IN-frames-app-hPeD: var(--on-background-color);--menu-width-SCOPED-IN-frames-app-hPeD: var(--menu-width);--menu-background-color-SCOPED-IN-frames-app-hPeD: var(--menu-background-color);--menu-on-background-color-SCOPED-IN-frames-app-hPeD: var(--menu-on-background-color);--background-primary-color-SCOPED-IN-frames-app-hPeD: var(--background-primary-color);--background-on-primary-color-SCOPED-IN-frames-app-hPeD: var(--background-on-primary-color);--background-background-color-SCOPED-IN-frames-app-hPeD: var(--background-background-color);--loading-primary-color-SCOPED-IN-frames-app-hPeD: var(--loading-primary-color);--page-width-lv1-SCOPED-IN-frames-app-hPeD: var(--page-width-lv1);--menu-padding-top: 56px;--menu-padding-top-SCOPED-IN-frames-app-hPeD: var(--menu-padding-top);--loading-z-index: 1000;--loading-z-index-SCOPED-IN-frames-app-hPeD: var(--loading-z-index)}:host{display:block;width:100%;height:100%;position:fixed;color:var(--primary-color-SCOPED-IN-frames-app-hPeD);touch-action:none}:host *{--primary-color: var(--primary-color-SCOPED-IN-frames-app-hPeD);--on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-hPeD);--surface-color: var(--surface-color-SCOPED-IN-frames-app-hPeD);--on-surface-color: var(--on-surface-color-SCOPED-IN-frames-app-hPeD);--background-color: var(--background-color-SCOPED-IN-frames-app-hPeD);--on-background-color: var(--on-background-color-SCOPED-IN-frames-app-hPeD);--menu-background-color: var(--menu-background-color-SCOPED-IN-frames-app-hPeD);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-frames-app-hPeD)}:host frames-side-nav{color:#000;--menu-width: var(--menu-width-SCOPED-IN-frames-app-hPeD)}:host frames-loading{--primary-color: var(--loading-primary-color-SCOPED-IN-frames-app-hPeD)}:host templates-background{--primary-color: var(--background-primary-color-SCOPED-IN-frames-app-hPeD);--on-primary-color: var(--background-on-primary-color-SCOPED-IN-frames-app-hPeD);--background-color: var(--background-background-color-SCOPED-IN-frames-app-hPeD);position:absolute;top:0;left:0}:host frames-side-nav .side-app{position:relative;width:var(--page-width-lv1-SCOPED-IN-frames-app-hPeD);height:100%}\n"], dependencies: [{ kind: "component", type: FabFrame, selector: "frames-fab" }, { kind: "component", type: LoadingFrame, selector: "frames-loading" }, { kind: "component", type: SideNavFrame, selector: "frames-side-nav" }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: EntranceFrame, selector: "frames-entrance" }, { kind: "component", type: 
-                // DrawerFrameStore,
-                DrawerFrame, selector: "frames-drawer" }, { kind: "component", type: ProgressBarFrame, selector: "frames-progress-bar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import('@ng-atomic/components/templates/background').then(m => m.BackgroundTemplateStore)]] }); }
+  `, isInline: true, styles: [":host{--primary-color-SCOPED-IN-frames-app-QlRI: var(--primary-color);--on-primary-color-SCOPED-IN-frames-app-QlRI: var(--on-primary-color);--surface-color-SCOPED-IN-frames-app-QlRI: var(--surface-color);--on-surface-color-SCOPED-IN-frames-app-QlRI: var(--on-surface-color);--background-color-SCOPED-IN-frames-app-QlRI: var(--background-color);--on-background-color-SCOPED-IN-frames-app-QlRI: var(--on-background-color);--menu-width-SCOPED-IN-frames-app-QlRI: var(--menu-width);--page-width-lv1-SCOPED-IN-frames-app-QlRI: var(--page-width-lv1);--menu-background-color: var(--primary-color-SCOPED-IN-frames-app-QlRI);--menu-background-color-SCOPED-IN-frames-app-QlRI: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-frames-app-QlRI);--menu-on-background-color-SCOPED-IN-frames-app-QlRI: var(--menu-on-background-color);--menu-padding-top: 56px;--menu-padding-top-SCOPED-IN-frames-app-QlRI: var(--menu-padding-top);--background-primary-color: var(--primary-color-SCOPED-IN-frames-app-QlRI);--background-primary-color-SCOPED-IN-frames-app-QlRI: var(--background-primary-color);--background-on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-QlRI);--background-on-primary-color-SCOPED-IN-frames-app-QlRI: var(--background-on-primary-color);--background-background-color: var(--background-color-SCOPED-IN-frames-app-QlRI);--background-background-color-SCOPED-IN-frames-app-QlRI: var(--background-background-color);--loading-primary-color: var(--primary-color-SCOPED-IN-frames-app-QlRI);--loading-primary-color-SCOPED-IN-frames-app-QlRI: var(--loading-primary-color);--loading-z-index: 1000;--loading-z-index-SCOPED-IN-frames-app-QlRI: var(--loading-z-index)}:host{display:block;width:100%;height:100%;position:fixed;color:var(--primary-color-SCOPED-IN-frames-app-QlRI);touch-action:none}:host *{--primary-color: var(--primary-color-SCOPED-IN-frames-app-QlRI);--on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-QlRI);--surface-color: var(--surface-color-SCOPED-IN-frames-app-QlRI);--on-surface-color: var(--on-surface-color-SCOPED-IN-frames-app-QlRI);--background-color: var(--background-color-SCOPED-IN-frames-app-QlRI);--on-background-color: var(--on-background-color-SCOPED-IN-frames-app-QlRI);--menu-background-color: var(--menu-background-color-SCOPED-IN-frames-app-QlRI);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-frames-app-QlRI)}:host frames-drawer{opacity:0}:host frames-side-nav{color:#000;--menu-width: var(--menu-width-SCOPED-IN-frames-app-QlRI)}:host frames-loading{--primary-color: var(--loading-primary-color-SCOPED-IN-frames-app-QlRI)}:host templates-background{--primary-color: var(--background-primary-color-SCOPED-IN-frames-app-QlRI);--on-primary-color: var(--background-on-primary-color-SCOPED-IN-frames-app-QlRI);--background-color: var(--background-background-color-SCOPED-IN-frames-app-QlRI);position:absolute;top:0;left:0}:host frames-side-nav .side-app{position:relative;width:var(--page-width-lv1-SCOPED-IN-frames-app-QlRI);height:100%}:host.is-entrance frames-drawer{opacity:0}\n"], dependencies: [{ kind: "component", type: FabFrame, selector: "frames-fab" }, { kind: "component", type: LoadingFrame, selector: "frames-loading" }, { kind: "component", type: SideNavFrame, selector: "frames-side-nav" }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: EntranceFrame, selector: "frames-entrance" }, { kind: "component", type: DrawerFrame, selector: "frames-drawer" }, { kind: "component", type: ProgressBarFrame, selector: "frames-progress-bar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import('@ng-atomic/components/templates/background').then(m => m.BackgroundTemplateStore)]] }); }
 }
-i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "18.1.2", ngImport: i0, type: AppFrame, resolveDeferredDeps: () => [import('@ng-atomic/components/templates/background').then(m => m.BackgroundTemplateStore)], resolveMetadata: BackgroundTemplateStore => ({ decorators: [{
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "19.1.4", ngImport: i0, type: AppFrame, resolveDeferredDeps: () => [import('@ng-atomic/components/templates/background').then(m => m.BackgroundTemplateStore)], resolveMetadata: BackgroundTemplateStore => ({ decorators: [{
                 type: Component,
-                args: [{ selector: 'frames-app', standalone: true, imports: [
+                args: [{ selector: 'frames-app', imports: [
                             FabFrame,
                             LoadingFrame,
                             SideNavFrame,
                             RouterOutlet,
                             EntranceFrame,
-                            // DrawerFrameStore,
                             DrawerFrame,
                             BackgroundTemplateStore,
                             ProgressBarFrame,
                         ], template: `
-  <router-outlet/>
   @if (isPlatformBrowser()) {
     @defer {
       <templates-background injectable/>
@@ -413,7 +407,6 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "18.1.2", ng
           (action)="dispatch($event)"
         >
           <frames-drawer
-            [style.visibility]="store.isEntrance() ? 'hidden' : 'visible'"
             [opened]="store.sideAppOpened()"
             [position]="'end'"
             [hasBackdrop]="false"
@@ -439,7 +432,9 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "18.1.2", ng
   </frames-loading>
   `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                             AppFrameStore,
-                        ], styles: [":host{--primary-color-SCOPED-IN-frames-app-hPeD: var(--primary-color);--on-primary-color-SCOPED-IN-frames-app-hPeD: var(--on-primary-color);--surface-color-SCOPED-IN-frames-app-hPeD: var(--surface-color);--on-surface-color-SCOPED-IN-frames-app-hPeD: var(--on-surface-color);--background-color-SCOPED-IN-frames-app-hPeD: var(--background-color);--on-background-color-SCOPED-IN-frames-app-hPeD: var(--on-background-color);--menu-width-SCOPED-IN-frames-app-hPeD: var(--menu-width);--menu-background-color-SCOPED-IN-frames-app-hPeD: var(--menu-background-color);--menu-on-background-color-SCOPED-IN-frames-app-hPeD: var(--menu-on-background-color);--background-primary-color-SCOPED-IN-frames-app-hPeD: var(--background-primary-color);--background-on-primary-color-SCOPED-IN-frames-app-hPeD: var(--background-on-primary-color);--background-background-color-SCOPED-IN-frames-app-hPeD: var(--background-background-color);--loading-primary-color-SCOPED-IN-frames-app-hPeD: var(--loading-primary-color);--page-width-lv1-SCOPED-IN-frames-app-hPeD: var(--page-width-lv1);--menu-padding-top: 56px;--menu-padding-top-SCOPED-IN-frames-app-hPeD: var(--menu-padding-top);--loading-z-index: 1000;--loading-z-index-SCOPED-IN-frames-app-hPeD: var(--loading-z-index)}:host{display:block;width:100%;height:100%;position:fixed;color:var(--primary-color-SCOPED-IN-frames-app-hPeD);touch-action:none}:host *{--primary-color: var(--primary-color-SCOPED-IN-frames-app-hPeD);--on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-hPeD);--surface-color: var(--surface-color-SCOPED-IN-frames-app-hPeD);--on-surface-color: var(--on-surface-color-SCOPED-IN-frames-app-hPeD);--background-color: var(--background-color-SCOPED-IN-frames-app-hPeD);--on-background-color: var(--on-background-color-SCOPED-IN-frames-app-hPeD);--menu-background-color: var(--menu-background-color-SCOPED-IN-frames-app-hPeD);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-frames-app-hPeD)}:host frames-side-nav{color:#000;--menu-width: var(--menu-width-SCOPED-IN-frames-app-hPeD)}:host frames-loading{--primary-color: var(--loading-primary-color-SCOPED-IN-frames-app-hPeD)}:host templates-background{--primary-color: var(--background-primary-color-SCOPED-IN-frames-app-hPeD);--on-primary-color: var(--background-on-primary-color-SCOPED-IN-frames-app-hPeD);--background-color: var(--background-background-color-SCOPED-IN-frames-app-hPeD);position:absolute;top:0;left:0}:host frames-side-nav .side-app{position:relative;width:var(--page-width-lv1-SCOPED-IN-frames-app-hPeD);height:100%}\n"] }]
+                        ], host: {
+                            '[class.is-entrance]': 'store.isEntrance()',
+                        }, styles: [":host{--primary-color-SCOPED-IN-frames-app-QlRI: var(--primary-color);--on-primary-color-SCOPED-IN-frames-app-QlRI: var(--on-primary-color);--surface-color-SCOPED-IN-frames-app-QlRI: var(--surface-color);--on-surface-color-SCOPED-IN-frames-app-QlRI: var(--on-surface-color);--background-color-SCOPED-IN-frames-app-QlRI: var(--background-color);--on-background-color-SCOPED-IN-frames-app-QlRI: var(--on-background-color);--menu-width-SCOPED-IN-frames-app-QlRI: var(--menu-width);--page-width-lv1-SCOPED-IN-frames-app-QlRI: var(--page-width-lv1);--menu-background-color: var(--primary-color-SCOPED-IN-frames-app-QlRI);--menu-background-color-SCOPED-IN-frames-app-QlRI: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-frames-app-QlRI);--menu-on-background-color-SCOPED-IN-frames-app-QlRI: var(--menu-on-background-color);--menu-padding-top: 56px;--menu-padding-top-SCOPED-IN-frames-app-QlRI: var(--menu-padding-top);--background-primary-color: var(--primary-color-SCOPED-IN-frames-app-QlRI);--background-primary-color-SCOPED-IN-frames-app-QlRI: var(--background-primary-color);--background-on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-QlRI);--background-on-primary-color-SCOPED-IN-frames-app-QlRI: var(--background-on-primary-color);--background-background-color: var(--background-color-SCOPED-IN-frames-app-QlRI);--background-background-color-SCOPED-IN-frames-app-QlRI: var(--background-background-color);--loading-primary-color: var(--primary-color-SCOPED-IN-frames-app-QlRI);--loading-primary-color-SCOPED-IN-frames-app-QlRI: var(--loading-primary-color);--loading-z-index: 1000;--loading-z-index-SCOPED-IN-frames-app-QlRI: var(--loading-z-index)}:host{display:block;width:100%;height:100%;position:fixed;color:var(--primary-color-SCOPED-IN-frames-app-QlRI);touch-action:none}:host *{--primary-color: var(--primary-color-SCOPED-IN-frames-app-QlRI);--on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-QlRI);--surface-color: var(--surface-color-SCOPED-IN-frames-app-QlRI);--on-surface-color: var(--on-surface-color-SCOPED-IN-frames-app-QlRI);--background-color: var(--background-color-SCOPED-IN-frames-app-QlRI);--on-background-color: var(--on-background-color-SCOPED-IN-frames-app-QlRI);--menu-background-color: var(--menu-background-color-SCOPED-IN-frames-app-QlRI);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-frames-app-QlRI)}:host frames-drawer{opacity:0}:host frames-side-nav{color:#000;--menu-width: var(--menu-width-SCOPED-IN-frames-app-QlRI)}:host frames-loading{--primary-color: var(--loading-primary-color-SCOPED-IN-frames-app-QlRI)}:host templates-background{--primary-color: var(--background-primary-color-SCOPED-IN-frames-app-QlRI);--on-primary-color: var(--background-on-primary-color-SCOPED-IN-frames-app-QlRI);--background-color: var(--background-background-color-SCOPED-IN-frames-app-QlRI);position:absolute;top:0;left:0}:host frames-side-nav .side-app{position:relative;width:var(--page-width-lv1-SCOPED-IN-frames-app-QlRI);height:100%}:host.is-entrance frames-drawer{opacity:0}\n"] }]
             }], ctorParameters: null, propDecorators: null }) });
 
 /**