tecnualng 0.0.1

package/README.md

@@ -0,0 +1,63 @@
+# Tecnualng
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 21.0.0.
+
+## Code scaffolding
+
+Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
+
+```bash
+ng generate component component-name
+```
+
+For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
+
+```bash
+ng generate --help
+```
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build tecnualng
+```
+
+This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
+
+### Publishing the Library
+
+Once the project is built, you can publish your library by following these steps:
+
+1. Navigate to the `dist` directory:
+   ```bash
+   cd dist/tecnualng
+   ```
+
+2. Run the `npm publish` command to publish your library to the npm registry:
+   ```bash
+   npm publish
+   ```
+
+## Running unit tests
+
+To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
+
+```bash
+ng test
+```
+
+## Running end-to-end tests
+
+For end-to-end (e2e) testing, run:
+
+```bash
+ng e2e
+```
+
+Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
+
+## Additional Resources
+
+For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.

package/fesm2022/tecnualng.mjs

@@ -0,0 +1,552 @@
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, ViewEncapsulation, Component, model, forwardRef, signal, computed, HostListener, effect, Injectable } from '@angular/core';
+import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class TngButton {
+    variant = input(null, ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    rounded = input(false, ...(ngDevMode ? [{ debugName: "rounded" }] : []));
+    soft = input(false, ...(ngDevMode ? [{ debugName: "soft" }] : []));
+    ripple = input(true, ...(ngDevMode ? [{ debugName: "ripple" }] : []));
+    icon = input(null, ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    iconPosition = input('left', ...(ngDevMode ? [{ debugName: "iconPosition" }] : []));
+    createRipple(event) {
+        if (!this.ripple())
+            return;
+        const button = event.currentTarget;
+        const circle = document.createElement('span');
+        const diameter = Math.max(button.clientWidth, button.clientHeight);
+        const radius = diameter / 2;
+        const rect = button.getBoundingClientRect();
+        circle.style.width = circle.style.height = `${diameter}px`;
+        circle.style.left = `${event.clientX - rect.left - radius}px`;
+        circle.style.top = `${event.clientY - rect.top - radius}px`;
+        circle.classList.add('tng-ripple');
+        const ripple = button.getElementsByClassName('tng-ripple')[0];
+        if (ripple) {
+            ripple.remove();
+        }
+        button.appendChild(circle);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: TngButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0", type: TngButton, isStandalone: true, selector: "button[tngButton], a[tngButton]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, soft: { classPropertyName: "soft", publicName: "soft", isSignal: true, isRequired: false, transformFunction: null }, ripple: { classPropertyName: "ripple", publicName: "ripple", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "iconPosition", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "createRipple($event)" }, properties: { "class.tng-button--primary": "variant() === \"primary\"", "class.tng-button--secondary": "variant() === \"secondary\"", "class.tng-button--success": "variant() === \"success\"", "class.tng-button--warning": "variant() === \"warning\"", "class.tng-button--error": "variant() === \"error\"", "class.tng-button--rounded": "rounded()", "class.tng-button--soft": "soft()" }, classAttribute: "tng-button" }, exportAs: ["tngButton"], ngImport: i0, template: "<span class=\"tng-button__label\">\n    @if (icon() && iconPosition() === 'left') {\n        <i [class]=\"icon()\" class=\"tng-button__icon tng-button__icon--left\"></i>\n    }\n    <ng-content></ng-content>\n    @if (icon() && iconPosition() === 'right') {\n        <i [class]=\"icon()\" class=\"tng-button__icon tng-button__icon--right\"></i>\n    }\n</span>\n\n", styles: [".tng-button{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:64px;height:32px;border:none;outline:none;line-height:inherit;-webkit-appearance:none;overflow:hidden;vertical-align:middle;background:transparent;padding:0 16px;font-family:inherit;font-size:.875rem;font-weight:500;letter-spacing:.02857em;border-radius:4px;transition:background-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-radius .25s cubic-bezier(.4,0,.2,1),transform .1s ease-in-out}.tng-button::-moz-focus-inner{padding:0;border:0}.tng-button:active{outline:none;transform:scale(.98)}.tng-button:hover{cursor:pointer}.tng-button:disabled{cursor:default;pointer-events:none;opacity:.5}.tng-button[hidden]{display:none}.tng-button .mdc-button__label{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px}.tng-button .tng-button__icon--left{margin-right:4px}.tng-button .tng-button__icon--right{margin-left:4px}.tng-button--rounded{border-radius:24px}.tng-button--soft{box-shadow:0 2px 4px -1px #0000001a,0 4px 5px #00000012,0 1px 10px #0000000f}.tng-button--soft:hover{box-shadow:0 5px 5px -3px #0000001a,0 8px 10px 1px #00000012,0 3px 14px 2px #0000000f;transform:translateY(-1px)}.tng-button--primary{background-color:var(--tng-primary);color:var(--tng-primary-contrast)}.tng-button--primary:hover{background-color:color-mix(in srgb,var(--tng-primary),white 10%)}.tng-button--secondary{background-color:var(--tng-secondary);color:var(--tng-secondary-contrast)}.tng-button--secondary:hover{background-color:color-mix(in srgb,var(--tng-secondary),white 10%)}.tng-button--success{background-color:var(--tng-success);color:#fff}.tng-button--success:hover{background-color:color-mix(in srgb,var(--tng-success),white 10%)}.tng-button--warning{background-color:var(--tng-warning);color:#fff}.tng-button--warning:hover{background-color:color-mix(in srgb,var(--tng-warning),white 10%)}.tng-button--error{background-color:var(--tng-error);color:#fff}.tng-button--error:hover{background-color:color-mix(in srgb,var(--tng-error),white 10%)}span.tng-ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple .6s linear;background-color:#ffffff4d;pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: TngButton, decorators: [{
+            type: Component,
+            args: [{ selector: 'button[tngButton], a[tngButton]', imports: [], host: {
+                        'class': 'tng-button',
+                        '[class.tng-button--primary]': 'variant() === "primary"',
+                        '[class.tng-button--secondary]': 'variant() === "secondary"',
+                        '[class.tng-button--success]': 'variant() === "success"',
+                        '[class.tng-button--warning]': 'variant() === "warning"',
+                        '[class.tng-button--error]': 'variant() === "error"',
+                        '[class.tng-button--rounded]': 'rounded()',
+                        '[class.tng-button--soft]': 'soft()',
+                        '(click)': 'createRipple($event)',
+                    }, exportAs: 'tngButton', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"tng-button__label\">\n    @if (icon() && iconPosition() === 'left') {\n        <i [class]=\"icon()\" class=\"tng-button__icon tng-button__icon--left\"></i>\n    }\n    <ng-content></ng-content>\n    @if (icon() && iconPosition() === 'right') {\n        <i [class]=\"icon()\" class=\"tng-button__icon tng-button__icon--right\"></i>\n    }\n</span>\n\n", styles: [".tng-button{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:64px;height:32px;border:none;outline:none;line-height:inherit;-webkit-appearance:none;overflow:hidden;vertical-align:middle;background:transparent;padding:0 16px;font-family:inherit;font-size:.875rem;font-weight:500;letter-spacing:.02857em;border-radius:4px;transition:background-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-radius .25s cubic-bezier(.4,0,.2,1),transform .1s ease-in-out}.tng-button::-moz-focus-inner{padding:0;border:0}.tng-button:active{outline:none;transform:scale(.98)}.tng-button:hover{cursor:pointer}.tng-button:disabled{cursor:default;pointer-events:none;opacity:.5}.tng-button[hidden]{display:none}.tng-button .mdc-button__label{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px}.tng-button .tng-button__icon--left{margin-right:4px}.tng-button .tng-button__icon--right{margin-left:4px}.tng-button--rounded{border-radius:24px}.tng-button--soft{box-shadow:0 2px 4px -1px #0000001a,0 4px 5px #00000012,0 1px 10px #0000000f}.tng-button--soft:hover{box-shadow:0 5px 5px -3px #0000001a,0 8px 10px 1px #00000012,0 3px 14px 2px #0000000f;transform:translateY(-1px)}.tng-button--primary{background-color:var(--tng-primary);color:var(--tng-primary-contrast)}.tng-button--primary:hover{background-color:color-mix(in srgb,var(--tng-primary),white 10%)}.tng-button--secondary{background-color:var(--tng-secondary);color:var(--tng-secondary-contrast)}.tng-button--secondary:hover{background-color:color-mix(in srgb,var(--tng-secondary),white 10%)}.tng-button--success{background-color:var(--tng-success);color:#fff}.tng-button--success:hover{background-color:color-mix(in srgb,var(--tng-success),white 10%)}.tng-button--warning{background-color:var(--tng-warning);color:#fff}.tng-button--warning:hover{background-color:color-mix(in srgb,var(--tng-warning),white 10%)}.tng-button--error{background-color:var(--tng-error);color:#fff}.tng-button--error:hover{background-color:color-mix(in srgb,var(--tng-error),white 10%)}span.tng-ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple .6s linear;background-color:#ffffff4d;pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}\n"] }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], rounded: [{ type: i0.Input, args: [{ isSignal: true, alias: "rounded", required: false }] }], soft: [{ type: i0.Input, args: [{ isSignal: true, alias: "soft", required: false }] }], ripple: [{ type: i0.Input, args: [{ isSignal: true, alias: "ripple", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], iconPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconPosition", required: false }] }] } });
+
+class TngCardComponent {
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    title = input(null, ...(ngDevMode ? [{ debugName: "title" }] : []));
+    subtitle = input(null, ...(ngDevMode ? [{ debugName: "subtitle" }] : []));
+    elevated = input(false, ...(ngDevMode ? [{ debugName: "elevated" }] : []));
+    outlined = input(false, ...(ngDevMode ? [{ debugName: "outlined" }] : []));
+    image = input(null, ...(ngDevMode ? [{ debugName: "image" }] : []));
+    imageAlt = input('Card image', ...(ngDevMode ? [{ debugName: "imageAlt" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: TngCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0", type: TngCardComponent, isStandalone: true, selector: "tng-card", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, elevated: { classPropertyName: "elevated", publicName: "elevated", isSignal: true, isRequired: false, transformFunction: null }, outlined: { classPropertyName: "outlined", publicName: "outlined", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, imageAlt: { classPropertyName: "imageAlt", publicName: "imageAlt", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tng-card--primary": "variant() === \"primary\"", "class.tng-card--secondary": "variant() === \"secondary\"", "class.tng-card--success": "variant() === \"success\"", "class.tng-card--warning": "variant() === \"warning\"", "class.tng-card--error": "variant() === \"error\"", "class.tng-card--elevated": "elevated()", "class.tng-card--outlined": "outlined()" }, classAttribute: "tng-card" }, ngImport: i0, template: "<div class=\"tng-card__container\">\n  @if (image()) {\n    <div class=\"tng-card__image\">\n      <img [src]=\"image()\" [alt]=\"imageAlt()\" />\n    </div>\n  }\n\n  @if (title() || subtitle()) {\n    <div class=\"tng-card__header\">\n      <ng-content select=\"[card-header]\"></ng-content>\n      \n      @if (!title() && !subtitle()) {\n        <!-- Header projection only -->\n      } @else {\n        <div class=\"tng-card__header-text\">\n          @if (title()) {\n            <h3 class=\"tng-card__title\">{{ title() }}</h3>\n          }\n          @if (subtitle()) {\n            <p class=\"tng-card__subtitle\">{{ subtitle() }}</p>\n          }\n        </div>\n      }\n    </div>\n  }\n\n  <div class=\"tng-card__content\">\n    <ng-content></ng-content>\n  </div>\n\n  <div class=\"tng-card__footer\">\n    <ng-content select=\"[card-footer]\"></ng-content>\n  </div>\n</div>\n", styles: [".tng-card{display:block;position:relative;background-color:#fff;border-radius:8px;overflow:hidden;transition:box-shadow .3s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.tng-card__container{display:flex;flex-direction:column;height:100%}.tng-card__image{width:100%;overflow:hidden}.tng-card__image img{width:100%;height:auto;display:block;object-fit:cover}.tng-card__header{padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.08)}.tng-card__header-text{display:flex;flex-direction:column;gap:4px}.tng-card__title{margin:0;font-size:1.25rem;font-weight:500;color:var(--tng-text, #333);line-height:1.4}.tng-card__subtitle{margin:0;font-size:.875rem;color:var(--tng-text-secondary, #666);line-height:1.5}.tng-card__content{padding:20px;flex:1;color:var(--tng-text, #333)}.tng-card__footer{padding:12px 20px;border-top:1px solid rgba(0,0,0,.08)}.tng-card__footer:empty{display:none}.tng-card--elevated{box-shadow:0 2px 4px -1px #0000001a,0 4px 5px #00000012,0 1px 10px #0000000f}.tng-card--elevated:hover{box-shadow:0 5px 5px -3px #0000001a,0 8px 10px 1px #00000012,0 3px 14px 2px #0000000f;transform:translateY(-2px)}.tng-card--outlined{border:1px solid rgba(0,0,0,.12);box-shadow:none}.tng-card--outlined:hover{border-color:#0000003d}.tng-card--primary .tng-card__header{background-color:var(--tng-primary);color:var(--tng-primary-contrast);border-bottom-color:#ffffff1f}.tng-card--primary .tng-card__title,.tng-card--primary .tng-card__subtitle{color:inherit}.tng-card--secondary .tng-card__header{background-color:var(--tng-secondary);color:var(--tng-secondary-contrast);border-bottom-color:#ffffff1f}.tng-card--secondary .tng-card__title,.tng-card--secondary .tng-card__subtitle{color:inherit}.tng-card--success .tng-card__header{background-color:var(--tng-success);color:#fff;border-bottom-color:#ffffff1f}.tng-card--success .tng-card__title,.tng-card--success .tng-card__subtitle{color:inherit}.tng-card--warning .tng-card__header{background-color:var(--tng-warning);color:#fff;border-bottom-color:#ffffff1f}.tng-card--warning .tng-card__title,.tng-card--warning .tng-card__subtitle{color:inherit}.tng-card--error .tng-card__header{background-color:var(--tng-error);color:#fff;border-bottom-color:#ffffff1f}.tng-card--error .tng-card__title,.tng-card--error .tng-card__subtitle{color:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: TngCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-card', standalone: true, imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        'class': 'tng-card',
+                        '[class.tng-card--primary]': 'variant() === "primary"',
+                        '[class.tng-card--secondary]': 'variant() === "secondary"',
+                        '[class.tng-card--success]': 'variant() === "success"',
+                        '[class.tng-card--warning]': 'variant() === "warning"',
+                        '[class.tng-card--error]': 'variant() === "error"',
+                        '[class.tng-card--elevated]': 'elevated()',
+                        '[class.tng-card--outlined]': 'outlined()',
+                    }, template: "<div class=\"tng-card__container\">\n  @if (image()) {\n    <div class=\"tng-card__image\">\n      <img [src]=\"image()\" [alt]=\"imageAlt()\" />\n    </div>\n  }\n\n  @if (title() || subtitle()) {\n    <div class=\"tng-card__header\">\n      <ng-content select=\"[card-header]\"></ng-content>\n      \n      @if (!title() && !subtitle()) {\n        <!-- Header projection only -->\n      } @else {\n        <div class=\"tng-card__header-text\">\n          @if (title()) {\n            <h3 class=\"tng-card__title\">{{ title() }}</h3>\n          }\n          @if (subtitle()) {\n            <p class=\"tng-card__subtitle\">{{ subtitle() }}</p>\n          }\n        </div>\n      }\n    </div>\n  }\n\n  <div class=\"tng-card__content\">\n    <ng-content></ng-content>\n  </div>\n\n  <div class=\"tng-card__footer\">\n    <ng-content select=\"[card-footer]\"></ng-content>\n  </div>\n</div>\n", styles: [".tng-card{display:block;position:relative;background-color:#fff;border-radius:8px;overflow:hidden;transition:box-shadow .3s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.tng-card__container{display:flex;flex-direction:column;height:100%}.tng-card__image{width:100%;overflow:hidden}.tng-card__image img{width:100%;height:auto;display:block;object-fit:cover}.tng-card__header{padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.08)}.tng-card__header-text{display:flex;flex-direction:column;gap:4px}.tng-card__title{margin:0;font-size:1.25rem;font-weight:500;color:var(--tng-text, #333);line-height:1.4}.tng-card__subtitle{margin:0;font-size:.875rem;color:var(--tng-text-secondary, #666);line-height:1.5}.tng-card__content{padding:20px;flex:1;color:var(--tng-text, #333)}.tng-card__footer{padding:12px 20px;border-top:1px solid rgba(0,0,0,.08)}.tng-card__footer:empty{display:none}.tng-card--elevated{box-shadow:0 2px 4px -1px #0000001a,0 4px 5px #00000012,0 1px 10px #0000000f}.tng-card--elevated:hover{box-shadow:0 5px 5px -3px #0000001a,0 8px 10px 1px #00000012,0 3px 14px 2px #0000000f;transform:translateY(-2px)}.tng-card--outlined{border:1px solid rgba(0,0,0,.12);box-shadow:none}.tng-card--outlined:hover{border-color:#0000003d}.tng-card--primary .tng-card__header{background-color:var(--tng-primary);color:var(--tng-primary-contrast);border-bottom-color:#ffffff1f}.tng-card--primary .tng-card__title,.tng-card--primary .tng-card__subtitle{color:inherit}.tng-card--secondary .tng-card__header{background-color:var(--tng-secondary);color:var(--tng-secondary-contrast);border-bottom-color:#ffffff1f}.tng-card--secondary .tng-card__title,.tng-card--secondary .tng-card__subtitle{color:inherit}.tng-card--success .tng-card__header{background-color:var(--tng-success);color:#fff;border-bottom-color:#ffffff1f}.tng-card--success .tng-card__title,.tng-card--success .tng-card__subtitle{color:inherit}.tng-card--warning .tng-card__header{background-color:var(--tng-warning);color:#fff;border-bottom-color:#ffffff1f}.tng-card--warning .tng-card__title,.tng-card--warning .tng-card__subtitle{color:inherit}.tng-card--error .tng-card__header{background-color:var(--tng-error);color:#fff;border-bottom-color:#ffffff1f}.tng-card--error .tng-card__title,.tng-card--error .tng-card__subtitle{color:inherit}\n"] }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], elevated: [{ type: i0.Input, args: [{ isSignal: true, alias: "elevated", required: false }] }], outlined: [{ type: i0.Input, args: [{ isSignal: true, alias: "outlined", required: false }] }], image: [{ type: i0.Input, args: [{ isSignal: true, alias: "image", required: false }] }], imageAlt: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageAlt", required: false }] }] } });
+
+class TecnualInputComponent {
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
+    type = input('text', ...(ngDevMode ? [{ debugName: "type" }] : []));
+    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
+    disabled = model(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    id = input(`tng-input-${Math.random().toString(36).substr(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : []));
+    value = '';
+    isFocused = false;
+    onChange = () => { };
+    onTouched = () => { };
+    get hasValue() {
+        return this.value !== null && this.value !== undefined && this.value !== '';
+    }
+    onInput(event) {
+        const input = event.target;
+        this.value = input.value;
+        this.onChange(this.value);
+    }
+    onFocus() {
+        this.isFocused = true;
+    }
+    onBlur() {
+        this.isFocused = false;
+        this.onTouched();
+    }
+    writeValue(value) {
+        this.value = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled.update(() => isDisabled);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: TecnualInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.0", type: TecnualInputComponent, isStandalone: true, selector: "tng-input", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => TecnualInputComponent),
+                multi: true
+            }
+        ], ngImport: i0, template: "<div class=\"tng-input-container\" [class.focused]=\"isFocused\" [class.has-value]=\"hasValue\" [class.disabled]=\"disabled()\">\n  <fieldset class=\"tng-fieldset\" aria-hidden=\"true\">\n    <legend class=\"tng-legend\"><span>{{ label() }}</span></legend>\n  </fieldset>\n  <label [for]=\"id()\" class=\"tng-label\">{{ label() }}</label>\n  <input\n    [id]=\"id()\"\n    [type]=\"type()\"\n    [placeholder]=\"isFocused ? placeholder() : ''\"\n    [value]=\"value\"\n    [disabled]=\"disabled()\"\n    [required]=\"required()\"\n    (input)=\"onInput($event)\"\n    (focus)=\"onFocus()\"\n    (blur)=\"onBlur()\"\n    class=\"tng-input-field\"\n  />\n</div>\n", styles: [":host{display:block;margin-bottom:1.5rem;font-family:var(--tng-font-family, \"Inter\", sans-serif)}.tng-input-container{position:relative;border-radius:var(--tng-border-radius, 4px);padding:0 16px;height:48px;display:flex;align-items:center;cursor:text;border:none}.tng-input-container:hover .tng-fieldset{border-color:var(--tng-text-secondary, #757575)}.tng-input-container.focused .tng-fieldset{border-color:var(--tng-primary, #6200ee);border-width:2px}.tng-input-container.focused .tng-label{color:var(--tng-primary, #6200ee);transform:translateY(-24px) scale(.75)}.tng-input-container.focused .tng-legend{max-width:100%}.tng-input-container.has-value .tng-label{transform:translateY(-24px) scale(.75)}.tng-input-container.has-value .tng-legend{max-width:100%}.tng-input-container.disabled{opacity:.6;pointer-events:none}.tng-input-container.disabled .tng-fieldset{border-color:var(--tng-border, #e0e0e0);background-color:var(--tng-background, #fafafa)}.tng-fieldset{position:absolute;inset:0 0 5px;margin:0;padding:0 12px;border:1px solid var(--tng-border, #999);border-radius:var(--tng-border-radius, 4px);pointer-events:none;transition:border-color .2s ease,border-width .1s ease;z-index:0}.tng-legend{width:auto;max-width:0;height:11px;font-size:.75em;visibility:hidden;transition:max-width .1s cubic-bezier(.4,0,.2,1);white-space:nowrap;padding-inline:0px}.tng-legend span{padding:0 2px;visibility:visible;opacity:0}.tng-label{position:absolute;top:50%;left:16px;transform:translateY(-50%);color:var(--tng-text-secondary, #666);font-size:16px;font-weight:400;pointer-events:none;transform-origin:left top;transition:transform .2s cubic-bezier(.4,0,.2,1),color .2s ease;z-index:1}.tng-input-field{display:block;width:100%;border:none;background:none;padding:0;margin:0;font-size:16px;color:var(--tng-text, #333);outline:none;height:100%;line-height:normal;z-index:1}.tng-input-field::placeholder{color:transparent;transition:color .2s ease}.tng-input-field:focus::placeholder{color:#aaa}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: TecnualInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-input', standalone: true, imports: [CommonModule, FormsModule], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => TecnualInputComponent),
+                            multi: true
+                        }
+                    ], template: "<div class=\"tng-input-container\" [class.focused]=\"isFocused\" [class.has-value]=\"hasValue\" [class.disabled]=\"disabled()\">\n  <fieldset class=\"tng-fieldset\" aria-hidden=\"true\">\n    <legend class=\"tng-legend\"><span>{{ label() }}</span></legend>\n  </fieldset>\n  <label [for]=\"id()\" class=\"tng-label\">{{ label() }}</label>\n  <input\n    [id]=\"id()\"\n    [type]=\"type()\"\n    [placeholder]=\"isFocused ? placeholder() : ''\"\n    [value]=\"value\"\n    [disabled]=\"disabled()\"\n    [required]=\"required()\"\n    (input)=\"onInput($event)\"\n    (focus)=\"onFocus()\"\n    (blur)=\"onBlur()\"\n    class=\"tng-input-field\"\n  />\n</div>\n", styles: [":host{display:block;margin-bottom:1.5rem;font-family:var(--tng-font-family, \"Inter\", sans-serif)}.tng-input-container{position:relative;border-radius:var(--tng-border-radius, 4px);padding:0 16px;height:48px;display:flex;align-items:center;cursor:text;border:none}.tng-input-container:hover .tng-fieldset{border-color:var(--tng-text-secondary, #757575)}.tng-input-container.focused .tng-fieldset{border-color:var(--tng-primary, #6200ee);border-width:2px}.tng-input-container.focused .tng-label{color:var(--tng-primary, #6200ee);transform:translateY(-24px) scale(.75)}.tng-input-container.focused .tng-legend{max-width:100%}.tng-input-container.has-value .tng-label{transform:translateY(-24px) scale(.75)}.tng-input-container.has-value .tng-legend{max-width:100%}.tng-input-container.disabled{opacity:.6;pointer-events:none}.tng-input-container.disabled .tng-fieldset{border-color:var(--tng-border, #e0e0e0);background-color:var(--tng-background, #fafafa)}.tng-fieldset{position:absolute;inset:0 0 5px;margin:0;padding:0 12px;border:1px solid var(--tng-border, #999);border-radius:var(--tng-border-radius, 4px);pointer-events:none;transition:border-color .2s ease,border-width .1s ease;z-index:0}.tng-legend{width:auto;max-width:0;height:11px;font-size:.75em;visibility:hidden;transition:max-width .1s cubic-bezier(.4,0,.2,1);white-space:nowrap;padding-inline:0px}.tng-legend span{padding:0 2px;visibility:visible;opacity:0}.tng-label{position:absolute;top:50%;left:16px;transform:translateY(-50%);color:var(--tng-text-secondary, #666);font-size:16px;font-weight:400;pointer-events:none;transform-origin:left top;transition:transform .2s cubic-bezier(.4,0,.2,1),color .2s ease;z-index:1}.tng-input-field{display:block;width:100%;border:none;background:none;padding:0;margin:0;font-size:16px;color:var(--tng-text, #333);outline:none;height:100%;line-height:normal;z-index:1}.tng-input-field::placeholder{color:transparent;transition:color .2s ease}.tng-input-field:focus::placeholder{color:#aaa}\n"] }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+
+class TecnualDatepickerComponent {
+    elementRef;
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
+    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    mode = input('single', ...(ngDevMode ? [{ debugName: "mode" }] : []));
+    minDate = input(null, ...(ngDevMode ? [{ debugName: "minDate" }] : []));
+    maxDate = input(null, ...(ngDevMode ? [{ debugName: "maxDate" }] : []));
+    disabled = model(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    id = input(`tng-datepicker-${Math.random().toString(36).substr(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : []));
+    isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
+    currentViewDate = signal(new Date(), ...(ngDevMode ? [{ debugName: "currentViewDate" }] : [])); // The month we are looking at
+    // Value storage
+    singleValue = null;
+    rangeValue = { start: null, end: null };
+    onChange = () => { };
+    onTouched = () => { };
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    // Calendar Logic
+    daysOfWeek = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
+    calendarDays = computed(() => {
+        const year = this.currentViewDate().getFullYear();
+        const month = this.currentViewDate().getMonth();
+        const firstDayOfMonth = new Date(year, month, 1);
+        const lastDayOfMonth = new Date(year, month + 1, 0);
+        const days = [];
+        // Padding days from previous month
+        const startDay = firstDayOfMonth.getDay();
+        for (let i = startDay - 1; i >= 0; i--) {
+            days.push(new Date(year, month, -i));
+        }
+        // Days of current month
+        for (let i = 1; i <= lastDayOfMonth.getDate(); i++) {
+            days.push(new Date(year, month, i));
+        }
+        // Padding days for next month (to fill 6 rows usually, or just enough to finish week)
+        const remaining = 42 - days.length; // 6 rows * 7 days
+        for (let i = 1; i <= remaining; i++) {
+            days.push(new Date(year, month + 1, i));
+        }
+        return days;
+    }, ...(ngDevMode ? [{ debugName: "calendarDays" }] : []));
+    get formattedValue() {
+        if (this.mode() === 'single') {
+            return this.singleValue ? this.singleValue.toLocaleDateString() : '';
+        }
+        else {
+            if (this.rangeValue.start && this.rangeValue.end) {
+                return `${this.rangeValue.start.toLocaleDateString()} - ${this.rangeValue.end.toLocaleDateString()}`;
+            }
+            else if (this.rangeValue.start) {
+                return `${this.rangeValue.start.toLocaleDateString()} - ...`;
+            }
+            return '';
+        }
+    }
+    get currentMonthYear() {
+        return this.currentViewDate().toLocaleString('default', { month: 'long', year: 'numeric' });
+    }
+    toggleCalendar() {
+        if (this.disabled())
+            return;
+        this.isOpen.update(v => !v);
+        if (this.isOpen()) {
+            // Focus logic if needed
+        }
+        else {
+            this.onTouched();
+        }
+    }
+    prevMonth(e) {
+        e.stopPropagation();
+        const d = this.currentViewDate();
+        this.currentViewDate.set(new Date(d.getFullYear(), d.getMonth() - 1, 1));
+    }
+    nextMonth(e) {
+        e.stopPropagation();
+        const d = this.currentViewDate();
+        this.currentViewDate.set(new Date(d.getFullYear(), d.getMonth() + 1, 1));
+    }
+    selectDate(date) {
+        if (this.isDisabled(date))
+            return;
+        if (this.mode() === 'single') {
+            this.singleValue = date;
+            this.onChange(date);
+            this.isOpen.set(false);
+        }
+        else {
+            // Range logic
+            if (!this.rangeValue.start || (this.rangeValue.start && this.rangeValue.end)) {
+                // Start new range
+                this.rangeValue = { start: date, end: null };
+            }
+            else {
+                // Complete range
+                if (date < this.rangeValue.start) {
+                    this.rangeValue = { start: date, end: this.rangeValue.start };
+                }
+                else {
+                    this.rangeValue = { ...this.rangeValue, end: date };
+                }
+                this.onChange(this.rangeValue);
+                this.isOpen.set(false);
+            }
+        }
+    }
+    // Helper checks
+    isSelected(date) {
+        if (this.mode() === 'single') {
+            return this.isSameDay(date, this.singleValue);
+        }
+        else {
+            return this.isSameDay(date, this.rangeValue.start) || this.isSameDay(date, this.rangeValue.end);
+        }
+    }
+    isInRange(date) {
+        if (this.mode() !== 'range' || !this.rangeValue.start || !this.rangeValue.end)
+            return false;
+        return date > this.rangeValue.start && date < this.rangeValue.end;
+    }
+    isSameDay(d1, d2) {
+        if (!d1 || !d2)
+            return false;
+        return d1.getDate() === d2.getDate() &&
+            d1.getMonth() === d2.getMonth() &&
+            d1.getFullYear() === d2.getFullYear();
+    }
+    isToday(date) {
+        return this.isSameDay(date, new Date());
+    }
+    isDisabled(date) {
+        if (this.minDate() && date < this.setMidnight(this.minDate()))
+            return true;
+        if (this.maxDate() && date > this.setMidnight(this.maxDate()))
+            return true;
+        // Check if it belongs to current month (optional, but good for visual clarity)
+        // We might want to allow selecting padding days, but usually we just dim them.
+        // Let's just disable interaction for padding days if we want strict month view, 
+        // but standard is to allow navigating to them.
+        // For now, let's just check min/max.
+        return false;
+    }
+    isCurrentMonth(date) {
+        return date.getMonth() === this.currentViewDate().getMonth();
+    }
+    setMidnight(date) {
+        const d = new Date(date);
+        d.setHours(0, 0, 0, 0);
+        return d;
+    }
+    // ControlValueAccessor
+    writeValue(obj) {
+        if (this.mode() === 'single') {
+            this.singleValue = obj instanceof Date ? obj : null;
+            if (this.singleValue)
+                this.currentViewDate.set(new Date(this.singleValue));
+        }
+        else {
+            this.rangeValue = obj || { start: null, end: null };
+            if (this.rangeValue.start)
+                this.currentViewDate.set(new Date(this.rangeValue.start));
+        }
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled.update(() => isDisabled);
+    }
+    onClickOutside(event) {
+        if (!this.elementRef.nativeElement.contains(event.target)) {
+            this.isOpen.set(false);
+            this.onTouched();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: TecnualDatepickerComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.0", type: TecnualDatepickerComponent, isStandalone: true, selector: "tng-datepicker", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange" }, host: { listeners: { "document:click": "onClickOutside($event)" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => TecnualDatepickerComponent),
+                multi: true
+            }
+        ], ngImport: i0, template: "<div class=\"tng-datepicker-container\" [class.focused]=\"isOpen()\" [class.has-value]=\"formattedValue\" [class.disabled]=\"disabled()\">\n  <!-- Trigger Field (Reusing Input Style) -->\n  <div class=\"tng-input-trigger\" (click)=\"toggleCalendar()\">\n    <fieldset class=\"tng-fieldset\" aria-hidden=\"true\">\n      <legend class=\"tng-legend\"><span>{{ label() }}</span></legend>\n    </fieldset>\n    <label class=\"tng-label\">{{ label() }}</label>\n    <div class=\"tng-input-display\">\n      {{ formattedValue || (isOpen() ? placeholder() : '') }}\n    </div>\n    <span class=\"material-icons tng-icon\">calendar_today</span>\n  </div>\n\n  <!-- Calendar Popup -->\n  <div class=\"tng-calendar-popup\" *ngIf=\"isOpen()\">\n    <div class=\"tng-calendar-header\">\n      <button type=\"button\" class=\"nav-btn\" (click)=\"prevMonth($event)\">\n        <span class=\"material-icons\">chevron_left</span>\n      </button>\n      <span class=\"current-month\">{{ currentMonthYear }}</span>\n      <button type=\"button\" class=\"nav-btn\" (click)=\"nextMonth($event)\">\n        <span class=\"material-icons\">chevron_right</span>\n      </button>\n    </div>\n\n    <div class=\"tng-calendar-grid\">\n      <div class=\"day-name\" *ngFor=\"let day of daysOfWeek\">{{ day }}</div>\n      <div\n        class=\"day-cell\"\n        *ngFor=\"let date of calendarDays()\"\n        [class.not-current-month]=\"!isCurrentMonth(date)\"\n        [class.today]=\"isToday(date)\"\n        [class.selected]=\"isSelected(date)\"\n        [class.in-range]=\"isInRange(date)\"\n        [class.range-start]=\"mode() === 'range' && isSameDay(date, rangeValue.start)\"\n        [class.range-end]=\"mode() === 'range' && isSameDay(date, rangeValue.end)\"\n        [class.disabled]=\"isDisabled(date)\"\n        (click)=\"selectDate(date)\"\n      >\n        {{ date.getDate() }}\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block;margin-bottom:1.5rem;font-family:var(--tng-font-family, \"Inter\", sans-serif);position:relative}.tng-datepicker-container{position:relative}.tng-datepicker-container.disabled{opacity:.6;pointer-events:none}.tng-datepicker-container.disabled .tng-fieldset{border-color:var(--tng-border, #ccc);background-color:var(--tng-background, #f9f9f9)}.tng-input-trigger{position:relative;border-radius:var(--tng-border-radius, 4px);padding:0 16px;height:48px;display:flex;align-items:center;cursor:pointer}.tng-input-trigger:hover .tng-fieldset{border-color:color-mix(in srgb,var(--tng-border, #999),black 20%)}.tng-fieldset{position:absolute;inset:0 0 5px;margin:0;padding:0 12px;border:1px solid var(--tng-border, #999);border-radius:var(--tng-border-radius, 4px);pointer-events:none;transition:border-color .2s ease}.tng-legend{width:auto;max-width:0;height:11px;font-size:.75em;visibility:hidden;white-space:nowrap;padding-inline:0px}.tng-legend span{padding:0 2px;visibility:visible;opacity:0}.tng-label{position:absolute;top:50%;left:16px;transform:translateY(-50%);color:var(--tng-text-secondary, #666);font-size:16px;font-weight:400;pointer-events:none;transform-origin:left top;transition:transform .2s cubic-bezier(.4,0,.2,1),color .2s ease}.tng-input-display{flex:1;font-size:16px;color:var(--tng-text, #333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:100%;display:flex;align-items:center}.tng-icon{color:var(--tng-text-secondary, #666);font-size:20px;margin-left:8px}.tng-datepicker-container.focused .tng-fieldset,.tng-datepicker-container.has-value .tng-fieldset{border-color:var(--tng-primary, #6200ee);border-width:2px}.tng-datepicker-container.focused .tng-label,.tng-datepicker-container.has-value .tng-label{color:var(--tng-primary, #6200ee);transform:translateY(-24px) scale(.75)}.tng-datepicker-container.focused .tng-legend,.tng-datepicker-container.has-value .tng-legend{max-width:100%}.tng-datepicker-container.focused .tng-label{color:var(--tng-primary, #6200ee)}.tng-calendar-popup{position:absolute;top:100%;left:0;z-index:1000;margin-top:4px;background:var(--tng-surface, #fff);border-radius:8px;box-shadow:var(--tng-shadow-md, 0 4px 20px rgba(0, 0, 0, .15));padding:16px;width:300px;animation:fadeIn .2s ease;border:1px solid var(--tng-border, #eee)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tng-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tng-calendar-header .current-month{font-weight:600;font-size:16px;color:var(--tng-text, #333)}.tng-calendar-header .nav-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--tng-text-secondary, #666)}.tng-calendar-header .nav-btn:hover{background-color:var(--tng-background, #f5f5f5)}.tng-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.day-name{font-size:12px;color:var(--tng-text-secondary, #666);font-weight:500;margin-bottom:8px}.day-cell{height:36px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;border-radius:50%;transition:all .2s ease;position:relative;color:var(--tng-text, #333)}.day-cell:hover:not(.disabled):not(.selected):not(.range-start):not(.range-end){background-color:var(--tng-background, #f5f5f5)}.day-cell.not-current-month{color:#ccc}.day-cell.today{font-weight:600;color:var(--tng-primary, #6200ee);border:1px solid var(--tng-primary, #6200ee)}.day-cell.selected,.day-cell.range-start,.day-cell.range-end{background-color:var(--tng-primary, #6200ee);color:var(--tng-primary-contrast, #fff)}.day-cell.selected.today,.day-cell.range-start.today,.day-cell.range-end.today{border-color:transparent}.day-cell.in-range{background-color:color-mix(in srgb,var(--tng-primary, #6200ee),white 80%);border-radius:0;color:var(--tng-primary, #6200ee)}.day-cell.in-range.range-start{border-top-right-radius:0;border-bottom-right-radius:0}.day-cell.in-range.range-end{border-top-left-radius:0;border-bottom-left-radius:0}.day-cell.range-start{border-radius:50% 0 0 50%;position:relative}.day-cell.range-start:after{content:\"\";position:absolute;inset:0 0 0 50%;background-color:color-mix(in srgb,var(--tng-primary, #6200ee),white 80%);z-index:-1}.day-cell.range-end{border-radius:0 50% 50% 0;position:relative}.day-cell.range-end:after{content:\"\";position:absolute;inset:0 50% 0 0;background-color:color-mix(in srgb,var(--tng-primary, #6200ee),white 80%);z-index:-1}.day-cell.selected{border-radius:50%}.day-cell.disabled{opacity:.3;pointer-events:none;cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: TecnualDatepickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-datepicker', standalone: true, imports: [CommonModule, FormsModule], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => TecnualDatepickerComponent),
+                            multi: true
+                        }
+                    ], template: "<div class=\"tng-datepicker-container\" [class.focused]=\"isOpen()\" [class.has-value]=\"formattedValue\" [class.disabled]=\"disabled()\">\n  <!-- Trigger Field (Reusing Input Style) -->\n  <div class=\"tng-input-trigger\" (click)=\"toggleCalendar()\">\n    <fieldset class=\"tng-fieldset\" aria-hidden=\"true\">\n      <legend class=\"tng-legend\"><span>{{ label() }}</span></legend>\n    </fieldset>\n    <label class=\"tng-label\">{{ label() }}</label>\n    <div class=\"tng-input-display\">\n      {{ formattedValue || (isOpen() ? placeholder() : '') }}\n    </div>\n    <span class=\"material-icons tng-icon\">calendar_today</span>\n  </div>\n\n  <!-- Calendar Popup -->\n  <div class=\"tng-calendar-popup\" *ngIf=\"isOpen()\">\n    <div class=\"tng-calendar-header\">\n      <button type=\"button\" class=\"nav-btn\" (click)=\"prevMonth($event)\">\n        <span class=\"material-icons\">chevron_left</span>\n      </button>\n      <span class=\"current-month\">{{ currentMonthYear }}</span>\n      <button type=\"button\" class=\"nav-btn\" (click)=\"nextMonth($event)\">\n        <span class=\"material-icons\">chevron_right</span>\n      </button>\n    </div>\n\n    <div class=\"tng-calendar-grid\">\n      <div class=\"day-name\" *ngFor=\"let day of daysOfWeek\">{{ day }}</div>\n      <div\n        class=\"day-cell\"\n        *ngFor=\"let date of calendarDays()\"\n        [class.not-current-month]=\"!isCurrentMonth(date)\"\n        [class.today]=\"isToday(date)\"\n        [class.selected]=\"isSelected(date)\"\n        [class.in-range]=\"isInRange(date)\"\n        [class.range-start]=\"mode() === 'range' && isSameDay(date, rangeValue.start)\"\n        [class.range-end]=\"mode() === 'range' && isSameDay(date, rangeValue.end)\"\n        [class.disabled]=\"isDisabled(date)\"\n        (click)=\"selectDate(date)\"\n      >\n        {{ date.getDate() }}\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block;margin-bottom:1.5rem;font-family:var(--tng-font-family, \"Inter\", sans-serif);position:relative}.tng-datepicker-container{position:relative}.tng-datepicker-container.disabled{opacity:.6;pointer-events:none}.tng-datepicker-container.disabled .tng-fieldset{border-color:var(--tng-border, #ccc);background-color:var(--tng-background, #f9f9f9)}.tng-input-trigger{position:relative;border-radius:var(--tng-border-radius, 4px);padding:0 16px;height:48px;display:flex;align-items:center;cursor:pointer}.tng-input-trigger:hover .tng-fieldset{border-color:color-mix(in srgb,var(--tng-border, #999),black 20%)}.tng-fieldset{position:absolute;inset:0 0 5px;margin:0;padding:0 12px;border:1px solid var(--tng-border, #999);border-radius:var(--tng-border-radius, 4px);pointer-events:none;transition:border-color .2s ease}.tng-legend{width:auto;max-width:0;height:11px;font-size:.75em;visibility:hidden;white-space:nowrap;padding-inline:0px}.tng-legend span{padding:0 2px;visibility:visible;opacity:0}.tng-label{position:absolute;top:50%;left:16px;transform:translateY(-50%);color:var(--tng-text-secondary, #666);font-size:16px;font-weight:400;pointer-events:none;transform-origin:left top;transition:transform .2s cubic-bezier(.4,0,.2,1),color .2s ease}.tng-input-display{flex:1;font-size:16px;color:var(--tng-text, #333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:100%;display:flex;align-items:center}.tng-icon{color:var(--tng-text-secondary, #666);font-size:20px;margin-left:8px}.tng-datepicker-container.focused .tng-fieldset,.tng-datepicker-container.has-value .tng-fieldset{border-color:var(--tng-primary, #6200ee);border-width:2px}.tng-datepicker-container.focused .tng-label,.tng-datepicker-container.has-value .tng-label{color:var(--tng-primary, #6200ee);transform:translateY(-24px) scale(.75)}.tng-datepicker-container.focused .tng-legend,.tng-datepicker-container.has-value .tng-legend{max-width:100%}.tng-datepicker-container.focused .tng-label{color:var(--tng-primary, #6200ee)}.tng-calendar-popup{position:absolute;top:100%;left:0;z-index:1000;margin-top:4px;background:var(--tng-surface, #fff);border-radius:8px;box-shadow:var(--tng-shadow-md, 0 4px 20px rgba(0, 0, 0, .15));padding:16px;width:300px;animation:fadeIn .2s ease;border:1px solid var(--tng-border, #eee)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tng-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tng-calendar-header .current-month{font-weight:600;font-size:16px;color:var(--tng-text, #333)}.tng-calendar-header .nav-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--tng-text-secondary, #666)}.tng-calendar-header .nav-btn:hover{background-color:var(--tng-background, #f5f5f5)}.tng-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.day-name{font-size:12px;color:var(--tng-text-secondary, #666);font-weight:500;margin-bottom:8px}.day-cell{height:36px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;border-radius:50%;transition:all .2s ease;position:relative;color:var(--tng-text, #333)}.day-cell:hover:not(.disabled):not(.selected):not(.range-start):not(.range-end){background-color:var(--tng-background, #f5f5f5)}.day-cell.not-current-month{color:#ccc}.day-cell.today{font-weight:600;color:var(--tng-primary, #6200ee);border:1px solid var(--tng-primary, #6200ee)}.day-cell.selected,.day-cell.range-start,.day-cell.range-end{background-color:var(--tng-primary, #6200ee);color:var(--tng-primary-contrast, #fff)}.day-cell.selected.today,.day-cell.range-start.today,.day-cell.range-end.today{border-color:transparent}.day-cell.in-range{background-color:color-mix(in srgb,var(--tng-primary, #6200ee),white 80%);border-radius:0;color:var(--tng-primary, #6200ee)}.day-cell.in-range.range-start{border-top-right-radius:0;border-bottom-right-radius:0}.day-cell.in-range.range-end{border-top-left-radius:0;border-bottom-left-radius:0}.day-cell.range-start{border-radius:50% 0 0 50%;position:relative}.day-cell.range-start:after{content:\"\";position:absolute;inset:0 0 0 50%;background-color:color-mix(in srgb,var(--tng-primary, #6200ee),white 80%);z-index:-1}.day-cell.range-end{border-radius:0 50% 50% 0;position:relative}.day-cell.range-end:after{content:\"\";position:absolute;inset:0 50% 0 0;background-color:color-mix(in srgb,var(--tng-primary, #6200ee),white 80%);z-index:-1}.day-cell.selected{border-radius:50%}.day-cell.disabled{opacity:.3;pointer-events:none;cursor:not-allowed}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], onClickOutside: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
+class TecnualTableComponent {
+    data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
+    columns = input.required(...(ngDevMode ? [{ debugName: "columns" }] : []));
+    pageSize = input(10, ...(ngDevMode ? [{ debugName: "pageSize" }] : []));
+    filterable = input(true, ...(ngDevMode ? [{ debugName: "filterable" }] : []));
+    // State
+    searchQuery = signal('', ...(ngDevMode ? [{ debugName: "searchQuery" }] : []));
+    currentPage = signal(1, ...(ngDevMode ? [{ debugName: "currentPage" }] : []));
+    sortColumn = signal(null, ...(ngDevMode ? [{ debugName: "sortColumn" }] : []));
+    sortDirection = signal('asc', ...(ngDevMode ? [{ debugName: "sortDirection" }] : []));
+    // Computed
+    filteredData = computed(() => {
+        const query = this.searchQuery().toLowerCase();
+        const rawData = this.data();
+        if (!query)
+            return rawData;
+        return rawData.filter(row => {
+            return Object.values(row).some(val => String(val).toLowerCase().includes(query));
+        });
+    }, ...(ngDevMode ? [{ debugName: "filteredData" }] : []));
+    sortedData = computed(() => {
+        const data = [...this.filteredData()];
+        const column = this.sortColumn();
+        const direction = this.sortDirection();
+        if (!column)
+            return data;
+        return data.sort((a, b) => {
+            const valA = a[column];
+            const valB = b[column];
+            if (valA < valB)
+                return direction === 'asc' ? -1 : 1;
+            if (valA > valB)
+                return direction === 'asc' ? 1 : -1;
+            return 0;
+        });
+    }, ...(ngDevMode ? [{ debugName: "sortedData" }] : []));
+    paginatedData = computed(() => {
+        const data = this.sortedData();
+        const size = this.pageSize();
+        const page = this.currentPage();
+        const startIndex = (page - 1) * size;
+        return data.slice(startIndex, startIndex + size);
+    }, ...(ngDevMode ? [{ debugName: "paginatedData" }] : []));
+    totalPages = computed(() => {
+        return Math.ceil(this.filteredData().length / this.pageSize());
+    }, ...(ngDevMode ? [{ debugName: "totalPages" }] : []));
+    // Actions
+    onSort(column) {
+        if (!column.sortable)
+            return;
+        if (this.sortColumn() === column.key) {
+            // Toggle direction
+            this.sortDirection.update(d => d === 'asc' ? 'desc' : 'asc');
+        }
+        else {
+            // New column
+            this.sortColumn.set(column.key);
+            this.sortDirection.set('asc');
+        }
+    }
+    setPage(page) {
+        if (page >= 1 && page <= this.totalPages()) {
+            this.currentPage.set(page);
+        }
+    }
+    onSearch(query) {
+        this.searchQuery.set(query);
+        this.currentPage.set(1); // Reset to first page on search
+    }
+    onSearchInput(event) {
+        const input = event.target;
+        this.onSearch(input.value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: TecnualTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.0", type: TecnualTableComponent, isStandalone: true, selector: "tng-table", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, filterable: { classPropertyName: "filterable", publicName: "filterable", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"tng-table-container\">\n  <!-- Toolbar -->\n  <div class=\"tng-table-toolbar\" *ngIf=\"filterable()\">\n    <div class=\"tng-table-search\">\n      <tng-input\n        [placeholder]=\"'Search...'\"\n        (input)=\"onSearchInput($event)\"\n      ></tng-input>\n    </div>\n  </div>\n\n  <!-- Table -->\n  <div class=\"tng-table-wrapper\">\n    <table class=\"tng-table\">\n      <thead>\n        <tr>\n          <th \n            *ngFor=\"let col of columns()\"\n            [style.width]=\"col.width\"\n            [class.sortable]=\"col.sortable\"\n            (click)=\"onSort(col)\"\n          >\n            <div class=\"th-content\">\n              {{ col.label }}\n              <span class=\"sort-indicator\" *ngIf=\"sortColumn() === col.key\">\n                {{ sortDirection() === 'asc' ? '\u2191' : '\u2193' }}\n              </span>\n            </div>\n          </th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr *ngFor=\"let row of paginatedData()\">\n          <td *ngFor=\"let col of columns()\">\n            <ng-container *ngIf=\"col.template; else defaultCell\">\n              <ng-container *ngTemplateOutlet=\"col.template; context: { $implicit: row[col.key], row: row }\"></ng-container>\n            </ng-container>\n            <ng-template #defaultCell>\n              {{ row[col.key] }}\n            </ng-template>\n          </td>\n        </tr>\n        <tr *ngIf=\"paginatedData().length === 0\" class=\"no-data-row\">\n          <td [attr.colspan]=\"columns().length\">\n            No data found\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n\n  <!-- Pagination -->\n  <div class=\"tng-table-pagination\" *ngIf=\"totalPages() > 1\">\n    <div class=\"pagination-info\">\n      Page {{ currentPage() }} of {{ totalPages() }}\n    </div>\n    <div class=\"pagination-controls\">\n      <button \n        class=\"tng-btn-icon\" \n        [disabled]=\"currentPage() === 1\"\n        (click)=\"setPage(currentPage() - 1)\"\n      >\n        \u2039\n      </button>\n      \n      <ng-container *ngFor=\"let page of [].constructor(totalPages()); let i = index\">\n        <!-- Show limited pages logic could go here, for now simple list -->\n        <button \n          *ngIf=\"i + 1 === currentPage() || i + 1 === 1 || i + 1 === totalPages() || (i + 1 >= currentPage() - 1 && i + 1 <= currentPage() + 1)\"\n          class=\"tng-btn-page\"\n          [class.active]=\"currentPage() === i + 1\"\n          (click)=\"setPage(i + 1)\"\n        >\n          {{ i + 1 }}\n        </button>\n        <span *ngIf=\"(i + 1 === 2 && currentPage() > 4) || (i + 1 === totalPages() - 1 && currentPage() < totalPages() - 3)\" class=\"pagination-dots\">...</span>\n      </ng-container>\n\n      <button \n        class=\"tng-btn-icon\" \n        [disabled]=\"currentPage() === totalPages()\"\n        (click)=\"setPage(currentPage() + 1)\"\n      >\n        \u203A\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [".tng-table-container{display:flex;flex-direction:column;gap:var(--tng-spacing-unit, 16px);width:100%;background:var(--tng-surface, #fff);border-radius:var(--tng-border-radius, 8px);box-shadow:var(--tng-shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));padding:var(--tng-spacing-unit, 16px);box-sizing:border-box}.tng-table-toolbar{display:flex;justify-content:flex-end;margin-bottom:var(--tng-spacing-unit, 8px)}.tng-table-search{width:100%;max-width:300px}.tng-table-wrapper{overflow-x:auto;width:100%;border:1px solid var(--tng-border, #e0e0e0);border-radius:var(--tng-border-radius, 4px)}.tng-table{width:100%;border-collapse:collapse;font-family:var(--tng-font-family, sans-serif);font-size:var(--tng-font-size-base, 14px)}.tng-table th,.tng-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--tng-border, #e0e0e0)}.tng-table th{background-color:var(--tng-background, #fafafa);font-weight:var(--tng-font-weight-medium, 500);color:var(--tng-text-secondary, #666);white-space:nowrap;-webkit-user-select:none;user-select:none}.tng-table th.sortable{cursor:pointer;transition:background-color .2s}.tng-table th.sortable:hover{background-color:#ededed}.tng-table tr:last-child td{border-bottom:none}.tng-table tr:hover td{background-color:#00000005}.th-content{display:flex;align-items:center;gap:4px}.sort-indicator{font-size:12px}.no-data-row{text-align:center;color:var(--tng-text-secondary, #666);padding:24px}.tng-table-pagination{display:flex;justify-content:space-between;align-items:center;padding-top:var(--tng-spacing-unit, 8px);flex-wrap:wrap;gap:16px}.pagination-info{color:var(--tng-text-secondary, #666);font-size:.9em}.pagination-controls{display:flex;gap:4px;align-items:center}.tng-btn-icon,.tng-btn-page{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 6px;border:1px solid var(--tng-border, #e0e0e0);background:var(--tng-surface, #fff);border-radius:var(--tng-border-radius, 4px);cursor:pointer;color:var(--tng-text, #333);transition:all .2s}.tng-btn-icon:hover:not(:disabled),.tng-btn-page:hover:not(:disabled){background-color:var(--tng-background, #f5f5f5);border-color:var(--tng-primary, #3f51b5);color:var(--tng-primary, #3f51b5)}.tng-btn-icon:disabled,.tng-btn-page:disabled{opacity:.5;cursor:not-allowed}.tng-btn-icon.active,.tng-btn-page.active{background-color:var(--tng-primary, #3f51b5);color:var(--tng-primary-contrast, #fff);border-color:var(--tng-primary, #3f51b5)}.pagination-dots{display:inline-flex;align-items:center;justify-content:center;width:32px;color:var(--tng-text-secondary, #666)}@media(max-width:600px){.tng-table-pagination{justify-content:center;flex-direction:column}.tng-table-toolbar{justify-content:stretch}.tng-table-search{max-width:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: TecnualInputComponent, selector: "tng-input", inputs: ["label", "type", "placeholder", "required", "disabled", "id"], outputs: ["disabledChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: TecnualTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-table', standalone: true, imports: [CommonModule, FormsModule, TecnualInputComponent], template: "<div class=\"tng-table-container\">\n  <!-- Toolbar -->\n  <div class=\"tng-table-toolbar\" *ngIf=\"filterable()\">\n    <div class=\"tng-table-search\">\n      <tng-input\n        [placeholder]=\"'Search...'\"\n        (input)=\"onSearchInput($event)\"\n      ></tng-input>\n    </div>\n  </div>\n\n  <!-- Table -->\n  <div class=\"tng-table-wrapper\">\n    <table class=\"tng-table\">\n      <thead>\n        <tr>\n          <th \n            *ngFor=\"let col of columns()\"\n            [style.width]=\"col.width\"\n            [class.sortable]=\"col.sortable\"\n            (click)=\"onSort(col)\"\n          >\n            <div class=\"th-content\">\n              {{ col.label }}\n              <span class=\"sort-indicator\" *ngIf=\"sortColumn() === col.key\">\n                {{ sortDirection() === 'asc' ? '\u2191' : '\u2193' }}\n              </span>\n            </div>\n          </th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr *ngFor=\"let row of paginatedData()\">\n          <td *ngFor=\"let col of columns()\">\n            <ng-container *ngIf=\"col.template; else defaultCell\">\n              <ng-container *ngTemplateOutlet=\"col.template; context: { $implicit: row[col.key], row: row }\"></ng-container>\n            </ng-container>\n            <ng-template #defaultCell>\n              {{ row[col.key] }}\n            </ng-template>\n          </td>\n        </tr>\n        <tr *ngIf=\"paginatedData().length === 0\" class=\"no-data-row\">\n          <td [attr.colspan]=\"columns().length\">\n            No data found\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n\n  <!-- Pagination -->\n  <div class=\"tng-table-pagination\" *ngIf=\"totalPages() > 1\">\n    <div class=\"pagination-info\">\n      Page {{ currentPage() }} of {{ totalPages() }}\n    </div>\n    <div class=\"pagination-controls\">\n      <button \n        class=\"tng-btn-icon\" \n        [disabled]=\"currentPage() === 1\"\n        (click)=\"setPage(currentPage() - 1)\"\n      >\n        \u2039\n      </button>\n      \n      <ng-container *ngFor=\"let page of [].constructor(totalPages()); let i = index\">\n        <!-- Show limited pages logic could go here, for now simple list -->\n        <button \n          *ngIf=\"i + 1 === currentPage() || i + 1 === 1 || i + 1 === totalPages() || (i + 1 >= currentPage() - 1 && i + 1 <= currentPage() + 1)\"\n          class=\"tng-btn-page\"\n          [class.active]=\"currentPage() === i + 1\"\n          (click)=\"setPage(i + 1)\"\n        >\n          {{ i + 1 }}\n        </button>\n        <span *ngIf=\"(i + 1 === 2 && currentPage() > 4) || (i + 1 === totalPages() - 1 && currentPage() < totalPages() - 3)\" class=\"pagination-dots\">...</span>\n      </ng-container>\n\n      <button \n        class=\"tng-btn-icon\" \n        [disabled]=\"currentPage() === totalPages()\"\n        (click)=\"setPage(currentPage() + 1)\"\n      >\n        \u203A\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [".tng-table-container{display:flex;flex-direction:column;gap:var(--tng-spacing-unit, 16px);width:100%;background:var(--tng-surface, #fff);border-radius:var(--tng-border-radius, 8px);box-shadow:var(--tng-shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));padding:var(--tng-spacing-unit, 16px);box-sizing:border-box}.tng-table-toolbar{display:flex;justify-content:flex-end;margin-bottom:var(--tng-spacing-unit, 8px)}.tng-table-search{width:100%;max-width:300px}.tng-table-wrapper{overflow-x:auto;width:100%;border:1px solid var(--tng-border, #e0e0e0);border-radius:var(--tng-border-radius, 4px)}.tng-table{width:100%;border-collapse:collapse;font-family:var(--tng-font-family, sans-serif);font-size:var(--tng-font-size-base, 14px)}.tng-table th,.tng-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--tng-border, #e0e0e0)}.tng-table th{background-color:var(--tng-background, #fafafa);font-weight:var(--tng-font-weight-medium, 500);color:var(--tng-text-secondary, #666);white-space:nowrap;-webkit-user-select:none;user-select:none}.tng-table th.sortable{cursor:pointer;transition:background-color .2s}.tng-table th.sortable:hover{background-color:#ededed}.tng-table tr:last-child td{border-bottom:none}.tng-table tr:hover td{background-color:#00000005}.th-content{display:flex;align-items:center;gap:4px}.sort-indicator{font-size:12px}.no-data-row{text-align:center;color:var(--tng-text-secondary, #666);padding:24px}.tng-table-pagination{display:flex;justify-content:space-between;align-items:center;padding-top:var(--tng-spacing-unit, 8px);flex-wrap:wrap;gap:16px}.pagination-info{color:var(--tng-text-secondary, #666);font-size:.9em}.pagination-controls{display:flex;gap:4px;align-items:center}.tng-btn-icon,.tng-btn-page{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 6px;border:1px solid var(--tng-border, #e0e0e0);background:var(--tng-surface, #fff);border-radius:var(--tng-border-radius, 4px);cursor:pointer;color:var(--tng-text, #333);transition:all .2s}.tng-btn-icon:hover:not(:disabled),.tng-btn-page:hover:not(:disabled){background-color:var(--tng-background, #f5f5f5);border-color:var(--tng-primary, #3f51b5);color:var(--tng-primary, #3f51b5)}.tng-btn-icon:disabled,.tng-btn-page:disabled{opacity:.5;cursor:not-allowed}.tng-btn-icon.active,.tng-btn-page.active{background-color:var(--tng-primary, #3f51b5);color:var(--tng-primary-contrast, #fff);border-color:var(--tng-primary, #3f51b5)}.pagination-dots{display:inline-flex;align-items:center;justify-content:center;width:32px;color:var(--tng-text-secondary, #666)}@media(max-width:600px){.tng-table-pagination{justify-content:center;flex-direction:column}.tng-table-toolbar{justify-content:stretch}.tng-table-search{max-width:none}}\n"] }]
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: true }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }], filterable: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterable", required: false }] }] } });
+
+class TngToolbarComponent {
+    position = input('static', ...(ngDevMode ? [{ debugName: "position" }] : []));
+    positionType = input('fixed', ...(ngDevMode ? [{ debugName: "positionType" }] : []));
+    color = input('default', ...(ngDevMode ? [{ debugName: "color" }] : []));
+    elevation = input(true, ...(ngDevMode ? [{ debugName: "elevation" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: TngToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.0", type: TngToolbarComponent, isStandalone: true, selector: "tng-toolbar", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, positionType: { classPropertyName: "positionType", publicName: "positionType", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, elevation: { classPropertyName: "elevation", publicName: "elevation", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tng-toolbar--top": "position() === \"top\"", "class.tng-toolbar--bottom": "position() === \"bottom\"", "class.tng-toolbar--fixed": "positionType() === \"fixed\"", "class.tng-toolbar--absolute": "positionType() === \"absolute\"", "class.tng-toolbar--relative": "positionType() === \"relative\"", "class.tng-toolbar--static": "positionType() === \"static\"", "class.tng-toolbar--primary": "color() === \"primary\"", "class.tng-toolbar--secondary": "color() === \"secondary\"", "class.tng-toolbar--elevated": "elevation()" }, classAttribute: "tng-toolbar" }, ngImport: i0, template: "<div class=\"tng-toolbar__container\">\n  <div class=\"tng-toolbar__section tng-toolbar__section--left\">\n    <ng-content select=\"[toolbar-left]\"></ng-content>\n  </div>\n\n  <div class=\"tng-toolbar__section tng-toolbar__section--center\">\n    <ng-content select=\"[toolbar-center]\"></ng-content>\n    <ng-content></ng-content>\n  </div>\n\n  <div class=\"tng-toolbar__section tng-toolbar__section--right\">\n    <ng-content select=\"[toolbar-right]\"></ng-content>\n  </div>\n</div>\n", styles: [".tng-toolbar{display:block;width:100%;background-color:#fff;transition:box-shadow .3s cubic-bezier(.4,0,.2,1)}.tng-toolbar__container{display:flex;align-items:center;justify-content:space-between;padding:0 16px;min-height:64px;max-width:100%;gap:16px}@media(max-width:768px){.tng-toolbar__container{min-height:56px;padding:0 12px;gap:12px}}.tng-toolbar__section{display:flex;align-items:center;gap:12px;flex-shrink:0}.tng-toolbar__section--left{justify-content:flex-start}.tng-toolbar__section--center{justify-content:center;flex:1;overflow:hidden}.tng-toolbar__section--right{justify-content:flex-end}.tng-toolbar--fixed{position:fixed;z-index:1000}.tng-toolbar--absolute{position:absolute;z-index:1000}.tng-toolbar--relative{position:relative}.tng-toolbar--static{position:static}.tng-toolbar--top.tng-toolbar--fixed,.tng-toolbar--top.tng-toolbar--absolute{top:0;left:0;right:0}.tng-toolbar--bottom.tng-toolbar--fixed,.tng-toolbar--bottom.tng-toolbar--absolute{bottom:0;left:0;right:0}.tng-toolbar--elevated{box-shadow:0 2px 4px -1px #0000001a,0 4px 5px #00000012,0 1px 10px #0000000f}.tng-toolbar--primary{background-color:var(--tng-primary);color:var(--tng-primary-contrast)}.tng-toolbar--secondary{background-color:var(--tng-secondary);color:var(--tng-secondary-contrast)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: TngToolbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-toolbar', standalone: true, imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        'class': 'tng-toolbar',
+                        '[class.tng-toolbar--top]': 'position() === "top"',
+                        '[class.tng-toolbar--bottom]': 'position() === "bottom"',
+                        '[class.tng-toolbar--fixed]': 'positionType() === "fixed"',
+                        '[class.tng-toolbar--absolute]': 'positionType() === "absolute"',
+                        '[class.tng-toolbar--relative]': 'positionType() === "relative"',
+                        '[class.tng-toolbar--static]': 'positionType() === "static"',
+                        '[class.tng-toolbar--primary]': 'color() === "primary"',
+                        '[class.tng-toolbar--secondary]': 'color() === "secondary"',
+                        '[class.tng-toolbar--elevated]': 'elevation()',
+                    }, template: "<div class=\"tng-toolbar__container\">\n  <div class=\"tng-toolbar__section tng-toolbar__section--left\">\n    <ng-content select=\"[toolbar-left]\"></ng-content>\n  </div>\n\n  <div class=\"tng-toolbar__section tng-toolbar__section--center\">\n    <ng-content select=\"[toolbar-center]\"></ng-content>\n    <ng-content></ng-content>\n  </div>\n\n  <div class=\"tng-toolbar__section tng-toolbar__section--right\">\n    <ng-content select=\"[toolbar-right]\"></ng-content>\n  </div>\n</div>\n", styles: [".tng-toolbar{display:block;width:100%;background-color:#fff;transition:box-shadow .3s cubic-bezier(.4,0,.2,1)}.tng-toolbar__container{display:flex;align-items:center;justify-content:space-between;padding:0 16px;min-height:64px;max-width:100%;gap:16px}@media(max-width:768px){.tng-toolbar__container{min-height:56px;padding:0 12px;gap:12px}}.tng-toolbar__section{display:flex;align-items:center;gap:12px;flex-shrink:0}.tng-toolbar__section--left{justify-content:flex-start}.tng-toolbar__section--center{justify-content:center;flex:1;overflow:hidden}.tng-toolbar__section--right{justify-content:flex-end}.tng-toolbar--fixed{position:fixed;z-index:1000}.tng-toolbar--absolute{position:absolute;z-index:1000}.tng-toolbar--relative{position:relative}.tng-toolbar--static{position:static}.tng-toolbar--top.tng-toolbar--fixed,.tng-toolbar--top.tng-toolbar--absolute{top:0;left:0;right:0}.tng-toolbar--bottom.tng-toolbar--fixed,.tng-toolbar--bottom.tng-toolbar--absolute{bottom:0;left:0;right:0}.tng-toolbar--elevated{box-shadow:0 2px 4px -1px #0000001a,0 4px 5px #00000012,0 1px 10px #0000000f}.tng-toolbar--primary{background-color:var(--tng-primary);color:var(--tng-primary-contrast)}.tng-toolbar--secondary{background-color:var(--tng-secondary);color:var(--tng-secondary-contrast)}\n"] }]
+        }], propDecorators: { position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], positionType: [{ type: i0.Input, args: [{ isSignal: true, alias: "positionType", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], elevation: [{ type: i0.Input, args: [{ isSignal: true, alias: "elevation", required: false }] }] } });
+
+class ThemeService {
+    STORAGE_KEY = 'tng-theme';
+    currentTheme = signal(this.loadTheme(), ...(ngDevMode ? [{ debugName: "currentTheme" }] : []));
+    themes = [
+        {
+            name: 'light',
+            displayName: 'Light',
+            description: 'Clean and bright',
+            primaryColor: '#3f51b5',
+            isDark: false
+        },
+        {
+            name: 'dark',
+            displayName: 'Dark',
+            description: 'Easy on the eyes',
+            primaryColor: '#7986cb',
+            isDark: true
+        },
+        {
+            name: 'ocean',
+            displayName: 'Ocean',
+            description: 'Deep blue waters',
+            primaryColor: '#0288d1',
+            isDark: false
+        },
+        {
+            name: 'forest',
+            displayName: 'Forest',
+            description: 'Natural greens',
+            primaryColor: '#388e3c',
+            isDark: false
+        },
+        {
+            name: 'sunset',
+            displayName: 'Sunset',
+            description: 'Warm oranges',
+            primaryColor: '#f57c00',
+            isDark: false
+        },
+        {
+            name: 'royal',
+            displayName: 'Royal',
+            description: 'Regal purples',
+            primaryColor: '#7b1fa2',
+            isDark: false
+        },
+        {
+            name: 'monochrome',
+            displayName: 'Monochrome',
+            description: 'Elegant grayscale',
+            primaryColor: '#616161',
+            isDark: false
+        }
+    ];
+    constructor() {
+        // Apply initial theme immediately
+        const initialTheme = this.loadTheme();
+        this.applyTheme(initialTheme);
+        // Watch for theme changes
+        effect(() => {
+            const theme = this.currentTheme();
+            console.log('Theme changed to:', theme);
+            this.applyTheme(theme);
+        });
+    }
+    setTheme(theme) {
+        this.currentTheme.set(theme);
+        this.saveTheme(theme);
+    }
+    applyTheme(theme) {
+        console.log('Applying theme:', theme);
+        // Remove all theme classes
+        this.themes.forEach(t => {
+            document.body.classList.remove(`${t.name}-theme`);
+        });
+        // Add new theme class
+        document.body.classList.add(`${theme}-theme`);
+        // Set data attribute for CSS
+        document.body.setAttribute('data-theme', theme);
+        console.log('Body classes:', document.body.className);
+        console.log('Data theme:', document.body.getAttribute('data-theme'));
+    }
+    loadTheme() {
+        const saved = localStorage.getItem(this.STORAGE_KEY);
+        return saved || 'light';
+    }
+    saveTheme(theme) {
+        localStorage.setItem(this.STORAGE_KEY, theme);
+    }
+    getThemeInfo(name) {
+        return this.themes.find(t => t.name === name);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: ThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: ThemeService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: ThemeService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+/*
+ * Public API Surface of tecnualng
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TecnualDatepickerComponent, TecnualInputComponent, TecnualTableComponent, ThemeService, TngButton, TngCardComponent, TngToolbarComponent };
+//# sourceMappingURL=tecnualng.mjs.map

package/fesm2022/tecnualng.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tecnualng.mjs","sources":["../../../projects/tecnualng/src/lib/tng-button/tng-button.ts","../../../projects/tecnualng/src/lib/tng-button/tng-button.html","../../../projects/tecnualng/src/lib/tng-card/tng-card.component.ts","../../../projects/tecnualng/src/lib/tng-card/tng-card.component.html","../../../projects/tecnualng/src/lib/tng-input/tng-input.component.ts","../../../projects/tecnualng/src/lib/tng-input/tng-input.component.html","../../../projects/tecnualng/src/lib/tng-datepicker/tng-datepicker.component.ts","../../../projects/tecnualng/src/lib/tng-datepicker/tng-datepicker.component.html","../../../projects/tecnualng/src/lib/tng-table/tng-table.component.ts","../../../projects/tecnualng/src/lib/tng-table/tng-table.component.html","../../../projects/tecnualng/src/lib/tng-toolbar/tng-toolbar.component.ts","../../../projects/tecnualng/src/lib/tng-toolbar/tng-toolbar.component.html","../../../projects/tecnualng/src/lib/utils/theme.service.ts","../../../projects/tecnualng/src/public-api.ts","../../../projects/tecnualng/src/tecnualng.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\n\nexport type TngButtonAppearance = 'text' | 'filled' | 'elevated' | 'outlined' | 'tonal';\n\n@Component({\n  selector: 'button[tngButton], a[tngButton]',\n  imports: [],\n  host: {\n    'class': 'tng-button',\n    '[class.tng-button--primary]': 'variant() === \"primary\"',\n    '[class.tng-button--secondary]': 'variant() === \"secondary\"',\n    '[class.tng-button--success]': 'variant() === \"success\"',\n    '[class.tng-button--warning]': 'variant() === \"warning\"',\n    '[class.tng-button--error]': 'variant() === \"error\"',\n    '[class.tng-button--rounded]': 'rounded()',\n    '[class.tng-button--soft]': 'soft()',\n    '(click)': 'createRipple($event)',\n  },\n  templateUrl: './tng-button.html',\n  styleUrl: './tng-button.scss',\n  exportAs: 'tngButton',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TngButton {\n  variant = input<'primary' | 'secondary' | 'success' | 'warning' | 'error' | null>(null);\n  rounded = input(false);\n  soft = input(false);\n  ripple = input(true);\n  icon = input<string | null>(null);\n  iconPosition = input<'left' | 'right'>('left');\n\n  createRipple(event: any) {\n    if (!this.ripple()) return;\n\n    const button = event.currentTarget as HTMLElement;\n    const circle = document.createElement('span');\n    const diameter = Math.max(button.clientWidth, button.clientHeight);\n    const radius = diameter / 2;\n\n    const rect = button.getBoundingClientRect();\n    \n    circle.style.width = circle.style.height = `${diameter}px`;\n    circle.style.left = `${event.clientX - rect.left - radius}px`;\n    circle.style.top = `${event.clientY - rect.top - radius}px`;\n    circle.classList.add('tng-ripple');\n\n    const ripple = button.getElementsByClassName('tng-ripple')[0];\n\n    if (ripple) {\n      ripple.remove();\n    }\n\n    button.appendChild(circle);\n  }\n}\n","<span class=\"tng-button__label\">\n    @if (icon() && iconPosition() === 'left') {\n        <i [class]=\"icon()\" class=\"tng-button__icon tng-button__icon--left\"></i>\n    }\n    <ng-content></ng-content>\n    @if (icon() && iconPosition() === 'right') {\n        <i [class]=\"icon()\" class=\"tng-button__icon tng-button__icon--right\"></i>\n    }\n</span>\n\n","import { ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\n\nexport type TngCardVariant = 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error';\n\n@Component({\n  selector: 'tng-card',\n  standalone: true,\n  imports: [],\n  templateUrl: './tng-card.component.html',\n  styleUrl: './tng-card.component.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'class': 'tng-card',\n    '[class.tng-card--primary]': 'variant() === \"primary\"',\n    '[class.tng-card--secondary]': 'variant() === \"secondary\"',\n    '[class.tng-card--success]': 'variant() === \"success\"',\n    '[class.tng-card--warning]': 'variant() === \"warning\"',\n    '[class.tng-card--error]': 'variant() === \"error\"',\n    '[class.tng-card--elevated]': 'elevated()',\n    '[class.tng-card--outlined]': 'outlined()',\n  }\n})\nexport class TngCardComponent {\n  variant = input<TngCardVariant>('default');\n  title = input<string | null>(null);\n  subtitle = input<string | null>(null);\n  elevated = input(false);\n  outlined = input(false);\n  image = input<string | null>(null);\n  imageAlt = input<string>('Card image');\n}\n","<div class=\"tng-card__container\">\n  @if (image()) {\n    <div class=\"tng-card__image\">\n      <img [src]=\"image()\" [alt]=\"imageAlt()\" />\n    </div>\n  }\n\n  @if (title() || subtitle()) {\n    <div class=\"tng-card__header\">\n      <ng-content select=\"[card-header]\"></ng-content>\n      \n      @if (!title() && !subtitle()) {\n        <!-- Header projection only -->\n      } @else {\n        <div class=\"tng-card__header-text\">\n          @if (title()) {\n            <h3 class=\"tng-card__title\">{{ title() }}</h3>\n          }\n          @if (subtitle()) {\n            <p class=\"tng-card__subtitle\">{{ subtitle() }}</p>\n          }\n        </div>\n      }\n    </div>\n  }\n\n  <div class=\"tng-card__content\">\n    <ng-content></ng-content>\n  </div>\n\n  <div class=\"tng-card__footer\">\n    <ng-content select=\"[card-footer]\"></ng-content>\n  </div>\n</div>\n","import { Component, Input, forwardRef, input, model } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'tng-input',\n  standalone: true,\n  imports: [CommonModule, FormsModule],\n  templateUrl: './tng-input.component.html',\n  styleUrls: ['./tng-input.component.scss'],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => TecnualInputComponent),\n      multi: true\n    }\n  ]\n})\nexport class TecnualInputComponent implements ControlValueAccessor {\n  label = input('');\n  type = input<'text' | 'number' | 'password' | 'email' | 'tel'>('text');\n  placeholder = input('');\n  required = input<boolean>(false);\n  disabled = model<boolean>(false);\n  id = input<string>(`tng-input-${Math.random().toString(36).substr(2, 9)}`);\n\n  value: any = '';\n  isFocused: boolean = false;\n\n  onChange: any = () => {};\n  onTouched: any = () => {};\n\n  get hasValue(): boolean {\n    return this.value !== null && this.value !== undefined && this.value !== '';\n  }\n\n  onInput(event: Event): void {\n    const input = event.target as HTMLInputElement;\n    this.value = input.value;\n    this.onChange(this.value);\n  }\n\n  onFocus(): void {\n    this.isFocused = true;\n  }\n\n  onBlur(): void {\n    this.isFocused = false;\n    this.onTouched();\n  }\n\n  writeValue(value: any): void {\n    this.value = value;\n  }\n\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled.update(() => isDisabled);\n  }\n}\n","<div class=\"tng-input-container\" [class.focused]=\"isFocused\" [class.has-value]=\"hasValue\" [class.disabled]=\"disabled()\">\n  <fieldset class=\"tng-fieldset\" aria-hidden=\"true\">\n    <legend class=\"tng-legend\"><span>{{ label() }}</span></legend>\n  </fieldset>\n  <label [for]=\"id()\" class=\"tng-label\">{{ label() }}</label>\n  <input\n    [id]=\"id()\"\n    [type]=\"type()\"\n    [placeholder]=\"isFocused ? placeholder() : ''\"\n    [value]=\"value\"\n    [disabled]=\"disabled()\"\n    [required]=\"required()\"\n    (input)=\"onInput($event)\"\n    (focus)=\"onFocus()\"\n    (blur)=\"onBlur()\"\n    class=\"tng-input-field\"\n  />\n</div>\n","import { Component, Input, Output, EventEmitter, ElementRef, HostListener, forwardRef, signal, computed, input, model } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';\nimport { addYears } from '../utils/date-utils';\n\nexport interface DateRange {\n  start: Date | null;\n  end: Date | null;\n}\n\n@Component({\n  selector: 'tng-datepicker',\n  standalone: true,\n  imports: [CommonModule, FormsModule],\n  templateUrl: './tng-datepicker.component.html',\n  styleUrls: ['./tng-datepicker.component.scss'],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => TecnualDatepickerComponent),\n      multi: true\n    }\n  ]\n})\nexport class TecnualDatepickerComponent implements ControlValueAccessor {\n  label = input('');\n  placeholder = input('');\n  mode = input<'single' | 'range'>('single');\n  minDate = input<Date | null>(null);\n  maxDate = input<Date | null>(null);\n  disabled = model<boolean>(false);\n  id = input<string>(`tng-datepicker-${Math.random().toString(36).substr(2, 9)}`);\n\n  isOpen = signal(false);\n  currentViewDate = signal(new Date()); // The month we are looking at\n  \n  // Value storage\n  singleValue: Date | null = null;\n  rangeValue: DateRange = { start: null, end: null };\n\n  onChange: any = () => {};\n  onTouched: any = () => {};\n\n  constructor(private elementRef: ElementRef) {}\n\n  // Calendar Logic\n  readonly daysOfWeek = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];\n  \n  calendarDays = computed(() => {\n    const year = this.currentViewDate().getFullYear();\n    const month = this.currentViewDate().getMonth();\n    \n    const firstDayOfMonth = new Date(year, month, 1);\n    const lastDayOfMonth = new Date(year, month + 1, 0);\n    \n    const days: Date[] = [];\n    \n    // Padding days from previous month\n    const startDay = firstDayOfMonth.getDay();\n    for (let i = startDay - 1; i >= 0; i--) {\n      days.push(new Date(year, month, -i));\n    }\n    \n    // Days of current month\n    for (let i = 1; i <= lastDayOfMonth.getDate(); i++) {\n      days.push(new Date(year, month, i));\n    }\n    \n    // Padding days for next month (to fill 6 rows usually, or just enough to finish week)\n    const remaining = 42 - days.length; // 6 rows * 7 days\n    for (let i = 1; i <= remaining; i++) {\n      days.push(new Date(year, month + 1, i));\n    }\n    \n    return days;\n  });\n\n  get formattedValue(): string {\n    if (this.mode() === 'single') {\n      return this.singleValue ? this.singleValue.toLocaleDateString() : '';\n    } else {\n      if (this.rangeValue.start && this.rangeValue.end) {\n        return `${this.rangeValue.start.toLocaleDateString()} - ${this.rangeValue.end.toLocaleDateString()}`;\n      } else if (this.rangeValue.start) {\n        return `${this.rangeValue.start.toLocaleDateString()} - ...`;\n      }\n      return '';\n    }\n  }\n\n  get currentMonthYear(): string {\n    return this.currentViewDate().toLocaleString('default', { month: 'long', year: 'numeric' });\n  }\n\n  toggleCalendar() {\n    if (this.disabled()) return;\n    this.isOpen.update(v => !v);\n    if (this.isOpen()) {\n      // Focus logic if needed\n    } else {\n      this.onTouched();\n    }\n  }\n\n  prevMonth(e: Event) {\n    e.stopPropagation();\n    const d = this.currentViewDate();\n    this.currentViewDate.set(new Date(d.getFullYear(), d.getMonth() - 1, 1));\n  }\n\n  nextMonth(e: Event) {\n    e.stopPropagation();\n    const d = this.currentViewDate();\n    this.currentViewDate.set(new Date(d.getFullYear(), d.getMonth() + 1, 1));\n  }\n\n  selectDate(date: Date) {\n    if (this.isDisabled(date)) return;\n\n    if (this.mode() === 'single') {\n      this.singleValue = date;\n      this.onChange(date);\n      this.isOpen.set(false);\n    } else {\n      // Range logic\n      if (!this.rangeValue.start || (this.rangeValue.start && this.rangeValue.end)) {\n        // Start new range\n        this.rangeValue = { start: date, end: null };\n      } else {\n        // Complete range\n        if (date < this.rangeValue.start) {\n          this.rangeValue = { start: date, end: this.rangeValue.start };\n        } else {\n          this.rangeValue = { ...this.rangeValue, end: date };\n        }\n        this.onChange(this.rangeValue);\n        this.isOpen.set(false);\n      }\n    }\n  }\n\n  // Helper checks\n  isSelected(date: Date): boolean {\n    if (this.mode() === 'single') {\n      return this.isSameDay(date, this.singleValue);\n    } else {\n      return this.isSameDay(date, this.rangeValue.start) || this.isSameDay(date, this.rangeValue.end);\n    }\n  }\n\n  isInRange(date: Date): boolean {\n    if (this.mode() !== 'range' || !this.rangeValue.start || !this.rangeValue.end) return false;\n    return date > this.rangeValue.start && date < this.rangeValue.end;\n  }\n\n  isSameDay(d1: Date | null, d2: Date | null): boolean {\n    if (!d1 || !d2) return false;\n    return d1.getDate() === d2.getDate() &&\n           d1.getMonth() === d2.getMonth() &&\n           d1.getFullYear() === d2.getFullYear();\n  }\n\n  isToday(date: Date): boolean {\n    return this.isSameDay(date, new Date());\n  }\n\n  isDisabled(date: Date): boolean {\n    if (this.minDate() && date < this.setMidnight(this.minDate()!)) return true;\n    if (this.maxDate() && date > this.setMidnight(this.maxDate()!)) return true;\n    \n    // Check if it belongs to current month (optional, but good for visual clarity)\n    // We might want to allow selecting padding days, but usually we just dim them.\n    // Let's just disable interaction for padding days if we want strict month view, \n    // but standard is to allow navigating to them.\n    // For now, let's just check min/max.\n    return false;\n  }\n  \n  isCurrentMonth(date: Date): boolean {\n    return date.getMonth() === this.currentViewDate().getMonth();\n  }\n\n  private setMidnight(date: Date): Date {\n    const d = new Date(date);\n    d.setHours(0, 0, 0, 0);\n    return d;\n  }\n\n  // ControlValueAccessor\n  writeValue(obj: any): void {\n    if (this.mode() === 'single') {\n      this.singleValue = obj instanceof Date ? obj : null;\n      if (this.singleValue) this.currentViewDate.set(new Date(this.singleValue));\n    } else {\n      this.rangeValue = obj || { start: null, end: null };\n      if (this.rangeValue.start) this.currentViewDate.set(new Date(this.rangeValue.start));\n    }\n  }\n\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled.update(() =>isDisabled);\n  }\n\n  @HostListener('document:click', ['$event'])\n  onClickOutside(event: Event) {\n    if (!this.elementRef.nativeElement.contains(event.target)) {\n      this.isOpen.set(false);\n      this.onTouched();\n    }\n  }\n}\n","<div class=\"tng-datepicker-container\" [class.focused]=\"isOpen()\" [class.has-value]=\"formattedValue\" [class.disabled]=\"disabled()\">\n  <!-- Trigger Field (Reusing Input Style) -->\n  <div class=\"tng-input-trigger\" (click)=\"toggleCalendar()\">\n    <fieldset class=\"tng-fieldset\" aria-hidden=\"true\">\n      <legend class=\"tng-legend\"><span>{{ label() }}</span></legend>\n    </fieldset>\n    <label class=\"tng-label\">{{ label() }}</label>\n    <div class=\"tng-input-display\">\n      {{ formattedValue || (isOpen() ? placeholder() : '') }}\n    </div>\n    <span class=\"material-icons tng-icon\">calendar_today</span>\n  </div>\n\n  <!-- Calendar Popup -->\n  <div class=\"tng-calendar-popup\" *ngIf=\"isOpen()\">\n    <div class=\"tng-calendar-header\">\n      <button type=\"button\" class=\"nav-btn\" (click)=\"prevMonth($event)\">\n        <span class=\"material-icons\">chevron_left</span>\n      </button>\n      <span class=\"current-month\">{{ currentMonthYear }}</span>\n      <button type=\"button\" class=\"nav-btn\" (click)=\"nextMonth($event)\">\n        <span class=\"material-icons\">chevron_right</span>\n      </button>\n    </div>\n\n    <div class=\"tng-calendar-grid\">\n      <div class=\"day-name\" *ngFor=\"let day of daysOfWeek\">{{ day }}</div>\n      <div\n        class=\"day-cell\"\n        *ngFor=\"let date of calendarDays()\"\n        [class.not-current-month]=\"!isCurrentMonth(date)\"\n        [class.today]=\"isToday(date)\"\n        [class.selected]=\"isSelected(date)\"\n        [class.in-range]=\"isInRange(date)\"\n        [class.range-start]=\"mode() === 'range' && isSameDay(date, rangeValue.start)\"\n        [class.range-end]=\"mode() === 'range' && isSameDay(date, rangeValue.end)\"\n        [class.disabled]=\"isDisabled(date)\"\n        (click)=\"selectDate(date)\"\n      >\n        {{ date.getDate() }}\n      </div>\n    </div>\n  </div>\n</div>\n","import { Component, Input, computed, signal, model, contentChild, TemplateRef, input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { TecnualInputComponent } from '../tng-input/tng-input.component';\n\nexport interface TableColumn {\n  key: string;\n  label: string;\n  sortable?: boolean;\n  width?: string;\n  template?: TemplateRef<any>;\n}\n\n@Component({\n  selector: 'tng-table',\n  standalone: true,\n  imports: [CommonModule, FormsModule, TecnualInputComponent],\n  templateUrl: './tng-table.component.html',\n  styleUrls: ['./tng-table.component.scss']\n})\nexport class TecnualTableComponent {\n  data = input.required<any[]>();\n  columns = input.required<TableColumn[]>();\n  pageSize = input<number>(10);\n  filterable = input<boolean>(true);\n  \n  // State\n  searchQuery = signal('');\n  currentPage = signal(1);\n  sortColumn = signal<string | null>(null);\n  sortDirection = signal<'asc' | 'desc'>('asc');\n\n  // Computed\n  filteredData = computed(() => {\n    const query = this.searchQuery().toLowerCase();\n    const rawData = this.data();\n    \n    if (!query) return rawData;\n\n    return rawData.filter(row => {\n      return Object.values(row).some(val => \n        String(val).toLowerCase().includes(query)\n      );\n    });\n  });\n\n  sortedData = computed(() => {\n    const data = [...this.filteredData()];\n    const column = this.sortColumn();\n    const direction = this.sortDirection();\n\n    if (!column) return data;\n\n    return data.sort((a, b) => {\n      const valA = a[column];\n      const valB = b[column];\n\n      if (valA < valB) return direction === 'asc' ? -1 : 1;\n      if (valA > valB) return direction === 'asc' ? 1 : -1;\n      return 0;\n    });\n  });\n\n  paginatedData = computed(() => {\n    const data = this.sortedData();\n    const size = this.pageSize();\n    const page = this.currentPage();\n    const startIndex = (page - 1) * size;\n    \n    return data.slice(startIndex, startIndex + size);\n  });\n\n  totalPages = computed(() => {\n    return Math.ceil(this.filteredData().length / this.pageSize());\n  });\n\n  // Actions\n  onSort(column: TableColumn) {\n    if (!column.sortable) return;\n\n    if (this.sortColumn() === column.key) {\n      // Toggle direction\n      this.sortDirection.update(d => d === 'asc' ? 'desc' : 'asc');\n    } else {\n      // New column\n      this.sortColumn.set(column.key);\n      this.sortDirection.set('asc');\n    }\n  }\n\n  setPage(page: number) {\n    if (page >= 1 && page <= this.totalPages()) {\n      this.currentPage.set(page);\n    }\n  }\n\n  onSearch(query: string) {\n    this.searchQuery.set(query);\n    this.currentPage.set(1); // Reset to first page on search\n  }\n\n  onSearchInput(event: Event) {\n    const input = event.target as HTMLInputElement;\n    this.onSearch(input.value);\n  }\n}\n","<div class=\"tng-table-container\">\n  <!-- Toolbar -->\n  <div class=\"tng-table-toolbar\" *ngIf=\"filterable()\">\n    <div class=\"tng-table-search\">\n      <tng-input\n        [placeholder]=\"'Search...'\"\n        (input)=\"onSearchInput($event)\"\n      ></tng-input>\n    </div>\n  </div>\n\n  <!-- Table -->\n  <div class=\"tng-table-wrapper\">\n    <table class=\"tng-table\">\n      <thead>\n        <tr>\n          <th \n            *ngFor=\"let col of columns()\"\n            [style.width]=\"col.width\"\n            [class.sortable]=\"col.sortable\"\n            (click)=\"onSort(col)\"\n          >\n            <div class=\"th-content\">\n              {{ col.label }}\n              <span class=\"sort-indicator\" *ngIf=\"sortColumn() === col.key\">\n                {{ sortDirection() === 'asc' ? '↑' : '↓' }}\n              </span>\n            </div>\n          </th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr *ngFor=\"let row of paginatedData()\">\n          <td *ngFor=\"let col of columns()\">\n            <ng-container *ngIf=\"col.template; else defaultCell\">\n              <ng-container *ngTemplateOutlet=\"col.template; context: { $implicit: row[col.key], row: row }\"></ng-container>\n            </ng-container>\n            <ng-template #defaultCell>\n              {{ row[col.key] }}\n            </ng-template>\n          </td>\n        </tr>\n        <tr *ngIf=\"paginatedData().length === 0\" class=\"no-data-row\">\n          <td [attr.colspan]=\"columns().length\">\n            No data found\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n\n  <!-- Pagination -->\n  <div class=\"tng-table-pagination\" *ngIf=\"totalPages() > 1\">\n    <div class=\"pagination-info\">\n      Page {{ currentPage() }} of {{ totalPages() }}\n    </div>\n    <div class=\"pagination-controls\">\n      <button \n        class=\"tng-btn-icon\" \n        [disabled]=\"currentPage() === 1\"\n        (click)=\"setPage(currentPage() - 1)\"\n      >\n        ‹\n      </button>\n      \n      <ng-container *ngFor=\"let page of [].constructor(totalPages()); let i = index\">\n        <!-- Show limited pages logic could go here, for now simple list -->\n        <button \n          *ngIf=\"i + 1 === currentPage() || i + 1 === 1 || i + 1 === totalPages() || (i + 1 >= currentPage() - 1 && i + 1 <= currentPage() + 1)\"\n          class=\"tng-btn-page\"\n          [class.active]=\"currentPage() === i + 1\"\n          (click)=\"setPage(i + 1)\"\n        >\n          {{ i + 1 }}\n        </button>\n        <span *ngIf=\"(i + 1 === 2 && currentPage() > 4) || (i + 1 === totalPages() - 1 && currentPage() < totalPages() - 3)\" class=\"pagination-dots\">...</span>\n      </ng-container>\n\n      <button \n        class=\"tng-btn-icon\" \n        [disabled]=\"currentPage() === totalPages()\"\n        (click)=\"setPage(currentPage() + 1)\"\n      >\n        ›\n      </button>\n    </div>\n  </div>\n</div>\n","import { ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\n\nexport type TngToolbarPosition = 'top' | 'bottom' | 'static';\nexport type TngToolbarPositionType = 'static' | 'relative' | 'absolute' | 'fixed';\nexport type TngToolbarColor = 'default' | 'primary' | 'secondary';\n\n@Component({\n  selector: 'tng-toolbar',\n  standalone: true,\n  imports: [],\n  templateUrl: './tng-toolbar.component.html',\n  styleUrl: './tng-toolbar.component.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'class': 'tng-toolbar',\n    '[class.tng-toolbar--top]': 'position() === \"top\"',\n    '[class.tng-toolbar--bottom]': 'position() === \"bottom\"',\n    '[class.tng-toolbar--fixed]': 'positionType() === \"fixed\"',\n    '[class.tng-toolbar--absolute]': 'positionType() === \"absolute\"',\n    '[class.tng-toolbar--relative]': 'positionType() === \"relative\"',\n    '[class.tng-toolbar--static]': 'positionType() === \"static\"',\n    '[class.tng-toolbar--primary]': 'color() === \"primary\"',\n    '[class.tng-toolbar--secondary]': 'color() === \"secondary\"',\n    '[class.tng-toolbar--elevated]': 'elevation()',\n  }\n})\nexport class TngToolbarComponent {\n  position = input<TngToolbarPosition>('static');\n  positionType = input<TngToolbarPositionType>('fixed');\n  color = input<TngToolbarColor>('default');\n  elevation = input(true);\n}\n","<div class=\"tng-toolbar__container\">\n  <div class=\"tng-toolbar__section tng-toolbar__section--left\">\n    <ng-content select=\"[toolbar-left]\"></ng-content>\n  </div>\n\n  <div class=\"tng-toolbar__section tng-toolbar__section--center\">\n    <ng-content select=\"[toolbar-center]\"></ng-content>\n    <ng-content></ng-content>\n  </div>\n\n  <div class=\"tng-toolbar__section tng-toolbar__section--right\">\n    <ng-content select=\"[toolbar-right]\"></ng-content>\n  </div>\n</div>\n","import { Injectable, signal, effect } from '@angular/core';\n\nexport type ThemeName = 'light' | 'dark' | 'ocean' | 'forest' | 'sunset' | 'royal' | 'monochrome';\n\nexport interface Theme {\n  name: ThemeName;\n  displayName: string;\n  description: string;\n  primaryColor: string;\n  isDark: boolean;\n}\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class ThemeService {\n  private readonly STORAGE_KEY = 'tng-theme';\n  \n  currentTheme = signal<ThemeName>(this.loadTheme());\n  \n  readonly themes: Theme[] = [\n    {\n      name: 'light',\n      displayName: 'Light',\n      description: 'Clean and bright',\n      primaryColor: '#3f51b5',\n      isDark: false\n    },\n    {\n      name: 'dark',\n      displayName: 'Dark',\n      description: 'Easy on the eyes',\n      primaryColor: '#7986cb',\n      isDark: true\n    },\n    {\n      name: 'ocean',\n      displayName: 'Ocean',\n      description: 'Deep blue waters',\n      primaryColor: '#0288d1',\n      isDark: false\n    },\n    {\n      name: 'forest',\n      displayName: 'Forest',\n      description: 'Natural greens',\n      primaryColor: '#388e3c',\n      isDark: false\n    },\n    {\n      name: 'sunset',\n      displayName: 'Sunset',\n      description: 'Warm oranges',\n      primaryColor: '#f57c00',\n      isDark: false\n    },\n    {\n      name: 'royal',\n      displayName: 'Royal',\n      description: 'Regal purples',\n      primaryColor: '#7b1fa2',\n      isDark: false\n    },\n    {\n      name: 'monochrome',\n      displayName: 'Monochrome',\n      description: 'Elegant grayscale',\n      primaryColor: '#616161',\n      isDark: false\n    }\n  ];\n\n  constructor() {\n    // Apply initial theme immediately\n    const initialTheme = this.loadTheme();\n    this.applyTheme(initialTheme);\n    \n    // Watch for theme changes\n    effect(() => {\n      const theme = this.currentTheme();\n      console.log('Theme changed to:', theme);\n      this.applyTheme(theme);\n    });\n  }\n\n  setTheme(theme: ThemeName) {\n    this.currentTheme.set(theme);\n    this.saveTheme(theme);\n  }\n\n  private applyTheme(theme: ThemeName) {\n    console.log('Applying theme:', theme);\n    \n    // Remove all theme classes\n    this.themes.forEach(t => {\n      document.body.classList.remove(`${t.name}-theme`);\n    });\n    \n    // Add new theme class\n    document.body.classList.add(`${theme}-theme`);\n    \n    // Set data attribute for CSS\n    document.body.setAttribute('data-theme', theme);\n    \n    console.log('Body classes:', document.body.className);\n    console.log('Data theme:', document.body.getAttribute('data-theme'));\n  }\n\n  private loadTheme(): ThemeName {\n    const saved = localStorage.getItem(this.STORAGE_KEY);\n    return (saved as ThemeName) || 'light';\n  }\n\n  private saveTheme(theme: ThemeName) {\n    localStorage.setItem(this.STORAGE_KEY, theme);\n  }\n\n  getThemeInfo(name: ThemeName): Theme | undefined {\n    return this.themes.find(t => t.name === name);\n  }\n}\n","/*\n * Public API Surface of tecnualng\n */\n\nexport * from './lib/tng-button/tng-button';\nexport * from './lib/tng-card/tng-card.component';\nexport * from './lib/tng-input/tng-input.component';\nexport * from './lib/tng-datepicker/tng-datepicker.component';\nexport * from './lib/tng-table/tng-table.component';\nexport * from './lib/tng-toolbar/tng-toolbar.component';\nexport * from './lib/utils/theme.service';\n\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "tecnualng",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^21.0.0",
+    "@angular/core": "^21.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "sass": "./_index.scss",
+      "types": "./types/tecnualng.d.ts",
+      "default": "./fesm2022/tecnualng.mjs"
+    },
+    "./package.json": {
+      "default": "./package.json"
+    }
+  },
+  "module": "fesm2022/tecnualng.mjs",
+  "typings": "types/tecnualng.d.ts"
+}

package/types/tecnualng.d.ts

@@ -0,0 +1,161 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef, TemplateRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+
+type TngButtonAppearance = 'text' | 'filled' | 'elevated' | 'outlined' | 'tonal';
+declare class TngButton {
+    variant: _angular_core.InputSignal<"primary" | "secondary" | "success" | "warning" | "error" | null>;
+    rounded: _angular_core.InputSignal<boolean>;
+    soft: _angular_core.InputSignal<boolean>;
+    ripple: _angular_core.InputSignal<boolean>;
+    icon: _angular_core.InputSignal<string | null>;
+    iconPosition: _angular_core.InputSignal<"left" | "right">;
+    createRipple(event: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngButton, "button[tngButton], a[tngButton]", ["tngButton"], { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "soft": { "alias": "soft"; "required": false; "isSignal": true; }; "ripple": { "alias": "ripple"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type TngCardVariant = 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error';
+declare class TngCardComponent {
+    variant: _angular_core.InputSignal<TngCardVariant>;
+    title: _angular_core.InputSignal<string | null>;
+    subtitle: _angular_core.InputSignal<string | null>;
+    elevated: _angular_core.InputSignal<boolean>;
+    outlined: _angular_core.InputSignal<boolean>;
+    image: _angular_core.InputSignal<string | null>;
+    imageAlt: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngCardComponent, "tng-card", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "elevated": { "alias": "elevated"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "image": { "alias": "image"; "required": false; "isSignal": true; }; "imageAlt": { "alias": "imageAlt"; "required": false; "isSignal": true; }; }, {}, never, ["[card-header]", "*", "[card-footer]"], true, never>;
+}
+
+declare class TecnualInputComponent implements ControlValueAccessor {
+    label: _angular_core.InputSignal<string>;
+    type: _angular_core.InputSignal<"number" | "text" | "password" | "email" | "tel">;
+    placeholder: _angular_core.InputSignal<string>;
+    required: _angular_core.InputSignal<boolean>;
+    disabled: _angular_core.ModelSignal<boolean>;
+    id: _angular_core.InputSignal<string>;
+    value: any;
+    isFocused: boolean;
+    onChange: any;
+    onTouched: any;
+    get hasValue(): boolean;
+    onInput(event: Event): void;
+    onFocus(): void;
+    onBlur(): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TecnualInputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TecnualInputComponent, "tng-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; }, never, never, true, never>;
+}
+
+interface DateRange {
+    start: Date | null;
+    end: Date | null;
+}
+declare class TecnualDatepickerComponent implements ControlValueAccessor {
+    private elementRef;
+    label: _angular_core.InputSignal<string>;
+    placeholder: _angular_core.InputSignal<string>;
+    mode: _angular_core.InputSignal<"single" | "range">;
+    minDate: _angular_core.InputSignal<Date | null>;
+    maxDate: _angular_core.InputSignal<Date | null>;
+    disabled: _angular_core.ModelSignal<boolean>;
+    id: _angular_core.InputSignal<string>;
+    isOpen: _angular_core.WritableSignal<boolean>;
+    currentViewDate: _angular_core.WritableSignal<Date>;
+    singleValue: Date | null;
+    rangeValue: DateRange;
+    onChange: any;
+    onTouched: any;
+    constructor(elementRef: ElementRef);
+    readonly daysOfWeek: string[];
+    calendarDays: _angular_core.Signal<Date[]>;
+    get formattedValue(): string;
+    get currentMonthYear(): string;
+    toggleCalendar(): void;
+    prevMonth(e: Event): void;
+    nextMonth(e: Event): void;
+    selectDate(date: Date): void;
+    isSelected(date: Date): boolean;
+    isInRange(date: Date): boolean;
+    isSameDay(d1: Date | null, d2: Date | null): boolean;
+    isToday(date: Date): boolean;
+    isDisabled(date: Date): boolean;
+    isCurrentMonth(date: Date): boolean;
+    private setMidnight;
+    writeValue(obj: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    onClickOutside(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TecnualDatepickerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TecnualDatepickerComponent, "tng-datepicker", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; }, never, never, true, never>;
+}
+
+interface TableColumn {
+    key: string;
+    label: string;
+    sortable?: boolean;
+    width?: string;
+    template?: TemplateRef<any>;
+}
+declare class TecnualTableComponent {
+    data: _angular_core.InputSignal<any[]>;
+    columns: _angular_core.InputSignal<TableColumn[]>;
+    pageSize: _angular_core.InputSignal<number>;
+    filterable: _angular_core.InputSignal<boolean>;
+    searchQuery: _angular_core.WritableSignal<string>;
+    currentPage: _angular_core.WritableSignal<number>;
+    sortColumn: _angular_core.WritableSignal<string | null>;
+    sortDirection: _angular_core.WritableSignal<"asc" | "desc">;
+    filteredData: _angular_core.Signal<any[]>;
+    sortedData: _angular_core.Signal<any[]>;
+    paginatedData: _angular_core.Signal<any[]>;
+    totalPages: _angular_core.Signal<number>;
+    onSort(column: TableColumn): void;
+    setPage(page: number): void;
+    onSearch(query: string): void;
+    onSearchInput(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TecnualTableComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TecnualTableComponent, "tng-table", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "filterable": { "alias": "filterable"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type TngToolbarPosition = 'top' | 'bottom' | 'static';
+type TngToolbarPositionType = 'static' | 'relative' | 'absolute' | 'fixed';
+type TngToolbarColor = 'default' | 'primary' | 'secondary';
+declare class TngToolbarComponent {
+    position: _angular_core.InputSignal<TngToolbarPosition>;
+    positionType: _angular_core.InputSignal<TngToolbarPositionType>;
+    color: _angular_core.InputSignal<TngToolbarColor>;
+    elevation: _angular_core.InputSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngToolbarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngToolbarComponent, "tng-toolbar", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "positionType": { "alias": "positionType"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "elevation": { "alias": "elevation"; "required": false; "isSignal": true; }; }, {}, never, ["[toolbar-left]", "[toolbar-center]", "*", "[toolbar-right]"], true, never>;
+}
+
+type ThemeName = 'light' | 'dark' | 'ocean' | 'forest' | 'sunset' | 'royal' | 'monochrome';
+interface Theme {
+    name: ThemeName;
+    displayName: string;
+    description: string;
+    primaryColor: string;
+    isDark: boolean;
+}
+declare class ThemeService {
+    private readonly STORAGE_KEY;
+    currentTheme: _angular_core.WritableSignal<ThemeName>;
+    readonly themes: Theme[];
+    constructor();
+    setTheme(theme: ThemeName): void;
+    private applyTheme;
+    private loadTheme;
+    private saveTheme;
+    getThemeInfo(name: ThemeName): Theme | undefined;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThemeService>;
+}
+
+export { TecnualDatepickerComponent, TecnualInputComponent, TecnualTableComponent, ThemeService, TngButton, TngCardComponent, TngToolbarComponent };
+export type { DateRange, TableColumn, Theme, ThemeName, TngButtonAppearance, TngCardVariant, TngToolbarColor, TngToolbarPosition, TngToolbarPositionType };