@4byte/shared-lib 0.0.1 → 0.0.2

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

@@ -0,0 +1,1176 @@
+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 i2$3 from 'primeng/inputtext';
+import { InputTextModule } from 'primeng/inputtext';
+import * as i4 from 'primeng/textarea';
+import { TextareaModule } from 'primeng/textarea';
+import * as i1$1 from 'primeng/button';
+import { ButtonModule } from 'primeng/button';
+import * as i1$2 from 'primeng/buttongroup';
+import { ButtonGroupModule } from 'primeng/buttongroup';
+import * as i1$3 from 'primeng/table';
+import { TableModule } from 'primeng/table';
+import * as i1$4 from 'primeng/drawer';
+import { DrawerModule } from 'primeng/drawer';
+import * as i1$5 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
+                    ]
+                }]
+        }] });
+
+class ByteInput {
+    typeInput = 'text';
+    label = '';
+    error = '';
+    placeholder = '';
+    disabled = false;
+    required = false;
+    inputId = '';
+    name = '';
+    rows = 3;
+    min;
+    max;
+    step = 1;
+    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: 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" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => ByteInput),
+                multi: true
+            }
+        ], ngImport: i0, template: "@if (label) {\n  <label [for]=\"inputId\" class=\"byte-input-label\">\n    {{ label }}\n\n    @if (required) {\n      <span>*</span>\n    }\n  </label>\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    (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    (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    (ngModelChange)=\"onValueChange($event)\"\n  ></textarea>\n\n}\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%}.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)}\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.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"] }], 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
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => ByteInput),
+                            multi: true
+                        }
+                    ], template: "@if (label) {\n  <label [for]=\"inputId\" class=\"byte-input-label\">\n    {{ label }}\n\n    @if (required) {\n      <span>*</span>\n    }\n  </label>\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    (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    (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    (ngModelChange)=\"onValueChange($event)\"\n  ></textarea>\n\n}\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%}.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)}\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
+            }] } });
+
+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  [icon]=\"icon\"\n  [iconPos]=\"iconPos\"\n  [severity]=\"severity\"\n  [variant]=\"variant\"\n  [size]=\"size\"\n  [disabled]=\"disabled\"\n  [loading]=\"loading\"\n  [loadingIcon]=\"loadingIcon\"\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 (contentTemplate) {\n    <ng-template pTemplate=\"content\">\n      <ng-container\n        [ngTemplateOutlet]=\"contentTemplate.template\"\n      />\n    </ng-template>\n  }\n</p-button>", styles: [""], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.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"] }], 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
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-button\n  [label]=\"label\"\n  [icon]=\"icon\"\n  [iconPos]=\"iconPos\"\n  [severity]=\"severity\"\n  [variant]=\"variant\"\n  [size]=\"size\"\n  [disabled]=\"disabled\"\n  [loading]=\"loading\"\n  [loadingIcon]=\"loadingIcon\"\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 (contentTemplate) {\n    <ng-template pTemplate=\"content\">\n      <ng-container\n        [ngTemplateOutlet]=\"contentTemplate.template\"\n      />\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$2.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$3.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$4.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$5.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