npm - @dflat-core/web - Versions diffs - 1.0.43 → 1.0.45 - Mend

@dflat-core/web 1.0.43 → 1.0.45

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/README.md CHANGED Viewed

@@ -82,26 +82,22 @@ des `url()` des partials Sass (voir le commentaire du script).
    (`"@dflat-core/web": "1.0.2"`), cas de toute application, dont celles créées par
    `dflat -newhost`.
-   `webapps`, dans le dépôt, référence au contraire le dossier de sortie de ng-packagr, pour
-   développer le package et l'application en même temps :
+   `webapps`, dans le dépôt, n'en dépend pas : il compile les librairies depuis leurs sources,
+   pour développer le package et l'application en même temps. Les chemins de
+   `webapps/tsconfig.json` mènent à `webapps/libs/dflat-web`, une jonction par point d'entrée
+   vers `web/dflat-web` :
    ```json
-   "@dflat-core/web": "link:../web/dflat-web/dist"
+   "@dflat-core/web": ["libs/dflat-web/src/index.ts"],
+   "@dflat-core/web/*": ["libs/dflat-web/*/src/index.ts"]
    ```
-   `yarn install` en fait un lien symbolique (`node_modules/@dflat-core/web` → `web/dflat-web/dist`) :
-   `dist` doit donc exister, produit une fois par `yarn build:dev` ou `yarn watch`. Pour
-   travailler, deux consoles :
-   ```bash
-   yarn watch:dflat-web         # depuis webapps : ng-packagr --watch sur web/dflat-web
-   yarn start                   # depuis webapps : nx serve
-   ```
-   Toute modification d'un fichier du package (TypeScript, template, style) est recompilée par
-   ng-packagr dans `dist`, et `nx serve` la reprend dans la foulée (quelques secondes), sans
-   vider le cache ni relancer le serveur.
+   Les jonctions (non versionnées) sont créées par `webapps/tools/check-dflat-web.js`, lancé par
+   `yarn start` et par `dflat -r` / `dflat -rc`. Elles sont individuelles : une seule jonction
+   vers `web/dflat-web` ferait résoudre Angular dans `web/dflat-web/node_modules` (double
+   instance). Toute modification d'un fichier du package (TypeScript, template, style) est
+   recompilée par `nx serve` dans la foulée (quelques secondes), sans compiler `dist` ni vider
+   le cache.
    L'application doit aussi installer les `peerDependencies` du package : les librairies
    Angular tierces qu'il utilise (`ngx-bootstrap`, `@swimlane/ngx-datatable`, `ngx-toastr`,
    `ng-http-loader`...) et les feuilles de style dont dépendent ses assets (`bootstrap`,

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

@@ -7295,11 +7295,11 @@ class MenuComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: MenuComponent, deps: [{ token: i2$4.Router }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", type: MenuComponent, isStandalone: false, selector: "alg-menu", inputs: { horizontalMode: "horizontalMode", compact: "compact", menuItems: "menuItems", isFixed: "isFixed", displaySearchBar: "displaySearchBar" }, outputs: { itemClicked: "itemClicked" }, viewQueries: [{ propertyName: "treeview", predicate: ["treeview"], descendants: true }, { propertyName: "treeviewmenu", predicate: ["treeviewmenu"], descendants: true }], ngImport: i0, template: "<!-- Left side column. contains the logo and sidebar -->\r\n<aside class=\"main-sidebar\">\r\n    <div *ngIf=\"this.displaySearchBar && ! this.compact\" class=\"search-input-container\">\r\n        <input [(ngModel)]=\"this.keyword\" name=\"search\" autocomplete=\"off\" class=\"search form-control search-bar-action search-input\" type=\"text\" [placeholder]=\"'Rechercher un menu...'\" (input)=\"filter($event)\">\r\n    </div>\r\n    <ng-container *ngIf = \"!this.isFiltered\">\r\n    <!-- sidebar: style can be found in sidebar.less -->\r\n    <section class=\"sidebar-container\" [class.compact]=\"this.compact\" (mouseleave)=\"horizontalMode && this.toggleMenu(99999, true, 'mouseleave')\">\r\n        <!-- Sidebar Menu -->\r\n        <ul class=\"sidebar-menu\" [class.compact]=\"this.compact\"\r\n            [class.vertical]=\"! horizontalMode\" \r\n            [class.horizontal]=\"horizontalMode\"\r\n            >\r\n            <ng-container *ngFor=\"let item of items\">\r\n                <ng-container *ngIf=\"!item.sublinks\">\r\n                    <li (mouseenter)=\"horizontalMode && this.toggleMenu(item.id, false, 'mouseenter')\" \r\n                    (mouseleave)=\"horizontalMode && this.toggleMenu(item.id, false, 'mouseleave')\"\r\n                    class=\"treeview\" #treeview id=\"node-{{item.id}}\">\r\n                       \r\n                        <a (click)=\"this.subItemClick(item, null)\" *ngIf=\"!item.external\" [routerLink]=\"item.link\" id=\"node-{{item.id}}\">\r\n                            <i class=\"fa fa-{{ item.icon }} fa-lg\"></i>\r\n                            <span [class.compact]=\"this.compact\">{{ item.title }}</span>\r\n                        </a>\r\n                        <a (click)=\"this.subItemClick(item, null)\" *ngIf=\"item.external\" [href]=\"item.link\" [target]=\"item.target\">\r\n                            <i class=\"fa fa-{{ item.icon }} fa-lg\"></i>\r\n                            <span [class.compact]=\"this.compact\">{{ item.title }}</span>\r\n                        </a>\r\n                        <div class=\"subtree-container\" [class.vertical]=\"! horizontalMode\" \r\n                        [class.horizontal]=\"horizontalMode\">\r\n                            <ul class=\"treeview-menu\" #treeviewmenu id=\"subtree-{{item.id}}\">\r\n\r\n                            </ul>\r\n                        </div>\r\n\r\n                    </li>\r\n                </ng-container>\r\n\r\n                <ng-container *ngIf=\"item.sublinks\">\r\n                    <li (mouseenter)=\"horizontalMode && this.toggleMenu(item.id, false, 'mouseenter')\" \r\n                    (mouseleave)=\"horizontalMode && this.toggleMenu(item.id, false, 'mouseleave')\"\r\n                    class=\"treeview\" #treeview id=\"node-{{item.id}}\">\r\n                        <!-- {{ item.title }} -->\r\n                        <a  \r\n                            [routerLink]=\"! horizontalMode ? null : item.link\" \r\n                            (click)=\"this.toggleMenu(item.id, true, 'mouseclick')\">\r\n                            <i *ngIf=\"item.icon\" class=\"fa fa-{{ item.icon }} fa-lg\"></i>\r\n                            <span [class.compact]=\"this.compact\">{{ item.title }}</span>\r\n                        </a>\r\n                        <div class=\"subtree-container\" \r\n                            [class.vertical]=\"! horizontalMode\" \r\n                            [class.horizontal]=\"horizontalMode\">\r\n                            <ul class=\"treeview-menu\" #treeviewmenu id=\"subtree-{{item.id}}\" [ngClass]=\"getSubtreeClass(item.sublinks.length)\">\r\n                                <ng-container *ngFor=\"let subitem of item.sublinks\">\r\n                                    <li [class.active]=\"isItemActive(subitem)\">\r\n                                        <a (click)=\"this.subItemClick(item, subitem)\" *ngIf=\"!subitem.external\" [routerLink]=\"subitem.link\">\r\n                                            <i *ngIf=\"subitem.icon\" class=\"fa fa-{{ subitem.icon }}\"></i>\r\n                                            <span [class.compact]=\"this.compact\">{{ subitem.title }}</span>\r\n                                        </a>\r\n                                        <a (click)=\"this.subItemClick(item, subitem)\" *ngIf=\"subitem.external\" [href]=\"subitem.link\" [target]=\"subitem.target\">\r\n                                            <i *ngIf=\"subitem.icon\" class=\"fa fa-{{ subitem.icon }}\"></i>\r\n                                            <span [class.compact]=\"this.compact\">{{ subitem.title }}</span>\r\n                                        </a>\r\n                                    </li>\r\n                                </ng-container>\r\n                            </ul>\r\n                        </div>\r\n                    </li>\r\n                </ng-container>\r\n            </ng-container>\r\n        </ul>\r\n        <!-- /.sidebar-menu -->\r\n    </section>\r\n    <!-- /.sidebar -->\r\n    </ng-container>\r\n    <ng-container *ngIf = \"this.isFiltered\">\r\n        <section class=\"sidebar-container\" (mouseleave)=\"horizontalMode && this.toggleMenu(99999, true, 'mouseleave')\">\r\n            <!-- Sidebar Menu -->\r\n            <ul class=\"sidebar-menu\"  [class.compact]=\"this.compact\"\r\n                [class.vertical]=\"! horizontalMode\" \r\n                [class.horizontal]=\"horizontalMode\"\r\n                >\r\n                <ng-container *ngFor=\"let item of items\">\r\n                    <ng-container *ngIf=\"!item.sublinks\">\r\n                        <li\r\n                        class=\"treeview\">\r\n                           \r\n                            <a (click)=\"this.subItemClick(item, null)\" *ngIf=\"!item.external\" [routerLink]=\"item.link\" id=\"node-{{item.id}}\">\r\n                                <i class=\"fa fa-{{ item.icon }} fa-lg\"></i>\r\n                                <span [class.compact]=\"this.compact\">{{ item.title }}</span>\r\n                            </a>\r\n                            <a (click)=\"this.subItemClick(item, null)\" *ngIf=\"item.external\" [href]=\"item.link\" [target]=\"item.target\">\r\n                                <i class=\"fa fa-{{ item.icon }} fa-lg\"></i>\r\n                                <span [class.compact]=\"this.compact\">{{ item.title }}</span>\r\n                            </a>\r\n                            <div class=\"subtree-container\" [class.vertical]=\"! horizontalMode\" \r\n                            [class.horizontal]=\"horizontalMode\">\r\n                                <ul class=\"treeview-menu\">\r\n    \r\n                                </ul>\r\n                            </div>\r\n    \r\n                        </li>\r\n                    </ng-container>\r\n    \r\n                    <ng-container *ngIf=\"item.sublinks\">\r\n                        <li class=\"treeview\">\r\n                            <!-- {{ item.title }} -->\r\n                            <a  \r\n                                [routerLink]=\"! horizontalMode ? null : item.link\">\r\n                                    <i *ngIf=\"item.icon\" class=\"fa fa-{{ item.icon }} fa-lg\"></i>\r\n                                <span [class.compact]=\"this.compact\">{{ item.title }}</span>\r\n                            </a>\r\n                            <div class=\"subtree-container\" \r\n                                [class.vertical]=\"! horizontalMode\" \r\n                                [class.horizontal]=\"horizontalMode\">\r\n                                <ul class=\"treeview-menu\" #treeviewmenu [ngClass]=\"getSubtreeClass(item.sublinks.length)\">\r\n                                    <ng-container *ngFor=\"let subitem of item.sublinks\">\r\n                                        <li [class.active]=\"isItemActive(subitem)\">\r\n                                            <a (click)=\"this.subItemClick(item, subitem)\" *ngIf=\"!subitem.external\" [routerLink]=\"subitem.link\">\r\n                                                <i *ngIf=\"subitem.icon\" class=\"fa fa-{{ subitem.icon }}\"></i>\r\n                                                <span [class.compact]=\"this.compact\">{{ subitem.title }}</span>\r\n                                            </a>\r\n                                            <a (click)=\"this.subItemClick(item, subitem)\" *ngIf=\"subitem.external\" [href]=\"subitem.link\" [target]=\"subitem.target\">\r\n                                                <i *ngIf=\"subitem.icon\" class=\"fa fa-{{ subitem.icon }}\"></i>\r\n                                                <span [class.compact]=\"this.compact\">{{ subitem.title }}</span>\r\n                                            </a>\r\n                                        </li>\r\n                                    </ng-container>\r\n                                </ul>\r\n                            </div>\r\n                        </li>\r\n                    </ng-container>\r\n                </ng-container>\r\n            </ul>\r\n            <!-- /.sidebar-menu -->\r\n        </section>\r\n    </ng-container>\r\n    \r\n</aside>", 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}.menu-container{background:#3c5dc4}.main-sidebar{z-index:999}.sidebar-menu.horizontal li{display:inline-block;height:40px}.sidebar-menu.horizontal>li>a,.sidebar-menu.horizontal>li>button{border-bottom:5px solid transparent;padding:10px 5px 0;display:inline-block;cursor:pointer}.subtree-container:first-child{margin-top:15px}.subtree-container{background-color:#3c5dc4;z-index:999998;min-width:230px}.subtree-container.horizontal{position:fixed;margin-top:8px;margin-left:0;border-radius:0 0 5px 5px}.sidebar-menu.horizontal>li.active,.sidebar-menu.horizontal>li:hover{background-color:#5272d3}.sidebar-menu.horizontal>li>a:hover,.sidebar-menu.horizontal>li.active>a,.sidebar-menu.horizontal>li>button:hover,.sidebar-menu.horizontal>li.active>button{border-bottom:5px solid var(--main-bg-color);color:#f7faff;background-color:#5272d3;margin-bottom:5px;cursor:pointer}.sidebar-menu.horizontal .treeview-menu>li{height:40px}.sidebar-menu .treeview-menu>li{display:block;height:30px;cursor:pointer}.sidebar-menu>li{position:relative;margin:0;padding:0;cursor:pointer}.main-sidebar .user-panel,.sidebar-menu,.sidebar-menu>li.header{white-space:nowrap;overflow:hidden}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-container.compact{margin-top:250px;margin-left:-5px}.sidebar-container a{color:#f7faff;cursor:pointer}.sidebar-container button{color:#f7faff;border:none;margin:0;padding:0;width:100%;overflow:visible;text-align:left;background:transparent;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer}.sidebar-menu>li>a,.sidebar-menu>li>button{padding:8px 5px 8px 25px;display:block;cursor:pointer}.sidebar-menu>li>a>span,.sidebar-menu>li>button>span{padding-left:7px;padding-right:7px;cursor:pointer}.sidebar-menu>li>a>span.compact,.sidebar-menu>li>button>span.compact{padding-left:15px}.sidebar-menu li>a,.sidebar-menu li>button{position:relative}.sidebar-menu>li>a>.fa,.sidebar-menu>li>a>.glyphicon,.sidebar-menu>li>a>.ion,.sidebar-menu>li>button>.fa,.sidebar-menu>li>button>.glyphicon,.sidebar-menu>li>button>.ion{width:20px}.sidebar-menu>li>a>span,.sidebar-menu>li>button>span{padding-left:7px}.sidebar-menu li>a>.pull-right-container,.sidebar-menu li>button>.pull-right-container{position:absolute;right:10px;top:50%;margin-top:-7px}.sidebar-menu>li>a,.sidebar-menu>li>a:hover,.sidebar-menu>li.active>a,.sidebar-menu>li>button:hover,.sidebar-menu>li.active>button{color:#f7faff;background-color:#3c5dc4}.sidebar-menu>li>a:hover,.sidebar-menu>li>button:hover{background-color:#5272d3}.sidebar-menu.compact>li>a,.sidebar-menu.compact>li>a:hover,.sidebar-menu.compact>li.active>a,.sidebar-menu.compact>li>button:hover,.sidebar-menu.compact>li.active>button{color:#f7faff;background-color:#3c5dc4}.sidebar-menu.compact>li>a:hover,.sidebar-menu.compact>li>button:hover{background-color:#3c5dc4}.sidebar-menu .treeview-menu>li{margin:0}.sidebar-menu .treeview-menu{display:block;height:0px;list-style:none;padding:0 0 0 15px;margin:0;overflow:hidden}.sidebar-menu .treeview-menu{width:230px}.sidebar-menu .treeview-menu.collapsed{height:0px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-1{height:30px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-2{height:60px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-3{height:90px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-4{height:120px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-5{height:150px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-6{height:180px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-7{height:210px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-8{height:240px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-9{height:270px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-10{height:300px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-11{height:330px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-12{height:360px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-13{height:390px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-14{height:420px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-15{height:450px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-16{height:480px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-17{height:510px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-18{height:540px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-19{height:570px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-20{height:600px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.collapsed{height:0px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-1{height:41px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-2{height:82px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-3{height:123px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-4{height:164px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-5{height:205px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-6{height:246px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-7{height:287px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-8{height:328px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-9{height:369px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-10{height:410px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-11{height:451px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-12{height:492px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-13{height:533px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-14{height:574px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-15{height:615px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-16{height:656px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-17{height:697px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-18{height:738px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-19{height:779px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-20{height:820px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu>li>a{margin-left:-25px;padding:5px 5px 5px 35px;display:block}a:active,a:focus,a:hover{outline:0;text-decoration:none;color:#72afd2}.treeview-menu>li>a{color:#f7faff}.sidebar-menu .treeview-menu>li>a>.fa,.sidebar-menu .treeview-menu>li>a>.glyphicon,.sidebar-menu .treeview-menu>li>a>.ion{width:20px;margin-left:15px}.sidebar-menu>li>.treeview-menu{margin:0 1px;background:#3c5dc4}.sidebar-menu .treeview-menu>li>a:hover,.sidebar-menu .treeview-menu>li.active>a{color:#f7faff;background-color:#5272d3}.search{border-radius:5px;border:1px solid #8FA3DF;background-color:#3c5dc4;padding-left:27px;margin:14px 10px;width:calc(100% - 20px);color:#fff}::placeholder{color:#8fa3df}.search-input-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 18px;filter:invert(60%) sepia(57%) saturate(394%) hue-rotate(191deg) brightness(99%) contrast(96%)}\n"], dependencies: [{ kind: "directive", type: i2$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { 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: 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"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", type: MenuComponent, isStandalone: false, selector: "alg-menu", inputs: { horizontalMode: "horizontalMode", compact: "compact", menuItems: "menuItems", isFixed: "isFixed", displaySearchBar: "displaySearchBar" }, outputs: { itemClicked: "itemClicked" }, viewQueries: [{ propertyName: "treeview", predicate: ["treeview"], descendants: true }, { propertyName: "treeviewmenu", predicate: ["treeviewmenu"], descendants: true }], ngImport: i0, template: "<!-- Left side column. contains the logo and sidebar -->\r\n<aside class=\"main-sidebar\">\r\n    <div *ngIf=\"this.displaySearchBar && ! this.compact\" class=\"search-input-container\">\r\n        <input [(ngModel)]=\"this.keyword\" name=\"search\" autocomplete=\"off\" class=\"search form-control search-bar-action search-input\" type=\"text\" [placeholder]=\"'Rechercher un menu...'\" (input)=\"filter($event)\">\r\n    </div>\r\n    <ng-container *ngIf = \"!this.isFiltered\">\r\n    <!-- sidebar: style can be found in sidebar.less -->\r\n    <section class=\"sidebar-container\" [class.compact]=\"this.compact\" (mouseleave)=\"horizontalMode && this.toggleMenu(99999, true, 'mouseleave')\">\r\n        <!-- Sidebar Menu -->\r\n        <ul class=\"sidebar-menu\" [class.compact]=\"this.compact\"\r\n            [class.vertical]=\"! horizontalMode\" \r\n            [class.horizontal]=\"horizontalMode\"\r\n            >\r\n            <ng-container *ngFor=\"let item of items\">\r\n                <ng-container *ngIf=\"!item.sublinks\">\r\n                    <li (mouseenter)=\"horizontalMode && this.toggleMenu(item.id, false, 'mouseenter')\" \r\n                    (mouseleave)=\"horizontalMode && this.toggleMenu(item.id, false, 'mouseleave')\"\r\n                    class=\"treeview\" #treeview id=\"node-{{item.id}}\">\r\n                       \r\n                        <a (click)=\"this.subItemClick(item, null)\" *ngIf=\"!item.external\" [routerLink]=\"item.link\" id=\"node-{{item.id}}\">\r\n                            <i class=\"fa fa-{{ item.icon }} fa-lg\"></i>\r\n                            <span [class.compact]=\"this.compact\">{{ item.title }}</span>\r\n                        </a>\r\n                        <a (click)=\"this.subItemClick(item, null)\" *ngIf=\"item.external\" [href]=\"item.link\" [target]=\"item.target\">\r\n                            <i class=\"fa fa-{{ item.icon }} fa-lg\"></i>\r\n                            <span [class.compact]=\"this.compact\">{{ item.title }}</span>\r\n                        </a>\r\n                        <div class=\"subtree-container\" [class.vertical]=\"! horizontalMode\" \r\n                        [class.horizontal]=\"horizontalMode\">\r\n                            <ul class=\"treeview-menu\" #treeviewmenu id=\"subtree-{{item.id}}\">\r\n\r\n                            </ul>\r\n                        </div>\r\n\r\n                    </li>\r\n                </ng-container>\r\n\r\n                <ng-container *ngIf=\"item.sublinks\">\r\n                    <li (mouseenter)=\"horizontalMode && this.toggleMenu(item.id, false, 'mouseenter')\" \r\n                    (mouseleave)=\"horizontalMode && this.toggleMenu(item.id, false, 'mouseleave')\"\r\n                    class=\"treeview\" #treeview id=\"node-{{item.id}}\">\r\n                        <!-- {{ item.title }} -->\r\n                        <a  \r\n                            [routerLink]=\"! horizontalMode ? null : item.link\" \r\n                            (click)=\"this.toggleMenu(item.id, true, 'mouseclick')\">\r\n                            <i *ngIf=\"item.icon\" class=\"fa fa-{{ item.icon }} fa-lg\"></i>\r\n                            <span [class.compact]=\"this.compact\">{{ item.title }}</span>\r\n                        </a>\r\n                        <div class=\"subtree-container\" \r\n                            [class.vertical]=\"! horizontalMode\" \r\n                            [class.horizontal]=\"horizontalMode\">\r\n                            <ul class=\"treeview-menu\" #treeviewmenu id=\"subtree-{{item.id}}\" [ngClass]=\"getSubtreeClass(item.sublinks.length)\">\r\n                                <ng-container *ngFor=\"let subitem of item.sublinks\">\r\n                                    <li [class.active]=\"isItemActive(subitem)\">\r\n                                        <a (click)=\"this.subItemClick(item, subitem)\" *ngIf=\"!subitem.external\" [routerLink]=\"subitem.link\">\r\n                                            <i *ngIf=\"subitem.icon\" class=\"fa fa-{{ subitem.icon }}\"></i>\r\n                                            <span [class.compact]=\"this.compact\">{{ subitem.title }}</span>\r\n                                        </a>\r\n                                        <a (click)=\"this.subItemClick(item, subitem)\" *ngIf=\"subitem.external\" [href]=\"subitem.link\" [target]=\"subitem.target\">\r\n                                            <i *ngIf=\"subitem.icon\" class=\"fa fa-{{ subitem.icon }}\"></i>\r\n                                            <span [class.compact]=\"this.compact\">{{ subitem.title }}</span>\r\n                                        </a>\r\n                                    </li>\r\n                                </ng-container>\r\n                            </ul>\r\n                        </div>\r\n                    </li>\r\n                </ng-container>\r\n            </ng-container>\r\n        </ul>\r\n        <!-- /.sidebar-menu -->\r\n    </section>\r\n    <!-- /.sidebar -->\r\n    </ng-container>\r\n    <ng-container *ngIf = \"this.isFiltered\">\r\n        <section class=\"sidebar-container\" (mouseleave)=\"horizontalMode && this.toggleMenu(99999, true, 'mouseleave')\">\r\n            <!-- Sidebar Menu -->\r\n            <ul class=\"sidebar-menu\"  [class.compact]=\"this.compact\"\r\n                [class.vertical]=\"! horizontalMode\" \r\n                [class.horizontal]=\"horizontalMode\"\r\n                >\r\n                <ng-container *ngFor=\"let item of items\">\r\n                    <ng-container *ngIf=\"!item.sublinks\">\r\n                        <li\r\n                        class=\"treeview\">\r\n                           \r\n                            <a (click)=\"this.subItemClick(item, null)\" *ngIf=\"!item.external\" [routerLink]=\"item.link\" id=\"node-{{item.id}}\">\r\n                                <i class=\"fa fa-{{ item.icon }} fa-lg\"></i>\r\n                                <span [class.compact]=\"this.compact\">{{ item.title }}</span>\r\n                            </a>\r\n                            <a (click)=\"this.subItemClick(item, null)\" *ngIf=\"item.external\" [href]=\"item.link\" [target]=\"item.target\">\r\n                                <i class=\"fa fa-{{ item.icon }} fa-lg\"></i>\r\n                                <span [class.compact]=\"this.compact\">{{ item.title }}</span>\r\n                            </a>\r\n                            <div class=\"subtree-container\" [class.vertical]=\"! horizontalMode\" \r\n                            [class.horizontal]=\"horizontalMode\">\r\n                                <ul class=\"treeview-menu\">\r\n    \r\n                                </ul>\r\n                            </div>\r\n    \r\n                        </li>\r\n                    </ng-container>\r\n    \r\n                    <ng-container *ngIf=\"item.sublinks\">\r\n                        <li class=\"treeview\">\r\n                            <!-- {{ item.title }} -->\r\n                            <a  \r\n                                [routerLink]=\"! horizontalMode ? null : item.link\">\r\n                                    <i *ngIf=\"item.icon\" class=\"fa fa-{{ item.icon }} fa-lg\"></i>\r\n                                <span [class.compact]=\"this.compact\">{{ item.title }}</span>\r\n                            </a>\r\n                            <div class=\"subtree-container\" \r\n                                [class.vertical]=\"! horizontalMode\" \r\n                                [class.horizontal]=\"horizontalMode\">\r\n                                <ul class=\"treeview-menu\" #treeviewmenu [ngClass]=\"getSubtreeClass(item.sublinks.length)\">\r\n                                    <ng-container *ngFor=\"let subitem of item.sublinks\">\r\n                                        <li [class.active]=\"isItemActive(subitem)\">\r\n                                            <a (click)=\"this.subItemClick(item, subitem)\" *ngIf=\"!subitem.external\" [routerLink]=\"subitem.link\">\r\n                                                <i *ngIf=\"subitem.icon\" class=\"fa fa-{{ subitem.icon }}\"></i>\r\n                                                <span [class.compact]=\"this.compact\">{{ subitem.title }}</span>\r\n                                            </a>\r\n                                            <a (click)=\"this.subItemClick(item, subitem)\" *ngIf=\"subitem.external\" [href]=\"subitem.link\" [target]=\"subitem.target\">\r\n                                                <i *ngIf=\"subitem.icon\" class=\"fa fa-{{ subitem.icon }}\"></i>\r\n                                                <span [class.compact]=\"this.compact\">{{ subitem.title }}</span>\r\n                                            </a>\r\n                                        </li>\r\n                                    </ng-container>\r\n                                </ul>\r\n                            </div>\r\n                        </li>\r\n                    </ng-container>\r\n                </ng-container>\r\n            </ul>\r\n            <!-- /.sidebar-menu -->\r\n        </section>\r\n    </ng-container>\r\n    \r\n</aside>", 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}.menu-container{background:#3c5dc4}.main-sidebar{z-index:999}.sidebar-menu.horizontal li{display:inline-block;height:40px}.sidebar-menu.horizontal>li>a,.sidebar-menu.horizontal>li>button{border-bottom:5px solid transparent;padding:10px 5px 0;display:inline-block;cursor:pointer}.subtree-container:first-child{margin-top:15px}.subtree-container{background-color:#3c5dc4;z-index:999998;min-width:230px}.subtree-container.horizontal{position:fixed;margin-top:8px;margin-left:0;border-radius:0 0 5px 5px}.sidebar-menu.horizontal>li.active,.sidebar-menu.horizontal>li:hover{background-color:#5272d3}.sidebar-menu.horizontal>li>a:hover,.sidebar-menu.horizontal>li.active>a,.sidebar-menu.horizontal>li>button:hover,.sidebar-menu.horizontal>li.active>button{border-bottom:5px solid var(--main-bg-color);color:#f7faff;background-color:#5272d3;margin-bottom:5px;cursor:pointer}.sidebar-menu.horizontal .treeview-menu>li{height:40px}.sidebar-menu .treeview-menu>li{display:block;height:30px;cursor:pointer}.sidebar-menu>li{position:relative;margin:0;padding:0;cursor:pointer}.main-sidebar .user-panel,.sidebar-menu,.sidebar-menu>li.header{white-space:nowrap;overflow:hidden}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-container.compact{margin-top:250px;margin-left:-5px}.sidebar-container a{color:#f7faff;cursor:pointer}.sidebar-container button{color:#f7faff;border:none;margin:0;padding:0;width:100%;overflow:visible;text-align:left;background:transparent;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer}.sidebar-menu>li>a,.sidebar-menu>li>button{padding:8px 5px 8px 25px;display:block;cursor:pointer}.sidebar-menu>li>a>span,.sidebar-menu>li>button>span{padding-left:7px;padding-right:7px;cursor:pointer}.sidebar-menu>li>a>span.compact,.sidebar-menu>li>button>span.compact{padding-left:15px}.sidebar-menu li>a,.sidebar-menu li>button{position:relative}.sidebar-menu>li>a>.fa,.sidebar-menu>li>a>.glyphicon,.sidebar-menu>li>a>.ion,.sidebar-menu>li>button>.fa,.sidebar-menu>li>button>.glyphicon,.sidebar-menu>li>button>.ion{width:20px}.sidebar-menu>li>a>span,.sidebar-menu>li>button>span{padding-left:7px}.sidebar-menu li>a>.pull-right-container,.sidebar-menu li>button>.pull-right-container{position:absolute;right:10px;top:50%;margin-top:-7px}.sidebar-menu>li>a,.sidebar-menu>li>a:hover,.sidebar-menu>li.active>a,.sidebar-menu>li>button:hover,.sidebar-menu>li.active>button{color:#f7faff;background-color:#3c5dc4}.sidebar-menu>li>a:hover,.sidebar-menu>li>button:hover{background-color:#5272d3}.sidebar-menu.compact>li>a,.sidebar-menu.compact>li>a:hover,.sidebar-menu.compact>li.active>a,.sidebar-menu.compact>li>button:hover,.sidebar-menu.compact>li.active>button{color:#f7faff;background-color:#3c5dc4}.sidebar-menu.compact>li>a:hover,.sidebar-menu.compact>li>button:hover{background-color:#3c5dc4}.sidebar-menu .treeview-menu>li{margin:0}.sidebar-menu .treeview-menu{display:block;height:0px;list-style:none;padding:0 0 0 15px;margin:0;overflow:hidden}.sidebar-menu .treeview-menu{width:230px}.sidebar-menu .treeview-menu.collapsed{height:0px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-1{height:30px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-2{height:60px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-3{height:90px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-4{height:120px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-5{height:150px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-6{height:180px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-7{height:210px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-8{height:240px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-9{height:270px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-10{height:300px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-11{height:330px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-12{height:360px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-13{height:390px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-14{height:420px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-15{height:450px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-16{height:480px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-17{height:510px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-18{height:540px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-19{height:570px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-20{height:600px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-21{height:630px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-22{height:660px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-23{height:690px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-24{height:720px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-25{height:750px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-26{height:780px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-27{height:810px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-28{height:840px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-29{height:870px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-30{height:900px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-31{height:930px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-32{height:960px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-33{height:990px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-34{height:1020px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-35{height:1050px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-36{height:1080px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-37{height:1110px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-38{height:1140px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-39{height:1170px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-40{height:1200px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-41{height:1230px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-42{height:1260px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-43{height:1290px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-44{height:1320px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-45{height:1350px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-46{height:1380px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-47{height:1410px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-48{height:1440px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-49{height:1470px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-50{height:1500px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-51{height:1530px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-52{height:1560px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-53{height:1590px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-54{height:1620px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-55{height:1650px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-56{height:1680px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-57{height:1710px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-58{height:1740px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-59{height:1770px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-60{height:1800px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-61{height:1830px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-62{height:1860px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-63{height:1890px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-64{height:1920px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-65{height:1950px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-66{height:1980px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-67{height:2010px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-68{height:2040px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-69{height:2070px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-70{height:2100px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-71{height:2130px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-72{height:2160px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-73{height:2190px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-74{height:2220px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-75{height:2250px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-76{height:2280px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-77{height:2310px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-78{height:2340px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-79{height:2370px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-80{height:2400px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-81{height:2430px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-82{height:2460px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-83{height:2490px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-84{height:2520px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-85{height:2550px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-86{height:2580px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-87{height:2610px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-88{height:2640px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-89{height:2670px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-90{height:2700px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-91{height:2730px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-92{height:2760px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-93{height:2790px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-94{height:2820px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-95{height:2850px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-96{height:2880px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-97{height:2910px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-98{height:2940px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-99{height:2970px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-100{height:3000px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.collapsed{height:0px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-1{height:41px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-2{height:82px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-3{height:123px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-4{height:164px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-5{height:205px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-6{height:246px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-7{height:287px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-8{height:328px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-9{height:369px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-10{height:410px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-11{height:451px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-12{height:492px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-13{height:533px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-14{height:574px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-15{height:615px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-16{height:656px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-17{height:697px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-18{height:738px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-19{height:779px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-20{height:820px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-21{height:861px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-22{height:902px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-23{height:943px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-24{height:984px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-25{height:1025px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-26{height:1066px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-27{height:1107px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-28{height:1148px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-29{height:1189px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-30{height:1230px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-31{height:1271px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-32{height:1312px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-33{height:1353px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-34{height:1394px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-35{height:1435px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-36{height:1476px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-37{height:1517px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-38{height:1558px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-39{height:1599px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-40{height:1640px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-41{height:1681px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-42{height:1722px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-43{height:1763px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-44{height:1804px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-45{height:1845px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-46{height:1886px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-47{height:1927px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-48{height:1968px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-49{height:2009px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-50{height:2050px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-51{height:2091px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-52{height:2132px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-53{height:2173px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-54{height:2214px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-55{height:2255px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-56{height:2296px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-57{height:2337px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-58{height:2378px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-59{height:2419px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-60{height:2460px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-61{height:2501px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-62{height:2542px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-63{height:2583px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-64{height:2624px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-65{height:2665px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-66{height:2706px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-67{height:2747px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-68{height:2788px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-69{height:2829px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-70{height:2870px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-71{height:2911px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-72{height:2952px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-73{height:2993px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-74{height:3034px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-75{height:3075px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-76{height:3116px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-77{height:3157px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-78{height:3198px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-79{height:3239px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-80{height:3280px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-81{height:3321px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-82{height:3362px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-83{height:3403px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-84{height:3444px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-85{height:3485px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-86{height:3526px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-87{height:3567px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-88{height:3608px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-89{height:3649px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-90{height:3690px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-91{height:3731px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-92{height:3772px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-93{height:3813px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-94{height:3854px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-95{height:3895px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-96{height:3936px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-97{height:3977px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-98{height:4018px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-99{height:4059px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-100{height:4100px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu>li>a{margin-left:-25px;padding:5px 5px 5px 35px;display:block}a:active,a:focus,a:hover{outline:0;text-decoration:none;color:#72afd2}.treeview-menu>li>a{color:#f7faff}.sidebar-menu .treeview-menu>li>a>.fa,.sidebar-menu .treeview-menu>li>a>.glyphicon,.sidebar-menu .treeview-menu>li>a>.ion{width:20px;margin-left:15px}.sidebar-menu>li>.treeview-menu{margin:0 1px;background:#3c5dc4}.sidebar-menu .treeview-menu>li>a:hover,.sidebar-menu .treeview-menu>li.active>a{color:#f7faff;background-color:#5272d3}.search{border-radius:5px;border:1px solid #8FA3DF;background-color:#3c5dc4;padding-left:27px;margin:14px 10px;width:calc(100% - 20px);color:#fff}::placeholder{color:#8fa3df}.search-input-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 18px;filter:invert(60%) sepia(57%) saturate(394%) hue-rotate(191deg) brightness(99%) contrast(96%)}\n"], dependencies: [{ kind: "directive", type: i2$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { 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: 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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: MenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'alg-menu', standalone: false, template: "<!-- Left side column. contains the logo and sidebar -->\r\n<aside class=\"main-sidebar\">\r\n    <div *ngIf=\"this.displaySearchBar && ! this.compact\" class=\"search-input-container\">\r\n        <input [(ngModel)]=\"this.keyword\" name=\"search\" autocomplete=\"off\" class=\"search form-control search-bar-action search-input\" type=\"text\" [placeholder]=\"'Rechercher un menu...'\" (input)=\"filter($event)\">\r\n    </div>\r\n    <ng-container *ngIf = \"!this.isFiltered\">\r\n    <!-- sidebar: style can be found in sidebar.less -->\r\n    <section class=\"sidebar-container\" [class.compact]=\"this.compact\" (mouseleave)=\"horizontalMode && this.toggleMenu(99999, true, 'mouseleave')\">\r\n        <!-- Sidebar Menu -->\r\n        <ul class=\"sidebar-menu\" [class.compact]=\"this.compact\"\r\n            [class.vertical]=\"! horizontalMode\" \r\n            [class.horizontal]=\"horizontalMode\"\r\n            >\r\n            <ng-container *ngFor=\"let item of items\">\r\n                <ng-container *ngIf=\"!item.sublinks\">\r\n                    <li (mouseenter)=\"horizontalMode && this.toggleMenu(item.id, false, 'mouseenter')\" \r\n                    (mouseleave)=\"horizontalMode && this.toggleMenu(item.id, false, 'mouseleave')\"\r\n                    class=\"treeview\" #treeview id=\"node-{{item.id}}\">\r\n                       \r\n                        <a (click)=\"this.subItemClick(item, null)\" *ngIf=\"!item.external\" [routerLink]=\"item.link\" id=\"node-{{item.id}}\">\r\n                            <i class=\"fa fa-{{ item.icon }} fa-lg\"></i>\r\n                            <span [class.compact]=\"this.compact\">{{ item.title }}</span>\r\n                        </a>\r\n                        <a (click)=\"this.subItemClick(item, null)\" *ngIf=\"item.external\" [href]=\"item.link\" [target]=\"item.target\">\r\n                            <i class=\"fa fa-{{ item.icon }} fa-lg\"></i>\r\n                            <span [class.compact]=\"this.compact\">{{ item.title }}</span>\r\n                        </a>\r\n                        <div class=\"subtree-container\" [class.vertical]=\"! horizontalMode\" \r\n                        [class.horizontal]=\"horizontalMode\">\r\n                            <ul class=\"treeview-menu\" #treeviewmenu id=\"subtree-{{item.id}}\">\r\n\r\n                            </ul>\r\n                        </div>\r\n\r\n                    </li>\r\n                </ng-container>\r\n\r\n                <ng-container *ngIf=\"item.sublinks\">\r\n                    <li (mouseenter)=\"horizontalMode && this.toggleMenu(item.id, false, 'mouseenter')\" \r\n                    (mouseleave)=\"horizontalMode && this.toggleMenu(item.id, false, 'mouseleave')\"\r\n                    class=\"treeview\" #treeview id=\"node-{{item.id}}\">\r\n                        <!-- {{ item.title }} -->\r\n                        <a  \r\n                            [routerLink]=\"! horizontalMode ? null : item.link\" \r\n                            (click)=\"this.toggleMenu(item.id, true, 'mouseclick')\">\r\n                            <i *ngIf=\"item.icon\" class=\"fa fa-{{ item.icon }} fa-lg\"></i>\r\n                            <span [class.compact]=\"this.compact\">{{ item.title }}</span>\r\n                        </a>\r\n                        <div class=\"subtree-container\" \r\n                            [class.vertical]=\"! horizontalMode\" \r\n                            [class.horizontal]=\"horizontalMode\">\r\n                            <ul class=\"treeview-menu\" #treeviewmenu id=\"subtree-{{item.id}}\" [ngClass]=\"getSubtreeClass(item.sublinks.length)\">\r\n                                <ng-container *ngFor=\"let subitem of item.sublinks\">\r\n                                    <li [class.active]=\"isItemActive(subitem)\">\r\n                                        <a (click)=\"this.subItemClick(item, subitem)\" *ngIf=\"!subitem.external\" [routerLink]=\"subitem.link\">\r\n                                            <i *ngIf=\"subitem.icon\" class=\"fa fa-{{ subitem.icon }}\"></i>\r\n                                            <span [class.compact]=\"this.compact\">{{ subitem.title }}</span>\r\n                                        </a>\r\n                                        <a (click)=\"this.subItemClick(item, subitem)\" *ngIf=\"subitem.external\" [href]=\"subitem.link\" [target]=\"subitem.target\">\r\n                                            <i *ngIf=\"subitem.icon\" class=\"fa fa-{{ subitem.icon }}\"></i>\r\n                                            <span [class.compact]=\"this.compact\">{{ subitem.title }}</span>\r\n                                        </a>\r\n                                    </li>\r\n                                </ng-container>\r\n                            </ul>\r\n                        </div>\r\n                    </li>\r\n                </ng-container>\r\n            </ng-container>\r\n        </ul>\r\n        <!-- /.sidebar-menu -->\r\n    </section>\r\n    <!-- /.sidebar -->\r\n    </ng-container>\r\n    <ng-container *ngIf = \"this.isFiltered\">\r\n        <section class=\"sidebar-container\" (mouseleave)=\"horizontalMode && this.toggleMenu(99999, true, 'mouseleave')\">\r\n            <!-- Sidebar Menu -->\r\n            <ul class=\"sidebar-menu\"  [class.compact]=\"this.compact\"\r\n                [class.vertical]=\"! horizontalMode\" \r\n                [class.horizontal]=\"horizontalMode\"\r\n                >\r\n                <ng-container *ngFor=\"let item of items\">\r\n                    <ng-container *ngIf=\"!item.sublinks\">\r\n                        <li\r\n                        class=\"treeview\">\r\n                           \r\n                            <a (click)=\"this.subItemClick(item, null)\" *ngIf=\"!item.external\" [routerLink]=\"item.link\" id=\"node-{{item.id}}\">\r\n                                <i class=\"fa fa-{{ item.icon }} fa-lg\"></i>\r\n                                <span [class.compact]=\"this.compact\">{{ item.title }}</span>\r\n                            </a>\r\n                            <a (click)=\"this.subItemClick(item, null)\" *ngIf=\"item.external\" [href]=\"item.link\" [target]=\"item.target\">\r\n                                <i class=\"fa fa-{{ item.icon }} fa-lg\"></i>\r\n                                <span [class.compact]=\"this.compact\">{{ item.title }}</span>\r\n                            </a>\r\n                            <div class=\"subtree-container\" [class.vertical]=\"! horizontalMode\" \r\n                            [class.horizontal]=\"horizontalMode\">\r\n                                <ul class=\"treeview-menu\">\r\n    \r\n                                </ul>\r\n                            </div>\r\n    \r\n                        </li>\r\n                    </ng-container>\r\n    \r\n                    <ng-container *ngIf=\"item.sublinks\">\r\n                        <li class=\"treeview\">\r\n                            <!-- {{ item.title }} -->\r\n                            <a  \r\n                                [routerLink]=\"! horizontalMode ? null : item.link\">\r\n                                    <i *ngIf=\"item.icon\" class=\"fa fa-{{ item.icon }} fa-lg\"></i>\r\n                                <span [class.compact]=\"this.compact\">{{ item.title }}</span>\r\n                            </a>\r\n                            <div class=\"subtree-container\" \r\n                                [class.vertical]=\"! horizontalMode\" \r\n                                [class.horizontal]=\"horizontalMode\">\r\n                                <ul class=\"treeview-menu\" #treeviewmenu [ngClass]=\"getSubtreeClass(item.sublinks.length)\">\r\n                                    <ng-container *ngFor=\"let subitem of item.sublinks\">\r\n                                        <li [class.active]=\"isItemActive(subitem)\">\r\n                                            <a (click)=\"this.subItemClick(item, subitem)\" *ngIf=\"!subitem.external\" [routerLink]=\"subitem.link\">\r\n                                                <i *ngIf=\"subitem.icon\" class=\"fa fa-{{ subitem.icon }}\"></i>\r\n                                                <span [class.compact]=\"this.compact\">{{ subitem.title }}</span>\r\n                                            </a>\r\n                                            <a (click)=\"this.subItemClick(item, subitem)\" *ngIf=\"subitem.external\" [href]=\"subitem.link\" [target]=\"subitem.target\">\r\n                                                <i *ngIf=\"subitem.icon\" class=\"fa fa-{{ subitem.icon }}\"></i>\r\n                                                <span [class.compact]=\"this.compact\">{{ subitem.title }}</span>\r\n                                            </a>\r\n                                        </li>\r\n                                    </ng-container>\r\n                                </ul>\r\n                            </div>\r\n                        </li>\r\n                    </ng-container>\r\n                </ng-container>\r\n            </ul>\r\n            <!-- /.sidebar-menu -->\r\n        </section>\r\n    </ng-container>\r\n    \r\n</aside>", 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}.menu-container{background:#3c5dc4}.main-sidebar{z-index:999}.sidebar-menu.horizontal li{display:inline-block;height:40px}.sidebar-menu.horizontal>li>a,.sidebar-menu.horizontal>li>button{border-bottom:5px solid transparent;padding:10px 5px 0;display:inline-block;cursor:pointer}.subtree-container:first-child{margin-top:15px}.subtree-container{background-color:#3c5dc4;z-index:999998;min-width:230px}.subtree-container.horizontal{position:fixed;margin-top:8px;margin-left:0;border-radius:0 0 5px 5px}.sidebar-menu.horizontal>li.active,.sidebar-menu.horizontal>li:hover{background-color:#5272d3}.sidebar-menu.horizontal>li>a:hover,.sidebar-menu.horizontal>li.active>a,.sidebar-menu.horizontal>li>button:hover,.sidebar-menu.horizontal>li.active>button{border-bottom:5px solid var(--main-bg-color);color:#f7faff;background-color:#5272d3;margin-bottom:5px;cursor:pointer}.sidebar-menu.horizontal .treeview-menu>li{height:40px}.sidebar-menu .treeview-menu>li{display:block;height:30px;cursor:pointer}.sidebar-menu>li{position:relative;margin:0;padding:0;cursor:pointer}.main-sidebar .user-panel,.sidebar-menu,.sidebar-menu>li.header{white-space:nowrap;overflow:hidden}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-container.compact{margin-top:250px;margin-left:-5px}.sidebar-container a{color:#f7faff;cursor:pointer}.sidebar-container button{color:#f7faff;border:none;margin:0;padding:0;width:100%;overflow:visible;text-align:left;background:transparent;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer}.sidebar-menu>li>a,.sidebar-menu>li>button{padding:8px 5px 8px 25px;display:block;cursor:pointer}.sidebar-menu>li>a>span,.sidebar-menu>li>button>span{padding-left:7px;padding-right:7px;cursor:pointer}.sidebar-menu>li>a>span.compact,.sidebar-menu>li>button>span.compact{padding-left:15px}.sidebar-menu li>a,.sidebar-menu li>button{position:relative}.sidebar-menu>li>a>.fa,.sidebar-menu>li>a>.glyphicon,.sidebar-menu>li>a>.ion,.sidebar-menu>li>button>.fa,.sidebar-menu>li>button>.glyphicon,.sidebar-menu>li>button>.ion{width:20px}.sidebar-menu>li>a>span,.sidebar-menu>li>button>span{padding-left:7px}.sidebar-menu li>a>.pull-right-container,.sidebar-menu li>button>.pull-right-container{position:absolute;right:10px;top:50%;margin-top:-7px}.sidebar-menu>li>a,.sidebar-menu>li>a:hover,.sidebar-menu>li.active>a,.sidebar-menu>li>button:hover,.sidebar-menu>li.active>button{color:#f7faff;background-color:#3c5dc4}.sidebar-menu>li>a:hover,.sidebar-menu>li>button:hover{background-color:#5272d3}.sidebar-menu.compact>li>a,.sidebar-menu.compact>li>a:hover,.sidebar-menu.compact>li.active>a,.sidebar-menu.compact>li>button:hover,.sidebar-menu.compact>li.active>button{color:#f7faff;background-color:#3c5dc4}.sidebar-menu.compact>li>a:hover,.sidebar-menu.compact>li>button:hover{background-color:#3c5dc4}.sidebar-menu .treeview-menu>li{margin:0}.sidebar-menu .treeview-menu{display:block;height:0px;list-style:none;padding:0 0 0 15px;margin:0;overflow:hidden}.sidebar-menu .treeview-menu{width:230px}.sidebar-menu .treeview-menu.collapsed{height:0px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-1{height:30px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-2{height:60px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-3{height:90px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-4{height:120px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-5{height:150px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-6{height:180px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-7{height:210px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-8{height:240px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-9{height:270px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-10{height:300px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-11{height:330px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-12{height:360px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-13{height:390px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-14{height:420px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-15{height:450px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-16{height:480px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-17{height:510px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-18{height:540px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-19{height:570px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-20{height:600px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.collapsed{height:0px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-1{height:41px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-2{height:82px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-3{height:123px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-4{height:164px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-5{height:205px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-6{height:246px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-7{height:287px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-8{height:328px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-9{height:369px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-10{height:410px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-11{height:451px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-12{height:492px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-13{height:533px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-14{height:574px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-15{height:615px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-16{height:656px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-17{height:697px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-18{height:738px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-19{height:779px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-20{height:820px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu>li>a{margin-left:-25px;padding:5px 5px 5px 35px;display:block}a:active,a:focus,a:hover{outline:0;text-decoration:none;color:#72afd2}.treeview-menu>li>a{color:#f7faff}.sidebar-menu .treeview-menu>li>a>.fa,.sidebar-menu .treeview-menu>li>a>.glyphicon,.sidebar-menu .treeview-menu>li>a>.ion{width:20px;margin-left:15px}.sidebar-menu>li>.treeview-menu{margin:0 1px;background:#3c5dc4}.sidebar-menu .treeview-menu>li>a:hover,.sidebar-menu .treeview-menu>li.active>a{color:#f7faff;background-color:#5272d3}.search{border-radius:5px;border:1px solid #8FA3DF;background-color:#3c5dc4;padding-left:27px;margin:14px 10px;width:calc(100% - 20px);color:#fff}::placeholder{color:#8fa3df}.search-input-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 18px;filter:invert(60%) sepia(57%) saturate(394%) hue-rotate(191deg) brightness(99%) contrast(96%)}\n"] }]
+            args: [{ selector: 'alg-menu', standalone: false, template: "<!-- Left side column. contains the logo and sidebar -->\r\n<aside class=\"main-sidebar\">\r\n    <div *ngIf=\"this.displaySearchBar && ! this.compact\" class=\"search-input-container\">\r\n        <input [(ngModel)]=\"this.keyword\" name=\"search\" autocomplete=\"off\" class=\"search form-control search-bar-action search-input\" type=\"text\" [placeholder]=\"'Rechercher un menu...'\" (input)=\"filter($event)\">\r\n    </div>\r\n    <ng-container *ngIf = \"!this.isFiltered\">\r\n    <!-- sidebar: style can be found in sidebar.less -->\r\n    <section class=\"sidebar-container\" [class.compact]=\"this.compact\" (mouseleave)=\"horizontalMode && this.toggleMenu(99999, true, 'mouseleave')\">\r\n        <!-- Sidebar Menu -->\r\n        <ul class=\"sidebar-menu\" [class.compact]=\"this.compact\"\r\n            [class.vertical]=\"! horizontalMode\" \r\n            [class.horizontal]=\"horizontalMode\"\r\n            >\r\n            <ng-container *ngFor=\"let item of items\">\r\n                <ng-container *ngIf=\"!item.sublinks\">\r\n                    <li (mouseenter)=\"horizontalMode && this.toggleMenu(item.id, false, 'mouseenter')\" \r\n                    (mouseleave)=\"horizontalMode && this.toggleMenu(item.id, false, 'mouseleave')\"\r\n                    class=\"treeview\" #treeview id=\"node-{{item.id}}\">\r\n                       \r\n                        <a (click)=\"this.subItemClick(item, null)\" *ngIf=\"!item.external\" [routerLink]=\"item.link\" id=\"node-{{item.id}}\">\r\n                            <i class=\"fa fa-{{ item.icon }} fa-lg\"></i>\r\n                            <span [class.compact]=\"this.compact\">{{ item.title }}</span>\r\n                        </a>\r\n                        <a (click)=\"this.subItemClick(item, null)\" *ngIf=\"item.external\" [href]=\"item.link\" [target]=\"item.target\">\r\n                            <i class=\"fa fa-{{ item.icon }} fa-lg\"></i>\r\n                            <span [class.compact]=\"this.compact\">{{ item.title }}</span>\r\n                        </a>\r\n                        <div class=\"subtree-container\" [class.vertical]=\"! horizontalMode\" \r\n                        [class.horizontal]=\"horizontalMode\">\r\n                            <ul class=\"treeview-menu\" #treeviewmenu id=\"subtree-{{item.id}}\">\r\n\r\n                            </ul>\r\n                        </div>\r\n\r\n                    </li>\r\n                </ng-container>\r\n\r\n                <ng-container *ngIf=\"item.sublinks\">\r\n                    <li (mouseenter)=\"horizontalMode && this.toggleMenu(item.id, false, 'mouseenter')\" \r\n                    (mouseleave)=\"horizontalMode && this.toggleMenu(item.id, false, 'mouseleave')\"\r\n                    class=\"treeview\" #treeview id=\"node-{{item.id}}\">\r\n                        <!-- {{ item.title }} -->\r\n                        <a  \r\n                            [routerLink]=\"! horizontalMode ? null : item.link\" \r\n                            (click)=\"this.toggleMenu(item.id, true, 'mouseclick')\">\r\n                            <i *ngIf=\"item.icon\" class=\"fa fa-{{ item.icon }} fa-lg\"></i>\r\n                            <span [class.compact]=\"this.compact\">{{ item.title }}</span>\r\n                        </a>\r\n                        <div class=\"subtree-container\" \r\n                            [class.vertical]=\"! horizontalMode\" \r\n                            [class.horizontal]=\"horizontalMode\">\r\n                            <ul class=\"treeview-menu\" #treeviewmenu id=\"subtree-{{item.id}}\" [ngClass]=\"getSubtreeClass(item.sublinks.length)\">\r\n                                <ng-container *ngFor=\"let subitem of item.sublinks\">\r\n                                    <li [class.active]=\"isItemActive(subitem)\">\r\n                                        <a (click)=\"this.subItemClick(item, subitem)\" *ngIf=\"!subitem.external\" [routerLink]=\"subitem.link\">\r\n                                            <i *ngIf=\"subitem.icon\" class=\"fa fa-{{ subitem.icon }}\"></i>\r\n                                            <span [class.compact]=\"this.compact\">{{ subitem.title }}</span>\r\n                                        </a>\r\n                                        <a (click)=\"this.subItemClick(item, subitem)\" *ngIf=\"subitem.external\" [href]=\"subitem.link\" [target]=\"subitem.target\">\r\n                                            <i *ngIf=\"subitem.icon\" class=\"fa fa-{{ subitem.icon }}\"></i>\r\n                                            <span [class.compact]=\"this.compact\">{{ subitem.title }}</span>\r\n                                        </a>\r\n                                    </li>\r\n                                </ng-container>\r\n                            </ul>\r\n                        </div>\r\n                    </li>\r\n                </ng-container>\r\n            </ng-container>\r\n        </ul>\r\n        <!-- /.sidebar-menu -->\r\n    </section>\r\n    <!-- /.sidebar -->\r\n    </ng-container>\r\n    <ng-container *ngIf = \"this.isFiltered\">\r\n        <section class=\"sidebar-container\" (mouseleave)=\"horizontalMode && this.toggleMenu(99999, true, 'mouseleave')\">\r\n            <!-- Sidebar Menu -->\r\n            <ul class=\"sidebar-menu\"  [class.compact]=\"this.compact\"\r\n                [class.vertical]=\"! horizontalMode\" \r\n                [class.horizontal]=\"horizontalMode\"\r\n                >\r\n                <ng-container *ngFor=\"let item of items\">\r\n                    <ng-container *ngIf=\"!item.sublinks\">\r\n                        <li\r\n                        class=\"treeview\">\r\n                           \r\n                            <a (click)=\"this.subItemClick(item, null)\" *ngIf=\"!item.external\" [routerLink]=\"item.link\" id=\"node-{{item.id}}\">\r\n                                <i class=\"fa fa-{{ item.icon }} fa-lg\"></i>\r\n                                <span [class.compact]=\"this.compact\">{{ item.title }}</span>\r\n                            </a>\r\n                            <a (click)=\"this.subItemClick(item, null)\" *ngIf=\"item.external\" [href]=\"item.link\" [target]=\"item.target\">\r\n                                <i class=\"fa fa-{{ item.icon }} fa-lg\"></i>\r\n                                <span [class.compact]=\"this.compact\">{{ item.title }}</span>\r\n                            </a>\r\n                            <div class=\"subtree-container\" [class.vertical]=\"! horizontalMode\" \r\n                            [class.horizontal]=\"horizontalMode\">\r\n                                <ul class=\"treeview-menu\">\r\n    \r\n                                </ul>\r\n                            </div>\r\n    \r\n                        </li>\r\n                    </ng-container>\r\n    \r\n                    <ng-container *ngIf=\"item.sublinks\">\r\n                        <li class=\"treeview\">\r\n                            <!-- {{ item.title }} -->\r\n                            <a  \r\n                                [routerLink]=\"! horizontalMode ? null : item.link\">\r\n                                    <i *ngIf=\"item.icon\" class=\"fa fa-{{ item.icon }} fa-lg\"></i>\r\n                                <span [class.compact]=\"this.compact\">{{ item.title }}</span>\r\n                            </a>\r\n                            <div class=\"subtree-container\" \r\n                                [class.vertical]=\"! horizontalMode\" \r\n                                [class.horizontal]=\"horizontalMode\">\r\n                                <ul class=\"treeview-menu\" #treeviewmenu [ngClass]=\"getSubtreeClass(item.sublinks.length)\">\r\n                                    <ng-container *ngFor=\"let subitem of item.sublinks\">\r\n                                        <li [class.active]=\"isItemActive(subitem)\">\r\n                                            <a (click)=\"this.subItemClick(item, subitem)\" *ngIf=\"!subitem.external\" [routerLink]=\"subitem.link\">\r\n                                                <i *ngIf=\"subitem.icon\" class=\"fa fa-{{ subitem.icon }}\"></i>\r\n                                                <span [class.compact]=\"this.compact\">{{ subitem.title }}</span>\r\n                                            </a>\r\n                                            <a (click)=\"this.subItemClick(item, subitem)\" *ngIf=\"subitem.external\" [href]=\"subitem.link\" [target]=\"subitem.target\">\r\n                                                <i *ngIf=\"subitem.icon\" class=\"fa fa-{{ subitem.icon }}\"></i>\r\n                                                <span [class.compact]=\"this.compact\">{{ subitem.title }}</span>\r\n                                            </a>\r\n                                        </li>\r\n                                    </ng-container>\r\n                                </ul>\r\n                            </div>\r\n                        </li>\r\n                    </ng-container>\r\n                </ng-container>\r\n            </ul>\r\n            <!-- /.sidebar-menu -->\r\n        </section>\r\n    </ng-container>\r\n    \r\n</aside>", 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}.menu-container{background:#3c5dc4}.main-sidebar{z-index:999}.sidebar-menu.horizontal li{display:inline-block;height:40px}.sidebar-menu.horizontal>li>a,.sidebar-menu.horizontal>li>button{border-bottom:5px solid transparent;padding:10px 5px 0;display:inline-block;cursor:pointer}.subtree-container:first-child{margin-top:15px}.subtree-container{background-color:#3c5dc4;z-index:999998;min-width:230px}.subtree-container.horizontal{position:fixed;margin-top:8px;margin-left:0;border-radius:0 0 5px 5px}.sidebar-menu.horizontal>li.active,.sidebar-menu.horizontal>li:hover{background-color:#5272d3}.sidebar-menu.horizontal>li>a:hover,.sidebar-menu.horizontal>li.active>a,.sidebar-menu.horizontal>li>button:hover,.sidebar-menu.horizontal>li.active>button{border-bottom:5px solid var(--main-bg-color);color:#f7faff;background-color:#5272d3;margin-bottom:5px;cursor:pointer}.sidebar-menu.horizontal .treeview-menu>li{height:40px}.sidebar-menu .treeview-menu>li{display:block;height:30px;cursor:pointer}.sidebar-menu>li{position:relative;margin:0;padding:0;cursor:pointer}.main-sidebar .user-panel,.sidebar-menu,.sidebar-menu>li.header{white-space:nowrap;overflow:hidden}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-container.compact{margin-top:250px;margin-left:-5px}.sidebar-container a{color:#f7faff;cursor:pointer}.sidebar-container button{color:#f7faff;border:none;margin:0;padding:0;width:100%;overflow:visible;text-align:left;background:transparent;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer}.sidebar-menu>li>a,.sidebar-menu>li>button{padding:8px 5px 8px 25px;display:block;cursor:pointer}.sidebar-menu>li>a>span,.sidebar-menu>li>button>span{padding-left:7px;padding-right:7px;cursor:pointer}.sidebar-menu>li>a>span.compact,.sidebar-menu>li>button>span.compact{padding-left:15px}.sidebar-menu li>a,.sidebar-menu li>button{position:relative}.sidebar-menu>li>a>.fa,.sidebar-menu>li>a>.glyphicon,.sidebar-menu>li>a>.ion,.sidebar-menu>li>button>.fa,.sidebar-menu>li>button>.glyphicon,.sidebar-menu>li>button>.ion{width:20px}.sidebar-menu>li>a>span,.sidebar-menu>li>button>span{padding-left:7px}.sidebar-menu li>a>.pull-right-container,.sidebar-menu li>button>.pull-right-container{position:absolute;right:10px;top:50%;margin-top:-7px}.sidebar-menu>li>a,.sidebar-menu>li>a:hover,.sidebar-menu>li.active>a,.sidebar-menu>li>button:hover,.sidebar-menu>li.active>button{color:#f7faff;background-color:#3c5dc4}.sidebar-menu>li>a:hover,.sidebar-menu>li>button:hover{background-color:#5272d3}.sidebar-menu.compact>li>a,.sidebar-menu.compact>li>a:hover,.sidebar-menu.compact>li.active>a,.sidebar-menu.compact>li>button:hover,.sidebar-menu.compact>li.active>button{color:#f7faff;background-color:#3c5dc4}.sidebar-menu.compact>li>a:hover,.sidebar-menu.compact>li>button:hover{background-color:#3c5dc4}.sidebar-menu .treeview-menu>li{margin:0}.sidebar-menu .treeview-menu{display:block;height:0px;list-style:none;padding:0 0 0 15px;margin:0;overflow:hidden}.sidebar-menu .treeview-menu{width:230px}.sidebar-menu .treeview-menu.collapsed{height:0px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-1{height:30px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-2{height:60px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-3{height:90px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-4{height:120px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-5{height:150px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-6{height:180px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-7{height:210px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-8{height:240px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-9{height:270px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-10{height:300px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-11{height:330px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-12{height:360px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-13{height:390px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-14{height:420px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-15{height:450px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-16{height:480px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-17{height:510px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-18{height:540px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-19{height:570px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-20{height:600px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-21{height:630px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-22{height:660px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-23{height:690px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-24{height:720px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-25{height:750px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-26{height:780px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-27{height:810px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-28{height:840px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-29{height:870px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-30{height:900px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-31{height:930px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-32{height:960px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-33{height:990px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-34{height:1020px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-35{height:1050px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-36{height:1080px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-37{height:1110px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-38{height:1140px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-39{height:1170px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-40{height:1200px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-41{height:1230px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-42{height:1260px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-43{height:1290px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-44{height:1320px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-45{height:1350px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-46{height:1380px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-47{height:1410px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-48{height:1440px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-49{height:1470px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-50{height:1500px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-51{height:1530px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-52{height:1560px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-53{height:1590px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-54{height:1620px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-55{height:1650px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-56{height:1680px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-57{height:1710px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-58{height:1740px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-59{height:1770px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-60{height:1800px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-61{height:1830px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-62{height:1860px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-63{height:1890px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-64{height:1920px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-65{height:1950px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-66{height:1980px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-67{height:2010px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-68{height:2040px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-69{height:2070px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-70{height:2100px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-71{height:2130px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-72{height:2160px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-73{height:2190px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-74{height:2220px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-75{height:2250px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-76{height:2280px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-77{height:2310px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-78{height:2340px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-79{height:2370px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-80{height:2400px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-81{height:2430px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-82{height:2460px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-83{height:2490px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-84{height:2520px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-85{height:2550px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-86{height:2580px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-87{height:2610px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-88{height:2640px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-89{height:2670px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-90{height:2700px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-91{height:2730px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-92{height:2760px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-93{height:2790px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-94{height:2820px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-95{height:2850px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-96{height:2880px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-97{height:2910px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-98{height:2940px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-99{height:2970px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu.uncollapsed-100{height:3000px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.collapsed{height:0px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-1{height:41px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-2{height:82px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-3{height:123px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-4{height:164px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-5{height:205px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-6{height:246px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-7{height:287px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-8{height:328px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-9{height:369px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-10{height:410px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-11{height:451px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-12{height:492px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-13{height:533px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-14{height:574px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-15{height:615px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-16{height:656px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-17{height:697px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-18{height:738px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-19{height:779px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-20{height:820px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-21{height:861px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-22{height:902px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-23{height:943px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-24{height:984px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-25{height:1025px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-26{height:1066px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-27{height:1107px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-28{height:1148px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-29{height:1189px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-30{height:1230px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-31{height:1271px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-32{height:1312px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-33{height:1353px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-34{height:1394px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-35{height:1435px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-36{height:1476px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-37{height:1517px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-38{height:1558px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-39{height:1599px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-40{height:1640px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-41{height:1681px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-42{height:1722px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-43{height:1763px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-44{height:1804px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-45{height:1845px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-46{height:1886px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-47{height:1927px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-48{height:1968px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-49{height:2009px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-50{height:2050px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-51{height:2091px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-52{height:2132px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-53{height:2173px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-54{height:2214px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-55{height:2255px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-56{height:2296px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-57{height:2337px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-58{height:2378px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-59{height:2419px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-60{height:2460px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-61{height:2501px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-62{height:2542px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-63{height:2583px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-64{height:2624px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-65{height:2665px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-66{height:2706px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-67{height:2747px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-68{height:2788px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-69{height:2829px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-70{height:2870px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-71{height:2911px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-72{height:2952px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-73{height:2993px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-74{height:3034px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-75{height:3075px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-76{height:3116px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-77{height:3157px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-78{height:3198px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-79{height:3239px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-80{height:3280px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-81{height:3321px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-82{height:3362px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-83{height:3403px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-84{height:3444px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-85{height:3485px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-86{height:3526px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-87{height:3567px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-88{height:3608px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-89{height:3649px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-90{height:3690px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-91{height:3731px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-92{height:3772px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-93{height:3813px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-94{height:3854px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-95{height:3895px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-96{height:3936px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-97{height:3977px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-98{height:4018px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-99{height:4059px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu.horizontal .treeview-menu.uncollapsed-100{height:4100px;transition:ease-in .2s height;overflow:hidden}.sidebar-menu .treeview-menu>li>a{margin-left:-25px;padding:5px 5px 5px 35px;display:block}a:active,a:focus,a:hover{outline:0;text-decoration:none;color:#72afd2}.treeview-menu>li>a{color:#f7faff}.sidebar-menu .treeview-menu>li>a>.fa,.sidebar-menu .treeview-menu>li>a>.glyphicon,.sidebar-menu .treeview-menu>li>a>.ion{width:20px;margin-left:15px}.sidebar-menu>li>.treeview-menu{margin:0 1px;background:#3c5dc4}.sidebar-menu .treeview-menu>li>a:hover,.sidebar-menu .treeview-menu>li.active>a{color:#f7faff;background-color:#5272d3}.search{border-radius:5px;border:1px solid #8FA3DF;background-color:#3c5dc4;padding-left:27px;margin:14px 10px;width:calc(100% - 20px);color:#fff}::placeholder{color:#8fa3df}.search-input-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 18px;filter:invert(60%) sepia(57%) saturate(394%) hue-rotate(191deg) brightness(99%) contrast(96%)}\n"] }]
         }], ctorParameters: () => [{ type: i2$4.Router }, { type: i0.Renderer2 }], propDecorators: { horizontalMode: [{
                 type: Input
             }], compact: [{