@ng-atomic/components 17.4.0 → 17.6.0

package/fesm2022/ng-atomic-components-organisms-grid-cards-section.mjs

@@ -26,7 +26,7 @@ class GridCardsSectionOrganism extends NgAtomicComponent {
   @for (item of items(); track item.id) {
     <molecules-grid-item [item]="item" (click)="onItemClick(item)" />
   }
-  `, isInline: true, styles: [":host{display:block;--item-width: 240px;--item-width-SCOPED-IN-grid-cards-section-g6Qg: var(--item-width);--item-height: auto;--item-height-SCOPED-IN-grid-cards-section-g6Qg: var(--item-height);--primary-color: #444;--primary-color-SCOPED-IN-grid-cards-section-g6Qg: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-cards-section-g6Qg: var(--on-surface-color)}:host{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-width-SCOPED-IN-grid-cards-section-g6Qg),1fr));grid-gap:16px;padding:16px;box-sizing:border-box;width:100%;height:100%;font-size:10px}:host molecules-grid-item{height:var(--item-height-SCOPED-IN-grid-cards-section-g6Qg)}\n"], dependencies: [{ kind: "component", type: GridItemMolecule, selector: "molecules-grid-item", inputs: ["item"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--item-width: 240px;--item-width-SCOPED-IN-grid-cards-section-dVL3: var(--item-width);--item-height: auto;--item-height-SCOPED-IN-grid-cards-section-dVL3: var(--item-height);--primary-color: #444;--primary-color-SCOPED-IN-grid-cards-section-dVL3: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-cards-section-dVL3: var(--on-surface-color)}:host{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-width-SCOPED-IN-grid-cards-section-dVL3),1fr));grid-gap:16px;padding:16px;box-sizing:border-box;width:100%;height:100%;font-size:10px}:host molecules-grid-item{height:var(--item-height-SCOPED-IN-grid-cards-section-dVL3)}\n"], dependencies: [{ kind: "component", type: GridItemMolecule, selector: "molecules-grid-item", inputs: ["item"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: GridCardsSectionOrganism, decorators: [{
             type: Component,
@@ -36,7 +36,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
   @for (item of items(); track item.id) {
     <molecules-grid-item [item]="item" (click)="onItemClick(item)" />
   }
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--item-width: 240px;--item-width-SCOPED-IN-grid-cards-section-g6Qg: var(--item-width);--item-height: auto;--item-height-SCOPED-IN-grid-cards-section-g6Qg: var(--item-height);--primary-color: #444;--primary-color-SCOPED-IN-grid-cards-section-g6Qg: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-cards-section-g6Qg: var(--on-surface-color)}:host{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-width-SCOPED-IN-grid-cards-section-g6Qg),1fr));grid-gap:16px;padding:16px;box-sizing:border-box;width:100%;height:100%;font-size:10px}:host molecules-grid-item{height:var(--item-height-SCOPED-IN-grid-cards-section-g6Qg)}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--item-width: 240px;--item-width-SCOPED-IN-grid-cards-section-dVL3: var(--item-width);--item-height: auto;--item-height-SCOPED-IN-grid-cards-section-dVL3: var(--item-height);--primary-color: #444;--primary-color-SCOPED-IN-grid-cards-section-dVL3: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-cards-section-dVL3: var(--on-surface-color)}:host{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-width-SCOPED-IN-grid-cards-section-dVL3),1fr));grid-gap:16px;padding:16px;box-sizing:border-box;width:100%;height:100%;font-size:10px}:host molecules-grid-item{height:var(--item-height-SCOPED-IN-grid-cards-section-dVL3)}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-organisms-heading.mjs

@@ -30,7 +30,7 @@ class HeadingOrganism {
       <h6><ng-container *ngTemplateOutlet="temp;"></ng-container></h6>
     }
   }
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-EJ7z: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-EJ7z)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-2psu: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-2psu)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: HeadingOrganism, decorators: [{
             type: Component,
@@ -58,7 +58,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
       <h6><ng-container *ngTemplateOutlet="temp;"></ng-container></h6>
     }
   }
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-EJ7z: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-EJ7z)}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-2psu: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-2psu)}\n"] }]
         }], propDecorators: { level: [{
                 type: Input
             }] } });

package/fesm2022/ng-atomic-components-organisms-menu-footer.mjs

@@ -31,7 +31,7 @@ class MenuFooterOrganism extends NgAtomicComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuFooterOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: MenuFooterOrganism, isStandalone: true, selector: "organisms-menu-footer", usesInheritance: true, hostDirectives: [{ directive: MenuFooterOrganismStore }], ngImport: i0, template: `
     <span>{{ store.version }}</span>
-  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-footer-0Vjk: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-footer-0Vjk: var(--secondary-color)}:host{display:flex;justify-content:center;align-items:center;padding:8px;box-sizing:border-box;font-size:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-footer-LFdY: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-footer-LFdY: var(--secondary-color)}:host{display:flex;justify-content:center;align-items:center;padding:8px;box-sizing:border-box;font-size:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuFooterOrganism, decorators: [{
             type: Component,
@@ -41,7 +41,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                         {
                             directive: MenuFooterOrganismStore,
                         },
-                    ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-footer-0Vjk: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-footer-0Vjk: var(--secondary-color)}:host{display:flex;justify-content:center;align-items:center;padding:8px;box-sizing:border-box;font-size:12px}\n"] }]
+                    ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-footer-LFdY: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-footer-LFdY: var(--secondary-color)}:host{display:flex;justify-content:center;align-items:center;padding:8px;box-sizing:border-box;font-size:12px}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-organisms-menu-header.mjs

@@ -57,7 +57,7 @@ class MenuHeaderOrganism extends NgAtomicComponent {
       <path d="M769.433 140.975C772.501 140.975 775.367 140.41 778.031 139.279C780.735 138.109 782.955 136.393 784.691 134.133C786.467 131.832 787.476 129.027 787.718 125.717H794.62C794.419 129.874 793.147 133.588 790.806 136.857C788.505 140.087 785.478 142.63 781.724 144.486C778.01 146.303 773.913 147.211 769.433 147.211C764.872 147.211 760.835 146.383 757.324 144.729C753.852 143.074 750.946 140.773 748.605 137.826C746.264 134.839 744.488 131.368 743.277 127.412C742.106 123.416 741.521 119.117 741.521 114.516V111.973C741.521 107.371 742.106 103.092 743.277 99.1367C744.488 95.1406 746.264 91.6693 748.605 88.7227C750.946 85.7357 753.852 83.4147 757.324 81.7598C760.795 80.1048 764.811 79.2773 769.372 79.2773C774.055 79.2773 778.253 80.2259 781.966 82.123C785.72 84.0202 788.707 86.7044 790.927 90.1758C793.188 93.6471 794.419 97.7643 794.62 102.527H787.718C787.516 99.0156 786.588 95.9883 784.933 93.4453C783.278 90.9023 781.098 88.9447 778.394 87.5723C775.69 86.1999 772.682 85.5137 769.372 85.5137C765.659 85.5137 762.49 86.2402 759.867 87.6934C757.243 89.1061 755.104 91.0638 753.449 93.5664C751.834 96.0286 750.643 98.8542 749.876 102.043C749.109 105.191 748.726 108.501 748.726 111.973V114.516C748.726 118.027 749.089 121.378 749.816 124.566C750.583 127.715 751.773 130.52 753.388 132.982C755.043 135.445 757.182 137.402 759.806 138.855C762.47 140.268 765.679 140.975 769.433 140.975Z" fill="#FEFEFE"/>
     </svg>
   }
-  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-header-3mac: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-header-3mac: var(--secondary-color)}:host{display:flex;height:56px;padding:12px 16px;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;background:var(--primary-color-SCOPED-IN-menu-header-3mac)}:host .title{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .title span{font-size:20px;font-weight:700;letter-spacing:1px}:host svg{padding-left:8px;box-sizing:border-box;width:-moz-fit-content;width:fit-content;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-header-xppU: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-header-xppU: var(--secondary-color)}:host{display:flex;height:56px;padding:12px 16px;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;background:var(--primary-color-SCOPED-IN-menu-header-xppU)}:host .title{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .title span{font-size:20px;font-weight:700;letter-spacing:1px}:host svg{padding-left:8px;box-sizing:border-box;width:-moz-fit-content;width:fit-content;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuHeaderOrganism, decorators: [{
             type: Component,
@@ -89,7 +89,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: MenuHeaderOrganismStore,
                             inputs: ['title'],
                         },
-                    ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-header-3mac: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-header-3mac: var(--secondary-color)}:host{display:flex;height:56px;padding:12px 16px;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;background:var(--primary-color-SCOPED-IN-menu-header-3mac)}:host .title{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .title span{font-size:20px;font-weight:700;letter-spacing:1px}:host svg{padding-left:8px;box-sizing:border-box;width:-moz-fit-content;width:fit-content;height:100%}\n"] }]
+                    ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-header-xppU: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-header-xppU: var(--secondary-color)}:host{display:flex;height:56px;padding:12px 16px;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;background:var(--primary-color-SCOPED-IN-menu-header-xppU)}:host .title{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .title span{font-size:20px;font-weight:700;letter-spacing:1px}:host svg{padding-left:8px;box-sizing:border-box;width:-moz-fit-content;width:fit-content;height:100%}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-organisms-messages-section.mjs

@@ -33,7 +33,7 @@ class MessagesSectionOrganism {
       <div class="pulse-container"><div class="dot-pulse"></div></div>
     </div>
   </div>
-  `, isInline: true, styles: [":host{display:block;--vertical-padding: 16px;--vertical-padding-SCOPED-IN-messages-section-AFR6: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-messages-section-AFR6: var(--horizontal-padding)}:host{padding:var(--horizontal-padding-SCOPED-IN-messages-section-AFR6) var(--vertical-padding-SCOPED-IN-messages-section-AFR6);box-sizing:border-box}:host .message{display:flex;flex-direction:row;justify-content:flex-end;margin-top:8px;white-space:pre-wrap}:host .message.user{justify-content:flex-end}:host .message.user .balloon{outline:#3f51b5 solid 1px;background-color:#fff;color:#3f51b5}:host .message.opponent{justify-content:flex-start}:host .message.opponent .balloon{background-color:#3f51b5;color:#fff}:host .message .balloon{min-height:1.5em;padding:4px;border-radius:8px}:host .message .balloon .pulse-container{display:inline-flex;justify-content:center;align-items:center;width:60px;padding-top:7px}:host .dot-pulse{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 0 -5px;animation:dot-pulse 1.5s infinite linear;animation-delay:.25s}:host .dot-pulse:before,:host .dot-pulse:after{content:\"\";display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}:host .dot-pulse:before{box-shadow:9984px 0 0 -5px;animation:dot-pulse-before 1.5s infinite linear;animation-delay:0s}:host .dot-pulse:after{box-shadow:10014px 0 0 -5px;animation:dot-pulse-after 1.5s infinite linear;animation-delay:.5s}@keyframes dot-pulse-before{0%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}60%,to{box-shadow:9984px 0 0 -5px}}@keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,to{box-shadow:9999px 0 0 -5px}}@keyframes dot-pulse-after{0%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}60%,to{box-shadow:10014px 0 0 -5px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--vertical-padding: 16px;--vertical-padding-SCOPED-IN-messages-section-FEa8: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-messages-section-FEa8: var(--horizontal-padding)}:host{padding:var(--horizontal-padding-SCOPED-IN-messages-section-FEa8) var(--vertical-padding-SCOPED-IN-messages-section-FEa8);box-sizing:border-box}:host .message{display:flex;flex-direction:row;justify-content:flex-end;margin-top:8px;white-space:pre-wrap}:host .message.user{justify-content:flex-end}:host .message.user .balloon{outline:#3f51b5 solid 1px;background-color:#fff;color:#3f51b5}:host .message.opponent{justify-content:flex-start}:host .message.opponent .balloon{background-color:#3f51b5;color:#fff}:host .message .balloon{min-height:1.5em;padding:4px;border-radius:8px}:host .message .balloon .pulse-container{display:inline-flex;justify-content:center;align-items:center;width:60px;padding-top:7px}:host .dot-pulse{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 0 -5px;animation:dot-pulse 1.5s infinite linear;animation-delay:.25s}:host .dot-pulse:before,:host .dot-pulse:after{content:\"\";display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}:host .dot-pulse:before{box-shadow:9984px 0 0 -5px;animation:dot-pulse-before 1.5s infinite linear;animation-delay:0s}:host .dot-pulse:after{box-shadow:10014px 0 0 -5px;animation:dot-pulse-after 1.5s infinite linear;animation-delay:.5s}@keyframes dot-pulse-before{0%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}60%,to{box-shadow:9984px 0 0 -5px}}@keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,to{box-shadow:9999px 0 0 -5px}}@keyframes dot-pulse-after{0%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}60%,to{box-shadow:10014px 0 0 -5px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MessagesSectionOrganism, decorators: [{
             type: Component,
@@ -62,7 +62,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
   </div>
   `, imports: [
                         CommonModule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--vertical-padding: 16px;--vertical-padding-SCOPED-IN-messages-section-AFR6: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-messages-section-AFR6: var(--horizontal-padding)}:host{padding:var(--horizontal-padding-SCOPED-IN-messages-section-AFR6) var(--vertical-padding-SCOPED-IN-messages-section-AFR6);box-sizing:border-box}:host .message{display:flex;flex-direction:row;justify-content:flex-end;margin-top:8px;white-space:pre-wrap}:host .message.user{justify-content:flex-end}:host .message.user .balloon{outline:#3f51b5 solid 1px;background-color:#fff;color:#3f51b5}:host .message.opponent{justify-content:flex-start}:host .message.opponent .balloon{background-color:#3f51b5;color:#fff}:host .message .balloon{min-height:1.5em;padding:4px;border-radius:8px}:host .message .balloon .pulse-container{display:inline-flex;justify-content:center;align-items:center;width:60px;padding-top:7px}:host .dot-pulse{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 0 -5px;animation:dot-pulse 1.5s infinite linear;animation-delay:.25s}:host .dot-pulse:before,:host .dot-pulse:after{content:\"\";display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}:host .dot-pulse:before{box-shadow:9984px 0 0 -5px;animation:dot-pulse-before 1.5s infinite linear;animation-delay:0s}:host .dot-pulse:after{box-shadow:10014px 0 0 -5px;animation:dot-pulse-after 1.5s infinite linear;animation-delay:.5s}@keyframes dot-pulse-before{0%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}60%,to{box-shadow:9984px 0 0 -5px}}@keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,to{box-shadow:9999px 0 0 -5px}}@keyframes dot-pulse-after{0%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}60%,to{box-shadow:10014px 0 0 -5px}}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--vertical-padding: 16px;--vertical-padding-SCOPED-IN-messages-section-FEa8: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-messages-section-FEa8: var(--horizontal-padding)}:host{padding:var(--horizontal-padding-SCOPED-IN-messages-section-FEa8) var(--vertical-padding-SCOPED-IN-messages-section-FEa8);box-sizing:border-box}:host .message{display:flex;flex-direction:row;justify-content:flex-end;margin-top:8px;white-space:pre-wrap}:host .message.user{justify-content:flex-end}:host .message.user .balloon{outline:#3f51b5 solid 1px;background-color:#fff;color:#3f51b5}:host .message.opponent{justify-content:flex-start}:host .message.opponent .balloon{background-color:#3f51b5;color:#fff}:host .message .balloon{min-height:1.5em;padding:4px;border-radius:8px}:host .message .balloon .pulse-container{display:inline-flex;justify-content:center;align-items:center;width:60px;padding-top:7px}:host .dot-pulse{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 0 -5px;animation:dot-pulse 1.5s infinite linear;animation-delay:.25s}:host .dot-pulse:before,:host .dot-pulse:after{content:\"\";display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}:host .dot-pulse:before{box-shadow:9984px 0 0 -5px;animation:dot-pulse-before 1.5s infinite linear;animation-delay:0s}:host .dot-pulse:after{box-shadow:10014px 0 0 -5px;animation:dot-pulse-after 1.5s infinite linear;animation-delay:.5s}@keyframes dot-pulse-before{0%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}60%,to{box-shadow:9984px 0 0 -5px}}@keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,to{box-shadow:9999px 0 0 -5px}}@keyframes dot-pulse-after{0%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}60%,to{box-shadow:10014px 0 0 -5px}}\n"] }]
         }], propDecorators: { messages: [{
                 type: Input
             }], isMessageCreating: [{

package/fesm2022/ng-atomic-components-organisms-navigation-list.mjs

@@ -37,7 +37,7 @@ class NavigationListOrganism extends NgAtomicComponent {
       />
     }
   </mat-selection-list>
-  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-u1FY: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-u1FY: var(--background-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-u1FY: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-u1FY: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-u1FY: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-u1FY: var(--on-surface-color)}:host{display:block;width:100%;height:100%;color:var(--on-background-color-SCOPED-IN-navigation-list-u1FY);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host *{--primary-color: var(--primary-color-SCOPED-IN-navigation-list-u1FY);--background-color: var(--background-color-SCOPED-IN-navigation-list-u1FY);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-u1FY);--on-primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-u1FY);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-u1FY);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-u1FY)}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "directive", type: NavigationListItemMoleculeStore, selector: "molecules-navigation-list-item", inputs: ["action", "selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-R3OW: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-R3OW: var(--background-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-R3OW: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-R3OW: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-R3OW: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-R3OW: var(--on-surface-color)}:host{display:block;width:100%;height:100%;color:var(--on-background-color-SCOPED-IN-navigation-list-R3OW);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host *{--primary-color: var(--primary-color-SCOPED-IN-navigation-list-R3OW);--background-color: var(--background-color-SCOPED-IN-navigation-list-R3OW);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-R3OW);--on-primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-R3OW);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-R3OW);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-R3OW)}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "directive", type: NavigationListItemMoleculeStore, selector: "molecules-navigation-list-item", inputs: ["action", "selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NavigationListOrganism, decorators: [{
             type: Component,
@@ -60,7 +60,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: NavigationListOrganismStore,
                             inputs: ['actions'],
                         },
-                    ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-u1FY: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-u1FY: var(--background-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-u1FY: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-u1FY: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-u1FY: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-u1FY: var(--on-surface-color)}:host{display:block;width:100%;height:100%;color:var(--on-background-color-SCOPED-IN-navigation-list-u1FY);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host *{--primary-color: var(--primary-color-SCOPED-IN-navigation-list-u1FY);--background-color: var(--background-color-SCOPED-IN-navigation-list-u1FY);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-u1FY);--on-primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-u1FY);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-u1FY);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-u1FY)}\n"] }]
+                    ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-R3OW: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-R3OW: var(--background-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-R3OW: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-R3OW: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-R3OW: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-R3OW: var(--on-surface-color)}:host{display:block;width:100%;height:100%;color:var(--on-background-color-SCOPED-IN-navigation-list-R3OW);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host *{--primary-color: var(--primary-color-SCOPED-IN-navigation-list-R3OW);--background-color: var(--background-color-SCOPED-IN-navigation-list-R3OW);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-R3OW);--on-primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-R3OW);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-R3OW);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-R3OW)}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-organisms-navigator.mjs

