@ng-atomic/components 5.4.1 → 5.5.0

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

@@ -0,0 +1,52 @@
+import { __awaiter } from 'tslib';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, ViewChild } from '@angular/core';
+import { EditorView } from 'codemirror';
+import { ReplaySubject } from 'rxjs';
+
+class EditorComponent {
+    constructor() {
+        this.state$ = new ReplaySubject(1);
+    }
+    set state(value) {
+        if (!value)
+            return;
+        this.state$.next(value);
+    }
+    ngOnInit() {
+        return __awaiter(this, void 0, void 0, function* () { });
+    }
+    ngAfterViewInit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.state$.subscribe((state) => {
+                if (this.editor) {
+                    this.editor.dispatch(this.editor.state.update(Object.assign({}, state)), { changes: { from: 0, to: this.editor.state.doc.length, insert: state.doc.toString() } });
+                }
+                else {
+                    this.editor = new EditorView({ state, parent: this._editor.nativeElement });
+                }
+            });
+        });
+    }
+}
+EditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: EditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+EditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: EditorComponent, isStandalone: true, selector: "extras-editor", inputs: { state: "state" }, viewQueries: [{ propertyName: "_editor", first: true, predicate: ["editor"], descendants: true, static: true }], ngImport: i0, template: "<div #editor></div>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: EditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'extras-editor', standalone: true, imports: [
+                        CommonModule
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #editor></div>\n", styles: [":host{display:block}\n"] }]
+        }], propDecorators: { state: [{
+                type: Input
+            }], _editor: [{
+                type: ViewChild,
+                args: ['editor', { static: true }]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EditorComponent };
+//# sourceMappingURL=ng-atomic-components-extras-editor.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-extras-editor.mjs","sources":["../../../../../packages/@ng-atomic/components/src/extras/editor/editor.component.ts","../../../../../packages/@ng-atomic/components/src/extras/editor/editor.component.html","../../../../../packages/@ng-atomic/components/src/extras/editor/ng-atomic-components-extras-editor.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ElementRef, Input, ViewChild } from '@angular/core';\nimport { EditorState } from '@codemirror/state';\nimport { EditorView } from 'codemirror';\nimport { ReplaySubject } from 'rxjs';\n\n@Component({\n  selector: 'extras-editor',\n  standalone: true,\n  imports: [\n    CommonModule\n  ],\n  templateUrl: './editor.component.html',\n  styleUrls: ['./editor.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class EditorComponent {\n\n  private readonly state$ = new ReplaySubject<EditorState>(1);\n\n  @Input()\n  set state(value: EditorState | null) {\n    if (!value) return;\n    this.state$.next(value);\n  }\n\n  @ViewChild('editor', { static: true })\n  private _editor!: ElementRef<HTMLElement>;\n  private editor!: EditorView;\n\n  async ngOnInit(): Promise<void> { }\n\n  async ngAfterViewInit() {\n    this.state$.subscribe((state) => {\n      if (this.editor) {\n        this.editor.dispatch(\n          this.editor.state.update({...state}),\n          {changes: { from: 0, to: this.editor.state.doc.length, insert: state.doc.toString() }},\n        );\n      } else {\n        this.editor = new EditorView({state, parent: this._editor.nativeElement});\n      }\n    });\n  }\n}\n","<div #editor></div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAgBa,eAAe,CAAA;AAV5B,IAAA,WAAA,GAAA;QAYmB,IAAA,CAAA,MAAM,GAAG,IAAI,aAAa,CAAc,CAAC,CAAC,CAAC;KA0B7D;IAxBC,IACI,KAAK,CAAC,KAAyB,EAAA;AACjC,QAAA,IAAI,CAAC,KAAK;YAAE,OAAO;AACnB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACzB;IAMK,QAAQ,GAAA;+DAAqB,CAAA,CAAA;AAAA,KAAA;IAE7B,eAAe,GAAA;;YACnB,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,KAAK,KAAI;gBAC9B,IAAI,IAAI,CAAC,MAAM,EAAE;oBACf,IAAI,CAAC,MAAM,CAAC,QAAQ,CAClB,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,CAAE,CAAA,EACpC,EAAC,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,EAAC,CACvF,CAAC;AACH,iBAAA;AAAM,qBAAA;AACL,oBAAA,IAAI,CAAC,MAAM,GAAG,IAAI,UAAU,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,aAAa,EAAC,CAAC,CAAC;AAC3E,iBAAA;AACH,aAAC,CAAC,CAAC;SACJ,CAAA,CAAA;AAAA,KAAA;;4GA3BU,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;gGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,QAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChB5B,uBACA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDSI,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FAMH,eAAe,EAAA,UAAA,EAAA,CAAA;kBAV3B,SAAS;+BACE,eAAe,EAAA,UAAA,EACb,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;AACb,qBAAA,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,CAAA;8BAO3C,KAAK,EAAA,CAAA;sBADR,KAAK;gBAOE,OAAO,EAAA,CAAA;sBADd,SAAS;gBAAC,IAAA,EAAA,CAAA,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;;;AE1BvC;;AAEG;;;;"}

package/fesm2015/ng-atomic-components-frames-auto-layout.mjs

@@ -1,39 +1,21 @@
-import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
 
 class AutoLayoutFrame {
 }
 AutoLayoutFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: AutoLayoutFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AutoLayoutFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: AutoLayoutFrame, selector: "frames-auto-layout", ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-HFbl: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-HFbl: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-HFbl);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-HFbl) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+AutoLayoutFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: AutoLayoutFrame, isStandalone: true, selector: "frames-auto-layout", ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-QZO8: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-QZO8: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-QZO8);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-QZO8) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: AutoLayoutFrame, decorators: [{
             type: Component,
-            args: [{ selector: 'frames-auto-layout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-HFbl: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-HFbl: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-HFbl);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-HFbl) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
-        }] });
-
-class AutoLayoutModule {
-}
-AutoLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: AutoLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AutoLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: AutoLayoutModule, declarations: [AutoLayoutFrame], imports: [CommonModule], exports: [AutoLayoutFrame] });
-AutoLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: AutoLayoutModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: AutoLayoutModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        AutoLayoutFrame
-                    ],
-                    imports: [
-                        CommonModule
-                    ],
-                    exports: [
-                        AutoLayoutFrame
-                    ]
-                }]
+            args: [{ selector: 'frames-auto-layout', standalone: true, imports: [
+                        CommonModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-QZO8: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-QZO8: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-QZO8);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-QZO8) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
         }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AutoLayoutFrame, AutoLayoutModule };
