@sumaris-net/ngx-components 4.0.0-rc9 → 18.0.0

package/src/theme/_ngx-components.tabs.scss

@@ -0,0 +1,54 @@
+// --------------------------------------------------
+// Material tab group/link
+// --------------------------------------------------
+
+// -- Keep Angular 14 tab style
+.mat-mdc-tab-label-container, .mat-mdc-tab-link-container {
+  --mat-tab-header-divider-color: rgba(0,0,0,.12) !important;
+  --mat-tab-header-divider-height: 1px !important;
+  --mat-tab-header-background-color: var(--background, var(--ion-background-color));
+  background-color: var(--mat-tab-header-background-color);
+}
+.mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
+  --mat-tab-header-active-label-text-color: #000000de !important;
+  --mat-tab-header-active-focus-label-text-color: #000000de !important;
+  --mat-tab-header-active-hover-label-text-color: #000000de !important;
+}
+.mat-mdc-tab-header {
+  --mat-tab-header-label-text-tracking: 0.0178571429em !important;
+}
+
+// --- Allow to hide headers
+.mat-mdc-tab-group.mat-mdc-tab-group-header-hidden .mat-mdc-tab-header,
+.mat-mdc-tab-group.mat-tab-group-header-hidden .mat-mdc-tab-header {
+    display: none;
+}
+
+// --- Allow to hide header's pagination
+.mat-mdc-tab-group.mat-mdc-tab-group-header-pagination-hidden .mat-mdc-tab-header-pagination {
+  display: none;
+}
+
+// --- Allow to hide disabled headers
+.mat-mdc-tab-group.mat-mdc-tab-disabled-hidden .mat-mdc-tab-disabled {
+  display: none;
+}
+
+// --- Allow to show disabled headers
+.mat-mdc-tab-group.mat-mdc-tab-disabled-visible .mat-mdc-tab-disabled {
+  display: inherit;
+}
+
+// --- Dark mode
+.dark {
+  .mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
+    --mat-tab-header-active-label-text-color: var(--ion-text-color, #000000de) !important;
+    --mat-tab-header-active-focus-label-text-color: var(--ion-text-color, #000000de) !important;
+    --mat-tab-header-active-hover-label-text-color: var(--ion-text-color, #000000de) !important;
+    --mat-tab-header-inactive-label-text-color: var(--app-form-color-disabled);
+    --mat-tab-header-inactive-hover-label-text-color: var(--ion-text-color, #000000de);
+  }
+  .mat-mdc-tab-label-container, .mat-mdc-tab-link-container {
+    --mat-tab-header-divider-color: var(--ion-border-color, rgba(0,0,0,.12)) !important;
+  }
+}

package/src/theme/_responsive.scss

@@ -326,37 +326,6 @@ body {
   }
 }
 
-// --------------------------------------------------
-// Forms
-// --------------------------------------------------
-// On small screen, align label on left
-@media screen and (max-width: $screen-sm-max) {
-  form ion-col>ion-label.ion-float-center,
-  form ion-col>ion-label.ion-float-end {
-    display: block;
-    width: 100%;
-    text-align: start !important;
-    line-height: 37px;
-    margin-top: 0;
-    margin-bottom: 0;
-    margin-right: 0;
-    //padding-left: var(--ion-label-padding, 11px);
-    //background-color: var(--ion-color-light);
-  }
-}
-
-// On large screen, align label on right
-@media screen and (min-width: $screen-md) {
-  form ion-col > ion-label.ion-float-center,
-  form ion-col > ion-label.ion-float-end {
-    display: block;
-    text-align: end !important;
-    line-height: 37px;
-    margin-top: 11px;
-    margin-bottom: 11px;
-  }
-}
-
 // --------------------------------------------------
 // Modals
 // --------------------------------------------------

package/src/theme/_theme.scss

@@ -32,4 +32,6 @@ $roboto-font-path: '~roboto-fontface/fonts/roboto';
 // Import SUMARiS style
 // --------------------------------------------------
 @import "ngx-components";
+@import "ngx-components.tabs";
 @import "ngx-components.table";
+@import "ngx-components.forms";

package/src/theme/_theme.variables.scss

@@ -0,0 +1,172 @@
+/** Inject all CSS Variables **/
+html {
+  @include css-variables-to-root();
+
+  &.plt-mobile {
+    @include css-variables-to-root-mobile();
+  }
+
+}
+
+/*
+ * Dark Theme
+ * -------------------------------------------
+ */
+
+html.dark {
+  @include css-variables-to-root-dark();
+
+
+  --ion-color-primary: #428cff;
+  --ion-color-primary-rgb: 66, 140, 255;
+  --ion-color-primary-contrast: #ffffff;
+  --ion-color-primary-contrast-rgb: 255, 255, 255;
+  --ion-color-primary-shade: #3a7be0;
+  --ion-color-primary-tint: #5598ff;
+
+  /*--ion-color-secondary: #75C4FD;
+  --ion-color-secondary-rgb: 117, 196, 253;
+  --ion-color-secondary-contrast: #ffffff;
+  --ion-color-secondary-contrast-rgb: 255, 255, 255;
+  --ion-color-secondary-shade: #46b0e0;
+  --ion-color-secondary-tint: #62ceff;*/
+
+  //--ion-color-tertiary: #6a64ff;
+  //--ion-color-tertiary-rgb: 106, 100, 255;
+  //--ion-color-tertiary-contrast: #ffffff;
+  //--ion-color-tertiary-contrast-rgb: 255, 255, 255;
+  //--ion-color-tertiary-shade: #5d58e0;
+  //--ion-color-tertiary-tint: #7974ff;
+
+  --ion-color-success: #2fdf75;
+  --ion-color-success-rgb: 47, 223, 117;
+  --ion-color-success-contrast: #000000;
+  --ion-color-success-contrast-rgb: 0, 0, 0;
+  --ion-color-success-shade: #29c467;
+  --ion-color-success-tint: #44e283;
+
+  --ion-color-warning: #FF6434;
+  --ion-color-warning-rgb: 255, 100, 52;
+  --ion-color-warning-contrast: #000000;
+  --ion-color-warning-contrast-rgb: 0, 0, 0;
+  --ion-color-warning-shade: #E0BB4B;
+  --ion-color-warning-tint: #FFDA48;
+
+  --ion-color-danger: #fa0021;
+  --ion-color-danger-rgb: 255, 0, 33;
+  --ion-color-danger-contrast: #ffffff;
+  --ion-color-danger-contrast-rgb: 255, 255, 255;
+  --ion-color-danger-shade: #e04055;
+  --ion-color-danger-tint: #ff5b71;
+
+  --ion-color-dark: #f4f5f8;
+  --ion-color-dark-rgb: 244, 245, 248;
+  --ion-color-dark-contrast: #000000;
+  --ion-color-dark-contrast-rgb: 0, 0, 0;
+  --ion-color-dark-shade: #d7d8da;
+  --ion-color-dark-tint: #f5f6f9;
+
+  --ion-color-medium: #989aa2;
+  --ion-color-medium-rgb: 152, 154, 162;
+  --ion-color-medium-contrast: #000000;
+  --ion-color-medium-contrast-rgb: 0, 0, 0;
+  --ion-color-medium-shade: #86888f;
+  --ion-color-medium-tint: #a2a4ab;
+
+  --ion-color-light: #222428;
+  --ion-color-light-rgb: 34, 36, 40;
+  --ion-color-light-contrast: #ffffff;
+  --ion-color-light-contrast-rgb: 255, 255, 255;
+  --ion-color-light-shade: #1e2023;
+  --ion-color-light-tint: #383a3e;
+
+  --ion-toolbar-background: #1f1f1f;
+  --ion-border-color: #222222;
+  --ion-backdrop-opacity: 0.15;
+
+  --app-form-field-background-color: var(--ion-color-light-tint);
+  --app-form-field-background-color-shade: #282828;
+  --app-form-field-disabled-background-color: #282828;
+  --app-form-field-label-color: #949494;
+  --app-form-field-disabled-label-color: #7d7d7d;
+
+  ion-menu#menu {
+    --ion-item-text-color-selected: var(--ion-color-secondary100-contrast);
+    --ion-item-icon-color-selected: var(--ion-color-secondary100-contrast);
+  }
+}
+
+/*
+ * iOS Dark Theme
+ * -------------------------------------------
+ */
+
+html.ios.dark {
+  --ion-item-background: #000000;
+  --ion-card-background: #1c1c1d;
+
+  --ion-color-step-50: #0d0d0d;
+  --ion-color-step-100: #1a1a1a;
+  --ion-color-step-150: #262626;
+  --ion-color-step-200: #333333;
+  --ion-color-step-250: #404040;
+  --ion-color-step-300: #4d4d4d;
+  --ion-color-step-350: #595959;
+  --ion-color-step-400: #666666;
+  --ion-color-step-450: #737373;
+  --ion-color-step-500: #808080;
+  --ion-color-step-550: #8c8c8c;
+  --ion-color-step-600: #999999;
+  --ion-color-step-650: #a6a6a6;
+  --ion-color-step-700: #b3b3b3;
+  --ion-color-step-750: #bfbfbf;
+  --ion-color-step-800: #cccccc;
+  --ion-color-step-850: #d9d9d9;
+  --ion-color-step-900: #e6e6e6;
+  --ion-color-step-950: #f2f2f2;
+
+}
+
+/*
+ * Material Design Dark Theme
+ * -------------------------------------------
+ */
+
+html.md.dark {
+  --ion-background-color: #121212;
+  --ion-background-color-rgb: 18,18,18;
+  --ion-item-background: #1e1e1e;
+  --ion-tab-bar-background: #1f1f1f;
+  --ion-card-background: #1e1e1e;
+
+  ion-menu ion-content {
+    --background: transparent;
+    --background-color: var(--ion-background-color) !important;
+  }
+
+  //.mat-mdc-table {
+  //  --app-table-row-item-selected-background-color: var(--ion-color-accent);
+  //  --app-table-row-item-selected-text-color: var(--ion-color-accent-contrast);
+  //}
+
+  --ion-color-step-50: #1e1e1e;
+  --ion-color-step-100: #2a2a2a;
+  --ion-color-step-150: #363636;
+  --ion-color-step-200: #414141;
+  --ion-color-step-250: #4d4d4d;
+  --ion-color-step-300: #595959;
+  --ion-color-step-350: #656565;
+  --ion-color-step-400: #717171;
+  --ion-color-step-450: #7d7d7d;
+  --ion-color-step-500: #898989;
+  --ion-color-step-550: #949494;
+  --ion-color-step-600: #a0a0a0;
+  --ion-color-step-650: #acacac;
+  --ion-color-step-700: #b8b8b8;
+  --ion-color-step-750: #c4c4c4;
+  --ion-color-step-800: #d0d0d0;
+  --ion-color-step-850: #dbdbdb;
+  --ion-color-step-900: #e7e7e7;
+  --ion-color-step-950: #f3f3f3;
+}
+

package/esm2022/src/app/core/table/actions-column.component.mjs

@@ -1,115 +0,0 @@
-import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
-import { isNil, toBoolean } from '../../shared/functions';
-import { MatColumnDef } from '@angular/material/table';
-import { MatMenuTrigger } from '@angular/material/menu';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/table";
-import * as i2 from "@angular/common";
-import * as i3 from "@ionic/angular";
-import * as i4 from "@angular/material/icon";
-import * as i5 from "@angular/material/button";
-import * as i6 from "@ngx-translate/core";
-import * as i7 from "../../shared/pipes/arrays.pipe";
-export class ActionsColumnComponent {
-    table;
-    cd;
-    columnDef;
-    matMenuTrigger;
-    stickyEnd = false;
-    canCancel;
-    canConfirm;
-    canDelete;
-    canBackward;
-    canForward;
-    canConfirmAndAdd;
-    dirtyIcon;
-    optionsTitle = 'COMMON.BTN_OPTIONS';
-    classList;
-    cellTemplate;
-    optionsClick = new EventEmitter();
-    cancelOrDeleteClick = new EventEmitter();
-    confirmEditCreateClick = new EventEmitter();
-    confirmAndAddClick = new EventEmitter();
-    backward = new EventEmitter();
-    forward = new EventEmitter();
-    constructor(table, cd) {
-        this.table = table;
-        this.cd = cd;
-        if (!table)
-            throw new Error(`[actions-column] this column component must be inside a MatTable component`);
-    }
-    ngOnInit() {
-        this.cd.detectChanges();
-        this.table.addColumnDef(this.columnDef);
-        this.canCancel = toBoolean(this.canCancel, this.cancelOrDeleteClick.observers.length > 0);
-        this.canConfirm = toBoolean(this.canConfirm, this.confirmEditCreateClick.observers.length > 0);
-        this.canDelete = toBoolean(this.canDelete, this.cancelOrDeleteClick.observers.length > 0);
-        this.canConfirmAndAdd = toBoolean(this.canConfirmAndAdd, this.confirmAndAddClick.observers.length > 0);
-        this.canBackward = toBoolean(this.canBackward, this.backward.observers.length > 0);
-        this.canForward = toBoolean(this.canForward, this.forward.observers.length > 0);
-        if (isNil(this.dirtyIcon)) {
-            this.dirtyIcon = 'star';
-        }
-    }
-    ngOnDestroy() {
-        this.table.removeColumnDef(this.columnDef);
-        this.optionsClick.complete();
-        this.optionsClick.unsubscribe();
-        this.cancelOrDeleteClick.complete();
-        this.cancelOrDeleteClick.unsubscribe();
-        this.confirmAndAddClick.complete();
-        this.confirmAndAddClick.unsubscribe();
-        this.backward.complete();
-        this.backward.unsubscribe();
-        this.forward.complete();
-        this.forward.unsubscribe();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ActionsColumnComponent, deps: [{ token: i1.MatTable }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: ActionsColumnComponent, selector: "app-actions-column", inputs: { stickyEnd: "stickyEnd", canCancel: "canCancel", canConfirm: "canConfirm", canDelete: "canDelete", canBackward: "canBackward", canForward: "canForward", canConfirmAndAdd: "canConfirmAndAdd", dirtyIcon: "dirtyIcon", optionsTitle: "optionsTitle", classList: ["class", "classList"], cellTemplate: "cellTemplate" }, outputs: { optionsClick: "optionsClick", cancelOrDeleteClick: "cancelOrDeleteClick", confirmEditCreateClick: "confirmEditCreateClick", confirmAndAddClick: "confirmAndAddClick", backward: "backward", forward: "forward" }, viewQueries: [{ propertyName: "columnDef", first: true, predicate: MatColumnDef, descendants: true }, { propertyName: "matMenuTrigger", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<ng-container matColumnDef=\"actions\" [stickyEnd]=\"stickyEnd\">\n  <th mat-header-cell *matHeaderCellDef [class]=\"classList\" [class.mat-column-sticky]=\"stickyEnd\">\n    <button mat-icon-button\n            *ngIf=\"optionsClick.observers | isNotEmptyArray\"\n            [title]=\"optionsTitle | translate\"\n            (click)=\"optionsClick.emit($event)\">\n      <mat-icon>more_vert</mat-icon>\n    </button>\n    <ng-content select=\"[matHeader]\"></ng-content>\n  </th>\n  <td mat-cell *matCellDef=\"let row\" [class]=\"classList\">\n    <ng-container *ngIf=\"row.editing; else view\">\n\n      <!-- pending -->\n      <ion-spinner *ngIf=\"row.validator?.pending\" name=\"dots\" class=\"center\"></ion-spinner>\n\n      <!-- Confirm button -->\n      <button mat-icon-button color=\"light\"\n              *ngIf=\"canConfirm && row.editing && row.validator?.dirty && row.validator?.valid\"\n              [title]=\"'COMMON.BTN_APPLY'|translate\"\n              (click)=\"confirmEditCreateClick.emit({event: $event, row: row})\">\n        <mat-icon>checkmark</mat-icon>\n      </button>\n\n      <!-- new row -->\n      <ng-container *ngIf=\"row.id === -1; else existingRow\">\n\n        <!-- delete button -->\n        <button mat-icon-button color=\"light\"\n                *ngIf=\"canDelete && row.validator?.invalid\"\n                [title]=\"'COMMON.BTN_DELETE' | translate\"\n                (click)=\"cancelOrDeleteClick.emit({event: $event, row: row})\">\n          <mat-icon>delete_outline</mat-icon>\n        </button>\n\n\n        <!-- add button -->\n        <button mat-icon-button color=\"light\"\n                *ngIf=\"!canForward && canConfirmAndAdd && row.validator?.valid\"\n                [title]=\"'COMMON.BTN_ADD'|translate\"\n                (click)=\"confirmAndAddClick.emit({event: $event, row: row})\">\n          <mat-icon>add</mat-icon>\n        </button>\n\n        <!-- next button (invisible - focusable only) -->\n        <button class=\"mat-row-action-button\"\n                style=\"color: transparent; position: absolute; top: 0; margin: 0; padding: 0; width: 0;\"\n                *ngIf=\"canForward && row.validator?.valid\"\n                (focus)=\"this.forward.emit({event: $event, row: row})\">\n        </button>\n      </ng-container>\n\n      <!-- existing row -->\n      <ng-template #existingRow>\n        <!-- cancel button -->\n        <button mat-icon-button color=\"light\"\n                *ngIf=\"canCancel && row.validator?.dirty\"\n                [title]=\"'COMMON.BTN_UNDO' | translate\"\n                (click)=\"cancelOrDeleteClick.emit({event: $event, row: row})\">\n          <mat-icon>undo</mat-icon>\n        </button>\n\n        <!-- next button (invisible - focusable only) -->\n        <button class=\"mat-row-action-button\"\n                style=\"color: transparent; position: absolute; top: 0; margin: 0; padding: 0; width: 0;\"\n                *ngIf=\"canForward && row.validator?.valid\"\n                (focus)=\"this.forward.emit({event: $event, row: row})\">\n        </button>\n      </ng-template>\n\n    </ng-container>\n\n    <ng-template #view>\n      <!-- dirty icon -->\n      <ion-icon *ngIf=\"dirtyIcon && row.validator?.dirty\" [name]=\"dirtyIcon\" color=\"accent\" class=\"dirty-icon\"></ion-icon>\n\n      <!-- backward button (invisible - focusable only) -->\n      <button mat-icon-button class=\"mat-row-action-button\"\n              style=\"color: transparent; position: absolute; top: 0; margin: 0; padding: 0; width: 0;\"\n              *ngIf=\"canBackward\"\n              (focus)=\"this.backward.emit({event: $event, row: row})\">\n      </button>\n    </ng-template>\n\n    <ng-container *ngTemplateOutlet=\"cellTemplate; context: { $implicit: row  }\"></ng-container>\n  </td>\n\n  <td mat-footer-cell *matFooterCellDef>\n    <ng-content select=\"[matFooter]\"></ng-content>\n  </td>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i3.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "directive", type: i1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i1.MatFooterCellDef, selector: "[matFooterCellDef]" }, { kind: "directive", type: i1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: i1.MatFooterCell, selector: "mat-footer-cell, td[mat-footer-cell]" }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "pipe", type: i7.NotEmptyArrayPipe, name: "isNotEmptyArray" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ActionsColumnComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-actions-column', template: "<ng-container matColumnDef=\"actions\" [stickyEnd]=\"stickyEnd\">\n  <th mat-header-cell *matHeaderCellDef [class]=\"classList\" [class.mat-column-sticky]=\"stickyEnd\">\n    <button mat-icon-button\n            *ngIf=\"optionsClick.observers | isNotEmptyArray\"\n            [title]=\"optionsTitle | translate\"\n            (click)=\"optionsClick.emit($event)\">\n      <mat-icon>more_vert</mat-icon>\n    </button>\n    <ng-content select=\"[matHeader]\"></ng-content>\n  </th>\n  <td mat-cell *matCellDef=\"let row\" [class]=\"classList\">\n    <ng-container *ngIf=\"row.editing; else view\">\n\n      <!-- pending -->\n      <ion-spinner *ngIf=\"row.validator?.pending\" name=\"dots\" class=\"center\"></ion-spinner>\n\n      <!-- Confirm button -->\n      <button mat-icon-button color=\"light\"\n              *ngIf=\"canConfirm && row.editing && row.validator?.dirty && row.validator?.valid\"\n              [title]=\"'COMMON.BTN_APPLY'|translate\"\n              (click)=\"confirmEditCreateClick.emit({event: $event, row: row})\">\n        <mat-icon>checkmark</mat-icon>\n      </button>\n\n      <!-- new row -->\n      <ng-container *ngIf=\"row.id === -1; else existingRow\">\n\n        <!-- delete button -->\n        <button mat-icon-button color=\"light\"\n                *ngIf=\"canDelete && row.validator?.invalid\"\n                [title]=\"'COMMON.BTN_DELETE' | translate\"\n                (click)=\"cancelOrDeleteClick.emit({event: $event, row: row})\">\n          <mat-icon>delete_outline</mat-icon>\n        </button>\n\n\n        <!-- add button -->\n        <button mat-icon-button color=\"light\"\n                *ngIf=\"!canForward && canConfirmAndAdd && row.validator?.valid\"\n                [title]=\"'COMMON.BTN_ADD'|translate\"\n                (click)=\"confirmAndAddClick.emit({event: $event, row: row})\">\n          <mat-icon>add</mat-icon>\n        </button>\n\n        <!-- next button (invisible - focusable only) -->\n        <button class=\"mat-row-action-button\"\n                style=\"color: transparent; position: absolute; top: 0; margin: 0; padding: 0; width: 0;\"\n                *ngIf=\"canForward && row.validator?.valid\"\n                (focus)=\"this.forward.emit({event: $event, row: row})\">\n        </button>\n      </ng-container>\n\n      <!-- existing row -->\n      <ng-template #existingRow>\n        <!-- cancel button -->\n        <button mat-icon-button color=\"light\"\n                *ngIf=\"canCancel && row.validator?.dirty\"\n                [title]=\"'COMMON.BTN_UNDO' | translate\"\n                (click)=\"cancelOrDeleteClick.emit({event: $event, row: row})\">\n          <mat-icon>undo</mat-icon>\n        </button>\n\n        <!-- next button (invisible - focusable only) -->\n        <button class=\"mat-row-action-button\"\n                style=\"color: transparent; position: absolute; top: 0; margin: 0; padding: 0; width: 0;\"\n                *ngIf=\"canForward && row.validator?.valid\"\n                (focus)=\"this.forward.emit({event: $event, row: row})\">\n        </button>\n      </ng-template>\n\n    </ng-container>\n\n    <ng-template #view>\n      <!-- dirty icon -->\n      <ion-icon *ngIf=\"dirtyIcon && row.validator?.dirty\" [name]=\"dirtyIcon\" color=\"accent\" class=\"dirty-icon\"></ion-icon>\n\n      <!-- backward button (invisible - focusable only) -->\n      <button mat-icon-button class=\"mat-row-action-button\"\n              style=\"color: transparent; position: absolute; top: 0; margin: 0; padding: 0; width: 0;\"\n              *ngIf=\"canBackward\"\n              (focus)=\"this.backward.emit({event: $event, row: row})\">\n      </button>\n    </ng-template>\n\n    <ng-container *ngTemplateOutlet=\"cellTemplate; context: { $implicit: row  }\"></ng-container>\n  </td>\n\n  <td mat-footer-cell *matFooterCellDef>\n    <ng-content select=\"[matFooter]\"></ng-content>\n  </td>\n</ng-container>\n" }]
-        }], ctorParameters: () => [{ type: i1.MatTable }, { type: i0.ChangeDetectorRef }], propDecorators: { columnDef: [{
-                type: ViewChild,
-                args: [MatColumnDef]
-            }], matMenuTrigger: [{
-                type: ViewChild,
-                args: [MatMenuTrigger]
-            }], stickyEnd: [{
-                type: Input
-            }], canCancel: [{
-                type: Input
-            }], canConfirm: [{
-                type: Input
-            }], canDelete: [{
-                type: Input
-            }], canBackward: [{
-                type: Input
-            }], canForward: [{
-                type: Input
-            }], canConfirmAndAdd: [{
-                type: Input
-            }], dirtyIcon: [{
-                type: Input
-            }], optionsTitle: [{
-                type: Input
-            }], classList: [{
-                type: Input,
-                args: ['class']
-            }], cellTemplate: [{
-                type: Input
-            }], optionsClick: [{
-                type: Output
-            }], cancelOrDeleteClick: [{
-                type: Output
-            }], confirmEditCreateClick: [{
-                type: Output
-            }], confirmAndAddClick: [{
-                type: Output
-            }], backward: [{
-                type: Output
-            }], forward: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9ucy1jb2x1bW4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9jb3JlL3RhYmxlL2FjdGlvbnMtY29sdW1uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvY29yZS90YWJsZS9hY3Rpb25zLWNvbHVtbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQW9CLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFxQixNQUFNLEVBQWUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRW5JLE9BQU8sRUFBQyxLQUFLLEVBQUUsU0FBUyxFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFDeEQsT0FBTyxFQUFDLFlBQVksRUFBVyxNQUFNLHlCQUF5QixDQUFDO0FBQy9ELE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7Ozs7O0FBTXRELE1BQU0sT0FBTyxzQkFBc0I7SUF3QmI7SUFDQTtJQXZCSyxTQUFTLENBQWU7SUFDdEIsY0FBYyxDQUFpQjtJQUVqRCxTQUFTLEdBQUcsS0FBSyxDQUFDO0lBQ2xCLFNBQVMsQ0FBVTtJQUNuQixVQUFVLENBQVU7SUFDcEIsU0FBUyxDQUFVO0lBQ25CLFdBQVcsQ0FBVTtJQUNyQixVQUFVLENBQVU7SUFDcEIsZ0JBQWdCLENBQVU7SUFDMUIsU0FBUyxDQUFpQjtJQUMxQixZQUFZLEdBQUcsb0JBQW9CLENBQUM7SUFDN0IsU0FBUyxDQUFTO0lBQ3pCLFlBQVksQ0FBbUI7SUFFOUIsWUFBWSxHQUFHLElBQUksWUFBWSxFQUFTLENBQUM7SUFDekMsbUJBQW1CLEdBQUcsSUFBSSxZQUFZLEVBQTRDLENBQUM7SUFDbkYsc0JBQXNCLEdBQUcsSUFBSSxZQUFZLEVBQTRDLENBQUM7SUFDdEYsa0JBQWtCLEdBQUcsSUFBSSxZQUFZLEVBQTRDLENBQUM7SUFDbEYsUUFBUSxH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QUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNVLFNBQVM7c0JBQXhCLEtBQUs7dUJBQUMsT0FBTztnQkFDTCxZQUFZO3NCQUFwQixLQUFLO2dCQUVJLFlBQVk7c0JBQXJCLE1BQU07Z0JBQ0csbUJBQW1CO3NCQUE1QixNQUFNO2dCQUNHLHNCQUFzQjtzQkFBL0IsTUFBTTtnQkFDRyxrQkFBa0I7c0JBQTNCLE1BQU07Z0JBQ0csUUFBUTtzQkFBakIsTUFBTTtnQkFDRyxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCwgT3V0cHV0LCBUZW1wbGF0ZVJlZiwgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VGFibGVFbGVtZW50fSBmcm9tICdAZS1pcy9uZ3gtbWF0ZXJpYWwtdGFibGUnO1xuaW1wb3J0IHtpc05pbCwgdG9Cb29sZWFufSBmcm9tICcuLi8uLi9zaGFyZWQvZnVuY3Rpb25zJztcbmltcG9ydCB7TWF0Q29sdW1uRGVmLCBNYXRUYWJsZX0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdGFibGUnO1xuaW1wb3J0IHtNYXRNZW51VHJpZ2dlcn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbWVudSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1hY3Rpb25zLWNvbHVtbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hY3Rpb25zLWNvbHVtbi5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEFjdGlvbnNDb2x1bW5Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG5cbiAgQFZpZXdDaGlsZChNYXRDb2x1bW5EZWYpIGNvbHVtbkRlZjogTWF0Q29sdW1uRGVmO1xuICBAVmlld0NoaWxkKE1hdE1lbnVUcmlnZ2VyKSBtYXRNZW51VHJpZ2dlcjogTWF0TWVudVRyaWdnZXI7XG5cbiAgQElucHV0KCkgc3RpY2t5RW5kID0gZmFsc2U7XG4gIEBJbnB1dCgpIGNhbkNhbmNlbDogYm9vbGVhbjtcbiAgQElucHV0KCkgY2FuQ29uZmlybTogYm9vbGVhbjtcbiAgQElucHV0KCkgY2FuRGVsZXRlOiBib29sZWFuO1xuICBASW5wdXQoKSBjYW5CYWNrd2FyZDogYm9vbGVhbjtcbiAgQElucHV0KCkgY2FuRm9yd2FyZDogYm9vbGVhbjtcbiAgQElucHV0KCkgY2FuQ29uZmlybUFuZEFkZDogYm9vbGVhbjtcbiAgQElucHV0KCkgZGlydHlJY29uOiBib29sZWFufHN0cmluZztcbiAgQElucHV0KCkgb3B0aW9uc1RpdGxlID0gJ0NPTU1PTi5CVE5fT1BUSU9OUyc7XG4gIEBJbnB1dCgnY2xhc3MnKSBjbGFzc0xpc3Q6IHN0cmluZztcbiAgQElucHV0KCkgY2VsbFRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIEBPdXRwdXQoKSBvcHRpb25zQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPEV2ZW50PigpO1xuICBAT3V0cHV0KCkgY2FuY2VsT3JEZWxldGVDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8eyBldmVudDogRXZlbnQ7IHJvdzogVGFibGVFbGVtZW50PGFueT4gfT4oKTtcbiAgQE91dHB1dCgpIGNvbmZpcm1FZGl0Q3JlYXRlQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHsgZXZlbnQ6IEV2ZW50OyByb3c6IFRhYmxlRWxlbWVudDxhbnk+IH0+KCk7XG4gIEBPdXRwdXQoKSBjb25maXJtQW5kQWRkQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHsgZXZlbnQ6IEV2ZW50OyByb3c6IFRhYmxlRWxlbWVudDxhbnk+IH0+KCk7XG4gIEBPdXRwdXQoKSBiYWNrd2FyZCA9IG5ldyBFdmVudEVtaXR0ZXI8eyBldmVudDogRXZlbnQ7IHJvdzogVGFibGVFbGVtZW50PGFueT4gfT4oKTtcbiAgQE91dHB1dCgpIGZvcndhcmQgPSBuZXcgRXZlbnRFbWl0dGVyPHsgZXZlbnQ6IEV2ZW50OyByb3c6IFRhYmxlRWxlbWVudDxhbnk+IH0+KCk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSB0YWJsZTogTWF0VGFibGU8YW55PixcbiAgICAgICAgICAgICAgcHJpdmF0ZSBjZDogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgICAgICAgICAgIC8vIFRPRE8gYXV0byBjb25maWd1cmUgdXNpbmcgQXBwVGFibGUgPyAobmVlZCBhIGZvcndhcmRSZWYoKSBpbiB0aGUgdGFibGUgY29tcG9uZW50XG4gICAgICAgICAgICAgIC8vQE9wdGlvbmFsKCkgcHJpdmF0ZSBhcHBUYWJsZTogQXBwVGFibGU8YW55PlxuICApIHtcbiAgICBpZiAoIXRhYmxlKSB0aHJvdyBuZXcgRXJyb3IoYFthY3Rpb25zLWNvbHVtbl0gdGhpcyBjb2x1bW4gY29tcG9uZW50IG11c3QgYmUgaW5zaWRlIGEgTWF0VGFibGUgY29tcG9uZW50YCk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmNkLmRldGVjdENoYW5nZXMoKTtcbiAgICB0aGlzLnRhYmxlLmFkZENvbHVtbkRlZih0aGlzLmNvbHVtbkRlZik7XG4gICAgdGhpcy5jYW5DYW5jZWwgPSB0b0Jvb2xlYW4odGhpcy5jYW5DYW5jZWwsIHRoaXMuY2FuY2VsT3JEZWxldGVDbGljay5vYnNlcnZlcnMubGVuZ3RoID4gMCk7XG4gICAgdGhpcy5jYW5Db25maXJtID0gdG9Cb29sZWFuKHRoaXMuY2FuQ29uZmlybSwgdGhpcy5jb25maXJtRWRpdENyZWF0ZUNsaWNrLm9ic2VydmVycy5sZW5ndGggPiAwKTtcbiAgICB0aGlzLmNhbkRlbGV0ZSA9IHRvQm9vbGVhbih0aGlzLmNhbkRlbGV0ZSwgdGhpcy5jYW5jZWxPckRlbGV0ZUNsaWNrLm9ic2VydmVycy5sZW5ndGggPiAwKTtcbiAgICB0aGlzLmNhbkNvbmZpcm1BbmRBZGQgPSB0b0Jvb2xlYW4odGhpcy5jYW5Db25maXJtQW5kQWRkLCB0aGlzLmNvbmZpcm1BbmRBZGRDbGljay5vYnNlcnZlcnMubGVuZ3RoID4gMCk7XG4gICAgdGhpcy5jYW5CYWNrd2FyZCA9IHRvQm9vbGVhbih0aGlzLmNhbkJhY2t3YXJkLCB0aGlzLmJhY2t3YXJkLm9ic2VydmVycy5sZW5ndGggPiAwKTtcbiAgICB0aGlzLmNhbkZvcndhcmQgPSB0b0Jvb2xlYW4odGhpcy5jYW5Gb3J3YXJkLCB0aGlzLmZvcndhcmQub2JzZXJ2ZXJzLmxlbmd0aCA+IDApO1xuICAgIGlmIChpc05pbCh0aGlzLmRpcnR5SWNvbikpIHtcbiAgICAgIHRoaXMuZGlydHlJY29uID0gJ3N0YXInO1xuICAgIH1cbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMudGFibGUucmVtb3ZlQ29sdW1uRGVmKHRoaXMuY29sdW1uRGVmKTtcbiAgICB0aGlzLm9wdGlvbnNDbGljay5jb21wbGV0ZSgpO1xuICAgIHRoaXMub3B0aW9uc0NsaWNrLnVuc3Vic2NyaWJlKCk7XG4gICAgdGhpcy5jYW5jZWxPckRlbGV0ZUNsaWNrLmNvbXBsZXRlKCk7XG4gICAgdGhpcy5jYW5jZWxPckRlbGV0ZUNsaWNrLnVuc3Vic2NyaWJlKCk7XG4gICAgdGhpcy5jb25maXJtQW5kQWRkQ2xpY2suY29tcGxldGUoKTtcbiAgICB0aGlzLmNvbmZpcm1BbmRBZGRDbGljay51bnN1YnNjcmliZSgpO1xuICAgIHRoaXMuYmFja3dhcmQuY29tcGxldGUoKTtcbiAgICB0aGlzLmJhY2t3YXJkLnVuc3Vic2NyaWJlKCk7XG4gICAgdGhpcy5mb3J3YXJkLmNvbXBsZXRlKCk7XG4gICAgdGhpcy5mb3J3YXJkLnVuc3Vic2NyaWJlKCk7XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwiYWN0aW9uc1wiIFtzdGlja3lFbmRdPVwic3RpY2t5RW5kXCI+XG4gIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWYgW2NsYXNzXT1cImNsYXNzTGlzdFwiIFtjbGFzcy5tYXQtY29sdW1uLXN0aWNreV09XCJzdGlja3lFbmRcIj5cbiAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvblxuICAgICAgICAgICAgKm5nSWY9XCJvcHRpb25zQ2xpY2sub2JzZXJ2ZXJzIHwgaXNOb3RFbXB0eUFycmF5XCJcbiAgICAgICAgICAgIFt0aXRsZV09XCJvcHRpb25zVGl0bGUgfCB0cmFuc2xhdGVcIlxuICAgICAgICAgICAgKGNsaWNrKT1cIm9wdGlvbnNDbGljay5lbWl0KCRldmVudClcIj5cbiAgICAgIDxtYXQtaWNvbj5tb3JlX3ZlcnQ8L21hdC1pY29uPlxuICAgIDwvYnV0dG9uPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlttYXRIZWFkZXJdXCI+PC9uZy1jb250ZW50PlxuICA8L3RoPlxuICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgcm93XCIgW2NsYXNzXT1cImNsYXNzTGlzdFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJyb3cuZWRpdGluZzsgZWxzZSB2aWV3XCI+XG5cbiAgICAgIDwhLS0gcGVuZGluZyAtLT5cbiAgICAgIDxpb24tc3Bpbm5lciAqbmdJZj1cInJvdy52YWxpZGF0b3I/LnBlbmRpbmdcIiBuYW1lPVwiZG90c1wiIGNsYXNzPVwiY2VudGVyXCI+PC9pb24tc3Bpbm5lcj5cblxuICAgICAgPCEtLSBDb25maXJtIGJ1dHRvbiAtLT5cbiAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIGNvbG9yPVwibGlnaHRcIlxuICAgICAgICAgICAgICAqbmdJZj1cImNhbkNvbmZpcm0gJiYgcm93LmVkaXRpbmcgJiYgcm93LnZhbGlkYXRvcj8uZGlydHkgJiYgcm93LnZhbGlkYXRvcj8udmFsaWRcIlxuICAgICAgICAgICAgICBbdGl0bGVdPVwiJ0NPTU1PTi5CVE5fQVBQTFknfHRyYW5zbGF0ZVwiXG4gICAgICAgICAgICAgIChjbGljayk9XCJjb25maXJtRWRpdENyZWF0ZUNsaWNrLmVtaXQoe2V2ZW50OiAkZXZlbnQsIHJvdzogcm93fSlcIj5cbiAgICAgICAgPG1hdC1pY29uPmNoZWNrbWFyazwvbWF0LWljb24+XG4gICAgICA8L2J1dHRvbj5cblxuICAgICAgPCEtLSBuZXcgcm93IC0tPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInJvdy5pZCA9PT0gLTE7IGVsc2UgZXhpc3RpbmdSb3dcIj5cblxuICAgICAgICA8IS0tIGRlbGV0ZSBidXR0b24gLS0+XG4gICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIGNvbG9yPVwibGlnaHRcIlxuICAgICAgICAgICAgICAgICpuZ0lmPVwiY2FuRGVsZXRlICYmIHJvdy52YWxpZGF0b3I/LmludmFsaWRcIlxuICAgICAgICAgICAgICAgIFt0aXRsZV09XCInQ09NTU9OLkJUTl9ERUxFVEUnIHwgdHJhbnNsYXRlXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwiY2FuY2VsT3JEZWxldGVDbGljay5lbWl0KHtldmVudDogJGV2ZW50LCByb3c6IHJvd30pXCI+XG4gICAgICAgICAgPG1hdC1pY29uPmRlbGV0ZV9vdXRsaW5lPC9tYXQtaWNvbj5cbiAgICAgICAgPC9idXR0b24+XG5cblxuICAgICAgICA8IS0tIGFkZCBidXR0b24gLS0+XG4gICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIGNvbG9yPVwibGlnaHRcIlxuICAgICAgICAgICAgICAgICpuZ0lmPVwiIWNhbkZvcndhcmQgJiYgY2FuQ29uZmlybUFuZEFkZCAmJiByb3cudmFsaWRhdG9yPy52YWxpZFwiXG4gICAgICAgICAgICAgICAgW3RpdGxlXT1cIidDT01NT04uQlROX0FERCd8dHJhbnNsYXRlXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwiY29uZmlybUFuZEFkZENsaWNrLmVtaXQoe2V2ZW50OiAkZXZlbnQsIHJvdzogcm93fSlcIj5cbiAgICAgICAgICA8bWF0LWljb24+YWRkPC9tYXQtaWNvbj5cbiAgICAgICAgPC9idXR0b24+XG5cbiAgICAgICAgPCEtLSBuZXh0IGJ1dHRvbiAoaW52aXNpYmxlIC0gZm9jdXNhYmxlIG9ubHkpIC0tPlxuICAgICAgICA8YnV0dG9uIGNsYXNzPVwibWF0LXJvdy1hY3Rpb24tYnV0dG9uXCJcbiAgICAgICAgICAgICAgICBzdHlsZT1cImNvbG9yOiB0cmFuc3BhcmVudDsgcG9zaXRpb246IGFic29sdXRlOyB0b3A6IDA7IG1hcmdpbjogMDsgcGFkZGluZzogMDsgd2lkdGg6IDA7XCJcbiAgICAgICAgICAgICAgICAqbmdJZj1cImNhbkZvcndhcmQgJiYgcm93LnZhbGlkYXRvcj8udmFsaWRcIlxuICAgICAgICAgICAgICAgIChmb2N1cyk9XCJ0aGlzLmZvcndhcmQuZW1pdCh7ZXZlbnQ6ICRldmVudCwgcm93OiByb3d9KVwiPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICA8IS0tIGV4aXN0aW5nIHJvdyAtLT5cbiAgICAgIDxuZy10ZW1wbGF0ZSAjZXhpc3RpbmdSb3c+XG4gICAgICAgIDwhLS0gY2FuY2VsIGJ1dHRvbiAtLT5cbiAgICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gY29sb3I9XCJsaWdodFwiXG4gICAgICAgICAgICAgICAgKm5nSWY9XCJjYW5DYW5jZWwgJiYgcm93LnZhbGlkYXRvcj8uZGlydHlcIlxuICAgICAgICAgICAgICAgIFt0aXRsZV09XCInQ09NTU9OLkJUTl9VTkRPJyB8IHRyYW5zbGF0ZVwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImNhbmNlbE9yRGVsZXRlQ2xpY2suZW1pdCh7ZXZlbnQ6ICRldmVudCwgcm93OiByb3d9KVwiPlxuICAgICAgICAgIDxtYXQtaWNvbj51bmRvPC9tYXQtaWNvbj5cbiAgICAgICAgPC9idXR0b24+XG5cbiAgICAgICAgPCEtLSBuZXh0IGJ1dHRvbiAoaW52aXNpYmxlIC0gZm9jdXNhYmxlIG9ubHkpIC0tPlxuICAgICAgICA8YnV0dG9uIGNsYXNzPVwibWF0LXJvdy1hY3Rpb24tYnV0dG9uXCJcbiAgICAgICAgICAgICAgICBzdHlsZT1cImNvbG9yOiB0cmFuc3BhcmVudDsgcG9zaXRpb246IGFic29sdXRlOyB0b3A6IDA7IG1hcmdpbjogMDsgcGFkZGluZzogMDsgd2lkdGg6IDA7XCJcbiAgICAgICAgICAgICAgICAqbmdJZj1cImNhbkZvcndhcmQgJiYgcm93LnZhbGlkYXRvcj8udmFsaWRcIlxuICAgICAgICAgICAgICAgIChmb2N1cyk9XCJ0aGlzLmZvcndhcmQuZW1pdCh7ZXZlbnQ6ICRldmVudCwgcm93OiByb3d9KVwiPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgIDxuZy10ZW1wbGF0ZSAjdmlldz5cbiAgICAgIDwhLS0gZGlydHkgaWNvbiAtLT5cbiAgICAgIDxpb24taWNvbiAqbmdJZj1cImRpcnR5SWNvbiAmJiByb3cudmFsaWRhdG9yPy5kaXJ0eVwiIFtuYW1lXT1cImRpcnR5SWNvblwiIGNvbG9yPVwiYWNjZW50XCIgY2xhc3M9XCJkaXJ0eS1pY29uXCI+PC9pb24taWNvbj5cblxuICAgICAgPCEtLSBiYWNrd2FyZCBidXR0b24gKGludmlzaWJsZSAtIGZvY3VzYWJsZSBvbmx5KSAtLT5cbiAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIGNsYXNzPVwibWF0LXJvdy1hY3Rpb24tYnV0dG9uXCJcbiAgICAgICAgICAgICAgc3R5bGU9XCJjb2xvcjogdHJhbnNwYXJlbnQ7IHBvc2l0aW9uOiBhYnNvbHV0ZTsgdG9wOiAwOyBtYXJnaW46IDA7IHBhZGRpbmc6IDA7IHdpZHRoOiAwO1wiXG4gICAgICAgICAgICAgICpuZ0lmPVwiY2FuQmFja3dhcmRcIlxuICAgICAgICAgICAgICAoZm9jdXMpPVwidGhpcy5iYWNrd2FyZC5lbWl0KHtldmVudDogJGV2ZW50LCByb3c6IHJvd30pXCI+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNlbGxUZW1wbGF0ZTsgY29udGV4dDogeyAkaW1wbGljaXQ6IHJvdyAgfVwiPjwvbmctY29udGFpbmVyPlxuICA8L3RkPlxuXG4gIDx0ZCBtYXQtZm9vdGVyLWNlbGwgKm1hdEZvb3RlckNlbGxEZWY+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW21hdEZvb3Rlcl1cIj48L25nLWNvbnRlbnQ+XG4gIDwvdGQ+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==