@daffodil/design 0.39.13 → 0.42.0

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

@@ -0,0 +1,121 @@
+import { Component, Output, EventEmitter, Input, ChangeDetectionStrategy, ContentChild, ChangeDetectorRef, } from '@angular/core';
+import { daffSidebarAnimations } from '../animation/sidebar-animation';
+import { getAnimationState } from '../animation/sidebar-animation-state';
+import { DaffSidebarComponent } from '../sidebar/sidebar.component';
+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";
+export class DaffSidebarViewportComponent {
+    constructor(ref) {
+        this.ref = ref;
+        /**
+         * Internal tracking variable for the state of sidebar viewport.
+         *
+         * @docs-private
+         */
+        this._opened = false;
+        /**
+         * @docs-private
+         */
+        this._mode = 'side';
+        /**
+         * Input state for whether or not the backdrop is
+         * "visible" to the human eye
+         */
+        // eslint-disable-next-line @typescript-eslint/no-inferrable-types
+        this.backdropIsVisible = true;
+        /**
+         * 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);
+    }
+    /**
+     * @docs-private
+     */
+    ngAfterViewInit() {
+        if (this.sidebar) {
+            this.sidebar.escapePressed.subscribe(() => {
+                this.onEscape();
+            });
+        }
+    }
+    /**
+     * @docs-private
+     */
+    _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 */ /** @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 */ /** @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,
+        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
+            }], backdropClicked: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci12aWV3cG9ydC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvbW9sZWN1bGVzL3NpZGViYXIvc2lkZWJhci12aWV3cG9ydC9zaWRlYmFyLXZpZXdwb3J0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9tb2xlY3VsZXMvc2lkZWJhci9zaWRlYmFyLXZpZXdwb3J0L3NpZGViYXItdmlld3BvcnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxNQUFNLEVBQ04sWUFBWSxFQUNaLEtBQUssRUFDTCx1QkFBdUIsRUFFdkIsWUFBWSxFQUNaLGlCQUFpQixHQUVsQixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN2RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUV6RSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7Ozs7QUFZcEUsTUFBTSxPQUFPLDRCQUE0QjtJQUV2QyxZQUFvQixHQUFzQjtRQUF0QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQVcxQzs7OztXQUlHO1FBQ0gsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUVoQjs7V0FFRztRQUNILFVBQUssR0FBb0IsTUFBTSxDQUFDO1FBY2hDOzs7V0FHRztRQUNILGtFQUFrRTtRQUN6RCxzQkFBaUIsR0FBWSxJQUFJLENBQUM7UUFhM0M7OztXQUdHO1FBQ08sb0JBQWUsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQXhEekUsQ0FBQztJQXNCRDs7T0FFRztJQUNILElBQ0ksSUFBSTtRQUNOLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDO0lBQ0QsSUFBSSxJQUFJLENBQUMsS0FBc0I7UUFDN0IsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDbkIsSUFBSSxDQUFDLGVBQWUsR0FBRyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQ2hGLENBQUM7SUFTRDs7T0FFRztJQUNILElBQ0ksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QixDQUFDO0lBQ0QsSUFBSSxNQUFNLENBQUMsS0FBYztRQUN4QixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztRQUNyQixJQUFJLENBQUMsZUFBZSxHQUFHLGlCQUFpQixDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUN6RSxDQUFDO0lBT0Q7O09BRUc7SUFDSCxJQUFJLGlCQUFpQjtRQUNuQixPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7SUFDdkUsQ0FBQztJQUVEOztPQUVHO0lBQ0gsUUFBUTtRQUNOLElBQUksQ0FBQyxlQUFlLEdBQUcsaUJBQWlCLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUNoRixDQUFDO0lBRUQ7O09BRUc7SUFDSCxlQUFlO1FBQ2IsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2hCLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7Z0JBQ3hDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNsQixDQUFDLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUVEOztPQUVHO0lBQ0gsZ0JBQWdCO1FBQ2QsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQ7O09BRUc7SUFDSCxJQUFJLFdBQVc7UUFDYixPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLENBQUMsQ0FBQztJQUN4RCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3BCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1lBQ3BCLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7U0FDekI7SUFDSCxDQUFDOzsrSkE1R1UsNEJBQTRCO21KQUE1Qiw0QkFBNEIsdU9BWXpCLG9CQUFvQixnREN2Q3BDLDhvQkFjTSxzcUNEUVE7UUFDVixxQkFBcUIsQ0FBQyxnQkFBZ0I7UUFDdEMscUJBQXFCLENBQUMsZ0JBQWdCO0tBQ3ZDOzJGQUVVLDRCQUE0QjtrQkFWeEMsU0FBUzsrQkFDRSx1QkFBdUIsbUJBR2hCLHVCQUF1QixDQUFDLE1BQU0sY0FDbkM7d0JBQ1YscUJBQXFCLENBQUMsZ0JBQWdCO3dCQUN0QyxxQkFBcUIsQ0FBQyxnQkFBZ0I7cUJBQ3ZDO3dHQWNtQyxPQUFPO3NCQUExQyxZQUFZO3VCQUFDLG9CQUFvQjtnQkFpQjlCLElBQUk7c0JBRFAsS0FBSztnQkFjRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBTUYsTUFBTTtzQkFEVCxLQUFLO2dCQVlJLGVBQWU7c0JBQXhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIE9uSW5pdCxcbiAgQ29udGVudENoaWxkLFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQWZ0ZXJWaWV3SW5pdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IGRhZmZTaWRlYmFyQW5pbWF0aW9ucyB9IGZyb20gJy4uL2FuaW1hdGlvbi9zaWRlYmFyLWFuaW1hdGlvbic7XG5pbXBvcnQgeyBnZXRBbmltYXRpb25TdGF0ZSB9IGZyb20gJy4uL2FuaW1hdGlvbi9zaWRlYmFyLWFuaW1hdGlvbi1zdGF0ZSc7XG5pbXBvcnQgeyBEYWZmU2lkZWJhck1vZGUgfSBmcm9tICcuLi9oZWxwZXIvc2lkZWJhci1tb2RlJztcbmltcG9ydCB7IERhZmZTaWRlYmFyQ29tcG9uZW50IH0gZnJvbSAnLi4vc2lkZWJhci9zaWRlYmFyLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RhZmYtc2lkZWJhci12aWV3cG9ydCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zaWRlYmFyLXZpZXdwb3J0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2lkZWJhci12aWV3cG9ydC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgYW5pbWF0aW9uczogW1xuICAgIGRhZmZTaWRlYmFyQW5pbWF0aW9ucy50cmFuc2Zvcm1TaWRlYmFyLFxuICAgIGRhZmZTaWRlYmFyQW5pbWF0aW9ucy50cmFuc2Zvcm1Db250ZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmU2lkZWJhclZpZXdwb3J0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcbiAgfVxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgX2FuaW1hdGlvblN0YXRlOiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBDb250ZW50Q2hpbGQoRGFmZlNpZGViYXJDb21wb25lbnQpIHNpZGViYXI6IERhZmZTaWRlYmFyQ29tcG9uZW50O1xuICAvKipcbiAgICogSW50ZXJuYWwgdHJhY2tpbmcgdmFyaWFibGUgZm9yIHRoZSBzdGF0ZSBvZiBzaWRlYmFyIHZpZXdwb3J0LlxuICAgKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBfb3BlbmVkID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIF9tb2RlOiBEYWZmU2lkZWJhck1vZGUgPSAnc2lkZSc7XG5cbiAgLyoqXG4gICAqIFRoZSBtb2RlIHRvIHB1dCB0aGUgc2lkZWJhciBpblxuICAgKi9cbiAgQElucHV0KClcbiAgZ2V0IG1vZGUoKTogRGFmZlNpZGViYXJNb2RlIHtcbiAgICByZXR1cm4gdGhpcy5fbW9kZTtcbiAgfVxuICBzZXQgbW9kZSh2YWx1ZTogRGFmZlNpZGViYXJNb2RlKSB7XG4gICAgdGhpcy5fbW9kZSA9IHZhbHVlO1xuICAgIHRoaXMuX2FuaW1hdGlvblN0YXRlID0gZ2V0QW5pbWF0aW9uU3RhdGUodGhpcy5vcGVuZWQsIHRoaXMuYW5pbWF0aW9uc0VuYWJsZWQpO1xuICB9XG5cbiAgLyoqXG4gICAqIElucHV0IHN0YXRlIGZvciB3aGV0aGVyIG9yIG5vdCB0aGUgYmFja2Ryb3AgaXNcbiAgICogXCJ2aXNpYmxlXCIgdG8gdGhlIGh1bWFuIGV5ZVxuICAgKi9cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1pbmZlcnJhYmxlLXR5cGVzXG4gIEBJbnB1dCgpIGJhY2tkcm9wSXNWaXNpYmxlOiBib29sZWFuID0gdHJ1ZTtcblxuICAvKipcbiAgICogUHJvcGVydHkgZm9yIHRoZSBcIm9wZW5lZFwiIHN0YXRlIG9mIHRoZSBzaWRlYmFyXG4gICAqL1xuICBASW5wdXQoKVxuICBnZXQgb3BlbmVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9vcGVuZWQ7XG4gIH1cbiAgc2V0IG9wZW5lZCh2YWx1ZTogYm9vbGVhbikge1xuXHQgIHRoaXMuX29wZW5lZCA9IHZhbHVlO1xuXHQgIHRoaXMuX2FuaW1hdGlvblN0YXRlID0gZ2V0QW5pbWF0aW9uU3RhdGUodmFsdWUsIHRoaXMuYW5pbWF0aW9uc0VuYWJsZWQpO1xuICB9XG4gIC8qKlxuICAgKiBFdmVudCBmaXJlZCB3aGVuIHRoZSBiYWNrZHJvcCBpcyBjbGlja2VkXG4gICAqIFRoaXMgaXMgb2Z0ZW4gdXNlZCB0byBjbG9zZSB0aGUgc2lkZWJhclxuICAgKi9cbiAgQE91dHB1dCgpIGJhY2tkcm9wQ2xpY2tlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBnZXQgYW5pbWF0aW9uc0VuYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICh0aGlzLm1vZGUgPT09ICdvdmVyJyB8fCB0aGlzLm1vZGUgPT09ICdwdXNoJykgPyB0cnVlIDogZmFsc2U7XG4gIH1cblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5fYW5pbWF0aW9uU3RhdGUgPSBnZXRBbmltYXRpb25TdGF0ZSh0aGlzLm9wZW5lZCwgdGhpcy5hbmltYXRpb25zRW5hYmxlZCk7XG4gIH1cblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIGlmICh0aGlzLnNpZGViYXIpIHtcbiAgICAgIHRoaXMuc2lkZWJhci5lc2NhcGVQcmVzc2VkLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgIHRoaXMub25Fc2NhcGUoKTtcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBfYmFja2Ryb3BDbGlja2VkKCk6IHZvaWQge1xuICAgIHRoaXMuYmFja2Ryb3BDbGlja2VkLmVtaXQoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBnZXQgaGFzQmFja2Ryb3AoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICh0aGlzLm1vZGUgPT09ICdvdmVyJyB8fCB0aGlzLm1vZGUgPT09ICdwdXNoJyk7XG4gIH1cblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgb25Fc2NhcGUoKSB7XG4gICAgaWYgKHRoaXMuaGFzQmFja2Ryb3ApIHtcbiAgICAgIHRoaXMub3BlbmVkID0gZmFsc2U7XG4gICAgICB0aGlzLnJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJkYWZmLXNpZGViYXItdmlld3BvcnQge3sgbW9kZSB9fVwiPlxuICA8ZGl2IGNsYXNzPVwiZGFmZi1zaWRlYmFyLXZpZXdwb3J0X19zaWRlYmFyXCIgW0B0cmFuc2Zvcm1TaWRlYmFyXT1cIl9hbmltYXRpb25TdGF0ZVwiIFtjZGtUcmFwRm9jdXNdPVwib3BlbmVkICYmIChtb2RlID09PSAnb3ZlcicgfHwgbW9kZSA9PT0gJ3B1c2gnKVwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImRhZmYtc2lkZWJhclwiIChlc2NhcGVQcmVzc2VkKT1cIm9uRXNjYXBlKCRldmVudClcIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuXG4gIDxkYWZmLWJhY2tkcm9wIFxuICBjbGFzcz1cImRhZmYtc2lkZWJhci12aWV3cG9ydF9fYmFja2Ryb3BcIiBcbiAgKm5nSWY9XCJoYXNCYWNrZHJvcCAmJiBfb3BlbmVkXCJcbiAgW3RyYW5zcGFyZW50XT1cIiFiYWNrZHJvcElzVmlzaWJsZVwiIFxuICAoYmFja2Ryb3BDbGlja2VkKT1cIl9iYWNrZHJvcENsaWNrZWQoKVwiPjwvZGFmZi1iYWNrZHJvcD5cblxuICA8ZGl2IGNsYXNzPVwiZGFmZi1zaWRlYmFyLXZpZXdwb3J0X19jb250ZW50XCIgW0B0cmFuc2Zvcm1Db250ZW50XT1cIl9hbmltYXRpb25TdGF0ZVwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj4iXX0=

package/esm2020/molecules/sidebar/sidebar.module.mjs

@@ -0,0 +1,39 @@
+import { A11yModule } from '@angular/cdk/a11y';
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { DaffBackdropModule } from '../backdrop/backdrop.module';
+import { DaffSidebarViewportComponent } from './sidebar-viewport/sidebar-viewport.component';
+import { DaffSidebarComponent } from './sidebar/sidebar.component';
+import * as i0 from "@angular/core";
+export class DaffSidebarModule {
+}
+/** @nocollapse */ /** @nocollapse */ DaffSidebarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ DaffSidebarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffSidebarModule, declarations: [DaffSidebarComponent,
+        DaffSidebarViewportComponent], imports: [CommonModule,
+        DaffBackdropModule,
+        A11yModule], exports: [DaffSidebarComponent,
+        DaffSidebarViewportComponent] });
+/** @nocollapse */ /** @nocollapse */ DaffSidebarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffSidebarModule, imports: [[
+            CommonModule,
+            DaffBackdropModule,
+            A11yModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffSidebarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        DaffBackdropModule,
+                        A11yModule,
+                    ],
+                    declarations: [
+                        DaffSidebarComponent,
+                        DaffSidebarViewportComponent,
+                    ],
+                    exports: [
+                        DaffSidebarComponent,
+                        DaffSidebarViewportComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvbW9sZWN1bGVzL3NpZGViYXIvc2lkZWJhci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ2pFLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQzdGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDOztBQWtCbkUsTUFBTSxPQUFPLGlCQUFpQjs7b0pBQWpCLGlCQUFpQjtxSkFBakIsaUJBQWlCLGlCQVIxQixvQkFBb0I7UUFDcEIsNEJBQTRCLGFBTjVCLFlBQVk7UUFDWixrQkFBa0I7UUFDbEIsVUFBVSxhQU9WLG9CQUFvQjtRQUNwQiw0QkFBNEI7cUpBR25CLGlCQUFpQixZQWRuQjtZQUNQLFlBQVk7WUFDWixrQkFBa0I7WUFDbEIsVUFBVTtTQUNYOzJGQVVVLGlCQUFpQjtrQkFmN0IsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixrQkFBa0I7d0JBQ2xCLFVBQVU7cUJBQ1g7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLG9CQUFvQjt3QkFDcEIsNEJBQTRCO3FCQUM3QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asb0JBQW9CO3dCQUNwQiw0QkFBNEI7cUJBQzdCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQTExeU1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9hMTF5JztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEYWZmQmFja2Ryb3BNb2R1bGUgfSBmcm9tICcuLi9iYWNrZHJvcC9iYWNrZHJvcC5tb2R1bGUnO1xuaW1wb3J0IHsgRGFmZlNpZGViYXJWaWV3cG9ydENvbXBvbmVudCB9IGZyb20gJy4vc2lkZWJhci12aWV3cG9ydC9zaWRlYmFyLXZpZXdwb3J0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYWZmU2lkZWJhckNvbXBvbmVudCB9IGZyb20gJy4vc2lkZWJhci9zaWRlYmFyLmNvbXBvbmVudCc7XG5cblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBEYWZmQmFja2Ryb3BNb2R1bGUsXG4gICAgQTExeU1vZHVsZSxcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgRGFmZlNpZGViYXJDb21wb25lbnQsXG4gICAgRGFmZlNpZGViYXJWaWV3cG9ydENvbXBvbmVudCxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIERhZmZTaWRlYmFyQ29tcG9uZW50LFxuICAgIERhZmZTaWRlYmFyVmlld3BvcnRDb21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIERhZmZTaWRlYmFyTW9kdWxlIHsgfVxuIl19

package/esm2020/navbar/examples/basic-navbar/basic-navbar.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 BasicNavbarComponent {
+}
+/** @nocollapse */ /** @nocollapse */ BasicNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @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 });
+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"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtbmF2YmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL25hdmJhci9leGFtcGxlcy9zcmMvYmFzaWMtbmF2YmFyL2Jhc2ljLW5hdmJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9uYXZiYXIvZXhhbXBsZXMvc3JjL2Jhc2ljLW5hdmJhci9iYXNpYy1uYXZiYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7OztBQVV2QixNQUFNLE9BQU8sb0JBQW9COzt1SkFBcEIsb0JBQW9COzJJQUFwQixvQkFBb0Isb0RDYmpDLDZPQU1NOzJGRE9PLG9CQUFvQjtrQkFQaEMsU0FBUzsrQkFFRSxjQUFjLG1CQUdQLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdiYXNpYy1uYXZiYXInLFxuICB0ZW1wbGF0ZVVybDogJy4vYmFzaWMtbmF2YmFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYmFzaWMtbmF2YmFyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBCYXNpY05hdmJhckNvbXBvbmVudCB7fVxuIiwiPG5hdiBkYWZmLW5hdmJhciBjbGFzcz1cImRhZmYtYmFzaWMtbmF2YmFyXCI+XG5cdDxkaXYgY2xhc3M9XCJkYWZmLWJhc2ljLW5hdmJhcl9fbGlua3NcIj5cblx0XHQ8YSBocmVmPVwiL1wiPkhvbWU8L2E+XG5cdFx0PGEgaHJlZj1cIi9cIj5BYm91dCBVczwvYT5cblx0PC9kaXY+XG5cdDxidXR0b24gZGFmZi1idXR0b24gY29sb3I9XCJ0aGVtZS1jb250cmFzdFwiPkNvbnRhY3QgVXM8L2J1dHRvbj5cbjwvbmF2PiJdfQ==

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

