ng2-qgrid
Version:
Angular data grid
3,905 lines • 461 kB
JavaScript
import * as i0 from '@angular/core';
import { Directive, EventEmitter, ContentChild, Output, Input, Component, ChangeDetectionStrategy, ViewEncapsulation, NgModule } from '@angular/core';
import * as i1$1 from '@qgrid/ngx';
import * as i2 from '@angular/common';
import { DatePipe, CommonModule } from '@angular/common';
import * as i3 from '@angular/material/icon';
import { MatIconModule } from '@angular/material/icon';
import * as i4 from '@angular/material/button';
import { MatButtonModule } from '@angular/material/button';
import * as i5 from '@angular/material/tooltip';
import { MatTooltipModule } from '@angular/material/tooltip';
import * as i6 from '@qgrid/ngx-plugins';
import * as i7 from '@angular/material/form-field';
import * as i8 from '@angular/material/radio';
import { MatRadioModule } from '@angular/material/radio';
import * as i9 from '@angular/material/checkbox';
import { MatCheckboxModule } from '@angular/material/checkbox';
import * as i11 from '@angular/material/chips';
import { MatChip, MatChipInput, MatChipsModule } from '@angular/material/chips';
import * as i1 from 'ng2-qgrid';
import { Shortcut, Guard, Disposable, GridError, GridPlugin, GridModule, TemplateModule, DndModule, VscrollModule, ResizeModule, ActionBarModule, ActionModule, AutoCompleteEditorModule, BackdropModule, BoolEditorModule, CaptionModule, CellTooltipModule, CellEditorModule, ChangeDetectorModule, ColumnChooserModule, ColumnChooserTriggerModule, ColumnFilterModule, ColumnSortModule, CommandModule, DataManipulationModule, DateModule, EbModule, EditFormModule, ExportModule, FileModule, FocusModule, ImportModule, LayerModule, LayoutModule, LegendModule, LiveCellModule, LiveColumnModule, LiveRowModule, MarkupModule, PagerModule, PaneModule, PersistenceModule, PipeModule, ProgressModule, QueryBuilderModule, ReferenceEditorModule, RestModule, StatusBarModule, TabTrapModule, TimeModule, ValidationModule, VisibilityModule } from 'ng2-qgrid';
import * as i14 from '@angular/material/input';
import { MatInputModule } from '@angular/material/input';
import * as i15 from '@angular/forms';
import { FormsModule } from '@angular/forms';
import * as i2$1 from '@angular/material/core';
import { NativeDateAdapter, DateAdapter, MatNativeDateModule } from '@angular/material/core';
import * as i18 from '@angular/material/datepicker';
import { MatDatepickerModule } from '@angular/material/datepicker';
import * as i20 from '@angular/material/select';
import { MatSelect, MatSelectModule } from '@angular/material/select';
import * as i23 from '@angular/material/menu';
import { MatMenuTrigger, MatMenuModule } from '@angular/material/menu';
import * as i24 from '@angular/material/divider';
import * as i25 from '@angular/material/autocomplete';
import { MatAutocompleteModule } from '@angular/material/autocomplete';
import * as i28 from '@angular/material/card';
import { MatCardModule } from '@angular/material/card';
import * as i29 from '@angular/material/list';
import { MatListModule } from '@angular/material/list';
import * as i30 from '@angular/material/progress-bar';
import { MatProgressBarModule } from '@angular/material/progress-bar';
import * as i31 from '@angular/material/toolbar';
import { MatToolbarModule } from '@angular/material/toolbar';
import { MatDialogModule } from '@angular/material/dialog';
class ChipsDirective {
constructor(app) {
this.app = app;
}
tick() {
this.app.tick();
}
}
ChipsDirective.ɵfac = function ChipsDirective_Factory(t) { return new (t || ChipsDirective)(i0.ɵɵdirectiveInject(i0.ApplicationRef)); };
ChipsDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: ChipsDirective, selectors: [["", "q-grid-chips", ""]] });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChipsDirective, [{
type: Directive,
args: [{
selector: '[q-grid-chips]',
}]
}], function () { return [{ type: i0.ApplicationRef }]; }, null); })();
class ChipsRemoveDirective {
constructor(chipsDirective) {
this.chipsDirective = chipsDirective;
this.remove = new EventEmitter();
}
ngAfterViewInit() {
this.list.removed.subscribe(() => {
if (this.remove) {
this.remove.emit();
this.chipsDirective.tick();
}
});
}
}
ChipsRemoveDirective.ɵfac = function ChipsRemoveDirective_Factory(t) { return new (t || ChipsRemoveDirective)(i0.ɵɵdirectiveInject(ChipsDirective)); };
ChipsRemoveDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: ChipsRemoveDirective, selectors: [["", "q-grid-chips-remove", ""]], contentQueries: function ChipsRemoveDirective_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
i0.ɵɵcontentQuery(dirIndex, MatChip, 5);
} if (rf & 2) {
let _t;
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.list = _t.first);
} }, outputs: { remove: "q-grid-chips-remove" } });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChipsRemoveDirective, [{
type: Directive,
args: [{
selector: '[q-grid-chips-remove]',
}]
}], function () { return [{ type: ChipsDirective }]; }, { list: [{
type: ContentChild,
args: [MatChip]
}], remove: [{
type: Output,
args: ['q-grid-chips-remove']
}] }); })();
const _c0$1 = ["qGridInput"];
class ChipsPushDirective {
constructor(zone, chipsDirective) {
this.zone = zone;
this.chipsDirective = chipsDirective;
this.push = new EventEmitter();
}
ngAfterViewInit() {
this.inputComponent.chipEnd.subscribe(() => {
// we need to override it to prevent default behavior
});
const input = this.inputElement.nativeElement;
this.zone.runOutsideAngular(() => input.addEventListener('keydown', (e) => {
const code = Shortcut.translate(e);
if (code === 'enter') {
const value = (input.value || '').trim();
if (value) {
this.push.emit(value);
input.value = '';
e.stopPropagation();
this.chipsDirective.tick();
}
}
}));
}
}
ChipsPushDirective.ɵfac = function ChipsPushDirective_Factory(t) { return new (t || ChipsPushDirective)(i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(ChipsDirective)); };
ChipsPushDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: ChipsPushDirective, selectors: [["", "q-grid-chips-push", ""]], contentQueries: function ChipsPushDirective_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
i0.ɵɵcontentQuery(dirIndex, MatChipInput, 5);
i0.ɵɵcontentQuery(dirIndex, _c0$1, 5);
} if (rf & 2) {
let _t;
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputComponent = _t.first);
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputElement = _t.first);
} }, outputs: { push: "q-grid-chips-push" } });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChipsPushDirective, [{
type: Directive,
args: [{
selector: '[q-grid-chips-push]',
}]
}], function () { return [{ type: i0.NgZone }, { type: ChipsDirective }]; }, { inputComponent: [{
type: ContentChild,
args: [MatChipInput]
}], inputElement: [{
type: ContentChild,
args: ['qGridInput']
}], push: [{
type: Output,
args: ['q-grid-chips-push']
}] }); })();
class FormatDateAdapter extends NativeDateAdapter {
format(date, displayFormat) {
if (this.useFormat) {
return this.datePipe.transform(date, this.useFormat);
}
return super.format(date, displayFormat);
}
}
class DateAdapterDirective {
constructor(datePipe, adapter) {
this.adapter = adapter;
const formatAdapter = this.adapter;
formatAdapter.datePipe = datePipe;
}
ngOnChanges(changes) {
if (changes.format) {
const formatAdapter = this.adapter;
formatAdapter.useFormat = this.format;
}
}
}
DateAdapterDirective.ɵfac = function DateAdapterDirective_Factory(t) { return new (t || DateAdapterDirective)(i0.ɵɵdirectiveInject(i2.DatePipe), i0.ɵɵdirectiveInject(i2$1.DateAdapter)); };
DateAdapterDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: DateAdapterDirective, selectors: [["", "q-grid-date-adapter", ""]], inputs: { format: ["q-grid-date-adapter", "format"] }, features: [i0.ɵɵProvidersFeature([DatePipe, { provide: DateAdapter, useClass: FormatDateAdapter }]), i0.ɵɵNgOnChangesFeature] });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DateAdapterDirective, [{
type: Directive,
args: [{
selector: '[q-grid-date-adapter]',
providers: [DatePipe, { provide: DateAdapter, useClass: FormatDateAdapter }],
}]
}], function () { return [{ type: i2.DatePipe }, { type: i2$1.DateAdapter }]; }, { format: [{
type: Input,
args: ['q-grid-date-adapter']
}] }); })();
class SelectDirective {
ngAfterViewInit() {
this.input.focus();
setTimeout(() => this.input.open(), 10);
}
}
SelectDirective.ɵfac = function SelectDirective_Factory(t) { return new (t || SelectDirective)(); };
SelectDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: SelectDirective, selectors: [["", "q-grid-select", ""]], contentQueries: function SelectDirective_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
i0.ɵɵcontentQuery(dirIndex, MatSelect, 5);
} if (rf & 2) {
let _t;
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.input = _t.first);
} } });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectDirective, [{
type: Directive,
args: [{
selector: '[q-grid-select]',
}]
}], null, { input: [{
type: ContentChild,
args: [MatSelect]
}] }); })();
class MenuTriggerDirective {
constructor(disposable) {
this.disposable = disposable;
this.close = new EventEmitter();
}
ngAfterViewInit() {
Guard.notNull(this.trigger, 'trigger');
setTimeout(() => this.trigger.openMenu(), 10);
this.disposable.add(this.trigger
.menuClosed
.subscribe(() => {
if (this.close) {
setTimeout(() => this.close.emit(), 10);
}
}));
}
}
MenuTriggerDirective.ɵfac = function MenuTriggerDirective_Factory(t) { return new (t || MenuTriggerDirective)(i0.ɵɵdirectiveInject(i1.Disposable)); };
MenuTriggerDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: MenuTriggerDirective, selectors: [["", "q-grid-menu-trigger", ""]], contentQueries: function MenuTriggerDirective_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
i0.ɵɵcontentQuery(dirIndex, MatMenuTrigger, 7);
} if (rf & 2) {
let _t;
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.trigger = _t.first);
} }, outputs: { close: "q-grid-menu-trigger" }, features: [i0.ɵɵProvidersFeature([Disposable])] });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuTriggerDirective, [{
type: Directive,
args: [{
selector: '[q-grid-menu-trigger]',
providers: [Disposable],
}]
}], function () { return [{ type: i1.Disposable }]; }, { trigger: [{
type: ContentChild,
args: [MatMenuTrigger, { static: true }]
}], close: [{
type: Output,
args: ['q-grid-menu-trigger']
}] }); })();
class MenuDirective {
constructor(element, zone) {
zone.runOutsideAngular(() => element.nativeElement.addEventListener('click', (e) => e.stopPropagation()));
}
}
MenuDirective.ɵfac = function MenuDirective_Factory(t) { return new (t || MenuDirective)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
MenuDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: MenuDirective, selectors: [["", "q-grid-menu", ""]] });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuDirective, [{
type: Directive,
args: [{
selector: '[q-grid-menu]',
}]
}], function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; }, null); })();
class ThemeOverlayDirective {
constructor(plugin, elementRef, renderer) {
this.plugin = plugin;
this.elementRef = elementRef;
this.renderer = renderer;
}
ngAfterViewInit() {
const { model } = this.plugin;
const element = this.elementRef.nativeElement;
let parent = this.renderer.parentNode(element);
let overlayContainer = null;
while (parent && !(parent.id && parent.id.startsWith('cdk-overlay'))) {
parent = this.renderer.parentNode(parent);
if (parent.nodeName === 'BODY') {
break;
}
}
if (parent.nodeName !== 'BODY') {
overlayContainer = parent;
}
if (!overlayContainer) {
throw new GridError('theme-overlay.directive', 'cdk-overlay container is not found');
}
model.style().classList.forEach(cssClass => {
this.renderer.addClass(overlayContainer, cssClass);
});
}
}
ThemeOverlayDirective.ɵfac = function ThemeOverlayDirective_Factory(t) { return new (t || ThemeOverlayDirective)(i0.ɵɵdirectiveInject(i1.GridPlugin), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2)); };
ThemeOverlayDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: ThemeOverlayDirective, selectors: [["", "q-grid-theme-overlay", ""]], features: [i0.ɵɵProvidersFeature([GridPlugin])] });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ThemeOverlayDirective, [{
type: Directive,
args: [{
selector: '[q-grid-theme-overlay]',
providers: [GridPlugin],
}]
}], function () { return [{ type: i1.GridPlugin }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, null); })();
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_r126 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate(item_r126);
} }
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", 124);
i0.ɵɵpipe(2, "qGridArray");
i0.ɵɵelementEnd();
} if (rf & 2) {
const $cell_r124 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(2, 1, $cell_r124.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_r129 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", item_r129, " ");
} }
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", 124);
i0.ɵɵpipe(2, "qGridArray");
i0.ɵɵelementEnd();
} if (rf & 2) {
const $cell_r127 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(2, 1, $cell_r127.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_r132 = ctx.$implicit;
const $cell_r130 = i0.ɵɵnextContext().$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, item_r132, $cell_r130.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", 124);
i0.ɵɵpipe(2, "qGridArray");
i0.ɵɵelementEnd();
} if (rf & 2) {
const $cell_r130 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(2, 1, $cell_r130.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_r136 = ctx.$implicit;
const $cell_r134 = i0.ɵɵnextContext().$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, item_r136, $cell_r134.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", 124);
i0.ɵɵpipe(2, "qGridArray");
i0.ɵɵelementEnd();
} if (rf & 2) {
const $cell_r134 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(2, 1, $cell_r134.value));
} }
function ThemeComponent_ng_template_4_mat_icon_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "mat-icon", 126);
i0.ɵɵtext(1, " check ");
i0.ɵɵelementEnd();
} }
function ThemeComponent_ng_template_4_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "mat-icon", 126);
i0.ɵɵtext(1, " remove ");
i0.ɵɵelementEnd();
} }
function ThemeComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, ThemeComponent_ng_template_4_mat_icon_0_Template, 2, 0, "mat-icon", 125);
i0.ɵɵtemplate(1, ThemeComponent_ng_template_4_mat_icon_1_Template, 2, 0, "mat-icon", 125);
} if (rf & 2) {
const $cell_r138 = ctx.$implicit;
i0.ɵɵproperty("ngIf", $cell_r138.value === $cell_r138.column.trueValue);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", $cell_r138.column.isIndeterminate($cell_r138.value));
} }
function ThemeComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtext(0);
i0.ɵɵpipe(1, "qGridCurrency");
} if (rf & 2) {
const $cell_r141 = ctx.$implicit;
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(1, 1, $cell_r141.value, $cell_r141.column.code), "\n");
} }
function ThemeComponent_ng_template_6_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtext(0);
} if (rf & 2) {
const $cell_r142 = ctx.$implicit;
i0.ɵɵtextInterpolate1(" ", $cell_r142.label, "\n");
} }
function ThemeComponent_ng_template_7_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtext(0);
} if (rf & 2) {
const $cell_r143 = ctx.$implicit;
i0.ɵɵtextInterpolate1(" ", $cell_r143.label, "\n");
} }
function ThemeComponent_ng_template_8_button_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "button", 129)(1, "mat-icon", 126);
i0.ɵɵtext(2, "edit");
i0.ɵɵelementEnd()();
} if (rf & 2) {
const ctx_r147 = i0.ɵɵnextContext();
const $view_r145 = ctx_r147.$view;
const $cell_r144 = ctx_r147.$implicit;
i0.ɵɵproperty("matTooltipShowDelay", 800)("q-grid-command", $view_r145.edit.cell.enter)("q-grid-command-arg", $cell_r144);
} }
function ThemeComponent_ng_template_8_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "a", 127);
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
i0.ɵɵtemplate(2, ThemeComponent_ng_template_8_button_2_Template, 3, 3, "button", 128);
} if (rf & 2) {
const $cell_r144 = ctx.$implicit;
const $view_r145 = ctx.$view;
i0.ɵɵpropertyInterpolate1("href", "mailto:", $cell_r144.value, "", i0.ɵɵsanitizeUrl);
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", $cell_r144.label || $cell_r144.value, " ");
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", $view_r145.edit.cell.canEdit($cell_r144));
} }
function ThemeComponent_ng_template_9_button_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "button", 131)(1, "mat-icon", 126);
i0.ɵɵtext(2, "file_upload");
i0.ɵɵelementEnd()();
} if (rf & 2) {
const ctx_r151 = i0.ɵɵnextContext();
const $view_r149 = ctx_r151.$view;
const $cell_r148 = ctx_r151.$implicit;
i0.ɵɵproperty("q-grid-command", $view_r149.edit.cell.enter)("q-grid-command-arg", $cell_r148);
} }
function ThemeComponent_ng_template_9_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "a", 127);
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
i0.ɵɵtemplate(2, ThemeComponent_ng_template_9_button_2_Template, 3, 2, "button", 130);
} if (rf & 2) {
const $cell_r148 = ctx.$implicit;
const $view_r149 = ctx.$view;
i0.ɵɵproperty("href", $cell_r148.value, i0.ɵɵsanitizeUrl);
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", $cell_r148.label || $cell_r148.value, " ");
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", $view_r149.edit.cell.canEdit($cell_r148));
} }
const _c0 = function (a0) { return { "padding-left": a0 }; };
const _c1 = function (a0, a1) { return [a0, a1]; };
function ThemeComponent_ng_template_10_div_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 133)(1, "button", 134)(2, "mat-icon", 126);
i0.ɵɵtext(3, "chevron_right");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(4, "span", 135);
i0.ɵɵtext(5);
i0.ɵɵelementEnd();
i0.ɵɵelementStart(6, "span", 136);
i0.ɵɵtext(7);
i0.ɵɵelementEnd()()();
} if (rf & 2) {
const ctx_r155 = i0.ɵɵnextContext();
const $cell_r152 = ctx_r155.$implicit;
const $view_r153 = ctx_r155.$view;
i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(6, _c0, $view_r153.group.offset($cell_r152.row, $cell_r152.column) + "px"));
i0.ɵɵadvance(1);
i0.ɵɵproperty("q-grid-command", $view_r153.group.toggleStatus)("q-grid-command-arg", i0.ɵɵpureFunction2(8, _c1, $cell_r152.row, $cell_r152.column))("ngClass", "q-grid-" + $view_r153.group.status($cell_r152.row, $cell_r152.column));
i0.ɵɵadvance(4);
i0.ɵɵtextInterpolate1(" ", $view_r153.group.value($cell_r152.row, $cell_r152.column), " ");
i0.ɵɵadvance(2);
i0.ɵɵtextInterpolate1(" (", $view_r153.group.count($cell_r152.row, $cell_r152.column), ") ");
} }
function ThemeComponent_ng_template_10_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, ThemeComponent_ng_template_10_div_0_Template, 8, 11, "div", 132);
} if (rf & 2) {
const $cell_r152 = ctx.$implicit;
const $view_r153 = ctx.$view;
i0.ɵɵproperty("ngIf", $view_r153.group.isVisible($cell_r152.row, $cell_r152.column));
} }
function ThemeComponent_ng_template_11_img_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "img", 138);
} if (rf & 2) {
const $cell_r156 = i0.ɵɵnextContext().$implicit;
i0.ɵɵproperty("src", $cell_r156.value, i0.ɵɵsanitizeUrl);
} }
function ThemeComponent_ng_template_11_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "mat-icon", 126);
i0.ɵɵtext(1, " insert_photo ");
i0.ɵɵelementEnd();
} }
function ThemeComponent_ng_template_11_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, ThemeComponent_ng_template_11_img_0_Template, 1, 1, "img", 137);
i0.ɵɵtemplate(1, ThemeComponent_ng_template_11_mat_icon_1_Template, 2, 0, "mat-icon", 125);
} if (rf & 2) {
const $cell_r156 = ctx.$implicit;
i0.ɵɵproperty("ngIf", $cell_r156.value);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", !$cell_r156.value);
} }
function ThemeComponent_ng_template_12_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtext(0);
i0.ɵɵpipe(1, "qGridNumber");
} if (rf & 2) {
const $cell_r160 = ctx.$implicit;
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(1, 1, $cell_r160.label, $cell_r160.column.format), "\n");
} }
function ThemeComponent_ng_template_13_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtext(0, " *** ");
} }
function ThemeComponent_ng_template_14_button_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "button", 140)(1, "mat-icon", 141);
i0.ɵɵtext(2, " search ");
i0.ɵɵelementEnd()();
} if (rf & 2) {
const ctx_r164 = i0.ɵɵnextContext();
const $view_r162 = ctx_r164.$view;
const $cell_r161 = ctx_r164.$implicit;
i0.ɵɵproperty("q-grid-command", $view_r162.edit.cell.enter)("q-grid-command-arg", $cell_r161);
} }
function ThemeComponent_ng_template_14_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span");
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
i0.ɵɵtemplate(2, ThemeComponent_ng_template_14_button_2_Template, 3, 2, "button", 139);
} if (rf & 2) {
const $cell_r161 = ctx.$implicit;
const $view_r162 = ctx.$view;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate($cell_r161.label);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", $view_r162.edit.cell.canEdit($cell_r161));
} }
function ThemeComponent_ng_template_15_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "button", 134)(1, "mat-icon", 126);
i0.ɵɵtext(2, "chevron_right");
i0.ɵɵelementEnd()();
} if (rf & 2) {
const $cell_r165 = ctx.$implicit;
const $view_r166 = ctx.$view;
i0.ɵɵproperty("q-grid-command", $view_r166.rowDetails.toggleStatus)("q-grid-command-arg", $cell_r165.row)("ngClass", "q-grid-" + $view_r166.rowDetails.status($cell_r165.row));
} }
function ThemeComponent_ng_template_16_ng_container_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainerStart(0);
i0.ɵɵelementStart(1, "div", 143)(2, "mat-icon", 126);
i0.ɵɵtext(3, "drag_indicator");
i0.ɵɵelementEnd()();
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const ctx_r171 = i0.ɵɵnextContext();
const $view_r168 = ctx_r171.$view;
const $cell_r167 = ctx_r171.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("q-grid-drag", $view_r168.row.drag)("q-grid-drag-data", $cell_r167.rowIndex);
} }
function ThemeComponent_ng_template_16_ng_container_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainerStart(0);
i0.ɵɵelement(1, "div", 144);
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const ctx_r172 = i0.ɵɵnextContext();
const $view_r168 = ctx_r172.$view;
const $cell_r167 = ctx_r172.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("q-grid-drag", $view_r168.row.resize)("q-grid-resize", $cell_r167.row)("q-grid-can-resize", $view_r168.row.resize.canExecute);
} }
function ThemeComponent_ng_template_16_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, ThemeComponent_ng_template_16_ng_container_0_Template, 4, 2, "ng-container", 142);
i0.ɵɵtemplate(1, ThemeComponent_ng_template_16_ng_container_1_Template, 2, 3, "ng-container", 142);
} if (rf & 2) {
const $view_r168 = ctx.$view;
i0.ɵɵproperty("ngIf", $view_r168.row.canMove);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", $view_r168.row.canResize);
} }
function ThemeComponent_ng_template_17_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtext(0);
} if (rf & 2) {
const $cell_r173 = ctx.$implicit;
const $view_r174 = ctx.$view;
i0.ɵɵtextInterpolate1(" ", $cell_r173.rowIndex + $cell_r173.column.startNumber + $view_r174.pagination.current * $view_r174.pagination.size, "\n");
} }
function ThemeComponent_ng_template_18_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "mat-icon", 126);
i0.ɵɵtext(1, "more_vert");
i0.ɵɵelementEnd();
} }
function ThemeComponent_ng_template_19_Template(rf, ctx) { if (rf & 1) {
const _r178 = i0.ɵɵgetCurrentView();
i0.ɵɵelementContainerStart(0, 145);
i0.ɵɵelementStart(1, "mat-radio-button", 146);
i0.ɵɵlistener("change", function ThemeComponent_ng_template_19_Template_mat_radio_button_change_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r178); const $cell_r175 = restoredCtx.$implicit; const $view_r176 = restoredCtx.$view; return $view_r176.selection.toggleRow.execute($cell_r175.row); });
i0.ɵɵelementEnd();
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const $cell_r175 = ctx.$implicit;
const $view_r176 = ctx.$view;
i0.ɵɵproperty("q-grid-dirty", $view_r176.selection.stateCheck);
i0.ɵɵadvance(1);
i0.ɵɵproperty("checked", $view_r176.selection.state($cell_r175.row))("disabled", !$view_r176.selection.state($cell_r175.row) && !$view_r176.selection.toggleRow.canExecute($cell_r175.row));
} }
function ThemeComponent_ng_template_20_Template(rf, ctx) { if (rf & 1) {
const _r182 = i0.ɵɵgetCurrentView();
i0.ɵɵelementContainerStart(0, 145);
i0.ɵɵelementStart(1, "mat-checkbox", 147);
i0.ɵɵlistener("change", function ThemeComponent_ng_template_20_Template_mat_checkbox_change_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r182); const $cell_r179 = restoredCtx.$implicit; const $view_r180 = restoredCtx.$view; return $view_r180.selection.toggleRow.execute($cell_r179.row); });
i0.ɵɵelementEnd();
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const $cell_r179 = ctx.$implicit;
const $view_r180 = ctx.$view;
i0.ɵɵproperty("q-grid-dirty", $view_r180.selection.stateCheck);
i0.ɵɵadvance(1);
i0.ɵɵproperty("indeterminate", $view_r180.selection.isIndeterminate($cell_r179.row))("checked", $view_r180.selection.state($cell_r179.row))("disabled", !$view_r180.selection.toggleRow.canExecute($cell_r179.row));
} }
function ThemeComponent_ng_template_21_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtext(0);
} if (rf & 2) {
const $cell_r183 = ctx.$implicit;
i0.ɵɵtextInterpolate1(" ", $cell_r183.label, "\n");
} }
function ThemeComponent_ng_template_22_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtext(0);
i0.ɵɵpipe(1, "qGridTime");
} if (rf & 2) {
const $cell_r184 = ctx.$implicit;
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(1, 1, $cell_r184.label, $cell_r184.column.format), "\n");
} }
function ThemeComponent_ng_template_23_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtext(0);
} if (rf & 2) {
const $cell_r185 = ctx.$implicit;
i0.ɵɵtextInterpolate1(" ", $cell_r185.label, "\n");
} }
function ThemeComponent_ng_template_24_button_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "button", 150)(1, "mat-icon", 126);
i0.ɵɵtext(2, "edit");
i0.ɵɵelementEnd()();
} if (rf & 2) {
const ctx_r189 = i0.ɵɵnextContext();
const $view_r187 = ctx_r189.$view;
const $cell_r186 = ctx_r189.$implicit;
i0.ɵɵproperty("matTooltipShowDelay", 800)("q-grid-command", $view_r187.edit.cell.enter)("q-grid-command-arg", $cell_r186);
} }
function ThemeComponent_ng_template_24_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "a", 148);
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
i0.ɵɵtemplate(2, ThemeComponent_ng_template_24_button_2_Template, 3, 3, "button", 149);
} if (rf & 2) {
const $cell_r186 = ctx.$implicit;
const $view_r187 = ctx.$view;
i0.ɵɵattribute("href", $cell_r186.value, i0.ɵɵsanitizeUrl);
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", $cell_r186.label || $cell_r186.value, " ");
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", $view_r187.edit.cell.canEdit($cell_r186));
} }
function ThemeComponent_ng_template_25_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "span", 151);
i0.ɵɵpipe(1, "qGridHighlight");
i0.ɵɵpipe(2, "qGridCurrency");
} if (rf & 2) {
const $item_r190 = ctx.$implicit;
const $list_r191 = ctx.itemList;
i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(1, 1, i0.ɵɵpipeBind2(2, 4, $item_r190.value, $list_r191.column.code), $list_r191.search), i0.ɵɵsanitizeHtml);
} }
function ThemeComponent_ng_template_26_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "span", 151);
i0.ɵɵpipe(1, "qGridHighlight");
i0.ɵɵpipe(2, "qGridDate");
} if (rf & 2) {
const $item_r192 = ctx.$implicit;
const $list_r193 = ctx.itemList;
i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(1, 1, i0.ɵɵpipeBind2(2, 4, $item_r192.value, $list_r193.column.format), $list_r193.search), i0.ɵɵsanitizeHtml);
} }
function ThemeComponent_ng_template_27_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "span", 151);
i0.ɵɵpipe(1, "qGridHighlight");
i0.ɵɵpipe(2, "qGridDate");
} if (rf & 2) {
const $item_r194 = ctx.$implicit;
const $list_r195 = ctx.itemList;
i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(1, 1, i0.ɵɵpipeBind2(2, 4, $item_r194.value, $list_r195.column.format), $list_r195.search), i0.ɵɵsanitizeHtml);
} }
function ThemeComponent_ng_template_28_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "span", 151);
i0.ɵɵpipe(1, "qGridHighlight");
i0.ɵɵpipe(2, "qGridNumber");
} if (rf & 2) {
const $item_r196 = ctx.$implicit;
const $list_r197 = ctx.itemList;
i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(1, 1, i0.ɵɵpipeBind2(2, 4, $item_r196.value, $list_r197.column.format), $list_r197.search), i0.ɵɵsanitizeHtml);
} }
function ThemeComponent_ng_template_29_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "span", 151);
i0.ɵɵpipe(1, "qGridHighlight");
} if (rf & 2) {
const $item_r198 = ctx.$implicit;
const $list_r199 = ctx.itemList;
i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(1, 1, $item_r198.value, $list_r199.search), i0.ɵɵsanitizeHtml);
} }
function ThemeComponent_ng_template_30_ng_container_4_Template(rf, ctx) { if (rf & 1) {
const _r208 = i0.ɵɵgetCurrentView();
i0.ɵɵelementContainerStart(0, 160);
i0.ɵɵlistener("q-grid-chips-remove", function ThemeComponent_ng_template_30_ng_container_4_Template_ng_container_q_grid_chips_remove_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r208); const $index_r206 = restoredCtx.index; const $view_r201 = i0.ɵɵnextContext().$view; return $view_r201.edit.cell.value.splice($index_r206, 1); });
i0.ɵɵelementStart(1, "mat-chip", 161);
i0.ɵɵtext(2);
i0.ɵɵelementStart(3, "mat-icon", 162);
i0.ɵɵtext(4, " cancel ");
i0.ɵɵelementEnd()();
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const value_r205 = ctx.$implicit;
i0.ɵɵadvance(2);
i0.ɵɵtextInterpolate1(" ", value_r205, " ");
} }
function ThemeComponent_ng_template_30_Template(rf, ctx) { if (rf & 1) {
const _r211 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "q-grid-cell-editor", 152);
i0.ɵɵlistener("close", function ThemeComponent_ng_template_30_Template_q_grid_cell_editor_close_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r211); const $cell_r200 = restoredCtx.$implicit; const $view_r201 = restoredCtx.$view; return $view_r201.edit.cell.exit.execute($cell_r200); });
i0.ɵɵelementStart(1, "div", 153)(2, "mat-chip-list", null, 154);
i0.ɵɵtemplate(4, ThemeComponent_ng_template_30_ng_container_4_Template, 5, 1, "ng-container", 155);
i0.ɵɵelementEnd()();
i0.ɵɵelementStart(5, "mat-form-field", 156);
i0.ɵɵlistener("q-grid-chips-push", function ThemeComponent_ng_template_30_Template_mat_form_field_q_grid_chips_push_5_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r211); const $view_r201 = restoredCtx.$view; return ($view_r201.edit.cell.value || []).push($event); });
i0.ɵɵelement(6, "input", 157, 158);
i0.ɵɵelementEnd();
i0.ɵɵelement(8, "q-grid-validator", 159);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $cell_r200 = ctx.$implicit;
const $view_r201 = ctx.$view;
const _r202 = i0.ɵɵreference(3);
i0.ɵɵadvance(4);
i0.ɵɵproperty("ngForOf", $view_r201.edit.cell.value);
i0.ɵɵadvance(1);
i0.ɵɵproperty("floatLabel", "never");
i0.ɵɵadvance(1);
i0.ɵɵpropertyInterpolate("type", $cell_r200.column.itemType);
i0.ɵɵproperty("matChipInputFor", _r202);
i0.ɵɵadvance(2);
i0.ɵɵproperty("key", $cell_r200.column.key)("type", $cell_r200.column.type)("value", $view_r201.edit.cell.value);
} }
function ThemeComponent_ng_template_31_Template(rf, ctx) { if (rf & 1) {
const _r216 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "q-grid-cell-editor", 163);
i0.ɵɵlistener("close", function ThemeComponent_ng_template_31_Template_q_grid_cell_editor_close_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r216); const $cell_r213 = restoredCtx.$implicit; const $view_r214 = restoredCtx.$view; return $view_r214.edit.cell.exit.execute($cell_r213); });
i0.ɵɵelement(1, "q-grid-autocomplete-editor")(2, "q-grid-validator", 159);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $cell_r213 = ctx.$implicit;
const $view_r214 = ctx.$view;
i0.ɵɵadvance(2);
i0.ɵɵproperty("key", $cell_r213.column.key)("type", $cell_r213.column.type)("value", $view_r214.edit.cell.value);
} }
function ThemeComponent_ng_template_32_Template(rf, ctx) { if (rf & 1) {
const _r220 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "q-grid-bool-editor", 164);
i0.ɵɵlistener("valueChange", function ThemeComponent_ng_template_32_Template_q_grid_bool_editor_valueChange_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r220); const $view_r218 = restoredCtx.$view; return $view_r218.edit.cell.value = $event; });
i0.ɵɵelementEnd();
} if (rf & 2) {
const $cell_r217 = ctx.$implicit;
const $view_r218 = ctx.$view;
i0.ɵɵproperty("autofocus", true)("column", $cell_r217.column)("value", $view_r218.edit.cell.value);
} }
function ThemeComponent_ng_template_33_Template(rf, ctx) { if (rf & 1) {
const _r225 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "q-grid-cell-editor", 165);
i0.ɵɵlistener("close", function ThemeComponent_ng_template_33_Template_q_grid_cell_editor_close_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r225); const $cell_r221 = restoredCtx.$implicit; const $view_r222 = restoredCtx.$view; return $view_r222.edit.cell.exit.execute($cell_r221); });
i0.ɵɵelementStart(1, "mat-form-field")(2, "input", 166, 167);
i0.ɵɵlistener("ngModelChange", function ThemeComponent_ng_template_33_Template_input_ngModelChange_2_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r225); const $view_r222 = restoredCtx.$view; return $view_r222.edit.cell.value = $event; });
i0.ɵɵelementEnd()();
i0.ɵɵelement(4, "q-grid-validator", 159);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $cell_r221 = ctx.$implicit;
const $view_r222 = ctx.$view;
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngModel", $view_r222.edit.cell.value);
i0.ɵɵadvance(2);
i0.ɵɵproperty("key", $cell_r221.column.key)("type", $cell_r221.column.type)("value", $view_r222.edit.cell.value);
} }
const _c2 = function (a0) { return { "mat-form-field-invalid": a0 }; };
function ThemeComponent_ng_template_34_mat_form_field_1_Template(rf, ctx) { if (rf & 1) {
const _r235 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field", 170);
i0.ɵɵelement(1, "mat-label");
i0.ɵɵelementStart(2, "input", 171, 167);
i0.ɵɵlistener("dateChange", function ThemeComponent_ng_template_34_mat_form_field_1_Template_input_dateChange_2_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r235); const qGridDate_r230 = restoredCtx.$implicit; const $view_r228 = i0.ɵɵnextContext().$view; return $view_r228.edit.cell.value = qGridDate_r230.dateLow($event.value); })("input", function ThemeComponent_ng_template_34_mat_form_field_1_Template_input_input_2_listener() { const restoredCtx = i0.ɵɵrestoreView(_r235); const qGridDate_r230 = restoredCtx.$implicit; const _r231 = i0.ɵɵreference(3); const ctx_r237 = i0.ɵɵnextContext(); const $cell_r227 = ctx_r237.$implicit; const $view_r228 = ctx_r237.$view; return qGridDate_r230.isValid(_r231.value, $cell_r227.column.format) && ($view_r228.edit.cell.value = qGridDate_r230.dateLow(_r231.value, $cell_r227.column.format)); });
i0.ɵɵpipe(4, "qGridConvert");
i0.ɵɵelementEnd();
i0.ɵɵelement(5, "mat-datepicker-toggle", 172)(6, "mat-datepicker", 173, 174);
i0.ɵɵelementEnd();
} if (rf & 2) {
const qGridDate_r230 = ctx.$implicit;
const _r231 = i0.ɵɵreference(3);
const _r232 = i0.ɵɵreference(7);
const ctx_r238 = i0.ɵɵnextContext();
const $cell_r227 = ctx_r238.$implicit;
const $view_r228 = ctx_r238.$view;
i0.ɵɵproperty("q-grid-date-adapter", $cell_r227.column.format)("ngClass", i0.ɵɵpureFunction1(10, _c2, !qGridDate_r230.isValid(_r231.value, $cell_r227.column.format)));
i0.ɵɵadvance(2);
i0.ɵɵproperty("q-grid-date-mask", $cell_r227.column.format)("placeholder", $cell_r227.column.format)("matDatepicker", _r232)("value", i0.ɵɵpipeBind2(4, 7, $view_r228.edit.cell.value, "date"));
i0.ɵɵadvance(3);
i0.ɵɵproperty("for", _r232);
} }
function ThemeComponent_ng_template_34_Template(rf, ctx) { if (rf & 1) {
const _r240 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "q-grid-cell-editor", 168);
i0.ɵɵlistener("close", function ThemeComponent_ng_template_34_Template_q_grid_cell_editor_close_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r240); const $cell_r227 = restoredCtx.$implicit; const $view_r228 = restoredCtx.$view; return $view_r228.edit.cell.exit.execute($cell_r227); });
i0.ɵɵtemplate(1, ThemeComponent_ng_template_34_mat_form_field_1_Template, 8, 12, "mat-form-field", 169);
i0.ɵɵelement(2, "q-grid-validator", 159);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $cell_r227 = ctx.$implicit;
const $view_r228 = ctx.$view;
i0.ɵɵadvance(2);
i0.ɵɵproperty("key", $cell_r227.column.key)("type", $cell_r227.column.type)("value", $view_r228.edit.cell.value);
} }
function ThemeComponent_ng_template_35_mat_form_field_2_Template(rf, ctx) { if (rf & 1) {
const _r250 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field", 178);
i0.ɵɵelement(1, "mat-label");
i0.ɵɵelementStart(2, "input", 171, 167);
i0.ɵɵlistener("dateChange", function ThemeComponent_ng_template_35_mat_form_field_2_Template_input_dateChange_2_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r250); const qGridDate_r245 = restoredCtx.$implicit; const ctx_r249 = i0.ɵɵnextContext(); const $view_r242 = ctx_r249.$view; const $cell_r241 = ctx_r249.$implicit; return $view_r242.edit.cell.value = qGridDate_r245.datetime($view_r242.edit.cell.value, $event.value, $cell_r241.column.dateFormat); })("input", function ThemeComponent_ng_template_35_mat_form_field_2_Template_input_input_2_listener() { const restoredCtx = i0.ɵɵrestoreView(_r250); const qGridDate_r245 = restoredCtx.$implicit; const _r246 = i0.ɵɵreference(3); const ctx_r252 = i0.ɵɵnextContext(); const $cell_r241 = ctx_r252.$implicit; const $view_r242 = ctx_r252.$view; return qGridDate_r245.isValid(_r246.value, $cell_r241.column.dateFormat) && ($view_r242.edit.cell.value = qGridDate_r245.datetime($view_r242.edit.cell.value, _r246.value, $cell_r241.column.dateFormat)); });
i0.ɵɵpipe(4, "qGridConvert");
i0.ɵɵelementEnd();
i0.ɵɵelement(5, "mat-datepicker-toggle", 172)(6, "mat-datepicker", 173, 174);
i0.ɵɵelementEnd();
} if (rf & 2) {
const qGridDate_r245 = ctx.$implicit;
const _r246 = i0.ɵɵreference(3);
const _r247 = i0.ɵɵreference(7);
const ctx_r253 = i0.ɵɵnextContext();
const $cell_r241 = ctx_r253.$implicit;
const $view_r242 = ctx_r253.$view;
i0.ɵɵproperty("q-grid-date-adapter", $cell_r241.column.dateFormat)("ngClass", i0.ɵɵpureFunction1(10, _c2, !qGridDate_r245.isValid(_r246.value, $cell_r241.column.dateFormat)));
i0.ɵɵadvance(2);
i0.ɵɵproperty("q-grid-date-mask", $cell_r241.column.dateFormat)("placeholder", $cell_r241.column.dateFormat)("matDatepicker", _r247)("value", i0.ɵɵpipeBind2(4, 7, $view_r242.edit.cell.value, "date"));
i0.ɵɵadvance(3);
i0.ɵɵproperty("for", _r247);
} }
function ThemeComponent_ng_template_35_mat_form_field_3_Template(rf, ctx) { if (rf & 1) {
const _r258 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field", 179)(1, "input", 180, 167);
i0.ɵɵlistener("change", function ThemeComponent_ng_template_35_mat_form_field_3_Template_input_change_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r258); const qGridTime_r254 = restoredCtx.$implicit; const _r255 = i0.ɵɵreference(2); const $view_r242 = i0.ɵɵnextContext().$view; return $view_r242.edit.cell.value = qGridTime_r254.time($view_r242.edit.cell.value, _r255.value); });
i0.ɵɵpipe(3, "qGridTime");
i0.ɵɵelementEnd()();
} if (rf & 2) {
const $view_r242 = i0.ɵɵnextContext().$view;
i0.ɵɵadvance(1);
i0.ɵɵproperty("value", i0.ɵɵpipeBind2(3, 1, $view_r242.edit.cell.value, "HH:mm"));
} }
function ThemeComponent_ng_template_35_Template(rf, ctx) { if (rf & 1) {
const _r261 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "q-grid-cell-editor", 175);
i0.ɵɵlistener("close", function ThemeComponent_ng_template_35_Template_q_grid_cell_editor_close_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r261); const $cell_r241 = restoredCtx.$implicit; const $view_r242 = restoredCtx.$view; return $view_r242.edit.cell.exit.execute($cell_r241); });
i0.ɵɵelementStart(1, "q-grid-tab-trap");
i0.ɵɵtemplate(2, ThemeComponent_ng_template_35_mat_form_field_2_Template, 8, 12, "mat-form-field", 176);
i0.ɵɵtemplate(3, ThemeComponent_ng_template_35_mat_form_field_3_Template, 4, 4, "mat-form-field", 177);
i0.ɵɵelementEnd();
i0.ɵɵelement(4, "q-grid-validator", 159);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $cell_r241 = ctx.$implicit;
const $view_r242 = ctx.$view;
i0.ɵɵadvance(4);
i0.ɵɵproperty("key", $cell_r241.column.key)("type", $cell_r241.column.type)("value", $view_r242.edit.cell.value);
} }
function ThemeComponent_ng_template_36_mat_option_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "mat-option", 184);
i0.ɵɵtext(1);
i0.ɵɵpipe(2, "qGridItemLabel");
i0.ɵɵelementEnd();
} if (rf & 2) {
const option_r265 = ctx.$implicit;
const $cell_r262 = i0.ɵɵnextContext().$implicit;
i0.ɵɵproperty("value", option_r265);
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 2, option_r265, $cell_r262.column.itemLabel), " ");
} }
function ThemeComponent_ng_template_36_Template(rf, ctx) { if (rf & 1) {
const _r268 = i0.ɵɵgetCurrentView();
i0.ɵɵelementContainerStart(0, 181);
i0.ɵɵelementStart(1, "mat-select", 182);
i0.ɵɵlistener("valueChange", function ThemeComponent_ng_template_36_Template_mat_select_valueChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r268); const $view_r263 = restoredCtx.$view; return $view_r263.edit.cell.value = $event; })("selectionChange", function ThemeComponent_ng_template_36_Template_mat_select_selectionChange_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r268); const $view_r263 = restoredCtx.$view; return $view_r263.edit.cell.exit.execute(); });
i0.ɵɵtemplate(2, ThemeComponent_ng_template_36_mat_option_2_Template, 3, 5, "mat-option", 183);
i0.ɵɵelementEnd();
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const $view_r263 = ctx.$view;
i0.ɵɵadvance(1);
i0.ɵɵproperty("value", $view_r263.edit.cell.value);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngForOf", $view_r263.edit.cell.fetch.result);
} }
function ThemeComponent_ng_template_37_mat_form_field_3_Template(rf, ctx) { if (rf & 1) {
const _r275 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field")(1, "input", 188);
i0.ɵɵlistener("ngModelChange", function ThemeComponent_ng_template_37_mat_form_field_3_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r275); const $view_r271 = i0.ɵɵnextContext().$view; return $view_r271.edit.cell.label = $event; });
i0.ɵɵelementEnd()();
} if (rf & 2) {
const $view_r271 = i0.ɵɵnextContext().$view;
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngModel", $view_r271.edit.cell.label);
} }
function ThemeComponent_ng_template_37_Template(rf, ctx) { if (rf & 1) {
const _r278 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "q-grid-cell-editor", 185);
i0.ɵɵlistener("close", function ThemeComponent_ng_template_37_Template_q_grid_cell_editor_close_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r278); const $cell_r270 = restoredCtx.$implicit; const $view_r271 = restoredCtx.$view; return $view_r271.edit.cell.exit.execute($cell_r270); });
i0.ɵɵelementStart(1, "q-grid-tab-trap")(2, "div", 186);
i0.ɵɵtemplate(3, ThemeComponent_ng_template_37_mat_form_field_3_Template, 2, 1, "mat-form-field", 142);
i0.ɵɵelementStart(4, "mat-form-field")(5, "input", 187);
i0.ɵɵlistener("ngModelChange", function ThemeComponent_ng_template_37_Template_input_ngModelChange_5_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r278); const $view_r271 = restoredCtx.$view; return $view_r271.edit.cell.value = $event; });
i0.ɵɵelementEnd()()();
i0.ɵɵelement(6, "q-grid-validator", 159);
i0.ɵɵelementEnd()();
} if (rf & 2) {
const $cell_r270 = ctx.$implicit;
const $view_r271 = ctx.$view;
i0.ɵɵadvance(3);
i0.ɵɵproperty("ngIf", $cell_r270.column.label !== null);
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngModel", $view_r271.edit.cell.value);
i0.ɵɵadvance(1);
i0.ɵɵproperty("key", $cell_r270.column.key)("type", $cell_r270.column.type)("value", $view_r271.edit.cell.value);
} }
function ThemeComponent_ng_template_38_span_4_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span", 201);
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $view_r281 = i0.ɵɵnextContext().$view;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", $view_r281.edit.cell.label, " ");
} }
function ThemeComponent_ng_template_38_span_8_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span");
i0.ɵɵtext(1, " Drag and drop a file here or click ");
i0.ɵɵelementEnd();
} }
function ThemeComponent_ng_template_38_span_9_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span");
i0.ɵɵtext(1, " Drag and drop or click to replace ");
i0.ɵɵelementEnd();
} }
function ThemeComponent_ng_template_38_div_11_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 202);
i0.ɵɵelement(1, "img", 138);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $view_r281 = i0.ɵɵnextContext().$view;
i0.ɵɵadvance(1);
i0.ɵɵproperty("src", $view_r281.edit.cell.value, i0.ɵɵsanitizeUrl);
} }
const _c3 = function (a0) { return { "q-grid-file-has-preview": a0 }; };
function ThemeComponent_ng_template_38_Template(rf, ctx) { if (rf & 1) {
const _r289 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "q-grid-cell-editor", 189);
i0.ɵɵlistener("close", function ThemeComponent_ng_template_38_Template_q_grid_cell_editor_close_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r289); const $cell_r280 = restoredCtx.$implicit; const $view_r281 = restoredCtx.$view; return $view_r281.edit.cell.cancel.execute($cell_r280); });
i0.ɵɵelementStart(1, "div", 190)(2, "div", 191)(3, "div", 192);
i0.ɵɵtemplate(4, ThemeComponent_ng_template_38_span_4_Template, 2, 1, "span", 193);
i0.ɵɵelementStart(5, "div", 194)(6, "mat-icon");
i0.ɵɵtext(7, "file_upload");
i0.ɵɵelementEnd();
i0.ɵɵtemplate(8, ThemeComponent_ng_template_38_span_8_Template, 2, 0, "span", 195);
i0.ɵɵtemplate(9, ThemeComponent_ng_template_38_span_9_Template, 2, 0, "span", 195);
i0.ɵɵelementEnd()();
i0.ɵɵelementStart(10, "input", 196);
i0.ɵɵlistener("q-grid-fileChange", function ThemeComponent_ng_template_38_Template_input_q_grid_fileChange_10_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r289); const $view_r281 = restoredCtx.$view; return $view_r281.edit.cell.value = $event; })("q-grid-file-labelChange", function ThemeComponent_ng_template_38_Template_input_q_grid_file_labelChange_10_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r289); const $view_r281 = restoredCtx.$view; return $view_r281.edit.cell.label = $event; });
i0.ɵɵelementEnd();
i0.ɵɵtemplate(11, ThemeComponent_ng_template_38_div_11_Template, 2, 1, "div", 197);
i0.ɵɵelementEnd()();
i0.ɵɵelementStart(12, "div", 198)(13, "button", 199);
i0.ɵɵtext(14, " Save ");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(15, "button", 200);
i0.ɵɵtext(16, " Clear ");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(17, "button", 200);
i0.ɵɵtext(18, " Cancel ");
i0.ɵɵelementEnd()()();
} if (rf & 2) {
const $cell_r280 = ctx.$implicit;
const $view_r281 = ctx.$view;
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(15, _c3, $cell_r280.column.hasPreview($view_r281.edit.cell.label)));
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngSwitch", !!$view_r281.edit.cell.value);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngSwitchCase", true);
i0.ɵɵadvance(4);
i0.ɵɵproperty("ngSwitchCase", false);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngSwitchCase", true);
i0.ɵɵadvance(1);
i0.ɵɵproperty("q-grid-file", $view_r281.edit.cell.value)("q-grid-file-label", $view_r281.edit.cell.label)("q-grid-file-is-valid", $cell_r280.column.canUpload);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", $cell_r280.column.hasPreview($view_r281.edit.cell.label));
i0.ɵɵadvance(2);
i0.ɵɵproperty("q-grid-command", $view_r281.edit.cell.commit)("q-grid-command-arg", $cell_r280);
i0.ɵɵadvance(2);
i0.ɵɵproperty("q-grid-command", $view_r281.edit.cell.clear)("q-grid-command-arg", $cell_r280);
i0.ɵɵadvance(2);
i0.ɵɵproperty("q-grid-command", $view_r281.edit.cell.cancel)("q-grid-command-arg", $cell_r280);
} }
function ThemeComponent_ng_template_39_span_4_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span", 201);
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $view_r293 = i0.ɵɵnextContext().$view;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", $view_r293.edit.cell.label, " ");
} }
function ThemeComponent_ng_template_39_span_8_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span");
i0.ɵɵtext(1, " Drag and drop an image here or click ");
i0.ɵɵelementEnd();
} }
function ThemeComponent_ng_template_39_span_9_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span");
i0.ɵɵtext(1, " Drag and drop or click to replace ");
i0.ɵɵelementEnd();
} }
function ThemeComponent_ng_template_39_div_11_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 202);
i0.ɵɵelement(1, "img", 138);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $view_r293 = i0.ɵɵnextContext().$view;
i0.ɵɵadvance(1);
i0.ɵɵproperty("src", $view_r293.edit.cell.value, i0.ɵɵsanitizeUrl);
} }
function ThemeComponent_ng_template_39_Template(rf, ctx) { if (rf & 1) {
const _r301 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "q-grid-cell-editor", 189);
i0.ɵɵlistener("close", function ThemeComponent_ng_template_39_Template_q_grid_cell_editor_close_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r301); const $cell_r292 = restoredCtx.$implicit; const $view_r293 = restoredCtx.$view; return $view_r293.edit.cell.cancel.execute($cell_r292); });
i0.ɵɵelementStart(1, "div", 190)(2, "div", 191)(3, "div", 192);
i0.ɵɵtemplate(4, ThemeComponent_ng_template_39_span_4_Template, 2, 1, "span", 193);
i0.ɵɵelementStart(5, "div", 194)(6, "mat-icon");
i0.ɵɵtext(7, "file_upload");
i0.ɵɵelementEnd();
i0.ɵɵtemplate(8, ThemeComponent_ng_template_39_span_8_Template, 2, 0, "span", 195);
i0.ɵɵtemplate(9, ThemeComponent_ng_template_39_span_9_Template, 2, 0, "span", 195);
i0.ɵɵelementEnd()();
i0.ɵɵelementStart(10, "input", 196);
i0.ɵɵlistener("q-grid-fileChange", function ThemeComponent_ng_template_39_Template_input_q_grid_fileChange_10_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r301); const $view_r293 = restoredCtx.$view; return $view_r293.edit.cell.value = $event; })("q-grid-file-labelChange", function ThemeComponent_ng_template_39_Template_input_q_grid_file_labelChange_10_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r301); const $view_r293 = restoredCtx.$view; return $view_r293.edit.cell.label = $event; });
i0.ɵɵelementEnd();
i0.ɵɵtemplate(11, ThemeComponent_ng_template_39_div_11_Template, 2, 1, "div", 197);
i0.ɵɵelementEnd()();
i0.ɵɵelementStart(12, "div", 198)(13, "button", 199);
i0.ɵɵtext(14, " Save ");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(15, "button", 200);
i0.ɵɵtext(16, " Clear ");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(17, "button", 200);
i0.ɵɵtext(18, " Cancel ");
i0.ɵɵelementEnd()()();
} if (rf & 2) {
const $cell_r292 = ctx.$implicit;
const $view_r293 = ctx.$view;
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(15, _c3, $cell_r292.column.hasPreview($view_r293.edit.cell.label)));
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngSwitch", !!$view_r293.edit.cell.value);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngSwitchCase", true);
i0.ɵɵadvance(4);
i0.ɵɵproperty("ngSwitchCase", false);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngSwitchCase", true);
i0.ɵɵadvance(1);
i0.ɵɵproperty("q-grid-file", $view_r293.edit.cell.value)("q-grid-file-label", $view_r293.edit.cell.label)("q-grid-file-is-valid", $cell_r292.column.canUpload);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", $cell_r292.column.hasPreview($view_r293.edit.cell.label));
i0.ɵɵadvance(2);
i0.ɵɵproperty("q-grid-command", $view_r293.edit.cell.commit)("q-grid-command-arg", $cell_r292);
i0.ɵɵadvance(2);
i0.ɵɵproperty("q-grid-command", $view_r293.edit.cell.clear)("q-grid-command-arg", $cell_r292);
i0.ɵɵadvance(2);
i0.ɵɵproperty("q-grid-command", $view_r293.edit.cell.cancel)("q-grid-command-arg", $cell_r292);
} }
function ThemeComponent_ng_template_40_Template(rf, ctx) { if (rf & 1) {
const _r308 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "q-grid-cell-editor", 203);
i0.ɵɵlistener("close", function ThemeComponent_ng_template_40_Template_q_grid_cell_editor_close_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r308); const $cell_r304 = restoredCtx.$implicit; const $view_r305 = restoredCtx.$view; return $view_r305.edit.cell.exit.execute($cell_r304); });
i0.ɵɵelementStart(1, "mat-form-field")(2, "input", 166, 167);
i0.ɵɵlistener("ngModelChange", function ThemeComponent_ng_template_40_Template_input_ngModelChange_2_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r308); const $view_r305 = restoredCtx.$view; return $view_r305.edit.cell.value = $event; });
i0.ɵɵelementEnd()();
i0.ɵɵelement(4, "q-grid-validator", 159);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $cell_r304 = ctx.$implicit;
const $view_r305 = ctx.$view;
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngModel", $view_r305.edit.cell.value);
i0.ɵɵadvance(2);
i0.ɵɵproperty("key", $cell_r304.column.key)("type", $cell_r304.column.type)("value", $view_r305.edit.cell.value);
} }
function ThemeComponent_ng_template_41_Template(rf, ctx) { if (rf & 1) {
const _r313 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "q-grid-cell-editor", 204);
i0.ɵɵlistener("close", function ThemeComponent_ng_template_41_Template_q_grid_cell_editor_close_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r313); const $cell_r310 = restoredCtx.$implicit; const $view_r311 = restoredCtx.$view; return $view_r311.edit.cell.exit.execute($cell_r310); });
i0.ɵɵelementStart(1, "mat-form-field")(2, "input", 205);
i0.ɵɵlistener("ngModelChange", function ThemeComponent_ng_template_41_Template_input_ngModelChange_2_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r313); const $view_r311 = restoredCtx.$view; return $view_r311.edit.cell.value = $event; });
i0.ɵɵelementEnd()();
i0.ɵɵelement(3, "q-grid-validator", 159);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $cell_r310 = ctx.$implicit;
const $view_r311 = ctx.$view;
i0.ɵɵadvance(2);
i0.ɵɵproperty("type", "password")("ngModel", $view_r311.edit.cell.value);
i0.ɵɵadvance(1);
i0.ɵɵproperty("key", $cell_r310.column.key)("type", $cell_r310.column.type)("value", $view_r311.edit.cell.value);
} }
function ThemeComponent_ng_template_42_Template(rf, ctx) { if (rf & 1) {
const _r318 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "q-grid-cell-editor", 206);
i0.ɵɵlistener("close", function ThemeComponent_ng_template_42_Template_q_grid_cell_editor_close_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r318); const $cell_r315 = restoredCtx.$implicit; const $view_r316 = restoredCtx.$view; return $view_r316.edit.cell.cancel.execute($cell_r315); });
i0.ɵɵelementStart(1, "q-grid-reference-editor", 207);
i0.ɵɵlistener("valueChange", function ThemeComponent_ng_template_42_Template_q_grid_reference_editor_valueChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r318); const $view_r316 = restoredCtx.$view; return $view_r316.edit.cell.value = $event; })("afterSubmit", function ThemeComponent_ng_template_42_Template_q_grid_reference_editor_afterSubmit_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r318); const $view_r316 = restoredCtx.$view; return $view_r316.edit.cell.commit.canExecute() && $view_r316.edit.cell.commit.execute(); })("afterCancel", function ThemeComponent_ng_template_42_Template_q_grid_reference_editor_afterCancel_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r318); const $view_r316 = restoredCtx.$view; return $view_r316.edit.cell.cancel.execute(); });
i0.ɵɵelementEnd()();
} if (rf & 2) {
const $cell_r315 = ctx.$implicit;
const $view_r316 = ctx.$view;
i0.ɵɵadvance(1);
i0.ɵɵproperty("cell", $cell_r315)("value", $view_r316.edit.cell.value)("caption", $cell_r315.column.title);
} }
function ThemeComponent_ng_template_43_ng_container_5_mat_divider_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "mat-divider");
} }
function ThemeComponent_ng_template_43_ng_container_5_button_2_span_5_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span", 217);
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $action_r326 = i0.ɵɵnextContext(2).$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", $action_r326.command.shortcut, " ");
} }
function ThemeComponent_ng_template_43_ng_container_5_button_2_Template(rf, ctx) { if (rf & 1) {
const _r333 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "button", 215);
i0.ɵɵlistener("keydown.enter", function ThemeComponent_ng_template_43_ng_container_5_button_2_Template_button_keydown_enter_0_listener() { i0.ɵɵrestoreView(_r333); const $action_r326 = i0.ɵɵnextContext().$implicit; const $cell_r322 = i0.ɵɵnextContext().$implicit; return $action_r326.command.canExecute($cell_r322) === true && $action_r326.command.execute($cell_r322); })("q-grid-command-execute", function ThemeComponent_ng_template_43_ng_container_5_button_2_Template_button_q_grid_command_execute_0_listener() { i0.ɵɵrestoreView(_r333); const ctx_r336 = i0.ɵɵnextContext(2); const $cell_r322 = ctx_r336.$implicit; const $view_r323 = ctx_r336.$view; return $view_r323.edit.cell.cancel.execute($cell_r322); });
i0.ɵɵelementStart(1, "mat-icon", 126);
i0.ɵɵtext(2);
i0.ɵɵelementEnd();
i0.ɵɵelementStart(3, "span");
i0.ɵɵtext(4);
i0.ɵɵelementEnd();
i0.ɵɵtemplate(5, ThemeComponent_ng_template_43_ng_container_5_button_2_span_5_Template, 2, 1, "span", 216);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $action_r326 = i0.ɵɵnextContext().$implicit;
const $cell_r322 = i0.ɵɵnextContext().$implicit;
i0.ɵɵproperty("q-grid-command", $action_r326.command)("q-grid-command-arg", $cell_r322)("q-grid-command-use-shortcut", true);
i0.ɵɵadvance(2);
i0.ɵɵtextInterpolate($action_r326.icon);
i0.ɵɵadvance(2);
i0.ɵɵtextInterpolate($action_r326.title);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", $action_r326.command.shortcut);
} }
function ThemeComponent_ng_template_43_ng_container_5_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainerStart(0, 213);
i0.ɵɵtemplate(1, ThemeComponent_ng_template_43_ng_container_5_mat_divider_1_Template, 1, 0, "mat-divider", 195);
i0.ɵɵtemplate(2, ThemeComponent_ng_template_43_ng_container_5_button_2_Template, 6, 6, "button", 214);
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const $action_r326 = ctx.$implicit;
i0.ɵɵproperty("ngSwitch", $action_r326.title);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngSwitchCase", "---");
} }
function ThemeComponent_ng_template_43_Template(rf, ctx) { if (rf & 1) {
const _r340 = i0.ɵɵgetCurrentView();
i0.ɵɵelementContainerStart(0, 208);
i0.ɵɵlistener("q-grid-menu-trigger", function ThemeComponent_ng_template_43_Template_ng_container_q_grid_menu_trigger_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r340); const $cell_r322 = restoredCtx.$implicit; const $view_r323 = restoredCtx.$view; return $view_r323.edit.cell.cancel.execute($cell_r322); });
i0.ɵɵelementStart(1, "mat-icon", 209);
i0.ɵɵtext(2, " more_vert ");
i0.ɵɵelementEnd();
i0.ɵɵelementContainerEnd();
i0.ɵɵelementStart(3, "mat-menu", 210, 211);
i0.ɵɵtemplate(5, ThemeComponent_ng_template_43_ng_container_5_Template, 3, 2, "ng-container", 212);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $cell_r322 = ctx.$implicit;
const _r324 = i0.ɵɵreference(4);
i0.ɵɵadvance(1);
i0.ɵɵproperty("matMenuTriggerFor", _r324);
i0.ɵɵadvance(4);
i0.ɵɵproperty("ngForOf", $cell_r322.column.editorOptions.actions);
} }
function ThemeComponent_ng_template_44_Template(rf, ctx) { if (rf & 1) {
const _r345 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "q-grid-cell-editor", 218);
i0.ɵɵlistener("close", function ThemeComponent_ng_template_44_Template_q_grid_cell_editor_close_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r345); const $cell_r341 = restoredCtx.$implicit; const $view_r342 = restoredCtx.$view; return $view_r342.edit.cell.exit.execute($cell_r341); });
i0.ɵɵelementStart(1, "mat-form-field")(2, "textarea", 219, 167);
i0.ɵɵlistener("ngModelChange", function ThemeComponent_ng_template_44_Template_textarea_ngModelChange_2_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r345); const $view_r342 = restoredCtx.$view; return $view_r342.edit.cell.value = $event; });
i0.ɵɵtext(4, " ");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(5, "mat-hint", 220);
i0.ɵɵtext(6);
i0.ɵɵelementEnd()();
i0.ɵɵelement(7, "q-grid-validator", 159);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $cell_r341 = ctx.$implicit;
const $view_r342 = ctx.$view;
const _r343 = i0.ɵɵreference(3);
i0.ɵɵadvance(2);
i0.ɵɵpropertyInterpolate("maxlength", $cell_r341.column.maxLength);
i0.ɵɵproperty("ngModel", $view_r342.edit.cell.value);
i0.ɵɵadvance(4);
i0.ɵɵtextInterpolate2(" ", _r343.value.length, " / ", $cell_r341.column.maxLength, " ");
i0.ɵɵadvance(1);
i0.ɵɵproperty("key", $cell_r341.column.key)("type", $cell_r341.column.type)("value", $view_r342.edit.cell.value);
} }
function ThemeComponent_ng_template_45_q_grid_validator_6_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "q-grid-validator", 159);
} if (rf & 2) {
const ctx_r351 = i0.ɵɵnextContext();
const $cell_r347 = ctx_r351.$implicit;
const $view_r348 = ctx_r351.$view;
i0.ɵɵproperty("key", $cell_r347.column.key)("type", $cell_r347.column.type)("value", $view_r348.edit.cell.value);
} }
function ThemeComponent_ng_template_45_Template(rf, ctx) { if (rf & 1) {
const _r353 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "q-grid-cell-editor", 221);
i0.ɵɵlistener("close", function ThemeComponent_ng_template_45_Template_q_grid_cell_editor_close_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r353); const $cell_r347 = restoredCtx.$implicit; const $view_r348 = restoredCtx.$view; return $view_r348.edit.cell.exit.execute($cell_r347); });
i0.ɵɵelementStart(1, "mat-form-field")(2, "input", 222, 167);
i0.ɵɵlistener("ngModelChange", function ThemeComponent_ng_template_45_Template_input_ngModelChange_2_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r353); const $view_r348 = restoredCtx.$view; return $view_r348.edit.cell.value = $event; });
i0.ɵɵelementEnd();
i0.ɵɵelementStart(4, "mat-hint", 220);
i0.ɵɵtext(5);
i0.ɵɵelementEnd()();
i0.ɵɵtemplate(6, ThemeComponent_ng_template_45_q_grid_validator_6_Template, 1, 3, "q-grid-validator", 223);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $cell_r347 = ctx.$implicit;
const $view_r348 = ctx.$view;
const _r349 = i0.ɵɵreference(3);
i0.ɵɵadvance(2);
i0.ɵɵpropertyInterpolate("maxlength", $cell_r347.column.maxLength);
i0.ɵɵproperty("ngModel", $view_r348.edit.cell.value);
i0.ɵɵadvance(3);
i0.ɵɵtextInterpolate2(" ", _r349.value.length, " / ", $cell_r347.column.maxLength, " ");
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", $view_r348 == null ? null : $view_r348.edit);
} }
function ThemeComponent_ng_template_46_mat_form_field_1_Template(rf, ctx) { if (rf & 1) {
const _r362 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field")(1, "input", 226, 167);
i0.ɵɵlistener("change", function ThemeComponent_ng_template_46_mat_form_field_1_Template_input_change_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r362); const qGridTime_r358 = restoredCtx.$implicit; const _r359 = i0.ɵɵreference(2); const $view_r356 = i0.ɵɵnextContext().$view; return $view_r356.edit.cell.value = qGridTime_r358.time($view_r356.edit.cell.value, _r359.value); });
i0.ɵɵpipe(3, "qGridTime");
i0.ɵɵelementEnd()();
} if (rf & 2) {
const $view_r356 = i0.ɵɵnextContext().$view;
i0.ɵɵadvance(1);
i0.ɵɵproperty("value", i0.ɵɵpipeBind2(3, 1, $view_r356.edit.cell.value, "HH:mm"));
} }
function ThemeComponent_ng_template_46_Template(rf, ctx) { if (rf & 1) {
const _r365 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "q-grid-cell-editor", 224);
i0.ɵɵlistener("close", function ThemeComponent_ng_template_46_Template_q_grid_cell_editor_close_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r365); const $cell_r355 = restoredCtx.$implicit; const $view_r356 = restoredCtx.$view; return $view_r356.edit.cell.exit.execute($cell_r355); });
i0.ɵɵtemplate(1, ThemeComponent_ng_template_46_mat_form_field_1_Template, 4, 4, "mat-form-field", 225);
i0.ɵɵelement(2, "q-grid-validator", 159);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $cell_r355 = ctx.$implicit;
const $view_r356 = ctx.$view;
i0.ɵɵadvance(2);
i0.ɵɵproperty("key", $cell_r355.column.key)("type", $cell_r355.column.type)("value", $view_r356.edit.cell.value);
} }
function ThemeComponent_ng_template_47_mat_form_field_3_Template(rf, ctx) { if (rf & 1) {
const _r371 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field")(1, "input", 188);
i0.ɵɵlistener("ngModelChange", function ThemeComponent_ng_template_47_mat_form_field_3_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r371); const $view_r367 = i0.ɵɵnextContext().$view; return $view_r367.edit.cell.label = $event; });
i0.ɵɵelementEnd()();
} if (rf & 2) {
const $view_r367 = i0.ɵɵnextContext().$view;
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngModel", $view_r367.edit.cell.label);
} }
function ThemeComponent_ng_template_47_Template(rf, ctx) { if (rf & 1) {
const _r374 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "q-grid-cell-editor", 227);
i0.ɵɵlistener("close", function ThemeComponent_ng_template_47_Template_q_grid_cell_editor_close_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r374); const $cell_r366 = restoredCtx.$implicit; const $view_r367 = restoredCtx.$view; return $view_r367.edit.cell.exit.execute($cell_r366); });
i0.ɵɵelementStart(1, "q-grid-tab-trap")(2, "div", 228);
i0.ɵɵtemplate(3, ThemeComponent_ng_template_47_mat_form_field_3_Template, 2, 1, "mat-form-field", 142);
i0.ɵɵelementStart(4, "mat-form-field")(5, "input", 229);
i0.ɵɵlistener("ngModelChange", function ThemeComponent_ng_template_47_Template_input_ngModelChange_5_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r374); const $view_r367 = restoredCtx.$view; return $view_r367.edit.cell.value = $event; });
i0.ɵɵelementEnd()();
i0.ɵɵelement(6, "q-grid-validator", 159);
i0.ɵɵelementEnd()()();
} if (rf & 2) {
const $cell_r366 = ctx.$implicit;
const $view_r367 = ctx.$view;
i0.ɵɵadvance(3);
i0.ɵɵproperty("ngIf", $cell_r366.column.label !== null);
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngModel", $view_r367.edit.cell.value);
i0.ɵɵadvance(1);
i0.ɵɵproperty("key", $cell_r366.column.key)("type", $cell_r366.column.type)("value", $view_r367.edit.cell.value);
} }
function ThemeComponent_ng_template_48_ng_container_6_Template(rf, ctx) { if (rf & 1) {
const _r383 = i0.ɵɵgetCurrentView();
i0.ɵɵelementContainerStart(0, 160);
i0.ɵɵlistener("q-grid-chips-remove", function ThemeComponent_ng_template_48_ng_container_6_Template_ng_container_q_grid_chips_remove_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r383); const $index_r381 = restoredCtx.index; const $editor_r376 = i0.ɵɵnextContext().$implicit; return $editor_r376.value.splice($index_r381, 1); });
i0.ɵɵelementStart(1, "mat-chip", 161);
i0.ɵɵtext(2);
i0.ɵɵelementStart(3, "mat-icon", 162);
i0.ɵɵtext(4, " cancel ");
i0.ɵɵelementEnd()();
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const value_r380 = ctx.$implicit;
i0.ɵɵadvance(2);
i0.ɵɵtextInterpolate1(" ", value_r380, " ");
} }
function ThemeComponent_ng_template_48_Template(rf, ctx) { if (rf & 1) {
const _r386 = i0.ɵɵgetCurrentView();
i0.ɵɵelementContainerStart(0, 230);
i0.ɵɵelementStart(1, "h3");
i0.ɵɵtext(2);
i0.ɵɵelementEnd();
i0.ɵɵelementStart(3, "div", 153)(4, "mat-chip-list", null, 154);
i0.ɵɵtemplate(6, ThemeComponent_ng_template_48_ng_container_6_Template, 5, 1, "ng-container", 155);
i0.ɵɵelementEnd()();
i0.ɵɵelementStart(7, "mat-form-field", 156);
i0.ɵɵlistener("q-grid-chips-push", function ThemeComponent_ng_template_48_Template_mat_form_field_q_grid_chips_push_7_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r386); const $editor_r376 = restoredCtx.$implicit; return $editor_r376.value.push($event); });
i0.ɵɵelement(8, "input", 231, 158);
i0.ɵɵelementEnd();
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const $editor_r376 = ctx.$implicit;
const _r377 = i0.ɵɵreference(5);
i0.ɵɵadvance(2);
i0.ɵɵtextInterpolate($editor_r376.cell.column.title);
i0.ɵɵadvance(4);
i0.ɵɵproperty("ngForOf", $editor_r376.value);
i0.ɵɵadvance(1);
i0.ɵɵproperty("floatLabel", "never");
i0.ɵɵadvance(1);
i0.ɵɵpropertyInterpolate("type", $editor_r376.cell.column.itemType);
i0.ɵɵproperty("matChipInputFor", _r377);
} }
function ThemeComponent_ng_template_49_Template(rf, ctx) { if (rf & 1) {
const _r389 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "q-grid-bool-editor", 232);
i0.ɵɵlistener("valueChange", function ThemeComponent_ng_template_49_Template_q_grid_bool_editor_valueChange_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r389); const $editor_r387 = restoredCtx.$implicit; return $editor_r387.value = $event; });
i0.ɵɵelementEnd();
} if (rf & 2) {
const $editor_r387 = ctx.$implicit;
i0.ɵɵproperty("column", $editor_r387.cell.column)("value", $editor_r387.value)("label", $editor_r387.cell.column.title);
} }
function ThemeComponent_ng_template_50_Template(rf, ctx) { if (rf & 1) {
const _r392 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field")(1, "input", 233);
i0.ɵɵlistener("ngModelChange", function ThemeComponent_ng_template_50_Template_input_ngModelChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r392); const $editor_r390 = restoredCtx.$implicit; return $editor_r390.value = $event; });
i0.ɵɵelementEnd()();
} if (rf & 2) {
const $editor_r390 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("placeholder", $editor_r390.cell.column.title)("ngModel", $editor_r390.value);
} }
function ThemeComponent_ng_template_51_Template(rf, ctx) { if (rf & 1) {
const _r396 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field")(1, "input", 234);
i0.ɵɵlistener("ngModelChange", function ThemeComponent_ng_template_51_Template_input_ngModelChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r396); const $editor_r393 = restoredCtx.$implicit; return $editor_r393.value = $event; });
i0.ɵɵelementEnd();
i0.ɵɵelement(2, "mat-datepicker-toggle", 172)(3, "mat-datepicker", null, 174);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $editor_r393 = ctx.$implicit;
const _r394 = i0.ɵɵreference(4);
i0.ɵɵadvance(1);
i0.ɵɵproperty("matDatepicker", _r394)("placeholder", $editor_r393.cell.column.title)("ngModel", $editor_r393.value);
i0.ɵɵadvance(1);
i0.ɵɵproperty("for", _r394);
} }
function ThemeComponent_ng_template_52_Template(rf, ctx) { if (rf & 1) {
const _r400 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field")(1, "input", 234);
i0.ɵɵlistener("ngModelChange", function ThemeComponent_ng_template_52_Template_input_ngModelChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r400); const $editor_r397 = restoredCtx.$implicit; return $editor_r397.value = $event; });
i0.ɵɵelementEnd();
i0.ɵɵelement(2, "mat-datepicker-toggle", 172)(3, "mat-datepicker", null, 174);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $editor_r397 = ctx.$implicit;
const _r398 = i0.ɵɵreference(4);
i0.ɵɵadvance(1);
i0.ɵɵproperty("matDatepicker", _r398)("placeholder", $editor_r397.cell.column.title)("ngModel", $editor_r397.value);
i0.ɵɵadvance(1);
i0.ɵɵproperty("for", _r398);
} }
function ThemeComponent_ng_template_53_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtext(0, " Dropdown is not implemented\n");
} }
function ThemeComponent_ng_template_54_mat_form_field_2_Template(rf, ctx) { if (rf & 1) {
const _r405 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field")(1, "input", 188);
i0.ɵɵlistener("ngModelChange", function ThemeComponent_ng_template_54_mat_form_field_2_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r405); const $editor_r401 = i0.ɵɵnextContext().$implicit; return $editor_r401.label = $event; });
i0.ɵɵelementEnd()();
} if (rf & 2) {
const $editor_r401 = i0.ɵɵnextContext().$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngModel", $editor_r401.label);
} }
function ThemeComponent_ng_template_54_Template(rf, ctx) { if (rf & 1) {
const _r408 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "h3");
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
i0.ɵɵtemplate(2, ThemeComponent_ng_template_54_mat_form_field_2_Template, 2, 1, "mat-form-field", 142);
i0.ɵɵelementStart(3, "mat-form-field")(4, "input", 235);
i0.ɵɵlistener("ngModelChange", function ThemeComponent_ng_template_54_Template_input_ngModelChange_4_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r408); const $editor_r401 = restoredCtx.$implicit; return $editor_r401.value = $event; });
i0.ɵɵelementEnd()();
} if (rf & 2) {
const $editor_r401 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate($editor_r401.cell.column.title);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", $editor_r401.cell.column.label !== null);
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngModel", $editor_r401.value);
} }
function ThemeComponent_ng_template_55_span_4_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span", 201);
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $editor_r409 = i0.ɵɵnextContext().$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", $editor_r409.label, " ");
} }
function ThemeComponent_ng_template_55_span_8_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span");
i0.ɵɵtext(1, "Drag and drop a file here or click");
i0.ɵɵelementEnd();
} }
function ThemeComponent_ng_template_55_span_9_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span");
i0.ɵɵtext(1, "Drag and drop or click to replace ");
i0.ɵɵelementEnd();
} }
function ThemeComponent_ng_template_55_div_11_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 202);
i0.ɵɵelement(1, "img", 138);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $editor_r409 = i0.ɵɵnextContext().$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("src", $editor_r409.value, i0.ɵɵsanitizeUrl);
} }
function ThemeComponent_ng_template_55_Template(rf, ctx) { if (rf & 1) {
const _r417 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "h3");
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
i0.ɵɵelementStart(2, "div", 191)(3, "div", 192);
i0.ɵɵtemplate(4, ThemeComponent_ng_template_55_span_4_Template, 2, 1, "span", 193);
i0.ɵɵelementStart(5, "div", 194)(6, "mat-icon");
i0.ɵɵtext(7, "file_upload");
i0.ɵɵelementEnd();
i0.ɵɵtemplate(8, ThemeComponent_ng_template_55_span_8_Template, 2, 0, "span", 195);
i0.ɵɵtemplate(9, ThemeComponent_ng_template_55_span_9_Template, 2, 0, "span", 195);
i0.ɵɵelementEnd()();
i0.ɵɵelementStart(10, "input", 236);
i0.ɵɵlistener("q-grid-fileChange", function ThemeComponent_ng_template_55_Template_input_q_grid_fileChange_10_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r417); const $editor_r409 = restoredCtx.$implicit; return $editor_r409.value = $event; })("q-grid-file-labelChange", function ThemeComponent_ng_template_55_Template_input_q_grid_file_labelChange_10_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r417); const $editor_r409 = restoredCtx.$implicit; return $editor_r409.label = $event; });
i0.ɵɵelementEnd();
i0.ɵɵtemplate(11, ThemeComponent_ng_template_55_div_11_Template, 2, 1, "div", 197);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $editor_r409 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate($editor_r409.cell.column.title);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c3, $editor_r409.cell.column.hasPreview($editor_r409.label)));
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngSwitch", !!$editor_r409.value);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngSwitchCase", true);
i0.ɵɵadvance(4);
i0.ɵɵproperty("ngSwitchCase", false);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngSwitchCase", true);
i0.ɵɵadvance(1);
i0.ɵɵproperty("q-grid-file", $editor_r409.value)("q-grid-file-label", $editor_r409.label)("q-grid-file-is-valid", $editor_r409.cell.column.canUpload);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", $editor_r409.cell.column.hasPreview($editor_r409.label));
} }
function ThemeComponent_ng_template_56_span_4_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span", 201);
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $editor_r419 = i0.ɵɵnextContext().$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", $editor_r419.label, " ");
} }
function ThemeComponent_ng_template_56_span_8_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span");
i0.ɵɵtext(1, "Drag and drop an image here or click");
i0.ɵɵelementEnd();
} }
function ThemeComponent_ng_template_56_span_9_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span");
i0.ɵɵtext(1, "Drag and drop or click to replace ");
i0.ɵɵelementEnd();
} }
function ThemeComponent_ng_template_56_div_11_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 202);
i0.ɵɵelement(1, "img", 138);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $editor_r419 = i0.ɵɵnextContext().$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("src", $editor_r419.value, i0.ɵɵsanitizeUrl);
} }
function ThemeComponent_ng_template_56_Template(rf, ctx) { if (rf & 1) {
const _r427 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "h3");
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
i0.ɵɵelementStart(2, "div", 191)(3, "div", 192);
i0.ɵɵtemplate(4, ThemeComponent_ng_template_56_span_4_Template, 2, 1, "span", 193);
i0.ɵɵelementStart(5, "div", 194)(6, "mat-icon");
i0.ɵɵtext(7, "file_upload");
i0.ɵɵelementEnd();
i0.ɵɵtemplate(8, ThemeComponent_ng_template_56_span_8_Template, 2, 0, "span", 195);
i0.ɵɵtemplate(9, ThemeComponent_ng_template_56_span_9_Template, 2, 0, "span", 195);
i0.ɵɵelementEnd()();
i0.ɵɵelementStart(10, "input", 196);
i0.ɵɵlistener("q-grid-fileChange", function ThemeComponent_ng_template_56_Template_input_q_grid_fileChange_10_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r427); const $editor_r419 = restoredCtx.$implicit; return $editor_r419.value = $event; })("q-grid-file-labelChange", function ThemeComponent_ng_template_56_Template_input_q_grid_file_labelChange_10_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r427); const $editor_r419 = restoredCtx.$implicit; return $editor_r419.label = $event; });
i0.ɵɵelementEnd();
i0.ɵɵtemplate(11, ThemeComponent_ng_template_56_div_11_Template, 2, 1, "div", 197);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $editor_r419 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate($editor_r419.cell.column.title);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c3, $editor_r419.cell.column.hasPreview($editor_r419.label)));
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngSwitch", !!$editor_r419.value);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngSwitchCase", true);
i0.ɵɵadvance(4);
i0.ɵɵproperty("ngSwitchCase", false);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngSwitchCase", true);
i0.ɵɵadvance(1);
i0.ɵɵproperty("q-grid-file", $editor_r419.value)("q-grid-file-label", $editor_r419.label)("q-grid-file-is-valid", $editor_r419.cell.column.canUpload);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", $editor_r419.cell.column.hasPreview($editor_r419.label));
} }
function ThemeComponent_ng_template_57_Template(rf, ctx) { if (rf & 1) {
const _r432 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field")(1, "input", 233, 167);
i0.ɵɵlistener("ngModelChange", function ThemeComponent_ng_template_57_Template_input_ngModelChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r432); const $editor_r429 = restoredCtx.$implicit; return $editor_r429.value = $event; });
i0.ɵɵelementEnd()();
} if (rf & 2) {
const $editor_r429 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("placeholder", $editor_r429.cell.column.title)("ngModel", $editor_r429.value);
} }
function ThemeComponent_ng_template_58_Template(rf, ctx) { if (rf & 1) {
const _r435 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field")(1, "input", 237);
i0.ɵɵlistener("ngModelChange", function ThemeComponent_ng_template_58_Template_input_ngModelChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r435); const $editor_r433 = restoredCtx.$implicit; return $editor_r433.value = $event; });
i0.ɵɵelementEnd()();
} if (rf & 2) {
const $editor_r433 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("placeholder", $editor_r433.cell.column.title)("ngModel", $editor_r433.value);
} }
function ThemeComponent_ng_template_59_Template(rf, ctx) { if (rf & 1) {
const _r438 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "h3");
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
i0.ɵɵelementStart(2, "q-grid-reference", 238);
i0.ɵɵlistener("valueChange", function ThemeComponent_ng_template_59_Template_q_grid_reference_valueChange_2_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r438); const $editor_r436 = restoredCtx.$implicit; return $editor_r436.value = $event; });
i0.ɵɵelementEnd();
} if (rf & 2) {
const $editor_r436 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate($editor_r436.cell.column.title);
i0.ɵɵadvance(1);
i0.ɵɵproperty("cell", $editor_r436.cell)("value", $editor_r436.value)("autofocus", false);
} }
function ThemeComponent_ng_template_60_Template(rf, ctx) { if (rf & 1) {
const _r442 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field")(1, "textarea", 239, 167);
i0.ɵɵlistener("ngModelChange", function ThemeComponent_ng_template_60_Template_textarea_ngModelChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r442); const $editor_r439 = restoredCtx.$implicit; return $editor_r439.value = $event; });
i0.ɵɵtext(3, " ");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(4, "mat-hint", 220);
i0.ɵɵtext(5);
i0.ɵɵelementEnd()();
} if (rf & 2) {
const $editor_r439 = ctx.$implicit;
const _r440 = i0.ɵɵreference(2);
i0.ɵɵadvance(1);
i0.ɵɵproperty("placeholder", $editor_r439.cell.column.title)("ngModel", $editor_r439.value);
i0.ɵɵadvance(4);
i0.ɵɵtextInterpolate2(" ", _r440.value.length, " / ", $editor_r439.cell.column.maxLength, " ");
} }
function ThemeComponent_ng_template_61_Template(rf, ctx) { if (rf & 1) {
const _r446 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field", 240)(1, "input", 241, 167);
i0.ɵɵlistener("ngModelChange", function ThemeComponent_ng_template_61_Template_input_ngModelChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r446); const $editor_r443 = restoredCtx.$implicit; return $editor_r443.value = $event; });
i0.ɵɵelementEnd();
i0.ɵɵelementStart(3, "mat-hint", 220);
i0.ɵɵtext(4);
i0.ɵɵelementEnd()();
} if (rf & 2) {
const $editor_r443 = ctx.$implicit;
const _r444 = i0.ɵɵreference(2);
i0.ɵɵadvance(1);
i0.ɵɵpropertyInterpolate("maxlength", $editor_r443.cell.column.maxLength);
i0.ɵɵproperty("ngModel", $editor_r443.value)("placeholder", $editor_r443.cell.column.title);
i0.ɵɵadvance(3);
i0.ɵɵtextInterpolate2(" ", _r444.value.length, " / ", $editor_r443.cell.column.maxLength, " ");
} }
function ThemeComponent_ng_template_62_Template(rf, ctx) { if (rf & 1) {
const _r449 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field")(1, "input", 242);
i0.ɵɵlistener("ngModelChange", function ThemeComponent_ng_template_62_Template_input_ngModelChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r449); const $editor_r447 = restoredCtx.$implicit; return $editor_r447.value = $event; });
i0.ɵɵelementEnd()();
} if (rf & 2) {
const $editor_r447 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("placeholder", $editor_r447.cell.column.title)("ngModel", $editor_r447.value);
} }
function ThemeComponent_ng_template_63_mat_form_field_2_Template(rf, ctx) { if (rf & 1) {
const _r454 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field")(1, "input", 188);
i0.ɵɵlistener("ngModelChange", function ThemeComponent_ng_template_63_mat_form_field_2_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r454); const $editor_r450 = i0.ɵɵnextContext().$implicit; return $editor_r450.label = $event; });
i0.ɵɵelementEnd()();
} if (rf & 2) {
const $editor_r450 = i0.ɵɵnextContext().$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngModel", $editor_r450.label);
} }
function ThemeComponent_ng_template_63_Template(rf, ctx) { if (rf & 1) {
const _r457 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "h3");
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
i0.ɵɵtemplate(2, ThemeComponent_ng_template_63_mat_form_field_2_Template, 2, 1, "mat-form-field", 142);
i0.ɵɵelementStart(3, "mat-form-field")(4, "input", 243);
i0.ɵɵlistener("ngModelChange", function ThemeComponent_ng_template_63_Template_input_ngModelChange_4_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r457); const $editor_r450 = restoredCtx.$implicit; return $editor_r450.value = $event; });
i0.ɵɵelementEnd()();
} if (rf & 2) {
const $editor_r450 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate($editor_r450.cell.column.title);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", $editor_r450.cell.column.label !== null);
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngModel", $editor_r450.value);
} }
function ThemeComponent_ng_template_64_mat_checkbox_0_Template(rf, ctx) { if (rf & 1) {
const _r464 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-checkbox", 245, 167);
i0.ɵɵlistener("change", function ThemeComponent_ng_template_64_mat_checkbox_0_Template_mat_checkbox_change_0_listener() { i0.ɵɵrestoreView(_r464); const _r461 = i0.ɵɵreference(1); const ctx_r463 = i0.ɵɵnextContext(); const $cell_r458 = ctx_r463.$implicit; const $view_r459 = ctx_r463.$view; return $view_r459.filter.column.execute($cell_r458.column.model, _r461.checked); });
i0.ɵɵelementEnd();
} if (rf & 2) {
const ctx_r465 = i0.ɵɵnextContext();
const $cell_r458 = ctx_r465.$implicit;
const $view_r459 = ctx_r465.$view;
i0.ɵɵproperty("value", $view_r459.filter.value($cell_r458.column.model));
} }
function ThemeComponent_ng_template_64_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, ThemeComponent_ng_template_64_mat_checkbox_0_Template, 2, 1, "mat-checkbox", 244);
} if (rf & 2) {
const $cell_r458 = ctx.$implicit;
i0.ɵɵproperty("ngIf", $cell_r458.column.canFilter);
} }
function ThemeComponent_ng_template_65_mat_form_field_0_mat_icon_6_Template(rf, ctx) { if (rf & 1) {
const _r473 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-icon", 251);
i0.ɵɵlistener("click", function ThemeComponent_ng_template_65_mat_form_field_0_mat_icon_6_Template_mat_icon_click_0_listener() { i0.ɵɵrestoreView(_r473); const ctx_r472 = i0.ɵɵnextContext(2); const $cell_r466 = ctx_r472.$implicit; const $view_r467 = ctx_r472.$view; return $view_r467.filter.column.execute($cell_r466.column.model, null); });
i0.ɵɵtext(1, " close ");
i0.ɵɵelementEnd();
} }
function ThemeComponent_ng_template_65_mat_form_field_0_Template(rf, ctx) { if (rf & 1) {
const _r476 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field", 247)(1, "mat-placeholder")(2, "mat-icon", 248);
i0.ɵɵtext(3, "filter_list");
i0.ɵɵelementEnd()();
i0.ɵɵelementStart(4, "input", 249, 167);
i0.ɵɵlistener("change", function ThemeComponent_ng_template_65_mat_form_field_0_Template_input_change_4_listener() { i0.ɵɵrestoreView(_r476); const _r469 = i0.ɵɵreference(5); const ctx_r475 = i0.ɵɵnextContext(); const $cell_r466 = ctx_r475.$implicit; const $view_r467 = ctx_r475.$view; return $view_r467.filter.column.execute($cell_r466.column.model, _r469.value); });
i0.ɵɵelementEnd();
i0.ɵɵtemplate(6, ThemeComponent_ng_template_65_mat_form_field_0_mat_icon_6_Template, 2, 0, "mat-icon", 250);
i0.ɵɵelementEnd();
} if (rf & 2) {
const ctx_r477 = i0.ɵɵnextContext();
const $cell_r466 = ctx_r477.$implicit;
const $view_r467 = ctx_r477.$view;
i0.ɵɵadvance(4);
i0.ɵɵproperty("value", $view_r467.filter.value($cell_r466.column.model));
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngIf", !!$view_r467.filter.value($cell_r466.column.model));
} }
function ThemeComponent_ng_template_65_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, ThemeComponent_ng_template_65_mat_form_field_0_Template, 7, 2, "mat-form-field", 246);
} if (rf & 2) {
const $cell_r466 = ctx.$implicit;
i0.ɵɵproperty("ngIf", $cell_r466.column.canFilter);
} }
function ThemeComponent_ng_template_66_ng_container_0_mat_form_field_1_mat_icon_8_Template(rf, ctx) { if (rf & 1) {
const _r488 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-icon", 251);
i0.ɵɵlistener("click", function ThemeComponent_ng_template_66_ng_container_0_mat_form_field_1_mat_icon_8_Template_mat_icon_click_0_listener() { i0.ɵɵrestoreView(_r488); const ctx_r487 = i0.ɵɵnextContext(3); const $cell_r478 = ctx_r487.$implicit; const $view_r479 = ctx_r487.$view; return $view_r479.filter.column.execute($cell_r478.column.model, null); });
i0.ɵɵtext(1, " close ");
i0.ɵɵelementEnd();
} }
function ThemeComponent_ng_template_66_ng_container_0_mat_form_field_1_Template(rf, ctx) { if (rf & 1) {
const _r491 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field", 253)(1, "mat-placeholder")(2, "mat-icon", 248);
i0.ɵɵtext(3, " filter_list ");
i0.ɵɵelementEnd()();
i0.ɵɵelementStart(4, "input", 254, 167);
i0.ɵɵlistener("dateChange", function ThemeComponent_ng_template_66_ng_container_0_mat_form_field_1_Template_input_dateChange_4_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r491); const qGridDate_r482 = restoredCtx.$implicit; const ctx_r490 = i0.ɵɵnextContext(2); const $cell_r478 = ctx_r490.$implicit; const $view_r479 = ctx_r490.$view; return $view_r479.filter.column.execute($cell_r478.column.model, qGridDate_r482.dateLow($event.value, $cell_r478.column.format)); })("input", function ThemeComponent_ng_template_66_ng_container_0_mat_form_field_1_Template_input_input_4_listener() { const restoredCtx = i0.ɵɵrestoreView(_r491); const qGridDate_r482 = restoredCtx.$implicit; const _r483 = i0.ɵɵreference(5); const ctx_r493 = i0.ɵɵnextContext(2); const $cell_r478 = ctx_r493.$implicit; const $view_r479 = ctx_r493.$view; return qGridDate_r482.isValid(_r483.value, $cell_r478.column.format) && $view_r479.filter.column.execute($cell_r478.column.model, qGridDate_r482.dateLow(_r483.value, $cell_r478.column.format)); });
i0.ɵɵpipe(6, "qGridConvert");
i0.ɵɵelementEnd();
i0.ɵɵelement(7, "mat-datepicker-toggle", 172);
i0.ɵɵtemplate(8, ThemeComponent_ng_template_66_ng_container_0_mat_form_field_1_mat_icon_8_Template, 2, 0, "mat-icon", 250);
i0.ɵɵelement(9, "mat-datepicker", null, 174);
i0.ɵɵelementEnd();
} if (rf & 2) {
const qGridDate_r482 = ctx.$implicit;
const _r483 = i0.ɵɵreference(5);
const _r485 = i0.ɵɵreference(10);
const ctx_r494 = i0.ɵɵnextContext(2);
const $cell_r478 = ctx_r494.$implicit;
const $view_r479 = ctx_r494.$view;
i0.ɵɵproperty("q-grid-date-adapter", $cell_r478.column.format)("ngClass", i0.ɵɵpureFunction1(10, _c2, !qGridDate_r482.isValid(_r483.value, $cell_r478.column.format)));
i0.ɵɵadvance(4);
i0.ɵɵproperty("matDatepicker", _r485)("q-grid-date-mask", $cell_r478.column.format)("value", i0.ɵɵpipeBind2(6, 7, $view_r479.filter.value($cell_r478.column.model), "date"));
i0.ɵɵadvance(3);
i0.ɵɵproperty("for", _r485);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", !!$view_r479.filter.value($cell_r478.column.model));
} }
function ThemeComponent_ng_template_66_ng_container_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainerStart(0);
i0.ɵɵtemplate(1, ThemeComponent_ng_template_66_ng_container_0_mat_form_field_1_Template, 11, 12, "mat-form-field", 252);
i0.ɵɵelementContainerEnd();
} }
function ThemeComponent_ng_template_66_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, ThemeComponent_ng_template_66_ng_container_0_Template, 2, 0, "ng-container", 142);
} if (rf & 2) {
const $cell_r478 = ctx.$implicit;
i0.ɵɵproperty("ngIf", $cell_r478.column.canFilter);
} }
function ThemeComponent_ng_template_67_ng_container_0_mat_form_field_1_mat_icon_8_Template(rf, ctx) { if (rf & 1) {
const _r505 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-icon", 251);
i0.ɵɵlistener("click", function ThemeComponent_ng_template_67_ng_container_0_mat_form_field_1_mat_icon_8_Template_mat_icon_click_0_listener() { i0.ɵɵrestoreView(_r505); const ctx_r504 = i0.ɵɵnextContext(3); const $cell_r495 = ctx_r504.$implicit; const $view_r496 = ctx_r504.$view; return $view_r496.filter.column.execute($cell_r495.column.model, null); });
i0.ɵɵtext(1, " close ");
i0.ɵɵelementEnd();
} }
function ThemeComponent_ng_template_67_ng_container_0_mat_form_field_1_Template(rf, ctx) { if (rf & 1) {
const _r508 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field", 253)(1, "mat-placeholder")(2, "mat-icon", 248);
i0.ɵɵtext(3, " filter_list ");
i0.ɵɵelementEnd()();
i0.ɵɵelementStart(4, "input", 254, 167);
i0.ɵɵlistener("dateChange", function ThemeComponent_ng_template_67_ng_container_0_mat_form_field_1_Template_input_dateChange_4_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r508); const qGridDate_r499 = restoredCtx.$implicit; const ctx_r507 = i0.ɵɵnextContext(2); const $cell_r495 = ctx_r507.$implicit; const $view_r496 = ctx_r507.$view; return $view_r496.filter.column.execute($cell_r495.column.model, qGridDate_r499.dateLow($event.value, $cell_r495.column.dateFormat)); })("input", function ThemeComponent_ng_template_67_ng_container_0_mat_form_field_1_Template_input_input_4_listener() { const restoredCtx = i0.ɵɵrestoreView(_r508); const qGridDate_r499 = restoredCtx.$implicit; const _r500 = i0.ɵɵreference(5); const ctx_r510 = i0.ɵɵnextContext(2); const $cell_r495 = ctx_r510.$implicit; const $view_r496 = ctx_r510.$view; return qGridDate_r499.isValid(_r500.value, $cell_r495.column.dateFormat) && $view_r496.filter.column.execute($cell_r495.column.model, qGridDate_r499.dateLow(_r500.value, $cell_r495.column.dateFormat)); });
i0.ɵɵpipe(6, "qGridConvert");
i0.ɵɵelementEnd();
i0.ɵɵelement(7, "mat-datepicker-toggle", 172);
i0.ɵɵtemplate(8, ThemeComponent_ng_template_67_ng_container_0_mat_form_field_1_mat_icon_8_Template, 2, 0, "mat-icon", 250);
i0.ɵɵelement(9, "mat-datepicker", null, 174);
i0.ɵɵelementEnd();
} if (rf & 2) {
const qGridDate_r499 = ctx.$implicit;
const _r500 = i0.ɵɵreference(5);
const _r502 = i0.ɵɵreference(10);
const ctx_r511 = i0.ɵɵnextContext(2);
const $cell_r495 = ctx_r511.$implicit;
const $view_r496 = ctx_r511.$view;
i0.ɵɵproperty("q-grid-date-adapter", $cell_r495.column.dateFormat)("ngClass", i0.ɵɵpureFunction1(10, _c2, !qGridDate_r499.isValid(_r500.value, $cell_r495.column.dateFormat)));
i0.ɵɵadvance(4);
i0.ɵɵproperty("matDatepicker", _r502)("q-grid-date-mask", $cell_r495.column.dateFormat)("value", i0.ɵɵpipeBind2(6, 7, $view_r496.filter.value($cell_r495.column.model), "date"));
i0.ɵɵadvance(3);
i0.ɵɵproperty("for", _r502);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", !!$view_r496.filter.value($cell_r495.column.model));
} }
function ThemeComponent_ng_template_67_ng_container_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainerStart(0);
i0.ɵɵtemplate(1, ThemeComponent_ng_template_67_ng_container_0_mat_form_field_1_Template, 11, 12, "mat-form-field", 252);
i0.ɵɵelementContainerEnd();
} }
function ThemeComponent_ng_template_67_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, ThemeComponent_ng_template_67_ng_container_0_Template, 2, 0, "ng-container", 142);
} if (rf & 2) {
const $cell_r495 = ctx.$implicit;
i0.ɵɵproperty("ngIf", $cell_r495.column.canFilter);
} }
function ThemeComponent_ng_template_68_mat_form_field_0_mat_icon_6_Template(rf, ctx) { if (rf & 1) {
const _r519 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-icon", 251);
i0.ɵɵlistener("click", function ThemeComponent_ng_template_68_mat_form_field_0_mat_icon_6_Template_mat_icon_click_0_listener() { i0.ɵɵrestoreView(_r519); const ctx_r518 = i0.ɵɵnextContext(2); const $cell_r512 = ctx_r518.$implicit; const $view_r513 = ctx_r518.$view; return $view_r513.filter.column.execute($cell_r512.column.model, null); });
i0.ɵɵtext(1, " close ");
i0.ɵɵelementEnd();
} }
function ThemeComponent_ng_template_68_mat_form_field_0_Template(rf, ctx) { if (rf & 1) {
const _r522 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field", 247)(1, "mat-placeholder")(2, "mat-icon", 248);
i0.ɵɵtext(3, " filter_list");
i0.ɵɵelementEnd()();
i0.ɵɵelementStart(4, "input", 249, 167);
i0.ɵɵlistener("change", function ThemeComponent_ng_template_68_mat_form_field_0_Template_input_change_4_listener() { i0.ɵɵrestoreView(_r522); const _r515 = i0.ɵɵreference(5); const ctx_r521 = i0.ɵɵnextContext(); const $cell_r512 = ctx_r521.$implicit; const $view_r513 = ctx_r521.$view; return $view_r513.filter.column.execute($cell_r512.column.model, _r515.value); });
i0.ɵɵelementEnd();
i0.ɵɵtemplate(6, ThemeComponent_ng_template_68_mat_form_field_0_mat_icon_6_Template, 2, 0, "mat-icon", 250);
i0.ɵɵelementEnd();
} if (rf & 2) {
const ctx_r523 = i0.ɵɵnextContext();
const $cell_r512 = ctx_r523.$implicit;
const $view_r513 = ctx_r523.$view;
i0.ɵɵadvance(4);
i0.ɵɵproperty("value", $view_r513.filter.value($cell_r512.column.model));
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngIf", !!$view_r513.filter.value($cell_r512.column.model));
} }
function ThemeComponent_ng_template_68_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, ThemeComponent_ng_template_68_mat_form_field_0_Template, 7, 2, "mat-form-field", 246);
} if (rf & 2) {
const $cell_r512 = ctx.$implicit;
i0.ɵɵproperty("ngIf", $cell_r512.column.canFilter);
} }
function ThemeComponent_ng_template_69_mat_form_field_0_mat_icon_6_Template(rf, ctx) { if (rf & 1) {
const _r531 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-icon", 251);
i0.ɵɵlistener("click", function ThemeComponent_ng_template_69_mat_form_field_0_mat_icon_6_Template_mat_icon_click_0_listener() { i0.ɵɵrestoreView(_r531); const ctx_r530 = i0.ɵɵnextContext(2); const $cell_r524 = ctx_r530.$implicit; const $view_r525 = ctx_r530.$view; return $view_r525.filter.column.execute($cell_r524.column.model, null); });
i0.ɵɵtext(1, " close ");
i0.ɵɵelementEnd();
} }
function ThemeComponent_ng_template_69_mat_form_field_0_Template(rf, ctx) { if (rf & 1) {
const _r534 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field", 247)(1, "mat-placeholder")(2, "mat-icon", 248);
i0.ɵɵtext(3, " filter_list");
i0.ɵɵelementEnd()();
i0.ɵɵelementStart(4, "input", 255, 167);
i0.ɵɵlistener("change", function ThemeComponent_ng_template_69_mat_form_field_0_Template_input_change_4_listener() { i0.ɵɵrestoreView(_r534); const _r527 = i0.ɵɵreference(5); const ctx_r533 = i0.ɵɵnextContext(); const $cell_r524 = ctx_r533.$implicit; const $view_r525 = ctx_r533.$view; return $view_r525.filter.column.execute($cell_r524.column.model, _r527.value); });
i0.ɵɵelementEnd();
i0.ɵɵtemplate(6, ThemeComponent_ng_template_69_mat_form_field_0_mat_icon_6_Template, 2, 0, "mat-icon", 250);
i0.ɵɵelementEnd();
} if (rf & 2) {
const ctx_r535 = i0.ɵɵnextContext();
const $cell_r524 = ctx_r535.$implicit;
const $view_r525 = ctx_r535.$view;
i0.ɵɵadvance(4);
i0.ɵɵproperty("value", $view_r525.filter.value($cell_r524.column.model));
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngIf", !!$view_r525.filter.value($cell_r524.column.model));
} }
function ThemeComponent_ng_template_69_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, ThemeComponent_ng_template_69_mat_form_field_0_Template, 7, 2, "mat-form-field", 246);
} if (rf & 2) {
const $cell_r524 = ctx.$implicit;
i0.ɵɵproperty("ngIf", $cell_r524.column.canFilter);
} }
function ThemeComponent_ng_template_70_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtext(0);
i0.ɵɵpipe(1, "qGridCurrency");
} if (rf & 2) {
const $cell_r536 = ctx.$implicit;
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(1, 1, $cell_r536.value, $cell_r536.column.code), "\n");
} }
function ThemeComponent_ng_template_71_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtext(0);
i0.ɵɵpipe(1, "qGridNumber");
} if (rf & 2) {
const $cell_r537 = ctx.$implicit;
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(1, 1, $cell_r537.value, $cell_r537.column.format), "\n");
} }
function ThemeComponent_ng_template_72_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtext(0);
} if (rf & 2) {
const $cell_r538 = ctx.$implicit;
i0.ɵɵtextInterpolate1(" ", $cell_r538.value, "\n");
} }
function ThemeComponent_ng_template_73_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "label", 256);
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $cell_r539 = ctx.$implicit;
const $view_r540 = ctx.$view;
i0.ɵɵproperty("matTooltip", $cell_r539.column.description)("matTooltipShowDelay", 800)("q-grid-command", $view_r540.group.toggleAllStatus);
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", $cell_r539.column.title, " ");
} }
function ThemeComponent_ng_template_74_mat_checkbox_1_Template(rf, ctx) { if (rf & 1) {
const _r545 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-checkbox", 258);
i0.ɵɵlistener("change", function ThemeComponent_ng_template_74_mat_checkbox_1_Template_mat_checkbox_change_0_listener() { i0.ɵɵrestoreView(_r545); const $view_r541 = i0.ɵɵnextContext().$view; return $view_r541.selection.toggleRow.execute(); });
i0.ɵɵelementEnd();
} if (rf & 2) {
const $view_r541 = i0.ɵɵnextContext().$view;
i0.ɵɵproperty("indeterminate", $view_r541.selection.isIndeterminate())("checked", $view_r541.selection.state())("disabled", !$view_r541.selection.toggleRow.canExecute());
} }
function ThemeComponent_ng_template_74_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainerStart(0, 145);
i0.ɵɵtemplate(1, ThemeComponent_ng_template_74_mat_checkbox_1_Template, 1, 3, "mat-checkbox", 257);
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const $view_r541 = ctx.$view;
i0.ɵɵproperty("q-grid-dirty", $view_r541.selection.stateCheck);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", $view_r541.selection.mode !== "singleOnly");
} }
function ThemeComponent_ng_template_75_q_grid_column_sort_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "q-grid-column-sort", 262)(1, "label", 263);
i0.ɵɵtext(2);
i0.ɵɵelementEnd()();
} if (rf & 2) {
const $cell_r547 = i0.ɵɵnextContext().$implicit;
i0.ɵɵproperty("column", $cell_r547.column);
i0.ɵɵadvance(1);
i0.ɵɵproperty("matTooltip", $cell_r547.column.description)("matTooltipShowDelay", 800);
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", $cell_r547.column.title, " ");
} }
function ThemeComponent_ng_template_75_label_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "label", 263);
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $cell_r547 = i0.ɵɵnextContext().$implicit;
i0.ɵɵproperty("matTooltip", $cell_r547.column.description)("matTooltipShowDelay", 800);
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", $cell_r547.column.title, " ");
} }
function ThemeComponent_ng_template_75_q_grid_column_filter_trigger_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "q-grid-column-filter-trigger", 264);
} if (rf & 2) {
const $cell_r547 = i0.ɵɵnextContext().$implicit;
i0.ɵɵproperty("column", $cell_r547.column);
} }
function ThemeComponent_ng_template_75_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, ThemeComponent_ng_template_75_q_grid_column_sort_0_Template, 3, 4, "q-grid-column-sort", 259);
i0.ɵɵtemplate(1, ThemeComponent_ng_template_75_label_1_Template, 2, 3, "label", 260);
i0.ɵɵtemplate(2, ThemeComponent_ng_template_75_q_grid_column_filter_trigger_2_Template, 1, 1, "q-grid-column-filter-trigger", 261);
} if (rf & 2) {
const $cell_r547 = ctx.$implicit;
i0.ɵɵproperty("ngIf", $cell_r547.column.canSort);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", !$cell_r547.column.canSort);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", $cell_r547.column.canFilter);
} }
function ThemeComponent_ng_template_76_q_grid_action_core_3_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "q-grid-action-core", 269);
} if (rf & 2) {
const action_r557 = ctx.$implicit;
i0.ɵɵproperty("action", action_r557);
} }
function ThemeComponent_ng_template_76_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 265);
i0.ɵɵelement(1, "div", 266);
i0.ɵɵelementStart(2, "div", 267);
i0.ɵɵtemplate(3, ThemeComponent_ng_template_76_q_grid_action_core_3_Template, 1, 1, "q-grid-action-core", 268);
i0.ɵɵelementEnd()();
} if (rf & 2) {
const $actionBar_r555 = ctx.$implicit;
i0.ɵɵadvance(3);
i0.ɵɵproperty("ngForOf", $actionBar_r555.actions);
} }
const _c4 = function (a0) { return { $implicit: a0 }; };
function ThemeComponent_ng_template_77_ng_container_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainer(0, 275);
} if (rf & 2) {
const $action_r558 = i0.ɵɵnextContext().$implicit;
i0.ɵɵproperty("key", $action_r558.templateUrl)("context", i0.ɵɵpureFunction1(2, _c4, $action_r558));
} }
function ThemeComponent_ng_template_77_button_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "button", 276);
i0.ɵɵpipe(1, "uppercase");
i0.ɵɵelementStart(2, "mat-icon");
i0.ɵɵtext(3);
i0.ɵɵelementEnd()();
} if (rf & 2) {
const $action_r558 = i0.ɵɵnextContext().$implicit;
i0.ɵɵproperty("q-grid-command", $action_r558.command)("q-grid-command-use-shortcut", true)("matTooltip", $action_r558.title + ($action_r558.command.shortcut ? " (" + i0.ɵɵpipeBind1(1, 5, $action_r558.command.shortcut) + ")" : ""))("matTooltipShowDelay", 800);
i0.ɵɵadvance(3);
i0.ɵɵtextInterpolate($action_r558.icon);
} }
function ThemeComponent_ng_template_77_button_3_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "button", 277);
i0.ɵɵtext(1);
i0.ɵɵpipe(2, "uppercase");
i0.ɵɵelementEnd();
} if (rf & 2) {
const $action_r558 = i0.ɵɵnextContext().$implicit;
i0.ɵɵproperty("q-grid-command", $action_r558.command)("q-grid-command-use-shortcut", true);
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", $action_r558.title + ($action_r558.command.shortcut ? " (" + i0.ɵɵpipeBind1(2, 3, $action_r558.command.shortcut) + ")" : ""), " ");
} }
function ThemeComponent_ng_template_77_ng_container_4_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainer(0, 278);
} if (rf & 2) {
const $action_r558 = i0.ɵɵnextContext().$implicit;
i0.ɵɵproperty("q-grid-command", $action_r558.command)("q-grid-command-use-shortcut", true);
} }
function ThemeComponent_ng_template_77_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 270);
i0.ɵɵtemplate(1, ThemeComponent_ng_template_77_ng_container_1_Template, 1, 4, "ng-container", 271);
i0.ɵɵtemplate(2, ThemeComponent_ng_template_77_button_2_Template, 4, 7, "button", 272);
i0.ɵɵtemplate(3, ThemeComponent_ng_template_77_button_3_Template, 3, 5, "button", 273);
i0.ɵɵtemplate(4, ThemeComponent_ng_template_77_ng_container_4_Template, 1, 2, "ng-container", 274);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $action_r558 = ctx.$implicit;
i0.ɵɵproperty("ngSwitch", $action_r558.mode);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngSwitchCase", "template");
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngSwitchCase", "icon");
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngSwitchCase", "text");
} }
function ThemeComponent_ng_template_78_mat_option_5_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "mat-option", 184);
i0.ɵɵtext(1);
i0.ɵɵpipe(2, "qGridItemLabel");
i0.ɵɵelementEnd();
} if (rf & 2) {
const option_r571 = ctx.$implicit;
const $editor_r567 = i0.ɵɵnextContext().$implicit;
i0.ɵɵproperty("value", option_r571);
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 2, option_r571, $editor_r567.itemLabelFactory($editor_r567.cell.column)), " ");
} }
function ThemeComponent_ng_template_78_Template(rf, ctx) { if (rf & 1) {
const _r574 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field")(1, "input", 279, 167);
i0.ɵɵlistener("ngModelChange", function ThemeComponent_ng_template_78_Template_input_ngModelChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r574); const $editor_r567 = restoredCtx.$implicit; return $editor_r567.value = $event; })("ngModelChange", function ThemeComponent_ng_template_78_Template_input_ngModelChange_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r574); const $editor_r567 = restoredCtx.$implicit; const _r568 = i0.ɵɵreference(2); return $editor_r567.filter(_r568.value); });
i0.ɵɵelementEnd()();
i0.ɵɵelementStart(3, "mat-autocomplete", 280, 281);
i0.ɵɵtemplate(5, ThemeComponent_ng_template_78_mat_option_5_Template, 3, 5, "mat-option", 183);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $editor_r567 = ctx.$implicit;
const _r569 = i0.ɵɵreference(4);
i0.ɵɵadvance(1);
i0.ɵɵpropertyInterpolate1("placeholder", "Pick a ", $editor_r567.title, "");
i0.ɵɵproperty("ngModel", $editor_r567.value)("matAutocomplete", _r569);
i0.ɵɵadvance(2);
i0.ɵɵproperty("displayWith", $editor_r567.itemLabelFactory($editor_r567.cell.column));
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngForOf", $editor_r567.options);
} }
function ThemeComponent_ng_template_79_ng_container_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainer(0);
} }
function ThemeComponent_ng_template_79_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 282);
i0.ɵɵtemplate(1, ThemeComponent_ng_template_79_ng_container_1_Template, 1, 0, "ng-container", 283);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $backdrop_r576 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngTemplateOutlet", $backdrop_r576.template);
} }
function ThemeComponent_ng_template_80_Template(rf, ctx) { if (rf & 1) {
const _r581 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-checkbox", 284, 285);
i0.ɵɵlistener("change", function ThemeComponent_ng_template_80_Template_mat_checkbox_change_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r581); const $editor_r578 = restoredCtx.$implicit; return $editor_r578.isChecked = $event.checked; });
i0.ɵɵtext(2);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $editor_r578 = ctx.$implicit;
const _r579 = i0.ɵɵreference(1);
i0.ɵɵproperty("q-grid-focus", _r579)("q-grid-focus-disabled", !$editor_r578.autofocus)("checked", $editor_r578.isChecked);
i0.ɵɵadvance(2);
i0.ɵɵtextInterpolate1(" ", $editor_r578.label, " ");
} }
function ThemeComponent_ng_template_81_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "h3", 286);
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $caption_r582 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate($caption_r582.value);
} }
function ThemeComponent_ng_template_82_ng_container_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainer(0);
} }
const _c5 = function () { return ["click", "mousedown", "mouseup"]; };
function ThemeComponent_ng_template_82_Template(rf, ctx) { if (rf & 1) {
const _r586 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "q-grid-backdrop", 287);
i0.ɵɵlistener("close", function ThemeComponent_ng_template_82_Template_q_grid_backdrop_close_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r586); const $editor_r583 = restoredCtx.$implicit; return $editor_r583.close($event); });
i0.ɵɵelementEnd();
i0.ɵɵelementStart(1, "div", 288);
i0.ɵɵtemplate(2, ThemeComponent_ng_template_82_ng_container_2_Template, 1, 0, "ng-container", 283);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $editor_r583 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("q-grid-stop-propagate", i0.ɵɵpureFunction0(2, _c5));
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngTemplateOutlet", $editor_r583.template);
} }
function ThemeComponent_ng_template_83_q_grid_column_chooser_6_Template(rf, ctx) { if (rf & 1) {
const _r591 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "q-grid-column-chooser", 293);
i0.ɵɵlistener("cancel", function ThemeComponent_ng_template_83_q_grid_column_chooser_6_Template_q_grid_column_chooser_cancel_0_listener() { i0.ɵɵrestoreView(_r591); i0.ɵɵnextContext(); const _r587 = i0.ɵɵreference(1); return _r587.closeMenu(); })("submit", function ThemeComponent_ng_template_83_q_grid_column_chooser_6_Template_q_grid_column_chooser_submit_0_listener() { i0.ɵɵrestoreView(_r591); i0.ɵɵnextContext(); const _r587 = i0.ɵɵreference(1); return _r587.closeMenu(); });
i0.ɵɵelementEnd();
} }
function ThemeComponent_ng_template_83_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "button", 289, 290)(2, "mat-icon", 126);
i0.ɵɵtext(3, "more_vert");
i0.ɵɵelementEnd()();
i0.ɵɵelementStart(4, "mat-menu", 291, 211);
i0.ɵɵtemplate(6, ThemeComponent_ng_template_83_q_grid_column_chooser_6_Template, 1, 0, "q-grid-column-chooser", 292);
i0.ɵɵelementEnd();
} if (rf & 2) {
const _r587 = i0.ɵɵreference(1);
const _r588 = i0.ɵɵreference(5);
i0.ɵɵproperty("matMenuTriggerFor", _r588);
i0.ɵɵadvance(6);
i0.ɵɵproperty("ngIf", _r587.menuOpen);
} }
function ThemeComponent_ng_template_84_Template(rf, ctx) { if (rf & 1) {
const _r596 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-card", 294)(1, "mat-card-header")(2, "mat-card-title");
i0.ɵɵtext(3, "Columns Filter");
i0.ɵɵelementEnd()();
i0.ɵɵelementStart(4, "mat-card-content")(5, "div", 295)(6, "mat-form-field", 296)(7, "input", 297);
i0.ɵɵlistener("input", function ThemeComponent_ng_template_84_Template_input_input_7_listener() { const restoredCtx = i0.ɵɵrestoreView(_r596); const $columnChooser_r593 = restoredCtx.$implicit; return $columnChooser_r593.search($columnChooser_r593.searchText); })("ngModelChange", function ThemeComponent_ng_template_84_Template_input_ngModelChange_7_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r596); const $columnChooser_r593 = restoredCtx.$implicit; return $columnChooser_r593.searchText = $event; });
i0.ɵɵelementEnd()()();
i0.ɵɵelementStart(8, "div", 298)(9, "ul", 299)(10, "li")(11, "mat-checkbox", 300);
i0.ɵɵlistener("change", function ThemeComponent_ng_template_84_Template_mat_checkbox_change_11_listener() { const restoredCtx = i0.ɵɵrestoreView(_r596); const $columnChooser_r593 = restoredCtx.$implicit; return $columnChooser_r593.toggleAll.execute(); });
i0.ɵɵtext(12, " Select All ");
i0.ɵɵelementEnd()();
i0.ɵɵelementStart(13, "li")(14, "mat-checkbox", 301);
i0.ɵɵlistener("change", function ThemeComponent_ng_template_84_Template_mat_checkbox_change_14_listener() { const restoredCtx = i0.ɵɵrestoreView(_r596); const $columnChooser_r593 = restoredCtx.$implicit; return $columnChooser_r593.defaults.execute(); });
i0.ɵɵtext(15, " Select Defaults ");
i0.ɵɵelementEnd()()();
i0.ɵɵelementStart(16, "div", 302);
i0.ɵɵelementContainer(17, 303);
i0.ɵɵelementEnd()()();
i0.ɵɵelementStart(18, "mat-card-actions")(19, "button", 304);
i0.ɵɵtext(20, " Cancel ");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(21, "button", 305);
i0.ɵɵtext(22, " Apply ");
i0.ɵɵelementEnd()()();
} if (rf & 2) {
const $columnChooser_r593 = ctx.$implicit;
const $plugin_r594 = ctx.plugin;
i0.ɵɵadvance(7);
i0.ɵɵproperty("ngModel", $columnChooser_r593.searchText);
i0.ɵɵadvance(4);
i0.ɵɵproperty("checked", $columnChooser_r593.stateAll())("indeterminate", $columnChooser_r593.isIndeterminate());
i0.ɵɵadvance(3);
i0.ɵɵproperty("checked", $columnChooser_r593.stateDefault());
i0.ɵɵadvance(3);
i0.ɵɵproperty("context", $plugin_r594.root());
i0.ɵɵadvance(2);
i0.ɵɵproperty("q-grid-command", $columnChooser_r593.cancel);
i0.ɵɵadvance(2);
i0.ɵɵproperty("q-grid-command", $columnChooser_r593.submit);
} }
function ThemeComponent_ng_template_85_ng_container_1_li_1_Template(rf, ctx) { if (rf & 1) {
const _r606 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "li", 307)(1, "div", 308)(2, "mat-icon", 126);
i0.ɵɵtext(3, "drag_indicator");
i0.ɵɵelementEnd()();
i0.ɵɵelementStart(4, "mat-checkbox", 309);
i0.ɵɵlistener("change", function ThemeComponent_ng_template_85_ng_container_1_li_1_Template_mat_checkbox_change_4_listener() { i0.ɵɵrestoreView(_r606); const node_r602 = i0.ɵɵnextContext().$implicit; const $context_r600 = i0.ɵɵnextContext().$implicit; return $context_r600.ctrl.toggle.execute(node_r602); });
i0.ɵɵelement(5, "span", 151);
i0.ɵɵpipe(6, "qGridHighlight");
i0.ɵɵelementEnd()();
} if (rf & 2) {
const node_r602 = i0.ɵɵnextContext().$implicit;
const $context_r600 = i0.ɵɵnextContext().$implicit;
i0.ɵɵproperty("q-grid-drop", $context_r600.ctrl.drop)("q-grid-drop-data", node_r602)("q-grid-drag-over", $context_r600.ctrl.drop);
i0.ɵɵadvance(1);
i0.ɵɵproperty("q-grid-drag", $context_r600.ctrl.drag)("q-grid-drag-data", node_r602);
i0.ɵɵadvance(3);
i0.ɵɵproperty("checked", $context_r600.ctrl.state(node_r602));
i0.ɵɵadvance(1);
i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(6, 7, node_r602.value.column.title, $context_r600.ctrl.searchText), i0.ɵɵsanitizeHtml);
} }
const _c6 = function (a0, a1) { return { ctrl: a0, node: a1 }; };
function ThemeComponent_ng_template_85_ng_container_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainerStart(0);
i0.ɵɵtemplate(1, ThemeComponent_ng_template_85_ng_container_1_li_1_Template, 7, 10, "li", 306);
i0.ɵɵelementContainer(2, 303);
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const node_r602 = ctx.$implicit;
const $context_r600 = i0.ɵɵnextContext().$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", $context_r600.ctrl.toggle.canExecute(node_r602));
i0.ɵɵadvance(1);
i0.ɵɵproperty("context", i0.ɵɵpureFunction1(5, _c4, i0.ɵɵpureFunction2(2, _c6, $context_r600.ctrl, node_r602)));
} }
function ThemeComponent_ng_template_85_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "ul");
i0.ɵɵtemplate(1, ThemeComponent_ng_template_85_ng_container_1_Template, 3, 7, "ng-container", 124);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $context_r600 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngForOf", $context_r600.node.children);
} }
function ThemeComponent_ng_template_86_Template(rf, ctx) { if (rf & 1) {
const _r615 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "q-grid-tab-trap")(1, "mat-form-field", 310)(2, "input", 311);
i0.ɵɵlistener("ngModelChange", function ThemeComponent_ng_template_86_Template_input_ngModelChange_2_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r615); const $columnFilter_r611 = restoredCtx.$implicit; return ($columnFilter_r611.value[0] = $event); });
i0.ɵɵelementEnd()();
i0.ɵɵelementStart(3, "mat-form-field", 310)(4, "input", 312);
i0.ɵɵlistener("ngModelChange", function ThemeComponent_ng_template_86_Template_input_ngModelChange_4_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r615); const $columnFilter_r611 = restoredCtx.$implicit; return ($columnFilter_r611.value[1] = $event); });
i0.ɵɵelementEnd()()();
} if (rf & 2) {
const $columnFilter_r611 = ctx.$implicit;
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngModel", $columnFilter_r611.value[0])("type", $columnFilter_r611.column.type);
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngModel", $columnFilter_r611.value[1])("type", $columnFilter_r611.column.type);
} }
function ThemeComponent_ng_template_87_li_1_Template(rf, ctx) { if (rf & 1) {
const _r622 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "li")(1, "div", 314)(2, "div", 315);
i0.ɵɵelementContainer(3, 316);
i0.ɵɵelementEnd();
i0.ɵɵelementStart(4, "div", 317);
i0.ɵɵlistener("click", function ThemeComponent_ng_template_87_li_1_Template_div_click_4_listener() { const restoredCtx = i0.ɵɵrestoreView(_r622); const item_r620 = restoredCtx.$implicit; const $by_r617 = i0.ɵɵnextContext().$implicit; return $by_r617.remove(item_r620); });
i0.ɵɵelementStart(5, "mat-icon", 126);
i0.ɵɵtext(6, "clear");
i0.ɵɵelementEnd()()()();
} if (rf & 2) {
const item_r620 = ctx.$implicit;
i0.ɵɵadvance(3);
i0.ɵɵproperty("q-grid-column-filter-item", item_r620);
} }
function ThemeComponent_ng_template_87_li_2_Template(rf, ctx) { if (rf & 1) {
const _r626 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "li")(1, "div", 314)(2, "div", 315);
i0.ɵɵtext(3, "(Blanks)");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(4, "div", 317);
i0.ɵɵlistener("click", function ThemeComponent_ng_template_87_li_2_Template_div_click_4_listener() { i0.ɵɵrestoreView(_r626); const $by_r617 = i0.ɵɵnextContext().$implicit; return $by_r617.removeByBlanks(); });
i0.ɵɵelementStart(5, "mat-icon", 126);
i0.ɵɵtext(6, "clear");
i0.ɵɵelementEnd()()()();
} }
function ThemeComponent_ng_template_87_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "ul", 313);
i0.ɵɵtemplate(1, ThemeComponent_ng_template_87_li_1_Template, 7, 1, "li", 124);
i0.ɵɵtemplate(2, ThemeComponent_ng_template_87_li_2_Template, 7, 0, "li", 142);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $by_r617 = ctx.$implicit;
i0.ɵɵproperty("q-grid-column-filter-item-list", $by_r617.column);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngForOf", $by_r617.by);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", $by_r617.isBlanks);
} }
function ThemeComponent_ng_template_88_ng_container_7_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainerStart(0);
i0.ɵɵelementStart(1, "div", 326);
i0.ɵɵtext(2, "NO SELECTED FILTERS");
i0.ɵɵelementEnd();
i0.ɵɵelementContainerEnd();
} }
function ThemeComponent_ng_template_88_ng_container_8_Template(rf, ctx) { if (rf & 1) {
const _r636 = i0.ɵɵgetCurrentView();
i0.ɵɵelementContainerStart(0);
i0.ɵɵelementStart(1, "q-grid-column-filter-by", 327);
i0.ɵɵlistener("byBlanksChange", function ThemeComponent_ng_template_88_ng_container_8_Template_q_grid_column_filter_by_byBlanksChange_1_listener($event) { i0.ɵɵrestoreView(_r636); const $columnFilter_r627 = i0.ɵɵnextContext().$implicit; return $columnFilter_r627.byBlanks = $event; });
i0.ɵɵelementEnd();
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const ctx_r637 = i0.ɵɵnextContext();
const $columnFilter_r627 = ctx_r637.$implicit;
const $plugin_r628 = ctx_r637.plugin;
i0.ɵɵadvance(1);
i0.ɵɵproperty("by", $columnFilter_r627.by)("byBlanks", $columnFilter_r627.byBlanks)("column", $plugin_r628.column);
} }
function ThemeComponent_ng_template_88_li_11_mat_checkbox_1_Template(rf, ctx) { if (rf & 1) {
const _r643 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-checkbox", 330);
i0.ɵɵlistener("change", function ThemeComponent_ng_template_88_li_11_mat_checkbox_1_Template_mat_checkbox_change_0_listener() { i0.ɵɵrestoreView(_r643); const item_r638 = i0.ɵɵnextContext().$implicit; const $columnFilter_r627 = i0.ɵɵnextContext().$implicit; return $columnFilter_r627.toggle.execute(item_r638); });
i0.ɵɵelementContainer(1, 316);
i0.ɵɵelementEnd();
} if (rf & 2) {
const item_r638 = i0.ɵɵnextContext().$implicit;
const $columnFilter_r627 = i0.ɵɵnextContext().$implicit;
i0.ɵɵproperty("checked", $columnFilter_r627.state(item_r638));
i0.ɵɵadvance(1);
i0.ɵɵproperty("q-grid-column-filter-item", item_r638);
} }
function ThemeComponent_ng_template_88_li_11_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "li", 328);
i0.ɵɵtemplate(1, ThemeComponent_ng_template_88_li_11_mat_checkbox_1_Template, 2, 2, "mat-checkbox", 329);
i0.ɵɵelementEnd();
} if (rf & 2) {
const item_r638 = ctx.$implicit;
const $index_r639 = ctx.index;
const $columnFilter_r627 = i0.ɵɵnextContext().$implicit;
i0.ɵɵproperty("q-grid-vscroll-row", $index_r639);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", $columnFilter_r627.toggle.canExecute(item_r638));
} }
function ThemeComponent_ng_template_88_mat_checkbox_15_Template(rf, ctx) { if (rf & 1) {
const _r650 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-checkbox", 331);
i0.ɵɵlistener("ngModelChange", function ThemeComponent_ng_template_88_mat_checkbox_15_Template_mat_checkbox_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r650); const $columnFilter_r627 = i0.ɵɵnextContext().$implicit; return $columnFilter_r627.byBlanks = $event; });
i0.ɵɵelement(1, "span", 151);
i0.ɵɵpipe(2, "qGridHighlight");
i0.ɵɵelementEnd();
} if (rf & 2) {
const ctx_r651 = i0.ɵɵnextContext();
const $columnFilter_r627 = ctx_r651.$implicit;
const $plugin_r628 = ctx_r651.plugin;
i0.ɵɵproperty("ngModel", $columnFilter_r627.byBlanks);
i0.ɵɵadvance(1);
i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(2, 2, "(Blanks)", $plugin_r628.search), i0.ɵɵsanitizeHtml);
} }
function ThemeComponent_ng_template_88_Template(rf, ctx) { if (rf & 1) {
const _r653 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field", 318)(1, "input", 319);
i0.ɵɵlistener("ngModelChange", function ThemeComponent_ng_template_88_Template_input_ngModelChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r653); const $plugin_r628 = restoredCtx.plugin; return $plugin_r628.search = $event; })("input", function ThemeComponent_ng_template_88_Template_input_input_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r653); const $plugin_r628 = restoredCtx.plugin; return $plugin_r628.reset(); });
i0.ɵɵelementEnd()();
i0.ɵɵelementStart(2, "ul", 320)(3, "li")(4, "mat-checkbox", 300);
i0.ɵɵlistener("change", function ThemeComponent_ng_template_88_Template_mat_checkbox_change_4_listener() { const restoredCtx = i0.ɵɵrestoreView(_r653); const $plugin_r628 = restoredCtx.plugin; const $columnFilter_r627 = restoredCtx.$implicit; return $columnFilter_r627.toggleAll.execute($plugin_r628.search); });
i0.ɵɵtext(5, " Select All ");
i0.ɵɵelementEnd()()();
i0.ɵɵelementStart(6, "div", 321);
i0.ɵɵtemplate(7, ThemeComponent_ng_template_88_ng_container_7_Template, 3, 0, "ng-container", 195);
i0.ɵɵtemplate(8, ThemeComponent_ng_template_88_ng_container_8_Template, 2, 3, "ng-container", 195);
i0.ɵɵelementEnd();
i0.ɵɵelementStart(9, "div", 322)(10, "ul", 323);
i0.ɵɵtemplate(11, ThemeComponent_ng_template_88_li_11_Template, 2, 2, "li", 324);
i0.ɵɵpipe(12, "async");
i0.ɵɵpipe(13, "qGridVscroll$");
i0.ɵɵelementStart(14, "li");
i0.ɵɵtemplate(15, ThemeComponent_ng_template_88_mat_checkbox_15_Template, 3, 5, "mat-checkbox", 325);
i0.ɵɵelementEnd()()();
} if (rf & 2) {
const $columnFilter_r627 = ctx.$implicit;
const $plugin_r628 = ctx.plugin;
const $vscroll_r629 = ctx.vscroll;
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngModel", $plugin_r628.search);
i0.ɵɵadvance(3);
i0.ɵɵproperty("checked", $columnFilter_r627.stateAll())("indeterminate", $columnFilter_r627.isIndeterminate());
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngSwitch", $columnFilter_r627.isEmpty());
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngSwitchCase", false);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngSwitchCase", true);
i0.ɵɵadvance(1);
i0.ɵɵproperty("q-grid-column-filter-item-list", $plugin_r628.column)("q-grid-column-filter-search", $plugin_r628.search);
i0.ɵɵadvance(1);
i0.ɵɵproperty("q-grid-vscroll-port-y", $vscroll_r629);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(12, 12, i0.ɵɵpipeBind2(13, 14, $columnFilter_r627.items, $vscroll_r629)))("ngForTrackBy", $vscroll_r629.id);
i0.ɵɵadvance(4);
i0.ɵɵproperty("ngIf", $columnFilter_r627.hasBlanks);
} }
function ThemeComponent_ng_template_89_mat_form_field_1_Template(rf, ctx) { if (rf & 1) {
const _r666 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field", 333)(1, "input", 334, 335);
i0.ɵɵlistener("dateChange", function ThemeComponent_ng_template_89_mat_form_field_1_Template_input_dateChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r666); const qGridDate_r661 = restoredCtx.$implicit; const $columnFilter_r656 = i0.ɵɵnextContext().$implicit; return ($columnFilter_r656.value[0] = qGridDate_r661.dateLow($event.value)); })("input", function ThemeComponent_ng_template_89_mat_form_field_1_Template_input_input_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r666); const qGridDate_r661 = restoredCtx.$implicit; const _r662 = i0.ɵɵreference(2); const $columnFilter_r656 = i0.ɵɵnextContext().$implicit; return qGridDate_r661.isValid(_r662.value, $columnFilter_r656.column.format) && ($columnFilter_r656.value[0] = qGridDate_r661.dateLow(_r662.value, $columnFilter_r656.column.format)); });
i0.ɵɵpipe(3, "qGridConvert");
i0.ɵɵelementEnd();
i0.ɵɵelement(4, "mat-datepicker-toggle", 172)(5, "mat-datepicker", null, 336);
i0.ɵɵelementEnd();
} if (rf & 2) {
const qGridDate_r661 = ctx.$implicit;
const _r662 = i0.ɵɵreference(2);
const _r663 = i0.ɵɵreference(6);
const $columnFilter_r656 = i0.ɵɵnextContext().$implicit;
i0.ɵɵproperty("q-grid-date-adapter", $columnFilter_r656.column.format)("ngClass", i0.ɵɵpureFunction1(9, _c2, !qGridDate_r661.isValid(_r662.value, $columnFilter_r656.column.format)));
i0.ɵɵadvance(1);
i0.ɵɵproperty("q-grid-date-mask", $columnFilter_r656.column.format)("matDatepicker", _r663)("value", i0.ɵɵpipeBind2(3, 6, $columnFilter_r656.value[0], "date"));
i0.ɵɵadvance(3);
i0.ɵɵproperty("for", _r663);
} }
function ThemeComponent_ng_template_89_mat_form_field_2_Template(rf, ctx) { if (rf & 1) {
const _r675 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field", 333)(1, "input", 337, 338);
i0.ɵɵlistener("dateChange", function ThemeComponent_ng_template_89_mat_form_field_2_Template_input_dateChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r675); const qGridDate_r670 = restoredCtx.$implicit; const $columnFilter_r656 = i0.ɵɵnextContext().$implicit; return ($columnFilter_r656.value[1] = qGridDate_r670.dateLow($event.value)); })("input", function ThemeComponent_ng_template_89_mat_form_field_2_Template_input_input_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r675); const qGridDate_r670 = restoredCtx.$implicit; const _r671 = i0.ɵɵreference(2); const $columnFilter_r656 = i0.ɵɵnextContext().$implicit; return qGridDate_r670.isValid(_r671.value, $columnFilter_r656.column.format) && ($columnFilter_r656.value[1] = qGridDate_r670.dateLow(_r671.value, $columnFilter_r656.column.format)); });
i0.ɵɵpipe(3, "qGridConvert");
i0.ɵɵelementEnd();
i0.ɵɵelement(4, "mat-datepicker-toggle", 172)(5, "mat-datepicker", null, 339);
i0.ɵɵelementEnd();
} if (rf & 2) {
const qGridDate_r670 = ctx.$implicit;
const _r671 = i0.ɵɵreference(2);
const _r672 = i0.ɵɵreference(6);
const $columnFilter_r656 = i0.ɵɵnextContext().$implicit;
i0.ɵɵproperty("q-grid-date-adapter", $columnFilter_r656.column.format)("ngClass", i0.ɵɵpureFunction1(9, _c2, !qGridDate_r670.isValid(_r671.value, $columnFilter_r656.column.format)));
i0.ɵɵadvance(1);
i0.ɵɵproperty("q-grid-date-mask", $columnFilter_r656.column.format)("matDatepicker", _r672)("value", i0.ɵɵpipeBind2(3, 6, $columnFilter_r656.value[1], "date"));
i0.ɵɵadvance(3);
i0.ɵɵproperty("for", _r672);
} }
function ThemeComponent_ng_template_89_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "q-grid-tab-trap");
i0.ɵɵtemplate(1, ThemeComponent_ng_template_89_mat_form_field_1_Template, 7, 11, "mat-form-field", 332);
i0.ɵɵtemplate(2, ThemeComponent_ng_template_89_mat_form_field_2_Template, 7, 11, "mat-form-field", 332);
i0.ɵɵelementEnd();
} }
function ThemeComponent_ng_template_90_mat_form_field_0_Template(rf, ctx) { if (rf & 1) {
const _r688 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field", 341)(1, "input", 171, 167);
i0.ɵɵlistener("dateChange", function ThemeComponent_ng_template_90_mat_form_field_0_Template_input_dateChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r688); const qGridDate_r683 = restoredCtx.$implicit; const $columnFilter_r679 = i0.ɵɵnextContext().$implicit; return $columnFilter_r679.value = qGridDate_r683.dateLow($event.value); })("input", function ThemeComponent_ng_template_90_mat_form_field_0_Template_input_input_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r688); const qGridDate_r683 = restoredCtx.$implicit; const _r684 = i0.ɵɵreference(2); const $columnFilter_r679 = i0.ɵɵnextContext().$implicit; return qGridDate_r683.isValid(_r684.value, $columnFilter_r679.column.format) && ($columnFilter_r679.value = qGridDate_r683.dateLow(_r684.value, $columnFilter_r679.column.format)); });
i0.ɵɵpipe(3, "qGridText");
i0.ɵɵpipe(4, "qGridConvert");
i0.ɵɵelementEnd();
i0.ɵɵelement(5, "mat-datepicker-toggle", 172)(6, "mat-datepicker", null, 174);
i0.ɵɵelementEnd();
} if (rf & 2) {
const qGridDate_r683 = ctx.$implicit;
const _r684 = i0.ɵɵreference(2);
const _r685 = i0.ɵɵreference(7);
const $columnFilter_r679 = i0.ɵɵnextContext().$implicit;
i0.ɵɵproperty("q-grid-date-adapter", $columnFilter_r679.column.format)("ngClass", i0.ɵɵpureFunction1(13, _c2, !qGridDate_r683.isValid(_r684.value, $columnFilter_r679.column.format)));
i0.ɵɵadvance(1);
i0.ɵɵproperty("q-grid-date-mask", $columnFilter_r679.column.format)("placeholder", i0.ɵɵpipeBind2(3, 7, $columnFilter_r679.operator, "fromCamelCase"))("matDatepicker", _r685)("value", i0.ɵɵpipeBind2(4, 10, $columnFilter_r679.value, "date"));
i0.ɵɵadvance(4);
i0.ɵɵproperty("for", _r685);
} }
function ThemeComponent_ng_template_90_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, ThemeComponent_ng_template_90_mat_form_field_0_Template, 8, 15, "mat-form-field", 340);
} }
function ThemeComponent_ng_template_91_mat_form_field_2_Template(rf, ctx) { if (rf & 1) {
const _r704 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field", 333)(1, "input", 343, 344);
i0.ɵɵlistener("dateChange", function ThemeComponent_ng_template_91_mat_form_field_2_Template_input_dateChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r704); const qGridDate_r699 = restoredCtx.$implicit; const $columnFilter_r692 = i0.ɵɵnextContext().$implicit; return ($columnFilter_r692.value[0] = qGridDate_r699.datetime($columnFilter_r692.value[0], $event.value, $columnFilter_r692.column.dateFormat)); })("input", function ThemeComponent_ng_template_91_mat_form_field_2_Template_input_input_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r704); const qGridDate_r699 = restoredCtx.$implicit; const _r700 = i0.ɵɵreference(2); const $columnFilter_r692 = i0.ɵɵnextContext().$implicit; return qGridDate_r699.isValid(_r700.value, $columnFilter_r692.column.format) && ($columnFilter_r692.value[0] = qGridDate_r699.datetime($columnFilter_r692.value[0], _r700.value, $columnFilter_r692.column.format)); });
i0.ɵɵpipe(3, "qGridConvert");
i0.ɵɵelementEnd();
i0.ɵɵelement(4, "mat-datepicker-toggle", 172)(5, "mat-datepicker", null, 336);
i0.ɵɵelementEnd();
} if (rf & 2) {
const qGridDate_r699 = ctx.$implicit;
const _r700 = i0.ɵɵreference(2);
const _r701 = i0.ɵɵreference(6);
const $columnFilter_r692 = i0.ɵɵnextContext().$implicit;
i0.ɵɵproperty("q-grid-date-adapter", $columnFilter_r692.column.dateFormat)("ngClass", i0.ɵɵpureFunction1(9, _c2, !qGridDate_r699.isValid(_r700.value, $columnFilter_r692.column.format)));
i0.ɵɵadvance(1);
i0.ɵɵproperty("matDatepicker", _r701)("q-grid-date-mask", $columnFilter_r692.column.dateFormat)("value", i0.ɵɵpipeBind2(3, 6, $columnFilter_r692.value[0], "datetime"));
i0.ɵɵadvance(3);
i0.ɵɵproperty("for", _r701);
} }
function ThemeComponent_ng_template_91_mat_form_field_3_Template(rf, ctx) { if (rf & 1) {
const _r712 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field", 310)(1, "input", 180, 345);
i0.ɵɵlistener("change", function ThemeComponent_ng_template_91_mat_form_field_3_Template_input_change_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r712); const qGridTime_r708 = restoredCtx.$implicit; const _r709 = i0.ɵɵreference(2); const $columnFilter_r692 = i0.ɵɵnextContext().$implicit; return ($columnFilter_r692.value[0] = qGridTime_r708.time($columnFilter_r692.value[0], _r709.value)); });
i0.ɵɵpipe(3, "qGridTime");
i0.ɵɵelementEnd()();
} if (rf & 2) {
const $columnFilter_r692 = i0.ɵɵnextContext().$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("value", i0.ɵɵpipeBind2(3, 1, $columnFilter_r692.value[0], "HH:mm"));
} }
function ThemeComponent_ng_template_91_mat_form_field_5_Template(rf, ctx) { if (rf & 1) {
const _r719 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field", 333)(1, "input", 346, 347);
i0.ɵɵlistener("dateChange", function ThemeComponent_ng_template_91_mat_form_field_5_Template_input_dateChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r719); const qGridDate_r714 = restoredCtx.$implicit; const $columnFilter_r692 = i0.ɵɵnextContext().$implicit; return ($columnFilter_r692.value[1] = qGridDate_r714.datetime($columnFilter_r692.value[1], $event.value, $columnFilter_r692.column.dateFormat)); })("input", function ThemeComponent_ng_template_91_mat_form_field_5_Template_input_input_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r719); const qGridDate_r714 = restoredCtx.$implicit; const _r715 = i0.ɵɵreference(2); const $columnFilter_r692 = i0.ɵɵnextContext().$implicit; return qGridDate_r714.isValid(_r715.value, $columnFilter_r692.column.format) && ($columnFilter_r692.value[1] = qGridDate_r714.datetime($columnFilter_r692.value[1], _r715.value, $columnFilter_r692.column.format)); });
i0.ɵɵpipe(3, "qGridConvert");
i0.ɵɵelementEnd();
i0.ɵɵelement(4, "mat-datepicker-toggle", 172)(5, "mat-datepicker", null, 339);
i0.ɵɵelementEnd();
} if (rf & 2) {
const qGridDate_r714 = ctx.$implicit;
const _r715 = i0.ɵɵreference(2);
const _r716 = i0.ɵɵreference(6);
const $columnFilter_r692 = i0.ɵɵnextContext().$implicit;
i0.ɵɵproperty("q-grid-date-adapter", $columnFilter_r692.column.dateFormat)("ngClass", i0.ɵɵpureFunction1(9, _c2, !qGridDate_r714.isValid(_r715.value, $columnFilter_r692.column.format)));
i0.ɵɵadvance(1);
i0.ɵɵproperty("matDatepicker", _r716)("q-grid-date-mask", $columnFilter_r692.column.dateFormat)("value", i0.ɵɵpipeBind2(3, 6, $columnFilter_r692.value[1], "datetime"));
i0.ɵɵadvance(3);
i0.ɵɵproperty("for", _r716);
} }
function ThemeComponent_ng_template_91_mat_form_field_6_Template(rf, ctx) { if (rf & 1) {
const _r727 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field", 310)(1, "input", 180, 348);
i0.ɵɵlistener("change", function ThemeComponent_ng_template_91_mat_form_field_6_Template_input_change_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r727); const qGridTime_r723 = restoredCtx.$implicit; const _r724 = i0.ɵɵreference(2); const $columnFilter_r692 = i0.ɵɵnextContext().$implicit; return ($columnFilter_r692.value[1] = qGridTime_r723.time($columnFilter_r692.value[1], _r724.value)); });
i0.ɵɵpipe(3, "qGridTime");
i0.ɵɵelementEnd()();
} if (rf & 2) {
const $columnFilter_r692 = i0.ɵɵnextContext().$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("value", i0.ɵɵpipeBind2(3, 1, $columnFilter_r692.value[1], "HH:mm"));
} }
function ThemeComponent_ng_template_91_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "q-grid-tab-trap")(1, "div");
i0.ɵɵtemplate(2, ThemeComponent_ng_template_91_mat_form_field_2_Template, 7, 11, "mat-form-field", 332);
i0.ɵɵtemplate(3, ThemeComponent_ng_template_91_mat_form_field_3_Template, 4, 4, "mat-form-field", 342);
i0.ɵɵelementEnd();
i0.ɵɵelementStart(4, "div");
i0.ɵɵtemplate(5, ThemeComponent_ng_template_91_mat_form_field_5_Template, 7, 11, "mat-form-field", 332);
i0.ɵɵtemplate(6, ThemeComponent_ng_template_91_mat_form_field_6_Template, 4, 4, "mat-form-field", 342);
i0.ɵɵelementEnd()();
} }
function ThemeComponent_ng_template_92_mat_form_field_1_Template(rf, ctx) { if (rf & 1) {
const _r739 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field", 333)(1, "input", 171, 167);
i0.ɵɵlistener("dateChange", function ThemeComponent_ng_template_92_mat_form_field_1_Template_input_dateChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r739); const qGridDate_r734 = restoredCtx.$implicit; const $columnFilter_r729 = i0.ɵɵnextContext().$implicit; return $columnFilter_r729.value = qGridDate_r734.datetime($columnFilter_r729.value, $event.value, $columnFilter_r729.column.dateFormat); })("input", function ThemeComponent_ng_template_92_mat_form_field_1_Template_input_input_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r739); const qGridDate_r734 = restoredCtx.$implicit; const _r735 = i0.ɵɵreference(2); const $columnFilter_r729 = i0.ɵɵnextContext().$implicit; return qGridDate_r734.isValid(_r735.value, $columnFilter_r729.column.dateFormat) && ($columnFilter_r729.value = qGridDate_r734.datetime($columnFilter_r729.value, _r735.value, $columnFilter_r729.column.dateFormat)); });
i0.ɵɵpipe(3, "qGridText");
i0.ɵɵpipe(4, "qGridConvert");
i0.ɵɵelementEnd();
i0.ɵɵelement(5, "mat-datepicker-toggle", 172)(6, "mat-datepicker", null, 174);
i0.ɵɵelementEnd();
} if (rf & 2) {
const qGridDate_r734 = ctx.$implicit;
const _r735 = i0.ɵɵreference(2);
const _r736 = i0.ɵɵreference(7);
const $columnFilter_r729 = i0.ɵɵnextContext().$implicit;
i0.ɵɵproperty("q-grid-date-adapter", $columnFilter_r729.column.dateFormat)("ngClass", i0.ɵɵpureFunction1(13, _c2, !qGridDate_r734.isValid(_r735.value, $columnFilter_r729.column.dateFormat)));
i0.ɵɵadvance(1);
i0.ɵɵproperty("q-grid-date-mask", $columnFilter_r729.column.dateFormat)("placeholder", i0.ɵɵpipeBind2(3, 7, $columnFilter_r729.operator, "fromCamelCase"))("matDatepicker", _r736)("value", i0.ɵɵpipeBind2(4, 10, $columnFilter_r729.value, "date"));
i0.ɵɵadvance(4);
i0.ɵɵproperty("for", _r736);
} }
function ThemeComponent_ng_template_92_mat_form_field_2_Template(rf, ctx) { if (rf & 1) {
const _r747 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field", 310)(1, "input", 180, 167);
i0.ɵɵlistener("change", function ThemeComponent_ng_template_92_mat_form_field_2_Template_input_change_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r747); const qGridTime_r743 = restoredCtx.$implicit; const _r744 = i0.ɵɵreference(2); const $columnFilter_r729 = i0.ɵɵnextContext().$implicit; return $columnFilter_r729.value = qGridTime_r743.time($columnFilter_r729.value, _r744.value); });
i0.ɵɵpipe(3, "qGridTime");
i0.ɵɵelementEnd()();
} if (rf & 2) {
const $columnFilter_r729 = i0.ɵɵnextContext().$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("value", i0.ɵɵpipeBind2(3, 1, $columnFilter_r729.value, "HH:mm"));
} }
function ThemeComponent_ng_template_92_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "q-grid-tab-trap");
i0.ɵɵtemplate(1, ThemeComponent_ng_template_92_mat_form_field_1_Template, 8, 15, "mat-form-field", 332);
i0.ɵɵtemplate(2, ThemeComponent_ng_template_92_mat_form_field_2_Template, 4, 4, "mat-form-field", 342);
i0.ɵɵelementEnd();
} }
function ThemeComponent_ng_template_93_Template(rf, ctx) { if (rf & 1) {
const _r753 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field", 318)(1, "input", 349);
i0.ɵɵlistener("ngModelChange", function ThemeComponent_ng_template_93_Template_input_ngModelChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r753); const $columnFilter_r749 = restoredCtx.$implicit; return $columnFilter_r749.value = $event; });
i0.ɵɵpipe(2, "qGridText");
i0.ɵɵelementEnd()();
} if (rf & 2) {
const $columnFilter_r749 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("type", $columnFilter_r749.column.type)("placeholder", i0.ɵɵpipeBind2(2, 3, $columnFilter_r749.operator, "fromCamelCase"))("ngModel", $columnFilter_r749.value);
} }
function ThemeComponent_ng_template_94_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "mat-form-field", 318);
i0.ɵɵelement(1, "input", 350);
i0.ɵɵpipe(2, "qGridText");
i0.ɵɵelementEnd();
} if (rf & 2) {
const $columnFilter_r754 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("placeholder", i0.ɵɵpipeBind2(2, 1, $columnFilter_r754.operator, "fromCamelCase"));
} }
function ThemeComponent_ng_template_95_q_grid_column_filter_6_Template(rf, ctx) { if (rf & 1) {
const _r762 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "q-grid-column-filter", 354);
i0.ɵɵlistener("cancel", function ThemeComponent_ng_template_95_q_grid_column_filter_6_Template_q_grid_column_filter_cancel_0_listener() { i0.ɵɵrestoreView(_r762); i0.ɵɵnextContext(); const _r758 = i0.ɵɵreference(1); return _r758.closeMenu(); })("submit", function ThemeComponent_ng_template_95_q_grid_column_filter_6_Template_q_grid_column_filter_submit_0_listener() { i0.ɵɵrestoreView(_r762); i0.ɵɵnextContext(); const _r758 = i0.ɵɵreference(1); return _r758.closeMenu(); });
i0.ɵɵelementEnd();
} if (rf & 2) {
const $columnFilterTrigger_r757 = i0.ɵɵnextContext().$implicit;
i0.ɵɵproperty("column", $columnFilterTrigger_r757.column);
} }
function ThemeComponent_ng_template_95_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "button", 351, 290)(2, "mat-icon", 126);
i0.ɵɵtext(3, "filter_list");
i0.ɵɵelementEnd()();
i0.ɵɵelementStart(4, "mat-menu", 352, 211);
i0.ɵɵtemplate(6, ThemeComponent_ng_template_95_q_grid_column_filter_6_Template, 1, 1, "q-grid-column-filter", 353);
i0.ɵɵelementEnd();
} if (rf & 2) {
const _r758 = i0.ɵɵreference(1);
const _r759 = i0.ɵɵreference(5);
i0.ɵɵproperty("matMenuTriggerFor", _r759);
i0.ɵɵadvance(6);
i0.ɵɵproperty("ngIf", _r758.menuOpen);
} }
function ThemeComponent_ng_template_96_mat_select_6_mat_option_4_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "mat-option", 360);
i0.ɵɵtext(1);
i0.ɵɵpipe(2, "qGridText");
i0.ɵɵelementEnd();
} if (rf & 2) {
const op_r771 = ctx.$implicit;
i0.ɵɵproperty("value", op_r771);
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 2, op_r771, "fromCamelCase"), " ");
} }
function ThemeComponent_ng_template_96_mat_select_6_Template(rf, ctx) { if (rf & 1) {
const _r774 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-select", 358);
i0.ɵɵlistener("valueChange", function ThemeComponent_ng_template_96_mat_select_6_Template_mat_select_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r774); const $columnFilter_r765 = i0.ɵɵnextContext().$implicit; return $columnFilter_r765.operator = $event; })("selectionChange", function ThemeComponent_ng_template_96_mat_select_6_Template_mat_select_selectionChange_0_listener() { i0.ɵɵrestoreView(_r774); const ctx_r776 = i0.ɵɵnextContext(); const $plugin_r766 = ctx_r776.plugin; const $columnFilter_r765 = ctx_r776.$implicit; $plugin_r766.reset(); return $columnFilter_r765.changeOperator.execute($columnFilter_r765.operator); });
i0.ɵɵelementStart(1, "mat-select-trigger")(2, "mat-icon", 126);
i0.ɵɵtext(3, "more_vert");
i0.ɵɵelementEnd()();
i0.ɵɵtemplate(4, ThemeComponent_ng_template_96_mat_select_6_mat_option_4_Template, 3, 5, "mat-option", 359);
i0.ɵɵelementEnd();
} if (rf & 2) {
const ctx_r777 = i0.ɵɵnextContext();
const $columnFilter_r765 = ctx_r777.$implicit;
const $plugin_r766 = ctx_r777.plugin;
i0.ɵɵproperty("value", $columnFilter_r765.operator);
i0.ɵɵadvance(4);
i0.ɵɵproperty("ngForOf", $plugin_r766.operators);
} }
function ThemeComponent_ng_template_96_button_11_Template(rf, ctx) { if (rf & 1) {
const _r780 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "button", 361);
i0.ɵɵlistener("click", function ThemeComponent_ng_template_96_button_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r780); const $plugin_r766 = i0.ɵɵnextContext().plugin; return $plugin_r766.clear(); });
i0.ɵɵtext(1, " Clear ");
i0.ɵɵelementEnd();
} }
const _c7 = function (a0) { return { "q-grid-column-filter-with-operators": a0 }; };
const _c8 = function (a0, a1, a2) { return { $implicit: a0, plugin: a1, vscroll: a2 }; };
function ThemeComponent_ng_template_96_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "mat-card", 294)(1, "mat-card-header")(2, "mat-card-title");
i0.ɵɵtext(3);
i0.ɵɵelementEnd()();
i0.ɵɵelementStart(4, "mat-card-content")(5, "div", 355);
i0.ɵɵtemplate(6, ThemeComponent_ng_template_96_mat_select_6_Template, 5, 2, "mat-select", 356);
i0.ɵɵelementContainer(7, 275);
i0.ɵɵelementEnd()();
i0.ɵɵelementStart(8, "mat-card-actions")(9, "button", 304);
i0.ɵɵtext(10, " Cancel ");
i0.ɵɵelementEnd();
i0.ɵɵtemplate(11, ThemeComponent_ng_template_96_button_11_Template, 2, 0, "button", 357);
i0.ɵɵelementStart(12, "button", 305);
i0.ɵɵtext(13, " Apply ");
i0.ɵɵelementEnd()()();
} if (rf & 2) {
const $columnFilter_r765 = ctx.$implicit;
const $plugin_r766 = ctx.plugin;
const $vscroll_r767 = ctx.vscroll;
i0.ɵɵadvance(3);
i0.ɵɵtextInterpolate1(" ", $columnFilter_r765.title, " Filter ");
i0.ɵɵadvance(2);
i0.ɵɵclassMapInterpolate1("q-grid-column-filter-", $columnFilter_r765.operator, "");
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c7, $plugin_r766.hasOperators));
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", $plugin_r766.hasOperators);
i0.ɵɵadvance(1);
i0.ɵɵproperty("key", $plugin_r766.getOperatorTemplateKey($columnFilter_r765.operator))("context", i0.ɵɵpureFunction3(13, _c8, $columnFilter_r765, $plugin_r766, $vscroll_r767));
i0.ɵɵadvance(2);
i0.ɵɵproperty("q-grid-command", $columnFilter_r765.cancel);
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngIf", $columnFilter_r765.operator !== "isEmpty" && $columnFilter_r765.operator !== "isNotEmpty");
i0.ɵɵadvance(1);
i0.ɵɵproperty("q-grid-command", $columnFilter_r765.submit);
} }
function ThemeComponent_ng_template_97_ng_container_4_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainer(0);
} }
function ThemeComponent_ng_template_97_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "mat-icon", 362);
i0.ɵɵtext(1, "arrow_upward");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(2, "mat-icon", 363);
i0.ɵɵtext(3, "arrow_downward");
i0.ɵɵelementEnd();
i0.ɵɵtemplate(4, ThemeComponent_ng_template_97_ng_container_4_Template, 1, 0, "ng-container", 283);
} if (rf & 2) {
const $columnSort_r781 = ctx.$implicit;
i0.ɵɵadvance(4);
i0.ɵɵproperty("ngTemplateOutlet", $columnSort_r781.template);
} }
function ThemeComponent_ng_template_98_mat_option_5_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "mat-option", 360);
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const option_r787 = ctx.$implicit;
i0.ɵɵproperty("value", option_r787);
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", option_r787, " ");
} }
function ThemeComponent_ng_template_98_Template(rf, ctx) { if (rf & 1) {
const _r789 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field", 364)(1, "input", 365, 366);
i0.ɵɵlistener("ngModelChange", function ThemeComponent_ng_template_98_Template_input_ngModelChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r789); const $expr_r783 = restoredCtx.$implicit; return $expr_r783.value = $event; })("click", function ThemeComponent_ng_template_98_Template_input_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r789); const $expr_r783 = restoredCtx.$implicit; const _r784 = i0.ɵɵreference(2); return $expr_r783.refresh && $expr_r783.refresh() && _r784.openPanel(); })("input", function ThemeComponent_ng_template_98_Template_input_input_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r789); const $expr_r783 = restoredCtx.$implicit; $expr_r783.change && $expr_r783.change(); return $expr_r783.refresh && $expr_r783.refresh(); })("optionSelected", function ThemeComponent_ng_template_98_Template_input_optionSelected_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r789); const $expr_r783 = restoredCtx.$implicit; return $expr_r783.change && $expr_r783.change(); });
i0.ɵɵelementEnd();
i0.ɵɵelementStart(3, "mat-autocomplete", 367, 281);
i0.ɵɵlistener("q-grid-backdrop", function ThemeComponent_ng_template_98_Template_mat_autocomplete_q_grid_backdrop_3_listener() { i0.ɵɵrestoreView(_r789); const _r784 = i0.ɵɵreference(2); return _r784.closePanel(); });
i0.ɵɵtemplate(5, ThemeComponent_ng_template_98_mat_option_5_Template, 2, 2, "mat-option", 359);
i0.ɵɵpipe(6, "async");
i0.ɵɵelementEnd()();
} if (rf & 2) {
const $expr_r783 = ctx.$implicit;
const _r785 = i0.ɵɵreference(4);
i0.ɵɵpropertyInterpolate("matTooltip", $expr_r783.state && $expr_r783.state.join(", "));
i0.ɵɵproperty("q-grid-autosize-value", $expr_r783.value)("q-grid-eb-class", $expr_r783.classes)("q-grid-eb-class-model", $expr_r783);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngModel", $expr_r783.value)("placeholder", $expr_r783.placeholderText)("matAutocomplete", _r785);
i0.ɵɵadvance(2);
i0.ɵɵproperty("q-grid-backdrop-active", _r785.isOpen);
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(6, 9, $expr_r783.options));
} }
function ThemeComponent_ng_template_99_Template(rf, ctx) { if (rf & 1) {
const _r796 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "button", 368);
i0.ɵɵlistener("click", function ThemeComponent_ng_template_99_Template_button_click_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r796); const $expr_r794 = restoredCtx.$implicit; return $expr_r794.click && $expr_r794.click($event); });
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $expr_r794 = ctx.$implicit;
i0.ɵɵproperty("ngClass", $expr_r794.classes);
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", $expr_r794.text, " ");
} }
function ThemeComponent_ng_template_100_Template(rf, ctx) { if (rf & 1) {
const _r799 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "button", 369);
i0.ɵɵlistener("click", function ThemeComponent_ng_template_100_Template_button_click_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r799); const $expr_r797 = restoredCtx.$implicit; return $expr_r797.click && $expr_r797.click($event); });
i0.ɵɵelementStart(1, "mat-icon", 126);
i0.ɵɵtext(2);
i0.ɵɵelementEnd()();
} if (rf & 2) {
const $expr_r797 = ctx.$implicit;
i0.ɵɵproperty("ngClass", $expr_r797.classes);
i0.ɵɵadvance(2);
i0.ɵɵtextInterpolate($expr_r797.icon);
} }
function ThemeComponent_ng_template_101_Template(rf, ctx) { if (rf & 1) {
const _r802 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field", 364)(1, "input", 370);
i0.ɵɵlistener("ngModelChange", function ThemeComponent_ng_template_101_Template_input_ngModelChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r802); const $expr_r800 = restoredCtx.$implicit; return $expr_r800.value = $event; })("input", function ThemeComponent_ng_template_101_Template_input_input_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r802); const $expr_r800 = restoredCtx.$implicit; $expr_r800.change && $expr_r800.change(); return $expr_r800.refresh && $expr_r800.refresh(); });
i0.ɵɵelementEnd()();
} if (rf & 2) {
const $expr_r800 = ctx.$implicit;
i0.ɵɵpropertyInterpolate("matTooltip", $expr_r800.state && $expr_r800.state.join(", "));
i0.ɵɵproperty("q-grid-autosize-value", $expr_r800.value)("q-grid-eb-class", $expr_r800.classes)("q-grid-eb-class-model", $expr_r800);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngModel", $expr_r800.value)("placeholder", $expr_r800.placeholderText);
} }
function ThemeComponent_ng_template_102_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "label", 371);
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $expr_r804 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate($expr_r804.text);
} }
function ThemeComponent_ng_template_103_mat_chip_2_Template(rf, ctx) { if (rf & 1) {
const _r812 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-chip", 377);
i0.ɵɵlistener("removed", function ThemeComponent_ng_template_103_mat_chip_2_Template_mat_chip_removed_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r812); const $index_r810 = restoredCtx.index; const $expr_r805 = i0.ɵɵnextContext().$implicit; return $expr_r805.values.splice($index_r810, 1); });
i0.ɵɵtext(1);
i0.ɵɵelementStart(2, "mat-icon", 162);
i0.ɵɵtext(3, " close ");
i0.ɵɵelementEnd()();
} if (rf & 2) {
const value_r809 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", value_r809, " ");
} }
function ThemeComponent_ng_template_103_Template(rf, ctx) { if (rf & 1) {
const _r815 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-chip-list", 372, 154);
i0.ɵɵtemplate(2, ThemeComponent_ng_template_103_mat_chip_2_Template, 4, 1, "mat-chip", 373);
i0.ɵɵelementEnd();
i0.ɵɵelementStart(3, "mat-form-field", 374)(4, "input", 375, 376);
i0.ɵɵlistener("matChipInputTokenEnd", function ThemeComponent_ng_template_103_Template_input_matChipInputTokenEnd_4_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r815); const $expr_r805 = restoredCtx.$implicit; $expr_r805.add($event.value); return $event.input.value = ""; });
i0.ɵɵelementEnd()();
} if (rf & 2) {
const $expr_r805 = ctx.$implicit;
const _r806 = i0.ɵɵreference(1);
i0.ɵɵproperty("ngClass", $expr_r805.classes);
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngForOf", $expr_r805.values);
i0.ɵɵadvance(1);
i0.ɵɵproperty("floatLabel", "never");
i0.ɵɵadvance(1);
i0.ɵɵproperty("placeholder", $expr_r805.placeholderText)("matChipInputFor", _r806);
} }
function ThemeComponent_ng_template_104_mat_option_1_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "mat-icon");
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const option_r818 = i0.ɵɵnextContext().$implicit;
const $expr_r816 = i0.ɵɵnextContext().$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate($expr_r816.icon(option_r818));
} }
function ThemeComponent_ng_template_104_mat_option_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "mat-option", 380);
i0.ɵɵtemplate(1, ThemeComponent_ng_template_104_mat_option_1_mat_icon_1_Template, 2, 1, "mat-icon", 142);
i0.ɵɵtext(2);
i0.ɵɵelementEnd();
} if (rf & 2) {
const option_r818 = ctx.$implicit;
const $expr_r816 = i0.ɵɵnextContext().$implicit;
i0.ɵɵproperty("value", option_r818)("disabled", $expr_r816.disabled && $expr_r816.disabled(option_r818));
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", $expr_r816.icon);
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", $expr_r816.getLabel && $expr_r816.getLabel(option_r818) || option_r818, " ");
} }
function ThemeComponent_ng_template_104_Template(rf, ctx) { if (rf & 1) {
const _r824 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-select", 378);
i0.ɵɵlistener("valueChange", function ThemeComponent_ng_template_104_Template_mat_select_valueChange_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r824); const $expr_r816 = restoredCtx.$implicit; return $expr_r816.value = $event; })("selectionChange", function ThemeComponent_ng_template_104_Template_mat_select_selectionChange_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r824); const $expr_r816 = restoredCtx.$implicit; return $expr_r816.change && $expr_r816.change($event); })("openedChange", function ThemeComponent_ng_template_104_Template_mat_select_openedChange_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r824); const $expr_r816 = restoredCtx.$implicit; return $expr_r816.open && $expr_r816.open($event); });
i0.ɵɵtemplate(1, ThemeComponent_ng_template_104_mat_option_1_Template, 3, 4, "mat-option", 379);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $expr_r816 = ctx.$implicit;
i0.ɵɵproperty("value", $expr_r816.value)("q-grid-eb-class", $expr_r816.classes)("q-grid-eb-class-model", $expr_r816);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngForOf", $expr_r816.options || $expr_r816.getOptions());
} }
function ThemeComponent_ng_template_105_q_grid_edit_form_6_Template(rf, ctx) { if (rf & 1) {
const _r832 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "q-grid-edit-form", 384);
i0.ɵɵlistener("cancel", function ThemeComponent_ng_template_105_q_grid_edit_form_6_Template_q_grid_edit_form_cancel_0_listener() { i0.ɵɵrestoreView(_r832); i0.ɵɵnextContext(); const _r828 = i0.ɵɵreference(1); return _r828.closeMenu(); })("submit", function ThemeComponent_ng_template_105_q_grid_edit_form_6_Template_q_grid_edit_form_submit_0_listener() { i0.ɵɵrestoreView(_r832); i0.ɵɵnextContext(); const _r828 = i0.ɵɵreference(1); return _r828.closeMenu(); });
i0.ɵɵelementEnd();
} if (rf & 2) {
const $trigger_r827 = i0.ɵɵnextContext().$implicit;
i0.ɵɵproperty("caption", $trigger_r827.caption)("row", $trigger_r827.row);
} }
function ThemeComponent_ng_template_105_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "button", 381, 290)(2, "mat-icon", 126);
i0.ɵɵtext(3, "edit");
i0.ɵɵelementEnd()();
i0.ɵɵelementStart(4, "mat-menu", 382, 211);
i0.ɵɵtemplate(6, ThemeComponent_ng_template_105_q_grid_edit_form_6_Template, 1, 2, "q-grid-edit-form", 383);
i0.ɵɵelementEnd();
} if (rf & 2) {
const _r828 = i0.ɵɵreference(1);
const _r829 = i0.ɵɵreference(5);
i0.ɵɵproperty("matMenuTriggerFor", _r829);
i0.ɵɵadvance(6);
i0.ɵɵproperty("ngIf", _r828.menuOpen);
} }
function ThemeComponent_ng_template_106_q_grid_edit_form_control_5_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "q-grid-edit-form-control", 389);
} if (rf & 2) {
const editor_r837 = ctx.$implicit;
i0.ɵɵproperty("ngClass", "q-grid-edit-form-control-" + (editor_r837.cell.column.editor || editor_r837.cell.column.type))("editor", editor_r837);
} }
function ThemeComponent_ng_template_106_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "mat-card", 385);
i0.ɵɵlistener("keydown", function ThemeComponent_ng_template_106_Template_mat_card_keydown_0_listener($event) { return $event.stopPropagation(); });
i0.ɵɵelementStart(1, "mat-card-header")(2, "mat-card-title");
i0.ɵɵtext(3);
i0.ɵɵelementEnd()();
i0.ɵɵelementStart(4, "mat-card-content", 386);
i0.ɵɵtemplate(5, ThemeComponent_ng_template_106_q_grid_edit_form_control_5_Template, 1, 2, "q-grid-edit-form-control", 387);
i0.ɵɵelementEnd();
i0.ɵɵelementStart(6, "mat-card-actions")(7, "button", 388);
i0.ɵɵtext(8, " Cancel ");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(9, "button", 305);
i0.ɵɵtext(10, " Save ");
i0.ɵɵelementEnd()()();
} if (rf & 2) {
const $editForm_r835 = ctx.$implicit;
i0.ɵɵadvance(3);
i0.ɵɵtextInterpolate1(" ", $editForm_r835.caption, " ");
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngForOf", $editForm_r835.editors);
i0.ɵɵadvance(2);
i0.ɵɵproperty("q-grid-command", $editForm_r835.cancel);
i0.ɵɵadvance(2);
i0.ɵɵproperty("q-grid-command", $editForm_r835.submit);
} }
function ThemeComponent_ng_template_107_button_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "button", 304)(1, "mat-icon", 126);
i0.ɵɵtext(2, "file_download");
i0.ɵɵelementEnd();
i0.ɵɵtext(3);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $export_r839 = i0.ɵɵnextContext().$implicit;
i0.ɵɵproperty("q-grid-command", $export_r839[$export_r839.type]);
i0.ɵɵadvance(3);
i0.ɵɵtextInterpolate1(" Export to ", $export_r839.type, " ");
} }
function ThemeComponent_ng_template_107_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 390);
i0.ɵɵtemplate(1, ThemeComponent_ng_template_107_button_1_Template, 4, 2, "button", 391);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $export_r839 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", $export_r839[$export_r839.type]);
} }
const _c9 = function () { return ["keydown", "keypress", "keyup"]; };
function ThemeComponent_ng_template_108_mat_card_2_Template(rf, ctx) { if (rf & 1) {
const _r850 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-card", 396)(1, "mat-form-field")(2, "input", 397, 167);
i0.ɵɵlistener("click", function ThemeComponent_ng_template_108_mat_card_2_Template_input_click_2_listener($event) { return $event.stopPropagation(); })("ngModelChange", function ThemeComponent_ng_template_108_mat_card_2_Template_input_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r850); const $target_r842 = i0.ɵɵnextContext().$implicit; return $target_r842.value = $event; })("keydown", function ThemeComponent_ng_template_108_mat_card_2_Template_input_keydown_2_listener($event) { i0.ɵɵrestoreView(_r850); const $target_r842 = i0.ɵɵnextContext().$implicit; return $target_r842.keyDown($event); })("keyup.enter", function ThemeComponent_ng_template_108_mat_card_2_Template_input_keyup_enter_2_listener() { i0.ɵɵrestoreView(_r850); i0.ɵɵnextContext(); const _r845 = i0.ɵɵreference(4); return _r845.closeMenu(); });
i0.ɵɵelementEnd();
i0.ɵɵelementStart(4, "mat-hint", 220);
i0.ɵɵtext(5);
i0.ɵɵelementEnd()()();
} if (rf & 2) {
const $target_r842 = i0.ɵɵnextContext().$implicit;
i0.ɵɵproperty("q-grid-stop-propagate", i0.ɵɵpureFunction0(6, _c9));
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngModel", $target_r842.value)("max", $target_r842.total)("min", 1);
i0.ɵɵadvance(3);
i0.ɵɵtextInterpolate2(" ", $target_r842.value, " / ", $target_r842.total, " ");
} }
function ThemeComponent_ng_template_108_Template(rf, ctx) { if (rf & 1) {
const _r856 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-menu", 392, 211);
i0.ɵɵtemplate(2, ThemeComponent_ng_template_108_mat_card_2_Template, 6, 7, "mat-card", 393);
i0.ɵɵelementEnd();
i0.ɵɵelementStart(3, "button", 394, 290);
i0.ɵɵlistener("click", function ThemeComponent_ng_template_108_Template_button_click_3_listener() { const restoredCtx = i0.ɵɵrestoreView(_r856); const $target_r842 = restoredCtx.$implicit; return $target_r842.value = $target_r842.current; });
i0.ɵɵelementStart(5, "mat-icon", 395);
i0.ɵɵtext(6, "location_searching");
i0.ɵɵelementEnd()();
} if (rf & 2) {
const _r843 = i0.ɵɵreference(1);
const _r845 = i0.ɵɵreference(4);
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngIf", _r845.menuOpen);
i0.ɵɵadvance(1);
i0.ɵɵproperty("matMenuTriggerFor", _r843);
} }
function ThemeComponent_ng_template_109_div_1_span_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span");
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $pager_r857 = i0.ɵɵnextContext(2).$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate3(" ", $pager_r857.from, "-", $pager_r857.to, " of ", $pager_r857.total, " ");
} }
function ThemeComponent_ng_template_109_div_1_span_3_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span");
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $pager_r857 = i0.ɵɵnextContext(2).$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate2(" ", $pager_r857.current + 1, " of ", $pager_r857.totalPages, " ");
} }
function ThemeComponent_ng_template_109_div_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div")(1, "label", 400);
i0.ɵɵtemplate(2, ThemeComponent_ng_template_109_div_1_span_2_Template, 2, 3, "span", 195);
i0.ɵɵtemplate(3, ThemeComponent_ng_template_109_div_1_span_3_Template, 2, 2, "span", 399);
i0.ɵɵelementEnd()();
} if (rf & 2) {
const $pager_r857 = i0.ɵɵnextContext().$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngSwitch", $pager_r857.mode);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngSwitchCase", "showRows");
} }
function ThemeComponent_ng_template_109_div_2_mat_option_4_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "mat-option", 360);
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const size_r868 = ctx.$implicit;
i0.ɵɵproperty("value", size_r868);
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", size_r868, " ");
} }
function ThemeComponent_ng_template_109_div_2_span_6_span_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span");
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $pager_r857 = i0.ɵɵnextContext(3).$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate3(" ", $pager_r857.from, " - ", $pager_r857.to, " of ", $pager_r857.total, " ");
} }
function ThemeComponent_ng_template_109_div_2_span_6_span_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span");
i0.ɵɵtext(1, " No Rows ");
i0.ɵɵelementEnd();
} }
function ThemeComponent_ng_template_109_div_2_span_6_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span");
i0.ɵɵtemplate(1, ThemeComponent_ng_template_109_div_2_span_6_span_1_Template, 2, 3, "span", 142);
i0.ɵɵtemplate(2, ThemeComponent_ng_template_109_div_2_span_6_span_2_Template, 2, 0, "span", 142);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $pager_r857 = i0.ɵɵnextContext(2).$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", $pager_r857.total > 0);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", $pager_r857.total === 0);
} }
function ThemeComponent_ng_template_109_div_2_span_7_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span");
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $pager_r857 = i0.ɵɵnextContext(2).$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate2(" ", $pager_r857.current + 1, " of ", $pager_r857.totalPages, " ");
} }
function ThemeComponent_ng_template_109_div_2_Template(rf, ctx) { if (rf & 1) {
const _r876 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "div")(1, "label", 401);
i0.ɵɵtext(2, "Rows per page:");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(3, "mat-select", 402);
i0.ɵɵlistener("valueChange", function ThemeComponent_ng_template_109_div_2_Template_mat_select_valueChange_3_listener($event) { i0.ɵɵrestoreView(_r876); const $pager_r857 = i0.ɵɵnextContext().$implicit; return $pager_r857.size = $event; });
i0.ɵɵtemplate(4, ThemeComponent_ng_template_109_div_2_mat_option_4_Template, 2, 2, "mat-option", 359);
i0.ɵɵelementEnd();
i0.ɵɵelementStart(5, "label", 403);
i0.ɵɵtemplate(6, ThemeComponent_ng_template_109_div_2_span_6_Template, 3, 2, "span", 195);
i0.ɵɵtemplate(7, ThemeComponent_ng_template_109_div_2_span_7_Template, 2, 2, "span", 399);
i0.ɵɵelementEnd();
i0.ɵɵelementStart(8, "button", 404);
i0.ɵɵpipe(9, "uppercase");
i0.ɵɵelementStart(10, "mat-icon", 126);
i0.ɵɵtext(11, "keyboard_arrow_left");
i0.ɵɵelementEnd()();
i0.ɵɵelement(12, "q-grid-pager-target", 405);
i0.ɵɵelementStart(13, "button", 406);
i0.ɵɵpipe(14, "uppercase");
i0.ɵɵelementStart(15, "mat-icon", 126);
i0.ɵɵtext(16, "keyboard_arrow_right");
i0.ɵɵelementEnd()()();
} if (rf & 2) {
const $pager_r857 = i0.ɵɵnextContext().$implicit;
i0.ɵɵadvance(3);
i0.ɵɵproperty("panelClass", $pager_r857.theme)("value", $pager_r857.size);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngForOf", $pager_r857.sizeList);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngSwitch", $pager_r857.mode);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngSwitchCase", "showRows");
i0.ɵɵadvance(2);
i0.ɵɵproperty("q-grid-command", $pager_r857.prev)("q-grid-command-use-shortcut", true)("matTooltip", "Previous Page" + " (" + i0.ɵɵpipeBind1(9, 14, $pager_r857.prev.shortcut) + ")")("matTooltipShowDelay", 800);
i0.ɵɵadvance(4);
i0.ɵɵproperty("matTooltipShowDelay", 800);
i0.ɵɵadvance(1);
i0.ɵɵproperty("q-grid-command", $pager_r857.next)("q-grid-command-use-shortcut", true)("matTooltip", "Next Page" + " (" + i0.ɵɵpipeBind1(14, 16, $pager_r857.next.shortcut) + ")")("matTooltipShowDelay", 800);
} }
function ThemeComponent_ng_template_109_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 398);
i0.ɵɵtemplate(1, ThemeComponent_ng_template_109_div_1_Template, 4, 2, "div", 195);
i0.ɵɵtemplate(2, ThemeComponent_ng_template_109_div_2_Template, 17, 18, "div", 399);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $pager_r857 = ctx.$implicit;
i0.ɵɵproperty("ngSwitch", $pager_r857.scroll.mode);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngSwitchCase", "virtual");
} }
function ThemeComponent_ng_template_110_ng_container_21_mat_list_item_3_mat_icon_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "mat-icon", 126);
i0.ɵɵtext(1, " star ");
i0.ɵɵelementEnd();
} }
function ThemeComponent_ng_template_110_ng_container_21_mat_list_item_3_button_3_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "button", 423)(1, "mat-list", 414)(2, "mat-list-item")(3, "h3", 415);
i0.ɵɵtext(4);
i0.ɵɵelementEnd();
i0.ɵɵelementStart(5, "span", 424);
i0.ɵɵtext(6);
i0.ɵɵpipe(7, "qGridDate");
i0.ɵɵelementEnd()()()();
} if (rf & 2) {
const item_r882 = i0.ɵɵnextContext().$implicit;
const $persistence_r878 = i0.ɵɵnextContext(2).$implicit;
i0.ɵɵpropertyInterpolate("matTooltip", $persistence_r878.stringify(item_r882));
i0.ɵɵproperty("q-grid-command", $persistence_r878.load)("q-grid-command-arg", item_r882);
i0.ɵɵadvance(4);
i0.ɵɵtextInterpolate(item_r882.title);
i0.ɵɵadvance(2);
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(7, 5, item_r882.modified, "MM/dd/yyyy h:mm a"), " ");
} }
function ThemeComponent_ng_template_110_ng_container_21_mat_list_item_3_mat_form_field_4_Template(rf, ctx) { if (rf & 1) {
const _r892 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-form-field", 425)(1, "input", 426, 167);
i0.ɵɵlistener("blur", function ThemeComponent_ng_template_110_ng_container_21_mat_list_item_3_mat_form_field_4_Template_input_blur_1_listener() { i0.ɵɵrestoreView(_r892); const item_r882 = i0.ɵɵnextContext().$implicit; const $persistence_r878 = i0.ɵɵnextContext(2).$implicit; return $persistence_r878.edit.commit.canExecute(item_r882) && $persistence_r878.edit.commit.execute(item_r882); })("ngModelChange", function ThemeComponent_ng_template_110_ng_container_21_mat_list_item_3_mat_form_field_4_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r892); const item_r882 = i0.ɵɵnextContext().$implicit; return item_r882.title = $event; });
i0.ɵɵelementEnd()();
} if (rf & 2) {
const item_r882 = i0.ɵɵnextContext().$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngModel", item_r882.title);
} }
const _c10 = function (a0) { return { "q-grid-persistence-selected": a0 }; };
function ThemeComponent_ng_template_110_ng_container_21_mat_list_item_3_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "mat-list-item", 411)(1, "div", 412);
i0.ɵɵtemplate(2, ThemeComponent_ng_template_110_ng_container_21_mat_list_item_3_mat_icon_2_Template, 2, 0, "mat-icon", 125);
i0.ɵɵelementEnd();
i0.ɵɵtemplate(3, ThemeComponent_ng_template_110_ng_container_21_mat_list_item_3_button_3_Template, 8, 8, "button", 418);
i0.ɵɵtemplate(4, ThemeComponent_ng_template_110_ng_container_21_mat_list_item_3_mat_form_field_4_Template, 3, 1, "mat-form-field", 419);
i0.ɵɵelementStart(5, "div", 420)(6, "button", 421)(7, "mat-icon");
i0.ɵɵtext(8, "more_vert");
i0.ɵɵelementEnd()();
i0.ɵɵelementStart(9, "mat-menu", null, 211)(11, "button", 422)(12, "mat-icon", 126);
i0.ɵɵtext(13, "star");
i0.ɵɵelementEnd();
i0.ɵɵtext(14, " Default ");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(15, "button", 422)(16, "mat-icon", 126);
i0.ɵɵtext(17, "mode_edit");
i0.ɵɵelementEnd();
i0.ɵɵtext(18, " Edit ");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(19, "button", 422)(20, "mat-icon", 126);
i0.ɵɵtext(21, "close");
i0.ɵɵelementEnd();
i0.ɵɵtext(22, " Remove ");
i0.ɵɵelementEnd()()()();
} if (rf & 2) {
const item_r882 = ctx.$implicit;
const _r886 = i0.ɵɵreference(10);
const $persistence_r878 = i0.ɵɵnextContext(2).$implicit;
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c10, $persistence_r878.isActive(item_r882)));
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngIf", item_r882.isDefault);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", $persistence_r878.state.editItem !== item_r882);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", $persistence_r878.state.editItem === item_r882);
i0.ɵɵadvance(2);
i0.ɵɵproperty("matMenuTriggerFor", _r886);
i0.ɵɵadvance(5);
i0.ɵɵproperty("q-grid-command", $persistence_r878.setDefault)("q-grid-command-arg", item_r882);
i0.ɵɵadvance(4);
i0.ɵɵproperty("q-grid-command", $persistence_r878.edit.enter)("q-grid-command-arg", item_r882);
i0.ɵɵadvance(4);
i0.ɵɵproperty("q-grid-command", $persistence_r878.remove)("q-grid-command-arg", item_r882);
} }
function ThemeComponent_ng_template_110_ng_container_21_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainerStart(0);
i0.ɵɵelementStart(1, "h3", 416);
i0.ɵɵtext(2);
i0.ɵɵelementEnd();
i0.ɵɵtemplate(3, ThemeComponent_ng_template_110_ng_container_21_mat_list_item_3_Template, 23, 13, "mat-list-item", 417);
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const group_r880 = ctx.$implicit;
i0.ɵɵadvance(2);
i0.ɵɵtextInterpolate(group_r880.key);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngForOf", group_r880.items);
} }
function ThemeComponent_ng_template_110_Template(rf, ctx) { if (rf & 1) {
const _r899 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-card", 294)(1, "mat-card-header")(2, "mat-card-title");
i0.ɵɵtext(3, "Save/Load");
i0.ɵɵelementEnd()();
i0.ɵɵelementStart(4, "mat-card-content")(5, "div", 295)(6, "div", 407)(7, "mat-form-field")(8, "input", 408);
i0.ɵɵlistener("ngModelChange", function ThemeComponent_ng_template_110_Template_input_ngModelChange_8_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r899); const $persistence_r878 = restoredCtx.$implicit; return $persistence_r878.title = $event; });
i0.ɵɵelementEnd()()();
i0.ɵɵelementStart(9, "div", 409)(10, "button", 305);
i0.ɵɵtext(11, " Save ");
i0.ɵɵelementEnd()()();
i0.ɵɵelementStart(12, "mat-list", 410)(13, "mat-list-item", 411);
i0.ɵɵelement(14, "div", 412);
i0.ɵɵelementStart(15, "button", 413)(16, "mat-list", 414)(17, "mat-list-item")(18, "h3", 415);
i0.ɵɵtext(19);
i0.ɵɵelementEnd();
i0.ɵɵelement(20, "span", 415);
i0.ɵɵelementEnd()()()();
i0.ɵɵtemplate(21, ThemeComponent_ng_template_110_ng_container_21_Template, 4, 2, "ng-container", 124);
i0.ɵɵelementEnd()()();
} if (rf & 2) {
const $persistence_r878 = ctx.$implicit;
i0.ɵɵadvance(8);
i0.ɵɵproperty("ngModel", $persistence_r878.title);
i0.ɵɵadvance(2);
i0.ɵɵproperty("q-grid-command", $persistence_r878.create);
i0.ɵɵadvance(3);
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c10, $persistence_r878.isActive($persistence_r878.blank)));
i0.ɵɵadvance(2);
i0.ɵɵproperty("q-grid-command", $persistence_r878.reset);
i0.ɵɵadvance(4);
i0.ɵɵtextInterpolate($persistence_r878.blank.title);
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngForOf", $persistence_r878.groups);
} }
function ThemeComponent_ng_template_111_q_grid_persistence_panel_6_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "q-grid-persistence-panel", 430);
} }
function ThemeComponent_ng_template_111_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "button", 427, 290)(2, "mat-icon", 126);
i0.ɵɵtext(3, "history");
i0.ɵɵelementEnd()();
i0.ɵɵelementStart(4, "mat-menu", 428, 211);
i0.ɵɵtemplate(6, ThemeComponent_ng_template_111_q_grid_persistence_panel_6_Template, 1, 0, "q-grid-persistence-panel", 429);
i0.ɵɵelementEnd();
} if (rf & 2) {
const _r900 = i0.ɵɵreference(1);
const _r901 = i0.ɵɵreference(5);
i0.ɵɵproperty("matMenuTriggerFor", _r901);
i0.ɵɵadvance(6);
i0.ɵɵproperty("ngIf", _r900.menuOpen);
} }
function ThemeComponent_ng_template_112_mat_progress_bar_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "mat-progress-bar", 432);
} }
function ThemeComponent_ng_template_112_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, ThemeComponent_ng_template_112_mat_progress_bar_0_Template, 1, 0, "mat-progress-bar", 431);
} if (rf & 2) {
const $progress_r903 = ctx.$implicit;
i0.ɵɵproperty("ngIf", $progress_r903.isBusy);
} }
function ThemeComponent_ng_template_113_Template(rf, ctx) { if (rf & 1) {
const _r907 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-card", 294)(1, "mat-card-header")(2, "mat-card-title");
i0.ɵɵtext(3, " Query Builder ");
i0.ɵɵelementEnd()();
i0.ɵɵelementStart(4, "mat-card-content")(5, "div", 433)(6, "mat-toolbar")(7, "button", 434);
i0.ɵɵlistener("click", function ThemeComponent_ng_template_113_Template_button_click_7_listener() { const restoredCtx = i0.ɵɵrestoreView(_r907); const $builder_r905 = restoredCtx.$implicit; return $builder_r905.addGroup.execute(); });
i0.ɵɵelementStart(8, "mat-icon");
i0.ɵɵtext(9, "playlist_add");
i0.ɵɵelementEnd();
i0.ɵɵtext(10, "Add Group ");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(11, "button", 434);
i0.ɵɵlistener("click", function ThemeComponent_ng_template_113_Template_button_click_11_listener() { const restoredCtx = i0.ɵɵrestoreView(_r907); const $builder_r905 = restoredCtx.$implicit; return $builder_r905.addRule.execute(); });
i0.ɵɵelementStart(12, "mat-icon");
i0.ɵɵtext(13, "add");
i0.ɵɵelementEnd();
i0.ɵɵtext(14, "Add Rule ");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(15, "button", 434);
i0.ɵɵlistener("click", function ThemeComponent_ng_template_113_Template_button_click_15_listener() { const restoredCtx = i0.ɵɵrestoreView(_r907); const $builder_r905 = restoredCtx.$implicit; return $builder_r905.remove.execute(); });
i0.ɵɵelementStart(16, "mat-icon");
i0.ɵɵtext(17, "delete_forever");
i0.ɵɵelementEnd();
i0.ɵɵtext(18, "Remove ");
i0.ɵɵelementEnd()()();
i0.ɵɵelementStart(19, "div", 435);
i0.ɵɵelement(20, "q-grid-eb-node", 436);
i0.ɵɵelementEnd();
i0.ɵɵelement(21, "div", 437);
i0.ɵɵpipe(22, "qGridQueryBuilderMarkup");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(23, "mat-card-actions")(24, "button", 361);
i0.ɵɵlistener("click", function ThemeComponent_ng_template_113_Template_button_click_24_listener() { const restoredCtx = i0.ɵɵrestoreView(_r907); const $builder_r905 = restoredCtx.$implicit; return $builder_r905.cancel.execute(); });
i0.ɵɵtext(25, " Cancel ");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(26, "button", 361);
i0.ɵɵlistener("click", function ThemeComponent_ng_template_113_Template_button_click_26_listener() { const restoredCtx = i0.ɵɵrestoreView(_r907); const $builder_r905 = restoredCtx.$implicit; return $builder_r905.reset.execute(); });
i0.ɵɵtext(27, " Clear ");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(28, "button", 438);
i0.ɵɵlistener("click", function ThemeComponent_ng_template_113_Template_button_click_28_listener() { const restoredCtx = i0.ɵɵrestoreView(_r907); const $builder_r905 = restoredCtx.$implicit; return $builder_r905.submit.execute(); });
i0.ɵɵtext(29, " Apply ");
i0.ɵɵelementEnd()()();
} if (rf & 2) {
const $builder_r905 = ctx.$implicit;
i0.ɵɵadvance(7);
i0.ɵɵproperty("disabled", !$builder_r905.addGroup.canExecute());
i0.ɵɵadvance(4);
i0.ɵɵproperty("disabled", !$builder_r905.addRule.canExecute());
i0.ɵɵadvance(4);
i0.ɵɵproperty("disabled", !$builder_r905.remove.canExecute());
i0.ɵɵadvance(5);
i0.ɵɵproperty("model", $builder_r905.node);
i0.ɵɵadvance(1);
i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(22, 6, $builder_r905.node, $builder_r905.queryService), i0.ɵɵsanitizeHtml);
i0.ɵɵadvance(7);
i0.ɵɵproperty("disabled", !$builder_r905.submit.canExecute());
} }
function ThemeComponent_ng_template_114_q_grid_query_builder_panel_6_Template(rf, ctx) { if (rf & 1) {
const _r917 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "q-grid-query-builder-panel", 442);
i0.ɵɵlistener("close", function ThemeComponent_ng_template_114_q_grid_query_builder_panel_6_Template_q_grid_query_builder_panel_close_0_listener() { i0.ɵɵrestoreView(_r917); i0.ɵɵnextContext(); const _r913 = i0.ɵɵreference(1); return _r913.closeMenu(); });
i0.ɵɵelementEnd();
} }
function ThemeComponent_ng_template_114_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "button", 439, 290)(2, "mat-icon", 126);
i0.ɵɵtext(3, "filter_list");
i0.ɵɵelementEnd()();
i0.ɵɵelementStart(4, "mat-menu", 440, 211);
i0.ɵɵtemplate(6, ThemeComponent_ng_template_114_q_grid_query_builder_panel_6_Template, 1, 0, "q-grid-query-builder-panel", 441);
i0.ɵɵelementEnd();
} if (rf & 2) {
const _r913 = i0.ɵɵreference(1);
const _r914 = i0.ɵɵreference(5);
i0.ɵɵproperty("matMenuTriggerFor", _r914);
i0.ɵɵadvance(6);
i0.ɵɵproperty("ngIf", _r913.menuOpen);
} }
function ThemeComponent_ng_template_115_Template(rf, ctx) { if (rf & 1) {
const _r920 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "mat-card", 443)(1, "mat-card-content", 444)(2, "q-grid-reference", 445);
i0.ɵɵlistener("valueChange", function ThemeComponent_ng_template_115_Template_q_grid_reference_valueChange_2_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r920); const $editor_r918 = restoredCtx.$implicit; return $editor_r918.value = $event; })("modelChange", function ThemeComponent_ng_template_115_Template_q_grid_reference_modelChange_2_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r920); const $editor_r918 = restoredCtx.$implicit; return $editor_r918.model = $event; })("referenceChange", function ThemeComponent_ng_template_115_Template_q_grid_reference_referenceChange_2_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r920); const $editor_r918 = restoredCtx.$implicit; return $editor_r918.reference = $event; });
i0.ɵɵelementEnd()();
i0.ɵɵelementStart(3, "mat-card-actions")(4, "button", 304);
i0.ɵɵtext(5, " Cancel ");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(6, "button", 305);
i0.ɵɵtext(7, " Save ");
i0.ɵɵelementEnd()()();
} if (rf & 2) {
const $editor_r918 = ctx.$implicit;
i0.ɵɵadvance(2);
i0.ɵɵproperty("cell", $editor_r918.cell)("value", $editor_r918.value)("caption", $editor_r918.caption)("autofocus", true);
i0.ɵɵadvance(2);
i0.ɵɵproperty("q-grid-command", $editor_r918.cancel);
i0.ɵɵadvance(2);
i0.ɵɵproperty("q-grid-command", $editor_r918.submit);
} }
function ThemeComponent_ng_template_116_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "q-grid", 446);
i0.ɵɵelement(1, "q-grid-visibility", 447);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $reference_r923 = ctx.$implicit;
i0.ɵɵproperty("model", $reference_r923.model)("caption", $reference_r923.caption)("q-grid-autofocus", $reference_r923.autofocus);
i0.ɵɵadvance(1);
i0.ɵɵproperty("toolbarTop", false);
} }
function ThemeComponent_ng_template_117_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 448);
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $statusBar_r924 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate2(" ", $statusBar_r924.columnIndex, ":", $statusBar_r924.rowIndex, " ");
} }
function ThemeComponent_ng_template_118_ng_container_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainer(0);
} }
function ThemeComponent_ng_template_118_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "div", 449);
i0.ɵɵtemplate(1, ThemeComponent_ng_template_118_ng_container_1_Template, 1, 0, "ng-container", 283);
i0.ɵɵelement(2, "div", 450);
} if (rf & 2) {
const $tabTrap_r925 = ctx.$implicit;
i0.ɵɵproperty("q-grid-tab-trap-host", $tabTrap_r925);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngTemplateOutlet", $tabTrap_r925.template);
i0.ɵɵadvance(1);
i0.ɵɵproperty("q-grid-tab-trap-host", $tabTrap_r925);
} }
function ThemeComponent_ng_template_119_li_1_span_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span");
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const error_r929 = i0.ɵɵnextContext().$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate(error_r929);
} }
function ThemeComponent_ng_template_119_li_1_span_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span");
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $index_r930 = i0.ɵɵnextContext().index;
const $validator_r927 = i0.ɵɵnextContext().$implicit;
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" : \"", $validator_r927.value[$index_r930], "\" ");
} }
function ThemeComponent_ng_template_119_li_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "li");
i0.ɵɵtemplate(1, ThemeComponent_ng_template_119_li_1_span_1_Template, 2, 1, "span", 142);
i0.ɵɵtemplate(2, ThemeComponent_ng_template_119_li_1_span_2_Template, 2, 1, "span", 142);
i0.ɵɵelementEnd();
} if (rf & 2) {
const error_r929 = ctx.$implicit;
const $validator_r927 = i0.ɵɵnextContext().$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", error_r929);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", error_r929 && $validator_r927.type === "array");
} }
function ThemeComponent_ng_template_119_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "ul");
i0.ɵɵtemplate(1, ThemeComponent_ng_template_119_li_1_Template, 3, 2, "li", 124);
i0.ɵɵelementEnd();
} if (rf & 2) {
const $validator_r927 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngForOf", $validator_r927.errors);
} }
function ThemeComponent_ng_template_120_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 265)(1, "div", 451);
i0.ɵɵelement(2, "q-grid-legend");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(3, "div", 452);
i0.ɵɵelement(4, "q-grid-pager");
i0.ɵɵelementEnd()();
} }
function ThemeComponent_ng_template_121_Template(rf, ctx) { }
function ThemeComponent_ng_template_122_Template(rf, ctx) { }
function ThemeComponent_ng_template_123_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 453);
i0.ɵɵelement(1, "q-grid-caption", 454)(2, "q-grid-action-bar")(3, "q-grid-progress", 455);
i0.ɵɵelementEnd();
} }
class ThemeComponent {
}
ThemeComponent.ɵfac = function ThemeComponent_Factory(t) { return new (t || ThemeComponent)(); };
ThemeComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ThemeComponent, selectors: [["q-grid-theme"]], decls: 124, 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-bool.tpl.html"], ["key", "body-cell-currency.tpl.html"], ["key", "body-cell-date.tpl.html"], ["key", "body-cell-datetime.tpl.html"], ["key", "body-cell-email.tpl.html"], ["key", "body-cell-file.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-reference.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-row-options.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", "column-filter-cell-currency.tpl.html"], ["key", "column-filter-cell-date.tpl.html"], ["key", "column-filter-cell-datetime.tpl.html"], ["key", "column-filter-cell-number.tpl.html"], ["key", "column-filter-cell-text.tpl.html"], ["key", "edit-cell-array.tpl.html"], ["key", "edit-cell-autocomplete.tpl.html"], ["key", "edit-cell-bool.tpl.html"], ["key", "edit-cell-currency.tpl.html"], ["key", "edit-cell-date.tpl.html"], ["key", "edit-cell-datetime.tpl.html"], ["key", "edit-cell-dropdown.tpl.html"], ["key", "edit-cell-email.tpl.html"], ["key", "edit-cell-file.tpl.html"], ["key", "edit-cell-image.tpl.html"], ["key", "edit-cell-number.tpl.html"], ["key", "edit-cell-password.tpl.html"], ["key", "edit-cell-reference.tpl.html"], ["key", "edit-cell-row-options.tpl.html"], ["key", "edit-cell-text-area.tpl.html"], ["key", "edit-cell-text.tpl.html"], ["key", "edit-cell-time.tpl.html"], ["key", "edit-cell-url.tpl.html"], ["key", "edit-form-array.tpl.html"], ["key", "edit-form-bool.tpl.html"], ["key", "edit-form-currency.tpl.html"], ["key", "edit-form-date.tpl.html"], ["key", "edit-form-datetime.tpl.html"], ["key", "edit-form-dropdown.tpl.html"], ["key", "edit-form-email.tpl.html"], ["key", "edit-form-file.tpl.html"], ["key", "edit-form-image.tpl.html"], ["key", "edit-form-number.tpl.html"], ["key", "edit-form-password.tpl.html"], ["key", "edit-form-reference.tpl.html"], ["key", "edit-form-text-area.tpl.html"], ["key", "edit-form-text.tpl.html"], ["key", "edit-form-time.tpl.html"], ["key", "edit-form-url.tpl.html"], ["key", "filter-cell-bool.tpl.html"], ["key", "filter-cell-currency.tpl.html"], ["key", "filter-cell-date.tpl.html"], ["key", "filter-cell-datetime.tpl.html"], ["key", "filter-cell-number.tpl.html"], ["key", "filter-cell-text.tpl.html"], ["key", "foot-cell-currency.tpl.html"], ["key", "foot-cell-number.tpl.html"], ["key", "foot-cell-text.tpl.html"], ["key", "head-cell-group.tpl.html"], ["key", "head-cell-select.tpl.html"], ["key", "head-cell-text.tpl.html"], ["key", "plugin-action-bar.tpl.html"], ["key", "plugin-action-core.tpl.html"], ["key", "plugin-autocomplete-editor.tpl.html"], ["key", "plugin-backdrop.tpl.html"], ["key", "plugin-bool-editor.tpl.html"], ["key", "plugin-caption.tpl.html"], ["key", "plugin-cell-editor.tpl.html"], ["key", "plugin-column-chooser-trigger.tpl.html"], ["key", "column-chooser.tpl.html"], ["key", "column-chooser-node.tpl.html"], ["key", "plugin-column-filter-between.tpl.html"], ["key", "plugin-column-filter-by.tpl.html"], ["key", "plugin-column-filter-contains.tpl.html"], ["key", "plugin-column-filter-date-between.tpl.html"], ["key", "plugin-column-filter-date-input.tpl.html"], ["key", "plugin-column-filter-datetime-between.tpl.html"], ["key", "plugin-column-filter-datetime-input.tpl.html"], ["key", "plugin-column-filter-input.tpl.html"], ["key", "plugin-column-filter-label.tpl.html"], ["key", "plugin-column-filter-trigger.tpl.html"], ["key", "plugin-column-filter.tpl.html"], ["key", "plugin-column-sort.tpl.html"], ["key", "plugin-eb-autocomplete.tpl.html"], ["key", "plugin-eb-button.tpl.html"], ["key", "plugin-eb-icon-button.tpl.html"], ["key", "plugin-eb-input.tpl.html"], ["key", "plugin-eb-label.tpl.html"], ["key", "plugin-eb-multiselect.tpl.html"], ["key", "plugin-eb-select.tpl.html"], ["key", "plugin-edit-form-trigger.tpl.html"], ["key", "plugin-edit-form.tpl.html"], ["key", "plugin-export.tpl.html"], ["key", "plugin-pager-target.tpl.html"], ["key", "plugin-pager.tpl.html"], ["key", "plugin-persistence-panel.tpl.html"], ["key", "plugin-persistence.tpl.html"], ["key", "plugin-progress.tpl.html"], ["key", "plugin-query-builder-panel.tpl.html"], ["key", "plugin-query-builder.tpl.html"], ["key", "plugin-reference-editor.tpl.html"], ["key", "plugin-reference.tpl.html"], ["key", "plugin-status-bar.tpl.html"], ["key", "plugin-tab-trap.tpl.html"], ["key", "plugin-validator.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"], ["class", "q-grid-icon", 4, "ngIf"], [1, "q-grid-icon"], ["tabindex", "-1", 3, "href"], ["class", "q-grid-url-edit q-grid-edit-trigger", "color", "primary", "mat-icon-button", "", "matTooltip", "Edit Email", "matTooltipPosition", "before", "tabindex", "-1", "aria-label", "'email'", 3, "matTooltipShowDelay", "q-grid-command", "q-grid-command-arg", 4, "ngIf"], ["color", "primary", "mat-icon-button", "", "matTooltip", "Edit Email", "matTooltipPosition", "before", "tabindex", "-1", "aria-label", "'email'", 1, "q-grid-url-edit", "q-grid-edit-trigger", 3, "matTooltipShowDelay", "q-grid-command", "q-grid-command-arg"], ["mat-icon-button", "", "class", "q-grid-file-edit q-grid-edit-trigger", "matTooltip", "Upload", "aria-label", "Upload file", "tabindex", "-1", 3, "q-grid-command", "q-grid-command-arg", 4, "ngIf"], ["mat-icon-button", "", "matTooltip", "Upload", "aria-label", "Upload file", "tabindex", "-1", 1, "q-grid-file-edit", "q-grid-edit-trigger", 3, "q-grid-command", "q-grid-command-arg"], [3, "ngStyle", 4, "ngIf"], [3, "ngStyle"], ["mat-icon-button", "", "tabindex", "-1", 3, "q-grid-command", "q-grid-command-arg", "ngClass"], [1, "q-grid-group-label"], [1, "q-grid-group-count"], [3, "src", 4, "ngIf"], [3, "src"], ["class", "q-grid-reference-edit q-grid-edit-trigger", "type", "button", "mat-icon-button", "", "matTooltip", "Edit reference", "matTooltipPosition", "below", "tabindex", "-1", 3, "q-grid-command", "q-grid-command-arg", 4, "ngIf"], ["type", "button", "mat-icon-button", "", "matTooltip", "Edit reference", "matTooltipPosition", "below", "tabindex", "-1", 1, "q-grid-reference-edit", "q-grid-edit-trigger", 3, "q-grid-command", "q-grid-command-arg"], ["matSuffix", "", 1, "q-grid-icon"], [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"], ["tabindex", "-1", "aria-label", "Select", 1, "q-grid-radio", 3, "checked", "disabled", "change"], ["tabindex", "-1", "aria-label", "Select", 1, "q-grid-checkbox", 3, "indeterminate", "checked", "disabled", "change"], ["tabindex", "-1", "target", "_blank"], ["class", "q-grid-url-edit q-grid-edit-trigger", "mat-icon-button", "", "aria-label", "url", "tabindex", "-1", "matTooltip", "Edit Url", "matTooltipPosition", "below", 3, "matTooltipShowDelay", "q-grid-command", "q-grid-command-arg", 4, "ngIf"], ["mat-icon-button", "", "aria-label", "url", "tabindex", "-1", "matTooltip", "Edit Url", "matTooltipPosition", "below", 1, "q-grid-url-edit", "q-grid-edit-trigger", 3, "matTooltipShowDelay", "q-grid-command", "q-grid-command-arg"], [3, "innerHTML"], ["q-grid-position", "td", "q-grid-chips", "", 1, "q-grid-array", "q-grid-editor", "q-grid-position", 3, "close"], [1, "q-grid-array-view"], ["chipList", ""], [3, "q-grid-chips-remove", 4, "ngFor", "ngForOf"], [3, "floatLabel", "q-grid-chips-push"], ["matInput", "", "q-grid-focus", "", 1, "q-grid-array-input", 3, "type", "matChipInputFor"], ["qGridInput", ""], [1, "q-grid-validator", 3, "key", "type", "value"], [3, "q-grid-chips-remove"], ["selectable", "true", "removable", "true", 1, "q-grid-array-item"], ["matChipRemove", "", 1, "q-grid-icon"], ["q-grid-position", "td", 1, "q-grid-editor", "q-grid-position", 3, "close"], [3, "autofocus", "column", "value", "valueChange"], ["q-grid-position", "td", 1, "q-grid-currency", "q-grid-editor", "q-grid-position", "q-grid-text", 3, "close"], ["matInput", "", "type", "number", "q-grid-focus", "", 3, "ngModel", "ngModelChange"], ["input", ""], ["q-grid-position", "td", 1, "q-grid-date", "q-grid-editor", "q-grid-position", "q-grid-text", 3, "close"], [3, "q-grid-date-adapter", "ngClass", 4, "q-grid-date"], [3, "q-grid-date-adapter", "ngClass"], ["q-grid-focus", "", "matInput", "", 3, "q-grid-date-mask", "placeholder", "matDatepicker", "value", "dateChange", "input"], ["matSuffix", "", 3, "for"], ["panelClass", "q-grid-editor-part"], ["picker", ""], ["q-grid-position", "td", 1, "q-grid-editor", "q-grid-position", "q-grid-text", "q-grid-datetime", 3, "close"], ["class", "q-grid-datetime-date", 3, "q-grid-date-adapter", "ngClass", 4, "q-grid-date"], ["class", "q-grid-datetime-time", 4, "q-grid-time"], [1, "q-grid-datetime-date", 3, "q-grid-date-adapter", "ngClass"], [1, "q-grid-datetime-time"], ["matInput", "", "type", "time", 3, "value", "change"], ["q-grid-select", ""], ["disableRipple", "", 1, "q-grid-dropdown", 3, "value", "valueChange", "selectionChange"], ["q-grid-stop-propagate", "mousedown", 3, "value", 4, "ngFor", "ngForOf"], ["q-grid-stop-propagate", "mousedown", 3, "value"], ["q-grid-position", "td", 1, "q-grid-email", "q-grid-editor", "q-grid-position", 3, "close"], [1, "q-grid-flex", "q-grid-layout-column", "q-grid-email-fields"], ["q-grid-focus", "", "matInput", "", "type", "email", "placeholder", "Email", 3, "ngModel", "ngModelChange"], ["matInput", "", "type", "text", "placeholder", "Label", 3, "ngModel", "ngModelChange"], ["q-grid-position", "td", 1, "q-grid-editor", "q-grid-file", "q-grid-position", 3, "close"], [1, "q-grid-layout-column", "q-grid-flex"], [1, "q-grid-file-upload-area", 3, "ngClass"], [1, "q-grid-layout-column", "q-grid-file-upload-message", 3, "ngSwitch"], ["class", "q-grid-file-upload-filename", 4, "ngSwitchCase"], [1, "q-grid-layout-row", "q-grid-layout-align-center-center"], [4, "ngSwitchCase"], ["type", "file", 3, "q-grid-file", "q-grid-file-label", "q-grid-file-is-valid", "q-grid-fileChange", "q-grid-file-labelChange"], ["class", "q-grid-file-preview", 4, "ngIf"], [1, "q-grid-actions"], ["mat-button", "", "color", "primary", 3, "q-grid-command", "q-grid-command-arg"], ["mat-button", "", 3, "q-grid-command", "q-grid-command-arg"], [1, "q-grid-file-upload-filename"], [1, "q-grid-file-preview"], ["q-grid-position", "td", 1, "q-grid-number", "q-grid-editor", "q-grid-position", "q-grid-text", 3, "close"], ["q-grid-position", "td", 1, "q-grid-password", "q-grid-editor", "q-grid-position", "q-grid-text", 3, "close"], ["matInput", "", "q-grid-focus", "", 3, "type", "ngModel", "ngModelChange"], ["q-grid-position", "td", 1, "q-grid-reference", "q-grid-editor", "q-grid-position", 3, "close"], [3, "cell", "value", "caption", "valueChange", "afterSubmit", "afterCancel"], [3, "q-grid-menu-trigger"], [1, "q-grid-icon", 3, "matMenuTriggerFor"], [1, "q-grid-row-options"], ["menu", "matMenu"], [3, "ngSwitch", 4, "ngFor", "ngForOf"], [3, "ngSwitch"], ["mat-menu-item", "", "q-grid-command-event", "mousedown", "q-grid-command-host", "document", 3, "q-grid-command", "q-grid-command-arg", "q-grid-command-use-shortcut", "keydown.enter", "q-grid-command-execute", 4, "ngSwitchDefault"], ["mat-menu-item", "", "q-grid-command-event", "mousedown", "q-grid-command-host", "document", 3, "q-grid-command", "q-grid-command-arg", "q-grid-command-use-shortcut", "keydown.enter", "q-grid-command-execute"], ["class", "q-grid-shortcut", 4, "ngIf"], [1, "q-grid-shortcut"], ["q-grid-position", "td", 1, "q-grid-text-area", "q-grid-editor", "q-grid-position", 3, "close"], ["matInput", "", "rows", "10", "q-grid-focus", "", 3, "maxlength", "ngModel", "ngModelChange"], ["align", "end"], ["q-grid-position", "td", 1, "q-grid-text", "q-grid-editor", "q-grid-position", 3, "close"], ["matInput", "", "q-grid-focus", "", 3, "maxlength", "ngModel", "ngModelChange"], ["class", "q-grid-validator", 3, "key", "type", "value", 4, "ngIf"], ["q-grid-position", "td", 1, "q-grid-time", "q-grid-editor", "q-grid-position", "q-grid-text", 3, "close"], [4, "q-grid-time"], ["matInput", "", "type", "time", "q-grid-focus", "", 3, "value", "change"], ["q-grid-position", "td", 1, "q-grid-url", "q-grid-editor", "q-grid-position", 3, "close"], [1, "q-grid-flex", "q-grid-layout-column", "q-grid-url-fields"], ["matInput", "", "type", "url", "q-grid-focus", "", "placeholder", "Url", 3, "ngModel", "ngModelChange"], ["q-grid-chips", ""], ["matInput", "", 1, "q-grid-array-input", 3, "type", "matChipInputFor"], [3, "column", "value", "label", "valueChange"], ["matInput", "", "type", "number", 3, "placeholder", "ngModel", "ngModelChange"], ["matInput", "", 3, "matDatepicker", "placeholder", "ngModel", "ngModelChange"], ["matInput", "", "type", "email", "placeholder", "Email", 3, "ngModel", "ngModelChange"], ["q-grid-file", "", "type", "file", 3, "q-grid-file", "q-grid-file-label", "q-grid-file-is-valid", "q-grid-fileChange", "q-grid-file-labelChange"], ["matInput", "", "type", "password", 3, "placeholder", "ngModel", "ngModelChange"], [3, "cell", "value", "autofocus", "valueChange"], ["matInput", "", "rows", "10", 3, "placeholder", "ngModel", "ngModelChange"], [1, "edit-form-text"], ["matInput", "", 3, "maxlength", "ngModel", "placeholder", "ngModelChange"], ["matInput", "", "type", "time", 3, "placeholder", "ngModel", "ngModelChange"], ["matInput", "", "type", "url", "placeholder", "Url", 3, "ngModel", "ngModelChange"], ["aria-label", "Bool cell filter", "class", "q-grid-checkbox", 3, "value", "change", 4, "ngIf"], ["aria-label", "Bool cell filter", 1, "q-grid-checkbox", 3, "value", "change"], ["floatLabel", "never", 4, "ngIf"], ["floatLabel", "never"], [1, "q-grid-icon", "q-grid-placeholder"], ["type", "number", "matInput", "", 3, "value", "change"], ["class", "q-grid-icon q-grid-close", "matSuffix", "", 3, "click", 4, "ngIf"], ["matSuffix", "", 1, "q-grid-icon", "q-grid-close", 3, "click"], ["floatLabel", "never", 3, "q-grid-date-adapter", "ngClass", 4, "q-grid-date"], ["floatLabel", "never", 3, "q-grid-date-adapter", "ngClass"], ["matInput", "", 3, "matDatepicker", "q-grid-date-mask", "value", "dateChange", "input"], ["type", "search", "matInput", "", 3, "value", "change"], ["tabindex", "-1", 3, "matTooltip", "matTooltipShowDelay", "q-grid-command"], ["tabindex", "-1", "aria-label", "Select all", "class", "q-grid-checkbox", 3, "indeterminate", "checked", "disabled", "change", 4, "ngIf"], ["tabindex", "-1", "aria-label", "Select all", 1, "q-grid-checkbox", 3, "indeterminate", "checked", "disabled", "change"], ["class", "q-grid-sort", 3, "column", 4, "ngIf"], [3, "matTooltip", "matTooltipShowDelay", 4, "ngIf"], ["class", "q-grid-column-filter-trigger", 3, "column", 4, "ngIf"], [1, "q-grid-sort", 3, "column"], [3, "matTooltip", "matTooltipShowDelay"], [1, "q-grid-column-filter-trigger", 3, "column"], [1, "q-grid-layout-row"], [1, "q-grid-flex-100", "q-grid-layout-row", "q-grid-layout-align-start-center"], [1, "q-grid-actions", "q-grid-flex-none", "q-grid-layout-row", "q-grid-layout-align-end-center"], [3, "action", 4, "ngFor", "ngForOf"], [3, "action"], [1, "q-grid-action", 3, "ngSwitch"], [3, "key", "context", 4, "ngSwitchCase"], ["mat-icon-button", "", "tabindex", "-1", 3, "q-grid-command", "q-grid-command-use-shortcut", "matTooltip", "matTooltipShowDelay", 4, "ngSwitchCase"], ["mat-button", "", "tabindex", "-1", 3, "q-grid-command", "q-grid-command-use-shortcut", 4, "ngSwitchCase"], [3, "q-grid-command", "q-grid-command-use-shortcut", 4, "ngSwitchDefault"], [3, "key", "context"], ["mat-icon-button", "", "tabindex", "-1", 3, "q-grid-command", "q-grid-command-use-shortcut", "matTooltip", "matTooltipShowDelay"], ["mat-button", "", "tabindex", "-1", 3, "q-grid-command", "q-grid-command-use-shortcut"], [3, "q-grid-command", "q-grid-command-use-shortcut"], ["type", "text", "q-grid-focus", "", "matInput", "", 3, "placeholder", "ngModel", "matAutocomplete", "ngModelChange"], [3, "displayWith"], ["autocomplete", "matAutocomplete"], [1, "q-grid-backdrop"], [4, "ngTemplateOutlet"], ["aria-label", "Bool cell edit", 1, "q-grid-checkbox", 3, "q-grid-focus", "q-grid-focus-disabled", "checked", "change"], ["checkbox", ""], [1, "mat-card-title"], [3, "close"], [1, "q-grid-editor-content", 3, "q-grid-stop-propagate"], ["mat-icon-button", "", "tabindex", "-1", "aria-label", "Column chooser", 3, "matMenuTriggerFor"], ["trigger", "matMenuTrigger"], [1, "q-grid-column-chooser", "q-grid-menu"], ["q-grid-menu", "", "q-grid-theme-overlay", "", 3, "cancel", "submit", 4, "ngIf"], ["q-grid-menu", "", "q-grid-theme-overlay", "", 3, "cancel", "submit"], [1, "mat-elevation-z"], [1, "q-grid-flex-none", "q-grid-layout-row"], [1, "q-grid-column-chooser-filter"], ["type", "search", "placeholder", "Find in the list", "matInput", "", "q-grid-focus", "", 3, "ngModel", "input", "ngModelChange"], [1, "q-grid-flex", "q-grid-layout-column"], [1, "q-grid-column-chooser-toolbar"], [3, "checked", "indeterminate", "change"], [3, "checked", "change"], [1, "q-grid-column-chooser-list"], ["key", "column-chooser-node.tpl.html", 3, "context"], ["mat-button", "", 3, "q-grid-command"], ["mat-button", "", "color", "primary", 3, "q-grid-command"], ["q-grid-drop-area", "column-chooser", "q-grid-drag-direction", "y", 3, "q-grid-drop", "q-grid-drop-data", "q-grid-drag-over", 4, "ngIf"], ["q-grid-drop-area", "column-chooser", "q-grid-drag-direction", "y", 3, "q-grid-drop", "q-grid-drop-data", "q-grid-drag-over"], ["q-grid-drop-area", "column-chooser", 3, "q-grid-drag", "q-grid-drag-data"], ["aria-label", "Selection", 3, "checked", "change"], [1, "q-grid-column-filter-input", "q-grid-column-filter-input-half"], ["matInput", "", "placeholder", "From", "q-grid-focus", "", 3, "ngModel", "type", "ngModelChange"], ["matInput", "", "placeholder", "To", 3, "ngModel", "type", "ngModelChange"], [3, "q-grid-column-filter-item-list"], [1, "q-grid-filter-by"], [1, "q-grid-filter-by-item"], [3, "q-grid-column-filter-item"], [1, "q-grid-filter-by-remove", 3, "click"], [1, "q-grid-column-filter-input"], ["matInput", "", "placeholder", "Find in the list", "q-grid-focus", "", 3, "ngModel", "ngModelChange", "input"], [1, "q-grid-column-filter-toolbar"], [1, "q-grid-column-filter-by", 3, "ngSwitch"], ["q-grid-vscroll", "", 1, "q-grid-column-filter-list", 3, "q-grid-column-filter-item-list", "q-grid-column-filter-search"], [3, "q-grid-vscroll-port-y"], [3, "q-grid-vscroll-row", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["aria-label", "Select blanks", 3, "ngModel", "ngModelChange", 4, "ngIf"], [1, "q-grid-column-filter-by-blank"], [3, "by", "byBlanks", "column", "byBlanksChange"], [3, "q-grid-vscroll-row"], ["aria-label", "Select filter value", 3, "checked", "change", 4, "ngIf"], ["aria-label", "Select filter value", 3, "checked", "change"], ["aria-label", "Select blanks", 3, "ngModel", "ngModelChange"], ["class", "q-grid-column-filter-input q-grid-column-filter-input-half", 3, "q-grid-date-adapter", "ngClass", 4, "q-grid-date"], [1, "q-grid-column-filter-input", "q-grid-column-filter-input-half", 3, "q-grid-date-adapter", "ngClass"], ["q-grid-focus", "", "matInput", "", "placeholder", "From", 3, "q-grid-date-mask", "matDatepicker", "value", "dateChange", "input"], ["inputLeft", ""], ["leftPicker", ""], ["matInput", "", "placeholder", "To", 3, "q-grid-date-mask", "matDatepicker", "value", "dateChange", "input"], ["inputRight", ""], ["rightPicker", ""], ["class", "q-grid-column-filter-input", 3, "q-grid-date-adapter", "ngClass", 4, "q-grid-date"], [1, "q-grid-column-filter-input", 3, "q-grid-date-adapter", "ngClass"], ["class", "q-grid-column-filter-input q-grid-column-filter-input-half", 4, "q-grid-time"], ["q-grid-focus", "", "matInput", "", "placeholder", "from", 3, "matDatepicker", "q-grid-date-mask", "value", "dateChange", "input"], ["inputDateLeft", ""], ["inputTimeLeft", ""], ["q-grid-focus", "", "matInput", "", "placeholder", "to", 3, "matDatepicker", "q-grid-date-mask", "value", "dateChange", "input"], ["inputDateRight", ""], ["inputTimeRight", ""], ["matInput", "", "q-grid-focus", "", 3, "type", "placeholder", "ngModel", "ngModelChange"], ["matInput", "", "disabled", "", 3, "placeholder"], ["mat-icon-button", "", "tabindex", "-1", "aria-label", "Column filter", 3, "matMenuTriggerFor"], [1, "q-grid-column-filter", "q-grid-menu"], ["q-grid-menu", "", "q-grid-theme-overlay", "", 3, "column", "cancel", "submit", 4, "ngIf"], ["q-grid-menu", "", "q-grid-theme-overlay", "", 3, "column", "cancel", "submit"], [3, "ngClass"], ["class", "q-grid-column-filter-operator-select", 3, "value", "valueChange", "selectionChange", 4, "ngIf"], ["mat-button", "", 3, "click", 4, "ngIf"], [1, "q-grid-column-filter-operator-select", 3, "value", "valueChange", "selectionChange"], [3, "value", 4, "ngFor", "ngForOf"], [3, "value"], ["mat-button", "", 3, "click"], [1, "q-grid-icon", "q-grid-asc"], [1, "q-grid-icon", "q-grid-desc"], ["floatLabel", "never", "q-grid-autosize", "input", "matTooltipPosition", "after", "matTooltipShowDelay", "800", "matTooltipClass", "q-grid-query-builder-error-tooltip", 3, "q-grid-autosize-value", "q-grid-eb-class", "q-grid-eb-class-model", "matTooltip"], ["matInput", "", 3, "ngModel", "placeholder", "matAutocomplete", "ngModelChange", "click", "input", "optionSelected"], ["input", "matAutocompleteTrigger"], ["q-grid-backdrop-selector", ".mat-autocomplete-panel", 3, "q-grid-backdrop-active", "q-grid-backdrop"], ["mat-button", "", 1, "q-grid-query-builder-button", 3, "ngClass", "click"], ["mat-icon-button", "", 1, "q-grid-query-builder-icon-button", 3, "ngClass", "click"], ["matInput", "", 3, "ngModel", "placeholder", "ngModelChange", "input"], [1, "q-grid-query-builder-label"], [1, "q-grid-query-builder-multiselect", 3, "ngClass"], ["class", "mat-basic-chip", "selectable", "false", "removable", "true", 3, "removed", 4, "ngFor", "ngForOf"], [3, "floatLabel"], ["matInput", "", "matChipInputAddOnBlur", "true", 3, "placeholder", "matChipInputFor", "matChipInputTokenEnd"], ["chipInput", ""], ["selectable", "false", "removable", "true", 1, "mat-basic-chip", 3, "removed"], [3, "value", "q-grid-eb-class", "q-grid-eb-class-model", "valueChange", "selectionChange", "openedChange"], [3, "value", "disabled", 4, "ngFor", "ngForOf"], [3, "value", "disabled"], ["mat-icon-button", "", "aria-label", "Edit form", 1, "q-grid-icon-button", 3, "matMenuTriggerFor"], [1, "q-grid-edit-form", "q-grid-menu"], ["q-grid-menu", "", 3, "caption", "row", "cancel", "submit", 4, "ngIf"], ["q-grid-menu", "", 3, "caption", "row", "cancel", "submit"], [1, "mat-elev\u0416ation-z", "q-grid-edit-form-card", 3, "keydown"], [1, "q-grid-edit-form-content"], ["class", "q-grid-edit-form-control", 3, "ngClass", "editor", 4, "ngFor", "ngForOf"], ["mat-button", "", "q-grid-focus", "", 3, "q-grid-command"], [1, "q-grid-edit-form-control", 3, "ngClass", "editor"], [1, "q-grid-export"], ["mat-button", "", 3, "q-grid-command", 4, "ngIf"], [1, "q-grid-mat-menu"], [3, "q-grid-stop-propagate", 4, "ngIf"], ["tabindex", "-1", "mat-button", "", 1, "q-grid-pager-target-trigger", "mat-icon-button", 3, "matMenuTriggerFor", "click"], [1, "q-grid-icon-class"], [3, "q-grid-stop-propagate"], ["id", "q-grid-menu-input", "matInput", "", "type", "number", "q-grid-focus", "", "placeholder", "Go to page:", 3, "ngModel", "max", "min", "click", "ngModelChange", "keydown", "keyup.enter"], [1, "q-grid-pager", 3, "ngSwitch"], [4, "ngSwitchDefault"], [1, "q-grid-pager-page", 3, "ngSwitch"], [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, "panelClass", "value", "valueChange"], [1, "q-grid-pager-page", "q-grid-hide-xs", 3, "ngSwitch"], ["tabindex", "-1", "mat-button", "", 1, "mat-icon-button", "q-grid-prev-page", 3, "q-grid-command", "q-grid-command-use-shortcut", "matTooltip", "matTooltipShowDelay"], ["matTooltip", "Select a Page", 3, "matTooltipShowDelay"], ["tabindex", "-1", "mat-button", "", 1, "mat-icon-button", "q-grid-next-page", 3, "q-grid-command", "q-grid-command-use-shortcut", "matTooltip", "matTooltipShowDelay"], [1, "q-grid-flex-100", "q-grid-persistence-title"], ["matInput", "", "type", "text", "q-grid-focus", "", "placeholder", "Save As...", 3, "ngModel", "ngModelChange"], [1, "q-grid-flex-none", "q-grid-persistence-save"], [1, "q-grid-persistence-list"], [1, "q-grid-persistence-list-item", 3, "ngClass"], [1, "q-grid-persistence-default-icon"], ["mat-button", "", "matTooltip", "No settings", 3, "q-grid-command"], ["dense", ""], ["matLine", ""], ["mat-subheader", ""], ["class", "q-grid-persistence-list-item", 3, "ngClass", 4, "ngFor", "ngForOf"], ["mat-button", "", 3, "matTooltip", "q-grid-command", "q-grid-command-arg", 4, "ngIf"], ["class", "q-grid-persistence-item-edit", 4, "ngIf"], [1, "q-grid-more"], ["mat-button", "", 3, "matMenuTriggerFor"], ["mat-menu-item", "", 3, "q-grid-command", "q-grid-command-arg"], ["mat-button", "", 3, "matTooltip", "q-grid-command", "q-grid-command-arg"], ["matLine", "", 1, "q-grid-selected-item-modified"], [1, "q-grid-persistence-item-edit"], ["matInput", "", "q-grid-focus", "", 3, "ngModel", "blur", "ngModelChange"], ["mat-icon-button", "", "tabindex", "-1", "aria-label", "Persistence", 3, "matMenuTriggerFor"], [1, "q-grid-menu", "q-grid-persistence-panel"], ["q-grid-menu", "", 4, "ngIf"], ["q-grid-menu", ""], ["class", "q-grid-progress-linear", "mode", "indeterminate", 4, "ngIf"], ["mode", "indeterminate", 1, "q-grid-progress-linear"], [1, "q-grid-query-builder-toolbar"], ["mat-button", "", 3, "disabled", "click"], [1, "q-grid-query-builder-expression"], [3, "model"], [1, "q-grid-query-builder-expression-line", 3, "innerHTML"], ["mat-button", "", "color", "primary", 3, "disabled", "click"], ["mat-icon-button", "", "tabindex", "-1", "aria-label", "Query Builder", 3, "matMenuTriggerFor"], [1, "q-grid-menu", "q-grid-query-builder-panel"], ["q-grid-menu", "", 3, "close", 4, "ngIf"], ["q-grid-menu", "", 3, "close"], [1, "q-grid-reference-card"], [1, "q-grid-reference-content"], [3, "cell", "value", "caption", "autofocus", "valueChange", "modelChange", "referenceChange"], [1, "q-grid-compact", 3, "model", "caption", "q-grid-autofocus"], [3, "toolbarTop"], [1, "q-grid-status-bar"], ["q-grid-tab-trap-in", "start", 3, "q-grid-tab-trap-host"], ["q-grid-tab-trap-in", "end", 3, "q-grid-tab-trap-host"], [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, 2, "ng-template", 4);
i0.ɵɵtemplate(5, ThemeComponent_ng_template_5_Template, 2, 4, "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, 3, 3, "ng-template", 8);
i0.ɵɵtemplate(9, ThemeComponent_ng_template_9_Template, 3, 3, "ng-template", 9);
i0.ɵɵtemplate(10, ThemeComponent_ng_template_10_Template, 1, 1, "ng-template", 10);
i0.ɵɵtemplate(11, ThemeComponent_ng_template_11_Template, 2, 2, "ng-template", 11);
i0.ɵɵtemplate(12, ThemeComponent_ng_template_12_Template, 2, 4, "ng-template", 12);
i0.ɵɵtemplate(13, ThemeComponent_ng_template_13_Template, 1, 0, "ng-template", 13);
i0.ɵɵtemplate(14, ThemeComponent_ng_template_14_Template, 3, 2, "ng-template", 14);
i0.ɵɵtemplate(15, ThemeComponent_ng_template_15_Template, 3, 3, "ng-template", 15);
i0.ɵɵtemplate(16, ThemeComponent_ng_template_16_Template, 2, 2, "ng-template", 16);
i0.ɵɵtemplate(17, ThemeComponent_ng_template_17_Template, 1, 1, "ng-template", 17);
i0.ɵɵtemplate(18, ThemeComponent_ng_template_18_Template, 2, 0, "ng-template", 18);
i0.ɵɵtemplate(19, ThemeComponent_ng_template_19_Template, 2, 3, "ng-template", 19);
i0.ɵɵtemplate(20, ThemeComponent_ng_template_20_Template, 2, 4, "ng-template", 20);
i0.ɵɵtemplate(21, ThemeComponent_ng_template_21_Template, 1, 1, "ng-template", 21);
i0.ɵɵtemplate(22, ThemeComponent_ng_template_22_Template, 2, 4, "ng-template", 22);
i0.ɵɵtemplate(23, ThemeComponent_ng_template_23_Template, 1, 1, "ng-template", 23);
i0.ɵɵtemplate(24, ThemeComponent_ng_template_24_Template, 3, 3, "ng-template", 24);
i0.ɵɵtemplate(25, ThemeComponent_ng_template_25_Template, 3, 7, "ng-template", 25);
i0.ɵɵtemplate(26, ThemeComponent_ng_template_26_Template, 3, 7, "ng-template", 26);
i0.ɵɵtemplate(27, ThemeComponent_ng_template_27_Template, 3, 7, "ng-template", 27);
i0.ɵɵtemplate(28, ThemeComponent_ng_template_28_Template, 3, 7, "ng-template", 28);
i0.ɵɵtemplate(29, ThemeComponent_ng_template_29_Template, 2, 4, "ng-template", 29);
i0.ɵɵtemplate(30, ThemeComponent_ng_template_30_Template, 9, 7, "ng-template", 30);
i0.ɵɵtemplate(31, ThemeComponent_ng_template_31_Template, 3, 3, "ng-template", 31);
i0.ɵɵtemplate(32, ThemeComponent_ng_template_32_Template, 1, 3, "ng-template", 32);
i0.ɵɵtemplate(33, ThemeComponent_ng_template_33_Template, 5, 4, "ng-template", 33);
i0.ɵɵtemplate(34, ThemeComponent_ng_template_34_Template, 3, 3, "ng-template", 34);
i0.ɵɵtemplate(35, ThemeComponent_ng_template_35_Template, 5, 3, "ng-template", 35);
i0.ɵɵtemplate(36, ThemeComponent_ng_template_36_Template, 3, 2, "ng-template", 36);
i0.ɵɵtemplate(37, ThemeComponent_ng_template_37_Template, 7, 5, "ng-template", 37);
i0.ɵɵtemplate(38, ThemeComponent_ng_template_38_Template, 19, 17, "ng-template", 38);
i0.ɵɵtemplate(39, ThemeComponent_ng_template_39_Template, 19, 17, "ng-template", 39);
i0.ɵɵtemplate(40, ThemeComponent_ng_template_40_Template, 5, 4, "ng-template", 40);
i0.ɵɵtemplate(41, ThemeComponent_ng_template_41_Template, 4, 5, "ng-template", 41);
i0.ɵɵtemplate(42, ThemeComponent_ng_template_42_Template, 2, 3, "ng-template", 42);
i0.ɵɵtemplate(43, ThemeComponent_ng_template_43_Template, 6, 2, "ng-template", 43);
i0.ɵɵtemplate(44, ThemeComponent_ng_template_44_Template, 8, 7, "ng-template", 44);
i0.ɵɵtemplate(45, ThemeComponent_ng_template_45_Template, 7, 5, "ng-template", 45);
i0.ɵɵtemplate(46, ThemeComponent_ng_template_46_Template, 3, 3, "ng-template", 46);
i0.ɵɵtemplate(47, ThemeComponent_ng_template_47_Template, 7, 5, "ng-template", 47);
i0.ɵɵtemplate(48, ThemeComponent_ng_template_48_Template, 10, 5, "ng-template", 48);
i0.ɵɵtemplate(49, ThemeComponent_ng_template_49_Template, 1, 3, "ng-template", 49);
i0.ɵɵtemplate(50, ThemeComponent_ng_template_50_Template, 2, 2, "ng-template", 50);
i0.ɵɵtemplate(51, ThemeComponent_ng_template_51_Template, 5, 4, "ng-template", 51);
i0.ɵɵtemplate(52, ThemeComponent_ng_template_52_Template, 5, 4, "ng-template", 52);
i0.ɵɵtemplate(53, ThemeComponent_ng_template_53_Template, 1, 0, "ng-template", 53);
i0.ɵɵtemplate(54, ThemeComponent_ng_template_54_Template, 5, 3, "ng-template", 54);
i0.ɵɵtemplate(55, ThemeComponent_ng_template_55_Template, 12, 12, "ng-template", 55);
i0.ɵɵtemplate(56, ThemeComponent_ng_template_56_Template, 12, 12, "ng-template", 56);
i0.ɵɵtemplate(57, ThemeComponent_ng_template_57_Template, 3, 2, "ng-template", 57);
i0.ɵɵtemplate(58, ThemeComponent_ng_template_58_Template, 2, 2, "ng-template", 58);
i0.ɵɵtemplate(59, ThemeComponent_ng_template_59_Template, 3, 4, "ng-template", 59);
i0.ɵɵtemplate(60, ThemeComponent_ng_template_60_Template, 6, 4, "ng-template", 60);
i0.ɵɵtemplate(61, ThemeComponent_ng_template_61_Template, 5, 5, "ng-template", 61);
i0.ɵɵtemplate(62, ThemeComponent_ng_template_62_Template, 2, 2, "ng-template", 62);
i0.ɵɵtemplate(63, ThemeComponent_ng_template_63_Template, 5, 3, "ng-template", 63);
i0.ɵɵtemplate(64, ThemeComponent_ng_template_64_Template, 1, 1, "ng-template", 64);
i0.ɵɵtemplate(65, ThemeComponent_ng_template_65_Template, 1, 1, "ng-template", 65);
i0.ɵɵtemplate(66, ThemeComponent_ng_template_66_Template, 1, 1, "ng-template", 66);
i0.ɵɵtemplate(67, ThemeComponent_ng_template_67_Template, 1, 1, "ng-template", 67);
i0.ɵɵtemplate(68, ThemeComponent_ng_template_68_Template, 1, 1, "ng-template", 68);
i0.ɵɵtemplate(69, ThemeComponent_ng_template_69_Template, 1, 1, "ng-template", 69);
i0.ɵɵtemplate(70, ThemeComponent_ng_template_70_Template, 2, 4, "ng-template", 70);
i0.ɵɵtemplate(71, ThemeComponent_ng_template_71_Template, 2, 4, "ng-template", 71);
i0.ɵɵtemplate(72, ThemeComponent_ng_template_72_Template, 1, 1, "ng-template", 72);
i0.ɵɵtemplate(73, ThemeComponent_ng_template_73_Template, 2, 4, "ng-template", 73);
i0.ɵɵtemplate(74, ThemeComponent_ng_template_74_Template, 2, 2, "ng-template", 74);
i0.ɵɵtemplate(75, ThemeComponent_ng_template_75_Template, 3, 3, "ng-template", 75);
i0.ɵɵtemplate(76, ThemeComponent_ng_template_76_Template, 4, 1, "ng-template", 76);
i0.ɵɵtemplate(77, ThemeComponent_ng_template_77_Template, 5, 4, "ng-template", 77);
i0.ɵɵtemplate(78, ThemeComponent_ng_template_78_Template, 6, 5, "ng-template", 78);
i0.ɵɵtemplate(79, ThemeComponent_ng_template_79_Template, 2, 1, "ng-template", 79);
i0.ɵɵtemplate(80, ThemeComponent_ng_template_80_Template, 3, 4, "ng-template", 80);
i0.ɵɵtemplate(81, ThemeComponent_ng_template_81_Template, 2, 1, "ng-template", 81);
i0.ɵɵtemplate(82, ThemeComponent_ng_template_82_Template, 3, 3, "ng-template", 82);
i0.ɵɵtemplate(83, ThemeComponent_ng_template_83_Template, 7, 2, "ng-template", 83);
i0.ɵɵtemplate(84, ThemeComponent_ng_template_84_Template, 23, 7, "ng-template", 84);
i0.ɵɵtemplate(85, ThemeComponent_ng_template_85_Template, 2, 1, "ng-template", 85);
i0.ɵɵtemplate(86, ThemeComponent_ng_template_86_Template, 5, 4, "ng-template", 86);
i0.ɵɵtemplate(87, ThemeComponent_ng_template_87_Template, 3, 3, "ng-template", 87);
i0.ɵɵtemplate(88, ThemeComponent_ng_template_88_Template, 16, 17, "ng-template", 88);
i0.ɵɵtemplate(89, ThemeComponent_ng_template_89_Template, 3, 0, "ng-template", 89);
i0.ɵɵtemplate(90, ThemeComponent_ng_template_90_Template, 1, 0, "ng-template", 90);
i0.ɵɵtemplate(91, ThemeComponent_ng_template_91_Template, 7, 0, "ng-template", 91);
i0.ɵɵtemplate(92, ThemeComponent_ng_template_92_Template, 3, 0, "ng-template", 92);
i0.ɵɵtemplate(93, ThemeComponent_ng_template_93_Template, 3, 6, "ng-template", 93);
i0.ɵɵtemplate(94, ThemeComponent_ng_template_94_Template, 3, 4, "ng-template", 94);
i0.ɵɵtemplate(95, ThemeComponent_ng_template_95_Template, 7, 2, "ng-template", 95);
i0.ɵɵtemplate(96, ThemeComponent_ng_template_96_Template, 14, 17, "ng-template", 96);
i0.ɵɵtemplate(97, ThemeComponent_ng_template_97_Template, 5, 1, "ng-template", 97);
i0.ɵɵtemplate(98, ThemeComponent_ng_template_98_Template, 7, 11, "ng-template", 98);
i0.ɵɵtemplate(99, ThemeComponent_ng_template_99_Template, 2, 2, "ng-template", 99);
i0.ɵɵtemplate(100, ThemeComponent_ng_template_100_Template, 3, 2, "ng-template", 100);
i0.ɵɵtemplate(101, ThemeComponent_ng_template_101_Template, 2, 6, "ng-template", 101);
i0.ɵɵtemplate(102, ThemeComponent_ng_template_102_Template, 2, 1, "ng-template", 102);
i0.ɵɵtemplate(103, ThemeComponent_ng_template_103_Template, 6, 5, "ng-template", 103);
i0.ɵɵtemplate(104, ThemeComponent_ng_template_104_Template, 2, 4, "ng-template", 104);
i0.ɵɵtemplate(105, ThemeComponent_ng_template_105_Template, 7, 2, "ng-template", 105);
i0.ɵɵtemplate(106, ThemeComponent_ng_template_106_Template, 11, 4, "ng-template", 106);
i0.ɵɵtemplate(107, ThemeComponent_ng_template_107_Template, 2, 1, "ng-template", 107);
i0.ɵɵtemplate(108, ThemeComponent_ng_template_108_Template, 7, 2, "ng-template", 108);
i0.ɵɵtemplate(109, ThemeComponent_ng_template_109_Template, 3, 2, "ng-template", 109);
i0.ɵɵtemplate(110, ThemeComponent_ng_template_110_Template, 22, 8, "ng-template", 110);
i0.ɵɵtemplate(111, ThemeComponent_ng_template_111_Template, 7, 2, "ng-template", 111);
i0.ɵɵtemplate(112, ThemeComponent_ng_template_112_Template, 1, 1, "ng-template", 112);
i0.ɵɵtemplate(113, ThemeComponent_ng_template_113_Template, 30, 9, "ng-template", 113);
i0.ɵɵtemplate(114, ThemeComponent_ng_template_114_Template, 7, 2, "ng-template", 114);
i0.ɵɵtemplate(115, ThemeComponent_ng_template_115_Template, 8, 6, "ng-template", 115);
i0.ɵɵtemplate(116, ThemeComponent_ng_template_116_Template, 2, 4, "ng-template", 116);
i0.ɵɵtemplate(117, ThemeComponent_ng_template_117_Template, 2, 2, "ng-template", 117);
i0.ɵɵtemplate(118, ThemeComponent_ng_template_118_Template, 3, 3, "ng-template", 118);
i0.ɵɵtemplate(119, ThemeComponent_ng_template_119_Template, 2, 1, "ng-template", 119);
i0.ɵɵtemplate(120, ThemeComponent_ng_template_120_Template, 5, 0, "ng-template", 120);
i0.ɵɵtemplate(121, ThemeComponent_ng_template_121_Template, 0, 0, "ng-template", 121);
i0.ɵɵtemplate(122, ThemeComponent_ng_template_122_Template, 0, 0, "ng-template", 122);
i0.ɵɵtemplate(123, ThemeComponent_ng_template_123_Template, 4, 0, "ng-template", 123);
} }, directives: [i1$1.TemplateLinkDirective, i2.NgForOf, i2.NgIf, i3.MatIcon, i4.MatButton, i5.MatTooltip, i6.CommandDirective, i2.NgStyle, i2.NgClass, i7.MatSuffix, i1$1.DragDirective, i1$1.ResizeDirective, i1$1.DirtyDirective, i8.MatRadioButton, i9.MatCheckbox, i6.CellEditorComponent, i6.PositionDirective, ChipsDirective, i11.MatChipList, ChipsRemoveDirective, i11.MatChip, i11.MatChipRemove, i7.MatFormField, ChipsPushDirective, i14.MatInput, i11.MatChipInput, i6.FocusDirective, i6.ValidatorComponent, i6.AutoCompleteEditorComponent, i6.BoolEditorComponent, i15.NumberValueAccessor, i15.DefaultValueAccessor, i15.NgControlStatus, i15.NgModel, i1.DateDirective, DateAdapterDirective, i7.MatLabel, i18.MatDatepickerInput, i1.DateMaskDirective, i18.MatDatepickerToggle, i18.MatDatepicker, i6.TabTrapComponent, i1.TimeDirective, SelectDirective, i20.MatSelect, i2$1.MatOption, i1.StopPropagateDirective, i2.NgSwitch, i2.NgSwitchCase, i6.FileDirective, i6.ReferenceEditorComponent, MenuTriggerDirective, i23.MatMenuTrigger, i23.MatMenu, i24.MatDivider, i2.NgSwitchDefault, i23.MatMenuItem, i15.MaxLengthValidator, i7.MatHint, i6.ReferenceComponent, i7.MatPlaceholder, i6.ColumnSortComponent, i6.ColumnFilterTriggerComponent, i6.ActionCoreComponent, i1$1.TemplateDirective, i25.MatAutocompleteTrigger, i25.MatAutocomplete, i2.NgTemplateOutlet, i6.BackdropComponent, i6.ColumnChooserComponent, MenuDirective, ThemeOverlayDirective, i28.MatCard, i28.MatCardHeader, i28.MatCardTitle, i28.MatCardContent, i28.MatCardActions, i1$1.DropDirective, i6.ColumnFilterItemListDirective, i6.ColumnFilterItemDirective, i6.ColumnFilterByComponent, i1$1.VscrollDirective, i1$1.VscrollPortYDirective, i1$1.VscrollRowDirective, i6.ColumnFilterComponent, i20.MatSelectTrigger, i1$1.AutoSizeDirective, i6.EbClassDirective, i6.BackdropDirective, i6.EditFormComponent, i6.EditFormControlComponent, i15.MaxValidator, i15.MinValidator, i6.PagerTargetComponent, i29.MatList, i29.MatListItem, i2$1.MatLine, i29.MatListSubheaderCssMatStyler, i6.PersistencePanelComponent, i30.MatProgressBar, i31.MatToolbar, i6.EbNodeComponent, i6.QueryBuilderPanelComponent, i1$1.GridComponent, i6.AutoFocusDirective, i6.VisibilityComponent, i6.TabTrapInDirective, i6.LegendComponent, i6.PagerComponent, i6.CaptionComponent, i6.ActionBarComponent, i6.ProgressComponent], pipes: [i6.ArrayPipe, i6.NumberPipe, i6.ItemLabelPipe, i6.CurrencyPipe, i6.TimePipe, i6.HighlightPipe, i6.DatePipe, i6.ConvertPipe, i2.UpperCasePipe, i2.AsyncPipe, i1$1.VscrollPipe, i6.TextPipe, i6.QueryBuilderPipe], styles: ["@charset \"UTF-8\";.q-grid-backdrop{top:0;left:0;width:100%;height:100%;position:fixed;background:transparent;z-index:-1}.q-grid-backdrop-inactive{pointer-events:none}.q-grid.q-grid-theme-material td.q-grid-array>ul{list-style:none;margin:0;padding:0;overflow:hidden}.q-grid.q-grid-theme-material 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-material td.q-grid-array>ul li:last-child{margin-right:0}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-array{min-height:48px;width:340px}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-array .q-grid-array-view{max-height:140px;overflow-y:auto;overflow-x:hidden}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-array .q-grid-array-view .q-grid-array-item{margin:3px 1px}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-array .q-grid-array-input{margin:0 3px 3px 0;width:100%}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-autocomplete{width:200px}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-autocomplete input{border-bottom:2px solid rgb(63,81,181);border-radius:0;line-height:26px;padding:2px 2px 1px;height:30px}.q-grid-autocomplete-menu{z-index:101}.q-grid.q-grid-theme-material td.q-grid-bool{text-overflow:unset}.q-grid.q-grid-theme-material td.q-grid-bool .q-grid-checkbox{margin:0;outline:none}.q-grid.q-grid-theme-material th.q-grid-bool.q-grid-filter-row{text-align:center}.q-grid.q-grid-theme-material .q-grid-edit-trigger{min-width:16px;width:16px;min-height:16px;height:16px;line-height:16px;outline:none;border:none;position:absolute;right:2px;top:0;bottom:0;margin:auto 0;font-size:16px;background:transparent;padding:0}.q-grid.q-grid-theme-material .q-grid-edit-trigger .q-grid-icon{min-width:16px;width:16px;min-height:16px;height:16px;font-size:16px;line-height:16px;color:#757575;display:block}.q-grid.q-grid-theme-material td.q-grid-edit{overflow:visible!important}.q-grid.q-grid-theme-material td.q-grid-edit .q-grid-editor{display:block;position:fixed;border-radius:4px;background-color:#fcfcfc;color:#000000de;left:0;top:0;box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f;box-sizing:content-box;z-index:2}.q-grid.q-grid-theme-material td.q-grid-edit .q-grid-actions button{margin:8px 0 0 8px;float:right;text-transform:uppercase}.q-grid.q-grid-theme-material td.q-grid-edit .q-grid-position{opacity:0}.q-grid.q-grid-theme-material td.q-grid-edit .q-grid-editor-content{padding:24px;overflow:hidden}.q-grid.q-grid-theme-material td.q-grid-edit .q-grid-editor-content h2{margin-top:0}.q-grid.q-grid-theme-material td.q-grid-edit .q-grid-editor-content .q-grid-editor-actions{text-align:right}.q-grid.q-grid-theme-material td.q-grid-edit .q-grid-editor-content .q-grid-editor-actions button{margin-bottom:0;display:inline-block}.q-grid.q-grid-theme-material td.q-grid-edit .q-grid-editor-content .q-grid-editor-actions button:last-child{margin-right:0}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-email{width:297px}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-email .q-grid-email-fields{padding-top:8px}.q-grid.q-grid-theme-material td .q-grid-editor.q-grid-file{height:200px;width:346px}.q-grid.q-grid-theme-material td .q-grid-editor.q-grid-file h2{text-align:left}.q-grid-file-upload-area{position:relative;border:1px dashed #e0e0e0;text-align:center;height:120px}.q-grid-file-upload-area .q-grid-file-upload-message{position:relative;top:50%;transform:translateY(-50%);line-height:24px}.q-grid-file-upload-area .q-grid-file-upload-message span{overflow:hidden;text-overflow:ellipsis}.q-grid-file-upload-area .q-grid-file-upload-message .q-grid-icon{margin:0}.q-grid-file-upload-area.q-grid-file-has-preview .q-grid-file-upload-message{visibility:hidden}.q-grid-file-upload-area .q-grid-file-upload-filename{padding:10px;font-weight:700;color:#757575}.q-grid-file-upload-area input{width:100%;height:100%;opacity:0;position:absolute;left:0;top:0;z-index:2}.q-grid-file-upload-area .q-grid-file-preview{width:100%;height:100%;opacity:1;position:absolute;left:0;top:0;vertical-align:middle;text-align:center}.q-grid-file-upload-area .q-grid-file-preview img{position:relative;max-height:100%!important;max-width:100%!important;z-index:3}.q-grid-file-upload-area:hover{background-color:#f5f5f5}.q-grid-file-upload-area:hover .q-grid-file-preview{opacity:0;transition:opacity .2s ease-in-out}.q-grid-file-upload-area:hover .q-grid-file-preview img{z-index:1}.q-grid-file-upload-area:hover .q-grid-file-upload-message{visibility:visible}.q-grid.q-grid-theme-material td.q-grid-group-summary{color:#007fa3;background-color:#0000000a}.q-grid.q-grid-theme-material td.q-grid-image{cursor:pointer;text-align:center}.q-grid.q-grid-theme-material td.q-grid-image img{max-height:40px;max-width:40px}.q-grid.q-grid-theme-material td.q-grid-image .q-grid-icon{color:#757575}.q-grid.q-grid-theme-material thead th.q-grid-pivot{border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;padding:0}.q-grid.q-grid-theme-material thead th.q-grid-pivot:nth-last-child(2){border-right:1px solid #e0e0e0}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-reference{height:420px;width:385px}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-reference .q-grid-reference-content{width:100%;height:100%;height:325px}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-reference .q-grid-reference-content q-grid-caption h2{margin-bottom:8px}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-reference .q-grid-reference-content q-grid{height:100%}.q-grid.q-grid-theme-material td.q-grid-row-details{background:#fff;user-select:auto;-moz-user-select:auto;-webkit-user-select:auto;-ms-user-select:auto}.q-grid.q-grid-theme-material td.q-grid-row-indicator,.q-grid.q-grid-theme-material th.q-grid-row-indicator{padding:0}.q-grid.q-grid-theme-material td.q-grid-row-indicator .q-grid-icon,.q-grid.q-grid-theme-material th.q-grid-row-indicator .q-grid-icon{min-width:16px;width:16px;min-height:16px;height:16px;font-size:16px;line-height:16px}.q-grid.q-grid-theme-material td.q-grid-row-options{padding:0 12px}.q-grid.q-grid-theme-material td.q-grid-row-options>.q-grid-icon{display:block}.q-grid.q-grid-theme-material td.q-grid-select,.q-grid.q-grid-theme-material th.q-grid-select{text-align:center}.q-grid.q-grid-theme-material td.q-grid-select>div,.q-grid.q-grid-theme-material th.q-grid-select>div{width:100%;height:100%;display:inline-block}.q-grid.q-grid-theme-material td.q-grid-select>div div,.q-grid.q-grid-theme-material th.q-grid-select>div div{width:100%;height:100%;border-radius:2px;box-sizing:border-box;text-align:center}.q-grid.q-grid-theme-material td.q-grid-select>div div .q-grid-icon,.q-grid.q-grid-theme-material th.q-grid-select>div div .q-grid-icon{min-width:18px;width:18px;min-height:18px;height:18px;font-size:18px;line-height:18px;font-weight:500;margin-top:1px}.q-grid.q-grid-theme-material td.q-grid-select>div div.q-grid-checked,.q-grid.q-grid-theme-material th.q-grid-select>div div.q-grid-checked{cursor:pointer;background:rgba(255,64,129,.87)}.q-grid.q-grid-theme-material td.q-grid-select>div div.q-grid-checked .q-grid-icon,.q-grid.q-grid-theme-material th.q-grid-select>div div.q-grid-checked .q-grid-icon{color:#fff}.q-grid.q-grid-theme-material td.q-grid-select>div div.q-grid-unchecked,.q-grid.q-grid-theme-material td.q-grid-select>div div.q-grid-indeterminate,.q-grid.q-grid-theme-material th.q-grid-select>div div.q-grid-unchecked,.q-grid.q-grid-theme-material th.q-grid-select>div div.q-grid-indeterminate{cursor:pointer;min-width:20px;width:20px;min-height:20px;height:20px;border:2px solid rgba(0,0,0,.54);border-radius:2px;box-sizing:border-box}.q-grid.q-grid-theme-material td.q-grid-select>div div.q-grid-unchecked .q-grid-icon,.q-grid.q-grid-theme-material td.q-grid-select>div div.q-grid-indeterminate .q-grid-icon,.q-grid.q-grid-theme-material th.q-grid-select>div div.q-grid-unchecked .q-grid-icon,.q-grid.q-grid-theme-material th.q-grid-select>div div.q-grid-indeterminate .q-grid-icon{color:#0000008a}.q-grid.q-grid-theme-material td.q-grid-select .q-grid-checkbox,.q-grid.q-grid-theme-material th.q-grid-select .q-grid-checkbox{margin:0;outline:none}.q-grid.q-grid-theme-material td.q-grid-select .q-grid-radio,.q-grid.q-grid-theme-material th.q-grid-select .q-grid-radio{margin-left:-2px}.q-grid.q-grid-theme-material td.q-grid-text-area>span{display:block;white-space:normal;overflow:hidden;position:relative;line-height:1.2em;max-height:3.6em;text-align:justify;margin-right:-1em;padding-right:1em}.q-grid.q-grid-theme-material td.q-grid-text-area>span:before{content:\"...\";position:absolute;right:0;bottom:0}.q-grid.q-grid-theme-material td.q-grid-text-area>span:after{content:\"\";position:absolute;right:0;width:1em;height:1em;margin-top:.2em;background-color:#fff}.q-grid.q-grid-theme-material td.q-grid-text-area.q-grid-highlighted>span{overflow:hidden;position:relative;line-height:1.2em;max-height:3.6em;text-align:justify;margin-right:-1em;padding-right:1em}.q-grid.q-grid-theme-material td.q-grid-text-area.q-grid-highlighted>span:before{content:\"...\";position:absolute;right:0;bottom:0}.q-grid.q-grid-theme-material td.q-grid-text-area.q-grid-highlighted>span:after{content:\"\";position:absolute;right:0;width:1em;height:1em;margin-top:.2em;background-color:#eee}.q-grid.q-grid-theme-material tr:hover .q-grid-text-area td>span{overflow:hidden;position:relative;line-height:1.2em;max-height:3.6em;text-align:justify;margin-right:-1em;padding-right:1em}.q-grid.q-grid-theme-material tr:hover .q-grid-text-area td>span:before{content:\"...\";position:absolute;right:0;bottom:0}.q-grid.q-grid-theme-material tr:hover .q-grid-text-area td>span:after{content:\"\";position:absolute;right:0;width:1em;height:1em;margin-top:.2em;background-color:#eee}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-text-area{height:202px;width:347px}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-text-area textarea{height:150px!important}.q-grid.q-grid-theme-material td .q-grid-editor.q-grid-text{width:203px;height:96px}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-url{height:auto;width:300px}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-url .q-grid-url-fields{padding-top:8px}.q-grid.q-grid-theme-material td{color:#424242;font-size:13px;padding:0 16px}.q-grid.q-grid-theme-material tfoot td{color:#007fa3!important;background-color:#0000000a!important}.q-grid.q-grid-theme-material thead th{color:#757575;font-size:12px;font-weight:700;padding:0 16px}.q-grid.q-grid-theme-material thead th:hover label{font-weight:700}.q-grid.q-grid-theme-material .q-grid-column-filter-trigger{position:absolute;right:2px;transition:opacity .3s;margin:0 auto;opacity:0;height:16px;line-height:16px}.q-grid.q-grid-theme-material .q-grid-column-filter-trigger button{min-width:16px;width:16px;min-height:16px;height:16px;outline:none;border:none;font-size:12px;background:transparent;padding:0;left:0;margin:0 2px 2px}.q-grid.q-grid-theme-material .q-grid-column-filter-trigger button .q-grid-icon{min-width:16px;width:16px;min-height:16px;height:16px;font-size:16px;color:#757575;line-height:16px;display:block}.q-grid.q-grid-theme-material .q-grid-column-filter-trigger.q-grid-active{opacity:1}.q-grid.q-grid-theme-material .q-grid-column-filter-trigger.q-grid-active .q-grid-icon,.q-grid.q-grid-theme-material .q-grid-column-filter-trigger.q-grid-active+label{color:#424242}.q-grid.q-grid-theme-material th.q-grid-highlighted .q-grid-column-filter-trigger{opacity:1}.q-grid-column-filter.q-grid-menu{width:360px;min-width:360px;max-width:360px;max-height:500px;overflow:hidden}.q-grid-column-filter.q-grid-menu ul{list-style-type:none;padding:0}.q-grid-column-filter.q-grid-menu .q-grid-column-filter-input{margin:0;padding:0;width:100%}.q-grid-column-filter.q-grid-menu .q-grid-column-filter-with-operators{position:relative}.q-grid-column-filter.q-grid-menu .q-grid-column-filter-with-operators .q-grid-column-filter-operator-select{position:absolute;top:15px;right:-20px;width:40px}.q-grid-column-filter.q-grid-menu .q-grid-column-filter-with-operators .q-grid-column-filter-operator-select .mat-icon{font-size:20px}.q-grid-column-filter.q-grid-menu .q-grid-column-filter-with-operators .q-grid-column-filter-operator-select .mat-select-arrow{border-width:0}.q-grid-column-filter.q-grid-menu .q-grid-column-filter-with-operators .q-grid-column-filter-input{width:calc(100% - 28px)}.q-grid-column-filter.q-grid-menu .q-grid-column-filter-with-operators .q-grid-column-filter-input.q-grid-column-filter-input-half{display:inline-block;width:calc(50% - 20px)}.q-grid-column-filter.q-grid-menu .q-grid-column-filter-with-operators .q-grid-column-filter-input.q-grid-column-filter-input-half:last-of-type{padding-left:12px}.q-grid-column-filter.q-grid-menu .q-grid-column-filter-list{overflow-y:auto;height:180px}.q-grid-column-filter.q-grid-menu .q-grid-column-filter-list ul{margin:0}.q-grid-column-filter.q-grid-menu .q-grid-column-filter-by{height:57px;overflow-y:auto;overflow-x:hidden;margin-bottom:10px;margin-top:-5px}.q-grid-column-filter.q-grid-menu .q-grid-column-filter-by-blank{text-align:center;color:#c8c8c8;position:relative;top:20px}.q-grid-column-filter.q-grid-menu .q-grid-column-filter-by ul{margin-top:0}.q-grid-column-filter.q-grid-menu .q-grid-column-filter-by li{display:inline}.q-grid-column-filter.q-grid-menu .q-grid-checkbox{width:100%;overflow:hidden;margin:0 0 5px}.mat-option .mat-option-text:first-letter{text-transform:uppercase}.mat-option .mat-icon.html{font-size:20px;line-height:20px;margin-top:-6px;margin-right:0}.mat-form-field-label:first-letter{text-transform:uppercase}.q-grid-filter-by{display:inline-flex;background-color:#ebebeb;margin-right:2px;border-radius:100px;padding:0 14px;margin-bottom:3px}.q-grid-filter-by-item{font-size:12px;margin:2px 7px 1px -4px;height:15px;overflow:hidden}.q-grid-filter-by-remove{width:5px;height:5px;position:relative;cursor:pointer}.q-grid-filter-by .q-grid-icon{position:absolute;top:2px;font-size:14px;width:5px;height:5px;color:#c8c8c8}@media (max-height: 540px){.q-grid-column-filter-contains .q-grid-column-filter-list{max-height:140px}}.q-grid.q-grid-theme-material th .q-grid-desc,.q-grid.q-grid-theme-material th .q-grid-asc{display:none}.q-grid.q-grid-theme-material th.q-grid-can-sort .q-grid-sort{cursor:pointer}.q-grid.q-grid-theme-material th.q-grid-can-sort .q-grid-desc,.q-grid.q-grid-theme-material th.q-grid-can-sort .q-grid-asc{display:block}.q-grid.q-grid-theme-material th .q-grid-sort{overflow:hidden;text-overflow:ellipsis;margin-left:-20px;padding-left:20px;padding-right:5px}.q-grid.q-grid-theme-material th .q-grid-sort:not(.q-grid-active):hover .q-grid-desc{opacity:1}.q-grid.q-grid-theme-material th .q-grid-sort label{display:inline;vertical-align:middle}.q-grid.q-grid-theme-material th .q-grid-sort .q-grid-icon{min-width:16px;width:16px;min-height:16px;height:16px;font-size:16px;line-height:16px;transition:opacity .3s;opacity:0;position:absolute;margin-left:-16px;color:#757575;vertical-align:middle;display:inline-block}.q-grid.q-grid-theme-material th .q-grid-sort .q-grid-icon.q-grid-active{opacity:1}.q-grid.q-grid-theme-material th .q-grid-sort.q-grid-active .q-grid-icon,.q-grid.q-grid-theme-material th .q-grid-sort.q-grid-active label{color:#424242}.q-grid.q-grid-theme-material th .q-grid-sort.q-grid-hide .q-grid-icon{opacity:0!important}@keyframes arrow-animation-up{0%{transform:rotate(180deg)}25%{transform:rotate(220deg)}50%{transform:rotate(270deg)}75%{transform:rotate(300deg)}to{transform:rotate(360deg)}}@keyframes arrow-animation-down{0%{transform:rotate(-180deg)}25%{transform:rotate(-220deg)}50%{transform:rotate(-270deg)}75%{transform:rotate(-300deg)}to{transform:rotate(-360deg)}}.q-grid.q-grid-theme-material .q-grid-icon.q-grid-asc.q-grid-active{animation-name:arrow-animation-up;animation-duration:.2s;animation-iteration-count:1}.q-grid.q-grid-theme-material .q-grid-icon.q-grid-desc.q-grid-active{animation-name:arrow-animation-down;animation-duration:.2s;animation-iteration-count:1}.q-grid.q-grid-theme-material .q-grid-export{padding:10px 0}.q-grid.q-grid-theme-material .q-grid-head-span thead tr{height:30px}.q-grid.q-grid-theme-material .q-grid-head-span thead th{line-height:14px;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0}.q-grid.q-grid-theme-material .q-grid-head-span thead th .q-grid-icon{line-height:14px;font-size:14px}.q-grid.q-grid-theme-material .q-grid-head-span thead th .q-grid-column-filter-trigger{line-height:14px;height:14px}.q-grid.q-grid-theme-material .q-grid-head-span thead th:nth-last-child(2){border-right:1px solid #e0e0e0}.q-grid.q-grid-theme-material .q-grid-legend-item{width:10px;height:10px;border-radius:10px;margin:auto}.q-grid.q-grid-theme-material .q-grid-legend-list{list-style:none;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:24px 20px 0;color:#424242;font-size:13px}.q-grid.q-grid-theme-material .q-grid-legend-list li{margin-right:20px;display:inline}.q-grid.q-grid-theme-material .q-grid-legend-list li:last-child{margin-right:0}.q-grid.q-grid-theme-material .q-grid-legend-list li .q-grid-legend-item{display:inline-block}.q-grid.q-grid-theme-material tbody tr.q-grid-scroll-mark{height:0;border:none}.q-grid-menu ::-webkit-scrollbar{width:8px;height:8px}.q-grid-menu ::-webkit-scrollbar-thumb{height:15px;background-color:#c8c8c8;box-shadow:inset 1px 1px #0000001a,inset 0 -1px #00000012}.q-grid-menu ::-webkit-scrollbar-button{width:0;height:0;display:none}.q-grid-menu ::-webkit-scrollbar-corner{background-color:transparent}.q-grid-menu ::-webkit-scrollbar-track,.q-grid-menu ::-webkit-scrollbar-track-piece{background-color:#f8f8f8}.q-grid.q-grid-theme-material th.q-grid-group label{cursor:pointer;outline:none}.q-grid.q-grid-theme-material td.q-grid-group button,.q-grid.q-grid-theme-material 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-material td.q-grid-group button .q-grid-icon,.q-grid.q-grid-theme-material td.q-grid-row-expand button .q-grid-icon{opacity:.54}.q-grid.q-grid-theme-material td.q-grid-group button.q-grid-expand .q-grid-icon,.q-grid.q-grid-theme-material td.q-grid-row-expand button.q-grid-expand .q-grid-icon{transform:rotate(90deg)}.q-grid.q-grid-theme-material td.q-grid-group button .q-grid-group-label,.q-grid.q-grid-theme-material td.q-grid-row-expand button .q-grid-group-label{margin-left:-6px;vertical-align:middle}.q-grid.q-grid-theme-material td.q-grid-group button .q-grid-group-count,.q-grid.q-grid-theme-material td.q-grid-row-expand button .q-grid-group-count{vertical-align:middle;color:#757575}.q-grid.q-grid-theme-material td.q-grid-group button:disabled,.q-grid.q-grid-theme-material td.q-grid-row-expand button:disabled{display:none}.q-grid.q-grid-theme-material .q-grid-pager-target-trigger{top:3px}.q-grid.q-grid-theme-material .q-grid-icon-class{font-size:16px;margin-bottom:4px}.q-grid.q-grid-theme-material .q-grid-pager{font-family:roboto,Helvetica Neue,sans-serif;height:24px;color:#757575;float:right;padding:16px 0;font-size:12px}.q-grid.q-grid-theme-material .q-grid-pager>*{display:inline-block}@media (max-width: 599px){.q-grid.q-grid-theme-material .q-grid-pager .q-grid-hide-xs:not(.q-grid-show-xs):not(.q-grid-show),.q-grid.q-grid-theme-material .q-grid-pager .q-grid-hide:not(.q-grid-show-xs):not(.q-grid-show){display:none}}.q-grid.q-grid-theme-material .q-grid-pager .q-grid-pager-page{margin-left:32px;margin-right:14px;min-width:37.2px;display:inline-block}.q-grid.q-grid-theme-material .q-grid-pager button{width:24px;height:24px;line-height:24px;background:transparent;border:none;font-size:20px;padding:0}.q-grid.q-grid-theme-material .q-grid-pager button.q-grid-prev-page{top:3px;margin-left:18px;margin-right:0}.q-grid.q-grid-theme-material .q-grid-pager button.q-grid-prev-page .q-grid-icon{margin-bottom:4px;margin-right:1px}.q-grid.q-grid-theme-material .q-grid-pager button.q-grid-next-page{top:3px;margin-right:14px;margin-left:0}.q-grid.q-grid-theme-material .q-grid-pager button.q-grid-next-page .q-grid-icon{margin-bottom:4px;margin-left:1px}.q-grid.q-grid-theme-material .q-grid-pager button.q-grid-target-page .q-grid-icon{min-width:16px;width:16px;min-height:16px;height:16px;font-size:16px;line-height:16px}.q-grid-pager-target{width:200px}.q-grid.q-grid-theme-material .q-grid-progress{position:absolute;bottom:0;left:0;right:0}.q-grid.q-grid-theme-material q-grid-progress{display:block;width:100%;height:4px}.q-grid-query-builder-panel.q-grid-menu{width:480px;min-width:480px;max-width:480px;height:525px;overflow:hidden}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression{margin-top:15px;height:270px;overflow:auto;padding:2px}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression ul{margin:0;padding:0;list-style-type:none}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression ul li{display:inline}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression ul li.q-grid-eb-expression{margin-right:3px;display:inline-block}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression ul.q-grid-eb-node{padding:5px;white-space:nowrap}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression ul.q-grid-eb-node.qb-logical{padding-left:0;position:relative;min-height:27px}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression ul.q-grid-eb-node.qb-logical>.q-grid-eb-line{position:absolute;transform:rotate(-90deg);transform-origin:top;top:50%;left:-5px;margin-top:-1px}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression ul.q-grid-eb-node.qb-logical>.q-grid-eb-line>ul{transform:rotate(90deg)}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression ul.q-grid-eb-node.qb-logical>.q-grid-eb-children{display:flex}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression ul.q-grid-eb-node.qb-logical>.q-grid-eb-children>ul{border-left:1px solid #999;border-radius:5px;margin-left:35px;padding-left:10px}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression ul.q-grid-eb-node.qb-logical.qb-or>.q-grid-eb-line{left:5px}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression ul.q-grid-eb-group{display:inline}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .q-grid-eb-active{outline:2px solid rgba(63,81,181,.25);background:#f5f5f5}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-icon-button{width:16px;height:16px;line-height:16px}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-icon-button .q-grid-icon{min-width:16px;width:16px;min-height:16px;height:16px;font-size:16px;line-height:16px}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line{margin-top:15px;font-size:12px;background-color:#f5f5f5;padding:10px;overflow-y:auto;height:27px}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line span{word-break:break-word}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-node,.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-node-left,.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-node-right{display:inline}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-group-op{color:#3eb1c8;text-transform:uppercase}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-group-op:before,.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-group-op:after{content:\" \"}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-condition-unary:before{content:\" \"}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-condition-left,.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-group-open,.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-group-close,.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-condition-open,.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-condition-close{color:#888}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-condition-quote{color:#a11}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-condition-op{color:#666;text-transform:uppercase}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-condition-value-text{color:#a11!important}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-condition-value{color:#000}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-condition-value-invalid:before{color:#dd2c00;content:\"\\fe4f\"}@media (max-height: 540px){.q-grid-query-builder-panel.q-grid-menu{height:400px;min-height:400px;max-height:400px}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression{height:138px}}.q-grid.q-grid-theme-material tbody tr{height:48px}.q-grid.q-grid-theme-material thead tr,.q-grid.q-grid-theme-material tfoot tr{height:56px}.q-grid.q-grid-theme-material tfoot tr,.q-grid.q-grid-theme-material tbody tr{border-top:1px solid #e0e0e0}.q-grid.q-grid-theme-material tfoot tr:nth-child(2),.q-grid.q-grid-theme-material tbody tr:nth-child(2){border-top:0}.q-grid.q-grid-theme-material q-grid-status-bar{display:flex;flex-direction:row;justify-content:flex-end;font-size:14px;text-align:right;height:24px;padding:11px 8px}.q-grid.q-grid-theme-material thead{box-shadow:0 1px #ddd}.q-grid.q-grid-theme-material .q-grid-body-top tr:last-child{border-bottom:1px solid #e0e0e0}.q-grid.q-grid-theme-material .q-grid-body-bottom tr:first-child{border-top:1px solid #e0e0e0}.q-grid.q-grid-theme-material .q-grid-cell-tooltip{position:fixed;color:#fff;border-radius:4px;background:#666;font-size:10px;margin:0 14px 14px;padding:6px 8px 8px 6px;overflow:hidden;text-overflow:ellipsis;width:-moz-fit-content;width:fit-content;max-width:100%;max-height:100%}.q-grid.q-grid-theme-material .q-grid-cell-tooltip.q-grid-hide{display:none}.q-grid.q-grid-theme-material q-grid-caption{display:block;max-height:56px}.q-grid.q-grid-theme-material q-grid-caption h3{margin:0;overflow:hidden;line-height:28px}.q-grid.q-grid-theme-material .q-grid-validator{display:block;width:calc(100% - 48px);position:absolute;bottom:20px;text-align:left;color:#dd2c00;font-size:11px}.q-grid.q-grid-theme-material .q-grid-validator ul{list-style:none;margin:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.q-grid.q-grid-theme-material .q-grid-validator ul li{display:inline;margin-right:4px}.q-grid.q-grid-theme-material .q-grid-view>.q-grid-table-left,.q-grid.q-grid-theme-material .q-grid-view>.q-grid-table-right{transition:box-shadow .2s ease-in-out}.q-grid.q-grid-theme-material .q-grid-view.q-grid-scroll-horizontal>.q-grid-table-left{box-shadow:1px 0 #e0e0e0}.q-grid.q-grid-theme-material .q-grid-view.q-grid-scroll-horizontal>.q-grid-table-right{box-shadow:-1px 0 #e0e0e0}.q-grid.q-grid-theme-material q-grid-edit-form-trigger .q-grid-icon-button{width:24px;height:24px;line-height:24px}.q-grid.q-grid-theme-material q-grid-edit-form-trigger .q-grid-icon{color:#757575}.q-grid-edit-form{display:block;width:400px;min-width:400px!important;height:500px;overflow:hidden!important;padding:16px 16px 0}q-grid-edit-form{display:block;height:100%}.q-grid-edit-form-card{height:100%;padding:0}.q-grid-edit-form-content{height:calc(100% - 110px);overflow-y:auto;overflow-x:hidden;padding:0}.q-grid-edit-form-control{display:block;margin-bottom:1.25em}.q-grid-edit-form-control-image,.q-grid-edit-form-control-bool{margin-bottom:2.5em}.q-grid.q-grid-theme-material .q-grid-pane{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;position:absolute;background:#fff;padding:4px 16px}.q-grid.q-grid-theme-material .q-grid-pane>.mat-card{box-shadow:none;padding:0}.q-grid.q-grid-theme-material .q-grid-pane-right{bottom:8px;right:0;height:calc(100% + 34px);padding-bottom:8px}.q-grid.q-grid-theme-material .q-grid-pane-right .q-grid-edit-form-control{display:block;margin-bottom:1.25em}.q-grid.q-grid-theme-material .q-grid-pane-right .q-grid-edit-form-control .mat-form-field{width:calc(100% - 15px)}.q-grid.q-grid-theme-material .q-grid-pane-right .mat-card-content{max-height:580px;overflow-y:auto;overflow-x:hidden;width:100%}.q-grid.q-grid-theme-material .q-grid-pane-right .mat-card-header-text{margin:0}.q-grid.q-grid-theme-material .q-grid-layer{top:50px;bottom:50px}.q-grid.q-grid-theme-material th.q-grid-filter-row{text-overflow:unset}.q-grid.q-grid-theme-material th.q-grid-filter-row:hover label{font-weight:400}.q-grid.q-grid-theme-material th.q-grid-filter-row input{color:#424242}.q-grid.q-grid-theme-material th.q-grid-filter-row .q-grid-icon{color:#757575}.q-grid.q-grid-theme-material th.q-grid-filter-row .q-grid-close{cursor:pointer;font-size:14px;height:16px;vertical-align:middle}.q-grid.q-grid-theme-material th.q-grid-filter-row input[placeholder]{text-overflow:ellipsis}.q-grid.q-grid-theme-material th.q-grid-filter-row input::placeholder{text-overflow:ellipsis}.q-grid.q-grid-theme-material th.q-grid-filter-row input:placeholder{text-overflow:ellipsis}.q-grid.q-grid-theme-material td.q-grid-array .mat-form-field-prefix{width:100%}.q-grid.q-grid-theme-material td.q-grid-array .q-grid-editor-content .mat-chip-list-wrapper{margin:0}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-autocomplete md-autocomplete{min-width:30px;background-color:transparent}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-autocomplete md-autocomplete-wrap{box-shadow:none}.q-grid.q-grid-theme-material td .q-grid-checkbox .md-label,.q-grid.q-grid-theme-material th .q-grid-checkbox .md-label{display:none}.q-grid.q-grid-theme-material td .q-grid-editor.q-grid-date .md-datepicker-button,.q-grid.q-grid-theme-material td .q-grid-editor.q-grid-datetime .md-datepicker-button{width:24px;height:24px;margin-left:0;padding:0}.q-grid.q-grid-theme-material td .q-grid-editor.q-grid-date .md-datepicker-triangle-button,.q-grid.q-grid-theme-material td .q-grid-editor.q-grid-datetime .md-datepicker-triangle-button{width:24px;height:24px;margin-right:0;padding:0}.q-grid.q-grid-theme-material td .q-grid-editor.q-grid-date .q-grid-datetime-date,.q-grid.q-grid-theme-material td .q-grid-editor.q-grid-datetime .q-grid-datetime-date{width:100px;padding-right:10px}.q-grid.q-grid-theme-material td .q-grid-editor.q-grid-date .q-grid-datetime-time,.q-grid.q-grid-theme-material td .q-grid-editor.q-grid-datetime .q-grid-datetime-time{width:100px}.q-grid.q-grid-theme-material td .q-grid-editor.q-grid-datetime{width:260px}.q-grid.q-grid-theme-material td.q-grid-edit.q-grid-dropdown .mat-select-trigger{visibility:hidden}.q-grid.q-grid-theme-material th.q-grid-filter-row .mat-form-field{width:100%;font-size:14px}.q-grid.q-grid-theme-material th.q-grid-filter-row .mat-form-field .mat-form-field-infix{border-top:none}.q-grid.q-grid-theme-material th.q-grid-filter-row .mat-focused{color:#000000de;max-height:56px}.q-grid.q-grid-theme-material th.q-grid-filter-row .mat-focused .q-grid-placeholder{display:none}.q-grid.q-grid-theme-material .q-grid-reference-card{margin:0;padding:0;box-shadow:none;background:inherit}.q-grid.q-grid-theme-material .q-grid-reference-card .mat-card-header-text{margin:0}.q-grid.q-grid-theme-material .q-grid-reference-card .mat-card-actions{margin-left:0;margin-right:0;text-align:right}.q-grid.q-grid-theme-material .q-grid-reference-card .mat-card-actions>button{text-transform:uppercase}.q-grid.q-grid-theme-material td.q-grid-text-area textarea.mat-input-element{padding:0}.q-grid.q-grid-theme-material td.q-grid-text-area .mat-form-field-hint-wrapper{justify-content:flex-end;transform:none!important}.q-grid.q-grid-theme-material td.q-grid-text-area .mat-form-field-hint-wrapper .mat-hint{position:fixed}.q-grid.q-grid-theme-material td.q-grid-text-area.q-grid-edit .mat-form-field-infix{border-top:none;padding-top:0}.q-grid.q-grid-theme-material td.q-grid-edit .mat-form-field{width:100%}.q-grid-column-chooser.q-grid-menu{width:360px;min-width:360px;max-width:360px;height:500px;overflow:hidden}.q-grid-column-chooser.q-grid-menu .mat-card{padding:16px;box-shadow:none;margin:0}.q-grid-column-chooser.q-grid-menu .mat-card-content{margin-bottom:0}.q-grid-column-chooser.q-grid-menu ul{list-style-type:none;padding:0}.q-grid-column-chooser.q-grid-menu .q-grid-column-chooser-filter{width:100%}.q-grid-column-chooser.q-grid-menu .q-grid-column-chooser-list{margin:0;overflow-y:auto;height:281px}.q-grid-column-chooser.q-grid-menu .q-grid-column-chooser-list ul{margin:0}.q-grid-column-chooser.q-grid-menu .q-grid-column-chooser-list ul ul{padding-left:24px}.q-grid-column-chooser.q-grid-menu .q-grid-column-chooser-list li{white-space:nowrap}.q-grid-column-chooser.q-grid-menu .q-grid-column-chooser-toolbar{margin-top:0;padding-left:16px;margin-bottom:14px}.q-grid-column-chooser.q-grid-menu .q-grid-column-chooser-actions{padding:7px 0}.q-grid-column-chooser.q-grid-menu .q-grid-checkbox{width:100%;overflow:hidden;margin:0 0 5px}.q-grid-column-chooser.q-grid-menu .q-grid-can-drag{cursor:move;opacity:.4;display:inline-block;-webkit-user-select:none;user-select:none}.q-grid-column-chooser.q-grid-menu .q-grid-can-drag .q-grid-icon{min-width:16px;width:16px;min-height:16px;height:16px;font-size:16px;line-height:16px;vertical-align:middle}@media (max-height: 540px){.q-grid-column-chooser.q-grid-menu{height:400px;min-height:400px;max-height:400px}.q-grid-column-chooser.q-grid-menu .q-grid-column-chooser-list{height:184px}}.q-grid-column-filter .mat-card{box-shadow:none;padding:16px;margin:0}.q-grid-column-filter .mat-card-content{margin-bottom:0}.q-grid-column-filter .mat-card .q-grid-column-filter-toolbar{margin-top:0}.q-grid-column-filter .mat-card .mat-card-header-text{overflow:hidden}.q-grid-column-filter .mat-card .mat-card-header-text .mat-card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.q-grid-edit-form .q-grid-edit-form-control .mat-form-field{width:100%}.q-grid-menu .mat-menu-content:not(:empty),.q-grid-pane .mat-menu-content:not(:empty){padding:0;height:100%}.q-grid-menu .mat-card-header-text,.q-grid-pane .mat-card-header-text{margin:0}.q-grid-menu .mat-card-actions,.q-grid-pane .mat-card-actions{text-align:right}.q-grid-menu .mat-card-actions>button,.q-grid-pane .mat-card-actions>button{text-transform:uppercase}.q-grid-mat-menu .mat-menu-content,.q-grid-mat-menu .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.q-grid.q-grid-theme-material .q-grid-pager mat-select{width:50px;max-width:50px;background:transparent;border:0;margin:0 0 0 12px;display:inline-block;height:24px;padding:0}.q-grid.q-grid-theme-material tbody tr.q-grid-scroll-mark{height:0;border:none}.q-grid-persistence-panel ::-webkit-scrollbar{width:8px;height:8px}.q-grid-persistence-panel ::-webkit-scrollbar-thumb{height:15px;background-color:#c8c8c8;box-shadow:inset 1px 1px #0000001a,inset 0 -1px #00000012}.q-grid-persistence-panel ::-webkit-scrollbar-button{width:0;height:0;display:none}.q-grid-persistence-panel ::-webkit-scrollbar-corner{background-color:transparent}.q-grid-persistence-panel ::-webkit-scrollbar-track,.q-grid-persistence-panel ::-webkit-scrollbar-track-piece{background-color:#f8f8f8}.q-grid-persistence-panel .mat-card{padding:4px 16px}.q-grid-persistence-panel.q-grid-menu{width:400px;min-width:400px;max-width:400px;height:500px;overflow:hidden}.q-grid-persistence-panel .mat-card-content{display:flex;flex-direction:column;max-height:419px}.q-grid-persistence-panel .mat-card-content>div{flex:0 0}.q-grid-persistence-panel .q-grid-persistence-title{margin:0}.q-grid-persistence-panel .q-grid-persistence-title .mat-form-field{width:100%}.q-grid-persistence-panel .q-grid-persistence-save{margin:auto 0 auto 8px}.q-grid-persistence-panel .q-grid-persistence-save .mat-button-wrapper{text-transform:uppercase}.q-grid-persistence-panel .q-grid-persistence-default-icon{width:14px;min-width:14px;max-width:14px;height:14px;min-height:14px;max-height:14px;margin-bottom:14px}.q-grid-persistence-panel .q-grid-persistence-default-icon .q-grid-icon{color:#757575;font-size:14px;height:14px;width:14px}.q-grid-persistence-panel .q-grid-persistence-list-item{font-size:13px}.q-grid-persistence-panel .q-grid-persistence-list-item.q-grid-persistence-selected{background-color:#f5f5f5}.q-grid-persistence-panel .q-grid-persistence-list-item.mat-list-item .mat-list-item-content{padding:0 6px}.q-grid-persistence-panel .q-grid-persistence-list-item .mat-button{line-height:13px;flex:1 1;padding:0 6px}.q-grid-persistence-panel .q-grid-persistence-list-item .mat-list[dense]{padding:0}.q-grid-persistence-panel .q-grid-persistence-list-item .mat-list[dense] .mat-list-item{height:40px}.q-grid-persistence-panel .q-grid-persistence-list-item .mat-list[dense] .mat-list-item-content{padding:0;text-align:left}.q-grid-persistence-panel .q-grid-persistence-list-item h3{text-transform:uppercase}.q-grid-persistence-panel .q-grid-persistence-list-item .q-grid-selected-item-modified{color:#757575}.q-grid-persistence-panel .q-grid-persistence-list{padding:0;overflow:auto}.q-grid-persistence-panel .q-grid-persistence-list>.q-grid-persistence-list-item{height:40px}.q-grid-persistence-panel .q-grid-persistence-item-edit{flex:1;padding:0 6px}.q-grid-persistence-panel .q-grid-persistence-item-edit .mat-form-field-infix{width:100%}.q-grid-persistence-panel .q-grid-more .mat-button{min-width:24px}.q-grid-persistence-panel .q-grid-more .mat-button .mat-button-focus-overlay{background-color:transparent}.q-grid-persistence-panel .q-grid-more .mat-icon{color:#757575;line-height:20px;font-size:20px}.q-grid-persistence-panel .q-grid-persistence-group-title{margin:0;text-transform:uppercase}@media (max-height: 540px){.q-grid-persistence-panel.q-grid-menu{height:400px;min-height:400px;max-height:400px}.q-grid-persistence-panel.q-grid-menu .mat-card-content{max-height:318px}}.q-grid-query-builder-panel.q-grid-menu .mat-card{padding:4px 16px}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .mat-select{width:auto}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .mat-select-value{max-width:none}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .mat-select-arrow-wrapper{display:none}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .mat-form-field{width:75px}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .mat-form-field .mat-form-field-wrapper{padding-bottom:0}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .mat-form-field .mat-form-field-wrapper .mat-form-field-infix{border:none;padding:0}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .mat-form-field .mat-form-field-wrapper .mat-form-field-infix input{margin:0}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .mat-form-field .mat-form-field-label-wrapper{top:0;padding-top:0}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .mat-form-field .mat-form-field-label-wrapper>.mat-form-field-label{top:0}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .mat-form-field .mat-form-field-underline{bottom:0;display:none}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .mat-form-field.mat-focused .mat-form-field-underline{display:block}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .mat-form-field.qb-invalid .mat-form-field-underline{display:block;background:#dd2c00}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .mat-chip-list,.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .mat-chip-list .mat-chip-list-wrapper{display:inline-block}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .mat-chip-list .mat-chip{padding:0;border-radius:0;background-color:transparent;outline:none}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .mat-chip-list .mat-chip .q-grid-icon{margin-left:-3px;margin-right:0;font-size:13px;line-height:13px;height:15px;width:15px;vertical-align:middle}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .qb-operation .mat-select-value,.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .qb-operator .mat-select-value{color:#3eb1c8}.q-grid-query-builder-error-tooltip{text-transform:lowercase}.q-grid-shortcut{text-transform:uppercase}.q-grid-row-options .q-grid-shortcut{padding-left:20px;float:right}.q-grid-disabled{color:#00000042!important;cursor:default;pointer-events:none}.q-grid-embed,.q-grid-lcc,.q-grid-compact{font-family:roboto,Helvetica Neue,sans-serif}.q-grid-embed q-grid-caption h3,.q-grid-lcc q-grid-caption h3,.q-grid-compact q-grid-caption h3{color:#006f8f}.q-grid-embed .q-grid-sort,.q-grid-lcc .q-grid-sort,.q-grid-compact .q-grid-sort{margin-left:0}.q-grid-embed .q-grid-text,.q-grid-lcc .q-grid-text,.q-grid-compact .q-grid-text{font-size:13px}.q-grid-embed .q-grid tbody tr,.q-grid-embed .q-grid tfoot tr,.q-grid-embed .q-grid thead tr,.q-grid-lcc .q-grid tbody tr,.q-grid-lcc .q-grid tfoot tr,.q-grid-lcc .q-grid thead tr,.q-grid-compact .q-grid tbody tr,.q-grid-compact .q-grid tfoot tr,.q-grid-compact .q-grid thead tr{height:36px}.q-grid-embed .q-grid tbody td,.q-grid-embed .q-grid tfoot td,.q-grid-embed .q-grid thead td,.q-grid-lcc .q-grid tbody td,.q-grid-lcc .q-grid tfoot td,.q-grid-lcc .q-grid thead td,.q-grid-compact .q-grid tbody td,.q-grid-compact .q-grid tfoot td,.q-grid-compact .q-grid thead td{font-size:14px;line-height:normal;font-weight:400;font-style:normal;color:#000000de;padding:0 20px}.q-grid-embed .q-grid tbody td.q-grid-text-area>span,.q-grid-embed .q-grid tfoot td.q-grid-text-area>span,.q-grid-embed .q-grid thead td.q-grid-text-area>span,.q-grid-lcc .q-grid tbody td.q-grid-text-area>span,.q-grid-lcc .q-grid tfoot td.q-grid-text-area>span,.q-grid-lcc .q-grid thead td.q-grid-text-area>span,.q-grid-compact .q-grid tbody td.q-grid-text-area>span,.q-grid-compact .q-grid tfoot td.q-grid-text-area>span,.q-grid-compact .q-grid thead td.q-grid-text-area>span{white-space:nowrap}.q-grid-embed .q-grid tbody td.q-grid-array li,.q-grid-embed .q-grid tfoot td.q-grid-array li,.q-grid-embed .q-grid thead td.q-grid-array li,.q-grid-lcc .q-grid tbody td.q-grid-array li,.q-grid-lcc .q-grid tfoot td.q-grid-array li,.q-grid-lcc .q-grid thead td.q-grid-array li,.q-grid-compact .q-grid tbody td.q-grid-array li,.q-grid-compact .q-grid tfoot td.q-grid-array li,.q-grid-compact .q-grid thead td.q-grid-array li{padding:2px 8px}.q-grid-embed .q-grid tbody td.q-grid-edit.q-grid-row-options button,.q-grid-embed .q-grid tfoot td.q-grid-edit.q-grid-row-options button,.q-grid-embed .q-grid thead td.q-grid-edit.q-grid-row-options button,.q-grid-lcc .q-grid tbody td.q-grid-edit.q-grid-row-options button,.q-grid-lcc .q-grid tfoot td.q-grid-edit.q-grid-row-options button,.q-grid-lcc .q-grid thead td.q-grid-edit.q-grid-row-options button,.q-grid-compact .q-grid tbody td.q-grid-edit.q-grid-row-options button,.q-grid-compact .q-grid tfoot td.q-grid-edit.q-grid-row-options button,.q-grid-compact .q-grid thead td.q-grid-edit.q-grid-row-options button{width:24px;height:24px;line-height:24px}.q-grid-embed .q-grid tbody td.q-grid-image img,.q-grid-embed .q-grid tfoot td.q-grid-image img,.q-grid-embed .q-grid thead td.q-grid-image img,.q-grid-lcc .q-grid tbody td.q-grid-image img,.q-grid-lcc .q-grid tfoot td.q-grid-image img,.q-grid-lcc .q-grid thead td.q-grid-image img,.q-grid-compact .q-grid tbody td.q-grid-image img,.q-grid-compact .q-grid tfoot td.q-grid-image img,.q-grid-compact .q-grid thead td.q-grid-image img{max-height:24px;max-width:24px}.q-grid-embed .q-grid tbody td.q-grid-row-number,.q-grid-embed .q-grid tfoot td.q-grid-row-number,.q-grid-embed .q-grid thead td.q-grid-row-number,.q-grid-lcc .q-grid tbody td.q-grid-row-number,.q-grid-lcc .q-grid tfoot td.q-grid-row-number,.q-grid-lcc .q-grid thead td.q-grid-row-number,.q-grid-compact .q-grid tbody td.q-grid-row-number,.q-grid-compact .q-grid tfoot td.q-grid-row-number,.q-grid-compact .q-grid thead td.q-grid-row-number{color:#006f8f}.q-grid-embed .q-grid thead th,.q-grid-lcc .q-grid thead th,.q-grid-compact .q-grid thead th{font-size:12px!important;line-height:14px;font-weight:400!important;font-style:normal;color:#006f8f!important}.q-grid-embed .q-grid thead th:hover label,.q-grid-lcc .q-grid thead th:hover label,.q-grid-compact .q-grid thead th:hover label{font-weight:400!important}.q-grid-embed .q-grid thead th .q-grid-icon,.q-grid-lcc .q-grid thead th .q-grid-icon,.q-grid-compact .q-grid thead th .q-grid-icon{text-align:center;line-height:16px;font-size:14px}.q-grid-embed .q-grid thead th .q-grid-column-filter-trigger,.q-grid-lcc .q-grid thead th .q-grid-column-filter-trigger,.q-grid-compact .q-grid thead th .q-grid-column-filter-trigger{right:4px}.q-grid-embed .q-grid thead th .q-grid-column-filter-trigger button,.q-grid-lcc .q-grid thead th .q-grid-column-filter-trigger button,.q-grid-compact .q-grid thead th .q-grid-column-filter-trigger button{margin:0;width:20px}.q-grid-embed .q-grid thead th .q-grid-sort,.q-grid-lcc .q-grid thead th .q-grid-sort,.q-grid-compact .q-grid thead th .q-grid-sort{color:#006f8f}.q-grid-embed .q-grid thead th .q-grid-sort label,.q-grid-lcc .q-grid thead th .q-grid-sort label,.q-grid-compact .q-grid thead th .q-grid-sort label{cursor:pointer}.q-grid-embed .q-grid thead th .q-grid-sort.q-grid-active label,.q-grid-lcc .q-grid thead th .q-grid-sort.q-grid-active label,.q-grid-compact .q-grid thead th .q-grid-sort.q-grid-active label{color:inherit}.q-grid-embed .q-grid-legend-list,.q-grid-lcc .q-grid-legend-list,.q-grid-compact .q-grid-legend-list{font-size:16px!important;text-align:left!important;color:#000!important;margin-top:15px}.q-grid-embed .q-grid-legend-item,.q-grid-lcc .q-grid-legend-item,.q-grid-compact .q-grid-legend-item{width:8px!important;height:8px!important;margin-right:18px!important;margin-bottom:2px!important}.q-grid-embed .q-grid-pager,.q-grid-lcc .q-grid-pager,.q-grid-compact .q-grid-pager{padding:11px 0}.q-grid-embed .q-grid-layer,.q-grid-lcc .q-grid-layer,.q-grid-compact .q-grid-layer{top:50px}.q-grid-dark .q-grid.q-grid-theme-material{background-color:#363640;font-family:Roboto Condensed,roboto,Helvetica Neue,sans-serif;font-weight:300}.q-grid-dark .q-grid.q-grid-theme-material thead{box-shadow:0 1px #e0e0e0}.q-grid-dark .q-grid.q-grid-theme-material thead th{font-weight:300}.q-grid-dark .q-grid.q-grid-theme-material tbody tr{border-top:1px solid #e0e0e0}.q-grid-dark .q-grid.q-grid-theme-material q-grid-caption h3{color:#fff;padding-left:10px}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-toolbar .q-grid-icon,.q-grid-dark .q-grid.q-grid-theme-material .q-grid-pager label{color:#fff}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view{background-color:#3c3c46}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view .mat-icon,.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view .mat-hint,.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view .q-grid-icon{color:#fff}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view thead tr th{color:#fff9}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view thead tr th.q-grid-sorted .q-grid-sort.q-grid-active .q-grid-icon,.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view thead tr th.q-grid-sorted .q-grid-sort.q-grid-active label{color:#fff}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view thead tr th>.q-grid-divider{border-right:1px solid #e0e0e0}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view td.q-grid-sorted{background-color:#0000}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view td.q-grid-highlighted,.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view td.q-grid-selected{background-color:#616161}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view td.q-grid-email a{color:#fff}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view td.q-grid-array ul li{color:#424242}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view td .q-grid-editor{color:#fff;background-color:#424242}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view tr td{color:#fff;font-family:Roboto Condensed,roboto,Helvetica Neue,sans-serif;font-size:14px}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view tr.q-grid-highlighted{background-color:#616161}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view tr:not(.q-grid-highlighted) td.q-grid-selected{background-color:#616161}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view tr:not(.q-grid-highlighted) td.q-grid-selected.q-grid-sorted{background-color:#3c3c46}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view .mat-checkbox-frame{border-color:#fff}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view .mat-form-field-underline{background-color:#fff}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view .mat-form-field-ripple{background-color:#616161}.q-grid-dark .q-grid.q-grid-theme-material ul.q-grid-legend-list{color:#fff}.q-grid-dark .q-grid ::-webkit-scrollbar-track,.q-grid-dark .q-grid ::-webkit-scrollbar-track-piece{background-color:#424242}.q-grid-dark .q-grid-menu ::-webkit-scrollbar-track,.q-grid-dark .q-grid-menu ::-webkit-scrollbar-track-piece{background-color:#616161}.q-grid-dark .q-grid .mat-select-arrow,.q-grid-dark .q-grid .mat-select-value{color:#fff}.q-grid-dark div.mat-select-content{background:#424242}.q-grid-dark div.mat-select-content .mat-option{color:#fff}.q-grid-dark div.mat-select-content .mat-option:hover{background:#616161}.q-grid-dark .mat-menu-panel{background:#424242}.q-grid-dark .mat-menu-content{background:#424242;height:500px}.q-grid-dark q-grid-column-chooser .mat-checkbox-frame,.q-grid-dark q-grid-column-chooser label,.q-grid-dark q-grid-column-filter .mat-checkbox-frame,.q-grid-dark q-grid-column-filter label{border-color:#fff}.q-grid-dark q-grid-column-chooser .mat-input-underline,.q-grid-dark q-grid-column-filter .mat-input-underline{color:#fff}.q-grid-dark q-grid-column-chooser .mat-card,.q-grid-dark q-grid-column-filter .mat-card{background-color:#424242;color:#fff;font-weight:300}.q-grid-dark q-grid-column-chooser .mat-card .mat-card-title,.q-grid-dark q-grid-column-filter .mat-card .mat-card-title{font-size:16px}.q-grid-dark q-grid-column-chooser .mat-card .mat-button,.q-grid-dark q-grid-column-filter .mat-card .mat-button{color:#fff}.q-grid-dark q-grid-column-chooser .mat-card .mat-form-field-label,.q-grid-dark q-grid-column-filter .mat-card .mat-form-field-label{color:#fff}.q-grid-dark q-grid-column-chooser .mat-card .mat-input-underline,.q-grid-dark q-grid-column-filter .mat-card .mat-input-underline{color:#fff}.q-grid-dark q-grid-column-chooser .mat-card .mat-form-field,.q-grid-dark q-grid-column-filter .mat-card .mat-form-field{font-weight:300}.q-grid-dark q-grid-column-chooser .mat-card .mat-form-field-underline,.q-grid-dark q-grid-column-filter .mat-card .mat-form-field-underline{background-color:#e0e0e0}.q-grid-dark q-grid-column-chooser .mat-card .mat-form-field-ripple,.q-grid-dark q-grid-column-filter .mat-card .mat-form-field-ripple{background-color:#1eb980}.q-grid-dark q-grid-column-chooser .mat-card .mat-form-field-should-float label,.q-grid-dark q-grid-column-chooser .mat-card .q-grid-filter-by-item,.q-grid-dark q-grid-column-filter .mat-card .mat-form-field-should-float label,.q-grid-dark q-grid-column-filter .mat-card .q-grid-filter-by-item{font-family:Roboto Condensed,roboto,Helvetica Neue,sans-serif;font-weight:300}.q-grid-dark q-grid-column-chooser .mat-card .q-grid-filter-by-item,.q-grid-dark q-grid-column-filter .mat-card .q-grid-filter-by-item{color:#424242}.q-grid-dark q-grid-column-chooser .mat-card .mat-button:hover,.q-grid-dark q-grid-column-filter .mat-card .mat-button:hover{background-color:#616161}.q-grid-dark q-grid-column-chooser .mat-card .mat-button.mat-primary,.q-grid-dark q-grid-column-chooser .mat-card .mat-checkbox-checked.mat-accent .mat-checkbox-background,.q-grid-dark q-grid-column-chooser .mat-card .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,.q-grid-dark q-grid-column-filter .mat-card .mat-button.mat-primary,.q-grid-dark q-grid-column-filter .mat-card .mat-checkbox-checked.mat-accent .mat-checkbox-background,.q-grid-dark q-grid-column-filter .mat-card .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{background-color:#616161}.q-grid-dark q-grid-column-chooser .mat-card .q-grid-highlight-part,.q-grid-dark q-grid-column-filter .mat-card .q-grid-highlight-part{background-color:#8d8d8d;color:#fff}.q-grid-dark td.q-grid-focused{outline-color:#5565a0}.q-grid-dark .q-grid-view:not(.q-grid-active) td.q-grid-focused{outline-color:#5565a0}.q-grid-dark .q-grid-cell-handler{outline-color:#5565a0}\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\">\n {{item}}\n </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-bool.tpl.html\"\n let-$cell>\n <mat-icon *ngIf=\"$cell.value === $cell.column.trueValue\"\n class=\"q-grid-icon\">\n check\n </mat-icon>\n <mat-icon *ngIf=\"$cell.column.isIndeterminate($cell.value)\"\n class=\"q-grid-icon\">\n remove\n </mat-icon>\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-datetime.tpl.html\"\n let-$cell>\n {{$cell.label}}\n</ng-template>\n<ng-template key=\"body-cell-email.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n <a href=\"mailto:{{$cell.value}}\"\n tabindex=\"-1\">\n {{$cell.label || $cell.value}}\n </a>\n <button *ngIf=\"$view.edit.cell.canEdit($cell)\"\n class=\"q-grid-url-edit q-grid-edit-trigger\"\n color=\"primary\"\n mat-icon-button\n matTooltip=\"Edit Email\"\n [matTooltipShowDelay]=\"800\"\n matTooltipPosition=\"before\"\n [q-grid-command]=\"$view.edit.cell.enter\"\n [q-grid-command-arg]=\"$cell\"\n tabindex=\"-1\"\n aria-label=\"'email'\">\n <mat-icon class=\"q-grid-icon\">edit</mat-icon>\n </button>\n</ng-template>\n<ng-template key=\"body-cell-file.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n <a [href]=\"$cell.value\"\n tabindex=\"-1\">\n {{$cell.label || $cell.value}}\n </a>\n <button *ngIf=\"$view.edit.cell.canEdit($cell)\"\n mat-icon-button\n class=\"q-grid-file-edit q-grid-edit-trigger\"\n matTooltip=\"Upload\"\n [q-grid-command]=\"$view.edit.cell.enter\"\n [q-grid-command-arg]=\"$cell\"\n aria-label=\"Upload file\"\n tabindex=\"-1\">\n <mat-icon class=\"q-grid-icon\">file_upload</mat-icon>\n </button>\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 mat-icon-button\n [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)\"\n tabindex=\"-1\">\n <mat-icon class=\"q-grid-icon\">chevron_right</mat-icon>\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 <mat-icon *ngIf=\"!$cell.value\"\n class=\"q-grid-icon\">\n insert_photo\n </mat-icon>\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-reference.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n <span>{{$cell.label}}</span>\n <button *ngIf=\"$view.edit.cell.canEdit($cell)\"\n class=\"q-grid-reference-edit q-grid-edit-trigger\"\n type=\"button\"\n mat-icon-button\n matTooltip=\"Edit reference\"\n matTooltipPosition=\"below\"\n [q-grid-command]=\"$view.edit.cell.enter\"\n [q-grid-command-arg]=\"$cell\"\n tabindex=\"-1\">\n <mat-icon matSuffix\n class=\"q-grid-icon\">\n search\n </mat-icon>\n </button>\n</ng-template>\n<ng-template key=\"body-cell-row-expand.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n <button mat-icon-button\n [q-grid-command]=\"$view.rowDetails.toggleStatus\"\n [q-grid-command-arg]=\"$cell.row\"\n [ngClass]=\"'q-grid-' + $view.rowDetails.status($cell.row)\"\n tabindex=\"-1\">\n <mat-icon class=\"q-grid-icon\">chevron_right</mat-icon>\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 <mat-icon class=\"q-grid-icon\">drag_indicator</mat-icon>\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-row-options.tpl.html\">\n <mat-icon class=\"q-grid-icon\">more_vert</mat-icon>\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 <mat-radio-button [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 aria-label=\"Select\"\n class=\"q-grid-radio\">\n </mat-radio-button>\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 <mat-checkbox [indeterminate]=\"$view.selection.isIndeterminate($cell.row)\"\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 aria-label=\"Select\"\n class=\"q-grid-checkbox\">\n </mat-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 | qGridTime: $cell.column.format}}\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 <button *ngIf=\"$view.edit.cell.canEdit($cell)\"\n class=\"q-grid-url-edit q-grid-edit-trigger\"\n mat-icon-button\n aria-label=\"url\"\n tabindex=\"-1\"\n matTooltip=\"Edit Url\"\n matTooltipPosition=\"below\"\n [matTooltipShowDelay]=\"800\"\n [q-grid-command]=\"$view.edit.cell.enter\"\n [q-grid-command-arg]=\"$cell\">\n <mat-icon class=\"q-grid-icon\">edit</mat-icon>\n </button>\n</ng-template>\n<ng-template key=\"column-filter-cell-currency.tpl.html\"\n let-$item\n let-$list=\"itemList\">\n <span [innerHTML]=\"$item.value | qGridCurrency: $list.column.code | qGridHighlight: $list.search\"></span>\n</ng-template>\n<ng-template key=\"column-filter-cell-date.tpl.html\"\n let-$item\n let-$list=\"itemList\">\n <span [innerHTML]=\"$item.value | qGridDate: $list.column.format | qGridHighlight: $list.search\"></span>\n</ng-template>\n<ng-template key=\"column-filter-cell-datetime.tpl.html\"\n let-$item\n let-$list=\"itemList\">\n <span [innerHTML]=\"$item.value | qGridDate: $list.column.format | qGridHighlight: $list.search\"></span>\n</ng-template>\n<ng-template key=\"column-filter-cell-number.tpl.html\"\n let-$item\n let-$list=\"itemList\">\n <span [innerHTML]=\"$item.value | qGridNumber: $list.column.format | qGridHighlight: $list.search\"></span>\n</ng-template>\n<ng-template key=\"column-filter-cell-text.tpl.html\"\n let-$item\n let-$list=\"itemList\">\n <span [innerHTML]=\"$item.value | qGridHighlight: $list.search\"></span>\n</ng-template>\n<ng-template key=\"edit-cell-array.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n <q-grid-cell-editor class=\"q-grid-array q-grid-editor q-grid-position\"\n (close)=\"$view.edit.cell.exit.execute($cell)\"\n q-grid-position=\"td\"\n q-grid-chips>\n <div class=\"q-grid-array-view\">\n <mat-chip-list #chipList>\n <ng-container *ngFor=\"let value of $view.edit.cell.value;let $index = index\"\n (q-grid-chips-remove)=\"$view.edit.cell.value.splice($index, 1)\">\n <mat-chip class=\"q-grid-array-item\"\n selectable=\"true\"\n removable=\"true\">\n {{value}}\n <mat-icon class=\"q-grid-icon\"\n matChipRemove>\n cancel\n </mat-icon>\n </mat-chip>\n </ng-container>\n </mat-chip-list>\n </div>\n <mat-form-field (q-grid-chips-push)=\"($view.edit.cell.value || []).push($event)\"\n [floatLabel]=\"'never'\">\n <input class=\"q-grid-array-input\"\n matInput\n type=\"{{$cell.column.itemType}}\"\n #qGridInput\n q-grid-focus\n [matChipInputFor]=\"chipList\" />\n </mat-form-field>\n <q-grid-validator class=\"q-grid-validator\"\n [key]=\"$cell.column.key\"\n [type]=\"$cell.column.type\"\n [value]=\"$view.edit.cell.value\">\n </q-grid-validator>\n </q-grid-cell-editor>\n</ng-template>\n<ng-template key=\"edit-cell-autocomplete.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n<q-grid-cell-editor class=\"q-grid-editor q-grid-position\"\n (close)=\"$view.edit.cell.exit.execute($cell)\"\n q-grid-position=\"td\">\n <q-grid-autocomplete-editor></q-grid-autocomplete-editor>\n <q-grid-validator class=\"q-grid-validator\"\n [key]=\"$cell.column.key\"\n [type]=\"$cell.column.type\"\n [value]=\"$view.edit.cell.value\">\n </q-grid-validator>\n </q-grid-cell-editor>\n</ng-template>\n<ng-template key=\"edit-cell-bool.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n <q-grid-bool-editor [autofocus]=\"true\"\n [column]=\"$cell.column\"\n [(value)]=\"$view.edit.cell.value\">\n </q-grid-bool-editor>\n</ng-template>\n<ng-template key=\"edit-cell-currency.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n<q-grid-cell-editor class=\"q-grid-currency q-grid-editor q-grid-position q-grid-text\"\n (close)=\"$view.edit.cell.exit.execute($cell)\"\n q-grid-position=\"td\">\n <mat-form-field>\n <input matInput\n type=\"number\"\n #input\n q-grid-focus\n [(ngModel)]=\"$view.edit.cell.value\" />\n </mat-form-field>\n <q-grid-validator class=\"q-grid-validator\"\n [key]=\"$cell.column.key\"\n [type]=\"$cell.column.type\"\n [value]=\"$view.edit.cell.value\">\n </q-grid-validator>\n </q-grid-cell-editor>\n</ng-template>\n<ng-template key=\"edit-cell-date.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n<q-grid-cell-editor class=\"q-grid-date q-grid-editor q-grid-position q-grid-text\"\n (close)=\"$view.edit.cell.exit.execute($cell)\"\n q-grid-position=\"td\">\n <mat-form-field *q-grid-date=\"let qGridDate\"\n [q-grid-date-adapter]=\"$cell.column.format\"\n [ngClass]=\"{'mat-form-field-invalid': !qGridDate.isValid(input.value, $cell.column.format)}\">\n <mat-label></mat-label>\n\n <input #input\n q-grid-focus\n matInput\n [q-grid-date-mask]=\"$cell.column.format\"\n [placeholder]=\"$cell.column.format\"\n [matDatepicker]=\"picker\"\n [value]=\"$view.edit.cell.value | qGridConvert: 'date'\"\n (dateChange)=\"$view.edit.cell.value = qGridDate.dateLow($event.value)\"\n (input)=\"qGridDate.isValid(input.value, $cell.column.format) &&\n ($view.edit.cell.value = qGridDate.dateLow(input.value, $cell.column.format))\" />\n\n <mat-datepicker-toggle matSuffix\n [for]=\"picker\">\n </mat-datepicker-toggle>\n\n <mat-datepicker #picker\n panelClass=\"q-grid-editor-part\">\n </mat-datepicker>\n </mat-form-field>\n\n <q-grid-validator class=\"q-grid-validator\"\n [key]=\"$cell.column.key\"\n [type]=\"$cell.column.type\"\n [value]=\"$view.edit.cell.value\">\n </q-grid-validator>\n </q-grid-cell-editor>\n</ng-template>\n<ng-template key=\"edit-cell-datetime.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n<q-grid-cell-editor class=\"q-grid-editor q-grid-position q-grid-text q-grid-datetime\"\n (close)=\"$view.edit.cell.exit.execute($cell)\"\n q-grid-position=\"td\">\n <q-grid-tab-trap>\n <mat-form-field *q-grid-date=\"let qGridDate\"\n class=\"q-grid-datetime-date\"\n [q-grid-date-adapter]=\"$cell.column.dateFormat\"\n [ngClass]=\"{'mat-form-field-invalid': !qGridDate.isValid(input.value, $cell.column.dateFormat)}\">\n <mat-label></mat-label>\n\n <input q-grid-focus\n matInput\n #input\n [q-grid-date-mask]=\"$cell.column.dateFormat\"\n [placeholder]=\"$cell.column.dateFormat\"\n [matDatepicker]=\"picker\"\n [value]=\"$view.edit.cell.value | qGridConvert: 'date'\"\n (dateChange)=\"$view.edit.cell.value = qGridDate.datetime($view.edit.cell.value, $event.value, $cell.column.dateFormat)\"\n (input)=\"qGridDate.isValid(input.value, $cell.column.dateFormat) &&\n ($view.edit.cell.value = qGridDate.datetime($view.edit.cell.value, input.value, $cell.column.dateFormat))\" />\n <mat-datepicker-toggle matSuffix\n [for]=\"picker\">\n </mat-datepicker-toggle>\n <mat-datepicker #picker\n panelClass=\"q-grid-editor-part\">\n </mat-datepicker>\n </mat-form-field>\n <mat-form-field *q-grid-time=\"let qGridTime\"\n class=\"q-grid-datetime-time\">\n <input matInput\n type=\"time\"\n #input\n [value]=\"$view.edit.cell.value | qGridTime: 'HH:mm'\"\n (change)=\"$view.edit.cell.value = qGridTime.time($view.edit.cell.value, input.value)\" />\n </mat-form-field>\n </q-grid-tab-trap>\n\n <q-grid-validator class=\"q-grid-validator\"\n [key]=\"$cell.column.key\"\n [type]=\"$cell.column.type\"\n [value]=\"$view.edit.cell.value\">\n </q-grid-validator>\n </q-grid-cell-editor>\n</ng-template>\n<ng-template key=\"edit-cell-dropdown.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n <ng-container q-grid-select>\n <mat-select class=\"q-grid-dropdown\"\n disableRipple\n [(value)]=\"$view.edit.cell.value\"\n (selectionChange)=\"$view.edit.cell.exit.execute()\">\n <mat-option *ngFor=\"let option of $view.edit.cell.fetch.result\"\n [value]=\"option\"\n q-grid-stop-propagate=\"mousedown\">\n {{option | qGridItemLabel : $cell.column.itemLabel}}\n </mat-option>\n </mat-select>\n </ng-container>\n</ng-template>\n<ng-template key=\"edit-cell-email.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n<q-grid-cell-editor class=\"q-grid-email q-grid-editor q-grid-position\"\n (close)=\"$view.edit.cell.exit.execute($cell)\"\n q-grid-position=\"td\">\n <q-grid-tab-trap>\n <div class=\"q-grid-flex q-grid-layout-column q-grid-email-fields\">\n <mat-form-field *ngIf=\"$cell.column.label !== null\">\n <input matInput\n type=\"text\"\n [(ngModel)]=\"$view.edit.cell.label\"\n placeholder=\"Label\" />\n </mat-form-field>\n <mat-form-field>\n <input q-grid-focus\n matInput\n type=\"email\"\n [(ngModel)]=\"$view.edit.cell.value\"\n placeholder=\"Email\" />\n </mat-form-field>\n </div>\n <q-grid-validator class=\"q-grid-validator\"\n [key]=\"$cell.column.key\"\n [type]=\"$cell.column.type\"\n [value]=\"$view.edit.cell.value\">\n </q-grid-validator>\n </q-grid-tab-trap>\n </q-grid-cell-editor>\n</ng-template>\n<ng-template key=\"edit-cell-file.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n<q-grid-cell-editor class=\"q-grid-editor q-grid-file q-grid-position\"\n (close)=\"$view.edit.cell.cancel.execute($cell)\"\n q-grid-position=\"td\">\n <div class=\"q-grid-layout-column q-grid-flex\">\n <div class=\"q-grid-file-upload-area\"\n [ngClass]=\"{'q-grid-file-has-preview': $cell.column.hasPreview($view.edit.cell.label)}\">\n <div class=\"q-grid-layout-column q-grid-file-upload-message\"\n [ngSwitch]=\"!!$view.edit.cell.value\">\n <span class=\"q-grid-file-upload-filename\"\n *ngSwitchCase=\"true\">\n {{$view.edit.cell.label}}\n </span>\n <div class=\"q-grid-layout-row q-grid-layout-align-center-center\">\n <mat-icon>file_upload</mat-icon>\n <span *ngSwitchCase=\"false\">\n Drag and drop a file here or click\n </span>\n <span *ngSwitchCase=\"true\">\n Drag and drop or click to replace\n </span>\n </div>\n </div>\n <input [(q-grid-file)]=\"$view.edit.cell.value\"\n [(q-grid-file-label)]=\"$view.edit.cell.label\"\n [q-grid-file-is-valid]=\"$cell.column.canUpload\"\n type=\"file\" />\n <div class=\"q-grid-file-preview\"\n *ngIf=\"$cell.column.hasPreview($view.edit.cell.label)\">\n <img [src]=\"$view.edit.cell.value\" />\n </div>\n </div>\n </div>\n <div class=\"q-grid-actions\">\n <button mat-button\n color=\"primary\"\n [q-grid-command]=\"$view.edit.cell.commit\"\n [q-grid-command-arg]=\"$cell\">\n Save\n </button>\n <button mat-button\n [q-grid-command]=\"$view.edit.cell.clear\"\n [q-grid-command-arg]=\"$cell\">\n Clear\n </button>\n <button mat-button\n [q-grid-command]=\"$view.edit.cell.cancel\"\n [q-grid-command-arg]=\"$cell\">\n Cancel\n </button>\n </div>\n </q-grid-cell-editor>\n</ng-template>\n<ng-template key=\"edit-cell-image.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n<q-grid-cell-editor class=\"q-grid-editor q-grid-file q-grid-position\"\n (close)=\"$view.edit.cell.cancel.execute($cell)\"\n q-grid-position=\"td\">\n <div class=\"q-grid-layout-column q-grid-flex\">\n <div class=\"q-grid-file-upload-area\"\n [ngClass]=\"{'q-grid-file-has-preview': $cell.column.hasPreview($view.edit.cell.label)}\">\n <div class=\"q-grid-layout-column q-grid-file-upload-message\"\n [ngSwitch]=\"!!$view.edit.cell.value\">\n <span class=\"q-grid-file-upload-filename\"\n *ngSwitchCase=\"true\">\n {{$view.edit.cell.label}}\n </span>\n <div class=\"q-grid-layout-row q-grid-layout-align-center-center\">\n <mat-icon>file_upload</mat-icon>\n <span *ngSwitchCase=\"false\">\n Drag and drop an image here or click\n </span>\n <span *ngSwitchCase=\"true\">\n Drag and drop or click to replace\n </span>\n </div>\n </div>\n <input [(q-grid-file)]=\"$view.edit.cell.value\"\n [(q-grid-file-label)]=\"$view.edit.cell.label\"\n [q-grid-file-is-valid]=\"$cell.column.canUpload\"\n type=\"file\" />\n <div class=\"q-grid-file-preview\"\n *ngIf=\"$cell.column.hasPreview($view.edit.cell.label)\">\n <img [src]=\"$view.edit.cell.value\" />\n </div>\n </div>\n </div>\n <div class=\"q-grid-actions\">\n <button mat-button\n color=\"primary\"\n [q-grid-command]=\"$view.edit.cell.commit\"\n [q-grid-command-arg]=\"$cell\">\n Save\n </button>\n <button mat-button\n [q-grid-command]=\"$view.edit.cell.clear\"\n [q-grid-command-arg]=\"$cell\">\n Clear\n </button>\n <button mat-button\n [q-grid-command]=\"$view.edit.cell.cancel\"\n [q-grid-command-arg]=\"$cell\">\n Cancel\n </button>\n </div>\n </q-grid-cell-editor>\n</ng-template>\n<ng-template key=\"edit-cell-number.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n<q-grid-cell-editor class=\"q-grid-number q-grid-editor q-grid-position q-grid-text\"\n (close)=\"$view.edit.cell.exit.execute($cell)\"\n q-grid-position=\"td\">\n <mat-form-field>\n <input matInput\n type=\"number\"\n #input\n q-grid-focus\n [(ngModel)]=\"$view.edit.cell.value\" />\n </mat-form-field>\n <q-grid-validator class=\"q-grid-validator\"\n [key]=\"$cell.column.key\"\n [type]=\"$cell.column.type\"\n [value]=\"$view.edit.cell.value\">\n </q-grid-validator>\n </q-grid-cell-editor>\n</ng-template>\n<ng-template key=\"edit-cell-password.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n<q-grid-cell-editor class=\"q-grid-password q-grid-editor q-grid-position q-grid-text\"\n (close)=\"$view.edit.cell.exit.execute($cell)\"\n q-grid-position=\"td\">\n <mat-form-field>\n <input matInput\n [type]=\"'password'\"\n q-grid-focus\n [(ngModel)]=\"$view.edit.cell.value\" />\n </mat-form-field>\n <q-grid-validator class=\"q-grid-validator\"\n [key]=\"$cell.column.key\"\n [type]=\"$cell.column.type\"\n [value]=\"$view.edit.cell.value\">\n </q-grid-validator>\n </q-grid-cell-editor>\n</ng-template>\n<ng-template key=\"edit-cell-reference.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n<q-grid-cell-editor class=\"q-grid-reference q-grid-editor q-grid-position\"\n (close)=\"$view.edit.cell.cancel.execute($cell)\"\n q-grid-position=\"td\">\n <q-grid-reference-editor [cell]=\"$cell\"\n [(value)]=\"$view.edit.cell.value\"\n [caption]=\"$cell.column.title\"\n (afterSubmit)=\"$view.edit.cell.commit.canExecute() && $view.edit.cell.commit.execute()\"\n (afterCancel)=\"$view.edit.cell.cancel.execute()\">\n </q-grid-reference-editor>\n </q-grid-cell-editor>\n</ng-template>\n<ng-template key=\"edit-cell-row-options.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n <ng-container (q-grid-menu-trigger)=\"$view.edit.cell.cancel.execute($cell)\">\n <mat-icon [matMenuTriggerFor]=\"menu\"\n class=\"q-grid-icon\">\n more_vert\n </mat-icon>\n </ng-container>\n\n <mat-menu #menu=\"matMenu\"\n class=\"q-grid-row-options\">\n <ng-container *ngFor=\"let $action of $cell.column.editorOptions.actions\"\n [ngSwitch]=\"$action.title\">\n <mat-divider *ngSwitchCase=\"'---'\"></mat-divider>\n\n <button *ngSwitchDefault\n mat-menu-item\n [q-grid-command]=\"$action.command\"\n q-grid-command-event=\"mousedown\"\n q-grid-command-host=\"document\"\n [q-grid-command-arg]=\"$cell\"\n [q-grid-command-use-shortcut]=\"true\"\n (keydown.enter)=\"$action.command.canExecute($cell) === true && $action.command.execute($cell)\"\n (q-grid-command-execute)=\"$view.edit.cell.cancel.execute($cell)\">\n <mat-icon class=\"q-grid-icon\">{{$action.icon}}</mat-icon>\n <span>{{$action.title}}</span>\n <span *ngIf=\"$action.command.shortcut\"\n class=\"q-grid-shortcut\">\n {{$action.command.shortcut}}\n </span>\n </button>\n </ng-container>\n </mat-menu>\n</ng-template>\n<ng-template key=\"edit-cell-text-area.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n<q-grid-cell-editor class=\"q-grid-text-area q-grid-editor q-grid-position\"\n (close)=\"$view.edit.cell.exit.execute($cell)\"\n q-grid-position=\"td\">\n <mat-form-field>\n <textarea matInput\n #input\n rows=\"10\"\n q-grid-focus\n maxlength=\"{{$cell.column.maxLength}}\"\n [(ngModel)]=\"$view.edit.cell.value\">\n </textarea>\n <mat-hint align=\"end\">\n {{input.value.length}} / {{$cell.column.maxLength}}\n </mat-hint>\n </mat-form-field>\n <q-grid-validator class=\"q-grid-validator\"\n [key]=\"$cell.column.key\"\n [type]=\"$cell.column.type\"\n [value]=\"$view.edit.cell.value\">\n </q-grid-validator>\n </q-grid-cell-editor>\n</ng-template>\n<ng-template key=\"edit-cell-text.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n<q-grid-cell-editor class=\"q-grid-text q-grid-editor q-grid-position\"\n (close)=\"$view.edit.cell.exit.execute($cell)\"\n q-grid-position=\"td\">\n <mat-form-field>\n <input matInput\n #input\n q-grid-focus\n maxlength=\"{{$cell.column.maxLength}}\"\n [(ngModel)]=\"$view.edit.cell.value\" />\n <mat-hint align=\"end\">\n {{input.value.length}} / {{$cell.column.maxLength}}\n </mat-hint>\n </mat-form-field>\n <q-grid-validator *ngIf=\"$view?.edit\"\n class=\"q-grid-validator\"\n [key]=\"$cell.column.key\"\n [type]=\"$cell.column.type\"\n [value]=\"$view.edit.cell.value\">\n </q-grid-validator>\n </q-grid-cell-editor>\n</ng-template>\n<ng-template key=\"edit-cell-time.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n<q-grid-cell-editor class=\"q-grid-time q-grid-editor q-grid-position q-grid-text\"\n (close)=\"$view.edit.cell.exit.execute($cell)\"\n q-grid-position=\"td\">\n <mat-form-field *q-grid-time=\"let qGridTime\">\n <input matInput\n type=\"time\"\n #input\n q-grid-focus\n [value]=\"$view.edit.cell.value | qGridTime: 'HH:mm'\"\n (change)=\"$view.edit.cell.value = qGridTime.time($view.edit.cell.value, input.value)\" />\n </mat-form-field>\n <q-grid-validator class=\"q-grid-validator\"\n [key]=\"$cell.column.key\"\n [type]=\"$cell.column.type\"\n [value]=\"$view.edit.cell.value\">\n </q-grid-validator>\n </q-grid-cell-editor>\n</ng-template>\n<ng-template key=\"edit-cell-url.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n<q-grid-cell-editor class=\"q-grid-url q-grid-editor q-grid-position\"\n (close)=\"$view.edit.cell.exit.execute($cell)\"\n q-grid-position=\"td\">\n <q-grid-tab-trap>\n <div class=\"q-grid-flex q-grid-layout-column q-grid-url-fields\">\n <mat-form-field *ngIf=\"$cell.column.label !== null\">\n <input matInput\n type=\"text\"\n [(ngModel)]=\"$view.edit.cell.label\"\n placeholder=\"Label\" />\n </mat-form-field>\n <mat-form-field>\n <input matInput\n type=\"url\"\n q-grid-focus\n [(ngModel)]=\"$view.edit.cell.value\"\n placeholder=\"Url\" />\n </mat-form-field>\n <q-grid-validator class=\"q-grid-validator\"\n [key]=\"$cell.column.key\"\n [type]=\"$cell.column.type\"\n [value]=\"$view.edit.cell.value\">\n </q-grid-validator>\n </div>\n </q-grid-tab-trap>\n </q-grid-cell-editor>\n</ng-template>\n<ng-template key=\"edit-form-array.tpl.html\"\n let-$editor>\n <ng-container q-grid-chips>\n <h3>{{$editor.cell.column.title}}</h3>\n <div class=\"q-grid-array-view\">\n <mat-chip-list #chipList>\n <ng-container *ngFor=\"let value of $editor.value;let $index = index\"\n (q-grid-chips-remove)=\"$editor.value.splice($index, 1)\">\n <mat-chip class=\"q-grid-array-item\"\n selectable=\"true\"\n removable=\"true\">\n {{value}}\n <mat-icon class=\"q-grid-icon\"\n matChipRemove>\n cancel\n </mat-icon>\n </mat-chip>\n </ng-container>\n </mat-chip-list>\n </div>\n <mat-form-field (q-grid-chips-push)=\"$editor.value.push($event)\"\n [floatLabel]=\"'never'\">\n <input class=\"q-grid-array-input\"\n matInput\n type=\"{{$editor.cell.column.itemType}}\"\n #qGridInput\n [matChipInputFor]=\"chipList\" />\n </mat-form-field>\n </ng-container>\n</ng-template>\n<ng-template key=\"edit-form-bool.tpl.html\"\n let-$editor>\n <q-grid-bool-editor [column]=\"$editor.cell.column\"\n [(value)]=\"$editor.value\"\n [label]=\"$editor.cell.column.title\">\n </q-grid-bool-editor>\n</ng-template>\n<ng-template key=\"edit-form-currency.tpl.html\"\n let-$editor>\n <mat-form-field>\n <input matInput\n type=\"number\"\n [placeholder]=\"$editor.cell.column.title\"\n [(ngModel)]=\"$editor.value\" />\n </mat-form-field>\n</ng-template>\n<ng-template key=\"edit-form-date.tpl.html\"\n let-$editor>\n <mat-form-field>\n <input matInput\n [matDatepicker]=\"picker\"\n [placeholder]=\"$editor.cell.column.title\"\n [(ngModel)]=\"$editor.value\" />\n <mat-datepicker-toggle matSuffix\n [for]=\"picker\">\n </mat-datepicker-toggle>\n <mat-datepicker #picker></mat-datepicker>\n </mat-form-field>\n</ng-template>\n<ng-template key=\"edit-form-datetime.tpl.html\"\n let-$editor>\n <mat-form-field>\n <input matInput\n [matDatepicker]=\"picker\"\n [placeholder]=\"$editor.cell.column.title\"\n [(ngModel)]=\"$editor.value\" />\n <mat-datepicker-toggle matSuffix\n [for]=\"picker\">\n </mat-datepicker-toggle>\n <mat-datepicker #picker></mat-datepicker>\n </mat-form-field>\n</ng-template>\n<ng-template key=\"edit-form-dropdown.tpl.html\">\n Dropdown is not implemented\n</ng-template>\n<ng-template key=\"edit-form-email.tpl.html\"\n let-$editor>\n <h3>{{$editor.cell.column.title}}</h3>\n <mat-form-field *ngIf=\"$editor.cell.column.label !== null\">\n <input matInput\n type=\"text\"\n [(ngModel)]=\"$editor.label\"\n placeholder=\"Label\" />\n </mat-form-field>\n <mat-form-field>\n <input matInput\n type=\"email\"\n [(ngModel)]=\"$editor.value\"\n placeholder=\"Email\" />\n </mat-form-field>\n</ng-template>\n<ng-template key=\"edit-form-file.tpl.html\"\n let-$editor>\n <h3>{{$editor.cell.column.title}}</h3>\n <div class=\"q-grid-file-upload-area\"\n [ngClass]=\"{'q-grid-file-has-preview': $editor.cell.column.hasPreview($editor.label)}\">\n <div class=\"q-grid-layout-column q-grid-file-upload-message\"\n [ngSwitch]=\"!!$editor.value\">\n <span class=\"q-grid-file-upload-filename\"\n *ngSwitchCase=\"true\">\n {{$editor.label}}\n </span>\n <div class=\"q-grid-layout-row q-grid-layout-align-center-center\">\n <mat-icon>file_upload</mat-icon>\n <span *ngSwitchCase=\"false\">Drag and drop a file here or click</span>\n <span *ngSwitchCase=\"true\">Drag and drop or click to replace </span>\n </div>\n </div>\n <input [(q-grid-file)]=\"$editor.value\"\n [(q-grid-file-label)]=\"$editor.label\"\n [q-grid-file-is-valid]=\"$editor.cell.column.canUpload\"\n q-grid-file\n type=\"file\" />\n <div class=\"q-grid-file-preview\"\n *ngIf=\"$editor.cell.column.hasPreview($editor.label)\">\n <img [src]=\"$editor.value\" />\n </div>\n </div>\n</ng-template>\n<ng-template key=\"edit-form-image.tpl.html\"\n let-$editor>\n <h3>{{$editor.cell.column.title}}</h3>\n <div class=\"q-grid-file-upload-area\"\n [ngClass]=\"{'q-grid-file-has-preview': $editor.cell.column.hasPreview($editor.label)}\">\n <div class=\"q-grid-layout-column q-grid-file-upload-message\"\n [ngSwitch]=\"!!$editor.value\">\n <span class=\"q-grid-file-upload-filename\"\n *ngSwitchCase=\"true\">\n {{$editor.label}}\n </span>\n <div class=\"q-grid-layout-row q-grid-layout-align-center-center\">\n <mat-icon>file_upload</mat-icon>\n <span *ngSwitchCase=\"false\">Drag and drop an image here or click</span>\n <span *ngSwitchCase=\"true\">Drag and drop or click to replace </span>\n </div>\n </div>\n <input [(q-grid-file)]=\"$editor.value\"\n [(q-grid-file-label)]=\"$editor.label\"\n [q-grid-file-is-valid]=\"$editor.cell.column.canUpload\"\n type=\"file\" />\n <div class=\"q-grid-file-preview\"\n *ngIf=\"$editor.cell.column.hasPreview($editor.label)\">\n <img [src]=\"$editor.value\" />\n </div>\n </div>\n</ng-template>\n<ng-template key=\"edit-form-number.tpl.html\"\n let-$editor>\n <mat-form-field>\n <input matInput\n type=\"number\"\n #input\n [placeholder]=\"$editor.cell.column.title\"\n [(ngModel)]=\"$editor.value\" />\n </mat-form-field>\n</ng-template>\n<ng-template key=\"edit-form-password.tpl.html\"\n let-$editor>\n <mat-form-field>\n <input matInput\n type=\"password\"\n [placeholder]=\"$editor.cell.column.title\"\n [(ngModel)]=\"$editor.value\" />\n </mat-form-field>\n</ng-template>\n<ng-template key=\"edit-form-reference.tpl.html\"\n let-$editor>\n <h3>{{$editor.cell.column.title}}</h3>\n <q-grid-reference [cell]=\"$editor.cell\"\n [(value)]=\"$editor.value\"\n [autofocus]=\"false\">\n </q-grid-reference>\n</ng-template>\n<ng-template key=\"edit-form-text-area.tpl.html\"\n let-$editor>\n <mat-form-field>\n <textarea matInput\n #input\n rows=\"10\"\n [placeholder]=\"$editor.cell.column.title\"\n [(ngModel)]=\"$editor.value\">\n </textarea>\n <mat-hint align=\"end\">\n {{input.value.length}} / {{$editor.cell.column.maxLength}}\n </mat-hint>\n </mat-form-field>\n</ng-template>\n<ng-template key=\"edit-form-text.tpl.html\"\n let-$editor>\n <mat-form-field class=\"edit-form-text\">\n <input matInput\n #input\n maxlength=\"{{$editor.cell.column.maxLength}}\"\n [(ngModel)]=\"$editor.value\"\n [placeholder]=\"$editor.cell.column.title\" />\n <mat-hint align=\"end\">\n {{input.value.length}} / {{$editor.cell.column.maxLength}}\n </mat-hint>\n </mat-form-field>\n</ng-template>\n<ng-template key=\"edit-form-time.tpl.html\"\n let-$editor>\n <mat-form-field>\n <input matInput\n type=\"time\"\n [placeholder]=\"$editor.cell.column.title\"\n [(ngModel)]=\"$editor.value\" />\n </mat-form-field>\n</ng-template>\n<ng-template key=\"edit-form-url.tpl.html\"\n let-$editor>\n <h3>{{$editor.cell.column.title}}</h3>\n <mat-form-field *ngIf=\"$editor.cell.column.label !== null\">\n <input matInput\n type=\"text\"\n [(ngModel)]=\"$editor.label\"\n placeholder=\"Label\" />\n </mat-form-field>\n <mat-form-field>\n <input matInput\n type=\"url\"\n [(ngModel)]=\"$editor.value\"\n placeholder=\"Url\" />\n </mat-form-field>\n</ng-template>\n<ng-template key=\"filter-cell-bool.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n <mat-checkbox *ngIf=\"$cell.column.canFilter\"\n aria-label=\"Bool cell filter\"\n class=\"q-grid-checkbox\"\n #input\n [value]=\"$view.filter.value($cell.column.model)\"\n (change)=\"$view.filter.column.execute($cell.column.model, input.checked)\">\n </mat-checkbox>\n</ng-template>\n<ng-template key=\"filter-cell-currency.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n <mat-form-field *ngIf=\"$cell.column.canFilter\"\n floatLabel=\"never\">\n <mat-placeholder>\n <mat-icon class=\"q-grid-icon q-grid-placeholder\">filter_list</mat-icon>\n </mat-placeholder>\n <input type=\"number\"\n matInput\n #input\n [value]=\"$view.filter.value($cell.column.model)\"\n (change)=\"$view.filter.column.execute($cell.column.model, input.value)\" />\n <mat-icon *ngIf=\"!!$view.filter.value($cell.column.model)\"\n (click)=\"$view.filter.column.execute($cell.column.model, null)\"\n class=\"q-grid-icon q-grid-close\"\n matSuffix>\n close\n </mat-icon>\n </mat-form-field>\n</ng-template>\n<ng-template key=\"filter-cell-date.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n <ng-container *ngIf=\"$cell.column.canFilter\">\n <mat-form-field *q-grid-date=\"let qGridDate\"\n [q-grid-date-adapter]=\"$cell.column.format\"\n [ngClass]=\"{'mat-form-field-invalid': !qGridDate.isValid(input.value, $cell.column.format)}\"\n floatLabel=\"never\">\n <mat-placeholder>\n <mat-icon class=\"q-grid-icon q-grid-placeholder\">\n filter_list\n </mat-icon>\n </mat-placeholder>\n\n <input matInput\n #input\n [matDatepicker]=\"picker\"\n [q-grid-date-mask]=\"$cell.column.format\"\n [value]=\"$view.filter.value($cell.column.model) | qGridConvert: 'date'\"\n (dateChange)=\"$view.filter.column.execute($cell.column.model, qGridDate.dateLow($event.value, $cell.column.format))\"\n (input)=\"qGridDate.isValid(input.value, $cell.column.format) &&\n $view.filter.column.execute($cell.column.model, qGridDate.dateLow(input.value, $cell.column.format))\" />\n <mat-datepicker-toggle matSuffix\n [for]=\"picker\">\n </mat-datepicker-toggle>\n <mat-icon *ngIf=\"!!$view.filter.value($cell.column.model)\"\n (click)=\"$view.filter.column.execute($cell.column.model, null)\"\n class=\"q-grid-icon q-grid-close\"\n matSuffix>\n close\n </mat-icon>\n <mat-datepicker #picker></mat-datepicker>\n </mat-form-field>\n </ng-container>\n</ng-template>\n<ng-template key=\"filter-cell-datetime.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n <ng-container *ngIf=\"$cell.column.canFilter\">\n <mat-form-field *q-grid-date=\"let qGridDate\"\n [q-grid-date-adapter]=\"$cell.column.dateFormat\"\n [ngClass]=\"{'mat-form-field-invalid': !qGridDate.isValid(input.value, $cell.column.dateFormat)}\"\n floatLabel=\"never\">\n <mat-placeholder>\n <mat-icon class=\"q-grid-icon q-grid-placeholder\">\n filter_list\n </mat-icon>\n </mat-placeholder>\n\n <input matInput\n #input\n [matDatepicker]=\"picker\"\n [q-grid-date-mask]=\"$cell.column.dateFormat\"\n [value]=\"$view.filter.value($cell.column.model) | qGridConvert: 'date'\"\n (dateChange)=\"$view.filter.column.execute($cell.column.model, qGridDate.dateLow($event.value, $cell.column.dateFormat))\"\n (input)=\"qGridDate.isValid(input.value, $cell.column.dateFormat) &&\n $view.filter.column.execute($cell.column.model, qGridDate.dateLow(input.value, $cell.column.dateFormat))\" />\n <mat-datepicker-toggle matSuffix\n [for]=\"picker\">\n </mat-datepicker-toggle>\n <mat-icon *ngIf=\"!!$view.filter.value($cell.column.model)\"\n (click)=\"$view.filter.column.execute($cell.column.model, null)\"\n class=\"q-grid-icon q-grid-close\"\n matSuffix>\n close\n </mat-icon>\n <mat-datepicker #picker></mat-datepicker>\n </mat-form-field>\n </ng-container>\n</ng-template>\n<ng-template key=\"filter-cell-number.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n <mat-form-field *ngIf=\"$cell.column.canFilter\"\n floatLabel=\"never\">\n <mat-placeholder>\n <mat-icon class=\"q-grid-icon q-grid-placeholder\"> filter_list</mat-icon>\n </mat-placeholder>\n <input type=\"number\"\n matInput\n #input\n [value]=\"$view.filter.value($cell.column.model)\"\n (change)=\"$view.filter.column.execute($cell.column.model, input.value)\" />\n <mat-icon *ngIf=\"!!$view.filter.value($cell.column.model)\"\n (click)=\"$view.filter.column.execute($cell.column.model, null)\"\n class=\"q-grid-icon q-grid-close\"\n matSuffix>\n close\n </mat-icon>\n </mat-form-field>\n</ng-template>\n<ng-template key=\"filter-cell-text.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n <mat-form-field *ngIf=\"$cell.column.canFilter\"\n floatLabel=\"never\">\n <mat-placeholder>\n <mat-icon class=\"q-grid-icon q-grid-placeholder\"> filter_list</mat-icon>\n </mat-placeholder>\n <input type=\"search\"\n matInput\n #input\n [value]=\"$view.filter.value($cell.column.model)\"\n (change)=\"$view.filter.column.execute($cell.column.model, input.value)\" />\n <mat-icon *ngIf=\"!!$view.filter.value($cell.column.model)\"\n (click)=\"$view.filter.column.execute($cell.column.model, null)\"\n class=\"q-grid-icon q-grid-close\"\n matSuffix>\n close\n </mat-icon>\n </mat-form-field>\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-group.tpl.html\"\n let-$cell\n let-$view=\"$view\">\n <label tabindex=\"-1\"\n [matTooltip]=\"$cell.column.description\"\n [matTooltipShowDelay]=\"800\"\n [q-grid-command]=\"$view.group.toggleAllStatus\">\n {{$cell.column.title}}\n </label>\n</ng-template>\n<ng-template key=\"head-cell-select.tpl.html\"\n let-$view=\"$view\">\n <ng-container [q-grid-dirty]=\"$view.selection.stateCheck\">\n <mat-checkbox *ngIf=\"$view.selection.mode !== 'singleOnly'\"\n [indeterminate]=\"$view.selection.isIndeterminate()\"\n [checked]=\"$view.selection.state()\"\n [disabled]=\"!$view.selection.toggleRow.canExecute()\"\n (change)=\"$view.selection.toggleRow.execute()\"\n tabindex=\"-1\"\n aria-label=\"Select all\"\n class=\"q-grid-checkbox\">\n </mat-checkbox>\n </ng-container>\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 [matTooltip]=\"$cell.column.description\"\n [matTooltipShowDelay]=\"800\">\n {{$cell.column.title}}\n </label>\n </q-grid-column-sort>\n <label *ngIf=\"!$cell.column.canSort\"\n [matTooltip]=\"$cell.column.description\"\n [matTooltipShowDelay]=\"800\">\n {{$cell.column.title}}\n </label>\n <q-grid-column-filter-trigger class=\"q-grid-column-filter-trigger\"\n *ngIf=\"$cell.column.canFilter\"\n [column]=\"$cell.column\">\n </q-grid-column-filter-trigger>\n</ng-template>\n<ng-template key=\"plugin-action-bar.tpl.html\"\n let-$actionBar>\n <div class=\"q-grid-layout-row\">\n <div class=\"q-grid-flex-100 q-grid-layout-row q-grid-layout-align-start-center\"></div>\n <div class=\"q-grid-actions q-grid-flex-none q-grid-layout-row q-grid-layout-align-end-center\">\n <q-grid-action-core\n *ngFor=\"let action of $actionBar.actions\"\n [action]=\"action\">\n </q-grid-action-core>\n </div>\n </div>\n</ng-template>\n<ng-template key=\"plugin-action-core.tpl.html\"\n let-$action>\n <div class=\"q-grid-action\"\n [ngSwitch]=\"$action.mode\">\n <ng-container *ngSwitchCase=\"'template'\"\n [key]=\"$action.templateUrl\"\n [context]=\"{$implicit: $action}\">\n </ng-container>\n\n <button *ngSwitchCase=\"'icon'\"\n mat-icon-button\n [q-grid-command]=\"$action.command\"\n [q-grid-command-use-shortcut]=\"true\"\n [matTooltip]=\"$action.title + ($action.command.shortcut ? ' (' + ($action.command.shortcut | uppercase) + ')' : '')\"\n [matTooltipShowDelay]=\"800\"\n tabindex=\"-1\">\n <mat-icon>{{$action.icon}}</mat-icon>\n </button>\n\n <button *ngSwitchCase=\"'text'\"\n mat-button\n [q-grid-command]=\"$action.command\"\n [q-grid-command-use-shortcut]=\"true\"\n tabindex=\"-1\">\n {{$action.title + ($action.command.shortcut ? ' (' +\n ($action.command.shortcut | uppercase) + ')' : '')}}\n </button>\n\n <ng-container *ngSwitchDefault\n [q-grid-command]=\"$action.command\"\n [q-grid-command-use-shortcut]=\"true\">\n </ng-container>\n </div>\n</ng-template>\n<ng-template key=\"plugin-autocomplete-editor.tpl.html\"\n let-$editor>\n <mat-form-field>\n <input type=\"text\"\n #input\n q-grid-focus\n matInput\n placeholder=\"Pick a {{$editor.title}}\"\n [(ngModel)]=\"$editor.value\"\n (ngModelChange)=\"$editor.filter(input.value)\"\n [matAutocomplete]=\"autocomplete\" />\n </mat-form-field>\n <mat-autocomplete #autocomplete=\"matAutocomplete\"\n [displayWith]=\"$editor.itemLabelFactory($editor.cell.column)\">\n <mat-option *ngFor=\"let option of $editor.options\"\n [value]=\"option\"\n q-grid-stop-propagate=\"mousedown\">\n {{option | qGridItemLabel :\n $editor.itemLabelFactory($editor.cell.column)}}\n </mat-option>\n </mat-autocomplete>\n</ng-template>\n<ng-template key=\"plugin-backdrop.tpl.html\"\n let-$backdrop>\n <div class=\"q-grid-backdrop\">\n <ng-container *ngTemplateOutlet=\"$backdrop.template\"></ng-container>\n </div>\n</ng-template>\n<ng-template key=\"plugin-bool-editor.tpl.html\"\n let-$editor>\n <mat-checkbox #checkbox\n aria-label=\"Bool cell edit\"\n class=\"q-grid-checkbox\"\n [q-grid-focus]=\"checkbox\"\n [q-grid-focus-disabled]=\"!$editor.autofocus\"\n [checked]=\"$editor.isChecked\"\n (change)=\"$editor.isChecked = $event.checked\">\n {{$editor.label}}\n </mat-checkbox>\n</ng-template>\n<ng-template key=\"plugin-caption.tpl.html\"\n let-$caption>\n <h3 class=\"mat-card-title\">{{$caption.value}}</h3>\n</ng-template>\n<ng-template key=\"plugin-cell-editor.tpl.html\"\n let-$editor>\n <q-grid-backdrop (close)=\"$editor.close($event)\"></q-grid-backdrop>\n\n <div class=\"q-grid-editor-content\"\n [q-grid-stop-propagate]=\"['click', 'mousedown', 'mouseup']\">\n <ng-container *ngTemplateOutlet=\"$editor.template\"></ng-container>\n </div>\n</ng-template>\n<ng-template key=\"plugin-column-chooser-trigger.tpl.html\">\n <button mat-icon-button\n tabindex=\"-1\"\n #trigger=\"matMenuTrigger\"\n [matMenuTriggerFor]=\"menu\"\n aria-label=\"Column chooser\">\n <mat-icon class=\"q-grid-icon\">more_vert</mat-icon>\n </button>\n\n <mat-menu #menu=\"matMenu\"\n class=\"q-grid-column-chooser q-grid-menu\">\n <q-grid-column-chooser q-grid-menu\n q-grid-theme-overlay\n *ngIf=\"trigger.menuOpen\"\n (cancel)=\"trigger.closeMenu()\"\n (submit)=\"trigger.closeMenu()\">\n </q-grid-column-chooser>\n </mat-menu>\n</ng-template>\n<ng-template key=\"column-chooser.tpl.html\"\n let-$columnChooser\n let-$plugin=\"plugin\">\n <mat-card class=\"mat-elevation-z\">\n <mat-card-header>\n <mat-card-title>Columns Filter</mat-card-title>\n </mat-card-header>\n <mat-card-content>\n <div class=\"q-grid-flex-none q-grid-layout-row\">\n <mat-form-field class=\"q-grid-column-chooser-filter\">\n <input type=\"search\"\n placeholder=\"Find in the list\"\n matInput\n (input)=\"$columnChooser.search($columnChooser.searchText)\"\n [(ngModel)]=\"$columnChooser.searchText\"\n q-grid-focus />\n </mat-form-field>\n </div>\n <div class=\"q-grid-flex q-grid-layout-column\">\n <ul class=\"q-grid-column-chooser-toolbar\">\n <li>\n <mat-checkbox [checked]=\"$columnChooser.stateAll()\"\n (change)=\"$columnChooser.toggleAll.execute()\"\n [indeterminate]=\"$columnChooser.isIndeterminate()\">\n Select All\n </mat-checkbox>\n </li>\n <li>\n <mat-checkbox [checked]=\"$columnChooser.stateDefault()\"\n (change)=\"$columnChooser.defaults.execute()\">\n Select Defaults\n </mat-checkbox>\n </li>\n </ul>\n <div class=\"q-grid-column-chooser-list\">\n <ng-container key=\"column-chooser-node.tpl.html\"\n [context]=\"$plugin.root()\">\n </ng-container>\n </div>\n </div>\n </mat-card-content>\n <mat-card-actions>\n <button mat-button\n [q-grid-command]=\"$columnChooser.cancel\">\n Cancel\n </button>\n <button mat-button\n color=\"primary\"\n [q-grid-command]=\"$columnChooser.submit\">\n Apply\n </button>\n </mat-card-actions>\n </mat-card>\n</ng-template>\n\n<ng-template key=\"column-chooser-node.tpl.html\"\n let-$context>\n <ul>\n <ng-container *ngFor=\"let node of $context.node.children\">\n <li *ngIf=\"$context.ctrl.toggle.canExecute(node)\"\n [q-grid-drop]=\"$context.ctrl.drop\"\n [q-grid-drop-data]=\"node\"\n [q-grid-drag-over]=\"$context.ctrl.drop\"\n q-grid-drop-area=\"column-chooser\"\n q-grid-drag-direction=\"y\">\n <div [q-grid-drag]=\"$context.ctrl.drag\"\n [q-grid-drag-data]=\"node\"\n q-grid-drop-area=\"column-chooser\">\n <mat-icon class=\"q-grid-icon\">drag_indicator</mat-icon>\n </div>\n <mat-checkbox [checked]=\"$context.ctrl.state(node)\"\n (change)=\"$context.ctrl.toggle.execute(node)\"\n aria-label=\"Selection\">\n <span [innerHTML]=\"node.value.column.title | qGridHighlight: $context.ctrl.searchText\"></span>\n </mat-checkbox>\n </li>\n <ng-container key=\"column-chooser-node.tpl.html\"\n [context]=\"{$implicit: {ctrl: $context.ctrl, node: node}}\">\n </ng-container>\n </ng-container>\n </ul>\n</ng-template>\n<ng-template key=\"plugin-column-filter-between.tpl.html\"\n let-$columnFilter\n let-$plugin=\"plugin\"\n let-$vscroll=\"vscroll\">\n <q-grid-tab-trap>\n <mat-form-field class=\"q-grid-column-filter-input q-grid-column-filter-input-half\">\n <input matInput\n placeholder=\"From\"\n [(ngModel)]=\"$columnFilter.value[0]\"\n [type]=\"$columnFilter.column.type\"\n q-grid-focus />\n </mat-form-field>\n\n <mat-form-field class=\"q-grid-column-filter-input q-grid-column-filter-input-half\">\n <input matInput\n placeholder=\"To\"\n [(ngModel)]=\"$columnFilter.value[1]\"\n [type]=\"$columnFilter.column.type\" />\n </mat-form-field>\n </q-grid-tab-trap>\n</ng-template>\n<ng-template key=\"plugin-column-filter-by.tpl.html\"\n let-$by>\n <ul [q-grid-column-filter-item-list]=\"$by.column\">\n <li *ngFor=\"let item of $by.by\">\n <div class=\"q-grid-filter-by\">\n <div class=\"q-grid-filter-by-item\">\n <ng-container [q-grid-column-filter-item]=\"item\"></ng-container>\n </div>\n <div class=\"q-grid-filter-by-remove\"\n (click)=\"$by.remove(item)\">\n <mat-icon class=\"q-grid-icon\">clear</mat-icon>\n </div>\n </div>\n </li>\n <li *ngIf=\"$by.isBlanks\">\n <div class=\"q-grid-filter-by\">\n <div class=\"q-grid-filter-by-item\">(Blanks)</div>\n <div class=\"q-grid-filter-by-remove\"\n (click)=\"$by.removeByBlanks()\">\n <mat-icon class=\"q-grid-icon\">clear</mat-icon>\n </div>\n </div>\n </li>\n </ul>\n</ng-template>\n<ng-template key=\"plugin-column-filter-contains.tpl.html\"\n let-$columnFilter\n let-$plugin=\"plugin\"\n let-$vscroll=\"vscroll\">\n <mat-form-field class=\"q-grid-column-filter-input\">\n <input matInput\n placeholder=\"Find in the list\"\n [(ngModel)]=\"$plugin.search\"\n (input)=\"$plugin.reset()\"\n q-grid-focus />\n </mat-form-field>\n\n <ul class=\"q-grid-column-filter-toolbar\">\n <li>\n <mat-checkbox [checked]=\"$columnFilter.stateAll()\"\n (change)=\"$columnFilter.toggleAll.execute($plugin.search)\"\n [indeterminate]=\"$columnFilter.isIndeterminate()\">\n Select All\n </mat-checkbox>\n </li>\n </ul>\n <div [ngSwitch]=\"$columnFilter.isEmpty()\"\n class=\"q-grid-column-filter-by\">\n <ng-container *ngSwitchCase=\"false\">\n <div class=\"q-grid-column-filter-by-blank\">NO SELECTED FILTERS</div>\n </ng-container>\n <ng-container *ngSwitchCase=\"true\">\n <q-grid-column-filter-by [by]=\"$columnFilter.by\"\n [(byBlanks)]=\"$columnFilter.byBlanks\"\n [column]=\"$plugin.column\">\n </q-grid-column-filter-by>\n </ng-container>\n </div>\n <div class=\"q-grid-column-filter-list\"\n [q-grid-column-filter-item-list]=\"$plugin.column\"\n [q-grid-column-filter-search]=\"$plugin.search\"\n q-grid-vscroll>\n <ul [q-grid-vscroll-port-y]=\"$vscroll\">\n <li *ngFor=\"let item of $columnFilter.items | qGridVscroll$: $vscroll | async; let $index = index; trackBy: $vscroll.id\"\n [q-grid-vscroll-row]=\"$index\">\n <mat-checkbox [checked]=\"$columnFilter.state(item)\"\n *ngIf=\"$columnFilter.toggle.canExecute(item)\"\n (change)=\"$columnFilter.toggle.execute(item)\"\n aria-label=\"Select filter value\">\n <ng-container [q-grid-column-filter-item]=\"item\"></ng-container>\n </mat-checkbox>\n </li>\n <li>\n <mat-checkbox *ngIf=\"$columnFilter.hasBlanks\"\n [(ngModel)]=\"$columnFilter.byBlanks\"\n aria-label=\"Select blanks\">\n <span [innerHTML]=\"'(Blanks)' | qGridHighlight: $plugin.search\"></span>\n </mat-checkbox>\n </li>\n </ul>\n </div>\n</ng-template>\n<ng-template key=\"plugin-column-filter-date-between.tpl.html\"\n let-$columnFilter\n let-$plugin=\"plugin\"\n let-$vscroll=\"vscroll\">\n <q-grid-tab-trap>\n <mat-form-field class=\"q-grid-column-filter-input q-grid-column-filter-input-half\"\n *q-grid-date=\"let qGridDate\"\n [q-grid-date-adapter]=\"$columnFilter.column.format\"\n [ngClass]=\"{'mat-form-field-invalid': !qGridDate.isValid(inputLeft.value, $columnFilter.column.format)}\">\n <input q-grid-focus\n matInput\n #inputLeft\n placeholder=\"From\"\n [q-grid-date-mask]=\"$columnFilter.column.format\"\n [matDatepicker]=\"leftPicker\"\n [value]=\"$columnFilter.value[0] | qGridConvert: 'date'\"\n (dateChange)=\"$columnFilter.value[0] = qGridDate.dateLow($event.value)\"\n (input)=\"qGridDate.isValid(inputLeft.value, $columnFilter.column.format) &&\n ($columnFilter.value[0] = qGridDate.dateLow(inputLeft.value, $columnFilter.column.format))\" />\n\n <mat-datepicker-toggle matSuffix\n [for]=\"leftPicker\">\n </mat-datepicker-toggle>\n\n <mat-datepicker #leftPicker></mat-datepicker>\n </mat-form-field>\n\n <mat-form-field class=\"q-grid-column-filter-input q-grid-column-filter-input-half\"\n *q-grid-date=\"let qGridDate\"\n [q-grid-date-adapter]=\"$columnFilter.column.format\"\n [ngClass]=\"{'mat-form-field-invalid': !qGridDate.isValid(inputRight.value, $columnFilter.column.format)}\">\n <input matInput\n #inputRight\n placeholder=\"To\"\n [q-grid-date-mask]=\"$columnFilter.column.format\"\n [matDatepicker]=\"rightPicker\"\n [value]=\"$columnFilter.value[1] | qGridConvert: 'date'\"\n (dateChange)=\"$columnFilter.value[1] = qGridDate.dateLow($event.value)\"\n (input)=\"qGridDate.isValid(inputRight.value, $columnFilter.column.format) &&\n ($columnFilter.value[1] = qGridDate.dateLow(inputRight.value, $columnFilter.column.format))\" />\n\n <mat-datepicker-toggle matSuffix\n [for]=\"rightPicker\">\n </mat-datepicker-toggle>\n\n <mat-datepicker #rightPicker></mat-datepicker>\n </mat-form-field>\n </q-grid-tab-trap>\n</ng-template>\n<ng-template key=\"plugin-column-filter-date-input.tpl.html\"\n let-$columnFilter\n let-$plugin=\"plugin\"\n let-$vscroll=\"vscroll\">\n <mat-form-field class=\"q-grid-column-filter-input\"\n *q-grid-date=\"let qGridDate\"\n [q-grid-date-adapter]=\"$columnFilter.column.format\"\n [ngClass]=\"{'mat-form-field-invalid': !qGridDate.isValid(input.value, $columnFilter.column.format)}\">\n <input #input\n q-grid-focus\n matInput\n [q-grid-date-mask]=\"$columnFilter.column.format\"\n [placeholder]=\"$columnFilter.operator | qGridText : 'fromCamelCase'\"\n [matDatepicker]=\"picker\"\n [value]=\"$columnFilter.value | qGridConvert: 'date'\"\n (dateChange)=\"$columnFilter.value = qGridDate.dateLow($event.value)\"\n (input)=\"qGridDate.isValid(input.value, $columnFilter.column.format) &&\n ($columnFilter.value = qGridDate.dateLow(input.value, $columnFilter.column.format))\" />\n\n <mat-datepicker-toggle matSuffix\n [for]=\"picker\">\n </mat-datepicker-toggle>\n\n <mat-datepicker #picker></mat-datepicker>\n </mat-form-field>\n</ng-template>\n<ng-template key=\"plugin-column-filter-datetime-between.tpl.html\"\n let-$columnFilter\n let-$plugin=\"plugin\"\n let-$vscroll=\"vscroll\">\n <q-grid-tab-trap>\n <div>\n <mat-form-field class=\"q-grid-column-filter-input q-grid-column-filter-input-half\"\n *q-grid-date=\"let qGridDate\"\n [q-grid-date-adapter]=\"$columnFilter.column.dateFormat\"\n [ngClass]=\"{'mat-form-field-invalid': !qGridDate.isValid(inputDateLeft.value, $columnFilter.column.format)}\">\n <input q-grid-focus\n matInput\n #inputDateLeft\n [matDatepicker]=\"leftPicker\"\n placeholder=\"from\"\n [q-grid-date-mask]=\"$columnFilter.column.dateFormat\"\n [value]=\"$columnFilter.value[0] | qGridConvert: 'datetime'\"\n (dateChange)=\"$columnFilter.value[0] = qGridDate.datetime($columnFilter.value[0],\n $event.value, $columnFilter.column.dateFormat)\"\n (input)=\"qGridDate.isValid(inputDateLeft.value, $columnFilter.column.format) &&\n ($columnFilter.value[0] = qGridDate.datetime($columnFilter.value[0], inputDateLeft.value, $columnFilter.column.format))\" />\n\n <mat-datepicker-toggle matSuffix\n [for]=\"leftPicker\">\n </mat-datepicker-toggle>\n\n <mat-datepicker #leftPicker></mat-datepicker>\n </mat-form-field>\n\n <mat-form-field *q-grid-time=\"let qGridTime\"\n class=\"q-grid-column-filter-input q-grid-column-filter-input-half\">\n <input matInput\n type=\"time\"\n #inputTimeLeft\n [value]=\"$columnFilter.value[0] | qGridTime: 'HH:mm'\"\n (change)=\"$columnFilter.value[0] = qGridTime.time($columnFilter.value[0], inputTimeLeft.value)\" />\n </mat-form-field>\n </div>\n\n <div>\n <mat-form-field class=\"q-grid-column-filter-input q-grid-column-filter-input-half\"\n *q-grid-date=\"let qGridDate\"\n [q-grid-date-adapter]=\"$columnFilter.column.dateFormat\"\n [ngClass]=\"{'mat-form-field-invalid': !qGridDate.isValid(inputDateRight.value, $columnFilter.column.format)}\">\n <input q-grid-focus\n matInput\n #inputDateRight\n [matDatepicker]=\"rightPicker\"\n placeholder=\"to\"\n [q-grid-date-mask]=\"$columnFilter.column.dateFormat\"\n [value]=\"$columnFilter.value[1] | qGridConvert: 'datetime'\"\n (dateChange)=\"$columnFilter.value[1] = qGridDate.datetime($columnFilter.value[1],\n $event.value, $columnFilter.column.dateFormat)\"\n (input)=\"qGridDate.isValid(inputDateRight.value, $columnFilter.column.format) &&\n ($columnFilter.value[1] = qGridDate.datetime($columnFilter.value[1],\n inputDateRight.value, $columnFilter.column.format))\" />\n\n <mat-datepicker-toggle matSuffix\n [for]=\"rightPicker\">\n </mat-datepicker-toggle>\n\n <mat-datepicker #rightPicker></mat-datepicker>\n </mat-form-field>\n\n <mat-form-field *q-grid-time=\"let qGridTime\"\n class=\"q-grid-column-filter-input q-grid-column-filter-input-half\">\n <input matInput\n type=\"time\"\n #inputTimeRight\n [value]=\"$columnFilter.value[1] | qGridTime: 'HH:mm'\"\n (change)=\"$columnFilter.value[1] = qGridTime.time($columnFilter.value[1], inputTimeRight.value)\" />\n </mat-form-field>\n </div>\n </q-grid-tab-trap>\n</ng-template>\n<ng-template key=\"plugin-column-filter-datetime-input.tpl.html\"\n let-$columnFilter\n let-$plugin=\"plugin\"\n let-$vscroll=\"vscroll\">\n <q-grid-tab-trap>\n <mat-form-field *q-grid-date=\"let qGridDate\"\n class=\"q-grid-column-filter-input q-grid-column-filter-input-half\"\n [q-grid-date-adapter]=\"$columnFilter.column.dateFormat\"\n [ngClass]=\"{'mat-form-field-invalid': !qGridDate.isValid(input.value, $columnFilter.column.dateFormat)}\">\n <input q-grid-focus\n matInput\n #input\n [q-grid-date-mask]=\"$columnFilter.column.dateFormat\"\n [placeholder]=\"$columnFilter.operator | qGridText : 'fromCamelCase'\"\n [matDatepicker]=\"picker\"\n [value]=\"$columnFilter.value | qGridConvert: 'date'\"\n (dateChange)=\"$columnFilter.value = qGridDate.datetime($columnFilter.value, $event.value, $columnFilter.column.dateFormat)\"\n (input)=\"qGridDate.isValid(input.value, $columnFilter.column.dateFormat) &&\n ($columnFilter.value = qGridDate.datetime($columnFilter.value, input.value, $columnFilter.column.dateFormat))\" />\n\n <mat-datepicker-toggle matSuffix\n [for]=\"picker\">\n </mat-datepicker-toggle>\n\n <mat-datepicker #picker></mat-datepicker>\n </mat-form-field>\n <mat-form-field *q-grid-time=\"let qGridTime\"\n class=\"q-grid-column-filter-input q-grid-column-filter-input-half\">\n <input matInput\n type=\"time\"\n #input\n [value]=\"$columnFilter.value | qGridTime: 'HH:mm'\"\n (change)=\"$columnFilter.value = qGridTime.time($columnFilter.value, input.value)\" />\n </mat-form-field>\n </q-grid-tab-trap>\n</ng-template>\n<ng-template key=\"plugin-column-filter-input.tpl.html\"\n let-$columnFilter\n let-$plugin=\"plugin\"\n let-$vscroll=\"vscroll\">\n <mat-form-field class=\"q-grid-column-filter-input\">\n <input matInput\n [type]=\"$columnFilter.column.type\"\n [placeholder]=\"$columnFilter.operator | qGridText : 'fromCamelCase'\"\n [(ngModel)]=\"$columnFilter.value\"\n q-grid-focus />\n </mat-form-field>\n</ng-template>\n<ng-template key=\"plugin-column-filter-label.tpl.html\"\n let-$columnFilter\n let-$plugin=\"plugin\"\n let-$vscroll=\"vscroll\">\n <mat-form-field class=\"q-grid-column-filter-input\">\n <input matInput\n [placeholder]=\"$columnFilter.operator | qGridText : 'fromCamelCase'\"\n disabled />\n </mat-form-field>\n</ng-template>\n<ng-template key=\"plugin-column-filter-trigger.tpl.html\"\n let-$columnFilterTrigger>\n <button mat-icon-button\n tabindex=\"-1\"\n #trigger=\"matMenuTrigger\"\n [matMenuTriggerFor]=\"menu\"\n aria-label=\"Column filter\">\n <mat-icon class=\"q-grid-icon\">filter_list</mat-icon>\n </button>\n <mat-menu #menu=\"matMenu\"\n class=\"q-grid-column-filter q-grid-menu\">\n <q-grid-column-filter q-grid-menu\n q-grid-theme-overlay\n *ngIf=\"trigger.menuOpen\"\n [column]=\"$columnFilterTrigger.column\"\n (cancel)=\"trigger.closeMenu()\"\n (submit)=\"trigger.closeMenu()\">\n </q-grid-column-filter>\n </mat-menu>\n</ng-template>\n<ng-template key=\"plugin-column-filter.tpl.html\"\n let-$columnFilter\n let-$plugin=\"plugin\"\n let-$vscroll=\"vscroll\">\n <mat-card class=\"mat-elevation-z\">\n <mat-card-header>\n <mat-card-title> {{$columnFilter.title}} Filter </mat-card-title>\n </mat-card-header>\n <mat-card-content>\n <div class=\"q-grid-column-filter-{{$columnFilter.operator}}\"\n [ngClass]=\"{ 'q-grid-column-filter-with-operators' : $plugin.hasOperators }\">\n <mat-select class=\"q-grid-column-filter-operator-select\"\n *ngIf=\"$plugin.hasOperators\"\n [(value)]=\"$columnFilter.operator\"\n (selectionChange)=\"$plugin.reset(); $columnFilter.changeOperator.execute($columnFilter.operator)\">\n <mat-select-trigger>\n <mat-icon class=\"q-grid-icon\">more_vert</mat-icon>\n </mat-select-trigger>\n <mat-option *ngFor=\"let op of $plugin.operators\"\n [value]=\"op\">\n {{ op | qGridText : 'fromCamelCase' }}\n </mat-option>\n </mat-select>\n\n <ng-container [key]=\"$plugin.getOperatorTemplateKey($columnFilter.operator)\"\n [context]=\"{\n $implicit: $columnFilter,\n plugin: $plugin,\n vscroll: $vscroll\n }\">\n </ng-container>\n </div>\n </mat-card-content>\n <mat-card-actions>\n <button mat-button\n [q-grid-command]=\"$columnFilter.cancel\">\n Cancel\n </button>\n <button mat-button\n *ngIf=\"$columnFilter.operator !== 'isEmpty' && $columnFilter.operator !== 'isNotEmpty'\"\n (click)=\"$plugin.clear()\">\n Clear\n </button>\n <button mat-button\n color=\"primary\"\n [q-grid-command]=\"$columnFilter.submit\">\n Apply\n </button>\n </mat-card-actions>\n </mat-card>\n</ng-template>\n<ng-template key=\"plugin-column-sort.tpl.html\"\n let-$columnSort>\n <mat-icon class=\"q-grid-icon q-grid-asc\">arrow_upward</mat-icon>\n <mat-icon class=\"q-grid-icon q-grid-desc\">arrow_downward</mat-icon>\n <ng-container *ngTemplateOutlet=\"$columnSort.template\"></ng-container>\n</ng-template>\n<ng-template key=\"plugin-eb-autocomplete.tpl.html\"\n let-$expr>\n <mat-form-field floatLabel=\"never\"\n q-grid-autosize=\"input\"\n [q-grid-autosize-value]=\"$expr.value\"\n [q-grid-eb-class]=\"$expr.classes\"\n [q-grid-eb-class-model]=\"$expr\"\n matTooltip=\"{{$expr.state && $expr.state.join(', ')}}\"\n matTooltipPosition=\"after\"\n matTooltipShowDelay=\"800\"\n matTooltipClass=\"q-grid-query-builder-error-tooltip\">\n <input matInput\n #input=\"matAutocompleteTrigger\"\n [(ngModel)]=\"$expr.value\"\n (click)=\"$expr.refresh && $expr.refresh() && input.openPanel()\"\n (input)=\"$expr.change && $expr.change();$expr.refresh && $expr.refresh()\"\n (optionSelected)=\"$expr.change && $expr.change()\"\n [placeholder]=\"$expr.placeholderText\"\n [matAutocomplete]=\"autocomplete\" />\n\n <mat-autocomplete #autocomplete=\"matAutocomplete\"\n (q-grid-backdrop)=\"input.closePanel()\"\n [q-grid-backdrop-active]=\"autocomplete.isOpen\"\n q-grid-backdrop-selector=\".mat-autocomplete-panel\">\n <mat-option *ngFor=\"let option of $expr.options | async\"\n [value]=\"option\">\n {{option}}\n </mat-option>\n </mat-autocomplete>\n </mat-form-field>\n</ng-template>\n<ng-template key=\"plugin-eb-button.tpl.html\"\n let-$expr>\n <button mat-button\n class=\"q-grid-query-builder-button\"\n (click)=\"$expr.click && $expr.click($event)\"\n [ngClass]=\"$expr.classes\">\n {{$expr.text}}\n </button>\n</ng-template>\n<ng-template key=\"plugin-eb-icon-button.tpl.html\"\n let-$expr>\n <button class=\"q-grid-query-builder-icon-button\"\n (click)=\"$expr.click && $expr.click($event)\"\n [ngClass]=\"$expr.classes\"\n mat-icon-button>\n <mat-icon class=\"q-grid-icon\">{{ $expr.icon }}</mat-icon>\n </button>\n</ng-template>\n<ng-template key=\"plugin-eb-input.tpl.html\"\n let-$expr>\n <mat-form-field floatLabel=\"never\"\n q-grid-autosize=\"input\"\n [q-grid-autosize-value]=\"$expr.value\"\n [q-grid-eb-class]=\"$expr.classes\"\n [q-grid-eb-class-model]=\"$expr\"\n matTooltip=\"{{$expr.state && $expr.state.join(', ')}}\"\n matTooltipPosition=\"after\"\n matTooltipShowDelay=\"800\"\n matTooltipClass=\"q-grid-query-builder-error-tooltip\">\n <input matInput\n [(ngModel)]=\"$expr.value\"\n (input)=\"$expr.change && $expr.change();$expr.refresh && $expr.refresh()\"\n [placeholder]=\"$expr.placeholderText\" />\n </mat-form-field>\n</ng-template>\n<ng-template key=\"plugin-eb-label.tpl.html\"\n let-$expr>\n <label class=\"q-grid-query-builder-label\">{{$expr.text}}</label>\n</ng-template>\n<ng-template key=\"plugin-eb-multiselect.tpl.html\"\n let-$expr>\n <mat-chip-list #chipList\n class=\"q-grid-query-builder-multiselect\"\n [ngClass]=\"$expr.classes\">\n <mat-chip *ngFor=\"let value of $expr.values; let $index = index;\"\n class=\"mat-basic-chip\"\n selectable=\"false\"\n removable=\"true\"\n (removed)=\"$expr.values.splice($index, 1)\">\n {{value}}\n <mat-icon class=\"q-grid-icon\"\n matChipRemove>\n close\n </mat-icon>\n </mat-chip>\n </mat-chip-list>\n <mat-form-field [floatLabel]=\"'never'\">\n <input matInput\n #chipInput\n [placeholder]=\"$expr.placeholderText\"\n [matChipInputFor]=\"chipList\"\n matChipInputAddOnBlur=\"true\"\n (matChipInputTokenEnd)=\"$expr.add($event.value);$event.input.value = '';\" />\n </mat-form-field>\n</ng-template>\n<ng-template key=\"plugin-eb-select.tpl.html\"\n let-$expr>\n <mat-select [(value)]=\"$expr.value\"\n (selectionChange)=\"$expr.change && $expr.change($event)\"\n (openedChange)=\"$expr.open && $expr.open($event)\"\n [q-grid-eb-class]=\"$expr.classes\"\n [q-grid-eb-class-model]=\"$expr\">\n <mat-option *ngFor=\"let option of ($expr.options || $expr.getOptions())\"\n [value]=\"option\"\n [disabled]=\"$expr.disabled && $expr.disabled(option)\">\n <mat-icon *ngIf=\"$expr.icon\">{{$expr.icon(option)}}</mat-icon>\n {{($expr.getLabel && $expr.getLabel(option)) || option}}\n </mat-option>\n </mat-select>\n</ng-template>\n<ng-template key=\"plugin-edit-form-trigger.tpl.html\"\n let-$trigger>\n <button mat-icon-button\n class=\"q-grid-icon-button\"\n #trigger=\"matMenuTrigger\"\n [matMenuTriggerFor]=\"menu\"\n aria-label=\"Edit form\">\n <mat-icon class=\"q-grid-icon\">edit</mat-icon>\n </button>\n <mat-menu #menu=\"matMenu\"\n class=\"q-grid-edit-form q-grid-menu\">\n <q-grid-edit-form q-grid-menu\n *ngIf=\"trigger.menuOpen\"\n [caption]=\"$trigger.caption\"\n [row]=\"$trigger.row\"\n (cancel)=\"trigger.closeMenu()\"\n (submit)=\"trigger.closeMenu()\">\n </q-grid-edit-form>\n </mat-menu>\n</ng-template>\n<ng-template key=\"plugin-edit-form.tpl.html\"\n let-$editForm>\n <mat-card class=\"mat-elev\u0416ation-z q-grid-edit-form-card\"\n (keydown)=\"$event.stopPropagation()\">\n <mat-card-header>\n <mat-card-title> {{$editForm.caption}} </mat-card-title>\n </mat-card-header>\n <mat-card-content class=\"q-grid-edit-form-content\">\n <q-grid-edit-form-control *ngFor=\"let editor of $editForm.editors\"\n class=\"q-grid-edit-form-control\"\n [ngClass]=\"'q-grid-edit-form-control-' + (editor.cell.column.editor || editor.cell.column.type)\"\n [editor]=\"editor\">\n </q-grid-edit-form-control>\n </mat-card-content>\n <mat-card-actions>\n <button mat-button\n q-grid-focus\n [q-grid-command]=\"$editForm.cancel\">\n Cancel\n </button>\n <button mat-button\n color=\"primary\"\n [q-grid-command]=\"$editForm.submit\">\n Save\n </button>\n </mat-card-actions>\n </mat-card>\n</ng-template>\n<ng-template key=\"plugin-export.tpl.html\"\n let-$export>\n <div class=\"q-grid-export\">\n <button mat-button\n *ngIf=\"$export[$export.type]\"\n [q-grid-command]=\"$export[$export.type]\">\n <mat-icon class=\"q-grid-icon\">file_download</mat-icon>\n Export to {{$export.type}}\n </button>\n </div>\n</ng-template>\n<ng-template key=\"plugin-pager-target.tpl.html\"\n let-$target>\n <mat-menu #menu=\"matMenu\"\n class=\"q-grid-mat-menu\">\n <mat-card *ngIf=\"trigger.menuOpen\"\n [q-grid-stop-propagate]=\"['keydown', 'keypress', 'keyup']\">\n <mat-form-field>\n <input id=\"q-grid-menu-input\"\n matInput\n type=\"number\"\n #input\n (click)=\"$event.stopPropagation()\"\n [(ngModel)]=\"$target.value\"\n [max]=\"$target.total\"\n [min]=\"1\"\n q-grid-focus\n (keydown)=\"$target.keyDown($event)\"\n (keyup.enter)=\"trigger.closeMenu()\"\n placeholder=\"Go to page:\" />\n <mat-hint align=\"end\">\n {{$target.value}} / {{$target.total}}\n </mat-hint>\n </mat-form-field>\n </mat-card>\n </mat-menu>\n\n <button #trigger=\"matMenuTrigger\"\n [matMenuTriggerFor]=\"menu\"\n tabindex=\"-1\"\n mat-button\n (click)=\"$target.value = $target.current\"\n class=\"q-grid-pager-target-trigger mat-icon-button\">\n <mat-icon class=\"q-grid-icon-class\">location_searching</mat-icon>\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 <label class=\"q-grid-pager-page-size q-grid-hide-xs\">Rows per page:</label>\n <mat-select tabindex=\"-1\"\n aria-label=\"Page Size List\"\n class=\"q-grid-pager-page-size q-grid-hide-xs\"\n [panelClass]=\"$pager.theme\"\n [(value)]=\"$pager.size\">\n <mat-option *ngFor=\"let size of $pager.sizeList\"\n [value]=\"size\">\n {{size}}\n </mat-option>\n </mat-select>\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\"> No Rows </span>\n </span>\n <span *ngSwitchDefault>\n {{$pager.current + 1}} of {{$pager.totalPages}}\n </span>\n </label>\n <button tabindex=\"-1\"\n mat-button\n class=\"mat-icon-button q-grid-prev-page\"\n [q-grid-command]=\"$pager.prev\"\n [q-grid-command-use-shortcut]=\"true\"\n [matTooltip]=\"'Previous Page' + ' (' + ($pager.prev.shortcut | uppercase) + ')'\"\n [matTooltipShowDelay]=\"800\">\n <mat-icon class=\"q-grid-icon\">keyboard_arrow_left</mat-icon>\n </button>\n\n <q-grid-pager-target matTooltip=\"Select a Page\"\n [matTooltipShowDelay]=\"800\">\n </q-grid-pager-target>\n\n <button tabindex=\"-1\"\n mat-button\n class=\"mat-icon-button q-grid-next-page\"\n [q-grid-command]=\"$pager.next\"\n [q-grid-command-use-shortcut]=\"true\"\n [matTooltip]=\"'Next Page' + ' (' + ($pager.next.shortcut | uppercase) + ')'\"\n [matTooltipShowDelay]=\"800\">\n <mat-icon class=\"q-grid-icon\">keyboard_arrow_right</mat-icon>\n </button>\n </div>\n </div>\n</ng-template>\n<ng-template key=\"plugin-persistence-panel.tpl.html\"\n let-$persistence>\n <mat-card class=\"mat-elevation-z\">\n <mat-card-header>\n <mat-card-title>Save/Load</mat-card-title>\n </mat-card-header>\n <mat-card-content>\n <div class=\"q-grid-flex-none q-grid-layout-row\">\n <div class=\"q-grid-flex-100 q-grid-persistence-title\">\n <mat-form-field>\n <input matInput\n type=\"text\"\n q-grid-focus\n placeholder=\"Save As...\"\n [(ngModel)]=\"$persistence.title\" />\n </mat-form-field>\n </div>\n <div class=\"q-grid-flex-none q-grid-persistence-save\">\n <button mat-button\n color=\"primary\"\n [q-grid-command]=\"$persistence.create\">\n Save\n </button>\n </div>\n </div>\n <mat-list class=\"q-grid-persistence-list\">\n <mat-list-item [ngClass]=\"{'q-grid-persistence-selected': $persistence.isActive($persistence.blank)}\"\n class=\"q-grid-persistence-list-item\">\n <div class=\"q-grid-persistence-default-icon\"></div>\n <button mat-button\n matTooltip=\"No settings\"\n [q-grid-command]=\"$persistence.reset\">\n <mat-list dense>\n <mat-list-item>\n <h3 matLine>{{$persistence.blank.title}}</h3>\n <span matLine></span>\n </mat-list-item>\n </mat-list>\n </button>\n </mat-list-item>\n <ng-container *ngFor=\"let group of $persistence.groups\">\n <h3 mat-subheader>{{group.key}}</h3>\n <mat-list-item *ngFor=\"let item of group.items\"\n [ngClass]=\"{'q-grid-persistence-selected': $persistence.isActive(item)}\"\n class=\"q-grid-persistence-list-item\">\n <div class=\"q-grid-persistence-default-icon\">\n <mat-icon class=\"q-grid-icon\"\n *ngIf=\"item.isDefault\">\n star\n </mat-icon>\n </div>\n <button mat-button\n matTooltip=\"{{$persistence.stringify(item)}}\"\n *ngIf=\"$persistence.state.editItem !== item\"\n [q-grid-command]=\"$persistence.load\"\n [q-grid-command-arg]=\"item\">\n <mat-list dense>\n <mat-list-item>\n <h3 matLine>{{item.title}}</h3>\n <span matLine\n class=\"q-grid-selected-item-modified\">\n {{item.modified | qGridDate: 'MM/dd/yyyy h:mm a'}}\n </span>\n </mat-list-item>\n </mat-list>\n </button>\n <mat-form-field *ngIf=\"$persistence.state.editItem === item\"\n class=\"q-grid-persistence-item-edit\">\n <input matInput\n #input\n (blur)=\"$persistence.edit.commit.canExecute(item) && $persistence.edit.commit.execute(item)\"\n [(ngModel)]=\"item.title\"\n q-grid-focus />\n </mat-form-field>\n <div class=\"q-grid-more\">\n <button mat-button\n [matMenuTriggerFor]=\"menu\">\n <mat-icon>more_vert</mat-icon>\n </button>\n <mat-menu #menu=\"matMenu\">\n <button mat-menu-item\n [q-grid-command]=\"$persistence.setDefault\"\n [q-grid-command-arg]=\"item\">\n <mat-icon class=\"q-grid-icon\">star</mat-icon>\n Default\n </button>\n <button mat-menu-item\n [q-grid-command]=\"$persistence.edit.enter\"\n [q-grid-command-arg]=\"item\">\n <mat-icon class=\"q-grid-icon\">mode_edit</mat-icon>\n Edit\n </button>\n <button mat-menu-item\n [q-grid-command]=\"$persistence.remove\"\n [q-grid-command-arg]=\"item\">\n <mat-icon class=\"q-grid-icon\">close</mat-icon>\n Remove\n </button>\n </mat-menu>\n </div>\n </mat-list-item>\n </ng-container>\n </mat-list>\n </mat-card-content>\n </mat-card>\n</ng-template>\n<ng-template key=\"plugin-persistence.tpl.html\">\n <button mat-icon-button\n tabindex=\"-1\"\n #trigger=\"matMenuTrigger\"\n [matMenuTriggerFor]=\"menu\"\n aria-label=\"Persistence\">\n <mat-icon class=\"q-grid-icon\">history</mat-icon>\n </button>\n <mat-menu #menu=\"matMenu\"\n class=\"q-grid-menu q-grid-persistence-panel\">\n <q-grid-persistence-panel q-grid-menu\n *ngIf=\"trigger.menuOpen\">\n </q-grid-persistence-panel>\n </mat-menu>\n</ng-template>\n<ng-template key=\"plugin-progress.tpl.html\"\n let-$progress>\n <mat-progress-bar class=\"q-grid-progress-linear\"\n *ngIf=\"$progress.isBusy\"\n mode=\"indeterminate\">\n </mat-progress-bar>\n</ng-template>\n<ng-template key=\"plugin-query-builder-panel.tpl.html\"\n let-$builder>\n <mat-card class=\"mat-elevation-z\">\n <mat-card-header>\n <mat-card-title> Query Builder </mat-card-title>\n </mat-card-header>\n <mat-card-content>\n <div class=\"q-grid-query-builder-toolbar\">\n <mat-toolbar>\n <button mat-button\n (click)=\"$builder.addGroup.execute()\"\n [disabled]=\"!$builder.addGroup.canExecute()\">\n <mat-icon>playlist_add</mat-icon>Add Group\n </button>\n <button mat-button\n (click)=\"$builder.addRule.execute()\"\n [disabled]=\"!$builder.addRule.canExecute()\">\n <mat-icon>add</mat-icon>Add Rule\n </button>\n <button mat-button\n (click)=\"$builder.remove.execute()\"\n [disabled]=\"!$builder.remove.canExecute()\">\n <mat-icon>delete_forever</mat-icon>Remove\n </button>\n </mat-toolbar>\n </div>\n <div class=\"q-grid-query-builder-expression\">\n <q-grid-eb-node [model]=\"$builder.node\"></q-grid-eb-node>\n </div>\n <div class=\"q-grid-query-builder-expression-line\"\n [innerHTML]=\"$builder.node | qGridQueryBuilderMarkup: $builder.queryService\"></div>\n </mat-card-content>\n <mat-card-actions>\n <button mat-button\n (click)=\"$builder.cancel.execute()\">\n Cancel\n </button>\n <button mat-button\n (click)=\"$builder.reset.execute()\">\n Clear\n </button>\n <button mat-button\n color=\"primary\"\n (click)=\"$builder.submit.execute()\"\n [disabled]=\"!$builder.submit.canExecute()\">\n Apply\n </button>\n </mat-card-actions>\n </mat-card>\n</ng-template>\n<ng-template key=\"plugin-query-builder.tpl.html\">\n <button mat-icon-button\n tabindex=\"-1\"\n #trigger=\"matMenuTrigger\"\n [matMenuTriggerFor]=\"menu\"\n aria-label=\"Query Builder\">\n <mat-icon class=\"q-grid-icon\">filter_list</mat-icon>\n </button>\n <mat-menu #menu=\"matMenu\"\n class=\"q-grid-menu q-grid-query-builder-panel\">\n <q-grid-query-builder-panel q-grid-menu\n (close)=\"trigger.closeMenu()\"\n *ngIf=\"trigger.menuOpen\">\n </q-grid-query-builder-panel>\n </mat-menu>\n</ng-template>\n<ng-template key=\"plugin-reference-editor.tpl.html\"\n let-$editor>\n <mat-card class=\"q-grid-reference-card\">\n <mat-card-content class=\"q-grid-reference-content\">\n <q-grid-reference [cell]=\"$editor.cell\"\n [(value)]=\"$editor.value\"\n [caption]=\"$editor.caption\"\n [autofocus]=\"true\"\n (modelChange)=\"$editor.model = $event\"\n (referenceChange)=\"$editor.reference = $event\">\n </q-grid-reference>\n </mat-card-content>\n <mat-card-actions>\n <button mat-button\n [q-grid-command]=\"$editor.cancel\">\n Cancel\n </button>\n <button mat-button\n color=\"primary\"\n [q-grid-command]=\"$editor.submit\">\n Save\n </button>\n </mat-card-actions>\n </mat-card>\n</ng-template>\n<ng-template key=\"plugin-reference.tpl.html\"\n let-$reference>\n <q-grid class=\"q-grid-compact\"\n [model]=\"$reference.model\"\n [caption]=\"$reference.caption\"\n [q-grid-autofocus]=\"$reference.autofocus\">\n <q-grid-visibility [toolbarTop]=\"false\"></q-grid-visibility>\n </q-grid>\n</ng-template>\n<ng-template key=\"plugin-status-bar.tpl.html\"\n let-$statusBar>\n <div class=\"q-grid-status-bar\">\n {{$statusBar.columnIndex}}:{{$statusBar.rowIndex}}\n </div>\n</ng-template>\n<ng-template key=\"plugin-tab-trap.tpl.html\"\n let-$tabTrap>\n <div q-grid-tab-trap-in=\"start\"\n [q-grid-tab-trap-host]=\"$tabTrap\"></div>\n <ng-container *ngTemplateOutlet=\"$tabTrap.template\"></ng-container>\n <div q-grid-tab-trap-in=\"end\"\n [q-grid-tab-trap-host]=\"$tabTrap\"></div>\n</ng-template>\n<ng-template key=\"plugin-validator.tpl.html\"\n let-$validator>\n <ul>\n <li *ngFor=\"let error of $validator.errors; let $index = index\">\n <span *ngIf=\"error\">{{error}}</span>\n <span *ngIf=\"error && $validator.type === 'array'\">\n : \"{{$validator.value[$index]}}\"\n </span>\n </li>\n </ul>\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: ["@charset \"UTF-8\";.q-grid-backdrop{top:0;left:0;width:100%;height:100%;position:fixed;background:transparent;z-index:-1}.q-grid-backdrop-inactive{pointer-events:none}.q-grid.q-grid-theme-material td.q-grid-array>ul{list-style:none;margin:0;padding:0;overflow:hidden}.q-grid.q-grid-theme-material 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-material td.q-grid-array>ul li:last-child{margin-right:0}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-array{min-height:48px;width:340px}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-array .q-grid-array-view{max-height:140px;overflow-y:auto;overflow-x:hidden}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-array .q-grid-array-view .q-grid-array-item{margin:3px 1px}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-array .q-grid-array-input{margin:0 3px 3px 0;width:100%}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-autocomplete{width:200px}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-autocomplete input{border-bottom:2px solid rgb(63,81,181);border-radius:0;line-height:26px;padding:2px 2px 1px;height:30px}.q-grid-autocomplete-menu{z-index:101}.q-grid.q-grid-theme-material td.q-grid-bool{text-overflow:unset}.q-grid.q-grid-theme-material td.q-grid-bool .q-grid-checkbox{margin:0;outline:none}.q-grid.q-grid-theme-material th.q-grid-bool.q-grid-filter-row{text-align:center}.q-grid.q-grid-theme-material .q-grid-edit-trigger{min-width:16px;width:16px;min-height:16px;height:16px;line-height:16px;outline:none;border:none;position:absolute;right:2px;top:0;bottom:0;margin:auto 0;font-size:16px;background:transparent;padding:0}.q-grid.q-grid-theme-material .q-grid-edit-trigger .q-grid-icon{min-width:16px;width:16px;min-height:16px;height:16px;font-size:16px;line-height:16px;color:#757575;display:block}.q-grid.q-grid-theme-material td.q-grid-edit{overflow:visible!important}.q-grid.q-grid-theme-material td.q-grid-edit .q-grid-editor{display:block;position:fixed;border-radius:4px;background-color:#fcfcfc;color:#000000de;left:0;top:0;box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f;box-sizing:content-box;z-index:2}.q-grid.q-grid-theme-material td.q-grid-edit .q-grid-actions button{margin:8px 0 0 8px;float:right;text-transform:uppercase}.q-grid.q-grid-theme-material td.q-grid-edit .q-grid-position{opacity:0}.q-grid.q-grid-theme-material td.q-grid-edit .q-grid-editor-content{padding:24px;overflow:hidden}.q-grid.q-grid-theme-material td.q-grid-edit .q-grid-editor-content h2{margin-top:0}.q-grid.q-grid-theme-material td.q-grid-edit .q-grid-editor-content .q-grid-editor-actions{text-align:right}.q-grid.q-grid-theme-material td.q-grid-edit .q-grid-editor-content .q-grid-editor-actions button{margin-bottom:0;display:inline-block}.q-grid.q-grid-theme-material td.q-grid-edit .q-grid-editor-content .q-grid-editor-actions button:last-child{margin-right:0}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-email{width:297px}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-email .q-grid-email-fields{padding-top:8px}.q-grid.q-grid-theme-material td .q-grid-editor.q-grid-file{height:200px;width:346px}.q-grid.q-grid-theme-material td .q-grid-editor.q-grid-file h2{text-align:left}.q-grid-file-upload-area{position:relative;border:1px dashed #e0e0e0;text-align:center;height:120px}.q-grid-file-upload-area .q-grid-file-upload-message{position:relative;top:50%;transform:translateY(-50%);line-height:24px}.q-grid-file-upload-area .q-grid-file-upload-message span{overflow:hidden;text-overflow:ellipsis}.q-grid-file-upload-area .q-grid-file-upload-message .q-grid-icon{margin:0}.q-grid-file-upload-area.q-grid-file-has-preview .q-grid-file-upload-message{visibility:hidden}.q-grid-file-upload-area .q-grid-file-upload-filename{padding:10px;font-weight:700;color:#757575}.q-grid-file-upload-area input{width:100%;height:100%;opacity:0;position:absolute;left:0;top:0;z-index:2}.q-grid-file-upload-area .q-grid-file-preview{width:100%;height:100%;opacity:1;position:absolute;left:0;top:0;vertical-align:middle;text-align:center}.q-grid-file-upload-area .q-grid-file-preview img{position:relative;max-height:100%!important;max-width:100%!important;z-index:3}.q-grid-file-upload-area:hover{background-color:#f5f5f5}.q-grid-file-upload-area:hover .q-grid-file-preview{opacity:0;transition:opacity .2s ease-in-out}.q-grid-file-upload-area:hover .q-grid-file-preview img{z-index:1}.q-grid-file-upload-area:hover .q-grid-file-upload-message{visibility:visible}.q-grid.q-grid-theme-material td.q-grid-group-summary{color:#007fa3;background-color:#0000000a}.q-grid.q-grid-theme-material td.q-grid-image{cursor:pointer;text-align:center}.q-grid.q-grid-theme-material td.q-grid-image img{max-height:40px;max-width:40px}.q-grid.q-grid-theme-material td.q-grid-image .q-grid-icon{color:#757575}.q-grid.q-grid-theme-material thead th.q-grid-pivot{border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;padding:0}.q-grid.q-grid-theme-material thead th.q-grid-pivot:nth-last-child(2){border-right:1px solid #e0e0e0}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-reference{height:420px;width:385px}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-reference .q-grid-reference-content{width:100%;height:100%;height:325px}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-reference .q-grid-reference-content q-grid-caption h2{margin-bottom:8px}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-reference .q-grid-reference-content q-grid{height:100%}.q-grid.q-grid-theme-material td.q-grid-row-details{background:#fff;user-select:auto;-moz-user-select:auto;-webkit-user-select:auto;-ms-user-select:auto}.q-grid.q-grid-theme-material td.q-grid-row-indicator,.q-grid.q-grid-theme-material th.q-grid-row-indicator{padding:0}.q-grid.q-grid-theme-material td.q-grid-row-indicator .q-grid-icon,.q-grid.q-grid-theme-material th.q-grid-row-indicator .q-grid-icon{min-width:16px;width:16px;min-height:16px;height:16px;font-size:16px;line-height:16px}.q-grid.q-grid-theme-material td.q-grid-row-options{padding:0 12px}.q-grid.q-grid-theme-material td.q-grid-row-options>.q-grid-icon{display:block}.q-grid.q-grid-theme-material td.q-grid-select,.q-grid.q-grid-theme-material th.q-grid-select{text-align:center}.q-grid.q-grid-theme-material td.q-grid-select>div,.q-grid.q-grid-theme-material th.q-grid-select>div{width:100%;height:100%;display:inline-block}.q-grid.q-grid-theme-material td.q-grid-select>div div,.q-grid.q-grid-theme-material th.q-grid-select>div div{width:100%;height:100%;border-radius:2px;box-sizing:border-box;text-align:center}.q-grid.q-grid-theme-material td.q-grid-select>div div .q-grid-icon,.q-grid.q-grid-theme-material th.q-grid-select>div div .q-grid-icon{min-width:18px;width:18px;min-height:18px;height:18px;font-size:18px;line-height:18px;font-weight:500;margin-top:1px}.q-grid.q-grid-theme-material td.q-grid-select>div div.q-grid-checked,.q-grid.q-grid-theme-material th.q-grid-select>div div.q-grid-checked{cursor:pointer;background:rgba(255,64,129,.87)}.q-grid.q-grid-theme-material td.q-grid-select>div div.q-grid-checked .q-grid-icon,.q-grid.q-grid-theme-material th.q-grid-select>div div.q-grid-checked .q-grid-icon{color:#fff}.q-grid.q-grid-theme-material td.q-grid-select>div div.q-grid-unchecked,.q-grid.q-grid-theme-material td.q-grid-select>div div.q-grid-indeterminate,.q-grid.q-grid-theme-material th.q-grid-select>div div.q-grid-unchecked,.q-grid.q-grid-theme-material th.q-grid-select>div div.q-grid-indeterminate{cursor:pointer;min-width:20px;width:20px;min-height:20px;height:20px;border:2px solid rgba(0,0,0,.54);border-radius:2px;box-sizing:border-box}.q-grid.q-grid-theme-material td.q-grid-select>div div.q-grid-unchecked .q-grid-icon,.q-grid.q-grid-theme-material td.q-grid-select>div div.q-grid-indeterminate .q-grid-icon,.q-grid.q-grid-theme-material th.q-grid-select>div div.q-grid-unchecked .q-grid-icon,.q-grid.q-grid-theme-material th.q-grid-select>div div.q-grid-indeterminate .q-grid-icon{color:#0000008a}.q-grid.q-grid-theme-material td.q-grid-select .q-grid-checkbox,.q-grid.q-grid-theme-material th.q-grid-select .q-grid-checkbox{margin:0;outline:none}.q-grid.q-grid-theme-material td.q-grid-select .q-grid-radio,.q-grid.q-grid-theme-material th.q-grid-select .q-grid-radio{margin-left:-2px}.q-grid.q-grid-theme-material td.q-grid-text-area>span{display:block;white-space:normal;overflow:hidden;position:relative;line-height:1.2em;max-height:3.6em;text-align:justify;margin-right:-1em;padding-right:1em}.q-grid.q-grid-theme-material td.q-grid-text-area>span:before{content:\"...\";position:absolute;right:0;bottom:0}.q-grid.q-grid-theme-material td.q-grid-text-area>span:after{content:\"\";position:absolute;right:0;width:1em;height:1em;margin-top:.2em;background-color:#fff}.q-grid.q-grid-theme-material td.q-grid-text-area.q-grid-highlighted>span{overflow:hidden;position:relative;line-height:1.2em;max-height:3.6em;text-align:justify;margin-right:-1em;padding-right:1em}.q-grid.q-grid-theme-material td.q-grid-text-area.q-grid-highlighted>span:before{content:\"...\";position:absolute;right:0;bottom:0}.q-grid.q-grid-theme-material td.q-grid-text-area.q-grid-highlighted>span:after{content:\"\";position:absolute;right:0;width:1em;height:1em;margin-top:.2em;background-color:#eee}.q-grid.q-grid-theme-material tr:hover .q-grid-text-area td>span{overflow:hidden;position:relative;line-height:1.2em;max-height:3.6em;text-align:justify;margin-right:-1em;padding-right:1em}.q-grid.q-grid-theme-material tr:hover .q-grid-text-area td>span:before{content:\"...\";position:absolute;right:0;bottom:0}.q-grid.q-grid-theme-material tr:hover .q-grid-text-area td>span:after{content:\"\";position:absolute;right:0;width:1em;height:1em;margin-top:.2em;background-color:#eee}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-text-area{height:202px;width:347px}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-text-area textarea{height:150px!important}.q-grid.q-grid-theme-material td .q-grid-editor.q-grid-text{width:203px;height:96px}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-url{height:auto;width:300px}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-url .q-grid-url-fields{padding-top:8px}.q-grid.q-grid-theme-material td{color:#424242;font-size:13px;padding:0 16px}.q-grid.q-grid-theme-material tfoot td{color:#007fa3!important;background-color:#0000000a!important}.q-grid.q-grid-theme-material thead th{color:#757575;font-size:12px;font-weight:700;padding:0 16px}.q-grid.q-grid-theme-material thead th:hover label{font-weight:700}.q-grid.q-grid-theme-material .q-grid-column-filter-trigger{position:absolute;right:2px;transition:opacity .3s;margin:0 auto;opacity:0;height:16px;line-height:16px}.q-grid.q-grid-theme-material .q-grid-column-filter-trigger button{min-width:16px;width:16px;min-height:16px;height:16px;outline:none;border:none;font-size:12px;background:transparent;padding:0;left:0;margin:0 2px 2px}.q-grid.q-grid-theme-material .q-grid-column-filter-trigger button .q-grid-icon{min-width:16px;width:16px;min-height:16px;height:16px;font-size:16px;color:#757575;line-height:16px;display:block}.q-grid.q-grid-theme-material .q-grid-column-filter-trigger.q-grid-active{opacity:1}.q-grid.q-grid-theme-material .q-grid-column-filter-trigger.q-grid-active .q-grid-icon,.q-grid.q-grid-theme-material .q-grid-column-filter-trigger.q-grid-active+label{color:#424242}.q-grid.q-grid-theme-material th.q-grid-highlighted .q-grid-column-filter-trigger{opacity:1}.q-grid-column-filter.q-grid-menu{width:360px;min-width:360px;max-width:360px;max-height:500px;overflow:hidden}.q-grid-column-filter.q-grid-menu ul{list-style-type:none;padding:0}.q-grid-column-filter.q-grid-menu .q-grid-column-filter-input{margin:0;padding:0;width:100%}.q-grid-column-filter.q-grid-menu .q-grid-column-filter-with-operators{position:relative}.q-grid-column-filter.q-grid-menu .q-grid-column-filter-with-operators .q-grid-column-filter-operator-select{position:absolute;top:15px;right:-20px;width:40px}.q-grid-column-filter.q-grid-menu .q-grid-column-filter-with-operators .q-grid-column-filter-operator-select .mat-icon{font-size:20px}.q-grid-column-filter.q-grid-menu .q-grid-column-filter-with-operators .q-grid-column-filter-operator-select .mat-select-arrow{border-width:0}.q-grid-column-filter.q-grid-menu .q-grid-column-filter-with-operators .q-grid-column-filter-input{width:calc(100% - 28px)}.q-grid-column-filter.q-grid-menu .q-grid-column-filter-with-operators .q-grid-column-filter-input.q-grid-column-filter-input-half{display:inline-block;width:calc(50% - 20px)}.q-grid-column-filter.q-grid-menu .q-grid-column-filter-with-operators .q-grid-column-filter-input.q-grid-column-filter-input-half:last-of-type{padding-left:12px}.q-grid-column-filter.q-grid-menu .q-grid-column-filter-list{overflow-y:auto;height:180px}.q-grid-column-filter.q-grid-menu .q-grid-column-filter-list ul{margin:0}.q-grid-column-filter.q-grid-menu .q-grid-column-filter-by{height:57px;overflow-y:auto;overflow-x:hidden;margin-bottom:10px;margin-top:-5px}.q-grid-column-filter.q-grid-menu .q-grid-column-filter-by-blank{text-align:center;color:#c8c8c8;position:relative;top:20px}.q-grid-column-filter.q-grid-menu .q-grid-column-filter-by ul{margin-top:0}.q-grid-column-filter.q-grid-menu .q-grid-column-filter-by li{display:inline}.q-grid-column-filter.q-grid-menu .q-grid-checkbox{width:100%;overflow:hidden;margin:0 0 5px}.mat-option .mat-option-text:first-letter{text-transform:uppercase}.mat-option .mat-icon.html{font-size:20px;line-height:20px;margin-top:-6px;margin-right:0}.mat-form-field-label:first-letter{text-transform:uppercase}.q-grid-filter-by{display:inline-flex;background-color:#ebebeb;margin-right:2px;border-radius:100px;padding:0 14px;margin-bottom:3px}.q-grid-filter-by-item{font-size:12px;margin:2px 7px 1px -4px;height:15px;overflow:hidden}.q-grid-filter-by-remove{width:5px;height:5px;position:relative;cursor:pointer}.q-grid-filter-by .q-grid-icon{position:absolute;top:2px;font-size:14px;width:5px;height:5px;color:#c8c8c8}@media (max-height: 540px){.q-grid-column-filter-contains .q-grid-column-filter-list{max-height:140px}}.q-grid.q-grid-theme-material th .q-grid-desc,.q-grid.q-grid-theme-material th .q-grid-asc{display:none}.q-grid.q-grid-theme-material th.q-grid-can-sort .q-grid-sort{cursor:pointer}.q-grid.q-grid-theme-material th.q-grid-can-sort .q-grid-desc,.q-grid.q-grid-theme-material th.q-grid-can-sort .q-grid-asc{display:block}.q-grid.q-grid-theme-material th .q-grid-sort{overflow:hidden;text-overflow:ellipsis;margin-left:-20px;padding-left:20px;padding-right:5px}.q-grid.q-grid-theme-material th .q-grid-sort:not(.q-grid-active):hover .q-grid-desc{opacity:1}.q-grid.q-grid-theme-material th .q-grid-sort label{display:inline;vertical-align:middle}.q-grid.q-grid-theme-material th .q-grid-sort .q-grid-icon{min-width:16px;width:16px;min-height:16px;height:16px;font-size:16px;line-height:16px;transition:opacity .3s;opacity:0;position:absolute;margin-left:-16px;color:#757575;vertical-align:middle;display:inline-block}.q-grid.q-grid-theme-material th .q-grid-sort .q-grid-icon.q-grid-active{opacity:1}.q-grid.q-grid-theme-material th .q-grid-sort.q-grid-active .q-grid-icon,.q-grid.q-grid-theme-material th .q-grid-sort.q-grid-active label{color:#424242}.q-grid.q-grid-theme-material th .q-grid-sort.q-grid-hide .q-grid-icon{opacity:0!important}@keyframes arrow-animation-up{0%{transform:rotate(180deg)}25%{transform:rotate(220deg)}50%{transform:rotate(270deg)}75%{transform:rotate(300deg)}to{transform:rotate(360deg)}}@keyframes arrow-animation-down{0%{transform:rotate(-180deg)}25%{transform:rotate(-220deg)}50%{transform:rotate(-270deg)}75%{transform:rotate(-300deg)}to{transform:rotate(-360deg)}}.q-grid.q-grid-theme-material .q-grid-icon.q-grid-asc.q-grid-active{animation-name:arrow-animation-up;animation-duration:.2s;animation-iteration-count:1}.q-grid.q-grid-theme-material .q-grid-icon.q-grid-desc.q-grid-active{animation-name:arrow-animation-down;animation-duration:.2s;animation-iteration-count:1}.q-grid.q-grid-theme-material .q-grid-export{padding:10px 0}.q-grid.q-grid-theme-material .q-grid-head-span thead tr{height:30px}.q-grid.q-grid-theme-material .q-grid-head-span thead th{line-height:14px;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0}.q-grid.q-grid-theme-material .q-grid-head-span thead th .q-grid-icon{line-height:14px;font-size:14px}.q-grid.q-grid-theme-material .q-grid-head-span thead th .q-grid-column-filter-trigger{line-height:14px;height:14px}.q-grid.q-grid-theme-material .q-grid-head-span thead th:nth-last-child(2){border-right:1px solid #e0e0e0}.q-grid.q-grid-theme-material .q-grid-legend-item{width:10px;height:10px;border-radius:10px;margin:auto}.q-grid.q-grid-theme-material .q-grid-legend-list{list-style:none;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:24px 20px 0;color:#424242;font-size:13px}.q-grid.q-grid-theme-material .q-grid-legend-list li{margin-right:20px;display:inline}.q-grid.q-grid-theme-material .q-grid-legend-list li:last-child{margin-right:0}.q-grid.q-grid-theme-material .q-grid-legend-list li .q-grid-legend-item{display:inline-block}.q-grid.q-grid-theme-material tbody tr.q-grid-scroll-mark{height:0;border:none}.q-grid-menu ::-webkit-scrollbar{width:8px;height:8px}.q-grid-menu ::-webkit-scrollbar-thumb{height:15px;background-color:#c8c8c8;box-shadow:inset 1px 1px #0000001a,inset 0 -1px #00000012}.q-grid-menu ::-webkit-scrollbar-button{width:0;height:0;display:none}.q-grid-menu ::-webkit-scrollbar-corner{background-color:transparent}.q-grid-menu ::-webkit-scrollbar-track,.q-grid-menu ::-webkit-scrollbar-track-piece{background-color:#f8f8f8}.q-grid.q-grid-theme-material th.q-grid-group label{cursor:pointer;outline:none}.q-grid.q-grid-theme-material td.q-grid-group button,.q-grid.q-grid-theme-material 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-material td.q-grid-group button .q-grid-icon,.q-grid.q-grid-theme-material td.q-grid-row-expand button .q-grid-icon{opacity:.54}.q-grid.q-grid-theme-material td.q-grid-group button.q-grid-expand .q-grid-icon,.q-grid.q-grid-theme-material td.q-grid-row-expand button.q-grid-expand .q-grid-icon{transform:rotate(90deg)}.q-grid.q-grid-theme-material td.q-grid-group button .q-grid-group-label,.q-grid.q-grid-theme-material td.q-grid-row-expand button .q-grid-group-label{margin-left:-6px;vertical-align:middle}.q-grid.q-grid-theme-material td.q-grid-group button .q-grid-group-count,.q-grid.q-grid-theme-material td.q-grid-row-expand button .q-grid-group-count{vertical-align:middle;color:#757575}.q-grid.q-grid-theme-material td.q-grid-group button:disabled,.q-grid.q-grid-theme-material td.q-grid-row-expand button:disabled{display:none}.q-grid.q-grid-theme-material .q-grid-pager-target-trigger{top:3px}.q-grid.q-grid-theme-material .q-grid-icon-class{font-size:16px;margin-bottom:4px}.q-grid.q-grid-theme-material .q-grid-pager{font-family:roboto,Helvetica Neue,sans-serif;height:24px;color:#757575;float:right;padding:16px 0;font-size:12px}.q-grid.q-grid-theme-material .q-grid-pager>*{display:inline-block}@media (max-width: 599px){.q-grid.q-grid-theme-material .q-grid-pager .q-grid-hide-xs:not(.q-grid-show-xs):not(.q-grid-show),.q-grid.q-grid-theme-material .q-grid-pager .q-grid-hide:not(.q-grid-show-xs):not(.q-grid-show){display:none}}.q-grid.q-grid-theme-material .q-grid-pager .q-grid-pager-page{margin-left:32px;margin-right:14px;min-width:37.2px;display:inline-block}.q-grid.q-grid-theme-material .q-grid-pager button{width:24px;height:24px;line-height:24px;background:transparent;border:none;font-size:20px;padding:0}.q-grid.q-grid-theme-material .q-grid-pager button.q-grid-prev-page{top:3px;margin-left:18px;margin-right:0}.q-grid.q-grid-theme-material .q-grid-pager button.q-grid-prev-page .q-grid-icon{margin-bottom:4px;margin-right:1px}.q-grid.q-grid-theme-material .q-grid-pager button.q-grid-next-page{top:3px;margin-right:14px;margin-left:0}.q-grid.q-grid-theme-material .q-grid-pager button.q-grid-next-page .q-grid-icon{margin-bottom:4px;margin-left:1px}.q-grid.q-grid-theme-material .q-grid-pager button.q-grid-target-page .q-grid-icon{min-width:16px;width:16px;min-height:16px;height:16px;font-size:16px;line-height:16px}.q-grid-pager-target{width:200px}.q-grid.q-grid-theme-material .q-grid-progress{position:absolute;bottom:0;left:0;right:0}.q-grid.q-grid-theme-material q-grid-progress{display:block;width:100%;height:4px}.q-grid-query-builder-panel.q-grid-menu{width:480px;min-width:480px;max-width:480px;height:525px;overflow:hidden}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression{margin-top:15px;height:270px;overflow:auto;padding:2px}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression ul{margin:0;padding:0;list-style-type:none}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression ul li{display:inline}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression ul li.q-grid-eb-expression{margin-right:3px;display:inline-block}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression ul.q-grid-eb-node{padding:5px;white-space:nowrap}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression ul.q-grid-eb-node.qb-logical{padding-left:0;position:relative;min-height:27px}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression ul.q-grid-eb-node.qb-logical>.q-grid-eb-line{position:absolute;transform:rotate(-90deg);transform-origin:top;top:50%;left:-5px;margin-top:-1px}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression ul.q-grid-eb-node.qb-logical>.q-grid-eb-line>ul{transform:rotate(90deg)}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression ul.q-grid-eb-node.qb-logical>.q-grid-eb-children{display:flex}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression ul.q-grid-eb-node.qb-logical>.q-grid-eb-children>ul{border-left:1px solid #999;border-radius:5px;margin-left:35px;padding-left:10px}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression ul.q-grid-eb-node.qb-logical.qb-or>.q-grid-eb-line{left:5px}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression ul.q-grid-eb-group{display:inline}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .q-grid-eb-active{outline:2px solid rgba(63,81,181,.25);background:#f5f5f5}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-icon-button{width:16px;height:16px;line-height:16px}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-icon-button .q-grid-icon{min-width:16px;width:16px;min-height:16px;height:16px;font-size:16px;line-height:16px}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line{margin-top:15px;font-size:12px;background-color:#f5f5f5;padding:10px;overflow-y:auto;height:27px}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line span{word-break:break-word}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-node,.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-node-left,.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-node-right{display:inline}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-group-op{color:#3eb1c8;text-transform:uppercase}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-group-op:before,.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-group-op:after{content:\" \"}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-condition-unary:before{content:\" \"}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-condition-left,.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-group-open,.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-group-close,.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-condition-open,.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-condition-close{color:#888}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-condition-quote{color:#a11}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-condition-op{color:#666;text-transform:uppercase}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-condition-value-text{color:#a11!important}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-condition-value{color:#000}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression-line .q-grid-markup-condition-value-invalid:before{color:#dd2c00;content:\"\\fe4f\"}@media (max-height: 540px){.q-grid-query-builder-panel.q-grid-menu{height:400px;min-height:400px;max-height:400px}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression{height:138px}}.q-grid.q-grid-theme-material tbody tr{height:48px}.q-grid.q-grid-theme-material thead tr,.q-grid.q-grid-theme-material tfoot tr{height:56px}.q-grid.q-grid-theme-material tfoot tr,.q-grid.q-grid-theme-material tbody tr{border-top:1px solid #e0e0e0}.q-grid.q-grid-theme-material tfoot tr:nth-child(2),.q-grid.q-grid-theme-material tbody tr:nth-child(2){border-top:0}.q-grid.q-grid-theme-material q-grid-status-bar{display:flex;flex-direction:row;justify-content:flex-end;font-size:14px;text-align:right;height:24px;padding:11px 8px}.q-grid.q-grid-theme-material thead{box-shadow:0 1px #ddd}.q-grid.q-grid-theme-material .q-grid-body-top tr:last-child{border-bottom:1px solid #e0e0e0}.q-grid.q-grid-theme-material .q-grid-body-bottom tr:first-child{border-top:1px solid #e0e0e0}.q-grid.q-grid-theme-material .q-grid-cell-tooltip{position:fixed;color:#fff;border-radius:4px;background:#666;font-size:10px;margin:0 14px 14px;padding:6px 8px 8px 6px;overflow:hidden;text-overflow:ellipsis;width:-moz-fit-content;width:fit-content;max-width:100%;max-height:100%}.q-grid.q-grid-theme-material .q-grid-cell-tooltip.q-grid-hide{display:none}.q-grid.q-grid-theme-material q-grid-caption{display:block;max-height:56px}.q-grid.q-grid-theme-material q-grid-caption h3{margin:0;overflow:hidden;line-height:28px}.q-grid.q-grid-theme-material .q-grid-validator{display:block;width:calc(100% - 48px);position:absolute;bottom:20px;text-align:left;color:#dd2c00;font-size:11px}.q-grid.q-grid-theme-material .q-grid-validator ul{list-style:none;margin:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.q-grid.q-grid-theme-material .q-grid-validator ul li{display:inline;margin-right:4px}.q-grid.q-grid-theme-material .q-grid-view>.q-grid-table-left,.q-grid.q-grid-theme-material .q-grid-view>.q-grid-table-right{transition:box-shadow .2s ease-in-out}.q-grid.q-grid-theme-material .q-grid-view.q-grid-scroll-horizontal>.q-grid-table-left{box-shadow:1px 0 #e0e0e0}.q-grid.q-grid-theme-material .q-grid-view.q-grid-scroll-horizontal>.q-grid-table-right{box-shadow:-1px 0 #e0e0e0}.q-grid.q-grid-theme-material q-grid-edit-form-trigger .q-grid-icon-button{width:24px;height:24px;line-height:24px}.q-grid.q-grid-theme-material q-grid-edit-form-trigger .q-grid-icon{color:#757575}.q-grid-edit-form{display:block;width:400px;min-width:400px!important;height:500px;overflow:hidden!important;padding:16px 16px 0}q-grid-edit-form{display:block;height:100%}.q-grid-edit-form-card{height:100%;padding:0}.q-grid-edit-form-content{height:calc(100% - 110px);overflow-y:auto;overflow-x:hidden;padding:0}.q-grid-edit-form-control{display:block;margin-bottom:1.25em}.q-grid-edit-form-control-image,.q-grid-edit-form-control-bool{margin-bottom:2.5em}.q-grid.q-grid-theme-material .q-grid-pane{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;position:absolute;background:#fff;padding:4px 16px}.q-grid.q-grid-theme-material .q-grid-pane>.mat-card{box-shadow:none;padding:0}.q-grid.q-grid-theme-material .q-grid-pane-right{bottom:8px;right:0;height:calc(100% + 34px);padding-bottom:8px}.q-grid.q-grid-theme-material .q-grid-pane-right .q-grid-edit-form-control{display:block;margin-bottom:1.25em}.q-grid.q-grid-theme-material .q-grid-pane-right .q-grid-edit-form-control .mat-form-field{width:calc(100% - 15px)}.q-grid.q-grid-theme-material .q-grid-pane-right .mat-card-content{max-height:580px;overflow-y:auto;overflow-x:hidden;width:100%}.q-grid.q-grid-theme-material .q-grid-pane-right .mat-card-header-text{margin:0}.q-grid.q-grid-theme-material .q-grid-layer{top:50px;bottom:50px}.q-grid.q-grid-theme-material th.q-grid-filter-row{text-overflow:unset}.q-grid.q-grid-theme-material th.q-grid-filter-row:hover label{font-weight:400}.q-grid.q-grid-theme-material th.q-grid-filter-row input{color:#424242}.q-grid.q-grid-theme-material th.q-grid-filter-row .q-grid-icon{color:#757575}.q-grid.q-grid-theme-material th.q-grid-filter-row .q-grid-close{cursor:pointer;font-size:14px;height:16px;vertical-align:middle}.q-grid.q-grid-theme-material th.q-grid-filter-row input[placeholder]{text-overflow:ellipsis}.q-grid.q-grid-theme-material th.q-grid-filter-row input::placeholder{text-overflow:ellipsis}.q-grid.q-grid-theme-material th.q-grid-filter-row input:placeholder{text-overflow:ellipsis}.q-grid.q-grid-theme-material td.q-grid-array .mat-form-field-prefix{width:100%}.q-grid.q-grid-theme-material td.q-grid-array .q-grid-editor-content .mat-chip-list-wrapper{margin:0}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-autocomplete md-autocomplete{min-width:30px;background-color:transparent}.q-grid.q-grid-theme-material .q-grid-editor.q-grid-autocomplete md-autocomplete-wrap{box-shadow:none}.q-grid.q-grid-theme-material td .q-grid-checkbox .md-label,.q-grid.q-grid-theme-material th .q-grid-checkbox .md-label{display:none}.q-grid.q-grid-theme-material td .q-grid-editor.q-grid-date .md-datepicker-button,.q-grid.q-grid-theme-material td .q-grid-editor.q-grid-datetime .md-datepicker-button{width:24px;height:24px;margin-left:0;padding:0}.q-grid.q-grid-theme-material td .q-grid-editor.q-grid-date .md-datepicker-triangle-button,.q-grid.q-grid-theme-material td .q-grid-editor.q-grid-datetime .md-datepicker-triangle-button{width:24px;height:24px;margin-right:0;padding:0}.q-grid.q-grid-theme-material td .q-grid-editor.q-grid-date .q-grid-datetime-date,.q-grid.q-grid-theme-material td .q-grid-editor.q-grid-datetime .q-grid-datetime-date{width:100px;padding-right:10px}.q-grid.q-grid-theme-material td .q-grid-editor.q-grid-date .q-grid-datetime-time,.q-grid.q-grid-theme-material td .q-grid-editor.q-grid-datetime .q-grid-datetime-time{width:100px}.q-grid.q-grid-theme-material td .q-grid-editor.q-grid-datetime{width:260px}.q-grid.q-grid-theme-material td.q-grid-edit.q-grid-dropdown .mat-select-trigger{visibility:hidden}.q-grid.q-grid-theme-material th.q-grid-filter-row .mat-form-field{width:100%;font-size:14px}.q-grid.q-grid-theme-material th.q-grid-filter-row .mat-form-field .mat-form-field-infix{border-top:none}.q-grid.q-grid-theme-material th.q-grid-filter-row .mat-focused{color:#000000de;max-height:56px}.q-grid.q-grid-theme-material th.q-grid-filter-row .mat-focused .q-grid-placeholder{display:none}.q-grid.q-grid-theme-material .q-grid-reference-card{margin:0;padding:0;box-shadow:none;background:inherit}.q-grid.q-grid-theme-material .q-grid-reference-card .mat-card-header-text{margin:0}.q-grid.q-grid-theme-material .q-grid-reference-card .mat-card-actions{margin-left:0;margin-right:0;text-align:right}.q-grid.q-grid-theme-material .q-grid-reference-card .mat-card-actions>button{text-transform:uppercase}.q-grid.q-grid-theme-material td.q-grid-text-area textarea.mat-input-element{padding:0}.q-grid.q-grid-theme-material td.q-grid-text-area .mat-form-field-hint-wrapper{justify-content:flex-end;transform:none!important}.q-grid.q-grid-theme-material td.q-grid-text-area .mat-form-field-hint-wrapper .mat-hint{position:fixed}.q-grid.q-grid-theme-material td.q-grid-text-area.q-grid-edit .mat-form-field-infix{border-top:none;padding-top:0}.q-grid.q-grid-theme-material td.q-grid-edit .mat-form-field{width:100%}.q-grid-column-chooser.q-grid-menu{width:360px;min-width:360px;max-width:360px;height:500px;overflow:hidden}.q-grid-column-chooser.q-grid-menu .mat-card{padding:16px;box-shadow:none;margin:0}.q-grid-column-chooser.q-grid-menu .mat-card-content{margin-bottom:0}.q-grid-column-chooser.q-grid-menu ul{list-style-type:none;padding:0}.q-grid-column-chooser.q-grid-menu .q-grid-column-chooser-filter{width:100%}.q-grid-column-chooser.q-grid-menu .q-grid-column-chooser-list{margin:0;overflow-y:auto;height:281px}.q-grid-column-chooser.q-grid-menu .q-grid-column-chooser-list ul{margin:0}.q-grid-column-chooser.q-grid-menu .q-grid-column-chooser-list ul ul{padding-left:24px}.q-grid-column-chooser.q-grid-menu .q-grid-column-chooser-list li{white-space:nowrap}.q-grid-column-chooser.q-grid-menu .q-grid-column-chooser-toolbar{margin-top:0;padding-left:16px;margin-bottom:14px}.q-grid-column-chooser.q-grid-menu .q-grid-column-chooser-actions{padding:7px 0}.q-grid-column-chooser.q-grid-menu .q-grid-checkbox{width:100%;overflow:hidden;margin:0 0 5px}.q-grid-column-chooser.q-grid-menu .q-grid-can-drag{cursor:move;opacity:.4;display:inline-block;-webkit-user-select:none;user-select:none}.q-grid-column-chooser.q-grid-menu .q-grid-can-drag .q-grid-icon{min-width:16px;width:16px;min-height:16px;height:16px;font-size:16px;line-height:16px;vertical-align:middle}@media (max-height: 540px){.q-grid-column-chooser.q-grid-menu{height:400px;min-height:400px;max-height:400px}.q-grid-column-chooser.q-grid-menu .q-grid-column-chooser-list{height:184px}}.q-grid-column-filter .mat-card{box-shadow:none;padding:16px;margin:0}.q-grid-column-filter .mat-card-content{margin-bottom:0}.q-grid-column-filter .mat-card .q-grid-column-filter-toolbar{margin-top:0}.q-grid-column-filter .mat-card .mat-card-header-text{overflow:hidden}.q-grid-column-filter .mat-card .mat-card-header-text .mat-card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.q-grid-edit-form .q-grid-edit-form-control .mat-form-field{width:100%}.q-grid-menu .mat-menu-content:not(:empty),.q-grid-pane .mat-menu-content:not(:empty){padding:0;height:100%}.q-grid-menu .mat-card-header-text,.q-grid-pane .mat-card-header-text{margin:0}.q-grid-menu .mat-card-actions,.q-grid-pane .mat-card-actions{text-align:right}.q-grid-menu .mat-card-actions>button,.q-grid-pane .mat-card-actions>button{text-transform:uppercase}.q-grid-mat-menu .mat-menu-content,.q-grid-mat-menu .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.q-grid.q-grid-theme-material .q-grid-pager mat-select{width:50px;max-width:50px;background:transparent;border:0;margin:0 0 0 12px;display:inline-block;height:24px;padding:0}.q-grid.q-grid-theme-material tbody tr.q-grid-scroll-mark{height:0;border:none}.q-grid-persistence-panel ::-webkit-scrollbar{width:8px;height:8px}.q-grid-persistence-panel ::-webkit-scrollbar-thumb{height:15px;background-color:#c8c8c8;box-shadow:inset 1px 1px #0000001a,inset 0 -1px #00000012}.q-grid-persistence-panel ::-webkit-scrollbar-button{width:0;height:0;display:none}.q-grid-persistence-panel ::-webkit-scrollbar-corner{background-color:transparent}.q-grid-persistence-panel ::-webkit-scrollbar-track,.q-grid-persistence-panel ::-webkit-scrollbar-track-piece{background-color:#f8f8f8}.q-grid-persistence-panel .mat-card{padding:4px 16px}.q-grid-persistence-panel.q-grid-menu{width:400px;min-width:400px;max-width:400px;height:500px;overflow:hidden}.q-grid-persistence-panel .mat-card-content{display:flex;flex-direction:column;max-height:419px}.q-grid-persistence-panel .mat-card-content>div{flex:0 0}.q-grid-persistence-panel .q-grid-persistence-title{margin:0}.q-grid-persistence-panel .q-grid-persistence-title .mat-form-field{width:100%}.q-grid-persistence-panel .q-grid-persistence-save{margin:auto 0 auto 8px}.q-grid-persistence-panel .q-grid-persistence-save .mat-button-wrapper{text-transform:uppercase}.q-grid-persistence-panel .q-grid-persistence-default-icon{width:14px;min-width:14px;max-width:14px;height:14px;min-height:14px;max-height:14px;margin-bottom:14px}.q-grid-persistence-panel .q-grid-persistence-default-icon .q-grid-icon{color:#757575;font-size:14px;height:14px;width:14px}.q-grid-persistence-panel .q-grid-persistence-list-item{font-size:13px}.q-grid-persistence-panel .q-grid-persistence-list-item.q-grid-persistence-selected{background-color:#f5f5f5}.q-grid-persistence-panel .q-grid-persistence-list-item.mat-list-item .mat-list-item-content{padding:0 6px}.q-grid-persistence-panel .q-grid-persistence-list-item .mat-button{line-height:13px;flex:1 1;padding:0 6px}.q-grid-persistence-panel .q-grid-persistence-list-item .mat-list[dense]{padding:0}.q-grid-persistence-panel .q-grid-persistence-list-item .mat-list[dense] .mat-list-item{height:40px}.q-grid-persistence-panel .q-grid-persistence-list-item .mat-list[dense] .mat-list-item-content{padding:0;text-align:left}.q-grid-persistence-panel .q-grid-persistence-list-item h3{text-transform:uppercase}.q-grid-persistence-panel .q-grid-persistence-list-item .q-grid-selected-item-modified{color:#757575}.q-grid-persistence-panel .q-grid-persistence-list{padding:0;overflow:auto}.q-grid-persistence-panel .q-grid-persistence-list>.q-grid-persistence-list-item{height:40px}.q-grid-persistence-panel .q-grid-persistence-item-edit{flex:1;padding:0 6px}.q-grid-persistence-panel .q-grid-persistence-item-edit .mat-form-field-infix{width:100%}.q-grid-persistence-panel .q-grid-more .mat-button{min-width:24px}.q-grid-persistence-panel .q-grid-more .mat-button .mat-button-focus-overlay{background-color:transparent}.q-grid-persistence-panel .q-grid-more .mat-icon{color:#757575;line-height:20px;font-size:20px}.q-grid-persistence-panel .q-grid-persistence-group-title{margin:0;text-transform:uppercase}@media (max-height: 540px){.q-grid-persistence-panel.q-grid-menu{height:400px;min-height:400px;max-height:400px}.q-grid-persistence-panel.q-grid-menu .mat-card-content{max-height:318px}}.q-grid-query-builder-panel.q-grid-menu .mat-card{padding:4px 16px}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .mat-select{width:auto}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .mat-select-value{max-width:none}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .mat-select-arrow-wrapper{display:none}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .mat-form-field{width:75px}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .mat-form-field .mat-form-field-wrapper{padding-bottom:0}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .mat-form-field .mat-form-field-wrapper .mat-form-field-infix{border:none;padding:0}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .mat-form-field .mat-form-field-wrapper .mat-form-field-infix input{margin:0}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .mat-form-field .mat-form-field-label-wrapper{top:0;padding-top:0}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .mat-form-field .mat-form-field-label-wrapper>.mat-form-field-label{top:0}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .mat-form-field .mat-form-field-underline{bottom:0;display:none}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .mat-form-field.mat-focused .mat-form-field-underline{display:block}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .mat-form-field.qb-invalid .mat-form-field-underline{display:block;background:#dd2c00}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .mat-chip-list,.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .mat-chip-list .mat-chip-list-wrapper{display:inline-block}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .mat-chip-list .mat-chip{padding:0;border-radius:0;background-color:transparent;outline:none}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .mat-chip-list .mat-chip .q-grid-icon{margin-left:-3px;margin-right:0;font-size:13px;line-height:13px;height:15px;width:15px;vertical-align:middle}.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .qb-operation .mat-select-value,.q-grid-query-builder-panel.q-grid-menu .q-grid-query-builder-expression .qb-operator .mat-select-value{color:#3eb1c8}.q-grid-query-builder-error-tooltip{text-transform:lowercase}.q-grid-shortcut{text-transform:uppercase}.q-grid-row-options .q-grid-shortcut{padding-left:20px;float:right}.q-grid-disabled{color:#00000042!important;cursor:default;pointer-events:none}.q-grid-embed,.q-grid-lcc,.q-grid-compact{font-family:roboto,Helvetica Neue,sans-serif}.q-grid-embed q-grid-caption h3,.q-grid-lcc q-grid-caption h3,.q-grid-compact q-grid-caption h3{color:#006f8f}.q-grid-embed .q-grid-sort,.q-grid-lcc .q-grid-sort,.q-grid-compact .q-grid-sort{margin-left:0}.q-grid-embed .q-grid-text,.q-grid-lcc .q-grid-text,.q-grid-compact .q-grid-text{font-size:13px}.q-grid-embed .q-grid tbody tr,.q-grid-embed .q-grid tfoot tr,.q-grid-embed .q-grid thead tr,.q-grid-lcc .q-grid tbody tr,.q-grid-lcc .q-grid tfoot tr,.q-grid-lcc .q-grid thead tr,.q-grid-compact .q-grid tbody tr,.q-grid-compact .q-grid tfoot tr,.q-grid-compact .q-grid thead tr{height:36px}.q-grid-embed .q-grid tbody td,.q-grid-embed .q-grid tfoot td,.q-grid-embed .q-grid thead td,.q-grid-lcc .q-grid tbody td,.q-grid-lcc .q-grid tfoot td,.q-grid-lcc .q-grid thead td,.q-grid-compact .q-grid tbody td,.q-grid-compact .q-grid tfoot td,.q-grid-compact .q-grid thead td{font-size:14px;line-height:normal;font-weight:400;font-style:normal;color:#000000de;padding:0 20px}.q-grid-embed .q-grid tbody td.q-grid-text-area>span,.q-grid-embed .q-grid tfoot td.q-grid-text-area>span,.q-grid-embed .q-grid thead td.q-grid-text-area>span,.q-grid-lcc .q-grid tbody td.q-grid-text-area>span,.q-grid-lcc .q-grid tfoot td.q-grid-text-area>span,.q-grid-lcc .q-grid thead td.q-grid-text-area>span,.q-grid-compact .q-grid tbody td.q-grid-text-area>span,.q-grid-compact .q-grid tfoot td.q-grid-text-area>span,.q-grid-compact .q-grid thead td.q-grid-text-area>span{white-space:nowrap}.q-grid-embed .q-grid tbody td.q-grid-array li,.q-grid-embed .q-grid tfoot td.q-grid-array li,.q-grid-embed .q-grid thead td.q-grid-array li,.q-grid-lcc .q-grid tbody td.q-grid-array li,.q-grid-lcc .q-grid tfoot td.q-grid-array li,.q-grid-lcc .q-grid thead td.q-grid-array li,.q-grid-compact .q-grid tbody td.q-grid-array li,.q-grid-compact .q-grid tfoot td.q-grid-array li,.q-grid-compact .q-grid thead td.q-grid-array li{padding:2px 8px}.q-grid-embed .q-grid tbody td.q-grid-edit.q-grid-row-options button,.q-grid-embed .q-grid tfoot td.q-grid-edit.q-grid-row-options button,.q-grid-embed .q-grid thead td.q-grid-edit.q-grid-row-options button,.q-grid-lcc .q-grid tbody td.q-grid-edit.q-grid-row-options button,.q-grid-lcc .q-grid tfoot td.q-grid-edit.q-grid-row-options button,.q-grid-lcc .q-grid thead td.q-grid-edit.q-grid-row-options button,.q-grid-compact .q-grid tbody td.q-grid-edit.q-grid-row-options button,.q-grid-compact .q-grid tfoot td.q-grid-edit.q-grid-row-options button,.q-grid-compact .q-grid thead td.q-grid-edit.q-grid-row-options button{width:24px;height:24px;line-height:24px}.q-grid-embed .q-grid tbody td.q-grid-image img,.q-grid-embed .q-grid tfoot td.q-grid-image img,.q-grid-embed .q-grid thead td.q-grid-image img,.q-grid-lcc .q-grid tbody td.q-grid-image img,.q-grid-lcc .q-grid tfoot td.q-grid-image img,.q-grid-lcc .q-grid thead td.q-grid-image img,.q-grid-compact .q-grid tbody td.q-grid-image img,.q-grid-compact .q-grid tfoot td.q-grid-image img,.q-grid-compact .q-grid thead td.q-grid-image img{max-height:24px;max-width:24px}.q-grid-embed .q-grid tbody td.q-grid-row-number,.q-grid-embed .q-grid tfoot td.q-grid-row-number,.q-grid-embed .q-grid thead td.q-grid-row-number,.q-grid-lcc .q-grid tbody td.q-grid-row-number,.q-grid-lcc .q-grid tfoot td.q-grid-row-number,.q-grid-lcc .q-grid thead td.q-grid-row-number,.q-grid-compact .q-grid tbody td.q-grid-row-number,.q-grid-compact .q-grid tfoot td.q-grid-row-number,.q-grid-compact .q-grid thead td.q-grid-row-number{color:#006f8f}.q-grid-embed .q-grid thead th,.q-grid-lcc .q-grid thead th,.q-grid-compact .q-grid thead th{font-size:12px!important;line-height:14px;font-weight:400!important;font-style:normal;color:#006f8f!important}.q-grid-embed .q-grid thead th:hover label,.q-grid-lcc .q-grid thead th:hover label,.q-grid-compact .q-grid thead th:hover label{font-weight:400!important}.q-grid-embed .q-grid thead th .q-grid-icon,.q-grid-lcc .q-grid thead th .q-grid-icon,.q-grid-compact .q-grid thead th .q-grid-icon{text-align:center;line-height:16px;font-size:14px}.q-grid-embed .q-grid thead th .q-grid-column-filter-trigger,.q-grid-lcc .q-grid thead th .q-grid-column-filter-trigger,.q-grid-compact .q-grid thead th .q-grid-column-filter-trigger{right:4px}.q-grid-embed .q-grid thead th .q-grid-column-filter-trigger button,.q-grid-lcc .q-grid thead th .q-grid-column-filter-trigger button,.q-grid-compact .q-grid thead th .q-grid-column-filter-trigger button{margin:0;width:20px}.q-grid-embed .q-grid thead th .q-grid-sort,.q-grid-lcc .q-grid thead th .q-grid-sort,.q-grid-compact .q-grid thead th .q-grid-sort{color:#006f8f}.q-grid-embed .q-grid thead th .q-grid-sort label,.q-grid-lcc .q-grid thead th .q-grid-sort label,.q-grid-compact .q-grid thead th .q-grid-sort label{cursor:pointer}.q-grid-embed .q-grid thead th .q-grid-sort.q-grid-active label,.q-grid-lcc .q-grid thead th .q-grid-sort.q-grid-active label,.q-grid-compact .q-grid thead th .q-grid-sort.q-grid-active label{color:inherit}.q-grid-embed .q-grid-legend-list,.q-grid-lcc .q-grid-legend-list,.q-grid-compact .q-grid-legend-list{font-size:16px!important;text-align:left!important;color:#000!important;margin-top:15px}.q-grid-embed .q-grid-legend-item,.q-grid-lcc .q-grid-legend-item,.q-grid-compact .q-grid-legend-item{width:8px!important;height:8px!important;margin-right:18px!important;margin-bottom:2px!important}.q-grid-embed .q-grid-pager,.q-grid-lcc .q-grid-pager,.q-grid-compact .q-grid-pager{padding:11px 0}.q-grid-embed .q-grid-layer,.q-grid-lcc .q-grid-layer,.q-grid-compact .q-grid-layer{top:50px}.q-grid-dark .q-grid.q-grid-theme-material{background-color:#363640;font-family:Roboto Condensed,roboto,Helvetica Neue,sans-serif;font-weight:300}.q-grid-dark .q-grid.q-grid-theme-material thead{box-shadow:0 1px #e0e0e0}.q-grid-dark .q-grid.q-grid-theme-material thead th{font-weight:300}.q-grid-dark .q-grid.q-grid-theme-material tbody tr{border-top:1px solid #e0e0e0}.q-grid-dark .q-grid.q-grid-theme-material q-grid-caption h3{color:#fff;padding-left:10px}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-toolbar .q-grid-icon,.q-grid-dark .q-grid.q-grid-theme-material .q-grid-pager label{color:#fff}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view{background-color:#3c3c46}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view .mat-icon,.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view .mat-hint,.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view .q-grid-icon{color:#fff}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view thead tr th{color:#fff9}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view thead tr th.q-grid-sorted .q-grid-sort.q-grid-active .q-grid-icon,.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view thead tr th.q-grid-sorted .q-grid-sort.q-grid-active label{color:#fff}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view thead tr th>.q-grid-divider{border-right:1px solid #e0e0e0}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view td.q-grid-sorted{background-color:#0000}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view td.q-grid-highlighted,.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view td.q-grid-selected{background-color:#616161}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view td.q-grid-email a{color:#fff}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view td.q-grid-array ul li{color:#424242}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view td .q-grid-editor{color:#fff;background-color:#424242}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view tr td{color:#fff;font-family:Roboto Condensed,roboto,Helvetica Neue,sans-serif;font-size:14px}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view tr.q-grid-highlighted{background-color:#616161}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view tr:not(.q-grid-highlighted) td.q-grid-selected{background-color:#616161}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view tr:not(.q-grid-highlighted) td.q-grid-selected.q-grid-sorted{background-color:#3c3c46}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view .mat-checkbox-frame{border-color:#fff}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view .mat-form-field-underline{background-color:#fff}.q-grid-dark .q-grid.q-grid-theme-material .q-grid-view .mat-form-field-ripple{background-color:#616161}.q-grid-dark .q-grid.q-grid-theme-material ul.q-grid-legend-list{color:#fff}.q-grid-dark .q-grid ::-webkit-scrollbar-track,.q-grid-dark .q-grid ::-webkit-scrollbar-track-piece{background-color:#424242}.q-grid-dark .q-grid-menu ::-webkit-scrollbar-track,.q-grid-dark .q-grid-menu ::-webkit-scrollbar-track-piece{background-color:#616161}.q-grid-dark .q-grid .mat-select-arrow,.q-grid-dark .q-grid .mat-select-value{color:#fff}.q-grid-dark div.mat-select-content{background:#424242}.q-grid-dark div.mat-select-content .mat-option{color:#fff}.q-grid-dark div.mat-select-content .mat-option:hover{background:#616161}.q-grid-dark .mat-menu-panel{background:#424242}.q-grid-dark .mat-menu-content{background:#424242;height:500px}.q-grid-dark q-grid-column-chooser .mat-checkbox-frame,.q-grid-dark q-grid-column-chooser label,.q-grid-dark q-grid-column-filter .mat-checkbox-frame,.q-grid-dark q-grid-column-filter label{border-color:#fff}.q-grid-dark q-grid-column-chooser .mat-input-underline,.q-grid-dark q-grid-column-filter .mat-input-underline{color:#fff}.q-grid-dark q-grid-column-chooser .mat-card,.q-grid-dark q-grid-column-filter .mat-card{background-color:#424242;color:#fff;font-weight:300}.q-grid-dark q-grid-column-chooser .mat-card .mat-card-title,.q-grid-dark q-grid-column-filter .mat-card .mat-card-title{font-size:16px}.q-grid-dark q-grid-column-chooser .mat-card .mat-button,.q-grid-dark q-grid-column-filter .mat-card .mat-button{color:#fff}.q-grid-dark q-grid-column-chooser .mat-card .mat-form-field-label,.q-grid-dark q-grid-column-filter .mat-card .mat-form-field-label{color:#fff}.q-grid-dark q-grid-column-chooser .mat-card .mat-input-underline,.q-grid-dark q-grid-column-filter .mat-card .mat-input-underline{color:#fff}.q-grid-dark q-grid-column-chooser .mat-card .mat-form-field,.q-grid-dark q-grid-column-filter .mat-card .mat-form-field{font-weight:300}.q-grid-dark q-grid-column-chooser .mat-card .mat-form-field-underline,.q-grid-dark q-grid-column-filter .mat-card .mat-form-field-underline{background-color:#e0e0e0}.q-grid-dark q-grid-column-chooser .mat-card .mat-form-field-ripple,.q-grid-dark q-grid-column-filter .mat-card .mat-form-field-ripple{background-color:#1eb980}.q-grid-dark q-grid-column-chooser .mat-card .mat-form-field-should-float label,.q-grid-dark q-grid-column-chooser .mat-card .q-grid-filter-by-item,.q-grid-dark q-grid-column-filter .mat-card .mat-form-field-should-float label,.q-grid-dark q-grid-column-filter .mat-card .q-grid-filter-by-item{font-family:Roboto Condensed,roboto,Helvetica Neue,sans-serif;font-weight:300}.q-grid-dark q-grid-column-chooser .mat-card .q-grid-filter-by-item,.q-grid-dark q-grid-column-filter .mat-card .q-grid-filter-by-item{color:#424242}.q-grid-dark q-grid-column-chooser .mat-card .mat-button:hover,.q-grid-dark q-grid-column-filter .mat-card .mat-button:hover{background-color:#616161}.q-grid-dark q-grid-column-chooser .mat-card .mat-button.mat-primary,.q-grid-dark q-grid-column-chooser .mat-card .mat-checkbox-checked.mat-accent .mat-checkbox-background,.q-grid-dark q-grid-column-chooser .mat-card .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,.q-grid-dark q-grid-column-filter .mat-card .mat-button.mat-primary,.q-grid-dark q-grid-column-filter .mat-card .mat-checkbox-checked.mat-accent .mat-checkbox-background,.q-grid-dark q-grid-column-filter .mat-card .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{background-color:#616161}.q-grid-dark q-grid-column-chooser .mat-card .q-grid-highlight-part,.q-grid-dark q-grid-column-filter .mat-card .q-grid-highlight-part{background-color:#8d8d8d;color:#fff}.q-grid-dark td.q-grid-focused{outline-color:#5565a0}.q-grid-dark .q-grid-view:not(.q-grid-active) td.q-grid-focused{outline-color:#5565a0}.q-grid-dark .q-grid-cell-handler{outline-color:#5565a0}\n"] }]
}], null, null); })();
class ChipsModule {
}
ChipsModule.ɵfac = function ChipsModule_Factory(t) { return new (t || ChipsModule)(); };
ChipsModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: ChipsModule });
ChipsModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({});
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChipsModule, [{
type: NgModule,
args: [{
declarations: [
ChipsDirective,
ChipsPushDirective,
ChipsRemoveDirective,
],
exports: [
ChipsDirective,
ChipsPushDirective,
ChipsRemoveDirective,
],
}]
}], null, null); })();
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ChipsModule, { declarations: [ChipsDirective,
ChipsPushDirective,
ChipsRemoveDirective], exports: [ChipsDirective,
ChipsPushDirective,
ChipsRemoveDirective] }); })();
class DateAdapterModule {
}
DateAdapterModule.ɵfac = function DateAdapterModule_Factory(t) { return new (t || DateAdapterModule)(); };
DateAdapterModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: DateAdapterModule });
DateAdapterModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({});
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DateAdapterModule, [{
type: NgModule,
args: [{
declarations: [
DateAdapterDirective,
],
exports: [
DateAdapterDirective,
],
}]
}], null, null); })();
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DateAdapterModule, { declarations: [DateAdapterDirective], exports: [DateAdapterDirective] }); })();
class MenuModule {
}
MenuModule.ɵfac = function MenuModule_Factory(t) { return new (t || MenuModule)(); };
MenuModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: MenuModule });
MenuModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({});
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuModule, [{
type: NgModule,
args: [{
declarations: [
MenuDirective,
MenuTriggerDirective,
],
exports: [
MenuDirective,
MenuTriggerDirective,
],
}]
}], null, null); })();
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(MenuModule, { declarations: [MenuDirective,
MenuTriggerDirective], exports: [MenuDirective,
MenuTriggerDirective] }); })();
class SelectModule {
}
SelectModule.ɵfac = function SelectModule_Factory(t) { return new (t || SelectModule)(); };
SelectModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: SelectModule });
SelectModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({});
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectModule, [{
type: NgModule,
args: [{
declarations: [
SelectDirective,
],
exports: [
SelectDirective,
],
}]
}], null, null); })();
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SelectModule, { declarations: [SelectDirective], exports: [SelectDirective] }); })();
class ThemeOverlayModule {
}
ThemeOverlayModule.ɵfac = function ThemeOverlayModule_Factory(t) { return new (t || ThemeOverlayModule)(); };
ThemeOverlayModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: ThemeOverlayModule });
ThemeOverlayModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({});
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ThemeOverlayModule, [{
type: NgModule,
args: [{
declarations: [
ThemeOverlayDirective,
],
exports: [
ThemeOverlayDirective,
],
}]
}], null, null); })();
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ThemeOverlayModule, { declarations: [ThemeOverlayDirective], exports: [ThemeOverlayDirective] }); })();
class ThemeModule {
constructor(theme) {
theme.name = 'material';
theme.component = ThemeComponent;
}
}
ThemeModule.ɵfac = function ThemeModule_Factory(t) { return new (t || ThemeModule)(i0.ɵɵinject(i1.ThemeService)); };
ThemeModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: ThemeModule });
ThemeModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
CommonModule,
FormsModule,
GridModule,
TemplateModule,
DndModule,
VscrollModule,
ResizeModule,
ChipsModule,
SelectModule,
ThemeOverlayModule,
ActionBarModule,
ActionModule,
AutoCompleteEditorModule,
BackdropModule,
BoolEditorModule,
CaptionModule,
CellTooltipModule,
CellEditorModule,
ChangeDetectorModule,
ColumnChooserModule,
ColumnChooserTriggerModule,
ColumnFilterModule,
ColumnSortModule,
CommandModule,
DataManipulationModule,
DateAdapterModule,
DateModule,
EbModule,
EditFormModule,
ExportModule,
FileModule,
FocusModule,
ImportModule,
LayerModule,
LayoutModule,
LegendModule,
LiveCellModule,
LiveColumnModule,
LiveRowModule,
MarkupModule,
MenuModule,
PagerModule,
PaneModule,
PersistenceModule,
PipeModule,
ProgressModule,
QueryBuilderModule,
ReferenceEditorModule,
RestModule,
StatusBarModule,
TabTrapModule,
TimeModule,
ValidationModule,
VisibilityModule,
MatAutocompleteModule,
MatButtonModule,
MatCardModule,
MatCheckboxModule,
MatChipsModule,
MatDatepickerModule,
MatDialogModule,
MatIconModule,
MatInputModule,
MatListModule,
MatMenuModule,
MatNativeDateModule,
MatProgressBarModule,
MatRadioModule,
MatSelectModule,
MatToolbarModule,
MatTooltipModule,
]] });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ThemeModule, [{
type: NgModule,
args: [{
declarations: [
ThemeComponent,
],
exports: [
ThemeComponent,
],
imports: [
CommonModule,
FormsModule,
GridModule,
TemplateModule,
DndModule,
VscrollModule,
ResizeModule,
ChipsModule,
SelectModule,
ThemeOverlayModule,
ActionBarModule,
ActionModule,
AutoCompleteEditorModule,
BackdropModule,
BoolEditorModule,
CaptionModule,
CellTooltipModule,
CellEditorModule,
ChangeDetectorModule,
ColumnChooserModule,
ColumnChooserTriggerModule,
ColumnFilterModule,
ColumnSortModule,
CommandModule,
DataManipulationModule,
DateAdapterModule,
DateModule,
EbModule,
EditFormModule,
ExportModule,
FileModule,
FocusModule,
ImportModule,
LayerModule,
LayoutModule,
LegendModule,
LiveCellModule,
LiveColumnModule,
LiveRowModule,
MarkupModule,
MenuModule,
PagerModule,
PaneModule,
PersistenceModule,
PipeModule,
ProgressModule,
QueryBuilderModule,
ReferenceEditorModule,
RestModule,
StatusBarModule,
TabTrapModule,
TimeModule,
ValidationModule,
VisibilityModule,
MatAutocompleteModule,
MatButtonModule,
MatCardModule,
MatCheckboxModule,
MatChipsModule,
MatDatepickerModule,
MatDialogModule,
MatIconModule,
MatInputModule,
MatListModule,
MatMenuModule,
MatNativeDateModule,
MatProgressBarModule,
MatRadioModule,
MatSelectModule,
MatToolbarModule,
MatTooltipModule,
],
}]
}], function () { return [{ type: i1.ThemeService }]; }, null); })();
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ThemeModule, { declarations: [ThemeComponent], imports: [CommonModule,
FormsModule,
GridModule,
TemplateModule,
DndModule,
VscrollModule,
ResizeModule,
ChipsModule,
SelectModule,
ThemeOverlayModule,
ActionBarModule,
ActionModule,
AutoCompleteEditorModule,
BackdropModule,
BoolEditorModule,
CaptionModule,
CellTooltipModule,
CellEditorModule,
ChangeDetectorModule,
ColumnChooserModule,
ColumnChooserTriggerModule,
ColumnFilterModule,
ColumnSortModule,
CommandModule,
DataManipulationModule,
DateAdapterModule,
DateModule,
EbModule,
EditFormModule,
ExportModule,
FileModule,
FocusModule,
ImportModule,
LayerModule,
LayoutModule,
LegendModule,
LiveCellModule,
LiveColumnModule,
LiveRowModule,
MarkupModule,
MenuModule,
PagerModule,
PaneModule,
PersistenceModule,
PipeModule,
ProgressModule,
QueryBuilderModule,
ReferenceEditorModule,
RestModule,
StatusBarModule,
TabTrapModule,
TimeModule,
ValidationModule,
VisibilityModule,
MatAutocompleteModule,
MatButtonModule,
MatCardModule,
MatCheckboxModule,
MatChipsModule,
MatDatepickerModule,
MatDialogModule,
MatIconModule,
MatInputModule,
MatListModule,
MatMenuModule,
MatNativeDateModule,
MatProgressBarModule,
MatRadioModule,
MatSelectModule,
MatToolbarModule,
MatTooltipModule], exports: [ThemeComponent] }); })();
/**
* Generated bundle index. Do not edit.
*/
export { ThemeComponent, ThemeModule };
//# sourceMappingURL=qgrid-ngx-theme-material.mjs.map