@osovitny/anatoly 3.17.142 → 3.17.144

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.
@@ -23,45 +23,41 @@ import * as i2 from "@angular/forms";
23
23
  import * as i3 from "@fortawesome/angular-fontawesome";
24
24
  import * as i4 from "@progress/kendo-angular-dropdowns";
25
25
  function ControlPanelComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
26
- const _r3 = i0.ɵɵgetCurrentView();
27
- i0.ɵɵelementStart(0, "div", 9)(1, "h2");
26
+ const _r4 = i0.ɵɵgetCurrentView();
27
+ i0.ɵɵelementStart(0, "div", 10)(1, "h2");
28
28
  i0.ɵɵtext(2, "Sort By:");
29
29
  i0.ɵɵelementEnd();
30
- i0.ɵɵelementStart(3, "kendo-dropdownlist", 10);
31
- i0.ɵɵlistener("ngModelChange", function ControlPanelComponent_Conditional_7_Template_kendo_dropdownlist_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.selectedSortBy = $event); })("valueChange", function ControlPanelComponent_Conditional_7_Template_kendo_dropdownlist_valueChange_3_listener() { i0.ɵɵrestoreView(_r3); const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.onSortByChange()); });
30
+ i0.ɵɵelementStart(3, "kendo-dropdownlist", 11);
31
+ 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()); });
32
32
  i0.ɵɵelementEnd()();
33
33
  } if (rf & 2) {
34
34
  const ctx_r0 = i0.ɵɵnextContext();
35
35
  i0.ɵɵadvance(3);
36
36
  i0.ɵɵproperty("data", ctx_r0.sortByItems)("valuePrimitive", true)("ngModel", ctx_r0.selectedSortBy);
37
37
  } }
38
- function ControlPanelComponent_Conditional_8_Conditional_10_Template(rf, ctx) { if (rf & 1) {
39
- const _r7 = i0.ɵɵgetCurrentView();
40
- i0.ɵɵnamespaceSVG();
41
- i0.ɵɵnamespaceHTML();
42
- i0.ɵɵelementStart(0, "a", 20);
43
- i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_8_Conditional_10_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r6.onAdd()); });
44
- i0.ɵɵelement(1, "fa-icon", 21);
45
- i0.ɵɵelementEnd();
46
- } }
47
38
  const _c0 = a0 => ({ "active": a0 });
48
39
  function ControlPanelComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
49
- const _r9 = i0.ɵɵgetCurrentView();
50
- i0.ɵɵelementStart(0, "div", 11)(1, "a", 3);
51
- i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_8_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.onViewSwitch("grid")); });
40
+ const _r7 = i0.ɵɵgetCurrentView();
41
+ i0.ɵɵelementStart(0, "div", 12)(1, "a", 3);
42
+ 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")); });
52
43
  i0.ɵɵnamespaceSVG();
53
- i0.ɵɵelementStart(2, "svg", 12);
54
- i0.ɵɵelement(3, "path", 13)(4, "path", 14)(5, "path", 15)(6, "path", 16);
44
+ i0.ɵɵelementStart(2, "svg", 13);
45
+ i0.ɵɵelement(3, "path", 14)(4, "path", 15)(5, "path", 16)(6, "path", 17);
55
46
  i0.ɵɵelementEnd()();
56
47
  i0.ɵɵnamespaceHTML();
57
48
  i0.ɵɵelementStart(7, "a", 3);
58
- i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_8_Template_a_click_7_listener() { i0.ɵɵrestoreView(_r9); const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r10.onViewSwitch("list")); });
49
+ 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")); });
59
50
  i0.ɵɵnamespaceSVG();
60
- i0.ɵɵelementStart(8, "svg", 17);
61
- i0.ɵɵelement(9, "path", 18);
51
+ i0.ɵɵelementStart(8, "svg", 18);
52
+ i0.ɵɵelement(9, "path", 19);
62
53
  i0.ɵɵelementEnd()();
63
- i0.ɵɵtemplate(10, ControlPanelComponent_Conditional_8_Conditional_10_Template, 2, 0, "a", 19);
64
- i0.ɵɵelementEnd();
54
+ i0.ɵɵnamespaceHTML();
55
+ i0.ɵɵelementStart(10, "a", 3);
56
+ 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")); });
57
+ i0.ɵɵnamespaceSVG();
58
+ i0.ɵɵelementStart(11, "svg", 20);
59
+ i0.ɵɵelement(12, "path", 21);
60
+ i0.ɵɵelementEnd()()();
65
61
  } if (rf & 2) {
66
62
  const ctx_r1 = i0.ɵɵnextContext();
67
63
  i0.ɵɵadvance();
@@ -69,14 +65,21 @@ function ControlPanelComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
69
65
  i0.ɵɵadvance(6);
70
66
  i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0, ctx_r1.viewType == "list"));
71
67
  i0.ɵɵadvance(3);
