npm - @ng-atomic/components - Versions diffs - 3.0.0 → 3.1.0 - Mend

@ng-atomic/components 3.0.0 → 3.1.0

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

Files changed (275) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-organisms-cvc-and-exp-input-section.mjs","sources":["../../../../libs/components/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.ts","../../../../libs/components/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.html","../../../../libs/components/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.module.ts","../../../../libs/components/organisms/cvc-and-exp-input-section/ng-atomic-components-organisms-cvc-and-exp-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormGroup } from '@angular/forms';\nimport { FormControl } from '@ngneat/reactive-forms';\nimport { Option } from '@ng-atomic/components/molecules/select-input-field';\n\nconst generateOptions = (n: number, start: number): Option<number>[] => {\n return [...Array(n)].map((_, i) => i + start).map(i => ({name: `${i}`, value: i}));\n};\n\n@Component({\n selector: 'organisms-cvc-and-exp-input-section',\n templateUrl: './cvc-and-exp-input-section.organism.html',\n styleUrls: ['./cvc-and-exp-input-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CvcAndExpInputSectionOrganism {\n\n yearOptions: Option<number>[] = generateOptions(6, 2022);\n monthOptions: Option<number>[] = generateOptions(12, 1);\n\n @Input()\n form = new FormGroup({\n expMonth: new FormControl(12),\n expYear: new FormControl(2022),\n cvc: new FormControl(''),\n });\n\n}\n","<molecules-select-input-field\n class=\"year field\"\n label=\"有効期限(年)\"\n [control]=\"form.get('expYear')\"\n [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n class=\"month field\"\n label=\"有効期限(月)\"\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桁の番号\"\n [control]=\"form.get('cvc')\"\n></molecules-text-input-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TextInputFieldModule } from '@ng-atomic/components/molecules/text-input-field';\nimport { SelectInputFieldModule } from '@ng-atomic/components/molecules/select-input-field';\nimport { CvcAndExpInputSectionOrganism } from './cvc-and-exp-input-section.organism';\n\n\n\n@NgModule({\n declarations: [CvcAndExpInputSectionOrganism],\n imports: [\n CommonModule,\n // Molecules\n SelectInputFieldModule,\n TextInputFieldModule,\n ],\n exports: [CvcAndExpInputSectionOrganism]\n})\nexport class CvcAndExpInputSectionModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;;;;;;;~~AAKA,MAAM,eAAe,GAAG,CAAC,CAAS,EAAE,KAAa,KAAsB;AACrE,IAAA,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAC,IAAI,EAAE,GAAG,CAAC,CAAA,CAAE,EAAE,KAAK,EAAE,CAAC,EAAC,CAAC,CAAC,CAAC;AACrF,CAAC,CAAC;MAQW,6BAA6B,CAAA;AAN1C,IAAA,WAAA,GAAA;AAQE,QAAA,IAAA,CAAA,WAAW,GAAqB,eAAe,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;AACzD,QAAA,IAAA,CAAA,YAAY,GAAqB,eAAe,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;QAGxD,IAAI,CAAA,IAAA,GAAG,IAAI,SAAS,CAAC;AACnB,YAAA,QAAQ,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AAC7B,YAAA,OAAO,EAAE,IAAI,WAAW,CAAC,IAAI,CAAC;AAC9B,YAAA,GAAG,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AACzB,SAAA,CAAC,CAAC;AAEJ,KAAA;;2HAZY,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA7B,6BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,6BAA6B,qGCf1C,gnBAmB8B,EAAA,MAAA,EAAA,CAAA,6WAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDJjB,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBANzC,SAAS;+BACE,qCAAqC,EAAA,eAAA,EAG9B,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gnBAAA,EAAA,MAAA,EAAA,CAAA,6WAAA,CAAA,EAAA,CAAA;8BAQ/C,IAAI,EAAA,CAAA;sBADH,KAAK;;;~~MEFK~~,~~2BAA2B~~,CAAA;;~~yHAA3B~~,2BAA2B,EAAA,IAAA,EAAA,~~EAAA~~,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;0HAA3B,2BAA2B,EAAA,YAAA,EAAA,CATvB,6BAA6B,CAAA,EAAA,OAAA,EAAA,CAE1C,YAAY;;QAEZ,sBAAsB;AACtB,QAAA,oBAAoB,aAEZ,6BAA6B,CAAA,EAAA,CAAA,CAAA;AAE5B,2BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,2BAA2B,EAR7B,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZ,sBAAsB;YACtB,oBAAoB;AACrB,SAAA,CAAA,EAAA,CAAA,CAAA;4FAGU,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAVvC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,6BAA6B,CAAC;AAC7C,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,sBAAsB;wBACtB,oBAAoB;AACrB,qBAAA;oBACD,OAAO,EAAE,CAAC,6BAA6B,CAAC;AACzC,iBAAA,CAAA;;;~~ACjBD~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-organisms-cvc-and-exp-input-section.mjs","sources":["../../../../libs/components/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.ts","../../../../libs/components/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.html","../../../../libs/components/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.module.ts","../../../../libs/components/organisms/cvc-and-exp-input-section/ng-atomic-components-organisms-cvc-and-exp-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormGroup } from '@angular/forms';\nimport { FormControl } from '@ngneat/reactive-forms';\nimport { Option } from '@ng-atomic/components/molecules/select-input-field';\n\nconst generateOptions = (n: number, start: number): Option<number>[] => {\n return [...Array(n)].map((_, i) => i + start).map(i => ({name: `${i}`, value: i}));\n};\n\n@Component({\n selector: 'organisms-cvc-and-exp-input-section',\n templateUrl: './cvc-and-exp-input-section.organism.html',\n styleUrls: ['./cvc-and-exp-input-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CvcAndExpInputSectionOrganism {\n\n yearOptions: Option<number>[] = generateOptions(6, 2022);\n monthOptions: Option<number>[] = generateOptions(12, 1);\n\n @Input()\n form = new FormGroup({\n expMonth: new FormControl(12),\n expYear: new FormControl(2022),\n cvc: new FormControl(''),\n });\n\n}\n","<molecules-select-input-field\n class=\"year field\"\n label=\"有効期限(年)\"\n [control]=\"form.get('expYear')\"\n [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n class=\"month field\"\n label=\"有効期限(月)\"\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桁の番号\"\n [control]=\"form.get('cvc')\"\n></molecules-text-input-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TextInputFieldModule } from '@ng-atomic/components/molecules/text-input-field';\nimport { SelectInputFieldModule } from '@ng-atomic/components/molecules/select-input-field';\nimport { ElementsModule } from '@ng-atomic/elements';\n\nimport { CvcAndExpInputSectionOrganism } from './cvc-and-exp-input-section.organism';\n\n\n@NgModule({\n declarations: [CvcAndExpInputSectionOrganism],\n imports: [\n CommonModule,\n // Molecules\n SelectInputFieldModule,\n TextInputFieldModule,\n ],\n exports: [CvcAndExpInputSectionOrganism]\n})\nexport class CvcAndExpInputSectionModule extends ElementsModule { }\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-date-input-section.mjs CHANGED Viewed

@@ -3,6 +3,7 @@ import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/co
 import { CommonModule } from '@angular/common';
 import * as i1 from '@ng-atomic/components/molecules/date-input-field';
 import { DateInputFieldModule } from '@ng-atomic/components/molecules/date-input-field';
+import { ElementsModule } from '@ng-atomic/elements';
 import { FormControl } from '@ngneat/reactive-forms';
 class DateInputSectionOrganism {
@@ -13,10 +14,10 @@ class DateInputSectionOrganism {
     }
 }
 DateInputSectionOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DateInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: DateInputSectionOrganism, selector: "organisms-date-input-section", inputs: { control: "control", label: "label", placeholder: "placeholder" }, host: { classAttribute: "organism section" }, ngImport: i0, 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-YMSZ: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-YMSZ);box-sizing:border-box}:host mat-form-field{width:100%}\n"], components: [{ type: i1.DateInputFieldMolecule, selector: "molecules-date-input-field", inputs: ["control", "label", "placeholder", "hint"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+DateInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: DateInputSectionOrganism, selector: "organisms-date-input-section", inputs: { control: "control", label: "label", placeholder: "placeholder" }, host: { classAttribute: "organism section" }, ngImport: i0, 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-rN9d: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-rN9d);box-sizing:border-box}:host mat-form-field{width:100%}\n"], components: [{ type: i1.DateInputFieldMolecule, selector: "molecules-date-input-field", inputs: ["control", "label", "placeholder", "hint"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateInputSectionOrganism, decorators: [{
             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-YMSZ: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-YMSZ);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-rN9d: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-rN9d);box-sizing:border-box}:host mat-form-field{width:100%}\n"] }]
         }], propDecorators: { control: [{
                 type: Input
             }], label: [{
@@ -25,9 +26,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 type: Input
             }] } });
