@latitude-ui/widgets 0.0.22 → 0.0.24

package/fesm2022/latitude-ui-widgets-icons.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"latitude-ui-widgets-icons.mjs","sources":["../tmp-esm2022/icons/src/icon.tokens.js","../tmp-esm2022/icons/src/icon.service.js","../tmp-esm2022/icons/src/icon.component.js","../tmp-esm2022/icons/latitude-ui-widgets-icons.js"],"sourcesContent":["import { computed, inject, InjectionToken } from '@angular/core';\nexport const ICONS_ASSETS = new InjectionToken('ICONS_ASSETS', {\n    providedIn: 'root',\n    factory: () => 'assets/latitude-ui/icons',\n});\nexport const ICONS_RESOLVER = new InjectionToken('ICONS_RESOLVER', {\n    providedIn: 'root',\n    factory: () => {\n        const assets = inject(ICONS_ASSETS);\n        return (icon) => `${assets}/${icon.split('.').join('/')}.svg`;\n    },\n});\nexport const ICONS_POLYFILL = new InjectionToken('ICONS_POLYFILL', {\n    providedIn: 'root',\n    factory: () => {\n        return computed(() => !CSS.supports('mask', 'var(--lat-icon-url) no-repeat center / contain'));\n    },\n});\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi50b2tlbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy93aWRnZXRzL2ljb25zL3NyYy9pY29uLnRva2Vucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFakUsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUFHLElBQUksY0FBYyxDQUFTLGNBQWMsRUFBRTtJQUNyRSxVQUFVLEVBQUUsTUFBTTtJQUNsQixPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsMEJBQTBCO0NBQzFDLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxJQUFJLGNBQWMsQ0FBQyxnQkFBZ0IsRUFBRTtJQUNqRSxVQUFVLEVBQUUsTUFBTTtJQUNsQixPQUFPLEVBQUUsR0FBRyxFQUFFO1FBQ1osTUFBTSxNQUFNLEdBQUcsTUFBTSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBRXBDLE9BQU8sQ0FBQyxJQUFZLEVBQVUsRUFBRSxDQUFDLEdBQUcsTUFBTSxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUM7SUFDaEYsQ0FBQztDQUNGLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxJQUFJLGNBQWMsQ0FBQyxnQkFBZ0IsRUFBRTtJQUNqRSxVQUFVLEVBQUUsTUFBTTtJQUNsQixPQUFPLEVBQUUsR0FBRyxFQUFFO1FBQ1osT0FBTyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLE1BQU0sRUFBRSxnREFBZ0QsQ0FBQyxDQUFDLENBQUM7SUFDakcsQ0FBQztDQUNGLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNvbXB1dGVkLCBpbmplY3QsIEluamVjdGlvblRva2VuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCBjb25zdCBJQ09OU19BU1NFVFMgPSBuZXcgSW5qZWN0aW9uVG9rZW48c3RyaW5nPignSUNPTlNfQVNTRVRTJywge1xuICBwcm92aWRlZEluOiAncm9vdCcsXG4gIGZhY3Rvcnk6ICgpID0+ICdhc3NldHMvbGF0aXR1ZGUtdWkvaWNvbnMnLFxufSk7XG5cbmV4cG9ydCBjb25zdCBJQ09OU19SRVNPTFZFUiA9IG5ldyBJbmplY3Rpb25Ub2tlbignSUNPTlNfUkVTT0xWRVInLCB7XG4gIHByb3ZpZGVkSW46ICdyb290JyxcbiAgZmFjdG9yeTogKCkgPT4ge1xuICAgIGNvbnN0IGFzc2V0cyA9IGluamVjdChJQ09OU19BU1NFVFMpO1xuXG4gICAgcmV0dXJuIChpY29uOiBzdHJpbmcpOiBzdHJpbmcgPT4gYCR7YXNzZXRzfS8ke2ljb24uc3BsaXQoJy4nKS5qb2luKCcvJyl9LnN2Z2A7XG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IElDT05TX1BPTFlGSUxMID0gbmV3IEluamVjdGlvblRva2VuKCdJQ09OU19QT0xZRklMTCcsIHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnLFxuICBmYWN0b3J5OiAoKSA9PiB7XG4gICAgcmV0dXJuIGNvbXB1dGVkKCgpID0+ICFDU1Muc3VwcG9ydHMoJ21hc2snLCAndmFyKC0tbGF0LWljb24tdXJsKSBuby1yZXBlYXQgY2VudGVyIC8gY29udGFpbicpKTtcbiAgfSxcbn0pO1xuIl19","import { filter, finalize, map, of, share, switchMap, tap } from 'rxjs';\nimport { ElementRef, inject, Injectable, Renderer2, RendererFactory2 } from '@angular/core';\nimport { HttpClient } from '@angular/common/http';\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';\nimport * as i0 from \"@angular/core\";\nexport class IconService {\n    http = inject(HttpClient);\n    renderer = inject(RendererFactory2).createRenderer(null, null);\n    icons = new Map();\n    tasks = new Map();\n    get(url) {\n        if (this.icons.has(url)) {\n            return of(this.icons.get(url));\n        }\n        if (this.tasks.has(url)) {\n            return this.tasks.get(url);\n        }\n        const task = this.http.get(url, { responseType: 'text' }).pipe(map((text) => this.normalize(text)), tap((html) => this.icons.set(url, html)), finalize(() => this.tasks.delete(url)), share());\n        this.tasks.set(url, task);\n        return task;\n    }\n    normalize(text) {\n        text = text.replace(/style\\s*=/g, 'data-style=');\n        text = text.replace(/class\\s*=/g, 'data-class=');\n        const nativeElement = this.renderer.createElement('template');\n        this.renderer.setProperty(nativeElement, 'innerHTML', text);\n        const glyph = nativeElement.content.firstElementChild;\n        if (glyph.tagName.toLowerCase() !== 'svg') {\n            throw new Error(`<svg>...</svg> not found for <${glyph.tagName.toLowerCase()}>`);\n        }\n        const nodes = Array.from(glyph.querySelectorAll('[data-style]'));\n        for (const node of nodes) {\n            const styles = node.getAttribute('data-style');\n            if (styles) {\n                styles.split(';').forEach((style) => {\n                    const [property, value] = style.split(':');\n                    this.renderer.setStyle(node, property.trim(), value.trim());\n                });\n                this.renderer.removeAttribute(node, 'data-style');\n            }\n        }\n        this.renderer.setAttribute(glyph, 'width', '1em');\n        this.renderer.setAttribute(glyph, 'height', '1em');\n        return glyph;\n    }\n    toObservable(url) {\n        const renderer = inject(Renderer2);\n        const nativeElement = inject((ElementRef)).nativeElement;\n        toObservable(url).pipe(takeUntilDestroyed(), tap(() => {\n            nativeElement.childNodes.forEach((node) => {\n                renderer.removeChild(nativeElement, node);\n            });\n        }), filter((url) => url !== undefined), switchMap((url) => this.get(url)), tap((icon) => renderer.appendChild(nativeElement, icon.cloneNode(true)))).subscribe();\n    }\n    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.6\", ngImport: i0, type: IconService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });\n    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: \"12.0.0\", version: \"20.0.6\", ngImport: i0, type: IconService, providedIn: 'root' });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.6\", ngImport: i0, type: IconService, decorators: [{\n            type: Injectable,\n            args: [{ providedIn: 'root' }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvd2lkZ2V0cy9pY29ucy9zcmMvaWNvbi5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLEdBQUcsRUFBYyxFQUFFLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFFcEYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUNwRyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDbEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDOztBQUc5RSxNQUFNLE9BQU8sV0FBVztJQUNILElBQUksR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7SUFFMUIsUUFBUSxHQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFFL0QsS0FBSyxHQUFHLElBQUksR0FBRyxFQUFzQixDQUFDO0lBRXRDLEtBQUssR0FBRyxJQUFJLEdBQUcsRUFBa0MsQ0FBQztJQUU5RCxHQUFHLENBQUMsR0FBVztRQUNwQixJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUM7WUFDeEIsT0FBTyxFQUFFLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFlLENBQUMsQ0FBQztRQUMvQyxDQUFDO1FBRUQsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDO1lBQ3hCLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUEyQixDQUFDO1FBQ3ZELENBQUM7UUFFRCxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLEVBQUUsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQzVELEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUNuQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLEdBQUcsRUFBRSxJQUFJLENBQUMsQ0FBQyxFQUN4QyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsRUFDdEMsS0FBSyxFQUFFLENBQ1IsQ0FBQztRQUVGLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLEdBQUcsRUFBRSxJQUFJLENBQUMsQ0FBQztRQUUxQixPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFTSxTQUFTLENBQUMsSUFBWTtRQUMzQixJQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxZQUFZLEVBQUUsYUFBYSxDQUFDLENBQUM7UUFDakQsSUFBSSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsWUFBWSxFQUFFLGFBQWEsQ0FBQyxDQUFDO1FBRWpELE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQzlELElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFBRSxXQUFXLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFFNUQsTUFBTSxLQUFLLEdBQUcsYUFBYSxDQUFDLE9BQU8sQ0FBQyxpQkFBK0IsQ0FBQztRQUNwRSxJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsV0FBVyxFQUFFLEtBQUssS0FBSyxFQUFFLENBQUM7WUFDMUMsTUFBTSxJQUFJLEtBQUssQ0FBQyxpQ0FBaUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxXQUFXLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFDbkYsQ0FBQztRQUVELE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLGdCQUFnQixDQUEyQixjQUFjLENBQUMsQ0FBQyxDQUFDO1FBQzNGLEtBQUssTUFBTSxJQUFJLElBQUksS0FBSyxFQUFFLENBQUM7WUFDekIsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUMsQ0FBQztZQUUvQyxJQUFJLE1BQU0sRUFBRSxDQUFDO2dCQUNYLE1BQU0sQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUU7b0JBQ2xDLE1BQU0sQ0FBQyxRQUFRLEVBQUUsS0FBSyxDQUFDLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztvQkFDM0MsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLFFBQVEsQ0FBQyxJQUFJLEVBQUUsRUFBRSxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQztnQkFDOUQsQ0FBQyxDQUFDLENBQUM7Z0JBRUgsSUFBSSxDQUFDLFFBQVEsQ0FBQyxlQUFlLENBQUMsSUFBSSxFQUFFLFlBQVksQ0FBQyxDQUFDO1lBQ3BELENBQUM7UUFDSCxDQUFDO1FBRUQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLENBQUMsQ0FBQztRQUNsRCxJQUFJLENBQUMsUUFBUSxDQUFDLFlBQVksQ0FBQyxLQUFLLEVBQUUsUUFBUSxFQUFFLEtBQUssQ0FBQyxDQUFDO1FBRW5ELE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQztJQUVNLFlBQVksQ0FBQyxHQUErQjtRQUNqRCxNQUFNLFFBQVEsR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDbkMsTUFBTSxhQUFhLEdBQUcsTUFBTSxDQUFDLENBQUEsVUFBdUIsQ0FBQSxDQUFDLENBQUMsYUFBYSxDQUFDO1FBRXBFLFlBQVksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQ3BCLGtCQUFrQixFQUFFLEVBQ3BCLEdBQUcsQ0FBQyxHQUFHLEVBQUU7WUFDUCxhQUFhLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQWUsRUFBRSxFQUFFO2dCQUNuRCxRQUFRLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFBRSxJQUFJLENBQUMsQ0FBQztZQUM1QyxDQUFDLENBQUMsQ0FBQztRQUNMLENBQUMsQ0FBQyxFQUNGLE1BQU0sQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsR0FBRyxLQUFLLFNBQVMsQ0FBQyxFQUNsQyxTQUFTLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUMsRUFDakMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FDekUsQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNoQixDQUFDO3VHQTdFVSxXQUFXOzJHQUFYLFdBQVcsY0FERSxNQUFNOzsyRkFDbkIsV0FBVztrQkFEdkIsVUFBVTttQkFBQyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmaWx0ZXIsIGZpbmFsaXplLCBtYXAsIE9ic2VydmFibGUsIG9mLCBzaGFyZSwgc3dpdGNoTWFwLCB0YXAgfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgRWxlbWVudFJlZiwgaW5qZWN0LCBJbmplY3RhYmxlLCBSZW5kZXJlcjIsIFJlbmRlcmVyRmFjdG9yeTIsIFNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSHR0cENsaWVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbi9odHRwJztcbmltcG9ydCB7IHRha2VVbnRpbERlc3Ryb3llZCwgdG9PYnNlcnZhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZS9yeGpzLWludGVyb3AnO1xuXG5ASW5qZWN0YWJsZSh7IHByb3ZpZGVkSW46ICdyb290JyB9KVxuZXhwb3J0IGNsYXNzIEljb25TZXJ2aWNlIHtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IGh0dHAgPSBpbmplY3QoSHR0cENsaWVudCk7XG5cbiAgcHJvdGVjdGVkIHJlYWRvbmx5IHJlbmRlcmVyID0gaW5qZWN0KFJlbmRlcmVyRmFjdG9yeTIpLmNyZWF0ZVJlbmRlcmVyKG51bGwsIG51bGwpO1xuXG4gIHByb3RlY3RlZCByZWFkb25seSBpY29ucyA9IG5ldyBNYXA8c3RyaW5nLCBTVkdFbGVtZW50PigpO1xuXG4gIHByb3RlY3RlZCByZWFkb25seSB0YXNrcyA9IG5ldyBNYXA8c3RyaW5nLCBPYnNlcnZhYmxlPFNWR0VsZW1lbnQ+PigpO1xuXG4gIHB1YmxpYyBnZXQodXJsOiBzdHJpbmcpOiBPYnNlcnZhYmxlPFNWR0VsZW1lbnQ+IHtcbiAgICBpZiAodGhpcy5pY29ucy5oYXModXJsKSkge1xuICAgICAgcmV0dXJuIG9mKHRoaXMuaWNvbnMuZ2V0KHVybCkgYXMgU1ZHRWxlbWVudCk7XG4gICAgfVxuXG4gICAgaWYgKHRoaXMudGFza3MuaGFzKHVybCkpIHtcbiAgICAgIHJldHVybiB0aGlzLnRhc2tzLmdldCh1cmwpIGFzIE9ic2VydmFibGU8U1ZHRWxlbWVudD47XG4gICAgfVxuXG4gICAgY29uc3QgdGFzayA9IHRoaXMuaHR0cC5nZXQodXJsLCB7IHJlc3BvbnNlVHlwZTogJ3RleHQnIH0pLnBpcGUoXG4gICAgICBtYXAoKHRleHQpID0+IHRoaXMubm9ybWFsaXplKHRleHQpKSxcbiAgICAgIHRhcCgoaHRtbCkgPT4gdGhpcy5pY29ucy5zZXQodXJsLCBodG1sKSksXG4gICAgICBmaW5hbGl6ZSgoKSA9PiB0aGlzLnRhc2tzLmRlbGV0ZSh1cmwpKSxcbiAgICAgIHNoYXJlKCksXG4gICAgKTtcblxuICAgIHRoaXMudGFza3Muc2V0KHVybCwgdGFzayk7XG5cbiAgICByZXR1cm4gdGFzaztcbiAgfVxuXG4gIHB1YmxpYyBub3JtYWxpemUodGV4dDogc3RyaW5nKTogU1ZHRWxlbWVudCB7XG4gICAgdGV4dCA9IHRleHQucmVwbGFjZSgvc3R5bGVcXHMqPS9nLCAnZGF0YS1zdHlsZT0nKTtcbiAgICB0ZXh0ID0gdGV4dC5yZXBsYWNlKC9jbGFzc1xccyo9L2csICdkYXRhLWNsYXNzPScpO1xuXG4gICAgY29uc3QgbmF0aXZlRWxlbWVudCA9IHRoaXMucmVuZGVyZXIuY3JlYXRlRWxlbWVudCgndGVtcGxhdGUnKTtcbiAgICB0aGlzLnJlbmRlcmVyLnNldFByb3BlcnR5KG5hdGl2ZUVsZW1lbnQsICdpbm5lckhUTUwnLCB0ZXh0KTtcblxuICAgIGNvbnN0IGdseXBoID0gbmF0aXZlRWxlbWVudC5jb250ZW50LmZpcnN0RWxlbWVudENoaWxkIGFzIFNWR0VsZW1lbnQ7XG4gICAgaWYgKGdseXBoLnRhZ05hbWUudG9Mb3dlckNhc2UoKSAhPT0gJ3N2ZycpIHtcbiAgICAgIHRocm93IG5ldyBFcnJvcihgPHN2Zz4uLi48L3N2Zz4gbm90IGZvdW5kIGZvciA8JHtnbHlwaC50YWdOYW1lLnRvTG93ZXJDYXNlKCl9PmApO1xuICAgIH1cblxuICAgIGNvbnN0IG5vZGVzID0gQXJyYXkuZnJvbShnbHlwaC5xdWVyeVNlbGVjdG9yQWxsPEhUTUxFbGVtZW50IHwgU1ZHRWxlbWVudD4oJ1tkYXRhLXN0eWxlXScpKTtcbiAgICBmb3IgKGNvbnN0IG5vZGUgb2Ygbm9kZXMpIHtcbiAgICAgIGNvbnN0IHN0eWxlcyA9IG5vZGUuZ2V0QXR0cmlidXRlKCdkYXRhLXN0eWxlJyk7XG5cbiAgICAgIGlmIChzdHlsZXMpIHtcbiAgICAgICAgc3R5bGVzLnNwbGl0KCc7JykuZm9yRWFjaCgoc3R5bGUpID0+IHtcbiAgICAgICAgICBjb25zdCBbcHJvcGVydHksIHZhbHVlXSA9IHN0eWxlLnNwbGl0KCc6Jyk7XG4gICAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZShub2RlLCBwcm9wZXJ0eS50cmltKCksIHZhbHVlLnRyaW0oKSk7XG4gICAgICAgIH0pO1xuXG4gICAgICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQXR0cmlidXRlKG5vZGUsICdkYXRhLXN0eWxlJyk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgdGhpcy5yZW5kZXJlci5zZXRBdHRyaWJ1dGUoZ2x5cGgsICd3aWR0aCcsICcxZW0nKTtcbiAgICB0aGlzLnJlbmRlcmVyLnNldEF0dHJpYnV0ZShnbHlwaCwgJ2hlaWdodCcsICcxZW0nKTtcblxuICAgIHJldHVybiBnbHlwaDtcbiAgfVxuXG4gIHB1YmxpYyB0b09ic2VydmFibGUodXJsOiBTaWduYWw8c3RyaW5nIHwgdW5kZWZpbmVkPikge1xuICAgIGNvbnN0IHJlbmRlcmVyID0gaW5qZWN0KFJlbmRlcmVyMik7XG4gICAgY29uc3QgbmF0aXZlRWxlbWVudCA9IGluamVjdChFbGVtZW50UmVmPEhUTUxFbGVtZW50PikubmF0aXZlRWxlbWVudDtcblxuICAgIHRvT2JzZXJ2YWJsZSh1cmwpLnBpcGUoXG4gICAgICB0YWtlVW50aWxEZXN0cm95ZWQoKSxcbiAgICAgIHRhcCgoKSA9PiB7XG4gICAgICAgIG5hdGl2ZUVsZW1lbnQuY2hpbGROb2Rlcy5mb3JFYWNoKChub2RlOiBDaGlsZE5vZGUpID0+IHtcbiAgICAgICAgICByZW5kZXJlci5yZW1vdmVDaGlsZChuYXRpdmVFbGVtZW50LCBub2RlKTtcbiAgICAgICAgfSk7XG4gICAgICB9KSxcbiAgICAgIGZpbHRlcigodXJsKSA9PiB1cmwgIT09IHVuZGVmaW5lZCksXG4gICAgICBzd2l0Y2hNYXAoKHVybCkgPT4gdGhpcy5nZXQodXJsKSksXG4gICAgICB0YXAoKGljb24pID0+IHJlbmRlcmVyLmFwcGVuZENoaWxkKG5hdGl2ZUVsZW1lbnQsIGljb24uY2xvbmVOb2RlKHRydWUpKSksXG4gICAgKS5zdWJzY3JpYmUoKTtcbiAgfVxufVxuIl19","import { ChangeDetectionStrategy, Component, computed, inject, input, ViewEncapsulation } from '@angular/core';\nimport { ICONS_POLYFILL, ICONS_RESOLVER } from './icon.tokens';\nimport { IconService } from './icon.service';\nimport * as i0 from \"@angular/core\";\nexport class IconComponent {\n    resolve = inject(ICONS_RESOLVER);\n    polyfill = inject(ICONS_POLYFILL);\n    url = input();\n    name = input();\n    icon = computed(() => {\n        const url = this.url();\n        if (url) {\n            return url;\n        }\n        const name = this.name();\n        return name ? this.resolve(name) : '';\n    });\n    constructor() {\n        if (this.polyfill()) {\n            inject(IconService).toObservable(this.icon);\n        }\n    }\n    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.6\", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });\n    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.1.0\", version: \"20.0.6\", type: IconComponent, isStandalone: true, selector: \"lat-icon\", inputs: { url: { classPropertyName: \"url\", publicName: \"url\", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: \"name\", publicName: \"name\", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { \"role\": \"img\" }, properties: { \"attr.aria-label\": \"name()\", \"attr.data-polyfill\": \"polyfill() || undefined\", \"style.--lat-icon-url\": \"`url(${icon()})`\" } }, exportAs: [\"latIcon\"], ngImport: i0, template: \"\", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.6\", ngImport: i0, type: IconComponent, decorators: [{\n            type: Component,\n            args: [{ exportAs: 'latIcon', selector: 'lat-icon', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {\n                        role: 'img',\n                        '[attr.aria-label]': 'name()',\n                        '[attr.data-polyfill]': 'polyfill() || undefined',\n                        '[style.--lat-icon-url]': '`url(${icon()})`',\n                    }, template: \"\" }]\n        }], ctorParameters: () => [] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy93aWRnZXRzL2ljb25zL3NyYy9pY29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3dpZGdldHMvaWNvbnMvc3JjL2ljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUvRyxPQUFPLEVBQUUsY0FBYyxFQUFFLGNBQWMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBZTdDLE1BQU0sT0FBTyxhQUFhO0lBQ1IsT0FBTyxHQUFHLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUNqQyxRQUFRLEdBQUcsTUFBTSxDQUFDLGNBQWMsQ0FBQyxDQUFDO0lBRWxDLEdBQUcsR0FBRyxLQUFLLEVBQVUsQ0FBQztJQUN0QixJQUFJLEdBQUcsS0FBSyxFQUFVLENBQUM7SUFFdkIsSUFBSSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7UUFDbkMsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDO1FBRXZCLElBQUksR0FBRyxFQUFFLENBQUM7WUFDUixPQUFPLEdBQUcsQ0FBQztRQUNiLENBQUM7UUFFRCxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7UUFFekIsT0FBTyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUN4QyxDQUFDLENBQUMsQ0FBQztJQUVIO1FBQ0UsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLEVBQUUsQ0FBQztZQUNwQixNQUFNLENBQUMsV0FBVyxDQUFDLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUM5QyxDQUFDO0lBQ0gsQ0FBQzt1R0F2QlUsYUFBYTsyRkFBYixhQUFhLGlnQkNsQjFCLEVBQUE7OzJGRGtCYSxhQUFhO2tCQWJ6QixTQUFTOytCQUNFLFNBQVMsWUFDVCxVQUFVLGlCQUVMLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0osSUFBSSxFQUFFLEtBQUs7d0JBQ1gsbUJBQW1CLEVBQUUsUUFBUTt3QkFDN0Isc0JBQXNCLEVBQUUseUJBQXlCO3dCQUNqRCx3QkFBd0IsRUFBRSxrQkFBa0I7cUJBQzdDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgY29tcHV0ZWQsIGluamVjdCwgaW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IElDT05TX1BPTFlGSUxMLCBJQ09OU19SRVNPTFZFUiB9IGZyb20gJy4vaWNvbi50b2tlbnMnO1xuaW1wb3J0IHsgSWNvblNlcnZpY2UgfSBmcm9tICcuL2ljb24uc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBleHBvcnRBczogJ2xhdEljb24nLFxuICBzZWxlY3RvcjogJ2xhdC1pY29uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ljb24uY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDoge1xuICAgIHJvbGU6ICdpbWcnLFxuICAgICdbYXR0ci5hcmlhLWxhYmVsXSc6ICduYW1lKCknLFxuICAgICdbYXR0ci5kYXRhLXBvbHlmaWxsXSc6ICdwb2x5ZmlsbCgpIHx8IHVuZGVmaW5lZCcsXG4gICAgJ1tzdHlsZS4tLWxhdC1pY29uLXVybF0nOiAnYHVybCgke2ljb24oKX0pYCcsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIEljb25Db21wb25lbnQge1xuICBwdWJsaWMgcmVhZG9ubHkgcmVzb2x2ZSA9IGluamVjdChJQ09OU19SRVNPTFZFUik7XG4gIHB1YmxpYyByZWFkb25seSBwb2x5ZmlsbCA9IGluamVjdChJQ09OU19QT0xZRklMTCk7XG5cbiAgcHVibGljIHJlYWRvbmx5IHVybCA9IGlucHV0PHN0cmluZz4oKTtcbiAgcHVibGljIHJlYWRvbmx5IG5hbWUgPSBpbnB1dDxzdHJpbmc+KCk7XG5cbiAgcHVibGljIHJlYWRvbmx5IGljb24gPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgY29uc3QgdXJsID0gdGhpcy51cmwoKTtcblxuICAgIGlmICh1cmwpIHtcbiAgICAgIHJldHVybiB1cmw7XG4gICAgfVxuXG4gICAgY29uc3QgbmFtZSA9IHRoaXMubmFtZSgpO1xuXG4gICAgcmV0dXJuIG5hbWUgPyB0aGlzLnJlc29sdmUobmFtZSkgOiAnJztcbiAgfSk7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgaWYgKHRoaXMucG9seWZpbGwoKSkge1xuICAgICAgaW5qZWN0KEljb25TZXJ2aWNlKS50b09ic2VydmFibGUodGhpcy5pY29uKTtcbiAgICB9XG4gIH1cbn1cbiIsIiJdfQ==","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './public-api';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF0aXR1ZGUtdWktd2lkZ2V0cy1pY29ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3dpZGdldHMvaWNvbnMvbGF0aXR1ZGUtdWktd2lkZ2V0cy1pY29ucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19"],"names":[],"mappings":"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"}
+{"version":3,"file":"latitude-ui-widgets-icons.mjs","sources":["../../../../packages/widgets/icons/lib/icon.resolver.ts","../../../../packages/widgets/icons/lib/icon.component.ts","../../../../packages/widgets/icons/lib/icon.component.html","../../../../packages/widgets/icons/latitude-ui-widgets-icons.ts"],"sourcesContent":["import { inject, InjectionToken } from '@angular/core';\r\n\r\nimport { LAT_ASSETS_PATH } from '@latitude-ui/widgets/core';\r\n\r\nexport const LAT_ICON_RESOLVER = new InjectionToken(\r\n  ngDevMode ? 'LAT_ICON_RESOLVER' : '',\r\n  {\r\n    factory: () => {\r\n      const assets = inject(LAT_ASSETS_PATH);\r\n\r\n      return (name: string) => `${assets}/icons/${name}.svg`;\r\n    },\r\n  },\r\n);\r\n","import { ChangeDetectionStrategy, Component, computed, inject, input, ViewEncapsulation } from '@angular/core';\r\nimport { LAT_ICON_RESOLVER } from './icon.resolver';\r\n\r\n\r\n@Component({\r\n  exportAs: 'latIcon',\r\n  selector: 'lat-icon',\r\n  templateUrl: './icon.component.html',\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    role: 'img',\r\n    '[style.--lat-iconmask]': 'iconmask()'\r\n  }\r\n})\r\nexport class IconComponent {\r\n  readonly iconFn = inject(LAT_ICON_RESOLVER);\r\n\r\n  readonly url = input<string>();\r\n  readonly name = input<string>();\r\n\r\n  readonly iconmask = computed(() => {\r\n    const url = this.url();\r\n\r\n    if (url) {\r\n      return `url(${url})`;\r\n    }\r\n\r\n    const name = this.name();\r\n\r\n    return name ? `url(${this.iconFn(name)})` : '';\r\n  });\r\n}\r\n","","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAIO,MAAM,iBAAiB,GAAG,IAAI,cAAc,CACjD,SAAS,GAAG,mBAAmB,GAAG,EAAE,EACpC;IACE,OAAO,EAAE,MAAK;AACZ,QAAA,MAAM,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC;QAEtC,OAAO,CAAC,IAAY,KAAK,GAAG,MAAM,CAAA,OAAA,EAAU,IAAI,CAAA,IAAA,CAAM;IACxD,CAAC;AACF,CAAA;;MCGU,aAAa,CAAA;AACf,IAAA,MAAM,GAAG,MAAM,CAAC,iBAAiB,CAAC;IAElC,GAAG,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,KAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACrB,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAEtB,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAK;AAChC,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;QAEtB,IAAI,GAAG,EAAE;YACP,OAAO,CAAA,IAAA,EAAO,GAAG,CAAA,CAAA,CAAG;QACtB;AAEA,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE;AAExB,QAAA,OAAO,IAAI,GAAG,CAAA,IAAA,EAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA,CAAA,CAAG,GAAG,EAAE;AAChD,IAAA,CAAC,oDAAC;uGAhBS,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,6aCf1B,EAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FDea,aAAa,EAAA,UAAA,EAAA,CAAA;kBAXzB,SAAS;+BACE,SAAS,EAAA,QAAA,EACT,UAAU,EAAA,aAAA,EAEL,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,IAAI,EAAE,KAAK;AACX,wBAAA,wBAAwB,EAAE;AAC3B,qBAAA,EAAA,QAAA,EAAA,EAAA,EAAA;;;AEbH;;AAEG;;;;"}

package/fesm2022/latitude-ui-widgets-input.mjs

@@ -1,45 +1,56 @@
 import * as i0 from '@angular/core';
-import { inject, input, numberAttribute, booleanAttribute, computed, linkedSignal, signal, Directive, contentChild, ChangeDetectionStrategy, ViewEncapsulation, Component, InjectionToken } from '@angular/core';
-import { NgTemplateOutlet } from '@angular/common';
-import { emptyFn, uid, get, isString, template, isObjectLike, isFunction } from '@latitude-ui/stdlib';
+import { InjectionToken, inject, input, numberAttribute, booleanAttribute, computed, linkedSignal, signal, Directive, contentChild, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { noop, uid } from '@latitude-ui/widgets/core';
 import { NgControl } from '@angular/forms';
 
-class BuildInInputValueAccessor {
+const INPUT_OPTIONS = new InjectionToken(ngDevMode ? 'INPUT_OPTIONS' : '', {
+    factory: () => {
+        return {
+            size: 'md',
+            variant: 'default',
+        };
+    }
+});
+
+class HTMLInputDirective {
+    options = inject(INPUT_OPTIONS);
     dir = inject(NgControl, { self: true });
     input = inject((InputComponent), { host: true, optional: true });
-    id = input();
-    size = input('md');
-    tabindex = input(0, { transform: numberAttribute });
-    readonly = input(false, { transform: booleanAttribute });
-    required = input(false, { transform: booleanAttribute });
-    placeholder = input();
-    value = computed(() => this._value());
-    control = computed(() => this._control());
-    valueAsString = linkedSignal({
-        source: () => this._value(),
-        computation: (value) => this._valueStringify(value),
-    });
-    status = computed(() => this._control()?.['statusReactive']());
-    touched = computed(() => this._control()?.['touchedReactive']());
-    pristine = computed(() => this._control()?.['pristineReactive']());
-    valid = computed(() => this.status() === 'VALID');
-    invalid = computed(() => this.status() === 'INVALID');
-    pending = computed(() => this.status() === 'PENDING');
-    disabled = computed(() => this.status() === 'DISABLED');
-    dirty = computed(() => !this.pristine());
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+    size = input(this.options.size, ...(ngDevMode ? [{ debugName: "size" }] : []));
+    variant = input(this.options.variant, ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    tabindex = input(0, { ...(ngDevMode ? { debugName: "tabindex" } : {}), transform: numberAttribute });
+    readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : {}), transform: booleanAttribute });
+    required = input(false, { ...(ngDevMode ? { debugName: "required" } : {}), transform: booleanAttribute });
+    autofocus = input(undefined, { ...(ngDevMode ? { debugName: "autofocus" } : {}), transform: booleanAttribute });
+    placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : []));
+    value = computed(() => this._value(), ...(ngDevMode ? [{ debugName: "value" }] : []));
+    control = computed(() => this._control(), ...(ngDevMode ? [{ debugName: "control" }] : []));
+    valueAsString = linkedSignal({ ...(ngDevMode ? { debugName: "valueAsString" } : {}), source: () => this._value(),
+        computation: (value) => this.valueStringify(value) });
+    status = computed(() => this._control()?.['statusReactive'](), ...(ngDevMode ? [{ debugName: "status" }] : []));
+    touched = computed(() => this._control()?.['touchedReactive'](), ...(ngDevMode ? [{ debugName: "touched" }] : []));
+    pristine = computed(() => this._control()?.['pristineReactive'](), ...(ngDevMode ? [{ debugName: "pristine" }] : []));
+    valid = computed(() => this.status() === 'VALID', ...(ngDevMode ? [{ debugName: "valid" }] : []));
+    invalid = computed(() => this.status() === 'INVALID', ...(ngDevMode ? [{ debugName: "invalid" }] : []));
+    pending = computed(() => this.status() === 'PENDING', ...(ngDevMode ? [{ debugName: "pending" }] : []));
+    disabled = computed(() => this.status() === 'DISABLED', ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    dirty = computed(() => !this.pristine(), ...(ngDevMode ? [{ debugName: "dirty" }] : []));
     errors = computed(() => {
         this.value();
         this.status();
         const control = this.control();
         return control ? control.errors : null;
-    });
-    inputId = computed(() => (this.input ? this.input.inputId() : this.id()));
-    labelId = computed(() => (this.input ? this.input.labelId() : undefined));
-    inputSize = computed(() => (this.input ? this.input.size() : this.size()));
+    }, ...(ngDevMode ? [{ debugName: "errors" }] : []));
+    labelId = computed(() => this.input ? this.input.labelId() : undefined, ...(ngDevMode ? [{ debugName: "labelId" }] : []));
+    inputId = computed(() => this.input ? this.input.inputId() : this.id(), ...(ngDevMode ? [{ debugName: "inputId" }] : []));
+    inputSize = computed(() => this.input ? this.input.size() : this.size(), ...(ngDevMode ? [{ debugName: "inputSize" }] : []));
+    inputVariant = computed(() => this.input ? this.input.variant() : this.variant(), ...(ngDevMode ? [{ debugName: "inputVariant" }] : []));
+    outputId = computed(() => this.input ? this.input.outputId() : undefined, ...(ngDevMode ? [{ debugName: "outputId" }] : []));
     /** @internal */
