@seniorsistemas/data-seniorx-core 1.8.0 → 1.9.0

package/fesm2022/seniorsistemas-data-seniorx-core.mjs

@@ -1,15 +1,16 @@
 import * as i2 from 'primeng/api';
 import { MessageService } from 'primeng/api';
 export { MessageService } from 'primeng/api';
+import * as i1$5 from '@ngx-translate/core';
+import { TranslateModule, TranslateStore, TranslateLoader, TranslateService } from '@ngx-translate/core';
+export { TranslateDirective, TranslateModule, TranslatePipe } from '@ngx-translate/core';
 import { definePreset } from '@primeng/themes';
 import * as i0 from '@angular/core';
-import { makeEnvironmentProviders, APP_INITIALIZER, EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, TemplateRef, ContentChild, Directive, forwardRef, ViewChild, input, signal, effect, computed, inject, ElementRef, NgZone, ChangeDetectorRef, numberAttribute, booleanAttribute, Injectable, HostBinding, HostListener } from '@angular/core';
+import { makeEnvironmentProviders, ENVIRONMENT_INITIALIZER, inject, APP_INITIALIZER, EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, TemplateRef, ContentChild, Directive, forwardRef, ViewChild, input, signal, effect, computed, ElementRef, NgZone, ChangeDetectorRef, numberAttribute, booleanAttribute, Injectable, HostBinding, HostListener } from '@angular/core';
 import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
 import { providePrimeNG } from 'primeng/config';
 import Aura from '@primeng/themes/aura';
-import * as i1$5 from '@ngx-translate/core';
-import { TranslateService, TranslateModule } from '@ngx-translate/core';
-import { Subject, BehaviorSubject } from 'rxjs';
+import { of, Subject, BehaviorSubject } from 'rxjs';
 import * as i1$2 from '@angular/common';
 import { CommonModule, NgClass, NgIf, NgTemplateOutlet } from '@angular/common';
 import { takeUntil, filter, first } from 'rxjs/operators';
@@ -52,10 +53,13 @@ import { PanelModule } from '@seniorsistemas/angular-components/panel';
 import { EnumSeverity } from '@seniorsistemas/angular-components/shared';
 import { BlockUIModule } from 'primeng/blockui';
 import { ProgressSpinnerModule } from 'primeng/progressspinner';
+import { basicSetup } from 'codemirror';
 import { autocompletion } from '@codemirror/autocomplete';
 import { ayuLight } from 'thememirror';
-import { basicSetup } from 'codemirror';
 import { sql, PostgreSQL } from '@codemirror/lang-sql';
+import { javascript } from '@codemirror/lang-javascript';
+import { json } from '@codemirror/lang-json';
+import { html } from '@codemirror/lang-html';
 import * as i3$3 from 'primeng/keyfilter';
 import { KeyFilterModule } from 'primeng/keyfilter';
 import * as i4$2 from 'primeng/tooltip';
