@4byte/shared-lib 0.0.1 → 0.0.3

package/fesm2022/4byte-shared-lib.mjs

@@ -0,0 +1,1315 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, makeEnvironmentProviders, provideEnvironmentInitializer, forwardRef, Input, ChangeDetectionStrategy, Component, Directive, ContentChild, NgModule, EventEmitter, Output } from '@angular/core';
+import { providePrimeNG } from 'primeng/config';
+import Aura from '@primeuix/themes/aura';
+import { definePreset } from '@primeuix/themes';
+import * as i1 from '@angular/forms';
+import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i2 from 'primeng/datepicker';
+import { DatePickerModule } from 'primeng/datepicker';
+import * as i2$1 from 'primeng/select';
+import { SelectModule } from 'primeng/select';
+import { NgTemplateOutlet } from '@angular/common';
+import * as i2$2 from 'primeng/api';
+import * as i3 from 'primeng/inputnumber';
+import { InputNumberModule } from 'primeng/inputnumber';
+import * as i6 from 'primeng/inputotp';
+import { InputOtpModule } from 'primeng/inputotp';
+import * as i2$3 from 'primeng/inputtext';
+import { InputTextModule } from 'primeng/inputtext';
+import * as i5 from 'primeng/password';
+import { PasswordModule } from 'primeng/password';
+import * as i4 from 'primeng/textarea';
+import { TextareaModule } from 'primeng/textarea';
+import * as i1$1 from '@angular/platform-browser';
+import * as i1$2 from 'primeng/button';
+import { ButtonModule } from 'primeng/button';
+import * as i1$3 from 'primeng/buttongroup';
+import { ButtonGroupModule } from 'primeng/buttongroup';
+import * as i1$4 from 'primeng/table';
+import { TableModule } from 'primeng/table';
+import * as i1$5 from 'primeng/drawer';
+import { DrawerModule } from 'primeng/drawer';
+import * as i1$6 from 'primeng/dialog';
+import { DialogModule } from 'primeng/dialog';
+
+const EMPRESA_UI_CONFIG = new InjectionToken('EMPRESA_UI_CONFIG');
+
+const AuraTheme = Aura;
+
+const CRMTheme = definePreset(Aura, {
+    semantic: {
+        primary: {
+            50: '#EEF4FF',
+            100: '#DCE8FF',
+            200: '#B9D1FF',
+            300: '#8FB4FF',
+            400: '#5F91F5',
+            500: '#2F6FE4',
+            600: '#1F58C4',
+            700: '#18489D',
+            800: '#123574',
+            900: '#0A2453',
+            950: '#00011F'
+        }
+        /* secondary: {
+          50: '#F8FAFC',
+          100: '#F1F5F9',
+          200: '#E2E8F0',
+          300: '#CBD5E1',
+          400: '#94A3B8',
+          500: '#64748B',
+          600: '#475569',
+          700: '#334155',
+          800: '#1E293B',
+          900: '#0F172A',
+          950: '#020617'
+        } */
+    }
+});
+
+const EMPRESA_THEMES = {
+    aura: AuraTheme,
+    crm: CRMTheme,
+};
+
+const PRIME_ICONS_LINK_ID = 'empresa-ui-prime-icons';
+const PRIME_ICONS_VERSION = '7.0.0';
+function injectPrimeIconsStylesheet() {
+    if (document.getElementById(PRIME_ICONS_LINK_ID))
+        return;
+    const link = document.createElement('link');
+    link.id = PRIME_ICONS_LINK_ID;
+    link.rel = 'stylesheet';
+    link.href = `https://cdn.jsdelivr.net/npm/primeicons@${PRIME_ICONS_VERSION}/primeicons.css`;
+    document.head.appendChild(link);
+}
+
+function provideEmpresaUI(config = {}) {
+    const theme = EMPRESA_THEMES[config.theme ?? 'crm'];
+    return makeEnvironmentProviders([
+        providePrimeNG({
+            theme: {
+                preset: theme,
+                options: {
+                    darkModeSelector: false
+                }
+            }
+        }),
+        {
+            provide: EMPRESA_UI_CONFIG,
+            useValue: config
+        },
+        provideEnvironmentInitializer(() => injectPrimeIconsStylesheet()),
+    ]);
+}
+
+class Calendar {
+    dateFormat = 'dd/mm/yy';
+    placeholder = 'dd/mm/yyyy';
+    showIcon = true;
+    disabled = false;
+    minDate;
+    maxDate;
+    readonlyInput = false;
+    showClear = false;
+    inputId = '';
+    name = '';
+    value = null;
+    onChange = () => { };
+    onTouched = () => { };
+    writeValue(value) {
+        this.value = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    onValueChange(value) {
+        this.value = value;
+        this.onChange(value);
+        this.onTouched();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: Calendar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: Calendar, isStandalone: true, selector: "byte-calendar", inputs: { dateFormat: "dateFormat", placeholder: "placeholder", showIcon: "showIcon", disabled: "disabled", minDate: "minDate", maxDate: "maxDate", readonlyInput: "readonlyInput", showClear: "showClear", inputId: "inputId", name: "name" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => Calendar),
+                multi: true
+            }
+        ], ngImport: i0, template: "<p-datepicker\n  [(ngModel)]=\"value\"\n  [dateFormat]=\"dateFormat\"\n  [placeholder]=\"placeholder\"\n  [showIcon]=\"showIcon\"\n  [disabled]=\"disabled\"\n  [minDate]=\"minDate\"\n  [maxDate]=\"maxDate\"\n  [readonlyInput]=\"readonlyInput\"\n  [showClear]=\"showClear\"\n  [inputId]=\"inputId\"\n  [name]=\"name\"\n  (ngModelChange)=\"onValueChange($event)\"\n  appendTo=\"body\"\n/>", styles: [":host{display:block;width:100%}:host ::ng-deep .p-inputtext,:host ::ng-deep .p-inputnumber,:host ::ng-deep .p-textarea,:host ::ng-deep .p-datepicker,:host ::ng-deep .p-select{width:100%}:host ::ng-deep .p-inputnumber-input{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i2.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo", "motionOptions"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: Calendar, decorators: [{
+            type: Component,
+            args: [{ selector: 'byte-calendar', standalone: true, imports: [
+                        FormsModule,
+                        DatePickerModule
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => Calendar),
+                            multi: true
+                        }
+                    ], template: "<p-datepicker\n  [(ngModel)]=\"value\"\n  [dateFormat]=\"dateFormat\"\n  [placeholder]=\"placeholder\"\n  [showIcon]=\"showIcon\"\n  [disabled]=\"disabled\"\n  [minDate]=\"minDate\"\n  [maxDate]=\"maxDate\"\n  [readonlyInput]=\"readonlyInput\"\n  [showClear]=\"showClear\"\n  [inputId]=\"inputId\"\n  [name]=\"name\"\n  (ngModelChange)=\"onValueChange($event)\"\n  appendTo=\"body\"\n/>", styles: [":host{display:block;width:100%}:host ::ng-deep .p-inputtext,:host ::ng-deep .p-inputnumber,:host ::ng-deep .p-textarea,:host ::ng-deep .p-datepicker,:host ::ng-deep .p-select{width:100%}:host ::ng-deep .p-inputnumber-input{width:100%}\n"] }]
+        }], propDecorators: { dateFormat: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], showIcon: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], minDate: [{
+                type: Input
+            }], maxDate: [{
+                type: Input
+            }], readonlyInput: [{
+                type: Input
+            }], showClear: [{
+                type: Input
+            }], inputId: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }] } });
+
+class ByteSelectSelectedItemDirective {
+    template;
+    constructor(template) {
+        this.template = template;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteSelectSelectedItemDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: ByteSelectSelectedItemDirective, isStandalone: true, selector: "ng-template[byteSelectSelectedItem]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteSelectSelectedItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[byteSelectSelectedItem]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+class ByteSelectItemDirective {
+    template;
+    constructor(template) {
+        this.template = template;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteSelectItemDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: ByteSelectItemDirective, isStandalone: true, selector: "ng-template[byteSelectItem]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteSelectItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[byteSelectItem]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+class ByteSelectHeaderDirective {
+    template;
+    constructor(template) {
+        this.template = template;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteSelectHeaderDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: ByteSelectHeaderDirective, isStandalone: true, selector: "ng-template[byteSelectHeader]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteSelectHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[byteSelectHeader]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+class ByteSelectFooterDirective {
+    template;
+    constructor(template) {
+        this.template = template;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteSelectFooterDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: ByteSelectFooterDirective, isStandalone: true, selector: "ng-template[byteSelectFooter]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteSelectFooterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[byteSelectFooter]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+class ByteSelectEmptyDirective {
+    template;
+    constructor(template) {
+        this.template = template;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteSelectEmptyDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: ByteSelectEmptyDirective, isStandalone: true, selector: "ng-template[byteSelectEmpty]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteSelectEmptyDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[byteSelectEmpty]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+class ByteSelectEmptyFilterDirective {
+    template;
+    constructor(template) {
+        this.template = template;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteSelectEmptyFilterDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: ByteSelectEmptyFilterDirective, isStandalone: true, selector: "ng-template[byteSelectEmptyFilter]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteSelectEmptyFilterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[byteSelectEmptyFilter]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+
+class ByteSelect {
+    // =====================================================
+    // INPUTS
+    // =====================================================
+    options = [];
+    optionLabel = '';
+    optionValue = '';
+    placeholder = 'Seleccione';
+    disabled = false;
+    inputId = '';
+    name = '';
+    filter = false;
+    filterBy = '';
+    showClear = false;
+    // =====================================================
+    // CUSTOM TEMPLATES
+    // =====================================================
+    selectedItemTemplate;
+    itemTemplate;
+    headerTemplate;
+    footerTemplate;
+    emptyTemplate;
+    emptyFilterTemplate;
+    // =====================================================
+    // VALUE
+    // =====================================================
+    value = null;
+    // =====================================================
+    // CONTROL VALUE ACCESSOR
+    // =====================================================
+    onChange = () => { };
+    onTouched = () => { };
+    writeValue(value) {
+        this.value = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    // =====================================================
+    // CHANGE
+    // =====================================================
+    onValueChange(value) {
+        this.value = value;
+        this.onChange(value);
+        this.onTouched();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: ByteSelect, isStandalone: true, selector: "byte-select", inputs: { options: "options", optionLabel: "optionLabel", optionValue: "optionValue", placeholder: "placeholder", disabled: "disabled", inputId: "inputId", name: "name", filter: "filter", filterBy: "filterBy", showClear: "showClear" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => ByteSelect),
+                multi: true
+            }
+        ], queries: [{ propertyName: "selectedItemTemplate", first: true, predicate: ByteSelectSelectedItemDirective, descendants: true }, { propertyName: "itemTemplate", first: true, predicate: ByteSelectItemDirective, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: ByteSelectHeaderDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: ByteSelectFooterDirective, descendants: true }, { propertyName: "emptyTemplate", first: true, predicate: ByteSelectEmptyDirective, descendants: true }, { propertyName: "emptyFilterTemplate", first: true, predicate: ByteSelectEmptyFilterDirective, descendants: true }], ngImport: i0, template: "<p-select\n  [options]=\"options\"\n  [optionLabel]=\"optionLabel\"\n  [optionValue]=\"optionValue\"\n  [placeholder]=\"placeholder\"\n  [disabled]=\"disabled\"\n  [inputId]=\"inputId\"\n  [name]=\"name\"\n  [filter]=\"filter\"\n  [filterBy]=\"filterBy\"\n  [showClear]=\"showClear\"\n  [ngModel]=\"value\"\n  (ngModelChange)=\"onValueChange($event)\"\n  appendTo=\"body\"\n>\n\n  @if (selectedItemTemplate) {\n\n    <ng-template\n      pTemplate=\"selectedItem\"\n      let-selectedOption\n    >\n\n      <ng-container\n        [ngTemplateOutlet]=\"selectedItemTemplate.template\"\n        [ngTemplateOutletContext]=\"{\n          $implicit: selectedOption\n        }\"\n      />\n\n    </ng-template>\n\n  }\n\n  @if (itemTemplate) {\n\n    <ng-template\n      pTemplate=\"item\"\n      let-option\n    >\n\n      <ng-container\n        [ngTemplateOutlet]=\"itemTemplate.template\"\n        [ngTemplateOutletContext]=\"{\n          $implicit: option\n        }\"\n      />\n\n    </ng-template>\n\n  }\n\n  @if (headerTemplate) {\n\n    <ng-template pTemplate=\"header\">\n\n      <ng-container\n        [ngTemplateOutlet]=\"headerTemplate.template\"\n      />\n\n    </ng-template>\n\n  }\n\n  @if (footerTemplate) {\n\n    <ng-template pTemplate=\"footer\">\n\n      <ng-container\n        [ngTemplateOutlet]=\"footerTemplate.template\"\n      />\n\n    </ng-template>\n\n  }\n\n  @if (emptyTemplate) {\n\n    <ng-template pTemplate=\"empty\">\n\n      <ng-container\n        [ngTemplateOutlet]=\"emptyTemplate.template\"\n      />\n\n    </ng-template>\n\n  } \n\n  @if (emptyFilterTemplate) {\n\n    <ng-template pTemplate=\"emptyfilter\">\n\n      <ng-container\n        [ngTemplateOutlet]=\"emptyFilterTemplate.template\"\n      />\n\n    </ng-template>\n\n  }\n\n</p-select>", styles: [":host{display:block;width:100%}:host ::ng-deep .p-inputtext,:host ::ng-deep .p-inputnumber,:host ::ng-deep .p-textarea,:host ::ng-deep .p-datepicker,:host ::ng-deep .p-select{width:100%}:host ::ng-deep .p-inputnumber-input{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i2$1.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i2$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteSelect, decorators: [{
+            type: Component,
+            args: [{ selector: 'byte-select', imports: [
+                        FormsModule,
+                        SelectModule,
+                        NgTemplateOutlet,
+                        ByteSelectSelectedItemDirective,
+                        ByteSelectItemDirective,
+                        ByteSelectHeaderDirective,
+                        ByteSelectFooterDirective,
+                        ByteSelectEmptyDirective,
+                        ByteSelectEmptyFilterDirective
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => ByteSelect),
+                            multi: true
+                        }
+                    ], template: "<p-select\n  [options]=\"options\"\n  [optionLabel]=\"optionLabel\"\n  [optionValue]=\"optionValue\"\n  [placeholder]=\"placeholder\"\n  [disabled]=\"disabled\"\n  [inputId]=\"inputId\"\n  [name]=\"name\"\n  [filter]=\"filter\"\n  [filterBy]=\"filterBy\"\n  [showClear]=\"showClear\"\n  [ngModel]=\"value\"\n  (ngModelChange)=\"onValueChange($event)\"\n  appendTo=\"body\"\n>\n\n  @if (selectedItemTemplate) {\n\n    <ng-template\n      pTemplate=\"selectedItem\"\n      let-selectedOption\n    >\n\n      <ng-container\n        [ngTemplateOutlet]=\"selectedItemTemplate.template\"\n        [ngTemplateOutletContext]=\"{\n          $implicit: selectedOption\n        }\"\n      />\n\n    </ng-template>\n\n  }\n\n  @if (itemTemplate) {\n\n    <ng-template\n      pTemplate=\"item\"\n      let-option\n    >\n\n      <ng-container\n        [ngTemplateOutlet]=\"itemTemplate.template\"\n        [ngTemplateOutletContext]=\"{\n          $implicit: option\n        }\"\n      />\n\n    </ng-template>\n\n  }\n\n  @if (headerTemplate) {\n\n    <ng-template pTemplate=\"header\">\n\n      <ng-container\n        [ngTemplateOutlet]=\"headerTemplate.template\"\n      />\n\n    </ng-template>\n\n  }\n\n  @if (footerTemplate) {\n\n    <ng-template pTemplate=\"footer\">\n\n      <ng-container\n        [ngTemplateOutlet]=\"footerTemplate.template\"\n      />\n\n    </ng-template>\n\n  }\n\n  @if (emptyTemplate) {\n\n    <ng-template pTemplate=\"empty\">\n\n      <ng-container\n        [ngTemplateOutlet]=\"emptyTemplate.template\"\n      />\n\n    </ng-template>\n\n  } \n\n  @if (emptyFilterTemplate) {\n\n    <ng-template pTemplate=\"emptyfilter\">\n\n      <ng-container\n        [ngTemplateOutlet]=\"emptyFilterTemplate.template\"\n      />\n\n    </ng-template>\n\n  }\n\n</p-select>", styles: [":host{display:block;width:100%}:host ::ng-deep .p-inputtext,:host ::ng-deep .p-inputnumber,:host ::ng-deep .p-textarea,:host ::ng-deep .p-datepicker,:host ::ng-deep .p-select{width:100%}:host ::ng-deep .p-inputnumber-input{width:100%}\n"] }]
+        }], propDecorators: { options: [{
+                type: Input
+            }], optionLabel: [{
+                type: Input
+            }], optionValue: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], inputId: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], filter: [{
+                type: Input
+            }], filterBy: [{
+                type: Input
+            }], showClear: [{
+                type: Input
+            }], selectedItemTemplate: [{
+                type: ContentChild,
+                args: [ByteSelectSelectedItemDirective]
+            }], itemTemplate: [{
+                type: ContentChild,
+                args: [ByteSelectItemDirective]
+            }], headerTemplate: [{
+                type: ContentChild,
+                args: [ByteSelectHeaderDirective]
+            }], footerTemplate: [{
+                type: ContentChild,
+                args: [ByteSelectFooterDirective]
+            }], emptyTemplate: [{
+                type: ContentChild,
+                args: [ByteSelectEmptyDirective]
+            }], emptyFilterTemplate: [{
+                type: ContentChild,
+                args: [ByteSelectEmptyFilterDirective]
+            }] } });
+
+class ByteSelectModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.22", ngImport: i0, type: ByteSelectModule, imports: [ByteSelect,
+            ByteSelectEmptyDirective,
+            ByteSelectEmptyFilterDirective,
+            ByteSelectFooterDirective,
+            ByteSelectHeaderDirective,
+            ByteSelectItemDirective,
+            ByteSelectSelectedItemDirective], exports: [ByteSelect,
+            ByteSelectEmptyDirective,
+            ByteSelectEmptyFilterDirective,
+            ByteSelectFooterDirective,
+            ByteSelectHeaderDirective,
+            ByteSelectItemDirective,
+            ByteSelectSelectedItemDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteSelectModule, imports: [ByteSelect] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteSelectModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        ByteSelect,
+                        ByteSelectEmptyDirective,
+                        ByteSelectEmptyFilterDirective,
+                        ByteSelectFooterDirective,
+                        ByteSelectHeaderDirective,
+                        ByteSelectItemDirective,
+                        ByteSelectSelectedItemDirective
+                    ],
+                    exports: [
+                        ByteSelect,
+                        ByteSelectEmptyDirective,
+                        ByteSelectEmptyFilterDirective,
+                        ByteSelectFooterDirective,
+                        ByteSelectHeaderDirective,
+                        ByteSelectItemDirective,
+                        ByteSelectSelectedItemDirective
+                    ]
+                }]
+        }] });
+
+// ⚠️ Archivo generado automáticamente. No editar a mano.
+const ICON_REGISTRY = {
+    'actions': `<svg width="4" height="16" viewBox="0 0 4 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.83333 8.5C2.29357 8.5 2.66667 8.1269 2.66667 7.66667C2.66667 7.20643 2.29357 6.83333 1.83333 6.83333C1.3731 6.83333 1 7.20643 1 7.66667C1 8.1269 1.3731 8.5 1.83333 8.5Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1.83333 2.66667C2.29357 2.66667 2.66667 2.29357 2.66667 1.83333C2.66667 1.3731 2.29357 1 1.83333 1C1.3731 1 1 1.3731 1 1.83333C1 2.29357 1.3731 2.66667 1.83333 2.66667Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1.83333 14.3333C2.29357 14.3333 2.66667 13.9602 2.66667 13.5C2.66667 13.0398 2.29357 12.6667 1.83333 12.6667C1.3731 12.6667 1 13.0398 1 13.5C1 13.9602 1.3731 14.3333 1.83333 14.3333Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`,
+    'calendar': `<svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.16667 1V3.5M11.8333 1V3.5M1 6.83333H16M2.66667 1.83333H14.3333C15.2538 1.83333 16 2.57953 16 3.5V15.1667C16 16.0871 15.2538 16.8333 14.3333 16.8333H2.66667C1.74619 16.8333 1 16.0871 1 15.1667V3.5C1 2.57953 1.74619 1.83333 2.66667 1.83333Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`,
+    'chevron-down': `<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 1L6 6L11 1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`,
+    'contact': `<svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.1667 10.1667C10.1667 9.50363 9.90327 8.86774 9.43443 8.3989C8.96559 7.93006 8.32971 7.66667 7.66667 7.66667M7.66667 7.66667C7.00363 7.66667 6.36774 7.93006 5.8989 8.3989C5.43006 8.86774 5.16667 9.50363 5.16667 10.1667M7.66667 7.66667C8.58714 7.66667 9.33333 6.92047 9.33333 6C9.33333 5.07953 8.58714 4.33333 7.66667 4.33333C6.74619 4.33333 6 5.07953 6 6C6 6.92047 6.74619 7.66667 7.66667 7.66667ZM1 15.5833V3.08333C1 2.5308 1.21949 2.00089 1.61019 1.61019C2.00089 1.21949 2.5308 1 3.08333 1H13.5C13.721 1 13.933 1.0878 14.0893 1.24408C14.2455 1.40036 14.3333 1.61232 14.3333 1.83333V13.5M1 15.5833C1 16.1359 1.21949 16.6658 1.61019 17.0565C2.00089 17.4472 2.5308 17.6667 3.08333 17.6667H13.5C13.721 17.6667 13.933 17.5789 14.0893 17.4226C14.2455 17.2663 14.3333 17.0543 14.3333 16.8333V13.5M1 15.5833C1 15.0308 1.21949 14.5009 1.61019 14.1102C2.00089 13.7195 2.5308 13.5 3.08333 13.5H14.3333" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`,
+    'dashboard': `<svg width="19" height="15" viewBox="0 0 19 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.33333 9.3337L12.6667 6.00037M2.11667 13.5004C1.38518 12.2335 1.00006 10.7965 1 9.33365C0.999944 7.87081 1.38496 6.43373 2.11635 5.16685C2.84774 3.89997 3.89973 2.84794 5.16657 2.11651C6.43342 1.38507 7.87049 1 9.33333 1C10.7962 1 12.2332 1.38507 13.5001 2.11651C14.7669 2.84794 15.8189 3.89997 16.5503 5.16685C17.2817 6.43373 17.6667 7.87081 17.6667 9.33365C17.6666 10.7965 17.2815 12.2335 16.55 13.5004" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`,
+    'email': `<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.0001 4L10.3577 9.727C10.0984 9.90421 9.8038 9.99755 9.50389 9.99755C9.20398 9.99755 8.9094 9.90421 8.65006 9.727L1.00006 4M2.70006 1H16.3001C17.2389 1 18.0001 1.89543 18.0001 3V15C18.0001 16.1046 17.2389 17 16.3001 17H2.70006C1.76118 17 1.00006 16.1046 1.00006 15V3C1.00006 1.89543 1.76118 1 2.70006 1Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`,
+    'filter': `<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.66637 15.1667C7.66629 15.3215 7.70937 15.4733 7.79077 15.6051C7.87217 15.7368 7.98867 15.8433 8.1272 15.9125L9.79387 16.7458C9.92095 16.8093 10.0622 16.8393 10.2041 16.8329C10.346 16.8264 10.4839 16.7838 10.6047 16.7091C10.7255 16.6344 10.8253 16.53 10.8944 16.4059C10.9635 16.2818 10.9998 16.1421 10.9997 16V10.1667C10.9999 9.75365 11.1534 9.35542 11.4305 9.04917L17.4497 2.39167C17.5576 2.27213 17.6285 2.1239 17.6539 1.9649C17.6794 1.8059 17.6582 1.64294 17.593 1.49573C17.5277 1.34851 17.4212 1.22335 17.2864 1.13538C17.1515 1.0474 16.9941 1.00038 16.833 1H1.83303C1.67187 1.00006 1.51419 1.04685 1.37907 1.1347C1.24396 1.22255 1.13722 1.34769 1.07179 1.49497C1.00635 1.64225 0.985022 1.80534 1.01039 1.96449C1.03575 2.12364 1.10672 2.27203 1.2147 2.39167L7.23553 9.04917C7.51265 9.35542 7.66618 9.75365 7.66637 10.1667V15.1667Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`,
+    'lock': `<svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.33333 7.66667V5.16667C4.33333 4.0616 4.77232 3.00179 5.55372 2.22039C6.33512 1.43899 7.39493 1 8.5 1C9.60507 1 10.6649 1.43899 11.4463 2.22039C12.2277 3.00179 12.6667 4.0616 12.6667 5.16667V7.66667M9.33333 12.6667C9.33333 13.1269 8.96024 13.5 8.5 13.5C8.03976 13.5 7.66667 13.1269 7.66667 12.6667C7.66667 12.2064 8.03976 11.8333 8.5 11.8333C8.96024 11.8333 9.33333 12.2064 9.33333 12.6667ZM2.66667 7.66667H14.3333C15.2538 7.66667 16 8.41286 16 9.33333V16C16 16.9205 15.2538 17.6667 14.3333 17.6667H2.66667C1.74619 17.6667 1 16.9205 1 16V9.33333C1 8.41286 1.74619 7.66667 2.66667 7.66667Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`,
+    'map-pin': `<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.601 18.8193C11.461 17.3739 17 12.6938 17 8.20009C17 6.29051 16.1571 4.45914 14.6569 3.10886C13.1566 1.75858 11.1217 1 9 1C6.87827 1 4.84344 1.75858 3.34315 3.10886C1.84285 4.45914 1 6.29051 1 8.20009C1 12.6938 6.539 17.3739 8.399 18.8193C8.57228 18.9366 8.7832 19 9 19C9.2168 19 9.42772 18.9366 9.601 18.8193Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9 10.9001C10.6569 10.9001 12 9.69128 12 8.20009C12 6.7089 10.6569 5.50006 9 5.50006C7.34315 5.50006 6 6.7089 6 8.20009C6 9.69128 7.34315 10.9001 9 10.9001Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`,
+    'open-eye': `<svg width="19" height="14" viewBox="0 0 19 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.05209 6.54282C0.982637 6.72992 0.982637 6.93572 1.05209 7.12282C1.7285 8.76294 2.87668 10.1653 4.35106 11.1521C5.82544 12.1389 7.55962 12.6656 9.33375 12.6656C11.1079 12.6656 12.8421 12.1389 14.3164 11.1521C15.7908 10.1653 16.939 8.76294 17.6154 7.12282C17.6849 6.93572 17.6849 6.72992 17.6154 6.54282C16.939 4.9027 15.7908 3.50035 14.3164 2.51357C12.8421 1.52678 11.1079 1 9.33375 1C7.55962 1 5.82544 1.52678 4.35106 2.51357C2.87668 3.50035 1.7285 4.9027 1.05209 6.54282Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.33375 9.33282C10.7145 9.33282 11.8338 8.21353 11.8338 6.83282C11.8338 5.45211 10.7145 4.33282 9.33375 4.33282C7.95304 4.33282 6.83375 5.45211 6.83375 6.83282C6.83375 8.21353 7.95304 9.33282 9.33375 9.33282Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`,
+    'plus': `<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 6.83333H12.6667M6.83333 1V12.6667" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`,
+    'report': `<svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.33333 1H2.66667C2.22464 1 1.80072 1.1756 1.48816 1.48816C1.17559 1.80072 1 2.22464 1 2.66667V16C1 16.442 1.17559 16.866 1.48816 17.1785C1.80072 17.4911 2.22464 17.6667 2.66667 17.6667H12.6667C13.1087 17.6667 13.5326 17.4911 13.8452 17.1785C14.1577 16.866 14.3333 16.442 14.3333 16V6M9.33333 1C9.59713 0.999575 9.8584 1.05134 10.1021 1.15231C10.3458 1.25328 10.5671 1.40147 10.7533 1.58834L13.7433 4.57834C13.9307 4.76459 14.0793 4.98612 14.1806 5.23014C14.2818 5.47415 14.3338 5.73581 14.3333 6M9.33333 1V5.16667C9.33333 5.38768 9.42113 5.59964 9.57741 5.75592C9.73369 5.9122 9.94565 6 10.1667 6L14.3333 6M4.33333 9.33334H11M6 8.5V10.1667M4.33333 13.5H11M9.33333 12.6667V14.3333" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`,
+    'sales': `<svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.66667 13.5038V5.17046M11 6.0038H6C5.55797 6.0038 5.13405 6.17939 4.82149 6.49195C4.50893 6.80451 4.33333 7.22843 4.33333 7.67046C4.33333 8.11249 4.50893 8.53641 4.82149 8.84897C5.13405 9.16153 5.55797 9.33713 6 9.33713H9.33333C9.77536 9.33713 10.1993 9.51272 10.5118 9.82528C10.8244 10.1378 11 10.5618 11 11.0038C11 11.4458 10.8244 11.8697 10.5118 12.1823C10.1993 12.4949 9.77536 12.6705 9.33333 12.6705H4.33333M1 1.83713C1 1.61612 1.0878 1.40415 1.24408 1.24787C1.40036 1.09159 1.61232 1.0038 1.83333 1.0038C2.03968 1.00266 2.24206 1.06048 2.41667 1.17046L3.19417 1.67046C3.36836 1.78178 3.57077 1.84092 3.7775 1.84092C3.98423 1.84092 4.18664 1.78178 4.36083 1.67046L5.13917 1.17046C5.31336 1.05915 5.51577 1 5.7225 1C5.92923 1 6.13164 1.05915 6.30583 1.17046L7.08333 1.67046C7.25753 1.78178 7.45994 1.84092 7.66667 1.84092C7.87339 1.84092 8.0758 1.78178 8.25 1.67046L9.0275 1.17046C9.2017 1.05915 9.40411 1 9.61083 1C9.81756 1 10.02 1.05915 10.1942 1.17046L10.9725 1.67046C11.1467 1.78178 11.3491 1.84092 11.5558 1.84092C11.7626 1.84092 11.965 1.78178 12.1392 1.67046L12.9167 1.17046C13.0913 1.06048 13.2937 1.00266 13.5 1.0038C13.721 1.0038 13.933 1.09159 14.0893 1.24787C14.2455 1.40415 14.3333 1.61612 14.3333 1.83713V16.8371C14.3333 17.0581 14.2455 17.2701 14.0893 17.4264C13.933 17.5827 13.721 17.6705 13.5 17.6705C13.2937 17.6716 13.0913 17.6138 12.9167 17.5038L12.1392 17.0038C11.965 16.8925 11.7626 16.8333 11.5558 16.8333C11.3491 16.8333 11.1467 16.8925 10.9725 17.0038L10.1942 17.5038C10.02 17.6151 9.81756 17.6743 9.61083 17.6743C9.40411 17.6743 9.2017 17.6151 9.0275 17.5038L8.25 17.0038C8.0758 16.8925 7.87339 16.8333 7.66667 16.8333C7.45994 16.8333 7.25753 16.8925 7.08333 17.0038L6.30583 17.5038C6.13164 17.6151 5.92923 17.6743 5.7225 17.6743C5.51577 17.6743 5.31336 17.6151 5.13917 17.5038L4.36083 17.0038C4.18664 16.8925 3.98423 16.8333 3.7775 16.8333C3.57077 16.8333 3.36836 16.8925 3.19417 17.0038L2.41667 17.5038C2.24206 17.6138 2.03968 17.6716 1.83333 17.6705C1.61232 17.6705 1.40036 17.5827 1.24408 17.4264C1.0878 17.2701 1 17.0581 1 16.8371V1.83713Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`,
+    'search': `<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 16L12.3833 12.3833M14.3333 7.66667C14.3333 11.3486 11.3486 14.3333 7.66667 14.3333C3.98477 14.3333 1 11.3486 1 7.66667C1 3.98477 3.98477 1 7.66667 1C11.3486 1 14.3333 3.98477 14.3333 7.66667Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`,
+    'settings': `<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.5 7.89167L5.16667 2.11667M8.5 10.775L5.16667 16.55M9.33333 17.6667V16M9.33333 16C13.0152 16 16 13.0152 16 9.33333C16 5.65143 13.0152 2.66667 9.33333 2.66667M9.33333 16C5.65143 16 2.66667 13.0152 2.66667 9.33333M9.33333 1V2.66667M9.33333 2.66667C5.65143 2.66667 2.66667 5.65143 2.66667 9.33333M11 9.33333H17.6667M11 9.33333C11 10.2538 10.2538 11 9.33333 11C8.41286 11 7.66667 10.2538 7.66667 9.33333C7.66667 8.41286 8.41286 7.66667 9.33333 7.66667C10.2538 7.66667 11 8.41286 11 9.33333ZM13.5 16.55L12.6667 15.1083M13.5 2.11667L12.6667 3.55833M1 9.33333H2.66667M16.55 13.5L15.1083 12.6667M16.55 5.16667L15.1083 6M2.11667 13.5L3.55833 12.6667M2.11667 5.16667L3.55833 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`,
+    'trash': `<svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.83333 8.5V13.5M10.1667 8.5V13.5M14.3333 4.33333V16C14.3333 16.442 14.1577 16.866 13.8452 17.1785C13.5326 17.4911 13.1087 17.6667 12.6667 17.6667H4.33333C3.89131 17.6667 3.46738 17.4911 3.15482 17.1785C2.84226 16.866 2.66667 16.442 2.66667 16V4.33333M1 4.33333H16M5.16667 4.33333V2.66667C5.16667 2.22464 5.34226 1.80072 5.65482 1.48816C5.96738 1.17559 6.39131 1 6.83333 1H10.1667C10.6087 1 11.0326 1.17559 11.3452 1.48816C11.6577 1.80072 11.8333 2.22464 11.8333 2.66667V4.33333" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`,
+    'upload': `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 1V13M5 6L10 1L15 6M19 13V17C19 17.5304 18.7893 18.0391 18.4142 18.4142C18.0391 18.7893 17.5304 19 17 19H3C2.46957 19 1.96086 18.7893 1.58579 18.4142C1.21071 18.0391 1 17.5304 1 17V13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`,
+    'user': `<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.16667 16.5517V15.1667C5.16667 14.7246 5.34226 14.3007 5.65482 13.9882C5.96738 13.6756 6.39131 13.5 6.83333 13.5H11.8333C12.2754 13.5 12.6993 13.6756 13.0118 13.9882C13.3244 14.3007 13.5 14.7246 13.5 15.1667V16.5517M17.6667 9.33333C17.6667 13.9357 13.9357 17.6667 9.33333 17.6667C4.73096 17.6667 1 13.9357 1 9.33333C1 4.73096 4.73096 1 9.33333 1C13.9357 1 17.6667 4.73096 17.6667 9.33333ZM11.8333 7.66667C11.8333 9.04738 10.714 10.1667 9.33333 10.1667C7.95262 10.1667 6.83333 9.04738 6.83333 7.66667C6.83333 6.28595 7.95262 5.16667 9.33333 5.16667C10.714 5.16667 11.8333 6.28595 11.8333 7.66667Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`,
+};
+
+class ByteIcon {
+    sanitizer;
+    size = 20;
+    svg = '';
+    set icon(name) {
+        const raw = ICON_REGISTRY[name];
+        if (!raw) {
+            console.warn(`[byte-icon] icono "${name}" no existe en el registro`);
+            this.svg = '';
+            return;
+        }
+        this.svg = this.sanitizer.bypassSecurityTrustHtml(raw);
+    }
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteIcon, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: ByteIcon, isStandalone: true, selector: "byte-icon", inputs: { size: "size", icon: "icon" }, ngImport: i0, template: `<span class="byte-icon" [style.width.px]="size" [style.height.px]="size" [innerHTML]="svg"></span>`, isInline: true, styles: [":host{display:inline-flex;line-height:0}.byte-icon{display:inline-flex;align-items:center;justify-content:center}.byte-icon svg{width:100%;height:100%;stroke:currentColor;fill:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteIcon, decorators: [{
+            type: Component,
+            args: [{ selector: 'byte-icon', standalone: true, template: `<span class="byte-icon" [style.width.px]="size" [style.height.px]="size" [innerHTML]="svg"></span>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-flex;line-height:0}.byte-icon{display:inline-flex;align-items:center;justify-content:center}.byte-icon svg{width:100%;height:100%;stroke:currentColor;fill:none}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.DomSanitizer }], propDecorators: { size: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }] } });
+
+// Tipos que sí admiten icono lateral
+const TYPES_WITH_ICON = ['text', 'number', 'password'];
+class ByteInput {
+    typeInput = 'text';
+    label = '';
+    error = '';
+    placeholder = '';
+    disabled = false;
+    required = false;
+    inputId = '';
+    name = '';
+    rows = 3;
+    min;
+    max;
+    step = 1;
+    maxlength = null;
+    icon = '';
+    iconSize = 20;
+    /** Marca el control como inválido (borde/color de error) */
+    invalid = false;
+    /** Cantidad de dígitos para el tipo "otp" */
+    otpLength = 4;
+    value = null;
+    onChange = () => { };
+    onTouched = () => { };
+    get showIcon() {
+        return !!this.icon && TYPES_WITH_ICON.includes(this.typeInput);
+    }
+    writeValue(value) {
+        this.value = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    onValueChange(value) {
+        this.value = value;
+        this.onChange(value);
+        this.onTouched();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: ByteInput, isStandalone: true, selector: "byte-input", inputs: { typeInput: "typeInput", label: "label", error: "error", placeholder: "placeholder", disabled: "disabled", required: "required", inputId: "inputId", name: "name", rows: "rows", min: "min", max: "max", step: "step", maxlength: "maxlength", icon: "icon", iconSize: "iconSize", invalid: "invalid", otpLength: "otpLength" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => ByteInput),
+                multi: true
+            }
+        ], ngImport: i0, template: "@if (label) {\n  <label [for]=\"inputId\" class=\"byte-input-label\" [class.byte-input-label--invalid]=\"invalid\">\n    {{ label }}\n    @if (required) {\n      <span>*</span>\n    }\n  </label>\n}\n\n<div\n  class=\"byte-input-wrapper\"\n  [class.byte-input-wrapper--disabled]=\"disabled\"\n  [class.byte-input-wrapper--invalid]=\"invalid\"\n>\n\n  @if (showIcon) {\n    <byte-icon class=\"byte-input-icon\" [icon]=\"icon\" [size]=\"16\"></byte-icon>\n  }\n\n  @if (typeInput === 'text') {\n\n    <input\n      pInputText\n      [id]=\"inputId\"\n      [name]=\"name\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [required]=\"required\"\n      [ngModel]=\"value\"\n      [maxlength]=\"maxlength\"\n      [invalid]=\"invalid\"\n      [class.byte-input--has-icon]=\"showIcon\"\n      (ngModelChange)=\"onValueChange($event)\"\n    />\n\n  } @else if (typeInput === 'number') {\n\n    <p-inputnumber\n      [inputId]=\"inputId\"\n      [name]=\"name\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [min]=\"min\"\n      [max]=\"max\"\n      [step]=\"step\"\n      [ngModel]=\"value\"\n      [invalid]=\"invalid\"\n      [class.byte-input--has-icon]=\"showIcon\"\n      (ngModelChange)=\"onValueChange($event)\"\n    />\n\n  } @else if (typeInput === 'area') {\n\n    <textarea\n      pTextarea\n      [id]=\"inputId\"\n      [name]=\"name\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [required]=\"required\"\n      [rows]=\"rows\"\n      [ngModel]=\"value\"\n      [invalid]=\"invalid\"\n      (ngModelChange)=\"onValueChange($event)\"\n    ></textarea>\n\n  } @else if (typeInput === 'password') {\n\n    <p-password\n      [inputId]=\"inputId\"\n      [name]=\"name\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [required]=\"required\"\n      [ngModel]=\"value\"\n      [toggleMask]=\"true\"\n      [feedback]=\"false\"\n      [invalid]=\"invalid\"\n      [class.byte-input--has-icon]=\"showIcon\"\n      (ngModelChange)=\"onValueChange($event)\"\n    />\n\n  } @else if (typeInput === 'otp') {\n\n    <p-inputotp\n      [name]=\"name\"\n      [length]=\"otpLength\"\n      [disabled]=\"disabled\"\n      [ngModel]=\"value\"\n      [invalid]=\"invalid\"\n      (ngModelChange)=\"onValueChange($event)\"\n    />\n\n  }\n\n</div>\n\n@if (error) {\n  <small class=\"byte-input-error\">\n    {{ error }}\n  </small>\n}", styles: [":host{display:block;width:100%}:host ::ng-deep .p-inputtext,:host ::ng-deep .p-inputnumber,:host ::ng-deep .p-textarea,:host ::ng-deep .p-datepicker,:host ::ng-deep .p-select{width:100%}:host ::ng-deep .p-inputnumber-input{width:100%}:host ::ng-deep .p-inputotp-input{width:2.25rem}.byte-input-label{display:block;margin-bottom:.5rem;font-size:.88rem}.byte-input-error{display:block;margin-top:.5rem;font-size:.7rem;color:var(--p-red-500, #ef4444)}.byte-input-label--invalid{color:var(--p-red-500, #ef4444)}.byte-input-wrapper{position:relative;display:flex;align-items:center}.byte-input-icon{position:absolute;left:.75rem;color:var(--p-text-muted-color, #6c757d);pointer-events:none;z-index:2;transition:color .15s ease}.byte-input-wrapper:focus-within .byte-input-icon{color:var(--p-primary-color, #3B82F6)}.byte-input-wrapper--disabled .byte-input-icon{color:var(--p-text-disabled-color, #cbd5e1)}.byte-input-wrapper--invalid .byte-input-icon{color:var(--p-red-500, #ef4444)}input.byte-input--has-icon,textarea.byte-input--has-icon{padding-left:2.5rem}.byte-input-wrapper ::ng-deep .p-password{width:100%}.byte-input-wrapper ::ng-deep p-password.byte-input--has-icon input{padding-left:2.5rem}.byte-input-wrapper ::ng-deep p-inputnumber.byte-input--has-icon input{padding-left:2.5rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i2$3.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i3.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i4.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["pTextareaPT", "pTextareaUnstyled", "autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "ngmodule", type: PasswordModule }, { kind: "component", type: i5.Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "toggleMask", "inputStyleClass", "styleClass", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "tabindex", "appendTo", "motionOptions", "overlayOptions"], outputs: ["onFocus", "onBlur", "onClear"] }, { kind: "ngmodule", type: InputOtpModule }, { kind: "component", type: i6.InputOtp, selector: "p-inputOtp, p-inputotp, p-input-otp", inputs: ["readonly", "tabindex", "length", "styleClass", "mask", "integerOnly", "autofocus", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: ByteIcon, selector: "byte-icon", inputs: ["size", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteInput, decorators: [{
+            type: Component,
+            args: [{ selector: 'byte-input', standalone: true, imports: [
+                        FormsModule,
+                        InputTextModule,
+                        InputNumberModule,
+                        TextareaModule,
+                        PasswordModule,
+                        InputOtpModule,
+                        ByteIcon
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => ByteInput),
+                            multi: true
+                        }
+                    ], template: "@if (label) {\n  <label [for]=\"inputId\" class=\"byte-input-label\" [class.byte-input-label--invalid]=\"invalid\">\n    {{ label }}\n    @if (required) {\n      <span>*</span>\n    }\n  </label>\n}\n\n<div\n  class=\"byte-input-wrapper\"\n  [class.byte-input-wrapper--disabled]=\"disabled\"\n  [class.byte-input-wrapper--invalid]=\"invalid\"\n>\n\n  @if (showIcon) {\n    <byte-icon class=\"byte-input-icon\" [icon]=\"icon\" [size]=\"16\"></byte-icon>\n  }\n\n  @if (typeInput === 'text') {\n\n    <input\n      pInputText\n      [id]=\"inputId\"\n      [name]=\"name\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [required]=\"required\"\n      [ngModel]=\"value\"\n      [maxlength]=\"maxlength\"\n      [invalid]=\"invalid\"\n      [class.byte-input--has-icon]=\"showIcon\"\n      (ngModelChange)=\"onValueChange($event)\"\n    />\n\n  } @else if (typeInput === 'number') {\n\n    <p-inputnumber\n      [inputId]=\"inputId\"\n      [name]=\"name\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [min]=\"min\"\n      [max]=\"max\"\n      [step]=\"step\"\n      [ngModel]=\"value\"\n      [invalid]=\"invalid\"\n      [class.byte-input--has-icon]=\"showIcon\"\n      (ngModelChange)=\"onValueChange($event)\"\n    />\n\n  } @else if (typeInput === 'area') {\n\n    <textarea\n      pTextarea\n      [id]=\"inputId\"\n      [name]=\"name\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [required]=\"required\"\n      [rows]=\"rows\"\n      [ngModel]=\"value\"\n      [invalid]=\"invalid\"\n      (ngModelChange)=\"onValueChange($event)\"\n    ></textarea>\n\n  } @else if (typeInput === 'password') {\n\n    <p-password\n      [inputId]=\"inputId\"\n      [name]=\"name\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [required]=\"required\"\n      [ngModel]=\"value\"\n      [toggleMask]=\"true\"\n      [feedback]=\"false\"\n      [invalid]=\"invalid\"\n      [class.byte-input--has-icon]=\"showIcon\"\n      (ngModelChange)=\"onValueChange($event)\"\n    />\n\n  } @else if (typeInput === 'otp') {\n\n    <p-inputotp\n      [name]=\"name\"\n      [length]=\"otpLength\"\n      [disabled]=\"disabled\"\n      [ngModel]=\"value\"\n      [invalid]=\"invalid\"\n      (ngModelChange)=\"onValueChange($event)\"\n    />\n\n  }\n\n</div>\n\n@if (error) {\n  <small class=\"byte-input-error\">\n    {{ error }}\n  </small>\n}", styles: [":host{display:block;width:100%}:host ::ng-deep .p-inputtext,:host ::ng-deep .p-inputnumber,:host ::ng-deep .p-textarea,:host ::ng-deep .p-datepicker,:host ::ng-deep .p-select{width:100%}:host ::ng-deep .p-inputnumber-input{width:100%}:host ::ng-deep .p-inputotp-input{width:2.25rem}.byte-input-label{display:block;margin-bottom:.5rem;font-size:.88rem}.byte-input-error{display:block;margin-top:.5rem;font-size:.7rem;color:var(--p-red-500, #ef4444)}.byte-input-label--invalid{color:var(--p-red-500, #ef4444)}.byte-input-wrapper{position:relative;display:flex;align-items:center}.byte-input-icon{position:absolute;left:.75rem;color:var(--p-text-muted-color, #6c757d);pointer-events:none;z-index:2;transition:color .15s ease}.byte-input-wrapper:focus-within .byte-input-icon{color:var(--p-primary-color, #3B82F6)}.byte-input-wrapper--disabled .byte-input-icon{color:var(--p-text-disabled-color, #cbd5e1)}.byte-input-wrapper--invalid .byte-input-icon{color:var(--p-red-500, #ef4444)}input.byte-input--has-icon,textarea.byte-input--has-icon{padding-left:2.5rem}.byte-input-wrapper ::ng-deep .p-password{width:100%}.byte-input-wrapper ::ng-deep p-password.byte-input--has-icon input{padding-left:2.5rem}.byte-input-wrapper ::ng-deep p-inputnumber.byte-input--has-icon input{padding-left:2.5rem}\n"] }]
+        }], propDecorators: { typeInput: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], inputId: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], rows: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], step: [{
+                type: Input
+            }], maxlength: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconSize: [{
+                type: Input
+            }], invalid: [{
+                type: Input
+            }], otpLength: [{
+                type: Input
+            }] } });
+
+class ByteButtonContentDirective {
+    template;
+    constructor(template) {
+        this.template = template;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteButtonContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: ByteButtonContentDirective, isStandalone: true, selector: "ng-template[byteButtonContent]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteButtonContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[byteButtonContent]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+
+class ByteButton {
+    // =====================================================
+    // INPUTS
+    // =====================================================
+    label = '';
+    icon = '';
+    iconPos = 'left';
+    severity;
+    variant;
+    size;
+    disabled = false;
+    loading = false;
+    loadingIcon = '';
+    raised = false;
+    rounded = false;
+    text = false;
+    outlined = false;
+    link = false;
+    plain = false;
+    fluid = false;
+    type = 'button';
+    buttonProps = {};
+    // =====================================================
+    // CUSTOM TEMPLATE
+    // =====================================================
+    contentTemplate;
+    // =====================================================
+    // OUTPUT
+    // =====================================================
+    clicked = new EventEmitter();
+    // =====================================================
+    // CLICK
+    // =====================================================
+    onButtonClick(event) {
+        this.clicked.emit(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: ByteButton, isStandalone: true, selector: "byte-button", inputs: { label: "label", icon: "icon", iconPos: "iconPos", severity: "severity", variant: "variant", size: "size", disabled: "disabled", loading: "loading", loadingIcon: "loadingIcon", raised: "raised", rounded: "rounded", text: "text", outlined: "outlined", link: "link", plain: "plain", fluid: "fluid", type: "type", buttonProps: "buttonProps" }, outputs: { clicked: "clicked" }, queries: [{ propertyName: "contentTemplate", first: true, predicate: ByteButtonContentDirective, descendants: true }], ngImport: i0, template: "<p-button\n  [label]=\"label\"\n  [iconPos]=\"iconPos\"\n  [severity]=\"severity\"\n  [variant]=\"variant\"\n  [size]=\"size\"\n  [disabled]=\"disabled\"\n  [loading]=\"loading\"\n  [raised]=\"raised\"\n  [rounded]=\"rounded\"\n  [text]=\"text\"\n  [outlined]=\"outlined\"\n  [link]=\"link\"\n  [plain]=\"plain\"\n  [fluid]=\"fluid\"\n  [type]=\"type\"\n  [buttonProps]=\"buttonProps\"\n  (onClick)=\"onButtonClick($event)\"\n>\n  @if (icon) {\n    <ng-template pTemplate=\"icon\">\n      <byte-icon [icon]=\"icon\" [size]=\"14\"></byte-icon>\n    </ng-template>\n  }\n\n  @if (contentTemplate) {\n    <ng-template pTemplate=\"content\">\n      <ng-container [ngTemplateOutlet]=\"contentTemplate.template\" />\n    </ng-template>\n  }\n</p-button>", styles: [""], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i2$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ByteIcon, selector: "byte-icon", inputs: ["size", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteButton, decorators: [{
+            type: Component,
+            args: [{ selector: 'byte-button', imports: [
+                        ButtonModule,
+                        NgTemplateOutlet,
+                        ByteButtonContentDirective,
+                        ByteIcon
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-button\n  [label]=\"label\"\n  [iconPos]=\"iconPos\"\n  [severity]=\"severity\"\n  [variant]=\"variant\"\n  [size]=\"size\"\n  [disabled]=\"disabled\"\n  [loading]=\"loading\"\n  [raised]=\"raised\"\n  [rounded]=\"rounded\"\n  [text]=\"text\"\n  [outlined]=\"outlined\"\n  [link]=\"link\"\n  [plain]=\"plain\"\n  [fluid]=\"fluid\"\n  [type]=\"type\"\n  [buttonProps]=\"buttonProps\"\n  (onClick)=\"onButtonClick($event)\"\n>\n  @if (icon) {\n    <ng-template pTemplate=\"icon\">\n      <byte-icon [icon]=\"icon\" [size]=\"14\"></byte-icon>\n    </ng-template>\n  }\n\n  @if (contentTemplate) {\n    <ng-template pTemplate=\"content\">\n      <ng-container [ngTemplateOutlet]=\"contentTemplate.template\" />\n    </ng-template>\n  }\n</p-button>" }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconPos: [{
+                type: Input
+            }], severity: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], loadingIcon: [{
+                type: Input
+            }], raised: [{
+                type: Input
+            }], rounded: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], outlined: [{
+                type: Input
+            }], link: [{
+                type: Input
+            }], plain: [{
+                type: Input
+            }], fluid: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], buttonProps: [{
+                type: Input
+            }], contentTemplate: [{
+                type: ContentChild,
+                args: [ByteButtonContentDirective]
+            }], clicked: [{
+                type: Output
+            }] } });
+
+class ByteButtonGroup {
+    // =====================================================
+    // INPUTS
+    // =====================================================
+    style;
+    styleClass;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteButtonGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: ByteButtonGroup, isStandalone: true, selector: "byte-button-group", inputs: { style: "style", styleClass: "styleClass" }, ngImport: i0, template: "<p-buttonGroup\n  [style]=\"style\"\n  [class]=\"styleClass\"\n>\n  <ng-content />\n</p-buttonGroup>", styles: [":host{display:inline-flex}\n"], dependencies: [{ kind: "ngmodule", type: ButtonGroupModule }, { kind: "component", type: i1$3.ButtonGroup, selector: "p-buttonGroup, p-buttongroup, p-button-group" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteButtonGroup, decorators: [{
+            type: Component,
+            args: [{ selector: 'byte-button-group', imports: [
+                        ButtonGroupModule
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-buttonGroup\n  [style]=\"style\"\n  [class]=\"styleClass\"\n>\n  <ng-content />\n</p-buttonGroup>", styles: [":host{display:inline-flex}\n"] }]
+        }], propDecorators: { style: [{
+                type: Input
+            }], styleClass: [{
+                type: Input
+            }] } });
+
+class ByteButtonModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.22", ngImport: i0, type: ByteButtonModule, imports: [ByteButton,
+            ByteButtonContentDirective,
+            ByteButtonGroup], exports: [ByteButton,
+            ByteButtonContentDirective,
+            ByteButtonGroup] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteButtonModule, imports: [ByteButton,
+            ByteButtonGroup] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        ByteButton,
+                        ByteButtonContentDirective,
+                        ByteButtonGroup
+                    ],
+                    exports: [
+                        ByteButton,
+                        ByteButtonContentDirective,
+                        ByteButtonGroup
+                    ]
+                }]
+        }] });
+
+class ByteTableCaptionDirective {
+    template;
+    constructor(template) {
+        this.template = template;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteTableCaptionDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: ByteTableCaptionDirective, isStandalone: true, selector: "ng-template[byteTableCaption]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteTableCaptionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[byteTableCaption]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+class ByteTableHeaderDirective {
+    template;
+    constructor(template) {
+        this.template = template;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteTableHeaderDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: ByteTableHeaderDirective, isStandalone: true, selector: "ng-template[byteTableHeader]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteTableHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[byteTableHeader]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+class ByteTableBodyDirective {
+    template;
+    constructor(template) {
+        this.template = template;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteTableBodyDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: ByteTableBodyDirective, isStandalone: true, selector: "ng-template[byteTableBody]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteTableBodyDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[byteTableBody]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+class ByteTableFooterDirective {
+    template;
+    constructor(template) {
+        this.template = template;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteTableFooterDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: ByteTableFooterDirective, isStandalone: true, selector: "ng-template[byteTableFooter]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteTableFooterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[byteTableFooter]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+class ByteTableEmptyMessageDirective {
+    template;
+    constructor(template) {
+        this.template = template;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteTableEmptyMessageDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: ByteTableEmptyMessageDirective, isStandalone: true, selector: "ng-template[byteTableEmptyMessage]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteTableEmptyMessageDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[byteTableEmptyMessage]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+class ByteTableSummaryDirective {
+    template;
+    constructor(template) {
+        this.template = template;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteTableSummaryDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: ByteTableSummaryDirective, isStandalone: true, selector: "ng-template[byteTableSummary]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteTableSummaryDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[byteTableSummary]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+
+class ByteTable {
+    // =====================================================
+    // INPUTS
+    // =====================================================
+    value = [];
+    columns = [];
+    paginator = false;
+    rows = 10;
+    rowsPerPageOptions = [10, 25, 50];
+    loading = false;
+    sortField = '';
+    sortOrder = 1;
+    selectionMode = null;
+    dataKey = '';
+    scrollable = false;
+    tableStyle = null;
+    // =====================================================
+    // CUSTOM TEMPLATES
+    // =====================================================
+    captionTemplate;
+    headerTemplate;
+    bodyTemplate;
+    footerTemplate;
+    emptyMessageTemplate;
+    summaryTemplate;
+    // =====================================================
+    // SELECTION (CVA)
+    // =====================================================
+    selection = null;
+    onChange = () => { };
+    onTouched = () => { };
+    writeValue(value) {
+        this.selection = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        // p-table no tiene un "disabled" nativo global; se puede usar
+        // para deshabilitar selección si lo necesitas más adelante.
+    }
+    onSelectionChange(value) {
+        this.selection = value;
+        this.onChange(value);
+        this.onTouched();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteTable, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: ByteTable, isStandalone: true, selector: "byte-table", inputs: { value: "value", columns: "columns", paginator: "paginator", rows: "rows", rowsPerPageOptions: "rowsPerPageOptions", loading: "loading", sortField: "sortField", sortOrder: "sortOrder", selectionMode: "selectionMode", dataKey: "dataKey", scrollable: "scrollable", tableStyle: "tableStyle" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => ByteTable),
+                multi: true
+            }
+        ], queries: [{ propertyName: "captionTemplate", first: true, predicate: ByteTableCaptionDirective, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: ByteTableHeaderDirective, descendants: true }, { propertyName: "bodyTemplate", first: true, predicate: ByteTableBodyDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: ByteTableFooterDirective, descendants: true }, { propertyName: "emptyMessageTemplate", first: true, predicate: ByteTableEmptyMessageDirective, descendants: true }, { propertyName: "summaryTemplate", first: true, predicate: ByteTableSummaryDirective, descendants: true }], ngImport: i0, template: "<p-table\n  [value]=\"value\"\n  [columns]=\"columns\"\n  [paginator]=\"paginator\"\n  [rows]=\"rows\"\n  [rowsPerPageOptions]=\"rowsPerPageOptions\"\n  [loading]=\"loading\"\n  [sortField]=\"sortField\"\n  [sortOrder]=\"sortOrder\"\n  [selectionMode]=\"selectionMode\"\n  [(selection)]=\"selection\"\n  (selectionChange)=\"onSelectionChange($event)\"\n  [dataKey]=\"dataKey\"\n  [scrollable]=\"scrollable\"\n  [tableStyle]=\"tableStyle\"\n>\n\n  @if (captionTemplate) {\n\n    <ng-template pTemplate=\"caption\">\n\n      <ng-container [ngTemplateOutlet]=\"captionTemplate.template\" />\n\n    </ng-template>\n\n  }\n\n  @if (headerTemplate) {\n\n    <ng-template\n      pTemplate=\"header\"\n      let-columns\n    >\n\n      <ng-container\n        [ngTemplateOutlet]=\"headerTemplate.template\"\n        [ngTemplateOutletContext]=\"{ $implicit: columns }\"\n      />\n\n    </ng-template>\n\n  }\n\n  @if (bodyTemplate) {\n\n    <ng-template\n      pTemplate=\"body\"\n      let-rowData\n      let-columns=\"columns\"\n      let-rowIndex=\"rowIndex\"\n    >\n\n      <ng-container\n        [ngTemplateOutlet]=\"bodyTemplate.template\"\n        [ngTemplateOutletContext]=\"{\n          $implicit: rowData,\n          columns: columns,\n          rowIndex: rowIndex\n        }\"\n      />\n\n    </ng-template>\n\n  }\n\n  @if (footerTemplate) {\n\n    <ng-template\n      pTemplate=\"footer\"\n      let-columns\n    >\n\n      <ng-container\n        [ngTemplateOutlet]=\"footerTemplate.template\"\n        [ngTemplateOutletContext]=\"{ $implicit: columns }\"\n      />\n\n    </ng-template>\n\n  }\n\n  @if (emptyMessageTemplate) {\n\n    <ng-template pTemplate=\"emptymessage\">\n\n      <ng-container [ngTemplateOutlet]=\"emptyMessageTemplate.template\" />\n\n    </ng-template>\n\n  }\n\n  @if (summaryTemplate) {\n\n    <ng-template pTemplate=\"summary\">\n\n      <ng-container [ngTemplateOutlet]=\"summaryTemplate.template\" />\n\n    </ng-template>\n\n  }\n\n</p-table>", styles: [""], dependencies: [{ kind: "ngmodule", type: TableModule }, { kind: "component", type: i1$4.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i2$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteTable, decorators: [{
+            type: Component,
+            args: [{ selector: 'byte-table', imports: [
+                        TableModule,
+                        NgTemplateOutlet,
+                        ByteTableCaptionDirective,
+                        ByteTableHeaderDirective,
+                        ByteTableBodyDirective,
+                        ByteTableFooterDirective,
+                        ByteTableEmptyMessageDirective,
+                        ByteTableSummaryDirective
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => ByteTable),
+                            multi: true
+                        }
+                    ], template: "<p-table\n  [value]=\"value\"\n  [columns]=\"columns\"\n  [paginator]=\"paginator\"\n  [rows]=\"rows\"\n  [rowsPerPageOptions]=\"rowsPerPageOptions\"\n  [loading]=\"loading\"\n  [sortField]=\"sortField\"\n  [sortOrder]=\"sortOrder\"\n  [selectionMode]=\"selectionMode\"\n  [(selection)]=\"selection\"\n  (selectionChange)=\"onSelectionChange($event)\"\n  [dataKey]=\"dataKey\"\n  [scrollable]=\"scrollable\"\n  [tableStyle]=\"tableStyle\"\n>\n\n  @if (captionTemplate) {\n\n    <ng-template pTemplate=\"caption\">\n\n      <ng-container [ngTemplateOutlet]=\"captionTemplate.template\" />\n\n    </ng-template>\n\n  }\n\n  @if (headerTemplate) {\n\n    <ng-template\n      pTemplate=\"header\"\n      let-columns\n    >\n\n      <ng-container\n        [ngTemplateOutlet]=\"headerTemplate.template\"\n        [ngTemplateOutletContext]=\"{ $implicit: columns }\"\n      />\n\n    </ng-template>\n\n  }\n\n  @if (bodyTemplate) {\n\n    <ng-template\n      pTemplate=\"body\"\n      let-rowData\n      let-columns=\"columns\"\n      let-rowIndex=\"rowIndex\"\n    >\n\n      <ng-container\n        [ngTemplateOutlet]=\"bodyTemplate.template\"\n        [ngTemplateOutletContext]=\"{\n          $implicit: rowData,\n          columns: columns,\n          rowIndex: rowIndex\n        }\"\n      />\n\n    </ng-template>\n\n  }\n\n  @if (footerTemplate) {\n\n    <ng-template\n      pTemplate=\"footer\"\n      let-columns\n    >\n\n      <ng-container\n        [ngTemplateOutlet]=\"footerTemplate.template\"\n        [ngTemplateOutletContext]=\"{ $implicit: columns }\"\n      />\n\n    </ng-template>\n\n  }\n\n  @if (emptyMessageTemplate) {\n\n    <ng-template pTemplate=\"emptymessage\">\n\n      <ng-container [ngTemplateOutlet]=\"emptyMessageTemplate.template\" />\n\n    </ng-template>\n\n  }\n\n  @if (summaryTemplate) {\n\n    <ng-template pTemplate=\"summary\">\n\n      <ng-container [ngTemplateOutlet]=\"summaryTemplate.template\" />\n\n    </ng-template>\n\n  }\n\n</p-table>" }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], columns: [{
+                type: Input
+            }], paginator: [{
+                type: Input
+            }], rows: [{
+                type: Input
+            }], rowsPerPageOptions: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], sortField: [{
+                type: Input
+            }], sortOrder: [{
+                type: Input
+            }], selectionMode: [{
+                type: Input
+            }], dataKey: [{
+                type: Input
+            }], scrollable: [{
+                type: Input
+            }], tableStyle: [{
+                type: Input
+            }], captionTemplate: [{
+                type: ContentChild,
+                args: [ByteTableCaptionDirective]
+            }], headerTemplate: [{
+                type: ContentChild,
+                args: [ByteTableHeaderDirective]
+            }], bodyTemplate: [{
+                type: ContentChild,
+                args: [ByteTableBodyDirective]
+            }], footerTemplate: [{
+                type: ContentChild,
+                args: [ByteTableFooterDirective]
+            }], emptyMessageTemplate: [{
+                type: ContentChild,
+                args: [ByteTableEmptyMessageDirective]
+            }], summaryTemplate: [{
+                type: ContentChild,
+                args: [ByteTableSummaryDirective]
+            }] } });
+
+class ByteTableModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.22", ngImport: i0, type: ByteTableModule, imports: [ByteTable,
+            ByteTableCaptionDirective,
+            ByteTableHeaderDirective,
+            ByteTableBodyDirective,
+            ByteTableFooterDirective,
+            ByteTableEmptyMessageDirective,
+            ByteTableSummaryDirective], exports: [ByteTable,
+            ByteTableCaptionDirective,
+            ByteTableHeaderDirective,
+            ByteTableBodyDirective,
+            ByteTableFooterDirective,
+            ByteTableEmptyMessageDirective,
+            ByteTableSummaryDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteTableModule, imports: [ByteTable] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteTableModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        ByteTable,
+                        ByteTableCaptionDirective,
+                        ByteTableHeaderDirective,
+                        ByteTableBodyDirective,
+                        ByteTableFooterDirective,
+                        ByteTableEmptyMessageDirective,
+                        ByteTableSummaryDirective
+                    ],
+                    exports: [
+                        ByteTable,
+                        ByteTableCaptionDirective,
+                        ByteTableHeaderDirective,
+                        ByteTableBodyDirective,
+                        ByteTableFooterDirective,
+                        ByteTableEmptyMessageDirective,
+                        ByteTableSummaryDirective
+                    ]
+                }]
+        }] });
+
+class ByteSidebarHeaderDirective {
+    template;
+    constructor(template) {
+        this.template = template;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteSidebarHeaderDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: ByteSidebarHeaderDirective, isStandalone: true, selector: "ng-template[byteSidebarHeader]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteSidebarHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[byteSidebarHeader]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+
+class ByteSidebar {
+    cdRef;
+    constructor(cdRef) {
+        this.cdRef = cdRef;
+    }
+    // =====================================================
+    // INPUTS
+    // =====================================================
+    visible = false;
+    position = 'left';
+    modal = true;
+    dismissible = true;
+    closeOnEscape = true;
+    showCloseIcon = true;
+    blockScroll = false;
+    style = null;
+    styleClass = '';
+    autoZIndex = true;
+    baseZIndex = 0;
+    // =====================================================
+    // OUTPUTS
+    // =====================================================
+    visibleChange = new EventEmitter();
+    // =====================================================
+    // CUSTOM TEMPLATES
+    // =====================================================
+    headerTemplate;
+    // =====================================================
+    // CHANGE
+    // =====================================================
+    onVisibleChange(value) {
+        this.visible = value;
+        this.visibleChange.emit(value);
+        this.cdRef.markForCheck();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteSidebar, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: ByteSidebar, isStandalone: true, selector: "byte-sidebar", inputs: { visible: "visible", position: "position", modal: "modal", dismissible: "dismissible", closeOnEscape: "closeOnEscape", showCloseIcon: "showCloseIcon", blockScroll: "blockScroll", style: "style", styleClass: "styleClass", autoZIndex: "autoZIndex", baseZIndex: "baseZIndex" }, outputs: { visibleChange: "visibleChange" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ByteSidebarHeaderDirective, descendants: true }], ngImport: i0, template: "<p-drawer\n  [visible]=\"visible\"\n  (visibleChange)=\"onVisibleChange($event)\"\n  [position]=\"position\"\n  [modal]=\"modal\"\n  [dismissible]=\"dismissible\"\n  [closeOnEscape]=\"closeOnEscape\"\n  [showCloseIcon]=\"showCloseIcon\"\n  [blockScroll]=\"blockScroll\"\n  [style]=\"style\"\n  [styleClass]=\"styleClass\"\n  [autoZIndex]=\"autoZIndex\"\n  [baseZIndex]=\"baseZIndex\"\n  appendTo=\"body\"\n>\n\n  @if (headerTemplate) {\n\n    <ng-template pTemplate=\"header\">\n\n      <ng-container\n        [ngTemplateOutlet]=\"headerTemplate.template\"\n      />\n\n    </ng-template>\n\n  }\n\n  <ng-content></ng-content>\n\n</p-drawer>", styles: [""], dependencies: [{ kind: "ngmodule", type: DrawerModule }, { kind: "component", type: i1$5.Drawer, selector: "p-drawer", inputs: ["appendTo", "motionOptions", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "closeButtonProps", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen", "header", "maskStyle", "closable"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "directive", type: i2$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteSidebar, decorators: [{
+            type: Component,
+            args: [{ selector: 'byte-sidebar', imports: [
+                        DrawerModule,
+                        NgTemplateOutlet,
+                        ByteSidebarHeaderDirective
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-drawer\n  [visible]=\"visible\"\n  (visibleChange)=\"onVisibleChange($event)\"\n  [position]=\"position\"\n  [modal]=\"modal\"\n  [dismissible]=\"dismissible\"\n  [closeOnEscape]=\"closeOnEscape\"\n  [showCloseIcon]=\"showCloseIcon\"\n  [blockScroll]=\"blockScroll\"\n  [style]=\"style\"\n  [styleClass]=\"styleClass\"\n  [autoZIndex]=\"autoZIndex\"\n  [baseZIndex]=\"baseZIndex\"\n  appendTo=\"body\"\n>\n\n  @if (headerTemplate) {\n\n    <ng-template pTemplate=\"header\">\n\n      <ng-container\n        [ngTemplateOutlet]=\"headerTemplate.template\"\n      />\n\n    </ng-template>\n\n  }\n\n  <ng-content></ng-content>\n\n</p-drawer>" }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { visible: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], modal: [{
+                type: Input
+            }], dismissible: [{
+                type: Input
+            }], closeOnEscape: [{
+                type: Input
+            }], showCloseIcon: [{
+                type: Input
+            }], blockScroll: [{
+                type: Input
+            }], style: [{
+                type: Input
+            }], styleClass: [{
+                type: Input
+            }], autoZIndex: [{
+                type: Input
+            }], baseZIndex: [{
+                type: Input
+            }], visibleChange: [{
+                type: Output
+            }], headerTemplate: [{
+                type: ContentChild,
+                args: [ByteSidebarHeaderDirective]
+            }] } });
+
+class ByteSidebarModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.22", ngImport: i0, type: ByteSidebarModule, imports: [ByteSidebar,
+            ByteSidebarHeaderDirective], exports: [ByteSidebar,
+            ByteSidebarHeaderDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteSidebarModule, imports: [ByteSidebar] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteSidebarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        ByteSidebar,
+                        ByteSidebarHeaderDirective
+                    ],
+                    exports: [
+                        ByteSidebar,
+                        ByteSidebarHeaderDirective
+                    ]
+                }]
+        }] });
+
+class ByteDialogHeaderDirective {
+    template;
+    constructor(template) {
+        this.template = template;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteDialogHeaderDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: ByteDialogHeaderDirective, isStandalone: true, selector: "ng-template[byteDialogHeader]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteDialogHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[byteDialogHeader]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+class ByteDialogFooterDirective {
+    template;
+    constructor(template) {
+        this.template = template;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteDialogFooterDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: ByteDialogFooterDirective, isStandalone: true, selector: "ng-template[byteDialogFooter]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteDialogFooterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[byteDialogFooter]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+
+class ByteDialog {
+    // =====================================================
+    // INPUTS
+    // =====================================================
+    visible = false;
+    header = '';
+    modal = true;
+    closable = true;
+    draggable = true;
+    resizable = false;
+    dismissableMask = false;
+    closeOnEscape = true;
+    maximizable = false;
+    blockScroll = true;
+    position = 'center';
+    style = null;
+    styleClass = '';
+    contentStyle = null;
+    breakpoints = null;
+    // =====================================================
+    // OUTPUTS
+    // =====================================================
+    visibleChange = new EventEmitter();
+    // =====================================================
+    // CUSTOM TEMPLATES
+    // =====================================================
+    headerTemplate;
+    footerTemplate;
+    // =====================================================
+    // CHANGE
+    // =====================================================
+    onVisibleChange(value) {
+        this.visible = value;
+        this.visibleChange.emit(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: ByteDialog, isStandalone: true, selector: "byte-dialog", inputs: { visible: "visible", header: "header", modal: "modal", closable: "closable", draggable: "draggable", resizable: "resizable", dismissableMask: "dismissableMask", closeOnEscape: "closeOnEscape", maximizable: "maximizable", blockScroll: "blockScroll", position: "position", style: "style", styleClass: "styleClass", contentStyle: "contentStyle", breakpoints: "breakpoints" }, outputs: { visibleChange: "visibleChange" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ByteDialogHeaderDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: ByteDialogFooterDirective, descendants: true }], ngImport: i0, template: "<p-dialog\n  [(visible)]=\"visible\"\n  (visibleChange)=\"onVisibleChange($event)\"\n  [header]=\"header\"\n  [modal]=\"modal\"\n  [closable]=\"closable\"\n  [draggable]=\"draggable\"\n  [resizable]=\"resizable\"\n  [dismissableMask]=\"dismissableMask\"\n  [closeOnEscape]=\"closeOnEscape\"\n  [maximizable]=\"maximizable\"\n  [blockScroll]=\"blockScroll\"\n  [position]=\"position\"\n  [style]=\"style\"\n  [styleClass]=\"styleClass\"\n  [contentStyle]=\"contentStyle\"\n  [breakpoints]=\"breakpoints\"\n  appendTo=\"body\"\n>\n\n  @if (headerTemplate) {\n\n    <ng-template pTemplate=\"header\">\n\n      <ng-container\n        [ngTemplateOutlet]=\"headerTemplate.template\"\n      />\n\n    </ng-template>\n\n  }\n\n  <ng-content></ng-content>\n\n  @if (footerTemplate) {\n\n    <ng-template pTemplate=\"footer\">\n\n      <ng-container\n        [ngTemplateOutlet]=\"footerTemplate.template\"\n      />\n\n    </ng-template>\n\n  }\n\n</p-dialog>", styles: [""], dependencies: [{ kind: "ngmodule", type: DialogModule }, { kind: "component", type: i1$6.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "maskMotionOptions", "motionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "directive", type: i2$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteDialog, decorators: [{
+            type: Component,
+            args: [{ selector: 'byte-dialog', imports: [
+                        DialogModule,
+                        NgTemplateOutlet,
+                        ByteDialogHeaderDirective,
+                        ByteDialogFooterDirective
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-dialog\n  [(visible)]=\"visible\"\n  (visibleChange)=\"onVisibleChange($event)\"\n  [header]=\"header\"\n  [modal]=\"modal\"\n  [closable]=\"closable\"\n  [draggable]=\"draggable\"\n  [resizable]=\"resizable\"\n  [dismissableMask]=\"dismissableMask\"\n  [closeOnEscape]=\"closeOnEscape\"\n  [maximizable]=\"maximizable\"\n  [blockScroll]=\"blockScroll\"\n  [position]=\"position\"\n  [style]=\"style\"\n  [styleClass]=\"styleClass\"\n  [contentStyle]=\"contentStyle\"\n  [breakpoints]=\"breakpoints\"\n  appendTo=\"body\"\n>\n\n  @if (headerTemplate) {\n\n    <ng-template pTemplate=\"header\">\n\n      <ng-container\n        [ngTemplateOutlet]=\"headerTemplate.template\"\n      />\n\n    </ng-template>\n\n  }\n\n  <ng-content></ng-content>\n\n  @if (footerTemplate) {\n\n    <ng-template pTemplate=\"footer\">\n\n      <ng-container\n        [ngTemplateOutlet]=\"footerTemplate.template\"\n      />\n\n    </ng-template>\n\n  }\n\n</p-dialog>" }]
+        }], propDecorators: { visible: [{
+                type: Input
+            }], header: [{
+                type: Input
+            }], modal: [{
+                type: Input
+            }], closable: [{
+                type: Input
+            }], draggable: [{
+                type: Input
+            }], resizable: [{
+                type: Input
+            }], dismissableMask: [{
+                type: Input
+            }], closeOnEscape: [{
+                type: Input
+            }], maximizable: [{
+                type: Input
+            }], blockScroll: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], style: [{
+                type: Input
+            }], styleClass: [{
+                type: Input
+            }], contentStyle: [{
+                type: Input
+            }], breakpoints: [{
+                type: Input
+            }], visibleChange: [{
+                type: Output
+            }], headerTemplate: [{
+                type: ContentChild,
+                args: [ByteDialogHeaderDirective]
+            }], footerTemplate: [{
+                type: ContentChild,
+                args: [ByteDialogFooterDirective]
+            }] } });
+
+class ByteDialogModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.22", ngImport: i0, type: ByteDialogModule, imports: [ByteDialog,
+            ByteDialogHeaderDirective,
+            ByteDialogFooterDirective], exports: [ByteDialog,
+            ByteDialogHeaderDirective,
+            ByteDialogFooterDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteDialogModule, imports: [ByteDialog] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ByteDialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        ByteDialog,
+                        ByteDialogHeaderDirective,
+                        ByteDialogFooterDirective
+                    ],
+                    exports: [
+                        ByteDialog,
+                        ByteDialogHeaderDirective,
+                        ByteDialogFooterDirective
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of shared-ui
+ */
+//export * from './lib/shared-ui';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ByteButton, ByteButtonContentDirective, ByteButtonGroup, ByteButtonModule, ByteDialog, ByteDialogFooterDirective, ByteDialogHeaderDirective, ByteDialogModule, ByteInput, ByteSelect, ByteSelectEmptyDirective, ByteSelectEmptyFilterDirective, ByteSelectFooterDirective, ByteSelectHeaderDirective, ByteSelectItemDirective, ByteSelectModule, ByteSelectSelectedItemDirective, ByteSidebar, ByteSidebarHeaderDirective, ByteSidebarModule, ByteTable, ByteTableBodyDirective, ByteTableCaptionDirective, ByteTableEmptyMessageDirective, ByteTableFooterDirective, ByteTableHeaderDirective, ByteTableModule, ByteTableSummaryDirective, Calendar, provideEmpresaUI };
+//# sourceMappingURL=4byte-shared-lib.mjs.map