@@ -0,0 +1,33 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { DaffButtonModule, DaffContainerModule, DaffNavbarModule, } from '@daffodil/design';
+import { BasicNavbarComponent } from './basic-navbar.component';
+import * as i0 from "@angular/core";
+export class BasicNavbarModule {
+}
+/** @nocollapse */ /** @nocollapse */ BasicNavbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ BasicNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicNavbarModule, declarations: [BasicNavbarComponent], imports: [CommonModule,
+        DaffNavbarModule,
+        DaffButtonModule,
+        DaffContainerModule] });
+/** @nocollapse */ /** @nocollapse */ BasicNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicNavbarModule, imports: [[
+            CommonModule,
+            DaffNavbarModule,
+            DaffButtonModule,
+            DaffContainerModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicNavbarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BasicNavbarComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        DaffNavbarModule,
+                        DaffButtonModule,
+                        DaffContainerModule,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtbmF2YmFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL25hdmJhci9leGFtcGxlcy9zcmMvYmFzaWMtbmF2YmFyL2Jhc2ljLW5hdmJhci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUNMLGdCQUFnQixFQUNoQixtQkFBbUIsRUFDbkIsZ0JBQWdCLEdBQ2pCLE1BQU0sa0JBQWtCLENBQUM7QUFFMUIsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7O0FBY2hFLE1BQU0sT0FBTyxpQkFBaUI7O29KQUFqQixpQkFBaUI7cUpBQWpCLGlCQUFpQixpQkFWMUIsb0JBQW9CLGFBR3BCLFlBQVk7UUFFWixnQkFBZ0I7UUFDaEIsZ0JBQWdCO1FBQ2hCLG1CQUFtQjtxSkFHVixpQkFBaUIsWUFSbkI7WUFDUCxZQUFZO1lBRVosZ0JBQWdCO1lBQ2hCLGdCQUFnQjtZQUNoQixtQkFBbUI7U0FDcEI7MkZBRVUsaUJBQWlCO2tCQVo3QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixvQkFBb0I7cUJBQ3JCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUVaLGdCQUFnQjt3QkFDaEIsZ0JBQWdCO3dCQUNoQixtQkFBbUI7cUJBQ3BCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIERhZmZCdXR0b25Nb2R1bGUsXG4gIERhZmZDb250YWluZXJNb2R1bGUsXG4gIERhZmZOYXZiYXJNb2R1bGUsXG59IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBCYXNpY05hdmJhckNvbXBvbmVudCB9IGZyb20gJy4vYmFzaWMtbmF2YmFyLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIEJhc2ljTmF2YmFyQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuXG4gICAgRGFmZk5hdmJhck1vZHVsZSxcbiAgICBEYWZmQnV0dG9uTW9kdWxlLFxuICAgIERhZmZDb250YWluZXJNb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEJhc2ljTmF2YmFyTW9kdWxlIHsgfVxuIl19

package/esm2020/navbar/examples/contained-navbar/contained-navbar.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 ContainedNavbarComponent {
+}
+/** @nocollapse */ /** @nocollapse */ ContainedNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: ContainedNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @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 });
+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"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVkLW5hdmJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9uYXZiYXIvZXhhbXBsZXMvc3JjL2NvbnRhaW5lZC1uYXZiYXIvY29udGFpbmVkLW5hdmJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9uYXZiYXIvZXhhbXBsZXMvc3JjL2NvbnRhaW5lZC1uYXZiYXIvY29udGFpbmVkLW5hdmJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQzs7O0FBU3ZCLE1BQU0sT0FBTyx3QkFBd0I7OzJKQUF4Qix3QkFBd0I7K0lBQXhCLHdCQUF3Qix3RENackMsNlJBU0E7MkZER2Esd0JBQXdCO2tCQVBwQyxTQUFTOytCQUVFLGtCQUFrQixtQkFHWCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2NvbnRhaW5lZC1uYXZiYXInLFxuICB0ZW1wbGF0ZVVybDogJy4vY29udGFpbmVkLW5hdmJhci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NvbnRhaW5lZC1uYXZiYXIuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIENvbnRhaW5lZE5hdmJhckNvbXBvbmVudCB7fVxuIiwiPG5hdiBkYWZmLW5hdmJhciBjbGFzcz1cImRhZmYtY29udGFpbmVkLW5hdmJhclwiPlxuXHQ8ZGFmZi1jb250YWluZXIgc2l6ZT1cIm1kXCI+XG5cdFx0PGRpdiBjbGFzcz1cImRhZmYtY29udGFpbmVkLW5hdmJhcl9fbGlua3NcIj5cblx0XHRcdDxhIGhyZWY9XCIvXCI+SG9tZTwvYT5cblx0XHRcdDxhIGhyZWY9XCIvXCI+QWJvdXQgVXM8L2E+XG5cdFx0PC9kaXY+XG5cdFx0PGJ1dHRvbiBkYWZmLWJ1dHRvbj5Db250YWN0IFVzPC9idXR0b24+XG5cdDwvZGFmZi1jb250YWluZXI+XG48L25hdj5cbiJdfQ==

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

