@tailng-ui/components 0.1.0

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

@@ -0,0 +1,111 @@
+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');
+export function normalizeTngTooltipDelay(value) {
+    if (!Number.isFinite(value) || value < 0) {
+        return 0;
+    }
+    return value;
+}
+export function shouldCloseTngTooltipForKey(key) {
+    return key === 'Escape';
+}
+let TngTooltipComponent = class TngTooltipComponent {
+    closeTimerId = null;
+    openTimerId = null;
+    ariaLabel = input(null);
+    closeDelay = input(60);
+    disabled = input(false, {
+        transform: booleanAttribute,
+    });
+    openDelay = input(120);
+    side = input('top');
+    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],
+        templateUrl: './tng-tooltip.component.html',
+        styleUrl: './tng-tooltip.component.css',
+    })
+], TngTooltipComponent);
+export { TngTooltipComponent };
+//# sourceMappingURL=tng-tooltip.component.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,19 @@
+type TngAvatarShape = 'circle' | 'square';
+type TngAvatarSize = 'lg' | 'md' | 'sm';
+export declare function toTngAvatarFallbackText(value: string | null | undefined): string;
+export declare class TngAvatarComponent {
+    readonly alt: import("@angular/core").InputSignal<string | null>;
+    readonly fallback: import("@angular/core").InputSignal<string | null>;
+    readonly shape: import("@angular/core").InputSignal<TngAvatarShape>;
+    readonly size: import("@angular/core").InputSignal<TngAvatarSize>;
+    readonly src: import("@angular/core").InputSignal<string | null>;
+    private readonly imageLoadFailed;
+    protected readonly fallbackText: import("@angular/core").Signal<string>;
+    protected readonly resolvedAlt: import("@angular/core").Signal<string | null>;
+    protected readonly resolvedSrc: import("@angular/core").Signal<string | null>;
+    protected readonly showFallback: import("@angular/core").Signal<boolean>;
+    onImageError(): void;
+    onImageLoad(): void;
+}
+export {};
+//# sourceMappingURL=tng-avatar.component.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,66 @@
+import { __decorate } from "tslib";
+import { Component, computed, input, signal } from '@angular/core';
+import { TngAvatar as TngAvatarPrimitive, TngAvatarFallback as TngAvatarFallbackPrimitive, TngAvatarImage as TngAvatarImagePrimitive, } from '@tailng-ui/primitives';
+function normalizeOptionalString(value) {
+    if (value === undefined || value === null) {
+        return null;
+    }
+    const normalized = value.trim();
+    return normalized.length > 0 ? normalized : null;
+}
+function normalizeFallbackText(value) {
+    return value.length > 0 ? value : '?';
+}
+function toWords(value) {
+    const normalized = normalizeOptionalString(value);
+    if (normalized === null) {
+        return [];
+    }
+    return normalized.split(/\s+/).filter((part) => part.length > 0);
+}
+function toTwoLetterCode(word) {
+    return normalizeFallbackText(word.slice(0, 2).toUpperCase());
+}
+function toInitialCode(words) {
+    const firstInitial = words[0]?.charAt(0) ?? '';
+    const secondInitial = words[1]?.charAt(0) ?? '';
+    return normalizeFallbackText(`${firstInitial}${secondInitial}`.toUpperCase());
+}
+export function toTngAvatarFallbackText(value) {
+    const words = toWords(value);
+    if (words.length === 0) {
+        return '?';
+    }
+    if (words.length === 1) {
+        return toTwoLetterCode(words[0] ?? '');
+    }
+    return toInitialCode(words);
+}
+let TngAvatarComponent = class TngAvatarComponent {
+    alt = input('Avatar');
+    fallback = input(null);
+    shape = input('circle');
+    size = input('md');
+    src = input(null);
+    imageLoadFailed = signal(false);
+    fallbackText = computed(() => toTngAvatarFallbackText(this.fallback()));
+    resolvedAlt = computed(() => normalizeOptionalString(this.alt()));
+    resolvedSrc = computed(() => normalizeOptionalString(this.src()));
+    showFallback = computed(() => this.resolvedSrc() === null || this.imageLoadFailed());
+    onImageError() {
+        this.imageLoadFailed.set(true);
+    }
+    onImageLoad() {
+        this.imageLoadFailed.set(false);
+    }
+};
+TngAvatarComponent = __decorate([
+    Component({
+        selector: 'tng-avatar',
+        imports: [TngAvatarPrimitive, TngAvatarImagePrimitive, TngAvatarFallbackPrimitive],
+        templateUrl: './tng-avatar.component.html',
+        styleUrl: './tng-avatar.component.css',
+    })
+], TngAvatarComponent);
+export { TngAvatarComponent };
+//# sourceMappingURL=tng-avatar.component.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,4 @@
+import { TngBadge as TngBadgePrimitive } from '@tailng-ui/primitives';
+export declare class TngBadgeComponent extends TngBadgePrimitive {
+}
+//# sourceMappingURL=tng-badge.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-badge.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/utility/badge/tng-badge.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,qBAIa,iBAAkB,SAAQ,iBAAiB;CAAG"}

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

