ngx-sp-infra 6.5.0 → 6.5.2

package/fesm2022/ngx-sp-infra.mjs

@@ -18,7 +18,7 @@ import * as i3 from 'ngx-pagination';
 import { NgxPaginationModule } from 'ngx-pagination';
 import { Subject, debounceTime, distinctUntilChanged, BehaviorSubject, map, takeUntil, Subscription, take, tap, firstValueFrom, filter } from 'rxjs';
 import * as i1$2 from '@angular/platform-browser';
-import { cloneDeep } from 'lodash';
+import { cloneDeep, escapeRegExp } from 'lodash';
 import * as i2$1 from 'ngx-drag-drop';
 import { DndModule } from 'ngx-drag-drop';
 import * as i1$6 from '@angular/common/http';
@@ -9605,80 +9605,199 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                 type: Input
             }] } });
 
+class LibSpinnerComponent {
+    // #endregion PUBLIC
+    // #endregion ==========> PROPERTIES <==========
+    // #region ==========> INITIALIZATION <==========
+    constructor() {
+        this.sizeType = "class";
+        // #endregion PROTECTED
+        // #region PUBLIC
+        /** Tipo do spinner
+         * @default "border" */
+        this.type = "border";
+        /** Tamanho do spinner (Padrão ou pequeno)
+         * @default "default" */
+        this.size = "default";
+        /** Texto de ajuda, será exibido no hover em cima do spinner
+         * @default "Carregando informações..." */
+        this.helperText = "Carregando informações...";
+    }
+    ngOnChanges(changes) {
+        if (changes["size"]) {
+            this.getSize();
+        }
+    }
+    // #endregion ==========> INITIALIZATION <==========
+    getSize() {
+        if (this.size === "small") {
+            this.sizeType = "class";
+            this._size = `spinner-${this.type}-sm`;
+        }
+        else if (this.size === "default") {
+            this.sizeType = "class";
+            delete this._size;
+        }
+        else {
+            this.sizeType = "custom";
+            this._size = this.size;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LibSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: LibSpinnerComponent, isStandalone: true, selector: "lib-spinner", inputs: { type: "type", theme: "theme", size: "size", helperText: "helperText" }, usesOnChanges: true, ngImport: i0, template: `
+    @switch (sizeType) {
+      @case ("class") {
+        <div class="spinner-{{type}} {{theme ? 'text-'+theme : ''}} {{_size}}" role="status">
+          <span class="visually-hidden">{{ helperText }}</span>
+        </div>
+      }
+      @case ("custom") {
+        <div class="spinner-{{type}} {{theme ? 'text-'+theme : ''}}" [style.height.px]="_size" [style.width.px]="_size" role="status">
+          <span class="visually-hidden">{{ helperText }}</span>
+        </div>
+      }
+    }
+  `, isInline: true, styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LibSpinnerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-spinner', template: `
+    @switch (sizeType) {
+      @case ("class") {
+        <div class="spinner-{{type}} {{theme ? 'text-'+theme : ''}} {{_size}}" role="status">
+          <span class="visually-hidden">{{ helperText }}</span>
+        </div>
+      }
+      @case ("custom") {
+        <div class="spinner-{{type}} {{theme ? 'text-'+theme : ''}}" [style.height.px]="_size" [style.width.px]="_size" role="status">
+          <span class="visually-hidden">{{ helperText }}</span>
+        </div>
+      }
+    }
+  `, standalone: true }]
+        }], ctorParameters: () => [], propDecorators: { type: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], helperText: [{
+                type: Input
+            }] } });
+
 class SearchInputComponent {
-    constructor(http, router) {
-        this.http = http;
-        this.router = router;
-        this.isVisible = false;
+    get menus() { return this._menus; }
+    set menus(value) {
+        this._menus = value;
+        this.filteredMenus = [...this._menus ?? []];
+    }
+    get submenus() { return this._submenus; }
+    set submenus(value) {
+        this._submenus = value;
+        this.filteredSubmenus = [...this._submenus ?? []];
+    }
+    get telas() { return this._telas; }
+    set telas(value) {
+        this._telas = value;
+        this.filteredTelas = [...this._telas ?? []];
+    }
+    // #endregion GETTERS & SETTERS
+    // #endregion PUBLIC
+    // #endregion ==========> PROPERTIES <==========
+    constructor(_router) {
+        this._router = _router;
+        // #region ==========> PROPERTIES <==========
+        // #region PRIVATE
+        this._menus = [];
+        this._submenus = [];
+        this._telas = [];
+        // #endregion PRIVATE
+        // #region PUBLIC
+        this.showIcons = false;
+        this.onClose = new EventEmitter();
+        this.onSearch = new EventEmitter();
         this.searchQuery = '';
-        this.items = [];
-        this.filteredItems = [...this.items];
+        this.loading = false;
+        // #region GETTERS & SETTERS
+        this.filteredTelas = [];
+        this.filteredSubmenus = [];
+        this.filteredMenus = [];
     }
     ngOnInit() {
-        this.loadRoutes();
+        // 
     }
     ngAfterViewInit() {
-        if (this.isVisible) {
-            this.focusInput();
-        }
-    }
-    loadRoutes() {
-        this.http.get('assets/jsons/routes.json').subscribe(data => {
-            this.items = data;
-        }, error => {
-            console.error('Error loading routes:', error);
-        });
+        this.focusInput();
     }
+    // #region ==========> UTILS <==========
     onKeydown(event) {
-        if (event.ctrlKey && event.key === 'p') {
-            event.preventDefault();
-            this.isVisible = !this.isVisible;
-            if (this.isVisible) {
-                setTimeout(() => this.focusInput(), 0);
-            }
-            else {
-                this.resetSearch();
-            }
+        if (event.key === 'Escape') {
+            this.close();
         }
-        else if (this.isVisible && event.key === 'Enter') {
-            event.preventDefault();
-            if (this.filteredItems.length > 0) {
-                this.navigateTo(this.filteredItems[0].route);
-            }
+    }
+    navigateTo(route) {
+        this._router.navigate([route]).then(() => this.close());
+    }
+    redirect(item) {
+        if (item.RotaV6 && item.RotaV6 !== '') {
+            this._router.navigate([item.RotaV6]).then(() => this.close());
         }
+        else {
+            const hostname = window.location.host.includes("localhost") ? "siscandesv6.sispro.com.br" : window.location.host;
+            const baseURL = `https://${hostname}/SisproErpCloud`;
+            // Se a RotaOS começar com '/', não adiciona outra '/'
+            const targetRoute = `${baseURL}${item.RotaOS[0] === '/' ? '' : '/'}${item.RotaOS}`;
+            window.location.replace(targetRoute);
+        }
+    }
+    highlightList(pesquisa) {
+        const list = document.querySelector('.options-list')?.querySelectorAll('li');
+        const regex = new RegExp(escapeRegExp(pesquisa), 'ig');
+        list?.forEach((li) => {
+            const span = li.querySelector('span.tela');
+            const target = span ?? li;
+            const text = target.textContent ?? '';
+            // substitui as ocorrências por um elemento de destaque (p.ex. <mark>)
+            const highlighted = text.replace(regex, (match) => `<b style="color: #ebae00;">${match}</b>`);
+            target.innerHTML = highlighted;
+        });
     }
-    closeSearch() {
-        this.isVisible = false;
+    // #region PESQUISA
+    close() {
+        this.onClose.emit();
         this.resetSearch();
     }
+    search() {
+        // TODO: Implementar o highlight mesmo com o filtro externo
+        // this.highlightList(this.searchQuery.trim());
+        this.onSearch.emit(this.searchQuery.trim());
+    }
     resetSearch() {
         this.searchQuery = '';
-        this.filteredItems = [...this.items];
-    }
-    onSearch() {
-        if (this.searchQuery.trim()) {
-            this.filteredItems = this.items.filter(item => item.label.toLowerCase().includes(this.searchQuery.toLowerCase()));
-        }
-        else {
-            this.filteredItems = [...this.items];
-        }
-    }
-    navigateTo(route) {
-        this.router.navigate([route]);
-        this.closeSearch();
+        this.onSearch.emit('');
     }
     focusInput() {
-        if (this.searchInput) {
+        if (this.searchInput)
             this.searchInput.nativeElement.focus();
-        }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SearchInputComponent, deps: [{ token: i1$6.HttpClient }, { token: i1$3.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: SearchInputComponent, isStandalone: true, selector: "lib-search-input", host: { listeners: { "document:keydown": "onKeydown($event)" } }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }], ngImport: i0, template: "@if (isVisible) {\n<div class=\"search-overlay\">\n  <div class=\"search-wrapper\">\n    <div class=\"search-container\">\n      <input type=\"text\" #searchInput [(ngModel)]=\"searchQuery\" (input)=\"onSearch()\"\n        placeholder=\"Pesquise por telas da aplica\u00E7\u00E3o...\" class=\"form-control\" />\n      <button (click)=\"closeSearch()\" class=\"btn btn-outline-primary ms-2\">Fechar</button>\n    </div>\n\n    @if (searchQuery !== '') {\n      <div class=\"search-results\">\n        <div class=\"scrollable-content\">\n          <ul class=\"list-group list-group-flush\">\n            @for (item of filteredItems; track $index) {\n              <li (click)=\"navigateTo(item.route)\" style=\"cursor: pointer;\" class=\"list-group-item\">{{item.label}}</li>\n            } \n            @empty {\n              <li class=\"list-group-item\">Nenhum registro encontrado</li>\n            }\n          </ul>\n        </div>\n      </div>\n      \n    }\n  </div>\n</div>\n}", styles: [".search-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;flex-direction:column;align-items:center;padding-top:10px;z-index:9999}.search-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px}.search-container{background-color:#fff;padding:10px 20px;border-radius:8px;box-shadow:0 4px 8px #0003;display:flex;align-items:center;width:100%}.search-results{background:#fff;padding:10px;border-radius:8px;box-shadow:0 4px 8px #0003;margin-top:10px;max-width:800px;width:100%}.scrollable-content{max-height:500px;overflow-y:auto;border-radius:8px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SearchInputComponent, deps: [{ token: i1$3.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: SearchInputComponent, isStandalone: true, selector: "lib-search-input, lib-pesquisa-global", inputs: { showIcons: "showIcons" }, outputs: { onClose: "onClose", onSearch: "onSearch" }, host: { listeners: { "document:keydown": "onKeydown($event)" } }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }], ngImport: i0, template: "<div class=\"search-overlay position-fixed w-100 h-100 d-flex flex-column align-items-center pt-3\">\n  <div class=\"search-wrapper d-flex flex-column align-items-center w-100\" style=\"--max-width: 800px\">\n    <div class=\"search-container w-100 bg-white d-flex flex-column align-items-start p-3 rounded\">\n      <h6>\n        <p class=\"fw-bold mb-0\"> Pesquisa global de telas entre os produtos adquiridos </p>\n        <span class=\"text-muted fw-bold fst-italic\" style=\"font-size: 12px;\">(para fechar clique no bot\u00E3o ao lado ou aperte ESC)</span>\n      </h6>\n\n      <div class=\"input-group\">\n        <span class=\"input-group-text d-flex align-items-center justify-content-center\" id=\"addon-wrapping\">\n\n          @if (loading) { <lib-spinner [size]=\"20\" /> }\n          @else { <lib-icon iconName=\"p-lupa\" [iconSize]=\"24\" /> }\n\n        </span>\n        <input #searchInput type=\"text\" class=\"form-control\" [(ngModel)]=\"searchQuery\" placeholder=\"Pesquise pelo nome da tela\"\n          (input)=\"search()\" />\n        <button (click)=\"resetSearch()\" class=\"btn btn-outline-primary\" tooltip=\"Limpar\" > <lib-icon iconName=\"p-lixeira\" iconSize=\"medium-small\" /> </button>\n        <button (click)=\"close()\" class=\"btn btn-outline-primary\" tooltip=\"Fechar\" > <lib-icon iconName=\"p-fechar\" iconSize=\"medium-small\" /> </button>\n      </div>\n      <span class=\"text-muted fw-bold fst-italic\" style=\"font-size: 12px;\">Digite pelo menos 3 caracteres para pesquisar...</span>\n    </div>\n\n    <div class=\"search-results bg-white p-3 rounded mt-3 w-100\"\n      [class]=\"(!filteredMenus || !filteredSubmenus || !filteredTelas) ? 'text-center' : ''\" >\n\n      @defer (when filteredMenus || filteredSubmenus || filteredTelas) {\n        <div class=\"scrollable-content d-flex flex-column gap-4 overflow-y-auto rounded\" style=\"--max-scrollable-height: 650px\">\n\n          <div id=\"menus\">\n            <h6 class=\"fw-bold\">Menus</h6>\n            <ul class=\"options-list d-flex flex-column gap-2 p-0 m-0\">\n              @for (menu of filteredMenus; track menu.Projeto+menu.Titulo) {\n                <li (click)=\"redirect(menu)\" class=\"glb-cursor-pointer option py-1 px-2 rounded border d-flex align-items-center gap-2\">\n                  @if (menu.ProjetoIcone) { <lib-icon class=\"text-primary\" [iconName]=\"menu.ProjetoIcone\" iconSize=\"medium-small\" /> }\n                  <span class=\"fw-bold text-primary\"> {{ menu.Projeto }} </span>\n\n                    <span class=\"fw-bold\">\n                      / {{ menu.Titulo }}\n                    </span>\n                </li>\n              }\n              @empty {\n                <li class=\"list-group-item\"> Nenhum menu encontrado com este nome </li>\n              }\n            </ul>\n          </div>\n\n          <div id=\"submenus\">\n            <h6 class=\"fw-bold\">Submenus</h6>\n            <ul class=\"options-list d-flex flex-column gap-2 p-0 m-0\">\n              @for (submenu of filteredSubmenus; track submenu.Projeto+submenu.Titulo) {\n                <li (click)=\"redirect(submenu)\" class=\"glb-cursor-pointer option py-1 px-2 rounded border d-flex align-items-center gap-2\">\n                  @if (submenu.ProjetoIcone) { <lib-icon class=\"text-primary\" [iconName]=\"submenu.ProjetoIcone\" iconSize=\"medium-small\" /> }\n                  <span class=\"fw-bold text-primary\"> {{ submenu.Projeto }} </span>\n\n                  <span class=\"fw-bold\">\n                    / {{ submenu.Titulo }}\n                  </span>\n                </li>\n              }\n              @empty {\n                <li class=\"list-group-item\"> Nenhum submenu encontrado com este nome </li>\n              }\n            </ul>\n          </div>\n\n          <div id=\"telas\">\n            <h6 class=\"fw-bold\">Telas</h6>\n            <ul class=\"options-list d-flex flex-column gap-2 p-0 m-0\">\n              @for (tela of filteredTelas; track tela.Projeto+tela.Titulo) {\n                <li (click)=\"redirect(tela)\" class=\"glb-cursor-pointer option py-1 px-2 rounded border d-flex align-items-center gap-2\">\n                  @if (tela.ProjetoIcone) { <lib-icon class=\"text-primary\" [iconName]=\"tela.ProjetoIcone\" iconSize=\"medium-small\" /> }\n                  <span class=\"fw-bold text-primary\"> {{ tela.Projeto }} </span>\n\n                  <span class=\"fw-bold\">\n                    / {{ tela.Titulo }}\n                  </span>\n                </li>\n              }\n              @empty {\n                <li class=\"list-group-item\"> Nenhuma tela encontrada com este nome </li>\n              }\n            </ul>\n          </div>\n\n\n          <!-- TELAS DEPRECIADA -->\n          <!-- <div id=\"telas\">\n            <h6 class=\"fw-bold\">Telas</h6>\n            <ul class=\"options-list d-flex flex-column gap-2 p-0 m-0\">\n              @for (item of filteredItems; track item.modulo+item.label) {\n                <li (click)=\"navigateTo(item.route)\" class=\"glb-cursor-pointer option py-1 px-2 rounded border d-flex align-items-center gap-2\">\n                  @if (item.icon) { <lib-icon class=\"text-primary\" [iconName]=\"item.icon\" iconSize=\"medium-small\" /> }\n                  <span class=\"fw-bold text-primary\"> {{ item.modulo ? item.modulo : '' }} </span>\n\n                  @if (item.menu) {\n                    <span class=\"fw-bold text-primary menu\">\n                      / @if (showIcons) { <lib-icon iconName=\"p-menu-hamburguer\" iconSize=\"small\" /> } {{ item.menu }}\n                    </span>\n                  }\n\n                  @if (item.submenu) {\n                    <span class=\"fw-bold text-primary submenu\">\n                      / @if (showIcons) { <lib-icon iconName=\"p-link\" iconSize=\"small\" /> } {{ item.submenu }}\n                    </span>\n                  }\n\n                  <span class=\"tela\"> {{ item.label }} </span>\n                </li>\n              }\n              @empty {\n                <li class=\"list-group-item\"> Nenhuma tela encontrada com este nome </li>\n              }\n            </ul>\n          </div> -->\n\n        </div>\n      }\n      @placeholder {\n        <lib-spinner />\n      }\n\n    </div>\n  </div>\n</div>", styles: [".search-overlay{top:0;left:0;background-color:#00000080;z-index:9999}.search-overlay .search-wrapper{max-width:var(--max-width)}.search-overlay .search-wrapper .search-container{box-shadow:0 4px 8px #0003}.search-overlay .search-wrapper .search-results{box-shadow:0 4px 8px #0003;max-width:var(--max-width)}.search-overlay .search-wrapper .search-results .scrollable-content{max-height:var(--max-scrollable-height)}.search-overlay .search-wrapper .search-results .scrollable-content::-webkit-scrollbar{width:4px;background:transparent}.search-overlay .search-wrapper .search-results .scrollable-content::-webkit-scrollbar-thumb{background-color:#636363;border-radius:16px}.search-overlay .search-wrapper .search-results .scrollable-content .options-list{list-style-type:none}.search-overlay .search-wrapper .search-results .scrollable-content .options-list .option{transition:all .2s ease}.search-overlay .search-wrapper .search-results .scrollable-content .options-list .option:hover{background-color:#e5e5e5}.bg-white{background-color:#fff!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LibIconsComponent, selector: "lib-icon", inputs: ["iconName", "iconColor", "iconSize", "iconFill"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1$4.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "component", type: LibSpinnerComponent, selector: "lib-spinner", inputs: ["type", "theme", "size", "helperText"] }], deferBlockDependencies: [() => [LibIconsComponent]] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SearchInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-search-input', imports: [FormsModule], template: "@if (isVisible) {\n<div class=\"search-overlay\">\n  <div class=\"search-wrapper\">\n    <div class=\"search-container\">\n      <input type=\"text\" #searchInput [(ngModel)]=\"searchQuery\" (input)=\"onSearch()\"\n        placeholder=\"Pesquise por telas da aplica\u00E7\u00E3o...\" class=\"form-control\" />\n      <button (click)=\"closeSearch()\" class=\"btn btn-outline-primary ms-2\">Fechar</button>\n    </div>\n\n    @if (searchQuery !== '') {\n      <div class=\"search-results\">\n        <div class=\"scrollable-content\">\n          <ul class=\"list-group list-group-flush\">\n            @for (item of filteredItems; track $index) {\n              <li (click)=\"navigateTo(item.route)\" style=\"cursor: pointer;\" class=\"list-group-item\">{{item.label}}</li>\n            } \n            @empty {\n              <li class=\"list-group-item\">Nenhum registro encontrado</li>\n            }\n          </ul>\n        </div>\n      </div>\n      \n    }\n  </div>\n</div>\n}", styles: [".search-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;flex-direction:column;align-items:center;padding-top:10px;z-index:9999}.search-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px}.search-container{background-color:#fff;padding:10px 20px;border-radius:8px;box-shadow:0 4px 8px #0003;display:flex;align-items:center;width:100%}.search-results{background:#fff;padding:10px;border-radius:8px;box-shadow:0 4px 8px #0003;margin-top:10px;max-width:800px;width:100%}.scrollable-content{max-height:500px;overflow-y:auto;border-radius:8px}\n"] }]
-        }], ctorParameters: () => [{ type: i1$6.HttpClient }, { type: i1$3.Router }], propDecorators: { searchInput: [{
+            args: [{ selector: 'lib-search-input, lib-pesquisa-global', imports: [
+                        FormsModule,
+                        LibIconsComponent,
+                        TooltipModule,
+                        LibSpinnerComponent
+                    ], template: "<div class=\"search-overlay position-fixed w-100 h-100 d-flex flex-column align-items-center pt-3\">\n  <div class=\"search-wrapper d-flex flex-column align-items-center w-100\" style=\"--max-width: 800px\">\n    <div class=\"search-container w-100 bg-white d-flex flex-column align-items-start p-3 rounded\">\n      <h6>\n        <p class=\"fw-bold mb-0\"> Pesquisa global de telas entre os produtos adquiridos </p>\n        <span class=\"text-muted fw-bold fst-italic\" style=\"font-size: 12px;\">(para fechar clique no bot\u00E3o ao lado ou aperte ESC)</span>\n      </h6>\n\n      <div class=\"input-group\">\n        <span class=\"input-group-text d-flex align-items-center justify-content-center\" id=\"addon-wrapping\">\n\n          @if (loading) { <lib-spinner [size]=\"20\" /> }\n          @else { <lib-icon iconName=\"p-lupa\" [iconSize]=\"24\" /> }\n\n        </span>\n        <input #searchInput type=\"text\" class=\"form-control\" [(ngModel)]=\"searchQuery\" placeholder=\"Pesquise pelo nome da tela\"\n          (input)=\"search()\" />\n        <button (click)=\"resetSearch()\" class=\"btn btn-outline-primary\" tooltip=\"Limpar\" > <lib-icon iconName=\"p-lixeira\" iconSize=\"medium-small\" /> </button>\n        <button (click)=\"close()\" class=\"btn btn-outline-primary\" tooltip=\"Fechar\" > <lib-icon iconName=\"p-fechar\" iconSize=\"medium-small\" /> </button>\n      </div>\n      <span class=\"text-muted fw-bold fst-italic\" style=\"font-size: 12px;\">Digite pelo menos 3 caracteres para pesquisar...</span>\n    </div>\n\n    <div class=\"search-results bg-white p-3 rounded mt-3 w-100\"\n      [class]=\"(!filteredMenus || !filteredSubmenus || !filteredTelas) ? 'text-center' : ''\" >\n\n      @defer (when filteredMenus || filteredSubmenus || filteredTelas) {\n        <div class=\"scrollable-content d-flex flex-column gap-4 overflow-y-auto rounded\" style=\"--max-scrollable-height: 650px\">\n\n          <div id=\"menus\">\n            <h6 class=\"fw-bold\">Menus</h6>\n            <ul class=\"options-list d-flex flex-column gap-2 p-0 m-0\">\n              @for (menu of filteredMenus; track menu.Projeto+menu.Titulo) {\n                <li (click)=\"redirect(menu)\" class=\"glb-cursor-pointer option py-1 px-2 rounded border d-flex align-items-center gap-2\">\n                  @if (menu.ProjetoIcone) { <lib-icon class=\"text-primary\" [iconName]=\"menu.ProjetoIcone\" iconSize=\"medium-small\" /> }\n                  <span class=\"fw-bold text-primary\"> {{ menu.Projeto }} </span>\n\n                    <span class=\"fw-bold\">\n                      / {{ menu.Titulo }}\n                    </span>\n                </li>\n              }\n              @empty {\n                <li class=\"list-group-item\"> Nenhum menu encontrado com este nome </li>\n              }\n            </ul>\n          </div>\n\n          <div id=\"submenus\">\n            <h6 class=\"fw-bold\">Submenus</h6>\n            <ul class=\"options-list d-flex flex-column gap-2 p-0 m-0\">\n              @for (submenu of filteredSubmenus; track submenu.Projeto+submenu.Titulo) {\n                <li (click)=\"redirect(submenu)\" class=\"glb-cursor-pointer option py-1 px-2 rounded border d-flex align-items-center gap-2\">\n                  @if (submenu.ProjetoIcone) { <lib-icon class=\"text-primary\" [iconName]=\"submenu.ProjetoIcone\" iconSize=\"medium-small\" /> }\n                  <span class=\"fw-bold text-primary\"> {{ submenu.Projeto }} </span>\n\n                  <span class=\"fw-bold\">\n                    / {{ submenu.Titulo }}\n                  </span>\n                </li>\n              }\n              @empty {\n                <li class=\"list-group-item\"> Nenhum submenu encontrado com este nome </li>\n              }\n            </ul>\n          </div>\n\n          <div id=\"telas\">\n            <h6 class=\"fw-bold\">Telas</h6>\n            <ul class=\"options-list d-flex flex-column gap-2 p-0 m-0\">\n              @for (tela of filteredTelas; track tela.Projeto+tela.Titulo) {\n                <li (click)=\"redirect(tela)\" class=\"glb-cursor-pointer option py-1 px-2 rounded border d-flex align-items-center gap-2\">\n                  @if (tela.ProjetoIcone) { <lib-icon class=\"text-primary\" [iconName]=\"tela.ProjetoIcone\" iconSize=\"medium-small\" /> }\n                  <span class=\"fw-bold text-primary\"> {{ tela.Projeto }} </span>\n\n                  <span class=\"fw-bold\">\n                    / {{ tela.Titulo }}\n                  </span>\n                </li>\n              }\n              @empty {\n                <li class=\"list-group-item\"> Nenhuma tela encontrada com este nome </li>\n              }\n            </ul>\n          </div>\n\n\n          <!-- TELAS DEPRECIADA -->\n          <!-- <div id=\"telas\">\n            <h6 class=\"fw-bold\">Telas</h6>\n            <ul class=\"options-list d-flex flex-column gap-2 p-0 m-0\">\n              @for (item of filteredItems; track item.modulo+item.label) {\n                <li (click)=\"navigateTo(item.route)\" class=\"glb-cursor-pointer option py-1 px-2 rounded border d-flex align-items-center gap-2\">\n                  @if (item.icon) { <lib-icon class=\"text-primary\" [iconName]=\"item.icon\" iconSize=\"medium-small\" /> }\n                  <span class=\"fw-bold text-primary\"> {{ item.modulo ? item.modulo : '' }} </span>\n\n                  @if (item.menu) {\n                    <span class=\"fw-bold text-primary menu\">\n                      / @if (showIcons) { <lib-icon iconName=\"p-menu-hamburguer\" iconSize=\"small\" /> } {{ item.menu }}\n                    </span>\n                  }\n\n                  @if (item.submenu) {\n                    <span class=\"fw-bold text-primary submenu\">\n                      / @if (showIcons) { <lib-icon iconName=\"p-link\" iconSize=\"small\" /> } {{ item.submenu }}\n                    </span>\n                  }\n\n                  <span class=\"tela\"> {{ item.label }} </span>\n                </li>\n              }\n              @empty {\n                <li class=\"list-group-item\"> Nenhuma tela encontrada com este nome </li>\n              }\n            </ul>\n          </div> -->\n\n        </div>\n      }\n      @placeholder {\n        <lib-spinner />\n      }\n\n    </div>\n  </div>\n</div>", styles: [".search-overlay{top:0;left:0;background-color:#00000080;z-index:9999}.search-overlay .search-wrapper{max-width:var(--max-width)}.search-overlay .search-wrapper .search-container{box-shadow:0 4px 8px #0003}.search-overlay .search-wrapper .search-results{box-shadow:0 4px 8px #0003;max-width:var(--max-width)}.search-overlay .search-wrapper .search-results .scrollable-content{max-height:var(--max-scrollable-height)}.search-overlay .search-wrapper .search-results .scrollable-content::-webkit-scrollbar{width:4px;background:transparent}.search-overlay .search-wrapper .search-results .scrollable-content::-webkit-scrollbar-thumb{background-color:#636363;border-radius:16px}.search-overlay .search-wrapper .search-results .scrollable-content .options-list{list-style-type:none}.search-overlay .search-wrapper .search-results .scrollable-content .options-list .option{transition:all .2s ease}.search-overlay .search-wrapper .search-results .scrollable-content .options-list .option:hover{background-color:#e5e5e5}.bg-white{background-color:#fff!important}\n"] }]
+        }], ctorParameters: () => [{ type: i1$3.Router }], propDecorators: { showIcons: [{
+                type: Input
+            }], onClose: [{
+                type: Output
+            }], onSearch: [{
+                type: Output
+            }], searchInput: [{
                 type: ViewChild,
                 args: ['searchInput']
             }], onKeydown: [{
@@ -9758,86 +9877,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                 type: Input
             }] } });
 
-class LibSpinnerComponent {
-    // #endregion PUBLIC
-    // #endregion ==========> PROPERTIES <==========
-    // #region ==========> INITIALIZATION <==========
-    constructor() {
-        this.sizeType = "class";
-        // #endregion PROTECTED
-        // #region PUBLIC
-        /** Tipo do spinner
-         * @default "border" */
-        this.type = "border";
-        /** Tamanho do spinner (Padrão ou pequeno)
-         * @default "default" */
-        this.size = "default";
-        /** Texto de ajuda, será exibido no hover em cima do spinner
-         * @default "Carregando informações..." */
-        this.helperText = "Carregando informações...";
-    }
-    ngOnChanges(changes) {
-        if (changes["size"]) {
-            this.getSize();
-        }
-    }
-    // #endregion ==========> INITIALIZATION <==========
-    getSize() {
-        if (this.size === "small") {
-            this.sizeType = "class";
-            this._size = `spinner-${this.type}-sm`;
-        }
-        else if (this.size === "default") {
-            this.sizeType = "class";
-            delete this._size;
-        }
-        else {
-            this.sizeType = "custom";
-            this._size = this.size;
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LibSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: LibSpinnerComponent, isStandalone: true, selector: "lib-spinner", inputs: { type: "type", theme: "theme", size: "size", helperText: "helperText" }, usesOnChanges: true, ngImport: i0, template: `
-    @switch (sizeType) {
-      @case ("class") {
-        <div class="spinner-{{type}} {{theme ? 'text-'+theme : ''}} {{_size}}" role="status">
-          <span class="visually-hidden">{{ helperText }}</span>
-        </div>
-      }
-      @case ("custom") {
-        <div class="spinner-{{type}} {{theme ? 'text-'+theme : ''}}" [style.height.px]="_size" [style.width.px]="_size" role="status">
-          <span class="visually-hidden">{{ helperText }}</span>
-        </div>
-      }
-    }
-  `, isInline: true, styles: [""] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LibSpinnerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-spinner', template: `
-    @switch (sizeType) {
-      @case ("class") {
-        <div class="spinner-{{type}} {{theme ? 'text-'+theme : ''}} {{_size}}" role="status">
-          <span class="visually-hidden">{{ helperText }}</span>
-        </div>
-      }
-      @case ("custom") {
-        <div class="spinner-{{type}} {{theme ? 'text-'+theme : ''}}" [style.height.px]="_size" [style.width.px]="_size" role="status">
-          <span class="visually-hidden">{{ helperText }}</span>
-        </div>
-      }
-    }
-  `, standalone: true }]
-        }], ctorParameters: () => [], propDecorators: { type: [{
-                type: Input
-            }], theme: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], helperText: [{
-                type: Input
-            }] } });
-
 class SearchTreePipe {
     transform(items, search) {
         return items.filter(node => node.label.toLocaleLowerCase().includes(search.toLocaleLowerCase()));
@@ -11483,6 +11522,14 @@ class NavigationOptions {
     }
 }
 
+class MenuSubmenuTela {
+    constructor() {
+        this.Menus = [];
+        this.Submenus = [];
+        this.Telas = [];
+    }
+}
+
 /**
  * @description
  *
@@ -11913,5 +11960,5 @@ class TreeItem {
  * Generated bundle index. Do not edit.
  */
 
-export { A11yClickDirective, AlertComponent, AppliedFiltersComponent, AuditoriaButtonComponent, BasicFilters, BreadcrumbComponent, CheckUrlAndMethodService, ClickOutsideDirective, ComboboxComponent, ComboboxMultipleChoiceComponent, ConfirmComponent, ConfirmModalComponent, ContadorCaracteresComponent, ContainerTabsModel, ContentContainerComponent, CopyClipboardDirective, CpfCnpjPipe, CpfCnpjValidator, CpfCnpjValidatorDirective, CurrencyPipe, CustomAcordionComponent, CustomFormControl, DecimalCommaPipe, DialogCropperComponent, DisableControlDirective, DownloadArquivos, DropdownOptionsComponent, DynamicInputComponent, EmailAnexoRecord, EmailModel, EmpresaAbasComponent, EnderecoByCep, EstabelecimentoAbasComponent, FieldContadorMessageComponent, FieldControlErrorComponent, FieldErrorMessageComponent, FileModel, FileService, FilterByPipe, FilterMultipleChoicePipe, FiltrosAplicadosModel, FiltrosAplicadosService, FooterComponent, FormUtils, FormatByTypePipe, GenericModalComponent, GlobalLoadingService, GrupoContabilAbasComponent, HighlightDirective, IconsList, ImageCropperComponent, InfraBreadcrumbComponent, InfraBreadcrumbItemComponent, InfraEstabelecimentoFavoritoDefault, InfraModule, InfraSegConfig, InfraSegConfigRecord, InnerListComponent, InnerRowsDirective, InputTrimComponent, IpServiceService, ItemsAbasComponent, LibComboboxComponent, LibComboboxReworkComponent, LibCustomizableTableComponent, LibDateRangePickerComponent, LibDirectivesModule, LibHeaderComponent, LibIconsComponent, LibNavProdutosComponent, LibPipesModule, LibSimplifiedTableComponent, LibSpinnerComponent, LibTransferListComponent, LibWidgetsModule, LimitToPipe, LoadingBtnDirective, LoadingButtonComponent, LoadingComponent, LoadingScreenComponent, MessageService, ModalUtilsService, MultiStatusList, NavItem, NavProdutosComponent, NavigationOptions, OrderSortPipe, OrderingComponent, PageNotAuthorizedComponent, PaginationComponent, Params, PasswordPolicyComponent, PessoaAbasComponent, PhoneFormatPipe, RecordCombobox, ReportFile, RequiredDirective, RetBoolean, RetCep, RetError, RetEstabelecimentosModal, RetFeedbackMessage, RetInfraSegConfig, RetNumber, RetObjectList, RetRecordCombobox, RetRecordsCombobox, RetReportFile, RetString, RetStringList, RetTree, SaveComponent, SearchComboboxComponent, SearchFiltersComponent, SearchInputComponent, SearchTreePipe, SettingsService, SideTabsGenericComponent, SimpleSearchComponent, TableComponent, TableHeaderIcon, TableHeaderStructure, TableSelectionService, TextFilterPipe, TextTruncateDirective, TitleCasePipe, ToUrlPipe, TransferListConfig, TreeComponent, TreeItem, UsuarioAbasComponent, Utils, alertIds, alertTypes };
+export { A11yClickDirective, AlertComponent, AppliedFiltersComponent, AuditoriaButtonComponent, BasicFilters, BreadcrumbComponent, CheckUrlAndMethodService, ClickOutsideDirective, ComboboxComponent, ComboboxMultipleChoiceComponent, ConfirmComponent, ConfirmModalComponent, ContadorCaracteresComponent, ContainerTabsModel, ContentContainerComponent, CopyClipboardDirective, CpfCnpjPipe, CpfCnpjValidator, CpfCnpjValidatorDirective, CurrencyPipe, CustomAcordionComponent, CustomFormControl, DecimalCommaPipe, DialogCropperComponent, DisableControlDirective, DownloadArquivos, DropdownOptionsComponent, DynamicInputComponent, EmailAnexoRecord, EmailModel, EmpresaAbasComponent, EnderecoByCep, EstabelecimentoAbasComponent, FieldContadorMessageComponent, FieldControlErrorComponent, FieldErrorMessageComponent, FileModel, FileService, FilterByPipe, FilterMultipleChoicePipe, FiltrosAplicadosModel, FiltrosAplicadosService, FooterComponent, FormUtils, FormatByTypePipe, GenericModalComponent, GlobalLoadingService, GrupoContabilAbasComponent, HighlightDirective, IconsList, ImageCropperComponent, InfraBreadcrumbComponent, InfraBreadcrumbItemComponent, InfraEstabelecimentoFavoritoDefault, InfraModule, InfraSegConfig, InfraSegConfigRecord, InnerListComponent, InnerRowsDirective, InputTrimComponent, IpServiceService, ItemsAbasComponent, LibComboboxComponent, LibComboboxReworkComponent, LibCustomizableTableComponent, LibDateRangePickerComponent, LibDirectivesModule, LibHeaderComponent, LibIconsComponent, LibNavProdutosComponent, LibPipesModule, LibSimplifiedTableComponent, LibSpinnerComponent, LibTransferListComponent, LibWidgetsModule, LimitToPipe, LoadingBtnDirective, LoadingButtonComponent, LoadingComponent, LoadingScreenComponent, MenuSubmenuTela, MessageService, ModalUtilsService, MultiStatusList, NavItem, NavProdutosComponent, NavigationOptions, OrderSortPipe, OrderingComponent, PageNotAuthorizedComponent, PaginationComponent, Params, PasswordPolicyComponent, PessoaAbasComponent, PhoneFormatPipe, RecordCombobox, ReportFile, RequiredDirective, RetBoolean, RetCep, RetError, RetEstabelecimentosModal, RetFeedbackMessage, RetInfraSegConfig, RetNumber, RetObjectList, RetRecordCombobox, RetRecordsCombobox, RetReportFile, RetString, RetStringList, RetTree, SaveComponent, SearchComboboxComponent, SearchFiltersComponent, SearchInputComponent, SearchTreePipe, SettingsService, SideTabsGenericComponent, SimpleSearchComponent, TableComponent, TableHeaderIcon, TableHeaderStructure, TableSelectionService, TextFilterPipe, TextTruncateDirective, TitleCasePipe, ToUrlPipe, TransferListConfig, TreeComponent, TreeItem, UsuarioAbasComponent, Utils, alertIds, alertTypes };
 //# sourceMappingURL=ngx-sp-infra.mjs.map