@masterkeymaterial/ui 0.2.23 → 0.2.24

package/fesm2022/masterkeymaterial-ui.mjs

@@ -6789,11 +6789,11 @@ class GridPagination {
         this.pageChange.emit(1); // Volta para a primeira página ao mudar o tamanho da página
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GridPagination, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GridPagination, isStandalone: true, selector: "lib-grid-pagination", inputs: { paginacao: { classPropertyName: "paginacao", publicName: "paginacao", isSignal: true, isRequired: true, transformFunction: null }, totalPaginas: { classPropertyName: "totalPaginas", publicName: "totalPaginas", isSignal: true, isRequired: true, transformFunction: null }, performance: { classPropertyName: "performance", publicName: "performance", isSignal: true, isRequired: true, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, paginationSize: { classPropertyName: "paginationSize", publicName: "paginationSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { paginationSize: "paginationSizeChange", pageChange: "pageChange" }, ngImport: i0, template: "@if(paginacao()) {\n<div class=\"table-pagination\">\n\n\t<!-- Area dos Totais -->\n\t<div class=\"pagination-info\">\n\t\t<span>Total {{ paginacao().totalItens }} registros</span>\n\t\t@if(performance()){\n\t\t<span class=\"table-performance\">\n\t\t\t{{ performance() }}\n\t\t</span>\n\t\t}\n\t</div>\n\n\t<!-- Area dos Controles -->\n\t<div class=\"pagination-controls\">\n\t\t<ui-button tipo=\"icon\" tema=\"primary\" (click)=\"onFirstPage()\" [disabled]=\"paginacao().paginaAtual === 1\"\n\t\t\ttitle=\"Primeira P\u00E1gina\">\n\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 16 16\">\n\t\t\t\t<path fill-rule=\"evenodd\" class=\"stroke-icone opacidade80\"\n\t\t\t\t\td=\"M11.854 3.646a.5.5 0 0 1 0 .708L8.207 8l3.647 3.646a.5.5 0 0 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 0 1 .708 0M4.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 1 0v-13a.5.5 0 0 0-.5-.5\" />\n\t\t\t</svg>\n\t\t</ui-button>\n\t\t<ui-button tipo=\"icon\" tema=\"primary\" (click)=\"onPreviousPage()\" [disabled]=\"paginacao().paginaAtual === 1\"\n\t\t\ttitle=\"P\u00E1gina Anterior\">\n\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"pagination-icon\">\n\t\t\t\t<path d=\"M16 19L9 12L16 5\" class=\"stroke-icone\" stroke-width=\"2\" stroke-linecap=\"round\"\n\t\t\t\t\tstroke-linejoin=\"round\" />\n\t\t\t</svg>\n\t\t</ui-button>\n\n\t\t<span class=\"pagination-current\">{{ paginacao().paginaAtual }} de {{ totalPaginas() }}</span>\n\n\t\t<ui-button tipo=\"icon\" tema=\"primary\" (click)=\"onNextPage()\" [disabled]=\"paginacao().paginaAtual >= totalPaginas()\"\n\t\t\ttitle=\"Pr\u00F3xima P\u00E1gina\">\n\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"pagination-icon\">\n\t\t\t\t<path d=\"M9 19L16 12L9 5\" class=\"stroke-icone\" stroke-width=\"2\" stroke-linecap=\"round\"\n\t\t\t\t\tstroke-linejoin=\"round\" />\n\t\t\t</svg>\n\t\t</ui-button>\n\t\t<ui-button tipo=\"icon\" tema=\"primary\" (click)=\"onLastPage()\" [disabled]=\"paginacao().paginaAtual >= totalPaginas()\"\n\t\t\ttitle=\"\u00DAltima P\u00E1gina\">\n\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 16 16\">\n\t\t\t\t<path fill-rule=\"evenodd\" class=\"stroke-icone opacidade80\"\n\t\t\t\t\td=\"M4.146 3.646a.5.5 0 0 0 0 .708L7.793 8l-3.647 3.646a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708 0M11.5 1a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-1 0v-13a.5.5 0 0 1 .5-.5\" />\n\t\t\t</svg>\n\t\t</ui-button>\n\t</div>\n\n\t<!-- Area do seletor de Total por p\u00E1gina -->\n\t<div class=\"pagination-page-size\">\n\t\t<span>Por p\u00E1gina:</span>\n\t\t<ui-select class=\"pagination-page-selector\" [canUnselect]=\"false\" [options]=\"pageSizeOptions()\"\n\t\t\t[(value)]=\"paginationSize\" (changed)=\"onChangePageSize($event)\">\n\t\t</ui-select>\n\t</div>\n</div>\n}", styles: [".table-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-top:1px solid var(--mk-grid-outline, #ccc)}.pagination-info{font-size:.8em;color:var(--mk-grid-on-background, #666)}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-current{border-radius:4px;min-width:50px;text-align:center;font-size:.8em}.items-per-page{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.table-performance{font-size:.8em;font-style:italic;opacity:.7}.pagination-icon{width:20px;height:20px}.opacidade80{opacity:.8}.stroke-icone{stroke:var(--mk-grid-primary, #000)}.pagination-page-size{display:flex;align-items:flex-end;gap:.5rem;font-size:.8rem}.pagination-page-selector{width:60px}@media(max-width:768px){.table-pagination{flex-direction:column}}\n"], dependencies: [{ kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }, { kind: "component", type: UiSelect, selector: "ui-select", inputs: ["value", "options", "name", "placeholder", "disabled", "multiple", "canUnselect", "textEmpty"], outputs: ["valueChange", "changed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GridPagination, isStandalone: true, selector: "lib-grid-pagination", inputs: { paginacao: { classPropertyName: "paginacao", publicName: "paginacao", isSignal: true, isRequired: true, transformFunction: null }, totalPaginas: { classPropertyName: "totalPaginas", publicName: "totalPaginas", isSignal: true, isRequired: true, transformFunction: null }, performance: { classPropertyName: "performance", publicName: "performance", isSignal: true, isRequired: true, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, paginationSize: { classPropertyName: "paginationSize", publicName: "paginationSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { paginationSize: "paginationSizeChange", pageChange: "pageChange" }, ngImport: i0, template: "@if(paginacao()) {\n<div class=\"table-pagination\">\n\n\t<!-- Area dos Totais -->\n\t<div class=\"pagination-info\">\n\t\t<span>Total {{ paginacao().totalItens }} registros</span>\n\t\t@if(performance()){\n\t\t<span class=\"table-performance\">\n\t\t\t{{ performance() }}\n\t\t</span>\n\t\t}\n\t</div>\n\n\t<!-- Area dos Controles -->\n\t<div class=\"pagination-controls\">\n\t\t<ui-button tipo=\"icon\" tema=\"primary\" (click)=\"onFirstPage()\" [disabled]=\"paginacao().paginaAtual === 1\"\n\t\t\ttitle=\"Primeira P\u00E1gina\">\n\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 16 16\">\n\t\t\t\t<path fill-rule=\"evenodd\" class=\"stroke-icone opacidade80\"\n\t\t\t\t\td=\"M11.854 3.646a.5.5 0 0 1 0 .708L8.207 8l3.647 3.646a.5.5 0 0 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 0 1 .708 0M4.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 1 0v-13a.5.5 0 0 0-.5-.5\" />\n\t\t\t</svg>\n\t\t</ui-button>\n\t\t<ui-button tipo=\"icon\" tema=\"primary\" (click)=\"onPreviousPage()\" [disabled]=\"paginacao().paginaAtual === 1\"\n\t\t\ttitle=\"P\u00E1gina Anterior\">\n\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"pagination-icon\">\n\t\t\t\t<path d=\"M16 19L9 12L16 5\" class=\"stroke-icone\" stroke-width=\"2\" stroke-linecap=\"round\"\n\t\t\t\t\tstroke-linejoin=\"round\" />\n\t\t\t</svg>\n\t\t</ui-button>\n\n\t\t<span class=\"pagination-current\">{{ paginacao().paginaAtual }} de {{ totalPaginas() }}</span>\n\n\t\t<ui-button tipo=\"icon\" tema=\"primary\" (click)=\"onNextPage()\" [disabled]=\"paginacao().paginaAtual >= totalPaginas()\"\n\t\t\ttitle=\"Pr\u00F3xima P\u00E1gina\">\n\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"pagination-icon\">\n\t\t\t\t<path d=\"M9 19L16 12L9 5\" class=\"stroke-icone\" stroke-width=\"2\" stroke-linecap=\"round\"\n\t\t\t\t\tstroke-linejoin=\"round\" />\n\t\t\t</svg>\n\t\t</ui-button>\n\t\t<ui-button tipo=\"icon\" tema=\"primary\" (click)=\"onLastPage()\" [disabled]=\"paginacao().paginaAtual >= totalPaginas()\"\n\t\t\ttitle=\"\u00DAltima P\u00E1gina\">\n\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 16 16\">\n\t\t\t\t<path fill-rule=\"evenodd\" class=\"stroke-icone opacidade80\"\n\t\t\t\t\td=\"M4.146 3.646a.5.5 0 0 0 0 .708L7.793 8l-3.647 3.646a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708 0M11.5 1a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-1 0v-13a.5.5 0 0 1 .5-.5\" />\n\t\t\t</svg>\n\t\t</ui-button>\n\t</div>\n\n\t<!-- Area do seletor de Total por p\u00E1gina -->\n\t<div class=\"pagination-page-size\">\n\t\t<span>Por p\u00E1gina:</span>\n\t\t<ui-select class=\"pagination-page-selector\" [canUnselect]=\"false\" [options]=\"pageSizeOptions()\"\n\t\t\t[(value)]=\"paginationSize\" (changed)=\"onChangePageSize($event)\">\n\t\t</ui-select>\n\t</div>\n</div>\n}", styles: [".table-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-top:1px solid var(--mk-grid-outline, #ccc)}.pagination-info{font-size:.8em;color:var(--mk-grid-on-background, #666)}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-current{border-radius:4px;min-width:50px;text-align:center;font-size:.8em}.items-per-page{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.table-performance{font-size:.8em;font-style:italic;opacity:.7}.pagination-icon{width:20px;height:20px}.opacidade80{opacity:.8}.stroke-icone{stroke:var(--mk-grid-primary, #000)}.pagination-page-size{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;font-size:.8rem}.pagination-page-selector{width:60px}@media(max-width:768px){.table-pagination{flex-direction:column}}\n"], dependencies: [{ kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }, { kind: "component", type: UiSelect, selector: "ui-select", inputs: ["value", "options", "name", "placeholder", "disabled", "multiple", "canUnselect", "textEmpty"], outputs: ["valueChange", "changed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GridPagination, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-grid-pagination', imports: [UiButton, UiSelect], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if(paginacao()) {\n<div class=\"table-pagination\">\n\n\t<!-- Area dos Totais -->\n\t<div class=\"pagination-info\">\n\t\t<span>Total {{ paginacao().totalItens }} registros</span>\n\t\t@if(performance()){\n\t\t<span class=\"table-performance\">\n\t\t\t{{ performance() }}\n\t\t</span>\n\t\t}\n\t</div>\n\n\t<!-- Area dos Controles -->\n\t<div class=\"pagination-controls\">\n\t\t<ui-button tipo=\"icon\" tema=\"primary\" (click)=\"onFirstPage()\" [disabled]=\"paginacao().paginaAtual === 1\"\n\t\t\ttitle=\"Primeira P\u00E1gina\">\n\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 16 16\">\n\t\t\t\t<path fill-rule=\"evenodd\" class=\"stroke-icone opacidade80\"\n\t\t\t\t\td=\"M11.854 3.646a.5.5 0 0 1 0 .708L8.207 8l3.647 3.646a.5.5 0 0 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 0 1 .708 0M4.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 1 0v-13a.5.5 0 0 0-.5-.5\" />\n\t\t\t</svg>\n\t\t</ui-button>\n\t\t<ui-button tipo=\"icon\" tema=\"primary\" (click)=\"onPreviousPage()\" [disabled]=\"paginacao().paginaAtual === 1\"\n\t\t\ttitle=\"P\u00E1gina Anterior\">\n\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"pagination-icon\">\n\t\t\t\t<path d=\"M16 19L9 12L16 5\" class=\"stroke-icone\" stroke-width=\"2\" stroke-linecap=\"round\"\n\t\t\t\t\tstroke-linejoin=\"round\" />\n\t\t\t</svg>\n\t\t</ui-button>\n\n\t\t<span class=\"pagination-current\">{{ paginacao().paginaAtual }} de {{ totalPaginas() }}</span>\n\n\t\t<ui-button tipo=\"icon\" tema=\"primary\" (click)=\"onNextPage()\" [disabled]=\"paginacao().paginaAtual >= totalPaginas()\"\n\t\t\ttitle=\"Pr\u00F3xima P\u00E1gina\">\n\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"pagination-icon\">\n\t\t\t\t<path d=\"M9 19L16 12L9 5\" class=\"stroke-icone\" stroke-width=\"2\" stroke-linecap=\"round\"\n\t\t\t\t\tstroke-linejoin=\"round\" />\n\t\t\t</svg>\n\t\t</ui-button>\n\t\t<ui-button tipo=\"icon\" tema=\"primary\" (click)=\"onLastPage()\" [disabled]=\"paginacao().paginaAtual >= totalPaginas()\"\n\t\t\ttitle=\"\u00DAltima P\u00E1gina\">\n\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 16 16\">\n\t\t\t\t<path fill-rule=\"evenodd\" class=\"stroke-icone opacidade80\"\n\t\t\t\t\td=\"M4.146 3.646a.5.5 0 0 0 0 .708L7.793 8l-3.647 3.646a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708 0M11.5 1a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-1 0v-13a.5.5 0 0 1 .5-.5\" />\n\t\t\t</svg>\n\t\t</ui-button>\n\t</div>\n\n\t<!-- Area do seletor de Total por p\u00E1gina -->\n\t<div class=\"pagination-page-size\">\n\t\t<span>Por p\u00E1gina:</span>\n\t\t<ui-select class=\"pagination-page-selector\" [canUnselect]=\"false\" [options]=\"pageSizeOptions()\"\n\t\t\t[(value)]=\"paginationSize\" (changed)=\"onChangePageSize($event)\">\n\t\t</ui-select>\n\t</div>\n</div>\n}", styles: [".table-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-top:1px solid var(--mk-grid-outline, #ccc)}.pagination-info{font-size:.8em;color:var(--mk-grid-on-background, #666)}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-current{border-radius:4px;min-width:50px;text-align:center;font-size:.8em}.items-per-page{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.table-performance{font-size:.8em;font-style:italic;opacity:.7}.pagination-icon{width:20px;height:20px}.opacidade80{opacity:.8}.stroke-icone{stroke:var(--mk-grid-primary, #000)}.pagination-page-size{display:flex;align-items:flex-end;gap:.5rem;font-size:.8rem}.pagination-page-selector{width:60px}@media(max-width:768px){.table-pagination{flex-direction:column}}\n"] }]
+            args: [{ selector: 'lib-grid-pagination', imports: [UiButton, UiSelect], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if(paginacao()) {\n<div class=\"table-pagination\">\n\n\t<!-- Area dos Totais -->\n\t<div class=\"pagination-info\">\n\t\t<span>Total {{ paginacao().totalItens }} registros</span>\n\t\t@if(performance()){\n\t\t<span class=\"table-performance\">\n\t\t\t{{ performance() }}\n\t\t</span>\n\t\t}\n\t</div>\n\n\t<!-- Area dos Controles -->\n\t<div class=\"pagination-controls\">\n\t\t<ui-button tipo=\"icon\" tema=\"primary\" (click)=\"onFirstPage()\" [disabled]=\"paginacao().paginaAtual === 1\"\n\t\t\ttitle=\"Primeira P\u00E1gina\">\n\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 16 16\">\n\t\t\t\t<path fill-rule=\"evenodd\" class=\"stroke-icone opacidade80\"\n\t\t\t\t\td=\"M11.854 3.646a.5.5 0 0 1 0 .708L8.207 8l3.647 3.646a.5.5 0 0 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 0 1 .708 0M4.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 1 0v-13a.5.5 0 0 0-.5-.5\" />\n\t\t\t</svg>\n\t\t</ui-button>\n\t\t<ui-button tipo=\"icon\" tema=\"primary\" (click)=\"onPreviousPage()\" [disabled]=\"paginacao().paginaAtual === 1\"\n\t\t\ttitle=\"P\u00E1gina Anterior\">\n\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"pagination-icon\">\n\t\t\t\t<path d=\"M16 19L9 12L16 5\" class=\"stroke-icone\" stroke-width=\"2\" stroke-linecap=\"round\"\n\t\t\t\t\tstroke-linejoin=\"round\" />\n\t\t\t</svg>\n\t\t</ui-button>\n\n\t\t<span class=\"pagination-current\">{{ paginacao().paginaAtual }} de {{ totalPaginas() }}</span>\n\n\t\t<ui-button tipo=\"icon\" tema=\"primary\" (click)=\"onNextPage()\" [disabled]=\"paginacao().paginaAtual >= totalPaginas()\"\n\t\t\ttitle=\"Pr\u00F3xima P\u00E1gina\">\n\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"pagination-icon\">\n\t\t\t\t<path d=\"M9 19L16 12L9 5\" class=\"stroke-icone\" stroke-width=\"2\" stroke-linecap=\"round\"\n\t\t\t\t\tstroke-linejoin=\"round\" />\n\t\t\t</svg>\n\t\t</ui-button>\n\t\t<ui-button tipo=\"icon\" tema=\"primary\" (click)=\"onLastPage()\" [disabled]=\"paginacao().paginaAtual >= totalPaginas()\"\n\t\t\ttitle=\"\u00DAltima P\u00E1gina\">\n\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 16 16\">\n\t\t\t\t<path fill-rule=\"evenodd\" class=\"stroke-icone opacidade80\"\n\t\t\t\t\td=\"M4.146 3.646a.5.5 0 0 0 0 .708L7.793 8l-3.647 3.646a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708 0M11.5 1a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-1 0v-13a.5.5 0 0 1 .5-.5\" />\n\t\t\t</svg>\n\t\t</ui-button>\n\t</div>\n\n\t<!-- Area do seletor de Total por p\u00E1gina -->\n\t<div class=\"pagination-page-size\">\n\t\t<span>Por p\u00E1gina:</span>\n\t\t<ui-select class=\"pagination-page-selector\" [canUnselect]=\"false\" [options]=\"pageSizeOptions()\"\n\t\t\t[(value)]=\"paginationSize\" (changed)=\"onChangePageSize($event)\">\n\t\t</ui-select>\n\t</div>\n</div>\n}", styles: [".table-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-top:1px solid var(--mk-grid-outline, #ccc)}.pagination-info{font-size:.8em;color:var(--mk-grid-on-background, #666)}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-current{border-radius:4px;min-width:50px;text-align:center;font-size:.8em}.items-per-page{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.table-performance{font-size:.8em;font-style:italic;opacity:.7}.pagination-icon{width:20px;height:20px}.opacidade80{opacity:.8}.stroke-icone{stroke:var(--mk-grid-primary, #000)}.pagination-page-size{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;font-size:.8rem}.pagination-page-selector{width:60px}@media(max-width:768px){.table-pagination{flex-direction:column}}\n"] }]
         }], propDecorators: { paginacao: [{ type: i0.Input, args: [{ isSignal: true, alias: "paginacao", required: true }] }], totalPaginas: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalPaginas", required: true }] }], performance: [{ type: i0.Input, args: [{ isSignal: true, alias: "performance", required: true }] }], pageSizeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeOptions", required: false }] }], paginationSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "paginationSize", required: false }] }, { type: i0.Output, args: ["paginationSizeChange"] }], pageChange: [{ type: i0.Output, args: ["pageChange"] }] } });
 
 class GridFilterBar {