bpm-core 0.0.104 → 0.0.105

package/esm2022/lib/components/app-component-sections/layout/side-nav/side-nav.component.mjs

@@ -0,0 +1,158 @@
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input, ViewChild } from '@angular/core';
+import { RouterLink, RouterLinkActive } from '@angular/router';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatMenu, MatMenuTrigger } from '@angular/material/menu';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../services";
+import * as i2 from "@angular/router";
+import * as i3 from "@angular/material/tooltip";
+export class SideNavComponent {
+    sidenavService;
+    router;
+    isOpened = false;
+    lang = '';
+    Menu = [
+        {
+            name: 'Home',
+            routerLink: '/group/hub/home1',
+            icon: 'home-o',
+            matmenu: false,
+            List: []
+        },
+        {
+            name: 'Inbox',
+            routerLink: '/group/hub/inbox',
+            icon: 'mail-o',
+            matmenu: false,
+            List: []
+        },
+        {
+            name: 'Dobox',
+            routerLink: '/group/hub/dobox',
+            icon: 'chick-sqaure',
+            matmenu: false,
+            List: []
+        },
+        {
+            name: 'Chat',
+            routerLink: '/group/hub/chat',
+            icon: 'chat-circle-2',
+            matmenu: false,
+            List: []
+        },
+        {
+            name: 'Mail',
+            routerLink: '/group/hub/mail',
+            icon: 'mail-f',
+            matmenu: false,
+            List: []
+        },
+        {
+            name: 'Meetings',
+            routerLink: '/group/hub/meetings',
+            icon: 'calendar',
+            matmenu: false,
+            List: []
+        },
+        {
+            name: 'Offers',
+            routerLink: '/group/hub/hub-offers',
+            icon: 'voucher',
+            matmenu: false,
+            List: []
+        },
+        {
+            name: 'stc today',
+            routerLink: '/group/hub/stc-profile',
+            icon: 'stc-profile-o',
+            matmenu: false,
+            List: []
+        },
+        {
+            name: 'Articles',
+            routerLink: '/group/hub/articles',
+            icon: 'file-returned',
+            matmenu: false,
+            List: []
+        },
+        {
+            name: 'Timeline',
+            routerLink: '/group/hub/timeline',
+            icon: 'list-dots',
+            matmenu: false,
+            List: []
+        },
+        {
+            name: 'eforms',
+            routerLink: '/group/hub/efroms',
+            icon: 'file-o',
+            matmenu: false,
+            List: []
+        },
+        {
+            name: 'Apps',
+            routerLink: '/group/hub/apps',
+            icon: 'card',
+            matmenu: false,
+            List: []
+        },
+    ];
+    constructor(sidenavService, router) {
+        this.sidenavService = sidenavService;
+        this.router = router;
+    }
+    closeSidenav() {
+        document.documentElement.classList.remove('main-sidenav-opened');
+        // this.sidenavService.sideNavOpened.next(false);
+    }
+    navigateTo(item) {
+        window.location.href = item.routerLink;
+    }
+    innerWidth;
+    menuMobile;
+    MenuTrigger;
+    ngOnInit() {
+        this.innerWidth = window.innerWidth;
+        if (this.innerWidth < 1024) {
+            this.menuMobile = true;
+        }
+        else {
+            this.menuMobile = false;
+        }
+    }
+    mouseover(matmenu, i) {
+        if (!this.menuMobile) {
+            if (matmenu) {
+                document.documentElement.classList.remove('main-overlay-closed');
+                // this.MenuTrigger[i].openMenu();
+            }
+            else {
+                document.documentElement.classList.add('main-overlay-closed');
+                // this.MenuTrigger[i].closeMenu();
+            }
+        }
+    }
+    goto(url, matmenu) {
+        if (!this.menuMobile) {
+            if (matmenu) {
+                document.documentElement.classList.remove('main-overlay-closed');
+            }
+            else {
+                document.documentElement.classList.add('main-overlay-closed');
+            }
+        }
+        this.router.navigate([url]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SideNavComponent, deps: [{ token: i1.SidenavService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: SideNavComponent, isStandalone: true, selector: "app-side-nav", inputs: { isOpened: "isOpened" }, viewQueries: [{ propertyName: "MenuTrigger", first: true, predicate: ["MenuTrigger"], descendants: true }], ngImport: i0, template: "<aside>\r\n  <div class=\"header d-flex d-lg-none\">\r\n    <div class=\"d-flex h-100 mt-auto justify-content-between w-100\">\r\n      <h1 class=\"fs-26 fw-bold fc-white logo\">academy</h1>\r\n      <ds-button size=\"small\" color=\"purple\" class=\"close purple\" (click)=\"closeSidenav()\">\r\n        <ds-icon icon=\"close\" class=\"fs-15 fc-white\"></ds-icon>\r\n      </ds-button>\r\n    </div>\r\n  </div>\r\n  <nav>\r\n    <ul>\r\n      <!--  (mouseenter)=\"menuMobile ? null : MenuTrigger.openMenu()\"-->\r\n      <!-- (click)=\"goto(item.routerLink,item.matmenu) -->\r\n      @for (item of Menu; track $index) {\r\n        @if (item.matmenu) {\r\n          <li\r\n            (click)=\"closeSidenav();navigateTo(item)\"  matTooltipPosition=\"right\" matTooltip=\"{{item.name }}\"\r\n            [routerLinkActive]=\"'active'\" (click)=\"goto(item.routerLink!,item.matmenu)\" #MenuTrigger=\"matMenuTrigger\"\r\n            [matMenuTriggerFor]=\"menuMenu\" [routerLinkActiveOptions]=\"{ exact: true }\" class=\"cursor-pointer\">\r\n            <ds-icon icon=\"{{item.icon}}\" class=\"icon\"></ds-icon>\r\n            <span class=\"menu-label\">\r\n              {{ item.name }}\r\n            </span>\r\n          </li>\r\n          <mat-menu #menuMenu=\"matMenu\" class=\"aside-menu  visible-{{item.matmenu}}\">\r\n            <app-mat-menu [title]=\"item.name \" [icon]=\"item.icon\" [list]=\"item.List\"></app-mat-menu>\r\n          </mat-menu>\r\n        } @else {\r\n          <li\r\n            (click)=\"closeSidenav();navigateTo(item)\"  matTooltipPosition=\"right\" matTooltip=\"{{item.name }}\"\r\n            [routerLinkActive]=\"'active'\" [routerLinkActiveOptions]=\"{ exact: true }\" class=\"cursor-pointer\">\r\n            <ds-icon icon=\"{{item.icon}}\" class=\"icon\"></ds-icon>\r\n            <span class=\"menu-label\">\r\n              {{ item.name }}\r\n            </span>\r\n          </li>\r\n        }\r\n      }\r\n    </ul>\r\n  </nav>\r\n</aside>\r\n", styles: [":host ::ng-deep aside{min-width:var(--main-aside-width);width:var(--main-aside-width);height:calc(100vh - var(--main-toolbar-height));display:flex;position:var(--main-aside-position);right:var(--main-aside-right);left:var(--main-aside-left);top:var(--main-toolbar-height);z-index:var(--main-toolbar-zIndex);background-color:var(--main-aside-bc);transform:var(--main-aside-transform);transition:all .5s cubic-bezier(.685,.0473,.346,1)}@media (max-width: 1024px){:host ::ng-deep aside{height:100%;flex-direction:column;--main-toolbar-height: 0}}:host ::ng-deep aside nav{width:100%}:host ::ng-deep aside ul{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;padding:0rem;margin:37px 0;list-style:none;counter-reset:itemCounter}:host ::ng-deep aside ul li{display:flex;align-items:center;flex-wrap:nowrap;overflow:hidden;max-width:calc(var(--main-aside-width-active) - 15px);width:100%;gap:var(--gap-width, 2.5rem);padding:3px 0 3px 10px;cursor:pointer;color:var(--main-aside-item-fc);border-radius:0;transition:var(--default-transition)}[dir=rtl] :host ::ng-deep aside ul li{padding:3px 10px 3px 0!important}@media (max-width: 1024px){@keyframes liAnimation{0%{transform:translateY(-500px)}to{transform:translateY(0)}}}:host ::ng-deep aside ul li.active,:host ::ng-deep aside ul li:hover{background-color:var(--main-aside-item-bc)}[dir=ltr] :host ::ng-deep aside ul li.active,[dir=ltr] :host ::ng-deep aside ul li:hover{border-left:5px solid var(--coral)}[dir=rtl] :host ::ng-deep aside ul li.active,[dir=rtl] :host ::ng-deep aside ul li:hover{border-right:5px solid var(--coral)}:host ::ng-deep aside ul li .menu-label{font-size:var(--main-aside-item-fs);flex-grow:1;opacity:1;min-width:calc(var(--main-aside-width-active) - 2rem - 40px);display:var(--main-aside-item-display)}:host ::ng-deep aside .header{background-color:#0003!important;padding:15px;flex-direction:row}:host ::ng-deep aside .header div{display:flex;align-items:center;margin-top:auto}:host ::ng-deep aside .footer{margin-top:auto;margin-bottom:80px;padding:0 30px}:host ::ng-deep aside ds-icon{font-size:1.55rem;display:inline-flex;align-items:center;justify-content:center;border-radius:3px;min-width:40px;width:40px;height:40px}:host ::ng-deep ds-button.close::part(base){height:37px;width:37px}:host ::ng-deep ds-button.close ds-icon{font-size:18px;min-width:18px;width:18px;height:18px}:host ::ng-deep .viewAll:hover{background-color:var(--purple)}:host ::ng-deep .viewAll:hover span{color:var(--white)}:host ::ng-deep .justify-content-between{justify-content:space-between}:host ::ng-deep .flex-column{flex-direction:column}:host ::ng-deep .d-flex{display:flex}:host ::ng-deep .w-100{width:100%}:host ::ng-deep .gap-3{gap:1rem!important}:host ::ng-deep ds-button.purple::part(base){--btn-border-color: var(--purple)}:host ::ng-deep ds-button.purple::part(overlay){--btn-overlay-color: var(--purple)}:host ::ng-deep ds-button.secondary::part(base){--btn-border-color: var(--secondary)}:host ::ng-deep ds-button.secondary::part(overlay){--btn-overlay-color: var(--secondary)}@media (min-width: 1024px){:host ::ng-deep .d-md-none{display:none!important}}@media (max-height: 430px){:host ::ng-deep aside .header{margin-bottom:50px}:host ::ng-deep aside nav{padding:15px 0 0;overflow:auto}:host ::ng-deep aside .footer{margin-bottom:20px}}@media (max-height: 300px){:host ::ng-deep aside .header{margin-bottom:5px}}:host ::ng-deep .logo{color:#fff}::ng-deep .aside-menu .mat-mdc-menu-content{border:none;box-shadow:none;padding:0!important}\n"], dependencies: [{ kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SideNavComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-side-nav', standalone: true, imports: [RouterLinkActive, RouterLink, MatTooltipModule, MatMenu, MatMenuTrigger], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<aside>\r\n  <div class=\"header d-flex d-lg-none\">\r\n    <div class=\"d-flex h-100 mt-auto justify-content-between w-100\">\r\n      <h1 class=\"fs-26 fw-bold fc-white logo\">academy</h1>\r\n      <ds-button size=\"small\" color=\"purple\" class=\"close purple\" (click)=\"closeSidenav()\">\r\n        <ds-icon icon=\"close\" class=\"fs-15 fc-white\"></ds-icon>\r\n      </ds-button>\r\n    </div>\r\n  </div>\r\n  <nav>\r\n    <ul>\r\n      <!--  (mouseenter)=\"menuMobile ? null : MenuTrigger.openMenu()\"-->\r\n      <!-- (click)=\"goto(item.routerLink,item.matmenu) -->\r\n      @for (item of Menu; track $index) {\r\n        @if (item.matmenu) {\r\n          <li\r\n            (click)=\"closeSidenav();navigateTo(item)\"  matTooltipPosition=\"right\" matTooltip=\"{{item.name }}\"\r\n            [routerLinkActive]=\"'active'\" (click)=\"goto(item.routerLink!,item.matmenu)\" #MenuTrigger=\"matMenuTrigger\"\r\n            [matMenuTriggerFor]=\"menuMenu\" [routerLinkActiveOptions]=\"{ exact: true }\" class=\"cursor-pointer\">\r\n            <ds-icon icon=\"{{item.icon}}\" class=\"icon\"></ds-icon>\r\n            <span class=\"menu-label\">\r\n              {{ item.name }}\r\n            </span>\r\n          </li>\r\n          <mat-menu #menuMenu=\"matMenu\" class=\"aside-menu  visible-{{item.matmenu}}\">\r\n            <app-mat-menu [title]=\"item.name \" [icon]=\"item.icon\" [list]=\"item.List\"></app-mat-menu>\r\n          </mat-menu>\r\n        } @else {\r\n          <li\r\n            (click)=\"closeSidenav();navigateTo(item)\"  matTooltipPosition=\"right\" matTooltip=\"{{item.name }}\"\r\n            [routerLinkActive]=\"'active'\" [routerLinkActiveOptions]=\"{ exact: true }\" class=\"cursor-pointer\">\r\n            <ds-icon icon=\"{{item.icon}}\" class=\"icon\"></ds-icon>\r\n            <span class=\"menu-label\">\r\n              {{ item.name }}\r\n            </span>\r\n          </li>\r\n        }\r\n      }\r\n    </ul>\r\n  </nav>\r\n</aside>\r\n", styles: [":host ::ng-deep aside{min-width:var(--main-aside-width);width:var(--main-aside-width);height:calc(100vh - var(--main-toolbar-height));display:flex;position:var(--main-aside-position);right:var(--main-aside-right);left:var(--main-aside-left);top:var(--main-toolbar-height);z-index:var(--main-toolbar-zIndex);background-color:var(--main-aside-bc);transform:var(--main-aside-transform);transition:all .5s cubic-bezier(.685,.0473,.346,1)}@media (max-width: 1024px){:host ::ng-deep aside{height:100%;flex-direction:column;--main-toolbar-height: 0}}:host ::ng-deep aside nav{width:100%}:host ::ng-deep aside ul{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;padding:0rem;margin:37px 0;list-style:none;counter-reset:itemCounter}:host ::ng-deep aside ul li{display:flex;align-items:center;flex-wrap:nowrap;overflow:hidden;max-width:calc(var(--main-aside-width-active) - 15px);width:100%;gap:var(--gap-width, 2.5rem);padding:3px 0 3px 10px;cursor:pointer;color:var(--main-aside-item-fc);border-radius:0;transition:var(--default-transition)}[dir=rtl] :host ::ng-deep aside ul li{padding:3px 10px 3px 0!important}@media (max-width: 1024px){@keyframes liAnimation{0%{transform:translateY(-500px)}to{transform:translateY(0)}}}:host ::ng-deep aside ul li.active,:host ::ng-deep aside ul li:hover{background-color:var(--main-aside-item-bc)}[dir=ltr] :host ::ng-deep aside ul li.active,[dir=ltr] :host ::ng-deep aside ul li:hover{border-left:5px solid var(--coral)}[dir=rtl] :host ::ng-deep aside ul li.active,[dir=rtl] :host ::ng-deep aside ul li:hover{border-right:5px solid var(--coral)}:host ::ng-deep aside ul li .menu-label{font-size:var(--main-aside-item-fs);flex-grow:1;opacity:1;min-width:calc(var(--main-aside-width-active) - 2rem - 40px);display:var(--main-aside-item-display)}:host ::ng-deep aside .header{background-color:#0003!important;padding:15px;flex-direction:row}:host ::ng-deep aside .header div{display:flex;align-items:center;margin-top:auto}:host ::ng-deep aside .footer{margin-top:auto;margin-bottom:80px;padding:0 30px}:host ::ng-deep aside ds-icon{font-size:1.55rem;display:inline-flex;align-items:center;justify-content:center;border-radius:3px;min-width:40px;width:40px;height:40px}:host ::ng-deep ds-button.close::part(base){height:37px;width:37px}:host ::ng-deep ds-button.close ds-icon{font-size:18px;min-width:18px;width:18px;height:18px}:host ::ng-deep .viewAll:hover{background-color:var(--purple)}:host ::ng-deep .viewAll:hover span{color:var(--white)}:host ::ng-deep .justify-content-between{justify-content:space-between}:host ::ng-deep .flex-column{flex-direction:column}:host ::ng-deep .d-flex{display:flex}:host ::ng-deep .w-100{width:100%}:host ::ng-deep .gap-3{gap:1rem!important}:host ::ng-deep ds-button.purple::part(base){--btn-border-color: var(--purple)}:host ::ng-deep ds-button.purple::part(overlay){--btn-overlay-color: var(--purple)}:host ::ng-deep ds-button.secondary::part(base){--btn-border-color: var(--secondary)}:host ::ng-deep ds-button.secondary::part(overlay){--btn-overlay-color: var(--secondary)}@media (min-width: 1024px){:host ::ng-deep .d-md-none{display:none!important}}@media (max-height: 430px){:host ::ng-deep aside .header{margin-bottom:50px}:host ::ng-deep aside nav{padding:15px 0 0;overflow:auto}:host ::ng-deep aside .footer{margin-bottom:20px}}@media (max-height: 300px){:host ::ng-deep aside .header{margin-bottom:5px}}:host ::ng-deep .logo{color:#fff}::ng-deep .aside-menu .mat-mdc-menu-content{border:none;box-shadow:none;padding:0!important}\n"] }]
+        }], ctorParameters: () => [{ type: i1.SidenavService }, { type: i2.Router }], propDecorators: { isOpened: [{
+                type: Input
+            }], MenuTrigger: [{
+                type: ViewChild,
+                args: ['MenuTrigger']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1uYXYuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYnBtLWNvcmUvc3JjL2xpYi9jb21wb25lbnRzL2FwcC1jb21wb25lbnQtc2VjdGlvbnMvbGF5b3V0L3NpZGUtbmF2L3NpZGUtbmF2LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JwbS1jb3JlL3NyYy9saWIvY29tcG9uZW50cy9hcHAtY29tcG9uZW50LXNlY3Rpb25zL2xheW91dC9zaWRlLW5hdi9zaWRlLW5hdi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLHNCQUFzQixFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDbEYsT0FBTyxFQUFTLFVBQVUsRUFBRSxnQkFBZ0IsRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQ3JFLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFBQyxPQUFPLEVBQUUsY0FBYyxFQUFDLE1BQU0sd0JBQXdCLENBQUM7Ozs7O0FBVy9ELE1BQU0sT0FBTyxnQkFBZ0I7SUEyRlI7SUFBd0M7SUF6RmxELFFBQVEsR0FBRyxLQUFLLENBQUM7SUFDMUIsSUFBSSxHQUFRLEVBQUUsQ0FBQztJQUNmLElBQUksR0FBRztRQUNMO1lBQ0UsSUFBSSxFQUFFLE1BQU07WUFDWixVQUFVLEVBQUUsa0JBQWtCO1lBQzlCLElBQUksRUFBRSxRQUFRO1lBQ2QsT0FBTyxFQUFFLEtBQUs7WUFDZCxJQUFJLEVBQUUsRUFBRTtTQUNUO1FBQ0Q7WUFDRSxJQUFJLEVBQUUsT0FBTztZQUNiLFVBQVUsRUFBRSxrQkFBa0I7WUFDOUIsSUFBSSxFQUFFLFFBQVE7WUFDZCxPQUFPLEVBQUUsS0FBSztZQUNkLElBQUksRUFBRSxFQUFFO1NB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QUMsZUFBZSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMscUJBQXFCLENBQUMsQ0FBQztnQkFDakUsa0NBQWtDO1lBQ3BDLENBQUM7aUJBQU0sQ0FBQztnQkFDTixRQUFRLENBQUMsZUFBZSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMscUJBQXFCLENBQUMsQ0FBQztnQkFDOUQsbUNBQW1DO1lBQ3JDLENBQUM7UUFDSCxDQUFDO0lBQ0gsQ0FBQztJQUVELElBQUksQ0FBQyxHQUFZLEVBQUUsT0FBaUI7UUFDbEMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztZQUNyQixJQUFJLE9BQU8sRUFBRSxDQUFDO2dCQUNaLFFBQVEsQ0FBQyxlQUFlLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO1lBQ25FLENBQUM7aUJBQU0sQ0FBQztnQkFDTixRQUFRLENBQUMsZUFBZSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMscUJBQXFCLENBQUMsQ0FBQztZQUNoRSxDQUFDO1FBQ0gsQ0FBQztRQUNELElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztJQUM5QixDQUFDO3VHQXpJVSxnQkFBZ0I7MkZBQWhCLGdCQUFnQixzTkNkN0IscThEQXlDQSx3aEhEaENZLGdCQUFnQiw2TUFBYyxnQkFBZ0IsNlRBQUUsT0FBTywyUUFBRSxjQUFjOzsyRkFLdEUsZ0JBQWdCO2tCQVI1QixTQUFTOytCQUNFLGNBQWMsY0FDWixJQUFJLFdBQ1AsQ0FBQyxnQkFBZ0IsRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsT0FBTyxFQUFFLGNBQWMsQ0FBQyxXQUd6RSxDQUFDLHNCQUFzQixDQUFDO3dHQUl4QixRQUFRO3NCQUFoQixLQUFLO2dCQXVHb0IsV0FBVztzQkFBcEMsU0FBUzt1QkFBQyxhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIENVU1RPTV9FTEVNRU5UU19TQ0hFTUEsIElucHV0LCBWaWV3Q2hpbGR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge1JvdXRlciwgUm91dGVyTGluaywgUm91dGVyTGlua0FjdGl2ZX0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHtNYXRUb29sdGlwTW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sdGlwJztcclxuaW1wb3J0IHtNYXRNZW51LCBNYXRNZW51VHJpZ2dlcn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbWVudSc7XHJcbmltcG9ydCB7U2lkZW5hdlNlcnZpY2V9IGZyb20gJy4uLy4uLy4uLy4uL3NlcnZpY2VzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLXNpZGUtbmF2JyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtSb3V0ZXJMaW5rQWN0aXZlLCBSb3V0ZXJMaW5rLCBNYXRUb29sdGlwTW9kdWxlLCBNYXRNZW51LCBNYXRNZW51VHJpZ2dlcl0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NpZGUtbmF2LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vc2lkZS1uYXYuY29tcG9uZW50LnNjc3MnLFxyXG4gIHNjaGVtYXM6IFtDVVNUT01fRUxFTUVOVFNfU0NIRU1BXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2lkZU5hdkNvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpIGlzT3BlbmVkID0gZmFsc2U7XHJcbiAgbGFuZzogYW55ID0gJyc7XHJcbiAgTWVudSA9IFtcclxuICAgIHtcclxuICAgICAgbmFtZTogJ0hvbWUnLFxyXG4gICAgICByb3V0ZXJMaW5rOiAnL2dyb3VwL2h1Yi9ob21lMScsXHJcbiAgICAgIGljb246ICdob21lLW8nLFxyXG4gICAgICBtYXRtZW51OiBmYWxzZSxcclxuICAgICAgTGlzdDogW11cclxuICAgIH0sXHJcbiAgICB7XHJcbiAgICAgIG5hbWU6ICdJbmJveCcsXHJcbiAgICAgIHJvdXRlckxpbms6ICcvZ3JvdXAvaHViL2luYm94JyxcclxuICAgICAgaWNvbjogJ21haWwtbycsXHJcbiAgICAgIG1hdG1lbnU6IGZhbHNlLFxyXG4gICAgICBMaXN0OiBbXVxyXG4gICAgfSxcclxuICAgIHtcclxuICAgICAgbmFtZTogJ0RvYm94JyxcclxuICAgICAgcm91dGVyTGluazogJy9ncm91cC9odWIvZG9ib3gnLFxyXG4gICAgICBpY29uOiAnY2hpY2stc3FhdXJlJyxcclxuICAgICAgbWF0bWVudTogZmFsc2UsXHJcbiAgICAgIExpc3Q6IFtdXHJcbiAgICB9LFxyXG4gICAge1xyXG4gICAgICBuYW1lOiAnQ2hhdCcsXHJcbiAgICAgIHJvdXRlckxpbms6ICcvZ3JvdXAvaHViL2NoYXQnLFxyXG4gICAgICBpY29uOiAnY2hhdC1jaXJjbGUtMicsXHJcbiAgICAgIG1hdG1lbnU6IGZhbHNlLFxyXG4gICAgICBMaXN0OiBbXVxyXG4gICAgfSxcclxuICAgIHtcclxuICAgICAgbmFtZTogJ01haWwnLFxyXG4gICAgICByb3V0ZXJMaW5rOiAnL2dyb3VwL2h1Yi9tYWlsJyxcclxuICAgICAgaWNvbjogJ21haWwtZicsXHJcbiAgICAgIG1hdG1lbnU6IGZhbHNlLFxyXG4gICAgICBMaXN0OiBbXVxyXG4gICAgfSxcclxuICAgIHtcclxuICAgICAgbmFtZTogJ01lZXRpbmdzJyxcclxuICAgICAgcm91dGVyTGluazogJy9ncm91cC9odWIvbWVldGluZ3MnLFxyXG4gICAgICBpY29uOiAnY2FsZW5kYXInLFxyXG4gICAgICBtYXRtZW51OiBmYWxzZSxcclxuICAgICAgTGlzdDogW11cclxuICAgIH0sXHJcbiAgICB7XHJcbiAgICAgIG5hbWU6ICdPZmZlcnMnLFxyXG4gICAgICByb3V0ZXJMaW5rOiAnL2dyb3VwL2h1Yi9odWItb2ZmZXJzJyxcclxuICAgICAgaWNvbjogJ3ZvdWNoZXInLFxyXG4gICAgICBtYXRtZW51OiBmYWxzZSxcclxuICAgICAgTGlzdDogW11cclxuICAgIH0sXHJcbiAgICB7XHJcbiAgICAgIG5hbWU6ICdzdGMgdG9kYXknLFxyXG4gICAgICByb3V0ZXJMaW5rOiAnL2dyb3VwL2h1Yi9zdGMtcHJvZmlsZScsXHJcbiAgICAgIGljb246ICdzdGMtcHJvZmlsZS1vJyxcclxuICAgICAgbWF0bWVudTogZmFsc2UsXHJcbiAgICAgIExpc3Q6IFtdXHJcbiAgICB9LFxyXG4gICAge1xyXG4gICAgICBuYW1lOiAnQXJ0aWNsZXMnLFxyXG4gICAgICByb3V0ZXJMaW5rOiAnL2dyb3VwL2h1Yi9hcnRpY2xlcycsXHJcbiAgICAgIGljb246ICdmaWxlLXJldHVybmVkJyxcclxuICAgICAgbWF0bWVudTogZmFsc2UsXHJcbiAgICAgIExpc3Q6IFtdXHJcbiAgICB9LFxyXG4gICAge1xyXG4gICAgICBuYW1lOiAnVGltZWxpbmUnLFxyXG4gICAgICByb3V0ZXJMaW5rOiAnL2dyb3VwL2h1Yi90aW1lbGluZScsXHJcbiAgICAgIGljb246ICdsaXN0LWRvdHMnLFxyXG4gICAgICBtYXRtZW51OiBmYWxzZSxcclxuICAgICAgTGlzdDogW11cclxuICAgIH0sXHJcbiAgICB7XHJcbiAgICAgIG5hbWU6ICdlZm9ybXMnLFxyXG4gICAgICByb3V0ZXJMaW5rOiAnL2dyb3VwL2h1Yi9lZnJvbXMnLFxyXG4gICAgICBpY29uOiAnZmlsZS1vJyxcclxuICAgICAgbWF0bWVudTogZmFsc2UsXHJcbiAgICAgIExpc3Q6IFtdXHJcbiAgICB9LFxyXG4gICAge1xyXG4gICAgICBuYW1lOiAnQXBwcycsXHJcbiAgICAgIHJvdXRlckxpbms6ICcvZ3JvdXAvaHViL2FwcHMnLFxyXG4gICAgICBpY29uOiAnY2FyZCcsXHJcbiAgICAgIG1hdG1lbnU6IGZhbHNlLFxyXG4gICAgICBMaXN0OiBbXVxyXG4gICAgfSxcclxuICBdO1xyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgc2lkZW5hdlNlcnZpY2U6IFNpZGVuYXZTZXJ2aWNlLCBwcml2YXRlIHJvdXRlcjogUm91dGVyKSB7fVxyXG5cclxuXHJcbiAgY2xvc2VTaWRlbmF2KCkge1xyXG4gICAgZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LmNsYXNzTGlzdC5yZW1vdmUoJ21haW4tc2lkZW5hdi1vcGVuZWQnKTtcclxuICAgIC8vIHRoaXMuc2lkZW5hdlNlcnZpY2Uuc2lkZU5hdk9wZW5lZC5uZXh0KGZhbHNlKTtcclxuICB9XHJcblxyXG4gIG5hdmlnYXRlVG8oaXRlbTogYW55KSB7XHJcbiAgICB3aW5kb3cubG9jYXRpb24uaHJlZiA9IGl0ZW0ucm91dGVyTGluaztcclxuICB9XHJcblxyXG4gIGlubmVyV2lkdGg6IGFueTtcclxuICBtZW51TW9iaWxlITogYm9vbGVhbjtcclxuICBAVmlld0NoaWxkKCdNZW51VHJpZ2dlcicpIE1lbnVUcmlnZ2VyITogTWF0TWVudVRyaWdnZXI7XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5pbm5lcldpZHRoID0gd2luZG93LmlubmVyV2lkdGg7XHJcbiAgICBpZiAodGhpcy5pbm5lcldpZHRoIDwgMTAyNCkge1xyXG4gICAgICB0aGlzLm1lbnVNb2JpbGUgPSB0cnVlO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5tZW51TW9iaWxlID0gZmFsc2U7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBtb3VzZW92ZXIobWF0bWVudTogYm9vbGVhbiwgaTogbnVtYmVyKSB7XHJcbiAgICBpZiAoIXRoaXMubWVudU1vYmlsZSkge1xyXG4gICAgICBpZiAobWF0bWVudSkge1xyXG4gICAgICAgIGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKCdtYWluLW92ZXJsYXktY2xvc2VkJyk7XHJcbiAgICAgICAgLy8gdGhpcy5NZW51VHJpZ2dlcltpXS5vcGVuTWVudSgpO1xyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5jbGFzc0xpc3QuYWRkKCdtYWluLW92ZXJsYXktY2xvc2VkJyk7XHJcbiAgICAgICAgLy8gdGhpcy5NZW51VHJpZ2dlcltpXS5jbG9zZU1lbnUoKTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgZ290byh1cmw/OiBzdHJpbmcsIG1hdG1lbnU/OiBib29sZWFuKSB7XHJcbiAgICBpZiAoIXRoaXMubWVudU1vYmlsZSkge1xyXG4gICAgICBpZiAobWF0bWVudSkge1xyXG4gICAgICAgIGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKCdtYWluLW92ZXJsYXktY2xvc2VkJyk7XHJcbiAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LmNsYXNzTGlzdC5hZGQoJ21haW4tb3ZlcmxheS1jbG9zZWQnKTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoW3VybF0pO1xyXG4gIH1cclxufVxyXG4iLCI8YXNpZGU+XHJcbiAgPGRpdiBjbGFzcz1cImhlYWRlciBkLWZsZXggZC1sZy1ub25lXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGgtMTAwIG10LWF1dG8ganVzdGlmeS1jb250ZW50LWJldHdlZW4gdy0xMDBcIj5cclxuICAgICAgPGgxIGNsYXNzPVwiZnMtMjYgZnctYm9sZCBmYy13aGl0ZSBsb2dvXCI+YWNhZGVteTwvaDE+XHJcbiAgICAgIDxkcy1idXR0b24gc2l6ZT1cInNtYWxsXCIgY29sb3I9XCJwdXJwbGVcIiBjbGFzcz1cImNsb3NlIHB1cnBsZVwiIChjbGljayk9XCJjbG9zZVNpZGVuYXYoKVwiPlxyXG4gICAgICAgIDxkcy1pY29uIGljb249XCJjbG9zZVwiIGNsYXNzPVwiZnMtMTUgZmMtd2hpdGVcIj48L2RzLWljb24+XHJcbiAgICAgIDwvZHMtYnV0dG9uPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbiAgPG5hdj5cclxuICAgIDx1bD5cclxuICAgICAgPCEtLSAgKG1vdXNlZW50ZXIpPVwibWVudU1vYmlsZSA/IG51bGwgOiBNZW51VHJpZ2dlci5vcGVuTWVudSgpXCItLT5cclxuICAgICAgPCEtLSAoY2xpY2spPVwiZ290byhpdGVtLnJvdXRlckxpbmssaXRlbS5tYXRtZW51KSAtLT5cclxuICAgICAgQGZvciAoaXRlbSBvZiBNZW51OyB0cmFjayAkaW5kZXgpIHtcclxuICAgICAgICBAaWYgKGl0ZW0ubWF0bWVudSkge1xyXG4gICAgICAgICAgPGxpXHJcbiAgICAgICAgICAgIChjbGljayk9XCJjbG9zZVNpZGVuYXYoKTtuYXZpZ2F0ZVRvKGl0ZW0pXCIgIG1hdFRvb2x0aXBQb3NpdGlvbj1cInJpZ2h0XCIgbWF0VG9vbHRpcD1cInt7aXRlbS5uYW1lIH19XCJcclxuICAgICAgICAgICAgW3JvdXRlckxpbmtBY3RpdmVdPVwiJ2FjdGl2ZSdcIiAoY2xpY2spPVwiZ290byhpdGVtLnJvdXRlckxpbmshLGl0ZW0ubWF0bWVudSlcIiAjTWVudVRyaWdnZXI9XCJtYXRNZW51VHJpZ2dlclwiXHJcbiAgICAgICAgICAgIFttYXRNZW51VHJpZ2dlckZvcl09XCJtZW51TWVudVwiIFtyb3V0ZXJMaW5rQWN0aXZlT3B0aW9uc109XCJ7IGV4YWN0OiB0cnVlIH1cIiBjbGFzcz1cImN1cnNvci1wb2ludGVyXCI+XHJcbiAgICAgICAgICAgIDxkcy1pY29uIGljb249XCJ7e2l0ZW0uaWNvbn19XCIgY2xhc3M9XCJpY29uXCI+PC9kcy1pY29uPlxyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm1lbnUtbGFiZWxcIj5cclxuICAgICAgICAgICAgICB7eyBpdGVtLm5hbWUgfX1cclxuICAgICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgICAgPC9saT5cclxuICAgICAgICAgIDxtYXQtbWVudSAjbWVudU1lbnU9XCJtYXRNZW51XCIgY2xhc3M9XCJhc2lkZS1tZW51ICB2aXNpYmxlLXt7aXRlbS5tYXRtZW51fX1cIj5cclxuICAgICAgICAgICAgPGFwcC1tYXQtbWVudSBbdGl0bGVdPVwiaXRlbS5uYW1lIFwiIFtpY29uXT1cIml0ZW0uaWNvblwiIFtsaXN0XT1cIml0ZW0uTGlzdFwiPjwvYXBwLW1hdC1tZW51PlxyXG4gICAgICAgICAgPC9tYXQtbWVudT5cclxuICAgICAgICB9IEBlbHNlIHtcclxuICAgICAgICAgIDxsaVxyXG4gICAgICAgICAgICAoY2xpY2spPVwiY2xvc2VTaWRlbmF2KCk7bmF2aWdhdGVUbyhpdGVtKVwiICBtYXRUb29sdGlwUG9zaXRpb249XCJyaWdodFwiIG1hdFRvb2x0aXA9XCJ7e2l0ZW0ubmFtZSB9fVwiXHJcbiAgICAgICAgICAgIFtyb3V0ZXJMaW5rQWN0aXZlXT1cIidhY3RpdmUnXCIgW3JvdXRlckxpbmtBY3RpdmVPcHRpb25zXT1cInsgZXhhY3Q6IHRydWUgfVwiIGNsYXNzPVwiY3Vyc29yLXBvaW50ZXJcIj5cclxuICAgICAgICAgICAgPGRzLWljb24gaWNvbj1cInt7aXRlbS5pY29ufX1cIiBjbGFzcz1cImljb25cIj48L2RzLWljb24+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibWVudS1sYWJlbFwiPlxyXG4gICAgICAgICAgICAgIHt7IGl0ZW0ubmFtZSB9fVxyXG4gICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgICA8L2xpPlxyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgPC91bD5cclxuICA8L25hdj5cclxuPC9hc2lkZT5cclxuIl19

package/esm2022/lib/components/app-component-sections/main-request-details/main-request-details.component.mjs

@@ -0,0 +1,34 @@
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';
+import { MatAccordion, MatExpansionModule, MatExpansionPanel } from '@angular/material/expansion';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../services";
+import * as i2 from "@angular/material/expansion";
+export class MainRequestDetailsComponent {
+    i18n;
+    section;
+    lov;
+    form;
+    constructor(i18n) {
+        this.i18n = i18n;
+    }
+    get isExpanded() {
+        return this.section?.body?.details?.['expandStage'] === 'true';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: MainRequestDetailsComponent, deps: [{ token: i1.CoreI18nService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: MainRequestDetailsComponent, isStandalone: true, selector: "app-main-request-details", inputs: { section: "section", lov: "lov", form: "form" }, ngImport: i0, template: "<mat-accordion class=\"primary-accordion main-request-accordion border-top\">\r\n  <mat-expansion-panel\r\n    [expanded]=\"isExpanded || form?.sections?.length === 1\"\r\n    class=\"mb-3\"\r\n    hideToggle\r\n    #requestPanel=\"matExpansionPanel\"\r\n  >\r\n    <mat-expansion-panel-header>\r\n      <h2 class=\"fs-16 fw-medium fc-coral m-0 flex-grow-1\">\r\n        {{ i18n.translate(\"requestDetailsTitle\") }}\r\n      </h2>\r\n      @if (requestPanel.expanded) {\r\n      <div class=\"d-inline-flex align-items-center gap-2\">\r\n        <ds-icon icon=\"minus\" class=\"fs-20 fc-dark-gray\"></ds-icon>\r\n      </div>\r\n      } @else {\r\n      <div class=\"d-inline-flex align-items-center gap-2\">\r\n        <ds-icon icon=\"plus-1\" class=\"fs-20 fc-coral\"></ds-icon>\r\n      </div>\r\n      }\r\n    </mat-expansion-panel-header>\r\n    <section class=\"default-box box-shadow p-4 rounded-4\">\r\n      <ng-content></ng-content>\r\n    </section>\r\n  </mat-expansion-panel>\r\n</mat-accordion>\r\n", styles: [".main-request-accordion{--accordion-height: 65px;--accordion-radius: 0 0 4px 4px;--accordion-shadow: 0 7px 10px rgba(var(--rgb-black), 3%);--accordion-border: 1px solid var(--light-gray);--accordion-border-active: 1px solid var(--gray);--panel-padding: 0 1.5rem;--panel-body-padding: 0 0 1.5rem;position:relative;z-index:1}@media (max-width: 576px){.main-request-accordion{--accordion-height: 55px;--panel-padding: 0 1rem;--panel-body-padding: 0 1rem 1rem}}.main-request-accordion .inner-accordion{--accordion-height: 44px;--accordion-bc: var(--light-gray);--accordion-bc-active: var(--white);--accordion-border: 1px solid var(--light-gray);--accordion-border-active: 1px solid var(--light-gray);--panel-body-padding: 0;--accordion-shadow: none;--panel-padding: 0 1.5rem}\n"], dependencies: [{ kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i2.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: MainRequestDetailsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-main-request-details', standalone: true, schemas: [CUSTOM_ELEMENTS_SCHEMA], imports: [
+                        MatExpansionModule,
+                        MatAccordion,
+                        MatExpansionPanel
+                    ], template: "<mat-accordion class=\"primary-accordion main-request-accordion border-top\">\r\n  <mat-expansion-panel\r\n    [expanded]=\"isExpanded || form?.sections?.length === 1\"\r\n    class=\"mb-3\"\r\n    hideToggle\r\n    #requestPanel=\"matExpansionPanel\"\r\n  >\r\n    <mat-expansion-panel-header>\r\n      <h2 class=\"fs-16 fw-medium fc-coral m-0 flex-grow-1\">\r\n        {{ i18n.translate(\"requestDetailsTitle\") }}\r\n      </h2>\r\n      @if (requestPanel.expanded) {\r\n      <div class=\"d-inline-flex align-items-center gap-2\">\r\n        <ds-icon icon=\"minus\" class=\"fs-20 fc-dark-gray\"></ds-icon>\r\n      </div>\r\n      } @else {\r\n      <div class=\"d-inline-flex align-items-center gap-2\">\r\n        <ds-icon icon=\"plus-1\" class=\"fs-20 fc-coral\"></ds-icon>\r\n      </div>\r\n      }\r\n    </mat-expansion-panel-header>\r\n    <section class=\"default-box box-shadow p-4 rounded-4\">\r\n      <ng-content></ng-content>\r\n    </section>\r\n  </mat-expansion-panel>\r\n</mat-accordion>\r\n", styles: [".main-request-accordion{--accordion-height: 65px;--accordion-radius: 0 0 4px 4px;--accordion-shadow: 0 7px 10px rgba(var(--rgb-black), 3%);--accordion-border: 1px solid var(--light-gray);--accordion-border-active: 1px solid var(--gray);--panel-padding: 0 1.5rem;--panel-body-padding: 0 0 1.5rem;position:relative;z-index:1}@media (max-width: 576px){.main-request-accordion{--accordion-height: 55px;--panel-padding: 0 1rem;--panel-body-padding: 0 1rem 1rem}}.main-request-accordion .inner-accordion{--accordion-height: 44px;--accordion-bc: var(--light-gray);--accordion-bc-active: var(--white);--accordion-border: 1px solid var(--light-gray);--accordion-border-active: 1px solid var(--light-gray);--panel-body-padding: 0;--accordion-shadow: none;--panel-padding: 0 1.5rem}\n"] }]
+        }], ctorParameters: () => [{ type: i1.CoreI18nService }], propDecorators: { section: [{
+                type: Input
+            }], lov: [{
+                type: Input
+            }], form: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFpbi1yZXF1ZXN0LWRldGFpbHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYnBtLWNvcmUvc3JjL2xpYi9jb21wb25lbnRzL2FwcC1jb21wb25lbnQtc2VjdGlvbnMvbWFpbi1yZXF1ZXN0LWRldGFpbHMvbWFpbi1yZXF1ZXN0LWRldGFpbHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYnBtLWNvcmUvc3JjL2xpYi9jb21wb25lbnRzL2FwcC1jb21wb25lbnQtc2VjdGlvbnMvbWFpbi1yZXF1ZXN0LWRldGFpbHMvbWFpbi1yZXF1ZXN0LWRldGFpbHMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxzQkFBc0IsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHekUsT0FBTyxFQUFDLFlBQVksRUFBRSxrQkFBa0IsRUFBRSxpQkFBaUIsRUFBQyxNQUFNLDZCQUE2QixDQUFDOzs7O0FBY2hHLE1BQU0sT0FBTywyQkFBMkI7SUFJbkI7SUFIVixPQUFPLENBQVU7SUFDakIsR0FBRyxDQUFNO0lBQ1QsSUFBSSxDQUFPO0lBQ3BCLFlBQW1CLElBQXFCO1FBQXJCLFNBQUksR0FBSixJQUFJLENBQWlCO0lBQUcsQ0FBQztJQUU1QyxJQUFJLFVBQVU7UUFDWixPQUFPLElBQUksQ0FBQyxPQUFPLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxDQUFDLGFBQWEsQ0FBQyxLQUFLLE1BQU0sQ0FBQztJQUNqRSxDQUFDO3VHQVJVLDJCQUEyQjsyRkFBM0IsMkJBQTJCLDhJQ2pCeEMsdS9CQTBCQSw4ekJEZEksa0JBQWtCOzsyRkFLVCwyQkFBMkI7a0JBWnZDLFNBQVM7K0JBQ0UsMEJBQTBCLGNBR3hCLElBQUksV0FDUCxDQUFDLHNCQUFzQixDQUFDLFdBQ3hCO3dCQUNQLGtCQUFrQjt3QkFDbEIsWUFBWTt3QkFDWixpQkFBaUI7cUJBQ2xCO29GQUdRLE9BQU87c0JBQWYsS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDVVNUT01fRUxFTUVOVFNfU0NIRU1BLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb3JlSTE4blNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcyc7XHJcbmltcG9ydCB7IEZvcm0sIFNlY3Rpb24gfSBmcm9tICcuLi8uLi8uLi9pbnRlcmZhY2VzJztcclxuaW1wb3J0IHtNYXRBY2NvcmRpb24sIE1hdEV4cGFuc2lvbk1vZHVsZSwgTWF0RXhwYW5zaW9uUGFuZWx9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2V4cGFuc2lvbic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1tYWluLXJlcXVlc3QtZGV0YWlscycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL21haW4tcmVxdWVzdC1kZXRhaWxzLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9tYWluLXJlcXVlc3QtZGV0YWlscy5jb21wb25lbnQuc2NzcyddLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIE1hdEV4cGFuc2lvbk1vZHVsZSxcclxuICAgIE1hdEFjY29yZGlvbixcclxuICAgIE1hdEV4cGFuc2lvblBhbmVsXHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTWFpblJlcXVlc3REZXRhaWxzQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBzZWN0aW9uOiBTZWN0aW9uO1xyXG4gIEBJbnB1dCgpIGxvdjogYW55O1xyXG4gIEBJbnB1dCgpIGZvcm06IEZvcm07XHJcbiAgY29uc3RydWN0b3IocHVibGljIGkxOG46IENvcmVJMThuU2VydmljZSkge31cclxuXHJcbiAgZ2V0IGlzRXhwYW5kZWQoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy5zZWN0aW9uPy5ib2R5Py5kZXRhaWxzPy5bJ2V4cGFuZFN0YWdlJ10gPT09ICd0cnVlJztcclxuICB9XHJcbn1cclxuIiwiPG1hdC1hY2NvcmRpb24gY2xhc3M9XCJwcmltYXJ5LWFjY29yZGlvbiBtYWluLXJlcXVlc3QtYWNjb3JkaW9uIGJvcmRlci10b3BcIj5cclxuICA8bWF0LWV4cGFuc2lvbi1wYW5lbFxyXG4gICAgW2V4cGFuZGVkXT1cImlzRXhwYW5kZWQgfHwgZm9ybT8uc2VjdGlvbnM/Lmxlbmd0aCA9PT0gMVwiXHJcbiAgICBjbGFzcz1cIm1iLTNcIlxyXG4gICAgaGlkZVRvZ2dsZVxyXG4gICAgI3JlcXVlc3RQYW5lbD1cIm1hdEV4cGFuc2lvblBhbmVsXCJcclxuICA+XHJcbiAgICA8bWF0LWV4cGFuc2lvbi1wYW5lbC1oZWFkZXI+XHJcbiAgICAgIDxoMiBjbGFzcz1cImZzLTE2IGZ3LW1lZGl1bSBmYy1jb3JhbCBtLTAgZmxleC1ncm93LTFcIj5cclxuICAgICAgICB7eyBpMThuLnRyYW5zbGF0ZShcInJlcXVlc3REZXRhaWxzVGl0bGVcIikgfX1cclxuICAgICAgPC9oMj5cclxuICAgICAgQGlmIChyZXF1ZXN0UGFuZWwuZXhwYW5kZWQpIHtcclxuICAgICAgPGRpdiBjbGFzcz1cImQtaW5saW5lLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIGdhcC0yXCI+XHJcbiAgICAgICAgPGRzLWljb24gaWNvbj1cIm1pbnVzXCIgY2xhc3M9XCJmcy0yMCBmYy1kYXJrLWdyYXlcIj48L2RzLWljb24+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICB9IEBlbHNlIHtcclxuICAgICAgPGRpdiBjbGFzcz1cImQtaW5saW5lLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIGdhcC0yXCI+XHJcbiAgICAgICAgPGRzLWljb24gaWNvbj1cInBsdXMtMVwiIGNsYXNzPVwiZnMtMjAgZmMtY29yYWxcIj48L2RzLWljb24+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICB9XHJcbiAgICA8L21hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyPlxyXG4gICAgPHNlY3Rpb24gY2xhc3M9XCJkZWZhdWx0LWJveCBib3gtc2hhZG93IHAtNCByb3VuZGVkLTRcIj5cclxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPC9zZWN0aW9uPlxyXG4gIDwvbWF0LWV4cGFuc2lvbi1wYW5lbD5cclxuPC9tYXQtYWNjb3JkaW9uPlxyXG4iXX0=