@dontdrinkandroot/ngx-material-extensions 0.5.3 → 0.6.0

package/assets/_extensions.scss

@@ -0,0 +1,132 @@
+@use '@angular/material' as mat;
+
+.mat-sidenav-container {
+
+    .mat-sidenav {
+
+        &.mat-drawer-over {
+            max-width: 90vw;
+        }
+
+        .mat-mdc-nav-list.ddr-mat-sidenav-nav-list {
+            .mat-mdc-list-item {
+                width: auto;
+                margin-right: .5rem;
+                border-top-left-radius: 0;
+                border-bottom-left-radius: 0;
+            }
+        }
+    }
+
+    .mat-sidenav-content {
+        min-height: 100vh;
+    }
+
+    &.side {
+        .mat-sidenav {
+            .ddr-mat-toolbar-fixed-top-container {
+                .mat-toolbar {
+                    width: 360px;
+                }
+            }
+        }
+
+        .mat-sidenav-content {
+            .ddr-mat-toolbar-fixed-top-container {
+                .mat-toolbar {
+                    left: 360px;
+                    right: 0;
+                    width: auto;
+                }
+            }
+        }
+    }
+}
+
+.ddr-mat-fab-fixed-container {
+
+    height: calc($ddr-mat-fab-height + 2rem);
+
+    .mdc-fab {
+        position: fixed;
+        bottom: 1rem;
+        right: 1rem;
+    }
+}
+
+.mat-toolbar {
+
+    .ddr-mat-heading {
+        @extend .text-overflow-ellipsis;
+        @extend .flex-auto;
+    }
+
+    ddr-mat-sidenav-toggle {
+        margin-right: .25rem;
+    }
+
+    &.ddr-mat-toolbar-icon-start {
+        padding-left: .25rem;
+    }
+
+    &.ddr-mat-toolbar-icon-end {
+        padding-right: .25rem;
+    }
+
+    @include ddr-mat-mobile {
+        &.ddr-mat-toolbar-icon-start-mobile {
+            padding-left: .25rem;
+        }
+
+        &.ddr-mat-toolbar-icon-end-mobile {
+            padding-right: .25rem;
+        }
+    }
+
+    @include ddr-mat-desktop {
+        &.ddr-mat-toolbar-icon-start-desktop {
+            padding-left: .25rem;
+        }
+
+        &.ddr-mat-toolbar-icon-end-desktop {
+            padding-right: .25rem;
+        }
+    }
+}
+
+.ddr-mat-toolbar-fixed-top-container {
+    .mat-toolbar {
+        position: fixed;
+        top: 0;
+        z-index: 2;
+    }
+
+    height: var(--mat-toolbar-mobile-height);
+    @media (min-width: $ddr-breakpoint-sm) {
+        height: var(--mat-toolbar-standard-height);
+    }
+}
+
+ddr-filter {
+
+    width: 100%;
+
+    .mat-mdc-form-field {
+        width: 100%;
+    }
+}
+
+p.mat-mdc-list-item-line {
+    margin-bottom: 0;
+}
+
+body.ddr-mat-scrolled {
+    .ddr-mat-toolbar-fixed-top-container {
+        .mat-toolbar {
+            background: mat.get-theme-color($ddr-light-theme, 'surface-container');
+            @media (prefers-color-scheme: dark) {
+                background: mat.get-theme-color($ddr-dark-theme, 'surface-container');
+            }
+        }
+    }
+}

package/assets/_mixins.scss

@@ -0,0 +1,11 @@
+@mixin ddr-mat-mobile {
+    @media (max-width: #{$ddr-breakpoint-md - 1}) {
+        @content;
+    }
+}
+
+@mixin ddr-mat-desktop {
+    @media (min-width: #{$ddr-breakpoint-md}) {
+        @content;
+    }
+}

package/assets/_theme.scss

