@indice/ng-components 0.2.166 → 0.2.167

package/esm2020/lib/layouts/shell/shell-sidebar-layout/shell-sidebar-layout.component.mjs

@@ -0,0 +1,25 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/router";
+import * as i3 from "../shell-sidebar/shell-sidebar.component";
+import * as i4 from "../shell-sidebar-header/shell-sidebar-header.component";
+export class ShellSidebarLayoutComponent {
+    constructor() {
+        this.showMobileSidebar = true;
+    }
+    ngOnInit() {
+    }
+    toggleMobileSidebar() {
+        this.showMobileSidebar = !this.showMobileSidebar;
+    }
+}
+ShellSidebarLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ShellSidebarLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ShellSidebarLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: ShellSidebarLayoutComponent, selector: "lib-shell-sidebar-layout", inputs: { config: "config" }, ngImport: i0, template: "<div>\n    <!-- Off-canvas menu for mobile, show/hide based on off-canvas menu state. -->\n    <div class=\"sidebar-off-canvas-menu-container\" role=\"dialog\" aria-modal=\"true\">\n      <!-- Off-canvas menu backdrop, show/hide based on off-canvas menu state.-->\n      <div class=\"sidebar-off-canvas-menu-backdrop\" \n          [class.sidebar-off-canvas-menu-backdrop-opacity-100]=\"showMobileSidebar\">\n      </div>\n  \n      <div class=\"sidebar-off-canvas-menu-container-inner\" \n      [class.sidebar-off-canvas-menu-container-inner-active]=\"showMobileSidebar\" \n      [class.sidebar-off-canvas-menu-container-inner-not-active]=\"!showMobileSidebar\">\n        <!-- Off-canvas menu, show/hide based on off-canvas menu state.-->\n        <div class=\"sidebar-off-canvas-layout-container\">\n          <!--Close button, show/hide based on off-canvas menu state.-->\n          <div class=\"sidebar-off-canvas-toggle-button-container\">\n            <button type=\"button\" class=\"sidebar-off-canvas-toggle-button\" (click)=\"showMobileSidebar = !showMobileSidebar\">\n              <span class=\"sr-only\">Close sidebar</span>\n              <!-- Heroicon name: outline/x -->\n              <svg class=\"h-6 w-6 text-white\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" aria-hidden=\"true\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\n              </svg>\n            </button>\n          </div>\n  \n          <div class=\"sidebar-off-canvas-app-logo-container\">\n            <img class=\"h-8 w-auto\" [src]=\"config?.appLogo\" [alt]=\"config?.appLogoAlt\">\n          </div>\n\n          <lib-shell-sidebar></lib-shell-sidebar>\n         \n        </div>\n  \n        <div class=\"sidebar-dummy-element\" aria-hidden=\"true\">\n          <!-- Dummy element to force sidebar to shrink to fit close icon -->\n        </div>\n      </div>\n    </div>\n  \n    <!-- Static sidebar for desktop -->\n    <div class=\"sidebar-static-menu-outer-container\">\n    \n    <div class=\"sidebar-static-menu-container\" \n      [class.sidebar-static-menu-container-active]=\"showMobileSidebar\" \n      [class.sidebar-static-menu-container-not-active]=\"!showMobileSidebar\">\n      <!-- Sidebar component, swap this element with another sidebar if you like -->\n      <div class=\"sidebar-static-menu-container-inner\">\n        <div class=\"sidebar-static-menu-app-logo-container\">\n          <img class=\"h-8 w-auto\" [src]=\"config?.appLogo\" [alt]=\"config?.appLogoAlt\">\n        </div>\n        <lib-shell-sidebar></lib-shell-sidebar>\n      </div>\n    </div>\n    </div>\n\n    <div class=\"sidebar-static-menu-wrapper\" [class.sidebar-static-menu-wrapper-active]=\"showMobileSidebar\">\n      <div class=\"sidebar-static-menu-toggle-button-container\">\n        <button type=\"button\" class=\"sidebar-static-menu-toggle-button\" (click)=\"showMobileSidebar = !showMobileSidebar\">\n          <span class=\"sr-only\">Toggle sidebar</span>\n          <!-- Heroicon name: outline/menu-alt-2 -->\n          <svg class=\"h-6 w-6\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" aria-hidden=\"true\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 6h16M4 12h16M4 18h7\" />\n          </svg>\n        </button>\n        \n        <!-- sidebar-static-menu-header-container -->\n        <div class=\"sidebar-static-menu-header-container\">\n          <div class=\"sidebar-static-menu-header-near-container\">\n            <div class=\"sidebar-static-menu-header-app-logo-container\" *ngIf=\"!showMobileSidebar\">\n              <img class=\"h-8 w-auto\" [src]=\"config?.appLogo\" [alt]=\"config?.appLogoAlt\">\n            </div>\n          </div>\n          <div class=\"sidebar-static-menu-header-far-container\">\n            <lib-shell-sidebar-header \n            [show-userName]=\"config?.showUserNameOnHeader\"\n            [show-alerts]=\"config?.showAlertsOnHeader\" \n            [show-langs]=\"config?.showLangsOnHeader\"></lib-shell-sidebar-header>\n          </div>\n        </div>\n      </div>\n  \n      <div flex-1>\n        <main class=\"shell-content-container-fluid\">\n            <div class=\"shell-content-container-inner\">\n              <!-- YOU NEED TO ADD/REMOVE THIS FROM DOM DEPENDING ON THE SELECTED LAYOUT ESPECIALLY IN THE CASE OF LAYOUT SWITCHING!!! -->\n              <router-outlet *ngIf=\"(config && config.layout === 'Sidebar')\"></router-outlet>\n            </div>\n          </main>\n      </div>\n    </div>\n  </div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i3.ShellSidebarComponent, selector: "lib-shell-sidebar", inputs: ["section-links", "config"] }, { kind: "component", type: i4.ShellSidebarHeaderComponent, selector: "lib-shell-sidebar-header" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ShellSidebarLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-shell-sidebar-layout', template: "<div>\n    <!-- Off-canvas menu for mobile, show/hide based on off-canvas menu state. -->\n    <div class=\"sidebar-off-canvas-menu-container\" role=\"dialog\" aria-modal=\"true\">\n      <!-- Off-canvas menu backdrop, show/hide based on off-canvas menu state.-->\n      <div class=\"sidebar-off-canvas-menu-backdrop\" \n          [class.sidebar-off-canvas-menu-backdrop-opacity-100]=\"showMobileSidebar\">\n      </div>\n  \n      <div class=\"sidebar-off-canvas-menu-container-inner\" \n      [class.sidebar-off-canvas-menu-container-inner-active]=\"showMobileSidebar\" \n      [class.sidebar-off-canvas-menu-container-inner-not-active]=\"!showMobileSidebar\">\n        <!-- Off-canvas menu, show/hide based on off-canvas menu state.-->\n        <div class=\"sidebar-off-canvas-layout-container\">\n          <!--Close button, show/hide based on off-canvas menu state.-->\n          <div class=\"sidebar-off-canvas-toggle-button-container\">\n            <button type=\"button\" class=\"sidebar-off-canvas-toggle-button\" (click)=\"showMobileSidebar = !showMobileSidebar\">\n              <span class=\"sr-only\">Close sidebar</span>\n              <!-- Heroicon name: outline/x -->\n              <svg class=\"h-6 w-6 text-white\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" aria-hidden=\"true\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\n              </svg>\n            </button>\n          </div>\n  \n          <div class=\"sidebar-off-canvas-app-logo-container\">\n            <img class=\"h-8 w-auto\" [src]=\"config?.appLogo\" [alt]=\"config?.appLogoAlt\">\n          </div>\n\n          <lib-shell-sidebar></lib-shell-sidebar>\n         \n        </div>\n  \n        <div class=\"sidebar-dummy-element\" aria-hidden=\"true\">\n          <!-- Dummy element to force sidebar to shrink to fit close icon -->\n        </div>\n      </div>\n    </div>\n  \n    <!-- Static sidebar for desktop -->\n    <div class=\"sidebar-static-menu-outer-container\">\n    \n    <div class=\"sidebar-static-menu-container\" \n      [class.sidebar-static-menu-container-active]=\"showMobileSidebar\" \n      [class.sidebar-static-menu-container-not-active]=\"!showMobileSidebar\">\n      <!-- Sidebar component, swap this element with another sidebar if you like -->\n      <div class=\"sidebar-static-menu-container-inner\">\n        <div class=\"sidebar-static-menu-app-logo-container\">\n          <img class=\"h-8 w-auto\" [src]=\"config?.appLogo\" [alt]=\"config?.appLogoAlt\">\n        </div>\n        <lib-shell-sidebar></lib-shell-sidebar>\n      </div>\n    </div>\n    </div>\n\n    <div class=\"sidebar-static-menu-wrapper\" [class.sidebar-static-menu-wrapper-active]=\"showMobileSidebar\">\n      <div class=\"sidebar-static-menu-toggle-button-container\">\n        <button type=\"button\" class=\"sidebar-static-menu-toggle-button\" (click)=\"showMobileSidebar = !showMobileSidebar\">\n          <span class=\"sr-only\">Toggle sidebar</span>\n          <!-- Heroicon name: outline/menu-alt-2 -->\n          <svg class=\"h-6 w-6\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" aria-hidden=\"true\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 6h16M4 12h16M4 18h7\" />\n          </svg>\n        </button>\n        \n        <!-- sidebar-static-menu-header-container -->\n        <div class=\"sidebar-static-menu-header-container\">\n          <div class=\"sidebar-static-menu-header-near-container\">\n            <div class=\"sidebar-static-menu-header-app-logo-container\" *ngIf=\"!showMobileSidebar\">\n              <img class=\"h-8 w-auto\" [src]=\"config?.appLogo\" [alt]=\"config?.appLogoAlt\">\n            </div>\n          </div>\n          <div class=\"sidebar-static-menu-header-far-container\">\n            <lib-shell-sidebar-header \n            [show-userName]=\"config?.showUserNameOnHeader\"\n            [show-alerts]=\"config?.showAlertsOnHeader\" \n            [show-langs]=\"config?.showLangsOnHeader\"></lib-shell-sidebar-header>\n          </div>\n        </div>\n      </div>\n  \n      <div flex-1>\n        <main class=\"shell-content-container-fluid\">\n            <div class=\"shell-content-container-inner\">\n              <!-- YOU NEED TO ADD/REMOVE THIS FROM DOM DEPENDING ON THE SELECTED LAYOUT ESPECIALLY IN THE CASE OF LAYOUT SWITCHING!!! -->\n              <router-outlet *ngIf=\"(config && config.layout === 'Sidebar')\"></router-outlet>\n            </div>\n          </main>\n      </div>\n    </div>\n  </div>" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { config: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hlbGwtc2lkZWJhci1sYXlvdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctY29tcG9uZW50cy9zcmMvbGliL2xheW91dHMvc2hlbGwvc2hlbGwtc2lkZWJhci1sYXlvdXQvc2hlbGwtc2lkZWJhci1sYXlvdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctY29tcG9uZW50cy9zcmMvbGliL2xheW91dHMvc2hlbGwvc2hlbGwtc2lkZWJhci1sYXlvdXQvc2hlbGwtc2lkZWJhci1sYXlvdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQU96RCxNQUFNLE9BQU8sMkJBQTJCO0lBSXRDO1FBRE8sc0JBQWlCLEdBQUcsSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7SUFFTSxtQkFBbUI7UUFDeEIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDO0lBQ25ELENBQUM7O3dIQVhVLDJCQUEyQjs0R0FBM0IsMkJBQTJCLDhGQ1B4Qyx1bEpBeUZROzJGRGxGSywyQkFBMkI7a0JBSnZDLFNBQVM7K0JBQ0UsMEJBQTBCOzBFQUszQixNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElTaGVsbENvbmZpZyB9IGZyb20gJy4uLy4uLy4uL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLXNoZWxsLXNpZGViYXItbGF5b3V0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NoZWxsLXNpZGViYXItbGF5b3V0LmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBTaGVsbFNpZGViYXJMYXlvdXRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBcbiAgQElucHV0KCkgY29uZmlnOiBJU2hlbGxDb25maWcgfCB1bmRlZmluZWQ7XG4gIHB1YmxpYyBzaG93TW9iaWxlU2lkZWJhciA9IHRydWU7XG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxuICBwdWJsaWMgdG9nZ2xlTW9iaWxlU2lkZWJhcigpOiB2b2lkIHtcbiAgICB0aGlzLnNob3dNb2JpbGVTaWRlYmFyID0gIXRoaXMuc2hvd01vYmlsZVNpZGViYXI7XG4gIH1cblxufVxuIiwiPGRpdj5cbiAgICA8IS0tIE9mZi1jYW52YXMgbWVudSBmb3IgbW9iaWxlLCBzaG93L2hpZGUgYmFzZWQgb24gb2ZmLWNhbnZhcyBtZW51IHN0YXRlLiAtLT5cbiAgICA8ZGl2IGNsYXNzPVwic2lkZWJhci1vZmYtY2FudmFzLW1lbnUtY29udGFpbmVyXCIgcm9sZT1cImRpYWxvZ1wiIGFyaWEtbW9kYWw9XCJ0cnVlXCI+XG4gICAgICA8IS0tIE9mZi1jYW52YXMgbWVudSBiYWNrZHJvcCwgc2hvdy9oaWRlIGJhc2VkIG9uIG9mZi1jYW52YXMgbWVudSBzdGF0ZS4tLT5cbiAgICAgIDxkaXYgY2xhc3M9XCJzaWRlYmFyLW9mZi1jYW52YXMtbWVudS1iYWNrZHJvcFwiIFxuICAgICAgICAgIFtjbGFzcy5zaWRlYmFyLW9mZi1jYW52YXMtbWVudS1iYWNrZHJvcC1vcGFjaXR5LTEwMF09XCJzaG93TW9iaWxlU2lkZWJhclwiPlxuICAgICAgPC9kaXY+XG4gIFxuICAgICAgPGRpdiBjbGFzcz1cInNpZGViYXItb2ZmLWNhbnZhcy1tZW51LWNvbnRhaW5lci1pbm5lclwiIFxuICAgICAgW2NsYXNzLnNpZGViYXItb2ZmLWNhbnZhcy1tZW51LWNvbnRhaW5lci1pbm5lci1hY3RpdmVdPVwic2hvd01vYmlsZVNpZGViYXJcIiBcbiAgICAgIFtjbGFzcy5zaWRlYmFyLW9mZi1jYW52YXMtbWVudS1jb250YWluZXItaW5uZXItbm90LWFjdGl2ZV09XCIhc2hvd01vYmlsZVNpZGViYXJcIj5cbiAgICAgICAgPCEtLSBPZmYtY2FudmFzIG1lbnUsIHNob3cvaGlkZSBiYXNlZCBvbiBvZmYtY2FudmFzIG1lbnUgc3RhdGUuLS0+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzaWRlYmFyLW9mZi1jYW52YXMtbGF5b3V0LWNvbnRhaW5lclwiPlxuICAgICAgICAgIDwhLS1DbG9zZSBidXR0b24sIHNob3cvaGlkZSBiYXNlZCBvbiBvZmYtY2FudmFzIG1lbnUgc3RhdGUuLS0+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNpZGViYXItb2ZmLWNhbnZhcy10b2dnbGUtYnV0dG9uLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJzaWRlYmFyLW9mZi1jYW52YXMtdG9nZ2xlLWJ1dHRvblwiIChjbGljayk9XCJzaG93TW9iaWxlU2lkZWJhciA9ICFzaG93TW9iaWxlU2lkZWJhclwiPlxuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNyLW9ubHlcIj5DbG9zZSBzaWRlYmFyPC9zcGFuPlxuICAgICAgICAgICAgICA8IS0tIEhlcm9pY29uIG5hbWU6IG91dGxpbmUveCAtLT5cbiAgICAgICAgICAgICAgPHN2ZyBjbGFzcz1cImgtNiB3LTYgdGV4dC13aGl0ZVwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiBmaWxsPVwibm9uZVwiIHZpZXdCb3g9XCIwIDAgMjQgMjRcIiBzdHJva2Utd2lkdGg9XCIyXCIgc3Ryb2tlPVwiY3VycmVudENvbG9yXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgICAgICAgICAgPHBhdGggc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCIgZD1cIk02IDE4TDE4IDZNNiA2bDEyIDEyXCIgLz5cbiAgICAgICAgICAgICAgPC9zdmc+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICA8L2Rpdj5cbiAgXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNpZGViYXItb2ZmLWNhbnZhcy1hcHAtbG9nby1jb250YWluZXJcIj5cbiAgICAgICAgICAgIDxpbWcgY2xhc3M9XCJoLTggdy1hdXRvXCIgW3NyY109XCJjb25maWc/LmFwcExvZ29cIiBbYWx0XT1cImNvbmZpZz8uYXBwTG9nb0FsdFwiPlxuICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgPGxpYi1zaGVsbC1zaWRlYmFyPjwvbGliLXNoZWxsLXNpZGViYXI+XG4gICAgICAgICBcbiAgICAgICAgPC9kaXY+XG4gIFxuICAgICAgICA8ZGl2IGNsYXNzPVwic2lkZWJhci1kdW1teS1lbGVtZW50XCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgICAgPCEtLSBEdW1teSBlbGVtZW50IHRvIGZvcmNlIHNpZGViYXIgdG8gc2hyaW5rIHRvIGZpdCBjbG9zZSBpY29uIC0tPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICBcbiAgICA8IS0tIFN0YXRpYyBzaWRlYmFyIGZvciBkZXNrdG9wIC0tPlxuICAgIDxkaXYgY2xhc3M9XCJzaWRlYmFyLXN0YXRpYy1tZW51LW91dGVyLWNvbnRhaW5lclwiPlxuICAgIFxuICAgIDxkaXYgY2xhc3M9XCJzaWRlYmFyLXN0YXRpYy1tZW51LWNvbnRhaW5lclwiIFxuICAgICAgW2NsYXNzLnNpZGViYXItc3RhdGljLW1lbnUtY29udGFpbmVyLWFjdGl2ZV09XCJzaG93TW9iaWxlU2lkZWJhclwiIFxuICAgICAgW2NsYXNzLnNpZGViYXItc3RhdGljLW1lbnUtY29udGFpbmVyLW5vdC1hY3RpdmVdPVwiIXNob3dNb2JpbGVTaWRlYmFyXCI+XG4gICAgICA8IS0tIFNpZGViYXIgY29tcG9uZW50LCBzd2FwIHRoaXMgZWxlbWVudCB3aXRoIGFub3RoZXIgc2lkZWJhciBpZiB5b3UgbGlrZSAtLT5cbiAgICAgIDxkaXYgY2xhc3M9XCJzaWRlYmFyLXN0YXRpYy1tZW51LWNvbnRhaW5lci1pbm5lclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2lkZWJhci1zdGF0aWMtbWVudS1hcHAtbG9nby1jb250YWluZXJcIj5cbiAgICAgICAgICA8aW1nIGNsYXNzPVwiaC04IHctYXV0b1wiIFtzcmNdPVwiY29uZmlnPy5hcHBMb2dvXCIgW2FsdF09XCJjb25maWc/LmFwcExvZ29BbHRcIj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxsaWItc2hlbGwtc2lkZWJhcj48L2xpYi1zaGVsbC1zaWRlYmFyPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGNsYXNzPVwic2lkZWJhci1zdGF0aWMtbWVudS13cmFwcGVyXCIgW2NsYXNzLnNpZGViYXItc3RhdGljLW1lbnUtd3JhcHBlci1hY3RpdmVdPVwic2hvd01vYmlsZVNpZGViYXJcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzaWRlYmFyLXN0YXRpYy1tZW51LXRvZ2dsZS1idXR0b24tY29udGFpbmVyXCI+XG4gICAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwic2lkZWJhci1zdGF0aWMtbWVudS10b2dnbGUtYnV0dG9uXCIgKGNsaWNrKT1cInNob3dNb2JpbGVTaWRlYmFyID0gIXNob3dNb2JpbGVTaWRlYmFyXCI+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzci1vbmx5XCI+VG9nZ2xlIHNpZGViYXI8L3NwYW4+XG4gICAgICAgICAgPCEtLSBIZXJvaWNvbiBuYW1lOiBvdXRsaW5lL21lbnUtYWx0LTIgLS0+XG4gICAgICAgICAgPHN2ZyBjbGFzcz1cImgtNiB3LTZcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgZmlsbD1cIm5vbmVcIiB2aWV3Qm94PVwiMCAwIDI0IDI0XCIgc3Ryb2tlLXdpZHRoPVwiMlwiIHN0cm9rZT1cImN1cnJlbnRDb2xvclwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICAgICAgPHBhdGggc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCIgZD1cIk00IDZoMTZNNCAxMmgxNk00IDE4aDdcIiAvPlxuICAgICAgICAgIDwvc3ZnPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgXG4gICAgICAgIDwhLS0gc2lkZWJhci1zdGF0aWMtbWVudS1oZWFkZXItY29udGFpbmVyIC0tPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2lkZWJhci1zdGF0aWMtbWVudS1oZWFkZXItY29udGFpbmVyXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNpZGViYXItc3RhdGljLW1lbnUtaGVhZGVyLW5lYXItY29udGFpbmVyXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2lkZWJhci1zdGF0aWMtbWVudS1oZWFkZXItYXBwLWxvZ28tY29udGFpbmVyXCIgKm5nSWY9XCIhc2hvd01vYmlsZVNpZGViYXJcIj5cbiAgICAgICAgICAgICAgPGltZyBjbGFzcz1cImgtOCB3LWF1dG9cIiBbc3JjXT1cImNvbmZpZz8uYXBwTG9nb1wiIFthbHRdPVwiY29uZmlnPy5hcHBMb2dvQWx0XCI+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic2lkZWJhci1zdGF0aWMtbWVudS1oZWFkZXItZmFyLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgPGxpYi1zaGVsbC1zaWRlYmFyLWhlYWRlciBcbiAgICAgICAgICAgIFtzaG93LXVzZXJOYW1lXT1cImNvbmZpZz8uc2hvd1VzZXJOYW1lT25IZWFkZXJcIlxuICAgICAgICAgICAgW3Nob3ctYWxlcnRzXT1cImNvbmZpZz8uc2hvd0FsZXJ0c09uSGVhZGVyXCIgXG4gICAgICAgICAgICBbc2hvdy1sYW5nc109XCJjb25maWc/LnNob3dMYW5nc09uSGVhZGVyXCI+PC9saWItc2hlbGwtc2lkZWJhci1oZWFkZXI+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gIFxuICAgICAgPGRpdiBmbGV4LTE+XG4gICAgICAgIDxtYWluIGNsYXNzPVwic2hlbGwtY29udGVudC1jb250YWluZXItZmx1aWRcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzaGVsbC1jb250ZW50LWNvbnRhaW5lci1pbm5lclwiPlxuICAgICAgICAgICAgICA8IS0tIFlPVSBORUVEIFRPIEFERC9SRU1PVkUgVEhJUyBGUk9NIERPTSBERVBFTkRJTkcgT04gVEhFIFNFTEVDVEVEIExBWU9VVCBFU1BFQ0lBTExZIElOIFRIRSBDQVNFIE9GIExBWU9VVCBTV0lUQ0hJTkchISEgLS0+XG4gICAgICAgICAgICAgIDxyb3V0ZXItb3V0bGV0ICpuZ0lmPVwiKGNvbmZpZyAmJiBjb25maWcubGF5b3V0ID09PSAnU2lkZWJhcicpXCI+PC9yb3V0ZXItb3V0bGV0PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9tYWluPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PiJdfQ==

package/esm2020/lib/layouts/shell/shell-stacked-layout/shell-stacked-layout.component.mjs

@@ -0,0 +1,21 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/router";
+import * as i3 from "../../../directives/dynamic-component-host.directive";
+import * as i4 from "../shell-header/shell-header.component";
+import * as i5 from "../shell-footer/shell-footer.component";
+export class ShellStackedLayoutComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+ShellStackedLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ShellStackedLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ShellStackedLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: ShellStackedLayoutComponent, selector: "lib-shell-stacked-layout", inputs: { config: "config" }, ngImport: i0, template: "<div class=\"shell-header-container\" *ngIf=\"config?.showHeader\">\n    <div [class]=\"config?.fluid ? 'shell-header-container-inner-fluid' : 'shell-header-container-inner'\">\n        <ng-container *ngIf=\"config?.customHeaderComponent\">\n        <div appDynamicComponentHost =\"Header\"></div>\n        </ng-container>\n        <lib-shell-header *ngIf=\"!config?.customHeaderComponent\" [show-userName]=\"config?.showUserNameOnHeader\"\n        [show-alerts]=\"config?.showAlertsOnHeader\" [show-langs]=\"config?.showLangsOnHeader\">\n        </lib-shell-header>\n    </div>\n</div>\n\n<main [class]=\"config?.showHeader ? 'shell-content-container' : 'shell-content-container-no-header'\">\n    <div [class]=\"config?.fluid ? 'shell-content-container-inner-fluid' : 'shell-content-container-inner'\">\n        <router-outlet *ngIf=\"(!config || config.layout === 'Stacked' || !config.layout)\"></router-outlet>\n    </div>\n</main>\n\n<div class=\"shell-footer-container\" *ngIf=\"config?.showFooter\">\n    <div [class]=\"config?.fluid ? 'shell-footer-container-inner-fluid' : 'shell-footer-container-inner'\">\n        <ng-container *ngIf=\"config?.customFooterComponent\">\n        <div appDynamicComponentHost hostName=\"Footer\"></div>\n        </ng-container>\n        <lib-shell-footer *ngIf=\"!config?.customFooterComponent\"></lib-shell-footer>\n    </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i3.DynamicComponentHostDirective, selector: "[appDynamicComponentHost]", inputs: ["hostName"] }, { kind: "component", type: i4.ShellHeaderComponent, selector: "lib-shell-header", inputs: ["section-links", "profile-menu", "show-userName", "show-alerts", "show-langs", "border"] }, { kind: "component", type: i5.ShellFooterComponent, selector: "lib-shell-footer" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ShellStackedLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-shell-stacked-layout', template: "<div class=\"shell-header-container\" *ngIf=\"config?.showHeader\">\n    <div [class]=\"config?.fluid ? 'shell-header-container-inner-fluid' : 'shell-header-container-inner'\">\n        <ng-container *ngIf=\"config?.customHeaderComponent\">\n        <div appDynamicComponentHost =\"Header\"></div>\n        </ng-container>\n        <lib-shell-header *ngIf=\"!config?.customHeaderComponent\" [show-userName]=\"config?.showUserNameOnHeader\"\n        [show-alerts]=\"config?.showAlertsOnHeader\" [show-langs]=\"config?.showLangsOnHeader\">\n        </lib-shell-header>\n    </div>\n</div>\n\n<main [class]=\"config?.showHeader ? 'shell-content-container' : 'shell-content-container-no-header'\">\n    <div [class]=\"config?.fluid ? 'shell-content-container-inner-fluid' : 'shell-content-container-inner'\">\n        <router-outlet *ngIf=\"(!config || config.layout === 'Stacked' || !config.layout)\"></router-outlet>\n    </div>\n</main>\n\n<div class=\"shell-footer-container\" *ngIf=\"config?.showFooter\">\n    <div [class]=\"config?.fluid ? 'shell-footer-container-inner-fluid' : 'shell-footer-container-inner'\">\n        <ng-container *ngIf=\"config?.customFooterComponent\">\n        <div appDynamicComponentHost hostName=\"Footer\"></div>\n        </ng-container>\n        <lib-shell-footer *ngIf=\"!config?.customFooterComponent\"></lib-shell-footer>\n    </div>\n</div>" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { config: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hlbGwtc3RhY2tlZC1sYXlvdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctY29tcG9uZW50cy9zcmMvbGliL2xheW91dHMvc2hlbGwvc2hlbGwtc3RhY2tlZC1sYXlvdXQvc2hlbGwtc3RhY2tlZC1sYXlvdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctY29tcG9uZW50cy9zcmMvbGliL2xheW91dHMvc2hlbGwvc2hlbGwtc3RhY2tlZC1sYXlvdXQvc2hlbGwtc3RhY2tlZC1sYXlvdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFPekQsTUFBTSxPQUFPLDJCQUEyQjtJQUV0QyxnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQzs7d0hBTFUsMkJBQTJCOzRHQUEzQiwyQkFBMkIsOEZDUHhDLG0yQ0F3Qk07MkZEakJPLDJCQUEyQjtrQkFKdkMsU0FBUzsrQkFDRSwwQkFBMEI7MEVBSTNCLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSVNoZWxsQ29uZmlnIH0gZnJvbSAnLi4vLi4vLi4vdHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItc2hlbGwtc3RhY2tlZC1sYXlvdXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vc2hlbGwtc3RhY2tlZC1sYXlvdXQuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIFNoZWxsU3RhY2tlZExheW91dENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGNvbmZpZzogSVNoZWxsQ29uZmlnIHwgdW5kZWZpbmVkO1xuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJzaGVsbC1oZWFkZXItY29udGFpbmVyXCIgKm5nSWY9XCJjb25maWc/LnNob3dIZWFkZXJcIj5cbiAgICA8ZGl2IFtjbGFzc109XCJjb25maWc/LmZsdWlkID8gJ3NoZWxsLWhlYWRlci1jb250YWluZXItaW5uZXItZmx1aWQnIDogJ3NoZWxsLWhlYWRlci1jb250YWluZXItaW5uZXInXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJjb25maWc/LmN1c3RvbUhlYWRlckNvbXBvbmVudFwiPlxuICAgICAgICA8ZGl2IGFwcER5bmFtaWNDb21wb25lbnRIb3N0ID1cIkhlYWRlclwiPjwvZGl2PlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPGxpYi1zaGVsbC1oZWFkZXIgKm5nSWY9XCIhY29uZmlnPy5jdXN0b21IZWFkZXJDb21wb25lbnRcIiBbc2hvdy11c2VyTmFtZV09XCJjb25maWc/LnNob3dVc2VyTmFtZU9uSGVhZGVyXCJcbiAgICAgICAgW3Nob3ctYWxlcnRzXT1cImNvbmZpZz8uc2hvd0FsZXJ0c09uSGVhZGVyXCIgW3Nob3ctbGFuZ3NdPVwiY29uZmlnPy5zaG93TGFuZ3NPbkhlYWRlclwiPlxuICAgICAgICA8L2xpYi1zaGVsbC1oZWFkZXI+XG4gICAgPC9kaXY+XG48L2Rpdj5cblxuPG1haW4gW2NsYXNzXT1cImNvbmZpZz8uc2hvd0hlYWRlciA/ICdzaGVsbC1jb250ZW50LWNvbnRhaW5lcicgOiAnc2hlbGwtY29udGVudC1jb250YWluZXItbm8taGVhZGVyJ1wiPlxuICAgIDxkaXYgW2NsYXNzXT1cImNvbmZpZz8uZmx1aWQgPyAnc2hlbGwtY29udGVudC1jb250YWluZXItaW5uZXItZmx1aWQnIDogJ3NoZWxsLWNvbnRlbnQtY29udGFpbmVyLWlubmVyJ1wiPlxuICAgICAgICA8cm91dGVyLW91dGxldCAqbmdJZj1cIighY29uZmlnIHx8IGNvbmZpZy5sYXlvdXQgPT09ICdTdGFja2VkJyB8fCAhY29uZmlnLmxheW91dClcIj48L3JvdXRlci1vdXRsZXQ+XG4gICAgPC9kaXY+XG48L21haW4+XG5cbjxkaXYgY2xhc3M9XCJzaGVsbC1mb290ZXItY29udGFpbmVyXCIgKm5nSWY9XCJjb25maWc/LnNob3dGb290ZXJcIj5cbiAgICA8ZGl2IFtjbGFzc109XCJjb25maWc/LmZsdWlkID8gJ3NoZWxsLWZvb3Rlci1jb250YWluZXItaW5uZXItZmx1aWQnIDogJ3NoZWxsLWZvb3Rlci1jb250YWluZXItaW5uZXInXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJjb25maWc/LmN1c3RvbUZvb3RlckNvbXBvbmVudFwiPlxuICAgICAgICA8ZGl2IGFwcER5bmFtaWNDb21wb25lbnRIb3N0IGhvc3ROYW1lPVwiRm9vdGVyXCI+PC9kaXY+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8bGliLXNoZWxsLWZvb3RlciAqbmdJZj1cIiFjb25maWc/LmN1c3RvbUZvb3RlckNvbXBvbmVudFwiPjwvbGliLXNoZWxsLWZvb3Rlcj5cbiAgICA8L2Rpdj5cbjwvZGl2PiJdfQ==

package/esm2020/lib/layouts/views/form-layout/form-layout.component.mjs

@@ -0,0 +1,80 @@
+import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { fromEvent } from 'rxjs';
+import { map, filter, debounceTime, distinctUntilChanged } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@angular/common";
+import * as i3 from "../../../controls/side-pane/side-pane.component";
+export class FormLayoutComponent {
+    constructor(router$) {
+        this.router$ = router$;
+        this.title = null;
+        // tslint:disable-next-line:no-input-rename
+        this.searchPlaceholder = 'αναζήτηση';
+        this.actions = null;
+        // tslint:disable-next-line:no-input-rename
+        this.subTitle = null;
+        // tslint:disable-next-line:no-output-on-prefix
+        this.onAction = new EventEmitter();
+        // tslint:disable-next-line:no-output-on-prefix
+        this.onSearch = new EventEmitter();
+        this.onComplete = new EventEmitter();
+    }
+    ngOnInit() {
+        if (this.searchInput$?.nativeElement) {
+            fromEvent(this.searchInput$.nativeElement, 'keyup').pipe(map((event) => {
+                return event.target.value; // Get input value.
+            }), filter(inputValue => inputValue.length >= 3 || inputValue.length === 0), 
+            // If character length greater than minimumSearchCharacters setting.
+            debounceTime(1000), // Time in milliseconds between key events.
+            distinctUntilChanged() // If previous query is different from current.
+            ).subscribe();
+        }
+    }
+    onSidePaneDeactivated($event) {
+        this.onComplete.emit(true);
+    }
+    emitActionClick(action) {
+        this.onAction.emit(action);
+    }
+    searchActionClick(action, text) {
+        this.onSearch.emit(text);
+    }
+    searchActionType(text) {
+        this.onSearch.emit(this.searchInput$?.nativeElement.value);
+    }
+    routerLinkActionClick(action, relative = false) {
+        if (action.outlet) {
+            this.router$.navigate(['', { outlets: { formRightPane: action.link } }]);
+        }
+        else {
+            this.router$.navigate([action.link]);
+        }
+    }
+}
+FormLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: FormLayoutComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+FormLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: FormLayoutComponent, selector: "lib-form-layout", inputs: { title: "title", searchPlaceholder: ["search-placeholder", "searchPlaceholder"], actions: "actions", subTitle: ["sub-title", "subTitle"] }, outputs: { onAction: "onAction", onSearch: "onSearch", onComplete: "onComplete" }, viewQueries: [{ propertyName: "searchInput$", first: true, predicate: ["search"], descendants: true }], ngImport: i0, template: "<div class=\"form-layout-container\">\n  <div class=\"form-header\" *ngIf=\"title || subTitle || actions\">\n    <div class=\"form-header-inner\">\n      <h3 class=\"form-title\">\n        {{ title }}\n      </h3>\n      <p class=\"form-subtitle\">\n        {{ subTitle }}\n      </p>\n    </div>\n    <div class=\"form-header-actions\">\n      <ng-container *ngFor=\"let action of actions\" [ngSwitch]=\"action.type\">\n        <ng-container *ngSwitchCase=\"'search'\">\n          <label for=\"search\" class=\"sr-only\">Search</label>\n          <div class=\"search-container\">\n            <div class=\"pointer-events-none absolute inset-y-0 left-0 pl-3 flex items-center\">\n              <!--<svg class=\"h-5 w-5\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n                            <path fill-rule=\"evenodd\" d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\" clip-rule=\"evenodd\" />\n                          </svg>-->\n            </div>\n            <input id=\"search\"\n                   #search\n                   class=\"form-search-input\"\n                   [placeholder]=\"searchPlaceholder\"\n                   type=\"search\"\n                   name=\"search\"\n                   (input)=\"searchActionType(search.value)\">\n          </div>\n          <button type=\"button\"\n                  href=\"#\"\n                  class=\"btn-form-view-header-search\"\n                  [title]=\"action.tooltip\"\n                  (click)=\"searchActionClick(action, search.value)\">\n            <i [class]=\"action.icon\"></i>\n          </button>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'router-link'\">\n          <button type=\"button\"\n                  href=\"#\"\n                  class=\"ml-1 btn-form-view-header\"\n                  [title]=\"action.tooltip\"\n                  (click)=\"routerLinkActionClick(action)\">\n            <i [class]=\"action.icon\"></i>\n          </button>\n        </ng-container>\n        <ng-container *ngSwitchDefault>\n          <button type=\"button\"\n                  class=\"ml-1 btn-form-view-header\"\n                  [title]=\"action.tooltip\"\n                  (click)=\"emitActionClick(action)\">\n            <i [class]=\"action.icon\"></i>\n          </button>\n        </ng-container>\n      </ng-container>\n    </div>\n  </div>\n  <div class=\"form-content-container\">\n    <div [ngClass]=\"{'form-content-container-inner': actions}\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n  <lib-side-pane #formPane (onComplete)=\"onSidePaneDeactivated($event)\">\n    <router-outlet name=\"formRightPane\"\n                   (activate)=\"formPane.onSidePaneActivated($event)\"\n                   (deactivate)=\"formPane.onSidePaneDeactivated($event)\"></router-outlet>\n  </lib-side-pane>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i3.SidePaneComponent, selector: "lib-side-pane", inputs: ["visible"], outputs: ["onComplete"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: FormLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-form-layout', template: "<div class=\"form-layout-container\">\n  <div class=\"form-header\" *ngIf=\"title || subTitle || actions\">\n    <div class=\"form-header-inner\">\n      <h3 class=\"form-title\">\n        {{ title }}\n      </h3>\n      <p class=\"form-subtitle\">\n        {{ subTitle }}\n      </p>\n    </div>\n    <div class=\"form-header-actions\">\n      <ng-container *ngFor=\"let action of actions\" [ngSwitch]=\"action.type\">\n        <ng-container *ngSwitchCase=\"'search'\">\n          <label for=\"search\" class=\"sr-only\">Search</label>\n          <div class=\"search-container\">\n            <div class=\"pointer-events-none absolute inset-y-0 left-0 pl-3 flex items-center\">\n              <!--<svg class=\"h-5 w-5\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n                            <path fill-rule=\"evenodd\" d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\" clip-rule=\"evenodd\" />\n                          </svg>-->\n            </div>\n            <input id=\"search\"\n                   #search\n                   class=\"form-search-input\"\n                   [placeholder]=\"searchPlaceholder\"\n                   type=\"search\"\n                   name=\"search\"\n                   (input)=\"searchActionType(search.value)\">\n          </div>\n          <button type=\"button\"\n                  href=\"#\"\n                  class=\"btn-form-view-header-search\"\n                  [title]=\"action.tooltip\"\n                  (click)=\"searchActionClick(action, search.value)\">\n            <i [class]=\"action.icon\"></i>\n          </button>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'router-link'\">\n          <button type=\"button\"\n                  href=\"#\"\n                  class=\"ml-1 btn-form-view-header\"\n                  [title]=\"action.tooltip\"\n                  (click)=\"routerLinkActionClick(action)\">\n            <i [class]=\"action.icon\"></i>\n          </button>\n        </ng-container>\n        <ng-container *ngSwitchDefault>\n          <button type=\"button\"\n                  class=\"ml-1 btn-form-view-header\"\n                  [title]=\"action.tooltip\"\n                  (click)=\"emitActionClick(action)\">\n            <i [class]=\"action.icon\"></i>\n          </button>\n        </ng-container>\n      </ng-container>\n    </div>\n  </div>\n  <div class=\"form-content-container\">\n    <div [ngClass]=\"{'form-content-container-inner': actions}\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n  <lib-side-pane #formPane (onComplete)=\"onSidePaneDeactivated($event)\">\n    <router-outlet name=\"formRightPane\"\n                   (activate)=\"formPane.onSidePaneActivated($event)\"\n                   (deactivate)=\"formPane.onSidePaneDeactivated($event)\"></router-outlet>\n  </lib-side-pane>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { searchInput$: [{
+                type: ViewChild,
+                args: ['search']
+            }], title: [{
+                type: Input
+            }], searchPlaceholder: [{
+                type: Input,
+                args: ['search-placeholder']
+            }], actions: [{
+                type: Input
+            }], subTitle: [{
+                type: Input,
+                args: ['sub-title']
+            }], onAction: [{
+                type: Output
+            }], onSearch: [{
+                type: Output
+            }], onComplete: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1sYXlvdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctY29tcG9uZW50cy9zcmMvbGliL2xheW91dHMvdmlld3MvZm9ybS1sYXlvdXQvZm9ybS1sYXlvdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctY29tcG9uZW50cy9zcmMvbGliL2xheW91dHMvdmlld3MvZm9ybS1sYXlvdXQvZm9ybS1sYXlvdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFdEcsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNqQyxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7QUFPakYsTUFBTSxPQUFPLG1CQUFtQjtJQWU5QixZQUFvQixPQUFlO1FBQWYsWUFBTyxHQUFQLE9BQU8sQ0FBUTtRQVoxQixVQUFLLEdBQWtCLElBQUksQ0FBQztRQUNyQywyQ0FBMkM7UUFDZCxzQkFBaUIsR0FBa0IsV0FBVyxDQUFBO1FBQ2xFLFlBQU8sR0FBd0IsSUFBSSxDQUFDO1FBQzdDLDJDQUEyQztRQUN2QixhQUFRLEdBQWtCLElBQUksQ0FBQztRQUNuRCwrQ0FBK0M7UUFDckMsYUFBUSxHQUE2QixJQUFJLFlBQVksRUFBYyxDQUFDO1FBQzlFLCtDQUErQztRQUNyQyxhQUFRLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7UUFDNUQsZUFBVSxHQUEwQixJQUFJLFlBQVksRUFBVyxDQUFDO0lBRW5DLENBQUM7SUFFeEMsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRSxhQUFhLEVBQUM7WUFDbkMsU0FBUyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsYUFBYSxFQUFFLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FDdEQsR0FBRyxDQUFDLENBQUMsS0FBVSxFQUFFLEVBQUU7Z0JBQ2pCLE9BQU8sS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxtQkFBbUI7WUFDaEQsQ0FBQyxDQUFDLEVBQ0YsTUFBTSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsVUFBVSxDQUFDLE1BQU0sSUFBSSxDQUFDLElBQUksVUFBVSxDQUFDLE1BQU0sS0FBSyxDQUFDLENBQUM7WUFDdkUsb0VBQW9FO1lBQ3BFLFlBQVksQ0FBQyxJQUFJLENBQUMsRUFBRSwyQ0FBMkM7WUFDL0Qsb0JBQW9CLEVBQUUsQ0FBQywrQ0FBK0M7YUFDdkUsQ0FBQyxTQUFTLEVBQUUsQ0FBQztTQUNmO0lBQ0gsQ0FBQztJQUVNLHFCQUFxQixDQUFDLE1BQVc7UUFDdEMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDN0IsQ0FBQztJQUVNLGVBQWUsQ0FBQyxNQUFrQjtRQUN2QyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUM3QixDQUFDO0lBRUQsaUJBQWlCLENBQUMsTUFBa0IsRUFBRSxJQUFZO1FBQ2hELElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxJQUFZO1FBQzNCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzdELENBQUM7SUFFTSxxQkFBcUIsQ0FBQyxNQUE4QixFQUFFLFdBQW9CLEtBQUs7UUFDcEYsSUFBSSxNQUFNLENBQUMsTUFBTSxFQUFFO1lBQ2pCLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUUsT0FBTyxFQUFFLEVBQUUsYUFBYSxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQztTQUMxRTthQUFNO1lBQ0wsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztTQUN0QztJQUNILENBQUM7O2dIQXJEVSxtQkFBbUI7b0dBQW5CLG1CQUFtQix1WUNWaEMsNDRGQW1FQTsyRkR6RGEsbUJBQW1CO2tCQUovQixTQUFTOytCQUNFLGlCQUFpQjs2RkFLRSxZQUFZO3NCQUF4QyxTQUFTO3VCQUFDLFFBQVE7Z0JBQ1YsS0FBSztzQkFBYixLQUFLO2dCQUV1QixpQkFBaUI7c0JBQTdDLEtBQUs7dUJBQUMsb0JBQW9CO2dCQUNsQixPQUFPO3NCQUFmLEtBQUs7Z0JBRWMsUUFBUTtzQkFBM0IsS0FBSzt1QkFBQyxXQUFXO2dCQUVSLFFBQVE7c0JBQWpCLE1BQU07Z0JBRUcsUUFBUTtzQkFBakIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgZnJvbUV2ZW50IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBtYXAsIGZpbHRlciwgZGVib3VuY2VUaW1lLCBkaXN0aW5jdFVudGlsQ2hhbmdlZCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IFJvdXRlclZpZXdBY3Rpb24sIFZpZXdBY3Rpb24gfSBmcm9tICcuLi8uLi8uLi90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1mb3JtLWxheW91dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9mb3JtLWxheW91dC5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgRm9ybUxheW91dENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTpuby1pbnB1dC1yZW5hbWVcbiAgQFZpZXdDaGlsZCgnc2VhcmNoJykgcHJpdmF0ZSBzZWFyY2hJbnB1dCQ/OiBFbGVtZW50UmVmO1xuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nIHwgbnVsbCA9IG51bGw7XG4gIC8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTpuby1pbnB1dC1yZW5hbWVcbiAgQElucHV0KCdzZWFyY2gtcGxhY2Vob2xkZXInKSBzZWFyY2hQbGFjZWhvbGRlcjogc3RyaW5nIHwgbnVsbCA9ICfOsc69zrHOts6uz4TOt8+DzrcnXG4gIEBJbnB1dCgpIGFjdGlvbnM6IFZpZXdBY3Rpb25bXSB8IG51bGwgPSBudWxsO1xuICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6bm8taW5wdXQtcmVuYW1lXG4gIEBJbnB1dCgnc3ViLXRpdGxlJykgc3ViVGl0bGU6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6bm8tb3V0cHV0LW9uLXByZWZpeFxuICBAT3V0cHV0KCkgb25BY3Rpb246IEV2ZW50RW1pdHRlcjxWaWV3QWN0aW9uPiA9IG5ldyBFdmVudEVtaXR0ZXI8Vmlld0FjdGlvbj4oKTtcbiAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOm5vLW91dHB1dC1vbi1wcmVmaXhcbiAgQE91dHB1dCgpIG9uU2VhcmNoOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBAT3V0cHV0KCkgb25Db21wbGV0ZTogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcm91dGVyJDogUm91dGVyKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5zZWFyY2hJbnB1dCQ/Lm5hdGl2ZUVsZW1lbnQpe1xuICAgICAgZnJvbUV2ZW50KHRoaXMuc2VhcmNoSW5wdXQkLm5hdGl2ZUVsZW1lbnQsICdrZXl1cCcpLnBpcGUoXG4gICAgICAgIG1hcCgoZXZlbnQ6IGFueSkgPT4ge1xuICAgICAgICAgIHJldHVybiBldmVudC50YXJnZXQudmFsdWU7IC8vIEdldCBpbnB1dCB2YWx1ZS5cbiAgICAgICAgfSksXG4gICAgICAgIGZpbHRlcihpbnB1dFZhbHVlID0+IGlucHV0VmFsdWUubGVuZ3RoID49IDMgfHwgaW5wdXRWYWx1ZS5sZW5ndGggPT09IDApLFxuICAgICAgICAvLyBJZiBjaGFyYWN0ZXIgbGVuZ3RoIGdyZWF0ZXIgdGhhbiBtaW5pbXVtU2VhcmNoQ2hhcmFjdGVycyBzZXR0aW5nLlxuICAgICAgICBkZWJvdW5jZVRpbWUoMTAwMCksIC8vIFRpbWUgaW4gbWlsbGlzZWNvbmRzIGJldHdlZW4ga2V5IGV2ZW50cy5cbiAgICAgICAgZGlzdGluY3RVbnRpbENoYW5nZWQoKSAvLyBJZiBwcmV2aW91cyBxdWVyeSBpcyBkaWZmZXJlbnQgZnJvbSBjdXJyZW50LlxuICAgICAgKS5zdWJzY3JpYmUoKTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgb25TaWRlUGFuZURlYWN0aXZhdGVkKCRldmVudDogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vbkNvbXBsZXRlLmVtaXQodHJ1ZSk7XG4gIH1cblxuICBwdWJsaWMgZW1pdEFjdGlvbkNsaWNrKGFjdGlvbjogVmlld0FjdGlvbik6IHZvaWQge1xuICAgIHRoaXMub25BY3Rpb24uZW1pdChhY3Rpb24pO1xuICB9XG5cbiAgc2VhcmNoQWN0aW9uQ2xpY2soYWN0aW9uOiBWaWV3QWN0aW9uLCB0ZXh0OiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLm9uU2VhcmNoLmVtaXQodGV4dCk7XG4gIH1cblxuICBzZWFyY2hBY3Rpb25UeXBlKHRleHQ6IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMub25TZWFyY2guZW1pdCh0aGlzLnNlYXJjaElucHV0JD8ubmF0aXZlRWxlbWVudC52YWx1ZSk7XG4gIH1cblxuICBwdWJsaWMgcm91dGVyTGlua0FjdGlvbkNsaWNrKGFjdGlvbjogUm91dGVyVmlld0FjdGlvbiB8IGFueSwgcmVsYXRpdmU6IGJvb2xlYW4gPSBmYWxzZSk6IHZvaWQge1xuICAgIGlmIChhY3Rpb24ub3V0bGV0KSB7XG4gICAgICB0aGlzLnJvdXRlciQubmF2aWdhdGUoWycnLCB7IG91dGxldHM6IHsgZm9ybVJpZ2h0UGFuZTogYWN0aW9uLmxpbmsgfSB9XSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMucm91dGVyJC5uYXZpZ2F0ZShbYWN0aW9uLmxpbmtdKTtcbiAgICB9XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cImZvcm0tbGF5b3V0LWNvbnRhaW5lclwiPlxuICA8ZGl2IGNsYXNzPVwiZm9ybS1oZWFkZXJcIiAqbmdJZj1cInRpdGxlIHx8IHN1YlRpdGxlIHx8IGFjdGlvbnNcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZm9ybS1oZWFkZXItaW5uZXJcIj5cbiAgICAgIDxoMyBjbGFzcz1cImZvcm0tdGl0bGVcIj5cbiAgICAgICAge3sgdGl0bGUgfX1cbiAgICAgIDwvaDM+XG4gICAgICA8cCBjbGFzcz1cImZvcm0tc3VidGl0bGVcIj5cbiAgICAgICAge3sgc3ViVGl0bGUgfX1cbiAgICAgIDwvcD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZm9ybS1oZWFkZXItYWN0aW9uc1wiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgYWN0aW9uIG9mIGFjdGlvbnNcIiBbbmdTd2l0Y2hdPVwiYWN0aW9uLnR5cGVcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ3NlYXJjaCdcIj5cbiAgICAgICAgICA8bGFiZWwgZm9yPVwic2VhcmNoXCIgY2xhc3M9XCJzci1vbmx5XCI+U2VhcmNoPC9sYWJlbD5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic2VhcmNoLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInBvaW50ZXItZXZlbnRzLW5vbmUgYWJzb2x1dGUgaW5zZXQteS0wIGxlZnQtMCBwbC0zIGZsZXggaXRlbXMtY2VudGVyXCI+XG4gICAgICAgICAgICAgIDwhLS08c3ZnIGNsYXNzPVwiaC01IHctNVwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB2aWV3Qm94PVwiMCAwIDIwIDIwXCIgZmlsbD1cImN1cnJlbnRDb2xvclwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGZpbGwtcnVsZT1cImV2ZW5vZGRcIiBkPVwiTTggNGE0IDQgMCAxMDAgOCA0IDQgMCAwMDAtOHpNMiA4YTYgNiAwIDExMTAuODkgMy40NzZsNC44MTcgNC44MTdhMSAxIDAgMDEtMS40MTQgMS40MTRsLTQuODE2LTQuODE2QTYgNiAwIDAxMiA4elwiIGNsaXAtcnVsZT1cImV2ZW5vZGRcIiAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICA8L3N2Zz4tLT5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGlucHV0IGlkPVwic2VhcmNoXCJcbiAgICAgICAgICAgICAgICAgICAjc2VhcmNoXG4gICAgICAgICAgICAgICAgICAgY2xhc3M9XCJmb3JtLXNlYXJjaC1pbnB1dFwiXG4gICAgICAgICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cInNlYXJjaFBsYWNlaG9sZGVyXCJcbiAgICAgICAgICAgICAgICAgICB0eXBlPVwic2VhcmNoXCJcbiAgICAgICAgICAgICAgICAgICBuYW1lPVwic2VhcmNoXCJcbiAgICAgICAgICAgICAgICAgICAoaW5wdXQpPVwic2VhcmNoQWN0aW9uVHlwZShzZWFyY2gudmFsdWUpXCI+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICAgIGhyZWY9XCIjXCJcbiAgICAgICAgICAgICAgICAgIGNsYXNzPVwiYnRuLWZvcm0tdmlldy1oZWFkZXItc2VhcmNoXCJcbiAgICAgICAgICAgICAgICAgIFt0aXRsZV09XCJhY3Rpb24udG9vbHRpcFwiXG4gICAgICAgICAgICAgICAgICAoY2xpY2spPVwic2VhcmNoQWN0aW9uQ2xpY2soYWN0aW9uLCBzZWFyY2gudmFsdWUpXCI+XG4gICAgICAgICAgICA8aSBbY2xhc3NdPVwiYWN0aW9uLmljb25cIj48L2k+XG4gICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCIncm91dGVyLWxpbmsnXCI+XG4gICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICAgIGhyZWY9XCIjXCJcbiAgICAgICAgICAgICAgICAgIGNsYXNzPVwibWwtMSBidG4tZm9ybS12aWV3LWhlYWRlclwiXG4gICAgICAgICAgICAgICAgICBbdGl0bGVdPVwiYWN0aW9uLnRvb2x0aXBcIlxuICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInJvdXRlckxpbmtBY3Rpb25DbGljayhhY3Rpb24pXCI+XG4gICAgICAgICAgICA8aSBbY2xhc3NdPVwiYWN0aW9uLmljb25cIj48L2k+XG4gICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaERlZmF1bHQ+XG4gICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICAgIGNsYXNzPVwibWwtMSBidG4tZm9ybS12aWV3LWhlYWRlclwiXG4gICAgICAgICAgICAgICAgICBbdGl0bGVdPVwiYWN0aW9uLnRvb2x0aXBcIlxuICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cImVtaXRBY3Rpb25DbGljayhhY3Rpb24pXCI+XG4gICAgICAgICAgICA8aSBbY2xhc3NdPVwiYWN0aW9uLmljb25cIj48L2k+XG4gICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiZm9ybS1jb250ZW50LWNvbnRhaW5lclwiPlxuICAgIDxkaXYgW25nQ2xhc3NdPVwieydmb3JtLWNvbnRlbnQtY29udGFpbmVyLWlubmVyJzogYWN0aW9uc31cIj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxsaWItc2lkZS1wYW5lICNmb3JtUGFuZSAob25Db21wbGV0ZSk9XCJvblNpZGVQYW5lRGVhY3RpdmF0ZWQoJGV2ZW50KVwiPlxuICAgIDxyb3V0ZXItb3V0bGV0IG5hbWU9XCJmb3JtUmlnaHRQYW5lXCJcbiAgICAgICAgICAgICAgICAgICAoYWN0aXZhdGUpPVwiZm9ybVBhbmUub25TaWRlUGFuZUFjdGl2YXRlZCgkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAgICAoZGVhY3RpdmF0ZSk9XCJmb3JtUGFuZS5vblNpZGVQYW5lRGVhY3RpdmF0ZWQoJGV2ZW50KVwiPjwvcm91dGVyLW91dGxldD5cbiAgPC9saWItc2lkZS1wYW5lPlxuPC9kaXY+XG4iXX0=