@@ -0,0 +1,13 @@
+import { __decorate } from "tslib";
+import { Directive } from '@angular/core';
+import { TngBadge as TngBadgePrimitive } from '@tailng-ui/primitives';
+let TngBadgeComponent = class TngBadgeComponent extends TngBadgePrimitive {
+};
+TngBadgeComponent = __decorate([
+    Directive({
+        selector: '[tngBadge]',
+        exportAs: 'tngBadge',
+    })
+], TngBadgeComponent);
+export { TngBadgeComponent };
+//# sourceMappingURL=tng-badge.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-badge.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/utility/badge/tng-badge.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAM/D,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,iBAAiB;CAAG,CAAA;AAA9C,iBAAiB;IAJ7B,SAAS,CAAC;QACT,QAAQ,EAAE,YAAY;QACtB,QAAQ,EAAE,UAAU;KACrB,CAAC;GACW,iBAAiB,CAA6B","sourcesContent":["import { Directive } from '@angular/core';\nimport { TngBadge as TngBadgePrimitive } from '@tailng-ui/primitives';\n\n@Directive({\n  selector: '[tngBadge]',\n  exportAs: 'tngBadge',\n})\nexport class TngBadgeComponent extends TngBadgePrimitive {}\n"]}

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

@@ -0,0 +1,18 @@
+import type { TngPressAriaHasPopup, TngPressType } from '@tailng-ui/primitives';
+type NullableBooleanInput = boolean | null | string | undefined;
+export type TngButtonAppearance = 'ghost' | 'outline' | 'solid';
+export type TngButtonSize = 'lg' | 'md' | 'sm';
+export type TngButtonTone = 'danger' | 'neutral' | 'primary' | 'success';
+export declare class TngButtonComponent {
+    readonly appearance: import("@angular/core").InputSignal<TngButtonAppearance>;
+    readonly ariaControls: import("@angular/core").InputSignal<string | null>;
+    readonly ariaExpanded: import("@angular/core").InputSignalWithTransform<boolean | null, NullableBooleanInput>;
+    readonly ariaHasPopup: import("@angular/core").InputSignalWithTransform<TngPressAriaHasPopup | null, string | boolean | null | undefined>;
+    readonly ariaPressed: import("@angular/core").InputSignalWithTransform<boolean | null, NullableBooleanInput>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly size: import("@angular/core").InputSignal<TngButtonSize>;
+    readonly tone: import("@angular/core").InputSignal<TngButtonTone>;
+    readonly type: import("@angular/core").InputSignal<TngPressType>;
+}
+export {};
+//# sourceMappingURL=tng-button.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-button.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/utility/button/tng-button.component.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAEhF,KAAK,oBAAoB,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;AAChE,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAChE,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC/C,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AAEzE,qBAMa,kBAAkB;IAC7B,SAAgB,UAAU,2DAAuC;IACjE,SAAgB,YAAY,qDAA8B;IAC1D,SAAgB,YAAY,yFAEzB;IACH,SAAgB,YAAY,qHAKzB;IACH,SAAgB,WAAW,yFAExB;IACH,SAAgB,QAAQ,8EAErB;IACH,SAAgB,IAAI,qDAA8B;IAClD,SAAgB,IAAI,qDAAmC;IACvD,SAAgB,IAAI,oDAAiC;CACtD"}

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

