npm - @ng-atomic/components - Versions diffs - 18.0.0 → 18.2.0 - Mend

@ng-atomic/components 18.0.0 → 18.2.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 (142) hide show

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 } = {}) {
@@ -42,9 +45,10 @@ class DividerFrame extends NgAtomicComponent {
         this.el.nativeElement.style.setProperty('--first-content-height', `${height}${unit}`);
     }
     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.2.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" #first>
+    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,11 +59,12 @@ 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-YKGO: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-YKGO: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-YKGO: 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-YKGO),var(--min-first-content-height-SCOPED-IN-divider-YKGO)),var(--max-first-content-height-SCOPED-IN-divider-YKGO));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-YKGO),var(--min-first-content-height-SCOPED-IN-divider-YKGO)),var(--max-first-content-height-SCOPED-IN-divider-YKGO)));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-T799: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-divider-T799: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-divider-T799: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-divider-T799: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-divider-T799: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-divider-T799: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-divider-T799: var(--on-surface-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-T799: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-T799: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-T799: 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-T799),var(--min-first-content-height-SCOPED-IN-divider-T799)),var(--max-first-content-height-SCOPED-IN-divider-T799));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-T799),var(--min-first-content-height-SCOPED-IN-divider-T799)),var(--max-first-content-height-SCOPED-IN-divider-T799)));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-T799)}\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: "18.1.2", ngImport: i0, type: DividerFrame, decorators: [{
             type: Component,
@@ -67,8 +72,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                         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: "18.1.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-YKGO: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-YKGO: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-YKGO: 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-YKGO),var(--min-first-content-height-SCOPED-IN-divider-YKGO)),var(--max-first-content-height-SCOPED-IN-divider-YKGO));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-YKGO),var(--min-first-content-height-SCOPED-IN-divider-YKGO)),var(--max-first-content-height-SCOPED-IN-divider-YKGO)));overflow:hidden}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-divider-T799: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-divider-T799: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-divider-T799: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-divider-T799: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-divider-T799: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-divider-T799: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-divider-T799: var(--on-surface-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-T799: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-T799: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-T799: 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-T799),var(--min-first-content-height-SCOPED-IN-divider-T799)),var(--max-first-content-height-SCOPED-IN-divider-T799));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-T799),var(--min-first-content-height-SCOPED-IN-divider-T799)),var(--max-first-content-height-SCOPED-IN-divider-T799)));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-T799)}\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;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;~~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

@@ -37,7 +37,7 @@ 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-yv4l: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-yv4l: var(--height);--background-color: #f0f0f0;--background-color-SCOPED-IN-drawer-yv4l: var(--background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-yv4l: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-yv4l)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-yv4l)}: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-GIU8: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-GIU8: var(--height);--background-color: #f0f0f0;--background-color-SCOPED-IN-drawer-GIU8: var(--background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-GIU8: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-GIU8)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-GIU8)}: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: "18.1.2", ngImport: i0, type: DrawerFrame, decorators: [{
             type: Component,
@@ -56,7 +56,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: DrawerFrameStore,
                             inputs: ['opened', 'mode', 'hasBackdrop', 'position'],
                         }
-                    ], styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-yv4l: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-yv4l: var(--height);--background-color: #f0f0f0;--background-color-SCOPED-IN-drawer-yv4l: var(--background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-yv4l: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-yv4l)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-yv4l)}: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-GIU8: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-GIU8: var(--height);--background-color: #f0f0f0;--background-color-SCOPED-IN-drawer-GIU8: var(--background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-GIU8: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-GIU8)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-GIU8)}: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

