@osovitny/anatoly 3.17.145 → 3.17.147

package/esm2022/lib/ui/components/data-grid/control-panel.component.mjs

@@ -22,72 +22,98 @@ import * as i1 from "@angular/common";
 import * as i2 from "@angular/forms";
 import * as i3 from "@fortawesome/angular-fontawesome";
 import * as i4 from "@progress/kendo-angular-dropdowns";
-function ControlPanelComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 10)(1, "h2");
+const _c0 = a0 => ({ "active": a0 });
+function ControlPanelComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "a", 8);
+    i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_3_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.onFilterToggle()); });
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(1, "svg", 9);
+    i0.ɵɵelement(2, "path", 10);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(1, _c0, ctx_r0.filterVisible));
+} }
+function ControlPanelComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 11)(1, "h2");
     i0.ɵɵtext(2, "Sort By:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "kendo-dropdownlist", 11);
-    i0.ɵɵlistener("ngModelChange", function ControlPanelComponent_Conditional_7_Template_kendo_dropdownlist_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.selectedSortBy = $event); })("valueChange", function ControlPanelComponent_Conditional_7_Template_kendo_dropdownlist_valueChange_3_listener() { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.onSortByChange()); });
+    i0.ɵɵelementStart(3, "kendo-dropdownlist", 12);
+    i0.ɵɵlistener("ngModelChange", function ControlPanelComponent_Conditional_5_Template_kendo_dropdownlist_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.selectedSortBy = $event); })("valueChange", function ControlPanelComponent_Conditional_5_Template_kendo_dropdownlist_valueChange_3_listener() { i0.ɵɵrestoreView(_r7); const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.onSortByChange()); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("data", ctx_r0.sortByItems)("valuePrimitive", true)("ngModel", ctx_r0.selectedSortBy);
+    i0.ɵɵproperty("data", ctx_r1.sortByItems)("valuePrimitive", true)("ngModel", ctx_r1.selectedSortBy);
 } }
-const _c0 = a0 => ({ "active": a0 });
-function ControlPanelComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 12)(1, "a", 3);
-    i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_8_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.onViewSwitch("grid")); });
+function ControlPanelComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 13)(1, "a", 8);
+    i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_6_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r9.onViewSwitch("grid")); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(2, "svg", 13);
-    i0.ɵɵelement(3, "path", 14)(4, "path", 15)(5, "path", 16)(6, "path", 17);
+    i0.ɵɵelementStart(2, "svg", 14);
+    i0.ɵɵelement(3, "path", 15)(4, "path", 16)(5, "path", 17)(6, "path", 18);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(7, "a", 3);
-    i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_8_Template_a_click_7_listener() { i0.ɵɵrestoreView(_r7); const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.onViewSwitch("list")); });
+    i0.ɵɵelementStart(7, "a", 8);
+    i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_6_Template_a_click_7_listener() { i0.ɵɵrestoreView(_r10); const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.onViewSwitch("list")); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(8, "svg", 18);
-    i0.ɵɵelement(9, "path", 19);
+    i0.ɵɵelementStart(8, "svg", 19);
+    i0.ɵɵelement(9, "path", 20);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(10, "a", 3);
-    i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_8_Template_a_click_10_listener() { i0.ɵɵrestoreView(_r7); const ctx_r9 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r9.onViewSwitch("table")); });
+    i0.ɵɵelementStart(10, "a", 8);
+    i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_6_Template_a_click_10_listener() { i0.ɵɵrestoreView(_r10); const ctx_r12 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r12.onViewSwitch("table")); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(11, "svg", 20);
-    i0.ɵɵelement(12, "path", 21);
+    i0.ɵɵelementStart(11, "svg", 21);
+    i0.ɵɵelement(12, "path", 22);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
+    const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0, ctx_r1.viewType == "grid"));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0, ctx_r2.viewType == "grid"));
     i0.ɵɵadvance(6);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0, ctx_r1.viewType == "list"));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0, ctx_r2.viewType == "list"));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0, ctx_r1.viewType == "table"));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0, ctx_r2.viewType == "table"));
 } }
