@dontdrinkandroot/ngx-material-extensions 0.5.3 → 0.5.4

package/assets/_extensions.scss

@@ -0,0 +1,104 @@
+@use '@angular/material' as mat;
+
+.mat-sidenav-container {
+
+    .mat-sidenav {
+
+        &.mat-drawer-over {
+            max-width: 90vw;
+        }
+
+        .mat-mdc-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: .5rem;
+    }
+}
+
+.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/_theme.scss

@@ -0,0 +1,145 @@
+@use '@angular/material-experimental' as matx;
+@use '@angular/material' as mat;
+
+@include mat.core();
+
+$ddr-mat-primary: matx.$m3-azure-palette !default;
+$ddr-mat-tertiary: matx.$m3-magenta-palette !default;
+
+$ddr-light-theme: matx.define-theme((
+        color: (
+                primary: $ddr-mat-primary,
+                tertiary: $ddr-mat-tertiary,
+        ),
+)) !default;
+
+$ddr-dark-theme: matx.define-theme((
+        color: (
+                theme-type: dark,
+                primary: $ddr-mat-primary,
+                tertiary: $ddr-mat-tertiary,
+        ),
+)) !default;
+
+html {
+    @include mat.all-component-themes($ddr-light-theme);
+
+    &.mat-secondary {
+        @include mat.button-color($ddr-light-theme, $color-variant: secondary);
+    }
+
+    &.mat-tertiary {
+        @include mat.button-color($ddr-light-theme, $color-variant: tertiary);
+    }
+
+    &.mat-error {
+        @include mat.button-color($ddr-light-theme, $color-variant: error);
+    }
+
+    @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,49 @@
+@import "./utils/display";
+@import "./utils/spacing";
+
+.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-muted {
+    color: #9e9e9e !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,4 @@
 @import "variables";
 @import "theme";
-@import "utilities";
+@import "utils";
 @import "extensions";

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: "17.3.9", ngImport: i0, type: FabFixedDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.9", type: FabFixedDirective, selector: "[ddrMatFabFixed]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: FabFixedDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ddrMatFabFixed]'
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLWZpeGVkLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9idXR0b24vZmFiLWZpeGVkLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFxQixNQUFNLGVBQWUsQ0FBQzs7QUFLNUQsTUFBTSxPQUFPLGlCQUFpQjtJQUMxQixZQUFvQixFQUFjO1FBQWQsT0FBRSxHQUFGLEVBQUUsQ0FBWTtJQUNsQyxDQUFDO0lBRUQ7O09BRUc7SUFDSSxRQUFRO1FBQ1gsTUFBTSxTQUFTLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNoRCxTQUFTLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyw2QkFBNkIsQ0FBQyxDQUFDO1FBQ3ZELElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDbkYsU0FBUyxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ2pELENBQUM7OEdBWlEsaUJBQWlCO2tHQUFqQixpQkFBaUI7OzJGQUFqQixpQkFBaUI7a0JBSDdCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLGtCQUFrQjtpQkFDL0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0RpcmVjdGl2ZSwgRWxlbWVudFJlZiwgT25Jbml0fSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1tkZHJNYXRGYWJGaXhlZF0nXG59KVxuZXhwb3J0IGNsYXNzIEZhYkZpeGVkRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsOiBFbGVtZW50UmVmKSB7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQG92ZXJyaWRlXG4gICAgICovXG4gICAgcHVibGljIG5nT25Jbml0KCkge1xuICAgICAgICBjb25zdCBjb250YWluZXIgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTtcbiAgICAgICAgY29udGFpbmVyLmNsYXNzTGlzdC5hZGQoJ2Rkci1tYXQtZmFiLWZpeGVkLWNvbnRhaW5lcicpO1xuICAgICAgICB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQucGFyZW50RWxlbWVudC5pbnNlcnRCZWZvcmUoY29udGFpbmVyLCB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQpO1xuICAgICAgICBjb250YWluZXIuYXBwZW5kQ2hpbGQodGhpcy5lbC5uYXRpdmVFbGVtZW50KTtcbiAgICB9XG59XG4iXX0=

package/esm2022/src/ddr-material-extensions.module.mjs

@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { ENVIRONMENT_INITIALIZER, inject, NgModule } from '@angular/core';
 import { SidenavToggleComponent } from './sidenav/sidenav-toggle.component';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
@@ -13,14 +13,20 @@ import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
 import { MatCardModule } from '@angular/material/card';
 import { MatToolbarModule } from '@angular/material/toolbar';
+import { DDR_MATERIAL_EXTENSIONS_THEME } from "./theme/theme-config";
+import { ThemeScrollService } from "./theme/theme-scroll.service";
+import { ToolbarFixedTopDirective } from "./toolbar/toolbar-fixed-top.directive";
+import { FabFixedDirective } from "./button/fab-fixed.directive";
 import * as i0 from "@angular/core";
 export class DdrMaterialExtensionsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: DdrMaterialExtensionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: DdrMaterialExtensionsModule, declarations: [FilterComponent,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: DdrMaterialExtensionsModule, declarations: [FabFixedDirective,
+            FilterComponent,
             SidenavToggleComponent,
             GridTileLazyImageContainerDirective,
             GridTileLazyImgDirective,
-            SidenavContainerComponent], imports: [CommonModule,
+            SidenavContainerComponent,
+            ToolbarFixedTopDirective], imports: [CommonModule,
             MatCardModule,
             MatSidenavModule,
             MatIconModule,
@@ -28,12 +34,33 @@ export class DdrMaterialExtensionsModule {
             MatButtonModule,
             MatFormFieldModule,
             MatToolbarModule,
-            ReactiveFormsModule], exports: [FilterComponent,
+            ReactiveFormsModule], exports: [FabFixedDirective,
+            FilterComponent,
             SidenavToggleComponent,
             GridTileLazyImageContainerDirective,
             GridTileLazyImgDirective,
-            SidenavContainerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: DdrMaterialExtensionsModule, imports: [CommonModule,
+            SidenavContainerComponent,
+            ToolbarFixedTopDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: DdrMaterialExtensionsModule, providers: [
+            ThemeScrollService,
+            {
+                provide: ENVIRONMENT_INITIALIZER,
+                multi: true,
+                useValue() {
+                    inject(ThemeScrollService).init();
+                }
+            },
+            {
+                provide: DDR_MATERIAL_EXTENSIONS_THEME,
+                multi: false,
+                useValue: {
+                    themeColorLight: '#fdfbff',
+                    themeColorDark: '#1a1b1f',
+                    themeColorLightScrolled: '#efedf1',
+                    themeColorDarkScrolled: '#1e1f23',
+                }
+            }
+        ], imports: [CommonModule,
             MatCardModule,
             MatSidenavModule,
             MatIconModule,
@@ -47,11 +74,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
             type: NgModule,
             args: [{
                     declarations: [
+                        FabFixedDirective,
                         FilterComponent,
                         SidenavToggleComponent,
                         GridTileLazyImageContainerDirective,
                         GridTileLazyImgDirective,
                         SidenavContainerComponent,
+                        ToolbarFixedTopDirective
                     ],
                     imports: [
                         CommonModule,
@@ -65,12 +94,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                         ReactiveFormsModule
                     ],
                     exports: [
+                        FabFixedDirective,
                         FilterComponent,
                         SidenavToggleComponent,
                         GridTileLazyImageContainerDirective,
                         GridTileLazyImgDirective,
                         SidenavContainerComponent,
+                        ToolbarFixedTopDirective
+                    ],
+                    providers: [
+                        ThemeScrollService,
+                        {
+                            provide: ENVIRONMENT_INITIALIZER,
+                            multi: true,
+                            useValue() {
+                                inject(ThemeScrollService).init();
+                            }
+                        },
+                        {
+                            provide: DDR_MATERIAL_EXTENSIONS_THEME,
+                            multi: false,
+                            useValue: {
+                                themeColorLight: '#fdfbff',
+                                themeColorDark: '#1a1b1f',
+                                themeColorLightScrolled: '#efedf1',
+                                themeColorDarkScrolled: '#1e1f23',
+                            }
+                        }
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGRyLW1hdGVyaWFsLWV4dGVuc2lvbnMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2Rkci1tYXRlcmlhbC1leHRlbnNpb25zLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxzQkFBc0IsRUFBQyxNQUFNLG9DQUFvQyxDQUFDO0FBQzFFLE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RCxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFDckQsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sMkJBQTJCLENBQUM7QUFDM0QsT0FBTyxFQUFDLG1DQUFtQyxFQUFDLE1BQU0scURBQXFELENBQUM7QUFDeEcsT0FBTyxFQUFDLHdCQUF3QixFQUFDLE1BQU0seUNBQXlDLENBQUM7QUFDakYsT0FBTyxFQUFDLHlCQUF5QixFQUFDLE1BQU0sdUNBQXVDLENBQUM7QUFDaEYsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSwyQkFBMkIsQ0FBQztBQUMxRCxPQUFPLEVBQUMsbUJBQW1CLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUNuRCxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSw4QkFBOEIsQ0FBQztBQUNoRSxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0seUJBQXlCLENBQUM7QUFDdkQsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLHdCQUF3QixDQUFDO0FBQ3JELE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLDJCQUEyQixDQUFDOztBQTZCM0QsTUFBTSxPQUFPLDJCQUEyQjs4R0FBM0IsMkJBQTJCOytHQUEzQiwyQkFBMkIsaUJBekJoQyxlQUFlO1lBQ2Ysc0JBQXNCO1lBQ3RCLG1DQUFtQztZQUNuQyx3QkFBd0I7WUFDeEIseUJBQXlCLGFBR3pCLFlBQVk7WUFDWixhQUFhO1lBQ2IsZ0JBQWdCO1lBQ2hCLGFBQWE7WUFDYixjQUFjO1lBQ2QsZUFBZTtZQUNmLGtCQUFrQjtZQUNsQixnQkFBZ0I7WUFDaEIsbUJBQW1CLGFBR25CLGVBQWU7WUFDZixzQkFBc0I7WUFDdEIsbUNBQW1DO1lBQ25DLHdCQUF3QjtZQUN4Qix5QkFBeUI7K0dBR3BCLDJCQUEyQixZQWxCaEMsWUFBWTtZQUNaLGFBQWE7WUFDYixnQkFBZ0I7WUFDaEIsYUFBYTtZQUNiLGNBQWM7WUFDZCxlQUFlO1lBQ2Ysa0JBQWtCO1lBQ2xCLGdCQUFnQjtZQUNoQixtQkFBbUI7OzJGQVVkLDJCQUEyQjtrQkEzQnZDLFFBQVE7bUJBQUM7b0JBQ04sWUFBWSxFQUFFO3dCQUNWLGVBQWU7d0JBQ2Ysc0JBQXNCO3dCQUN0QixtQ0FBbUM7d0JBQ25DLHdCQUF3Qjt3QkFDeEIseUJBQXlCO3FCQUM1QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsWUFBWTt3QkFDWixhQUFhO3dCQUNiLGdCQUFnQjt3QkFDaEIsYUFBYTt3QkFDYixjQUFjO3dCQUNkLGVBQWU7d0JBQ2Ysa0JBQWtCO3dCQUNsQixnQkFBZ0I7d0JBQ2hCLG1CQUFtQjtxQkFDdEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLGVBQWU7d0JBQ2Ysc0JBQXNCO3dCQUN0QixtQ0FBbUM7d0JBQ25DLHdCQUF3Qjt3QkFDeEIseUJBQXlCO3FCQUM1QjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtTaWRlbmF2VG9nZ2xlQ29tcG9uZW50fSBmcm9tICcuL3NpZGVuYXYvc2lkZW5hdi10b2dnbGUuY29tcG9uZW50JztcbmltcG9ydCB7TWF0QnV0dG9uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHtNYXRJY29uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7TWF0U2lkZW5hdk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc2lkZW5hdic7XG5pbXBvcnQge0dyaWRUaWxlTGF6eUltYWdlQ29udGFpbmVyRGlyZWN0aXZlfSBmcm9tICcuL2dyaWRsaXN0L2dyaWQtdGlsZS1sYXp5LWltYWdlLWNvbnRhaW5lci5kaXJlY3RpdmUnO1xuaW1wb3J0IHtHcmlkVGlsZUxhenlJbWdEaXJlY3RpdmV9IGZyb20gJy4vZ3JpZGxpc3QvZ3JpZC10aWxlLWxhenktaW1nLmRpcmVjdGl2ZSc7XG5pbXBvcnQge1NpZGVuYXZDb250YWluZXJDb21wb25lbnR9IGZyb20gJy4vc2lkZW5hdi9zaWRlbmF2LWNvbnRhaW5lci5jb21wb25lbnQnO1xuaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge0ZpbHRlckNvbXBvbmVudH0gZnJvbSAnLi9maWx0ZXIvZmlsdGVyLmNvbXBvbmVudCc7XG5pbXBvcnQge1JlYWN0aXZlRm9ybXNNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7TWF0Rm9ybUZpZWxkTW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9mb3JtLWZpZWxkJztcbmltcG9ydCB7TWF0SW5wdXRNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2lucHV0JztcbmltcG9ydCB7TWF0Q2FyZE1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY2FyZCc7XG5pbXBvcnQge01hdFRvb2xiYXJNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2xiYXInO1xuXG5ATmdNb2R1bGUoe1xuICAgIGRlY2xhcmF0aW9uczogW1xuICAgICAgICBGaWx0ZXJDb21wb25lbnQsXG4gICAgICAgIFNpZGVuYXZUb2dnbGVDb21wb25lbnQsXG4gICAgICAgIEdyaWRUaWxlTGF6eUltYWdlQ29udGFpbmVyRGlyZWN0aXZlLFxuICAgICAgICBHcmlkVGlsZUxhenlJbWdEaXJlY3RpdmUsXG4gICAgICAgIFNpZGVuYXZDb250YWluZXJDb21wb25lbnQsXG4gICAgXSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgTWF0Q2FyZE1vZHVsZSxcbiAgICAgICAgTWF0U2lkZW5hdk1vZHVsZSxcbiAgICAgICAgTWF0SWNvbk1vZHVsZSxcbiAgICAgICAgTWF0SW5wdXRNb2R1bGUsXG4gICAgICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICAgICAgTWF0Rm9ybUZpZWxkTW9kdWxlLFxuICAgICAgICBNYXRUb29sYmFyTW9kdWxlLFxuICAgICAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlXG4gICAgXSxcbiAgICBleHBvcnRzOiBbXG4gICAgICAgIEZpbHRlckNvbXBvbmVudCxcbiAgICAgICAgU2lkZW5hdlRvZ2dsZUNvbXBvbmVudCxcbiAgICAgICAgR3JpZFRpbGVMYXp5SW1hZ2VDb250YWluZXJEaXJlY3RpdmUsXG4gICAgICAgIEdyaWRUaWxlTGF6eUltZ0RpcmVjdGl2ZSxcbiAgICAgICAgU2lkZW5hdkNvbnRhaW5lckNvbXBvbmVudCxcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIERkck1hdGVyaWFsRXh0ZW5zaW9uc01vZHVsZVxue1xufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGRyLW1hdGVyaWFsLWV4dGVuc2lvbnMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2Rkci1tYXRlcmlhbC1leHRlbnNpb25zLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN4RSxPQUFPLEVBQUMsc0JBQXNCLEVBQUMsTUFBTSxvQ0FBb0MsQ0FBQztBQUMxRSxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDekQsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLHdCQUF3QixDQUFDO0FBQ3JELE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFBQyxtQ0FBbUMsRUFBQyxNQUFNLHFEQUFxRCxDQUFDO0FBQ3hHLE9BQU8sRUFBQyx3QkFBd0IsRUFBQyxNQUFNLHlDQUF5QyxDQUFDO0FBQ2pGLE9BQU8sRUFBQyx5QkFBeUIsRUFBQyxNQUFNLHVDQUF1QyxDQUFDO0FBQ2hGLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sMkJBQTJCLENBQUM7QUFDMUQsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDbkQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDaEUsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLHlCQUF5QixDQUFDO0FBQ3ZELE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUNyRCxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSwyQkFBMkIsQ0FBQztBQUMzRCxPQUFPLEVBQUMsNkJBQTZCLEVBQUMsTUFBTSxzQkFBc0IsQ0FBQztBQUNuRSxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSw4QkFBOEIsQ0FBQztBQUNoRSxPQUFPLEVBQUMsd0JBQXdCLEVBQUMsTUFBTSx1Q0FBdUMsQ0FBQztBQUMvRSxPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSw4QkFBOEIsQ0FBQzs7QUFxRC9ELE1BQU0sT0FBTywyQkFBMkI7OEdBQTNCLDJCQUEyQjsrR0FBM0IsMkJBQTJCLGlCQWpEaEMsaUJBQWlCO1lBQ2pCLGVBQWU7WUFDZixzQkFBc0I7WUFDdEIsbUNBQW1DO1lBQ25DLHdCQUF3QjtZQUN4Qix5QkFBeUI7WUFDekIsd0JBQXdCLGFBR3hCLFlBQVk7WUFDWixhQUFhO1lBQ2IsZ0JBQWdCO1lBQ2hCLGFBQWE7WUFDYixjQUFjO1lBQ2QsZUFBZTtZQUNmLGtCQUFrQjtZQUNsQixnQkFBZ0I7WUFDaEIsbUJBQW1CLGFBR25CLGlCQUFpQjtZQUNqQixlQUFlO1lBQ2Ysc0JBQXNCO1lBQ3RCLG1DQUFtQztZQUNuQyx3QkFBd0I7WUFDeEIseUJBQXlCO1lBQ3pCLHdCQUF3QjsrR0F1Qm5CLDJCQUEyQixhQXJCekI7WUFDUCxrQkFBa0I7WUFDbEI7Z0JBQ0ksT0FBTyxFQUFFLHVCQUF1QjtnQkFDaEMsS0FBSyxFQUFFLElBQUk7Z0JBQ1gsUUFBUTtvQkFDSixNQUFNLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQTtnQkFDckMsQ0FBQzthQUNKO1lBQ0Q7Z0JBQ0ksT0FBTyxFQUFFLDZCQUE2QjtnQkFDdEMsS0FBSyxFQUFFLEtBQUs7Z0JBQ1osUUFBUSxFQUFFO29CQUNOLGVBQWUsRUFBRSxTQUFTO29CQUMxQixjQUFjLEVBQUUsU0FBUztvQkFDekIsdUJBQXVCLEVBQUUsU0FBUztvQkFDbEMsc0JBQXNCLEVBQUUsU0FBUztpQkFDcEM7YUFDSjtTQUNKLFlBdENHLFlBQVk7WUFDWixhQUFhO1lBQ2IsZ0JBQWdCO1lBQ2hCLGFBQWE7WUFDYixjQUFjO1lBQ2QsZUFBZTtZQUNmLGtCQUFrQjtZQUNsQixnQkFBZ0I7WUFDaEIsbUJBQW1COzsyRkFnQ2QsMkJBQTJCO2tCQW5EdkMsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUU7d0JBQ1YsaUJBQWlCO3dCQUNqQixlQUFlO3dCQUNmLHNCQUFzQjt3QkFDdEIsbUNBQW1DO3dCQUNuQyx3QkFBd0I7d0JBQ3hCLHlCQUF5Qjt3QkFDekIsd0JBQXdCO3FCQUMzQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsWUFBWTt3QkFDWixhQUFhO3dCQUNiLGdCQUFnQjt3QkFDaEIsYUFBYTt3QkFDYixjQUFjO3dCQUNkLGVBQWU7d0JBQ2Ysa0JBQWtCO3dCQUNsQixnQkFBZ0I7d0JBQ2hCLG1CQUFtQjtxQkFDdEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLGlCQUFpQjt3QkFDakIsZUFBZTt3QkFDZixzQkFBc0I7d0JBQ3RCLG1DQUFtQzt3QkFDbkMsd0JBQXdCO3dCQUN4Qix5QkFBeUI7d0JBQ3pCLHdCQUF3QjtxQkFDM0I7b0JBQ0QsU0FBUyxFQUFFO3dCQUNQLGtCQUFrQjt3QkFDbEI7NEJBQ0ksT0FBTyxFQUFFLHVCQUF1Qjs0QkFDaEMsS0FBSyxFQUFFLElBQUk7NEJBQ1gsUUFBUTtnQ0FDSixNQUFNLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQTs0QkFDckMsQ0FBQzt5QkFDSjt3QkFDRDs0QkFDSSxPQUFPLEVBQUUsNkJBQTZCOzRCQUN0QyxLQUFLLEVBQUUsS0FBSzs0QkFDWixRQUFRLEVBQUU7Z0NBQ04sZUFBZSxFQUFFLFNBQVM7Z0NBQzFCLGNBQWMsRUFBRSxTQUFTO2dDQUN6Qix1QkFBdUIsRUFBRSxTQUFTO2dDQUNsQyxzQkFBc0IsRUFBRSxTQUFTOzZCQUNwQzt5QkFDSjtxQkFDSjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7RU5WSVJPTk1FTlRfSU5JVElBTElaRVIsIGluamVjdCwgTmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtTaWRlbmF2VG9nZ2xlQ29tcG9uZW50fSBmcm9tICcuL3NpZGVuYXYvc2lkZW5hdi10b2dnbGUuY29tcG9uZW50JztcbmltcG9ydCB7TWF0QnV0dG9uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHtNYXRJY29uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7TWF0U2lkZW5hdk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc2lkZW5hdic7XG5pbXBvcnQge0dyaWRUaWxlTGF6eUltYWdlQ29udGFpbmVyRGlyZWN0aXZlfSBmcm9tICcuL2dyaWRsaXN0L2dyaWQtdGlsZS1sYXp5LWltYWdlLWNvbnRhaW5lci5kaXJlY3RpdmUnO1xuaW1wb3J0IHtHcmlkVGlsZUxhenlJbWdEaXJlY3RpdmV9IGZyb20gJy4vZ3JpZGxpc3QvZ3JpZC10aWxlLWxhenktaW1nLmRpcmVjdGl2ZSc7XG5pbXBvcnQge1NpZGVuYXZDb250YWluZXJDb21wb25lbnR9IGZyb20gJy4vc2lkZW5hdi9zaWRlbmF2LWNvbnRhaW5lci5jb21wb25lbnQnO1xuaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge0ZpbHRlckNvbXBvbmVudH0gZnJvbSAnLi9maWx0ZXIvZmlsdGVyLmNvbXBvbmVudCc7XG5pbXBvcnQge1JlYWN0aXZlRm9ybXNNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7TWF0Rm9ybUZpZWxkTW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9mb3JtLWZpZWxkJztcbmltcG9ydCB7TWF0SW5wdXRNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2lucHV0JztcbmltcG9ydCB7TWF0Q2FyZE1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY2FyZCc7XG5pbXBvcnQge01hdFRvb2xiYXJNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2xiYXInO1xuaW1wb3J0IHtERFJfTUFURVJJQUxfRVhURU5TSU9OU19USEVNRX0gZnJvbSBcIi4vdGhlbWUvdGhlbWUtY29uZmlnXCI7XG5pbXBvcnQge1RoZW1lU2Nyb2xsU2VydmljZX0gZnJvbSBcIi4vdGhlbWUvdGhlbWUtc2Nyb2xsLnNlcnZpY2VcIjtcbmltcG9ydCB7VG9vbGJhckZpeGVkVG9wRGlyZWN0aXZlfSBmcm9tIFwiLi90b29sYmFyL3Rvb2xiYXItZml4ZWQtdG9wLmRpcmVjdGl2ZVwiO1xuaW1wb3J0IHtGYWJGaXhlZERpcmVjdGl2ZX0gZnJvbSBcIi4vYnV0dG9uL2ZhYi1maXhlZC5kaXJlY3RpdmVcIjtcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtcbiAgICAgICAgRmFiRml4ZWREaXJlY3RpdmUsXG4gICAgICAgIEZpbHRlckNvbXBvbmVudCxcbiAgICAgICAgU2lkZW5hdlRvZ2dsZUNvbXBvbmVudCxcbiAgICAgICAgR3JpZFRpbGVMYXp5SW1hZ2VDb250YWluZXJEaXJlY3RpdmUsXG4gICAgICAgIEdyaWRUaWxlTGF6eUltZ0RpcmVjdGl2ZSxcbiAgICAgICAgU2lkZW5hdkNvbnRhaW5lckNvbXBvbmVudCxcbiAgICAgICAgVG9vbGJhckZpeGVkVG9wRGlyZWN0aXZlXG4gICAgXSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgTWF0Q2FyZE1vZHVsZSxcbiAgICAgICAgTWF0U2lkZW5hdk1vZHVsZSxcbiAgICAgICAgTWF0SWNvbk1vZHVsZSxcbiAgICAgICAgTWF0SW5wdXRNb2R1bGUsXG4gICAgICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICAgICAgTWF0Rm9ybUZpZWxkTW9kdWxlLFxuICAgICAgICBNYXRUb29sYmFyTW9kdWxlLFxuICAgICAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlXG4gICAgXSxcbiAgICBleHBvcnRzOiBbXG4gICAgICAgIEZhYkZpeGVkRGlyZWN0aXZlLFxuICAgICAgICBGaWx0ZXJDb21wb25lbnQsXG4gICAgICAgIFNpZGVuYXZUb2dnbGVDb21wb25lbnQsXG4gICAgICAgIEdyaWRUaWxlTGF6eUltYWdlQ29udGFpbmVyRGlyZWN0aXZlLFxuICAgICAgICBHcmlkVGlsZUxhenlJbWdEaXJlY3RpdmUsXG4gICAgICAgIFNpZGVuYXZDb250YWluZXJDb21wb25lbnQsXG4gICAgICAgIFRvb2xiYXJGaXhlZFRvcERpcmVjdGl2ZVxuICAgIF0sXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIFRoZW1lU2Nyb2xsU2VydmljZSxcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogRU5WSVJPTk1FTlRfSU5JVElBTElaRVIsXG4gICAgICAgICAgICBtdWx0aTogdHJ1ZSxcbiAgICAgICAgICAgIHVzZVZhbHVlKCkge1xuICAgICAgICAgICAgICAgIGluamVjdChUaGVtZVNjcm9sbFNlcnZpY2UpLmluaXQoKVxuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgICBwcm92aWRlOiBERFJfTUFURVJJQUxfRVhURU5TSU9OU19USEVNRSxcbiAgICAgICAgICAgIG11bHRpOiBmYWxzZSxcbiAgICAgICAgICAgIHVzZVZhbHVlOiB7XG4gICAgICAgICAgICAgICAgdGhlbWVDb2xvckxpZ2h0OiAnI2ZkZmJmZicsXG4gICAgICAgICAgICAgICAgdGhlbWVDb2xvckRhcms6ICcjMWExYjFmJyxcbiAgICAgICAgICAgICAgICB0aGVtZUNvbG9yTGlnaHRTY3JvbGxlZDogJyNlZmVkZjEnLFxuICAgICAgICAgICAgICAgIHRoZW1lQ29sb3JEYXJrU2Nyb2xsZWQ6ICcjMWUxZjIzJyxcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgRGRyTWF0ZXJpYWxFeHRlbnNpb25zTW9kdWxlXG57XG59XG4iXX0=