ng-zenduit 1.0.0

package/README.md

@@ -0,0 +1,24 @@
+# NgZenduit
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.1.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project ng-zenduit` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ng-zenduit`.
+> Note: Don't forget to add `--project ng-zenduit` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build ng-zenduit` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build ng-zenduit`, go to the dist folder `cd dist/ng-zenduit` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test ng-zenduit` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/esm2020/lib/breadcrumbs/zendu-breadcrumbs.component.mjs

@@ -0,0 +1,37 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class ZenduBreadcrumbs {
+    constructor() {
+        this.steps = [];
+        /**
+         * Enable manual activation. In this case active trips will managed by app
+         */
+        this.manualNavigation = false;
+        this.onActivate = new EventEmitter();
+    }
+    onStepClick(step) {
+        if (this.manualNavigation) {
+            return;
+        }
+        const activeIdx = this.steps.indexOf(step);
+        // update states
+        for (let [idx, step] of this.steps.entries()) {
+            step.active = idx <= activeIdx;
+        }
+        this.onActivate.emit(step);
+    }
+}
+ZenduBreadcrumbs.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ZenduBreadcrumbs, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ZenduBreadcrumbs.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: ZenduBreadcrumbs, selector: "zen-breadcrumbs", inputs: { steps: "steps", manualNavigation: "manualNavigation" }, outputs: { onActivate: "onActivate" }, ngImport: i0, template: "<div class=\"component\">\n    <ng-container *ngFor=\"let step of steps; let isLast = last;\">\n        <div class=\"line\"\n             [ngClass]=\"{\n                'active': step.active,\n                'width': steps.length !== 1\n             }\"></div>\n        <div class=\"step\"\n             [ngClass]=\"{\n                'active': step.active,\n                'mannual-navigation': manualNavigation,\n                'text-nowrap': steps.length === 1\n             }\"\n             (click)=\"onStepClick(step)\">\n            {{step.text}}\n        </div>\n        <!-- last line -->\n        <div *ngIf=\"isLast\"\n             class=\"line\"\n             [ngClass]=\"{\n                'active': step.active,\n                'width': steps.length !== 1\n             }\"></div>\n    </ng-container>\n\n</div>", styles: [".component{display:flex;align-items:center;position:relative;width:100%}.component .line{flex:1;background-color:var(--color-white-tint-2, #ececed);height:8px;width:100%}.component .line.active{background-color:var(--color-primary, #2188d9)}.component .line.width{width:12px}.component :first-child.line{flex:unset;border-top-left-radius:4px;border-bottom-left-radius:4px}.component :last-child.line{flex:unset;border-top-right-radius:4px;border-bottom-right-radius:4px}.component .step{background:white;position:relative;display:flex;padding:8px 24px;justify-content:center;align-items:center;margin:0 -2px;border-radius:50px;border:2px solid var(--color-primary, #2188d9);color:var(--color-primary, #2188d9);font-size:16px;font-style:normal;font-weight:400;cursor:pointer}.component .step.active{background-color:var(--color-primary, #2188d9);color:var(--color-white-primary, #ffffff)}.component .step.mannual-navigation{cursor:default}.component .step.text-nowrap{white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "14.2.12", ngImport: i0, type: ZenduBreadcrumbs, decorators: [{
+            type: Component,
+            args: [{ selector: 'zen-breadcrumbs', template: "<div class=\"component\">\n    <ng-container *ngFor=\"let step of steps; let isLast = last;\">\n        <div class=\"line\"\n             [ngClass]=\"{\n                'active': step.active,\n                'width': steps.length !== 1\n             }\"></div>\n        <div class=\"step\"\n             [ngClass]=\"{\n                'active': step.active,\n                'mannual-navigation': manualNavigation,\n                'text-nowrap': steps.length === 1\n             }\"\n             (click)=\"onStepClick(step)\">\n            {{step.text}}\n        </div>\n        <!-- last line -->\n        <div *ngIf=\"isLast\"\n             class=\"line\"\n             [ngClass]=\"{\n                'active': step.active,\n                'width': steps.length !== 1\n             }\"></div>\n    </ng-container>\n\n</div>", styles: [".component{display:flex;align-items:center;position:relative;width:100%}.component .line{flex:1;background-color:var(--color-white-tint-2, #ececed);height:8px;width:100%}.component .line.active{background-color:var(--color-primary, #2188d9)}.component .line.width{width:12px}.component :first-child.line{flex:unset;border-top-left-radius:4px;border-bottom-left-radius:4px}.component :last-child.line{flex:unset;border-top-right-radius:4px;border-bottom-right-radius:4px}.component .step{background:white;position:relative;display:flex;padding:8px 24px;justify-content:center;align-items:center;margin:0 -2px;border-radius:50px;border:2px solid var(--color-primary, #2188d9);color:var(--color-primary, #2188d9);font-size:16px;font-style:normal;font-weight:400;cursor:pointer}.component .step.active{background-color:var(--color-primary, #2188d9);color:var(--color-white-primary, #ffffff)}.component .step.mannual-navigation{cursor:default}.component .step.text-nowrap{white-space:nowrap}\n"] }]
+        }], propDecorators: { steps: [{
+                type: Input
+            }], manualNavigation: [{
+                type: Input
+            }], onActivate: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiemVuZHUtYnJlYWRjcnVtYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctemVuZHVpdC9zcmMvbGliL2JyZWFkY3J1bWJzL3plbmR1LWJyZWFkY3J1bWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLXplbmR1aXQvc3JjL2xpYi9icmVhZGNydW1icy96ZW5kdS1icmVhZGNydW1icy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFnQnZFLE1BQU0sT0FBTyxnQkFBZ0I7SUFMN0I7UUFNVyxVQUFLLEdBQXFCLEVBQUUsQ0FBQztRQUV0Qzs7V0FFRztRQUNNLHFCQUFnQixHQUFHLEtBQUssQ0FBQztRQUV4QixlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQWtCLENBQUM7S0FhM0Q7SUFYUSxXQUFXLENBQUMsSUFBb0I7UUFDckMsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEVBQUU7WUFDekIsT0FBTztTQUNSO1FBQ0QsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDM0MsZ0JBQWdCO1FBQ2hCLEtBQUssSUFBSSxDQUFDLEdBQUcsRUFBRSxJQUFJLENBQUMsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRSxFQUFFO1lBQzVDLElBQUksQ0FBQyxNQUFNLEdBQUcsR0FBRyxJQUFJLFNBQVMsQ0FBQztTQUNoQztRQUNELElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzdCLENBQUM7OzhHQXBCVSxnQkFBZ0I7a0dBQWhCLGdCQUFnQixnS0NoQjdCLCt6QkF5Qk07NEZEVE8sZ0JBQWdCO2tCQUw1QixTQUFTOytCQUNFLGlCQUFpQjs4QkFLbEIsS0FBSztzQkFBYixLQUFLO2dCQUtHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFFSSxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW50ZXJmYWNlIEJyZWFkY3J1bWJTdGVwIHtcbiAgdGV4dDogc3RyaW5nO1xuICBhY3RpdmU6IGJvb2xlYW47XG4gIC8qKlxuICAgKiB1c2VyJ3MgY3VzdG9tIGRhdGFcbiAgICovXG4gIHRhZz86IHVua25vd247XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3plbi1icmVhZGNydW1icycsXG4gIHRlbXBsYXRlVXJsOiAnLi96ZW5kdS1icmVhZGNydW1icy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3plbmR1LWJyZWFkY3J1bWJzLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFplbmR1QnJlYWRjcnVtYnMge1xuICBASW5wdXQoKSBzdGVwczogQnJlYWRjcnVtYlN0ZXBbXSA9IFtdO1xuXG4gIC8qKlxuICAgKiBFbmFibGUgbWFudWFsIGFjdGl2YXRpb24uIEluIHRoaXMgY2FzZSBhY3RpdmUgdHJpcHMgd2lsbCBtYW5hZ2VkIGJ5IGFwcFxuICAgKi9cbiAgQElucHV0KCkgbWFudWFsTmF2aWdhdGlvbiA9IGZhbHNlO1xuXG4gIEBPdXRwdXQoKSBvbkFjdGl2YXRlID0gbmV3IEV2ZW50RW1pdHRlcjxCcmVhZGNydW1iU3RlcD4oKTtcblxuICBwdWJsaWMgb25TdGVwQ2xpY2soc3RlcDogQnJlYWRjcnVtYlN0ZXApIHtcbiAgICBpZiAodGhpcy5tYW51YWxOYXZpZ2F0aW9uKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGNvbnN0IGFjdGl2ZUlkeCA9IHRoaXMuc3RlcHMuaW5kZXhPZihzdGVwKTtcbiAgICAvLyB1cGRhdGUgc3RhdGVzXG4gICAgZm9yIChsZXQgW2lkeCwgc3RlcF0gb2YgdGhpcy5zdGVwcy5lbnRyaWVzKCkpIHtcbiAgICAgIHN0ZXAuYWN0aXZlID0gaWR4IDw9IGFjdGl2ZUlkeDtcbiAgICB9XG4gICAgdGhpcy5vbkFjdGl2YXRlLmVtaXQoc3RlcCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJjb21wb25lbnRcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBzdGVwIG9mIHN0ZXBzOyBsZXQgaXNMYXN0ID0gbGFzdDtcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImxpbmVcIlxuICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgICAgICAnYWN0aXZlJzogc3RlcC5hY3RpdmUsXG4gICAgICAgICAgICAgICAgJ3dpZHRoJzogc3RlcHMubGVuZ3RoICE9PSAxXG4gICAgICAgICAgICAgfVwiPjwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwic3RlcFwiXG4gICAgICAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgICAgICdhY3RpdmUnOiBzdGVwLmFjdGl2ZSxcbiAgICAgICAgICAgICAgICAnbWFubnVhbC1uYXZpZ2F0aW9uJzogbWFudWFsTmF2aWdhdGlvbixcbiAgICAgICAgICAgICAgICAndGV4dC1ub3dyYXAnOiBzdGVwcy5sZW5ndGggPT09IDFcbiAgICAgICAgICAgICB9XCJcbiAgICAgICAgICAgICAoY2xpY2spPVwib25TdGVwQ2xpY2soc3RlcClcIj5cbiAgICAgICAgICAgIHt7c3RlcC50ZXh0fX1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDwhLS0gbGFzdCBsaW5lIC0tPlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiaXNMYXN0XCJcbiAgICAgICAgICAgICBjbGFzcz1cImxpbmVcIlxuICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgICAgICAnYWN0aXZlJzogc3RlcC5hY3RpdmUsXG4gICAgICAgICAgICAgICAgJ3dpZHRoJzogc3RlcHMubGVuZ3RoICE9PSAxXG4gICAgICAgICAgICAgfVwiPjwvZGl2PlxuICAgIDwvbmctY29udGFpbmVyPlxuXG48L2Rpdj4iXX0=

package/esm2020/lib/card-block/zendu-card-block.component.mjs

@@ -0,0 +1,21 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../icon/zendu-icon.component";
+export class ZenduCardBlockComponent {
+}
+ZenduCardBlockComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ZenduCardBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ZenduCardBlockComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: ZenduCardBlockComponent, selector: "zen-card-block", inputs: { icon: "icon", title: "title", text: "text", selected: "selected" }, ngImport: i0, template: "<div class=\"component\">\n    <zen-icon *ngIf=\"icon\"\n              [src]=\"icon\"></zen-icon>\n\n    <div class=\"title\">\n        {{title}}\n    </div>\n    <div class=\"text\">\n        {{text}}\n    </div>\n</div>\n", styles: [".component{border-radius:10px;border:2px solid transparent;background:var(--color-white-primary, #ffffff);box-shadow:0 0 20px 2px #f0f0f0;padding:16px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%}.component:hover{border:2px solid var(--color-grey-shade-7, #121212)}.component zen-icon{width:50px;height:50px}.component .title{width:167px;text-align:center;font-family:Roboto;font-size:32px;font-style:normal;font-weight:500}.component .text{color:var(--color-white-tint-6, #bebebe);text-align:center;margin-top:22px;font-size:16px;font-style:normal;font-weight:400;line-height:130%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ZenduIconComponent, selector: "zen-icon", inputs: ["src"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ZenduCardBlockComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'zen-card-block', template: "<div class=\"component\">\n    <zen-icon *ngIf=\"icon\"\n              [src]=\"icon\"></zen-icon>\n\n    <div class=\"title\">\n        {{title}}\n    </div>\n    <div class=\"text\">\n        {{text}}\n    </div>\n</div>\n", styles: [".component{border-radius:10px;border:2px solid transparent;background:var(--color-white-primary, #ffffff);box-shadow:0 0 20px 2px #f0f0f0;padding:16px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%}.component:hover{border:2px solid var(--color-grey-shade-7, #121212)}.component zen-icon{width:50px;height:50px}.component .title{width:167px;text-align:center;font-family:Roboto;font-size:32px;font-style:normal;font-weight:500}.component .text{color:var(--color-white-tint-6, #bebebe);text-align:center;margin-top:22px;font-size:16px;font-style:normal;font-weight:400;line-height:130%}\n"] }]
+        }], propDecorators: { icon: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiemVuZHUtY2FyZC1ibG9jay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy16ZW5kdWl0L3NyYy9saWIvY2FyZC1ibG9jay96ZW5kdS1jYXJkLWJsb2NrLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLXplbmR1aXQvc3JjL2xpYi9jYXJkLWJsb2NrL3plbmR1LWNhcmQtYmxvY2suY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPakQsTUFBTSxPQUFPLHVCQUF1Qjs7cUhBQXZCLHVCQUF1Qjt5R0FBdkIsdUJBQXVCLG9JQ1BwQyxpT0FXQTs0RkRKYSx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0ksZ0JBQWdCOzhCQU1qQixJQUFJO3NCQUFaLEtBQUs7Z0JBRUcsS0FBSztzQkFBYixLQUFLO2dCQUVHLElBQUk7c0JBQVosS0FBSztnQkFFRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3plbi1jYXJkLWJsb2NrJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vemVuZHUtY2FyZC1ibG9jay5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vemVuZHUtY2FyZC1ibG9jay5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFplbmR1Q2FyZEJsb2NrQ29tcG9uZW50IHtcblxuICAgIEBJbnB1dCgpIGljb246IHN0cmluZztcblxuICAgIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XG5cbiAgICBASW5wdXQoKSB0ZXh0OiBzdHJpbmc7XG5cbiAgICBASW5wdXQoKSBzZWxlY3RlZDogYm9vbGVhbjtcblxufVxuIiwiPGRpdiBjbGFzcz1cImNvbXBvbmVudFwiPlxuICAgIDx6ZW4taWNvbiAqbmdJZj1cImljb25cIlxuICAgICAgICAgICAgICBbc3JjXT1cImljb25cIj48L3plbi1pY29uPlxuXG4gICAgPGRpdiBjbGFzcz1cInRpdGxlXCI+XG4gICAgICAgIHt7dGl0bGV9fVxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJ0ZXh0XCI+XG4gICAgICAgIHt7dGV4dH19XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2020/lib/checkbox/zendu-checkbox.component.mjs

@@ -0,0 +1,44 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class ZenduCheckboxComponent {
+    constructor() {
+        this.checkedChange = new EventEmitter();
+        this.label = 'Enable';
+        this.disabled = false;
+        this.disableValueChange = false;
+        this.indeterminate = false;
+    }
+    /**
+     * Toggle state
+     */
+    toggle() {
+        if (this.disabled || this.disableValueChange) {
+            return;
+        }
+        this.checked = !this.checked;
+        this.indeterminate = false;
+        this.checkedChange.emit(this.checked);
+    }
+}
+ZenduCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ZenduCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ZenduCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: ZenduCheckboxComponent, selector: "zen-checkbox", inputs: { checked: "checked", label: "label", disabled: "disabled", disableValueChange: "disableValueChange", indeterminate: "indeterminate", imageUrl: "imageUrl" }, outputs: { checkedChange: "checkedChange" }, ngImport: i0, template: "<div class=\"checkbox-component\"\n     [ngClass]=\"{'app-disabled': disabled}\"\n     (click)=\"toggle()\">\n   <button class=\"app-checkbox\"\n        [ngClass]=\"{ 'app-checked': checked && !indeterminate, 'app-indeterminate': indeterminate }\">\n      <i *ngIf=\"checked && !indeterminate\"\n         class=\"material-icons app-checkbox-icon\">done</i>\n      <i *ngIf=\"indeterminate\"\n         class=\"material-icons app-checkbox-icon\">remove</i>\n   </button>\n   <div class=\"app-checkbox-label\"\n        *ngIf=\"label\">\n      <img class=\"checkbox-image\"\n           [src]=\"imageUrl\"\n           *ngIf=\"imageUrl\">\n      {{label}}\n   </div>\n</div>", styles: [".checkbox-component{display:flex;align-items:center;cursor:pointer;gap:8px}.checkbox-component .app-checkbox{padding:4px;position:relative;width:20px;min-width:20px;height:20px;min-height:20px;border:1.6px solid #d6d6d8;border-radius:2px;box-sizing:border-box;color:#fff;background:transparent}.checkbox-component .app-checkbox:focus{outline:none;box-shadow:0 0 2px 2px #2188d94d}.checkbox-component .app-checkbox.app-checked{border-color:var(--color-primary, #2188d9);color:var(--color-primary, #2188d9)}.checkbox-component .app-checkbox.app-checked+.app-checkbox-label{color:#4f4f4f}.checkbox-component .app-checkbox.app-indeterminate{border-color:var(--color-primary, #2188d9);color:var(--color-primary, #2188d9)}.checkbox-component .app-checkbox .app-checkbox-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px}.checkbox-component .app-checkbox-label{font-weight:400;font-size:14px;line-height:130%;color:#828282;display:flex;align-items:center}.checkbox-component .app-checkbox-label .checkbox-image{margin-right:8px;width:36px}.checkbox-component:hover,.checkbox-component:focus{outline:none;text-decoration:none}.checkbox-component:hover .app-checkbox,.checkbox-component:focus .app-checkbox{border-color:#16598d}.checkbox-component:hover .app-checkbox.app-checked,.checkbox-component:focus .app-checkbox.app-checked{border-color:#16598d;color:#16598d}.checkbox-component:hover .app-checkbox.app-indeterminate,.checkbox-component:focus .app-checkbox.app-indeterminate{border-color:#16598d;color:#16598d}.checkbox-component.app-disabled{cursor:not-allowed}.checkbox-component.app-disabled .app-checkbox{border-color:#ececed}.checkbox-component.app-disabled .app-checkbox.app-checked,.checkbox-component.app-disabled .app-checkbox.app-indeterminate{border-color:#ececed;color:#ececed}.checkbox-component.app-disabled .app-checkbox-label{color:#ececed}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ZenduCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'zen-checkbox', template: "<div class=\"checkbox-component\"\n     [ngClass]=\"{'app-disabled': disabled}\"\n     (click)=\"toggle()\">\n   <button class=\"app-checkbox\"\n        [ngClass]=\"{ 'app-checked': checked && !indeterminate, 'app-indeterminate': indeterminate }\">\n      <i *ngIf=\"checked && !indeterminate\"\n         class=\"material-icons app-checkbox-icon\">done</i>\n      <i *ngIf=\"indeterminate\"\n         class=\"material-icons app-checkbox-icon\">remove</i>\n   </button>\n   <div class=\"app-checkbox-label\"\n        *ngIf=\"label\">\n      <img class=\"checkbox-image\"\n           [src]=\"imageUrl\"\n           *ngIf=\"imageUrl\">\n      {{label}}\n   </div>\n</div>", styles: [".checkbox-component{display:flex;align-items:center;cursor:pointer;gap:8px}.checkbox-component .app-checkbox{padding:4px;position:relative;width:20px;min-width:20px;height:20px;min-height:20px;border:1.6px solid #d6d6d8;border-radius:2px;box-sizing:border-box;color:#fff;background:transparent}.checkbox-component .app-checkbox:focus{outline:none;box-shadow:0 0 2px 2px #2188d94d}.checkbox-component .app-checkbox.app-checked{border-color:var(--color-primary, #2188d9);color:var(--color-primary, #2188d9)}.checkbox-component .app-checkbox.app-checked+.app-checkbox-label{color:#4f4f4f}.checkbox-component .app-checkbox.app-indeterminate{border-color:var(--color-primary, #2188d9);color:var(--color-primary, #2188d9)}.checkbox-component .app-checkbox .app-checkbox-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px}.checkbox-component .app-checkbox-label{font-weight:400;font-size:14px;line-height:130%;color:#828282;display:flex;align-items:center}.checkbox-component .app-checkbox-label .checkbox-image{margin-right:8px;width:36px}.checkbox-component:hover,.checkbox-component:focus{outline:none;text-decoration:none}.checkbox-component:hover .app-checkbox,.checkbox-component:focus .app-checkbox{border-color:#16598d}.checkbox-component:hover .app-checkbox.app-checked,.checkbox-component:focus .app-checkbox.app-checked{border-color:#16598d;color:#16598d}.checkbox-component:hover .app-checkbox.app-indeterminate,.checkbox-component:focus .app-checkbox.app-indeterminate{border-color:#16598d;color:#16598d}.checkbox-component.app-disabled{cursor:not-allowed}.checkbox-component.app-disabled .app-checkbox{border-color:#ececed}.checkbox-component.app-disabled .app-checkbox.app-checked,.checkbox-component.app-disabled .app-checkbox.app-indeterminate{border-color:#ececed;color:#ececed}.checkbox-component.app-disabled .app-checkbox-label{color:#ececed}\n"] }]
+        }], propDecorators: { checked: [{
+                type: Input
+            }], checkedChange: [{
+                type: Output
+            }], label: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], disableValueChange: [{
+                type: Input
+            }], indeterminate: [{
+                type: Input
+            }], imageUrl: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiemVuZHUtY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctemVuZHVpdC9zcmMvbGliL2NoZWNrYm94L3plbmR1LWNoZWNrYm94LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLXplbmR1aXQvc3JjL2xpYi9jaGVja2JveC96ZW5kdS1jaGVja2JveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPdkUsTUFBTSxPQUFPLHNCQUFzQjtJQUxuQztRQVNZLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUU3QyxVQUFLLEdBQW9CLFFBQVEsQ0FBQztRQUVsQyxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRWpCLHVCQUFrQixHQUFHLEtBQUssQ0FBQztRQUUzQixrQkFBYSxHQUFHLEtBQUssQ0FBQztLQWlCaEM7SUFiQzs7T0FFRztJQUNJLE1BQU07UUFDWCxJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLGtCQUFrQixFQUFFO1lBQzVDLE9BQU87U0FDUjtRQUVELElBQUksQ0FBQyxPQUFPLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDO1FBQzdCLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO1FBRTNCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUN4QyxDQUFDOztvSEE1QlUsc0JBQXNCO3dHQUF0QixzQkFBc0IsdVFDUG5DLDhwQkFpQk07NEZEVk8sc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLGNBQWM7OEJBTWYsT0FBTztzQkFBZixLQUFLO2dCQUVJLGFBQWE7c0JBQXRCLE1BQU07Z0JBRUUsS0FBSztzQkFBYixLQUFLO2dCQUVHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUcsa0JBQWtCO3NCQUExQixLQUFLO2dCQUVHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBRUcsUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3plbi1jaGVja2JveCcsXG4gIHRlbXBsYXRlVXJsOiAnLi96ZW5kdS1jaGVja2JveC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3plbmR1LWNoZWNrYm94LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgWmVuZHVDaGVja2JveENvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgY2hlY2tlZDogYm9vbGVhbjtcblxuICBAT3V0cHV0KCkgY2hlY2tlZENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nIHwgbnVtYmVyID0gJ0VuYWJsZSc7XG5cbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcblxuICBASW5wdXQoKSBkaXNhYmxlVmFsdWVDaGFuZ2UgPSBmYWxzZTtcblxuICBASW5wdXQoKSBpbmRldGVybWluYXRlID0gZmFsc2U7XG5cbiAgQElucHV0KCkgaW1hZ2VVcmw6IHN0cmluZztcblxuICAvKipcbiAgICogVG9nZ2xlIHN0YXRlXG4gICAqL1xuICBwdWJsaWMgdG9nZ2xlKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmRpc2FibGVkIHx8IHRoaXMuZGlzYWJsZVZhbHVlQ2hhbmdlKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5jaGVja2VkID0gIXRoaXMuY2hlY2tlZDtcbiAgICB0aGlzLmluZGV0ZXJtaW5hdGUgPSBmYWxzZTtcblxuICAgIHRoaXMuY2hlY2tlZENoYW5nZS5lbWl0KHRoaXMuY2hlY2tlZCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJjaGVja2JveC1jb21wb25lbnRcIlxuICAgICBbbmdDbGFzc109XCJ7J2FwcC1kaXNhYmxlZCc6IGRpc2FibGVkfVwiXG4gICAgIChjbGljayk9XCJ0b2dnbGUoKVwiPlxuICAgPGJ1dHRvbiBjbGFzcz1cImFwcC1jaGVja2JveFwiXG4gICAgICAgIFtuZ0NsYXNzXT1cInsgJ2FwcC1jaGVja2VkJzogY2hlY2tlZCAmJiAhaW5kZXRlcm1pbmF0ZSwgJ2FwcC1pbmRldGVybWluYXRlJzogaW5kZXRlcm1pbmF0ZSB9XCI+XG4gICAgICA8aSAqbmdJZj1cImNoZWNrZWQgJiYgIWluZGV0ZXJtaW5hdGVcIlxuICAgICAgICAgY2xhc3M9XCJtYXRlcmlhbC1pY29ucyBhcHAtY2hlY2tib3gtaWNvblwiPmRvbmU8L2k+XG4gICAgICA8aSAqbmdJZj1cImluZGV0ZXJtaW5hdGVcIlxuICAgICAgICAgY2xhc3M9XCJtYXRlcmlhbC1pY29ucyBhcHAtY2hlY2tib3gtaWNvblwiPnJlbW92ZTwvaT5cbiAgIDwvYnV0dG9uPlxuICAgPGRpdiBjbGFzcz1cImFwcC1jaGVja2JveC1sYWJlbFwiXG4gICAgICAgICpuZ0lmPVwibGFiZWxcIj5cbiAgICAgIDxpbWcgY2xhc3M9XCJjaGVja2JveC1pbWFnZVwiXG4gICAgICAgICAgIFtzcmNdPVwiaW1hZ2VVcmxcIlxuICAgICAgICAgICAqbmdJZj1cImltYWdlVXJsXCI+XG4gICAgICB7e2xhYmVsfX1cbiAgIDwvZGl2PlxuPC9kaXY+Il19