@@ -0,0 +1,131 @@
+@use '@angular/material' as mat;
+
+@include mat.core();
+
+$ddr-mat-primary: mat.$azure-palette !default;
+$ddr-mat-tertiary: mat.$magenta-palette !default;
+
+$ddr-light-theme: mat.define-theme((
+        color: (
+                primary: $ddr-mat-primary,
+                tertiary: $ddr-mat-tertiary,
+        ),
+)) !default;
+
+$ddr-dark-theme: mat.define-theme((
+        color: (
+                theme-type: dark,
+                primary: $ddr-mat-primary,
+                tertiary: $ddr-mat-tertiary,
+        ),
+)) !default;
+
+html {
+    @include mat.all-component-themes($ddr-light-theme);
+    @media (prefers-color-scheme: dark) {
+        @include mat.all-component-colors($ddr-dark-theme);
+    }
+}
+
+.mat-mdc-button {
+    &.mat-secondary {
+        @include mat.button-color($ddr-light-theme, $color-variant: secondary);
+        @media (prefers-color-scheme: dark) {
+            @include mat.button-color($ddr-dark-theme, $color-variant: secondary);
+        }
+    }
+
+    &.mat-tertiary {
+        @include mat.button-color($ddr-light-theme, $color-variant: tertiary);
+        @media (prefers-color-scheme: dark) {
+            @include mat.button-color($ddr-dark-theme, $color-variant: tertiary);
+        }
+    }
+
+    &.mat-error {
+        @include mat.button-color($ddr-light-theme, $color-variant: error);
+        @media (prefers-color-scheme: dark) {
+            @include mat.button-color($ddr-dark-theme, $color-variant: error);
+        }
+    }
+}
+
+.mat-mdc-raised-button {
+    &.mat-secondary {
+        @include mat.button-color($ddr-light-theme, $color-variant: secondary);
+        @media (prefers-color-scheme: dark) {
+            @include mat.button-color($ddr-dark-theme, $color-variant: secondary);
+        }
+    }
+
+    &.mat-tertiary {
+        @include mat.button-color($ddr-light-theme, $color-variant: tertiary);
+        @media (prefers-color-scheme: dark) {
+            @include mat.button-color($ddr-dark-theme, $color-variant: tertiary);
+        }
+    }
+
+    &.mat-error {
+        @include mat.button-color($ddr-light-theme, $color-variant: error);
+        @media (prefers-color-scheme: dark) {
+            @include mat.button-color($ddr-dark-theme, $color-variant: error);
+        }
+    }
+}
+
+.mat-mdc-outlined-button {
+    &.mat-secondary {
+        @include mat.button-color($ddr-light-theme, $color-variant: secondary);
+        @media (prefers-color-scheme: dark) {
+            @include mat.button-color($ddr-dark-theme, $color-variant: secondary);
+        }
+    }
+
+    &.mat-tertiary {
+        @include mat.button-color($ddr-light-theme, $color-variant: tertiary);
+        @media (prefers-color-scheme: dark) {
+            @include mat.button-color($ddr-dark-theme, $color-variant: tertiary);
+        }
+    }
+
+    &.mat-error {
+        @include mat.button-color($ddr-light-theme, $color-variant: error);
+        @media (prefers-color-scheme: dark) {
+            @include mat.button-color($ddr-dark-theme, $color-variant: error);
+        }
+    }
+}
+
+.mat-mdc-unelevated-button {
+    &.mat-secondary {
+        @include mat.button-color($ddr-light-theme, $color-variant: secondary);
+        @media (prefers-color-scheme: dark) {
+            @include mat.button-color($ddr-dark-theme, $color-variant: secondary);
+        }
+    }
+
+    &.mat-tertiary {
+        @include mat.button-color($ddr-light-theme, $color-variant: tertiary);
+        @media (prefers-color-scheme: dark) {
+            @include mat.button-color($ddr-dark-theme, $color-variant: tertiary);
+        }
+    }
+
+    &.mat-error {
+        @include mat.button-color($ddr-light-theme, $color-variant: error);
+        @media (prefers-color-scheme: dark) {
+            @include mat.button-color($ddr-dark-theme, $color-variant: error);
+        }
+    }
+}
+
+@include mat.typography-hierarchy($ddr-light-theme);
+
+html, body {
+    height: 100%;
+}
+
+body {
+    margin: 0;
+    font-family: Roboto, "Helvetica Neue", sans-serif;
+}

package/assets/_utils.scss

@@ -0,0 +1,46 @@
+@import "./utils/display";
+@import "./utils/spacing";
+@import "./utils/color";
+
+.flex-row {
+    flex-direction: row !important;
+}
+
+.flex-column {
+    flex-direction: column !important;
+}
+
+.flex-auto {
+    flex: 1 1 auto !important;
+}
+
+.d-grid {
+    grid-gap: 1rem;
+
+    &.equal-columns {
+        grid-auto-columns: minmax(0, 1fr);
+        grid-auto-flow: column;
+    }
+}
+
+.text-center {
+    text-align: center !important;
+}
+
+.text-overflow-ellipsis {
+    overflow: hidden !important;
+    text-overflow: ellipsis !important;
+    white-space: nowrap !important;
+}
+
+
+.list-unstyled {
+    list-style-type: none !important;
+    padding-left: 0 !important;
+    margin-block-start: 0;
+    margin-block-end: 0;
+}
+
+.cursor-pointer {
+    cursor: pointer !important;
+}