@@ -362,7 +366,7 @@ function provideDataCoreLib() {
 }
 
 function serviceProviders() {
-    return [MessageService, SpinnerService, ToastService, TranslateService];
+    return [MessageService, SpinnerService, ToastService, TranslateModule];
 }
 
 var en = {
@@ -413,32 +417,53 @@ var pt = {
 	"platform.datacore.empty_message": "Tente ajustar os filtros ou refine sua busca para encontrar os dados desejados."
 };
 
-const defaultLocale = 'pt';
+const DEFAULT_LOCALE = 'pt';
+class InlineTranslateLoader {
+    getTranslation(lang) {
+        switch (lang) {
+            case 'en':
+            case 'en-US':
+                return of(en);
+            case 'es':
+            case 'es-CO':
+                return of(es);
+            default:
+                return of(pt);
+        }
+    }
+}
 function provideTranslations() {
-    return {
-        provide: APP_INITIALIZER,
-        multi: true,
-        deps: [TranslateService],
-        useFactory: (translate) => {
-            return () => {
+    return makeEnvironmentProviders([
+        TranslateStore,
+        { provide: TranslateLoader, useClass: InlineTranslateLoader },
+        TranslateService,
+        {
+            provide: ENVIRONMENT_INITIALIZER,
+            multi: true,
+            useValue: () => {
+                const translate = inject(TranslateService);
                 translate.addLangs(['en', 'es', 'pt']);
-                translate.setTranslation('en-US', en);
-                translate.setTranslation('en', en);
-                translate.setTranslation('es-CO', es);
-                translate.setTranslation('es', es);
-                translate.setTranslation('pt-BR', pt);
-                translate.setTranslation('pt', pt);
-                translate.setDefaultLang(defaultLocale);
-                translate.use(getSeniorLocale('com.senior.token'));
-            };
-        }
-    };
+                translate.setDefaultLang(DEFAULT_LOCALE);
+                const seniorLocale = safeGetSeniorLocale('com.senior.token') ?? DEFAULT_LOCALE;
+                translate.use(seniorLocale);
+            },
+        },
+    ]);
 }
-function getSeniorLocale(name) {
-    const cookies = document.cookie.split('; ');
-    const cookie = cookies.find(c => c.startsWith(name + '='));
-    const json = JSON.parse(cookie ? decodeURIComponent(cookie.split('=')[1]) : '{}');
-    return json.locale ?? defaultLocale;
+function safeGetSeniorLocale(name) {
+    try {
+        if (typeof document === 'undefined')
+            return null;
+        const cookies = document.cookie?.split('; ') ?? [];
+        const raw = cookies.find(c => c.startsWith(name + '='))?.split('=')[1];
+        if (!raw)
+            return null;
+        const json = JSON.parse(decodeURIComponent(raw));
+        return json?.locale ?? null;
+    }
+    catch {
+        return null;
+    }
 }
 
 function resolveStylesHref() {
@@ -868,11 +893,11 @@ class ButtonComponent {
     type = 'button';
     onClick = new EventEmitter();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ButtonComponent, isStandalone: true, selector: "sdc-button", inputs: { disabled: "disabled", width: "width", icon: "icon", id: "id", label: "label", priority: "priority", size: "size", type: "type" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<div [style.width]=\"width\">\n  <s-button\n    class=\"sdc-button-el\"\n    (clicked)=\"onClick.emit($event)\"\n    [disabled]=\"disabled\"\n    [id]=\"id\"\n    [size]=\"size\"\n    [type]=\"type\"\n    [priority]=\"priority\"\n    [iconClass]=\"icon\"\n    [label]=\"label\">\n  </s-button>\n</div>\n", styles: ["::ng-deep .s-button-priority-primary .s-button-icon{color:#fff!important}::ng-deep s-button button:disabled{pointer-events:none;cursor:not-allowed}::ng-deep s-button button{min-width:100%!important;width:100%!important;max-width:100%!important}::ng-deep s-button{min-width:100%!important;width:100%!important;max-width:100%!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ButtonComponent, isStandalone: true, selector: "sdc-button", inputs: { disabled: "disabled", width: "width", icon: "icon", id: "id", label: "label", priority: "priority", size: "size", type: "type" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<div [style.width]=\"width\">\n  <s-button\n    class=\"sdc-button-el\"\n    (clicked)=\"onClick.emit($event)\"\n    [disabled]=\"disabled\"\n    [id]=\"id\"\n    [size]=\"size\"\n    [type]=\"type\"\n    [priority]=\"priority\"\n    [iconClass]=\"icon\"\n    [label]=\"label\">\n  </s-button>\n</div>\n", styles: ["::ng-deep .s-button-priority-primary .s-button-icon{color:#fff!important}::ng-deep s-button button:disabled{pointer-events:none;cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
-            args: [{ imports: [CommonModule, ButtonModule], standalone: true, selector: 'sdc-button', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "<div [style.width]=\"width\">\n  <s-button\n    class=\"sdc-button-el\"\n    (clicked)=\"onClick.emit($event)\"\n    [disabled]=\"disabled\"\n    [id]=\"id\"\n    [size]=\"size\"\n    [type]=\"type\"\n    [priority]=\"priority\"\n    [iconClass]=\"icon\"\n    [label]=\"label\">\n  </s-button>\n</div>\n", styles: ["::ng-deep .s-button-priority-primary .s-button-icon{color:#fff!important}::ng-deep s-button button:disabled{pointer-events:none;cursor:not-allowed}::ng-deep s-button button{min-width:100%!important;width:100%!important;max-width:100%!important}::ng-deep s-button{min-width:100%!important;width:100%!important;max-width:100%!important}\n"] }]
+            args: [{ imports: [CommonModule, ButtonModule], standalone: true, selector: 'sdc-button', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "<div [style.width]=\"width\">\n  <s-button\n    class=\"sdc-button-el\"\n    (clicked)=\"onClick.emit($event)\"\n    [disabled]=\"disabled\"\n    [id]=\"id\"\n    [size]=\"size\"\n    [type]=\"type\"\n    [priority]=\"priority\"\n    [iconClass]=\"icon\"\n    [label]=\"label\">\n  </s-button>\n</div>\n", styles: ["::ng-deep .s-button-priority-primary .s-button-icon{color:#fff!important}::ng-deep s-button button:disabled{pointer-events:none;cursor:not-allowed}\n"] }]
         }], propDecorators: { disabled: [{
                 type: Input
             }], width: [{
@@ -1751,11 +1776,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Output
             }] } });
 
+let __tabUid = 0;
 class TabComponent {
     host = inject(ElementRef);
     zone = inject(NgZone);
     cdr = inject(ChangeDetectorRef);
     headersRef;
+    panelsRef;
+    uid = `sdc-tab-${++__tabUid}`;
     _activeIndex = signal(0);
     set activeIndex(v) {
         this.zone.run(() => {
@@ -1774,11 +1802,15 @@ class TabComponent {
     activeIndexChange = new EventEmitter();
     isMobile = isMobile();
     wcEls = signal([]);
-    headers = computed(() => this.wcEls().map((el, i) => ({
-        label: el.getAttribute('label') ?? `Tab ${i}`,
-        disabled: this.parseBool(el.getAttribute('disabled')),
-        id: el.getAttribute('id') ?? `tab-${i}`,
-    })));
+    headers = computed(() => this.wcEls().map((el, i) => {
+        const attrLabel = el.getAttribute('label') || '';
+        const propLabel = el.label;
+        return {
+            label: (attrLabel.trim() || (propLabel?.trim() ?? `Tab ${i}`)),
+            disabled: this.parseBool(el.getAttribute('disabled')),
+            id: el.getAttribute('id') ?? `${this.uid}-tab-${i}`,
+        };
+    }));
     mo;
     _headersEffect = effect(() => {
         this.headers();
@@ -1789,7 +1821,7 @@ class TabComponent {
         this.refreshChildren();
         this.zone.runOutsideAngular(() => {
             this.mo = new MutationObserver(() => this.refreshChildren());
-            this.mo.observe(this.host.nativeElement, { childList: true, subtree: false });
+            this.mo.observe(this.panelsRef.nativeElement, { childList: true });
         });
     }
     ngOnDestroy() {
@@ -1854,8 +1886,15 @@ class TabComponent {
         const list = this.headersRef?.nativeElement.querySelectorAll('[role="tab"]');
         list?.[i]?.focus();
     }
+    getDirectItems() {
+        const parent = this.panelsRef?.nativeElement;
+        if (!parent)
+            return [];
+        const children = Array.from(parent.children);
+        return children.filter((n) => n.tagName?.toLowerCase() === 'sdc-tab-item');
+    }
     refreshChildren() {
-        const els = Array.from(this.host.nativeElement.querySelectorAll('sdc-tab-item'));
+        const els = this.getDirectItems();
         this.wcEls.set(els);
         this._activeIndex.set(this.normalizeIndex(this._activeIndex()));
         this.syncHiddenAndAria();
@@ -1867,7 +1906,7 @@ class TabComponent {
         const hs = this.headers();
         els.forEach((el, i) => {
             const hdr = hs[i];
-            const panelId = ((hdr?.id ?? `tab-${i}`) + '-panel');
+            const panelId = ((hdr?.id ?? `${this.uid}-tab-${i}`) + '-panel');
             el.setAttribute('role', 'tabpanel');
             el.setAttribute('id', panelId);
             if (hdr)
@@ -1892,14 +1931,17 @@ class TabComponent {
         return s === '' || s === 'true' || s === '1';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TabComponent, isStandalone: true, selector: "sdc-tab", inputs: { activeIndex: ["activeIndex", "activeIndex", numberAttribute] }, outputs: { activeIndexChange: "activeIndexChange" }, viewQueries: [{ propertyName: "headersRef", first: true, predicate: ["headersRef"], descendants: true }], ngImport: i0, template: "<div class=\"sdc-tab\" [class.sdc-tab-stack]=\"isMobile\">\n  <div #headersRef class=\"sdc-tab-headers\" role=\"tablist\" aria-label=\"Tabs\">\n    @for (h of headers(); let i = $index; track i) {\n      <button\n        class=\"sdc-tab-header\"\n        [class.sdc-tab-header-active]=\"i === activeIndex\"\n        [class.sdc-tab-header-disabled]=\"h.disabled\"\n        role=\"tab\"\n        type=\"button\"\n        [disabled]=\"h.disabled\"\n        [attr.aria-selected]=\"i === activeIndex\"\n        [attr.aria-controls]=\"h.id + '-panel'\"\n        [attr.aria-disabled]=\"h.disabled\"\n        [id]=\"h.id\"\n        [tabindex]=\"h.disabled ? -1 : (i === activeIndex ? 0 : -1)\"\n        (click)=\"select(i)\"\n        (keydown)=\"onHeaderKeydown($event, i)\">\n        <span class=\"sdc-tab-label\">{{ h.label }}</span>\n      </button>\n    }\n  </div>\n\n  <div class=\"sdc-tab-panels\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".sdc-tab{border:0;border-radius:0;background:none;display:flex;flex-direction:column}.sdc-tab .sdc-tab-label{font-size:15px}.sdc-tab-headers{display:flex;white-space:nowrap;overflow-x:auto;overflow-y:hidden;padding:0;margin:0;border-bottom:1px solid var(--sdc-tab-border);position:relative}.sdc-tab-header{position:relative;appearance:none;background:transparent;border:0;margin:0;padding:10px 15px;color:var(--sdc-tab-primary);cursor:pointer;border-bottom:5px solid transparent;transition:color .2s ease-out,border-color .2s ease-out;border-radius:0;flex:0 0 auto}.sdc-tab-header:hover{color:var(--sdc-tab-primary-hover)}.sdc-tab-header:focus{outline:none;background-color:var(--sdc-tab-focus)}.sdc-tab-header[disabled],.sdc-tab-header-disabled{cursor:not-allowed;opacity:.6}.sdc-tab-header-active{color:var(--sdc-tab-text);font-weight:600;border-bottom-color:var(--sdc-tab-primary)}.sdc-tab-header-active:hover{color:#4d4d4d;border-bottom-color:var(--sdc-tab-primary-hover)}.sdc-tab-header>.sds-badge-error{position:absolute;top:16px;left:1px}.sdc-tab-panels{padding:10px 0 0;width:100%;min-width:0}.sdc-tab-panel{outline:0;list-style:none;margin:0}[hidden]{display:none!important}@media (max-width: 750px){.sdc-tab,.sdc-tab *{box-sizing:border-box}.sdc-tab.sdc-tab-stack{display:flex;flex-direction:column;width:100vw;max-width:100vw;overflow:hidden}.sdc-tab.sdc-tab-stack .sdc-tab-headers{flex-direction:row;border-right:0;border-bottom:1px solid var(--sdc-tab-border);width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable both-edges;gap:.25rem;padding:0;margin:0}.sdc-tab.sdc-tab-stack .sdc-tab-header{flex:0 0 auto;white-space:nowrap;border-right:0;border-bottom:5px solid transparent;width:auto;text-align:left}.sdc-tab.sdc-tab-stack .sdc-tab-panels{padding:10px 15px 0 0;width:100%;max-width:100%;min-width:0;overflow-x:hidden}.sdc-tab.sdc-tab-stack .sdc-tab-panel{max-width:100%;overflow-wrap:anywhere;word-break:break-word}img,video,canvas,svg{max-width:100%;height:auto}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TabComponent, isStandalone: true, selector: "sdc-tab", inputs: { activeIndex: ["activeIndex", "activeIndex", numberAttribute] }, outputs: { activeIndexChange: "activeIndexChange" }, viewQueries: [{ propertyName: "headersRef", first: true, predicate: ["headersRef"], descendants: true }, { propertyName: "panelsRef", first: true, predicate: ["panelsRef"], descendants: true }], ngImport: i0, template: "<div class=\"sdc-tab\" [class.sdc-tab-stack]=\"isMobile\">\n  <div #headersRef class=\"sdc-tab-headers\" role=\"tablist\" aria-label=\"Tabs\">\n    @for (h of headers(); let i = $index; track i) {\n    <button\n      class=\"sdc-tab-header\"\n      [class.sdc-tab-header-active]=\"i === activeIndex\"\n      [class.sdc-tab-header-disabled]=\"h.disabled\"\n      role=\"tab\"\n      type=\"button\"\n      [disabled]=\"h.disabled\"\n      [attr.aria-selected]=\"i === activeIndex\"\n      [attr.aria-controls]=\"h.id + '-panel'\"\n      [attr.aria-disabled]=\"h.disabled\"\n      [id]=\"h.id\"\n      [tabindex]=\"h.disabled ? -1 : i === activeIndex ? 0 : -1\"\n      (click)=\"select(i)\"\n      (keydown)=\"onHeaderKeydown($event, i)\"\n    >\n      <span class=\"sdc-tab-label\">{{ h.label }}</span>\n    </button>\n    }\n  </div>\n  <div class=\"sdc-tab-panels\" #panelsRef>\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".sdc-tab{border:0;border-radius:0;background:none;display:flex;flex-direction:column}.sdc-tab .sdc-tab-label{font-size:15px}.sdc-tab-headers{display:flex;white-space:nowrap;overflow-x:auto;overflow-y:hidden;padding:0;margin:0;border-bottom:1px solid var(--sdc-tab-border);position:relative}.sdc-tab-header{position:relative;appearance:none;background:transparent;border:0;margin:0;padding:10px 15px;color:var(--sdc-tab-primary);cursor:pointer;border-bottom:5px solid transparent;transition:color .2s ease-out,border-color .2s ease-out;border-radius:0;flex:0 0 auto}.sdc-tab-header:hover{color:var(--sdc-tab-primary-hover)}.sdc-tab-header:focus{outline:none;background-color:var(--sdc-tab-focus)}.sdc-tab-header[disabled],.sdc-tab-header-disabled{cursor:not-allowed;opacity:.6}.sdc-tab-header-active{color:var(--sdc-tab-text);font-weight:600;border-bottom-color:var(--sdc-tab-primary)}.sdc-tab-header-active:hover{color:#4d4d4d;border-bottom-color:var(--sdc-tab-primary-hover)}.sdc-tab-header>.sds-badge-error{position:absolute;top:16px;left:1px}.sdc-tab-panels{padding:10px 0 0;width:100%;min-width:0}.sdc-tab-panel{outline:0;list-style:none;margin:0}[hidden]{display:none!important}@media (max-width: 750px){.sdc-tab,.sdc-tab *{box-sizing:border-box}.sdc-tab.sdc-tab-stack{display:flex;flex-direction:column;width:100vw;max-width:100vw;overflow:hidden}.sdc-tab.sdc-tab-stack .sdc-tab-headers{flex-direction:row;border-right:0;border-bottom:1px solid var(--sdc-tab-border);width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable both-edges;gap:.25rem;padding:0;margin:0}.sdc-tab.sdc-tab-stack .sdc-tab-header{flex:0 0 auto;white-space:nowrap;border-right:0;border-bottom:5px solid transparent;width:auto;text-align:left}.sdc-tab.sdc-tab-stack .sdc-tab-panels{padding:10px 15px 0 0;width:100%;max-width:100%;min-width:0;overflow-x:hidden}.sdc-tab.sdc-tab-stack .sdc-tab-panel{max-width:100%;overflow-wrap:anywhere;word-break:break-word}img,video,canvas,svg{max-width:100%;height:auto}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sdc-tab', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "<div class=\"sdc-tab\" [class.sdc-tab-stack]=\"isMobile\">\n  <div #headersRef class=\"sdc-tab-headers\" role=\"tablist\" aria-label=\"Tabs\">\n    @for (h of headers(); let i = $index; track i) {\n      <button\n        class=\"sdc-tab-header\"\n        [class.sdc-tab-header-active]=\"i === activeIndex\"\n        [class.sdc-tab-header-disabled]=\"h.disabled\"\n        role=\"tab\"\n        type=\"button\"\n        [disabled]=\"h.disabled\"\n        [attr.aria-selected]=\"i === activeIndex\"\n        [attr.aria-controls]=\"h.id + '-panel'\"\n        [attr.aria-disabled]=\"h.disabled\"\n        [id]=\"h.id\"\n        [tabindex]=\"h.disabled ? -1 : (i === activeIndex ? 0 : -1)\"\n        (click)=\"select(i)\"\n        (keydown)=\"onHeaderKeydown($event, i)\">\n        <span class=\"sdc-tab-label\">{{ h.label }}</span>\n      </button>\n    }\n  </div>\n\n  <div class=\"sdc-tab-panels\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".sdc-tab{border:0;border-radius:0;background:none;display:flex;flex-direction:column}.sdc-tab .sdc-tab-label{font-size:15px}.sdc-tab-headers{display:flex;white-space:nowrap;overflow-x:auto;overflow-y:hidden;padding:0;margin:0;border-bottom:1px solid var(--sdc-tab-border);position:relative}.sdc-tab-header{position:relative;appearance:none;background:transparent;border:0;margin:0;padding:10px 15px;color:var(--sdc-tab-primary);cursor:pointer;border-bottom:5px solid transparent;transition:color .2s ease-out,border-color .2s ease-out;border-radius:0;flex:0 0 auto}.sdc-tab-header:hover{color:var(--sdc-tab-primary-hover)}.sdc-tab-header:focus{outline:none;background-color:var(--sdc-tab-focus)}.sdc-tab-header[disabled],.sdc-tab-header-disabled{cursor:not-allowed;opacity:.6}.sdc-tab-header-active{color:var(--sdc-tab-text);font-weight:600;border-bottom-color:var(--sdc-tab-primary)}.sdc-tab-header-active:hover{color:#4d4d4d;border-bottom-color:var(--sdc-tab-primary-hover)}.sdc-tab-header>.sds-badge-error{position:absolute;top:16px;left:1px}.sdc-tab-panels{padding:10px 0 0;width:100%;min-width:0}.sdc-tab-panel{outline:0;list-style:none;margin:0}[hidden]{display:none!important}@media (max-width: 750px){.sdc-tab,.sdc-tab *{box-sizing:border-box}.sdc-tab.sdc-tab-stack{display:flex;flex-direction:column;width:100vw;max-width:100vw;overflow:hidden}.sdc-tab.sdc-tab-stack .sdc-tab-headers{flex-direction:row;border-right:0;border-bottom:1px solid var(--sdc-tab-border);width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable both-edges;gap:.25rem;padding:0;margin:0}.sdc-tab.sdc-tab-stack .sdc-tab-header{flex:0 0 auto;white-space:nowrap;border-right:0;border-bottom:5px solid transparent;width:auto;text-align:left}.sdc-tab.sdc-tab-stack .sdc-tab-panels{padding:10px 15px 0 0;width:100%;max-width:100%;min-width:0;overflow-x:hidden}.sdc-tab.sdc-tab-stack .sdc-tab-panel{max-width:100%;overflow-wrap:anywhere;word-break:break-word}img,video,canvas,svg{max-width:100%;height:auto}}\n"] }]
+            args: [{ selector: 'sdc-tab', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "<div class=\"sdc-tab\" [class.sdc-tab-stack]=\"isMobile\">\n  <div #headersRef class=\"sdc-tab-headers\" role=\"tablist\" aria-label=\"Tabs\">\n    @for (h of headers(); let i = $index; track i) {\n    <button\n      class=\"sdc-tab-header\"\n      [class.sdc-tab-header-active]=\"i === activeIndex\"\n      [class.sdc-tab-header-disabled]=\"h.disabled\"\n      role=\"tab\"\n      type=\"button\"\n      [disabled]=\"h.disabled\"\n      [attr.aria-selected]=\"i === activeIndex\"\n      [attr.aria-controls]=\"h.id + '-panel'\"\n      [attr.aria-disabled]=\"h.disabled\"\n      [id]=\"h.id\"\n      [tabindex]=\"h.disabled ? -1 : i === activeIndex ? 0 : -1\"\n      (click)=\"select(i)\"\n      (keydown)=\"onHeaderKeydown($event, i)\"\n    >\n      <span class=\"sdc-tab-label\">{{ h.label }}</span>\n    </button>\n    }\n  </div>\n  <div class=\"sdc-tab-panels\" #panelsRef>\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".sdc-tab{border:0;border-radius:0;background:none;display:flex;flex-direction:column}.sdc-tab .sdc-tab-label{font-size:15px}.sdc-tab-headers{display:flex;white-space:nowrap;overflow-x:auto;overflow-y:hidden;padding:0;margin:0;border-bottom:1px solid var(--sdc-tab-border);position:relative}.sdc-tab-header{position:relative;appearance:none;background:transparent;border:0;margin:0;padding:10px 15px;color:var(--sdc-tab-primary);cursor:pointer;border-bottom:5px solid transparent;transition:color .2s ease-out,border-color .2s ease-out;border-radius:0;flex:0 0 auto}.sdc-tab-header:hover{color:var(--sdc-tab-primary-hover)}.sdc-tab-header:focus{outline:none;background-color:var(--sdc-tab-focus)}.sdc-tab-header[disabled],.sdc-tab-header-disabled{cursor:not-allowed;opacity:.6}.sdc-tab-header-active{color:var(--sdc-tab-text);font-weight:600;border-bottom-color:var(--sdc-tab-primary)}.sdc-tab-header-active:hover{color:#4d4d4d;border-bottom-color:var(--sdc-tab-primary-hover)}.sdc-tab-header>.sds-badge-error{position:absolute;top:16px;left:1px}.sdc-tab-panels{padding:10px 0 0;width:100%;min-width:0}.sdc-tab-panel{outline:0;list-style:none;margin:0}[hidden]{display:none!important}@media (max-width: 750px){.sdc-tab,.sdc-tab *{box-sizing:border-box}.sdc-tab.sdc-tab-stack{display:flex;flex-direction:column;width:100vw;max-width:100vw;overflow:hidden}.sdc-tab.sdc-tab-stack .sdc-tab-headers{flex-direction:row;border-right:0;border-bottom:1px solid var(--sdc-tab-border);width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable both-edges;gap:.25rem;padding:0;margin:0}.sdc-tab.sdc-tab-stack .sdc-tab-header{flex:0 0 auto;white-space:nowrap;border-right:0;border-bottom:5px solid transparent;width:auto;text-align:left}.sdc-tab.sdc-tab-stack .sdc-tab-panels{padding:10px 15px 0 0;width:100%;max-width:100%;min-width:0;overflow-x:hidden}.sdc-tab.sdc-tab-stack .sdc-tab-panel{max-width:100%;overflow-wrap:anywhere;word-break:break-word}img,video,canvas,svg{max-width:100%;height:auto}}\n"] }]
         }], propDecorators: { headersRef: [{
                 type: ViewChild,
                 args: ['headersRef']
+            }], panelsRef: [{
+                type: ViewChild,
+                args: ['panelsRef']
             }], activeIndex: [{
                 type: Input,
                 args: [{ transform: numberAttribute }]
@@ -2155,145 +2197,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: [{ required: false }]
             }] } });
 
-class SqlEditorComponent {
-    sql = '';
-    height = null;
-    width = null;
-    set schema(value) {
-        this.$schema = value;
-        this.updateEditorExtensions();
-    }
-    onDomainFilter = new EventEmitter();
-    editorContainer;
-    $editor;
-    $onChange = () => { };
-    $onTouched = () => { };
-    $schema = {};
-    ngOnInit() {
-        this.$editor = new EditorView({
-            doc: this.sql,
-            parent: this.editorContainer.nativeElement,
-            extensions: this.buildExtensions(),
-        });
-    }
-    ngOnDestroy() {
-        this.$editor?.destroy();
-    }
-    writeValue(value) {
-        if (this.$editor && value !== this.$editor.state.doc.toString()) {
-            this.$editor.dispatch({
-                changes: { from: 0, to: this.$editor.state.doc.length, insert: value },
-            });
-        }
-    }
-    registerOnChange(fn) {
-        this.$onChange = fn;
-        this.$onTouched();
-    }
-    registerOnTouched(fn) {
-        this.$onTouched = fn;
-    }
-    setDisabledState(isDisabled) {
-        this.$editor?.contentDOM.setAttribute('contenteditable', String(!isDisabled));
-    }
-    getStyles() {
-        const styles = [];
-        if (this.width) {
-            const w = typeof this.width === 'number' ? `${this.width}px` : this.width;
-            styles.push(`width:${w}`);
-        }
-        if (this.height) {
-            const h = typeof this.height === 'number' ? `${this.height}px` : this.height;
-            styles.push(`height:${h}`);
-        }
-        return styles.join(';');
-    }
-    buildExtensions() {
-        return [
-            basicSetup,
-            ayuLight,
-            sqlUppercaseHandler(),
-            sqlFormatterHandler(),
-            sql({ dialect: PostgreSQL }),
-            sqlDomainFilterDecorator(token => this.onDomainFilter.emit(token)),
-            autocompletion({
-                override: [createSqlAutoCompletionHadler(this.$schema)],
-            }),
-            EditorView.updateListener.of(update => {
-                if (update.docChanged) {
-                    this.$onChange(update.state.doc.toString());
-                }
-            }),
-        ];
-    }
-    updateEditorExtensions() {
-        if (!this.$editor)
-            return;
-        this.$editor.dispatch({
-            effects: StateEffect.reconfigure.of(this.buildExtensions()),
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SqlEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SqlEditorComponent, isStandalone: true, selector: "sdc-sql-editor", inputs: { sql: "sql", height: "height", width: "width", schema: "schema" }, outputs: { onDomainFilter: "onDomainFilter" }, providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => SqlEditorComponent),
-                multi: true,
-            },
-        ], viewQueries: [{ propertyName: "editorContainer", first: true, predicate: ["editorContainer"], descendants: true, static: true }], ngImport: i0, template: "<div #editorContainer class=\"sdc-sql-editor\" [style]=\"getStyles()\"></div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SqlEditorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sdc-sql-editor', standalone: true, imports: [CommonModule], providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => SqlEditorComponent),
-                            multi: true,
-                        },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "<div #editorContainer class=\"sdc-sql-editor\" [style]=\"getStyles()\"></div>" }]
-        }], propDecorators: { sql: [{
-                type: Input
-            }], height: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], schema: [{
-                type: Input
-            }], onDomainFilter: [{
-                type: Output
-            }], editorContainer: [{
-                type: ViewChild,
-                args: ['editorContainer', { static: true }]
-            }] } });
-
-class TextboxComponent extends InputsComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: TextboxComponent, isStandalone: true, selector: "sdc-textbox", providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => TextboxComponent),
-                multi: true,
-            },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"sdc-textbox\">\n    <div *ngIf=\"label || infoIcon\" class=\"flex align-items-center\">\n        <label *ngIf=\"label\" [for]=\"identity.id\">\n            <span>{{ label }}</span>\n            <span class=\"required-field\" *ngIf=\"required\"> &bull;</span>\n        </label>\n        <i *ngIf=\"infoIcon\" class=\"fas fa-info-circle ml-3\" \n        [pTooltip]=\"tooltipIcon\" \n        tooltipZIndex=\"999999999999\"></i>\n    </div>\n\n    <input\n        (input)=\"onInput($event)\"\n        [disabled]=\"disabled\"\n        [id]=\"identity.id\"\n        [name]=\"identity.name\"\n        [ngClass]=\"getInvalidClass()\"\n        [ngStyle]=\"getInputStyle()\"\n        [placeholder]=\"placeholder\"\n        [required]=\"required\"\n        [value]=\"value\"\n        pInputText\n        type=\"text\"\n        [attr.maxlength]=\"maxlength\"\n        [pKeyFilter]=\"keyFilter\"\n    />\n\n    <small\n        *ngIf=\"message\"\n        [ngClass]=\"getInvalidMessageClass()\"\n    >{{ message }}</small>\n</div>\n", styles: [".sdc-textbox label{display:inline-flex;align-items:center;margin-bottom:0;line-height:1;padding-top:7px;padding-bottom:7px}.sdc-textbox .required-field{margin-left:.25rem}.sdc-textbox ::ng-deep input{border-start-start-radius:var(--sdc-formfield-border-radius)!important;border-end-start-radius:var(--sdc-formfield-border-radius)!important;border-start-end-radius:var(--sdc-formfield-border-radius)!important;border-end-end-radius:var(--sdc-formfield-border-radius)!important;min-height:var(--sdc-formfield-default-height)!important;height:var(--sdc-formfield-default-height)!important;max-height:var(--sdc-formfield-default-height)!important;line-height:var(--sdc-formfield-default-line-height)!important}.sdc-textbox ::ng-deep input:disabled{background-color:var(--sdc-formfield-disabled-bg)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "ngmodule", type: KeyFilterModule }, { kind: "directive", type: i3$3.KeyFilter, selector: "[pKeyFilter]", inputs: ["pValidateOnly", "pKeyFilter"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextboxComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sdc-textbox', standalone: true, imports: [
-                        CommonModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        InputTextModule,
-                        KeyFilterModule,
-                        TooltipModule,
-                    ], providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => TextboxComponent),
-                            multi: true,
-                        },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "<div class=\"sdc-textbox\">\n    <div *ngIf=\"label || infoIcon\" class=\"flex align-items-center\">\n        <label *ngIf=\"label\" [for]=\"identity.id\">\n            <span>{{ label }}</span>\n            <span class=\"required-field\" *ngIf=\"required\"> &bull;</span>\n        </label>\n        <i *ngIf=\"infoIcon\" class=\"fas fa-info-circle ml-3\" \n        [pTooltip]=\"tooltipIcon\" \n        tooltipZIndex=\"999999999999\"></i>\n    </div>\n\n    <input\n        (input)=\"onInput($event)\"\n        [disabled]=\"disabled\"\n        [id]=\"identity.id\"\n        [name]=\"identity.name\"\n        [ngClass]=\"getInvalidClass()\"\n        [ngStyle]=\"getInputStyle()\"\n        [placeholder]=\"placeholder\"\n        [required]=\"required\"\n        [value]=\"value\"\n        pInputText\n        type=\"text\"\n        [attr.maxlength]=\"maxlength\"\n        [pKeyFilter]=\"keyFilter\"\n    />\n\n    <small\n        *ngIf=\"message\"\n        [ngClass]=\"getInvalidMessageClass()\"\n    >{{ message }}</small>\n</div>\n", styles: [".sdc-textbox label{display:inline-flex;align-items:center;margin-bottom:0;line-height:1;padding-top:7px;padding-bottom:7px}.sdc-textbox .required-field{margin-left:.25rem}.sdc-textbox ::ng-deep input{border-start-start-radius:var(--sdc-formfield-border-radius)!important;border-end-start-radius:var(--sdc-formfield-border-radius)!important;border-start-end-radius:var(--sdc-formfield-border-radius)!important;border-end-end-radius:var(--sdc-formfield-border-radius)!important;min-height:var(--sdc-formfield-default-height)!important;height:var(--sdc-formfield-default-height)!important;max-height:var(--sdc-formfield-default-height)!important;line-height:var(--sdc-formfield-default-line-height)!important}.sdc-textbox ::ng-deep input:disabled{background-color:var(--sdc-formfield-disabled-bg)!important}\n"] }]
-        }] });
-
 class ToastComponent {
     toast;
     dismiss = new EventEmitter();
@@ -2398,6 +2301,231 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i0.Injector }, { type: i0.ComponentFactoryResolver }] });
 
