npm - @osovitny/anatoly - Versions diffs - 3.17.144 → 3.17.146 - Mend

@osovitny/anatoly 3.17.144 → 3.17.146

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

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

@@ -77,6 +77,7 @@ function ControlPanelComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
 export class ControlPanelComponent extends ComponentBase {
     constructor() {
         super(...arguments);
+        //Visible
         this.sortByVisible = false;
         this.viewTypeVisible = false;
         this.addVisible = false;
@@ -85,9 +86,21 @@ export class ControlPanelComponent extends ComponentBase {
         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());
     }
@@ -98,7 +111,7 @@ export class ControlPanelComponent extends ComponentBase {
     resetSettings() {
         this.selectedSortBy = 1;
         this.filterVisible = false;
-        this.viewType = DataViewType.List;
+        this.viewType = this.viewTypeDefault;
     }
     getSettings() {
         let sortBy = this.selectedSortBy;
@@ -126,7 +139,7 @@ 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"], ["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) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ControlPanelComponent, selectors: [["anatoly-data-grid-control-panel"]], inputs: { sortByItems: "sortByItems", viewType: "viewType", 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();
@@ -150,9 +163,11 @@ export class ControlPanelComponent extends ComponentBase {
 }
 (() => { (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\">\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      <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" }]
     }], null, { sortByItems: [{
             type: Input
+        }], viewType: [{
+            type: Input
         }], sortByVisible: [{
             type: Input
         }], viewTypeVisible: [{
@@ -165,4 +180,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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udHJvbC1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmF0b2x5L3NyYy9saWIvdWkvY29tcG9uZW50cy9kYXRhLWdyaWQvY29udHJvbC1wYW5lbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmF0b2x5L3NyYy9saWIvdWkvY29tcG9uZW50cy9kYXRhLWdyaWQvY29udHJvbC1wYW5lbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7OztFQWFFO0FBRUYsTUFBTTtBQUNOLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFL0UsS0FBSztBQUNMLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sOEJBQThCLENBQUM7Ozs7Ozs7O0lDSnJELCtCQUFxQixTQUFBO0lBQ2Ysd0JBQVE7SUFBQSxpQkFBSztJQUNqQiw4Q0FLcUQ7SUFEakMsOFBBQTRCLHFMQUNiLGVBQUEsdUJBQWdCLENBQUEsSUFESDtJQUVoRCxpQkFBcUIsRUFBQTs7O0lBTkQsZUFBb0I7SUFBcEIseUNBQW9CLHdCQUFBLGtDQUFBOzs7OztJQVcxQywrQkFBcUIsV0FBQTtJQUdoQixxS0FBUyxlQUFBLG9CQUFhLE1BQU0sQ0FBQyxDQUFBLElBQUM7SUFDL0IsbUJBQStGO0lBQS9GLCtCQUErRjtJQUM3RiwyQkFLb0IsZUFBQSxlQUFBLGVBQUE7SUFtQnRCLGlCQUFNLEVBQUE7SUFFUixvQkFFa0M7SUFGbEMsNEJBRWtDO0lBQS9CLHFLQUFTLGVBQUEsb0JBQWEsTUFBTSxDQUFDLENBQUEsSUFBQztJQUMvQixtQkFBK0Y7SUFBL0YsK0JBQStGO0lBQzdGLDJCQUV1QjtJQUN6QixpQkFBTSxFQUFBO0lBRVIsb0JBRW1DO0lBRm5DLDZCQUVtQztJQUFoQyxzS0FBUyxlQUFBLG9CQUFhLE9BQU8sQ0FBQyxDQUFBLElBQUM7SUFDaEMsbUJBQThEO0lBQTlELGdDQUE4RDtJQUM1RCw0QkFFdUI7SUFDekIsaUJBQU0sRUFBQSxFQUFBOzs7SUE3Q0wsY0FBMEM7SUFBMUMsK0VBQTBDO0lBOEIxQyxlQUEwQztJQUExQywrRUFBMEM7SUFTMUMsZUFBMkM7SUFBM0MsZ0ZBQTJDOzs7O0lBWWhELCtCQUF3QixZQUFBO0lBQ3dDLHVLQUFTLGVBQUEsZUFBTyxDQUFBLElBQUM7SUFDN0UsOEJBQXNCO0lBQ3hCLGlCQUFJLEVBQUE7O0FEM0RkLE1BQU0sT0FBTyxxQkFBc0IsU0FBUSxhQUFhO0lBSnhEOztRQWdCVyxrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUN0QixvQkFBZSxHQUFHLEtBQUssQ0FBQztRQUN4QixlQUFVLEdBQUcsS0FBSyxDQUFDO1FBRTVCLFNBQVM7UUFDQyxtQkFBYyxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3ZELFFBQUcsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQW9EdkQ7SUFsREMsUUFBUTtRQUNOLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUNyQixJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRU8sa0JBQWtCO1FBQ3hCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDO0lBQy9DLENBQUM7SUFFTyxPQUFPO1FBQ2IsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNsQixDQUFDO0lBRUQsUUFBUTtJQUNSLGFBQWE7UUFDWCxJQUFJLENBQUMsY0FBYyxHQUFHLENBQUMsQ0FBQztRQUN4QixJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztRQUMzQixJQUFJLENBQUMsUUFBUSxHQUFHLFlBQVksQ0FBQyxJQUFJLENBQUM7SUFDcEMsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLE1BQU0sR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDO1FBQ2pDLElBQUksYUFBYSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUM7UUFDdkMsSUFBSSxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUU3QixPQUFPO1lBQ0wsTUFBTSxFQUFFLE1BQU07WUFDZCxhQUFhLEVBQUUsYUFBYTtZQUM1QixRQUFRLEVBQUUsUUFBUTtTQUNuQixDQUFDO0lBQ0osQ0FBQztJQUVELFFBQVE7SUFDUixjQUFjO1FBQ1osSUFBSSxDQUFDLGFBQWEsR0FBRyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUM7UUFDekMsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVELGNBQWM7UUFDWixJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQUs7UUFDaEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFDdEIsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDakIsQ0FBQzt3UEFyRVUscUJBQXFCLFNBQXJCLHFCQUFxQjtvRUFBckIscUJBQXFCO1lDMUJsQyw4QkFBOEIsYUFBQSxhQUFBLFdBQUE7WUFHckIsNkZBQVMsb0JBQWdCLElBQUM7WUFJM0IsbUJBQW1GO1lBQW5GLDhCQUFtRjtZQUNqRiwwQkFFdUI7WUFDekIsaUJBQU0sRUFBQSxFQUFBO1lBR1Ysb0JBQW1CO1lBQW5CLDhCQUFtQjtZQUNqQiw4RUFXQyxrRUFBQSxpRUFBQTtZQThESCxpQkFBTSxFQUFBLEVBQUE7O1lBcEZELGVBQXFDO1lBQXJDLHVFQUFxQztZQVd4QyxlQVdDO1lBWEQsK0NBV0M7WUFFRCxjQW1EQztZQW5ERCxpREFtREM7WUFFRCxjQU1DO1lBTkQsNENBTUM7OztpRkQ3RE0scUJBQXFCO2NBSmpDLFNBQVM7MkJBQ0UsaUNBQWlDO2dCQWNsQyxXQUFXO2tCQUFuQixLQUFLO1lBQ0csYUFBYTtrQkFBckIsS0FBSztZQUNHLGVBQWU7a0JBQXZCLEtBQUs7WUFDRyxVQUFVO2tCQUFsQixLQUFLO1lBR0ksY0FBYztrQkFBdkIsTUFBTTtZQUNHLEdBQUc7a0JBQVosTUFBTTs7a0ZBbEJJLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbIi8qXHJcbjxmaWxlPlxyXG4gIFByb2plY3Q6XHJcbiAgICBAb3Nvdml0bnkvYW5hdG9seVxyXG5cclxuICBBdXRob3JzOlxyXG4gICAgQW5hdG9seSBPc292aXRueSBhbmF0b2x5Lm9zb3ZpdG55QG9zb3ZpdG55LmNvbVxyXG5cclxuICBDcmVhdGVkOlxyXG4gICAgMjMgQXByIDIwMjRcclxuXHJcbiAgQ29weXJpZ2h0IChjKSAyMDE2LTIwMjUgT3Nvdml0bnkgSW5jLiBBbGwgcmlnaHRzIHJlc2VydmVkLlxyXG48L2ZpbGU+XHJcbiovXHJcblxyXG4vL05vZGVcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuLy9BcHBcclxuaW1wb3J0IHsgRGF0YVZpZXdUeXBlIH0gZnJvbSAnLi4vLi4vLi4vY29yZS9lbnVtcyc7XHJcbmltcG9ydCB7IENvbXBvbmVudEJhc2UgfSBmcm9tICcuLi9iYXNlL2NvbXBvbmVudHMvY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYW5hdG9seS1kYXRhLWdyaWQtY29udHJvbC1wYW5lbCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbnRyb2wtcGFuZWwuY29tcG9uZW50Lmh0bWwnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb250cm9sUGFuZWxDb21wb25lbnQgZXh0ZW5kcyBDb21wb25lbnRCYXNlIGltcGxlbWVudHMgT25Jbml0IHtcclxuICAvLzEuXHJcbiAgc2VsZWN0ZWRTb3J0Qnk7XHJcblxyXG4gIC8vMi5cclxuICBmaWx0ZXJWaXNpYmxlO1xyXG5cclxuICAvLzMuXHJcbiAgdmlld1R5cGU6IERhdGFWaWV3VHlwZTtcclxuXHJcbiAgLy9JbnB1dHNcclxuICBASW5wdXQoKSBzb3J0QnlJdGVtcztcclxuICBASW5wdXQoKSBzb3J0QnlWaXNpYmxlID0gZmFsc2U7XHJcbiAgQElucHV0KCkgdmlld1R5cGVWaXNpYmxlID0gZmFsc2U7XHJcbiAgQElucHV0KCkgYWRkVmlzaWJsZSA9IGZhbHNlO1xyXG5cclxuICAvL091dHB1dHNcclxuICBAT3V0cHV0KCkgc2V0dGluZ3NDaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSBhZGQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMucmVzZXRTZXR0aW5ncygpO1xyXG4gICAgdGhpcy5maXJlU2V0dGluZ3NDaGFuZ2UoKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgZmlyZVNldHRpbmdzQ2hhbmdlKCkge1xyXG4gICAgdGhpcy5zZXR0aW5nc0NoYW5nZS5lbWl0KHRoaXMuZ2V0U2V0dGluZ3MoKSk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGZpcmVBZGQoKSB7XHJcbiAgICB0aGlzLmFkZC5lbWl0KCk7XHJcbiAgfVxyXG5cclxuICAvL1B1YmxpY1xyXG4gIHJlc2V0U2V0dGluZ3MoKSB7XHJcbiAgICB0aGlzLnNlbGVjdGVkU29ydEJ5ID0gMTtcclxuICAgIHRoaXMuZmlsdGVyVmlzaWJsZSA9IGZhbHNlO1xyXG4gICAgdGhpcy52aWV3VHlwZSA9IERhdGFWaWV3VHlwZS5MaXN0O1xyXG4gIH1cclxuXHJcbiAgZ2V0U2V0dGluZ3MoKSB7XHJcbiAgICBsZXQgc29ydEJ5ID0gdGhpcy5zZWxlY3RlZFNvcnRCeTtcclxuICAgIGxldCBmaWx0ZXJWaXNpYmxlID0gdGhpcy5maWx0ZXJWaXNpYmxlO1xyXG4gICAgbGV0IHZpZXdUeXBlID0gdGhpcy52aWV3VHlwZTtcclxuXHJcbiAgICByZXR1cm4ge1xyXG4gICAgICBzb3J0Qnk6IHNvcnRCeSxcclxuICAgICAgZmlsdGVyVmlzaWJsZTogZmlsdGVyVmlzaWJsZSxcclxuICAgICAgdmlld1R5cGU6IHZpZXdUeXBlXHJcbiAgICB9O1xyXG4gIH1cclxuXHJcbiAgLy9FdmVudHNcclxuICBvbkZpbHRlclRvZ2dsZSgpIHtcclxuICAgIHRoaXMuZmlsdGVyVmlzaWJsZSA9ICF0aGlzLmZpbHRlclZpc2libGU7XHJcbiAgICB0aGlzLmZpcmVTZXR0aW5nc0NoYW5nZSgpO1xyXG4gIH1cclxuXHJcbiAgb25Tb3J0QnlDaGFuZ2UoKSB7XHJcbiAgICB0aGlzLmZpcmVTZXR0aW5nc0NoYW5nZSgpO1xyXG4gIH1cclxuXHJcbiAgb25WaWV3U3dpdGNoKHZhbHVlKSB7XHJcbiAgICB0aGlzLnZpZXdUeXBlID0gdmFsdWU7XHJcbiAgICB0aGlzLmZpcmVTZXR0aW5nc0NoYW5nZSgpO1xyXG4gIH1cclxuXHJcbiAgb25BZGQoKSB7XHJcbiAgICB0aGlzLmZpcmVBZGQoKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz0nb3MtY29udHJvbC1wYW5lbCc+XHJcbiAgPGRpdiBjbGFzcz0nY29udHJvbC13cmFwcGVyJz5cclxuICAgIDxkaXYgY2xhc3M9J2ZpbHRlcic+XHJcbiAgICAgIDxhIChjbGljayk9J29uRmlsdGVyVG9nZ2xlKCknXHJcbiAgICAgICAgIFtuZ0NsYXNzXT1cInsnYWN0aXZlJzogZmlsdGVyVmlzaWJsZX1cIlxyXG4gICAgICAgICBjbGFzcz0nYnRuIGJ0bi1pY29uIGJ0bi1wcmltYXJ5J1xyXG4gICAgICAgICBocmVmPSdqYXZhc2NyaXB0OnZvaWQoMCknPlxyXG4gICAgICAgIDxzdmcgaGVpZ2h0PScyMicgdmlld0JveD0nMCAwIDMyIDMyJyB3aWR0aD0nMjAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+XHJcbiAgICAgICAgICA8cGF0aFxyXG4gICAgICAgICAgICBkPSdNMiA3aC4xNDJhMy45ODEgMy45ODEgMCAwIDAgNy43MTYgMEgzMGExIDEgMCAwIDAgMC0ySDkuODU4YTMuOTgxIDMuOTgxIDAgMCAwLTcuNzE2IDBIMmExIDEgMCAwIDAgMCAyem00LTNhMiAyIDAgMSAxLTIgMiAyIDIgMCAwIDEgMi0yem0yNCAxMWgtLjE0MmEzLjk4MSAzLjk4MSAwIDAgMC03LjcxNiAwSDJhMSAxIDAgMCAwIDAgMmgyMC4xNDJhMy45ODEgMy45ODEgMCAwIDAgNy43MTYgMEgzMGExIDEgMCAwIDAgMC0yem0tNCAzYTIgMiAwIDEgMSAyLTIgMiAyIDAgMCAxLTIgMnptNCA3SDE5Ljg1OGEzLjk4MSAzLjk4MSAwIDAgMC03LjcxNiAwSDJhMSAxIDAgMCAwIDAgMmgxMC4xNDJhMy45ODEgMy45ODEgMCAwIDAgNy43MTYgMEgzMGExIDEgMCAwIDAgMC0yem0tMTQgM2EyIDIgMCAxIDEgMi0yIDIgMiAwIDAgMS0yIDJ6J1xyXG4gICAgICAgICAgICBmaWxsPSdjdXJyZW50Q29sb3InLz5cclxuICAgICAgICA8L3N2Zz5cclxuICAgICAgPC9hPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPSd0b29scyc+XHJcbiAgICAgIEBpZiAoc29ydEJ5VmlzaWJsZSkge1xyXG4gICAgICAgIDxkaXYgY2xhc3M9J3NvcnQtYnknPlxyXG4gICAgICAgICAgPGgyPlNvcnQgQnk6PC9oMj5cclxuICAgICAgICAgIDxrZW5kby1kcm9wZG93bmxpc3QgW2RhdGFdPSdzb3J0QnlJdGVtcydcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWVGaWVsZD0ndmFsdWUnXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRleHRGaWVsZD0ndGV4dCdcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3ZhbHVlUHJpbWl0aXZlXT0ndHJ1ZSdcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgWyhuZ01vZGVsKV09J3NlbGVjdGVkU29ydEJ5J1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAodmFsdWVDaGFuZ2UpPSdvblNvcnRCeUNoYW5nZSgpJz5cclxuICAgICAgICAgIDwva2VuZG8tZHJvcGRvd25saXN0PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICB9XHJcblxyXG4gICAgICBAaWYgKHZpZXdUeXBlVmlzaWJsZSkge1xyXG4gICAgICAgIDxkaXYgY2xhc3M9J2FjdGlvbnMnPlxyXG4gICAgICAgICAgPGEgY2xhc3M9J2J0biBidG4taWNvbiBidG4tcHJpbWFyeScgaHJlZj0namF2YXNjcmlwdDp2b2lkKDApJ1xyXG4gICAgICAgICAgICAgW25nQ2xhc3NdPVwieydhY3RpdmUnOiB2aWV3VHlwZSA9PSAnZ3JpZCd9XCJcclxuICAgICAgICAgICAgIChjbGljayk9XCJvblZpZXdTd2l0Y2goJ2dyaWQnKVwiPlxyXG4gICAgICAgICAgICA8c3ZnIGZpbGw9J25vbmUnIGhlaWdodD0nMTgnIHZpZXdCb3g9JzAgMCAxOCAxOCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPlxyXG4gICAgICAgICAgICAgIDxwYXRoXHJcbiAgICAgICAgICAgICAgICBkPSdNNiAxSDJDMS40NDc3MiAxIDEgMS40NDc3MiAxIDJWNkMxIDYuNTUyMjggMS40NDc3MiA3IDIgN0g2QzYuNTUyMjggNyA3IDYuNTUyMjggNyA2VjJDNyAxLjQ0NzcyIDYuNTUyMjggMSA2IDFaJ1xyXG4gICAgICAgICAgICAgICAgc3Ryb2tlPSdjdXJyZW50Q29sb3InXHJcbiAgICAgICAgICAgICAgICBzdHJva2UtbGluZWNhcD0ncm91bmQnXHJcbiAgICAgICAgICAgICAgICBzdHJva2UtbGluZWpvaW49J3JvdW5kJ1xyXG4gICAgICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPScyJy8+XHJcbiAgICAgICAgICAgICAgPHBhdGhcclxuICAgICAgICAgICAgICAgIGQ9J00xNiAxSDEyQzExLjQ0NzcgMSAxMSAxLjQ0NzcyIDExIDJWNkMxMSA2LjU1MjI4IDExLjQ0NzcgNyAxMiA3SDE2QzE2LjU1MjMgNyAxNyA2LjU1MjI4IDE3IDZWMkMxNyAxLjQ0NzcyIDE2LjU1MjMgMSAxNiAxWidcclxuICAgICAgICAgICAgICAgIHN0cm9rZT0nY3VycmVudENvbG9yJ1xyXG4gICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJ1xyXG4gICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCdcclxuICAgICAgICAgICAgICAgIHN0cm9rZS13aWR0aD0nMicvPlxyXG4gICAgICAgICAgICAgIDxwYXRoXHJcbiAgICAgICAgICAgICAgICBkPSdNNiAxMUgyQzEuNDQ3NzIgMTEgMSAxMS40NDc3IDEgMTJWMTZDMSAxNi41NTIzIDEuNDQ3NzIgMTcgMiAxN0g2QzYuNTUyMjggMTcgNyAxNi41NTIzIDcgMTZWMTJDNyAxMS40NDc3IDYuNTUyMjggMTEgNiAxMVonXHJcbiAgICAgICAgICAgICAgICBzdHJva2U9J2N1cnJlbnRDb2xvcidcclxuICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lY2FwPSdyb3VuZCdcclxuICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lam9pbj0ncm91bmQnXHJcbiAgICAgICAgICAgICAgICBzdHJva2Utd2lkdGg9JzInLz5cclxuICAgICAgICAgICAgICA8cGF0aFxyXG4gICAgICAgICAgICAgICAgZD0nTTE2IDExSDEyQzExLjQ0NzcgMTEgMTEgMTEuNDQ3NyAxMSAxMlYxNkMxMSAxNi41NTIzIDExLjQ0NzcgMTcgMTIgMTdIMTZDMTYuNTUyMyAxNyAxNyAxNi41NTIzIDE3IDE2VjEyQzE3IDExLjQ0NzcgMTYuNTUyMyAxMSAxNiAxMVonXHJcbiAgICAgICAgICAgICAgICBzdHJva2U9J2N1cnJlbnRDb2xvcidcclxuICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lY2FwPSdyb3VuZCdcclxuICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lam9pbj0ncm91bmQnXHJcbiAgICAgICAgICAgICAgICBzdHJva2Utd2lkdGg9JzInLz5cclxuICAgICAgICAgICAgPC9zdmc+XHJcbiAgICAgICAgICA8L2E+XHJcbiAgICAgICAgICA8YSBjbGFzcz0nYnRuIGJ0bi1pY29uIGJ0bi1wcmltYXJ5JyBocmVmPSdqYXZhc2NyaXB0OnZvaWQoMCknXHJcbiAgICAgICAgICAgICBbbmdDbGFzc109XCJ7J2FjdGl2ZSc6IHZpZXdUeXBlID09ICdsaXN0J31cIlxyXG4gICAgICAgICAgICAgKGNsaWNrKT1cIm9uVmlld1N3aXRjaCgnbGlzdCcpXCI+XHJcbiAgICAgICAgICAgIDxzdmcgZmlsbD0nbm9uZScgaGVpZ2h0PScxNScgdmlld0JveD0nMCAwIDE5IDE1JyB3aWR0aD0nMTknIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+XHJcbiAgICAgICAgICAgICAgPHBhdGhcclxuICAgICAgICAgICAgICAgIGQ9J00xLjUgNkMwLjY3IDYgMCA2LjY3IDAgNy41QzAgOC4zMyAwLjY3IDkgMS41IDlDMi4zMyA5IDMgOC4zMyAzIDcuNUMzIDYuNjcgMi4zMyA2IDEuNSA2Wk0xLjUgMEMwLjY3IDAgMCAwLjY3IDAgMS41QzAgMi4zMyAwLjY3IDMgMS41IDNDMi4zMyAzIDMgMi4zMyAzIDEuNUMzIDAuNjcgMi4zMyAwIDEuNSAwWk0xLjUgMTJDMC42NyAxMiAwIDEyLjY4IDAgMTMuNUMwIDE0LjMyIDAuNjggMTUgMS41IDE1QzIuMzIgMTUgMyAxNC4zMiAzIDEzLjVDMyAxMi42OCAyLjMzIDEyIDEuNSAxMlpNNS41IDE0LjVIMTcuNUMxOC4wNSAxNC41IDE4LjUgMTQuMDUgMTguNSAxMy41QzE4LjUgMTIuOTUgMTguMDUgMTIuNSAxNy41IDEyLjVINS41QzQuOTUgMTIuNSA0LjUgMTIuOTUgNC41IDEzLjVDNC41IDE0LjA1IDQuOTUgMTQuNSA1LjUgMTQuNVpNNS41IDguNUgxNy41QzE4LjA1IDguNSAxOC41IDguMDUgMTguNSA3LjVDMTguNSA2Ljk1IDE4LjA1IDYuNSAxNy41IDYuNUg1LjVDNC45NSA2LjUgNC41IDYuOTUgNC41IDcuNUM0LjUgOC4wNSA0Ljk1IDguNSA1LjUgOC41Wk00LjUgMS41QzQuNSAyLjA1IDQuOTUgMi41IDUuNSAyLjVIMTcuNUMxOC4wNSAyLjUgMTguNSAyLjA1IDE4LjUgMS41QzE4LjUgMC45NSAxOC4wNSAwLjUgMTcuNSAwLjVINS41QzQuOTUgMC41IDQuNSAwLjk1IDQuNSAxLjVaJ1xyXG4gICAgICAgICAgICAgICAgZmlsbD0nY3VycmVudENvbG9yJy8+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgPC9hPlxyXG4gICAgICAgICAgPGEgY2xhc3M9J2J0biBidG4taWNvbiBidG4tcHJpbWFyeScgaHJlZj0namF2YXNjcmlwdDp2b2lkKDApJ1xyXG4gICAgICAgICAgICAgW25nQ2xhc3NdPVwieydhY3RpdmUnOiB2aWV3VHlwZSA9PSAndGFibGUnfVwiXHJcbiAgICAgICAgICAgICAoY2xpY2spPVwib25WaWV3U3dpdGNoKCd0YWJsZScpXCI+XHJcbiAgICAgICAgICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHZpZXdCb3g9XCIwIDAgNTEyIDUxMlwiPlxyXG4gICAgICAgICAgICAgIDxwYXRoXHJcbiAgICAgICAgICAgICAgICBkPVwiTTY0IDI1NmwwLTk2IDE2MCAwIDAgOTZMNjQgMjU2em0wIDY0bDE2MCAwIDAgOTZMNjQgNDE2bDAtOTZ6bTIyNCA5NmwwLTk2IDE2MCAwIDAgOTYtMTYwIDB6TTQ0OCAyNTZsLTE2MCAwIDAtOTYgMTYwIDAgMCA5NnpNNjQgMzJDMjguNyAzMiAwIDYwLjcgMCA5NkwwIDQxNmMwIDM1LjMgMjguNyA2NCA2NCA2NGwzODQgMGMzNS4zIDAgNjQtMjguNyA2NC02NGwwLTMyMGMwLTM1LjMtMjguNy02NC02NC02NEw2NCAzMnpcIlxyXG4gICAgICAgICAgICAgICAgZmlsbD0nY3VycmVudENvbG9yJy8+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgPC9hPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICB9XHJcblxyXG4gICAgICBAaWYgKGFkZFZpc2libGUpIHtcclxuICAgICAgICA8ZGl2IGNsYXNzPSdhY3Rpb24tYWRkJz5cclxuICAgICAgICAgIDxhIGNsYXNzPSdidG4gYnRuLWljb24gYnRuLXByaW1hcnknIGhyZWY9J2phdmFzY3JpcHQ6dm9pZCgwKScgKGNsaWNrKT0nb25BZGQoKSc+XHJcbiAgICAgICAgICAgIDxmYS1pY29uIGljb249J3BsdXMnLz5cclxuICAgICAgICAgIDwvYT5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgfVxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udHJvbC1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmF0b2x5L3NyYy9saWIvdWkvY29tcG9uZW50cy9kYXRhLWdyaWQvY29udHJvbC1wYW5lbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmF0b2x5L3NyYy9saWIvdWkvY29tcG9uZW50cy9kYXRhLWdyaWQvY29udHJvbC1wYW5lbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7OztFQWFFO0FBRUYsTUFBTTtBQUNOLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFL0UsS0FBSztBQUNMLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sOEJBQThCLENBQUM7Ozs7Ozs7O0lDSnJELCtCQUFxQixTQUFBO0lBQ2Ysd0JBQVE7SUFBQSxpQkFBSztJQUNqQiw4Q0FLcUQ7SUFEakMsOFBBQTRCLHFMQUNiLGVBQUEsdUJBQWdCLENBQUEsSUFESDtJQUVoRCxpQkFBcUIsRUFBQTs7O0lBTkQsZUFBb0I7SUFBcEIseUNBQW9CLHdCQUFBLGtDQUFBOzs7OztJQVcxQywrQkFBcUIsV0FBQTtJQUdoQixxS0FBUyxlQUFBLG9CQUFhLE1BQU0sQ0FBQyxDQUFBLElBQUM7SUFDL0IsbUJBQStGO0lBQS9GLCtCQUErRjtJQUM3RiwyQkFLb0IsZUFBQSxlQUFBLGVBQUE7SUFtQnRCLGlCQUFNLEVBQUE7SUFFUixvQkFFa0M7SUFGbEMsNEJBRWtDO0lBQS9CLHFLQUFTLGVBQUEsb0JBQWEsTUFBTSxDQUFDLENBQUEsSUFBQztJQUMvQixtQkFBK0Y7SUFBL0YsK0JBQStGO0lBQzdGLDJCQUV1QjtJ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QUFnQixJQUFDO1lBSTNCLG1CQUFtRjtZQUFuRiw4QkFBbUY7WUFDakYsMEJBRXVCO1lBQ3pCLGlCQUFNLEVBQUEsRUFBQTtZQUdWLG9CQUFtQjtZQUFuQiw4QkFBbUI7WUFDakIsOEVBV0Msa0VBQUEsaUVBQUE7WUE4REgsaUJBQU0sRUFBQSxFQUFBOztZQXBGRCxlQUFxQztZQUFyQyx1RUFBcUM7WUFXeEMsZUFXQztZQVhELCtDQVdDO1lBRUQsY0FtREM7WUFuREQsaURBbURDO1lBRUQsY0FNQztZQU5ELDRDQU1DOzs7aUZEN0RNLHFCQUFxQjtjQUpqQyxTQUFTOzJCQUNFLGlDQUFpQztnQkFTbEMsV0FBVztrQkFBbkIsS0FBSztZQUNHLFFBQVE7a0JBQWhCLEtBQUs7WUFHRyxhQUFhO2tCQUFyQixLQUFLO1lBQ0csZUFBZTtrQkFBdkIsS0FBSztZQUNHLFVBQVU7a0JBQWxCLEtBQUs7WUFHSSxjQUFjO2tCQUF2QixNQUFNO1lBQ0csR0FBRztrQkFBWixNQUFNOztrRkFoQkkscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuPGZpbGU+XHJcbiAgUHJvamVjdDpcclxuICAgIEBvc292aXRueS9hbmF0b2x5XHJcblxyXG4gIEF1dGhvcnM6XHJcbiAgICBBbmF0b2x5IE9zb3ZpdG55IGFuYXRvbHkub3Nvdml0bnlAb3Nvdml0bnkuY29tXHJcblxyXG4gIENyZWF0ZWQ6XHJcbiAgICAyMyBBcHIgMjAyNFxyXG5cclxuICBDb3B5cmlnaHQgKGMpIDIwMTYtMjAyNSBPc292aXRueSBJbmMuIEFsbCByaWdodHMgcmVzZXJ2ZWQuXHJcbjwvZmlsZT5cclxuKi9cclxuXHJcbi8vTm9kZVxyXG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG4vL0FwcFxyXG5pbXBvcnQgeyBEYXRhVmlld1R5cGUgfSBmcm9tICcuLi8uLi8uLi9jb3JlL2VudW1zJztcclxuaW1wb3J0IHsgQ29tcG9uZW50QmFzZSB9IGZyb20gJy4uL2Jhc2UvY29tcG9uZW50cy9jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhbmF0b2x5LWRhdGEtZ3JpZC1jb250cm9sLXBhbmVsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY29udHJvbC1wYW5lbC5jb21wb25lbnQuaHRtbCdcclxufSlcclxuZXhwb3J0IGNsYXNzIENvbnRyb2xQYW5lbENvbXBvbmVudCBleHRlbmRzIENvbXBvbmVudEJhc2UgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIHNlbGVjdGVkU29ydEJ5O1xyXG4gIGZpbHRlclZpc2libGU7XHJcbiAgdmlld1R5cGVEZWZhdWx0O1xyXG5cclxuICAvL0lucHV0c1xyXG4gIEBJbnB1dCgpIHNvcnRCeUl0ZW1zO1xyXG4gIEBJbnB1dCgpIHZpZXdUeXBlO1xyXG5cclxuICAvL1Zpc2libGVcclxuICBASW5wdXQoKSBzb3J0QnlWaXNpYmxlID0gZmFsc2U7XHJcbiAgQElucHV0KCkgdmlld1R5cGVWaXNpYmxlID0gZmFsc2U7XHJcbiAgQElucHV0KCkgYWRkVmlzaWJsZSA9IGZhbHNlO1xyXG5cclxuICAvL091dHB1dHNcclxuICBAT3V0cHV0KCkgc2V0dGluZ3NDaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSBhZGQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMuc2V0RGVmYXVsdHMoKTtcclxuICAgIHRoaXMuc2V0VmFsdWVzKCk7XHJcbiAgICB0aGlzLnJlc2V0U2V0dGluZ3MoKTtcclxuICAgIHRoaXMuZmlyZVNldHRpbmdzQ2hhbmdlKCk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHNldERlZmF1bHRzKCkge1xyXG4gICAgaWYgKHRoaXMudmlld1R5cGUpIHtcclxuICAgICAgdGhpcy52aWV3VHlwZURlZmF1bHQgPSB0aGlzLnZpZXdUeXBlO1xyXG4gICAgfVxyXG4gICAgZWxzZSB7XHJcbiAgICAgIHRoaXMudmlld1R5cGUgPSBEYXRhVmlld1R5cGUuTGlzdDtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHByaXZhdGUgc2V0VmFsdWVzKCkge1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBmaXJlU2V0dGluZ3NDaGFuZ2UoKSB7XHJcbiAgICB0aGlzLnNldHRpbmdzQ2hhbmdlLmVtaXQodGhpcy5nZXRTZXR0aW5ncygpKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgZmlyZUFkZCgpIHtcclxuICAgIHRoaXMuYWRkLmVtaXQoKTtcclxuICB9XHJcblxyXG4gIC8vUHVibGljXHJcbiAgcmVzZXRTZXR0aW5ncygpIHtcclxuICAgIHRoaXMuc2VsZWN0ZWRTb3J0QnkgPSAxO1xyXG4gICAgdGhpcy5maWx0ZXJWaXNpYmxlID0gZmFsc2U7XHJcbiAgICB0aGlzLnZpZXdUeXBlID0gdGhpcy52aWV3VHlwZURlZmF1bHQ7XHJcbiAgfVxyXG5cclxuICBnZXRTZXR0aW5ncygpIHtcclxuICAgIGxldCBzb3J0QnkgPSB0aGlzLnNlbGVjdGVkU29ydEJ5O1xyXG4gICAgbGV0IGZpbHRlclZpc2libGUgPSB0aGlzLmZpbHRlclZpc2libGU7XHJcbiAgICBsZXQgdmlld1R5cGUgPSB0aGlzLnZpZXdUeXBlO1xyXG5cclxuICAgIHJldHVybiB7XHJcbiAgICAgIHNvcnRCeTogc29ydEJ5LFxyXG4gICAgICBmaWx0ZXJWaXNpYmxlOiBmaWx0ZXJWaXNpYmxlLFxyXG4gICAgICB2aWV3VHlwZTogdmlld1R5cGVcclxuICAgIH07XHJcbiAgfVxyXG5cclxuICAvL0V2ZW50c1xyXG4gIG9uRmlsdGVyVG9nZ2xlKCkge1xyXG4gICAgdGhpcy5maWx0ZXJWaXNpYmxlID0gIXRoaXMuZmlsdGVyVmlzaWJsZTtcclxuICAgIHRoaXMuZmlyZVNldHRpbmdzQ2hhbmdlKCk7XHJcbiAgfVxyXG5cclxuICBvblNvcnRCeUNoYW5nZSgpIHtcclxuICAgIHRoaXMuZmlyZVNldHRpbmdzQ2hhbmdlKCk7XHJcbiAgfVxyXG5cclxuICBvblZpZXdTd2l0Y2godmFsdWUpIHtcclxuICAgIHRoaXMudmlld1R5cGUgPSB2YWx1ZTtcclxuICAgIHRoaXMuZmlyZVNldHRpbmdzQ2hhbmdlKCk7XHJcbiAgfVxyXG5cclxuICBvbkFkZCgpIHtcclxuICAgIHRoaXMuZmlyZUFkZCgpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPSdvcy1jb250cm9sLXBhbmVsJz5cclxuICA8ZGl2IGNsYXNzPSdjb250cm9sLXdyYXBwZXInPlxyXG4gICAgPGRpdiBjbGFzcz0nZmlsdGVyJz5cclxuICAgICAgPGEgKGNsaWNrKT0nb25GaWx0ZXJUb2dnbGUoKSdcclxuICAgICAgICAgW25nQ2xhc3NdPVwieydhY3RpdmUnOiBmaWx0ZXJWaXNpYmxlfVwiXHJcbiAgICAgICAgIGNsYXNzPSdidG4gYnRuLWljb24gYnRuLXByaW1hcnknXHJcbiAgICAgICAgIGhyZWY9J2phdmFzY3JpcHQ6dm9pZCgwKSc+XHJcbiAgICAgICAgPHN2ZyBoZWlnaHQ9JzIyJyB2aWV3Qm94PScwIDAgMzIgMzInIHdpZHRoPScyMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz5cclxuICAgICAgICAgIDxwYXRoXHJcbiAgICAgICAgICAgIGQ9J00yIDdoLjE0MmEzLjk4MSAzLjk4MSAwIDAgMCA3LjcxNiAwSDMwYTEgMSAwIDAgMCAwLTJIOS44NThhMy45ODEgMy45ODEgMCAwIDAtNy43MTYgMEgyYTEgMSAwIDAgMCAwIDJ6bTQtM2EyIDIgMCAxIDEtMiAyIDIgMiAwIDAgMSAyLTJ6bTI0IDExaC0uMTQyYTMuOTgxIDMuOTgxIDAgMCAwLTcuNzE2IDBIMmExIDEgMCAwIDAgMCAyaDIwLjE0MmEzLjk4MSAzLjk4MSAwIDAgMCA3LjcxNiAwSDMwYTEgMSAwIDAgMCAwLTJ6bS00IDNhMiAyIDAgMSAxIDItMiAyIDIgMCAwIDEtMiAyem00IDdIMTkuODU4YTMuOTgxIDMuOTgxIDAgMCAwLTcuNzE2IDBIMmExIDEgMCAwIDAgMCAyaDEwLjE0MmEzLjk4MSAzLjk4MSAwIDAgMCA3LjcxNiAwSDMwYTEgMSAwIDAgMCAwLTJ6bS0xNCAzYTIgMiAwIDEgMSAyLTIgMiAyIDAgMCAxLTIgMnonXHJcbiAgICAgICAgICAgIGZpbGw9J2N1cnJlbnRDb2xvcicvPlxyXG4gICAgICAgIDwvc3ZnPlxyXG4gICAgICA8L2E+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9J3Rvb2xzJz5cclxuICAgICAgQGlmIChzb3J0QnlWaXNpYmxlKSB7XHJcbiAgICAgICAgPGRpdiBjbGFzcz0nc29ydC1ieSc+XHJcbiAgICAgICAgICA8aDI+U29ydCBCeTo8L2gyPlxyXG4gICAgICAgICAgPGtlbmRvLWRyb3Bkb3dubGlzdCBbZGF0YV09J3NvcnRCeUl0ZW1zJ1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZUZpZWxkPSd2YWx1ZSdcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdGV4dEZpZWxkPSd0ZXh0J1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbdmFsdWVQcmltaXRpdmVdPSd0cnVlJ1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbKG5nTW9kZWwpXT0nc2VsZWN0ZWRTb3J0QnknXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICh2YWx1ZUNoYW5nZSk9J29uU29ydEJ5Q2hhbmdlKCknPlxyXG4gICAgICAgICAgPC9rZW5kby1kcm9wZG93bmxpc3Q+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIH1cclxuXHJcbiAgICAgIEBpZiAodmlld1R5cGVWaXNpYmxlKSB7XHJcbiAgICAgICAgPGRpdiBjbGFzcz0nYWN0aW9ucyc+XHJcbiAgICAgICAgICA8YSBjbGFzcz0nYnRuIGJ0bi1pY29uIGJ0bi1wcmltYXJ5JyBocmVmPSdqYXZhc2NyaXB0OnZvaWQoMCknXHJcbiAgICAgICAgICAgICBbbmdDbGFzc109XCJ7J2FjdGl2ZSc6IHZpZXdUeXBlID09ICdncmlkJ31cIlxyXG4gICAgICAgICAgICAgKGNsaWNrKT1cIm9uVmlld1N3aXRjaCgnZ3JpZCcpXCI+XHJcbiAgICAgICAgICAgIDxzdmcgZmlsbD0nbm9uZScgaGVpZ2h0PScxOCcgdmlld0JveD0nMCAwIDE4IDE4JyB3aWR0aD0nMTgnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+XHJcbiAgICAgICAgICAgICAgPHBhdGhcclxuICAgICAgICAgICAgICAgIGQ9J002IDFIMkMxLjQ0NzcyIDEgMSAxLjQ0NzcyIDEgMlY2QzEgNi41NTIyOCAxLjQ0NzcyIDcgMiA3SDZDNi41NTIyOCA3IDcgNi41NTIyOCA3IDZWMkM3IDEuNDQ3NzIgNi41NTIyOCAxIDYgMVonXHJcbiAgICAgICAgICAgICAgICBzdHJva2U9J2N1cnJlbnRDb2xvcidcclxuICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lY2FwPSdyb3VuZCdcclxuICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lam9pbj0ncm91bmQnXHJcbiAgICAgICAgICAgICAgICBzdHJva2Utd2lkdGg9JzInLz5cclxuICAgICAgICAgICAgICA8cGF0aFxyXG4gICAgICAgICAgICAgICAgZD0nTTE2IDFIMTJDMTEuNDQ3NyAxIDExIDEuNDQ3NzIgMTEgMlY2QzExIDYuNTUyMjggMTEuNDQ3NyA3IDEyIDdIMTZDMTYuNTUyMyA3IDE3IDYuNTUyMjggMTcgNlYyQzE3IDEuNDQ3NzIgMTYuNTUyMyAxIDE2IDFaJ1xyXG4gICAgICAgICAgICAgICAgc3Ryb2tlPSdjdXJyZW50Q29sb3InXHJcbiAgICAgICAgICAgICAgICBzdHJva2UtbGluZWNhcD0ncm91bmQnXHJcbiAgICAgICAgICAgICAgICBzdHJva2UtbGluZWpvaW49J3JvdW5kJ1xyXG4gICAgICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPScyJy8+XHJcbiAgICAgICAgICAgICAgPHBhdGhcclxuICAgICAgICAgICAgICAgIGQ9J002IDExSDJDMS40NDc3MiAxMSAxIDExLjQ0NzcgMSAxMlYxNkMxIDE2LjU1MjMgMS40NDc3MiAxNyAyIDE3SDZDNi41NTIyOCAxNyA3IDE2LjU1MjMgNyAxNlYxMkM3IDExLjQ0NzcgNi41NTIyOCAxMSA2IDExWidcclxuICAgICAgICAgICAgICAgIHN0cm9rZT0nY3VycmVudENvbG9yJ1xyXG4gICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJ1xyXG4gICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCdcclxuICAgICAgICAgICAgICAgIHN0cm9rZS13aWR0aD0nMicvPlxyXG4gICAgICAgICAgICAgIDxwYXRoXHJcbiAgICAgICAgICAgICAgICBkPSdNMTYgMTFIMTJDMTEuNDQ3NyAxMSAxMSAxMS40NDc3IDExIDEyVjE2QzExIDE2LjU1MjMgMTEuNDQ3NyAxNyAxMiAxN0gxNkMxNi41NTIzIDE3IDE3IDE2LjU1MjMgMTcgMTZWMTJDMTcgMTEuNDQ3NyAxNi41NTIzIDExIDE2IDExWidcclxuICAgICAgICAgICAgICAgIHN0cm9rZT0nY3VycmVudENvbG9yJ1xyXG4gICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJ1xyXG4gICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCdcclxuICAgICAgICAgICAgICAgIHN0cm9rZS13aWR0aD0nMicvPlxyXG4gICAgICAgICAgICA8L3N2Zz5cclxuICAgICAgICAgIDwvYT5cclxuICAgICAgICAgIDxhIGNsYXNzPSdidG4gYnRuLWljb24gYnRuLXByaW1hcnknIGhyZWY9J2phdmFzY3JpcHQ6dm9pZCgwKSdcclxuICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsnYWN0aXZlJzogdmlld1R5cGUgPT0gJ2xpc3QnfVwiXHJcbiAgICAgICAgICAgICAoY2xpY2spPVwib25WaWV3U3dpdGNoKCdsaXN0JylcIj5cclxuICAgICAgICAgICAgPHN2ZyBmaWxsPSdub25lJyBoZWlnaHQ9JzE1JyB2aWV3Qm94PScwIDAgMTkgMTUnIHdpZHRoPScxOScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz5cclxuICAgICAgICAgICAgICA8cGF0aFxyXG4gICAgICAgICAgICAgICAgZD0nTTEuNSA2QzAuNjcgNiAwIDYuNjcgMCA3LjVDMCA4LjMzIDAuNjcgOSAxLjUgOUMyLjMzIDkgMyA4LjMzIDMgNy41QzMgNi42NyAyLjMzIDYgMS41IDZaTTEuNSAwQzAuNjcgMCAwIDAuNjcgMCAxLjVDMCAyLjMzIDAuNjcgMyAxLjUgM0MyLjMzIDMgMyAyLjMzIDMgMS41QzMgMC42NyAyLjMzIDAgMS41IDBaTTEuNSAxMkMwLjY3IDEyIDAgMTIuNjggMCAxMy41QzAgMTQuMzIgMC42OCAxNSAxLjUgMTVDMi4zMiAxNSAzIDE0LjMyIDMgMTMuNUMzIDEyLjY4IDIuMzMgMTIgMS41IDEyWk01LjUgMTQuNUgxNy41QzE4LjA1IDE0LjUgMTguNSAxNC4wNSAxOC41IDEzLjVDMTguNSAxMi45NSAxOC4wNSAxMi41IDE3LjUgMTIuNUg1LjVDNC45NSAxMi41IDQuNSAxMi45NSA0LjUgMTMuNUM0LjUgMTQuMDUgNC45NSAxNC41IDUuNSAxNC41Wk01LjUgOC41SDE3LjVDMTguMDUgOC41IDE4LjUgOC4wNSAxOC41IDcuNUMxOC41IDYuOTUgMTguMDUgNi41IDE3LjUgNi41SDUuNUM0Ljk1IDYuNSA0LjUgNi45NSA0LjUgNy41QzQuNSA4LjA1IDQuOTUgOC41IDUuNSA4LjVaTTQuNSAxLjVDNC41IDIuMDUgNC45NSAyLjUgNS41IDIuNUgxNy41QzE4LjA1IDIuNSAxOC41IDIuMDUgMTguNSAxLjVDMTguNSAwLjk1IDE4LjA1IDAuNSAxNy41IDAuNUg1LjVDNC45NSAwLjUgNC41IDAuOTUgNC41IDEuNVonXHJcbiAgICAgICAgICAgICAgICBmaWxsPSdjdXJyZW50Q29sb3InLz5cclxuICAgICAgICAgICAgPC9zdmc+XHJcbiAgICAgICAgICA8L2E+XHJcbiAgICAgICAgICA8YSBjbGFzcz0nYnRuIGJ0bi1pY29uIGJ0bi1wcmltYXJ5JyBocmVmPSdqYXZhc2NyaXB0OnZvaWQoMCknXHJcbiAgICAgICAgICAgICBbbmdDbGFzc109XCJ7J2FjdGl2ZSc6IHZpZXdUeXBlID09ICd0YWJsZSd9XCJcclxuICAgICAgICAgICAgIChjbGljayk9XCJvblZpZXdTd2l0Y2goJ3RhYmxlJylcIj5cclxuICAgICAgICAgICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgdmlld0JveD1cIjAgMCA1MTIgNTEyXCIgaGVpZ2h0PVwiMjBcIiB3aWR0aD1cIjIwXCIgZmlsbD0nbm9uZScgPlxyXG4gICAgICAgICAgICAgIDxwYXRoXHJcbiAgICAgICAgICAgICAgICBkPVwiTTY0IDI1NmwwLTk2IDE2MCAwIDAgOTZMNjQgMjU2em0wIDY0bDE2MCAwIDAgOTZMNjQgNDE2bDAtOTZ6bTIyNCA5NmwwLTk2IDE2MCAwIDAgOTYtMTYwIDB6TTQ0OCAyNTZsLTE2MCAwIDAtOTYgMTYwIDAgMCA5NnpNNjQgMzJDMjguNyAzMiAwIDYwLjcgMCA5NkwwIDQxNmMwIDM1LjMgMjguNyA2NCA2NCA2NGwzODQgMGMzNS4zIDAgNjQtMjguNyA2NC02NGwwLTMyMGMwLTM1LjMtMjguNy02NC02NC02NEw2NCAzMnpcIlxyXG4gICAgICAgICAgICAgICAgZmlsbD0nY3VycmVudENvbG9yJy8+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgPC9hPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICB9XHJcblxyXG4gICAgICBAaWYgKGFkZFZpc2libGUpIHtcclxuICAgICAgICA8ZGl2IGNsYXNzPSdhY3Rpb24tYWRkJz5cclxuICAgICAgICAgIDxhIGNsYXNzPSdidG4gYnRuLWljb24gYnRuLXByaW1hcnknIGhyZWY9J2phdmFzY3JpcHQ6dm9pZCgwKScgKGNsaWNrKT0nb25BZGQoKSc+XHJcbiAgICAgICAgICAgIDxmYS1pY29uIGljb249J3BsdXMnLz5cclxuICAgICAgICAgIDwvYT5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgfVxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

package/fesm2022/osovitny-anatoly.mjs CHANGED Viewed

@@ -7747,6 +7747,7 @@ function ControlPanelComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
 class ControlPanelComponent extends ComponentBase {
     constructor() {
         super(...arguments);
+        //Visible
         this.sortByVisible = false;
         this.viewTypeVisible = false;
         this.addVisible = false;
@@ -7755,9 +7756,21 @@ class ControlPanelComponent extends ComponentBase {
         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());
     }
@@ -7768,7 +7781,7 @@ class ControlPanelComponent extends ComponentBase {
     resetSettings() {
         this.selectedSortBy = 1;
         this.filterVisible = false;
-        this.viewType = DataViewType.List;
+        this.viewType = this.viewTypeDefault;
     }
     getSettings() {
         let sortBy = this.selectedSortBy;
@@ -7796,7 +7809,7 @@ 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"], ["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) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ControlPanelComponent, selectors: [["anatoly-data-grid-control-panel"]], inputs: { sortByItems: "sortByItems", viewType: "viewType", 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();
@@ -7820,9 +7833,11 @@ class ControlPanelComponent extends ComponentBase {
 }
 (() => { (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\">\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      <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" }]
     }], null, { sortByItems: [{
             type: Input
+        }], viewType: [{
+            type: Input
         }], sortByVisible: [{
             type: Input
         }], viewTypeVisible: [{