-    _value = signal(this.dir.value);
+    _value = signal(this.dir.value, ...(ngDevMode ? [{ debugName: "_value" }] : []));
     /** @internal */
-    _control = signal(null);
+    _control = signal(null, ...(ngDevMode ? [{ debugName: "_control" }] : []));
     constructor() {
         this.dir.valueAccessor = {
             writeValue: (value) => {
@@ -47,14 +58,14 @@ class BuildInInputValueAccessor {
             },
             registerOnChange: (callback) => {
                 this._markAsChanged = () => callback(this._value());
-                // FIX: while FromControlNameDirective not register, underline control is undefined
+                // FIXME: while FromControlNameDirective not register, underline control is undefined
                 Promise.resolve().then(() => {
                     this._control.update(() => this.dir.control);
                 });
             },
             registerOnTouched: (callback) => {
                 this._markAsTouched = () => callback();
-            },
+            }
         };
     }
     /**
@@ -78,145 +89,129 @@ class BuildInInputValueAccessor {
         this._markAsTouched();
     }
     /** @internal */
-    _valueEquality(value0, value1) {
+    valueEquality(value0, value1) {
         return Object.is(value0, value1);
     }
     /** @internal */
-    _valueStringify(value) {
+    valueStringify(value) {
         return value !== null && value !== undefined ? value.toString() : '';
     }
     /** @internal */
     _writeValue(input) {
         const value = this._value();
-        if (this._valueEquality(value, input)) {
+        if (this.valueEquality(value, input)) {
             return false;
         }
         this._value.set(input);
         return true;
     }
     /** @internal */
-    _markAsTouched = emptyFn;
+    _markAsTouched = noop;
     /** @internal */
-    _markAsChanged = emptyFn;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BuildInInputValueAccessor, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.6", type: BuildInInputValueAccessor, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "presentation" }, properties: { "attr.data-size": "inputSize() || undefined", "attr.data-dirty": "dirty() || undefined", "attr.data-invalid": "invalid() || undefined", "attr.data-pristine": "pristine() || undefined", "attr.data-disabled": "disabled() || undefined", "attr.data-readonly": "readonly() || undefined", "attr.data-required": "required() || undefined" } }, ngImport: i0 });
+    _markAsChanged = noop;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: HTMLInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.3", type: HTMLInputDirective, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "presentation" }, properties: { "attr.size": "inputSize() || undefined", "attr.variant": "inputVariant() || undefined", "attr.data-id": "inputId() || undefined", "attr.data-label": "labelId() || undefined", "attr.data-output": "outputId() || undefined", "attr.data-dirty": "dirty() || undefined", "attr.data-invalid": "invalid() || undefined", "attr.data-pristine": "pristine() || undefined", "attr.data-disabled": "disabled() || undefined", "attr.data-readonly": "readonly() || undefined", "attr.data-required": "required() || undefined" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BuildInInputValueAccessor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: HTMLInputDirective, decorators: [{
             type: Directive,
             args: [{
                     host: {
                         role: 'presentation',
-                        '[attr.data-size]': 'inputSize() || undefined',
+                        '[attr.size]': 'inputSize() || undefined',
+                        '[attr.variant]': 'inputVariant() || undefined',
+                        '[attr.data-id]': 'inputId() || undefined',
+                        '[attr.data-label]': 'labelId() || undefined',
+                        '[attr.data-output]': 'outputId() || undefined',
                         '[attr.data-dirty]': 'dirty() || undefined',
                         '[attr.data-invalid]': 'invalid() || undefined',
                         '[attr.data-pristine]': 'pristine() || undefined',
                         '[attr.data-disabled]': 'disabled() || undefined',
                         '[attr.data-readonly]': 'readonly() || undefined',
-                        '[attr.data-required]': 'required() || undefined',
-                    },
+                        '[attr.data-required]': 'required() || undefined'
+                    }
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], tabindex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabindex", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], autofocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autofocus", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }] } });
 
 class InputComponent {
-    id = input();
-    size = input('md');
-    input = contentChild.required((BuildInInputValueAccessor));
-    htmlId = computed(() => this.id() ?? uid());
-    labelId = computed(() => `${this.htmlId()}-label`);
-    inputId = computed(() => `${this.htmlId()}-input`);
-    value = computed(() => this.input().value());
-    valueAsString = computed(() => this.input().valueAsString());
-    status = computed(() => this.input().status());
-    touched = computed(() => this.input().touched());
-    dirty = computed(() => this.input().dirty());
-    valid = computed(() => this.input().valid());
-    errors = computed(() => this.input().errors());
-    invalid = computed(() => this.input().invalid());
-    pending = computed(() => this.input().pending());
-    pristine = computed(() => this.input().pristine());
-    disabled = computed(() => this.input().disabled());
-    readonly = computed(() => this.input().readonly());
-    required = computed(() => this.input().required());
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: InputComponent, isStandalone: true, selector: "lat-input", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "presentation" }, properties: { "attr.id": "htmlId()", "attr.data-size": "size()", "attr.data-input": "inputId()", "attr.data-dirty": "dirty() || undefined", "attr.data-invalid": "invalid() || undefined", "attr.data-pristine": "pristine() || undefined", "attr.data-disabled": "disabled() || undefined", "attr.data-readonly": "readonly() || undefined", "attr.data-required": "required() || undefined" } }, queries: [{ propertyName: "input", first: true, predicate: (BuildInInputValueAccessor), descendants: true, isSignal: true }], exportAs: ["latInput"], ngImport: i0, template: "<ng-content select=\"lat-input-label\"/>\r\n\r\n<ng-content/>\r\n\r\n@if (dirty() && errors()) {\r\n  <ng-template [ngTemplateOutlet]=\"assertive\"/>\r\n}\r\n\r\n<ng-template #assertive>\r\n  <ng-content select=\"lat-input-error\"/>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    options = inject(INPUT_OPTIONS);
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+    size = input(this.options.size, ...(ngDevMode ? [{ debugName: "size" }] : []));
+    variant = input(this.options.variant, ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    input = contentChild.required((HTMLInputDirective));
+    htmlId = computed(() => this.id() ?? uid(), ...(ngDevMode ? [{ debugName: "htmlId" }] : []));
+    labelId = computed(() => `lat-label-${this.htmlId()}`, ...(ngDevMode ? [{ debugName: "labelId" }] : []));
+    inputId = computed(() => `lat-input-${this.htmlId()}`, ...(ngDevMode ? [{ debugName: "inputId" }] : []));
+    outputId = computed(() => `lat-output-${this.htmlId()}`, ...(ngDevMode ? [{ debugName: "outputId" }] : []));
+    value = computed(() => this.input().value(), ...(ngDevMode ? [{ debugName: "value" }] : []));
+    valueAsString = computed(() => this.input().valueAsString(), ...(ngDevMode ? [{ debugName: "valueAsString" }] : []));
+    status = computed(() => this.input().status(), ...(ngDevMode ? [{ debugName: "status" }] : []));
+    touched = computed(() => this.input().touched(), ...(ngDevMode ? [{ debugName: "touched" }] : []));
+    dirty = computed(() => this.input().dirty(), ...(ngDevMode ? [{ debugName: "dirty" }] : []));
+    valid = computed(() => this.input().valid(), ...(ngDevMode ? [{ debugName: "valid" }] : []));
+    errors = computed(() => this.input().errors(), ...(ngDevMode ? [{ debugName: "errors" }] : []));
+    invalid = computed(() => this.input().invalid(), ...(ngDevMode ? [{ debugName: "invalid" }] : []));
+    pending = computed(() => this.input().pending(), ...(ngDevMode ? [{ debugName: "pending" }] : []));
+    pristine = computed(() => this.input().pristine(), ...(ngDevMode ? [{ debugName: "pristine" }] : []));
+    disabled = computed(() => this.input().disabled(), ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    readonly = computed(() => this.input().readonly(), ...(ngDevMode ? [{ debugName: "readonly" }] : []));
+    required = computed(() => this.input().required(), ...(ngDevMode ? [{ debugName: "required" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: InputComponent, isStandalone: true, selector: "lat-input", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "presentation" }, properties: { "attr.id": "htmlId()", "attr.data-size": "size()", "attr.data-variant": "variant()", "attr.data-label": "labelId()", "attr.data-input": "inputId()", "attr.data-output": "outputId()", "attr.data-dirty": "dirty() || undefined", "attr.data-invalid": "invalid() || undefined", "attr.data-pristine": "pristine() || undefined", "attr.data-disabled": "disabled() || undefined", "attr.data-readonly": "readonly() || undefined", "attr.data-required": "required() || undefined" } }, queries: [{ propertyName: "input", first: true, predicate: (HTMLInputDirective), descendants: true, isSignal: true }], exportAs: ["latInput"], ngImport: i0, template: "<ng-content select=\"lat-label\" />\r\n\r\n<ng-content />\r\n\r\n@if (dirty() && errors()) {\r\n  <ng-content select=\"lat-output\" />\r\n}\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: InputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InputComponent, decorators: [{
             type: Component,
-            args: [{ imports: [NgTemplateOutlet], exportAs: 'latInput', selector: 'lat-input', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+            args: [{ exportAs: 'latInput', selector: 'lat-input', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         role: 'presentation',
                         '[attr.id]': 'htmlId()',
                         '[attr.data-size]': 'size()',
+                        '[attr.data-variant]': 'variant()',
+                        '[attr.data-label]': 'labelId()',
                         '[attr.data-input]': 'inputId()',
+                        '[attr.data-output]': 'outputId()',
                         '[attr.data-dirty]': 'dirty() || undefined',
                         '[attr.data-invalid]': 'invalid() || undefined',
                         '[attr.data-pristine]': 'pristine() || undefined',
                         '[attr.data-disabled]': 'disabled() || undefined',
                         '[attr.data-readonly]': 'readonly() || undefined',
-                        '[attr.data-required]': 'required() || undefined',
-                    }, template: "<ng-content select=\"lat-input-label\"/>\r\n\r\n<ng-content/>\r\n\r\n@if (dirty() && errors()) {\r\n  <ng-template [ngTemplateOutlet]=\"assertive\"/>\r\n}\r\n\r\n<ng-template #assertive>\r\n  <ng-content select=\"lat-input-error\"/>\r\n</ng-template>\r\n" }]
-        }] });
+                        '[attr.data-required]': 'required() || undefined'
+                    }, template: "<ng-content select=\"lat-label\" />\r\n\r\n<ng-content />\r\n\r\n@if (dirty() && errors()) {\r\n  <ng-content select=\"lat-output\" />\r\n}\r\n" }]
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], input: [{ type: i0.ContentChild, args: [i0.forwardRef(() => HTMLInputDirective), { isSignal: true }] }] } });
 