72
- i0.ɵɵconditional(10, ctx_r1.addVisible ? 10 : -1);
68
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0, ctx_r1.viewType == "table"));
69
+ } }
70
+ function ControlPanelComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
71
+ const _r11 = i0.ɵɵgetCurrentView();
72
+ i0.ɵɵelementStart(0, "div", 22)(1, "a", 23);
73
+ 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()); });
74
+ i0.ɵɵelement(2, "fa-icon", 24);
75
+ i0.ɵɵelementEnd()();
73
76
  } }
74
77
  export class ControlPanelComponent extends ComponentBase {
75
78
  constructor() {
76
79
  super(...arguments);
77
- this.addVisible = false;
78
80
  this.sortByVisible = false;
79
81
  this.viewTypeVisible = false;
82
+ this.addVisible = false;
80
83
  //Outputs
81
84
  this.settingsChange = new EventEmitter();
82
85
  this.add = new EventEmitter();
@@ -123,7 +126,7 @@ export class ControlPanelComponent extends ComponentBase {
123
126
  this.fireAdd();
124
127
  }
125
128
  static { this.ɵfac = /*@__PURE__*/ (() => { let ɵControlPanelComponent_BaseFactory; return function ControlPanelComponent_Factory(t) { return (ɵControlPanelComponent_BaseFactory || (ɵControlPanelComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ControlPanelComponent)))(t || ControlPanelComponent); }; })(); }
126
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ControlPanelComponent, selectors: [["anatoly-data-grid-control-panel"]], inputs: { mode: "mode", sortByItems: "sortByItems", addVisible: "addVisible", sortByVisible: "sortByVisible", viewTypeVisible: "viewTypeVisible" }, outputs: { settingsChange: "settingsChange", add: "add" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 9, vars: 5, consts: [[1, "data-grid"], [1, "control-panel"], [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"], [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"], ["class", "btn btn-icon btn-primary", "href", "javascript:void(0)"], ["href", "javascript:void(0)", 1, "btn", "btn-icon", "btn-primary", 3, "click"], ["icon", "plus"]], template: function ControlPanelComponent_Template(rf, ctx) { if (rf & 1) {
129
+ 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) {
127
130
  i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "a", 3);
128
131
  i0.ɵɵlistener("click", function ControlPanelComponent_Template_a_click_3_listener() { return ctx.onFilterToggle(); });
129
132
  i0.ɵɵnamespaceSVG();
@@ -132,34 +135,34 @@ export class ControlPanelComponent extends ComponentBase {
132
135
  i0.ɵɵelementEnd()()();
133
136
  i0.ɵɵnamespaceHTML();
134
137
  i0.ɵɵelementStart(6, "div", 6);
135
- i0.ɵɵtemplate(7, ControlPanelComponent_Conditional_7_Template, 4, 3, "div", 7)(8, ControlPanelComponent_Conditional_8_Template, 11, 7, "div", 8);
138
+ 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);
136
139
  i0.ɵɵelementEnd()()();
137
140
  } if (rf & 2) {
138
141
  i0.ɵɵadvance(3);
139
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0, ctx.filterVisible));
142
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c0, ctx.filterVisible));
140
143
  i0.ɵɵadvance(4);
141
144
  i0.ɵɵconditional(7, ctx.sortByVisible ? 7 : -1);
142
145
  i0.ɵɵadvance();
143
146
  i0.ɵɵconditional(8, ctx.viewTypeVisible ? 8 : -1);
147
+ i0.ɵɵadvance();
148
+ i0.ɵɵconditional(9, ctx.addVisible ? 9 : -1);
144
149
  } }, dependencies: [i1.NgClass, i2.NgControlStatus, i2.NgModel, i3.FaIconComponent, i4.DropDownListComponent], encapsulation: 2 }); }
145
150
  }
146
151
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ControlPanelComponent, [{
147
152
  type: Component,
148
- args: [{ selector: 'anatoly-data-grid-control-panel', template: "<div class='data-grid'>\r\n <div class='control-panel'>\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 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'></path>\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 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 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 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 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 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\r\n @if (addVisible) {\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 }\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n</div>\r\n" }]
149
- }], null, { mode: [{
150
- type: Input
151
- }], sortByItems: [{
152
- type: Input
153
- }], addVisible: [{
153
+ 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" }]
154
+ }], null, { sortByItems: [{
154
155
  type: Input
155
156
  }], sortByVisible: [{
156
157
  type: Input
157
158
  }], viewTypeVisible: [{
158
159
  type: Input
160
+ }], addVisible: [{
161
+ type: Input
159
162
  }], settingsChange: [{
160
163
  type: Output
161
164
  }], add: [{
162
165
  type: Output
163
166
  }] }); })();