+class CodeEditorComponent {
+    toast;
+    constructor(toast) {
+        this.toast = toast;
+    }
+    sql = '';
+    height = null;
+    width = null;
+    showCopy = false;
+    customHeaderItems = [];
+    activeHeaderKey;
+    headerSelect = new EventEmitter();
+    copied = new EventEmitter();
+    _readOnly = false;
+    set readOnly(v) { this._readOnly = !!v; this.updateEditorExtensions(); }
+    get readOnly() { return this._readOnly; }
+    languageChange = new EventEmitter();
+    set language(value) {
+        const lang = (value || 'sql');
+        if (lang !== this.$language) {
+            this.$language = lang;
+            this.updateEditorExtensions();
+            this.languageChange.emit(this.$language);
+        }
+    }
+    get language() { return this.$language; }
+    set schema(value) {
+        this.$schema = value;
+        if (this.$language === 'sql')
+            this.updateEditorExtensions();
+    }
+    onDomainFilter = new EventEmitter();
+    editorContainer;
+    $editor;
+    $onChange = () => { };
+    $onTouched = () => { };
+    $schema = {};
+    $language = 'sql';
+    $disabled = false;
+    ngOnInit() {
+        this.$editor = new EditorView({
+            doc: this.sql,
+            parent: this.editorContainer.nativeElement,
+            extensions: this.buildExtensions(),
+        });
+    }
+    ngOnChanges(changes) {
+        if (changes['sql'] && !changes['sql'].firstChange && this.$editor) {
+            const next = (changes['sql'].currentValue ?? '');
+            if (next !== this.$editor.state.doc.toString()) {
+                this.$editor.dispatch({ changes: { from: 0, to: this.$editor.state.doc.length, insert: next } });
+            }
+        }
+    }
+    ngOnDestroy() { this.$editor?.destroy(); }
+    writeValue(value) {
+        if (this.$editor && value !== this.$editor.state.doc.toString()) {
+            this.$editor.dispatch({ changes: { from: 0, to: this.$editor.state.doc.length, insert: value ?? '' } });
+        }
+    }
+    registerOnChange(fn) { this.$onChange = fn; }
+    registerOnTouched(fn) { this.$onTouched = fn; }
+    setDisabledState(isDisabled) {
+        this.$disabled = isDisabled;
+        if (!this.$editor)
+            return;
+        const editable = !(isDisabled || this._readOnly);
+        this.$editor.contentDOM.setAttribute('contenteditable', String(editable));
+        this.updateEditorExtensions();
+    }
+    getStyleMap() {
+        const s = {};
+        if (this.width != null)
+            s.width = typeof this.width === 'number' ? `${this.width}px` : this.width;
+        if (this.height != null)
+            s.height = typeof this.height === 'number' ? `${this.height}px` : this.height;
+        return s;
+    }
+    pickHeader(item) {
+        this.activeHeaderKey = item.key;
+        if (item.value !== this.$language)
+            this.language = item.value;
+        this.headerSelect.emit({ key: item.key, lang: item.value });
+    }
+    async copy() {
+        const text = this.$editor ? this.$editor.state.doc.toString() : this.sql || '';
+        let ok = false;
+        try {
+            await navigator.clipboard.writeText(text);
+            ok = true;
+        }
+        catch {
+            try {
+                const ta = document.createElement('textarea');
+                ta.value = text;
+                document.body.appendChild(ta);
+                ta.select();
+                document.execCommand('copy');
+                document.body.removeChild(ta);
+                ok = true;
+            }
+            catch {
+                ok = false;
+            }
+        }
+        this.toast.show({
+            title: ok ? 'Copiado' : 'Falha ao copiar',
+            text: ok ? 'Conteúdo copiado para a área de transferência.' : 'Não foi possível copiar.',
+            severity: ok ? 'success' : 'error',
+            duration: 2000,
+            closable: true
+        });
+        this.copied.emit(ok);
+    }
+    buildExtensions() {
+        const editable = !(this._readOnly || this.$disabled);
+        const guards = editable ? [] : [
+            EditorView.domEventHandlers({
+                beforeinput: e => e.preventDefault(),
+                drop: e => e.preventDefault(),
+                paste: e => e.preventDefault(),
+                cut: e => e.preventDefault(),
+            }),
+        ];
+        const base = [
+            basicSetup,
+            ayuLight,
+            EditorView.editable.of(editable),
+            EditorView.updateListener.of((update) => {
+                if (update.docChanged)
+                    this.$onChange(update.state.doc.toString());
+            }),
+            ...guards,
+        ];
+        return [...base, ...this.getLanguageExtensions()];
+    }
+    getLanguageExtensions() {
+        switch (this.$language) {
+            case 'sql':
+                return [
+                    sqlUppercaseHandler(),
+                    sqlFormatterHandler(),
+                    sql({ dialect: PostgreSQL }),
+                    sqlDomainFilterDecorator((token) => this.onDomainFilter.emit(token)),
+                    autocompletion({ override: [createSqlAutoCompletionHadler(this.$schema)] }),
+                ];
+            case 'typescript': return [javascript({ typescript: true, jsx: true }), autocompletion()];
+            case 'javascript': return [javascript({ typescript: false, jsx: true }), autocompletion()];
+            case 'json': return [json(), autocompletion()];
+            case 'html': return [html(), autocompletion()];
+            case 'plaintext':
+            default: return [autocompletion()];
+        }
+    }
+    updateEditorExtensions() {
+        if (!this.$editor)
+            return;
+        this.$editor.dispatch({ effects: StateEffect.reconfigure.of(this.buildExtensions()) });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CodeEditorComponent, deps: [{ token: ToastService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CodeEditorComponent, isStandalone: true, selector: "sdc-code-editor", inputs: { sql: "sql", height: "height", width: "width", showCopy: "showCopy", customHeaderItems: "customHeaderItems", activeHeaderKey: "activeHeaderKey", readOnly: "readOnly", language: "language", schema: "schema" }, outputs: { headerSelect: "headerSelect", copied: "onCopy", languageChange: "languageChange", onDomainFilter: "onDomainFilter" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => CodeEditorComponent), multi: true }], viewQueries: [{ propertyName: "editorContainer", first: true, predicate: ["editorContainer"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"sdc-code-editor\">\n  <div #editorContainer class=\"sdc-code-editor\" [ngStyle]=\"getStyleMap()\"></div>\n\n  <div class=\"sdc-code-editor-header\" *ngIf=\"showCopy || customHeaderItems.length > 1\">\n    <div class=\"header-left\" *ngIf=\"customHeaderItems.length > 1\">\n      <div class=\"segmented\">\n        <button\n          *ngFor=\"let it of customHeaderItems\"\n          type=\"button\"\n          class=\"segmented-item\"\n          [class.active]=\"it.key ? it.key === activeHeaderKey : it.value === language\"\n          (click)=\"pickHeader(it)\"\n        >\n          {{ it.label }}\n        </button>\n      </div>\n    </div>\n\n    <div class=\"header-right\">\n      <button type=\"button\" class=\"icon-btn\" *ngIf=\"showCopy\" (click)=\"copy()\" title=\"Copiar\">\n        <i class=\"fas fa-copy\" aria-hidden=\"true\"></i>\n        <span class=\"sr-only\">Copiar</span>\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block;min-width:0;min-height:0}.sdc-code-editor{border:var(--sql-editor-border);position:relative;isolation:isolate}.sdc-code-editor:hover .sdc-code-editor-header,.sdc-code-editor:focus-within .sdc-code-editor-header{opacity:1;transform:translateY(0);pointer-events:auto}.sdc-code-editor{display:block;width:100%}.sdc-code-editor,.sdc-code-editor .cm-editor,.sdc-code-editor .cm-scroller{position:relative;z-index:0;height:100%}.sdc-code-editor .cm-scroller{overflow:auto}.sdc-code-editor-header{position:absolute;top:8px;right:8px;left:auto;display:flex;align-items:center;gap:8px;z-index:10;opacity:0;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.sdc-code-editor-header .header-left,.sdc-code-editor-header .header-right{display:flex;align-items:center;gap:8px}.sdc-code-editor-header .segmented{display:flex;gap:2px;padding:2px;border-radius:999px;background:#ffffffeb;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px #00000014;backdrop-filter:saturate(180%) blur(6px);pointer-events:auto}.sdc-code-editor-header .segmented-item{appearance:none;border:0;background:transparent;padding:6px 10px;border-radius:999px;font:500 12px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;-webkit-user-select:none;user-select:none;color:#111}.sdc-code-editor-header .segmented-item:hover{background:#1118270f}.sdc-code-editor-header .segmented-item.active{background:#eef2ff;box-shadow:inset 0 0 0 1px #c7d2fe}.sdc-code-editor-header .segmented-item:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #6366f1}.sdc-code-editor-header .icon-btn{appearance:none;border:1px solid rgba(0,0,0,.08);width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:#ffffffeb;box-shadow:0 2px 8px #00000014;cursor:pointer;pointer-events:auto}.sdc-code-editor-header .icon-btn:hover{filter:brightness(.98)}.sdc-code-editor-header .icon-btn:active{transform:translateY(1px)}.sdc-code-editor-header .icon-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #6366f1 inset}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CodeEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sdc-code-editor', standalone: true, imports: [CommonModule], providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => CodeEditorComponent), multi: true }], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"sdc-code-editor\">\n  <div #editorContainer class=\"sdc-code-editor\" [ngStyle]=\"getStyleMap()\"></div>\n\n  <div class=\"sdc-code-editor-header\" *ngIf=\"showCopy || customHeaderItems.length > 1\">\n    <div class=\"header-left\" *ngIf=\"customHeaderItems.length > 1\">\n      <div class=\"segmented\">\n        <button\n          *ngFor=\"let it of customHeaderItems\"\n          type=\"button\"\n          class=\"segmented-item\"\n          [class.active]=\"it.key ? it.key === activeHeaderKey : it.value === language\"\n          (click)=\"pickHeader(it)\"\n        >\n          {{ it.label }}\n        </button>\n      </div>\n    </div>\n\n    <div class=\"header-right\">\n      <button type=\"button\" class=\"icon-btn\" *ngIf=\"showCopy\" (click)=\"copy()\" title=\"Copiar\">\n        <i class=\"fas fa-copy\" aria-hidden=\"true\"></i>\n        <span class=\"sr-only\">Copiar</span>\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block;min-width:0;min-height:0}.sdc-code-editor{border:var(--sql-editor-border);position:relative;isolation:isolate}.sdc-code-editor:hover .sdc-code-editor-header,.sdc-code-editor:focus-within .sdc-code-editor-header{opacity:1;transform:translateY(0);pointer-events:auto}.sdc-code-editor{display:block;width:100%}.sdc-code-editor,.sdc-code-editor .cm-editor,.sdc-code-editor .cm-scroller{position:relative;z-index:0;height:100%}.sdc-code-editor .cm-scroller{overflow:auto}.sdc-code-editor-header{position:absolute;top:8px;right:8px;left:auto;display:flex;align-items:center;gap:8px;z-index:10;opacity:0;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.sdc-code-editor-header .header-left,.sdc-code-editor-header .header-right{display:flex;align-items:center;gap:8px}.sdc-code-editor-header .segmented{display:flex;gap:2px;padding:2px;border-radius:999px;background:#ffffffeb;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px #00000014;backdrop-filter:saturate(180%) blur(6px);pointer-events:auto}.sdc-code-editor-header .segmented-item{appearance:none;border:0;background:transparent;padding:6px 10px;border-radius:999px;font:500 12px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;-webkit-user-select:none;user-select:none;color:#111}.sdc-code-editor-header .segmented-item:hover{background:#1118270f}.sdc-code-editor-header .segmented-item.active{background:#eef2ff;box-shadow:inset 0 0 0 1px #c7d2fe}.sdc-code-editor-header .segmented-item:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #6366f1}.sdc-code-editor-header .icon-btn{appearance:none;border:1px solid rgba(0,0,0,.08);width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:#ffffffeb;box-shadow:0 2px 8px #00000014;cursor:pointer;pointer-events:auto}.sdc-code-editor-header .icon-btn:hover{filter:brightness(.98)}.sdc-code-editor-header .icon-btn:active{transform:translateY(1px)}.sdc-code-editor-header .icon-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #6366f1 inset}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"] }]
+        }], ctorParameters: () => [{ type: ToastService }], propDecorators: { sql: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], showCopy: [{
+                type: Input
+            }], customHeaderItems: [{
+                type: Input
+            }], activeHeaderKey: [{
+                type: Input
+            }], headerSelect: [{
+                type: Output
+            }], copied: [{
+                type: Output,
+                args: ['onCopy']
+            }], readOnly: [{
+                type: Input
+            }], languageChange: [{
+                type: Output
+            }], language: [{
+                type: Input
+            }], schema: [{
+                type: Input
+            }], onDomainFilter: [{
+                type: Output
+            }], editorContainer: [{
+                type: ViewChild,
+                args: ['editorContainer', { static: true }]
+            }] } });
+
+class TextboxComponent extends InputsComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: TextboxComponent, isStandalone: true, selector: "sdc-textbox", providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => TextboxComponent),
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"sdc-textbox\">\n    <div *ngIf=\"label || infoIcon\" class=\"flex align-items-center\">\n        <label *ngIf=\"label\" [for]=\"identity.id\">\n            <span>{{ label }}</span>\n            <span class=\"required-field\" *ngIf=\"required\"> &bull;</span>\n        </label>\n        <i *ngIf=\"infoIcon\" class=\"fas fa-info-circle ml-3\" \n        [pTooltip]=\"tooltipIcon\" \n        tooltipZIndex=\"999999999999\"></i>\n    </div>\n\n    <input\n        (input)=\"onInput($event)\"\n        [disabled]=\"disabled\"\n        [id]=\"identity.id\"\n        [name]=\"identity.name\"\n        [ngClass]=\"getInvalidClass()\"\n        [ngStyle]=\"getInputStyle()\"\n        [placeholder]=\"placeholder\"\n        [required]=\"required\"\n        [value]=\"value\"\n        pInputText\n        type=\"text\"\n        [attr.maxlength]=\"maxlength\"\n        [pKeyFilter]=\"keyFilter\"\n    />\n\n    <small\n        *ngIf=\"message\"\n        [ngClass]=\"getInvalidMessageClass()\"\n    >{{ message }}</small>\n</div>\n", styles: [".sdc-textbox label{display:inline-flex;align-items:center;margin-bottom:0;line-height:1;padding-top:7px;padding-bottom:7px}.sdc-textbox .required-field{margin-left:.25rem}.sdc-textbox ::ng-deep input{border-start-start-radius:var(--sdc-formfield-border-radius)!important;border-end-start-radius:var(--sdc-formfield-border-radius)!important;border-start-end-radius:var(--sdc-formfield-border-radius)!important;border-end-end-radius:var(--sdc-formfield-border-radius)!important;min-height:var(--sdc-formfield-default-height)!important;height:var(--sdc-formfield-default-height)!important;max-height:var(--sdc-formfield-default-height)!important;line-height:var(--sdc-formfield-default-line-height)!important}.sdc-textbox ::ng-deep input:disabled{background-color:var(--sdc-formfield-disabled-bg)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "ngmodule", type: KeyFilterModule }, { kind: "directive", type: i3$3.KeyFilter, selector: "[pKeyFilter]", inputs: ["pValidateOnly", "pKeyFilter"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sdc-textbox', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        InputTextModule,
+                        KeyFilterModule,
+                        TooltipModule,
+                    ], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => TextboxComponent),
+                            multi: true,
+                        },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "<div class=\"sdc-textbox\">\n    <div *ngIf=\"label || infoIcon\" class=\"flex align-items-center\">\n        <label *ngIf=\"label\" [for]=\"identity.id\">\n            <span>{{ label }}</span>\n            <span class=\"required-field\" *ngIf=\"required\"> &bull;</span>\n        </label>\n        <i *ngIf=\"infoIcon\" class=\"fas fa-info-circle ml-3\" \n        [pTooltip]=\"tooltipIcon\" \n        tooltipZIndex=\"999999999999\"></i>\n    </div>\n\n    <input\n        (input)=\"onInput($event)\"\n        [disabled]=\"disabled\"\n        [id]=\"identity.id\"\n        [name]=\"identity.name\"\n        [ngClass]=\"getInvalidClass()\"\n        [ngStyle]=\"getInputStyle()\"\n        [placeholder]=\"placeholder\"\n        [required]=\"required\"\n        [value]=\"value\"\n        pInputText\n        type=\"text\"\n        [attr.maxlength]=\"maxlength\"\n        [pKeyFilter]=\"keyFilter\"\n    />\n\n    <small\n        *ngIf=\"message\"\n        [ngClass]=\"getInvalidMessageClass()\"\n    >{{ message }}</small>\n</div>\n", styles: [".sdc-textbox label{display:inline-flex;align-items:center;margin-bottom:0;line-height:1;padding-top:7px;padding-bottom:7px}.sdc-textbox .required-field{margin-left:.25rem}.sdc-textbox ::ng-deep input{border-start-start-radius:var(--sdc-formfield-border-radius)!important;border-end-start-radius:var(--sdc-formfield-border-radius)!important;border-start-end-radius:var(--sdc-formfield-border-radius)!important;border-end-end-radius:var(--sdc-formfield-border-radius)!important;min-height:var(--sdc-formfield-default-height)!important;height:var(--sdc-formfield-default-height)!important;max-height:var(--sdc-formfield-default-height)!important;line-height:var(--sdc-formfield-default-line-height)!important}.sdc-textbox ::ng-deep input:disabled{background-color:var(--sdc-formfield-disabled-bg)!important}\n"] }]
+        }] });
+
 class ModalcComponent {
     cdr;
     title = 'Modal Title';
@@ -2560,11 +2688,11 @@ class CardComponent {
         return text.length > this.options.descriptionMaxLength ? text.slice(0, this.options.descriptionMaxLength).trimEnd() + '...' : text;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CardComponent, isStandalone: true, selector: "sdc-card", inputs: { data: "data", options: "options" }, outputs: { cardAction: "cardAction" }, ngImport: i0, template: "<div class=\"sdc-card dp-card\">\n  <div class=\"sdc-card__header\">\n    <div class=\"sdc-card__icon\" [style.background]=\"options?.backgroundIcon\" [style.color]=\"options?.iconColor\">\n      <i [class]=\"options?.icon\"></i>\n    </div>\n    <div class=\"flex flex-column ml-3\">\n      <div class=\"sdc-card__title\">\n        {{ data.name }}\n      </div>\n\n      <div class=\"sdc-card__subtitle\">\n        <span>{{ data.category }}</span>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"sdc-card__body\">\n    <div class=\"sdc-card__content\">\n      <p class=\"sdc-card__description\">\n        {{ getShortDescription(data.description) }}\n      </p>\n    </div>\n  </div>\n\n  <div class=\"sdc-card__footer flex justify-content-center\">\n    <sdc-button\n      width=\"100%\"\n      (onClick)=\"cardAction.emit(data)\"\n      [priority]=\"options?.buttonPriority!\"\n      [label]=\"options?.buttonLabel! | translate\"\n    >\n    </sdc-button>\n  </div>\n</div>\n", styles: [":host{display:block}.sdc-card{width:100%;border-radius:var(--sdc-formfield-border-radius);overflow:hidden;display:flex;padding:8px;flex-direction:column;max-height:19rem;min-height:19rem}.sdc-card__header{display:flex;align-items:center;justify-content:start;gap:.75rem;padding:.75rem 1rem}.sdc-card__icon{min-width:2.9rem;min-height:2.9rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.sdc-card__body{padding:8px}.sdc-card__title{font-size:1.4rem;font-weight:600;width:100%;white-space:wrap;overflow:hidden;text-overflow:ellipsis}.sdc-card__subtitle{margin-top:.25rem;font-weight:700;font-size:.775rem;color:var(--sdc-muted, #475569);display:flex;justify-content:space-between}.sdc-card__content{margin-top:.5rem}.sdc-card__description{text-align:justify;overflow:hidden}.sdc-card__tags{margin-top:.5rem;display:flex;gap:.5rem;flex-wrap:wrap}.sdc-card__footer{margin-top:auto;padding:.75rem 1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: CheckboxModule }, { kind: "ngmodule", type: AvatarGroupModule }, { kind: "component", type: ButtonComponent, selector: "sdc-button", inputs: ["disabled", "width", "icon", "id", "label", "priority", "size", "type"], outputs: ["onClick"] }, { kind: "ngmodule", type: CardModule }, { kind: "ngmodule", type: TagModule }, { kind: "ngmodule", type: AvatarModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$5.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CardComponent, isStandalone: true, selector: "sdc-card", inputs: { data: "data", options: "options" }, outputs: { cardAction: "cardAction" }, ngImport: i0, template: "<div class=\"sdc-card dp-card\">\n  <div class=\"sdc-card__header\">\n    <div class=\"sdc-card__icon\" [style.background]=\"options?.backgroundIcon\" [style.color]=\"options?.iconColor\">\n      <i [class]=\"options?.icon\"></i>\n    </div>\n    <div class=\"flex flex-column ml-3\">\n      <div class=\"sdc-card__title\">\n        {{ data.name }}\n      </div>\n\n      <div class=\"sdc-card__subtitle\">\n        <span>{{ data.category }}</span>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"sdc-card__body\">\n    <div class=\"sdc-card__content\">\n      <p class=\"sdc-card__description\">\n        {{ getShortDescription(data.description) }}\n      </p>\n    </div>\n  </div>\n\n  <div class=\"sdc-card__footer flex justify-content-center\">\n    <sdc-button\n      width=\"100%\"\n      (onClick)=\"cardAction.emit(data)\"\n      [priority]=\"options?.buttonPriority!\"\n      [label]=\"options?.buttonLabel! | translate\"\n    >\n    </sdc-button>\n  </div>\n</div>\n", styles: [":host{display:block}.sdc-card{width:100%;border-radius:var(--sdc-formfield-border-radius);overflow:hidden;display:flex;padding:8px;flex-direction:column;min-height:19rem}.sdc-card__header{display:flex;align-items:center;justify-content:start;gap:.75rem;padding:.75rem 1rem}.sdc-card__icon{min-width:2.9rem;min-height:2.9rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.sdc-card__body{padding:8px}.sdc-card__title{font-size:1.4rem;font-weight:600;width:100%;white-space:wrap;overflow:hidden;text-overflow:ellipsis}.sdc-card__subtitle{margin-top:.25rem;font-weight:700;font-size:.775rem;color:var(--sdc-muted, #475569);display:flex;justify-content:space-between}.sdc-card__content{margin-top:.5rem}.sdc-card__description{text-align:justify;overflow:hidden}.sdc-card__tags{margin-top:.5rem;display:flex;gap:.5rem;flex-wrap:wrap}.sdc-card__footer{margin-top:auto;padding:.75rem 1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: CheckboxModule }, { kind: "ngmodule", type: AvatarGroupModule }, { kind: "component", type: ButtonComponent, selector: "sdc-button", inputs: ["disabled", "width", "icon", "id", "label", "priority", "size", "type"], outputs: ["onClick"] }, { kind: "ngmodule", type: CardModule }, { kind: "ngmodule", type: TagModule }, { kind: "ngmodule", type: AvatarModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$5.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sdc-card', imports: [CommonModule, CheckboxModule, AvatarGroupModule, ButtonComponent, CardModule, TagModule, AvatarModule, TranslateModule], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "<div class=\"sdc-card dp-card\">\n  <div class=\"sdc-card__header\">\n    <div class=\"sdc-card__icon\" [style.background]=\"options?.backgroundIcon\" [style.color]=\"options?.iconColor\">\n      <i [class]=\"options?.icon\"></i>\n    </div>\n    <div class=\"flex flex-column ml-3\">\n      <div class=\"sdc-card__title\">\n        {{ data.name }}\n      </div>\n\n      <div class=\"sdc-card__subtitle\">\n        <span>{{ data.category }}</span>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"sdc-card__body\">\n    <div class=\"sdc-card__content\">\n      <p class=\"sdc-card__description\">\n        {{ getShortDescription(data.description) }}\n      </p>\n    </div>\n  </div>\n\n  <div class=\"sdc-card__footer flex justify-content-center\">\n    <sdc-button\n      width=\"100%\"\n      (onClick)=\"cardAction.emit(data)\"\n      [priority]=\"options?.buttonPriority!\"\n      [label]=\"options?.buttonLabel! | translate\"\n    >\n    </sdc-button>\n  </div>\n</div>\n", styles: [":host{display:block}.sdc-card{width:100%;border-radius:var(--sdc-formfield-border-radius);overflow:hidden;display:flex;padding:8px;flex-direction:column;max-height:19rem;min-height:19rem}.sdc-card__header{display:flex;align-items:center;justify-content:start;gap:.75rem;padding:.75rem 1rem}.sdc-card__icon{min-width:2.9rem;min-height:2.9rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.sdc-card__body{padding:8px}.sdc-card__title{font-size:1.4rem;font-weight:600;width:100%;white-space:wrap;overflow:hidden;text-overflow:ellipsis}.sdc-card__subtitle{margin-top:.25rem;font-weight:700;font-size:.775rem;color:var(--sdc-muted, #475569);display:flex;justify-content:space-between}.sdc-card__content{margin-top:.5rem}.sdc-card__description{text-align:justify;overflow:hidden}.sdc-card__tags{margin-top:.5rem;display:flex;gap:.5rem;flex-wrap:wrap}.sdc-card__footer{margin-top:auto;padding:.75rem 1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem}\n"] }]
+            args: [{ selector: 'sdc-card', imports: [CommonModule, CheckboxModule, AvatarGroupModule, ButtonComponent, CardModule, TagModule, AvatarModule, TranslateModule], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "<div class=\"sdc-card dp-card\">\n  <div class=\"sdc-card__header\">\n    <div class=\"sdc-card__icon\" [style.background]=\"options?.backgroundIcon\" [style.color]=\"options?.iconColor\">\n      <i [class]=\"options?.icon\"></i>\n    </div>\n    <div class=\"flex flex-column ml-3\">\n      <div class=\"sdc-card__title\">\n        {{ data.name }}\n      </div>\n\n      <div class=\"sdc-card__subtitle\">\n        <span>{{ data.category }}</span>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"sdc-card__body\">\n    <div class=\"sdc-card__content\">\n      <p class=\"sdc-card__description\">\n        {{ getShortDescription(data.description) }}\n      </p>\n    </div>\n  </div>\n\n  <div class=\"sdc-card__footer flex justify-content-center\">\n    <sdc-button\n      width=\"100%\"\n      (onClick)=\"cardAction.emit(data)\"\n      [priority]=\"options?.buttonPriority!\"\n      [label]=\"options?.buttonLabel! | translate\"\n    >\n    </sdc-button>\n  </div>\n</div>\n", styles: [":host{display:block}.sdc-card{width:100%;border-radius:var(--sdc-formfield-border-radius);overflow:hidden;display:flex;padding:8px;flex-direction:column;min-height:19rem}.sdc-card__header{display:flex;align-items:center;justify-content:start;gap:.75rem;padding:.75rem 1rem}.sdc-card__icon{min-width:2.9rem;min-height:2.9rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.sdc-card__body{padding:8px}.sdc-card__title{font-size:1.4rem;font-weight:600;width:100%;white-space:wrap;overflow:hidden;text-overflow:ellipsis}.sdc-card__subtitle{margin-top:.25rem;font-weight:700;font-size:.775rem;color:var(--sdc-muted, #475569);display:flex;justify-content:space-between}.sdc-card__content{margin-top:.5rem}.sdc-card__description{text-align:justify;overflow:hidden}.sdc-card__tags{margin-top:.5rem;display:flex;gap:.5rem;flex-wrap:wrap}.sdc-card__footer{margin-top:auto;padding:.75rem 1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem}\n"] }]
         }], propDecorators: { data: [{
                 type: Input
             }], options: [{
@@ -2694,6 +2822,119 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Output
             }] } });
 