@@ -0,0 +1,32 @@
+import { __decorate } from "tslib";
+import { booleanAttribute, Component, input } from '@angular/core';
+import { coerceTngPressAriaHasPopup, coerceTngPressNullableBoolean, TngPress as TngPressPrimitive, } from '@tailng-ui/primitives';
+let TngButtonComponent = class TngButtonComponent {
+    appearance = input('solid');
+    ariaControls = input(null);
+    ariaExpanded = input(null, {
+        transform: coerceTngPressNullableBoolean,
+    });
+    ariaHasPopup = input(null, {
+        transform: coerceTngPressAriaHasPopup,
+    });
+    ariaPressed = input(null, {
+        transform: coerceTngPressNullableBoolean,
+    });
+    disabled = input(false, {
+        transform: booleanAttribute,
+    });
+    size = input('md');
+    tone = input('primary');
+    type = input('button');
+};
+TngButtonComponent = __decorate([
+    Component({
+        selector: 'tng-button',
+        imports: [TngPressPrimitive],
+        templateUrl: './tng-button.component.html',
+        styleUrl: './tng-button.component.css',
+    })
+], TngButtonComponent);
+export { TngButtonComponent };
+//# sourceMappingURL=tng-button.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-button.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/utility/button/tng-button.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EACL,0BAA0B,EAC1B,6BAA6B,EAC7B,QAAQ,IAAI,iBAAiB,GAC9B,MAAM,uBAAuB,CAAC;AAcxB,IAAM,kBAAkB,GAAxB,MAAM,kBAAkB;IACb,UAAU,GAAG,KAAK,CAAsB,OAAO,CAAC,CAAC;IACjD,YAAY,GAAG,KAAK,CAAgB,IAAI,CAAC,CAAC;IAC1C,YAAY,GAAG,KAAK,CAAuC,IAAI,EAAE;QAC/E,SAAS,EAAE,6BAA6B;KACzC,CAAC,CAAC;IACa,YAAY,GAAG,KAAK,CAGlC,IAAI,EAAE;QACN,SAAS,EAAE,0BAA0B;KACtC,CAAC,CAAC;IACa,WAAW,GAAG,KAAK,CAAuC,IAAI,EAAE;QAC9E,SAAS,EAAE,6BAA6B;KACzC,CAAC,CAAC;IACa,QAAQ,GAAG,KAAK,CAA4B,KAAK,EAAE;QACjE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,IAAI,GAAG,KAAK,CAAgB,IAAI,CAAC,CAAC;IAClC,IAAI,GAAG,KAAK,CAAgB,SAAS,CAAC,CAAC;IACvC,IAAI,GAAG,KAAK,CAAe,QAAQ,CAAC,CAAC;CACtD,CAAA;AArBY,kBAAkB;IAN9B,SAAS,CAAC;QACT,QAAQ,EAAE,YAAY;QACtB,OAAO,EAAE,CAAC,iBAAiB,CAAC;QAC5B,WAAW,EAAE,6BAA6B;QAC1C,QAAQ,EAAE,4BAA4B;KACvC,CAAC;GACW,kBAAkB,CAqB9B","sourcesContent":["import { booleanAttribute, Component, input } from '@angular/core';\nimport {\n  coerceTngPressAriaHasPopup,\n  coerceTngPressNullableBoolean,\n  TngPress as TngPressPrimitive,\n} from '@tailng-ui/primitives';\nimport type { TngPressAriaHasPopup, TngPressType } from '@tailng-ui/primitives';\n\ntype NullableBooleanInput = boolean | null | string | undefined;\nexport type TngButtonAppearance = 'ghost' | 'outline' | 'solid';\nexport type TngButtonSize = 'lg' | 'md' | 'sm';\nexport type TngButtonTone = 'danger' | 'neutral' | 'primary' | 'success';\n\n@Component({\n  selector: 'tng-button',\n  imports: [TngPressPrimitive],\n  templateUrl: './tng-button.component.html',\n  styleUrl: './tng-button.component.css',\n})\nexport class TngButtonComponent {\n  public readonly appearance = input<TngButtonAppearance>('solid');\n  public readonly ariaControls = input<string | null>(null);\n  public readonly ariaExpanded = input<boolean | null, NullableBooleanInput>(null, {\n    transform: coerceTngPressNullableBoolean,\n  });\n  public readonly ariaHasPopup = input<\n    TngPressAriaHasPopup | null,\n    boolean | null | string | undefined\n  >(null, {\n    transform: coerceTngPressAriaHasPopup,\n  });\n  public readonly ariaPressed = input<boolean | null, NullableBooleanInput>(null, {\n    transform: coerceTngPressNullableBoolean,\n  });\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly size = input<TngButtonSize>('md');\n  public readonly tone = input<TngButtonTone>('primary');\n  public readonly type = input<TngPressType>('button');\n}\n"]}