@@ -0,0 +1,33 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { DaffButtonModule, DaffContainerModule, DaffNavbarModule, } from '@daffodil/design';
+import { ContainedNavbarComponent } from './contained-navbar.component';
+import * as i0 from "@angular/core";
+export class ContainedNavbarModule {
+}
+/** @nocollapse */ /** @nocollapse */ ContainedNavbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: ContainedNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ ContainedNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: ContainedNavbarModule, declarations: [ContainedNavbarComponent], imports: [CommonModule,
+        DaffNavbarModule,
+        DaffButtonModule,
+        DaffContainerModule] });
+/** @nocollapse */ /** @nocollapse */ ContainedNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: ContainedNavbarModule, imports: [[
+            CommonModule,
+            DaffNavbarModule,
+            DaffButtonModule,
+            DaffContainerModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: ContainedNavbarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ContainedNavbarComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        DaffNavbarModule,
+                        DaffButtonModule,
+                        DaffContainerModule,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVkLW5hdmJhci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9uYXZiYXIvZXhhbXBsZXMvc3JjL2NvbnRhaW5lZC1uYXZiYXIvY29udGFpbmVkLW5hdmJhci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUNMLGdCQUFnQixFQUNoQixtQkFBbUIsRUFDbkIsZ0JBQWdCLEdBQ2pCLE1BQU0sa0JBQWtCLENBQUM7QUFFMUIsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sOEJBQThCLENBQUM7O0FBY3hFLE1BQU0sT0FBTyxxQkFBcUI7O3dKQUFyQixxQkFBcUI7eUpBQXJCLHFCQUFxQixpQkFWOUIsd0JBQXdCLGFBR3hCLFlBQVk7UUFFWixnQkFBZ0I7UUFDaEIsZ0JBQWdCO1FBQ2hCLG1CQUFtQjt5SkFHVixxQkFBcUIsWUFSdkI7WUFDUCxZQUFZO1lBRVosZ0JBQWdCO1lBQ2hCLGdCQUFnQjtZQUNoQixtQkFBbUI7U0FDcEI7MkZBRVUscUJBQXFCO2tCQVpqQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWix3QkFBd0I7cUJBQ3pCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUVaLGdCQUFnQjt3QkFDaEIsZ0JBQWdCO3dCQUNoQixtQkFBbUI7cUJBQ3BCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIERhZmZCdXR0b25Nb2R1bGUsXG4gIERhZmZDb250YWluZXJNb2R1bGUsXG4gIERhZmZOYXZiYXJNb2R1bGUsXG59IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBDb250YWluZWROYXZiYXJDb21wb25lbnQgfSBmcm9tICcuL2NvbnRhaW5lZC1uYXZiYXIuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgQ29udGFpbmVkTmF2YmFyQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuXG4gICAgRGFmZk5hdmJhck1vZHVsZSxcbiAgICBEYWZmQnV0dG9uTW9kdWxlLFxuICAgIERhZmZDb250YWluZXJNb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIENvbnRhaW5lZE5hdmJhck1vZHVsZSB7IH1cbiJdfQ==

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

@@ -0,0 +1,28 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/common";
+export class NavbarThemingComponent {
+    constructor() {
+        this.colorControl = new FormControl('');
+        this.options = [
+            { value: '', label: 'Default' },
+            { value: 'primary', label: 'Primary' },
+            { value: 'secondary', label: 'Secondary' },
+            { value: 'tertiary', label: 'Tertiary' },
+            { value: 'white', label: 'White' },
+            { value: 'black', label: 'Black' },
+            { value: 'theme', label: 'Theme' },
+            { value: 'theme-contrast', label: 'Theme Contrast' },
+        ];
+    }
+}
+/** @nocollapse */ /** @nocollapse */ NavbarThemingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NavbarThemingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @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 });
+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"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2YmFyLXRoZW1pbmcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vbmF2YmFyL2V4YW1wbGVzL3NyYy9uYXZiYXItdGhlbWluZy9uYXZiYXItdGhlbWluZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9uYXZiYXIvZXhhbXBsZXMvc3JjL25hdmJhci10aGVtaW5nL25hdmJhci10aGVtaW5nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7QUFTN0MsTUFBTSxPQUFPLHNCQUFzQjtJQVBuQztRQVFFLGlCQUFZLEdBQWdCLElBQUksV0FBVyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBRWhELFlBQU8sR0FBRztZQUNSLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFO1lBQy9CLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFO1lBQ3RDLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFO1lBQzFDLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFO1lBQ3hDLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1lBQ2xDLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1lBQ2xDLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1lBQ2xDLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFLEtBQUssRUFBRSxnQkFBZ0IsRUFBRTtTQUNyRCxDQUFDO0tBQ0g7O3lKQWJZLHNCQUFzQjs2SUFBdEIsc0JBQXNCLHNEQ2JuQyw4WUFVUzsyRkRHSSxzQkFBc0I7a0JBUGxDLFNBQVM7K0JBRUUsZ0JBQWdCLG1CQUdULHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICduYXZiYXItdGhlbWluZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9uYXZiYXItdGhlbWluZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25hdmJhci10aGVtaW5nLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBOYXZiYXJUaGVtaW5nQ29tcG9uZW50IHtcbiAgY29sb3JDb250cm9sOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgnJyk7XG5cbiAgb3B0aW9ucyA9IFtcbiAgICB7IHZhbHVlOiAnJywgbGFiZWw6ICdEZWZhdWx0JyB9LFxuICAgIHsgdmFsdWU6ICdwcmltYXJ5JywgbGFiZWw6ICdQcmltYXJ5JyB9LFxuICAgIHsgdmFsdWU6ICdzZWNvbmRhcnknLCBsYWJlbDogJ1NlY29uZGFyeScgfSxcbiAgICB7IHZhbHVlOiAndGVydGlhcnknLCBsYWJlbDogJ1RlcnRpYXJ5JyB9LFxuICAgIHsgdmFsdWU6ICd3aGl0ZScsIGxhYmVsOiAnV2hpdGUnIH0sXG4gICAgeyB2YWx1ZTogJ2JsYWNrJywgbGFiZWw6ICdCbGFjaycgfSxcbiAgICB7IHZhbHVlOiAndGhlbWUnLCBsYWJlbDogJ1RoZW1lJyB9LFxuICAgIHsgdmFsdWU6ICd0aGVtZS1jb250cmFzdCcsIGxhYmVsOiAnVGhlbWUgQ29udHJhc3QnIH0sXG4gIF07XG59XG4iLCI8bmF2IGRhZmYtbmF2YmFyIFtjb2xvcl09XCJjb2xvckNvbnRyb2wudmFsdWVcIiBjbGFzcz1cImRhZmYtbmF2YmFyLXRoZW1pbmdcIj5cblx0PGRpdiBjbGFzcz1cImRhZmYtbmF2YmFyLXRoZW1pbmdfX2xpbmtzXCI+XG5cdFx0PGEgaHJlZj1cIi9cIj5Ib21lPC9hPlxuXHRcdDxhIGhyZWY9XCIvXCI+QWJvdXQgVXM8L2E+XG5cdDwvZGl2PlxuXHQ8YnV0dG9uIGRhZmYtYnV0dG9uPkNvbnRhY3QgVXM8L2J1dHRvbj5cbjwvbmF2PlxuXG48c2VsZWN0IFtmb3JtQ29udHJvbF09XCJjb2xvckNvbnRyb2xcIj5cblx0PG9wdGlvbiAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIG9wdGlvbnNcIiBbdmFsdWVdPVwib3B0aW9uLnZhbHVlXCI+e3sgb3B0aW9uLmxhYmVsIH19PC9vcHRpb24+XG48L3NlbGVjdD4iXX0=

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

