npm - @ng-atomic/components - Versions diffs - 17.14.0 → 18.1.0 - Mend

@ng-atomic/components 17.14.0 → 18.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (302) hide show

package/fesm2022/ng-atomic-components-frames-auto-layout.mjs CHANGED Viewed

@@ -3,14 +3,14 @@ import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy } from '@angular/core';
 class AutoLayoutFrame {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: AutoLayoutFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: AutoLayoutFrame, isStandalone: true, selector: "frames-auto-layout", ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-ghk6: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-ghk6: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-ghk6);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-ghk6) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: AutoLayoutFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: AutoLayoutFrame, isStandalone: true, selector: "frames-auto-layout", ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-xvHK: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-xvHK: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-xvHK);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-xvHK) 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: "17.2.2", ngImport: i0, type: AutoLayoutFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: AutoLayoutFrame, decorators: [{
             type: Component,
             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-ghk6: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-ghk6: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-ghk6);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-ghk6) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-xvHK: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-xvHK: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-xvHK);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-xvHK) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
         }] });
 /**

package/fesm2022/ng-atomic-components-frames-card.mjs CHANGED Viewed

@@ -5,10 +5,10 @@ import * as i1 from '@angular/material/card';
 import { MatCardModule } from '@angular/material/card';
 class CardFrame {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: CardFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: CardFrame, isStandalone: true, selector: "frames-card", ngImport: i0, template: `<mat-card><ng-content></ng-content></mat-card>`, isInline: true, styles: [":host{display:block}:host mat-card{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:24px;box-sizing:border-box;width: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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: CardFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: CardFrame, isStandalone: true, selector: "frames-card", ngImport: i0, template: `<mat-card><ng-content></ng-content></mat-card>`, isInline: true, styles: [":host{display:block}:host mat-card{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:24px;box-sizing:border-box;width: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: "17.2.2", ngImport: i0, type: CardFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: CardFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-card', standalone: true, imports: [
                         CommonModule,

package/fesm2022/ng-atomic-components-frames-columns.mjs CHANGED Viewed

@@ -23,13 +23,13 @@ let ColumnsFrameStore = class ColumnsFrameStore extends InjectableComponent {
         };
         return { type: getType() };
     }, ['components', 'frames', 'columns']); }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ColumnsFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: ColumnsFrameStore, isStandalone: true, selector: "frames-columns", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ColumnsFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: ColumnsFrameStore, isStandalone: true, selector: "frames-columns", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 };
 ColumnsFrameStore = ColumnsFrameStore_1 = __decorate([
     TokenizedType()
 ], ColumnsFrameStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ColumnsFrameStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ColumnsFrameStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'frames-columns' }]
         }] });
@@ -39,10 +39,10 @@ class LeftColumn {
         this.isPlatformBrowser = isPlatformBrowser(this.platformId);
         this.templateRef = inject((TemplateRef));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LeftColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.2", type: LeftColumn, isStandalone: true, selector: "[left], [leftColumn]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: LeftColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.2", type: LeftColumn, isStandalone: true, selector: "[left], [leftColumn]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LeftColumn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: LeftColumn, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: '[left], [leftColumn]' }]
         }] });
@@ -52,10 +52,10 @@ class MainColumn {
         this.isPlatformBrowser = isPlatformBrowser(this.platformId);
         this.templateRef = inject((TemplateRef));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MainColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.2", type: MainColumn, isStandalone: true, selector: "[main], [mainColumn]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MainColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.2", type: MainColumn, isStandalone: true, selector: "[main], [mainColumn]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MainColumn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MainColumn, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -68,10 +68,10 @@ class RightColumn {
         this.isPlatformBrowser = isPlatformBrowser(this.platformId);
         this.templateRef = inject((TemplateRef));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: RightColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.2", type: RightColumn, isStandalone: true, selector: "[right], [rightColumn]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: RightColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.2", type: RightColumn, isStandalone: true, selector: "[right], [rightColumn]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: RightColumn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: RightColumn, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: '[right], [rightColumn]' }]
         }] });
@@ -84,8 +84,8 @@ class ColumnsFrame extends NgAtomicComponent {
         this.main = contentChild(MainColumn);
         this.right = contentChild(RightColumn);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ColumnsFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: ColumnsFrame, isStandalone: true, selector: "frames-columns", host: { properties: { "attr.type": "store.type()" } }, queries: [{ propertyName: "left", first: true, predicate: LeftColumn, descendants: true, isSignal: true }, { propertyName: "main", first: true, predicate: MainColumn, descendants: true, isSignal: true }, { propertyName: "right", first: true, predicate: RightColumn, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: ColumnsFrameStore, inputs: ["type", "type"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ColumnsFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: ColumnsFrame, isStandalone: true, selector: "frames-columns", host: { properties: { "attr.type": "store.type()" } }, queries: [{ propertyName: "left", first: true, predicate: LeftColumn, descendants: true, isSignal: true }, { propertyName: "main", first: true, predicate: MainColumn, descendants: true, isSignal: true }, { propertyName: "right", first: true, predicate: RightColumn, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: ColumnsFrameStore, inputs: ["type", "type"] }], ngImport: i0, template: `
     @if(left()?.templateRef && left()?.isPlatformBrowser) {
       <div class="left container">
         <ng-container [ngTemplateOutlet]="left()?.templateRef" />
@@ -103,9 +103,9 @@ class ColumnsFrame extends NgAtomicComponent {
         <ng-container [ngTemplateOutlet]="right()?.templateRef" />
       </div>
     }
-  `, isInline: true, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-bJ92: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-bJ92)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-bJ92)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-td6R: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-td6R)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-td6R)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ColumnsFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ColumnsFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-columns', standalone: true, imports: [
                         NgTemplateOutlet,
@@ -134,14 +134,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                         }
                     ], host: {
                         '[attr.type]': 'store.type()',
-                    }, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-bJ92: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-bJ92)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-bJ92)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\n"] }]
+                    }, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-td6R: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-td6R)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-td6R)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\n"] }]
         }] });
 class ColumnsFrameModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ColumnsFrameModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.2", ngImport: i0, type: ColumnsFrameModule, imports: [ColumnsFrame, LeftColumn, MainColumn, RightColumn], exports: [ColumnsFrame, LeftColumn, MainColumn, RightColumn] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ColumnsFrameModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ColumnsFrameModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.2", ngImport: i0, type: ColumnsFrameModule, imports: [ColumnsFrame, LeftColumn, MainColumn, RightColumn], exports: [ColumnsFrame, LeftColumn, MainColumn, RightColumn] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ColumnsFrameModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ColumnsFrameModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ColumnsFrameModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/ng-atomic-components-frames-columns.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-frames-columns.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/columns/columns.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/columns/ng-atomic-components-frames-columns.ts"],"sourcesContent":["import { isPlatformBrowser, NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Directive, NgModule, PLATFORM_ID, TemplateRef, contentChild, inject, input } from '@angular/core';\nimport { makeConfig } from '@ng-atomic/common/services/ui';\nimport { InjectableComponent, NgAtomicComponent, TokenizedType, _computed } from '@ng-atomic/core';\n\n@TokenizedType()\n@Directive({standalone: true, selector: 'frames-columns'})\nexport class ColumnsFrameStore extends InjectableComponent {\n static readonly Config = makeConfig(() => (context) => {\n const getType = (): 'row' \| 'column' => {\n switch (context.breakpoint) {\n case 'xSmall':\n case 'small': return 'column';\n default: return 'row';\n }\n }\n return { type: getType() };\n }, ['components', 'frames', 'columns']);\n readonly config = ColumnsFrameStore.Config.inject();\n readonly type = input<'row' \| 'column'>(_computed(() => this.config().type));\n}\n\n@Directive({standalone: true, selector: '[left], [leftColumn]'})\nexport class LeftColumn {\n readonly platformId = inject(PLATFORM_ID);\n readonly isPlatformBrowser = isPlatformBrowser(this.platformId);\n readonly templateRef = inject(TemplateRef<unknown>)\n}\n\n@Directive({\n standalone: true,\n selector: '[main], [mainColumn]',\n})\nexport class MainColumn {\n readonly platformId = inject(PLATFORM_ID);\n readonly isPlatformBrowser = isPlatformBrowser(this.platformId);\n readonly templateRef = inject(TemplateRef<unknown>)\n}\n\n@Directive({standalone: true, selector: '[right], [rightColumn]'})\nexport class RightColumn {\n readonly platformId = inject(PLATFORM_ID);\n readonly isPlatformBrowser = isPlatformBrowser(this.platformId);\n readonly templateRef = inject(TemplateRef<unknown>)\n}\n\n@Component({\n selector: 'frames-columns',\n standalone: true,\n imports: [\n NgTemplateOutlet,\n ],\n template: `\n @if(left()?.templateRef && left()?.isPlatformBrowser) {\n <div class=\"left container\">\n <ng-container [ngTemplateOutlet]=\"left()?.templateRef\" />\n </div>\n }\n\n @if (main()?.templateRef && main()?.isPlatformBrowser) {\n <main class=\"main container\">\n <ng-container [ngTemplateOutlet]=\"main()?.templateRef\" />\n </main>\n }\n \n @if (right()?.templateRef && right()?.isPlatformBrowser) {\n <div class=\"right container\">\n <ng-container [ngTemplateOutlet]=\"right()?.templateRef\" />\n </div>\n }\n `,\n styleUrl: './columns.frame.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: ColumnsFrameStore,\n inputs: ['type'],\n }\n ],\n host: {\n '[attr.type]': 'store.type()',\n },\n})\nexport class ColumnsFrame extends NgAtomicComponent {\n protected readonly platformId = inject(PLATFORM_ID);\n protected readonly store = inject(ColumnsFrameStore);\n protected readonly left = contentChild(LeftColumn);\n protected readonly main = contentChild(MainColumn);\n protected readonly right = contentChild(RightColumn);\n}\n\n@NgModule({\n imports: [\n // ColumnsFrameStore,\n ColumnsFrame,\n LeftColumn,\n MainColumn,\n RightColumn,\n ],\n exports: [\n // ColumnsFrameStore,\n ColumnsFrame,\n LeftColumn,\n MainColumn,\n RightColumn,\n ]\n})\nexport class ColumnsFrameModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;AAOO,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,mBAAmB,CAAA;AAAnD,IAAA,WAAA,GAAA;;AAWI,QAAA,IAAA,CAAA,MAAM,GAAG,mBAAiB,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;AAC3C,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAmB,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AAC9E,KAAA;;aAZiB,IAAM,CAAA,MAAA,GAAG,UAAU,CAAC,MAAM,CAAC,OAAO,KAAI;QACpD,MAAM,OAAO,GAAG,MAAuB;~~YACrC~~,QAAQ,OAAO,CAAC,UAAU;AACxB,gBAAA,KAAK,QAAQ,CAAC;AACd,gBAAA,KAAK,OAAO,EAAE,OAAO,QAAQ,CAAC;AAC9B,gBAAA,SAAS,OAAO,KAAK,CAAC;~~AACvB,aAAA~~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"}
1	+ {"version":3,"file":"ng-atomic-components-frames-columns.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/columns/columns.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/columns/ng-atomic-components-frames-columns.ts"],"sourcesContent":["import { isPlatformBrowser, NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Directive, NgModule, PLATFORM_ID, TemplateRef, contentChild, inject, input } from '@angular/core';\nimport { makeConfig } from '@ng-atomic/common/services/ui';\nimport { InjectableComponent, NgAtomicComponent, TokenizedType, _computed } from '@ng-atomic/core';\n\n@TokenizedType()\n@Directive({standalone: true, selector: 'frames-columns'})\nexport class ColumnsFrameStore extends InjectableComponent {\n static readonly Config = makeConfig(() => (context) => {\n const getType = (): 'row' \| 'column' => {\n switch (context.breakpoint) {\n case 'xSmall':\n case 'small': return 'column';\n default: return 'row';\n }\n }\n return { type: getType() };\n }, ['components', 'frames', 'columns']);\n readonly config = ColumnsFrameStore.Config.inject();\n readonly type = input<'row' \| 'column'>(_computed(() => this.config().type));\n}\n\n@Directive({standalone: true, selector: '[left], [leftColumn]'})\nexport class LeftColumn {\n readonly platformId = inject(PLATFORM_ID);\n readonly isPlatformBrowser = isPlatformBrowser(this.platformId);\n readonly templateRef = inject(TemplateRef<unknown>)\n}\n\n@Directive({\n standalone: true,\n selector: '[main], [mainColumn]',\n})\nexport class MainColumn {\n readonly platformId = inject(PLATFORM_ID);\n readonly isPlatformBrowser = isPlatformBrowser(this.platformId);\n readonly templateRef = inject(TemplateRef<unknown>)\n}\n\n@Directive({standalone: true, selector: '[right], [rightColumn]'})\nexport class RightColumn {\n readonly platformId = inject(PLATFORM_ID);\n readonly isPlatformBrowser = isPlatformBrowser(this.platformId);\n readonly templateRef = inject(TemplateRef<unknown>)\n}\n\n@Component({\n selector: 'frames-columns',\n standalone: true,\n imports: [\n NgTemplateOutlet,\n ],\n template: `\n @if(left()?.templateRef && left()?.isPlatformBrowser) {\n <div class=\"left container\">\n <ng-container [ngTemplateOutlet]=\"left()?.templateRef\" />\n </div>\n }\n\n @if (main()?.templateRef && main()?.isPlatformBrowser) {\n <main class=\"main container\">\n <ng-container [ngTemplateOutlet]=\"main()?.templateRef\" />\n </main>\n }\n \n @if (right()?.templateRef && right()?.isPlatformBrowser) {\n <div class=\"right container\">\n <ng-container [ngTemplateOutlet]=\"right()?.templateRef\" />\n </div>\n }\n `,\n styleUrl: './columns.frame.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: ColumnsFrameStore,\n inputs: ['type'],\n }\n ],\n host: {\n '[attr.type]': 'store.type()',\n },\n})\nexport class ColumnsFrame extends NgAtomicComponent {\n protected readonly platformId = inject(PLATFORM_ID);\n protected readonly store = inject(ColumnsFrameStore);\n protected readonly left = contentChild(LeftColumn);\n protected readonly main = contentChild(MainColumn);\n protected readonly right = contentChild(RightColumn);\n}\n\n@NgModule({\n imports: [\n // ColumnsFrameStore,\n ColumnsFrame,\n LeftColumn,\n MainColumn,\n RightColumn,\n ],\n exports: [\n // ColumnsFrameStore,\n ColumnsFrame,\n LeftColumn,\n MainColumn,\n RightColumn,\n ]\n})\nexport class ColumnsFrameModule { }\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-frames-divider.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, viewChild, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, ElementRef, viewChild, signal, Component, ChangeDetectionStrategy } from '@angular/core';
 import * as i1 from '@angular/material/divider';
 import { MatDividerModule } from '@angular/material/divider';
 import { CdkDrag } from '@angular/cdk/drag-drop';
@@ -17,9 +17,11 @@ class DividerFrame extends NgAtomicComponent {
         this.el = inject(ElementRef);
         this.firstContent = viewChild('first', { read: ElementRef });
         this.divider = viewChild.required('el', { read: ElementRef });
+        this.dragging = signal(false);
     }
     static { this.ActionId = ActionId; }
     onDragStart($event) {
+        this.dragging.set(true);
         this.dispatch({ id: ActionId.DRAG_STARTED, payload: $event }, 'default');
         const parentRect = this.divider().nativeElement.parentElement.getBoundingClientRect();
         const elementRect = this.divider().nativeElement.getBoundingClientRect();
@@ -32,6 +34,7 @@ class DividerFrame extends NgAtomicComponent {
         this.setFirstContentHeight(height, 'px');
     }
     onDragEnd($event) {
+        this.dragging.set(false);
         this.dispatch({ id: ActionId.DRAG_ENDED, payload: $event }, 'default');
     }
     setFirstContentHeight(height, unit = 'px', { animate = false } = {}) {
@@ -41,10 +44,11 @@ class DividerFrame extends NgAtomicComponent {
         }
         this.el.nativeElement.style.setProperty('--first-content-height', `${height}${unit}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DividerFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "17.2.2", type: DividerFrame, isStandalone: true, selector: "frames-divider", viewQueries: [{ propertyName: "firstContent", first: true, predicate: ["first"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "divider", first: true, predicate: ["el"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
-    <div class="first" #first>
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: DividerFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: DividerFrame, isStandalone: true, selector: "frames-divider", viewQueries: [{ propertyName: "firstContent", first: true, predicate: ["first"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "divider", first: true, predicate: ["el"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    <div class="first container" #first>
       <ng-content select="[first]"></ng-content>
+      @if (dragging()) { <div class="cover"></div> }
     </div>
     <mat-divider
       cdkDrag
@@ -55,20 +59,22 @@ class DividerFrame extends NgAtomicComponent {
       (cdkDragEnded)="onDragEnd($event)"
       cdkDragLockAxis="y"
       #el
-    ></mat-divider>
-    <div class="second">
+    />
+    <div class="second container">
       <ng-content select="[second]"></ng-content>
+      @if (dragging()) { <div class="cover"></div> }
     </div>
-  `, isInline: true, styles: [":host{--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-uoJA: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-uoJA: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-uoJA: var(--max-first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host div.first{height:min(max(var(--first-content-height-SCOPED-IN-divider-uoJA),var(--min-first-content-height-SCOPED-IN-divider-uoJA)),var(--max-first-content-height-SCOPED-IN-divider-uoJA));overflow:hidden;display:flex;flex-direction:column}:host mat-divider{z-index:1000;width:100%;cursor:row-resize}:host div.second{display:flex;flex-direction:column;height:calc(100% - min(max(var(--first-content-height-SCOPED-IN-divider-uoJA),var(--min-first-content-height-SCOPED-IN-divider-uoJA)),var(--max-first-content-height-SCOPED-IN-divider-uoJA)));overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-divider-4YjS: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-divider-4YjS: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-divider-4YjS: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-divider-4YjS: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-divider-4YjS: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-divider-4YjS: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-divider-4YjS: var(--on-surface-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-4YjS: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-4YjS: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-4YjS: var(--max-first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host .container{position:relative}:host .container.first{height:min(max(var(--first-content-height-SCOPED-IN-divider-4YjS),var(--min-first-content-height-SCOPED-IN-divider-4YjS)),var(--max-first-content-height-SCOPED-IN-divider-4YjS));overflow:hidden;display:flex;flex-direction:column}:host .container.second{display:flex;flex-direction:column;height:calc(100% - min(max(var(--first-content-height-SCOPED-IN-divider-4YjS),var(--min-first-content-height-SCOPED-IN-divider-4YjS)),var(--max-first-content-height-SCOPED-IN-divider-4YjS)));overflow:hidden}:host .container .cover{position:absolute;top:0;left:0;width:100%;height:100%}:host mat-divider{z-index:1000;width:100%;cursor:row-resize;position:relative}:host mat-divider:before{content:\"\";position:absolute;top:-8px;left:0;width:100%;height:8px;background-color:transparent;transition:.1s background-color}:host mat-divider:hover:before{background-color:var(--primary-color-SCOPED-IN-divider-4YjS)}\n"], dependencies: [{ kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DividerFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: DividerFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-divider', standalone: true, imports: [
                         MatDividerModule,
                         CdkDrag,
                     ], template: `
-    <div class="first" #first>
+    <div class="first container" #first>
       <ng-content select="[first]"></ng-content>
+      @if (dragging()) { <div class="cover"></div> }
     </div>
     <mat-divider
       cdkDrag
@@ -79,11 +85,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
       (cdkDragEnded)="onDragEnd($event)"
       cdkDragLockAxis="y"
       #el
-    ></mat-divider>
-    <div class="second">
+    />
+    <div class="second container">
       <ng-content select="[second]"></ng-content>
+      @if (dragging()) { <div class="cover"></div> }
     </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-uoJA: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-uoJA: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-uoJA: var(--max-first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host div.first{height:min(max(var(--first-content-height-SCOPED-IN-divider-uoJA),var(--min-first-content-height-SCOPED-IN-divider-uoJA)),var(--max-first-content-height-SCOPED-IN-divider-uoJA));overflow:hidden;display:flex;flex-direction:column}:host mat-divider{z-index:1000;width:100%;cursor:row-resize}:host div.second{display:flex;flex-direction:column;height:calc(100% - min(max(var(--first-content-height-SCOPED-IN-divider-uoJA),var(--min-first-content-height-SCOPED-IN-divider-uoJA)),var(--max-first-content-height-SCOPED-IN-divider-uoJA)));overflow:hidden}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-divider-4YjS: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-divider-4YjS: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-divider-4YjS: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-divider-4YjS: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-divider-4YjS: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-divider-4YjS: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-divider-4YjS: var(--on-surface-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-4YjS: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-4YjS: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-4YjS: var(--max-first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host .container{position:relative}:host .container.first{height:min(max(var(--first-content-height-SCOPED-IN-divider-4YjS),var(--min-first-content-height-SCOPED-IN-divider-4YjS)),var(--max-first-content-height-SCOPED-IN-divider-4YjS));overflow:hidden;display:flex;flex-direction:column}:host .container.second{display:flex;flex-direction:column;height:calc(100% - min(max(var(--first-content-height-SCOPED-IN-divider-4YjS),var(--min-first-content-height-SCOPED-IN-divider-4YjS)),var(--max-first-content-height-SCOPED-IN-divider-4YjS)));overflow:hidden}:host .container .cover{position:absolute;top:0;left:0;width:100%;height:100%}:host mat-divider{z-index:1000;width:100%;cursor:row-resize;position:relative}:host mat-divider:before{content:\"\";position:absolute;top:-8px;left:0;width:100%;height:8px;background-color:transparent;transition:.1s background-color}:host mat-divider:hover:before{background-color:var(--primary-color-SCOPED-IN-divider-4YjS)}\n"] }]
         }] });
 /**

package/fesm2022/ng-atomic-components-frames-divider.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-frames-divider.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/divider/divider.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/divider/ng-atomic-components-frames-divider.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, Signal, inject, viewChild } from '@angular/core';\nimport { MatDividerModule } from '@angular/material/divider';\nimport { CdkDrag, CdkDragMove, CdkDragStart } from '@angular/cdk/drag-drop';\nimport { NgAtomicComponent } from '@ng-atomic/core';\n\nenum ActionId {\n DRAG_STARTED = '[@ng-atomic/divider] drag start',\n DRAG_MOVED = '[@ng-atomic/divider] drag move',\n DRAG_ENDED = '[@ng-atomic/divider] drag end',\n}\n\n@Component({\n selector: 'frames-divider',\n standalone: true,\n imports: [\n MatDividerModule,\n CdkDrag,\n ],\n template: `\n <div class=\"first\" #first>\n <ng-content select=\"[first]\"></ng-content>\n </div>\n <mat-divider\n cdkDrag\n cdkDragHandle\n [cdkDragStartDelay]=\"0\"\n (cdkDragStarted)=\"onDragStart($event)\"\n (cdkDragMoved)=\"onDragMoved($event)\"\n (cdkDragEnded)=\"onDragEnd($event)\"\n cdkDragLockAxis=\"y\"\n #el\n ~~></mat-divider>\~~n <div class=\"second\">\n <ng-content select=\"[second]\"></ng-content>\n </div>\n `,\n styleUrls: ['./divider.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DividerFrame extends NgAtomicComponent {\n static ActionId = ActionId;\n\n private el = inject<ElementRef<HTMLElement>>(ElementRef);\n protected firstContentHeight: number;\n readonly firstContent: Signal<ElementRef<HTMLDivElement>> = viewChild('first', {read: ElementRef});\n readonly divider: Signal<ElementRef<HTMLDivElement>> = viewChild.required('el', {read: ElementRef});\n\n protected onDragStart($event: CdkDragStart) {\n this.dispatch({id: ActionId.DRAG_STARTED, payload: $event}, 'default');\n const parentRect = this.divider().nativeElement.parentElement.getBoundingClientRect();\n const elementRect = this.divider().nativeElement.getBoundingClientRect();\n this.firstContentHeight = elementRect.top - parentRect.top;\n }\n\n protected onDragMoved($event: CdkDragMove) {\n this.dispatch({id: ActionId.DRAG_MOVED, payload: $event}, 'default');\n this.divider().nativeElement.style.transform = `translate3d(0, 0, 0)`;\n const height = Math.max(1, this.firstContentHeight + $event.distance.y);\n this.setFirstContentHeight(height, 'px');\n }\n\n protected onDragEnd($event: CdkDragMove) {\n this.dispatch({id: ActionId.DRAG_ENDED, payload: $event}, 'default');\n }\n\n setFirstContentHeight(height: number, unit: 'px' \| '%' = 'px', {\n animate = false\n }: {animate?: boolean} = {}) {\n if (this.firstContent() && animate) {\n this.firstContent().nativeElement.style.transition = 'height 0.5s';\n setTimeout(() => this.firstContent().nativeElement.style.transition = 'none', 500);\n }\n this.el.nativeElement.style.setProperty('--first-content-height', `${height}${unit}`);\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;AAKA,IAAK,QAIJ,CAAA;AAJD,CAAA,UAAK,QAAQ,EAAA;AACX,IAAA,QAAA,CAAA,cAAA,CAAA,GAAA,iCAAgD,CAAA;AAChD,IAAA,QAAA,CAAA,YAAA,CAAA,GAAA,gCAA6C,CAAA;AAC7C,IAAA,QAAA,CAAA,YAAA,CAAA,GAAA,+BAA4C,CAAA;AAC9C,CAAC,EAJI,QAAQ,KAAR,QAAQ,GAIZ,EAAA,CAAA,CAAA,CAAA;~~AA8BK~~,MAAO,YAAa,SAAQ,iBAAiB,CAAA;~~AA5BnD~~,IAAA,WAAA,GAAA;;~~AA+BU~~,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAA0B,UAAU,CAAC,CAAC;QAEhD,IAAY,CAAA,YAAA,GAAuC,SAAS,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,UAAU,EAAC,CAAC,CAAC;AAC1F,QAAA,IAAA,CAAA,OAAO,GAAuC,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAC,IAAI,EAAE,UAAU,EAAC,CAAC,CAAC;~~AA6BrG~~,KAAA;~~aAlCQ~~,IAAQ,CAAA,QAAA,GAAG,QAAH,CAAY,EAAA;~~AAOjB~~,IAAA,WAAW,CAAC,MAAoB,EAAA;AACxC,QAAA,IAAI,CAAC,QAAQ,CAAC,EAAC,EAAE,EAAE,QAAQ,CAAC,YAAY,EAAE,OAAO,EAAE,MAAM,EAAC,EAAE,SAAS,CAAC,CAAC;AACvE,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,aAAa,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC;QACtF,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC;QACzE,IAAI,CAAC,kBAAkB,GAAG,WAAW,CAAC,GAAG,GAAG,UAAU,CAAC,GAAG,CAAC;KAC5D;AAES,IAAA,WAAW,CAAC,MAAmB,EAAA;AACvC,QAAA,IAAI,CAAC,QAAQ,CAAC,EAAC,EAAE,EAAE,QAAQ,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,EAAC,EAAE,SAAS,CAAC,CAAC;QACrE,IAAI,CAAC,OAAO,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,SAAS,GAAG,CAAA,oBAAA,CAAsB,CAAC;AACtE,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,kBAAkB,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;AACxE,QAAA,IAAI,CAAC,qBAAqB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;KAC1C;AAES,IAAA,SAAS,CAAC,MAAmB,EAAA;AACrC,QAAA,IAAI,CAAC,QAAQ,CAAC,EAAC,EAAE,EAAE,QAAQ,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,EAAC,EAAE,SAAS,CAAC,CAAC;KACtE;IAED,qBAAqB,CAAC,MAAc,EAAE,IAAmB,GAAA,IAAI,EAAE,EAC7D,OAAO,GAAG,KAAK,EAAA,GACQ,EAAE,EAAA;AACzB,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE,IAAI,OAAO,EAAE;YAClC,IAAI,CAAC,YAAY,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,UAAU,GAAG,aAAa,CAAC;AACnE,YAAA,UAAU,CAAC,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,EAAE,GAAG,CAAC,CAAC;~~AACpF,SAAA~~;AACD,QAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,wBAAwB,EAAE,CAAG,EAAA,MAAM,GAAG,IAAI,CAAA,CAAE,CAAC,CAAC;KACvF;~~8GAlCU~~,YAAY,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,EAK+D,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,OAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EAAA,UAAU,EACT,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,IAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EAAA,UAAU,~~EA3BvF~~,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA~~;;;;;;;;;;;;;;;;;GAiBT~~,~~EApBC~~,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,~~4+BAAA~~,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,gBAAgB,mIAChB,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,yBAAA,EAAA,iBAAA,EAAA,0BAAA,EAAA,qBAAA,EAAA,yBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;~~2FAuBE~~,YAAY,EAAA,UAAA,EAAA,CAAA;~~kBA5BxB~~,SAAS;+BACE,gBAAgB,EAAA,UAAA,EACd,IAAI,EACP,OAAA,EAAA;wBACP,gBAAgB;wBAChB,OAAO;qBACR,EACS,QAAA,EAAA,CAAA~~;;;;;;;;;;;;;;;;;GAiBT~~,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,~~4+BAAA~~,CAAA,EAAA,CAAA;;;~~ACrCjD~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-frames-divider.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/divider/divider.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/divider/ng-atomic-components-frames-divider.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, Signal, inject, signal, viewChild } from '@angular/core';\nimport { MatDividerModule } from '@angular/material/divider';\nimport { CdkDrag, CdkDragMove, CdkDragStart } from '@angular/cdk/drag-drop';\nimport { NgAtomicComponent } from '@ng-atomic/core';\n\nenum ActionId {\n DRAG_STARTED = '[@ng-atomic/divider] drag start',\n DRAG_MOVED = '[@ng-atomic/divider] drag move',\n DRAG_ENDED = '[@ng-atomic/divider] drag end',\n}\n\n@Component({\n selector: 'frames-divider',\n standalone: true,\n imports: [\n MatDividerModule,\n CdkDrag,\n ],\n template: `\n <div class=\"first container\" #first>\n <ng-content select=\"[first]\"></ng-content>\n @if (dragging()) { <div class=\"cover\"></div> }\n </div>\n <mat-divider\n cdkDrag\n cdkDragHandle\n [cdkDragStartDelay]=\"0\"\n (cdkDragStarted)=\"onDragStart($event)\"\n (cdkDragMoved)=\"onDragMoved($event)\"\n (cdkDragEnded)=\"onDragEnd($event)\"\n cdkDragLockAxis=\"y\"\n #el\n />\n <div class=\"second container\">\n <ng-content select=\"[second]\"></ng-content>\n @if (dragging()) { <div class=\"cover\"></div> }\n </div>\n `,\n styleUrls: ['./divider.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DividerFrame extends NgAtomicComponent {\n static ActionId = ActionId;\n\n private el = inject<ElementRef<HTMLElement>>(ElementRef);\n protected firstContentHeight: number;\n readonly firstContent: Signal<ElementRef<HTMLDivElement>> = viewChild('first', {read: ElementRef});\n readonly divider: Signal<ElementRef<HTMLDivElement>> = viewChild.required('el', {read: ElementRef});\n readonly dragging = signal(false);\n\n protected onDragStart($event: CdkDragStart) {\n this.dragging.set(true);\n this.dispatch({id: ActionId.DRAG_STARTED, payload: $event}, 'default');\n const parentRect = this.divider().nativeElement.parentElement.getBoundingClientRect();\n const elementRect = this.divider().nativeElement.getBoundingClientRect();\n this.firstContentHeight = elementRect.top - parentRect.top;\n }\n\n protected onDragMoved($event: CdkDragMove) {\n this.dispatch({id: ActionId.DRAG_MOVED, payload: $event}, 'default');\n this.divider().nativeElement.style.transform = `translate3d(0, 0, 0)`;\n const height = Math.max(1, this.firstContentHeight + $event.distance.y);\n this.setFirstContentHeight(height, 'px');\n }\n\n protected onDragEnd($event: CdkDragMove) {\n this.dragging.set(false);\n this.dispatch({id: ActionId.DRAG_ENDED, payload: $event}, 'default');\n }\n\n setFirstContentHeight(height: number, unit: 'px' \| '%' = 'px', {\n animate = false\n }: {animate?: boolean} = {}) {\n if (this.firstContent() && animate) {\n this.firstContent().nativeElement.style.transition = 'height 0.5s';\n setTimeout(() => this.firstContent().nativeElement.style.transition = 'none', 500);\n }\n this.el.nativeElement.style.setProperty('--first-content-height', `${height}${unit}`);\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;AAKA,IAAK,QAIJ,CAAA;AAJD,CAAA,UAAK,QAAQ,EAAA;AACX,IAAA,QAAA,CAAA,cAAA,CAAA,GAAA,iCAAgD,CAAA;AAChD,IAAA,QAAA,CAAA,YAAA,CAAA,GAAA,gCAA6C,CAAA;AAC7C,IAAA,QAAA,CAAA,YAAA,CAAA,GAAA,+BAA4C,CAAA;AAC9C,CAAC,EAJI,QAAQ,KAAR,QAAQ,GAIZ,EAAA,CAAA,CAAA,CAAA;AAgCK,MAAO,YAAa,SAAQ,iBAAiB,CAAA;AA9BnD,IAAA,WAAA,GAAA;;AAiCU,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAA0B,UAAU,CAAC,CAAC;QAEhD,IAAY,CAAA,YAAA,GAAuC,SAAS,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,UAAU,EAAC,CAAC,CAAC;AAC1F,QAAA,IAAA,CAAA,OAAO,GAAuC,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAC,IAAI,EAAE,UAAU,EAAC,CAAC,CAAC;AAC3F,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;AA+BnC,KAAA;aArCQ,IAAQ,CAAA,QAAA,GAAG,QAAH,CAAY,EAAA;AAQjB,IAAA,WAAW,CAAC,MAAoB,EAAA;AACxC,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AACxB,QAAA,IAAI,CAAC,QAAQ,CAAC,EAAC,EAAE,EAAE,QAAQ,CAAC,YAAY,EAAE,OAAO,EAAE,MAAM,EAAC,EAAE,SAAS,CAAC,CAAC;AACvE,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,aAAa,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC;QACtF,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC;QACzE,IAAI,CAAC,kBAAkB,GAAG,WAAW,CAAC,GAAG,GAAG,UAAU,CAAC,GAAG,CAAC;KAC5D;AAES,IAAA,WAAW,CAAC,MAAmB,EAAA;AACvC,QAAA,IAAI,CAAC,QAAQ,CAAC,EAAC,EAAE,EAAE,QAAQ,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,EAAC,EAAE,SAAS,CAAC,CAAC;QACrE,IAAI,CAAC,OAAO,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,SAAS,GAAG,CAAA,oBAAA,CAAsB,CAAC;AACtE,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,kBAAkB,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;AACxE,QAAA,IAAI,CAAC,qBAAqB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;KAC1C;AAES,IAAA,SAAS,CAAC,MAAmB,EAAA;AACrC,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AACzB,QAAA,IAAI,CAAC,QAAQ,CAAC,EAAC,EAAE,EAAE,QAAQ,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,EAAC,EAAE,SAAS,CAAC,CAAC;KACtE;IAED,qBAAqB,CAAC,MAAc,EAAE,IAAmB,GAAA,IAAI,EAAE,EAC7D,OAAO,GAAG,KAAK,EAAA,GACQ,EAAE,EAAA;AACzB,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE,IAAI,OAAO,EAAE;YAClC,IAAI,CAAC,YAAY,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,UAAU,GAAG,aAAa,CAAC;AACnE,YAAA,UAAU,CAAC,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,EAAE,GAAG,CAAC,CAAC;SACpF;AACD,QAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,wBAAwB,EAAE,CAAG,EAAA,MAAM,GAAG,IAAI,CAAA,CAAE,CAAC,CAAC;KACvF;8GArCU,YAAY,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,EAK+D,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,OAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EAAA,UAAU,EACT,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,IAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EAAA,UAAU,EA7BvF,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;GAmBT,EAtBC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,qgEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,gBAAgB,mIAChB,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,yBAAA,EAAA,iBAAA,EAAA,0BAAA,EAAA,qBAAA,EAAA,yBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAyBE,YAAY,EAAA,UAAA,EAAA,CAAA;kBA9BxB,SAAS;+BACE,gBAAgB,EAAA,UAAA,EACd,IAAI,EACP,OAAA,EAAA;wBACP,gBAAgB;wBAChB,OAAO;qBACR,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;GAmBT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,qgEAAA,CAAA,EAAA,CAAA;;;ACvCjD;;AAEG;;;;"}

package/fesm2022/ng-atomic-components-frames-drawer.mjs CHANGED Viewed

@@ -13,13 +13,13 @@ let DrawerFrameStore = class DrawerFrameStore extends InjectableComponent {
         this.hasBackdrop = input(true);
         this.position = input('start');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DrawerFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: DrawerFrameStore, isStandalone: true, selector: "frames-drawer", inputs: { opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: DrawerFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: DrawerFrameStore, isStandalone: true, selector: "frames-drawer", inputs: { opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 };
 DrawerFrameStore = __decorate([
     TokenizedType()
 ], DrawerFrameStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DrawerFrameStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: DrawerFrameStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'frames-drawer' }]
         }] });
@@ -28,8 +28,8 @@ class DrawerFrame extends NgAtomicComponent {
         super(...arguments);
         this.store = inject(DrawerFrameStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DrawerFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: DrawerFrame, isStandalone: true, selector: "frames-drawer", usesInheritance: true, hostDirectives: [{ directive: DrawerFrameStore, inputs: ["opened", "opened", "mode", "mode", "hasBackdrop", "hasBackdrop", "position", "position"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: DrawerFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: DrawerFrame, isStandalone: true, selector: "frames-drawer", usesInheritance: true, hostDirectives: [{ directive: DrawerFrameStore, inputs: ["opened", "opened", "mode", "mode", "hasBackdrop", "hasBackdrop", "position", "position"] }], ngImport: i0, template: `
   <mat-drawer-container [autosize]="false" [hasBackdrop]="store.hasBackdrop()">
     <mat-drawer #drawer [opened]="store.opened()" [mode]="store.mode()" [position]="store.position()">
       <ng-content select=[drawer] />
@@ -37,9 +37,9 @@ class DrawerFrame extends NgAtomicComponent {
     <mat-drawer-content>
       <ng-content select=[contents] />
     </mat-drawer-content>
-  </mat-drawer-container>`, isInline: true, styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-umSc: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-umSc: var(--height);--background-color: #f0f0f0;--background-color-SCOPED-IN-drawer-umSc: var(--background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-umSc: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-umSc)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-umSc)}:host mat-drawer-container{--mat-sidenav-content-background-color: transparent;width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}\n"], dependencies: [{ 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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  </mat-drawer-container>`, isInline: true, styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-vXv4: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-vXv4: var(--height);--background-color: #f0f0f0;--background-color-SCOPED-IN-drawer-vXv4: var(--background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-vXv4: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-vXv4)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-vXv4)}:host mat-drawer-container{--mat-sidenav-content-background-color: transparent;width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}\n"], dependencies: [{ 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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DrawerFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: DrawerFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-drawer', standalone: true, imports: [
                         MatSidenavModule,
@@ -56,7 +56,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: DrawerFrameStore,
                             inputs: ['opened', 'mode', 'hasBackdrop', 'position'],
                         }
-                    ], styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-umSc: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-umSc: var(--height);--background-color: #f0f0f0;--background-color-SCOPED-IN-drawer-umSc: var(--background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-umSc: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-umSc)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-umSc)}:host mat-drawer-container{--mat-sidenav-content-background-color: transparent;width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}\n"] }]
+                    ], styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-vXv4: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-vXv4: var(--height);--background-color: #f0f0f0;--background-color-SCOPED-IN-drawer-vXv4: var(--background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-vXv4: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-vXv4)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-vXv4)}:host mat-drawer-container{--mat-sidenav-content-background-color: transparent;width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}\n"] }]
         }] });
 /**

package/fesm2022/ng-atomic-components-frames-entrance.mjs CHANGED Viewed

@@ -16,10 +16,10 @@ class EntranceFrameStore extends InjectableComponent {
         }));
         this.title = input('ログイン');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: EntranceFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: EntranceFrameStore, isStandalone: true, inputs: { isEntrance: { classPropertyName: "isEntrance", publicName: "isEntrance", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: EntranceFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: EntranceFrameStore, isStandalone: true, inputs: { isEntrance: { classPropertyName: "isEntrance", publicName: "isEntrance", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: EntranceFrameStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: EntranceFrameStore, decorators: [{
             type: Directive,
             args: [{ standalone: true }]
         }] });
@@ -28,8 +28,8 @@ class EntranceFrame extends NgAtomicComponent {
         super(...arguments);
         this.store = inject(EntranceFrameStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: EntranceFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: EntranceFrame, isStandalone: true, selector: "frames-entrance", usesInheritance: true, hostDirectives: [{ directive: EntranceFrameStore, inputs: ["isEntrance", "isEntrance", "actions", "actions", "form", "form", "title", "title"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: EntranceFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: EntranceFrame, isStandalone: true, selector: "frames-entrance", usesInheritance: true, hostDirectives: [{ directive: EntranceFrameStore, inputs: ["isEntrance", "isEntrance", "actions", "actions", "form", "form", "title", "title"] }], ngImport: i0, template: `
     <frames-overlay
       [hasNext]="store.isEntrance()"
       [animationType]="'fade'"
@@ -43,9 +43,9 @@ class EntranceFrame extends NgAtomicComponent {
         (action)="dispatch($event)"
       />
     </frames-overlay>
-  `, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-HOfS: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-entrance-HOfS: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-entrance-HOfS: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-entrance-HOfS: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-entrance-HOfS: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-entrance-HOfS: var(--on-background-color);--menu-width: inherit;--menu-width-SCOPED-IN-entrance-HOfS: var(--menu-width);--menu-background-color: inherit;--menu-background-color-SCOPED-IN-entrance-HOfS: var(--menu-background-color);--menu-on-background-color: inherit;--menu-on-background-color-SCOPED-IN-entrance-HOfS: var(--menu-on-background-color);--background-primary-color: inherit;--background-primary-color-SCOPED-IN-entrance-HOfS: var(--background-primary-color);--background-on-primary-color: inherit;--background-on-primary-color-SCOPED-IN-entrance-HOfS: var(--background-on-primary-color);--background-background-color: inherit;--background-background-color-SCOPED-IN-entrance-HOfS: var(--background-background-color)}:host{display:block;width:100%;height:100%}:host templates-entrance{position:relative;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-entrance-HOfS);--on-primary-color: var(--on-primary-color-SCOPED-IN-entrance-HOfS);--surface-color: var(--surface-color-SCOPED-IN-entrance-HOfS);--on-surface-color: var(--on-surface-color-SCOPED-IN-entrance-HOfS);--background-color: var(--background-color-SCOPED-IN-entrance-HOfS);--on-background-color: var(--on-background-color-SCOPED-IN-entrance-HOfS);--menu-background-color: var(--menu-background-color-SCOPED-IN-entrance-HOfS);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-entrance-HOfS)}\n"], dependencies: [{ kind: "component", type: OverlayFrame, selector: "frames-overlay" }, { kind: "directive", type: EntranceTemplateStore, selector: "templates-entrance", inputs: ["form", "actions", "fieldMap", "title"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-f28J: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-entrance-f28J: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-entrance-f28J: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-entrance-f28J: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-entrance-f28J: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-entrance-f28J: var(--on-background-color);--menu-width: inherit;--menu-width-SCOPED-IN-entrance-f28J: var(--menu-width);--menu-background-color: inherit;--menu-background-color-SCOPED-IN-entrance-f28J: var(--menu-background-color);--menu-on-background-color: inherit;--menu-on-background-color-SCOPED-IN-entrance-f28J: var(--menu-on-background-color);--background-primary-color: inherit;--background-primary-color-SCOPED-IN-entrance-f28J: var(--background-primary-color);--background-on-primary-color: inherit;--background-on-primary-color-SCOPED-IN-entrance-f28J: var(--background-on-primary-color);--background-background-color: inherit;--background-background-color-SCOPED-IN-entrance-f28J: var(--background-background-color)}:host{display:block;width:100%;height:100%}:host templates-entrance{position:relative;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-entrance-f28J);--on-primary-color: var(--on-primary-color-SCOPED-IN-entrance-f28J);--surface-color: var(--surface-color-SCOPED-IN-entrance-f28J);--on-surface-color: var(--on-surface-color-SCOPED-IN-entrance-f28J);--background-color: var(--background-color-SCOPED-IN-entrance-f28J);--on-background-color: var(--on-background-color-SCOPED-IN-entrance-f28J);--menu-background-color: var(--menu-background-color-SCOPED-IN-entrance-f28J);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-entrance-f28J)}\n"], dependencies: [{ kind: "component", type: OverlayFrame, selector: "frames-overlay" }, { kind: "directive", type: EntranceTemplateStore, selector: "templates-entrance", inputs: ["form", "actions", "fieldMap", "title"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: EntranceFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: EntranceFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-entrance', standalone: true, imports: [
                         OverlayFrame,
@@ -69,7 +69,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: EntranceFrameStore,
                             inputs: ['isEntrance', 'actions', 'form', 'title'],
                         },
-                    ], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-HOfS: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-entrance-HOfS: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-entrance-HOfS: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-entrance-HOfS: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-entrance-HOfS: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-entrance-HOfS: var(--on-background-color);--menu-width: inherit;--menu-width-SCOPED-IN-entrance-HOfS: var(--menu-width);--menu-background-color: inherit;--menu-background-color-SCOPED-IN-entrance-HOfS: var(--menu-background-color);--menu-on-background-color: inherit;--menu-on-background-color-SCOPED-IN-entrance-HOfS: var(--menu-on-background-color);--background-primary-color: inherit;--background-primary-color-SCOPED-IN-entrance-HOfS: var(--background-primary-color);--background-on-primary-color: inherit;--background-on-primary-color-SCOPED-IN-entrance-HOfS: var(--background-on-primary-color);--background-background-color: inherit;--background-background-color-SCOPED-IN-entrance-HOfS: var(--background-background-color)}:host{display:block;width:100%;height:100%}:host templates-entrance{position:relative;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-entrance-HOfS);--on-primary-color: var(--on-primary-color-SCOPED-IN-entrance-HOfS);--surface-color: var(--surface-color-SCOPED-IN-entrance-HOfS);--on-surface-color: var(--on-surface-color-SCOPED-IN-entrance-HOfS);--background-color: var(--background-color-SCOPED-IN-entrance-HOfS);--on-background-color: var(--on-background-color-SCOPED-IN-entrance-HOfS);--menu-background-color: var(--menu-background-color-SCOPED-IN-entrance-HOfS);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-entrance-HOfS)}\n"] }]
+                    ], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-f28J: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-entrance-f28J: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-entrance-f28J: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-entrance-f28J: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-entrance-f28J: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-entrance-f28J: var(--on-background-color);--menu-width: inherit;--menu-width-SCOPED-IN-entrance-f28J: var(--menu-width);--menu-background-color: inherit;--menu-background-color-SCOPED-IN-entrance-f28J: var(--menu-background-color);--menu-on-background-color: inherit;--menu-on-background-color-SCOPED-IN-entrance-f28J: var(--menu-on-background-color);--background-primary-color: inherit;--background-primary-color-SCOPED-IN-entrance-f28J: var(--background-primary-color);--background-on-primary-color: inherit;--background-on-primary-color-SCOPED-IN-entrance-f28J: var(--background-on-primary-color);--background-background-color: inherit;--background-background-color-SCOPED-IN-entrance-f28J: var(--background-background-color)}:host{display:block;width:100%;height:100%}:host templates-entrance{position:relative;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-entrance-f28J);--on-primary-color: var(--on-primary-color-SCOPED-IN-entrance-f28J);--surface-color: var(--surface-color-SCOPED-IN-entrance-f28J);--on-surface-color: var(--on-surface-color-SCOPED-IN-entrance-f28J);--background-color: var(--background-color-SCOPED-IN-entrance-f28J);--on-background-color: var(--on-background-color-SCOPED-IN-entrance-f28J);--menu-background-color: var(--menu-background-color-SCOPED-IN-entrance-f28J);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-entrance-f28J)}\n"] }]
         }] });
 /**

package/fesm2022/ng-atomic-components-frames-fab.mjs CHANGED Viewed

@@ -24,10 +24,10 @@ class FabService {
     pop() {
         return this.contexts.pop();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FabService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FabService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: FabService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: FabService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FabService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: FabService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -44,10 +44,10 @@ class FabFrameStore {
             hide: false,
         });
     }, ['components', 'frames', 'fab']); }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FabFrameStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: FabFrameStore, isStandalone: true, selector: "frames-fab", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, hide: { classPropertyName: "hide", publicName: "hide", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: FabFrameStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: FabFrameStore, isStandalone: true, selector: "frames-fab", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, hide: { classPropertyName: "hide", publicName: "hide", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FabFrameStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: FabFrameStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'frames-fab' }]
         }] });
@@ -57,17 +57,17 @@ class FabFrame extends NgAtomicComponent {
         this.fab = inject(FabService);
         this.store = inject(FabFrameStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FabFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: FabFrame, isStandalone: true, selector: "frames-fab", host: { properties: { "attr.hide": "store.hide()" } }, usesInheritance: true, hostDirectives: [{ directive: FabFrameStore, inputs: ["actions", "actions", "hide", "hide"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: FabFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: FabFrame, isStandalone: true, selector: "frames-fab", host: { properties: { "attr.hide": "store.hide()" } }, usesInheritance: true, hostDirectives: [{ directive: FabFrameStore, inputs: ["actions", "actions", "hide", "hide"] }], ngImport: i0, template: `
     <ng-content></ng-content>
     @for (action of store.actions(); track action.id) {
       <button mat-fab [color]="action?.color ?? 'primary'" (click)="dispatch(action)">
         <mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>
       </button>
     }
-  `, isInline: true, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-XwZ9: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-XwZ9);--container-color-SCOPED-IN-fab-XwZ9: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-XwZ9: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-XwZ9: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-XwZ9: var(--fab-button-right)}:host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;z-index:2000;bottom:var(--fab-button-bottom-SCOPED-IN-fab-XwZ9);right:var(--fab-button-right-SCOPED-IN-fab-XwZ9);transition:all .3s ease;--mdc-fab-container-color: var(--container-color);--mdc-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}:host[hide=true] button{bottom:-120px}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-4Num: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-4Num);--container-color-SCOPED-IN-fab-4Num: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-4Num: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-4Num: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-4Num: var(--fab-button-right)}:host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;z-index:2000;bottom:var(--fab-button-bottom-SCOPED-IN-fab-4Num);right:var(--fab-button-right-SCOPED-IN-fab-4Num);transition:all .3s ease;--mdc-fab-container-color: var(--container-color);--mdc-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}:host[hide=true] button{bottom:-120px}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FabFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: FabFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-fab', standalone: true, imports: [
                         MatIconModule,
@@ -86,7 +86,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                         },
                     ], host: {
                         '[attr.hide]': 'store.hide()',
-                    }, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-XwZ9: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-XwZ9);--container-color-SCOPED-IN-fab-XwZ9: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-XwZ9: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-XwZ9: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-XwZ9: var(--fab-button-right)}:host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;z-index:2000;bottom:var(--fab-button-bottom-SCOPED-IN-fab-XwZ9);right:var(--fab-button-right-SCOPED-IN-fab-XwZ9);transition:all .3s ease;--mdc-fab-container-color: var(--container-color);--mdc-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}:host[hide=true] button{bottom:-120px}\n"] }]
+                    }, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-4Num: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-4Num);--container-color-SCOPED-IN-fab-4Num: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-4Num: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-4Num: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-4Num: var(--fab-button-right)}:host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;z-index:2000;bottom:var(--fab-button-bottom-SCOPED-IN-fab-4Num);right:var(--fab-button-right-SCOPED-IN-fab-4Num);transition:all .3s ease;--mdc-fab-container-color: var(--container-color);--mdc-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}:host[hide=true] button{bottom:-120px}\n"] }]
         }] });
 /**