@daffodil/design 0.39.12 → 0.41.0

package/esm2020/molecules/paginator/paginator.component.mjs

@@ -0,0 +1,159 @@
+import { Component, Input, Output, EventEmitter, HostBinding, ElementRef, ChangeDetectionStrategy, Renderer2, } from '@angular/core';
+import { faChevronRight, faChevronLeft, } from '@fortawesome/free-solid-svg-icons';
+import { daffColorMixin, } from '../../core/colorable/public_api';
+import { DaffPaginatorNumberOfPagesErrorMessage, DaffPaginatorPageOutOfRangeErrorMessage, } from './paginator-errors';
+import * as i0 from "@angular/core";
+import * as i1 from "@fortawesome/angular-fontawesome";
+import * as i2 from "@angular/common";
+/**
+ * An _elementRef and an instance of renderer2 are needed for the Colorable mixin
+ */
+class DaffPaginatorBase {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+    }
+}
+const _daffPaginatorBase = daffColorMixin(DaffPaginatorBase);
+const visiblePageRange = 2;
+/**
+ * @inheritdoc
+ */
+export class DaffPaginatorComponent extends _daffPaginatorBase {
+    constructor(elementRef, renderer) {
+        super(elementRef, renderer);
+        this.elementRef = elementRef;
+        this.renderer = renderer;
+        /**
+         * @docs-private
+         */
+        this.class = true;
+        /**
+         * @docs-private
+         */
+        this.role = 'navigation';
+        /**
+         * @docs-private
+         */
+        this.faChevronRight = faChevronRight;
+        /**
+         * @docs-private
+         */
+        this.faChevronLeft = faChevronLeft;
+        /**
+         * Emits when the current page changes with the new current page.
+         */
+        this.notifyPageChange = new EventEmitter();
+        const ariaLabel = elementRef.nativeElement.attributes['aria-label'];
+        this._paginatorId = ariaLabel ? ariaLabel.nodeValue : null;
+    }
+    /**
+     * @docs-private
+     */
+    ngOnChanges() {
+        if (this.numberOfPages < 1) {
+            throw new Error(DaffPaginatorNumberOfPagesErrorMessage);
+        }
+        else if (this.numberOfPages < this.currentPage) {
+            throw new Error(DaffPaginatorPageOutOfRangeErrorMessage);
+        }
+        this._numberOfPagesArray = this.numberOfPages < 2 ? [] : Array(this.numberOfPages - 2).fill(this.numberOfPages - 2).map((x, i) => i + 2);
+    }
+    /**
+     * Emits the previous page number through notifyPageChange Output.
+     *
+     * @docs-private
+     */
+    _onNotifyPrevPageChange() {
+        this.notifyPageChange.emit(this.currentPage - 1);
+    }
+    /**
+     * Emits the next page number through notifyPageChange Output.
+     *
+     * @docs-private
+     */
+    _onNotifyNextPageChange() {
+        this.notifyPageChange.emit(this.currentPage + 1);
+    }
+    /**
+     * Emits a pageNumber to notifyPageChange Output.
+     *
+     * @docs-private
+     * @param pageNumber a page number
+     */
+    _onNotifyPageChange(pageNumber) {
+        this.notifyPageChange.emit(pageNumber);
+    }
+    /**
+     * A simple function that determines if the given page number is the current page number.
+     *
+     * @docs-private
+     * @param page a page number
+     */
+    _isSelected(page) {
+        return page === this.currentPage;
+    }
+    /**
+     * Determines when ellipsis after the first page number should show.
+     *
+     * @docs-private
+     */
+    _showFirstEllipsis() {
+        return this.currentPage >= visiblePageRange + 2;
+    }
+    /**
+     * Determines when ellipsis before the final page number should show.
+     *
+     * @docs-private
+     */
+    _showLastEllipsis() {
+        return this.currentPage < (this.numberOfPages - visiblePageRange);
+    }
+    /**
+     * Determines if the given page number should be shown. The two additional 'or' conditionals are needed
+     * so the paginator retains the same total width at the extreme page numbers (1 and numberOfPages).
+     *
+     * @docs-private
+     * @param pageNumber page number to check.
+     */
+    _showNumber(pageNumber) {
+        return Math.abs(this.currentPage - pageNumber) < visiblePageRange
+            || (this.currentPage <= visiblePageRange && pageNumber <= 2 * visiblePageRange)
+            || (this.currentPage > this.numberOfPages - visiblePageRange && pageNumber > this.numberOfPages - 2 * visiblePageRange);
+    }
+    /**
+     * Determines when the Previous button should be disabled.
+     *
+     * @docs-private
+     */
+    _disablePrev() {
+        return this.currentPage === 1;
+    }
+    /**
+     * Determines when the Next button should be disabled.
+     *
+     * @docs-private
+     */
+    _disableNext() {
+        return this.currentPage === this.numberOfPages;
+    }
+}
+/** @nocollapse */ /** @nocollapse */ DaffPaginatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffPaginatorComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ DaffPaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffPaginatorComponent, selector: "daff-paginator", inputs: { color: "color", numberOfPages: "numberOfPages", currentPage: "currentPage" }, outputs: { notifyPageChange: "notifyPageChange" }, host: { properties: { "class.daff-paginator": "this.class", "attr.role": "this.role" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<button type=\"button\" class=\"daff-paginator__previous\"\n  [disabled]=\"_disablePrev()\"\n  tabindex=\"0\"\n  attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n  (click)=\"_onNotifyPrevPageChange()\">\n  <fa-icon [icon]=\"faChevronLeft\"></fa-icon> Previous\n</button>\n\n<button type=\"button\" class=\"daff-paginator__page-link\"\n  [class.selected]=\"_isSelected(1)\"\n  tabindex=\"0\"\n  attr.aria-label=\"Go to Page 1 of {{_paginatorId}} Paginator\"\n  (click)=\"_onNotifyPageChange(1)\">\n  1\n</button>\n\n<span class=\"daff-paginator__ellipsis\" *ngIf=\"_showFirstEllipsis()\">...</span>\n\n<ng-container *ngFor=\"let pageNumber of _numberOfPagesArray\">\n  <button type=\"button\" class=\"daff-paginator__page-link\"\n    [class.selected]=\"_isSelected(pageNumber)\"\n    tabindex=\"0\"\n    attr.aria-label=\"Go to Page {{pageNumber}} of {{_paginatorId}} Paginator\"\n    aria-current=\"_isSelected(pageNumber)\"\n    *ngIf=\"_showNumber(pageNumber)\"\n    (click)=\"_onNotifyPageChange(pageNumber)\">\n    {{ pageNumber }}\n  </button>\n</ng-container>\n\n<span class=\"daff-paginator__ellipsis\" *ngIf=\"_showLastEllipsis()\">...</span>\n\n<button type=\"button\" class=\"daff-paginator__page-link\"\n  [class.selected]=\"_isSelected(numberOfPages)\"\n  tabindex=\"0\"\n  attr.aria-label=\"Go To Page {{numberOfPages}} of {{_paginatorId}} Paginator\"\n  (click)=\"_onNotifyPageChange(numberOfPages)\"\n  *ngIf=\"!(numberOfPages < 2)\">\n  {{ numberOfPages }}\n</button>\n\n<button class=\"daff-paginator__next\"\n  [disabled]=\"_disableNext()\"\n  tabindex=\"0\"\n  attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n  (click)=\"_onNotifyNextPageChange()\">\n  Next <fa-icon [icon]=\"faChevronRight\"></fa-icon>\n</button>\n", styles: [":host{display:flex}.daff-paginator__previous,.daff-paginator__next{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;-webkit-appearance:none;appearance:none;background:transparent;border:0;border-radius:3px;display:flex;line-height:1em;padding:5px 10px}.daff-paginator__previous fa-icon{margin-right:10px}.daff-paginator__next fa-icon{margin-left:10px}.daff-paginator__ellipsis{padding:5px 10px}.daff-paginator__page-link{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:3px;display:inline-block;margin:0 5px;padding:5px 10px;transition:background .15s ease}\n"], components: [{ type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffPaginatorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'daff-paginator', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button type=\"button\" class=\"daff-paginator__previous\"\n  [disabled]=\"_disablePrev()\"\n  tabindex=\"0\"\n  attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n  (click)=\"_onNotifyPrevPageChange()\">\n  <fa-icon [icon]=\"faChevronLeft\"></fa-icon> Previous\n</button>\n\n<button type=\"button\" class=\"daff-paginator__page-link\"\n  [class.selected]=\"_isSelected(1)\"\n  tabindex=\"0\"\n  attr.aria-label=\"Go to Page 1 of {{_paginatorId}} Paginator\"\n  (click)=\"_onNotifyPageChange(1)\">\n  1\n</button>\n\n<span class=\"daff-paginator__ellipsis\" *ngIf=\"_showFirstEllipsis()\">...</span>\n\n<ng-container *ngFor=\"let pageNumber of _numberOfPagesArray\">\n  <button type=\"button\" class=\"daff-paginator__page-link\"\n    [class.selected]=\"_isSelected(pageNumber)\"\n    tabindex=\"0\"\n    attr.aria-label=\"Go to Page {{pageNumber}} of {{_paginatorId}} Paginator\"\n    aria-current=\"_isSelected(pageNumber)\"\n    *ngIf=\"_showNumber(pageNumber)\"\n    (click)=\"_onNotifyPageChange(pageNumber)\">\n    {{ pageNumber }}\n  </button>\n</ng-container>\n\n<span class=\"daff-paginator__ellipsis\" *ngIf=\"_showLastEllipsis()\">...</span>\n\n<button type=\"button\" class=\"daff-paginator__page-link\"\n  [class.selected]=\"_isSelected(numberOfPages)\"\n  tabindex=\"0\"\n  attr.aria-label=\"Go To Page {{numberOfPages}} of {{_paginatorId}} Paginator\"\n  (click)=\"_onNotifyPageChange(numberOfPages)\"\n  *ngIf=\"!(numberOfPages < 2)\">\n  {{ numberOfPages }}\n</button>\n\n<button class=\"daff-paginator__next\"\n  [disabled]=\"_disableNext()\"\n  tabindex=\"0\"\n  attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n  (click)=\"_onNotifyNextPageChange()\">\n  Next <fa-icon [icon]=\"faChevronRight\"></fa-icon>\n</button>\n", styles: [":host{display:flex}.daff-paginator__previous,.daff-paginator__next{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;-webkit-appearance:none;appearance:none;background:transparent;border:0;border-radius:3px;display:flex;line-height:1em;padding:5px 10px}.daff-paginator__previous fa-icon{margin-right:10px}.daff-paginator__next fa-icon{margin-left:10px}.daff-paginator__ellipsis{padding:5px 10px}.daff-paginator__page-link{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:3px;display:inline-block;margin:0 5px;padding:5px 10px;transition:background .15s ease}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-paginator']
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], numberOfPages: [{
+                type: Input
+            }], currentPage: [{
+                type: Input
+            }], notifyPageChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9tb2xlY3VsZXMvcGFnaW5hdG9yL3BhZ2luYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvbW9sZWN1bGVzL3BhZ2luYXRvci9wYWdpbmF0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksRUFDWixXQUFXLEVBQ1gsVUFBVSxFQUVWLHVCQUF1QixFQUN2QixTQUFTLEdBRVYsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLGNBQWMsRUFDZCxhQUFhLEdBQ2QsTUFBTSxtQ0FBbUMsQ0FBQztBQUUzQyxPQUFPLEVBQ0wsY0FBYyxHQUdmLE1BQU0saUNBQWlDLENBQUM7QUFDekMsT0FBTyxFQUNMLHNDQUFzQyxFQUN0Qyx1Q0FBdUMsR0FDeEMsTUFBTSxvQkFBb0IsQ0FBQzs7OztBQUU1Qjs7R0FFRztBQUNILE1BQU0saUJBQWlCO0lBQ3JCLFlBQW1CLFdBQXVCLEVBQVMsU0FBb0I7UUFBcEQsZ0JBQVcsR0FBWCxXQUFXLENBQVk7UUFBUyxjQUFTLEdBQVQsU0FBUyxDQUFXO0lBQUcsQ0FBQztDQUM1RTtBQUVELE1BQU0sa0JBQWtCLEdBQUcsY0FBYyxDQUFDLGlCQUFpQixDQUFDLENBQUM7QUFFN0QsTUFBTSxnQkFBZ0IsR0FBRyxDQUFDLENBQUM7QUFFM0I7O0dBRUc7QUFVSCxNQUFNLE9BQU8sc0JBQXVCLFNBQVEsa0JBQWtCO0lBeUI3RCxZQUFvQixVQUFzQixFQUFVLFFBQW1CO1FBQ3JFLEtBQUssQ0FBQyxVQUFVLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFEVixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQVUsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQXZCdkU7O1dBRUc7UUFDa0MsVUFBSyxHQUFHLElBQUksQ0FBQztRQUNsRDs7V0FFRztRQUN3QixTQUFJLEdBQUcsWUFBWSxDQUFDO1FBRS9DOztXQUVHO1FBQ0gsbUJBQWMsR0FBRyxjQUFjLENBQUM7UUFDaEM7O1dBRUc7UUFDRixrQkFBYSxHQUFHLGFBQWEsQ0FBQztRQTZCOUI7O1dBRUc7UUFDTyxxQkFBZ0IsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQXZCbEUsTUFBTSxTQUFTLEdBQUcsVUFBVSxDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDcEUsSUFBSSxDQUFDLFlBQVksR0FBRyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUM3RCxDQUFDO0lBdUJBOztPQUVHO0lBQ0gsV0FBVztRQUNULElBQUcsSUFBSSxDQUFDLGFBQWEsR0FBRyxDQUFDLEVBQUU7WUFDekIsTUFBTSxJQUFJLEtBQUssQ0FBQyxzQ0FBc0MsQ0FBQyxDQUFDO1NBQ3pEO2FBQU0sSUFBRyxJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFDL0MsTUFBTSxJQUFJLEtBQUssQ0FBQyx1Q0FBdUMsQ0FBQyxDQUFDO1NBQzFEO1FBRUQsSUFBSSxDQUFDLG1CQUFtQixHQUFHLElBQUksQ0FBQyxhQUFhLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsYUFBYSxHQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxHQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBQyxDQUFDLEVBQUMsRUFBRSxDQUFBLENBQUMsR0FBQyxDQUFDLENBQUMsQ0FBQztJQUNsSSxDQUFDO0lBRUQ7Ozs7T0FJRztJQUNILHVCQUF1QjtRQUNyQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxDQUFDLENBQUM7SUFDbkQsQ0FBQztJQUVEOzs7O09BSUc7SUFDSCx1QkFBdUI7UUFDckIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQ25ELENBQUM7SUFFRDs7Ozs7T0FLRztJQUNILG1CQUFtQixDQUFDLFVBQWtCO1FBQ3BDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDekMsQ0FBQztJQUVEOzs7OztPQUtHO0lBQ0gsV0FBVyxDQUFDLElBQVk7UUFDdEIsT0FBTyxJQUFJLEtBQUssSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUNuQyxDQUFDO0lBRUQ7Ozs7T0FJRztJQUNILGtCQUFrQjtRQUNoQixPQUFPLElBQUksQ0FBQyxXQUFXLElBQUksZ0JBQWdCLEdBQUMsQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFFRDs7OztPQUlHO0lBQ0gsaUJBQWlCO1FBQ2YsT0FBTyxJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsSUFBSSxDQUFDLGFBQWEsR0FBRyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQ3BFLENBQUM7SUFFRDs7Ozs7O09BTUc7SUFDSCxXQUFXLENBQUMsVUFBa0I7UUFDNUIsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLEdBQUcsVUFBVSxDQUFDLEdBQUcsZ0JBQWdCO2VBQzVELENBQUMsSUFBSSxDQUFDLFdBQVcsSUFBSSxnQkFBZ0IsSUFBSSxVQUFVLElBQUksQ0FBQyxHQUFDLGdCQUFnQixDQUFDO2VBQzFFLENBQUMsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsYUFBYSxHQUFHLGdCQUFnQixJQUFJLFVBQVUsR0FBRyxJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsR0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQzFILENBQUM7SUFFRDs7OztPQUlHO0lBQ0gsWUFBWTtRQUNWLE9BQU8sSUFBSSxDQUFDLFdBQVcsS0FBSyxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVEOzs7O09BSUc7SUFDSCxZQUFZO1FBQ1YsT0FBTyxJQUFJLENBQUMsV0FBVyxLQUFLLElBQUksQ0FBQyxhQUFhLENBQUM7SUFDakQsQ0FBQzs7eUpBdEpVLHNCQUFzQjs2SUFBdEIsc0JBQXNCLHVVQ2xEbkMsa3ZEQWdEQTsyRkRFYSxzQkFBc0I7a0JBVGxDLFNBQVM7K0JBQ0UsZ0JBQWdCLFVBS2xCLENBQUMsT0FBTyxDQUFDLG1CQUNBLHVCQUF1QixDQUFDLE1BQU07eUhBT1gsS0FBSztzQkFBekMsV0FBVzt1QkFBQyxzQkFBc0I7Z0JBSVIsSUFBSTtzQkFBN0IsV0FBVzt1QkFBQyxXQUFXO2dCQTBCZixhQUFhO3NCQUFyQixLQUFLO2dCQUtHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBVUksZ0JBQWdCO3NCQUF6QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBFbGVtZW50UmVmLFxuICBPbkNoYW5nZXMsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBSZW5kZXJlcjIsXG4gIE9uSW5pdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBmYUNoZXZyb25SaWdodCxcbiAgZmFDaGV2cm9uTGVmdCxcbn0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuaW1wb3J0IHtcbiAgZGFmZkNvbG9yTWl4aW4sXG4gIERhZmZQYWxldHRlLFxuICBEYWZmQ29sb3JhYmxlLFxufSBmcm9tICcuLi8uLi9jb3JlL2NvbG9yYWJsZS9wdWJsaWNfYXBpJztcbmltcG9ydCB7XG4gIERhZmZQYWdpbmF0b3JOdW1iZXJPZlBhZ2VzRXJyb3JNZXNzYWdlLFxuICBEYWZmUGFnaW5hdG9yUGFnZU91dE9mUmFuZ2VFcnJvck1lc3NhZ2UsXG59IGZyb20gJy4vcGFnaW5hdG9yLWVycm9ycyc7XG5cbi8qKlxuICogQW4gX2VsZW1lbnRSZWYgYW5kIGFuIGluc3RhbmNlIG9mIHJlbmRlcmVyMiBhcmUgbmVlZGVkIGZvciB0aGUgQ29sb3JhYmxlIG1peGluXG4gKi9cbmNsYXNzIERhZmZQYWdpbmF0b3JCYXNlIHtcbiAgY29uc3RydWN0b3IocHVibGljIF9lbGVtZW50UmVmOiBFbGVtZW50UmVmLCBwdWJsaWMgX3JlbmRlcmVyOiBSZW5kZXJlcjIpIHt9XG59XG5cbmNvbnN0IF9kYWZmUGFnaW5hdG9yQmFzZSA9IGRhZmZDb2xvck1peGluKERhZmZQYWdpbmF0b3JCYXNlKTtcblxuY29uc3QgdmlzaWJsZVBhZ2VSYW5nZSA9IDI7XG5cbi8qKlxuICogQGluaGVyaXRkb2NcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGFmZi1wYWdpbmF0b3InLFxuICBzdHlsZVVybHM6IFsnLi9wYWdpbmF0b3IuY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2luYXRvci5jb21wb25lbnQuaHRtbCcsXG4gIC8vdG9kbyhkYW1pZW53ZWJkZXYpOiByZW1vdmUgb25jZSBkZWNvcmF0b3JzIGhpdCBzdGFnZSAzIC0gaHR0cHM6Ly9naXRodWIuY29tL21pY3Jvc29mdC9UeXBlU2NyaXB0L2lzc3Vlcy83MzQyXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8taW5wdXRzLW1ldGFkYXRhLXByb3BlcnR5XG4gIGlucHV0czogWydjb2xvciddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZlBhZ2luYXRvckNvbXBvbmVudCBleHRlbmRzIF9kYWZmUGFnaW5hdG9yQmFzZSBpbXBsZW1lbnRzIE9uQ2hhbmdlcywgRGFmZkNvbG9yYWJsZSB7XG5cblx0LyoqXG5cdCAqIEBkb2NzLXByaXZhdGVcblx0ICovXG5cdEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1wYWdpbmF0b3InKSBjbGFzcyA9IHRydWU7XG5cdC8qKlxuXHQgKiBAZG9jcy1wcml2YXRlXG5cdCAqL1xuICBASG9zdEJpbmRpbmcoJ2F0dHIucm9sZScpIHJvbGUgPSAnbmF2aWdhdGlvbic7XG5cblx0LyoqXG5cdCAqIEBkb2NzLXByaXZhdGVcblx0ICovXG5cdGZhQ2hldnJvblJpZ2h0ID0gZmFDaGV2cm9uUmlnaHQ7XG5cdC8qKlxuXHQgKiBAZG9jcy1wcml2YXRlXG5cdCAqL1xuICBmYUNoZXZyb25MZWZ0ID0gZmFDaGV2cm9uTGVmdDtcblxuXHQvKipcblx0ICogQGRvY3MtcHJpdmF0ZVxuXHQgKi9cblx0X3BhZ2luYXRvcklkOiBzdHJpbmc7XG5cblx0Y29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmLCBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIpIHtcblx0ICBzdXBlcihlbGVtZW50UmVmLCByZW5kZXJlcik7XG5cdCAgY29uc3QgYXJpYUxhYmVsID0gZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmF0dHJpYnV0ZXNbJ2FyaWEtbGFiZWwnXTtcblx0ICB0aGlzLl9wYWdpbmF0b3JJZCA9IGFyaWFMYWJlbCA/IGFyaWFMYWJlbC5ub2RlVmFsdWUgOiBudWxsO1xuXHR9XG5cbiAgLyoqXG4gICAqIFRoZSB0b3RhbCBudW1iZXIgb2YgcGFnZXMgdGhlIHBhZ2luYXRvciB0cmFja3MuIFRoaXMgbnVtYmVyIGNhbiBjaGFuZ2UgZHluYW1pY2FsbHksIGJ1dCB0aGUgZW5kIHVzZXIgaXMgcmVzcG9uc2libGUgZm9yIGtlZXBpbmcgbnVtYmVyT2ZQYWdlc1xuICAgKiBhbmQgY3VycmVudFBhZ2UgaW4gc3luYy4gRm9yIGV4YW1wbGUsIGlmIHRoZSBudW1iZXJPZlBhZ2VzIGlzIGR5bmFtaWNhbGx5IGNoYW5nZWQgdG8gYSB2YWx1ZSBsZXNzIHRoYW4gdGhlIGN1cnJlbnRQYWdlLCB0aGUgcGFnaW5hdG9yIHdpbGwgYnJlYWsuXG4gICAqL1xuICBASW5wdXQoKSBudW1iZXJPZlBhZ2VzOiBudW1iZXI7XG5cbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50bHkgc2VsZWN0ZWQgcGFnZS5cbiAgICovXG4gIEBJbnB1dCgpIGN1cnJlbnRQYWdlOiBudW1iZXI7XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIF9udW1iZXJPZlBhZ2VzQXJyYXk6IG51bWJlcltdO1xuXG4gIC8qKlxuICAgKiBFbWl0cyB3aGVuIHRoZSBjdXJyZW50IHBhZ2UgY2hhbmdlcyB3aXRoIHRoZSBuZXcgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgQE91dHB1dCgpIG5vdGlmeVBhZ2VDaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBuZ09uQ2hhbmdlcygpIHtcbiAgICBpZih0aGlzLm51bWJlck9mUGFnZXMgPCAxKSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoRGFmZlBhZ2luYXRvck51bWJlck9mUGFnZXNFcnJvck1lc3NhZ2UpO1xuICAgIH0gZWxzZSBpZih0aGlzLm51bWJlck9mUGFnZXMgPCB0aGlzLmN1cnJlbnRQYWdlKSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoRGFmZlBhZ2luYXRvclBhZ2VPdXRPZlJhbmdlRXJyb3JNZXNzYWdlKTtcbiAgICB9XG5cbiAgICB0aGlzLl9udW1iZXJPZlBhZ2VzQXJyYXkgPSB0aGlzLm51bWJlck9mUGFnZXMgPCAyID8gW10gOiBBcnJheSh0aGlzLm51bWJlck9mUGFnZXMtMikuZmlsbCh0aGlzLm51bWJlck9mUGFnZXMtMikubWFwKCh4LGkpPT5pKzIpO1xuICB9XG5cbiAgLyoqXG4gICAqIEVtaXRzIHRoZSBwcmV2aW91cyBwYWdlIG51bWJlciB0aHJvdWdoIG5vdGlmeVBhZ2VDaGFuZ2UgT3V0cHV0LlxuICAgKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBfb25Ob3RpZnlQcmV2UGFnZUNoYW5nZSgpIHtcbiAgICB0aGlzLm5vdGlmeVBhZ2VDaGFuZ2UuZW1pdCh0aGlzLmN1cnJlbnRQYWdlIC0gMSk7XG4gIH1cblxuICAvKipcbiAgICogRW1pdHMgdGhlIG5leHQgcGFnZSBudW1iZXIgdGhyb3VnaCBub3RpZnlQYWdlQ2hhbmdlIE91dHB1dC5cbiAgICpcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgX29uTm90aWZ5TmV4dFBhZ2VDaGFuZ2UoKSB7XG4gICAgdGhpcy5ub3RpZnlQYWdlQ2hhbmdlLmVtaXQodGhpcy5jdXJyZW50UGFnZSArIDEpO1xuICB9XG5cbiAgLyoqXG4gICAqIEVtaXRzIGEgcGFnZU51bWJlciB0byBub3RpZnlQYWdlQ2hhbmdlIE91dHB1dC5cbiAgICpcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKiBAcGFyYW0gcGFnZU51bWJlciBhIHBhZ2UgbnVtYmVyXG4gICAqL1xuICBfb25Ob3RpZnlQYWdlQ2hhbmdlKHBhZ2VOdW1iZXI6IG51bWJlcikge1xuICAgIHRoaXMubm90aWZ5UGFnZUNoYW5nZS5lbWl0KHBhZ2VOdW1iZXIpO1xuICB9XG5cbiAgLyoqXG4gICAqIEEgc2ltcGxlIGZ1bmN0aW9uIHRoYXQgZGV0ZXJtaW5lcyBpZiB0aGUgZ2l2ZW4gcGFnZSBudW1iZXIgaXMgdGhlIGN1cnJlbnQgcGFnZSBudW1iZXIuXG4gICAqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICogQHBhcmFtIHBhZ2UgYSBwYWdlIG51bWJlclxuICAgKi9cbiAgX2lzU2VsZWN0ZWQocGFnZTogbnVtYmVyKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHBhZ2UgPT09IHRoaXMuY3VycmVudFBhZ2U7XG4gIH1cblxuICAvKipcbiAgICogRGV0ZXJtaW5lcyB3aGVuIGVsbGlwc2lzIGFmdGVyIHRoZSBmaXJzdCBwYWdlIG51bWJlciBzaG91bGQgc2hvdy5cbiAgICpcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgX3Nob3dGaXJzdEVsbGlwc2lzKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmN1cnJlbnRQYWdlID49IHZpc2libGVQYWdlUmFuZ2UrMjtcbiAgfVxuXG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIHdoZW4gZWxsaXBzaXMgYmVmb3JlIHRoZSBmaW5hbCBwYWdlIG51bWJlciBzaG91bGQgc2hvdy5cbiAgICpcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgX3Nob3dMYXN0RWxsaXBzaXMoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuY3VycmVudFBhZ2UgPCAodGhpcy5udW1iZXJPZlBhZ2VzIC0gdmlzaWJsZVBhZ2VSYW5nZSk7XG4gIH1cblxuICAvKipcbiAgICogRGV0ZXJtaW5lcyBpZiB0aGUgZ2l2ZW4gcGFnZSBudW1iZXIgc2hvdWxkIGJlIHNob3duLiBUaGUgdHdvIGFkZGl0aW9uYWwgJ29yJyBjb25kaXRpb25hbHMgYXJlIG5lZWRlZFxuICAgKiBzbyB0aGUgcGFnaW5hdG9yIHJldGFpbnMgdGhlIHNhbWUgdG90YWwgd2lkdGggYXQgdGhlIGV4dHJlbWUgcGFnZSBudW1iZXJzICgxIGFuZCBudW1iZXJPZlBhZ2VzKS5cbiAgICpcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKiBAcGFyYW0gcGFnZU51bWJlciBwYWdlIG51bWJlciB0byBjaGVjay5cbiAgICovXG4gIF9zaG93TnVtYmVyKHBhZ2VOdW1iZXI6IG51bWJlcik6IGJvb2xlYW4ge1xuICAgIHJldHVybiBNYXRoLmFicyh0aGlzLmN1cnJlbnRQYWdlIC0gcGFnZU51bWJlcikgPCB2aXNpYmxlUGFnZVJhbmdlXG4gICAgICB8fCAodGhpcy5jdXJyZW50UGFnZSA8PSB2aXNpYmxlUGFnZVJhbmdlICYmIHBhZ2VOdW1iZXIgPD0gMip2aXNpYmxlUGFnZVJhbmdlKVxuICAgICAgfHwgKHRoaXMuY3VycmVudFBhZ2UgPiB0aGlzLm51bWJlck9mUGFnZXMgLSB2aXNpYmxlUGFnZVJhbmdlICYmIHBhZ2VOdW1iZXIgPiB0aGlzLm51bWJlck9mUGFnZXMgLSAyKnZpc2libGVQYWdlUmFuZ2UpO1xuICB9XG5cbiAgLyoqXG4gICAqIERldGVybWluZXMgd2hlbiB0aGUgUHJldmlvdXMgYnV0dG9uIHNob3VsZCBiZSBkaXNhYmxlZC5cbiAgICpcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgX2Rpc2FibGVQcmV2KCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmN1cnJlbnRQYWdlID09PSAxO1xuICB9XG5cbiAgLyoqXG4gICAqIERldGVybWluZXMgd2hlbiB0aGUgTmV4dCBidXR0b24gc2hvdWxkIGJlIGRpc2FibGVkLlxuICAgKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBfZGlzYWJsZU5leHQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuY3VycmVudFBhZ2UgPT09IHRoaXMubnVtYmVyT2ZQYWdlcztcbiAgfVxufVxuIiwiPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJkYWZmLXBhZ2luYXRvcl9fcHJldmlvdXNcIlxuICBbZGlzYWJsZWRdPVwiX2Rpc2FibGVQcmV2KClcIlxuICB0YWJpbmRleD1cIjBcIlxuICBhdHRyLmFyaWEtbGFiZWw9XCJHbyB0byBQcmV2aW91cyBQYWdlIG9mIHt7X3BhZ2luYXRvcklkfX0gUGFnaW5hdG9yXCJcbiAgKGNsaWNrKT1cIl9vbk5vdGlmeVByZXZQYWdlQ2hhbmdlKClcIj5cbiAgPGZhLWljb24gW2ljb25dPVwiZmFDaGV2cm9uTGVmdFwiPjwvZmEtaWNvbj4gUHJldmlvdXNcbjwvYnV0dG9uPlxuXG48YnV0dG9uIHR5cGU9XCJidXR0b25cIiBjbGFzcz1cImRhZmYtcGFnaW5hdG9yX19wYWdlLWxpbmtcIlxuICBbY2xhc3Muc2VsZWN0ZWRdPVwiX2lzU2VsZWN0ZWQoMSlcIlxuICB0YWJpbmRleD1cIjBcIlxuICBhdHRyLmFyaWEtbGFiZWw9XCJHbyB0byBQYWdlIDEgb2Yge3tfcGFnaW5hdG9ySWR9fSBQYWdpbmF0b3JcIlxuICAoY2xpY2spPVwiX29uTm90aWZ5UGFnZUNoYW5nZSgxKVwiPlxuICAxXG48L2J1dHRvbj5cblxuPHNwYW4gY2xhc3M9XCJkYWZmLXBhZ2luYXRvcl9fZWxsaXBzaXNcIiAqbmdJZj1cIl9zaG93Rmlyc3RFbGxpcHNpcygpXCI+Li4uPC9zcGFuPlxuXG48bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBwYWdlTnVtYmVyIG9mIF9udW1iZXJPZlBhZ2VzQXJyYXlcIj5cbiAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJkYWZmLXBhZ2luYXRvcl9fcGFnZS1saW5rXCJcbiAgICBbY2xhc3Muc2VsZWN0ZWRdPVwiX2lzU2VsZWN0ZWQocGFnZU51bWJlcilcIlxuICAgIHRhYmluZGV4PVwiMFwiXG4gICAgYXR0ci5hcmlhLWxhYmVsPVwiR28gdG8gUGFnZSB7e3BhZ2VOdW1iZXJ9fSBvZiB7e19wYWdpbmF0b3JJZH19IFBhZ2luYXRvclwiXG4gICAgYXJpYS1jdXJyZW50PVwiX2lzU2VsZWN0ZWQocGFnZU51bWJlcilcIlxuICAgICpuZ0lmPVwiX3Nob3dOdW1iZXIocGFnZU51bWJlcilcIlxuICAgIChjbGljayk9XCJfb25Ob3RpZnlQYWdlQ2hhbmdlKHBhZ2VOdW1iZXIpXCI+XG4gICAge3sgcGFnZU51bWJlciB9fVxuICA8L2J1dHRvbj5cbjwvbmctY29udGFpbmVyPlxuXG48c3BhbiBjbGFzcz1cImRhZmYtcGFnaW5hdG9yX19lbGxpcHNpc1wiICpuZ0lmPVwiX3Nob3dMYXN0RWxsaXBzaXMoKVwiPi4uLjwvc3Bhbj5cblxuPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJkYWZmLXBhZ2luYXRvcl9fcGFnZS1saW5rXCJcbiAgW2NsYXNzLnNlbGVjdGVkXT1cIl9pc1NlbGVjdGVkKG51bWJlck9mUGFnZXMpXCJcbiAgdGFiaW5kZXg9XCIwXCJcbiAgYXR0ci5hcmlhLWxhYmVsPVwiR28gVG8gUGFnZSB7e251bWJlck9mUGFnZXN9fSBvZiB7e19wYWdpbmF0b3JJZH19IFBhZ2luYXRvclwiXG4gIChjbGljayk9XCJfb25Ob3RpZnlQYWdlQ2hhbmdlKG51bWJlck9mUGFnZXMpXCJcbiAgKm5nSWY9XCIhKG51bWJlck9mUGFnZXMgPCAyKVwiPlxuICB7eyBudW1iZXJPZlBhZ2VzIH19XG48L2J1dHRvbj5cblxuPGJ1dHRvbiBjbGFzcz1cImRhZmYtcGFnaW5hdG9yX19uZXh0XCJcbiAgW2Rpc2FibGVkXT1cIl9kaXNhYmxlTmV4dCgpXCJcbiAgdGFiaW5kZXg9XCIwXCJcbiAgYXR0ci5hcmlhLWxhYmVsPVwiR28gdG8gTmV4dCBQYWdlIG9mIHt7X3BhZ2luYXRvcklkfX0gUGFnaW5hdG9yXCJcbiAgKGNsaWNrKT1cIl9vbk5vdGlmeU5leHRQYWdlQ2hhbmdlKClcIj5cbiAgTmV4dCA8ZmEtaWNvbiBbaWNvbl09XCJmYUNoZXZyb25SaWdodFwiPjwvZmEtaWNvbj5cbjwvYnV0dG9uPlxuIl19

package/esm2020/molecules/paginator/paginator.module.mjs

@@ -0,0 +1,34 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { DaffButtonModule } from '../../atoms/button/public_api';
+import { DaffPaginatorComponent } from './paginator.component';
+import * as i0 from "@angular/core";
+export class DaffPaginatorModule {
+}
+/** @nocollapse */ /** @nocollapse */ DaffPaginatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffPaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ DaffPaginatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffPaginatorModule, declarations: [DaffPaginatorComponent], imports: [CommonModule,
+        FontAwesomeModule,
+        DaffButtonModule], exports: [DaffPaginatorComponent] });
+/** @nocollapse */ /** @nocollapse */ DaffPaginatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffPaginatorModule, imports: [[
+            CommonModule,
+            FontAwesomeModule,
+            DaffButtonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffPaginatorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FontAwesomeModule,
+                        DaffButtonModule,
+                    ],
+                    declarations: [
+                        DaffPaginatorComponent,
+                    ],
+                    exports: [
+                        DaffPaginatorComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdG9yLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9tb2xlY3VsZXMvcGFnaW5hdG9yL3BhZ2luYXRvci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFFckUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDakUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBZS9ELE1BQU0sT0FBTyxtQkFBbUI7O3NKQUFuQixtQkFBbUI7dUpBQW5CLG1CQUFtQixpQkFONUIsc0JBQXNCLGFBTHRCLFlBQVk7UUFDWixpQkFBaUI7UUFDakIsZ0JBQWdCLGFBTWhCLHNCQUFzQjt1SkFHYixtQkFBbUIsWUFackI7WUFDUCxZQUFZO1lBQ1osaUJBQWlCO1lBQ2pCLGdCQUFnQjtTQUNqQjsyRkFRVSxtQkFBbUI7a0JBYi9CLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osaUJBQWlCO3dCQUNqQixnQkFBZ0I7cUJBQ2pCO29CQUNELFlBQVksRUFBRTt3QkFDWixzQkFBc0I7cUJBQ3ZCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxzQkFBc0I7cUJBQ3ZCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb250QXdlc29tZU1vZHVsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcblxuaW1wb3J0IHsgRGFmZkJ1dHRvbk1vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL2J1dHRvbi9wdWJsaWNfYXBpJztcbmltcG9ydCB7IERhZmZQYWdpbmF0b3JDb21wb25lbnQgfSBmcm9tICcuL3BhZ2luYXRvci5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEZvbnRBd2Vzb21lTW9kdWxlLFxuICAgIERhZmZCdXR0b25Nb2R1bGUsXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIERhZmZQYWdpbmF0b3JDb21wb25lbnQsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBEYWZmUGFnaW5hdG9yQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmUGFnaW5hdG9yTW9kdWxlIHt9XG4iXX0=

package/esm2020/molecules/qty-dropdown/qty-dropdown.component.mjs

@@ -0,0 +1,115 @@
+import { Component, Input, Renderer2, Output, EventEmitter, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../atoms/form/form-field/form-field/form-field.component";
+import * as i2 from "../../atoms/form/select/select/select.component";
+import * as i3 from "../../atoms/form/input/input.component";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/forms";
+/**
+ * @deprecated See {@link DaffQuantityFieldComponent}
+ */
+// ChangeDetection is ignored because this component is deprecated and will be removed
+// eslint-disable-next-line @angular-eslint/prefer-on-push-component-change-detection
+export class DaffQtyDropdownComponent {
+    constructor(renderer) {
+        this.renderer = renderer;
+        this.dropdownRange = 9;
+        this.qtyChanged = new EventEmitter();
+        /**
+         * @docs-private
+         */
+        this.onChange = (qty) => { };
+        /**
+         * @docs-private
+         */
+        this.onTouched = () => { };
+    }
+    /**
+     * @docs-private
+     */
+    ngOnInit() {
+        this.dropdownItemCounter = Array.from(Array(this.dropdownRange), (x, i) => i);
+        if (!this.qty) {
+            this.qty = 1;
+        }
+    }
+    /**
+     * @docs-private
+     */
+    writeValue(qty) {
+        this.qty = qty;
+        this.onChange(this.qty);
+    }
+    /**
+     * @docs-private
+     */
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    /**
+     * @docs-private
+     */
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    /**
+     * @docs-private
+     */
+    setDisabledState(isDisabled) {
+        if (this.inputHasBeenShown) {
+            this.renderer.setProperty(document.getElementById('input_' + this.id), 'disabled', isDisabled);
+        }
+        else {
+            this.renderer.setProperty(document.getElementById('select_' + this.id), 'disabled', isDisabled);
+        }
+    }
+    /**
+     * @docs-private
+     */
+    get showQtyInputField() {
+        if (!this.isQtyOutsideDropdownRange() && !this.inputHasBeenShown) {
+            return false;
+        }
+        else {
+            this.inputHasBeenShown = true;
+            return true;
+        }
+    }
+    /**
+     * @docs-private
+     */
+    onChangedWrapper(value) {
+        value = parseInt(value, 10);
+        if (value === 10) {
+            this.selectInput();
+        }
+        this.qtyChanged.emit(value);
+        this.onChange(value);
+    }
+    isQtyOutsideDropdownRange() {
+        return this.qty > this.dropdownRange;
+    }
+    selectInput() {
+        // TODO: readdress this method
+        // why are we binding `this`?
+        // why use `setTimeout` instead of angular patterns?
+        const that = this;
+        setTimeout(() => {
+            const input = document.getElementById('input_' + that.id);
+            input?.select();
+        });
+    }
+}
+/** @nocollapse */ /** @nocollapse */ DaffQtyDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffQtyDropdownComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ DaffQtyDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffQtyDropdownComponent, selector: "daff-qty-dropdown", inputs: { qty: "qty", id: "id" }, outputs: { qtyChanged: "qtyChanged" }, ngImport: i0, template: "<daff-form-field class=\"daff-qty-dropdown\">\n  <select daff-native-select *ngIf=\"!showQtyInputField\" id=\"select_{{id}}\" [(ngModel)]=\"qty\" (ngModelChange)=\"onChangedWrapper(qty)\" (blur)=\"onTouched()\">\n    <option *ngFor=\"let item of dropdownItemCounter\" [value]=\"item+1\">{{ item+1 }}</option>\n    <option value=\"10\">10+</option>\n  </select>\n  <input daff-input id=\"input_{{id}}\" class=\"daff-qty-dropdown__input\" [(ngModel)]=\"qty\" (ngModelChange)=\"onChangedWrapper(qty)\" (blur)=\"onTouched()\" *ngIf=\"showQtyInputField\">\n</daff-form-field>", styles: [".daff-qty-dropdown__input{width:50px}\n"], components: [{ type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["formSubmitted"] }, { type: i2.DaffNativeSelectComponent, selector: "select[daff-native-select]", inputs: ["formSubmitted"] }, { type: i3.DaffInputComponent, selector: "input[daff-input]", inputs: ["formSubmitted"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i5.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffQtyDropdownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'daff-qty-dropdown', template: "<daff-form-field class=\"daff-qty-dropdown\">\n  <select daff-native-select *ngIf=\"!showQtyInputField\" id=\"select_{{id}}\" [(ngModel)]=\"qty\" (ngModelChange)=\"onChangedWrapper(qty)\" (blur)=\"onTouched()\">\n    <option *ngFor=\"let item of dropdownItemCounter\" [value]=\"item+1\">{{ item+1 }}</option>\n    <option value=\"10\">10+</option>\n  </select>\n  <input daff-input id=\"input_{{id}}\" class=\"daff-qty-dropdown__input\" [(ngModel)]=\"qty\" (ngModelChange)=\"onChangedWrapper(qty)\" (blur)=\"onTouched()\" *ngIf=\"showQtyInputField\">\n</daff-form-field>", styles: [".daff-qty-dropdown__input{width:50px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { qty: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], qtyChanged: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXR5LWRyb3Bkb3duLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9tb2xlY3VsZXMvcXR5LWRyb3Bkb3duL3F0eS1kcm9wZG93bi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvbW9sZWN1bGVzL3F0eS1kcm9wZG93bi9xdHktZHJvcGRvd24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFFVCxLQUFLLEVBQ0wsU0FBUyxFQUNULE1BQU0sRUFDTixZQUFZLEdBQ2IsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFFdkI7O0dBRUc7QUFDSCxzRkFBc0Y7QUFDdEYscUZBQXFGO0FBTXJGLE1BQU0sT0FBTyx3QkFBd0I7SUF5Qm5DLFlBQW9CLFFBQW1CO1FBQW5CLGFBQVEsR0FBUixRQUFRLENBQVc7UUF2QnRCLGtCQUFhLEdBQUcsQ0FBQyxDQUFDO1FBSXpCLGVBQVUsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQVV6RTs7V0FFRztRQUNILGFBQVEsR0FBRyxDQUFDLEdBQVcsRUFBRSxFQUFFLEdBQUUsQ0FBQyxDQUFDO1FBQy9COztXQUVHO1FBQ0YsY0FBUyxHQUFHLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztJQUVzQixDQUFDO0lBRTVDOztPQUVHO0lBQ0gsUUFBUTtRQUNOLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLEVBQUMsQ0FBQyxDQUFDLEVBQUMsQ0FBQyxFQUFDLEVBQUUsQ0FBQSxDQUFDLENBQUMsQ0FBQztRQUUxRSxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNiLElBQUksQ0FBQyxHQUFHLEdBQUcsQ0FBQyxDQUFDO1NBQ2Q7SUFDSCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxVQUFVLENBQUMsR0FBVztRQUNwQixJQUFJLENBQUMsR0FBRyxHQUFHLEdBQUcsQ0FBQztRQUNmLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzFCLENBQUM7SUFFRDs7T0FFRztJQUNILGdCQUFnQixDQUFDLEVBQXlCO1FBQ3hDLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRDs7T0FFRztJQUNILGlCQUFpQixDQUFDLEVBQU87UUFDdkIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVEOztPQUVHO0lBQ0gsZ0JBQWdCLENBQUMsVUFBbUI7UUFDbEMsSUFBSSxJQUFJLENBQUMsaUJBQWlCLEVBQUU7WUFDMUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLGNBQWMsQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxFQUFFLFVBQVUsRUFBRSxVQUFVLENBQUMsQ0FBQztTQUNoRzthQUFNO1lBQ0wsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLGNBQWMsQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxFQUFFLFVBQVUsRUFBRSxVQUFVLENBQUMsQ0FBQztTQUNqRztJQUNILENBQUM7SUFFRDs7T0FFRztJQUNILElBQUksaUJBQWlCO1FBQ25CLElBQUksQ0FBQyxJQUFJLENBQUMseUJBQXlCLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsRUFBRTtZQUNoRSxPQUFPLEtBQUssQ0FBQztTQUNkO2FBQU07WUFDTCxJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDO1lBQzlCLE9BQU8sSUFBSSxDQUFDO1NBQ2I7SUFDSCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxnQkFBZ0IsQ0FBQyxLQUFVO1FBQ3pCLEtBQUssR0FBRyxRQUFRLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQzVCLElBQUksS0FBSyxLQUFLLEVBQUUsRUFBRTtZQUNoQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7U0FDcEI7UUFDRCxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM1QixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3ZCLENBQUM7SUFFTyx5QkFBeUI7UUFDL0IsT0FBTyxJQUFJLENBQUMsR0FBRyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUM7SUFDdkMsQ0FBQztJQUVPLFdBQVc7UUFDakIsOEJBQThCO1FBQzlCLDZCQUE2QjtRQUM3QixvREFBb0Q7UUFDcEQsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDO1FBQ2xCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxNQUFNLEtBQUssR0FBcUIsUUFBUSxDQUFDLGNBQWMsQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1lBQzVFLEtBQUssRUFBRSxNQUFNLEVBQUUsQ0FBQztRQUNsQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7OzJKQTVHVSx3QkFBd0I7K0lBQXhCLHdCQUF3QixrSUNuQnJDLDRqQkFNa0I7MkZEYUwsd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNFLG1CQUFtQjtnR0FRcEIsR0FBRztzQkFBWCxLQUFLO2dCQUNHLEVBQUU7c0JBQVYsS0FBSztnQkFDSSxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBPbkluaXQsXG4gIElucHV0LFxuICBSZW5kZXJlcjIsXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBTZWUge0BsaW5rIERhZmZRdWFudGl0eUZpZWxkQ29tcG9uZW50fVxuICovXG4vLyBDaGFuZ2VEZXRlY3Rpb24gaXMgaWdub3JlZCBiZWNhdXNlIHRoaXMgY29tcG9uZW50IGlzIGRlcHJlY2F0ZWQgYW5kIHdpbGwgYmUgcmVtb3ZlZFxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9wcmVmZXItb24tcHVzaC1jb21wb25lbnQtY2hhbmdlLWRldGVjdGlvblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGFmZi1xdHktZHJvcGRvd24nLFxuICBzdHlsZVVybHM6IFsnLi9xdHktZHJvcGRvd24uY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3F0eS1kcm9wZG93bi5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIERhZmZRdHlEcm9wZG93bkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgcHJpdmF0ZSByZWFkb25seSBkcm9wZG93blJhbmdlID0gOTtcblxuICBASW5wdXQoKSBxdHk6IG51bWJlcjtcbiAgQElucHV0KCkgaWQ6IG51bWJlciB8IHN0cmluZztcbiAgQE91dHB1dCgpIHF0eUNoYW5nZWQ6IEV2ZW50RW1pdHRlcjxudW1iZXI+ID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG5cblx0LyoqXG5cdCAqIEBkb2NzLXByaXZhdGVcblx0ICovXG5cdGRyb3Bkb3duSXRlbUNvdW50ZXI6IG51bWJlcltdO1xuXHQvKipcblx0ICogQGRvY3MtcHJpdmF0ZVxuXHQgKi9cblx0aW5wdXRIYXNCZWVuU2hvd246IGJvb2xlYW47XG5cdC8qKlxuXHQgKiBAZG9jcy1wcml2YXRlXG5cdCAqL1xuXHRvbkNoYW5nZSA9IChxdHk6IG51bWJlcikgPT4ge307XG5cdC8qKlxuXHQgKiBAZG9jcy1wcml2YXRlXG5cdCAqL1xuICBvblRvdWNoZWQgPSAoKSA9PiB7fTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIpIHsgfVxuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmRyb3Bkb3duSXRlbUNvdW50ZXIgPSBBcnJheS5mcm9tKEFycmF5KHRoaXMuZHJvcGRvd25SYW5nZSksKHgsaSk9PmkpO1xuXG4gICAgaWYgKCF0aGlzLnF0eSkge1xuICAgICAgdGhpcy5xdHkgPSAxO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICB3cml0ZVZhbHVlKHF0eTogbnVtYmVyKTogdm9pZCB7XG4gICAgdGhpcy5xdHkgPSBxdHk7XG4gICAgdGhpcy5vbkNoYW5nZSh0aGlzLnF0eSk7XG4gIH1cblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogKHF0eTogbnVtYmVyKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICB9XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICB9XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIGlmICh0aGlzLmlucHV0SGFzQmVlblNob3duKSB7XG4gICAgICB0aGlzLnJlbmRlcmVyLnNldFByb3BlcnR5KGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdpbnB1dF8nICsgdGhpcy5pZCksICdkaXNhYmxlZCcsIGlzRGlzYWJsZWQpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnJlbmRlcmVyLnNldFByb3BlcnR5KGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdzZWxlY3RfJyArIHRoaXMuaWQpLCAnZGlzYWJsZWQnLCBpc0Rpc2FibGVkKTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgZ2V0IHNob3dRdHlJbnB1dEZpZWxkKCk6IGJvb2xlYW4ge1xuICAgIGlmICghdGhpcy5pc1F0eU91dHNpZGVEcm9wZG93blJhbmdlKCkgJiYgIXRoaXMuaW5wdXRIYXNCZWVuU2hvd24pIHtcbiAgICAgIHJldHVybiBmYWxzZTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5pbnB1dEhhc0JlZW5TaG93biA9IHRydWU7XG4gICAgICByZXR1cm4gdHJ1ZTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgb25DaGFuZ2VkV3JhcHBlcih2YWx1ZTogYW55KSB7XG4gICAgdmFsdWUgPSBwYXJzZUludCh2YWx1ZSwgMTApO1xuICAgIGlmICh2YWx1ZSA9PT0gMTApIHtcbiAgICAgIHRoaXMuc2VsZWN0SW5wdXQoKTtcbiAgICB9XG4gICAgdGhpcy5xdHlDaGFuZ2VkLmVtaXQodmFsdWUpO1xuICAgIHRoaXMub25DaGFuZ2UodmFsdWUpO1xuICB9XG5cbiAgcHJpdmF0ZSBpc1F0eU91dHNpZGVEcm9wZG93blJhbmdlKCkge1xuICAgIHJldHVybiB0aGlzLnF0eSA+IHRoaXMuZHJvcGRvd25SYW5nZTtcbiAgfVxuXG4gIHByaXZhdGUgc2VsZWN0SW5wdXQoKSB7XG4gICAgLy8gVE9ETzogcmVhZGRyZXNzIHRoaXMgbWV0aG9kXG4gICAgLy8gd2h5IGFyZSB3ZSBiaW5kaW5nIGB0aGlzYD9cbiAgICAvLyB3aHkgdXNlIGBzZXRUaW1lb3V0YCBpbnN0ZWFkIG9mIGFuZ3VsYXIgcGF0dGVybnM/XG4gICAgY29uc3QgdGhhdCA9IHRoaXM7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICBjb25zdCBpbnB1dCA9IDxIVE1MSW5wdXRFbGVtZW50PmRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdpbnB1dF8nICsgdGhhdC5pZCk7XG4gICAgICBpbnB1dD8uc2VsZWN0KCk7XG4gICAgfSk7XG4gIH1cbn1cbiIsIjxkYWZmLWZvcm0tZmllbGQgY2xhc3M9XCJkYWZmLXF0eS1kcm9wZG93blwiPlxuICA8c2VsZWN0IGRhZmYtbmF0aXZlLXNlbGVjdCAqbmdJZj1cIiFzaG93UXR5SW5wdXRGaWVsZFwiIGlkPVwic2VsZWN0X3t7aWR9fVwiIFsobmdNb2RlbCldPVwicXR5XCIgKG5nTW9kZWxDaGFuZ2UpPVwib25DaGFuZ2VkV3JhcHBlcihxdHkpXCIgKGJsdXIpPVwib25Ub3VjaGVkKClcIj5cbiAgICA8b3B0aW9uICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRyb3Bkb3duSXRlbUNvdW50ZXJcIiBbdmFsdWVdPVwiaXRlbSsxXCI+e3sgaXRlbSsxIH19PC9vcHRpb24+XG4gICAgPG9wdGlvbiB2YWx1ZT1cIjEwXCI+MTArPC9vcHRpb24+XG4gIDwvc2VsZWN0PlxuICA8aW5wdXQgZGFmZi1pbnB1dCBpZD1cImlucHV0X3t7aWR9fVwiIGNsYXNzPVwiZGFmZi1xdHktZHJvcGRvd25fX2lucHV0XCIgWyhuZ01vZGVsKV09XCJxdHlcIiAobmdNb2RlbENoYW5nZSk9XCJvbkNoYW5nZWRXcmFwcGVyKHF0eSlcIiAoYmx1cik9XCJvblRvdWNoZWQoKVwiICpuZ0lmPVwic2hvd1F0eUlucHV0RmllbGRcIj5cbjwvZGFmZi1mb3JtLWZpZWxkPiJdfQ==

package/esm2020/molecules/qty-dropdown/qty-dropdown.module.mjs

@@ -0,0 +1,42 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { DaffFormFieldModule } from '../../atoms/form/form-field/form-field.module';
+import { DaffInputModule } from '../../atoms/form/input/input.module';
+import { DaffNativeSelectModule } from '../../atoms/form/select/select.module';
+import { DaffQtyDropdownComponent } from './qty-dropdown.component';
+import * as i0 from "@angular/core";
+export class DaffQtyDropdownModule {
+}
+/** @nocollapse */ /** @nocollapse */ DaffQtyDropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffQtyDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ DaffQtyDropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffQtyDropdownModule, declarations: [DaffQtyDropdownComponent], imports: [CommonModule,
+        FormsModule,
+        DaffFormFieldModule,
+        DaffNativeSelectModule,
+        DaffInputModule], exports: [DaffQtyDropdownComponent] });
+/** @nocollapse */ /** @nocollapse */ DaffQtyDropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffQtyDropdownModule, imports: [[
+            CommonModule,
+            FormsModule,
+            DaffFormFieldModule,
+            DaffNativeSelectModule,
+            DaffInputModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffQtyDropdownModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        DaffFormFieldModule,
+                        DaffNativeSelectModule,
+                        DaffInputModule,
+                    ],
+                    declarations: [
+                        DaffQtyDropdownComponent,
+                    ],
+                    exports: [
+                        DaffQtyDropdownComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXR5LWRyb3Bkb3duLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9tb2xlY3VsZXMvcXR5LWRyb3Bkb3duL3F0eS1kcm9wZG93bi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRTdDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUN0RSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUMvRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7QUFpQnBFLE1BQU0sT0FBTyxxQkFBcUI7O3dKQUFyQixxQkFBcUI7eUpBQXJCLHFCQUFxQixpQkFOOUIsd0JBQXdCLGFBUHhCLFlBQVk7UUFDWixXQUFXO1FBQ1gsbUJBQW1CO1FBQ25CLHNCQUFzQjtRQUN0QixlQUFlLGFBTWYsd0JBQXdCO3lKQUdmLHFCQUFxQixZQWR2QjtZQUNQLFlBQVk7WUFDWixXQUFXO1lBQ1gsbUJBQW1CO1lBQ25CLHNCQUFzQjtZQUN0QixlQUFlO1NBQ2hCOzJGQVFVLHFCQUFxQjtrQkFmakMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3dCQUNYLG1CQUFtQjt3QkFDbkIsc0JBQXNCO3dCQUN0QixlQUFlO3FCQUNoQjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osd0JBQXdCO3FCQUN6QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asd0JBQXdCO3FCQUN6QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IERhZmZGb3JtRmllbGRNb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9mb3JtL2Zvcm0tZmllbGQvZm9ybS1maWVsZC5tb2R1bGUnO1xuaW1wb3J0IHsgRGFmZklucHV0TW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvZm9ybS9pbnB1dC9pbnB1dC5tb2R1bGUnO1xuaW1wb3J0IHsgRGFmZk5hdGl2ZVNlbGVjdE1vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL2Zvcm0vc2VsZWN0L3NlbGVjdC5tb2R1bGUnO1xuaW1wb3J0IHsgRGFmZlF0eURyb3Bkb3duQ29tcG9uZW50IH0gZnJvbSAnLi9xdHktZHJvcGRvd24uY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBEYWZmRm9ybUZpZWxkTW9kdWxlLFxuICAgIERhZmZOYXRpdmVTZWxlY3RNb2R1bGUsXG4gICAgRGFmZklucHV0TW9kdWxlLFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBEYWZmUXR5RHJvcGRvd25Db21wb25lbnQsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBEYWZmUXR5RHJvcGRvd25Db21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIERhZmZRdHlEcm9wZG93bk1vZHVsZSB7IH1cbiJdfQ==

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

@@ -0,0 +1,44 @@
+import { Component, ViewEncapsulation, NgZone, ElementRef, Output, EventEmitter, HostBinding, ChangeDetectionStrategy, } from '@angular/core';
+import { fromEvent } from 'rxjs';
+import { filter } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+/**
+ * DaffSidebar is heavily based upon the work done by the @angular/material2
+ * team on `mat-drawer` and `mat-sidenav`. `daff-sidebar` is intended to be
+ * a simplified version (with a different design) of `mat-drawer` which
+ * follows a stricter "dumb" component pattern than `mat-drawer`
+ */
+export class DaffSidebarComponent {
+    constructor(_elementRef, _ngZone) {
+        this._elementRef = _elementRef;
+        this._ngZone = _ngZone;
+        this.class = true;
+        /**
+         * Event fired when `ESC` key is pressed when the sidebar has focus
+         */
+        this.escapePressed = new EventEmitter();
+        /**
+         * Listen to `keydown` events outside the zone so that change detection is not run every
+         * time a key is pressed. Instead we re-enter the zone only if the `ESC` key is pressed.
+         *
+         */
+        this._ngZone.runOutsideAngular(() => {
+            fromEvent(this._elementRef.nativeElement, 'keydown').pipe(filter(event => event.key === 'Escape')).subscribe(event => this._ngZone.run(() => {
+                this.escapePressed.emit();
+                event.stopPropagation();
+            }));
+        });
+    }
+}
+/** @nocollapse */ /** @nocollapse */ DaffSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffSidebarComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ DaffSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffSidebarComponent, selector: "daff-sidebar", outputs: { escapePressed: "escapePressed" }, host: { properties: { "class.daff-sidebar": "this.class" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block}.daff-sidebar{display:block;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffSidebarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'daff-sidebar', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}.daff-sidebar{display:block;height:100%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-sidebar']
+            }], escapePressed: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvbW9sZWN1bGVzL3NpZGViYXIvc2lkZWJhci9zaWRlYmFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULGlCQUFpQixFQUNqQixNQUFNLEVBQ04sVUFBVSxFQUNWLE1BQU0sRUFDTixZQUFZLEVBQ1osV0FBVyxFQUNYLHVCQUF1QixHQUN4QixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ2pDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7QUFFeEM7Ozs7O0dBS0c7QUFRSCxNQUFNLE9BQU8sb0JBQW9CO0lBTy9CLFlBQ1UsV0FBb0MsRUFDcEMsT0FBZTtRQURmLGdCQUFXLEdBQVgsV0FBVyxDQUF5QjtRQUNwQyxZQUFPLEdBQVAsT0FBTyxDQUFRO1FBUlUsVUFBSyxHQUFHLElBQUksQ0FBQztRQUNoRDs7V0FFRztRQUNPLGtCQUFhLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFPckU7Ozs7V0FJRztRQUNILElBQUksQ0FBQyxPQUFPLENBQUMsaUJBQWlCLENBQUMsR0FBRyxFQUFFO1lBQ2xDLFNBQVMsQ0FBZ0IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLEVBQUUsU0FBUyxDQUFDLENBQUMsSUFBSSxDQUN0RSxNQUFNLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsR0FBRyxLQUFLLFFBQVEsQ0FBQyxDQUN4QyxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLEdBQUcsRUFBRTtnQkFDekMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztnQkFDMUIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1lBQzFCLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDTixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7O3VKQXpCVSxvQkFBb0I7MklBQXBCLG9CQUFvQiwrSkFKckIsMkJBQTJCOzJGQUkxQixvQkFBb0I7a0JBUGhDLFNBQVM7K0JBQ0UsY0FBYyxZQUVkLDJCQUEyQixpQkFDdEIsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTTtzSEFHWixLQUFLO3NCQUF2QyxXQUFXO3VCQUFDLG9CQUFvQjtnQkFJdkIsYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIE5nWm9uZSxcbiAgRWxlbWVudFJlZixcbiAgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBmcm9tRXZlbnQgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IGZpbHRlciB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuLyoqXG4gKiBEYWZmU2lkZWJhciBpcyBoZWF2aWx5IGJhc2VkIHVwb24gdGhlIHdvcmsgZG9uZSBieSB0aGUgQGFuZ3VsYXIvbWF0ZXJpYWwyXG4gKiB0ZWFtIG9uIGBtYXQtZHJhd2VyYCBhbmQgYG1hdC1zaWRlbmF2YC4gYGRhZmYtc2lkZWJhcmAgaXMgaW50ZW5kZWQgdG8gYmVcbiAqIGEgc2ltcGxpZmllZCB2ZXJzaW9uICh3aXRoIGEgZGlmZmVyZW50IGRlc2lnbikgb2YgYG1hdC1kcmF3ZXJgIHdoaWNoXG4gKiBmb2xsb3dzIGEgc3RyaWN0ZXIgXCJkdW1iXCIgY29tcG9uZW50IHBhdHRlcm4gdGhhbiBgbWF0LWRyYXdlcmBcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGFmZi1zaWRlYmFyJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2lkZWJhci5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZlNpZGViYXJDb21wb25lbnQge1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtc2lkZWJhcicpIGNsYXNzID0gdHJ1ZTtcbiAgLyoqXG4gICAqIEV2ZW50IGZpcmVkIHdoZW4gYEVTQ2Aga2V5IGlzIHByZXNzZWQgd2hlbiB0aGUgc2lkZWJhciBoYXMgZm9jdXNcbiAgICovXG4gIEBPdXRwdXQoKSBlc2NhcGVQcmVzc2VkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBfZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG4gICAgcHJpdmF0ZSBfbmdab25lOiBOZ1pvbmUsXG4gICkge1xuXG4gICAgLyoqXG4gICAgICogTGlzdGVuIHRvIGBrZXlkb3duYCBldmVudHMgb3V0c2lkZSB0aGUgem9uZSBzbyB0aGF0IGNoYW5nZSBkZXRlY3Rpb24gaXMgbm90IHJ1biBldmVyeVxuICAgICAqIHRpbWUgYSBrZXkgaXMgcHJlc3NlZC4gSW5zdGVhZCB3ZSByZS1lbnRlciB0aGUgem9uZSBvbmx5IGlmIHRoZSBgRVNDYCBrZXkgaXMgcHJlc3NlZC5cbiAgICAgKlxuICAgICAqL1xuICAgIHRoaXMuX25nWm9uZS5ydW5PdXRzaWRlQW5ndWxhcigoKSA9PiB7XG4gICAgICBmcm9tRXZlbnQ8S2V5Ym9hcmRFdmVudD4odGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAna2V5ZG93bicpLnBpcGUoXG4gICAgICAgIGZpbHRlcihldmVudCA9PiBldmVudC5rZXkgPT09ICdFc2NhcGUnKSxcbiAgICAgICkuc3Vic2NyaWJlKGV2ZW50ID0+IHRoaXMuX25nWm9uZS5ydW4oKCkgPT4ge1xuICAgICAgICB0aGlzLmVzY2FwZVByZXNzZWQuZW1pdCgpO1xuICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIH0pKTtcbiAgICB9KTtcbiAgfVxufVxuIl19

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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci12aWV3cG9ydC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvbW9sZWN1bGVzL3NpZGViYXIvc2lkZWJhci12aWV3cG9ydC9zaWRlYmFyLXZpZXdwb3J0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9tb2xlY3VsZXMvc2lkZWJhci9zaWRlYmFyLXZpZXdwb3J0L3NpZGViYXItdmlld3BvcnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxNQUFNLEVBQ04sWUFBWSxFQUNaLEtBQUssRUFDTCx1QkFBdUIsRUFFdkIsWUFBWSxFQUNaLGlCQUFpQixHQUVsQixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN2RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUV6RSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7Ozs7QUFZcEUsTUFBTSxPQUFPLDRCQUE0QjtJQUV2QyxZQUFvQixHQUFzQjtRQUF0QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQVcxQzs7OztXQUlHO1FBQ0gsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUVoQjs7V0FFRztRQUNILFVBQUssR0FBb0IsTUFBTSxDQUFDO1FBY2hDOzs7V0FHRztRQUNILGtFQUFrRTtRQUN6RCxzQkFBaUIsR0FBWSxJQUFJLENBQUM7UUFhM0M7OztXQUdHO1FBQ08sb0JBQWUsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQXhEekUsQ0FBQztJQXNCRDs7T0FFRztJQUNILElBQ0ksSUFBSTtRQUNOLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDO0lBQ0QsSUFBSSxJQUFJLENBQUMsS0FBc0I7UUFDN0IsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDbkIsSUFBSSxDQUFDLGVBQWUsR0FBRyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQ2hGLENBQUM7SUFTRjs7T0FFRztJQUNILElBQ0ssTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QixDQUFDO0lBQ0YsSUFBSSxNQUFNLENBQUMsS0FBYztRQUN2QixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztRQUNyQixJQUFJLENBQUMsZUFBZSxHQUFHLGlCQUFpQixDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUMxRSxDQUFDO0lBT0E7O09BRUc7SUFDSCxJQUFJLGlCQUFpQjtRQUNuQixPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7SUFDdkUsQ0FBQztJQUVEOztPQUVHO0lBQ0gsUUFBUTtRQUNOLElBQUksQ0FBQyxlQUFlLEdBQUcsaUJBQWlCLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUNoRixDQUFDO0lBRUQ7O09BRUc7SUFDSCxlQUFlO1FBQ2IsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2hCLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7Z0JBQ3hDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNsQixDQUFDLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUVEOztPQUVHO0lBQ0gsZ0JBQWdCO1FBQ2QsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQ7O09BRUc7SUFDSCxJQUFJLFdBQVc7UUFDYixPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLENBQUMsQ0FBQztJQUN4RCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3BCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1lBQ3BCLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7U0FDekI7SUFDSCxDQUFDOzsrSkE1R1UsNEJBQTRCO21KQUE1Qiw0QkFBNEIsdU9BWXpCLG9CQUFvQixnREN2Q3BDLDhvQkFjTSxzcUNEUVE7UUFDVixxQkFBcUIsQ0FBQyxnQkFBZ0I7UUFDdEMscUJBQXFCLENBQUMsZ0JBQWdCO0tBQ3ZDOzJGQUVVLDRCQUE0QjtrQkFWeEMsU0FBUzsrQkFDRSx1QkFBdUIsbUJBR2hCLHVCQUF1QixDQUFDLE1BQU0sY0FDbkM7d0JBQ1YscUJBQXFCLENBQUMsZ0JBQWdCO3dCQUN0QyxxQkFBcUIsQ0FBQyxnQkFBZ0I7cUJBQ3ZDO3dHQWNtQyxPQUFPO3NCQUExQyxZQUFZO3VCQUFDLG9CQUFvQjtnQkFpQjlCLElBQUk7c0JBRFAsS0FBSztnQkFjRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBTUYsTUFBTTtzQkFEVixLQUFLO2dCQVlLLGVBQWU7c0JBQXhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIE9uSW5pdCxcbiAgQ29udGVudENoaWxkLFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQWZ0ZXJWaWV3SW5pdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IGRhZmZTaWRlYmFyQW5pbWF0aW9ucyB9IGZyb20gJy4uL2FuaW1hdGlvbi9zaWRlYmFyLWFuaW1hdGlvbic7XG5pbXBvcnQgeyBnZXRBbmltYXRpb25TdGF0ZSB9IGZyb20gJy4uL2FuaW1hdGlvbi9zaWRlYmFyLWFuaW1hdGlvbi1zdGF0ZSc7XG5pbXBvcnQgeyBEYWZmU2lkZWJhck1vZGUgfSBmcm9tICcuLi9oZWxwZXIvc2lkZWJhci1tb2RlJztcbmltcG9ydCB7IERhZmZTaWRlYmFyQ29tcG9uZW50IH0gZnJvbSAnLi4vc2lkZWJhci9zaWRlYmFyLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RhZmYtc2lkZWJhci12aWV3cG9ydCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zaWRlYmFyLXZpZXdwb3J0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2lkZWJhci12aWV3cG9ydC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgYW5pbWF0aW9uczogW1xuICAgIGRhZmZTaWRlYmFyQW5pbWF0aW9ucy50cmFuc2Zvcm1TaWRlYmFyLFxuICAgIGRhZmZTaWRlYmFyQW5pbWF0aW9ucy50cmFuc2Zvcm1Db250ZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmU2lkZWJhclZpZXdwb3J0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcbiAgfVxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgX2FuaW1hdGlvblN0YXRlOiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBDb250ZW50Q2hpbGQoRGFmZlNpZGViYXJDb21wb25lbnQpIHNpZGViYXI6IERhZmZTaWRlYmFyQ29tcG9uZW50O1xuICAvKipcbiAgICogSW50ZXJuYWwgdHJhY2tpbmcgdmFyaWFibGUgZm9yIHRoZSBzdGF0ZSBvZiBzaWRlYmFyIHZpZXdwb3J0LlxuICAgKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBfb3BlbmVkID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIF9tb2RlOiBEYWZmU2lkZWJhck1vZGUgPSAnc2lkZSc7XG5cbiAgLyoqXG4gICAqIFRoZSBtb2RlIHRvIHB1dCB0aGUgc2lkZWJhciBpblxuICAgKi9cbiAgQElucHV0KClcbiAgZ2V0IG1vZGUoKTogRGFmZlNpZGViYXJNb2RlIHtcbiAgICByZXR1cm4gdGhpcy5fbW9kZTtcbiAgfVxuICBzZXQgbW9kZSh2YWx1ZTogRGFmZlNpZGViYXJNb2RlKSB7XG4gICAgdGhpcy5fbW9kZSA9IHZhbHVlO1xuICAgIHRoaXMuX2FuaW1hdGlvblN0YXRlID0gZ2V0QW5pbWF0aW9uU3RhdGUodGhpcy5vcGVuZWQsIHRoaXMuYW5pbWF0aW9uc0VuYWJsZWQpO1xuICB9XG5cbiAgLyoqXG4gICAqIElucHV0IHN0YXRlIGZvciB3aGV0aGVyIG9yIG5vdCB0aGUgYmFja2Ryb3AgaXNcbiAgICogXCJ2aXNpYmxlXCIgdG8gdGhlIGh1bWFuIGV5ZVxuICAgKi9cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1pbmZlcnJhYmxlLXR5cGVzXG4gIEBJbnB1dCgpIGJhY2tkcm9wSXNWaXNpYmxlOiBib29sZWFuID0gdHJ1ZTtcblxuXHQvKipcblx0ICogUHJvcGVydHkgZm9yIHRoZSBcIm9wZW5lZFwiIHN0YXRlIG9mIHRoZSBzaWRlYmFyXG5cdCAqL1xuXHRASW5wdXQoKVxuICBnZXQgb3BlbmVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9vcGVuZWQ7XG4gIH1cblx0c2V0IG9wZW5lZCh2YWx1ZTogYm9vbGVhbikge1xuXHQgIHRoaXMuX29wZW5lZCA9IHZhbHVlO1xuXHQgIHRoaXMuX2FuaW1hdGlvblN0YXRlID0gZ2V0QW5pbWF0aW9uU3RhdGUodmFsdWUsIHRoaXMuYW5pbWF0aW9uc0VuYWJsZWQpO1xuXHR9XG4gIC8qKlxuICAgKiBFdmVudCBmaXJlZCB3aGVuIHRoZSBiYWNrZHJvcCBpcyBjbGlja2VkXG4gICAqIFRoaXMgaXMgb2Z0ZW4gdXNlZCB0byBjbG9zZSB0aGUgc2lkZWJhclxuICAgKi9cbiAgQE91dHB1dCgpIGJhY2tkcm9wQ2xpY2tlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBnZXQgYW5pbWF0aW9uc0VuYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICh0aGlzLm1vZGUgPT09ICdvdmVyJyB8fCB0aGlzLm1vZGUgPT09ICdwdXNoJykgPyB0cnVlIDogZmFsc2U7XG4gIH1cblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5fYW5pbWF0aW9uU3RhdGUgPSBnZXRBbmltYXRpb25TdGF0ZSh0aGlzLm9wZW5lZCwgdGhpcy5hbmltYXRpb25zRW5hYmxlZCk7XG4gIH1cblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIGlmICh0aGlzLnNpZGViYXIpIHtcbiAgICAgIHRoaXMuc2lkZWJhci5lc2NhcGVQcmVzc2VkLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgIHRoaXMub25Fc2NhcGUoKTtcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBfYmFja2Ryb3BDbGlja2VkKCk6IHZvaWQge1xuICAgIHRoaXMuYmFja2Ryb3BDbGlja2VkLmVtaXQoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBnZXQgaGFzQmFja2Ryb3AoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICh0aGlzLm1vZGUgPT09ICdvdmVyJyB8fCB0aGlzLm1vZGUgPT09ICdwdXNoJyk7XG4gIH1cblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgb25Fc2NhcGUoKSB7XG4gICAgaWYgKHRoaXMuaGFzQmFja2Ryb3ApIHtcbiAgICAgIHRoaXMub3BlbmVkID0gZmFsc2U7XG4gICAgICB0aGlzLnJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJkYWZmLXNpZGViYXItdmlld3BvcnQge3sgbW9kZSB9fVwiPlxuICA8ZGl2IGNsYXNzPVwiZGFmZi1zaWRlYmFyLXZpZXdwb3J0X19zaWRlYmFyXCIgW0B0cmFuc2Zvcm1TaWRlYmFyXT1cIl9hbmltYXRpb25TdGF0ZVwiIFtjZGtUcmFwRm9jdXNdPVwib3BlbmVkICYmIChtb2RlID09PSAnb3ZlcicgfHwgbW9kZSA9PT0gJ3B1c2gnKVwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImRhZmYtc2lkZWJhclwiIChlc2NhcGVQcmVzc2VkKT1cIm9uRXNjYXBlKCRldmVudClcIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuXG4gIDxkYWZmLWJhY2tkcm9wIFxuICBjbGFzcz1cImRhZmYtc2lkZWJhci12aWV3cG9ydF9fYmFja2Ryb3BcIiBcbiAgKm5nSWY9XCJoYXNCYWNrZHJvcCAmJiBfb3BlbmVkXCJcbiAgW3RyYW5zcGFyZW50XT1cIiFiYWNrZHJvcElzVmlzaWJsZVwiIFxuICAoYmFja2Ryb3BDbGlja2VkKT1cIl9iYWNrZHJvcENsaWNrZWQoKVwiPjwvZGFmZi1iYWNrZHJvcD5cblxuICA8ZGl2IGNsYXNzPVwiZGFmZi1zaWRlYmFyLXZpZXdwb3J0X19jb250ZW50XCIgW0B0cmFuc2Zvcm1Db250ZW50XT1cIl9hbmltYXRpb25TdGF0ZVwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj4iXX0=