package/esm2020/lib/colorpicker/zendu-colorpicker.component.mjs

@@ -0,0 +1,106 @@
+import { Component, EventEmitter, HostListener, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class ZenduColorPickerComponent {
+    constructor(_element) {
+        this._element = _element;
+        this.colorChange = new EventEmitter();
+        this.icon = "text";
+        this.showNone = true;
+        this.opened = false;
+        this.menuLeft = "0px";
+        this.menuTop = "";
+        this.menuBottom = "";
+        this.colorsRows = [
+            { colors: ["#000000", "#666666", "#b7b7b7", "#cccccc", "#d9d9d9", "#efefef", "#ffffff"] },
+            { colors: ["#CC0000", "#E69138", "#F1C232", "#6AA84F", "#3C78D8", "#674EA7", "#A64D79"] },
+            { colors: ["#E06666", "#F6B26B", "#FFD966", "#93C47D", "#6D9EEB", "#8E7CC3", "#C27BA0"] },
+            { colors: ["#EA9999", "#F9CB9C", "#FFE599", "#B6D7A8", "#A4C2F4", "#B4A7D6", "#D5A6BD"] },
+            { colors: ["#F4CCCC", "#FCE5CD", "#FFF2CC", "#D9EAD3", "#C9DAF8", "#D9D2E9", "#EAD1DC"] }
+        ];
+    }
+    outsideHandling(event) {
+        if (!document.body.contains(event.target)) {
+            // element not in the DOM
+            return;
+        }
+        if (this._element.nativeElement.contains(event.target)) {
+            return;
+        }
+        this.hidePicker();
+    }
+    scroll() {
+        this.updatePlacement();
+    }
+    ngOnChanges(changes) {
+        if (changes["customTarget"] &&
+            changes["customTarget"].currentValue &&
+            this.customTarget) {
+            this.customTarget.addEventListener("click", this.toggleEvent.bind(this));
+        }
+        this.updatePlacement();
+    }
+    toggleEvent(evt) {
+        this.toggle();
+        evt.stopPropagation();
+    }
+    toggle() {
+        this.updatePlacement();
+        this.opened = !this.opened;
+    }
+    updatePlacement() {
+        let container;
+        if (this.customTarget) {
+            container = this.customTarget;
+        }
+        else {
+            const component = this._element.nativeElement;
+            container = component.getElementsByClassName("colorpicker-component").item(0);
+        }
+        const left = container.getBoundingClientRect().left;
+        const top = container.getBoundingClientRect().top;
+        const bottom = container.getBoundingClientRect().bottom;
+        const margin = 8;
+        this.menuLeft = `${left}px`;
+        const distToBottomOfPage = window.innerHeight - top;
+        if (distToBottomOfPage > 150) {
+            this.menuTop = `${bottom + margin}px`;
+            this.menuBottom = "";
+        }
+        else {
+            const bottomFixed = window.innerHeight - top + margin;
+            this.menuBottom = `${bottomFixed}px`;
+            this.menuTop = "";
+        }
+    }
+    hidePicker() {
+        this.opened = false;
+    }
+    selectColor(color) {
+        this.color = color;
+        this.colorChange.emit(color);
+    }
+}
+ZenduColorPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ZenduColorPickerComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+ZenduColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: ZenduColorPickerComponent, selector: "zen-colorpicker", inputs: { color: "color", icon: "icon", customTarget: "customTarget", showNone: "showNone" }, outputs: { colorChange: "colorChange" }, host: { listeners: { "window:mousedown": "outsideHandling($event)", "window:scroll": "scroll()" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"colorpicker-component\"\n     (click)=\"toggle()\"\n     [class.opened]=\"opened\"\n     [class.no-size]=\"customTarget\">\n\n   <ng-container *ngIf=\"!customTarget\">\n      <div *ngIf=\"icon == 'text'\">\n         <img src=\"https://storage.googleapis.com/zenduit-icons/components/color_picker_text.svg\"\n              class=\"icon-text\">\n      </div>\n\n      <div *ngIf=\"icon == 'paint'\">\n         <img src=\"https://storage.googleapis.com/zenduit-icons/components/color_picker_paint.svg\"\n              class=\"icon-paint\">\n      </div>\n\n      <div class=\"toggle\">\n         <i class=\"material-icons\">arrow_drop_down</i>\n      </div>\n\n      <div class=\"color-line\"\n           [ngStyle]=\"{'border-color': color}\">\n      </div>\n   </ng-container>\n\n   <div *ngIf=\"opened\"\n        class=\"color-menu\"\n        [ngStyle]=\"{ 'left': menuLeft, 'top': menuTop, 'bottom': menuBottom }\">\n\n      <div class=\"colors-container\">\n         <div *ngFor=\"let row of colorsRows\"\n              class=\"color-row\">\n            <div *ngFor=\"let rowColor of row.colors\"\n                 (click)=\"selectColor(rowColor)\"\n                 class=\"color-item\"\n                 [ngStyle]=\"{'background-color': rowColor}\">\n               <div *ngIf=\"rowColor == color\"\n                    class=\"select-icon\">\n                  <i class=\"material-icons\">check</i>\n               </div>\n            </div>\n         </div>\n      </div>\n\n      <div *ngIf=\"showNone\"\n           class=\"no-color\"\n           (click)=\"selectColor('')\">\n         None\n      </div>\n   </div>\n</div>\n", styles: [".colorpicker-component{border:1px solid var(--color-primary, #2188d9);position:relative;border-radius:4px;padding:3px 4px;width:29px;height:19px;display:flex;cursor:pointer}.colorpicker-component.no-size{border:0;width:0px;height:0px;padding:0;margin:0}.colorpicker-component .color-line{width:14px;border:2px solid;position:absolute;bottom:5px;left:3px;z-index:1;background-color:#000}.colorpicker-component .material-icons{color:#333;font-size:16px}.colorpicker-component .icon-paint{margin-bottom:2px;margin-left:2px;height:13px;width:13px}.colorpicker-component .icon-text{margin-bottom:4px;margin-left:2px;height:11px;width:11px}.colorpicker-component .toggle{padding-top:4px}.colorpicker-component.opened{background:rgba(33,136,217,.1)}.colorpicker-component.opened .material-icons{color:var(--color-primary, #2188d9)!important}.colorpicker-component .color-menu{background:#ffffff;box-shadow:0 2px 4px -1px #00000008,0 4px 5px #0000003d,0 1px 10px #0000001a;border-radius:8px;position:fixed;overflow-y:auto;white-space:initial;padding:4px;z-index:10}.colorpicker-component .color-menu .colors-container .color-row{display:flex;align-items:center;justify-content:space-between}.colorpicker-component .color-menu .colors-container .color-row .color-item{width:14px;height:14px;cursor:pointer;border:1px solid #d5d5d5;border-radius:1px;margin:1px}.colorpicker-component .color-menu .colors-container .color-row .select-icon{position:relative}.colorpicker-component .color-menu .colors-container .color-row .select-icon .material-icons{position:absolute;color:#fff!important;font-size:12px;font-weight:700}.colorpicker-component .color-menu .no-color{background:#ffffff;border:1px solid #b0b0b0;border-radius:5px;font-family:Roboto;font-style:normal;font-weight:400;font-size:12px;display:flex;justify-content:center;margin-top:5px;cursor:pointer;color:#333}\n"], 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: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ZenduColorPickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'zen-colorpicker', template: "<div class=\"colorpicker-component\"\n     (click)=\"toggle()\"\n     [class.opened]=\"opened\"\n     [class.no-size]=\"customTarget\">\n\n   <ng-container *ngIf=\"!customTarget\">\n      <div *ngIf=\"icon == 'text'\">\n         <img src=\"https://storage.googleapis.com/zenduit-icons/components/color_picker_text.svg\"\n              class=\"icon-text\">\n      </div>\n\n      <div *ngIf=\"icon == 'paint'\">\n         <img src=\"https://storage.googleapis.com/zenduit-icons/components/color_picker_paint.svg\"\n              class=\"icon-paint\">\n      </div>\n\n      <div class=\"toggle\">\n         <i class=\"material-icons\">arrow_drop_down</i>\n      </div>\n\n      <div class=\"color-line\"\n           [ngStyle]=\"{'border-color': color}\">\n      </div>\n   </ng-container>\n\n   <div *ngIf=\"opened\"\n        class=\"color-menu\"\n        [ngStyle]=\"{ 'left': menuLeft, 'top': menuTop, 'bottom': menuBottom }\">\n\n      <div class=\"colors-container\">\n         <div *ngFor=\"let row of colorsRows\"\n              class=\"color-row\">\n            <div *ngFor=\"let rowColor of row.colors\"\n                 (click)=\"selectColor(rowColor)\"\n                 class=\"color-item\"\n                 [ngStyle]=\"{'background-color': rowColor}\">\n               <div *ngIf=\"rowColor == color\"\n                    class=\"select-icon\">\n                  <i class=\"material-icons\">check</i>\n               </div>\n            </div>\n         </div>\n      </div>\n\n      <div *ngIf=\"showNone\"\n           class=\"no-color\"\n           (click)=\"selectColor('')\">\n         None\n      </div>\n   </div>\n</div>\n", styles: [".colorpicker-component{border:1px solid var(--color-primary, #2188d9);position:relative;border-radius:4px;padding:3px 4px;width:29px;height:19px;display:flex;cursor:pointer}.colorpicker-component.no-size{border:0;width:0px;height:0px;padding:0;margin:0}.colorpicker-component .color-line{width:14px;border:2px solid;position:absolute;bottom:5px;left:3px;z-index:1;background-color:#000}.colorpicker-component .material-icons{color:#333;font-size:16px}.colorpicker-component .icon-paint{margin-bottom:2px;margin-left:2px;height:13px;width:13px}.colorpicker-component .icon-text{margin-bottom:4px;margin-left:2px;height:11px;width:11px}.colorpicker-component .toggle{padding-top:4px}.colorpicker-component.opened{background:rgba(33,136,217,.1)}.colorpicker-component.opened .material-icons{color:var(--color-primary, #2188d9)!important}.colorpicker-component .color-menu{background:#ffffff;box-shadow:0 2px 4px -1px #00000008,0 4px 5px #0000003d,0 1px 10px #0000001a;border-radius:8px;position:fixed;overflow-y:auto;white-space:initial;padding:4px;z-index:10}.colorpicker-component .color-menu .colors-container .color-row{display:flex;align-items:center;justify-content:space-between}.colorpicker-component .color-menu .colors-container .color-row .color-item{width:14px;height:14px;cursor:pointer;border:1px solid #d5d5d5;border-radius:1px;margin:1px}.colorpicker-component .color-menu .colors-container .color-row .select-icon{position:relative}.colorpicker-component .color-menu .colors-container .color-row .select-icon .material-icons{position:absolute;color:#fff!important;font-size:12px;font-weight:700}.colorpicker-component .color-menu .no-color{background:#ffffff;border:1px solid #b0b0b0;border-radius:5px;font-family:Roboto;font-style:normal;font-weight:400;font-size:12px;display:flex;justify-content:center;margin-top:5px;cursor:pointer;color:#333}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { color: [{
+                type: Input
+            }], colorChange: [{
+                type: Output
+            }], icon: [{
+                type: Input
+            }], customTarget: [{
+                type: Input
+            }], showNone: [{
+                type: Input
+            }], outsideHandling: [{
+                type: HostListener,
+                args: ['window:mousedown', ['$event']]
+            }], scroll: [{
+                type: HostListener,
+                args: ['window:scroll', []]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiemVuZHUtY29sb3JwaWNrZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctemVuZHVpdC9zcmMvbGliL2NvbG9ycGlja2VyL3plbmR1LWNvbG9ycGlja2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLXplbmR1aXQvc3JjL2xpYi9jb2xvcnBpY2tlci96ZW5kdS1jb2xvcnBpY2tlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLFlBQVksRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFhLE1BQU0sRUFBaUIsTUFBTSxlQUFlLENBQUM7OztBQU8zSCxNQUFNLE9BQU8seUJBQXlCO0lBNkNwQyxZQUNVLFFBQW9CO1FBQXBCLGFBQVEsR0FBUixRQUFRLENBQVk7UUExQ3BCLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUUxQyxTQUFJLEdBQUcsTUFBTSxDQUFDO1FBSWQsYUFBUSxHQUFHLElBQUksQ0FBQztRQUVsQixXQUFNLEdBQUcsS0FBSyxDQUFDO1FBRWYsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVqQixZQUFPLEdBQUcsRUFBRSxDQUFDO1FBRWIsZUFBVSxHQUFHLEVBQUUsQ0FBQztRQUVoQixlQUFVLEdBQTJCO1lBQzFDLEVBQUUsTUFBTSxFQUFFLENBQUMsU0FBUyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLEVBQUU7WUFDekYsRUFBRSxNQUFNLEVBQUUsQ0FBQyxTQUFTLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsRUFBRTtZQUN6RixFQUFFLE1BQU0sRUFBRSxDQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLFNB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RyxXQUFXLElBQUksQ0FBQztZQUNyQyxJQUFJLENBQUMsT0FBTyxHQUFHLEVBQUUsQ0FBQztTQUNuQjtJQUNILENBQUM7SUFFTyxVQUFVO1FBQ2hCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO0lBQ3RCLENBQUM7SUFFTSxXQUFXLENBQUMsS0FBYTtRQUM5QixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUNuQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMvQixDQUFDOzt1SEF6R1UseUJBQXlCOzJHQUF6Qix5QkFBeUIsd1RDUHRDLDhtREFtREE7NEZENUNhLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSxpQkFBaUI7aUdBTWxCLEtBQUs7c0JBQWIsS0FBSztnQkFFSSxXQUFXO3NCQUFwQixNQUFNO2dCQUVFLElBQUk7c0JBQVosS0FBSztnQkFFRyxZQUFZO3NCQUFwQixLQUFLO2dCQUVHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBbUJOLGVBQWU7c0JBRGQsWUFBWTt1QkFBQyxrQkFBa0IsRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFhNUMsTUFBTTtzQkFETCxZQUFZO3VCQUFDLGVBQWUsRUFBRSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIE9uQ2hhbmdlcywgT3V0cHV0LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3plbi1jb2xvcnBpY2tlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi96ZW5kdS1jb2xvcnBpY2tlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3plbmR1LWNvbG9ycGlja2VyLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgWmVuZHVDb2xvclBpY2tlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG5cbiAgQElucHV0KCkgY29sb3I6IHN0cmluZztcblxuICBAT3V0cHV0KCkgY29sb3JDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBASW5wdXQoKSBpY29uID0gXCJ0ZXh0XCI7XG5cbiAgQElucHV0KCkgY3VzdG9tVGFyZ2V0OiBIVE1MRWxlbWVudDtcblxuICBASW5wdXQoKSBzaG93Tm9uZSA9IHRydWU7XG5cbiAgcHVibGljIG9wZW5lZCA9IGZhbHNlO1xuXG4gIHB1YmxpYyBtZW51TGVmdCA9IFwiMHB4XCI7XG5cbiAgcHVibGljIG1lbnVUb3AgPSBcIlwiO1xuXG4gIHB1YmxpYyBtZW51Qm90dG9tID0gXCJcIjtcblxuICBwdWJsaWMgY29sb3JzUm93czogeyBjb2xvcnM6IHN0cmluZ1tdIH1bXSA9IFtcbiAgICB7IGNvbG9yczogW1wiIzAwMDAwMFwiLCBcIiM2NjY2NjZcIiwgXCIjYjdiN2I3XCIsIFwiI2NjY2NjY1wiLCBcIiNkOWQ5ZDlcIiwgXCIjZWZlZmVmXCIsIFwiI2ZmZmZmZlwiXSB9LFxuICAgIHsgY29sb3JzOiBbXCIjQ0MwMDAwXCIsIFwiI0U2OTEzOFwiLCBcIiNGMUMyMzJcIiwgXCIjNkFBODRGXCIsIFwiIzNDNzhEOFwiLCBcIiM2NzRFQTdcIiwgXCIjQTY0RDc5XCJdIH0sXG4gICAgeyBjb2xvcnM6IFtcIiNFMDY2NjZcIiwgXCIjRjZCMjZCXCIsIFwiI0ZGRDk2NlwiLCBcIiM5M0M0N0RcIiwgXCIjNkQ5RUVCXCIsIFwiIzhFN0NDM1wiLCBcIiNDMjdCQTBcIl0gfSxcbiAgICB7IGNvbG9yczogW1wiI0VBOTk5OVwiLCBcIiNGOUNCOUNcIiwgXCIjRkZFNTk5XCIsIFwiI0I2RDdBOFwiLCBcIiNBNEMyRjRcIiwgXCIjQjRBN0Q2XCIsIFwiI0Q1QTZCRFwiXSB9LFxuICAgIHsgY29sb3JzOiBbXCIjRjRDQ0NDXCIsIFwiI0ZDRTVDRFwiLCBcIiNGRkYyQ0NcIiwgXCIjRDlFQUQzXCIsIFwiI0M5REFGOFwiLCBcIiNEOUQyRTlcIiwgXCIjRUFEMURDXCJdIH1cbiAgXVxuXG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzptb3VzZWRvd24nLCBbJyRldmVudCddKVxuICBvdXRzaWRlSGFuZGxpbmcoZXZlbnQpIHtcbiAgICBpZiAoIWRvY3VtZW50LmJvZHkuY29udGFpbnMoZXZlbnQudGFyZ2V0KSkge1xuICAgICAgLy8gZWxlbWVudCBub3QgaW4gdGhlIERPTVxuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBpZiAodGhpcy5fZWxlbWVudC5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKGV2ZW50LnRhcmdldCkpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5oaWRlUGlja2VyKCk7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCd3aW5kb3c6c2Nyb2xsJywgW10pXG4gIHNjcm9sbCgpIHtcbiAgICB0aGlzLnVwZGF0ZVBsYWNlbWVudCgpO1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBfZWxlbWVudDogRWxlbWVudFJlZlxuICApIHsgfVxuXG4gIHB1YmxpYyBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKGNoYW5nZXNbXCJjdXN0b21UYXJnZXRcIl0gJiZcbiAgICAgIGNoYW5nZXNbXCJjdXN0b21UYXJnZXRcIl0uY3VycmVudFZhbHVlICYmXG4gICAgICB0aGlzLmN1c3RvbVRhcmdldCkge1xuICAgICAgdGhpcy5jdXN0b21UYXJnZXQuYWRkRXZlbnRMaXN0ZW5lcihcImNsaWNrXCIsIHRoaXMudG9nZ2xlRXZlbnQuYmluZCh0aGlzKSk7XG4gICAgfVxuICAgIHRoaXMudXBkYXRlUGxhY2VtZW50KCk7XG4gIH1cblxuICBwdWJsaWMgdG9nZ2xlRXZlbnQoZXZ0OiBNb3VzZUV2ZW50KSB7XG4gICAgdGhpcy50b2dnbGUoKTtcbiAgICBldnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gIH1cblxuICBwdWJsaWMgdG9nZ2xlKCkge1xuICAgIHRoaXMudXBkYXRlUGxhY2VtZW50KCk7XG4gICAgdGhpcy5vcGVuZWQgPSAhdGhpcy5vcGVuZWQ7XG4gIH1cblxuICBwdWJsaWMgdXBkYXRlUGxhY2VtZW50KCkge1xuXG4gICAgbGV0IGNvbnRhaW5lcjogSFRNTEVsZW1lbnQ7XG4gICAgaWYgKHRoaXMuY3VzdG9tVGFyZ2V0KSB7XG4gICAgICBjb250YWluZXIgPSB0aGlzLmN1c3RvbVRhcmdldDtcbiAgICB9XG4gICAgZWxzZSB7XG4gICAgICBjb25zdCBjb21wb25lbnQgPSB0aGlzLl9lbGVtZW50Lm5hdGl2ZUVsZW1lbnQgYXMgSFRNTEVsZW1lbnQ7XG4gICAgICBjb250YWluZXIgPSBjb21wb25lbnQuZ2V0RWxlbWVudHNCeUNsYXNzTmFtZShcImNvbG9ycGlja2VyLWNvbXBvbmVudFwiKS5pdGVtKDApIGFzIEhUTUxFbGVtZW50O1xuICAgIH1cblxuICAgIGNvbnN0IGxlZnQgPSBjb250YWluZXIuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkubGVmdDtcbiAgICBjb25zdCB0b3AgPSBjb250YWluZXIuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkudG9wO1xuICAgIGNvbnN0IGJvdHRvbSA9IGNvbnRhaW5lci5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS5ib3R0b207XG5cbiAgICBjb25zdCBtYXJnaW4gPSA4O1xuXG4gICAgdGhpcy5tZW51TGVmdCA9IGAke2xlZnR9cHhgO1xuICAgIGNvbnN0IGRpc3RUb0JvdHRvbU9mUGFnZSA9IHdpbmRvdy5pbm5lckhlaWdodCAtIHRvcDtcbiAgICBpZiAoZGlzdFRvQm90dG9tT2ZQYWdlID4gMTUwKSB7XG4gICAgICB0aGlzLm1lbnVUb3AgPSBgJHtib3R0b20gKyBtYXJnaW59cHhgO1xuICAgICAgdGhpcy5tZW51Qm90dG9tID0gXCJcIjtcbiAgICB9XG4gICAgZWxzZSB7XG4gICAgICBjb25zdCBib3R0b21GaXhlZCA9IHdpbmRvdy5pbm5lckhlaWdodCAtIHRvcCArIG1hcmdpbjtcbiAgICAgIHRoaXMubWVudUJvdHRvbSA9IGAke2JvdHRvbUZpeGVkfXB4YDtcbiAgICAgIHRoaXMubWVudVRvcCA9IFwiXCI7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBoaWRlUGlja2VyKCkge1xuICAgIHRoaXMub3BlbmVkID0gZmFsc2U7XG4gIH1cblxuICBwdWJsaWMgc2VsZWN0Q29sb3IoY29sb3I6IHN0cmluZykge1xuICAgIHRoaXMuY29sb3IgPSBjb2xvcjtcbiAgICB0aGlzLmNvbG9yQ2hhbmdlLmVtaXQoY29sb3IpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiY29sb3JwaWNrZXItY29tcG9uZW50XCJcbiAgICAgKGNsaWNrKT1cInRvZ2dsZSgpXCJcbiAgICAgW2NsYXNzLm9wZW5lZF09XCJvcGVuZWRcIlxuICAgICBbY2xhc3Mubm8tc2l6ZV09XCJjdXN0b21UYXJnZXRcIj5cblxuICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFjdXN0b21UYXJnZXRcIj5cbiAgICAgIDxkaXYgKm5nSWY9XCJpY29uID09ICd0ZXh0J1wiPlxuICAgICAgICAgPGltZyBzcmM9XCJodHRwczovL3N0b3JhZ2UuZ29vZ2xlYXBpcy5jb20vemVuZHVpdC1pY29ucy9jb21wb25lbnRzL2NvbG9yX3BpY2tlcl90ZXh0LnN2Z1wiXG4gICAgICAgICAgICAgIGNsYXNzPVwiaWNvbi10ZXh0XCI+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPGRpdiAqbmdJZj1cImljb24gPT0gJ3BhaW50J1wiPlxuICAgICAgICAgPGltZyBzcmM9XCJodHRwczovL3N0b3JhZ2UuZ29vZ2xlYXBpcy5jb20vemVuZHVpdC1pY29ucy9jb21wb25lbnRzL2NvbG9yX3BpY2tlcl9wYWludC5zdmdcIlxuICAgICAgICAgICAgICBjbGFzcz1cImljb24tcGFpbnRcIj5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8ZGl2IGNsYXNzPVwidG9nZ2xlXCI+XG4gICAgICAgICA8aSBjbGFzcz1cIm1hdGVyaWFsLWljb25zXCI+YXJyb3dfZHJvcF9kb3duPC9pPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb2xvci1saW5lXCJcbiAgICAgICAgICAgW25nU3R5bGVdPVwieydib3JkZXItY29sb3InOiBjb2xvcn1cIj5cbiAgICAgIDwvZGl2PlxuICAgPC9uZy1jb250YWluZXI+XG5cbiAgIDxkaXYgKm5nSWY9XCJvcGVuZWRcIlxuICAgICAgICBjbGFzcz1cImNvbG9yLW1lbnVcIlxuICAgICAgICBbbmdTdHlsZV09XCJ7ICdsZWZ0JzogbWVudUxlZnQsICd0b3AnOiBtZW51VG9wLCAnYm90dG9tJzogbWVudUJvdHRvbSB9XCI+XG5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb2xvcnMtY29udGFpbmVyXCI+XG4gICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCByb3cgb2YgY29sb3JzUm93c1wiXG4gICAgICAgICAgICAgIGNsYXNzPVwiY29sb3Itcm93XCI+XG4gICAgICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCByb3dDb2xvciBvZiByb3cuY29sb3JzXCJcbiAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInNlbGVjdENvbG9yKHJvd0NvbG9yKVwiXG4gICAgICAgICAgICAgICAgIGNsYXNzPVwiY29sb3ItaXRlbVwiXG4gICAgICAgICAgICAgICAgIFtuZ1N0eWxlXT1cInsnYmFja2dyb3VuZC1jb2xvcic6IHJvd0NvbG9yfVwiPlxuICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cInJvd0NvbG9yID09IGNvbG9yXCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJzZWxlY3QtaWNvblwiPlxuICAgICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJtYXRlcmlhbC1pY29uc1wiPmNoZWNrPC9pPlxuICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxkaXYgKm5nSWY9XCJzaG93Tm9uZVwiXG4gICAgICAgICAgIGNsYXNzPVwibm8tY29sb3JcIlxuICAgICAgICAgICAoY2xpY2spPVwic2VsZWN0Q29sb3IoJycpXCI+XG4gICAgICAgICBOb25lXG4gICAgICA8L2Rpdj5cbiAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2020/lib/column-configuration/columnState.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uU3RhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy16ZW5kdWl0L3NyYy9saWIvY29sdW1uLWNvbmZpZ3VyYXRpb24vY29sdW1uU3RhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgQ29sdW1uU3RhdGUge1xuICAgIHRlbXBsYXRlPzogc3RyaW5nO1xuXG4gICAgZGlzcGxheU5hbWU6IHN0cmluZztcblxuICAgIHNvcnRLZXk/OiBzdHJpbmc7XG5cbiAgICBpc1Zpc2libGU6IGJvb2xlYW47XG5cbiAgICBjbGFzcz86IHN0cmluZztcbn1cbiJdfQ==

package/esm2020/lib/column-configuration/zendu-column-configuration.component.mjs

@@ -0,0 +1,118 @@
+import { Component, EventEmitter, HostListener, Input, Output, } from '@angular/core';
+import { moveItemInArray } from '@angular/cdk/drag-drop';
+import { Util } from './../util';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/cdk/drag-drop";
+import * as i3 from "../checkbox/zendu-checkbox.component";
+import * as i4 from "../search-box/zendu-search-box.component";
+export class ZenduColumnConfigurationComponent {
+    constructor(_element) {
+        this._element = _element;
+        /**
+         * callback to emit changes for parent component
+         */
+        this.configurationChange = new EventEmitter();
+        /**
+         * input propery
+         */
+        this.configuration = [];
+        /**
+         * Default configuration for reset button
+         */
+        this.defaultConfiguration = [];
+        /**
+         * dropdown position
+         */
+        this.dropdownPosition = 'right';
+        /**
+         * Inital configuration
+         */
+        this._sourceConfiguration = [];
+        this.tempColumnConfiguration = [];
+        this.filteredColumnsConfiguration = [];
+        this.showPanel = false;
+        this.searchText = '';
+    }
+    outsideHandling(event) {
+        if (!document.body.contains(event.target)) {
+            // element not in the DOM
+            return;
+        }
+        if (this._element.nativeElement.contains(event.target)) {
+            return;
+        }
+        // hide the menu for outside click
+        this.hide();
+    }
+    ngOnChanges(changes) {
+        if (changes.configuration.currentValue && this.configuration) {
+            this.initData();
+        }
+    }
+    initData() {
+        this.tempColumnConfiguration = Util.clone(this.configuration);
+        this._sourceConfiguration = Util.clone(this.configuration);
+        this.filterItems();
+    }
+    togglePanel() {
+        this.showPanel = !this.showPanel;
+        // clear search
+        this.searchText = '';
+        if (this.showPanel) {
+            // restore inital values on open
+            this.tempColumnConfiguration = Util.clone(this._sourceConfiguration);
+        }
+        this.filterItems();
+    }
+    apply() {
+        this.configuration = Util.clone(this.tempColumnConfiguration);
+        // overwrite the default as well
+        this._sourceConfiguration = Util.clone(this.tempColumnConfiguration);
+        this.showPanel = false;
+        this.configurationChange.emit(this.configuration);
+    }
+    hide() {
+        this.showPanel = false;
+    }
+    onDrop(event) {
+        moveItemInArray(this.filteredColumnsConfiguration, event.previousIndex, event.currentIndex);
+        this.tempColumnConfiguration = this.filteredColumnsConfiguration;
+    }
+    reset() {
+        if (this.defaultConfiguration && this.defaultConfiguration.length) {
+            // use the default configuration
+            this.tempColumnConfiguration = Util.clone(this.defaultConfiguration);
+        }
+        else {
+            // activate all items
+            for (const item of this.tempColumnConfiguration) {
+                item.isVisible = true;
+            }
+        }
+        this.filterItems();
+    }
+    filterItems() {
+        this.filteredColumnsConfiguration = this.tempColumnConfiguration.filter((col) => col.displayName
+            .toLowerCase()
+            .includes(this.searchText.trim().toLowerCase()));
+    }
+}
+ZenduColumnConfigurationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ZenduColumnConfigurationComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+ZenduColumnConfigurationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: ZenduColumnConfigurationComponent, selector: "zen-column-configuration", inputs: { configuration: "configuration", defaultConfiguration: "defaultConfiguration", dropdownPosition: "dropdownPosition" }, outputs: { configurationChange: "configurationChange" }, host: { listeners: { "window:mousedown": "outsideHandling($event)" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"column-config-component\">\n    <button class=\"button-basic button-icon\"\n            [ngClass]=\"{ 'active': showPanel }\"\n            (click)=\"togglePanel()\">\n        <i class=\"material-icons\">view_column</i>\n    </button>\n\n    <div *ngIf=\"showPanel\"\n         class=\"action-menu column-config-menu\"\n         [ngClass]=\"{'right': dropdownPosition === 'right'}\">\n        <div class=\"action-menu-header\">\n            <div class=\"title\">Manage Columns</div>\n            <zen-search-box [(text)]=\"searchText\"\n                            (textChange)=\"filterItems()\"></zen-search-box>\n        </div>\n\n\n        <div class=\"action-menu-body dnd-container\"\n             cdkDropList\n             (cdkDropListDropped)=\"onDrop($event)\">\n            <div *ngFor=\"let config of filteredColumnsConfiguration\"\n                 class=\"action-item-checkbox drag-item\"\n                 cdkDrag>\n                <zen-checkbox class=\"flex-1\"\n                              [(checked)]=\"config.isVisible\"\n                              [label]=\"config.displayName\"></zen-checkbox>\n                <i class=\"material-icons drag-icon\">drag_handle</i>\n            </div>\n        </div>\n\n        <div class=\"action-menu-footer\">\n            <button (click)=\"reset()\"\n                    type=\"button\"\n                    class=\"button-stroked full-width\">Reset</button>\n            <button (click)=\"apply()\"\n                    type=\"button\"\n                    class=\"button-flat full-width\">Apply</button>\n        </div>\n    </div>\n</div>\n", styles: [".column-config-component{display:inline-block;position:relative}.column-config-component .column-config-menu{top:115%;width:300px}.column-config-component .column-config-menu.right{right:0}.column-config-component .column-config-menu .dnd-container{max-height:218px;overflow-y:auto}.column-config-component .column-config-menu .dnd-container .drag-item{justify-content:space-between}.column-config-component .column-config-menu .dnd-container .drag-item .drag-icon{cursor:move;color:#b8b9bc}.column-config-component .column-config-menu .dnd-container .dndDraggingSource{display:none}.column-config-component .column-config-menu .dnd-container .dndPlaceholder{background-color:#b8b9bc;display:block;min-height:40px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i3.ZenduCheckboxComponent, selector: "zen-checkbox", inputs: ["checked", "label", "disabled", "disableValueChange", "indeterminate", "imageUrl"], outputs: ["checkedChange"] }, { kind: "component", type: i4.ZenduSearchBoxComponent, selector: "zen-search-box", inputs: ["text", "delay", "autoFocus", "placeholder"], outputs: ["textChange"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ZenduColumnConfigurationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'zen-column-configuration', template: "<div class=\"column-config-component\">\n    <button class=\"button-basic button-icon\"\n            [ngClass]=\"{ 'active': showPanel }\"\n            (click)=\"togglePanel()\">\n        <i class=\"material-icons\">view_column</i>\n    </button>\n\n    <div *ngIf=\"showPanel\"\n         class=\"action-menu column-config-menu\"\n         [ngClass]=\"{'right': dropdownPosition === 'right'}\">\n        <div class=\"action-menu-header\">\n            <div class=\"title\">Manage Columns</div>\n            <zen-search-box [(text)]=\"searchText\"\n                            (textChange)=\"filterItems()\"></zen-search-box>\n        </div>\n\n\n        <div class=\"action-menu-body dnd-container\"\n             cdkDropList\n             (cdkDropListDropped)=\"onDrop($event)\">\n            <div *ngFor=\"let config of filteredColumnsConfiguration\"\n                 class=\"action-item-checkbox drag-item\"\n                 cdkDrag>\n                <zen-checkbox class=\"flex-1\"\n                              [(checked)]=\"config.isVisible\"\n                              [label]=\"config.displayName\"></zen-checkbox>\n                <i class=\"material-icons drag-icon\">drag_handle</i>\n            </div>\n        </div>\n\n        <div class=\"action-menu-footer\">\n            <button (click)=\"reset()\"\n                    type=\"button\"\n                    class=\"button-stroked full-width\">Reset</button>\n            <button (click)=\"apply()\"\n                    type=\"button\"\n                    class=\"button-flat full-width\">Apply</button>\n        </div>\n    </div>\n</div>\n", styles: [".column-config-component{display:inline-block;position:relative}.column-config-component .column-config-menu{top:115%;width:300px}.column-config-component .column-config-menu.right{right:0}.column-config-component .column-config-menu .dnd-container{max-height:218px;overflow-y:auto}.column-config-component .column-config-menu .dnd-container .drag-item{justify-content:space-between}.column-config-component .column-config-menu .dnd-container .drag-item .drag-icon{cursor:move;color:#b8b9bc}.column-config-component .column-config-menu .dnd-container .dndDraggingSource{display:none}.column-config-component .column-config-menu .dnd-container .dndPlaceholder{background-color:#b8b9bc;display:block;min-height:40px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { configurationChange: [{
+                type: Output
+            }], configuration: [{
+                type: Input
+            }], defaultConfiguration: [{
+                type: Input
+            }], dropdownPosition: [{
+                type: Input
+            }], outsideHandling: [{
+                type: HostListener,
+                args: ['window:mousedown', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiemVuZHUtY29sdW1uLWNvbmZpZ3VyYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctemVuZHVpdC9zcmMvbGliL2NvbHVtbi1jb25maWd1cmF0aW9uL3plbmR1LWNvbHVtbi1jb25maWd1cmF0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLXplbmR1aXQvc3JjL2xpYi9jb2x1bW4tY29uZmlndXJhdGlvbi96ZW5kdS1jb2x1bW4tY29uZmlndXJhdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULFlBQVksRUFDWixZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sR0FFUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQWUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFdEUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLFdBQVcsQ0FBQzs7Ozs7O0FBT2pDLE1BQU0sT0FBTyxpQ0FBaUM7SUFrQzVDLFlBQW9CLFFBQW9CO1FBQXBCLGFBQVEsR0FBUixRQUFRLENBQVk7UUFqQ3hDOztXQUVHO1FBQ08sd0JBQW1CLEdBQUcsSUFBSSxZQUFZLEVBQWlCLENBQUM7UUFFbEU7O1dBRUc7UUFDTSxrQkFBYSxHQUFrQixFQUFFLENBQUM7UUFFM0M7O1dBRUc7UUFDTSx5QkFBb0IsR0FBa0IsRUFBRSxDQUFDO1FBRWxEOztXQUVHO1FBQ00scUJBQWdCLEdBQXFCLE9BQU8sQ0FBQztRQUV0RDs7V0FFRztRQUNLLHlCQUFvQixHQUFrQixFQUFFLENBQUM7UUFFMUMsNEJBQXVCLEdBQWtCLEVBQUUsQ0FBQztRQUU1QyxpQ0FBNEIsR0FBa0IsRUFBRSxDQUFDO1FBRWpELGNBQVMsR0FBWSxLQUFLLENBQUM7UUFFM0IsZUFBVSxHQUFHLEVBQUUsQ0FBQztJQUVvQixDQUFDO0lBRzVD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QUFXLEVBQUU7YUFDYixRQUFRLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUNwRCxDQUFDO0lBQ0osQ0FBQzs7K0hBakhVLGlDQUFpQzttSEFBakMsaUNBQWlDLHNWQ25COUMsa2xEQXdDQTs0RkRyQmEsaUNBQWlDO2tCQUw3QyxTQUFTOytCQUNFLDBCQUEwQjtpR0FRMUIsbUJBQW1CO3NCQUE1QixNQUFNO2dCQUtFLGFBQWE7c0JBQXJCLEtBQUs7Z0JBS0csb0JBQW9CO3NCQUE1QixLQUFLO2dCQUtHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFrQk4sZUFBZTtzQkFEZCxZQUFZO3VCQUFDLGtCQUFrQixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT3V0cHV0LFxuICBTaW1wbGVDaGFuZ2VzLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENka0RyYWdEcm9wLCBtb3ZlSXRlbUluQXJyYXkgfSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJztcbmltcG9ydCB7IENvbHVtblN0YXRlIH0gZnJvbSAnLi9jb2x1bW5TdGF0ZSc7XG5pbXBvcnQgeyBVdGlsIH0gZnJvbSAnLi8uLi91dGlsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnemVuLWNvbHVtbi1jb25maWd1cmF0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3plbmR1LWNvbHVtbi1jb25maWd1cmF0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vemVuZHUtY29sdW1uLWNvbmZpZ3VyYXRpb24uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgWmVuZHVDb2x1bW5Db25maWd1cmF0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgLyoqXG4gICAqIGNhbGxiYWNrIHRvIGVtaXQgY2hhbmdlcyBmb3IgcGFyZW50IGNvbXBvbmVudFxuICAgKi9cbiAgQE91dHB1dCgpIGNvbmZpZ3VyYXRpb25DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPENvbHVtblN0YXRlW10+KCk7XG5cbiAgLyoqXG4gICAqIGlucHV0IHByb3BlcnlcbiAgICovXG4gIEBJbnB1dCgpIGNvbmZpZ3VyYXRpb246IENvbHVtblN0YXRlW10gPSBbXTtcblxuICAvKipcbiAgICogRGVmYXVsdCBjb25maWd1cmF0aW9uIGZvciByZXNldCBidXR0b25cbiAgICovXG4gIEBJbnB1dCgpIGRlZmF1bHRDb25maWd1cmF0aW9uOiBDb2x1bW5TdGF0ZVtdID0gW107XG5cbiAgLyoqXG4gICAqIGRyb3Bkb3duIHBvc2l0aW9uXG4gICAqL1xuICBASW5wdXQoKSBkcm9wZG93blBvc2l0aW9uOiAncmlnaHQnIHwgJ2xlZnQnID0gJ3JpZ2h0JztcblxuICAvKipcbiAgICogSW5pdGFsIGNvbmZpZ3VyYXRpb25cbiAgICovXG4gIHByaXZhdGUgX3NvdXJjZUNvbmZpZ3VyYXRpb246IENvbHVtblN0YXRlW10gPSBbXTtcblxuICBwdWJsaWMgdGVtcENvbHVtbkNvbmZpZ3VyYXRpb246IENvbHVtblN0YXRlW10gPSBbXTtcblxuICBwdWJsaWMgZmlsdGVyZWRDb2x1bW5zQ29uZmlndXJhdGlvbjogQ29sdW1uU3RhdGVbXSA9IFtdO1xuXG4gIHB1YmxpYyBzaG93UGFuZWw6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBwdWJsaWMgc2VhcmNoVGV4dCA9ICcnO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX2VsZW1lbnQ6IEVsZW1lbnRSZWYpIHt9XG5cbiAgQEhvc3RMaXN0ZW5lcignd2luZG93Om1vdXNlZG93bicsIFsnJGV2ZW50J10pXG4gIG91dHNpZGVIYW5kbGluZyhldmVudCkge1xuICAgIGlmICghZG9jdW1lbnQuYm9keS5jb250YWlucyhldmVudC50YXJnZXQpKSB7XG4gICAgICAvLyBlbGVtZW50IG5vdCBpbiB0aGUgRE9NXG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGlmICh0aGlzLl9lbGVtZW50Lm5hdGl2ZUVsZW1lbnQuY29udGFpbnMoZXZlbnQudGFyZ2V0KSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICAvLyBoaWRlIHRoZSBtZW51IGZvciBvdXRzaWRlIGNsaWNrXG4gICAgdGhpcy5oaWRlKCk7XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBhbnkpOiB2b2lkIHtcbiAgICBpZiAoY2hhbmdlcy5jb25maWd1cmF0aW9uLmN1cnJlbnRWYWx1ZSAmJiB0aGlzLmNvbmZpZ3VyYXRpb24pIHtcbiAgICAgIHRoaXMuaW5pdERhdGEoKTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgaW5pdERhdGEoKSB7XG4gICAgdGhpcy50ZW1wQ29sdW1uQ29uZmlndXJhdGlvbiA9IFV0aWwuY2xvbmUodGhpcy5jb25maWd1cmF0aW9uKTtcbiAgICB0aGlzLl9zb3VyY2VDb25maWd1cmF0aW9uID0gVXRpbC5jbG9uZSh0aGlzLmNvbmZpZ3VyYXRpb24pO1xuICAgIHRoaXMuZmlsdGVySXRlbXMoKTtcbiAgfVxuXG4gIHB1YmxpYyB0b2dnbGVQYW5lbCgpIHtcbiAgICB0aGlzLnNob3dQYW5lbCA9ICF0aGlzLnNob3dQYW5lbDtcbiAgICAvLyBjbGVhciBzZWFyY2hcbiAgICB0aGlzLnNlYXJjaFRleHQgPSAnJztcbiAgICBpZiAodGhpcy5zaG93UGFuZWwpIHtcbiAgICAgIC8vIHJlc3RvcmUgaW5pdGFsIHZhbHVlcyBvbiBvcGVuXG4gICAgICB0aGlzLnRlbXBDb2x1bW5Db25maWd1cmF0aW9uID0gVXRpbC5jbG9uZSh0aGlzLl9zb3VyY2VDb25maWd1cmF0aW9uKTtcbiAgICB9XG4gICAgdGhpcy5maWx0ZXJJdGVtcygpO1xuICB9XG5cbiAgcHVibGljIGFwcGx5KCkge1xuICAgIHRoaXMuY29uZmlndXJhdGlvbiA9IFV0aWwuY2xvbmUodGhpcy50ZW1wQ29sdW1uQ29uZmlndXJhdGlvbik7XG4gICAgLy8gb3ZlcndyaXRlIHRoZSBkZWZhdWx0IGFzIHdlbGxcbiAgICB0aGlzLl9zb3VyY2VDb25maWd1cmF0aW9uID0gVXRpbC5jbG9uZSh0aGlzLnRlbXBDb2x1bW5Db25maWd1cmF0aW9uKTtcbiAgICB0aGlzLnNob3dQYW5lbCA9IGZhbHNlO1xuICAgIHRoaXMuY29uZmlndXJhdGlvbkNoYW5nZS5lbWl0KHRoaXMuY29uZmlndXJhdGlvbik7XG4gIH1cblxuICBwdWJsaWMgaGlkZSgpIHtcbiAgICB0aGlzLnNob3dQYW5lbCA9IGZhbHNlO1xuICB9XG5cbiAgcHVibGljIG9uRHJvcChldmVudDogQ2RrRHJhZ0Ryb3A8c3RyaW5nW10+KTogdm9pZCB7XG4gICAgbW92ZUl0ZW1JbkFycmF5KFxuICAgICAgdGhpcy5maWx0ZXJlZENvbHVtbnNDb25maWd1cmF0aW9uLFxuICAgICAgZXZlbnQucHJldmlvdXNJbmRleCxcbiAgICAgIGV2ZW50LmN1cnJlbnRJbmRleFxuICAgICk7XG4gICAgdGhpcy50ZW1wQ29sdW1uQ29uZmlndXJhdGlvbiA9IHRoaXMuZmlsdGVyZWRDb2x1bW5zQ29uZmlndXJhdGlvbjtcbiAgfVxuXG4gIHB1YmxpYyByZXNldCgpIHtcbiAgICBpZiAodGhpcy5kZWZhdWx0Q29uZmlndXJhdGlvbiAmJiB0aGlzLmRlZmF1bHRDb25maWd1cmF0aW9uLmxlbmd0aCkge1xuICAgICAgLy8gdXNlIHRoZSBkZWZhdWx0IGNvbmZpZ3VyYXRpb25cbiAgICAgIHRoaXMudGVtcENvbHVtbkNvbmZpZ3VyYXRpb24gPSBVdGlsLmNsb25lKHRoaXMuZGVmYXVsdENvbmZpZ3VyYXRpb24pO1xuICAgIH0gZWxzZSB7XG4gICAgICAvLyBhY3RpdmF0ZSBhbGwgaXRlbXNcbiAgICAgIGZvciAoY29uc3QgaXRlbSBvZiB0aGlzLnRlbXBDb2x1bW5Db25maWd1cmF0aW9uKSB7XG4gICAgICAgIGl0ZW0uaXNWaXNpYmxlID0gdHJ1ZTtcbiAgICAgIH1cbiAgICB9XG4gICAgdGhpcy5maWx0ZXJJdGVtcygpO1xuICB9XG5cbiAgcHVibGljIGZpbHRlckl0ZW1zKCk6IHZvaWQge1xuICAgIHRoaXMuZmlsdGVyZWRDb2x1bW5zQ29uZmlndXJhdGlvbiA9IHRoaXMudGVtcENvbHVtbkNvbmZpZ3VyYXRpb24uZmlsdGVyKFxuICAgICAgKGNvbCkgPT5cbiAgICAgICAgY29sLmRpc3BsYXlOYW1lXG4gICAgICAgICAgLnRvTG93ZXJDYXNlKClcbiAgICAgICAgICAuaW5jbHVkZXModGhpcy5zZWFyY2hUZXh0LnRyaW0oKS50b0xvd2VyQ2FzZSgpKVxuICAgICk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJjb2x1bW4tY29uZmlnLWNvbXBvbmVudFwiPlxuICAgIDxidXR0b24gY2xhc3M9XCJidXR0b24tYmFzaWMgYnV0dG9uLWljb25cIlxuICAgICAgICAgICAgW25nQ2xhc3NdPVwieyAnYWN0aXZlJzogc2hvd1BhbmVsIH1cIlxuICAgICAgICAgICAgKGNsaWNrKT1cInRvZ2dsZVBhbmVsKClcIj5cbiAgICAgICAgPGkgY2xhc3M9XCJtYXRlcmlhbC1pY29uc1wiPnZpZXdfY29sdW1uPC9pPlxuICAgIDwvYnV0dG9uPlxuXG4gICAgPGRpdiAqbmdJZj1cInNob3dQYW5lbFwiXG4gICAgICAgICBjbGFzcz1cImFjdGlvbi1tZW51IGNvbHVtbi1jb25maWctbWVudVwiXG4gICAgICAgICBbbmdDbGFzc109XCJ7J3JpZ2h0JzogZHJvcGRvd25Qb3NpdGlvbiA9PT0gJ3JpZ2h0J31cIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImFjdGlvbi1tZW51LWhlYWRlclwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRpdGxlXCI+TWFuYWdlIENvbHVtbnM8L2Rpdj5cbiAgICAgICAgICAgIDx6ZW4tc2VhcmNoLWJveCBbKHRleHQpXT1cInNlYXJjaFRleHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICh0ZXh0Q2hhbmdlKT1cImZpbHRlckl0ZW1zKClcIj48L3plbi1zZWFyY2gtYm94PlxuICAgICAgICA8L2Rpdj5cblxuXG4gICAgICAgIDxkaXYgY2xhc3M9XCJhY3Rpb24tbWVudS1ib2R5IGRuZC1jb250YWluZXJcIlxuICAgICAgICAgICAgIGNka0Ryb3BMaXN0XG4gICAgICAgICAgICAgKGNka0Ryb3BMaXN0RHJvcHBlZCk9XCJvbkRyb3AoJGV2ZW50KVwiPlxuICAgICAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgY29uZmlnIG9mIGZpbHRlcmVkQ29sdW1uc0NvbmZpZ3VyYXRpb25cIlxuICAgICAgICAgICAgICAgICBjbGFzcz1cImFjdGlvbi1pdGVtLWNoZWNrYm94IGRyYWctaXRlbVwiXG4gICAgICAgICAgICAgICAgIGNka0RyYWc+XG4gICAgICAgICAgICAgICAgPHplbi1jaGVja2JveCBjbGFzcz1cImZsZXgtMVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbKGNoZWNrZWQpXT1cImNvbmZpZy5pc1Zpc2libGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2xhYmVsXT1cImNvbmZpZy5kaXNwbGF5TmFtZVwiPjwvemVuLWNoZWNrYm94PlxuICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnMgZHJhZy1pY29uXCI+ZHJhZ19oYW5kbGU8L2k+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cImFjdGlvbi1tZW51LWZvb3RlclwiPlxuICAgICAgICAgICAgPGJ1dHRvbiAoY2xpY2spPVwicmVzZXQoKVwiXG4gICAgICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImJ1dHRvbi1zdHJva2VkIGZ1bGwtd2lkdGhcIj5SZXNldDwvYnV0dG9uPlxuICAgICAgICAgICAgPGJ1dHRvbiAoY2xpY2spPVwiYXBwbHkoKVwiXG4gICAgICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImJ1dHRvbi1mbGF0IGZ1bGwtd2lkdGhcIj5BcHBseTwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2020/lib/datepicker/date-picker-day.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1waWNrZXItZGF5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctemVuZHVpdC9zcmMvbGliL2RhdGVwaWNrZXIvZGF0ZS1waWNrZXItZGF5LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIERhdGVQaWNrZXJEYXkge1xuICAgIGRhdGU6IERhdGU7XG5cbiAgICBsYmw6IHN0cmluZztcblxuICAgIHNlbGVjdGVkOiBib29sZWFuO1xuXG4gICAgaXNPdXRzaWRlOiBib29sZWFuO1xuXG4gICAgaXNEaXNhYmxlZDogYm9vbGVhbjtcblxuICAgIGlzSGlnaGxpZ2h0ZWQ6IGJvb2xlYW47XG59XG4iXX0=

package/esm2020/lib/datepicker/date-picker-hint.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1waWNrZXItaGludC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLXplbmR1aXQvc3JjL2xpYi9kYXRlcGlja2VyL2RhdGUtcGlja2VyLWhpbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgRGF0ZVBpY2tlckhpbnQge1xuICAgIC8vIEhpbnQgZGVzY3JpcHRpb25cbiAgICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuXG4gICAgLy8gQ2xpY2thYmxlIGVsZW1lbnQgdGV4dFxuICAgIG1hc2tUZXh0OiBzdHJpbmc7XG5cbiAgICAvLyBEYXRlIHRvIHNlbGVjdFxuICAgIGRhdGU6IERhdGU7XG59XG4iXX0=

package/esm2020/lib/datepicker/datepicker.mjs

@@ -0,0 +1,9 @@
+export var DATEPICKER_POSITION;
+(function (DATEPICKER_POSITION) {
+    DATEPICKER_POSITION["AUTO"] = "auto";
+    DATEPICKER_POSITION["LEFT"] = "left";
+    DATEPICKER_POSITION["RIGHT"] = "right";
+    DATEPICKER_POSITION["TOP"] = "top";
+    DATEPICKER_POSITION["BOTTOM"] = "bottom";
+})(DATEPICKER_POSITION || (DATEPICKER_POSITION = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLXplbmR1aXQvc3JjL2xpYi9kYXRlcGlja2VyL2RhdGVwaWNrZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFOLElBQVksbUJBTVg7QUFORCxXQUFZLG1CQUFtQjtJQUM3QixvQ0FBYSxDQUFBO0lBQ2Isb0NBQWEsQ0FBQTtJQUNiLHNDQUFlLENBQUE7SUFDZixrQ0FBVyxDQUFBO0lBQ1gsd0NBQWlCLENBQUE7QUFDbkIsQ0FBQyxFQU5XLG1CQUFtQixLQUFuQixtQkFBbUIsUUFNOUIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBEQVRFUElDS0VSX1BPU0lUSU9OIHtcbiAgQVVUTyA9ICdhdXRvJyxcbiAgTEVGVCA9ICdsZWZ0JyxcbiAgUklHSFQgPSAncmlnaHQnLFxuICBUT1AgPSAndG9wJyxcbiAgQk9UVE9NID0gJ2JvdHRvbSdcbn0iXX0=