-function ControlPanelComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 22)(1, "a", 23);
-    i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_9_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r10.onAdd()); });
-    i0.ɵɵelement(2, "fa-icon", 24);
+function ControlPanelComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 23)(1, "a", 24);
+    i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_7_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r14); const ctx_r13 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r13.onAdd()); });
+    i0.ɵɵelement(2, "fa-icon", 25);
     i0.ɵɵelementEnd()();
 } }
 export class ControlPanelComponent extends ComponentBase {
     constructor() {
         super(...arguments);
+        //Visible
+        this.filterButtonVisible = false;
         this.sortByVisible = false;
-        this.viewTypeVisible = false;
-        this.addVisible = false;
+        this.viewTypesVisible = false;
+        this.addButtonVisible = false;
         //Outputs
         this.settingsChange = new EventEmitter();
         this.add = new EventEmitter();
     }
     ngOnInit() {
+        this.setDefaults();
+        this.setValues();
         this.resetSettings();
         this.fireSettingsChange();
     }
+    setDefaults() {
+        if (this.viewType) {
+            this.viewTypeDefault = this.viewType;
+        }
+        else {
+            this.viewType = DataViewType.List;
+        }
+    }
+    setValues() {
+    }
     fireSettingsChange() {
         this.settingsChange.emit(this.getSettings());
     }
@@ -96,17 +122,17 @@ export class ControlPanelComponent extends ComponentBase {
     }
     //Public
     resetSettings() {
-        this.selectedSortBy = 1;
         this.filterVisible = false;
-        this.viewType = DataViewType.List;
+        this.selectedSortBy = 1;
+        this.viewType = this.viewTypeDefault;
     }
     getSettings() {
-        let sortBy = this.selectedSortBy;
         let filterVisible = this.filterVisible;
+        let sortBy = this.selectedSortBy;
         let viewType = this.viewType;
         return {
-            sortBy: sortBy,
             filterVisible: filterVisible,
+            sortBy: sortBy,
             viewType: viewType
         };
     }
@@ -126,38 +152,38 @@ export class ControlPanelComponent extends ComponentBase {
         this.fireAdd();
     }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵControlPanelComponent_BaseFactory; return function ControlPanelComponent_Factory(t) { return (ɵControlPanelComponent_BaseFactory || (ɵControlPanelComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ControlPanelComponent)))(t || ControlPanelComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ControlPanelComponent, selectors: [["anatoly-data-grid-control-panel"]], inputs: { sortByItems: "sortByItems", sortByVisible: "sortByVisible", viewTypeVisible: "viewTypeVisible", addVisible: "addVisible" }, outputs: { settingsChange: "settingsChange", add: "add" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 10, vars: 6, consts: [[1, "os-control-panel"], [1, "control-wrapper"], [1, "filter"], ["href", "javascript:void(0)", 1, "btn", "btn-icon", "btn-primary", 3, "ngClass", "click"], ["height", "22", "viewBox", "0 0 32 32", "width", "20", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M2 7h.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2H9.858a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2zm4-3a2 2 0 1 1-2 2 2 2 0 0 1 2-2zm24 11h-.142a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2h20.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2zm-4 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm4 7H19.858a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2h10.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2zm-14 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2z", "fill", "currentColor"], [1, "tools"], ["class", "sort-by"], ["class", "actions"], ["class", "action-add"], [1, "sort-by"], ["valueField", "value", "textField", "text", 3, "data", "valuePrimitive", "ngModel", "ngModelChange", "valueChange"], [1, "actions"], ["fill", "none", "height", "18", "viewBox", "0 0 18 18", "width", "18", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M6 1H2C1.44772 1 1 1.44772 1 2V6C1 6.55228 1.44772 7 2 7H6C6.55228 7 7 6.55228 7 6V2C7 1.44772 6.55228 1 6 1Z", "stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["d", "M16 1H12C11.4477 1 11 1.44772 11 2V6C11 6.55228 11.4477 7 12 7H16C16.5523 7 17 6.55228 17 6V2C17 1.44772 16.5523 1 16 1Z", "stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["d", "M6 11H2C1.44772 11 1 11.4477 1 12V16C1 16.5523 1.44772 17 2 17H6C6.55228 17 7 16.5523 7 16V12C7 11.4477 6.55228 11 6 11Z", "stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["d", "M16 11H12C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17H16C16.5523 17 17 16.5523 17 16V12C17 11.4477 16.5523 11 16 11Z", "stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["fill", "none", "height", "15", "viewBox", "0 0 19 15", "width", "19", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M1.5 6C0.67 6 0 6.67 0 7.5C0 8.33 0.67 9 1.5 9C2.33 9 3 8.33 3 7.5C3 6.67 2.33 6 1.5 6ZM1.5 0C0.67 0 0 0.67 0 1.5C0 2.33 0.67 3 1.5 3C2.33 3 3 2.33 3 1.5C3 0.67 2.33 0 1.5 0ZM1.5 12C0.67 12 0 12.68 0 13.5C0 14.32 0.68 15 1.5 15C2.32 15 3 14.32 3 13.5C3 12.68 2.33 12 1.5 12ZM5.5 14.5H17.5C18.05 14.5 18.5 14.05 18.5 13.5C18.5 12.95 18.05 12.5 17.5 12.5H5.5C4.95 12.5 4.5 12.95 4.5 13.5C4.5 14.05 4.95 14.5 5.5 14.5ZM5.5 8.5H17.5C18.05 8.5 18.5 8.05 18.5 7.5C18.5 6.95 18.05 6.5 17.5 6.5H5.5C4.95 6.5 4.5 6.95 4.5 7.5C4.5 8.05 4.95 8.5 5.5 8.5ZM4.5 1.5C4.5 2.05 4.95 2.5 5.5 2.5H17.5C18.05 2.5 18.5 2.05 18.5 1.5C18.5 0.95 18.05 0.5 17.5 0.5H5.5C4.95 0.5 4.5 0.95 4.5 1.5Z", "fill", "currentColor"], ["xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 512 512", "height", "20", "width", "20", "fill", "none"], ["d", "M64 256l0-96 160 0 0 96L64 256zm0 64l160 0 0 96L64 416l0-96zm224 96l0-96 160 0 0 96-160 0zM448 256l-160 0 0-96 160 0 0 96zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z", "fill", "currentColor"], [1, "action-add"], ["href", "javascript:void(0)", 1, "btn", "btn-icon", "btn-primary", 3, "click"], ["icon", "plus"]], template: function ControlPanelComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "a", 3);
-            i0.ɵɵlistener("click", function ControlPanelComponent_Template_a_click_3_listener() { return ctx.onFilterToggle(); });
-            i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(4, "svg", 4);
-            i0.ɵɵelement(5, "path", 5);
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(6, "div", 6);
-            i0.ɵɵtemplate(7, ControlPanelComponent_Conditional_7_Template, 4, 3, "div", 7)(8, ControlPanelComponent_Conditional_8_Template, 13, 9, "div", 8)(9, ControlPanelComponent_Conditional_9_Template, 3, 0, "div", 9);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ControlPanelComponent, selectors: [["anatoly-data-grid-control-panel"]], inputs: { sortByItems: "sortByItems", viewType: "viewType", filterButtonVisible: "filterButtonVisible", sortByVisible: "sortByVisible", viewTypesVisible: "viewTypesVisible", addButtonVisible: "addButtonVisible" }, outputs: { settingsChange: "settingsChange", add: "add" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 4, consts: [[1, "os-control-panel"], [1, "control-wrapper"], [1, "filter"], ["class", "btn btn-icon btn-primary", "href", "javascript:void(0)", 3, "ngClass"], [1, "tools"], ["class", "sort-by"], ["class", "actions"], ["class", "action-add"], ["href", "javascript:void(0)", 1, "btn", "btn-icon", "btn-primary", 3, "ngClass", "click"], ["height", "22", "viewBox", "0 0 32 32", "width", "20", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M2 7h.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2H9.858a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2zm4-3a2 2 0 1 1-2 2 2 2 0 0 1 2-2zm24 11h-.142a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2h20.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2zm-4 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm4 7H19.858a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2h10.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2zm-14 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2z", "fill", "currentColor"], [1, "sort-by"], ["valueField", "value", "textField", "text", 3, "data", "valuePrimitive", "ngModel", "ngModelChange", "valueChange"], [1, "actions"], ["fill", "none", "height", "18", "viewBox", "0 0 18 18", "width", "18", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M6 1H2C1.44772 1 1 1.44772 1 2V6C1 6.55228 1.44772 7 2 7H6C6.55228 7 7 6.55228 7 6V2C7 1.44772 6.55228 1 6 1Z", "stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["d", "M16 1H12C11.4477 1 11 1.44772 11 2V6C11 6.55228 11.4477 7 12 7H16C16.5523 7 17 6.55228 17 6V2C17 1.44772 16.5523 1 16 1Z", "stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["d", "M6 11H2C1.44772 11 1 11.4477 1 12V16C1 16.5523 1.44772 17 2 17H6C6.55228 17 7 16.5523 7 16V12C7 11.4477 6.55228 11 6 11Z", "stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["d", "M16 11H12C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17H16C16.5523 17 17 16.5523 17 16V12C17 11.4477 16.5523 11 16 11Z", "stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["fill", "none", "height", "15", "viewBox", "0 0 19 15", "width", "19", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M1.5 6C0.67 6 0 6.67 0 7.5C0 8.33 0.67 9 1.5 9C2.33 9 3 8.33 3 7.5C3 6.67 2.33 6 1.5 6ZM1.5 0C0.67 0 0 0.67 0 1.5C0 2.33 0.67 3 1.5 3C2.33 3 3 2.33 3 1.5C3 0.67 2.33 0 1.5 0ZM1.5 12C0.67 12 0 12.68 0 13.5C0 14.32 0.68 15 1.5 15C2.32 15 3 14.32 3 13.5C3 12.68 2.33 12 1.5 12ZM5.5 14.5H17.5C18.05 14.5 18.5 14.05 18.5 13.5C18.5 12.95 18.05 12.5 17.5 12.5H5.5C4.95 12.5 4.5 12.95 4.5 13.5C4.5 14.05 4.95 14.5 5.5 14.5ZM5.5 8.5H17.5C18.05 8.5 18.5 8.05 18.5 7.5C18.5 6.95 18.05 6.5 17.5 6.5H5.5C4.95 6.5 4.5 6.95 4.5 7.5C4.5 8.05 4.95 8.5 5.5 8.5ZM4.5 1.5C4.5 2.05 4.95 2.5 5.5 2.5H17.5C18.05 2.5 18.5 2.05 18.5 1.5C18.5 0.95 18.05 0.5 17.5 0.5H5.5C4.95 0.5 4.5 0.95 4.5 1.5Z", "fill", "currentColor"], ["xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 512 512", "height", "20", "width", "20", "fill", "none"], ["d", "M64 256l0-96 160 0 0 96L64 256zm0 64l160 0 0 96L64 416l0-96zm224 96l0-96 160 0 0 96-160 0zM448 256l-160 0 0-96 160 0 0 96zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z", "fill", "currentColor"], [1, "action-add"], ["href", "javascript:void(0)", 1, "btn", "btn-icon", "btn-primary", 3, "click"], ["icon", "plus"]], template: function ControlPanelComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
+            i0.ɵɵtemplate(3, ControlPanelComponent_Conditional_3_Template, 3, 3, "a", 3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "div", 4);
+            i0.ɵɵtemplate(5, ControlPanelComponent_Conditional_5_Template, 4, 3, "div", 5)(6, ControlPanelComponent_Conditional_6_Template, 13, 9, "div", 6)(7, ControlPanelComponent_Conditional_7_Template, 3, 0, "div", 7);
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c0, ctx.filterVisible));
-            i0.ɵɵadvance(4);
-            i0.ɵɵconditional(7, ctx.sortByVisible ? 7 : -1);
+            i0.ɵɵconditional(3, ctx.filterButtonVisible ? 3 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(5, ctx.sortByVisible ? 5 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(8, ctx.viewTypeVisible ? 8 : -1);
+            i0.ɵɵconditional(6, ctx.viewTypesVisible ? 6 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(9, ctx.addVisible ? 9 : -1);
+            i0.ɵɵconditional(7, ctx.addButtonVisible ? 7 : -1);
         } }, dependencies: [i1.NgClass, i2.NgControlStatus, i2.NgModel, i3.FaIconComponent, i4.DropDownListComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ControlPanelComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-data-grid-control-panel', template: "<div class='os-control-panel'>\r\n  <div class='control-wrapper'>\r\n    <div class='filter'>\r\n      <a (click)='onFilterToggle()'\r\n         [ngClass]=\"{'active': filterVisible}\"\r\n         class='btn btn-icon btn-primary'\r\n         href='javascript:void(0)'>\r\n        <svg height='22' viewBox='0 0 32 32' width='20' xmlns='http://www.w3.org/2000/svg'>\r\n          <path\r\n            d='M2 7h.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2H9.858a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2zm4-3a2 2 0 1 1-2 2 2 2 0 0 1 2-2zm24 11h-.142a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2h20.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2zm-4 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm4 7H19.858a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2h10.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2zm-14 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2z'\r\n            fill='currentColor'/>\r\n        </svg>\r\n      </a>\r\n    </div>\r\n    <div class='tools'>\r\n      @if (sortByVisible) {\r\n        <div class='sort-by'>\r\n          <h2>Sort By:</h2>\r\n          <kendo-dropdownlist [data]='sortByItems'\r\n                              valueField='value'\r\n                              textField='text'\r\n                              [valuePrimitive]='true'\r\n                              [(ngModel)]='selectedSortBy'\r\n                              (valueChange)='onSortByChange()'>\r\n          </kendo-dropdownlist>\r\n        </div>\r\n      }\r\n\r\n      @if (viewTypeVisible) {\r\n        <div class='actions'>\r\n          <a class='btn btn-icon btn-primary' href='javascript:void(0)'\r\n             [ngClass]=\"{'active': viewType == 'grid'}\"\r\n             (click)=\"onViewSwitch('grid')\">\r\n            <svg fill='none' height='18' viewBox='0 0 18 18' width='18' xmlns='http://www.w3.org/2000/svg'>\r\n              <path\r\n                d='M6 1H2C1.44772 1 1 1.44772 1 2V6C1 6.55228 1.44772 7 2 7H6C6.55228 7 7 6.55228 7 6V2C7 1.44772 6.55228 1 6 1Z'\r\n                stroke='currentColor'\r\n                stroke-linecap='round'\r\n                stroke-linejoin='round'\r\n                stroke-width='2'/>\r\n              <path\r\n                d='M16 1H12C11.4477 1 11 1.44772 11 2V6C11 6.55228 11.4477 7 12 7H16C16.5523 7 17 6.55228 17 6V2C17 1.44772 16.5523 1 16 1Z'\r\n                stroke='currentColor'\r\n                stroke-linecap='round'\r\n                stroke-linejoin='round'\r\n                stroke-width='2'/>\r\n              <path\r\n                d='M6 11H2C1.44772 11 1 11.4477 1 12V16C1 16.5523 1.44772 17 2 17H6C6.55228 17 7 16.5523 7 16V12C7 11.4477 6.55228 11 6 11Z'\r\n                stroke='currentColor'\r\n                stroke-linecap='round'\r\n                stroke-linejoin='round'\r\n                stroke-width='2'/>\r\n              <path\r\n                d='M16 11H12C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17H16C16.5523 17 17 16.5523 17 16V12C17 11.4477 16.5523 11 16 11Z'\r\n                stroke='currentColor'\r\n                stroke-linecap='round'\r\n                stroke-linejoin='round'\r\n                stroke-width='2'/>\r\n            </svg>\r\n          </a>\r\n          <a class='btn btn-icon btn-primary' href='javascript:void(0)'\r\n             [ngClass]=\"{'active': viewType == 'list'}\"\r\n             (click)=\"onViewSwitch('list')\">\r\n            <svg fill='none' height='15' viewBox='0 0 19 15' width='19' xmlns='http://www.w3.org/2000/svg'>\r\n              <path\r\n                d='M1.5 6C0.67 6 0 6.67 0 7.5C0 8.33 0.67 9 1.5 9C2.33 9 3 8.33 3 7.5C3 6.67 2.33 6 1.5 6ZM1.5 0C0.67 0 0 0.67 0 1.5C0 2.33 0.67 3 1.5 3C2.33 3 3 2.33 3 1.5C3 0.67 2.33 0 1.5 0ZM1.5 12C0.67 12 0 12.68 0 13.5C0 14.32 0.68 15 1.5 15C2.32 15 3 14.32 3 13.5C3 12.68 2.33 12 1.5 12ZM5.5 14.5H17.5C18.05 14.5 18.5 14.05 18.5 13.5C18.5 12.95 18.05 12.5 17.5 12.5H5.5C4.95 12.5 4.5 12.95 4.5 13.5C4.5 14.05 4.95 14.5 5.5 14.5ZM5.5 8.5H17.5C18.05 8.5 18.5 8.05 18.5 7.5C18.5 6.95 18.05 6.5 17.5 6.5H5.5C4.95 6.5 4.5 6.95 4.5 7.5C4.5 8.05 4.95 8.5 5.5 8.5ZM4.5 1.5C4.5 2.05 4.95 2.5 5.5 2.5H17.5C18.05 2.5 18.5 2.05 18.5 1.5C18.5 0.95 18.05 0.5 17.5 0.5H5.5C4.95 0.5 4.5 0.95 4.5 1.5Z'\r\n                fill='currentColor'/>\r\n            </svg>\r\n          </a>\r\n          <a class='btn btn-icon btn-primary' href='javascript:void(0)'\r\n             [ngClass]=\"{'active': viewType == 'table'}\"\r\n             (click)=\"onViewSwitch('table')\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" height=\"20\" width=\"20\" fill='none' >\r\n              <path\r\n                d=\"M64 256l0-96 160 0 0 96L64 256zm0 64l160 0 0 96L64 416l0-96zm224 96l0-96 160 0 0 96-160 0zM448 256l-160 0 0-96 160 0 0 96zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z\"\r\n                fill='currentColor'/>\r\n            </svg>\r\n          </a>\r\n        </div>\r\n      }\r\n\r\n      @if (addVisible) {\r\n        <div class='action-add'>\r\n          <a class='btn btn-icon btn-primary' href='javascript:void(0)' (click)='onAdd()'>\r\n            <fa-icon icon='plus'/>\r\n          </a>\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
+        args: [{ selector: 'anatoly-data-grid-control-panel', template: "<div class='os-control-panel'>\r\n  <div class='control-wrapper'>\r\n    <div class='filter'>\r\n      @if (filterButtonVisible) {\r\n        <a [ngClass]=\"{'active': filterVisible}\"\r\n           class='btn btn-icon btn-primary'\r\n           href='javascript:void(0)' \r\n           (click)='onFilterToggle()'>\r\n          <svg height='22' viewBox='0 0 32 32' width='20' xmlns='http://www.w3.org/2000/svg'>\r\n            <path\r\n              d='M2 7h.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2H9.858a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2zm4-3a2 2 0 1 1-2 2 2 2 0 0 1 2-2zm24 11h-.142a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2h20.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2zm-4 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm4 7H19.858a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2h10.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2zm-14 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2z'\r\n              fill='currentColor'/>\r\n          </svg>\r\n        </a>\r\n      }\r\n    </div>\r\n    <div class='tools'>\r\n      @if (sortByVisible) {\r\n        <div class='sort-by'>\r\n          <h2>Sort By:</h2>\r\n          <kendo-dropdownlist [data]='sortByItems'\r\n                              valueField='value'\r\n                              textField='text'\r\n                              [valuePrimitive]='true'\r\n                              [(ngModel)]='selectedSortBy'\r\n                              (valueChange)='onSortByChange()'>\r\n          </kendo-dropdownlist>\r\n        </div>\r\n      }\r\n\r\n      @if (viewTypesVisible) {\r\n        <div class='actions'>\r\n          <a class='btn btn-icon btn-primary' href='javascript:void(0)'\r\n             [ngClass]=\"{'active': viewType == 'grid'}\"\r\n             (click)=\"onViewSwitch('grid')\">\r\n            <svg fill='none' height='18' viewBox='0 0 18 18' width='18' xmlns='http://www.w3.org/2000/svg'>\r\n              <path\r\n                d='M6 1H2C1.44772 1 1 1.44772 1 2V6C1 6.55228 1.44772 7 2 7H6C6.55228 7 7 6.55228 7 6V2C7 1.44772 6.55228 1 6 1Z'\r\n                stroke='currentColor'\r\n                stroke-linecap='round'\r\n                stroke-linejoin='round'\r\n                stroke-width='2'/>\r\n              <path\r\n                d='M16 1H12C11.4477 1 11 1.44772 11 2V6C11 6.55228 11.4477 7 12 7H16C16.5523 7 17 6.55228 17 6V2C17 1.44772 16.5523 1 16 1Z'\r\n                stroke='currentColor'\r\n                stroke-linecap='round'\r\n                stroke-linejoin='round'\r\n                stroke-width='2'/>\r\n              <path\r\n                d='M6 11H2C1.44772 11 1 11.4477 1 12V16C1 16.5523 1.44772 17 2 17H6C6.55228 17 7 16.5523 7 16V12C7 11.4477 6.55228 11 6 11Z'\r\n                stroke='currentColor'\r\n                stroke-linecap='round'\r\n                stroke-linejoin='round'\r\n                stroke-width='2'/>\r\n              <path\r\n                d='M16 11H12C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17H16C16.5523 17 17 16.5523 17 16V12C17 11.4477 16.5523 11 16 11Z'\r\n                stroke='currentColor'\r\n                stroke-linecap='round'\r\n                stroke-linejoin='round'\r\n                stroke-width='2'/>\r\n            </svg>\r\n          </a>\r\n          <a class='btn btn-icon btn-primary' href='javascript:void(0)'\r\n             [ngClass]=\"{'active': viewType == 'list'}\"\r\n             (click)=\"onViewSwitch('list')\">\r\n            <svg fill='none' height='15' viewBox='0 0 19 15' width='19' xmlns='http://www.w3.org/2000/svg'>\r\n              <path\r\n                d='M1.5 6C0.67 6 0 6.67 0 7.5C0 8.33 0.67 9 1.5 9C2.33 9 3 8.33 3 7.5C3 6.67 2.33 6 1.5 6ZM1.5 0C0.67 0 0 0.67 0 1.5C0 2.33 0.67 3 1.5 3C2.33 3 3 2.33 3 1.5C3 0.67 2.33 0 1.5 0ZM1.5 12C0.67 12 0 12.68 0 13.5C0 14.32 0.68 15 1.5 15C2.32 15 3 14.32 3 13.5C3 12.68 2.33 12 1.5 12ZM5.5 14.5H17.5C18.05 14.5 18.5 14.05 18.5 13.5C18.5 12.95 18.05 12.5 17.5 12.5H5.5C4.95 12.5 4.5 12.95 4.5 13.5C4.5 14.05 4.95 14.5 5.5 14.5ZM5.5 8.5H17.5C18.05 8.5 18.5 8.05 18.5 7.5C18.5 6.95 18.05 6.5 17.5 6.5H5.5C4.95 6.5 4.5 6.95 4.5 7.5C4.5 8.05 4.95 8.5 5.5 8.5ZM4.5 1.5C4.5 2.05 4.95 2.5 5.5 2.5H17.5C18.05 2.5 18.5 2.05 18.5 1.5C18.5 0.95 18.05 0.5 17.5 0.5H5.5C4.95 0.5 4.5 0.95 4.5 1.5Z'\r\n                fill='currentColor'/>\r\n            </svg>\r\n          </a>\r\n          <a class='btn btn-icon btn-primary' href='javascript:void(0)'\r\n             [ngClass]=\"{'active': viewType == 'table'}\"\r\n             (click)=\"onViewSwitch('table')\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" height=\"20\" width=\"20\" fill='none' >\r\n              <path\r\n                d=\"M64 256l0-96 160 0 0 96L64 256zm0 64l160 0 0 96L64 416l0-96zm224 96l0-96 160 0 0 96-160 0zM448 256l-160 0 0-96 160 0 0 96zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z\"\r\n                fill='currentColor'/>\r\n            </svg>\r\n          </a>\r\n        </div>\r\n      }\r\n\r\n      @if (addButtonVisible) {\r\n        <div class='action-add'>\r\n          <a class='btn btn-icon btn-primary' href='javascript:void(0)' (click)='onAdd()'>\r\n            <fa-icon icon='plus'/>\r\n          </a>\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
     }], null, { sortByItems: [{
             type: Input
+        }], viewType: [{
+            type: Input
+        }], filterButtonVisible: [{
+            type: Input
         }], sortByVisible: [{
             type: Input
-        }], viewTypeVisible: [{
+        }], viewTypesVisible: [{
             type: Input
-        }], addVisible: [{
+        }], addButtonVisible: [{
             type: Input
         }], settingsChange: [{
             type: Output
@@ -165,4 +191,4 @@ export class ControlPanelComponent extends ComponentBase {
             type: Output
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ControlPanelComponent, { className: "ControlPanelComponent", filePath: "lib\\ui\\components\\data-grid\\control-panel.component.ts", lineNumber: 27 }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udHJvbC1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmF0b2x5L3NyYy9saWIvdWkvY29tcG9uZW50cy9kYXRhLWdyaWQvY29udHJvbC1wYW5lbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmF0b2x5L3NyYy9saWIvdWkvY29tcG9uZW50cy9kYXRhLWdyaWQvY29udHJvbC1wYW5lbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7OztFQWFFO0FBRUYsTUFBTTtBQUNOLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFL0UsS0FBSztBQUNMLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sOEJBQThCLENBQUM7Ozs7Ozs7O0lDSnJELCtCQUFxQixTQUFBO0lBQ2Ysd0JBQVE7SUFBQSxpQkFBSztJQUNqQiw4Q0FLcUQ7SUFEakMsOFBBQTRCLHFMQUNiLGVBQUEsdUJBQWdCLENBQUEsSUFESDtJQUVoRCxpQkFBcUIsRUFBQTs7O0lBTkQsZUFBb0I7SUFBcEIseUNBQW9CLHdCQUFBLGtDQUFBOzs7OztJQVcxQywrQkFBcUIsV0FBQTtJQUdoQixxS0FBUyxlQUFBLG9CQUFhLE1BQU0sQ0FBQyxDQUFBLElBQUM7SUFDL0IsbUJBQStGO0lBQS9GLCtCQUErRjtJQUM3RiwyQkFLb0IsZUFBQSxlQUFBLGVBQUE7SUFtQnRCLGlCQUFNLEVBQUE7SUFFUixvQkFFa0M7SUFGbEMsNEJBRWtDO0lBQS9CLHFLQUFTLGVBQUEsb0JBQWEsTUFBTSxDQUFDLENBQUEsSUFBQztJQUMvQixtQkFBK0Y7SUFBL0YsK0JBQStGO0lBQzdGLDJCQUV1QjtJ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QWlDO2dCQWNsQyxXQUFXO2tCQUFuQixLQUFLO1lBQ0csYUFBYTtrQkFBckIsS0FBSztZQUNHLGVBQWU7a0JBQXZCLEtBQUs7WUFDRyxVQUFVO2tCQUFsQixLQUFLO1lBR0ksY0FBYztrQkFBdkIsTUFBTTtZQUNHLEdBQUc7a0JBQVosTUFBTTs7a0ZBbEJJLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbIi8qXHJcbjxmaWxlPlxyXG4gIFByb2plY3Q6XHJcbiAgICBAb3Nvdml0bnkvYW5hdG9seVxyXG5cclxuICBBdXRob3JzOlxyXG4gICAgQW5hdG9seSBPc292aXRueSBhbmF0b2x5Lm9zb3ZpdG55QG9zb3ZpdG55LmNvbVxyXG5cclxuICBDcmVhdGVkOlxyXG4gICAgMjMgQXByIDIwMjRcclxuXHJcbiAgQ29weXJpZ2h0IChjKSAyMDE2LTIwMjUgT3Nvdml0bnkgSW5jLiBBbGwgcmlnaHRzIHJlc2VydmVkLlxyXG48L2ZpbGU+XHJcbiovXHJcblxyXG4vL05vZGVcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuLy9BcHBcclxuaW1wb3J0IHsgRGF0YVZpZXdUeXBlIH0gZnJvbSAnLi4vLi4vLi4vY29yZS9lbnVtcyc7XHJcbmltcG9ydCB7IENvbXBvbmVudEJhc2UgfSBmcm9tICcuLi9iYXNlL2NvbXBvbmVudHMvY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYW5hdG9seS1kYXRhLWdyaWQtY29udHJvbC1wYW5lbCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbnRyb2wtcGFuZWwuY29tcG9uZW50Lmh0bWwnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb250cm9sUGFuZWxDb21wb25lbnQgZXh0ZW5kcyBDb21wb25lbnRCYXNlIGltcGxlbWVudHMgT25Jbml0IHtcclxuICAvLzEuXHJcbiAgc2VsZWN0ZWRTb3J0Qnk7XHJcblxyXG4gIC8vMi5cclxuICBmaWx0ZXJWaXNpYmxlO1xyXG5cclxuICAvLzMuXHJcbiAgdmlld1R5cGU6IERhdGFWaWV3VHlwZTtcclxuXHJcbiAgLy9JbnB1dHNcclxuICBASW5wdXQoKSBzb3J0QnlJdGVtcztcclxuICBASW5wdXQoKSBzb3J0QnlWaXNpYmxlID0gZmFsc2U7XHJcbiAgQElucHV0KCkgdmlld1R5cGVWaXNpYmxlID0gZmFsc2U7XHJcbiAgQElucHV0KCkgYWRkVmlzaWJsZSA9IGZhbHNlO1xyXG5cclxuICAvL091dHB1dHNcclxuICBAT3V0cHV0KCkgc2V0dGluZ3NDaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSBhZGQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMucmVzZXRTZXR0aW5ncygpO1xyXG4gICAgdGhpcy5maXJlU2V0dGluZ3NDaGFuZ2UoKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgZmlyZVNldHRpbmdzQ2hhbmdlKCkge1xyXG4gICAgdGhpcy5zZXR0aW5nc0NoYW5nZS5lbWl0KHRoaXMuZ2V0U2V0dGluZ3MoKSk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGZpcmVBZGQoKSB7XHJcbiAgICB0aGlzLmFkZC5lbWl0KCk7XHJcbiAgfVxyXG5cclxuICAvL1B1YmxpY1xyXG4gIHJlc2V0U2V0dGluZ3MoKSB7XHJcbiAgICB0aGlzLnNlbGVjdGVkU29ydEJ5ID0gMTtcclxuICAgIHRoaXMuZmlsdGVyVmlzaWJsZSA9IGZhbHNlO1xyXG4gICAgdGhpcy52aWV3VHlwZSA9IERhdGFWaWV3VHlwZS5MaXN0O1xyXG4gIH1cclxuXHJcbiAgZ2V0U2V0dGluZ3MoKSB7XHJcbiAgICBsZXQgc29ydEJ5ID0gdGhpcy5zZWxlY3RlZFNvcnRCeTtcclxuICAgIGxldCBmaWx0ZXJWaXNpYmxlID0gdGhpcy5maWx0ZXJWaXNpYmxlO1xyXG4gICAgbGV0IHZpZXdUeXBlID0gdGhpcy52aWV3VHlwZTtcclxuXHJcbiAgICByZXR1cm4ge1xyXG4gICAgICBzb3J0Qnk6IHNvcnRCeSxcclxuICAgICAgZmlsdGVyVmlzaWJsZTogZmlsdGVyVmlzaWJsZSxcclxuICAgICAgdmlld1R5cGU6IHZpZXdUeXBlXHJcbiAgICB9O1xyXG4gIH1cclxuXHJcbiAgLy9FdmVudHNcclxuICBvbkZpbHRlclRvZ2dsZSgpIHtcclxuICAgIHRoaXMuZmlsdGVyVmlzaWJsZSA9ICF0aGlzLmZpbHRlclZpc2libGU7XHJcbiAgICB0aGlzLmZpcmVTZXR0aW5nc0NoYW5nZSgpO1xyXG4gIH1cclxuXHJcbiAgb25Tb3J0QnlDaGFuZ2UoKSB7XHJcbiAgICB0aGlzLmZpcmVTZXR0aW5nc0NoYW5nZSgpO1xyXG4gIH1cclxuXHJcbiAgb25WaWV3U3dpdGNoKHZhbHVlKSB7XHJcbiAgICB0aGlzLnZpZXdUeXBlID0gdmFsdWU7XHJcbiAgICB0aGlzLmZpcmVTZXR0aW5nc0NoYW5nZSgpO1xyXG4gIH1cclxuXHJcbiAgb25BZGQoKSB7XHJcbiAgICB0aGlzLmZpcmVBZGQoKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz0nb3MtY29udHJvbC1wYW5lbCc+XHJcbiAgPGRpdiBjbGFzcz0nY29udHJvbC13cmFwcGVyJz5cclxuICAgIDxkaXYgY2xhc3M9J2ZpbHRlcic+XHJcbiAgICAgIDxhIChjbGljayk9J29uRmlsdGVyVG9nZ2xlKCknXHJcbiAgICAgICAgIFtuZ0NsYXNzXT1cInsnYWN0aXZlJzogZmlsdGVyVmlzaWJsZX1cIlxyXG4gICAgICAgICBjbGFzcz0nYnRuIGJ0bi1pY29uIGJ0bi1wcmltYXJ5J1xyXG4gICAgICAgICBocmVmPSdqYXZhc2NyaXB0OnZvaWQoMCknPlxyXG4gICAgICAgIDxzdmcgaGVpZ2h0PScyMicgdmlld0JveD0nMCAwIDMyIDMyJyB3aWR0aD0nMjAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+XHJcbiAgICAgICAgICA8cGF0aFxyXG4gICAgICAgICAgICBkPSdNMiA3aC4xNDJhMy45ODEgMy45ODEgMCAwIDAgNy43MTYgMEgzMGExIDEgMCAwIDAgMC0ySDkuODU4YTMuOTgxIDMuOTgxIDAgMCAwLTcuNzE2IDBIMmExIDEgMCAwIDAgMCAyem00LTNhMiAyIDAgMSAxLTIgMiAyIDIgMCAwIDEgMi0yem0yNCAxMWgtLjE0MmEzLjk4MSAzLjk4MSAwIDAgMC03LjcxNiAwSDJhMSAxIDAgMCAwIDAgMmgyMC4xNDJhMy45ODEgMy45ODEgMCAwIDAgNy43MTYgMEgzMGExIDEgMCAwIDAgMC0yem0tNCAzYTIgMiAwIDEgMSAyLTIgMiAyIDAgMCAxLTIgMnptNCA3SDE5Ljg1OGEzLjk4MSAzLjk4MSAwIDAgMC03LjcxNiAwSDJhMSAxIDAgMCAwIDAgMmgxMC4xNDJhMy45ODEgMy45ODEgMCAwIDAgNy43MTYgMEgzMGExIDEgMCAwIDAgMC0yem0tMTQgM2EyIDIgMCAxIDEgMi0yIDIgMiAwIDAgMS0yIDJ6J1xyXG4gICAgICAgICAgICBmaWxsPSdjdXJyZW50Q29sb3InLz5cclxuICAgICAgICA8L3N2Zz5cclxuICAgICAgPC9hPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPSd0b29scyc+XHJcbiAgICAgIEBpZiAoc29ydEJ5VmlzaWJsZSkge1xyXG4gICAgICAgIDxkaXYgY2xhc3M9J3NvcnQtYnknPlxyXG4gICAgICAgICAgPGgyPlNvcnQgQnk6PC9oMj5cclxuICAgICAgICAgIDxrZW5kby1kcm9wZG93bmxpc3QgW2RhdGFdPSdzb3J0QnlJdGVtcydcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWVGaWVsZD0ndmFsdWUnXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRleHRGaWVsZD0ndGV4dCdcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3ZhbHVlUHJpbWl0aXZlXT0ndHJ1ZSdcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgWyhuZ01vZGVsKV09J3NlbGVjdGVkU29ydEJ5J1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAodmFsdWVDaGFuZ2UpPSdvblNvcnRCeUNoYW5nZSgpJz5cclxuICAgICAgICAgIDwva2VuZG8tZHJvcGRvd25saXN0PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICB9XHJcblxyXG4gICAgICBAaWYgKHZpZXdUeXBlVmlzaWJsZSkge1xyXG4gICAgICAgIDxkaXYgY2xhc3M9J2FjdGlvbnMnPlxyXG4gICAgICAgICAgPGEgY2xhc3M9J2J0biBidG4taWNvbiBidG4tcHJpbWFyeScgaHJlZj0namF2YXNjcmlwdDp2b2lkKDApJ1xyXG4gICAgICAgICAgICAgW25nQ2xhc3NdPVwieydhY3RpdmUnOiB2aWV3VHlwZSA9PSAnZ3JpZCd9XCJcclxuICAgICAgICAgICAgIChjbGljayk9XCJvblZpZXdTd2l0Y2goJ2dyaWQnKVwiPlxyXG4gICAgICAgICAgICA8c3ZnIGZpbGw9J25vbmUnIGhlaWdodD0nMTgnIHZpZXdCb3g9JzAgMCAxOCAxOCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPlxyXG4gICAgICAgICAgICAgIDxwYXRoXHJcbiAgICAgICAgICAgICAgICBkPSdNNiAxSDJDMS40NDc3MiAxIDEgMS40NDc3MiAxIDJWNkMxIDYuNTUyMjggMS40NDc3MiA3IDIgN0g2QzYuNTUyMjggNyA3IDYuNTUyMjggNyA2VjJDNyAxLjQ0NzcyIDYuNTUyMjggMSA2IDFaJ1xyXG4gICAgICAgICAgICAgICAgc3Ryb2tlPSdjdXJyZW50Q29sb3InXHJcbiAgICAgICAgICAgICAgICBzdHJva2UtbGluZWNhcD0ncm91bmQnXHJcbiAgICAgICAgICAgICAgICBzdHJva2UtbGluZWpvaW49J3JvdW5kJ1xyXG4gICAgICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPScyJy8+XHJcbiAgICAgICAgICAgICAgPHBhdGhcclxuICAgICAgICAgICAgICAgIGQ9J00xNiAxSDEyQzExLjQ0NzcgMSAxMSAxLjQ0NzcyIDExIDJWNkMxMSA2LjU1MjI4IDExLjQ0NzcgNyAxMiA3SDE2QzE2LjU1MjMgNyAxNyA2LjU1MjI4IDE3IDZWMkMxNyAxLjQ0NzcyIDE2LjU1MjMgMSAxNiAxWidcclxuICAgICAgICAgICAgICAgIHN0cm9rZT0nY3VycmVudENvbG9yJ1xyXG4gICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJ1xyXG4gICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCdcclxuICAgICAgICAgICAgICAgIHN0cm9rZS13aWR0aD0nMicvPlxyXG4gICAgICAgICAgICAgIDxwYXRoXHJcbiAgICAgICAgICAgICAgICBkPSdNNiAxMUgyQzEuNDQ3NzIgMTEgMSAxMS40NDc3IDEgMTJWMTZDMSAxNi41NTIzIDEuNDQ3NzIgMTcgMiAxN0g2QzYuNTUyMjggMTcgNyAxNi41NTIzIDcgMTZWMTJDNyAxMS40NDc3IDYuNTUyMjggMTEgNiAxMVonXHJcbiAgICAgICAgICAgICAgICBzdHJva2U9J2N1cnJlbnRDb2xvcidcclxuICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lY2FwPSdyb3VuZCdcclxuICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lam9pbj0ncm91bmQnXHJcbiAgICAgICAgICAgICAgICBzdHJva2Utd2lkdGg9JzInLz5cclxuICAgICAgICAgICAgICA8cGF0aFxyXG4gICAgICAgICAgICAgICAgZD0nTTE2IDExSDEyQzExLjQ0NzcgMTEgMTEgMTEuNDQ3NyAxMSAxMlYxNkMxMSAxNi41NTIzIDExLjQ0NzcgMTcgMTIgMTdIMTZDMTYuNTUyMyAxNyAxNyAxNi41NTIzIDE3IDE2VjEyQzE3IDExLjQ0NzcgMTYuNTUyMyAxMSAxNiAxMVonXHJcbiAgICAgICAgICAgICAgICBzdHJva2U9J2N1cnJlbnRDb2xvcidcclxuICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lY2FwPSdyb3VuZCdcclxuICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lam9pbj0ncm91bmQnXHJcbiAgICAgICAgICAgICAgICBzdHJva2Utd2lkdGg9JzInLz5cclxuICAgICAgICAgICAgPC9zdmc+XHJcbiAgICAgICAgICA8L2E+XHJcbiAgICAgICAgICA8YSBjbGFzcz0nYnRuIGJ0bi1pY29uIGJ0bi1wcmltYXJ5JyBocmVmPSdqYXZhc2NyaXB0OnZvaWQoMCknXHJcbiAgICAgICAgICAgICBbbmdDbGFzc109XCJ7J2FjdGl2ZSc6IHZpZXdUeXBlID09ICdsaXN0J31cIlxyXG4gICAgICAgICAgICAgKGNsaWNrKT1cIm9uVmlld1N3aXRjaCgnbGlzdCcpXCI+XHJcbiAgICAgICAgICAgIDxzdmcgZmlsbD0nbm9uZScgaGVpZ2h0PScxNScgdmlld0JveD0nMCAwIDE5IDE1JyB3aWR0aD0nMTknIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+XHJcbiAgICAgICAgICAgICAgPHBhdGhcclxuICAgICAgICAgICAgICAgIGQ9J00xLjUgNkMwLjY3IDYgMCA2LjY3IDAgNy41QzAgOC4zMyAwLjY3IDkgMS41IDlDMi4zMyA5IDMgOC4zMyAzIDcuNUMzIDYuNjcgMi4zMyA2IDEuNSA2Wk0xLjUgMEMwLjY3IDAgMCAwLjY3IDAgMS41QzAgMi4zMyAwLjY3IDMgMS41IDNDMi4zMyAzIDMgMi4zMyAzIDEuNUMzIDAuNjcgMi4zMyAwIDEuNSAwWk0xLjUgMTJDMC42NyAxMiAwIDEyLjY4IDAgMTMuNUMwIDE0LjMyIDAuNjggMTUgMS41IDE1QzIuMzIgMTUgMyAxNC4zMiAzIDEzLjVDMyAxMi42OCAyLjMzIDEyIDEuNSAxMlpNNS41IDE0LjVIMTcuNUMxOC4wNSAxNC41IDE4LjUgMTQuMDUgMTguNSAxMy41QzE4LjUgMTIuOTUgMTguMDUgMTIuNSAxNy41IDEyLjVINS41QzQuOTUgMTIuNSA0LjUgMTIuOTUgNC41IDEzLjVDNC41IDE0LjA1IDQuOTUgMTQuNSA1LjUgMTQuNVpNNS41IDguNUgxNy41QzE4LjA1IDguNSAxOC41IDguMDUgMTguNSA3LjVDMTguNSA2Ljk1IDE4LjA1IDYuNSAxNy41IDYuNUg1LjVDNC45NSA2LjUgNC41IDYuOTUgNC41IDcuNUM0LjUgOC4wNSA0Ljk1IDguNSA1LjUgOC41Wk00LjUgMS41QzQuNSAyLjA1IDQuOTUgMi41IDUuNSAyLjVIMTcuNUMxOC4wNSAyLjUgMTguNSAyLjA1IDE4LjUgMS41QzE4LjUgMC45NSAxOC4wNSAwLjUgMTcuNSAwLjVINS41QzQuOTUgMC41IDQuNSAwLjk1IDQuNSAxLjVaJ1xyXG4gICAgICAgICAgICAgICAgZmlsbD0nY3VycmVudENvbG9yJy8+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgPC9hPlxyXG4gICAgICAgICAgPGEgY2xhc3M9J2J0biBidG4taWNvbiBidG4tcHJpbWFyeScgaHJlZj0namF2YXNjcmlwdDp2b2lkKDApJ1xyXG4gICAgICAgICAgICAgW25nQ2xhc3NdPVwieydhY3RpdmUnOiB2aWV3VHlwZSA9PSAndGFibGUnfVwiXHJcbiAgICAgICAgICAgICAoY2xpY2spPVwib25WaWV3U3dpdGNoKCd0YWJsZScpXCI+XHJcbiAgICAgICAgICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHZpZXdCb3g9XCIwIDAgNTEyIDUxMlwiIGhlaWdodD1cIjIwXCIgd2lkdGg9XCIyMFwiIGZpbGw9J25vbmUnID5cclxuICAgICAgICAgICAgICA8cGF0aFxyXG4gICAgICAgICAgICAgICAgZD1cIk02NCAyNTZsMC05NiAxNjAgMCAwIDk2TDY0IDI1NnptMCA2NGwxNjAgMCAwIDk2TDY0IDQxNmwwLTk2em0yMjQgOTZsMC05NiAxNjAgMCAwIDk2LTE2MCAwek00NDggMjU2bC0xNjAgMCAwLTk2IDE2MCAwIDAgOTZ6TTY0IDMyQzI4LjcgMzIgMCA2MC43IDAgOTZMMCA0MTZjMCAzNS4zIDI4LjcgNjQgNjQgNjRsMzg0IDBjMzUuMyAwIDY0LTI4LjcgNjQtNjRsMC0zMjBjMC0zNS4zLTI4LjctNjQtNjQtNjRMNjQgMzJ6XCJcclxuICAgICAgICAgICAgICAgIGZpbGw9J2N1cnJlbnRDb2xvcicvPlxyXG4gICAgICAgICAgICA8L3N2Zz5cclxuICAgICAgICAgIDwvYT5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgfVxyXG5cclxuICAgICAgQGlmIChhZGRWaXNpYmxlKSB7XHJcbiAgICAgICAgPGRpdiBjbGFzcz0nYWN0aW9uLWFkZCc+XHJcbiAgICAgICAgICA8YSBjbGFzcz0nYnRuIGJ0bi1pY29uIGJ0bi1wcmltYXJ5JyBocmVmPSdqYXZhc2NyaXB0OnZvaWQoMCknIChjbGljayk9J29uQWRkKCknPlxyXG4gICAgICAgICAgICA8ZmEtaWNvbiBpY29uPSdwbHVzJy8+XHJcbiAgICAgICAgICA8L2E+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIH1cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udHJvbC1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmF0b2x5L3NyYy9saWIvdWkvY29tcG9uZW50cy9kYXRhLWdyaWQvY29udHJvbC1wYW5lbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmF0b2x5L3NyYy9saWIvdWkvY29tcG9uZW50cy9kYXRhLWdyaWQvY29udHJvbC1wYW5lbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7OztFQWFFO0FBRUYsTUFBTTtBQUNOLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFL0UsS0FBSztBQUNMLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sOEJBQThCLENBQUM7Ozs7Ozs7OztJQ2hCckQsNEJBRzhCO0lBQTNCLHFLQUFTLGVBQUEsdUJBQWdCLENBQUEsSUFBQztJQUMzQixtQkFBbUY7SUFBbkYsOEJBQW1GO0lBQ2pGLDJCQUV1QjtJQUN6QixpQkFBTSxFQUFBOzs7SUFSTCwwRUFBcUM7Ozs7SUFjeEMsK0JBQXFCLFNBQUE7SUFDZix3QkFBUTtJQUFBLGlCQUFLO0lBQ2pCLDhDQUtxRDtJQURqQyw4UEFBNEIscUxBQ2IsZUFBQSx1QkFBZ0IsQ0FBQSxJQURIO0lBRWhELGlCQUFxQixFQUFBOzs7SUFORCxlQUFvQjtJQUFwQix5Q0FBb0Isd0JBQUEsa0NBQUE7Ozs7SUFXMUMsK0JBQXFCLFdBQUE7SUFHaEIsc0tBQVMsZUFBQSxvQkFBYSxNQUFNLENBQUMsQ0FBQSxJQUFDO0lBQy9CLG1CQUErRjtJQUEvRiwrQkFBK0Y7SUFDN0YsMkJBS29CLGVBQUEsZUFBQSxlQUFBO0lBbUJ0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LENBQUM7SUFDNUIsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDakIsQ0FBQzt3UEFsRlUscUJBQXFCLFNBQXJCLHFCQUFxQjtvRUFBckIscUJBQXFCO1lDMUJsQyw4QkFBOEIsYUFBQSxhQUFBO1lBR3hCLDRFQVdDO1lBQ0gsaUJBQU07WUFDTiw4QkFBbUI7WUFDakIsOEVBV0Msa0VBQUEsaUVBQUE7WUE4REgsaUJBQU0sRUFBQSxFQUFBOztZQXZGSixlQVdDO1lBWEQscURBV0M7WUFHRCxlQVdDO1lBWEQsK0NBV0M7WUFFRCxjQW1EQztZQW5ERCxrREFtREM7WUFFRCxjQU1DO1lBTkQsa0RBTUM7OztpRkQvRE0scUJBQXFCO2NBSmpDLFNBQVM7MkJBQ0UsaUNBQWlDO2dCQVNsQyxXQUFXO2tCQUFuQixLQUFLO1lBQ0csUUFBUTtrQkFBaEIsS0FBSztZQUdHLG1CQUFtQjtrQkFBM0IsS0FBSztZQUNHLGFBQWE7a0JBQXJCLEtBQUs7WUFDRyxnQkFBZ0I7a0JBQXhCLEtBQUs7WUFDRyxnQkFBZ0I7a0JBQXhCLEtBQUs7WUFHSSxjQUFjO2tCQUF2QixNQUFNO1lBQ0csR0FBRztrQkFBWixNQUFNOztrRkFqQkkscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuPGZpbGU+XHJcbiAgUHJvamVjdDpcclxuICAgIEBvc292aXRueS9hbmF0b2x5XHJcblxyXG4gIEF1dGhvcnM6XHJcbiAgICBBbmF0b2x5IE9zb3ZpdG55IGFuYXRvbHkub3Nvdml0bnlAb3Nvdml0bnkuY29tXHJcblxyXG4gIENyZWF0ZWQ6XHJcbiAgICAyMyBBcHIgMjAyNFxyXG5cclxuICBDb3B5cmlnaHQgKGMpIDIwMTYtMjAyNSBPc292aXRueSBJbmMuIEFsbCByaWdodHMgcmVzZXJ2ZWQuXHJcbjwvZmlsZT5cclxuKi9cclxuXHJcbi8vTm9kZVxyXG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG4vL0FwcFxyXG5pbXBvcnQgeyBEYXRhVmlld1R5cGUgfSBmcm9tICcuLi8uLi8uLi9jb3JlL2VudW1zJztcclxuaW1wb3J0IHsgQ29tcG9uZW50QmFzZSB9IGZyb20gJy4uL2Jhc2UvY29tcG9uZW50cy9jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhbmF0b2x5LWRhdGEtZ3JpZC1jb250cm9sLXBhbmVsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY29udHJvbC1wYW5lbC5jb21wb25lbnQuaHRtbCdcclxufSlcclxuZXhwb3J0IGNsYXNzIENvbnRyb2xQYW5lbENvbXBvbmVudCBleHRlbmRzIENvbXBvbmVudEJhc2UgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIGZpbHRlclZpc2libGU7XHJcbiAgc2VsZWN0ZWRTb3J0Qnk7XHJcbiAgdmlld1R5cGVEZWZhdWx0O1xyXG5cclxuICAvL0lucHV0c1xyXG4gIEBJbnB1dCgpIHNvcnRCeUl0ZW1zO1xyXG4gIEBJbnB1dCgpIHZpZXdUeXBlO1xyXG5cclxuICAvL1Zpc2libGVcclxuICBASW5wdXQoKSBmaWx0ZXJCdXR0b25WaXNpYmxlID0gZmFsc2U7XHJcbiAgQElucHV0KCkgc29ydEJ5VmlzaWJsZSA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHZpZXdUeXBlc1Zpc2libGUgPSBmYWxzZTtcclxuICBASW5wdXQoKSBhZGRCdXR0b25WaXNpYmxlID0gZmFsc2U7XHJcblxyXG4gIC8vT3V0cHV0c1xyXG4gIEBPdXRwdXQoKSBzZXR0aW5nc0NoYW5nZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIGFkZDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5zZXREZWZhdWx0cygpO1xyXG4gICAgdGhpcy5zZXRWYWx1ZXMoKTtcclxuICAgIHRoaXMucmVzZXRTZXR0aW5ncygpO1xyXG4gICAgdGhpcy5maXJlU2V0dGluZ3NDaGFuZ2UoKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgc2V0RGVmYXVsdHMoKSB7XHJcbiAgICBpZiAodGhpcy52aWV3VHlwZSkge1xyXG4gICAgICB0aGlzLnZpZXdUeXBlRGVmYXVsdCA9IHRoaXMudmlld1R5cGU7XHJcbiAgICB9XHJcbiAgICBlbHNlIHtcclxuICAgICAgdGhpcy52aWV3VHlwZSA9IERhdGFWaWV3VHlwZS5MaXN0O1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBzZXRWYWx1ZXMoKSB7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGZpcmVTZXR0aW5nc0NoYW5nZSgpIHtcclxuICAgIHRoaXMuc2V0dGluZ3NDaGFuZ2UuZW1pdCh0aGlzLmdldFNldHRpbmdzKCkpO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBmaXJlQWRkKCkge1xyXG4gICAgdGhpcy5hZGQuZW1pdCgpO1xyXG4gIH1cclxuXHJcbiAgLy9QdWJsaWNcclxuICByZXNldFNldHRpbmdzKCkge1xyXG4gICAgdGhpcy5maWx0ZXJWaXNpYmxlID0gZmFsc2U7XHJcbiAgICB0aGlzLnNlbGVjdGVkU29ydEJ5ID0gMTsgICAgXHJcbiAgICB0aGlzLnZpZXdUeXBlID0gdGhpcy52aWV3VHlwZURlZmF1bHQ7XHJcbiAgfVxyXG5cclxuICBnZXRTZXR0aW5ncygpIHtcclxuICAgIGxldCBmaWx0ZXJWaXNpYmxlID0gdGhpcy5maWx0ZXJWaXNpYmxlO1xyXG4gICAgbGV0IHNvcnRCeSA9IHRoaXMuc2VsZWN0ZWRTb3J0Qnk7ICAgIFxyXG4gICAgbGV0IHZpZXdUeXBlID0gdGhpcy52aWV3VHlwZTtcclxuXHJcbiAgICByZXR1cm4ge1xyXG4gICAgICBmaWx0ZXJWaXNpYmxlOiBmaWx0ZXJWaXNpYmxlLFxyXG4gICAgICBzb3J0Qnk6IHNvcnRCeSwgICAgICBcclxuICAgICAgdmlld1R5cGU6IHZpZXdUeXBlXHJcbiAgICB9O1xyXG4gIH1cclxuXHJcbiAgLy9FdmVudHNcclxuICBvbkZpbHRlclRvZ2dsZSgpIHtcclxuICAgIHRoaXMuZmlsdGVyVmlzaWJsZSA9ICF0aGlzLmZpbHRlclZpc2libGU7XHJcbiAgICB0aGlzLmZpcmVTZXR0aW5nc0NoYW5nZSgpO1xyXG4gIH1cclxuXHJcbiAgb25Tb3J0QnlDaGFuZ2UoKSB7XHJcbiAgICB0aGlzLmZpcmVTZXR0aW5nc0NoYW5nZSgpO1xyXG4gIH1cclxuXHJcbiAgb25WaWV3U3dpdGNoKHZhbHVlKSB7XHJcbiAgICB0aGlzLnZpZXdUeXBlID0gdmFsdWU7XHJcbiAgICB0aGlzLmZpcmVTZXR0aW5nc0NoYW5nZSgpO1xyXG4gIH1cclxuXHJcbiAgb25BZGQoKSB7XHJcbiAgICB0aGlzLmZpcmVBZGQoKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz0nb3MtY29udHJvbC1wYW5lbCc+XHJcbiAgPGRpdiBjbGFzcz0nY29udHJvbC13cmFwcGVyJz5cclxuICAgIDxkaXYgY2xhc3M9J2ZpbHRlcic+XHJcbiAgICAgIEBpZiAoZmlsdGVyQnV0dG9uVmlzaWJsZSkge1xyXG4gICAgICAgIDxhIFtuZ0NsYXNzXT1cInsnYWN0aXZlJzogZmlsdGVyVmlzaWJsZX1cIlxyXG4gICAgICAgICAgIGNsYXNzPSdidG4gYnRuLWljb24gYnRuLXByaW1hcnknXHJcbiAgICAgICAgICAgaHJlZj0namF2YXNjcmlwdDp2b2lkKDApJyBcclxuICAgICAgICAgICAoY2xpY2spPSdvbkZpbHRlclRvZ2dsZSgpJz5cclxuICAgICAgICAgIDxzdmcgaGVpZ2h0PScyMicgdmlld0JveD0nMCAwIDMyIDMyJyB3aWR0aD0nMjAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+XHJcbiAgICAgICAgICAgIDxwYXRoXHJcbiAgICAgICAgICAgICAgZD0nTTIgN2guMTQyYTMuOTgxIDMuOTgxIDAgMCAwIDcuNzE2IDBIMzBhMSAxIDAgMCAwIDAtMkg5Ljg1OGEzLjk4MSAzLjk4MSAwIDAgMC03LjcxNiAwSDJhMSAxIDAgMCAwIDAgMnptNC0zYTIgMiAwIDEgMS0yIDIgMiAyIDAgMCAxIDItMnptMjQgMTFoLS4xNDJhMy45ODEgMy45ODEgMCAwIDAtNy43MTYgMEgyYTEgMSAwIDAgMCAwIDJoMjAuMTQyYTMuOTgxIDMuOTgxIDAgMCAwIDcuNzE2IDBIMzBhMSAxIDAgMCAwIDAtMnptLTQgM2EyIDIgMCAxIDEgMi0yIDIgMiAwIDAgMS0yIDJ6bTQgN0gxOS44NThhMy45ODEgMy45ODEgMCAwIDAtNy43MTYgMEgyYTEgMSAwIDAgMCAwIDJoMTAuMTQyYTMuOTgxIDMuOTgxIDAgMCAwIDcuNzE2IDBIMzBhMSAxIDAgMCAwIDAtMnptLTE0IDNhMiAyIDAgMSAxIDItMiAyIDIgMCAwIDEtMiAyeidcclxuICAgICAgICAgICAgICBmaWxsPSdjdXJyZW50Q29sb3InLz5cclxuICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgIDwvYT5cclxuICAgICAgfVxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPSd0b29scyc+XHJcbiAgICAgIEBpZiAoc29ydEJ5VmlzaWJsZSkge1xyXG4gICAgICAgIDxkaXYgY2xhc3M9J3NvcnQtYnknPlxyXG4gICAgICAgICAgPGgyPlNvcnQgQnk6PC9oMj5cclxuICAgICAgICAgIDxrZW5kby1kcm9wZG93bmxpc3QgW2RhdGFdPSdzb3J0QnlJdGVtcydcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWVGaWVsZD0ndmFsdWUnXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRleHRGaWVsZD0ndGV4dCdcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3ZhbHVlUHJpbWl0aXZlXT0ndHJ1ZSdcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgWyhuZ01vZGVsKV09J3NlbGVjdGVkU29ydEJ5J1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAodmFsdWVDaGFuZ2UpPSdvblNvcnRCeUNoYW5nZSgpJz5cclxuICAgICAgICAgIDwva2VuZG8tZHJvcGRvd25saXN0PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICB9XHJcblxyXG4gICAgICBAaWYgKHZpZXdUeXBlc1Zpc2libGUpIHtcclxuICAgICAgICA8ZGl2IGNsYXNzPSdhY3Rpb25zJz5cclxuICAgICAgICAgIDxhIGNsYXNzPSdidG4gYnRuLWljb24gYnRuLXByaW1hcnknIGhyZWY9J2phdmFzY3JpcHQ6dm9pZCgwKSdcclxuICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsnYWN0aXZlJzogdmlld1R5cGUgPT0gJ2dyaWQnfVwiXHJcbiAgICAgICAgICAgICAoY2xpY2spPVwib25WaWV3U3dpdGNoKCdncmlkJylcIj5cclxuICAgICAgICAgICAgPHN2ZyBmaWxsPSdub25lJyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMTggMTgnIHdpZHRoPScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz5cclxuICAgICAgICAgICAgICA8cGF0aFxyXG4gICAgICAgICAgICAgICAgZD0nTTYgMUgyQzEuNDQ3NzIgMSAxIDEuNDQ3NzIgMSAyVjZDMSA2LjU1MjI4IDEuNDQ3NzIgNyAyIDdINkM2LjU1MjI4IDcgNyA2LjU1MjI4IDcgNlYyQzcgMS40NDc3MiA2LjU1MjI4IDEgNiAxWidcclxuICAgICAgICAgICAgICAgIHN0cm9rZT0nY3VycmVudENvbG9yJ1xyXG4gICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJ1xyXG4gICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCdcclxuICAgICAgICAgICAgICAgIHN0cm9rZS13aWR0aD0nMicvPlxyXG4gICAgICAgICAgICAgIDxwYXRoXHJcbiAgICAgICAgICAgICAgICBkPSdNMTYgMUgxMkMxMS40NDc3IDEgMTEgMS40NDc3MiAxMSAyVjZDMTEgNi41NTIyOCAxMS40NDc3IDcgMTIgN0gxNkMxNi41NTIzIDcgMTcgNi41NTIyOCAxNyA2VjJDMTcgMS40NDc3MiAxNi41NTIzIDEgMTYgMVonXHJcbiAgICAgICAgICAgICAgICBzdHJva2U9J2N1cnJlbnRDb2xvcidcclxuICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lY2FwPSdyb3VuZCdcclxuICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lam9pbj0ncm91bmQnXHJcbiAgICAgICAgICAgICAgICBzdHJva2Utd2lkdGg9JzInLz5cclxuICAgICAgICAgICAgICA8cGF0aFxyXG4gICAgICAgICAgICAgICAgZD0nTTYgMTFIMkMxLjQ0NzcyIDExIDEgMTEuNDQ3NyAxIDEyVjE2QzEgMTYuNTUyMyAxLjQ0NzcyIDE3IDIgMTdINkM2LjU1MjI4IDE3IDcgMTYuNTUyMyA3IDE2VjEyQzcgMTEuNDQ3NyA2LjU1MjI4IDExIDYgMTFaJ1xyXG4gICAgICAgICAgICAgICAgc3Ryb2tlPSdjdXJyZW50Q29sb3InXHJcbiAgICAgICAgICAgICAgICBzdHJva2UtbGluZWNhcD0ncm91bmQnXHJcbiAgICAgICAgICAgICAgICBzdHJva2UtbGluZWpvaW49J3JvdW5kJ1xyXG4gICAgICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPScyJy8+XHJcbiAgICAgICAgICAgICAgPHBhdGhcclxuICAgICAgICAgICAgICAgIGQ9J00xNiAxMUgxMkMxMS40NDc3IDExIDExIDExLjQ0NzcgMTEgMTJWMTZDMTEgMTYuNTUyMyAxMS40NDc3IDE3IDEyIDE3SDE2QzE2LjU1MjMgMTcgMTcgMTYuNTUyMyAxNyAxNlYxMkMxNyAxMS40NDc3IDE2LjU1MjMgMTEgMTYgMTFaJ1xyXG4gICAgICAgICAgICAgICAgc3Ryb2tlPSdjdXJyZW50Q29sb3InXHJcbiAgICAgICAgICAgICAgICBzdHJva2UtbGluZWNhcD0ncm91bmQnXHJcbiAgICAgICAgICAgICAgICBzdHJva2UtbGluZWpvaW49J3JvdW5kJ1xyXG4gICAgICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPScyJy8+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgPC9hPlxyXG4gICAgICAgICAgPGEgY2xhc3M9J2J0biBidG4taWNvbiBidG4tcHJpbWFyeScgaHJlZj0namF2YXNjcmlwdDp2b2lkKDApJ1xyXG4gICAgICAgICAgICAgW25nQ2xhc3NdPVwieydhY3RpdmUnOiB2aWV3VHlwZSA9PSAnbGlzdCd9XCJcclxuICAgICAgICAgICAgIChjbGljayk9XCJvblZpZXdTd2l0Y2goJ2xpc3QnKVwiPlxyXG4gICAgICAgICAgICA8c3ZnIGZpbGw9J25vbmUnIGhlaWdodD0nMTUnIHZpZXdCb3g9JzAgMCAxOSAxNScgd2lkdGg9JzE5JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPlxyXG4gICAgICAgICAgICAgIDxwYXRoXHJcbiAgICAgICAgICAgICAgICBkPSdNMS41IDZDMC42NyA2IDAgNi42NyAwIDcuNUMwIDguMzMgMC42NyA5IDEuNSA5QzIuMzMgOSAzIDguMzMgMyA3LjVDMyA2LjY3IDIuMzMgNiAxLjUgNlpNMS41IDBDMC42NyAwIDAgMC42NyAwIDEuNUMwIDIuMzMgMC42NyAzIDEuNSAzQzIuMzMgMyAzIDIuMzMgMyAxLjVDMyAwLjY3IDIuMzMgMCAxLjUgMFpNMS41IDEyQzAuNjcgMTIgMCAxMi42OCAwIDEzLjVDMCAxNC4zMiAwLjY4IDE1IDEuNSAxNUMyLjMyIDE1IDMgMTQuMzIgMyAxMy41QzMgMTIuNjggMi4zMyAxMiAxLjUgMTJaTTUuNSAxNC41SDE3LjVDMTguMDUgMTQuNSAxOC41IDE0LjA1IDE4LjUgMTMuNUMxOC41IDEyLjk1IDE4LjA1IDEyLjUgMTcuNSAxMi41SDUuNUM0Ljk1IDEyLjUgNC41IDEyLjk1IDQuNSAxMy41QzQuNSAxNC4wNSA0Ljk1IDE0LjUgNS41IDE0LjVaTTUuNSA4LjVIMTcuNUMxOC4wNSA4LjUgMTguNSA4LjA1IDE4LjUgNy41QzE4LjUgNi45NSAxOC4wNSA2LjUgMTcuNSA2LjVINS41QzQuOTUgNi41IDQuNSA2Ljk1IDQuNSA3LjVDNC41IDguMDUgNC45NSA4LjUgNS41IDguNVpNNC41IDEuNUM0LjUgMi4wNSA0Ljk1IDIuNSA1LjUgMi41SDE3LjVDMTguMDUgMi41IDE4LjUgMi4wNSAxOC41IDEuNUMxOC41IDAuOTUgMTguMDUgMC41IDE3LjUgMC41SDUuNUM0Ljk1IDAuNSA0LjUgMC45NSA0LjUgMS41WidcclxuICAgICAgICAgICAgICAgIGZpbGw9J2N1cnJlbnRDb2xvcicvPlxyXG4gICAgICAgICAgICA8L3N2Zz5cclxuICAgICAgICAgIDwvYT5cclxuICAgICAgICAgIDxhIGNsYXNzPSdidG4gYnRuLWljb24gYnRuLXByaW1hcnknIGhyZWY9J2phdmFzY3JpcHQ6dm9pZCgwKSdcclxuICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsnYWN0aXZlJzogdmlld1R5cGUgPT0gJ3RhYmxlJ31cIlxyXG4gICAgICAgICAgICAgKGNsaWNrKT1cIm9uVmlld1N3aXRjaCgndGFibGUnKVwiPlxyXG4gICAgICAgICAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB2aWV3Qm94PVwiMCAwIDUxMiA1MTJcIiBoZWlnaHQ9XCIyMFwiIHdpZHRoPVwiMjBcIiBmaWxsPSdub25lJyA+XHJcbiAgICAgICAgICAgICAgPHBhdGhcclxuICAgICAgICAgICAgICAgIGQ9XCJNNjQgMjU2bDAtOTYgMTYwIDAgMCA5Nkw2NCAyNTZ6bTAgNjRsMTYwIDAgMCA5Nkw2NCA0MTZsMC05NnptMjI0IDk2bDAtOTYgMTYwIDAgMCA5Ni0xNjAgMHpNNDQ4IDI1NmwtMTYwIDAgMC05NiAxNjAgMCAwIDk2ek02NCAzMkMyOC43IDMyIDAgNjAuNyAwIDk2TDAgNDE2YzAgMzUuMyAyOC43IDY0IDY0IDY0bDM4NCAwYzM1LjMgMCA2NC0yOC43IDY0LTY0bDAtMzIwYzAtMzUuMy0yOC43LTY0LTY0LTY0TDY0IDMyelwiXHJcbiAgICAgICAgICAgICAgICBmaWxsPSdjdXJyZW50Q29sb3InLz5cclxuICAgICAgICAgICAgPC9zdmc+XHJcbiAgICAgICAgICA8L2E+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIH1cclxuXHJcbiAgICAgIEBpZiAoYWRkQnV0dG9uVmlzaWJsZSkge1xyXG4gICAgICAgIDxkaXYgY2xhc3M9J2FjdGlvbi1hZGQnPlxyXG4gICAgICAgICAgPGEgY2xhc3M9J2J0biBidG4taWNvbiBidG4tcHJpbWFyeScgaHJlZj0namF2YXNjcmlwdDp2b2lkKDApJyAoY2xpY2spPSdvbkFkZCgpJz5cclxuICAgICAgICAgICAgPGZhLWljb24gaWNvbj0ncGx1cycvPlxyXG4gICAgICAgICAgPC9hPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICB9XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/fesm2022/osovitny-anatoly.mjs

@@ -7692,72 +7692,98 @@ class CheckIconComponent {
 </file>
 */
 //Node
-function ControlPanelComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 10)(1, "h2");
+const _c0$9 = a0 => ({ "active": a0 });
+function ControlPanelComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "a", 8);
+    i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_3_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.onFilterToggle()); });
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(1, "svg", 9);
+    i0.ɵɵelement(2, "path", 10);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(1, _c0$9, ctx_r0.filterVisible));
+} }
+function ControlPanelComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 11)(1, "h2");
     i0.ɵɵtext(2, "Sort By:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "kendo-dropdownlist", 11);
-    i0.ɵɵlistener("ngModelChange", function ControlPanelComponent_Conditional_7_Template_kendo_dropdownlist_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.selectedSortBy = $event); })("valueChange", function ControlPanelComponent_Conditional_7_Template_kendo_dropdownlist_valueChange_3_listener() { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.onSortByChange()); });
+    i0.ɵɵelementStart(3, "kendo-dropdownlist", 12);
+    i0.ɵɵlistener("ngModelChange", function ControlPanelComponent_Conditional_5_Template_kendo_dropdownlist_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.selectedSortBy = $event); })("valueChange", function ControlPanelComponent_Conditional_5_Template_kendo_dropdownlist_valueChange_3_listener() { i0.ɵɵrestoreView(_r7); const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.onSortByChange()); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("data", ctx_r0.sortByItems)("valuePrimitive", true)("ngModel", ctx_r0.selectedSortBy);
+    i0.ɵɵproperty("data", ctx_r1.sortByItems)("valuePrimitive", true)("ngModel", ctx_r1.selectedSortBy);
 } }
-const _c0$9 = a0 => ({ "active": a0 });
-function ControlPanelComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 12)(1, "a", 3);
-    i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_8_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.onViewSwitch("grid")); });
+function ControlPanelComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 13)(1, "a", 8);
+    i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_6_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r9.onViewSwitch("grid")); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(2, "svg", 13);
-    i0.ɵɵelement(3, "path", 14)(4, "path", 15)(5, "path", 16)(6, "path", 17);
+    i0.ɵɵelementStart(2, "svg", 14);
+    i0.ɵɵelement(3, "path", 15)(4, "path", 16)(5, "path", 17)(6, "path", 18);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(7, "a", 3);
-    i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_8_Template_a_click_7_listener() { i0.ɵɵrestoreView(_r7); const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.onViewSwitch("list")); });
+    i0.ɵɵelementStart(7, "a", 8);
+    i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_6_Template_a_click_7_listener() { i0.ɵɵrestoreView(_r10); const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.onViewSwitch("list")); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(8, "svg", 18);
-    i0.ɵɵelement(9, "path", 19);
+    i0.ɵɵelementStart(8, "svg", 19);
+    i0.ɵɵelement(9, "path", 20);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(10, "a", 3);
-    i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_8_Template_a_click_10_listener() { i0.ɵɵrestoreView(_r7); const ctx_r9 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r9.onViewSwitch("table")); });
+    i0.ɵɵelementStart(10, "a", 8);
+    i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_6_Template_a_click_10_listener() { i0.ɵɵrestoreView(_r10); const ctx_r12 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r12.onViewSwitch("table")); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(11, "svg", 20);
-    i0.ɵɵelement(12, "path", 21);
+    i0.ɵɵelementStart(11, "svg", 21);
+    i0.ɵɵelement(12, "path", 22);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
+    const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0$9, ctx_r1.viewType == "grid"));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0$9, ctx_r2.viewType == "grid"));
     i0.ɵɵadvance(6);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$9, ctx_r1.viewType == "list"));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$9, ctx_r2.viewType == "list"));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$9, ctx_r1.viewType == "table"));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$9, ctx_r2.viewType == "table"));
 } }