@@ -68,7 +68,7 @@ class NavigatorOrganism extends NgAtomicComponent {
       }
     </div>
   </mat-toolbar>
-  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-6LDf: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigator-6LDf: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-navigator-6LDf: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-navigator-6LDf: var(--on-secondary-color);--background-color: #fff;--background-color-SCOPED-IN-navigator-6LDf: var(--background-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigator-6LDf: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{--mat-toolbar-container-background-color: var(--background-color-SCOPED-IN-navigator-6LDf);--mat-toolbar-container-text-color: var(--on-background-color-SCOPED-IN-navigator-6LDf);display:flex;width:100%;height:100%;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host div{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-xjxJ: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigator-xjxJ: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-navigator-xjxJ: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-navigator-xjxJ: var(--on-secondary-color);--background-color: #fff;--background-color-SCOPED-IN-navigator-xjxJ: var(--background-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigator-xjxJ: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--background-color-SCOPED-IN-navigator-xjxJ);color:var(--on-background-color-SCOPED-IN-navigator-xjxJ)}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host div{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NavigatorOrganism, decorators: [{
             type: Component,
@@ -108,7 +108,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: NavigatorOrganismStore,
                             inputs: ['startActions', 'endActions', 'title'],
                         }
-                    ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-6LDf: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigator-6LDf: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-navigator-6LDf: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-navigator-6LDf: var(--on-secondary-color);--background-color: #fff;--background-color-SCOPED-IN-navigator-6LDf: var(--background-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigator-6LDf: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{--mat-toolbar-container-background-color: var(--background-color-SCOPED-IN-navigator-6LDf);--mat-toolbar-container-text-color: var(--on-background-color-SCOPED-IN-navigator-6LDf);display:flex;width:100%;height:100%;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host div{display:flex;justify-content:center;align-items:center}\n"] }]
+                    ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-xjxJ: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigator-xjxJ: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-navigator-xjxJ: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-navigator-xjxJ: var(--on-secondary-color);--background-color: #fff;--background-color-SCOPED-IN-navigator-xjxJ: var(--background-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigator-xjxJ: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--background-color-SCOPED-IN-navigator-xjxJ);color:var(--on-background-color-SCOPED-IN-navigator-xjxJ)}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host div{display:flex;justify-content:center;align-items:center}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-organisms-navigator.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-navigator.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/navigator/navigator.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/navigator/ng-atomic-components-organisms-navigator.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { Actions, InjectableComponent, TokenizedType, _computed } from '@ng-atomic/core';\nimport { NgAtomicComponent } from '@ng-atomic/core';\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, selector: 'organisms-navigator' })\nexport class NavigatorOrganismStore extends InjectableComponent {\n  static readonly Config = makeConfig(() => {\n    return () => ({\n      title: undefined as string | undefined,\n      startActions: [{ id: 'menu', icon: 'menu', name: 'menu' }] as Actions,\n      endActions: [] as Actions,\n    });\n  }, ['components', 'organisms', 'navigator']);\n  protected readonly config = NavigatorOrganismStore.Config.inject(); \n  readonly startActions = input(_computed(() => this.config().startActions));\n  readonly endActions = input(_computed(() => this.config().endActions));\n  readonly title = input(_computed(() => this.config().title))\n}\n\n@Component({\n  selector: 'organisms-navigator',\n  standalone: true,\n  imports: [\n    MatButtonModule,\n    MatIconModule,\n    MatToolbarModule,\n    SmartMenuButtonAtom,\n  ],\n  template: `\n  <mat-toolbar color=\"primary\">\n    <div>\n      @if((store.startActions())?.length) {\n        <atoms-smart-menu-button\n          [actions]=\"store.startActions()\"\n          (action)=\"dispatch($event)\"\n        />\n      }\n    </div>\n    <div>\n      @if (store.title()) {\n        <span>{{ store.title() }}</span>\n      } @else {\n        <ng-content />\n      }\n    </div>\n    <div>\n      @if((store.endActions())?.length) {\n        <atoms-smart-menu-button\n          [actions]=\"store.endActions()\"\n          (action)=\"dispatch($event)\"\n        />\n      }\n    </div>\n  </mat-toolbar>\n  `,\n  styleUrls: ['./navigator.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: NavigatorOrganismStore,\n      inputs: ['startActions', 'endActions', 'title'],\n    }\n  ]\n})\nexport class NavigatorOrganism extends NgAtomicComponent {\n  protected readonly store = inject(NavigatorOrganismStore);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-organisms-navigator.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/navigator/navigator.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/navigator/ng-atomic-components-organisms-navigator.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { Actions, InjectableComponent, TokenizedType, _computed } from '@ng-atomic/core';\nimport { NgAtomicComponent } from '@ng-atomic/core';\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, selector: 'organisms-navigator' })\nexport class NavigatorOrganismStore extends InjectableComponent {\n  static readonly Config = makeConfig(() => {\n    return () => ({\n      title: undefined as string | undefined,\n      startActions: [{ id: 'menu', icon: 'menu', name: 'menu' }] as Actions,\n      endActions: [] as Actions,\n    });\n  }, ['components', 'organisms', 'navigator']);\n  protected readonly config = NavigatorOrganismStore.Config.inject(); \n  readonly startActions = input(_computed(() => this.config().startActions));\n  readonly endActions = input(_computed(() => this.config().endActions));\n  readonly title = input(_computed(() => this.config().title))\n}\n\n@Component({\n  selector: 'organisms-navigator',\n  standalone: true,\n  imports: [\n    MatButtonModule,\n    MatIconModule,\n    MatToolbarModule,\n    SmartMenuButtonAtom,\n  ],\n  template: `\n  <mat-toolbar color=\"primary\">\n    <div>\n      @if((store.startActions())?.length) {\n        <atoms-smart-menu-button\n          [actions]=\"store.startActions()\"\n          (action)=\"dispatch($event)\"\n        />\n      }\n    </div>\n    <div>\n      @if (store.title()) {\n        <span>{{ store.title() }}</span>\n      } @else {\n        <ng-content />\n      }\n    </div>\n    <div>\n      @if((store.endActions())?.length) {\n        <atoms-smart-menu-button\n          [actions]=\"store.endActions()\"\n          (action)=\"dispatch($event)\"\n        />\n      }\n    </div>\n  </mat-toolbar>\n  `,\n  styleUrls: ['./navigator.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: NavigatorOrganismStore,\n      inputs: ['startActions', 'endActions', 'title'],\n    }\n  ]\n})\nexport class NavigatorOrganism extends NgAtomicComponent {\n  protected readonly store = inject(NavigatorOrganismStore);\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-organisms-number-input-section.mjs