+class SelectButtonComponent {
+    cdr;
+    items = [];
+    multiple = false;
+    compareWith = (a, b) => ("value" in a && "value" in b ? a.value === b.value : this._deepEqual(a, b));
+    itemSelected = new EventEmitter();
+    itemClicked = new EventEmitter();
+    disabled = false;
+    activeItems = new Set();
+    onChange;
+    onTouched;
+    constructor(cdr) {
+        this.cdr = cdr;
+    }
+    // CVA
+    writeValue(value) {
+        this.activeItems.clear();
+        if (value != null) {
+            const ensureMatch = (v) => {
+                for (const it of this.items) {
+                    if (this.compareWith(v, it)) {
+                        this.activeItems.add(it);
+                        break;
+                    }
+                }
+            };
+            Array.isArray(value) ? value.forEach(ensureMatch) : ensureMatch(value);
+        }
+        this.cdr.markForCheck();
+    }
+    registerOnChange(fn) { this.onChange = fn; }
+    registerOnTouched(fn) { this.onTouched = fn; }
+    setDisabledState(disabled) { this.disabled = disabled; this.cdr.markForCheck(); }
+    // UI
+    onItemSelect(item) {
+        if (this.disabled || item.disabled)
+            return;
+        this.itemClicked.emit(item);
+        if (this.multiple) {
+            this.isActive(item) ? this._deleteByCompare(item) : this._addByRef(item);
+        }
+        else {
+            this.activeItems.clear();
+            this._addByRef(item);
+        }
+        const arr = this._asArray();
+        this.itemSelected.emit(arr);
+        this.onChange?.(arr);
+        this.onTouched?.();
+        this.cdr.markForCheck();
+    }
+    isActive(item) {
+        for (const it of this.activeItems)
+            if (this.compareWith(item, it))
+                return true;
+        return false;
+    }
+    trackByIndex = (i) => i;
+    // helpers
+    _addByRef(item) { this.activeItems.add(item); }
+    _deleteByCompare(item) {
+        for (const it of Array.from(this.activeItems))
+            if (this.compareWith(item, it)) {
+                this.activeItems.delete(it);
+                break;
+            }
+    }
+    _asArray() { return [...this.activeItems]; }
+    _deepEqual(a, b) {
+        if (a === b)
+            return true;
+        if (a == null || b == null || typeof a !== "object" || typeof b !== "object")
+            return false;
+        if (Array.isArray(a) !== Array.isArray(b))
+            return false;
+        const ka = Object.keys(a), kb = Object.keys(b);
+        if (ka.length !== kb.length)
+            return false;
+        for (const k of ka)
+            if (!kb.includes(k) || !this._deepEqual(a[k], b[k]))
+                return false;
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SelectButtonComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SelectButtonComponent, isStandalone: true, selector: "sdc-select-button", inputs: { items: "items", multiple: "multiple", compareWith: "compareWith" }, outputs: { itemSelected: "itemSelected", itemClicked: "itemClicked" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SelectButtonComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<div\n  class=\"select-button\"\n  [ngClass]=\"{ 'select-button--disabled': disabled }\"\n  role=\"group\"\n  [attr.aria-disabled]=\"disabled\">\n  <button\n    type=\"button\"\n    class=\"select-button-item\"\n    *ngFor=\"let item of items; index as i; trackBy: trackByIndex\"\n    [ngClass]=\"{\n      'select-button-item--active': isActive(item),\n      'select-button-item--disabled': disabled || item.disabled,\n      'select-button-item--first': i === 0,\n      'select-button-item--last': i === items.length - 1\n    }\"\n    [attr.aria-pressed]=\"isActive(item)\"\n    [disabled]=\"disabled || item.disabled\"\n    (click)=\"onItemSelect(item)\">\n    <span class=\"select-button-item__label\">{{ item.label }}</span>\n  </button>\n</div>\n", styles: [".select-button{display:inline-flex;align-items:stretch}.select-button--disabled{pointer-events:none;opacity:.6}.select-button-item{padding:8px 12px;cursor:pointer;background-color:#fff;border:none;border-left:1px solid #c1c1cc;border-top:1px solid #c1c1cc;border-bottom:1px solid #c1c1cc}.select-button-item__label{font-family:Open Sans,sans-serif;font-size:14px}.select-button-item:not(.select-button-item--disabled):not(.select-button-item--active):hover{background-color:#eeebf2}.select-button-item--active,.select-button-item--active:hover{background-color:#c1c1cc;font-weight:700}.select-button-item--disabled{opacity:.5;cursor:default}.select-button-item--first{border-top-left-radius:2px;border-bottom-left-radius:2px}.select-button-item--last{border-right:1px solid #c1c1cc;border-top-right-radius:2px;border-bottom-right-radius:2px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SelectButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "sdc-select-button", standalone: true, imports: [CommonModule], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SelectButtonComponent),
+                            multi: true,
+                        },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"select-button\"\n  [ngClass]=\"{ 'select-button--disabled': disabled }\"\n  role=\"group\"\n  [attr.aria-disabled]=\"disabled\">\n  <button\n    type=\"button\"\n    class=\"select-button-item\"\n    *ngFor=\"let item of items; index as i; trackBy: trackByIndex\"\n    [ngClass]=\"{\n      'select-button-item--active': isActive(item),\n      'select-button-item--disabled': disabled || item.disabled,\n      'select-button-item--first': i === 0,\n      'select-button-item--last': i === items.length - 1\n    }\"\n    [attr.aria-pressed]=\"isActive(item)\"\n    [disabled]=\"disabled || item.disabled\"\n    (click)=\"onItemSelect(item)\">\n    <span class=\"select-button-item__label\">{{ item.label }}</span>\n  </button>\n</div>\n", styles: [".select-button{display:inline-flex;align-items:stretch}.select-button--disabled{pointer-events:none;opacity:.6}.select-button-item{padding:8px 12px;cursor:pointer;background-color:#fff;border:none;border-left:1px solid #c1c1cc;border-top:1px solid #c1c1cc;border-bottom:1px solid #c1c1cc}.select-button-item__label{font-family:Open Sans,sans-serif;font-size:14px}.select-button-item:not(.select-button-item--disabled):not(.select-button-item--active):hover{background-color:#eeebf2}.select-button-item--active,.select-button-item--active:hover{background-color:#c1c1cc;font-weight:700}.select-button-item--disabled{opacity:.5;cursor:default}.select-button-item--first{border-top-left-radius:2px;border-bottom-left-radius:2px}.select-button-item--last{border-right:1px solid #c1c1cc;border-top-right-radius:2px;border-bottom-right-radius:2px}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { items: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], compareWith: [{
+                type: Input
+            }], itemSelected: [{
+                type: Output
+            }], itemClicked: [{
+                type: Output
+            }] } });
+
 class RowCardComponent {
     data;
     options;
@@ -3103,5 +3344,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ButtonComponent, CONSTANTS, CardListComponent, CheckboxComponent, ComboboxComponent, ConfirmComponent, DEFAULT_CARD_LIST_OPTIONS, DEFAULT_ROW_CARD_LIST_OPTIONS, DEFAULT_TABLE_OPTIONS, FiltersComponent, HyperlinkComponent, ListComponent, ModalComponent, ModalcComponent, PaginatorComponent, PanelComponent, RowCardListComponent, SQL_HELPER, ScaffoldComponent, SearchboxComponent, SidebarComponent, SpinnerComponent, SpinnerService, SqlEditorComponent, TabComponent, TabItemComponent, TableComponent, TextboxComponent, ToastComponent, ToastService, createSqlAutoCompletionHadler, fixComboBoxOverlay, fixDialogMask, getDimensionStyles, isDesktop, isMobile, isTablet, mockRowCardList, provideDataCoreLib, provideGlobalStyles, provideTranslations, range, serviceProviders, sqlDomainFilterDecorator, sqlFormatterHandler, sqlUppercaseHandler };
+export { ButtonComponent, CONSTANTS, CardListComponent, CheckboxComponent, CodeEditorComponent, ComboboxComponent, ConfirmComponent, DEFAULT_CARD_LIST_OPTIONS, DEFAULT_ROW_CARD_LIST_OPTIONS, DEFAULT_TABLE_OPTIONS, FiltersComponent, HyperlinkComponent, ListComponent, ModalComponent, ModalcComponent, PaginatorComponent, PanelComponent, RowCardListComponent, SQL_HELPER, ScaffoldComponent, SearchboxComponent, SelectButtonComponent, SidebarComponent, SpinnerComponent, SpinnerService, TabComponent, TabItemComponent, TableComponent, TextboxComponent, ToastComponent, ToastService, createSqlAutoCompletionHadler, fixComboBoxOverlay, fixDialogMask, getDimensionStyles, isDesktop, isMobile, isTablet, mockRowCardList, provideDataCoreLib, provideGlobalStyles, provideTranslations, range, serviceProviders, sqlDomainFilterDecorator, sqlFormatterHandler, sqlUppercaseHandler };
 //# sourceMappingURL=seniorsistemas-data-seniorx-core.mjs.map