package/esm2020/lib/layouts/views/model-view-layout/model-view-layout.component.mjs

@@ -0,0 +1,49 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/router";
+import * as i3 from "../view-layout/view-layout.component";
+export class ModelViewLayoutComponent {
+    constructor(location) {
+        this.location = location;
+        this.showRightPaneSM = false;
+        this.title = 'no title';
+        // tslint:disable-next-line:no-input-rename
+        this.primary = null;
+        // tslint:disable-next-line:no-input-rename
+        this.secondary = null;
+        // tslint:disable-next-line:no-input-rename
+        this.metaItems = [
+        // { key: 'test', icon: Icons.Badges, text: 'βρέθηκαν 200 αποτελέσματα' }
+        ];
+    }
+    ngOnInit() {
+    }
+    onSidePaneActivated($event) {
+        this.showRightPaneSM = true;
+    }
+    onSidePaneDeactivated($event) {
+        this.showRightPaneSM = false;
+    }
+    closeSidePane() {
+        this.location.back();
+    }
+}
+ModelViewLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ModelViewLayoutComponent, deps: [{ token: i1.Location }], target: i0.ɵɵFactoryTarget.Component });
+ModelViewLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: ModelViewLayoutComponent, selector: "lib-model-view-layout", inputs: { title: "title", primary: ["primary-links", "primary"], secondary: ["secondary-links", "secondary"], metaItems: ["meta-items", "metaItems"] }, ngImport: i0, template: "<lib-view-layout [title]=\"title\" [meta-items]=\"metaItems\">\n  <main class=\"model-view-container\">\n    <div class=\"model-view-container-inner\">\n      <aside class=\"model-view-aside\">\n        <section aria-labelledby=\"menu\" class=\"details-view-aside-header-section\">\n          <div class=\"model-view-aside-header-container\">\n            <div class=\"model-view-aside-header-container-inner\">\n              <ng-content></ng-content>\n            </div>\n            <!-- menu items -->\n            <div class=\"model-view-menu-container\">\n              <nav class=\"model-view-menu-nav\">\n                <div class=\"model-view-menu-item\">\n                  <ng-container *ngFor=\"let section of primary\">\n                    <a href=\"#\"\n                       [routerLinkActive]=\"['view-nav-link-active']\"\n                       [routerLink]=\"section.link\"\n                       class=\"view-nav-link\">\n                      {{section.text}}\n                    </a>\n                  </ng-container>\n                </div>\n                <div class=\"model-view-menu-item-far\">\n                  <ng-container *ngFor=\"let section of secondary\">\n                    <a href=\"#\"\n                       [routerLinkActive]=\"['view-nav-link-active']\"\n                       [routerLinkActiveOptions]=\"{ exact: true }\"\n                       [routerLink]=\"section.link\"\n                       class=\"view-nav-link\">\n                      {{section.text}}\n                    </a>\n                  </ng-container>\n                </div>\n              </nav>\n            </div>\n          </div>\n        </section>\n      </aside>\n      <div class=\"model-view-details-container\">\n        <router-outlet></router-outlet>\n      </div>\n    </div>\n  </main>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i3.ViewLayoutComponent, selector: "lib-view-layout", inputs: ["show-header", "fluid", "title", "icon", "actions", "busy", "search-placeholder", "view", "meta-items"], outputs: ["onAction", "onSearch"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ModelViewLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-model-view-layout', template: "<lib-view-layout [title]=\"title\" [meta-items]=\"metaItems\">\n  <main class=\"model-view-container\">\n    <div class=\"model-view-container-inner\">\n      <aside class=\"model-view-aside\">\n        <section aria-labelledby=\"menu\" class=\"details-view-aside-header-section\">\n          <div class=\"model-view-aside-header-container\">\n            <div class=\"model-view-aside-header-container-inner\">\n              <ng-content></ng-content>\n            </div>\n            <!-- menu items -->\n            <div class=\"model-view-menu-container\">\n              <nav class=\"model-view-menu-nav\">\n                <div class=\"model-view-menu-item\">\n                  <ng-container *ngFor=\"let section of primary\">\n                    <a href=\"#\"\n                       [routerLinkActive]=\"['view-nav-link-active']\"\n                       [routerLink]=\"section.link\"\n                       class=\"view-nav-link\">\n                      {{section.text}}\n                    </a>\n                  </ng-container>\n                </div>\n                <div class=\"model-view-menu-item-far\">\n                  <ng-container *ngFor=\"let section of secondary\">\n                    <a href=\"#\"\n                       [routerLinkActive]=\"['view-nav-link-active']\"\n                       [routerLinkActiveOptions]=\"{ exact: true }\"\n                       [routerLink]=\"section.link\"\n                       class=\"view-nav-link\">\n                      {{section.text}}\n                    </a>\n                  </ng-container>\n                </div>\n              </nav>\n            </div>\n          </div>\n        </section>\n      </aside>\n      <div class=\"model-view-details-container\">\n        <router-outlet></router-outlet>\n      </div>\n    </div>\n  </main>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Location }]; }, propDecorators: { title: [{
+                type: Input
+            }], primary: [{
+                type: Input,
+                args: ['primary-links']
+            }], secondary: [{
+                type: Input,
+                args: ['secondary-links']
+            }], metaItems: [{
+                type: Input,
+                args: ['meta-items']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kZWwtdmlldy1sYXlvdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctY29tcG9uZW50cy9zcmMvbGliL2xheW91dHMvdmlld3MvbW9kZWwtdmlldy1sYXlvdXQvbW9kZWwtdmlldy1sYXlvdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctY29tcG9uZW50cy9zcmMvbGliL2xheW91dHMvdmlld3MvbW9kZWwtdmlldy1sYXlvdXQvbW9kZWwtdmlldy1sYXlvdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBU3pELE1BQU0sT0FBTyx3QkFBd0I7SUFXbkMsWUFBcUIsUUFBa0I7UUFBbEIsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQVZoQyxvQkFBZSxHQUFHLEtBQUssQ0FBQztRQUN0QixVQUFLLEdBQUcsVUFBVSxDQUFDO1FBQzVCLDJDQUEyQztRQUNuQixZQUFPLEdBQTRDLElBQUksQ0FBQztRQUNoRiwyQ0FBMkM7UUFDakIsY0FBUyxHQUE0QyxJQUFJLENBQUM7UUFDcEYsMkNBQTJDO1FBQ3RCLGNBQVMsR0FBNEI7UUFDeEQseUVBQXlFO1NBQzFFLENBQUM7SUFDeUMsQ0FBQztJQUU1QyxRQUFRO0lBQ1IsQ0FBQztJQUVNLG1CQUFtQixDQUFDLE1BQVc7UUFDcEMsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUM7SUFDOUIsQ0FBQztJQUVNLHFCQUFxQixDQUFDLE1BQVc7UUFDdEMsSUFBSSxDQUFDLGVBQWUsR0FBRyxLQUFLLENBQUM7SUFDL0IsQ0FBQztJQUVNLGFBQWE7UUFDbEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDOztxSEExQlUsd0JBQXdCO3lHQUF4Qix3QkFBd0IscU5DVHJDLHV5REEyQ0E7MkZEbENhLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFFRSx1QkFBdUI7K0ZBS3hCLEtBQUs7c0JBQWIsS0FBSztnQkFFa0IsT0FBTztzQkFBOUIsS0FBSzt1QkFBQyxlQUFlO2dCQUVJLFNBQVM7c0JBQWxDLEtBQUs7dUJBQUMsaUJBQWlCO2dCQUVILFNBQVM7c0JBQTdCLEtBQUs7dUJBQUMsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTG9jYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgSGVhZGVyTWV0YUl0ZW0gfSBmcm9tICcuLi8uLi8uLi90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6Y29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnbGliLW1vZGVsLXZpZXctbGF5b3V0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL21vZGVsLXZpZXctbGF5b3V0LmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBNb2RlbFZpZXdMYXlvdXRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBwdWJsaWMgc2hvd1JpZ2h0UGFuZVNNID0gZmFsc2U7XG4gIEBJbnB1dCgpIHRpdGxlID0gJ25vIHRpdGxlJztcbiAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOm5vLWlucHV0LXJlbmFtZVxuICBASW5wdXQoJ3ByaW1hcnktbGlua3MnKSBwcmltYXJ5OiB7IHRleHQ6IHN0cmluZywgbGluazogc3RyaW5nIH1bXSB8IG51bGwgPSBudWxsO1xuICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6bm8taW5wdXQtcmVuYW1lXG4gIEBJbnB1dCgnc2Vjb25kYXJ5LWxpbmtzJykgc2Vjb25kYXJ5OiB7IHRleHQ6IHN0cmluZywgbGluazogc3RyaW5nIH1bXSB8IG51bGwgPSBudWxsO1xuICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6bm8taW5wdXQtcmVuYW1lXG4gIEBJbnB1dCgnbWV0YS1pdGVtcycpIG1ldGFJdGVtczogSGVhZGVyTWV0YUl0ZW1bXSB8IG51bGwgPSBbXG4gICAgLy8geyBrZXk6ICd0ZXN0JywgaWNvbjogSWNvbnMuQmFkZ2VzLCB0ZXh0OiAnzrLPgc6tzrjOt866zrHOvSAyMDAgzrHPgM6/z4TOtc67zq3Pg868zrHPhM6xJyB9XG4gIF07XG4gIGNvbnN0cnVjdG9yKCBwcml2YXRlIGxvY2F0aW9uOiBMb2NhdGlvbikgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxuICBwdWJsaWMgb25TaWRlUGFuZUFjdGl2YXRlZCgkZXZlbnQ6IGFueSk6IHZvaWQgIHtcbiAgICB0aGlzLnNob3dSaWdodFBhbmVTTSA9IHRydWU7XG4gIH1cblxuICBwdWJsaWMgb25TaWRlUGFuZURlYWN0aXZhdGVkKCRldmVudDogYW55KTogdm9pZCAge1xuICAgIHRoaXMuc2hvd1JpZ2h0UGFuZVNNID0gZmFsc2U7XG4gIH1cblxuICBwdWJsaWMgY2xvc2VTaWRlUGFuZSgpOiB2b2lkIHtcbiAgICB0aGlzLmxvY2F0aW9uLmJhY2soKTtcbiAgfVxufVxuIiwiPGxpYi12aWV3LWxheW91dCBbdGl0bGVdPVwidGl0bGVcIiBbbWV0YS1pdGVtc109XCJtZXRhSXRlbXNcIj5cbiAgPG1haW4gY2xhc3M9XCJtb2RlbC12aWV3LWNvbnRhaW5lclwiPlxuICAgIDxkaXYgY2xhc3M9XCJtb2RlbC12aWV3LWNvbnRhaW5lci1pbm5lclwiPlxuICAgICAgPGFzaWRlIGNsYXNzPVwibW9kZWwtdmlldy1hc2lkZVwiPlxuICAgICAgICA8c2VjdGlvbiBhcmlhLWxhYmVsbGVkYnk9XCJtZW51XCIgY2xhc3M9XCJkZXRhaWxzLXZpZXctYXNpZGUtaGVhZGVyLXNlY3Rpb25cIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwibW9kZWwtdmlldy1hc2lkZS1oZWFkZXItY29udGFpbmVyXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibW9kZWwtdmlldy1hc2lkZS1oZWFkZXItY29udGFpbmVyLWlubmVyXCI+XG4gICAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPCEtLSBtZW51IGl0ZW1zIC0tPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1vZGVsLXZpZXctbWVudS1jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgPG5hdiBjbGFzcz1cIm1vZGVsLXZpZXctbWVudS1uYXZcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibW9kZWwtdmlldy1tZW51LWl0ZW1cIj5cbiAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IHNlY3Rpb24gb2YgcHJpbWFyeVwiPlxuICAgICAgICAgICAgICAgICAgICA8YSBocmVmPVwiI1wiXG4gICAgICAgICAgICAgICAgICAgICAgIFtyb3V0ZXJMaW5rQWN0aXZlXT1cIlsndmlldy1uYXYtbGluay1hY3RpdmUnXVwiXG4gICAgICAgICAgICAgICAgICAgICAgIFtyb3V0ZXJMaW5rXT1cInNlY3Rpb24ubGlua1wiXG4gICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwidmlldy1uYXYtbGlua1wiPlxuICAgICAgICAgICAgICAgICAgICAgIHt7c2VjdGlvbi50ZXh0fX1cbiAgICAgICAgICAgICAgICAgICAgPC9hPlxuICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1vZGVsLXZpZXctbWVudS1pdGVtLWZhclwiPlxuICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgc2VjdGlvbiBvZiBzZWNvbmRhcnlcIj5cbiAgICAgICAgICAgICAgICAgICAgPGEgaHJlZj1cIiNcIlxuICAgICAgICAgICAgICAgICAgICAgICBbcm91dGVyTGlua0FjdGl2ZV09XCJbJ3ZpZXctbmF2LWxpbmstYWN0aXZlJ11cIlxuICAgICAgICAgICAgICAgICAgICAgICBbcm91dGVyTGlua0FjdGl2ZU9wdGlvbnNdPVwieyBleGFjdDogdHJ1ZSB9XCJcbiAgICAgICAgICAgICAgICAgICAgICAgW3JvdXRlckxpbmtdPVwic2VjdGlvbi5saW5rXCJcbiAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJ2aWV3LW5hdi1saW5rXCI+XG4gICAgICAgICAgICAgICAgICAgICAge3tzZWN0aW9uLnRleHR9fVxuICAgICAgICAgICAgICAgICAgICA8L2E+XG4gICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPC9uYXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9zZWN0aW9uPlxuICAgICAgPC9hc2lkZT5cbiAgICAgIDxkaXYgY2xhc3M9XCJtb2RlbC12aWV3LWRldGFpbHMtY29udGFpbmVyXCI+XG4gICAgICAgIDxyb3V0ZXItb3V0bGV0Pjwvcm91dGVyLW91dGxldD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L21haW4+XG4iXX0=

package/esm2020/lib/layouts/views/side-view-layout/side-view-layout.component.mjs

@@ -0,0 +1,98 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/router";
+export class SideViewLayoutComponent {
+    constructor(location, router) {
+        this.location = location;
+        this.router = router;
+        this.title = 'Πληροφορίες';
+        this.showActions = true;
+        this.disabled = false;
+        // tslint:disable-next-line:no-input-rename
+        this.okLabel = 'Αποθήκευση';
+        // tslint:disable-next-line:no-input-rename
+        this.okShow = true;
+        // tslint:disable-next-line:no-input-rename
+        this.closeOnOk = true;
+        // tslint:disable-next-line:no-input-rename
+        this.cancelLabel = 'Ακύρωση';
+        // tslint:disable-next-line:no-input-rename
+        this.cancelShow = true;
+        // tslint:disable-next-line:no-input-rename
+        this.forceLocationBack = false;
+        // @Output() close = new EventEmitter<any>();
+        this.cancel = new EventEmitter();
+        this.ok = new EventEmitter();
+    }
+    ngOnInit() {
+    }
+    closeSidePane() {
+        if (this.returnPath) {
+            this.router.navigateByUrl('/', { skipLocationChange: true }).then(() => this.router.navigateByUrl(this.returnPath || '/'));
+        }
+        else {
+            if ((this.router.url.split('/(')[0] !== this.router.url) && !this.forceLocationBack) {
+                this.router.navigateByUrl(this.router.url.split('/(')[0]);
+            }
+            else if ((this.router.url.split('(')[0] !== this.router.url) && !this.forceLocationBack) {
+                this.router.navigateByUrl(this.router.url.split('(')[0]);
+            }
+            else {
+                this.location.back();
+            }
+        }
+    }
+    emitClose() {
+        this.cancel.emit(false);
+        this.closeSidePane();
+    }
+    emitCancel() {
+        this.cancel.emit(false);
+        this.closeSidePane();
+    }
+    emitOK() {
+        this.ok.emit(true);
+        if (this.closeOnOk) {
+            this.closeSidePane();
+        }
+    }
+}
+SideViewLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: SideViewLayoutComponent, deps: [{ token: i1.Location }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
+SideViewLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: SideViewLayoutComponent, selector: "lib-side-view-layout", inputs: { title: "title", showActions: "showActions", disabled: "disabled", returnPath: ["return-path", "returnPath"], okLabel: ["ok-label", "okLabel"], okShow: ["ok-show", "okShow"], closeOnOk: ["ok-close-dialog", "closeOnOk"], cancelLabel: ["cancel-label", "cancelLabel"], cancelShow: ["cancel-show", "cancelShow"], forceLocationBack: ["force-location-back", "forceLocationBack"] }, outputs: { cancel: "cancel", ok: "ok" }, ngImport: i0, template: "<div class=\"side-view-layout-size-box\">\n  <div class=\"side-view-layout-container\">\n    <div class=\"side-view-layout-container-inner\">\n      <div class=\"side-view-layout-header-margins\">\n        <div class=\"side-view-layout-header-container\">\n          <h2 class=\"side-view-layout-header-title\" id=\"slide-over-title\">\n            {{title}}\n          </h2>\n          <div class=\"side-view-layout-close-button-container\">\n            <button (click)=\"emitClose()\" class=\"side-view-layout-close-button\">\n              <span class=\"sr-only\">Close panel</span>\n              <!-- Heroicon name: outline/x -->\n              <svg class=\"side-view-layout-close-button-icon\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" />\n              </svg>\n            </button>\n          </div>\n        </div>\n      </div>\n      <div class=\"side-view-layout-content-container\">\n        <!-- Replace with your content -->\n        <ng-content></ng-content>\n        <!-- /End replace -->\n      </div>\n    </div>\n    <div *ngIf=\"showActions\" class=\"side-view-layout-actions-container\">\n      <button *ngIf=\"cancelShow\" (click)=\"emitCancel()\" type=\"button\" class=\"side-view-layout-action-button-cancel\">\n        {{cancelLabel}}\n      </button>\n      <button *ngIf=\"okShow\" (click)=\"emitOK()\" class=\"side-view-layout-action-button-submit\" [disabled]=\"disabled\">\n        {{okLabel}}\n      </button>\n    </div>\n  </div>\n</div>\n\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: SideViewLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-side-view-layout', template: "<div class=\"side-view-layout-size-box\">\n  <div class=\"side-view-layout-container\">\n    <div class=\"side-view-layout-container-inner\">\n      <div class=\"side-view-layout-header-margins\">\n        <div class=\"side-view-layout-header-container\">\n          <h2 class=\"side-view-layout-header-title\" id=\"slide-over-title\">\n            {{title}}\n          </h2>\n          <div class=\"side-view-layout-close-button-container\">\n            <button (click)=\"emitClose()\" class=\"side-view-layout-close-button\">\n              <span class=\"sr-only\">Close panel</span>\n              <!-- Heroicon name: outline/x -->\n              <svg class=\"side-view-layout-close-button-icon\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" />\n              </svg>\n            </button>\n          </div>\n        </div>\n      </div>\n      <div class=\"side-view-layout-content-container\">\n        <!-- Replace with your content -->\n        <ng-content></ng-content>\n        <!-- /End replace -->\n      </div>\n    </div>\n    <div *ngIf=\"showActions\" class=\"side-view-layout-actions-container\">\n      <button *ngIf=\"cancelShow\" (click)=\"emitCancel()\" type=\"button\" class=\"side-view-layout-action-button-cancel\">\n        {{cancelLabel}}\n      </button>\n      <button *ngIf=\"okShow\" (click)=\"emitOK()\" class=\"side-view-layout-action-button-submit\" [disabled]=\"disabled\">\n        {{okLabel}}\n      </button>\n    </div>\n  </div>\n</div>\n\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Location }, { type: i2.Router }]; }, propDecorators: { title: [{
+                type: Input
+            }], showActions: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], returnPath: [{
+                type: Input,
+                args: ['return-path']
+            }], okLabel: [{
+                type: Input,
+                args: ['ok-label']
+            }], okShow: [{
+                type: Input,
+                args: ['ok-show']
+            }], closeOnOk: [{
+                type: Input,
+                args: ['ok-close-dialog']
+            }], cancelLabel: [{
+                type: Input,
+                args: ['cancel-label']
+            }], cancelShow: [{
+                type: Input,
+                args: ['cancel-show']
+            }], forceLocationBack: [{
+                type: Input,
+                args: ['force-location-back']
+            }], cancel: [{
+                type: Output
+            }], ok: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS12aWV3LWxheW91dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1jb21wb25lbnRzL3NyYy9saWIvbGF5b3V0cy92aWV3cy9zaWRlLXZpZXctbGF5b3V0L3NpZGUtdmlldy1sYXlvdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctY29tcG9uZW50cy9zcmMvbGliL2xheW91dHMvdmlld3Mvc2lkZS12aWV3LWxheW91dC9zaWRlLXZpZXctbGF5b3V0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPL0UsTUFBTSxPQUFPLHVCQUF1QjtJQXNCbEMsWUFBb0IsUUFBa0IsRUFBVSxNQUFjO1FBQTFDLGFBQVEsR0FBUixRQUFRLENBQVU7UUFBVSxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBckJyRCxVQUFLLEdBQWtCLGFBQWEsQ0FBQztRQUNyQyxnQkFBVyxHQUFHLElBQUksQ0FBQztRQUNuQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRzFCLDJDQUEyQztRQUN4QixZQUFPLEdBQUcsWUFBWSxDQUFDO1FBQzFDLDJDQUEyQztRQUN6QixXQUFNLEdBQUcsSUFBSSxDQUFDO1FBQ2hDLDJDQUEyQztRQUNqQixjQUFTLEdBQUcsSUFBSSxDQUFDO1FBQzNDLDJDQUEyQztRQUNwQixnQkFBVyxHQUFHLFNBQVMsQ0FBQztRQUMvQywyQ0FBMkM7UUFDckIsZUFBVSxHQUFHLElBQUksQ0FBQztRQUN4QywyQ0FBMkM7UUFDYixzQkFBaUIsR0FBRyxLQUFLLENBQUM7UUFDeEQsNkNBQTZDO1FBQ25DLFdBQU0sR0FBMEIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNuRCxPQUFFLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUM7SUFFUyxDQUFDO0lBRW5FLFFBQVE7SUFDUixDQUFDO0lBRU0sYUFBYTtRQUNsQixJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDbkIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsR0FBRyxFQUFFLEVBQUUsa0JBQWtCLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLFVBQVUsSUFBSSxHQUFHLENBQUMsQ0FBQyxDQUFDO1NBQzVIO2FBQU07WUFDTCxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsaUJBQWlCLEVBQUU7Z0JBQ25GLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQzNEO2lCQUFNLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsRUFBRTtnQkFDekYsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDMUQ7aUJBQU07Z0JBQ0wsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQzthQUN0QjtTQUNGO0lBQ0gsQ0FBQztJQUVNLFNBQVM7UUFDZCxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN4QixJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVNLFVBQVU7UUFDZixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN4QixJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVNLE1BQU07UUFDWCxJQUFJLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNuQixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDbEIsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1NBQ3RCO0lBQ0gsQ0FBQzs7b0hBeERVLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLHNlQ1JwQywyb0RBb0NBOzJGRDVCYSx1QkFBdUI7a0JBSm5DLFNBQVM7K0JBQ0Usc0JBQXNCO29IQUl2QixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVnQixVQUFVO3NCQUEvQixLQUFLO3VCQUFDLGFBQWE7Z0JBRUQsT0FBTztzQkFBekIsS0FBSzt1QkFBQyxVQUFVO2dCQUVDLE1BQU07c0JBQXZCLEtBQUs7dUJBQUMsU0FBUztnQkFFVSxTQUFTO3NCQUFsQyxLQUFLO3VCQUFDLGlCQUFpQjtnQkFFRCxXQUFXO3NCQUFqQyxLQUFLO3VCQUFDLGNBQWM7Z0JBRUMsVUFBVTtzQkFBL0IsS0FBSzt1QkFBQyxhQUFhO2dCQUVVLGlCQUFpQjtzQkFBOUMsS0FBSzt1QkFBQyxxQkFBcUI7Z0JBRWxCLE1BQU07c0JBQWYsTUFBTTtnQkFDRyxFQUFFO3NCQUFYLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTG9jYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItc2lkZS12aWV3LWxheW91dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zaWRlLXZpZXctbGF5b3V0LmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBTaWRlVmlld0xheW91dENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmcgfCBudWxsID0gJ86gzrvOt8+Bzr/Phs6/z4HOr861z4InO1xuICBASW5wdXQoKSBzaG93QWN0aW9ucyA9IHRydWU7XG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gIC8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTpuby1pbnB1dC1yZW5hbWVcbiAgQElucHV0KCdyZXR1cm4tcGF0aCcpIHJldHVyblBhdGg6IHN0cmluZyB8IHVuZGVmaW5lZDtcbiAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOm5vLWlucHV0LXJlbmFtZVxuICBASW5wdXQoJ29rLWxhYmVsJykgb2tMYWJlbCA9ICfOkc+Azr/OuM6uzrrOtc+Fz4POtyc7XG4gIC8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTpuby1pbnB1dC1yZW5hbWVcbiAgQElucHV0KCdvay1zaG93Jykgb2tTaG93ID0gdHJ1ZTtcbiAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOm5vLWlucHV0LXJlbmFtZVxuICBASW5wdXQoJ29rLWNsb3NlLWRpYWxvZycpIGNsb3NlT25PayA9IHRydWU7XG4gIC8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTpuby1pbnB1dC1yZW5hbWVcbiAgQElucHV0KCdjYW5jZWwtbGFiZWwnKSBjYW5jZWxMYWJlbCA9ICfOkc66z43Pgc+Jz4POtyc7XG4gIC8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTpuby1pbnB1dC1yZW5hbWVcbiAgQElucHV0KCdjYW5jZWwtc2hvdycpIGNhbmNlbFNob3cgPSB0cnVlO1xuICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6bm8taW5wdXQtcmVuYW1lXG4gIEBJbnB1dCgnZm9yY2UtbG9jYXRpb24tYmFjaycpIGZvcmNlTG9jYXRpb25CYWNrID0gZmFsc2U7XG4gIC8vIEBPdXRwdXQoKSBjbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBAT3V0cHV0KCkgY2FuY2VsOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBvazogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgbG9jYXRpb246IExvY2F0aW9uLCBwcml2YXRlIHJvdXRlcjogUm91dGVyKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuXG4gIHB1YmxpYyBjbG9zZVNpZGVQYW5lKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnJldHVyblBhdGgpIHtcbiAgICAgIHRoaXMucm91dGVyLm5hdmlnYXRlQnlVcmwoJy8nLCB7IHNraXBMb2NhdGlvbkNoYW5nZTogdHJ1ZSB9KS50aGVuKCgpID0+IHRoaXMucm91dGVyLm5hdmlnYXRlQnlVcmwodGhpcy5yZXR1cm5QYXRoIHx8ICcvJykpO1xuICAgIH0gZWxzZSB7XG4gICAgICBpZiAoKHRoaXMucm91dGVyLnVybC5zcGxpdCgnLygnKVswXSAhPT0gdGhpcy5yb3V0ZXIudXJsKSAmJiAhdGhpcy5mb3JjZUxvY2F0aW9uQmFjaykge1xuICAgICAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZUJ5VXJsKHRoaXMucm91dGVyLnVybC5zcGxpdCgnLygnKVswXSk7XG4gICAgICB9IGVsc2UgaWYgKCh0aGlzLnJvdXRlci51cmwuc3BsaXQoJygnKVswXSAhPT0gdGhpcy5yb3V0ZXIudXJsKSAmJiAhdGhpcy5mb3JjZUxvY2F0aW9uQmFjaykge1xuICAgICAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZUJ5VXJsKHRoaXMucm91dGVyLnVybC5zcGxpdCgnKCcpWzBdKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMubG9jYXRpb24uYmFjaygpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBlbWl0Q2xvc2UoKTogdm9pZCB7XG4gICAgdGhpcy5jYW5jZWwuZW1pdChmYWxzZSk7XG4gICAgdGhpcy5jbG9zZVNpZGVQYW5lKCk7XG4gIH1cblxuICBwdWJsaWMgZW1pdENhbmNlbCgpOiB2b2lkIHtcbiAgICB0aGlzLmNhbmNlbC5lbWl0KGZhbHNlKTtcbiAgICB0aGlzLmNsb3NlU2lkZVBhbmUoKTtcbiAgfVxuXG4gIHB1YmxpYyBlbWl0T0soKTogdm9pZCB7XG4gICAgdGhpcy5vay5lbWl0KHRydWUpO1xuICAgIGlmICh0aGlzLmNsb3NlT25Paykge1xuICAgICAgdGhpcy5jbG9zZVNpZGVQYW5lKCk7XG4gICAgfVxuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJzaWRlLXZpZXctbGF5b3V0LXNpemUtYm94XCI+XG4gIDxkaXYgY2xhc3M9XCJzaWRlLXZpZXctbGF5b3V0LWNvbnRhaW5lclwiPlxuICAgIDxkaXYgY2xhc3M9XCJzaWRlLXZpZXctbGF5b3V0LWNvbnRhaW5lci1pbm5lclwiPlxuICAgICAgPGRpdiBjbGFzcz1cInNpZGUtdmlldy1sYXlvdXQtaGVhZGVyLW1hcmdpbnNcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNpZGUtdmlldy1sYXlvdXQtaGVhZGVyLWNvbnRhaW5lclwiPlxuICAgICAgICAgIDxoMiBjbGFzcz1cInNpZGUtdmlldy1sYXlvdXQtaGVhZGVyLXRpdGxlXCIgaWQ9XCJzbGlkZS1vdmVyLXRpdGxlXCI+XG4gICAgICAgICAgICB7e3RpdGxlfX1cbiAgICAgICAgICA8L2gyPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzaWRlLXZpZXctbGF5b3V0LWNsb3NlLWJ1dHRvbi1jb250YWluZXJcIj5cbiAgICAgICAgICAgIDxidXR0b24gKGNsaWNrKT1cImVtaXRDbG9zZSgpXCIgY2xhc3M9XCJzaWRlLXZpZXctbGF5b3V0LWNsb3NlLWJ1dHRvblwiPlxuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNyLW9ubHlcIj5DbG9zZSBwYW5lbDwvc3Bhbj5cbiAgICAgICAgICAgICAgPCEtLSBIZXJvaWNvbiBuYW1lOiBvdXRsaW5lL3ggLS0+XG4gICAgICAgICAgICAgIDxzdmcgY2xhc3M9XCJzaWRlLXZpZXctbGF5b3V0LWNsb3NlLWJ1dHRvbi1pY29uXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIGZpbGw9XCJub25lXCIgdmlld0JveD1cIjAgMCAyNCAyNFwiIHN0cm9rZT1cImN1cnJlbnRDb2xvclwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICAgIDxwYXRoIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiIHN0cm9rZS13aWR0aD1cIjJcIiBkPVwiTTYgMThMMTggNk02IDZsMTIgMTJcIiAvPlxuICAgICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cInNpZGUtdmlldy1sYXlvdXQtY29udGVudC1jb250YWluZXJcIj5cbiAgICAgICAgPCEtLSBSZXBsYWNlIHdpdGggeW91ciBjb250ZW50IC0tPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwhLS0gL0VuZCByZXBsYWNlIC0tPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiAqbmdJZj1cInNob3dBY3Rpb25zXCIgY2xhc3M9XCJzaWRlLXZpZXctbGF5b3V0LWFjdGlvbnMtY29udGFpbmVyXCI+XG4gICAgICA8YnV0dG9uICpuZ0lmPVwiY2FuY2VsU2hvd1wiIChjbGljayk9XCJlbWl0Q2FuY2VsKClcIiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJzaWRlLXZpZXctbGF5b3V0LWFjdGlvbi1idXR0b24tY2FuY2VsXCI+XG4gICAgICAgIHt7Y2FuY2VsTGFiZWx9fVxuICAgICAgPC9idXR0b24+XG4gICAgICA8YnV0dG9uICpuZ0lmPVwib2tTaG93XCIgKGNsaWNrKT1cImVtaXRPSygpXCIgY2xhc3M9XCJzaWRlLXZpZXctbGF5b3V0LWFjdGlvbi1idXR0b24tc3VibWl0XCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCI+XG4gICAgICAgIHt7b2tMYWJlbH19XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cblxuIl19