+export { AutoLayoutFrame };
 //# sourceMappingURL=ng-atomic-components-frames-auto-layout.mjs.map

package/fesm2015/ng-atomic-components-frames-auto-layout.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-frames-auto-layout.mjs","sources":["../../../../../packages/@ng-atomic/components/src/frames/auto-layout/auto-layout.frame.ts","../../../../../packages/@ng-atomic/components/src/frames/auto-layout/auto-layout.frame.html","../../../../../packages/@ng-atomic/components/src/frames/auto-layout/auto-layout.module.ts","../../../../../packages/@ng-atomic/components/src/frames/auto-layout/ng-atomic-components-frames-auto-layout.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'frames-auto-layout',\n  templateUrl: './auto-layout.frame.html',\n  styleUrls: ['./auto-layout.frame.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AutoLayoutFrame { }\n","<ng-content></ng-content>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { AutoLayoutFrame } from './auto-layout.frame';\n\n\n@NgModule({\n  declarations: [\n    AutoLayoutFrame\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [\n    AutoLayoutFrame\n  ]\n})\nexport class AutoLayoutModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAQa,eAAe,CAAA;;4GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,0DCR5B,2BAAyB,EAAA,MAAA,EAAA,CAAA,4aAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDQZ,eAAe,EAAA,UAAA,EAAA,CAAA;kBAN3B,SAAS;+BACE,oBAAoB,EAAA,eAAA,EAGb,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,CAAA,4aAAA,CAAA,EAAA,CAAA;;;MEWpC,gBAAgB,CAAA;;6GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,EATzB,YAAA,EAAA,CAAA,eAAe,CAGf,EAAA,OAAA,EAAA,CAAA,YAAY,aAGZ,eAAe,CAAA,EAAA,CAAA,CAAA;AAGN,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YANzB,YAAY,CAAA,EAAA,CAAA,CAAA;2FAMH,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAX5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,eAAe;AAChB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;AACb,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,eAAe;AAChB,qBAAA;iBACF,CAAA;;;AChBD;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-frames-auto-layout.mjs","sources":["../../../../../packages/@ng-atomic/components/src/frames/auto-layout/auto-layout.frame.ts","../../../../../packages/@ng-atomic/components/src/frames/auto-layout/auto-layout.frame.html","../../../../../packages/@ng-atomic/components/src/frames/auto-layout/ng-atomic-components-frames-auto-layout.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'frames-auto-layout',\n  standalone: true,\n  imports: [\n    CommonModule,\n  ],\n  templateUrl: './auto-layout.frame.html',\n  styleUrls: ['./auto-layout.frame.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AutoLayoutFrame { }\n","<ng-content></ng-content>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAaa,eAAe,CAAA;;4GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;gGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECb5B,2BAAyB,EAAA,MAAA,EAAA,CAAA,4aAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDOrB,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FAMH,eAAe,EAAA,UAAA,EAAA,CAAA;kBAV3B,SAAS;+BACE,oBAAoB,EAAA,UAAA,EAClB,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;AACb,qBAAA,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,CAAA,4aAAA,CAAA,EAAA,CAAA;;;AEXjD;;AAEG;;;;"}

package/fesm2015/ng-atomic-components-frames-card.mjs

@@ -1,47 +1,24 @@
-import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import * as i1 from '@angular/material/legacy-card';
-import { MatLegacyCardModule } from '@angular/material/legacy-card';
 import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import * as i1 from '@angular/material/card';
+import { MatCardModule } from '@angular/material/card';
 
 class CardFrame {
 }
 CardFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: CardFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CardFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: CardFrame, selector: "frames-card", ngImport: i0, template: "<mat-card><ng-content></ng-content></mat-card>", styles: [":host{display:block}:host mat-card{display:flex;justify-content:center;align-items:center;flex-direction:column;box-sizing:border-box;width:100%;height:100%}\n"], dependencies: [{ kind: "component", type: i1.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+CardFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: CardFrame, isStandalone: true, selector: "frames-card", ngImport: i0, template: "<mat-card><ng-content></ng-content></mat-card>", styles: [":host{display:block}:host mat-card{display:flex;justify-content:center;align-items:center;flex-direction:column;box-sizing:border-box;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: CardFrame, decorators: [{
             type: Component,
-            args: [{ selector: 'frames-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-card><ng-content></ng-content></mat-card>", styles: [":host{display:block}:host mat-card{display:flex;justify-content:center;align-items:center;flex-direction:column;box-sizing:border-box;width:100%;height:100%}\n"] }]
-        }] });
-
-class CardModule {
-}
-CardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: CardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: CardModule, declarations: [CardFrame], imports: [CommonModule,
-        // Material
-        MatLegacyCardModule], exports: [CardFrame] });
-CardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: CardModule, imports: [CommonModule,
-        // Material
-        MatLegacyCardModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: CardModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        CardFrame
-                    ],
-                    imports: [
+            args: [{ selector: 'frames-card', standalone: true, imports: [
                         CommonModule,
-                        // Material
-                        MatLegacyCardModule,
-                    ],
-                    exports: [
-                        CardFrame
-                    ]
-                }]
+                        MatCardModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-card><ng-content></ng-content></mat-card>", styles: [":host{display:block}:host mat-card{display:flex;justify-content:center;align-items:center;flex-direction:column;box-sizing:border-box;width:100%;height:100%}\n"] }]
         }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { CardFrame, CardModule };
+export { CardFrame };
 //# sourceMappingURL=ng-atomic-components-frames-card.mjs.map

