@ng-atomic/components 4.1.1 → 4.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (86) hide show
  1. package/esm2020/atoms/icon/icon.atom.mjs +2 -2
  2. package/esm2020/frames/auto-layout/auto-layout.frame.mjs +2 -2
  3. package/esm2020/frames/drawer/drawer.frame.mjs +2 -2
  4. package/esm2020/frames/line-up/line-up.frame.mjs +2 -2
  5. package/esm2020/frames/overlay/overlay.frame.mjs +2 -2
  6. package/esm2020/frames/scroll/scroll.frame.mjs +2 -2
  7. package/esm2020/frames/smart-menu/smart-menu.frame.mjs +2 -2
  8. package/esm2020/molecules/date-input-field/date-input-field.molecule.mjs +2 -2
  9. package/esm2020/molecules/select-input-field/select-input-field.molecule.mjs +2 -2
  10. package/esm2020/organisms/action-buttons-section/action-buttons-section.organism.mjs +2 -2
  11. package/esm2020/organisms/back-navigator/back-navigator.organism.mjs +2 -2
  12. package/esm2020/organisms/card-input-section/card-input-section.organism.mjs +2 -2
  13. package/esm2020/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.mjs +2 -2
  14. package/esm2020/organisms/date-input-section/date-input-section.organism.mjs +2 -2
  15. package/esm2020/organisms/heading/heading.organism.mjs +2 -2
  16. package/esm2020/organisms/navigation-list/navigation-list.organism.mjs +2 -2
  17. package/esm2020/organisms/navigator/navigator.organism.mjs +2 -2
  18. package/esm2020/organisms/select-input-section/select-input-section.organism.mjs +2 -2
  19. package/esm2020/organisms/smart-table/smart-table.organism.mjs +2 -2
  20. package/esm2020/organisms/social-login-section/social-login-section.organism.mjs +2 -2
  21. package/esm2020/organisms/text-input-section/text-input-section.organism.mjs +2 -2
  22. package/esm2020/organisms/textarea-section/textarea-section.organism.mjs +2 -2
  23. package/esm2020/organisms/top-navigator/top-navigator.organism.mjs +2 -2
  24. package/esm2020/templates/entrance/entrance.template.mjs +2 -2
  25. package/esm2020/templates/menu/menu.template.mjs +2 -2
  26. package/esm2020/templates/smart-crud/smart-crud.template.mjs +2 -2
  27. package/esm2020/templates/smart-index/smart-index.template.mjs +3 -22
  28. package/fesm2015/ng-atomic-components-atoms-icon.mjs +2 -2
  29. package/fesm2015/ng-atomic-components-frames-auto-layout.mjs +2 -2
  30. package/fesm2015/ng-atomic-components-frames-drawer.mjs +2 -2
  31. package/fesm2015/ng-atomic-components-frames-line-up.mjs +2 -2
  32. package/fesm2015/ng-atomic-components-frames-overlay.mjs +2 -2
  33. package/fesm2015/ng-atomic-components-frames-scroll.mjs +2 -2
  34. package/fesm2015/ng-atomic-components-frames-smart-menu.mjs +2 -2
  35. package/fesm2015/ng-atomic-components-molecules-date-input-field.mjs +2 -2
  36. package/fesm2015/ng-atomic-components-molecules-select-input-field.mjs +2 -2
  37. package/fesm2015/ng-atomic-components-organisms-action-buttons-section.mjs +2 -2
  38. package/fesm2015/ng-atomic-components-organisms-back-navigator.mjs +2 -2
  39. package/fesm2015/ng-atomic-components-organisms-card-input-section.mjs +2 -2
  40. package/fesm2015/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs +2 -2
  41. package/fesm2015/ng-atomic-components-organisms-date-input-section.mjs +2 -2
  42. package/fesm2015/ng-atomic-components-organisms-heading.mjs +2 -2
  43. package/fesm2015/ng-atomic-components-organisms-navigation-list.mjs +2 -2
  44. package/fesm2015/ng-atomic-components-organisms-navigator.mjs +2 -2
  45. package/fesm2015/ng-atomic-components-organisms-select-input-section.mjs +2 -2
  46. package/fesm2015/ng-atomic-components-organisms-smart-table.mjs +2 -2
  47. package/fesm2015/ng-atomic-components-organisms-social-login-section.mjs +2 -2
  48. package/fesm2015/ng-atomic-components-organisms-text-input-section.mjs +2 -2
  49. package/fesm2015/ng-atomic-components-organisms-textarea-section.mjs +2 -2
  50. package/fesm2015/ng-atomic-components-organisms-top-navigator.mjs +2 -2
  51. package/fesm2015/ng-atomic-components-templates-entrance.mjs +2 -2
  52. package/fesm2015/ng-atomic-components-templates-menu.mjs +2 -2
  53. package/fesm2015/ng-atomic-components-templates-smart-crud.mjs +2 -2
  54. package/fesm2015/ng-atomic-components-templates-smart-index.mjs +3 -17
  55. package/fesm2015/ng-atomic-components-templates-smart-index.mjs.map +1 -1
  56. package/fesm2020/ng-atomic-components-atoms-icon.mjs +2 -2
  57. package/fesm2020/ng-atomic-components-frames-auto-layout.mjs +2 -2
  58. package/fesm2020/ng-atomic-components-frames-drawer.mjs +2 -2
  59. package/fesm2020/ng-atomic-components-frames-line-up.mjs +2 -2
  60. package/fesm2020/ng-atomic-components-frames-overlay.mjs +2 -2
  61. package/fesm2020/ng-atomic-components-frames-scroll.mjs +2 -2
  62. package/fesm2020/ng-atomic-components-frames-smart-menu.mjs +2 -2
  63. package/fesm2020/ng-atomic-components-molecules-date-input-field.mjs +2 -2
  64. package/fesm2020/ng-atomic-components-molecules-select-input-field.mjs +2 -2
  65. package/fesm2020/ng-atomic-components-organisms-action-buttons-section.mjs +2 -2
  66. package/fesm2020/ng-atomic-components-organisms-back-navigator.mjs +2 -2
  67. package/fesm2020/ng-atomic-components-organisms-card-input-section.mjs +2 -2
  68. package/fesm2020/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs +2 -2
  69. package/fesm2020/ng-atomic-components-organisms-date-input-section.mjs +2 -2
  70. package/fesm2020/ng-atomic-components-organisms-heading.mjs +2 -2
  71. package/fesm2020/ng-atomic-components-organisms-navigation-list.mjs +2 -2
  72. package/fesm2020/ng-atomic-components-organisms-navigator.mjs +2 -2
  73. package/fesm2020/ng-atomic-components-organisms-select-input-section.mjs +2 -2
  74. package/fesm2020/ng-atomic-components-organisms-smart-table.mjs +2 -2
  75. package/fesm2020/ng-atomic-components-organisms-social-login-section.mjs +2 -2
  76. package/fesm2020/ng-atomic-components-organisms-text-input-section.mjs +2 -2
  77. package/fesm2020/ng-atomic-components-organisms-textarea-section.mjs +2 -2
  78. package/fesm2020/ng-atomic-components-organisms-top-navigator.mjs +2 -2
  79. package/fesm2020/ng-atomic-components-templates-entrance.mjs +2 -2
  80. package/fesm2020/ng-atomic-components-templates-menu.mjs +2 -2
  81. package/fesm2020/ng-atomic-components-templates-smart-crud.mjs +2 -2
  82. package/fesm2020/ng-atomic-components-templates-smart-index.mjs +3 -22
  83. package/fesm2020/ng-atomic-components-templates-smart-index.mjs.map +1 -1
  84. package/package.json +3 -3
  85. package/templates/smart-index/smart-index.template.d.ts +0 -8
  86. package/templates/smart-index/smart-index.template.d.ts.map +1 -1
package/fesm2020/ng-atomic-components-organisms-smart-table.mjs CHANGED
@@ -109,10 +109,10 @@ SmartTableOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartTab
109
109
  i0.ɵɵproperty("matRowDefColumns", ctx.displayedColumns);
110
110
  i0.ɵɵadvance(1);
111
111
  i0.ɵɵproperty("ngIf", !(ctx.items == null ? null : ctx.items.length));