@@ -0,0 +1,34 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
+import { DaffButtonModule, DaffNavbarModule, } from '@daffodil/design';
+import { NavbarThemingComponent } from './navbar-theming.component';
+import * as i0 from "@angular/core";
+export class NavbarThemingModule {
+}
+/** @nocollapse */ /** @nocollapse */ NavbarThemingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NavbarThemingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ NavbarThemingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NavbarThemingModule, declarations: [NavbarThemingComponent], imports: [CommonModule,
+        ReactiveFormsModule,
+        DaffNavbarModule,
+        DaffButtonModule] });
+/** @nocollapse */ /** @nocollapse */ NavbarThemingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NavbarThemingModule, imports: [[
+            CommonModule,
+            ReactiveFormsModule,
+            DaffNavbarModule,
+            DaffButtonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NavbarThemingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        NavbarThemingComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        DaffNavbarModule,
+                        DaffButtonModule,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2YmFyLXRoZW1pbmcubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vbmF2YmFyL2V4YW1wbGVzL3NyYy9uYXZiYXItdGhlbWluZy9uYXZiYXItdGhlbWluZy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFckQsT0FBTyxFQUNMLGdCQUFnQixFQUNoQixnQkFBZ0IsR0FDakIsTUFBTSxrQkFBa0IsQ0FBQztBQUUxQixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFhcEUsTUFBTSxPQUFPLG1CQUFtQjs7c0pBQW5CLG1CQUFtQjt1SkFBbkIsbUJBQW1CLGlCQVQ1QixzQkFBc0IsYUFHdEIsWUFBWTtRQUNaLG1CQUFtQjtRQUNuQixnQkFBZ0I7UUFDaEIsZ0JBQWdCO3VKQUdQLG1CQUFtQixZQVByQjtZQUNQLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIsZ0JBQWdCO1lBQ2hCLGdCQUFnQjtTQUNqQjsyRkFFVSxtQkFBbUI7a0JBWC9CLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLHNCQUFzQjtxQkFDdkI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUNuQixnQkFBZ0I7d0JBQ2hCLGdCQUFnQjtxQkFDakI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7XG4gIERhZmZCdXR0b25Nb2R1bGUsXG4gIERhZmZOYXZiYXJNb2R1bGUsXG59IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBOYXZiYXJUaGVtaW5nQ29tcG9uZW50IH0gZnJvbSAnLi9uYXZiYXItdGhlbWluZy5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBOYXZiYXJUaGVtaW5nQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgRGFmZk5hdmJhck1vZHVsZSxcbiAgICBEYWZmQnV0dG9uTW9kdWxlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBOYXZiYXJUaGVtaW5nTW9kdWxlIHsgfVxuIl19

package/esm2020/navbar/examples/raised-navbar/raised-navbar.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 RaisedNavbarComponent {
+}
+/** @nocollapse */ /** @nocollapse */ RaisedNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: RaisedNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @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 });
+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"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFpc2VkLW5hdmJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9uYXZiYXIvZXhhbXBsZXMvc3JjL3JhaXNlZC1uYXZiYXIvcmFpc2VkLW5hdmJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9uYXZiYXIvZXhhbXBsZXMvc3JjL3JhaXNlZC1uYXZiYXIvcmFpc2VkLW5hdmJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQzs7O0FBU3ZCLE1BQU0sT0FBTyxxQkFBcUI7O3dKQUFyQixxQkFBcUI7NElBQXJCLHFCQUFxQixxRENabEMsME9BT0E7MkZES2EscUJBQXFCO2tCQVBqQyxTQUFTOytCQUVFLGVBQWUsbUJBR1IsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdyYWlzZWQtbmF2YmFyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3JhaXNlZC1uYXZiYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9yYWlzZWQtbmF2YmFyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBSYWlzZWROYXZiYXJDb21wb25lbnQge31cbiIsIjxuYXYgZGFmZi1uYXZiYXIgW3JhaXNlZF09XCJ0cnVlXCIgY2xhc3M9XCJkYWZmLXJhaXNlZC1uYXZiYXJcIj5cblx0PGRpdiBjbGFzcz1cImRhZmYtcmFpc2VkLW5hdmJhcl9fbGlua3NcIj5cblx0XHQ8YSBocmVmPVwiL1wiPkhvbWU8L2E+XG5cdFx0PGEgaHJlZj1cIi9cIj5BYm91dCBVczwvYT5cblx0PC9kaXY+XG5cdDxidXR0b24gZGFmZi1idXR0b24+Q29udGFjdCBVczwvYnV0dG9uPlxuPC9uYXY+XG4iXX0=

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