-function ControlPanelComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 22)(1, "a", 23);
-    i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_9_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r10.onAdd()); });
-    i0.ɵɵelement(2, "fa-icon", 24);
+function ControlPanelComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 23)(1, "a", 24);
+    i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_7_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r14); const ctx_r13 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r13.onAdd()); });
+    i0.ɵɵelement(2, "fa-icon", 25);
     i0.ɵɵelementEnd()();
 } }
 class ControlPanelComponent extends ComponentBase {
     constructor() {
         super(...arguments);
+        //Visible
+        this.filterButtonVisible = false;
         this.sortByVisible = false;
-        this.viewTypeVisible = false;
-        this.addVisible = false;
+        this.viewTypesVisible = false;
+        this.addButtonVisible = false;
         //Outputs
         this.settingsChange = new EventEmitter();
         this.add = new EventEmitter();
     }
     ngOnInit() {
+        this.setDefaults();
+        this.setValues();
         this.resetSettings();
         this.fireSettingsChange();
     }
+    setDefaults() {
+        if (this.viewType) {
+            this.viewTypeDefault = this.viewType;
+        }
+        else {
+            this.viewType = DataViewType.List;
+        }
+    }
+    setValues() {
+    }
     fireSettingsChange() {
         this.settingsChange.emit(this.getSettings());
     }
@@ -7766,17 +7792,17 @@ class ControlPanelComponent extends ComponentBase {
     }
     //Public
     resetSettings() {
-        this.selectedSortBy = 1;
         this.filterVisible = false;
-        this.viewType = DataViewType.List;
+        this.selectedSortBy = 1;
+        this.viewType = this.viewTypeDefault;
     }
     getSettings() {
-        let sortBy = this.selectedSortBy;
         let filterVisible = this.filterVisible;
+        let sortBy = this.selectedSortBy;
         let viewType = this.viewType;
         return {
-            sortBy: sortBy,
             filterVisible: filterVisible,
+            sortBy: sortBy,
             viewType: viewType
         };
     }
@@ -7796,38 +7822,38 @@ class ControlPanelComponent extends ComponentBase {
         this.fireAdd();
     }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵControlPanelComponent_BaseFactory; return function ControlPanelComponent_Factory(t) { return (ɵControlPanelComponent_BaseFactory || (ɵControlPanelComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ControlPanelComponent)))(t || ControlPanelComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ControlPanelComponent, selectors: [["anatoly-data-grid-control-panel"]], inputs: { sortByItems: "sortByItems", sortByVisible: "sortByVisible", viewTypeVisible: "viewTypeVisible", addVisible: "addVisible" }, outputs: { settingsChange: "settingsChange", add: "add" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 10, vars: 6, consts: [[1, "os-control-panel"], [1, "control-wrapper"], [1, "filter"], ["href", "javascript:void(0)", 1, "btn", "btn-icon", "btn-primary", 3, "ngClass", "click"], ["height", "22", "viewBox", "0 0 32 32", "width", "20", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M2 7h.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2H9.858a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2zm4-3a2 2 0 1 1-2 2 2 2 0 0 1 2-2zm24 11h-.142a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2h20.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2zm-4 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm4 7H19.858a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2h10.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2zm-14 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2z", "fill", "currentColor"], [1, "tools"], ["class", "sort-by"], ["class", "actions"], ["class", "action-add"], [1, "sort-by"], ["valueField", "value", "textField", "text", 3, "data", "valuePrimitive", "ngModel", "ngModelChange", "valueChange"], [1, "actions"], ["fill", "none", "height", "18", "viewBox", "0 0 18 18", "width", "18", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M6 1H2C1.44772 1 1 1.44772 1 2V6C1 6.55228 1.44772 7 2 7H6C6.55228 7 7 6.55228 7 6V2C7 1.44772 6.55228 1 6 1Z", "stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["d", "M16 1H12C11.4477 1 11 1.44772 11 2V6C11 6.55228 11.4477 7 12 7H16C16.5523 7 17 6.55228 17 6V2C17 1.44772 16.5523 1 16 1Z", "stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["d", "M6 11H2C1.44772 11 1 11.4477 1 12V16C1 16.5523 1.44772 17 2 17H6C6.55228 17 7 16.5523 7 16V12C7 11.4477 6.55228 11 6 11Z", "stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["d", "M16 11H12C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17H16C16.5523 17 17 16.5523 17 16V12C17 11.4477 16.5523 11 16 11Z", "stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["fill", "none", "height", "15", "viewBox", "0 0 19 15", "width", "19", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M1.5 6C0.67 6 0 6.67 0 7.5C0 8.33 0.67 9 1.5 9C2.33 9 3 8.33 3 7.5C3 6.67 2.33 6 1.5 6ZM1.5 0C0.67 0 0 0.67 0 1.5C0 2.33 0.67 3 1.5 3C2.33 3 3 2.33 3 1.5C3 0.67 2.33 0 1.5 0ZM1.5 12C0.67 12 0 12.68 0 13.5C0 14.32 0.68 15 1.5 15C2.32 15 3 14.32 3 13.5C3 12.68 2.33 12 1.5 12ZM5.5 14.5H17.5C18.05 14.5 18.5 14.05 18.5 13.5C18.5 12.95 18.05 12.5 17.5 12.5H5.5C4.95 12.5 4.5 12.95 4.5 13.5C4.5 14.05 4.95 14.5 5.5 14.5ZM5.5 8.5H17.5C18.05 8.5 18.5 8.05 18.5 7.5C18.5 6.95 18.05 6.5 17.5 6.5H5.5C4.95 6.5 4.5 6.95 4.5 7.5C4.5 8.05 4.95 8.5 5.5 8.5ZM4.5 1.5C4.5 2.05 4.95 2.5 5.5 2.5H17.5C18.05 2.5 18.5 2.05 18.5 1.5C18.5 0.95 18.05 0.5 17.5 0.5H5.5C4.95 0.5 4.5 0.95 4.5 1.5Z", "fill", "currentColor"], ["xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 512 512", "height", "20", "width", "20", "fill", "none"], ["d", "M64 256l0-96 160 0 0 96L64 256zm0 64l160 0 0 96L64 416l0-96zm224 96l0-96 160 0 0 96-160 0zM448 256l-160 0 0-96 160 0 0 96zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z", "fill", "currentColor"], [1, "action-add"], ["href", "javascript:void(0)", 1, "btn", "btn-icon", "btn-primary", 3, "click"], ["icon", "plus"]], template: function ControlPanelComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "a", 3);
-            i0.ɵɵlistener("click", function ControlPanelComponent_Template_a_click_3_listener() { return ctx.onFilterToggle(); });
-            i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(4, "svg", 4);
-            i0.ɵɵelement(5, "path", 5);
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(6, "div", 6);
-            i0.ɵɵtemplate(7, ControlPanelComponent_Conditional_7_Template, 4, 3, "div", 7)(8, ControlPanelComponent_Conditional_8_Template, 13, 9, "div", 8)(9, ControlPanelComponent_Conditional_9_Template, 3, 0, "div", 9);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ControlPanelComponent, selectors: [["anatoly-data-grid-control-panel"]], inputs: { sortByItems: "sortByItems", viewType: "viewType", filterButtonVisible: "filterButtonVisible", sortByVisible: "sortByVisible", viewTypesVisible: "viewTypesVisible", addButtonVisible: "addButtonVisible" }, outputs: { settingsChange: "settingsChange", add: "add" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 4, consts: [[1, "os-control-panel"], [1, "control-wrapper"], [1, "filter"], ["class", "btn btn-icon btn-primary", "href", "javascript:void(0)", 3, "ngClass"], [1, "tools"], ["class", "sort-by"], ["class", "actions"], ["class", "action-add"], ["href", "javascript:void(0)", 1, "btn", "btn-icon", "btn-primary", 3, "ngClass", "click"], ["height", "22", "viewBox", "0 0 32 32", "width", "20", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M2 7h.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2H9.858a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2zm4-3a2 2 0 1 1-2 2 2 2 0 0 1 2-2zm24 11h-.142a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2h20.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2zm-4 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm4 7H19.858a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2h10.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2zm-14 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2z", "fill", "currentColor"], [1, "sort-by"], ["valueField", "value", "textField", "text", 3, "data", "valuePrimitive", "ngModel", "ngModelChange", "valueChange"], [1, "actions"], ["fill", "none", "height", "18", "viewBox", "0 0 18 18", "width", "18", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M6 1H2C1.44772 1 1 1.44772 1 2V6C1 6.55228 1.44772 7 2 7H6C6.55228 7 7 6.55228 7 6V2C7 1.44772 6.55228 1 6 1Z", "stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["d", "M16 1H12C11.4477 1 11 1.44772 11 2V6C11 6.55228 11.4477 7 12 7H16C16.5523 7 17 6.55228 17 6V2C17 1.44772 16.5523 1 16 1Z", "stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["d", "M6 11H2C1.44772 11 1 11.4477 1 12V16C1 16.5523 1.44772 17 2 17H6C6.55228 17 7 16.5523 7 16V12C7 11.4477 6.55228 11 6 11Z", "stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["d", "M16 11H12C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17H16C16.5523 17 17 16.5523 17 16V12C17 11.4477 16.5523 11 16 11Z", "stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["fill", "none", "height", "15", "viewBox", "0 0 19 15", "width", "19", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M1.5 6C0.67 6 0 6.67 0 7.5C0 8.33 0.67 9 1.5 9C2.33 9 3 8.33 3 7.5C3 6.67 2.33 6 1.5 6ZM1.5 0C0.67 0 0 0.67 0 1.5C0 2.33 0.67 3 1.5 3C2.33 3 3 2.33 3 1.5C3 0.67 2.33 0 1.5 0ZM1.5 12C0.67 12 0 12.68 0 13.5C0 14.32 0.68 15 1.5 15C2.32 15 3 14.32 3 13.5C3 12.68 2.33 12 1.5 12ZM5.5 14.5H17.5C18.05 14.5 18.5 14.05 18.5 13.5C18.5 12.95 18.05 12.5 17.5 12.5H5.5C4.95 12.5 4.5 12.95 4.5 13.5C4.5 14.05 4.95 14.5 5.5 14.5ZM5.5 8.5H17.5C18.05 8.5 18.5 8.05 18.5 7.5C18.5 6.95 18.05 6.5 17.5 6.5H5.5C4.95 6.5 4.5 6.95 4.5 7.5C4.5 8.05 4.95 8.5 5.5 8.5ZM4.5 1.5C4.5 2.05 4.95 2.5 5.5 2.5H17.5C18.05 2.5 18.5 2.05 18.5 1.5C18.5 0.95 18.05 0.5 17.5 0.5H5.5C4.95 0.5 4.5 0.95 4.5 1.5Z", "fill", "currentColor"], ["xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 512 512", "height", "20", "width", "20", "fill", "none"], ["d", "M64 256l0-96 160 0 0 96L64 256zm0 64l160 0 0 96L64 416l0-96zm224 96l0-96 160 0 0 96-160 0zM448 256l-160 0 0-96 160 0 0 96zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z", "fill", "currentColor"], [1, "action-add"], ["href", "javascript:void(0)", 1, "btn", "btn-icon", "btn-primary", 3, "click"], ["icon", "plus"]], template: function ControlPanelComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
+            i0.ɵɵtemplate(3, ControlPanelComponent_Conditional_3_Template, 3, 3, "a", 3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "div", 4);
+            i0.ɵɵtemplate(5, ControlPanelComponent_Conditional_5_Template, 4, 3, "div", 5)(6, ControlPanelComponent_Conditional_6_Template, 13, 9, "div", 6)(7, ControlPanelComponent_Conditional_7_Template, 3, 0, "div", 7);
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c0$9, ctx.filterVisible));
-            i0.ɵɵadvance(4);
-            i0.ɵɵconditional(7, ctx.sortByVisible ? 7 : -1);
+            i0.ɵɵconditional(3, ctx.filterButtonVisible ? 3 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(5, ctx.sortByVisible ? 5 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(8, ctx.viewTypeVisible ? 8 : -1);
+            i0.ɵɵconditional(6, ctx.viewTypesVisible ? 6 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(9, ctx.addVisible ? 9 : -1);
+            i0.ɵɵconditional(7, ctx.addButtonVisible ? 7 : -1);
         } }, dependencies: [i1$1.NgClass, i2.NgControlStatus, i2.NgModel, i1$6.FaIconComponent, i3.DropDownListComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ControlPanelComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-data-grid-control-panel', template: "<div class='os-control-panel'>\r\n  <div class='control-wrapper'>\r\n    <div class='filter'>\r\n      <a (click)='onFilterToggle()'\r\n         [ngClass]=\"{'active': filterVisible}\"\r\n         class='btn btn-icon btn-primary'\r\n         href='javascript:void(0)'>\r\n        <svg height='22' viewBox='0 0 32 32' width='20' xmlns='http://www.w3.org/2000/svg'>\r\n          <path\r\n            d='M2 7h.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2H9.858a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2zm4-3a2 2 0 1 1-2 2 2 2 0 0 1 2-2zm24 11h-.142a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2h20.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2zm-4 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm4 7H19.858a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2h10.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2zm-14 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2z'\r\n            fill='currentColor'/>\r\n        </svg>\r\n      </a>\r\n    </div>\r\n    <div class='tools'>\r\n      @if (sortByVisible) {\r\n        <div class='sort-by'>\r\n          <h2>Sort By:</h2>\r\n          <kendo-dropdownlist [data]='sortByItems'\r\n                              valueField='value'\r\n                              textField='text'\r\n                              [valuePrimitive]='true'\r\n                              [(ngModel)]='selectedSortBy'\r\n                              (valueChange)='onSortByChange()'>\r\n          </kendo-dropdownlist>\r\n        </div>\r\n      }\r\n\r\n      @if (viewTypeVisible) {\r\n        <div class='actions'>\r\n          <a class='btn btn-icon btn-primary' href='javascript:void(0)'\r\n             [ngClass]=\"{'active': viewType == 'grid'}\"\r\n             (click)=\"onViewSwitch('grid')\">\r\n            <svg fill='none' height='18' viewBox='0 0 18 18' width='18' xmlns='http://www.w3.org/2000/svg'>\r\n              <path\r\n                d='M6 1H2C1.44772 1 1 1.44772 1 2V6C1 6.55228 1.44772 7 2 7H6C6.55228 7 7 6.55228 7 6V2C7 1.44772 6.55228 1 6 1Z'\r\n                stroke='currentColor'\r\n                stroke-linecap='round'\r\n                stroke-linejoin='round'\r\n                stroke-width='2'/>\r\n              <path\r\n                d='M16 1H12C11.4477 1 11 1.44772 11 2V6C11 6.55228 11.4477 7 12 7H16C16.5523 7 17 6.55228 17 6V2C17 1.44772 16.5523 1 16 1Z'\r\n                stroke='currentColor'\r\n                stroke-linecap='round'\r\n                stroke-linejoin='round'\r\n                stroke-width='2'/>\r\n              <path\r\n                d='M6 11H2C1.44772 11 1 11.4477 1 12V16C1 16.5523 1.44772 17 2 17H6C6.55228 17 7 16.5523 7 16V12C7 11.4477 6.55228 11 6 11Z'\r\n                stroke='currentColor'\r\n                stroke-linecap='round'\r\n                stroke-linejoin='round'\r\n                stroke-width='2'/>\r\n              <path\r\n                d='M16 11H12C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17H16C16.5523 17 17 16.5523 17 16V12C17 11.4477 16.5523 11 16 11Z'\r\n                stroke='currentColor'\r\n                stroke-linecap='round'\r\n                stroke-linejoin='round'\r\n                stroke-width='2'/>\r\n            </svg>\r\n          </a>\r\n          <a class='btn btn-icon btn-primary' href='javascript:void(0)'\r\n             [ngClass]=\"{'active': viewType == 'list'}\"\r\n             (click)=\"onViewSwitch('list')\">\r\n            <svg fill='none' height='15' viewBox='0 0 19 15' width='19' xmlns='http://www.w3.org/2000/svg'>\r\n              <path\r\n                d='M1.5 6C0.67 6 0 6.67 0 7.5C0 8.33 0.67 9 1.5 9C2.33 9 3 8.33 3 7.5C3 6.67 2.33 6 1.5 6ZM1.5 0C0.67 0 0 0.67 0 1.5C0 2.33 0.67 3 1.5 3C2.33 3 3 2.33 3 1.5C3 0.67 2.33 0 1.5 0ZM1.5 12C0.67 12 0 12.68 0 13.5C0 14.32 0.68 15 1.5 15C2.32 15 3 14.32 3 13.5C3 12.68 2.33 12 1.5 12ZM5.5 14.5H17.5C18.05 14.5 18.5 14.05 18.5 13.5C18.5 12.95 18.05 12.5 17.5 12.5H5.5C4.95 12.5 4.5 12.95 4.5 13.5C4.5 14.05 4.95 14.5 5.5 14.5ZM5.5 8.5H17.5C18.05 8.5 18.5 8.05 18.5 7.5C18.5 6.95 18.05 6.5 17.5 6.5H5.5C4.95 6.5 4.5 6.95 4.5 7.5C4.5 8.05 4.95 8.5 5.5 8.5ZM4.5 1.5C4.5 2.05 4.95 2.5 5.5 2.5H17.5C18.05 2.5 18.5 2.05 18.5 1.5C18.5 0.95 18.05 0.5 17.5 0.5H5.5C4.95 0.5 4.5 0.95 4.5 1.5Z'\r\n                fill='currentColor'/>\r\n            </svg>\r\n          </a>\r\n          <a class='btn btn-icon btn-primary' href='javascript:void(0)'\r\n             [ngClass]=\"{'active': viewType == 'table'}\"\r\n             (click)=\"onViewSwitch('table')\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" height=\"20\" width=\"20\" fill='none' >\r\n              <path\r\n                d=\"M64 256l0-96 160 0 0 96L64 256zm0 64l160 0 0 96L64 416l0-96zm224 96l0-96 160 0 0 96-160 0zM448 256l-160 0 0-96 160 0 0 96zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z\"\r\n                fill='currentColor'/>\r\n            </svg>\r\n          </a>\r\n        </div>\r\n      }\r\n\r\n      @if (addVisible) {\r\n        <div class='action-add'>\r\n          <a class='btn btn-icon btn-primary' href='javascript:void(0)' (click)='onAdd()'>\r\n            <fa-icon icon='plus'/>\r\n          </a>\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
+        args: [{ selector: 'anatoly-data-grid-control-panel', template: "<div class='os-control-panel'>\r\n  <div class='control-wrapper'>\r\n    <div class='filter'>\r\n      @if (filterButtonVisible) {\r\n        <a [ngClass]=\"{'active': filterVisible}\"\r\n           class='btn btn-icon btn-primary'\r\n           href='javascript:void(0)' \r\n           (click)='onFilterToggle()'>\r\n          <svg height='22' viewBox='0 0 32 32' width='20' xmlns='http://www.w3.org/2000/svg'>\r\n            <path\r\n              d='M2 7h.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2H9.858a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2zm4-3a2 2 0 1 1-2 2 2 2 0 0 1 2-2zm24 11h-.142a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2h20.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2zm-4 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm4 7H19.858a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2h10.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2zm-14 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2z'\r\n              fill='currentColor'/>\r\n          </svg>\r\n        </a>\r\n      }\r\n    </div>\r\n    <div class='tools'>\r\n      @if (sortByVisible) {\r\n        <div class='sort-by'>\r\n          <h2>Sort By:</h2>\r\n          <kendo-dropdownlist [data]='sortByItems'\r\n                              valueField='value'\r\n                              textField='text'\r\n                              [valuePrimitive]='true'\r\n                              [(ngModel)]='selectedSortBy'\r\n                              (valueChange)='onSortByChange()'>\r\n          </kendo-dropdownlist>\r\n        </div>\r\n      }\r\n\r\n      @if (viewTypesVisible) {\r\n        <div class='actions'>\r\n          <a class='btn btn-icon btn-primary' href='javascript:void(0)'\r\n             [ngClass]=\"{'active': viewType == 'grid'}\"\r\n             (click)=\"onViewSwitch('grid')\">\r\n            <svg fill='none' height='18' viewBox='0 0 18 18' width='18' xmlns='http://www.w3.org/2000/svg'>\r\n              <path\r\n                d='M6 1H2C1.44772 1 1 1.44772 1 2V6C1 6.55228 1.44772 7 2 7H6C6.55228 7 7 6.55228 7 6V2C7 1.44772 6.55228 1 6 1Z'\r\n                stroke='currentColor'\r\n                stroke-linecap='round'\r\n                stroke-linejoin='round'\r\n                stroke-width='2'/>\r\n              <path\r\n                d='M16 1H12C11.4477 1 11 1.44772 11 2V6C11 6.55228 11.4477 7 12 7H16C16.5523 7 17 6.55228 17 6V2C17 1.44772 16.5523 1 16 1Z'\r\n                stroke='currentColor'\r\n                stroke-linecap='round'\r\n                stroke-linejoin='round'\r\n                stroke-width='2'/>\r\n              <path\r\n                d='M6 11H2C1.44772 11 1 11.4477 1 12V16C1 16.5523 1.44772 17 2 17H6C6.55228 17 7 16.5523 7 16V12C7 11.4477 6.55228 11 6 11Z'\r\n                stroke='currentColor'\r\n                stroke-linecap='round'\r\n                stroke-linejoin='round'\r\n                stroke-width='2'/>\r\n              <path\r\n                d='M16 11H12C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17H16C16.5523 17 17 16.5523 17 16V12C17 11.4477 16.5523 11 16 11Z'\r\n                stroke='currentColor'\r\n                stroke-linecap='round'\r\n                stroke-linejoin='round'\r\n                stroke-width='2'/>\r\n            </svg>\r\n          </a>\r\n          <a class='btn btn-icon btn-primary' href='javascript:void(0)'\r\n             [ngClass]=\"{'active': viewType == 'list'}\"\r\n             (click)=\"onViewSwitch('list')\">\r\n            <svg fill='none' height='15' viewBox='0 0 19 15' width='19' xmlns='http://www.w3.org/2000/svg'>\r\n              <path\r\n                d='M1.5 6C0.67 6 0 6.67 0 7.5C0 8.33 0.67 9 1.5 9C2.33 9 3 8.33 3 7.5C3 6.67 2.33 6 1.5 6ZM1.5 0C0.67 0 0 0.67 0 1.5C0 2.33 0.67 3 1.5 3C2.33 3 3 2.33 3 1.5C3 0.67 2.33 0 1.5 0ZM1.5 12C0.67 12 0 12.68 0 13.5C0 14.32 0.68 15 1.5 15C2.32 15 3 14.32 3 13.5C3 12.68 2.33 12 1.5 12ZM5.5 14.5H17.5C18.05 14.5 18.5 14.05 18.5 13.5C18.5 12.95 18.05 12.5 17.5 12.5H5.5C4.95 12.5 4.5 12.95 4.5 13.5C4.5 14.05 4.95 14.5 5.5 14.5ZM5.5 8.5H17.5C18.05 8.5 18.5 8.05 18.5 7.5C18.5 6.95 18.05 6.5 17.5 6.5H5.5C4.95 6.5 4.5 6.95 4.5 7.5C4.5 8.05 4.95 8.5 5.5 8.5ZM4.5 1.5C4.5 2.05 4.95 2.5 5.5 2.5H17.5C18.05 2.5 18.5 2.05 18.5 1.5C18.5 0.95 18.05 0.5 17.5 0.5H5.5C4.95 0.5 4.5 0.95 4.5 1.5Z'\r\n                fill='currentColor'/>\r\n            </svg>\r\n          </a>\r\n          <a class='btn btn-icon btn-primary' href='javascript:void(0)'\r\n             [ngClass]=\"{'active': viewType == 'table'}\"\r\n             (click)=\"onViewSwitch('table')\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" height=\"20\" width=\"20\" fill='none' >\r\n              <path\r\n                d=\"M64 256l0-96 160 0 0 96L64 256zm0 64l160 0 0 96L64 416l0-96zm224 96l0-96 160 0 0 96-160 0zM448 256l-160 0 0-96 160 0 0 96zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z\"\r\n                fill='currentColor'/>\r\n            </svg>\r\n          </a>\r\n        </div>\r\n      }\r\n\r\n      @if (addButtonVisible) {\r\n        <div class='action-add'>\r\n          <a class='btn btn-icon btn-primary' href='javascript:void(0)' (click)='onAdd()'>\r\n            <fa-icon icon='plus'/>\r\n          </a>\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
     }], null, { sortByItems: [{
             type: Input
+        }], viewType: [{
+            type: Input
+        }], filterButtonVisible: [{
+            type: Input
         }], sortByVisible: [{
             type: Input
-        }], viewTypeVisible: [{
+        }], viewTypesVisible: [{
             type: Input
-        }], addVisible: [{
+        }], addButtonVisible: [{
             type: Input
         }], settingsChange: [{
             type: Output