package/esm2020/lib/layouts/views/view-layout/view-layout.component.mjs

@@ -0,0 +1,104 @@
+import { Component, Input, Output, EventEmitter, ViewChild } from '@angular/core';
+import { fromEvent } from 'rxjs';
+import { debounceTime, distinctUntilChanged, filter, map } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@angular/common";
+export class ViewLayoutComponent {
+    constructor(route$, router$) {
+        this.route$ = route$;
+        this.router$ = router$;
+        // tslint:disable-next-line:no-input-rename
+        this.header = true;
+        this.fluid = false;
+        this.title = 'no title';
+        this.icon = null;
+        this.actions = null;
+        this.busy = false;
+        // tslint:disable-next-line:no-input-rename
+        this.searchPlaceholder = 'αναζήτηση';
+        this.view = null;
+        // tslint:disable-next-line:no-input-rename
+        this.metaItems = [];
+        // tslint:disable-next-line:no-output-on-prefix
+        this.onAction = new EventEmitter();
+        // tslint:disable-next-line:no-output-on-prefix
+        this.onSearch = new EventEmitter();
+    }
+    ngOnInit() {
+        if (this.searchInput$?.nativeElement) {
+            fromEvent(this.searchInput$.nativeElement, 'keyup').pipe(map((event) => {
+                return event.target.value; // Get input value.
+            }), filter(inputValue => inputValue.length >= 3 || inputValue.length === 0), 
+            // If character length greater than minimumSearchCharacters setting.
+            debounceTime(1000), // Time in milliseconds between key events.
+            distinctUntilChanged() // If previous query is different from current.
+            ).subscribe();
+        }
+    }
+    emitActionClick(action) {
+        this.onAction.emit(action);
+    }
+    routerLinkActionClick(action) {
+        // console.log('routerLinkActionClick', action);
+        if (action.outlet) {
+            this.router$.navigate(['', { outlets: { rightpane: action.link } }]);
+        }
+        else {
+            this.router$.navigate([action.link]);
+        }
+    }
+    searchActionClick(action, text) {
+        this.onSearch.emit(text);
+    }
+    searchActionType(text) {
+        this.onSearch.emit(this.searchInput$?.nativeElement.value);
+    }
+    handleClear(event) {
+        console.log('handle clear!!!');
+        event.stopPropagation();
+        this.onSearch.emit(event.target?.value);
+    }
+    switchViewActionClick(action) {
+        // console.log('switchViewActionClick', action);
+        this.view = action.param;
+        if (action && action.param) {
+            this.router$.navigate([], { queryParams: { view: action.param }, queryParamsHandling: 'merge', skipLocationChange: false });
+        }
+    }
+}
+ViewLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ViewLayoutComponent, deps: [{ token: i1.ActivatedRoute }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+ViewLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: ViewLayoutComponent, selector: "lib-view-layout", inputs: { header: ["show-header", "header"], fluid: "fluid", title: "title", icon: "icon", actions: "actions", busy: "busy", searchPlaceholder: ["search-placeholder", "searchPlaceholder"], view: "view", metaItems: ["meta-items", "metaItems"] }, outputs: { onAction: "onAction", onSearch: "onSearch" }, viewQueries: [{ propertyName: "searchInput$", first: true, predicate: ["search"], descendants: true }], ngImport: i0, template: "<header *ngIf=\"header\" class=\"view-layout-paddings\">\n\n  <div class=\"view-layout-title-container\">\n\n    <div class=\"view-layout-title-container-inner\">\n      <div class=\"flex items-center\">\n        <i *ngIf=\"icon\" [class]=\"icon + ' title-icon'\" aria-hidden=\"true\"></i>\n        <h1 [class]=\"busy ? 'view-layout-title-busy' : 'view-layout-title'\">{{title}}</h1>\n      </div>\n      <div *ngIf=\"metaItems && metaItems.length > 0\" class=\"meta-container\">\n        <ng-container *ngFor=\"let meta of metaItems\">\n          <div class=\"meta-item-container\">\n            <i *ngIf=\"meta.icon\" [class]=\"meta.icon + ' meta-icon'\" aria-hidden=\"true\"></i>\n            <span class=\"meta-text\">{{meta.text}}</span>\n          </div>\n        </ng-container>\n      </div>\n    </div>\n\n    <div class=\"flex items-center justify-end\">\n      <ng-container *ngFor=\"let action of actions\"  [ngSwitch]=\"action.type\">\n\n        <ng-container *ngSwitchCase=\"'switch-view'\">\n          <button [disabled]=\"view === action.param\" type=\"button\" href=\"#\" class=\"ml-1 disabled:opacity-50 btn-view-header\" (click)=\"switchViewActionClick(action)\">\n            <span class=\"inline-block relative\">\n              <i [class]=\"action.icon\"></i>\n              <span *ngIf=\"view === action.param\" class=\"selected-view-indicator\"></span>\n            </span>\n          </button>\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'search'\">\n          <label for=\"search\" class=\"sr-only\">Search</label>\n          <div class=\"search-container\">\n            <div class=\"pointer-events-none absolute inset-y-0 left-0 pl-3 flex items-center\">\n              <!--<svg class=\"h-5 w-5\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n                <path fill-rule=\"evenodd\" d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\" clip-rule=\"evenodd\" />\n              </svg>-->\n            </div>\n            <input id=\"search\" #search class=\"search-input\" [placeholder]=\"searchPlaceholder\"\n                   type=\"search\" name=\"search\" (input)=\"searchActionType(search.value)\" (onsearch)=\"handleClear($event)\">\n          </div>\n          <button type=\"button\"  href=\"#\" class=\"btn-view-header rounded-l-none\" [title]=\"action.tooltip\" (click)=\"searchActionClick(action, search.value)\">\n            <i [class]=\"action.icon\"></i>\n          </button>\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'router-link'\">\n          <button type=\"button\"  href=\"#\" class=\"ml-1 btn-view-header\" [title]=\"action.tooltip\" (click)=\"routerLinkActionClick(action)\">\n            <i [class]=\"action.icon\"></i>\n          </button>\n        </ng-container>\n\n\n        <ng-container *ngSwitchDefault>\n          <button type=\"button\"  class=\"ml-1 btn-view-header\" [title]=\"action.tooltip\" (click)=\"emitActionClick(action)\">\n            <i [class]=\"action.icon\"></i>\n          </button>\n        </ng-container>\n      </ng-container>\n    </div>\n  </div>\n</header>\n\n<!-- component -->\n<div [class]=\"fluid ? 'view-container-fluid' : 'view-container'\">\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ViewLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-view-layout', template: "<header *ngIf=\"header\" class=\"view-layout-paddings\">\n\n  <div class=\"view-layout-title-container\">\n\n    <div class=\"view-layout-title-container-inner\">\n      <div class=\"flex items-center\">\n        <i *ngIf=\"icon\" [class]=\"icon + ' title-icon'\" aria-hidden=\"true\"></i>\n        <h1 [class]=\"busy ? 'view-layout-title-busy' : 'view-layout-title'\">{{title}}</h1>\n      </div>\n      <div *ngIf=\"metaItems && metaItems.length > 0\" class=\"meta-container\">\n        <ng-container *ngFor=\"let meta of metaItems\">\n          <div class=\"meta-item-container\">\n            <i *ngIf=\"meta.icon\" [class]=\"meta.icon + ' meta-icon'\" aria-hidden=\"true\"></i>\n            <span class=\"meta-text\">{{meta.text}}</span>\n          </div>\n        </ng-container>\n      </div>\n    </div>\n\n    <div class=\"flex items-center justify-end\">\n      <ng-container *ngFor=\"let action of actions\"  [ngSwitch]=\"action.type\">\n\n        <ng-container *ngSwitchCase=\"'switch-view'\">\n          <button [disabled]=\"view === action.param\" type=\"button\" href=\"#\" class=\"ml-1 disabled:opacity-50 btn-view-header\" (click)=\"switchViewActionClick(action)\">\n            <span class=\"inline-block relative\">\n              <i [class]=\"action.icon\"></i>\n              <span *ngIf=\"view === action.param\" class=\"selected-view-indicator\"></span>\n            </span>\n          </button>\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'search'\">\n          <label for=\"search\" class=\"sr-only\">Search</label>\n          <div class=\"search-container\">\n            <div class=\"pointer-events-none absolute inset-y-0 left-0 pl-3 flex items-center\">\n              <!--<svg class=\"h-5 w-5\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n                <path fill-rule=\"evenodd\" d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\" clip-rule=\"evenodd\" />\n              </svg>-->\n            </div>\n            <input id=\"search\" #search class=\"search-input\" [placeholder]=\"searchPlaceholder\"\n                   type=\"search\" name=\"search\" (input)=\"searchActionType(search.value)\" (onsearch)=\"handleClear($event)\">\n          </div>\n          <button type=\"button\"  href=\"#\" class=\"btn-view-header rounded-l-none\" [title]=\"action.tooltip\" (click)=\"searchActionClick(action, search.value)\">\n            <i [class]=\"action.icon\"></i>\n          </button>\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'router-link'\">\n          <button type=\"button\"  href=\"#\" class=\"ml-1 btn-view-header\" [title]=\"action.tooltip\" (click)=\"routerLinkActionClick(action)\">\n            <i [class]=\"action.icon\"></i>\n          </button>\n        </ng-container>\n\n\n        <ng-container *ngSwitchDefault>\n          <button type=\"button\"  class=\"ml-1 btn-view-header\" [title]=\"action.tooltip\" (click)=\"emitActionClick(action)\">\n            <i [class]=\"action.icon\"></i>\n          </button>\n        </ng-container>\n      </ng-container>\n    </div>\n  </div>\n</header>\n\n<!-- component -->\n<div [class]=\"fluid ? 'view-container-fluid' : 'view-container'\">\n  <ng-content></ng-content>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.ActivatedRoute }, { type: i1.Router }]; }, propDecorators: { searchInput$: [{
+                type: ViewChild,
+                args: ['search']
+            }], header: [{
+                type: Input,
+                args: ['show-header']
+            }], fluid: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], actions: [{
+                type: Input
+            }], busy: [{
+                type: Input
+            }], searchPlaceholder: [{
+                type: Input,
+                args: ['search-placeholder']
+            }], view: [{
+                type: Input
+            }], metaItems: [{
+                type: Input,
+                args: ['meta-items']
+            }], onAction: [{
+                type: Output
+            }], onSearch: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlldy1sYXlvdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctY29tcG9uZW50cy9zcmMvbGliL2xheW91dHMvdmlld3Mvdmlldy1sYXlvdXQvdmlldy1sYXlvdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctY29tcG9uZW50cy9zcmMvbGliL2xheW91dHMvdmlld3Mvdmlldy1sYXlvdXQvdmlldy1sYXlvdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQWMsTUFBTSxlQUFlLENBQUM7QUFDdEcsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNqQyxPQUFPLEVBQUUsWUFBWSxFQUFFLG9CQUFvQixFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQU9qRixNQUFNLE9BQU8sbUJBQW1CO0lBb0I5QixZQUFvQixNQUFzQixFQUFVLE9BQWU7UUFBL0MsV0FBTSxHQUFOLE1BQU0sQ0FBZ0I7UUFBVSxZQUFPLEdBQVAsT0FBTyxDQUFRO1FBakJuRSwyQ0FBMkM7UUFDckIsV0FBTSxHQUFHLElBQUksQ0FBQztRQUMzQixVQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ2QsVUFBSyxHQUFHLFVBQVUsQ0FBQztRQUNuQixTQUFJLEdBQWtCLElBQUksQ0FBQztRQUMzQixZQUFPLEdBQXdCLElBQUksQ0FBQztRQUNwQyxTQUFJLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLDJDQUEyQztRQUNkLHNCQUFpQixHQUFrQixXQUFXLENBQUM7UUFDbkUsU0FBSSxHQUFrQixJQUFJLENBQUM7UUFDcEMsMkNBQTJDO1FBQ3RCLGNBQVMsR0FBNEIsRUFBRSxDQUFDO1FBQzdELCtDQUErQztRQUNyQyxhQUFRLEdBQTZCLElBQUksWUFBWSxFQUFjLENBQUM7UUFDOUUsK0NBQStDO1FBQ3JDLGFBQVEsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUVDLENBQUM7SUFFeEUsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRSxhQUFhLEVBQUM7WUFDbkMsU0FBUyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsYUFBYSxFQUFFLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FDdEQsR0FBRyxDQUFDLENBQUMsS0FBVSxFQUFFLEVBQUU7Z0JBQ2pCLE9BQU8sS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxtQkFBbUI7WUFDaEQsQ0FBQyxDQUFDLEVBQ0YsTUFBTSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsVUFBVSxDQUFDLE1BQU0sSUFBSSxDQUFDLElBQUksVUFBVSxDQUFDLE1BQU0sS0FBSyxDQUFDLENBQUM7WUFDdkUsb0VBQW9FO1lBQ3BFLFlBQVksQ0FBQyxJQUFJLENBQUMsRUFBRSwyQ0FBMkM7WUFDL0Qsb0JBQW9CLEVBQUUsQ0FBQywrQ0FBK0M7YUFDdkUsQ0FBQyxTQUFTLEVBQUUsQ0FBQztTQUNmO0lBQ0gsQ0FBQztJQUVNLGVBQWUsQ0FBQyxNQUFrQjtRQUN2QyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUM3QixDQUFDO0lBRU0scUJBQXFCLENBQUMsTUFBOEI7UUFDekQsZ0RBQWdEO1FBQ2hELElBQUksTUFBTSxDQUFDLE1BQU0sRUFBRTtZQUNqQixJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFLE9BQU8sRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7U0FDdEU7YUFBTTtZQUNMLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7U0FDdEM7SUFDSCxDQUFDO0lBRUQsaUJBQWlCLENBQUMsTUFBa0IsRUFBRSxJQUFZO1FBQ2hELElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxJQUFZO1FBQzNCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzdELENBQUM7SUFFTSxXQUFXLENBQUMsS0FBVTtRQUMzQixPQUFPLENBQUMsR0FBRyxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFDL0IsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUVNLHFCQUFxQixDQUFDLE1BQThCO1FBQ3pELGdEQUFnRDtRQUNoRCxJQUFJLENBQUMsSUFBSSxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDekIsSUFBSSxNQUFNLElBQUksTUFBTSxDQUFDLEtBQUssRUFBRTtZQUMxQixJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxFQUFFLEVBQUUsRUFBRSxXQUFXLEVBQUUsRUFBRSxJQUFJLEVBQUUsTUFBTSxDQUFDLEtBQUssRUFBRSxFQUFFLG1CQUFtQixFQUFFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO1NBQzdIO0lBQ0gsQ0FBQzs7Z0hBckVVLG1CQUFtQjtvR0FBbkIsbUJBQW1CLDZjQ1hoQyxneEdBb0VBOzJGRHpEYSxtQkFBbUI7a0JBSi9CLFNBQVM7K0JBQ0UsaUJBQWlCOzBIQUtFLFlBQVk7c0JBQXhDLFNBQVM7dUJBQUMsUUFBUTtnQkFFRyxNQUFNO3NCQUEzQixLQUFLO3VCQUFDLGFBQWE7Z0JBQ1gsS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFFdUIsaUJBQWlCO3NCQUE3QyxLQUFLO3VCQUFDLG9CQUFvQjtnQkFDbEIsSUFBSTtzQkFBWixLQUFLO2dCQUVlLFNBQVM7c0JBQTdCLEtBQUs7dUJBQUMsWUFBWTtnQkFFVCxRQUFRO3NCQUFqQixNQUFNO2dCQUVHLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTd2l0Y2hWaWV3QWN0aW9uIH0gZnJvbSAnLi4vLi4vLi4vdHlwZXMnO1xuaW1wb3J0IHsgQWN0aXZhdGVkUm91dGUsIFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBWaWV3Q2hpbGQsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGZyb21FdmVudCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgZGVib3VuY2VUaW1lLCBkaXN0aW5jdFVudGlsQ2hhbmdlZCwgZmlsdGVyLCBtYXAgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBIZWFkZXJNZXRhSXRlbSwgUm91dGVyVmlld0FjdGlvbiwgVmlld0FjdGlvbiB9IGZyb20gJy4uLy4uLy4uL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLXZpZXctbGF5b3V0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3ZpZXctbGF5b3V0LmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBWaWV3TGF5b3V0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOm5vLWlucHV0LXJlbmFtZVxuICBAVmlld0NoaWxkKCdzZWFyY2gnKSBwcml2YXRlIHNlYXJjaElucHV0JD86IEVsZW1lbnRSZWY7XG4gIC8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTpuby1pbnB1dC1yZW5hbWVcbiAgQElucHV0KCdzaG93LWhlYWRlcicpIGhlYWRlciA9IHRydWU7XG4gIEBJbnB1dCgpIGZsdWlkID0gZmFsc2U7XG4gIEBJbnB1dCgpIHRpdGxlID0gJ25vIHRpdGxlJztcbiAgQElucHV0KCkgaWNvbjogc3RyaW5nIHwgbnVsbCA9IG51bGw7XG4gIEBJbnB1dCgpIGFjdGlvbnM6IFZpZXdBY3Rpb25bXSB8IG51bGwgPSBudWxsO1xuICBASW5wdXQoKSBidXN5ID0gZmFsc2U7XG4gIC8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTpuby1pbnB1dC1yZW5hbWVcbiAgQElucHV0KCdzZWFyY2gtcGxhY2Vob2xkZXInKSBzZWFyY2hQbGFjZWhvbGRlcjogc3RyaW5nIHwgbnVsbCA9ICfOsc69zrHOts6uz4TOt8+DzrcnO1xuICBASW5wdXQoKSB2aWV3OiBzdHJpbmcgfCBudWxsID0gbnVsbDtcbiAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOm5vLWlucHV0LXJlbmFtZVxuICBASW5wdXQoJ21ldGEtaXRlbXMnKSBtZXRhSXRlbXM6IEhlYWRlck1ldGFJdGVtW10gfCBudWxsID0gW107XG4gIC8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTpuby1vdXRwdXQtb24tcHJlZml4XG4gIEBPdXRwdXQoKSBvbkFjdGlvbjogRXZlbnRFbWl0dGVyPFZpZXdBY3Rpb24+ID0gbmV3IEV2ZW50RW1pdHRlcjxWaWV3QWN0aW9uPigpO1xuICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6bm8tb3V0cHV0LW9uLXByZWZpeFxuICBAT3V0cHV0KCkgb25TZWFyY2g6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByb3V0ZSQ6IEFjdGl2YXRlZFJvdXRlLCBwcml2YXRlIHJvdXRlciQ6IFJvdXRlcikgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuc2VhcmNoSW5wdXQkPy5uYXRpdmVFbGVtZW50KXtcbiAgICAgIGZyb21FdmVudCh0aGlzLnNlYXJjaElucHV0JC5uYXRpdmVFbGVtZW50LCAna2V5dXAnKS5waXBlKFxuICAgICAgICBtYXAoKGV2ZW50OiBhbnkpID0+IHtcbiAgICAgICAgICByZXR1cm4gZXZlbnQudGFyZ2V0LnZhbHVlOyAvLyBHZXQgaW5wdXQgdmFsdWUuXG4gICAgICAgIH0pLFxuICAgICAgICBmaWx0ZXIoaW5wdXRWYWx1ZSA9PiBpbnB1dFZhbHVlLmxlbmd0aCA+PSAzIHx8IGlucHV0VmFsdWUubGVuZ3RoID09PSAwKSxcbiAgICAgICAgLy8gSWYgY2hhcmFjdGVyIGxlbmd0aCBncmVhdGVyIHRoYW4gbWluaW11bVNlYXJjaENoYXJhY3RlcnMgc2V0dGluZy5cbiAgICAgICAgZGVib3VuY2VUaW1lKDEwMDApLCAvLyBUaW1lIGluIG1pbGxpc2Vjb25kcyBiZXR3ZWVuIGtleSBldmVudHMuXG4gICAgICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCkgLy8gSWYgcHJldmlvdXMgcXVlcnkgaXMgZGlmZmVyZW50IGZyb20gY3VycmVudC5cbiAgICAgICkuc3Vic2NyaWJlKCk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIGVtaXRBY3Rpb25DbGljayhhY3Rpb246IFZpZXdBY3Rpb24pOiB2b2lkIHtcbiAgICB0aGlzLm9uQWN0aW9uLmVtaXQoYWN0aW9uKTtcbiAgfVxuXG4gIHB1YmxpYyByb3V0ZXJMaW5rQWN0aW9uQ2xpY2soYWN0aW9uOiBSb3V0ZXJWaWV3QWN0aW9uIHwgYW55KTogdm9pZCB7XG4gICAgLy8gY29uc29sZS5sb2coJ3JvdXRlckxpbmtBY3Rpb25DbGljaycsIGFjdGlvbik7XG4gICAgaWYgKGFjdGlvbi5vdXRsZXQpIHtcbiAgICAgIHRoaXMucm91dGVyJC5uYXZpZ2F0ZShbJycsIHsgb3V0bGV0czogeyByaWdodHBhbmU6IGFjdGlvbi5saW5rIH0gfV0pO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnJvdXRlciQubmF2aWdhdGUoW2FjdGlvbi5saW5rXSk7XG4gICAgfVxuICB9XG5cbiAgc2VhcmNoQWN0aW9uQ2xpY2soYWN0aW9uOiBWaWV3QWN0aW9uLCB0ZXh0OiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLm9uU2VhcmNoLmVtaXQodGV4dCk7XG4gIH1cblxuICBzZWFyY2hBY3Rpb25UeXBlKHRleHQ6IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMub25TZWFyY2guZW1pdCh0aGlzLnNlYXJjaElucHV0JD8ubmF0aXZlRWxlbWVudC52YWx1ZSk7XG4gIH1cblxuICBwdWJsaWMgaGFuZGxlQ2xlYXIoZXZlbnQ6IGFueSk6IHZvaWQge1xuICAgIGNvbnNvbGUubG9nKCdoYW5kbGUgY2xlYXIhISEnKTtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB0aGlzLm9uU2VhcmNoLmVtaXQoZXZlbnQudGFyZ2V0Py52YWx1ZSk7XG4gIH1cblxuICBwdWJsaWMgc3dpdGNoVmlld0FjdGlvbkNsaWNrKGFjdGlvbjogU3dpdGNoVmlld0FjdGlvbiB8IGFueSk6IHZvaWQge1xuICAgIC8vIGNvbnNvbGUubG9nKCdzd2l0Y2hWaWV3QWN0aW9uQ2xpY2snLCBhY3Rpb24pO1xuICAgIHRoaXMudmlldyA9IGFjdGlvbi5wYXJhbTtcbiAgICBpZiAoYWN0aW9uICYmIGFjdGlvbi5wYXJhbSkge1xuICAgICAgdGhpcy5yb3V0ZXIkLm5hdmlnYXRlKFtdLCB7IHF1ZXJ5UGFyYW1zOiB7IHZpZXc6IGFjdGlvbi5wYXJhbSB9LCBxdWVyeVBhcmFtc0hhbmRsaW5nOiAnbWVyZ2UnLCBza2lwTG9jYXRpb25DaGFuZ2U6IGZhbHNlIH0pO1xuICAgIH1cbiAgfVxufVxuIiwiPGhlYWRlciAqbmdJZj1cImhlYWRlclwiIGNsYXNzPVwidmlldy1sYXlvdXQtcGFkZGluZ3NcIj5cblxuICA8ZGl2IGNsYXNzPVwidmlldy1sYXlvdXQtdGl0bGUtY29udGFpbmVyXCI+XG5cbiAgICA8ZGl2IGNsYXNzPVwidmlldy1sYXlvdXQtdGl0bGUtY29udGFpbmVyLWlubmVyXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXJcIj5cbiAgICAgICAgPGkgKm5nSWY9XCJpY29uXCIgW2NsYXNzXT1cImljb24gKyAnIHRpdGxlLWljb24nXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPlxuICAgICAgICA8aDEgW2NsYXNzXT1cImJ1c3kgPyAndmlldy1sYXlvdXQtdGl0bGUtYnVzeScgOiAndmlldy1sYXlvdXQtdGl0bGUnXCI+e3t0aXRsZX19PC9oMT5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiAqbmdJZj1cIm1ldGFJdGVtcyAmJiBtZXRhSXRlbXMubGVuZ3RoID4gMFwiIGNsYXNzPVwibWV0YS1jb250YWluZXJcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgbWV0YSBvZiBtZXRhSXRlbXNcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwibWV0YS1pdGVtLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgPGkgKm5nSWY9XCJtZXRhLmljb25cIiBbY2xhc3NdPVwibWV0YS5pY29uICsgJyBtZXRhLWljb24nXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJtZXRhLXRleHRcIj57e21ldGEudGV4dH19PC9zcGFuPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktZW5kXCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBhY3Rpb24gb2YgYWN0aW9uc1wiICBbbmdTd2l0Y2hdPVwiYWN0aW9uLnR5cGVcIj5cblxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInc3dpdGNoLXZpZXcnXCI+XG4gICAgICAgICAgPGJ1dHRvbiBbZGlzYWJsZWRdPVwidmlldyA9PT0gYWN0aW9uLnBhcmFtXCIgdHlwZT1cImJ1dHRvblwiIGhyZWY9XCIjXCIgY2xhc3M9XCJtbC0xIGRpc2FibGVkOm9wYWNpdHktNTAgYnRuLXZpZXctaGVhZGVyXCIgKGNsaWNrKT1cInN3aXRjaFZpZXdBY3Rpb25DbGljayhhY3Rpb24pXCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImlubGluZS1ibG9jayByZWxhdGl2ZVwiPlxuICAgICAgICAgICAgICA8aSBbY2xhc3NdPVwiYWN0aW9uLmljb25cIj48L2k+XG4gICAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwidmlldyA9PT0gYWN0aW9uLnBhcmFtXCIgY2xhc3M9XCJzZWxlY3RlZC12aWV3LWluZGljYXRvclwiPjwvc3Bhbj5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ3NlYXJjaCdcIj5cbiAgICAgICAgICA8bGFiZWwgZm9yPVwic2VhcmNoXCIgY2xhc3M9XCJzci1vbmx5XCI+U2VhcmNoPC9sYWJlbD5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic2VhcmNoLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInBvaW50ZXItZXZlbnRzLW5vbmUgYWJzb2x1dGUgaW5zZXQteS0wIGxlZnQtMCBwbC0zIGZsZXggaXRlbXMtY2VudGVyXCI+XG4gICAgICAgICAgICAgIDwhLS08c3ZnIGNsYXNzPVwiaC01IHctNVwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB2aWV3Qm94PVwiMCAwIDIwIDIwXCIgZmlsbD1cImN1cnJlbnRDb2xvclwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICAgIDxwYXRoIGZpbGwtcnVsZT1cImV2ZW5vZGRcIiBkPVwiTTggNGE0IDQgMCAxMDAgOCA0IDQgMCAwMDAtOHpNMiA4YTYgNiAwIDExMTAuODkgMy40NzZsNC44MTcgNC44MTdhMSAxIDAgMDEtMS40MTQgMS40MTRsLTQuODE2LTQuODE2QTYgNiAwIDAxMiA4elwiIGNsaXAtcnVsZT1cImV2ZW5vZGRcIiAvPlxuICAgICAgICAgICAgICA8L3N2Zz4tLT5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGlucHV0IGlkPVwic2VhcmNoXCIgI3NlYXJjaCBjbGFzcz1cInNlYXJjaC1pbnB1dFwiIFtwbGFjZWhvbGRlcl09XCJzZWFyY2hQbGFjZWhvbGRlclwiXG4gICAgICAgICAgICAgICAgICAgdHlwZT1cInNlYXJjaFwiIG5hbWU9XCJzZWFyY2hcIiAoaW5wdXQpPVwic2VhcmNoQWN0aW9uVHlwZShzZWFyY2gudmFsdWUpXCIgKG9uc2VhcmNoKT1cImhhbmRsZUNsZWFyKCRldmVudClcIj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiAgaHJlZj1cIiNcIiBjbGFzcz1cImJ0bi12aWV3LWhlYWRlciByb3VuZGVkLWwtbm9uZVwiIFt0aXRsZV09XCJhY3Rpb24udG9vbHRpcFwiIChjbGljayk9XCJzZWFyY2hBY3Rpb25DbGljayhhY3Rpb24sIHNlYXJjaC52YWx1ZSlcIj5cbiAgICAgICAgICAgIDxpIFtjbGFzc109XCJhY3Rpb24uaWNvblwiPjwvaT5cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ3JvdXRlci1saW5rJ1wiPlxuICAgICAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiICBocmVmPVwiI1wiIGNsYXNzPVwibWwtMSBidG4tdmlldy1oZWFkZXJcIiBbdGl0bGVdPVwiYWN0aW9uLnRvb2x0aXBcIiAoY2xpY2spPVwicm91dGVyTGlua0FjdGlvbkNsaWNrKGFjdGlvbilcIj5cbiAgICAgICAgICAgIDxpIFtjbGFzc109XCJhY3Rpb24uaWNvblwiPjwvaT5cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG5cblxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaERlZmF1bHQ+XG4gICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgIGNsYXNzPVwibWwtMSBidG4tdmlldy1oZWFkZXJcIiBbdGl0bGVdPVwiYWN0aW9uLnRvb2x0aXBcIiAoY2xpY2spPVwiZW1pdEFjdGlvbkNsaWNrKGFjdGlvbilcIj5cbiAgICAgICAgICAgIDxpIFtjbGFzc109XCJhY3Rpb24uaWNvblwiPjwvaT5cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2hlYWRlcj5cblxuPCEtLSBjb21wb25lbnQgLS0+XG48ZGl2IFtjbGFzc109XCJmbHVpZCA/ICd2aWV3LWNvbnRhaW5lci1mbHVpZCcgOiAndmlldy1jb250YWluZXInXCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19