@@ -0,0 +1,30 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { DaffButtonModule, DaffNavbarModule, } from '@daffodil/design';
+import { RaisedNavbarComponent } from './raised-navbar.component';
+import * as i0 from "@angular/core";
+export class RaisedNavbarModule {
+}
+/** @nocollapse */ /** @nocollapse */ RaisedNavbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: RaisedNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ RaisedNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: RaisedNavbarModule, declarations: [RaisedNavbarComponent], imports: [CommonModule,
+        DaffNavbarModule,
+        DaffButtonModule] });
+/** @nocollapse */ /** @nocollapse */ RaisedNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: RaisedNavbarModule, imports: [[
+            CommonModule,
+            DaffNavbarModule,
+            DaffButtonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: RaisedNavbarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        RaisedNavbarComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        DaffNavbarModule,
+                        DaffButtonModule,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFpc2VkLW5hdmJhci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9uYXZiYXIvZXhhbXBsZXMvc3JjL3JhaXNlZC1uYXZiYXIvcmFpc2VkLW5hdmJhci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUNMLGdCQUFnQixFQUNoQixnQkFBZ0IsR0FDakIsTUFBTSxrQkFBa0IsQ0FBQztBQUUxQixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFhbEUsTUFBTSxPQUFPLGtCQUFrQjs7cUpBQWxCLGtCQUFrQjtzSkFBbEIsa0JBQWtCLGlCQVQzQixxQkFBcUIsYUFHckIsWUFBWTtRQUVaLGdCQUFnQjtRQUNoQixnQkFBZ0I7c0pBR1Asa0JBQWtCLFlBUHBCO1lBQ1AsWUFBWTtZQUVaLGdCQUFnQjtZQUNoQixnQkFBZ0I7U0FDakI7MkZBRVUsa0JBQWtCO2tCQVg5QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixxQkFBcUI7cUJBQ3RCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUVaLGdCQUFnQjt3QkFDaEIsZ0JBQWdCO3FCQUNqQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1xuICBEYWZmQnV0dG9uTW9kdWxlLFxuICBEYWZmTmF2YmFyTW9kdWxlLFxufSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuaW1wb3J0IHsgUmFpc2VkTmF2YmFyQ29tcG9uZW50IH0gZnJvbSAnLi9yYWlzZWQtbmF2YmFyLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIFJhaXNlZE5hdmJhckNvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcblxuICAgIERhZmZOYXZiYXJNb2R1bGUsXG4gICAgRGFmZkJ1dHRvbk1vZHVsZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgUmFpc2VkTmF2YmFyTW9kdWxlIHsgfVxuIl19

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

@@ -0,0 +1,19 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design";
+export class BasicPaginatorComponent {
+    constructor() {
+        this.numberOfPages = 15;
+        this.currentPage = 2;
+    }
+    onPageChange(pageNumber) {
+        this.currentPage = pageNumber;
+    }
+}
+/** @nocollapse */ /** @nocollapse */ BasicPaginatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicPaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ BasicPaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicPaginatorComponent, selector: "basic-paginator", ngImport: i0, template: "<daff-paginator aria-label=\"Search results page\" [numberOfPages]=\"numberOfPages\" [currentPage]=\"currentPage\" (notifyPageChange)=\"onPageChange($event)\"></daff-paginator>\n", components: [{ type: i1.DaffPaginatorComponent, selector: "daff-paginator", inputs: ["color", "numberOfPages", "currentPage"], outputs: ["notifyPageChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicPaginatorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'basic-paginator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-paginator aria-label=\"Search results page\" [numberOfPages]=\"numberOfPages\" [currentPage]=\"currentPage\" (notifyPageChange)=\"onPageChange($event)\"></daff-paginator>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtcGFnaW5hdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3BhZ2luYXRvci9leGFtcGxlcy9zcmMvYmFzaWMtcGFnaW5hdG9yL2Jhc2ljLXBhZ2luYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9wYWdpbmF0b3IvZXhhbXBsZXMvc3JjL2Jhc2ljLXBhZ2luYXRvci9iYXNpYy1wYWdpbmF0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7OztBQVF2QixNQUFNLE9BQU8sdUJBQXVCO0lBTnBDO1FBT0Usa0JBQWEsR0FBRyxFQUFFLENBQUM7UUFDbkIsZ0JBQVcsR0FBRyxDQUFDLENBQUM7S0FLakI7SUFIQyxZQUFZLENBQUMsVUFBa0I7UUFDN0IsSUFBSSxDQUFDLFdBQVcsR0FBRyxVQUFVLENBQUM7SUFDaEMsQ0FBQzs7MEpBTlUsdUJBQXVCOzhJQUF2Qix1QkFBdUIsdURDWHBDLG9MQUNBOzJGRFVhLHVCQUF1QjtrQkFObkMsU0FBUzsrQkFFRSxpQkFBaUIsbUJBRVYsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdiYXNpYy1wYWdpbmF0b3InLFxuICB0ZW1wbGF0ZVVybDogJy4vYmFzaWMtcGFnaW5hdG9yLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEJhc2ljUGFnaW5hdG9yQ29tcG9uZW50IHtcbiAgbnVtYmVyT2ZQYWdlcyA9IDE1O1xuICBjdXJyZW50UGFnZSA9IDI7XG5cbiAgb25QYWdlQ2hhbmdlKHBhZ2VOdW1iZXI6IG51bWJlcikge1xuICAgIHRoaXMuY3VycmVudFBhZ2UgPSBwYWdlTnVtYmVyO1xuICB9XG59XG4iLCI8ZGFmZi1wYWdpbmF0b3IgYXJpYS1sYWJlbD1cIlNlYXJjaCByZXN1bHRzIHBhZ2VcIiBbbnVtYmVyT2ZQYWdlc109XCJudW1iZXJPZlBhZ2VzXCIgW2N1cnJlbnRQYWdlXT1cImN1cnJlbnRQYWdlXCIgKG5vdGlmeVBhZ2VDaGFuZ2UpPVwib25QYWdlQ2hhbmdlKCRldmVudClcIj48L2RhZmYtcGFnaW5hdG9yPlxuIl19

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

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

package/esm2020/paginator/examples/examples.mjs

@@ -0,0 +1,5 @@
+import { BasicPaginatorComponent } from './basic-paginator/basic-paginator.component';
+export const PAGINATOR_EXAMPLES = [
+    BasicPaginatorComponent,
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhhbXBsZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9wYWdpbmF0b3IvZXhhbXBsZXMvc3JjL2V4YW1wbGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBRXRGLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHO0lBQ2hDLHVCQUF1QjtDQUN4QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQmFzaWNQYWdpbmF0b3JDb21wb25lbnQgfSBmcm9tICcuL2Jhc2ljLXBhZ2luYXRvci9iYXNpYy1wYWdpbmF0b3IuY29tcG9uZW50JztcblxuZXhwb3J0IGNvbnN0IFBBR0lOQVRPUl9FWEFNUExFUyA9IFtcbiAgQmFzaWNQYWdpbmF0b3JDb21wb25lbnQsXG5dO1xuIl19

package/esm2020/paginator/examples/index.mjs

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

package/esm2020/paginator/examples/paginator-examples.module.mjs

@@ -0,0 +1,31 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { DaffPaginatorModule } from '@daffodil/design';
+import { PAGINATOR_EXAMPLES } from './examples';
+import * as i0 from "@angular/core";
+import * as i1 from "./basic-paginator/basic-paginator.component";
+export class PaginatorExamplesModule {
+}
+/** @nocollapse */ /** @nocollapse */ PaginatorExamplesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: PaginatorExamplesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ PaginatorExamplesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: PaginatorExamplesModule, declarations: [i1.BasicPaginatorComponent], imports: [CommonModule,
+        DaffPaginatorModule] });
+/** @nocollapse */ /** @nocollapse */ PaginatorExamplesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: PaginatorExamplesModule, imports: [[
+            CommonModule,
+            DaffPaginatorModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: PaginatorExamplesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ...PAGINATOR_EXAMPLES,
+                    ],
+                    imports: [
+                        CommonModule,
+                        DaffPaginatorModule,
+                    ],
+                    entryComponents: [
+                        ...PAGINATOR_EXAMPLES,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdG9yLWV4YW1wbGVzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3BhZ2luYXRvci9leGFtcGxlcy9zcmMvcGFnaW5hdG9yLWV4YW1wbGVzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUV2RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxZQUFZLENBQUM7OztBQWNoRCxNQUFNLE9BQU8sdUJBQXVCOzswSkFBdkIsdUJBQXVCOzJKQUF2Qix1QkFBdUIsd0RBUGhDLFlBQVk7UUFDWixtQkFBbUI7MkpBTVYsdUJBQXVCLFlBUnpCO1lBQ1AsWUFBWTtZQUNaLG1CQUFtQjtTQUNwQjsyRkFLVSx1QkFBdUI7a0JBWm5DLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLEdBQUcsa0JBQWtCO3FCQUN0QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixtQkFBbUI7cUJBQ3BCO29CQUNELGVBQWUsRUFBRTt3QkFDZixHQUFHLGtCQUFrQjtxQkFDdEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRGFmZlBhZ2luYXRvck1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBQQUdJTkFUT1JfRVhBTVBMRVMgfSBmcm9tICcuL2V4YW1wbGVzJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgLi4uUEFHSU5BVE9SX0VYQU1QTEVTLFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIERhZmZQYWdpbmF0b3JNb2R1bGUsXG4gIF0sXG4gIGVudHJ5Q29tcG9uZW50czogW1xuICAgIC4uLlBBR0lOQVRPUl9FWEFNUExFUyxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgUGFnaW5hdG9yRXhhbXBsZXNNb2R1bGUgeyB9XG4iXX0=

package/esm2020/paginator/examples/public_api.mjs

@@ -0,0 +1,4 @@
+export { BasicPaginatorComponent } from './basic-paginator/basic-paginator.component';
+export { PaginatorExamplesModule } from './paginator-examples.module';
+export { PAGINATOR_EXAMPLES } from './examples';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3BhZ2luYXRvci9leGFtcGxlcy9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUV0RixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxZQUFZLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBCYXNpY1BhZ2luYXRvckNvbXBvbmVudCB9IGZyb20gJy4vYmFzaWMtcGFnaW5hdG9yL2Jhc2ljLXBhZ2luYXRvci5jb21wb25lbnQnO1xuXG5leHBvcnQgeyBQYWdpbmF0b3JFeGFtcGxlc01vZHVsZSB9IGZyb20gJy4vcGFnaW5hdG9yLWV4YW1wbGVzLm1vZHVsZSc7XG5leHBvcnQgeyBQQUdJTkFUT1JfRVhBTVBMRVMgfSBmcm9tICcuL2V4YW1wbGVzJztcbiJdfQ==

package/esm2020/quantity-field/examples/basic-quantity-field/basic-quantity-field.component.mjs

@@ -0,0 +1,17 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design";
+import * as i2 from "@angular/forms";
+export class BasicQuantityFieldComponent {
+    constructor() {
+        this.control = new FormControl(1);
+    }
+}
+/** @nocollapse */ /** @nocollapse */ BasicQuantityFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicQuantityFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ BasicQuantityFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicQuantityFieldComponent, selector: "basic-quantity-field", ngImport: i0, template: "<daff-form-field>\n  <daff-quantity-field [formControl]=\"control\"></daff-quantity-field>\n</daff-form-field>\n\n<p>\n  Control Value: {{control.value}}\n</p>\n", styles: [""], components: [{ type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["formSubmitted"] }, { type: i1.DaffQuantityFieldComponent, selector: "daff-quantity-field", inputs: ["min", "max", "selectMax"] }], directives: [{ type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicQuantityFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'basic-quantity-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-form-field>\n  <daff-quantity-field [formControl]=\"control\"></daff-quantity-field>\n</daff-form-field>\n\n<p>\n  Control Value: {{control.value}}\n</p>\n", styles: [""] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtcXVhbnRpdHktZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vcXVhbnRpdHktZmllbGQvZXhhbXBsZXMvc3JjL2Jhc2ljLXF1YW50aXR5LWZpZWxkL2Jhc2ljLXF1YW50aXR5LWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3F1YW50aXR5LWZpZWxkL2V4YW1wbGVzL3NyYy9iYXNpYy1xdWFudGl0eS1maWVsZC9iYXNpYy1xdWFudGl0eS1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUFTN0MsTUFBTSxPQUFPLDJCQUEyQjtJQVB4QztRQVFFLFlBQU8sR0FBRyxJQUFJLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQztLQUM5Qjs7OEpBRlksMkJBQTJCO2tKQUEzQiwyQkFBMkIsNERDYnhDLG1LQU9BOzJGRE1hLDJCQUEyQjtrQkFQdkMsU0FBUzsrQkFFRSxzQkFBc0IsbUJBR2YsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2Jhc2ljLXF1YW50aXR5LWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Jhc2ljLXF1YW50aXR5LWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYmFzaWMtcXVhbnRpdHktZmllbGQuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEJhc2ljUXVhbnRpdHlGaWVsZENvbXBvbmVudCB7XG4gIGNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2woMSk7XG59XG4iLCI8ZGFmZi1mb3JtLWZpZWxkPlxuICA8ZGFmZi1xdWFudGl0eS1maWVsZCBbZm9ybUNvbnRyb2xdPVwiY29udHJvbFwiPjwvZGFmZi1xdWFudGl0eS1maWVsZD5cbjwvZGFmZi1mb3JtLWZpZWxkPlxuXG48cD5cbiAgQ29udHJvbCBWYWx1ZToge3tjb250cm9sLnZhbHVlfX1cbjwvcD5cbiJdfQ==

package/esm2020/quantity-field/examples/basic-quantity-field/basic-quantity-field.module.mjs

@@ -0,0 +1,37 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
+import { DaffQuantityFieldModule, DaffFormFieldModule, } from '@daffodil/design';
+import { BasicQuantityFieldComponent } from './basic-quantity-field.component';
+import * as i0 from "@angular/core";
+export class BasicQuantityFieldModule {
+}
+/** @nocollapse */ /** @nocollapse */ BasicQuantityFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicQuantityFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ BasicQuantityFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicQuantityFieldModule, declarations: [BasicQuantityFieldComponent], imports: [CommonModule,
+        ReactiveFormsModule,
+        DaffFormFieldModule,
+        DaffQuantityFieldModule], exports: [BasicQuantityFieldComponent] });
+/** @nocollapse */ /** @nocollapse */ BasicQuantityFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicQuantityFieldModule, imports: [[
+            CommonModule,
+            ReactiveFormsModule,
+            DaffFormFieldModule,
+            DaffQuantityFieldModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicQuantityFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BasicQuantityFieldComponent,
+                    ],
+                    exports: [
+                        BasicQuantityFieldComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        DaffFormFieldModule,
+                        DaffQuantityFieldModule,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtcXVhbnRpdHktZmllbGQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vcXVhbnRpdHktZmllbGQvZXhhbXBsZXMvc3JjL2Jhc2ljLXF1YW50aXR5LWZpZWxkL2Jhc2ljLXF1YW50aXR5LWZpZWxkLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVyRCxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLG1CQUFtQixHQUNwQixNQUFNLGtCQUFrQixDQUFDO0FBRTFCLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOztBQWdCL0UsTUFBTSxPQUFPLHdCQUF3Qjs7MkpBQXhCLHdCQUF3Qjs0SkFBeEIsd0JBQXdCLGlCQVpqQywyQkFBMkIsYUFNM0IsWUFBWTtRQUNaLG1CQUFtQjtRQUNuQixtQkFBbUI7UUFDbkIsdUJBQXVCLGFBTnZCLDJCQUEyQjs0SkFTbEIsd0JBQXdCLFlBUDFCO1lBQ1AsWUFBWTtZQUNaLG1CQUFtQjtZQUNuQixtQkFBbUI7WUFDbkIsdUJBQXVCO1NBQ3hCOzJGQUVVLHdCQUF3QjtrQkFkcEMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osMkJBQTJCO3FCQUM1QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsMkJBQTJCO3FCQUM1QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLG1CQUFtQjt3QkFDbkIsdUJBQXVCO3FCQUN4QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuaW1wb3J0IHtcbiAgRGFmZlF1YW50aXR5RmllbGRNb2R1bGUsXG4gIERhZmZGb3JtRmllbGRNb2R1bGUsXG59IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBCYXNpY1F1YW50aXR5RmllbGRDb21wb25lbnQgfSBmcm9tICcuL2Jhc2ljLXF1YW50aXR5LWZpZWxkLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIEJhc2ljUXVhbnRpdHlGaWVsZENvbXBvbmVudCxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEJhc2ljUXVhbnRpdHlGaWVsZENvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIERhZmZGb3JtRmllbGRNb2R1bGUsXG4gICAgRGFmZlF1YW50aXR5RmllbGRNb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEJhc2ljUXVhbnRpdHlGaWVsZE1vZHVsZSB7fVxuIl19