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