112
- } }, dependencies: [i1.NgForOf, i1.NgIf, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault, i2.MatTable, i2.MatHeaderRowDef, i2.MatRowDef, i2.MatHeaderRow, i2.MatRow, i3.ActionsColumnMolecule, i4.CheckboxColumnMolecule, i5.SmartColumnMolecule, i6.DomainPipe], styles: ["[_nghost-%COMP%]{--width: 100%;--width-SCOPED-IN-smart-table-n4r0: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-n4r0: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-n4r0: var(--column-vertical-padding)}[_nghost-%COMP%]{position:relative;width:100%;height:100%;overflow:scroll}[_nghost-%COMP%]::-webkit-scrollbar{display:none}[_nghost-%COMP%] table[_ngcontent-%COMP%]{width:100%;max-height:100%}[_nghost-%COMP%] table[_ngcontent-%COMP%] .nowrap[_ngcontent-%COMP%]{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[_nghost-%COMP%] table[_ngcontent-%COMP%] th, [_nghost-%COMP%] table[_ngcontent-%COMP%] td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-n4r0)}[_nghost-%COMP%] .no-data-message[_ngcontent-%COMP%]{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-n4r0) - var(--cell-SCOPED-IN-smart-table-n4r0) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-n4r0) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-n4r0) * 2)}"], changeDetection: 0 });
112
+ } }, dependencies: [i1.NgForOf, i1.NgIf, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault, i2.MatTable, i2.MatHeaderRowDef, i2.MatRowDef, i2.MatHeaderRow, i2.MatRow, i3.ActionsColumnMolecule, i4.CheckboxColumnMolecule, i5.SmartColumnMolecule, i6.DomainPipe], styles: ["[_nghost-%COMP%]{--width: 100%;--width-SCOPED-IN-smart-table-HufV: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-HufV: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-HufV: var(--column-vertical-padding)}[_nghost-%COMP%]{position:relative;width:100%;height:100%;overflow:scroll}[_nghost-%COMP%]::-webkit-scrollbar{display:none}[_nghost-%COMP%] table[_ngcontent-%COMP%]{width:100%;max-height:100%}[_nghost-%COMP%] table[_ngcontent-%COMP%] .nowrap[_ngcontent-%COMP%]{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[_nghost-%COMP%] table[_ngcontent-%COMP%] th, [_nghost-%COMP%] table[_ngcontent-%COMP%] td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-HufV)}[_nghost-%COMP%] .no-data-message[_ngcontent-%COMP%]{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-HufV) - var(--cell-SCOPED-IN-smart-table-HufV) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-HufV) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-HufV) * 2)}"], changeDetection: 0 });
113
113
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartTableOrganism, [{
114
114
  type: Component,
115
- 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; trackBy: trackByColumnName\" [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 [items]=\"menuItems\"\n [itemActions]=\"itemActions\"\n (action)=\"action.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-n4r0: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-n4r0: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-n4r0: var(--column-vertical-padding)}:host{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-n4r0)}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-n4r0) - var(--cell-SCOPED-IN-smart-table-n4r0) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-n4r0) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-n4r0) * 2)}\n"] }]
115
+ 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; trackBy: trackByColumnName\" [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 [items]=\"menuItems\"\n [itemActions]=\"itemActions\"\n (action)=\"action.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-HufV: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-HufV: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-HufV: var(--column-vertical-padding)}:host{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-HufV)}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-HufV) - var(--cell-SCOPED-IN-smart-table-HufV) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-HufV) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-HufV) * 2)}\n"] }]
116
116
  }], null, { columns: [{
117
117
  type: Input
118
118
  }], items: [{
package/fesm2020/ng-atomic-components-organisms-social-login-section.mjs CHANGED
@@ -15,10 +15,10 @@ SocialLoginSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
15
15
  i0.ɵɵlistener("click", function SocialLoginSectionOrganism_Template_button_click_0_listener() { return ctx.signInWithGoogleButtonClick.emit(); });
16
16
  i0.ɵɵtext(1, "Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3");
17
17
  i0.ɵɵelementEnd();
18
- } }, dependencies: [i1.MatButton], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-Mox1: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-Mox1);box-sizing:border-box}[_nghost-%COMP%] button[_ngcontent-%COMP%]{width:100%;height:56px}"], changeDetection: 0 });
18
+ } }, dependencies: [i1.MatButton], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-K6DN: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-K6DN);box-sizing:border-box}[_nghost-%COMP%] button[_ngcontent-%COMP%]{width:100%;height:56px}"], changeDetection: 0 });
19
19
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SocialLoginSectionOrganism, [{
20
20
  type: Component,
21
- args: [{ selector: 'organisms-social-login-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n mat-raised-button \n color=\"primary\" \n (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-Mox1: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-Mox1);box-sizing:border-box}:host button{width:100%;height:56px}\n"] }]
21
+ args: [{ selector: 'organisms-social-login-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n mat-raised-button \n color=\"primary\" \n (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-K6DN: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-K6DN);box-sizing:border-box}:host button{width:100%;height:56px}\n"] }]
22
22
  }], null, { signInWithGoogleButtonClick: [{
23
23
  type: Output
24
24
  }] }); })();
package/fesm2020/ng-atomic-components-organisms-text-input-section.mjs CHANGED
@@ -18,10 +18,10 @@ TextInputSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Te
18
18
  i0.ɵɵelement(0, "molecules-text-input-field", 0);
19
19
  } if (rf & 2) {
20
20
  i0.ɵɵproperty("control", ctx.control)("label", ctx.label)("placeholder", ctx.placeholder);
21
- } }, dependencies: [i1.TextInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-i7d2: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-i7d2);box-sizing:border-box}[_nghost-%COMP%] .molecule.input-field[_ngcontent-%COMP%], [_nghost-%COMP%] mat-form-field[_ngcontent-%COMP%]{width:100%}"] });
21
+ } }, dependencies: [i1.TextInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-NU5u: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-NU5u);box-sizing:border-box}[_nghost-%COMP%] .molecule.input-field[_ngcontent-%COMP%], [_nghost-%COMP%] mat-form-field[_ngcontent-%COMP%]{width:100%}"] });
22
22
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextInputSectionOrganism, [{
23
23
  type: Component,
24
- args: [{ selector: 'organisms-text-input-section', template: "<molecules-text-input-field\n type=\"text\"\n [control]=\"control\"\n [label]=\"label\"\n [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-i7d2: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-i7d2);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
24
+ args: [{ selector: 'organisms-text-input-section', template: "<molecules-text-input-field\n type=\"text\"\n [control]=\"control\"\n [label]=\"label\"\n [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-NU5u: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-NU5u);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
25
25
  }], null, { label: [{
26
26
  type: Input
27
27
  }], placeholder: [{
package/fesm2020/ng-atomic-components-organisms-textarea-section.mjs CHANGED
@@ -14,10 +14,10 @@ TextareaSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Tex
14
14
  i0.ɵɵelement(0, "molecules-textarea-field", 0);
15
15
  } if (rf & 2) {
16
16
  i0.ɵɵproperty("label", ctx.label);
17
- } }, dependencies: [i1.TextareaFieldMolecule], styles: ["[_nghost-%COMP%]{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-4BNk: var(--vertical-padding)}[_nghost-%COMP%]{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-4BNk);box-sizing:border-box}[_nghost-%COMP%] molecules-textarea-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
17
+ } }, dependencies: [i1.TextareaFieldMolecule], styles: ["[_nghost-%COMP%]{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-4kUW: var(--vertical-padding)}[_nghost-%COMP%]{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-4kUW);box-sizing:border-box}[_nghost-%COMP%] molecules-textarea-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
18
18
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextareaSectionOrganism, [{
19
19
  type: Component,
20
- args: [{ selector: 'organisms-textarea-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-textarea-field\n [label]=\"label\"\n></molecules-textarea-field>", styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-4BNk: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-4BNk);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"] }]
20
+ args: [{ selector: 'organisms-textarea-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-textarea-field\n [label]=\"label\"\n></molecules-textarea-field>", styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-4kUW: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-4kUW);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"] }]
21
21
  }], null, { label: [{
22
22
  type: Input
23
23
  }] }); })();
package/fesm2020/ng-atomic-components-organisms-top-navigator.mjs CHANGED
@@ -27,10 +27,10 @@ TopNavigatorOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TopNav
27
27
  i0.ɵɵtextInterpolate1(" ", ctx.title || "", " ");
28
28
  i0.ɵɵadvance(2);
29
29
  i0.ɵɵproperty("items", ctx.items);
30
- } }, dependencies: [i1.MatToolbar, i2.SmartMenuButtonAtom], styles: ["[_nghost-%COMP%]{--primary-500-SCOPED-IN-top-navigator-QtPL: var(--primary-500)}[_nghost-%COMP%]{width:100%;height:56px}[_nghost-%COMP%] mat-toolbar[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 24px}[_nghost-%COMP%] mat-toolbar[_ngcontent-%COMP%] .title-container[_ngcontent-%COMP%]{color:var(--primary-500-SCOPED-IN-top-navigator-QtPL);font-size:1.25rem;line-height:21px}[_nghost-%COMP%] mat-toolbar[_ngcontent-%COMP%] .title-container[_ngcontent-%COMP%] atoms-kurakatsu-logo[_ngcontent-%COMP%]{width:auto}[_nghost-%COMP%] mat-toolbar[_ngcontent-%COMP%] atoms-user-icon[_ngcontent-%COMP%]{width:32px;height:32px}"], changeDetection: 0 });
30
+ } }, dependencies: [i1.MatToolbar, i2.SmartMenuButtonAtom], styles: ["[_nghost-%COMP%]{--primary-500-SCOPED-IN-top-navigator-9uFn: var(--primary-500)}[_nghost-%COMP%]{width:100%;height:56px}[_nghost-%COMP%] mat-toolbar[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 24px}[_nghost-%COMP%] mat-toolbar[_ngcontent-%COMP%] .title-container[_ngcontent-%COMP%]{color:var(--primary-500-SCOPED-IN-top-navigator-9uFn);font-size:1.25rem;line-height:21px}[_nghost-%COMP%] mat-toolbar[_ngcontent-%COMP%] .title-container[_ngcontent-%COMP%] atoms-kurakatsu-logo[_ngcontent-%COMP%]{width:auto}[_nghost-%COMP%] mat-toolbar[_ngcontent-%COMP%] atoms-user-icon[_ngcontent-%COMP%]{width:32px;height:32px}"], changeDetection: 0 });
31
31
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TopNavigatorOrganism, [{
32
32
  type: Component,
33
- args: [{ selector: 'organisms-top-navigator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar color=\"primary\">\n <div class=\"title-container\">\n {{ title || '' }}\n </div>\n <div>\n <atoms-smart-menu-button\n [items]=\"items\"\n (action)=\"action.emit($event)\"\n ></atoms-smart-menu-button>\n </div>\n</mat-toolbar>\n", styles: [":host{--primary-500-SCOPED-IN-top-navigator-QtPL: var(--primary-500)}:host{width:100%;height:56px}:host mat-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 24px}:host mat-toolbar .title-container{color:var(--primary-500-SCOPED-IN-top-navigator-QtPL);font-size:1.25rem;line-height:21px}:host mat-toolbar .title-container atoms-kurakatsu-logo{width:auto}:host mat-toolbar atoms-user-icon{width:32px;height:32px}\n"] }]
33
+ args: [{ selector: 'organisms-top-navigator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar color=\"primary\">\n <div class=\"title-container\">\n {{ title || '' }}\n </div>\n <div>\n <atoms-smart-menu-button\n [items]=\"items\"\n (action)=\"action.emit($event)\"\n ></atoms-smart-menu-button>\n </div>\n</mat-toolbar>\n", styles: [":host{--primary-500-SCOPED-IN-top-navigator-9uFn: var(--primary-500)}:host{width:100%;height:56px}:host mat-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 24px}:host mat-toolbar .title-container{color:var(--primary-500-SCOPED-IN-top-navigator-9uFn);font-size:1.25rem;line-height:21px}:host mat-toolbar .title-container atoms-kurakatsu-logo{width:auto}:host mat-toolbar atoms-user-icon{width:32px;height:32px}\n"] }]
34
34
  }], null, { title: [{
35
35
  type: Input
36
36
  }], items: [{
package/fesm2020/ng-atomic-components-templates-entrance.mjs CHANGED
@@ -59,10 +59,10 @@ EntranceTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntranceTe
59
59
  i0.ɵɵproperty("ngIf", ctx.isPasswordSectionShown);
60
60
  i0.ɵɵadvance(1);
61
61
  i0.ɵɵproperty("items", ctx.actionItems);
62
- } }, dependencies: [i1.NgIf, i2.AutoLayoutFrame, i3.CardFrame, i4.ActionButtonsSectionOrganism, i5.HeadingOrganism, i6.SocialLoginSectionOrganism, i7.TextInputSectionOrganism], styles: ["[_nghost-%COMP%]{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-dnrQ: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-dnrQ: var(--background-color)}[_nghost-%COMP%]{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-dnrQ);width:100%;height:100%}[_nghost-%COMP%] frames-card[_ngcontent-%COMP%]{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}[_nghost-%COMP%] frames-card[_ngcontent-%COMP%] *[_ngcontent-%COMP%]{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-dnrQ)}"], changeDetection: 0 });
62
+ } }, dependencies: [i1.NgIf, i2.AutoLayoutFrame, i3.CardFrame, i4.ActionButtonsSectionOrganism, i5.HeadingOrganism, i6.SocialLoginSectionOrganism, i7.TextInputSectionOrganism], styles: ["[_nghost-%COMP%]{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-PKFJ: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-PKFJ: var(--background-color)}[_nghost-%COMP%]{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-PKFJ);width:100%;height:100%}[_nghost-%COMP%] frames-card[_ngcontent-%COMP%]{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}[_nghost-%COMP%] frames-card[_ngcontent-%COMP%] *[_ngcontent-%COMP%]{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-PKFJ)}"], changeDetection: 0 });
63
63
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntranceTemplate, [{
64
64
  type: Component,
65
- args: [{ selector: 'templates-entrance', host: { class: 'template' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<frames-card>\n <frames-auto-layout vertical>\n <organisms-heading>\u30ED\u30B0\u30A4\u30F3</organisms-heading>\n <organisms-text-input-section\n *ngIf=\"isEmailSectionShown\"\n label=\"\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\"\n [control]=\"form.get('email')\"\n ></organisms-text-input-section>\n <organisms-text-input-section\n *ngIf=\"isPasswordSectionShown\"\n label=\"\u30D1\u30B9\u30EF\u30FC\u30C9\"\n [control]=\"form.get('password')\"\n ></organisms-text-input-section>\n <organisms-action-buttons-section [items]=\"actionItems\"></organisms-action-buttons-section>\n <organisms-social-login-section\n (signInWithGoogleButtonClick)=\"signInWithGoogleButtonClick.emit()\"\n ></organisms-social-login-section>\n </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-dnrQ: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-dnrQ: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-dnrQ);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-dnrQ)}\n"] }]
65
+ args: [{ selector: 'templates-entrance', host: { class: 'template' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<frames-card>\n <frames-auto-layout vertical>\n <organisms-heading>\u30ED\u30B0\u30A4\u30F3</organisms-heading>\n <organisms-text-input-section\n *ngIf=\"isEmailSectionShown\"\n label=\"\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\"\n [control]=\"form.get('email')\"\n ></organisms-text-input-section>\n <organisms-text-input-section\n *ngIf=\"isPasswordSectionShown\"\n label=\"\u30D1\u30B9\u30EF\u30FC\u30C9\"\n [control]=\"form.get('password')\"\n ></organisms-text-input-section>\n <organisms-action-buttons-section [items]=\"actionItems\"></organisms-action-buttons-section>\n <organisms-social-login-section\n (signInWithGoogleButtonClick)=\"signInWithGoogleButtonClick.emit()\"\n ></organisms-social-login-section>\n </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-PKFJ: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-PKFJ: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-PKFJ);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-PKFJ)}\n"] }]
66
66
  }], null, { form: [{
67
67
  type: Input
68
68
  }], isEmailSectionShown: [{
package/fesm2020/ng-atomic-components-templates-menu.mjs CHANGED
@@ -26,10 +26,10 @@ MenuTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuTemplate,
26
26
  } if (rf & 2) {
27
27
  i0.ɵɵadvance(2);
28
28
  i0.ɵɵproperty("items", ctx.items);
29
- } }, dependencies: [i1.NavigationListOrganism], styles: ["[_nghost-%COMP%]{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-ZznB: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-ZznB: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-ZznB: var(--width);--height: 100%;--height-SCOPED-IN-menu-ZznB: var(--height)}[_nghost-%COMP%]{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-ZznB);height:var(--height-SCOPED-IN-menu-ZznB);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-ZznB)}[_nghost-%COMP%] organisms-navigation-list[_ngcontent-%COMP%]{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-ZznB);--secondary-color: var(--secondary-color-SCOPED-IN-menu-ZznB)}"], changeDetection: 0 });
29
+ } }, dependencies: [i1.NavigationListOrganism], styles: ["[_nghost-%COMP%]{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-4gnW: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-4gnW: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-4gnW: var(--width);--height: 100%;--height-SCOPED-IN-menu-4gnW: var(--height)}[_nghost-%COMP%]{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-4gnW);height:var(--height-SCOPED-IN-menu-4gnW);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-4gnW)}[_nghost-%COMP%] organisms-navigation-list[_ngcontent-%COMP%]{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-4gnW);--secondary-color: var(--secondary-color-SCOPED-IN-menu-4gnW)}"], changeDetection: 0 });
30
30
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuTemplate, [{
31
31
  type: Component,
32
- args: [{ selector: 'templates-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"top\">\n <ng-content select=[header]></ng-content>\n <organisms-navigation-list\n [items]=\"items\"\n (action)=\"action.emit($event)\"\n ></organisms-navigation-list>\n</div>\n<div class=\"bottom\">\n <ng-content select=[footer]></ng-content>\n</div>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-ZznB: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-ZznB: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-ZznB: var(--width);--height: 100%;--height-SCOPED-IN-menu-ZznB: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-ZznB);height:var(--height-SCOPED-IN-menu-ZznB);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-ZznB)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-ZznB);--secondary-color: var(--secondary-color-SCOPED-IN-menu-ZznB)}\n"] }]
32
+ args: [{ selector: 'templates-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"top\">\n <ng-content select=[header]></ng-content>\n <organisms-navigation-list\n [items]=\"items\"\n (action)=\"action.emit($event)\"\n ></organisms-navigation-list>\n</div>\n<div class=\"bottom\">\n <ng-content select=[footer]></ng-content>\n</div>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-4gnW: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-4gnW: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-4gnW: var(--width);--height: 100%;--height-SCOPED-IN-menu-4gnW: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-4gnW);height:var(--height-SCOPED-IN-menu-4gnW);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-4gnW)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-4gnW);--secondary-color: var(--secondary-color-SCOPED-IN-menu-4gnW)}\n"] }]
33
33
  }], null, { items: [{
34
34
  type: Input
35
35
  }], action: [{
package/fesm2020/ng-atomic-components-templates-smart-crud.mjs CHANGED
@@ -134,10 +134,10 @@ SmartCrudTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartCrud
134
134
  i0.ɵɵproperty("ngForOf", ctx.controls)("ngForTrackBy", ctx.trackByIndex);
135
135
  i0.ɵɵadvance(1);
136
136
  i0.ɵɵproperty("items", ctx.actionItems);
137
- } }, dependencies: [i1.NgForOf, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault, i2.AutoLayoutFrame, i3.ScrollFrame, i4.ActionButtonsSectionOrganism, i5.NavigatorOrganism, i6.DateInputSectionOrganism, i7.TextInputSectionOrganism, i8.SelectInputSectionOrganism, i9.HeaderMolecule, i10.DomainPipe, i11.SmartFieldPipe], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-tLrP: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-tLrP: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-tLrP: var(--gap)}[_nghost-%COMP%]{display:block;width:100%;height:100%;background:white}[_nghost-%COMP%] frames-auto-layout[_ngcontent-%COMP%]{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-tLrP);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-tLrP)}[_nghost-%COMP%] frames-auto-layout[_ngcontent-%COMP%] *[_ngcontent-%COMP%]{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-tLrP)}"], changeDetection: 0 });
137
+ } }, dependencies: [i1.NgForOf, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault, i2.AutoLayoutFrame, i3.ScrollFrame, i4.ActionButtonsSectionOrganism, i5.NavigatorOrganism, i6.DateInputSectionOrganism, i7.TextInputSectionOrganism, i8.SelectInputSectionOrganism, i9.HeaderMolecule, i10.DomainPipe, i11.SmartFieldPipe], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-qjET: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-qjET: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-qjET: var(--gap)}[_nghost-%COMP%]{display:block;width:100%;height:100%;background:white}[_nghost-%COMP%] frames-auto-layout[_ngcontent-%COMP%]{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-qjET);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-qjET)}[_nghost-%COMP%] frames-auto-layout[_ngcontent-%COMP%] *[_ngcontent-%COMP%]{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-qjET)}"], changeDetection: 0 });
138
138
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartCrudTemplate, [{
139
139
  type: Component,
140
- args: [{ selector: 'templates-smart-crud', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n <organisms-navigator \n [leftItems]=\"canBack ? navigatorLeftItems : []\"\n [rightItems]=\"navigatorMenuItems\"\n (action)=\"onAction($event)\"\n navigator\n >\n <molecules-header [title]=\"title\"></molecules-header>\n </organisms-navigator>\n <frames-auto-layout vertical contents>\n <ng-container *ngFor=\"let entry of controls; trackBy:trackByIndex\" [ngSwitch]=\"(entry[0] | smartField)?.type\">\n <organisms-select-input-section\n *ngSwitchCase=\"'select'\"\n [label]=\"entry[0] | D\"\n [control]=\"entry[1]\"\n [options]=\"(entry[0] | smartField)?.options\"\n ></organisms-select-input-section>\n <organisms-date-input-section\n *ngSwitchCase=\"'date'\"\n [label]=\"entry[0] | D\"\n [control]=\"entry[1]\"\n ></organisms-date-input-section>\n <organisms-text-input-section\n *ngSwitchCase=\"'number'\"\n [type]=\"'number'\"\n [label]=\"entry[0] | D\"\n [control]=\"entry[1]\"\n ></organisms-text-input-section>\n <organisms-text-input-section\n *ngSwitchDefault\n [label]=\"entry[0] | D\"\n [control]=\"entry[1]\"\n ></organisms-text-input-section>\n </ng-container>\n <organisms-action-buttons-section\n [items]=\"actionItems\"\n (action)=\"onAction($event)\"\n ></organisms-action-buttons-section>\n </frames-auto-layout>\n</frames-scroll>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-tLrP: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-tLrP: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-tLrP: var(--gap)}:host{display:block;width:100%;height:100%;background:white}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-tLrP);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-tLrP)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-tLrP)}\n"] }]
140
+ args: [{ selector: 'templates-smart-crud', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n <organisms-navigator \n [leftItems]=\"canBack ? navigatorLeftItems : []\"\n [rightItems]=\"navigatorMenuItems\"\n (action)=\"onAction($event)\"\n navigator\n >\n <molecules-header [title]=\"title\"></molecules-header>\n </organisms-navigator>\n <frames-auto-layout vertical contents>\n <ng-container *ngFor=\"let entry of controls; trackBy:trackByIndex\" [ngSwitch]=\"(entry[0] | smartField)?.type\">\n <organisms-select-input-section\n *ngSwitchCase=\"'select'\"\n [label]=\"entry[0] | D\"\n [control]=\"entry[1]\"\n [options]=\"(entry[0] | smartField)?.options\"\n ></organisms-select-input-section>\n <organisms-date-input-section\n *ngSwitchCase=\"'date'\"\n [label]=\"entry[0] | D\"\n [control]=\"entry[1]\"\n ></organisms-date-input-section>\n <organisms-text-input-section\n *ngSwitchCase=\"'number'\"\n [type]=\"'number'\"\n [label]=\"entry[0] | D\"\n [control]=\"entry[1]\"\n ></organisms-text-input-section>\n <organisms-text-input-section\n *ngSwitchDefault\n [label]=\"entry[0] | D\"\n [control]=\"entry[1]\"\n ></organisms-text-input-section>\n </ng-container>\n <organisms-action-buttons-section\n [items]=\"actionItems\"\n (action)=\"onAction($event)\"\n ></organisms-action-buttons-section>\n </frames-auto-layout>\n</frames-scroll>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-qjET: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-qjET: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-qjET: var(--gap)}:host{display:block;width:100%;height:100%;background:white}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-qjET);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-qjET)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-qjET)}\n"] }]
141
141
  }], null, { canBack: [{
142
142
  type: Input
143
143
  }], name: [{
package/fesm2020/ng-atomic-components-templates-smart-index.mjs CHANGED
@@ -31,25 +31,6 @@ var ActionId;
31
31
  (function (ActionId) {
32
32
  ActionId["BACK"] = "[@ng-atomic/components/templates/smart-crud] Back";
33
33
  })(ActionId || (ActionId = {}));
34
- class Page {
35
- static from(event = {}) {
36
- return Object.assign(new Page(), {
37
- pageSize: 50,
38
- pageIndex: 0,
39
- length: 100,
40
- ...event
41
- });
42
- }
43
- get start() {
44
- return this.pageIndex * this.pageSize;
45
- }
46
- get end() {
47
- return Math.min((this.pageIndex + 1) * this.pageSize, this.length);
48
- }
49
- patch(obj) {
50
- return Page.from({ ...this, ...obj });
51
- }
52
- }
53
34
  class SmartIndexTemplate {
54
35
  constructor() {
55
36
  this.canBack = false;
@@ -102,10 +83,10 @@ SmartIndexTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartInd
102
83
  i0.ɵɵproperty("items", ctx.items)("menuItems", ctx.rowMenuItems)("itemActions", ctx.itemActions)("columns", ctx.properties)("selectedIdSet", ctx.selectedIdSet)("sortKey", ctx.sortKey)("sortOrder", ctx.sortOrder);
103
84
  i0.ɵɵadvance(1);
104
85
  i0.ɵɵproperty("ngIf", ctx.page);
105
- } }, dependencies: [i1.NgIf, i2.AutoLayoutFrame, i3.ScrollFrame, i4.PaginatorOrganism, i5.SmartTableOrganism, i6.NavigatorOrganism, i7.HeaderMolecule], styles: ["[_nghost-%COMP%]{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-xvmj: var(--navigator-height)}[_nghost-%COMP%]{width:100%;height:100%;background:white;display:block}[_nghost-%COMP%] frames-auto-layout[_ngcontent-%COMP%]{--gap: 0;--vertical-padding: 0}"], changeDetection: 0 });
86
+ } }, dependencies: [i1.NgIf, i2.AutoLayoutFrame, i3.ScrollFrame, i4.PaginatorOrganism, i5.SmartTableOrganism, i6.NavigatorOrganism, i7.HeaderMolecule], styles: ["[_nghost-%COMP%]{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-03TP: var(--navigator-height)}[_nghost-%COMP%]{width:100%;height:100%;background:white;display:block}[_nghost-%COMP%] frames-auto-layout[_ngcontent-%COMP%]{--gap: 0;--vertical-padding: 0}"], changeDetection: 0 });
106
87
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartIndexTemplate, [{
107
88
  type: Component,
108
- args: [{ selector: 'templates-smart-index', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n <organisms-navigator\n [leftItems]=\"canBack ? navigatorLeftItems : []\"\n [rightItems]=\"navigatorMenuItems\"\n (action)=\"onAction($event)\"\n navigator\n >\n <molecules-header [title]=\"title\" [description]=\"description\"></molecules-header>\n </organisms-navigator>\n <frames-auto-layout vertical contents>\n <organisms-smart-table\n [items]=\"items\"\n [menuItems]=\"rowMenuItems\"\n [itemActions]=\"itemActions\"\n [columns]=\"properties\"\n [selectedIdSet]=\"selectedIdSet\"\n [sortKey]=\"sortKey\"\n [sortOrder]=\"sortOrder\"\n (action)=\"action.emit($event)\"\n (checkboxClick)=\"checkboxClick.emit($event)\"\n (headerClick)=\"tableHeaderClick.emit($event)\"\n ></organisms-smart-table>\n <organisms-paginator\n *ngIf=\"page\"\n [control]=\"queryControl\"\n [page]=\"page\"\n [pageSizeOptions]=\"pageSizeOptions\"\n [placeholder]=\"queryPlaceholder\"\n (pageChange)=\"pageChange.emit($event)\"\n ></organisms-paginator>\n </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-xvmj: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"] }]
89
+ args: [{ selector: 'templates-smart-index', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n <organisms-navigator\n [leftItems]=\"canBack ? navigatorLeftItems : []\"\n [rightItems]=\"navigatorMenuItems\"\n (action)=\"onAction($event)\"\n navigator\n >\n <molecules-header [title]=\"title\" [description]=\"description\"></molecules-header>\n </organisms-navigator>\n <frames-auto-layout vertical contents>\n <organisms-smart-table\n [items]=\"items\"\n [menuItems]=\"rowMenuItems\"\n [itemActions]=\"itemActions\"\n [columns]=\"properties\"\n [selectedIdSet]=\"selectedIdSet\"\n [sortKey]=\"sortKey\"\n [sortOrder]=\"sortOrder\"\n (action)=\"action.emit($event)\"\n (checkboxClick)=\"checkboxClick.emit($event)\"\n (headerClick)=\"tableHeaderClick.emit($event)\"\n ></organisms-smart-table>\n <organisms-paginator\n *ngIf=\"page\"\n [control]=\"queryControl\"\n [page]=\"page\"\n [pageSizeOptions]=\"pageSizeOptions\"\n [placeholder]=\"queryPlaceholder\"\n (pageChange)=\"pageChange.emit($event)\"\n ></organisms-paginator>\n </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-03TP: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"] }]
109
90
  }], null, { canBack: [{
110
91
  type: Input
111
92
  }], queryControl: [{
@@ -200,5 +181,5 @@ SmartIndexModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonM
200
181
  * Generated bundle index. Do not edit.
201
182
  */
202
183
 
203
- export { ActionId, Page, SmartIndexModule, SmartIndexTemplate };
184
+ export { ActionId, SmartIndexModule, SmartIndexTemplate };
204
185
  //# sourceMappingURL=ng-atomic-components-templates-smart-index.mjs.map
package/fesm2020/ng-atomic-components-templates-smart-index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ng-atomic-components-templates-smart-index.mjs","sources":["../../../../libs/components/src/templates/smart-index/smart-index.template.html","../../../../libs/components/src/templates/smart-index/smart-index.template.ts","../../../../libs/components/src/templates/smart-index/smart-index.module.ts","../../../../libs/components/src/templates/smart-index/ng-atomic-components-templates-smart-index.ts"],"sourcesContent":["<frames-scroll>\n <organisms-navigator\n [leftItems]=\"canBack ? navigatorLeftItems : []\"\n [rightItems]=\"navigatorMenuItems\"\n (action)=\"onAction($event)\"\n navigator\n >\n <molecules-header [title]=\"title\" [description]=\"description\"></molecules-header>\n </organisms-navigator>\n <frames-auto-layout vertical contents>\n <organisms-smart-table\n [items]=\"items\"\n [menuItems]=\"rowMenuItems\"\n [itemActions]=\"itemActions\"\n [columns]=\"properties\"\n [selectedIdSet]=\"selectedIdSet\"\n [sortKey]=\"sortKey\"\n [sortOrder]=\"sortOrder\"\n (action)=\"action.emit($event)\"\n (checkboxClick)=\"checkboxClick.emit($event)\"\n (headerClick)=\"tableHeaderClick.emit($event)\"\n ></organisms-smart-table>\n <organisms-paginator\n *ngIf=\"page\"\n [control]=\"queryControl\"\n [page]=\"page\"\n [pageSizeOptions]=\"pageSizeOptions\"\n [placeholder]=\"queryPlaceholder\"\n (pageChange)=\"pageChange.emit($event)\"\n ></organisms-paginator>\n </frames-auto-layout>\n</frames-scroll>","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { PageEvent } from '@angular/material/paginator';\nimport { Action, ActionItem } from '@ng-atomic/common/models';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n\nexport interface Page extends PageEvent { }\n\nexport enum ActionId {\n BACK = '[@ng-atomic/components/templates/smart-crud] Back',\n}\n\nexport class Page {\n static from(event: Partial<PageEvent> = {}): Page {\n return Object.assign(new Page(), {\n pageSize: 50,\n pageIndex: 0,\n length: 100,\n ...event\n });\n }\n\n get start(): number {\n return this.pageIndex * this.pageSize;\n }\n\n get end(): number {\n return Math.min((this.pageIndex + 1) * this.pageSize, this.length);\n }\n\n patch(obj: Partial<PageEvent>): Page {\n return Page.from({...this, ...obj});\n }\n}\n\n@Component({\n selector: 'templates-smart-index',\n templateUrl: './smart-index.template.html',\n styleUrls: ['./smart-index.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: { class: 'template' },\n})\nexport class SmartIndexTemplate<T> {\n\n @Input()\n canBack = false;\n\n @Input()\n queryControl = new FormControl<string>('');\n\n @Input()\n title: string = '';\n\n @Input()\n description?: string;\n\n @Input()\n items: T[] = [];\n\n @Input()\n rowMenuItems: ActionItem[] = [];\n\n @Input()\n itemActions: (item: T) => ActionItem[] = () => [];\n\n @Input()\n navigatorMenuItems: ActionItem[] = [];\n\n @Input()\n properties: (keyof T)[] = [];\n\n @Input()\n selectedIdSet = new Set<string>();\n\n @Input()\n sortKey?: string;\n\n @Input()\n sortOrder?: string;\n\n @Input()\n page?: PageEvent = {\n pageIndex: 0,\n pageSize: 20,\n length: 100,\n };\n\n @Input()\n pageSizeOptions: number[] = [5, 10, 25, 100];\n\n @Input()\n queryPlaceholder = '';\n\n @Output()\n action = new EventEmitter<Action>();\n\n @Output()\n backButtonClick = new EventEmitter();\n\n @Output()\n checkboxClick = new EventEmitter<T>();\n\n @Output()\n pageChange = new EventEmitter<PageEvent>();\n\n @Output()\n tableHeaderClick = new EventEmitter<string>();\n\n navigatorLeftItems = [{ id: ActionId.BACK, icon: 'arrow_back' }];\n\n onAction(action: Action): void {\n switch(action.id) {\n case ActionId.BACK: return this.backButtonClick.emit();\n default: return this.action.emit(action);\n }\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { ScrollModule } from '@ng-atomic/components/frames/scroll';\nimport { HeaderModule } from '@ng-atomic/components/molecules/header';\nimport { SmartTableModule } from '@ng-atomic/components/organisms/smart-table';\nimport { NavigatorModule } from '@ng-atomic/components/organisms/navigator';\nimport { PaginatorModule } from '@ng-atomic/components/organisms/paginator';\n\nimport { SmartIndexTemplate } from './smart-index.template';\n\n\n@NgModule({\n declarations: [\n SmartIndexTemplate\n ],\n imports: [\n CommonModule,\n // Frames\n AutoLayoutModule,\n ScrollModule,\n // Organisms\n PaginatorModule,\n SmartTableModule,\n NavigatorModule,\n // Molecules\n HeaderModule,\n ],\n exports: [\n SmartIndexTemplate\n ]\n})\nexport class SmartIndexModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ng-atomic-components-templates-smart-index.mjs","sources":["../../../../libs/components/src/templates/smart-index/smart-index.template.html","../../../../libs/components/src/templates/smart-index/smart-index.template.ts","../../../../libs/components/src/templates/smart-index/smart-index.module.ts","../../../../libs/components/src/templates/smart-index/ng-atomic-components-templates-smart-index.ts"],"sourcesContent":["<frames-scroll>\n <organisms-navigator\n [leftItems]=\"canBack ? navigatorLeftItems : []\"\n [rightItems]=\"navigatorMenuItems\"\n (action)=\"onAction($event)\"\n navigator\n >\n <molecules-header [title]=\"title\" [description]=\"description\"></molecules-header>\n </organisms-navigator>\n <frames-auto-layout vertical contents>\n <organisms-smart-table\n [items]=\"items\"\n [menuItems]=\"rowMenuItems\"\n [itemActions]=\"itemActions\"\n [columns]=\"properties\"\n [selectedIdSet]=\"selectedIdSet\"\n [sortKey]=\"sortKey\"\n [sortOrder]=\"sortOrder\"\n (action)=\"action.emit($event)\"\n (checkboxClick)=\"checkboxClick.emit($event)\"\n (headerClick)=\"tableHeaderClick.emit($event)\"\n ></organisms-smart-table>\n <organisms-paginator\n *ngIf=\"page\"\n [control]=\"queryControl\"\n [page]=\"page\"\n [pageSizeOptions]=\"pageSizeOptions\"\n [placeholder]=\"queryPlaceholder\"\n (pageChange)=\"pageChange.emit($event)\"\n ></organisms-paginator>\n </frames-auto-layout>\n</frames-scroll>","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { PageEvent } from '@angular/material/paginator';\nimport { Action, ActionItem } from '@ng-atomic/common/models';\nimport { FormControl } from '@ngneat/reactive-forms';\n\nexport enum ActionId {\n BACK = '[@ng-atomic/components/templates/smart-crud] Back',\n}\n\n\n@Component({\n selector: 'templates-smart-index',\n templateUrl: './smart-index.template.html',\n styleUrls: ['./smart-index.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: { class: 'template' },\n})\nexport class SmartIndexTemplate<T> {\n\n @Input()\n canBack = false;\n\n @Input()\n queryControl = new FormControl<string>('');\n\n @Input()\n title: string = '';\n\n @Input()\n description?: string;\n\n @Input()\n items: T[] = [];\n\n @Input()\n rowMenuItems: ActionItem[] = [];\n\n @Input()\n itemActions: (item: T) => ActionItem[] = () => [];\n\n @Input()\n navigatorMenuItems: ActionItem[] = [];\n\n @Input()\n properties: (keyof T)[] = [];\n\n @Input()\n selectedIdSet = new Set<string>();\n\n @Input()\n sortKey?: string;\n\n @Input()\n sortOrder?: string;\n\n @Input()\n page?: PageEvent = {\n pageIndex: 0,\n pageSize: 20,\n length: 100,\n };\n\n @Input()\n pageSizeOptions: number[] = [5, 10, 25, 100];\n\n @Input()\n queryPlaceholder = '';\n\n @Output()\n action = new EventEmitter<Action>();\n\n @Output()\n backButtonClick = new EventEmitter();\n\n @Output()\n checkboxClick = new EventEmitter<T>();\n\n @Output()\n pageChange = new EventEmitter<PageEvent>();\n\n @Output()\n tableHeaderClick = new EventEmitter<string>();\n\n navigatorLeftItems = [{ id: ActionId.BACK, icon: 'arrow_back' }];\n\n onAction(action: Action): void {\n switch(action.id) {\n case ActionId.BACK: return this.backButtonClick.emit();\n default: return this.action.emit(action);\n }\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { ScrollModule } from '@ng-atomic/components/frames/scroll';\nimport { HeaderModule } from '@ng-atomic/components/molecules/header';\nimport { SmartTableModule } from '@ng-atomic/components/organisms/smart-table';\nimport { NavigatorModule } from '@ng-atomic/components/organisms/navigator';\nimport { PaginatorModule } from '@ng-atomic/components/organisms/paginator';\n\nimport { SmartIndexTemplate } from './smart-index.template';\n\n\n@NgModule({\n declarations: [\n SmartIndexTemplate\n ],\n imports: [\n CommonModule,\n // Frames\n AutoLayoutModule,\n ScrollModule,\n // Organisms\n PaginatorModule,\n SmartTableModule,\n NavigatorModule,\n // Molecules\n HeaderModule,\n ],\n exports: [\n SmartIndexTemplate\n ]\n})\nexport class SmartIndexModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;IAsBI,EAOC,CAAA,cAAA,CAAA,CAAA,EAAA,qBAAA,EAAA,CAAA,CAAA,CAAA;IADC,EAAc,CAAA,UAAA,CAAA,YAAA,EAAA,SAAA,2FAAA,CAAA,MAAA,EAAA,EAAA,EAAA,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,CAAA,MAAA,MAAA,GAAA,EAAA,CAAA,aAAA,EAAA,CAAA,CAAA,OAAA,EAAA,CAAA,WAAA,CAAA,MAAuB,CAAA,UAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA,CAAC,EAAA,CAAA,CAAA;IACvC,EAAsB,CAAA,YAAA,EAAA,CAAA;;;IALrB,EAAwB,CAAA,UAAA,CAAA,SAAA,EAAA,MAAA,CAAA,YAAA,CAAA,CAAA,MAAA,EAAA,MAAA,CAAA,IAAA,CAAA,2CAAA,CAAA,aAAA,EAAA,MAAA,CAAA,gBAAA,CAAA,CAAA;;;ICnBlB,SAEX;AAFD,CAAA,UAAY,QAAQ,EAAA;AAClB,IAAA,QAAA,CAAA,MAAA,CAAA,GAAA,mDAA0D,CAAA;AAC5D,CAAC,EAFW,QAAQ,KAAR,QAAQ,GAEnB,EAAA,CAAA,CAAA,CAAA;MAUY,kBAAkB,CAAA;AAP/B,IAAA,WAAA,GAAA;QAUE,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;AAGhB,QAAA,IAAA,CAAA,YAAY,GAAG,IAAI,WAAW,CAAS,EAAE,CAAC,CAAC;QAG3C,IAAK,CAAA,KAAA,GAAW,EAAE,CAAC;QAMnB,IAAK,CAAA,KAAA,GAAQ,EAAE,CAAC;QAGhB,IAAY,CAAA,YAAA,GAAiB,EAAE,CAAC;AAGhC,QAAA,IAAA,CAAA,WAAW,GAA8B,MAAM,EAAE,CAAC;QAGlD,IAAkB,CAAA,kBAAA,GAAiB,EAAE,CAAC;QAGtC,IAAU,CAAA,UAAA,GAAiB,EAAE,CAAC;AAG9B,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,GAAG,EAAU,CAAC;AASlC,QAAA,IAAA,CAAA,IAAI,GAAe;AACjB,YAAA,SAAS,EAAE,CAAC;AACZ,YAAA,QAAQ,EAAE,EAAE;AACZ,YAAA,MAAM,EAAE,GAAG;SACZ,CAAC;QAGF,IAAe,CAAA,eAAA,GAAa,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;QAG7C,IAAgB,CAAA,gBAAA,GAAG,EAAE,CAAC;AAGtB,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;AAGpC,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,YAAY,EAAE,CAAC;AAGrC,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,YAAY,EAAK,CAAC;AAGtC,QAAA,IAAA,CAAA,UAAU,GAAG,IAAI,YAAY,EAAa,CAAC;AAG3C,QAAA,IAAA,CAAA,gBAAgB,GAAG,IAAI,YAAY,EAAU,CAAC;AAE9C,QAAA,IAAA,CAAA,kBAAkB,GAAG,CAAC,EAAE,EAAE,EAAE,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC;AAQlE,KAAA;AANC,IAAA,QAAQ,CAAC,MAAc,EAAA;QACrB,QAAO,MAAM,CAAC,EAAE;AACd,YAAA,KAAK,QAAQ,CAAC,IAAI,EAAE,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC;YACvD,SAAS,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC1C,SAAA;KACF;;oFAzEU,kBAAkB,GAAA,CAAA,EAAA,CAAA;qEAAlB,kBAAkB,EAAA,SAAA,EAAA,CAAA,CAAA,uBAAA,CAAA,CAAA,EAAA,SAAA,EAAA,CAAA,CAAA,EAAA,UAAA,CAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,KAAA,EAAA,OAAA,EAAA,YAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,YAAA,EAAA,aAAA,EAAA,eAAA,EAAA,OAAA,EAAA,SAAA,EAAA,SAAA,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,UAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,CAAA,CAAA,WAAA,EAAA,EAAA,EAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,QAAA,CAAA,EAAA,CAAA,CAAA,EAAA,OAAA,EAAA,aAAA,CAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,UAAA,EAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,SAAA,EAAA,eAAA,EAAA,SAAA,EAAA,WAAA,EAAA,QAAA,EAAA,eAAA,EAAA,aAAA,CAAA,EAAA,CAAA,CAAA,EAAA,SAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,YAAA,EAAA,CAAA,EAAA,MAAA,CAAA,EAAA,CAAA,CAAA,EAAA,SAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,YAAA,CAAA,CAAA,EAAA,QAAA,EAAA,SAAA,2BAAA,CAAA,EAAA,EAAA,GAAA,EAAA,EAAA,IAAA,EAAA,GAAA,CAAA,EAAA;ADjB/B,QAAA,EAAA,CAAA,cAAA,CAAA,CAAA,EAAA,eAAA,CAAe,CAAA,CAAA,EAAA,qBAAA,EAAA,CAAA,CAAA,CAAA;AAIX,QAAA,EAAA,CAAA,UAAA,CAAA,QAAA,EAAA,SAAA,iEAAA,CAAA,MAAA,EAAA,EAAA,OAAU,oBAAgB,CAAC,EAAA,CAAA,CAAA;QAG3B,EAAiF,CAAA,SAAA,CAAA,CAAA,EAAA,kBAAA,EAAA,CAAA,CAAA,CAAA;QACnF,EAAsB,CAAA,YAAA,EAAA,CAAA;AACtB,QAAA,EAAA,CAAA,cAAA,CAAA,CAAA,EAAA,oBAAA,EAAA,CAAA,CAAsC,CAAA,CAAA,EAAA,uBAAA,EAAA,CAAA,CAAA,CAAA;AASlC,QAAA,EAAA,CAAA,UAAA,CAAA,QAAA,EAAA,SAAA,mEAAA,CAAA,MAAA,EAAA,EAAA,OAAU,uBAAmB,CAAC,EAAA,CAAA,CAAA,eAAA,EAAA,SAAA,0EAAA,CAAA,MAAA,EAAA,EAAA,OACb,8BAA0B,CADb,EAAA,CAAA,CAAA,aAAA,EAAA,SAAA,wEAAA,CAAA,MAAA,EAAA,EAAA,OAEf,iCAA6B,CAFd,EAAA,CAAA,CAAA;QAG/B,EAAwB,CAAA,YAAA,EAAA,CAAA;QACzB,EAOuB,CAAA,UAAA,CAAA,CAAA,EAAA,iDAAA,EAAA,CAAA,EAAA,CAAA,EAAA,qBAAA,EAAA,CAAA,CAAA,CAAA;AACzB,QAAA,EAAA,CAAA,YAAA,EAAqB,EAAA,CAAA;;QA5BnB,EAA+C,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;AAA/C,QAAA,EAAA,CAAA,UAAA,CAAA,WAAA,EAAA,GAAA,CAAA,OAAA,GAAA,GAAA,CAAA,kBAAA,GAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,GAAA,CAAA,CAA+C,CAAA,YAAA,EAAA,GAAA,CAAA,kBAAA,CAAA,CAAA;QAK7B,EAAe,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;AAAf,QAAA,EAAA,CAAA,UAAA,CAAA,OAAA,EAAA,GAAA,CAAA,KAAA,CAAe,CAAA,aAAA,EAAA,GAAA,CAAA,WAAA,CAAA,CAAA;QAI/B,EAAe,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;AAAf,QAAA,EAAA,CAAA,UAAA,CAAA,OAAA,EAAA,GAAA,CAAA,KAAA,CAAe,CAAA,WAAA,EAAA,GAAA,CAAA,YAAA,CAAA,CAAA,aAAA,EAAA,GAAA,CAAA,WAAA,CAAA,CAAA,SAAA,EAAA,GAAA,CAAA,UAAA,CAAA,CAAA,eAAA,EAAA,GAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,WAAA,EAAA,GAAA,CAAA,SAAA,CAAA,CAAA;QAYd,EAAU,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;QAAV,EAAU,CAAA,UAAA,CAAA,MAAA,EAAA,GAAA,CAAA,IAAA,CAAA,CAAA;;uFCNJ,kBAAkB,EAAA,CAAA;cAP9B,SAAS;2BACE,uBAAuB,EAAA,eAAA,EAGhB,uBAAuB,CAAC,MAAM,QACzC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAA,QAAA,EAAA,glCAAA,EAAA,MAAA,EAAA,CAAA,8NAAA,CAAA,EAAA,CAAA;gBAK3B,OAAO,EAAA,CAAA;kBADN,KAAK;YAIN,YAAY,EAAA,CAAA;kBADX,KAAK;YAIN,KAAK,EAAA,CAAA;kBADJ,KAAK;YAIN,WAAW,EAAA,CAAA;kBADV,KAAK;YAIN,KAAK,EAAA,CAAA;kBADJ,KAAK;YAIN,YAAY,EAAA,CAAA;kBADX,KAAK;YAIN,WAAW,EAAA,CAAA;kBADV,KAAK;YAIN,kBAAkB,EAAA,CAAA;kBADjB,KAAK;YAIN,UAAU,EAAA,CAAA;kBADT,KAAK;YAIN,aAAa,EAAA,CAAA;kBADZ,KAAK;YAIN,OAAO,EAAA,CAAA;kBADN,KAAK;YAIN,SAAS,EAAA,CAAA;kBADR,KAAK;YAIN,IAAI,EAAA,CAAA;kBADH,KAAK;YAQN,eAAe,EAAA,CAAA;kBADd,KAAK;YAIN,gBAAgB,EAAA,CAAA;kBADf,KAAK;YAIN,MAAM,EAAA,CAAA;kBADL,MAAM;YAIP,eAAe,EAAA,CAAA;kBADd,MAAM;YAIP,aAAa,EAAA,CAAA;kBADZ,MAAM;YAIP,UAAU,EAAA,CAAA;kBADT,MAAM;YAIP,gBAAgB,EAAA,CAAA;kBADf,MAAM;;;MChDI,gBAAgB,CAAA;;gFAAhB,gBAAgB,GAAA,CAAA,EAAA,CAAA;kEAAhB,gBAAgB,EAAA,CAAA,CAAA;sEAfzB,YAAY;;QAEZ,gBAAgB;QAChB,YAAY;;QAEZ,eAAe;QACf,gBAAgB;QAChB,eAAe;;QAEf,YAAY,CAAA,EAAA,CAAA,CAAA;uFAMH,gBAAgB,EAAA,CAAA;cApB5B,QAAQ;AAAC,QAAA,IAAA,EAAA,CAAA;AACR,gBAAA,YAAY,EAAE;oBACZ,kBAAkB;AACnB,iBAAA;AACD,gBAAA,OAAO,EAAE;oBACP,YAAY;;oBAEZ,gBAAgB;oBAChB,YAAY;;oBAEZ,eAAe;oBACf,gBAAgB;oBAChB,eAAe;;oBAEf,YAAY;AACb,iBAAA;AACD,gBAAA,OAAO,EAAE;oBACP,kBAAkB;AACnB,iBAAA;AACF,aAAA,CAAA;;wFACY,gBAAgB,EAAA,EAAA,YAAA,EAAA,CAlBzB,kBAAkB,CAAA,EAAA,OAAA,EAAA,CAGlB,YAAY;;QAEZ,gBAAgB;QAChB,YAAY;;QAEZ,eAAe;QACf,gBAAgB;QAChB,eAAe;;AAEf,QAAA,YAAY,aAGZ,kBAAkB,CAAA,EAAA,CAAA,CAAA,EAAA,GAAA;;AC7BtB;;AAEG;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ng-atomic/components",
3
- "version": "4.1.1",
3
+ "version": "4.2.0",
4
4
  "license": "MIT",
5
5
  "module": "fesm2015/ng-atomic-components.mjs",
6
6
  "es2020": "fesm2020/ng-atomic-components.mjs",
@@ -367,11 +367,11 @@
367
367
  "peerDependencies": {
368
368
  "@angular/core": "^14.0.0",
369
369
  "@angular/platform-browser": "^14.0.0",
370
- "@ng-atomic/elements": "4.1.1",
370
+ "@ng-atomic/elements": "4.2.0",
371
371
  "@angular/cdk": "^14.0.0",
372
372
  "@ngneat/reactive-forms": "^4.1.0",
373
373
  "rxjs": "7.5.0",
374
- "@ng-atomic/common": "4.1.1",
374
+ "@ng-atomic/common": "4.2.0",
375
375
  "@angular/forms": "^14.0.0",
376
376
  "@angular/animations": "^14.0.0",
377
377
  "resize-observer-polyfill": "^1.5.1",
package/templates/smart-index/smart-index.template.d.ts CHANGED
@@ -3,17 +3,9 @@ import { PageEvent } from '@angular/material/paginator';
3
3
  import { Action, ActionItem } from '@ng-atomic/common/models';
4
4
  import { FormControl } from '@ngneat/reactive-forms';
5
5
  import * as i0 from "@angular/core";
6
- export interface Page extends PageEvent {
7
- }
8
6
  export declare enum ActionId {
9
7
  BACK = "[@ng-atomic/components/templates/smart-crud] Back"
10
8
  }
11
- export declare class Page {
12
- static from(event?: Partial<PageEvent>): Page;
13
- get start(): number;
14
- get end(): number;
15
- patch(obj: Partial<PageEvent>): Page;
16
- }
17
9
  export declare class SmartIndexTemplate<T> {
18
10
  canBack: boolean;
19
11
  queryControl: FormControl<string>;
package/templates/smart-index/smart-index.template.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"smart-index.template.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/templates/smart-index/smart-index.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,YAAY,EAAiB,MAAM,eAAe,CAAC;AAChG,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;;AAGrD,MAAM,WAAW,IAAK,SAAQ,SAAS;CAAI;AAE3C,oBAAY,QAAQ;IAClB,IAAI,sDAAsD;CAC3D;AAED,qBAAa,IAAI;IACf,MAAM,CAAC,IAAI,CAAC,KAAK,GAAE,OAAO,CAAC,SAAS,CAAM,GAAG,IAAI;IASjD,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,GAAG,IAAI,MAAM,CAEhB;IAED,KAAK,CAAC,GAAG,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI;CAGrC;AAED,qBAOa,kBAAkB,CAAC,CAAC;IAG/B,OAAO,UAAS;IAGhB,YAAY,sBAA+B;IAG3C,KAAK,EAAE,MAAM,CAAM;IAGnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,KAAK,EAAE,CAAC,EAAE,CAAM;IAGhB,YAAY,EAAE,UAAU,EAAE,CAAM;IAGhC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,UAAU,EAAE,CAAY;IAGlD,kBAAkB,EAAE,UAAU,EAAE,CAAM;IAGtC,UAAU,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAO;IAG9B,aAAa,cAAqB;IAGlC,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,IAAI,CAAC,EAAE,SAAS,CAId;IAGF,eAAe,EAAE,MAAM,EAAE,CAAoB;IAG7C,gBAAgB,SAAM;IAGtB,MAAM,4BAA8B;IAGpC,eAAe,oBAAsB;IAGrC,aAAa,kBAAyB;IAGtC,UAAU,0BAAiC;IAG3C,gBAAgB,uBAA8B;IAE9C,kBAAkB;;;QAA+C;IAEjE,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;yCApEnB,kBAAkB;2CAAlB,kBAAkB;CA0E9B"}
1
+ {"version":3,"file":"smart-index.template.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/templates/smart-index/smart-index.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,YAAY,EAAiB,MAAM,eAAe,CAAC;AAChG,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;;AAErD,oBAAY,QAAQ;IAClB,IAAI,sDAAsD;CAC3D;AAGD,qBAOa,kBAAkB,CAAC,CAAC;IAG/B,OAAO,UAAS;IAGhB,YAAY,sBAA+B;IAG3C,KAAK,EAAE,MAAM,CAAM;IAGnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,KAAK,EAAE,CAAC,EAAE,CAAM;IAGhB,YAAY,EAAE,UAAU,EAAE,CAAM;IAGhC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,UAAU,EAAE,CAAY;IAGlD,kBAAkB,EAAE,UAAU,EAAE,CAAM;IAGtC,UAAU,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAO;IAG9B,aAAa,cAAqB;IAGlC,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,IAAI,CAAC,EAAE,SAAS,CAId;IAGF,eAAe,EAAE,MAAM,EAAE,CAAoB;IAG7C,gBAAgB,SAAM;IAGtB,MAAM,4BAA8B;IAGpC,eAAe,oBAAsB;IAGrC,aAAa,kBAAyB;IAGtC,UAAU,0BAAiC;IAG3C,gBAAgB,uBAA8B;IAE9C,kBAAkB;;;QAA+C;IAEjE,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;yCApEnB,kBAAkB;2CAAlB,kBAAkB;CA0E9B"}