@dflat-core/web 1.0.0-beta → 1.0.2

package/fesm2022/dflat-core-web-core-ux.mjs

@@ -11042,11 +11042,11 @@ class DefaultLayoutComponent {
         this.router.navigate(['/']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: DefaultLayoutComponent, deps: [{ token: i0.Renderer2 }, { token: i1$1.UserService }, { token: i1$1.MenuService }, { token: i1$1.AuthService }, { token: i1$1.HubService }, { token: i2$4.ActivatedRoute }, { token: i2$4.Router }, { token: ActionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", type: DefaultLayoutComponent, isStandalone: false, selector: "alg-default-layout", viewQueries: [{ propertyName: "sidebar", first: true, predicate: ["sidebar"], descendants: true }], ngImport: i0, template: "<div class=\"base-container\">\n    <div class=\"base-topbar\">\n\n        <div class=\"left-topbar\">\n            <button class=\"btn btn-primary btn-lg sidebar-button\" (click)=\"onToggleButtonClick()\">\n                <i class=\"fa fa-bars\"></i>\n            </button>\n\n            <div (click)=\"this.backHome()\">\n                <!-- <img src=\"assets/images/LogoMarsow.svg\" class=\"mini-logo-lg\" /> -->\n            </div>\n            <div (click)=\"this.backHome()\">\n                <span class=\"dflat-logo\"><b>Marsow</b></span>\n            </div>\n        </div>\n\n        <div class=\"center-topbar\"></div>\n\n            <!-- JC le 02/04/2024 Ajout du champs de recherche global dans le titre  -->\n            <div class = \"position_search\">\n\n                <!-- <input class=\"search\" type=\"text\" placeholder=\"Rechercher...\" name=\"keyword\"/> -->\n\n                <input class=\"search\" (keyup.enter)=\"handleKeyboardEnter(keyword)\" type=\"text\" \n                name=\"keyword\" #uniquename=\"ngModel\" [placeholder]=\"this.searchText\" [(ngModel)]=\"keyword\" />\n            </div>\n\n        <div class=\"right-topbar\">\n            <button class=\"btn btn-primary btn-lg sidebar-button\" (click)=\"onUserInfos()\">\n                <i class=\"fa fa-user\"></i>\n            </button>\n            <button class=\"btn btn-primary btn-lg sidebar-button\" (click)=\"onlogOut()\">\n                <i class=\"fa fa-power-off\"></i>\n            </button>\n        </div>\n\n    </div>\n\n    <div class=\"base-main\">\n        <div class=\"sidebar-outcontainer\">\n            <div #sidebar ngClass=\"sidebar-container collapsed\">\n                <alg-menu [menuItems]=\"mylinks\" (itemClicked)=\"handleItemClicked($event)\"></alg-menu>\n            </div>\n        </div>\n        <div class=\"main-content\">\n            <div class=\"main-component\">\n                <router-outlet>\n                    \n                </router-outlet>\n            </div>\n        </div>\n    </div>\n    <!-- <div class=\"footer\">\n        Copyright &copy; {{this.year}} ALGORIMA\n    </div> -->\n</div>\n\n\n ", styles: [".home-page{font-family:Open sans,sans-serif;background:#fff;-webkit-font-smoothing:antialiased;height:100%;width:100%;padding:16px}.main-container{margin:0 50px}.main-container-modal{width:calc(100% - 50px);margin:10px 25px 0}.moyen-titre{font-weight:700;font-size:24px;color:#4d5a81;margin:8px 0;border-bottom:solid 1px #DBE4FF}.grand-titre{font-weight:700;font-size:28px;color:#4d5a81;margin:0 0 8px}.petit-titre{font-weight:700;font-size:16px;color:#4d5a81;margin:0 0 8px}.petit-titre.underlined{border-bottom:solid 1px #4D5A81}.paragraph{padding:0 15px}.paragraph-highlight{padding:5px 15px 0 12px;border-left:5px solid #8EA7F8;border-bottom:1px solid #DBE4FF;border-top:1px solid #DBE4FF;border-right:1px solid #DBE4FF;background-color:#f7faff}.highlight{background-color:#f7faff;border:1px solid #DBE4FF;border-radius:5px;padding:15px;color:#3c5dc4;margin:0 0 16px}.highlight p{margin-bottom:0}.highlight:before{position:relative;display:block;float:left;width:24px;height:24px;content:\" \";background-size:24px 24px;-webkit-background-size:24px 24px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"53.294\" height=\"50.629\" viewBox=\"0 0 53.294 50.629\">%0D%0A  <path id=\"allerg\\e8ne\" d=\"M830.494,25.793l-5.814,6.783.727,8.963-8.721,1.938-4.6,7.752L803.847,47.6l-8.236,3.634-4.6-7.51-8.721-1.938.727-8.963L777.2,26.035l5.814-6.783-.727-8.963,8.721-1.938L795.61.6l8.236,3.634L812.083.6l4.6,7.752,8.721,1.938-.727,8.963Zm-24.467,2.422V13.681h-4.845V28.216Zm0,9.69V33.06h-4.845v4.845Z\" transform=\"translate(-777.2 -0.6)\"/>%0D%0A</svg>%0D%0A');background-repeat:no-repeat;margin:0 8px 24px 0;filter:invert(31%) sepia(51%) saturate(1323%) hue-rotate(199deg) brightness(99%) contrast(94%)}.notification{background-color:#dbe4ff;border:1px solid #C4D0F9;border-radius:5px;color:#4d5a81;margin:16px;padding:5px 15px;text-align:justify}.notification:before{position:relative;display:block;float:left;width:24px;height:24px;content:\" \";background-size:24px 24px;-webkit-background-size:24px 24px;background-image:url('data:image/svg+xml,<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"info-circle\" class=\"svg-inline--fa fa-info-circle fa-w-16\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z\"></path></svg>');background-repeat:no-repeat;margin:0 8px 0 0;filter:invert(31%) sepia(8%) saturate(2329%) hue-rotate(188deg) brightness(103%) contrast(85%)}.notification-text{padding:0 15px 0 30px;font-size:16px}.sidebar-incontainer{height:100%;overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}.sidebar-outcontainer{height:100%;background:#3c5dc4;-ms-overflow-style:none;scrollbar-width:none}.sidebar-outcontainer::-webkit-scrollbar{display:none}.sidebar-button{width:50px;font-size:16px}.btn.btn-primary:hover,.btn.btn-primary:focus,.btn.btn-primary:active{color:#f7faff;background-color:#4465c9;border-color:#4465c9}.base-container{display:flex;width:100%;height:100%;flex-direction:column;flex-grow:1;flex-shrink:0;overflow:auto}.base-topbar{display:flex;flex-grow:0;flex-shrink:0;width:100%;height:50px;background:#4465c9;align-content:center}.right-topbar{display:flex;margin-left:auto;order:2}.base-main{flex-grow:1;flex-shrink:0;height:50%;display:flex;flex-direction:row;justify-content:stretch;align-content:flex-start;flex-wrap:nowrap}.footer{display:none;width:100%;height:30px;background:#3c5dc4;color:#fff;padding:5px}.main-content{display:flex;flex-direction:column;width:100%;height:100%;flex-grow:1;flex-shrink:1;overflow:auto;margin-left:0}.left-topbar{display:flex;align-content:center}.left-topbar>div{height:50px}.left-topbar>div>span{line-height:50px;vertical-align:middle}.sidebar-container{display:flex;flex-direction:column;overflow-y:scroll;height:calc(100% - 50px);min-width:230px;width:230px;background:#3c5dc4;position:fixed;transform:translate(-100%);transition:transform .25s ease-in-out;z-index:2000}.sidebar-container.collapsed{margin-left:-230px;transition:ease-in .1s all}.sidebar-container.uncollapsed{margin-left:0;width:230px;min-width:230px;transition:ease-in .1s all}.sidebar-hover-zone{position:fixed;top:50px;left:0;width:50px;height:calc(100% - 50px);z-index:1000;background:#3c5dc4}.sidebar-container.visible{transform:translate(0)}.menu-container{display:flex;flex-direction:column;flex:1}.main-component{width:100%;height:100%;overflow:auto}.mini-logo3D-lg{width:auto;height:80px;background:#4465c9;padding:0 30px 0 0;margin-left:0;margin-top:0;cursor:pointer}.mini-logo-lg{width:auto;height:40px;background:#4465c9;padding:5px;margin-left:0;margin-top:5px;cursor:pointer}.dflat-logo{font-family:ErasITC-Bold,Eras ITC,Eras Light ITC,sans-serif;font-size:16pt;color:#fff;cursor:pointer}.breadcrumb-panel{height:44x;width:100%;border-bottom:solid 1px var(--main-bg-color)}.search-bar-container{margin-left:55px;margin-top:-5px}.search{border-radius:5px;border:1px solid #8FA3DF;background-color:#4465c9;padding-left:30px;margin-top:14px;width:400px;color:#fff}::placeholder{color:#8fa3df}.search-bar-container:before{position:relative;display:block;float:left;width:16px;height:16px;content:\" \";background-size:16px 16px;-webkit-background-size:16px 16px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"49.485\" height=\"49.485\" viewBox=\"0 0 49.485 49.485\">%0D%0A  <path id=\"Recherche\" d=\"M31.88,37.039A20.324,20.324,0,1,1,12.411,1.6,20.324,20.324,0,0,1,37.039,31.88L49.485,44.326l-5.158,5.158ZM10.373,10.373a14.07,14.07,0,1,0,9.948-4.12A13.977,13.977,0,0,0,10.373,10.373Z\"/>%0D%0A</svg>%0D%0A');background-repeat:no-repeat;margin:9px -40px 0 9px;filter:invert(60%) sepia(57%) saturate(394%) hue-rotate(191deg) brightness(99%) contrast(96%)}.user-menu{display:flex;flex-direction:column;padding:10px}.mini-logo-histo{display:flex;justify-content:flex-end;width:auto;height:40px;background:#4465c9;padding:5px;margin-left:0;margin-top:5px;cursor:pointer}@media screen and (max-width:500px){.search{width:150px}}\n"], dependencies: [{ kind: "directive", type: i2$4.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: MenuComponent, selector: "alg-menu", inputs: ["horizontalMode", "compact", "menuItems", "isFixed", "displaySearchBar"], outputs: ["itemClicked"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", type: DefaultLayoutComponent, isStandalone: false, selector: "alg-default-layout", viewQueries: [{ propertyName: "sidebar", first: true, predicate: ["sidebar"], descendants: true }], ngImport: i0, template: "<div class=\"base-container\">\n    <div class=\"base-topbar\">\n\n        <div class=\"left-topbar\">\n            <button class=\"btn btn-primary btn-lg sidebar-button\" (click)=\"onToggleButtonClick()\">\n                <i class=\"fa fa-bars\"></i>\n            </button>\n\n            <div (click)=\"this.backHome()\">\n                <!-- <img src=\"assets/images/dflat-icone-positif.svg\" class=\"mini-logo-lg\" /> -->\n            </div>\n            <div (click)=\"this.backHome()\">\n                <span class=\"dflat-logo\"><b>DFlat</b></span>\n            </div>\n        </div>\n\n        <div class=\"center-topbar\"></div>\n\n            <!-- JC le 02/04/2024 Ajout du champs de recherche global dans le titre  -->\n            <div class = \"position_search\">\n\n                <!-- <input class=\"search\" type=\"text\" placeholder=\"Rechercher...\" name=\"keyword\"/> -->\n\n                <input class=\"search\" (keyup.enter)=\"handleKeyboardEnter(keyword)\" type=\"text\" \n                name=\"keyword\" #uniquename=\"ngModel\" [placeholder]=\"this.searchText\" [(ngModel)]=\"keyword\" />\n            </div>\n\n        <div class=\"right-topbar\">\n            <button class=\"btn btn-primary btn-lg sidebar-button\" (click)=\"onUserInfos()\">\n                <i class=\"fa fa-user\"></i>\n            </button>\n            <button class=\"btn btn-primary btn-lg sidebar-button\" (click)=\"onlogOut()\">\n                <i class=\"fa fa-power-off\"></i>\n            </button>\n        </div>\n\n    </div>\n\n    <div class=\"base-main\">\n        <div class=\"sidebar-outcontainer\">\n            <div #sidebar ngClass=\"sidebar-container collapsed\">\n                <alg-menu [menuItems]=\"mylinks\" (itemClicked)=\"handleItemClicked($event)\"></alg-menu>\n            </div>\n        </div>\n        <div class=\"main-content\">\n            <div class=\"main-component\">\n                <router-outlet>\n                    \n                </router-outlet>\n            </div>\n        </div>\n    </div>\n    <!-- <div class=\"footer\">\n        Copyright &copy; {{this.year}} ALGORIMA\n    </div> -->\n</div>\n\n\n ", styles: [".home-page{font-family:Open sans,sans-serif;background:#fff;-webkit-font-smoothing:antialiased;height:100%;width:100%;padding:16px}.main-container{margin:0 50px}.main-container-modal{width:calc(100% - 50px);margin:10px 25px 0}.moyen-titre{font-weight:700;font-size:24px;color:#4d5a81;margin:8px 0;border-bottom:solid 1px #DBE4FF}.grand-titre{font-weight:700;font-size:28px;color:#4d5a81;margin:0 0 8px}.petit-titre{font-weight:700;font-size:16px;color:#4d5a81;margin:0 0 8px}.petit-titre.underlined{border-bottom:solid 1px #4D5A81}.paragraph{padding:0 15px}.paragraph-highlight{padding:5px 15px 0 12px;border-left:5px solid #8EA7F8;border-bottom:1px solid #DBE4FF;border-top:1px solid #DBE4FF;border-right:1px solid #DBE4FF;background-color:#f7faff}.highlight{background-color:#f7faff;border:1px solid #DBE4FF;border-radius:5px;padding:15px;color:#3c5dc4;margin:0 0 16px}.highlight p{margin-bottom:0}.highlight:before{position:relative;display:block;float:left;width:24px;height:24px;content:\" \";background-size:24px 24px;-webkit-background-size:24px 24px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"53.294\" height=\"50.629\" viewBox=\"0 0 53.294 50.629\">%0D%0A  <path id=\"allerg\\e8ne\" d=\"M830.494,25.793l-5.814,6.783.727,8.963-8.721,1.938-4.6,7.752L803.847,47.6l-8.236,3.634-4.6-7.51-8.721-1.938.727-8.963L777.2,26.035l5.814-6.783-.727-8.963,8.721-1.938L795.61.6l8.236,3.634L812.083.6l4.6,7.752,8.721,1.938-.727,8.963Zm-24.467,2.422V13.681h-4.845V28.216Zm0,9.69V33.06h-4.845v4.845Z\" transform=\"translate(-777.2 -0.6)\"/>%0D%0A</svg>%0D%0A');background-repeat:no-repeat;margin:0 8px 24px 0;filter:invert(31%) sepia(51%) saturate(1323%) hue-rotate(199deg) brightness(99%) contrast(94%)}.notification{background-color:#dbe4ff;border:1px solid #C4D0F9;border-radius:5px;color:#4d5a81;margin:16px;padding:5px 15px;text-align:justify}.notification:before{position:relative;display:block;float:left;width:24px;height:24px;content:\" \";background-size:24px 24px;-webkit-background-size:24px 24px;background-image:url('data:image/svg+xml,<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"info-circle\" class=\"svg-inline--fa fa-info-circle fa-w-16\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z\"></path></svg>');background-repeat:no-repeat;margin:0 8px 0 0;filter:invert(31%) sepia(8%) saturate(2329%) hue-rotate(188deg) brightness(103%) contrast(85%)}.notification-text{padding:0 15px 0 30px;font-size:16px}.sidebar-incontainer{height:100%;overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}.sidebar-outcontainer{height:100%;background:#3c5dc4;-ms-overflow-style:none;scrollbar-width:none}.sidebar-outcontainer::-webkit-scrollbar{display:none}.sidebar-button{width:50px;font-size:16px}.btn.btn-primary:hover,.btn.btn-primary:focus,.btn.btn-primary:active{color:#f7faff;background-color:#4465c9;border-color:#4465c9}.base-container{display:flex;width:100%;height:100%;flex-direction:column;flex-grow:1;flex-shrink:0;overflow:auto}.base-topbar{display:flex;flex-grow:0;flex-shrink:0;width:100%;height:50px;background:#4465c9;align-content:center}.right-topbar{display:flex;margin-left:auto;order:2}.base-main{flex-grow:1;flex-shrink:0;height:50%;display:flex;flex-direction:row;justify-content:stretch;align-content:flex-start;flex-wrap:nowrap}.footer{display:none;width:100%;height:30px;background:#3c5dc4;color:#fff;padding:5px}.main-content{display:flex;flex-direction:column;width:100%;height:100%;flex-grow:1;flex-shrink:1;overflow:auto;margin-left:0}.left-topbar{display:flex;align-content:center}.left-topbar>div{height:50px}.left-topbar>div>span{line-height:50px;vertical-align:middle}.sidebar-container{display:flex;flex-direction:column;overflow-y:scroll;height:calc(100% - 50px);min-width:230px;width:230px;background:#3c5dc4;position:fixed;transform:translate(-100%);transition:transform .25s ease-in-out;z-index:2000}.sidebar-container.collapsed{margin-left:-230px;transition:ease-in .1s all}.sidebar-container.uncollapsed{margin-left:0;width:230px;min-width:230px;transition:ease-in .1s all}.sidebar-hover-zone{position:fixed;top:50px;left:0;width:50px;height:calc(100% - 50px);z-index:1000;background:#3c5dc4}.sidebar-container.visible{transform:translate(0)}.menu-container{display:flex;flex-direction:column;flex:1}.main-component{width:100%;height:100%;overflow:auto}.mini-logo3D-lg{width:auto;height:80px;background:#4465c9;padding:0 30px 0 0;margin-left:0;margin-top:0;cursor:pointer}.mini-logo-lg{width:auto;height:40px;background:transparent;filter:brightness(0) invert(1);padding:5px;margin-left:0;margin-top:5px;cursor:pointer}.dflat-logo{font-family:ErasITC-Bold,Eras ITC,Eras Light ITC,sans-serif;font-size:16pt;color:#fff;cursor:pointer}.breadcrumb-panel{height:44x;width:100%;border-bottom:solid 1px var(--main-bg-color)}.search-bar-container{margin-left:55px;margin-top:-5px}.search{border-radius:5px;border:1px solid #8FA3DF;background-color:#4465c9;padding-left:30px;margin-top:14px;width:400px;color:#fff}::placeholder{color:#8fa3df}.search-bar-container:before{position:relative;display:block;float:left;width:16px;height:16px;content:\" \";background-size:16px 16px;-webkit-background-size:16px 16px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"49.485\" height=\"49.485\" viewBox=\"0 0 49.485 49.485\">%0D%0A  <path id=\"Recherche\" d=\"M31.88,37.039A20.324,20.324,0,1,1,12.411,1.6,20.324,20.324,0,0,1,37.039,31.88L49.485,44.326l-5.158,5.158ZM10.373,10.373a14.07,14.07,0,1,0,9.948-4.12A13.977,13.977,0,0,0,10.373,10.373Z\"/>%0D%0A</svg>%0D%0A');background-repeat:no-repeat;margin:9px -40px 0 9px;filter:invert(60%) sepia(57%) saturate(394%) hue-rotate(191deg) brightness(99%) contrast(96%)}.user-menu{display:flex;flex-direction:column;padding:10px}.mini-logo-histo{display:flex;justify-content:flex-end;width:auto;height:40px;background:#4465c9;padding:5px;margin-left:0;margin-top:5px;cursor:pointer}@media screen and (max-width:500px){.search{width:150px}}\n"], dependencies: [{ kind: "directive", type: i2$4.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: MenuComponent, selector: "alg-menu", inputs: ["horizontalMode", "compact", "menuItems", "isFixed", "displaySearchBar"], outputs: ["itemClicked"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: DefaultLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'alg-default-layout', standalone: false, template: "<div class=\"base-container\">\n    <div class=\"base-topbar\">\n\n        <div class=\"left-topbar\">\n            <button class=\"btn btn-primary btn-lg sidebar-button\" (click)=\"onToggleButtonClick()\">\n                <i class=\"fa fa-bars\"></i>\n            </button>\n\n            <div (click)=\"this.backHome()\">\n                <!-- <img src=\"assets/images/LogoMarsow.svg\" class=\"mini-logo-lg\" /> -->\n            </div>\n            <div (click)=\"this.backHome()\">\n                <span class=\"dflat-logo\"><b>Marsow</b></span>\n            </div>\n        </div>\n\n        <div class=\"center-topbar\"></div>\n\n            <!-- JC le 02/04/2024 Ajout du champs de recherche global dans le titre  -->\n            <div class = \"position_search\">\n\n                <!-- <input class=\"search\" type=\"text\" placeholder=\"Rechercher...\" name=\"keyword\"/> -->\n\n                <input class=\"search\" (keyup.enter)=\"handleKeyboardEnter(keyword)\" type=\"text\" \n                name=\"keyword\" #uniquename=\"ngModel\" [placeholder]=\"this.searchText\" [(ngModel)]=\"keyword\" />\n            </div>\n\n        <div class=\"right-topbar\">\n            <button class=\"btn btn-primary btn-lg sidebar-button\" (click)=\"onUserInfos()\">\n                <i class=\"fa fa-user\"></i>\n            </button>\n            <button class=\"btn btn-primary btn-lg sidebar-button\" (click)=\"onlogOut()\">\n                <i class=\"fa fa-power-off\"></i>\n            </button>\n        </div>\n\n    </div>\n\n    <div class=\"base-main\">\n        <div class=\"sidebar-outcontainer\">\n            <div #sidebar ngClass=\"sidebar-container collapsed\">\n                <alg-menu [menuItems]=\"mylinks\" (itemClicked)=\"handleItemClicked($event)\"></alg-menu>\n            </div>\n        </div>\n        <div class=\"main-content\">\n            <div class=\"main-component\">\n                <router-outlet>\n                    \n                </router-outlet>\n            </div>\n        </div>\n    </div>\n    <!-- <div class=\"footer\">\n        Copyright &copy; {{this.year}} ALGORIMA\n    </div> -->\n</div>\n\n\n ", styles: [".home-page{font-family:Open sans,sans-serif;background:#fff;-webkit-font-smoothing:antialiased;height:100%;width:100%;padding:16px}.main-container{margin:0 50px}.main-container-modal{width:calc(100% - 50px);margin:10px 25px 0}.moyen-titre{font-weight:700;font-size:24px;color:#4d5a81;margin:8px 0;border-bottom:solid 1px #DBE4FF}.grand-titre{font-weight:700;font-size:28px;color:#4d5a81;margin:0 0 8px}.petit-titre{font-weight:700;font-size:16px;color:#4d5a81;margin:0 0 8px}.petit-titre.underlined{border-bottom:solid 1px #4D5A81}.paragraph{padding:0 15px}.paragraph-highlight{padding:5px 15px 0 12px;border-left:5px solid #8EA7F8;border-bottom:1px solid #DBE4FF;border-top:1px solid #DBE4FF;border-right:1px solid #DBE4FF;background-color:#f7faff}.highlight{background-color:#f7faff;border:1px solid #DBE4FF;border-radius:5px;padding:15px;color:#3c5dc4;margin:0 0 16px}.highlight p{margin-bottom:0}.highlight:before{position:relative;display:block;float:left;width:24px;height:24px;content:\" \";background-size:24px 24px;-webkit-background-size:24px 24px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"53.294\" height=\"50.629\" viewBox=\"0 0 53.294 50.629\">%0D%0A  <path id=\"allerg\\e8ne\" d=\"M830.494,25.793l-5.814,6.783.727,8.963-8.721,1.938-4.6,7.752L803.847,47.6l-8.236,3.634-4.6-7.51-8.721-1.938.727-8.963L777.2,26.035l5.814-6.783-.727-8.963,8.721-1.938L795.61.6l8.236,3.634L812.083.6l4.6,7.752,8.721,1.938-.727,8.963Zm-24.467,2.422V13.681h-4.845V28.216Zm0,9.69V33.06h-4.845v4.845Z\" transform=\"translate(-777.2 -0.6)\"/>%0D%0A</svg>%0D%0A');background-repeat:no-repeat;margin:0 8px 24px 0;filter:invert(31%) sepia(51%) saturate(1323%) hue-rotate(199deg) brightness(99%) contrast(94%)}.notification{background-color:#dbe4ff;border:1px solid #C4D0F9;border-radius:5px;color:#4d5a81;margin:16px;padding:5px 15px;text-align:justify}.notification:before{position:relative;display:block;float:left;width:24px;height:24px;content:\" \";background-size:24px 24px;-webkit-background-size:24px 24px;background-image:url('data:image/svg+xml,<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"info-circle\" class=\"svg-inline--fa fa-info-circle fa-w-16\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z\"></path></svg>');background-repeat:no-repeat;margin:0 8px 0 0;filter:invert(31%) sepia(8%) saturate(2329%) hue-rotate(188deg) brightness(103%) contrast(85%)}.notification-text{padding:0 15px 0 30px;font-size:16px}.sidebar-incontainer{height:100%;overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}.sidebar-outcontainer{height:100%;background:#3c5dc4;-ms-overflow-style:none;scrollbar-width:none}.sidebar-outcontainer::-webkit-scrollbar{display:none}.sidebar-button{width:50px;font-size:16px}.btn.btn-primary:hover,.btn.btn-primary:focus,.btn.btn-primary:active{color:#f7faff;background-color:#4465c9;border-color:#4465c9}.base-container{display:flex;width:100%;height:100%;flex-direction:column;flex-grow:1;flex-shrink:0;overflow:auto}.base-topbar{display:flex;flex-grow:0;flex-shrink:0;width:100%;height:50px;background:#4465c9;align-content:center}.right-topbar{display:flex;margin-left:auto;order:2}.base-main{flex-grow:1;flex-shrink:0;height:50%;display:flex;flex-direction:row;justify-content:stretch;align-content:flex-start;flex-wrap:nowrap}.footer{display:none;width:100%;height:30px;background:#3c5dc4;color:#fff;padding:5px}.main-content{display:flex;flex-direction:column;width:100%;height:100%;flex-grow:1;flex-shrink:1;overflow:auto;margin-left:0}.left-topbar{display:flex;align-content:center}.left-topbar>div{height:50px}.left-topbar>div>span{line-height:50px;vertical-align:middle}.sidebar-container{display:flex;flex-direction:column;overflow-y:scroll;height:calc(100% - 50px);min-width:230px;width:230px;background:#3c5dc4;position:fixed;transform:translate(-100%);transition:transform .25s ease-in-out;z-index:2000}.sidebar-container.collapsed{margin-left:-230px;transition:ease-in .1s all}.sidebar-container.uncollapsed{margin-left:0;width:230px;min-width:230px;transition:ease-in .1s all}.sidebar-hover-zone{position:fixed;top:50px;left:0;width:50px;height:calc(100% - 50px);z-index:1000;background:#3c5dc4}.sidebar-container.visible{transform:translate(0)}.menu-container{display:flex;flex-direction:column;flex:1}.main-component{width:100%;height:100%;overflow:auto}.mini-logo3D-lg{width:auto;height:80px;background:#4465c9;padding:0 30px 0 0;margin-left:0;margin-top:0;cursor:pointer}.mini-logo-lg{width:auto;height:40px;background:#4465c9;padding:5px;margin-left:0;margin-top:5px;cursor:pointer}.dflat-logo{font-family:ErasITC-Bold,Eras ITC,Eras Light ITC,sans-serif;font-size:16pt;color:#fff;cursor:pointer}.breadcrumb-panel{height:44x;width:100%;border-bottom:solid 1px var(--main-bg-color)}.search-bar-container{margin-left:55px;margin-top:-5px}.search{border-radius:5px;border:1px solid #8FA3DF;background-color:#4465c9;padding-left:30px;margin-top:14px;width:400px;color:#fff}::placeholder{color:#8fa3df}.search-bar-container:before{position:relative;display:block;float:left;width:16px;height:16px;content:\" \";background-size:16px 16px;-webkit-background-size:16px 16px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"49.485\" height=\"49.485\" viewBox=\"0 0 49.485 49.485\">%0D%0A  <path id=\"Recherche\" d=\"M31.88,37.039A20.324,20.324,0,1,1,12.411,1.6,20.324,20.324,0,0,1,37.039,31.88L49.485,44.326l-5.158,5.158ZM10.373,10.373a14.07,14.07,0,1,0,9.948-4.12A13.977,13.977,0,0,0,10.373,10.373Z\"/>%0D%0A</svg>%0D%0A');background-repeat:no-repeat;margin:9px -40px 0 9px;filter:invert(60%) sepia(57%) saturate(394%) hue-rotate(191deg) brightness(99%) contrast(96%)}.user-menu{display:flex;flex-direction:column;padding:10px}.mini-logo-histo{display:flex;justify-content:flex-end;width:auto;height:40px;background:#4465c9;padding:5px;margin-left:0;margin-top:5px;cursor:pointer}@media screen and (max-width:500px){.search{width:150px}}\n"] }]
+            args: [{ selector: 'alg-default-layout', standalone: false, template: "<div class=\"base-container\">\n    <div class=\"base-topbar\">\n\n        <div class=\"left-topbar\">\n            <button class=\"btn btn-primary btn-lg sidebar-button\" (click)=\"onToggleButtonClick()\">\n                <i class=\"fa fa-bars\"></i>\n            </button>\n\n            <div (click)=\"this.backHome()\">\n                <!-- <img src=\"assets/images/dflat-icone-positif.svg\" class=\"mini-logo-lg\" /> -->\n            </div>\n            <div (click)=\"this.backHome()\">\n                <span class=\"dflat-logo\"><b>DFlat</b></span>\n            </div>\n        </div>\n\n        <div class=\"center-topbar\"></div>\n\n            <!-- JC le 02/04/2024 Ajout du champs de recherche global dans le titre  -->\n            <div class = \"position_search\">\n\n                <!-- <input class=\"search\" type=\"text\" placeholder=\"Rechercher...\" name=\"keyword\"/> -->\n\n                <input class=\"search\" (keyup.enter)=\"handleKeyboardEnter(keyword)\" type=\"text\" \n                name=\"keyword\" #uniquename=\"ngModel\" [placeholder]=\"this.searchText\" [(ngModel)]=\"keyword\" />\n            </div>\n\n        <div class=\"right-topbar\">\n            <button class=\"btn btn-primary btn-lg sidebar-button\" (click)=\"onUserInfos()\">\n                <i class=\"fa fa-user\"></i>\n            </button>\n            <button class=\"btn btn-primary btn-lg sidebar-button\" (click)=\"onlogOut()\">\n                <i class=\"fa fa-power-off\"></i>\n            </button>\n        </div>\n\n    </div>\n\n    <div class=\"base-main\">\n        <div class=\"sidebar-outcontainer\">\n            <div #sidebar ngClass=\"sidebar-container collapsed\">\n                <alg-menu [menuItems]=\"mylinks\" (itemClicked)=\"handleItemClicked($event)\"></alg-menu>\n            </div>\n        </div>\n        <div class=\"main-content\">\n            <div class=\"main-component\">\n                <router-outlet>\n                    \n                </router-outlet>\n            </div>\n        </div>\n    </div>\n    <!-- <div class=\"footer\">\n        Copyright &copy; {{this.year}} ALGORIMA\n    </div> -->\n</div>\n\n\n ", styles: [".home-page{font-family:Open sans,sans-serif;background:#fff;-webkit-font-smoothing:antialiased;height:100%;width:100%;padding:16px}.main-container{margin:0 50px}.main-container-modal{width:calc(100% - 50px);margin:10px 25px 0}.moyen-titre{font-weight:700;font-size:24px;color:#4d5a81;margin:8px 0;border-bottom:solid 1px #DBE4FF}.grand-titre{font-weight:700;font-size:28px;color:#4d5a81;margin:0 0 8px}.petit-titre{font-weight:700;font-size:16px;color:#4d5a81;margin:0 0 8px}.petit-titre.underlined{border-bottom:solid 1px #4D5A81}.paragraph{padding:0 15px}.paragraph-highlight{padding:5px 15px 0 12px;border-left:5px solid #8EA7F8;border-bottom:1px solid #DBE4FF;border-top:1px solid #DBE4FF;border-right:1px solid #DBE4FF;background-color:#f7faff}.highlight{background-color:#f7faff;border:1px solid #DBE4FF;border-radius:5px;padding:15px;color:#3c5dc4;margin:0 0 16px}.highlight p{margin-bottom:0}.highlight:before{position:relative;display:block;float:left;width:24px;height:24px;content:\" \";background-size:24px 24px;-webkit-background-size:24px 24px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"53.294\" height=\"50.629\" viewBox=\"0 0 53.294 50.629\">%0D%0A  <path id=\"allerg\\e8ne\" d=\"M830.494,25.793l-5.814,6.783.727,8.963-8.721,1.938-4.6,7.752L803.847,47.6l-8.236,3.634-4.6-7.51-8.721-1.938.727-8.963L777.2,26.035l5.814-6.783-.727-8.963,8.721-1.938L795.61.6l8.236,3.634L812.083.6l4.6,7.752,8.721,1.938-.727,8.963Zm-24.467,2.422V13.681h-4.845V28.216Zm0,9.69V33.06h-4.845v4.845Z\" transform=\"translate(-777.2 -0.6)\"/>%0D%0A</svg>%0D%0A');background-repeat:no-repeat;margin:0 8px 24px 0;filter:invert(31%) sepia(51%) saturate(1323%) hue-rotate(199deg) brightness(99%) contrast(94%)}.notification{background-color:#dbe4ff;border:1px solid #C4D0F9;border-radius:5px;color:#4d5a81;margin:16px;padding:5px 15px;text-align:justify}.notification:before{position:relative;display:block;float:left;width:24px;height:24px;content:\" \";background-size:24px 24px;-webkit-background-size:24px 24px;background-image:url('data:image/svg+xml,<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"info-circle\" class=\"svg-inline--fa fa-info-circle fa-w-16\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z\"></path></svg>');background-repeat:no-repeat;margin:0 8px 0 0;filter:invert(31%) sepia(8%) saturate(2329%) hue-rotate(188deg) brightness(103%) contrast(85%)}.notification-text{padding:0 15px 0 30px;font-size:16px}.sidebar-incontainer{height:100%;overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}.sidebar-outcontainer{height:100%;background:#3c5dc4;-ms-overflow-style:none;scrollbar-width:none}.sidebar-outcontainer::-webkit-scrollbar{display:none}.sidebar-button{width:50px;font-size:16px}.btn.btn-primary:hover,.btn.btn-primary:focus,.btn.btn-primary:active{color:#f7faff;background-color:#4465c9;border-color:#4465c9}.base-container{display:flex;width:100%;height:100%;flex-direction:column;flex-grow:1;flex-shrink:0;overflow:auto}.base-topbar{display:flex;flex-grow:0;flex-shrink:0;width:100%;height:50px;background:#4465c9;align-content:center}.right-topbar{display:flex;margin-left:auto;order:2}.base-main{flex-grow:1;flex-shrink:0;height:50%;display:flex;flex-direction:row;justify-content:stretch;align-content:flex-start;flex-wrap:nowrap}.footer{display:none;width:100%;height:30px;background:#3c5dc4;color:#fff;padding:5px}.main-content{display:flex;flex-direction:column;width:100%;height:100%;flex-grow:1;flex-shrink:1;overflow:auto;margin-left:0}.left-topbar{display:flex;align-content:center}.left-topbar>div{height:50px}.left-topbar>div>span{line-height:50px;vertical-align:middle}.sidebar-container{display:flex;flex-direction:column;overflow-y:scroll;height:calc(100% - 50px);min-width:230px;width:230px;background:#3c5dc4;position:fixed;transform:translate(-100%);transition:transform .25s ease-in-out;z-index:2000}.sidebar-container.collapsed{margin-left:-230px;transition:ease-in .1s all}.sidebar-container.uncollapsed{margin-left:0;width:230px;min-width:230px;transition:ease-in .1s all}.sidebar-hover-zone{position:fixed;top:50px;left:0;width:50px;height:calc(100% - 50px);z-index:1000;background:#3c5dc4}.sidebar-container.visible{transform:translate(0)}.menu-container{display:flex;flex-direction:column;flex:1}.main-component{width:100%;height:100%;overflow:auto}.mini-logo3D-lg{width:auto;height:80px;background:#4465c9;padding:0 30px 0 0;margin-left:0;margin-top:0;cursor:pointer}.mini-logo-lg{width:auto;height:40px;background:transparent;filter:brightness(0) invert(1);padding:5px;margin-left:0;margin-top:5px;cursor:pointer}.dflat-logo{font-family:ErasITC-Bold,Eras ITC,Eras Light ITC,sans-serif;font-size:16pt;color:#fff;cursor:pointer}.breadcrumb-panel{height:44x;width:100%;border-bottom:solid 1px var(--main-bg-color)}.search-bar-container{margin-left:55px;margin-top:-5px}.search{border-radius:5px;border:1px solid #8FA3DF;background-color:#4465c9;padding-left:30px;margin-top:14px;width:400px;color:#fff}::placeholder{color:#8fa3df}.search-bar-container:before{position:relative;display:block;float:left;width:16px;height:16px;content:\" \";background-size:16px 16px;-webkit-background-size:16px 16px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"49.485\" height=\"49.485\" viewBox=\"0 0 49.485 49.485\">%0D%0A  <path id=\"Recherche\" d=\"M31.88,37.039A20.324,20.324,0,1,1,12.411,1.6,20.324,20.324,0,0,1,37.039,31.88L49.485,44.326l-5.158,5.158ZM10.373,10.373a14.07,14.07,0,1,0,9.948-4.12A13.977,13.977,0,0,0,10.373,10.373Z\"/>%0D%0A</svg>%0D%0A');background-repeat:no-repeat;margin:9px -40px 0 9px;filter:invert(60%) sepia(57%) saturate(394%) hue-rotate(191deg) brightness(99%) contrast(96%)}.user-menu{display:flex;flex-direction:column;padding:10px}.mini-logo-histo{display:flex;justify-content:flex-end;width:auto;height:40px;background:#4465c9;padding:5px;margin-left:0;margin-top:5px;cursor:pointer}@media screen and (max-width:500px){.search{width:150px}}\n"] }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1$1.UserService }, { type: i1$1.MenuService }, { type: i1$1.AuthService }, { type: i1$1.HubService }, { type: i2$4.ActivatedRoute }, { type: i2$4.Router }, { type: ActionService }], propDecorators: { sidebar: [{
                 type: ViewChild,
                 args: ['sidebar']
@@ -11063,11 +11063,11 @@ class LoginLayoutComponent {
         document.body.className = '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: LoginLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", type: LoginLayoutComponent, isStandalone: false, selector: "alg-login-layout", ngImport: i0, template: "<div class=\"login-box\">\n    <div class=\"dflat-logo-container\">\n        <div class=\"dflat-logo\">\n            <img class=\"dflat-img\" src=\"assets/images/LogoMarsow.svg\" />\n        </div>\n        <div class=\"dflat-text\">\n            <div class=\"msw\">Marsow</div>\n            <div>v1.7.2-20260312</div>\n        </div>\n    </div>\n    <div class=\"login-box-body\">\n        <div class=\"customer-img-container\">\n        </div>\n        <div class=\"login-form-container\">\n            <router-outlet> </router-outlet>\n        </div>\n    </div>\n</div>\n", styles: [".login-box{display:flex;flex-direction:row;align-items:center;justify-content:space-around;width:100%;height:100%;background-color:#f7faff}.dflat-logo-container{display:flex;flex-direction:column;width:60%;height:100%;align-items:center;background:transparent linear-gradient(360deg,#3c5dc4,#8ea7f8)}.dflat-logo{display:flex;flex:auto;align-items:center}.dflat-img{height:400px}.login-box-body{flex:auto;width:40%;max-width:500px;border-radius:20px;box-shadow:0 3px 10px #9cb1f540;background:#fff;margin:0 50px;padding:50px}.customer-img-container{display:flex;align-items:center;flex-direction:column}.login-form-container{padding:15px 0}.dflat-text{display:flex;align-items:center;flex-direction:column;padding:50px;color:#6684e0}.dflat-text .msw{font-family:ErasITC-Bold,Eras ITC,Eras Light ITC,sans-serif;font-size:16pt}.customer-img{width:300px;height:auto;padding:15px}@media(max-width:768px){.login-box{flex-direction:row;align-items:center}.dflat-logo-container{display:none;visibility:collapse}.dflat-img{height:50px;width:50px}.login-box-body{width:95%;margin:15px}}\n"], dependencies: [{ kind: "directive", type: i2$4.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", type: LoginLayoutComponent, isStandalone: false, selector: "alg-login-layout", ngImport: i0, template: "<div class=\"login-box\">\n    <div class=\"dflat-logo-container\">\n        <div class=\"dflat-logo\">\n            <img class=\"dflat-img\" src=\"assets/images/dflat-icone-positif.svg\" />\n        </div>\n        <div class=\"dflat-text\">\n            <div class=\"msw\">DFlat</div>\n            <div>v1.7.2-20260312</div>\n        </div>\n    </div>\n    <div class=\"login-box-body\">\n        <div class=\"customer-img-container\">\n        </div>\n        <div class=\"login-form-container\">\n            <router-outlet> </router-outlet>\n        </div>\n    </div>\n</div>\n", styles: [".login-box{display:flex;flex-direction:row;align-items:center;justify-content:space-around;width:100%;height:100%;background-color:#f7faff}.dflat-logo-container{display:flex;flex-direction:column;width:60%;height:100%;align-items:center;background:transparent linear-gradient(360deg,#3c5dc4,#8ea7f8)}.dflat-logo{display:flex;flex:auto;align-items:center}.dflat-img{height:220px;filter:brightness(0) invert(1)}.login-box-body{flex:auto;width:40%;max-width:500px;border-radius:20px;box-shadow:0 3px 10px #9cb1f540;background:#fff;margin:0 50px;padding:50px}.customer-img-container{display:flex;align-items:center;flex-direction:column}.login-form-container{padding:15px 0}.dflat-text{display:flex;align-items:center;flex-direction:column;padding:50px;color:#6684e0}.dflat-text .msw{font-family:ErasITC-Bold,Eras ITC,Eras Light ITC,sans-serif;font-size:16pt}.customer-img{width:300px;height:auto;padding:15px}@media(max-width:768px){.login-box{flex-direction:row;align-items:center}.dflat-logo-container{display:none;visibility:collapse}.dflat-img{height:50px;width:auto}.login-box-body{width:95%;margin:15px}}\n"], dependencies: [{ kind: "directive", type: i2$4.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: LoginLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'alg-login-layout', standalone: false, template: "<div class=\"login-box\">\n    <div class=\"dflat-logo-container\">\n        <div class=\"dflat-logo\">\n            <img class=\"dflat-img\" src=\"assets/images/LogoMarsow.svg\" />\n        </div>\n        <div class=\"dflat-text\">\n            <div class=\"msw\">Marsow</div>\n            <div>v1.7.2-20260312</div>\n        </div>\n    </div>\n    <div class=\"login-box-body\">\n        <div class=\"customer-img-container\">\n        </div>\n        <div class=\"login-form-container\">\n            <router-outlet> </router-outlet>\n        </div>\n    </div>\n</div>\n", styles: [".login-box{display:flex;flex-direction:row;align-items:center;justify-content:space-around;width:100%;height:100%;background-color:#f7faff}.dflat-logo-container{display:flex;flex-direction:column;width:60%;height:100%;align-items:center;background:transparent linear-gradient(360deg,#3c5dc4,#8ea7f8)}.dflat-logo{display:flex;flex:auto;align-items:center}.dflat-img{height:400px}.login-box-body{flex:auto;width:40%;max-width:500px;border-radius:20px;box-shadow:0 3px 10px #9cb1f540;background:#fff;margin:0 50px;padding:50px}.customer-img-container{display:flex;align-items:center;flex-direction:column}.login-form-container{padding:15px 0}.dflat-text{display:flex;align-items:center;flex-direction:column;padding:50px;color:#6684e0}.dflat-text .msw{font-family:ErasITC-Bold,Eras ITC,Eras Light ITC,sans-serif;font-size:16pt}.customer-img{width:300px;height:auto;padding:15px}@media(max-width:768px){.login-box{flex-direction:row;align-items:center}.dflat-logo-container{display:none;visibility:collapse}.dflat-img{height:50px;width:50px}.login-box-body{width:95%;margin:15px}}\n"] }]
+            args: [{ selector: 'alg-login-layout', standalone: false, template: "<div class=\"login-box\">\n    <div class=\"dflat-logo-container\">\n        <div class=\"dflat-logo\">\n            <img class=\"dflat-img\" src=\"assets/images/dflat-icone-positif.svg\" />\n        </div>\n        <div class=\"dflat-text\">\n            <div class=\"msw\">DFlat</div>\n            <div>v1.7.2-20260312</div>\n        </div>\n    </div>\n    <div class=\"login-box-body\">\n        <div class=\"customer-img-container\">\n        </div>\n        <div class=\"login-form-container\">\n            <router-outlet> </router-outlet>\n        </div>\n    </div>\n</div>\n", styles: [".login-box{display:flex;flex-direction:row;align-items:center;justify-content:space-around;width:100%;height:100%;background-color:#f7faff}.dflat-logo-container{display:flex;flex-direction:column;width:60%;height:100%;align-items:center;background:transparent linear-gradient(360deg,#3c5dc4,#8ea7f8)}.dflat-logo{display:flex;flex:auto;align-items:center}.dflat-img{height:220px;filter:brightness(0) invert(1)}.login-box-body{flex:auto;width:40%;max-width:500px;border-radius:20px;box-shadow:0 3px 10px #9cb1f540;background:#fff;margin:0 50px;padding:50px}.customer-img-container{display:flex;align-items:center;flex-direction:column}.login-form-container{padding:15px 0}.dflat-text{display:flex;align-items:center;flex-direction:column;padding:50px;color:#6684e0}.dflat-text .msw{font-family:ErasITC-Bold,Eras ITC,Eras Light ITC,sans-serif;font-size:16pt}.customer-img{width:300px;height:auto;padding:15px}@media(max-width:768px){.login-box{flex-direction:row;align-items:center}.dflat-logo-container{display:none;visibility:collapse}.dflat-img{height:50px;width:auto}.login-box-body{width:95%;margin:15px}}\n"] }]
         }], ctorParameters: () => [] });
 
 class ValidationModalComponent {