@ng-atomic/components 2.0.1 → 3.2.0

package/esm2020/templates/smart-crud/smart-crud.template.mjs

@@ -0,0 +1,137 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import { FormGroup } from '@ngneat/reactive-forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@ng-atomic/components/frames/scroll";
+import * as i2 from "@ng-atomic/components/organisms/back-navigator";
+import * as i3 from "@ng-atomic/components/frames/auto-layout";
+import * as i4 from "@angular/common";
+import * as i5 from "@ng-atomic/components/organisms/select-input-section";
+import * as i6 from "@ng-atomic/components/organisms/date-input-section";
+import * as i7 from "@ng-atomic/components/organisms/text-input-section";
+import * as i8 from "@ng-atomic/components/organisms/action-buttons-section";
+import * as i9 from "@ng-atomic/common/pipes/smart-field";
+import * as i10 from "@ng-atomic/common/pipes/domain";
+function SmartCrudTemplate_ng_container_3_organisms_select_input_section_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "organisms-select-input-section", 9);
+    i0.ɵɵpipe(1, "D");
+    i0.ɵɵpipe(2, "smartField");
+} if (rf & 2) {
+    const entry_r1 = i0.ɵɵnextContext().$implicit;
+    let tmp_2_0;
+    i0.ɵɵproperty("label", i0.ɵɵpipeBind1(1, 3, entry_r1[0]))("control", entry_r1[1])("options", (tmp_2_0 = i0.ɵɵpipeBind1(2, 5, entry_r1[0])) == null ? null : tmp_2_0.options);
+} }
+function SmartCrudTemplate_ng_container_3_organisms_date_input_section_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "organisms-date-input-section", 10);
+    i0.ɵɵpipe(1, "D");
+} if (rf & 2) {
+    const entry_r1 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("label", i0.ɵɵpipeBind1(1, 2, entry_r1[0]))("control", entry_r1[1]);
+} }
+function SmartCrudTemplate_ng_container_3_organisms_text_input_section_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "organisms-text-input-section", 11);
+    i0.ɵɵpipe(1, "D");
+} if (rf & 2) {
+    const entry_r1 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("type", "number")("label", i0.ɵɵpipeBind1(1, 3, entry_r1[0]))("control", entry_r1[1]);
+} }
+function SmartCrudTemplate_ng_container_3_organisms_text_input_section_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "organisms-text-input-section", 10);
+    i0.ɵɵpipe(1, "D");
+} if (rf & 2) {
+    const entry_r1 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("label", i0.ɵɵpipeBind1(1, 2, entry_r1[0]))("control", entry_r1[1]);
+} }
+function SmartCrudTemplate_ng_container_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0, 4);
+    i0.ɵɵpipe(1, "smartField");
+    i0.ɵɵtemplate(2, SmartCrudTemplate_ng_container_3_organisms_select_input_section_2_Template, 3, 7, "organisms-select-input-section", 5);
+    i0.ɵɵtemplate(3, SmartCrudTemplate_ng_container_3_organisms_date_input_section_3_Template, 2, 4, "organisms-date-input-section", 6);
+    i0.ɵɵtemplate(4, SmartCrudTemplate_ng_container_3_organisms_text_input_section_4_Template, 2, 5, "organisms-text-input-section", 7);
+    i0.ɵɵtemplate(5, SmartCrudTemplate_ng_container_3_organisms_text_input_section_5_Template, 2, 4, "organisms-text-input-section", 8);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const entry_r1 = ctx.$implicit;
+    let tmp_0_0;
+    i0.ɵɵproperty("ngSwitch", (tmp_0_0 = i0.ɵɵpipeBind1(1, 4, entry_r1[0])) == null ? null : tmp_0_0.type);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngSwitchCase", "select");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngSwitchCase", "date");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngSwitchCase", "number");
+} }
+export class SmartCrudTemplate {
+    constructor() {
+        this.canBack = false;
+        this.name = '';
+        this.mode = 'create';
+        this.menuActionItems = [];
+        this.actionItemClick = new EventEmitter();
+        this.backButtonClick = new EventEmitter();
+        this.createButtonClick = new EventEmitter();
+        this.updateButtonClick = new EventEmitter();
+        this.trackByIndex = (index) => index;
+    }
+    get title() {
+        switch (this.mode) {
+            case 'create': return `${this.name}の作成`;
+            case 'update': return `${this.name}の更新`;
+        }
+    }
+    get actionItems() {
+        switch (this.mode) {
+            case 'create': return [{ id: 'create', name: '作成' }];
+            case 'update': return [{ id: 'update', name: '更新' }];
+        }
+    }
+    get controls() {
+        return Object.entries(this.form.controls);
+    }
+    onActionButtonClick([{ id }]) {
+        switch (id) {
+            case 'create': return this.createButtonClick.emit();
+            case 'update': return this.updateButtonClick.emit();
+        }
+    }
+}
+SmartCrudTemplate.ɵfac = function SmartCrudTemplate_Factory(t) { return new (t || SmartCrudTemplate)(); };
+SmartCrudTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartCrudTemplate, selectors: [["templates-smart-crud"]], hostAttrs: [1, "template"], inputs: { canBack: "canBack", name: "name", form: "form", mode: "mode", menuActionItems: "menuActionItems" }, outputs: { actionItemClick: "actionItemClick", backButtonClick: "backButtonClick", createButtonClick: "createButtonClick", updateButtonClick: "updateButtonClick" }, decls: 5, vars: 6, consts: [["navigator", "", 3, "actionItems", "canBack", "title", "actionItemClick", "backButtonClick"], ["vertical", "", "contents", ""], [3, "ngSwitch", 4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "actionItems", "actionItemClick"], [3, "ngSwitch"], [3, "label", "control", "options", 4, "ngSwitchCase"], [3, "label", "control", 4, "ngSwitchCase"], [3, "type", "label", "control", 4, "ngSwitchCase"], [3, "label", "control", 4, "ngSwitchDefault"], [3, "label", "control", "options"], [3, "label", "control"], [3, "type", "label", "control"]], template: function SmartCrudTemplate_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "frames-scroll")(1, "organisms-back-navigator", 0);
+        i0.ɵɵlistener("actionItemClick", function SmartCrudTemplate_Template_organisms_back_navigator_actionItemClick_1_listener($event) { return ctx.actionItemClick.emit($event); })("backButtonClick", function SmartCrudTemplate_Template_organisms_back_navigator_backButtonClick_1_listener() { return ctx.backButtonClick.emit(); });
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(2, "frames-auto-layout", 1);
+        i0.ɵɵtemplate(3, SmartCrudTemplate_ng_container_3_Template, 6, 6, "ng-container", 2);
+        i0.ɵɵelementStart(4, "organisms-action-buttons-section", 3);
+        i0.ɵɵlistener("actionItemClick", function SmartCrudTemplate_Template_organisms_action_buttons_section_actionItemClick_4_listener($event) { return ctx.onActionButtonClick($event); });
+        i0.ɵɵelementEnd()()();
+    } if (rf & 2) {
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("actionItems", ctx.menuActionItems)("canBack", ctx.canBack)("title", ctx.title);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngForOf", ctx.controls)("ngForTrackBy", ctx.trackByIndex);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("actionItems", ctx.actionItems);
+    } }, directives: [i1.ScrollFrame, i2.BackNavigatorOrganism, i3.AutoLayoutFrame, i4.NgForOf, i4.NgSwitch, i4.NgSwitchCase, i5.SelectInputSectionOrganism, i6.DateInputSectionOrganism, i7.TextInputSectionOrganism, i4.NgSwitchDefault, i8.ActionButtonsSectionOrganism], pipes: [i9.SmartFieldPipe, i10.DomainPipe], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-W7cx: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-W7cx: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-W7cx: 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-W7cx);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-W7cx)}[_nghost-%COMP%]   frames-auto-layout[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-W7cx)}"], changeDetection: 0 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartCrudTemplate, [{
+        type: Component,
+        args: [{ selector: 'templates-smart-crud', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, 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-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      [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-W7cx: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-W7cx: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-W7cx: 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-W7cx);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-W7cx)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-W7cx)}\n"] }]
+    }], null, { canBack: [{
+            type: Input
+        }], name: [{
+            type: Input
+        }], form: [{
+            type: Input
+        }], mode: [{
+            type: Input
+        }], menuActionItems: [{
+            type: Input
+        }], actionItemClick: [{
+            type: Output
+        }], backButtonClick: [{
+            type: Output
+        }], createButtonClick: [{
+            type: Output
+        }], updateButtonClick: [{
+            type: Output
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtY3J1ZC50ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvdGVtcGxhdGVzL3NtYXJ0LWNydWQvc21hcnQtY3J1ZC50ZW1wbGF0ZS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvdGVtcGxhdGVzL3NtYXJ0LWNydWQvc21hcnQtY3J1ZC50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFaEcsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7Ozs7Ozs7Ozs7O0lDUzdDLG9EQUtrQzs7Ozs7O0lBSGhDLHlEQUFzQix3QkFBQSwyRkFBQTs7O0lBSXhCLG1EQUlnQzs7OztJQUY5Qix5REFBc0Isd0JBQUE7OztJQUd4QixtREFLZ0M7Ozs7SUFIOUIsK0JBQWlCLDRDQUFBLHdCQUFBOzs7SUFJbkIsbURBSWdDOzs7O0lBRjlCLHlEQUFzQix3QkFBQTs7O0lBcEIxQixnQ0FBOEc7O0lBQzVHLHVJQUtrQztJQUNsQyxtSUFJZ0M7SUFDaEMsbUlBS2dDO0lBQ2hDLG1JQUlnQztJQUNsQywwQkFBZTs7OztJQXZCb0Qsc0dBQTBDO0lBRXhHLGVBQXNCO0lBQXRCLHVDQUFzQjtJQU10QixlQUFvQjtJQUFwQixxQ0FBb0I7SUFLcEIsZUFBc0I7SUFBdEIsdUNBQXNCOztBRFovQixNQUFNLE9BQU8saUJBQWlCO0lBUDlCO1FBVUUsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUdoQixTQUFJLEdBQVcsRUFBRSxDQUFDO1FBTWxCLFNBQUksR0FBd0IsUUFBUSxDQUFDO1FBR3JDLG9CQUFlLEdBQWlCLEVBQUUsQ0FBQztRQUduQyxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFtQixDQUFDO1FBR3RELG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUdyQyxzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBRzdDLHNCQUFpQixHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFvQjdDLGlCQUFZLEdBQUcsQ0FBQyxLQUFhLEVBQUUsRUFBRSxDQUFDLEtBQUssQ0FBQztLQVF6QztJQTFCQyxJQUFJLEtBQUs7UUFDUCxRQUFRLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDakIsS0FBSyxRQUFRLENBQUMsQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLElBQUksS0FBSyxDQUFDO1lBQ3hDLEtBQUssUUFBUSxDQUFDLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFJLEtBQUssQ0FBQztTQUN6QztJQUNILENBQUM7SUFFRCxJQUFJLFdBQVc7UUFDYixRQUFRLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDakIsS0FBSyxRQUFRLENBQUMsQ0FBQyxPQUFPLENBQUMsRUFBQyxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUMsQ0FBQyxDQUFDO1lBQ25ELEtBQUssUUFBUSxDQUFDLENBQUMsT0FBTyxDQUFDLEVBQUMsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFDLENBQUMsQ0FBQztTQUNwRDtJQUNILENBQUM7SUFFRCxJQUFJLFFBQVE7UUFDVixPQUFPLE1BQU0sQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUM1QyxDQUFDO0lBSUQsbUJBQW1CLENBQUMsQ0FBQyxFQUFDLEVBQUUsRUFBQyxDQUFlO1FBQ3RDLFFBQU8sRUFBRSxFQUFFO1lBQ1QsS0FBSyxRQUFRLENBQUMsQ0FBQyxPQUFPLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNwRCxLQUFLLFFBQVEsQ0FBQyxDQUFDLE9BQU8sSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksRUFBRSxDQUFDO1NBQ3JEO0lBQ0gsQ0FBQzs7a0ZBdERVLGlCQUFpQjtvRUFBakIsaUJBQWlCO1FDWDlCLHFDQUFlLGtDQUFBO1FBS1gsMElBQW1CLGdDQUE0QixJQUFDLHVIQUM3QiwwQkFBc0IsSUFETztRQUdqRCxpQkFBMkI7UUFDNUIsNkNBQXNDO1FBQ3BDLG9GQXVCZTtRQUNmLDJEQUdDO1FBREMsa0pBQW1CLCtCQUEyQixJQUFDO1FBQ2hELGlCQUFtQyxFQUFBLEVBQUE7O1FBbkNwQyxlQUErQjtRQUEvQixpREFBK0Isd0JBQUEsb0JBQUE7UUFRQyxlQUFhO1FBQWIsc0NBQWEsa0NBQUE7UUF5QjNDLGVBQTJCO1FBQTNCLDZDQUEyQjs7dUZEeEJwQixpQkFBaUI7Y0FQN0IsU0FBUzsyQkFDRSxzQkFBc0IsbUJBR2YsdUJBQXVCLENBQUMsTUFBTSxRQUN6QyxFQUFDLEtBQUssRUFBRSxVQUFVLEVBQUM7Z0JBS3pCLE9BQU87a0JBRE4sS0FBSztZQUlOLElBQUk7a0JBREgsS0FBSztZQUlOLElBQUk7a0JBREgsS0FBSztZQUlOLElBQUk7a0JBREgsS0FBSztZQUlOLGVBQWU7a0JBRGQsS0FBSztZQUlOLGVBQWU7a0JBRGQsTUFBTTtZQUlQLGVBQWU7a0JBRGQsTUFBTTtZQUlQLGlCQUFpQjtrQkFEaEIsTUFBTTtZQUlQLGlCQUFpQjtrQkFEaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWN0aW9uSXRlbSwgQWN0aW9uSXRlbUV2ZW50IH0gZnJvbSAnQG5nLWF0b21pYy9jb21tb24vbW9kZWxzJztcbmltcG9ydCB7IEZvcm1Hcm91cCB9IGZyb20gJ0BuZ25lYXQvcmVhY3RpdmUtZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ZW1wbGF0ZXMtc21hcnQtY3J1ZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zbWFydC1jcnVkLnRlbXBsYXRlLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zbWFydC1jcnVkLnRlbXBsYXRlLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHtjbGFzczogJ3RlbXBsYXRlJ30sXG59KVxuZXhwb3J0IGNsYXNzIFNtYXJ0Q3J1ZFRlbXBsYXRlIHtcblxuICBASW5wdXQoKVxuICBjYW5CYWNrID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgbmFtZTogc3RyaW5nID0gJyc7XG5cbiAgQElucHV0KClcbiAgZm9ybSE6IEZvcm1Hcm91cDxhbnk+O1xuXG4gIEBJbnB1dCgpXG4gIG1vZGU6ICdjcmVhdGUnIHwgJ3VwZGF0ZScgPSAnY3JlYXRlJztcblxuICBASW5wdXQoKVxuICBtZW51QWN0aW9uSXRlbXM6IEFjdGlvbkl0ZW1bXSA9IFtdO1xuXG4gIEBPdXRwdXQoKVxuICBhY3Rpb25JdGVtQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPEFjdGlvbkl0ZW1FdmVudD4oKTtcblxuICBAT3V0cHV0KClcbiAgYmFja0J1dHRvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBPdXRwdXQoKVxuICBjcmVhdGVCdXR0b25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBAT3V0cHV0KClcbiAgdXBkYXRlQnV0dG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgZ2V0IHRpdGxlKCk6IHN0cmluZyB7XG4gICAgc3dpdGNoICh0aGlzLm1vZGUpIHtcbiAgICAgIGNhc2UgJ2NyZWF0ZSc6IHJldHVybiBgJHt0aGlzLm5hbWV944Gu5L2c5oiQYDtcbiAgICAgIGNhc2UgJ3VwZGF0ZSc6IHJldHVybiBgJHt0aGlzLm5hbWV944Gu5pu05pawYDtcbiAgICB9XG4gIH1cblxuICBnZXQgYWN0aW9uSXRlbXMoKTogQWN0aW9uSXRlbVtdIHtcbiAgICBzd2l0Y2ggKHRoaXMubW9kZSkge1xuICAgICAgY2FzZSAnY3JlYXRlJzogcmV0dXJuIFt7aWQ6ICdjcmVhdGUnLCBuYW1lOiAn5L2c5oiQJ31dO1xuICAgICAgY2FzZSAndXBkYXRlJzogcmV0dXJuIFt7aWQ6ICd1cGRhdGUnLCBuYW1lOiAn5pu05pawJ31dO1xuICAgIH1cbiAgfVxuXG4gIGdldCBjb250cm9scygpIHtcbiAgICByZXR1cm4gT2JqZWN0LmVudHJpZXModGhpcy5mb3JtLmNvbnRyb2xzKTtcbiAgfVxuXG4gIHRyYWNrQnlJbmRleCA9IChpbmRleDogbnVtYmVyKSA9PiBpbmRleDtcblxuICBvbkFjdGlvbkJ1dHRvbkNsaWNrKFt7aWR9XTogW0FjdGlvbkl0ZW1dKTogdm9pZCB7XG4gICAgc3dpdGNoKGlkKSB7XG4gICAgICBjYXNlICdjcmVhdGUnOiByZXR1cm4gdGhpcy5jcmVhdGVCdXR0b25DbGljay5lbWl0KCk7XG4gICAgICBjYXNlICd1cGRhdGUnOiByZXR1cm4gdGhpcy51cGRhdGVCdXR0b25DbGljay5lbWl0KCk7XG4gICAgfVxuICB9XG59XG4iLCI8ZnJhbWVzLXNjcm9sbD5cbiAgPG9yZ2FuaXNtcy1iYWNrLW5hdmlnYXRvciBcbiAgICBbYWN0aW9uSXRlbXNdPVwibWVudUFjdGlvbkl0ZW1zXCJcbiAgICBbY2FuQmFja109XCJjYW5CYWNrXCJcbiAgICBbdGl0bGVdPVwidGl0bGVcIlxuICAgIChhY3Rpb25JdGVtQ2xpY2spPVwiYWN0aW9uSXRlbUNsaWNrLmVtaXQoJGV2ZW50KVwiXG4gICAgKGJhY2tCdXR0b25DbGljayk9XCJiYWNrQnV0dG9uQ2xpY2suZW1pdCgpXCJcbiAgICBuYXZpZ2F0b3JcbiAgPjwvb3JnYW5pc21zLWJhY2stbmF2aWdhdG9yPlxuICA8ZnJhbWVzLWF1dG8tbGF5b3V0IHZlcnRpY2FsIGNvbnRlbnRzPlxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGVudHJ5IG9mIGNvbnRyb2xzOyB0cmFja0J5OnRyYWNrQnlJbmRleFwiIFtuZ1N3aXRjaF09XCIoZW50cnlbMF0gfCBzbWFydEZpZWxkKT8udHlwZVwiPlxuICAgICAgPG9yZ2FuaXNtcy1zZWxlY3QtaW5wdXQtc2VjdGlvblxuICAgICAgICAqbmdTd2l0Y2hDYXNlPVwiJ3NlbGVjdCdcIlxuICAgICAgICBbbGFiZWxdPVwiZW50cnlbMF0gfCBEXCJcbiAgICAgICAgW2NvbnRyb2xdPVwiZW50cnlbMV1cIlxuICAgICAgICBbb3B0aW9uc109XCIoZW50cnlbMF0gfCBzbWFydEZpZWxkKT8ub3B0aW9uc1wiXG4gICAgICA+PC9vcmdhbmlzbXMtc2VsZWN0LWlucHV0LXNlY3Rpb24+XG4gICAgICA8b3JnYW5pc21zLWRhdGUtaW5wdXQtc2VjdGlvblxuICAgICAgICAqbmdTd2l0Y2hDYXNlPVwiJ2RhdGUnXCJcbiAgICAgICAgW2xhYmVsXT1cImVudHJ5WzBdIHwgRFwiXG4gICAgICAgIFtjb250cm9sXT1cImVudHJ5WzFdXCJcbiAgICAgID48L29yZ2FuaXNtcy1kYXRlLWlucHV0LXNlY3Rpb24+XG4gICAgICA8b3JnYW5pc21zLXRleHQtaW5wdXQtc2VjdGlvblxuICAgICAgICAqbmdTd2l0Y2hDYXNlPVwiJ251bWJlcidcIlxuICAgICAgICBbdHlwZV09XCInbnVtYmVyJ1wiXG4gICAgICAgIFtsYWJlbF09XCJlbnRyeVswXSB8IERcIlxuICAgICAgICBbY29udHJvbF09XCJlbnRyeVsxXVwiXG4gICAgICA+PC9vcmdhbmlzbXMtdGV4dC1pbnB1dC1zZWN0aW9uPlxuICAgICAgPG9yZ2FuaXNtcy10ZXh0LWlucHV0LXNlY3Rpb25cbiAgICAgICAgKm5nU3dpdGNoRGVmYXVsdFxuICAgICAgICBbbGFiZWxdPVwiZW50cnlbMF0gfCBEXCJcbiAgICAgICAgW2NvbnRyb2xdPVwiZW50cnlbMV1cIlxuICAgICAgPjwvb3JnYW5pc21zLXRleHQtaW5wdXQtc2VjdGlvbj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8b3JnYW5pc21zLWFjdGlvbi1idXR0b25zLXNlY3Rpb25cbiAgICAgIFthY3Rpb25JdGVtc109XCJhY3Rpb25JdGVtc1wiXG4gICAgICAoYWN0aW9uSXRlbUNsaWNrKT1cIm9uQWN0aW9uQnV0dG9uQ2xpY2soJGV2ZW50KVwiXG4gICAgPjwvb3JnYW5pc21zLWFjdGlvbi1idXR0b25zLXNlY3Rpb24+XG4gIDwvZnJhbWVzLWF1dG8tbGF5b3V0PlxuPC9mcmFtZXMtc2Nyb2xsPiJdfQ==

package/esm2020/templates/smart-index/index.mjs

@@ -0,0 +1,3 @@
+export { SmartIndexModule } from './smart-index.module';
+export * from './smart-index.template';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL3RlbXBsYXRlcy9zbWFydC1pbmRleC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN4RCxjQUFjLHdCQUF3QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgU21hcnRJbmRleE1vZHVsZSB9IGZyb20gJy4vc21hcnQtaW5kZXgubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vc21hcnQtaW5kZXgudGVtcGxhdGUnO1xuIl19

package/esm2020/templates/smart-index/ng-atomic-components-templates-smart-index.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtdGVtcGxhdGVzLXNtYXJ0LWluZGV4LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy90ZW1wbGF0ZXMvc21hcnQtaW5kZXgvbmctYXRvbWljLWNvbXBvbmVudHMtdGVtcGxhdGVzLXNtYXJ0LWluZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19

package/esm2020/templates/smart-index/smart-index.module.mjs

@@ -0,0 +1,53 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';
+import { ScrollModule } from '@ng-atomic/components/frames/scroll';
+import { SmartTableModule } from '@ng-atomic/components/organisms/smart-table';
+import { BackNavigatorModule } from '@ng-atomic/components/organisms/back-navigator';
+import { PaginatorModule } from '@ng-atomic/components/organisms/paginator';
+import { SmartIndexTemplate } from './smart-index.template';
+import * as i0 from "@angular/core";
+export class SmartIndexModule {
+}
+SmartIndexModule.ɵfac = function SmartIndexModule_Factory(t) { return new (t || SmartIndexModule)(); };
+SmartIndexModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: SmartIndexModule });
+SmartIndexModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            // Frames
+            AutoLayoutModule,
+            ScrollModule,
+            // Organisms
+            PaginatorModule,
+            SmartTableModule,
+            BackNavigatorModule,
+        ]] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartIndexModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    SmartIndexTemplate
+                ],
+                imports: [
+                    CommonModule,
+                    // Frames
+                    AutoLayoutModule,
+                    ScrollModule,
+                    // Organisms
+                    PaginatorModule,
+                    SmartTableModule,
+                    BackNavigatorModule,
+                ],
+                exports: [
+                    SmartIndexTemplate
+                ]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SmartIndexModule, { declarations: [SmartIndexTemplate], imports: [CommonModule,
+        // Frames
+        AutoLayoutModule,
+        ScrollModule,
+        // Organisms
+        PaginatorModule,
+        SmartTableModule,
+        BackNavigatorModule], exports: [SmartIndexTemplate] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtaW5kZXgubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy90ZW1wbGF0ZXMvc21hcnQtaW5kZXgvc21hcnQtaW5kZXgubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUNuRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUMvRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUNyRixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFFNUUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBcUI1RCxNQUFNLE9BQU8sZ0JBQWdCOztnRkFBaEIsZ0JBQWdCO2tFQUFoQixnQkFBZ0I7c0VBZGxCO1lBQ1AsWUFBWTtZQUNaLFNBQVM7WUFDVCxnQkFBZ0I7WUFDaEIsWUFBWTtZQUNaLFlBQVk7WUFDWixlQUFlO1lBQ2YsZ0JBQWdCO1lBQ2hCLG1CQUFtQjtTQUNwQjt1RkFLVSxnQkFBZ0I7Y0FsQjVCLFFBQVE7ZUFBQztnQkFDUixZQUFZLEVBQUU7b0JBQ1osa0JBQWtCO2lCQUNuQjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1AsWUFBWTtvQkFDWixTQUFTO29CQUNULGdCQUFnQjtvQkFDaEIsWUFBWTtvQkFDWixZQUFZO29CQUNaLGVBQWU7b0JBQ2YsZ0JBQWdCO29CQUNoQixtQkFBbUI7aUJBQ3BCO2dCQUNELE9BQU8sRUFBRTtvQkFDUCxrQkFBa0I7aUJBQ25CO2FBQ0Y7O3dGQUNZLGdCQUFnQixtQkFoQnpCLGtCQUFrQixhQUdsQixZQUFZO1FBQ1osU0FBUztRQUNULGdCQUFnQjtRQUNoQixZQUFZO1FBQ1osWUFBWTtRQUNaLGVBQWU7UUFDZixnQkFBZ0I7UUFDaEIsbUJBQW1CLGFBR25CLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQXV0b0xheW91dE1vZHVsZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9mcmFtZXMvYXV0by1sYXlvdXQnO1xuaW1wb3J0IHsgU2Nyb2xsTW9kdWxlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9zY3JvbGwnO1xuaW1wb3J0IHsgU21hcnRUYWJsZU1vZHVsZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvc21hcnQtdGFibGUnO1xuaW1wb3J0IHsgQmFja05hdmlnYXRvck1vZHVsZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvYmFjay1uYXZpZ2F0b3InO1xuaW1wb3J0IHsgUGFnaW5hdG9yTW9kdWxlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9wYWdpbmF0b3InO1xuXG5pbXBvcnQgeyBTbWFydEluZGV4VGVtcGxhdGUgfSBmcm9tICcuL3NtYXJ0LWluZGV4LnRlbXBsYXRlJztcblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBTbWFydEluZGV4VGVtcGxhdGVcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICAvLyBGcmFtZXNcbiAgICBBdXRvTGF5b3V0TW9kdWxlLFxuICAgIFNjcm9sbE1vZHVsZSxcbiAgICAvLyBPcmdhbmlzbXNcbiAgICBQYWdpbmF0b3JNb2R1bGUsXG4gICAgU21hcnRUYWJsZU1vZHVsZSxcbiAgICBCYWNrTmF2aWdhdG9yTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgU21hcnRJbmRleFRlbXBsYXRlXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgU21hcnRJbmRleE1vZHVsZSB7IH1cbiJdfQ==

package/esm2020/templates/smart-index/smart-index.template.mjs

@@ -0,0 +1,118 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import { PageEvent } from '@angular/material/paginator';
+import { FormControl } from '@ngneat/reactive-forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@ng-atomic/components/frames/scroll";
+import * as i2 from "@ng-atomic/components/organisms/back-navigator";
+import * as i3 from "@ng-atomic/components/frames/auto-layout";
+import * as i4 from "@ng-atomic/components/organisms/smart-table";
+import * as i5 from "@angular/common";
+import * as i6 from "@ng-atomic/components/organisms/paginator";
+function SmartIndexTemplate_organisms_paginator_4_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "organisms-paginator", 4);
+    i0.ɵɵlistener("pageChange", function SmartIndexTemplate_organisms_paginator_4_Template_organisms_paginator_pageChange_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r1 = i0.ɵɵnextContext(); return ctx_r1.pageChange.emit($event); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("control", ctx_r0.queryControl)("page", ctx_r0.page)("pageSizeOptions", ctx_r0.pageSizeOptions)("placeholder", ctx_r0.queryPlaceholder);
+} }
+export class Page {
+    static fromObj(event = { pageSize: 50, pageIndex: 0, length: 100 }) {
+        return Object.assign(new Page(), event);
+    }
+    get start() {
+        return this.pageIndex * this.pageSize;
+    }
+    get end() {
+        return Math.min((this.pageIndex + 1) * this.pageSize, this.length);
+    }
+    patch(obj) {
+        return Page.fromObj({ ...this, ...obj });
+    }
+}
+export class SmartIndexTemplate {
+    constructor() {
+        this.canBack = false;
+        this.queryControl = new FormControl();
+        this.title = '';
+        this.items = [];
+        this.actionItems = [];
+        this.menuActionItems = [];
+        this.properties = [];
+        this.selectedIdSet = new Set();
+        this.page = {
+            pageIndex: 0,
+            pageSize: 20,
+            length: 100,
+        };
+        this.pageSizeOptions = [5, 10, 25, 100];
+        this.queryPlaceholder = '';
+        this.actionItemClick = new EventEmitter();
+        this.backButtonClick = new EventEmitter();
+        this.checkboxClick = new EventEmitter();
+        this.pageChange = new EventEmitter();
+        this.tableHeaderClick = new EventEmitter();
+    }
+}
+SmartIndexTemplate.ɵfac = function SmartIndexTemplate_Factory(t) { return new (t || SmartIndexTemplate)(); };
+SmartIndexTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartIndexTemplate, selectors: [["templates-smart-index"]], hostAttrs: [1, "template"], 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" }, decls: 5, vars: 11, consts: [["navigator", "", 3, "canBack", "title", "description", "actionItems", "actionItemClick", "backButtonClick"], ["vertical", "", "contents", ""], [3, "items", "actionItems", "columns", "selectedIdSet", "sortKey", "sortOrder", "actionItemClick", "checkboxClick", "headerClick"], [3, "control", "page", "pageSizeOptions", "placeholder", "pageChange", 4, "ngIf"], [3, "control", "page", "pageSizeOptions", "placeholder", "pageChange"]], template: function SmartIndexTemplate_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "frames-scroll")(1, "organisms-back-navigator", 0);
+        i0.ɵɵlistener("actionItemClick", function SmartIndexTemplate_Template_organisms_back_navigator_actionItemClick_1_listener($event) { return ctx.actionItemClick.emit($event); })("backButtonClick", function SmartIndexTemplate_Template_organisms_back_navigator_backButtonClick_1_listener() { return ctx.backButtonClick.emit(); });
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(2, "frames-auto-layout", 1)(3, "organisms-smart-table", 2);
+        i0.ɵɵlistener("actionItemClick", function SmartIndexTemplate_Template_organisms_smart_table_actionItemClick_3_listener($event) { return ctx.actionItemClick.emit($event); })("checkboxClick", function SmartIndexTemplate_Template_organisms_smart_table_checkboxClick_3_listener($event) { return ctx.checkboxClick.emit($event); })("headerClick", function SmartIndexTemplate_Template_organisms_smart_table_headerClick_3_listener($event) { return ctx.tableHeaderClick.emit($event); });
+        i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(4, SmartIndexTemplate_organisms_paginator_4_Template, 1, 4, "organisms-paginator", 3);
+        i0.ɵɵelementEnd()();
+    } if (rf & 2) {
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("canBack", ctx.canBack)("title", ctx.title)("description", ctx.description)("actionItems", ctx.menuActionItems);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("items", ctx.items)("actionItems", ctx.actionItems)("columns", ctx.properties)("selectedIdSet", ctx.selectedIdSet)("sortKey", ctx.sortKey)("sortOrder", ctx.sortOrder);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.page);
+    } }, directives: [i1.ScrollFrame, i2.BackNavigatorOrganism, i3.AutoLayoutFrame, i4.SmartTableOrganism, i5.NgIf, i6.PaginatorOrganism], styles: ["[_nghost-%COMP%]{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-yKv4: 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 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartIndexTemplate, [{
+        type: Component,
+        args: [{ selector: 'templates-smart-index', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, 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-yKv4: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"] }]
+    }], null, { canBack: [{
+            type: Input
+        }], queryControl: [{
+            type: Input
+        }], title: [{
+            type: Input
+        }], description: [{
+            type: Input
+        }], items: [{
+            type: Input
+        }], actionItems: [{
+            type: Input
+        }], menuActionItems: [{
+            type: Input
+        }], properties: [{
+            type: Input
+        }], selectedIdSet: [{
+            type: Input
+        }], sortKey: [{
+            type: Input
+        }], sortOrder: [{
+            type: Input
+        }], page: [{
+            type: Input
+        }], pageSizeOptions: [{
+            type: Input
+        }], queryPlaceholder: [{
+            type: Input
+        }], actionItemClick: [{
+            type: Output
+        }], backButtonClick: [{
+            type: Output
+        }], checkboxClick: [{
+            type: Output
+        }], pageChange: [{
+            type: Output
+        }], tableHeaderClick: [{
+            type: Output
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtaW5kZXgudGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL3RlbXBsYXRlcy9zbWFydC1pbmRleC9zbWFydC1pbmRleC50ZW1wbGF0ZS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvdGVtcGxhdGVzL3NtYXJ0LWluZGV4L3NtYXJ0LWluZGV4LnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFeEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7Ozs7Ozs7O0lDbUJqRCw4Q0FPQztJQURDLDRNQUFjLDhCQUF1QixJQUFDO0lBQ3ZDLGlCQUFzQjs7O0lBTHJCLDZDQUF3QixxQkFBQSwyQ0FBQSx3Q0FBQTs7QURqQjlCLE1BQU0sT0FBTyxJQUFJO0lBQ2YsTUFBTSxDQUFDLE9BQU8sQ0FBQyxRQUFtQixFQUFDLFFBQVEsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFDO1FBQ3pFLE9BQU8sTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLElBQUksRUFBRSxFQUFFLEtBQUssQ0FBQyxDQUFDO0lBQzFDLENBQUM7SUFFRCxJQUFJLEtBQUs7UUFDUCxPQUFPLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN4QyxDQUFDO0lBRUQsSUFBSSxHQUFHO1FBQ0wsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNyRSxDQUFDO0lBRUQsS0FBSyxDQUFDLEdBQXVCO1FBQzNCLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxFQUFDLEdBQUcsSUFBSSxFQUFFLEdBQUcsR0FBRyxFQUFDLENBQUMsQ0FBQztJQUN6QyxDQUFDO0NBQ0Y7QUFTRCxNQUFNLE9BQU8sa0JBQWtCO0lBUC9CO1FBVUUsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUdoQixpQkFBWSxHQUFHLElBQUksV0FBVyxFQUFVLENBQUM7UUFHekMsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQU1uQixVQUFLLEdBQVEsRUFBRSxDQUFDO1FBR2hCLGdCQUFXLEdBQWlCLEVBQUUsQ0FBQztRQUcvQixvQkFBZSxHQUFpQixFQUFFLENBQUM7UUFHbkMsZUFBVSxHQUFpQixFQUFFLENBQUM7UUFHOUIsa0JBQWEsR0FBRyxJQUFJLEdBQUcsRUFBVSxDQUFDO1FBU2xDLFNBQUksR0FBZTtZQUNqQixTQUFTLEVBQUUsQ0FBQztZQUNaLFFBQVEsRUFBRSxFQUFFO1lBQ1osTUFBTSxFQUFFLEdBQUc7U0FDWixDQUFDO1FBR0Ysb0JBQWUsR0FBYSxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBRzdDLHFCQUFnQixHQUFHLEVBQUUsQ0FBQztRQUd0QixvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFHckMsb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBR3JDLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQUssQ0FBQztRQUd0QyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQWEsQ0FBQztRQUczQyxxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0tBRS9DOztvRkEvRFksa0JBQWtCO3FFQUFsQixrQkFBa0I7UUNoQy9CLHFDQUFlLGtDQUFBO1FBTVgsMklBQW1CLGdDQUE0QixJQUFDLHdIQUM3QiwwQkFBc0IsSUFETztRQUdqRCxpQkFBMkI7UUFDNUIsNkNBQXNDLCtCQUFBO1FBUWxDLHdJQUFtQixnQ0FBNEIsSUFBQyx1SEFDL0IsOEJBQTBCLElBREssbUhBRWpDLGlDQUE2QixJQUZJO1FBR2pELGlCQUF3QjtRQUN6QixtR0FPdUI7UUFDekIsaUJBQXFCLEVBQUE7O1FBNUJuQixlQUFtQjtRQUFuQixxQ0FBbUIsb0JBQUEsZ0NBQUEsb0NBQUE7UUFVakIsZUFBZTtRQUFmLGlDQUFlLGdDQUFBLDJCQUFBLG9DQUFBLHdCQUFBLDRCQUFBO1FBV2QsZUFBVTtRQUFWLCtCQUFVOzt1RkRTSixrQkFBa0I7Y0FQOUIsU0FBUzsyQkFDRSx1QkFBdUIsbUJBR2hCLHVCQUF1QixDQUFDLE1BQU0sUUFDekMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFO2dCQUszQixPQUFPO2tCQUROLEtBQUs7WUFJTixZQUFZO2tCQURYLEtBQUs7WUFJTixLQUFLO2tCQURKLEtBQUs7WUFJTixXQUFXO2tCQURWLEtBQUs7WUFJTixLQUFLO2tCQURKLEtBQUs7WUFJTixXQUFXO2tCQURWLEtBQUs7WUFJTixlQUFlO2tCQURkLEtBQUs7WUFJTixVQUFVO2tCQURULEtBQUs7WUFJTixhQUFhO2tCQURaLEtBQUs7WUFJTixPQUFPO2tCQUROLEtBQUs7WUFJTixTQUFTO2tCQURSLEtBQUs7WUFJTixJQUFJO2tCQURILEtBQUs7WUFRTixlQUFlO2tCQURkLEtBQUs7WUFJTixnQkFBZ0I7a0JBRGYsS0FBSztZQUlOLGVBQWU7a0JBRGQsTUFBTTtZQUlQLGVBQWU7a0JBRGQsTUFBTTtZQUlQLGFBQWE7a0JBRFosTUFBTTtZQUlQLFVBQVU7a0JBRFQsTUFBTTtZQUlQLGdCQUFnQjtrQkFEZixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQYWdlRXZlbnQgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9wYWdpbmF0b3InO1xuaW1wb3J0IHsgQWN0aW9uSXRlbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL21vZGVscyc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0BuZ25lYXQvcmVhY3RpdmUtZm9ybXMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFBhZ2UgZXh0ZW5kcyBQYWdlRXZlbnQgeyB9XG5cbmV4cG9ydCBjbGFzcyBQYWdlIHtcbiAgc3RhdGljIGZyb21PYmooZXZlbnQ6IFBhZ2VFdmVudCA9IHtwYWdlU2l6ZTogNTAsIHBhZ2VJbmRleDogMCwgbGVuZ3RoOiAxMDB9KTogUGFnZSB7XG4gICAgcmV0dXJuIE9iamVjdC5hc3NpZ24obmV3IFBhZ2UoKSwgZXZlbnQpO1xuICB9XG5cbiAgZ2V0IHN0YXJ0KCk6IG51bWJlciB7XG4gICAgcmV0dXJuIHRoaXMucGFnZUluZGV4ICogdGhpcy5wYWdlU2l6ZTtcbiAgfVxuXG4gIGdldCBlbmQoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gTWF0aC5taW4oKHRoaXMucGFnZUluZGV4ICsgMSkgKiB0aGlzLnBhZ2VTaXplLCB0aGlzLmxlbmd0aCk7XG4gIH1cblxuICBwYXRjaChvYmo6IFBhcnRpYWw8UGFnZUV2ZW50Pik6IFBhZ2Uge1xuICAgIHJldHVybiBQYWdlLmZyb21PYmooey4uLnRoaXMsIC4uLm9ian0pO1xuICB9XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RlbXBsYXRlcy1zbWFydC1pbmRleCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zbWFydC1pbmRleC50ZW1wbGF0ZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc21hcnQtaW5kZXgudGVtcGxhdGUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDogeyBjbGFzczogJ3RlbXBsYXRlJyB9LFxufSlcbmV4cG9ydCBjbGFzcyBTbWFydEluZGV4VGVtcGxhdGU8VD4ge1xuXG4gIEBJbnB1dCgpXG4gIGNhbkJhY2sgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBxdWVyeUNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2w8c3RyaW5nPigpO1xuXG4gIEBJbnB1dCgpXG4gIHRpdGxlOiBzdHJpbmcgPSAnJztcblxuICBASW5wdXQoKVxuICBkZXNjcmlwdGlvbj86IHN0cmluZztcblxuICBASW5wdXQoKVxuICBpdGVtczogVFtdID0gW107XG5cbiAgQElucHV0KClcbiAgYWN0aW9uSXRlbXM6IEFjdGlvbkl0ZW1bXSA9IFtdO1xuXG4gIEBJbnB1dCgpXG4gIG1lbnVBY3Rpb25JdGVtczogQWN0aW9uSXRlbVtdID0gW107XG5cbiAgQElucHV0KClcbiAgcHJvcGVydGllczogKGtleW9mIFQpW10gPSAgW107XG5cbiAgQElucHV0KClcbiAgc2VsZWN0ZWRJZFNldCA9IG5ldyBTZXQ8c3RyaW5nPigpO1xuXG4gIEBJbnB1dCgpXG4gIHNvcnRLZXk/OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgc29ydE9yZGVyPzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHBhZ2U/OiBQYWdlRXZlbnQgPSB7XG4gICAgcGFnZUluZGV4OiAwLFxuICAgIHBhZ2VTaXplOiAyMCxcbiAgICBsZW5ndGg6IDEwMCxcbiAgfTtcblxuICBASW5wdXQoKVxuICBwYWdlU2l6ZU9wdGlvbnM6IG51bWJlcltdID0gWzUsIDEwLCAyNSwgMTAwXTtcblxuICBASW5wdXQoKVxuICBxdWVyeVBsYWNlaG9sZGVyID0gJyc7XG5cbiAgQE91dHB1dCgpXG4gIGFjdGlvbkl0ZW1DbGljayA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBAT3V0cHV0KClcbiAgYmFja0J1dHRvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBPdXRwdXQoKVxuICBjaGVja2JveENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxUPigpO1xuXG4gIEBPdXRwdXQoKVxuICBwYWdlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxQYWdlRXZlbnQ+KCk7XG5cbiAgQE91dHB1dCgpXG4gIHRhYmxlSGVhZGVyQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxufVxuIiwiPGZyYW1lcy1zY3JvbGw+XG4gIDxvcmdhbmlzbXMtYmFjay1uYXZpZ2F0b3JcbiAgICBbY2FuQmFja109XCJjYW5CYWNrXCJcbiAgICBbdGl0bGVdPVwidGl0bGVcIlxuICAgIFtkZXNjcmlwdGlvbl09XCJkZXNjcmlwdGlvblwiXG4gICAgW2FjdGlvbkl0ZW1zXT1cIm1lbnVBY3Rpb25JdGVtc1wiXG4gICAgKGFjdGlvbkl0ZW1DbGljayk9XCJhY3Rpb25JdGVtQ2xpY2suZW1pdCgkZXZlbnQpXCJcbiAgICAoYmFja0J1dHRvbkNsaWNrKT1cImJhY2tCdXR0b25DbGljay5lbWl0KClcIlxuICAgIG5hdmlnYXRvclxuICA+PC9vcmdhbmlzbXMtYmFjay1uYXZpZ2F0b3I+XG4gIDxmcmFtZXMtYXV0by1sYXlvdXQgdmVydGljYWwgY29udGVudHM+XG4gICAgPG9yZ2FuaXNtcy1zbWFydC10YWJsZVxuICAgICAgW2l0ZW1zXT1cIml0ZW1zXCJcbiAgICAgIFthY3Rpb25JdGVtc109XCJhY3Rpb25JdGVtc1wiXG4gICAgICBbY29sdW1uc109XCJwcm9wZXJ0aWVzXCJcbiAgICAgIFtzZWxlY3RlZElkU2V0XT1cInNlbGVjdGVkSWRTZXRcIlxuICAgICAgW3NvcnRLZXldPVwic29ydEtleVwiXG4gICAgICBbc29ydE9yZGVyXT1cInNvcnRPcmRlclwiXG4gICAgICAoYWN0aW9uSXRlbUNsaWNrKT1cImFjdGlvbkl0ZW1DbGljay5lbWl0KCRldmVudClcIlxuICAgICAgKGNoZWNrYm94Q2xpY2spPVwiY2hlY2tib3hDbGljay5lbWl0KCRldmVudClcIlxuICAgICAgKGhlYWRlckNsaWNrKT1cInRhYmxlSGVhZGVyQ2xpY2suZW1pdCgkZXZlbnQpXCJcbiAgICA+PC9vcmdhbmlzbXMtc21hcnQtdGFibGU+XG4gICAgPG9yZ2FuaXNtcy1wYWdpbmF0b3JcbiAgICAgICpuZ0lmPVwicGFnZVwiXG4gICAgICBbY29udHJvbF09XCJxdWVyeUNvbnRyb2xcIlxuICAgICAgW3BhZ2VdPVwicGFnZVwiXG4gICAgICBbcGFnZVNpemVPcHRpb25zXT1cInBhZ2VTaXplT3B0aW9uc1wiXG4gICAgICBbcGxhY2Vob2xkZXJdPVwicXVlcnlQbGFjZWhvbGRlclwiXG4gICAgICAocGFnZUNoYW5nZSk9XCJwYWdlQ2hhbmdlLmVtaXQoJGV2ZW50KVwiXG4gICAgPjwvb3JnYW5pc21zLXBhZ2luYXRvcj5cbiAgPC9mcmFtZXMtYXV0by1sYXlvdXQ+XG48L2ZyYW1lcy1zY3JvbGw+Il19

package/fesm2015/ng-atomic-components-atoms-chips-input.mjs

@@ -0,0 +1,142 @@
+import { ENTER, COMMA, SPACE } from '@angular/cdk/keycodes';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import { FormControl } from '@ngneat/reactive-forms';
+import { ReplaySubject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import * as i1 from '@ng-atomic/common/services/chips-manager';
+import { ChipsManager } from '@ng-atomic/common/services/chips-manager';
+import * as i2 from '@angular/material/chips';
+import { MatChipsModule } from '@angular/material/chips';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i4 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i5 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import { ReactiveFormsModule } from '@angular/forms';
+
+function ChipsInputAtom_mat_chip_2_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r4 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "mat-chip", 3);
+        i0.ɵɵlistener("removed", function ChipsInputAtom_mat_chip_2_Template_mat_chip_removed_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r4); const chip_r2 = restoredCtx.$implicit; const ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.remove(chip_r2); });
+        i0.ɵɵtext(1);
+        i0.ɵɵelementStart(2, "mat-icon", 4);
+        i0.ɵɵtext(3, "cancel");
+        i0.ɵɵelementEnd()();
+    }
+    if (rf & 2) {
+        const chip_r2 = ctx.$implicit;
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate1(" ", chip_r2, " ");
+    }
+}
+class ChipsInputAtom {
+    constructor(cd, chipsManager) {
+        this.cd = cd;
+        this.chipsManager = chipsManager;
+        this.destroy$ = new ReplaySubject(1);
+        this.separators = [ENTER, COMMA, SPACE];
+        this.control = new FormControl('');
+        this.placeholder = '';
+    }
+    ngOnInit() {
+        this.chipsManager.setValue(this.control.value);
+        this.control.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value) => {
+            this.chipsManager.setValue(value);
+            this.cd.markForCheck();
+        });
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+    }
+    onChiInputTokenEnd(event) {
+        this.chipsManager.add(event.value);
+        this.control.setValue(this.chipsManager.getValue());
+        event.input.value = '';
+    }
+    remove(value) {
+        this.chipsManager.remove(value);
+        this.control.setValue(this.chipsManager.getValue());
+    }
+}
+ChipsInputAtom.ɵfac = function ChipsInputAtom_Factory(t) { return new (t || ChipsInputAtom)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.ChipsManager)); };
+ChipsInputAtom.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ChipsInputAtom, selectors: [["atoms-chips-input"]], inputs: { separators: "separators", control: "control", placeholder: "placeholder" }, features: [i0.ɵɵProvidersFeature([ChipsManager])], decls: 4, vars: 5, consts: [["chipList", ""], [3, "removed", 4, "ngFor", "ngForOf"], ["matInput", "", 3, "placeholder", "matChipInputFor", "matChipInputSeparatorKeyCodes", "matChipInputAddOnBlur", "matChipInputTokenEnd"], [3, "removed"], ["matChipRemove", ""]], template: function ChipsInputAtom_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "mat-chip-list", null, 0);
+            i0.ɵɵtemplate(2, ChipsInputAtom_mat_chip_2_Template, 4, 1, "mat-chip", 1);
+            i0.ɵɵelementStart(3, "input", 2);
+            i0.ɵɵlistener("matChipInputTokenEnd", function ChipsInputAtom_Template_input_matChipInputTokenEnd_3_listener($event) { return ctx.onChiInputTokenEnd($event); });
+            i0.ɵɵelementEnd()();
+        }
+        if (rf & 2) {
+            const _r0 = i0.ɵɵreference(1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngForOf", ctx.chipsManager.chips);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("placeholder", ctx.placeholder)("matChipInputFor", _r0)("matChipInputSeparatorKeyCodes", ctx.separators)("matChipInputAddOnBlur", true);
+        }
+    }, directives: [i2.MatChipList, i3.NgForOf, i2.MatChip, i4.MatIcon, i2.MatChipRemove, i5.MatInput, i2.MatChipInput], styles: [""], changeDetection: 0 });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChipsInputAtom, [{
+            type: Component,
+            args: [{ selector: 'atoms-chips-input', changeDetection: ChangeDetectionStrategy.OnPush, providers: [ChipsManager], template: "<mat-chip-list #chipList>\n  <mat-chip *ngFor=\"let chip of chipsManager.chips\" (removed)=\"remove(chip)\">\n    {{chip}} <mat-icon matChipRemove>cancel</mat-icon>\n  </mat-chip>\n  <input\n    matInput\n    [placeholder]=\"placeholder\"\n    [matChipInputFor]=\"chipList\"\n    [matChipInputSeparatorKeyCodes]=\"separators\"\n    [matChipInputAddOnBlur]=\"true\"\n    (matChipInputTokenEnd)=\"onChiInputTokenEnd($event)\"\n  >\n</mat-chip-list>\n", styles: [""] }]
+        }], function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.ChipsManager }]; }, { separators: [{
+                type: Input
+            }], control: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }] });
+})();
+
+class ChipsInputModule {
+}
+ChipsInputModule.ɵfac = function ChipsInputModule_Factory(t) { return new (t || ChipsInputModule)(); };
+ChipsInputModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: ChipsInputModule, bootstrap: [ChipsInputAtom] });
+ChipsInputModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            ReactiveFormsModule,
+            // Materials
+            MatChipsModule,
+            MatIconModule,
+            MatInputModule,
+        ]] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChipsInputModule, [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ChipsInputAtom
+                    ],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        // Materials
+                        MatChipsModule,
+                        MatIconModule,
+                        MatInputModule,
+                    ],
+                    exports: [
+                        ChipsInputAtom
+                    ],
+                    bootstrap: [ChipsInputAtom],
+                }]
+        }], null, null);
+})();
+(function () {
+    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ChipsInputModule, { declarations: [ChipsInputAtom], imports: [CommonModule,
+            ReactiveFormsModule,
+            // Materials
+            MatChipsModule,
+            MatIconModule,
+            MatInputModule], exports: [ChipsInputAtom] });
+})();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ChipsInputAtom, ChipsInputModule };
+//# sourceMappingURL=ng-atomic-components-atoms-chips-input.mjs.map