164
167
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ControlPanelComponent, { className: "ControlPanelComponent", filePath: "lib\\ui\\components\\data-grid\\control-panel.component.ts", lineNumber: 27 }); })();
165
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udHJvbC1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmF0b2x5L3NyYy9saWIvdWkvY29tcG9uZW50cy9kYXRhLWdyaWQvY29udHJvbC1wYW5lbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmF0b2x5L3NyYy9saWIvdWkvY29tcG9uZW50cy9kYXRhLWdyaWQvY29udHJvbC1wYW5lbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7OztFQWFFO0FBRUYsTUFBTTtBQUNOLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFL0UsS0FBSztBQUNMLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sOEJBQThCLENBQUM7Ozs7Ozs7O0lDTHJELDhCQUFxQixTQUFBO0lBQ2Ysd0JBQVE7SUFBQSxpQkFBSztJQUNqQiw4Q0FLcUQ7SUFEakMsOFBBQTRCLHFMQUNiLGVBQUEsdUJBQWdCLENBQUEsSUFESDtJQUVoRCxpQkFBcUIsRUFBQTs7O0lBTkQsZUFBb0I7SUFBcEIseUNBQW9CLHdCQUFBLGtDQUFBOzs7OztJQWdEdEMsb0JBQWdGO0lBQWhGLDZCQUFnRjtJQUFsQixxTEFBUyxlQUFBLGNBQU8sQ0FBQSxJQUFDO0lBQzdFLDhCQUF1QjtJQUN6QixpQkFBSTs7Ozs7SUF2Q1IsK0JBQXFCLFdBQUE7SUFHaEIscUtBQVMsZUFBQSxvQkFBYSxNQUFNLENBQUMsQ0FBQSxJQUFDO0lBQy9CLG1CQUErRjtJQUEvRiwrQkFBK0Y7SUFDN0YsMkJBSXlCLGVBQUEsZUFBQSxlQUFBO0lBZ0IzQixpQkFBTSxFQUFBO0lBRVIsb0JBRWtDO0lBRmxDLDRC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QUFNO1lBQ0csR0FBRztrQkFBWixNQUFNOztrRkFuQkkscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuPGZpbGU+XHJcbiAgUHJvamVjdDpcclxuICAgIEBvc292aXRueS9hbmF0b2x5XHJcblxyXG4gIEF1dGhvcnM6XHJcbiAgICBBbmF0b2x5IE9zb3ZpdG55IGFuYXRvbHkub3Nvdml0bnlAb3Nvdml0bnkuY29tXHJcblxyXG4gIENyZWF0ZWQ6XHJcbiAgICAyMyBBcHIgMjAyNFxyXG5cclxuICBDb3B5cmlnaHQgKGMpIDIwMTYtMjAyNSBPc292aXRueSBJbmMuIEFsbCByaWdodHMgcmVzZXJ2ZWQuXHJcbjwvZmlsZT5cclxuKi9cclxuXHJcbi8vTm9kZVxyXG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG4vL0FwcFxyXG5pbXBvcnQgeyBEYXRhVmlld1R5cGUgfSBmcm9tICcuLi8uLi8uLi9jb3JlL2VudW1zJztcclxuaW1wb3J0IHsgQ29tcG9uZW50QmFzZSB9IGZyb20gJy4uL2Jhc2UvY29tcG9uZW50cy9jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhbmF0b2x5LWRhdGEtZ3JpZC1jb250cm9sLXBhbmVsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY29udHJvbC1wYW5lbC5jb21wb25lbnQuaHRtbCdcclxufSlcclxuZXhwb3J0IGNsYXNzIENvbnRyb2xQYW5lbENvbXBvbmVudCBleHRlbmRzIENvbXBvbmVudEJhc2UgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIC8vMS5cclxuICBzZWxlY3RlZFNvcnRCeTtcclxuXHJcbiAgLy8yLlxyXG4gIGZpbHRlclZpc2libGU7XHJcblxyXG4gIC8vMy5cclxuICB2aWV3VHlwZTtcclxuXHJcbiAgLy9JbnB1dHNcclxuICBASW5wdXQoKSBtb2RlO1xyXG4gIEBJbnB1dCgpIHNvcnRCeUl0ZW1zO1xyXG4gIEBJbnB1dCgpIGFkZFZpc2libGUgPSBmYWxzZTtcclxuICBASW5wdXQoKSBzb3J0QnlWaXNpYmxlID0gZmFsc2U7XHJcbiAgQElucHV0KCkgdmlld1R5cGVWaXNpYmxlID0gZmFsc2U7XHJcblxyXG4gIC8vT3V0cHV0c1xyXG4gIEBPdXRwdXQoKSBzZXR0aW5nc0NoYW5nZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIGFkZDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5yZXNldFNldHRpbmdzKCk7XHJcbiAgICB0aGlzLmZpcmVTZXR0aW5nc0NoYW5nZSgpO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBmaXJlU2V0dGluZ3NDaGFuZ2UoKSB7XHJcbiAgICB0aGlzLnNldHRpbmdzQ2hhbmdlLmVtaXQodGhpcy5nZXRTZXR0aW5ncygpKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgZmlyZUFkZCgpIHtcclxuICAgIHRoaXMuYWRkLmVtaXQoKTtcclxuICB9XHJcblxyXG4gIC8vUHVibGljXHJcbiAgcmVzZXRTZXR0aW5ncygpIHtcclxuICAgIHRoaXMuc2VsZWN0ZWRTb3J0QnkgPSAxO1xyXG4gICAgdGhpcy5maWx0ZXJWaXNpYmxlID0gZmFsc2U7XHJcbiAgICB0aGlzLnZpZXdUeXBlID0gRGF0YVZpZXdUeXBlLkxpc3Q7XHJcbiAgfVxyXG5cclxuICBnZXRTZXR0aW5ncygpIHtcclxuICAgIGxldCBzb3J0QnkgPSB0aGlzLnNlbGVjdGVkU29ydEJ5O1xyXG4gICAgbGV0IGZpbHRlclZpc2libGUgPSB0aGlzLmZpbHRlclZpc2libGU7XHJcbiAgICBsZXQgdmlld1R5cGUgPSB0aGlzLnZpZXdUeXBlO1xyXG5cclxuICAgIHJldHVybiB7XHJcbiAgICAgIHNvcnRCeTogc29ydEJ5LFxyXG4gICAgICBmaWx0ZXJWaXNpYmxlOiBmaWx0ZXJWaXNpYmxlLFxyXG4gICAgICB2aWV3VHlwZTogdmlld1R5cGVcclxuICAgIH07XHJcbiAgfVxyXG5cclxuICAvL0V2ZW50c1xyXG4gIG9uRmlsdGVyVG9nZ2xlKCkge1xyXG4gICAgdGhpcy5maWx0ZXJWaXNpYmxlID0gIXRoaXMuZmlsdGVyVmlzaWJsZTtcclxuICAgIHRoaXMuZmlyZVNldHRpbmdzQ2hhbmdlKCk7XHJcbiAgfVxyXG5cclxuICBvblNvcnRCeUNoYW5nZSgpIHtcclxuICAgIHRoaXMuZmlyZVNldHRpbmdzQ2hhbmdlKCk7XHJcbiAgfVxyXG5cclxuICBvblZpZXdTd2l0Y2godmFsdWUpIHtcclxuICAgIHRoaXMudmlld1R5cGUgPSB2YWx1ZTtcclxuICAgIHRoaXMuZmlyZVNldHRpbmdzQ2hhbmdlKCk7XHJcbiAgfVxyXG5cclxuICBvbkFkZCgpIHtcclxuICAgIHRoaXMuZmlyZUFkZCgpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPSdkYXRhLWdyaWQnPlxyXG4gIDxkaXYgY2xhc3M9J2NvbnRyb2wtcGFuZWwnPlxyXG4gICAgPGRpdiBjbGFzcz0nZmlsdGVyJz5cclxuICAgICAgPGEgKGNsaWNrKT0nb25GaWx0ZXJUb2dnbGUoKSdcclxuICAgICAgICAgW25nQ2xhc3NdPVwieydhY3RpdmUnOiBmaWx0ZXJWaXNpYmxlfVwiXHJcbiAgICAgICAgIGNsYXNzPSdidG4gYnRuLWljb24gYnRuLXByaW1hcnknXHJcbiAgICAgICAgIGhyZWY9J2phdmFzY3JpcHQ6dm9pZCgwKSc+XHJcbiAgICAgICAgPHN2ZyBoZWlnaHQ9JzIyJyB2aWV3Qm94PScwIDAgMzIgMzInIHdpZHRoPScyMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz5cclxuICAgICAgICAgIDxwYXRoIGQ9J00yIDdoLjE0MmEzLjk4MSAzLjk4MSAwIDAgMCA3LjcxNiAwSDMwYTEgMSAwIDAgMCAwLTJIOS44NThhMy45ODEgMy45ODEgMCAwIDAtNy43MTYgMEgyYTEgMSAwIDAgMCAwIDJ6bTQtM2EyIDIgMCAxIDEtMiAyIDIgMiAwIDAgMSAyLTJ6bTI0IDExaC0uMTQyYTMuOTgxIDMuOTgxIDAgMCAwLTcuNzE2IDBIMmExIDEgMCAwIDAgMCAyaDIwLjE0MmEzLjk4MSAzLjk4MSAwIDAgMCA3LjcxNiAwSDMwYTEgMSAwIDAgMCAwLTJ6bS00IDNhMiAyIDAgMSAxIDItMiAyIDIgMCAwIDEtMiAyem00IDdIMTkuODU4YTMuOTgxIDMuOTgxIDAgMCAwLTcuNzE2IDBIMmExIDEgMCAwIDAgMCAyaDEwLjE0MmEzLjk4MSAzLjk4MSAwIDAgMCA3LjcxNiAwSDMwYTEgMSAwIDAgMCAwLTJ6bS0xNCAzYTIgMiAwIDEgMSAyLTIgMiAyIDAgMCAxLTIgMnonXHJcbiAgICAgICAgICAgICAgICBmaWxsPSdjdXJyZW50Q29sb3InPjwvcGF0aD5cclxuICAgICAgICA8L3N2Zz5cclxuICAgICAgPC9hPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPSd0b29scyc+XHJcbiAgICAgIEBpZiAoc29ydEJ5VmlzaWJsZSkge1xyXG4gICAgICAgIDxkaXYgY2xhc3M9J3NvcnQtYnknPlxyXG4gICAgICAgICAgPGgyPlNvcnQgQnk6PC9oMj5cclxuICAgICAgICAgIDxrZW5kby1kcm9wZG93bmxpc3QgW2RhdGFdPSdzb3J0QnlJdGVtcydcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWVGaWVsZD0ndmFsdWUnXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRleHRGaWVsZD0ndGV4dCdcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3ZhbHVlUHJpbWl0aXZlXT0ndHJ1ZSdcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgWyhuZ01vZGVsKV09J3NlbGVjdGVkU29ydEJ5J1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAodmFsdWVDaGFuZ2UpPSdvblNvcnRCeUNoYW5nZSgpJz5cclxuICAgICAgICAgIDwva2VuZG8tZHJvcGRvd25saXN0PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICB9XHJcblxyXG4gICAgICBAaWYgKHZpZXdUeXBlVmlzaWJsZSkge1xyXG4gICAgICAgIDxkaXYgY2xhc3M9J2FjdGlvbnMnPlxyXG4gICAgICAgICAgPGEgY2xhc3M9J2J0biBidG4taWNvbiBidG4tcHJpbWFyeScgaHJlZj0namF2YXNjcmlwdDp2b2lkKDApJ1xyXG4gICAgICAgICAgICAgW25nQ2xhc3NdPVwieydhY3RpdmUnOiB2aWV3VHlwZSA9PSAnZ3JpZCd9XCJcclxuICAgICAgICAgICAgIChjbGljayk9XCJvblZpZXdTd2l0Y2goJ2dyaWQnKVwiPlxyXG4gICAgICAgICAgICA8c3ZnIGZpbGw9J25vbmUnIGhlaWdodD0nMTgnIHZpZXdCb3g9JzAgMCAxOCAxOCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPlxyXG4gICAgICAgICAgICAgIDxwYXRoIGQ9J002IDFIMkMxLjQ0NzcyIDEgMSAxLjQ0NzcyIDEgMlY2QzEgNi41NTIyOCAxLjQ0NzcyIDcgMiA3SDZDNi41NTIyOCA3IDcgNi41NTIyOCA3IDZWMkM3IDEuNDQ3NzIgNi41NTIyOCAxIDYgMVonXHJcbiAgICAgICAgICAgICAgICAgICAgc3Ryb2tlPSdjdXJyZW50Q29sb3InXHJcbiAgICAgICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJ1xyXG4gICAgICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lam9pbj0ncm91bmQnXHJcbiAgICAgICAgICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPScyJyAvPlxyXG4gICAgICAgICAgICAgIDxwYXRoIGQ9J00xNiAxSDEyQzExLjQ0NzcgMSAxMSAxLjQ0NzcyIDExIDJWNkMxMSA2LjU1MjI4IDExLjQ0NzcgNyAxMiA3SDE2QzE2LjU1MjMgNyAxNyA2LjU1MjI4IDE3IDZWMkMxNyAxLjQ0NzcyIDE2LjU1MjMgMSAxNiAxWidcclxuICAgICAgICAgICAgICAgICAgICBzdHJva2U9J2N1cnJlbnRDb2xvcidcclxuICAgICAgICAgICAgICAgICAgICBzdHJva2UtbGluZWNhcD0ncm91bmQnXHJcbiAgICAgICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCdcclxuICAgICAgICAgICAgICAgICAgICBzdHJva2Utd2lkdGg9JzInIC8+XHJcbiAgICAgICAgICAgICAgPHBhdGggZD0nTTYgMTFIMkMxLjQ0NzcyIDExIDEgMTEuNDQ3NyAxIDEyVjE2QzEgMTYuNTUyMyAxLjQ0NzcyIDE3IDIgMTdINkM2LjU1MjI4IDE3IDcgMTYuNTUyMyA3IDE2VjEyQzcgMTEuNDQ3NyA2LjU1MjI4IDExIDYgMTFaJ1xyXG4gICAgICAgICAgICAgICAgICAgIHN0cm9rZT0nY3VycmVudENvbG9yJ1xyXG4gICAgICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lY2FwPSdyb3VuZCdcclxuICAgICAgICAgICAgICAgICAgICBzdHJva2UtbGluZWpvaW49J3JvdW5kJ1xyXG4gICAgICAgICAgICAgICAgICAgIHN0cm9rZS13aWR0aD0nMicgLz5cclxuICAgICAgICAgICAgICA8cGF0aCBkPSdNMTYgMTFIMTJDMTEuNDQ3NyAxMSAxMSAxMS40NDc3IDExIDEyVjE2QzExIDE2LjU1MjMgMTEuNDQ3NyAxNyAxMiAxN0gxNkMxNi41NTIzIDE3IDE3IDE2LjU1MjMgMTcgMTZWMTJDMTcgMTEuNDQ3NyAxNi41NTIzIDExIDE2IDExWidcclxuICAgICAgICAgICAgICAgICAgICBzdHJva2U9J2N1cnJlbnRDb2xvcidcclxuICAgICAgICAgICAgICAgICAgICBzdHJva2UtbGluZWNhcD0ncm91bmQnXHJcbiAgICAgICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCdcclxuICAgICAgICAgICAgICAgICAgICBzdHJva2Utd2lkdGg9JzInIC8+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgPC9hPlxyXG4gICAgICAgICAgPGEgY2xhc3M9J2J0biBidG4taWNvbiBidG4tcHJpbWFyeScgaHJlZj0namF2YXNjcmlwdDp2b2lkKDApJ1xyXG4gICAgICAgICAgICAgW25nQ2xhc3NdPVwieydhY3RpdmUnOiB2aWV3VHlwZSA9PSAnbGlzdCd9XCJcclxuICAgICAgICAgICAgIChjbGljayk9XCJvblZpZXdTd2l0Y2goJ2xpc3QnKVwiPlxyXG4gICAgICAgICAgICAgIDxzdmcgZmlsbD0nbm9uZScgaGVpZ2h0PScxNScgdmlld0JveD0nMCAwIDE5IDE1JyB3aWR0aD0nMTknIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+XHJcbiAgICAgICAgICAgICAgICA8cGF0aCBkPSdNMS41IDZDMC42NyA2IDAgNi42NyAwIDcuNUMwIDguMzMgMC42NyA5IDEuNSA5QzIuMzMgOSAzIDguMzMgMyA3LjVDMyA2LjY3IDIuMzMgNiAxLjUgNlpNMS41IDBDMC42NyAwIDAgMC42NyAwIDEuNUMwIDIuMzMgMC42NyAzIDEuNSAzQzIuMzMgMyAzIDIuMzMgMyAxLjVDMyAwLjY3IDIuMzMgMCAxLjUgMFpNMS41IDEyQzAuNjcgMTIgMCAxMi42OCAwIDEzLjVDMCAxNC4zMiAwLjY4IDE1IDEuNSAxNUMyLjMyIDE1IDMgMTQuMzIgMyAxMy41QzMgMTIuNjggMi4zMyAxMiAxLjUgMTJaTTUuNSAxNC41SDE3LjVDMTguMDUgMTQuNSAxOC41IDE0LjA1IDE4LjUgMTMuNUMxOC41IDEyLjk1IDE4LjA1IDEyLjUgMTcuNSAxMi41SDUuNUM0Ljk1IDEyLjUgNC41IDEyLjk1IDQuNSAxMy41QzQuNSAxNC4wNSA0Ljk1IDE0LjUgNS41IDE0LjVaTTUuNSA4LjVIMTcuNUMxOC4wNSA4LjUgMTguNSA4LjA1IDE4LjUgNy41QzE4LjUgNi45NSAxOC4wNSA2LjUgMTcuNSA2LjVINS41QzQuOTUgNi41IDQuNSA2Ljk1IDQuNSA3LjVDNC41IDguMDUgNC45NSA4LjUgNS41IDguNVpNNC41IDEuNUM0LjUgMi4wNSA0Ljk1IDIuNSA1LjUgMi41SDE3LjVDMTguMDUgMi41IDE4LjUgMi4wNSAxOC41IDEuNUMxOC41IDAuOTUgMTguMDUgMC41IDE3LjUgMC41SDUuNUM0Ljk1IDAuNSA0LjUgMC45NSA0LjUgMS41WidcclxuICAgICAgICAgICAgICAgICAgICAgIGZpbGw9J2N1cnJlbnRDb2xvcicgLz5cclxuICAgICAgICAgICAgICA8L3N2Zz5cclxuICAgICAgICAgIDwvYT5cclxuXHJcbiAgICAgICAgICBAaWYgKGFkZFZpc2libGUpIHtcclxuICAgICAgICAgICAgPGEgY2xhc3M9J2J0biBidG4taWNvbiBidG4tcHJpbWFyeScgaHJlZj0namF2YXNjcmlwdDp2b2lkKDApJyAoY2xpY2spPSdvbkFkZCgpJz5cclxuICAgICAgICAgICAgICA8ZmEtaWNvbiBpY29uPSdwbHVzJyAvPlxyXG4gICAgICAgICAgICA8L2E+XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIH1cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
168
+ //# 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+XHJcbiAgICAgICAgICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHZpZXdCb3g9XCIwIDAgNTEyIDUxMlwiPlxyXG4gICAgICAgICAgICAgIDxwYXRoXHJcbiAgICAgICAgICAgICAgICBkPVwiTTY0IDI1NmwwLTk2IDE2MCAwIDAgOTZMNjQgMjU2em0wIDY0bDE2MCAwIDAgOTZMNjQgNDE2bDAtOTZ6bTIyNCA5NmwwLTk2IDE2MCAwIDAgOTYtMTYwIDB6TTQ0OCAyNTZsLTE2MCAwIDAtOTYgMTYwIDAgMCA5NnpNNjQgMzJDMjguNyAzMiAwIDYwLjcgMCA5NkwwIDQxNmMwIDM1LjMgMjguNyA2NCA2NCA2NGwzODQgMGMzNS4zIDAgNjQtMjguNyA2NC02NGwwLTMyMGMwLTM1LjMtMjguNy02NC02NC02NEw2NCAzMnpcIlxyXG4gICAgICAgICAgICAgICAgZmlsbD0nY3VycmVudENvbG9yJy8+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgPC9hPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICB9XHJcblxyXG4gICAgICBAaWYgKGFkZFZpc2libGUpIHtcclxuICAgICAgICA8ZGl2IGNsYXNzPSdhY3Rpb24tYWRkJz5cclxuICAgICAgICAgIDxhIGNsYXNzPSdidG4gYnRuLWljb24gYnRuLXByaW1hcnknIGhyZWY9J2phdmFzY3JpcHQ6dm9pZCgwKScgKGNsaWNrKT0nb25BZGQoKSc+XHJcbiAgICAgICAgICAgIDxmYS1pY29uIGljb249J3BsdXMnLz5cclxuICAgICAgICAgIDwvYT5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgfVxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
@@ -7693,45 +7693,41 @@ class CheckIconComponent {
7693
7693
  */
7694
7694
  //Node
7695
7695
  function ControlPanelComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
7696
- const _r3 = i0.ɵɵgetCurrentView();
7697
- i0.ɵɵelementStart(0, "div", 9)(1, "h2");
7696
+ const _r4 = i0.ɵɵgetCurrentView();
7697
+ i0.ɵɵelementStart(0, "div", 10)(1, "h2");
7698
7698
  i0.ɵɵtext(2, "Sort By:");
7699
7699
  i0.ɵɵelementEnd();
7700
- i0.ɵɵelementStart(3, "kendo-dropdownlist", 10);
7701
- i0.ɵɵlistener("ngModelChange", function ControlPanelComponent_Conditional_7_Template_kendo_dropdownlist_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.selectedSortBy = $event); })("valueChange", function ControlPanelComponent_Conditional_7_Template_kendo_dropdownlist_valueChange_3_listener() { i0.ɵɵrestoreView(_r3); const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.onSortByChange()); });
7700
+ i0.ɵɵelementStart(3, "kendo-dropdownlist", 11);
7701
+ 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()); });
7702
7702
  i0.ɵɵelementEnd()();
