@trudb/tru-common-lib 0.0.135 → 0.0.140

package/fesm2015/trudb-tru-common-lib.mjs

@@ -0,0 +1,530 @@
+import * as i0 from '@angular/core';
+import { Injectable, Directive, Input, EventEmitter, Component, NgModule, Output } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import * as i1$1 from '@angular/platform-browser';
+import * as i2 from '@angular/material/icon';
+
+class TruWindowEvent {
+    constructor() {
+        this.title = '';
+        this.windowContext = {};
+        this.contentBottom = '23px';
+        this.statusbarDirective = 'tru-statusbar';
+        this.height = '450px';
+        this.width = '900px';
+        this.views = [{}];
+    }
+}
+TruWindowEvent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruWindowEvent, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TruWindowEvent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruWindowEvent, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruWindowEvent, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+/*
+ * The abstract class needs the Angular @Component decorator in order in implement @Input
+ */
+class TruSearch {
+    constructor() {
+        this.operatorLookup = {
+            equal: 'eq',
+            "not-equal": 'not-eq',
+            "greater-than": 'gt',
+            "greater-than-or-equal": 'ge',
+            "less-than": 'lt',
+            "less-than-or-equal": 'le',
+            contains: 'contains'
+        };
+        this.operatorIconLookup = {
+            equal: 'equal-operator-icon',
+            "not-equal": 'not-equal-operator-icon',
+            "greater-than": 'greater-than-operator-icon',
+            "greater-than-or-equal": 'greater-than-or-equal-operator-icon',
+            "less-than": 'less-than-operator-icon',
+            "less-than-or-equal": 'less-than-or-equal-operator-icon',
+            contains: 'contains-operator-icon'
+        };
+        this.operatorIconTitleLookup = {
+            equal: 'Equal To',
+            "not-equal": 'Not Equal To',
+            "greater-than": 'Greater Than',
+            "greater-than-or-equal": 'Greater Than Or Equal To',
+            "less-than": 'Less Than',
+            "less-than-or-equal": 'Less Than Or Equal To',
+            contains: 'Contains'
+        };
+    }
+}
+TruSearch.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruSearch, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+TruSearch.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.3", type: TruSearch, inputs: { config: "config" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruSearch, decorators: [{
+            type: Directive
+        }], propDecorators: { config: [{
+                type: Input
+            }] } });
+
+class TruSearchGroupEventHandler {
+    constructor() {
+        this.search$ = new EventEmitter();
+        this.filter$ = new EventEmitter();
+        this.clear$ = new Subject();
+        this.default$ = new Subject();
+    }
+    onSearch() {
+        return this.search$;
+    }
+    onFilter() {
+        return this.filter$;
+    }
+    onClearValues() {
+        return this.clear$;
+    }
+    onSetDefaults() {
+        return this.default$;
+    }
+    search(entityQuery) {
+        this.search$.emit(entityQuery);
+    }
+    filter(entityQuery) {
+        this.filter$.emit(entityQuery);
+    }
+    clearValues() {
+        this.clear$.next(null);
+    }
+    setDefaults() {
+        this.default$.next(null);
+    }
+}
+TruSearchGroupEventHandler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruSearchGroupEventHandler, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TruSearchGroupEventHandler.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruSearchGroupEventHandler });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruSearchGroupEventHandler, decorators: [{
+            type: Injectable
+        }] });
+
+class TruComponentLookup {
+    constructor() {
+        this.truComponentLookupRegistry = new Map();
+        this.set = (key, type) => {
+            this.truComponentLookupRegistry.set(key, type);
+        };
+        this.get = (key) => {
+            return this.truComponentLookupRegistry.get(key);
+        };
+    }
+}
+TruComponentLookup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruComponentLookup, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TruComponentLookup.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruComponentLookup, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruComponentLookup, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class TruWindowActionEventHandler {
+    constructor() {
+        this.save$ = new Subject();
+        this.revert$ = new Subject();
+        this.onSave = () => {
+            return this.save$;
+        };
+        this.onRevert = () => {
+            return this.revert$;
+        };
+        this.save = () => {
+            this.save$.next(null);
+        };
+        this.revert = () => {
+            this.revert$.next(null);
+        };
+    }
+}
+TruWindowActionEventHandler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruWindowActionEventHandler, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TruWindowActionEventHandler.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruWindowActionEventHandler });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruWindowActionEventHandler, decorators: [{
+            type: Injectable
+        }] });
+
+class TruWindowEventHandler {
+    constructor() {
+        this.open$ = new Subject();
+    }
+    onOpen() {
+        return this.open$;
+    }
+    open(windowEvent) {
+        this.open$.next(windowEvent);
+    }
+}
+TruWindowEventHandler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruWindowEventHandler, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TruWindowEventHandler.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruWindowEventHandler, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruWindowEventHandler, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class TruMenuButton {
+    constructor() {
+    }
+}
+TruMenuButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruMenuButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TruMenuButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: TruMenuButton, selector: "tru-menu-button", inputs: { config: "config" }, ngImport: i0, template: "<div>\r\n  <i *ngIf=\"config.menuIcon\" class=\"{{config.menuIcon}} sub-menu-icon\" tabindex=\"-1\" (click)=\"config.fire()\"></i>\r\n  <button tabindex=\"-1\" (click)=\"config.fire()\" [disabled]=\"!config.enabled()\" *ngIf=\"config.hasAccess() && !config.menuIcon\">{{config.label}}</button>\r\n</div>\r\n", styles: [".has-sub-menu{position:relative;cursor:pointer}.has-sub-menu button{background:transparent;border:none;text-decoration:none;cursor:pointer;display:block;width:100%;text-align:left;outline:none;padding:0 10px!important}.has-sub-menu p{background:transparent;border:none;text-decoration:none;cursor:pointer;display:block;width:100%;text-align:left;outline:none;padding:0 10px!important;line-height:26px;pointer-events:none}.has-sub-menu p.separator-title{padding:0!important;font-size:12px;color:#ababab}.has-sub-menu:hover{background:#959595}\n", ".sub-menu-icon{font-size:18px;line-height:22px;vertical-align:middle;pointer-events:none}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruMenuButton, decorators: [{
+            type: Component,
+            args: [{ selector: 'tru-menu-button', template: "<div>\r\n  <i *ngIf=\"config.menuIcon\" class=\"{{config.menuIcon}} sub-menu-icon\" tabindex=\"-1\" (click)=\"config.fire()\"></i>\r\n  <button tabindex=\"-1\" (click)=\"config.fire()\" [disabled]=\"!config.enabled()\" *ngIf=\"config.hasAccess() && !config.menuIcon\">{{config.label}}</button>\r\n</div>\r\n", styles: [".has-sub-menu{position:relative;cursor:pointer}.has-sub-menu button{background:transparent;border:none;text-decoration:none;cursor:pointer;display:block;width:100%;text-align:left;outline:none;padding:0 10px!important}.has-sub-menu p{background:transparent;border:none;text-decoration:none;cursor:pointer;display:block;width:100%;text-align:left;outline:none;padding:0 10px!important;line-height:26px;pointer-events:none}.has-sub-menu p.separator-title{padding:0!important;font-size:12px;color:#ababab}.has-sub-menu:hover{background:#959595}\n", ".sub-menu-icon{font-size:18px;line-height:22px;vertical-align:middle;pointer-events:none}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { config: [{
+                type: Input
+            }] } });
+
+class TruMenuItem {
+    constructor() {
+        this.onClick = (event) => {
+            var target = event.target;
+            var isActive = target.classList.contains('is-active');
+            if (isActive) {
+                target.classList.remove('is-active');
+            }
+            else {
+                target.classList.add('is-active');
+            }
+        };
+    }
+}
+TruMenuItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruMenuItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TruMenuItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: TruMenuItem, selector: "tru-menu-item", inputs: { config: "config" }, ngImport: i0, template: "<div (click)=\"onClick($event)\">\r\n  <p *ngIf=\"config.menuLabel\">{{config.menuLabel}}</p>\r\n  <i *ngIf=\"config.menuIcon\" class=\"{{config.menuIcon}} sub-menu-icon\"  tabindex=\"-1\"></i>\r\n  <div class=\"sub-menu\" *ngIf=\"config.choices\">\r\n    <ul class=\"sub-menu-nav\">\r\n      <li *ngFor=\"let choice of config.choices\">\r\n          <p *ngIf=\"choice.title\" class=\"separator-title\">{{choice.title}}</p>\r\n          <hr *ngIf=\"choice.separator\" />\r\n          <button *ngIf=\"!choice.separator\" tabindex=\"-1\" (click)=\"choice.fire()\" [disabled]=\"!choice.enabled\">{{choice.label}}</button>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</div>\r\n", styles: [".has-sub-menu{position:relative;cursor:pointer}.has-sub-menu button{background:transparent;border:none;text-decoration:none;cursor:pointer;display:block;width:100%;text-align:left;outline:none;padding:0 10px!important}.has-sub-menu p{background:transparent;border:none;text-decoration:none;cursor:pointer;display:block;width:100%;text-align:left;outline:none;padding:0 10px!important;line-height:26px;pointer-events:none}.has-sub-menu p.separator-title{padding:0!important;font-size:12px;color:#ababab}.has-sub-menu:hover{background:#959595}\n", "p{margin:0;line-height:26px;pointer-events:none}.sub-menu{display:none;position:absolute;left:-1px;min-width:200px;padding:5px 0;background:#ffffff;border:1px solid #d5d5d5;border-top:none;z-index:99999999}.sub-menu-nav a{display:block;padding:0 20px;line-height:1.5}.sub-menu-nav a:hover{background:#959595;color:#fff}.sub-menu-nav hr{margin:0;color:#dedede}.sub-menu button{background:#fff;border:none;text-decoration:none;cursor:pointer;display:block;padding:0 20px!important;line-height:1.5;width:100%;text-align:left;outline:none}.sub-menu button:hover{background:#959595;color:#fff}.sub-menu button:disabled{background:#fff;color:#000;opacity:.5}.sub-menu-nav>li{position:relative;padding:0 3px}.sub-menu-nav>li:hover>.sub-menu{display:block;top:-6px;left:190px;border:1px solid #d5d5d5}.sub-menu-nav{margin:0;padding:0;list-style:none}.sub-menu-nav>*+*{display:block;margin-top:5px}.sub-menu-icon{font-size:18px;line-height:22px;vertical-align:middle;pointer-events:none}.is-active div.sub-menu{display:block}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruMenuItem, decorators: [{
+            type: Component,
+            args: [{ selector: 'tru-menu-item', template: "<div (click)=\"onClick($event)\">\r\n  <p *ngIf=\"config.menuLabel\">{{config.menuLabel}}</p>\r\n  <i *ngIf=\"config.menuIcon\" class=\"{{config.menuIcon}} sub-menu-icon\"  tabindex=\"-1\"></i>\r\n  <div class=\"sub-menu\" *ngIf=\"config.choices\">\r\n    <ul class=\"sub-menu-nav\">\r\n      <li *ngFor=\"let choice of config.choices\">\r\n          <p *ngIf=\"choice.title\" class=\"separator-title\">{{choice.title}}</p>\r\n          <hr *ngIf=\"choice.separator\" />\r\n          <button *ngIf=\"!choice.separator\" tabindex=\"-1\" (click)=\"choice.fire()\" [disabled]=\"!choice.enabled\">{{choice.label}}</button>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</div>\r\n", styles: [".has-sub-menu{position:relative;cursor:pointer}.has-sub-menu button{background:transparent;border:none;text-decoration:none;cursor:pointer;display:block;width:100%;text-align:left;outline:none;padding:0 10px!important}.has-sub-menu p{background:transparent;border:none;text-decoration:none;cursor:pointer;display:block;width:100%;text-align:left;outline:none;padding:0 10px!important;line-height:26px;pointer-events:none}.has-sub-menu p.separator-title{padding:0!important;font-size:12px;color:#ababab}.has-sub-menu:hover{background:#959595}\n", "p{margin:0;line-height:26px;pointer-events:none}.sub-menu{display:none;position:absolute;left:-1px;min-width:200px;padding:5px 0;background:#ffffff;border:1px solid #d5d5d5;border-top:none;z-index:99999999}.sub-menu-nav a{display:block;padding:0 20px;line-height:1.5}.sub-menu-nav a:hover{background:#959595;color:#fff}.sub-menu-nav hr{margin:0;color:#dedede}.sub-menu button{background:#fff;border:none;text-decoration:none;cursor:pointer;display:block;padding:0 20px!important;line-height:1.5;width:100%;text-align:left;outline:none}.sub-menu button:hover{background:#959595;color:#fff}.sub-menu button:disabled{background:#fff;color:#000;opacity:.5}.sub-menu-nav>li{position:relative;padding:0 3px}.sub-menu-nav>li:hover>.sub-menu{display:block;top:-6px;left:190px;border:1px solid #d5d5d5}.sub-menu-nav{margin:0;padding:0;list-style:none}.sub-menu-nav>*+*{display:block;margin-top:5px}.sub-menu-icon{font-size:18px;line-height:22px;vertical-align:middle;pointer-events:none}.is-active div.sub-menu{display:block}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { config: [{
+                type: Input
+            }] } });
+
+class TruMenu {
+    constructor() {
+        this.onDocumentClick = (event) => {
+            var activeMenus = document.querySelectorAll('.is-active');
+            var target = event.target;
+            activeMenus.forEach((activeMenu) => {
+                if (activeMenu !== target) {
+                    activeMenu.classList.remove('is-active');
+                }
+            });
+        };
+    }
+    ngAfterViewInit() {
+        document.addEventListener('click', this.onDocumentClick);
+    }
+    ngOnDestroy() {
+        document.removeEventListener('click', this.onDocumentClick);
+    }
+}
+TruMenu.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TruMenu.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: TruMenu, selector: "tru-menu", inputs: { config: "config" }, ngImport: i0, template: "<li class=\"has-sub-menu\">\r\n  <tru-menu-button [config]=\"config\" *ngIf=\"!config.choices\"></tru-menu-button>\r\n  <tru-menu-item [config]=\"config\" *ngIf=\"config.choices && config.choices.length\"></tru-menu-item>\r\n</li>\r\n", styles: [".has-sub-menu{position:relative;cursor:pointer}.has-sub-menu button{background:transparent;border:none;text-decoration:none;cursor:pointer;display:block;width:100%;text-align:left;outline:none;padding:0 10px!important}.has-sub-menu p{background:transparent;border:none;text-decoration:none;cursor:pointer;display:block;width:100%;text-align:left;outline:none;padding:0 10px!important;line-height:26px;pointer-events:none}.has-sub-menu p.separator-title{padding:0!important;font-size:12px;color:#ababab}.has-sub-menu:hover{background:#959595}\n"], components: [{ type: TruMenuButton, selector: "tru-menu-button", inputs: ["config"] }, { type: TruMenuItem, selector: "tru-menu-item", inputs: ["config"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruMenu, decorators: [{
+            type: Component,
+            args: [{ selector: 'tru-menu', template: "<li class=\"has-sub-menu\">\r\n  <tru-menu-button [config]=\"config\" *ngIf=\"!config.choices\"></tru-menu-button>\r\n  <tru-menu-item [config]=\"config\" *ngIf=\"config.choices && config.choices.length\"></tru-menu-item>\r\n</li>\r\n", styles: [".has-sub-menu{position:relative;cursor:pointer}.has-sub-menu button{background:transparent;border:none;text-decoration:none;cursor:pointer;display:block;width:100%;text-align:left;outline:none;padding:0 10px!important}.has-sub-menu p{background:transparent;border:none;text-decoration:none;cursor:pointer;display:block;width:100%;text-align:left;outline:none;padding:0 10px!important;line-height:26px;pointer-events:none}.has-sub-menu p.separator-title{padding:0!important;font-size:12px;color:#ababab}.has-sub-menu:hover{background:#959595}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { config: [{
+                type: Input
+            }] } });
+
+class TruMenuItemModule {
+}
+TruMenuItemModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruMenuItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TruMenuItemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruMenuItemModule, declarations: [TruMenuItem], imports: [CommonModule, FormsModule], exports: [TruMenuItem] });
+TruMenuItemModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruMenuItemModule, imports: [[CommonModule, FormsModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruMenuItemModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TruMenuItem],
+                    imports: [CommonModule, FormsModule],
+                    exports: [TruMenuItem]
+                }]
+        }] });
+
+class TruMenuButtonModule {
+}
+TruMenuButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruMenuButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TruMenuButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruMenuButtonModule, declarations: [TruMenuButton], imports: [CommonModule, FormsModule], exports: [TruMenuButton] });
+TruMenuButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruMenuButtonModule, imports: [[CommonModule, FormsModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruMenuButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TruMenuButton],
+                    imports: [CommonModule, FormsModule],
+                    exports: [TruMenuButton]
+                }]
+        }] });
+
+class TruMenuModule {
+}
+TruMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TruMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruMenuModule, declarations: [TruMenu], imports: [CommonModule,
+        FormsModule,
+        TruMenuItemModule,
+        TruMenuButtonModule], exports: [TruMenu] });
+TruMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruMenuModule, imports: [[
+            CommonModule,
+            FormsModule,
+            TruMenuItemModule,
+            TruMenuButtonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruMenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TruMenu],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        TruMenuItemModule,
+                        TruMenuButtonModule
+                    ],
+                    exports: [TruMenu]
+                }]
+        }] });
+
+class TruSubMenu {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this.onClick = (event) => {
+            var target = event.target.parentElement.parentElement;
+            var isSubMenu = target.classList.contains('has-sub-menu');
+            var isActive = target.classList.contains('is-active');
+            if (isSubMenu && isActive) {
+                target.classList.remove('is-active');
+            }
+            else if (isSubMenu && !isActive) {
+                target.classList.add('is-active');
+            }
+            var subMenus = this.elementRef.nativeElement.querySelectorAll(".has-sub-menu");
+            subMenus.forEach((menu) => {
+                if (menu !== target && menu.classList.contains('is-active')) {
+                    menu.classList.remove('is-active');
+                }
+            });
+        };
+        this.onDocumentClick = (event) => {
+            var subMenus = document.querySelectorAll('.has-sub-menu');
+            var target = event.target.parentElement.parentElement;
+            subMenus.forEach((menu) => {
+                if (menu !== target && menu.classList.contains('is-active')) {
+                    menu.classList.remove('is-active');
+                }
+            });
+        };
+    }
+    ngOnInit() { }
+    ngAfterViewInit() {
+        var subMenu = this.elementRef.nativeElement.querySelectorAll(".has-sub-menu")[0];
+        if (subMenu) {
+            this.elementRef.nativeElement.addEventListener('click', this.onClick);
+            document.addEventListener('click', this.onDocumentClick);
+        }
+    }
+    ngOnDestroy() {
+        this.elementRef.nativeElement.removeEventListener('click', this.onClick);
+        document.removeEventListener('click', this.onDocumentClick);
+    }
+}
+TruSubMenu.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruSubMenu, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+TruSubMenu.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.3", type: TruSubMenu, selector: "[tru-sub-menu]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruSubMenu, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tru-sub-menu]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+
+class TruSubMenuModule {
+}
+TruSubMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruSubMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TruSubMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruSubMenuModule, declarations: [TruSubMenu], imports: [CommonModule,
+        FormsModule], exports: [TruSubMenu] });
+TruSubMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruSubMenuModule, imports: [[
+            CommonModule,
+            FormsModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruSubMenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TruSubMenu],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                    ],
+                    exports: [TruSubMenu]
+                }]
+        }] });
+
+class TruSearchGroup {
+    constructor(searchGroupEventHandler) {
+        this.searchGroupEventHandler = searchGroupEventHandler;
+        this.search$ = new EventEmitter();
+        this.filter$ = new EventEmitter();
+    }
+    onSearchClicked() {
+        this.search$.emit();
+    }
+    onFilterClicked() {
+        this.filter$.emit();
+    }
+    onClearClicked() {
+        this.searchGroupEventHandler.clearValues();
+    }
+    onDefaultClicked() {
+        this.searchGroupEventHandler.setDefaults();
+    }
+}
+TruSearchGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruSearchGroup, deps: [{ token: TruSearchGroupEventHandler }], target: i0.ɵɵFactoryTarget.Component });
+TruSearchGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: TruSearchGroup, selector: "tru-search-group", outputs: { search$: "search$", filter$: "filter$" }, ngImport: i0, template: "<div>\r\n  <div class=\"button-container\">\r\n    <button mat-button color=\"accent\" (click)=\"onSearchClicked()\">Search</button>\r\n    <button mat-button color=\"accent\" (click)=\"onFilterClicked()\">Filter Results</button>\r\n    <button mat-button color=\"accent\" (click)=\"onClearClicked()\">Clear</button>\r\n    <button mat-button color=\"accent\" (click)=\"onDefaultClicked()\">Default</button>\r\n  </div>\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: ["button{margin-right:5px}.button-container{margin-bottom:10px}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruSearchGroup, decorators: [{
+            type: Component,
+            args: [{ selector: 'tru-search-group', template: "<div>\r\n  <div class=\"button-container\">\r\n    <button mat-button color=\"accent\" (click)=\"onSearchClicked()\">Search</button>\r\n    <button mat-button color=\"accent\" (click)=\"onFilterClicked()\">Filter Results</button>\r\n    <button mat-button color=\"accent\" (click)=\"onClearClicked()\">Clear</button>\r\n    <button mat-button color=\"accent\" (click)=\"onDefaultClicked()\">Default</button>\r\n  </div>\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: ["button{margin-right:5px}.button-container{margin-bottom:10px}\n"] }]
+        }], ctorParameters: function () { return [{ type: TruSearchGroupEventHandler }]; }, propDecorators: { search$: [{
+                type: Output
+            }], filter$: [{
+                type: Output
+            }] } });
+
+class TruSearchGroupModule {
+}
+TruSearchGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruSearchGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TruSearchGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruSearchGroupModule, declarations: [TruSearchGroup], imports: [CommonModule, FormsModule], exports: [TruSearchGroup] });
+TruSearchGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruSearchGroupModule, imports: [[CommonModule, FormsModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruSearchGroupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TruSearchGroup],
+                    imports: [CommonModule, FormsModule],
+                    exports: [TruSearchGroup]
+                }]
+        }] });
+
+class TruSearchView {
+    constructor() {
+        this.tableName = "";
+        this.ref = 0;
+        this.searchOnOpen = false;
+    }
+}
+TruSearchView.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruSearchView, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TruSearchView.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: TruSearchView, selector: "tru-search-view", inputs: { tableName: "tableName", ref: "ref", searchOnOpen: "searchOnOpen" }, ngImport: i0, template: "<div>\r\n    <p>search view</p>\r\n</div>\r\n", styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruSearchView, decorators: [{
+            type: Component,
+            args: [{ selector: 'tru-search-view', template: "<div>\r\n    <p>search view</p>\r\n</div>\r\n", styles: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { tableName: [{
+                type: Input
+            }], ref: [{
+                type: Input
+            }], searchOnOpen: [{
+                type: Input
+            }] } });
+
+class TruSearchViewModule {
+}
+TruSearchViewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruSearchViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TruSearchViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruSearchViewModule, declarations: [TruSearchView], imports: [CommonModule, FormsModule], exports: [TruSearchView] });
+TruSearchViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruSearchViewModule, imports: [[CommonModule, FormsModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruSearchViewModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TruSearchView],
+                    imports: [CommonModule, FormsModule],
+                    exports: [TruSearchView]
+                }]
+        }] });
+
+const EQUAL_ICON = `
+  <svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M17,16V14H7V16H17M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H19M17,10V8H7V10H17Z" /></svg>
+`;
+const NOT_EQUAL_ICON = `
+  <svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M6,15H8V17H6M11,13H18V15H11M11,9H18V11H11M6,7H8V13H6M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5Z" /></svg>
+`;
+const GREATER_THAN_ICON = `
+  <svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M10.41,7.41L15,12L10.41,16.6L9,15.18L12.18,12L9,8.82M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5Z" /></svg>
+`;
+const GREATER_THAN_OR_EQUAL_ICON = `
+  <svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M13,13H18V15H13M13,9H18V11H13M6.91,7.41L11.5,12L6.91,16.6L5.5,15.18L8.68,12L5.5,8.82M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5Z" /></svg>
+`;
+const LESS_THAN_ICON = `
+  <svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M13.59,7.41L9,12L13.59,16.6L15,15.18L11.82,12L15,8.82M19,3C20.11,3 21,3.9 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19Z" /></svg>
+`;
+const LESS_THAN_OR_EQUAL_ICON = `
+  <svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M13,13H18V15H13M13,9H18V11H13M10.09,7.41L11.5,8.82L8.32,12L11.5,15.18L10.09,16.6L5.5,12M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5Z" /></svg>
+`;
+const CONTAINS_ICON = `
+  <svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M2,3H8V5H4V19H8V21H2V3M7,17V15H9V17H7M11,17V15H13V17H11M15,17V15H17V17H15M22,3V21H16V19H20V5H16V3H22Z" /></svg>
+`;
+class TruSearchIconModule {
+    constructor(sanitizer, iconRegistry) {
+        iconRegistry.addSvgIconLiteral("equal-operator-icon", sanitizer.bypassSecurityTrustHtml(EQUAL_ICON));
+        iconRegistry.addSvgIconLiteral("not-equal-operator-icon", sanitizer.bypassSecurityTrustHtml(NOT_EQUAL_ICON));
+        iconRegistry.addSvgIconLiteral("greater-than-operator-icon", sanitizer.bypassSecurityTrustHtml(GREATER_THAN_ICON));
+        iconRegistry.addSvgIconLiteral("greater-than-or-equal-operator-icon", sanitizer.bypassSecurityTrustHtml(GREATER_THAN_OR_EQUAL_ICON));
+        iconRegistry.addSvgIconLiteral("less-than-operator-icon", sanitizer.bypassSecurityTrustHtml(LESS_THAN_ICON));
+        iconRegistry.addSvgIconLiteral("less-than-or-equal-operator-icon", sanitizer.bypassSecurityTrustHtml(LESS_THAN_OR_EQUAL_ICON));
+        iconRegistry.addSvgIconLiteral("contains-operator-icon", sanitizer.bypassSecurityTrustHtml(CONTAINS_ICON));
+    }
+}
+TruSearchIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruSearchIconModule, deps: [{ token: i1$1.DomSanitizer }, { token: i2.MatIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
+TruSearchIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruSearchIconModule, imports: [CommonModule, FormsModule] });
+TruSearchIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruSearchIconModule, imports: [[CommonModule, FormsModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruSearchIconModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, FormsModule],
+                    declarations: [],
+                    exports: []
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }, { type: i2.MatIconRegistry }]; } });
+
+class TruCommonModule {
+}
+TruCommonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruCommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TruCommonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruCommonModule, imports: [TruMenuModule,
+        TruMenuItemModule,
+        TruMenuButtonModule,
+        TruSearchGroupModule,
+        TruSearchViewModule], exports: [TruMenuModule,
+        TruSearchViewModule] });
+TruCommonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruCommonModule, imports: [[
+            TruMenuModule,
+            TruMenuItemModule,
+            TruMenuButtonModule,
+            TruSearchGroupModule,
+            TruSearchViewModule
+        ], TruMenuModule,
+        TruSearchViewModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TruCommonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [
+                        TruMenuModule,
+                        TruMenuItemModule,
+                        TruMenuButtonModule,
+                        TruSearchGroupModule,
+                        TruSearchViewModule
+                    ],
+                    exports: [
+                        TruMenuModule,
+                        TruSearchViewModule
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of tru-common-lib
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TruCommonModule, TruComponentLookup, TruMenu, TruMenuButton, TruMenuButtonModule, TruMenuItem, TruMenuItemModule, TruMenuModule, TruSearch, TruSearchGroup, TruSearchGroupEventHandler, TruSearchGroupModule, TruSearchIconModule, TruSearchView, TruSearchViewModule, TruSubMenu, TruSubMenuModule, TruWindowActionEventHandler, TruWindowEvent, TruWindowEventHandler };
+//# sourceMappingURL=trudb-tru-common-lib.mjs.map