@ng-atomic/components 18.11.0 → 18.13.0-preview-v19e.1

package/atoms/atoms.module.d.ts

@@ -4,7 +4,7 @@ export declare class NgAtomicAtomsModule {
         ngModule: typeof NgAtomicAtomsModule;
         providers: {
             provide: any;
-            useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/atoms/smart-menu-button").MenuButtonAtom>>;
+            useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/atoms/menu-button").MenuButtonAtom>>;
         }[][];
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<NgAtomicAtomsModule, never>;
@@ -13,5 +13,5 @@ export declare class NgAtomicAtomsModule {
 }
 export declare function provideAtoms(): {
     provide: any;
-    useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/atoms/smart-menu-button").MenuButtonAtom>>;
+    useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/atoms/menu-button").MenuButtonAtom>>;
 }[];

package/atoms/menu-button/index.d.ts

@@ -0,0 +1 @@
+export * from './menu-button.atom';

package/atoms/{smart-menu-button/smart-menu-button.atom.d.ts → menu-button/menu-button.atom.d.ts}

@@ -6,16 +6,17 @@ export declare class StopPipe implements PipeTransform {
     static ɵfac: i0.ɵɵFactoryDeclaration<StopPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<StopPipe, "stope", true>;
 }
+export declare function buildMenuAction(actions: Action[]): Action<any>;
 export declare class MenuButtonAtomStore extends InjectableComponent {
     readonly actions: import("@angular/core").InputSignal<Action<any>[]>;
     readonly type: import("@angular/core").InputSignal<"button" | "icon-button">;
     readonly action: import("@angular/core").InputSignal<Action<any>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuButtonAtomStore, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuButtonAtomStore, "atoms-smart-menu-button, atoms-menu-button", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuButtonAtomStore, "atoms-menu-button, atoms-smart-menu-button", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class MenuButtonAtom extends NgAtomicComponent {
     protected store: MenuButtonAtomStore;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuButtonAtom, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuButtonAtom, "atoms-smart-menu-button, atoms-menu-button", never, {}, {}, never, never, true, [{ directive: typeof MenuButtonAtomStore; inputs: { "actions": "actions"; "action": "action"; "type": "type"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuButtonAtom, "atoms-menu-button, atoms-menu-button", never, {}, {}, never, never, true, [{ directive: typeof MenuButtonAtomStore; inputs: { "actions": "actions"; "action": "action"; "type": "type"; }; outputs: {}; }]>;
 }
 export { MenuButtonAtomStore as SmartMenuButtonAtomStore, MenuButtonAtom as SmartMenuButtonAtom };

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,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;;;;"}
+{"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-SaXJ: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-icon-SaXJ: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-icon-SaXJ: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-SaXJ: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-icon-SaXJ: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-icon-SaXJ: var(--on-surface-color);--color: inherit;--color-SCOPED-IN-icon-SaXJ: var(--color)}:host mat-icon{color:var(--on-background-color-SCOPED-IN-icon-SaXJ)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-SaXJ)}\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-oyAS: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-icon-oyAS: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-icon-oyAS: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-oyAS: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-icon-oyAS: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-icon-oyAS: var(--on-surface-color);--color: inherit;--color-SCOPED-IN-icon-oyAS: var(--color)}:host mat-icon{color:var(--on-background-color-SCOPED-IN-icon-oyAS)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-oyAS)}\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-SaXJ: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-icon-SaXJ: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-icon-SaXJ: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-SaXJ: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-icon-SaXJ: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-icon-SaXJ: var(--on-surface-color);--color: inherit;--color-SCOPED-IN-icon-SaXJ: var(--color)}:host mat-icon{color:var(--on-background-color-SCOPED-IN-icon-SaXJ)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-SaXJ)}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-oyAS: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-icon-oyAS: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-icon-oyAS: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-oyAS: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-icon-oyAS: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-icon-oyAS: var(--on-surface-color);--color: inherit;--color-SCOPED-IN-icon-oyAS: var(--color)}:host mat-icon{color:var(--on-background-color-SCOPED-IN-icon-oyAS)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-oyAS)}\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,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;;;;"}
+{"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-smart-menu-button.mjs → ng-atomic-components-atoms-menu-button.mjs}

@@ -15,76 +15,77 @@ 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' }]
         }] });
+function buildMenuAction(actions) {
+    if (actions?.length === 0) {
+        return null;
+    }
+    else if (actions?.length === 1) {
+        return actions[0];
+    }
+    else {
+        return {
+            id: 'more_vert',
+            name: 'メニューを開く',
+            icon: 'more_vert',
+            children: actions,
+        };
+    }
+}
 let MenuButtonAtomStore = class MenuButtonAtomStore extends InjectableComponent {
     constructor() {
         super(...arguments);
         this.actions = input([]);
         this.type = input('icon-button');
-        this.action = input(_computed(() => {
-            if (this.actions()?.length === 0) {
-                return null;
-            }
-            else if (this.actions()?.length === 1) {
-                return this.actions()[0];
-            }
-            else {
-                return {
-                    id: 'more_vert',
-                    name: 'メニューを開く',
-                    icon: 'more_vert',
-                    children: this.actions(),
-                };
-            }
-        }));
+        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-smart-menu-button, atoms-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-smart-menu-button, atoms-menu-button' }]
+            args: [{ standalone: true, selector: 'atoms-menu-button, atoms-smart-menu-button' }]
         }] });
 class MenuButtonAtom extends NgAtomicComponent {
     constructor() {
         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-smart-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
       [color]="store.action()?.color"
-      [disabled]="store.action().disabled"
+      [disabled]="store.action()?.disabled"
       [matMenuTriggerFor]="menu"
       (click)="$event.stopPropagation();"
     >
       <mat-icon>{{ store.action()?.icon }}</mat-icon>
     </button>
     <mat-menu #menu="matMenu">
-      @for (action of store.action()?.children; track action) {
+      @for (action of store.action()?.children; track $index) {
         <button
           mat-menu-item
-          [disabled]="action.disabled"
+          [disabled]="action?.disabled"
           (click)="dispatch(action)"
-        >{{ action.name }}</button>
+        >{{ action?.name ?? '' }}</button>
       }
     </mat-menu>
   } @else if (store.action()) {
     <button
       mat-icon-button
       [color]="store.action()?.color"
-      [disabled]="store.action().disabled"
+      [disabled]="store.action()?.disabled"
       (click)="dispatch(store.action()); $event.stopPropagation();"
     >
       <mat-icon>{{ store.action()?.icon }}</mat-icon>
@@ -92,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-smart-menu-button, atoms-menu-button', standalone: true, imports: [
+            args: [{ selector: 'atoms-menu-button, atoms-menu-button', imports: [
                         MatButtonModule,
                         MatIconModule,
                         MatMenuModule,
@@ -103,26 +104,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
     <button
       mat-icon-button
       [color]="store.action()?.color"
-      [disabled]="store.action().disabled"
+      [disabled]="store.action()?.disabled"
       [matMenuTriggerFor]="menu"
       (click)="$event.stopPropagation();"
     >
       <mat-icon>{{ store.action()?.icon }}</mat-icon>
     </button>
     <mat-menu #menu="matMenu">
-      @for (action of store.action()?.children; track action) {
+      @for (action of store.action()?.children; track $index) {
         <button
           mat-menu-item
-          [disabled]="action.disabled"
+          [disabled]="action?.disabled"
           (click)="dispatch(action)"
-        >{{ action.name }}</button>
+        >{{ action?.name ?? '' }}</button>
       }
     </mat-menu>
   } @else if (store.action()) {
     <button
       mat-icon-button
       [color]="store.action()?.color"
-      [disabled]="store.action().disabled"
+      [disabled]="store.action()?.disabled"
       (click)="dispatch(store.action()); $event.stopPropagation();"
     >
       <mat-icon>{{ store.action()?.icon }}</mat-icon>
@@ -144,5 +145,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { MenuButtonAtom, MenuButtonAtomStore, MenuButtonAtom as SmartMenuButtonAtom, MenuButtonAtomStore as SmartMenuButtonAtomStore, StopPipe };
-//# sourceMappingURL=ng-atomic-components-atoms-smart-menu-button.mjs.map
+export { MenuButtonAtom, MenuButtonAtomStore, MenuButtonAtom as SmartMenuButtonAtom, MenuButtonAtomStore as SmartMenuButtonAtomStore, StopPipe, buildMenuAction };
+//# sourceMappingURL=ng-atomic-components-atoms-menu-button.mjs.map

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

@@ -0,0 +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    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

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { NgModule } from '@angular/core';
 import { provideComponent } from '@ng-atomic/core';
-import { SmartMenuButtonAtomStore } from '@ng-atomic/components/atoms/smart-menu-button';
+import { SmartMenuButtonAtomStore } from '@ng-atomic/components/atoms/menu-button';
 
 class NgAtomicAtomsModule {
     static forRoot() {
@@ -12,17 +12,17 @@ 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: [{}]
         }] });
 function provideAtoms() {
     return [
-        provideComponent(SmartMenuButtonAtomStore, () => import('@ng-atomic/components/atoms/smart-menu-button').then(m => m.SmartMenuButtonAtom)),
+        provideComponent(SmartMenuButtonAtomStore, () => import('@ng-atomic/components/atoms/menu-button').then(m => m.SmartMenuButtonAtom)),
     ];
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-atoms.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/atoms/atoms.module.ts","../../../../../packages/@ng-atomic/components/src/lib/atoms/ng-atomic-components-atoms.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { provideComponent } from '@ng-atomic/core';\nimport { SmartMenuButtonAtomStore } from '@ng-atomic/components/atoms/smart-menu-button';\n\n@NgModule({})\nexport class NgAtomicAtomsModule {\n  static forRoot() {\n    return {\n      ngModule: NgAtomicAtomsModule,\n      providers: [\n        provideAtoms(),\n      ]\n    }\n  }\n}\n\nexport function provideAtoms() {\n  return [\n    provideComponent(SmartMenuButtonAtomStore, () => import('@ng-atomic/components/atoms/smart-menu-button').then(m => m.SmartMenuButtonAtom)),\n  ];\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAKa,mBAAmB,CAAA;AAC9B,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,mBAAmB;AAC7B,YAAA,SAAS,EAAE;AACT,gBAAA,YAAY,EAAE;AACf,aAAA;SACF,CAAA;KACF;8GARU,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAAnB,mBAAmB,EAAA,CAAA,CAAA,EAAA;+GAAnB,mBAAmB,EAAA,CAAA,CAAA,EAAA;;2FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAD/B,QAAQ;mBAAC,EAAE,CAAA;;SAYI,YAAY,GAAA;IAC1B,OAAO;QACL,gBAAgB,CAAC,wBAAwB,EAAE,MAAM,OAAO,+CAA+C,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,mBAAmB,CAAC,CAAC;KAC3I,CAAC;AACJ;;ACpBA;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-atoms.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/atoms/atoms.module.ts","../../../../../packages/@ng-atomic/components/src/lib/atoms/ng-atomic-components-atoms.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { provideComponent } from '@ng-atomic/core';\nimport { SmartMenuButtonAtomStore } from '@ng-atomic/components/atoms/menu-button';\n\n@NgModule({})\nexport class NgAtomicAtomsModule {\n  static forRoot() {\n    return {\n      ngModule: NgAtomicAtomsModule,\n      providers: [\n        provideAtoms(),\n      ]\n    }\n  }\n}\n\nexport function provideAtoms() {\n  return [\n    provideComponent(SmartMenuButtonAtomStore, () => import('@ng-atomic/components/atoms/menu-button').then(m => m.SmartMenuButtonAtom)),\n  ];\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAKa,mBAAmB,CAAA;AAC9B,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,mBAAmB;AAC7B,YAAA,SAAS,EAAE;AACT,gBAAA,YAAY,EAAE;AACf;SACF;;8GAPQ,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAnB,mBAAmB,EAAA,CAAA,CAAA;+GAAnB,mBAAmB,EAAA,CAAA,CAAA;;2FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAD/B,QAAQ;mBAAC,EAAE;;SAYI,YAAY,GAAA;IAC1B,OAAO;QACL,gBAAgB,CAAC,wBAAwB,EAAE,MAAM,OAAO,yCAAyC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,mBAAmB,CAAC,CAAC;KACrI;AACH;;ACpBA;;AAEG;;;;"}

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":"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"}
+{"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: [{}]
         }] });