npm - @ng-atomic/components - Versions diffs - 4.14.1 → 4.16.0 - Mend

@ng-atomic/components 4.14.1 → 4.16.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 (158) hide show

package/fesm2015/ng-atomic-components-molecules-smart-column.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output, Pipe, NgModule } from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2 from '@angular/cdk/clipboard';
@@ -13,7 +13,8 @@ import * as i5 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i6 from '@ng-atomic/common/pipes/smart-exp';
 import { SmartExpModule } from '@ng-atomic/common/pipes/smart-exp';
-import { get } from 'lodash';
+import * as i7 from '@ng-atomic/common/pipes/data-accessor';
+import { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';
 function SmartColumnMolecule_th_1_mat_icon_5_Template(rf, ctx) {
     if (rf & 1) {
@@ -64,8 +65,7 @@ function SmartColumnMolecule_td_2_Template(rf, ctx) {
         i0.ɵɵpipe(3, "smartExp");
         i0.ɵɵpipe(4, "dataAccessor");
         i0.ɵɵtext(5);
-        i0.ɵɵpipe(6, "smartExp");
-        i0.ɵɵpipe(7, "dataAccessor");
+        i0.ɵɵpipe(6, "dataAccessor");
         i0.ɵɵelementEnd()();
     }
     if (rf & 2) {
@@ -75,15 +75,12 @@ function SmartColumnMolecule_td_2_Template(rf, ctx) {
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("cdkCopyToClipboard", i0.ɵɵpipeBind2(3, 5, i0.ɵɵpipeBind2(4, 8, data_r6, ctx_r1.name), ctx_r1.name))("matTooltip", ctx_r1.text);
         i0.ɵɵadvance(4);
-        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(6, 11, i0.ɵɵpipeBind2(7, 14, data_r6, ctx_r1.name), ctx_r1.name), " ");
+        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(6, 11, data_r6, ctx_r1.name), " ");
     }
 }
 class SmartColumnMolecule extends MatTextColumn {
     constructor() {
         super(...arguments);
-        this.dataAccessor = () => {
-            throw new Error('dataAccessor is not allowed');
-        };
         this.sort = 'none';
         this.headerClick = new EventEmitter();
         this.text = 'copy';
@@ -98,14 +95,14 @@ SmartColumnMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartCo
         if (rf & 1) {
             i0.ɵɵelementContainerStart(0, 0);
             i0.ɵɵtemplate(1, SmartColumnMolecule_th_1_Template, 7, 6, "th", 1);
-            i0.ɵɵtemplate(2, SmartColumnMolecule_td_2_Template, 8, 17, "td", 2);
+            i0.ɵɵtemplate(2, SmartColumnMolecule_td_2_Template, 7, 14, "td", 2);
             i0.ɵɵelementContainerEnd();
         }
-    }, styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] .nowrap,td[mat-cell] .nowrap{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], encapsulation: 2 });
+    }, dependencies: [i1.NgSwitch, i1.NgSwitchCase, i2.CdkCopyToClipboard, i3.MatIcon, i4.MatHeaderCellDef, i4.MatColumnDef, i4.MatCellDef, i4.MatHeaderCell, i4.MatCell, i5.MatTooltip, i6.SmartExpPipe, i7.DataAccessorPipe], styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] .nowrap,td[mat-cell] .nowrap{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], encapsulation: 2 });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartColumnMolecule, [{
             type: Component,
-            args: [{ selector: 'molecules-smart-column', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, template: "<ng-container matColumnDef>\n  <th\n    mat-header-cell\n    *matHeaderCellDef\n    [style.text-align]=\"justify\"\n    (click)=\"headerClick.emit()\"\n  >\n    <p class=\"nowrap\" style=\"display: flex; align-items: center;\">\n      <span>{{headerText}}</span>\n      <ng-container [ngSwitch]=\"sort\">\n        <mat-icon class=\"order\" *ngSwitchCase=\"'asc'\">south</mat-icon>\n        <mat-icon class=\"order\" *ngSwitchCase=\"'desc'\">north</mat-icon>\n      </ng-container>\n    </p>\n  </th>\n  <td mat-cell *matCellDef=\"let data\" [style.text-align]=\"justify\">\n    <p class=\"nowrap\"\n      [cdkCopyToClipboard]=\"data | dataAccessor:name | smartExp:name\"\n      (click)=\"copied(); tooltip.show()\"\n      #tooltip=\"matTooltip\" [matTooltip]=\"text\" matTooltipPosition=\"below\"\n    >\n      {{data | dataAccessor:name | smartExp:name}}\n    </p>\n  </td>\n</ng-container>", styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] .nowrap,td[mat-cell] .nowrap{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
+            args: [{ selector: 'molecules-smart-column', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, template: "<ng-container matColumnDef>\n  <th\n    mat-header-cell\n    *matHeaderCellDef\n    [style.text-align]=\"justify\"\n    (click)=\"headerClick.emit()\"\n  >\n    <p class=\"nowrap\" style=\"display: flex; align-items: center;\">\n      <span>{{headerText}}</span>\n      <ng-container [ngSwitch]=\"sort\">\n        <mat-icon class=\"order\" *ngSwitchCase=\"'asc'\">south</mat-icon>\n        <mat-icon class=\"order\" *ngSwitchCase=\"'desc'\">north</mat-icon>\n      </ng-container>\n    </p>\n  </th>\n  <td mat-cell *matCellDef=\"let data\" [style.text-align]=\"justify\">\n    <p class=\"nowrap\"\n      [cdkCopyToClipboard]=\"data | dataAccessor: name | smartExp: name\"\n      (click)=\"copied(); tooltip.show()\"\n      #tooltip=\"matTooltip\" [matTooltip]=\"text\" matTooltipPosition=\"below\"\n    >\n      {{ data | dataAccessor: name }}\n    </p>\n  </td>\n</ng-container>", styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] .nowrap,td[mat-cell] .nowrap{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
         }], null, { sort: [{
                 type: Input
             }], headerClick: [{
@@ -113,19 +110,6 @@ SmartColumnMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartCo
             }] });
 })();
-class DataAccessorPipe {
-    transform(data, name) {
-        return get(data, name);
-    }
-}
-DataAccessorPipe.ɵfac = function DataAccessorPipe_Factory(t) { return new (t || DataAccessorPipe)(); };
-DataAccessorPipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "dataAccessor", type: DataAccessorPipe, pure: true });
-(function () {
-    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DataAccessorPipe, [{
-            type: Pipe,
-            args: [{ name: 'dataAccessor', pure: true }]
-        }], null, null);
-})();
 class SmartColumnModule {
 }
 SmartColumnModule.ɵfac = function SmartColumnModule_Factory(t) { return new (t || SmartColumnModule)(); };
@@ -145,13 +129,13 @@ SmartColumnModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [Common
             args: [{
                     declarations: [
                         SmartColumnMolecule,
-                        DataAccessorPipe,
                     ],
                     imports: [
                         CommonModule,
                         ClipboardModule,
                         // Pipes
                         SmartExpModule,
+                        DataAccessorPipe,
                         // Materials
                         MatButtonModule,
                         MatIconModule,
@@ -164,17 +148,17 @@ SmartColumnModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [Common
         }], null, null);
 })();
 (function () {
-    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SmartColumnModule, { declarations: [SmartColumnMolecule, DataAccessorPipe], imports: [CommonModule,
+    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SmartColumnModule, { declarations: [SmartColumnMolecule], imports: [CommonModule,
             ClipboardModule,
             // Pipes
             SmartExpModule,
+            DataAccessorPipe,
             // Materials
             MatButtonModule,
             MatIconModule,
             MatTableModule,
             MatTooltipModule], exports: [SmartColumnMolecule] });
 })();
-i0.ɵɵsetComponentScope(SmartColumnMolecule, [i1.NgSwitch, i1.NgSwitchCase, i2.CdkCopyToClipboard, i3.MatIcon, i4.MatHeaderCellDef, i4.MatColumnDef, i4.MatCellDef, i4.MatHeaderCell, i4.MatCell, i5.MatTooltip], [i6.SmartExpPipe, DataAccessorPipe]);
 /**
  * Generated bundle index. Do not edit.

package/fesm2015/ng-atomic-components-molecules-smart-column.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-molecules-smart-column.mjs","sources":["../../../../libs/components/src/molecules/smart-column/smart-column.molecule.html","../../../../libs/components/src/molecules/smart-column/smart-column.molecule.ts","../../../../libs/components/src/molecules/smart-column/smart-column.module.ts","../../../../libs/components/src/molecules/smart-column/ng-atomic-components-molecules-smart-column.ts"],"sourcesContent":["<ng-container matColumnDef>\n <th\n mat-header-cell\n matHeaderCellDef\n [style.text-align]=\"justify\"\n (click)=\"headerClick.emit()\"\n >\n <p class=\"nowrap\" style=\"display: flex; align-items: center;\">\n <span>{{headerText}}</span>\n <ng-container [ngSwitch]=\"sort\">\n <mat-icon class=\"order\" ngSwitchCase=\"'asc'\">south</mat-icon>\n <mat-icon class=\"order\" ngSwitchCase=\"'desc'\">north</mat-icon>\n </ng-container>\n </p>\n </th>\n <td mat-cell matCellDef=\"let data\" [style.text-align]=\"justify\">\n <p class=\"nowrap\"\n [cdkCopyToClipboard]=\"data \| dataAccessor:name \| smartExp:name\"\n (click)=\"copied(); tooltip.show()\"\n #tooltip=\"matTooltip\" [matTooltip]=\"text\" matTooltipPosition=\"below\"\n >\n {{data \| dataAccessor:name ~~\| smartExp:name~~}}\n </p>\n </td>\n</ng-container>","import { ChangeDetectionStrategy, Input, Output, EventEmitter, Component, ViewEncapsulation, Optional, Inject, inject } from '@angular/core';\nimport { MatTextColumn } from '@angular/material/table';\n\n@Component({\n selector: 'molecules-smart-column',\n templateUrl: './smart-column.molecule.html',\n styleUrls: ['./smart-column.molecule.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class SmartColumnMolecule<T> extends MatTextColumn<T> {\n ~~override dataAccessor = (): string => {~~\n ~~throw new Error('dataAccessor is not allowed');\n~~ ~~};\n \n~~ @Input()\n sort: 'asc' \| 'desc' \| 'none' = 'none';\n\n @Output()\n headerClick = new EventEmitter<void>();\n\n text = 'copy';\n\n copied() {\n this.text = 'copied!';\n setTimeout(() => this.text = 'copy', 1000);\n }\n\n}\n","import { NgModule, Pipe } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ClipboardModule } from '@angular/cdk/clipboard';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { SmartExpModule } from '@ng-atomic/common/pipes/smart-exp';\nimport { SmartColumnMolecule } from './smart-column.molecule';\nimport { ~~get~~ } from '~~lodash';\n\n~~@~~Pipe({name:~~ '~~dataAccessor', pure: true})\nexport class DataAccessorPipe {\n transform(data: any, name: string): string {\n return get(data, name)~~;\n }\n~~}\n\n~~@NgModule({\n declarations: [\n SmartColumnMolecule,\n ~~DataAccessorPipe,\n~~ ],\n imports: [\n CommonModule,\n ClipboardModule,\n // Pipes\n SmartExpModule,\n // Materials\n MatButtonModule,\n MatIconModule,\n MatTableModule,\n MatTooltipModule,\n ],\n exports: [SmartColumnMolecule],\n bootstrap: [SmartColumnMolecule],\n})\nexport class SmartColumnModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;~~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~~;;;~~AAAA,QAAA,EAAA,CAAA,YAAA,EAAI,EAAA,CAAA;;;;;QAP8B,EAA4B,CAAA,WAAA,CAAA,YAAA,EAAA,MAAA,CAAA,OAAA,CAAA,CAAA;AAE5D,QAAA,~~EAA+D~~,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;~~AAA/D~~,QAAA,EAAA,CAAA,UAAA,CAAA,oBAAA,EAAA,EAAA,CAAA,WAAA,CAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA,WAAA,CAAA,CAAA,EAAA,CAAA,EAAA,OAAA,EAAA,MAAA,CAAA,IAAA,CAAA,EAAA,MAAA,CAAA,IAAA,CAAA,~~CAA+D~~,CAAA,YAAA,EAAA,MAAA,CAAA,IAAA,CAAA,CAAA;~~AAI/D~~,QAAA,EACF,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;~~AADE~~,~~QAAA,~~EACF,CAAA,kBAAA,CAAA,GAAA,EAAA,EAAA,CAAA,WAAA,CAAA,CAAA,EAAA,EAAA,EAAA,~~EAAA,CAAA,WAAA,CAAA,CAAA,EAAA,EAAA,EAAA,~~OAAA,EAAA,MAAA,CAAA,IAAA,CAAA,EAAA,~~MAAA,CAAA,IAAA,CAAA,EAAA,~~GAAA,CAAA,CAAA;;;ACZE,MAAO,mBAAuB,SAAQ,aAAgB,CAAA;AAP5D,IAAA,WAAA,GAAA;;~~AAQW~~,QAAA,~~IAAY,CAAA,YAAA,GAAG,MAAa;AACnC,YAAA,MAAM,~~IAAI,~~KAAK,CAAC,6BAA6B,CAAC,CAAC;AACjD,SAAC,CAAC;AAGF,QAAA,IAAI,~~CAAA,IAAA,GAA4B,MAAM,CAAC;AAGvC,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAAQ,CAAC;AAEvC,QAAA,IAAI,CAAA,IAAA,GAAG,MAAM,CAAC;~~KAOf~~;~~IALC~~,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;AACtB,QAAA,UAAU,CAAC,MAAM,IAAI,CAAC,IAAI,GAAG,MAAM,EAAE,IAAI,CAAC,CAAC;KAC5C;;~~AAhBU~~,mBAAA,CAAA,IAAA,iBAAA,YAAA,EAAA,IAAA,gCAAA,CAAA,CAAA,OAAA,SAAA,2BAAA,CAAA,CAAA,IAAA,OAAA,CAAA,gCAAA,KAAA,gCAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,mBAAmB,SAAnB,mBAAmB,CAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;sEAAnB,mBAAmB,EAAA,SAAA,EAAA,CAAA,CAAA,wBAAA,CAAA,CAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,QAAA,EAAA,CAAA,EAAA,CAAA,0BAAA,CAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,CAAA,cAAA,EAAA,EAAA,CAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,CAAA,EAAA,kBAAA,CAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,YAAA,CAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,CAAA,EAAA,OAAA,CAAA,EAAA,CAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,SAAA,EAAA,MAAA,EAAA,aAAA,EAAA,QAAA,CAAA,EAAA,CAAA,CAAA,EAAA,UAAA,CAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,CAAA,EAAA,cAAA,CAAA,EAAA,CAAA,CAAA,EAAA,OAAA,CAAA,EAAA,CAAA,UAAA,EAAA,EAAA,CAAA,EAAA,CAAA,oBAAA,EAAA,OAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,OAAA,CAAA,EAAA,CAAA,SAAA,EAAA,YAAA,CAAA,CAAA,EAAA,QAAA,EAAA,SAAA,4BAAA,CAAA,EAAA,EAAA,GAAA,EAAA;QAAA,IAAA,EAAA,GAAA,CAAA,EAAA;ADVhC,YAAA,EAA2B,CAAA,uBAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA;AACzB,YAAA,EAaK,CAAA,UAAA,CAAA,CAAA,EAAA,iCAAA,EAAA,CAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA;AACL,YAAA,EAQK,CAAA,UAAA,CAAA,CAAA,EAAA,iCAAA,EAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA;YACP,EAAe,CAAA,qBAAA,EAAA,CAAA;;;;4ECdF,mBAAmB,EAAA,CAAA;kBAP/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wBAAwB,iBAGnB,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,OAAO,EAAA,QAAA,EAAA,~~63BAAA~~,EAAA,MAAA,EAAA,CAAA,oRAAA,CAAA,EAAA,CAAA;~~oBAQhD~~,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,MAAM;;;;~~MCNI~~,gBAAgB,CAAA;IAC3B,SAAS,CAAC,IAAS,EAAE,IAAY,EAAA;AAC/B,QAAA,OAAO,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;KACxB;;gFAHU,gBAAgB,GAAA,CAAA,EAAA,CAAA;qFAAhB,gBAAgB,EAAA,IAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;4EAAhB,gBAAgB,EAAA,CAAA;kBAD5B,IAAI;YAAC,IAAA,EAAA,CAAA,EAAC,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,IAAI,EAAC,CAAA;;;MA0B3B,iBAAiB,CAAA;;kFAAjB,iBAAiB,GAAA,CAAA,EAAA,CAAA;AAAjB,iBAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,IAAA,EAAA,iBAAiB,cAFhB,mBAAmB,CAAA,EAAA,CAAA,CAAA;~~uEAX7B~~,YAAY;QACZ,eAAe;;QAEf,cAAc;;~~QAEd~~,eAAe;QACf,aAAa;QACb,cAAc;QACd,gBAAgB,CAAA,EAAA,CAAA,CAAA;;4EAKP,iBAAiB,EAAA,CAAA;kBAnB7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,mBAAmB;~~wBACnB~~,~~gBAAgB;AACjB,~~qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,eAAe;;wBAEf,cAAc;;~~wBAEd~~,eAAe;wBACf,aAAa;wBACb,cAAc;wBACd,gBAAgB;AACjB,qBAAA;oBACD,OAAO,EAAE,CAAC,mBAAmB,CAAC;oBAC9B,SAAS,EAAE,CAAC,mBAAmB,CAAC;iBACjC,CAAA~~;;;AACY~~,~~CAAA~~,~~YAAA;IAAA~~,~~CAAA~~,~~OAAA~~,~~SAAA,KAAA,WAAA,IAAA,SAAA,KAAA,~~EAAA,~~CAAA~~,~~kBAAA~~,CAAA,~~iBAAiB,EAjB1B,~~EAAA,~~YAAA~~,EAAA,~~CAAA~~,~~mBAAmB,EARV,gBAAgB,aAYzB,~~YAAY;YACZ,eAAe;;YAEf,cAAc;;~~YAEd~~,eAAe;YACf,aAAa;YACb,cAAc;YACd,gBAAgB,aAER,mBAAmB,CAAA,EAAA,CAAA,CAAA;AAAA,CAAA,GAAA~~,CAAA;AAd3B,EAAA,CAAA,mBAAA,CAAA,mBAAmB,yLARV,gBAAgB,CAAA,CAAA~~;;~~ACZ7B~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-molecules-smart-column.mjs","sources":["../../../../libs/components/src/molecules/smart-column/smart-column.molecule.html","../../../../libs/components/src/molecules/smart-column/smart-column.molecule.ts","../../../../libs/components/src/molecules/smart-column/smart-column.module.ts","../../../../libs/components/src/molecules/smart-column/ng-atomic-components-molecules-smart-column.ts"],"sourcesContent":["<ng-container matColumnDef>\n <th\n mat-header-cell\n matHeaderCellDef\n [style.text-align]=\"justify\"\n (click)=\"headerClick.emit()\"\n >\n <p class=\"nowrap\" style=\"display: flex; align-items: center;\">\n <span>{{headerText}}</span>\n <ng-container [ngSwitch]=\"sort\">\n <mat-icon class=\"order\" ngSwitchCase=\"'asc'\">south</mat-icon>\n <mat-icon class=\"order\" ngSwitchCase=\"'desc'\">north</mat-icon>\n </ng-container>\n </p>\n </th>\n <td mat-cell matCellDef=\"let data\" [style.text-align]=\"justify\">\n <p class=\"nowrap\"\n [cdkCopyToClipboard]=\"data \| dataAccessor: name \| smartExp: name\"\n (click)=\"copied(); tooltip.show()\"\n #tooltip=\"matTooltip\" [matTooltip]=\"text\" matTooltipPosition=\"below\"\n >\n {{ data \| dataAccessor: name }}\n </p>\n </td>\n</ng-container>","import { ChangeDetectionStrategy, Input, Output, EventEmitter, Component, ViewEncapsulation, Optional, Inject, inject, ViewChild } from '@angular/core';\nimport { MatColumnDef, MatTextColumn } from '@angular/material/table';\n\n@Component({\n selector: 'molecules-smart-column',\n templateUrl: './smart-column.molecule.html',\n styleUrls: ['./smart-column.molecule.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class SmartColumnMolecule<T> extends MatTextColumn<T> {\n\n @Input()\n sort: 'asc' \| 'desc' \| 'none' = 'none';\n\n @Output()\n headerClick = new EventEmitter<void>();\n\n text = 'copy';\n\n copied() {\n this.text = 'copied!';\n setTimeout(() => this.text = 'copy', 1000);\n }\n}\n","import { NgModule, Pipe } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ClipboardModule } from '@angular/cdk/clipboard';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { SmartExpModule } from '@ng-atomic/common/pipes/smart-exp';\nimport { SmartColumnMolecule } from './smart-column.molecule';\nimport { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';\n\n@NgModule({\n declarations: [\n SmartColumnMolecule,\n ],\n imports: [\n CommonModule,\n ClipboardModule,\n // Pipes\n SmartExpModule,\n DataAccessorPipe,\n // Materials\n MatButtonModule,\n MatIconModule,\n MatTableModule,\n MatTooltipModule,\n ],\n exports: [SmartColumnMolecule],\n bootstrap: [SmartColumnMolecule],\n})\nexport class SmartColumnModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-atomic-components-molecules-text-input-field.mjs CHANGED Viewed

@@ -9,16 +9,97 @@ import * as i3 from '@angular/material/form-field';
 import * as i4 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
-function TextInputFieldMolecule_mat_hint_4_Template(rf, ctx) {
+function TextInputFieldMolecule_mat_form_field_1_mat_hint_4_Template(rf, ctx) {
     if (rf & 1) {
         i0.ɵɵelementStart(0, "mat-hint");
         i0.ɵɵtext(1);
         i0.ɵɵelementEnd();
     }
+    if (rf & 2) {
+        const ctx_r3 = i0.ɵɵnextContext(2);
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate(ctx_r3.hint);
+    }
+}
+function TextInputFieldMolecule_mat_form_field_1_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "mat-form-field", 3)(1, "mat-label");
+        i0.ɵɵtext(2);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelement(3, "input", 4);
+        i0.ɵɵtemplate(4, TextInputFieldMolecule_mat_form_field_1_mat_hint_4_Template, 2, 1, "mat-hint", 5);
+        i0.ɵɵelementEnd();
+    }
     if (rf & 2) {
         const ctx_r0 = i0.ɵɵnextContext();
+        i0.ɵɵadvance(2);
+        i0.ɵɵtextInterpolate(ctx_r0.label);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("name", ctx_r0.name)("formControl", ctx_r0.control)("placeholder", ctx_r0.placeholder);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx_r0.hint);
+    }
+}
+function TextInputFieldMolecule_mat_form_field_2_mat_hint_4_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "mat-hint");
+        i0.ɵɵtext(1);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const ctx_r4 = i0.ɵɵnextContext(2);
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate(ctx_r4.hint);
+    }
+}
+function TextInputFieldMolecule_mat_form_field_2_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "mat-form-field", 3)(1, "mat-label");
+        i0.ɵɵtext(2);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelement(3, "input", 6);
+        i0.ɵɵtemplate(4, TextInputFieldMolecule_mat_form_field_2_mat_hint_4_Template, 2, 1, "mat-hint", 5);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const ctx_r1 = i0.ɵɵnextContext();
+        i0.ɵɵadvance(2);
+        i0.ɵɵtextInterpolate(ctx_r1.label);
         i0.ɵɵadvance(1);
-        i0.ɵɵtextInterpolate(ctx_r0.hint);
+        i0.ɵɵproperty("name", ctx_r1.name)("formControl", ctx_r1.control)("placeholder", ctx_r1.placeholder);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx_r1.hint);
+    }
+}
+function TextInputFieldMolecule_mat_form_field_3_mat_hint_4_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "mat-hint");
+        i0.ɵɵtext(1);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const ctx_r5 = i0.ɵɵnextContext(2);
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate(ctx_r5.hint);
+    }
+}
+function TextInputFieldMolecule_mat_form_field_3_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "mat-form-field", 3)(1, "mat-label");
+        i0.ɵɵtext(2);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelement(3, "input", 7);
+        i0.ɵɵtemplate(4, TextInputFieldMolecule_mat_form_field_3_mat_hint_4_Template, 2, 1, "mat-hint", 5);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const ctx_r2 = i0.ɵɵnextContext();
+        i0.ɵɵadvance(2);
+        i0.ɵɵtextInterpolate(ctx_r2.label);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("name", ctx_r2.name)("formControl", ctx_r2.control)("placeholder", ctx_r2.placeholder);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx_r2.hint);
     }
 }
 class TextInputFieldMolecule {
@@ -30,28 +111,26 @@ class TextInputFieldMolecule {
     }
 }
 TextInputFieldMolecule.ɵfac = function TextInputFieldMolecule_Factory(t) { return new (t || TextInputFieldMolecule)(); };
-TextInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TextInputFieldMolecule, selectors: [["molecules-text-input-field"]], hostAttrs: [1, "molecule", "field"], inputs: { type: "type", name: "name", label: "label", control: "control", placeholder: "placeholder", hint: "hint" }, decls: 5, vars: 6, consts: [["appearance", "outline"], ["matInput", "", 3, "name", "type", "formControl", "placeholder"], [4, "ngIf"]], template: function TextInputFieldMolecule_Template(rf, ctx) {
+TextInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TextInputFieldMolecule, selectors: [["molecules-text-input-field"]], hostAttrs: [1, "molecule", "field"], inputs: { type: "type", name: "name", label: "label", control: "control", placeholder: "placeholder", hint: "hint" }, decls: 4, vars: 3, consts: [[3, "ngSwitch"], ["appearance", "outline", 4, "ngSwitchDefault"], ["appearance", "outline", 4, "ngSwitchCase"], ["appearance", "outline"], ["matInput", "", "type", "string", 3, "name", "formControl", "placeholder"], [4, "ngIf"], ["matInput", "", "type", "number", 3, "name", "formControl", "placeholder"], ["matInput", "", "type", "password", 3, "name", "formControl", "placeholder"]], template: function TextInputFieldMolecule_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "mat-form-field", 0)(1, "mat-label");
-            i0.ɵɵtext(2);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelement(3, "input", 1);
-            i0.ɵɵtemplate(4, TextInputFieldMolecule_mat_hint_4_Template, 2, 1, "mat-hint", 2);
-            i0.ɵɵelementEnd();
+            i0.ɵɵelementContainerStart(0, 0);
+            i0.ɵɵtemplate(1, TextInputFieldMolecule_mat_form_field_1_Template, 5, 5, "mat-form-field", 1);
+            i0.ɵɵtemplate(2, TextInputFieldMolecule_mat_form_field_2_Template, 5, 5, "mat-form-field", 2);
+            i0.ɵɵtemplate(3, TextInputFieldMolecule_mat_form_field_3_Template, 5, 5, "mat-form-field", 2);
+            i0.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
+            i0.ɵɵproperty("ngSwitch", ctx.type);
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx.label);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("name", ctx.name)("type", ctx.type)("formControl", ctx.control)("placeholder", ctx.placeholder);
+            i0.ɵɵproperty("ngSwitchCase", "number");
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", ctx.hint);
+            i0.ɵɵproperty("ngSwitchCase", "password");
         }
-    }, dependencies: [i1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective, i3.MatFormField, i3.MatHint, i3.MatLabel, i4.MatInput], styles: ["[_nghost-%COMP%]{display:block;width:100%}[_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+    }, dependencies: [i1.NgIf, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault, i2.DefaultValueAccessor, i2.NumberValueAccessor, i2.NgControlStatus, i2.FormControlDirective, i3.MatFormField, i3.MatHint, i3.MatLabel, i4.MatInput], styles: ["[_nghost-%COMP%]{display:block;width:100%}[_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextInputFieldMolecule, [{
             type: Component,
-            args: [{ selector: 'molecules-text-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [name]=\"name\" [type]=\"type\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n  <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
+            args: [{ selector: 'molecules-text-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, template: "<!-- ATTENTION(nontangent): <input matInput is not worked [type]=\"type\"> -->\n<ng-container [ngSwitch]=\"type\">\n  <mat-form-field *ngSwitchDefault appearance=\"outline\">\n    <mat-label>{{ label }}</mat-label>\n      <input matInput [name]=\"name\" type=\"string\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n    <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n    <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n  </mat-form-field>\n  <mat-form-field *ngSwitchCase=\"'number'\" appearance=\"outline\">\n    <mat-label>{{ label }}</mat-label>\n      <input matInput [name]=\"name\" type=\"number\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n    <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n    <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n  </mat-form-field>\n  <mat-form-field *ngSwitchCase=\"'password'\" appearance=\"outline\">\n    <mat-label>{{ label }}</mat-label>\n      <input matInput [name]=\"name\" type=\"password\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n    <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n    <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n  </mat-form-field>\n</ng-container>\n", styles: [":host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
         }], null, { type: [{
                 type: Input
             }], name: [{

package/fesm2015/ng-atomic-components-molecules-text-input-field.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-molecules-text-input-field.mjs","sources":["../../../../libs/components/src/molecules/text-input-field/text-input-field.molecule.html","../../../../libs/components/src/molecules/text-input-field/text-input-field.molecule.ts","../../../../libs/components/src/molecules/text-input-field/text-input-field.module.ts","../../../../libs/components/src/molecules/text-input-field/ng-atomic-components-molecules-text-input-field.ts"],"sourcesContent":["<mat-form-field appearance=\"outline\">\n <mat-label>{{ label }}</mat-label>\n <input matInput [name]=\"name\" [~~type~~]=\"type\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n <mat-hint ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n selector: 'molecules-text-input-field',\n templateUrl: './text-input-field.molecule.html',\n styleUrls: ['./text-input-field.molecule.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'molecule field'},\n})\nexport class TextInputFieldMolecule {\n\n @Input()\n type: 'text' \| 'number' \| 'password' = 'text';\n\n @Input()\n name?: string;\n\n @Input()\n label = 'label';\n\n @Input()\n control = new FormControl<string \| number>();\n\n @Input()\n placeholder = 'placeholder';\n\n @Input()\n hint?: string;\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\n// import { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\n\nimport { TextInputFieldMolecule } from './text-input-field.molecule';\n\n\n\n@NgModule({\n declarations: [TextInputFieldMolecule],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n // Materials\n // MatFormFieldModule,\n MatInputModule,\n ],\n exports: [TextInputFieldMolecule],\n bootstrap: [TextInputFieldMolecule],\n})\nexport class TextInputFieldModule { }\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;~~AAIE~~,QAAA,EAAuB,CAAA,cAAA,CAAA,CAAA,EAAA,UAAA,CAAA,CAAA;AAAA,QAAA,EAAU,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;QAAA,EAAW,CAAA,YAAA,EAAA,CAAA;;;;AAArB,QAAA,EAAU,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;AAAV,QAAA,EAAU,CAAA,iBAAA,CAAA,MAAA,CAAA,IAAA,CAAA,CAAA;;;~~MCMtB~~,sBAAsB,CAAA;AAPnC,IAAA,WAAA,GAAA;AAUE,QAAA,IAAI,CAAA,IAAA,GAAmC,MAAM,CAAC;AAM9C,QAAA,IAAK,CAAA,KAAA,GAAG,OAAO,CAAC;AAGhB,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,EAAmB,CAAC;AAG7C,QAAA,IAAW,CAAA,WAAA,GAAG,aAAa,CAAC;KAK7B;;4FApBY,sBAAsB,GAAA,CAAA,EAAA,CAAA;yEAAtB,sBAAsB,EAAA,SAAA,EAAA,CAAA,CAAA,4BAAA,CAAA,CAAA,EAAA,SAAA,EAAA,CAAA,CAAA,EAAA,UAAA,EAAA,OAAA,CAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,aAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,CAAA,YAAA,EAAA,SAAA,CAAA,EAAA,CAAA,~~UAAA~~,EAAA,EAAA,EAAA,CAAA,EAAA,MAAA,EAAA,MAAA,EAAA,aAAA,EAAA,aAAA,CAAA,EAAA,CAAA,CAAA,EAAA,MAAA,CAAA,CAAA,EAAA,QAAA,EAAA,~~SAAA,+BAAA~~,CAAA,EAAA,EAAA,~~GAAA~~,EAAA~~;QAAA~~,~~IAAA~~,EAAA,~~GAAA~~,CAAA,EAAA~~;ADVnC~~,~~YAAA~~,EAAA,~~CAAA~~,~~cAAA~~,CAAA,CAAA,EAAA,~~gBAAA~~,EAAA,CAAA,~~CAAqC~~,~~CAAA~~,~~CAAA~~,EAAA,~~WAAA~~,CAAA,~~CAAA~~;~~AACxB~~,YAAA,~~EAAW~~,CAAA,~~MAAA~~,CAAA,CAAA,CAAA,CAAA;YAAA,~~EAAY~~,CAAA,~~YAAA~~,~~EAAA~~,CAAA~~;YAClC~~,~~EAAgG~~,~~CAAA~~,~~SAAA~~,CAAA,CAAA,EAAA,~~OAAA~~,EAAA,CAAA,CAAA,CAAA;~~AAEhG~~,YAAA,~~EAA4C~~,CAAA,UAAA,CAAA,CAAA,EAAA,~~0CAAA~~,EAAA,CAAA,EAAA,CAAA,EAAA,~~UAAA~~,EAAA,CAAA,CAAA,CAAA;~~YAC9C~~,~~EAAiB,CAAA,~~YAAA,~~EAAA~~,CAAA~~;;;AAJJ~~,~~YAAA~~,~~EAAW~~,CAAA,~~SAAA~~,~~CAAA~~,~~CAAA~~,CAAA,~~CAAA;AAAX~~,~~YAAA,EAAW,~~CAAA,~~iBAAA~~,~~CAAA~~,~~GAAA~~,CAAA,~~KAAA,~~CAAA,CAAA;~~AACN~~,~~YAAA~~,~~EAAa,~~CAAA,~~SAAA~~,~~CAAA~~,CAAA,~~CAAA~~,CAAA~~;AAAb~~,~~YAAA~~,~~EAAa,~~CAAA,UAAA,~~CAAA,MAAA,~~EAAA,GAAA,CAAA,IAAA,CAAA,CAAA,~~MAAA~~,~~EAAA~~,~~GAAA,~~CAAA,~~IAAA~~,CAAA,~~4BAAA~~,CAAA,~~aAAA~~,~~EAAA~~,~~GAAA~~,CAAA,~~WAAA~~,CAAA,CAAA;~~AAElB~~,YAAA,~~EAAU~~,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;~~YAAV~~,~~EAAU~~,CAAA,UAAA,CAAA,~~MAAA~~,EAAA,~~GAAA~~,CAAA,~~IAAA,~~CAAA~~,CAAA~~;;;;~~4ECMV~~,sBAAsB,EAAA,CAAA;kBAPlC,SAAS;+BACE,4BAA4B,EAAA,eAAA,EAGrB,uBAAuB,CAAC,MAAM,QACzC,EAAC,KAAK,EAAE,gBAAgB,EAAC,EAAA,QAAA,EAAA,~~oUAAA~~,EAAA,MAAA,EAAA,CAAA,mEAAA,CAAA,EAAA,CAAA;oBAK/B,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;;;;MCLK,oBAAoB,CAAA;;wFAApB,oBAAoB,GAAA,CAAA,EAAA,CAAA;AAApB,oBAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,IAAA,EAAA,oBAAoB,cAFnB,sBAAsB,CAAA,EAAA,CAAA,CAAA;0EAPhC,YAAY;QACZ,mBAAmB;;;QAGnB,cAAc,CAAA,EAAA,CAAA,CAAA;;4EAKL,oBAAoB,EAAA,CAAA;kBAZhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,sBAAsB,CAAC;AACtC,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;;;wBAGnB,cAAc;AACf,qBAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;oBACjC,SAAS,EAAE,CAAC,sBAAsB,CAAC;iBACpC,CAAA;;;;6EACY,oBAAoB,EAAA,EAAA,YAAA,EAAA,CAXhB,sBAAsB,CAAA,EAAA,OAAA,EAAA,CAEnC,YAAY;YACZ,mBAAmB;;;YAGnB,cAAc,aAEN,sBAAsB,CAAA,EAAA,CAAA,CAAA;AAAA,CAAA,GAAA;;ACnBlC;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-molecules-text-input-field.mjs","sources":["../../../../libs/components/src/molecules/text-input-field/text-input-field.molecule.html","../../../../libs/components/src/molecules/text-input-field/text-input-field.molecule.ts","../../../../libs/components/src/molecules/text-input-field/text-input-field.module.ts","../../../../libs/components/src/molecules/text-input-field/ng-atomic-components-molecules-text-input-field.ts"],"sourcesContent":["<!-- ATTENTION(nontangent): <input matInput is not worked [type]=\"type\"> -->\n<ng-container [ngSwitch]=\"type\">\n <mat-form-field ngSwitchDefault appearance=\"outline\">\n <mat-label>{{ label }}</mat-label>\n <input matInput [name]=\"name\" type=\"string\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n <mat-hint ngIf=\"hint\">{{ hint }}</mat-hint>\n </mat-form-field>\n <mat-form-field ngSwitchCase=\"'number'\" appearance=\"outline\">\n <mat-label>{{ label }}</mat-label>\n <input matInput [name]=\"name\" type=\"number\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n <mat-hint ngIf=\"hint\">{{ hint }}</mat-hint>\n </mat-form-field>\n <mat-form-field ngSwitchCase=\"'password'\" appearance=\"outline\">\n <mat-label>{{ label }}</mat-label>\n <input matInput [name]=\"name\" type=\"password\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n <mat-hint ngIf=\"hint\">{{ hint }}</mat-hint>\n </mat-form-field>\n</ng-container>\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n selector: 'molecules-text-input-field',\n templateUrl: './text-input-field.molecule.html',\n styleUrls: ['./text-input-field.molecule.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'molecule field'},\n})\nexport class TextInputFieldMolecule {\n\n @Input()\n type: 'text' \| 'number' \| 'password' = 'text';\n\n @Input()\n name?: string;\n\n @Input()\n label = 'label';\n\n @Input()\n control = new FormControl<string \| number>();\n\n @Input()\n placeholder = 'placeholder';\n\n @Input()\n hint?: string;\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\n// import { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\n\nimport { TextInputFieldMolecule } from './text-input-field.molecule';\n\n\n\n@NgModule({\n declarations: [TextInputFieldMolecule],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n // Materials\n // MatFormFieldModule,\n MatInputModule,\n ],\n exports: [TextInputFieldMolecule],\n bootstrap: [TextInputFieldMolecule],\n})\nexport class TextInputFieldModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-atomic-components-organisms-action-buttons-section.mjs CHANGED Viewed

@@ -10,38 +10,40 @@ function ActionButtonsSectionOrganism_ng_container_0_Template(rf, ctx) {
         const _r3 = i0.ɵɵgetCurrentView();
         i0.ɵɵelementContainerStart(0);
         i0.ɵɵelementStart(1, "button", 1);
-        i0.ɵɵlistener("click", function ActionButtonsSectionOrganism_ng_container_0_Template_button_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r3); const item_r1 = restoredCtx.$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.action.emit(item_r1)); });
+        i0.ɵɵlistener("click", function ActionButtonsSectionOrganism_ng_container_0_Template_button_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r3); const _action_r1 = restoredCtx.$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.action.emit(_action_r1)); });
         i0.ɵɵtext(2);
         i0.ɵɵelementEnd();
         i0.ɵɵelementContainerEnd();
     }
     if (rf & 2) {
-        const item_r1 = ctx.$implicit;
-        i0.ɵɵadvance(2);
-        i0.ɵɵtextInterpolate(item_r1 == null ? null : item_r1.name);
+        const _action_r1 = ctx.$implicit;
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("disabled", _action_r1 == null ? null : _action_r1.disabled);
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate(_action_r1 == null ? null : _action_r1.name);
     }
 }
 class ActionButtonsSectionOrganism {
     constructor() {
-        this.items = [];
+        this.actions = [];
         this.action = new EventEmitter();
         this.trackById = (item) => item.id;
     }
 }
 ActionButtonsSectionOrganism.ɵfac = function ActionButtonsSectionOrganism_Factory(t) { return new (t || ActionButtonsSectionOrganism)(); };
-ActionButtonsSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActionButtonsSectionOrganism, selectors: [["organisms-action-buttons-section"]], hostAttrs: [1, "organism", "section"], inputs: { items: "items" }, outputs: { action: "action" }, decls: 1, vars: 2, consts: [[4, "ngFor", "ngForOf", "ngForTrackBy"], ["mat-raised-button", "", "color", "primary", 3, "click"]], template: function ActionButtonsSectionOrganism_Template(rf, ctx) {
+ActionButtonsSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActionButtonsSectionOrganism, selectors: [["organisms-action-buttons-section"]], hostAttrs: [1, "organism", "section"], inputs: { actions: "actions" }, outputs: { action: "action" }, decls: 1, vars: 2, consts: [[4, "ngFor", "ngForOf", "ngForTrackBy"], ["mat-raised-button", "", "color", "primary", 3, "disabled", "click"]], template: function ActionButtonsSectionOrganism_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵtemplate(0, ActionButtonsSectionOrganism_ng_container_0_Template, 3, 1, "ng-container", 0);
+            i0.ɵɵtemplate(0, ActionButtonsSectionOrganism_ng_container_0_Template, 3, 2, "ng-container", 0);
         }
         if (rf & 2) {
-            i0.ɵɵproperty("ngForOf", ctx.items)("ngForTrackBy", ctx.trackById);
+            i0.ɵɵproperty("ngForOf", ctx.actions)("ngForTrackBy", ctx.trackById);
         }
-    }, dependencies: [i1.NgForOf, i2.MatButton], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-bQ1n: var(--horizontal-padding)}[_nghost-%COMP%]{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-bQ1n);box-sizing:border-box}[_nghost-%COMP%]   button[_ngcontent-%COMP%]{width:100%;height:48px}"], changeDetection: 0 });
+    }, dependencies: [i1.NgForOf, i2.MatButton], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-dyeo: var(--horizontal-padding)}[_nghost-%COMP%]{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-dyeo);box-sizing:border-box}[_nghost-%COMP%]   button[_ngcontent-%COMP%]{width:100%;height:48px}"], changeDetection: 0 });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionButtonsSectionOrganism, [{
             type: Component,
-            args: [{ selector: 'organisms-action-buttons-section', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism section' }, template: "<ng-container *ngFor=\"let item of items; trackBy: trackById\">\n  <button mat-raised-button color=\"primary\" (click)=\"action.emit(item)\">{{ item?.name }}</button>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-bQ1n: var(--horizontal-padding)}:host{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-bQ1n);box-sizing:border-box}:host button{width:100%;height:48px}\n"] }]
-        }], null, { items: [{
+            args: [{ selector: 'organisms-action-buttons-section', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism section' }, template: "<ng-container *ngFor=\"let _action of actions; trackBy: trackById\">\n  <button mat-raised-button color=\"primary\" [disabled]=\"_action?.disabled\" (click)=\"action.emit(_action)\">{{ _action?.name }}</button>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-dyeo: var(--horizontal-padding)}:host{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-dyeo);box-sizing:border-box}:host button{width:100%;height:48px}\n"] }]
+        }], null, { actions: [{
                 type: Input
             }], action: [{
                 type: Output

package/fesm2015/ng-atomic-components-organisms-action-buttons-section.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-organisms-action-buttons-section.mjs","sources":["../../../../libs/components/src/organisms/action-buttons-section/action-buttons-section.organism.html","../../../../libs/components/src/organisms/action-buttons-section/action-buttons-section.organism.ts","../../../../libs/components/src/organisms/action-buttons-section/action-buttons-section.module.ts","../../../../libs/components/src/organisms/action-buttons-section/ng-atomic-components-organisms-action-buttons-section.ts"],"sourcesContent":["<ng-container ngFor=\"let ~~item~~ of ~~items~~; trackBy: trackById\">\n <button mat-raised-button color=\"primary\" (click)=\"action.emit(~~item~~)\">{{ ~~item~~?.name }}</button>\n</ng-container>","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action, ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n selector: 'organisms-action-buttons-section',\n templateUrl: './action-buttons-section.organism.html',\n styleUrls: ['./action-buttons-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'organism section'},\n})\nexport class ActionButtonsSectionOrganism {\n @Input()\n ~~items~~: ~~ActionItem~~[] = [];\n\n @Output()\n action = new EventEmitter<Action>();\n\n trackById = (item: ActionItem) => item.id;\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\n\nimport { ActionButtonsSectionOrganism } from './action-buttons-section.organism';\n\n@NgModule({\n declarations: [\n ActionButtonsSectionOrganism\n ],\n imports: [\n CommonModule,\n // Materials\n MatButtonModule,\n ],\n exports: [\n ActionButtonsSectionOrganism\n ],\n bootstrap: [\n ActionButtonsSectionOrganism,\n ],\n})\nexport class ActionButtonsSectionModule { }\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAAA,QAAA,~~EAA6D~~,CAAA,uBAAA,CAAA,CAAA,CAAA,CAAA;~~QAC3D~~,~~EAAsE~~,CAAA,cAAA,CAAA,CAAA,EAAA,QAAA,EAAA,CAAA,CAAA,CAAA;~~QAA5B~~,EAAS,CAAA,UAAA,CAAA,OAAA,EAAA,SAAA,4EAAA,GAAA,EAAA,MAAA,WAAA,GAAA,EAAA,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,CAAA,MAAA,~~OAAA~~,GAAA,WAAA,CAAA,SAAA,CAAA,CAAA,MAAA,MAAA,GAAA,EAAA,CAAA,aAAA,EAAA,CAAA,CAAA,OAAA,EAAA,CAAA,WAAA,CAAA,~~MAAiB~~,CAAA,MAAA,CAAA,IAAA,CAAA,~~OAAA~~,CAAA,CAAA,CAAC,EAAA,CAAA,CAAA;AAAC,QAAA,~~EAAgB~~,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;QAAA,EAAS,CAAA,YAAA,EAAA,CAAA;~~QACjG~~,EAAe,CAAA,qBAAA,EAAA,CAAA;;;;~~AADyD~~,QAAA,~~EAAgB~~,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;~~AAAhB~~,QAAA,~~EAAgB~~,CAAA,iBAAA,CAAA,~~OAAA~~,IAAA,IAAA,GAAA,IAAA,GAAA,~~OAAA~~,CAAA,IAAA,CAAA,CAAA;;;~~MCS3E~~,4BAA4B,CAAA;AAPzC,IAAA,WAAA,GAAA;AASE,QAAA,~~IAAK~~,CAAA,~~KAAA~~,~~GAAiB~~,EAAE,CAAC;~~AAGzB~~,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;QAEpC,IAAS,CAAA,SAAA,GAAG,CAAC,IAAgB,KAAK,IAAI,CAAC,EAAE,CAAC;KAC3C;;wGARY,4BAA4B,GAAA,CAAA,EAAA,CAAA;+EAA5B,4BAA4B,EAAA,SAAA,EAAA,CAAA,CAAA,kCAAA,CAAA,CAAA,EAAA,SAAA,EAAA,CAAA,CAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,MAAA,EAAA,EAAA,~~KAAA~~,EAAA,~~OAAA~~,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,CAAA,CAAA,EAAA,OAAA,EAAA,SAAA,EAAA,cAAA,CAAA,EAAA,CAAA,mBAAA,EAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,CAAA,EAAA,OAAA,CAAA,CAAA,EAAA,QAAA,EAAA,SAAA,qCAAA,CAAA,EAAA,EAAA,GAAA,EAAA;QAAA,IAAA,EAAA,GAAA,CAAA,EAAA;ADVzC,YAAA,EAEe,CAAA,UAAA,CAAA,CAAA,EAAA,oDAAA,EAAA,CAAA,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA;;;~~AAFgB~~,YAAA,EAAA,CAAA,UAAA,CAAA,SAAA,EAAA,GAAA,CAAA,~~KAAA~~,~~CAAU~~,CAAA,cAAA,EAAA,GAAA,CAAA,SAAA,CAAA,CAAA;;;;~~4ECU5B~~,4BAA4B,EAAA,CAAA;kBAPxC,SAAS;+BACE,kCAAkC,EAAA,eAAA,EAG3B,uBAAuB,CAAC,MAAM,QACzC,EAAC,KAAK,EAAE,kBAAkB,EAAC,EAAA,QAAA,EAAA,~~yLAAA~~,EAAA,MAAA,EAAA,CAAA,wTAAA,CAAA,EAAA,CAAA;oBAIjC,~~KAAK~~,EAAA,CAAA;~~sBADJ~~,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;;MCQI,0BAA0B,CAAA;;oGAA1B,0BAA0B,GAAA,CAAA,EAAA,CAAA;AAA1B,0BAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,IAAA,EAAA,0BAA0B,cAHnC,4BAA4B,CAAA,EAAA,CAAA,CAAA;gFAR5B,YAAY;;QAEZ,eAAe,CAAA,EAAA,CAAA,CAAA;;4EASN,0BAA0B,EAAA,CAAA;kBAhBtC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,4BAA4B;AAC7B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,eAAe;AAChB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,4BAA4B;AAC7B,qBAAA;AACD,oBAAA,SAAS,EAAE;wBACT,4BAA4B;AAC7B,qBAAA;iBACF,CAAA;;;;6EACY,0BAA0B,EAAA,EAAA,YAAA,EAAA,CAdnC,4BAA4B,CAAA,EAAA,OAAA,EAAA,CAG5B,YAAY;;YAEZ,eAAe,aAGf,4BAA4B,CAAA,EAAA,CAAA,CAAA;AAAA,CAAA,GAAA;;AChBhC;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-organisms-action-buttons-section.mjs","sources":["../../../../libs/components/src/organisms/action-buttons-section/action-buttons-section.organism.html","../../../../libs/components/src/organisms/action-buttons-section/action-buttons-section.organism.ts","../../../../libs/components/src/organisms/action-buttons-section/action-buttons-section.module.ts","../../../../libs/components/src/organisms/action-buttons-section/ng-atomic-components-organisms-action-buttons-section.ts"],"sourcesContent":["<ng-container ngFor=\"let _action of actions; trackBy: trackById\">\n <button mat-raised-button color=\"primary\" [disabled]=\"_action?.disabled\" (click)=\"action.emit(_action)\">{{ _action?.name }}</button>\n</ng-container>","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action, ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n selector: 'organisms-action-buttons-section',\n templateUrl: './action-buttons-section.organism.html',\n styleUrls: ['./action-buttons-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'organism section'},\n})\nexport class ActionButtonsSectionOrganism {\n @Input()\n actions: Action[] = [];\n\n @Output()\n action = new EventEmitter<Action>();\n\n trackById = (item: ActionItem) => item.id;\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\n\nimport { ActionButtonsSectionOrganism } from './action-buttons-section.organism';\n\n@NgModule({\n declarations: [\n ActionButtonsSectionOrganism\n ],\n imports: [\n CommonModule,\n // Materials\n MatButtonModule,\n ],\n exports: [\n ActionButtonsSectionOrganism\n ],\n bootstrap: [\n ActionButtonsSectionOrganism,\n ],\n})\nexport class ActionButtonsSectionModule { }\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-atomic-components-organisms-back-navigator.mjs CHANGED Viewed

@@ -54,11 +54,11 @@ BackNavigatorOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BackN
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("items", ctx.items);
         }
-    }, dependencies: [i1.NgIf, i2.MatButton, i3.MatIcon, i4.MatToolbar, i5.SmartMenuButtonAtom], styles: ["[_nghost-%COMP%]{--height: 64px;--height-SCOPED-IN-back-navigator-8GuW: var(--height)}[_nghost-%COMP%]{display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-8GuW)}[_nghost-%COMP%]   div.text[_ngcontent-%COMP%]{display:flex;flex-direction:row;justify-content:center;align-items:flex-end}[_nghost-%COMP%]   div.text[_ngcontent-%COMP%]   .description[_ngcontent-%COMP%]{line-height:1em;font-size:12px;margin-bottom:8px;margin-left:4px}[_nghost-%COMP%]   mat-toolbar[_ngcontent-%COMP%]{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center}[_nghost-%COMP%]   div[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center}"], changeDetection: 0 });
+    }, dependencies: [i1.NgIf, i2.MatButton, i3.MatIcon, i4.MatToolbar, i5.SmartMenuButtonAtom], styles: ["[_nghost-%COMP%]{--height: 64px;--height-SCOPED-IN-back-navigator-Q9v4: var(--height)}[_nghost-%COMP%]{display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-Q9v4)}[_nghost-%COMP%]   div.text[_ngcontent-%COMP%]{display:flex;flex-direction:row;justify-content:center;align-items:flex-end}[_nghost-%COMP%]   div.text[_ngcontent-%COMP%]   .description[_ngcontent-%COMP%]{line-height:1em;font-size:12px;margin-bottom:8px;margin-left:4px}[_nghost-%COMP%]   mat-toolbar[_ngcontent-%COMP%]{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center}[_nghost-%COMP%]   div[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center}"], changeDetection: 0 });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BackNavigatorOrganism, [{
             type: Component,
-            args: [{ selector: 'organisms-back-navigator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar color=\"primary\">\n  <div>\n    <button mat-icon-button *ngIf=\"canBack\" (click)=\"backButtonClick.emit()\">\n      <mat-icon>arrow_back</mat-icon>\n    </button>\n    <div class=\"text\">\n      <span class=\"title\">{{ title || '' }}</span>\n      <span class=\"description\">{{ description || '' }}</span>\n    </div>\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [items]=\"items\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--height: 64px;--height-SCOPED-IN-back-navigator-8GuW: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-8GuW)}:host div.text{display:flex;flex-direction:row;justify-content:center;align-items:flex-end}:host div.text .description{line-height:1em;font-size:12px;margin-bottom:8px;margin-left:4px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center}:host div{display:flex;justify-content:center;align-items:center}\n"] }]
+            args: [{ selector: 'organisms-back-navigator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar color=\"primary\">\n  <div>\n    <button mat-icon-button *ngIf=\"canBack\" (click)=\"backButtonClick.emit()\">\n      <mat-icon>arrow_back</mat-icon>\n    </button>\n    <div class=\"text\">\n      <span class=\"title\">{{ title || '' }}</span>\n      <span class=\"description\">{{ description || '' }}</span>\n    </div>\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [items]=\"items\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--height: 64px;--height-SCOPED-IN-back-navigator-Q9v4: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-Q9v4)}:host div.text{display:flex;flex-direction:row;justify-content:center;align-items:flex-end}:host div.text .description{line-height:1em;font-size:12px;margin-bottom:8px;margin-left:4px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center}:host div{display:flex;justify-content:center;align-items:center}\n"] }]
         }], null, { canBack: [{
                 type: Input
             }], title: [{

package/fesm2015/ng-atomic-components-organisms-card-input-section.mjs CHANGED Viewed

@@ -20,11 +20,11 @@ CardInputSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Ca
         if (rf & 2) {
             i0.ɵɵproperty("control", ctx.control)("label", ctx.label)("placeholder", ctx.placeholder);
         }
-    }, dependencies: [i1.TextInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-wwuB: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-wwuB);box-sizing:border-box}[_nghost-%COMP%]   .molecule.input-field[_ngcontent-%COMP%], [_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+    }, dependencies: [i1.TextInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-PsWg: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-PsWg);box-sizing:border-box}[_nghost-%COMP%]   .molecule.input-field[_ngcontent-%COMP%], [_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardInputSectionOrganism, [{
             type: Component,
-            args: [{ selector: 'organisms-card-input-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-text-input-field\n  type=\"text\"\n  name=\"cardNumber\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-wwuB: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-wwuB);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
+            args: [{ selector: 'organisms-card-input-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-text-input-field\n  type=\"text\"\n  name=\"cardNumber\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-PsWg: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-PsWg);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
         }], null, { control: [{
                 type: Input
             }], label: [{

package/fesm2015/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs CHANGED Viewed

@@ -34,11 +34,11 @@ CvcAndExpInputSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ typ
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("control", ctx.form.get("cvc"));
         }
-    }, dependencies: [i1.SelectInputFieldMolecule, i2.TextInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-EXqp: var(--horizontal-padding)}[_nghost-%COMP%]{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-EXqp);box-sizing:border-box}[_nghost-%COMP%]   .field[_ngcontent-%COMP%]:not(:first-child){margin-left:8px}[_nghost-%COMP%]   .year.field[_ngcontent-%COMP%], [_nghost-%COMP%]   .month.field[_ngcontent-%COMP%]{width:auto}[_nghost-%COMP%]   .cvc.field[_ngcontent-%COMP%]{width:100px}"], changeDetection: 0 });
+    }, dependencies: [i1.SelectInputFieldMolecule, i2.TextInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-LneI: var(--horizontal-padding)}[_nghost-%COMP%]{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-LneI);box-sizing:border-box}[_nghost-%COMP%]   .field[_ngcontent-%COMP%]:not(:first-child){margin-left:8px}[_nghost-%COMP%]   .year.field[_ngcontent-%COMP%], [_nghost-%COMP%]   .month.field[_ngcontent-%COMP%]{width:auto}[_nghost-%COMP%]   .cvc.field[_ngcontent-%COMP%]{width:100px}"], changeDetection: 0 });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CvcAndExpInputSectionOrganism, [{
             type: Component,
-            args: [{ selector: 'organisms-cvc-and-exp-input-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-select-input-field\n  class=\"year field\"\n  label=\"\u6709\u52B9\u671F\u9650(\u5E74)\"\n  [control]=\"form.get('expYear')\"\n  [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n  class=\"month field\"\n  label=\"\u6709\u52B9\u671F\u9650(\u6708)\"\n  [control]=\"form.get('expMonth')\"\n  [options]=\"monthOptions\"\n></molecules-select-input-field>\n<molecules-text-input-field\n  class=\"cvc field\"\n  type=\"text\"\n  name=\"cardNumber\"\n  label=\"CVC\"\n  placeholder=\"4\u6841\u306E\u756A\u53F7\"\n  [control]=\"form.get('cvc')\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-EXqp: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-EXqp);box-sizing:border-box}:host .field:not(:first-child){margin-left:8px}:host .year.field,:host .month.field{width:auto}:host .cvc.field{width:100px}\n"] }]
+            args: [{ selector: 'organisms-cvc-and-exp-input-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-select-input-field\n  class=\"year field\"\n  label=\"\u6709\u52B9\u671F\u9650(\u5E74)\"\n  [control]=\"form.get('expYear')\"\n  [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n  class=\"month field\"\n  label=\"\u6709\u52B9\u671F\u9650(\u6708)\"\n  [control]=\"form.get('expMonth')\"\n  [options]=\"monthOptions\"\n></molecules-select-input-field>\n<molecules-text-input-field\n  class=\"cvc field\"\n  type=\"text\"\n  name=\"cardNumber\"\n  label=\"CVC\"\n  placeholder=\"4\u6841\u306E\u756A\u53F7\"\n  [control]=\"form.get('cvc')\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-LneI: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-LneI);box-sizing:border-box}:host .field:not(:first-child){margin-left:8px}:host .year.field,:host .month.field{width:auto}:host .cvc.field{width:100px}\n"] }]
         }], null, { form: [{
                 type: Input
             }] });

package/fesm2015/ng-atomic-components-organisms-date-input-section.mjs CHANGED Viewed

@@ -20,11 +20,11 @@ DateInputSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Da
         if (rf & 2) {
             i0.ɵɵproperty("control", ctx.control)("label", ctx.label)("placeholder", ctx.placeholder);
         }
-    }, dependencies: [i1.DateInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-rArS: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-rArS);box-sizing:border-box}[_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+    }, dependencies: [i1.DateInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-Zzpp: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-Zzpp);box-sizing:border-box}[_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DateInputSectionOrganism, [{
             type: Component,
-            args: [{ selector: 'organisms-date-input-section', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism section' }, template: "<molecules-date-input-field\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-date-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-rArS: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-rArS);box-sizing:border-box}:host mat-form-field{width:100%}\n"] }]
+            args: [{ selector: 'organisms-date-input-section', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism section' }, template: "<molecules-date-input-field\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-date-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-Zzpp: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-Zzpp);box-sizing:border-box}:host mat-form-field{width:100%}\n"] }]
         }], null, { control: [{
                 type: Input
             }], label: [{

package/fesm2015/ng-atomic-components-organisms-heading.mjs CHANGED Viewed

@@ -150,11 +150,11 @@ HeadingOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HeadingOrga
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngSwitchCase", 6);
         }
-    }, dependencies: [i1.NgTemplateOutlet, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-hcQ0: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-hcQ0)}"], changeDetection: 0 });
+    }, dependencies: [i1.NgTemplateOutlet, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-9onw: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-9onw)}"], changeDetection: 0 });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HeadingOrganism, [{
             type: Component,
-            args: [{ selector: 'organisms-heading', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #temp><ng-content></ng-content></ng-template>\n\n<ng-container [ngSwitch]=\"level\">\n  <h1 *ngSwitchDefault><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h1>\n  <h2 *ngSwitchCase=\"2\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h2>\n  <h3 *ngSwitchCase=\"3\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h3>\n  <h4 *ngSwitchCase=\"4\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h4>\n  <h5 *ngSwitchCase=\"5\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h5>\n  <h6 *ngSwitchCase=\"6\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h6>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-hcQ0: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-hcQ0)}\n"] }]
+            args: [{ selector: 'organisms-heading', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #temp><ng-content></ng-content></ng-template>\n\n<ng-container [ngSwitch]=\"level\">\n  <h1 *ngSwitchDefault><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h1>\n  <h2 *ngSwitchCase=\"2\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h2>\n  <h3 *ngSwitchCase=\"3\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h3>\n  <h4 *ngSwitchCase=\"4\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h4>\n  <h5 *ngSwitchCase=\"5\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h5>\n  <h6 *ngSwitchCase=\"6\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h6>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-9onw: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-9onw)}\n"] }]
         }], null, { level: [{
                 type: Input
             }] });

package/fesm2015/ng-atomic-components-organisms-navigation-list.mjs CHANGED Viewed

@@ -11,7 +11,7 @@ function NavigationListOrganism_molecules_navigation_list_item_1_Template(rf, ct
     if (rf & 1) {
         const _r3 = i0.ɵɵgetCurrentView();
         i0.ɵɵelementStart(0, "molecules-navigation-list-item", 2);
-        i0.ɵɵlistener("click", function NavigationListOrganism_molecules_navigation_list_item_1_Template_molecules_navigation_list_item_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r3); const item_r1 = restoredCtx.$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.action.emit(item_r1.id)); });
+        i0.ɵɵlistener("click", function NavigationListOrganism_molecules_navigation_list_item_1_Template_molecules_navigation_list_item_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r3); const item_r1 = restoredCtx.$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.action.emit(item_r1)); });
         i0.ɵɵelementEnd();
     }
     if (rf & 2) {
@@ -37,11 +37,11 @@ NavigationListOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Navi
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngForOf", ctx.items);
         }
-    }, dependencies: [i1.NgForOf, i2.MatSelectionList, i3.NavigationListItemMolecule], styles: ["[_nghost-%COMP%]{--primary-color: #3f51b5;--primary-color-SCOPED-IN-navigation-list-iSO3: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-navigation-list-iSO3: var(--secondary-color);--color: white;--color-SCOPED-IN-navigation-list-iSO3: var(--color)}[_nghost-%COMP%]{display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-navigation-list-iSO3);color:var(--color-SCOPED-IN-navigation-list-iSO3);box-sizing:border-box}[_nghost-%COMP%]   .mat-list-item[_ngcontent-%COMP%]{height:3rem!important}[_nghost-%COMP%]     .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--color-SCOPED-IN-navigation-list-iSO3);font-size:12px}[_nghost-%COMP%]     .mat-list-item .mat-list-text{padding-left:8px!important}"], changeDetection: 0 });
+    }, dependencies: [i1.NgForOf, i2.MatSelectionList, i3.NavigationListItemMolecule], styles: ["[_nghost-%COMP%]{--primary-color: #3f51b5;--primary-color-SCOPED-IN-navigation-list-zZtS: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-navigation-list-zZtS: var(--secondary-color);--color: white;--color-SCOPED-IN-navigation-list-zZtS: var(--color)}[_nghost-%COMP%]{display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-navigation-list-zZtS);color:var(--color-SCOPED-IN-navigation-list-zZtS);box-sizing:border-box}[_nghost-%COMP%]   .mat-list-item[_ngcontent-%COMP%]{height:3rem!important}[_nghost-%COMP%]     .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--color-SCOPED-IN-navigation-list-zZtS);font-size:12px}[_nghost-%COMP%]     .mat-list-item .mat-list-text{padding-left:8px!important}"], changeDetection: 0 });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavigationListOrganism, [{
             type: Component,
-            args: [{ selector: 'organisms-navigation-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-selection-list [multiple]=\"false\">\n  <molecules-navigation-list-item\n    *ngFor=\"let item of items\" \n    [item]=\"item\"\n    (click)=\"action.emit(item.id)\"\n  ></molecules-navigation-list-item>\n</mat-selection-list>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-navigation-list-iSO3: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-navigation-list-iSO3: var(--secondary-color);--color: white;--color-SCOPED-IN-navigation-list-iSO3: var(--color)}:host{display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-navigation-list-iSO3);color:var(--color-SCOPED-IN-navigation-list-iSO3);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host ::ng-deep .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--color-SCOPED-IN-navigation-list-iSO3);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}\n"] }]
+            args: [{ selector: 'organisms-navigation-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-selection-list [multiple]=\"false\">\n  <molecules-navigation-list-item\n    *ngFor=\"let item of items\" \n    [item]=\"item\"\n    (click)=\"action.emit(item)\"\n  ></molecules-navigation-list-item>\n</mat-selection-list>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-navigation-list-zZtS: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-navigation-list-zZtS: var(--secondary-color);--color: white;--color-SCOPED-IN-navigation-list-zZtS: var(--color)}:host{display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-navigation-list-zZtS);color:var(--color-SCOPED-IN-navigation-list-zZtS);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host ::ng-deep .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--color-SCOPED-IN-navigation-list-zZtS);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}\n"] }]
         }], null, { items: [{
                 type: Input
             }], action: [{