@@ -49,7 +49,7 @@ class NumberInputSectionOrganism extends NgAtomicComponent {
       (action)="dispatch($event)"
     />
   }
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-number-input-section-2WuO: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-2WuO) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-2WuO)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-smart-menu-button", inputs: ["actions", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-number-input-section-cDSk: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-cDSk) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-cDSk)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-smart-menu-button", inputs: ["actions", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NumberInputSectionOrganism, decorators: [{
             type: Component,
@@ -77,7 +77,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: NumberInputSectionOrganismStore,
                             inputs: ['label', 'placeholder', 'hint', 'control', 'autoComplete', 'actions', 'actionButtonType'],
                         }
-                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-number-input-section-2WuO: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-2WuO) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-2WuO)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
+                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-number-input-section-cDSk: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-cDSk) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-cDSk)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-organisms-paginator.mjs

@@ -47,7 +47,7 @@ class PaginatorOrganism extends NgAtomicComponent {
       [pageSizeOptions]="store.pageSizeOptions()"
       (page)="onPageChange($event)"
     />
-  `, isInline: true, styles: [":host frames-auto-layout{--vertical-padding: 0;justify-content:space-between}:host frames-auto-layout molecules-chips-input-field{width:100%}:host frames-auto-layout mat-paginator{min-width:440px}\n"], dependencies: [{ kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i1.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-paginator-uesv: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-paginator-uesv: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-paginator-uesv: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-paginator-uesv: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-paginator-uesv: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-paginator-uesv: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-paginator-uesv: var(--on-background-color)}:host mat-paginator{background-color:var(--background-color-SCOPED-IN-paginator-uesv);color:var(--on-background-color-SCOPED-IN-paginator-uesv);min-width:440px}\n"], dependencies: [{ kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i1.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: PaginatorOrganism, decorators: [{
             type: Component,
@@ -65,7 +65,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: PaginatorOrganismStore,
                             inputs: ['form', 'pageSizeOptions', 'itemLength'],
                         },
-                    ], styles: [":host frames-auto-layout{--vertical-padding: 0;justify-content:space-between}:host frames-auto-layout molecules-chips-input-field{width:100%}:host frames-auto-layout mat-paginator{min-width:440px}\n"] }]
+                    ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-paginator-uesv: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-paginator-uesv: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-paginator-uesv: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-paginator-uesv: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-paginator-uesv: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-paginator-uesv: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-paginator-uesv: var(--on-background-color)}:host mat-paginator{background-color:var(--background-color-SCOPED-IN-paginator-uesv);color:var(--on-background-color-SCOPED-IN-paginator-uesv);min-width:440px}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-organisms-paginator.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-paginator.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/paginator/paginator.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/paginator/ng-atomic-components-organisms-paginator.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, effect, inject, input } from '@angular/core';\nimport { PageEvent } from '@angular/material/paginator';\nimport { FormControl, FormGroup } from '@angular/forms';\nimport { MatPaginatorModule } from '@angular/material/paginator';\nimport { InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\nimport { computedRawValue } from '@ng-atomic/common/utils';\n\n@TokenizedType()\n@Directive({standalone: true, selector: 'organisms-paginator'})\nexport class PaginatorOrganismStore extends InjectableComponent {\n  readonly form = input(new FormGroup({\n    pageIndex: new FormControl(0),\n    pageSize: new FormControl(0),\n  }));\n  readonly pageSizeOptions = input([10, 50, 100]);\n  readonly itemLength = input(0);\n  readonly formValue = computedRawValue(() => this.form());\n}\n\n@Component({\n  selector: 'organisms-paginator',\n  standalone: true,\n  imports: [\n    MatPaginatorModule,\n  ],\n  template: `\n    <mat-paginator\n      [length]=\"store.itemLength()\"\n      [pageSize]=\"store.formValue().pageSize\"\n      [pageSizeOptions]=\"store.pageSizeOptions()\"\n      (page)=\"onPageChange($event)\"\n    />\n  `,\n  styleUrls: ['./paginator.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'organism'},\n  hostDirectives: [\n    {\n      directive: PaginatorOrganismStore,\n      inputs: ['form', 'pageSizeOptions', 'itemLength'],\n    },\n  ],\n})\nexport class PaginatorOrganism extends NgAtomicComponent {\n  protected store = inject(PaginatorOrganismStore);\n  \n  protected onPageChange(page: PageEvent) {\n    this.store.form().patchValue({\n      pageIndex: page.pageIndex,\n      pageSize: page.pageSize\n    });\n  }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-organisms-paginator.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/paginator/paginator.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/paginator/ng-atomic-components-organisms-paginator.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, effect, inject, input } from '@angular/core';\nimport { PageEvent } from '@angular/material/paginator';\nimport { FormControl, FormGroup } from '@angular/forms';\nimport { MatPaginatorModule } from '@angular/material/paginator';\nimport { InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\nimport { computedRawValue } from '@ng-atomic/common/utils';\n\n@TokenizedType()\n@Directive({standalone: true, selector: 'organisms-paginator'})\nexport class PaginatorOrganismStore extends InjectableComponent {\n  readonly form = input(new FormGroup({\n    pageIndex: new FormControl(0),\n    pageSize: new FormControl(0),\n  }));\n  readonly pageSizeOptions = input([10, 50, 100]);\n  readonly itemLength = input(0);\n  readonly formValue = computedRawValue(() => this.form());\n}\n\n@Component({\n  selector: 'organisms-paginator',\n  standalone: true,\n  imports: [\n    MatPaginatorModule,\n  ],\n  template: `\n    <mat-paginator\n      [length]=\"store.itemLength()\"\n      [pageSize]=\"store.formValue().pageSize\"\n      [pageSizeOptions]=\"store.pageSizeOptions()\"\n      (page)=\"onPageChange($event)\"\n    />\n  `,\n  styleUrls: ['./paginator.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'organism'},\n  hostDirectives: [\n    {\n      directive: PaginatorOrganismStore,\n      inputs: ['form', 'pageSizeOptions', 'itemLength'],\n    },\n  ],\n})\nexport class PaginatorOrganism extends NgAtomicComponent {\n  protected store = inject(PaginatorOrganismStore);\n  \n  protected onPageChange(page: PageEvent) {\n    this.store.form().patchValue({\n      pageIndex: page.pageIndex,\n      pageSize: page.pageSize\n    });\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-organisms-password-input-section.mjs

@@ -48,7 +48,7 @@ class PasswordInputSectionOrganism extends NgAtomicComponent {
       [type]="store.actionButtonType()"
       (action)="dispatch($event)"
     />
-  }`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-2SY2: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-password-input-section-2SY2) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-password-input-section-2SY2)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-smart-menu-button", inputs: ["actions", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  }`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-aIvY: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-password-input-section-aIvY) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-password-input-section-aIvY)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-smart-menu-button", inputs: ["actions", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: PasswordInputSectionOrganism, decorators: [{
             type: Component,
