@acorex/components 6.5.91 → 6.6.1

package/esm2022/lib/tab-page/tab-page.service.mjs

@@ -0,0 +1,159 @@
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+import { AXHtmlUtil } from '@acorex/core';
+import { TAB_META_KEY, AXPageClosedPromise } from '../base/base-page.class';
+import * as _ from 'lodash';
+import * as i0 from "@angular/core";
+export class AXTabPageService {
+    tabs = new Array();
+    opened = new Subject();
+    activated = new Subject();
+    closed = new Subject();
+    changed = new Subject();
+    constructor() { }
+    open(arg1, arg2, arg3) {
+        let newTab;
+        if (typeof arg1 === 'object') {
+            const options = Object.assign({ closable: true }, arg1);
+            newTab = {
+                title: options.title,
+                closable: options.closable,
+                content: options.content,
+                data: options.data,
+                pinned: options.pinned
+            };
+        }
+        else {
+            newTab = {
+                title: arg2,
+                closable: true,
+                content: arg1,
+                data: arg3,
+            };
+        }
+        newTab[TAB_META_KEY] = {};
+        newTab[TAB_META_KEY].uid = AXHtmlUtil.getUID();
+        if (newTab?.data) {
+            newTab[TAB_META_KEY].oldData = _.cloneDeep(newTab.data);
+        }
+        //
+        const existTab = this.tabs.find((c) => newTab[TAB_META_KEY].uid && c[TAB_META_KEY].uid === newTab[TAB_META_KEY].uid) ||
+            this.findExistTab(newTab.content, newTab.data);
+        //
+        if (existTab) {
+            return Promise.resolve(this.active(existTab));
+        }
+        this.tabs.push(newTab);
+        this.tabs
+            .filter((c) => c[TAB_META_KEY].uid !== newTab[TAB_META_KEY].uid)
+            .forEach((t) => {
+            t[TAB_META_KEY].active = false;
+        });
+        this.opened.next(newTab);
+        this.active(newTab);
+        const promise = new AXPageClosedPromise((resolve) => {
+            newTab[TAB_META_KEY].close = (e) => {
+                if (resolve) {
+                    delete e.cancel;
+                    resolve(e);
+                }
+            };
+        });
+        promise['closeMethod'] = () => { this.close(newTab); };
+        return promise;
+    }
+    close(tab) {
+        const e = { cancel: false };
+        const closingFunc = tab[TAB_META_KEY].component?.onClosing;
+        if (closingFunc) {
+            const res = closingFunc(e);
+            if (res instanceof Promise) {
+                res.then(() => {
+                    if (e == null || e.cancel !== true) {
+                        this.doCloseAction(tab, e);
+                    }
+                });
+            }
+            else {
+                if (e == null || e.cancel !== true) {
+                    this.doCloseAction(tab, e);
+                }
+            }
+        }
+        else {
+            this.doCloseAction(tab, e);
+        }
+    }
+    doCloseAction(tab, e) {
+        const currentTab = this.tabs.find((c) => c[TAB_META_KEY].uid == tab[TAB_META_KEY].uid);
+        if (!currentTab) {
+            return;
+        }
+        const index = this.tabs.indexOf(currentTab);
+        this.tabs = this.tabs.filter(c => c != currentTab);
+        const prev = index > 0 ? this.tabs[index - 1] : this.tabs[0];
+        if (prev) {
+            this.active(prev);
+        }
+        this.closed.next(currentTab);
+        this.changed.next(null);
+        if (currentTab[TAB_META_KEY].close) {
+            currentTab[TAB_META_KEY].close(e);
+        }
+    }
+    active(arg1) {
+        if (!arg1) {
+            return {
+                sender: this.tabs.find((c) => c[TAB_META_KEY].active === true)
+            };
+        }
+        if (typeof arg1 === 'object') {
+            const tab = arg1;
+            tab[TAB_META_KEY].active = true;
+            this.tabs
+                .filter((c) => c[TAB_META_KEY].uid !== tab[TAB_META_KEY].uid)
+                .forEach((t) => {
+                t[TAB_META_KEY].active = false;
+            });
+            this.activated.next(tab);
+            this.changed.next(null);
+            return {
+                sender: tab
+            };
+        }
+        else if (typeof arg1 === 'string') {
+            const tab = this.tabs.find((c) => c[TAB_META_KEY].uid === arg1);
+            if (tab) {
+                return this.active(tab);
+            }
+            return null;
+        }
+    }
+    clear() {
+        this.tabs.forEach((c) => {
+            this.close(c);
+        });
+        this.tabs = [];
+    }
+    findExistTab(component, data) {
+        try {
+            if (!data) {
+                data = {};
+            }
+            const result = this.tabs.find((c) => c.content === component &&
+                ((!c.data) ||
+                    JSON.parse(JSON.stringify(data)) === JSON.parse(JSON.stringify(c.data)) || JSON.stringify(data) === JSON.stringify(c[TAB_META_KEY].oldData)));
+            return result;
+        }
+        catch (error) {
+            return null;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXTabPageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXTabPageService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXTabPageService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLXBhZ2Uuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL3RhYi1wYWdlL3RhYi1wYWdlLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDMUMsT0FBTyxFQUErQixZQUFZLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RyxPQUFPLEtBQUssQ0FBQyxNQUFNLFFBQVEsQ0FBQzs7QUFjNUIsTUFBTSxPQUFPLGdCQUFnQjtJQUkzQixJQUFJLEdBQWdCLElBQUksS0FBSyxFQUFhLENBQUM7SUFDM0MsTUFBTSxHQUFHLElBQUksT0FBTyxFQUFhLENBQUM7SUFDbEMsU0FBUyxHQUFHLElBQUksT0FBTyxFQUFhLENBQUM7SUFDckMsTUFBTSxHQUFHLElBQUksT0FBTyxFQUFhLENBQUM7SUFDbEMsT0FBTyxHQUFHLElBQUksT0FBTyxFQUFFLENBQUM7SUFJeEIsZ0JBQWdCLENBQUM7SUFNakIsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFLLEVBQUUsSUFBSztRQUNyQixJQUFJLE1BQWlCLENBQUM7UUFDdEIsSUFBSSxPQUFPLElBQUksS0FBSyxRQUFRLEVBQUU7WUFDNUIsTUFBTSxPQUFPLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsRUFBRSxJQUFJLENBQUMsQ0FBQztZQUN4RCxNQUFNLEdBQUc7Z0JBQ1AsS0FBSyxFQUFFLE9BQU8sQ0FBQyxLQUFLO2dCQUNwQixRQUFRLEVBQUUsT0FBTyxDQUFDLFFBQVE7Z0JBQzFCLE9BQU8sRUFBRSxPQUFPLENBQUMsT0FBTztn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SSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUMvSSxDQUFDO1lBQ0YsT0FBTyxNQUFNLENBQUM7U0FDZjtRQUFDLE9BQU8sS0FBSyxFQUFFO1lBQ2QsT0FBTyxJQUFJLENBQUM7U0FDYjtJQUNILENBQUM7d0dBaktVLGdCQUFnQjs0R0FBaEIsZ0JBQWdCLGNBREgsTUFBTTs7NEZBQ25CLGdCQUFnQjtrQkFENUIsVUFBVTttQkFBQyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBBWEh0bWxVdGlsIH0gZnJvbSAnQGFjb3JleC9jb3JlJztcbmltcG9ydCB7IEFYUGFnZUNsb3NpbmcsIEFYUGFnZVJlc3VsdCwgVEFCX01FVEFfS0VZLCBBWFBhZ2VDbG9zZWRQcm9taXNlIH0gZnJvbSAnLi4vYmFzZS9iYXNlLXBhZ2UuY2xhc3MnO1xuaW1wb3J0ICogYXMgXyBmcm9tICdsb2Rhc2gnO1xuXG5cbmV4cG9ydCBpbnRlcmZhY2UgQVhUYWJQYWdlIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgY29udGVudDogYW55O1xuICBjbG9zYWJsZT86IGJvb2xlYW47XG4gIGRhdGE/OiBhbnk7XG4gIHBpbm5lZD86IGJvb2xlYW47XG59XG5cblxuXG5ASW5qZWN0YWJsZSh7IHByb3ZpZGVkSW46ICdyb290JyB9KVxuZXhwb3J0IGNsYXNzIEFYVGFiUGFnZVNlcnZpY2Uge1xuXG5cblxuICB0YWJzOiBBWFRhYlBhZ2VbXSA9IG5ldyBBcnJheTxBWFRhYlBhZ2U+KCk7XG4gIG9wZW5lZCA9IG5ldyBTdWJqZWN0PEFYVGFiUGFnZT4oKTtcbiAgYWN0aXZhdGVkID0gbmV3IFN1YmplY3Q8QVhUYWJQYWdlPigpO1xuICBjbG9zZWQgPSBuZXcgU3ViamVjdDxBWFRhYlBhZ2U+KCk7XG4gIGNoYW5nZWQgPSBuZXcgU3ViamVjdCgpO1xuXG5cblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG9wZW4oY29udGVudDogYW55LCB0aXRsZTogc3RyaW5nKTogQVhQYWdlQ2xvc2VkUHJvbWlzZTtcbiAgb3Blbihjb250ZW50OiBhbnksIHRpdGxlOiBzdHJpbmcsIGRhdGE/OiBhbnkpOiBBWFBhZ2VDbG9zZWRQcm9taXNlO1xuICBvcGVuKG9wdGlvbnM6IEFYVGFiUGFnZSk6IEFYUGFnZUNsb3NlZFByb21pc2U7XG5cbiAgb3BlbihhcmcxLCBhcmcyPywgYXJnMz8pIHtcbiAgICBsZXQgbmV3VGFiOiBBWFRhYlBhZ2U7XG4gICAgaWYgKHR5cGVvZiBhcmcxID09PSAnb2JqZWN0Jykge1xuICAgICAgY29uc3Qgb3B0aW9ucyA9IE9iamVjdC5hc3NpZ24oeyBjbG9zYWJsZTogdHJ1ZSB9LCBhcmcxKTtcbiAgICAgIG5ld1RhYiA9IHtcbiAgICAgICAgdGl0bGU6IG9wdGlvbnMudGl0bGUsXG4gICAgICAgIGNsb3NhYmxlOiBvcHRpb25zLmNsb3NhYmxlLFxuICAgICAgICBjb250ZW50OiBvcHRpb25zLmNvbnRlbnQsXG4gICAgICAgIGRhdGE6IG9wdGlvbnMuZGF0YSxcbiAgICAgICAgcGlubmVkOiBvcHRpb25zLnBpbm5lZFxuICAgICAgfTtcbiAgICB9IGVsc2Uge1xuICAgICAgbmV3VGFiID0ge1xuICAgICAgICB0aXRsZTogYXJnMixcbiAgICAgICAgY2xvc2FibGU6IHRydWUsXG4gICAgICAgIGNvbnRlbnQ6IGFyZzEsXG4gICAgICAgIGRhdGE6IGFyZzMsXG4gICAgICB9O1xuICAgIH1cbiAgICBuZXdUYWJbVEFCX01FVEFfS0VZXSA9IHt9O1xuICAgIG5ld1RhYltUQUJfTUVUQV9LRVldLnVpZCA9IEFYSHRtbFV0aWwuZ2V0VUlEKCk7XG4gICAgaWYgKG5ld1RhYj8uZGF0YSkge1xuICAgICAgbmV3VGFiW1RBQl9NRVRBX0tFWV0ub2xkRGF0YSA9IF8uY2xvbmVEZWVwKG5ld1RhYi5kYXRhKTtcbiAgICB9XG4gICAgLy9cbiAgICBjb25zdCBleGlzdFRhYiA9IHRoaXMudGFicy5maW5kKChjKSA9PiBuZXdUYWJbVEFCX01FVEFfS0VZXS51aWQgJiYgY1tUQUJfTUVUQV9LRVldLnVpZCA9PT0gbmV3VGFiW1RBQl9NRVRBX0tFWV0udWlkKSB8fFxuICAgICAgdGhpcy5maW5kRXhpc3RUYWIobmV3VGFiLmNvbnRlbnQsIG5ld1RhYi5kYXRhKTtcbiAgICAvL1xuICAgIGlmIChleGlzdFRhYikge1xuICAgICAgcmV0dXJuIFByb21pc2UucmVzb2x2ZSh0aGlzLmFjdGl2ZShleGlzdFRhYikpO1xuICAgIH1cbiAgICB0aGlzLnRhYnMucHVzaChuZXdUYWIpO1xuICAgIHRoaXMudGFic1xuICAgICAgLmZpbHRlcigoYykgPT4gY1tUQUJfTUVUQV9LRVldLnVpZCAhPT0gbmV3VGFiW1RBQl9NRVRBX0tFWV0udWlkKVxuICAgICAgLmZvckVhY2goKHQpID0+IHtcbiAgICAgICAgdFtUQUJfTUVUQV9LRVldLmFjdGl2ZSA9IGZhbHNlO1xuICAgICAgfSk7XG4gICAgdGhpcy5vcGVuZWQubmV4dChuZXdUYWIpO1xuICAgIHRoaXMuYWN0aXZlKG5ld1RhYik7XG4gICAgY29uc3QgcHJvbWlzZSA9IG5ldyBBWFBhZ2VDbG9zZWRQcm9taXNlKChyZXNvbHZlKSA9PiB7XG4gICAgICBuZXdUYWJbVEFCX01FVEFfS0VZXS5jbG9zZSA9IChlKSA9PiB7XG4gICAgICAgIGlmIChyZXNvbHZlKSB7XG4gICAgICAgICAgZGVsZXRlIGUuY2FuY2VsO1xuICAgICAgICAgIHJlc29sdmUoZSk7XG4gICAgICAgIH1cbiAgICAgIH07XG4gICAgfSk7XG4gICAgcHJvbWlzZVsnY2xvc2VNZXRob2QnXSA9ICgpID0+IHsgdGhpcy5jbG9zZShuZXdUYWIpOyB9O1xuICAgIHJldHVybiBwcm9taXNlO1xuICB9XG5cbiAgY2xvc2UodGFiOiBBWFRhYlBhZ2UpIHtcbiAgICBjb25zdCBlID0geyBjYW5jZWw6IGZhbHNlIH07XG4gICAgY29uc3QgY2xvc2luZ0Z1bmMgPSB0YWJbVEFCX01FVEFfS0VZXS5jb21wb25lbnQ/Lm9uQ2xvc2luZztcbiAgICBpZiAoY2xvc2luZ0Z1bmMpIHtcbiAgICAgIGNvbnN0IHJlcyA9IGNsb3NpbmdGdW5jKGUpO1xuICAgICAgaWYgKHJlcyBpbnN0YW5jZW9mIFByb21pc2UpIHtcbiAgICAgICAgcmVzLnRoZW4oKCkgPT4ge1xuICAgICAgICAgIGlmIChlID09IG51bGwgfHwgZS5jYW5jZWwgIT09IHRydWUpIHtcbiAgICAgICAgICAgIHRoaXMuZG9DbG9zZUFjdGlvbih0YWIsIGUpO1xuICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgICB9XG4gICAgICBlbHNlIHtcbiAgICAgICAgaWYgKGUgPT0gbnVsbCB8fCBlLmNhbmNlbCAhPT0gdHJ1ZSkge1xuICAgICAgICAgIHRoaXMuZG9DbG9zZUFjdGlvbih0YWIsIGUpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuZG9DbG9zZUFjdGlvbih0YWIsIGUpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgZG9DbG9zZUFjdGlvbih0YWI6IEFYVGFiUGFnZSwgZTogQVhQYWdlQ2xvc2luZyk6IHZvaWQge1xuICAgIGNvbnN0IGN1cnJlbnRUYWIgPSB0aGlzLnRhYnMuZmluZCgoYykgPT4gY1tUQUJfTUVUQV9LRVldLnVpZCA9PSB0YWJbVEFCX01FVEFfS0VZXS51aWQpO1xuICAgIGlmICghY3VycmVudFRhYikge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBjb25zdCBpbmRleCA9IHRoaXMudGFicy5pbmRleE9mKGN1cnJlbnRUYWIpO1xuICAgIHRoaXMudGFicyA9IHRoaXMudGFicy5maWx0ZXIoYyA9PiBjICE9IGN1cnJlbnRUYWIpO1xuICAgIGNvbnN0IHByZXYgPSBpbmRleCA+IDAgPyB0aGlzLnRhYnNbaW5kZXggLSAxXSA6IHRoaXMudGFic1swXTtcbiAgICBpZiAocHJldikge1xuICAgICAgdGhpcy5hY3RpdmUocHJldik7XG4gICAgfVxuICAgIHRoaXMuY2xvc2VkLm5leHQoY3VycmVudFRhYik7XG4gICAgdGhpcy5jaGFuZ2VkLm5leHQobnVsbCk7XG4gICAgaWYgKGN1cnJlbnRUYWJbVEFCX01FVEFfS0VZXS5jbG9zZSkge1xuICAgICAgY3VycmVudFRhYltUQUJfTUVUQV9LRVldLmNsb3NlKGUpO1xuICAgIH1cbiAgfVxuXG4gIGFjdGl2ZSh0YWI6IEFYVGFiUGFnZSk6IEFYUGFnZVJlc3VsdDtcbiAgYWN0aXZlKHVpZDogc3RyaW5nKTogQVhQYWdlUmVzdWx0O1xuICBhY3RpdmUoKTogQVhQYWdlUmVzdWx0O1xuICBhY3RpdmUoYXJnMT8pOiBBWFBhZ2VSZXN1bHQge1xuICAgIGlmICghYXJnMSkge1xuICAgICAgcmV0dXJuIHtcbiAgICAgICAgc2VuZGVyOiB0aGlzLnRhYnMuZmluZCgoYykgPT4gY1tUQUJfTUVUQV9LRVldLmFjdGl2ZSA9PT0gdHJ1ZSlcbiAgICAgIH1cbiAgICB9XG4gICAgaWYgKHR5cGVvZiBhcmcxID09PSAnb2JqZWN0Jykge1xuICAgICAgY29uc3QgdGFiID0gPEFYVGFiUGFnZT5hcmcxO1xuICAgICAgdGFiW1RBQl9NRVRBX0tFWV0uYWN0aXZlID0gdHJ1ZTtcbiAgICAgIHRoaXMudGFic1xuICAgICAgICAuZmlsdGVyKChjKSA9PiBjW1RBQl9NRVRBX0tFWV0udWlkICE9PSB0YWJbVEFCX01FVEFfS0VZXS51aWQpXG4gICAgICAgIC5mb3JFYWNoKCh0KSA9PiB7XG4gICAgICAgICAgdFtUQUJfTUVUQV9LRVldLmFjdGl2ZSA9IGZhbHNlO1xuICAgICAgICB9KTtcbiAgICAgIHRoaXMuYWN0aXZhdGVkLm5leHQodGFiKTtcbiAgICAgIHRoaXMuY2hhbmdlZC5uZXh0KG51bGwpO1xuICAgICAgcmV0dXJuIHtcbiAgICAgICAgc2VuZGVyOiB0YWJcbiAgICAgIH1cbiAgICB9IGVsc2UgaWYgKHR5cGVvZiBhcmcxID09PSAnc3RyaW5nJykge1xuICAgICAgY29uc3QgdGFiID0gdGhpcy50YWJzLmZpbmQoKGMpID0+IGNbVEFCX01FVEFfS0VZXS51aWQgPT09IGFyZzEpO1xuICAgICAgaWYgKHRhYikge1xuICAgICAgICByZXR1cm4gdGhpcy5hY3RpdmUodGFiKTtcbiAgICAgIH1cbiAgICAgIHJldHVybiBudWxsO1xuICAgIH1cbiAgfVxuXG4gIGNsZWFyKCk6IHZvaWQge1xuICAgIHRoaXMudGFicy5mb3JFYWNoKChjKSA9PiB7XG4gICAgICB0aGlzLmNsb3NlKGMpO1xuICAgIH0pO1xuICAgIHRoaXMudGFicyA9IFtdO1xuICB9XG5cbiAgcHJpdmF0ZSBmaW5kRXhpc3RUYWIoY29tcG9uZW50OiBhbnksIGRhdGE6IGFueSk6IEFYVGFiUGFnZSB7XG4gICAgdHJ5IHtcbiAgICAgIGlmICghZGF0YSkge1xuICAgICAgICBkYXRhID0ge307XG4gICAgICB9XG4gICAgICBjb25zdCByZXN1bHQgPSB0aGlzLnRhYnMuZmluZCgoYzogYW55KSA9PlxuICAgICAgICBjLmNvbnRlbnQgPT09IGNvbXBvbmVudCAmJlxuICAgICAgICAoKCFjLmRhdGEpIHx8XG4gICAgICAgICAgSlNPTi5wYXJzZShKU09OLnN0cmluZ2lmeShkYXRhKSkgPT09IEpTT04ucGFyc2UoSlNPTi5zdHJpbmdpZnkoYy5kYXRhKSkgfHwgSlNPTi5zdHJpbmdpZnkoZGF0YSkgPT09IEpTT04uc3RyaW5naWZ5KGNbVEFCX01FVEFfS0VZXS5vbGREYXRhKSlcbiAgICAgICk7XG4gICAgICByZXR1cm4gcmVzdWx0O1xuICAgIH0gY2F0Y2ggKGVycm9yKSB7XG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/tab-strip/tab-strip.component.mjs

@@ -0,0 +1,38 @@
+import { Component, Input, Output, EventEmitter, ElementRef } from '@angular/core';
+import { AXBaseEvent } from '../base/events.class';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class AXTabStripChangedEvent extends AXBaseEvent {
+    seledtedTab;
+}
+export class AXTabStripComponent {
+    ref;
+    constructor(ref) {
+        this.ref = ref;
+    }
+    ngOnInit() { }
+    items = [];
+    onTabChanged = new EventEmitter();
+    handleClick(i) {
+        if (!i.disable) {
+            this.items.forEach((c) => (c.active = false));
+            i.active = true;
+            this.onTabChanged.emit({
+                component: this,
+                seledtedTab: i,
+                htmlElement: this.ref.nativeElement
+            });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXTabStripComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AXTabStripComponent, selector: "ax-tab-strip", inputs: { items: "items" }, outputs: { onTabChanged: "onTabChanged" }, ngImport: i0, template: "<ul class=\"tab-strip-container\">\n    <ng-container *ngFor=\"let item of items\">\n        <li *ngIf=\"!!item.visible || item.visible == undefined\" [class.active]=\"item.active\"\n            [class.disabled]=\"item.disable\" (click)=\"handleClick(item)\">{{item.text}}</li>\n    </ng-container>\n</ul>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXTabStripComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-tab-strip', template: "<ul class=\"tab-strip-container\">\n    <ng-container *ngFor=\"let item of items\">\n        <li *ngIf=\"!!item.visible || item.visible == undefined\" [class.active]=\"item.active\"\n            [class.disabled]=\"item.disable\" (click)=\"handleClick(item)\">{{item.text}}</li>\n    </ng-container>\n</ul>" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { items: [{
+                type: Input
+            }], onTabChanged: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLXN0cmlwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL3RhYi1zdHJpcC90YWItc3RyaXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdGFiLXN0cmlwL3RhYi1zdHJpcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzRixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7OztBQWVuRCxNQUFNLE9BQU8sc0JBQXVCLFNBQVEsV0FBVztJQUNyRCxXQUFXLENBQWlCO0NBQzdCO0FBTUQsTUFBTSxPQUFPLG1CQUFtQjtJQUNWO0lBQXBCLFlBQW9CLEdBQWU7UUFBZixRQUFHLEdBQUgsR0FBRyxDQUFZO0lBQUcsQ0FBQztJQUV2QyxRQUFRLEtBQVUsQ0FBQztJQUduQixLQUFLLEdBQXFCLEVBQUUsQ0FBQztJQUc3QixZQUFZLEdBQXlDLElBQUksWUFBWSxFQUEwQixDQUFDO0lBRWhHLFdBQVcsQ0FBQyxDQUFpQjtRQUMzQixJQUFJLENBQUMsQ0FBQyxDQUFDLE9BQU8sRUFBRTtZQUNkLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQztZQUM5QyxDQUFDLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztZQUNoQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQztnQkFDckIsU0FBUyxFQUFFLElBQUk7Z0JBQ2YsV0FBVyxFQUFFLENBQUM7Z0JBQ2QsV0FBVyxFQUFFLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYTthQUNwQyxDQUFDLENBQUM7U0FDSjtJQUNILENBQUM7d0dBckJVLG1CQUFtQjs0RkFBbkIsbUJBQW1CLDJIQ3hCaEMsbVRBS0s7OzRGRG1CUSxtQkFBbUI7a0JBSi9CLFNBQVM7K0JBQ0UsY0FBYztpR0FTeEIsS0FBSztzQkFESixLQUFLO2dCQUlOLFlBQVk7c0JBRFgsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYQmFzZUV2ZW50IH0gZnJvbSAnLi4vYmFzZS9ldmVudHMuY2xhc3MnO1xuXG5leHBvcnQgZGVjbGFyZSBjbGFzcyBBWFRhYlN0cmlwSXRlbSB7XG4gIGlkOiBzdHJpbmc7XG4gIG5hbWU/OiBzdHJpbmc7XG4gIHRleHQ/OiBzdHJpbmc7XG4gIHRvb2x0aXA/OiBzdHJpbmc7XG4gIGljb24/OiBzdHJpbmc7XG4gIHZpc2libGU/OiBib29sZWFuO1xuICBkaXNhYmxlPzogYm9vbGVhbjtcbiAgZGF0YT86IGFueTtcbiAgc3R5bGU/OiBzdHJpbmc7XG4gIGFjdGl2ZT86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjbGFzcyBBWFRhYlN0cmlwQ2hhbmdlZEV2ZW50IGV4dGVuZHMgQVhCYXNlRXZlbnQge1xuICBzZWxlZHRlZFRhYjogQVhUYWJTdHJpcEl0ZW07XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LXRhYi1zdHJpcCcsXG4gIHRlbXBsYXRlVXJsOiAnLi90YWItc3RyaXAuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIEFYVGFiU3RyaXBDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlZjogRWxlbWVudFJlZikge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XG5cbiAgQElucHV0KClcbiAgaXRlbXM6IEFYVGFiU3RyaXBJdGVtW10gPSBbXTtcblxuICBAT3V0cHV0KClcbiAgb25UYWJDaGFuZ2VkOiBFdmVudEVtaXR0ZXI8QVhUYWJTdHJpcENoYW5nZWRFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPEFYVGFiU3RyaXBDaGFuZ2VkRXZlbnQ+KCk7XG5cbiAgaGFuZGxlQ2xpY2soaTogQVhUYWJTdHJpcEl0ZW0pIHtcbiAgICBpZiAoIWkuZGlzYWJsZSkge1xuICAgICAgdGhpcy5pdGVtcy5mb3JFYWNoKChjKSA9PiAoYy5hY3RpdmUgPSBmYWxzZSkpO1xuICAgICAgaS5hY3RpdmUgPSB0cnVlO1xuICAgICAgdGhpcy5vblRhYkNoYW5nZWQuZW1pdCh7XG4gICAgICAgIGNvbXBvbmVudDogdGhpcyxcbiAgICAgICAgc2VsZWR0ZWRUYWI6IGksXG4gICAgICAgIGh0bWxFbGVtZW50OiB0aGlzLnJlZi5uYXRpdmVFbGVtZW50XG4gICAgICB9KTtcbiAgICB9XG4gIH1cbn1cbiIsIjx1bCBjbGFzcz1cInRhYi1zdHJpcC1jb250YWluZXJcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zXCI+XG4gICAgICAgIDxsaSAqbmdJZj1cIiEhaXRlbS52aXNpYmxlIHx8IGl0ZW0udmlzaWJsZSA9PSB1bmRlZmluZWRcIiBbY2xhc3MuYWN0aXZlXT1cIml0ZW0uYWN0aXZlXCJcbiAgICAgICAgICAgIFtjbGFzcy5kaXNhYmxlZF09XCJpdGVtLmRpc2FibGVcIiAoY2xpY2spPVwiaGFuZGxlQ2xpY2soaXRlbSlcIj57e2l0ZW0udGV4dH19PC9saT5cbiAgICA8L25nLWNvbnRhaW5lcj5cbjwvdWw+Il19

package/esm2022/lib/tab-strip/tab-strip.module.mjs

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AXTabStripComponent } from './tab-strip.component';
+import * as i0 from "@angular/core";
+export class AXTabStripModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXTabStripModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AXTabStripModule, declarations: [AXTabStripComponent], imports: [CommonModule], exports: [AXTabStripComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXTabStripModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXTabStripModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AXTabStripComponent],
+                    imports: [CommonModule],
+                    exports: [AXTabStripComponent],
+                    providers: []
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLXN0cmlwLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL3RhYi1zdHJpcC90YWItc3RyaXAubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDOztBQVE1RCxNQUFNLE9BQU8sZ0JBQWdCO3dHQUFoQixnQkFBZ0I7eUdBQWhCLGdCQUFnQixpQkFMWixtQkFBbUIsYUFDeEIsWUFBWSxhQUNaLG1CQUFtQjt5R0FHbEIsZ0JBQWdCLFlBSmpCLFlBQVk7OzRGQUlYLGdCQUFnQjtrQkFONUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDbkMsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixPQUFPLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDOUIsU0FBUyxFQUFFLEVBQUU7aUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEFYVGFiU3RyaXBDb21wb25lbnQgfSBmcm9tICcuL3RhYi1zdHJpcC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtBWFRhYlN0cmlwQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIGV4cG9ydHM6IFtBWFRhYlN0cmlwQ29tcG9uZW50XSxcbiAgcHJvdmlkZXJzOiBbXVxufSlcbmV4cG9ydCBjbGFzcyBBWFRhYlN0cmlwTW9kdWxlIHt9XG4iXX0=

package/esm2022/lib/tab-view/dynamic-tabs.directive.mjs

@@ -0,0 +1,25 @@
+/**
+ * This directive is used as an anchor to get access
+ * to the ViewContainerRef which here is exposed via
+ * the public member `viewContainer`
+ *
+ * Theres an ALTERNATIVE to explicitly using the anchor directive.
+ * Read in the blog post
+ */
+import { Directive, ViewContainerRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export class DynamicTabsDirective {
+    viewContainer;
+    constructor(viewContainer) {
+        this.viewContainer = viewContainer;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DynamicTabsDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DynamicTabsDirective, selector: "[dynamic-tabs]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DynamicTabsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dynamic-tabs]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy10YWJzLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL3RhYi12aWV3L2R5bmFtaWMtdGFicy5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7R0FPRztBQUVILE9BQU8sRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBSzVELE1BQU0sT0FBTyxvQkFBb0I7SUFDWjtJQUFuQixZQUFtQixhQUErQjtRQUEvQixrQkFBYSxHQUFiLGFBQWEsQ0FBa0I7SUFBRyxDQUFDO3dHQUQzQyxvQkFBb0I7NEZBQXBCLG9CQUFvQjs7NEZBQXBCLG9CQUFvQjtrQkFIaEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO2lCQUMzQiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogVGhpcyBkaXJlY3RpdmUgaXMgdXNlZCBhcyBhbiBhbmNob3IgdG8gZ2V0IGFjY2Vzc1xuICogdG8gdGhlIFZpZXdDb250YWluZXJSZWYgd2hpY2ggaGVyZSBpcyBleHBvc2VkIHZpYVxuICogdGhlIHB1YmxpYyBtZW1iZXIgYHZpZXdDb250YWluZXJgXG4gKlxuICogVGhlcmVzIGFuIEFMVEVSTkFUSVZFIHRvIGV4cGxpY2l0bHkgdXNpbmcgdGhlIGFuY2hvciBkaXJlY3RpdmUuXG4gKiBSZWFkIGluIHRoZSBibG9nIHBvc3RcbiAqL1xuXG5pbXBvcnQgeyBEaXJlY3RpdmUsIFZpZXdDb250YWluZXJSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2R5bmFtaWMtdGFic10nXG59KVxuZXhwb3J0IGNsYXNzIER5bmFtaWNUYWJzRGlyZWN0aXZlIHtcbiAgY29uc3RydWN0b3IocHVibGljIHZpZXdDb250YWluZXI6IFZpZXdDb250YWluZXJSZWYpIHt9XG59XG4iXX0=

package/esm2022/lib/tab-view/tab-view.component.mjs

@@ -0,0 +1,110 @@
+/**
+ * The main component that renders single TabComponent
+ * instances.
+ */
+import { Component, ContentChildren, QueryList, ViewChild, ComponentFactoryResolver, ViewEncapsulation, Attribute, Output, EventEmitter, ElementRef } from '@angular/core';
+import { AXTabComponent } from './tab.component';
+import { DynamicTabsDirective } from './dynamic-tabs.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "./dynamic-tabs.directive";
+export class AXTabViewComponent {
+    ref;
+    _componentFactoryResolver;
+    fullWidth;
+    dynamicTabs = [];
+    tabs;
+    dynamicTabPlaceholder;
+    onActiveTab = new EventEmitter();
+    /*
+      Alternative approach of using an anchor directive
+      would be to simply get hold of a template variable
+      as follows
+    */
+    // @ViewChild('container', {read: ViewContainerRef}) dynamicTabPlaceholder;
+    constructor(ref, _componentFactoryResolver, fullWidth = false) {
+        this.ref = ref;
+        this._componentFactoryResolver = _componentFactoryResolver;
+        this.fullWidth = fullWidth;
+    }
+    // contentChildren are set
+    ngAfterContentInit() {
+        // get all active tabs
+        const activeTabs = this.tabs.filter((tab) => tab.active);
+        // if there is no active tab set, activate the first
+        if (activeTabs.length === 0 && this.tabs.first) {
+            this.selectTab(this.tabs.first);
+        }
+    }
+    openTab(title, template, isCloseable = false, icon = null, data = null) {
+        // get a component factory for our AXTabComponent
+        const componentFactory = this._componentFactoryResolver.resolveComponentFactory(AXTabComponent);
+        // fetch the view container reference from our anchor directive
+        const viewContainerRef = this.dynamicTabPlaceholder.viewContainer;
+        // alternatively...
+        // let viewContainerRef = this.dynamicTabPlaceholder;
+        // create a component instance
+        const componentRef = viewContainerRef.createComponent(componentFactory);
+        // set the according properties on our component instance
+        const instance = componentRef.instance;
+        instance.caption = title;
+        instance.template = template;
+        instance.dataContext = data;
+        instance.isCloseable = isCloseable;
+        instance.icon = icon;
+        // remember the dynamic component for rendering the
+        // tab navigation headers
+        this.dynamicTabs.push(componentRef.instance);
+        //componentRef.changeDetectorRef.detectChanges();
+        // set it active
+        this.selectTab(this.dynamicTabs[this.dynamicTabs.length - 1]);
+    }
+    selectTab(tab) {
+        // deactivate all tabs
+        this.tabs.toArray().forEach((tab) => (tab.active = false));
+        this.dynamicTabs.forEach((tab) => (tab.active = false));
+        // activate the tab the user has clicked on.
+        tab.active = true;
+        this.onActiveTab.emit({ component: this, data: tab, htmlElement: this.ref.nativeElement });
+    }
+    closeTab(tab) {
+        for (let i = 0; i < this.dynamicTabs.length; i++) {
+            if (this.dynamicTabs[i] === tab) {
+                // remove the tab from our array
+                this.dynamicTabs.splice(i, 1);
+                // destroy our dynamically created component again
+                const viewContainerRef = this.dynamicTabPlaceholder.viewContainer;
+                // let viewContainerRef = this.dynamicTabPlaceholder;
+                viewContainerRef.remove(i);
+                // set tab index to 1st one
+                this.selectTab(this.tabs.first);
+                break;
+            }
+        }
+    }
+    closeActiveTab() {
+        const activeTabs = this.dynamicTabs.filter((tab) => tab.active);
+        if (activeTabs.length > 0) {
+            // close the 1st active tab (should only be one at a time)
+            this.closeTab(activeTabs[0]);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXTabViewComponent, deps: [{ token: i0.ElementRef }, { token: i0.ComponentFactoryResolver }, { token: 'fullWidth', attribute: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AXTabViewComponent, selector: "ax-tab-view", outputs: { onActiveTab: "onActiveTab" }, queries: [{ propertyName: "tabs", predicate: AXTabComponent }], viewQueries: [{ propertyName: "dynamicTabPlaceholder", first: true, predicate: DynamicTabsDirective, descendants: true }], ngImport: i0, template: "<ul class=\"ax nav-tabs\">\n  <li\n    *ngFor=\"let tab of tabs\"\n    (click)=\"selectTab(tab)\"\n    [class.active]=\"tab.active\"\n    [class.flex-sm-fill]=\"fullWidth\"\n  >\n    <i class=\"{{ tab.icon }}\"></i>\n    <span>{{ tab.caption }}</span>\n  </li>\n  <!-- dynamic tabs -->\n  <li\n    *ngFor=\"let tab of dynamicTabs\"\n    (click)=\"selectTab(tab)\"\n    [class.active]=\"tab.active\"\n    [class.flex-sm-fill]=\"fullWidth\"\n  >\n    <i class=\"{{ tab.icon }}\"></i>\n    <span>\n      {{ tab.caption }}\n      <i\n        *ngIf=\"tab.isCloseable\"\n        (click)=\"closeTab(tab)\"\n        class=\"far fa-times\"\n      >\n      </i>\n    </span>\n  </li>\n</ul>\n<div class=\"ax-tab-container\">\n  <ng-content></ng-content>\n<ng-template dynamic-tabs #container></ng-template>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DynamicTabsDirective, selector: "[dynamic-tabs]" }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXTabViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-tab-view', encapsulation: ViewEncapsulation.None, template: "<ul class=\"ax nav-tabs\">\n  <li\n    *ngFor=\"let tab of tabs\"\n    (click)=\"selectTab(tab)\"\n    [class.active]=\"tab.active\"\n    [class.flex-sm-fill]=\"fullWidth\"\n  >\n    <i class=\"{{ tab.icon }}\"></i>\n    <span>{{ tab.caption }}</span>\n  </li>\n  <!-- dynamic tabs -->\n  <li\n    *ngFor=\"let tab of dynamicTabs\"\n    (click)=\"selectTab(tab)\"\n    [class.active]=\"tab.active\"\n    [class.flex-sm-fill]=\"fullWidth\"\n  >\n    <i class=\"{{ tab.icon }}\"></i>\n    <span>\n      {{ tab.caption }}\n      <i\n        *ngIf=\"tab.isCloseable\"\n        (click)=\"closeTab(tab)\"\n        class=\"far fa-times\"\n      >\n      </i>\n    </span>\n  </li>\n</ul>\n<div class=\"ax-tab-container\">\n  <ng-content></ng-content>\n<ng-template dynamic-tabs #container></ng-template>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ComponentFactoryResolver }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['fullWidth']
+                }] }]; }, propDecorators: { tabs: [{
+                type: ContentChildren,
+                args: [AXTabComponent]
+            }], dynamicTabPlaceholder: [{
+                type: ViewChild,
+                args: [DynamicTabsDirective]
+            }], onActiveTab: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdGFiLXZpZXcvdGFiLXZpZXcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdGFiLXZpZXcvdGFiLXZpZXcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7OztHQUdHO0FBRUgsT0FBTyxFQUNMLFNBQVMsRUFDVCxlQUFlLEVBQ2YsU0FBUyxFQUVULFNBQVMsRUFDVCx3QkFBd0IsRUFDeEIsaUJBQWlCLEVBQ2pCLFNBQVMsRUFDVCxNQUFNLEVBQ04sWUFBWSxFQUNaLFVBQVUsRUFDWCxNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDakQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7Ozs7QUFTaEUsTUFBTSxPQUFPLGtCQUFrQjtJQWlCbkI7SUFDQTtJQUN1QjtJQWxCakMsV0FBVyxHQUFxQixFQUFFLENBQUM7SUFFRixJQUFJLENBQTRCO0lBRWhDLHFCQUFxQixDQUF1QjtJQUc3RSxXQUFXLEdBQW1DLElBQUksWUFBWSxFQUFvQixDQUFDO0lBQ25GOzs7O01BSUU7SUFDRiwyRUFBMkU7SUFFM0UsWUFDVSxHQUFlLEVBQ2YseUJBQW1ELEVBQzVCLFlBQXFCLEtBQUs7UUFGakQsUUFBRyxHQUFILEdBQUcsQ0FBWTtRQUNmLDhCQUF5QixHQUF6Qix5QkFBeUIsQ0FBMEI7UUFDNUIsY0FBUyxHQUFULFNBQVMsQ0FBaUI7SUFDeEQsQ0FBQztJQUVKLDBCQUEwQjtJQUMxQixrQkFBa0I7UUFDaEIsc0JBQXNCO1FBQ3RCLE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsR0FBRyxFQUFFLEVB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QyxDQUFDLENBQUMsQ0FBQztnQkFFM0IsMkJBQTJCO2dCQUMzQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBQ2hDLE1BQU07YUFDUDtTQUNGO0lBQ0gsQ0FBQztJQUVELGNBQWM7UUFDWixNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ2hFLElBQUksVUFBVSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDekIsMERBQTBEO1lBQzFELElBQUksQ0FBQyxRQUFRLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7U0FDOUI7SUFDSCxDQUFDO3dHQWxHVSxrQkFBa0Isb0ZBbUJoQixXQUFXOzRGQW5CYixrQkFBa0IsaUhBR1osY0FBYyxvRkFFcEIsb0JBQW9CLGdEQ2xDakMsd3lCQWlDQTs7NEZESmEsa0JBQWtCO2tCQU45QixTQUFTOytCQUNFLGFBQWEsaUJBR1IsaUJBQWlCLENBQUMsSUFBSTs7MEJBcUJsQyxTQUFTOzJCQUFDLFdBQVc7NENBaEJTLElBQUk7c0JBQXBDLGVBQWU7dUJBQUMsY0FBYztnQkFFRSxxQkFBcUI7c0JBQXJELFNBQVM7dUJBQUMsb0JBQW9CO2dCQUcvQixXQUFXO3NCQURWLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIFRoZSBtYWluIGNvbXBvbmVudCB0aGF0IHJlbmRlcnMgc2luZ2xlIFRhYkNvbXBvbmVudFxuICogaW5zdGFuY2VzLlxuICovXG5cbmltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkcmVuLFxuICBRdWVyeUxpc3QsXG4gIEFmdGVyQ29udGVudEluaXQsXG4gIFZpZXdDaGlsZCxcbiAgQ29tcG9uZW50RmFjdG9yeVJlc29sdmVyLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgQXR0cmlidXRlLFxuICBPdXRwdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgRWxlbWVudFJlZlxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQVhUYWJDb21wb25lbnQgfSBmcm9tICcuL3RhYi5jb21wb25lbnQnO1xuaW1wb3J0IHsgRHluYW1pY1RhYnNEaXJlY3RpdmUgfSBmcm9tICcuL2R5bmFtaWMtdGFicy5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQVhEYXRhRXZlbnQgfSBmcm9tICcuLi9iYXNlL2V2ZW50cy5jbGFzcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LXRhYi12aWV3JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RhYi12aWV3LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGFiLXZpZXcuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBBWFRhYlZpZXdDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0IHtcbiAgZHluYW1pY1RhYnM6IEFYVGFiQ29tcG9uZW50W10gPSBbXTtcblxuICBAQ29udGVudENoaWxkcmVuKEFYVGFiQ29tcG9uZW50KSB0YWJzOiBRdWVyeUxpc3Q8QVhUYWJDb21wb25lbnQ+O1xuXG4gIEBWaWV3Q2hpbGQoRHluYW1pY1RhYnNEaXJlY3RpdmUpIGR5bmFtaWNUYWJQbGFjZWhvbGRlcjogRHluYW1pY1RhYnNEaXJlY3RpdmU7XG5cbiAgQE91dHB1dCgpXG4gIG9uQWN0aXZlVGFiOiBFdmVudEVtaXR0ZXI8QVhEYXRhRXZlbnQ8YW55Pj4gPSBuZXcgRXZlbnRFbWl0dGVyPEFYRGF0YUV2ZW50PGFueT4+KCk7XG4gIC8qXG4gICAgQWx0ZXJuYXRpdmUgYXBwcm9hY2ggb2YgdXNpbmcgYW4gYW5jaG9yIGRpcmVjdGl2ZVxuICAgIHdvdWxkIGJlIHRvIHNpbXBseSBnZXQgaG9sZCBvZiBhIHRlbXBsYXRlIHZhcmlhYmxlXG4gICAgYXMgZm9sbG93c1xuICAqL1xuICAvLyBAVmlld0NoaWxkKCdjb250YWluZXInLCB7cmVhZDogVmlld0NvbnRhaW5lclJlZn0pIGR5bmFtaWNUYWJQbGFjZWhvbGRlcjtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHJlZjogRWxlbWVudFJlZixcbiAgICBwcml2YXRlIF9jb21wb25lbnRGYWN0b3J5UmVzb2x2ZXI6IENvbXBvbmVudEZhY3RvcnlSZXNvbHZlcixcbiAgICBAQXR0cmlidXRlKCdmdWxsV2lkdGgnKSBwdWJsaWMgZnVsbFdpZHRoOiBib29sZWFuID0gZmFsc2VcbiAgKSB7fVxuXG4gIC8vIGNvbnRlbnRDaGlsZHJlbiBhcmUgc2V0XG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpIHtcbiAgICAvLyBnZXQgYWxsIGFjdGl2ZSB0YWJzXG4gICAgY29uc3QgYWN0aXZlVGFicyA9IHRoaXMudGFicy5maWx0ZXIoKHRhYikgPT4gdGFiLmFjdGl2ZSk7XG5cbiAgICAvLyBpZiB0aGVyZSBpcyBubyBhY3RpdmUgdGFiIHNldCwgYWN0aXZhdGUgdGhlIGZpcnN0XG4gICAgaWYgKGFjdGl2ZVRhYnMubGVuZ3RoID09PSAwICYmIHRoaXMudGFicy5maXJzdCkge1xuICAgICAgdGhpcy5zZWxlY3RUYWIodGhpcy50YWJzLmZpcnN0KTtcbiAgICB9XG4gIH1cblxuICBvcGVuVGFiKHRpdGxlOiBzdHJpbmcsIHRlbXBsYXRlLCBpc0Nsb3NlYWJsZSA9IGZhbHNlLCBpY29uID0gbnVsbCwgZGF0YSA9IG51bGwpIHtcbiAgICAvLyBnZXQgYSBjb21wb25lbnQgZmFjdG9yeSBmb3Igb3VyIEFYVGFiQ29tcG9uZW50XG4gICAgY29uc3QgY29tcG9uZW50RmFjdG9yeSA9IHRoaXMuX2NvbXBvbmVudEZhY3RvcnlSZXNvbHZlci5yZXNvbHZlQ29tcG9uZW50RmFjdG9yeShBWFRhYkNvbXBvbmVudCk7XG5cbiAgICAvLyBmZXRjaCB0aGUgdmlldyBjb250YWluZXIgcmVmZXJlbmNlIGZyb20gb3VyIGFuY2hvciBkaXJlY3RpdmVcbiAgICBjb25zdCB2aWV3Q29udGFpbmVyUmVmID0gdGhpcy5keW5hbWljVGFiUGxhY2Vob2xkZXIudmlld0NvbnRhaW5lcjtcblxuICAgIC8vIGFsdGVybmF0aXZlbHkuLi5cbiAgICAvLyBsZXQgdmlld0NvbnRhaW5lclJlZiA9IHRoaXMuZHluYW1pY1RhYlBsYWNlaG9sZGVyO1xuXG4gICAgLy8gY3JlYXRlIGEgY29tcG9uZW50IGluc3RhbmNlXG4gICAgY29uc3QgY29tcG9uZW50UmVmID0gdmlld0NvbnRhaW5lclJlZi5jcmVhdGVDb21wb25lbnQoY29tcG9uZW50RmFjdG9yeSk7XG5cbiAgICAvLyBzZXQgdGhlIGFjY29yZGluZyBwcm9wZXJ0aWVzIG9uIG91ciBjb21wb25lbnQgaW5zdGFuY2VcbiAgICBjb25zdCBpbnN0YW5jZTogQVhUYWJDb21wb25lbnQgPSBjb21wb25lbnRSZWYuaW5zdGFuY2UgYXMgQVhUYWJDb21wb25lbnQ7XG4gICAgaW5zdGFuY2UuY2FwdGlvbiA9IHRpdGxlO1xuICAgIGluc3RhbmNlLnRlbXBsYXRlID0gdGVtcGxhdGU7XG4gICAgaW5zdGFuY2UuZGF0YUNvbnRleHQgPSBkYXRhO1xuICAgIGluc3RhbmNlLmlzQ2xvc2VhYmxlID0gaXNDbG9zZWFibGU7XG4gICAgaW5zdGFuY2UuaWNvbiA9IGljb247XG5cbiAgICAvLyByZW1lbWJlciB0aGUgZHluYW1pYyBjb21wb25lbnQgZm9yIHJlbmRlcmluZyB0aGVcbiAgICAvLyB0YWIgbmF2aWdhdGlvbiBoZWFkZXJzXG4gICAgdGhpcy5keW5hbWljVGFicy5wdXNoKGNvbXBvbmVudFJlZi5pbnN0YW5jZSBhcyBBWFRhYkNvbXBvbmVudCk7XG5cbiAgICAvL2NvbXBvbmVudFJlZi5jaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XG5cbiAgICAvLyBzZXQgaXQgYWN0aXZlXG4gICAgdGhpcy5zZWxlY3RUYWIodGhpcy5keW5hbWljVGFic1t0aGlzLmR5bmFtaWNUYWJzLmxlbmd0aCAtIDFdKTtcbiAgfVxuXG4gIHNlbGVjdFRhYih0YWI6IEFYVGFiQ29tcG9uZW50KSB7XG4gICAgLy8gZGVhY3RpdmF0ZSBhbGwgdGFic1xuICAgIHRoaXMudGFicy50b0FycmF5KCkuZm9yRWFjaCgodGFiKSA9PiAodGFiLmFjdGl2ZSA9IGZhbHNlKSk7XG4gICAgdGhpcy5keW5hbWljVGFicy5mb3JFYWNoKCh0YWIpID0+ICh0YWIuYWN0aXZlID0gZmFsc2UpKTtcblxuICAgIC8vIGFjdGl2YXRlIHRoZSB0YWIgdGhlIHVzZXIgaGFzIGNsaWNrZWQgb24uXG4gICAgdGFiLmFjdGl2ZSA9IHRydWU7XG4gICAgdGhpcy5vbkFjdGl2ZVRhYi5lbWl0KHsgY29tcG9uZW50OiB0aGlzLCBkYXRhOiB0YWIsIGh0bWxFbGVtZW50OiB0aGlzLnJlZi5uYXRpdmVFbGVtZW50IH0pO1xuICB9XG5cbiAgY2xvc2VUYWIodGFiOiBBWFRhYkNvbXBvbmVudCkge1xuICAgIGZvciAobGV0IGkgPSAwOyBpIDwgdGhpcy5keW5hbWljVGFicy5sZW5ndGg7IGkrKykge1xuICAgICAgaWYgKHRoaXMuZHluYW1pY1RhYnNbaV0gPT09IHRhYikge1xuICAgICAgICAvLyByZW1vdmUgdGhlIHRhYiBmcm9tIG91ciBhcnJheVxuICAgICAgICB0aGlzLmR5bmFtaWNUYWJzLnNwbGljZShpLCAxKTtcblxuICAgICAgICAvLyBkZXN0cm95IG91ciBkeW5hbWljYWxseSBjcmVhdGVkIGNvbXBvbmVudCBhZ2FpblxuICAgICAgICBjb25zdCB2aWV3Q29udGFpbmVyUmVmID0gdGhpcy5keW5hbWljVGFiUGxhY2Vob2xkZXIudmlld0NvbnRhaW5lcjtcbiAgICAgICAgLy8gbGV0IHZpZXdDb250YWluZXJSZWYgPSB0aGlzLmR5bmFtaWNUYWJQbGFjZWhvbGRlcjtcbiAgICAgICAgdmlld0NvbnRhaW5lclJlZi5yZW1vdmUoaSk7XG5cbiAgICAgICAgLy8gc2V0IHRhYiBpbmRleCB0byAxc3Qgb25lXG4gICAgICAgIHRoaXMuc2VsZWN0VGFiKHRoaXMudGFicy5maXJzdCk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIGNsb3NlQWN0aXZlVGFiKCkge1xuICAgIGNvbnN0IGFjdGl2ZVRhYnMgPSB0aGlzLmR5bmFtaWNUYWJzLmZpbHRlcigodGFiKSA9PiB0YWIuYWN0aXZlKTtcbiAgICBpZiAoYWN0aXZlVGFicy5sZW5ndGggPiAwKSB7XG4gICAgICAvLyBjbG9zZSB0aGUgMXN0IGFjdGl2ZSB0YWIgKHNob3VsZCBvbmx5IGJlIG9uZSBhdCBhIHRpbWUpXG4gICAgICB0aGlzLmNsb3NlVGFiKGFjdGl2ZVRhYnNbMF0pO1xuICAgIH1cbiAgfVxufVxuIiwiPHVsIGNsYXNzPVwiYXggbmF2LXRhYnNcIj5cbiAgPGxpXG4gICAgKm5nRm9yPVwibGV0IHRhYiBvZiB0YWJzXCJcbiAgICAoY2xpY2spPVwic2VsZWN0VGFiKHRhYilcIlxuICAgIFtjbGFzcy5hY3RpdmVdPVwidGFiLmFjdGl2ZVwiXG4gICAgW2NsYXNzLmZsZXgtc20tZmlsbF09XCJmdWxsV2lkdGhcIlxuICA+XG4gICAgPGkgY2xhc3M9XCJ7eyB0YWIuaWNvbiB9fVwiPjwvaT5cbiAgICA8c3Bhbj57eyB0YWIuY2FwdGlvbiB9fTwvc3Bhbj5cbiAgPC9saT5cbiAgPCEtLSBkeW5hbWljIHRhYnMgLS0+XG4gIDxsaVxuICAgICpuZ0Zvcj1cImxldCB0YWIgb2YgZHluYW1pY1RhYnNcIlxuICAgIChjbGljayk9XCJzZWxlY3RUYWIodGFiKVwiXG4gICAgW2NsYXNzLmFjdGl2ZV09XCJ0YWIuYWN0aXZlXCJcbiAgICBbY2xhc3MuZmxleC1zbS1maWxsXT1cImZ1bGxXaWR0aFwiXG4gID5cbiAgICA8aSBjbGFzcz1cInt7IHRhYi5pY29uIH19XCI+PC9pPlxuICAgIDxzcGFuPlxuICAgICAge3sgdGFiLmNhcHRpb24gfX1cbiAgICAgIDxpXG4gICAgICAgICpuZ0lmPVwidGFiLmlzQ2xvc2VhYmxlXCJcbiAgICAgICAgKGNsaWNrKT1cImNsb3NlVGFiKHRhYilcIlxuICAgICAgICBjbGFzcz1cImZhciBmYS10aW1lc1wiXG4gICAgICA+XG4gICAgICA8L2k+XG4gICAgPC9zcGFuPlxuICA8L2xpPlxuPC91bD5cbjxkaXYgY2xhc3M9XCJheC10YWItY29udGFpbmVyXCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjxuZy10ZW1wbGF0ZSBkeW5hbWljLXRhYnMgI2NvbnRhaW5lcj48L25nLXRlbXBsYXRlPlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/tab-view/tab-view.module.mjs

@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AXTabComponent } from './tab.component';
+import { AXTabViewComponent } from './tab-view.component';
+import { DynamicTabsDirective } from './dynamic-tabs.directive';
+import * as i0 from "@angular/core";
+export class AXTabViewModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXTabViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AXTabViewModule, declarations: [AXTabComponent, AXTabViewComponent, DynamicTabsDirective], imports: [CommonModule], exports: [AXTabComponent, AXTabViewComponent, DynamicTabsDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXTabViewModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXTabViewModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AXTabComponent, AXTabViewComponent, DynamicTabsDirective],
+                    imports: [CommonModule],
+                    exports: [AXTabComponent, AXTabViewComponent, DynamicTabsDirective],
+                    providers: []
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLXZpZXcubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdGFiLXZpZXcvdGFiLXZpZXcubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNqRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUMxRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7QUFPaEUsTUFBTSxPQUFPLGVBQWU7d0dBQWYsZUFBZTt5R0FBZixlQUFlLGlCQUxYLGNBQWMsRUFBRSxrQkFBa0IsRUFBRSxvQkFBb0IsYUFDN0QsWUFBWSxhQUNaLGNBQWMsRUFBRSxrQkFBa0IsRUFBRSxvQkFBb0I7eUdBR3ZELGVBQWUsWUFKaEIsWUFBWTs7NEZBSVgsZUFBZTtrQkFOM0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxjQUFjLEVBQUUsa0JBQWtCLEVBQUUsb0JBQW9CLENBQUM7b0JBQ3hFLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsT0FBTyxFQUFFLENBQUMsY0FBYyxFQUFFLGtCQUFrQixFQUFFLG9CQUFvQixDQUFDO29CQUNuRSxTQUFTLEVBQUUsRUFBRTtpQkFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQVhUYWJDb21wb25lbnQgfSBmcm9tICcuL3RhYi5jb21wb25lbnQnO1xuaW1wb3J0IHsgQVhUYWJWaWV3Q29tcG9uZW50IH0gZnJvbSAnLi90YWItdmlldy5jb21wb25lbnQnO1xuaW1wb3J0IHsgRHluYW1pY1RhYnNEaXJlY3RpdmUgfSBmcm9tICcuL2R5bmFtaWMtdGFicy5kaXJlY3RpdmUnO1xuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbQVhUYWJDb21wb25lbnQsIEFYVGFiVmlld0NvbXBvbmVudCwgRHluYW1pY1RhYnNEaXJlY3RpdmVdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgZXhwb3J0czogW0FYVGFiQ29tcG9uZW50LCBBWFRhYlZpZXdDb21wb25lbnQsIER5bmFtaWNUYWJzRGlyZWN0aXZlXSxcbiAgcHJvdmlkZXJzOiBbXVxufSlcbmV4cG9ydCBjbGFzcyBBWFRhYlZpZXdNb2R1bGUge31cbiJdfQ==

package/esm2022/lib/tab-view/tab.component.mjs

@@ -0,0 +1,33 @@
+import { Component, Input, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class AXTabComponent {
+    caption;
+    name;
+    active = false;
+    isCloseable = false;
+    template;
+    dataContext;
+    icon;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AXTabComponent, selector: "ax-tab", inputs: { caption: "caption", name: "name", active: "active", isCloseable: "isCloseable", template: "template", dataContext: "dataContext", icon: "icon" }, ngImport: i0, template: "<div [hidden]=\"!active\" class=\"ax tab-pane\">\n    <ng-content></ng-content>\n    <ng-container *ngIf=\"template\"\n      [ngTemplateOutlet]=\"template\"\n      [ngTemplateOutletContext]=\"dataContext\"\n    >\n    </ng-container>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXTabComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-tab', encapsulation: ViewEncapsulation.None, template: "<div [hidden]=\"!active\" class=\"ax tab-pane\">\n    <ng-content></ng-content>\n    <ng-container *ngIf=\"template\"\n      [ngTemplateOutlet]=\"template\"\n      [ngTemplateOutletContext]=\"dataContext\"\n    >\n    </ng-container>\n</div>" }]
+        }], propDecorators: { caption: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], active: [{
+                type: Input
+            }], isCloseable: [{
+                type: Input
+            }], template: [{
+                type: Input
+            }], dataContext: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL3RhYi12aWV3L3RhYi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi90YWItdmlldy90YWIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU1wRSxNQUFNLE9BQU8sY0FBYztJQUNoQixPQUFPLENBQVM7SUFDaEIsSUFBSSxDQUFTO0lBQ2IsTUFBTSxHQUFHLEtBQUssQ0FBQztJQUNmLFdBQVcsR0FBRyxLQUFLLENBQUM7SUFDcEIsUUFBUSxDQUFNO0lBQ2QsV0FBVyxDQUFNO0lBQ2pCLElBQUksQ0FBUzt3R0FQWCxjQUFjOzRGQUFkLGNBQWMsME1DTjNCLG1QQU9NOzs0RkRETyxjQUFjO2tCQUwxQixTQUFTOytCQUNFLFFBQVEsaUJBRUgsaUJBQWlCLENBQUMsSUFBSTs4QkFHNUIsT0FBTztzQkFBZixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LXRhYicsXG4gIHRlbXBsYXRlVXJsOiAnLi90YWIuY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIEFYVGFiQ29tcG9uZW50IHtcbiAgQElucHV0KCkgY2FwdGlvbjogc3RyaW5nO1xuICBASW5wdXQoKSBuYW1lOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGFjdGl2ZSA9IGZhbHNlO1xuICBASW5wdXQoKSBpc0Nsb3NlYWJsZSA9IGZhbHNlO1xuICBASW5wdXQoKSB0ZW1wbGF0ZTogYW55O1xuICBASW5wdXQoKSBkYXRhQ29udGV4dDogYW55O1xuICBASW5wdXQoKSBpY29uOiBzdHJpbmc7XG59XG4iLCI8ZGl2IFtoaWRkZW5dPVwiIWFjdGl2ZVwiIGNsYXNzPVwiYXggdGFiLXBhbmVcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInRlbXBsYXRlXCJcbiAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInRlbXBsYXRlXCJcbiAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJkYXRhQ29udGV4dFwiXG4gICAgPlxuICAgIDwvbmctY29udGFpbmVyPlxuPC9kaXY+Il19

package/esm2022/lib/textarea/textarea.component.mjs

@@ -0,0 +1,27 @@
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, ChangeDetectorRef, ElementRef, Input } from '@angular/core';
+import { AXBaseTextComponent, AXValidatableComponent } from '../base/element.class';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class AXTextAreaComponent extends AXBaseTextComponent {
+    cdr;
+    constructor(cdr, ref) {
+        super(cdr, ref);
+        this.cdr = cdr;
+    }
+    rows = 0;
+    cols = 0;
+    maxLength = null;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXTextAreaComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AXTextAreaComponent, selector: "ax-text-area", inputs: { rows: "rows", cols: "cols", maxLength: "maxLength" }, host: { styleAttribute: "width: 100%" }, providers: [{ provide: AXValidatableComponent, useExisting: AXTextAreaComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax form-item {{size}}\" [class.disabled]=\"disabled\" [attr.id]=\"uid\">\n    <div class=\"content\">\n        <div class=\"ax input {{size}}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\">\n            <textarea [name]=\"name\" [attr.maxlength]=\"maxLength\" rows=\"{{rows}}\" cols=\"{{cols}}\" #input type=\"text\"\n                class=\"ax icon {{size}}\" [ngClass]=\"setTextAlign()\" placeholder=\"{{placeholder}}\" [readonly]=\"readonly\"\n                [disabled]=\"disabled\" value=\"{{value}}\"></textarea>\n        </div>\n    </div>\n    <div class=\"ax buttons\">\n        <ng-content select=\"ax-button\">\n        </ng-content>\n    </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXTextAreaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-text-area', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { style: 'width: 100%' }, providers: [{ provide: AXValidatableComponent, useExisting: AXTextAreaComponent }], template: "<div class=\"ax form-item {{size}}\" [class.disabled]=\"disabled\" [attr.id]=\"uid\">\n    <div class=\"content\">\n        <div class=\"ax input {{size}}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\">\n            <textarea [name]=\"name\" [attr.maxlength]=\"maxLength\" rows=\"{{rows}}\" cols=\"{{cols}}\" #input type=\"text\"\n                class=\"ax icon {{size}}\" [ngClass]=\"setTextAlign()\" placeholder=\"{{placeholder}}\" [readonly]=\"readonly\"\n                [disabled]=\"disabled\" value=\"{{value}}\"></textarea>\n        </div>\n    </div>\n    <div class=\"ax buttons\">\n        <ng-content select=\"ax-button\">\n        </ng-content>\n    </div>\n</div>" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { rows: [{
+                type: Input
+            }], cols: [{
+                type: Input
+            }], maxLength: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdGV4dGFyZWEvdGV4dGFyZWEuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdGV4dGFyZWEvdGV4dGFyZWEuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsRUFBRSxpQkFBaUIsRUFBRSxpQkFBaUIsRUFBYSxVQUFVLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZJLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7QUFVcEYsTUFBTSxPQUFPLG1CQUFvQixTQUFRLG1CQUFtQjtJQUNwQztJQUF0QixZQUFzQixHQUFzQixFQUFFLEdBQWU7UUFDM0QsS0FBSyxDQUFDLEdBQUcsRUFBRSxHQUFHLENBQUMsQ0FBQztRQURJLFFBQUcsR0FBSCxHQUFHLENBQW1CO0lBRTVDLENBQUM7SUFHRCxJQUFJLEdBQVcsQ0FBQyxDQUFDO0lBRWpCLElBQUksR0FBVyxDQUFDLENBQUM7SUFHakIsU0FBUyxHQUFXLElBQUksQ0FBQzt3R0FYZCxtQkFBbUI7NEZBQW5CLG1CQUFtQixnSkFGbkIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsQ0FBQyxpRENUcEYsc3JCQVlNOzs0RkRETyxtQkFBbUI7a0JBUi9CLFNBQVM7K0JBQ0UsY0FBYyxpQkFFVCxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDLEVBQUUsS0FBSyxFQUFDLGFBQWEsRUFBRSxhQUNsQixDQUFDLEVBQUUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLFdBQVcscUJBQXFCLEVBQUUsQ0FBQztpSUFRbEYsSUFBSTtzQkFESCxLQUFLO2dCQUdOLElBQUk7c0JBREgsS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBWaWV3RW5jYXBzdWxhdGlvbiwgQ2hhbmdlRGV0ZWN0b3JSZWYsIFZpZXdDaGlsZCwgRWxlbWVudFJlZiwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYQmFzZVRleHRDb21wb25lbnQsIEFYVmFsaWRhdGFibGVDb21wb25lbnQgfSBmcm9tICcuLi9iYXNlL2VsZW1lbnQuY2xhc3MnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC10ZXh0LWFyZWEnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGV4dGFyZWEuY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDogeyBzdHlsZTond2lkdGg6IDEwMCUnIH0sXG4gIHByb3ZpZGVyczogW3sgcHJvdmlkZTogQVhWYWxpZGF0YWJsZUNvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYVGV4dEFyZWFDb21wb25lbnQgfV1cbn0pXG5leHBvcnQgY2xhc3MgQVhUZXh0QXJlYUNvbXBvbmVudCBleHRlbmRzIEFYQmFzZVRleHRDb21wb25lbnQge1xuICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZiwgcmVmOiBFbGVtZW50UmVmKSB7XG4gICAgc3VwZXIoY2RyLCByZWYpO1xuICB9XG5cbiAgQElucHV0KClcbiAgcm93czogbnVtYmVyID0gMDtcbiAgQElucHV0KClcbiAgY29sczogbnVtYmVyID0gMDtcblxuICBASW5wdXQoKVxuICBtYXhMZW5ndGg6IG51bWJlciA9IG51bGw7XG59XG4iLCI8ZGl2IGNsYXNzPVwiYXggZm9ybS1pdGVtIHt7c2l6ZX19XCIgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCIgW2F0dHIuaWRdPVwidWlkXCI+XG4gICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImF4IGlucHV0IHt7c2l6ZX19XCIgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCIgW2NsYXNzLnJlYWRvbmx5XT1cInJlYWRvbmx5XCI+XG4gICAgICAgICAgICA8dGV4dGFyZWEgW25hbWVdPVwibmFtZVwiIFthdHRyLm1heGxlbmd0aF09XCJtYXhMZW5ndGhcIiByb3dzPVwie3tyb3dzfX1cIiBjb2xzPVwie3tjb2xzfX1cIiAjaW5wdXQgdHlwZT1cInRleHRcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiYXggaWNvbiB7e3NpemV9fVwiIFtuZ0NsYXNzXT1cInNldFRleHRBbGlnbigpXCIgcGxhY2Vob2xkZXI9XCJ7e3BsYWNlaG9sZGVyfX1cIiBbcmVhZG9ubHldPVwicmVhZG9ubHlcIlxuICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIHZhbHVlPVwie3t2YWx1ZX19XCI+PC90ZXh0YXJlYT5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImF4IGJ1dHRvbnNcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtYnV0dG9uXCI+XG4gICAgICAgIDwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbjwvZGl2PiJdfQ==

package/esm2022/lib/textarea/textarea.module.mjs

@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AXTextAreaComponent } from './textarea.component';
+import * as i0 from "@angular/core";
+const COMPONENT = [AXTextAreaComponent];
+const MODULES = [CommonModule];
+export class AXTextAreaModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXTextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AXTextAreaModule, declarations: [AXTextAreaComponent], imports: [CommonModule], exports: [AXTextAreaComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXTextAreaModule, imports: [MODULES] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXTextAreaModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT],
+                    imports: [...MODULES],
+                    exports: [...COMPONENT],
+                    providers: [],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdGV4dGFyZWEvdGV4dGFyZWEubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDOztBQUUzRCxNQUFNLFNBQVMsR0FBRyxDQUFDLG1CQUFtQixDQUFDLENBQUM7QUFDeEMsTUFBTSxPQUFPLEdBQUcsQ0FBQyxZQUFZLENBQUMsQ0FBQztBQVEvQixNQUFNLE9BQU8sZ0JBQWdCO3dHQUFoQixnQkFBZ0I7eUdBQWhCLGdCQUFnQixpQkFUVixtQkFBbUIsYUFDckIsWUFBWSxhQURWLG1CQUFtQjt5R0FTekIsZ0JBQWdCLFlBSlosT0FBTzs7NEZBSVgsZ0JBQWdCO2tCQU41QixRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRSxDQUFDLEdBQUcsU0FBUyxDQUFDO29CQUM1QixPQUFPLEVBQUUsQ0FBQyxHQUFHLE9BQU8sQ0FBQztvQkFDckIsT0FBTyxFQUFFLENBQUMsR0FBRyxTQUFTLENBQUM7b0JBQ3ZCLFNBQVMsRUFBRSxFQUFFO2lCQUNoQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQVhUZXh0QXJlYUNvbXBvbmVudCB9IGZyb20gJy4vdGV4dGFyZWEuY29tcG9uZW50JztcblxuY29uc3QgQ09NUE9ORU5UID0gW0FYVGV4dEFyZWFDb21wb25lbnRdO1xuY29uc3QgTU9EVUxFUyA9IFtDb21tb25Nb2R1bGVdO1xuXG5ATmdNb2R1bGUoe1xuICAgIGRlY2xhcmF0aW9uczogWy4uLkNPTVBPTkVOVF0sXG4gICAgaW1wb3J0czogWy4uLk1PRFVMRVNdLFxuICAgIGV4cG9ydHM6IFsuLi5DT01QT05FTlRdLFxuICAgIHByb3ZpZGVyczogW10sXG59KVxuZXhwb3J0IGNsYXNzIEFYVGV4dEFyZWFNb2R1bGUgeyB9Il19

package/esm2022/lib/textbox/textbox.component.mjs

@@ -0,0 +1,42 @@
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, ChangeDetectorRef, ElementRef, Input } from '@angular/core';
+import { AXBaseTextComponent, AXValidatableComponent } from '../base/element.class';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../button/button.component";
+import * as i3 from "ngx-mask";
+import * as i4 from "@angular/forms";
+export class AXTextBoxComponent extends AXBaseTextComponent {
+    cdr;
+    mask;
+    showMask = false;
+    type = 'text';
+    maxLength;
+    maskGuid = false;
+    maskPlaceholder = '_';
+    maskKeepCharPositions = false;
+    constructor(cdr, ref) {
+        super(cdr, ref);
+        this.cdr = cdr;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXTextBoxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AXTextBoxComponent, selector: "ax-text-box", inputs: { mask: "mask", showMask: "showMask", type: "type", maxLength: "maxLength", maskGuid: "maskGuid", maskPlaceholder: "maskPlaceholder", maskKeepCharPositions: "maskKeepCharPositions" }, host: { styleAttribute: "width: 100%" }, providers: [{ provide: AXValidatableComponent, useExisting: AXTextBoxComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax form-item\" [class.disabled]=\"disabled\" [attr.id]=\"uid\" #fc>\n  <div class=\"ax items-wrapper\">\n    <ng-content select=\"[start]\"> </ng-content>\n    <i class=\"form-item-icon {{ icon }}\" *ngIf=\"icon\"></i>\n  </div>\n  <div class=\"content\" #content>\n    <div class=\"ax form-control input {{ size }}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\"\n      [class.icon]=\"icon\">\n      <input #input [autocomplete]=\"autocomplete\" [name]=\"name\" class=\"ax {{ size }}\" [attr.type]=\"type\"\n        [attr.maxlength]=\"maxLength\" [mask]=\"mask\" [showMaskTyped]=\"showMask\" [(ngModel)]=\"value\"\n        placeholder=\"{{ placeholder }}\" [readonly]=\"readonly\" [disabled]=\"disabled\" [ngClass]=\"setTextAlign()\"\n        [class.clear]=\"value && allowClear\" (focus)=\"handleInputFocus($event)\" (blur)=\"handleInputBlur($event)\" />\n    </div>\n  </div>\n  <div class=\"ax items-wrapper\">\n    <ax-button *ngIf=\"value && allowClear\" icon=\"far fa-times\" type=\"danger blank\" (click)=\"clear()\"></ax-button>\n    <ng-content select=\"[end]\"> </ng-content>\n  </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }, { kind: "directive", type: i3.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXTextBoxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-text-box', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { style: 'width: 100%' }, providers: [{ provide: AXValidatableComponent, useExisting: AXTextBoxComponent }], template: "<div class=\"ax form-item\" [class.disabled]=\"disabled\" [attr.id]=\"uid\" #fc>\n  <div class=\"ax items-wrapper\">\n    <ng-content select=\"[start]\"> </ng-content>\n    <i class=\"form-item-icon {{ icon }}\" *ngIf=\"icon\"></i>\n  </div>\n  <div class=\"content\" #content>\n    <div class=\"ax form-control input {{ size }}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\"\n      [class.icon]=\"icon\">\n      <input #input [autocomplete]=\"autocomplete\" [name]=\"name\" class=\"ax {{ size }}\" [attr.type]=\"type\"\n        [attr.maxlength]=\"maxLength\" [mask]=\"mask\" [showMaskTyped]=\"showMask\" [(ngModel)]=\"value\"\n        placeholder=\"{{ placeholder }}\" [readonly]=\"readonly\" [disabled]=\"disabled\" [ngClass]=\"setTextAlign()\"\n        [class.clear]=\"value && allowClear\" (focus)=\"handleInputFocus($event)\" (blur)=\"handleInputBlur($event)\" />\n    </div>\n  </div>\n  <div class=\"ax items-wrapper\">\n    <ax-button *ngIf=\"value && allowClear\" icon=\"far fa-times\" type=\"danger blank\" (click)=\"clear()\"></ax-button>\n    <ng-content select=\"[end]\"> </ng-content>\n  </div>\n</div>" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { mask: [{
+                type: Input
+            }], showMask: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], maxLength: [{
+                type: Input
+            }], maskGuid: [{
+                type: Input
+            }], maskPlaceholder: [{
+                type: Input
+            }], maskKeepCharPositions: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi90ZXh0Ym94L3RleHRib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdGV4dGJveC90ZXh0Ym94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsdUJBQXVCLEVBQUUsaUJBQWlCLEVBQUUsaUJBQWlCLEVBQWEsVUFBVSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2SSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7Ozs7O0FBVXBGLE1BQU0sT0FBTyxrQkFBbUIsU0FBUSxtQkFBbUI7SUF1Qm5DO0lBcEJ0QixJQUFJLENBQU07SUFHVixRQUFRLEdBQUcsS0FBSyxDQUFDO0lBR2pCLElBQUksR0FBOEQsTUFBTSxDQUFDO0lBR3pFLFNBQVMsQ0FBUztJQUdsQixRQUFRLEdBQVksS0FBSyxDQUFDO0lBRzFCLGVBQWUsR0FBVyxHQUFHLENBQUM7SUFHOUIscUJBQXFCLEdBQVksS0FBSyxDQUFDO0lBRXZDLFlBQXNCLEdBQXNCLEVBQUUsR0FBZTtRQUMzRCxLQUFLLENBQUMsR0FBRyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBREksUUFBRyxHQUFILEdBQUcsQ0FBbUI7SUFFNUMsQ0FBQzt3R0F6QlUsa0JBQWtCOzRGQUFsQixrQkFBa0IsK1FBRmxCLENBQUMsRUFBRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsV0FBVyxFQUFFLGtCQUFrQixFQUFFLENBQUMsaURDVG5GLDZtQ0FrQk07OzRGRFBPLGtCQUFrQjtrQkFSOUIsU0FBUzsrQkFDRSxhQUFhLGlCQUVSLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sUUFDekMsRUFBRSxLQUFLLEVBQUUsYUFBYSxFQUFFLGFBQ25CLENBQUMsRUFBRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsV0FBVyxvQkFBb0IsRUFBRSxDQUFDO2lJQUtqRixJQUFJO3NCQURILEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLGVBQWU7c0JBRGQsS0FBSztnQkFJTixxQkFBcUI7c0JBRHBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBWaWV3RW5jYXBzdWxhdGlvbiwgQ2hhbmdlRGV0ZWN0b3JSZWYsIFZpZXdDaGlsZCwgRWxlbWVudFJlZiwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYQmFzZVRleHRDb21wb25lbnQsIEFYVmFsaWRhdGFibGVDb21wb25lbnQgfSBmcm9tICcuLi9iYXNlL2VsZW1lbnQuY2xhc3MnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC10ZXh0LWJveCcsXG4gIHRlbXBsYXRlVXJsOiAnLi90ZXh0Ym94LmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHsgc3R5bGU6ICd3aWR0aDogMTAwJScgfSxcbiAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBBWFZhbGlkYXRhYmxlQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhUZXh0Qm94Q29tcG9uZW50IH1dXG59KVxuZXhwb3J0IGNsYXNzIEFYVGV4dEJveENvbXBvbmVudCBleHRlbmRzIEFYQmFzZVRleHRDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpXG4gIG1hc2s6IGFueTtcblxuICBASW5wdXQoKVxuICBzaG93TWFzayA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIHR5cGU6ICd0ZXh0JyB8ICdudW1iZXInIHwgJ3RlbCcgfCAndXJsJyB8ICdwYXNzd29yZCcgfCAnc2VhcmNoJyA9ICd0ZXh0JztcblxuICBASW5wdXQoKVxuICBtYXhMZW5ndGg6IG51bWJlcjtcblxuICBASW5wdXQoKVxuICBtYXNrR3VpZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIG1hc2tQbGFjZWhvbGRlcjogc3RyaW5nID0gJ18nO1xuXG4gIEBJbnB1dCgpXG4gIG1hc2tLZWVwQ2hhclBvc2l0aW9uczogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBjZHI6IENoYW5nZURldGVjdG9yUmVmLCByZWY6IEVsZW1lbnRSZWYpIHtcbiAgICBzdXBlcihjZHIsIHJlZik7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJheCBmb3JtLWl0ZW1cIiBbY2xhc3MuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBbYXR0ci5pZF09XCJ1aWRcIiAjZmM+XG4gIDxkaXYgY2xhc3M9XCJheCBpdGVtcy13cmFwcGVyXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3N0YXJ0XVwiPiA8L25nLWNvbnRlbnQ+XG4gICAgPGkgY2xhc3M9XCJmb3JtLWl0ZW0taWNvbiB7eyBpY29uIH19XCIgKm5nSWY9XCJpY29uXCI+PC9pPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIiAjY29udGVudD5cbiAgICA8ZGl2IGNsYXNzPVwiYXggZm9ybS1jb250cm9sIGlucHV0IHt7IHNpemUgfX1cIiBbY2xhc3MuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBbY2xhc3MucmVhZG9ubHldPVwicmVhZG9ubHlcIlxuICAgICAgW2NsYXNzLmljb25dPVwiaWNvblwiPlxuICAgICAgPGlucHV0ICNpbnB1dCBbYXV0b2NvbXBsZXRlXT1cImF1dG9jb21wbGV0ZVwiIFtuYW1lXT1cIm5hbWVcIiBjbGFzcz1cImF4IHt7IHNpemUgfX1cIiBbYXR0ci50eXBlXT1cInR5cGVcIlxuICAgICAgICBbYXR0ci5tYXhsZW5ndGhdPVwibWF4TGVuZ3RoXCIgW21hc2tdPVwibWFza1wiIFtzaG93TWFza1R5cGVkXT1cInNob3dNYXNrXCIgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiXG4gICAgICAgIHBsYWNlaG9sZGVyPVwie3sgcGxhY2Vob2xkZXIgfX1cIiBbcmVhZG9ubHldPVwicmVhZG9ubHlcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBbbmdDbGFzc109XCJzZXRUZXh0QWxpZ24oKVwiXG4gICAgICAgIFtjbGFzcy5jbGVhcl09XCJ2YWx1ZSAmJiBhbGxvd0NsZWFyXCIgKGZvY3VzKT1cImhhbmRsZUlucHV0Rm9jdXMoJGV2ZW50KVwiIChibHVyKT1cImhhbmRsZUlucHV0Qmx1cigkZXZlbnQpXCIgLz5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJheCBpdGVtcy13cmFwcGVyXCI+XG4gICAgPGF4LWJ1dHRvbiAqbmdJZj1cInZhbHVlICYmIGFsbG93Q2xlYXJcIiBpY29uPVwiZmFyIGZhLXRpbWVzXCIgdHlwZT1cImRhbmdlciBibGFua1wiIChjbGljayk9XCJjbGVhcigpXCI+PC9heC1idXR0b24+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2VuZF1cIj4gPC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PiJdfQ==