npm - @ng-atomic/components - Versions diffs - 4.13.0 → 4.15.0 - Mend

@ng-atomic/components 4.13.0 → 4.15.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 (113) hide show

package/fesm2015/ng-atomic-components-templates-smart-index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-templates-smart-index.mjs","sources":["../../../../libs/components/src/templates/smart-index/smart-index.template.html","../../../../libs/components/src/templates/smart-index/smart-index.template.ts","../../../../libs/components/src/templates/smart-index/smart-index.module.ts","../../../../libs/components/src/templates/smart-index/ng-atomic-components-templates-smart-index.ts"],"sourcesContent":["<frames-scroll>\n <organisms-navigator\n [leftItems]=\"canBack ? navigatorLeftItems : []\"\n [rightItems]=\"navigatorMenuItems\"\n (action)=\"onAction($event)\"\n navigator\n >\n <molecules-header [title]=\"title\" [description]=\"description\"></molecules-header>\n </organisms-navigator>\n <frames-auto-layout vertical contents>\n <organisms-smart-table\n [items]=\"items\"\n [menuItems]=\"rowMenuItems\"\n [itemActions]=\"itemActions\"\n [columns]=\"properties\"\n [selectedIdSet]=\"selectedIdSet\"\n [sortKey]=\"sortKey\"\n [sortOrder]=\"sortOrder\"\n (action)=\"action.emit($event)\"\n (checkboxClick)=\"checkboxClick.emit($event)\"\n (headerClick)=\"tableHeaderClick.emit($event)\"\n ></organisms-smart-table>\n <organisms-paginator\n ngIf=\"page\"\n [control]=\"queryControl\"\n [page]=\"page\"\n [pageSizeOptions]=\"pageSizeOptions\"\n [placeholder]=\"queryPlaceholder\"\n (pageChange)=\"pageChange.emit($event)\"\n ></organisms-paginator>\n </frames-auto-layout>\n</frames-scroll>","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { PageEvent } from '@angular/material/paginator';\nimport { Action, ActionItem } from '@ng-atomic/common/models';\nimport { FormControl } from '@ngneat/reactive-forms';\n\nexport enum ActionId {\n BACK = '[@ng-atomic/components/templates/smart-crud] Back',\n}\n\n\n@Component({\n selector: 'templates-smart-index',\n templateUrl: './smart-index.template.html',\n styleUrls: ['./smart-index.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: { class: 'template' },\n})\nexport class SmartIndexTemplate<T> {\n\n @Input()\n canBack = false;\n\n @Input()\n queryControl = new FormControl<string>('');\n\n @Input()\n title: string = '';\n\n @Input()\n description?: string;\n\n @Input()\n items: T[] = [];\n\n @Input()\n rowMenuItems: ActionItem[] = [];\n\n @Input()\n itemActions: (item: T) => ActionItem[] = () => [];\n\n @Input()\n navigatorMenuItems: ActionItem[] = [];\n\n @Input()\n properties: (keyof T)[] = [];\n\n @Input()\n selectedIdSet = new Set<string>();\n\n @Input()\n sortKey?: string;\n\n @Input()\n sortOrder?: string;\n\n @Input()\n page?: PageEvent = {\n pageIndex: 0,\n pageSize: 20,\n length: 100,\n };\n\n @Input()\n pageSizeOptions: number[] = [5, 10, 25, 100];\n\n @Input()\n queryPlaceholder = '';\n\n @Output()\n action = new EventEmitter<Action>();\n\n @Output()\n backButtonClick = new EventEmitter();\n\n @Output()\n checkboxClick = new EventEmitter<T>();\n\n @Output()\n pageChange = new EventEmitter<PageEvent>();\n\n @Output()\n tableHeaderClick = new EventEmitter<string>();\n\n navigatorLeftItems = [{ id: ActionId.BACK, icon: 'arrow_back' }];\n\n onAction(action: Action): void {\n switch(action.id) {\n case ActionId.BACK: return this.backButtonClick.emit();\n default: return this.action.emit(action);\n }\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { ScrollModule } from '@ng-atomic/components/frames/scroll';\nimport { HeaderModule } from '@ng-atomic/components/molecules/header';\nimport { SmartTableModule } from '@ng-atomic/components/organisms/smart-table';\nimport { NavigatorModule } from '@ng-atomic/components/organisms/navigator';\nimport { PaginatorModule } from '@ng-atomic/components/organisms/paginator';\n\nimport { SmartIndexTemplate } from './smart-index.template';\n\n\n@NgModule({\n declarations: [\n SmartIndexTemplate\n ],\n imports: [\n CommonModule,\n // Frames\n AutoLayoutModule,\n ScrollModule,\n // Organisms\n PaginatorModule,\n SmartTableModule,\n NavigatorModule,\n // Molecules\n HeaderModule,\n ],\n exports: [\n SmartIndexTemplate\n ]\n})\nexport class SmartIndexModule { }\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ng-atomic-components-templates-smart-index.mjs","sources":["../../../../libs/components/src/templates/smart-index/smart-index.template.html","../../../../libs/components/src/templates/smart-index/smart-index.template.ts","../../../../libs/components/src/templates/smart-index/smart-index.module.ts","../../../../libs/components/src/templates/smart-index/ng-atomic-components-templates-smart-index.ts"],"sourcesContent":["<frames-scroll>\n <organisms-navigator\n [leftItems]=\"canBack ? navigatorLeftItems : []\"\n [rightItems]=\"navigatorMenuItems\"\n (action)=\"onAction($event)\"\n navigator\n >\n <molecules-header [title]=\"title\" [description]=\"description\"></molecules-header>\n </organisms-navigator>\n <frames-auto-layout vertical contents>\n <organisms-smart-table\n [items]=\"items\"\n [menuItems]=\"rowMenuItems\"\n [itemActions]=\"itemActions\"\n [columns]=\"properties\"\n [selectedIdSet]=\"selectedIdSet\"\n [sortKey]=\"sortKey\"\n [sortOrder]=\"sortOrder\"\n (action)=\"action.emit($event)\"\n (checkboxClick)=\"checkboxClick.emit($event)\"\n (headerClick)=\"action.emit({id: ActionId.TABLE_HEADER_CLICK, payload: $event})\"\n ></organisms-smart-table>\n <organisms-paginator\n ngIf=\"page\"\n [control]=\"queryControl\"\n [page]=\"page\"\n [pageSizeOptions]=\"pageSizeOptions\"\n [placeholder]=\"queryPlaceholder\"\n (pageChange)=\"pageChange.emit($event)\"\n ></organisms-paginator>\n </frames-auto-layout>\n</frames-scroll>","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { PageEvent } from '@angular/material/paginator';\nimport { Action, ActionItem } from '@ng-atomic/common/models';\nimport { FormControl } from '@ngneat/reactive-forms';\n\nexport enum ActionId {\n BACK = '[@ng-atomic/components/templates/smart-index] Back',\n TABLE_HEADER_CLICK = '[@ng-atomic/components/templates/smart-index] Table Header Click',\n}\n\n@Component({\n selector: 'templates-smart-index',\n templateUrl: './smart-index.template.html',\n styleUrls: ['./smart-index.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: { class: 'template' },\n})\nexport class SmartIndexTemplate<T> {\n protected ActionId = ActionId;\n\n @Input()\n canBack = false;\n\n @Input()\n queryControl = new FormControl<string>('');\n\n @Input()\n title: string = '';\n\n @Input()\n description?: string;\n\n @Input()\n items: T[] = [];\n\n @Input()\n rowMenuItems: ActionItem[] = [];\n\n @Input()\n itemActions: (item: T) => ActionItem[] = () => [];\n\n @Input()\n navigatorMenuItems: ActionItem[] = [];\n\n @Input()\n properties: (keyof T)[] = [];\n\n @Input()\n selectedIdSet = new Set<string>();\n\n @Input()\n sortKey?: string;\n\n @Input()\n sortOrder?: string;\n\n @Input()\n page?: PageEvent = {\n pageIndex: 0,\n pageSize: 20,\n length: 100,\n };\n\n @Input()\n pageSizeOptions: number[] = [5, 10, 25, 100];\n\n @Input()\n queryPlaceholder = '';\n\n @Output()\n action = new EventEmitter<Action>();\n\n @Output()\n backButtonClick = new EventEmitter();\n\n @Output()\n checkboxClick = new EventEmitter<T>();\n\n @Output()\n pageChange = new EventEmitter<PageEvent>();\n\n navigatorLeftItems = [{ id: ActionId.BACK, icon: 'arrow_back' }];\n\n onAction(action: Action): void {\n switch(action.id) {\n default: return this.action.emit(action);\n }\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { ScrollModule } from '@ng-atomic/components/frames/scroll';\nimport { HeaderModule } from '@ng-atomic/components/molecules/header';\nimport { SmartTableModule } from '@ng-atomic/components/organisms/smart-table';\nimport { NavigatorModule } from '@ng-atomic/components/organisms/navigator';\nimport { PaginatorModule } from '@ng-atomic/components/organisms/paginator';\n\nimport { SmartIndexTemplate } from './smart-index.template';\n\n\n@NgModule({\n declarations: [\n SmartIndexTemplate\n ],\n imports: [\n CommonModule,\n // Frames\n AutoLayoutModule,\n ScrollModule,\n // Organisms\n PaginatorModule,\n SmartTableModule,\n NavigatorModule,\n // Molecules\n HeaderModule,\n ],\n exports: [\n SmartIndexTemplate\n ]\n})\nexport class SmartIndexModule { }\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/ng-atomic-components-atoms-icon.mjs CHANGED Viewed

@@ -46,10 +46,10 @@ IconAtom.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: IconAtom, selector
         i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(1, 2, ctx.hasSvgIcon$));
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", !i0.ɵɵpipeBind1(3, 4, ctx.hasSvgIcon$));
-    } }, dependencies: [i2.NgIf, i1.MatIcon, i2.AsyncPipe], styles: ["[_nghost-%COMP%]{display:block;--color: inherit;--color-SCOPED-IN-icon-DDJ9: var(--color)}[_nghost-%COMP%]   mat-icon[_ngcontent-%COMP%]{color:var(--color-SCOPED-IN-icon-DDJ9)}[_nghost-%COMP%]   mat-icon[_ngcontent-%COMP%]     svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-DDJ9)}"], changeDetection: 0 });
+    } }, dependencies: [i2.NgIf, i1.MatIcon, i2.AsyncPipe], styles: ["[_nghost-%COMP%]{display:block;--color: inherit;--color-SCOPED-IN-icon-SurB: var(--color)}[_nghost-%COMP%]   mat-icon[_ngcontent-%COMP%]{color:var(--color-SCOPED-IN-icon-SurB)}[_nghost-%COMP%]   mat-icon[_ngcontent-%COMP%]     svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-SurB)}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IconAtom, [{
         type: Component,
-        args: [{ selector: 'atoms-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-icon\n  *ngIf=\"hasSvgIcon$ | async\"\n  [svgIcon]=\"name$ | async\"\n></mat-icon>\n<mat-icon\n  *ngIf=\"!(hasSvgIcon$ | async)\"\n>{{ name$ | async }}</mat-icon>\n", styles: [":host{display:block;--color: inherit;--color-SCOPED-IN-icon-DDJ9: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-DDJ9)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-DDJ9)}\n"] }]
+        args: [{ selector: 'atoms-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-icon\n  *ngIf=\"hasSvgIcon$ | async\"\n  [svgIcon]=\"name$ | async\"\n></mat-icon>\n<mat-icon\n  *ngIf=\"!(hasSvgIcon$ | async)\"\n>{{ name$ | async }}</mat-icon>\n", styles: [":host{display:block;--color: inherit;--color-SCOPED-IN-icon-SurB: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-SurB)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-SurB)}\n"] }]
     }], function () { return [{ type: i1.MatIconRegistry }]; }, { name: [{
             type: Input
         }], color: [{

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

@@ -9,10 +9,10 @@ AutoLayoutFrame.ɵfac = function AutoLayoutFrame_Factory(t) { return new (t || A
 AutoLayoutFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AutoLayoutFrame, selectors: [["frames-auto-layout"]], ngContentSelectors: _c0, decls: 1, vars: 0, template: function AutoLayoutFrame_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵprojection(0);
-    } }, styles: ["[_nghost-%COMP%]{--gap: 24px;--gap-SCOPED-IN-auto-layout-GOGs: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-GOGs: var(--vertical-padding)}[_nghost-%COMP%]{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-GOGs);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-GOGs) 0}[horizontal][_nghost-%COMP%]{flex-direction:row}[vertical][_nghost-%COMP%]{flex-direction:column}"], changeDetection: 0 });
+    } }, styles: ["[_nghost-%COMP%]{--gap: 24px;--gap-SCOPED-IN-auto-layout-biRR: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-biRR: var(--vertical-padding)}[_nghost-%COMP%]{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-biRR);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-biRR) 0}[horizontal][_nghost-%COMP%]{flex-direction:row}[vertical][_nghost-%COMP%]{flex-direction:column}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AutoLayoutFrame, [{
         type: Component,
-        args: [{ selector: 'frames-auto-layout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-GOGs: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-GOGs: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-GOGs);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-GOGs) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
+        args: [{ selector: 'frames-auto-layout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-biRR: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-biRR: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-biRR);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-biRR) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
     }], null, null); })();
 class AutoLayoutModule {

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

@@ -34,10 +34,10 @@ DrawerFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DrawerFrame, se
         i0.ɵɵelementEnd()();
     } if (rf & 2) {
         i0.ɵɵproperty("autosize", false);
-    } }, dependencies: [i1.MatDrawer, i1.MatDrawerContainer, i1.MatDrawerContent], styles: ["[_nghost-%COMP%]{--content-width: 360px;--content-width-SCOPED-IN-drawer-AjFV: var(--content-width)}[_nghost-%COMP%]   mat-drawer-content[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+    } }, dependencies: [i1.MatDrawer, i1.MatDrawerContainer, i1.MatDrawerContent], styles: ["[_nghost-%COMP%]{--content-width: 360px;--content-width-SCOPED-IN-drawer-ToT9: var(--content-width)}[_nghost-%COMP%]   mat-drawer-content[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrawerFrame, [{
         type: Component,
-        args: [{ selector: 'frames-drawer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-drawer-container [autosize]=\"false\">\n  <mat-drawer #drawer mode=\"side\">\n    <ng-content select=[drawer]></ng-content>\n  </mat-drawer>\n\n  <mat-drawer-content>\n    <ng-content select=[contents]></ng-content>\n  </mat-drawer-content>\n  \n</mat-drawer-container>", styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-AjFV: var(--content-width)}:host mat-drawer-content{width:100%}\n"] }]
+        args: [{ selector: 'frames-drawer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-drawer-container [autosize]=\"false\">\n  <mat-drawer #drawer mode=\"side\">\n    <ng-content select=[drawer]></ng-content>\n  </mat-drawer>\n\n  <mat-drawer-content>\n    <ng-content select=[contents]></ng-content>\n  </mat-drawer-content>\n  \n</mat-drawer-container>", styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-ToT9: var(--content-width)}:host mat-drawer-content{width:100%}\n"] }]
     }], null, { drawer: [{
             type: ViewChild,
             args: [MatDrawer]

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

@@ -177,10 +177,10 @@ LineUpFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LineUpFrame, se
         i0.ɵɵproperty("@modeChangeForMain", ctx.mode);
         i0.ɵɵadvance(3);
         i0.ɵɵproperty("@modeChangeForNext", ctx.mode);
-    } }, styles: ["[_nghost-%COMP%]{--gap: 1px;--gap-SCOPED-IN-line-up-i1kR: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-i1kR: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-i1kR: var(--contents-background)}[_nghost-%COMP%]{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-i1kR);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-i1kR)}[_nghost-%COMP%]   div[_ngcontent-%COMP%]{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-i1kR)}[_nghost-%COMP%]   div.main[_ngcontent-%COMP%]{overflow:hidden;justify-content:flex-end}[_nghost-%COMP%]   div.next[_ngcontent-%COMP%]{overflow:visible;justify-content:flex-start}"], data: { animation: LINE_UP_ANIMATIONS } });
+    } }, styles: ["[_nghost-%COMP%]{--gap: 1px;--gap-SCOPED-IN-line-up-VDrO: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-VDrO: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-VDrO: var(--contents-background)}[_nghost-%COMP%]{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-VDrO);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-VDrO)}[_nghost-%COMP%]   div[_ngcontent-%COMP%]{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-VDrO)}[_nghost-%COMP%]   div.main[_ngcontent-%COMP%]{overflow:hidden;justify-content:flex-end}[_nghost-%COMP%]   div.next[_ngcontent-%COMP%]{overflow:visible;justify-content:flex-start}"], data: { animation: LINE_UP_ANIMATIONS } });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LineUpFrame, [{
         type: Component,
-        args: [{ selector: 'frames-line-up', changeDetection: ChangeDetectionStrategy.Default, animations: LINE_UP_ANIMATIONS, template: "<div class=\"main\" [@modeChangeForMain]=\"mode\" #main>\n  <ng-content select=\"[main]\"></ng-content>\n</div>\n<div class=\"next\" [@modeChangeForNext]=\"mode\" #next>\n  <ng-content select=\"[next]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-line-up-i1kR: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-i1kR: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-i1kR: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-i1kR);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-i1kR)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-i1kR)}:host div.main{overflow:hidden;justify-content:flex-end}:host div.next{overflow:visible;justify-content:flex-start}\n"] }]
+        args: [{ selector: 'frames-line-up', changeDetection: ChangeDetectionStrategy.Default, animations: LINE_UP_ANIMATIONS, template: "<div class=\"main\" [@modeChangeForMain]=\"mode\" #main>\n  <ng-content select=\"[main]\"></ng-content>\n</div>\n<div class=\"next\" [@modeChangeForNext]=\"mode\" #next>\n  <ng-content select=\"[next]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-line-up-VDrO: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-VDrO: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-VDrO: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-VDrO);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-VDrO)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-VDrO)}:host div.main{overflow:hidden;justify-content:flex-end}:host div.next{overflow:visible;justify-content:flex-start}\n"] }]
     }], function () { return [{ type: LineUpFrameService }]; }, { hasNext: [{
             type: HostBinding,
             args: ['attr.has-next']

package/fesm2020/ng-atomic-components-frames-overlay.mjs CHANGED Viewed

@@ -50,10 +50,10 @@ OverlayFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OverlayFrame,
     } if (rf & 2) {
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("@hasNext", ctx.hasNext);
-    } }, styles: ["[_nghost-%COMP%]{--cell: 8px;--cell-SCOPED-IN-line-overlay-G40B: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-G40B: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-G40B: var(--height)}[_nghost-%COMP%]{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-G40B);height:var(--height-SCOPED-IN-line-overlay-G40B)}[_nghost-%COMP%]   .loading[_ngcontent-%COMP%]{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-G40B);height:var(--height-SCOPED-IN-line-overlay-G40B);justify-content:center;align-items:center;background-color:#0006}[_nghost-%COMP%]   .main[_ngcontent-%COMP%]{position:absolute;top:0;left:0;z-index:1;width:var(--width-SCOPED-IN-line-overlay-G40B);height:var(--height-SCOPED-IN-line-overlay-G40B);overflow:hidden}[_nghost-%COMP%]   .main[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{--cell: var(--cell-SCOPED-IN-line-overlay-G40B);--width: var(--width-SCOPED-IN-line-overlay-G40B);--height: var(--height-SCOPED-IN-line-overlay-G40B)}[_nghost-%COMP%]   .next[_ngcontent-%COMP%]{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-G40B);height:auto}[_nghost-%COMP%]   .next[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{--cell: var(--cell-SCOPED-IN-line-overlay-G40B);--width: var(--width-SCOPED-IN-line-overlay-G40B);--height: var(--height-SCOPED-IN-line-overlay-G40B)}"], data: { animation: [OVERLAY_ANIMATION] }, changeDetection: 0 });
+    } }, styles: ["[_nghost-%COMP%]{--cell: 8px;--cell-SCOPED-IN-line-overlay-6BsF: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-6BsF: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-6BsF: var(--height)}[_nghost-%COMP%]{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-6BsF);height:var(--height-SCOPED-IN-line-overlay-6BsF)}[_nghost-%COMP%]   .loading[_ngcontent-%COMP%]{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-6BsF);height:var(--height-SCOPED-IN-line-overlay-6BsF);justify-content:center;align-items:center;background-color:#0006}[_nghost-%COMP%]   .main[_ngcontent-%COMP%]{position:absolute;top:0;left:0;z-index:1;width:var(--width-SCOPED-IN-line-overlay-6BsF);height:var(--height-SCOPED-IN-line-overlay-6BsF);overflow:hidden}[_nghost-%COMP%]   .main[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{--cell: var(--cell-SCOPED-IN-line-overlay-6BsF);--width: var(--width-SCOPED-IN-line-overlay-6BsF);--height: var(--height-SCOPED-IN-line-overlay-6BsF)}[_nghost-%COMP%]   .next[_ngcontent-%COMP%]{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-6BsF);height:auto}[_nghost-%COMP%]   .next[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{--cell: var(--cell-SCOPED-IN-line-overlay-6BsF);--width: var(--width-SCOPED-IN-line-overlay-6BsF);--height: var(--height-SCOPED-IN-line-overlay-6BsF)}"], data: { animation: [OVERLAY_ANIMATION] }, changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OverlayFrame, [{
         type: Component,
-        args: [{ selector: 'frames-overlay', animations: [OVERLAY_ANIMATION], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"main\">\n    <ng-content select=[main]></ng-content>\n</div>\n<div class=\"next\" [@hasNext]=\"hasNext\">\n    <ng-content select=[next]></ng-content>\n</div>", styles: [":host{--cell: 8px;--cell-SCOPED-IN-line-overlay-G40B: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-G40B: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-G40B: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-G40B);height:var(--height-SCOPED-IN-line-overlay-G40B)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-G40B);height:var(--height-SCOPED-IN-line-overlay-G40B);justify-content:center;align-items:center;background-color:#0006}:host .main{position:absolute;top:0;left:0;z-index:1;width:var(--width-SCOPED-IN-line-overlay-G40B);height:var(--height-SCOPED-IN-line-overlay-G40B);overflow:hidden}:host .main *{--cell: var(--cell-SCOPED-IN-line-overlay-G40B);--width: var(--width-SCOPED-IN-line-overlay-G40B);--height: var(--height-SCOPED-IN-line-overlay-G40B)}:host .next{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-G40B);height:auto}:host .next *{--cell: var(--cell-SCOPED-IN-line-overlay-G40B);--width: var(--width-SCOPED-IN-line-overlay-G40B);--height: var(--height-SCOPED-IN-line-overlay-G40B)}\n"] }]
+        args: [{ selector: 'frames-overlay', animations: [OVERLAY_ANIMATION], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"main\">\n    <ng-content select=[main]></ng-content>\n</div>\n<div class=\"next\" [@hasNext]=\"hasNext\">\n    <ng-content select=[next]></ng-content>\n</div>", styles: [":host{--cell: 8px;--cell-SCOPED-IN-line-overlay-6BsF: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-6BsF: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-6BsF: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-6BsF);height:var(--height-SCOPED-IN-line-overlay-6BsF)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-6BsF);height:var(--height-SCOPED-IN-line-overlay-6BsF);justify-content:center;align-items:center;background-color:#0006}:host .main{position:absolute;top:0;left:0;z-index:1;width:var(--width-SCOPED-IN-line-overlay-6BsF);height:var(--height-SCOPED-IN-line-overlay-6BsF);overflow:hidden}:host .main *{--cell: var(--cell-SCOPED-IN-line-overlay-6BsF);--width: var(--width-SCOPED-IN-line-overlay-6BsF);--height: var(--height-SCOPED-IN-line-overlay-6BsF)}:host .next{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-6BsF);height:auto}:host .next *{--cell: var(--cell-SCOPED-IN-line-overlay-6BsF);--width: var(--width-SCOPED-IN-line-overlay-6BsF);--height: var(--height-SCOPED-IN-line-overlay-6BsF)}\n"] }]
     }], null, { hasNext: [{
             type: Input
         }] }); })();

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