-class InputLabelComponent {
+class LabelComponent {
     input = inject((InputComponent), { host: true });
-    id = computed(() => this.input.labelId());
-    htmlFor = computed(() => this.input.inputId());
-    required = computed(() => this.input.required());
-    readonly = computed(() => this.input.readonly());
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: InputLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: InputLabelComponent, isStandalone: true, selector: "lat-input-label", host: { attributes: { "role": "presentation" }, properties: { "attr.id": "null" } }, exportAs: ["latInputLabel"], ngImport: i0, template: "<label [attr.id]=\"id()\" [attr.for]=\"htmlFor()\">\r\n  <ng-content></ng-content>\r\n  @if (!readonly() && required()) {\r\n    <span class=\"lat-label-asterix\" aria-hidden=\"true\" title=\"required\">*</span>\r\n  }\r\n</label>\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    id = computed(() => this.input.labelId(), ...(ngDevMode ? [{ debugName: "id" }] : []));
+    htmlFor = computed(() => this.input.inputId(), ...(ngDevMode ? [{ debugName: "htmlFor" }] : []));
+    required = computed(() => this.input.required(), ...(ngDevMode ? [{ debugName: "required" }] : []));
+    readonly = computed(() => this.input.readonly(), ...(ngDevMode ? [{ debugName: "readonly" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: LabelComponent, isStandalone: true, selector: "lat-label", host: { attributes: { "role": "presentation" }, properties: { "attr.id": "null" } }, exportAs: ["latLabel"], ngImport: i0, template: "<label [attr.id]=\"id()\" [attr.for]=\"htmlFor()\">\r\n  <ng-content></ng-content>\r\n  @if (!readonly() && required()) {\r\n    <span class=\"lat-label-asterix\" aria-hidden=\"true\" title=\"required\">*</span>\r\n  }\r\n</label>\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: InputLabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: LabelComponent, decorators: [{
             type: Component,
-            args: [{ exportAs: 'latInputLabel', selector: 'lat-input-label', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+            args: [{ exportAs: 'latLabel', selector: 'lat-label', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         role: 'presentation',
-                        '[attr.id]': 'null',
+                        '[attr.id]': 'null'
                     }, template: "<label [attr.id]=\"id()\" [attr.for]=\"htmlFor()\">\r\n  <ng-content></ng-content>\r\n  @if (!readonly() && required()) {\r\n    <span class=\"lat-label-asterix\" aria-hidden=\"true\" title=\"required\">*</span>\r\n  }\r\n</label>\r\n" }]
         }] });
 
-const INPUT_ERROR_MESSAGES = new InjectionToken('INPUT_ERROR_MESSAGES');
-function injectInputErrorMessages() {
-    const useValues = inject(INPUT_ERROR_MESSAGES, { optional: true });
-    return useValues ? useValues.reduce((acc, messages) => ({ ...acc, ...messages }), {}) : {};
-}
-
-class InputErrorComponent {
-    input = inject((InputComponent));
-    messages = injectInputErrorMessages();
-    keyvalue = computed(() => {
-        return Object.entries(this.input.errors() ?? {}).map(([key, value]) => {
-            const message = get(this.messages, key);
-            if (isString(message)) {
-                value = template(message, isObjectLike(value) ? value : {});
-            }
-            if (isFunction(message)) {
-                value = message(value);
-            }
-            return {
-                key: key,
-                value: value,
-            };
-        });
-    });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: InputErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: InputErrorComponent, isStandalone: true, selector: "lat-input-error", host: { attributes: { "role": "alert", "aria-invalid": "assertive" } }, exportAs: ["latInputError"], ngImport: i0, template: "<ng-content>\r\n  @for (keyvalue of keyvalue(); track keyvalue) {\r\n    <span>{{ keyvalue.value }}</span>\r\n  }\r\n</ng-content>\r\n\r\n\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+class OutputComponent {
+    input = inject((InputComponent), { host: true });
+    id = computed(() => this.input.outputId(), ...(ngDevMode ? [{ debugName: "id" }] : []));
+    htmlFor = computed(() => this.input.inputId(), ...(ngDevMode ? [{ debugName: "htmlFor" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: OutputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: OutputComponent, isStandalone: true, selector: "lat-output", host: { attributes: { "role": "presentation" }, properties: { "attr.id": "null" } }, exportAs: ["latOutput"], ngImport: i0, template: "<output [attr.id]=\"id()\" [attr.for]=\"htmlFor()\">\r\n  <ng-content></ng-content>\r\n</output>\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: InputErrorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: OutputComponent, decorators: [{
             type: Component,
-            args: [{ exportAs: 'latInputError', selector: 'lat-input-error', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        role: 'alert',
-                        'aria-invalid': 'assertive',
-                    }, template: "<ng-content>\r\n  @for (keyvalue of keyvalue(); track keyvalue) {\r\n    <span>{{ keyvalue.value }}</span>\r\n  }\r\n</ng-content>\r\n\r\n\r\n" }]
+            args: [{ exportAs: 'latOutput', selector: 'lat-output', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        role: 'presentation',
+                        '[attr.id]': 'null'
+                    }, template: "<output [attr.id]=\"id()\" [attr.for]=\"htmlFor()\">\r\n  <ng-content></ng-content>\r\n</output>\r\n" }]
         }] });
 
-const InputModule = [
-    InputLabelComponent,
-    InputErrorComponent,
-    InputComponent,
-];
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { BuildInInputValueAccessor, INPUT_ERROR_MESSAGES, InputComponent, InputErrorComponent, InputLabelComponent, InputModule, injectInputErrorMessages };
+export { HTMLInputDirective, INPUT_OPTIONS, InputComponent, LabelComponent, OutputComponent };
 //# sourceMappingURL=latitude-ui-widgets-input.mjs.map