keevo-components 1.8.529 → 1.8.531

package/esm2022/lib/components/kv-tree-table/kv-tree-table.component.mjs

@@ -253,7 +253,7 @@ export class KvTreetableComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvTreetableComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvTreetableComponent, selector: "kv-tree-table", inputs: { disableRowNodeSticky: { classPropertyName: "disableRowNodeSticky", publicName: "disableRowNodeSticky", isSignal: false, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: false, isRequired: false, transformFunction: null }, gridLines: { classPropertyName: "gridLines", publicName: "gridLines", isSignal: false, isRequired: false, transformFunction: null }, tableCaptalized: { classPropertyName: "tableCaptalized", publicName: "tableCaptalized", isSignal: false, isRequired: false, transformFunction: null }, selectedItems: { classPropertyName: "selectedItems", publicName: "selectedItems", isSignal: false, isRequired: false, transformFunction: null }, paginator: { classPropertyName: "paginator", publicName: "paginator", isSignal: false, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: false, isRequired: false, transformFunction: null }, treeTableDraggable: { classPropertyName: "treeTableDraggable", publicName: "treeTableDraggable", isSignal: false, isRequired: false, transformFunction: null }, transferArrayItem: { classPropertyName: "transferArrayItem", publicName: "transferArrayItem", isSignal: false, isRequired: false, transformFunction: null }, ordenacao: { classPropertyName: "ordenacao", publicName: "ordenacao", isSignal: false, isRequired: false, transformFunction: null }, totalRecords: { classPropertyName: "totalRecords", publicName: "totalRecords", isSignal: false, isRequired: false, transformFunction: null }, textoEmptyMessage: { classPropertyName: "textoEmptyMessage", publicName: "textoEmptyMessage", isSignal: false, isRequired: false, transformFunction: null }, childrenRecoil: { classPropertyName: "childrenRecoil", publicName: "childrenRecoil", isSignal: false, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: false, isRequired: false, transformFunction: null }, scrollHeight: { classPropertyName: "scrollHeight", publicName: "scrollHeight", isSignal: false, isRequired: false, transformFunction: null }, indFullPage: { classPropertyName: "indFullPage", publicName: "indFullPage", isSignal: false, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, isLoadingSkeleton: { classPropertyName: "isLoadingSkeleton", publicName: "isLoadingSkeleton", isSignal: true, isRequired: false, transformFunction: null }, pageLinksOptions: { classPropertyName: "pageLinksOptions", publicName: "pageLinksOptions", isSignal: false, isRequired: false, transformFunction: null }, pageLinks: { classPropertyName: "pageLinks", publicName: "pageLinks", isSignal: false, isRequired: false, transformFunction: null }, showFirstLastIcon: { classPropertyName: "showFirstLastIcon", publicName: "showFirstLastIcon", isSignal: false, isRequired: false, transformFunction: null }, selectionKeys: { classPropertyName: "selectionKeys", publicName: "selectionKeys", isSignal: true, isRequired: false, transformFunction: null }, _templates: { classPropertyName: "_templates", publicName: "templates", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { dataSource: "dataSourceChange", onFilter: "onFilter", onPaginate: "onPaginate", onActiveItem: "onActiveItem", onActiveItemLote: "onActiveItemLote", doubleClickEvent: "doubleClickEvent", onNodeSelect: "onNodeSelect", onNodeUnselect: "onNodeUnselect", onDropItem: "onDropItem", selectionKeys: "selectionKeysChange" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, queries: [{ propertyName: "templates", predicate: TemplateDirective }], viewQueries: [{ propertyName: "kvTreeTable", first: true, predicate: ["kvTreeTable"], descendants: true, isSignal: true }, { propertyName: "pTreeTable", first: true, predicate: TreeTable, descendants: true }, { propertyName: "inputBusca", first: true, predicate: ["inputBusca"], descendants: true }], ngImport: i0, template: "<div class=\"kv-treetable-container\" #kvTreeTable>\r\n  <p-treeTable\r\n    #tt\r\n    cdkDropList\r\n    class=\"example-list\"\r\n    (cdkDropListDropped)=\"drop($event)\"\r\n    [value]=\"dataSource()\"\r\n    [columns]=\"config.columns\"\r\n    [resizableColumns]=\"true\"\r\n    [tableStyle]=\"{ 'min-width': '50rem' }\"\r\n    [resizableColumns]=\"true\"\r\n    [paginator]=\"paginator\"\r\n    [rows]=\"rows\"\r\n    [totalRecords]=\"totalRecords\"\r\n    [rowsPerPageOptions]=\"[5, 10, 15, 25, 50]\"\r\n    [showFirstLastIcon]=\"tamanhoTela() > 960 ? true : false\"\r\n    [pageLinks]=\"tamanhoTela() > 960 ? 2 : 1\"\r\n    [styleClass]=\"gridLines ? 'p-treetable-gridlines' : ''\"\r\n    [(selection)]=\"selectedItems\"\r\n    [selectionKeys]=\"selectionKeys()\"\r\n    (selectionKeysChange)=\"selectionKeys.set($event)\"\r\n    [lazy]=\"config.lazy\"\r\n    (onLazyLoad)=\"paginate($event)\"\r\n    (onNodeSelect)=\"onNodeSelected($event)\"\r\n    (onNodeUnselect)=\"onNodeUnselected($event)\"\r\n    [showCurrentPageReport]=\"true\"\r\n    currentPageReportTemplate=\"{first} - {last} de {totalRecords}\"\r\n    [scrollHeight]=\"scrollHeight\"\r\n  >\r\n    @if(config.enableCation) {\r\n    <ng-template pTemplate=\"caption\">\r\n      <div\r\n        class=\"flex flex-row flex-wrap justify-content-between align-items-center grid formgrid p-fluid col-12 m-0 p-1\"\r\n        style=\"background-color: #eaeaea\"\r\n      >\r\n        <div class=\"col-12 flex flex-column\">\r\n          @if(config.title) {\r\n          <div class=\"text-md font-bold my-3\">{{ config.title }}</div>\r\n          } @if(config.subtitle) {\r\n          <div class=\"text-sm mb-4 font-medium\">{{ config.subtitle }}</div>\r\n          }\r\n        </div>\r\n\r\n        <div\r\n          class=\"flex flex-row align-items-center col-10 p-0 md:col-6 lg:col-4 justify-content-center {{\r\n            tamanhoTela() < 768 ? '' : 'input-search'\r\n          }}\"\r\n        >\r\n          @if(config.enableFilter) {\r\n\r\n          <span class=\"p-input-icon-left\">\r\n            <i class=\"pi pi-search\"></i>\r\n\r\n            <input\r\n              pInputText\r\n              pAutoFocus\r\n              [autofocus]=\"true\"\r\n              type=\"text\"\r\n              (input)=\"onGlobalFilter(tt, $event)\"\r\n              placeholder=\"Pesquisar...\"\r\n              class=\"h-2rem\"\r\n              #inputBusca\r\n            />\r\n          </span>\r\n          }\r\n        </div>\r\n\r\n        <div class=\"flex flex-row col-1 justify-content-end p-0\">\r\n          <div class=\"flex flex-row gap-2 btns-options\">\r\n            @for (action of config.actionsLote; track $index) {\r\n            @if((selectedItems.length > 0 || action.showAcoesLote) &&\r\n            exibirCampo()(action, this.action)) {\r\n            <kv-button\r\n              (onClick)=\"action?.command(); activeItemLote(selectedItems)\"\r\n              [pTooltip]=\"getOrExecute(action.tooltip, selectedItems)\"\r\n              [tooltipPosition]=\"'bottom'\"\r\n              [size]=\"'small'\"\r\n              [disabled]=\"getOrExecute(action.disabled, selectedItems) || false\"\r\n              [icon]=\"getOrExecute(action.icon, selectedItems)\"\r\n              [severity]=\"action.severity || 'tertiary'\"\r\n            />\r\n            } }\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n    } @if(showHeader){\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n      <tr>\r\n        @for(col of columns; track $index){\r\n        <th\r\n          [ttSortableColumn]=\"col.field\"\r\n          [ttSortableColumnDisabled]=\"col.sortable === false\"\r\n          [style.width]=\"col.width\"\r\n        >\r\n          <div>\r\n            <div [ngClass]=\"{ flex: $index == 0, 'gap-3': $index == 0 }\">\r\n              @if($index == 0 && config.enableSelect) {\r\n              <p-treeTableHeaderCheckbox\r\n                (click)=\"activeItemLote(selectedItems)\"\r\n              />\r\n              }\r\n\r\n              <div class=\"flex flex-row align-items-center  {{ align(col) }}\">\r\n                <span class=\"text-xs\">{{ col.header }}</span>\r\n\r\n                @if(col.sortable) {\r\n                <p-treeTableSortIcon [field]=\"col.field\" class=\"pb-1\" />\r\n                } @if(col.headerTooltip) {\r\n                <span\r\n                  class=\"material-symbols-outlined flex align-items-center\"\r\n                  [pTooltip]=\"col.headerTooltip\"\r\n                >\r\n                  info\r\n                </span>\r\n                }\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </th>\r\n        @if (config.actions?.length ?? 0 > 0 || config.actionsPai) {\r\n        <th [style.width]=\"5\"></th>\r\n        } }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n      <tr>\r\n        @for (col of columns; track $index) {\r\n        <th\r\n          [ttSortableColumn]=\"col.field\"\r\n          [ttSortableColumnDisabled]=\"col.sortable === false\"\r\n          [style.width]=\"col.width\"\r\n        >\r\n          <div class=\"flex flex-row align-items-center {{ align(col) }}\">\r\n            <span class=\"text-xs\">{{ col.header }}</span>\r\n\r\n            @if(col.sortable) {\r\n            <p-treeTableSortIcon [field]=\"col.field\" class=\"pb-1\" />\r\n            }\r\n          </div>\r\n        </th>\r\n        } @if (config.actions?.length ?? 0 > 0 || config.actionsPai) {\r\n        <th [style.width]=\"5\"></th>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n    }\r\n\r\n    <ng-template\r\n      pTemplate=\"body\"\r\n      let-rowNode\r\n      let-rowData=\"rowData\"\r\n      let-columns=\"columns\"\r\n    >\r\n      @if(isLoadingSkeleton()) { @for(skeletonRow of\r\n      dataSource(); track $index) {\r\n      <tr>\r\n        @for(col of columns; track $index){\r\n        <td>\r\n          <div\r\n            class=\"flex flex-row align-items-center justify-content-center w-full\"\r\n          >\r\n            @if($index == 0) {\r\n            <p-treeTableToggler [rowNode]=\"rowNode\" />\r\n            }\r\n            <div class=\"flex flex-column w-full\">\r\n              <p-skeleton height=\"1rem\" />\r\n            </div>\r\n          </div>\r\n        </td>\r\n        }\r\n        <td>\r\n          <div class=\"flex justify-content-center\">\r\n            <p-skeleton [style]=\"{ height: '1.5rem', width: '1.5rem' }\" />\r\n          </div>\r\n        </td>\r\n      </tr>\r\n      } } @else { @if(treeTableDraggable) {\r\n      <tr\r\n        cdkDrag\r\n        cdkDragLockAxis=\"y\"\r\n        [cdkDragData]=\"rowNode\"\r\n        [ttRow]=\"rowNode\"\r\n        (dblclick)=\"doubleClick($event, rowData)\"\r\n        [ngClass]=\"{ capitalize: tableCaptalized }\"\r\n      >\r\n        @for(col of columns; track $index){\r\n        <td\r\n          class=\"draggable-cell\"\r\n          [style.position]=\"\r\n            !disableRowNodeSticky && rowNode.level !== 0 ? 'sticky' : null\r\n          \"\r\n        >\r\n          <!-- [style.left.px]=\"\r\n                   childrenRecoil && rowNode.level !== 0 ? rowNode.level * 30 : null\r\n                   \" -->\r\n\r\n          <div class=\"flex flex-row  {{ align(col) }}\">\r\n            @if($index == 0) {\r\n            <div class=\"w-full-h-full flex align-items-center\">\r\n              <span\r\n                class=\"material-symbols-outlined drag-icon\"\r\n                style=\"\r\n                  cursor: grab;\r\n                  font-size: 25px;\r\n                  color: #6b7280;\r\n                  opacity: 0.9;\r\n                \"\r\n                cdkDragHandle\r\n              >\r\n                drag_indicator\r\n              </span>\r\n              <p-treeTableToggler class=\"hiddenVisible\" [rowNode]=\"rowNode\" />\r\n\r\n              @if(config.enableSelect) {\r\n              <p-treeTableCheckbox\r\n                [disabled]=\"isDisabledCheckbox()(rowData, rowNode)\"\r\n                (click)=\"activeItemLote(selectedItems)\"\r\n                [value]=\"rowNode\"\r\n                [ngStyle]=\"{\r\n                  display: isSelectEnabled()(rowData, rowNode)\r\n                    ? 'block'\r\n                    : 'none',\r\n                  'margin-left': config.visibleCheckboxFunction\r\n                    ? '-34px'\r\n                    : '0px'\r\n                }\"\r\n              />\r\n              }\r\n            </div>\r\n            }\r\n\r\n            <div class=\"flex flex-row align-items-center w-full\">\r\n              @if (col.template && validateShowTemplate()(rowNode, col)) {\r\n              <span class=\"w-full\">\r\n                @if(getCustomTemplate(col.template.name)) {\r\n                <ng-container\r\n                  [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n                  [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\r\n                >\r\n                </ng-container>\r\n                }\r\n              </span>\r\n              } @else {\r\n              <div\r\n                class=\"flex flex-row align-items-center {{\r\n                  (col.boolean || col.centralize) && 'justify-content-center'\r\n                }} gap-2 w-full\"\r\n              >\r\n                @if(col.tagColor) {\r\n                <div\r\n                  class=\"tag\"\r\n                  [pTooltip]=\"\r\n                    col.tooltipTag &&\r\n                    col.tooltipTag(rowData, col, rowData[col.field])\r\n                  \"\r\n                  [style.background-color]=\"\r\n                    col.tagColor(rowData, col, rowData[col.field])\r\n                  \"\r\n                ></div>\r\n\r\n                } @if(col.boolean) {\r\n                <i\r\n                  class=\"pi {{\r\n                    rowData[col.field] ? 'pi-check text-green-300' : ''\r\n                  }}\"\r\n                  style=\"font-size: 1rem; font-weight: 700\"\r\n                ></i>\r\n\r\n                } @else {\r\n                <div class=\"flex flex-column\">\r\n                  <span class=\"m-0 text-xs\">{{ rowData[col.field] }}</span>\r\n\r\n                  @if(col.subtitle) {\r\n\r\n                  <p class=\"m-0 text-xs font-semibold\">\r\n                    {{ rowData[col.subtitle] }}\r\n                  </p>\r\n                  }\r\n                </div>\r\n                }\r\n              </div>\r\n              }\r\n            </div>\r\n          </div>\r\n        </td>\r\n        } @if((config.actions?.length ?? 0 > 0) || config.actionsPai) {\r\n        <td\r\n          style=\"border-left: none; text-align: center; width: 0\"\r\n          [style.borderRight]=\"rowNode.level === 0 ? 'none' : ''\"\r\n          [style.borderLeft]=\"rowNode.level === 0 ? 'none' : ''\"\r\n        >\r\n          @if((config.actions?.length ?? 0 > 0) &&\r\n          validateActionPosition()(rowNode)) {\r\n          <div class=\"flex align-items-center justify-content-center\">\r\n            <span\r\n              class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\r\n              style=\"font-size: 20px; padding: 0.1rem\"\r\n              (click)=\"menu.toggle($event); activeItem(rowData)\"\r\n            >\r\n              more_horiz\r\n            </span>\r\n\r\n            @for(action of config.actions; track $index) {\r\n            {{ criarMenusModal()(rowData) }}\r\n            }\r\n\r\n            <p-menu\r\n              #menu\r\n              [popup]=\"true\"\r\n              [model]=\"menuItems\"\r\n              appendTo=\"body\"\r\n            ></p-menu>\r\n          </div>\r\n          } @if(config.actionsPai?.length ?? 0 > 0 && rowNode.level == 0){\r\n          <div class=\"flex justify-content-end align-items-center\">\r\n            @for (actionPai of config.actionsPai; track $index) {\r\n            @if(getOrExecute(actionPai.visible, rowData) ?? true) {\r\n            <kv-button\r\n              (onClick)=\"activeItem(rowData); actionPai.command($event)\"\r\n              [type]=\"'text'\"\r\n              [icon]=\"actionPai.icon\"\r\n              [severity]=\"actionPai.severity || 'tertiary'\"\r\n              [disabled]=\"getOrExecute(actionPai.disabled, rowData) || false\"\r\n              [pTooltip]=\"getOrExecute(actionPai.tooltip, rowData)\"\r\n              [tooltipPosition]=\"'left'\"\r\n            />\r\n\r\n            } }\r\n          </div>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      } @else {\r\n      <tr\r\n        [ttRow]=\"rowNode\"\r\n        (dblclick)=\"doubleClick($event, rowData)\"\r\n        [ngClass]=\"{ capitalize: tableCaptalized }\"\r\n      >\r\n        @for(col of columns; track $index){\r\n        <td\r\n          [style.position]=\"rowNode.level !== 0 ? 'sticky' : null\"\r\n          [style.left.px]=\"\r\n            childrenRecoil && rowNode.level !== 0 ? rowNode.level * 30 : null\r\n          \"\r\n          [style.borderRight]=\"rowNode.level === 0 ? 'none' : ''\"\r\n          [style.borderLeft]=\"\r\n            rowNode.level === 0 && col.field != config.columns[0].field\r\n              ? 'none'\r\n              : ''\r\n          \"\r\n        >\r\n          <div class=\"flex flex-row {{ align(col) }}\">\r\n            @if($index == 0) {\r\n            <div class=\"w-full-h-full flex align-items-center\">\r\n              <p-treeTableToggler class=\"hiddenVisible\" [rowNode]=\"rowNode\" />\r\n\r\n              @if(config.enableSelect) {\r\n              <p-treeTableCheckbox\r\n                [disabled]=\"isDisabledCheckbox()(rowData, rowNode)\"\r\n                (click)=\"activeItemLote(selectedItems)\"\r\n                [value]=\"rowNode\"\r\n                [ngStyle]=\"{\r\n                  display: isSelectEnabled()(rowData, rowNode)\r\n                    ? 'block'\r\n                    : 'none',\r\n                  'margin-left': config.visibleCheckboxFunction\r\n                    ? '-34px'\r\n                    : '0px'\r\n                }\"\r\n              />\r\n              }\r\n            </div>\r\n            }\r\n\r\n            <div class=\"flex flex-row align-items-center w-full\">\r\n              @if (col.template && validateShowTemplate()(rowNode, col)) {\r\n              <span class=\"w-full\">\r\n                @if(getCustomTemplate(col.template.name)) {\r\n\r\n                <ng-container\r\n                  [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n                  [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\r\n                >\r\n                </ng-container>\r\n                }\r\n              </span>\r\n              } @else {\r\n              <div\r\n                class=\"flex flex-row align-items-center {{\r\n                  (col.boolean || col.centralize) && 'justify-content-center'\r\n                }} gap-2 w-full\"\r\n              >\r\n                @if(col.tagColor) {\r\n\r\n                <div\r\n                  class=\"tag\"\r\n                  [pTooltip]=\"\r\n                    col.tooltipTag &&\r\n                    col.tooltipTag(rowData, col, rowData[col.field])\r\n                  \"\r\n                  [style.background-color]=\"\r\n                    col.tagColor(rowData, col, rowData[col.field])\r\n                  \"\r\n                ></div>\r\n\r\n                } @if(col.boolean) {\r\n\r\n                <i\r\n                  class=\"pi {{\r\n                    rowData[col.field] ? 'pi-check text-green-300' : ''\r\n                  }}\"\r\n                  style=\"font-size: 1rem; font-weight: 700\"\r\n                ></i>\r\n                } @else {\r\n                <div class=\"flex flex-column\">\r\n                  <span class=\"m-0 text-xs\">{{ rowData[col.field] }}</span>\r\n\r\n                  @if(col.subtitle) {\r\n\r\n                  <p class=\"m-0 text-xs font-semibold\">\r\n                    {{ rowData[col.subtitle] }}\r\n                  </p>\r\n                  }\r\n                </div>\r\n                }\r\n              </div>\r\n              }\r\n            </div>\r\n          </div>\r\n        </td>\r\n        } @if((config.actions?.length ?? 0 > 0) || config.actionsPai) {\r\n        <td style=\"border-left: none; text-align: center; width: 0\">\r\n          @if((config.actions?.length ?? 0 > 0) &&\r\n          validateActionPosition()(rowNode)) {\r\n          <div>\r\n            <span\r\n              class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\r\n              style=\"font-size: 20px; padding: 0.1rem\"\r\n              (click)=\"menu.toggle($event); activeItem(rowData)\"\r\n            >\r\n              more_horiz\r\n            </span>\r\n\r\n            @for(action of config.actions; track $index) {\r\n            {{ criarMenusModal()(rowData) }}\r\n            }\r\n\r\n            <p-menu\r\n              #menu\r\n              [popup]=\"true\"\r\n              [model]=\"menuItems\"\r\n              appendTo=\"body\"\r\n            ></p-menu>\r\n          </div>\r\n          } @if(config.actionsPai?.length ?? 0 > 0 && rowNode.level == 0){\r\n          <div class=\"flex justify-content-end\">\r\n            @for (actionPai of config.actionsPai; track $index) { @if\r\n            (getOrExecute(actionPai.visible, rowData) ?? true) {\r\n            <kv-button\r\n              (onClick)=\"activeItem(rowData); actionPai.command($event)\"\r\n              [type]=\"'text'\"\r\n              [icon]=\"actionPai.icon\"\r\n              [severity]=\"actionPai.severity || 'tertiary'\"\r\n              [disabled]=\"getOrExecute(actionPai.disabled, rowData) || false\"\r\n              [pTooltip]=\"getOrExecute(actionPai.tooltip, rowData)\"\r\n              [tooltipPosition]=\"'left'\"\r\n            />\r\n            } }\r\n          </div>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      } }\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"emptymessage\">\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"config.columns.length + 1\"\r\n          style=\"text-align: center\"\r\n          class=\"text-sm\"\r\n        >\r\n          {{ textoEmptyMessage }}\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-treeTable>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";::ng-deep .p-treetable .p-treetable-tbody>tr>td{padding:.2rem}::ng-deep .p-treetable .p-treetable-header{padding:0rem}span{font-size:14px}:host ::ng-deep .p-treetable table{table-layout:auto!important}::ng-deep .p-checkbox .p-checkbox-box{width:1.125rem;height:1.125rem}::ng-deep .p-checkbox{display:flex;align-items:center}::ng-deep .p-treetable .p-paginator{scale:.75}.icon-more-horiz{font-weight:700}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transition:color .3s,transform .3s;background-color:#eaeaea;border-radius:50%}::ng-deep .p-treetable .p-treetable-thead>tr>th{background-color:#eaeaea;padding:.3rem}:host ::ng-deep .treetabledraggable .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler{width:1rem;height:1rem}.tag{width:5px;height:20px;border-radius:.25rem}:host ::ng-deep .draggable-cell .drag-icon{visibility:hidden}:host ::ng-deep .draggable-cell:hover .drag-icon{visibility:visible}.cdk-drag-preview{display:flex;align-items:center;justify-content:space-between;border-radius:10px!important}.cdk-drop-list-dragging{cursor:grabbing}:host ::ng-deep .cdk-drop-list-dragging .cdk-drag{transition:transform .25s cubic-bezier(0,0,.2,1)}:host ::ng-deep .cdk-drag-animating{transition:transform .3s cubic-bezier(0,0,.2,1)}::ng-deep svg.p-icon{width:.65rem;height:.65rem}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}:host{height:100%}::ng-deep .kv-treetable-container,::ng-deep p-treeTable{height:100%}::ng-deep p-treeTable .p-treetable{display:flex;flex-direction:column;height:100%}::ng-deep table{height:auto!important}::ng-deep p-treeTable .p-treetable .p-treetable-wrapper,::ng-deep p-treeTable{height:100%}::ng-deep .p-treetable .p-treetable-wrapper::-webkit-scrollbar{width:6px}::ng-deep .p-treetable .p-treetable-wrapper::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-treetable .p-treetable-wrapper::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-treetable .p-treetable-wrapper:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-treetable .p-treetable-wrapper::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i3.AutoFocus, selector: "[pAutoFocus]", inputs: ["autofocus"] }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i5.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "component", type: i6.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "directive", type: i7.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i8.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: i9.TreeTable, selector: "p-treeTable", inputs: ["columns", "style", "styleClass", "tableStyle", "tableStyleClass", "autoLayout", "lazy", "lazyLoadOnInit", "paginator", "rows", "first", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "customSort", "selectionMode", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "compareSelectionBy", "rowHover", "loading", "loadingIcon", "showLoader", "scrollable", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "frozenColumns", "resizableColumns", "columnResizeMode", "reorderableColumns", "contextMenu", "rowTrackBy", "filters", "globalFilterFields", "filterDelay", "filterMode", "filterLocale", "paginatorLocale", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "value", "virtualRowHeight", "selectionKeys"], outputs: ["selectionChange", "contextMenuSelectionChange", "onFilter", "onNodeExpand", "onNodeCollapse", "onPage", "onSort", "onLazyLoad", "sortFunction", "onColResize", "onColReorder", "onNodeSelect", "onNodeUnselect", "onContextMenuSelect", "onHeaderCheckboxToggle", "onEditInit", "onEditComplete", "onEditCancel", "selectionKeysChange"] }, { kind: "component", type: i9.TreeTableToggler, selector: "p-treeTableToggler", inputs: ["rowNode"] }, { kind: "directive", type: i9.TTSortableColumn, selector: "[ttSortableColumn]", inputs: ["ttSortableColumn", "ttSortableColumnDisabled"] }, { kind: "component", type: i9.TTSortIcon, selector: "p-treeTableSortIcon", inputs: ["field", "ariaLabelDesc", "ariaLabelAsc"] }, { kind: "directive", type: i9.TTRow, selector: "[ttRow]", inputs: ["ttRow"] }, { kind: "component", type: i9.TTCheckbox, selector: "p-treeTableCheckbox", inputs: ["disabled", "value"] }, { kind: "component", type: i9.TTHeaderCheckbox, selector: "p-treeTableHeaderCheckbox" }, { kind: "component", type: i10.KvButtonComponent, selector: "kv-button", inputs: ["fullWidth", "type", "loading", "severity", "size", "icon", "label", "disabled"], outputs: ["onClick"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvTreetableComponent, selector: "kv-tree-table", inputs: { disableRowNodeSticky: { classPropertyName: "disableRowNodeSticky", publicName: "disableRowNodeSticky", isSignal: false, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: false, isRequired: false, transformFunction: null }, gridLines: { classPropertyName: "gridLines", publicName: "gridLines", isSignal: false, isRequired: false, transformFunction: null }, tableCaptalized: { classPropertyName: "tableCaptalized", publicName: "tableCaptalized", isSignal: false, isRequired: false, transformFunction: null }, selectedItems: { classPropertyName: "selectedItems", publicName: "selectedItems", isSignal: false, isRequired: false, transformFunction: null }, paginator: { classPropertyName: "paginator", publicName: "paginator", isSignal: false, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: false, isRequired: false, transformFunction: null }, treeTableDraggable: { classPropertyName: "treeTableDraggable", publicName: "treeTableDraggable", isSignal: false, isRequired: false, transformFunction: null }, transferArrayItem: { classPropertyName: "transferArrayItem", publicName: "transferArrayItem", isSignal: false, isRequired: false, transformFunction: null }, ordenacao: { classPropertyName: "ordenacao", publicName: "ordenacao", isSignal: false, isRequired: false, transformFunction: null }, totalRecords: { classPropertyName: "totalRecords", publicName: "totalRecords", isSignal: false, isRequired: false, transformFunction: null }, textoEmptyMessage: { classPropertyName: "textoEmptyMessage", publicName: "textoEmptyMessage", isSignal: false, isRequired: false, transformFunction: null }, childrenRecoil: { classPropertyName: "childrenRecoil", publicName: "childrenRecoil", isSignal: false, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: false, isRequired: false, transformFunction: null }, scrollHeight: { classPropertyName: "scrollHeight", publicName: "scrollHeight", isSignal: false, isRequired: false, transformFunction: null }, indFullPage: { classPropertyName: "indFullPage", publicName: "indFullPage", isSignal: false, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, isLoadingSkeleton: { classPropertyName: "isLoadingSkeleton", publicName: "isLoadingSkeleton", isSignal: true, isRequired: false, transformFunction: null }, pageLinksOptions: { classPropertyName: "pageLinksOptions", publicName: "pageLinksOptions", isSignal: false, isRequired: false, transformFunction: null }, pageLinks: { classPropertyName: "pageLinks", publicName: "pageLinks", isSignal: false, isRequired: false, transformFunction: null }, showFirstLastIcon: { classPropertyName: "showFirstLastIcon", publicName: "showFirstLastIcon", isSignal: false, isRequired: false, transformFunction: null }, selectionKeys: { classPropertyName: "selectionKeys", publicName: "selectionKeys", isSignal: true, isRequired: false, transformFunction: null }, _templates: { classPropertyName: "_templates", publicName: "templates", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { dataSource: "dataSourceChange", onFilter: "onFilter", onPaginate: "onPaginate", onActiveItem: "onActiveItem", onActiveItemLote: "onActiveItemLote", doubleClickEvent: "doubleClickEvent", onNodeSelect: "onNodeSelect", onNodeUnselect: "onNodeUnselect", onDropItem: "onDropItem", selectionKeys: "selectionKeysChange" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, queries: [{ propertyName: "templates", predicate: TemplateDirective }], viewQueries: [{ propertyName: "kvTreeTable", first: true, predicate: ["kvTreeTable"], descendants: true, isSignal: true }, { propertyName: "pTreeTable", first: true, predicate: TreeTable, descendants: true }, { propertyName: "inputBusca", first: true, predicate: ["inputBusca"], descendants: true }], ngImport: i0, template: "<div class=\"kv-treetable-container\" #kvTreeTable>\r\n  <p-treeTable\r\n    #tt\r\n    cdkDropList\r\n    class=\"example-list\"\r\n    (cdkDropListDropped)=\"drop($event)\"\r\n    [value]=\"dataSource()\"\r\n    [columns]=\"config.columns\"\r\n    [resizableColumns]=\"true\"\r\n    [tableStyle]=\"{ 'min-width': '50rem' }\"\r\n    [resizableColumns]=\"true\"\r\n    [paginator]=\"paginator\"\r\n    [rows]=\"rows\"\r\n    [totalRecords]=\"totalRecords\"\r\n    [rowsPerPageOptions]=\"[5, 10, 15, 25, 50]\"\r\n    [showFirstLastIcon]=\"tamanhoTela() > 960 ? true : false\"\r\n    [pageLinks]=\"tamanhoTela() > 960 ? 2 : 1\"\r\n    [styleClass]=\"gridLines ? 'p-treetable-gridlines' : ''\"\r\n    [(selection)]=\"selectedItems\"\r\n    [selectionKeys]=\"selectionKeys()\"\r\n    (selectionKeysChange)=\"selectionKeys.set($event)\"\r\n    [lazy]=\"config.lazy\"\r\n    (onLazyLoad)=\"paginate($event)\"\r\n    (onNodeSelect)=\"onNodeSelected($event)\"\r\n    (onNodeUnselect)=\"onNodeUnselected($event)\"\r\n    [showCurrentPageReport]=\"true\"\r\n    currentPageReportTemplate=\"{first} - {last} de {totalRecords}\"\r\n    [scrollHeight]=\"scrollHeight\"\r\n  >\r\n    @if(config.enableCation) {\r\n    <ng-template pTemplate=\"caption\">\r\n      <div\r\n        class=\"flex flex-row flex-wrap justify-content-between align-items-center grid formgrid p-fluid col-12 m-0 p-1\"\r\n        style=\"background-color: #eaeaea\"\r\n      >\r\n        <div class=\"col-12 flex flex-column\">\r\n          @if(config.title) {\r\n          <div class=\"text-md font-bold my-3\">{{ config.title }}</div>\r\n          } @if(config.subtitle) {\r\n          <div class=\"text-sm mb-4 font-medium\">{{ config.subtitle }}</div>\r\n          }\r\n        </div>\r\n\r\n        <div\r\n          class=\"flex flex-row align-items-center col-10 p-0 md:col-6 lg:col-4 justify-content-center {{\r\n            tamanhoTela() < 768 ? '' : 'input-search'\r\n          }}\"\r\n        >\r\n          @if(config.enableFilter) {\r\n\r\n          <span class=\"p-input-icon-left\">\r\n            <i class=\"pi pi-search\"></i>\r\n\r\n            <input\r\n              pInputText\r\n              pAutoFocus\r\n              [autofocus]=\"true\"\r\n              type=\"text\"\r\n              (input)=\"onGlobalFilter(tt, $event)\"\r\n              placeholder=\"Pesquisar...\"\r\n              class=\"h-2rem\"\r\n              #inputBusca\r\n            />\r\n          </span>\r\n          }\r\n        </div>\r\n\r\n        <div class=\"flex flex-row col-1 justify-content-end p-0\">\r\n          <div class=\"flex flex-row gap-2 btns-options\">\r\n            @for (action of config.actionsLote; track $index) {\r\n            @if((selectedItems.length > 0 || action.showAcoesLote) &&\r\n            exibirCampo()(action, this.action)) {\r\n            <kv-button\r\n              (onClick)=\"action?.command(); activeItemLote(selectedItems)\"\r\n              [pTooltip]=\"getOrExecute(action.tooltip, selectedItems)\"\r\n              [tooltipPosition]=\"'bottom'\"\r\n              [size]=\"'small'\"\r\n              [disabled]=\"getOrExecute(action.disabled, selectedItems) || false\"\r\n              [icon]=\"getOrExecute(action.icon, selectedItems)\"\r\n              [severity]=\"action.severity || 'tertiary'\"\r\n            />\r\n            } }\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n    } @if(showHeader){\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n      <tr>\r\n        @for(col of columns; track $index){\r\n        <th\r\n          [ttSortableColumn]=\"col.field\"\r\n          [ttSortableColumnDisabled]=\"col.sortable === false\"\r\n          [style.width]=\"col.width\"\r\n        >\r\n          <div>\r\n            <div [ngClass]=\"{ flex: $index == 0, 'gap-3': $index == 0 }\">\r\n              @if($index == 0 && config.enableSelect) {\r\n              <p-treeTableHeaderCheckbox\r\n                (click)=\"activeItemLote(selectedItems)\"\r\n              />\r\n              }\r\n\r\n              <div class=\"flex flex-row align-items-center  {{ align(col) }}\">\r\n                <span class=\"text-xs\">{{ col.header }}</span>\r\n\r\n                @if(col.sortable) {\r\n                <p-treeTableSortIcon [field]=\"col.field\" class=\"pb-1\" />\r\n                } @if(col.headerTooltip) {\r\n                <span\r\n                  class=\"material-symbols-outlined flex align-items-center\"\r\n                  [pTooltip]=\"col.headerTooltip\"\r\n                >\r\n                  info\r\n                </span>\r\n                }\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </th>\r\n        @if (config.actions?.length ?? 0 > 0 || config.actionsPai) {\r\n        <th [style.width]=\"5\"></th>\r\n        } }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n      <tr>\r\n        @for (col of columns; track $index) {\r\n        <th\r\n          [ttSortableColumn]=\"col.field\"\r\n          [ttSortableColumnDisabled]=\"col.sortable === false\"\r\n          [style.width]=\"col.width\"\r\n        >\r\n          <div class=\"flex flex-row align-items-center {{ align(col) }}\">\r\n            <span class=\"text-xs\">{{ col.header }}</span>\r\n\r\n            @if(col.sortable) {\r\n            <p-treeTableSortIcon [field]=\"col.field\" class=\"pb-1\" />\r\n            }\r\n          </div>\r\n        </th>\r\n        } @if (config.actions?.length ?? 0 > 0 || config.actionsPai) {\r\n        <th [style.width]=\"5\"></th>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n    }\r\n\r\n    <ng-template\r\n      pTemplate=\"body\"\r\n      let-rowNode\r\n      let-rowData=\"rowData\"\r\n      let-columns=\"columns\"\r\n    >\r\n      @if(isLoadingSkeleton()) { @for(skeletonRow of\r\n      dataSource(); track $index) {\r\n      <tr>\r\n        @for(col of columns; track $index){\r\n        <td>\r\n          <div\r\n            class=\"flex flex-row align-items-center justify-content-center w-full\"\r\n          >\r\n            @if($index == 0) {\r\n            <p-treeTableToggler [rowNode]=\"rowNode\" />\r\n            }\r\n            <div class=\"flex flex-column w-full\">\r\n              <p-skeleton height=\"1rem\" />\r\n            </div>\r\n          </div>\r\n        </td>\r\n        }\r\n        <td>\r\n          <div class=\"flex justify-content-center\">\r\n            <p-skeleton [style]=\"{ height: '1.5rem', width: '1.5rem' }\" />\r\n          </div>\r\n        </td>\r\n      </tr>\r\n      } } @else { @if(treeTableDraggable) {\r\n      <tr\r\n        cdkDrag\r\n        cdkDragLockAxis=\"y\"\r\n        [cdkDragData]=\"rowNode\"\r\n        [ttRow]=\"rowNode\"\r\n        (dblclick)=\"doubleClick($event, rowData)\"\r\n        [ngClass]=\"{ capitalize: tableCaptalized }\"\r\n      >\r\n        @for(col of columns; track $index){\r\n        <td\r\n          class=\"draggable-cell\"\r\n          [style.position]=\"\r\n            !disableRowNodeSticky && rowNode.level !== 0 ? 'sticky' : null\r\n          \"\r\n        >\r\n          <!-- [style.left.px]=\"\r\n                   childrenRecoil && rowNode.level !== 0 ? rowNode.level * 30 : null\r\n                   \" -->\r\n\r\n          <div class=\"flex flex-row  {{ align(col) }}\">\r\n            @if($index == 0) {\r\n            <div class=\"w-full-h-full flex align-items-center\">\r\n              <span\r\n                class=\"material-symbols-outlined drag-icon\"\r\n                style=\"\r\n                  cursor: grab;\r\n                  font-size: 25px;\r\n                  color: #6b7280;\r\n                  opacity: 0.9;\r\n                \"\r\n                cdkDragHandle\r\n              >\r\n                drag_indicator\r\n              </span>\r\n              <p-treeTableToggler class=\"hiddenVisible\" [rowNode]=\"rowNode\" />\r\n\r\n              @if(config.enableSelect) {\r\n              <p-treeTableCheckbox\r\n                [disabled]=\"isDisabledCheckbox()(rowData, rowNode)\"\r\n                (click)=\"activeItemLote(selectedItems)\"\r\n                [value]=\"rowNode\"\r\n                [ngStyle]=\"{\r\n                  display: isSelectEnabled()(rowData, rowNode)\r\n                    ? 'block'\r\n                    : 'none',\r\n                  'margin-left': config.visibleCheckboxFunction\r\n                    ? '-34px'\r\n                    : '0px'\r\n                }\"\r\n              />\r\n              }\r\n            </div>\r\n            }\r\n\r\n            <div class=\"flex flex-row align-items-center w-full\">\r\n              @if (col.template && validateShowTemplate()(rowNode, col)) {\r\n              <span class=\"w-full\">\r\n                @if(getCustomTemplate(col.template.name)) {\r\n                <ng-container\r\n                  [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n                  [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\r\n                >\r\n                </ng-container>\r\n                }\r\n              </span>\r\n              } @else {\r\n              <div\r\n                class=\"flex flex-row align-items-center {{\r\n                  (col.boolean || col.centralize) && 'justify-content-center'\r\n                }} gap-2 w-full\"\r\n              >\r\n                @if(col.tagColor) {\r\n                <div\r\n                  class=\"tag\"\r\n                  [pTooltip]=\"\r\n                    col.tooltipTag &&\r\n                    col.tooltipTag(rowData, col, rowData[col.field])\r\n                  \"\r\n                  [style.background-color]=\"\r\n                    col.tagColor(rowData, col, rowData[col.field])\r\n                  \"\r\n                ></div>\r\n\r\n                } @if(col.boolean) {\r\n                <i\r\n                  class=\"pi {{\r\n                    rowData[col.field] ? 'pi-check text-green-300' : ''\r\n                  }}\"\r\n                  style=\"font-size: 1rem; font-weight: 700\"\r\n                ></i>\r\n\r\n                } @else {\r\n                <div class=\"flex flex-column\">\r\n                  <span class=\"m-0 text-xs\">{{ rowData[col.field] }}</span>\r\n\r\n                  @if(col.subtitle) {\r\n\r\n                  <p class=\"m-0 text-xs font-semibold\">\r\n                    {{ rowData[col.subtitle] }}\r\n                  </p>\r\n                  }\r\n                </div>\r\n                }\r\n              </div>\r\n              }\r\n            </div>\r\n          </div>\r\n        </td>\r\n        } @if((config.actions?.length ?? 0 > 0) || config.actionsPai) {\r\n        <td\r\n          style=\"border-left: none; text-align: center; width: 0\"\r\n          [style.borderRight]=\"rowNode.level === 0 ? 'none' : ''\"\r\n          [style.borderLeft]=\"rowNode.level === 0 ? 'none' : ''\"\r\n        >\r\n          @if((config.actions?.length ?? 0 > 0) &&\r\n          validateActionPosition()(rowNode)) {\r\n          <div class=\"flex align-items-center justify-content-center\">\r\n            <span\r\n              class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\r\n              style=\"font-size: 20px; padding: 0.1rem\"\r\n              (click)=\"menu.toggle($event); activeItem(rowData)\"\r\n            >\r\n              more_horiz\r\n            </span>\r\n\r\n            @for(action of config.actions; track $index) {\r\n            {{ criarMenusModal()(rowData) }}\r\n            }\r\n\r\n            <p-menu\r\n              #menu\r\n              [popup]=\"true\"\r\n              [model]=\"menuItems\"\r\n              appendTo=\"body\"\r\n            ></p-menu>\r\n          </div>\r\n          } @if(config.actionsPai?.length ?? 0 > 0 && rowNode.level == 0){\r\n          <div class=\"flex justify-content-end align-items-center\">\r\n            @for (actionPai of config.actionsPai; track $index) {\r\n            @if(getOrExecute(actionPai.visible, rowData) ?? true) {\r\n            <kv-button\r\n              (onClick)=\"activeItem(rowData); actionPai.command($event)\"\r\n              [type]=\"'text'\"\r\n              [icon]=\"actionPai.icon\"\r\n              [severity]=\"actionPai.severity || 'tertiary'\"\r\n              [disabled]=\"getOrExecute(actionPai.disabled, rowData) || false\"\r\n              [pTooltip]=\"getOrExecute(actionPai.tooltip, rowData)\"\r\n              [tooltipPosition]=\"'left'\"\r\n            />\r\n\r\n            } }\r\n          </div>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      } @else {\r\n      <tr\r\n        [ttRow]=\"rowNode\"\r\n        (dblclick)=\"doubleClick($event, rowData)\"\r\n        [ngClass]=\"{ capitalize: tableCaptalized }\"\r\n      >\r\n        @for(col of columns; track $index){\r\n        <td\r\n          [style.position]=\"rowNode.level !== 0 ? 'sticky' : null\"\r\n          [style.left.px]=\"\r\n            childrenRecoil && rowNode.level !== 0 ? rowNode.level * 30 : null\r\n          \"\r\n          [style.borderRight]=\"rowNode.level === 0 ? 'none' : ''\"\r\n          [style.borderLeft]=\"\r\n            rowNode.level === 0 && col.field != config.columns[0].field\r\n              ? 'none'\r\n              : ''\r\n          \"\r\n        >\r\n          <div class=\"flex flex-row {{ align(col) }}\">\r\n            @if($index == 0) {\r\n            <div class=\"w-full-h-full flex align-items-center\">\r\n              <p-treeTableToggler class=\"hiddenVisible\" [rowNode]=\"rowNode\" />\r\n\r\n              @if(config.enableSelect) {\r\n              <p-treeTableCheckbox\r\n                [disabled]=\"isDisabledCheckbox()(rowData, rowNode)\"\r\n                (click)=\"activeItemLote(selectedItems)\"\r\n                [value]=\"rowNode\"\r\n                [ngStyle]=\"{\r\n                  display: isSelectEnabled()(rowData, rowNode)\r\n                    ? 'block'\r\n                    : 'none',\r\n                  'margin-left': config.visibleCheckboxFunction\r\n                    ? '-34px'\r\n                    : '0px'\r\n                }\"\r\n              />\r\n              }\r\n            </div>\r\n            }\r\n\r\n            <div class=\"flex flex-row align-items-center w-full\">\r\n              @if (col.template && validateShowTemplate()(rowNode, col)) {\r\n              <span class=\"w-full\">\r\n                @if(getCustomTemplate(col.template.name)) {\r\n\r\n                <ng-container\r\n                  [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n                  [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\r\n                >\r\n                </ng-container>\r\n                }\r\n              </span>\r\n              } @else {\r\n              <div\r\n                class=\"flex flex-row align-items-center {{\r\n                  (col.boolean || col.centralize) && 'justify-content-center'\r\n                }} gap-2 w-full\"\r\n              >\r\n                @if(col.tagColor) {\r\n\r\n                <div\r\n                  class=\"tag\"\r\n                  [pTooltip]=\"\r\n                    col.tooltipTag &&\r\n                    col.tooltipTag(rowData, col, rowData[col.field])\r\n                  \"\r\n                  [style.background-color]=\"\r\n                    col.tagColor(rowData, col, rowData[col.field])\r\n                  \"\r\n                ></div>\r\n\r\n                } @if(col.boolean) {\r\n\r\n                <i\r\n                  class=\"pi {{\r\n                    rowData[col.field] ? 'pi-check text-green-300' : ''\r\n                  }}\"\r\n                  style=\"font-size: 1rem; font-weight: 700\"\r\n                ></i>\r\n                } @else {\r\n                <div class=\"flex flex-column\">\r\n                  <span class=\"m-0 text-xs\">{{ rowData[col.field] }}</span>\r\n\r\n                  @if(col.subtitle) {\r\n\r\n                  <p class=\"m-0 text-xs font-semibold\">\r\n                    {{ rowData[col.subtitle] }}\r\n                  </p>\r\n                  }\r\n                </div>\r\n                }\r\n              </div>\r\n              }\r\n            </div>\r\n          </div>\r\n        </td>\r\n        } @if((config.actions?.length ?? 0 > 0) || config.actionsPai) {\r\n        <td style=\"border-left: none; text-align: center; width: 0\">\r\n          @if((config.actions?.length ?? 0 > 0) &&\r\n          validateActionPosition()(rowNode)) {\r\n          <div>\r\n            <span\r\n              class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\r\n              style=\"font-size: 20px; padding: 0.1rem\"\r\n              (click)=\"menu.toggle($event); activeItem(rowData)\"\r\n            >\r\n              more_horiz\r\n            </span>\r\n\r\n            @for(action of config.actions; track $index) {\r\n            {{ criarMenusModal()(rowData) }}\r\n            }\r\n\r\n            <p-menu\r\n              #menu\r\n              [popup]=\"true\"\r\n              [model]=\"menuItems\"\r\n              appendTo=\"body\"\r\n            ></p-menu>\r\n          </div>\r\n          } @if(config.actionsPai?.length ?? 0 > 0 && rowNode.level == 0){\r\n          <div class=\"flex justify-content-end\">\r\n            @for (actionPai of config.actionsPai; track $index) { @if\r\n            (getOrExecute(actionPai.visible, rowData) ?? true) {\r\n            <kv-button\r\n              (onClick)=\"activeItem(rowData); actionPai.command($event)\"\r\n              [type]=\"'text'\"\r\n              [icon]=\"actionPai.icon\"\r\n              [severity]=\"actionPai.severity || 'tertiary'\"\r\n              [disabled]=\"getOrExecute(actionPai.disabled, rowData) || false\"\r\n              [pTooltip]=\"getOrExecute(actionPai.tooltip, rowData)\"\r\n              [tooltipPosition]=\"'left'\"\r\n            />\r\n            } }\r\n          </div>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      } }\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"emptymessage\">\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"config.columns.length + 1\"\r\n          style=\"text-align: center\"\r\n          class=\"text-sm\"\r\n        >\r\n          {{ textoEmptyMessage }}\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-treeTable>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";::ng-deep .p-treetable .p-treetable-tbody>tr>td{padding:.2rem}::ng-deep .p-treetable .p-treetable-header{padding:0rem}span{font-size:14px}:host ::ng-deep .p-treetable table{table-layout:auto!important}::ng-deep .p-checkbox .p-checkbox-box{width:1.125rem;height:1.125rem}::ng-deep .p-checkbox{display:flex;align-items:center}::ng-deep .p-treetable .p-paginator{scale:.75}.icon-more-horiz{font-weight:700}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transition:color .3s,transform .3s;background-color:#eaeaea;border-radius:50%}::ng-deep .p-treetable .p-treetable-thead>tr>th{background-color:#eaeaea;padding:.3rem}:host ::ng-deep .treetabledraggable .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler{width:1rem;height:1rem}.tag{width:5px;height:20px;border-radius:.25rem}:host ::ng-deep .draggable-cell .drag-icon{visibility:hidden}:host ::ng-deep .draggable-cell:hover .drag-icon{visibility:visible}.cdk-drag-preview{display:flex;align-items:center;justify-content:space-between;border-radius:10px!important}.cdk-drop-list-dragging{cursor:grabbing}:host ::ng-deep .cdk-drop-list-dragging .cdk-drag{transition:transform .25s cubic-bezier(0,0,.2,1)}:host ::ng-deep .cdk-drag-animating{transition:transform .3s cubic-bezier(0,0,.2,1)}::ng-deep svg.p-icon{width:.65rem;height:.65rem}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}:host{height:100%}::ng-deep .kv-treetable-container,::ng-deep p-treeTable{height:100%}::ng-deep p-treeTable .p-treetable{display:flex;flex-direction:column;height:100%}::ng-deep table{height:auto!important}::ng-deep p-treeTable .p-treetable .p-treetable-wrapper,::ng-deep p-treeTable{height:100%}::ng-deep .p-treetable .p-treetable-wrapper::-webkit-scrollbar{width:6px}::ng-deep .p-treetable .p-treetable-wrapper::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-treetable .p-treetable-wrapper::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-treetable .p-treetable-wrapper:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-treetable .p-treetable-wrapper::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i3.AutoFocus, selector: "[pAutoFocus]", inputs: ["autofocus"] }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i5.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "component", type: i6.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "directive", type: i7.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i8.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: i9.TreeTable, selector: "p-treeTable", inputs: ["columns", "style", "styleClass", "tableStyle", "tableStyleClass", "autoLayout", "lazy", "lazyLoadOnInit", "paginator", "rows", "first", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "customSort", "selectionMode", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "compareSelectionBy", "rowHover", "loading", "loadingIcon", "showLoader", "scrollable", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "frozenColumns", "resizableColumns", "columnResizeMode", "reorderableColumns", "contextMenu", "rowTrackBy", "filters", "globalFilterFields", "filterDelay", "filterMode", "filterLocale", "paginatorLocale", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "value", "virtualRowHeight", "selectionKeys"], outputs: ["selectionChange", "contextMenuSelectionChange", "onFilter", "onNodeExpand", "onNodeCollapse", "onPage", "onSort", "onLazyLoad", "sortFunction", "onColResize", "onColReorder", "onNodeSelect", "onNodeUnselect", "onContextMenuSelect", "onHeaderCheckboxToggle", "onEditInit", "onEditComplete", "onEditCancel", "selectionKeysChange"] }, { kind: "component", type: i9.TreeTableToggler, selector: "p-treeTableToggler", inputs: ["rowNode"] }, { kind: "directive", type: i9.TTSortableColumn, selector: "[ttSortableColumn]", inputs: ["ttSortableColumn", "ttSortableColumnDisabled"] }, { kind: "component", type: i9.TTSortIcon, selector: "p-treeTableSortIcon", inputs: ["field", "ariaLabelDesc", "ariaLabelAsc"] }, { kind: "directive", type: i9.TTRow, selector: "[ttRow]", inputs: ["ttRow"] }, { kind: "component", type: i9.TTCheckbox, selector: "p-treeTableCheckbox", inputs: ["disabled", "value"] }, { kind: "component", type: i9.TTHeaderCheckbox, selector: "p-treeTableHeaderCheckbox" }, { kind: "component", type: i10.KvButtonComponent, selector: "kv-button", inputs: ["fullWidth", "type", "loading", "severity", "size", "icon", "iconPosition", "label", "disabled"], outputs: ["onClick"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvTreetableComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/kv-workspace/empresa/kv-workspace-empresa.component.mjs

@@ -1,6 +1,6 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "../../kv-table/kv-table.component";
+import * as i1 from "../../kv-icon/kv-icon.component";
 export class WorkspaceEmpresaComponent {
     constructor() {
         this.empresas = [];
@@ -8,56 +8,16 @@ export class WorkspaceEmpresaComponent {
         this.onEmpresaSelecionada = new EventEmitter();
         this.onPaginate = new EventEmitter();
     }
-    ngOnInit() {
-        this.configTable();
-    }
-    activeItem(e) {
-        this.empresaSelecionada = e;
-    }
-    configTable() {
-        this.tableConfig = {
-            lazy: true,
-            columns: [
-                { position: 0, field: 'codigopessoa', header: 'Código', width: '', centralize: false, sortable: false },
-                { position: 1, field: 'cpfcnpj', header: 'CPF/CNPJ', width: '', centralize: false, sortable: false, pipe: 'cpfcnpj' },
-                { position: 2, field: 'razaosocial', header: 'Razão social', width: '50%', centralize: false, sortable: false },
-            ],
-            actions: [
-                {
-                    label: 'Acessar',
-                    icon: 'login',
-                    tooltip: 'Acessar Empresa',
-                    command: () => {
-                        this.selecionarEmpresa(this.empresaSelecionada);
-                    },
-                    disabled: () => {
-                        return false;
-                    },
-                },
-            ],
-            actionsLote: [],
-            enableCation: true,
-            enableFilter: true,
-            enableSelect: false,
-        };
-    }
-    doubleClick(e) {
-        this.empresaSelecionada = e.rowData;
-        this.selecionarEmpresa(this.empresaSelecionada);
-    }
-    paginate(event) {
-        this.onPaginate.emit(event);
-    }
     selecionarEmpresa(empresa) {
         this.empresaSelecionada = empresa;
         this.onEmpresaSelecionada.emit(this.empresaSelecionada);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceEmpresaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: WorkspaceEmpresaComponent, selector: "kv-workspace-empresa", inputs: { empresas: "empresas", empresaSelecionada: "empresaSelecionada", totalEmpresas: "totalEmpresas" }, outputs: { onEmpresaSelecionada: "onEmpresaSelecionada", onPaginate: "onPaginate" }, ngImport: i0, template: "<kv-table\r\n  [config]=\"tableConfig\"\r\n  [dataSource]=\"empresas\"\r\n  [isTableScrollable]=\"true\"\r\n  [paginator]=\"true\"\r\n  [rows]=\"5\"\r\n  [rowsPerPageOptions]=\"[5]\"\r\n  [scrollHeight]=\"'300px'\"\r\n  [tableSize]=\"5\"\r\n  [totalRecords]=\"totalEmpresas\"\r\n  (doubleClickEvent)=\"doubleClick($event)\"\r\n  (onActiveItem)=\"activeItem($event)\"\r\n  (onPaginate)=\"paginate($event)\">\r\n</kv-table>", styles: [""], dependencies: [{ kind: "component", type: i1.KvTableComponent, selector: "kv-table", inputs: ["searchPlaceholder", "templates", "config", "first", "rows", "defaultSortField", "dataSource", "selectedItems", "totalRecords", "paginator", "rowsPerPageOptions", "tableSize", "filterColumnsBtn", "replaceEmptyValues", "filtrosAvancados", "scrollHeight", "isTableScrollable", "tableCaptalized", "rowTrackBy", "responsiveLayout", "disabledHeaderCheckbox", "applyStyle", "pageLinksOptions", "showFirstLastIcon", "ellipsisText", "isLoadingSkeleton"], outputs: ["firstChange", "rowsChange", "onActiveItem", "onActiveItemLote", "onPaginate", "onSelectionChange", "doubleClickEvent", "filterField", "onSwitchTableChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: WorkspaceEmpresaComponent, selector: "kv-workspace-empresa", inputs: { empresas: "empresas", empresaSelecionada: "empresaSelecionada", totalEmpresas: "totalEmpresas" }, outputs: { onEmpresaSelecionada: "onEmpresaSelecionada", onPaginate: "onPaginate" }, ngImport: i0, template: "<div class=\"flex flex-column px-2 overflow-y-auto max-h-24rem cards-container gap-1\">\r\n\r\n  @for(empresa of empresas; track $index) {\r\n  <div\r\n    class=\"grid formgrid flex-row flex-nowrap p-fluid gap-2 p-0 m-0 align-items-center option-box px-1\"\r\n    (onClick)=\"selecionarEmpresa(empresa)\"\r\n  >\r\n    <span class=\"p-0 col-3 my-2 text-xs text-truncate text-no-wrap\">{{\r\n      empresa.cpfcnpj\r\n    }}</span>\r\n    <span class=\"p-0 col-8 text-xs text-truncate text-no-wrap\">{{\r\n      empresa.razaosocial\r\n    }}</span>\r\n\r\n    <div class=\"p-0 col flex justify-content-end\">\r\n      <div class=\" icon-box\">\r\n        <kv-icon\r\n          [size]=\"'small'\"\r\n          [name]=\"'arrow_forward_ios'\"\r\n        ></kv-icon>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [".text-no-wrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-box{border-bottom:solid 1px #eeeeee;transition:all .2s}.option-box:hover{cursor:pointer;background-color:rgba(var(--kv-color-system),.05)}.option-box:active{background-color:rgba(var(--kv-color-system),.125)}.icon-box{border:1px solid rgba(var(--kv-color-system),.1);border-radius:.5rem;padding:.25rem}.icon-box:hover{cursor:pointer;opacity:.8}\n", ":host{overflow:hidden}.cards-container{overflow-x:hidden;transition:all .2s}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.15)}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"], dependencies: [{ kind: "component", type: i1.KvIconComponent, selector: "kv-icon", inputs: ["name", "size", "numNotifications", "img", "clickable"], outputs: ["onClick"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceEmpresaComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-workspace-empresa', template: "<kv-table\r\n  [config]=\"tableConfig\"\r\n  [dataSource]=\"empresas\"\r\n  [isTableScrollable]=\"true\"\r\n  [paginator]=\"true\"\r\n  [rows]=\"5\"\r\n  [rowsPerPageOptions]=\"[5]\"\r\n  [scrollHeight]=\"'300px'\"\r\n  [tableSize]=\"5\"\r\n  [totalRecords]=\"totalEmpresas\"\r\n  (doubleClickEvent)=\"doubleClick($event)\"\r\n  (onActiveItem)=\"activeItem($event)\"\r\n  (onPaginate)=\"paginate($event)\">\r\n</kv-table>" }]
+            args: [{ selector: 'kv-workspace-empresa', template: "<div class=\"flex flex-column px-2 overflow-y-auto max-h-24rem cards-container gap-1\">\r\n\r\n  @for(empresa of empresas; track $index) {\r\n  <div\r\n    class=\"grid formgrid flex-row flex-nowrap p-fluid gap-2 p-0 m-0 align-items-center option-box px-1\"\r\n    (onClick)=\"selecionarEmpresa(empresa)\"\r\n  >\r\n    <span class=\"p-0 col-3 my-2 text-xs text-truncate text-no-wrap\">{{\r\n      empresa.cpfcnpj\r\n    }}</span>\r\n    <span class=\"p-0 col-8 text-xs text-truncate text-no-wrap\">{{\r\n      empresa.razaosocial\r\n    }}</span>\r\n\r\n    <div class=\"p-0 col flex justify-content-end\">\r\n      <div class=\" icon-box\">\r\n        <kv-icon\r\n          [size]=\"'small'\"\r\n          [name]=\"'arrow_forward_ios'\"\r\n        ></kv-icon>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [".text-no-wrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-box{border-bottom:solid 1px #eeeeee;transition:all .2s}.option-box:hover{cursor:pointer;background-color:rgba(var(--kv-color-system),.05)}.option-box:active{background-color:rgba(var(--kv-color-system),.125)}.icon-box{border:1px solid rgba(var(--kv-color-system),.1);border-radius:.5rem;padding:.25rem}.icon-box:hover{cursor:pointer;opacity:.8}\n", ":host{overflow:hidden}.cards-container{overflow-x:hidden;transition:all .2s}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.15)}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { empresas: [{
                 type: Input
             }], empresaSelecionada: [{
@@ -69,4 +29,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
             }], onPaginate: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3Ytd29ya3NwYWNlLWVtcHJlc2EuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3Ytd29ya3NwYWNlL2VtcHJlc2Eva3Ytd29ya3NwYWNlLWVtcHJlc2EuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3Ytd29ya3NwYWNlL2VtcHJlc2Eva3Ytd29ya3NwYWNlLWVtcHJlc2EuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sRUFDUCxNQUFNLGVBQWUsQ0FBQzs7O0FBU3ZCLE1BQU0sT0FBTyx5QkFBeUI7SUFVcEM7UUFQUyxhQUFRLEdBQVUsRUFBRSxDQUFDO1FBRXJCLGtCQUFhLEdBQVcsQ0FBQyxDQUFDO1FBRXpCLHlCQUFvQixHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDL0MsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFFL0IsQ0FBQztJQUVqQixRQUFRO1FBQ04sSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxVQUFVLENBQUMsQ0FBTTtRQUNmLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsV0FBVyxHQUFHO1lBQ2pCLElBQUksRUFBRSxJQUFJO1lBQ1YsT0FBTyxFQUFFO2dCQUNQLEVBQUUsUUFBUSxFQUFFLENBQUMsRUFBRSxLQUFLLEVBQUUsY0FBYyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUU7Z0JBQ3ZHLEVBQUUsUUFBUSxFQUFFLENBQUMsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRTtnQkFDckgsRUFBRSxRQUFRLEVBQUUsQ0FBQyxFQUFFLEtBQUssRUFBRSxhQUFhLEVBQUUsTUFBTSxFQUFFLGNBQWMsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRTthQUNoSDtZQUNELE9BQU8sRUFBRTtnQkFDUDtvQkFDRSxLQUFLLEVBQUUsU0FBUztvQkFDaEIsSUFBSSxFQUFFLE9BQU87b0JBQ2IsT0FBTyxFQUFFLGlCQUFpQjtvQkFDMUIsT0FBTyxFQUFFLEdBQUcsRUFBRTt3QkFDWixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUM7b0JBQ2xELENBQUM7b0JBQ0QsUUFBUSxFQUFFLEdBQUcsRUFBRTt3QkFDYixPQUFPLEtBQUssQ0FBQztvQkFDZixDQUFDO2lCQUNGO2FBQ0Y7WUFDRCxXQUFXLEVBQUUsRUFBRTtZQUNmLFlBQVksRUFBRSxJQUFJO1lBQ2xCLFlBQVksRUFBRSxJQUFJO1lBQ2xCLFlBQVksRUFBRSxLQUFLO1NBQ3BCLENBQUM7SUFDSixDQUFDO0lBRUQsV0FBVyxDQUFDLENBQU07UUFDaEIsSUFBSSxDQUFDLGtCQUFrQixHQUFHLENBQUMsQ0FBQyxPQUFPLENBQUM7UUFDcEMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO0lBQ2xELENBQUM7SUFFRCxRQUFRLENBQUMsS0FBVTtRQUNqQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM5QixDQUFDO0lBRUQsaUJBQWlCLENBQUMsT0FBWTtRQUM1QixJQUFJLENBQUMsa0JBQWtCLEdBQUcsT0FBTyxDQUFDO1FBQ2xDLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUM7SUFDMUQsQ0FBQzs4R0E1RFUseUJBQXlCO2tHQUF6Qix5QkFBeUIsNlBDZnRDLHVhQWFXOzsyRkRFRSx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0Usc0JBQXNCO3dEQU92QixRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUVJLG9CQUFvQjtzQkFBN0IsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIElucHV0LFxyXG4gIE9uSW5pdCxcclxuICBPdXRwdXRcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7IFRhYmxlQ29uZmlnIH0gZnJvbSAnLi4vLi4vLi4vYXBpL2NvbXBvbmVudHMvdGFibGUvdGFibGUuY29uZmlnJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAna3Ytd29ya3NwYWNlLWVtcHJlc2EnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9rdi13b3Jrc3BhY2UtZW1wcmVzYS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4va3Ytd29ya3NwYWNlLWVtcHJlc2EuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgV29ya3NwYWNlRW1wcmVzYUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgdGFibGVDb25maWchOiBUYWJsZUNvbmZpZztcclxuXHJcbiAgQElucHV0KCkgZW1wcmVzYXM6IGFueVtdID0gW107XHJcbiAgQElucHV0KCkgZW1wcmVzYVNlbGVjaW9uYWRhITogYW55O1xyXG4gIEBJbnB1dCgpIHRvdGFsRW1wcmVzYXM6IG51bWJlciA9IDA7XHJcblxyXG4gIEBPdXRwdXQoKSBvbkVtcHJlc2FTZWxlY2lvbmFkYSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIEBPdXRwdXQoKSBvblBhZ2luYXRlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5jb25maWdUYWJsZSgpO1xyXG4gIH1cclxuXHJcbiAgYWN0aXZlSXRlbShlOiBhbnkpIHtcclxuICAgIHRoaXMuZW1wcmVzYVNlbGVjaW9uYWRhID0gZTtcclxuICB9XHJcblxyXG4gIGNvbmZpZ1RhYmxlKCkge1xyXG4gICAgdGhpcy50YWJsZUNvbmZpZyA9IHtcclxuICAgICAgbGF6eTogdHJ1ZSxcclxuICAgICAgY29sdW1uczogW1xyXG4gICAgICAgIHsgcG9zaXRpb246IDAsIGZpZWxkOiAnY29kaWdvcGVzc29hJywgaGVhZGVyOiAnQ8OzZGlnbycsIHdpZHRoOiAnJywgY2VudHJhbGl6ZTogZmFsc2UsIHNvcnRhYmxlOiBmYWxzZSB9LFxyXG4gICAgICAgIHsgcG9zaXRpb246IDEsIGZpZWxkOiAnY3BmY25waicsIGhlYWRlcjogJ0NQRi9DTlBKJywgd2lkdGg6ICcnLCBjZW50cmFsaXplOiBmYWxzZSwgc29ydGFibGU6IGZhbHNlLCBwaXBlOiAnY3BmY25waicgfSxcclxuICAgICAgICB7IHBvc2l0aW9uOiAyLCBmaWVsZDogJ3JhemFvc29jaWFsJywgaGVhZGVyOiAnUmF6w6NvIHNvY2lhbCcsIHdpZHRoOiAnNTAlJywgY2VudHJhbGl6ZTogZmFsc2UsIHNvcnRhYmxlOiBmYWxzZSB9LFxyXG4gICAgICBdLFxyXG4gICAgICBhY3Rpb25zOiBbXHJcbiAgICAgICAge1xyXG4gICAgICAgICAgbGFiZWw6ICdBY2Vzc2FyJyxcclxuICAgICAgICAgIGljb246ICdsb2dpbicsXHJcbiAgICAgICAgICB0b29sdGlwOiAnQWNlc3NhciBFbXByZXNhJyxcclxuICAgICAgICAgIGNvbW1hbmQ6ICgpID0+IHtcclxuICAgICAgICAgICAgdGhpcy5zZWxlY2lvbmFyRW1wcmVzYSh0aGlzLmVtcHJlc2FTZWxlY2lvbmFkYSk7XHJcbiAgICAgICAgICB9LFxyXG4gICAgICAgICAgZGlzYWJsZWQ6ICgpID0+IHtcclxuICAgICAgICAgICAgcmV0dXJuIGZhbHNlO1xyXG4gICAgICAgICAgfSxcclxuICAgICAgICB9LFxyXG4gICAgICBdLFxyXG4gICAgICBhY3Rpb25zTG90ZTogW10sXHJcbiAgICAgIGVuYWJsZUNhdGlvbjogdHJ1ZSxcclxuICAgICAgZW5hYmxlRmlsdGVyOiB0cnVlLFxyXG4gICAgICBlbmFibGVTZWxlY3Q6IGZhbHNlLFxyXG4gICAgfTtcclxuICB9XHJcblxyXG4gIGRvdWJsZUNsaWNrKGU6IGFueSkge1xyXG4gICAgdGhpcy5lbXByZXNhU2VsZWNpb25hZGEgPSBlLnJvd0RhdGE7XHJcbiAgICB0aGlzLnNlbGVjaW9uYXJFbXByZXNhKHRoaXMuZW1wcmVzYVNlbGVjaW9uYWRhKTtcclxuICB9XHJcblxyXG4gIHBhZ2luYXRlKGV2ZW50OiBhbnkpIHtcclxuICAgIHRoaXMub25QYWdpbmF0ZS5lbWl0KGV2ZW50KTtcclxuICB9XHJcblxyXG4gIHNlbGVjaW9uYXJFbXByZXNhKGVtcHJlc2E6IGFueSkge1xyXG4gICAgdGhpcy5lbXByZXNhU2VsZWNpb25hZGEgPSBlbXByZXNhO1xyXG4gICAgdGhpcy5vbkVtcHJlc2FTZWxlY2lvbmFkYS5lbWl0KHRoaXMuZW1wcmVzYVNlbGVjaW9uYWRhKTtcclxuICB9XHJcbn1cclxuIiwiPGt2LXRhYmxlXHJcbiAgW2NvbmZpZ109XCJ0YWJsZUNvbmZpZ1wiXHJcbiAgW2RhdGFTb3VyY2VdPVwiZW1wcmVzYXNcIlxyXG4gIFtpc1RhYmxlU2Nyb2xsYWJsZV09XCJ0cnVlXCJcclxuICBbcGFnaW5hdG9yXT1cInRydWVcIlxyXG4gIFtyb3dzXT1cIjVcIlxyXG4gIFtyb3dzUGVyUGFnZU9wdGlvbnNdPVwiWzVdXCJcclxuICBbc2Nyb2xsSGVpZ2h0XT1cIiczMDBweCdcIlxyXG4gIFt0YWJsZVNpemVdPVwiNVwiXHJcbiAgW3RvdGFsUmVjb3Jkc109XCJ0b3RhbEVtcHJlc2FzXCJcclxuICAoZG91YmxlQ2xpY2tFdmVudCk9XCJkb3VibGVDbGljaygkZXZlbnQpXCJcclxuICAob25BY3RpdmVJdGVtKT1cImFjdGl2ZUl0ZW0oJGV2ZW50KVwiXHJcbiAgKG9uUGFnaW5hdGUpPVwicGFnaW5hdGUoJGV2ZW50KVwiPlxyXG48L2t2LXRhYmxlPiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3Ytd29ya3NwYWNlLWVtcHJlc2EuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3Ytd29ya3NwYWNlL2VtcHJlc2Eva3Ytd29ya3NwYWNlLWVtcHJlc2EuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3Ytd29ya3NwYWNlL2VtcHJlc2Eva3Ytd29ya3NwYWNlLWVtcHJlc2EuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sRUFDUCxNQUFNLGVBQWUsQ0FBQzs7O0FBT3ZCLE1BQU0sT0FBTyx5QkFBeUI7SUFTcEM7UUFQUyxhQUFRLEdBQVUsRUFBRSxDQUFDO1FBRXJCLGtCQUFhLEdBQVcsQ0FBQyxDQUFDO1FBRXpCLHlCQUFvQixHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDL0MsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFFL0IsQ0FBQztJQUVqQixpQkFBaUIsQ0FBQyxPQUFZO1FBQzVCLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxPQUFPLENBQUM7UUFDbEMsSUFBSSxDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQUMxRCxDQUFDOzhHQWRVLHlCQUF5QjtrR0FBekIseUJBQXlCLDZQQ2J0QywwekJBeUJBOzsyRkRaYSx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0Usc0JBQXNCO3dEQU12QixRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUVJLG9CQUFvQjtzQkFBN0IsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIElucHV0LFxyXG4gIE9uSW5pdCxcclxuICBPdXRwdXRcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAna3Ytd29ya3NwYWNlLWVtcHJlc2EnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9rdi13b3Jrc3BhY2UtZW1wcmVzYS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4va3Ytd29ya3NwYWNlLWVtcHJlc2EuY29tcG9uZW50LnNjc3MnLCAnLi4vd29ya3NwYWNlL2t2LXdvcmtzcGFjZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBXb3Jrc3BhY2VFbXByZXNhQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgZW1wcmVzYXM6IGFueVtdID0gW107XHJcbiAgQElucHV0KCkgZW1wcmVzYVNlbGVjaW9uYWRhITogYW55O1xyXG4gIEBJbnB1dCgpIHRvdGFsRW1wcmVzYXM6IG51bWJlciA9IDA7XHJcblxyXG4gIEBPdXRwdXQoKSBvbkVtcHJlc2FTZWxlY2lvbmFkYSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIEBPdXRwdXQoKSBvblBhZ2luYXRlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIHNlbGVjaW9uYXJFbXByZXNhKGVtcHJlc2E6IGFueSkge1xyXG4gICAgdGhpcy5lbXByZXNhU2VsZWNpb25hZGEgPSBlbXByZXNhO1xyXG4gICAgdGhpcy5vbkVtcHJlc2FTZWxlY2lvbmFkYS5lbWl0KHRoaXMuZW1wcmVzYVNlbGVjaW9uYWRhKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImZsZXggZmxleC1jb2x1bW4gcHgtMiBvdmVyZmxvdy15LWF1dG8gbWF4LWgtMjRyZW0gY2FyZHMtY29udGFpbmVyIGdhcC0xXCI+XHJcblxyXG4gIEBmb3IoZW1wcmVzYSBvZiBlbXByZXNhczsgdHJhY2sgJGluZGV4KSB7XHJcbiAgPGRpdlxyXG4gICAgY2xhc3M9XCJncmlkIGZvcm1ncmlkIGZsZXgtcm93IGZsZXgtbm93cmFwIHAtZmx1aWQgZ2FwLTIgcC0wIG0tMCBhbGlnbi1pdGVtcy1jZW50ZXIgb3B0aW9uLWJveCBweC0xXCJcclxuICAgIChvbkNsaWNrKT1cInNlbGVjaW9uYXJFbXByZXNhKGVtcHJlc2EpXCJcclxuICA+XHJcbiAgICA8c3BhbiBjbGFzcz1cInAtMCBjb2wtMyBteS0yIHRleHQteHMgdGV4dC10cnVuY2F0ZSB0ZXh0LW5vLXdyYXBcIj57e1xyXG4gICAgICBlbXByZXNhLmNwZmNucGpcclxuICAgIH19PC9zcGFuPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJwLTAgY29sLTggdGV4dC14cyB0ZXh0LXRydW5jYXRlIHRleHQtbm8td3JhcFwiPnt7XHJcbiAgICAgIGVtcHJlc2EucmF6YW9zb2NpYWxcclxuICAgIH19PC9zcGFuPlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJwLTAgY29sIGZsZXgganVzdGlmeS1jb250ZW50LWVuZFwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiIGljb24tYm94XCI+XHJcbiAgICAgICAgPGt2LWljb25cclxuICAgICAgICAgIFtzaXplXT1cIidzbWFsbCdcIlxyXG4gICAgICAgICAgW25hbWVdPVwiJ2Fycm93X2ZvcndhcmRfaW9zJ1wiXHJcbiAgICAgICAgPjwva3YtaWNvbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuICB9XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2022/lib/components/kv-workspace/kv-workspace.module.mjs

@@ -11,6 +11,8 @@ import { PrimeNgModule } from '../../api/modules/primeng.module';
 import { KvButtonsModule } from '../kv-buttons/kv-button.module';
 import { KvTableModule } from '../kv-table/kv-table.module';
 import { KvButtonModule } from "../kv-button/kv-button.module";
+import { KvInputsModule } from '../kv-inputs/kv-inputs.module';
+import { KvIconModule } from "../kv-icon/kv-icon.module";
 import * as i0 from "@angular/core";
 export class KvWorkspaceModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvWorkspaceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -25,7 +27,9 @@ export class KvWorkspaceModule {
             FormsModule,
             KvButtonsModule,
             KvTableModule,
-            KvButtonModule], exports: [WorkspaceComponent] }); }
+            KvButtonModule,
+            KvInputsModule,
+            KvIconModule], exports: [WorkspaceComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvWorkspaceModule, imports: [CommonModule,
             PrimeNgModule,
             ReactiveFormsModule,
@@ -34,7 +38,9 @@ export class KvWorkspaceModule {
             FormsModule,
             KvButtonsModule,
             KvTableModule,
-            KvButtonModule] }); }
+            KvButtonModule,
+            KvInputsModule,
+            KvIconModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvWorkspaceModule, decorators: [{
             type: NgModule,
@@ -57,8 +63,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
                         FormsModule,
                         KvButtonsModule,
                         KvTableModule,
-                        KvButtonModule
+                        KvButtonModule,
+                        KvInputsModule,
+                        KvIconModule
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3Ytd29ya3NwYWNlLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LXdvcmtzcGFjZS9rdi13b3Jrc3BhY2UubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzFELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQ0gsV0FBVyxFQUNYLG1CQUFtQixFQUN0QixNQUFNLGdCQUFnQixDQUFDO0FBRXhCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFaEUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDM0UsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDeEUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDckYsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDbEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNqRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDNUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLCtCQUErQixDQUFDOztBQXdCL0QsTUFBTSxPQUFPLGlCQUFpQjs4R0FBakIsaUJBQWlCOytHQUFqQixpQkFBaUIsaUJBcEJ0QixrQkFBa0I7WUFDbEIseUJBQXlCO1lBQ3pCLHFCQUFxQjtZQUNyQix3QkFBd0IsYUFNNUIsWUFBWTtZQUNaLGFBQWE7WUFDYixtQkFBbUI7WUFDbkIscUJBQXFCO1lBQ3JCLGtCQUFrQjtZQUNsQixXQUFXO1lBQ1gsZUFBZTtZQUNmLGFBQWE7WUFDYixjQUFjLGFBWFYsa0JBQWtCOytHQWNiLGlCQUFpQixZQVgxQixZQUFZO1lBQ1osYUFBYTtZQUNiLG1CQUFtQjtZQUNuQixxQkFBcUI7WUFDckIsa0JBQWtCO1lBQ2xCLFdBQVc7WUFDWCxlQUFlO1lBQ2YsYUFBYTtZQUNiLGNBQWM7OzJGQUdMLGlCQUFpQjtrQkF0QjdCLFFBQVE7bUJBQUM7b0JBQ04sWUFBWSxFQUFFO3dCQUNWLGtCQUFrQjt3QkFDbEIseUJBQXlCO3dCQUN6QixxQkFBcUI7d0JBQ3JCLHdCQUF3QjtxQkFDM0I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLGtCQUFrQjtxQkFDckI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNULFlBQVk7d0JBQ1osYUFBYTt3QkFDYixtQkFBbUI7d0JBQ25CLHFCQUFxQjt3QkFDckIsa0JBQWtCO3dCQUNsQixXQUFXO3dCQUNYLGVBQWU7d0JBQ2YsYUFBYTt3QkFDYixjQUFjO3FCQUNqQjtpQkFDQSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEF1dG9Db21wbGV0ZU1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvYXV0b2NvbXBsZXRlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuXHJcbmltcG9ydCB7XHJcbiAgICBGb3Jtc01vZHVsZSxcclxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGVcclxufSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcblxyXG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBQcm9ncmVzc1NwaW5uZXJNb2R1bGUgfSBmcm9tICdwcmltZW5nL3Byb2dyZXNzc3Bpbm5lcic7XHJcblxyXG5pbXBvcnQgeyBXb2tzcGFjZUxvZ29Db21wb25lbnQgfSBmcm9tICcuL2xvZ28va3Ytd29ya3NwYWNlLWxvZ28uY29tcG9uZW50JztcclxuaW1wb3J0IHsgV29ya3NwYWNlQ29tcG9uZW50IH0gZnJvbSAnLi93b3Jrc3BhY2Uva3Ytd29ya3NwYWNlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFdvcmtzcGFjZUVtcHJlc2FDb21wb25lbnQgfSBmcm9tICcuL2VtcHJlc2Eva3Ytd29ya3NwYWNlLWVtcHJlc2EuY29tcG9uZW50JztcclxuaW1wb3J0IHsgV29ya3NwYWNlTWFzdGVyQ29tcG9uZW50IH0gZnJvbSAnLi9tYXN0ZXIva3Ytd29ya3NwYWNlLW1hc3Rlci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBQcmltZU5nTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXBpL21vZHVsZXMvcHJpbWVuZy5tb2R1bGUnO1xyXG5pbXBvcnQgeyBLdkJ1dHRvbnNNb2R1bGUgfSBmcm9tICcuLi9rdi1idXR0b25zL2t2LWJ1dHRvbi5tb2R1bGUnO1xyXG5pbXBvcnQgeyBLdlRhYmxlTW9kdWxlIH0gZnJvbSAnLi4va3YtdGFibGUva3YtdGFibGUubW9kdWxlJztcclxuaW1wb3J0IHsgS3ZCdXR0b25Nb2R1bGUgfSBmcm9tIFwiLi4va3YtYnV0dG9uL2t2LWJ1dHRvbi5tb2R1bGVcIjtcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgICBkZWNsYXJhdGlvbnM6IFtcclxuICAgICAgICBXb3Jrc3BhY2VDb21wb25lbnQsXHJcbiAgICAgICAgV29ya3NwYWNlRW1wcmVzYUNvbXBvbmVudCxcclxuICAgICAgICBXb2tzcGFjZUxvZ29Db21wb25lbnQsXHJcbiAgICAgICAgV29ya3NwYWNlTWFzdGVyQ29tcG9uZW50XHJcbiAgICBdLFxyXG4gICAgZXhwb3J0czogW1xyXG4gICAgICAgIFdvcmtzcGFjZUNvbXBvbmVudFxyXG4gICAgXSxcclxuICAgIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIFByaW1lTmdNb2R1bGUsXHJcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxyXG4gICAgUHJvZ3Jlc3NTcGlubmVyTW9kdWxlLFxyXG4gICAgQXV0b0NvbXBsZXRlTW9kdWxlLFxyXG4gICAgRm9ybXNNb2R1bGUsXHJcbiAgICBLdkJ1dHRvbnNNb2R1bGUsXHJcbiAgICBLdlRhYmxlTW9kdWxlLFxyXG4gICAgS3ZCdXR0b25Nb2R1bGVcclxuXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgS3ZXb3Jrc3BhY2VNb2R1bGUgeyB9XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3Ytd29ya3NwYWNlLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LXdvcmtzcGFjZS9rdi13b3Jrc3BhY2UubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzFELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQ0gsV0FBVyxFQUNYLG1CQUFtQixFQUN0QixNQUFNLGdCQUFnQixDQUFDO0FBRXhCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFaEUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDM0UsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDeEUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDckYsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDbEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNqRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDNUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQy9ELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUMvRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBMEJ6RCxNQUFNLE9BQU8saUJBQWlCOzhHQUFqQixpQkFBaUI7K0dBQWpCLGlCQUFpQixpQkF0QnRCLGtCQUFrQjtZQUNsQix5QkFBeUI7WUFDekIscUJBQXFCO1lBQ3JCLHdCQUF3QixhQU14QixZQUFZO1lBQ1osYUFBYTtZQUNiLG1CQUFtQjtZQUNuQixxQkFBcUI7WUFDckIsa0JBQWtCO1lBQ2xCLFdBQVc7WUFDWCxlQUFlO1lBQ2YsYUFBYTtZQUNiLGNBQWM7WUFDZCxjQUFjO1lBQ2QsWUFBWSxhQWJaLGtCQUFrQjsrR0FnQmIsaUJBQWlCLFlBYnRCLFlBQVk7WUFDWixhQUFhO1lBQ2IsbUJBQW1CO1lBQ25CLHFCQUFxQjtZQUNyQixrQkFBa0I7WUFDbEIsV0FBVztZQUNYLGVBQWU7WUFDZixhQUFhO1lBQ2IsY0FBYztZQUNkLGNBQWM7WUFDZCxZQUFZOzsyRkFHUCxpQkFBaUI7a0JBeEI3QixRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRTt3QkFDVixrQkFBa0I7d0JBQ2xCLHlCQUF5Qjt3QkFDekIscUJBQXFCO3dCQUNyQix3QkFBd0I7cUJBQzNCO29CQUNELE9BQU8sRUFBRTt3QkFDTCxrQkFBa0I7cUJBQ3JCO29CQUNELE9BQU8sRUFBRTt3QkFDTCxZQUFZO3dCQUNaLGFBQWE7d0JBQ2IsbUJBQW1CO3dCQUNuQixxQkFBcUI7d0JBQ3JCLGtCQUFrQjt3QkFDbEIsV0FBVzt3QkFDWCxlQUFlO3dCQUNmLGFBQWE7d0JBQ2IsY0FBYzt3QkFDZCxjQUFjO3dCQUNkLFlBQVk7cUJBQ2Y7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBdXRvQ29tcGxldGVNb2R1bGUgfSBmcm9tICdwcmltZW5nL2F1dG9jb21wbGV0ZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcblxyXG5pbXBvcnQge1xyXG4gICAgRm9ybXNNb2R1bGUsXHJcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlXHJcbn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5cclxuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUHJvZ3Jlc3NTcGlubmVyTW9kdWxlIH0gZnJvbSAncHJpbWVuZy9wcm9ncmVzc3NwaW5uZXInO1xyXG5cclxuaW1wb3J0IHsgV29rc3BhY2VMb2dvQ29tcG9uZW50IH0gZnJvbSAnLi9sb2dvL2t2LXdvcmtzcGFjZS1sb2dvLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFdvcmtzcGFjZUNvbXBvbmVudCB9IGZyb20gJy4vd29ya3NwYWNlL2t2LXdvcmtzcGFjZS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBXb3Jrc3BhY2VFbXByZXNhQ29tcG9uZW50IH0gZnJvbSAnLi9lbXByZXNhL2t2LXdvcmtzcGFjZS1lbXByZXNhLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFdvcmtzcGFjZU1hc3RlckNvbXBvbmVudCB9IGZyb20gJy4vbWFzdGVyL2t2LXdvcmtzcGFjZS1tYXN0ZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgUHJpbWVOZ01vZHVsZSB9IGZyb20gJy4uLy4uL2FwaS9tb2R1bGVzL3ByaW1lbmcubW9kdWxlJztcclxuaW1wb3J0IHsgS3ZCdXR0b25zTW9kdWxlIH0gZnJvbSAnLi4va3YtYnV0dG9ucy9rdi1idXR0b24ubW9kdWxlJztcclxuaW1wb3J0IHsgS3ZUYWJsZU1vZHVsZSB9IGZyb20gJy4uL2t2LXRhYmxlL2t2LXRhYmxlLm1vZHVsZSc7XHJcbmltcG9ydCB7IEt2QnV0dG9uTW9kdWxlIH0gZnJvbSBcIi4uL2t2LWJ1dHRvbi9rdi1idXR0b24ubW9kdWxlXCI7XHJcbmltcG9ydCB7IEt2SW5wdXRzTW9kdWxlIH0gZnJvbSAnLi4va3YtaW5wdXRzL2t2LWlucHV0cy5tb2R1bGUnO1xyXG5pbXBvcnQgeyBLdkljb25Nb2R1bGUgfSBmcm9tIFwiLi4va3YtaWNvbi9rdi1pY29uLm1vZHVsZVwiO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICAgIGRlY2xhcmF0aW9uczogW1xyXG4gICAgICAgIFdvcmtzcGFjZUNvbXBvbmVudCxcclxuICAgICAgICBXb3Jrc3BhY2VFbXByZXNhQ29tcG9uZW50LFxyXG4gICAgICAgIFdva3NwYWNlTG9nb0NvbXBvbmVudCxcclxuICAgICAgICBXb3Jrc3BhY2VNYXN0ZXJDb21wb25lbnRcclxuICAgIF0sXHJcbiAgICBleHBvcnRzOiBbXHJcbiAgICAgICAgV29ya3NwYWNlQ29tcG9uZW50XHJcbiAgICBdLFxyXG4gICAgaW1wb3J0czogW1xyXG4gICAgICAgIENvbW1vbk1vZHVsZSxcclxuICAgICAgICBQcmltZU5nTW9kdWxlLFxyXG4gICAgICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXHJcbiAgICAgICAgUHJvZ3Jlc3NTcGlubmVyTW9kdWxlLFxyXG4gICAgICAgIEF1dG9Db21wbGV0ZU1vZHVsZSxcclxuICAgICAgICBGb3Jtc01vZHVsZSxcclxuICAgICAgICBLdkJ1dHRvbnNNb2R1bGUsXHJcbiAgICAgICAgS3ZUYWJsZU1vZHVsZSxcclxuICAgICAgICBLdkJ1dHRvbk1vZHVsZSxcclxuICAgICAgICBLdklucHV0c01vZHVsZSxcclxuICAgICAgICBLdkljb25Nb2R1bGVcclxuICAgIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEt2V29ya3NwYWNlTW9kdWxlIHsgfVxyXG4iXX0=

package/esm2022/lib/components/kv-workspace/master/kv-workspace-master.component.mjs

@@ -1,13 +1,28 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, computed, EventEmitter, inject, input, Input, Output, signal } from '@angular/core';
+import { CpfCnpjPipe } from '../../../api/pipes/cpfcnpj.pipe';
 import * as i0 from "@angular/core";
-import * as i1 from "../../kv-table/kv-table.component";
 export class WorkspaceMasterComponent {
     constructor() {
         this.dataSource = [];
         this.onMasterSelecionada = new EventEmitter();
+        this.emptyText = input('Nenhum resultado encontrado');
+        this.widthScreen = signal(window.innerWidth);
+        this.cpfCnpjPipe = inject(CpfCnpjPipe);
+        this.isEmpresa = computed(() => (cpfCnpj) => {
+            return cpfCnpj.length > 11;
+        });
+        this.transformRazaoSocial = computed(() => (razaosocial) => {
+            return razaosocial.length > 72 ? `${razaosocial.substring(0, 72)}...` : razaosocial;
+        });
+        this.transformCpfCnpj = computed(() => (cpfCnpj) => {
+            return this.cpfCnpjPipe.transform(cpfCnpj);
+        });
     }
     ngOnInit() {
         this.configTable();
+        window.addEventListener('resize', () => {
+            this.widthScreen.set(window.innerWidth);
+        });
     }
     activeItem(e) {
         this.masterSelecionada = e;
@@ -48,11 +63,11 @@ export class WorkspaceMasterComponent {
         this.onMasterSelecionada.emit(this.masterSelecionada);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceMasterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: WorkspaceMasterComponent, selector: "kv-workspace-master", inputs: { masters: "masters", masterSelecionada: "masterSelecionada" }, outputs: { onMasterSelecionada: "onMasterSelecionada" }, ngImport: i0, template: "<kv-table\r\n  [tableSize]=\"5\"\r\n  [rows]=\"5\"\r\n  [config]=\"tableConfig\"\r\n  [paginator]=\"false\"\r\n  [dataSource]=\"dataSource\"\r\n  [rowsPerPageOptions]=\"[5, 10, 25, 50, 100, 200]\"\r\n  (doubleClickEvent)=\"doubleClick($event)\"\r\n  (onActiveItem)=\"activeItem($event)\"\r\n  [isTableScrollable]=\"true\"\r\n  [scrollHeight]=\"'300px'\">\r\n</kv-table>", styles: [""], dependencies: [{ kind: "component", type: i1.KvTableComponent, selector: "kv-table", inputs: ["searchPlaceholder", "templates", "config", "first", "rows", "defaultSortField", "dataSource", "selectedItems", "totalRecords", "paginator", "rowsPerPageOptions", "tableSize", "filterColumnsBtn", "replaceEmptyValues", "filtrosAvancados", "scrollHeight", "isTableScrollable", "tableCaptalized", "rowTrackBy", "responsiveLayout", "disabledHeaderCheckbox", "applyStyle", "pageLinksOptions", "showFirstLastIcon", "ellipsisText", "isLoadingSkeleton"], outputs: ["firstChange", "rowsChange", "onActiveItem", "onActiveItemLote", "onPaginate", "onSelectionChange", "doubleClickEvent", "filterField", "onSwitchTableChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: WorkspaceMasterComponent, selector: "kv-workspace-master", inputs: { masters: { classPropertyName: "masters", publicName: "masters", isSignal: false, isRequired: false, transformFunction: null }, masterSelecionada: { classPropertyName: "masterSelecionada", publicName: "masterSelecionada", isSignal: false, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onMasterSelecionada: "onMasterSelecionada" }, ngImport: i0, template: "<div\r\n  class=\"grid m-0 border-round-lg gap-2 p-2 {{\r\n    (this.masters.length > 6 || this.widthScreen() < 992) &&\r\n      'overflow-y-auto'\r\n  }} max-h-24rem cards-container\"\r\n>\r\n  @for(master of this.masters; track $index) {\r\n  <div\r\n    class=\"{{\r\n      $index % 2 == 0 ? 'sm:col-6 col-12' : 'sm:col col-12'\r\n    }} p-0 card-option\"\r\n    (click)=\"selecionarMaster(master)\"\r\n  >\r\n    <div class=\"flex flex-column p-3 gap-1\">\r\n      <div class=\"flex flex-row align-items-center gap-1 font-semibold mb-2\">\r\n        <span class=\"material-symbols-outlined text-md\"> article </span>\r\n        <span class=\"text-sm\">{{ master.idmaster }}</span>\r\n      </div>\r\n\r\n      <span style=\"word-break: break-word font-medium\" class=\"text-sm\">{{\r\n        transformRazaoSocial()(master.nome)\r\n      }}</span>\r\n\r\n      <div class=\"flex flex-row align-items-center gap-1 font-semibold\">\r\n        <span class=\"text-xs\">{{\r\n          isEmpresa()(master.cpfcnpj) ? \"CNPJ:\" : \"CPF:\"\r\n        }}</span>\r\n        <span class=\"text-xs\">{{ transformCpfCnpj()(master.cpfcnpj) }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  } @if(this.masters.length == 0) {\r\n  <p>{{ emptyText() }}</p>\r\n  }\r\n</div>\r\n", styles: [".card-option{background-color:#fff;border-radius:.5rem;border:1px solid #eaeaea;height:7.5rem;overflow:hidden;transition:all .2s ease-in-out;cursor:pointer}.card-option:hover{border:1px solid #581999;background-color:#d0b3dd4d}.card-option:hover span{color:#581999}.card-option:active{background-color:#d0b3dd99}span{color:#64748b}\n", ":host{overflow:hidden}.cards-container{overflow-x:hidden;transition:all .2s}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.15)}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceMasterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-workspace-master', template: "<kv-table\r\n  [tableSize]=\"5\"\r\n  [rows]=\"5\"\r\n  [config]=\"tableConfig\"\r\n  [paginator]=\"false\"\r\n  [dataSource]=\"dataSource\"\r\n  [rowsPerPageOptions]=\"[5, 10, 25, 50, 100, 200]\"\r\n  (doubleClickEvent)=\"doubleClick($event)\"\r\n  (onActiveItem)=\"activeItem($event)\"\r\n  [isTableScrollable]=\"true\"\r\n  [scrollHeight]=\"'300px'\">\r\n</kv-table>" }]
+            args: [{ selector: 'kv-workspace-master', template: "<div\r\n  class=\"grid m-0 border-round-lg gap-2 p-2 {{\r\n    (this.masters.length > 6 || this.widthScreen() < 992) &&\r\n      'overflow-y-auto'\r\n  }} max-h-24rem cards-container\"\r\n>\r\n  @for(master of this.masters; track $index) {\r\n  <div\r\n    class=\"{{\r\n      $index % 2 == 0 ? 'sm:col-6 col-12' : 'sm:col col-12'\r\n    }} p-0 card-option\"\r\n    (click)=\"selecionarMaster(master)\"\r\n  >\r\n    <div class=\"flex flex-column p-3 gap-1\">\r\n      <div class=\"flex flex-row align-items-center gap-1 font-semibold mb-2\">\r\n        <span class=\"material-symbols-outlined text-md\"> article </span>\r\n        <span class=\"text-sm\">{{ master.idmaster }}</span>\r\n      </div>\r\n\r\n      <span style=\"word-break: break-word font-medium\" class=\"text-sm\">{{\r\n        transformRazaoSocial()(master.nome)\r\n      }}</span>\r\n\r\n      <div class=\"flex flex-row align-items-center gap-1 font-semibold\">\r\n        <span class=\"text-xs\">{{\r\n          isEmpresa()(master.cpfcnpj) ? \"CNPJ:\" : \"CPF:\"\r\n        }}</span>\r\n        <span class=\"text-xs\">{{ transformCpfCnpj()(master.cpfcnpj) }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  } @if(this.masters.length == 0) {\r\n  <p>{{ emptyText() }}</p>\r\n  }\r\n</div>\r\n", styles: [".card-option{background-color:#fff;border-radius:.5rem;border:1px solid #eaeaea;height:7.5rem;overflow:hidden;transition:all .2s ease-in-out;cursor:pointer}.card-option:hover{border:1px solid #581999;background-color:#d0b3dd4d}.card-option:hover span{color:#581999}.card-option:active{background-color:#d0b3dd99}span{color:#64748b}\n", ":host{overflow:hidden}.cards-container{overflow-x:hidden;transition:all .2s}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.15)}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { masters: [{
                 type: Input
             }], masterSelecionada: [{
@@ -60,4 +75,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
             }], onMasterSelecionada: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3Ytd29ya3NwYWNlLW1hc3Rlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rZWV2by1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9rdi13b3Jrc3BhY2UvbWFzdGVyL2t2LXdvcmtzcGFjZS1tYXN0ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3Ytd29ya3NwYWNlL21hc3Rlci9rdi13b3Jrc3BhY2UtbWFzdGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBQ1AsTUFBTSxlQUFlLENBQUM7OztBQVN2QixNQUFNLE9BQU8sd0JBQXdCO0lBU25DO1FBUkEsZUFBVSxHQUFRLEVBQUUsQ0FBQztRQU1YLHdCQUFtQixHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFFeEMsQ0FBQztJQUVqQixRQUFRO1FBQ04sSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxVQUFVLENBQUMsQ0FBTTtRQUNmLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxDQUFDLENBQUM7SUFDN0IsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7UUFDL0IsSUFBSSxDQUFDLFdBQVcsR0FBRztZQUNqQixJQUFJLEVBQUUsS0FBSztZQUNYLE9BQU8sRUFBRTtnQkFDUCxFQUFFLFFBQVEsRUFBRSxDQUFDLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO2dCQUNwRyxFQUFFLFFBQVEsRUFBRSxDQUFDLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsS0FBSyxHQUFHO2FBQzlGO1lBQ0QsT0FBTyxFQUFFO2dCQUNQO29CQUNFLEtBQUssRUFBRSxTQUFTO29CQUNoQixJQUFJLEVBQUUsT0FBTztvQkFDYixPQUFPLEVBQUUsbUJBQW1CO29CQUM1QixPQUFPLEVBQUUsR0FBRyxFQUFFO3dCQUNaLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztvQkFDaEQsQ0FBQztvQkFDRCxRQUFRLEVBQUUsR0FBRyxFQUFFO3dCQUNiLE9BQU8sS0FBSyxDQUFDO29CQUNmLENBQUM7aUJBQ0Y7YUFDRjtZQUNELFdBQVcsRUFBRSxFQUFFO1lBQ2YsWUFBWSxFQUFFLEtBQUs7WUFDbkIsWUFBWSxFQUFFLEtBQUs7WUFDbkIsWUFBWSxFQUFFLEtBQUs7U0FDcEIsQ0FBQztJQUNKLENBQUM7SUFFRCxXQUFXLENBQUMsQ0FBTTtRQUNoQixJQUFJLENBQUMsaUJBQWlCLEdBQUcsQ0FBQyxDQUFDLE9BQU8sQ0FBQztRQUNuQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUM7SUFDaEQsQ0FBQztJQUVELGdCQUFnQixDQUFDLE1BQVc7UUFDMUIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLE1BQU0sQ0FBQztRQUNoQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQ3hELENBQUM7OEdBdkRVLHdCQUF3QjtrR0FBeEIsd0JBQXdCLDRMQ2ZyQyxtWEFXVzs7MkZESUUsd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNFLHFCQUFxQjt3REFRdEIsT0FBTztzQkFBZixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFFSSxtQkFBbUI7c0JBQTVCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgSW5wdXQsXHJcbiAgT25Jbml0LFxyXG4gIE91dHB1dFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuaW1wb3J0IHsgVGFibGVDb25maWcgfSBmcm9tICcuLi8uLi8uLi9hcGkvY29tcG9uZW50cy90YWJsZS90YWJsZS5jb25maWcnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdrdi13b3Jrc3BhY2UtbWFzdGVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4va3Ytd29ya3NwYWNlLW1hc3Rlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4va3Ytd29ya3NwYWNlLW1hc3Rlci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBXb3Jrc3BhY2VNYXN0ZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIGRhdGFTb3VyY2U6IGFueSA9IFtdO1xyXG4gIHRhYmxlQ29uZmlnITogVGFibGVDb25maWc7XHJcblxyXG4gIEBJbnB1dCgpIG1hc3RlcnMhOiBhbnlbXTtcclxuICBASW5wdXQoKSBtYXN0ZXJTZWxlY2lvbmFkYSE6IGFueTtcclxuXHJcbiAgQE91dHB1dCgpIG9uTWFzdGVyU2VsZWNpb25hZGEgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLmNvbmZpZ1RhYmxlKCk7XHJcbiAgfVxyXG5cclxuICBhY3RpdmVJdGVtKGU6IGFueSkge1xyXG4gICAgdGhpcy5tYXN0ZXJTZWxlY2lvbmFkYSA9IGU7XHJcbiAgfVxyXG5cclxuICBjb25maWdUYWJsZSgpIHtcclxuICAgIHRoaXMuZGF0YVNvdXJjZSA9IHRoaXMubWFzdGVycztcclxuICAgIHRoaXMudGFibGVDb25maWcgPSB7XHJcbiAgICAgIGxhenk6IGZhbHNlLFxyXG4gICAgICBjb2x1bW5zOiBbXHJcbiAgICAgICAgeyBwb3NpdGlvbjogMCwgZmllbGQ6ICdpZG1hc3RlcicsIGhlYWRlcjogJ0xpY2Vuw6dhJywgd2lkdGg6ICcnLCBjZW50cmFsaXplOiBmYWxzZSwgc29ydGFibGU6IGZhbHNlIH0sXHJcbiAgICAgICAgeyBwb3NpdGlvbjogMSwgZmllbGQ6ICdub21lJywgaGVhZGVyOiAnJywgd2lkdGg6ICc4MCUnLCBjZW50cmFsaXplOiBmYWxzZSwgc29ydGFibGU6IGZhbHNlLCB9LFxyXG4gICAgICBdLFxyXG4gICAgICBhY3Rpb25zOiBbXHJcbiAgICAgICAge1xyXG4gICAgICAgICAgbGFiZWw6ICdBY2Vzc2FyJyxcclxuICAgICAgICAgIGljb246ICdsb2dpbicsXHJcbiAgICAgICAgICB0b29sdGlwOiAnQWNlc3NhciBXb3Jrc3BhY2UnLFxyXG4gICAgICAgICAgY29tbWFuZDogKCkgPT4ge1xyXG4gICAgICAgICAgICB0aGlzLnNlbGVjaW9uYXJNYXN0ZXIodGhpcy5tYXN0ZXJTZWxlY2lvbmFkYSk7XHJcbiAgICAgICAgICB9LFxyXG4gICAgICAgICAgZGlzYWJsZWQ6ICgpID0+IHtcclxuICAgICAgICAgICAgcmV0dXJuIGZhbHNlO1xyXG4gICAgICAgICAgfSxcclxuICAgICAgICB9LFxyXG4gICAgICBdLFxyXG4gICAgICBhY3Rpb25zTG90ZTogW10sXHJcbiAgICAgIGVuYWJsZUNhdGlvbjogZmFsc2UsXHJcbiAgICAgIGVuYWJsZUZpbHRlcjogZmFsc2UsXHJcbiAgICAgIGVuYWJsZVNlbGVjdDogZmFsc2UsXHJcbiAgICB9O1xyXG4gIH1cclxuXHJcbiAgZG91YmxlQ2xpY2soZTogYW55KSB7XHJcbiAgICB0aGlzLm1hc3RlclNlbGVjaW9uYWRhID0gZS5yb3dEYXRhO1xyXG4gICAgdGhpcy5zZWxlY2lvbmFyTWFzdGVyKHRoaXMubWFzdGVyU2VsZWNpb25hZGEpO1xyXG4gIH1cclxuXHJcbiAgc2VsZWNpb25hck1hc3RlcihtYXN0ZXI6IGFueSkge1xyXG4gICAgdGhpcy5tYXN0ZXJTZWxlY2lvbmFkYSA9IG1hc3RlcjtcclxuICAgIHRoaXMub25NYXN0ZXJTZWxlY2lvbmFkYS5lbWl0KHRoaXMubWFzdGVyU2VsZWNpb25hZGEpO1xyXG4gIH1cclxufVxyXG4iLCI8a3YtdGFibGVcclxuICBbdGFibGVTaXplXT1cIjVcIlxyXG4gIFtyb3dzXT1cIjVcIlxyXG4gIFtjb25maWddPVwidGFibGVDb25maWdcIlxyXG4gIFtwYWdpbmF0b3JdPVwiZmFsc2VcIlxyXG4gIFtkYXRhU291cmNlXT1cImRhdGFTb3VyY2VcIlxyXG4gIFtyb3dzUGVyUGFnZU9wdGlvbnNdPVwiWzUsIDEwLCAyNSwgNTAsIDEwMCwgMjAwXVwiXHJcbiAgKGRvdWJsZUNsaWNrRXZlbnQpPVwiZG91YmxlQ2xpY2soJGV2ZW50KVwiXHJcbiAgKG9uQWN0aXZlSXRlbSk9XCJhY3RpdmVJdGVtKCRldmVudClcIlxyXG4gIFtpc1RhYmxlU2Nyb2xsYWJsZV09XCJ0cnVlXCJcclxuICBbc2Nyb2xsSGVpZ2h0XT1cIiczMDBweCdcIj5cclxuPC9rdi10YWJsZT4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3Ytd29ya3NwYWNlLW1hc3Rlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rZWV2by1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9rdi13b3Jrc3BhY2UvbWFzdGVyL2t2LXdvcmtzcGFjZS1tYXN0ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3Ytd29ya3NwYWNlL21hc3Rlci9rdi13b3Jrc3BhY2UtbWFzdGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsUUFBUSxFQUNSLFlBQVksRUFDWixNQUFNLEVBQ04sS0FBSyxFQUNMLEtBQUssRUFFTCxNQUFNLEVBQ04sTUFBTSxFQUNQLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQzs7QUFPOUQsTUFBTSxPQUFPLHdCQUF3QjtJQTBCbkM7UUF6QkEsZUFBVSxHQUFRLEVBQUUsQ0FBQztRQU1YLHdCQUFtQixHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFFeEQsY0FBUyxHQUFHLEtBQUssQ0FBUyw2QkFBNkIsQ0FBQyxDQUFDO1FBQ3pELGdCQUFXLEdBQUcsTUFBTSxDQUFTLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUVoRCxnQkFBVyxHQUFHLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUVsQyxjQUFTLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsT0FBZSxFQUFFLEVBQUU7WUFDN0MsT0FBTyxPQUFPLENBQUMsTUFBTSxHQUFHLEVBQUUsQ0FBQztRQUM3QixDQUFDLENBQUMsQ0FBQTtRQUVGLHlCQUFvQixHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDLFdBQW1CLEVBQUUsRUFBRTtZQUM1RCxPQUFPLFdBQVcsQ0FBQyxNQUFNLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxHQUFHLFdBQVcsQ0FBQyxTQUFTLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQztRQUN0RixDQUFDLENBQUMsQ0FBQztRQUVILHFCQUFnQixHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDLE9BQWUsRUFBRSxFQUFFO1lBQ3BELE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDN0MsQ0FBQyxDQUFDLENBQUM7SUFFYSxDQUFDO0lBRWpCLFFBQVE7UUFDTixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFFbkIsTUFBTSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsRUFBRSxHQUFHLEVBQUU7WUFDckMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQzFDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFVBQVUsQ0FBQyxDQUFNO1FBQ2YsSUFBSSxDQUFDLGlCQUFpQixHQUFHLENBQUMsQ0FBQztJQUM3QixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztRQUMvQixJQUFJLENBQUMsV0FBVyxHQUFHO1lBQ2pCLElBQUksRUFBRSxLQUFLO1lBQ1gsT0FBTyxFQUFFO2dCQUNQLEVBQUUsUUFBUSxFQUFFLENBQUMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUU7Z0JBQ3BHLEVBQUUsUUFBUSxFQUFFLENBQUMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxLQUFLLEdBQUc7YUFDOUY7WUFDRCxPQUFPLEVBQUU7Z0JBQ1A7b0JBQ0UsS0FBSyxFQUFFLFNBQVM7b0JBQ2hCLElBQUksRUFBRSxPQUFPO29CQUNiLE9BQU8sRUFBRSxtQkFBbUI7b0JBQzVCLE9BQU8sRUFBRSxHQUFHLEVBQUU7d0JBQ1osSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO29CQUNoRCxDQUFDO29CQUNELFFBQVEsRUFBRSxHQUFHLEVBQUU7d0JBQ2IsT0FBTyxLQUFLLENBQUM7b0JBQ2YsQ0FBQztpQkFDRjthQUNGO1lBQ0QsV0FBVyxFQUFFLEVBQUU7WUFDZixZQUFZLEVBQUUsS0FBSztZQUNuQixZQUFZLEVBQUUsS0FBSztZQUNuQixZQUFZLEVBQUUsS0FBSztTQUNwQixDQUFDO0lBQ0osQ0FBQztJQUVELFdBQVcsQ0FBQyxDQUFNO1FBQ2hCLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxDQUFDLENBQUMsT0FBTyxDQUFDO1FBQ25DLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUNoRCxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsTUFBVztRQUMxQixJQUFJLENBQUMsaUJBQWlCLEdBQUcsTUFBTSxDQUFDO1FBQ2hDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUM7SUFDeEQsQ0FBQzs4R0E1RVUsd0JBQXdCO2tHQUF4Qix3QkFBd0IsZ2lCQ3BCckMseXZDQW1DQTs7MkZEZmEsd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNFLHFCQUFxQjt3REFRdEIsT0FBTztzQkFBZixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFFSSxtQkFBbUI7c0JBQTVCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBjb21wdXRlZCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgaW5qZWN0LFxyXG4gIGlucHV0LFxyXG4gIElucHV0LFxyXG4gIE9uSW5pdCxcclxuICBPdXRwdXQsXHJcbiAgc2lnbmFsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBUYWJsZUNvbmZpZyB9IGZyb20gJy4uLy4uLy4uL2FwaS9jb21wb25lbnRzL3RhYmxlL3RhYmxlLmNvbmZpZyc7XHJcbmltcG9ydCB7IENwZkNucGpQaXBlIH0gZnJvbSAnLi4vLi4vLi4vYXBpL3BpcGVzL2NwZmNucGoucGlwZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2t2LXdvcmtzcGFjZS1tYXN0ZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9rdi13b3Jrc3BhY2UtbWFzdGVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9rdi13b3Jrc3BhY2UtbWFzdGVyLmNvbXBvbmVudC5zY3NzJywgJy4uL3dvcmtzcGFjZS9rdi13b3Jrc3BhY2UuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgV29ya3NwYWNlTWFzdGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBkYXRhU291cmNlOiBhbnkgPSBbXTtcclxuICB0YWJsZUNvbmZpZyE6IFRhYmxlQ29uZmlnO1xyXG5cclxuICBASW5wdXQoKSBtYXN0ZXJzITogYW55W107XHJcbiAgQElucHV0KCkgbWFzdGVyU2VsZWNpb25hZGEhOiBhbnk7XHJcblxyXG4gIEBPdXRwdXQoKSBvbk1hc3RlclNlbGVjaW9uYWRhID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIGVtcHR5VGV4dCA9IGlucHV0PHN0cmluZz4oJ05lbmh1bSByZXN1bHRhZG8gZW5jb250cmFkbycpO1xyXG4gIHdpZHRoU2NyZWVuID0gc2lnbmFsPG51bWJlcj4od2luZG93LmlubmVyV2lkdGgpO1xyXG5cclxuICBjcGZDbnBqUGlwZSA9IGluamVjdChDcGZDbnBqUGlwZSk7XHJcblxyXG4gIGlzRW1wcmVzYSA9IGNvbXB1dGVkKCgpID0+IChjcGZDbnBqOiBzdHJpbmcpID0+IHtcclxuICAgIHJldHVybiBjcGZDbnBqLmxlbmd0aCA+IDExO1xyXG4gIH0pXHJcblxyXG4gIHRyYW5zZm9ybVJhemFvU29jaWFsID0gY29tcHV0ZWQoKCkgPT4gKHJhemFvc29jaWFsOiBzdHJpbmcpID0+IHtcclxuICAgIHJldHVybiByYXphb3NvY2lhbC5sZW5ndGggPiA3MiA/IGAke3JhemFvc29jaWFsLnN1YnN0cmluZygwLCA3Mil9Li4uYCA6IHJhemFvc29jaWFsO1xyXG4gIH0pO1xyXG5cclxuICB0cmFuc2Zvcm1DcGZDbnBqID0gY29tcHV0ZWQoKCkgPT4gKGNwZkNucGo6IHN0cmluZykgPT4ge1xyXG4gICAgcmV0dXJuIHRoaXMuY3BmQ25walBpcGUudHJhbnNmb3JtKGNwZkNucGopO1xyXG4gIH0pO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMuY29uZmlnVGFibGUoKTtcclxuXHJcbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigncmVzaXplJywgKCkgPT4ge1xyXG4gICAgICB0aGlzLndpZHRoU2NyZWVuLnNldCh3aW5kb3cuaW5uZXJXaWR0aCk7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIGFjdGl2ZUl0ZW0oZTogYW55KSB7XHJcbiAgICB0aGlzLm1hc3RlclNlbGVjaW9uYWRhID0gZTtcclxuICB9XHJcblxyXG4gIGNvbmZpZ1RhYmxlKCkge1xyXG4gICAgdGhpcy5kYXRhU291cmNlID0gdGhpcy5tYXN0ZXJzO1xyXG4gICAgdGhpcy50YWJsZUNvbmZpZyA9IHtcclxuICAgICAgbGF6eTogZmFsc2UsXHJcbiAgICAgIGNvbHVtbnM6IFtcclxuICAgICAgICB7IHBvc2l0aW9uOiAwLCBmaWVsZDogJ2lkbWFzdGVyJywgaGVhZGVyOiAnTGljZW7Dp2EnLCB3aWR0aDogJycsIGNlbnRyYWxpemU6IGZhbHNlLCBzb3J0YWJsZTogZmFsc2UgfSxcclxuICAgICAgICB7IHBvc2l0aW9uOiAxLCBmaWVsZDogJ25vbWUnLCBoZWFkZXI6ICcnLCB3aWR0aDogJzgwJScsIGNlbnRyYWxpemU6IGZhbHNlLCBzb3J0YWJsZTogZmFsc2UsIH0sXHJcbiAgICAgIF0sXHJcbiAgICAgIGFjdGlvbnM6IFtcclxuICAgICAgICB7XHJcbiAgICAgICAgICBsYWJlbDogJ0FjZXNzYXInLFxyXG4gICAgICAgICAgaWNvbjogJ2xvZ2luJyxcclxuICAgICAgICAgIHRvb2x0aXA6ICdBY2Vzc2FyIFdvcmtzcGFjZScsXHJcbiAgICAgICAgICBjb21tYW5kOiAoKSA9PiB7XHJcbiAgICAgICAgICAgIHRoaXMuc2VsZWNpb25hck1hc3Rlcih0aGlzLm1hc3RlclNlbGVjaW9uYWRhKTtcclxuICAgICAgICAgIH0sXHJcbiAgICAgICAgICBkaXNhYmxlZDogKCkgPT4ge1xyXG4gICAgICAgICAgICByZXR1cm4gZmFsc2U7XHJcbiAgICAgICAgICB9LFxyXG4gICAgICAgIH0sXHJcbiAgICAgIF0sXHJcbiAgICAgIGFjdGlvbnNMb3RlOiBbXSxcclxuICAgICAgZW5hYmxlQ2F0aW9uOiBmYWxzZSxcclxuICAgICAgZW5hYmxlRmlsdGVyOiBmYWxzZSxcclxuICAgICAgZW5hYmxlU2VsZWN0OiBmYWxzZSxcclxuICAgIH07XHJcbiAgfVxyXG5cclxuICBkb3VibGVDbGljayhlOiBhbnkpIHtcclxuICAgIHRoaXMubWFzdGVyU2VsZWNpb25hZGEgPSBlLnJvd0RhdGE7XHJcbiAgICB0aGlzLnNlbGVjaW9uYXJNYXN0ZXIodGhpcy5tYXN0ZXJTZWxlY2lvbmFkYSk7XHJcbiAgfVxyXG5cclxuICBzZWxlY2lvbmFyTWFzdGVyKG1hc3RlcjogYW55KSB7XHJcbiAgICB0aGlzLm1hc3RlclNlbGVjaW9uYWRhID0gbWFzdGVyO1xyXG4gICAgdGhpcy5vbk1hc3RlclNlbGVjaW9uYWRhLmVtaXQodGhpcy5tYXN0ZXJTZWxlY2lvbmFkYSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXZcclxuICBjbGFzcz1cImdyaWQgbS0wIGJvcmRlci1yb3VuZC1sZyBnYXAtMiBwLTIge3tcclxuICAgICh0aGlzLm1hc3RlcnMubGVuZ3RoID4gNiB8fCB0aGlzLndpZHRoU2NyZWVuKCkgPCA5OTIpICYmXHJcbiAgICAgICdvdmVyZmxvdy15LWF1dG8nXHJcbiAgfX0gbWF4LWgtMjRyZW0gY2FyZHMtY29udGFpbmVyXCJcclxuPlxyXG4gIEBmb3IobWFzdGVyIG9mIHRoaXMubWFzdGVyczsgdHJhY2sgJGluZGV4KSB7XHJcbiAgPGRpdlxyXG4gICAgY2xhc3M9XCJ7e1xyXG4gICAgICAkaW5kZXggJSAyID09IDAgPyAnc206Y29sLTYgY29sLTEyJyA6ICdzbTpjb2wgY29sLTEyJ1xyXG4gICAgfX0gcC0wIGNhcmQtb3B0aW9uXCJcclxuICAgIChjbGljayk9XCJzZWxlY2lvbmFyTWFzdGVyKG1hc3RlcilcIlxyXG4gID5cclxuICAgIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtY29sdW1uIHAtMyBnYXAtMVwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LXJvdyBhbGlnbi1pdGVtcy1jZW50ZXIgZ2FwLTEgZm9udC1zZW1pYm9sZCBtYi0yXCI+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJtYXRlcmlhbC1zeW1ib2xzLW91dGxpbmVkIHRleHQtbWRcIj4gYXJ0aWNsZSA8L3NwYW4+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJ0ZXh0LXNtXCI+e3sgbWFzdGVyLmlkbWFzdGVyIH19PC9zcGFuPlxyXG4gICAgICA8L2Rpdj5cclxuXHJcbiAgICAgIDxzcGFuIHN0eWxlPVwid29yZC1icmVhazogYnJlYWstd29yZCBmb250LW1lZGl1bVwiIGNsYXNzPVwidGV4dC1zbVwiPnt7XHJcbiAgICAgICAgdHJhbnNmb3JtUmF6YW9Tb2NpYWwoKShtYXN0ZXIubm9tZSlcclxuICAgICAgfX08L3NwYW4+XHJcblxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LXJvdyBhbGlnbi1pdGVtcy1jZW50ZXIgZ2FwLTEgZm9udC1zZW1pYm9sZFwiPlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwidGV4dC14c1wiPnt7XHJcbiAgICAgICAgICBpc0VtcHJlc2EoKShtYXN0ZXIuY3BmY25waikgPyBcIkNOUEo6XCIgOiBcIkNQRjpcIlxyXG4gICAgICAgIH19PC9zcGFuPlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwidGV4dC14c1wiPnt7IHRyYW5zZm9ybUNwZkNucGooKShtYXN0ZXIuY3BmY25waikgfX08L3NwYW4+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbiAgfSBAaWYodGhpcy5tYXN0ZXJzLmxlbmd0aCA9PSAwKSB7XHJcbiAgPHA+e3sgZW1wdHlUZXh0KCkgfX08L3A+XHJcbiAgfVxyXG48L2Rpdj5cclxuIl19