-class DateInputSectionModule {
+class DateInputSectionModule extends ElementsModule {
 }
-DateInputSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateInputSectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DateInputSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateInputSectionModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
 DateInputSectionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateInputSectionModule, declarations: [DateInputSectionOrganism], imports: [CommonModule,
         DateInputFieldModule], exports: [DateInputSectionOrganism] });
 DateInputSectionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateInputSectionModule, imports: [[

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-organisms-date-input-section.mjs","sources":["../../../../libs/components/organisms/date-input-section/date-input-section.organism.ts","../../../../libs/components/organisms/date-input-section/date-input-section.organism.html","../../../../libs/components/organisms/date-input-section/date-input-section.module.ts","../../../../libs/components/organisms/date-input-section/ng-atomic-components-organisms-date-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\nimport dayjs from 'dayjs';\n\n@Component({\n selector: 'organisms-date-input-section',\n templateUrl: './date-input-section.organism.html',\n styleUrls: ['./date-input-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'organism section'},\n})\nexport class DateInputSectionOrganism {\n @Input()\n control = new FormControl<dayjs.Dayjs>();\n\n @Input()\n label = '';\n\n @Input()\n placeholder = '';\n}\n","<molecules-date-input-field\n [control]=\"control\"\n [label]=\"label\"\n [placeholder]=\"placeholder\"\n></molecules-date-input-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DateInputFieldModule } from '@ng-atomic/components/molecules/date-input-field';\nimport { DateInputSectionOrganism } from './date-input-section.organism';\n\n@NgModule({\n declarations: [\n DateInputSectionOrganism\n ],\n imports: [\n CommonModule,\n DateInputFieldModule,\n ],\n exports: [\n DateInputSectionOrganism\n ],\n})\nexport class DateInputSectionModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;;;;~~MAWa,wBAAwB,CAAA;AAPrC,IAAA,WAAA,GAAA;AASE,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,EAAe,CAAC;QAGzC,IAAK,CAAA,KAAA,GAAG,EAAE,CAAC;QAGX,IAAW,CAAA,WAAA,GAAG,EAAE,CAAC;AAClB,KAAA;;sHATY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,8LCXrC,4IAI8B,EAAA,MAAA,EAAA,CAAA,kRAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,EAAA,aAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDOjB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAPpC,SAAS;+BACE,8BAA8B,EAAA,eAAA,EAGvB,uBAAuB,CAAC,MAAM,QACzC,EAAC,KAAK,EAAE,kBAAkB,EAAC,EAAA,QAAA,EAAA,4IAAA,EAAA,MAAA,EAAA,CAAA,kRAAA,CAAA,EAAA,CAAA;8BAIjC,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;;;~~MEDK~~,~~sBAAsB~~,CAAA;;~~oHAAtB~~,sBAAsB,EAAA,IAAA,EAAA,~~EAAA~~,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;qHAAtB,sBAAsB,EAAA,YAAA,EAAA,CAV/B,wBAAwB,CAAA,EAAA,OAAA,EAAA,CAGxB,YAAY;AACZ,QAAA,oBAAoB,aAGpB,wBAAwB,CAAA,EAAA,CAAA,CAAA;AAGf,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,EARxB,OAAA,EAAA,CAAA;YACP,YAAY;YACZ,oBAAoB;AACrB,SAAA,CAAA,EAAA,CAAA,CAAA;4FAKU,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAZlC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,wBAAwB;AACzB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,oBAAoB;AACrB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,wBAAwB;AACzB,qBAAA;AACF,iBAAA,CAAA;;;~~AChBD~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-organisms-date-input-section.mjs","sources":["../../../../libs/components/organisms/date-input-section/date-input-section.organism.ts","../../../../libs/components/organisms/date-input-section/date-input-section.organism.html","../../../../libs/components/organisms/date-input-section/date-input-section.module.ts","../../../../libs/components/organisms/date-input-section/ng-atomic-components-organisms-date-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\nimport dayjs from 'dayjs';\n\n@Component({\n selector: 'organisms-date-input-section',\n templateUrl: './date-input-section.organism.html',\n styleUrls: ['./date-input-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'organism section'},\n})\nexport class DateInputSectionOrganism {\n @Input()\n control = new FormControl<dayjs.Dayjs>();\n\n @Input()\n label = '';\n\n @Input()\n placeholder = '';\n}\n","<molecules-date-input-field\n [control]=\"control\"\n [label]=\"label\"\n [placeholder]=\"placeholder\"\n></molecules-date-input-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DateInputFieldModule } from '@ng-atomic/components/molecules/date-input-field';\nimport { ElementsModule } from '@ng-atomic/elements';\n\nimport { DateInputSectionOrganism } from './date-input-section.organism';\n\n@NgModule({\n declarations: [\n DateInputSectionOrganism\n ],\n imports: [\n CommonModule,\n DateInputFieldModule,\n ],\n exports: [\n DateInputSectionOrganism\n ],\n})\nexport class DateInputSectionModule extends ElementsModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;MAWa,wBAAwB,CAAA;AAPrC,IAAA,WAAA,GAAA;AASE,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,EAAe,CAAC;QAGzC,IAAK,CAAA,KAAA,GAAG,EAAE,CAAC;QAGX,IAAW,CAAA,WAAA,GAAG,EAAE,CAAC;AAClB,KAAA;;sHATY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,8LCXrC,4IAI8B,EAAA,MAAA,EAAA,CAAA,kRAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,EAAA,aAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDOjB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAPpC,SAAS;+BACE,8BAA8B,EAAA,eAAA,EAGvB,uBAAuB,CAAC,MAAM,QACzC,EAAC,KAAK,EAAE,kBAAkB,EAAC,EAAA,QAAA,EAAA,4IAAA,EAAA,MAAA,EAAA,CAAA,kRAAA,CAAA,EAAA,CAAA;8BAIjC,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;;;AECF,MAAO,sBAAuB,SAAQ,cAAc,CAAA;;oHAA7C,sBAAsB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;qHAAtB,sBAAsB,EAAA,YAAA,EAAA,CAV/B,wBAAwB,CAAA,EAAA,OAAA,EAAA,CAGxB,YAAY;AACZ,QAAA,oBAAoB,aAGpB,wBAAwB,CAAA,EAAA,CAAA,CAAA;AAGf,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,EARxB,OAAA,EAAA,CAAA;YACP,YAAY;YACZ,oBAAoB;AACrB,SAAA,CAAA,EAAA,CAAA,CAAA;4FAKU,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAZlC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,wBAAwB;AACzB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,oBAAoB;AACrB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,wBAAwB;AACzB,qBAAA;AACF,iBAAA,CAAA;;;AClBD;;AAEG;;;;"}

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

@@ -2,6 +2,7 @@ import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import { ElementsModule } from '@ng-atomic/elements';
 class HeadingOrganism {
     constructor() {
@@ -9,17 +10,17 @@ class HeadingOrganism {
     }
 }
 HeadingOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: HeadingOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-HeadingOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: HeadingOrganism, selector: "organisms-heading", inputs: { level: "level" }, ngImport: i0, 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-Scow: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-Scow)}\n"], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+HeadingOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: HeadingOrganism, selector: "organisms-heading", inputs: { level: "level" }, ngImport: i0, 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-oSzo: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-oSzo)}\n"], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: HeadingOrganism, decorators: [{
             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-Scow: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-Scow)}\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-oSzo: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-oSzo)}\n"] }]
         }], propDecorators: { level: [{
                 type: Input
             }] } });