package/src/lib/utility/code-block/highlighting.d.ts

@@ -0,0 +1,96 @@
+import { InjectionToken, type EnvironmentProviders } from '@angular/core';
+export type TngCodeHighlightInput = Readonly<{
+    code: string;
+    includeLineWrappers?: boolean;
+    language: string | null;
+    theme?: string | null;
+}>;
+export type TngCodeHighlightToken = Readonly<{
+    className?: string | null;
+    content: string;
+}>;
+export type TngCodeHighlightTokenLine = readonly TngCodeHighlightToken[];
+export type TngCodeHighlightHtmlResult = Readonly<{
+    html: string;
+    kind: 'html';
+    language?: string | null;
+    trustedHtml?: boolean;
+}>;
+export type TngCodeHighlightLegacyHtmlResult = Readonly<{
+    html: string;
+    language?: string | null;
+    trustedHtml?: boolean;
+}>;
+export type TngCodeHighlightTokensResult = Readonly<{
+    kind: 'tokens';
+    language?: string | null;
+    tokens: readonly TngCodeHighlightTokenLine[];
+}>;
+export type TngCodeHighlightResult = TngCodeHighlightHtmlResult | TngCodeHighlightLegacyHtmlResult | TngCodeHighlightTokensResult;
+export type TngNormalizedCodeHighlightResult = Readonly<{
+    html: string;
+    kind: 'html';
+    language: string | null;
+    trustedHtml: boolean;
+}> | Readonly<{
+    kind: 'tokens';
+    language: string | null;
+    tokens: readonly TngCodeHighlightTokenLine[];
+}>;
+export type TngCodeHighlightRequest = Readonly<{
+    adapter: string | null | undefined;
+    code: string;
+    includeLineWrappers?: boolean;
+    language: string | null | undefined;
+    theme?: string | null | undefined;
+}>;
+export type TngCodeHighlighterAdapter = Readonly<{
+    highlight: (input: TngCodeHighlightInput) => Promise<TngCodeHighlightResult> | TngCodeHighlightResult;
+    id: string;
+    supports?: (language: string | null) => boolean;
+}>;
+export type TngProvideCodeHighlightingOptions = Readonly<{
+    adapters?: readonly TngCodeHighlighterAdapter[];
+    allowBuiltinOverride?: boolean;
+    defaultAdapter?: string;
+}>;
+export type TngResolvedCodeHighlightingConfig = Readonly<{
+    adapters: Readonly<Record<string, TngCodeHighlighterAdapter>>;
+    defaultAdapter: string;
+}>;
+export type TngCodeHighlightingResolverLike = Readonly<{
+    highlight: (request: TngCodeHighlightRequest) => Promise<string>;
+    highlightResult: (request: TngCodeHighlightRequest) => Promise<TngNormalizedCodeHighlightResult | null>;
+}>;
+export declare const TNG_DEFAULT_CODE_HIGHLIGHTER_ID = "plain";
+export declare function normalizeTngCodeLanguage(value: string | null | undefined): string | null;
+export declare function normalizeTngCodeHighlighterId(value: string): string;
+export declare function escapeTngCodeHtml(value: string): string;
+export declare function createTngCodeHighlighterAdapter(id: string, highlight: (input: TngCodeHighlightInput) => Promise<TngCodeHighlightResult> | TngCodeHighlightResult, supports?: (language: string | null) => boolean): TngCodeHighlighterAdapter;
+export declare const tngPlainCodeHighlighterAdapter: Readonly<{
+    highlight: (input: TngCodeHighlightInput) => Promise<TngCodeHighlightResult> | TngCodeHighlightResult;
+    id: string;
+    supports?: (language: string | null) => boolean;
+}>;
+export declare const TNG_BUILTIN_CODE_HIGHLIGHTERS: Readonly<Record<string, TngCodeHighlighterAdapter>>;
+export declare function resolveTngCodeHighlightingConfig(options?: TngProvideCodeHighlightingOptions): TngResolvedCodeHighlightingConfig;
+export declare function resolveTngCodeHighlightResult(request: TngCodeHighlightRequest, config: TngResolvedCodeHighlightingConfig): Promise<TngNormalizedCodeHighlightResult | null>;
+export declare function highlightWithTngCodeHighlightingConfig(request: TngCodeHighlightRequest, config: TngResolvedCodeHighlightingConfig): Promise<string>;
+export declare const TNG_CODE_HIGHLIGHTING_CONFIG: InjectionToken<Readonly<{
+    adapters: Readonly<Record<string, TngCodeHighlighterAdapter>>;
+    defaultAdapter: string;
+}>>;
+export declare const TNG_CODE_HIGHLIGHTING_RESOLVER: InjectionToken<Readonly<{
+    highlight: (request: TngCodeHighlightRequest) => Promise<string>;
+    highlightResult: (request: TngCodeHighlightRequest) => Promise<TngNormalizedCodeHighlightResult | null>;
+}>>;
+export declare function provideTngCodeHighlighting(options?: TngProvideCodeHighlightingOptions): EnvironmentProviders;
+export declare class TngCodeHighlightingResolver {
+    private readonly config;
+    constructor(config: TngResolvedCodeHighlightingConfig);
+    getAdapterIds(): readonly string[];
+    getDefaultAdapterId(): string;
+    highlight(request: TngCodeHighlightRequest): Promise<string>;
+    highlightResult(request: TngCodeHighlightRequest): Promise<TngNormalizedCodeHighlightResult | null>;
+}
+//# sourceMappingURL=highlighting.d.ts.map

