@osovitny/anatoly 3.17.146 → 3.17.148
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.
|
@@ -4406,7 +4406,7 @@ function OrderSummaryComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
|
|
|
4406
4406
|
i0.ɵɵadvance(2);
|
|
4407
4407
|
i0.ɵɵproperty("ngModel", ctx_r0.promoCode);
|
|
4408
4408
|
} }
|
|
4409
|
-
const _c1$
|
|
4409
|
+
const _c1$2 = ["*"];
|
|
4410
4410
|
class OrderSummaryComponent extends ComponentBase {
|
|
4411
4411
|
constructor(ps, api, ns) {
|
|
4412
4412
|
super();
|
|
@@ -4465,7 +4465,7 @@ class OrderSummaryComponent extends ComponentBase {
|
|
|
4465
4465
|
});
|
|
4466
4466
|
}
|
|
4467
4467
|
static { this.ɵfac = function OrderSummaryComponent_Factory(t) { return new (t || OrderSummaryComponent)(i0.ɵɵdirectiveInject(PaymentsService), i0.ɵɵdirectiveInject(DiscountCodesApiService), i0.ɵɵdirectiveInject(NotificationService)); }; }
|
|
4468
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OrderSummaryComponent, selectors: [["anatoly-billing-order-summary"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1$
|
|
4468
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OrderSummaryComponent, selectors: [["anatoly-billing-order-summary"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1$2, decls: 30, vars: 7, consts: [[1, "card"], [1, "card-header"], [1, "card-title"], [1, "card-body"], [1, "order-summary"], [1, "subtotal"], [1, "divider"], [1, "add-promo-code", 3, "ngClass", "click"], [1, "has-arrow"], ["class", "add-promo-code", 3, "ngClass"], [1, "discounts"], [1, "total"], [1, "add-promo-code", 3, "ngClass"], [1, "promo-code"], ["type", "text", "placeholder", "Promo code", 1, "input-text", 3, "ngModel", "ngModelChange"], [1, "btn", 3, "click"]], template: function OrderSummaryComponent_Template(rf, ctx) { if (rf & 1) {
|
|
4469
4469
|
i0.ɵɵprojectionDef();
|
|
4470
4470
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h2");
|
|
4471
4471
|
i0.ɵɵtext(4, "Order Summary");
|
|
@@ -6682,10 +6682,10 @@ class ListBase extends ComponentBase {
|
|
|
6682
6682
|
*/
|
|
6683
6683
|
//Node
|
|
6684
6684
|
const _c0$e = [[["card-header"]], [["card-body"]], "*", [["card-footer"]]];
|
|
6685
|
-
const _c1 = ["card-header", "card-body", "*", "card-footer"];
|
|
6685
|
+
const _c1$1 = ["card-header", "card-body", "*", "card-footer"];
|
|
6686
6686
|
class CardComponent extends ComponentBase {
|
|
6687
6687
|
static { this.ɵfac = /*@__PURE__*/ (() => { let ɵCardComponent_BaseFactory; return function CardComponent_Factory(t) { return (ɵCardComponent_BaseFactory || (ɵCardComponent_BaseFactory = i0.ɵɵgetInheritedFactory(CardComponent)))(t || CardComponent); }; })(); }
|
|
6688
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardComponent, selectors: [["anatoly-card"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1, decls: 5, vars: 3, template: function CardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
6688
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardComponent, selectors: [["anatoly-card"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1$1, decls: 5, vars: 3, template: function CardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
6689
6689
|
i0.ɵɵprojectionDef(_c0$e);
|
|
6690
6690
|
i0.ɵɵelementStart(0, "div");
|
|
6691
6691
|
i0.ɵɵprojection(1);
|
|
@@ -7692,65 +7692,80 @@ class CheckIconComponent {
|
|
|
7692
7692
|
</file>
|
|
7693
7693
|
*/
|
|
7694
7694
|
//Node
|
|
7695
|
-
|
|
7696
|
-
|
|
7697
|
-
i0.ɵɵ
|
|
7695
|
+
const _c0$9 = a0 => ({ "active": a0 });
|
|
7696
|
+
function ControlPanelComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
7697
|
+
const _r5 = i0.ɵɵgetCurrentView();
|
|
7698
|
+
i0.ɵɵelementStart(0, "div", 7)(1, "a", 8);
|
|
7699
|
+
i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_2_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.onFilterToggle()); });
|
|
7700
|
+
i0.ɵɵnamespaceSVG();
|
|
7701
|
+
i0.ɵɵelementStart(2, "svg", 9);
|
|
7702
|
+
i0.ɵɵelement(3, "path", 10);
|
|
7703
|
+
i0.ɵɵelementEnd()()();
|
|
7704
|
+
} if (rf & 2) {
|
|
7705
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
7706
|
+
i0.ɵɵadvance();
|
|
7707
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(1, _c0$9, ctx_r0.filterVisible));
|
|
7708
|
+
} }
|
|
7709
|
+
function ControlPanelComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
7710
|
+
const _r7 = i0.ɵɵgetCurrentView();
|
|
7711
|
+
i0.ɵɵelementStart(0, "div", 11)(1, "h2");
|
|
7698
7712
|
i0.ɵɵtext(2, "Sort By:");
|
|
7699
7713
|
i0.ɵɵelementEnd();
|
|
7700
|
-
i0.ɵɵelementStart(3, "kendo-dropdownlist",
|
|
7701
|
-
i0.ɵɵlistener("ngModelChange", function
|
|
7714
|
+
i0.ɵɵelementStart(3, "kendo-dropdownlist", 12);
|
|
7715
|
+
i0.ɵɵlistener("ngModelChange", function ControlPanelComponent_Conditional_6_Template_kendo_dropdownlist_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.selectedSortBy = $event); })("valueChange", function ControlPanelComponent_Conditional_6_Template_kendo_dropdownlist_valueChange_3_listener() { i0.ɵɵrestoreView(_r7); const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.onSortByChange()); });
|
|
7702
7716
|
i0.ɵɵelementEnd()();
|
|
7703
7717
|
} if (rf & 2) {
|
|
7704
|
-
const
|
|
7718
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
7705
7719
|
i0.ɵɵadvance(3);
|
|
7706
|
-
i0.ɵɵproperty("data",
|
|
7720
|
+
i0.ɵɵproperty("data", ctx_r1.sortByItems)("valuePrimitive", true)("ngModel", ctx_r1.selectedSortBy);
|
|
7707
7721
|
} }
|
|
7708
|
-
|
|
7709
|
-
|
|
7710
|
-
|
|
7711
|
-
i0.ɵɵ
|
|
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
|
+
function ControlPanelComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
|
|
7723
|
+
const _r10 = i0.ɵɵgetCurrentView();
|
|
7724
|
+
i0.ɵɵelementStart(0, "div", 13)(1, "a", 8);
|
|
7725
|
+
i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_7_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r9.onViewSwitch("grid")); });
|
|
7713
7726
|
i0.ɵɵnamespaceSVG();
|
|
7714
|
-
i0.ɵɵelementStart(2, "svg",
|
|
7715
|
-
i0.ɵɵelement(3, "path",
|
|
7727
|
+
i0.ɵɵelementStart(2, "svg", 14);
|
|
7728
|
+
i0.ɵɵelement(3, "path", 15)(4, "path", 16)(5, "path", 17)(6, "path", 18);
|
|
7716
7729
|
i0.ɵɵelementEnd()();
|
|
7717
7730
|
i0.ɵɵnamespaceHTML();
|
|
7718
|
-
i0.ɵɵelementStart(7, "a",
|
|
7719
|
-
i0.ɵɵlistener("click", function
|
|
7731
|
+
i0.ɵɵelementStart(7, "a", 8);
|
|
7732
|
+
i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_7_Template_a_click_7_listener() { i0.ɵɵrestoreView(_r10); const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.onViewSwitch("list")); });
|
|
7720
7733
|
i0.ɵɵnamespaceSVG();
|
|
7721
|
-
i0.ɵɵelementStart(8, "svg",
|
|
7722
|
-
i0.ɵɵelement(9, "path",
|
|
7734
|
+
i0.ɵɵelementStart(8, "svg", 19);
|
|
7735
|
+
i0.ɵɵelement(9, "path", 20);
|
|
7723
7736
|
i0.ɵɵelementEnd()();
|
|
7724
7737
|
i0.ɵɵnamespaceHTML();
|
|
7725
|
-
i0.ɵɵelementStart(10, "a",
|
|
7726
|
-
i0.ɵɵlistener("click", function
|
|
7738
|
+
i0.ɵɵelementStart(10, "a", 8);
|
|
7739
|
+
i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_7_Template_a_click_10_listener() { i0.ɵɵrestoreView(_r10); const ctx_r12 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r12.onViewSwitch("table")); });
|
|
7727
7740
|
i0.ɵɵnamespaceSVG();
|
|
7728
|
-
i0.ɵɵelementStart(11, "svg",
|
|
7729
|
-
i0.ɵɵelement(12, "path",
|
|
7741
|
+
i0.ɵɵelementStart(11, "svg", 21);
|
|
7742
|
+
i0.ɵɵelement(12, "path", 22);
|
|
7730
7743
|
i0.ɵɵelementEnd()()();
|
|
7731
7744
|
} if (rf & 2) {
|
|
7732
|
-
const
|
|
7745
|
+
const ctx_r2 = i0.ɵɵnextContext();
|
|
7733
7746
|
i0.ɵɵadvance();
|
|
7734
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0$9,
|
|
7747
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0$9, ctx_r2.viewType == "grid"));
|
|
7735
7748
|
i0.ɵɵadvance(6);
|
|
7736
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$9,
|
|
7749
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$9, ctx_r2.viewType == "list"));
|
|
7737
7750
|
i0.ɵɵadvance(3);
|
|
7738
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$9,
|
|
7751
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$9, ctx_r2.viewType == "table"));
|
|
7739
7752
|
} }
|
|
7740
|
-
function
|
|
7741
|
-
const
|
|
7742
|
-
i0.ɵɵelementStart(0, "div",
|
|
7743
|
-
i0.ɵɵlistener("click", function
|
|
7744
|
-
i0.ɵɵelement(2, "fa-icon",
|
|
7753
|
+
function ControlPanelComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
7754
|
+
const _r14 = i0.ɵɵgetCurrentView();
|
|
7755
|
+
i0.ɵɵelementStart(0, "div", 23)(1, "a", 24);
|
|
7756
|
+
i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_8_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r14); const ctx_r13 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r13.onAdd()); });
|
|
7757
|
+
i0.ɵɵelement(2, "fa-icon", 25);
|
|
7745
7758
|
i0.ɵɵelementEnd()();
|
|
7746
7759
|
} }
|
|
7760
|
+
const _c1 = ["*"];
|
|
7747
7761
|
class ControlPanelComponent extends ComponentBase {
|
|
7748
7762
|
constructor() {
|
|
7749
7763
|
super(...arguments);
|
|
7750
7764
|
//Visible
|
|
7765
|
+
this.filterButtonVisible = false;
|
|
7751
7766
|
this.sortByVisible = false;
|
|
7752
|
-
this.
|
|
7753
|
-
this.
|
|
7767
|
+
this.viewTypesVisible = false;
|
|
7768
|
+
this.addButtonVisible = false;
|
|
7754
7769
|
//Outputs
|
|
7755
7770
|
this.settingsChange = new EventEmitter();
|
|
7756
7771
|
this.add = new EventEmitter();
|
|
@@ -7767,6 +7782,7 @@ class ControlPanelComponent extends ComponentBase {
|
|
|
7767
7782
|
}
|
|
7768
7783
|
else {
|
|
7769
7784
|
this.viewType = DataViewType.List;
|
|
7785
|
+
this.viewTypeDefault = DataViewType.List;
|
|
7770
7786
|
}
|
|
7771
7787
|
}
|
|
7772
7788
|
setValues() {
|
|
@@ -7779,17 +7795,17 @@ class ControlPanelComponent extends ComponentBase {
|
|
|
7779
7795
|
}
|
|
7780
7796
|
//Public
|
|
7781
7797
|
resetSettings() {
|
|
7782
|
-
this.selectedSortBy = 1;
|
|
7783
7798
|
this.filterVisible = false;
|
|
7799
|
+
this.selectedSortBy = 1;
|
|
7784
7800
|
this.viewType = this.viewTypeDefault;
|
|
7785
7801
|
}
|
|
7786
7802
|
getSettings() {
|
|
7787
|
-
let sortBy = this.selectedSortBy;
|
|
7788
7803
|
let filterVisible = this.filterVisible;
|
|
7804
|
+
let sortBy = this.selectedSortBy;
|
|
7789
7805
|
let viewType = this.viewType;
|
|
7790
7806
|
return {
|
|
7791
|
-
sortBy: sortBy,
|
|
7792
7807
|
filterVisible: filterVisible,
|
|
7808
|
+
sortBy: sortBy,
|
|
7793
7809
|
viewType: viewType
|
|
7794
7810
|
};
|
|
7795
7811
|
}
|
|
@@ -7809,40 +7825,41 @@ class ControlPanelComponent extends ComponentBase {
|
|
|
7809
7825
|
this.fireAdd();
|
|
7810
7826
|
}
|
|
7811
7827
|
static { this.ɵfac = /*@__PURE__*/ (() => { let ɵControlPanelComponent_BaseFactory; return function ControlPanelComponent_Factory(t) { return (ɵControlPanelComponent_BaseFactory || (ɵControlPanelComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ControlPanelComponent)))(t || ControlPanelComponent); }; })(); }
|
|
7812
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ControlPanelComponent, selectors: [["anatoly-data-grid-control-panel"]], inputs: { sortByItems: "sortByItems", viewType: "viewType", sortByVisible: "sortByVisible",
|
|
7813
|
-
i0.ɵɵ
|
|
7814
|
-
i0.ɵɵ
|
|
7815
|
-
i0.ɵɵ
|
|
7816
|
-
i0.ɵɵelementStart(
|
|
7817
|
-
i0.ɵɵ
|
|
7818
|
-
i0.ɵɵelementEnd()
|
|
7819
|
-
i0.ɵɵ
|
|
7820
|
-
i0.ɵɵ
|
|
7821
|
-
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);
|
|
7828
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ControlPanelComponent, selectors: [["anatoly-data-grid-control-panel"]], inputs: { sortByItems: "sortByItems", viewType: "viewType", filterButtonVisible: "filterButtonVisible", sortByVisible: "sortByVisible", viewTypesVisible: "viewTypesVisible", addButtonVisible: "addButtonVisible" }, outputs: { settingsChange: "settingsChange", add: "add" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1, decls: 9, vars: 4, consts: [[1, "os-control-panel"], [1, "control-wrapper"], ["class", "filter"], [1, "tools"], ["class", "sort-by"], ["class", "actions"], ["class", "action-add"], [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, "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) {
|
|
7829
|
+
i0.ɵɵprojectionDef();
|
|
7830
|
+
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
|
|
7831
|
+
i0.ɵɵtemplate(2, ControlPanelComponent_Conditional_2_Template, 4, 3, "div", 2);
|
|
7832
|
+
i0.ɵɵelementStart(3, "div");
|
|
7833
|
+
i0.ɵɵprojection(4);
|
|
7834
|
+
i0.ɵɵelementEnd();
|
|
7835
|
+
i0.ɵɵelementStart(5, "div", 3);
|
|
7836
|
+
i0.ɵɵtemplate(6, ControlPanelComponent_Conditional_6_Template, 4, 3, "div", 4)(7, ControlPanelComponent_Conditional_7_Template, 13, 9, "div", 5)(8, ControlPanelComponent_Conditional_8_Template, 3, 0, "div", 6);
|
|
7822
7837
|
i0.ɵɵelementEnd()()();
|
|
7823
7838
|
} if (rf & 2) {
|
|
7824
|
-
i0.ɵɵadvance(
|
|
7825
|
-
i0.ɵɵ
|
|
7839
|
+
i0.ɵɵadvance(2);
|
|
7840
|
+
i0.ɵɵconditional(2, ctx.filterButtonVisible ? 2 : -1);
|
|
7826
7841
|
i0.ɵɵadvance(4);
|
|
7827
|
-
i0.ɵɵconditional(
|
|
7842
|
+
i0.ɵɵconditional(6, ctx.sortByVisible ? 6 : -1);
|
|
7828
7843
|
i0.ɵɵadvance();
|
|
7829
|
-
i0.ɵɵconditional(
|
|
7844
|
+
i0.ɵɵconditional(7, ctx.viewTypesVisible ? 7 : -1);
|
|
7830
7845
|
i0.ɵɵadvance();
|
|
7831
|
-
i0.ɵɵconditional(
|
|
7846
|
+
i0.ɵɵconditional(8, ctx.addButtonVisible ? 8 : -1);
|
|
7832
7847
|
} }, dependencies: [i1$1.NgClass, i2.NgControlStatus, i2.NgModel, i1$6.FaIconComponent, i3.DropDownListComponent], encapsulation: 2 }); }
|
|
7833
7848
|
}
|
|
7834
7849
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ControlPanelComponent, [{
|
|
7835
7850
|
type: Component,
|
|
7836
|
-
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
|
|
7851
|
+
args: [{ selector: 'anatoly-data-grid-control-panel', template: "<div class='os-control-panel'>\r\n <div class='control-wrapper'>\r\n @if (filterButtonVisible) {\r\n <div class='filter'>\r\n <a [ngClass]=\"{'active': filterVisible}\"\r\n class='btn btn-icon btn-primary'\r\n href='javascript:void(0)' \r\n (click)='onFilterToggle()'>\r\n <svg height='22' viewBox='0 0 32 32' width='20' xmlns='http://www.w3.org/2000/svg'>\r\n <path\r\n d='M2 7h.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2H9.858a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2zm4-3a2 2 0 1 1-2 2 2 2 0 0 1 2-2zm24 11h-.142a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2h20.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2zm-4 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm4 7H19.858a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2h10.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2zm-14 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2z'\r\n fill='currentColor'/>\r\n </svg>\r\n </a> \r\n </div>\r\n }\r\n \r\n <div>\r\n <ng-content></ng-content>\r\n </div>\r\n\r\n <div class='tools'>\r\n @if (sortByVisible) {\r\n <div class='sort-by'>\r\n <h2>Sort By:</h2>\r\n <kendo-dropdownlist [data]='sortByItems'\r\n valueField='value'\r\n textField='text'\r\n [valuePrimitive]='true'\r\n [(ngModel)]='selectedSortBy'\r\n (valueChange)='onSortByChange()'>\r\n </kendo-dropdownlist>\r\n </div>\r\n }\r\n\r\n @if (viewTypesVisible) {\r\n <div class='actions'>\r\n <a class='btn btn-icon btn-primary' href='javascript:void(0)'\r\n [ngClass]=\"{'active': viewType == 'grid'}\"\r\n (click)=\"onViewSwitch('grid')\">\r\n <svg fill='none' height='18' viewBox='0 0 18 18' width='18' xmlns='http://www.w3.org/2000/svg'>\r\n <path\r\n d='M6 1H2C1.44772 1 1 1.44772 1 2V6C1 6.55228 1.44772 7 2 7H6C6.55228 7 7 6.55228 7 6V2C7 1.44772 6.55228 1 6 1Z'\r\n stroke='currentColor'\r\n stroke-linecap='round'\r\n stroke-linejoin='round'\r\n stroke-width='2'/>\r\n <path\r\n d='M16 1H12C11.4477 1 11 1.44772 11 2V6C11 6.55228 11.4477 7 12 7H16C16.5523 7 17 6.55228 17 6V2C17 1.44772 16.5523 1 16 1Z'\r\n stroke='currentColor'\r\n stroke-linecap='round'\r\n stroke-linejoin='round'\r\n stroke-width='2'/>\r\n <path\r\n d='M6 11H2C1.44772 11 1 11.4477 1 12V16C1 16.5523 1.44772 17 2 17H6C6.55228 17 7 16.5523 7 16V12C7 11.4477 6.55228 11 6 11Z'\r\n stroke='currentColor'\r\n stroke-linecap='round'\r\n stroke-linejoin='round'\r\n stroke-width='2'/>\r\n <path\r\n d='M16 11H12C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17H16C16.5523 17 17 16.5523 17 16V12C17 11.4477 16.5523 11 16 11Z'\r\n stroke='currentColor'\r\n stroke-linecap='round'\r\n stroke-linejoin='round'\r\n stroke-width='2'/>\r\n </svg>\r\n </a>\r\n <a class='btn btn-icon btn-primary' href='javascript:void(0)'\r\n [ngClass]=\"{'active': viewType == 'list'}\"\r\n (click)=\"onViewSwitch('list')\">\r\n <svg fill='none' height='15' viewBox='0 0 19 15' width='19' xmlns='http://www.w3.org/2000/svg'>\r\n <path\r\n d='M1.5 6C0.67 6 0 6.67 0 7.5C0 8.33 0.67 9 1.5 9C2.33 9 3 8.33 3 7.5C3 6.67 2.33 6 1.5 6ZM1.5 0C0.67 0 0 0.67 0 1.5C0 2.33 0.67 3 1.5 3C2.33 3 3 2.33 3 1.5C3 0.67 2.33 0 1.5 0ZM1.5 12C0.67 12 0 12.68 0 13.5C0 14.32 0.68 15 1.5 15C2.32 15 3 14.32 3 13.5C3 12.68 2.33 12 1.5 12ZM5.5 14.5H17.5C18.05 14.5 18.5 14.05 18.5 13.5C18.5 12.95 18.05 12.5 17.5 12.5H5.5C4.95 12.5 4.5 12.95 4.5 13.5C4.5 14.05 4.95 14.5 5.5 14.5ZM5.5 8.5H17.5C18.05 8.5 18.5 8.05 18.5 7.5C18.5 6.95 18.05 6.5 17.5 6.5H5.5C4.95 6.5 4.5 6.95 4.5 7.5C4.5 8.05 4.95 8.5 5.5 8.5ZM4.5 1.5C4.5 2.05 4.95 2.5 5.5 2.5H17.5C18.05 2.5 18.5 2.05 18.5 1.5C18.5 0.95 18.05 0.5 17.5 0.5H5.5C4.95 0.5 4.5 0.95 4.5 1.5Z'\r\n fill='currentColor'/>\r\n </svg>\r\n </a>\r\n <a class='btn btn-icon btn-primary' href='javascript:void(0)'\r\n [ngClass]=\"{'active': viewType == 'table'}\"\r\n (click)=\"onViewSwitch('table')\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" height=\"20\" width=\"20\" fill='none' >\r\n <path\r\n d=\"M64 256l0-96 160 0 0 96L64 256zm0 64l160 0 0 96L64 416l0-96zm224 96l0-96 160 0 0 96-160 0zM448 256l-160 0 0-96 160 0 0 96zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z\"\r\n fill='currentColor'/>\r\n </svg>\r\n </a>\r\n </div>\r\n }\r\n\r\n @if (addButtonVisible) {\r\n <div class='action-add'>\r\n <a class='btn btn-icon btn-primary' href='javascript:void(0)' (click)='onAdd()'>\r\n <fa-icon icon='plus'/>\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n</div>\r\n" }]
|
|
7837
7852
|
}], null, { sortByItems: [{
|
|
7838
7853
|
type: Input
|
|
7839
7854
|
}], viewType: [{
|
|
7840
7855
|
type: Input
|
|
7856
|
+
}], filterButtonVisible: [{
|
|
7857
|
+
type: Input
|
|
7841
7858
|
}], sortByVisible: [{
|
|
7842
7859
|
type: Input
|
|
7843
|
-
}],
|
|
7860
|
+
}], viewTypesVisible: [{
|
|
7844
7861
|
type: Input
|
|
7845
|
-
}],
|
|
7862
|
+
}], addButtonVisible: [{
|
|
7846
7863
|
type: Input
|
|
7847
7864
|
}], settingsChange: [{
|
|
7848
7865
|
type: Output
|