@daffodil/design 0.61.0 → 0.62.1

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/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==

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

@@ -0,0 +1,29 @@
+import { NgModule } from '@angular/core';
+import { DaffSidebarModule, DaffNavbarModule, } from '@daffodil/design';
+import { BasicSidebarComponent } from './basic-sidebar.component';
+import * as i0 from "@angular/core";
+export class BasicSidebarModule {
+}
+/** @nocollapse */ BasicSidebarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ BasicSidebarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicSidebarModule, declarations: [BasicSidebarComponent], imports: [DaffSidebarModule,
+        DaffNavbarModule], exports: [BasicSidebarComponent] });
+/** @nocollapse */ BasicSidebarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicSidebarModule, imports: [[
+            DaffSidebarModule,
+            DaffNavbarModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicSidebarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        DaffSidebarModule,
+                        DaffNavbarModule,
+                    ],
+                    declarations: [
+                        BasicSidebarComponent,
+                    ],
+                    exports: [
+                        BasicSidebarComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtc2lkZWJhci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zaWRlYmFyL2V4YW1wbGVzL3NyYy9iYXNpYy1zaWRlYmFyL2Jhc2ljLXNpZGViYXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUNMLGlCQUFpQixFQUNqQixnQkFBZ0IsR0FDakIsTUFBTSxrQkFBa0IsQ0FBQztBQUUxQixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFjbEUsTUFBTSxPQUFPLGtCQUFrQjs7a0lBQWxCLGtCQUFrQjttSUFBbEIsa0JBQWtCLGlCQU4zQixxQkFBcUIsYUFKckIsaUJBQWlCO1FBQ2pCLGdCQUFnQixhQU1oQixxQkFBcUI7bUlBR1osa0JBQWtCLFlBWHBCO1lBQ1AsaUJBQWlCO1lBQ2pCLGdCQUFnQjtTQUNqQjsyRkFRVSxrQkFBa0I7a0JBWjlCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLGlCQUFpQjt3QkFDakIsZ0JBQWdCO3FCQUNqQjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1oscUJBQXFCO3FCQUN0QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AscUJBQXFCO3FCQUN0QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIERhZmZTaWRlYmFyTW9kdWxlLFxuICBEYWZmTmF2YmFyTW9kdWxlLFxufSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuaW1wb3J0IHsgQmFzaWNTaWRlYmFyQ29tcG9uZW50IH0gZnJvbSAnLi9iYXNpYy1zaWRlYmFyLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBEYWZmU2lkZWJhck1vZHVsZSxcbiAgICBEYWZmTmF2YmFyTW9kdWxlLFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBCYXNpY1NpZGViYXJDb21wb25lbnQsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBCYXNpY1NpZGViYXJDb21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEJhc2ljU2lkZWJhck1vZHVsZSB7IH1cbiJdfQ==

package/esm2020/sidebar/examples/daffodil-design-sidebar-examples.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFmZm9kaWwtZGVzaWduLXNpZGViYXItZXhhbXBsZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zaWRlYmFyL2V4YW1wbGVzL3NyYy9kYWZmb2RpbC1kZXNpZ24tc2lkZWJhci1leGFtcGxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/esm2020/sidebar/examples/fixed-and-over-sidebar/fixed-and-over-sidebar.component.mjs

@@ -0,0 +1,21 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design";
+export class FixedAndOverSidebarComponent {
+    constructor() {
+        this.overOpen = false;
+    }
+    openOverSidebar() {
+        this.overOpen = !this.overOpen;
+    }
+    closeOverSidebar() {
+        this.overOpen = false;
+    }
+}
+/** @nocollapse */ FixedAndOverSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: FixedAndOverSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ FixedAndOverSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: FixedAndOverSidebarComponent, selector: "fixed-and-over-sidebar", ngImport: i0, template: "<daff-sidebar-viewport class=\"viewport\" (backdropClicked)=\"closeOverSidebar()\">\n  <daff-sidebar mode=\"side-fixed\" [open]=\"true\">\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  <daff-sidebar mode=\"over\" side=\"right\" [open]=\"overOpen\">\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      <button daff-button (click)=\"openOverSidebar()\">\n        Open\n      </button>\n    </nav>\n    <div class=\"inner-layout\">\n      <div class=\"filler\">Content</div>\n      <div class=\"inner-sticky\">Some Other Content</div>\n    </div>\n  </div>\n</daff-sidebar-viewport>", styles: ["nav{justify-content:flex-end}daff-sidebar-viewport{height:300px}.inner-layout{position:relative;display:flex}.filler{flex-grow:1;height:600px;padding:0 16px}.inner-sticky{position:sticky;padding:20px;top:0;height:200px;width: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"] }, { 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: FixedAndOverSidebarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fixed-and-over-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-sidebar-viewport class=\"viewport\" (backdropClicked)=\"closeOverSidebar()\">\n  <daff-sidebar mode=\"side-fixed\" [open]=\"true\">\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  <daff-sidebar mode=\"over\" side=\"right\" [open]=\"overOpen\">\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      <button daff-button (click)=\"openOverSidebar()\">\n        Open\n      </button>\n    </nav>\n    <div class=\"inner-layout\">\n      <div class=\"filler\">Content</div>\n      <div class=\"inner-sticky\">Some Other Content</div>\n    </div>\n  </div>\n</daff-sidebar-viewport>", styles: ["nav{justify-content:flex-end}daff-sidebar-viewport{height:300px}.inner-layout{position:relative;display:flex}.filler{flex-grow:1;height:600px;padding:0 16px}.inner-sticky{position:sticky;padding:20px;top:0;height:200px;width:300px}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZml4ZWQtYW5kLW92ZXItc2lkZWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zaWRlYmFyL2V4YW1wbGVzL3NyYy9maXhlZC1hbmQtb3Zlci1zaWRlYmFyL2ZpeGVkLWFuZC1vdmVyLXNpZGViYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc2lkZWJhci9leGFtcGxlcy9zcmMvZml4ZWQtYW5kLW92ZXItc2lkZWJhci9maXhlZC1hbmQtb3Zlci1zaWRlYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDOzs7QUFXdkIsTUFBTSxPQUFPLDRCQUE0QjtJQVR6QztRQVVFLGFBQVEsR0FBRyxLQUFLLENBQUM7S0FTbEI7SUFQQyxlQUFlO1FBQ2IsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDakMsQ0FBQztJQUVELGdCQUFnQjtRQUNkLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ3hCLENBQUM7OzRJQVRVLDRCQUE0QjtnSUFBNUIsNEJBQTRCLDhEQ2R6QyxrMEJBb0J3QjsyRkROWCw0QkFBNEI7a0JBVHhDLFNBQVM7K0JBRUUsd0JBQXdCLG1CQUtqQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2ZpeGVkLWFuZC1vdmVyLXNpZGViYXInLFxuICB0ZW1wbGF0ZVVybDogJy4vZml4ZWQtYW5kLW92ZXItc2lkZWJhci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogW1xuICAgICdmaXhlZC1hbmQtb3Zlci1zaWRlYmFyLmNvbXBvbmVudC5zY3NzJyxcbiAgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEZpeGVkQW5kT3ZlclNpZGViYXJDb21wb25lbnQge1xuICBvdmVyT3BlbiA9IGZhbHNlO1xuXG4gIG9wZW5PdmVyU2lkZWJhcigpe1xuICAgIHRoaXMub3Zlck9wZW4gPSAhdGhpcy5vdmVyT3BlbjtcbiAgfVxuXG4gIGNsb3NlT3ZlclNpZGViYXIoKXtcbiAgICB0aGlzLm92ZXJPcGVuID0gZmFsc2U7XG4gIH1cbn1cbiIsIjxkYWZmLXNpZGViYXItdmlld3BvcnQgY2xhc3M9XCJ2aWV3cG9ydFwiIChiYWNrZHJvcENsaWNrZWQpPVwiY2xvc2VPdmVyU2lkZWJhcigpXCI+XG4gIDxkYWZmLXNpZGViYXIgbW9kZT1cInNpZGUtZml4ZWRcIiBbb3Blbl09XCJ0cnVlXCI+XG4gICAgPGEgZGFmZi1saW5rLXNldC1pdGVtIHJvdXRlckxpbms9XCJhY2NvcmRpb25cIj5BY2NvcmRpb248L2E+PGJyPlxuICAgIDxhIGRhZmYtbGluay1zZXQtaXRlbSByb3V0ZXJMaW5rPVwiYXJ0aWNsZVwiPkFydGljbGU8L2E+PGJyPlxuICA8L2RhZmYtc2lkZWJhcj5cbiAgPGRhZmYtc2lkZWJhciBtb2RlPVwib3ZlclwiIHNpZGU9XCJyaWdodFwiIFtvcGVuXT1cIm92ZXJPcGVuXCI+XG4gICAgPGEgZGFmZi1saW5rLXNldC1pdGVtIHJvdXRlckxpbms9XCJhY2NvcmRpb25cIj5BY2NvcmRpb248L2E+PGJyPlxuICAgIDxhIGRhZmYtbGluay1zZXQtaXRlbSByb3V0ZXJMaW5rPVwiYXJ0aWNsZVwiPkFydGljbGU8L2E+PGJyPlxuICA8L2RhZmYtc2lkZWJhcj5cbiAgPGRpdj5cbiAgICA8bmF2IGRhZmYtbmF2YmFyPlxuICAgICAgPGJ1dHRvbiBkYWZmLWJ1dHRvbiAoY2xpY2spPVwib3Blbk92ZXJTaWRlYmFyKClcIj5cbiAgICAgICAgT3BlblxuICAgICAgPC9idXR0b24+XG4gICAgPC9uYXY+XG4gICAgPGRpdiBjbGFzcz1cImlubmVyLWxheW91dFwiPlxuICAgICAgPGRpdiBjbGFzcz1cImZpbGxlclwiPkNvbnRlbnQ8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJpbm5lci1zdGlja3lcIj5Tb21lIE90aGVyIENvbnRlbnQ8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2RhZmYtc2lkZWJhci12aWV3cG9ydD4iXX0=

package/esm2020/sidebar/examples/fixed-and-over-sidebar/fixed-and-over-sidebar.module.mjs

@@ -0,0 +1,32 @@
+import { NgModule } from '@angular/core';
+import { DaffSidebarModule, DaffNavbarModule, DaffButtonModule, } from '@daffodil/design';
+import { FixedAndOverSidebarComponent } from './fixed-and-over-sidebar.component';
+import * as i0 from "@angular/core";
+export class FixedAndOverSidebarModule {
+}
+/** @nocollapse */ FixedAndOverSidebarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: FixedAndOverSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ FixedAndOverSidebarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: FixedAndOverSidebarModule, declarations: [FixedAndOverSidebarComponent], imports: [DaffSidebarModule,
+        DaffNavbarModule,
+        DaffButtonModule], exports: [FixedAndOverSidebarComponent] });
+/** @nocollapse */ FixedAndOverSidebarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: FixedAndOverSidebarModule, imports: [[
+            DaffSidebarModule,
+            DaffNavbarModule,
+            DaffButtonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: FixedAndOverSidebarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        DaffSidebarModule,
+                        DaffNavbarModule,
+                        DaffButtonModule,
+                    ],
+                    declarations: [
+                        FixedAndOverSidebarComponent,
+                    ],
+                    exports: [
+                        FixedAndOverSidebarComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZml4ZWQtYW5kLW92ZXItc2lkZWJhci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zaWRlYmFyL2V4YW1wbGVzL3NyYy9maXhlZC1hbmQtb3Zlci1zaWRlYmFyL2ZpeGVkLWFuZC1vdmVyLXNpZGViYXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUNMLGlCQUFpQixFQUNqQixnQkFBZ0IsRUFDaEIsZ0JBQWdCLEdBQ2pCLE1BQU0sa0JBQWtCLENBQUM7QUFFMUIsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7O0FBZWxGLE1BQU0sT0FBTyx5QkFBeUI7O3lJQUF6Qix5QkFBeUI7MElBQXpCLHlCQUF5QixpQkFObEMsNEJBQTRCLGFBTDVCLGlCQUFpQjtRQUNqQixnQkFBZ0I7UUFDaEIsZ0JBQWdCLGFBTWhCLDRCQUE0QjswSUFHbkIseUJBQXlCLFlBWjNCO1lBQ1AsaUJBQWlCO1lBQ2pCLGdCQUFnQjtZQUNoQixnQkFBZ0I7U0FDakI7MkZBUVUseUJBQXlCO2tCQWJyQyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxpQkFBaUI7d0JBQ2pCLGdCQUFnQjt3QkFDaEIsZ0JBQWdCO3FCQUNqQjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osNEJBQTRCO3FCQUM3QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsNEJBQTRCO3FCQUM3QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIERhZmZTaWRlYmFyTW9kdWxlLFxuICBEYWZmTmF2YmFyTW9kdWxlLFxuICBEYWZmQnV0dG9uTW9kdWxlLFxufSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuaW1wb3J0IHsgRml4ZWRBbmRPdmVyU2lkZWJhckNvbXBvbmVudCB9IGZyb20gJy4vZml4ZWQtYW5kLW92ZXItc2lkZWJhci5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgRGFmZlNpZGViYXJNb2R1bGUsXG4gICAgRGFmZk5hdmJhck1vZHVsZSxcbiAgICBEYWZmQnV0dG9uTW9kdWxlLFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBGaXhlZEFuZE92ZXJTaWRlYmFyQ29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgRml4ZWRBbmRPdmVyU2lkZWJhckNvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRml4ZWRBbmRPdmVyU2lkZWJhck1vZHVsZSB7IH1cbiJdfQ==

package/esm2020/sidebar/examples/index.mjs

@@ -0,0 +1,2 @@
+export * from './public_api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zaWRlYmFyL2V4YW1wbGVzL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vcHVibGljX2FwaSc7XG4iXX0=

package/esm2020/sidebar/examples/public_api.mjs

@@ -0,0 +1,18 @@
+import { BasicSidebarComponent } from './basic-sidebar/basic-sidebar.component';
+import { BasicSidebarModule } from './basic-sidebar/basic-sidebar.module';
+import { FixedAndOverSidebarComponent } from './fixed-and-over-sidebar/fixed-and-over-sidebar.component';
+import { FixedAndOverSidebarModule } from './fixed-and-over-sidebar/fixed-and-over-sidebar.module';
+import { SidebarWithStickyComponent } from './sidebar-with-sticky/sidebar-with-sticky.component';
+import { SidebarWithStickyModule } from './sidebar-with-sticky/sidebar-with-sticky.module';
+import { TwoFixedSidebarsEitherSideComponent } from './two-fixed-sidebars-either-side/two-fixed-sidebars-either-side.component';
+import { TwoFixedSidebarsEitherSideModule } from './two-fixed-sidebars-either-side/two-fixed-sidebars-either-side.module';
+import { UnderSidebarComponent } from './under-sidebar/under-sidebar.component';
+import { UnderSidebarModule } from './under-sidebar/under-sidebar.module';
+export const SIDEBAR_EXAMPLES = [
+    { component: BasicSidebarComponent, module: BasicSidebarModule },
+    { component: SidebarWithStickyComponent, module: SidebarWithStickyModule },
+    { component: TwoFixedSidebarsEitherSideComponent, module: TwoFixedSidebarsEitherSideModule },
+    { component: FixedAndOverSidebarComponent, module: FixedAndOverSidebarModule },
+    { component: UnderSidebarComponent, module: UnderSidebarModule },
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NpZGViYXIvZXhhbXBsZXMvc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDaEYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDMUUsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sMkRBQTJELENBQUM7QUFDekcsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sd0RBQXdELENBQUM7QUFDbkcsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0scURBQXFELENBQUM7QUFDakcsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDM0YsT0FBTyxFQUFFLG1DQUFtQyxFQUFFLE1BQU0sMkVBQTJFLENBQUM7QUFDaEksT0FBTyxFQUFFLGdDQUFnQyxFQUFFLE1BQU0sd0VBQXdFLENBQUM7QUFDMUgsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDaEYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFFMUUsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQXVCO0lBQ2xELEVBQUUsU0FBUyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sRUFBRSxrQkFBa0IsRUFBRTtJQUNoRSxFQUFFLFNBQVMsRUFBRSwwQkFBMEIsRUFBRSxNQUFNLEVBQUUsdUJBQXVCLEVBQUU7SUFDMUUsRUFBRSxTQUFTLEVBQUUsbUNBQW1DLEVBQUUsTUFBTSxFQUFFLGdDQUFnQyxFQUFFO0lBQzVGLEVBQUUsU0FBUyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sRUFBRSx5QkFBeUIsRUFBRTtJQUM5RSxFQUFFLFNBQVMsRUFBRSxxQkFBcUIsRUFBRSxNQUFNLEVBQUUsa0JBQWtCLEVBQUU7Q0FDakUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudEV4YW1wbGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuaW1wb3J0IHsgQmFzaWNTaWRlYmFyQ29tcG9uZW50IH0gZnJvbSAnLi9iYXNpYy1zaWRlYmFyL2Jhc2ljLXNpZGViYXIuY29tcG9uZW50JztcbmltcG9ydCB7IEJhc2ljU2lkZWJhck1vZHVsZSB9IGZyb20gJy4vYmFzaWMtc2lkZWJhci9iYXNpYy1zaWRlYmFyLm1vZHVsZSc7XG5pbXBvcnQgeyBGaXhlZEFuZE92ZXJTaWRlYmFyQ29tcG9uZW50IH0gZnJvbSAnLi9maXhlZC1hbmQtb3Zlci1zaWRlYmFyL2ZpeGVkLWFuZC1vdmVyLXNpZGViYXIuY29tcG9uZW50JztcbmltcG9ydCB7IEZpeGVkQW5kT3ZlclNpZGViYXJNb2R1bGUgfSBmcm9tICcuL2ZpeGVkLWFuZC1vdmVyLXNpZGViYXIvZml4ZWQtYW5kLW92ZXItc2lkZWJhci5tb2R1bGUnO1xuaW1wb3J0IHsgU2lkZWJhcldpdGhTdGlja3lDb21wb25lbnQgfSBmcm9tICcuL3NpZGViYXItd2l0aC1zdGlja3kvc2lkZWJhci13aXRoLXN0aWNreS5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2lkZWJhcldpdGhTdGlja3lNb2R1bGUgfSBmcm9tICcuL3NpZGViYXItd2l0aC1zdGlja3kvc2lkZWJhci13aXRoLXN0aWNreS5tb2R1bGUnO1xuaW1wb3J0IHsgVHdvRml4ZWRTaWRlYmFyc0VpdGhlclNpZGVDb21wb25lbnQgfSBmcm9tICcuL3R3by1maXhlZC1zaWRlYmFycy1laXRoZXItc2lkZS90d28tZml4ZWQtc2lkZWJhcnMtZWl0aGVyLXNpZGUuY29tcG9uZW50JztcbmltcG9ydCB7IFR3b0ZpeGVkU2lkZWJhcnNFaXRoZXJTaWRlTW9kdWxlIH0gZnJvbSAnLi90d28tZml4ZWQtc2lkZWJhcnMtZWl0aGVyLXNpZGUvdHdvLWZpeGVkLXNpZGViYXJzLWVpdGhlci1zaWRlLm1vZHVsZSc7XG5pbXBvcnQgeyBVbmRlclNpZGViYXJDb21wb25lbnQgfSBmcm9tICcuL3VuZGVyLXNpZGViYXIvdW5kZXItc2lkZWJhci5jb21wb25lbnQnO1xuaW1wb3J0IHsgVW5kZXJTaWRlYmFyTW9kdWxlIH0gZnJvbSAnLi91bmRlci1zaWRlYmFyL3VuZGVyLXNpZGViYXIubW9kdWxlJztcblxuZXhwb3J0IGNvbnN0IFNJREVCQVJfRVhBTVBMRVM6IENvbXBvbmVudEV4YW1wbGVbXSA9IFtcbiAgeyBjb21wb25lbnQ6IEJhc2ljU2lkZWJhckNvbXBvbmVudCwgbW9kdWxlOiBCYXNpY1NpZGViYXJNb2R1bGUgfSxcbiAgeyBjb21wb25lbnQ6IFNpZGViYXJXaXRoU3RpY2t5Q29tcG9uZW50LCBtb2R1bGU6IFNpZGViYXJXaXRoU3RpY2t5TW9kdWxlIH0sXG4gIHsgY29tcG9uZW50OiBUd29GaXhlZFNpZGViYXJzRWl0aGVyU2lkZUNvbXBvbmVudCwgbW9kdWxlOiBUd29GaXhlZFNpZGViYXJzRWl0aGVyU2lkZU1vZHVsZSB9LFxuICB7IGNvbXBvbmVudDogRml4ZWRBbmRPdmVyU2lkZWJhckNvbXBvbmVudCwgbW9kdWxlOiBGaXhlZEFuZE92ZXJTaWRlYmFyTW9kdWxlIH0sXG4gIHsgY29tcG9uZW50OiBVbmRlclNpZGViYXJDb21wb25lbnQsIG1vZHVsZTogVW5kZXJTaWRlYmFyTW9kdWxlIH0sXG5dO1xuIl19

package/esm2020/sidebar/examples/sidebar-with-sticky/sidebar-with-sticky.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 SidebarWithStickyComponent {
+}
+/** @nocollapse */ SidebarWithStickyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SidebarWithStickyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SidebarWithStickyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: SidebarWithStickyComponent, selector: "sidebar-with-sticky", ngImport: i0, template: "<daff-sidebar-viewport class=\"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>Sidebar w/ inner sticky content</div>\n    </nav>\n    <div class=\"inner-layout\">\n      <div class=\"filler\">Content</div>\n      <div class=\"inner-sticky\">Some Other Content</div>\n    </div>\n  </div>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:300px}.inner-layout{position:relative;display:flex}.filler{flex-grow:1;height:400px;padding:0 16px}.inner-sticky{position:sticky;padding:20px;top:0;height:200px;width: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: SidebarWithStickyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sidebar-with-sticky', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-sidebar-viewport class=\"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>Sidebar w/ inner sticky content</div>\n    </nav>\n    <div class=\"inner-layout\">\n      <div class=\"filler\">Content</div>\n      <div class=\"inner-sticky\">Some Other Content</div>\n    </div>\n  </div>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:300px}.inner-layout{position:relative;display:flex}.filler{flex-grow:1;height:400px;padding:0 16px}.inner-sticky{position:sticky;padding:20px;top:0;height:200px;width:300px}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci13aXRoLXN0aWNreS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zaWRlYmFyL2V4YW1wbGVzL3NyYy9zaWRlYmFyLXdpdGgtc3RpY2t5L3NpZGViYXItd2l0aC1zdGlja3kuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc2lkZWJhci9leGFtcGxlcy9zcmMvc2lkZWJhci13aXRoLXN0aWNreS9zaWRlYmFyLXdpdGgtc3RpY2t5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDOzs7QUFXdkIsTUFBTSxPQUFPLDBCQUEwQjs7MElBQTFCLDBCQUEwQjs4SEFBMUIsMEJBQTBCLDJEQ2R2QyxnZkFjd0I7MkZEQVgsMEJBQTBCO2tCQVR0QyxTQUFTOytCQUVFLHFCQUFxQixtQkFLZCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ3NpZGViYXItd2l0aC1zdGlja3knLFxuICB0ZW1wbGF0ZVVybDogJy4vc2lkZWJhci13aXRoLXN0aWNreS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogW1xuICAgICdzaWRlYmFyLXdpdGgtc3RpY2t5LmNvbXBvbmVudC5zY3NzJyxcbiAgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFNpZGViYXJXaXRoU3RpY2t5Q29tcG9uZW50IHtcblxufVxuIiwiPGRhZmYtc2lkZWJhci12aWV3cG9ydCBjbGFzcz1cInZpZXdwb3J0XCI+XG4gIDxkYWZmLXNpZGViYXI+XG4gICAgPGEgZGFmZi1saW5rLXNldC1pdGVtIHJvdXRlckxpbms9XCJhY2NvcmRpb25cIj5BY2NvcmRpb248L2E+PGJyPlxuICAgIDxhIGRhZmYtbGluay1zZXQtaXRlbSByb3V0ZXJMaW5rPVwiYXJ0aWNsZVwiPkFydGljbGU8L2E+PGJyPlxuICA8L2RhZmYtc2lkZWJhcj5cbiAgPGRpdj5cbiAgICA8bmF2IGRhZmYtbmF2YmFyPlxuICAgICAgPGRpdj5TaWRlYmFyIHcvIGlubmVyIHN0aWNreSBjb250ZW50PC9kaXY+XG4gICAgPC9uYXY+XG4gICAgPGRpdiBjbGFzcz1cImlubmVyLWxheW91dFwiPlxuICAgICAgPGRpdiBjbGFzcz1cImZpbGxlclwiPkNvbnRlbnQ8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJpbm5lci1zdGlja3lcIj5Tb21lIE90aGVyIENvbnRlbnQ8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2RhZmYtc2lkZWJhci12aWV3cG9ydD4iXX0=

package/esm2020/sidebar/examples/sidebar-with-sticky/sidebar-with-sticky.module.mjs

@@ -0,0 +1,29 @@
+import { NgModule } from '@angular/core';
+import { DaffSidebarModule, DaffNavbarModule, } from '@daffodil/design';
+import { SidebarWithStickyComponent } from './sidebar-with-sticky.component';
+import * as i0 from "@angular/core";
+export class SidebarWithStickyModule {
+}
+/** @nocollapse */ SidebarWithStickyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SidebarWithStickyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SidebarWithStickyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SidebarWithStickyModule, declarations: [SidebarWithStickyComponent], imports: [DaffSidebarModule,
+        DaffNavbarModule], exports: [SidebarWithStickyComponent] });
+/** @nocollapse */ SidebarWithStickyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SidebarWithStickyModule, imports: [[
+            DaffSidebarModule,
+            DaffNavbarModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SidebarWithStickyModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        DaffSidebarModule,
+                        DaffNavbarModule,
+                    ],
+                    declarations: [
+                        SidebarWithStickyComponent,
+                    ],
+                    exports: [
+                        SidebarWithStickyComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci13aXRoLXN0aWNreS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zaWRlYmFyL2V4YW1wbGVzL3NyYy9zaWRlYmFyLXdpdGgtc3RpY2t5L3NpZGViYXItd2l0aC1zdGlja3kubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUNMLGlCQUFpQixFQUNqQixnQkFBZ0IsR0FDakIsTUFBTSxrQkFBa0IsQ0FBQztBQUUxQixPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQzs7QUFjN0UsTUFBTSxPQUFPLHVCQUF1Qjs7dUlBQXZCLHVCQUF1Qjt3SUFBdkIsdUJBQXVCLGlCQU5oQywwQkFBMEIsYUFKMUIsaUJBQWlCO1FBQ2pCLGdCQUFnQixhQU1oQiwwQkFBMEI7d0lBR2pCLHVCQUF1QixZQVh6QjtZQUNQLGlCQUFpQjtZQUNqQixnQkFBZ0I7U0FDakI7MkZBUVUsdUJBQXVCO2tCQVpuQyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxpQkFBaUI7d0JBQ2pCLGdCQUFnQjtxQkFDakI7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLDBCQUEwQjtxQkFDM0I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLDBCQUEwQjtxQkFDM0I7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1xuICBEYWZmU2lkZWJhck1vZHVsZSxcbiAgRGFmZk5hdmJhck1vZHVsZSxcbn0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5cbmltcG9ydCB7IFNpZGViYXJXaXRoU3RpY2t5Q29tcG9uZW50IH0gZnJvbSAnLi9zaWRlYmFyLXdpdGgtc3RpY2t5LmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBEYWZmU2lkZWJhck1vZHVsZSxcbiAgICBEYWZmTmF2YmFyTW9kdWxlLFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBTaWRlYmFyV2l0aFN0aWNreUNvbXBvbmVudCxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIFNpZGViYXJXaXRoU3RpY2t5Q29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTaWRlYmFyV2l0aFN0aWNreU1vZHVsZSB7IH1cbiJdfQ==

package/esm2020/sidebar/examples/two-fixed-sidebars-either-side/two-fixed-sidebars-either-side.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 TwoFixedSidebarsEitherSideComponent {
+}
+/** @nocollapse */ TwoFixedSidebarsEitherSideComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TwoFixedSidebarsEitherSideComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ TwoFixedSidebarsEitherSideComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: TwoFixedSidebarsEitherSideComponent, selector: "two-fixed-sidebars-either-side", ngImport: i0, template: "<daff-sidebar-viewport class=\"viewport\">\n  <daff-sidebar mode=\"side-fixed\" [open]=\"true\">\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 class=\"content\">\n    <nav daff-navbar>\n      <div>Two Fixed Sidebars on either side.</div>\n    </nav>\n    <div class=\"filler\">\n      <p>Content</p>\n    </div>\n  </div>\n  <daff-sidebar mode=\"side-fixed\" side=\"right\" [open]=\"true\">\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</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:300px}.filler{height:400px;padding:0 16px}\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: TwoFixedSidebarsEitherSideComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'two-fixed-sidebars-either-side', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-sidebar-viewport class=\"viewport\">\n  <daff-sidebar mode=\"side-fixed\" [open]=\"true\">\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 class=\"content\">\n    <nav daff-navbar>\n      <div>Two Fixed Sidebars on either side.</div>\n    </nav>\n    <div class=\"filler\">\n      <p>Content</p>\n    </div>\n  </div>\n  <daff-sidebar mode=\"side-fixed\" side=\"right\" [open]=\"true\">\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</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:300px}.filler{height:400px;padding:0 16px}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLWZpeGVkLXNpZGViYXJzLWVpdGhlci1zaWRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NpZGViYXIvZXhhbXBsZXMvc3JjL3R3by1maXhlZC1zaWRlYmFycy1laXRoZXItc2lkZS90d28tZml4ZWQtc2lkZWJhcnMtZWl0aGVyLXNpZGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc2lkZWJhci9leGFtcGxlcy9zcmMvdHdvLWZpeGVkLXNpZGViYXJzLWVpdGhlci1zaWRlL3R3by1maXhlZC1zaWRlYmFycy1laXRoZXItc2lkZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQzs7O0FBU3ZCLE1BQU0sT0FBTyxtQ0FBbUM7O21KQUFuQyxtQ0FBbUM7dUlBQW5DLG1DQUFtQyxzRUNaaEQsa3JCQWlCd0I7MkZETFgsbUNBQW1DO2tCQVAvQyxTQUFTOytCQUVFLGdDQUFnQyxtQkFHekIsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICd0d28tZml4ZWQtc2lkZWJhcnMtZWl0aGVyLXNpZGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vdHdvLWZpeGVkLXNpZGViYXJzLWVpdGhlci1zaWRlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdHdvLWZpeGVkLXNpZGViYXJzLWVpdGhlci1zaWRlLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBUd29GaXhlZFNpZGViYXJzRWl0aGVyU2lkZUNvbXBvbmVudCB7XG5cbn1cbiIsIjxkYWZmLXNpZGViYXItdmlld3BvcnQgY2xhc3M9XCJ2aWV3cG9ydFwiPlxuICA8ZGFmZi1zaWRlYmFyIG1vZGU9XCJzaWRlLWZpeGVkXCIgW29wZW5dPVwidHJ1ZVwiPlxuICAgIDxhIGRhZmYtbGluay1zZXQtaXRlbSByb3V0ZXJMaW5rPVwiYWNjb3JkaW9uXCI+QWNjb3JkaW9uPC9hPjxicj5cbiAgICA8YSBkYWZmLWxpbmstc2V0LWl0ZW0gcm91dGVyTGluaz1cImFydGljbGVcIj5BcnRpY2xlPC9hPjxicj5cbiAgPC9kYWZmLXNpZGViYXI+XG4gIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XG4gICAgPG5hdiBkYWZmLW5hdmJhcj5cbiAgICAgIDxkaXY+VHdvIEZpeGVkIFNpZGViYXJzIG9uIGVpdGhlciBzaWRlLjwvZGl2PlxuICAgIDwvbmF2PlxuICAgIDxkaXYgY2xhc3M9XCJmaWxsZXJcIj5cbiAgICAgIDxwPkNvbnRlbnQ8L3A+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8ZGFmZi1zaWRlYmFyIG1vZGU9XCJzaWRlLWZpeGVkXCIgc2lkZT1cInJpZ2h0XCIgW29wZW5dPVwidHJ1ZVwiPlxuICAgIDxhIGRhZmYtbGluay1zZXQtaXRlbSByb3V0ZXJMaW5rPVwiYWNjb3JkaW9uXCI+QWNjb3JkaW9uPC9hPjxicj5cbiAgICA8YSBkYWZmLWxpbmstc2V0LWl0ZW0gcm91dGVyTGluaz1cImFydGljbGVcIj5BcnRpY2xlPC9hPjxicj5cbiAgPC9kYWZmLXNpZGViYXI+XG48L2RhZmYtc2lkZWJhci12aWV3cG9ydD4iXX0=

package/esm2020/sidebar/examples/two-fixed-sidebars-either-side/two-fixed-sidebars-either-side.module.mjs

@@ -0,0 +1,29 @@
+import { NgModule } from '@angular/core';
+import { DaffNavbarModule, DaffSidebarModule, } from '@daffodil/design';
+import { TwoFixedSidebarsEitherSideComponent } from './two-fixed-sidebars-either-side.component';
+import * as i0 from "@angular/core";
+export class TwoFixedSidebarsEitherSideModule {
+}
+/** @nocollapse */ TwoFixedSidebarsEitherSideModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TwoFixedSidebarsEitherSideModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ TwoFixedSidebarsEitherSideModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TwoFixedSidebarsEitherSideModule, declarations: [TwoFixedSidebarsEitherSideComponent], imports: [DaffSidebarModule,
+        DaffNavbarModule], exports: [TwoFixedSidebarsEitherSideComponent] });
+/** @nocollapse */ TwoFixedSidebarsEitherSideModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TwoFixedSidebarsEitherSideModule, imports: [[
+            DaffSidebarModule,
+            DaffNavbarModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TwoFixedSidebarsEitherSideModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        DaffSidebarModule,
+                        DaffNavbarModule,
+                    ],
+                    declarations: [
+                        TwoFixedSidebarsEitherSideComponent,
+                    ],
+                    exports: [
+                        TwoFixedSidebarsEitherSideComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLWZpeGVkLXNpZGViYXJzLWVpdGhlci1zaWRlLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NpZGViYXIvZXhhbXBsZXMvc3JjL3R3by1maXhlZC1zaWRlYmFycy1laXRoZXItc2lkZS90d28tZml4ZWQtc2lkZWJhcnMtZWl0aGVyLXNpZGUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUNMLGdCQUFnQixFQUNoQixpQkFBaUIsR0FDbEIsTUFBTSxrQkFBa0IsQ0FBQztBQUUxQixPQUFPLEVBQUUsbUNBQW1DLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQzs7QUFjakcsTUFBTSxPQUFPLGdDQUFnQzs7Z0pBQWhDLGdDQUFnQztpSkFBaEMsZ0NBQWdDLGlCQU56QyxtQ0FBbUMsYUFKbkMsaUJBQWlCO1FBQ2pCLGdCQUFnQixhQU1oQixtQ0FBbUM7aUpBRzFCLGdDQUFnQyxZQVhsQztZQUNQLGlCQUFpQjtZQUNqQixnQkFBZ0I7U0FDakI7MkZBUVUsZ0NBQWdDO2tCQVo1QyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxpQkFBaUI7d0JBQ2pCLGdCQUFnQjtxQkFDakI7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLG1DQUFtQztxQkFDcEM7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLG1DQUFtQztxQkFDcEM7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1xuICBEYWZmTmF2YmFyTW9kdWxlLFxuICBEYWZmU2lkZWJhck1vZHVsZSxcbn0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5cbmltcG9ydCB7IFR3b0ZpeGVkU2lkZWJhcnNFaXRoZXJTaWRlQ29tcG9uZW50IH0gZnJvbSAnLi90d28tZml4ZWQtc2lkZWJhcnMtZWl0aGVyLXNpZGUuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIERhZmZTaWRlYmFyTW9kdWxlLFxuICAgIERhZmZOYXZiYXJNb2R1bGUsXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIFR3b0ZpeGVkU2lkZWJhcnNFaXRoZXJTaWRlQ29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgVHdvRml4ZWRTaWRlYmFyc0VpdGhlclNpZGVDb21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFR3b0ZpeGVkU2lkZWJhcnNFaXRoZXJTaWRlTW9kdWxlIHsgfVxuXG4iXX0=

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

@@ -0,0 +1,26 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design";
+export class UnderSidebarComponent {
+    constructor() {
+        this.openLeft = false;
+        this.openRight = false;
+    }
+    openLeftSidebar() {
+        this.openLeft = !this.openLeft;
+    }
+    openRightSidebar() {
+        this.openRight = !this.openRight;
+    }
+    closeSidebar() {
+        this.openLeft = false;
+        this.openRight = false;
+    }
+}
+/** @nocollapse */ UnderSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: UnderSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ UnderSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: UnderSidebarComponent, selector: "under-sidebar", ngImport: i0, template: "<daff-sidebar-viewport class=\"viewport\" (backdropClicked)=\"closeSidebar()\">\n  <daff-sidebar mode=\"under\" side=\"left\" [open]=\"openLeft\">\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  <daff-sidebar mode=\"under\" side=\"right\" [open]=\"openRight\">\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      <button daff-button (click)=\"openLeftSidebar()\">\n        Open\n      </button>\n      <button daff-button (click)=\"openRightSidebar()\">\n        Open\n      </button>\n    </nav>\n  </div>\n</daff-sidebar-viewport>", styles: ["nav{justify-content:space-between}daff-sidebar-viewport{height:300px}.inner-layout{position:relative;display:flex}.filler{flex-grow:1;height:600px;padding:0 16px}.inner-sticky{position:sticky;padding:20px;top:0;height:200px;width: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"] }, { 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: UnderSidebarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'under-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-sidebar-viewport class=\"viewport\" (backdropClicked)=\"closeSidebar()\">\n  <daff-sidebar mode=\"under\" side=\"left\" [open]=\"openLeft\">\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  <daff-sidebar mode=\"under\" side=\"right\" [open]=\"openRight\">\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      <button daff-button (click)=\"openLeftSidebar()\">\n        Open\n      </button>\n      <button daff-button (click)=\"openRightSidebar()\">\n        Open\n      </button>\n    </nav>\n  </div>\n</daff-sidebar-viewport>", styles: ["nav{justify-content:space-between}daff-sidebar-viewport{height:300px}.inner-layout{position:relative;display:flex}.filler{flex-grow:1;height:600px;padding:0 16px}.inner-sticky{position:sticky;padding:20px;top:0;height:200px;width:300px}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidW5kZXItc2lkZWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zaWRlYmFyL2V4YW1wbGVzL3NyYy91bmRlci1zaWRlYmFyL3VuZGVyLXNpZGViYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc2lkZWJhci9leGFtcGxlcy9zcmMvdW5kZXItc2lkZWJhci91bmRlci1zaWRlYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDOzs7QUFXdkIsTUFBTSxPQUFPLHFCQUFxQjtJQVRsQztRQVVFLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsY0FBUyxHQUFHLEtBQUssQ0FBQztLQWNuQjtJQVpDLGVBQWU7UUFDYixJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUNqQyxDQUFDO0lBRUQsZ0JBQWdCO1FBQ2QsSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDbkMsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztRQUN0QixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUN6QixDQUFDOztxSUFmVSxxQkFBcUI7eUhBQXJCLHFCQUFxQixxRENkbEMsa3hCQW1Cd0I7MkZETFgscUJBQXFCO2tCQVRqQyxTQUFTOytCQUVFLGVBQWUsbUJBS1IsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICd1bmRlci1zaWRlYmFyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3VuZGVyLXNpZGViYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFtcbiAgICAndW5kZXItc2lkZWJhci5jb21wb25lbnQuc2NzcycsXG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBVbmRlclNpZGViYXJDb21wb25lbnQge1xuICBvcGVuTGVmdCA9IGZhbHNlO1xuICBvcGVuUmlnaHQgPSBmYWxzZTtcblxuICBvcGVuTGVmdFNpZGViYXIoKXtcbiAgICB0aGlzLm9wZW5MZWZ0ID0gIXRoaXMub3BlbkxlZnQ7XG4gIH1cblxuICBvcGVuUmlnaHRTaWRlYmFyKCl7XG4gICAgdGhpcy5vcGVuUmlnaHQgPSAhdGhpcy5vcGVuUmlnaHQ7XG4gIH1cblxuICBjbG9zZVNpZGViYXIoKXtcbiAgICB0aGlzLm9wZW5MZWZ0ID0gZmFsc2U7XG4gICAgdGhpcy5vcGVuUmlnaHQgPSBmYWxzZTtcbiAgfVxufVxuIiwiPGRhZmYtc2lkZWJhci12aWV3cG9ydCBjbGFzcz1cInZpZXdwb3J0XCIgKGJhY2tkcm9wQ2xpY2tlZCk9XCJjbG9zZVNpZGViYXIoKVwiPlxuICA8ZGFmZi1zaWRlYmFyIG1vZGU9XCJ1bmRlclwiIHNpZGU9XCJsZWZ0XCIgW29wZW5dPVwib3BlbkxlZnRcIj5cbiAgICA8YSBkYWZmLWxpbmstc2V0LWl0ZW0gcm91dGVyTGluaz1cImFjY29yZGlvblwiPkFjY29yZGlvbjwvYT48YnI+XG4gICAgPGEgZGFmZi1saW5rLXNldC1pdGVtIHJvdXRlckxpbms9XCJhcnRpY2xlXCI+QXJ0aWNsZTwvYT48YnI+XG4gIDwvZGFmZi1zaWRlYmFyPlxuICA8ZGFmZi1zaWRlYmFyIG1vZGU9XCJ1bmRlclwiIHNpZGU9XCJyaWdodFwiIFtvcGVuXT1cIm9wZW5SaWdodFwiPlxuICAgIDxhIGRhZmYtbGluay1zZXQtaXRlbSByb3V0ZXJMaW5rPVwiYWNjb3JkaW9uXCI+QWNjb3JkaW9uPC9hPjxicj5cbiAgICA8YSBkYWZmLWxpbmstc2V0LWl0ZW0gcm91dGVyTGluaz1cImFydGljbGVcIj5BcnRpY2xlPC9hPjxicj5cbiAgPC9kYWZmLXNpZGViYXI+XG4gIDxkaXY+XG4gICAgPG5hdiBkYWZmLW5hdmJhcj5cbiAgICAgIDxidXR0b24gZGFmZi1idXR0b24gKGNsaWNrKT1cIm9wZW5MZWZ0U2lkZWJhcigpXCI+XG4gICAgICAgIE9wZW5cbiAgICAgIDwvYnV0dG9uPlxuICAgICAgPGJ1dHRvbiBkYWZmLWJ1dHRvbiAoY2xpY2spPVwib3BlblJpZ2h0U2lkZWJhcigpXCI+XG4gICAgICAgIE9wZW5cbiAgICAgIDwvYnV0dG9uPlxuICAgIDwvbmF2PlxuICA8L2Rpdj5cbjwvZGFmZi1zaWRlYmFyLXZpZXdwb3J0PiJdfQ==