package/src/lib/utility/code-block/highlighting.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlighting.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/utility/code-block/highlighting.ts"],"names":[],"mappings":"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"}

package/src/lib/utility/code-block/highlighting.js

@@ -0,0 +1,220 @@
+import { InjectionToken, inject, makeEnvironmentProviders, } from '@angular/core';
+const htmlEscapeAmpersand = /&/g;
+const htmlEscapeGt = />/g;
+const htmlEscapeLt = /</g;
+const htmlEscapeQuote = /"/g;
+const htmlEscapeSingleQuote = /'/g;
+const htmlEscapeAmpersandValue = '&amp;';
+const htmlEscapeGtValue = '&gt;';
+const htmlEscapeLtValue = '&lt;';
+const htmlEscapeQuoteValue = '&quot;';
+const htmlEscapeSingleQuoteValue = '&#39;';
+export const TNG_DEFAULT_CODE_HIGHLIGHTER_ID = 'plain';
+function hasAdapter(adapters, adapterId) {
+    return Object.prototype.hasOwnProperty.call(adapters, adapterId);
+}
+function normalizeRequiredString(value, label) {
+    const normalizedValue = value.trim();
+    if (normalizedValue.length === 0) {
+        throw new Error(`${label} cannot be empty.`);
+    }
+    return normalizedValue;
+}
+function createReadonlyAdapterMap(adapters) {
+    return Object.freeze({ ...adapters });
+}
+function withCustomAdapters(baseAdapters, customAdapters, allowBuiltinOverride) {
+    const mergedAdapters = { ...baseAdapters };
+    const seenCustomAdapterIds = new Set();
+    for (const adapter of customAdapters) {
+        const adapterId = normalizeTngCodeHighlighterId(adapter.id);
+        const isBuiltinAdapter = hasAdapter(TNG_BUILTIN_CODE_HIGHLIGHTERS, adapterId);
+        if (seenCustomAdapterIds.has(adapterId)) {
+            throw new Error(`Duplicate code highlighter adapter "${adapterId}" provided.`);
+        }
+        seenCustomAdapterIds.add(adapterId);
+        if (isBuiltinAdapter && !allowBuiltinOverride) {
+            throw new Error(`Code highlighter adapter "${adapterId}" is reserved. Set allowBuiltinOverride to true to override it.`);
+        }
+        mergedAdapters[adapterId] = adapter;
+    }
+    return mergedAdapters;
+}
+function resolveDefaultAdapterId(defaultAdapter, adapters) {
+    const candidateAdapter = defaultAdapter ?? TNG_DEFAULT_CODE_HIGHLIGHTER_ID;
+    const normalizedAdapter = normalizeTngCodeHighlighterId(candidateAdapter);
+    if (hasAdapter(adapters, normalizedAdapter)) {
+        return normalizedAdapter;
+    }
+    throw new Error(`Unknown default code highlighter adapter "${normalizedAdapter}". Available adapters: ${Object.keys(adapters).join(', ')}`);
+}
+function resolveAdapterFromRequest(request, config) {
+    const requestedAdapter = request.adapter;
+    if (requestedAdapter !== null && requestedAdapter !== undefined) {
+        const normalizedAdapter = normalizeTngCodeHighlighterId(requestedAdapter);
+        const resolvedAdapter = config.adapters[normalizedAdapter];
+        if (resolvedAdapter !== undefined) {
+            return resolvedAdapter;
+        }
+    }
+    return config.adapters[config.defaultAdapter];
+}
+function normalizeTokenLine(line) {
+    return line
+        .filter((token) => typeof token.content === 'string')
+        .map((token) => ({ className: token.className ?? null, content: token.content }));
+}
+function normalizeHighlightResult(result, fallbackLanguage) {
+    if ('kind' in result && result.kind === 'tokens') {
+        return {
+            kind: 'tokens',
+            language: normalizeTngCodeLanguage(result.language) ?? fallbackLanguage,
+            tokens: result.tokens.map((line) => normalizeTokenLine(line)),
+        };
+    }
+    if ('html' in result) {
+        const trustedHtml = 'trustedHtml' in result && (result.trustedHtml === true || result.trustedHtml === false)
+            ? result.trustedHtml
+            : false;
+        if ('kind' in result && result.kind !== 'html') {
+            return null;
+        }
+        return {
+            html: result.html,
+            kind: 'html',
+            language: normalizeTngCodeLanguage(result.language) ?? fallbackLanguage,
+            trustedHtml,
+        };
+    }
+    return null;
+}
+function tokenClassNameToAttributeValue(className) {
+    if (className === null || className === undefined) {
+        return '';
+    }
+    return className
+        .trim()
+        .split(/\s+/)
+        .filter((token) => token.length > 0)
+        .join(' ');
+}
+function tokensToEscapedHtml(lines) {
+    return lines
+        .map((line) => line
+        .map((token) => {
+        const escapedContent = escapeTngCodeHtml(token.content);
+        const normalizedClassName = tokenClassNameToAttributeValue(token.className);
+        if (normalizedClassName.length === 0) {
+            return escapedContent;
+        }
+        return `<span class="${escapeTngCodeHtml(normalizedClassName)}">${escapedContent}</span>`;
+    })
+        .join(''))
+        .join('\n');
+}
+export function normalizeTngCodeLanguage(value) {
+    if (value === null || value === undefined) {
+        return null;
+    }
+    const normalizedValue = value.trim();
+    return normalizedValue.length > 0 ? normalizedValue : null;
+}
+export function normalizeTngCodeHighlighterId(value) {
+    return normalizeRequiredString(value, 'Code highlighter adapter id').toLowerCase();
+}
+export function escapeTngCodeHtml(value) {
+    return value
+        .replace(htmlEscapeAmpersand, htmlEscapeAmpersandValue)
+        .replace(htmlEscapeLt, htmlEscapeLtValue)
+        .replace(htmlEscapeGt, htmlEscapeGtValue)
+        .replace(htmlEscapeQuote, htmlEscapeQuoteValue)
+        .replace(htmlEscapeSingleQuote, htmlEscapeSingleQuoteValue);
+}
+export function createTngCodeHighlighterAdapter(id, highlight, supports) {
+    const adapterId = normalizeTngCodeHighlighterId(id);
+    return Object.freeze({
+        highlight,
+        id: adapterId,
+        supports,
+    });
+}
+export const tngPlainCodeHighlighterAdapter = createTngCodeHighlighterAdapter(TNG_DEFAULT_CODE_HIGHLIGHTER_ID, (input) => ({
+    html: escapeTngCodeHtml(input.code),
+    kind: 'html',
+    language: input.language,
+    trustedHtml: false,
+}));
+export const TNG_BUILTIN_CODE_HIGHLIGHTERS = createReadonlyAdapterMap({
+    [TNG_DEFAULT_CODE_HIGHLIGHTER_ID]: tngPlainCodeHighlighterAdapter,
+});
+export function resolveTngCodeHighlightingConfig(options = {}) {
+    const mergedAdapters = withCustomAdapters(TNG_BUILTIN_CODE_HIGHLIGHTERS, options.adapters ?? [], options.allowBuiltinOverride === true);
+    return {
+        adapters: createReadonlyAdapterMap(mergedAdapters),
+        defaultAdapter: resolveDefaultAdapterId(options.defaultAdapter, mergedAdapters),
+    };
+}
+export async function resolveTngCodeHighlightResult(request, config) {
+    const adapter = resolveAdapterFromRequest(request, config);
+    const normalizedLanguage = normalizeTngCodeLanguage(request.language);
+    if (typeof adapter.supports === 'function' && !adapter.supports(normalizedLanguage)) {
+        return null;
+    }
+    const rawResult = await adapter.highlight({
+        code: request.code,
+        includeLineWrappers: request.includeLineWrappers ?? false,
+        language: normalizedLanguage,
+        theme: normalizeTngCodeLanguage(request.theme),
+    });
+    return normalizeHighlightResult(rawResult, normalizedLanguage);
+}
+export async function highlightWithTngCodeHighlightingConfig(request, config) {
+    const resolvedResult = await resolveTngCodeHighlightResult(request, config);
+    if (resolvedResult === null) {
+        return escapeTngCodeHtml(request.code);
+    }
+    if (resolvedResult.kind === 'tokens') {
+        return tokensToEscapedHtml(resolvedResult.tokens);
+    }
+    return resolvedResult.html;
+}
+export const TNG_CODE_HIGHLIGHTING_CONFIG = new InjectionToken('TNG_CODE_HIGHLIGHTING_CONFIG', {
+    providedIn: 'root',
+    factory: () => resolveTngCodeHighlightingConfig(),
+});
+export const TNG_CODE_HIGHLIGHTING_RESOLVER = new InjectionToken('TNG_CODE_HIGHLIGHTING_RESOLVER', {
+    providedIn: 'root',
+    factory: () => new TngCodeHighlightingResolver(inject(TNG_CODE_HIGHLIGHTING_CONFIG)),
+});
+export function provideTngCodeHighlighting(options) {
+    return makeEnvironmentProviders([
+        {
+            provide: TNG_CODE_HIGHLIGHTING_CONFIG,
+            useValue: resolveTngCodeHighlightingConfig(options),
+        },
+        {
+            deps: [TNG_CODE_HIGHLIGHTING_CONFIG],
+            provide: TNG_CODE_HIGHLIGHTING_RESOLVER,
+            useFactory: (config) => new TngCodeHighlightingResolver(config),
+        },
+    ]);
+}
+export class TngCodeHighlightingResolver {
+    config;
+    constructor(config) {
+        this.config = config;
+    }
+    getAdapterIds() {
+        return Object.keys(this.config.adapters);
+    }
+    getDefaultAdapterId() {
+        return this.config.defaultAdapter;
+    }
+    async highlight(request) {
+        return highlightWithTngCodeHighlightingConfig(request, this.config);
+    }
+    async highlightResult(request) {
+        return resolveTngCodeHighlightResult(request, this.config);
+    }
+}
+//# sourceMappingURL=highlighting.js.map