@daffodil/design 0.60.0 → 0.62.0

package/esm2020/molecules/sidebar/sidebar/sidebar.component.mjs

@@ -1,22 +1,35 @@
-import { Component, ViewEncapsulation, NgZone, ElementRef, Output, EventEmitter, HostBinding, ChangeDetectionStrategy, } from '@angular/core';
+import { Component, NgZone, ElementRef, Output, EventEmitter, HostBinding, ChangeDetectionStrategy, Input, } from '@angular/core';
 import { fromEvent } from 'rxjs';
 import { filter } from 'rxjs/operators';
+import { daffSidebarAnimations } from '../animation/sidebar-animation';
+import { getAnimationState } from '../animation/sidebar-animation-state';
+import { getSidebarAnimationWidth } from '../animation/sidebar-animation-width';
 import * as i0 from "@angular/core";
 /**
- * DaffSidebar is heavily based upon the work done by the @angular/material2
+ * DaffSidebarComponent is heavily based upon the work done by the @angular/components
  * team on `mat-drawer` and `mat-sidenav`. `daff-sidebar` is intended to be
- * a simplified version (with a different design) of `mat-drawer` which
- * follows a stricter "dumb" component pattern than `mat-drawer`
+ * a simplified version (with a different design) of `mat-drawer`.
  */
 export class DaffSidebarComponent {
     constructor(_elementRef, _ngZone) {
         this._elementRef = _elementRef;
         this._ngZone = _ngZone;
-        this.class = true;
         /**
          * Event fired when `ESC` key is pressed when the sidebar has focus
          */
         this.escapePressed = new EventEmitter();
+        /**
+         * What side of the viewport to show the sidebar on.
+         */
+        this.side = 'left';
+        /**
+         * The mode of the sidebar.
+         */
+        this.mode = 'side';
+        /**
+         * Whether or not the sidebar is open.
+         */
+        this.open = false;
         /**
          * Listen to `keydown` events outside the zone so that change detection is not run every
          * time a key is pressed. Instead we re-enter the zone only if the `ESC` key is pressed.
@@ -29,16 +42,55 @@ export class DaffSidebarComponent {
             }));
         });
     }
+    /**
+     * The CSS classes set.
+     */
+    get classes() {
+        return {
+            'daff-sidebar': true,
+            [this.side]: true,
+            [this.mode]: true,
+        };
+    }
+    ;
+    /**
+     * The animation state of the sidebar.
+     */
+    get transformSidebar() {
+        return {
+            value: getAnimationState(this.open, this.mode === 'over' || this.mode === 'side-fixed'),
+            params: { width: getSidebarAnimationWidth(this.side, this.width) },
+        };
+    }
+    /**
+     * The width of the sidebar.
+     */
+    get width() {
+        return this._elementRef.nativeElement.offsetWidth;
+    }
 }
 /** @nocollapse */ DaffSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffSidebarComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffSidebarComponent, selector: "daff-sidebar", outputs: { escapePressed: "escapePressed" }, host: { properties: { "class.daff-sidebar": "this.class" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block}.daff-sidebar{display:block;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+/** @nocollapse */ DaffSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffSidebarComponent, selector: "daff-sidebar", inputs: { side: "side", mode: "mode", open: "open" }, outputs: { escapePressed: "escapePressed" }, host: { properties: { "class": "this.classes", "@transformSidebar": "this.transformSidebar" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block;width:240px;flex-shrink:0;overflow:auto}:host.side-fixed{position:fixed;top:var(--daff-sidebar-side-fixed-top-shift);bottom:0;z-index:4;height:calc(100dvh - var(--daff-sidebar-side-fixed-top-shift))}:host.side-fixed.left{left:0}:host.side-fixed.right{right:0}:host.over,:host.under{position:absolute;top:0;bottom:0}:host.over.left,:host.under.left{left:0}:host.over.right,:host.under.right{right:0}:host.over{z-index:5}:host.under{z-index:2}:host-context(daff-sidebar-viewport daff-sidebar-viewport >).side-fixed{position:sticky}\n"], animations: [
+        daffSidebarAnimations.transformSidebar,
+    ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffSidebarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'daff-sidebar', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}.daff-sidebar{display:block;height:100%}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { class: [{
+            args: [{ selector: 'daff-sidebar', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
+                        daffSidebarAnimations.transformSidebar,
+                    ], styles: [":host{display:block;width:240px;flex-shrink:0;overflow:auto}:host.side-fixed{position:fixed;top:var(--daff-sidebar-side-fixed-top-shift);bottom:0;z-index:4;height:calc(100dvh - var(--daff-sidebar-side-fixed-top-shift))}:host.side-fixed.left{left:0}:host.side-fixed.right{right:0}:host.over,:host.under{position:absolute;top:0;bottom:0}:host.over.left,:host.under.left{left:0}:host.over.right,:host.under.right{right:0}:host.over{z-index:5}:host.under{z-index:2}:host-context(daff-sidebar-viewport daff-sidebar-viewport >).side-fixed{position:sticky}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { classes: [{
+                type: HostBinding,
+                args: ['class']
+            }], transformSidebar: [{
                 type: HostBinding,
-                args: ['class.daff-sidebar']
+                args: ['@transformSidebar']
             }], escapePressed: [{
                 type: Output
+            }], side: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }], open: [{
+                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvbW9sZWN1bGVzL3NpZGViYXIvc2lkZWJhci9zaWRlYmFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULGlCQUFpQixFQUNqQixNQUFNLEVBQ04sVUFBVSxFQUNWLE1BQU0sRUFDTixZQUFZLEVBQ1osV0FBVyxFQUNYLHVCQUF1QixHQUN4QixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ2pDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7QUFFeEM7Ozs7O0dBS0c7QUFRSCxNQUFNLE9BQU8sb0JBQW9CO0lBTy9CLFlBQ1UsV0FBb0MsRUFDcEMsT0FBZTtRQURmLGdCQUFXLEdBQVgsV0FBVyxDQUF5QjtRQUNwQyxZQUFPLEdBQVAsT0FBTyxDQUFRO1FBUlUsVUFBSyxHQUFHLElBQUksQ0FBQztRQUNoRDs7V0FFRztRQUNPLGtCQUFhLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFPckU7Ozs7V0FJRztRQUNILElBQUksQ0FBQyxPQUFPLENBQUMsaUJBQWlCLENBQUMsR0FBRyxFQUFFO1lBQ2xDLFNBQVMsQ0FBZ0IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLEVBQUUsU0FBUyxDQUFDLENBQUMsSUFBSSxDQUN0RSxNQUFNLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsR0FBRyxLQUFLLFFBQVEsQ0FBQyxDQUN4QyxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLEdBQUcsRUFBRTtnQkFDekMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztnQkFDMUIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1lBQzFCLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDTixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7O29JQXpCVSxvQkFBb0I7d0hBQXBCLG9CQUFvQiwrSkFKckIsMkJBQTJCOzJGQUkxQixvQkFBb0I7a0JBUGhDLFNBQVM7K0JBQ0UsY0FBYyxZQUVkLDJCQUEyQixpQkFDdEIsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTTtzSEFHWixLQUFLO3NCQUF2QyxXQUFXO3VCQUFDLG9CQUFvQjtnQkFJdkIsYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIE5nWm9uZSxcbiAgRWxlbWVudFJlZixcbiAgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBmcm9tRXZlbnQgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IGZpbHRlciB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuLyoqXG4gKiBEYWZmU2lkZWJhciBpcyBoZWF2aWx5IGJhc2VkIHVwb24gdGhlIHdvcmsgZG9uZSBieSB0aGUgQGFuZ3VsYXIvbWF0ZXJpYWwyXG4gKiB0ZWFtIG9uIGBtYXQtZHJhd2VyYCBhbmQgYG1hdC1zaWRlbmF2YC4gYGRhZmYtc2lkZWJhcmAgaXMgaW50ZW5kZWQgdG8gYmVcbiAqIGEgc2ltcGxpZmllZCB2ZXJzaW9uICh3aXRoIGEgZGlmZmVyZW50IGRlc2lnbikgb2YgYG1hdC1kcmF3ZXJgIHdoaWNoXG4gKiBmb2xsb3dzIGEgc3RyaWN0ZXIgXCJkdW1iXCIgY29tcG9uZW50IHBhdHRlcm4gdGhhbiBgbWF0LWRyYXdlcmBcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGFmZi1zaWRlYmFyJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2lkZWJhci5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZlNpZGViYXJDb21wb25lbnQge1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtc2lkZWJhcicpIGNsYXNzID0gdHJ1ZTtcbiAgLyoqXG4gICAqIEV2ZW50IGZpcmVkIHdoZW4gYEVTQ2Aga2V5IGlzIHByZXNzZWQgd2hlbiB0aGUgc2lkZWJhciBoYXMgZm9jdXNcbiAgICovXG4gIEBPdXRwdXQoKSBlc2NhcGVQcmVzc2VkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBfZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG4gICAgcHJpdmF0ZSBfbmdab25lOiBOZ1pvbmUsXG4gICkge1xuXG4gICAgLyoqXG4gICAgICogTGlzdGVuIHRvIGBrZXlkb3duYCBldmVudHMgb3V0c2lkZSB0aGUgem9uZSBzbyB0aGF0IGNoYW5nZSBkZXRlY3Rpb24gaXMgbm90IHJ1biBldmVyeVxuICAgICAqIHRpbWUgYSBrZXkgaXMgcHJlc3NlZC4gSW5zdGVhZCB3ZSByZS1lbnRlciB0aGUgem9uZSBvbmx5IGlmIHRoZSBgRVNDYCBrZXkgaXMgcHJlc3NlZC5cbiAgICAgKlxuICAgICAqL1xuICAgIHRoaXMuX25nWm9uZS5ydW5PdXRzaWRlQW5ndWxhcigoKSA9PiB7XG4gICAgICBmcm9tRXZlbnQ8S2V5Ym9hcmRFdmVudD4odGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAna2V5ZG93bicpLnBpcGUoXG4gICAgICAgIGZpbHRlcihldmVudCA9PiBldmVudC5rZXkgPT09ICdFc2NhcGUnKSxcbiAgICAgICkuc3Vic2NyaWJlKGV2ZW50ID0+IHRoaXMuX25nWm9uZS5ydW4oKCkgPT4ge1xuICAgICAgICB0aGlzLmVzY2FwZVByZXNzZWQuZW1pdCgpO1xuICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIH0pKTtcbiAgICB9KTtcbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvbW9sZWN1bGVzL3NpZGViYXIvc2lkZWJhci9zaWRlYmFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULE1BQU0sRUFDTixVQUFVLEVBQ1YsTUFBTSxFQUNOLFlBQVksRUFDWixXQUFXLEVBQ1gsdUJBQXVCLEVBQ3ZCLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ2pDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUV4QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN2RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUN6RSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7QUFJaEY7Ozs7R0FJRztBQVVILE1BQU0sT0FBTyxvQkFBb0I7SUFpRC9CLFlBQ1UsV0FBb0MsRUFDcEMsT0FBZTtRQURmLGdCQUFXLEdBQVgsV0FBVyxDQUF5QjtRQUNwQyxZQUFPLEdBQVAsT0FBTyxDQUFRO1FBN0J6Qjs7V0FFRztRQUNPLGtCQUFhLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFFdkU7O1dBRUc7UUFDTSxTQUFJLEdBQW9CLE1BQU0sQ0FBQztRQUV4Qzs7V0FFRztRQUNNLFNBQUksR0FBb0IsTUFBTSxDQUFDO1FBRXhDOztXQUVHO1FBQ00sU0FBSSxHQUFHLEtBQUssQ0FBQztRQWNwQjs7OztXQUlHO1FBQ0gsSUFBSSxDQUFDLE9BQU8sQ0FBQyxpQkFBaUIsQ0FBQyxHQUFHLEVBQUU7WUFDbEMsU0FBUyxDQUFnQixJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFBRSxTQUFTLENBQUMsQ0FBQyxJQUFJLENBQ3RFLE1BQU0sQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxHQUFHLEtBQUssUUFBUSxDQUFDLENBQ3hDLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFO2dCQUN6QyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO2dCQUMxQixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7WUFDMUIsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNOLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQWxFRDs7T0FFRztJQUNILElBQTBCLE9BQU87UUFDL0IsT0FBTztZQUNMLGNBQWMsRUFBRSxJQUFJO1lBQ3BCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUk7WUFDakIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSTtTQUNsQixDQUFDO0lBQ0osQ0FBQztJQUFBLENBQUM7SUFFRjs7T0FFRztJQUNILElBQXNDLGdCQUFnQjtRQUNwRCxPQUFPO1lBQ0wsS0FBSyxFQUFFLGlCQUFpQixDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxZQUFZLENBQUM7WUFDdkYsTUFBTSxFQUFFLEVBQUUsS0FBSyxFQUFHLHdCQUF3QixDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFO1NBQ3BFLENBQUM7SUFDSixDQUFDO0lBc0JEOztPQUVHO0lBQ0gsSUFBSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxXQUFXLENBQUM7SUFDcEQsQ0FBQzs7b0lBL0NVLG9CQUFvQjt3SEFBcEIsb0JBQW9CLHdQQU5yQiwyQkFBMkIsbWxCQUV6QjtRQUNWLHFCQUFxQixDQUFDLGdCQUFnQjtLQUN2QzsyRkFFVSxvQkFBb0I7a0JBVGhDLFNBQVM7K0JBQ0UsY0FBYyxZQUVkLDJCQUEyQixtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxjQUNuQzt3QkFDVixxQkFBcUIsQ0FBQyxnQkFBZ0I7cUJBQ3ZDO3NIQU15QixPQUFPO3NCQUFoQyxXQUFXO3VCQUFDLE9BQU87Z0JBV2tCLGdCQUFnQjtzQkFBckQsV0FBVzt1QkFBQyxtQkFBbUI7Z0JBVXRCLGFBQWE7c0JBQXRCLE1BQU07Z0JBS0UsSUFBSTtzQkFBWixLQUFLO2dCQUtHLElBQUk7c0JBQVosS0FBSztnQkFLRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBOZ1pvbmUsXG4gIEVsZW1lbnRSZWYsXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxuICBIb3N0QmluZGluZyxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIElucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGZyb21FdmVudCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgZmlsdGVyIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQgeyBkYWZmU2lkZWJhckFuaW1hdGlvbnMgfSBmcm9tICcuLi9hbmltYXRpb24vc2lkZWJhci1hbmltYXRpb24nO1xuaW1wb3J0IHsgZ2V0QW5pbWF0aW9uU3RhdGUgfSBmcm9tICcuLi9hbmltYXRpb24vc2lkZWJhci1hbmltYXRpb24tc3RhdGUnO1xuaW1wb3J0IHsgZ2V0U2lkZWJhckFuaW1hdGlvbldpZHRoIH0gZnJvbSAnLi4vYW5pbWF0aW9uL3NpZGViYXItYW5pbWF0aW9uLXdpZHRoJztcbmltcG9ydCB7IERhZmZTaWRlYmFyTW9kZSB9IGZyb20gJy4uL2hlbHBlci9zaWRlYmFyLW1vZGUnO1xuaW1wb3J0IHsgRGFmZlNpZGViYXJTaWRlIH0gZnJvbSAnLi4vaGVscGVyL3NpZGViYXItc2lkZSc7XG5cbi8qKlxuICogRGFmZlNpZGViYXJDb21wb25lbnQgaXMgaGVhdmlseSBiYXNlZCB1cG9uIHRoZSB3b3JrIGRvbmUgYnkgdGhlIEBhbmd1bGFyL2NvbXBvbmVudHNcbiAqIHRlYW0gb24gYG1hdC1kcmF3ZXJgIGFuZCBgbWF0LXNpZGVuYXZgLiBgZGFmZi1zaWRlYmFyYCBpcyBpbnRlbmRlZCB0byBiZVxuICogYSBzaW1wbGlmaWVkIHZlcnNpb24gKHdpdGggYSBkaWZmZXJlbnQgZGVzaWduKSBvZiBgbWF0LWRyYXdlcmAuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RhZmYtc2lkZWJhcicsXG4gIHN0eWxlVXJsczogWycuL3NpZGViYXIuY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGFuaW1hdGlvbnM6IFtcbiAgICBkYWZmU2lkZWJhckFuaW1hdGlvbnMudHJhbnNmb3JtU2lkZWJhcixcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZlNpZGViYXJDb21wb25lbnQge1xuICAvKipcbiAgICogVGhlIENTUyBjbGFzc2VzIHNldC5cbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBnZXQgY2xhc3NlcygpIHtcbiAgICByZXR1cm4ge1xuICAgICAgJ2RhZmYtc2lkZWJhcic6IHRydWUsXG4gICAgICBbdGhpcy5zaWRlXTogdHJ1ZSxcbiAgICAgIFt0aGlzLm1vZGVdOiB0cnVlLFxuICAgIH07XG4gIH07XG5cbiAgLyoqXG4gICAqIFRoZSBhbmltYXRpb24gc3RhdGUgb2YgdGhlIHNpZGViYXIuXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ0B0cmFuc2Zvcm1TaWRlYmFyJykgZ2V0IHRyYW5zZm9ybVNpZGViYXIoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHZhbHVlOiBnZXRBbmltYXRpb25TdGF0ZSh0aGlzLm9wZW4sIHRoaXMubW9kZSA9PT0gJ292ZXInIHx8IHRoaXMubW9kZSA9PT0gJ3NpZGUtZml4ZWQnKSxcbiAgICAgIHBhcmFtczogeyB3aWR0aDogIGdldFNpZGViYXJBbmltYXRpb25XaWR0aCh0aGlzLnNpZGUsIHRoaXMud2lkdGgpIH0sXG4gICAgfTtcbiAgfVxuXG4gIC8qKlxuICAgKiBFdmVudCBmaXJlZCB3aGVuIGBFU0NgIGtleSBpcyBwcmVzc2VkIHdoZW4gdGhlIHNpZGViYXIgaGFzIGZvY3VzXG4gICAqL1xuICBAT3V0cHV0KCkgZXNjYXBlUHJlc3NlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIC8qKlxuICAgKiBXaGF0IHNpZGUgb2YgdGhlIHZpZXdwb3J0IHRvIHNob3cgdGhlIHNpZGViYXIgb24uXG4gICAqL1xuICBASW5wdXQoKSBzaWRlOiBEYWZmU2lkZWJhclNpZGUgPSAnbGVmdCc7XG5cbiAgLyoqXG4gICAqIFRoZSBtb2RlIG9mIHRoZSBzaWRlYmFyLlxuICAgKi9cbiAgQElucHV0KCkgbW9kZTogRGFmZlNpZGViYXJNb2RlID0gJ3NpZGUnO1xuXG4gIC8qKlxuICAgKiBXaGV0aGVyIG9yIG5vdCB0aGUgc2lkZWJhciBpcyBvcGVuLlxuICAgKi9cbiAgQElucHV0KCkgb3BlbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBUaGUgd2lkdGggb2YgdGhlIHNpZGViYXIuXG4gICAqL1xuICBnZXQgd2lkdGgoKSB7XG4gICAgcmV0dXJuIHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aDtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+LFxuICAgIHByaXZhdGUgX25nWm9uZTogTmdab25lLFxuICApIHtcblxuICAgIC8qKlxuICAgICAqIExpc3RlbiB0byBga2V5ZG93bmAgZXZlbnRzIG91dHNpZGUgdGhlIHpvbmUgc28gdGhhdCBjaGFuZ2UgZGV0ZWN0aW9uIGlzIG5vdCBydW4gZXZlcnlcbiAgICAgKiB0aW1lIGEga2V5IGlzIHByZXNzZWQuIEluc3RlYWQgd2UgcmUtZW50ZXIgdGhlIHpvbmUgb25seSBpZiB0aGUgYEVTQ2Aga2V5IGlzIHByZXNzZWQuXG4gICAgICpcbiAgICAgKi9cbiAgICB0aGlzLl9uZ1pvbmUucnVuT3V0c2lkZUFuZ3VsYXIoKCkgPT4ge1xuICAgICAgZnJvbUV2ZW50PEtleWJvYXJkRXZlbnQ+KHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ2tleWRvd24nKS5waXBlKFxuICAgICAgICBmaWx0ZXIoZXZlbnQgPT4gZXZlbnQua2V5ID09PSAnRXNjYXBlJyksXG4gICAgICApLnN1YnNjcmliZShldmVudCA9PiB0aGlzLl9uZ1pvbmUucnVuKCgpID0+IHtcbiAgICAgICAgdGhpcy5lc2NhcGVQcmVzc2VkLmVtaXQoKTtcbiAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICB9KSk7XG4gICAgfSk7XG4gIH1cbn1cbiJdfQ==

package/esm2020/molecules/sidebar/sidebar-viewport/backdrop-interactable.mjs

@@ -0,0 +1,5 @@
+/**
+ * Determines, given a list of sidebars, whether or not the backdrop is interactable (typically clickable).
+ */
+export const sidebarViewportBackdropInteractable = (sidebars) => sidebars.reduce((acc, sidebar) => ((sidebar.mode === 'over' || sidebar.mode === 'under') && sidebar.open) || acc, false);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFja2Ryb3AtaW50ZXJhY3RhYmxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL21vbGVjdWxlcy9zaWRlYmFyL3NpZGViYXItdmlld3BvcnQvYmFja2Ryb3AtaW50ZXJhY3RhYmxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlBOztHQUVHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sbUNBQW1DLEdBQUcsQ0FBQyxRQUF5QyxFQUFXLEVBQUUsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUN4SCxDQUFDLEdBQVksRUFBRSxPQUFPLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsSUFBSSxLQUFLLE1BQU0sSUFBSSxPQUFPLENBQUMsSUFBSSxLQUFLLE9BQU8sQ0FBQyxJQUFJLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxHQUFHLEVBQ3pHLEtBQUssQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUXVlcnlMaXN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IERhZmZTaWRlYmFyQ29tcG9uZW50IH0gZnJvbSAnLi4vc2lkZWJhci9zaWRlYmFyLmNvbXBvbmVudCc7XG5cbi8qKlxuICogRGV0ZXJtaW5lcywgZ2l2ZW4gYSBsaXN0IG9mIHNpZGViYXJzLCB3aGV0aGVyIG9yIG5vdCB0aGUgYmFja2Ryb3AgaXMgaW50ZXJhY3RhYmxlICh0eXBpY2FsbHkgY2xpY2thYmxlKS5cbiAqL1xuZXhwb3J0IGNvbnN0IHNpZGViYXJWaWV3cG9ydEJhY2tkcm9wSW50ZXJhY3RhYmxlID0gKHNpZGViYXJzOiBRdWVyeUxpc3Q8RGFmZlNpZGViYXJDb21wb25lbnQ+KTogYm9vbGVhbiA9PiBzaWRlYmFycy5yZWR1Y2UoXG4gIChhY2M6IGJvb2xlYW4sIHNpZGViYXIpID0+ICgoc2lkZWJhci5tb2RlID09PSAnb3ZlcicgfHwgc2lkZWJhci5tb2RlID09PSAndW5kZXInKSAmJiBzaWRlYmFyLm9wZW4pIHx8IGFjYyxcbiAgZmFsc2UpO1xuIl19

package/esm2020/molecules/sidebar/sidebar-viewport/content-pad.mjs

@@ -0,0 +1,17 @@
+/**
+ * Given a list of sidebars, compute the associated content shift.
+ */
+export const sidebarViewportContentPadding = (sidebars, side) => sidebars.reduce((acc, sidebar) => {
+    if (!(sidebar.mode === "side-fixed" /* SideFixed */ && sidebar.open)) {
+        return acc;
+    }
+    if (sidebar.side === side) {
+        return sidebar.width;
+    }
+    else {
+        // This component is "stateless", its possible to have two open "under" sidebars.
+        // As such, we defer to "left" being open by default.
+        return acc;
+    }
+}, 0);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC1wYWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvbW9sZWN1bGVzL3NpZGViYXIvc2lkZWJhci12aWV3cG9ydC9jb250ZW50LXBhZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLDZCQUE2QixHQUFHLENBQUMsUUFBeUMsRUFBRSxJQUFxQixFQUFVLEVBQUUsQ0FDeEgsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDLEdBQVcsRUFBRSxPQUFPLEVBQUUsRUFBRTtJQUN2QyxJQUFHLENBQUMsQ0FBQyxPQUFPLENBQUMsSUFBSSxpQ0FBa0MsSUFBSSxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUU7UUFDcEUsT0FBTyxHQUFHLENBQUM7S0FDWjtJQUVELElBQUcsT0FBTyxDQUFDLElBQUksS0FBSyxJQUFJLEVBQUM7UUFDdkIsT0FBTyxPQUFPLENBQUMsS0FBSyxDQUFDO0tBQ3RCO1NBQU07UUFDTCxpRkFBaUY7UUFDakYscURBQXFEO1FBQ3JELE9BQU8sR0FBRyxDQUFDO0tBQ1o7QUFDSCxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBRdWVyeUxpc3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRGFmZlNpZGViYXJNb2RlRW51bSB9IGZyb20gJy4uL2hlbHBlci9zaWRlYmFyLW1vZGUnO1xuaW1wb3J0IHsgRGFmZlNpZGViYXJTaWRlIH0gZnJvbSAnLi4vaGVscGVyL3NpZGViYXItc2lkZSc7XG5pbXBvcnQgeyBEYWZmU2lkZWJhckNvbXBvbmVudCB9IGZyb20gJy4uL3NpZGViYXIvc2lkZWJhci5jb21wb25lbnQnO1xuXG5cbi8qKlxuICogR2l2ZW4gYSBsaXN0IG9mIHNpZGViYXJzLCBjb21wdXRlIHRoZSBhc3NvY2lhdGVkIGNvbnRlbnQgc2hpZnQuXG4gKi9cbmV4cG9ydCBjb25zdCBzaWRlYmFyVmlld3BvcnRDb250ZW50UGFkZGluZyA9IChzaWRlYmFyczogUXVlcnlMaXN0PERhZmZTaWRlYmFyQ29tcG9uZW50Piwgc2lkZTogRGFmZlNpZGViYXJTaWRlKTogbnVtYmVyID0+XG4gIHNpZGViYXJzLnJlZHVjZSgoYWNjOiBudW1iZXIsIHNpZGViYXIpID0+IHtcbiAgICBpZighKHNpZGViYXIubW9kZSA9PT0gRGFmZlNpZGViYXJNb2RlRW51bS5TaWRlRml4ZWQgJiYgc2lkZWJhci5vcGVuKSkge1xuICAgICAgcmV0dXJuIGFjYztcbiAgICB9XG5cbiAgICBpZihzaWRlYmFyLnNpZGUgPT09IHNpZGUpe1xuICAgICAgcmV0dXJuIHNpZGViYXIud2lkdGg7XG4gICAgfSBlbHNlIHtcbiAgICAgIC8vIFRoaXMgY29tcG9uZW50IGlzIFwic3RhdGVsZXNzXCIsIGl0cyBwb3NzaWJsZSB0byBoYXZlIHR3byBvcGVuIFwidW5kZXJcIiBzaWRlYmFycy5cbiAgICAgIC8vIEFzIHN1Y2gsIHdlIGRlZmVyIHRvIFwibGVmdFwiIGJlaW5nIG9wZW4gYnkgZGVmYXVsdC5cbiAgICAgIHJldHVybiBhY2M7XG4gICAgfVxuICB9LCAwKTtcbiJdfQ==

package/esm2020/molecules/sidebar/sidebar-viewport/content-shift.mjs

@@ -0,0 +1,21 @@
+export const isViewportContentShifted = (mode, open) => (mode === 'under' && open);
+/**
+ * Given a list of sidebars, compute the associated content shift.
+ */
+export const sidebarViewportContentShift = (sidebars) => sidebars.reduce((acc, sidebar) => {
+    if (!isViewportContentShifted(sidebar.mode, sidebar.open)) {
+        return acc;
+    }
+    if (sidebar.side === 'left') {
+        return sidebar.width;
+    }
+    else if (sidebar.side === 'right' && acc === 0) {
+        return -1 * sidebar.width;
+    }
+    else {
+        // This component is "stateless", its possible to have two open "under" sidebars.
+        // As such, we defer to "left" being open by default.
+        return acc;
+    }
+}, 0);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC1zaGlmdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9tb2xlY3VsZXMvc2lkZWJhci9zaWRlYmFyLXZpZXdwb3J0L2NvbnRlbnQtc2hpZnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS0EsTUFBTSxDQUFDLE1BQU0sd0JBQXdCLEdBQUcsQ0FBQyxJQUFxQixFQUFFLElBQWEsRUFBVyxFQUFFLENBQUMsQ0FBQyxJQUFJLEtBQUssT0FBTyxJQUFJLElBQUksQ0FBQyxDQUFDO0FBRXRIOztHQUVHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sMkJBQTJCLEdBQUcsQ0FBQyxRQUF5QyxFQUFVLEVBQUUsQ0FDL0YsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDLEdBQVcsRUFBRSxPQUFPLEVBQUUsRUFBRTtJQUN2QyxJQUFHLENBQUMsd0JBQXdCLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUU7UUFDeEQsT0FBTyxHQUFHLENBQUM7S0FDWjtJQUVELElBQUcsT0FBTyxDQUFDLElBQUksS0FBSyxNQUFNLEVBQUM7UUFDekIsT0FBTyxPQUFPLENBQUMsS0FBSyxDQUFDO0tBQ3RCO1NBQU0sSUFBSSxPQUFPLENBQUMsSUFBSSxLQUFLLE9BQU8sSUFBSSxHQUFHLEtBQUssQ0FBQyxFQUFFO1FBQ2hELE9BQU8sQ0FBQyxDQUFDLEdBQUcsT0FBTyxDQUFDLEtBQUssQ0FBQztLQUMzQjtTQUFNO1FBQ0wsaUZBQWlGO1FBQ2pGLHFEQUFxRDtRQUNyRCxPQUFPLEdBQUcsQ0FBQztLQUNaO0FBQ0gsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUXVlcnlMaXN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IERhZmZTaWRlYmFyTW9kZSB9IGZyb20gJy4uL2hlbHBlci9zaWRlYmFyLW1vZGUnO1xuaW1wb3J0IHsgRGFmZlNpZGViYXJDb21wb25lbnQgfSBmcm9tICcuLi9zaWRlYmFyL3NpZGViYXIuY29tcG9uZW50JztcblxuZXhwb3J0IGNvbnN0IGlzVmlld3BvcnRDb250ZW50U2hpZnRlZCA9IChtb2RlOiBEYWZmU2lkZWJhck1vZGUsIG9wZW46IGJvb2xlYW4pOiBib29sZWFuID0+IChtb2RlID09PSAndW5kZXInICYmIG9wZW4pO1xuXG4vKipcbiAqIEdpdmVuIGEgbGlzdCBvZiBzaWRlYmFycywgY29tcHV0ZSB0aGUgYXNzb2NpYXRlZCBjb250ZW50IHNoaWZ0LlxuICovXG5leHBvcnQgY29uc3Qgc2lkZWJhclZpZXdwb3J0Q29udGVudFNoaWZ0ID0gKHNpZGViYXJzOiBRdWVyeUxpc3Q8RGFmZlNpZGViYXJDb21wb25lbnQ+KTogbnVtYmVyID0+XG4gIHNpZGViYXJzLnJlZHVjZSgoYWNjOiBudW1iZXIsIHNpZGViYXIpID0+IHtcbiAgICBpZighaXNWaWV3cG9ydENvbnRlbnRTaGlmdGVkKHNpZGViYXIubW9kZSwgc2lkZWJhci5vcGVuKSkge1xuICAgICAgcmV0dXJuIGFjYztcbiAgICB9XG5cbiAgICBpZihzaWRlYmFyLnNpZGUgPT09ICdsZWZ0Jyl7XG4gICAgICByZXR1cm4gc2lkZWJhci53aWR0aDtcbiAgICB9IGVsc2UgaWYgKHNpZGViYXIuc2lkZSA9PT0gJ3JpZ2h0JyAmJiBhY2MgPT09IDApIHtcbiAgICAgIHJldHVybiAtMSAqIHNpZGViYXIud2lkdGg7XG4gICAgfSBlbHNlIHtcbiAgICAgIC8vIFRoaXMgY29tcG9uZW50IGlzIFwic3RhdGVsZXNzXCIsIGl0cyBwb3NzaWJsZSB0byBoYXZlIHR3byBvcGVuIFwidW5kZXJcIiBzaWRlYmFycy5cbiAgICAgIC8vIEFzIHN1Y2gsIHdlIGRlZmVyIHRvIFwibGVmdFwiIGJlaW5nIG9wZW4gYnkgZGVmYXVsdC5cbiAgICAgIHJldHVybiBhY2M7XG4gICAgfVxuICB9LCAwKTtcblxuXG4iXX0=

package/esm2020/molecules/sidebar/sidebar-viewport/sidebar-viewport.component.mjs

@@ -1,121 +1,123 @@
-import { Component, Output, EventEmitter, Input, ChangeDetectionStrategy, ContentChild, ChangeDetectorRef, } from '@angular/core';
+import { Component, Output, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef, ContentChildren, QueryList, } from '@angular/core';
 import { daffSidebarAnimations } from '../animation/sidebar-animation';
 import { getAnimationState } from '../animation/sidebar-animation-state';
 import { DaffSidebarComponent } from '../sidebar/sidebar.component';
+import { sidebarViewportBackdropInteractable } from './backdrop-interactable';
+import { sidebarViewportContentPadding } from './content-pad';
+import { isViewportContentShifted, sidebarViewportContentShift, } from './content-shift';
 import * as i0 from "@angular/core";
 import * as i1 from "../../backdrop/backdrop/backdrop.component";
-import * as i2 from "@angular/cdk/a11y";
-import * as i3 from "@angular/common";
+/**
+ * The DaffSidebarViewport is the "holder" of sidebars throughout an entire application.
+ * It's generally only used once, like
+ *
+ * ```html
+ * <daff-sidebar-viewport>
+ *    <daff-sidebar></daff-sidebar>
+ *    <p>Some Content</p>
+ * </daff-sidebar-viewport>
+ * ```
+ *
+ * Importantly, its possible for there to be multiple sidebars of many modes
+ * at the same time. @see {@link DaffSidebarMode }
+ *
+ * Since this is a functional component, it's possible to have multiple "open" sidebars
+ * within at the same time. As a result, this component attempts to
+ * gracefully handle these situations. However, importantly, this sidebar
+ * has a constraint, there's only allowed to be one sidebar,
+ * of each mode, on each side, at any given time. If this is violated,
+ * this component will throw an exception.
+ */
 export class DaffSidebarViewportComponent {
-    constructor(ref) {
-        this.ref = ref;
+    constructor(cdRef) {
+        this.cdRef = cdRef;
         /**
-         * Internal tracking variable for the state of sidebar viewport.
-         *
-         * @docs-private
+         * The number of pixels that the main content of the page should be shifted to
+         * right when there are child sidebars.
          */
-        this._opened = false;
+        this._shift = '0px';
         /**
-         * @docs-private
+         * The left padding on the content when left side-fixed sidebars are open.
          */
-        this._mode = 'side';
+        this._contentPadLeft = 0;
         /**
-         * Input state for whether or not the backdrop is
-         * "visible" to the human eye
+         * The right padding on the content when right side-fixed sidebars are open.
          */
-        // eslint-disable-next-line @typescript-eslint/no-inferrable-types
-        this.backdropIsVisible = true;
+        this._contentPadRight = 0;
+        /**
+         * Whether or not the backdrop is interactable
+         */
+        this._backdropInteractable = false;
+        /**
+         * The animation state
+         */
+        this._animationState = { value: 'closed', params: { shift: '0px' } };
         /**
          * Event fired when the backdrop is clicked
          * This is often used to close the sidebar
          */
         this.backdropClicked = new EventEmitter();
     }
-    /**
-     * The mode to put the sidebar in
-     */
-    get mode() {
-        return this._mode;
-    }
-    set mode(value) {
-        this._mode = value;
-        this._animationState = getAnimationState(this.opened, this.animationsEnabled);
-    }
-    /**
-     * Property for the "opened" state of the sidebar
-     */
-    get opened() {
-        return this._opened;
-    }
-    set opened(value) {
-        this._opened = value;
-        this._animationState = getAnimationState(value, this.animationsEnabled);
-    }
-    /**
-     * @docs-private
-     */
-    get animationsEnabled() {
-        return (this.mode === 'over' || this.mode === 'push') ? true : false;
-    }
-    /**
-     * @docs-private
-     */
-    ngOnInit() {
-        this._animationState = getAnimationState(this.opened, this.animationsEnabled);
+    ngAfterContentChecked() {
+        const nextShift = sidebarViewportContentShift(this.sidebars) + 'px';
+        if (this._shift !== nextShift) {
+            this._shift = nextShift;
+            this.updateAnimationState();
+            this.cdRef.markForCheck();
+        }
+        const nextBackdropInteractable = sidebarViewportBackdropInteractable(this.sidebars);
+        if (this._backdropInteractable !== nextBackdropInteractable) {
+            this._backdropInteractable = nextBackdropInteractable;
+            this.updateAnimationState();
+            this.cdRef.markForCheck();
+        }
+        ;
+        const nextLeftPadding = sidebarViewportContentPadding(this.sidebars, 'left');
+        if (this._contentPadLeft !== nextLeftPadding) {
+            this._contentPadLeft = nextLeftPadding;
+            this.updateAnimationState();
+            this.cdRef.markForCheck();
+        }
+        const nextRightPadding = sidebarViewportContentPadding(this.sidebars, 'right');
+        if (this._contentPadRight !== nextRightPadding) {
+            this._contentPadRight = nextRightPadding;
+            this.updateAnimationState();
+            this.cdRef.markForCheck();
+        }
     }
     /**
      * @docs-private
+     *
+     * Updates the animation state of the viewport depending upon the state
+     * of all sidebars within the viewport.
      */
-    ngAfterViewInit() {
-        if (this.sidebar) {
-            this.sidebar.escapePressed.subscribe(() => {
-                this.onEscape();
-            });
-        }
+    updateAnimationState() {
+        this._animationState = {
+            value: getAnimationState(this.sidebars.reduce((acc, sidebar) => acc || isViewportContentShifted(sidebar.mode, sidebar.open), false)),
+            params: { shift: this._shift },
+        };
     }
     /**
      * @docs-private
+     * The called when the backdrop of the viewport is clicked upon.
      */
     _backdropClicked() {
         this.backdropClicked.emit();
     }
-    /**
-     * @docs-private
-     */
-    get hasBackdrop() {
-        return (this.mode === 'over' || this.mode === 'push');
-    }
-    /**
-     * @docs-private
-     */
-    onEscape() {
-        if (this.hasBackdrop) {
-            this.opened = false;
-            this.ref.markForCheck();
-        }
-    }
 }
 /** @nocollapse */ DaffSidebarViewportComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffSidebarViewportComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffSidebarViewportComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", inputs: { mode: "mode", backdropIsVisible: "backdropIsVisible", opened: "opened" }, outputs: { backdropClicked: "backdropClicked" }, queries: [{ propertyName: "sidebar", first: true, predicate: DaffSidebarComponent, descendants: true }], ngImport: i0, template: "<div class=\"daff-sidebar-viewport {{ mode }}\">\n  <div class=\"daff-sidebar-viewport__sidebar\" [@transformSidebar]=\"_animationState\" [cdkTrapFocus]=\"opened && (mode === 'over' || mode === 'push')\">\n    <ng-content select=\"daff-sidebar\" (escapePressed)=\"onEscape($event)\"></ng-content>\n  </div>\n\n  <daff-backdrop \n  class=\"daff-sidebar-viewport__backdrop\" \n  *ngIf=\"hasBackdrop && _opened\"\n  [transparent]=\"!backdropIsVisible\" \n  (backdropClicked)=\"_backdropClicked()\"></daff-backdrop>\n\n  <div class=\"daff-sidebar-viewport__content\" [@transformContent]=\"_animationState\">\n    <ng-content></ng-content>\n  </div>\n</div>", styles: [".daff-sidebar-viewport{display:flex;min-height:100%;position:relative;width:100%;z-index:1}.daff-sidebar-viewport__content{flex:0 1 auto;width:100%;will-change:transform;z-index:2}.daff-sidebar-viewport__sidebar{flex-shrink:0;width:250px;will-change:transform,visibility;z-index:4}.daff-sidebar-viewport__backdrop{cursor:pointer;height:100%;position:absolute;width:100%;z-index:3}.daff-sidebar-viewport.push>.daff-sidebar-viewport__sidebar{bottom:0;height:100%;left:0;position:absolute;top:0;transform:translate(-250px);visibility:hidden}.daff-sidebar-viewport.push>.daff-sidebar-viewport__content{transform:translate(250px)}.daff-sidebar-viewport.over>.daff-sidebar-viewport__sidebar{bottom:0;height:100%;left:0;position:absolute;top:0;transform:translate(-250px);visibility:hidden}\n"], components: [{ type: i1.DaffBackdropComponent, selector: "daff-backdrop", inputs: ["transparent", "fullscreen"], outputs: ["backdropClicked"] }], directives: [{ type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
-        daffSidebarAnimations.transformSidebar,
+/** @nocollapse */ DaffSidebarViewportComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", outputs: { backdropClicked: "backdropClicked" }, queries: [{ propertyName: "sidebars", predicate: DaffSidebarComponent }], ngImport: i0, template: "<ng-content select=\"daff-sidebar:not([side=right])\"></ng-content>\n\n<daff-backdrop\n  [@transformContent]=\"_animationState\"\n  class=\"daff-sidebar-viewport__backdrop\"\n  [interactable]=\"_backdropInteractable\"\n  (backdropClicked)=\"_backdropClicked()\"></daff-backdrop>\n\n<div class=\"daff-sidebar-viewport__content\" [@transformContent]=\"_animationState\">\n  <ng-content select=\"[daff-sidebar-viewport-nav]\"></ng-content>\n  <div class=\"daff-sidebar-viewport__inner\" [style.padding-left.px]=\"_contentPadLeft\" [style.padding-right.px]=\"_contentPadRight\">\n    <ng-content></ng-content>\n  </div>\n</div>\n\n<ng-content select=\"daff-sidebar[side=right]\"></ng-content>", styles: [":host{overflow:hidden;display:flex;min-height:100%;position:relative;width:100%;z-index:1;height:100vh;height:100dvh}.daff-sidebar-viewport__content{flex:0 1 auto;width:100%;will-change:transform;z-index:3;overflow-y:auto;height:100%}.daff-sidebar-viewport__sidebar{flex-shrink:0}.daff-sidebar-viewport__backdrop{height:100%;position:absolute;width:100%;z-index:4}:host-context(daff-sidebar-viewport daff-sidebar-viewport) .daff-sidebar-viewport__inner{padding-left:0!important;padding-right:0!important}\n"], components: [{ type: i1.DaffBackdropComponent, selector: "daff-backdrop", inputs: ["transparent", "interactable", "fullscreen"], outputs: ["backdropClicked"] }], animations: [
         daffSidebarAnimations.transformContent,
     ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffSidebarViewportComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-sidebar-viewport', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
-                        daffSidebarAnimations.transformSidebar,
                         daffSidebarAnimations.transformContent,
-                    ], template: "<div class=\"daff-sidebar-viewport {{ mode }}\">\n  <div class=\"daff-sidebar-viewport__sidebar\" [@transformSidebar]=\"_animationState\" [cdkTrapFocus]=\"opened && (mode === 'over' || mode === 'push')\">\n    <ng-content select=\"daff-sidebar\" (escapePressed)=\"onEscape($event)\"></ng-content>\n  </div>\n\n  <daff-backdrop \n  class=\"daff-sidebar-viewport__backdrop\" \n  *ngIf=\"hasBackdrop && _opened\"\n  [transparent]=\"!backdropIsVisible\" \n  (backdropClicked)=\"_backdropClicked()\"></daff-backdrop>\n\n  <div class=\"daff-sidebar-viewport__content\" [@transformContent]=\"_animationState\">\n    <ng-content></ng-content>\n  </div>\n</div>", styles: [".daff-sidebar-viewport{display:flex;min-height:100%;position:relative;width:100%;z-index:1}.daff-sidebar-viewport__content{flex:0 1 auto;width:100%;will-change:transform;z-index:2}.daff-sidebar-viewport__sidebar{flex-shrink:0;width:250px;will-change:transform,visibility;z-index:4}.daff-sidebar-viewport__backdrop{cursor:pointer;height:100%;position:absolute;width:100%;z-index:3}.daff-sidebar-viewport.push>.daff-sidebar-viewport__sidebar{bottom:0;height:100%;left:0;position:absolute;top:0;transform:translate(-250px);visibility:hidden}.daff-sidebar-viewport.push>.daff-sidebar-viewport__content{transform:translate(250px)}.daff-sidebar-viewport.over>.daff-sidebar-viewport__sidebar{bottom:0;height:100%;left:0;position:absolute;top:0;transform:translate(-250px);visibility:hidden}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { sidebar: [{
-                type: ContentChild,
-                args: [DaffSidebarComponent]
-            }], mode: [{
-                type: Input
-            }], backdropIsVisible: [{
-                type: Input
-            }], opened: [{
-                type: Input
+                    ], template: "<ng-content select=\"daff-sidebar:not([side=right])\"></ng-content>\n\n<daff-backdrop\n  [@transformContent]=\"_animationState\"\n  class=\"daff-sidebar-viewport__backdrop\"\n  [interactable]=\"_backdropInteractable\"\n  (backdropClicked)=\"_backdropClicked()\"></daff-backdrop>\n\n<div class=\"daff-sidebar-viewport__content\" [@transformContent]=\"_animationState\">\n  <ng-content select=\"[daff-sidebar-viewport-nav]\"></ng-content>\n  <div class=\"daff-sidebar-viewport__inner\" [style.padding-left.px]=\"_contentPadLeft\" [style.padding-right.px]=\"_contentPadRight\">\n    <ng-content></ng-content>\n  </div>\n</div>\n\n<ng-content select=\"daff-sidebar[side=right]\"></ng-content>", styles: [":host{overflow:hidden;display:flex;min-height:100%;position:relative;width:100%;z-index:1;height:100vh;height:100dvh}.daff-sidebar-viewport__content{flex:0 1 auto;width:100%;will-change:transform;z-index:3;overflow-y:auto;height:100%}.daff-sidebar-viewport__sidebar{flex-shrink:0}.daff-sidebar-viewport__backdrop{height:100%;position:absolute;width:100%;z-index:4}:host-context(daff-sidebar-viewport daff-sidebar-viewport) .daff-sidebar-viewport__inner{padding-left:0!important;padding-right:0!important}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { sidebars: [{
+                type: ContentChildren,
+                args: [DaffSidebarComponent, { descendants: false }]
             }], backdropClicked: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci12aWV3cG9ydC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvbW9sZWN1bGVzL3NpZGViYXIvc2lkZWJhci12aWV3cG9ydC9zaWRlYmFyLXZpZXdwb3J0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9tb2xlY3VsZXMvc2lkZWJhci9zaWRlYmFyLXZpZXdwb3J0L3NpZGViYXItdmlld3BvcnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxNQUFNLEVBQ04sWUFBWSxFQUNaLEtBQUssRUFDTCx1QkFBdUIsRUFFdkIsWUFBWSxFQUNaLGlCQUFpQixHQUVsQixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN2RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUV6RSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7Ozs7QUFZcEUsTUFBTSxPQUFPLDRCQUE0QjtJQUV2QyxZQUFvQixHQUFzQjtRQUF0QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQVcxQzs7OztXQUlHO1FBQ0gsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUVoQjs7V0FFRztRQUNILFVBQUssR0FBb0IsTUFBTSxDQUFDO1FBY2hDOzs7V0FHRztRQUNILGtFQUFrRTtRQUN6RCxzQkFBaUIsR0FBWSxJQUFJLENBQUM7UUFhM0M7OztXQUdHO1FBQ08sb0JBQWUsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQXhEekUsQ0FBQztJQXNCRDs7T0FFRztJQUNILElBQ0ksSUFBSTtRQUNOLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDO0lBQ0QsSUFBSSxJQUFJLENBQUMsS0FBc0I7UUFDN0IsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDbkIsSUFBSSxDQUFDLGVBQWUsR0FBRyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQ2hGLENBQUM7SUFTRDs7T0FFRztJQUNILElBQ0ksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QixDQUFDO0lBQ0QsSUFBSSxNQUFNLENBQUMsS0FBYztRQUN4QixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztRQUNyQixJQUFJLENBQUMsZUFBZSxHQUFHLGlCQUFpQixDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUN6RSxDQUFDO0lBT0Q7O09BRUc7SUFDSCxJQUFJLGlCQUFpQjtRQUNuQixPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7SUFDdkUsQ0FBQztJQUVEOztPQUVHO0lBQ0gsUUFBUTtRQUNOLElBQUksQ0FBQyxlQUFlLEdBQUcsaUJBQWlCLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUNoRixDQUFDO0lBRUQ7O09BRUc7SUFDSCxlQUFlO1FBQ2IsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2hCLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7Z0JBQ3hDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNsQixDQUFDLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUVEOztPQUVHO0lBQ0gsZ0JBQWdCO1FBQ2QsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQ7O09BRUc7SUFDSCxJQUFJLFdBQVc7UUFDYixPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLENBQUMsQ0FBQztJQUN4RCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3BCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1lBQ3BCLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7U0FDekI7SUFDSCxDQUFDOzs0SUE1R1UsNEJBQTRCO2dJQUE1Qiw0QkFBNEIsdU9BWXpCLG9CQUFvQixnREN2Q3BDLDhvQkFjTSxzcUNEUVE7UUFDVixxQkFBcUIsQ0FBQyxnQkFBZ0I7UUFDdEMscUJBQXFCLENBQUMsZ0JBQWdCO0tBQ3ZDOzJGQUVVLDRCQUE0QjtrQkFWeEMsU0FBUzsrQkFDRSx1QkFBdUIsbUJBR2hCLHVCQUF1QixDQUFDLE1BQU0sY0FDbkM7d0JBQ1YscUJBQXFCLENBQUMsZ0JBQWdCO3dCQUN0QyxxQkFBcUIsQ0FBQyxnQkFBZ0I7cUJBQ3ZDO3dHQWNtQyxPQUFPO3NCQUExQyxZQUFZO3VCQUFDLG9CQUFvQjtnQkFpQjlCLElBQUk7c0JBRFAsS0FBSztnQkFjRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBTUYsTUFBTTtzQkFEVCxLQUFLO2dCQVlJLGVBQWU7c0JBQXhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIE9uSW5pdCxcbiAgQ29udGVudENoaWxkLFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQWZ0ZXJWaWV3SW5pdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IGRhZmZTaWRlYmFyQW5pbWF0aW9ucyB9IGZyb20gJy4uL2FuaW1hdGlvbi9zaWRlYmFyLWFuaW1hdGlvbic7XG5pbXBvcnQgeyBnZXRBbmltYXRpb25TdGF0ZSB9IGZyb20gJy4uL2FuaW1hdGlvbi9zaWRlYmFyLWFuaW1hdGlvbi1zdGF0ZSc7XG5pbXBvcnQgeyBEYWZmU2lkZWJhck1vZGUgfSBmcm9tICcuLi9oZWxwZXIvc2lkZWJhci1tb2RlJztcbmltcG9ydCB7IERhZmZTaWRlYmFyQ29tcG9uZW50IH0gZnJvbSAnLi4vc2lkZWJhci9zaWRlYmFyLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RhZmYtc2lkZWJhci12aWV3cG9ydCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zaWRlYmFyLXZpZXdwb3J0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2lkZWJhci12aWV3cG9ydC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgYW5pbWF0aW9uczogW1xuICAgIGRhZmZTaWRlYmFyQW5pbWF0aW9ucy50cmFuc2Zvcm1TaWRlYmFyLFxuICAgIGRhZmZTaWRlYmFyQW5pbWF0aW9ucy50cmFuc2Zvcm1Db250ZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmU2lkZWJhclZpZXdwb3J0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcbiAgfVxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgX2FuaW1hdGlvblN0YXRlOiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBDb250ZW50Q2hpbGQoRGFmZlNpZGViYXJDb21wb25lbnQpIHNpZGViYXI6IERhZmZTaWRlYmFyQ29tcG9uZW50O1xuICAvKipcbiAgICogSW50ZXJuYWwgdHJhY2tpbmcgdmFyaWFibGUgZm9yIHRoZSBzdGF0ZSBvZiBzaWRlYmFyIHZpZXdwb3J0LlxuICAgKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBfb3BlbmVkID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIF9tb2RlOiBEYWZmU2lkZWJhck1vZGUgPSAnc2lkZSc7XG5cbiAgLyoqXG4gICAqIFRoZSBtb2RlIHRvIHB1dCB0aGUgc2lkZWJhciBpblxuICAgKi9cbiAgQElucHV0KClcbiAgZ2V0IG1vZGUoKTogRGFmZlNpZGViYXJNb2RlIHtcbiAgICByZXR1cm4gdGhpcy5fbW9kZTtcbiAgfVxuICBzZXQgbW9kZSh2YWx1ZTogRGFmZlNpZGViYXJNb2RlKSB7XG4gICAgdGhpcy5fbW9kZSA9IHZhbHVlO1xuICAgIHRoaXMuX2FuaW1hdGlvblN0YXRlID0gZ2V0QW5pbWF0aW9uU3RhdGUodGhpcy5vcGVuZWQsIHRoaXMuYW5pbWF0aW9uc0VuYWJsZWQpO1xuICB9XG5cbiAgLyoqXG4gICAqIElucHV0IHN0YXRlIGZvciB3aGV0aGVyIG9yIG5vdCB0aGUgYmFja2Ryb3AgaXNcbiAgICogXCJ2aXNpYmxlXCIgdG8gdGhlIGh1bWFuIGV5ZVxuICAgKi9cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1pbmZlcnJhYmxlLXR5cGVzXG4gIEBJbnB1dCgpIGJhY2tkcm9wSXNWaXNpYmxlOiBib29sZWFuID0gdHJ1ZTtcblxuICAvKipcbiAgICogUHJvcGVydHkgZm9yIHRoZSBcIm9wZW5lZFwiIHN0YXRlIG9mIHRoZSBzaWRlYmFyXG4gICAqL1xuICBASW5wdXQoKVxuICBnZXQgb3BlbmVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9vcGVuZWQ7XG4gIH1cbiAgc2V0IG9wZW5lZCh2YWx1ZTogYm9vbGVhbikge1xuXHQgIHRoaXMuX29wZW5lZCA9IHZhbHVlO1xuXHQgIHRoaXMuX2FuaW1hdGlvblN0YXRlID0gZ2V0QW5pbWF0aW9uU3RhdGUodmFsdWUsIHRoaXMuYW5pbWF0aW9uc0VuYWJsZWQpO1xuICB9XG4gIC8qKlxuICAgKiBFdmVudCBmaXJlZCB3aGVuIHRoZSBiYWNrZHJvcCBpcyBjbGlja2VkXG4gICAqIFRoaXMgaXMgb2Z0ZW4gdXNlZCB0byBjbG9zZSB0aGUgc2lkZWJhclxuICAgKi9cbiAgQE91dHB1dCgpIGJhY2tkcm9wQ2xpY2tlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBnZXQgYW5pbWF0aW9uc0VuYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICh0aGlzLm1vZGUgPT09ICdvdmVyJyB8fCB0aGlzLm1vZGUgPT09ICdwdXNoJykgPyB0cnVlIDogZmFsc2U7XG4gIH1cblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5fYW5pbWF0aW9uU3RhdGUgPSBnZXRBbmltYXRpb25TdGF0ZSh0aGlzLm9wZW5lZCwgdGhpcy5hbmltYXRpb25zRW5hYmxlZCk7XG4gIH1cblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIGlmICh0aGlzLnNpZGViYXIpIHtcbiAgICAgIHRoaXMuc2lkZWJhci5lc2NhcGVQcmVzc2VkLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgIHRoaXMub25Fc2NhcGUoKTtcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBfYmFja2Ryb3BDbGlja2VkKCk6IHZvaWQge1xuICAgIHRoaXMuYmFja2Ryb3BDbGlja2VkLmVtaXQoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBnZXQgaGFzQmFja2Ryb3AoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICh0aGlzLm1vZGUgPT09ICdvdmVyJyB8fCB0aGlzLm1vZGUgPT09ICdwdXNoJyk7XG4gIH1cblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgb25Fc2NhcGUoKSB7XG4gICAgaWYgKHRoaXMuaGFzQmFja2Ryb3ApIHtcbiAgICAgIHRoaXMub3BlbmVkID0gZmFsc2U7XG4gICAgICB0aGlzLnJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJkYWZmLXNpZGViYXItdmlld3BvcnQge3sgbW9kZSB9fVwiPlxuICA8ZGl2IGNsYXNzPVwiZGFmZi1zaWRlYmFyLXZpZXdwb3J0X19zaWRlYmFyXCIgW0B0cmFuc2Zvcm1TaWRlYmFyXT1cIl9hbmltYXRpb25TdGF0ZVwiIFtjZGtUcmFwRm9jdXNdPVwib3BlbmVkICYmIChtb2RlID09PSAnb3ZlcicgfHwgbW9kZSA9PT0gJ3B1c2gnKVwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImRhZmYtc2lkZWJhclwiIChlc2NhcGVQcmVzc2VkKT1cIm9uRXNjYXBlKCRldmVudClcIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuXG4gIDxkYWZmLWJhY2tkcm9wIFxuICBjbGFzcz1cImRhZmYtc2lkZWJhci12aWV3cG9ydF9fYmFja2Ryb3BcIiBcbiAgKm5nSWY9XCJoYXNCYWNrZHJvcCAmJiBfb3BlbmVkXCJcbiAgW3RyYW5zcGFyZW50XT1cIiFiYWNrZHJvcElzVmlzaWJsZVwiIFxuICAoYmFja2Ryb3BDbGlja2VkKT1cIl9iYWNrZHJvcENsaWNrZWQoKVwiPjwvZGFmZi1iYWNrZHJvcD5cblxuICA8ZGl2IGNsYXNzPVwiZGFmZi1zaWRlYmFyLXZpZXdwb3J0X19jb250ZW50XCIgW0B0cmFuc2Zvcm1Db250ZW50XT1cIl9hbmltYXRpb25TdGF0ZVwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci12aWV3cG9ydC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvbW9sZWN1bGVzL3NpZGViYXIvc2lkZWJhci12aWV3cG9ydC9zaWRlYmFyLXZpZXdwb3J0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9tb2xlY3VsZXMvc2lkZWJhci9zaWRlYmFyLXZpZXdwb3J0L3NpZGViYXItdmlld3BvcnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxNQUFNLEVBQ04sWUFBWSxFQUNaLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsZUFBZSxFQUNmLFNBQVMsR0FFVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN2RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUd6RSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsbUNBQW1DLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM5RSxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUQsT0FBTyxFQUNMLHdCQUF3QixFQUN4QiwyQkFBMkIsR0FDNUIsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBRXpCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9CRztBQVVILE1BQU0sT0FBTyw0QkFBNEI7SUFFdkMsWUFBb0IsS0FBd0I7UUFBeEIsVUFBSyxHQUFMLEtBQUssQ0FBbUI7UUFTNUM7OztXQUdHO1FBQ0ssV0FBTSxHQUFHLEtBQUssQ0FBQztRQUV2Qjs7V0FFRztRQUNJLG9CQUFlLEdBQUcsQ0FBQyxDQUFDO1FBRTNCOztXQUVHO1FBQ0kscUJBQWdCLEdBQUcsQ0FBQyxDQUFDO1FBRTVCOztXQUVHO1FBQ0gsMEJBQXFCLEdBQUcsS0FBSyxDQUFDO1FBRTlCOztXQUVHO1FBQ0gsb0JBQWUsR0FBc0MsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsRUFBQyxDQUFDO1FBRWxHOzs7V0FHRztRQUNPLG9CQUFlLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7SUF2Q3pCLENBQUM7SUF5Q2pELHFCQUFxQjtRQUNuQixNQUFNLFNBQVMsR0FBRywyQkFBMkIsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsSUFBSSxDQUFDO1FBQ3BFLElBQUksSUFBSSxDQUFDLE1BQU0sS0FBSyxTQUFTLEVBQUU7WUFDN0IsSUFBSSxDQUFDLE1BQU0sR0FBRyxTQUFTLENBQUM7WUFDeEIsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUM7WUFDNUIsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLEVBQUUsQ0FBQztTQUMzQjtRQUVELE1BQU0sd0JBQXdCLEdBQUcsbUNBQW1DLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3BGLElBQUksSUFBSSxDQUFDLHFCQUFxQixLQUFLLHdCQUF3QixFQUFFO1lBQzNELElBQUksQ0FBQyxxQkFBcUIsR0FBRyx3QkFBd0IsQ0FBQztZQUN0RCxJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztZQUM1QixJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksRUFBRSxDQUFDO1NBQzNCO1FBQUEsQ0FBQztRQUVGLE1BQU0sZUFBZSxHQUFHLDZCQUE2QixDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsTUFBTSxDQUFDLENBQUM7UUFDN0UsSUFBRyxJQUFJLENBQUMsZUFBZSxLQUFLLGVBQWUsRUFBRTtZQUMzQyxJQUFJLENBQUMsZUFBZSxHQUFHLGVBQWUsQ0FBQztZQUN2QyxJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztZQUM1QixJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksRUFBRSxDQUFDO1NBQzNCO1FBRUQsTUFBTSxnQkFBZ0IsR0FBRyw2QkFBNkIsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLE9BQU8sQ0FBQyxDQUFDO1FBQy9FLElBQUcsSUFBSSxDQUFDLGdCQUFnQixLQUFLLGdCQUFnQixFQUFFO1lBQzdDLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxnQkFBZ0IsQ0FBQztZQUN6QyxJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztZQUM1QixJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksRUFBRSxDQUFDO1NBQzNCO0lBQ0gsQ0FBQztJQUVEOzs7OztPQUtHO0lBQ0ssb0JBQW9CO1FBQzFCLElBQUksQ0FBQyxlQUFlLEdBQUc7WUFDckIsS0FBSyxFQUFFLGlCQUFpQixDQUN0QixJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDLEdBQVksRUFBRSxPQUFPLEVBQUUsRUFBRSxDQUFDLEdBQUcsSUFBSSx3QkFBd0IsQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxJQUFJLENBQUMsRUFBRSxLQUFLLENBQUMsQ0FDcEg7WUFDRCxNQUFNLEVBQUUsRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLE1BQU0sRUFBRTtTQUMvQixDQUFDO0lBQ0osQ0FBQztJQUVEOzs7T0FHRztJQUNILGdCQUFnQjtRQUNkLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDOUIsQ0FBQzs7NElBOUZVLDRCQUE0QjtnSUFBNUIsNEJBQTRCLHVJQVN0QixvQkFBb0IsNkJDOUR2QyxrckJBZTJELHdyQkRrQzdDO1FBQ1YscUJBQXFCLENBQUMsZ0JBQWdCO0tBQ3ZDOzJGQUVVLDRCQUE0QjtrQkFUeEMsU0FBUzsrQkFDRSx1QkFBdUIsbUJBR2hCLHVCQUF1QixDQUFDLE1BQU0sY0FDbkM7d0JBQ1YscUJBQXFCLENBQUMsZ0JBQWdCO3FCQUN2Qzt3R0FXc0UsUUFBUTtzQkFBOUUsZUFBZTt1QkFBQyxvQkFBb0IsRUFBRSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUU7Z0JBZ0NuRCxlQUFlO3NCQUF4QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBPdXRwdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIFF1ZXJ5TGlzdCxcbiAgQWZ0ZXJDb250ZW50Q2hlY2tlZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IGRhZmZTaWRlYmFyQW5pbWF0aW9ucyB9IGZyb20gJy4uL2FuaW1hdGlvbi9zaWRlYmFyLWFuaW1hdGlvbic7XG5pbXBvcnQgeyBnZXRBbmltYXRpb25TdGF0ZSB9IGZyb20gJy4uL2FuaW1hdGlvbi9zaWRlYmFyLWFuaW1hdGlvbi1zdGF0ZSc7XG5pbXBvcnQgeyBEYWZmU2lkZWJhclZpZXdwb3J0QW5pbWF0aW9uU3RhdGUgfSBmcm9tICcuLi9hbmltYXRpb24vc2lkZWJhci12aWV3cG9ydC1hbmltYXRpb24tc3RhdGUnO1xuaW1wb3J0IHsgRGFmZlNpZGViYXJNb2RlIH0gZnJvbSAnLi4vaGVscGVyL3NpZGViYXItbW9kZSc7XG5pbXBvcnQgeyBEYWZmU2lkZWJhckNvbXBvbmVudCB9IGZyb20gJy4uL3NpZGViYXIvc2lkZWJhci5jb21wb25lbnQnO1xuaW1wb3J0IHsgc2lkZWJhclZpZXdwb3J0QmFja2Ryb3BJbnRlcmFjdGFibGUgfSBmcm9tICcuL2JhY2tkcm9wLWludGVyYWN0YWJsZSc7XG5pbXBvcnQgeyBzaWRlYmFyVmlld3BvcnRDb250ZW50UGFkZGluZyB9IGZyb20gJy4vY29udGVudC1wYWQnO1xuaW1wb3J0IHtcbiAgaXNWaWV3cG9ydENvbnRlbnRTaGlmdGVkLFxuICBzaWRlYmFyVmlld3BvcnRDb250ZW50U2hpZnQsXG59IGZyb20gJy4vY29udGVudC1zaGlmdCc7XG5cbi8qKlxuICogVGhlIERhZmZTaWRlYmFyVmlld3BvcnQgaXMgdGhlIFwiaG9sZGVyXCIgb2Ygc2lkZWJhcnMgdGhyb3VnaG91dCBhbiBlbnRpcmUgYXBwbGljYXRpb24uXG4gKiBJdCdzIGdlbmVyYWxseSBvbmx5IHVzZWQgb25jZSwgbGlrZVxuICpcbiAqIGBgYGh0bWxcbiAqIDxkYWZmLXNpZGViYXItdmlld3BvcnQ+XG4gKiAgICA8ZGFmZi1zaWRlYmFyPjwvZGFmZi1zaWRlYmFyPlxuICogICAgPHA+U29tZSBDb250ZW50PC9wPlxuICogPC9kYWZmLXNpZGViYXItdmlld3BvcnQ+XG4gKiBgYGBcbiAqXG4gKiBJbXBvcnRhbnRseSwgaXRzIHBvc3NpYmxlIGZvciB0aGVyZSB0byBiZSBtdWx0aXBsZSBzaWRlYmFycyBvZiBtYW55IG1vZGVzXG4gKiBhdCB0aGUgc2FtZSB0aW1lLiBAc2VlIHtAbGluayBEYWZmU2lkZWJhck1vZGUgfVxuICpcbiAqIFNpbmNlIHRoaXMgaXMgYSBmdW5jdGlvbmFsIGNvbXBvbmVudCwgaXQncyBwb3NzaWJsZSB0byBoYXZlIG11bHRpcGxlIFwib3BlblwiIHNpZGViYXJzXG4gKiB3aXRoaW4gYXQgdGhlIHNhbWUgdGltZS4gQXMgYSByZXN1bHQsIHRoaXMgY29tcG9uZW50IGF0dGVtcHRzIHRvXG4gKiBncmFjZWZ1bGx5IGhhbmRsZSB0aGVzZSBzaXR1YXRpb25zLiBIb3dldmVyLCBpbXBvcnRhbnRseSwgdGhpcyBzaWRlYmFyXG4gKiBoYXMgYSBjb25zdHJhaW50LCB0aGVyZSdzIG9ubHkgYWxsb3dlZCB0byBiZSBvbmUgc2lkZWJhcixcbiAqIG9mIGVhY2ggbW9kZSwgb24gZWFjaCBzaWRlLCBhdCBhbnkgZ2l2ZW4gdGltZS4gSWYgdGhpcyBpcyB2aW9sYXRlZCxcbiAqIHRoaXMgY29tcG9uZW50IHdpbGwgdGhyb3cgYW4gZXhjZXB0aW9uLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYWZmLXNpZGViYXItdmlld3BvcnQnLFxuICB0ZW1wbGF0ZVVybDogJy4vc2lkZWJhci12aWV3cG9ydC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NpZGViYXItdmlld3BvcnQuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGFuaW1hdGlvbnM6IFtcbiAgICBkYWZmU2lkZWJhckFuaW1hdGlvbnMudHJhbnNmb3JtQ29udGVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZlNpZGViYXJWaWV3cG9ydENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyQ29udGVudENoZWNrZWQge1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7IH1cblxuICAvKipcbiAgICogVGhlIGxpc3Qgb2Ygc2lkZWJhcnMgaW4gdGhlIHZpZXdwb3J0LlxuICAgKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBAQ29udGVudENoaWxkcmVuKERhZmZTaWRlYmFyQ29tcG9uZW50LCB7IGRlc2NlbmRhbnRzOiBmYWxzZSB9KSBwcml2YXRlIHNpZGViYXJzOiBRdWVyeUxpc3Q8RGFmZlNpZGViYXJDb21wb25lbnQ+O1xuXG4gIC8qKlxuICAgKiBUaGUgbnVtYmVyIG9mIHBpeGVscyB0aGF0IHRoZSBtYWluIGNvbnRlbnQgb2YgdGhlIHBhZ2Ugc2hvdWxkIGJlIHNoaWZ0ZWQgdG9cbiAgICogcmlnaHQgd2hlbiB0aGVyZSBhcmUgY2hpbGQgc2lkZWJhcnMuXG4gICAqL1xuICBwcml2YXRlIF9zaGlmdCA9ICcwcHgnO1xuXG4gIC8qKlxuICAgKiBUaGUgbGVmdCBwYWRkaW5nIG9uIHRoZSBjb250ZW50IHdoZW4gbGVmdCBzaWRlLWZpeGVkIHNpZGViYXJzIGFyZSBvcGVuLlxuICAgKi9cbiAgcHVibGljIF9jb250ZW50UGFkTGVmdCA9IDA7XG5cbiAgLyoqXG4gICAqIFRoZSByaWdodCBwYWRkaW5nIG9uIHRoZSBjb250ZW50IHdoZW4gcmlnaHQgc2lkZS1maXhlZCBzaWRlYmFycyBhcmUgb3Blbi5cbiAgICovXG4gIHB1YmxpYyBfY29udGVudFBhZFJpZ2h0ID0gMDtcblxuICAvKipcbiAgICogV2hldGhlciBvciBub3QgdGhlIGJhY2tkcm9wIGlzIGludGVyYWN0YWJsZVxuICAgKi9cbiAgX2JhY2tkcm9wSW50ZXJhY3RhYmxlID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFRoZSBhbmltYXRpb24gc3RhdGVcbiAgICovXG4gIF9hbmltYXRpb25TdGF0ZTogRGFmZlNpZGViYXJWaWV3cG9ydEFuaW1hdGlvblN0YXRlID0geyB2YWx1ZTogJ2Nsb3NlZCcsIHBhcmFtczogeyBzaGlmdDogJzBweCcgfX07XG5cbiAgLyoqXG4gICAqIEV2ZW50IGZpcmVkIHdoZW4gdGhlIGJhY2tkcm9wIGlzIGNsaWNrZWRcbiAgICogVGhpcyBpcyBvZnRlbiB1c2VkIHRvIGNsb3NlIHRoZSBzaWRlYmFyXG4gICAqL1xuICBAT3V0cHV0KCkgYmFja2Ryb3BDbGlja2VkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgbmdBZnRlckNvbnRlbnRDaGVja2VkKCkge1xuICAgIGNvbnN0IG5leHRTaGlmdCA9IHNpZGViYXJWaWV3cG9ydENvbnRlbnRTaGlmdCh0aGlzLnNpZGViYXJzKSArICdweCc7XG4gICAgaWYgKHRoaXMuX3NoaWZ0ICE9PSBuZXh0U2hpZnQpIHtcbiAgICAgIHRoaXMuX3NoaWZ0ID0gbmV4dFNoaWZ0O1xuICAgICAgdGhpcy51cGRhdGVBbmltYXRpb25TdGF0ZSgpO1xuICAgICAgdGhpcy5jZFJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG5cbiAgICBjb25zdCBuZXh0QmFja2Ryb3BJbnRlcmFjdGFibGUgPSBzaWRlYmFyVmlld3BvcnRCYWNrZHJvcEludGVyYWN0YWJsZSh0aGlzLnNpZGViYXJzKTtcbiAgICBpZiAodGhpcy5fYmFja2Ryb3BJbnRlcmFjdGFibGUgIT09IG5leHRCYWNrZHJvcEludGVyYWN0YWJsZSkge1xuICAgICAgdGhpcy5fYmFja2Ryb3BJbnRlcmFjdGFibGUgPSBuZXh0QmFja2Ryb3BJbnRlcmFjdGFibGU7XG4gICAgICB0aGlzLnVwZGF0ZUFuaW1hdGlvblN0YXRlKCk7XG4gICAgICB0aGlzLmNkUmVmLm1hcmtGb3JDaGVjaygpO1xuICAgIH07XG5cbiAgICBjb25zdCBuZXh0TGVmdFBhZGRpbmcgPSBzaWRlYmFyVmlld3BvcnRDb250ZW50UGFkZGluZyh0aGlzLnNpZGViYXJzLCAnbGVmdCcpO1xuICAgIGlmKHRoaXMuX2NvbnRlbnRQYWRMZWZ0ICE9PSBuZXh0TGVmdFBhZGRpbmcpIHtcbiAgICAgIHRoaXMuX2NvbnRlbnRQYWRMZWZ0ID0gbmV4dExlZnRQYWRkaW5nO1xuICAgICAgdGhpcy51cGRhdGVBbmltYXRpb25TdGF0ZSgpO1xuICAgICAgdGhpcy5jZFJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG5cbiAgICBjb25zdCBuZXh0UmlnaHRQYWRkaW5nID0gc2lkZWJhclZpZXdwb3J0Q29udGVudFBhZGRpbmcodGhpcy5zaWRlYmFycywgJ3JpZ2h0Jyk7XG4gICAgaWYodGhpcy5fY29udGVudFBhZFJpZ2h0ICE9PSBuZXh0UmlnaHRQYWRkaW5nKSB7XG4gICAgICB0aGlzLl9jb250ZW50UGFkUmlnaHQgPSBuZXh0UmlnaHRQYWRkaW5nO1xuICAgICAgdGhpcy51cGRhdGVBbmltYXRpb25TdGF0ZSgpO1xuICAgICAgdGhpcy5jZFJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKlxuICAgKiBVcGRhdGVzIHRoZSBhbmltYXRpb24gc3RhdGUgb2YgdGhlIHZpZXdwb3J0IGRlcGVuZGluZyB1cG9uIHRoZSBzdGF0ZVxuICAgKiBvZiBhbGwgc2lkZWJhcnMgd2l0aGluIHRoZSB2aWV3cG9ydC5cbiAgICovXG4gIHByaXZhdGUgdXBkYXRlQW5pbWF0aW9uU3RhdGUoKSB7XG4gICAgdGhpcy5fYW5pbWF0aW9uU3RhdGUgPSB7XG4gICAgICB2YWx1ZTogZ2V0QW5pbWF0aW9uU3RhdGUoXG4gICAgICAgIHRoaXMuc2lkZWJhcnMucmVkdWNlKChhY2M6IGJvb2xlYW4sIHNpZGViYXIpID0+IGFjYyB8fCBpc1ZpZXdwb3J0Q29udGVudFNoaWZ0ZWQoc2lkZWJhci5tb2RlLCBzaWRlYmFyLm9wZW4pLCBmYWxzZSksXG4gICAgICApLFxuICAgICAgcGFyYW1zOiB7IHNoaWZ0OiB0aGlzLl9zaGlmdCB9LFxuICAgIH07XG4gIH1cblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKiBUaGUgY2FsbGVkIHdoZW4gdGhlIGJhY2tkcm9wIG9mIHRoZSB2aWV3cG9ydCBpcyBjbGlja2VkIHVwb24uXG4gICAqL1xuICBfYmFja2Ryb3BDbGlja2VkKCk6IHZvaWQge1xuICAgIHRoaXMuYmFja2Ryb3BDbGlja2VkLmVtaXQoKTtcbiAgfVxufVxuIiwiPG5nLWNvbnRlbnQgc2VsZWN0PVwiZGFmZi1zaWRlYmFyOm5vdChbc2lkZT1yaWdodF0pXCI+PC9uZy1jb250ZW50PlxuXG48ZGFmZi1iYWNrZHJvcFxuICBbQHRyYW5zZm9ybUNvbnRlbnRdPVwiX2FuaW1hdGlvblN0YXRlXCJcbiAgY2xhc3M9XCJkYWZmLXNpZGViYXItdmlld3BvcnRfX2JhY2tkcm9wXCJcbiAgW2ludGVyYWN0YWJsZV09XCJfYmFja2Ryb3BJbnRlcmFjdGFibGVcIlxuICAoYmFja2Ryb3BDbGlja2VkKT1cIl9iYWNrZHJvcENsaWNrZWQoKVwiPjwvZGFmZi1iYWNrZHJvcD5cblxuPGRpdiBjbGFzcz1cImRhZmYtc2lkZWJhci12aWV3cG9ydF9fY29udGVudFwiIFtAdHJhbnNmb3JtQ29udGVudF09XCJfYW5pbWF0aW9uU3RhdGVcIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2RhZmYtc2lkZWJhci12aWV3cG9ydC1uYXZdXCI+PC9uZy1jb250ZW50PlxuICA8ZGl2IGNsYXNzPVwiZGFmZi1zaWRlYmFyLXZpZXdwb3J0X19pbm5lclwiIFtzdHlsZS5wYWRkaW5nLWxlZnQucHhdPVwiX2NvbnRlbnRQYWRMZWZ0XCIgW3N0eWxlLnBhZGRpbmctcmlnaHQucHhdPVwiX2NvbnRlbnRQYWRSaWdodFwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5cblxuPG5nLWNvbnRlbnQgc2VsZWN0PVwiZGFmZi1zaWRlYmFyW3NpZGU9cmlnaHRdXCI+PC9uZy1jb250ZW50PiJdfQ==

package/esm2020/navbar/examples/basic-navbar/basic-navbar.component.mjs

@@ -4,7 +4,7 @@ import * as i1 from "@daffodil/design";
 export class BasicNavbarComponent {
 }
 /** @nocollapse */ BasicNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ BasicNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicNavbarComponent, selector: "basic-navbar", ngImport: i0, template: "<nav daff-navbar class=\"daff-basic-navbar\">\n\t<div class=\"daff-basic-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button color=\"theme-contrast\">Contact Us</button>\n</nav>", styles: [".daff-basic-navbar{justify-content:space-between}.daff-basic-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"], components: [{ type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ BasicNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicNavbarComponent, selector: "basic-navbar", ngImport: i0, template: "<nav daff-navbar class=\"daff-basic-navbar\">\n\t<div class=\"daff-basic-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button color=\"theme-contrast\">Contact Us</button>\n</nav>", styles: [".daff-basic-navbar{justify-content:space-between}.daff-basic-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"], components: [{ type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicNavbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'basic-navbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav daff-navbar class=\"daff-basic-navbar\">\n\t<div class=\"daff-basic-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button color=\"theme-contrast\">Contact Us</button>\n</nav>", styles: [".daff-basic-navbar{justify-content:space-between}.daff-basic-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"] }]

package/esm2020/navbar/examples/contained-navbar/contained-navbar.component.mjs

@@ -4,7 +4,7 @@ import * as i1 from "@daffodil/design";
 export class ContainedNavbarComponent {
 }
 /** @nocollapse */ ContainedNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: ContainedNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ ContainedNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: ContainedNavbarComponent, selector: "contained-navbar", ngImport: i0, template: "<nav daff-navbar class=\"daff-contained-navbar\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-contained-navbar__links\">\n\t\t\t<a href=\"/\">Home</a>\n\t\t\t<a href=\"/\">About Us</a>\n\t\t</div>\n\t\t<button daff-button>Contact Us</button>\n\t</daff-container>\n</nav>\n", styles: [".daff-contained-navbar{justify-content:space-between}.daff-contained-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"], components: [{ type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }, { type: i1.DaffContainerComponent, selector: "daff-container", inputs: ["size"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ ContainedNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: ContainedNavbarComponent, selector: "contained-navbar", ngImport: i0, template: "<nav daff-navbar class=\"daff-contained-navbar\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-contained-navbar__links\">\n\t\t\t<a href=\"/\">Home</a>\n\t\t\t<a href=\"/\">About Us</a>\n\t\t</div>\n\t\t<button daff-button>Contact Us</button>\n\t</daff-container>\n</nav>\n", styles: [".daff-contained-navbar{justify-content:space-between}.daff-contained-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"], components: [{ type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }, { type: i1.DaffContainerComponent, selector: "daff-container", inputs: ["size"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: ContainedNavbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'contained-navbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav daff-navbar class=\"daff-contained-navbar\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-contained-navbar__links\">\n\t\t\t<a href=\"/\">Home</a>\n\t\t\t<a href=\"/\">About Us</a>\n\t\t</div>\n\t\t<button daff-button>Contact Us</button>\n\t</daff-container>\n</nav>\n", styles: [".daff-contained-navbar{justify-content:space-between}.daff-contained-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"] }]

package/esm2020/navbar/examples/navbar-theming/navbar-theming.component.mjs

@@ -20,7 +20,7 @@ export class NavbarThemingComponent {
     }
 }
 /** @nocollapse */ NavbarThemingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NavbarThemingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ NavbarThemingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: NavbarThemingComponent, selector: "navbar-theming", ngImport: i0, template: "<nav daff-navbar [color]=\"colorControl.value\" class=\"daff-navbar-theming\">\n\t<div class=\"daff-navbar-theming__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-navbar-theming{justify-content:space-between}.daff-navbar-theming__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"], components: [{ type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], directives: [{ type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ NavbarThemingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: NavbarThemingComponent, selector: "navbar-theming", ngImport: i0, template: "<nav daff-navbar [color]=\"colorControl.value\" class=\"daff-navbar-theming\">\n\t<div class=\"daff-navbar-theming__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-navbar-theming{justify-content:space-between}.daff-navbar-theming__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"], components: [{ type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], directives: [{ type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NavbarThemingComponent, decorators: [{
             type: Component,
             args: [{ selector: 'navbar-theming', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav daff-navbar [color]=\"colorControl.value\" class=\"daff-navbar-theming\">\n\t<div class=\"daff-navbar-theming__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-navbar-theming{justify-content:space-between}.daff-navbar-theming__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"] }]

package/esm2020/navbar/examples/raised-navbar/raised-navbar.component.mjs

@@ -4,7 +4,7 @@ import * as i1 from "@daffodil/design";
 export class RaisedNavbarComponent {
 }
 /** @nocollapse */ RaisedNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: RaisedNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ RaisedNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: RaisedNavbarComponent, selector: "raised-navbar", ngImport: i0, template: "<nav daff-navbar [raised]=\"true\" class=\"daff-raised-navbar\">\n\t<div class=\"daff-raised-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n", styles: [".daff-raised-navbar{justify-content:space-between}.daff-raised-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"], components: [{ type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ RaisedNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: RaisedNavbarComponent, selector: "raised-navbar", ngImport: i0, template: "<nav daff-navbar [raised]=\"true\" class=\"daff-raised-navbar\">\n\t<div class=\"daff-raised-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n", styles: [".daff-raised-navbar{justify-content:space-between}.daff-raised-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"], components: [{ type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: RaisedNavbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'raised-navbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav daff-navbar [raised]=\"true\" class=\"daff-raised-navbar\">\n\t<div class=\"daff-raised-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n", styles: [".daff-raised-navbar{justify-content:space-between}.daff-raised-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"] }]

package/esm2020/public_api.mjs

@@ -8,13 +8,14 @@ export * from './atoms/form/form-field/public_api';
 export * from './atoms/form/error-message/public_api';
 export * from './atoms/image/public_api';
 export * from './atoms/form/input/public_api';
-export * from './atoms/form/select/public_api';
+export * from './atoms/form/native-select/public_api';
 export * from './atoms/form/checkbox/public_api';
 export * from './atoms/form/quantity-field/public_api';
 export * from './atoms/container/public_api';
 export * from './atoms/loading-icon/public_api';
 export * from './atoms/progress-indicator/public_api';
 export * from './atoms/form/radio/public_api';
+export * from './atoms/form/form-label/public_api';
 // Molecules
 export * from './molecules/accordion/public_api';
 export * from './molecules/article/public_api';
@@ -39,4 +40,4 @@ export * from './molecules/card/public_api';
 export * from './core/public_api';
 // Examples
 export * from './examples/public_api';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsUUFBUTtBQUNSLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsK0JBQStCLENBQUM7QUFFOUMsWUFBWTtBQUNaLGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsNkJBQTZCLENBQUM7QUFFNUMsT0FBTztBQUNQLGNBQWMsbUJBQW1CLENBQUM7QUFFbEMsV0FBVztBQUNYLGNBQWMsdUJBQXVCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIEBkYWZmb2RpbC9kZXNpZ25cbiAqL1xuXG4vLyBBdG9tc1xuZXhwb3J0ICogZnJvbSAnLi9hdG9tcy9idXR0b24vcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL2F0b21zL2Zvcm0vY29yZS9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vYXRvbXMvZm9ybS9mb3JtLWZpZWxkL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9hdG9tcy9mb3JtL2Vycm9yLW1lc3NhZ2UvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL2F0b21zL2ltYWdlL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9hdG9tcy9mb3JtL2lucHV0L3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9hdG9tcy9mb3JtL3NlbGVjdC9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vYXRvbXMvZm9ybS9jaGVja2JveC9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vYXRvbXMvZm9ybS9xdWFudGl0eS1maWVsZC9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vYXRvbXMvY29udGFpbmVyL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9hdG9tcy9sb2FkaW5nLWljb24vcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL2F0b21zL3Byb2dyZXNzLWluZGljYXRvci9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vYXRvbXMvZm9ybS9yYWRpby9wdWJsaWNfYXBpJztcblxuLy8gTW9sZWN1bGVzXG5leHBvcnQgKiBmcm9tICcuL21vbGVjdWxlcy9hY2NvcmRpb24vcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL21vbGVjdWxlcy9hcnRpY2xlL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9tb2xlY3VsZXMvYmFja2Ryb3AvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL21vbGVjdWxlcy9idXR0b24tc2V0L3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9tb2xlY3VsZXMvaW1hZ2UtZ2FsbGVyeS9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbW9sZWN1bGVzL2ltYWdlLWxpc3QvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL21vbGVjdWxlcy9saW5rLXNldC9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbW9sZWN1bGVzL2xpc3QvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL21vbGVjdWxlcy9tZWRpYS1nYWxsZXJ5L3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9tb2xlY3VsZXMvbWVudS9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbW9sZWN1bGVzL21vZGFsL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9tb2xlY3VsZXMvbmF2YmFyL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9tb2xlY3VsZXMvcGFnaW5hdG9yL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9tb2xlY3VsZXMvcXR5LWRyb3Bkb3duL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9tb2xlY3VsZXMvc2lkZWJhci9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbW9sZWN1bGVzL2hlcm8vcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL21vbGVjdWxlcy9jYWxsb3V0L3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9tb2xlY3VsZXMvZmVhdHVyZS9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbW9sZWN1bGVzL2NhcmQvcHVibGljX2FwaSc7XG5cbi8vIENvcmVcbmV4cG9ydCAqIGZyb20gJy4vY29yZS9wdWJsaWNfYXBpJztcblxuLy8gRXhhbXBsZXNcbmV4cG9ydCAqIGZyb20gJy4vZXhhbXBsZXMvcHVibGljX2FwaSc7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsUUFBUTtBQUNSLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxvQ0FBb0MsQ0FBQztBQUVuRCxZQUFZO0FBQ1osY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyw2QkFBNkIsQ0FBQztBQUU1QyxPQUFPO0FBQ1AsY0FBYyxtQkFBbUIsQ0FBQztBQUVsQyxXQUFXO0FBQ1gsY0FBYyx1QkFBdUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgQGRhZmZvZGlsL2Rlc2lnblxuICovXG5cbi8vIEF0b21zXG5leHBvcnQgKiBmcm9tICcuL2F0b21zL2J1dHRvbi9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vYXRvbXMvZm9ybS9jb3JlL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9hdG9tcy9mb3JtL2Zvcm0tZmllbGQvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL2F0b21zL2Zvcm0vZXJyb3ItbWVzc2FnZS9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vYXRvbXMvaW1hZ2UvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL2F0b21zL2Zvcm0vaW5wdXQvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL2F0b21zL2Zvcm0vbmF0aXZlLXNlbGVjdC9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vYXRvbXMvZm9ybS9jaGVja2JveC9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vYXRvbXMvZm9ybS9xdWFudGl0eS1maWVsZC9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vYXRvbXMvY29udGFpbmVyL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9hdG9tcy9sb2FkaW5nLWljb24vcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL2F0b21zL3Byb2dyZXNzLWluZGljYXRvci9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vYXRvbXMvZm9ybS9yYWRpby9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vYXRvbXMvZm9ybS9mb3JtLWxhYmVsL3B1YmxpY19hcGknO1xuXG4vLyBNb2xlY3VsZXNcbmV4cG9ydCAqIGZyb20gJy4vbW9sZWN1bGVzL2FjY29yZGlvbi9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbW9sZWN1bGVzL2FydGljbGUvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL21vbGVjdWxlcy9iYWNrZHJvcC9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbW9sZWN1bGVzL2J1dHRvbi1zZXQvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL21vbGVjdWxlcy9pbWFnZS1nYWxsZXJ5L3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9tb2xlY3VsZXMvaW1hZ2UtbGlzdC9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbW9sZWN1bGVzL2xpbmstc2V0L3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9tb2xlY3VsZXMvbGlzdC9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbW9sZWN1bGVzL21lZGlhLWdhbGxlcnkvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL21vbGVjdWxlcy9tZW51L3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9tb2xlY3VsZXMvbW9kYWwvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL21vbGVjdWxlcy9uYXZiYXIvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL21vbGVjdWxlcy9wYWdpbmF0b3IvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL21vbGVjdWxlcy9xdHktZHJvcGRvd24vcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL21vbGVjdWxlcy9zaWRlYmFyL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9tb2xlY3VsZXMvaGVyby9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbW9sZWN1bGVzL2NhbGxvdXQvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL21vbGVjdWxlcy9mZWF0dXJlL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9tb2xlY3VsZXMvY2FyZC9wdWJsaWNfYXBpJztcblxuLy8gQ29yZVxuZXhwb3J0ICogZnJvbSAnLi9jb3JlL3B1YmxpY19hcGknO1xuXG4vLyBFeGFtcGxlc1xuZXhwb3J0ICogZnJvbSAnLi9leGFtcGxlcy9wdWJsaWNfYXBpJztcbiJdfQ==

package/esm2020/sidebar/examples/basic-sidebar/basic-sidebar.component.mjs

@@ -0,0 +1,12 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design";
+export class BasicSidebarComponent {
+}
+/** @nocollapse */ BasicSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ BasicSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicSidebarComponent, selector: "basic-sidebar", ngImport: i0, template: "<daff-sidebar-viewport>\n  <daff-sidebar>\n    <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n    <a daff-link-set-item routerLink=\"article\">Article</a><br>\n  </daff-sidebar>\n  <div>\n    <nav daff-navbar>\n      <div>Basic Sidebar</div>\n    </nav>\n  </div>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:300px}\n"], components: [{ type: i1.DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", outputs: ["backdropClicked"] }, { type: i1.DaffSidebarComponent, selector: "daff-sidebar", inputs: ["side", "mode", "open"], outputs: ["escapePressed"] }, { type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicSidebarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'basic-sidebar', styles: ['daff-sidebar-viewport { height: 300px }'], changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-sidebar-viewport>\n  <daff-sidebar>\n    <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n    <a daff-link-set-item routerLink=\"article\">Article</a><br>\n  </daff-sidebar>\n  <div>\n    <nav daff-navbar>\n      <div>Basic Sidebar</div>\n    </nav>\n  </div>\n</daff-sidebar-viewport>" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtc2lkZWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zaWRlYmFyL2V4YW1wbGVzL3NyYy9iYXNpYy1zaWRlYmFyL2Jhc2ljLXNpZGViYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc2lkZWJhci9leGFtcGxlcy9zcmMvYmFzaWMtc2lkZWJhci9iYXNpYy1zaWRlYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDOzs7QUFTdkIsTUFBTSxPQUFPLHFCQUFxQjs7cUlBQXJCLHFCQUFxQjt5SEFBckIscUJBQXFCLHFEQ1psQyxzVEFVd0I7MkZERVgscUJBQXFCO2tCQVBqQyxTQUFTOytCQUVFLGVBQWUsVUFFakIsQ0FBQyx5Q0FBeUMsQ0FBQyxtQkFDbEMsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdiYXNpYy1zaWRlYmFyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Jhc2ljLXNpZGViYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZXM6IFsnZGFmZi1zaWRlYmFyLXZpZXdwb3J0IHsgaGVpZ2h0OiAzMDBweCB9J10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBCYXNpY1NpZGViYXJDb21wb25lbnQge1xuXG59XG4iLCI8ZGFmZi1zaWRlYmFyLXZpZXdwb3J0PlxuICA8ZGFmZi1zaWRlYmFyPlxuICAgIDxhIGRhZmYtbGluay1zZXQtaXRlbSByb3V0ZXJMaW5rPVwiYWNjb3JkaW9uXCI+QWNjb3JkaW9uPC9hPjxicj5cbiAgICA8YSBkYWZmLWxpbmstc2V0LWl0ZW0gcm91dGVyTGluaz1cImFydGljbGVcIj5BcnRpY2xlPC9hPjxicj5cbiAgPC9kYWZmLXNpZGViYXI+XG4gIDxkaXY+XG4gICAgPG5hdiBkYWZmLW5hdmJhcj5cbiAgICAgIDxkaXY+QmFzaWMgU2lkZWJhcjwvZGl2PlxuICAgIDwvbmF2PlxuICA8L2Rpdj5cbjwvZGFmZi1zaWRlYmFyLXZpZXdwb3J0PiJdfQ==