package/{_variables.scss → assets/_variables.scss}

@@ -24,14 +24,29 @@ $ddr-margins: (
         'mb': 'margin-bottom'
 ) !default;
 
+$ddr-displays: (
+        none: none,
+        inline: inline,
+        inline-block: inline-block,
+        block: block,
+        grid: grid,
+        inline-grid: inline-grid,
+        table: table,
+        table-cell: table-cell,
+        table-row: table-row,
+        flex: flex,
+        inline-flex: inline-flex
+) !default;
+
 $ddr-mat-fab-height: 56px !default;
 
+$ddr-breakpoint-xs: 0;
 $ddr-breakpoint-sm: 600px;
 $ddr-breakpoint-md: 960px;
 $ddr-breakpoint-lg: 1280px;
 $ddr-breakpoint-xl: 1920px;
 $ddr-breakpoints: (
-        xs: 0,
+        xs: $ddr-breakpoint-xs,
         sm: $ddr-breakpoint-sm,
         md: $ddr-breakpoint-md,
         lg: $ddr-breakpoint-lg,

package/assets/fonts.scss

@@ -0,0 +1,21 @@
+@import "@fontsource/roboto/300.css";
+@import "@fontsource/roboto/400.css";
+@import "@fontsource/roboto/500.css";
+@import "@fontsource/roboto/700.css";
+@import "@fontsource/material-icons";
+
+.material-icons {
+    font-family: 'Material Icons';
+    font-weight: normal;
+    font-style: normal;
+    font-size: 24px;
+    line-height: 1;
+    letter-spacing: normal;
+    text-transform: none;
+    display: inline-block;
+    white-space: nowrap;
+    word-wrap: normal;
+    direction: ltr;
+    -moz-font-feature-settings: 'liga';
+    -moz-osx-font-smoothing: grayscale;
+}

package/{index.scss → assets/style.scss}

@@ -1,4 +1,5 @@
 @import "variables";
+@import "mixins";
 @import "theme";
-@import "utilities";
+@import "utils";
 @import "extensions";

package/assets/utils/_color.scss

@@ -0,0 +1,29 @@
+@use '@angular/material' as mat;
+
+.text-primary {
+    color: mat.get-theme-color($ddr-light-theme, primary) !important;
+    @media (prefers-color-scheme: dark) {
+        color: mat.get-theme-color($ddr-dark-theme, primary) !important;
+    }
+}
+
+.text-secondary {
+    color: mat.get-theme-color($ddr-light-theme, secondary) !important;
+    @media (prefers-color-scheme: dark) {
+        color: mat.get-theme-color($ddr-dark-theme, secondary) !important;
+    }
+}
+
+.text-tertiary {
+    color: mat.get-theme-color($ddr-light-theme, tertiary) !important;
+    @media (prefers-color-scheme: dark) {
+        color: mat.get-theme-color($ddr-dark-theme, tertiary) !important;
+    }
+}
+
+.text-error {
+    color: mat.get-theme-color($ddr-light-theme, error) !important;
+    @media (prefers-color-scheme: dark) {
+        color: mat.get-theme-color($ddr-dark-theme, error) !important;
+    }
+}

package/assets/utils/_display.scss

@@ -0,0 +1,37 @@
+@function next-breakpoint($breakpoint) {
+    $breakpoints: map-keys($ddr-breakpoints);
+    $index: index($breakpoints, $breakpoint);
+    @if $index < length($breakpoints) {
+        @return map-get($ddr-breakpoints, nth($breakpoints, $index + 1));
+    }
+    @return null;
+}
+
+@each $display, $value in $ddr-displays {
+    .d-#{$display} {
+        display: $value !important;
+    }
+
+    @each $breakpoint, $size in $ddr-breakpoints {
+        .d-min-#{$breakpoint}-#{$display} {
+            @media (min-width: $size) {
+                display: $value !important;
+            }
+        }
+
+        .d-max-#{$breakpoint}-#{$display} {
+            @media (max-width: $size) {
+                display: $value !important;
+            }
+        }
+
+        .d-#{$breakpoint}-#{$display} {
+            $next: next-breakpoint($breakpoint);
+            @if $next {
+                @media (min-width: $size) and (max-width: $next) {
+                    display: $value !important;
+                }
+            }
+        }
+    }
+}