7703
7703
  } if (rf & 2) {
7704
7704
  const ctx_r0 = i0.ɵɵnextContext();
7705
7705
  i0.ɵɵadvance(3);
7706
7706
  i0.ɵɵproperty("data", ctx_r0.sortByItems)("valuePrimitive", true)("ngModel", ctx_r0.selectedSortBy);
7707
7707
  } }
7708
- function ControlPanelComponent_Conditional_8_Conditional_10_Template(rf, ctx) { if (rf & 1) {
7709
- const _r7 = i0.ɵɵgetCurrentView();
7710
- i0.ɵɵnamespaceSVG();
7711
- i0.ɵɵnamespaceHTML();
7712
- i0.ɵɵelementStart(0, "a", 20);
7713
- i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_8_Conditional_10_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r6.onAdd()); });
7714
- i0.ɵɵelement(1, "fa-icon", 21);
7715
- i0.ɵɵelementEnd();
7716
- } }
7717
7708
  const _c0$9 = a0 => ({ "active": a0 });
7718
7709
  function ControlPanelComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
7719
- const _r9 = i0.ɵɵgetCurrentView();
7720
- i0.ɵɵelementStart(0, "div", 11)(1, "a", 3);
7721
- i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_8_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.onViewSwitch("grid")); });
7710
+ const _r7 = i0.ɵɵgetCurrentView();
7711
+ i0.ɵɵelementStart(0, "div", 12)(1, "a", 3);
7712
+ 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")); });
7722
7713
  i0.ɵɵnamespaceSVG();
