@tailng-ui/primitives 0.15.0 → 0.18.0

package/src/lib/form/input/tng-input-group.js

@@ -0,0 +1,229 @@
+import { Component, ContentChildren, ElementRef, HostBinding, HostListener, inject } from "@angular/core";
+import { isDevMode } from "@angular/core";
+import { input } from "@angular/core";
+import { Subject, takeUntil } from "rxjs";
+import { TngPrefix } from "./tng-adornment";
+import { TngSuffix } from "./tng-adornment";
+import { TngInput } from "./tng-input";
+import * as i0 from "@angular/core";
+function hasProjectedContent(element) {
+    return Array.from(element.childNodes).some((node) => {
+        if (node.nodeType === Node.ELEMENT_NODE) {
+            return true;
+        }
+        if (node.nodeType === Node.TEXT_NODE) {
+            return (node.textContent ?? '').trim().length > 0;
+        }
+        return false;
+    });
+}
+export class TngInputGroup {
+    hasLeading = input(null, ...(ngDevMode ? [{ debugName: "hasLeading" }] : []));
+    hasTrailing = input(null, ...(ngDevMode ? [{ debugName: "hasTrailing" }] : []));
+    disabled = input(null, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    invalid = input(null, ...(ngDevMode ? [{ debugName: "invalid" }] : []));
+    readonly = input(null, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
+    controlCount = input(null, ...(ngDevMode ? [{ debugName: "controlCount" }] : []));
+    controls;
+    prefixSlots;
+    suffixSlots;
+    hostElement = inject((ElementRef)).nativeElement;
+    focused = false;
+    destroyed$ = new Subject();
+    validateSingleControl() {
+        if (!isDevMode())
+            return;
+        if (!this.controls)
+            return;
+        const queriedCount = this.controls.length;
+        const domCount = this.hostElement.querySelectorAll('[data-tng-input-control-proxy] input, [data-tng-input-control-proxy] textarea, input[tngInput], textarea[tngInput]').length;
+        const count = this.controlCount() ?? (queriedCount > 0 ? queriedCount : domCount);
+        if (count !== 1) {
+            console.warn(`[tngInputGroup] Expected exactly 1 control (input/textarea with tngInput), but found ${count}.`, this.hostElement);
+        }
+    }
+    ngAfterContentInit() {
+        queueMicrotask(() => this.validateSingleControl());
+        this.controls.changes
+            .pipe(takeUntil(this.destroyed$))
+            .subscribe(() => this.validateSingleControl());
+    }
+    ngOnDestroy() {
+        this.destroyed$.next();
+        this.destroyed$.complete();
+    }
+    dataSlot = 'input-group';
+    get dataHasLeading() {
+        return this.effectiveHasLeading() ? '' : null;
+    }
+    get dataHasTrailing() {
+        return this.effectiveHasTrailing() ? '' : null;
+    }
+    get dataDisabled() {
+        const override = this.disabled();
+        if (override !== null)
+            return override ? '' : null;
+        const control = this.primaryControl();
+        if (control !== null)
+            return control.disabled() ? '' : null;
+        const element = this.primaryControlElement();
+        if (element === null)
+            return null;
+        return element.hasAttribute('disabled') ? '' : null;
+    }
+    get dataInvalid() {
+        const override = this.invalid();
+        if (override !== null)
+            return override ? '' : null;
+        const control = this.primaryControl();
+        if (control !== null)
+            return control.isInvalid() ? '' : null;
+        const element = this.primaryControlElement();
+        if (element === null)
+            return null;
+        if (element.getAttribute('aria-invalid') === 'true')
+            return '';
+        return element.matches(':invalid') ? '' : null;
+    }
+    get dataReadonly() {
+        const override = this.readonly();
+        if (override !== null)
+            return override ? '' : null;
+        const control = this.primaryControl();
+        if (control !== null)
+            return control.readonly() ? '' : null;
+        const element = this.primaryControlElement();
+        if (element === null)
+            return null;
+        return element.hasAttribute('readonly') ? '' : null;
+    }
+    get dataFocused() {
+        return this.focused ? '' : null;
+    }
+    onFocusIn() {
+        this.focused = true;
+    }
+    onFocusOut(event) {
+        const nextTarget = event.relatedTarget;
+        if (nextTarget instanceof Node && this.hostElement.contains(nextTarget))
+            return;
+        this.focused = false;
+    }
+    hasLeadingSlot() {
+        const proxy = this.hostElement.querySelector('[data-tng-input-prefix-proxy]');
+        if (proxy instanceof HTMLElement)
+            return hasProjectedContent(proxy);
+        const slots = this.prefixSlots?.toArray() ?? [];
+        return slots.some((slot) => hasProjectedContent(slot.hostElement));
+    }
+    hasTrailingSlot() {
+        const proxy = this.hostElement.querySelector('[data-tng-input-suffix-proxy]');
+        if (proxy instanceof HTMLElement)
+            return hasProjectedContent(proxy);
+        const slots = this.suffixSlots?.toArray() ?? [];
+        return slots.some((slot) => hasProjectedContent(slot.hostElement));
+    }
+    effectiveHasLeading() {
+        const override = this.hasLeading();
+        if (override !== null)
+            return override;
+        return this.hasLeadingSlot();
+    }
+    effectiveHasTrailing() {
+        const override = this.hasTrailing();
+        if (override !== null)
+            return override;
+        return this.hasTrailingSlot();
+    }
+    primaryControl() {
+        const controls = this.controls?.toArray() ?? [];
+        return controls[0] ?? null;
+    }
+    primaryControlElement() {
+        const element = this.hostElement.querySelector('[data-tng-input-control-proxy] input, [data-tng-input-control-proxy] textarea, input[tngInput], textarea[tngInput]');
+        if (element instanceof HTMLInputElement ||
+            element instanceof HTMLTextAreaElement) {
+            return element;
+        }
+        return null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngInputGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: TngInputGroup, isStandalone: true, selector: "tng-input-group, [tngInputGroup]", inputs: { hasLeading: { classPropertyName: "hasLeading", publicName: "hasLeading", isSignal: true, isRequired: false, transformFunction: null }, hasTrailing: { classPropertyName: "hasTrailing", publicName: "hasTrailing", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, controlCount: { classPropertyName: "controlCount", publicName: "controlCount", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "focusin": "onFocusIn()", "focusout": "onFocusOut($event)" }, properties: { "attr.data-slot": "this.dataSlot", "attr.data-has-leading": "this.dataHasLeading", "attr.data-has-trailing": "this.dataHasTrailing", "attr.data-disabled": "this.dataDisabled", "attr.data-invalid": "this.dataInvalid", "attr.data-readonly": "this.dataReadonly", "attr.data-focused": "this.dataFocused" } }, queries: [{ propertyName: "controls", predicate: TngInput, descendants: true }, { propertyName: "prefixSlots", predicate: TngPrefix, descendants: true }, { propertyName: "suffixSlots", predicate: TngSuffix, descendants: true }], exportAs: ["tngInputGroup"], ngImport: i0, template: `
+    @if (hasLeadingSlot()) {
+      <span class="tng-input-group-leading" data-slot="input-group-leading">
+        <ng-content select="[tngPrefix], [tngInputLeading], [data-tng-input-prefix-proxy]"></ng-content>
+      </span>
+    }
+
+    <span class="tng-input-group-control" data-slot="input-group-control">
+      <ng-content select="input[tngInput], textarea[tngInput], [data-tng-input-control-proxy]"></ng-content>
+    </span>
+
+    @if (hasTrailingSlot()) {
+      <span class="tng-input-group-trailing" data-slot="input-group-trailing">
+        <ng-content select="[tngSuffix], [tngInputTrailing], [data-tng-input-suffix-proxy]"></ng-content>
+      </span>
+    }
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngInputGroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'tng-input-group, [tngInputGroup]',
+                    exportAs: 'tngInputGroup',
+                    template: `
+    @if (hasLeadingSlot()) {
+      <span class="tng-input-group-leading" data-slot="input-group-leading">
+        <ng-content select="[tngPrefix], [tngInputLeading], [data-tng-input-prefix-proxy]"></ng-content>
+      </span>
+    }
+
+    <span class="tng-input-group-control" data-slot="input-group-control">
+      <ng-content select="input[tngInput], textarea[tngInput], [data-tng-input-control-proxy]"></ng-content>
+    </span>
+
+    @if (hasTrailingSlot()) {
+      <span class="tng-input-group-trailing" data-slot="input-group-trailing">
+        <ng-content select="[tngSuffix], [tngInputTrailing], [data-tng-input-suffix-proxy]"></ng-content>
+      </span>
+    }
+  `,
+                }]
+        }], propDecorators: { hasLeading: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasLeading", required: false }] }], hasTrailing: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasTrailing", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], controlCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "controlCount", required: false }] }], controls: [{
+                type: ContentChildren,
+                args: [TngInput, { descendants: true }]
+            }], prefixSlots: [{
+                type: ContentChildren,
+                args: [TngPrefix, { descendants: true }]
+            }], suffixSlots: [{
+                type: ContentChildren,
+                args: [TngSuffix, { descendants: true }]
+            }], dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], dataHasLeading: [{
+                type: HostBinding,
+                args: ['attr.data-has-leading']
+            }], dataHasTrailing: [{
+                type: HostBinding,
+                args: ['attr.data-has-trailing']
+            }], dataDisabled: [{
+                type: HostBinding,
+                args: ['attr.data-disabled']
+            }], dataInvalid: [{
+                type: HostBinding,
+                args: ['attr.data-invalid']
+            }], dataReadonly: [{
+                type: HostBinding,
+                args: ['attr.data-readonly']
+            }], dataFocused: [{
+                type: HostBinding,
+                args: ['attr.data-focused']
+            }], onFocusIn: [{
+                type: HostListener,
+                args: ['focusin']
+            }], onFocusOut: [{
+                type: HostListener,
+                args: ['focusout', ['$event']]
+            }] } });
+//# sourceMappingURL=tng-input-group.js.map

package/src/lib/form/input/tng-input-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-input-group.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/input/tng-input-group.ts"],"names":[],"mappings":"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","sourcesContent":["import type { OnDestroy, AfterContentInit, QueryList } from \"@angular/core\";\nimport { Component, ContentChildren, ElementRef, HostBinding, HostListener, inject } from \"@angular/core\";\nimport { isDevMode } from \"@angular/core\";\nimport { input } from \"@angular/core\";\nimport { Subject, takeUntil } from \"rxjs\";\nimport { TngPrefix } from \"./tng-adornment\";\nimport { TngSuffix } from \"./tng-adornment\";\nimport { TngInput } from \"./tng-input\";\n\nfunction hasProjectedContent(element: HTMLElement): boolean {\n  return Array.from(element.childNodes).some((node) => {\n    if (node.nodeType === Node.ELEMENT_NODE) {\n      return true;\n    }\n\n    if (node.nodeType === Node.TEXT_NODE) {\n      return (node.textContent ?? '').trim().length > 0;\n    }\n\n    return false;\n  });\n}\n\n@Component({\n  selector: 'tng-input-group, [tngInputGroup]',\n  exportAs: 'tngInputGroup',\n  template: `\n    @if (hasLeadingSlot()) {\n      <span class=\"tng-input-group-leading\" data-slot=\"input-group-leading\">\n        <ng-content select=\"[tngPrefix], [tngInputLeading], [data-tng-input-prefix-proxy]\"></ng-content>\n      </span>\n    }\n\n    <span class=\"tng-input-group-control\" data-slot=\"input-group-control\">\n      <ng-content select=\"input[tngInput], textarea[tngInput], [data-tng-input-control-proxy]\"></ng-content>\n    </span>\n\n    @if (hasTrailingSlot()) {\n      <span class=\"tng-input-group-trailing\" data-slot=\"input-group-trailing\">\n        <ng-content select=\"[tngSuffix], [tngInputTrailing], [data-tng-input-suffix-proxy]\"></ng-content>\n      </span>\n    }\n  `,\n})\nexport class TngInputGroup implements AfterContentInit, OnDestroy {\n  public readonly hasLeading = input<boolean | null>(null);\n  public readonly hasTrailing = input<boolean | null>(null);\n  public readonly disabled = input<boolean | null>(null);\n  public readonly invalid = input<boolean | null>(null);\n  public readonly readonly = input<boolean | null>(null);\n  public readonly controlCount = input<number | null>(null);\n\n  @ContentChildren(TngInput, { descendants: true })\n  protected controls!: QueryList<TngInput>;\n\n  @ContentChildren(TngPrefix, { descendants: true })\n  protected prefixSlots!: QueryList<TngPrefix>;\n\n  @ContentChildren(TngSuffix, { descendants: true })\n  protected suffixSlots!: QueryList<TngSuffix>;\n\n  private readonly hostElement = inject(ElementRef<HTMLElement>).nativeElement;\n\n  private focused = false;\n\n  private readonly destroyed$ = new Subject<void>();\n\n  private validateSingleControl(): void {\n    if (!isDevMode()) return;\n    if (!this.controls) return;\n\n    const queriedCount = this.controls.length;\n    const domCount = this.hostElement.querySelectorAll(\n      '[data-tng-input-control-proxy] input, [data-tng-input-control-proxy] textarea, input[tngInput], textarea[tngInput]',\n    ).length;\n    const count = this.controlCount() ?? (queriedCount > 0 ? queriedCount : domCount);\n    if (count !== 1) {\n      console.warn(\n        `[tngInputGroup] Expected exactly 1 control (input/textarea with tngInput), but found ${count}.`,\n        this.hostElement,\n      );\n    }\n  }\n\n  public ngAfterContentInit(): void {\n    queueMicrotask(() => this.validateSingleControl());\n\n    this.controls.changes\n      .pipe(takeUntil(this.destroyed$))\n      .subscribe(() => this.validateSingleControl());\n  }\n\n  public ngOnDestroy(): void {\n    this.destroyed$.next();\n    this.destroyed$.complete();\n  }\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'input-group' as const;\n\n  @HostBinding('attr.data-has-leading')\n  protected get dataHasLeading(): '' | null {\n    return this.effectiveHasLeading() ? '' : null;\n  }\n\n  @HostBinding('attr.data-has-trailing')\n  protected get dataHasTrailing(): '' | null {\n    return this.effectiveHasTrailing() ? '' : null;\n  }\n\n  @HostBinding('attr.data-disabled')\n  protected get dataDisabled(): '' | null {\n    const override = this.disabled();\n    if (override !== null) return override ? '' : null;\n\n    const control = this.primaryControl();\n    if (control !== null) return control.disabled() ? '' : null;\n\n    const element = this.primaryControlElement();\n    if (element === null) return null;\n    return element.hasAttribute('disabled') ? '' : null;\n  }\n\n  @HostBinding('attr.data-invalid')\n  protected get dataInvalid(): '' | null {\n    const override = this.invalid();\n    if (override !== null) return override ? '' : null;\n\n    const control = this.primaryControl();\n    if (control !== null) return control.isInvalid() ? '' : null;\n\n    const element = this.primaryControlElement();\n    if (element === null) return null;\n    if (element.getAttribute('aria-invalid') === 'true') return '';\n    return element.matches(':invalid') ? '' : null;\n  }\n\n  @HostBinding('attr.data-readonly')\n  protected get dataReadonly(): '' | null {\n    const override = this.readonly();\n    if (override !== null) return override ? '' : null;\n\n    const control = this.primaryControl();\n    if (control !== null) return control.readonly() ? '' : null;\n\n    const element = this.primaryControlElement();\n    if (element === null) return null;\n    return element.hasAttribute('readonly') ? '' : null;\n  }\n\n  @HostBinding('attr.data-focused')\n  protected get dataFocused(): '' | null {\n    return this.focused ? '' : null;\n  }\n\n  @HostListener('focusin')\n  protected onFocusIn(): void {\n    this.focused = true;\n  }\n\n  @HostListener('focusout', ['$event'])\n  protected onFocusOut(event: FocusEvent): void {\n    const nextTarget = event.relatedTarget;\n    if (nextTarget instanceof Node && this.hostElement.contains(nextTarget)) return;\n\n    this.focused = false;\n  }\n\n  protected hasLeadingSlot(): boolean {\n    const proxy = this.hostElement.querySelector('[data-tng-input-prefix-proxy]');\n    if (proxy instanceof HTMLElement) return hasProjectedContent(proxy);\n\n    const slots = this.prefixSlots?.toArray() ?? [];\n    return slots.some((slot) => hasProjectedContent(slot.hostElement));\n  }\n\n  protected hasTrailingSlot(): boolean {\n    const proxy = this.hostElement.querySelector('[data-tng-input-suffix-proxy]');\n    if (proxy instanceof HTMLElement) return hasProjectedContent(proxy);\n\n    const slots = this.suffixSlots?.toArray() ?? [];\n    return slots.some((slot) => hasProjectedContent(slot.hostElement));\n  }\n\n  protected effectiveHasLeading(): boolean {\n    const override = this.hasLeading();\n    if (override !== null) return override;\n    return this.hasLeadingSlot();\n  }\n\n  protected effectiveHasTrailing(): boolean {\n    const override = this.hasTrailing();\n    if (override !== null) return override;\n    return this.hasTrailingSlot();\n  }\n\n  protected primaryControl(): TngInput | null {\n    const controls = this.controls?.toArray() ?? [];\n    return controls[0] ?? null;\n  }\n\n  protected primaryControlElement(): HTMLInputElement | HTMLTextAreaElement | null {\n    const element = this.hostElement.querySelector(\n      '[data-tng-input-control-proxy] input, [data-tng-input-control-proxy] textarea, input[tngInput], textarea[tngInput]',\n    );\n    if (\n      element instanceof HTMLInputElement ||\n      element instanceof HTMLTextAreaElement\n    ) {\n      return element;\n    }\n\n    return null;\n  }\n}"]}

package/src/lib/form/input/tng-input.d.ts

@@ -1,4 +1,3 @@
-import { AfterContentInit, OnDestroy, QueryList } from '@angular/core';
 import * as i0 from "@angular/core";
 type NullableBooleanInput = boolean | null | string | undefined;
 export type TngInputType = 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url';
@@ -46,51 +45,5 @@ export declare class TngInput {
     static ɵfac: i0.ɵɵFactoryDeclaration<TngInput, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TngInput, "input[tngInput], textarea[tngInput]", ["tngInput"], { "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "ariaInvalid": { "alias": "ariaInvalid"; "required": false; "isSignal": true; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-export declare class TngInputLeading {
-    readonly hostElement: any;
-    protected readonly dataSlot: "input-leading";
-    static ɵfac: i0.ɵɵFactoryDeclaration<TngInputLeading, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TngInputLeading, "[tngInputLeading]", ["tngInputLeading"], {}, {}, never, never, true, never>;
-}
-export declare class TngInputTrailing {
-    readonly hostElement: any;
-    protected readonly dataSlot: "input-trailing";
-    static ɵfac: i0.ɵɵFactoryDeclaration<TngInputTrailing, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TngInputTrailing, "[tngInputTrailing]", ["tngInputTrailing"], {}, {}, never, never, true, never>;
-}
-export declare class TngInputGroup implements AfterContentInit, OnDestroy {
-    readonly hasLeading: import("@angular/core").InputSignal<boolean | null>;
-    readonly hasTrailing: import("@angular/core").InputSignal<boolean | null>;
-    readonly disabled: import("@angular/core").InputSignal<boolean | null>;
-    readonly invalid: import("@angular/core").InputSignal<boolean | null>;
-    readonly readonly: import("@angular/core").InputSignal<boolean | null>;
-    readonly controlCount: import("@angular/core").InputSignal<number | null>;
-    protected controls: QueryList<TngInput>;
-    protected leadingSlots: QueryList<TngInputLeading>;
-    protected trailingSlots: QueryList<TngInputTrailing>;
-    private readonly hostElement;
-    private focused;
-    private readonly destroyed$;
-    private validateSingleControl;
-    ngAfterContentInit(): void;
-    ngOnDestroy(): void;
-    protected readonly dataSlot: "input-group";
-    protected get dataHasLeading(): '' | null;
-    protected get dataHasTrailing(): '' | null;
-    protected get dataDisabled(): '' | null;
-    protected get dataInvalid(): '' | null;
-    protected get dataReadonly(): '' | null;
-    protected get dataFocused(): '' | null;
-    protected onFocusIn(): void;
-    protected onFocusOut(event: FocusEvent): void;
-    protected hasLeadingSlot(): boolean;
-    protected hasTrailingSlot(): boolean;
-    protected effectiveHasLeading(): boolean;
-    protected effectiveHasTrailing(): boolean;
-    protected primaryControl(): TngInput | null;
-    protected primaryControlElement(): HTMLInputElement | HTMLTextAreaElement | null;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TngInputGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TngInputGroup, "tng-input-group, [tngInputGroup]", ["tngInputGroup"], { "hasLeading": { "alias": "hasLeading"; "required": false; "isSignal": true; }; "hasTrailing": { "alias": "hasTrailing"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "controlCount": { "alias": "controlCount"; "required": false; "isSignal": true; }; }, {}, ["controls", "leadingSlots", "trailingSlots"], ["[tngInputLeading], [data-tng-input-leading-proxy]", "input[tngInput], textarea[tngInput], [data-tng-input-control-proxy]", "[tngInputTrailing], [data-tng-input-trailing-proxy]"], true, never>;
-}
 export {};
 //# sourceMappingURL=tng-input.d.ts.map

package/src/lib/form/input/tng-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-input.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/input/tng-input.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"tng-input.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/input/tng-input.ts"],"names":[],"mappings":";AAWA,KAAK,oBAAoB,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;AAEhE,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;AAE/F,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,oBAAoB,GAAG,OAAO,GAAG,IAAI,CAQzF;AAcD,qBAIa,QAAQ;IACnB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA8D;IACzF,OAAO,CAAC,QAAQ,CAAC,SAAS,CAA8B;IAExD,SAAgB,WAAW,MAAiC;IAC5D,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAqE;IACtG,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAA0E;IAChH,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAErC;IAEF,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAsC;IAElE,kEAAkE;IAClE,SAAgB,eAAe,qDAA8B;IAE7D,SAAgB,SAAS,qDAA8B;IACvD,SAAgB,cAAc,qDAA8B;IAE5D,0EAA0E;IAC1E,SAAgB,WAAW,yFAExB;IAEH,SAAgB,YAAY,yFAEzB;IAEH,SAAgB,QAAQ,8EAA4E;IACpG,SAAgB,QAAQ,8EAA4E;IACpG,SAAgB,QAAQ,8EAA4E;IAGpG,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,OAAO,CAAU;IAG/C,SAAS,KAAK,MAAM,IAAI,MAAM,CAG7B;IAGD,SAAS,KAAK,aAAa,IAAI,MAAM,GAAG,IAAI,CAK3C;IAGD,SAAS,KAAK,kBAAkB,IAAI,MAAM,GAAG,IAAI,CAKhD;IAED;;;OAGG;IAEH,SAAS,KAAK,mBAAmB,IAAI,MAAM,GAAG,IAAI,CAKjD;IAED;;;OAGG;IAEH,SAAS,KAAK,eAAe,IAAI,MAAM,GAAG,IAAI,CAE7C;IAGD,SAAS,KAAK,gBAAgB,IAAI,OAAO,GAAG,MAAM,GAAG,IAAI,CAGxD;IAGD,SAAS,KAAK,gBAAgB,IAAI,EAAE,GAAG,IAAI,CAE1C;IAGD,SAAS,KAAK,eAAe,IAAI,EAAE,GAAG,IAAI,CAEzC;IAGD,SAAS,KAAK,gBAAgB,IAAI,EAAE,GAAG,IAAI,CAE1C;IAGD,SAAS,KAAK,YAAY,IAAI,EAAE,GAAG,IAAI,CAEtC;IAGD,SAAS,KAAK,YAAY,IAAI,EAAE,GAAG,IAAI,CAEtC;IAGD,SAAS,KAAK,YAAY,IAAI,EAAE,GAAG,IAAI,CAEtC;IAEM,SAAS,IAAI,OAAO;yCAlHhB,QAAQ;2CAAR,QAAQ;CAyHpB"}

package/src/lib/form/input/tng-input.js

@@ -1,6 +1,4 @@
-import { Component, ContentChildren, Directive, ElementRef, HostBinding, HostListener, booleanAttribute, inject, input, isDevMode, } from '@angular/core';
-import { Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
+import { Directive, ElementRef, HostBinding, booleanAttribute, inject, input, } from '@angular/core';
 import { TngUniqueIdService } from '../_shared/id';
 import * as i0 from "@angular/core";
 export function coerceTngInputNullableBoolean(value) {
@@ -23,17 +21,6 @@ function toAriaBoolean(value) {
         return null;
     return value ? 'true' : 'false';
 }
-function hasProjectedContent(element) {
-    return Array.from(element.childNodes).some((node) => {
-        if (node.nodeType === Node.ELEMENT_NODE) {
-            return true;
-        }
-        if (node.nodeType === Node.TEXT_NODE) {
-            return (node.textContent ?? '').trim().length > 0;
-        }
-        return false;
-    });
-}
 export class TngInput {
     elementRef = inject((ElementRef));
     idService = inject(TngUniqueIdService);
@@ -165,245 +152,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
                 type: HostBinding,
                 args: ['attr.required']
             }] } });
-export class TngInputLeading {
-    hostElement = inject((ElementRef)).nativeElement;
-    dataSlot = 'input-leading';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngInputLeading, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngInputLeading, isStandalone: true, selector: "[tngInputLeading]", host: { properties: { "attr.data-slot": "this.dataSlot" } }, exportAs: ["tngInputLeading"], ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngInputLeading, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[tngInputLeading]',
-                    exportAs: 'tngInputLeading',
-                }]
-        }], propDecorators: { dataSlot: [{
-                type: HostBinding,
-                args: ['attr.data-slot']
-            }] } });
-export class TngInputTrailing {
-    hostElement = inject((ElementRef)).nativeElement;
-    dataSlot = 'input-trailing';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngInputTrailing, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngInputTrailing, isStandalone: true, selector: "[tngInputTrailing]", host: { properties: { "attr.data-slot": "this.dataSlot" } }, exportAs: ["tngInputTrailing"], ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngInputTrailing, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[tngInputTrailing]',
-                    exportAs: 'tngInputTrailing',
-                }]
-        }], propDecorators: { dataSlot: [{
-                type: HostBinding,
-                args: ['attr.data-slot']
-            }] } });
-export class TngInputGroup {
-    hasLeading = input(null, ...(ngDevMode ? [{ debugName: "hasLeading" }] : []));
-    hasTrailing = input(null, ...(ngDevMode ? [{ debugName: "hasTrailing" }] : []));
-    disabled = input(null, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
-    invalid = input(null, ...(ngDevMode ? [{ debugName: "invalid" }] : []));
-    readonly = input(null, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
-    controlCount = input(null, ...(ngDevMode ? [{ debugName: "controlCount" }] : []));
-    controls;
-    leadingSlots;
-    trailingSlots;
-    hostElement = inject((ElementRef)).nativeElement;
-    focused = false;
-    destroyed$ = new Subject();
-    validateSingleControl() {
-        if (!isDevMode())
-            return;
-        if (!this.controls)
-            return;
-        const queriedCount = this.controls.length;
-        const domCount = this.hostElement.querySelectorAll('[data-tng-input-control-proxy] input, [data-tng-input-control-proxy] textarea, input[tngInput], textarea[tngInput]').length;
-        const count = this.controlCount() ?? (queriedCount > 0 ? queriedCount : domCount);
-        if (count !== 1) {
-            console.warn(`[tngInputGroup] Expected exactly 1 control (input/textarea with tngInput), but found ${count}.`, this.hostElement);
-        }
-    }
-    ngAfterContentInit() {
-        queueMicrotask(() => this.validateSingleControl());
-        this.controls.changes
-            .pipe(takeUntil(this.destroyed$))
-            .subscribe(() => this.validateSingleControl());
-    }
-    ngOnDestroy() {
-        this.destroyed$.next();
-        this.destroyed$.complete();
-    }
-    dataSlot = 'input-group';
-    get dataHasLeading() {
-        return this.effectiveHasLeading() ? '' : null;
-    }
-    get dataHasTrailing() {
-        return this.effectiveHasTrailing() ? '' : null;
-    }
-    get dataDisabled() {
-        const override = this.disabled();
-        if (override !== null)
-            return override ? '' : null;
-        const control = this.primaryControl();
-        if (control !== null)
-            return control.disabled() ? '' : null;
-        const element = this.primaryControlElement();
-        if (element === null)
-            return null;
-        return element.hasAttribute('disabled') ? '' : null;
-    }
-    get dataInvalid() {
-        const override = this.invalid();
-        if (override !== null)
-            return override ? '' : null;
-        const control = this.primaryControl();
-        if (control !== null)
-            return control.isInvalid() ? '' : null;
-        const element = this.primaryControlElement();
-        if (element === null)
-            return null;
-        if (element.getAttribute('aria-invalid') === 'true')
-            return '';
-        return element.matches(':invalid') ? '' : null;
-    }
-    get dataReadonly() {
-        const override = this.readonly();
-        if (override !== null)
-            return override ? '' : null;
-        const control = this.primaryControl();
-        if (control !== null)
-            return control.readonly() ? '' : null;
-        const element = this.primaryControlElement();
-        if (element === null)
-            return null;
-        return element.hasAttribute('readonly') ? '' : null;
-    }
-    get dataFocused() {
-        return this.focused ? '' : null;
-    }
-    onFocusIn() {
-        this.focused = true;
-    }
-    onFocusOut(event) {
-        const nextTarget = event.relatedTarget;
-        if (nextTarget instanceof Node && this.hostElement.contains(nextTarget))
-            return;
-        this.focused = false;
-    }
-    hasLeadingSlot() {
-        const proxy = this.hostElement.querySelector('[data-tng-input-leading-proxy]');
-        if (proxy instanceof HTMLElement)
-            return hasProjectedContent(proxy);
-        const slots = this.leadingSlots?.toArray() ?? [];
-        return slots.some((slot) => hasProjectedContent(slot.hostElement));
-    }
-    hasTrailingSlot() {
-        const proxy = this.hostElement.querySelector('[data-tng-input-trailing-proxy]');
-        if (proxy instanceof HTMLElement)
-            return hasProjectedContent(proxy);
-        const slots = this.trailingSlots?.toArray() ?? [];
-        return slots.some((slot) => hasProjectedContent(slot.hostElement));
-    }
-    effectiveHasLeading() {
-        const override = this.hasLeading();
-        if (override !== null)
-            return override;
-        return this.hasLeadingSlot();
-    }
-    effectiveHasTrailing() {
-        const override = this.hasTrailing();
-        if (override !== null)
-            return override;
-        return this.hasTrailingSlot();
-    }
-    primaryControl() {
-        const controls = this.controls?.toArray() ?? [];
-        return controls[0] ?? null;
-    }
-    primaryControlElement() {
-        const element = this.hostElement.querySelector('[data-tng-input-control-proxy] input, [data-tng-input-control-proxy] textarea, input[tngInput], textarea[tngInput]');
-        if (element instanceof HTMLInputElement ||
-            element instanceof HTMLTextAreaElement) {
-            return element;
-        }
-        return null;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngInputGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: TngInputGroup, isStandalone: true, selector: "tng-input-group, [tngInputGroup]", inputs: { hasLeading: { classPropertyName: "hasLeading", publicName: "hasLeading", isSignal: true, isRequired: false, transformFunction: null }, hasTrailing: { classPropertyName: "hasTrailing", publicName: "hasTrailing", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, controlCount: { classPropertyName: "controlCount", publicName: "controlCount", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "focusin": "onFocusIn()", "focusout": "onFocusOut($event)" }, properties: { "attr.data-slot": "this.dataSlot", "attr.data-has-leading": "this.dataHasLeading", "attr.data-has-trailing": "this.dataHasTrailing", "attr.data-disabled": "this.dataDisabled", "attr.data-invalid": "this.dataInvalid", "attr.data-readonly": "this.dataReadonly", "attr.data-focused": "this.dataFocused" } }, queries: [{ propertyName: "controls", predicate: TngInput, descendants: true }, { propertyName: "leadingSlots", predicate: TngInputLeading, descendants: true }, { propertyName: "trailingSlots", predicate: TngInputTrailing, descendants: true }], exportAs: ["tngInputGroup"], ngImport: i0, template: `
-    @if (hasLeadingSlot()) {
-      <span class="tng-input-group-leading" data-slot="input-group-leading">
-        <ng-content select="[tngInputLeading], [data-tng-input-leading-proxy]"></ng-content>
-      </span>
-    }
-
-    <span class="tng-input-group-control" data-slot="input-group-control">
-      <ng-content select="input[tngInput], textarea[tngInput], [data-tng-input-control-proxy]"></ng-content>
-    </span>
-
-    @if (hasTrailingSlot()) {
-      <span class="tng-input-group-trailing" data-slot="input-group-trailing">
-        <ng-content select="[tngInputTrailing], [data-tng-input-trailing-proxy]"></ng-content>
-      </span>
-    }
-  `, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngInputGroup, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'tng-input-group, [tngInputGroup]',
-                    exportAs: 'tngInputGroup',
-                    template: `
-    @if (hasLeadingSlot()) {
-      <span class="tng-input-group-leading" data-slot="input-group-leading">
-        <ng-content select="[tngInputLeading], [data-tng-input-leading-proxy]"></ng-content>
-      </span>
-    }
-
-    <span class="tng-input-group-control" data-slot="input-group-control">
-      <ng-content select="input[tngInput], textarea[tngInput], [data-tng-input-control-proxy]"></ng-content>
-    </span>
-
-    @if (hasTrailingSlot()) {
-      <span class="tng-input-group-trailing" data-slot="input-group-trailing">
-        <ng-content select="[tngInputTrailing], [data-tng-input-trailing-proxy]"></ng-content>
-      </span>
-    }
-  `,
-                }]
-        }], propDecorators: { hasLeading: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasLeading", required: false }] }], hasTrailing: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasTrailing", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], controlCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "controlCount", required: false }] }], controls: [{
-                type: ContentChildren,
-                args: [TngInput, { descendants: true }]
-            }], leadingSlots: [{
-                type: ContentChildren,
-                args: [TngInputLeading, { descendants: true }]
-            }], trailingSlots: [{
-                type: ContentChildren,
-                args: [TngInputTrailing, { descendants: true }]
-            }], dataSlot: [{
-                type: HostBinding,
-                args: ['attr.data-slot']
-            }], dataHasLeading: [{
-                type: HostBinding,
-                args: ['attr.data-has-leading']
-            }], dataHasTrailing: [{
-                type: HostBinding,
-                args: ['attr.data-has-trailing']
-            }], dataDisabled: [{
-                type: HostBinding,
-                args: ['attr.data-disabled']
-            }], dataInvalid: [{
-                type: HostBinding,
-                args: ['attr.data-invalid']
-            }], dataReadonly: [{
-                type: HostBinding,
-                args: ['attr.data-readonly']
-            }], dataFocused: [{
-                type: HostBinding,
-                args: ['attr.data-focused']
-            }], onFocusIn: [{
-                type: HostListener,
-                args: ['focusin']
-            }], onFocusOut: [{
-                type: HostListener,
-                args: ['focusout', ['$event']]
-            }] } });
 //# sourceMappingURL=tng-input.js.map