@@ -43,7 +43,7 @@ class EntranceFrame extends NgAtomicComponent {
         (action)="dispatch($event)"
       />
     </frames-overlay>
-  `, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-6184: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-entrance-6184: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-entrance-6184: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-entrance-6184: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-entrance-6184: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-entrance-6184: var(--on-background-color);--menu-width: inherit;--menu-width-SCOPED-IN-entrance-6184: var(--menu-width);--menu-background-color: inherit;--menu-background-color-SCOPED-IN-entrance-6184: var(--menu-background-color);--menu-on-background-color: inherit;--menu-on-background-color-SCOPED-IN-entrance-6184: var(--menu-on-background-color);--background-primary-color: inherit;--background-primary-color-SCOPED-IN-entrance-6184: var(--background-primary-color);--background-on-primary-color: inherit;--background-on-primary-color-SCOPED-IN-entrance-6184: var(--background-on-primary-color);--background-background-color: inherit;--background-background-color-SCOPED-IN-entrance-6184: 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-6184);--on-primary-color: var(--on-primary-color-SCOPED-IN-entrance-6184);--surface-color: var(--surface-color-SCOPED-IN-entrance-6184);--on-surface-color: var(--on-surface-color-SCOPED-IN-entrance-6184);--background-color: var(--background-color-SCOPED-IN-entrance-6184);--on-background-color: var(--on-background-color-SCOPED-IN-entrance-6184);--menu-background-color: var(--menu-background-color-SCOPED-IN-entrance-6184);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-entrance-6184)}\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-WeHA: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-entrance-WeHA: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-entrance-WeHA: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-entrance-WeHA: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-entrance-WeHA: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-entrance-WeHA: var(--on-background-color);--menu-width: inherit;--menu-width-SCOPED-IN-entrance-WeHA: var(--menu-width);--menu-background-color: inherit;--menu-background-color-SCOPED-IN-entrance-WeHA: var(--menu-background-color);--menu-on-background-color: inherit;--menu-on-background-color-SCOPED-IN-entrance-WeHA: var(--menu-on-background-color);--background-primary-color: inherit;--background-primary-color-SCOPED-IN-entrance-WeHA: var(--background-primary-color);--background-on-primary-color: inherit;--background-on-primary-color-SCOPED-IN-entrance-WeHA: var(--background-on-primary-color);--background-background-color: inherit;--background-background-color-SCOPED-IN-entrance-WeHA: 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-WeHA);--on-primary-color: var(--on-primary-color-SCOPED-IN-entrance-WeHA);--surface-color: var(--surface-color-SCOPED-IN-entrance-WeHA);--on-surface-color: var(--on-surface-color-SCOPED-IN-entrance-WeHA);--background-color: var(--background-color-SCOPED-IN-entrance-WeHA);--on-background-color: var(--on-background-color-SCOPED-IN-entrance-WeHA);--menu-background-color: var(--menu-background-color-SCOPED-IN-entrance-WeHA);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-entrance-WeHA)}\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: "18.1.2", ngImport: i0, type: EntranceFrame, decorators: [{
             type: Component,
@@ -69,7 +69,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: EntranceFrameStore,
                             inputs: ['isEntrance', 'actions', 'form', 'title'],
                         },
-                    ], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-6184: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-entrance-6184: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-entrance-6184: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-entrance-6184: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-entrance-6184: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-entrance-6184: var(--on-background-color);--menu-width: inherit;--menu-width-SCOPED-IN-entrance-6184: var(--menu-width);--menu-background-color: inherit;--menu-background-color-SCOPED-IN-entrance-6184: var(--menu-background-color);--menu-on-background-color: inherit;--menu-on-background-color-SCOPED-IN-entrance-6184: var(--menu-on-background-color);--background-primary-color: inherit;--background-primary-color-SCOPED-IN-entrance-6184: var(--background-primary-color);--background-on-primary-color: inherit;--background-on-primary-color-SCOPED-IN-entrance-6184: var(--background-on-primary-color);--background-background-color: inherit;--background-background-color-SCOPED-IN-entrance-6184: 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-6184);--on-primary-color: var(--on-primary-color-SCOPED-IN-entrance-6184);--surface-color: var(--surface-color-SCOPED-IN-entrance-6184);--on-surface-color: var(--on-surface-color-SCOPED-IN-entrance-6184);--background-color: var(--background-color-SCOPED-IN-entrance-6184);--on-background-color: var(--on-background-color-SCOPED-IN-entrance-6184);--menu-background-color: var(--menu-background-color-SCOPED-IN-entrance-6184);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-entrance-6184)}\n"] }]
+                    ], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-WeHA: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-entrance-WeHA: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-entrance-WeHA: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-entrance-WeHA: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-entrance-WeHA: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-entrance-WeHA: var(--on-background-color);--menu-width: inherit;--menu-width-SCOPED-IN-entrance-WeHA: var(--menu-width);--menu-background-color: inherit;--menu-background-color-SCOPED-IN-entrance-WeHA: var(--menu-background-color);--menu-on-background-color: inherit;--menu-on-background-color-SCOPED-IN-entrance-WeHA: var(--menu-on-background-color);--background-primary-color: inherit;--background-primary-color-SCOPED-IN-entrance-WeHA: var(--background-primary-color);--background-on-primary-color: inherit;--background-on-primary-color-SCOPED-IN-entrance-WeHA: var(--background-on-primary-color);--background-background-color: inherit;--background-background-color-SCOPED-IN-entrance-WeHA: 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-WeHA);--on-primary-color: var(--on-primary-color-SCOPED-IN-entrance-WeHA);--surface-color: var(--surface-color-SCOPED-IN-entrance-WeHA);--on-surface-color: var(--on-surface-color-SCOPED-IN-entrance-WeHA);--background-color: var(--background-color-SCOPED-IN-entrance-WeHA);--on-background-color: var(--on-background-color-SCOPED-IN-entrance-WeHA);--menu-background-color: var(--menu-background-color-SCOPED-IN-entrance-WeHA);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-entrance-WeHA)}\n"] }]
         }] });
 /**

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

@@ -65,7 +65,7 @@ class FabFrame extends NgAtomicComponent {
         <mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>
       </button>
     }
-  `, isInline: true, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-dURk: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-dURk);--container-color-SCOPED-IN-fab-dURk: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-dURk: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-dURk: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-dURk: 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-dURk);right:var(--fab-button-right-SCOPED-IN-fab-dURk);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-RpFU: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-RpFU);--container-color-SCOPED-IN-fab-RpFU: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-RpFU: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-RpFU: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-RpFU: 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-RpFU);right:var(--fab-button-right-SCOPED-IN-fab-RpFU);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: "18.1.2", ngImport: i0, type: FabFrame, decorators: [{
             type: Component,
@@ -86,7 +86,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                         },
                     ], host: {
                         '[attr.hide]': 'store.hide()',
-                    }, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-dURk: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-dURk);--container-color-SCOPED-IN-fab-dURk: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-dURk: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-dURk: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-dURk: 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-dURk);right:var(--fab-button-right-SCOPED-IN-fab-dURk);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-RpFU: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-RpFU);--container-color-SCOPED-IN-fab-RpFU: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-RpFU: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-RpFU: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-RpFU: 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-RpFU);right:var(--fab-button-right-SCOPED-IN-fab-RpFU);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"] }]
         }] });
 /**

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

@@ -147,7 +147,7 @@ class LineUpFrame {
     @if (store.hasNext()) {
       <div class="next" @hasNext><ng-content select=[next] /></div>
     }
-  `, isInline: true, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-MT5n: var(--gap);--background-color: #ccc;--background-color-SCOPED-IN-line-up-MT5n: var(--background-color);--next-width: 100%;--next-width-SCOPED-IN-line-up-MT5n: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-MT5n: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-MT5n: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-MT5n));transition:transform .3s ease-in-out;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-MT5n);width:100%;height:100%}:host .main{max-width:100%;height:100%;z-index:2}:host .next{width:100%;height:100%;z-index:1}\n"], animations: LINE_UP_ANIMATIONS, changeDetection: i0.ChangeDetectionStrategy.Default }); }
+  `, isInline: true, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-Gm6v: var(--gap);--background-color: #ccc;--background-color-SCOPED-IN-line-up-Gm6v: var(--background-color);--next-width: 100%;--next-width-SCOPED-IN-line-up-Gm6v: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-Gm6v: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-Gm6v: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-Gm6v));transition:transform .3s ease-in-out;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-Gm6v);width:100%;height:100%}:host .main{max-width:100%;height:100%;z-index:2}:host .next{width:100%;height:100%;z-index:1}\n"], animations: LINE_UP_ANIMATIONS, changeDetection: i0.ChangeDetectionStrategy.Default }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: LineUpFrame, decorators: [{
             type: Component,
@@ -163,7 +163,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                         },
                     ], host: {
                         'attr.has-next': 'store.hasNext()',
-                    }, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-MT5n: var(--gap);--background-color: #ccc;--background-color-SCOPED-IN-line-up-MT5n: var(--background-color);--next-width: 100%;--next-width-SCOPED-IN-line-up-MT5n: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-MT5n: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-MT5n: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-MT5n));transition:transform .3s ease-in-out;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-MT5n);width:100%;height:100%}:host .main{max-width:100%;height:100%;z-index:2}:host .next{width:100%;height:100%;z-index:1}\n"] }]
+                    }, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-Gm6v: var(--gap);--background-color: #ccc;--background-color-SCOPED-IN-line-up-Gm6v: var(--background-color);--next-width: 100%;--next-width-SCOPED-IN-line-up-Gm6v: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-Gm6v: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-Gm6v: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-Gm6v));transition:transform .3s ease-in-out;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-Gm6v);width:100%;height:100%}:host .main{max-width:100%;height:100%;z-index:2}:host .next{width:100%;height:100%;z-index:1}\n"] }]
         }] });
 /**

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

@@ -26,7 +26,7 @@ class LoadingFrame extends NgAtomicComponent {
     @if(store.isLoading()) {
       <div class="loading"><mat-spinner /></div>
     }
-  `, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-loading-cauW: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-loading-cauW: var(--on-primary-color)}: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 .loading mat-spinner{--mdc-circular-progress-active-indicator-color: var(--primary-color)}:host .contents{position:absolute;top:0;left:0;display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-loading-cauW);--on-primary-color: var(--on-primary-color-SCOPED-IN-loading-cauW)}\n"], dependencies: [{ kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-loading-QnXB: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-loading-QnXB: var(--on-primary-color)}: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 .loading mat-spinner{--mdc-circular-progress-active-indicator-color: var(--primary-color)}:host .contents{position:absolute;top:0;left:0;display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-loading-QnXB);--on-primary-color: var(--on-primary-color-SCOPED-IN-loading-QnXB)}\n"], dependencies: [{ kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1.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: "18.1.2", ngImport: i0, type: LoadingFrame, decorators: [{
             type: Component,
@@ -42,7 +42,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: LoadingFrameStore,
                             inputs: ['isLoading'],
                         }
-                    ], styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-loading-cauW: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-loading-cauW: var(--on-primary-color)}: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 .loading mat-spinner{--mdc-circular-progress-active-indicator-color: var(--primary-color)}:host .contents{position:absolute;top:0;left:0;display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-loading-cauW);--on-primary-color: var(--on-primary-color-SCOPED-IN-loading-cauW)}\n"] }]
+                    ], styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-loading-QnXB: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-loading-QnXB: var(--on-primary-color)}: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 .loading mat-spinner{--mdc-circular-progress-active-indicator-color: var(--primary-color)}:host .contents{position:absolute;top:0;left:0;display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-loading-QnXB);--on-primary-color: var(--on-primary-color-SCOPED-IN-loading-QnXB)}\n"] }]
         }] });
 /**

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

@@ -87,7 +87,7 @@ class RouterOutletFrame extends NgAtomicComponent {
     }
     <ng-template #main><ng-content main /></ng-template>
     <ng-template #next><router-outlet [name]="store.name()"/></ng-template>
-  `, isInline: true, styles: [":host{display:contents;--primary-color: #ccc;--primary-color-SCOPED-IN-router-outlet-NSUm: var(--primary-color);--on-primary-color: #ccc;--on-primary-color-SCOPED-IN-router-outlet-NSUm: var(--on-primary-color);--surface-color: #ccc;--surface-color-SCOPED-IN-router-outlet-NSUm: var(--surface-color);--background-color: #ccc;--background-color-SCOPED-IN-router-outlet-NSUm: var(--background-color)}:host *{--primary-color: var(--primary-color-SCOPED-IN-router-outlet-NSUm);--on-primary-color: var(--on-primary-color-SCOPED-IN-router-outlet-NSUm);--surface-color: var(--surface-color-SCOPED-IN-router-outlet-NSUm);--background-color: var(--background-color-SCOPED-IN-router-outlet-NSUm)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: OverlayFrame, selector: "frames-overlay" }, { kind: "component", type: LineUpFrame, selector: "frames-line-up" }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:contents;--primary-color: #ccc;--primary-color-SCOPED-IN-router-outlet-UpHz: var(--primary-color);--on-primary-color: #ccc;--on-primary-color-SCOPED-IN-router-outlet-UpHz: var(--on-primary-color);--surface-color: #ccc;--surface-color-SCOPED-IN-router-outlet-UpHz: var(--surface-color);--background-color: #ccc;--background-color-SCOPED-IN-router-outlet-UpHz: var(--background-color)}:host *{--primary-color: var(--primary-color-SCOPED-IN-router-outlet-UpHz);--on-primary-color: var(--on-primary-color-SCOPED-IN-router-outlet-UpHz);--surface-color: var(--surface-color-SCOPED-IN-router-outlet-UpHz);--background-color: var(--background-color-SCOPED-IN-router-outlet-UpHz)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: OverlayFrame, selector: "frames-overlay" }, { kind: "component", type: LineUpFrame, selector: "frames-line-up" }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: RouterOutletFrame, decorators: [{
             type: Component,
@@ -118,7 +118,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: RouterOutletFrameStore,
                             inputs: ['frame', 'name'],
                         },
-                    ], styles: [":host{display:contents;--primary-color: #ccc;--primary-color-SCOPED-IN-router-outlet-NSUm: var(--primary-color);--on-primary-color: #ccc;--on-primary-color-SCOPED-IN-router-outlet-NSUm: var(--on-primary-color);--surface-color: #ccc;--surface-color-SCOPED-IN-router-outlet-NSUm: var(--surface-color);--background-color: #ccc;--background-color-SCOPED-IN-router-outlet-NSUm: var(--background-color)}:host *{--primary-color: var(--primary-color-SCOPED-IN-router-outlet-NSUm);--on-primary-color: var(--on-primary-color-SCOPED-IN-router-outlet-NSUm);--surface-color: var(--surface-color-SCOPED-IN-router-outlet-NSUm);--background-color: var(--background-color-SCOPED-IN-router-outlet-NSUm)}\n"] }]
+                    ], styles: [":host{display:contents;--primary-color: #ccc;--primary-color-SCOPED-IN-router-outlet-UpHz: var(--primary-color);--on-primary-color: #ccc;--on-primary-color-SCOPED-IN-router-outlet-UpHz: var(--on-primary-color);--surface-color: #ccc;--surface-color-SCOPED-IN-router-outlet-UpHz: var(--surface-color);--background-color: #ccc;--background-color-SCOPED-IN-router-outlet-UpHz: var(--background-color)}:host *{--primary-color: var(--primary-color-SCOPED-IN-router-outlet-UpHz);--on-primary-color: var(--on-primary-color-SCOPED-IN-router-outlet-UpHz);--surface-color: var(--surface-color-SCOPED-IN-router-outlet-UpHz);--background-color: var(--background-color-SCOPED-IN-router-outlet-UpHz)}\n"] }]
         }] });
 /**

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

@@ -22,7 +22,7 @@ class ScrollFrame {
   <div class="bottom">
     <ng-content select=[bottom]></ng-content>
   </div>
-  `, isInline: true, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-1PMb: var(--height);--top-height: 56px;--top-height-SCOPED-IN-scroll-1PMb: var(--top-height);--bottom-height: 56px;--bottom-height-SCOPED-IN-scroll-1PMb: var(--bottom-height);--contents-gap: 16px;--contents-gap-SCOPED-IN-scroll-1PMb: var(--contents-gap)}:host{display:flex;width:100%;flex-direction:column;justify-content:space-between;height:var(--height-SCOPED-IN-scroll-1PMb);overflow:hidden}:host .top{height:fit-content;transition:.5s height;touch-action:none}:host .contents{display:flex;flex:auto;flex-direction:column;gap:var(--contents-gap-SCOPED-IN-scroll-1PMb);transition:.5s height;overflow:scroll;box-sizing:border-box;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}:host .bottom{height:fit-content}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-8NwH: var(--height);--top-height: 56px;--top-height-SCOPED-IN-scroll-8NwH: var(--top-height);--bottom-height: 56px;--bottom-height-SCOPED-IN-scroll-8NwH: var(--bottom-height);--contents-gap: 16px;--contents-gap-SCOPED-IN-scroll-8NwH: var(--contents-gap)}:host{display:flex;width:100%;flex-direction:column;justify-content:space-between;height:var(--height-SCOPED-IN-scroll-8NwH);overflow:hidden}:host .top{height:fit-content;transition:.5s height;touch-action:none}:host .contents{display:flex;flex:auto;flex-direction:column;gap:var(--contents-gap-SCOPED-IN-scroll-8NwH);transition:.5s height;overflow:scroll;box-sizing:border-box;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}:host .bottom{height:fit-content}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ScrollFrame, decorators: [{
             type: Component,
@@ -39,7 +39,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
   <div class="bottom">
     <ng-content select=[bottom]></ng-content>
   </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-1PMb: var(--height);--top-height: 56px;--top-height-SCOPED-IN-scroll-1PMb: var(--top-height);--bottom-height: 56px;--bottom-height-SCOPED-IN-scroll-1PMb: var(--bottom-height);--contents-gap: 16px;--contents-gap-SCOPED-IN-scroll-1PMb: var(--contents-gap)}:host{display:flex;width:100%;flex-direction:column;justify-content:space-between;height:var(--height-SCOPED-IN-scroll-1PMb);overflow:hidden}:host .top{height:fit-content;transition:.5s height;touch-action:none}:host .contents{display:flex;flex:auto;flex-direction:column;gap:var(--contents-gap-SCOPED-IN-scroll-1PMb);transition:.5s height;overflow:scroll;box-sizing:border-box;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}:host .bottom{height:fit-content}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-8NwH: var(--height);--top-height: 56px;--top-height-SCOPED-IN-scroll-8NwH: var(--top-height);--bottom-height: 56px;--bottom-height-SCOPED-IN-scroll-8NwH: var(--bottom-height);--contents-gap: 16px;--contents-gap-SCOPED-IN-scroll-8NwH: var(--contents-gap)}:host{display:flex;width:100%;flex-direction:column;justify-content:space-between;height:var(--height-SCOPED-IN-scroll-8NwH);overflow:hidden}:host .top{height:fit-content;transition:.5s height;touch-action:none}:host .contents{display:flex;flex:auto;flex-direction:column;gap:var(--contents-gap-SCOPED-IN-scroll-8NwH);transition:.5s height;overflow:scroll;box-sizing:border-box;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}:host .bottom{height:fit-content}\n"] }]
         }], propDecorators: { contents: [{
                 type: ViewChild,
                 args: ['contents', { static: true }]

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

@@ -11,7 +11,7 @@ class ScrollFrame {
   <div class="contents">
     <ng-content select=[contents]></ng-content>
   </div>
-  `, isInline: true, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-HShB: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-HShB: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-HShB);overflow:hidden}:host .navigator{height:var(--navigator-height-SCOPED-IN-scroll-HShB);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-HShB) - var(--navigator-height-SCOPED-IN-scroll-HShB));transition:.5s height;overflow:auto;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-B8aq: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-B8aq: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-B8aq);overflow:hidden}:host .navigator{height:var(--navigator-height-SCOPED-IN-scroll-B8aq);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-B8aq) - var(--navigator-height-SCOPED-IN-scroll-B8aq));transition:.5s height;overflow:auto;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ScrollFrame, decorators: [{
             type: Component,
@@ -24,7 +24,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
   <div class="contents">
     <ng-content select=[contents]></ng-content>
   </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-HShB: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-HShB: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-HShB);overflow:hidden}:host .navigator{height:var(--navigator-height-SCOPED-IN-scroll-HShB);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-HShB) - var(--navigator-height-SCOPED-IN-scroll-HShB));transition:.5s height;overflow:auto;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-B8aq: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-B8aq: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-B8aq);overflow:hidden}:host .navigator{height:var(--navigator-height-SCOPED-IN-scroll-B8aq);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-B8aq) - var(--navigator-height-SCOPED-IN-scroll-B8aq));transition:.5s height;overflow:auto;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}\n"] }]
         }] });
 /**

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

@@ -116,7 +116,7 @@ class SideNavFrame extends NgAtomicComponent {
     }
   </ng-template>
   <ng-template #contents><ng-content/></ng-template>
-  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-side-nav-HuB2: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-side-nav-HuB2: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-side-nav-HuB2: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-side-nav-HuB2: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-side-nav-HuB2: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-side-nav-HuB2: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-side-nav-HuB2: var(--on-surface-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-HuB2: var(--menu-width);--menu-background-color: var(--primary-color-SCOPED-IN-side-nav-HuB2);--menu-background-color-SCOPED-IN-side-nav-HuB2: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-side-nav-HuB2);--menu-on-background-color-SCOPED-IN-side-nav-HuB2: var(--menu-on-background-color)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-HuB2);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-HuB2);--surface-color: var(--surface-color-SCOPED-IN-side-nav-HuB2);--background-color: var(--background-color-SCOPED-IN-side-nav-HuB2);--on-background-color: var(--on-background-color-SCOPED-IN-side-nav-HuB2);--on-primary-color: var(--on-primary-color-SCOPED-IN-side-nav-HuB2);--on-surface-color: var(--on-surface-color-SCOPED-IN-side-nav-HuB2)}:host .content{width:100%;height:100%}:host templates-icon-button-menu,:host templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-HuB2);--background-color: var(--menu-background-color-SCOPED-IN-side-nav-HuB2);--on-background-color: var(--menu-on-background-color-SCOPED-IN-side-nav-HuB2)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-HuB2));overflow:hidden}:host[frame=drawer] .menu,:host[frame=drawer] templates-menu{width:300px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: LineUpFrame, selector: "frames-line-up" }, { kind: "directive", type: IconButtonMenuTemplateStore, selector: "templates-icon-button-menu", inputs: ["actions"] }, { kind: "directive", type: MenuTemplateStore, selector: "templates-menu", inputs: ["actions", "title"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [NgTemplateOutlet, import('@ng-atomic/components/frames/drawer').then(m => m.DrawerFrame)]] }); }
+  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-side-nav-fHz9: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-side-nav-fHz9: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-side-nav-fHz9: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-side-nav-fHz9: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-side-nav-fHz9: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-side-nav-fHz9: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-side-nav-fHz9: var(--on-surface-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-fHz9: var(--menu-width);--menu-background-color: var(--primary-color-SCOPED-IN-side-nav-fHz9);--menu-background-color-SCOPED-IN-side-nav-fHz9: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-side-nav-fHz9);--menu-on-background-color-SCOPED-IN-side-nav-fHz9: var(--menu-on-background-color)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-fHz9);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-fHz9);--surface-color: var(--surface-color-SCOPED-IN-side-nav-fHz9);--background-color: var(--background-color-SCOPED-IN-side-nav-fHz9);--on-background-color: var(--on-background-color-SCOPED-IN-side-nav-fHz9);--on-primary-color: var(--on-primary-color-SCOPED-IN-side-nav-fHz9);--on-surface-color: var(--on-surface-color-SCOPED-IN-side-nav-fHz9)}:host .content{width:100%;height:100%}:host templates-icon-button-menu,:host templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-fHz9);--background-color: var(--menu-background-color-SCOPED-IN-side-nav-fHz9);--on-background-color: var(--menu-on-background-color-SCOPED-IN-side-nav-fHz9)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-fHz9));overflow:hidden}:host[frame=drawer] .menu,:host[frame=drawer] templates-menu{width:300px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: LineUpFrame, selector: "frames-line-up" }, { kind: "directive", type: IconButtonMenuTemplateStore, selector: "templates-icon-button-menu", inputs: ["actions"] }, { kind: "directive", type: MenuTemplateStore, selector: "templates-menu", inputs: ["actions", "title"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [NgTemplateOutlet, import('@ng-atomic/components/frames/drawer').then(m => m.DrawerFrame)]] }); }
 }
 i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "18.1.2", ngImport: i0, type: SideNavFrame, resolveDeferredDeps: () => [import('@ng-atomic/components/frames/drawer').then(m => m.DrawerFrame)], resolveMetadata: DrawerFrame => ({ decorators: [{
                 type: Component,
@@ -179,7 +179,7 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "18.1.2", ng
                                     'frameType',
                                 ],
                             },
-                        ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-side-nav-HuB2: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-side-nav-HuB2: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-side-nav-HuB2: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-side-nav-HuB2: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-side-nav-HuB2: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-side-nav-HuB2: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-side-nav-HuB2: var(--on-surface-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-HuB2: var(--menu-width);--menu-background-color: var(--primary-color-SCOPED-IN-side-nav-HuB2);--menu-background-color-SCOPED-IN-side-nav-HuB2: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-side-nav-HuB2);--menu-on-background-color-SCOPED-IN-side-nav-HuB2: var(--menu-on-background-color)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-HuB2);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-HuB2);--surface-color: var(--surface-color-SCOPED-IN-side-nav-HuB2);--background-color: var(--background-color-SCOPED-IN-side-nav-HuB2);--on-background-color: var(--on-background-color-SCOPED-IN-side-nav-HuB2);--on-primary-color: var(--on-primary-color-SCOPED-IN-side-nav-HuB2);--on-surface-color: var(--on-surface-color-SCOPED-IN-side-nav-HuB2)}:host .content{width:100%;height:100%}:host templates-icon-button-menu,:host templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-HuB2);--background-color: var(--menu-background-color-SCOPED-IN-side-nav-HuB2);--on-background-color: var(--menu-on-background-color-SCOPED-IN-side-nav-HuB2)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-HuB2));overflow:hidden}:host[frame=drawer] .menu,:host[frame=drawer] templates-menu{width:300px}\n"] }]
+                        ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-side-nav-fHz9: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-side-nav-fHz9: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-side-nav-fHz9: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-side-nav-fHz9: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-side-nav-fHz9: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-side-nav-fHz9: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-side-nav-fHz9: var(--on-surface-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-fHz9: var(--menu-width);--menu-background-color: var(--primary-color-SCOPED-IN-side-nav-fHz9);--menu-background-color-SCOPED-IN-side-nav-fHz9: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-side-nav-fHz9);--menu-on-background-color-SCOPED-IN-side-nav-fHz9: var(--menu-on-background-color)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-fHz9);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-fHz9);--surface-color: var(--surface-color-SCOPED-IN-side-nav-fHz9);--background-color: var(--background-color-SCOPED-IN-side-nav-fHz9);--on-background-color: var(--on-background-color-SCOPED-IN-side-nav-fHz9);--on-primary-color: var(--on-primary-color-SCOPED-IN-side-nav-fHz9);--on-surface-color: var(--on-surface-color-SCOPED-IN-side-nav-fHz9)}:host .content{width:100%;height:100%}:host templates-icon-button-menu,:host templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-fHz9);--background-color: var(--menu-background-color-SCOPED-IN-side-nav-fHz9);--on-background-color: var(--menu-on-background-color-SCOPED-IN-side-nav-fHz9)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-fHz9));overflow:hidden}:host[frame=drawer] .menu,:host[frame=drawer] templates-menu{width:300px}\n"] }]
             }], ctorParameters: null, propDecorators: null }) });
 /**

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

@@ -14,13 +14,13 @@ class SmartMenuFrame {
         return page === 'Blank' ? 'Blank' : this.isMainHidden ? `Next` : `NextWithMainPage`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SmartMenuFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: SmartMenuFrame, isStandalone: true, selector: "frames-smart-menu", inputs: { label: "label", outlet: "outlet", minNextWidth: "minNextWidth" }, host: { properties: { "attr.is-main-hidden": "this.isMainHidden" } }, viewQueries: [{ propertyName: "next", first: true, predicate: ["next"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-l63b: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-l63b: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-l63b: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-l63b);width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-l63b)}:host .contents{display:flex;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-l63b)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: SmartMenuFrame, isStandalone: true, selector: "frames-smart-menu", inputs: { label: "label", outlet: "outlet", minNextWidth: "minNextWidth" }, host: { properties: { "attr.is-main-hidden": "this.isMainHidden" } }, viewQueries: [{ propertyName: "next", first: true, predicate: ["next"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-TzZW: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-TzZW: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-TzZW: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-TzZW);width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-TzZW)}:host .contents{display:flex;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-TzZW)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SmartMenuFrame, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
                         CommonModule,
-                    ], selector: 'frames-smart-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-l63b: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-l63b: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-l63b: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-l63b);width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-l63b)}:host .contents{display:flex;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-l63b)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"] }]
+                    ], selector: 'frames-smart-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-TzZW: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-TzZW: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-TzZW: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-TzZW);width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-TzZW)}:host .contents{display:flex;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-TzZW)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"] }]
         }], propDecorators: { isMainHidden: [{
                 type: HostBinding,
                 args: ['attr.is-main-hidden']

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

@@ -11,7 +11,7 @@ class VerticalHideFrame {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: VerticalHideFrame, isStandalone: true, selector: "frames-vertical-hide", inputs: { mode: "mode" }, host: { properties: { "attr.mode": "this.mode" } }, ngImport: i0, template: `
     <ng-content></ng-content>
     <organisms-vertical-divider></organisms-vertical-divider>
-  `, isInline: true, styles: [":host{--collapsed-height: 200px;--collapsed-height-SCOPED-IN-vertical-hide-ZjhH: var(--collapsed-height);--expanded-height: 400px;--expanded-height-SCOPED-IN-vertical-hide-ZjhH: var(--expanded-height)}:host{position:relative;display:block;transition:.5s height}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{height:var(--collapsed-height-SCOPED-IN-vertical-hide-ZjhH)}:host[mode=expanded]{height:var(--expanded-height-SCOPED-IN-vertical-hide-ZjhH)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: VerticalDividerOrganism, selector: "organisms-vertical-divider" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--collapsed-height: 200px;--collapsed-height-SCOPED-IN-vertical-hide-pVzz: var(--collapsed-height);--expanded-height: 400px;--expanded-height-SCOPED-IN-vertical-hide-pVzz: var(--expanded-height)}:host{position:relative;display:block;transition:.5s height}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{height:var(--collapsed-height-SCOPED-IN-vertical-hide-pVzz)}:host[mode=expanded]{height:var(--expanded-height-SCOPED-IN-vertical-hide-pVzz)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: VerticalDividerOrganism, selector: "organisms-vertical-divider" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: VerticalHideFrame, decorators: [{
             type: Component,
@@ -21,7 +21,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                     ], template: `
     <ng-content></ng-content>
     <organisms-vertical-divider></organisms-vertical-divider>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--collapsed-height: 200px;--collapsed-height-SCOPED-IN-vertical-hide-ZjhH: var(--collapsed-height);--expanded-height: 400px;--expanded-height-SCOPED-IN-vertical-hide-ZjhH: var(--expanded-height)}:host{position:relative;display:block;transition:.5s height}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{height:var(--collapsed-height-SCOPED-IN-vertical-hide-ZjhH)}:host[mode=expanded]{height:var(--expanded-height-SCOPED-IN-vertical-hide-ZjhH)}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--collapsed-height: 200px;--collapsed-height-SCOPED-IN-vertical-hide-pVzz: var(--collapsed-height);--expanded-height: 400px;--expanded-height-SCOPED-IN-vertical-hide-pVzz: var(--expanded-height)}:host{position:relative;display:block;transition:.5s height}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{height:var(--collapsed-height-SCOPED-IN-vertical-hide-pVzz)}:host[mode=expanded]{height:var(--expanded-height-SCOPED-IN-vertical-hide-pVzz)}\n"] }]
         }], propDecorators: { mode: [{
                 type: Input
             }, {

package/fesm2022/ng-atomic-components-molecules-actions-column.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-molecules-actions-column.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/actions-column/actions-column.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/actions-column/ng-atomic-components-molecules-actions-column.ts"],"sourcesContent":["import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef, CdkTable } from '@angular/cdk/table';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Directive, ViewEncapsulation, computed, effect, inject, input, viewChild, OnInit } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatTableModule } from '@angular/material/table';\nimport { _computed, Actions, InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\nimport { ActionsPipe } from '@ng-atomic/common/pipes/actions';\nimport { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { makeConfig } from '@ng-atomic/common/services/ui';\n\n@TokenizedType()\n@Directive({ standalone: true })\nexport class ActionsColumnMoleculeStore extends InjectableComponent {\n static readonly Config = makeConfig(() => {\n return () => ({\n headerText: '',\n itemActions: [] as Actions,\n style: {\n width: '48px',\n },\n });\n }, ['components', 'molecules', 'actions-column']);\n readonly config = ActionsColumnMoleculeStore.Config.inject();\n readonly headerText = input<string>(_computed(() => this.config().headerText));\n readonly name = input.required<string>();\n readonly itemActions = input<Actions>(_computed(() => this.config().itemActions));\n readonly style = computed(() => this.config().style);\n}\n\n@Component({\n selector: 'molecules-actions-column',\n standalone: true,\n imports: [\n CommonModule,\n MatTableModule,\n MatMenuModule,\n MatButtonModule,\n MatIconModule,\n SmartMenuButtonAtom,\n ActionsPipe,\n ],\n template: `\n <ng-container matColumnDef>\n <th mat-header-cell matHeaderCellDef [style.width]=\"store.style()?.width\">{{ store.headerText() }}</th>\n <td mat-cell matCellDef=\"let item\">\n <atoms-smart-menu-button\n [actions]=\"store.itemActions() \| resolveActions:item\"\n (action)=\"dispatch($event)\"\n />\n </td>\n </ng-container>\n `,\n styleUrls: ['./actions-column.molecule.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: ActionsColumnMoleculeStore,\n inputs: ['headerText', 'name', 'itemActions'],\n },\n ],\n})\nexport class ActionsColumnMolecule extends NgAtomicComponent implements OnInit {\n private _table = inject(CdkTable, {optional: true});\n protected store = inject(ActionsColumnMoleculeStore);\n readonly columnDef = viewChild.required(CdkColumnDef);\n readonly cell = viewChild.required(CdkCellDef);\n readonly headerCell = viewChild.required(CdkHeaderCellDef);\n\n constructor() {\n super();\n effect(() => {\n if (this.columnDef()) this.columnDef().name = this.store.name();\n })\n }\n\n ngOnInit() {\n if (this._table) {\n this.columnDef().name = this.store.name();\n this.columnDef().cell = this.cell();\n this.columnDef().headerCell = this.headerCell();\n this._table.addColumnDef(this.columnDef());\n }\n }\n\n ngOnDestroy() {\n if (this._table) {\n this._table.removeColumnDef(this.columnDef());\n }\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ng-atomic-components-molecules-actions-column.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/actions-column/actions-column.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/actions-column/ng-atomic-components-molecules-actions-column.ts"],"sourcesContent":["import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef, CdkTable } from '@angular/cdk/table';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Directive, ViewEncapsulation, computed, effect, inject, input, viewChild, OnInit, OnDestroy } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatTableModule } from '@angular/material/table';\nimport { _computed, Actions, InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\nimport { ActionsPipe } from '@ng-atomic/common/pipes/actions';\nimport { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { makeConfig } from '@ng-atomic/common/services/ui';\n\n@TokenizedType()\n@Directive({ standalone: true })\nexport class ActionsColumnMoleculeStore extends InjectableComponent {\n static readonly Config = makeConfig(() => {\n return () => ({\n headerText: '',\n itemActions: [] as Actions,\n style: {\n width: '48px',\n },\n });\n }, ['components', 'molecules', 'actions-column']);\n readonly config = ActionsColumnMoleculeStore.Config.inject();\n readonly headerText = input<string>(_computed(() => this.config().headerText));\n readonly name = input.required<string>();\n readonly itemActions = input<Actions>(_computed(() => this.config().itemActions));\n readonly style = computed(() => this.config().style);\n}\n\n@Component({\n selector: 'molecules-actions-column',\n standalone: true,\n imports: [\n CommonModule,\n MatTableModule,\n MatMenuModule,\n MatButtonModule,\n MatIconModule,\n SmartMenuButtonAtom,\n ActionsPipe,\n ],\n template: `\n <ng-container matColumnDef>\n <th mat-header-cell matHeaderCellDef [style.width]=\"store.style()?.width\">{{ store.headerText() }}</th>\n <td mat-cell matCellDef=\"let item\">\n <atoms-smart-menu-button\n [actions]=\"store.itemActions() \| resolveActions:item\"\n (action)=\"dispatch($event)\"\n />\n </td>\n </ng-container>\n `,\n styleUrls: ['./actions-column.molecule.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: ActionsColumnMoleculeStore,\n inputs: ['headerText', 'name', 'itemActions'],\n },\n ],\n})\nexport class ActionsColumnMolecule extends NgAtomicComponent implements OnInit, OnDestroy {\n private _table = inject(CdkTable, {optional: true});\n protected store = inject(ActionsColumnMoleculeStore);\n readonly columnDef = viewChild.required(CdkColumnDef);\n readonly cell = viewChild.required(CdkCellDef);\n readonly headerCell = viewChild.required(CdkHeaderCellDef);\n\n constructor() {\n super();\n effect(() => {\n if (this.columnDef()) this.columnDef().name = this.store.name();\n })\n }\n\n ngOnInit() {\n if (this._table) {\n this.columnDef().name = this.store.name();\n this.columnDef().cell = this.cell();\n this.columnDef().headerCell = this.headerCell();\n this._table.addColumnDef(this.columnDef());\n }\n }\n\n ngOnDestroy() {\n if (this._table) {\n this._table.removeColumnDef(this.columnDef());\n }\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-atomic-components-molecules-checkbox-column.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-molecules-checkbox-column.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/checkbox-column/checkbox-column.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/checkbox-column/ng-atomic-components-molecules-checkbox-column.ts"],"sourcesContent":["import { SelectionModel } from '@angular/cdk/collections';\nimport { CdkCellDef, CdkColumnDef, CdkHeaderCellDef, CdkTable } from '@angular/cdk/table';\nimport { ChangeDetectionStrategy, Component, ViewEncapsulation, effect, inject, input, viewChild, viewChildren, OnInit } from '@angular/core';\nimport { MAT_CHECKBOX_DEFAULT_OPTIONS, MatCheckbox, MatCheckboxDefaultOptions, MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatTableModule } from '@angular/material/table';\nimport { SelectIdPipe } from '@ng-atomic/common/pipes/select-id';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { computedAsync } from 'ngxtension/computed-async';\nimport { map, startWith, delay } from 'rxjs';\n\nenum ActionId {\n CHECKBOX_CLICK = '[@ng-atomic/components/molecules/checkbox-column] Checkbox Click',\n HEADER_CHECKBOX_CLICK = '[@ng-atomic/components/molecules/checkbox-column] Header Checkbox Click',\n}\n\n@Component({\n selector: 'molecules-checkbox-column',\n standalone: true,\n imports: [\n MatTableModule,\n MatCheckboxModule,\n SelectIdPipe,\n ],\n template: `\n <ng-container matColumnDef>\n <th mat-header-cell matHeaderCellDef>\n <mat-checkbox\n [checked]=\"headerCheckboxChecked()\"\n [indeterminate]=\"headerCheckboxIndeterminate()\"\n (click)=\"onHeaderCheckboxClick(item, $event)\"\n />\n </th>\n <td mat-cell matCellDef=\"let item\">\n @if (!isHidden()(item)) {\n <mat-checkbox\n [checked]=\"selection().isSelected(item \| selectId)\"\n (click)=\"onCheckboxClick(item, $event)\"\n #rowCheckbox\n />\n }\n </td>\n </ng-container>`,\n styleUrls: ['./checkbox-column.molecule.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {provide: MAT_CHECKBOX_DEFAULT_OPTIONS, useValue: { clickAction: 'noop' } as MatCheckboxDefaultOptions}\n ],\n})\nexport class CheckboxColumnMolecule<T> extends NgAtomicComponent implements OnInit {\n static readonly ActionId = ActionId;\n private _table = inject(CdkTable<T>, {optional: true});\n readonly name = input.required<string>();\n readonly selection = input(new SelectionModel<string>(true, []));\n readonly isHidden = input((item: T) => false);\n readonly columnDef = viewChild.required(CdkColumnDef);\n readonly cell = viewChild.required(CdkCellDef);\n readonly headerCell = viewChild.required(CdkHeaderCellDef);\n\n readonly checkboxes = viewChildren('rowCheckbox', {read: MatCheckbox});\n readonly headerCheckboxChecked = computedAsync(() => {\n return this.selection().changed.pipe(\n startWith(null),\n delay(0),\n map(() => {\n if (this.checkboxes().length === 0) return false;\n return this.checkboxes().some(checkbox => checkbox.checked);\n })\n );\n });\n readonly headerCheckboxIndeterminate = computedAsync(() => {\n return this.selection().changed.pipe(\n startWith(null),\n delay(0),\n map(() => {\n if (this.checkboxes().filter(checkbox => checkbox.checked).length === 0) return false;\n if (this.checkboxes().every(checkbox => checkbox.checked)) return false;\n return true;\n })\n );\n });\n\n constructor() {\n super();\n effect(() => {\n if (this.columnDef()) this.columnDef().name = this.name();\n });\n }\n\n ngOnInit() {\n if (this._table) {\n this.columnDef().name = this.name();\n this.columnDef().cell = this.cell();\n this.columnDef().headerCell = this.headerCell();\n this._table.addColumnDef(this.columnDef());\n }\n }\n\n ngOnDestroy() {\n if (this._table) {\n this._table.removeColumnDef(this.columnDef());\n }\n }\n\n protected onHeaderCheckboxClick(item: T, event: Event) {\n this.dispatch({id: ActionId.HEADER_CHECKBOX_CLICK, payload: item});\n }\n\n protected onCheckboxClick(item: T, event: Event) {\n this.dispatch({id: ActionId.CHECKBOX_CLICK, payload: item});\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ng-atomic-components-molecules-checkbox-column.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/checkbox-column/checkbox-column.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/checkbox-column/ng-atomic-components-molecules-checkbox-column.ts"],"sourcesContent":["import { SelectionModel } from '@angular/cdk/collections';\nimport { CdkCellDef, CdkColumnDef, CdkHeaderCellDef, CdkTable } from '@angular/cdk/table';\nimport { ChangeDetectionStrategy, Component, ViewEncapsulation, effect, inject, input, viewChild, viewChildren, OnInit, OnDestroy } from '@angular/core';\nimport { MAT_CHECKBOX_DEFAULT_OPTIONS, MatCheckbox, MatCheckboxDefaultOptions, MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatTableModule } from '@angular/material/table';\nimport { SelectIdPipe } from '@ng-atomic/common/pipes/select-id';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { computedAsync } from 'ngxtension/computed-async';\nimport { map, startWith, delay } from 'rxjs';\n\nenum ActionId {\n CHECKBOX_CLICK = '[@ng-atomic/components/molecules/checkbox-column] Checkbox Click',\n HEADER_CHECKBOX_CLICK = '[@ng-atomic/components/molecules/checkbox-column] Header Checkbox Click',\n}\n\n@Component({\n selector: 'molecules-checkbox-column',\n standalone: true,\n imports: [\n MatTableModule,\n MatCheckboxModule,\n SelectIdPipe,\n ],\n template: `\n <ng-container matColumnDef>\n <th mat-header-cell matHeaderCellDef>\n <mat-checkbox\n [checked]=\"headerCheckboxChecked()\"\n [indeterminate]=\"headerCheckboxIndeterminate()\"\n (click)=\"onHeaderCheckboxClick(item, $event)\"\n />\n </th>\n <td mat-cell matCellDef=\"let item\">\n @if (!isHidden()(item)) {\n <mat-checkbox\n [checked]=\"selection().isSelected(item \| selectId)\"\n (click)=\"onCheckboxClick(item, $event)\"\n #rowCheckbox\n />\n }\n </td>\n </ng-container>`,\n styleUrls: ['./checkbox-column.molecule.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {provide: MAT_CHECKBOX_DEFAULT_OPTIONS, useValue: { clickAction: 'noop' } as MatCheckboxDefaultOptions}\n ],\n})\nexport class CheckboxColumnMolecule<T> extends NgAtomicComponent implements OnInit, OnDestroy {\n static readonly ActionId = ActionId;\n private _table = inject(CdkTable<T>, {optional: true});\n readonly name = input.required<string>();\n readonly selection = input(new SelectionModel<string>(true, []));\n readonly isHidden = input((item: T) => false);\n readonly columnDef = viewChild.required(CdkColumnDef);\n readonly cell = viewChild.required(CdkCellDef);\n readonly headerCell = viewChild.required(CdkHeaderCellDef);\n\n readonly checkboxes = viewChildren('rowCheckbox', {read: MatCheckbox});\n readonly headerCheckboxChecked = computedAsync(() => {\n return this.selection().changed.pipe(\n startWith(null),\n delay(0),\n map(() => {\n if (this.checkboxes().length === 0) return false;\n return this.checkboxes().some(checkbox => checkbox.checked);\n })\n );\n });\n readonly headerCheckboxIndeterminate = computedAsync(() => {\n return this.selection().changed.pipe(\n startWith(null),\n delay(0),\n map(() => {\n if (this.checkboxes().filter(checkbox => checkbox.checked).length === 0) return false;\n if (this.checkboxes().every(checkbox => checkbox.checked)) return false;\n return true;\n })\n );\n });\n\n constructor() {\n super();\n effect(() => {\n if (this.columnDef()) this.columnDef().name = this.name();\n });\n }\n\n ngOnInit() {\n if (this._table) {\n this.columnDef().name = this.name();\n this.columnDef().cell = this.cell();\n this.columnDef().headerCell = this.headerCell();\n this._table.addColumnDef(this.columnDef());\n }\n }\n\n ngOnDestroy() {\n if (this._table) {\n this._table.removeColumnDef(this.columnDef());\n }\n }\n\n protected onHeaderCheckboxClick(item: T, event: Event) {\n this.dispatch({id: ActionId.HEADER_CHECKBOX_CLICK, payload: item});\n }\n\n protected onCheckboxClick(item: T, event: Event) {\n this.dispatch({id: ActionId.CHECKBOX_CLICK, payload: item});\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;AAUA,IAAK,QAGJ,CAAA;AAHD,CAAA,UAAK,QAAQ,EAAA;AACX,IAAA,QAAA,CAAA,gBAAA,CAAA,GAAA,kEAAmF,CAAA;AACnF,IAAA,QAAA,CAAA,uBAAA,CAAA,GAAA,yEAAiG,CAAA;AACnG,CAAC,EAHI,QAAQ,KAAR,QAAQ,GAGZ,EAAA,CAAA,CAAA,CAAA;AAoCK,MAAO,sBAA0B,SAAQ,iBAAiB,CAAA;aAC9C,IAAQ,CAAA,QAAA,GAAG,QAAH,CAAY,EAAA;AAgCpC,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE,CAAC;AAhCF,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,EAAC,QAAW,GAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC;AAC9C,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;QAChC,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC,IAAI,cAAc,CAAS,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;QACxD,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC,CAAC,IAAO,KAAK,KAAK,CAAC,CAAC;AACrC,QAAA,IAAA,CAAA,SAAS,GAAG,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;AAC7C,QAAA,IAAA,CAAA,IAAI,GAAG,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;AACtC,QAAA,IAAA,CAAA,UAAU,GAAG,SAAS,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;QAElD,IAAU,CAAA,UAAA,GAAG,YAAY,CAAC,aAAa,EAAE,EAAC,IAAI,EAAE,WAAW,EAAC,CAAC,CAAC;AAC9D,QAAA,IAAA,CAAA,qBAAqB,GAAG,aAAa,CAAC,MAAK;YAClD,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,IAAI,CAClC,SAAS,CAAC,IAAI,CAAC,EACf,KAAK,CAAC,CAAC,CAAC,EACR,GAAG,CAAC,MAAK;AACP,gBAAA,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC,MAAM,KAAK,CAAC;AAAE,oBAAA,OAAO,KAAK,CAAC;AACjD,gBAAA,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,OAAO,CAAC,CAAC;aAC7D,CAAC,CACH,CAAC;AACJ,SAAC,CAAC,CAAC;AACM,QAAA,IAAA,CAAA,2BAA2B,GAAG,aAAa,CAAC,MAAK;YACxD,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,IAAI,CAClC,SAAS,CAAC,IAAI,CAAC,EACf,KAAK,CAAC,CAAC,CAAC,EACR,GAAG,CAAC,MAAK;AACP,gBAAA,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC,MAAM,CAAC,QAAQ,IAAI,QAAQ,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC;AAAE,oBAAA,OAAO,KAAK,CAAC;AACtF,gBAAA,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC,OAAO,CAAC;AAAE,oBAAA,OAAO,KAAK,CAAC;AACxE,gBAAA,OAAO,IAAI,CAAC;aACb,CAAC,CACH,CAAC;AACJ,SAAC,CAAC,CAAC;QAID,MAAM,CAAC,MAAK;YACV,IAAI,IAAI,CAAC,SAAS,EAAE;gBAAE,IAAI,CAAC,SAAS,EAAE,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;AAC5D,SAAC,CAAC,CAAC;KACJ;IAED,QAAQ,GAAA;AACN,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,SAAS,EAAE,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;YACpC,IAAI,CAAC,SAAS,EAAE,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;YACpC,IAAI,CAAC,SAAS,EAAE,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;YAChD,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;SAC5C;KACF;IAED,WAAW,GAAA;AACT,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;SAC/C;KACF;IAES,qBAAqB,CAAC,IAAO,EAAE,KAAY,EAAA;AACnD,QAAA,IAAI,CAAC,QAAQ,CAAC,EAAC,EAAE,EAAE,QAAQ,CAAC,qBAAqB,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;KACpE;IAES,eAAe,CAAC,IAAO,EAAE,KAAY,EAAA;AAC7C,QAAA,IAAI,CAAC,QAAQ,CAAC,EAAC,EAAE,EAAE,QAAQ,CAAC,cAAc,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;KAC7D;8GA7DU,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EAJtB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,SAAA,EAAA;YACT,EAAC,OAAO,EAAE,4BAA4B,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,MAAM,EAA+B,EAAC;AACxG,SAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAQuC,YAAY,EACjB,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,MAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,UAAU,6FACJ,gBAAgB,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,YAAA,EAAA,SAAA,EAAA,CAAA,aAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EAEA,WAAW,EApC1D,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;AAkBM,iBAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAtBd,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,sCAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACd,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,IAAA,EAAA,UAAA,EAAA,eAAA,EAAA,MAAA,EAAA,OAAA,EAAA,eAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,UAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EACjB,YAAY,EAAA,IAAA,EAAA,UAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FA4BH,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAlClC,SAAS;+BACE,2BAA2B,EAAA,UAAA,EACzB,IAAI,EACP,OAAA,EAAA;wBACP,cAAc;wBACd,iBAAiB;wBACjB,YAAY;qBACb,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;AAkBM,iBAAA,CAAA,EAAA,aAAA,EAED,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;wBACT,EAAC,OAAO,EAAE,4BAA4B,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,MAAM,EAA+B,EAAC;AACxG,qBAAA,EAAA,CAAA;;;AC/CH;;AAEG;;;;"}

package/fesm2022/ng-atomic-components-molecules-date-input-field.mjs CHANGED Viewed

@@ -47,7 +47,7 @@ class DateInputFieldMolecule {
     @if (store.hint()) { <mat-hint>{{ store.hint() }}</mat-hint> }
     <mat-error>{{ store.control().errors | error }}</mat-error>
   </mat-form-field>
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-dILa: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i4.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i4.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i4.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-K0kU: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i4.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i4.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i4.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: DateInputFieldMolecule, decorators: [{
             type: Component,
@@ -74,7 +74,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                         }
                     ], host: { class: 'molecule field' }, providers: [
                     // provideDayjsDateAdapter(),
-                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-dILa: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
+                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-K0kU: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
         }] });
 /**