7723
- i0.ɵɵelementStart(2, "svg", 12);
7724
- i0.ɵɵelement(3, "path", 13)(4, "path", 14)(5, "path", 15)(6, "path", 16);
7714
+ i0.ɵɵelementStart(2, "svg", 13);
7715
+ i0.ɵɵelement(3, "path", 14)(4, "path", 15)(5, "path", 16)(6, "path", 17);
7725
7716
  i0.ɵɵelementEnd()();
7726
7717
  i0.ɵɵnamespaceHTML();
7727
7718
  i0.ɵɵelementStart(7, "a", 3);
7728
- i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_8_Template_a_click_7_listener() { i0.ɵɵrestoreView(_r9); const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r10.onViewSwitch("list")); });
7719
+ 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")); });
7729
7720
  i0.ɵɵnamespaceSVG();
7730
- i0.ɵɵelementStart(8, "svg", 17);
7731
- i0.ɵɵelement(9, "path", 18);
7721
+ i0.ɵɵelementStart(8, "svg", 18);
7722
+ i0.ɵɵelement(9, "path", 19);
7732
7723
  i0.ɵɵelementEnd()();
7733
- i0.ɵɵtemplate(10, ControlPanelComponent_Conditional_8_Conditional_10_Template, 2, 0, "a", 19);
7734
- i0.ɵɵelementEnd();
7724
+ i0.ɵɵnamespaceHTML();
7725
+ i0.ɵɵelementStart(10, "a", 3);
7726
+ 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")); });
7727
+ i0.ɵɵnamespaceSVG();
7728
+ i0.ɵɵelementStart(11, "svg", 20);
7729
+ i0.ɵɵelement(12, "path", 21);
7730
+ i0.ɵɵelementEnd()()();
7735
7731
  } if (rf & 2) {
7736
7732
  const ctx_r1 = i0.ɵɵnextContext();
7737
7733
  i0.ɵɵadvance();
@@ -7739,14 +7735,21 @@ function ControlPanelComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
7739
7735
  i0.ɵɵadvance(6);
7740
7736
  i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$9, ctx_r1.viewType == "list"));