-class HeadingModule {
+class HeadingModule extends ElementsModule {
 }
-HeadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: HeadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+HeadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: HeadingModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
 HeadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: HeadingModule, declarations: [HeadingOrganism], imports: [CommonModule], exports: [HeadingOrganism] });
 HeadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: HeadingModule, imports: [[
             CommonModule

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-organisms-heading.mjs","sources":["../../../../libs/components/organisms/heading/heading.organism.ts","../../../../libs/components/organisms/heading/heading.organism.html","../../../../libs/components/organisms/heading/heading.module.ts","../../../../libs/components/organisms/heading/ng-atomic-components-organisms-heading.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n selector: 'organisms-heading',\n templateUrl: './heading.organism.html',\n styleUrls: ['./heading.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeadingOrganism {\n @Input()\n level: 1 \| 2 \| 3 \| 4 \| 5 \| 6 = 1;\n}\n","<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>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { HeadingOrganism } from './heading.organism';\n\n\n\n@NgModule({\n declarations: [\n HeadingOrganism\n ],\n imports: [\n CommonModule\n ],\n exports: [\n HeadingOrganism\n ]\n})\nexport class HeadingModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;;~~MAQa,eAAe,CAAA;AAN5B,IAAA,WAAA,GAAA;QAQE,IAAK,CAAA,KAAA,GAA0B,CAAC,CAAC;AAClC,KAAA;;6GAHY,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,qFCR5B,6oBASe,EAAA,MAAA,EAAA,CAAA,4NAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDDF,eAAe,EAAA,UAAA,EAAA,CAAA;kBAN3B,SAAS;+BACE,mBAAmB,EAAA,eAAA,EAGZ,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6oBAAA,EAAA,MAAA,EAAA,CAAA,4NAAA,CAAA,EAAA,CAAA;8BAI/C,KAAK,EAAA,CAAA;sBADJ,KAAK;;;~~MEQK~~,~~aAAa~~,CAAA;;~~2GAAb~~,aAAa,EAAA,IAAA,EAAA,~~EAAA~~,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAb,aAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,EATtB,YAAA,EAAA,CAAA,eAAe,CAGf,EAAA,OAAA,EAAA,CAAA,YAAY,aAGZ,eAAe,CAAA,EAAA,CAAA,CAAA;AAGN,aAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,EAPf,OAAA,EAAA,CAAA;YACP,YAAY;AACb,SAAA,CAAA,EAAA,CAAA,CAAA;4FAKU,aAAa,EAAA,UAAA,EAAA,CAAA;kBAXzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,eAAe;AAChB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;AACb,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,eAAe;AAChB,qBAAA;AACF,iBAAA,CAAA;;;~~AChBD~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-organisms-heading.mjs","sources":["../../../../libs/components/organisms/heading/heading.organism.ts","../../../../libs/components/organisms/heading/heading.organism.html","../../../../libs/components/organisms/heading/heading.module.ts","../../../../libs/components/organisms/heading/ng-atomic-components-organisms-heading.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n selector: 'organisms-heading',\n templateUrl: './heading.organism.html',\n styleUrls: ['./heading.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeadingOrganism {\n @Input()\n level: 1 \| 2 \| 3 \| 4 \| 5 \| 6 = 1;\n}\n","<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>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ElementsModule } from '@ng-atomic/elements';\n\nimport { HeadingOrganism } from './heading.organism';\n\n\n@NgModule({\n declarations: [\n HeadingOrganism\n ],\n imports: [\n CommonModule\n ],\n exports: [\n HeadingOrganism\n ]\n})\nexport class HeadingModule extends ElementsModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;MAQa,eAAe,CAAA;AAN5B,IAAA,WAAA,GAAA;QAQE,IAAK,CAAA,KAAA,GAA0B,CAAC,CAAC;AAClC,KAAA;;6GAHY,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,qFCR5B,6oBASe,EAAA,MAAA,EAAA,CAAA,4NAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDDF,eAAe,EAAA,UAAA,EAAA,CAAA;kBAN3B,SAAS;+BACE,mBAAmB,EAAA,eAAA,EAGZ,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6oBAAA,EAAA,MAAA,EAAA,CAAA,4NAAA,CAAA,EAAA,CAAA;8BAI/C,KAAK,EAAA,CAAA;sBADJ,KAAK;;;AESF,MAAO,aAAc,SAAQ,cAAc,CAAA;;2GAApC,aAAa,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAb,aAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,EATtB,YAAA,EAAA,CAAA,eAAe,CAGf,EAAA,OAAA,EAAA,CAAA,YAAY,aAGZ,eAAe,CAAA,EAAA,CAAA,CAAA;AAGN,aAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,EAPf,OAAA,EAAA,CAAA;YACP,YAAY;AACb,SAAA,CAAA,EAAA,CAAA,CAAA;4FAKU,aAAa,EAAA,UAAA,EAAA,CAAA;kBAXzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,eAAe;AAChB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;AACb,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,eAAe;AAChB,qBAAA;AACF,iBAAA,CAAA;;;ACjBD;;AAEG;;;;"}

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

@@ -6,6 +6,7 @@ import * as i1 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
 import * as i2 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
+import { ElementsModule } from '@ng-atomic/elements';
 import * as i4 from '@angular/material/core';
 class MenuOrganism {
@@ -15,19 +16,19 @@ class MenuOrganism {
     }
 }
 MenuOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MenuOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MenuOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MenuOrganism, selector: "organisms-menu", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, ngImport: i0, template: "<mat-selection-list [multiple]=\"false\">\n  <mat-list-option \n    *ngFor=\"let item of actionItems\" \n    [value]=\"item.id\"\n    (click)=\"actionItemClick.emit([item])\"\n  >\n    <mat-icon mat-list-icon> {{ item?.icon }}</mat-icon>\n    <div mat-line>{{item.name}}</div>\n  </mat-list-option>\n</mat-selection-list>", styles: [":host{--primary-color: blue;--primary-color-SCOPED-IN-menu-qmNH: var(--primary-color);--secondary-color: blue;--secondary-color-SCOPED-IN-menu-qmNH: var(--secondary-color);--color: white;--color-SCOPED-IN-menu-qmNH: var(--color)}:host{display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-menu-qmNH);color:var(--color-SCOPED-IN-menu-qmNH);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-menu-qmNH);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}\n"], components: [{ type: i1.MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "tabIndex", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { type: i1.MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "disabled", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: i4.MatLine, selector: "[mat-line], [matLine]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+MenuOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MenuOrganism, selector: "organisms-menu", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, ngImport: i0, template: "<mat-selection-list [multiple]=\"false\">\n  <mat-list-option \n    *ngFor=\"let item of actionItems\" \n    [value]=\"item.id\"\n    (click)=\"actionItemClick.emit([item])\"\n  >\n    <mat-icon mat-list-icon> {{ item?.icon }}</mat-icon>\n    <div mat-line>{{item.name}}</div>\n  </mat-list-option>\n</mat-selection-list>", styles: [":host{--primary-color: blue;--primary-color-SCOPED-IN-menu-Wa2l: var(--primary-color);--secondary-color: blue;--secondary-color-SCOPED-IN-menu-Wa2l: var(--secondary-color);--color: white;--color-SCOPED-IN-menu-Wa2l: var(--color)}:host{display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-menu-Wa2l);color:var(--color-SCOPED-IN-menu-Wa2l);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-menu-Wa2l);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}\n"], components: [{ type: i1.MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "tabIndex", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { type: i1.MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "disabled", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: i4.MatLine, selector: "[mat-line], [matLine]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MenuOrganism, decorators: [{
             type: Component,
-            args: [{ selector: 'organisms-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-selection-list [multiple]=\"false\">\n  <mat-list-option \n    *ngFor=\"let item of actionItems\" \n    [value]=\"item.id\"\n    (click)=\"actionItemClick.emit([item])\"\n  >\n    <mat-icon mat-list-icon> {{ item?.icon }}</mat-icon>\n    <div mat-line>{{item.name}}</div>\n  </mat-list-option>\n</mat-selection-list>", styles: [":host{--primary-color: blue;--primary-color-SCOPED-IN-menu-qmNH: var(--primary-color);--secondary-color: blue;--secondary-color-SCOPED-IN-menu-qmNH: var(--secondary-color);--color: white;--color-SCOPED-IN-menu-qmNH: var(--color)}:host{display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-menu-qmNH);color:var(--color-SCOPED-IN-menu-qmNH);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-menu-qmNH);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}\n"] }]
+            args: [{ selector: 'organisms-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-selection-list [multiple]=\"false\">\n  <mat-list-option \n    *ngFor=\"let item of actionItems\" \n    [value]=\"item.id\"\n    (click)=\"actionItemClick.emit([item])\"\n  >\n    <mat-icon mat-list-icon> {{ item?.icon }}</mat-icon>\n    <div mat-line>{{item.name}}</div>\n  </mat-list-option>\n</mat-selection-list>", styles: [":host{--primary-color: blue;--primary-color-SCOPED-IN-menu-Wa2l: var(--primary-color);--secondary-color: blue;--secondary-color-SCOPED-IN-menu-Wa2l: var(--secondary-color);--color: white;--color-SCOPED-IN-menu-Wa2l: var(--color)}:host{display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-menu-Wa2l);color:var(--color-SCOPED-IN-menu-Wa2l);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-menu-Wa2l);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}\n"] }]
         }], propDecorators: { actionItems: [{
                 type: Input
             }], actionItemClick: [{
                 type: Output
             }] } });
-class MenuModule {
+class MenuModule extends ElementsModule {
 }
-MenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MenuModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
 MenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MenuModule, declarations: [MenuOrganism], imports: [CommonModule,
         MatListModule,
         MatIconModule], exports: [MenuOrganism] });

package/fesm2020/ng-atomic-components-organisms-menu.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-organisms-menu.mjs","sources":["../../../../libs/components/organisms/menu/menu.organism.ts","../../../../libs/components/organisms/menu/menu.organism.html","../../../../libs/components/organisms/menu/menu.module.ts","../../../../libs/components/organisms/menu/ng-atomic-components-organisms-menu.ts"],"sourcesContent":["import { Component, Input, ChangeDetectionStrategy, Output, EventEmitter } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n selector: 'organisms-menu',\n templateUrl: './menu.organism.html',\n styleUrls: ['./menu.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MenuOrganism {\n \n @Input()\n actionItems: ActionItem[] = [];\n\n @Output()\n actionItemClick = new EventEmitter<[ActionItem]>();\n\n}\n","<mat-selection-list [multiple]=\"false\">\n <mat-list-option \n ngFor=\"let item of actionItems\" \n [value]=\"item.id\"\n (click)=\"actionItemClick.emit([item])\"\n >\n <mat-icon mat-list-icon> {{ item?.icon }}</mat-icon>\n <div mat-line>{{item.name}}</div>\n </mat-list-option>\n</mat-selection-list>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ~~MenuOrganism~~ } from '~~./menu.organism~~';\nimport { ~~MatListModule~~ } from '@angular/material/~~list~~';\nimport { ~~MatIconModule~~ } from '@~~angular~~/~~material/icon~~';\n\n@NgModule({\n declarations: [MenuOrganism],\n imports: [\n CommonModule,\n MatListModule,\n MatIconModule\n ],\n exports: [MenuOrganism]\n})\nexport class MenuModule { }\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;;;;;;;~~MASa,YAAY,CAAA;AANzB,IAAA,WAAA,GAAA;QASE,IAAW,CAAA,WAAA,GAAiB,EAAE,CAAC;AAG/B,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,YAAY,EAAgB,CAAC;AAEpD,KAAA;;0GARY,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,YAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,YAAY,+ICTzB,mUASqB,EAAA,MAAA,EAAA,CAAA,osBAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,eAAA,EAAA,UAAA,EAAA,OAAA,EAAA,aAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,eAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDAR,YAAY,EAAA,UAAA,EAAA,CAAA;kBANxB,SAAS;+BACE,gBAAgB,EAAA,eAAA,EAGT,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,mUAAA,EAAA,MAAA,EAAA,CAAA,osBAAA,CAAA,EAAA,CAAA;8BAK/C,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,eAAe,EAAA,CAAA;sBADd,MAAM;;;~~MECI~~,~~UAAU~~,CAAA;;~~wGAAV~~,UAAU,EAAA,IAAA,EAAA,~~EAAA~~,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;yGAAV,UAAU,EAAA,YAAA,EAAA,CARN,YAAY,CAAA,EAAA,OAAA,EAAA,CAEzB,YAAY;QACZ,aAAa;AACb,QAAA,aAAa,aAEL,YAAY,CAAA,EAAA,CAAA,CAAA;AAEX,UAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAU,EAPZ,OAAA,EAAA,CAAA;YACP,YAAY;YACZ,aAAa;YACb,aAAa;AACd,SAAA,CAAA,EAAA,CAAA,CAAA;4FAGU,UAAU,EAAA,UAAA,EAAA,CAAA;kBATtB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,YAAY,CAAC;AAC5B,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,aAAa;wBACb,aAAa;AACd,qBAAA;oBACD,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA,CAAA;;;~~ACdD~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-organisms-menu.mjs","sources":["../../../../libs/components/organisms/menu/menu.organism.ts","../../../../libs/components/organisms/menu/menu.organism.html","../../../../libs/components/organisms/menu/menu.module.ts","../../../../libs/components/organisms/menu/ng-atomic-components-organisms-menu.ts"],"sourcesContent":["import { Component, Input, ChangeDetectionStrategy, Output, EventEmitter } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n selector: 'organisms-menu',\n templateUrl: './menu.organism.html',\n styleUrls: ['./menu.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MenuOrganism {\n \n @Input()\n actionItems: ActionItem[] = [];\n\n @Output()\n actionItemClick = new EventEmitter<[ActionItem]>();\n\n}\n","<mat-selection-list [multiple]=\"false\">\n <mat-list-option \n ngFor=\"let item of actionItems\" \n [value]=\"item.id\"\n (click)=\"actionItemClick.emit([item])\"\n >\n <mat-icon mat-list-icon> {{ item?.icon }}</mat-icon>\n <div mat-line>{{item.name}}</div>\n </mat-list-option>\n</mat-selection-list>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatListModule } from '@angular/material/list';\nimport { MatIconModule } from '@angular/material/icon';\nimport { ElementsModule } from '@ng-atomic/elements';\n\nimport { MenuOrganism } from './menu.organism';\n\n@NgModule({\n declarations: [MenuOrganism],\n imports: [\n CommonModule,\n MatListModule,\n MatIconModule\n ],\n exports: [MenuOrganism]\n})\nexport class MenuModule extends ElementsModule { }\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-navigator.mjs CHANGED Viewed

@@ -10,6 +10,7 @@ import * as i4 from '@ng-atomic/components/atoms/smart-menu-button';
 import { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';
 import * as i5 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import { ElementsModule } from '@ng-atomic/elements';
 class NavigatorOrganism {
     constructor() {
@@ -20,10 +21,10 @@ class NavigatorOrganism {
     }
 }
 NavigatorOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NavigatorOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NavigatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NavigatorOrganism, selector: "organisms-navigator", inputs: { canBack: "canBack", title: "title", description: "description", actionItems: "actionItems" }, outputs: { backButtonClick: "backButtonClick", actionItemClick: "actionItemClick" }, ngImport: i0, 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      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--height: 64px;--height-SCOPED-IN-navigator-mqS5: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-navigator-mqS5)}: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"], components: [{ type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["actionItems"], outputs: ["actionItemClick"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+NavigatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NavigatorOrganism, selector: "organisms-navigator", inputs: { canBack: "canBack", title: "title", description: "description", actionItems: "actionItems" }, outputs: { backButtonClick: "backButtonClick", actionItemClick: "actionItemClick" }, ngImport: i0, 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      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--height: 64px;--height-SCOPED-IN-navigator-jd80: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-navigator-jd80)}: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"], components: [{ type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["actionItems"], outputs: ["actionItemClick"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NavigatorOrganism, decorators: [{
             type: Component,
-            args: [{ selector: 'organisms-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      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--height: 64px;--height-SCOPED-IN-navigator-mqS5: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-navigator-mqS5)}: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-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      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--height: 64px;--height-SCOPED-IN-navigator-jd80: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-navigator-jd80)}: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"] }]
         }], propDecorators: { canBack: [{
                 type: Input
             }], title: [{
@@ -38,9 +39,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 type: Output
             }] } });
-class NavigatorModule {
+class NavigatorModule extends ElementsModule {
 }
-NavigatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NavigatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NavigatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NavigatorModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
 NavigatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NavigatorModule, declarations: [NavigatorOrganism], imports: [CommonModule,
         // Material
         MatButtonModule,

package/fesm2020/ng-atomic-components-organisms-navigator.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-organisms-navigator.mjs","sources":["../../../../libs/components/organisms/navigator/navigator.organism.ts","../../../../libs/components/organisms/navigator/navigator.organism.html","../../../../libs/components/organisms/navigator/navigator.module.ts","../../../../libs/components/organisms/navigator/ng-atomic-components-organisms-navigator.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ActionItem, ActionItemEvent } from '@ng-atomic/common/models';\n\n@Component({\n selector: 'organisms-navigator',\n templateUrl: './navigator.organism.html',\n styleUrls: ['./navigator.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NavigatorOrganism {\n\n @Input()\n canBack = true;\n\n @Input()\n title?: string;\n\n @Input()\n description?: string;\n\n @Input()\n actionItems: ActionItem[] = [];\n\n @Output()\n backButtonClick = new EventEmitter<void>();\n\n @Output()\n actionItemClick = new EventEmitter<ActionItemEvent>();\n\n}\n","<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 [actionItems]=\"actionItems\"\n (actionItemClick)=\"actionItemClick.emit($event)\"\n ></atoms-smart-menu-button>\n </div>\n</mat-toolbar>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { NavigatorOrganism } from './navigator.organism';\n\n\n\n@NgModule({\n declarations: [NavigatorOrganism],\n imports: [\n CommonModule,\n // Material\n MatButtonModule,\n MatIconModule,\n MatToolbarModule,\n // Atoms\n SmartMenuButtonModule,\n ],\n exports: [NavigatorOrganism]\n})\nexport class NavigatorModule { }\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;~~MASa,iBAAiB,CAAA;AAN9B,IAAA,WAAA,GAAA;QASE,IAAO,CAAA,OAAA,GAAG,IAAI,CAAC;QASf,IAAW,CAAA,WAAA,GAAiB,EAAE,CAAC;AAG/B,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,YAAY,EAAQ,CAAC;AAG3C,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,YAAY,EAAmB,CAAC;AAEvD,KAAA;;+GApBY,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,wPCT9B,8hBAiBA,EAAA,MAAA,EAAA,CAAA,ufAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,4LAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDRa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAN7B,SAAS;+BACE,qBAAqB,EAAA,eAAA,EAGd,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,8hBAAA,EAAA,MAAA,EAAA,CAAA,ufAAA,CAAA,EAAA,CAAA;8BAK/C,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,eAAe,EAAA,CAAA;sBADd,MAAM;gBAIP,eAAe,EAAA,CAAA;sBADd,MAAM;;;~~MEHI~~,~~eAAe~~,CAAA;;~~6GAAf~~,eAAe,EAAA,IAAA,EAAA,~~EAAA~~,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;8GAAf,eAAe,EAAA,YAAA,EAAA,CAZX,iBAAiB,CAAA,EAAA,OAAA,EAAA,CAE9B,YAAY;;QAEZ,eAAe;QACf,aAAa;QACb,gBAAgB;;AAEhB,QAAA,qBAAqB,aAEb,iBAAiB,CAAA,EAAA,CAAA,CAAA;AAEhB,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,EAXjB,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZ,eAAe;YACf,aAAa;YACb,gBAAgB;;YAEhB,qBAAqB;AACtB,SAAA,CAAA,EAAA,CAAA,CAAA;4FAGU,eAAe,EAAA,UAAA,EAAA,CAAA;kBAb3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,iBAAiB,CAAC;AACjC,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,eAAe;wBACf,aAAa;wBACb,gBAAgB;;wBAEhB,qBAAqB;AACtB,qBAAA;oBACD,OAAO,EAAE,CAAC,iBAAiB,CAAC;AAC7B,iBAAA,CAAA;;;~~ACtBD~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-organisms-navigator.mjs","sources":["../../../../libs/components/organisms/navigator/navigator.organism.ts","../../../../libs/components/organisms/navigator/navigator.organism.html","../../../../libs/components/organisms/navigator/navigator.module.ts","../../../../libs/components/organisms/navigator/ng-atomic-components-organisms-navigator.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ActionItem, ActionItemEvent } from '@ng-atomic/common/models';\n\n@Component({\n selector: 'organisms-navigator',\n templateUrl: './navigator.organism.html',\n styleUrls: ['./navigator.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NavigatorOrganism {\n\n @Input()\n canBack = true;\n\n @Input()\n title?: string;\n\n @Input()\n description?: string;\n\n @Input()\n actionItems: ActionItem[] = [];\n\n @Output()\n backButtonClick = new EventEmitter<void>();\n\n @Output()\n actionItemClick = new EventEmitter<ActionItemEvent>();\n\n}\n","<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 [actionItems]=\"actionItems\"\n (actionItemClick)=\"actionItemClick.emit($event)\"\n ></atoms-smart-menu-button>\n </div>\n</mat-toolbar>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { ElementsModule } from '@ng-atomic/elements';\n\nimport { NavigatorOrganism } from './navigator.organism';\n\n\n\n@NgModule({\n declarations: [NavigatorOrganism],\n imports: [\n CommonModule,\n // Material\n MatButtonModule,\n MatIconModule,\n MatToolbarModule,\n // Atoms\n SmartMenuButtonModule,\n ],\n exports: [NavigatorOrganism]\n})\nexport class NavigatorModule extends ElementsModule { }\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;MASa,iBAAiB,CAAA;AAN9B,IAAA,WAAA,GAAA;QASE,IAAO,CAAA,OAAA,GAAG,IAAI,CAAC;QASf,IAAW,CAAA,WAAA,GAAiB,EAAE,CAAC;AAG/B,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,YAAY,EAAQ,CAAC;AAG3C,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,YAAY,EAAmB,CAAC;AAEvD,KAAA;;+GApBY,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,wPCT9B,8hBAiBA,EAAA,MAAA,EAAA,CAAA,ufAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,4LAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDRa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAN7B,SAAS;+BACE,qBAAqB,EAAA,eAAA,EAGd,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,8hBAAA,EAAA,MAAA,EAAA,CAAA,ufAAA,CAAA,EAAA,CAAA;8BAK/C,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,eAAe,EAAA,CAAA;sBADd,MAAM;gBAIP,eAAe,EAAA,CAAA;sBADd,MAAM;;;AEDH,MAAO,eAAgB,SAAQ,cAAc,CAAA;;6GAAtC,eAAe,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;8GAAf,eAAe,EAAA,YAAA,EAAA,CAZX,iBAAiB,CAAA,EAAA,OAAA,EAAA,CAE9B,YAAY;;QAEZ,eAAe;QACf,aAAa;QACb,gBAAgB;;AAEhB,QAAA,qBAAqB,aAEb,iBAAiB,CAAA,EAAA,CAAA,CAAA;AAEhB,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,EAXjB,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZ,eAAe;YACf,aAAa;YACb,gBAAgB;;YAEhB,qBAAqB;AACtB,SAAA,CAAA,EAAA,CAAA,CAAA;4FAGU,eAAe,EAAA,UAAA,EAAA,CAAA;kBAb3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,iBAAiB,CAAC;AACjC,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,eAAe;wBACf,aAAa;wBACb,gBAAgB;;wBAEhB,qBAAqB;AACtB,qBAAA;oBACD,OAAO,EAAE,CAAC,iBAAiB,CAAC;AAC7B,iBAAA,CAAA;;;ACxBD;;AAEG;;;;"}

package/fesm2020/ng-atomic-components-organisms-paginator.mjs CHANGED Viewed

@@ -7,6 +7,7 @@ import * as i1 from '@ng-atomic/components/frames/auto-layout';
 import { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';
 import * as i2 from '@ng-atomic/components/molecules/chips-input-field';
 import { ChipsInputFieldModule } from '@ng-atomic/components/molecules/chips-input-field';
+import { ElementsModule } from '@ng-atomic/elements';
 import { FormControl } from '@ngneat/reactive-forms';
 class PaginatorOrganism {
@@ -34,9 +35,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 type: Output
             }] } });
-class PaginatorModule {
+class PaginatorModule extends ElementsModule {
 }
-PaginatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PaginatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PaginatorModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
 PaginatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PaginatorModule, declarations: [PaginatorOrganism], imports: [CommonModule,
         // Materials
         MatPaginatorModule,

package/fesm2020/ng-atomic-components-organisms-paginator.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-organisms-paginator.mjs","sources":["../../../../libs/components/organisms/paginator/paginator.organism.ts","../../../../libs/components/organisms/paginator/paginator.organism.html","../../../../libs/components/organisms/paginator/paginator.module.ts","../../../../libs/components/organisms/paginator/ng-atomic-components-organisms-paginator.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { PageEvent } from '@angular/material/paginator';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n selector: 'organisms-paginator',\n templateUrl: './paginator.organism.html',\n styleUrls: ['./paginator.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'organism'},\n})\nexport class PaginatorOrganism {\n\n @Input()\n control = new FormControl<string>('');\n\n @Input()\n placeholder = '';\n\n @Input()\n page!: PageEvent;\n\n @Input()\n pageSizeOptions: number[] = [5, 10, 25, 100];\n\n @Output()\n pageChange = new EventEmitter<PageEvent>();\n\n}\n","<frames-auto-layout horizontal>\n <molecules-chips-input-field\n [control]=\"control\"\n [placeholder]=\"placeholder\"\n ></molecules-chips-input-field>\n <mat-paginator \n [length]=\"page.length\"\n [pageSize]=\"page.pageSize\"\n [pageSizeOptions]=\"pageSizeOptions\"\n (page)=\"pageChange.emit($event)\"\n aria-label=\"Select page\">\n </mat-paginator>\n</frames-auto-layout>\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatPaginatorModule } from '@angular/material/paginator';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { ChipsInputFieldModule } from '@ng-atomic/components/molecules/chips-input-field';\n\nimport { PaginatorOrganism } from './paginator.organism';\n\n@NgModule({\n declarations: [\n PaginatorOrganism\n ],\n imports: [\n CommonModule,\n // Materials\n MatPaginatorModule,\n // Frames\n AutoLayoutModule,\n // Molecules\n ChipsInputFieldModule,\n ],\n exports: [\n PaginatorOrganism\n ]\n})\nexport class PaginatorModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;;;;;;;;~~MAWa,iBAAiB,CAAA;AAP9B,IAAA,WAAA,GAAA;AAUE,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAS,EAAE,CAAC,CAAC;QAGtC,IAAW,CAAA,WAAA,GAAG,EAAE,CAAC;QAMjB,IAAe,CAAA,eAAA,GAAa,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;AAG7C,QAAA,IAAA,CAAA,UAAU,GAAG,IAAI,YAAY,EAAa,CAAC;AAE5C,KAAA;;+GAjBY,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,sPCX9B,wZAcA,EAAA,MAAA,EAAA,CAAA,iOAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDHa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;+BACE,qBAAqB,EAAA,eAAA,EAGd,uBAAuB,CAAC,MAAM,QACzC,EAAC,KAAK,EAAE,UAAU,EAAC,EAAA,QAAA,EAAA,wZAAA,EAAA,MAAA,EAAA,CAAA,iOAAA,CAAA,EAAA,CAAA;8BAKzB,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,eAAe,EAAA,CAAA;sBADd,KAAK;gBAIN,UAAU,EAAA,CAAA;sBADT,MAAM;;;~~MEAI~~,~~eAAe~~,CAAA;;~~6GAAf~~,eAAe,EAAA,IAAA,EAAA,~~EAAA~~,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;8GAAf,eAAe,EAAA,YAAA,EAAA,CAfxB,iBAAiB,CAAA,EAAA,OAAA,EAAA,CAGjB,YAAY;;QAEZ,kBAAkB;;QAElB,gBAAgB;;AAEhB,QAAA,qBAAqB,aAGrB,iBAAiB,CAAA,EAAA,CAAA,CAAA;AAGR,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,EAbjB,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZ,kBAAkB;;YAElB,gBAAgB;;YAEhB,qBAAqB;AACtB,SAAA,CAAA,EAAA,CAAA,CAAA;4FAKU,eAAe,EAAA,UAAA,EAAA,CAAA;kBAjB3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,iBAAiB;AAClB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,kBAAkB;;wBAElB,gBAAgB;;wBAEhB,qBAAqB;AACtB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,iBAAiB;AAClB,qBAAA;AACF,iBAAA,CAAA;;;~~ACxBD~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-organisms-paginator.mjs","sources":["../../../../libs/components/organisms/paginator/paginator.organism.ts","../../../../libs/components/organisms/paginator/paginator.organism.html","../../../../libs/components/organisms/paginator/paginator.module.ts","../../../../libs/components/organisms/paginator/ng-atomic-components-organisms-paginator.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { PageEvent } from '@angular/material/paginator';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n selector: 'organisms-paginator',\n templateUrl: './paginator.organism.html',\n styleUrls: ['./paginator.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'organism'},\n})\nexport class PaginatorOrganism {\n\n @Input()\n control = new FormControl<string>('');\n\n @Input()\n placeholder = '';\n\n @Input()\n page!: PageEvent;\n\n @Input()\n pageSizeOptions: number[] = [5, 10, 25, 100];\n\n @Output()\n pageChange = new EventEmitter<PageEvent>();\n\n}\n","<frames-auto-layout horizontal>\n <molecules-chips-input-field\n [control]=\"control\"\n [placeholder]=\"placeholder\"\n ></molecules-chips-input-field>\n <mat-paginator \n [length]=\"page.length\"\n [pageSize]=\"page.pageSize\"\n [pageSizeOptions]=\"pageSizeOptions\"\n (page)=\"pageChange.emit($event)\"\n aria-label=\"Select page\">\n </mat-paginator>\n</frames-auto-layout>\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatPaginatorModule } from '@angular/material/paginator';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { ChipsInputFieldModule } from '@ng-atomic/components/molecules/chips-input-field';\nimport { ElementsModule } from '@ng-atomic/elements';\n\nimport { PaginatorOrganism } from './paginator.organism';\n\n@NgModule({\n declarations: [\n PaginatorOrganism\n ],\n imports: [\n CommonModule,\n // Materials\n MatPaginatorModule,\n // Frames\n AutoLayoutModule,\n // Molecules\n ChipsInputFieldModule,\n ],\n exports: [\n PaginatorOrganism\n ]\n})\nexport class PaginatorModule extends ElementsModule { }\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-select-input-section.mjs CHANGED Viewed

@@ -1,9 +1,10 @@
 import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { FormControl } from '@ngneat/reactive-forms';
 import * as i1 from '@ng-atomic/components/molecules/select-input-field';
 import { SelectInputFieldModule } from '@ng-atomic/components/molecules/select-input-field';
+import { ElementsModule } from '@ng-atomic/elements';
+import { FormControl } from '@ngneat/reactive-forms';
 class SelectInputSectionOrganism {
     constructor() {
@@ -13,10 +14,10 @@ class SelectInputSectionOrganism {
     }
 }
 SelectInputSectionOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SelectInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SelectInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: { label: "label", control: "control", options: "options" }, ngImport: i0, template: "<molecules-select-input-field\n  [label]=\"label\"\n  [control]=\"control\"\n  [options]=\"options\"\n></molecules-select-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-0XAb: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-0XAb);box-sizing:border-box}:host .molecule.input-field{width:100%}\n"], components: [{ type: i1.SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: ["label", "control", "options"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SelectInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: { label: "label", control: "control", options: "options" }, ngImport: i0, template: "<molecules-select-input-field\n  [label]=\"label\"\n  [control]=\"control\"\n  [options]=\"options\"\n></molecules-select-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-I4Pn: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-I4Pn);box-sizing:border-box}:host .molecule.input-field{width:100%}\n"], components: [{ type: i1.SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: ["label", "control", "options"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SelectInputSectionOrganism, decorators: [{
             type: Component,
-            args: [{ selector: 'organisms-select-input-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-select-input-field\n  [label]=\"label\"\n  [control]=\"control\"\n  [options]=\"options\"\n></molecules-select-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-0XAb: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-0XAb);box-sizing:border-box}:host .molecule.input-field{width:100%}\n"] }]
+            args: [{ selector: 'organisms-select-input-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-select-input-field\n  [label]=\"label\"\n  [control]=\"control\"\n  [options]=\"options\"\n></molecules-select-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-I4Pn: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-I4Pn);box-sizing:border-box}:host .molecule.input-field{width:100%}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], control: [{
@@ -25,9 +26,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 type: Input
             }] } });
-class SelectInputSectionModule {
+class SelectInputSectionModule extends ElementsModule {
 }
-SelectInputSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SelectInputSectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SelectInputSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SelectInputSectionModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
 SelectInputSectionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SelectInputSectionModule, declarations: [SelectInputSectionOrganism], imports: [CommonModule,
         // Molecules
         SelectInputFieldModule], exports: [SelectInputSectionOrganism] });

package/fesm2020/ng-atomic-components-organisms-select-input-section.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-organisms-select-input-section.mjs","sources":["../../../../libs/components/organisms/select-input-section/select-input-section.organism.ts","../../../../libs/components/organisms/select-input-section/select-input-section.organism.html","../../../../libs/components/organisms/select-input-section/select-input-section.module.ts","../../../../libs/components/organisms/select-input-section/ng-atomic-components-organisms-select-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n selector: 'organisms-select-input-section',\n templateUrl: './select-input-section.organism.html',\n styleUrls: ['./select-input-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SelectInputSectionOrganism<T> {\n\n @Input()\n label: string = '';\n\n @Input()\n control = new FormControl<T>();\n\n @Input()\n options: {name: string, value: T}[] = [];\n \n}\n","<molecules-select-input-field\n [label]=\"label\"\n [control]=\"control\"\n [options]=\"options\"\n></molecules-select-input-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ~~SelectInputSectionOrganism~~ } from './select-input-~~section.organism~~';\n\nimport { ~~SelectInputFieldModule~~ } from '@ng-atomic/~~components/molecules/~~select-input-~~field~~';\n\n@NgModule({\n declarations: [\n SelectInputSectionOrganism\n ],\n imports: [\n CommonModule,\n // Molecules\n SelectInputFieldModule,\n ],\n exports: [\n SelectInputSectionOrganism\n ]\n})\nexport class SelectInputSectionModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;;;;~~MASa,0BAA0B,CAAA;AANvC,IAAA,WAAA,GAAA;QASE,IAAK,CAAA,KAAA,GAAW,EAAE,CAAC;AAGnB,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,EAAK,CAAC;QAG/B,IAAO,CAAA,OAAA,GAA+B,EAAE,CAAC;AAE1C,KAAA;;wHAXY,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,0ICTvC,wIAIgC,EAAA,MAAA,EAAA,CAAA,6RAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDKnB,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBANtC,SAAS;+BACE,gCAAgC,EAAA,eAAA,EAGzB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,wIAAA,EAAA,MAAA,EAAA,CAAA,6RAAA,CAAA,EAAA,CAAA;8BAK/C,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;;;~~MEEK~~,~~wBAAwB~~,CAAA;;~~sHAAxB~~,wBAAwB,EAAA,IAAA,EAAA,~~EAAA~~,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;uHAAxB,wBAAwB,EAAA,YAAA,EAAA,CAXjC,0BAA0B,CAAA,EAAA,OAAA,EAAA,CAG1B,YAAY;;AAEZ,QAAA,sBAAsB,aAGtB,0BAA0B,CAAA,EAAA,CAAA,CAAA;AAGjB,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,EAT1B,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZ,sBAAsB;AACvB,SAAA,CAAA,EAAA,CAAA,CAAA;4FAKU,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAbpC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,0BAA0B;AAC3B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,sBAAsB;AACvB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,0BAA0B;AAC3B,qBAAA;AACF,iBAAA,CAAA;;;~~AClBD~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-organisms-select-input-section.mjs","sources":["../../../../libs/components/organisms/select-input-section/select-input-section.organism.ts","../../../../libs/components/organisms/select-input-section/select-input-section.organism.html","../../../../libs/components/organisms/select-input-section/select-input-section.module.ts","../../../../libs/components/organisms/select-input-section/ng-atomic-components-organisms-select-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n selector: 'organisms-select-input-section',\n templateUrl: './select-input-section.organism.html',\n styleUrls: ['./select-input-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SelectInputSectionOrganism<T> {\n\n @Input()\n label: string = '';\n\n @Input()\n control = new FormControl<T>();\n\n @Input()\n options: {name: string, value: T}[] = [];\n \n}\n","<molecules-select-input-field\n [label]=\"label\"\n [control]=\"control\"\n [options]=\"options\"\n></molecules-select-input-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SelectInputFieldModule } from '@ng-atomic/components/molecules/select-input-field';\nimport { ElementsModule } from '@ng-atomic/elements';\n\nimport { SelectInputSectionOrganism } from './select-input-section.organism';\n\n\n@NgModule({\n declarations: [\n SelectInputSectionOrganism\n ],\n imports: [\n CommonModule,\n // Molecules\n SelectInputFieldModule,\n ],\n exports: [\n SelectInputSectionOrganism\n ]\n})\nexport class SelectInputSectionModule extends ElementsModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;MASa,0BAA0B,CAAA;AANvC,IAAA,WAAA,GAAA;QASE,IAAK,CAAA,KAAA,GAAW,EAAE,CAAC;AAGnB,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,EAAK,CAAC;QAG/B,IAAO,CAAA,OAAA,GAA+B,EAAE,CAAC;AAE1C,KAAA;;wHAXY,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,0ICTvC,wIAIgC,EAAA,MAAA,EAAA,CAAA,6RAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDKnB,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBANtC,SAAS;+BACE,gCAAgC,EAAA,eAAA,EAGzB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,wIAAA,EAAA,MAAA,EAAA,CAAA,6RAAA,CAAA,EAAA,CAAA;8BAK/C,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;;;AEIF,MAAO,wBAAyB,SAAQ,cAAc,CAAA;;sHAA/C,wBAAwB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;uHAAxB,wBAAwB,EAAA,YAAA,EAAA,CAXjC,0BAA0B,CAAA,EAAA,OAAA,EAAA,CAG1B,YAAY;;AAEZ,QAAA,sBAAsB,aAGtB,0BAA0B,CAAA,EAAA,CAAA,CAAA;AAGjB,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,EAT1B,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZ,sBAAsB;AACvB,SAAA,CAAA,EAAA,CAAA,CAAA;4FAKU,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAbpC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,0BAA0B;AAC3B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,sBAAsB;AACvB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,0BAA0B;AAC3B,qBAAA;AACF,iBAAA,CAAA;;;ACpBD;;AAEG;;;;"}

package/fesm2020/ng-atomic-components-organisms-smart-table.mjs CHANGED Viewed

@@ -8,14 +8,16 @@ import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatMenuModule } from '@angular/material/menu';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
+import * as i6 from '@ng-atomic/common/pipes';
+import { DomainModule } from '@ng-atomic/common/pipes';
 import * as i3 from '@ng-atomic/components/molecules/actions-column';
 import { ActionsColumnModule } from '@ng-atomic/components/molecules/actions-column';
 import * as i2 from '@ng-atomic/components/molecules/checkbox-column';
 import { CheckboxColumnModule } from '@ng-atomic/components/molecules/checkbox-column';
 import * as i4 from '@ng-atomic/components/molecules/smart-column';
 import { SmartColumnModule } from '@ng-atomic/components/molecules/smart-column';
-import * as i6 from '@ng-atomic/common/pipes';
-import { DomainModule } from '@ng-atomic/common/pipes';
+import { ElementsModule } from '@ng-atomic/elements';
+import { BrowserModule } from '@angular/platform-browser';
 class SmartTableOrganism {
     constructor() {
@@ -36,10 +38,10 @@ class SmartTableOrganism {
     }
 }
 SmartTableOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartTableOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SmartTableOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SmartTableOrganism, selector: "organisms-smart-table", inputs: { columns: "columns", items: "items", patientsSize: "patientsSize", pageSize: "pageSize", actionItems: "actionItems", selectedIdSet: "selectedIdSet", sortKey: "sortKey", sortOrder: "sortOrder" }, outputs: { actionItemClick: "actionItemClick", headerClick: "headerClick", checkboxClick: "checkboxClick", pageChange: "pageChange", itemCheck: "itemCheck" }, host: { classAttribute: "organism" }, ngImport: i0, template: "<table mat-table [dataSource]=\"items\" matSort matSortDisableClear matSortDirection=\"desc\">\n  <ng-container *ngFor=\"let name of displayedColumns\" [ngSwitch]=\"name\">\n    <molecules-checkbox-column\n      *ngSwitchCase=\"'__checkbox'\"\n      name=\"__checkbox\"\n      [selectedIdSet]=\"selectedIdSet\"\n      (checkboxClick)=\"checkboxClick.emit($event)\"\n    ></molecules-checkbox-column>\n    <molecules-actions-column \n      *ngSwitchCase=\"'__actions'\" \n      name=\"__actions\" \n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></molecules-actions-column>\n    <molecules-smart-column\n      *ngSwitchDefault\n      [name]=\"name\"\n      [headerText]=\"name | D\"\n      [sort]=\"sortKey === name ? sortOrder : 'none'\"\n      (headerClick)=\"headerClick.emit(name)\"\n    ></molecules-smart-column>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let item; columns: displayedColumns;\"></tr>\n</table>\n<div *ngIf=\"!items?.length\" class=\"no-data-message\">\u30C7\u30FC\u30BF\u304C\u3042\u308A\u307E\u305B\u3093\u3002</div>", styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-Pj0v: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-Pj0v: var(--cell)}:host{display:block;position:relative;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-Pj0v) - var(--cell-SCOPED-IN-smart-table-Pj0v) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-Pj0v) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-Pj0v) * 2)}\n"], components: [{ type: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2.CheckboxColumnMolecule, selector: "molecules-checkbox-column", inputs: ["name", "selectedIdSet"], outputs: ["checkboxClick"] }, { type: i3.ActionsColumnMolecule, selector: "molecules-actions-column", inputs: ["name", "actionItems"], outputs: ["actionItemClick"] }, { type: i4.SmartColumnMolecule, selector: "molecules-smart-column", inputs: ["sort"], outputs: ["headerClick"] }, { type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }], directives: [{ type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i5.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i5.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "D": i6.DomainPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SmartTableOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SmartTableOrganism, selector: "organisms-smart-table", inputs: { columns: "columns", items: "items", patientsSize: "patientsSize", pageSize: "pageSize", actionItems: "actionItems", selectedIdSet: "selectedIdSet", sortKey: "sortKey", sortOrder: "sortOrder" }, outputs: { actionItemClick: "actionItemClick", headerClick: "headerClick", checkboxClick: "checkboxClick", pageChange: "pageChange", itemCheck: "itemCheck" }, host: { classAttribute: "organism" }, ngImport: i0, template: "<table mat-table [dataSource]=\"items\" matSort matSortDisableClear matSortDirection=\"desc\">\n  <ng-container *ngFor=\"let name of displayedColumns\" [ngSwitch]=\"name\">\n    <molecules-checkbox-column\n      *ngSwitchCase=\"'__checkbox'\"\n      name=\"__checkbox\"\n      [selectedIdSet]=\"selectedIdSet\"\n      (checkboxClick)=\"checkboxClick.emit($event)\"\n    ></molecules-checkbox-column>\n    <molecules-actions-column \n      *ngSwitchCase=\"'__actions'\" \n      name=\"__actions\" \n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></molecules-actions-column>\n    <molecules-smart-column\n      *ngSwitchDefault\n      [name]=\"name\"\n      [headerText]=\"name | D\"\n      [sort]=\"sortKey === name ? sortOrder : 'none'\"\n      (headerClick)=\"headerClick.emit(name)\"\n    ></molecules-smart-column>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let item; columns: displayedColumns;\"></tr>\n</table>\n<div *ngIf=\"!items?.length\" class=\"no-data-message\">\u30C7\u30FC\u30BF\u304C\u3042\u308A\u307E\u305B\u3093\u3002</div>", styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-8YXR: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-8YXR: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-8YXR: var(--column-vertical-padding)}:host{display:block;position:relative;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-8YXR)}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-8YXR) - var(--cell-SCOPED-IN-smart-table-8YXR) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-8YXR) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-8YXR) * 2)}\n"], components: [{ type: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2.CheckboxColumnMolecule, selector: "molecules-checkbox-column", inputs: ["name", "selectedIdSet"], outputs: ["checkboxClick"] }, { type: i3.ActionsColumnMolecule, selector: "molecules-actions-column", inputs: ["name", "actionItems"], outputs: ["actionItemClick"] }, { type: i4.SmartColumnMolecule, selector: "molecules-smart-column", inputs: ["sort"], outputs: ["headerClick"] }, { type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }], directives: [{ type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i5.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i5.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "D": i6.DomainPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartTableOrganism, decorators: [{
             type: Component,
-            args: [{ selector: 'organisms-smart-table', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism' }, template: "<table mat-table [dataSource]=\"items\" matSort matSortDisableClear matSortDirection=\"desc\">\n  <ng-container *ngFor=\"let name of displayedColumns\" [ngSwitch]=\"name\">\n    <molecules-checkbox-column\n      *ngSwitchCase=\"'__checkbox'\"\n      name=\"__checkbox\"\n      [selectedIdSet]=\"selectedIdSet\"\n      (checkboxClick)=\"checkboxClick.emit($event)\"\n    ></molecules-checkbox-column>\n    <molecules-actions-column \n      *ngSwitchCase=\"'__actions'\" \n      name=\"__actions\" \n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></molecules-actions-column>\n    <molecules-smart-column\n      *ngSwitchDefault\n      [name]=\"name\"\n      [headerText]=\"name | D\"\n      [sort]=\"sortKey === name ? sortOrder : 'none'\"\n      (headerClick)=\"headerClick.emit(name)\"\n    ></molecules-smart-column>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let item; columns: displayedColumns;\"></tr>\n</table>\n<div *ngIf=\"!items?.length\" class=\"no-data-message\">\u30C7\u30FC\u30BF\u304C\u3042\u308A\u307E\u305B\u3093\u3002</div>", styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-Pj0v: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-Pj0v: var(--cell)}:host{display:block;position:relative;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-Pj0v) - var(--cell-SCOPED-IN-smart-table-Pj0v) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-Pj0v) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-Pj0v) * 2)}\n"] }]
+            args: [{ selector: 'organisms-smart-table', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism' }, template: "<table mat-table [dataSource]=\"items\" matSort matSortDisableClear matSortDirection=\"desc\">\n  <ng-container *ngFor=\"let name of displayedColumns\" [ngSwitch]=\"name\">\n    <molecules-checkbox-column\n      *ngSwitchCase=\"'__checkbox'\"\n      name=\"__checkbox\"\n      [selectedIdSet]=\"selectedIdSet\"\n      (checkboxClick)=\"checkboxClick.emit($event)\"\n    ></molecules-checkbox-column>\n    <molecules-actions-column \n      *ngSwitchCase=\"'__actions'\" \n      name=\"__actions\" \n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></molecules-actions-column>\n    <molecules-smart-column\n      *ngSwitchDefault\n      [name]=\"name\"\n      [headerText]=\"name | D\"\n      [sort]=\"sortKey === name ? sortOrder : 'none'\"\n      (headerClick)=\"headerClick.emit(name)\"\n    ></molecules-smart-column>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let item; columns: displayedColumns;\"></tr>\n</table>\n<div *ngIf=\"!items?.length\" class=\"no-data-message\">\u30C7\u30FC\u30BF\u304C\u3042\u308A\u307E\u305B\u3093\u3002</div>", styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-8YXR: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-8YXR: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-8YXR: var(--column-vertical-padding)}:host{display:block;position:relative;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-8YXR)}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-8YXR) - var(--cell-SCOPED-IN-smart-table-8YXR) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-8YXR) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-8YXR) * 2)}\n"] }]
         }], propDecorators: { columns: [{
                 type: Input
             }], items: [{
@@ -68,10 +70,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 type: Output
             }] } });
-class SmartTableModule {
+class SmartTableModule extends ElementsModule {
 }
-SmartTableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SmartTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartTableModule, declarations: [SmartTableOrganism], imports: [CommonModule,
+SmartTableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartTableModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
+SmartTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartTableModule, declarations: [SmartTableOrganism], imports: [BrowserModule,
+        CommonModule,
         // Pipes
         DomainModule,
         // Material
@@ -85,6 +88,7 @@ SmartTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
         CheckboxColumnModule,
         SmartColumnModule], exports: [SmartTableOrganism] });
 SmartTableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartTableModule, imports: [[
+            BrowserModule,
             CommonModule,
             // Pipes
             DomainModule,
@@ -106,6 +110,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                         SmartTableOrganism,
                     ],
                     imports: [
+                        BrowserModule,
                         CommonModule,
                         // Pipes
                         DomainModule,

package/fesm2020/ng-atomic-components-organisms-smart-table.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-organisms-smart-table.mjs","sources":["../../../../libs/components/organisms/smart-table/smart-table.organism.ts","../../../../libs/components/organisms/smart-table/smart-table.organism.html","../../../../libs/components/organisms/smart-table/smart-table.module.ts","../../../../libs/components/organisms/smart-table/ng-atomic-components-organisms-smart-table.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n\n@Component({\n selector: 'organisms-smart-table',\n templateUrl: './smart-table.organism.html',\n styleUrls: ['./smart-table.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'organism'}\n})\nexport class SmartTableOrganism<Item extends object> {\n\n @Input()\n columns: (keyof Item)[] = [];\n\n get displayedColumns(): (keyof Item \| string)[] {\n return [...this.columns];\n }\n\n @Input()\n items: Item[] = [];\n\n @Input()\n patientsSize: number = 0;\n\n @Input()\n pageSize: number = 0;\n\n @Input()\n actionItems: ActionItem[] = [];\n\n @Input()\n selectedIdSet = new Set<string>();\n\n @Input()\n sortKey?: string;\n\n @Input()\n sortOrder?: 'asc' \| 'desc';\n\n @Output()\n actionItemClick = new EventEmitter<[ActionItem, Item]>();\n\n @Output()\n headerClick = new EventEmitter<string>();\n \n @Output()\n checkboxClick = new EventEmitter<[Item, boolean]>();\n\n @Output()\n pageChange = new EventEmitter();\n\n @Output()\n itemCheck = new EventEmitter<[Item, boolean]>();\n \n}\n","<table mat-table [dataSource]=\"items\" matSort matSortDisableClear matSortDirection=\"desc\">\n <ng-container ngFor=\"let name of displayedColumns\" [ngSwitch]=\"name\">\n <molecules-checkbox-column\n ngSwitchCase=\"'__checkbox'\"\n name=\"__checkbox\"\n [selectedIdSet]=\"selectedIdSet\"\n (checkboxClick)=\"checkboxClick.emit($event)\"\n ></molecules-checkbox-column>\n <molecules-actions-column \n ngSwitchCase=\"'__actions'\" \n name=\"__actions\" \n [actionItems]=\"actionItems\"\n (actionItemClick)=\"actionItemClick.emit($event)\"\n ></molecules-actions-column>\n <molecules-smart-column\n ngSwitchDefault\n [name]=\"name\"\n [headerText]=\"name \| D\"\n [sort]=\"sortKey === name ? sortOrder : 'none'\"\n (headerClick)=\"headerClick.emit(name)\"\n ></molecules-smart-column>\n </ng-container>\n\n <tr mat-header-row matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n <tr mat-row matRowDef=\"let item; columns: displayedColumns;\"></tr>\n</table>\n<div ngIf=\"!items?.length\" class=\"no-data-message\">データがありません。</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { ActionsColumnModule } from '@ng-atomic/components/molecules/actions-column';\nimport { CheckboxColumnModule } from '@ng-atomic/components/molecules/checkbox-column';\nimport { SmartColumnModule } from '@ng-atomic/components/molecules/smart-column';\nimport { ~~DomainModule~~ } from '@ng-atomic/~~common/pipes~~';\n\nimport { SmartTableOrganism } from './smart-table.organism';\n\n@NgModule({\n declarations: [\n SmartTableOrganism,\n ],\n imports: [\n CommonModule,\n // Pipes\n DomainModule,\n // Material\n MatTableModule,\n MatCheckboxModule,\n MatMenuModule,\n MatButtonModule,\n MatIconModule,\n // Molecules\n ActionsColumnModule,\n CheckboxColumnModule,\n SmartColumnModule,\n ],\n exports: [\n SmartTableOrganism\n ]\n})\nexport class SmartTableModule { }\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;~~MAWa,kBAAkB,CAAA;AAP/B,IAAA,WAAA,GAAA;QAUE,IAAO,CAAA,OAAA,GAAmB,EAAE,CAAC;QAO7B,IAAK,CAAA,KAAA,GAAW,EAAE,CAAC;QAGnB,IAAY,CAAA,YAAA,GAAW,CAAC,CAAC;QAGzB,IAAQ,CAAA,QAAA,GAAW,CAAC,CAAC;QAGrB,IAAW,CAAA,WAAA,GAAiB,EAAE,CAAC;AAG/B,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,GAAG,EAAU,CAAC;AASlC,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,YAAY,EAAsB,CAAC;AAGzD,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAAU,CAAC;AAGzC,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,YAAY,EAAmB,CAAC;AAGpD,QAAA,IAAA,CAAA,UAAU,GAAG,IAAI,YAAY,EAAE,CAAC;AAGhC,QAAA,IAAA,CAAA,SAAS,GAAG,IAAI,YAAY,EAAmB,CAAC;AAEjD,KAAA;AAxCC,IAAA,IAAI,gBAAgB,GAAA;AAClB,QAAA,OAAO,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;KAC1B;;gHAPU,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,8cCX/B,4pCA0BoE,EAAA,MAAA,EAAA,CAAA,~~mrBAAA~~,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,oCAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,uBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,kBAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,GAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDfvD,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAP9B,SAAS;+BACE,uBAAuB,EAAA,eAAA,EAGhB,uBAAuB,CAAC,MAAM,QACzC,EAAC,KAAK,EAAE,UAAU,EAAC,EAAA,QAAA,EAAA,4pCAAA,EAAA,MAAA,EAAA,CAAA,~~mrBAAA~~,CAAA,EAAA,CAAA;8BAKzB,OAAO,EAAA,CAAA;sBADN,KAAK;gBAQN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,YAAY,EAAA,CAAA;sBADX,KAAK;gBAIN,QAAQ,EAAA,CAAA;sBADP,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,aAAa,EAAA,CAAA;sBADZ,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,SAAS,EAAA,CAAA;sBADR,KAAK;gBAIN,eAAe,EAAA,CAAA;sBADd,MAAM;gBAIP,WAAW,EAAA,CAAA;sBADV,MAAM;gBAIP,aAAa,EAAA,CAAA;sBADZ,MAAM;gBAIP,UAAU,EAAA,CAAA;sBADT,MAAM;gBAIP,SAAS,EAAA,CAAA;sBADR,MAAM;;;~~MEhBI~~,~~gBAAgB~~,CAAA;;~~8GAAhB~~,gBAAgB,EAAA,IAAA,EAAA,~~EAAA~~,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAhB,gBAAgB,EAAA,YAAA,EAAA,~~CArBzB~~,kBAAkB,CAAA,EAAA,OAAA,EAAA,CAGlB,YAAY;;QAEZ,YAAY;;QAEZ,cAAc;QACd,iBAAiB;QACjB,aAAa;QACb,eAAe;QACf,aAAa;;QAEb,mBAAmB;QACnB,oBAAoB;AACpB,QAAA,iBAAiB,aAGjB,kBAAkB,CAAA,EAAA,CAAA,CAAA;AAGT,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,~~EAnBlB~~,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZ,YAAY;;YAEZ,cAAc;YACd,iBAAiB;YACjB,aAAa;YACb,eAAe;YACf,aAAa;;YAEb,mBAAmB;YACnB,oBAAoB;YACpB,iBAAiB;AAClB,SAAA,CAAA,EAAA,CAAA,CAAA;4FAKU,gBAAgB,EAAA,UAAA,EAAA,CAAA;~~kBAvB5B~~,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,kBAAkB;AACnB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,YAAY;;wBAEZ,cAAc;wBACd,iBAAiB;wBACjB,aAAa;wBACb,eAAe;wBACf,aAAa;;wBAEb,mBAAmB;wBACnB,oBAAoB;wBACpB,iBAAiB;AAClB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,kBAAkB;AACnB,qBAAA;AACF,iBAAA,CAAA;;;~~ACpCD~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-organisms-smart-table.mjs","sources":["../../../../libs/components/organisms/smart-table/smart-table.organism.ts","../../../../libs/components/organisms/smart-table/smart-table.organism.html","../../../../libs/components/organisms/smart-table/smart-table.module.ts","../../../../libs/components/organisms/smart-table/ng-atomic-components-organisms-smart-table.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n\n@Component({\n selector: 'organisms-smart-table',\n templateUrl: './smart-table.organism.html',\n styleUrls: ['./smart-table.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'organism'}\n})\nexport class SmartTableOrganism<Item extends object> {\n\n @Input()\n columns: (keyof Item)[] = [];\n\n get displayedColumns(): (keyof Item \| string)[] {\n return [...this.columns];\n }\n\n @Input()\n items: Item[] = [];\n\n @Input()\n patientsSize: number = 0;\n\n @Input()\n pageSize: number = 0;\n\n @Input()\n actionItems: ActionItem[] = [];\n\n @Input()\n selectedIdSet = new Set<string>();\n\n @Input()\n sortKey?: string;\n\n @Input()\n sortOrder?: 'asc' \| 'desc';\n\n @Output()\n actionItemClick = new EventEmitter<[ActionItem, Item]>();\n\n @Output()\n headerClick = new EventEmitter<string>();\n \n @Output()\n checkboxClick = new EventEmitter<[Item, boolean]>();\n\n @Output()\n pageChange = new EventEmitter();\n\n @Output()\n itemCheck = new EventEmitter<[Item, boolean]>();\n \n}\n","<table mat-table [dataSource]=\"items\" matSort matSortDisableClear matSortDirection=\"desc\">\n <ng-container ngFor=\"let name of displayedColumns\" [ngSwitch]=\"name\">\n <molecules-checkbox-column\n ngSwitchCase=\"'__checkbox'\"\n name=\"__checkbox\"\n [selectedIdSet]=\"selectedIdSet\"\n (checkboxClick)=\"checkboxClick.emit($event)\"\n ></molecules-checkbox-column>\n <molecules-actions-column \n ngSwitchCase=\"'__actions'\" \n name=\"__actions\" \n [actionItems]=\"actionItems\"\n (actionItemClick)=\"actionItemClick.emit($event)\"\n ></molecules-actions-column>\n <molecules-smart-column\n ngSwitchDefault\n [name]=\"name\"\n [headerText]=\"name \| D\"\n [sort]=\"sortKey === name ? sortOrder : 'none'\"\n (headerClick)=\"headerClick.emit(name)\"\n ></molecules-smart-column>\n </ng-container>\n\n <tr mat-header-row matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n <tr mat-row matRowDef=\"let item; columns: displayedColumns;\"></tr>\n</table>\n<div ngIf=\"!items?.length\" class=\"no-data-message\">データがありません。</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { DomainModule } from '@ng-atomic/common/pipes';\nimport { ActionsColumnModule } from '@ng-atomic/components/molecules/actions-column';\nimport { CheckboxColumnModule } from '@ng-atomic/components/molecules/checkbox-column';\nimport { SmartColumnModule } from '@ng-atomic/components/molecules/smart-column';\nimport { ElementsModule } from '@ng-atomic/elements';\n\nimport { SmartTableOrganism } from './smart-table.organism';\nimport { BrowserModule } from '@angular/platform-browser';\n\n@NgModule({\n declarations: [\n SmartTableOrganism,\n ],\n imports: [\n BrowserModule,\n CommonModule,\n // Pipes\n DomainModule,\n // Material\n MatTableModule,\n MatCheckboxModule,\n MatMenuModule,\n MatButtonModule,\n MatIconModule,\n // Molecules\n ActionsColumnModule,\n CheckboxColumnModule,\n SmartColumnModule,\n ],\n exports: [\n SmartTableOrganism\n ]\n})\nexport class SmartTableModule extends ElementsModule { }\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}