@tailng-ui/components 0.1.0 → 0.11.0

package/src/lib/overlay/popover/tng-popover.component.js

@@ -1,130 +1,49 @@
 import { __decorate } from "tslib";
-import { afterNextRender, booleanAttribute, Component, ElementRef, effect, inject, Injector, input, output, viewChild, } from '@angular/core';
-import { createTngIdFactory } from '@tailng-ui/cdk';
-import { tngOverlayRuntime } from '../tng-overlay-runtime';
-const createPopoverId = createTngIdFactory('tng-popover');
-const focusableSelector = [
-    'a[href]',
-    'button:not([disabled])',
-    'input:not([disabled])',
-    'select:not([disabled])',
-    'textarea:not([disabled])',
-    '[tabindex]:not([tabindex="-1"])',
-].join(',');
-function resolveFocusableElements(container) {
-    if (!(container instanceof HTMLElement)) {
-        return [];
+import { booleanAttribute, Component, input, output, viewChild, } from '@angular/core';
+import { TngPopover as TngPopoverPrimitive, TngPopoverPanel, TngPopoverTrigger, } from '@tailng-ui/primitives';
+function normalizeOptionalBooleanInput(value) {
+    if (value === null || value === undefined) {
+        return undefined;
     }
-    return Array.from(container.querySelectorAll(focusableSelector));
-}
-function toPopoverCloseReason(reason) {
-    if (reason === 'escape-key') {
-        return 'escape';
-    }
-    if (reason === 'outside-pointer') {
-        return 'outside-pointer';
-    }
-    return null;
+    return booleanAttribute(value);
 }
 let TngPopoverComponent = class TngPopoverComponent {
     ariaLabel = input('Popover');
+    ariaHasPopup = input('dialog');
+    autoFocus = input('first-focusable');
+    align = input('start');
     closeOnEscape = input(true, {
         transform: booleanAttribute,
     });
     closeOnOutsidePointer = input(true, {
         transform: booleanAttribute,
     });
-    open = input(false, {
+    defaultOpen = input(false, {
+        transform: booleanAttribute,
+    });
+    disabled = input(false, {
         transform: booleanAttribute,
     });
+    open = input(undefined, {
+        transform: normalizeOptionalBooleanInput,
+    });
+    panelRole = input('dialog');
+    restoreFocus = input(true, {
+        transform: booleanAttribute,
+    });
+    side = input('bottom');
     triggerLabel = input('Toggle Popover');
     closed = output();
     openChange = output();
-    panelId;
-    hostRef = inject(ElementRef);
-    injector = inject(Injector);
-    panelRef = viewChild('panelRef');
-    instanceId = createPopoverId();
-    isLayerRegistered = false;
-    openStateEffect = effect(() => {
-        if (this.open()) {
-            this.registerOverlayLayer();
-            this.focusInitialElement();
-            return;
-        }
-        this.unregisterOverlayLayer();
-    });
-    constructor() {
-        this.panelId = `${this.instanceId}-panel`;
-    }
+    popoverRef = viewChild.required('popoverRef');
     close() {
-        this.requestClose('programmatic');
-    }
-    ngOnDestroy() {
-        this.openStateEffect.destroy();
-        this.unregisterOverlayLayer();
-    }
-    onTriggerClick() {
-        if (this.open()) {
-            this.requestClose('trigger-toggle');
-            return;
-        }
-        this.openChange.emit(true);
-    }
-    handleOverlayDismiss(reason) {
-        const closeReason = toPopoverCloseReason(reason);
-        if (closeReason === null) {
-            return;
-        }
-        this.requestClose(closeReason);
-    }
-    registerOverlayLayer() {
-        if (this.isLayerRegistered) {
-            return;
-        }
-        this.isLayerRegistered = true;
-        tngOverlayRuntime.registerLayer({
-            containsTarget: (target) => {
-                return target instanceof Node ? this.hostRef.nativeElement.contains(target) : false;
-            },
-            dismissOnEscape: this.closeOnEscape(),
-            dismissOnOutsidePointer: this.closeOnOutsidePointer(),
-            id: this.instanceId,
-            onDismiss: (reason) => {
-                this.handleOverlayDismiss(reason);
-            },
-            priority: 110,
-        });
-    }
-    unregisterOverlayLayer() {
-        if (!this.isLayerRegistered) {
-            return;
-        }
-        this.isLayerRegistered = false;
-        tngOverlayRuntime.unregisterLayer(this.instanceId);
-    }
-    focusInitialElement() {
-        afterNextRender(() => {
-            const panel = this.panelRef()?.nativeElement;
-            if (panel === undefined) {
-                return;
-            }
-            const firstFocusable = resolveFocusableElements(panel)[0];
-            if (firstFocusable !== undefined) {
-                firstFocusable.focus();
-                return;
-            }
-            panel.focus();
-        }, { injector: this.injector });
-    }
-    requestClose(reason) {
-        this.closed.emit(reason);
-        this.openChange.emit(false);
+        this.popoverRef().closePopover('programmatic');
     }
 };
 TngPopoverComponent = __decorate([
     Component({
         selector: 'tng-popover',
+        imports: [TngPopoverPrimitive, TngPopoverTrigger, TngPopoverPanel],
         templateUrl: './tng-popover.component.html',
         styleUrl: './tng-popover.component.css',
     })

package/src/lib/overlay/popover/tng-popover.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-popover.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/overlay/popover/tng-popover.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  afterNextRender,\n  booleanAttribute,\n  Component,\n  ElementRef,\n  effect,\n  inject,\n  Injector,\n  input,\n  output,\n  viewChild,\n} from '@angular/core';\nimport type { OnDestroy } from '@angular/core';\nimport { createTngIdFactory, type TngOverlayDismissReason } from '@tailng-ui/cdk';\nimport { tngOverlayRuntime } from '../tng-overlay-runtime';\n\nconst createPopoverId = createTngIdFactory('tng-popover');\n\nconst focusableSelector = [\n  'a[href]',\n  'button:not([disabled])',\n  'input:not([disabled])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n].join(',');\n\nexport type TngPopoverCloseReason =\n  | 'escape'\n  | 'outside-pointer'\n  | 'programmatic'\n  | 'trigger-toggle';\n\nfunction resolveFocusableElements(container: unknown): readonly HTMLElement[] {\n  if (!(container instanceof HTMLElement)) {\n    return [];\n  }\n\n  return Array.from(container.querySelectorAll<HTMLElement>(focusableSelector));\n}\n\nfunction toPopoverCloseReason(reason: TngOverlayDismissReason): TngPopoverCloseReason | null {\n  if (reason === 'escape-key') {\n    return 'escape';\n  }\n\n  if (reason === 'outside-pointer') {\n    return 'outside-pointer';\n  }\n\n  return null;\n}\n\n@Component({\n  selector: 'tng-popover',\n  templateUrl: './tng-popover.component.html',\n  styleUrl: './tng-popover.component.css',\n})\nexport class TngPopoverComponent implements OnDestroy {\n  public readonly ariaLabel = input<string>('Popover');\n  public readonly closeOnEscape = input<boolean, boolean | string>(true, {\n    transform: booleanAttribute,\n  });\n  public readonly closeOnOutsidePointer = input<boolean, boolean | string>(true, {\n    transform: booleanAttribute,\n  });\n  public readonly open = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly triggerLabel = input<string>('Toggle Popover');\n\n  public readonly closed = output<TngPopoverCloseReason>();\n  public readonly openChange = output<boolean>();\n\n  protected readonly panelId: string;\n\n  private readonly hostRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly injector = inject(Injector);\n  private readonly panelRef = viewChild<ElementRef<HTMLElement>>('panelRef');\n  private readonly instanceId = createPopoverId();\n  private isLayerRegistered = false;\n  private readonly openStateEffect = effect((): void => {\n    if (this.open()) {\n      this.registerOverlayLayer();\n      this.focusInitialElement();\n      return;\n    }\n\n    this.unregisterOverlayLayer();\n  });\n\n  public constructor() {\n    this.panelId = `${this.instanceId}-panel`;\n  }\n\n  public close(): void {\n    this.requestClose('programmatic');\n  }\n\n  public ngOnDestroy(): void {\n    this.openStateEffect.destroy();\n    this.unregisterOverlayLayer();\n  }\n\n  public onTriggerClick(): void {\n    if (this.open()) {\n      this.requestClose('trigger-toggle');\n      return;\n    }\n\n    this.openChange.emit(true);\n  }\n\n  private handleOverlayDismiss(reason: TngOverlayDismissReason): void {\n    const closeReason = toPopoverCloseReason(reason);\n    if (closeReason === null) {\n      return;\n    }\n\n    this.requestClose(closeReason);\n  }\n\n  private registerOverlayLayer(): void {\n    if (this.isLayerRegistered) {\n      return;\n    }\n\n    this.isLayerRegistered = true;\n    tngOverlayRuntime.registerLayer({\n      containsTarget: (target: unknown): boolean => {\n        return target instanceof Node ? this.hostRef.nativeElement.contains(target) : false;\n      },\n      dismissOnEscape: this.closeOnEscape(),\n      dismissOnOutsidePointer: this.closeOnOutsidePointer(),\n      id: this.instanceId,\n      onDismiss: (reason: TngOverlayDismissReason): void => {\n        this.handleOverlayDismiss(reason);\n      },\n      priority: 110,\n    });\n  }\n\n  private unregisterOverlayLayer(): void {\n    if (!this.isLayerRegistered) {\n      return;\n    }\n\n    this.isLayerRegistered = false;\n    tngOverlayRuntime.unregisterLayer(this.instanceId);\n  }\n\n  private focusInitialElement(): void {\n    afterNextRender(\n      (): void => {\n        const panel = this.panelRef()?.nativeElement;\n        if (panel === undefined) {\n          return;\n        }\n\n        const firstFocusable = resolveFocusableElements(panel)[0];\n        if (firstFocusable !== undefined) {\n          firstFocusable.focus();\n          return;\n        }\n\n        panel.focus();\n      },\n      { injector: this.injector },\n    );\n  }\n\n  private requestClose(reason: TngPopoverCloseReason): void {\n    this.closed.emit(reason);\n    this.openChange.emit(false);\n  }\n}\n"]}
+{"version":3,"file":"tng-popover.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/overlay/popover/tng-popover.component.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,gBAAgB,EAChB,SAAS,EACT,KAAK,EACL,MAAM,EACN,SAAS,GACV,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,UAAU,IAAI,mBAAmB,EACjC,eAAe,EACf,iBAAiB,GAOlB,MAAM,uBAAuB,CAAC;AAY/B,SAAS,6BAA6B,CAAC,KAA2B;IAChE,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QAC1C,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO,gBAAgB,CAAC,KAAK,CAAC,CAAC;AACjC,CAAC;AAQM,IAAM,mBAAmB,GAAzB,MAAM,mBAAmB;IACd,SAAS,GAAG,KAAK,CAAS,SAAS,CAAC,CAAC;IACrC,YAAY,GAAG,KAAK,CAAyB,QAAQ,CAAC,CAAC;IACvD,SAAS,GAAG,KAAK,CAAsB,iBAAiB,CAAC,CAAC;IAC1D,KAAK,GAAG,KAAK,CAAkB,OAAO,CAAC,CAAC;IACxC,aAAa,GAAG,KAAK,CAA4B,IAAI,EAAE;QACrE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,qBAAqB,GAAG,KAAK,CAA4B,IAAI,EAAE;QAC7E,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,WAAW,GAAG,KAAK,CAA4B,KAAK,EAAE;QACpE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,QAAQ,GAAG,KAAK,CAA4B,KAAK,EAAE;QACjE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,IAAI,GAAG,KAAK,CAA4C,SAAS,EAAE;QACjF,SAAS,EAAE,6BAA6B;KACzC,CAAC,CAAC;IACa,SAAS,GAAG,KAAK,CAAsB,QAAQ,CAAC,CAAC;IACjD,YAAY,GAAG,KAAK,CAA4B,IAAI,EAAE;QACpE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,IAAI,GAAG,KAAK,CAAiB,QAAQ,CAAC,CAAC;IACvC,YAAY,GAAG,KAAK,CAAS,gBAAgB,CAAC,CAAC;IAE/C,MAAM,GAAG,MAAM,EAAyB,CAAC;IACzC,UAAU,GAAG,MAAM,EAAW,CAAC;IAE5B,UAAU,GAAG,SAAS,CAAC,QAAQ,CAAsB,YAAY,CAAC,CAAC;IAE/E,KAAK;QACV,IAAI,CAAC,UAAU,EAAE,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IACjD,CAAC;CACF,CAAA;AAnCY,mBAAmB;IAN/B,SAAS,CAAC;QACT,QAAQ,EAAE,aAAa;QACvB,OAAO,EAAE,CAAC,mBAAmB,EAAE,iBAAiB,EAAE,eAAe,CAAC;QAClE,WAAW,EAAE,8BAA8B;QAC3C,QAAQ,EAAE,6BAA6B;KACxC,CAAC;GACW,mBAAmB,CAmC/B","sourcesContent":["import {\n  booleanAttribute,\n  Component,\n  input,\n  output,\n  viewChild,\n} from '@angular/core';\nimport {\n  TngPopover as TngPopoverPrimitive,\n  TngPopoverPanel,\n  TngPopoverTrigger,\n  type TngPopoverAlign,\n  type TngPopoverAriaHasPopup,\n  type TngPopoverAutoFocus,\n  type TngPopoverCloseReason,\n  type TngPopoverPanelRole,\n  type TngPopoverSide,\n} from '@tailng-ui/primitives';\nexport type {\n  TngPopoverAlign,\n  TngPopoverAriaHasPopup,\n  TngPopoverAutoFocus,\n  TngPopoverCloseReason,\n  TngPopoverPanelRole,\n  TngPopoverSide,\n} from '@tailng-ui/primitives';\n\ntype OptionalBooleanInput = boolean | null | string | undefined;\n\nfunction normalizeOptionalBooleanInput(value: OptionalBooleanInput): boolean | undefined {\n  if (value === null || value === undefined) {\n    return undefined;\n  }\n\n  return booleanAttribute(value);\n}\n\n@Component({\n  selector: 'tng-popover',\n  imports: [TngPopoverPrimitive, TngPopoverTrigger, TngPopoverPanel],\n  templateUrl: './tng-popover.component.html',\n  styleUrl: './tng-popover.component.css',\n})\nexport class TngPopoverComponent {\n  public readonly ariaLabel = input<string>('Popover');\n  public readonly ariaHasPopup = input<TngPopoverAriaHasPopup>('dialog');\n  public readonly autoFocus = input<TngPopoverAutoFocus>('first-focusable');\n  public readonly align = input<TngPopoverAlign>('start');\n  public readonly closeOnEscape = input<boolean, boolean | string>(true, {\n    transform: booleanAttribute,\n  });\n  public readonly closeOnOutsidePointer = input<boolean, boolean | string>(true, {\n    transform: booleanAttribute,\n  });\n  public readonly defaultOpen = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly open = input<boolean | undefined, OptionalBooleanInput>(undefined, {\n    transform: normalizeOptionalBooleanInput,\n  });\n  public readonly panelRole = input<TngPopoverPanelRole>('dialog');\n  public readonly restoreFocus = input<boolean, boolean | string>(true, {\n    transform: booleanAttribute,\n  });\n  public readonly side = input<TngPopoverSide>('bottom');\n  public readonly triggerLabel = input<string>('Toggle Popover');\n\n  public readonly closed = output<TngPopoverCloseReason>();\n  public readonly openChange = output<boolean>();\n\n  protected readonly popoverRef = viewChild.required<TngPopoverPrimitive>('popoverRef');\n\n  public close(): void {\n    this.popoverRef().closePopover('programmatic');\n  }\n}\n"]}

package/src/lib/overlay/tng-overlay-focus-handoff.d.ts

@@ -0,0 +1,10 @@
+export declare const tngOverlayFocusHandoff: Readonly<{
+    activateLayer: (layerId: string, restoreFocusTargetId?: string | null) => string | null;
+    deactivateLayer: (layerId: string) => string | null;
+    isTrapActive: (layerId: string) => boolean;
+    recordFocus: (layerId: string, id: string | null) => void;
+    registerLayer: (config: import("@tailng-ui/cdk").TngOverlayFocusLayerConfig) => void;
+    resolveFocusCandidate: (layerId: string, candidateId: string | null) => string | null;
+    unregisterLayer: (layerId: string) => void;
+}>;
+//# sourceMappingURL=tng-overlay-focus-handoff.d.ts.map

package/src/lib/overlay/tng-overlay-focus-handoff.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-overlay-focus-handoff.d.ts","sourceRoot":"","sources":["../../../../../../../libs/tailng-ui/components/src/lib/overlay/tng-overlay-focus-handoff.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB;yDACyI,CAAC;;;;;;;EADlG,CAAC"}

package/src/lib/overlay/tng-overlay-focus-handoff.js

@@ -0,0 +1,3 @@
+import { createOverlayFocusHandoffController } from '@tailng-ui/cdk';
+export const tngOverlayFocusHandoff = createOverlayFocusHandoffController();
+//# sourceMappingURL=tng-overlay-focus-handoff.js.map

package/src/lib/overlay/tng-overlay-focus-handoff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-overlay-focus-handoff.js","sourceRoot":"","sources":["../../../../../../../libs/tailng-ui/components/src/lib/overlay/tng-overlay-focus-handoff.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mCAAmC,EAAE,MAAM,gBAAgB,CAAC;AAErE,MAAM,CAAC,MAAM,sBAAsB,GAAG,mCAAmC,EAAE,CAAC","sourcesContent":["import { createOverlayFocusHandoffController } from '@tailng-ui/cdk';\n\nexport const tngOverlayFocusHandoff = createOverlayFocusHandoffController();\n"]}

package/src/lib/overlay/tng-overlay-runtime.d.ts

@@ -1,7 +1,7 @@
 export declare const tngOverlayRuntime: Readonly<{
     clearLayers: () => void;
-    dispatchKeydown: (event: import("@tailng-ui/cdk").TngOverlayKeyboardEvent) => void;
-    dispatchPointerDown: (event: import("@tailng-ui/cdk").TngOverlayPointerEvent) => void;
+    dispatchKeydown: (event: Readonly<import("@tailng-ui/cdk").TngOverlayKeyboardEvent>) => void;
+    dispatchPointerDown: (event: Readonly<import("@tailng-ui/cdk").TngOverlayPointerEvent>) => void;
     dismissById: (id: string, reason: import("@tailng-ui/cdk").TngOverlayDismissReason) => void;
     getLayerIds: () => readonly string[];
     isTopLayer: (id: string) => boolean;

package/src/lib/overlay/tooltip/tng-tooltip.component.d.ts

@@ -1,13 +1,7 @@
-import type { OnDestroy } from '@angular/core';
 import { type TngTooltipSide } from '@tailng-ui/primitives';
-type TngTooltipKeyboardEvent = Readonly<Pick<KeyboardEvent, 'key'>> & Readonly<{
-    preventDefault: () => void;
-}>;
 export declare function normalizeTngTooltipDelay(value: number): number;
 export declare function shouldCloseTngTooltipForKey(key: string): boolean;
-export declare class TngTooltipComponent implements OnDestroy {
-    private closeTimerId;
-    private openTimerId;
+export declare class TngTooltipComponent {
     readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
     readonly closeDelay: import("@angular/core").InputSignal<number>;
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
@@ -16,16 +10,5 @@ export declare class TngTooltipComponent implements OnDestroy {
     readonly text: import("@angular/core").InputSignal<string>;
     readonly triggerLabel: import("@angular/core").InputSignal<string>;
     readonly openChange: import("@angular/core").OutputEmitterRef<boolean>;
-    protected readonly open: import("@angular/core").WritableSignal<boolean>;
-    protected readonly tooltipId: string;
-    private readonly syncDisabledState;
-    ngOnDestroy(): void;
-    protected onCloseIntent(): void;
-    protected onOpenIntent(): void;
-    protected onTriggerKeydown(event: TngTooltipKeyboardEvent): void;
-    private clearCloseTimer;
-    private clearOpenTimer;
-    private setOpen;
 }
-export {};
 //# sourceMappingURL=tng-tooltip.component.d.ts.map

package/src/lib/overlay/tooltip/tng-tooltip.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-tooltip.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/overlay/tooltip/tng-tooltip.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,EACL,KAAK,cAAc,EAGpB,MAAM,uBAAuB,CAAC;AAE/B,KAAK,uBAAuB,GAAG,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC,GACjE,QAAQ,CAAC;IAAE,cAAc,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC,CAAC;AAI3C,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAM9D;AAED,wBAAgB,2BAA2B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAEhE;AAED,qBAMa,mBAAoB,YAAW,SAAS;IACnD,OAAO,CAAC,YAAY,CAA8C;IAClE,OAAO,CAAC,WAAW,CAA8C;IAEjE,SAAgB,SAAS,qDAA8B;IACvD,SAAgB,UAAU,8CAAqB;IAC/C,SAAgB,QAAQ,8EAErB;IACH,SAAgB,SAAS,8CAAsB;IAC/C,SAAgB,IAAI,sDAAgC;IACpD,SAAgB,IAAI,8CAAqC;IACzD,SAAgB,YAAY,8CAAyB;IAErD,SAAgB,UAAU,oDAAqB;IAC/C,SAAS,CAAC,QAAQ,CAAC,IAAI,kDAAiB;IACxC,SAAS,CAAC,QAAQ,CAAC,SAAS,SAAsB;IAElD,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAI/B;IAEI,WAAW,IAAI,IAAI;IAM1B,SAAS,CAAC,aAAa,IAAI,IAAI;IAkB/B,SAAS,CAAC,YAAY,IAAI,IAAI;IAkB9B,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,uBAAuB,GAAG,IAAI;IAehE,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,OAAO;CAQhB"}
+{"version":3,"file":"tng-tooltip.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/overlay/tooltip/tng-tooltip.component.ts"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,cAAc,EAGpB,MAAM,uBAAuB,CAAC;AAE/B,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAE9D;AAED,wBAAgB,2BAA2B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAEhE;AAED,qBAMa,mBAAmB;IAC9B,SAAgB,SAAS,qDAA8B;IACvD,SAAgB,UAAU,8CAAqB;IAC/C,SAAgB,QAAQ,8EAErB;IACH,SAAgB,SAAS,8CAAsB;IAC/C,SAAgB,IAAI,sDAAgC;IACpD,SAAgB,IAAI,8CAAqC;IACzD,SAAgB,YAAY,8CAAyB;IAErD,SAAgB,UAAU,oDAAqB;CAChD"}

package/src/lib/overlay/tooltip/tng-tooltip.component.js

@@ -1,20 +1,13 @@
 import { __decorate } from "tslib";
-import { booleanAttribute, Component, effect, input, output, signal } from '@angular/core';
-import { createTngIdFactory } from '@tailng-ui/cdk/core';
-import { TngTooltipContent as TngTooltipContentPrimitive, TngTooltipTrigger as TngTooltipTriggerPrimitive, } from '@tailng-ui/primitives';
-const tooltipIdFactory = createTngIdFactory('tng-tooltip');
+import { booleanAttribute, Component, input, output } from '@angular/core';
+import { TngTooltip as TngTooltipPrimitive, TngTooltipContent as TngTooltipContentPrimitive, TngTooltipTrigger as TngTooltipTriggerPrimitive, normalizeTngTooltipDelay as normalizeTngTooltipDelayPrimitive, shouldCloseTngTooltipForKey as shouldCloseTngTooltipForKeyPrimitive, } from '@tailng-ui/primitives';
 export function normalizeTngTooltipDelay(value) {
-    if (!Number.isFinite(value) || value < 0) {
-        return 0;
-    }
-    return value;
+    return normalizeTngTooltipDelayPrimitive(value);
 }
 export function shouldCloseTngTooltipForKey(key) {
-    return key === 'Escape';
+    return shouldCloseTngTooltipForKeyPrimitive(key);
 }
 let TngTooltipComponent = class TngTooltipComponent {
-    closeTimerId = null;
-    openTimerId = null;
     ariaLabel = input(null);
     closeDelay = input(60);
     disabled = input(false, {
@@ -25,84 +18,11 @@ let TngTooltipComponent = class TngTooltipComponent {
     text = input('More information');
     triggerLabel = input('Info');
     openChange = output();
-    open = signal(false);
-    tooltipId = tooltipIdFactory();
-    syncDisabledState = effect(() => {
-        if (this.disabled() && this.open()) {
-            this.setOpen(false);
-        }
-    });
-    ngOnDestroy() {
-        this.syncDisabledState.destroy();
-        this.clearCloseTimer();
-        this.clearOpenTimer();
-    }
-    onCloseIntent() {
-        if (this.disabled()) {
-            return;
-        }
-        this.clearOpenTimer();
-        const delay = normalizeTngTooltipDelay(this.closeDelay());
-        if (delay === 0) {
-            this.setOpen(false);
-            return;
-        }
-        this.closeTimerId = setTimeout(() => {
-            this.closeTimerId = null;
-            this.setOpen(false);
-        }, delay);
-    }
-    onOpenIntent() {
-        if (this.disabled()) {
-            return;
-        }
-        this.clearCloseTimer();
-        const delay = normalizeTngTooltipDelay(this.openDelay());
-        if (delay === 0) {
-            this.setOpen(true);
-            return;
-        }
-        this.openTimerId = setTimeout(() => {
-            this.openTimerId = null;
-            this.setOpen(true);
-        }, delay);
-    }
-    onTriggerKeydown(event) {
-        if (this.disabled()) {
-            return;
-        }
-        if (!shouldCloseTngTooltipForKey(event.key)) {
-            return;
-        }
-        event.preventDefault();
-        this.clearCloseTimer();
-        this.clearOpenTimer();
-        this.setOpen(false);
-    }
-    clearCloseTimer() {
-        if (this.closeTimerId !== null) {
-            clearTimeout(this.closeTimerId);
-            this.closeTimerId = null;
-        }
-    }
-    clearOpenTimer() {
-        if (this.openTimerId !== null) {
-            clearTimeout(this.openTimerId);
-            this.openTimerId = null;
-        }
-    }
-    setOpen(nextOpen) {
-        if (this.open() === nextOpen) {
-            return;
-        }
-        this.open.set(nextOpen);
-        this.openChange.emit(nextOpen);
-    }
 };
 TngTooltipComponent = __decorate([
     Component({
         selector: 'tng-tooltip',
-        imports: [TngTooltipTriggerPrimitive, TngTooltipContentPrimitive],
+        imports: [TngTooltipPrimitive, TngTooltipTriggerPrimitive, TngTooltipContentPrimitive],
         templateUrl: './tng-tooltip.component.html',
         styleUrl: './tng-tooltip.component.css',
     })

package/src/lib/overlay/tooltip/tng-tooltip.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-tooltip.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/overlay/tooltip/tng-tooltip.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { booleanAttribute, Component, effect, input, output, signal } from '@angular/core';\nimport type { OnDestroy } from '@angular/core';\nimport { createTngIdFactory } from '@tailng-ui/cdk/core';\nimport {\n  type TngTooltipSide,\n  TngTooltipContent as TngTooltipContentPrimitive,\n  TngTooltipTrigger as TngTooltipTriggerPrimitive,\n} from '@tailng-ui/primitives';\n\ntype TngTooltipKeyboardEvent = Readonly<Pick<KeyboardEvent, 'key'>> &\n  Readonly<{ preventDefault: () => void }>;\n\nconst tooltipIdFactory = createTngIdFactory('tng-tooltip');\n\nexport function normalizeTngTooltipDelay(value: number): number {\n  if (!Number.isFinite(value) || value < 0) {\n    return 0;\n  }\n\n  return value;\n}\n\nexport function shouldCloseTngTooltipForKey(key: string): boolean {\n  return key === 'Escape';\n}\n\n@Component({\n  selector: 'tng-tooltip',\n  imports: [TngTooltipTriggerPrimitive, TngTooltipContentPrimitive],\n  templateUrl: './tng-tooltip.component.html',\n  styleUrl: './tng-tooltip.component.css',\n})\nexport class TngTooltipComponent implements OnDestroy {\n  private closeTimerId: ReturnType<typeof setTimeout> | null = null;\n  private openTimerId: ReturnType<typeof setTimeout> | null = null;\n\n  public readonly ariaLabel = input<string | null>(null);\n  public readonly closeDelay = input<number>(60);\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly openDelay = input<number>(120);\n  public readonly side = input<TngTooltipSide>('top');\n  public readonly text = input<string>('More information');\n  public readonly triggerLabel = input<string>('Info');\n\n  public readonly openChange = output<boolean>();\n  protected readonly open = signal(false);\n  protected readonly tooltipId = tooltipIdFactory();\n\n  private readonly syncDisabledState = effect(() => {\n    if (this.disabled() && this.open()) {\n      this.setOpen(false);\n    }\n  });\n\n  public ngOnDestroy(): void {\n    this.syncDisabledState.destroy();\n    this.clearCloseTimer();\n    this.clearOpenTimer();\n  }\n\n  protected onCloseIntent(): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    this.clearOpenTimer();\n    const delay = normalizeTngTooltipDelay(this.closeDelay());\n    if (delay === 0) {\n      this.setOpen(false);\n      return;\n    }\n\n    this.closeTimerId = setTimeout(() => {\n      this.closeTimerId = null;\n      this.setOpen(false);\n    }, delay);\n  }\n\n  protected onOpenIntent(): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    this.clearCloseTimer();\n    const delay = normalizeTngTooltipDelay(this.openDelay());\n    if (delay === 0) {\n      this.setOpen(true);\n      return;\n    }\n\n    this.openTimerId = setTimeout(() => {\n      this.openTimerId = null;\n      this.setOpen(true);\n    }, delay);\n  }\n\n  protected onTriggerKeydown(event: TngTooltipKeyboardEvent): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    if (!shouldCloseTngTooltipForKey(event.key)) {\n      return;\n    }\n\n    event.preventDefault();\n    this.clearCloseTimer();\n    this.clearOpenTimer();\n    this.setOpen(false);\n  }\n\n  private clearCloseTimer(): void {\n    if (this.closeTimerId !== null) {\n      clearTimeout(this.closeTimerId);\n      this.closeTimerId = null;\n    }\n  }\n\n  private clearOpenTimer(): void {\n    if (this.openTimerId !== null) {\n      clearTimeout(this.openTimerId);\n      this.openTimerId = null;\n    }\n  }\n\n  private setOpen(nextOpen: boolean): void {\n    if (this.open() === nextOpen) {\n      return;\n    }\n\n    this.open.set(nextOpen);\n    this.openChange.emit(nextOpen);\n  }\n}\n"]}
+{"version":3,"file":"tng-tooltip.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/overlay/tooltip/tng-tooltip.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EACL,UAAU,IAAI,mBAAmB,EACjC,iBAAiB,IAAI,0BAA0B,EAC/C,iBAAiB,IAAI,0BAA0B,EAE/C,wBAAwB,IAAI,iCAAiC,EAC7D,2BAA2B,IAAI,oCAAoC,GACpE,MAAM,uBAAuB,CAAC;AAE/B,MAAM,UAAU,wBAAwB,CAAC,KAAa;IACpD,OAAO,iCAAiC,CAAC,KAAK,CAAC,CAAC;AAClD,CAAC;AAED,MAAM,UAAU,2BAA2B,CAAC,GAAW;IACrD,OAAO,oCAAoC,CAAC,GAAG,CAAC,CAAC;AACnD,CAAC;AAQM,IAAM,mBAAmB,GAAzB,MAAM,mBAAmB;IACd,SAAS,GAAG,KAAK,CAAgB,IAAI,CAAC,CAAC;IACvC,UAAU,GAAG,KAAK,CAAS,EAAE,CAAC,CAAC;IAC/B,QAAQ,GAAG,KAAK,CAA4B,KAAK,EAAE;QACjE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,SAAS,GAAG,KAAK,CAAS,GAAG,CAAC,CAAC;IAC/B,IAAI,GAAG,KAAK,CAAiB,KAAK,CAAC,CAAC;IACpC,IAAI,GAAG,KAAK,CAAS,kBAAkB,CAAC,CAAC;IACzC,YAAY,GAAG,KAAK,CAAS,MAAM,CAAC,CAAC;IAErC,UAAU,GAAG,MAAM,EAAW,CAAC;CAChD,CAAA;AAZY,mBAAmB;IAN/B,SAAS,CAAC;QACT,QAAQ,EAAE,aAAa;QACvB,OAAO,EAAE,CAAC,mBAAmB,EAAE,0BAA0B,EAAE,0BAA0B,CAAC;QACtF,WAAW,EAAE,8BAA8B;QAC3C,QAAQ,EAAE,6BAA6B;KACxC,CAAC;GACW,mBAAmB,CAY/B","sourcesContent":["import { booleanAttribute, Component, input, output } from '@angular/core';\nimport {\n  TngTooltip as TngTooltipPrimitive,\n  TngTooltipContent as TngTooltipContentPrimitive,\n  TngTooltipTrigger as TngTooltipTriggerPrimitive,\n  type TngTooltipSide,\n  normalizeTngTooltipDelay as normalizeTngTooltipDelayPrimitive,\n  shouldCloseTngTooltipForKey as shouldCloseTngTooltipForKeyPrimitive,\n} from '@tailng-ui/primitives';\n\nexport function normalizeTngTooltipDelay(value: number): number {\n  return normalizeTngTooltipDelayPrimitive(value);\n}\n\nexport function shouldCloseTngTooltipForKey(key: string): boolean {\n  return shouldCloseTngTooltipForKeyPrimitive(key);\n}\n\n@Component({\n  selector: 'tng-tooltip',\n  imports: [TngTooltipPrimitive, TngTooltipTriggerPrimitive, TngTooltipContentPrimitive],\n  templateUrl: './tng-tooltip.component.html',\n  styleUrl: './tng-tooltip.component.css',\n})\nexport class TngTooltipComponent {\n  public readonly ariaLabel = input<string | null>(null);\n  public readonly closeDelay = input<number>(60);\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly openDelay = input<number>(120);\n  public readonly side = input<TngTooltipSide>('top');\n  public readonly text = input<string>('More information');\n  public readonly triggerLabel = input<string>('Info');\n\n  public readonly openChange = output<boolean>();\n}\n"]}

package/src/lib/utility/avatar/tng-avatar.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-avatar.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/utility/avatar/tng-avatar.component.ts"],"names":[],"mappings":"AAOA,KAAK,cAAc,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC1C,KAAK,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAkCxC,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAWhF;AAED,qBAMa,kBAAkB;IAC7B,SAAgB,GAAG,qDAAkC;IACrD,SAAgB,QAAQ,qDAA8B;IACtD,SAAgB,KAAK,sDAAmC;IACxD,SAAgB,IAAI,qDAA8B;IAClD,SAAgB,GAAG,qDAA8B;IAEjD,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAiB;IACjD,SAAS,CAAC,QAAQ,CAAC,YAAY,yCAE7B;IACF,SAAS,CAAC,QAAQ,CAAC,WAAW,gDAE5B;IACF,SAAS,CAAC,QAAQ,CAAC,WAAW,gDAE5B;IACF,SAAS,CAAC,QAAQ,CAAC,YAAY,0CAE7B;IAEK,YAAY,IAAI,IAAI;IAIpB,WAAW,IAAI,IAAI;CAG3B"}
+{"version":3,"file":"tng-avatar.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/utility/avatar/tng-avatar.component.ts"],"names":[],"mappings":"AAOA,KAAK,cAAc,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC1C,KAAK,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AA2CxC,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAWhF;AAED,qBAMa,kBAAkB;IAC7B,SAAgB,GAAG,qDAAkC;IACrD,SAAgB,QAAQ,qDAA8B;IACtD,SAAgB,KAAK,sDAAmC;IACxD,SAAgB,IAAI,qDAA8B;IAClD,SAAgB,GAAG,qDAA8B;IAEjD,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAiB;IACjD,SAAS,CAAC,QAAQ,CAAC,YAAY,yCAE7B;IACF,SAAS,CAAC,QAAQ,CAAC,WAAW,gDAE5B;IACF,SAAS,CAAC,QAAQ,CAAC,WAAW,gDAE5B;IACF,SAAS,CAAC,QAAQ,CAAC,YAAY,0CAE7B;IAEK,YAAY,IAAI,IAAI;IAIpB,WAAW,IAAI,IAAI;CAG3B"}

package/src/lib/utility/avatar/tng-avatar.component.js

@@ -8,6 +8,13 @@ function normalizeOptionalString(value) {
     const normalized = value.trim();
     return normalized.length > 0 ? normalized : null;
 }
+function normalizeAvatarAlt(value) {
+    if (value === undefined || value === null) {
+        return null;
+    }
+    const normalized = value.trim();
+    return normalized.length > 0 ? normalized : '';
+}
 function normalizeFallbackText(value) {
     return value.length > 0 ? value : '?';
 }
@@ -44,7 +51,7 @@ let TngAvatarComponent = class TngAvatarComponent {
     src = input(null);
     imageLoadFailed = signal(false);
     fallbackText = computed(() => toTngAvatarFallbackText(this.fallback()));
-    resolvedAlt = computed(() => normalizeOptionalString(this.alt()));
+    resolvedAlt = computed(() => normalizeAvatarAlt(this.alt()));
     resolvedSrc = computed(() => normalizeOptionalString(this.src()));
     showFallback = computed(() => this.resolvedSrc() === null || this.imageLoadFailed());
     onImageError() {

package/src/lib/utility/avatar/tng-avatar.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-avatar.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/utility/avatar/tng-avatar.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, computed, input, signal } from '@angular/core';\nimport {\n  TngAvatar as TngAvatarPrimitive,\n  TngAvatarFallback as TngAvatarFallbackPrimitive,\n  TngAvatarImage as TngAvatarImagePrimitive,\n} from '@tailng-ui/primitives';\n\ntype TngAvatarShape = 'circle' | 'square';\ntype TngAvatarSize = 'lg' | 'md' | 'sm';\n\nfunction normalizeOptionalString(value: string | null | undefined): string | null {\n  if (value === undefined || value === null) {\n    return null;\n  }\n\n  const normalized = value.trim();\n  return normalized.length > 0 ? normalized : null;\n}\n\nfunction normalizeFallbackText(value: string): string {\n  return value.length > 0 ? value : '?';\n}\n\nfunction toWords(value: string | null | undefined): readonly string[] {\n  const normalized = normalizeOptionalString(value);\n  if (normalized === null) {\n    return [];\n  }\n\n  return normalized.split(/\\s+/).filter((part) => part.length > 0);\n}\n\nfunction toTwoLetterCode(word: string): string {\n  return normalizeFallbackText(word.slice(0, 2).toUpperCase());\n}\n\nfunction toInitialCode(words: readonly string[]): string {\n  const firstInitial = words[0]?.charAt(0) ?? '';\n  const secondInitial = words[1]?.charAt(0) ?? '';\n  return normalizeFallbackText(`${firstInitial}${secondInitial}`.toUpperCase());\n}\n\nexport function toTngAvatarFallbackText(value: string | null | undefined): string {\n  const words = toWords(value);\n  if (words.length === 0) {\n    return '?';\n  }\n\n  if (words.length === 1) {\n    return toTwoLetterCode(words[0] ?? '');\n  }\n\n  return toInitialCode(words);\n}\n\n@Component({\n  selector: 'tng-avatar',\n  imports: [TngAvatarPrimitive, TngAvatarImagePrimitive, TngAvatarFallbackPrimitive],\n  templateUrl: './tng-avatar.component.html',\n  styleUrl: './tng-avatar.component.css',\n})\nexport class TngAvatarComponent {\n  public readonly alt = input<string | null>('Avatar');\n  public readonly fallback = input<string | null>(null);\n  public readonly shape = input<TngAvatarShape>('circle');\n  public readonly size = input<TngAvatarSize>('md');\n  public readonly src = input<string | null>(null);\n\n  private readonly imageLoadFailed = signal(false);\n  protected readonly fallbackText = computed<string>(() =>\n    toTngAvatarFallbackText(this.fallback()),\n  );\n  protected readonly resolvedAlt = computed<string | null>(() =>\n    normalizeOptionalString(this.alt()),\n  );\n  protected readonly resolvedSrc = computed<string | null>(() =>\n    normalizeOptionalString(this.src()),\n  );\n  protected readonly showFallback = computed<boolean>(\n    () => this.resolvedSrc() === null || this.imageLoadFailed(),\n  );\n\n  public onImageError(): void {\n    this.imageLoadFailed.set(true);\n  }\n\n  public onImageLoad(): void {\n    this.imageLoadFailed.set(false);\n  }\n}\n"]}
+{"version":3,"file":"tng-avatar.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/utility/avatar/tng-avatar.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, computed, input, signal } from '@angular/core';\nimport {\n  TngAvatar as TngAvatarPrimitive,\n  TngAvatarFallback as TngAvatarFallbackPrimitive,\n  TngAvatarImage as TngAvatarImagePrimitive,\n} from '@tailng-ui/primitives';\n\ntype TngAvatarShape = 'circle' | 'square';\ntype TngAvatarSize = 'lg' | 'md' | 'sm';\n\nfunction normalizeOptionalString(value: string | null | undefined): string | null {\n  if (value === undefined || value === null) {\n    return null;\n  }\n\n  const normalized = value.trim();\n  return normalized.length > 0 ? normalized : null;\n}\n\nfunction normalizeAvatarAlt(value: string | null | undefined): string | null {\n  if (value === undefined || value === null) {\n    return null;\n  }\n\n  const normalized = value.trim();\n  return normalized.length > 0 ? normalized : '';\n}\n\nfunction normalizeFallbackText(value: string): string {\n  return value.length > 0 ? value : '?';\n}\n\nfunction toWords(value: string | null | undefined): readonly string[] {\n  const normalized = normalizeOptionalString(value);\n  if (normalized === null) {\n    return [];\n  }\n\n  return normalized.split(/\\s+/).filter((part) => part.length > 0);\n}\n\nfunction toTwoLetterCode(word: string): string {\n  return normalizeFallbackText(word.slice(0, 2).toUpperCase());\n}\n\nfunction toInitialCode(words: readonly string[]): string {\n  const firstInitial = words[0]?.charAt(0) ?? '';\n  const secondInitial = words[1]?.charAt(0) ?? '';\n  return normalizeFallbackText(`${firstInitial}${secondInitial}`.toUpperCase());\n}\n\nexport function toTngAvatarFallbackText(value: string | null | undefined): string {\n  const words = toWords(value);\n  if (words.length === 0) {\n    return '?';\n  }\n\n  if (words.length === 1) {\n    return toTwoLetterCode(words[0] ?? '');\n  }\n\n  return toInitialCode(words);\n}\n\n@Component({\n  selector: 'tng-avatar',\n  imports: [TngAvatarPrimitive, TngAvatarImagePrimitive, TngAvatarFallbackPrimitive],\n  templateUrl: './tng-avatar.component.html',\n  styleUrl: './tng-avatar.component.css',\n})\nexport class TngAvatarComponent {\n  public readonly alt = input<string | null>('Avatar');\n  public readonly fallback = input<string | null>(null);\n  public readonly shape = input<TngAvatarShape>('circle');\n  public readonly size = input<TngAvatarSize>('md');\n  public readonly src = input<string | null>(null);\n\n  private readonly imageLoadFailed = signal(false);\n  protected readonly fallbackText = computed<string>(() =>\n    toTngAvatarFallbackText(this.fallback()),\n  );\n  protected readonly resolvedAlt = computed<string | null>(() =>\n    normalizeAvatarAlt(this.alt()),\n  );\n  protected readonly resolvedSrc = computed<string | null>(() =>\n    normalizeOptionalString(this.src()),\n  );\n  protected readonly showFallback = computed<boolean>(\n    () => this.resolvedSrc() === null || this.imageLoadFailed(),\n  );\n\n  public onImageError(): void {\n    this.imageLoadFailed.set(true);\n  }\n\n  public onImageLoad(): void {\n    this.imageLoadFailed.set(false);\n  }\n}\n"]}

package/src/lib/utility/tag/tng-tag.component.d.ts

@@ -1,10 +1,18 @@
 type TngTagAppearance = 'outline' | 'soft' | 'solid';
 type TngTagShape = 'pill' | 'rounded';
+type TngTagSize = 'md' | 'sm';
 type TngTagTone = 'danger' | 'info' | 'neutral' | 'success' | 'warning';
 export declare class TngTagComponent {
     readonly appearance: import("@angular/core").InputSignal<TngTagAppearance>;
+    readonly closeAriaLabel: import("@angular/core").InputSignal<string | null>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly label: import("@angular/core").InputSignal<string | null>;
+    readonly removable: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
     readonly shape: import("@angular/core").InputSignal<TngTagShape>;
+    readonly size: import("@angular/core").InputSignal<TngTagSize>;
     readonly tone: import("@angular/core").InputSignal<TngTagTone>;
+    readonly removed: import("@angular/core").OutputEmitterRef<void>;
+    onRemoved(): void;
 }
 export {};
 //# sourceMappingURL=tng-tag.component.d.ts.map

package/src/lib/utility/tag/tng-tag.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-tag.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/utility/tag/tng-tag.component.ts"],"names":[],"mappings":"AAGA,KAAK,gBAAgB,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AACrD,KAAK,WAAW,GAAG,MAAM,GAAG,SAAS,CAAC;AACtC,KAAK,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AAExE,qBAMa,eAAe;IAC1B,SAAgB,UAAU,wDAAmC;IAC7D,SAAgB,KAAK,mDAA8B;IACnD,SAAgB,IAAI,kDAAgC;CACrD"}
+{"version":3,"file":"tng-tag.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/utility/tag/tng-tag.component.ts"],"names":[],"mappings":"AAMA,KAAK,gBAAgB,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AACrD,KAAK,WAAW,GAAG,MAAM,GAAG,SAAS,CAAC;AACtC,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9B,KAAK,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AAExE,qBAMa,eAAe;IAC1B,SAAgB,UAAU,wDAAmC;IAC7D,SAAgB,cAAc,qDAA8B;IAC5D,SAAgB,QAAQ,8EAErB;IACH,SAAgB,KAAK,qDAA8B;IACnD,SAAgB,SAAS,8EAEtB;IACH,SAAgB,KAAK,mDAA8B;IACnD,SAAgB,IAAI,kDAA2B;IAC/C,SAAgB,IAAI,kDAAgC;IAEpD,SAAgB,OAAO,iDAAkB;IAElC,SAAS,IAAI,IAAI;CAGzB"}

package/src/lib/utility/tag/tng-tag.component.js

@@ -1,15 +1,28 @@
 import { __decorate } from "tslib";
-import { Component, input } from '@angular/core';
-import { TngTag as TngTagPrimitive } from '@tailng-ui/primitives';
+import { booleanAttribute, Component, input, output } from '@angular/core';
+import { TngTag as TngTagPrimitive, TngTagClose as TngTagClosePrimitive, } from '@tailng-ui/primitives';
 let TngTagComponent = class TngTagComponent {
     appearance = input('soft');
+    closeAriaLabel = input(null);
+    disabled = input(false, {
+        transform: booleanAttribute,
+    });
+    label = input(null);
+    removable = input(false, {
+        transform: booleanAttribute,
+    });
     shape = input('pill');
+    size = input('md');
     tone = input('neutral');
+    removed = output();
+    onRemoved() {
+        this.removed.emit();
+    }
 };
 TngTagComponent = __decorate([
     Component({
         selector: 'tng-tag',
-        imports: [TngTagPrimitive],
+        imports: [TngTagPrimitive, TngTagClosePrimitive],
         templateUrl: './tng-tag.component.html',
         styleUrl: './tng-tag.component.css',
     })

package/src/lib/utility/tag/tng-tag.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-tag.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/utility/tag/tng-tag.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAY3D,IAAM,eAAe,GAArB,MAAM,eAAe;IACV,UAAU,GAAG,KAAK,CAAmB,MAAM,CAAC,CAAC;IAC7C,KAAK,GAAG,KAAK,CAAc,MAAM,CAAC,CAAC;IACnC,IAAI,GAAG,KAAK,CAAa,SAAS,CAAC,CAAC;CACrD,CAAA;AAJY,eAAe;IAN3B,SAAS,CAAC;QACT,QAAQ,EAAE,SAAS;QACnB,OAAO,EAAE,CAAC,eAAe,CAAC;QAC1B,WAAW,EAAE,0BAA0B;QACvC,QAAQ,EAAE,yBAAyB;KACpC,CAAC;GACW,eAAe,CAI3B","sourcesContent":["import { Component, input } from '@angular/core';\nimport { TngTag as TngTagPrimitive } from '@tailng-ui/primitives';\n\ntype TngTagAppearance = 'outline' | 'soft' | 'solid';\ntype TngTagShape = 'pill' | 'rounded';\ntype TngTagTone = 'danger' | 'info' | 'neutral' | 'success' | 'warning';\n\n@Component({\n  selector: 'tng-tag',\n  imports: [TngTagPrimitive],\n  templateUrl: './tng-tag.component.html',\n  styleUrl: './tng-tag.component.css',\n})\nexport class TngTagComponent {\n  public readonly appearance = input<TngTagAppearance>('soft');\n  public readonly shape = input<TngTagShape>('pill');\n  public readonly tone = input<TngTagTone>('neutral');\n}\n"]}
+{"version":3,"file":"tng-tag.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/utility/tag/tng-tag.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EACL,MAAM,IAAI,eAAe,EACzB,WAAW,IAAI,oBAAoB,GACpC,MAAM,uBAAuB,CAAC;AAaxB,IAAM,eAAe,GAArB,MAAM,eAAe;IACV,UAAU,GAAG,KAAK,CAAmB,MAAM,CAAC,CAAC;IAC7C,cAAc,GAAG,KAAK,CAAgB,IAAI,CAAC,CAAC;IAC5C,QAAQ,GAAG,KAAK,CAA4B,KAAK,EAAE;QACjE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,KAAK,GAAG,KAAK,CAAgB,IAAI,CAAC,CAAC;IACnC,SAAS,GAAG,KAAK,CAA4B,KAAK,EAAE;QAClE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,KAAK,GAAG,KAAK,CAAc,MAAM,CAAC,CAAC;IACnC,IAAI,GAAG,KAAK,CAAa,IAAI,CAAC,CAAC;IAC/B,IAAI,GAAG,KAAK,CAAa,SAAS,CAAC,CAAC;IAEpC,OAAO,GAAG,MAAM,EAAQ,CAAC;IAElC,SAAS;QACd,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IACtB,CAAC;CACF,CAAA;AAnBY,eAAe;IAN3B,SAAS,CAAC;QACT,QAAQ,EAAE,SAAS;QACnB,OAAO,EAAE,CAAC,eAAe,EAAE,oBAAoB,CAAC;QAChD,WAAW,EAAE,0BAA0B;QACvC,QAAQ,EAAE,yBAAyB;KACpC,CAAC;GACW,eAAe,CAmB3B","sourcesContent":["import { booleanAttribute, Component, input, output } from '@angular/core';\nimport {\n  TngTag as TngTagPrimitive,\n  TngTagClose as TngTagClosePrimitive,\n} from '@tailng-ui/primitives';\n\ntype TngTagAppearance = 'outline' | 'soft' | 'solid';\ntype TngTagShape = 'pill' | 'rounded';\ntype TngTagSize = 'md' | 'sm';\ntype TngTagTone = 'danger' | 'info' | 'neutral' | 'success' | 'warning';\n\n@Component({\n  selector: 'tng-tag',\n  imports: [TngTagPrimitive, TngTagClosePrimitive],\n  templateUrl: './tng-tag.component.html',\n  styleUrl: './tng-tag.component.css',\n})\nexport class TngTagComponent {\n  public readonly appearance = input<TngTagAppearance>('soft');\n  public readonly closeAriaLabel = input<string | null>(null);\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly label = input<string | null>(null);\n  public readonly removable = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly shape = input<TngTagShape>('pill');\n  public readonly size = input<TngTagSize>('md');\n  public readonly tone = input<TngTagTone>('neutral');\n\n  public readonly removed = output<void>();\n\n  public onRemoved(): void {\n    this.removed.emit();\n  }\n}\n"]}