7741
7737
  i0.ɵɵadvance(3);
7742
- i0.ɵɵconditional(10, ctx_r1.addVisible ? 10 : -1);
7738
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$9, ctx_r1.viewType == "table"));
7739
+ } }
7740
+ function ControlPanelComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
7741
+ const _r11 = i0.ɵɵgetCurrentView();
7742
+ i0.ɵɵelementStart(0, "div", 22)(1, "a", 23);
7743
+ 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()); });
7744
+ i0.ɵɵelement(2, "fa-icon", 24);
7745
+ i0.ɵɵelementEnd()();
7743
7746
  } }
7744
7747
  class ControlPanelComponent extends ComponentBase {
7745
7748
  constructor() {
7746
7749
  super(...arguments);
7747
- this.addVisible = false;
7748
7750
  this.sortByVisible = false;
7749
7751
  this.viewTypeVisible = false;
7752
+ this.addVisible = false;
7750
7753
  //Outputs
7751
7754
  this.settingsChange = new EventEmitter();
7752
7755
  this.add = new EventEmitter();
@@ -7793,7 +7796,7 @@ class ControlPanelComponent extends ComponentBase {
7793
7796
  this.fireAdd();
7794
7797
  }
7795
7798
  static { this.ɵfac = /*@__PURE__*/ (() => { let ɵControlPanelComponent_BaseFactory; return function ControlPanelComponent_Factory(t) { return (ɵControlPanelComponent_BaseFactory || (ɵControlPanelComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ControlPanelComponent)))(t || ControlPanelComponent); }; })(); }
7796
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ControlPanelComponent, selectors: [["anatoly-data-grid-control-panel"]], inputs: { mode: "mode", sortByItems: "sortByItems", addVisible: "addVisible", sortByVisible: "sortByVisible", viewTypeVisible: "viewTypeVisible" }, outputs: { settingsChange: "settingsChange", add: "add" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 9, vars: 5, consts: [[1, "data-grid"], [1, "control-panel"], [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"], [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"], ["class", "btn btn-icon btn-primary", "href", "javascript:void(0)"], ["href", "javascript:void(0)", 1, "btn", "btn-icon", "btn-primary", 3, "click"], ["icon", "plus"]], template: function ControlPanelComponent_Template(rf, ctx) { if (rf & 1) {
7799
+ 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) {
7797
7800
  i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "a", 3);
7798
7801
  i0.ɵɵlistener("click", function ControlPanelComponent_Template_a_click_3_listener() { return ctx.onFilterToggle(); });
7799
7802
  i0.ɵɵnamespaceSVG();
@@ -7802,30 +7805,30 @@ class ControlPanelComponent extends ComponentBase {
7802
7805
  i0.ɵɵelementEnd()()();
7803
7806
  i0.ɵɵnamespaceHTML();
7804
7807
  i0.ɵɵelementStart(6, "div", 6);
7805
- i0.ɵɵtemplate(7, ControlPanelComponent_Conditional_7_Template, 4, 3, "div", 7)(8, ControlPanelComponent_Conditional_8_Template, 11, 7, "div", 8);
7808
+ 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);
7806
7809
  i0.ɵɵelementEnd()()();
7807
7810
  } if (rf & 2) {
7808
7811
  i0.ɵɵadvance(3);
7809
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0$9, ctx.filterVisible));
7812
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c0$9, ctx.filterVisible));
7810
7813
  i0.ɵɵadvance(4);