@@ -75,7 +75,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: PasswordInputSectionOrganismStore,
                             inputs: ['label', 'placeholder', 'hint', 'control', 'autoComplete', 'actions', 'actionButtonType'],
                         },
-                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-2SY2: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-password-input-section-2SY2) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-password-input-section-2SY2)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
+                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-aIvY: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-password-input-section-aIvY) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-password-input-section-aIvY)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-organisms-select-input-section.mjs

@@ -47,7 +47,7 @@ class SelectInputSectionOrganism extends NgAtomicComponent {
       [actions]="store.actions()"
       (action)="dispatch($event)"
     />
-  }`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-BTzp: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-BTzp) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-BTzp)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "component", type: SelectInputFieldMolecule, selector: "molecules-select-input-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  }`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-LYFM: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-LYFM) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-LYFM)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "component", type: SelectInputFieldMolecule, selector: "molecules-select-input-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SelectInputSectionOrganism, decorators: [{
             type: Component,
@@ -73,7 +73,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: SelectInputSectionOrganismStore,
                             inputs: ['actions', 'hint', 'placeholder', 'label', 'control', 'options', 'multiple'],
                         }
-                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-BTzp: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-BTzp) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-BTzp)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
+                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-LYFM: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-LYFM) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-LYFM)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-organisms-slider-input-section.mjs

