@thalassic/ui 0.0.1

package/README.md

@@ -0,0 +1,7 @@
+# ui
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test ui` to execute the unit tests.

package/fesm2022/thalassic-ui.mjs

@@ -0,0 +1,476 @@
+import { NgTemplateOutlet, isPlatformBrowser } from '@angular/common';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, Injectable, input, computed, Component, booleanAttribute, model, Directive, DOCUMENT, RendererFactory2, PLATFORM_ID, signal, effect, makeEnvironmentProviders } from '@angular/core';
+import { RouterLink } from '@angular/router';
+import { rxResource } from '@angular/core/rxjs-interop';
+import { HttpClient } from '@angular/common/http';
+import { DomSanitizer } from '@angular/platform-browser';
+import { throwError, map, shareReplay } from 'rxjs';
+
+const DEFAULT_ICON_CONFIG = {
+    allowedSources: [],
+};
+
+const ICON_CONFIG = new InjectionToken('ICON_CONFIG', {
+    factory: () => DEFAULT_ICON_CONFIG,
+});
+
+class IconService {
+    _http = inject(HttpClient);
+    _sanitizer = inject(DomSanitizer);
+    _cache = new Map();
+    getSvgContent(url, allowedSources) {
+        if (allowedSources.length > 0 && !this._isUrlAllowed(url, allowedSources)) {
+            return throwError(() => new Error('SVG URL not from trusted source'));
+        }
+        const cache = this._cache.get(url);
+        if (!cache) {
+            const svg$ = this._http.get(url, { responseType: 'text' }).pipe(map(svg => this._sanitizeSvg(svg)), shareReplay(1));
+            this._cache.set(url, svg$);
+            return svg$;
+        }
+        return cache;
+    }
+    // Private methods
+    _isUrlAllowed(url, allowedSource) {
+        return allowedSource.some(source => url.startsWith(source));
+    }
+    _sanitizeSvg(svg) {
+        const safeSvg = this._makeSafe(svg);
+        return this._sanitizer.bypassSecurityTrustHtml(safeSvg);
+    }
+    _makeSafe(svg) {
+        return (svg
+            // Remove script tags
+            .replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, '')
+            // Remove event handlers (onclick, onload, onmouseover, etc.)
+            .replace(/on\w+\s*=\s*["'][^"']*["']/gi, '')
+            // Remove external xlink:href (keep internal references starting with #)
+            .replace(/xlink:href\s*=\s*["'](?!#)[^"']*["']/gi, '')
+            // Remove external href in <use>, <image>, <a> tags (keep internal #refs)
+            .replace(/href\s*=\s*["'](?!#)[^"']*["']/gi, '')
+            // Remove data URIs with HTML content
+            .replace(/href\s*=\s*["']data:text\/html[^"']*["']/gi, '')
+            .replace(/src\s*=\s*["']data:text\/html[^"']*["']/gi, '')
+            // Remove javascript: protocol
+            .replace(/javascript:/gi, '')
+            // Remove import statements in style
+            .replace(/@import/gi, ''));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: IconService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: IconService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: IconService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class Icon {
+    // Injections
+    _iconService = inject(IconService);
+    _config = inject(ICON_CONFIG);
+    // Inputs
+    iconSrc = input.required(...(ngDevMode ? [{ debugName: "iconSrc" }] : []));
+    alt = input('', ...(ngDevMode ? [{ debugName: "alt" }] : []));
+    allowedSources = input(this._config.allowedSources, ...(ngDevMode ? [{ debugName: "allowedSources" }] : []));
+    isSvg = computed(() => {
+        return this.iconSrc().endsWith('.svg');
+    }, ...(ngDevMode ? [{ debugName: "isSvg" }] : []));
+    _svgContentResource = rxResource({
+        defaultValue: '',
+        params: () => ({
+            iconSrc: this.iconSrc(),
+            allowedSources: this.allowedSources(),
+        }),
+        stream: params => this._iconService.getSvgContent(params.params.iconSrc, params.params.allowedSources),
+    });
+    // Accessors
+    get svgContent() {
+        return this._svgContentResource.value.asReadonly();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: Icon, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: Icon, isStandalone: true, selector: "tls-icon", inputs: { iconSrc: { classPropertyName: "iconSrc", publicName: "iconSrc", isSignal: true, isRequired: true, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, allowedSources: { classPropertyName: "allowedSources", publicName: "allowedSources", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (isSvg() && iconSrc()) {\n  <span [innerHTML]=\"svgContent()\" class=\"tls-svg-icon\"></span>\n} @else if (iconSrc()) {\n  <img [src]=\"iconSrc()\" [alt]=\"alt()\" class=\"tls-img-icon\" />\n} @else {\n  {{ iconSrc() }}\n}\n", styles: [":host{width:auto;height:auto;min-width:auto;min-height:auto;display:inline-block;color:inherit}:host .tls-svg-icon{color:inherit}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: Icon, decorators: [{
+            type: Component,
+            args: [{ selector: 'tls-icon', imports: [], template: "@if (isSvg() && iconSrc()) {\n  <span [innerHTML]=\"svgContent()\" class=\"tls-svg-icon\"></span>\n} @else if (iconSrc()) {\n  <img [src]=\"iconSrc()\" [alt]=\"alt()\" class=\"tls-img-icon\" />\n} @else {\n  {{ iconSrc() }}\n}\n", styles: [":host{width:auto;height:auto;min-width:auto;min-height:auto;display:inline-block;color:inherit}:host .tls-svg-icon{color:inherit}\n"] }]
+        }], propDecorators: { iconSrc: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconSrc", required: true }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }], allowedSources: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowedSources", required: false }] }] } });
+
+const DEFAULT_BUTTON_CONFIG = {
+    color: 'primary',
+    appearance: 'filled',
+    size: 'md',
+    type: 'button',
+};
+
+const BUTTON_CONFIG = new InjectionToken('BUTTON_CONFIG', {
+    factory: () => DEFAULT_BUTTON_CONFIG,
+});
+
+class Button {
+    // Injections
+    _routerLink = inject(RouterLink, { optional: true });
+    _config = inject(BUTTON_CONFIG);
+    // Inputs
+    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
+    type = input(this._config.type, ...(ngDevMode ? [{ debugName: "type" }] : []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
+    icon = input(false, { ...(ngDevMode ? { debugName: "icon" } : {}), transform: (value) => {
+            if (typeof value === 'string' && value === '')
+                return true;
+            else if (typeof value === 'string')
+                return value;
+            else
+                return booleanAttribute(value);
+        } });
+    color = input(this._config.color, ...(ngDevMode ? [{ debugName: "color" }] : []));
+    appearance = input(this._config.appearance, ...(ngDevMode ? [{ debugName: "appearance" }] : []));
+    size = input(this._config.size, ...(ngDevMode ? [{ debugName: "size" }] : []));
+    href = input(null, ...(ngDevMode ? [{ debugName: "href" }] : []));
+    tabindex = input('0', ...(ngDevMode ? [{ debugName: "tabindex" }] : []));
+    // Computed
+    isLink = computed(() => Boolean(this._routerLink || this.href()), ...(ngDevMode ? [{ debugName: "isLink" }] : []));
+    isIconString = computed(() => typeof this.icon() === 'string', ...(ngDevMode ? [{ debugName: "isIconString" }] : []));
+    classes = computed(() => {
+        const className = 'tls-button';
+        const array = [className];
+        array.push(`${className}--${this.color()}`);
+        array.push(`${className}--${this.appearance()}`);
+        array.push(`${className}--${this.size()}`);
+        if (this.disabled())
+            array.push(`${className}--disabled`);
+        if (this.icon())
+            array.push(`${className}--icon-only`);
+        return array;
+    }, ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    String = String;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: Button, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: Button, isStandalone: true, selector: "tls-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "tabindex": "-1" } }, ngImport: i0, template: "@if (isLink()) {\r\n  <a\r\n    role=\"link\"\r\n    [class]=\"classes()\"\r\n    [href]=\"href()\"\r\n    [tabindex]=\"tabindex()\"\r\n    [attr.aria-disabled]=\"disabled()\"\r\n  >\r\n    <ng-container [ngTemplateOutlet]=\"contentTemplate\"></ng-container>\r\n  </a>\r\n} @else {\r\n  <button\r\n    role=\"button\"\r\n    [class]=\"classes()\"\r\n    [type]=\"type()\"\r\n    [tabindex]=\"tabindex()\"\r\n    [disabled]=\"disabled()\"\r\n    [attr.aria-disabled]=\"disabled()\"\r\n  >\r\n    <ng-container [ngTemplateOutlet]=\"contentTemplate\"></ng-container>\r\n  </button>\r\n}\r\n\r\n<!-- Content -->\r\n<ng-template #contentTemplate>\r\n  <span class=\"tls-button__content\">\r\n    @if (icon()) {\r\n      @if (isIconString()) {\r\n        <tls-icon [iconSrc]=\"String(icon())\" />\r\n      } @else {\r\n        <ng-container *ngTemplateOutlet=\"projectedContentTemplate\"></ng-container>\r\n      }\r\n    } @else {\r\n      @if (label()) {\r\n        {{ label() }}\r\n      } @else {\r\n        <ng-container *ngTemplateOutlet=\"projectedContentTemplate\"></ng-container>\r\n      }\r\n    }\r\n  </span>\r\n  <div class=\"tls-button__background\"></div>\r\n</ng-template>\r\n\r\n<ng-template #projectedContentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n", styles: [":host{width:fit-content;display:inline-block;--tls-button-border-width: 1px}:host:focus-visible{outline:none}:host .tls-button{position:relative;display:inline-flex;justify-content:center;align-items:center;gap:.25rem;border:var(--tls-button-border-width) solid var(--tls-button-color);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color var(--motion-fast) var(--motion-ease-in-out)}:host .tls-button:focus-visible{outline:var(--control-focus-ring-width) solid var(--control-focus-ring-color);outline-offset:var(--control-focus-ring-offset)}:host .tls-button__content{z-index:1;display:flex;align-items:center;transition:color var(--motion-fast) var(--motion-ease-in-out)}:host .tls-button__background{position:absolute;inset:0;border-radius:inherit;transition:background-color var(--motion-fast) var(--motion-ease-in-out),opacity var(--motion-fast) var(--motion-ease-in-out)}\n", ":host .tls-button--filled .tls-button__content{color:var(--tls-button-on-color)}:host .tls-button--filled .tls-button__background{background-color:var(--tls-button-color)}:host .tls-button--filled:not(.tls-button--disabled):hover .tls-button__background,:host .tls-button--filled:not(.tls-button--disabled):focus-visible .tls-button__background{opacity:.85}:host .tls-button--filled:not(.tls-button--disabled):active .tls-button__background{opacity:.75}:host .tls-button--outlined .tls-button__content{color:var(--tls-button-color)}:host .tls-button--outlined .tls-button__background{background-color:var(--tls-button-color);opacity:0}:host .tls-button--outlined:not(.tls-button--disabled):hover .tls-button__background,:host .tls-button--outlined:not(.tls-button--disabled):focus-visible .tls-button__background{opacity:.075}:host .tls-button--outlined:not(.tls-button--disabled):active .tls-button__background{opacity:.15}:host .tls-button--text{border-color:transparent}:host .tls-button--text .tls-button__content{color:var(--tls-button-color)}:host .tls-button--text .tls-button__background{background-color:var(--tls-button-color);opacity:0}:host .tls-button--text:not(.tls-button--disabled):hover .tls-button__background,:host .tls-button--text:not(.tls-button--disabled):focus-visible .tls-button__background{opacity:.075}:host .tls-button--text:not(.tls-button--disabled):active .tls-button__background{opacity:.15}:host .tls-button--elevated{border:none;box-shadow:var(--shadow-sm);transition:box-shadow var(--motion-fast) var(--motion-ease-in-out)}:host .tls-button--elevated .tls-button__content{color:var(--tls-button-color)}:host .tls-button--elevated .tls-button__background{background-color:var(--tls-button-color);opacity:0}:host .tls-button--elevated:not(.tls-button--disabled){padding-inline:calc(var(--tls-button-padding-inline) + var(--tls-button-border-width))}:host .tls-button--elevated:not(.tls-button--disabled):hover,:host .tls-button--elevated:not(.tls-button--disabled):focus-visible{box-shadow:var(--shadow-md)}:host .tls-button--elevated:not(.tls-button--disabled):hover .tls-button__background,:host .tls-button--elevated:not(.tls-button--disabled):focus-visible .tls-button__background{opacity:.075}:host .tls-button--elevated:not(.tls-button--disabled):active{box-shadow:var(--shadow-sm)}:host .tls-button--elevated:not(.tls-button--disabled):active .tls-button__background{opacity:.15}:host .tls-button--disabled{cursor:not-allowed;border:var(--tls-button-border-width) solid var(--color-outline);box-shadow:none}:host .tls-button--disabled .tls-button__content{color:var(--tls-button-on-color)}:host .tls-button--disabled .tls-button__background{opacity:1;transition:none}\n", ":host:has(.tls-button.tls-button--primary){--tls-button-on-color: var(--color-on-primary);--tls-button-color: var(--color-primary)}:host:has(.tls-button.tls-button--secondary){--tls-button-on-color: var(--color-on-secondary);--tls-button-color: var(--color-secondary)}:host:has(.tls-button.tls-button--tertiary){--tls-button-on-color: var(--color-on-tertiary);--tls-button-color: var(--color-tertiary)}:host:has(.tls-button.tls-button--success){--tls-button-on-color: var(--color-on-success);--tls-button-color: var(--color-success)}:host:has(.tls-button.tls-button--info){--tls-button-on-color: var(--color-on-info);--tls-button-color: var(--color-info)}:host:has(.tls-button.tls-button--warning){--tls-button-on-color: var(--color-on-warning);--tls-button-color: var(--color-warning)}:host:has(.tls-button.tls-button--danger){--tls-button-on-color: var(--color-on-danger);--tls-button-color: var(--color-danger)}:host:has(.tls-button.tls-button--disabled){--tls-button-on-color: var(--color-on-surface-variant);--tls-button-color: var(--color-surface-variant)}\n", ":host .tls-button{height:var(--tls-button-height);padding-inline:var(--tls-button-padding-inline);font-size:var(--tls-button-font-size);font-weight:var(--tls-button-font-weight);line-height:var(--tls-button-line-height);letter-spacing:var(--tls-button-letter-spacing)}:host .tls-button.tls-button--icon-only{padding-inline:0;aspect-ratio:1/1}:host:has(.tls-button.tls-button--sm){--tls-button-height: var(--control-height-sm);--tls-button-padding-inline: var(--spacing-3);--tls-button-font-size: var(--font-label-small-size);--tls-button-font-weight: var(--font-label-small-weight);--tls-button-line-height: var(--font-label-small-line-height);--tls-button-letter-spacing: var(--font-label-small-letter-spacing)}:host:has(.tls-button.tls-button--md){--tls-button-height: var(--control-height-md);--tls-button-padding-inline: var(--spacing-4);--tls-button-font-size: var(--font-label-medium-size);--tls-button-font-weight: var(--font-label-medium-weight);--tls-button-line-height: var(--font-label-medium-line-height);--tls-button-letter-spacing: var(--font-label-medium-letter-spacing)}:host:has(.tls-button.tls-button--lg){--tls-button-height: var(--control-height-lg);--tls-button-padding-inline: var(--spacing-5);--tls-button-font-size: var(--font-label-large-size);--tls-button-font-weight: var(--font-label-large-weight);--tls-button-line-height: var(--font-label-large-line-height);--tls-button-letter-spacing: var(--font-label-large-letter-spacing)}\n"], dependencies: [{ kind: "component", type: Icon, selector: "tls-icon", inputs: ["iconSrc", "alt", "allowedSources"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: Button, decorators: [{
+            type: Component,
+            args: [{ selector: 'tls-button', imports: [Icon, NgTemplateOutlet], host: {
+                        '[tabindex]': '-1',
+                    }, template: "@if (isLink()) {\r\n  <a\r\n    role=\"link\"\r\n    [class]=\"classes()\"\r\n    [href]=\"href()\"\r\n    [tabindex]=\"tabindex()\"\r\n    [attr.aria-disabled]=\"disabled()\"\r\n  >\r\n    <ng-container [ngTemplateOutlet]=\"contentTemplate\"></ng-container>\r\n  </a>\r\n} @else {\r\n  <button\r\n    role=\"button\"\r\n    [class]=\"classes()\"\r\n    [type]=\"type()\"\r\n    [tabindex]=\"tabindex()\"\r\n    [disabled]=\"disabled()\"\r\n    [attr.aria-disabled]=\"disabled()\"\r\n  >\r\n    <ng-container [ngTemplateOutlet]=\"contentTemplate\"></ng-container>\r\n  </button>\r\n}\r\n\r\n<!-- Content -->\r\n<ng-template #contentTemplate>\r\n  <span class=\"tls-button__content\">\r\n    @if (icon()) {\r\n      @if (isIconString()) {\r\n        <tls-icon [iconSrc]=\"String(icon())\" />\r\n      } @else {\r\n        <ng-container *ngTemplateOutlet=\"projectedContentTemplate\"></ng-container>\r\n      }\r\n    } @else {\r\n      @if (label()) {\r\n        {{ label() }}\r\n      } @else {\r\n        <ng-container *ngTemplateOutlet=\"projectedContentTemplate\"></ng-container>\r\n      }\r\n    }\r\n  </span>\r\n  <div class=\"tls-button__background\"></div>\r\n</ng-template>\r\n\r\n<ng-template #projectedContentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n", styles: [":host{width:fit-content;display:inline-block;--tls-button-border-width: 1px}:host:focus-visible{outline:none}:host .tls-button{position:relative;display:inline-flex;justify-content:center;align-items:center;gap:.25rem;border:var(--tls-button-border-width) solid var(--tls-button-color);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color var(--motion-fast) var(--motion-ease-in-out)}:host .tls-button:focus-visible{outline:var(--control-focus-ring-width) solid var(--control-focus-ring-color);outline-offset:var(--control-focus-ring-offset)}:host .tls-button__content{z-index:1;display:flex;align-items:center;transition:color var(--motion-fast) var(--motion-ease-in-out)}:host .tls-button__background{position:absolute;inset:0;border-radius:inherit;transition:background-color var(--motion-fast) var(--motion-ease-in-out),opacity var(--motion-fast) var(--motion-ease-in-out)}\n", ":host .tls-button--filled .tls-button__content{color:var(--tls-button-on-color)}:host .tls-button--filled .tls-button__background{background-color:var(--tls-button-color)}:host .tls-button--filled:not(.tls-button--disabled):hover .tls-button__background,:host .tls-button--filled:not(.tls-button--disabled):focus-visible .tls-button__background{opacity:.85}:host .tls-button--filled:not(.tls-button--disabled):active .tls-button__background{opacity:.75}:host .tls-button--outlined .tls-button__content{color:var(--tls-button-color)}:host .tls-button--outlined .tls-button__background{background-color:var(--tls-button-color);opacity:0}:host .tls-button--outlined:not(.tls-button--disabled):hover .tls-button__background,:host .tls-button--outlined:not(.tls-button--disabled):focus-visible .tls-button__background{opacity:.075}:host .tls-button--outlined:not(.tls-button--disabled):active .tls-button__background{opacity:.15}:host .tls-button--text{border-color:transparent}:host .tls-button--text .tls-button__content{color:var(--tls-button-color)}:host .tls-button--text .tls-button__background{background-color:var(--tls-button-color);opacity:0}:host .tls-button--text:not(.tls-button--disabled):hover .tls-button__background,:host .tls-button--text:not(.tls-button--disabled):focus-visible .tls-button__background{opacity:.075}:host .tls-button--text:not(.tls-button--disabled):active .tls-button__background{opacity:.15}:host .tls-button--elevated{border:none;box-shadow:var(--shadow-sm);transition:box-shadow var(--motion-fast) var(--motion-ease-in-out)}:host .tls-button--elevated .tls-button__content{color:var(--tls-button-color)}:host .tls-button--elevated .tls-button__background{background-color:var(--tls-button-color);opacity:0}:host .tls-button--elevated:not(.tls-button--disabled){padding-inline:calc(var(--tls-button-padding-inline) + var(--tls-button-border-width))}:host .tls-button--elevated:not(.tls-button--disabled):hover,:host .tls-button--elevated:not(.tls-button--disabled):focus-visible{box-shadow:var(--shadow-md)}:host .tls-button--elevated:not(.tls-button--disabled):hover .tls-button__background,:host .tls-button--elevated:not(.tls-button--disabled):focus-visible .tls-button__background{opacity:.075}:host .tls-button--elevated:not(.tls-button--disabled):active{box-shadow:var(--shadow-sm)}:host .tls-button--elevated:not(.tls-button--disabled):active .tls-button__background{opacity:.15}:host .tls-button--disabled{cursor:not-allowed;border:var(--tls-button-border-width) solid var(--color-outline);box-shadow:none}:host .tls-button--disabled .tls-button__content{color:var(--tls-button-on-color)}:host .tls-button--disabled .tls-button__background{opacity:1;transition:none}\n", ":host:has(.tls-button.tls-button--primary){--tls-button-on-color: var(--color-on-primary);--tls-button-color: var(--color-primary)}:host:has(.tls-button.tls-button--secondary){--tls-button-on-color: var(--color-on-secondary);--tls-button-color: var(--color-secondary)}:host:has(.tls-button.tls-button--tertiary){--tls-button-on-color: var(--color-on-tertiary);--tls-button-color: var(--color-tertiary)}:host:has(.tls-button.tls-button--success){--tls-button-on-color: var(--color-on-success);--tls-button-color: var(--color-success)}:host:has(.tls-button.tls-button--info){--tls-button-on-color: var(--color-on-info);--tls-button-color: var(--color-info)}:host:has(.tls-button.tls-button--warning){--tls-button-on-color: var(--color-on-warning);--tls-button-color: var(--color-warning)}:host:has(.tls-button.tls-button--danger){--tls-button-on-color: var(--color-on-danger);--tls-button-color: var(--color-danger)}:host:has(.tls-button.tls-button--disabled){--tls-button-on-color: var(--color-on-surface-variant);--tls-button-color: var(--color-surface-variant)}\n", ":host .tls-button{height:var(--tls-button-height);padding-inline:var(--tls-button-padding-inline);font-size:var(--tls-button-font-size);font-weight:var(--tls-button-font-weight);line-height:var(--tls-button-line-height);letter-spacing:var(--tls-button-letter-spacing)}:host .tls-button.tls-button--icon-only{padding-inline:0;aspect-ratio:1/1}:host:has(.tls-button.tls-button--sm){--tls-button-height: var(--control-height-sm);--tls-button-padding-inline: var(--spacing-3);--tls-button-font-size: var(--font-label-small-size);--tls-button-font-weight: var(--font-label-small-weight);--tls-button-line-height: var(--font-label-small-line-height);--tls-button-letter-spacing: var(--font-label-small-letter-spacing)}:host:has(.tls-button.tls-button--md){--tls-button-height: var(--control-height-md);--tls-button-padding-inline: var(--spacing-4);--tls-button-font-size: var(--font-label-medium-size);--tls-button-font-weight: var(--font-label-medium-weight);--tls-button-line-height: var(--font-label-medium-line-height);--tls-button-letter-spacing: var(--font-label-medium-letter-spacing)}:host:has(.tls-button.tls-button--lg){--tls-button-height: var(--control-height-lg);--tls-button-padding-inline: var(--spacing-5);--tls-button-font-size: var(--font-label-large-size);--tls-button-font-weight: var(--font-label-large-weight);--tls-button-line-height: var(--font-label-large-line-height);--tls-button-letter-spacing: var(--font-label-large-letter-spacing)}\n"] }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], tabindex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabindex", required: false }] }] } });
+
+class FormControl {
+    // Models
+    touched = model(false, ...(ngDevMode ? [{ debugName: "touched" }] : []));
+    // Inputs
+    name = input('', ...(ngDevMode ? [{ debugName: "name" }] : []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
+    readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : {}), transform: booleanAttribute });
+    hidden = input(false, { ...(ngDevMode ? { debugName: "hidden" } : {}), transform: booleanAttribute });
+    invalid = input(false, { ...(ngDevMode ? { debugName: "invalid" } : {}), transform: booleanAttribute });
+    pending = input(false, { ...(ngDevMode ? { debugName: "pending" } : {}), transform: booleanAttribute });
+    dirty = input(false, { ...(ngDevMode ? { debugName: "dirty" } : {}), transform: booleanAttribute });
+    errors = input([], ...(ngDevMode ? [{ debugName: "errors" }] : []));
+    required = input(false, { ...(ngDevMode ? { debugName: "required" } : {}), transform: booleanAttribute });
+    notInteractive = computed(() => this.disabled() || this.readonly(), ...(ngDevMode ? [{ debugName: "notInteractive" }] : []));
+    controlClasses = computed(() => {
+        const className = 'tls-form-control';
+        const array = [className];
+        if (this.disabled())
+            array.push(`${className}--disabled`);
+        if (this.readonly())
+            array.push(`${className}--readonly`);
+        if (this.invalid())
+            array.push(`${className}--invalid`);
+        if (this.pending())
+            array.push(`${className}--pending`);
+        if (this.dirty())
+            array.push(`${className}--dirty`);
+        return array;
+    }, ...(ngDevMode ? [{ debugName: "controlClasses" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: FormControl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.1", type: FormControl, isStandalone: true, inputs: { touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, pending: { classPropertyName: "pending", publicName: "pending", isSignal: true, isRequired: false, transformFunction: null }, dirty: { classPropertyName: "dirty", publicName: "dirty", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { touched: "touchedChange" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: FormControl, decorators: [{
+            type: Directive
+        }], propDecorators: { touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], hidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "hidden", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], pending: [{ type: i0.Input, args: [{ isSignal: true, alias: "pending", required: false }] }], dirty: [{ type: i0.Input, args: [{ isSignal: true, alias: "dirty", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }] } });
+
+class CheckboxFormControl extends FormControl {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: CheckboxFormControl, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: CheckboxFormControl, isStandalone: true, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: CheckboxFormControl, decorators: [{
+            type: Directive
+        }] });
+
+class ValueFormControl extends FormControl {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ValueFormControl, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: ValueFormControl, isStandalone: true, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ValueFormControl, decorators: [{
+            type: Directive
+        }] });
+
+const DEFAULT_INPUT_CONFIG = {
+    size: 'md',
+    type: 'text',
+    placeholder: '',
+};
+
+const INPUT_CONFIG = new InjectionToken('INPUT_CONFIG', {
+    factory: () => DEFAULT_INPUT_CONFIG,
+});
+
+class Input extends ValueFormControl {
+    // Injections
+    _config = inject(INPUT_CONFIG);
+    // Inputs
+    type = input(this._config.type, ...(ngDevMode ? [{ debugName: "type" }] : []));
+    value = model('', ...(ngDevMode ? [{ debugName: "value" }] : []));
+    inputId = input(null, ...(ngDevMode ? [{ debugName: "inputId" }] : []));
+    placeholder = input(this._config.placeholder, ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    size = input(this._config.size, ...(ngDevMode ? [{ debugName: "size" }] : []));
+    classes = computed(() => {
+        const className = 'tls-form-field';
+        const array = [className];
+        array.push(`${className}--${this.size()}`);
+        return array.concat(this.controlClasses());
+    }, ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    // Protected methods
+    onInput(event) {
+        const target = event.target;
+        this.value.set(target.value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: Input, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.1", type: Input, isStandalone: true, selector: "tls-input", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, usesInheritance: true, ngImport: i0, template: "<input\r\n  [type]=\"type()\"\r\n  [class]=\"classes()\"\r\n  [attr.id]=\"inputId()\"\r\n  [placeholder]=\"placeholder()\"\r\n  [disabled]=\"disabled()\"\r\n  [readonly]=\"readonly()\"\r\n  [value]=\"value()\"\r\n  (input)=\"onInput($event)\"\r\n>\r\n", styles: [":host{display:inline-block}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: Input, decorators: [{
+            type: Component,
+            args: [{ selector: 'tls-input', template: "<input\r\n  [type]=\"type()\"\r\n  [class]=\"classes()\"\r\n  [attr.id]=\"inputId()\"\r\n  [placeholder]=\"placeholder()\"\r\n  [disabled]=\"disabled()\"\r\n  [readonly]=\"readonly()\"\r\n  [value]=\"value()\"\r\n  (input)=\"onInput($event)\"\r\n>\r\n", styles: [":host{display:inline-block}\n"] }]
+        }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+
+class InputDirective {
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    classes = computed(() => {
+        const className = 'tls-form-field';
+        const array = [className];
+        array.push(`${className}--${this.size()}`);
+        return array;
+    }, ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: InputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.1", type: InputDirective, isStandalone: true, selector: "[tlsInput]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: InputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tlsInput]',
+                    host: {
+                        '[class]': 'classes()',
+                    },
+                }]
+        }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+
+const DEFAULT_PASSWORD_CONFIG = {
+    size: 'md',
+    placeholder: '',
+};
+
+const PASSWORD_CONFIG = new InjectionToken('PASSWORD_CONFIG', {
+    factory: () => DEFAULT_PASSWORD_CONFIG,
+});
+
+class Password extends ValueFormControl {
+    _config = inject(PASSWORD_CONFIG);
+    value = model('', ...(ngDevMode ? [{ debugName: "value" }] : []));
+    visible = model(false, ...(ngDevMode ? [{ debugName: "visible" }] : []));
+    inputId = input(null, ...(ngDevMode ? [{ debugName: "inputId" }] : []));
+    placeholder = input(this._config.placeholder, ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    size = input(this._config.size, ...(ngDevMode ? [{ debugName: "size" }] : []));
+    classes = computed(() => {
+        const className = 'tls-form-field-group';
+        const array = [className];
+        array.push(`${className}--${this.size()}`);
+        return array.concat(this.controlClasses());
+    }, ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    type = computed(() => (this.visible() ? 'text' : 'password'), ...(ngDevMode ? [{ debugName: "type" }] : []));
+    // Protected methods
+    onInput(event) {
+        const target = event.target;
+        this.value.set(target.value);
+    }
+    toggle() {
+        if (this.notInteractive())
+            return;
+        this.visible.update(prev => !prev);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: Password, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.1", type: Password, isStandalone: true, selector: "tls-password", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", visible: "visibleChange" }, host: { properties: { "class": "classes()" } }, usesInheritance: true, ngImport: i0, template: "<input\r\n  class=\"tls-form-field\"\r\n  [type]=\"type()\"\r\n  [attr.id]=\"inputId()\"\r\n  [placeholder]=\"placeholder()\"\r\n  [disabled]=\"disabled()\"\r\n  [readonly]=\"readonly()\"\r\n  [value]=\"value()\"\r\n  (input)=\"onInput($event)\"\r\n>\r\n<button class=\"tls-password-toggle tls-form-field-addon\" (click)=\"toggle()\">\r\n  <span class=\"tls-password-toggle__item\" [class.tls-password-toggle__item--hidden]=\"visible()\">\r\n    <span class=\"text-label-md\">Show</span>\r\n    </span>\r\n  <span class=\"tls-password-toggle__item\" [class.tls-password-toggle__item--hidden]=\"!visible()\">\r\n    <span class=\"text-label-md\">Hide</span>\r\n  </span>\r\n</button>\r\n", styles: [":host{display:inline-flex}:host .tls-password-toggle{display:grid;align-items:center}:host .tls-password-toggle:focus-visible{outline:var(--control-focus-ring-width) solid var(--control-focus-ring-color);outline-offset:var(--control-focus-ring-offset);border-radius:var(--radius-md)}:host .tls-password-toggle__item{grid-area:1/1;text-align:center}:host .tls-password-toggle__item--hidden{visibility:hidden}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: Password, decorators: [{
+            type: Component,
+            args: [{ selector: 'tls-password', host: {
+                        '[class]': 'classes()',
+                    }, template: "<input\r\n  class=\"tls-form-field\"\r\n  [type]=\"type()\"\r\n  [attr.id]=\"inputId()\"\r\n  [placeholder]=\"placeholder()\"\r\n  [disabled]=\"disabled()\"\r\n  [readonly]=\"readonly()\"\r\n  [value]=\"value()\"\r\n  (input)=\"onInput($event)\"\r\n>\r\n<button class=\"tls-password-toggle tls-form-field-addon\" (click)=\"toggle()\">\r\n  <span class=\"tls-password-toggle__item\" [class.tls-password-toggle__item--hidden]=\"visible()\">\r\n    <span class=\"text-label-md\">Show</span>\r\n    </span>\r\n  <span class=\"tls-password-toggle__item\" [class.tls-password-toggle__item--hidden]=\"!visible()\">\r\n    <span class=\"text-label-md\">Hide</span>\r\n  </span>\r\n</button>\r\n", styles: [":host{display:inline-flex}:host .tls-password-toggle{display:grid;align-items:center}:host .tls-password-toggle:focus-visible{outline:var(--control-focus-ring-width) solid var(--control-focus-ring-color);outline-offset:var(--control-focus-ring-offset);border-radius:var(--radius-md)}:host .tls-password-toggle__item{grid-area:1/1;text-align:center}:host .tls-password-toggle__item--hidden{visibility:hidden}\n"] }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "visible", required: false }] }, { type: i0.Output, args: ["visibleChange"] }], inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+
+const DEFAULT_SWITCH_CONFIG = {
+    color: 'primary',
+};
+
+const SWITCH_CONFIG = new InjectionToken('SWITCH_CONFIG', {
+    factory: () => DEFAULT_SWITCH_CONFIG,
+});
+
+class Switch extends CheckboxFormControl {
+    _config = inject(SWITCH_CONFIG);
+    checked = model(false, ...(ngDevMode ? [{ debugName: "checked" }] : []));
+    inputId = input(...(ngDevMode ? [undefined, { debugName: "inputId" }] : []));
+    color = input(this._config.color, ...(ngDevMode ? [{ debugName: "color" }] : []));
+    tabindex = input(0, ...(ngDevMode ? [{ debugName: "tabindex" }] : []));
+    classes = computed(() => {
+        const className = 'tls-switch';
+        const array = [className];
+        array.push(`${className}--${this.color()}`);
+        if (this.checked())
+            array.push(`${className}--checked`);
+        return array.concat(this.controlClasses());
+    }, ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    // Protected methods
+    toggle() {
+        if (this.notInteractive())
+            return;
+        this.checked.update(prev => !prev);
+    }
+    onKeyboardToggle(event) {
+        event.preventDefault();
+        this.toggle();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: Switch, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.1", type: Switch, isStandalone: true, selector: "tls-switch", inputs: { checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange" }, host: { attributes: { "role": "switch" }, listeners: { "click": "toggle()", "keydown.space": "onKeyboardToggle($event)", "keydown.enter": "onKeyboardToggle($event)" }, properties: { "class": "classes()", "tabindex": "disabled() ? -1 : tabindex()", "attr.aria-checked": "checked()", "attr.aria-disabled": "disabled()", "attr.aria-readonly": "readonly()" } }, usesInheritance: true, ngImport: i0, template: "<input\r\n  type=\"checkbox\"\r\n  class=\"tls-switch-input\"\r\n  [id]=\"inputId()\"\r\n  [disabled]=\"disabled()\"\r\n  [readonly]=\"readonly()\"\r\n  [checked]=\"checked()\"\r\n/>\r\n<div class=\"tls-switch-handle\"></div>\r\n", styles: [":host{--tls-switch-width: 48px;--tls-switch-height: var(--control-height-sm);--tls-switch-handle-gap: 4px;--tls-switch-handle-size: calc( var(--tls-switch-height) - (var(--tls-switch-handle-gap) * 2) - (var(--tls-switch-border-width) * 2) );--tls-switch-border-width: 2px;--tls-switch-border-radius: 24px;--tls-switch-color: var(--color-surface-variant);--tls-switch-on-color: var(--color-surface);--tls-switch-border-color: var(--tls-switch-color);width:var(--tls-switch-width);height:var(--tls-switch-height);display:flex;border:var(--tls-switch-border-width) solid var(--tls-switch-border-color);border-radius:var(--tls-switch-border-radius);background-color:var(--tls-switch-color);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease-in-out),border-color var(--motion-fast) var(--motion-ease-in-out),filter var(--motion-fast) var(--motion-ease-in-out)}:host:focus-visible{outline:var(--control-focus-ring-width) solid var(--control-focus-ring-color);outline-offset:var(--control-focus-ring-offset)}:host .tls-switch-input{display:none}:host .tls-switch-handle{width:var(--tls-switch-handle-size);height:var(--tls-switch-handle-size);margin:calc(var(--tls-switch-handle-gap));border-radius:50%;background-color:var(--tls-switch-on-color);box-shadow:var(--shadow-xs);transition:transform var(--motion-fast) var(--motion-ease-in-out)}:host.tls-switch--checked{--tls-switch-handle-gap: 3px}:host.tls-switch--checked .tls-switch-handle{transform:translate(calc(var(--tls-switch-width) - var(--tls-switch-handle-size) - var(--tls-switch-handle-gap) * 2 - var(--tls-switch-border-width) * 2))}:host.tls-switch.tls-form-control--disabled{cursor:not-allowed;filter:brightness(.9)}:host.tls-form-control--dirty.tls-form-control--invalid{--tls-switch-border-color: var(--color-danger)}\n", ":host.tls-switch--checked.tls-switch--primary{--tls-switch-color: var(--color-primary);--tls-switch-on-color: var(--color-on-primary)}:host.tls-switch--checked.tls-switch--secondary{--tls-switch-color: var(--color-secondary);--tls-switch-on-color: var(--color-on-secondary)}:host.tls-switch--checked.tls-switch--tertiary{--tls-switch-color: var(--color-tertiary);--tls-switch-on-color: var(--color-on-tertiary)}:host.tls-switch--checked.tls-switch--success{--tls-switch-color: var(--color-success);--tls-switch-on-color: var(--color-on-success)}:host.tls-switch--checked.tls-switch--info{--tls-switch-color: var(--color-info);--tls-switch-on-color: var(--color-on-info)}:host.tls-switch--checked.tls-switch--warning{--tls-switch-color: var(--color-warning);--tls-switch-on-color: var(--color-on-warning)}:host.tls-switch--checked.tls-switch--danger{--tls-switch-color: var(--color-danger);--tls-switch-on-color: var(--color-on-danger)}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: Switch, decorators: [{
+            type: Component,
+            args: [{ selector: 'tls-switch', host: {
+                        role: 'switch',
+                        '[class]': 'classes()',
+                        '[tabindex]': 'disabled() ? -1 : tabindex()',
+                        '[attr.aria-checked]': 'checked()',
+                        '[attr.aria-disabled]': 'disabled()',
+                        '[attr.aria-readonly]': 'readonly()',
+                        '(click)': 'toggle()',
+                        '(keydown.space)': 'onKeyboardToggle($event)',
+                        '(keydown.enter)': 'onKeyboardToggle($event)',
+                    }, template: "<input\r\n  type=\"checkbox\"\r\n  class=\"tls-switch-input\"\r\n  [id]=\"inputId()\"\r\n  [disabled]=\"disabled()\"\r\n  [readonly]=\"readonly()\"\r\n  [checked]=\"checked()\"\r\n/>\r\n<div class=\"tls-switch-handle\"></div>\r\n", styles: [":host{--tls-switch-width: 48px;--tls-switch-height: var(--control-height-sm);--tls-switch-handle-gap: 4px;--tls-switch-handle-size: calc( var(--tls-switch-height) - (var(--tls-switch-handle-gap) * 2) - (var(--tls-switch-border-width) * 2) );--tls-switch-border-width: 2px;--tls-switch-border-radius: 24px;--tls-switch-color: var(--color-surface-variant);--tls-switch-on-color: var(--color-surface);--tls-switch-border-color: var(--tls-switch-color);width:var(--tls-switch-width);height:var(--tls-switch-height);display:flex;border:var(--tls-switch-border-width) solid var(--tls-switch-border-color);border-radius:var(--tls-switch-border-radius);background-color:var(--tls-switch-color);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease-in-out),border-color var(--motion-fast) var(--motion-ease-in-out),filter var(--motion-fast) var(--motion-ease-in-out)}:host:focus-visible{outline:var(--control-focus-ring-width) solid var(--control-focus-ring-color);outline-offset:var(--control-focus-ring-offset)}:host .tls-switch-input{display:none}:host .tls-switch-handle{width:var(--tls-switch-handle-size);height:var(--tls-switch-handle-size);margin:calc(var(--tls-switch-handle-gap));border-radius:50%;background-color:var(--tls-switch-on-color);box-shadow:var(--shadow-xs);transition:transform var(--motion-fast) var(--motion-ease-in-out)}:host.tls-switch--checked{--tls-switch-handle-gap: 3px}:host.tls-switch--checked .tls-switch-handle{transform:translate(calc(var(--tls-switch-width) - var(--tls-switch-handle-size) - var(--tls-switch-handle-gap) * 2 - var(--tls-switch-border-width) * 2))}:host.tls-switch.tls-form-control--disabled{cursor:not-allowed;filter:brightness(.9)}:host.tls-form-control--dirty.tls-form-control--invalid{--tls-switch-border-color: var(--color-danger)}\n", ":host.tls-switch--checked.tls-switch--primary{--tls-switch-color: var(--color-primary);--tls-switch-on-color: var(--color-on-primary)}:host.tls-switch--checked.tls-switch--secondary{--tls-switch-color: var(--color-secondary);--tls-switch-on-color: var(--color-on-secondary)}:host.tls-switch--checked.tls-switch--tertiary{--tls-switch-color: var(--color-tertiary);--tls-switch-on-color: var(--color-on-tertiary)}:host.tls-switch--checked.tls-switch--success{--tls-switch-color: var(--color-success);--tls-switch-on-color: var(--color-on-success)}:host.tls-switch--checked.tls-switch--info{--tls-switch-color: var(--color-info);--tls-switch-on-color: var(--color-on-info)}:host.tls-switch--checked.tls-switch--warning{--tls-switch-color: var(--color-warning);--tls-switch-on-color: var(--color-on-warning)}:host.tls-switch--checked.tls-switch--danger{--tls-switch-color: var(--color-danger);--tls-switch-on-color: var(--color-on-danger)}\n"] }]
+        }], propDecorators: { checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], tabindex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabindex", required: false }] }] } });
+
+const LIGHT_THEME_CLASS = 'tls-light';
+const DARK_THEME_CLASS = 'tls-dark';
+
+const DEFAULT_THEME_CONFIG = {
+    defaultTheme: 'system',
+    localStorageKey: 'tls-theme',
+};
+
+const THEME_CONFIG = new InjectionToken('THEME_CONFIG', {
+    factory: () => DEFAULT_THEME_CONFIG,
+});
+
+class ThemeService {
+    // Injections
+    _config = inject(THEME_CONFIG);
+    _document = inject(DOCUMENT);
+    _rendererFactory = inject(RendererFactory2);
+    _platformId = inject(PLATFORM_ID);
+    _renderer = this._rendererFactory.createRenderer(null, null);
+    _isBrowser = isPlatformBrowser(this._platformId);
+    LS_THEME = this._config.localStorageKey;
+    // Private
+    _currentTheme = signal('light', ...(ngDevMode ? [{ debugName: "_currentTheme" }] : []));
+    constructor() {
+        this._initTheme();
+        effect(() => {
+            if (this._isBrowser)
+                localStorage.setItem(this.LS_THEME, this._currentTheme());
+        });
+    }
+    // Accessors
+    get currentTheme() {
+        return this._currentTheme.asReadonly();
+    }
+    // Public methods
+    toggle() {
+        this.setTheme(this._currentTheme() === 'light' ? 'dark' : 'light');
+    }
+    setTheme(theme) {
+        const documentElement = this._document.documentElement;
+        const lightThemeClass = LIGHT_THEME_CLASS;
+        const darkThemeClass = DARK_THEME_CLASS;
+        if (theme === 'dark') {
+            this._renderer.removeClass(documentElement, lightThemeClass);
+            this._renderer.addClass(documentElement, darkThemeClass);
+            this._currentTheme.set('dark');
+        }
+        else {
+            this._renderer.removeClass(documentElement, darkThemeClass);
+            this._renderer.addClass(documentElement, lightThemeClass);
+            this._currentTheme.set('light');
+        }
+    }
+    // Private methods
+    _detectSystemTheme() {
+        return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+    }
+    _initTheme() {
+        if (!this._isBrowser)
+            return;
+        const localStorageValue = localStorage.getItem(this.LS_THEME);
+        if (localStorageValue) {
+            this.setTheme(localStorageValue);
+        }
+        else
+            this._initDefaultTheme();
+    }
+    _initDefaultTheme() {
+        if (this._config.defaultTheme === 'system') {
+            this.setTheme(this._detectSystemTheme());
+            window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => {
+                if (!localStorage.getItem(this.LS_THEME)) {
+                    this.setTheme(event.matches ? 'dark' : 'light');
+                }
+            });
+        }
+        else {
+            this.setTheme(this._config.defaultTheme);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ThemeService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ThemeService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+// Features
+
+const provideThalassicUIConfig = (config) => {
+    return makeEnvironmentProviders([
+        // Components
+        { provide: BUTTON_CONFIG, useValue: { ...DEFAULT_BUTTON_CONFIG, ...config.components.button } },
+        { provide: INPUT_CONFIG, useValue: { ...DEFAULT_INPUT_CONFIG, ...config.components.input } },
+        {
+            provide: PASSWORD_CONFIG,
+            useValue: { ...DEFAULT_PASSWORD_CONFIG, ...config.components.password },
+        },
+        { provide: SWITCH_CONFIG, useValue: { ...DEFAULT_SWITCH_CONFIG, ...config.components.switch } },
+        { provide: ICON_CONFIG, useValue: { ...DEFAULT_ICON_CONFIG, ...config.components.icon } },
+    ]);
+};
+
+const provideTheme = (config) => {
+    return makeEnvironmentProviders([
+        { provide: THEME_CONFIG, useValue: { ...DEFAULT_THEME_CONFIG, ...config } },
+        ThemeService,
+    ]);
+};
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BUTTON_CONFIG, Button, DEFAULT_BUTTON_CONFIG, DEFAULT_ICON_CONFIG, DEFAULT_INPUT_CONFIG, DEFAULT_PASSWORD_CONFIG, DEFAULT_SWITCH_CONFIG, ICON_CONFIG, INPUT_CONFIG, Icon, Input, InputDirective, PASSWORD_CONFIG, Password, SWITCH_CONFIG, Switch, ThemeService, provideThalassicUIConfig, provideTheme };
+//# sourceMappingURL=thalassic-ui.mjs.map

package/fesm2022/thalassic-ui.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"thalassic-ui.mjs","sources":["../../../../libs/ui/src/lib/features/icon/icon.config.ts","../../../../libs/ui/src/lib/features/icon/icon.token.ts","../../../../libs/ui/src/lib/features/icon/icon.service.ts","../../../../libs/ui/src/lib/features/icon/icon.ts","../../../../libs/ui/src/lib/features/icon/icon.html","../../../../libs/ui/src/lib/features/button/button.config.ts","../../../../libs/ui/src/lib/features/button/button.token.ts","../../../../libs/ui/src/lib/features/button/button.ts","../../../../libs/ui/src/lib/features/button/button.html","../../../../libs/ui/src/lib/abstract/form-control.ts","../../../../libs/ui/src/lib/abstract/checkbox-form-control.ts","../../../../libs/ui/src/lib/abstract/value-form-control.ts","../../../../libs/ui/src/lib/features/form/input/input.config.ts","../../../../libs/ui/src/lib/features/form/input/input.token.ts","../../../../libs/ui/src/lib/features/form/input/input.ts","../../../../libs/ui/src/lib/features/form/input/input.html","../../../../libs/ui/src/lib/features/form/input/input.directive.ts","../../../../libs/ui/src/lib/features/form/password/password.config.ts","../../../../libs/ui/src/lib/features/form/password/password.token.ts","../../../../libs/ui/src/lib/features/form/password/password.ts","../../../../libs/ui/src/lib/features/form/password/password.html","../../../../libs/ui/src/lib/features/form/switch/switch.config.ts","../../../../libs/ui/src/lib/features/form/switch/switch.token.ts","../../../../libs/ui/src/lib/features/form/switch/switch.ts","../../../../libs/ui/src/lib/features/form/switch/switch.html","../../../../libs/ui/src/lib/features/theme/constants/theme-class-names.ts","../../../../libs/ui/src/lib/features/theme/theme.config.ts","../../../../libs/ui/src/lib/features/theme/theme.token.ts","../../../../libs/ui/src/lib/features/theme/theme.service.ts","../../../../libs/ui/src/lib/features/index.ts","../../../../libs/ui/src/lib/providers/ui-config.provider.ts","../../../../libs/ui/src/lib/providers/theme.provider.ts","../../../../libs/ui/src/thalassic-ui.ts"],"sourcesContent":["export interface IconConfig {\r\n  allowedSources: string[];\r\n}\r\n\r\nexport const DEFAULT_ICON_CONFIG: IconConfig = {\r\n  allowedSources: [],\r\n};\r\n","import { InjectionToken } from '@angular/core';\r\nimport { DEFAULT_ICON_CONFIG, IconConfig } from './icon.config';\r\n\r\nexport const ICON_CONFIG = new InjectionToken<IconConfig>('ICON_CONFIG', {\r\n  factory: () => DEFAULT_ICON_CONFIG,\r\n});\r\n","import { HttpClient } from '@angular/common/http';\nimport { inject, Injectable } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { map, Observable, shareReplay, throwError } from 'rxjs';\n\n@Injectable({ providedIn: 'root' })\nexport class IconService {\n  private readonly _http: HttpClient = inject(HttpClient);\n  private readonly _sanitizer: DomSanitizer = inject(DomSanitizer);\n\n  private readonly _cache = new Map<string, Observable<SafeHtml>>();\n\n  public getSvgContent(url: string, allowedSources: string[]): Observable<SafeHtml> {\n    if (allowedSources.length > 0 && !this._isUrlAllowed(url, allowedSources)) {\n      return throwError(() => new Error('SVG URL not from trusted source'));\n    }\n\n    const cache = this._cache.get(url);\n\n    if (!cache) {\n      const svg$ = this._http.get(url, { responseType: 'text' }).pipe(\n        map(svg => this._sanitizeSvg(svg)),\n        shareReplay(1),\n      );\n      this._cache.set(url, svg$);\n      return svg$;\n    }\n\n    return cache;\n  }\n\n  // Private methods\n  private _isUrlAllowed(url: string, allowedSource: string[]): boolean {\n    return allowedSource.some(source => url.startsWith(source));\n  }\n\n  private _sanitizeSvg(svg: string): SafeHtml {\n    const safeSvg = this._makeSafe(svg);\n    return this._sanitizer.bypassSecurityTrustHtml(safeSvg);\n  }\n\n  private _makeSafe(svg: string): string {\n    return (\n      svg\n        // Remove script tags\n        .replace(/<script\\b[^<]*(?:(?!<\\/script>)<[^<]*)*<\\/script>/gi, '')\n        // Remove event handlers (onclick, onload, onmouseover, etc.)\n        .replace(/on\\w+\\s*=\\s*[\"'][^\"']*[\"']/gi, '')\n        // Remove external xlink:href (keep internal references starting with #)\n        .replace(/xlink:href\\s*=\\s*[\"'](?!#)[^\"']*[\"']/gi, '')\n        // Remove external href in <use>, <image>, <a> tags (keep internal #refs)\n        .replace(/href\\s*=\\s*[\"'](?!#)[^\"']*[\"']/gi, '')\n        // Remove data URIs with HTML content\n        .replace(/href\\s*=\\s*[\"']data:text\\/html[^\"']*[\"']/gi, '')\n        .replace(/src\\s*=\\s*[\"']data:text\\/html[^\"']*[\"']/gi, '')\n        // Remove javascript: protocol\n        .replace(/javascript:/gi, '')\n        // Remove import statements in style\n        .replace(/@import/gi, '')\n    );\n  }\n}\n","import { Component, computed, inject, input, InputSignal, Signal } from '@angular/core';\r\nimport { rxResource } from '@angular/core/rxjs-interop';\r\nimport { SafeHtml } from '@angular/platform-browser';\r\nimport { ICON_CONFIG } from './icon.token';\r\nimport { IconService } from './icon.service';\r\n\r\n@Component({\r\n  selector: 'tls-icon',\r\n  imports: [],\r\n  templateUrl: './icon.html',\r\n  styleUrl: './icon.scss',\r\n})\r\nexport class Icon {\r\n  // Injections\r\n  private _iconService = inject(IconService);\r\n  private _config = inject(ICON_CONFIG);\r\n\r\n  // Inputs\r\n  public iconSrc: InputSignal<string> = input.required<string>();\r\n  public alt = input<string>('');\r\n  public allowedSources: InputSignal<string[]> = input<string[]>(this._config.allowedSources);\r\n\r\n  protected isSvg: Signal<boolean> = computed(() => {\r\n    return this.iconSrc().endsWith('.svg');\r\n  });\r\n\r\n  private _svgContentResource = rxResource({\r\n    defaultValue: '',\r\n    params: () => ({\r\n      iconSrc: this.iconSrc(),\r\n      allowedSources: this.allowedSources(),\r\n    }),\r\n    stream: params =>\r\n      this._iconService.getSvgContent(params.params.iconSrc, params.params.allowedSources),\r\n  });\r\n\r\n  // Accessors\r\n  get svgContent(): Signal<SafeHtml> {\r\n    return this._svgContentResource.value.asReadonly();\r\n  }\r\n}\r\n","@if (isSvg() && iconSrc()) {\n  <span [innerHTML]=\"svgContent()\" class=\"tls-svg-icon\"></span>\n} @else if (iconSrc()) {\n  <img [src]=\"iconSrc()\" [alt]=\"alt()\" class=\"tls-img-icon\" />\n} @else {\n  {{ iconSrc() }}\n}\n","import { buttonAppearance, buttonColor, buttonSize, buttonType } from './button.types';\r\n\r\nexport interface ButtonConfig {\r\n  color: buttonColor;\r\n  appearance: buttonAppearance;\r\n  size: buttonSize;\r\n  type: buttonType;\r\n}\r\n\r\nexport const DEFAULT_BUTTON_CONFIG: ButtonConfig = {\r\n  color: 'primary',\r\n  appearance: 'filled',\r\n  size: 'md',\r\n  type: 'button',\r\n};\r\n","import { InjectionToken } from '@angular/core';\r\nimport { ButtonConfig, DEFAULT_BUTTON_CONFIG } from './button.config';\r\n\r\nexport const BUTTON_CONFIG = new InjectionToken<ButtonConfig>('BUTTON_CONFIG', {\r\n  factory: () => DEFAULT_BUTTON_CONFIG,\r\n});\r\n","import { NgTemplateOutlet } from '@angular/common';\r\nimport {\r\n  booleanAttribute,\r\n  Component,\r\n  computed,\r\n  inject,\r\n  input,\r\n  InputSignal,\r\n  InputSignalWithTransform,\r\n} from '@angular/core';\r\nimport { RouterLink } from '@angular/router';\r\nimport { Icon } from '../icon';\r\nimport { BUTTON_CONFIG } from './button.token';\r\nimport { buttonAppearance, buttonColor, buttonSize, buttonType } from './button.types';\r\n\r\n@Component({\r\n  selector: 'tls-button',\r\n  imports: [Icon, NgTemplateOutlet],\r\n  templateUrl: './button.html',\r\n  host: {\r\n    '[tabindex]': '-1',\r\n  },\r\n  styleUrls: ['./button.scss', './button-appearance.scss', 'button-color.scss', 'button-size.scss'],\r\n})\r\nexport class Button {\r\n  // Injections\r\n  private _routerLink = inject(RouterLink, { optional: true });\r\n  private _config = inject(BUTTON_CONFIG);\r\n\r\n  // Inputs\r\n  public label = input<string>();\r\n  public type: InputSignal<buttonType> = input<buttonType>(this._config.type);\r\n  public disabled: InputSignalWithTransform<boolean, unknown> = input(false, {\r\n    transform: booleanAttribute,\r\n  });\r\n  public icon: InputSignalWithTransform<string | boolean, unknown> = input(false, {\r\n    transform: (value: unknown) => {\r\n      if (typeof value === 'string' && value === '') return true;\r\n      else if (typeof value === 'string') return value;\r\n      else return booleanAttribute(value);\r\n    },\r\n  });\r\n  public color: InputSignal<buttonColor> = input<buttonColor>(this._config.color);\r\n  public appearance: InputSignal<buttonAppearance> = input<buttonAppearance>(\r\n    this._config.appearance,\r\n  );\r\n  public size: InputSignal<buttonSize> = input<buttonSize>(this._config.size);\r\n  public href = input<string | null>(null);\r\n  public tabindex = input<string>('0');\r\n\r\n  // Computed\r\n  protected isLink = computed<boolean>(() => Boolean(this._routerLink || this.href()));\r\n  protected isIconString = computed<boolean>(() => typeof this.icon() === 'string');\r\n\r\n  protected classes = computed(() => {\r\n    const className = 'tls-button';\r\n\r\n    const array: string[] = [className];\r\n\r\n    array.push(`${className}--${this.color()}`);\r\n    array.push(`${className}--${this.appearance()}`);\r\n    array.push(`${className}--${this.size()}`);\r\n    if (this.disabled()) array.push(`${className}--disabled`);\r\n    if (this.icon()) array.push(`${className}--icon-only`);\r\n\r\n    return array;\r\n  });\r\n\r\n  protected readonly String = String;\r\n}\r\n","@if (isLink()) {\r\n  <a\r\n    role=\"link\"\r\n    [class]=\"classes()\"\r\n    [href]=\"href()\"\r\n    [tabindex]=\"tabindex()\"\r\n    [attr.aria-disabled]=\"disabled()\"\r\n  >\r\n    <ng-container [ngTemplateOutlet]=\"contentTemplate\"></ng-container>\r\n  </a>\r\n} @else {\r\n  <button\r\n    role=\"button\"\r\n    [class]=\"classes()\"\r\n    [type]=\"type()\"\r\n    [tabindex]=\"tabindex()\"\r\n    [disabled]=\"disabled()\"\r\n    [attr.aria-disabled]=\"disabled()\"\r\n  >\r\n    <ng-container [ngTemplateOutlet]=\"contentTemplate\"></ng-container>\r\n  </button>\r\n}\r\n\r\n<!-- Content -->\r\n<ng-template #contentTemplate>\r\n  <span class=\"tls-button__content\">\r\n    @if (icon()) {\r\n      @if (isIconString()) {\r\n        <tls-icon [iconSrc]=\"String(icon())\" />\r\n      } @else {\r\n        <ng-container *ngTemplateOutlet=\"projectedContentTemplate\"></ng-container>\r\n      }\r\n    } @else {\r\n      @if (label()) {\r\n        {{ label() }}\r\n      } @else {\r\n        <ng-container *ngTemplateOutlet=\"projectedContentTemplate\"></ng-container>\r\n      }\r\n    }\r\n  </span>\r\n  <div class=\"tls-button__background\"></div>\r\n</ng-template>\r\n\r\n<ng-template #projectedContentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n","import {\n  booleanAttribute,\n  computed,\n  Directive,\n  input,\n  InputSignal,\n  InputSignalWithTransform,\n  model,\n  ModelSignal,\n  Signal,\n} from '@angular/core';\nimport { FormUiControl, ValidationError, WithOptionalFieldTree } from '@angular/forms/signals';\n\n@Directive()\nexport abstract class FormControl implements FormUiControl {\n  // Models\n  public readonly touched: ModelSignal<boolean> = model<boolean>(false);\n\n  // Inputs\n  public readonly name: InputSignal<string> = input<string>('');\n\n  public readonly disabled: InputSignalWithTransform<boolean, unknown> = input<boolean, unknown>(\n    false,\n    { transform: booleanAttribute },\n  );\n\n  public readonly readonly: InputSignalWithTransform<boolean, unknown> = input<boolean, unknown>(\n    false,\n    { transform: booleanAttribute },\n  );\n\n  public readonly hidden: InputSignalWithTransform<boolean, unknown> = input<boolean, unknown>(\n    false,\n    { transform: booleanAttribute },\n  );\n\n  public readonly invalid: InputSignalWithTransform<boolean, unknown> = input<boolean, unknown>(\n    false,\n    { transform: booleanAttribute },\n  );\n\n  public readonly pending: InputSignalWithTransform<boolean, unknown> = input<boolean, unknown>(\n    false,\n    { transform: booleanAttribute },\n  );\n\n  public readonly dirty: InputSignalWithTransform<boolean, unknown> = input<boolean, unknown>(\n    false,\n    { transform: booleanAttribute },\n  );\n\n  public readonly errors = input<readonly WithOptionalFieldTree<ValidationError>[]>([]);\n\n  public readonly required: InputSignalWithTransform<boolean, unknown> = input<boolean, unknown>(\n    false,\n    { transform: booleanAttribute },\n  );\n\n  protected notInteractive: Signal<boolean> = computed<boolean>(\n    () => this.disabled() || this.readonly(),\n  );\n  protected controlClasses: Signal<string[]> = computed<string[]>(() => {\n    const className = 'tls-form-control';\n\n    const array: string[] = [className];\n\n    if (this.disabled()) array.push(`${className}--disabled`);\n    if (this.readonly()) array.push(`${className}--readonly`);\n    if (this.invalid()) array.push(`${className}--invalid`);\n    if (this.pending()) array.push(`${className}--pending`);\n    if (this.dirty()) array.push(`${className}--dirty`);\n\n    return array;\n  });\n}\n","import { Directive, ModelSignal } from '@angular/core';\r\nimport { FormCheckboxControl } from '@angular/forms/signals';\r\nimport { FormControl } from './form-control';\r\n\r\n@Directive()\r\nexport abstract class CheckboxFormControl extends FormControl implements FormCheckboxControl {\r\n  public abstract readonly checked: ModelSignal<boolean>;\r\n}\r\n","import { Directive, ModelSignal } from '@angular/core';\r\nimport { FormValueControl } from '@angular/forms/signals';\r\nimport { FormControl } from './form-control';\r\n\r\n@Directive()\r\nexport abstract class ValueFormControl<T> extends FormControl implements FormValueControl<T> {\r\n  public abstract readonly value: ModelSignal<T>;\r\n}\r\n","import { inputSize } from './input.types';\r\n\r\nexport interface InputConfig {\r\n  size: inputSize;\r\n  type: string;\r\n  placeholder: string;\r\n}\r\n\r\nexport const DEFAULT_INPUT_CONFIG: InputConfig = {\r\n  size: 'md',\r\n  type: 'text',\r\n  placeholder: '',\r\n};\r\n","import { InjectionToken } from '@angular/core';\r\nimport { DEFAULT_INPUT_CONFIG, InputConfig } from './input.config';\r\n\r\nexport const INPUT_CONFIG = new InjectionToken<InputConfig>('INPUT_CONFIG', {\r\n  factory: () => DEFAULT_INPUT_CONFIG,\r\n});\r\n","import {\r\n  Component,\r\n  computed,\r\n  inject,\r\n  input,\r\n  InputSignal,\r\n  model,\r\n  ModelSignal,\r\n  Signal,\r\n} from '@angular/core';\r\nimport { ValueFormControl } from '../../../abstract';\r\nimport { INPUT_CONFIG } from './input.token';\r\nimport { inputSize } from './input.types';\r\n\r\n@Component({\r\n  selector: 'tls-input',\r\n  templateUrl: './input.html',\r\n  styleUrl: './input.scss',\r\n})\r\nexport class Input extends ValueFormControl<string> {\r\n  // Injections\r\n  private _config = inject(INPUT_CONFIG);\r\n\r\n  // Inputs\r\n  public readonly type = input<string>(this._config.type);\r\n  public readonly value: ModelSignal<string> = model<string>('');\r\n  public readonly inputId = input<string | null>(null);\r\n  public readonly placeholder = input<string>(this._config.placeholder);\r\n  public readonly size: InputSignal<inputSize> = input<inputSize>(this._config.size);\r\n\r\n  protected readonly classes: Signal<string[]> = computed(() => {\r\n    const className = 'tls-form-field';\r\n\r\n    const array: string[] = [className];\r\n\r\n    array.push(`${className}--${this.size()}`);\r\n\r\n    return array.concat(this.controlClasses());\r\n  });\r\n\r\n  // Protected methods\r\n  protected onInput(event: Event) {\r\n    const target = event.target as HTMLInputElement;\r\n\r\n    this.value.set(target.value);\r\n  }\r\n}\r\n","<input\r\n  [type]=\"type()\"\r\n  [class]=\"classes()\"\r\n  [attr.id]=\"inputId()\"\r\n  [placeholder]=\"placeholder()\"\r\n  [disabled]=\"disabled()\"\r\n  [readonly]=\"readonly()\"\r\n  [value]=\"value()\"\r\n  (input)=\"onInput($event)\"\r\n>\r\n","import { computed, Directive, input, InputSignal, Signal } from '@angular/core';\nimport { inputSize } from './input.types';\n\n@Directive({\n  selector: '[tlsInput]',\n  host: {\n    '[class]': 'classes()',\n  },\n})\nexport class InputDirective {\n  public readonly size: InputSignal<inputSize> = input<inputSize>('md');\n\n  protected readonly classes: Signal<string[]> = computed(() => {\n    const className = 'tls-form-field';\n\n    const array: string[] = [className];\n\n    array.push(`${className}--${this.size()}`);\n\n    return array;\n  });\n}\n","import { inputSize } from '../input/input.types';\r\n\r\nexport interface PasswordConfig {\r\n  size: inputSize;\r\n  placeholder: string;\r\n}\r\n\r\nexport const DEFAULT_PASSWORD_CONFIG: PasswordConfig = {\r\n  size: 'md',\r\n  placeholder: '',\r\n};\r\n","import { InjectionToken } from '@angular/core';\r\nimport { DEFAULT_PASSWORD_CONFIG, PasswordConfig } from './password.config';\r\n\r\nexport const PASSWORD_CONFIG = new InjectionToken<PasswordConfig>('PASSWORD_CONFIG', {\r\n  factory: () => DEFAULT_PASSWORD_CONFIG,\r\n});\r\n","import { Component, computed, inject, input, InputSignal, model, ModelSignal, Signal } from '@angular/core';\r\nimport { ValueFormControl } from '../../../abstract';\r\nimport { PASSWORD_CONFIG } from './password.token';\r\nimport { inputSize } from '../input/input.types';\r\n\r\n@Component({\r\n  selector: 'tls-password',\r\n  templateUrl: './password.html',\r\n  styleUrl: './password.scss',\r\n  host: {\r\n    '[class]': 'classes()',\r\n  },\r\n})\r\nexport class Password extends ValueFormControl<string> {\r\n  private _config = inject(PASSWORD_CONFIG);\r\n\r\n  public readonly value: ModelSignal<string> = model<string>('');\r\n  public readonly visible: ModelSignal<boolean> = model<boolean>(false);\r\n  public readonly inputId = input<string | null>(null);\r\n  public readonly placeholder = input<string>(this._config.placeholder);\r\n  public readonly size: InputSignal<inputSize> = input<inputSize>(this._config.size);\r\n\r\n  protected readonly classes: Signal<string[]> = computed(() => {\r\n    const className = 'tls-form-field-group';\r\n\r\n    const array: string[] = [className];\r\n\r\n    array.push(`${className}--${this.size()}`);\r\n\r\n    return array.concat(this.controlClasses());\r\n  });\r\n\r\n  protected type = computed(() => (this.visible() ? 'text' : 'password'));\r\n\r\n  // Protected methods\r\n  protected onInput(event: Event) {\r\n    const target = event.target as HTMLInputElement;\r\n\r\n    this.value.set(target.value);\r\n  }\r\n\r\n  protected toggle() {\r\n    if (this.notInteractive()) return;\r\n\r\n    this.visible.update(prev => !prev);\r\n  }\r\n}\r\n","<input\r\n  class=\"tls-form-field\"\r\n  [type]=\"type()\"\r\n  [attr.id]=\"inputId()\"\r\n  [placeholder]=\"placeholder()\"\r\n  [disabled]=\"disabled()\"\r\n  [readonly]=\"readonly()\"\r\n  [value]=\"value()\"\r\n  (input)=\"onInput($event)\"\r\n>\r\n<button class=\"tls-password-toggle tls-form-field-addon\" (click)=\"toggle()\">\r\n  <span class=\"tls-password-toggle__item\" [class.tls-password-toggle__item--hidden]=\"visible()\">\r\n    <span class=\"text-label-md\">Show</span>\r\n    </span>\r\n  <span class=\"tls-password-toggle__item\" [class.tls-password-toggle__item--hidden]=\"!visible()\">\r\n    <span class=\"text-label-md\">Hide</span>\r\n  </span>\r\n</button>\r\n","import { switchColor } from './switch.types';\r\n\r\nexport interface SwitchConfig {\r\n  color: switchColor;\r\n}\r\n\r\nexport const DEFAULT_SWITCH_CONFIG: SwitchConfig = {\r\n  color: 'primary',\r\n};\r\n","import { InjectionToken } from '@angular/core';\r\nimport { DEFAULT_SWITCH_CONFIG, SwitchConfig } from './switch.config';\r\n\r\nexport const SWITCH_CONFIG = new InjectionToken<SwitchConfig>('SWITCH_CONFIG', {\r\n  factory: () => DEFAULT_SWITCH_CONFIG,\r\n});\r\n","import { Component, computed, inject, input, InputSignal, model, ModelSignal, Signal } from '@angular/core';\r\nimport { CheckboxFormControl } from '../../../abstract';\r\nimport { SWITCH_CONFIG } from './switch.token';\r\nimport { switchColor } from './switch.types';\r\n\r\n@Component({\r\n  selector: 'tls-switch',\r\n  templateUrl: './switch.html',\r\n  styleUrls: ['./switch.scss', 'switch-color.scss'],\r\n  host: {\r\n    role: 'switch',\r\n    '[class]': 'classes()',\r\n    '[tabindex]': 'disabled() ? -1 : tabindex()',\r\n    '[attr.aria-checked]': 'checked()',\r\n    '[attr.aria-disabled]': 'disabled()',\r\n    '[attr.aria-readonly]': 'readonly()',\r\n    '(click)': 'toggle()',\r\n    '(keydown.space)': 'onKeyboardToggle($event)',\r\n    '(keydown.enter)': 'onKeyboardToggle($event)',\r\n  },\r\n})\r\nexport class Switch extends CheckboxFormControl {\r\n  private _config = inject(SWITCH_CONFIG);\r\n\r\n  public readonly checked: ModelSignal<boolean> = model<boolean>(false);\r\n  public readonly inputId = input<string>();\r\n  public readonly color: InputSignal<switchColor> = input<switchColor>(this._config.color);\r\n  public readonly tabindex: InputSignal<string | number> = input<string | number>(0);\r\n\r\n  protected readonly classes: Signal<string[]> = computed(() => {\r\n    const className = 'tls-switch';\r\n\r\n    const array: string[] = [className];\r\n\r\n    array.push(`${className}--${this.color()}`);\r\n    if (this.checked()) array.push(`${className}--checked`);\r\n\r\n    return array.concat(this.controlClasses());\r\n  });\r\n\r\n  // Protected methods\r\n  protected toggle() {\r\n    if (this.notInteractive()) return;\r\n\r\n    this.checked.update(prev => !prev);\r\n  }\r\n\r\n  protected onKeyboardToggle(event: Event) {\r\n    event.preventDefault();\r\n    this.toggle();\r\n  }\r\n}\r\n","<input\r\n  type=\"checkbox\"\r\n  class=\"tls-switch-input\"\r\n  [id]=\"inputId()\"\r\n  [disabled]=\"disabled()\"\r\n  [readonly]=\"readonly()\"\r\n  [checked]=\"checked()\"\r\n/>\r\n<div class=\"tls-switch-handle\"></div>\r\n","export const LIGHT_THEME_CLASS = 'tls-light';\r\n\r\nexport const DARK_THEME_CLASS = 'tls-dark';\r\n","import { themeType } from './types';\r\n\r\nexport interface ThemeConfig {\r\n  localStorageKey: string;\r\n  defaultTheme: themeType | 'system';\r\n}\r\n\r\nexport const DEFAULT_THEME_CONFIG: ThemeConfig = {\r\n  defaultTheme: 'system',\r\n  localStorageKey: 'tls-theme',\r\n};\r\n","import { InjectionToken } from '@angular/core';\r\nimport { DEFAULT_THEME_CONFIG, ThemeConfig } from './theme.config';\r\n\r\nexport const THEME_CONFIG = new InjectionToken<ThemeConfig>('THEME_CONFIG', {\r\n  factory: () => DEFAULT_THEME_CONFIG,\r\n});\r\n","import { isPlatformBrowser } from '@angular/common';\nimport {\n  DOCUMENT,\n  effect,\n  inject,\n  Injectable,\n  PLATFORM_ID,\n  Renderer2,\n  RendererFactory2,\n  Signal,\n  signal,\n} from '@angular/core';\nimport { DARK_THEME_CLASS, LIGHT_THEME_CLASS } from './constants';\nimport { ThemeConfig } from './theme.config';\nimport { THEME_CONFIG } from './theme.token';\nimport { themeType } from './types';\n\n@Injectable()\nexport class ThemeService {\n  // Injections\n  private readonly _config: ThemeConfig = inject(THEME_CONFIG);\n  private readonly _document: Document = inject(DOCUMENT);\n  private readonly _rendererFactory: RendererFactory2 = inject(RendererFactory2);\n  private readonly _platformId = inject(PLATFORM_ID);\n\n  private readonly _renderer: Renderer2 = this._rendererFactory.createRenderer(null, null);\n  private readonly _isBrowser: boolean = isPlatformBrowser(this._platformId);\n\n  private readonly LS_THEME = this._config.localStorageKey;\n\n  // Private\n  private _currentTheme = signal<themeType>('light');\n\n  constructor() {\n    this._initTheme();\n\n    effect(() => {\n      if (this._isBrowser) localStorage.setItem(this.LS_THEME, this._currentTheme());\n    });\n  }\n\n  // Accessors\n  get currentTheme(): Signal<themeType> {\n    return this._currentTheme.asReadonly();\n  }\n\n  // Public methods\n  public toggle(): void {\n    this.setTheme(this._currentTheme() === 'light' ? 'dark' : 'light');\n  }\n\n  public setTheme(theme: themeType): void {\n    const documentElement = this._document.documentElement;\n    const lightThemeClass = LIGHT_THEME_CLASS;\n    const darkThemeClass = DARK_THEME_CLASS;\n\n    if (theme === 'dark') {\n      this._renderer.removeClass(documentElement, lightThemeClass);\n      this._renderer.addClass(documentElement, darkThemeClass);\n      this._currentTheme.set('dark');\n    } else {\n      this._renderer.removeClass(documentElement, darkThemeClass);\n      this._renderer.addClass(documentElement, lightThemeClass);\n      this._currentTheme.set('light');\n    }\n  }\n\n  // Private methods\n  private _detectSystemTheme(): themeType {\n    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n  }\n\n  private _initTheme(): void {\n    if (!this._isBrowser) return;\n    const localStorageValue = localStorage.getItem(this.LS_THEME) as themeType;\n    if (localStorageValue) {\n      this.setTheme(localStorageValue);\n    } else this._initDefaultTheme();\n  }\n\n  private _initDefaultTheme(): void {\n    if (this._config.defaultTheme === 'system') {\n      this.setTheme(this._detectSystemTheme());\n      window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => {\n        if (!localStorage.getItem(this.LS_THEME)) {\n          this.setTheme(event.matches ? 'dark' : 'light');\n        }\n      });\n    } else {\n      this.setTheme(this._config.defaultTheme);\n    }\n  }\n}\n","// Features\nexport * from './button';\nexport * from './icon';\nexport * from './form/input';\nexport * from './form/password';\nexport * from './form/switch';\n\n// Theme\nexport * from './theme';\n","import { EnvironmentProviders, makeEnvironmentProviders } from '@angular/core';\r\nimport {\r\n  BUTTON_CONFIG,\r\n  DEFAULT_BUTTON_CONFIG,\r\n  DEFAULT_ICON_CONFIG,\r\n  DEFAULT_INPUT_CONFIG,\r\n  DEFAULT_PASSWORD_CONFIG,\r\n  DEFAULT_SWITCH_CONFIG,\r\n  ICON_CONFIG,\r\n  INPUT_CONFIG,\r\n  PASSWORD_CONFIG,\r\n  SWITCH_CONFIG,\r\n} from '../features';\r\nimport { tlsUiConfigProvider } from '../types';\r\n\r\nexport const provideThalassicUIConfig = (config: tlsUiConfigProvider): EnvironmentProviders => {\r\n  return makeEnvironmentProviders([\r\n    // Components\r\n    { provide: BUTTON_CONFIG, useValue: { ...DEFAULT_BUTTON_CONFIG, ...config.components.button } },\r\n    { provide: INPUT_CONFIG, useValue: { ...DEFAULT_INPUT_CONFIG, ...config.components.input } },\r\n    {\r\n      provide: PASSWORD_CONFIG,\r\n      useValue: { ...DEFAULT_PASSWORD_CONFIG, ...config.components.password },\r\n    },\r\n    { provide: SWITCH_CONFIG, useValue: { ...DEFAULT_SWITCH_CONFIG, ...config.components.switch } },\r\n    { provide: ICON_CONFIG, useValue: { ...DEFAULT_ICON_CONFIG, ...config.components.icon } },\r\n  ]);\r\n};\r\n","import { EnvironmentProviders, makeEnvironmentProviders } from '@angular/core';\nimport { ThemeService } from '../features';\nimport { DEFAULT_THEME_CONFIG, ThemeConfig } from '../features/theme/theme.config';\nimport { THEME_CONFIG } from '../features/theme/theme.token';\n\nexport const provideTheme = (config?: Partial<ThemeConfig>): EnvironmentProviders => {\n  return makeEnvironmentProviders([\n    { provide: THEME_CONFIG, useValue: { ...DEFAULT_THEME_CONFIG, ...config } },\n    ThemeService,\n  ]);\n};","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@thalassic/ui",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^21.0.0",
+    "@angular/core": "^21.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/thalassic-ui.mjs",
+  "typings": "types/thalassic-ui.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/thalassic-ui.d.ts",
+      "default": "./fesm2022/thalassic-ui.mjs"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

package/types/thalassic-ui.d.ts

@@ -0,0 +1,212 @@
+import * as i0 from '@angular/core';
+import { InputSignal, InputSignalWithTransform, InjectionToken, Signal, ModelSignal, EnvironmentProviders } from '@angular/core';
+import { SafeHtml } from '@angular/platform-browser';
+import { FormUiControl, WithOptionalFieldTree, ValidationError, FormCheckboxControl, FormValueControl } from '@angular/forms/signals';
+
+type color = 'primary' | 'secondary' | 'tertiary' | 'success' | 'info' | 'warning' | 'danger';
+
+type controlSize = 'sm' | 'md' | 'lg';
+
+interface tlsUiConfigProvider {
+    components: {
+        button?: Partial<ButtonConfig>;
+        input?: Partial<InputConfig>;
+        password?: Partial<PasswordConfig>;
+        switch?: Partial<SwitchConfig>;
+        icon?: Partial<IconConfig>;
+    };
+}
+
+type buttonType = 'submit' | 'reset' | 'button';
+type buttonSize = controlSize;
+type buttonAppearance = 'filled' | 'outlined' | 'text' | 'elevated';
+type buttonColor = color;
+
+declare class Button {
+    private _routerLink;
+    private _config;
+    label: InputSignal<string | undefined>;
+    type: InputSignal<buttonType>;
+    disabled: InputSignalWithTransform<boolean, unknown>;
+    icon: InputSignalWithTransform<string | boolean, unknown>;
+    color: InputSignal<buttonColor>;
+    appearance: InputSignal<buttonAppearance>;
+    size: InputSignal<buttonSize>;
+    href: InputSignal<string | null>;
+    tabindex: InputSignal<string>;
+    protected isLink: i0.Signal<boolean>;
+    protected isIconString: i0.Signal<boolean>;
+    protected classes: i0.Signal<string[]>;
+    protected readonly String: StringConstructor;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Button, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Button, "tls-button", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+interface ButtonConfig {
+    color: buttonColor;
+    appearance: buttonAppearance;
+    size: buttonSize;
+    type: buttonType;
+}
+declare const DEFAULT_BUTTON_CONFIG: ButtonConfig;
+
+declare const BUTTON_CONFIG: InjectionToken<ButtonConfig>;
+
+declare class Icon {
+    private _iconService;
+    private _config;
+    iconSrc: InputSignal<string>;
+    alt: InputSignal<string>;
+    allowedSources: InputSignal<string[]>;
+    protected isSvg: Signal<boolean>;
+    private _svgContentResource;
+    get svgContent(): Signal<SafeHtml>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Icon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Icon, "tls-icon", never, { "iconSrc": { "alias": "iconSrc"; "required": true; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "allowedSources": { "alias": "allowedSources"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface IconConfig {
+    allowedSources: string[];
+}
+declare const DEFAULT_ICON_CONFIG: IconConfig;
+
+declare const ICON_CONFIG: InjectionToken<IconConfig>;
+
+declare abstract class FormControl implements FormUiControl {
+    readonly touched: ModelSignal<boolean>;
+    readonly name: InputSignal<string>;
+    readonly disabled: InputSignalWithTransform<boolean, unknown>;
+    readonly readonly: InputSignalWithTransform<boolean, unknown>;
+    readonly hidden: InputSignalWithTransform<boolean, unknown>;
+    readonly invalid: InputSignalWithTransform<boolean, unknown>;
+    readonly pending: InputSignalWithTransform<boolean, unknown>;
+    readonly dirty: InputSignalWithTransform<boolean, unknown>;
+    readonly errors: InputSignal<readonly WithOptionalFieldTree<ValidationError>[]>;
+    readonly required: InputSignalWithTransform<boolean, unknown>;
+    protected notInteractive: Signal<boolean>;
+    protected controlClasses: Signal<string[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormControl, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FormControl, never, never, { "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "pending": { "alias": "pending"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; }, { "touched": "touchedChange"; }, never, never, true, never>;
+}
+
+declare abstract class CheckboxFormControl extends FormControl implements FormCheckboxControl {
+    abstract readonly checked: ModelSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxFormControl, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CheckboxFormControl, never, never, {}, {}, never, never, true, never>;
+}
+
+declare abstract class ValueFormControl<T> extends FormControl implements FormValueControl<T> {
+    abstract readonly value: ModelSignal<T>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ValueFormControl<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ValueFormControl<any>, never, never, {}, {}, never, never, true, never>;
+}
+
+type inputSize = controlSize;
+
+declare class Input extends ValueFormControl<string> {
+    private _config;
+    readonly type: InputSignal<string>;
+    readonly value: ModelSignal<string>;
+    readonly inputId: InputSignal<string | null>;
+    readonly placeholder: InputSignal<string>;
+    readonly size: InputSignal<inputSize>;
+    protected readonly classes: Signal<string[]>;
+    protected onInput(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Input, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Input, "tls-input", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+interface InputConfig {
+    size: inputSize;
+    type: string;
+    placeholder: string;
+}
+declare const DEFAULT_INPUT_CONFIG: InputConfig;
+
+declare class InputDirective {
+    readonly size: InputSignal<inputSize>;
+    protected readonly classes: Signal<string[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<InputDirective, "[tlsInput]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const INPUT_CONFIG: InjectionToken<InputConfig>;
+
+declare class Password extends ValueFormControl<string> {
+    private _config;
+    readonly value: ModelSignal<string>;
+    readonly visible: ModelSignal<boolean>;
+    readonly inputId: InputSignal<string | null>;
+    readonly placeholder: InputSignal<string>;
+    readonly size: InputSignal<inputSize>;
+    protected readonly classes: Signal<string[]>;
+    protected type: Signal<"text" | "password">;
+    protected onInput(event: Event): void;
+    protected toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Password, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Password, "tls-password", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "visible": "visibleChange"; }, never, never, true, never>;
+}
+
+interface PasswordConfig {
+    size: inputSize;
+    placeholder: string;
+}
+declare const DEFAULT_PASSWORD_CONFIG: PasswordConfig;
+
+declare const PASSWORD_CONFIG: InjectionToken<PasswordConfig>;
+
+type switchColor = color;
+
+declare class Switch extends CheckboxFormControl {
+    private _config;
+    readonly checked: ModelSignal<boolean>;
+    readonly inputId: InputSignal<string | undefined>;
+    readonly color: InputSignal<switchColor>;
+    readonly tabindex: InputSignal<string | number>;
+    protected readonly classes: Signal<string[]>;
+    protected toggle(): void;
+    protected onKeyboardToggle(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Switch, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Switch, "tls-switch", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, never, true, never>;
+}
+
+interface SwitchConfig {
+    color: switchColor;
+}
+declare const DEFAULT_SWITCH_CONFIG: SwitchConfig;
+
+declare const SWITCH_CONFIG: InjectionToken<SwitchConfig>;
+
+type themeType = 'light' | 'dark';
+
+declare class ThemeService {
+    private readonly _config;
+    private readonly _document;
+    private readonly _rendererFactory;
+    private readonly _platformId;
+    private readonly _renderer;
+    private readonly _isBrowser;
+    private readonly LS_THEME;
+    private _currentTheme;
+    constructor();
+    get currentTheme(): Signal<themeType>;
+    toggle(): void;
+    setTheme(theme: themeType): void;
+    private _detectSystemTheme;
+    private _initTheme;
+    private _initDefaultTheme;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThemeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ThemeService>;
+}
+
+declare const provideThalassicUIConfig: (config: tlsUiConfigProvider) => EnvironmentProviders;
+
+interface ThemeConfig {
+    localStorageKey: string;
+    defaultTheme: themeType | 'system';
+}
+
+declare const provideTheme: (config?: Partial<ThemeConfig>) => EnvironmentProviders;
+
+export { BUTTON_CONFIG, Button, DEFAULT_BUTTON_CONFIG, DEFAULT_ICON_CONFIG, DEFAULT_INPUT_CONFIG, DEFAULT_PASSWORD_CONFIG, DEFAULT_SWITCH_CONFIG, ICON_CONFIG, INPUT_CONFIG, Icon, Input, InputDirective, PASSWORD_CONFIG, Password, SWITCH_CONFIG, Switch, ThemeService, provideThalassicUIConfig, provideTheme };
+export type { ButtonConfig, IconConfig, InputConfig, PasswordConfig, SwitchConfig, color, controlSize, themeType, tlsUiConfigProvider };