@@ -17,10 +17,10 @@ ScrollFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ScrollFrame, se
         i0.ɵɵelementStart(2, "div", 1);
         i0.ɵɵprojection(3, 1);
         i0.ɵɵelementEnd();
-    } }, dependencies: [i1.IosSafariScrollBuggyfillDirective], styles: ["[_nghost-%COMP%]{--height: 100%;--height-SCOPED-IN-scroll-pf6h: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-pf6h: var(--navigator-height)}[_nghost-%COMP%]{height:var(--height-SCOPED-IN-scroll-pf6h);overflow:hidden}[_nghost-%COMP%]   .navigator-container[_ngcontent-%COMP%]{height:var(--navigator-height-SCOPED-IN-scroll-pf6h);overflow:hidden;touch-action:none}[_nghost-%COMP%]   .contents-container[_ngcontent-%COMP%]{height:calc(var(--height-SCOPED-IN-scroll-pf6h) - var(--navigator-height-SCOPED-IN-scroll-pf6h));overflow:scroll;-webkit-overflow-scrolling:touch}"], changeDetection: 0 });
+    } }, dependencies: [i1.IosSafariScrollBuggyfillDirective], styles: ["[_nghost-%COMP%]{--height: 100%;--height-SCOPED-IN-scroll-e5hH: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-e5hH: var(--navigator-height)}[_nghost-%COMP%]{height:var(--height-SCOPED-IN-scroll-e5hH);overflow:hidden}[_nghost-%COMP%]   .navigator-container[_ngcontent-%COMP%]{height:var(--navigator-height-SCOPED-IN-scroll-e5hH);overflow:hidden;touch-action:none}[_nghost-%COMP%]   .contents-container[_ngcontent-%COMP%]{height:calc(var(--height-SCOPED-IN-scroll-e5hH) - var(--navigator-height-SCOPED-IN-scroll-e5hH));overflow:scroll;-webkit-overflow-scrolling:touch}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ScrollFrame, [{
         type: Component,
-        args: [{ selector: 'frames-scroll', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"navigator-container\" iosSafariScrollBuggyfill>\n  <ng-content select=[navigator]></ng-content>\n</div>\n<div class=\"contents-container\">\n  <ng-content select=[contents]></ng-content>\n</div>", styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-pf6h: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-pf6h: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-pf6h);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-pf6h);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-pf6h) - var(--navigator-height-SCOPED-IN-scroll-pf6h));overflow:scroll;-webkit-overflow-scrolling:touch}\n"] }]
+        args: [{ selector: 'frames-scroll', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"navigator-container\" iosSafariScrollBuggyfill>\n  <ng-content select=[navigator]></ng-content>\n</div>\n<div class=\"contents-container\">\n  <ng-content select=[contents]></ng-content>\n</div>", styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-e5hH: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-e5hH: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-e5hH);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-e5hH);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-e5hH) - var(--navigator-height-SCOPED-IN-scroll-e5hH));overflow:scroll;-webkit-overflow-scrolling:touch}\n"] }]
     }], null, null); })();
 class ScrollModule {

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

@@ -33,10 +33,10 @@ SmartMenuFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartMenuFra
         i0.ɵɵelementStart(3, "div", 2, 3);
         i0.ɵɵprojection(5, 1);
         i0.ɵɵelementEnd();
-    } }, styles: ["[_nghost-%COMP%]{--gap: 1px;--gap-SCOPED-IN-smart-menu-GiKS: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-GiKS: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-GiKS: var(--contents-background)}[_nghost-%COMP%]{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-GiKS);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-GiKS)}[_nghost-%COMP%]   .contents[_ngcontent-%COMP%]{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-GiKS)}[_nghost-%COMP%]   .contents.menu[_ngcontent-%COMP%]{overflow:hidden;justify-content:flex-end}[_nghost-%COMP%]   .contents.contents[_ngcontent-%COMP%]{overflow:visible;justify-content:flex-start}"], changeDetection: 0 });
+    } }, styles: ["[_nghost-%COMP%]{--gap: 1px;--gap-SCOPED-IN-smart-menu-nBT4: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-nBT4: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-nBT4: var(--contents-background)}[_nghost-%COMP%]{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-nBT4);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-nBT4)}[_nghost-%COMP%]   .contents[_ngcontent-%COMP%]{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-nBT4)}[_nghost-%COMP%]   .contents.menu[_ngcontent-%COMP%]{overflow:hidden;justify-content:flex-end}[_nghost-%COMP%]   .contents.contents[_ngcontent-%COMP%]{overflow:visible;justify-content:flex-start}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartMenuFrame, [{
         type: Component,
-        args: [{ selector: 'frames-smart-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-GiKS: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-GiKS: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-GiKS: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-GiKS);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-GiKS)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-GiKS)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"] }]
+        args: [{ selector: 'frames-smart-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-nBT4: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-nBT4: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-nBT4: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-nBT4);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-nBT4)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-nBT4)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"] }]
     }], null, { isMainHidden: [{
             type: HostBinding,
             args: ['attr.is-main-hidden']

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

@@ -53,10 +53,10 @@ DateInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Date
         i0.ɵɵproperty("for", _r0);
         i0.ɵɵadvance(3);
         i0.ɵɵproperty("ngIf", ctx.hint);
-    } }, dependencies: [i1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective, i3.MatFormField, i3.MatHint, i3.MatLabel, i3.MatSuffix, i4.MatInput, i5.MatDatepicker, i5.MatDatepickerInput, i5.MatDatepickerToggle], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-R62s: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%}[_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+    } }, dependencies: [i1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective, i3.MatFormField, i3.MatHint, i3.MatLabel, i3.MatSuffix, i4.MatInput, i5.MatDatepicker, i5.MatDatepickerInput, i5.MatDatepickerToggle], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-Nx9H: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%}[_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DateInputFieldMolecule, [{
         type: Component,
-        args: [{ selector: 'molecules-date-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]=\"control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-R62s: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
+        args: [{ selector: 'molecules-date-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]=\"control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-Nx9H: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
     }], null, { _control: [{
             type: Input,
             args: ['control']

package/fesm2020/ng-atomic-components-molecules-select-input-field.mjs CHANGED Viewed

@@ -43,10 +43,10 @@ SelectInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Se
         i0.ɵɵproperty("formControl", ctx.control);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngForOf", ctx.options)("ngForTrackBy", ctx.value);
-    } }, dependencies: [i1.NgForOf, i2.NgControlStatus, i2.FormControlDirective, i3.MatFormField, i3.MatLabel, i4.MatSelect, i5.MatOption], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-hcdW: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%}[_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+    } }, dependencies: [i1.NgForOf, i2.NgControlStatus, i2.FormControlDirective, i3.MatFormField, i3.MatLabel, i4.MatSelect, i5.MatOption], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-zr2S: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%}[_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectInputFieldMolecule, [{
         type: Component,
-        args: [{ selector: 'molecules-select-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule input-field field' }, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"control\">\n    <mat-option *ngFor=\"let option of options; trackBy value;\" [value]=\"option.value\">\n      {{ option.name }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-hcdW: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
+        args: [{ selector: 'molecules-select-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule input-field field' }, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"control\">\n    <mat-option *ngFor=\"let option of options; trackBy value;\" [value]=\"option.value\">\n      {{ option.name }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-zr2S: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
     }], null, { label: [{
             type: Input
         }], control: [{

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

@@ -9,14 +9,80 @@ 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) { if (rf & 1) {
+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_r0.hint);
+    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.ɵɵ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 {
     constructor() {
@@ -27,24 +93,22 @@ 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) { 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();
+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.ɵɵ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);
-    } }, 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 });
+        i0.ɵɵproperty("ngSwitchCase", "password");
+    } }, 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/fesm2020/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":";;;;;;;;;;;;~~IAIE~~,EAAuB,CAAA,cAAA,CAAA,CAAA,EAAA,UAAA,CAAA,CAAA;IAAA,EAAU,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;IAAA,EAAW,CAAA,YAAA,EAAA,CAAA;;;IAArB,EAAU,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;IAAV,EAAU,CAAA,iBAAA,CAAA,MAAA,CAAA,IAAA,CAAA,CAAA;;~~MCMtB~~,sBAAsB,CAAA;AAPnC,IAAA,WAAA,GAAA;QAUE,IAAI,CAAA,IAAA,GAAmC,MAAM,CAAC;QAM9C,IAAK,CAAA,KAAA,GAAG,OAAO,CAAC;AAGhB,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,EAAmB,CAAC;QAG7C,IAAW,CAAA,WAAA,GAAG,aAAa,CAAC;AAK7B,KAAA;;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,EAAA,~~IAAA~~,EAAA,~~GAAA~~,~~CAAA~~,EAAA~~;ADVnC~~,~~QAAA~~,EAAA,CAAA,~~cAAA~~,CAAA,CAAA,EAAA,~~gBAAA~~,EAAA,CAAA,~~CAAqC~~,~~CAAA~~,~~CAAA~~,EAAA,~~WAAA~~,CAAA,~~CAAA~~;~~QACxB~~,~~EAAW~~,CAAA,~~MAAA~~,CAAA,CAAA,CAAA,CAAA;~~QAAA~~,~~EAAY~~,CAAA,~~YAAA~~,~~EAAA~~,CAAA~~;QAClC~~,~~EAAgG~~,~~CAAA~~,~~SAAA~~,CAAA,CAAA,EAAA,~~OAAA~~,EAAA,CAAA,CAAA,CAAA;~~QAEhG~~,~~EAA4C~~,CAAA,UAAA,CAAA,CAAA,EAAA,~~0CAAA~~,EAAA,CAAA,EAAA,CAAA,EAAA,~~UAAA~~,EAAA,CAAA,CAAA,CAAA;~~QAC9C~~,~~EAAiB~~,CAAA,~~YAAA~~,~~EAAA,~~CAAA~~;;QAJJ~~,~~EAAW,~~CAAA,~~SAAA~~,~~CAAA~~,~~CAAA~~,CAAA,~~CAAA;QAAX~~,~~EAAW,~~CAAA,~~iBAAA~~,~~CAAA~~,~~GAAA~~,CAAA,~~KAAA,~~CAAA,CAAA;~~QACN~~,~~EAAa~~,CAAA,~~SAAA~~,~~CAAA~~,CAAA,~~CAAA~~,CAAA~~;QAAb~~,~~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;~~QAElB~~,~~EAAU~~,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;~~QAAV~~,~~EAAU~~,CAAA,UAAA,CAAA,~~MAAA~~,EAAA,~~GAAA~~,CAAA,~~IAAA,~~CAAA~~,CAAA~~;;~~uFCMV~~,sBAAsB,EAAA,CAAA;cAPlC,SAAS;2BACE,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;gBAK/B,IAAI,EAAA,CAAA;kBADH,KAAK;YAIN,IAAI,EAAA,CAAA;kBADH,KAAK;YAIN,KAAK,EAAA,CAAA;kBADJ,KAAK;YAIN,OAAO,EAAA,CAAA;kBADN,KAAK;YAIN,WAAW,EAAA,CAAA;kBADV,KAAK;YAIN,IAAI,EAAA,CAAA;kBADH,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;uFAKL,oBAAoB,EAAA,CAAA;cAZhC,QAAQ;AAAC,QAAA,IAAA,EAAA,CAAA;gBACR,YAAY,EAAE,CAAC,sBAAsB,CAAC;AACtC,gBAAA,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;;;oBAGnB,cAAc;AACf,iBAAA;gBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;gBACjC,SAAS,EAAE,CAAC,sBAAsB,CAAC;AACpC,aAAA,CAAA;;wFACY,oBAAoB,EAAA,EAAA,YAAA,EAAA,CAXhB,sBAAsB,CAAA,EAAA,OAAA,EAAA,CAEnC,YAAY;QACZ,mBAAmB;;;AAGnB,QAAA,cAAc,aAEN,sBAAsB,CAAA,EAAA,CAAA,CAAA,EAAA,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/fesm2020/ng-atomic-components-organisms-action-buttons-section.mjs CHANGED Viewed

@@ -9,32 +9,34 @@ function ActionButtonsSectionOrganism_ng_container_0_Template(rf, ctx) { if (rf
     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) { if (rf & 1) {
-        i0.ɵɵtemplate(0, ActionButtonsSectionOrganism_ng_container_0_Template, 3, 1, "ng-container", 0);
+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, 2, "ng-container", 0);
     } if (rf & 2) {
-        i0.ɵɵproperty("ngForOf", ctx.items)("ngForTrackBy", ctx.trackById);
-    } }, dependencies: [i1.NgForOf, i2.MatButton], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-brgr: var(--horizontal-padding)}[_nghost-%COMP%]{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-brgr);box-sizing:border-box}[_nghost-%COMP%]   button[_ngcontent-%COMP%]{width:100%;height:48px}"], changeDetection: 0 });
+        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-BbRb: var(--horizontal-padding)}[_nghost-%COMP%]{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-BbRb);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-brgr: var(--horizontal-padding)}:host{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-brgr);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-BbRb: var(--horizontal-padding)}:host{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-BbRb);box-sizing:border-box}:host button{width:100%;height:48px}\n"] }]
+    }], null, { actions: [{
             type: Input
         }], action: [{
             type: Output

package/fesm2020/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":";;;;;;;;;IAAA,~~EAA6D~~,CAAA,uBAAA,CAAA,CAAA,CAAA,CAAA;~~IAC3D~~,~~EAAsE~~,CAAA,cAAA,CAAA,CAAA,EAAA,QAAA,EAAA,CAAA,CAAA,CAAA;~~IAA5B~~,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;IAAC,~~EAAgB~~,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;IAAA,EAAS,CAAA,YAAA,EAAA,CAAA;~~IACjG~~,EAAe,CAAA,qBAAA,EAAA,CAAA;;;~~IADyD~~,~~EAAgB~~,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;~~IAAhB~~,~~EAAgB~~,CAAA,iBAAA,CAAA,~~OAAA~~,IAAA,IAAA,GAAA,IAAA,GAAA,~~OAAA~~,CAAA,IAAA,CAAA,CAAA;;~~MCS3E~~,4BAA4B,CAAA;AAPzC,IAAA,WAAA,GAAA;QASE,~~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;AAC3C,KAAA;;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,EAAA,IAAA,EAAA,GAAA,CAAA,EAAA;QDVzC,EAEe,CAAA,UAAA,CAAA,CAAA,EAAA,oDAAA,EAAA,CAAA,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA;;~~AAFgB~~,QAAA,EAAA,CAAA,UAAA,CAAA,SAAA,EAAA,GAAA,CAAA,~~KAAA~~,~~CAAU~~,CAAA,cAAA,EAAA,GAAA,CAAA,SAAA,CAAA,CAAA;;~~uFCU5B~~,4BAA4B,EAAA,CAAA;cAPxC,SAAS;2BACE,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;gBAIjC,~~KAAK~~,EAAA,CAAA;~~kBADJ~~,KAAK;YAIN,MAAM,EAAA,CAAA;kBADL,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;uFASN,0BAA0B,EAAA,CAAA;cAhBtC,QAAQ;AAAC,QAAA,IAAA,EAAA,CAAA;AACR,gBAAA,YAAY,EAAE;oBACZ,4BAA4B;AAC7B,iBAAA;AACD,gBAAA,OAAO,EAAE;oBACP,YAAY;;oBAEZ,eAAe;AAChB,iBAAA;AACD,gBAAA,OAAO,EAAE;oBACP,4BAA4B;AAC7B,iBAAA;AACD,gBAAA,SAAS,EAAE;oBACT,4BAA4B;AAC7B,iBAAA;AACF,aAAA,CAAA;;wFACY,0BAA0B,EAAA,EAAA,YAAA,EAAA,CAdnC,4BAA4B,CAAA,EAAA,OAAA,EAAA,CAG5B,YAAY;;AAEZ,QAAA,eAAe,aAGf,4BAA4B,CAAA,EAAA,CAAA,CAAA,EAAA,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/fesm2020/ng-atomic-components-organisms-back-navigator.mjs CHANGED Viewed

@@ -49,10 +49,10 @@ BackNavigatorOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BackN
         i0.ɵɵtextInterpolate(ctx.description || "");
         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-Za47: var(--height)}[_nghost-%COMP%]{display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-Za47)}[_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-3DyF: var(--height)}[_nghost-%COMP%]{display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-3DyF)}[_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-Za47: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-Za47)}: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-3DyF: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-3DyF)}: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/fesm2020/ng-atomic-components-organisms-card-input-section.mjs CHANGED Viewed

