@provoly/dashboard 0.11.0

package/esm2022/toolbox/components/save-view/save-view.component.mjs

@@ -0,0 +1,207 @@
+import { OverlayConfig } from '@angular/cdk/overlay';
+import { TemplatePortal } from '@angular/cdk/portal';
+import { Component, Input, TemplateRef, ViewChild } from '@angular/core';
+import { ConfigActions, DashboardActions, DashboardSelectors, LibraryTypes, PryVisibilityType, SubscriptionnerDirective, ViewMode } from '@provoly/dashboard';
+import { v4 } from 'uuid';
+import * as i0 from "@angular/core";
+import * as i1 from "@ngrx/store";
+import * as i2 from "@angular/cdk/overlay";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "@provoly/dashboard";
+import * as i6 from "@provoly/dashboard/components/checkbox";
+import * as i7 from "@provoly/dashboard/components/stepper";
+export class SaveViewComponent extends SubscriptionnerDirective {
+    constructor(store, overlay, viewContainerRef) {
+        super();
+        this.store = store;
+        this.overlay = overlay;
+        this.viewContainerRef = viewContainerRef;
+        this.label = true;
+        this.mode = 'saveAs';
+        this.saveAsOpened = false;
+        this.visibility = { type: PryVisibilityType.PRIVATE };
+        this.type = LibraryTypes.ILLUSTRATION;
+        this.saveTypeOpened = false;
+        this.nbPages = 0;
+        this.initialNbPages = 0;
+        this.hasInitial = false;
+        this.ViewMode = ViewMode;
+        this.subscriptions.add(this.store.select(DashboardSelectors.presentation).subscribe((presentation) => {
+            this.currentManifest = presentation.current
+                ? JSON.parse(JSON.stringify(presentation.current))
+                : { name: '', image: '', description: '', cover: false };
+            this.initialNbPages = presentation.initial?.windows.length ?? 0;
+            this.hasInitial = !!presentation.initial;
+        }));
+        this.savePresentationActive$ = this.store.select(DashboardSelectors.savePresentationActive);
+        this.subscriptions.add(this.store
+            .select(DashboardSelectors.globalManifest)
+            .subscribe((manifest) => (this.nbPages = manifest.windows.length)));
+    }
+    toggleSaveAs() {
+        this.saveAsOpened = !this.saveAsOpened;
+        if (this.saveAsOpened) {
+            this.store.dispatch(DashboardActions.requestAllRoutes());
+            this.openSaveAs();
+            setTimeout(() => {
+                this.input.nativeElement.focus();
+            }, 10);
+        }
+        else {
+            this.overlayRefSaveAs?.dispose();
+            this.overlayRefSaveAs = undefined;
+            this.store.dispatch(ConfigActions.closeOverlay({ id: this.constructor.name }));
+            this.saveAs.nativeElement.focus();
+        }
+    }
+    save() {
+        this.store.dispatch(DashboardActions.requestAllRoutes());
+        // Give time for routes to be updated
+        setTimeout(() => {
+            let presentation = {
+                name: this.currentManifest.name,
+                id: v4(),
+                description: this.currentManifest.description,
+                image: this.currentManifest.image,
+                visibility: this.visibility,
+                cover: this.currentManifest?.cover ?? false
+            };
+            if (this.mode == 'directSave') {
+                if (this.currentManifest) {
+                    presentation.id = this.currentManifest.id;
+                    presentation.visibility = this.currentManifest.visibility;
+                }
+            }
+            this.store.dispatch(DashboardActions.saveManifest(presentation));
+            this.store.dispatch(DashboardActions.selectPresentation({
+                presentation: presentation,
+                viewMode: ViewMode.CATALOG
+            }));
+        }, 200);
+        this.closeModals();
+    }
+    closeModals() {
+        if (this.saveTypeOpened) {
+            this.toggleDirectSaveType();
+        }
+        if (this.saveAsOpened) {
+            this.toggleSaveAs();
+        }
+    }
+    changeVisibility($event) {
+        this.currentManifest.visibility = $event;
+    }
+    changeValue($event) {
+        this.currentManifest.name = $event;
+    }
+    changeDescr($event) {
+        this.currentManifest.description = $event;
+    }
+    openSaveAs() {
+        this.overlayRefSaveAs = this.overlay.create(new OverlayConfig({
+            hasBackdrop: true,
+            panelClass: ['o-modal-wrapper'],
+            backdropClass: 'backdrop'
+        }));
+        this.store.dispatch(ConfigActions.addingOverlay({ id: this.constructor.name }));
+        this.overlayRefSaveAs.backdropClick().subscribe((_) => this.toggleSaveAs());
+        this.overlayRefSaveAs.attach(new TemplatePortal(this.templateSaveAs, this.viewContainerRef));
+    }
+    isValid() {
+        return (this.currentManifest?.name && 0 < this.currentManifest?.name.length && this.currentManifest?.name.length <= 30);
+    }
+    toggleDirectSaveType() {
+        this.saveTypeOpened = !this.saveTypeOpened;
+        if (this.saveTypeOpened) {
+            this.store.dispatch(DashboardActions.requestAllRoutes());
+            this.overlayRefDirectSaveType = this.overlay.create(new OverlayConfig({
+                hasBackdrop: true,
+                panelClass: ['o-modal-wrapper'],
+                backdropClass: 'backdrop'
+            }));
+            this.store.dispatch(ConfigActions.addingOverlay({ id: this.constructor.name }));
+            this.overlayRefDirectSaveType.backdropClick().subscribe((_) => this.toggleDirectSaveType());
+            this.overlayRefDirectSaveType.attach(new TemplatePortal(this.templateDirectSaveType, this.viewContainerRef));
+            setTimeout(() => {
+                this.firstFocusdirective.nativeElement.focus();
+            }, 10);
+        }
+        else {
+            this.overlayRefDirectSaveType?.dispose();
+            this.overlayRefDirectSaveType = undefined;
+            this.store.dispatch(ConfigActions.closeOverlay({ id: this.constructor.name }));
+            this.directiveSave.nativeElement.focus();
+        }
+    }
+    get mustOpenModal() {
+        return this.hasInitial && this.nbPages !== this.initialNbPages;
+    }
+    directSave() {
+        if (this.mustOpenModal) {
+            this.toggleDirectSaveType();
+        }
+        else {
+            this.save();
+        }
+    }
+    restore() {
+        this.store.dispatch(DashboardActions.restoreInitialManifest());
+        this.closeModals();
+    }
+    focusCrossElement() {
+        this.cross.nativeElement.focus();
+    }
+    focusValidation() {
+        if (!this.currentManifest?.name) {
+            this.cancel.nativeElement.focus();
+        }
+        this.confirm.nativeElement.focus();
+    }
+    rename() {
+        this.toggleSaveAs();
+    }
+    disableNextStep() {
+        if (!this.currentManifest?.name) {
+            this.focusCrossElement();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SaveViewComponent, deps: [{ token: i1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: SaveViewComponent, selector: "pry-save-view", inputs: { label: "label", mode: "mode" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "saveAs", first: true, predicate: ["saveAs"], descendants: true }, { propertyName: "directiveSave", first: true, predicate: ["directiveSave"], descendants: true }, { propertyName: "firstFocusdirective", first: true, predicate: ["firstFocusdirective"], descendants: true }, { propertyName: "cross", first: true, predicate: ["cross"], descendants: true }, { propertyName: "confirm", first: true, predicate: ["confirm"], descendants: true }, { propertyName: "cancel", first: true, predicate: ["cancel"], descendants: true }, { propertyName: "templateSaveAs", first: true, predicate: ["templateSaveAs"], descendants: true, read: TemplateRef }, { propertyName: "templateDirectSaveType", first: true, predicate: ["templateDirectSaveType"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"mode === 'directSave'\">\n  <div\n    [pryTooltip]=\"infoTooltipDirectSave\"\n    pryTooltipPosition=\"bottom\"\n    [attr.aria-expanded]=\"saveTypeOpened\"\n    aria-controls=\"directiveSave\"\n    aria-describedby=\"infoTooltip_directSave\"\n  >\n    <button\n      type=\"button\"\n      #directiveSave\n      class=\"a-btn a-btn--secondary -size-md\"\n      (click)=\"directSave()\"\n      [disabled]=\"!(savePresentationActive$ | async)\"\n    >\n      <ng-container *ngIf=\"label\">{{ '@pry.toolbox.save' | i18n }} ({{ nbPages }})</ng-container>\n    </button>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"mode === 'saveAs'\">\n  <div\n    class=\"save-manifest-container\"\n    [pryTooltip]=\"infoTooltipSaveAs\"\n    pryTooltipPosition=\"bottom\"\n    [attr.aria-expanded]=\"saveAsOpened\"\n    aria-controls=\"saveModal\"\n    aria-describedby=\"infoTooltip_saveAs\"\n  >\n    <button\n      type=\"button\"\n      #saveAs\n      class=\"a-btn a-btn--secondary -size-md\"\n      (click)=\"toggleSaveAs()\"\n      aria-haspopup=\"dialog\"\n    >\n      <ng-container *ngIf=\"label\">{{ '@pry.toolbox.saveView' | i18n }} ({{ nbPages }})</ng-container>\n    </button>\n  </div>\n</ng-container>\n\n<ng-template #templateSaveAs>\n  <div\n    class=\"o-modal\"\n    (click)=\"$event.stopPropagation()\"\n    id=\"saveModal\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog_saveModal\"\n    (keydown.escape)=\"closeModals()\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">{{ '@pry.toolbox.rename' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #cross (keydown.shift.tab)=\"focusValidation()\" (click)=\"toggleSaveAs()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <pry-stepper #stepper>\n      <pry-step>\n        <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.presentation.add.info' | i18n }}</h4>\n        <form>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" id=\"label-name\" for=\"input-name\">{{ '@pry.toolbox.manifest.name' | i18n }}</label>\n            <input\n              type=\"text\"\n              id=\"input-name\"\n              name=\"input-name\"\n              class=\"a-form-field\"\n              placeholder=\"{{ '@pry.toolbox.manifest.name' | i18n }}\"\n              [ngModel]=\"currentManifest!.name\"\n              (ngModelChange)=\"changeValue($event)\"\n              aria-labelledby=\"label-name\"\n              maxlength=\"30\"\n              #input\n            />\n          </div>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" id=\"label-descr\" for=\"input-descr\">{{\n              '@pry.toolbox.manifest.description' | i18n\n            }}</label>\n            <input\n              type=\"text\"\n              id=\"input-descr\"\n              name=\"input-descr\"\n              class=\"a-form-field\"\n              placeholder=\"{{ '@pry.toolbox.manifest.description' | i18n }}\"\n              [ngModel]=\"currentManifest!.description\"\n              (ngModelChange)=\"changeDescr($event)\"\n              aria-labelledby=\"label-name\"\n              maxlength=\"200\"\n            />\n          </div>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"presentation_image\">{{ '@pry.presentation.form.image' | i18n }}</label>\n            <div class=\"o-file-input\">\n              <pry-select-image\n                id=\"presentation_image\"\n                (changed)=\"currentManifest!.image = $event\"\n                [iconUrl]=\"currentManifest!.image\"\n                [mode]=\"type\"\n              ></pry-select-image>\n              <pry-checkbox [(ngModel)]=\"currentManifest!.cover\" name=\"cover\">\n                {{ '@pry.presentation.form.cover' | i18n }}\n              </pry-checkbox>\n            </div>\n          </div>\n\n          <div class=\"m-btn-group\">\n            <button\n              type=\"button\"\n              class=\"a-btn a-btn--secondary\"\n              #cancel\n              (click)=\"toggleSaveAs()\"\n              (keydown.tab)=\"disableNextStep()\"\n            >\n              {{ '@pry.toolbox.manifest.close' | i18n }}\n            </button>\n            <button\n              type=\"submit\"\n              class=\"a-btn a-btn--primary\"\n              (click)=\"stepper.next()\"\n              [disabled]=\"!isValid()\"\n              (keydown.tab)=\"focusCrossElement()\"\n            >\n              {{ '@pry.action.next' | i18n }}\n            </button>\n          </div>\n        </form>\n      </pry-step>\n      <pry-step>\n        <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.broadcast' | i18n }}</h4>\n        <pry-share [(ngModel)]=\"visibility\" (ngModelChange)=\"changeVisibility($event)\"></pry-share>\n        <div class=\"m-btn-group\">\n          <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"stepper.prev()\">\n            {{ '@pry.action.back' | i18n }}\n          </button>\n          <button\n            type=\"submit\"\n            class=\"a-btn a-btn--primary\"\n            #confirm\n            (click)=\"save()\"\n            (keydown.tab)=\"focusCrossElement()\"\n          >\n            {{ '@pry.restitution.broadcast' | i18n }}\n          </button>\n        </div>\n      </pry-step>\n    </pry-stepper>\n  </div>\n</ng-template>\n\n<ng-template #infoTooltipSaveAs>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltip_saveAs\">\n    <span class=\"m-tooltip__text\">{{ '@pry.toolbox.rename' | i18n }}</span>\n  </div>\n</ng-template>\n<ng-template #infoTooltipDirectSave>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltip_directSave\">\n    <span class=\"m-tooltip__text\">{{ '@pry.toolbox.save' | i18n }}</span>\n  </div>\n</ng-template>\n\n<ng-template #templateDirectSaveType>\n  <div\n    class=\"o-modal\"\n    (click)=\"$event.stopPropagation()\"\n    id=\"directiveSave\"\n    role=\"dialog\"\n    aria-labelledby=\"dialog_title\"\n    (keydown.escape)=\"closeModals()\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title_\">{{ '@pry.toolbox.save' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #firstFocusdirective (click)=\"toggleDirectSaveType()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div>\n      <h3>{{ '@pry.snack.pagesChanged' | i18n }}</h3>\n    </div>\n    <div class=\"m-btn-group\">\n      <button class=\"a-btn a-btn--primary\" (click)=\"save()\">\n        {{ '@pry.toolbox.save' | i18n }}\n      </button>\n      <button class=\"a-btn a-btn--primary\" (click)=\"rename()\">\n        {{ '@pry.toolbox.rename' | i18n }}\n      </button>\n      <button class=\"a-btn a-btn--primary\" (click)=\"restore()\" (keydown.tab)=\"closeModals()\">\n        {{ '@pry.toolbox.restore' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.PryTooltipDirective, selector: "[pryTooltip]", inputs: ["pryTooltip", "styleReversed", "pryTooltipContext", "pryTooltipPosition", "pryTooltipShowDelay"] }, { kind: "component", type: i5.PrySelectImageComponent, selector: "pry-select-image", inputs: ["iconUrl", "size", "mode"], outputs: ["toggled", "changed"] }, { kind: "component", type: i5.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i6.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "component", type: i7.PryStepperComponent, selector: "pry-stepper", inputs: ["isConsultMode"], outputs: ["lastStepCompleted"] }, { kind: "component", type: i7.PryStepComponent, selector: "pry-step", inputs: ["setActiveState"] }, { kind: "directive", type: i7.PryStepTitleDirective, selector: "[stepTitle]" }, { kind: "component", type: i5.PryShareComponent, selector: "pry-share", inputs: ["value", "labelProperty", "valueProperty", "users$"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SaveViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-save-view', template: "<ng-container *ngIf=\"mode === 'directSave'\">\n  <div\n    [pryTooltip]=\"infoTooltipDirectSave\"\n    pryTooltipPosition=\"bottom\"\n    [attr.aria-expanded]=\"saveTypeOpened\"\n    aria-controls=\"directiveSave\"\n    aria-describedby=\"infoTooltip_directSave\"\n  >\n    <button\n      type=\"button\"\n      #directiveSave\n      class=\"a-btn a-btn--secondary -size-md\"\n      (click)=\"directSave()\"\n      [disabled]=\"!(savePresentationActive$ | async)\"\n    >\n      <ng-container *ngIf=\"label\">{{ '@pry.toolbox.save' | i18n }} ({{ nbPages }})</ng-container>\n    </button>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"mode === 'saveAs'\">\n  <div\n    class=\"save-manifest-container\"\n    [pryTooltip]=\"infoTooltipSaveAs\"\n    pryTooltipPosition=\"bottom\"\n    [attr.aria-expanded]=\"saveAsOpened\"\n    aria-controls=\"saveModal\"\n    aria-describedby=\"infoTooltip_saveAs\"\n  >\n    <button\n      type=\"button\"\n      #saveAs\n      class=\"a-btn a-btn--secondary -size-md\"\n      (click)=\"toggleSaveAs()\"\n      aria-haspopup=\"dialog\"\n    >\n      <ng-container *ngIf=\"label\">{{ '@pry.toolbox.saveView' | i18n }} ({{ nbPages }})</ng-container>\n    </button>\n  </div>\n</ng-container>\n\n<ng-template #templateSaveAs>\n  <div\n    class=\"o-modal\"\n    (click)=\"$event.stopPropagation()\"\n    id=\"saveModal\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog_saveModal\"\n    (keydown.escape)=\"closeModals()\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">{{ '@pry.toolbox.rename' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #cross (keydown.shift.tab)=\"focusValidation()\" (click)=\"toggleSaveAs()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <pry-stepper #stepper>\n      <pry-step>\n        <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.presentation.add.info' | i18n }}</h4>\n        <form>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" id=\"label-name\" for=\"input-name\">{{ '@pry.toolbox.manifest.name' | i18n }}</label>\n            <input\n              type=\"text\"\n              id=\"input-name\"\n              name=\"input-name\"\n              class=\"a-form-field\"\n              placeholder=\"{{ '@pry.toolbox.manifest.name' | i18n }}\"\n              [ngModel]=\"currentManifest!.name\"\n              (ngModelChange)=\"changeValue($event)\"\n              aria-labelledby=\"label-name\"\n              maxlength=\"30\"\n              #input\n            />\n          </div>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" id=\"label-descr\" for=\"input-descr\">{{\n              '@pry.toolbox.manifest.description' | i18n\n            }}</label>\n            <input\n              type=\"text\"\n              id=\"input-descr\"\n              name=\"input-descr\"\n              class=\"a-form-field\"\n              placeholder=\"{{ '@pry.toolbox.manifest.description' | i18n }}\"\n              [ngModel]=\"currentManifest!.description\"\n              (ngModelChange)=\"changeDescr($event)\"\n              aria-labelledby=\"label-name\"\n              maxlength=\"200\"\n            />\n          </div>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"presentation_image\">{{ '@pry.presentation.form.image' | i18n }}</label>\n            <div class=\"o-file-input\">\n              <pry-select-image\n                id=\"presentation_image\"\n                (changed)=\"currentManifest!.image = $event\"\n                [iconUrl]=\"currentManifest!.image\"\n                [mode]=\"type\"\n              ></pry-select-image>\n              <pry-checkbox [(ngModel)]=\"currentManifest!.cover\" name=\"cover\">\n                {{ '@pry.presentation.form.cover' | i18n }}\n              </pry-checkbox>\n            </div>\n          </div>\n\n          <div class=\"m-btn-group\">\n            <button\n              type=\"button\"\n              class=\"a-btn a-btn--secondary\"\n              #cancel\n              (click)=\"toggleSaveAs()\"\n              (keydown.tab)=\"disableNextStep()\"\n            >\n              {{ '@pry.toolbox.manifest.close' | i18n }}\n            </button>\n            <button\n              type=\"submit\"\n              class=\"a-btn a-btn--primary\"\n              (click)=\"stepper.next()\"\n              [disabled]=\"!isValid()\"\n              (keydown.tab)=\"focusCrossElement()\"\n            >\n              {{ '@pry.action.next' | i18n }}\n            </button>\n          </div>\n        </form>\n      </pry-step>\n      <pry-step>\n        <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.broadcast' | i18n }}</h4>\n        <pry-share [(ngModel)]=\"visibility\" (ngModelChange)=\"changeVisibility($event)\"></pry-share>\n        <div class=\"m-btn-group\">\n          <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"stepper.prev()\">\n            {{ '@pry.action.back' | i18n }}\n          </button>\n          <button\n            type=\"submit\"\n            class=\"a-btn a-btn--primary\"\n            #confirm\n            (click)=\"save()\"\n            (keydown.tab)=\"focusCrossElement()\"\n          >\n            {{ '@pry.restitution.broadcast' | i18n }}\n          </button>\n        </div>\n      </pry-step>\n    </pry-stepper>\n  </div>\n</ng-template>\n\n<ng-template #infoTooltipSaveAs>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltip_saveAs\">\n    <span class=\"m-tooltip__text\">{{ '@pry.toolbox.rename' | i18n }}</span>\n  </div>\n</ng-template>\n<ng-template #infoTooltipDirectSave>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltip_directSave\">\n    <span class=\"m-tooltip__text\">{{ '@pry.toolbox.save' | i18n }}</span>\n  </div>\n</ng-template>\n\n<ng-template #templateDirectSaveType>\n  <div\n    class=\"o-modal\"\n    (click)=\"$event.stopPropagation()\"\n    id=\"directiveSave\"\n    role=\"dialog\"\n    aria-labelledby=\"dialog_title\"\n    (keydown.escape)=\"closeModals()\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title_\">{{ '@pry.toolbox.save' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #firstFocusdirective (click)=\"toggleDirectSaveType()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div>\n      <h3>{{ '@pry.snack.pagesChanged' | i18n }}</h3>\n    </div>\n    <div class=\"m-btn-group\">\n      <button class=\"a-btn a-btn--primary\" (click)=\"save()\">\n        {{ '@pry.toolbox.save' | i18n }}\n      </button>\n      <button class=\"a-btn a-btn--primary\" (click)=\"rename()\">\n        {{ '@pry.toolbox.rename' | i18n }}\n      </button>\n      <button class=\"a-btn a-btn--primary\" (click)=\"restore()\" (keydown.tab)=\"closeModals()\">\n        {{ '@pry.toolbox.restore' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2.Overlay }, { type: i0.ViewContainerRef }]; }, propDecorators: { label: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }], input: [{
+                type: ViewChild,
+                args: ['input']
+            }], saveAs: [{
+                type: ViewChild,
+                args: ['saveAs']
+            }], directiveSave: [{
+                type: ViewChild,
+                args: ['directiveSave']
+            }], firstFocusdirective: [{
+                type: ViewChild,
+                args: ['firstFocusdirective']
+            }], cross: [{
+                type: ViewChild,
+                args: ['cross']
+            }], confirm: [{
+                type: ViewChild,
+                args: ['confirm']
+            }], cancel: [{
+                type: ViewChild,
+                args: ['cancel']
+            }], templateSaveAs: [{
+                type: ViewChild,
+                args: ['templateSaveAs', { read: TemplateRef }]
+            }], templateDirectSaveType: [{
+                type: ViewChild,
+                args: ['templateDirectSaveType', { read: TemplateRef }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2F2ZS12aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Byb3ZvbHkvZGFzaGJvYXJkL3Rvb2xib3gvY29tcG9uZW50cy9zYXZlLXZpZXcvc2F2ZS12aWV3LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Byb3ZvbHkvZGFzaGJvYXJkL3Rvb2xib3gvY29tcG9uZW50cy9zYXZlLXZpZXcvc2F2ZS12aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBVyxhQUFhLEVBQWMsTUFBTSxzQkFBc0IsQ0FBQztBQUMxRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDckQsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBb0IsTUFBTSxlQUFlLENBQUM7QUFFdkcsT0FBTyxFQUNMLGFBQWEsRUFDYixnQkFBZ0IsRUFDaEIsa0JBQWtCLEVBQ2xCLFlBQVksRUFHWixpQkFBaUIsRUFDakIsd0JBQXdCLEVBQ3hCLFFBQVEsRUFDVCxNQUFNLG9CQUFvQixDQUFDO0FBRTVCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxNQUFNLENBQUM7Ozs7Ozs7OztBQU0xQixNQUFNLE9BQU8saUJBQWtCLFNBQVEsd0JBQXdCO0lBeUI3RCxZQUNVLEtBQVksRUFDWixPQUFnQixFQUNoQixnQkFBa0M7UUFFMUMsS0FBSyxFQUFFLENBQUM7UUFKQSxVQUFLLEdBQUwsS0FBSyxDQUFPO1FBQ1osWUFBTyxHQUFQLE9BQU8sQ0FBUztRQUNoQixxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBM0JuQyxVQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ2IsU0FBSSxHQUE0QixRQUFRLENBQUM7UUFRbEQsaUJBQVksR0FBWSxLQUFLLENBQUM7UUFLOUIsZUFBVSxHQUFrQixF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QzFELHExT0EwTUE7OzJGRHBMYSxpQkFBaUI7a0JBSjdCLFNBQVM7K0JBQ0UsZUFBZTtpSkFJaEIsS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDYyxLQUFLO3NCQUF4QixTQUFTO3VCQUFDLE9BQU87Z0JBQ0csTUFBTTtzQkFBMUIsU0FBUzt1QkFBQyxRQUFRO2dCQUNTLGFBQWE7c0JBQXhDLFNBQVM7dUJBQUMsZUFBZTtnQkFDUSxtQkFBbUI7c0JBQXBELFNBQVM7dUJBQUMscUJBQXFCO2dCQUNaLEtBQUs7c0JBQXhCLFNBQVM7dUJBQUMsT0FBTztnQkFDSSxPQUFPO3NCQUE1QixTQUFTO3VCQUFDLFNBQVM7Z0JBQ0MsTUFBTTtzQkFBMUIsU0FBUzt1QkFBQyxRQUFRO2dCQUdpQyxjQUFjO3NCQUFqRSxTQUFTO3VCQUFDLGdCQUFnQixFQUFFLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRTtnQkFFVSxzQkFBc0I7c0JBQWpGLFNBQVM7dUJBQUMsd0JBQXdCLEVBQUUsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgT3ZlcmxheSwgT3ZlcmxheUNvbmZpZywgT3ZlcmxheVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9vdmVybGF5JztcbmltcG9ydCB7IFRlbXBsYXRlUG9ydGFsIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3BvcnRhbCc7XG5pbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBUZW1wbGF0ZVJlZiwgVmlld0NoaWxkLCBWaWV3Q29udGFpbmVyUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdG9yZSB9IGZyb20gJ0BuZ3J4L3N0b3JlJztcbmltcG9ydCB7XG4gIENvbmZpZ0FjdGlvbnMsXG4gIERhc2hib2FyZEFjdGlvbnMsXG4gIERhc2hib2FyZFNlbGVjdG9ycyxcbiAgTGlicmFyeVR5cGVzLFxuICBNYW5pZmVzdERlc2NyaXB0aW9uLFxuICBQcnlWaXNpYmlsaXR5LFxuICBQcnlWaXNpYmlsaXR5VHlwZSxcbiAgU3Vic2NyaXB0aW9ubmVyRGlyZWN0aXZlLFxuICBWaWV3TW9kZVxufSBmcm9tICdAcHJvdm9seS9kYXNoYm9hcmQnO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgdjQgfSBmcm9tICd1dWlkJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncHJ5LXNhdmUtdmlldycsXG4gIHRlbXBsYXRlVXJsOiAnLi9zYXZlLXZpZXcuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIFNhdmVWaWV3Q29tcG9uZW50IGV4dGVuZHMgU3Vic2NyaXB0aW9ubmVyRGlyZWN0aXZlIHtcbiAgQElucHV0KCkgbGFiZWwgPSB0cnVlO1xuICBASW5wdXQoKSBtb2RlOiAnc2F2ZUFzJyB8ICdkaXJlY3RTYXZlJyA9ICdzYXZlQXMnO1xuICBAVmlld0NoaWxkKCdpbnB1dCcpIGlucHV0ITogRWxlbWVudFJlZjtcbiAgQFZpZXdDaGlsZCgnc2F2ZUFzJykgc2F2ZUFzITogRWxlbWVudFJlZjxIVE1MQnV0dG9uRWxlbWVudD47XG4gIEBWaWV3Q2hpbGQoJ2RpcmVjdGl2ZVNhdmUnKSBkaXJlY3RpdmVTYXZlITogRWxlbWVudFJlZjxIVE1MQnV0dG9uRWxlbWVudD47XG4gIEBWaWV3Q2hpbGQoJ2ZpcnN0Rm9jdXNkaXJlY3RpdmUnKSBmaXJzdEZvY3VzZGlyZWN0aXZlITogRWxlbWVudFJlZjxIVE1MQnV0dG9uRWxlbWVudD47XG4gIEBWaWV3Q2hpbGQoJ2Nyb3NzJykgY3Jvc3MhOiBFbGVtZW50UmVmPEhUTUxCdXR0b25FbGVtZW50PjtcbiAgQFZpZXdDaGlsZCgnY29uZmlybScpIGNvbmZpcm0hOiBFbGVtZW50UmVmPEhUTUxCdXR0b25FbGVtZW50PjtcbiAgQFZpZXdDaGlsZCgnY2FuY2VsJykgY2FuY2VsITogRWxlbWVudFJlZjxIVE1MQnV0dG9uRWxlbWVudD47XG4gIHNhdmVBc09wZW5lZDogYm9vbGVhbiA9IGZhbHNlO1xuICBvdmVybGF5UmVmU2F2ZUFzPzogT3ZlcmxheVJlZjtcbiAgQFZpZXdDaGlsZCgndGVtcGxhdGVTYXZlQXMnLCB7IHJlYWQ6IFRlbXBsYXRlUmVmIH0pIHRlbXBsYXRlU2F2ZUFzITogVGVtcGxhdGVSZWY8YW55PjtcbiAgb3ZlcmxheVJlZkRpcmVjdFNhdmVUeXBlPzogT3ZlcmxheVJlZjtcbiAgQFZpZXdDaGlsZCgndGVtcGxhdGVEaXJlY3RTYXZlVHlwZScsIHsgcmVhZDogVGVtcGxhdGVSZWYgfSkgdGVtcGxhdGVEaXJlY3RTYXZlVHlwZSE6IFRlbXBsYXRlUmVmPGFueT47XG4gIHZpc2liaWxpdHk6IFByeVZpc2liaWxpdHkgPSB7IHR5cGU6IFByeVZpc2liaWxpdHlUeXBlLlBSSVZBVEUgfTtcbiAgdHlwZTogTGlicmFyeVR5cGVzID0gTGlicmFyeVR5cGVzLklMTFVTVFJBVElPTjtcbiAgc2F2ZVR5cGVPcGVuZWQgPSBmYWxzZTtcbiAgY3VycmVudE1hbmlmZXN0PzogTWFuaWZlc3REZXNjcmlwdGlvbjtcbiAgc2F2ZVByZXNlbnRhdGlvbkFjdGl2ZSQ6IE9ic2VydmFibGU8Ym9vbGVhbj47XG4gIG5iUGFnZXM6IG51bWJlciA9IDA7XG4gIGluaXRpYWxOYlBhZ2VzOiBudW1iZXIgPSAwO1xuICBoYXNJbml0aWFsOiBib29sZWFuID0gZmFsc2U7XG4gIFZpZXdNb2RlID0gVmlld01vZGU7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBzdG9yZTogU3RvcmUsXG4gICAgcHJpdmF0ZSBvdmVybGF5OiBPdmVybGF5LFxuICAgIHByaXZhdGUgdmlld0NvbnRhaW5lclJlZjogVmlld0NvbnRhaW5lclJlZlxuICApIHtcbiAgICBzdXBlcigpO1xuXG4gICAgdGhpcy5zdWJzY3JpcHRpb25zLmFkZChcbiAgICAgIHRoaXMuc3RvcmUuc2VsZWN0KERhc2hib2FyZFNlbGVjdG9ycy5wcmVzZW50YXRpb24pLnN1YnNjcmliZSgocHJlc2VudGF0aW9uKSA9PiB7XG4gICAgICAgIHRoaXMuY3VycmVudE1hbmlmZXN0ID0gcHJlc2VudGF0aW9uLmN1cnJlbnRcbiAgICAgICAgICA/IEpTT04ucGFyc2UoSlNPTi5zdHJpbmdpZnkocHJlc2VudGF0aW9uLmN1cnJlbnQpKVxuICAgICAgICAgIDogKHsgbmFtZTogJycsIGltYWdlOiAnJywgZGVzY3JpcHRpb246ICcnLCBjb3ZlcjogZmFsc2UgfSBhcyBNYW5pZmVzdERlc2NyaXB0aW9uKTtcbiAgICAgICAgdGhpcy5pbml0aWFsTmJQYWdlcyA9IHByZXNlbnRhdGlvbi5pbml0aWFsPy53aW5kb3dzLmxlbmd0aCA/PyAwO1xuICAgICAgICB0aGlzLmhhc0luaXRpYWwgPSAhIXByZXNlbnRhdGlvbi5pbml0aWFsO1xuICAgICAgfSlcbiAgICApO1xuICAgIHRoaXMuc2F2ZVByZXNlbnRhdGlvbkFjdGl2ZSQgPSB0aGlzLnN0b3JlLnNlbGVjdChEYXNoYm9hcmRTZWxlY3RvcnMuc2F2ZVByZXNlbnRhdGlvbkFjdGl2ZSk7XG4gICAgdGhpcy5zdWJzY3JpcHRpb25zLmFkZChcbiAgICAgIHRoaXMuc3RvcmVcbiAgICAgICAgLnNlbGVjdChEYXNoYm9hcmRTZWxlY3RvcnMuZ2xvYmFsTWFuaWZlc3QpXG4gICAgICAgIC5zdWJzY3JpYmUoKG1hbmlmZXN0KSA9PiAodGhpcy5uYlBhZ2VzID0gbWFuaWZlc3Qud2luZG93cy5sZW5ndGgpKVxuICAgICk7XG4gIH1cblxuICB0b2dnbGVTYXZlQXMoKSB7XG4gICAgdGhpcy5zYXZlQXNPcGVuZWQgPSAhdGhpcy5zYXZlQXNPcGVuZWQ7XG4gICAgaWYgKHRoaXMuc2F2ZUFzT3BlbmVkKSB7XG4gICAgICB0aGlzLnN0b3JlLmRpc3BhdGNoKERhc2hib2FyZEFjdGlvbnMucmVxdWVzdEFsbFJvdXRlcygpKTtcbiAgICAgIHRoaXMub3BlblNhdmVBcygpO1xuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIHRoaXMuaW5wdXQubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICAgICAgfSwgMTApO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLm92ZXJsYXlSZWZTYXZlQXM/LmRpc3Bvc2UoKTtcbiAgICAgIHRoaXMub3ZlcmxheVJlZlNhdmVBcyA9IHVuZGVmaW5lZDtcbiAgICAgIHRoaXMuc3RvcmUuZGlzcGF0Y2goQ29uZmlnQWN0aW9ucy5jbG9zZU92ZXJsYXkoeyBpZDogdGhpcy5jb25zdHJ1Y3Rvci5uYW1lIH0pKTtcbiAgICAgIHRoaXMuc2F2ZUFzLm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcbiAgICB9XG4gIH1cblxuICBzYXZlKCkge1xuICAgIHRoaXMuc3RvcmUuZGlzcGF0Y2goRGFzaGJvYXJkQWN0aW9ucy5yZXF1ZXN0QWxsUm91dGVzKCkpO1xuXG4gICAgLy8gR2l2ZSB0aW1lIGZvciByb3V0ZXMgdG8gYmUgdXBkYXRlZFxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgbGV0IHByZXNlbnRhdGlvbiA9IHtcbiAgICAgICAgbmFtZTogdGhpcy5jdXJyZW50TWFuaWZlc3QhLm5hbWUsXG4gICAgICAgIGlkOiB2NCgpLFxuICAgICAgICBkZXNjcmlwdGlvbjogdGhpcy5jdXJyZW50TWFuaWZlc3QhLmRlc2NyaXB0aW9uLFxuICAgICAgICBpbWFnZTogdGhpcy5jdXJyZW50TWFuaWZlc3QhLmltYWdlLFxuICAgICAgICB2aXNpYmlsaXR5OiB0aGlzLnZpc2liaWxpdHksXG4gICAgICAgIGNvdmVyOiB0aGlzLmN1cnJlbnRNYW5pZmVzdD8uY292ZXIgPz8gZmFsc2VcbiAgICAgIH07XG4gICAgICBpZiAodGhpcy5tb2RlID09ICdkaXJlY3RTYXZlJykge1xuICAgICAgICBpZiAodGhpcy5jdXJyZW50TWFuaWZlc3QpIHtcbiAgICAgICAgICBwcmVzZW50YXRpb24uaWQgPSB0aGlzLmN1cnJlbnRNYW5pZmVzdC5pZDtcbiAgICAgICAgICBwcmVzZW50YXRpb24udmlzaWJpbGl0eSA9IHRoaXMuY3VycmVudE1hbmlmZXN0LnZpc2liaWxpdHk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICAgIHRoaXMuc3RvcmUuZGlzcGF0Y2goRGFzaGJvYXJkQWN0aW9ucy5zYXZlTWFuaWZlc3QocHJlc2VudGF0aW9uKSk7XG4gICAgICB0aGlzLnN0b3JlLmRpc3BhdGNoKFxuICAgICAgICBEYXNoYm9hcmRBY3Rpb25zLnNlbGVjdFByZXNlbnRhdGlvbih7XG4gICAgICAgICAgcHJlc2VudGF0aW9uOiBwcmVzZW50YXRpb24gYXMgTWFuaWZlc3REZXNjcmlwdGlvbixcbiAgICAgICAgICB2aWV3TW9kZTogVmlld01vZGUuQ0FUQUxPR1xuICAgICAgICB9KVxuICAgICAgKTtcbiAgICB9LCAyMDApO1xuXG4gICAgdGhpcy5jbG9zZU1vZGFscygpO1xuICB9XG5cbiAgY2xvc2VNb2RhbHMoKSB7XG4gICAgaWYgKHRoaXMuc2F2ZVR5cGVPcGVuZWQpIHtcbiAgICAgIHRoaXMudG9nZ2xlRGlyZWN0U2F2ZVR5cGUoKTtcbiAgICB9XG4gICAgaWYgKHRoaXMuc2F2ZUFzT3BlbmVkKSB7XG4gICAgICB0aGlzLnRvZ2dsZVNhdmVBcygpO1xuICAgIH1cbiAgfVxuXG4gIGNoYW5nZVZpc2liaWxpdHkoJGV2ZW50OiBQcnlWaXNpYmlsaXR5KSB7XG4gICAgdGhpcy5jdXJyZW50TWFuaWZlc3QhLnZpc2liaWxpdHkgPSAkZXZlbnQ7XG4gIH1cblxuICBjaGFuZ2VWYWx1ZSgkZXZlbnQ6IHN0cmluZykge1xuICAgIHRoaXMuY3VycmVudE1hbmlmZXN0IS5uYW1lID0gJGV2ZW50O1xuICB9XG5cbiAgY2hhbmdlRGVzY3IoJGV2ZW50OiBzdHJpbmcpIHtcbiAgICB0aGlzLmN1cnJlbnRNYW5pZmVzdCEuZGVzY3JpcHRpb24gPSAkZXZlbnQ7XG4gIH1cblxuICBvcGVuU2F2ZUFzKCkge1xuICAgIHRoaXMub3ZlcmxheVJlZlNhdmVBcyA9IHRoaXMub3ZlcmxheS5jcmVhdGUoXG4gICAgICBuZXcgT3ZlcmxheUNvbmZpZyh7XG4gICAgICAgIGhhc0JhY2tkcm9wOiB0cnVlLFxuICAgICAgICBwYW5lbENsYXNzOiBbJ28tbW9kYWwtd3JhcHBlciddLFxuICAgICAgICBiYWNrZHJvcENsYXNzOiAnYmFja2Ryb3AnXG4gICAgICB9KVxuICAgICk7XG4gICAgdGhpcy5zdG9yZS5kaXNwYXRjaChDb25maWdBY3Rpb25zLmFkZGluZ092ZXJsYXkoeyBpZDogdGhpcy5jb25zdHJ1Y3Rvci5uYW1lIH0pKTtcbiAgICB0aGlzLm92ZXJsYXlSZWZTYXZlQXMuYmFja2Ryb3BDbGljaygpLnN1YnNjcmliZSgoXykgPT4gdGhpcy50b2dnbGVTYXZlQXMoKSk7XG4gICAgdGhpcy5vdmVybGF5UmVmU2F2ZUFzLmF0dGFjaChuZXcgVGVtcGxhdGVQb3J0YWwodGhpcy50ZW1wbGF0ZVNhdmVBcywgdGhpcy52aWV3Q29udGFpbmVyUmVmKSk7XG4gIH1cblxuICBpc1ZhbGlkKCkge1xuICAgIHJldHVybiAoXG4gICAgICB0aGlzLmN1cnJlbnRNYW5pZmVzdD8ubmFtZSAmJiAwIDwgdGhpcy5jdXJyZW50TWFuaWZlc3Q/Lm5hbWUubGVuZ3RoICYmIHRoaXMuY3VycmVudE1hbmlmZXN0Py5uYW1lLmxlbmd0aCA8PSAzMFxuICAgICk7XG4gIH1cblxuICB0b2dnbGVEaXJlY3RTYXZlVHlwZSgpIHtcbiAgICB0aGlzLnNhdmVUeXBlT3BlbmVkID0gIXRoaXMuc2F2ZVR5cGVPcGVuZWQ7XG4gICAgaWYgKHRoaXMuc2F2ZVR5cGVPcGVuZWQpIHtcbiAgICAgIHRoaXMuc3RvcmUuZGlzcGF0Y2goRGFzaGJvYXJkQWN0aW9ucy5yZXF1ZXN0QWxsUm91dGVzKCkpO1xuICAgICAgdGhpcy5vdmVybGF5UmVmRGlyZWN0U2F2ZVR5cGUgPSB0aGlzLm92ZXJsYXkuY3JlYXRlKFxuICAgICAgICBuZXcgT3ZlcmxheUNvbmZpZyh7XG4gICAgICAgICAgaGFzQmFja2Ryb3A6IHRydWUsXG4gICAgICAgICAgcGFuZWxDbGFzczogWydvLW1vZGFsLXdyYXBwZXInXSxcbiAgICAgICAgICBiYWNrZHJvcENsYXNzOiAnYmFja2Ryb3AnXG4gICAgICAgIH0pXG4gICAgICApO1xuICAgICAgdGhpcy5zdG9yZS5kaXNwYXRjaChDb25maWdBY3Rpb25zLmFkZGluZ092ZXJsYXkoeyBpZDogdGhpcy5jb25zdHJ1Y3Rvci5uYW1lIH0pKTtcbiAgICAgIHRoaXMub3ZlcmxheVJlZkRpcmVjdFNhdmVUeXBlLmJhY2tkcm9wQ2xpY2soKS5zdWJzY3JpYmUoKF8pID0+IHRoaXMudG9nZ2xlRGlyZWN0U2F2ZVR5cGUoKSk7XG4gICAgICB0aGlzLm92ZXJsYXlSZWZEaXJlY3RTYXZlVHlwZS5hdHRhY2gobmV3IFRlbXBsYXRlUG9ydGFsKHRoaXMudGVtcGxhdGVEaXJlY3RTYXZlVHlwZSwgdGhpcy52aWV3Q29udGFpbmVyUmVmKSk7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgdGhpcy5maXJzdEZvY3VzZGlyZWN0aXZlLm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcbiAgICAgIH0sIDEwKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5vdmVybGF5UmVmRGlyZWN0U2F2ZVR5cGU/LmRpc3Bvc2UoKTtcbiAgICAgIHRoaXMub3ZlcmxheVJlZkRpcmVjdFNhdmVUeXBlID0gdW5kZWZpbmVkO1xuICAgICAgdGhpcy5zdG9yZS5kaXNwYXRjaChDb25maWdBY3Rpb25zLmNsb3NlT3ZlcmxheSh7IGlkOiB0aGlzLmNvbnN0cnVjdG9yLm5hbWUgfSkpO1xuICAgICAgdGhpcy5kaXJlY3RpdmVTYXZlLm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcbiAgICB9XG4gIH1cblxuICBnZXQgbXVzdE9wZW5Nb2RhbCgpIHtcbiAgICByZXR1cm4gdGhpcy5oYXNJbml0aWFsICYmIHRoaXMubmJQYWdlcyAhPT0gdGhpcy5pbml0aWFsTmJQYWdlcztcbiAgfVxuXG4gIGRpcmVjdFNhdmUoKSB7XG4gICAgaWYgKHRoaXMubXVzdE9wZW5Nb2RhbCkge1xuICAgICAgdGhpcy50b2dnbGVEaXJlY3RTYXZlVHlwZSgpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnNhdmUoKTtcbiAgICB9XG4gIH1cblxuICByZXN0b3JlKCkge1xuICAgIHRoaXMuc3RvcmUuZGlzcGF0Y2goRGFzaGJvYXJkQWN0aW9ucy5yZXN0b3JlSW5pdGlhbE1hbmlmZXN0KCkpO1xuICAgIHRoaXMuY2xvc2VNb2RhbHMoKTtcbiAgfVxuXG4gIGZvY3VzQ3Jvc3NFbGVtZW50KCkge1xuICAgIHRoaXMuY3Jvc3MubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICB9XG5cbiAgZm9jdXNWYWxpZGF0aW9uKCkge1xuICAgIGlmICghdGhpcy5jdXJyZW50TWFuaWZlc3Q/Lm5hbWUpIHtcbiAgICAgIHRoaXMuY2FuY2VsLm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcbiAgICB9XG4gICAgdGhpcy5jb25maXJtLm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcbiAgfVxuXG4gIHJlbmFtZSgpIHtcbiAgICB0aGlzLnRvZ2dsZVNhdmVBcygpO1xuICB9XG5cbiAgZGlzYWJsZU5leHRTdGVwKCkge1xuICAgIGlmICghdGhpcy5jdXJyZW50TWFuaWZlc3Q/Lm5hbWUpIHtcbiAgICAgIHRoaXMuZm9jdXNDcm9zc0VsZW1lbnQoKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJtb2RlID09PSAnZGlyZWN0U2F2ZSdcIj5cbiAgPGRpdlxuICAgIFtwcnlUb29sdGlwXT1cImluZm9Ub29sdGlwRGlyZWN0U2F2ZVwiXG4gICAgcHJ5VG9vbHRpcFBvc2l0aW9uPVwiYm90dG9tXCJcbiAgICBbYXR0ci5hcmlhLWV4cGFuZGVkXT1cInNhdmVUeXBlT3BlbmVkXCJcbiAgICBhcmlhLWNvbnRyb2xzPVwiZGlyZWN0aXZlU2F2ZVwiXG4gICAgYXJpYS1kZXNjcmliZWRieT1cImluZm9Ub29sdGlwX2RpcmVjdFNhdmVcIlxuICA+XG4gICAgPGJ1dHRvblxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAjZGlyZWN0aXZlU2F2ZVxuICAgICAgY2xhc3M9XCJhLWJ0biBhLWJ0bi0tc2Vjb25kYXJ5IC1zaXplLW1kXCJcbiAgICAgIChjbGljayk9XCJkaXJlY3RTYXZlKClcIlxuICAgICAgW2Rpc2FibGVkXT1cIiEoc2F2ZVByZXNlbnRhdGlvbkFjdGl2ZSQgfCBhc3luYylcIlxuICAgID5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJsYWJlbFwiPnt7ICdAcHJ5LnRvb2xib3guc2F2ZScgfCBpMThuIH19ICh7eyBuYlBhZ2VzIH19KTwvbmctY29udGFpbmVyPlxuICAgIDwvYnV0dG9uPlxuICA8L2Rpdj5cbjwvbmctY29udGFpbmVyPlxuPG5nLWNvbnRhaW5lciAqbmdJZj1cIm1vZGUgPT09ICdzYXZlQXMnXCI+XG4gIDxkaXZcbiAgICBjbGFzcz1cInNhdmUtbWFuaWZlc3QtY29udGFpbmVyXCJcbiAgICBbcHJ5VG9vbHRpcF09XCJpbmZvVG9vbHRpcFNhdmVBc1wiXG4gICAgcHJ5VG9vbHRpcFBvc2l0aW9uPVwiYm90dG9tXCJcbiAgICBbYXR0ci5hcmlhLWV4cGFuZGVkXT1cInNhdmVBc09wZW5lZFwiXG4gICAgYXJpYS1jb250cm9scz1cInNhdmVNb2RhbFwiXG4gICAgYXJpYS1kZXNjcmliZWRieT1cImluZm9Ub29sdGlwX3NhdmVBc1wiXG4gID5cbiAgICA8YnV0dG9uXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICNzYXZlQXNcbiAgICAgIGNsYXNzPVwiYS1idG4gYS1idG4tLXNlY29uZGFyeSAtc2l6ZS1tZFwiXG4gICAgICAoY2xpY2spPVwidG9nZ2xlU2F2ZUFzKClcIlxuICAgICAgYXJpYS1oYXNwb3B1cD1cImRpYWxvZ1wiXG4gICAgPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImxhYmVsXCI+e3sgJ0BwcnkudG9vbGJveC5zYXZlVmlldycgfCBpMThuIH19ICh7eyBuYlBhZ2VzIH19KTwvbmctY29udGFpbmVyPlxuICAgIDwvYnV0dG9uPlxuICA8L2Rpdj5cbjwvbmctY29udGFpbmVyPlxuXG48bmctdGVtcGxhdGUgI3RlbXBsYXRlU2F2ZUFzPlxuICA8ZGl2XG4gICAgY2xhc3M9XCJvLW1vZGFsXCJcbiAgICAoY2xpY2spPVwiJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXCJcbiAgICBpZD1cInNhdmVNb2RhbFwiXG4gICAgcm9sZT1cImRpYWxvZ1wiXG4gICAgYXJpYS1tb2RhbD1cInRydWVcIlxuICAgIGFyaWEtbGFiZWxsZWRieT1cImRpYWxvZ19zYXZlTW9kYWxcIlxuICAgIChrZXlkb3duLmVzY2FwZSk9XCJjbG9zZU1vZGFscygpXCJcbiAgPlxuICAgIDxkaXYgY2xhc3M9XCJvLW1vZGFsX190b3BcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJvLW1vZGFsX190b3BfX3RpdGxlXCI+XG4gICAgICAgIDxoMiBjbGFzcz1cImEtaDJcIiBpZD1cImRpYWxvZ190aXRsZVwiPnt7ICdAcHJ5LnRvb2xib3gucmVuYW1lJyB8IGkxOG4gfX08L2gyPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiby1tb2RhbF9fdG9wX19jbG9zZVwiPlxuICAgICAgICA8YnV0dG9uIGNsYXNzPVwiYS1idG4gYS1idG4tLWljb24tb25seVwiICNjcm9zcyAoa2V5ZG93bi5zaGlmdC50YWIpPVwiZm9jdXNWYWxpZGF0aW9uKClcIiAoY2xpY2spPVwidG9nZ2xlU2F2ZUFzKClcIj5cbiAgICAgICAgICA8cHJ5LWljb24gaWNvblN2Zz1cImNsb3NlXCIgW2hlaWdodF09XCIzNVwiIFt3aWR0aF09XCIzNVwiPjwvcHJ5LWljb24+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJ1LXZpc3VhbGx5LWhpZGRlblwiPnt7ICdAcHJ5LnRvb2xib3guY2xvc2UnIHwgaTE4biB9fTwvc3Bhbj5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8cHJ5LXN0ZXBwZXIgI3N0ZXBwZXI+XG4gICAgICA8cHJ5LXN0ZXA+XG4gICAgICAgIDxoNCBjbGFzcz1cIm0tc3RlcHBlci1pdGVtX190aXRsZVwiICpzdGVwVGl0bGU+e3sgJ0BwcnkucHJlc2VudGF0aW9uLmFkZC5pbmZvJyB8IGkxOG4gfX08L2g0PlxuICAgICAgICA8Zm9ybT5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwibS1mb3JtLWxhYmVsLWZpZWxkXCI+XG4gICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJhLWxhYmVsXCIgaWQ9XCJsYWJlbC1uYW1lXCIgZm9yPVwiaW5wdXQtbmFtZVwiPnt7ICdAcHJ5LnRvb2xib3gubWFuaWZlc3QubmFtZScgfCBpMThuIH19PC9sYWJlbD5cbiAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgICAgIGlkPVwiaW5wdXQtbmFtZVwiXG4gICAgICAgICAgICAgIG5hbWU9XCJpbnB1dC1uYW1lXCJcbiAgICAgICAgICAgICAgY2xhc3M9XCJhLWZvcm0tZmllbGRcIlxuICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cInt7ICdAcHJ5LnRvb2xib3gubWFuaWZlc3QubmFtZScgfCBpMThuIH19XCJcbiAgICAgICAgICAgICAgW25nTW9kZWxdPVwiY3VycmVudE1hbmlmZXN0IS5uYW1lXCJcbiAgICAgICAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwiY2hhbmdlVmFsdWUoJGV2ZW50KVwiXG4gICAgICAgICAgICAgIGFyaWEtbGFiZWxsZWRieT1cImxhYmVsLW5hbWVcIlxuICAgICAgICAgICAgICBtYXhsZW5ndGg9XCIzMFwiXG4gICAgICAgICAgICAgICNpbnB1dFxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwibS1mb3JtLWxhYmVsLWZpZWxkXCI+XG4gICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJhLWxhYmVsXCIgaWQ9XCJsYWJlbC1kZXNjclwiIGZvcj1cImlucHV0LWRlc2NyXCI+e3tcbiAgICAgICAgICAgICAgJ0BwcnkudG9vbGJveC5tYW5pZmVzdC5kZXNjcmlwdGlvbicgfCBpMThuXG4gICAgICAgICAgICB9fTwvbGFiZWw+XG4gICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgICAgICBpZD1cImlucHV0LWRlc2NyXCJcbiAgICAgICAgICAgICAgbmFtZT1cImlucHV0LWRlc2NyXCJcbiAgICAgICAgICAgICAgY2xhc3M9XCJhLWZvcm0tZmllbGRcIlxuICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cInt7ICdAcHJ5LnRvb2xib3gubWFuaWZlc3QuZGVzY3JpcHRpb24nIHwgaTE4biB9fVwiXG4gICAgICAgICAgICAgIFtuZ01vZGVsXT1cImN1cnJlbnRNYW5pZmVzdCEuZGVzY3JpcHRpb25cIlxuICAgICAgICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJjaGFuZ2VEZXNjcigkZXZlbnQpXCJcbiAgICAgICAgICAgICAgYXJpYS1sYWJlbGxlZGJ5PVwibGFiZWwtbmFtZVwiXG4gICAgICAgICAgICAgIG1heGxlbmd0aD1cIjIwMFwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJtLWZvcm0tbGFiZWwtZmllbGRcIj5cbiAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cImEtbGFiZWxcIiBmb3I9XCJwcmVzZW50YXRpb25faW1hZ2VcIj57eyAnQHByeS5wcmVzZW50YXRpb24uZm9ybS5pbWFnZScgfCBpMThuIH19PC9sYWJlbD5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJvLWZpbGUtaW5wdXRcIj5cbiAgICAgICAgICAgICAgPHByeS1zZWxlY3QtaW1hZ2VcbiAgICAgICAgICAgICAgICBpZD1cInByZXNlbnRhdGlvbl9pbWFnZVwiXG4gICAgICAgICAgICAgICAgKGNoYW5nZWQpPVwiY3VycmVudE1hbmlmZXN0IS5pbWFnZSA9ICRldmVudFwiXG4gICAgICAgICAgICAgICAgW2ljb25VcmxdPVwiY3VycmVudE1hbmlmZXN0IS5pbWFnZVwiXG4gICAgICAgICAgICAgICAgW21vZGVdPVwidHlwZVwiXG4gICAgICAgICAgICAgID48L3ByeS1zZWxlY3QtaW1hZ2U+XG4gICAgICAgICAgICAgIDxwcnktY2hlY2tib3ggWyhuZ01vZGVsKV09XCJjdXJyZW50TWFuaWZlc3QhLmNvdmVyXCIgbmFtZT1cImNvdmVyXCI+XG4gICAgICAgICAgICAgICAge3sgJ0BwcnkucHJlc2VudGF0aW9uLmZvcm0uY292ZXInIHwgaTE4biB9fVxuICAgICAgICAgICAgICA8L3ByeS1jaGVja2JveD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgPGRpdiBjbGFzcz1cIm0tYnRuLWdyb3VwXCI+XG4gICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICBjbGFzcz1cImEtYnRuIGEtYnRuLS1zZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAjY2FuY2VsXG4gICAgICAgICAgICAgIChjbGljayk9XCJ0b2dnbGVTYXZlQXMoKVwiXG4gICAgICAgICAgICAgIChrZXlkb3duLnRhYik9XCJkaXNhYmxlTmV4dFN0ZXAoKVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHt7ICdAcHJ5LnRvb2xib3gubWFuaWZlc3QuY2xvc2UnIHwgaTE4biB9fVxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgIHR5cGU9XCJzdWJtaXRcIlxuICAgICAgICAgICAgICBjbGFzcz1cImEtYnRuIGEtYnRuLS1wcmltYXJ5XCJcbiAgICAgICAgICAgICAgKGNsaWNrKT1cInN0ZXBwZXIubmV4dCgpXCJcbiAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cIiFpc1ZhbGlkKClcIlxuICAgICAgICAgICAgICAoa2V5ZG93bi50YWIpPVwiZm9jdXNDcm9zc0VsZW1lbnQoKVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHt7ICdAcHJ5LmFjdGlvbi5uZXh0JyB8IGkxOG4gfX1cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Zvcm0+XG4gICAgICA8L3ByeS1zdGVwPlxuICAgICAgPHByeS1zdGVwPlxuICAgICAgICA8aDQgY2xhc3M9XCJtLXN0ZXBwZXItaXRlbV9fdGl0bGVcIiAqc3RlcFRpdGxlPnt7ICdAcHJ5LnJlc3RpdHV0aW9uLmJyb2FkY2FzdCcgfCBpMThuIH19PC9oND5cbiAgICAgICAgPHByeS1zaGFyZSBbKG5nTW9kZWwpXT1cInZpc2liaWxpdHlcIiAobmdNb2RlbENoYW5nZSk9XCJjaGFuZ2VWaXNpYmlsaXR5KCRldmVudClcIj48L3ByeS1zaGFyZT5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm0tYnRuLWdyb3VwXCI+XG4gICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJhLWJ0biBhLWJ0bi0tc2Vjb25kYXJ5XCIgKGNsaWNrKT1cInN0ZXBwZXIucHJldigpXCI+XG4gICAgICAgICAgICB7eyAnQHByeS5hY3Rpb24uYmFjaycgfCBpMThuIH19XG4gICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgdHlwZT1cInN1Ym1pdFwiXG4gICAgICAgICAgICBjbGFzcz1cImEtYnRuIGEtYnRuLS1wcmltYXJ5XCJcbiAgICAgICAgICAgICNjb25maXJtXG4gICAgICAgICAgICAoY2xpY2spPVwic2F2ZSgpXCJcbiAgICAgICAgICAgIChrZXlkb3duLnRhYik9XCJmb2N1c0Nyb3NzRWxlbWVudCgpXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7eyAnQHByeS5yZXN0aXR1dGlvbi5icm9hZGNhc3QnIHwgaTE4biB9fVxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvcHJ5LXN0ZXA+XG4gICAgPC9wcnktc3RlcHBlcj5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2luZm9Ub29sdGlwU2F2ZUFzPlxuICA8ZGl2IGNsYXNzPVwibS10b29sdGlwXCIgcm9sZT1cInRvb2x0aXBcIiBpZD1cImluZm9Ub29sdGlwX3NhdmVBc1wiPlxuICAgIDxzcGFuIGNsYXNzPVwibS10b29sdGlwX190ZXh0XCI+e3sgJ0BwcnkudG9vbGJveC5yZW5hbWUnIHwgaTE4biB9fTwvc3Bhbj5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuPG5nLXRlbXBsYXRlICNpbmZvVG9vbHRpcERpcmVjdFNhdmU+XG4gIDxkaXYgY2xhc3M9XCJtLXRvb2x0aXBcIiByb2xlPVwidG9vbHRpcFwiIGlkPVwiaW5mb1Rvb2x0aXBfZGlyZWN0U2F2ZVwiPlxuICAgIDxzcGFuIGNsYXNzPVwibS10b29sdGlwX190ZXh0XCI+e3sgJ0BwcnkudG9vbGJveC5zYXZlJyB8IGkxOG4gfX08L3NwYW4+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICN0ZW1wbGF0ZURpcmVjdFNhdmVUeXBlPlxuICA8ZGl2XG4gICAgY2xhc3M9XCJvLW1vZGFsXCJcbiAgICAoY2xpY2spPVwiJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXCJcbiAgICBpZD1cImRpcmVjdGl2ZVNhdmVcIlxuICAgIHJvbGU9XCJkaWFsb2dcIlxuICAgIGFyaWEtbGFiZWxsZWRieT1cImRpYWxvZ190aXRsZVwiXG4gICAgKGtleWRvd24uZXNjYXBlKT1cImNsb3NlTW9kYWxzKClcIlxuICA+XG4gICAgPGRpdiBjbGFzcz1cIm8tbW9kYWxfX3RvcFwiPlxuICAgICAgPGRpdiBjbGFzcz1cIm8tbW9kYWxfX3RvcF9fdGl0bGVcIj5cbiAgICAgICAgPGgyIGNsYXNzPVwiYS1oMlwiIGlkPVwiZGlhbG9nX3RpdGxlX1wiPnt7ICdAcHJ5LnRvb2xib3guc2F2ZScgfCBpMThuIH19PC9oMj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cIm8tbW9kYWxfX3RvcF9fY2xvc2VcIj5cbiAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImEtYnRuIGEtYnRuLS1pY29uLW9ubHlcIiAjZmlyc3RGb2N1c2RpcmVjdGl2ZSAoY2xpY2spPVwidG9nZ2xlRGlyZWN0U2F2ZVR5cGUoKVwiPlxuICAgICAgICAgIDxwcnktaWNvbiBpY29uU3ZnPVwiY2xvc2VcIiBbaGVpZ2h0XT1cIjM1XCIgW3dpZHRoXT1cIjM1XCI+PC9wcnktaWNvbj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInUtdmlzdWFsbHktaGlkZGVuXCI+e3sgJ0BwcnkudG9vbGJveC5jbG9zZScgfCBpMThuIH19PC9zcGFuPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXY+XG4gICAgICA8aDM+e3sgJ0Bwcnkuc25hY2sucGFnZXNDaGFuZ2VkJyB8IGkxOG4gfX08L2gzPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJtLWJ0bi1ncm91cFwiPlxuICAgICAgPGJ1dHRvbiBjbGFzcz1cImEtYnRuIGEtYnRuLS1wcmltYXJ5XCIgKGNsaWNrKT1cInNhdmUoKVwiPlxuICAgICAgICB7eyAnQHByeS50b29sYm94LnNhdmUnIHwgaTE4biB9fVxuICAgICAgPC9idXR0b24+XG4gICAgICA8YnV0dG9uIGNsYXNzPVwiYS1idG4gYS1idG4tLXByaW1hcnlcIiAoY2xpY2spPVwicmVuYW1lKClcIj5cbiAgICAgICAge3sgJ0BwcnkudG9vbGJveC5yZW5hbWUnIHwgaTE4biB9fVxuICAgICAgPC9idXR0b24+XG4gICAgICA8YnV0dG9uIGNsYXNzPVwiYS1idG4gYS1idG4tLXByaW1hcnlcIiAoY2xpY2spPVwicmVzdG9yZSgpXCIgKGtleWRvd24udGFiKT1cImNsb3NlTW9kYWxzKClcIj5cbiAgICAgICAge3sgJ0BwcnkudG9vbGJveC5yZXN0b3JlJyB8IGkxOG4gfX1cbiAgICAgIDwvYnV0dG9uPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=

package/esm2022/toolbox/components/select-grid-layout/select-grid-layout.component.mjs

@@ -0,0 +1,109 @@
+import { OverlayConfig } from '@angular/cdk/overlay';
+import { TemplatePortal } from '@angular/cdk/portal';
+import { Component, Input, TemplateRef, ViewChild } from '@angular/core';
+import { ConfigActions, DashboardActions, DashboardGridLayout, DashboardSelectors, SubscriptionnerDirective, WidgetPlacementUtils } from '@provoly/dashboard';
+import { map } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "@ngrx/store";
+import * as i2 from "@angular/cdk/overlay";
+import * as i3 from "@angular/common";
+import * as i4 from "@provoly/dashboard";
+import * as i5 from "../../style/css.component";
+export class SelectGridLayoutComponent extends SubscriptionnerDirective {
+    constructor(store, overlay, viewContainerRef) {
+        super();
+        this.store = store;
+        this.overlay = overlay;
+        this.viewContainerRef = viewContainerRef;
+        this.label = true;
+        this.chosenLayout = DashboardGridLayout.MANUAL;
+        this.canDispatch = false;
+        this.modalOpened = false;
+        this.subscriptions.add(this.store.select(DashboardSelectors.gridLayout).subscribe((layout) => (this.chosenLayout = layout)));
+        this.availableLayouts$ = this.store.select(DashboardSelectors.windowManifest).pipe(map((manifest) => WidgetPlacementUtils.getLayouts()
+            .filter((layout) => {
+            return WidgetPlacementUtils.placesForLayout(layout.key) >= (manifest.widgets ?? []).length;
+        })
+            .map((layout) => ({
+            value: layout.key,
+            translation: '@pry.toolbox.layout.' + layout.key,
+            image: layout.image
+        }))));
+        setTimeout(() => {
+            this.canDispatch = true;
+        }, 100);
+    }
+    changeLayout(layout) {
+        this.chosenLayout = layout;
+    }
+    toggleGridChoiceModal() {
+        this.modalOpened = !this.modalOpened;
+        if (this.modalOpened) {
+            this.openWithTemplate();
+        }
+        else {
+            this.overlayRef?.dispose();
+            this.store.dispatch(ConfigActions.closeOverlay({ id: this.constructor.name }));
+            this.openModal.nativeElement.focus();
+        }
+    }
+    openWithTemplate() {
+        if (!this.overlayRef) {
+            this.modalOpened = !this.modalOpened;
+            this.overlayRef = this.overlay.create(new OverlayConfig({
+                hasBackdrop: true,
+                panelClass: ['o-modal-wrapper', 'o-select-grid-layout-modal-wrapper'],
+                backdropClass: 'backdrop'
+            }));
+            this.store.dispatch(ConfigActions.addingOverlay({ id: this.constructor.name }));
+            this.overlayRef.backdropClick().subscribe((_) => this.toggleGridChoiceModal());
+            this.overlayRef.attach(new TemplatePortal(this.template, this.viewContainerRef));
+            setTimeout(() => {
+                this.firstButton.nativeElement.focus();
+            }, 10);
+        }
+        else {
+            this.overlayRef.dispose();
+            this.overlayRef = undefined;
+            this.store.dispatch(ConfigActions.closeOverlay({ id: this.constructor.name }));
+            this.openModal.nativeElement.focus();
+            this.modalOpened = !this.modalOpened;
+        }
+    }
+    validate() {
+        if (this.canDispatch) {
+            this.store.dispatch(DashboardActions.setGridLayout({ layout: this.chosenLayout }));
+        }
+        this.toggleGridChoiceModal();
+    }
+    focusCrossElement() {
+        this.cross.nativeElement.focus();
+    }
+    focusValidation() {
+        this.confirm.nativeElement.focus();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SelectGridLayoutComponent, deps: [{ token: i1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: SelectGridLayoutComponent, selector: "pry-select-grid-layout", inputs: { label: "label" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }, { propertyName: "firstButton", first: true, predicate: ["firstButton"], descendants: true }, { propertyName: "openModal", first: true, predicate: ["openModal"], descendants: true }, { propertyName: "cross", first: true, predicate: ["cross"], descendants: true }, { propertyName: "confirm", first: true, predicate: ["confirm"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<pry-select-grid-layout-css></pry-select-grid-layout-css>\n<div [attr.aria-expanded]=\"modalOpened\" aria-controls=\"grid-layout\">\n  <button type=\"button\" #openModal class=\"a-btn a-btn--secondary -size-md\" (click)=\"toggleGridChoiceModal()\">\n    <ng-container *ngIf=\"label\">\n      {{ '@pry.toolbox.chooseGrid' | i18n }}\n    </ng-container>\n  </button>\n</div>\n<ng-template #template>\n  <div\n    class=\"o-modal\"\n    (click)=\"$event.stopPropagation()\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog_title\"\n    id=\"grid-layout\"\n    (keydown.escape)=\"toggleGridChoiceModal()\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">{{ '@pry.toolbox.chooseGrid' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button\n          class=\"a-btn a-btn--icon-only\"\n          #cross\n          (keydown.shift.tab)=\"focusValidation()\"\n          (click)=\"toggleGridChoiceModal()\"\n        >\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"o-select-grid-layout-wrapper\">\n      <ul class=\"o-select-grid-layout\">\n        <li *ngFor=\"let layout of availableLayouts$ | async\" class=\"o-select-grid-layout__item\">\n          <button\n            type=\"button\"\n            #firstButton\n            class=\"a-btn\"\n            [attr.aria-pressed]=\"chosenLayout === layout.value\"\n            [class.selected]=\"chosenLayout === layout.value\"\n            (click)=\"changeLayout(layout.value)\"\n          >\n            <div class=\"u-txt-center\">\n              <img [src]=\"layout.image\" />\n              <strong>{{ layout.translation | i18n }}</strong>\n            </div>\n            <p class=\"a-p\">\n              {{ layout.translation + '_detailled' | i18n }}\n            </p>\n          </button>\n        </li>\n      </ul>\n    </div>\n    <div class=\"m-btn-group -space-evenly\">\n      <button (click)=\"toggleGridChoiceModal()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button (click)=\"validate()\" class=\"a-btn a-btn--primary\" #confirm (keydown.tab)=\"focusCrossElement()\">\n        {{ '@pry.toolbox.manifest.validated' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i5.PrySelectGridLayoutCssComponent, selector: "pry-select-grid-layout-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SelectGridLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-select-grid-layout', template: "<pry-select-grid-layout-css></pry-select-grid-layout-css>\n<div [attr.aria-expanded]=\"modalOpened\" aria-controls=\"grid-layout\">\n  <button type=\"button\" #openModal class=\"a-btn a-btn--secondary -size-md\" (click)=\"toggleGridChoiceModal()\">\n    <ng-container *ngIf=\"label\">\n      {{ '@pry.toolbox.chooseGrid' | i18n }}\n    </ng-container>\n  </button>\n</div>\n<ng-template #template>\n  <div\n    class=\"o-modal\"\n    (click)=\"$event.stopPropagation()\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog_title\"\n    id=\"grid-layout\"\n    (keydown.escape)=\"toggleGridChoiceModal()\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">{{ '@pry.toolbox.chooseGrid' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button\n          class=\"a-btn a-btn--icon-only\"\n          #cross\n          (keydown.shift.tab)=\"focusValidation()\"\n          (click)=\"toggleGridChoiceModal()\"\n        >\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"o-select-grid-layout-wrapper\">\n      <ul class=\"o-select-grid-layout\">\n        <li *ngFor=\"let layout of availableLayouts$ | async\" class=\"o-select-grid-layout__item\">\n          <button\n            type=\"button\"\n            #firstButton\n            class=\"a-btn\"\n            [attr.aria-pressed]=\"chosenLayout === layout.value\"\n            [class.selected]=\"chosenLayout === layout.value\"\n            (click)=\"changeLayout(layout.value)\"\n          >\n            <div class=\"u-txt-center\">\n              <img [src]=\"layout.image\" />\n              <strong>{{ layout.translation | i18n }}</strong>\n            </div>\n            <p class=\"a-p\">\n              {{ layout.translation + '_detailled' | i18n }}\n            </p>\n          </button>\n        </li>\n      </ul>\n    </div>\n    <div class=\"m-btn-group -space-evenly\">\n      <button (click)=\"toggleGridChoiceModal()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button (click)=\"validate()\" class=\"a-btn a-btn--primary\" #confirm (keydown.tab)=\"focusCrossElement()\">\n        {{ '@pry.toolbox.manifest.validated' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2.Overlay }, { type: i0.ViewContainerRef }]; }, propDecorators: { label: [{
+                type: Input
+            }], template: [{
+                type: ViewChild,
+                args: ['template', { read: TemplateRef }]
+            }], firstButton: [{
+                type: ViewChild,
+                args: ['firstButton']
+            }], openModal: [{
+                type: ViewChild,
+                args: ['openModal']
+            }], cross: [{
+                type: ViewChild,
+                args: ['cross']
+            }], confirm: [{
+                type: ViewChild,
+                args: ['confirm']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWdyaWQtbGF5b3V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Byb3ZvbHkvZGFzaGJvYXJkL3Rvb2xib3gvY29tcG9uZW50cy9zZWxlY3QtZ3JpZC1sYXlvdXQvc2VsZWN0LWdyaWQtbGF5b3V0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Byb3ZvbHkvZGFzaGJvYXJkL3Rvb2xib3gvY29tcG9uZW50cy9zZWxlY3QtZ3JpZC1sYXlvdXQvc2VsZWN0LWdyaWQtbGF5b3V0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBVyxhQUFhLEVBQWMsTUFBTSxzQkFBc0IsQ0FBQztBQUMxRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDckQsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBb0IsTUFBTSxlQUFlLENBQUM7QUFFdkcsT0FBTyxFQUNMLGFBQWEsRUFDYixnQkFBZ0IsRUFDaEIsbUJBQW1CLEVBQ25CLGtCQUFrQixFQUNsQix3QkFBd0IsRUFDeEIsb0JBQW9CLEVBQ3JCLE1BQU0sb0JBQW9CLENBQUM7QUFFNUIsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7O0FBTXJDLE1BQU0sT0FBTyx5QkFBMEIsU0FBUSx3QkFBd0I7SUFhckUsWUFDVSxLQUFZLEVBQ1osT0FBZ0IsRUFDaEIsZ0JBQWtDO1FBRTFDLEtBQUssRUFBRSxDQUFDO1FBSkEsVUFBSyxHQUFMLEtBQUssQ0FBTztRQUNaLFlBQU8sR0FBUCxPQUFPLENBQVM7UUFDaEIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQWZuQyxVQUFLLEdBQUcsSUFBSSxDQUFDO1FBRXRCLGlCQUFZLEdBQXdCLG1CQUFtQixDQUFDLE1BQU0sQ0FBQztRQUMvRCxnQkFBVyxHQUFHLEtBQUssQ0FBQztRQU1wQixnQkFBVyxHQUFZLEtBQUssQ0FBQztRQVMzQixJQUFJLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FDcEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsa0JBQWtCLENBQUMsVUFBVSxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZLEdBQUcsTUFBTSxDQUFDLENBQUMsQ0FDckcsQ0FBQztRQUNGLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxjQUFjLENBQUMsQ0FBQyxJQUFJLENBQ2hGLEdBQUcsQ0FBQyxDQUFDLFFBQVEsRUFBRSxFQUFFLENBQ2Ysb0JBQW9CLENBQUMsVUFBVSxFQUFFO2FBQzlCLE1BQU0sQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFO1lBQ2pCLE9BQU8sb0JBQW9CLENBQUMsZUFBZSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLElBQUksRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDO1FBQzdGLENBQUMsQ0FBQzthQUNELEdBQUcsQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMsQ0FBQztZQUNoQixLQUFLLEVBQUUsTUFBTSxDQUFDLEdBQUc7WUFDakIsV0FBVyxFQUFFLHNCQUFzQixHQUFHLE1BQU0sQ0FBQyxHQUFHO1lBQ2hELEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSztTQUNwQixDQUFDLENBQUMsQ0FDTixDQUNGLENBQUM7UUFFRixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7UUFDMUIsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ1YsQ0FBQztJQUVELFlBQVksQ0FBQyxNQUEyQjtRQUN0QyxJQUFJLENBQUMsWUFBWSxHQUFHLE1BQU0sQ0FBQztJQUM3QixDQUFDO0lBRUQscUJBQXFCO1FBQ25CLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDO1FBQ3JDLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNwQixJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztTQUN6QjthQUFNO1lBQ0wsSUFBSSxDQUFDLFVBQVUsRUFBRSxPQUFPLEVBQUUsQ0FBQztZQUMzQixJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLEVBQUUsRUFBRSxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDO1lBQy9FLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO1NBQ3RDO0lBQ0gsQ0FBQztJQUVELGdCQUFnQjtRQUNkLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ3BCLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDO1lBQ3JDLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQ25DLElBQUksYUFBYSxDQUFDO2dCQUNoQixXQUFXLEVBQUUsSUFBSTtnQkFDakIsVUFBVSxFQUFFLENBQUMsaUJBQWlCLEVBQUUsb0NBQW9DLENBQUM7Z0JBQ3JFLGFBQWEsRUFBRSxVQUFVO2FBQzFCLENBQUMsQ0FDSCxDQUFDO1lBQ0YsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxFQUFFLEVBQUUsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQztZQUNoRixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLHFCQUFxQixFQUFFLENBQUMsQ0FBQztZQUMvRSxJQUFJLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxJQUFJLGNBQWMsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUM7WUFDakYsVUFBVSxDQUFDLEdBQUcsRUFBRTtnQkFDZCxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUN6QyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7U0FDUjthQUFNO1lBQ0wsSUFBSSxDQUFDLFVBQVUsQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUMxQixJQUFJLENBQUMsVUFBVSxHQUFHLFNBQVMsQ0FBQztZQUM1QixJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLEVBQUUsRUFBRSxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDO1lBQy9FLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ3JDLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDO1NBQ3RDO0lBQ0gsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFDcEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxDQUFDLEVBQUUsTUFBTSxFQUFFLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFDLENBQUM7U0FDcEY7UUFDRCxJQUFJLENBQUMscUJBQXFCLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBRUQsaUJBQWlCO1FBQ2YsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDbkMsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNyQyxDQUFDOzhHQTlGVSx5QkFBeUI7a0dBQXpCLHlCQUF5QiwyS0FLTCxXQUFXLGdaQ3hCNUMscStFQWtFQTs7MkZEL0NhLHlCQUF5QjtrQkFKckMsU0FBUzsrQkFDRSx3QkFBd0I7aUpBSXpCLEtBQUs7c0JBQWIsS0FBSztnQkFJd0MsUUFBUTtzQkFBckQsU0FBUzt1QkFBQyxVQUFVLEVBQUUsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFO2dCQUNsQixXQUFXO3NCQUFwQyxTQUFTO3VCQUFDLGFBQWE7Z0JBQ0EsU0FBUztzQkFBaEMsU0FBUzt1QkFBQyxXQUFXO2dCQUNGLEtBQUs7c0JBQXhCLFNBQVM7dUJBQUMsT0FBTztnQkFDSSxPQUFPO3NCQUE1QixTQUFTO3VCQUFDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBPdmVybGF5LCBPdmVybGF5Q29uZmlnLCBPdmVybGF5UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknO1xuaW1wb3J0IHsgVGVtcGxhdGVQb3J0YWwgfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcbmltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIFRlbXBsYXRlUmVmLCBWaWV3Q2hpbGQsIFZpZXdDb250YWluZXJSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN0b3JlIH0gZnJvbSAnQG5ncngvc3RvcmUnO1xuaW1wb3J0IHtcbiAgQ29uZmlnQWN0aW9ucyxcbiAgRGFzaGJvYXJkQWN0aW9ucyxcbiAgRGFzaGJvYXJkR3JpZExheW91dCxcbiAgRGFzaGJvYXJkU2VsZWN0b3JzLFxuICBTdWJzY3JpcHRpb25uZXJEaXJlY3RpdmUsXG4gIFdpZGdldFBsYWNlbWVudFV0aWxzXG59IGZyb20gJ0Bwcm92b2x5L2Rhc2hib2FyZCc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBtYXAgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ByeS1zZWxlY3QtZ3JpZC1sYXlvdXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vc2VsZWN0LWdyaWQtbGF5b3V0LmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBTZWxlY3RHcmlkTGF5b3V0Q29tcG9uZW50IGV4dGVuZHMgU3Vic2NyaXB0aW9ubmVyRGlyZWN0aXZlIHtcbiAgQElucHV0KCkgbGFiZWwgPSB0cnVlO1xuICBhdmFpbGFibGVMYXlvdXRzJDogT2JzZXJ2YWJsZTx7IHRyYW5zbGF0aW9uOiBhbnk7IHZhbHVlOiBhbnk7IGltYWdlOiBzdHJpbmcgfVtdPjtcbiAgY2hvc2VuTGF5b3V0OiBEYXNoYm9hcmRHcmlkTGF5b3V0ID0gRGFzaGJvYXJkR3JpZExheW91dC5NQU5VQUw7XG4gIGNhbkRpc3BhdGNoID0gZmFsc2U7XG4gIEBWaWV3Q2hpbGQoJ3RlbXBsYXRlJywgeyByZWFkOiBUZW1wbGF0ZVJlZiB9KSB0ZW1wbGF0ZSE6IFRlbXBsYXRlUmVmPGFueT47XG4gIEBWaWV3Q2hpbGQoJ2ZpcnN0QnV0dG9uJykgZmlyc3RCdXR0b24hOiBFbGVtZW50UmVmPEhUTUxCdXR0b25FbGVtZW50PjtcbiAgQFZpZXdDaGlsZCgnb3Blbk1vZGFsJykgb3Blbk1vZGFsITogRWxlbWVudFJlZjxIVE1MQnV0dG9uRWxlbWVudD47XG4gIEBWaWV3Q2hpbGQoJ2Nyb3NzJykgY3Jvc3MhOiBFbGVtZW50UmVmPEhUTUxCdXR0b25FbGVtZW50PjtcbiAgQFZpZXdDaGlsZCgnY29uZmlybScpIGNvbmZpcm0hOiBFbGVtZW50UmVmPEhUTUxCdXR0b25FbGVtZW50PjtcbiAgbW9kYWxPcGVuZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgb3ZlcmxheVJlZj86IE92ZXJsYXlSZWY7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBzdG9yZTogU3RvcmUsXG4gICAgcHJpdmF0ZSBvdmVybGF5OiBPdmVybGF5LFxuICAgIHByaXZhdGUgdmlld0NvbnRhaW5lclJlZjogVmlld0NvbnRhaW5lclJlZlxuICApIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuc3Vic2NyaXB0aW9ucy5hZGQoXG4gICAgICB0aGlzLnN0b3JlLnNlbGVjdChEYXNoYm9hcmRTZWxlY3RvcnMuZ3JpZExheW91dCkuc3Vic2NyaWJlKChsYXlvdXQpID0+ICh0aGlzLmNob3NlbkxheW91dCA9IGxheW91dCkpXG4gICAgKTtcbiAgICB0aGlzLmF2YWlsYWJsZUxheW91dHMkID0gdGhpcy5zdG9yZS5zZWxlY3QoRGFzaGJvYXJkU2VsZWN0b3JzLndpbmRvd01hbmlmZXN0KS5waXBlKFxuICAgICAgbWFwKChtYW5pZmVzdCkgPT5cbiAgICAgICAgV2lkZ2V0UGxhY2VtZW50VXRpbHMuZ2V0TGF5b3V0cygpXG4gICAgICAgICAgLmZpbHRlcigobGF5b3V0KSA9PiB7XG4gICAgICAgICAgICByZXR1cm4gV2lkZ2V0UGxhY2VtZW50VXRpbHMucGxhY2VzRm9yTGF5b3V0KGxheW91dC5rZXkpID49IChtYW5pZmVzdC53aWRnZXRzID8/IFtdKS5sZW5ndGg7XG4gICAgICAgICAgfSlcbiAgICAgICAgICAubWFwKChsYXlvdXQpID0+ICh7XG4gICAgICAgICAgICB2YWx1ZTogbGF5b3V0LmtleSxcbiAgICAgICAgICAgIHRyYW5zbGF0aW9uOiAnQHByeS50b29sYm94LmxheW91dC4nICsgbGF5b3V0LmtleSxcbiAgICAgICAgICAgIGltYWdlOiBsYXlvdXQuaW1hZ2VcbiAgICAgICAgICB9KSlcbiAgICAgIClcbiAgICApO1xuXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLmNhbkRpc3BhdGNoID0gdHJ1ZTtcbiAgICB9LCAxMDApO1xuICB9XG5cbiAgY2hhbmdlTGF5b3V0KGxheW91dDogRGFzaGJvYXJkR3JpZExheW91dCkge1xuICAgIHRoaXMuY2hvc2VuTGF5b3V0ID0gbGF5b3V0O1xuICB9XG5cbiAgdG9nZ2xlR3JpZENob2ljZU1vZGFsKCkge1xuICAgIHRoaXMubW9kYWxPcGVuZWQgPSAhdGhpcy5tb2RhbE9wZW5lZDtcbiAgICBpZiAodGhpcy5tb2RhbE9wZW5lZCkge1xuICAgICAgdGhpcy5vcGVuV2l0aFRlbXBsYXRlKCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMub3ZlcmxheVJlZj8uZGlzcG9zZSgpO1xuICAgICAgdGhpcy5zdG9yZS5kaXNwYXRjaChDb25maWdBY3Rpb25zLmNsb3NlT3ZlcmxheSh7IGlkOiB0aGlzLmNvbnN0cnVjdG9yLm5hbWUgfSkpO1xuICAgICAgdGhpcy5vcGVuTW9kYWwubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICAgIH1cbiAgfVxuXG4gIG9wZW5XaXRoVGVtcGxhdGUoKSB7XG4gICAgaWYgKCF0aGlzLm92ZXJsYXlSZWYpIHtcbiAgICAgIHRoaXMubW9kYWxPcGVuZWQgPSAhdGhpcy5tb2RhbE9wZW5lZDtcbiAgICAgIHRoaXMub3ZlcmxheVJlZiA9IHRoaXMub3ZlcmxheS5jcmVhdGUoXG4gICAgICAgIG5ldyBPdmVybGF5Q29uZmlnKHtcbiAgICAgICAgICBoYXNCYWNrZHJvcDogdHJ1ZSxcbiAgICAgICAgICBwYW5lbENsYXNzOiBbJ28tbW9kYWwtd3JhcHBlcicsICdvLXNlbGVjdC1ncmlkLWxheW91dC1tb2RhbC13cmFwcGVyJ10sXG4gICAgICAgICAgYmFja2Ryb3BDbGFzczogJ2JhY2tkcm9wJ1xuICAgICAgICB9KVxuICAgICAgKTtcbiAgICAgIHRoaXMuc3RvcmUuZGlzcGF0Y2goQ29uZmlnQWN0aW9ucy5hZGRpbmdPdmVybGF5KHsgaWQ6IHRoaXMuY29uc3RydWN0b3IubmFtZSB9KSk7XG4gICAgICB0aGlzLm92ZXJsYXlSZWYuYmFja2Ryb3BDbGljaygpLnN1YnNjcmliZSgoXykgPT4gdGhpcy50b2dnbGVHcmlkQ2hvaWNlTW9kYWwoKSk7XG4gICAgICB0aGlzLm92ZXJsYXlSZWYuYXR0YWNoKG5ldyBUZW1wbGF0ZVBvcnRhbCh0aGlzLnRlbXBsYXRlLCB0aGlzLnZpZXdDb250YWluZXJSZWYpKTtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICB0aGlzLmZpcnN0QnV0dG9uLm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcbiAgICAgIH0sIDEwKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5vdmVybGF5UmVmLmRpc3Bvc2UoKTtcbiAgICAgIHRoaXMub3ZlcmxheVJlZiA9IHVuZGVmaW5lZDtcbiAgICAgIHRoaXMuc3RvcmUuZGlzcGF0Y2goQ29uZmlnQWN0aW9ucy5jbG9zZU92ZXJsYXkoeyBpZDogdGhpcy5jb25zdHJ1Y3Rvci5uYW1lIH0pKTtcbiAgICAgIHRoaXMub3Blbk1vZGFsLm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcbiAgICAgIHRoaXMubW9kYWxPcGVuZWQgPSAhdGhpcy5tb2RhbE9wZW5lZDtcbiAgICB9XG4gIH1cblxuICB2YWxpZGF0ZSgpIHtcbiAgICBpZiAodGhpcy5jYW5EaXNwYXRjaCkge1xuICAgICAgdGhpcy5zdG9yZS5kaXNwYXRjaChEYXNoYm9hcmRBY3Rpb25zLnNldEdyaWRMYXlvdXQoeyBsYXlvdXQ6IHRoaXMuY2hvc2VuTGF5b3V0IH0pKTtcbiAgICB9XG4gICAgdGhpcy50b2dnbGVHcmlkQ2hvaWNlTW9kYWwoKTtcbiAgfVxuXG4gIGZvY3VzQ3Jvc3NFbGVtZW50KCkge1xuICAgIHRoaXMuY3Jvc3MubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICB9XG5cbiAgZm9jdXNWYWxpZGF0aW9uKCkge1xuICAgIHRoaXMuY29uZmlybS5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XG4gIH1cbn1cbiIsIjxwcnktc2VsZWN0LWdyaWQtbGF5b3V0LWNzcz48L3ByeS1zZWxlY3QtZ3JpZC1sYXlvdXQtY3NzPlxuPGRpdiBbYXR0ci5hcmlhLWV4cGFuZGVkXT1cIm1vZGFsT3BlbmVkXCIgYXJpYS1jb250cm9scz1cImdyaWQtbGF5b3V0XCI+XG4gIDxidXR0b24gdHlwZT1cImJ1dHRvblwiICNvcGVuTW9kYWwgY2xhc3M9XCJhLWJ0biBhLWJ0bi0tc2Vjb25kYXJ5IC1zaXplLW1kXCIgKGNsaWNrKT1cInRvZ2dsZUdyaWRDaG9pY2VNb2RhbCgpXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImxhYmVsXCI+XG4gICAgICB7eyAnQHByeS50b29sYm94LmNob29zZUdyaWQnIHwgaTE4biB9fVxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L2J1dHRvbj5cbjwvZGl2PlxuPG5nLXRlbXBsYXRlICN0ZW1wbGF0ZT5cbiAgPGRpdlxuICAgIGNsYXNzPVwiby1tb2RhbFwiXG4gICAgKGNsaWNrKT1cIiRldmVudC5zdG9wUHJvcGFnYXRpb24oKVwiXG4gICAgcm9sZT1cImRpYWxvZ1wiXG4gICAgYXJpYS1tb2RhbD1cInRydWVcIlxuICAgIGFyaWEtbGFiZWxsZWRieT1cImRpYWxvZ190aXRsZVwiXG4gICAgaWQ9XCJncmlkLWxheW91dFwiXG4gICAgKGtleWRvd24uZXNjYXBlKT1cInRvZ2dsZUdyaWRDaG9pY2VNb2RhbCgpXCJcbiAgPlxuICAgIDxkaXYgY2xhc3M9XCJvLW1vZGFsX190b3BcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJvLW1vZGFsX190b3BfX3RpdGxlXCI+XG4gICAgICAgIDxoMiBjbGFzcz1cImEtaDJcIiBpZD1cImRpYWxvZ190aXRsZVwiPnt7ICdAcHJ5LnRvb2xib3guY2hvb3NlR3JpZCcgfCBpMThuIH19PC9oMj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cIm8tbW9kYWxfX3RvcF9fY2xvc2VcIj5cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgIGNsYXNzPVwiYS1idG4gYS1idG4tLWljb24tb25seVwiXG4gICAgICAgICAgI2Nyb3NzXG4gICAgICAgICAgKGtleWRvd24uc2hpZnQudGFiKT1cImZvY3VzVmFsaWRhdGlvbigpXCJcbiAgICAgICAgICAoY2xpY2spPVwidG9nZ2xlR3JpZENob2ljZU1vZGFsKClcIlxuICAgICAgICA+XG4gICAgICAgICAgPHByeS1pY29uIGljb25Tdmc9XCJjbG9zZVwiIFtoZWlnaHRdPVwiMzVcIiBbd2lkdGhdPVwiMzVcIj48L3ByeS1pY29uPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwidS12aXN1YWxseS1oaWRkZW5cIj57eyAnQHByeS50b29sYm94LmNsb3NlJyB8IGkxOG4gfX08L3NwYW4+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm8tc2VsZWN0LWdyaWQtbGF5b3V0LXdyYXBwZXJcIj5cbiAgICAgIDx1bCBjbGFzcz1cIm8tc2VsZWN0LWdyaWQtbGF5b3V0XCI+XG4gICAgICAgIDxsaSAqbmdGb3I9XCJsZXQgbGF5b3V0IG9mIGF2YWlsYWJsZUxheW91dHMkIHwgYXN5bmNcIiBjbGFzcz1cIm8tc2VsZWN0LWdyaWQtbGF5b3V0X19pdGVtXCI+XG4gICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAjZmlyc3RCdXR0b25cbiAgICAgICAgICAgIGNsYXNzPVwiYS1idG5cIlxuICAgICAgICAgICAgW2F0dHIuYXJpYS1wcmVzc2VkXT1cImNob3NlbkxheW91dCA9PT0gbGF5b3V0LnZhbHVlXCJcbiAgICAgICAgICAgIFtjbGFzcy5zZWxlY3RlZF09XCJjaG9zZW5MYXlvdXQgPT09IGxheW91dC52YWx1ZVwiXG4gICAgICAgICAgICAoY2xpY2spPVwiY2hhbmdlTGF5b3V0KGxheW91dC52YWx1ZSlcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ1LXR4dC1jZW50ZXJcIj5cbiAgICAgICAgICAgICAgPGltZyBbc3JjXT1cImxheW91dC5pbWFnZVwiIC8+XG4gICAgICAgICAgICAgIDxzdHJvbmc+e3sgbGF5b3V0LnRyYW5zbGF0aW9uIHwgaTE4biB9fTwvc3Ryb25nPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8cCBjbGFzcz1cImEtcFwiPlxuICAgICAgICAgICAgICB7eyBsYXlvdXQudHJhbnNsYXRpb24gKyAnX2RldGFpbGxlZCcgfCBpMThuIH19XG4gICAgICAgICAgICA8L3A+XG4gICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvbGk+XG4gICAgICA8L3VsPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJtLWJ0bi1ncm91cCAtc3BhY2UtZXZlbmx5XCI+XG4gICAgICA8YnV0dG9uIChjbGljayk9XCJ0b2dnbGVHcmlkQ2hvaWNlTW9kYWwoKVwiIGNsYXNzPVwiYS1idG4gYS1idG4tLXNlY29uZGFyeVwiPlxuICAgICAgICB7eyAnQHByeS50b29sYm94Lm1hbmlmZXN0LmNsb3NlJyB8IGkxOG4gfX1cbiAgICAgIDwvYnV0dG9uPlxuICAgICAgPGJ1dHRvbiAoY2xpY2spPVwidmFsaWRhdGUoKVwiIGNsYXNzPVwiYS1idG4gYS1idG4tLXByaW1hcnlcIiAjY29uZmlybSAoa2V5ZG93bi50YWIpPVwiZm9jdXNDcm9zc0VsZW1lbnQoKVwiPlxuICAgICAgICB7eyAnQHByeS50b29sYm94Lm1hbmlmZXN0LnZhbGlkYXRlZCcgfCBpMThuIH19XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuIl19

package/esm2022/toolbox/components/toolbox.component.mjs

@@ -0,0 +1,32 @@
+import { Component, Input } from '@angular/core';
+import { DashboardGridLayout, DashboardSelectors } from '@provoly/dashboard';
+import { map } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@ngrx/store";
+import * as i2 from "@angular/common";
+import * as i3 from "@provoly/dashboard";
+import * as i4 from "./clear-view/clear-view.component";
+import * as i5 from "./drag-widgets/drag-widgets.component";
+import * as i6 from "./edit-mode-toggle/edit-mode-toggle.component";
+import * as i7 from "./launch-tab/launch-tab.component";
+import * as i8 from "./save-view/save-view.component";
+import * as i9 from "./select-grid-layout/select-grid-layout.component";
+import * as i10 from "./filter-settings/filter-settings.component";
+export class ToolboxComponent {
+    constructor(store) {
+        this.labels = true;
+        this.hasInitialPresentation$ = store.select(DashboardSelectors.presentation).pipe(map((pres) => !!pres.initial));
+        this.isManualMode$ = store
+            .select(DashboardSelectors.windowManifest)
+            .pipe(map((pres) => (pres.grid?.layout ?? DashboardGridLayout.MANUAL) === DashboardGridLayout.MANUAL));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ToolboxComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: ToolboxComponent, selector: "pry-toolbox", inputs: { labels: "labels" }, ngImport: i0, template: "<ul class=\"m-actions-list\" #input>\n  <li class=\"m-actions-list__item\" *ngIf=\"isManualMode$ | async\">\n    <pry-edit-mode-toggle\n      *pryAccess=\"{ module: 'dashboard', page: 'toolbox', action: 'edit_dashboard' }\"\n      [label]=\"labels\"\n    ></pry-edit-mode-toggle>\n  </li>\n  <li class=\"m-actions-list__item\">\n    <pry-filter-settings\n      *pryAccess=\"{ module: 'dashboard', page: 'toolbox', action: 'default_size' }\"\n      [style.z-index]=\"2\"\n      [label]=\"labels\"\n    ></pry-filter-settings>\n  </li>\n  <li class=\"m-actions-list__item\">\n    <pry-launch-tab\n      *pryAccess=\"{ module: 'dashboard', page: 'toolbox', action: 'new_tab' }\"\n      [label]=\"labels\"\n    ></pry-launch-tab>\n  </li>\n  <li class=\"m-actions-list__item\">\n    <pry-drag-widgets\n      *pryAccess=\"{ module: 'dashboard', page: 'toolbox', action: 'drag_widget' }\"\n      [labels]=\"labels\"\n    ></pry-drag-widgets>\n  </li>\n  <li class=\"m-actions-list__item\">\n    <pry-save-view\n      *pryAccess=\"{ module: 'dashboard', page: 'toolbox', action: 'save_view' }\"\n      [style.z-index]=\"2\"\n      [label]=\"labels\"\n    ></pry-save-view>\n  </li>\n  <li class=\"m-actions-list__item\" *ngIf=\"hasInitialPresentation$ | async\">\n    <pry-save-view\n      *pryAccess=\"{ module: 'dashboard', page: 'toolbox', action: 'save_view' }\"\n      [style.z-index]=\"2\"\n      [label]=\"labels\"\n      mode=\"directSave\"\n    ></pry-save-view>\n  </li>\n  <li class=\"m-actions-list__item\">\n    <pry-clear-view\n      *pryAccess=\"{ module: 'dashboard', page: 'toolbox', action: 'clear_view' }\"\n      [style.z-index]=\"2\"\n      [label]=\"labels\"\n    ></pry-clear-view>\n  </li>\n  <li class=\"m-actions-list__item is-screen-size-select\">\n    <pry-select-grid-layout\n      *pryAccess=\"{ module: 'dashboard', page: 'toolbox', action: 'default_size' }\"\n      [style.z-index]=\"2\"\n      [label]=\"labels\"\n    ></pry-select-grid-layout>\n  </li>\n</ul>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: i4.ClearViewComponent, selector: "pry-clear-view", inputs: ["label"] }, { kind: "component", type: i5.DragWidgetsComponent, selector: "pry-drag-widgets", inputs: ["labels"] }, { kind: "component", type: i6.EditModeToggleComponent, selector: "pry-edit-mode-toggle", inputs: ["label"] }, { kind: "component", type: i7.LaunchTabComponent, selector: "pry-launch-tab", inputs: ["label"] }, { kind: "component", type: i8.SaveViewComponent, selector: "pry-save-view", inputs: ["label", "mode"] }, { kind: "component", type: i9.SelectGridLayoutComponent, selector: "pry-select-grid-layout", inputs: ["label"] }, { kind: "component", type: i10.PryFilterSettingsComponent, selector: "pry-filter-settings", inputs: ["label"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ToolboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-toolbox', template: "<ul class=\"m-actions-list\" #input>\n  <li class=\"m-actions-list__item\" *ngIf=\"isManualMode$ | async\">\n    <pry-edit-mode-toggle\n      *pryAccess=\"{ module: 'dashboard', page: 'toolbox', action: 'edit_dashboard' }\"\n      [label]=\"labels\"\n    ></pry-edit-mode-toggle>\n  </li>\n  <li class=\"m-actions-list__item\">\n    <pry-filter-settings\n      *pryAccess=\"{ module: 'dashboard', page: 'toolbox', action: 'default_size' }\"\n      [style.z-index]=\"2\"\n      [label]=\"labels\"\n    ></pry-filter-settings>\n  </li>\n  <li class=\"m-actions-list__item\">\n    <pry-launch-tab\n      *pryAccess=\"{ module: 'dashboard', page: 'toolbox', action: 'new_tab' }\"\n      [label]=\"labels\"\n    ></pry-launch-tab>\n  </li>\n  <li class=\"m-actions-list__item\">\n    <pry-drag-widgets\n      *pryAccess=\"{ module: 'dashboard', page: 'toolbox', action: 'drag_widget' }\"\n      [labels]=\"labels\"\n    ></pry-drag-widgets>\n  </li>\n  <li class=\"m-actions-list__item\">\n    <pry-save-view\n      *pryAccess=\"{ module: 'dashboard', page: 'toolbox', action: 'save_view' }\"\n      [style.z-index]=\"2\"\n      [label]=\"labels\"\n    ></pry-save-view>\n  </li>\n  <li class=\"m-actions-list__item\" *ngIf=\"hasInitialPresentation$ | async\">\n    <pry-save-view\n      *pryAccess=\"{ module: 'dashboard', page: 'toolbox', action: 'save_view' }\"\n      [style.z-index]=\"2\"\n      [label]=\"labels\"\n      mode=\"directSave\"\n    ></pry-save-view>\n  </li>\n  <li class=\"m-actions-list__item\">\n    <pry-clear-view\n      *pryAccess=\"{ module: 'dashboard', page: 'toolbox', action: 'clear_view' }\"\n      [style.z-index]=\"2\"\n      [label]=\"labels\"\n    ></pry-clear-view>\n  </li>\n  <li class=\"m-actions-list__item is-screen-size-select\">\n    <pry-select-grid-layout\n      *pryAccess=\"{ module: 'dashboard', page: 'toolbox', action: 'default_size' }\"\n      [style.z-index]=\"2\"\n      [label]=\"labels\"\n    ></pry-select-grid-layout>\n  </li>\n</ul>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { labels: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcm92b2x5L2Rhc2hib2FyZC90b29sYm94L2NvbXBvbmVudHMvdG9vbGJveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcm92b2x5L2Rhc2hib2FyZC90b29sYm94L2NvbXBvbmVudHMvdG9vbGJveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUM3RSxPQUFPLEVBQUUsR0FBRyxFQUFjLE1BQU0sTUFBTSxDQUFDOzs7Ozs7Ozs7Ozs7QUFNdkMsTUFBTSxPQUFPLGdCQUFnQjtJQUszQixZQUFZLEtBQVk7UUFKZixXQUFNLEdBQUcsSUFBSSxDQUFDO1FBS3JCLElBQUksQ0FBQyx1QkFBdUIsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLGtCQUFrQixDQUFDLFlBQVksQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztRQUNqSCxJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUs7YUFDdkIsTUFBTSxDQUFDLGtCQUFrQixDQUFDLGNBQWMsQ0FBQzthQUN6QyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsTUFBTSxJQUFJLG1CQUFtQixDQUFDLE1BQU0sQ0FBQyxLQUFLLG1CQUFtQixDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUM7SUFDM0csQ0FBQzs4R0FWVSxnQkFBZ0I7a0dBQWhCLGdCQUFnQixpRkNUN0IsczhEQXdEQTs7MkZEL0NhLGdCQUFnQjtrQkFKNUIsU0FBUzsrQkFDRSxhQUFhOzRGQUlkLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN0b3JlIH0gZnJvbSAnQG5ncngvc3RvcmUnO1xuaW1wb3J0IHsgRGFzaGJvYXJkR3JpZExheW91dCwgRGFzaGJvYXJkU2VsZWN0b3JzIH0gZnJvbSAnQHByb3ZvbHkvZGFzaGJvYXJkJztcbmltcG9ydCB7IG1hcCwgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdwcnktdG9vbGJveCcsXG4gIHRlbXBsYXRlVXJsOiAnLi90b29sYm94LmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBUb29sYm94Q29tcG9uZW50IHtcbiAgQElucHV0KCkgbGFiZWxzID0gdHJ1ZTtcbiAgaGFzSW5pdGlhbFByZXNlbnRhdGlvbiQ6IE9ic2VydmFibGU8Ym9vbGVhbj47XG4gIGlzTWFudWFsTW9kZSQ6IE9ic2VydmFibGU8Ym9vbGVhbj47XG5cbiAgY29uc3RydWN0b3Ioc3RvcmU6IFN0b3JlKSB7XG4gICAgdGhpcy5oYXNJbml0aWFsUHJlc2VudGF0aW9uJCA9IHN0b3JlLnNlbGVjdChEYXNoYm9hcmRTZWxlY3RvcnMucHJlc2VudGF0aW9uKS5waXBlKG1hcCgocHJlcykgPT4gISFwcmVzLmluaXRpYWwpKTtcbiAgICB0aGlzLmlzTWFudWFsTW9kZSQgPSBzdG9yZVxuICAgICAgLnNlbGVjdChEYXNoYm9hcmRTZWxlY3RvcnMud2luZG93TWFuaWZlc3QpXG4gICAgICAucGlwZShtYXAoKHByZXMpID0+IChwcmVzLmdyaWQ/LmxheW91dCA/PyBEYXNoYm9hcmRHcmlkTGF5b3V0Lk1BTlVBTCkgPT09IERhc2hib2FyZEdyaWRMYXlvdXQuTUFOVUFMKSk7XG4gIH1cbn1cbiIsIjx1bCBjbGFzcz1cIm0tYWN0aW9ucy1saXN0XCIgI2lucHV0PlxuICA8bGkgY2xhc3M9XCJtLWFjdGlvbnMtbGlzdF9faXRlbVwiICpuZ0lmPVwiaXNNYW51YWxNb2RlJCB8IGFzeW5jXCI+XG4gICAgPHByeS1lZGl0LW1vZGUtdG9nZ2xlXG4gICAgICAqcHJ5QWNjZXNzPVwieyBtb2R1bGU6ICdkYXNoYm9hcmQnLCBwYWdlOiAndG9vbGJveCcsIGFjdGlvbjogJ2VkaXRfZGFzaGJvYXJkJyB9XCJcbiAgICAgIFtsYWJlbF09XCJsYWJlbHNcIlxuICAgID48L3ByeS1lZGl0LW1vZGUtdG9nZ2xlPlxuICA8L2xpPlxuICA8bGkgY2xhc3M9XCJtLWFjdGlvbnMtbGlzdF9faXRlbVwiPlxuICAgIDxwcnktZmlsdGVyLXNldHRpbmdzXG4gICAgICAqcHJ5QWNjZXNzPVwieyBtb2R1bGU6ICdkYXNoYm9hcmQnLCBwYWdlOiAndG9vbGJveCcsIGFjdGlvbjogJ2RlZmF1bHRfc2l6ZScgfVwiXG4gICAgICBbc3R5bGUuei1pbmRleF09XCIyXCJcbiAgICAgIFtsYWJlbF09XCJsYWJlbHNcIlxuICAgID48L3ByeS1maWx0ZXItc2V0dGluZ3M+XG4gIDwvbGk+XG4gIDxsaSBjbGFzcz1cIm0tYWN0aW9ucy1saXN0X19pdGVtXCI+XG4gICAgPHByeS1sYXVuY2gtdGFiXG4gICAgICAqcHJ5QWNjZXNzPVwieyBtb2R1bGU6ICdkYXNoYm9hcmQnLCBwYWdlOiAndG9vbGJveCcsIGFjdGlvbjogJ25ld190YWInIH1cIlxuICAgICAgW2xhYmVsXT1cImxhYmVsc1wiXG4gICAgPjwvcHJ5LWxhdW5jaC10YWI+XG4gIDwvbGk+XG4gIDxsaSBjbGFzcz1cIm0tYWN0aW9ucy1saXN0X19pdGVtXCI+XG4gICAgPHByeS1kcmFnLXdpZGdldHNcbiAgICAgICpwcnlBY2Nlc3M9XCJ7IG1vZHVsZTogJ2Rhc2hib2FyZCcsIHBhZ2U6ICd0b29sYm94JywgYWN0aW9uOiAnZHJhZ193aWRnZXQnIH1cIlxuICAgICAgW2xhYmVsc109XCJsYWJlbHNcIlxuICAgID48L3ByeS1kcmFnLXdpZGdldHM+XG4gIDwvbGk+XG4gIDxsaSBjbGFzcz1cIm0tYWN0aW9ucy1saXN0X19pdGVtXCI+XG4gICAgPHByeS1zYXZlLXZpZXdcbiAgICAgICpwcnlBY2Nlc3M9XCJ7IG1vZHVsZTogJ2Rhc2hib2FyZCcsIHBhZ2U6ICd0b29sYm94JywgYWN0aW9uOiAnc2F2ZV92aWV3JyB9XCJcbiAgICAgIFtzdHlsZS56LWluZGV4XT1cIjJcIlxuICAgICAgW2xhYmVsXT1cImxhYmVsc1wiXG4gICAgPjwvcHJ5LXNhdmUtdmlldz5cbiAgPC9saT5cbiAgPGxpIGNsYXNzPVwibS1hY3Rpb25zLWxpc3RfX2l0ZW1cIiAqbmdJZj1cImhhc0luaXRpYWxQcmVzZW50YXRpb24kIHwgYXN5bmNcIj5cbiAgICA8cHJ5LXNhdmUtdmlld1xuICAgICAgKnByeUFjY2Vzcz1cInsgbW9kdWxlOiAnZGFzaGJvYXJkJywgcGFnZTogJ3Rvb2xib3gnLCBhY3Rpb246ICdzYXZlX3ZpZXcnIH1cIlxuICAgICAgW3N0eWxlLnotaW5kZXhdPVwiMlwiXG4gICAgICBbbGFiZWxdPVwibGFiZWxzXCJcbiAgICAgIG1vZGU9XCJkaXJlY3RTYXZlXCJcbiAgICA+PC9wcnktc2F2ZS12aWV3PlxuICA8L2xpPlxuICA8bGkgY2xhc3M9XCJtLWFjdGlvbnMtbGlzdF9faXRlbVwiPlxuICAgIDxwcnktY2xlYXItdmlld1xuICAgICAgKnByeUFjY2Vzcz1cInsgbW9kdWxlOiAnZGFzaGJvYXJkJywgcGFnZTogJ3Rvb2xib3gnLCBhY3Rpb246ICdjbGVhcl92aWV3JyB9XCJcbiAgICAgIFtzdHlsZS56LWluZGV4XT1cIjJcIlxuICAgICAgW2xhYmVsXT1cImxhYmVsc1wiXG4gICAgPjwvcHJ5LWNsZWFyLXZpZXc+XG4gIDwvbGk+XG4gIDxsaSBjbGFzcz1cIm0tYWN0aW9ucy1saXN0X19pdGVtIGlzLXNjcmVlbi1zaXplLXNlbGVjdFwiPlxuICAgIDxwcnktc2VsZWN0LWdyaWQtbGF5b3V0XG4gICAgICAqcHJ5QWNjZXNzPVwieyBtb2R1bGU6ICdkYXNoYm9hcmQnLCBwYWdlOiAndG9vbGJveCcsIGFjdGlvbjogJ2RlZmF1bHRfc2l6ZScgfVwiXG4gICAgICBbc3R5bGUuei1pbmRleF09XCIyXCJcbiAgICAgIFtsYWJlbF09XCJsYWJlbHNcIlxuICAgID48L3ByeS1zZWxlY3QtZ3JpZC1sYXlvdXQ+XG4gIDwvbGk+XG48L3VsPlxuIl19

package/esm2022/toolbox/provoly-dashboard-toolbox.mjs

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

package/esm2022/toolbox/public-api.mjs

@@ -0,0 +1,12 @@
+export * from './toolbox.module';
+export * from './components/toolbox.component';
+export * from './components/save-view/save-view.component';
+export * from './components/named-query/named-query.component';
+export * from './components/launch-tab/launch-tab.component';
+export * from './components/edit-mode-toggle/edit-mode-toggle.component';
+export * from './components/drag-widgets/drag-widgets.component';
+export * from './components/clear-view/clear-view.component';
+export * from './components/select-grid-layout/select-grid-layout.component';
+export * from './components/filter-settings/filter-settings.component';
+export * from './style/css.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Byb3ZvbHkvZGFzaGJvYXJkL3Rvb2xib3gvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLGdEQUFnRCxDQUFDO0FBQy9ELGNBQWMsOENBQThDLENBQUM7QUFDN0QsY0FBYywwREFBMEQsQ0FBQztBQUN6RSxjQUFjLGtEQUFrRCxDQUFDO0FBQ2pFLGNBQWMsOENBQThDLENBQUM7QUFDN0QsY0FBYyw4REFBOEQsQ0FBQztBQUM3RSxjQUFjLHdEQUF3RCxDQUFDO0FBQ3ZFLGNBQWMsdUJBQXVCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3Rvb2xib3gubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy90b29sYm94LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvc2F2ZS12aWV3L3NhdmUtdmlldy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL25hbWVkLXF1ZXJ5L25hbWVkLXF1ZXJ5LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvbGF1bmNoLXRhYi9sYXVuY2gtdGFiLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvZWRpdC1tb2RlLXRvZ2dsZS9lZGl0LW1vZGUtdG9nZ2xlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvZHJhZy13aWRnZXRzL2RyYWctd2lkZ2V0cy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL2NsZWFyLXZpZXcvY2xlYXItdmlldy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL3NlbGVjdC1ncmlkLWxheW91dC9zZWxlY3QtZ3JpZC1sYXlvdXQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9maWx0ZXItc2V0dGluZ3MvZmlsdGVyLXNldHRpbmdzLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3N0eWxlL2Nzcy5jb21wb25lbnQnO1xuIl19

package/esm2022/toolbox/style/css.component.mjs

@@ -0,0 +1,11 @@
+import { Component, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+export class PrySelectGridLayoutCssComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySelectGridLayoutCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PrySelectGridLayoutCssComponent, selector: "pry-select-grid-layout-css", ngImport: i0, template: '', isInline: true, styles: [".o-select-grid-layout{margin:0;padding:0}.o-select-grid-layout li{list-style:none}.o-select-grid-layout-wrapper{overflow-y:auto;max-height:80%}.o-select-grid-layout-modal-wrapper{max-width:80%}.o-select-grid-layout{overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,auto));grid-gap:1.875rem;padding:.25rem .25rem 1.875rem}.o-select-grid-layout__item .a-btn{display:flex;flex-direction:column;align-items:center;justify-content:space-around;width:100%;height:100%;padding:.9375rem;border-radius:0;text-align:left}.o-select-grid-layout__item .a-btn:focus{outline:2px solid #35b99f}.o-select-grid-layout__item .a-btn:focus:not(:focus-visible){outline:0}.o-select-grid-layout__item .a-btn:focus-visible{outline:0;border-radius:.125rem;box-shadow:0 0 0 2px #fff,0 0 0 4px #35b99f}.o-select-grid-layout__item .a-btn strong{display:block}.o-select-grid-layout__item .a-btn .a-p{margin-bottom:0;font-size:13px}\n", ".o-select-grid-layout-wrapper{overflow-y:auto;max-height:80%}.o-select-grid-layout-modal-wrapper{max-width:60%;padding:1.875rem 2.5rem}.backdrop{background-color:#0000004d}.o-filters{width:100%}.o-filters__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.875rem;border-bottom:1px solid #dfe5ec}.o-filters__header h2{padding:0}.o-filters__header .back-button{transform:rotate(180deg)}.o-filters__content{display:flex;flex-direction:column;padding-top:1.25rem}.o-filters__content>.a-btn{margin-top:1.25rem;align-self:center}.o-filters__filter td:first-child{min-width:20%;max-width:30%}.o-filters__filter td:nth-child(2){min-width:50%;max-width:60%}.o-filters__filter td:nth-child(3){width:8%}.o-filters__filter td:nth-child(4){width:8%}.o-filters__filter td:last-child{width:4%}.o-filters__filter.cdk-drag-preview{background-color:#fff}.o-filters__filter.cdk-drag-preview td{padding:.75rem .5rem}.o-filters__filter .cdk-drag-handle{pointer-events:auto}.o-filters__filter .cdk-drag-handle:hover{cursor:grab}.o-filters tr.o-filters__filter{cursor:default}.o-filters__no-filters{padding-bottom:1.875rem}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySelectGridLayoutCssComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-select-grid-layout-css', template: '', encapsulation: ViewEncapsulation.None, styles: [".o-select-grid-layout{margin:0;padding:0}.o-select-grid-layout li{list-style:none}.o-select-grid-layout-wrapper{overflow-y:auto;max-height:80%}.o-select-grid-layout-modal-wrapper{max-width:80%}.o-select-grid-layout{overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,auto));grid-gap:1.875rem;padding:.25rem .25rem 1.875rem}.o-select-grid-layout__item .a-btn{display:flex;flex-direction:column;align-items:center;justify-content:space-around;width:100%;height:100%;padding:.9375rem;border-radius:0;text-align:left}.o-select-grid-layout__item .a-btn:focus{outline:2px solid #35b99f}.o-select-grid-layout__item .a-btn:focus:not(:focus-visible){outline:0}.o-select-grid-layout__item .a-btn:focus-visible{outline:0;border-radius:.125rem;box-shadow:0 0 0 2px #fff,0 0 0 4px #35b99f}.o-select-grid-layout__item .a-btn strong{display:block}.o-select-grid-layout__item .a-btn .a-p{margin-bottom:0;font-size:13px}\n", ".o-select-grid-layout-wrapper{overflow-y:auto;max-height:80%}.o-select-grid-layout-modal-wrapper{max-width:60%;padding:1.875rem 2.5rem}.backdrop{background-color:#0000004d}.o-filters{width:100%}.o-filters__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.875rem;border-bottom:1px solid #dfe5ec}.o-filters__header h2{padding:0}.o-filters__header .back-button{transform:rotate(180deg)}.o-filters__content{display:flex;flex-direction:column;padding-top:1.25rem}.o-filters__content>.a-btn{margin-top:1.25rem;align-self:center}.o-filters__filter td:first-child{min-width:20%;max-width:30%}.o-filters__filter td:nth-child(2){min-width:50%;max-width:60%}.o-filters__filter td:nth-child(3){width:8%}.o-filters__filter td:nth-child(4){width:8%}.o-filters__filter td:last-child{width:4%}.o-filters__filter.cdk-drag-preview{background-color:#fff}.o-filters__filter.cdk-drag-preview td{padding:.75rem .5rem}.o-filters__filter .cdk-drag-handle{pointer-events:auto}.o-filters__filter .cdk-drag-handle:hover{cursor:grab}.o-filters tr.o-filters__filter{cursor:default}.o-filters__no-filters{padding-bottom:1.875rem}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3NzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Byb3ZvbHkvZGFzaGJvYXJkL3Rvb2xib3gvc3R5bGUvY3NzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVE3RCxNQUFNLE9BQU8sK0JBQStCOzhHQUEvQiwrQkFBK0I7a0dBQS9CLCtCQUErQixrRUFKaEMsRUFBRTs7MkZBSUQsK0JBQStCO2tCQU4zQyxTQUFTOytCQUNFLDRCQUE0QixZQUM1QixFQUFFLGlCQUVHLGlCQUFpQixDQUFDLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ByeS1zZWxlY3QtZ3JpZC1sYXlvdXQtY3NzJyxcbiAgdGVtcGxhdGU6ICcnLFxuICBzdHlsZVVybHM6IFsnX28tc2VsZWN0LWdyaWQtbGF5b3V0LnNjc3MnLCAnX28tZmlsdGVyLXNldHRpbmdzLnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBQcnlTZWxlY3RHcmlkTGF5b3V0Q3NzQ29tcG9uZW50IHt9XG4iXX0=