package/{_utilities.scss → assets/utils/_spacing.scss}

@@ -1,29 +1,3 @@
-.d-flex {
-    display: flex !important;
-}
-
-.flex-row {
-    flex-direction: row !important;
-}
-
-.flex-column {
-    flex-direction: column !important;
-}
-
-.flex-auto {
-    flex: 1 1 auto !important;
-}
-
-.d-grid {
-    display: grid !important;
-    grid-gap: 1rem;
-
-    &.equal-columns {
-        grid-auto-columns: minmax(0, 1fr);
-        grid-auto-flow: column;
-    }
-}
-
 @each $prefix, $property in $ddr-paddings {
     @each $suffix, $size in $ddr-spacers {
         .#{$prefix}-#{$suffix} {
@@ -72,31 +46,7 @@
     margin-left: auto !important;
 }
 
-.text-center {
-    text-align: center !important;
-}
-
-.text-muted {
-    color: #9e9e9e !important;
-}
-
-.text-overflow-ellipsis {
-    overflow: hidden !important;
-    text-overflow: ellipsis !important;
-    white-space: nowrap !important;
-}
-
-.sticky-top {
-    position: sticky !important;
-    top: 0 !important;
-    z-index: 1 !important;
-}
-
-.list-unstyled {
-    list-style-type: none !important;
-    padding-left: 0 !important;
-}
-
-.cursor-pointer {
-    cursor: pointer !important;
+.mx-auto {
+    margin-left: auto !important;
+    margin-right: auto !important;
 }

package/esm2022/public-api.mjs

@@ -1,11 +1,14 @@
 /*
  * Public API Surface of ngx-material-extensions
  */
+export * from './src/ddr-material-extensions.module';
+export * from './src/button/fab-fixed.directive';
 export * from './src/filter/filter.component';
+export * from './src/gridlist/grid-tile-lazy-image-container.directive';
+export * from './src/gridlist/grid-tile-lazy-img.directive';
 export * from './src/sidenav/sidenav-container.component';
 export * from './src/sidenav/sidenav-toggle.component';
 export * from './src/sidenav/sidenav.service';
-export * from './src/ddr-material-extensions.module';
-export * from './src/gridlist/grid-tile-lazy-image-container.directive';
-export * from './src/gridlist/grid-tile-lazy-img.directive';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLCtCQUErQixDQUFDO0FBRTlDLGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLCtCQUErQixDQUFDO0FBRTlDLGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyx5REFBeUQsQ0FBQztBQUN4RSxjQUFjLDZDQUE2QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBuZ3gtbWF0ZXJpYWwtZXh0ZW5zaW9uc1xuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vc3JjL2ZpbHRlci9maWx0ZXIuY29tcG9uZW50JztcblxuZXhwb3J0ICogZnJvbSAnLi9zcmMvc2lkZW5hdi9zaWRlbmF2LWNvbnRhaW5lci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvc2lkZW5hdi9zaWRlbmF2LXRvZ2dsZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvc2lkZW5hdi9zaWRlbmF2LnNlcnZpY2UnO1xuXG5leHBvcnQgKiBmcm9tICcuL3NyYy9kZHItbWF0ZXJpYWwtZXh0ZW5zaW9ucy5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvZ3JpZGxpc3QvZ3JpZC10aWxlLWxhenktaW1hZ2UtY29udGFpbmVyLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL3NyYy9ncmlkbGlzdC9ncmlkLXRpbGUtbGF6eS1pbWcuZGlyZWN0aXZlJztcbiJdfQ==
+export * from './src/theme/theme-config';
+export * from './src/toolbar/toolbar-fixed-top.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLHNDQUFzQyxDQUFDO0FBRXJELGNBQWMsa0NBQWtDLENBQUE7QUFFaEQsY0FBYywrQkFBK0IsQ0FBQztBQUU5QyxjQUFjLHlEQUF5RCxDQUFDO0FBQ3hFLGNBQWMsNkNBQTZDLENBQUM7QUFFNUQsY0FBYywyQ0FBMkMsQ0FBQztBQUMxRCxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMsK0JBQStCLENBQUM7QUFFOUMsY0FBYywwQkFBMEIsQ0FBQTtBQUV4QyxjQUFjLDJDQUEyQyxDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBuZ3gtbWF0ZXJpYWwtZXh0ZW5zaW9uc1xuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vc3JjL2Rkci1tYXRlcmlhbC1leHRlbnNpb25zLm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vc3JjL2J1dHRvbi9mYWItZml4ZWQuZGlyZWN0aXZlJ1xuXG5leHBvcnQgKiBmcm9tICcuL3NyYy9maWx0ZXIvZmlsdGVyLmNvbXBvbmVudCc7XG5cbmV4cG9ydCAqIGZyb20gJy4vc3JjL2dyaWRsaXN0L2dyaWQtdGlsZS1sYXp5LWltYWdlLWNvbnRhaW5lci5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvZ3JpZGxpc3QvZ3JpZC10aWxlLWxhenktaW1nLmRpcmVjdGl2ZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vc3JjL3NpZGVuYXYvc2lkZW5hdi1jb250YWluZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc3JjL3NpZGVuYXYvc2lkZW5hdi10b2dnbGUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc3JjL3NpZGVuYXYvc2lkZW5hdi5zZXJ2aWNlJztcblxuZXhwb3J0ICogZnJvbSAnLi9zcmMvdGhlbWUvdGhlbWUtY29uZmlnJ1xuXG5leHBvcnQgKiBmcm9tICcuL3NyYy90b29sYmFyL3Rvb2xiYXItZml4ZWQtdG9wLmRpcmVjdGl2ZSdcbiJdfQ==

package/esm2022/src/button/fab-fixed.directive.mjs

@@ -0,0 +1,25 @@
+import { Directive } from "@angular/core";
+import * as i0 from "@angular/core";
+export class FabFixedDirective {
+    constructor(el) {
+        this.el = el;
+    }
+    /**
+     * @override
+     */
+    ngOnInit() {
+        const container = document.createElement('div');
+        container.classList.add('ddr-mat-fab-fixed-container');
+        this.el.nativeElement.parentElement.insertBefore(container, this.el.nativeElement);
+        container.appendChild(this.el.nativeElement);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FabFixedDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: FabFixedDirective, selector: "[ddrMatFabFixed]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FabFixedDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ddrMatFabFixed]'
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLWZpeGVkLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9idXR0b24vZmFiLWZpeGVkLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFxQixNQUFNLGVBQWUsQ0FBQzs7QUFLNUQsTUFBTSxPQUFPLGlCQUFpQjtJQUMxQixZQUFvQixFQUFjO1FBQWQsT0FBRSxHQUFGLEVBQUUsQ0FBWTtJQUNsQyxDQUFDO0lBRUQ7O09BRUc7SUFDSSxRQUFRO1FBQ1gsTUFBTSxTQUFTLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNoRCxTQUFTLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyw2QkFBNkIsQ0FBQyxDQUFDO1FBQ3ZELElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDbkYsU0FBUyxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ2pELENBQUM7OEdBWlEsaUJBQWlCO2tHQUFqQixpQkFBaUI7OzJGQUFqQixpQkFBaUI7a0JBSDdCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLGtCQUFrQjtpQkFDL0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0RpcmVjdGl2ZSwgRWxlbWVudFJlZiwgT25Jbml0fSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1tkZHJNYXRGYWJGaXhlZF0nXG59KVxuZXhwb3J0IGNsYXNzIEZhYkZpeGVkRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsOiBFbGVtZW50UmVmKSB7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQG92ZXJyaWRlXG4gICAgICovXG4gICAgcHVibGljIG5nT25Jbml0KCkge1xuICAgICAgICBjb25zdCBjb250YWluZXIgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTtcbiAgICAgICAgY29udGFpbmVyLmNsYXNzTGlzdC5hZGQoJ2Rkci1tYXQtZmFiLWZpeGVkLWNvbnRhaW5lcicpO1xuICAgICAgICB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQucGFyZW50RWxlbWVudC5pbnNlcnRCZWZvcmUoY29udGFpbmVyLCB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQpO1xuICAgICAgICBjb250YWluZXIuYXBwZW5kQ2hpbGQodGhpcy5lbC5uYXRpdmVFbGVtZW50KTtcbiAgICB9XG59XG4iXX0=