@@ -0,0 +1,92 @@
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { input, Directive, inject, Component, ChangeDetectionStrategy } from '@angular/core';
+import * as i1 from '@angular/material/slider';
+import { MatSliderModule } from '@angular/material/slider';
+import * as i2 from '@angular/forms';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
+import { InjectableComponent, TokenizedType, NgAtomicComponent } from '@ng-atomic/core';
+import { makeConfig } from '@ng-atomic/common/services/ui';
+
+let SliderInputSectionOrganismStore = class SliderInputSectionOrganismStore extends InjectableComponent {
+    constructor() {
+        super(...arguments);
+        this.control = input(new FormControl(0));
+        this.min = input(0);
+        this.max = input(100);
+        this.step = input(1);
+        this.thumbLabel = input(true);
+        this.label = input('label');
+    }
+    static { this.Config = makeConfig(() => {
+        return (_, context) => ({
+            items: [],
+            itemActions: [],
+        });
+    }, ['components', 'organisms', 'smart-list']); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SliderInputSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: SliderInputSectionOrganismStore, isStandalone: true, selector: "organisms-slider-input-section", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, thumbLabel: { classPropertyName: "thumbLabel", publicName: "thumbLabel", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+};
+SliderInputSectionOrganismStore = __decorate([
+    TokenizedType()
+], SliderInputSectionOrganismStore);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SliderInputSectionOrganismStore, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'organisms-slider-input-section',
+                }]
+        }] });
+class SliderInputSectionOrganism extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.store = inject(SliderInputSectionOrganismStore);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SliderInputSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: SliderInputSectionOrganism, isStandalone: true, selector: "organisms-slider-input-section", usesInheritance: true, hostDirectives: [{ directive: SliderInputSectionOrganismStore, inputs: ["control", "control", "min", "min", "max", "max", "step", "step", "thumbLabel", "thumbLabel", "label", "label"] }], ngImport: i0, template: `
+    <span>{{ store.label() }}</span>
+    <mat-slider
+      [min]="store.min()"
+      [max]="store.max()"
+      [step]="store.step()"
+      showTickMarks discrete 
+    >
+      <input
+        [formControl]="store.control()"
+        matSliderThumb
+      >
+    </mat-slider>
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-slider-input-section-3aNl: var(--horizontal-padding);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-3aNl: var(--mat-form-field-outlined-label-text-populated-size);--mdc-outlined-text-field-label-text-color-SCOPED-IN-slider-input-section-3aNl: var(--mdc-outlined-text-field-label-text-color)}:host{display:flex;flex-direction:column;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-slider-input-section-3aNl);box-sizing:border-box}:host .slider{width:100%}:host span{padding-left:20px;font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-3aNl);color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-slider-input-section-3aNl);transform:scale(.75);transform-origin:top left}\n"], dependencies: [{ kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i1.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SliderInputSectionOrganism, decorators: [{
+            type: Component,
+            args: [{ selector: 'organisms-slider-input-section', standalone: true, imports: [
+                        MatSliderModule,
+                        ReactiveFormsModule,
+                    ], template: `
+    <span>{{ store.label() }}</span>
+    <mat-slider
+      [min]="store.min()"
+      [max]="store.max()"
+      [step]="store.step()"
+      showTickMarks discrete 
+    >
+      <input
+        [formControl]="store.control()"
+        matSliderThumb
+      >
+    </mat-slider>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: SliderInputSectionOrganismStore,
+                            inputs: ['control', 'min', 'max', 'step', 'thumbLabel', 'label'],
+                        }
+                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-slider-input-section-3aNl: var(--horizontal-padding);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-3aNl: var(--mat-form-field-outlined-label-text-populated-size);--mdc-outlined-text-field-label-text-color-SCOPED-IN-slider-input-section-3aNl: var(--mdc-outlined-text-field-label-text-color)}:host{display:flex;flex-direction:column;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-slider-input-section-3aNl);box-sizing:border-box}:host .slider{width:100%}:host span{padding-left:20px;font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-3aNl);color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-slider-input-section-3aNl);transform:scale(.75);transform-origin:top left}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SliderInputSectionOrganism, SliderInputSectionOrganismStore };
+//# sourceMappingURL=ng-atomic-components-organisms-slider-input-section.mjs.map

