@trudb/tru-common-lib 0.0.646 → 0.0.651

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

@@ -43,6 +43,7 @@ import { MatIconModule } from '@angular/material/icon';
 import * as i5$1 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import { MatListModule } from '@angular/material/list';
+import * as i3$3 from '@angular/material/menu';
 import { MatMenuModule } from '@angular/material/menu';
 import * as i5 from '@angular/material/core';
 import { MatNativeDateModule, MatRippleModule, MatOptionModule } from '@angular/material/core';
@@ -4497,10 +4498,10 @@ class TruDesktopMenubar {
     }
 }
 TruDesktopMenubar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: TruDesktopMenubar, deps: [{ token: TruContextFilters }], target: i0.ɵɵFactoryTarget.Component });
-TruDesktopMenubar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: TruDesktopMenubar, selector: "tru-desktop-menubar", inputs: { desktopCtrl: "desktopCtrl" }, ngImport: i0, template: "<div class=\"desktop-main-menu\">\r\n  <tru-toolbar>\r\n    <tru-toolbar-menu *ngFor=\"let config of configs\" [config]=\"config\"></tru-toolbar-menu>\r\n    <tru-toolbar-separator *ngIf=\"filters.length\"></tru-toolbar-separator>\r\n    <tru-toolbar-context-filter></tru-toolbar-context-filter>\r\n  </tru-toolbar>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TruToolbar, selector: "tru-toolbar", inputs: ["config"] }, { kind: "component", type: TruToolbarMenu, selector: "tru-toolbar-menu", inputs: ["config"] }, { kind: "component", type: TruToolbarSeparator, selector: "tru-toolbar-separator" }, { kind: "component", type: TruToolbarContextFilter, selector: "tru-toolbar-context-filter" }], encapsulation: i0.ViewEncapsulation.None });
+TruDesktopMenubar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: TruDesktopMenubar, selector: "tru-desktop-menubar", inputs: { desktopCtrl: "desktopCtrl" }, ngImport: i0, template: "<div class=\"desktop-main-menu\">\r\n  <tru-toolbar>\r\n    <tru-toolbar-menu *ngFor=\"let config of configs\" [config]=\"config\"></tru-toolbar-menu>\r\n    <tru-toolbar-separator *ngIf=\"filters.length\"></tru-toolbar-separator>\r\n    <tru-toolbar-context-filter></tru-toolbar-context-filter>\r\n  </tru-toolbar>\r\n  <button mat-button class=\"desktop-main-menu-user-button\" [matMenuTriggerFor]=\"userMenu\">\r\n    <mat-icon [svgIcon]=\"'circle-icon'\"></mat-icon>\r\n  </button>\r\n  <button mat-button class=\"desktop-main-menu-settings-button\" [matMenuTriggerFor]=\"settingsMenu\">\r\n    <mat-icon [svgIcon]=\"'more-icon'\"></mat-icon>\r\n  </button>\r\n  <mat-menu #userMenu=\"matMenu\">\r\n    <div class=\"tru-desktop-menubar-user-menu-container\">\r\n      <mat-icon [svgIcon]=\"'circle-icon'\"></mat-icon>\r\n      <p>Noah Dykoski</p>\r\n      <p>noah@arkware.com</p>\r\n      <button class=\"tru-desktop-menubar-user-menu-logout-button\" mat-menu-item>Logout</button>\r\n    </div>\r\n  </mat-menu>\r\n  <mat-menu #settingsMenu=\"matMenu\">\r\n    <button mat-menu-item>Settings</button>\r\n  </mat-menu>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$3.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i3$3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: TruToolbar, selector: "tru-toolbar", inputs: ["config"] }, { kind: "component", type: TruToolbarMenu, selector: "tru-toolbar-menu", inputs: ["config"] }, { kind: "component", type: TruToolbarSeparator, selector: "tru-toolbar-separator" }, { kind: "component", type: TruToolbarContextFilter, selector: "tru-toolbar-context-filter" }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: TruDesktopMenubar, decorators: [{
             type: Component,