7811
7814
  i0.ɵɵconditional(7, ctx.sortByVisible ? 7 : -1);
7812
7815
  i0.ɵɵadvance();
7813
7816
  i0.ɵɵconditional(8, ctx.viewTypeVisible ? 8 : -1);
7817
+ i0.ɵɵadvance();
7818
+ i0.ɵɵconditional(9, ctx.addVisible ? 9 : -1);
7814
7819
  } }, dependencies: [i1$1.NgClass, i2.NgControlStatus, i2.NgModel, i1$6.FaIconComponent, i3.DropDownListComponent], encapsulation: 2 }); }
7815
7820
  }
7816
7821
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ControlPanelComponent, [{
7817
7822
  type: Component,
7818
- args: [{ selector: 'anatoly-data-grid-control-panel', template: "<div class='data-grid'>\r\n <div class='control-panel'>\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 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'></path>\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 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 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 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 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 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\r\n @if (addVisible) {\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 }\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n</div>\r\n" }]
7819
- }], null, { mode: [{
7820
- type: Input
7821
- }], sortByItems: [{
7822
- type: Input
7823
- }], addVisible: [{
7823
+ 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" }]
7824
+ }], null, { sortByItems: [{
7824
7825
  type: Input
7825
7826
  }], sortByVisible: [{
7826
7827
  type: Input
7827
7828
  }], viewTypeVisible: [{
7828
7829
  type: Input
7830
+ }], addVisible: [{
7831
+ type: Input
7829
7832
  }], settingsChange: [{
7830
7833
  type: Output
7831
7834
  }], add: [{