package/fesm2022/ng-atomic-components-organisms-slider-input-section.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-slider-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/slider-input-section/slider-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/slider-input-section/ng-atomic-components-organisms-slider-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';\nimport { MatSliderModule } from '@angular/material/slider';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\nimport { makeConfig } from '@ng-atomic/common/services/ui';\n\n@TokenizedType()\n@Directive({\n  standalone: true,\n  selector: 'organisms-slider-input-section',\n})\nexport class SliderInputSectionOrganismStore extends InjectableComponent {\n  static readonly Config = makeConfig(() => {\n    return (_, context) => ({\n      items: [],\n      itemActions: [],\n    });\n  }, ['components', 'organisms', 'smart-list']);\n  readonly control = input(new FormControl<number>(0));\n  readonly min = input(0);\n  readonly max = input(100);\n  readonly step = input(1);\n  readonly thumbLabel = input(true);\n  readonly label = input('label');\n}\n\n@Component({\n  selector: 'organisms-slider-input-section',\n  standalone: true,\n  imports: [\n    MatSliderModule,\n    ReactiveFormsModule,\n  ],\n  template: `\n    <span>{{ store.label() }}</span>\n    <mat-slider\n      [min]=\"store.min()\"\n      [max]=\"store.max()\"\n      [step]=\"store.step()\"\n      showTickMarks discrete \n    >\n      <input\n        [formControl]=\"store.control()\"\n        matSliderThumb\n      >\n    </mat-slider>\n  `,\n  styleUrls: ['./slider-input-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: SliderInputSectionOrganismStore,\n      inputs: ['control', 'min', 'max', 'step', 'thumbLabel', 'label'],\n    }\n  ]\n})\nexport class SliderInputSectionOrganism extends NgAtomicComponent {\n  protected readonly store = inject(SliderInputSectionOrganismStore);\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-organisms-social-login-section.mjs

@@ -9,14 +9,14 @@ class SocialLoginSectionOrganism {
         this.signInWithGoogleButtonClick = new EventEmitter();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SocialLoginSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: SocialLoginSectionOrganism, isStandalone: true, selector: "organisms-social-login-section", outputs: { signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, ngImport: i0, template: "<button \n  mat-raised-button \n  color=\"primary\" \n  (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-Jiv7: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-Jiv7);box-sizing:border-box}:host button{width:100%;height:56px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: SocialLoginSectionOrganism, isStandalone: true, selector: "organisms-social-login-section", outputs: { signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, ngImport: i0, template: "<button \n  mat-raised-button \n  color=\"primary\" \n  (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-8s90: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-8s90);box-sizing:border-box}:host button{width:100%;height:56px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SocialLoginSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-social-login-section', standalone: true, imports: [
                         CommonModule,
                         MatButtonModule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n  mat-raised-button \n  color=\"primary\" \n  (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-Jiv7: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-Jiv7);box-sizing:border-box}:host button{width:100%;height:56px}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n  mat-raised-button \n  color=\"primary\" \n  (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-8s90: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-8s90);box-sizing:border-box}:host button{width:100%;height:56px}\n"] }]
         }], propDecorators: { signInWithGoogleButtonClick: [{
                 type: Output
             }] } });