package/fesm2015/ng-atomic-components-frames-card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-frames-card.mjs","sources":["../../../../../packages/@ng-atomic/components/src/frames/card/card.frame.ts","../../../../../packages/@ng-atomic/components/src/frames/card/card.frame.html","../../../../../packages/@ng-atomic/components/src/frames/card/card.module.ts","../../../../../packages/@ng-atomic/components/src/frames/card/ng-atomic-components-frames-card.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'frames-card',\n  templateUrl: './card.frame.html',\n  styleUrls: ['./card.frame.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardFrame { }\n","<mat-card><ng-content></ng-content></mat-card>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatLegacyCardModule as MatCardModule } from '@angular/material/legacy-card';\nimport { CardFrame } from './card.frame';\n\n\n\n@NgModule({\n  declarations: [\n    CardFrame\n  ],\n  imports: [\n    CommonModule,\n    // Material\n    MatCardModule,\n  ],\n  exports: [\n    CardFrame\n  ]\n})\nexport class CardModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["MatCardModule"],"mappings":";;;;;;MAQa,SAAS,CAAA;;sGAAT,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAT,SAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,mDCRtB,gDAA8C,EAAA,MAAA,EAAA,CAAA,iKAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDQjC,SAAS,EAAA,UAAA,EAAA,CAAA;kBANrB,SAAS;+BACE,aAAa,EAAA,eAAA,EAGN,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gDAAA,EAAA,MAAA,EAAA,CAAA,iKAAA,CAAA,EAAA,CAAA;;;MEcpC,UAAU,CAAA;;uGAAV,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;wGAAV,UAAU,EAAA,YAAA,EAAA,CAXnB,SAAS,CAAA,EAAA,OAAA,EAAA,CAGT,YAAY;;QAEZA,mBAAa,aAGb,SAAS,CAAA,EAAA,CAAA,CAAA;AAGA,UAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAU,YARnB,YAAY;;QAEZA,mBAAa,CAAA,EAAA,CAAA,CAAA;2FAMJ,UAAU,EAAA,UAAA,EAAA,CAAA;kBAbtB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,SAAS;AACV,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZA,mBAAa;AACd,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,SAAS;AACV,qBAAA;iBACF,CAAA;;;ACnBD;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-frames-card.mjs","sources":["../../../../../packages/@ng-atomic/components/src/frames/card/card.frame.ts","../../../../../packages/@ng-atomic/components/src/frames/card/card.frame.html","../../../../../packages/@ng-atomic/components/src/frames/card/ng-atomic-components-frames-card.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { MatCardModule } from '@angular/material/card';\n\n@Component({\n  selector: 'frames-card',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatCardModule,\n  ],\n  templateUrl: './card.frame.html',\n  styleUrls: ['./card.frame.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardFrame { }\n","<mat-card><ng-content></ng-content></mat-card>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAea,SAAS,CAAA;;sGAAT,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAT,SAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,ECftB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,gDAA8C,EDQ1C,MAAA,EAAA,CAAA,iKAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,8BACZ,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,YAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FAMJ,SAAS,EAAA,UAAA,EAAA,CAAA;kBAXrB,SAAS;+BACE,aAAa,EAAA,UAAA,EACX,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,aAAa;AACd,qBAAA,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gDAAA,EAAA,MAAA,EAAA,CAAA,iKAAA,CAAA,EAAA,CAAA;;;AEbjD;;AAEG;;;;"}

package/fesm2015/ng-atomic-components-frames-drawer.mjs

@@ -1,8 +1,8 @@
+import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, ViewChild, Input, NgModule } from '@angular/core';
+import { Component, ViewChild, Input } from '@angular/core';
 import * as i1 from '@angular/material/sidenav';
 import { MatDrawer, MatSidenavModule } from '@angular/material/sidenav';
-import { CommonModule } from '@angular/common';
 
 class DrawerFrame {
     constructor() {
@@ -27,10 +27,13 @@ class DrawerFrame {
     }
 }
 DrawerFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DrawerFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DrawerFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: DrawerFrame, selector: "frames-drawer", inputs: { isOpen: "isOpen" }, viewQueries: [{ propertyName: "drawer", first: true, predicate: MatDrawer, descendants: true }], ngImport: i0, template: "<mat-drawer-container [autosize]=\"false\">\n  <mat-drawer #drawer mode=\"side\">\n    <ng-content select=[drawer]></ng-content>\n  </mat-drawer>\n\n  <mat-drawer-content>\n    <ng-content select=[contents]></ng-content>\n  </mat-drawer-content>\n  \n</mat-drawer-container>", styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-3nQU: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-3nQU: var(--height)}:host{height:var(--height-SCOPED-IN-drawer-3nQU)}:host mat-drawer-content{width:100%}\n"], dependencies: [{ kind: "component", type: i1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i1.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i1.MatDrawerContent, selector: "mat-drawer-content" }] });
+DrawerFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: DrawerFrame, isStandalone: true, selector: "frames-drawer", inputs: { isOpen: "isOpen" }, viewQueries: [{ propertyName: "drawer", first: true, predicate: MatDrawer, descendants: true }], ngImport: i0, template: "<mat-drawer-container [autosize]=\"false\">\n  <mat-drawer #drawer mode=\"side\">\n    <ng-content select=[drawer]></ng-content>\n  </mat-drawer>\n\n  <mat-drawer-content>\n    <ng-content select=[contents]></ng-content>\n  </mat-drawer-content>\n  \n</mat-drawer-container>", styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-00wp: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-00wp: var(--height)}:host{height:var(--height-SCOPED-IN-drawer-00wp)}:host mat-drawer-content{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i1.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i1.MatDrawerContent, selector: "mat-drawer-content" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DrawerFrame, decorators: [{
             type: Component,
-            args: [{ selector: 'frames-drawer', template: "<mat-drawer-container [autosize]=\"false\">\n  <mat-drawer #drawer mode=\"side\">\n    <ng-content select=[drawer]></ng-content>\n  </mat-drawer>\n\n  <mat-drawer-content>\n    <ng-content select=[contents]></ng-content>\n  </mat-drawer-content>\n  \n</mat-drawer-container>", styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-3nQU: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-3nQU: var(--height)}:host{height:var(--height-SCOPED-IN-drawer-3nQU)}:host mat-drawer-content{width:100%}\n"] }]
+            args: [{ selector: 'frames-drawer', standalone: true, imports: [
+                        CommonModule,
+                        MatSidenavModule,
+                    ], template: "<mat-drawer-container [autosize]=\"false\">\n  <mat-drawer #drawer mode=\"side\">\n    <ng-content select=[drawer]></ng-content>\n  </mat-drawer>\n\n  <mat-drawer-content>\n    <ng-content select=[contents]></ng-content>\n  </mat-drawer-content>\n  \n</mat-drawer-container>", styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-00wp: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-00wp: var(--height)}:host{height:var(--height-SCOPED-IN-drawer-00wp)}:host mat-drawer-content{width:100%}\n"] }]
         }], propDecorators: { drawer: [{
                 type: ViewChild,
                 args: [MatDrawer]
@@ -38,28 +41,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                 type: Input
             }] } });
 
-class DrawerModule {
-}
-DrawerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DrawerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: DrawerModule, declarations: [DrawerFrame], imports: [CommonModule,
-        MatSidenavModule], exports: [DrawerFrame] });
-DrawerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DrawerModule, imports: [CommonModule,
-        MatSidenavModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DrawerModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [DrawerFrame],
-                    imports: [
-                        CommonModule,
-                        MatSidenavModule,
-                    ],
-                    exports: [DrawerFrame]
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { DrawerFrame, DrawerModule };
+export { DrawerFrame };
 //# sourceMappingURL=ng-atomic-components-frames-drawer.mjs.map

package/fesm2015/ng-atomic-components-frames-drawer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-frames-drawer.mjs","sources":["../../../../../packages/@ng-atomic/components/src/frames/drawer/drawer.frame.ts","../../../../../packages/@ng-atomic/components/src/frames/drawer/drawer.frame.html","../../../../../packages/@ng-atomic/components/src/frames/drawer/drawer.module.ts","../../../../../packages/@ng-atomic/components/src/frames/drawer/ng-atomic-components-frames-drawer.ts"],"sourcesContent":["import { AfterViewInit, ChangeDetectionStrategy, Component, Input, ViewChild } from '@angular/core';\nimport { MatDrawer } from '@angular/material/sidenav';\n\n@Component({\n  selector: 'frames-drawer',\n  templateUrl: './drawer.frame.html',\n  styleUrls: ['./drawer.frame.scss'],\n  // changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DrawerFrame implements AfterViewInit {\n\n  @ViewChild(MatDrawer)\n  drawer!: MatDrawer;\n\n  private _isOpen = false;\n\n  @Input()\n  set isOpen(_isOpen: boolean) {\n    console.debug('isOpen:', _isOpen);\n    console.debug('this.drawer:', this.drawer);\n    _isOpen ? this.drawer?.open() : this.drawer?.close();\n    this._isOpen = _isOpen\n  }\n\n  get isOpen(): boolean {\n    return this._isOpen\n  }\n\n  ngAfterViewInit() {\n    setTimeout(() => {\n      this.isOpen ? this.drawer?.open() : this.drawer?.close();\n      console.debug('this.drawer:', this.drawer);\n\n    },0);\n  }\n\n}\n","<mat-drawer-container [autosize]=\"false\">\n  <mat-drawer #drawer mode=\"side\">\n    <ng-content select=[drawer]></ng-content>\n  </mat-drawer>\n\n  <mat-drawer-content>\n    <ng-content select=[contents]></ng-content>\n  </mat-drawer-content>\n  \n</mat-drawer-container>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatSidenavModule } from '@angular/material/sidenav';\n\nimport { DrawerFrame } from './drawer.frame';\n\n\n\n@NgModule({\n  declarations: [DrawerFrame],\n  imports: [\n    CommonModule,\n    MatSidenavModule,\n  ],\n  exports: [DrawerFrame]\n})\nexport class DrawerModule { }","/**\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-frames-drawer.mjs","sources":["../../../../../packages/@ng-atomic/components/src/frames/drawer/drawer.frame.ts","../../../../../packages/@ng-atomic/components/src/frames/drawer/drawer.frame.html","../../../../../packages/@ng-atomic/components/src/frames/drawer/ng-atomic-components-frames-drawer.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { AfterViewInit, Component, Input, ViewChild } from '@angular/core';\nimport { MatDrawer, MatSidenavModule } from '@angular/material/sidenav';\n\n@Component({\n  selector: 'frames-drawer',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatSidenavModule,\n  ],\n  templateUrl: './drawer.frame.html',\n  styleUrls: ['./drawer.frame.scss'],\n  // changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DrawerFrame implements AfterViewInit {\n\n  @ViewChild(MatDrawer)\n  drawer!: MatDrawer;\n\n  private _isOpen = false;\n\n  @Input()\n  set isOpen(_isOpen: boolean) {\n    console.debug('isOpen:', _isOpen);\n    console.debug('this.drawer:', this.drawer);\n    _isOpen ? this.drawer?.open() : this.drawer?.close();\n    this._isOpen = _isOpen\n  }\n\n  get isOpen(): boolean {\n    return this._isOpen\n  }\n\n  ngAfterViewInit() {\n    setTimeout(() => {\n      this.isOpen ? this.drawer?.open() : this.drawer?.close();\n      console.debug('this.drawer:', this.drawer);\n\n    },0);\n  }\n\n}\n","<mat-drawer-container [autosize]=\"false\">\n  <mat-drawer #drawer mode=\"side\">\n    <ng-content select=[drawer]></ng-content>\n  </mat-drawer>\n\n  <mat-drawer-content>\n    <ng-content select=[contents]></ng-content>\n  </mat-drawer-content>\n  \n</mat-drawer-container>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-atomic-components-frames-fab.mjs

@@ -0,0 +1,84 @@
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i4 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i3 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import { Subject, ReplaySubject, takeUntil } from 'rxjs';
+
+class FabService {
+    constructor() {
+        this._actions = [];
+        this.actionSubject = new Subject();
+        this.action$ = this.actionSubject.asObservable();
+    }
+    get actions() {
+        return this._actions;
+    }
+    onAction(action) {
+        this.actionSubject.next(action);
+    }
+    setActions(actions) {
+        this._actions = actions;
+    }
+}
+FabService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: FabService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+FabService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: FabService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: FabService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class FabFrame {
+    constructor(service) {
+        this.service = service;
+        this.destroy$ = new ReplaySubject(1);
+        this.actions = [];
+        this.action = new EventEmitter();
+    }
+    ngOnInit() {
+        this.service.action$.pipe(takeUntil(this.destroy$)).subscribe((action) => {
+            this.action.emit(action);
+        });
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+    }
+}
+FabFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: FabFrame, deps: [{ token: FabService }], target: i0.ɵɵFactoryTarget.Component });
+FabFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: FabFrame, isStandalone: true, selector: "frames-fab", inputs: { actions: "actions" }, outputs: { action: "action" }, ngImport: i0, template: `
+    <ng-content></ng-content>
+    <ng-container *ngFor="let action of actions">
+      <button mat-fab color="primary" (click)="service.onAction(action)">
+        <mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>
+      </button>
+    </ng-container>
+  `, isInline: true, styles: [":host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;bottom:16px;right:16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatFabButton, selector: "button[mat-fab]", inputs: ["disabled", "disableRipple", "color", "tabIndex", "extended"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: FabFrame, decorators: [{
+            type: Component,
+            args: [{ selector: 'frames-fab', standalone: true, imports: [
+                        CommonModule,
+                        MatIconModule,
+                        MatButtonModule,
+                    ], template: `
+    <ng-content></ng-content>
+    <ng-container *ngFor="let action of actions">
+      <button mat-fab color="primary" (click)="service.onAction(action)">
+        <mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>
+      </button>
+    </ng-container>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;bottom:16px;right:16px}\n"] }]
+        }], ctorParameters: function () { return [{ type: FabService }]; }, propDecorators: { actions: [{
+                type: Input
+            }], action: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FabFrame };
+//# sourceMappingURL=ng-atomic-components-frames-fab.mjs.map

package/fesm2015/ng-atomic-components-frames-fab.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-frames-fab.mjs","sources":["../../../../../packages/@ng-atomic/components/src/frames/fab/fab.service.ts","../../../../../packages/@ng-atomic/components/src/frames/fab/fab.frame.ts","../../../../../packages/@ng-atomic/components/src/frames/fab/ng-atomic-components-frames-fab.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { Action } from '@ng-atomic/common/models';\nimport { Subject } from 'rxjs';\n\n@Injectable({providedIn: 'root'})\nexport class FabService {\n  private _actions: Action[] = [];\n  private actionSubject = new Subject<Action>();\n\n  get actions(): Action[] {\n    return this._actions;\n  }\n\n  action$ = this.actionSubject.asObservable();\n\n  onAction(action: Action) {\n    this.actionSubject.next(action);\n  }\n\n  setActions(actions: Action[]) {\n    this._actions = actions;\n  }\n}","import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { Action } from '@ng-atomic/common/models';\nimport { FabService } from './fab.service';\nimport { ReplaySubject, takeUntil } from 'rxjs';\n\n@Component({\n  selector: 'frames-fab',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatIconModule,\n    MatButtonModule,\n  ],\n  template: `\n    <ng-content></ng-content>\n    <ng-container *ngFor=\"let action of actions\">\n      <button mat-fab color=\"primary\" (click)=\"service.onAction(action)\">\n        <mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>\n      </button>\n    </ng-container>\n  `,\n  styleUrls: ['./fab.frame.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FabFrame implements OnInit, OnDestroy {\n\n  constructor(\n    protected service: FabService,\n  ) { }\n\n  private readonly destroy$ = new ReplaySubject<void>(1);\n\n  @Input()\n  actions: Action[] = [];\n\n  @Output()\n  protected action = new EventEmitter<Action>();\n\n  ngOnInit(): void {\n    this.service.action$.pipe(\n      takeUntil(this.destroy$),\n    ).subscribe((action) => {\n      this.action.emit(action);\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.destroy$.next();\n  }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.FabService"],"mappings":"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"}

package/fesm2015/ng-atomic-components-frames-line-up.mjs

@@ -1,7 +1,6 @@
 import * as i0 from '@angular/core';
 import { Injectable, Component, ChangeDetectionStrategy, HostBinding, Input, ViewChild } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { MatLegacyProgressSpinnerModule } from '@angular/material/legacy-progress-spinner';
 import { Observable, ReplaySubject, BehaviorSubject, combineLatest } from 'rxjs';
 import { map, startWith, distinctUntilChanged, takeUntil } from 'rxjs/operators';
 import { trigger, state, style, transition, animate, sequence, query, group } from '@angular/animations';
@@ -156,13 +155,26 @@ class LineUpFrame {
     }
 }
 LineUpFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: LineUpFrame, deps: [{ token: LineUpFrameService }], target: i0.ɵɵFactoryTarget.Component });
-LineUpFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: LineUpFrame, isStandalone: true, selector: "frames-line-up", inputs: { hasNext: "hasNext", minNextWidth: "minNextWidth" }, host: { properties: { "attr.has-next": "this.hasNext" } }, viewQueries: [{ propertyName: "nextElementRef", first: true, predicate: ["next"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"main\" [@modeChangeForMain]=\"mode\" #main>\n  <ng-content select=\"[main]\"></ng-content>\n</div>\n<div class=\"next\" [@modeChangeForNext]=\"mode\" #next>\n  <ng-content select=\"[next]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-line-up-zLSZ: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-zLSZ: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-zLSZ: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-zLSZ);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-zLSZ)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-zLSZ)}:host div.main{overflow:hidden;justify-content:flex-end}:host div.next{overflow:visible;justify-content:flex-start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatLegacyProgressSpinnerModule }], animations: LINE_UP_ANIMATIONS, changeDetection: i0.ChangeDetectionStrategy.Default });
+LineUpFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: LineUpFrame, isStandalone: true, selector: "frames-line-up", inputs: { hasNext: "hasNext", minNextWidth: "minNextWidth" }, host: { properties: { "attr.has-next": "this.hasNext" } }, viewQueries: [{ propertyName: "nextElementRef", first: true, predicate: ["next"], descendants: true, static: true }], ngImport: i0, template: `
+    <div class="main" [@modeChangeForMain]="mode" #main>
+      <ng-content select="[main]"></ng-content>
+    </div>
+    <div class="next" [@modeChangeForNext]="mode" #next>
+      <ng-content select="[next]"></ng-content>
+    </div>
+  `, isInline: true, styles: [":host{--gap: 1px;--gap-SCOPED-IN-line-up-zTh1: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-zTh1: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-zTh1: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-zTh1);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-zTh1)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-zTh1)}:host div.main{overflow:hidden;justify-content:flex-end}:host div.next{overflow:visible;justify-content:flex-start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], animations: LINE_UP_ANIMATIONS, changeDetection: i0.ChangeDetectionStrategy.Default });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: LineUpFrame, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
                         CommonModule,
-                        MatLegacyProgressSpinnerModule
-                    ], selector: 'frames-line-up', changeDetection: ChangeDetectionStrategy.Default, animations: LINE_UP_ANIMATIONS, template: "<div class=\"main\" [@modeChangeForMain]=\"mode\" #main>\n  <ng-content select=\"[main]\"></ng-content>\n</div>\n<div class=\"next\" [@modeChangeForNext]=\"mode\" #next>\n  <ng-content select=\"[next]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-line-up-zLSZ: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-zLSZ: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-zLSZ: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-zLSZ);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-zLSZ)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-zLSZ)}:host div.main{overflow:hidden;justify-content:flex-end}:host div.next{overflow:visible;justify-content:flex-start}\n"] }]
+                    ], selector: 'frames-line-up', template: `
+    <div class="main" [@modeChangeForMain]="mode" #main>
+      <ng-content select="[main]"></ng-content>
+    </div>
+    <div class="next" [@modeChangeForNext]="mode" #next>
+      <ng-content select="[next]"></ng-content>
+    </div>
+  `, changeDetection: ChangeDetectionStrategy.Default, animations: LINE_UP_ANIMATIONS, styles: [":host{--gap: 1px;--gap-SCOPED-IN-line-up-zTh1: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-zTh1: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-zTh1: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-zTh1);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-zTh1)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-zTh1)}:host div.main{overflow:hidden;justify-content:flex-end}:host div.next{overflow:visible;justify-content:flex-start}\n"] }]
         }], ctorParameters: function () { return [{ type: LineUpFrameService }]; }, propDecorators: { hasNext: [{
                 type: HostBinding,
                 args: ['attr.has-next']

package/fesm2015/ng-atomic-components-frames-line-up.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-frames-line-up.mjs","sources":["../../../../../packages/@ng-atomic/components/src/frames/line-up/line-up.animations.ts","../../../../../packages/@ng-atomic/components/src/frames/line-up/resize-observer.ts","../../../../../packages/@ng-atomic/components/src/frames/line-up/line-up.frame.ts","../../../../../packages/@ng-atomic/components/src/frames/line-up/line-up.frame.html","../../../../../packages/@ng-atomic/components/src/frames/line-up/ng-atomic-components-frames-line-up.ts"],"sourcesContent":["import { animate, query, sequence, state, style, transition, trigger, group } from '@angular/animations';\n\nconst MAIN_ANIMATION = trigger('modeChangeForMain', [\n  state('*', style({\n    width: '100%',\n  })),\n  state('Next', style({\n    display: 'none',\n    width: '0%',\n  })),\n  transition('* => Next', [\n    animate('0.5s', style({ width: '0%' })),\n    style({display: 'none'}),\n  ]),\n  transition('Next => *', [\n    sequence([\n      style({ display: 'inherit' }),\n      animate('0.5s', style({ width: '100%' })),\n    ]),\n  ]),\n]);\n\nconst NEXT_ANIMATION = trigger('modeChangeForNext', [\n  state('Next', style({\n    position: 'relative',\n    width: '100%',\n  })),\n  state('Both', style({\n    position: 'relative',\n    width: '100%',\n  })),\n  state('Main', style({\n    position: 'relative',\n    display: 'none',\n  })),\n  transition('Main => Next', [\n    query(':enter', [animate('0.5s')], { optional: true }),\n    sequence([\n      style({ display: 'inherit', width: '100%' }),\n      animate('0.5s'),\n    ]),\n  ]),\n  transition('Main => Both', [\n    query(':enter', [animate('0.5s')], { optional: true }),\n    sequence([\n      style({ display: 'inherit', width: '100%' }),\n      animate('0.5s'),\n    ]),\n  ]),\n  transition('Next => Main', group([\n    query(':leave', animate('0.5s', style({width: '100%'})), { optional: true }),\n    sequence([\n      style({position: 'absolute', display: 'block', left: '0%'}),\n      animate('0.5s', style({left: '100%'})),\n    ]),\n  ])),\n  transition('Both => Main', group([\n    query(':leave', animate('0.5s', style({width: '100%'})), { optional: true }),\n    sequence([\n      style({position: 'absolute', display: 'block', left: '100%'}),\n      animate('0.5s', style({})),\n    ]),\n  ])),\n]);\n\nexport const LINE_UP_ANIMATIONS = [MAIN_ANIMATION, NEXT_ANIMATION];\n","import { Observable } from 'rxjs';\nimport { startWith } from 'rxjs/operators';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport { distinctUntilChanged, map } from 'rxjs/operators';\nimport { ElementRef } from '@angular/core';\n\nexport function fromResize({nativeElement}: ElementRef<Element>): Observable<number> {\n  return Observable.create(function(observer: any) {\n    const callback = (entries: any) => entries.forEach((e: any) => observer.next(e));\n    const resizeObserver = new ResizeObserver(callback);\n    resizeObserver.observe(nativeElement);\n    return () => resizeObserver.disconnect();\n  }).pipe(\n    map(({contentRect}) => contentRect?.width ?? 0),\n    startWith(0),\n    distinctUntilChanged(),\n  );\n}\n","import { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Injectable, Input, OnDestroy, OnInit, ViewChild } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatLegacyProgressSpinnerModule as MatProgressSpinnerModule } from '@angular/material/legacy-progress-spinner';\nimport { BehaviorSubject, combineLatest, ReplaySubject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { LINE_UP_ANIMATIONS } from './line-up.animations';\nimport { fromResize } from './resize-observer';\n\nenum Mode {\n  MAIN = 'Main',\n  BOTH = 'Both',\n  NEXT = 'Next',\n}\n\n@Injectable({providedIn: 'root'})\nexport class LineUpFrameService {\n  frames: LineUpFrame[] = [];\n\n  register(frame: LineUpFrame) {\n    this.frames.push(frame);\n    console.debug('this.frames:', this.frames);\n  }\n\n  unregister(frame: LineUpFrame) {\n    this.frames = this.frames.slice(0, this.findIndex(frame));\n  }\n\n  findIndex(frame: LineUpFrame): number {\n    return this.frames.findIndex((value) => value === frame);\n  }\n\n  propagate(frame: LineUpFrame): void {\n    const target = this.frames?.[this.findIndex(frame) - 1];\n    target?.refresh();\n  }\n}\n\n@Component({\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatProgressSpinnerModule\n  ],\n  selector: 'frames-line-up',\n  templateUrl: './line-up.frame.html',\n  styleUrls: ['./line-up.frame.scss'],\n  changeDetection: ChangeDetectionStrategy.Default,\n  animations: LINE_UP_ANIMATIONS,\n})\nexport class LineUpFrame implements OnInit, OnDestroy {\n  Mode = Mode;\n  mode = Mode.MAIN;\n\n  private readonly refresh$ = new ReplaySubject<void>(1);\n  private readonly destroy$ = new ReplaySubject<void>(1);\n  private readonly hasNext$ = new BehaviorSubject(false);  \n\n\n  private _hasNext = false;\n  @HostBinding('attr.has-next')\n  @Input()\n  set hasNext(_hasNext: boolean) {\n    this.hasNext$.next(_hasNext);\n    this._hasNext = _hasNext;\n  };\n  get hasNext(): boolean {\n    return this._hasNext;\n  }\n\n  @Input()\n  minNextWidth: number = 360;\n\n  @ViewChild('next', {static: true})\n  nextElementRef!: ElementRef;\n\n  constructor(private service: LineUpFrameService) { }\n\n  ngOnInit(): void {\n    this.service.register(this);\n    this.refresh();\n    \n    combineLatest([\n      this.hasNext$, \n      fromResize(this.nextElementRef),\n      this.refresh$,\n    ]).pipe(takeUntil(this.destroy$)).subscribe(([hasNext, width]) => {\n      this.mode = this.resolveMode(hasNext, width);\n      setTimeout(() => this.service.propagate(this), 0);\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.service.unregister(this);\n    this.destroy$.next(); \n  }\n\n  refresh() {\n    this.refresh$.next();\n  }\n\n  private resolveMode(hasNext: boolean, width: number): Mode {\n    if (hasNext && width <= this.minNextWidth) return Mode.BOTH;\n    return hasNext ? Mode.NEXT : Mode.MAIN;\n  }\n}\n","<div class=\"main\" [@modeChangeForMain]=\"mode\" #main>\n  <ng-content select=\"[main]\"></ng-content>\n</div>\n<div class=\"next\" [@modeChangeForNext]=\"mode\" #next>\n  <ng-content select=\"[next]\"></ng-content>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["MatProgressSpinnerModule"],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-frames-line-up.mjs","sources":["../../../../../packages/@ng-atomic/components/src/frames/line-up/line-up.animations.ts","../../../../../packages/@ng-atomic/components/src/frames/line-up/resize-observer.ts","../../../../../packages/@ng-atomic/components/src/frames/line-up/line-up.frame.ts","../../../../../packages/@ng-atomic/components/src/frames/line-up/ng-atomic-components-frames-line-up.ts"],"sourcesContent":["import { animate, query, sequence, state, style, transition, trigger, group } from '@angular/animations';\n\nconst MAIN_ANIMATION = trigger('modeChangeForMain', [\n  state('*', style({\n    width: '100%',\n  })),\n  state('Next', style({\n    display: 'none',\n    width: '0%',\n  })),\n  transition('* => Next', [\n    animate('0.5s', style({ width: '0%' })),\n    style({display: 'none'}),\n  ]),\n  transition('Next => *', [\n    sequence([\n      style({ display: 'inherit' }),\n      animate('0.5s', style({ width: '100%' })),\n    ]),\n  ]),\n]);\n\nconst NEXT_ANIMATION = trigger('modeChangeForNext', [\n  state('Next', style({\n    position: 'relative',\n    width: '100%',\n  })),\n  state('Both', style({\n    position: 'relative',\n    width: '100%',\n  })),\n  state('Main', style({\n    position: 'relative',\n    display: 'none',\n  })),\n  transition('Main => Next', [\n    query(':enter', [animate('0.5s')], { optional: true }),\n    sequence([\n      style({ display: 'inherit', width: '100%' }),\n      animate('0.5s'),\n    ]),\n  ]),\n  transition('Main => Both', [\n    query(':enter', [animate('0.5s')], { optional: true }),\n    sequence([\n      style({ display: 'inherit', width: '100%' }),\n      animate('0.5s'),\n    ]),\n  ]),\n  transition('Next => Main', group([\n    query(':leave', animate('0.5s', style({width: '100%'})), { optional: true }),\n    sequence([\n      style({position: 'absolute', display: 'block', left: '0%'}),\n      animate('0.5s', style({left: '100%'})),\n    ]),\n  ])),\n  transition('Both => Main', group([\n    query(':leave', animate('0.5s', style({width: '100%'})), { optional: true }),\n    sequence([\n      style({position: 'absolute', display: 'block', left: '100%'}),\n      animate('0.5s', style({})),\n    ]),\n  ])),\n]);\n\nexport const LINE_UP_ANIMATIONS = [MAIN_ANIMATION, NEXT_ANIMATION];\n","import { Observable } from 'rxjs';\nimport { startWith } from 'rxjs/operators';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport { distinctUntilChanged, map } from 'rxjs/operators';\nimport { ElementRef } from '@angular/core';\n\nexport function fromResize({nativeElement}: ElementRef<Element>): Observable<number> {\n  return Observable.create(function(observer: any) {\n    const callback = (entries: any) => entries.forEach((e: any) => observer.next(e));\n    const resizeObserver = new ResizeObserver(callback);\n    resizeObserver.observe(nativeElement);\n    return () => resizeObserver.disconnect();\n  }).pipe(\n    map(({contentRect}) => contentRect?.width ?? 0),\n    startWith(0),\n    distinctUntilChanged(),\n  );\n}\n","import { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Injectable, Input, OnDestroy, OnInit, ViewChild } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BehaviorSubject, combineLatest, ReplaySubject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { LINE_UP_ANIMATIONS } from './line-up.animations';\nimport { fromResize } from './resize-observer';\n\nenum Mode {\n  MAIN = 'Main',\n  BOTH = 'Both',\n  NEXT = 'Next',\n}\n\n@Injectable({providedIn: 'root'})\nexport class LineUpFrameService {\n  frames: LineUpFrame[] = [];\n\n  register(frame: LineUpFrame) {\n    this.frames.push(frame);\n    console.debug('this.frames:', this.frames);\n  }\n\n  unregister(frame: LineUpFrame) {\n    this.frames = this.frames.slice(0, this.findIndex(frame));\n  }\n\n  findIndex(frame: LineUpFrame): number {\n    return this.frames.findIndex((value) => value === frame);\n  }\n\n  propagate(frame: LineUpFrame): void {\n    const target = this.frames?.[this.findIndex(frame) - 1];\n    target?.refresh();\n  }\n}\n\n@Component({\n  standalone: true,\n  imports: [\n    CommonModule,\n  ],\n  selector: 'frames-line-up',\n  template: `\n    <div class=\"main\" [@modeChangeForMain]=\"mode\" #main>\n      <ng-content select=\"[main]\"></ng-content>\n    </div>\n    <div class=\"next\" [@modeChangeForNext]=\"mode\" #next>\n      <ng-content select=\"[next]\"></ng-content>\n    </div>\n  `,\n  styleUrls: ['./line-up.frame.scss'],\n  changeDetection: ChangeDetectionStrategy.Default,\n  animations: LINE_UP_ANIMATIONS,\n})\nexport class LineUpFrame implements OnInit, OnDestroy {\n  Mode = Mode;\n  mode = Mode.MAIN;\n\n  private readonly refresh$ = new ReplaySubject<void>(1);\n  private readonly destroy$ = new ReplaySubject<void>(1);\n  private readonly hasNext$ = new BehaviorSubject(false);  \n\n\n  private _hasNext = false;\n  @HostBinding('attr.has-next')\n  @Input()\n  set hasNext(_hasNext: boolean) {\n    this.hasNext$.next(_hasNext);\n    this._hasNext = _hasNext;\n  };\n  get hasNext(): boolean {\n    return this._hasNext;\n  }\n\n  @Input()\n  minNextWidth: number = 360;\n\n  @ViewChild('next', {static: true})\n  nextElementRef!: ElementRef;\n\n  constructor(private service: LineUpFrameService) { }\n\n  ngOnInit(): void {\n    this.service.register(this);\n    this.refresh();\n    \n    combineLatest([\n      this.hasNext$, \n      fromResize(this.nextElementRef),\n      this.refresh$,\n    ]).pipe(takeUntil(this.destroy$)).subscribe(([hasNext, width]) => {\n      this.mode = this.resolveMode(hasNext, width);\n      setTimeout(() => this.service.propagate(this), 0);\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.service.unregister(this);\n    this.destroy$.next(); \n  }\n\n  refresh() {\n    this.refresh$.next();\n  }\n\n  private resolveMode(hasNext: boolean, width: number): Mode {\n    if (hasNext && width <= this.minNextWidth) return Mode.BOTH;\n    return hasNext ? Mode.NEXT : Mode.MAIN;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-atomic-components-frames-loading.mjs

@@ -0,0 +1,36 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+
+class LoadingFrame {
+    constructor() {
+        this.isLoading = false;
+    }
+}
+LoadingFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: LoadingFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
+LoadingFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: LoadingFrame, isStandalone: true, selector: "frames-loading", inputs: { isLoading: "isLoading" }, ngImport: i0, template: `
+    <div class="contents"><ng-content></ng-content></div>
+    <div class="loading" *ngIf="isLoading"><mat-spinner></mat-spinner></div>
+  `, isInline: true, styles: [":host{position:relative;display:block;width:100%;height:100%}:host .loading{position:absolute;z-index:10000;display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006}:host .contents{position:absolute;top:0;left:0;display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: LoadingFrame, decorators: [{
+            type: Component,
+            args: [{ selector: 'frames-loading', standalone: true, imports: [
+                        CommonModule,
+                        MatProgressSpinnerModule,
+                    ], template: `
+    <div class="contents"><ng-content></ng-content></div>
+    <div class="loading" *ngIf="isLoading"><mat-spinner></mat-spinner></div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{position:relative;display:block;width:100%;height:100%}:host .loading{position:absolute;z-index:10000;display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006}:host .contents{position:absolute;top:0;left:0;display:block;width:100%;height:100%}\n"] }]
+        }], propDecorators: { isLoading: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LoadingFrame };
+//# sourceMappingURL=ng-atomic-components-frames-loading.mjs.map

package/fesm2015/ng-atomic-components-frames-loading.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-frames-loading.mjs","sources":["../../../../../packages/@ng-atomic/components/src/frames/loading/loading.frame.ts","../../../../../packages/@ng-atomic/components/src/frames/loading/ng-atomic-components-frames-loading.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\n@Component({\n  selector: 'frames-loading',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatProgressSpinnerModule,\n  ],\n  template: `\n    <div class=\"contents\"><ng-content></ng-content></div>\n    <div class=\"loading\" *ngIf=\"isLoading\"><mat-spinner></mat-spinner></div>\n  `,\n  styleUrls: ['./loading.frame.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LoadingFrame {\n\n  @Input()\n  isLoading = false;\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAkBa,YAAY,CAAA;AAdzB,IAAA,WAAA,GAAA;AAiBE,QAAA,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;KAEnB;;yGALY,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,YAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,EAPb,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;GAGT,EANC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,ySAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,kIACZ,wBAAwB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,mCAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,aAAA,CAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FASf,YAAY,EAAA,UAAA,EAAA,CAAA;kBAdxB,SAAS;+BACE,gBAAgB,EAAA,UAAA,EACd,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,wBAAwB;AACzB,qBAAA,EACS,QAAA,EAAA,CAAA;;;AAGT,EAAA,CAAA,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,ySAAA,CAAA,EAAA,CAAA;8BAK/C,SAAS,EAAA,CAAA;sBADR,KAAK;;;ACpBR;;AAEG;;;;"}