ng2-qgrid
Version:
Angular data grid
522 lines • 71.5 kB
JavaScript
import { Component, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "ng2-qgrid";
import * as i2 from "@angular/common";
import * as i3 from "@qgrid/ngx-plugins";
import * as i4 from "@qgrid/ngx";
import * as i5 from "@angular/forms";
function ThemeComponent_ng_template_0_li_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "li");
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const item_r34 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate(item_r34);
} }
function ThemeComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "ul");
i0.ɵɵtemplate(1, ThemeComponent_ng_template_0_li_1_Template, 2, 1, "li", 32);
i0.ɵɵpipe(2, "qGridArray");
i0.ɵɵelementEnd();
} if (rf & 2) {
const $cell_r32 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(2, 1, $cell_r32.label));
} }
function ThemeComponent_ng_template_1_li_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "li");
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const item_r37 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate(item_r37);
} }
function ThemeComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "ul");
i0.ɵɵtemplate(1, ThemeComponent_ng_template_1_li_1_Template, 2, 1, "li", 32);
i0.ɵɵpipe(2, "qGridArray");
i0.ɵɵelementEnd();
} if (rf & 2) {
const $cell_r35 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(2, 1, $cell_r35.label));
} }
function ThemeComponent_ng_template_2_li_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "li");
i0.ɵɵtext(1);
i0.ɵɵpipe(2, "qGridNumber");
i0.ɵɵelementEnd();
} if (rf & 2) {
const item_r40 = ctx.$implicit;
const $cell_r38 = i0.ɵɵnextContext().$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, item_r40, $cell_r38.column.itemFormat), " ");
} }
function ThemeComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "ul");
i0.ɵɵtemplate(1, ThemeComponent_ng_template_2_li_1_Template, 3, 4, "li", 32);
i0.ɵɵpipe(2, "qGridArray");
i0.ɵɵelementEnd();
} if (rf & 2) {
const $cell_r38 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(2, 1, $cell_r38.value));
} }
function ThemeComponent_ng_template_3_li_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "li");
i0.ɵɵtext(1);
i0.ɵɵpipe(2, "qGridItemLabel");
i0.ɵɵelementEnd();
} if (rf & 2) {
const item_r44 = ctx.$implicit;
const $cell_r42 = i0.ɵɵnextContext().$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, item_r44, $cell_r42.column.itemLabel), " ");
} }
function ThemeComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "ul");
i0.ɵɵtemplate(1, ThemeComponent_ng_template_3_li_1_Template, 3, 4, "li", 32);
i0.ɵɵpipe(2, "qGridArray");
i0.ɵɵelementEnd();
} if (rf & 2) {
const $cell_r42 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(2, 1, $cell_r42.value));
} }
function ThemeComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtext(0);
i0.ɵɵpipe(1, "qGridCurrency");
} if (rf & 2) {
const $cell_r46 = ctx.$implicit;
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(1, 1, $cell_r46.value, $cell_r46.column.code), "\n");
} }
function ThemeComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtext(0);
} if (rf & 2) {
const $cell_r47 = ctx.$implicit;
i0.ɵɵtextInterpolate1(" ", $cell_r47.label, "\n");
} }
const _c0 = function (a0) { return { "padding-left": a0 }; };
const _c1 = function (a0, a1) { return [a0, a1]; };
function ThemeComponent_ng_template_6_div_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 34)(1, "button", 35)(2, "i", 36);
i0.ɵɵtext(3, "\u276F");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(4, "span", 37);
i0.ɵɵtext(5);
i0.ɵɵelementEnd();
i0.ɵɵelementStart(6, "span", 38);
i0.ɵɵtext(7);
i0.ɵɵelementEnd()()();
} if (rf & 2) {
const ctx_r51 = i0.ɵɵnextContext();
const $cell_r48 = ctx_r51.$implicit;
const $view_r49 = ctx_r51.$view;
i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(6, _c0, $view_r49.group.offset($cell_r48.row, $cell_r48.column) + "px"));
i0.ɵɵadvance(1);
i0.ɵɵproperty("q-grid-command", $view_r49.group.toggleStatus)("q-grid-command-arg", i0.ɵɵpureFunction2(8, _c1, $cell_r48.row, $cell_r48.column))("ngClass", "q-grid-" + $view_r49.group.status($cell_r48.row, $cell_r48.column) + " q-grid-icon-button");
i0.ɵɵadvance(4);
i0.ɵɵtextInterpolate1(" ", $view_r49.group.value($cell_r48.row, $cell_r48.column), " ");
i0.ɵɵadvance(2);
i0.ɵɵtextInterpolate1(" (", $view_r49.group.count($cell_r48.row, $cell_r48.column), ") ");
} }
function ThemeComponent_ng_template_6_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, ThemeComponent_ng_template_6_div_0_Template, 8, 11, "div", 33);
} if (rf & 2) {
const $cell_r48 = ctx.$implicit;
const $view_r49 = ctx.$view;
i0.ɵɵproperty("ngIf", $view_r49.group.isVisible($cell_r48.row, $cell_r48.column));
} }
function ThemeComponent_ng_template_7_img_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "img", 40);
} if (rf & 2) {
const $cell_r52 = i0.ɵɵnextContext().$implicit;
i0.ɵɵproperty("src", $cell_r52.value, i0.ɵɵsanitizeUrl);
} }
function ThemeComponent_ng_template_7_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, ThemeComponent_ng_template_7_img_0_Template, 1, 1, "img", 39);
} if (rf & 2) {
const $cell_r52 = ctx.$implicit;
i0.ɵɵproperty("ngIf", $cell_r52.value);
} }
function ThemeComponent_ng_template_8_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtext(0);
i0.ɵɵpipe(1, "qGridNumber");
} if (rf & 2) {
const $cell_r55 = ctx.$implicit;
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(1, 1, $cell_r55.label, $cell_r55.column.format), "\n");
} }
function ThemeComponent_ng_template_9_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtext(0, " *** ");
} }
function ThemeComponent_ng_template_10_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtext(0);
} if (rf & 2) {
const $cell_r56 = ctx.$implicit;
const $view_r57 = ctx.$view;
i0.ɵɵtextInterpolate1(" ", $view_r57.pivot.value($cell_r56.rowIndex, $cell_r56.columnIndex), "\n");
} }
function ThemeComponent_ng_template_11_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "button", 35)(1, "i", 36);
i0.ɵɵtext(2, "\u276F");
i0.ɵɵelementEnd()();
} if (rf & 2) {
const $cell_r58 = ctx.$implicit;
const $view_r59 = ctx.$view;
i0.ɵɵproperty("q-grid-command", $view_r59.rowDetails.toggleStatus)("q-grid-command-arg", $cell_r58.row)("ngClass", "q-grid-" + $view_r59.rowDetails.status($cell_r58.row) + " q-grid-icon-button");
} }
function ThemeComponent_ng_template_12_ng_container_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainerStart(0);
i0.ɵɵelementStart(1, "div", 42)(2, "i", 36);
i0.ɵɵtext(3, "\u2237");
i0.ɵɵelementEnd()();
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const ctx_r64 = i0.ɵɵnextContext();
const $view_r61 = ctx_r64.$view;
const $cell_r60 = ctx_r64.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("q-grid-drag", $view_r61.row.drag)("q-grid-drag-data", $cell_r60.rowIndex);
} }
function ThemeComponent_ng_template_12_ng_container_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainerStart(0);
i0.ɵɵelement(1, "div", 43);
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const ctx_r65 = i0.ɵɵnextContext();
const $view_r61 = ctx_r65.$view;
const $cell_r60 = ctx_r65.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("q-grid-drag", $view_r61.row.resize)("q-grid-resize", $cell_r60.row)("q-grid-can-resize", $view_r61.row.resize.canExecute);
} }
function ThemeComponent_ng_template_12_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, ThemeComponent_ng_template_12_ng_container_0_Template, 4, 2, "ng-container", 41);
i0.ɵɵtemplate(1, ThemeComponent_ng_template_12_ng_container_1_Template, 2, 3, "ng-container", 41);
} if (rf & 2) {
const $view_r61 = ctx.$view;
i0.ɵɵproperty("ngIf", $view_r61.row.canMove);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", $view_r61.row.canResize);
} }
function ThemeComponent_ng_template_13_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtext(0);
} if (rf & 2) {
const $cell_r66 = ctx.$implicit;
const $view_r67 = ctx.$view;
i0.ɵɵtextInterpolate1(" ", $cell_r66.rowIndex + $cell_r66.column.startNumber + $view_r67.pagination.current * $view_r67.pagination.size, "\n");
} }
function ThemeComponent_ng_template_14_Template(rf, ctx) { if (rf & 1) {
const _r71 = i0.ɵɵgetCurrentView();
i0.ɵɵelementContainerStart(0, 44);
i0.ɵɵelementStart(1, "input", 45);
i0.ɵɵlistener("change", function ThemeComponent_ng_template_14_Template_input_change_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r71); const $cell_r68 = restoredCtx.$implicit; const $view_r69 = restoredCtx.$view; return $view_r69.selection.toggleRow.execute($cell_r68.row); });
i0.ɵɵelementEnd();
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const $cell_r68 = ctx.$implicit;
const $view_r69 = ctx.$view;
i0.ɵɵproperty("q-grid-dirty", $view_r69.selection.stateCheck);
i0.ɵɵadvance(1);
i0.ɵɵproperty("checked", $view_r69.selection.state($cell_r68.row))("disabled", !$view_r69.selection.state($cell_r68.row) && !$view_r69.selection.toggleRow.canExecute($cell_r68.row));
} }
function ThemeComponent_ng_template_15_Template(rf, ctx) { if (rf & 1) {
const _r75 = i0.ɵɵgetCurrentView();
i0.ɵɵelementContainerStart(0, 44);
i0.ɵɵelementStart(1, "input", 46);
i0.ɵɵlistener("change", function ThemeComponent_ng_template_15_Template_input_change_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r75); const $cell_r72 = restoredCtx.$implicit; const $view_r73 = restoredCtx.$view; return $view_r73.selection.toggleRow.execute($cell_r72.row); });
i0.ɵɵelementEnd();
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const $cell_r72 = ctx.$implicit;
const $view_r73 = ctx.$view;
i0.ɵɵproperty("q-grid-dirty", $view_r73.selection.stateCheck);
i0.ɵɵadvance(1);
i0.ɵɵproperty("checked", $view_r73.selection.state($cell_r72.row))("disabled", !$view_r73.selection.toggleRow.canExecute($cell_r72.row));
} }
function ThemeComponent_ng_template_16_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtext(0);
} if (rf & 2) {
const $cell_r76 = ctx.$implicit;
i0.ɵɵtextInterpolate1(" ", $cell_r76.label, "\n");
} }
function ThemeComponent_ng_template_17_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtext(0);
} if (rf & 2) {
const $cell_r77 = ctx.$implicit;
i0.ɵɵtextInterpolate1(" ", $cell_r77.label, "\n");
} }
function ThemeComponent_ng_template_18_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtext(0);
} if (rf & 2) {
const $cell_r78 = ctx.$implicit;
i0.ɵɵtextInterpolate1(" ", $cell_r78.label, "\n");
} }
function ThemeComponent_ng_template_19_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "a", 47);
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $cell_r79 = ctx.$implicit;
i0.ɵɵattribute("href", $cell_r79.value, i0.ɵɵsanitizeUrl);
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", $cell_r79.label || $cell_r79.value, " ");
} }
function ThemeComponent_ng_template_20_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtext(0);
i0.ɵɵpipe(1, "qGridCurrency");
} if (rf & 2) {
const $cell_r81 = ctx.$implicit;
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(1, 1, $cell_r81.value, $cell_r81.column.code), "\n");
} }
function ThemeComponent_ng_template_21_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtext(0);
i0.ɵɵpipe(1, "qGridNumber");
} if (rf & 2) {
const $cell_r82 = ctx.$implicit;
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(1, 1, $cell_r82.value, $cell_r82.column.format), "\n");
} }
function ThemeComponent_ng_template_22_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtext(0);
} if (rf & 2) {
const $cell_r83 = ctx.$implicit;
i0.ɵɵtextInterpolate1(" ", $cell_r83.value, "\n");
} }
function ThemeComponent_ng_template_23_q_grid_column_sort_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "q-grid-column-sort", 49)(1, "label");
i0.ɵɵtext(2);
i0.ɵɵelementEnd()();
} if (rf & 2) {
const $cell_r84 = i0.ɵɵnextContext().$implicit;
i0.ɵɵproperty("column", $cell_r84.column);
i0.ɵɵadvance(2);
i0.ɵɵtextInterpolate1(" ", $cell_r84.column.title, " ");
} }
function ThemeComponent_ng_template_23_label_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "label");
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $cell_r84 = i0.ɵɵnextContext().$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", $cell_r84.column.title, " ");
} }
function ThemeComponent_ng_template_23_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, ThemeComponent_ng_template_23_q_grid_column_sort_0_Template, 3, 2, "q-grid-column-sort", 48);
i0.ɵɵtemplate(1, ThemeComponent_ng_template_23_label_1_Template, 2, 1, "label", 41);
} if (rf & 2) {
const $cell_r84 = ctx.$implicit;
i0.ɵɵproperty("ngIf", $cell_r84.column.canSort);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", !$cell_r84.column.canSort);
} }
function ThemeComponent_ng_template_24_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "h3");
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $caption_r90 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate($caption_r90.value);
} }
function ThemeComponent_ng_template_25_ng_container_4_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainer(0);
} }
function ThemeComponent_ng_template_25_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "i", 50);
i0.ɵɵtext(1, "\u2191");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(2, "i", 51);
i0.ɵɵtext(3, "\u2193");
i0.ɵɵelementEnd();
i0.ɵɵtemplate(4, ThemeComponent_ng_template_25_ng_container_4_Template, 1, 0, "ng-container", 52);
} if (rf & 2) {
const $columnSort_r91 = ctx.$implicit;
i0.ɵɵadvance(4);
i0.ɵɵproperty("ngTemplateOutlet", $columnSort_r91.template);
} }
function ThemeComponent_ng_template_26_Template(rf, ctx) { if (rf & 1) {
const _r95 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "button", 53);
i0.ɵɵlistener("click", function ThemeComponent_ng_template_26_Template_button_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r95); const $target_r93 = restoredCtx.$implicit; return $target_r93.value = $target_r93.current; });
i0.ɵɵelementStart(1, "i", 36);
i0.ɵɵtext(2, "\u26AA");
i0.ɵɵelementEnd()();
} }
function ThemeComponent_ng_template_27_div_1_span_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span");
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $pager_r96 = i0.ɵɵnextContext(2).$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate3(" ", $pager_r96.from, "-", $pager_r96.to, " of ", $pager_r96.total, " ");
} }
function ThemeComponent_ng_template_27_div_1_span_3_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span");
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $pager_r96 = i0.ɵɵnextContext(2).$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate2(" ", $pager_r96.current + 1, " of ", $pager_r96.totalPages, " ");
} }
function ThemeComponent_ng_template_27_div_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div")(1, "label", 57);
i0.ɵɵtemplate(2, ThemeComponent_ng_template_27_div_1_span_2_Template, 2, 3, "span", 55);
i0.ɵɵtemplate(3, ThemeComponent_ng_template_27_div_1_span_3_Template, 2, 2, "span", 58);
i0.ɵɵelementEnd()();
} if (rf & 2) {
const $pager_r96 = i0.ɵɵnextContext().$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngSwitch", $pager_r96.mode);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngSwitchCase", "showRows");
} }
function ThemeComponent_ng_template_27_div_2_option_4_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "option", 67);
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const size_r107 = ctx.$implicit;
i0.ɵɵproperty("value", size_r107);
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", size_r107, " ");
} }
function ThemeComponent_ng_template_27_div_2_span_7_span_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span");
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $pager_r96 = i0.ɵɵnextContext(3).$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate3(" ", $pager_r96.from, " - ", $pager_r96.to, " of ", $pager_r96.total, " ");
} }
function ThemeComponent_ng_template_27_div_2_span_7_span_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span");
i0.ɵɵtext(1, " No Rows ");
i0.ɵɵelementEnd();
} }
function ThemeComponent_ng_template_27_div_2_span_7_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span");
i0.ɵɵtemplate(1, ThemeComponent_ng_template_27_div_2_span_7_span_1_Template, 2, 3, "span", 41);
i0.ɵɵtemplate(2, ThemeComponent_ng_template_27_div_2_span_7_span_2_Template, 2, 0, "span", 41);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $pager_r96 = i0.ɵɵnextContext(2).$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", $pager_r96.total > 0);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", $pager_r96.total === 0);
} }
function ThemeComponent_ng_template_27_div_2_span_8_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span");
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $pager_r96 = i0.ɵɵnextContext(2).$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate2(" ", $pager_r96.current + 1, " of ", $pager_r96.totalPages, " ");
} }
function ThemeComponent_ng_template_27_div_2_Template(rf, ctx) { if (rf & 1) {
const _r115 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "div", 59)(1, "label", 60);
i0.ɵɵtext(2, " Rows per page: ");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(3, "select", 61);
i0.ɵɵlistener("ngModelChange", function ThemeComponent_ng_template_27_div_2_Template_select_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r115); const $pager_r96 = i0.ɵɵnextContext().$implicit; return $pager_r96.size = $event; });
i0.ɵɵtemplate(4, ThemeComponent_ng_template_27_div_2_option_4_Template, 2, 2, "option", 62);
i0.ɵɵelementEnd();
i0.ɵɵelementStart(5, "div", 63)(6, "label", 64);
i0.ɵɵtemplate(7, ThemeComponent_ng_template_27_div_2_span_7_Template, 3, 2, "span", 55);
i0.ɵɵtemplate(8, ThemeComponent_ng_template_27_div_2_span_8_Template, 2, 2, "span", 58);
i0.ɵɵelementEnd()();
i0.ɵɵelementStart(9, "button", 65)(10, "i", 36);
i0.ɵɵtext(11, "\u276E");
i0.ɵɵelementEnd()();
i0.ɵɵelement(12, "q-grid-pager-target");
i0.ɵɵelementStart(13, "button", 66)(14, "i", 36);
i0.ɵɵtext(15, "\u276F");
i0.ɵɵelementEnd()()();
} if (rf & 2) {
const $pager_r96 = i0.ɵɵnextContext().$implicit;
i0.ɵɵadvance(3);
i0.ɵɵproperty("ngModel", $pager_r96.size);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngForOf", $pager_r96.sizeList);
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngSwitch", $pager_r96.mode);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngSwitchCase", "showRows");
i0.ɵɵadvance(2);
i0.ɵɵproperty("q-grid-command", $pager_r96.prev)("q-grid-command-use-shortcut", true);
i0.ɵɵadvance(4);
i0.ɵɵproperty("q-grid-command", $pager_r96.next)("q-grid-command-use-shortcut", true);
} }
function ThemeComponent_ng_template_27_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 54);
i0.ɵɵtemplate(1, ThemeComponent_ng_template_27_div_1_Template, 4, 2, "div", 55);
i0.ɵɵtemplate(2, ThemeComponent_ng_template_27_div_2_Template, 16, 8, "div", 56);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $pager_r96 = ctx.$implicit;
i0.ɵɵproperty("ngSwitch", $pager_r96.scroll.mode);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngSwitchCase", "virtual");
} }
function ThemeComponent_ng_template_28_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 68)(1, "div", 69);
i0.ɵɵelement(2, "q-grid-legend");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(3, "div", 70);
i0.ɵɵelement(4, "q-grid-pager");
i0.ɵɵelementEnd()();
} }
function ThemeComponent_ng_template_29_Template(rf, ctx) { }
function ThemeComponent_ng_template_30_Template(rf, ctx) { }
function ThemeComponent_ng_template_31_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 71);
i0.ɵɵelement(1, "q-grid-caption", 72)(2, "q-grid-action-bar")(3, "q-grid-progress", 73);
i0.ɵɵelementEnd();
} }
export class ThemeComponent {
}
ThemeComponent.ɵfac = function ThemeComponent_Factory(t) { return new (t || ThemeComponent)(); };
ThemeComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ThemeComponent, selectors: [["q-grid-theme"]], decls: 32, vars: 0, consts: [["key", "body-cell-array-of-date.tpl.html"], ["key", "body-cell-array-of-datetime.tpl.html"], ["key", "body-cell-array-of-number.tpl.html"], ["key", "body-cell-array.tpl.html"], ["key", "body-cell-currency.tpl.html"], ["key", "body-cell-date.tpl.html"], ["key", "body-cell-group.tpl.html"], ["key", "body-cell-image.tpl.html"], ["key", "body-cell-number.tpl.html"], ["key", "body-cell-password.tpl.html"], ["key", "body-cell-pivot.tpl.html"], ["key", "body-cell-row-expand.tpl.html"], ["key", "body-cell-row-indicator.tpl.html"], ["key", "body-cell-row-number.tpl.html"], ["key", "body-cell-select-the-$select-singleOnly.tpl.html"], ["key", "body-cell-select.tpl.html"], ["key", "body-cell-text.tpl.html"], ["key", "body-cell-time.tpl.html"], ["key", "body-cell-tooltip.tpl.html"], ["key", "body-cell-url.tpl.html"], ["key", "foot-cell-currency.tpl.html"], ["key", "foot-cell-number.tpl.html"], ["key", "foot-cell-text.tpl.html"], ["key", "head-cell-text.tpl.html"], ["key", "plugin-caption.tpl.html"], ["key", "plugin-column-sort.tpl.html"], ["key", "plugin-pager-target.tpl.html"], ["key", "plugin-pager.tpl.html"], ["key", "toolbar-bottom.tpl.html"], ["key", "toolbar-left.tpl.html"], ["key", "toolbar-right.tpl.html"], ["key", "toolbar-top.tpl.html"], [4, "ngFor", "ngForOf"], [3, "ngStyle", 4, "ngIf"], [3, "ngStyle"], ["tabindex", "-1", 3, "q-grid-command", "q-grid-command-arg", "ngClass"], [1, "q-grid-icon"], [1, "q-grid-group-label"], [1, "q-grid-group-count"], [3, "src", 4, "ngIf"], [3, "src"], [4, "ngIf"], ["q-grid-drop-area", "body", 3, "q-grid-drag", "q-grid-drag-data"], ["q-grid-resize-selector", "parent", "q-grid-resize-path", "rows", 3, "q-grid-drag", "q-grid-resize", "q-grid-can-resize"], [3, "q-grid-dirty"], ["type", "radio", "tabindex", "-1", 3, "checked", "disabled", "change"], ["type", "checkbox", "tabindex", "-1", 1, "q-grid-checkbox", 3, "checked", "disabled", "change"], ["tabindex", "-1", "target", "_blank"], ["class", "q-grid-sort", 3, "column", 4, "ngIf"], [1, "q-grid-sort", 3, "column"], [1, "q-grid-icon", "q-grid-asc"], [1, "q-grid-icon", "q-grid-desc"], [4, "ngTemplateOutlet"], ["tabindex", "-1", 1, "q-grid-pager-target-trigger", "q-grid-icon-button", 3, "click"], [1, "q-grid-pager", 3, "ngSwitch"], [4, "ngSwitchCase"], ["class", "q-grid-pager-select", 4, "ngSwitchDefault"], [1, "q-grid-pager-page", 3, "ngSwitch"], [4, "ngSwitchDefault"], [1, "q-grid-pager-select"], [1, "q-grid-pager-page-size", "q-grid-hide-xs"], ["tabindex", "-1", "aria-label", "Page Size List", 1, "q-grid-pager-page-size", "q-grid-hide-xs", 3, "ngModel", "ngModelChange"], [3, "value", 4, "ngFor", "ngForOf"], [1, "q-grid-pager-page"], [1, "q-grid-pager-page", "q-grid-hide-xs", 3, "ngSwitch"], ["tabindex", "-1", 1, "q-grid-icon-button", "q-grid-pager-prev", 3, "q-grid-command", "q-grid-command-use-shortcut"], ["tabindex", "-1", 1, "q-grid-icon-button", "q-grid-pager-next", 3, "q-grid-command", "q-grid-command-use-shortcut"], [3, "value"], [1, "q-grid-layout-row"], [1, "q-grid-flex"], [1, "q-grid-flex-none"], [1, "q-grid-layout-row", "q-grid-layout-align-start-center"], [1, "q-grid-flex-auto"], [1, "q-grid-progress"]], template: function ThemeComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, ThemeComponent_ng_template_0_Template, 3, 3, "ng-template", 0);
i0.ɵɵtemplate(1, ThemeComponent_ng_template_1_Template, 3, 3, "ng-template", 1);
i0.ɵɵtemplate(2, ThemeComponent_ng_template_2_Template, 3, 3, "ng-template", 2);
i0.ɵɵtemplate(3, ThemeComponent_ng_template_3_Template, 3, 3, "ng-template", 3);
i0.ɵɵtemplate(4, ThemeComponent_ng_template_4_Template, 2, 4, "ng-template", 4);
i0.ɵɵtemplate(5, ThemeComponent_ng_template_5_Template, 1, 1, "ng-template", 5);
i0.ɵɵtemplate(6, ThemeComponent_ng_template_6_Template, 1, 1, "ng-template", 6);
i0.ɵɵtemplate(7, ThemeComponent_ng_template_7_Template, 1, 1, "ng-template", 7);
i0.ɵɵtemplate(8, ThemeComponent_ng_template_8_Template, 2, 4, "ng-template", 8);
i0.ɵɵtemplate(9, ThemeComponent_ng_template_9_Template, 1, 0, "ng-template", 9);
i0.ɵɵtemplate(10, ThemeComponent_ng_template_10_Template, 1, 1, "ng-template", 10);
i0.ɵɵtemplate(11, ThemeComponent_ng_template_11_Template, 3, 3, "ng-template", 11);
i0.ɵɵtemplate(12, ThemeComponent_ng_template_12_Template, 2, 2, "ng-template", 12);
i0.ɵɵtemplate(13, ThemeComponent_ng_template_13_Template, 1, 1, "ng-template", 13);
i0.ɵɵtemplate(14, ThemeComponent_ng_template_14_Template, 2, 3, "ng-template", 14);
i0.ɵɵtemplate(15, ThemeComponent_ng_template_15_Template, 2, 3, "ng-template", 15);
i0.ɵɵtemplate(16, ThemeComponent_ng_template_16_Template, 1, 1, "ng-template", 16);
i0.ɵɵtemplate(17, ThemeComponent_ng_template_17_Template, 1, 1, "ng-template", 17);
i0.ɵɵtemplate(18, ThemeComponent_ng_template_18_Template, 1, 1, "ng-template", 18);
i0.ɵɵtemplate(19, ThemeComponent_ng_template_19_Template, 2, 2, "ng-template", 19);
i0.ɵɵtemplate(20, ThemeComponent_ng_template_20_Template, 2, 4, "ng-template", 20);
i0.ɵɵtemplate(21, ThemeComponent_ng_template_21_Template, 2, 4, "ng-template", 21);
i0.ɵɵtemplate(22, ThemeComponent_ng_template_22_Template, 1, 1, "ng-template", 22);
i0.ɵɵtemplate(23, ThemeComponent_ng_template_23_Template, 2, 2, "ng-template", 23);
i0.ɵɵtemplate(24, ThemeComponent_ng_template_24_Template, 2, 1, "ng-template", 24);
i0.ɵɵtemplate(25, ThemeComponent_ng_template_25_Template, 5, 1, "ng-template", 25);
i0.ɵɵtemplate(26, ThemeComponent_ng_template_26_Template, 3, 0, "ng-template", 26);
i0.ɵɵtemplate(27, ThemeComponent_ng_template_27_Template, 3, 2, "ng-template", 27);
i0.ɵɵtemplate(28, ThemeComponent_ng_template_28_Template, 5, 0, "ng-template", 28);
i0.ɵɵtemplate(29, ThemeComponent_ng_template_29_Template, 0, 0, "ng-template", 29);
i0.ɵɵtemplate(30, ThemeComponent_ng_template_30_Template, 0, 0, "ng-template", 30);
i0.ɵɵtemplate(31, ThemeComponent_ng_template_31_Template, 4, 0, "ng-template", 31);
} }, directives: [i1.TemplateLinkDirective, i2.NgForOf, i2.NgIf, i2.NgStyle, i3.CommandDirective, i2.NgClass, i4.DragDirective, i4.ResizeDirective, i4.DirtyDirective, i3.ColumnSortComponent, i2.NgTemplateOutlet, i2.NgSwitch, i2.NgSwitchCase, i2.NgSwitchDefault, i5.SelectControlValueAccessor, i5.NgControlStatus, i5.NgModel, i5.NgSelectOption, i5.ɵNgSelectMultipleOption, i3.PagerTargetComponent, i3.LegendComponent, i3.PagerComponent, i3.CaptionComponent, i3.ActionBarComponent, i3.ProgressComponent], pipes: [i3.ArrayPipe, i3.NumberPipe, i3.ItemLabelPipe, i3.CurrencyPipe], styles: [".q-grid.q-grid-theme-basic{font-family:roboto,Helvetica Neue,sans-serif}.q-grid.q-grid-theme-basic tr:not(.q-grid-highlighted) td.q-grid-selected{background-color:#f5f5f5}.q-grid.q-grid-theme-basic .q-grid-row-indicator .q-grid-can-drag .q-grid-icon{font-style:normal}.q-grid.q-grid-theme-basic th .q-grid-desc,.q-grid.q-grid-theme-basic th .q-grid-asc{display:none}.q-grid.q-grid-theme-basic th .q-grid-can-sort .q-grid-sort{cursor:pointer}.q-grid.q-grid-theme-basic th .q-grid-can-sort .q-grid-desc,.q-grid.q-grid-theme-basic th .q-grid-can-sort .q-grid-asc{display:block}.q-grid.q-grid-theme-basic th .q-grid-sort .q-grid-icon{margin-left:-16px}.q-grid.q-grid-theme-basic th .q-grid-sort:not(.q-grid-active):hover .q-grid-desc{opacity:1}.q-grid.q-grid-theme-basic tr.q-grid-highlighted,.q-grid.q-grid-theme-basic td.q-grid-highlighted{background-color:#eee}.q-grid.q-grid-theme-basic q-grid-caption{display:block;max-height:56px}.q-grid.q-grid-theme-basic q-grid-caption h3{margin:0;overflow:hidden;line-height:26px}.q-grid.q-grid-theme-basic .q-grid-icon{font-style:normal;display:inline-block;font-size:16px}.q-grid.q-grid-theme-basic thead{box-shadow:0 1px #ddd}.q-grid.q-grid-theme-basic thead th{padding-left:16px}.q-grid.q-grid-theme-basic td.q-grid-row-expand button.q-grid-expand .q-grid-icon{transform:rotate(90deg)}.q-grid.q-grid-theme-basic td.q-grid-group button,.q-grid.q-grid-theme-basic td.q-grid-row-expand button{width:24px;height:24px;line-height:24px;min-height:24px;margin:-1px 0 0 -6px;padding:0}.q-grid.q-grid-theme-basic td.q-grid-group button.q-grid-expand .q-grid-icon,.q-grid.q-grid-theme-basic td.q-grid-row-expand button.q-grid-expand .q-grid-icon{transform:rotate(90deg)}.q-grid.q-grid-theme-basic td.q-grid-group-summary{color:#007fa3!important}.q-grid.q-grid-theme-basic .q-grid-icon-button{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;color:inherit;background:0 0;font-family:roboto,Helvetica Neue,sans-serif;font-weight:500;border-radius:50%;min-width:0;flex-shrink:0;box-sizing:border-box;position:relative;cursor:pointer;outline:0;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:middle;text-align:center;overflow:visible}.q-grid.q-grid-theme-basic .q-grid-icon-button[disabled]{color:#00000042}.q-grid.q-grid-theme-basic .q-grid-pager{font-family:roboto,Helvetica Neue,sans-serif;padding:11px 0;height:24px;font-size:12px;color:#757575}.q-grid.q-grid-theme-basic .q-grid-pager .q-grid-pager-select{height:32px;padding:3px 0}.q-grid.q-grid-theme-basic .q-grid-pager .q-grid-pager-select select{font-family:roboto,Helvetica Neue,sans-serif;font-size:12px;color:#757575;border:none;height:24px;width:34.5px;margin:0 0 0 12px}.q-grid.q-grid-theme-basic .q-grid-pager .q-grid-pager-select select:focus{outline:none}.q-grid.q-grid-theme-basic .q-grid-pager .q-grid-pager-page{margin-left:30px;margin-right:0;min-width:37.2px;display:inline-block}.q-grid.q-grid-theme-basic .q-grid-pager button{background:transparent;border:none;font-size:20px;width:24px;height:24px;line-height:24px;padding-top:2px}.q-grid.q-grid-theme-basic .q-grid-pager button.q-grid-pager-prev{top:-4px;margin-left:44px;margin-right:0}.q-grid.q-grid-theme-basic .q-grid-pager button.q-grid-pager-next{top:-4px;margin-right:14px;margin-left:0}.q-grid.q-grid-theme-basic .q-grid-pager-target-trigger{top:-4px}.q-grid.q-grid-theme-basic .q-grid-pager-target-trigger .q-grid-icon{font-size:14px;color:transparent;background:transparent}.q-grid.q-grid-theme-basic .q-grid-head-span thead tr{height:30px}.q-grid.q-grid-theme-basic .q-grid-head-span thead th{border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0}.q-grid.q-grid-theme-basic .q-grid-head-span thead th:nth-last-child(2){border-right:1px solid #e0e0e0}.q-grid.q-grid-theme-basic .q-grid-table tr{height:30px}.q-grid.q-grid-theme-basic .q-grid-table th{font-size:12px!important;color:#006f8f!important;font-weight:400!important;line-height:14px}.q-grid.q-grid-theme-basic .q-grid-table th .q-grid-desc,.q-grid.q-grid-theme-basic .q-grid-table th .q-grid-asc{display:none}.q-grid.q-grid-theme-basic .q-grid-table th.q-grid-can-sort .q-grid-sort{cursor:pointer}.q-grid.q-grid-theme-basic .q-grid-table th.q-grid-can-sort .q-grid-desc,.q-grid.q-grid-theme-basic .q-grid-table th.q-grid-can-sort .q-grid-asc{display:block}.q-grid.q-grid-theme-basic .q-grid-table th .q-grid-sort{overflow:hidden;text-overflow:ellipsis;margin-left:-16px;padding-left:16px}.q-grid.q-grid-theme-basic .q-grid-table th .q-grid-sort label{display:inline}.q-grid.q-grid-theme-basic .q-grid-table th .q-grid-sort.q-grid-active label,.q-grid.q-grid-theme-basic .q-grid-table th .q-grid-sort.q-grid-active .q-grid-icon{color:#004559}.q-grid.q-grid-theme-basic .q-grid-table th .q-grid-sort .q-grid-icon{min-width:16px;width:16px;min-height:16px;height:16px;font-size:16px;line-height:16px;font-size:12px;transition:opacity .3s;opacity:0;position:absolute;color:#005d78;font-weight:700;vertical-align:middle;text-align:center}.q-grid.q-grid-theme-basic .q-grid-table th .q-grid-sort .q-grid-icon.q-grid-active{opacity:1}.q-grid.q-grid-theme-basic .q-grid-table td{font-weight:400;color:#212121;font-size:16px;line-height:16px;padding:0 16px}.q-grid.q-grid-theme-basic .q-grid-table td.q-grid-row-expand button{width:24px;height:24px;line-height:24px;min-height:24px;margin:-1px 0 0 -6px;padding:0;opacity:.54}.q-grid.q-grid-theme-basic .q-grid-table td.q-grid-array>ul{list-style:none;margin:0;padding:0;overflow:hidden}.q-grid.q-grid-theme-basic .q-grid-table td.q-grid-array>ul li{display:inline-block;min-width:16px;padding:4px 8px;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#e0e0e0;border-radius:16px;margin-right:4px}.q-grid.q-grid-theme-basic .q-grid-table td.q-grid-image{cursor:pointer;text-align:center}.q-grid.q-grid-theme-basic .q-grid-table td.q-grid-image img{max-height:40px;max-width:40px}.q-grid.q-grid-theme-basic .q-grid-table td.q-grid-image .q-grid-icon{color:#757575}.q-grid.q-grid-theme-basic .q-grid-table tfoot tr,.q-grid.q-grid-theme-basic .q-grid-table tbody tr{border-top:1px solid #e0e0e0;height:30px}.q-grid.q-grid-theme-basic .q-grid-table tfoot tr:nth-child(2),.q-grid.q-grid-theme-basic .q-grid-table tbody tr:nth-child(2){border-top:0}.q-grid.q-grid-theme-basic tfoot tr{border-bottom:1px solid #e0e0e0}.q-grid.q-grid-theme-basic tfoot tr td span{font-weight:700}\n"], encapsulation: 2, changeDetection: 0 });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ThemeComponent, [{
type: Component,
args: [{ selector: 'q-grid-theme', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template key=\"body-cell-array-of-date.tpl.html\"\n let-$cell>\n <ul>\n <li *ngFor=\"let item of $cell.label | qGridArray\">{{item}}</li>\n </ul>\n</ng-template>\n<ng-template key=\"body-cell-array-of-datetime.tpl.html\"\n let-$cell>\n <ul>\n <li *ngFor=\"let item of $cell.label | qGridArray\">{{item}}</li>\n </ul>\n</ng-template>\n<ng-template key=\"body-cell-array-of-number.tpl.html\"\n let-$cell>\n <ul>\n <li *ngFor=\"let item of $cell.value | qGridArray\">\n {{item | qGridNumber: $cell.column.itemFormat}}\n </li>\n </ul>\n</ng-template>\n<ng-template key=\"body-cell-array.tpl.html\"\n let-$cell>\n <ul>\n <li *ngFor=\"let item of $cell.value | qGridArray\">\n {{item | qGridItemLabel : $cell.column.itemLabel}}\n </li>\n </ul>\n</ng-template>\n<ng-template key=\"body-cell-currency.tpl.html\"\n let-$cell>\n {{$cell.value | qGridCurrency: $cell.column.code}}\n</ng-template>\n<ng-template key=\"body-cell-date.tpl.html\"\n let-$cell>\n {{$cell.label}}\n</ng-template>\n<ng-template key=\"body-cell-group.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n <div [ngStyle]=\"{'padding-left': $view.group.offset($cell.row, $cell.column) + 'px'}\"\n *ngIf=\"$view.group.isVisible($cell.row, $cell.column)\">\n <button [q-grid-command]=\"$view.group.toggleStatus\"\n [q-grid-command-arg]=\"[$cell.row, $cell.column]\"\n [ngClass]=\"'q-grid-'+$view.group.status($cell.row, $cell.column) + ' q-grid-icon-button'\"\n tabindex=\"-1\">\n <i class=\"q-grid-icon\">❯</i>\n <span class=\"q-grid-group-label\">\n {{$view.group.value($cell.row, $cell.column)}}\n </span>\n <span class=\"q-grid-group-count\">\n ({{$view.group.count($cell.row, $cell.column)}})\n </span>\n </button>\n </div>\n</ng-template>\n<ng-template key=\"body-cell-image.tpl.html\"\n let-$cell>\n <img *ngIf=\"$cell.value\"\n [src]=\"$cell.value\" />\n</ng-template>\n<ng-template key=\"body-cell-number.tpl.html\"\n let-$cell>\n {{$cell.label | qGridNumber: $cell.column.format}}\n</ng-template>\n<ng-template key=\"body-cell-password.tpl.html\"> *** </ng-template>\n<ng-template key=\"body-cell-pivot.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n {{$view.pivot.value($cell.rowIndex, $cell.columnIndex)}}\n</ng-template>\n<ng-template key=\"body-cell-row-expand.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n <button [q-grid-command]=\"$view.rowDetails.toggleStatus\"\n [q-grid-command-arg]=\"$cell.row\"\n [ngClass]=\"'q-grid-' + $view.rowDetails.status($cell.row) + ' q-grid-icon-button'\"\n tabindex=\"-1\">\n <i class=\"q-grid-icon\">❯</i>\n </button>\n</ng-template>\n<ng-template key=\"body-cell-row-indicator.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n <ng-container *ngIf=\"$view.row.canMove\">\n <div [q-grid-drag]=\"$view.row.drag\"\n [q-grid-drag-data]=\"$cell.rowIndex\"\n q-grid-drop-area=\"body\">\n <i class=\"q-grid-icon\">∷</i>\n </div>\n </ng-container>\n <ng-container *ngIf=\"$view.row.canResize\">\n <div [q-grid-drag]=\"$view.row.resize\"\n [q-grid-resize]=\"$cell.row\"\n q-grid-resize-selector=\"parent\"\n q-grid-resize-path=\"rows\"\n [q-grid-can-resize]=\"$view.row.resize.canExecute\"></div>\n </ng-container>\n</ng-template>\n<ng-template key=\"body-cell-row-number.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n {{ $cell.rowIndex + $cell.column.startNumber + $view.pagination.current *\n $view.pagination.size }}\n</ng-template>\n<ng-template key=\"body-cell-select-the-$select-singleOnly.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n <ng-container [q-grid-dirty]=\"$view.selection.stateCheck\">\n <input type=\"radio\"\n [checked]=\"$view.selection.state($cell.row)\"\n [disabled]=\"!$view.selection.state($cell.row) && !$view.selection.toggleRow.canExecute($cell.row)\"\n (change)=\"$view.selection.toggleRow.execute($cell.row)\"\n tabindex=\"-1\" />\n </ng-container>\n</ng-template>\n<ng-template key=\"body-cell-select.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n <ng-container [q-grid-dirty]=\"$view.selection.stateCheck\">\n <input type=\"checkbox\"\n [checked]=\"$view.selection.state($cell.row)\"\n [disabled]=\"!$view.selection.toggleRow.canExecute($cell.row)\"\n (change)=\"$view.selection.toggleRow.execute($cell.row)\"\n tabindex=\"-1\"\n class=\"q-grid-checkbox\" />\n </ng-container>\n</ng-template>\n<ng-template key=\"body-cell-text.tpl.html\"\n let-$cell>\n {{$cell.label}}\n</ng-template>\n<ng-template key=\"body-cell-time.tpl.html\"\n let-$cell>\n {{$cell.label}}\n</ng-template>\n<ng-template key=\"body-cell-tooltip.tpl.html\"\n let-$cell>\n {{ $cell.label }}\n</ng-template>\n<ng-template key=\"body-cell-url.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n <a [attr.href]=\"$cell.value\"\n tabindex=\"-1\"\n target=\"_blank\">\n {{$cell.label || $cell.value}}\n </a>\n</ng-template>\n<ng-template key=\"foot-cell-currency.tpl.html\"\n let-$cell>\n {{$cell.value | qGridCurrency: $cell.column.code}}\n</ng-template>\n<ng-template key=\"foot-cell-number.tpl.html\"\n let-$cell>\n {{$cell.value | qGridNumber:$cell.column.format}}\n</ng-template>\n<ng-template key=\"foot-cell-text.tpl.html\"\n let-$cell>\n {{$cell.value}}\n</ng-template>\n<ng-template key=\"head-cell-text.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n <q-grid-column-sort *ngIf=\"$cell.column.canSort\"\n [column]=\"$cell.column\"\n class=\"q-grid-sort\">\n <label>\n {{$cell.column.title}}\n </label>\n </q-grid-column-sort>\n <label *ngIf=\"!$cell.column.canSort\">\n {{$cell.column.title}}\n </label>\n</ng-template>\n<ng-template key=\"plugin-caption.tpl.html\"\n let-$caption>\n <h3>{{$caption.value}}</h3>\n</ng-template>\n<! -- https://www.w3schools.com/charsets/ref_utf_arrows.asp -->\n<ng-template key=\"plugin-column-sort.tpl.html\"\n let-$columnSort>\n <i class=\"q-grid-icon q-grid-asc\">↑</i>\n <i class=\"q-grid-icon q-grid-desc\">↓</i>\n\n <ng-container *ngTemplateOutlet=\"$columnSort.template\"></ng-container>\n</ng-template>\n<ng-template key=\"plugin-pager-target.tpl.html\"\n let-$target>\n <button tabindex=\"-1\"\n (click)=\"$target.value = $target.current\"\n class=\"q-grid-pager-target-trigger q-grid-icon-button\">\n <i class=\"q-grid-icon\">⚪</i>\n </button>\n</ng-template>\n<ng-template key=\"plugin-pager.tpl.html\"\n let-$pager>\n <div class=\"q-grid-pager\"\n [ngSwitch]=\"$pager.scroll.mode\">\n <div *ngSwitchCase=\"'virtual'\">\n <label class=\"q-grid-pager-page\"\n [ngSwitch]=\"$pager.mode\">\n <span *ngSwitchCase=\"'showRows'\">\n {{$pager.from}}-{{$pager.to}} of {{$pager.total}}\n </span>\n <span *ngSwitchDefault>\n {{$pager.current + 1}} of {{$pager.totalPages}}\n </span>\n </label>\n </div>\n <div *ngSwitchDefault\n class=\"q-grid-pager-select\">\n <label class=\"q-grid-pager-page-size q-grid-hide-xs\">\n Rows per page:\n </label>\n <select tabindex=\"-1\"\n aria-label=\"Page Size List\"\n class=\"q-grid-pager-page-size q-grid-hide-xs\"\n [(ngModel)]=\"$pager.size\">\n <option *ngFor=\"let size of $pager.sizeList\"\n [value]=\"size\">\n {{size}}\n </option>\n </select>\n <div class=\"q-grid-pager-page\">\n <label class=\"q-grid-pager-page q-grid-hide-xs\"\n [ngSwitch]=\"$pager.mode\">\n <span *ngSwitchCase=\"'showRows'\">\n <span *ngIf=\"$pager.total > 0\">\n {{$pager.from}} - {{$pager.to}} of {{$pager.total}}\n </span>\n <span *ngIf=\"$pager.total === 0\">\n No Rows\n </span>\n </span>\n <span *ngSwitchDefault>\n {{$pager.current + 1}} of {{$pager.totalPages}}\n </span>\n </label>\n </div>\n\n <button tabindex=\"-1\"\n class=\"q-grid-icon-button q-grid-pager-prev\"\n [q-grid-command]=\"$pager.prev\"\n [q-grid-command-use-shortcut]=\"true\">\n <i class=\"q-grid-icon\">❮</i>\n </button>\n <q-grid-pager-target></q-grid-pager-target>\n <button tabindex=\"-1\"\n class=\"q-grid-icon-button q-grid-pager-next\"\n [q-grid-command]=\"$pager.next\"\n [q-grid-command-use-shortcut]=\"true\">\n <i class=\"q-grid-icon\">❯</i>\n </button>\n </div>\n </div>\n</ng-template>\n<ng-template key=\"toolbar-bottom.tpl.html\">\n <div class=\"q-grid-layout-row\">\n <div class=\"q-grid-flex\">\n <q-grid-legend></q-grid-legend>\n </div>\n <div class=\"q-grid-flex-none\">\n <q-grid-pager></q-grid-pager>\n </div>\n </div>\n</ng-template>\n<ng-template key=\"toolbar-left.tpl.html\"> </ng-template>\n<ng-template key=\"toolbar-right.tpl.html\"> </ng-template>\n<ng-template key=\"toolbar-top.tpl.html\">\n <div class=\"q-grid-layout-row q-grid-layout-align-start-center\">\n <q-grid-caption class=\"q-grid-flex-auto\"></q-grid-caption>\n <q-grid-action-bar></q-grid-action-bar>\n <q-grid-progress class=\"q-grid-progress\"></q-grid-progress>\n </div>\n</ng-template>\n", styles: [".q-grid.q-grid-theme-basic{font-family:roboto,Helvetica Neue,sans-serif}.q-grid.q-grid-theme-basic tr:not(.q-grid-highlighted) td.q-grid-selected{background-color:#f5f5f5}.q-grid.q-grid-theme-basic .q-grid-row-indicator .q-grid-can-drag .q-grid-icon{font-style:normal}.q-grid.q-grid-theme-basic th .q-grid-desc,.q-grid.q-grid-theme-basic th .q-grid-asc{display:none}.q-grid.q-grid-theme-basic th .q-grid-can-sort .q-grid-sort{cursor:pointer}.q-grid.q-grid-theme-basic th .q-grid-can-sort .q-grid-desc,.q-grid.q-grid-theme-basic th .q-grid-can-sort .q-grid-asc{display:block}.q-grid.q-grid-theme-basic th .q-grid-sort .q-grid-icon{margin-left:-16px}.q-grid.q-grid-theme-basic th .q-grid-sort:not(.q-grid-active):hover .q-grid-desc{opacity:1}.q-grid.q-grid-theme-basic tr.q-grid-highlighted,.q-grid.q-grid-theme-basic td.q-grid-highlighted{background-color:#eee}.q-grid.q-grid-theme-basic q-grid-caption{display:block;max-height:56px}.q-grid.q-grid-theme-basic q-grid-caption h3{margin:0;overflow:hidden;line-height:26px}.q-grid.q-grid-theme-basic .q-grid-icon{font-style:normal;display:inline-block;font-size:16px}.q-grid.q-grid-theme-basic thead{box-shadow:0 1px #ddd}.q-grid.q-grid-theme-basic thead th{padding-left:16px}.q-grid.q-grid-theme-basic td.q-grid-row-expand button.q-grid-expand .q-grid-icon{transform:rotate(90deg)}.q-grid.q-grid-theme-basic td.q-grid-group button,.q-grid.q-grid-theme-basic td.q-grid-row-expand button{width:24px;height:24px;line-height:24px;min-height:24px;margin:-1px 0 0 -6px;padding:0}.q-grid.q-grid-theme-basic td.q-grid-group button.q-grid-expand .q-grid-icon,.q-grid.q-grid-theme-basic td.q-grid-row-expand button.q-grid-expand .q-grid-icon{transform:rotate(90deg)}.q-grid.q-grid-theme-basic td.q-grid-group-summary{color:#007fa3!important}.q-grid.q-grid-theme-basic .q-grid-icon-button{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;color:inherit;background:0 0;font-family:roboto,Helvetica Neue,sans-serif;font-weight:500;border-radius:50%;min-width:0;flex-shrink:0;box-sizing:border-box;position:relative;cursor:pointer;outline:0;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:middle;text-align:center;overflow:visible}.q-grid.q-grid-theme-basic .q-grid-icon-button[disabled]{color:#00000042}.q-grid.q-grid-theme-basic .q-grid-pager{font-family:roboto,Helvetica Neue,sans-serif;padding:11px 0;height:24px;font-size:12px;color:#757575}.q-grid.q-grid-theme-basic .q-grid-pager .q-grid-pager-select{height:32px;padding:3px 0}.q-grid.q-grid-theme-basic .q-grid-pager .q-grid-pager-select select{font-family:roboto,Helvetica Neue,sans-serif;font-size:12px;color:#757575;border:none;height:24px;width:34.5px;margin:0 0 0 12px}.q-grid.q-grid-theme-basic .q-grid-pager .q-grid-pager-select select:focus{outline:none}.q-grid.q-grid-theme-basic .q-grid-pager .q-grid-pager-page{margin-left:30px;margin-right:0;min-width:37.2px;display:inline-block}.q-grid.q-grid-theme-basic .q-grid-pager button{background:transparent;border:none;font-size:20px;width:24px;height:24px;line-height:24px;padding-top:2px}.q-grid.q-grid-theme-basic .q-grid-pager button.q-grid-pager-prev{top:-4px;margin-left:44px;margin-right:0}.q-grid.q-grid-theme-basic .q-grid-pager button.q-grid-pager-next{top:-4px;margin-right:14px;margin-left:0}.q-grid.q-grid-theme-basic .q-grid-pager-target-trigger{top:-4px}.q-grid.q-grid-theme-basic .q-grid-pager-target-trigger .q-grid-icon{font-size:14px;color:transparent;background:transparent}.q-grid.q-grid-theme-basic .q-grid-head-span thead tr{height:30px}.q-grid.q-grid-theme-basic .q-grid-head-span thead th{border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0}.q-grid.q-grid-theme-basic .q-grid-head-span thead th:nth-last-child(2){border-right:1px solid #e0e0e0}.q-grid.q-grid-theme-basic .q-grid-table tr{height:30px}.q-grid.q-grid-theme-basic .q-grid-table th{font-size:12px!important;color:#006f8f!important;font-weight:400!important;line-height:14px}.q-grid.q-grid-theme-basic .q-grid-table th .q-grid-desc,.q-grid.q-grid-theme-basic .q-grid-table th .q-grid-asc{display:none}.q-grid.q-grid-theme-basic .q-grid-table th.q-grid-can-sort .q-grid-sort{cursor:pointer}.q-grid.q-grid-theme-basic .q-grid-table th.q-grid-can-sort .q-grid-desc,.q-grid.q-grid-theme-basic .q-grid-table th.q-grid-can-sort .q-grid-asc{display:block}.q-grid.q-grid-theme-basic .q-grid-table th .q-grid-sort{overflow:hidden;text-overflow:ellipsis;margin-left:-16px;padding-left:16px}.q-grid.q-grid-theme-basic .q-grid-table th .q-grid-sort label{display:inline}.q-grid.q-grid-theme-basic .q-grid-table th .q-grid-sort.q-grid-active label,.q-grid.q-grid-theme-basic .q-grid-table th .q-grid-sort.q-grid-active .q-grid-icon{color:#004559}.q-grid.q-grid-theme-basic .q-grid-table th .q-grid-sort .q-grid-icon{min-width:16px;width:16px;min-height:16px;height:16px;font-size:16px;line-height:16px;font-size:12px;transition:opacity .3s;opacity:0;position:absolute;color:#005d78;font-weight:700;vertical-align:middle;text-align:center}.q-grid.q-