package/fesm2015/ng-atomic-components-atoms-chips-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-atoms-chips-input.mjs","sources":["../../../../libs/components/src/atoms/chips-input/chips-input.atom.html","../../../../libs/components/src/atoms/chips-input/chips-input.atom.ts","../../../../libs/components/src/atoms/chips-input/chips-input.module.ts","../../../../libs/components/src/atoms/chips-input/ng-atomic-components-atoms-chips-input.ts"],"sourcesContent":["<mat-chip-list #chipList>\n  <mat-chip *ngFor=\"let chip of chipsManager.chips\" (removed)=\"remove(chip)\">\n    {{chip}} <mat-icon matChipRemove>cancel</mat-icon>\n  </mat-chip>\n  <input\n    matInput\n    [placeholder]=\"placeholder\"\n    [matChipInputFor]=\"chipList\"\n    [matChipInputSeparatorKeyCodes]=\"separators\"\n    [matChipInputAddOnBlur]=\"true\"\n    (matChipInputTokenEnd)=\"onChiInputTokenEnd($event)\"\n  >\n</mat-chip-list>\n","import { COMMA, ENTER, SPACE } from '@angular/cdk/keycodes';\nimport { Component, OnInit, ChangeDetectionStrategy, Input, ChangeDetectorRef } from '@angular/core';\nimport { MatChipInputEvent } from '@angular/material/chips';\nimport { FormControl } from '@ngneat/reactive-forms';\nimport { ReplaySubject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { ChipsManager } from '@ng-atomic/common/services/chips-manager';\n\n\n@Component({\n  selector: 'atoms-chips-input',\n  templateUrl: './chips-input.atom.html',\n  styleUrls: ['./chips-input.atom.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [ChipsManager],\n})\nexport class ChipsInputAtom implements OnInit {\n  private readonly destroy$ = new ReplaySubject<void>(1);\n\n  @Input()\n  separators = [ENTER, COMMA, SPACE] as const;\n\n  @Input()\n  control = new FormControl<string>('');\n\n  @Input()\n  placeholder = '';\n\n  constructor(\n    private cd: ChangeDetectorRef,\n    public chipsManager: ChipsManager,\n  ) { }\n\n  ngOnInit(): void {\n    this.chipsManager.setValue(this.control.value);\n    this.control.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value) => {\n      this.chipsManager.setValue(value);\n      this.cd.markForCheck();\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.destroy$.next();\n  }\n\n  onChiInputTokenEnd(event: MatChipInputEvent): void {\n    this.chipsManager.add(event.value);\n    this.control.setValue(this.chipsManager.getValue());\n    event.input.value = '';\n  }\n\n  remove(value: string): void {\n    this.chipsManager.remove(value);\n    this.control.setValue(this.chipsManager.getValue());\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatChipsModule } from '@angular/material/chips';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\nimport { ChipsInputAtom } from './chips-input.atom';\n\n\n@NgModule({\n  declarations: [\n    ChipsInputAtom\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    // Materials\n    MatChipsModule,\n    MatIconModule,\n    MatInputModule,\n  ],\n  exports: [\n    ChipsInputAtom\n  ],\n  bootstrap: [ChipsInputAtom],\n})\nexport class ChipsInputModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}