@ng-atomic/components 1.4.0 → 1.5.0

package/fesm2015/ng-atomic-components-templates-menu.js

@@ -10,7 +10,7 @@ class MenuTemplate {
     }
 }
 MenuTemplate.ɵfac = function MenuTemplate_Factory(t) { return new (t || MenuTemplate)(); };
-MenuTemplate.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: MenuTemplate, selector: "templates-menu", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, ngImport: i0, template: "<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-menu\n    [actionItems]=\"actionItems\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n  ></organisms-menu>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>", styles: [":host{--primary-color:#00f;--primary-color-SCOPED-IN-menu-yNMi:var(--primary-color);--width:100%;--width-SCOPED-IN-menu-yNMi:var(--width);--height:100%;--height-SCOPED-IN-menu-yNMi:var(--height);display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-yNMi);height:var(--height-SCOPED-IN-menu-yNMi);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-yNMi)}:host organisms-menu{transition:width .5s;--primary-color:var(--primary-color-SCOPED-IN-menu-yNMi)}"], directives: [{ type: MenuOrganism, selector: "organisms-menu", inputs: ["actionItems"], outputs: ["actionItemClick"] }], changeDetection: ChangeDetectionStrategy.OnPush });
+MenuTemplate.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: MenuTemplate, selector: "templates-menu", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, ngImport: i0, template: "<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-menu\n    [actionItems]=\"actionItems\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n  ></organisms-menu>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>", styles: [":host{--primary-color:#00f;--primary-color-SCOPED-IN-menu-F1Qe:var(--primary-color);--width:100%;--width-SCOPED-IN-menu-F1Qe:var(--width);--height:100%;--height-SCOPED-IN-menu-F1Qe:var(--height);display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-F1Qe);height:var(--height-SCOPED-IN-menu-F1Qe);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-F1Qe)}:host organisms-menu{transition:width .5s;--primary-color:var(--primary-color-SCOPED-IN-menu-F1Qe)}"], directives: [{ type: MenuOrganism, selector: "organisms-menu", inputs: ["actionItems"], outputs: ["actionItemClick"] }], changeDetection: ChangeDetectionStrategy.OnPush });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(MenuTemplate, [{
         type: Component,
         args: [{

package/fesm2015/ng-atomic-components-templates-smart-crud.js

@@ -47,7 +47,7 @@ class SmartCrudTemplate {
     }
 }
 SmartCrudTemplate.ɵfac = function SmartCrudTemplate_Factory(t) { return new (t || SmartCrudTemplate)(); };
-SmartCrudTemplate.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: SmartCrudTemplate, selector: "templates-smart-crud", inputs: { canBack: "canBack", name: "name", form: "form", mode: "mode", menuActionItems: "menuActionItems" }, outputs: { actionItemClick: "actionItemClick", backButtonClick: "backButtonClick", createButtonClick: "createButtonClick", updateButtonClick: "updateButtonClick" }, host: { classAttribute: "template" }, ngImport: i0, template: "<frames-scroll>\n  <organisms-back-navigator \n    [actionItems]=\"menuActionItems\"\n    [canBack]=\"canBack\"\n    [title]=\"title\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n    (backButtonClick)=\"backButtonClick.emit()\"\n    navigator\n  ></organisms-back-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-input-field-section\n        *ngSwitchCase=\"'number'\"\n        [type]=\"'number'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-input-field-section>\n      <organisms-input-field-section\n        *ngSwitchDefault\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-input-field-section>\n    </ng-container>\n    <organisms-action-buttons-section\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"onActionButtonClick($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-smart-crud-GKDA:var(--horizontal-padding);--vertical-padding:24px;--vertical-padding-SCOPED-IN-smart-crud-GKDA:var(--vertical-padding);--gap:16px;--gap-SCOPED-IN-smart-crud-GKDA:var(--gap);display:block;width:100%;height:100%;background:#fff}:host frames-auto-layout{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;--gap:var(--gap-SCOPED-IN-smart-crud-GKDA);--vertical-padding:var(--vertical-padding-SCOPED-IN-smart-crud-GKDA)}:host frames-auto-layout *{--horizontal-padding:var(--horizontal-padding-SCOPED-IN-smart-crud-GKDA)}"], directives: [{ type: ScrollFrame, selector: "frames-scroll" }, { type: BackNavigatorOrganism, selector: "organisms-back-navigator", inputs: ["canBack", "title", "description", "actionItems"], outputs: ["backButtonClick", "actionItemClick"] }, { type: AutoLayoutFrame, selector: "frames-auto-layout" }, { type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: ["label", "control", "options"] }, { type: DateInputSectionOrganism, selector: "organisms-date-input-section", inputs: ["control", "label", "placeholder"] }, { type: InputFieldSectionOrganism, selector: "organisms-input-field-section", inputs: ["label", "placeholder", "type", "hint", "control"] }, { type: NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actionItems"], outputs: ["actionItemClick"] }], pipes: { "smartField": SmartFieldPipe, "D": DomainPipe }, changeDetection: ChangeDetectionStrategy.OnPush });
+SmartCrudTemplate.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: SmartCrudTemplate, selector: "templates-smart-crud", inputs: { canBack: "canBack", name: "name", form: "form", mode: "mode", menuActionItems: "menuActionItems" }, outputs: { actionItemClick: "actionItemClick", backButtonClick: "backButtonClick", createButtonClick: "createButtonClick", updateButtonClick: "updateButtonClick" }, host: { classAttribute: "template" }, ngImport: i0, template: "<frames-scroll>\n  <organisms-back-navigator \n    [actionItems]=\"menuActionItems\"\n    [canBack]=\"canBack\"\n    [title]=\"title\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n    (backButtonClick)=\"backButtonClick.emit()\"\n    navigator\n  ></organisms-back-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-input-field-section\n        *ngSwitchCase=\"'number'\"\n        [type]=\"'number'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-input-field-section>\n      <organisms-input-field-section\n        *ngSwitchDefault\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-input-field-section>\n    </ng-container>\n    <organisms-action-buttons-section\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"onActionButtonClick($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-smart-crud-nema:var(--horizontal-padding);--vertical-padding:24px;--vertical-padding-SCOPED-IN-smart-crud-nema:var(--vertical-padding);--gap:16px;--gap-SCOPED-IN-smart-crud-nema:var(--gap);display:block;width:100%;height:100%;background:#fff}:host frames-auto-layout{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;--gap:var(--gap-SCOPED-IN-smart-crud-nema);--vertical-padding:var(--vertical-padding-SCOPED-IN-smart-crud-nema)}:host frames-auto-layout *{--horizontal-padding:var(--horizontal-padding-SCOPED-IN-smart-crud-nema)}"], directives: [{ type: ScrollFrame, selector: "frames-scroll" }, { type: BackNavigatorOrganism, selector: "organisms-back-navigator", inputs: ["canBack", "title", "description", "actionItems"], outputs: ["backButtonClick", "actionItemClick"] }, { type: AutoLayoutFrame, selector: "frames-auto-layout" }, { type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: ["label", "control", "options"] }, { type: DateInputSectionOrganism, selector: "organisms-date-input-section", inputs: ["control", "label", "placeholder"] }, { type: InputFieldSectionOrganism, selector: "organisms-input-field-section", inputs: ["label", "placeholder", "type", "hint", "control"] }, { type: NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actionItems"], outputs: ["actionItemClick"] }], pipes: { "smartField": SmartFieldPipe, "D": DomainPipe }, changeDetection: ChangeDetectionStrategy.OnPush });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(SmartCrudTemplate, [{
         type: Component,
         args: [{

package/fesm2015/ng-atomic-components-templates-smart-index.js

@@ -48,7 +48,7 @@ class SmartIndexTemplate {
     }
 }
 SmartIndexTemplate.ɵfac = function SmartIndexTemplate_Factory(t) { return new (t || SmartIndexTemplate)(); };
-SmartIndexTemplate.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: SmartIndexTemplate, selector: "templates-smart-index", inputs: { canBack: "canBack", queryControl: "queryControl", title: "title", description: "description", items: "items", actionItems: "actionItems", menuActionItems: "menuActionItems", properties: "properties", selectedIdSet: "selectedIdSet", sortKey: "sortKey", sortOrder: "sortOrder", page: "page", pageSizeOptions: "pageSizeOptions", queryPlaceholder: "queryPlaceholder" }, outputs: { actionItemClick: "actionItemClick", backButtonClick: "backButtonClick", checkboxClick: "checkboxClick", pageChange: "pageChange", tableHeaderClick: "tableHeaderClick" }, host: { classAttribute: "template" }, ngImport: i0, template: "<frames-scroll>\n  <organisms-back-navigator\n    [canBack]=\"canBack\"\n    [title]=\"title\"\n    [description]=\"description\"\n    [actionItems]=\"menuActionItems\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n    (backButtonClick)=\"backButtonClick.emit()\"\n    navigator\n  ></organisms-back-navigator>\n  <frames-auto-layout vertical contents>\n    <organisms-smart-table\n      [items]=\"items\"\n      [actionItems]=\"actionItems\"\n      [columns]=\"properties\"\n      [selectedIdSet]=\"selectedIdSet\"\n      [sortKey]=\"sortKey\"\n      [sortOrder]=\"sortOrder\"\n      (actionItemClick)=\"actionItemClick.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-UlWS:var(--navigator-height);width:100%;height:100%;background:#fff;display:block}:host frames-auto-layout{--gap:0;--vertical-padding:0}"], directives: [{ type: ScrollFrame, selector: "frames-scroll" }, { type: BackNavigatorOrganism, selector: "organisms-back-navigator", inputs: ["canBack", "title", "description", "actionItems"], outputs: ["backButtonClick", "actionItemClick"] }, { type: AutoLayoutFrame, selector: "frames-auto-layout" }, { type: SmartTableOrganism, selector: "organisms-smart-table", inputs: ["columns", "items", "patientsSize", "pageSize", "actionItems", "selectedIdSet", "sortKey", "sortOrder"], outputs: ["actionItemClick", "headerClick", "checkboxClick", "pageChange", "itemCheck"] }, { type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: PaginatorOrganism, selector: "organisms-paginator", inputs: ["control", "placeholder", "page", "pageSizeOptions"], outputs: ["pageChange"] }], changeDetection: ChangeDetectionStrategy.OnPush });
+SmartIndexTemplate.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: SmartIndexTemplate, selector: "templates-smart-index", inputs: { canBack: "canBack", queryControl: "queryControl", title: "title", description: "description", items: "items", actionItems: "actionItems", menuActionItems: "menuActionItems", properties: "properties", selectedIdSet: "selectedIdSet", sortKey: "sortKey", sortOrder: "sortOrder", page: "page", pageSizeOptions: "pageSizeOptions", queryPlaceholder: "queryPlaceholder" }, outputs: { actionItemClick: "actionItemClick", backButtonClick: "backButtonClick", checkboxClick: "checkboxClick", pageChange: "pageChange", tableHeaderClick: "tableHeaderClick" }, host: { classAttribute: "template" }, ngImport: i0, template: "<frames-scroll>\n  <organisms-back-navigator\n    [canBack]=\"canBack\"\n    [title]=\"title\"\n    [description]=\"description\"\n    [actionItems]=\"menuActionItems\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n    (backButtonClick)=\"backButtonClick.emit()\"\n    navigator\n  ></organisms-back-navigator>\n  <frames-auto-layout vertical contents>\n    <organisms-smart-table\n      [items]=\"items\"\n      [actionItems]=\"actionItems\"\n      [columns]=\"properties\"\n      [selectedIdSet]=\"selectedIdSet\"\n      [sortKey]=\"sortKey\"\n      [sortOrder]=\"sortOrder\"\n      (actionItemClick)=\"actionItemClick.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-Ew1a:var(--navigator-height);width:100%;height:100%;background:#fff;display:block}:host frames-auto-layout{--gap:0;--vertical-padding:0}"], directives: [{ type: ScrollFrame, selector: "frames-scroll" }, { type: BackNavigatorOrganism, selector: "organisms-back-navigator", inputs: ["canBack", "title", "description", "actionItems"], outputs: ["backButtonClick", "actionItemClick"] }, { type: AutoLayoutFrame, selector: "frames-auto-layout" }, { type: SmartTableOrganism, selector: "organisms-smart-table", inputs: ["columns", "items", "patientsSize", "pageSize", "actionItems", "selectedIdSet", "sortKey", "sortOrder"], outputs: ["actionItemClick", "headerClick", "checkboxClick", "pageChange", "itemCheck"] }, { type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: PaginatorOrganism, selector: "organisms-paginator", inputs: ["control", "placeholder", "page", "pageSizeOptions"], outputs: ["pageChange"] }], changeDetection: ChangeDetectionStrategy.OnPush });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(SmartIndexTemplate, [{
         type: Component,
         args: [{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-atomic/components",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "peerDependencies": {
     "@angular/common": "^11.2.14",
     "@angular/core": "^11.2.14",