package/fesm2022/ng-atomic-components-organisms-table.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, Injectable, input, computed, effect, Directive, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, Injectable, input, computed, Directive, Component, ChangeDetectionStrategy } from '@angular/core';
 import { FormBuilder } from '@angular/forms';
 import { PaginationService } from '@ng-atomic/common/services/form/pagination';
 import { SortService } from '@ng-atomic/common/services/form/sort';
@@ -158,7 +158,7 @@ function buildTreeFlatDataSource(treeControl, data, key = 'children') {
 
 let TableOrganismStore = class TableOrganismStore extends InjectableComponent {
     constructor() {
-        super();
+        super(...arguments);
         this.domainPipe = inject(DomainPipe);
         this.form = input(inject(IndexTemplateFormBuilder).build());
         this.itemActions = input([]);
@@ -207,16 +207,12 @@ let TableOrganismStore = class TableOrganismStore extends InjectableComponent {
         this.columnNames = computed(() => this.columns().map(column => column.name), {
             equal: (a, b) => JSON.stringify(a) === JSON.stringify(b),
         });
-        effect(() => {
-            console.debug('highlight', this.highlight());
-        });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TableOrganismStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TableOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: TableOrganismStore, isStandalone: true, selector: "organisms-table", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, itemActions: { classPropertyName: "itemActions", publicName: "itemActions", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, highlight: { classPropertyName: "highlight", publicName: "highlight", isSignal: true, isRequired: false, transformFunction: null }, childrenKey: { classPropertyName: "childrenKey", publicName: "childrenKey", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, treeControl: { classPropertyName: "treeControl", publicName: "treeControl", isSignal: true, isRequired: false, transformFunction: null } }, providers: [DomainPipe], usesInheritance: true, ngImport: i0 }); }
 };
 TableOrganismStore = __decorate([
-    TokenizedType(),
-    __metadata("design:paramtypes", [])
+    TokenizedType()
 ], TableOrganismStore);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TableOrganismStore, decorators: [{
             type: Directive,
@@ -225,7 +221,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                     selector: 'organisms-table',
                     providers: [DomainPipe],
                 }]
-        }], ctorParameters: () => [] });
+        }] });
 var ActionId;
 (function (ActionId) {
     ActionId["CHECKBOX_CLICK"] = "[@ng-atomic/components/organisms/checkbox-column] Checkbox Click";
@@ -297,7 +293,7 @@ class TableOrganism extends NgAtomicComponent {
     ></tr>
     <div class="mat-row" *matNoDataRow>No Data</div>
   </table>
-  `, isInline: true, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-ybtf: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-ybtf: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-ybtf: var(--column-vertical-padding)}:host{position:relative;display:block;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-ybtf)}:host table ::ng-deep tr.highlight{background-color:#f0f0f0;transition:background-color .5s}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-ybtf) - var(--cell-SCOPED-IN-smart-table-ybtf) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-ybtf) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-ybtf) * 2)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1.MatRecycleRows, selector: "mat-table[recycleRows], table[mat-table][recycleRows]" }, { kind: "directive", type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "component", type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i1.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: ActionsColumnMolecule, selector: "molecules-actions-column" }, { kind: "component", type: CheckboxColumnMolecule, selector: "molecules-checkbox-column", inputs: ["name", "selection", "isHidden"] }, { kind: "component", type: SmartColumnMolecule, selector: "molecules-smart-column", inputs: ["headerText", "name"], outputs: ["headerClick"] }, { kind: "component", type: TreeColumnMolecule, selector: "molecules-tree-column", outputs: ["headerClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-4YvE: var(--width);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-4YvE: var(--column-vertical-padding);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-smart-table-4YvE: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-smart-table-4YvE: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-smart-table-4YvE: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-smart-table-4YvE: var(--on-background-color);--vertical-padding: 16px;--vertical-padding-SCOPED-IN-smart-table-4YvE: var(--vertical-padding)}:host{position:relative;display:block;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%;background-color:var(--background-color-SCOPED-IN-smart-table-4YvE);color:var(--on-background-color-SCOPED-IN-smart-table-4YvE)}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-4YvE);box-sizing:border-box}:host table ::ng-deep th:first-child,:host table ::ng-deep td:first-child{padding-left:var(--vertical-padding-SCOPED-IN-smart-table-4YvE)}:host table ::ng-deep th:last-child,:host table ::ng-deep td:last-child{padding-right:var(--vertical-padding-SCOPED-IN-smart-table-4YvE)}:host table ::ng-deep tr.highlight{background-color:#f0f0f0;transition:background-color .5s}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px);height:3em;padding:0 16px}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1.MatRecycleRows, selector: "mat-table[recycleRows], table[mat-table][recycleRows]" }, { kind: "directive", type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "component", type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i1.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: ActionsColumnMolecule, selector: "molecules-actions-column" }, { kind: "component", type: CheckboxColumnMolecule, selector: "molecules-checkbox-column", inputs: ["name", "selection", "isHidden"] }, { kind: "component", type: SmartColumnMolecule, selector: "molecules-smart-column", inputs: ["headerText", "name"], outputs: ["headerClick"] }, { kind: "component", type: TreeColumnMolecule, selector: "molecules-tree-column", outputs: ["headerClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     Effect(CheckboxColumnMolecule.ActionId.CHECKBOX_CLICK),
@@ -382,7 +378,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: TableOrganismStore,
                             inputs: ['form', 'itemActions', 'selection', 'items', 'childrenKey', 'highlight'],
                         },
-                    ], host: { class: 'organism' }, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-ybtf: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-ybtf: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-ybtf: var(--column-vertical-padding)}:host{position:relative;display:block;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-ybtf)}:host table ::ng-deep tr.highlight{background-color:#f0f0f0;transition:background-color .5s}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-ybtf) - var(--cell-SCOPED-IN-smart-table-ybtf) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-ybtf) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-ybtf) * 2)}\n"] }]
+                    ], host: { class: 'organism' }, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-4YvE: var(--width);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-4YvE: var(--column-vertical-padding);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-smart-table-4YvE: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-smart-table-4YvE: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-smart-table-4YvE: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-smart-table-4YvE: var(--on-background-color);--vertical-padding: 16px;--vertical-padding-SCOPED-IN-smart-table-4YvE: var(--vertical-padding)}:host{position:relative;display:block;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%;background-color:var(--background-color-SCOPED-IN-smart-table-4YvE);color:var(--on-background-color-SCOPED-IN-smart-table-4YvE)}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-4YvE);box-sizing:border-box}:host table ::ng-deep th:first-child,:host table ::ng-deep td:first-child{padding-left:var(--vertical-padding-SCOPED-IN-smart-table-4YvE)}:host table ::ng-deep th:last-child,:host table ::ng-deep td:last-child{padding-right:var(--vertical-padding-SCOPED-IN-smart-table-4YvE)}:host table ::ng-deep tr.highlight{background-color:#f0f0f0;transition:background-color .5s}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px);height:3em;padding:0 16px}\n"] }]
         }], propDecorators: { onCheckboxClick: [] } });
 
 /**