ngx-sp-auth 4.12.2 → 4.13.0

package/fesm2022/ngx-sp-auth.mjs

@@ -3348,7 +3348,7 @@ class SelecaoEstabelecimentosModalComponent {
         this._bsModalService.hide(id);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SelecaoEstabelecimentosModalComponent, deps: [{ token: AuthStorageService }, { token: LibCustomMenuService }, { token: MenuServicesService }, { token: i3.MessageService }, { token: i5.BsModalService }, { token: AuthUtilService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: SelecaoEstabelecimentosModalComponent, isStandalone: true, selector: "selecao-estabelecimentos-modal", outputs: { onClose: "onClose", onSelected: "onSelected" }, ngImport: i0, template: "<div class=\"main-container\">\n  <div class=\"modal-header modal-style modal-dialog-centered\">\n    <h4 class=\"modal-title pull-left color-modal\" style=\"font-size: 20px; font-weight: bold;\"> Selecione o\n      estabelecimento </h4>\n    <button (click)=\"closeSelf()\" type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <div class=\"modal-message\">\n      <div class=\"search-and-filters d-flex flex-row align-items-center justify-content-between mb-2\">\n        <div class=\"d-flex flex-row w-100\">\n          <div class=\"input-group\">\n            <span class=\"input-group-text px-2\" id=\"basic-addon1\"\n              style=\"background-color: transparent; border-right: none;\">\n              <lib-icon iconName=\"lupa\" iconColor=\"gray\"/>\n            </span>\n            <input type=\"text\" class=\"form-control border-start-0 ps-0\" id=\"pesquisaInput\" #pesquisa\n              placeholder=\"Pesquise o c\u00F3digo ou nome do estabelecimento\" (keyup.enter)=\"refreshList(pesquisa.value)\">\n          </div>\n        </div>\n\n        <div class=\"filters d-flex align-items-center justify-content-between ms-3\">\n          <div class=\"search-buttons d-flex flex-row align-items-center my-0 mx-0\">\n            <button id=\"clearFilterBtn\" class=\"btn btn-outline-primary ms-0 no-hover-btn me-2\"\n              (click)=\"pesquisa.value = ''; refreshList(pesquisa.value)\"> Limpar </button>\n            <button id=\"searchFilterBtn\" class=\"btn btn-primary me-0\" (click)=\"refreshList(pesquisa.value)\"> Pesquisar\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <!-- <div class=\"table-list w-100 mt-3\" *ngIf=\"$estabelecimentosList; else loading\">\n        <table class=\"table table-bordered table-hover mb-0\">\n          <thead class=\"fs-6\">\n            <tr>\n              <th scope=\"col\" class=\"col-11 align-middle th\">Estabelecimento</th>\n              <th scope=\"col\" class=\"col-1 align-middle text-center th\">A\u00E7\u00F5es</th>\n            </tr>\n          </thead>\n\n          <tbody *ngIf=\"$estabelecimentosList.length > 0; else emptyList\">\n            <tr\n              *ngFor=\"let estabelecimento of $estabelecimentosList | paginate: { itemsPerPage: itemsPerPage, currentPage: page }\">\n              <td>\n                <div style=\"cursor: pointer;\" (click)=\"selectEstabelecimento(estabelecimento.ID, estabelecimento.NOMEEXIBICAO)\">\n                  <span class=\"row-name\"> {{ estabelecimento.CODIGO }} - {{ estabelecimento.NOMEEXIBICAO }} </span>\n                  <span class=\"subname\"> {{ estabelecimento.IS_MATRIZ ? \"Matriz \" : null }} CNPJ: {{ estabelecimento.CNPJ\n                  }} </span>\n                </div>\n              </td>\n              <td class=\"text-center align-middle\">\n                <div class=\"action-icons d-flex flex-row align-items-center justify-content-around\">\n                  <div class=\"form-check form-switch\">\n                    <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" id=\"flexSwitchCheckChecked\"\n                      tooltip=\"Estabelecimento padr\u00E3o\" [checked]=\"estabelecimento.IS_DEFAULT\"\n                      style=\"transform: translateY(3px); height: 1rem; width: 28px;\" #isDefaultRow\n                      (click)=\"estabelecimento.IS_DEFAULT = !estabelecimento.IS_DEFAULT; defineDefaultEstabelecimento(estabelecimento.ID, estabelecimento.IS_DEFAULT)\">\n                  </div>\n                </div>\n              </td>\n            </tr>\n          </tbody> -->\n\n\n\n          <!-- #region EMPTY LIST CELL -->\n          <!-- <ng-template #emptyList>\n            <tbody>\n              <tr>\n                <td colspan=\"2\" class=\"align-middle\"><span class=\"row-name fw-light fst-italic text-center\"> {{\n                    response_messages.emptyMessage }} </span></td>\n              </tr>\n            </tbody>\n          </ng-template> -->\n          <!-- #endregion EMPTY LIST CELL -->\n        <!-- </table> -->\n\n        <!-- #region PAGINATION -->\n        <!-- <div class=\"d-flex justify-content-end mt-2\" *ngIf=\"$estabelecimentosList.length > 0\">\n          <div class=\"d-flex align-items-center\">\n            <label class=\"me-2\" style=\"white-space: nowrap;\">Itens por p\u00E1gina</label>\n            <select class=\"form-select select-search\" (change)=\"onSelectChange($event)\">\n              <option class=\"selected\" value=\"10\" selected>10</option>\n              <option value=\"25\">25</option>\n              <option value=\"50\">50</option>\n            </select>\n          </div>\n\n          <pagination-controls class=\"sp-pagination mt-3\" (pageChange)=\"page = $event\"\n            previousLabel=\"\u00AB&nbsp;&nbsp;&nbsp;\" nextLabel=\"&nbsp;&nbsp;&nbsp;\u00BB\" [maxSize]=\"5\">\n          </pagination-controls>\n        </div> -->\n        <!-- #endregion PAGINATION -->\n        \n      <!-- </div> -->\n      \n      <lib-table [list]=\"$estabelecimentosList\" paginationID=\"simpleTable\"\n        [counts]=\"[ 10, 30, 50 ]\" [headers]=\"[\n                          { name: 'Estabelecimento', col: 11, orderColumn: 'CODIGO'},\n                          { name: 'A\u00E7\u00F5es', col: 1},\n                    ]\" (itemsPerPageChange)=\"itemsPerPage = $event\" (pageChange)=\"page = $event\"\n        [emptyListMessage]=\"response_messages.emptyMessage\">\n        @for (estabelecimento of $estabelecimentosList! | paginate: { id: 'simpleTable', itemsPerPage: itemsPerPage,\n        currentPage:\n        page }; track estabelecimento) {\n        <tr innerRows class=\"align-middle\">\n          <td>\n            <div style=\"cursor: pointer; display: flex; flex-direction: column;\" (click)=\"selectEstabelecimento(estabelecimento.ID, estabelecimento.NOMEEXIBICAO)\">\n              <span class=\"row-name\"> {{ estabelecimento.CODIGO }} - {{ estabelecimento.NOMEEXIBICAO }} </span>\n              <span class=\"subname\"> {{ estabelecimento.IS_MATRIZ ? \"Matriz \" : null }} CNPJ: {{ estabelecimento.CNPJ}} </span>\n            </div>\n          </td>\n          <td class=\"text-center align-middle\">\n            <div class=\"action-icons d-flex flex-row align-items-center justify-content-around\">\n              <div class=\"form-check form-switch p-0\">\n                <lib-icon [iconName]=\"estabelecimento.IS_FAVORITE ? 'pp-menu-star-ativo' : 'estrela'\"  iconColor=\"gray\" class=\"glb-cursor-pointer\"\n                  (click)=\"favoritar(!estabelecimento.IS_FAVORITE, estabelecimento.ID)\"/>\n                <lib-icon class=\"glb-cursor-pointer\" [iconName]=\"estabelecimento.IS_DEFAULT ? 'toggle-on' : 'toggle-off' \"\n                  [tooltip]=\"estabelecimento.IS_DEFAULT ? 'Inativar' : 'Ativar' \" [iconSize]=\"30\" class=\"glb-cursor-pointer text-primary\"\n                  (click)=\"openModalEstabelecimento(modalEstabelecimento, 2)\"/>\n\n                <!-- <input class=\"form-check-input glb-cursor-pointer\" type=\"checkbox\" role=\"switch\" id=\"flexSwitchCheckChecked\"\n                  [checked]=\"estabelecimento.IS_DEFAULT\"\n                  (click)=\"openModalEstabelecimento(modalEstabelecimento)\"\n                  style=\"transform: translateY(3px); height: 1rem; width: 28px;\" #isDefaultRow> -->\n              </div>\n            </div>\n\n              <ng-template #modalEstabelecimento>\n                <div class=\"modal-content\">\n                  <div class=\"modal-header\">\n                    <h5 class=\"modal-title\">Atualiza\u00E7\u00E3o de estados</h5>\n                    <button (click)=\"closeModalEstabelecimento(2)\" type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\"\n                      aria-label=\"Close\"></button>\n                  </div>\n              \n                  <div class=\"modal-body\">\n                    <p>{{!estabelecimento.IS_DEFAULT ? 'Marcar como estabelecimento padr\u00E3o para este usu\u00E1rio. Esta a\u00E7\u00E3o ir\u00E1 realocar a exibi\u00E7\u00E3o do estabelecimento para\n                      o topo da lista.' : \n                      'Desmarcar como estabelecimento padr\u00E3o para este usu\u00E1rio. Esta a\u00E7\u00E3o ir\u00E1 remover a exibi\u00E7\u00E3o do estabelecimento do topo da lista.'}}</p>\n                  </div>\n              \n                  <div class=\"modal-footer\">\n                    <button (click)=\"closeModalEstabelecimento(2)\" type=\"button\" class=\"btn btn-outline-primary\"\n                      data-bs-dismiss=\"modal\">Cancelar</button>\n                    <button\n                      (click)=\"estabelecimento.IS_DEFAULT = !estabelecimento.IS_DEFAULT; defineDefaultEstabelecimento(estabelecimento.ID, estabelecimento.IS_DEFAULT)\"\n                      type=\"button\" class=\"btn btn-primary\">{{!estabelecimento.IS_DEFAULT ? 'Ativar' : 'Inativar'}}</button>\n                  </div>\n                </div>\n              </ng-template>\n          </td>\n        </tr>\n        }\n      </lib-table>\n\n\n\n      <!-- <div class=\"d-flex justify-content-between align-items-center mt-3\">\n        <span style=\"color: #6C757D\"> Registros {{$estabelecimentosList.length}} de {{$estabelecimentosList.length}} </span>\n        <nav aria-label=\"...\">\n          <ul class=\"pagination mb-0\">\n            <li class=\"page-item disabled\"> <a class=\"page-link\" href=\"#\" tabindex=\"-1\">Anterior</a> </li>\n            <li class=\"page-item active\"> <a class=\"page-link\" href=\"#\">1</a> </li>\n            <li class=\"page-item\"> <a class=\"page-link\" href=\"#\">2</a> </li>\n            <li class=\"page-item\"> <a class=\"page-link\" href=\"#\">3</a> </li>\n            <li class=\"page-item\"> <a class=\"page-link\" href=\"#\">Pr\u00F3ximo</a> </li>\n          </ul>\n        </nav>\n      </div> -->\n\n\n      <ng-template #loading>\n        <lib-spinner></lib-spinner>\n      </ng-template>\n    </div>\n  </div>\n</div>\n\n", styles: [".table-list table thead{height:50px;font-size:1rem;background-color:#e9ecef}.table-list table thead .status-header{width:5%}.table-list table thead th:first-child{width:50px;height:50px}.table-list table thead th{font-size:16px}.table-list table .center-content{text-align:center}.table-list table tbody{font-size:.875rem}.table-list table tbody>tr:hover{background-color:#cce5ff}.table-list table tbody span.row-name{display:block;width:100%;font-weight:700}.table-list table tbody span.subname{color:#0f0f0f80}.table-list table tbody .action-icons{color:#007bff}.table-list table tbody .action-icons a{margin:0 .75rem}.table-list table tbody .status{width:13px;height:13px;border-radius:50%}.table-list table tbody .active{background-color:#28a745}.table-list table tbody .inactive{background-color:#a72828}.name-estab{font-size:14px;font-weight:700;text-transform:uppercase;color:#212529}.subname-estab{font-size:12px;color:#212529}#clearFilterBtn,#searchFilterBtn{padding:6px 12px}.subname{color:#0f0f0f80}.row-name{display:block;width:100%;font-weight:700}\n"], dependencies: [{ kind: "ngmodule", type: NgxPaginationModule }, { kind: "pipe", type: i7.PaginatePipe, name: "paginate" }, { kind: "ngmodule", type: InfraModule }, { kind: "component", type: i3.LibIconsComponent, selector: "lib-icon", inputs: ["iconName", "iconColor", "iconSize", "iconFill"] }, { kind: "component", type: i3.TableComponent, selector: "lib-table", inputs: ["selection", "useSelection", "selectedCount", "usePagination", "list", "counts", "itemsPerPage", "placement", "headers", "emptyListMessage", "showCounter", "hoverable", "usePreviousStyle", "scrollable", "useCustomPagination", "paginationID", "divBorderClass", "tableBorderClass"], outputs: ["itemsPerPageChange", "pageChange", "selectionChange", "iconClick", "sortChange", "colunasModificadas"] }, { kind: "component", type: i3.LibSpinnerComponent, selector: "lib-spinner", inputs: ["type", "theme", "size", "helperText"] }, { kind: "directive", type: i3.InnerRowsDirective, selector: "[innerRows]", inputs: ["innerRows"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i8$1.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"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: SelecaoEstabelecimentosModalComponent, isStandalone: true, selector: "selecao-estabelecimentos-modal", outputs: { onClose: "onClose", onSelected: "onSelected" }, ngImport: i0, template: "<div class=\"main-container\">\n  <div class=\"modal-header modal-style modal-dialog-centered\">\n    <h4 class=\"modal-title pull-left color-modal\" style=\"font-size: 20px; font-weight: bold;\"> Selecione o\n      estabelecimento </h4>\n    <button (click)=\"closeSelf()\" type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <div class=\"modal-message\">\n      <div class=\"search-and-filters d-flex flex-row align-items-center justify-content-between mb-2\">\n        <div class=\"d-flex flex-row w-100\">\n          <div class=\"input-group\">\n            <span class=\"input-group-text px-2\" id=\"basic-addon1\"\n              style=\"background-color: transparent; border-right: none;\">\n              <lib-icon iconName=\"lupa\" iconColor=\"gray\"/>\n            </span>\n            <input type=\"text\" class=\"form-control border-start-0 ps-0\" id=\"pesquisaInput\" #pesquisa\n              placeholder=\"Pesquise o c\u00F3digo ou nome do estabelecimento\" (keyup.enter)=\"refreshList(pesquisa.value)\">\n          </div>\n        </div>\n\n        <div class=\"filters d-flex align-items-center justify-content-between ms-3\">\n          <div class=\"search-buttons d-flex flex-row align-items-center my-0 mx-0\">\n            <button id=\"clearFilterBtn\" class=\"btn btn-outline-primary ms-0 no-hover-btn me-2\"\n              (click)=\"pesquisa.value = ''; refreshList(pesquisa.value)\"> Limpar </button>\n            <button id=\"searchFilterBtn\" class=\"btn btn-primary me-0\" (click)=\"refreshList(pesquisa.value)\"> Pesquisar\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <!-- <div class=\"table-list w-100 mt-3\" *ngIf=\"$estabelecimentosList; else loading\">\n        <table class=\"table table-bordered table-hover mb-0\">\n          <thead class=\"fs-6\">\n            <tr>\n              <th scope=\"col\" class=\"col-11 align-middle th\">Estabelecimento</th>\n              <th scope=\"col\" class=\"col-1 align-middle text-center th\">A\u00E7\u00F5es</th>\n            </tr>\n          </thead>\n\n          <tbody *ngIf=\"$estabelecimentosList.length > 0; else emptyList\">\n            <tr\n              *ngFor=\"let estabelecimento of $estabelecimentosList | paginate: { itemsPerPage: itemsPerPage, currentPage: page }\">\n              <td>\n                <div style=\"cursor: pointer;\" (click)=\"selectEstabelecimento(estabelecimento.ID, estabelecimento.NOMEEXIBICAO)\">\n                  <span class=\"row-name\"> {{ estabelecimento.CODIGO }} - {{ estabelecimento.NOMEEXIBICAO }} </span>\n                  <span class=\"subname\"> {{ estabelecimento.IS_MATRIZ ? \"Matriz \" : null }} CNPJ: {{ estabelecimento.CNPJ\n                  }} </span>\n                </div>\n              </td>\n              <td class=\"text-center align-middle\">\n                <div class=\"action-icons d-flex flex-row align-items-center justify-content-around\">\n                  <div class=\"form-check form-switch\">\n                    <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" id=\"flexSwitchCheckChecked\"\n                      tooltip=\"Estabelecimento padr\u00E3o\" [checked]=\"estabelecimento.IS_DEFAULT\"\n                      style=\"transform: translateY(3px); height: 1rem; width: 28px;\" #isDefaultRow\n                      (click)=\"estabelecimento.IS_DEFAULT = !estabelecimento.IS_DEFAULT; defineDefaultEstabelecimento(estabelecimento.ID, estabelecimento.IS_DEFAULT)\">\n                  </div>\n                </div>\n              </td>\n            </tr>\n          </tbody> -->\n\n\n\n          <!-- #region EMPTY LIST CELL -->\n          <!-- <ng-template #emptyList>\n            <tbody>\n              <tr>\n                <td colspan=\"2\" class=\"align-middle\"><span class=\"row-name fw-light fst-italic text-center\"> {{\n                    response_messages.emptyMessage }} </span></td>\n              </tr>\n            </tbody>\n          </ng-template> -->\n          <!-- #endregion EMPTY LIST CELL -->\n        <!-- </table> -->\n\n        <!-- #region PAGINATION -->\n        <!-- <div class=\"d-flex justify-content-end mt-2\" *ngIf=\"$estabelecimentosList.length > 0\">\n          <div class=\"d-flex align-items-center\">\n            <label class=\"me-2\" style=\"white-space: nowrap;\">Itens por p\u00E1gina</label>\n            <select class=\"form-select select-search\" (change)=\"onSelectChange($event)\">\n              <option class=\"selected\" value=\"10\" selected>10</option>\n              <option value=\"25\">25</option>\n              <option value=\"50\">50</option>\n            </select>\n          </div>\n\n          <pagination-controls class=\"sp-pagination mt-3\" (pageChange)=\"page = $event\"\n            previousLabel=\"\u00AB&nbsp;&nbsp;&nbsp;\" nextLabel=\"&nbsp;&nbsp;&nbsp;\u00BB\" [maxSize]=\"5\">\n          </pagination-controls>\n        </div> -->\n        <!-- #endregion PAGINATION -->\n        \n      <!-- </div> -->\n      \n      <lib-table [list]=\"$estabelecimentosList\" paginationID=\"simpleTable\"\n        [counts]=\"[ 10, 30, 50 ]\" [headers]=\"[\n                          { name: 'Estabelecimento', col: 11, orderColumn: 'CODIGO'},\n                          { name: 'A\u00E7\u00F5es', col: 1},\n                    ]\" (itemsPerPageChange)=\"itemsPerPage = $event\" (pageChange)=\"page = $event\"\n        [emptyListMessage]=\"response_messages.emptyMessage\">\n        @for (estabelecimento of $estabelecimentosList! | paginate: { id: 'simpleTable', itemsPerPage: itemsPerPage,\n        currentPage:\n        page }; track estabelecimento) {\n        <tr innerRows class=\"align-middle\">\n          <td>\n            <div style=\"cursor: pointer; display: flex; flex-direction: column;\" (click)=\"selectEstabelecimento(estabelecimento.ID, estabelecimento.NOMEEXIBICAO)\">\n              <span class=\"row-name\"> {{ estabelecimento.CODIGO }} - {{ estabelecimento.NOMEEXIBICAO }} </span>\n              <span class=\"subname\"> {{ estabelecimento.IS_MATRIZ ? \"Matriz \" : null }} CNPJ: {{ estabelecimento.CNPJ}} </span>\n            </div>\n          </td>\n          <td class=\"text-center align-middle\">\n            <div class=\"action-icons d-flex flex-row align-items-center justify-content-around\">\n              <div class=\"form-check form-switch p-0\">\n                <lib-icon [iconName]=\"estabelecimento.IS_FAVORITE ? 'pp-menu-star-ativo' : 'estrela'\"  iconColor=\"gray\" class=\"glb-cursor-pointer\"\n                  [tooltip]=\"estabelecimento.IS_FAVORITE ? 'Desmarcar favorito' : 'Marcar favorito'\" (click)=\"favoritar(!estabelecimento.IS_FAVORITE, estabelecimento.ID)\"/>\n                <lib-icon class=\"glb-cursor-pointer\" [iconName]=\"estabelecimento.IS_DEFAULT ? 'toggle-on' : 'toggle-off' \"\n                  [iconSize]=\"30\" class=\"glb-cursor-pointer text-primary\" (click)=\"openModalEstabelecimento(modalEstabelecimento, 2)\"/>\n\n                <!-- <input class=\"form-check-input glb-cursor-pointer\" type=\"checkbox\" role=\"switch\" id=\"flexSwitchCheckChecked\"\n                  [checked]=\"estabelecimento.IS_DEFAULT\"\n                  (click)=\"openModalEstabelecimento(modalEstabelecimento)\"\n                  style=\"transform: translateY(3px); height: 1rem; width: 28px;\" #isDefaultRow> -->\n              </div>\n            </div>\n\n              <ng-template #modalEstabelecimento>\n                <div class=\"modal-content\">\n                  <div class=\"modal-header\">\n                    <h5 class=\"modal-title\">{{!estabelecimento.IS_DEFAULT ? 'Marcar como padr\u00E3o' : 'Desmarcar como padr\u00E3o'}}</h5>\n                    <button (click)=\"closeModalEstabelecimento(2)\" type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\"\n                      aria-label=\"Close\"></button>\n                  </div>\n              \n                  <div class=\"modal-body\">\n                    <p>{{!estabelecimento.IS_DEFAULT ? 'Marcar como estabelecimento padr\u00E3o para este usu\u00E1rio. Esta a\u00E7\u00E3o ir\u00E1 realocar a exibi\u00E7\u00E3o do estabelecimento para\n                      o topo da lista.' : \n                      'Desmarcar como estabelecimento padr\u00E3o para este usu\u00E1rio. Esta a\u00E7\u00E3o ir\u00E1 remover a exibi\u00E7\u00E3o do estabelecimento do topo da lista.'}}</p>\n                  </div>\n              \n                  <div class=\"modal-footer\">\n                    <button (click)=\"closeModalEstabelecimento(2)\" type=\"button\" class=\"btn btn-outline-primary\"\n                      data-bs-dismiss=\"modal\">Cancelar</button>\n                    <button\n                      (click)=\"estabelecimento.IS_DEFAULT = !estabelecimento.IS_DEFAULT; defineDefaultEstabelecimento(estabelecimento.ID, estabelecimento.IS_DEFAULT)\"\n                      type=\"button\" class=\"btn btn-primary\">{{!estabelecimento.IS_DEFAULT ? 'Marcar' : 'Desmarcar'}}</button>\n                  </div>\n                </div>\n              </ng-template>\n          </td>\n        </tr>\n        }\n      </lib-table>\n\n\n\n      <!-- <div class=\"d-flex justify-content-between align-items-center mt-3\">\n        <span style=\"color: #6C757D\"> Registros {{$estabelecimentosList.length}} de {{$estabelecimentosList.length}} </span>\n        <nav aria-label=\"...\">\n          <ul class=\"pagination mb-0\">\n            <li class=\"page-item disabled\"> <a class=\"page-link\" href=\"#\" tabindex=\"-1\">Anterior</a> </li>\n            <li class=\"page-item active\"> <a class=\"page-link\" href=\"#\">1</a> </li>\n            <li class=\"page-item\"> <a class=\"page-link\" href=\"#\">2</a> </li>\n            <li class=\"page-item\"> <a class=\"page-link\" href=\"#\">3</a> </li>\n            <li class=\"page-item\"> <a class=\"page-link\" href=\"#\">Pr\u00F3ximo</a> </li>\n          </ul>\n        </nav>\n      </div> -->\n\n\n      <ng-template #loading>\n        <lib-spinner></lib-spinner>\n      </ng-template>\n    </div>\n  </div>\n</div>\n\n", styles: [".table-list table thead{height:50px;font-size:1rem;background-color:#e9ecef}.table-list table thead .status-header{width:5%}.table-list table thead th:first-child{width:50px;height:50px}.table-list table thead th{font-size:16px}.table-list table .center-content{text-align:center}.table-list table tbody{font-size:.875rem}.table-list table tbody>tr:hover{background-color:#cce5ff}.table-list table tbody span.row-name{display:block;width:100%;font-weight:700}.table-list table tbody span.subname{color:#0f0f0f80}.table-list table tbody .action-icons{color:#007bff}.table-list table tbody .action-icons a{margin:0 .75rem}.table-list table tbody .status{width:13px;height:13px;border-radius:50%}.table-list table tbody .active{background-color:#28a745}.table-list table tbody .inactive{background-color:#a72828}.name-estab{font-size:14px;font-weight:700;text-transform:uppercase;color:#212529}.subname-estab{font-size:12px;color:#212529}#clearFilterBtn,#searchFilterBtn{padding:6px 12px}.subname{color:#0f0f0f80}.row-name{display:block;width:100%;font-weight:700}\n"], dependencies: [{ kind: "ngmodule", type: NgxPaginationModule }, { kind: "pipe", type: i7.PaginatePipe, name: "paginate" }, { kind: "ngmodule", type: InfraModule }, { kind: "component", type: i3.LibIconsComponent, selector: "lib-icon", inputs: ["iconName", "iconColor", "iconSize", "iconFill"] }, { kind: "component", type: i3.TableComponent, selector: "lib-table", inputs: ["selection", "useSelection", "selectedCount", "usePagination", "list", "counts", "itemsPerPage", "placement", "headers", "emptyListMessage", "showCounter", "hoverable", "usePreviousStyle", "scrollable", "useCustomPagination", "paginationID", "divBorderClass", "tableBorderClass"], outputs: ["itemsPerPageChange", "pageChange", "selectionChange", "iconClick", "sortChange", "colunasModificadas"] }, { kind: "component", type: i3.LibSpinnerComponent, selector: "lib-spinner", inputs: ["type", "theme", "size", "helperText"] }, { kind: "directive", type: i3.InnerRowsDirective, selector: "[innerRows]", inputs: ["innerRows"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i8$1.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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SelecaoEstabelecimentosModalComponent, decorators: [{
             type: Component,
@@ -3357,7 +3357,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                         InfraModule,
                         CommonModule,
                         TooltipModule
-                    ], template: "<div class=\"main-container\">\n  <div class=\"modal-header modal-style modal-dialog-centered\">\n    <h4 class=\"modal-title pull-left color-modal\" style=\"font-size: 20px; font-weight: bold;\"> Selecione o\n      estabelecimento </h4>\n    <button (click)=\"closeSelf()\" type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <div class=\"modal-message\">\n      <div class=\"search-and-filters d-flex flex-row align-items-center justify-content-between mb-2\">\n        <div class=\"d-flex flex-row w-100\">\n          <div class=\"input-group\">\n            <span class=\"input-group-text px-2\" id=\"basic-addon1\"\n              style=\"background-color: transparent; border-right: none;\">\n              <lib-icon iconName=\"lupa\" iconColor=\"gray\"/>\n            </span>\n            <input type=\"text\" class=\"form-control border-start-0 ps-0\" id=\"pesquisaInput\" #pesquisa\n              placeholder=\"Pesquise o c\u00F3digo ou nome do estabelecimento\" (keyup.enter)=\"refreshList(pesquisa.value)\">\n          </div>\n        </div>\n\n        <div class=\"filters d-flex align-items-center justify-content-between ms-3\">\n          <div class=\"search-buttons d-flex flex-row align-items-center my-0 mx-0\">\n            <button id=\"clearFilterBtn\" class=\"btn btn-outline-primary ms-0 no-hover-btn me-2\"\n              (click)=\"pesquisa.value = ''; refreshList(pesquisa.value)\"> Limpar </button>\n            <button id=\"searchFilterBtn\" class=\"btn btn-primary me-0\" (click)=\"refreshList(pesquisa.value)\"> Pesquisar\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <!-- <div class=\"table-list w-100 mt-3\" *ngIf=\"$estabelecimentosList; else loading\">\n        <table class=\"table table-bordered table-hover mb-0\">\n          <thead class=\"fs-6\">\n            <tr>\n              <th scope=\"col\" class=\"col-11 align-middle th\">Estabelecimento</th>\n              <th scope=\"col\" class=\"col-1 align-middle text-center th\">A\u00E7\u00F5es</th>\n            </tr>\n          </thead>\n\n          <tbody *ngIf=\"$estabelecimentosList.length > 0; else emptyList\">\n            <tr\n              *ngFor=\"let estabelecimento of $estabelecimentosList | paginate: { itemsPerPage: itemsPerPage, currentPage: page }\">\n              <td>\n                <div style=\"cursor: pointer;\" (click)=\"selectEstabelecimento(estabelecimento.ID, estabelecimento.NOMEEXIBICAO)\">\n                  <span class=\"row-name\"> {{ estabelecimento.CODIGO }} - {{ estabelecimento.NOMEEXIBICAO }} </span>\n                  <span class=\"subname\"> {{ estabelecimento.IS_MATRIZ ? \"Matriz \" : null }} CNPJ: {{ estabelecimento.CNPJ\n                  }} </span>\n                </div>\n              </td>\n              <td class=\"text-center align-middle\">\n                <div class=\"action-icons d-flex flex-row align-items-center justify-content-around\">\n                  <div class=\"form-check form-switch\">\n                    <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" id=\"flexSwitchCheckChecked\"\n                      tooltip=\"Estabelecimento padr\u00E3o\" [checked]=\"estabelecimento.IS_DEFAULT\"\n                      style=\"transform: translateY(3px); height: 1rem; width: 28px;\" #isDefaultRow\n                      (click)=\"estabelecimento.IS_DEFAULT = !estabelecimento.IS_DEFAULT; defineDefaultEstabelecimento(estabelecimento.ID, estabelecimento.IS_DEFAULT)\">\n                  </div>\n                </div>\n              </td>\n            </tr>\n          </tbody> -->\n\n\n\n          <!-- #region EMPTY LIST CELL -->\n          <!-- <ng-template #emptyList>\n            <tbody>\n              <tr>\n                <td colspan=\"2\" class=\"align-middle\"><span class=\"row-name fw-light fst-italic text-center\"> {{\n                    response_messages.emptyMessage }} </span></td>\n              </tr>\n            </tbody>\n          </ng-template> -->\n          <!-- #endregion EMPTY LIST CELL -->\n        <!-- </table> -->\n\n        <!-- #region PAGINATION -->\n        <!-- <div class=\"d-flex justify-content-end mt-2\" *ngIf=\"$estabelecimentosList.length > 0\">\n          <div class=\"d-flex align-items-center\">\n            <label class=\"me-2\" style=\"white-space: nowrap;\">Itens por p\u00E1gina</label>\n            <select class=\"form-select select-search\" (change)=\"onSelectChange($event)\">\n              <option class=\"selected\" value=\"10\" selected>10</option>\n              <option value=\"25\">25</option>\n              <option value=\"50\">50</option>\n            </select>\n          </div>\n\n          <pagination-controls class=\"sp-pagination mt-3\" (pageChange)=\"page = $event\"\n            previousLabel=\"\u00AB&nbsp;&nbsp;&nbsp;\" nextLabel=\"&nbsp;&nbsp;&nbsp;\u00BB\" [maxSize]=\"5\">\n          </pagination-controls>\n        </div> -->\n        <!-- #endregion PAGINATION -->\n        \n      <!-- </div> -->\n      \n      <lib-table [list]=\"$estabelecimentosList\" paginationID=\"simpleTable\"\n        [counts]=\"[ 10, 30, 50 ]\" [headers]=\"[\n                          { name: 'Estabelecimento', col: 11, orderColumn: 'CODIGO'},\n                          { name: 'A\u00E7\u00F5es', col: 1},\n                    ]\" (itemsPerPageChange)=\"itemsPerPage = $event\" (pageChange)=\"page = $event\"\n        [emptyListMessage]=\"response_messages.emptyMessage\">\n        @for (estabelecimento of $estabelecimentosList! | paginate: { id: 'simpleTable', itemsPerPage: itemsPerPage,\n        currentPage:\n        page }; track estabelecimento) {\n        <tr innerRows class=\"align-middle\">\n          <td>\n            <div style=\"cursor: pointer; display: flex; flex-direction: column;\" (click)=\"selectEstabelecimento(estabelecimento.ID, estabelecimento.NOMEEXIBICAO)\">\n              <span class=\"row-name\"> {{ estabelecimento.CODIGO }} - {{ estabelecimento.NOMEEXIBICAO }} </span>\n              <span class=\"subname\"> {{ estabelecimento.IS_MATRIZ ? \"Matriz \" : null }} CNPJ: {{ estabelecimento.CNPJ}} </span>\n            </div>\n          </td>\n          <td class=\"text-center align-middle\">\n            <div class=\"action-icons d-flex flex-row align-items-center justify-content-around\">\n              <div class=\"form-check form-switch p-0\">\n                <lib-icon [iconName]=\"estabelecimento.IS_FAVORITE ? 'pp-menu-star-ativo' : 'estrela'\"  iconColor=\"gray\" class=\"glb-cursor-pointer\"\n                  (click)=\"favoritar(!estabelecimento.IS_FAVORITE, estabelecimento.ID)\"/>\n                <lib-icon class=\"glb-cursor-pointer\" [iconName]=\"estabelecimento.IS_DEFAULT ? 'toggle-on' : 'toggle-off' \"\n                  [tooltip]=\"estabelecimento.IS_DEFAULT ? 'Inativar' : 'Ativar' \" [iconSize]=\"30\" class=\"glb-cursor-pointer text-primary\"\n                  (click)=\"openModalEstabelecimento(modalEstabelecimento, 2)\"/>\n\n                <!-- <input class=\"form-check-input glb-cursor-pointer\" type=\"checkbox\" role=\"switch\" id=\"flexSwitchCheckChecked\"\n                  [checked]=\"estabelecimento.IS_DEFAULT\"\n                  (click)=\"openModalEstabelecimento(modalEstabelecimento)\"\n                  style=\"transform: translateY(3px); height: 1rem; width: 28px;\" #isDefaultRow> -->\n              </div>\n            </div>\n\n              <ng-template #modalEstabelecimento>\n                <div class=\"modal-content\">\n                  <div class=\"modal-header\">\n                    <h5 class=\"modal-title\">Atualiza\u00E7\u00E3o de estados</h5>\n                    <button (click)=\"closeModalEstabelecimento(2)\" type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\"\n                      aria-label=\"Close\"></button>\n                  </div>\n              \n                  <div class=\"modal-body\">\n                    <p>{{!estabelecimento.IS_DEFAULT ? 'Marcar como estabelecimento padr\u00E3o para este usu\u00E1rio. Esta a\u00E7\u00E3o ir\u00E1 realocar a exibi\u00E7\u00E3o do estabelecimento para\n                      o topo da lista.' : \n                      'Desmarcar como estabelecimento padr\u00E3o para este usu\u00E1rio. Esta a\u00E7\u00E3o ir\u00E1 remover a exibi\u00E7\u00E3o do estabelecimento do topo da lista.'}}</p>\n                  </div>\n              \n                  <div class=\"modal-footer\">\n                    <button (click)=\"closeModalEstabelecimento(2)\" type=\"button\" class=\"btn btn-outline-primary\"\n                      data-bs-dismiss=\"modal\">Cancelar</button>\n                    <button\n                      (click)=\"estabelecimento.IS_DEFAULT = !estabelecimento.IS_DEFAULT; defineDefaultEstabelecimento(estabelecimento.ID, estabelecimento.IS_DEFAULT)\"\n                      type=\"button\" class=\"btn btn-primary\">{{!estabelecimento.IS_DEFAULT ? 'Ativar' : 'Inativar'}}</button>\n                  </div>\n                </div>\n              </ng-template>\n          </td>\n        </tr>\n        }\n      </lib-table>\n\n\n\n      <!-- <div class=\"d-flex justify-content-between align-items-center mt-3\">\n        <span style=\"color: #6C757D\"> Registros {{$estabelecimentosList.length}} de {{$estabelecimentosList.length}} </span>\n        <nav aria-label=\"...\">\n          <ul class=\"pagination mb-0\">\n            <li class=\"page-item disabled\"> <a class=\"page-link\" href=\"#\" tabindex=\"-1\">Anterior</a> </li>\n            <li class=\"page-item active\"> <a class=\"page-link\" href=\"#\">1</a> </li>\n            <li class=\"page-item\"> <a class=\"page-link\" href=\"#\">2</a> </li>\n            <li class=\"page-item\"> <a class=\"page-link\" href=\"#\">3</a> </li>\n            <li class=\"page-item\"> <a class=\"page-link\" href=\"#\">Pr\u00F3ximo</a> </li>\n          </ul>\n        </nav>\n      </div> -->\n\n\n      <ng-template #loading>\n        <lib-spinner></lib-spinner>\n      </ng-template>\n    </div>\n  </div>\n</div>\n\n", styles: [".table-list table thead{height:50px;font-size:1rem;background-color:#e9ecef}.table-list table thead .status-header{width:5%}.table-list table thead th:first-child{width:50px;height:50px}.table-list table thead th{font-size:16px}.table-list table .center-content{text-align:center}.table-list table tbody{font-size:.875rem}.table-list table tbody>tr:hover{background-color:#cce5ff}.table-list table tbody span.row-name{display:block;width:100%;font-weight:700}.table-list table tbody span.subname{color:#0f0f0f80}.table-list table tbody .action-icons{color:#007bff}.table-list table tbody .action-icons a{margin:0 .75rem}.table-list table tbody .status{width:13px;height:13px;border-radius:50%}.table-list table tbody .active{background-color:#28a745}.table-list table tbody .inactive{background-color:#a72828}.name-estab{font-size:14px;font-weight:700;text-transform:uppercase;color:#212529}.subname-estab{font-size:12px;color:#212529}#clearFilterBtn,#searchFilterBtn{padding:6px 12px}.subname{color:#0f0f0f80}.row-name{display:block;width:100%;font-weight:700}\n"] }]
+                    ], template: "<div class=\"main-container\">\n  <div class=\"modal-header modal-style modal-dialog-centered\">\n    <h4 class=\"modal-title pull-left color-modal\" style=\"font-size: 20px; font-weight: bold;\"> Selecione o\n      estabelecimento </h4>\n    <button (click)=\"closeSelf()\" type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <div class=\"modal-message\">\n      <div class=\"search-and-filters d-flex flex-row align-items-center justify-content-between mb-2\">\n        <div class=\"d-flex flex-row w-100\">\n          <div class=\"input-group\">\n            <span class=\"input-group-text px-2\" id=\"basic-addon1\"\n              style=\"background-color: transparent; border-right: none;\">\n              <lib-icon iconName=\"lupa\" iconColor=\"gray\"/>\n            </span>\n            <input type=\"text\" class=\"form-control border-start-0 ps-0\" id=\"pesquisaInput\" #pesquisa\n              placeholder=\"Pesquise o c\u00F3digo ou nome do estabelecimento\" (keyup.enter)=\"refreshList(pesquisa.value)\">\n          </div>\n        </div>\n\n        <div class=\"filters d-flex align-items-center justify-content-between ms-3\">\n          <div class=\"search-buttons d-flex flex-row align-items-center my-0 mx-0\">\n            <button id=\"clearFilterBtn\" class=\"btn btn-outline-primary ms-0 no-hover-btn me-2\"\n              (click)=\"pesquisa.value = ''; refreshList(pesquisa.value)\"> Limpar </button>\n            <button id=\"searchFilterBtn\" class=\"btn btn-primary me-0\" (click)=\"refreshList(pesquisa.value)\"> Pesquisar\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <!-- <div class=\"table-list w-100 mt-3\" *ngIf=\"$estabelecimentosList; else loading\">\n        <table class=\"table table-bordered table-hover mb-0\">\n          <thead class=\"fs-6\">\n            <tr>\n              <th scope=\"col\" class=\"col-11 align-middle th\">Estabelecimento</th>\n              <th scope=\"col\" class=\"col-1 align-middle text-center th\">A\u00E7\u00F5es</th>\n            </tr>\n          </thead>\n\n          <tbody *ngIf=\"$estabelecimentosList.length > 0; else emptyList\">\n            <tr\n              *ngFor=\"let estabelecimento of $estabelecimentosList | paginate: { itemsPerPage: itemsPerPage, currentPage: page }\">\n              <td>\n                <div style=\"cursor: pointer;\" (click)=\"selectEstabelecimento(estabelecimento.ID, estabelecimento.NOMEEXIBICAO)\">\n                  <span class=\"row-name\"> {{ estabelecimento.CODIGO }} - {{ estabelecimento.NOMEEXIBICAO }} </span>\n                  <span class=\"subname\"> {{ estabelecimento.IS_MATRIZ ? \"Matriz \" : null }} CNPJ: {{ estabelecimento.CNPJ\n                  }} </span>\n                </div>\n              </td>\n              <td class=\"text-center align-middle\">\n                <div class=\"action-icons d-flex flex-row align-items-center justify-content-around\">\n                  <div class=\"form-check form-switch\">\n                    <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" id=\"flexSwitchCheckChecked\"\n                      tooltip=\"Estabelecimento padr\u00E3o\" [checked]=\"estabelecimento.IS_DEFAULT\"\n                      style=\"transform: translateY(3px); height: 1rem; width: 28px;\" #isDefaultRow\n                      (click)=\"estabelecimento.IS_DEFAULT = !estabelecimento.IS_DEFAULT; defineDefaultEstabelecimento(estabelecimento.ID, estabelecimento.IS_DEFAULT)\">\n                  </div>\n                </div>\n              </td>\n            </tr>\n          </tbody> -->\n\n\n\n          <!-- #region EMPTY LIST CELL -->\n          <!-- <ng-template #emptyList>\n            <tbody>\n              <tr>\n                <td colspan=\"2\" class=\"align-middle\"><span class=\"row-name fw-light fst-italic text-center\"> {{\n                    response_messages.emptyMessage }} </span></td>\n              </tr>\n            </tbody>\n          </ng-template> -->\n          <!-- #endregion EMPTY LIST CELL -->\n        <!-- </table> -->\n\n        <!-- #region PAGINATION -->\n        <!-- <div class=\"d-flex justify-content-end mt-2\" *ngIf=\"$estabelecimentosList.length > 0\">\n          <div class=\"d-flex align-items-center\">\n            <label class=\"me-2\" style=\"white-space: nowrap;\">Itens por p\u00E1gina</label>\n            <select class=\"form-select select-search\" (change)=\"onSelectChange($event)\">\n              <option class=\"selected\" value=\"10\" selected>10</option>\n              <option value=\"25\">25</option>\n              <option value=\"50\">50</option>\n            </select>\n          </div>\n\n          <pagination-controls class=\"sp-pagination mt-3\" (pageChange)=\"page = $event\"\n            previousLabel=\"\u00AB&nbsp;&nbsp;&nbsp;\" nextLabel=\"&nbsp;&nbsp;&nbsp;\u00BB\" [maxSize]=\"5\">\n          </pagination-controls>\n        </div> -->\n        <!-- #endregion PAGINATION -->\n        \n      <!-- </div> -->\n      \n      <lib-table [list]=\"$estabelecimentosList\" paginationID=\"simpleTable\"\n        [counts]=\"[ 10, 30, 50 ]\" [headers]=\"[\n                          { name: 'Estabelecimento', col: 11, orderColumn: 'CODIGO'},\n                          { name: 'A\u00E7\u00F5es', col: 1},\n                    ]\" (itemsPerPageChange)=\"itemsPerPage = $event\" (pageChange)=\"page = $event\"\n        [emptyListMessage]=\"response_messages.emptyMessage\">\n        @for (estabelecimento of $estabelecimentosList! | paginate: { id: 'simpleTable', itemsPerPage: itemsPerPage,\n        currentPage:\n        page }; track estabelecimento) {\n        <tr innerRows class=\"align-middle\">\n          <td>\n            <div style=\"cursor: pointer; display: flex; flex-direction: column;\" (click)=\"selectEstabelecimento(estabelecimento.ID, estabelecimento.NOMEEXIBICAO)\">\n              <span class=\"row-name\"> {{ estabelecimento.CODIGO }} - {{ estabelecimento.NOMEEXIBICAO }} </span>\n              <span class=\"subname\"> {{ estabelecimento.IS_MATRIZ ? \"Matriz \" : null }} CNPJ: {{ estabelecimento.CNPJ}} </span>\n            </div>\n          </td>\n          <td class=\"text-center align-middle\">\n            <div class=\"action-icons d-flex flex-row align-items-center justify-content-around\">\n              <div class=\"form-check form-switch p-0\">\n                <lib-icon [iconName]=\"estabelecimento.IS_FAVORITE ? 'pp-menu-star-ativo' : 'estrela'\"  iconColor=\"gray\" class=\"glb-cursor-pointer\"\n                  [tooltip]=\"estabelecimento.IS_FAVORITE ? 'Desmarcar favorito' : 'Marcar favorito'\" (click)=\"favoritar(!estabelecimento.IS_FAVORITE, estabelecimento.ID)\"/>\n                <lib-icon class=\"glb-cursor-pointer\" [iconName]=\"estabelecimento.IS_DEFAULT ? 'toggle-on' : 'toggle-off' \"\n                  [iconSize]=\"30\" class=\"glb-cursor-pointer text-primary\" (click)=\"openModalEstabelecimento(modalEstabelecimento, 2)\"/>\n\n                <!-- <input class=\"form-check-input glb-cursor-pointer\" type=\"checkbox\" role=\"switch\" id=\"flexSwitchCheckChecked\"\n                  [checked]=\"estabelecimento.IS_DEFAULT\"\n                  (click)=\"openModalEstabelecimento(modalEstabelecimento)\"\n                  style=\"transform: translateY(3px); height: 1rem; width: 28px;\" #isDefaultRow> -->\n              </div>\n            </div>\n\n              <ng-template #modalEstabelecimento>\n                <div class=\"modal-content\">\n                  <div class=\"modal-header\">\n                    <h5 class=\"modal-title\">{{!estabelecimento.IS_DEFAULT ? 'Marcar como padr\u00E3o' : 'Desmarcar como padr\u00E3o'}}</h5>\n                    <button (click)=\"closeModalEstabelecimento(2)\" type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\"\n                      aria-label=\"Close\"></button>\n                  </div>\n              \n                  <div class=\"modal-body\">\n                    <p>{{!estabelecimento.IS_DEFAULT ? 'Marcar como estabelecimento padr\u00E3o para este usu\u00E1rio. Esta a\u00E7\u00E3o ir\u00E1 realocar a exibi\u00E7\u00E3o do estabelecimento para\n                      o topo da lista.' : \n                      'Desmarcar como estabelecimento padr\u00E3o para este usu\u00E1rio. Esta a\u00E7\u00E3o ir\u00E1 remover a exibi\u00E7\u00E3o do estabelecimento do topo da lista.'}}</p>\n                  </div>\n              \n                  <div class=\"modal-footer\">\n                    <button (click)=\"closeModalEstabelecimento(2)\" type=\"button\" class=\"btn btn-outline-primary\"\n                      data-bs-dismiss=\"modal\">Cancelar</button>\n                    <button\n                      (click)=\"estabelecimento.IS_DEFAULT = !estabelecimento.IS_DEFAULT; defineDefaultEstabelecimento(estabelecimento.ID, estabelecimento.IS_DEFAULT)\"\n                      type=\"button\" class=\"btn btn-primary\">{{!estabelecimento.IS_DEFAULT ? 'Marcar' : 'Desmarcar'}}</button>\n                  </div>\n                </div>\n              </ng-template>\n          </td>\n        </tr>\n        }\n      </lib-table>\n\n\n\n      <!-- <div class=\"d-flex justify-content-between align-items-center mt-3\">\n        <span style=\"color: #6C757D\"> Registros {{$estabelecimentosList.length}} de {{$estabelecimentosList.length}} </span>\n        <nav aria-label=\"...\">\n          <ul class=\"pagination mb-0\">\n            <li class=\"page-item disabled\"> <a class=\"page-link\" href=\"#\" tabindex=\"-1\">Anterior</a> </li>\n            <li class=\"page-item active\"> <a class=\"page-link\" href=\"#\">1</a> </li>\n            <li class=\"page-item\"> <a class=\"page-link\" href=\"#\">2</a> </li>\n            <li class=\"page-item\"> <a class=\"page-link\" href=\"#\">3</a> </li>\n            <li class=\"page-item\"> <a class=\"page-link\" href=\"#\">Pr\u00F3ximo</a> </li>\n          </ul>\n        </nav>\n      </div> -->\n\n\n      <ng-template #loading>\n        <lib-spinner></lib-spinner>\n      </ng-template>\n    </div>\n  </div>\n</div>\n\n", styles: [".table-list table thead{height:50px;font-size:1rem;background-color:#e9ecef}.table-list table thead .status-header{width:5%}.table-list table thead th:first-child{width:50px;height:50px}.table-list table thead th{font-size:16px}.table-list table .center-content{text-align:center}.table-list table tbody{font-size:.875rem}.table-list table tbody>tr:hover{background-color:#cce5ff}.table-list table tbody span.row-name{display:block;width:100%;font-weight:700}.table-list table tbody span.subname{color:#0f0f0f80}.table-list table tbody .action-icons{color:#007bff}.table-list table tbody .action-icons a{margin:0 .75rem}.table-list table tbody .status{width:13px;height:13px;border-radius:50%}.table-list table tbody .active{background-color:#28a745}.table-list table tbody .inactive{background-color:#a72828}.name-estab{font-size:14px;font-weight:700;text-transform:uppercase;color:#212529}.subname-estab{font-size:12px;color:#212529}#clearFilterBtn,#searchFilterBtn{padding:6px 12px}.subname{color:#0f0f0f80}.row-name{display:block;width:100%;font-weight:700}\n"] }]
         }], ctorParameters: () => [{ type: AuthStorageService }, { type: LibCustomMenuService }, { type: MenuServicesService }, { type: i3.MessageService }, { type: i5.BsModalService }, { type: AuthUtilService }], propDecorators: { onClose: [{
                 type: Output
             }], onSelected: [{