-            args: [{ selector: 'tru-desktop-menubar', encapsulation: ViewEncapsulation.None, template: "<div class=\"desktop-main-menu\">\r\n  <tru-toolbar>\r\n    <tru-toolbar-menu *ngFor=\"let config of configs\" [config]=\"config\"></tru-toolbar-menu>\r\n    <tru-toolbar-separator *ngIf=\"filters.length\"></tru-toolbar-separator>\r\n    <tru-toolbar-context-filter></tru-toolbar-context-filter>\r\n  </tru-toolbar>\r\n</div>\r\n" }]
+            args: [{ selector: 'tru-desktop-menubar', encapsulation: ViewEncapsulation.None, template: "<div class=\"desktop-main-menu\">\r\n  <tru-toolbar>\r\n    <tru-toolbar-menu *ngFor=\"let config of configs\" [config]=\"config\"></tru-toolbar-menu>\r\n    <tru-toolbar-separator *ngIf=\"filters.length\"></tru-toolbar-separator>\r\n    <tru-toolbar-context-filter></tru-toolbar-context-filter>\r\n  </tru-toolbar>\r\n  <button mat-button class=\"desktop-main-menu-user-button\" [matMenuTriggerFor]=\"userMenu\">\r\n    <mat-icon [svgIcon]=\"'circle-icon'\"></mat-icon>\r\n  </button>\r\n  <button mat-button class=\"desktop-main-menu-settings-button\" [matMenuTriggerFor]=\"settingsMenu\">\r\n    <mat-icon [svgIcon]=\"'more-icon'\"></mat-icon>\r\n  </button>\r\n  <mat-menu #userMenu=\"matMenu\">\r\n    <div class=\"tru-desktop-menubar-user-menu-container\">\r\n      <mat-icon [svgIcon]=\"'circle-icon'\"></mat-icon>\r\n      <p>Noah Dykoski</p>\r\n      <p>noah@arkware.com</p>\r\n      <button class=\"tru-desktop-menubar-user-menu-logout-button\" mat-menu-item>Logout</button>\r\n    </div>\r\n  </mat-menu>\r\n  <mat-menu #settingsMenu=\"matMenu\">\r\n    <button mat-menu-item>Settings</button>\r\n  </mat-menu>\r\n</div>\r\n" }]
         }], ctorParameters: function () { return [{ type: TruContextFilters }]; }, propDecorators: { desktopCtrl: [{
                 type: Input
             }] } });
@@ -5265,6 +5266,9 @@ class TruDesktopMenubarModule {
 TruDesktopMenubarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: TruDesktopMenubarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 TruDesktopMenubarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.1", ngImport: i0, type: TruDesktopMenubarModule, declarations: [TruDesktopMenubar], imports: [CommonModule,
         FormsModule,
+        MatMenuModule,
+        MatButtonModule,
+        MatIconModule,
         TruToolbarModule,
         TruToolbarMenuModule,
         TruToolbarDropdownModule,
@@ -5272,6 +5276,9 @@ TruDesktopMenubarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
         TruToolbarContextFilterModule], exports: [TruDesktopMenubar] });
 TruDesktopMenubarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: TruDesktopMenubarModule, imports: [CommonModule,
         FormsModule,
+        MatMenuModule,
+        MatButtonModule,
+        MatIconModule,
         TruToolbarModule,
         TruToolbarMenuModule,
         TruToolbarDropdownModule,
@@ -5284,6 +5291,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImpor
                     imports: [
                         CommonModule,
                         FormsModule,
+                        MatMenuModule,
+                        MatButtonModule,
+                        MatIconModule,
                         TruToolbarModule,
                         TruToolbarMenuModule,
                         TruToolbarDropdownModule,
@@ -6482,11 +6492,19 @@ const CALENDAR_ICON = `
 const LOADING_ICON = `
   <svg height = "24" viewBox = "0 -960 960 960" width = "24" > <path d="M314-195q-104-48-169.5-145T79-559q0-26 3-51t9-49l-46 27-40-69 191-110 110 190-70 40-54-94q-11 27-16.5 56t-5.5 60q0 97 53 176.5T354-265l-40 70Zm306-485v-80h109q-46-57-111-88.5T480-880q-55 0-104 17t-90 48l-40-70q50-35 108.5-55T479-960q79 0 151.5 29.5T760-845v-55h80v220H620ZM594-80 403-190l110-190 69 40-57 98q118-17 196.5-106.5T800-559q0-11-.5-21t-2.5-20h81q1 10 1.5 19.5t.5 20.5q0 135-80.5 241.5T590-175l44 26-40 69Z" /> </svg>
 `;
+const CIRCLE_ICON = `
+  <svg height="24" viewBox="0 -960 960 960" width="24"><path d="M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>
+`;
+const MORE_ICON = `
+  <svg height="24" viewBox="0 -960 960 960" width="24"><path d="M480-160q-33 0-56.5-23.5T400-240q0-33 23.5-56.5T480-320q33 0 56.5 23.5T560-240q0 33-23.5 56.5T480-160Zm0-240q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 33-23.5 56.5T480-400Zm0-240q-33 0-56.5-23.5T400-720q0-33 23.5-56.5T480-800q33 0 56.5 23.5T560-720q0 33-23.5 56.5T480-640Z"/></svg>
+`;
 class TruIconModule {
     constructor(sanitizer, iconRegistry) {
         iconRegistry.addSvgIconLiteral("go-to-icon", sanitizer.bypassSecurityTrustHtml(GO_TO_ICON));
         iconRegistry.addSvgIconLiteral("calendar-icon", sanitizer.bypassSecurityTrustHtml(CALENDAR_ICON));
         iconRegistry.addSvgIconLiteral("loading-icon", sanitizer.bypassSecurityTrustHtml(LOADING_ICON));
+        iconRegistry.addSvgIconLiteral("circle-icon", sanitizer.bypassSecurityTrustHtml(CIRCLE_ICON));
+        iconRegistry.addSvgIconLiteral("more-icon", sanitizer.bypassSecurityTrustHtml(CIRCLE_ICON));
     }
 }
 TruIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: TruIconModule, deps: [{ token: i1$7.DomSanitizer }, { token: i2.MatIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });