@elderbyte/ngx-starter 18.13.0-beta.0 → 18.13.0

package/theming/_elder-palettes.scss

@@ -0,0 +1,148 @@
+@use '@angular/material' as mat;
+@use 'sass:map';
+
+/***************************************************************************
+ *                                                                         *
+ * Overriding Material Base Variables                                      *
+ *                                                                         *
+ **************************************************************************/
+
+$dark-primary-text: rgba(black, 0.87);
+$light-primary-text: white;
+
+/***************************************************************************
+ *                                                                         *
+ * Material Color Palettes                                                 *
+ *                                                                         *
+ **************************************************************************/
+
+// ElderByte Theme
+
+$elder-blue: (
+  50: #dfe3e8,
+  100: #b3bcc8,
+  200: #8593a7,
+  300: #546883,
+  400: #2f4869,
+  500: #0b284f,
+  // Official Main Color tone: #002852 (#0B284F)
+  600: #0a2448,
+  700: #092040,
+  800: #081c38,
+  900: #061529,
+  A100: #809ec5,
+  A200: #5179bf,
+  A400: #004390,
+  A700: #00006b,
+  contrast: (
+    50: $dark-primary-text,
+    100: $dark-primary-text,
+    200: $dark-primary-text,
+    300: $dark-primary-text,
+    400: $light-primary-text,
+    500: $light-primary-text,
+    600: $light-primary-text,
+    700: $light-primary-text,
+    800: $light-primary-text,
+    900: $light-primary-text,
+    A100: $light-primary-text,
+    A200: $light-primary-text,
+    A400: $light-primary-text,
+    A700: $light-primary-text,
+  ),
+);
+
+$elder-gold: (
+  50: #f6f3ec,
+  100: #e8e1d1,
+  200: #dacfb4,
+  300: #ccbc96,
+  400: #c1ad80,
+  500: #b69f6a,
+  // Official ElderByte Accent tone
+  600: #a69160,
+  700: #948156,
+  800: #81714b,
+  900: #5f5337,
+  A100: #e1d1a9,
+  A200: #efd08f,
+  A400: #dbbe7a,
+  A700: #af9144,
+  contrast: (
+    50: $dark-primary-text,
+    100: $dark-primary-text,
+    200: $dark-primary-text,
+    300: $dark-primary-text,
+    400: $dark-primary-text,
+    500: $dark-primary-text,
+    600: $dark-primary-text,
+    700: $dark-primary-text,
+    800: $dark-primary-text,
+    900: $dark-primary-text,
+    A100: $dark-primary-text,
+    A200: $dark-primary-text,
+    A400: $dark-primary-text,
+    A700: $dark-primary-text,
+  ),
+);
+
+/***************************************************************************
+ *                                                                         *
+ * Dark Theme Palettes                                                     *
+ *                                                                         *
+ **************************************************************************/
+
+$grey-palette: mat.$m2-grey-palette;
+$light-primary-text: rgba(white, 0.87);
+$light-secondary-text: rgba(white, 0.4);
+$light-disabled-text: rgba(white, 0.38);
+$light-dividers: rgba(white, 0.12);
+$light-focused: rgba(white, 0.12);
+
+$dark-background-dp-01: #1f1f1f; // 5%
+$dark-background-dp-02: #222222; // 7%
+$dark-background-dp-03: #262626; // 8%
+$dark-background-dp-04: #272727; // 9%
+$dark-background-dp-06: #2c2c2c; // 11%
+$dark-background-dp-08: #2d2d2d; // 12%
+$dark-background-dp-12: #333333; // 14%
+
+// Background palette for dark themes.
+$elder-dark-theme-background: (
+  status-bar: black,
+  app-bar: $dark-background-dp-01,
+  background: #121212,
+  // #121212
+  hover: rgba(white, 0.04),
+  card: $dark-background-dp-03,
+  dialog: $dark-background-dp-12,
+  // $my-dark-dp-06
+  disabled-button: rgba(white, 0.12),
+  raised-button: map.get($grey-palette, 800),
+  focused-button: $light-focused,
+  selected-button: map.get($grey-palette, 900),
+  selected-disabled-button: map.get($grey-palette, 800),
+  disabled-button-toggle: black,
+  unselected-chip: map.get($grey-palette, 800),
+  disabled-list-option: rgba(white, 0.12),
+  tooltip: map.get($grey-palette, 800),
+);
+
+// Foreground palette for dark themes.
+$elder-dark-theme-foreground: (
+  base: rgba(white, 0.87),
+  divider: $light-dividers,
+  dividers: $light-dividers,
+  disabled: $light-disabled-text,
+  disabled-button: rgba(white, 0.38),
+  disabled-text: $light-disabled-text,
+  elevation: black,
+  hint-text: $light-disabled-text,
+  secondary-text: $light-secondary-text,
+  icon: rgba(white, 0.87),
+  icons: rgba(white, 0.87),
+  text: rgba(white, 0.87),
+  slider-min: rgba(white, 0.87),
+  slider-off: rgba(white, 0.38),
+  slider-off-active: rgba(white, 0.38),
+);

package/theming/_elder-scrollbar-theme.scss

@@ -9,6 +9,11 @@
   $scrollbarStyling: map.get($theme, elder, scrollbar-styling);
 
   @if $scrollbarStyling {
+    $primary: map-get($theme, primary);
+    $accent: map-get($theme, accent);
+    $warn: map-get($theme, warn);
+    $background: map-get($theme, background);
+    $foreground: map-get($theme, foreground);
     $commonSizes: map.get($theme, elder, common-sizes);
 
     @include scrollbar-width(map.get($commonSizes, sm)); // default
@@ -37,15 +42,20 @@
       @include scrollbar-width(map.get($commonSizes, xxl));
     }
 
+    /* Track */
+    ::-webkit-scrollbar-track {
+      // background: mat.get-color-from-palette($background, background);
+    }
+
     /* Handle */
     ::-webkit-scrollbar-thumb {
-      background: var(--md-sys-color-primary);
+      background: mat.m2-get-color-from-palette($primary);
       border-radius: 5px;
     }
 
     /* Handle on hover */
     ::-webkit-scrollbar-thumb:hover {
-      background: var(--md-sys-color-primary-fixed);
+      background: mat.m2-get-color-from-palette($primary, 300);
     }
   }
 }

package/theming/_elder-style-fixes.scss

@@ -1,11 +1,10 @@
 @use '@angular/material' as mat;
-@use './mixins' as mixins;
+@use 'mixins' as mixins;
 @use 'sass:map';
 
 @mixin elder-style-fixes($theme) {
   @include _ng-style-fixes;
   @include _mat-style-fixes($theme);
-  @include _mat3-fixes($theme);
 
   // elder custom icons fill color
   .mat-icon.svg-icon-inherit-color svg * {
@@ -91,6 +90,88 @@
     z-index: 1;
   }
 
+  .mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper {
+    padding-left: 0 !important;
+  }
+
+  .mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper {
+    padding-right: 0 !important;
+  }
+
+  .mat-mdc-form-field:not(.mat-mdc-form-field.elder-dense) {
+    $density: map-get($theme, elder, density, form-field);
+
+    /******************************
+    Fix big paddings for dense form fields
+    *******************************/
+
+    .mat-mdc-text-field-wrapper {
+      padding-left: calc-side-paddings($density);
+      padding-right: calc-side-paddings($density);
+    }
+
+    /******************************
+    Fix icon size and placement in mat label
+    *******************************/
+
+    @include mixins.form-field-icons($density);
+
+    /******************************
+    Fix text and hover placement of small filled form fields
+    *******************************/
+
+    $mat-mdc-form-field-label-transform: 0.75;
+    $mat-mdc-form-field-label-offset-x: -16px;
+    $form-field-density: map-get($theme, elder, density, form-field);
+
+    @if $form-field-density < -1 {
+      .mdc-text-field--filled {
+        .mdc-floating-label--float-above {
+          transform: var(
+            $mat-mdc-form-field-label-transform,
+            translateY(-50%)
+              translateX(calc(1 * (44px + var($mat-mdc-form-field-label-offset-x, 0px))))
+          ) !important;
+        }
+
+        .mat-mdc-form-field-infix {
+          padding-top: calc-padding-top-form-field-inflix($form-field-density) !important;
+          padding-bottom: 2px !important;
+          min-height: 40px; // (24 + 2*16) = 56px by default
+        }
+      }
+    }
+
+    /******************************
+    Material Form Field Label stealing clicks
+    *******************************/
+
+    .mat-mdc-floating-label.mdc-floating-label {
+      pointer-events: none !important;
+
+      mat-label {
+        pointer-events: none !important;
+      }
+    }
+
+    .mdc-notched-outline__notch {
+      pointer-events: none !important;
+
+      .mdc-floating-label {
+        pointer-events: none !important;
+
+        mat-label {
+          pointer-events: none !important;
+        }
+      }
+    }
+
+    .mat-mdc-form-field-error-wrapper {
+      display: flex;
+      padding-right: 0;
+    }
+  }
+
   /******************************
   Material chip make regular chips clickable when applying this class
   *******************************/
@@ -100,49 +181,36 @@
       cursor: pointer;
     }
   }
+}
 
-  /******************************
-    Styling toast messages
-    *******************************/
-  .elder-primary-text {
-    color: var(--md-sys-color-primary);
-  }
-
-  .elder-accent-text {
-    color: var(--md-sys-color-tertiary);
-  }
-
-  .elder-warn-text {
-    color: var(--md-sys-color-error);
-  }
+.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
+  display: block !important;
 }
 
-@mixin _mat3-fixes($theme) {
-  --mat-sidenav-container-width: auto; // is set to around 300px by default in MAT 3 (MAT 2 was auto by default)
-  --mat-badge-small-size-text-size: 9px; // this is the mat2 setting, mat3 somehow sets this to 0, which hides the font, unclear why.
-  --mdc-dialog-container-shape: 16px; // make border-radius of dialog container smaller (default is 28px)
-  --mat-dialog-container-max-width: 80vw; // 80vw is mat 2 default, mat 3 default is very narrow: 560px;
-  --mat-toolbar-title-text-tracking: 0; // mat toolbar typography
-  --mat-toolbar-title-text-weight: 500; // mat toolbar typography
-
-  .mat-toolbar {
-    &.mat-primary {
-      --mat-toolbar-container-text-color: var(--md-sys-color-on-primary);
-      --mat-toolbar-container-background-color: var(--md-sys-color-primary);
-      .mat-mdc-icon-button {
-        color: var(--md-sys-color-on-primary);
-      }
-    }
-    &.mat-accent {
-      --mat-toolbar-container-text-color: var(--md-sys-color-on-tertiary);
-      --mat-toolbar-container-background-color: var(--md-sys-color-tertiary);
-      .mat-mdc-icon-button {
-        color: var(--md-sys-color-on-tertiary);
-      }
-    }
+@function calc-side-paddings($density) {
+  $paddingDensityNeg4: 8px;
+  $paddingDensityNeg3: 10px;
+  $paddingDensityNeg2: 12px;
+  $paddingDensityNeg1: 14px;
+  $paddingDensity0: 16px;
+
+  @if $density == -4 {
+    @return $paddingDensityNeg4;
+  } @else if $density == -3 {
+    @return $paddingDensityNeg3;
+  } @else if $density == -2 {
+    @return $paddingDensityNeg2;
+  } @else if $density == -1 {
+    @return $paddingDensityNeg1;
+  } @else if $density == 0 {
+    @return $paddingDensity0;
   }
+}
 
-  .mat-toolbar .mat-mdc-icon-button {
-    color: inherit;
+@function calc-padding-top-form-field-inflix($density) {
+  @if $density > -3 {
+    @return 20px;
+  } @else {
+    @return 14px;
   }
 }

package/theming/_elder-theme.scss

@@ -0,0 +1,51 @@
+@use '@angular/material' as mat;
+@use 'sass:map';
+@use 'elder-palettes' as palettes;
+
+/***************************************************************************
+ *                                                                         *
+ * Public API                                                              *
+ *                                                                         *
+ **************************************************************************/
+
+@function define-dark-elder-theme($config) {
+  $result: $config;
+  @if map.get($config, color) {
+    $color-settings: map.get($config, color);
+    $primary: map.get($color-settings, primary);
+    $accent: map.get($color-settings, accent);
+    $warn: map.get($color-settings, warn);
+    $result: map.merge(
+      $config,
+      (
+        color: _mat-create-dark-color-config($primary, $accent, $warn),
+      )
+    );
+  }
+  @return _create-backwards-compatibility-theme($result);
+}
+
+/***************************************************************************
+ *                                                                         *
+ * Private functions                                                       *
+ *                                                                         *
+ **************************************************************************/
+
+@function _mat-create-dark-color-config($primary, $accent, $warn: null) {
+  @return (
+    primary: $primary,
+    accent: $accent,
+    warn: if($warn != null, $warn, mat.m2-define-palette(mat.$m2-red-palette)),
+    is-dark: true,
+    foreground: palettes.$elder-dark-theme-foreground,
+    background: palettes.$elder-dark-theme-background
+  );
+}
+
+@function _create-backwards-compatibility-theme($theme) {
+  @if not map.get($theme, color) {
+    @return $theme;
+  }
+  $color: map.get($theme, color);
+  @return map.merge($theme, $color);
+}

package/theming/_elder-toast-theme.scss

@@ -0,0 +1,46 @@
+@use '@angular/material' as mat;
+
+@mixin theme($theme) {
+  $primary: map-get($theme, primary);
+  $accent: map-get($theme, accent);
+  $warn: map-get($theme, warn);
+  $background: map-get($theme, background);
+  $foreground: map-get($theme, foreground);
+
+  /*
+  .elder-primary-toast {
+    background: mat.get-color-from-palette($background, dialog);
+    color: mat.get-color-from-palette($primary);
+  }
+
+  .elder-accent-toast {
+    background: mat.get-color-from-palette($background, dialog);
+    color: mat.get-color-from-palette($accent);
+  }
+
+  .elder-success-toast {
+    background: mat.get-color-from-palette($background, dialog);
+    color: mat.get-color-from-palette($primary);
+  }
+
+  .elder-warning-toast {
+    background: mat.get-color-from-palette($background, dialog);
+    color: mat.get-color-from-palette($accent);
+  }
+
+  .elder-error-toast {
+    background-color: mat.get-color-from-palette($warn);
+  }*/
+
+  .elder-primary-text {
+    color: mat.m2-get-color-from-palette($primary);
+  }
+
+  .elder-accent-text {
+    color: mat.m2-get-color-from-palette($accent);
+  }
+
+  .elder-warn-text {
+    color: mat.m2-get-color-from-palette($warn);
+  }
+}

package/theming/_elder-typography-utils.scss

@@ -10,3 +10,14 @@
 @function coerce-unitless-to-em($value) {
   @return if(math.is-unitless($value), 1em * $value, $value);
 }
+
+@function get-typography-config($config) {
+  $typography: mat.m2-get-typography-config($config);
+
+  // If no actual typography configuration has been specified, create a default one.
+  @if not $typography {
+    $typography: mat.m2-define-typography-config();
+  }
+
+  @return $typography;
+}

package/theming/_mat-icon-button-size.scss

@@ -0,0 +1,34 @@
+/**
+ * Based on https://github.com/btxtiger/mat-icon-button-sizes
+ * The default factor between button and icon size is *= 0.6
+ */
+@mixin matIconButtonSize($buttonSize, $iconSize) {
+  width: $buttonSize !important;
+  height: $buttonSize !important;
+  padding: 0px !important;
+  display: inline-flex !important;
+  align-items: center;
+  justify-content: center;
+
+  .mat-icon,
+  img {
+    width: $iconSize;
+    height: $iconSize;
+    font-size: $iconSize;
+
+    svg {
+      width: $iconSize;
+      height: $iconSize;
+    }
+  }
+
+  svg {
+    width: $iconSize;
+    height: $iconSize;
+  }
+
+  .mat-mdc-button-touch-target {
+    width: $buttonSize !important;
+    height: $buttonSize !important;
+  }
+}

package/theming/_mixins.scss

@@ -50,38 +50,3 @@
     @return 40px;
   }
 }
-
-/**
- * Based on https://github.com/btxtiger/mat-icon-button-sizes
- * The default factor between button and icon size is *= 0.6
- */
-@mixin matIconButtonSize($buttonSize, $iconSize) {
-  width: $buttonSize !important;
-  height: $buttonSize !important;
-  padding: 0 !important;
-  display: inline-flex !important;
-  align-items: center;
-  justify-content: center;
-
-  .mat-icon,
-  img {
-    width: $iconSize;
-    height: $iconSize;
-    font-size: $iconSize;
-
-    svg {
-      width: $iconSize;
-      height: $iconSize;
-    }
-  }
-
-  svg {
-    width: $iconSize;
-    height: $iconSize;
-  }
-
-  .mat-mdc-button-touch-target {
-    width: $buttonSize !important;
-    height: $buttonSize !important;
-  }
-}

package/esm2022/lib/components/forms/directives/elder-triple-state-checkbox.directive.mjs

@@ -1,120 +0,0 @@
-import { Directive, Optional } from '@angular/core';
-import { ParseUtil } from '../../../common/utils/parse-util';
-import { LoggerFactory } from '@elderbyte/ts-logger';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/checkbox";
-import * as i2 from "@angular/forms";
-export var ElderCheckboxState;
-(function (ElderCheckboxState) {
-    ElderCheckboxState[ElderCheckboxState["UNCHECKED"] = 0] = "UNCHECKED";
-    ElderCheckboxState[ElderCheckboxState["CHECKED"] = 1] = "CHECKED";
-    ElderCheckboxState[ElderCheckboxState["INDETERMINATE"] = 2] = "INDETERMINATE";
-})(ElderCheckboxState || (ElderCheckboxState = {}));
-export class ElderTripleStateCheckboxDirective {
-    /***************************************************************************
-     *                                                                         *
-     * Constructor                                                             *
-     *                                                                         *
-     **************************************************************************/
-    constructor(checkbox, ngModel) {
-        this.checkbox = checkbox;
-        this.ngModel = ngModel;
-        this.log = LoggerFactory.getLogger(this.constructor.name);
-    }
-    /***************************************************************************
-     *                                                                         *
-     * Life Cycle                                                              *
-     *                                                                         *
-     **************************************************************************/
-    ngOnInit() {
-        this.state = this.state;
-        this.checkbox.registerOnChange(() => this.toggleNextState());
-        this.ngModel.valueChanges.subscribe((value) => (this.state = this.controlValueToState(value)));
-    }
-    /***************************************************************************
-     *                                                                         *
-     * Properties                                                              *
-     *                                                                         *
-     **************************************************************************/
-    get state() {
-        return this.controlValueToState(this.readControlValue());
-    }
-    set state(newState) {
-        switch (newState) {
-            case ElderCheckboxState.UNCHECKED:
-                this.setCheckboxUnchecked();
-                break;
-            case ElderCheckboxState.CHECKED:
-                this.setCheckboxChecked();
-                break;
-            case ElderCheckboxState.INDETERMINATE:
-                this.setCheckboxIndeterminate();
-                break;
-        }
-    }
-    /***************************************************************************
-     *                                                                         *
-     * Private methods                                                         *
-     *                                                                         *
-     **************************************************************************/
-    controlValueToState(value) {
-        switch (ParseUtil.parseBoolOrUndefined(value)) {
-            case false:
-                return ElderCheckboxState.UNCHECKED;
-            case true:
-                return ElderCheckboxState.CHECKED;
-            case undefined:
-                return ElderCheckboxState.INDETERMINATE;
-        }
-    }
-    toggleNextState() {
-        this.state = (this.state + 1) % 3;
-    }
-    setCheckboxUnchecked() {
-        this.checkbox.value = 'false';
-        this.checkbox.checked = false;
-        this.checkbox.indeterminate = false;
-        this.updateModelIfPresent(false);
-    }
-    setCheckboxChecked() {
-        this.checkbox.value = 'true';
-        this.checkbox.checked = true;
-        this.checkbox.indeterminate = false;
-        this.updateModelIfPresent(true);
-    }
-    setCheckboxIndeterminate() {
-        this.checkbox.value = undefined;
-        this.checkbox.indeterminate = true;
-        this.updateModelIfPresent(undefined);
-    }
-    readControlValue() {
-        if (this.ngModel) {
-            return this.ngModel.viewModel;
-        }
-        else {
-            return this.checkbox.value;
-        }
-    }
-    updateModelIfPresent(val) {
-        if (this.ngModel !== null && this.ngModel.viewModel !== val) {
-            this.ngModel.control.setValue(val, {
-                onlySelf: false,
-                emitEvent: true,
-                emitModelToViewChange: true,
-                emitViewToModelChange: true,
-            });
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderTripleStateCheckboxDirective, deps: [{ token: i1.MatCheckbox }, { token: i2.NgModel, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: ElderTripleStateCheckboxDirective, isStandalone: true, selector: "mat-checkbox[elderTripleStateCheckbox]", ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderTripleStateCheckboxDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'mat-checkbox[elderTripleStateCheckbox]',
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [{ type: i1.MatCheckbox }, { type: i2.NgModel, decorators: [{
-                    type: Optional
-                }] }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxkZXItdHJpcGxlLXN0YXRlLWNoZWNrYm94LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2VsZGVyYnl0ZS9uZ3gtc3RhcnRlci9zcmMvbGliL2NvbXBvbmVudHMvZm9ybXMvZGlyZWN0aXZlcy9lbGRlci10cmlwbGUtc3RhdGUtY2hlY2tib3guZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBRzNELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sc0JBQXNCLENBQUE7Ozs7QUFFcEQsTUFBTSxDQUFOLElBQVksa0JBSVg7QUFKRCxXQUFZLGtCQUFrQjtJQUM1QixxRUFBYSxDQUFBO0lBQ2IsaUVBQVcsQ0FBQTtJQUNYLDZFQUFpQixDQUFBO0FBQ25CLENBQUMsRUFKVyxrQkFBa0IsS0FBbEIsa0JBQWtCLFFBSTdCO0FBTUQsTUFBTSxPQUFPLGlDQUFpQztJQUc1Qzs7OztnRkFJNEU7SUFFNUUsWUFDVSxRQUFxQixFQUNULE9BQWdCO1FBRDVCLGFBQVEsR0FBUixRQUFRLENBQWE7UUFDVCxZQUFPLEdBQVAsT0FBTyxDQUFTO1FBVnJCLFFBQUcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUE7SUFXbEUsQ0FBQztJQUVKOzs7O2dGQUk0RTtJQUVyRSxRQUFRO1FBQ2IsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFBO1FBQ3ZCLElBQUksQ0FBQyxRQUFRLENBQUMsZ0JBQWdCLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDLENBQUE7UUFDNUQsSUFBSSxDQUFDLE9BQU8sQ0FB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RSxLQUFLO2dCQUNmLFNBQVMsRUFBRSxJQUFJO2dCQUNmLHFCQUFxQixFQUFFLElBQUk7Z0JBQzNCLHFCQUFxQixFQUFFLElBQUk7YUFDNUIsQ0FBQyxDQUFBO1FBQ0osQ0FBQztJQUNILENBQUM7OEdBOUdVLGlDQUFpQztrR0FBakMsaUNBQWlDOzsyRkFBakMsaUNBQWlDO2tCQUo3QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx3Q0FBd0M7b0JBQ2xELFVBQVUsRUFBRSxJQUFJO2lCQUNqQjs7MEJBWUksUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgT25Jbml0LCBPcHRpb25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyBNYXRDaGVja2JveCB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NoZWNrYm94J1xuaW1wb3J0IHsgTmdNb2RlbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJ1xuaW1wb3J0IHsgUGFyc2VVdGlsIH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL3V0aWxzL3BhcnNlLXV0aWwnXG5pbXBvcnQgeyBMb2dnZXJGYWN0b3J5IH0gZnJvbSAnQGVsZGVyYnl0ZS90cy1sb2dnZXInXG5cbmV4cG9ydCBlbnVtIEVsZGVyQ2hlY2tib3hTdGF0ZSB7XG4gIFVOQ0hFQ0tFRCA9IDAsXG4gIENIRUNLRUQgPSAxLFxuICBJTkRFVEVSTUlOQVRFID0gMixcbn1cblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnbWF0LWNoZWNrYm94W2VsZGVyVHJpcGxlU3RhdGVDaGVja2JveF0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBFbGRlclRyaXBsZVN0YXRlQ2hlY2tib3hEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQge1xuICBwcml2YXRlIHJlYWRvbmx5IGxvZyA9IExvZ2dlckZhY3RvcnkuZ2V0TG9nZ2VyKHRoaXMuY29uc3RydWN0b3IubmFtZSlcblxuICAvKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqXG4gICAqICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICpcbiAgICogQ29uc3RydWN0b3IgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKlxuICAgKiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAqXG4gICAqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKi9cblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGNoZWNrYm94OiBNYXRDaGVja2JveCxcbiAgICBAT3B0aW9uYWwoKSBwcml2YXRlIG5nTW9kZWw6IE5nTW9kZWxcbiAgKSB7fVxuXG4gIC8qKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKipcbiAgICogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKlxuICAgKiBMaWZlIEN5Y2xlICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAqXG4gICAqICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICpcbiAgICoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqL1xuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnN0YXRlID0gdGhpcy5zdGF0ZVxuICAgIHRoaXMuY2hlY2tib3gucmVnaXN0ZXJPbkNoYW5nZSgoKSA9PiB0aGlzLnRvZ2dsZU5leHRTdGF0ZSgpKVxuICAgIHRoaXMubmdNb2RlbC52YWx1ZUNoYW5nZXMuc3Vic2NyaWJlKCh2YWx1ZSkgPT4gKHRoaXMuc3RhdGUgPSB0aGlzLmNvbnRyb2xWYWx1ZVRvU3RhdGUodmFsdWUpKSlcbiAgfVxuXG4gIC8qKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKipcbiAgICogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKlxuICAgKiBQcm9wZXJ0aWVzICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAqXG4gICAqICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICpcbiAgICoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqL1xuXG4gIHByaXZhdGUgZ2V0IHN0YXRlKCk6IEVsZGVyQ2hlY2tib3hTdGF0ZSB7XG4gICAgcmV0dXJuIHRoaXMuY29udHJvbFZhbHVlVG9TdGF0ZSh0aGlzLnJlYWRDb250cm9sVmFsdWUoKSlcbiAgfVxuXG4gIHByaXZhdGUgc2V0IHN0YXRlKG5ld1N0YXRlOiBFbGRlckNoZWNrYm94U3RhdGUpIHtcbiAgICBzd2l0Y2ggKG5ld1N0YXRlKSB7XG4gICAgICBjYXNlIEVsZGVyQ2hlY2tib3hTdGF0ZS5VTkNIRUNLRUQ6XG4gICAgICAgIHRoaXMuc2V0Q2hlY2tib3hVbmNoZWNrZWQoKVxuICAgICAgICBicmVha1xuXG4gICAgICBjYXNlIEVsZGVyQ2hlY2tib3hTdGF0ZS5DSEVDS0VEOlxuICAgICAgICB0aGlzLnNldENoZWNrYm94Q2hlY2tlZCgpXG4gICAgICAgIGJyZWFrXG5cbiAgICAgIGNhc2UgRWxkZXJDaGVja2JveFN0YXRlLklOREVURVJNSU5BVEU6XG4gICAgICAgIHRoaXMuc2V0Q2hlY2tib3hJbmRldGVybWluYXRlKClcbiAgICAgICAgYnJlYWtcbiAgICB9XG4gIH1cblxuICAvKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqXG4gICAqICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICpcbiAgICogUHJpdmF0ZSBtZXRob2RzICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKlxuICAgKiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAqXG4gICAqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKi9cblxuICBwcml2YXRlIGNvbnRyb2xWYWx1ZVRvU3RhdGUodmFsdWU6IGFueSk6IEVsZGVyQ2hlY2tib3hTdGF0ZSB7XG4gICAgc3dpdGNoIChQYXJzZVV0aWwucGFyc2VCb29sT3JVbmRlZmluZWQodmFsdWUpKSB7XG4gICAgICBjYXNlIGZhbHNlOlxuICAgICAgICByZXR1cm4gRWxkZXJDaGVja2JveFN0YXRlLlVOQ0hFQ0tFRFxuICAgICAgY2FzZSB0cnVlOlxuICAgICAgICByZXR1cm4gRWxkZXJDaGVja2JveFN0YXRlLkNIRUNLRURcbiAgICAgIGNhc2UgdW5kZWZpbmVkOlxuICAgICAgICByZXR1cm4gRWxkZXJDaGVja2JveFN0YXRlLklOREVURVJNSU5BVEVcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIHRvZ2dsZU5leHRTdGF0ZSgpOiB2b2lkIHtcbiAgICB0aGlzLnN0YXRlID0gKHRoaXMuc3RhdGUgKyAxKSAlIDNcbiAgfVxuXG4gIHByaXZhdGUgc2V0Q2hlY2tib3hVbmNoZWNrZWQoKSB7XG4gICAgdGhpcy5jaGVja2JveC52YWx1ZSA9ICdmYWxzZSdcbiAgICB0aGlzLmNoZWNrYm94LmNoZWNrZWQgPSBmYWxzZVxuICAgIHRoaXMuY2hlY2tib3guaW5kZXRlcm1pbmF0ZSA9IGZhbHNlXG4gICAgdGhpcy51cGRhdGVNb2RlbElmUHJlc2VudChmYWxzZSlcbiAgfVxuXG4gIHByaXZhdGUgc2V0Q2hlY2tib3hDaGVja2VkKCkge1xuICAgIHRoaXMuY2hlY2tib3gudmFsdWUgPSAndHJ1ZSdcbiAgICB0aGlzLmNoZWNrYm94LmNoZWNrZWQgPSB0cnVlXG4gICAgdGhpcy5jaGVja2JveC5pbmRldGVybWluYXRlID0gZmFsc2VcbiAgICB0aGlzLnVwZGF0ZU1vZGVsSWZQcmVzZW50KHRydWUpXG4gIH1cblxuICBwcml2YXRlIHNldENoZWNrYm94SW5kZXRlcm1pbmF0ZSgpIHtcbiAgICB0aGlzLmNoZWNrYm94LnZhbHVlID0gdW5kZWZpbmVkXG4gICAgdGhpcy5jaGVja2JveC5pbmRldGVybWluYXRlID0gdHJ1ZVxuICAgIHRoaXMudXBkYXRlTW9kZWxJZlByZXNlbnQodW5kZWZpbmVkKVxuICB9XG5cbiAgcHJpdmF0ZSByZWFkQ29udHJvbFZhbHVlKCk6IGFueSB7XG4gICAgaWYgKHRoaXMubmdNb2RlbCkge1xuICAgICAgcmV0dXJuIHRoaXMubmdNb2RlbC52aWV3TW9kZWxcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIHRoaXMuY2hlY2tib3gudmFsdWVcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIHVwZGF0ZU1vZGVsSWZQcmVzZW50KHZhbDogYW55KSB7XG4gICAgaWYgKHRoaXMubmdNb2RlbCAhPT0gbnVsbCAmJiB0aGlzLm5nTW9kZWwudmlld01vZGVsICE9PSB2YWwpIHtcbiAgICAgIHRoaXMubmdNb2RlbC5jb250cm9sLnNldFZhbHVlKHZhbCwge1xuICAgICAgICBvbmx5U2VsZjogZmFsc2UsXG4gICAgICAgIGVtaXRFdmVudDogdHJ1ZSxcbiAgICAgICAgZW1pdE1vZGVsVG9WaWV3Q2hhbmdlOiB0cnVlLFxuICAgICAgICBlbWl0Vmlld1RvTW9kZWxDaGFuZ2U6IHRydWUsXG4gICAgICB9KVxuICAgIH1cbiAgfVxufVxuIl19