@@ -17,10 +17,10 @@ CardInputSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Ca
         i0.ɵɵelement(0, "molecules-text-input-field", 0);
     } 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-1dSb: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-1dSb);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-zr25: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-zr25);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-1dSb: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-1dSb);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-zr25: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-zr25);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
     }], null, { control: [{
             type: Input
         }], label: [{

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

@@ -31,10 +31,10 @@ CvcAndExpInputSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ typ
         i0.ɵɵproperty("control", ctx.form.get("expMonth"))("options", ctx.monthOptions);
         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-eAXS: var(--horizontal-padding)}[_nghost-%COMP%]{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-eAXS);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-qRvR: var(--horizontal-padding)}[_nghost-%COMP%]{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-qRvR);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-eAXS: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-eAXS);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-qRvR: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-qRvR);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/fesm2020/ng-atomic-components-organisms-date-input-section.mjs CHANGED Viewed

@@ -17,10 +17,10 @@ DateInputSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Da
         i0.ɵɵelement(0, "molecules-date-input-field", 0);
     } 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-rbMp: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-rbMp);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-4M72: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-4M72);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-rbMp: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-rbMp);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-4M72: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-4M72);box-sizing:border-box}:host mat-form-field{width:100%}\n"] }]
     }], null, { control: [{
             type: Input
         }], label: [{