@tailng-ui/components 0.17.0 → 0.19.0

package/src/lib/navigation/breadcrumb/tng-breadcrumb-item.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-breadcrumb-item.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/breadcrumb/tng-breadcrumb-item.component.ts"],"names":[],"mappings":"AACA,OAAO,EAQL,KAAK,WAAW,EACjB,MAAM,eAAe,CAAC;AAMvB,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAG/B,MAAM,MAAM,4BAA4B,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE7E,qBAYa,0BAA0B;IACrC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA+C;IACvE,OAAO,CAAC,gBAAgB,CAAS;IAEjC,SAAgB,YAAY,gBAAuB;IACnD,SAAgB,OAAO,qEAAiD;IACxE,SAAgB,aAAa,qEAAiD;IAC9E,SAAgB,QAAQ,qEAAiD;IACzE,SAAgB,IAAI,qDAA8B;IAClD,SAAgB,UAAU,oFAA6D;IAEvF,SAAS,CAAC,QAAQ,CAAC,SAAS,kDAAiB;IAC7C,SAAS,CAAC,QAAQ,CAAC,cAAc,kDAAiB;IAClD,SAAS,CAAC,QAAQ,CAAC,WAAW,uEAAmD;IACjF,SAAS,CAAC,QAAQ,CAAC,aAAa,iDAAkB;IAClD,SAAS,CAAC,QAAQ,CAAC,iBAAiB,kDAAiB;IACrD,SAAS,CAAC,QAAQ,CAAC,SAAS,iDAAe;IAC3C,SAAS,CAAC,QAAQ,CAAC,iBAAiB,sEAA6C;IACjF,SAAS,CAAC,QAAQ,CAAC,aAAa,kDAAiB;;IAW1C,WAAW,IAAI,IAAI;IAInB,WAAW,IAAI,IAAI;IAInB,cAAc,CAAC,IAAI,EAAE,4BAA4B,EAAE,aAAa,EAAE,MAAM,GAAG,IAAI;IAK/E,kBAAkB,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAIxC,YAAY,CACjB,SAAS,EAAE,MAAM,EACjB,aAAa,EAAE,OAAO,EACtB,iBAAiB,EAAE,WAAW,CAAC,OAAO,CAAC,GAAG,IAAI,GAC7C,IAAI;IAMP,SAAS,CAAC,gBAAgB,IAAI,OAAO;IAarC,SAAS,CAAC,WAAW,IAAI,OAAO;IAIhC,SAAS,CAAC,aAAa,IAAI,OAAO;IAIlC,SAAS,CAAC,WAAW,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAU9C,SAAS,CAAC,SAAS,IAAI,IAAI;IAK3B,SAAS,CAAC,aAAa,IAAI,IAAI;IAK/B,SAAS,CAAC,WAAW,IAAI,IAAI;IAK7B,SAAS,CAAC,YAAY,IAAI,IAAI;IAK9B,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAa5C,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;CAS9C"}
+{"version":3,"file":"tng-breadcrumb-item.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/breadcrumb/tng-breadcrumb-item.component.ts"],"names":[],"mappings":"AACA,OAAO,EAQL,KAAK,WAAW,EACjB,MAAM,eAAe,CAAC;AAMvB,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;;AAG/B,MAAM,MAAM,4BAA4B,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE7E,qBAYa,0BAA0B;IACrC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA+C;IACvE,OAAO,CAAC,gBAAgB,CAAS;IAEjC,SAAgB,YAAY,gBAAuB;IACnD,SAAgB,OAAO,qEAAiD;IACxE,SAAgB,aAAa,qEAAiD;IAC9E,SAAgB,QAAQ,qEAAiD;IACzE,SAAgB,IAAI,qDAA8B;IAClD,SAAgB,UAAU,oFAA6D;IAEvF,SAAS,CAAC,QAAQ,CAAC,SAAS,kDAAiB;IAC7C,SAAS,CAAC,QAAQ,CAAC,cAAc,kDAAiB;IAClD,SAAS,CAAC,QAAQ,CAAC,WAAW,uEAAmD;IACjF,SAAS,CAAC,QAAQ,CAAC,aAAa,iDAAkB;IAClD,SAAS,CAAC,QAAQ,CAAC,iBAAiB,kDAAiB;IACrD,SAAS,CAAC,QAAQ,CAAC,SAAS,iDAAe;IAC3C,SAAS,CAAC,QAAQ,CAAC,iBAAiB,sEAA6C;IACjF,SAAS,CAAC,QAAQ,CAAC,aAAa,kDAAiB;;IAW1C,WAAW,IAAI,IAAI;IAInB,WAAW,IAAI,IAAI;IAInB,cAAc,CAAC,IAAI,EAAE,4BAA4B,EAAE,aAAa,EAAE,MAAM,GAAG,IAAI;IAK/E,kBAAkB,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAIxC,YAAY,CACjB,SAAS,EAAE,MAAM,EACjB,aAAa,EAAE,OAAO,EACtB,iBAAiB,EAAE,WAAW,CAAC,OAAO,CAAC,GAAG,IAAI,GAC7C,IAAI;IAMP,SAAS,CAAC,gBAAgB,IAAI,OAAO;IAarC,SAAS,CAAC,WAAW,IAAI,OAAO;IAIhC,SAAS,CAAC,aAAa,IAAI,OAAO;IAIlC,SAAS,CAAC,WAAW,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAU9C,SAAS,CAAC,SAAS,IAAI,IAAI;IAK3B,SAAS,CAAC,aAAa,IAAI,IAAI;IAK/B,SAAS,CAAC,WAAW,IAAI,IAAI;IAK7B,SAAS,CAAC,YAAY,IAAI,IAAI;IAK9B,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAa5C,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;yCAxHlC,0BAA0B;2CAA1B,0BAA0B;CAiItC;AACD,OAAO,EAAE,0BAA0B,IAAI,iBAAiB,EAAE,CAAC"}

package/src/lib/navigation/breadcrumb/tng-breadcrumb-item.component.js

@@ -1,27 +1,27 @@
-import { __decorate } from "tslib";
 import { NgTemplateOutlet } from '@angular/common';
 import { booleanAttribute, Component, ElementRef, HostListener, inject, input, signal, } from '@angular/core';
 import { RouterLink } from '@angular/router';
 import { TngBreadcrumbItem as TngBreadcrumbItemPrimitive, TngBreadcrumbLink as TngBreadcrumbLinkPrimitive, } from '@tailng-ui/primitives';
 import { Subject } from 'rxjs';
 import { TngBreadcrumbSeparatorComponent } from './tng-breadcrumb-separator.component';
-let TngBreadcrumbItemComponent = class TngBreadcrumbItemComponent {
+import * as i0 from "@angular/core";
+export class TngBreadcrumbItemComponent {
     hostRef = inject(ElementRef);
     keyboardModality = false;
     stateChanges = new Subject();
-    current = input(false, { transform: booleanAttribute });
-    currentAsLink = input(false, { transform: booleanAttribute });
-    disabled = input(false, { transform: booleanAttribute });
-    href = input(null);
-    routerLink = input(null);
-    isFocused = signal(false);
-    isFocusVisible = signal(false);
-    displayMode = signal('visible');
-    collapseLabel = signal('More');
-    isResolvedCurrent = signal(false);
-    separator = signal('/');
-    separatorTemplate = signal(null);
-    showSeparator = signal(false);
+    current = input(false, { ...(ngDevMode ? { debugName: "current" } : {}), transform: booleanAttribute });
+    currentAsLink = input(false, { ...(ngDevMode ? { debugName: "currentAsLink" } : {}), transform: booleanAttribute });
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
+    href = input(null, ...(ngDevMode ? [{ debugName: "href" }] : []));
+    routerLink = input(null, ...(ngDevMode ? [{ debugName: "routerLink" }] : []));
+    isFocused = signal(false, ...(ngDevMode ? [{ debugName: "isFocused" }] : []));
+    isFocusVisible = signal(false, ...(ngDevMode ? [{ debugName: "isFocusVisible" }] : []));
+    displayMode = signal('visible', ...(ngDevMode ? [{ debugName: "displayMode" }] : []));
+    collapseLabel = signal('More', ...(ngDevMode ? [{ debugName: "collapseLabel" }] : []));
+    isResolvedCurrent = signal(false, ...(ngDevMode ? [{ debugName: "isResolvedCurrent" }] : []));
+    separator = signal('/', ...(ngDevMode ? [{ debugName: "separator" }] : []));
+    separatorTemplate = signal(null, ...(ngDevMode ? [{ debugName: "separatorTemplate" }] : []));
+    showSeparator = signal(false, ...(ngDevMode ? [{ debugName: "showSeparator" }] : []));
     constructor() {
         this.current();
         this.currentAsLink();
@@ -100,38 +100,36 @@ let TngBreadcrumbItemComponent = class TngBreadcrumbItemComponent {
         this.isFocused.set(false);
         this.isFocusVisible.set(false);
     }
-};
-__decorate([
-    HostListener('keydown')
-], TngBreadcrumbItemComponent.prototype, "onKeydown", null);
-__decorate([
-    HostListener('pointerdown')
-], TngBreadcrumbItemComponent.prototype, "onPointerdown", null);
-__decorate([
-    HostListener('mousedown')
-], TngBreadcrumbItemComponent.prototype, "onMousedown", null);
-__decorate([
-    HostListener('touchstart')
-], TngBreadcrumbItemComponent.prototype, "onTouchstart", null);
-__decorate([
-    HostListener('focusin', ['$event'])
-], TngBreadcrumbItemComponent.prototype, "onFocusin", null);
-__decorate([
-    HostListener('focusout', ['$event'])
-], TngBreadcrumbItemComponent.prototype, "onFocusout", null);
-TngBreadcrumbItemComponent = __decorate([
-    Component({
-        selector: 'tng-breadcrumb-item',
-        imports: [
-            RouterLink,
-            NgTemplateOutlet,
-            TngBreadcrumbItemPrimitive,
-            TngBreadcrumbLinkPrimitive,
-            TngBreadcrumbSeparatorComponent,
-        ],
-        templateUrl: './tng-breadcrumb-item.component.html',
-        styleUrl: './tng-breadcrumb-item.component.css',
-    })
-], TngBreadcrumbItemComponent);
-export { TngBreadcrumbItemComponent };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngBreadcrumbItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: TngBreadcrumbItemComponent, isStandalone: true, selector: "tng-breadcrumb-item", inputs: { current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, currentAsLink: { classPropertyName: "currentAsLink", publicName: "currentAsLink", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, routerLink: { classPropertyName: "routerLink", publicName: "routerLink", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown": "onKeydown()", "pointerdown": "onPointerdown()", "mousedown": "onMousedown()", "touchstart": "onTouchstart()", "focusin": "onFocusin($event)", "focusout": "onFocusout($event)" } }, usesOnChanges: true, ngImport: i0, template: "<ng-template #projectedContent>\n  <ng-content />\n</ng-template>\n\n<li\n  tngBreadcrumbItem\n  class=\"tng-breadcrumb-item\"\n  [attr.data-collapsed]=\"displayMode() === 'ellipsis' ? 'true' : null\"\n  [attr.data-current]=\"isResolvedCurrent() ? 'true' : null\"\n  [attr.data-disabled]=\"disabled() ? 'true' : null\"\n  [attr.data-focused]=\"isFocused() ? 'true' : null\"\n  [attr.data-focus-visible]=\"isFocusVisible() ? 'true' : null\"\n  [hidden]=\"displayMode() === 'hidden'\"\n>\n  @switch (displayMode()) {\n    @case ('ellipsis') {\n      <span class=\"tng-breadcrumb-item-ellipsis\" [attr.aria-label]=\"collapseLabel()\" aria-hidden=\"true\">\u2026</span>\n    }\n    @default {\n      @if (shouldRenderLink()) {\n        @if (hasRouterLink()) {\n          <a\n            tngBreadcrumbLink\n            class=\"tng-breadcrumb-item-link\"\n            [attr.aria-current]=\"isResolvedCurrent() ? 'page' : null\"\n            [attr.aria-disabled]=\"disabled() ? 'true' : null\"\n          [attr.tabindex]=\"disabled() ? '-1' : null\"\n          [routerLink]=\"routerLink()\"\n          (click)=\"onLinkClick($event)\"\n          >\n            <ng-container [ngTemplateOutlet]=\"projectedContent\" />\n          </a>\n        } @else {\n          <a\n            tngBreadcrumbLink\n            class=\"tng-breadcrumb-item-link\"\n            [attr.aria-current]=\"isResolvedCurrent() ? 'page' : null\"\n            [attr.aria-disabled]=\"disabled() ? 'true' : null\"\n            [attr.href]=\"href()\"\n            [attr.tabindex]=\"disabled() ? '-1' : null\"\n            (click)=\"onLinkClick($event)\"\n          >\n            <ng-container [ngTemplateOutlet]=\"projectedContent\" />\n          </a>\n        }\n      } @else {\n        <span class=\"tng-breadcrumb-item-text\" [attr.aria-current]=\"isResolvedCurrent() ? 'page' : null\">\n          <ng-container [ngTemplateOutlet]=\"projectedContent\" />\n        </span>\n      }\n    }\n  }\n\n  @if (showSeparator()) {\n    <tng-breadcrumb-separator [symbol]=\"separator()\" [template]=\"separatorTemplate()\" />\n  }\n</li>\n", styles: [":host {\n  display: contents;\n}\n\n.tng-breadcrumb-item {\n  align-items: center;\n  display: inline-flex;\n  gap: 0.45rem;\n}\n\n.tng-breadcrumb-item-link {\n  color: var(--tng-semantic-accent-brand);\n  text-decoration: none;\n}\n\n.tng-breadcrumb-item-link:hover {\n  text-decoration: underline;\n}\n\n.tng-breadcrumb-item-link[aria-disabled='true'] {\n  color: var(--tng-semantic-foreground-secondary);\n  cursor: default;\n  pointer-events: none;\n  text-decoration: none;\n}\n\n.tng-breadcrumb-item-text {\n  color: var(--tng-semantic-foreground-secondary);\n}\n\n.tng-breadcrumb-item[data-current='true'] .tng-breadcrumb-item-text,\n.tng-breadcrumb-item[data-current='true'] .tng-breadcrumb-item-link {\n  color: var(--tng-semantic-foreground-primary);\n  font-weight: 500;\n}\n\n.tng-breadcrumb-item[data-focus-visible='true'] .tng-breadcrumb-item-link {\n  text-decoration: underline;\n}\n\n.tng-breadcrumb-item-ellipsis {\n  color: var(--tng-semantic-foreground-secondary);\n  user-select: none;\n}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: TngBreadcrumbItemPrimitive, selector: "[tngBreadcrumbItem]", exportAs: ["tngBreadcrumbItem"] }, { kind: "directive", type: TngBreadcrumbLinkPrimitive, selector: "[tngBreadcrumbLink]", exportAs: ["tngBreadcrumbLink"] }, { kind: "component", type: TngBreadcrumbSeparatorComponent, selector: "tng-breadcrumb-separator", inputs: ["symbol", "template"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngBreadcrumbItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-breadcrumb-item', imports: [
+                        RouterLink,
+                        NgTemplateOutlet,
+                        TngBreadcrumbItemPrimitive,
+                        TngBreadcrumbLinkPrimitive,
+                        TngBreadcrumbSeparatorComponent,
+                    ], template: "<ng-template #projectedContent>\n  <ng-content />\n</ng-template>\n\n<li\n  tngBreadcrumbItem\n  class=\"tng-breadcrumb-item\"\n  [attr.data-collapsed]=\"displayMode() === 'ellipsis' ? 'true' : null\"\n  [attr.data-current]=\"isResolvedCurrent() ? 'true' : null\"\n  [attr.data-disabled]=\"disabled() ? 'true' : null\"\n  [attr.data-focused]=\"isFocused() ? 'true' : null\"\n  [attr.data-focus-visible]=\"isFocusVisible() ? 'true' : null\"\n  [hidden]=\"displayMode() === 'hidden'\"\n>\n  @switch (displayMode()) {\n    @case ('ellipsis') {\n      <span class=\"tng-breadcrumb-item-ellipsis\" [attr.aria-label]=\"collapseLabel()\" aria-hidden=\"true\">\u2026</span>\n    }\n    @default {\n      @if (shouldRenderLink()) {\n        @if (hasRouterLink()) {\n          <a\n            tngBreadcrumbLink\n            class=\"tng-breadcrumb-item-link\"\n            [attr.aria-current]=\"isResolvedCurrent() ? 'page' : null\"\n            [attr.aria-disabled]=\"disabled() ? 'true' : null\"\n          [attr.tabindex]=\"disabled() ? '-1' : null\"\n          [routerLink]=\"routerLink()\"\n          (click)=\"onLinkClick($event)\"\n          >\n            <ng-container [ngTemplateOutlet]=\"projectedContent\" />\n          </a>\n        } @else {\n          <a\n            tngBreadcrumbLink\n            class=\"tng-breadcrumb-item-link\"\n            [attr.aria-current]=\"isResolvedCurrent() ? 'page' : null\"\n            [attr.aria-disabled]=\"disabled() ? 'true' : null\"\n            [attr.href]=\"href()\"\n            [attr.tabindex]=\"disabled() ? '-1' : null\"\n            (click)=\"onLinkClick($event)\"\n          >\n            <ng-container [ngTemplateOutlet]=\"projectedContent\" />\n          </a>\n        }\n      } @else {\n        <span class=\"tng-breadcrumb-item-text\" [attr.aria-current]=\"isResolvedCurrent() ? 'page' : null\">\n          <ng-container [ngTemplateOutlet]=\"projectedContent\" />\n        </span>\n      }\n    }\n  }\n\n  @if (showSeparator()) {\n    <tng-breadcrumb-separator [symbol]=\"separator()\" [template]=\"separatorTemplate()\" />\n  }\n</li>\n", styles: [":host {\n  display: contents;\n}\n\n.tng-breadcrumb-item {\n  align-items: center;\n  display: inline-flex;\n  gap: 0.45rem;\n}\n\n.tng-breadcrumb-item-link {\n  color: var(--tng-semantic-accent-brand);\n  text-decoration: none;\n}\n\n.tng-breadcrumb-item-link:hover {\n  text-decoration: underline;\n}\n\n.tng-breadcrumb-item-link[aria-disabled='true'] {\n  color: var(--tng-semantic-foreground-secondary);\n  cursor: default;\n  pointer-events: none;\n  text-decoration: none;\n}\n\n.tng-breadcrumb-item-text {\n  color: var(--tng-semantic-foreground-secondary);\n}\n\n.tng-breadcrumb-item[data-current='true'] .tng-breadcrumb-item-text,\n.tng-breadcrumb-item[data-current='true'] .tng-breadcrumb-item-link {\n  color: var(--tng-semantic-foreground-primary);\n  font-weight: 500;\n}\n\n.tng-breadcrumb-item[data-focus-visible='true'] .tng-breadcrumb-item-link {\n  text-decoration: underline;\n}\n\n.tng-breadcrumb-item-ellipsis {\n  color: var(--tng-semantic-foreground-secondary);\n  user-select: none;\n}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { current: [{ type: i0.Input, args: [{ isSignal: true, alias: "current", required: false }] }], currentAsLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentAsLink", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], routerLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "routerLink", required: false }] }], onKeydown: [{
+                type: HostListener,
+                args: ['keydown']
+            }], onPointerdown: [{
+                type: HostListener,
+                args: ['pointerdown']
+            }], onMousedown: [{
+                type: HostListener,
+                args: ['mousedown']
+            }], onTouchstart: [{
+                type: HostListener,
+                args: ['touchstart']
+            }], onFocusin: [{
+                type: HostListener,
+                args: ['focusin', ['$event']]
+            }], onFocusout: [{
+                type: HostListener,
+                args: ['focusout', ['$event']]
+            }] } });
+export { TngBreadcrumbItemComponent as TngBreadcrumbItem };
 //# sourceMappingURL=tng-breadcrumb-item.component.js.map

package/src/lib/navigation/breadcrumb/tng-breadcrumb-item.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-breadcrumb-item.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/breadcrumb/tng-breadcrumb-item.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport {\n  booleanAttribute,\n  Component,\n  ElementRef,\n  HostListener,\n  inject,\n  input,\n  signal,\n  type TemplateRef,\n} from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport {\n  TngBreadcrumbItem as TngBreadcrumbItemPrimitive,\n  TngBreadcrumbLink as TngBreadcrumbLinkPrimitive,\n} from '@tailng-ui/primitives';\nimport { Subject } from 'rxjs';\nimport { TngBreadcrumbSeparatorComponent } from './tng-breadcrumb-separator.component';\n\nexport type TngBreadcrumbItemDisplayMode = 'ellipsis' | 'hidden' | 'visible';\n\n@Component({\n  selector: 'tng-breadcrumb-item',\n  imports: [\n    RouterLink,\n    NgTemplateOutlet,\n    TngBreadcrumbItemPrimitive,\n    TngBreadcrumbLinkPrimitive,\n    TngBreadcrumbSeparatorComponent,\n  ],\n  templateUrl: './tng-breadcrumb-item.component.html',\n  styleUrl: './tng-breadcrumb-item.component.css',\n})\nexport class TngBreadcrumbItemComponent {\n  private readonly hostRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private keyboardModality = false;\n\n  public readonly stateChanges = new Subject<void>();\n  public readonly current = input(false, { transform: booleanAttribute });\n  public readonly currentAsLink = input(false, { transform: booleanAttribute });\n  public readonly disabled = input(false, { transform: booleanAttribute });\n  public readonly href = input<string | null>(null);\n  public readonly routerLink = input<string | readonly (number | string)[] | null>(null);\n\n  protected readonly isFocused = signal(false);\n  protected readonly isFocusVisible = signal(false);\n  protected readonly displayMode = signal<TngBreadcrumbItemDisplayMode>('visible');\n  protected readonly collapseLabel = signal('More');\n  protected readonly isResolvedCurrent = signal(false);\n  protected readonly separator = signal('/');\n  protected readonly separatorTemplate = signal<TemplateRef<unknown> | null>(null);\n  protected readonly showSeparator = signal(false);\n\n  public constructor() {\n    this.current();\n    this.currentAsLink();\n    this.disabled();\n    this.href();\n    this.routerLink();\n    queueMicrotask(() => this.stateChanges.next());\n  }\n\n  public ngOnChanges(): void {\n    this.stateChanges.next();\n  }\n\n  public ngOnDestroy(): void {\n    this.stateChanges.complete();\n  }\n\n  public setDisplayMode(mode: TngBreadcrumbItemDisplayMode, collapseLabel: string): void {\n    this.displayMode.set(mode);\n    this.collapseLabel.set(collapseLabel);\n  }\n\n  public setResolvedCurrent(value: boolean): void {\n    this.isResolvedCurrent.set(value);\n  }\n\n  public setSeparator(\n    separator: string,\n    showSeparator: boolean,\n    separatorTemplate: TemplateRef<unknown> | null,\n  ): void {\n    this.separator.set(separator);\n    this.showSeparator.set(showSeparator);\n    this.separatorTemplate.set(separatorTemplate);\n  }\n\n  protected shouldRenderLink(): boolean {\n    const hasExplicitTarget = this.hasHrefLink() || this.hasRouterLink();\n    if (!hasExplicitTarget) {\n      return false;\n    }\n\n    if (!this.isResolvedCurrent()) {\n      return true;\n    }\n\n    return this.currentAsLink();\n  }\n\n  protected hasHrefLink(): boolean {\n    return this.href() !== null;\n  }\n\n  protected hasRouterLink(): boolean {\n    return this.routerLink() !== null;\n  }\n\n  protected onLinkClick(event: MouseEvent): void {\n    if (!this.disabled()) {\n      return;\n    }\n\n    event.preventDefault();\n    event.stopImmediatePropagation();\n  }\n\n  @HostListener('keydown')\n  protected onKeydown(): void {\n    this.keyboardModality = true;\n  }\n\n  @HostListener('pointerdown')\n  protected onPointerdown(): void {\n    this.keyboardModality = false;\n  }\n\n  @HostListener('mousedown')\n  protected onMousedown(): void {\n    this.keyboardModality = false;\n  }\n\n  @HostListener('touchstart')\n  protected onTouchstart(): void {\n    this.keyboardModality = false;\n  }\n\n  @HostListener('focusin', ['$event'])\n  protected onFocusin(event: FocusEvent): void {\n    this.isFocused.set(true);\n\n    const target = event.target;\n    if (target instanceof HTMLElement) {\n      this.isFocusVisible.set(target.matches(':focus-visible') || this.keyboardModality);\n      return;\n    }\n\n    this.isFocusVisible.set(this.keyboardModality);\n  }\n\n  @HostListener('focusout', ['$event'])\n  protected onFocusout(event: FocusEvent): void {\n    const relatedTarget = event.relatedTarget;\n    if (relatedTarget instanceof Node && this.hostRef.nativeElement.contains(relatedTarget)) {\n      return;\n    }\n\n    this.isFocused.set(false);\n    this.isFocusVisible.set(false);\n  }\n}\n"]}
+{"version":3,"file":"tng-breadcrumb-item.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/breadcrumb/tng-breadcrumb-item.component.ts","../../../../../../../../libs/tailng-ui/components/src/lib/navigation/breadcrumb/tng-breadcrumb-item.component.html"],"names":[],"mappings":"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","sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport {\n  booleanAttribute,\n  Component,\n  ElementRef,\n  HostListener,\n  inject,\n  input,\n  signal,\n  type TemplateRef,\n} from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport {\n  TngBreadcrumbItem as TngBreadcrumbItemPrimitive,\n  TngBreadcrumbLink as TngBreadcrumbLinkPrimitive,\n} from '@tailng-ui/primitives';\nimport { Subject } from 'rxjs';\nimport { TngBreadcrumbSeparatorComponent } from './tng-breadcrumb-separator.component';\n\nexport type TngBreadcrumbItemDisplayMode = 'ellipsis' | 'hidden' | 'visible';\n\n@Component({\n  selector: 'tng-breadcrumb-item',\n  imports: [\n    RouterLink,\n    NgTemplateOutlet,\n    TngBreadcrumbItemPrimitive,\n    TngBreadcrumbLinkPrimitive,\n    TngBreadcrumbSeparatorComponent,\n  ],\n  templateUrl: './tng-breadcrumb-item.component.html',\n  styleUrl: './tng-breadcrumb-item.component.css',\n})\nexport class TngBreadcrumbItemComponent {\n  private readonly hostRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private keyboardModality = false;\n\n  public readonly stateChanges = new Subject<void>();\n  public readonly current = input(false, { transform: booleanAttribute });\n  public readonly currentAsLink = input(false, { transform: booleanAttribute });\n  public readonly disabled = input(false, { transform: booleanAttribute });\n  public readonly href = input<string | null>(null);\n  public readonly routerLink = input<string | readonly (number | string)[] | null>(null);\n\n  protected readonly isFocused = signal(false);\n  protected readonly isFocusVisible = signal(false);\n  protected readonly displayMode = signal<TngBreadcrumbItemDisplayMode>('visible');\n  protected readonly collapseLabel = signal('More');\n  protected readonly isResolvedCurrent = signal(false);\n  protected readonly separator = signal('/');\n  protected readonly separatorTemplate = signal<TemplateRef<unknown> | null>(null);\n  protected readonly showSeparator = signal(false);\n\n  public constructor() {\n    this.current();\n    this.currentAsLink();\n    this.disabled();\n    this.href();\n    this.routerLink();\n    queueMicrotask(() => this.stateChanges.next());\n  }\n\n  public ngOnChanges(): void {\n    this.stateChanges.next();\n  }\n\n  public ngOnDestroy(): void {\n    this.stateChanges.complete();\n  }\n\n  public setDisplayMode(mode: TngBreadcrumbItemDisplayMode, collapseLabel: string): void {\n    this.displayMode.set(mode);\n    this.collapseLabel.set(collapseLabel);\n  }\n\n  public setResolvedCurrent(value: boolean): void {\n    this.isResolvedCurrent.set(value);\n  }\n\n  public setSeparator(\n    separator: string,\n    showSeparator: boolean,\n    separatorTemplate: TemplateRef<unknown> | null,\n  ): void {\n    this.separator.set(separator);\n    this.showSeparator.set(showSeparator);\n    this.separatorTemplate.set(separatorTemplate);\n  }\n\n  protected shouldRenderLink(): boolean {\n    const hasExplicitTarget = this.hasHrefLink() || this.hasRouterLink();\n    if (!hasExplicitTarget) {\n      return false;\n    }\n\n    if (!this.isResolvedCurrent()) {\n      return true;\n    }\n\n    return this.currentAsLink();\n  }\n\n  protected hasHrefLink(): boolean {\n    return this.href() !== null;\n  }\n\n  protected hasRouterLink(): boolean {\n    return this.routerLink() !== null;\n  }\n\n  protected onLinkClick(event: MouseEvent): void {\n    if (!this.disabled()) {\n      return;\n    }\n\n    event.preventDefault();\n    event.stopImmediatePropagation();\n  }\n\n  @HostListener('keydown')\n  protected onKeydown(): void {\n    this.keyboardModality = true;\n  }\n\n  @HostListener('pointerdown')\n  protected onPointerdown(): void {\n    this.keyboardModality = false;\n  }\n\n  @HostListener('mousedown')\n  protected onMousedown(): void {\n    this.keyboardModality = false;\n  }\n\n  @HostListener('touchstart')\n  protected onTouchstart(): void {\n    this.keyboardModality = false;\n  }\n\n  @HostListener('focusin', ['$event'])\n  protected onFocusin(event: FocusEvent): void {\n    this.isFocused.set(true);\n\n    const target = event.target;\n    if (target instanceof HTMLElement) {\n      this.isFocusVisible.set(target.matches(':focus-visible') || this.keyboardModality);\n      return;\n    }\n\n    this.isFocusVisible.set(this.keyboardModality);\n  }\n\n  @HostListener('focusout', ['$event'])\n  protected onFocusout(event: FocusEvent): void {\n    const relatedTarget = event.relatedTarget;\n    if (relatedTarget instanceof Node && this.hostRef.nativeElement.contains(relatedTarget)) {\n      return;\n    }\n\n    this.isFocused.set(false);\n    this.isFocusVisible.set(false);\n  }\n}\nexport { TngBreadcrumbItemComponent as TngBreadcrumbItem };\n","<ng-template #projectedContent>\n  <ng-content />\n</ng-template>\n\n<li\n  tngBreadcrumbItem\n  class=\"tng-breadcrumb-item\"\n  [attr.data-collapsed]=\"displayMode() === 'ellipsis' ? 'true' : null\"\n  [attr.data-current]=\"isResolvedCurrent() ? 'true' : null\"\n  [attr.data-disabled]=\"disabled() ? 'true' : null\"\n  [attr.data-focused]=\"isFocused() ? 'true' : null\"\n  [attr.data-focus-visible]=\"isFocusVisible() ? 'true' : null\"\n  [hidden]=\"displayMode() === 'hidden'\"\n>\n  @switch (displayMode()) {\n    @case ('ellipsis') {\n      <span class=\"tng-breadcrumb-item-ellipsis\" [attr.aria-label]=\"collapseLabel()\" aria-hidden=\"true\">…</span>\n    }\n    @default {\n      @if (shouldRenderLink()) {\n        @if (hasRouterLink()) {\n          <a\n            tngBreadcrumbLink\n            class=\"tng-breadcrumb-item-link\"\n            [attr.aria-current]=\"isResolvedCurrent() ? 'page' : null\"\n            [attr.aria-disabled]=\"disabled() ? 'true' : null\"\n          [attr.tabindex]=\"disabled() ? '-1' : null\"\n          [routerLink]=\"routerLink()\"\n          (click)=\"onLinkClick($event)\"\n          >\n            <ng-container [ngTemplateOutlet]=\"projectedContent\" />\n          </a>\n        } @else {\n          <a\n            tngBreadcrumbLink\n            class=\"tng-breadcrumb-item-link\"\n            [attr.aria-current]=\"isResolvedCurrent() ? 'page' : null\"\n            [attr.aria-disabled]=\"disabled() ? 'true' : null\"\n            [attr.href]=\"href()\"\n            [attr.tabindex]=\"disabled() ? '-1' : null\"\n            (click)=\"onLinkClick($event)\"\n          >\n            <ng-container [ngTemplateOutlet]=\"projectedContent\" />\n          </a>\n        }\n      } @else {\n        <span class=\"tng-breadcrumb-item-text\" [attr.aria-current]=\"isResolvedCurrent() ? 'page' : null\">\n          <ng-container [ngTemplateOutlet]=\"projectedContent\" />\n        </span>\n      }\n    }\n  }\n\n  @if (showSeparator()) {\n    <tng-breadcrumb-separator [symbol]=\"separator()\" [template]=\"separatorTemplate()\" />\n  }\n</li>\n"]}

package/src/lib/navigation/breadcrumb/tng-breadcrumb-link.component.d.ts

@@ -1,3 +1,4 @@
+import * as i0 from "@angular/core";
 export declare class TngBreadcrumbLinkComponent {
     readonly current: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
@@ -6,5 +7,8 @@ export declare class TngBreadcrumbLinkComponent {
     readonly routerLink: import("@angular/core").InputSignal<string | readonly (string | number)[] | null>;
     readonly target: import("@angular/core").InputSignal<string | null>;
     protected onClick(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngBreadcrumbLinkComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngBreadcrumbLinkComponent, "tng-breadcrumb-link", never, { "current": { "alias": "current"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "rel": { "alias": "rel"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
+export { TngBreadcrumbLinkComponent as TngBreadcrumbLink };
 //# sourceMappingURL=tng-breadcrumb-link.component.d.ts.map

package/src/lib/navigation/breadcrumb/tng-breadcrumb-link.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-breadcrumb-link.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/breadcrumb/tng-breadcrumb-link.component.ts"],"names":[],"mappings":"AAIA,qBAMa,0BAA0B;IACrC,SAAgB,OAAO,qEAAiD;IACxE,SAAgB,QAAQ,qEAAiD;IACzE,SAAgB,IAAI,qDAA8B;IAClD,SAAgB,GAAG,qDAA8B;IACjD,SAAgB,UAAU,oFAA6D;IACvF,SAAgB,MAAM,qDAA8B;IAEpD,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;CAQ3C"}
+{"version":3,"file":"tng-breadcrumb-link.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/breadcrumb/tng-breadcrumb-link.component.ts"],"names":[],"mappings":";AAIA,qBAMa,0BAA0B;IACrC,SAAgB,OAAO,qEAAiD;IACxE,SAAgB,QAAQ,qEAAiD;IACzE,SAAgB,IAAI,qDAA8B;IAClD,SAAgB,GAAG,qDAA8B;IACjD,SAAgB,UAAU,oFAA6D;IACvF,SAAgB,MAAM,qDAA8B;IAEpD,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;yCAR/B,0BAA0B;2CAA1B,0BAA0B;CAgBtC;AACD,OAAO,EAAE,0BAA0B,IAAI,iBAAiB,EAAE,CAAC"}

package/src/lib/navigation/breadcrumb/tng-breadcrumb-link.component.js

@@ -1,14 +1,14 @@
-import { __decorate } from "tslib";
 import { booleanAttribute, Component, input } from '@angular/core';
 import { RouterLink } from '@angular/router';
 import { TngBreadcrumbLink as TngBreadcrumbLinkPrimitive } from '@tailng-ui/primitives';
-let TngBreadcrumbLinkComponent = class TngBreadcrumbLinkComponent {
-    current = input(false, { transform: booleanAttribute });
-    disabled = input(false, { transform: booleanAttribute });
-    href = input(null);
-    rel = input(null);
-    routerLink = input(null);
-    target = input(null);
+import * as i0 from "@angular/core";
+export class TngBreadcrumbLinkComponent {
+    current = input(false, { ...(ngDevMode ? { debugName: "current" } : {}), transform: booleanAttribute });
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
+    href = input(null, ...(ngDevMode ? [{ debugName: "href" }] : []));
+    rel = input(null, ...(ngDevMode ? [{ debugName: "rel" }] : []));
+    routerLink = input(null, ...(ngDevMode ? [{ debugName: "routerLink" }] : []));
+    target = input(null, ...(ngDevMode ? [{ debugName: "target" }] : []));
     onClick(event) {
         if (!this.disabled()) {
             return;
@@ -16,14 +16,12 @@ let TngBreadcrumbLinkComponent = class TngBreadcrumbLinkComponent {
         event.preventDefault();
         event.stopImmediatePropagation();
     }
-};
-TngBreadcrumbLinkComponent = __decorate([
-    Component({
-        selector: 'tng-breadcrumb-link',
-        imports: [RouterLink, TngBreadcrumbLinkPrimitive],
-        templateUrl: './tng-breadcrumb-link.component.html',
-        styleUrl: './tng-breadcrumb-link.component.css',
-    })
-], TngBreadcrumbLinkComponent);
-export { TngBreadcrumbLinkComponent };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngBreadcrumbLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: TngBreadcrumbLinkComponent, isStandalone: true, selector: "tng-breadcrumb-link", inputs: { current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, rel: { classPropertyName: "rel", publicName: "rel", isSignal: true, isRequired: false, transformFunction: null }, routerLink: { classPropertyName: "routerLink", publicName: "routerLink", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<a\n  tngBreadcrumbLink\n  class=\"tng-breadcrumb-link\"\n  [attr.aria-current]=\"current() ? 'page' : null\"\n  [attr.aria-disabled]=\"disabled() ? 'true' : null\"\n  [attr.href]=\"href()\"\n  [attr.rel]=\"rel()\"\n  [attr.tabindex]=\"disabled() ? '-1' : null\"\n  [attr.target]=\"target()\"\n  [routerLink]=\"routerLink()\"\n  (click)=\"onClick($event)\"\n>\n  <ng-content />\n</a>\n", styles: [":host {\n  display: inline-flex;\n}\n\n.tng-breadcrumb-link {\n  color: var(--tng-semantic-accent-brand);\n  text-decoration: none;\n}\n\n.tng-breadcrumb-link:hover {\n  text-decoration: underline;\n}\n\n.tng-breadcrumb-link[aria-disabled='true'] {\n  color: var(--tng-semantic-foreground-secondary);\n  cursor: default;\n  pointer-events: none;\n  text-decoration: none;\n}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: TngBreadcrumbLinkPrimitive, selector: "[tngBreadcrumbLink]", exportAs: ["tngBreadcrumbLink"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngBreadcrumbLinkComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-breadcrumb-link', imports: [RouterLink, TngBreadcrumbLinkPrimitive], template: "<a\n  tngBreadcrumbLink\n  class=\"tng-breadcrumb-link\"\n  [attr.aria-current]=\"current() ? 'page' : null\"\n  [attr.aria-disabled]=\"disabled() ? 'true' : null\"\n  [attr.href]=\"href()\"\n  [attr.rel]=\"rel()\"\n  [attr.tabindex]=\"disabled() ? '-1' : null\"\n  [attr.target]=\"target()\"\n  [routerLink]=\"routerLink()\"\n  (click)=\"onClick($event)\"\n>\n  <ng-content />\n</a>\n", styles: [":host {\n  display: inline-flex;\n}\n\n.tng-breadcrumb-link {\n  color: var(--tng-semantic-accent-brand);\n  text-decoration: none;\n}\n\n.tng-breadcrumb-link:hover {\n  text-decoration: underline;\n}\n\n.tng-breadcrumb-link[aria-disabled='true'] {\n  color: var(--tng-semantic-foreground-secondary);\n  cursor: default;\n  pointer-events: none;\n  text-decoration: none;\n}\n"] }]
+        }], propDecorators: { current: [{ type: i0.Input, args: [{ isSignal: true, alias: "current", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], rel: [{ type: i0.Input, args: [{ isSignal: true, alias: "rel", required: false }] }], routerLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "routerLink", required: false }] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }] } });
+export { TngBreadcrumbLinkComponent as TngBreadcrumbLink };
 //# sourceMappingURL=tng-breadcrumb-link.component.js.map

package/src/lib/navigation/breadcrumb/tng-breadcrumb-link.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-breadcrumb-link.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/breadcrumb/tng-breadcrumb-link.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,IAAI,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAQjF,IAAM,0BAA0B,GAAhC,MAAM,0BAA0B;IACrB,OAAO,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC;IACxD,QAAQ,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC;IACzD,IAAI,GAAG,KAAK,CAAgB,IAAI,CAAC,CAAC;IAClC,GAAG,GAAG,KAAK,CAAgB,IAAI,CAAC,CAAC;IACjC,UAAU,GAAG,KAAK,CAA+C,IAAI,CAAC,CAAC;IACvE,MAAM,GAAG,KAAK,CAAgB,IAAI,CAAC,CAAC;IAE1C,OAAO,CAAC,KAAiB;QACjC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;YACrB,OAAO;QACT,CAAC;QAED,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,wBAAwB,EAAE,CAAC;IACnC,CAAC;CACF,CAAA;AAhBY,0BAA0B;IANtC,SAAS,CAAC;QACT,QAAQ,EAAE,qBAAqB;QAC/B,OAAO,EAAE,CAAC,UAAU,EAAE,0BAA0B,CAAC;QACjD,WAAW,EAAE,sCAAsC;QACnD,QAAQ,EAAE,qCAAqC;KAChD,CAAC;GACW,0BAA0B,CAgBtC","sourcesContent":["import { booleanAttribute, Component, input } from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport { TngBreadcrumbLink as TngBreadcrumbLinkPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-breadcrumb-link',\n  imports: [RouterLink, TngBreadcrumbLinkPrimitive],\n  templateUrl: './tng-breadcrumb-link.component.html',\n  styleUrl: './tng-breadcrumb-link.component.css',\n})\nexport class TngBreadcrumbLinkComponent {\n  public readonly current = input(false, { transform: booleanAttribute });\n  public readonly disabled = input(false, { transform: booleanAttribute });\n  public readonly href = input<string | null>(null);\n  public readonly rel = input<string | null>(null);\n  public readonly routerLink = input<string | readonly (number | string)[] | null>(null);\n  public readonly target = input<string | null>(null);\n\n  protected onClick(event: MouseEvent): void {\n    if (!this.disabled()) {\n      return;\n    }\n\n    event.preventDefault();\n    event.stopImmediatePropagation();\n  }\n}\n"]}
+{"version":3,"file":"tng-breadcrumb-link.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/breadcrumb/tng-breadcrumb-link.component.ts","../../../../../../../../libs/tailng-ui/components/src/lib/navigation/breadcrumb/tng-breadcrumb-link.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,IAAI,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;;AAQxF,MAAM,OAAO,0BAA0B;IACrB,OAAO,GAAG,KAAK,CAAC,KAAK,oDAAI,SAAS,EAAE,gBAAgB,GAAG,CAAC;IACxD,QAAQ,GAAG,KAAK,CAAC,KAAK,qDAAI,SAAS,EAAE,gBAAgB,GAAG,CAAC;IACzD,IAAI,GAAG,KAAK,CAAgB,IAAI,gDAAC,CAAC;IAClC,GAAG,GAAG,KAAK,CAAgB,IAAI,+CAAC,CAAC;IACjC,UAAU,GAAG,KAAK,CAA+C,IAAI,sDAAC,CAAC;IACvE,MAAM,GAAG,KAAK,CAAgB,IAAI,kDAAC,CAAC;IAE1C,OAAO,CAAC,KAAiB;QACjC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;YACrB,OAAO;QACT,CAAC;QAED,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,wBAAwB,EAAE,CAAC;IACnC,CAAC;uGAfU,0BAA0B;2FAA1B,0BAA0B,m0BCVvC,mYAcA,kbDRY,UAAU,oOAAE,0BAA0B;;2FAIrC,0BAA0B;kBANtC,SAAS;+BACE,qBAAqB,WACtB,CAAC,UAAU,EAAE,0BAA0B,CAAC;;AAqBnD,OAAO,EAAE,0BAA0B,IAAI,iBAAiB,EAAE,CAAC","sourcesContent":["import { booleanAttribute, Component, input } from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport { TngBreadcrumbLink as TngBreadcrumbLinkPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-breadcrumb-link',\n  imports: [RouterLink, TngBreadcrumbLinkPrimitive],\n  templateUrl: './tng-breadcrumb-link.component.html',\n  styleUrl: './tng-breadcrumb-link.component.css',\n})\nexport class TngBreadcrumbLinkComponent {\n  public readonly current = input(false, { transform: booleanAttribute });\n  public readonly disabled = input(false, { transform: booleanAttribute });\n  public readonly href = input<string | null>(null);\n  public readonly rel = input<string | null>(null);\n  public readonly routerLink = input<string | readonly (number | string)[] | null>(null);\n  public readonly target = input<string | null>(null);\n\n  protected onClick(event: MouseEvent): void {\n    if (!this.disabled()) {\n      return;\n    }\n\n    event.preventDefault();\n    event.stopImmediatePropagation();\n  }\n}\nexport { TngBreadcrumbLinkComponent as TngBreadcrumbLink };\n","<a\n  tngBreadcrumbLink\n  class=\"tng-breadcrumb-link\"\n  [attr.aria-current]=\"current() ? 'page' : null\"\n  [attr.aria-disabled]=\"disabled() ? 'true' : null\"\n  [attr.href]=\"href()\"\n  [attr.rel]=\"rel()\"\n  [attr.tabindex]=\"disabled() ? '-1' : null\"\n  [attr.target]=\"target()\"\n  [routerLink]=\"routerLink()\"\n  (click)=\"onClick($event)\"\n>\n  <ng-content />\n</a>\n"]}

package/src/lib/navigation/breadcrumb/tng-breadcrumb-list.component.d.ts

@@ -1,3 +1,7 @@
+import * as i0 from "@angular/core";
 export declare class TngBreadcrumbListComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngBreadcrumbListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngBreadcrumbListComponent, "tng-breadcrumb-list", never, {}, {}, never, ["*"], true, never>;
 }
+export { TngBreadcrumbListComponent as TngBreadcrumbList };
 //# sourceMappingURL=tng-breadcrumb-list.component.d.ts.map

package/src/lib/navigation/breadcrumb/tng-breadcrumb-list.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-breadcrumb-list.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/breadcrumb/tng-breadcrumb-list.component.ts"],"names":[],"mappings":"AAGA,qBAMa,0BAA0B;CAAG"}
+{"version":3,"file":"tng-breadcrumb-list.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/breadcrumb/tng-breadcrumb-list.component.ts"],"names":[],"mappings":";AAGA,qBAMa,0BAA0B;yCAA1B,0BAA0B;2CAA1B,0BAA0B;CAAG;AAC1C,OAAO,EAAE,0BAA0B,IAAI,iBAAiB,EAAE,CAAC"}

package/src/lib/navigation/breadcrumb/tng-breadcrumb-list.component.js

@@ -1,15 +1,13 @@
-import { __decorate } from "tslib";
 import { Component } from '@angular/core';
 import { TngBreadcrumbList as TngBreadcrumbListPrimitive } from '@tailng-ui/primitives';
-let TngBreadcrumbListComponent = class TngBreadcrumbListComponent {
-};
-TngBreadcrumbListComponent = __decorate([
-    Component({
-        selector: 'tng-breadcrumb-list',
-        imports: [TngBreadcrumbListPrimitive],
-        templateUrl: './tng-breadcrumb-list.component.html',
-        styleUrl: './tng-breadcrumb-list.component.css',
-    })
-], TngBreadcrumbListComponent);
-export { TngBreadcrumbListComponent };
+import * as i0 from "@angular/core";
+export class TngBreadcrumbListComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngBreadcrumbListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: TngBreadcrumbListComponent, isStandalone: true, selector: "tng-breadcrumb-list", ngImport: i0, template: "<ol tngBreadcrumbList class=\"tng-breadcrumb-list\">\n  <ng-content />\n</ol>\n", styles: [":host {\n  display: contents;\n}\n\n.tng-breadcrumb-list {\n  align-items: center;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.45rem;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n"], dependencies: [{ kind: "directive", type: TngBreadcrumbListPrimitive, selector: "[tngBreadcrumbList]", exportAs: ["tngBreadcrumbList"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngBreadcrumbListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-breadcrumb-list', imports: [TngBreadcrumbListPrimitive], template: "<ol tngBreadcrumbList class=\"tng-breadcrumb-list\">\n  <ng-content />\n</ol>\n", styles: [":host {\n  display: contents;\n}\n\n.tng-breadcrumb-list {\n  align-items: center;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.45rem;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n"] }]
+        }] });
+export { TngBreadcrumbListComponent as TngBreadcrumbList };
 //# sourceMappingURL=tng-breadcrumb-list.component.js.map

package/src/lib/navigation/breadcrumb/tng-breadcrumb-list.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-breadcrumb-list.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/breadcrumb/tng-breadcrumb-list.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,iBAAiB,IAAI,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAQjF,IAAM,0BAA0B,GAAhC,MAAM,0BAA0B;CAAG,CAAA;AAA7B,0BAA0B;IANtC,SAAS,CAAC;QACT,QAAQ,EAAE,qBAAqB;QAC/B,OAAO,EAAE,CAAC,0BAA0B,CAAC;QACrC,WAAW,EAAE,sCAAsC;QACnD,QAAQ,EAAE,qCAAqC;KAChD,CAAC;GACW,0BAA0B,CAAG","sourcesContent":["import { Component } from '@angular/core';\nimport { TngBreadcrumbList as TngBreadcrumbListPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-breadcrumb-list',\n  imports: [TngBreadcrumbListPrimitive],\n  templateUrl: './tng-breadcrumb-list.component.html',\n  styleUrl: './tng-breadcrumb-list.component.css',\n})\nexport class TngBreadcrumbListComponent {}\n"]}
+{"version":3,"file":"tng-breadcrumb-list.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/breadcrumb/tng-breadcrumb-list.component.ts","../../../../../../../../libs/tailng-ui/components/src/lib/navigation/breadcrumb/tng-breadcrumb-list.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,iBAAiB,IAAI,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;;AAQxF,MAAM,OAAO,0BAA0B;uGAA1B,0BAA0B;2FAA1B,0BAA0B,+ECTvC,iFAGA,0PDEY,0BAA0B;;2FAIzB,0BAA0B;kBANtC,SAAS;+BACE,qBAAqB,WACtB,CAAC,0BAA0B,CAAC;;AAKvC,OAAO,EAAE,0BAA0B,IAAI,iBAAiB,EAAE,CAAC","sourcesContent":["import { Component } from '@angular/core';\nimport { TngBreadcrumbList as TngBreadcrumbListPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-breadcrumb-list',\n  imports: [TngBreadcrumbListPrimitive],\n  templateUrl: './tng-breadcrumb-list.component.html',\n  styleUrl: './tng-breadcrumb-list.component.css',\n})\nexport class TngBreadcrumbListComponent {}\nexport { TngBreadcrumbListComponent as TngBreadcrumbList };\n","<ol tngBreadcrumbList class=\"tng-breadcrumb-list\">\n  <ng-content />\n</ol>\n"]}

package/src/lib/navigation/breadcrumb/tng-breadcrumb-separator-template.directive.d.ts

@@ -1,6 +1,9 @@
 import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class TngBreadcrumbSeparatorTemplateDirective {
     readonly templateRef: TemplateRef<unknown>;
     constructor(templateRef: TemplateRef<unknown>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngBreadcrumbSeparatorTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngBreadcrumbSeparatorTemplateDirective, "ng-template[tngBreadcrumbSeparatorTemplate]", ["tngBreadcrumbSeparatorTemplate"], {}, {}, never, never, true, never>;
 }
 //# sourceMappingURL=tng-breadcrumb-separator-template.directive.d.ts.map

package/src/lib/navigation/breadcrumb/tng-breadcrumb-separator-template.directive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-breadcrumb-separator-template.directive.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/breadcrumb/tng-breadcrumb-separator-template.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,WAAW,EAAE,MAAM,eAAe,CAAC;AAEvD,qBAIa,uCAAuC;aACf,WAAW,EAAE,WAAW,CAAC,OAAO,CAAC;gBAAjC,WAAW,EAAE,WAAW,CAAC,OAAO,CAAC;CACrE"}
+{"version":3,"file":"tng-breadcrumb-separator-template.directive.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/breadcrumb/tng-breadcrumb-separator-template.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,WAAW,EAAE,MAAM,eAAe,CAAC;;AAEvD,qBAIa,uCAAuC;aACf,WAAW,EAAE,WAAW,CAAC,OAAO,CAAC;gBAAjC,WAAW,EAAE,WAAW,CAAC,OAAO,CAAC;yCADzD,uCAAuC;2CAAvC,uCAAuC;CAEnD"}

package/src/lib/navigation/breadcrumb/tng-breadcrumb-separator-template.directive.js

@@ -1,16 +1,18 @@
-import { __decorate } from "tslib";
 import { Directive } from '@angular/core';
-let TngBreadcrumbSeparatorTemplateDirective = class TngBreadcrumbSeparatorTemplateDirective {
+import * as i0 from "@angular/core";
+export class TngBreadcrumbSeparatorTemplateDirective {
     templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-};
-TngBreadcrumbSeparatorTemplateDirective = __decorate([
-    Directive({
-        selector: 'ng-template[tngBreadcrumbSeparatorTemplate]',
-        exportAs: 'tngBreadcrumbSeparatorTemplate',
-    })
-], TngBreadcrumbSeparatorTemplateDirective);
-export { TngBreadcrumbSeparatorTemplateDirective };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngBreadcrumbSeparatorTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngBreadcrumbSeparatorTemplateDirective, isStandalone: true, selector: "ng-template[tngBreadcrumbSeparatorTemplate]", exportAs: ["tngBreadcrumbSeparatorTemplate"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngBreadcrumbSeparatorTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[tngBreadcrumbSeparatorTemplate]',
+                    exportAs: 'tngBreadcrumbSeparatorTemplate',
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
 //# sourceMappingURL=tng-breadcrumb-separator-template.directive.js.map

package/src/lib/navigation/breadcrumb/tng-breadcrumb-separator-template.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-breadcrumb-separator-template.directive.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/breadcrumb/tng-breadcrumb-separator-template.directive.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAe,MAAM,eAAe,CAAC;AAMhD,IAAM,uCAAuC,GAA7C,MAAM,uCAAuC;IACf;IAAnC,YAAmC,WAAiC;QAAjC,gBAAW,GAAX,WAAW,CAAsB;IAAG,CAAC;CACzE,CAAA;AAFY,uCAAuC;IAJnD,SAAS,CAAC;QACT,QAAQ,EAAE,6CAA6C;QACvD,QAAQ,EAAE,gCAAgC;KAC3C,CAAC;GACW,uCAAuC,CAEnD","sourcesContent":["import { Directive, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: 'ng-template[tngBreadcrumbSeparatorTemplate]',\n  exportAs: 'tngBreadcrumbSeparatorTemplate',\n})\nexport class TngBreadcrumbSeparatorTemplateDirective {\n  public constructor(public readonly templateRef: TemplateRef<unknown>) {}\n}\n"]}
+{"version":3,"file":"tng-breadcrumb-separator-template.directive.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/breadcrumb/tng-breadcrumb-separator-template.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAe,MAAM,eAAe,CAAC;;AAMvD,MAAM,OAAO,uCAAuC;IACf;IAAnC,YAAmC,WAAiC;QAAjC,gBAAW,GAAX,WAAW,CAAsB;IAAG,CAAC;uGAD7D,uCAAuC;2FAAvC,uCAAuC;;2FAAvC,uCAAuC;kBAJnD,SAAS;mBAAC;oBACT,QAAQ,EAAE,6CAA6C;oBACvD,QAAQ,EAAE,gCAAgC;iBAC3C","sourcesContent":["import { Directive, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: 'ng-template[tngBreadcrumbSeparatorTemplate]',\n  exportAs: 'tngBreadcrumbSeparatorTemplate',\n})\nexport class TngBreadcrumbSeparatorTemplateDirective {\n  public constructor(public readonly templateRef: TemplateRef<unknown>) {}\n}\n"]}

package/src/lib/navigation/breadcrumb/tng-breadcrumb-separator.component.d.ts

@@ -1,6 +1,10 @@
 import { type TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class TngBreadcrumbSeparatorComponent {
     readonly symbol: import("@angular/core").InputSignal<string>;
     readonly template: import("@angular/core").InputSignal<TemplateRef<unknown> | null>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngBreadcrumbSeparatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngBreadcrumbSeparatorComponent, "tng-breadcrumb-separator", never, { "symbol": { "alias": "symbol"; "required": false; "isSignal": true; }; "template": { "alias": "template"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+export { TngBreadcrumbSeparatorComponent as TngBreadcrumbSeparator };
 //# sourceMappingURL=tng-breadcrumb-separator.component.d.ts.map

package/src/lib/navigation/breadcrumb/tng-breadcrumb-separator.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-breadcrumb-separator.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/breadcrumb/tng-breadcrumb-separator.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAGnE,qBAMa,+BAA+B;IAC1C,SAAgB,MAAM,8CAAc;IACpC,SAAgB,QAAQ,mEAA4C;CACrE"}
+{"version":3,"file":"tng-breadcrumb-separator.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/breadcrumb/tng-breadcrumb-separator.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;;AAGnE,qBAMa,+BAA+B;IAC1C,SAAgB,MAAM,8CAAc;IACpC,SAAgB,QAAQ,mEAA4C;yCAFzD,+BAA+B;2CAA/B,+BAA+B;CAG3C;AACD,OAAO,EAAE,+BAA+B,IAAI,sBAAsB,EAAE,CAAC"}

package/src/lib/navigation/breadcrumb/tng-breadcrumb-separator.component.js

@@ -1,18 +1,16 @@
-import { __decorate } from "tslib";
 import { NgTemplateOutlet } from '@angular/common';
 import { Component, input } from '@angular/core';
 import { TngBreadcrumbSeparator as TngBreadcrumbSeparatorPrimitive } from '@tailng-ui/primitives';
-let TngBreadcrumbSeparatorComponent = class TngBreadcrumbSeparatorComponent {
-    symbol = input('/');
-    template = input(null);
-};
-TngBreadcrumbSeparatorComponent = __decorate([
-    Component({
-        selector: 'tng-breadcrumb-separator',
-        imports: [NgTemplateOutlet, TngBreadcrumbSeparatorPrimitive],
-        templateUrl: './tng-breadcrumb-separator.component.html',
-        styleUrl: './tng-breadcrumb-separator.component.css',
-    })
-], TngBreadcrumbSeparatorComponent);
-export { TngBreadcrumbSeparatorComponent };
+import * as i0 from "@angular/core";
+export class TngBreadcrumbSeparatorComponent {
+    symbol = input('/', ...(ngDevMode ? [{ debugName: "symbol" }] : []));
+    template = input(null, ...(ngDevMode ? [{ debugName: "template" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngBreadcrumbSeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: TngBreadcrumbSeparatorComponent, isStandalone: true, selector: "tng-breadcrumb-separator", inputs: { symbol: { classPropertyName: "symbol", publicName: "symbol", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span tngBreadcrumbSeparator class=\"tng-breadcrumb-separator\" tabindex=\"-1\">\n  @if (template(); as separatorTemplate) {\n    <ng-container [ngTemplateOutlet]=\"separatorTemplate\" />\n  } @else {\n    {{ symbol() }}\n  }\n</span>\n", styles: [":host {\n  display: inline-flex;\n}\n\n.tng-breadcrumb-separator {\n  color: var(--tng-semantic-foreground-secondary);\n  display: inline-flex;\n  opacity: 0.7;\n  user-select: none;\n}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: TngBreadcrumbSeparatorPrimitive, selector: "[tngBreadcrumbSeparator]", exportAs: ["tngBreadcrumbSeparator"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngBreadcrumbSeparatorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-breadcrumb-separator', imports: [NgTemplateOutlet, TngBreadcrumbSeparatorPrimitive], template: "<span tngBreadcrumbSeparator class=\"tng-breadcrumb-separator\" tabindex=\"-1\">\n  @if (template(); as separatorTemplate) {\n    <ng-container [ngTemplateOutlet]=\"separatorTemplate\" />\n  } @else {\n    {{ symbol() }}\n  }\n</span>\n", styles: [":host {\n  display: inline-flex;\n}\n\n.tng-breadcrumb-separator {\n  color: var(--tng-semantic-foreground-secondary);\n  display: inline-flex;\n  opacity: 0.7;\n  user-select: none;\n}\n"] }]
+        }], propDecorators: { symbol: [{ type: i0.Input, args: [{ isSignal: true, alias: "symbol", required: false }] }], template: [{ type: i0.Input, args: [{ isSignal: true, alias: "template", required: false }] }] } });
+export { TngBreadcrumbSeparatorComponent as TngBreadcrumbSeparator };
 //# sourceMappingURL=tng-breadcrumb-separator.component.js.map

package/src/lib/navigation/breadcrumb/tng-breadcrumb-separator.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-breadcrumb-separator.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/breadcrumb/tng-breadcrumb-separator.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,KAAK,EAAoB,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,sBAAsB,IAAI,+BAA+B,EAAE,MAAM,uBAAuB,CAAC;AAQ3F,IAAM,+BAA+B,GAArC,MAAM,+BAA+B;IAC1B,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;IACpB,QAAQ,GAAG,KAAK,CAA8B,IAAI,CAAC,CAAC;CACrE,CAAA;AAHY,+BAA+B;IAN3C,SAAS,CAAC;QACT,QAAQ,EAAE,0BAA0B;QACpC,OAAO,EAAE,CAAC,gBAAgB,EAAE,+BAA+B,CAAC;QAC5D,WAAW,EAAE,2CAA2C;QACxD,QAAQ,EAAE,0CAA0C;KACrD,CAAC;GACW,+BAA+B,CAG3C","sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { Component, input, type TemplateRef } from '@angular/core';\nimport { TngBreadcrumbSeparator as TngBreadcrumbSeparatorPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-breadcrumb-separator',\n  imports: [NgTemplateOutlet, TngBreadcrumbSeparatorPrimitive],\n  templateUrl: './tng-breadcrumb-separator.component.html',\n  styleUrl: './tng-breadcrumb-separator.component.css',\n})\nexport class TngBreadcrumbSeparatorComponent {\n  public readonly symbol = input('/');\n  public readonly template = input<TemplateRef<unknown> | null>(null);\n}\n"]}
+{"version":3,"file":"tng-breadcrumb-separator.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/breadcrumb/tng-breadcrumb-separator.component.ts","../../../../../../../../libs/tailng-ui/components/src/lib/navigation/breadcrumb/tng-breadcrumb-separator.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,KAAK,EAAoB,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,sBAAsB,IAAI,+BAA+B,EAAE,MAAM,uBAAuB,CAAC;;AAQlG,MAAM,OAAO,+BAA+B;IAC1B,MAAM,GAAG,KAAK,CAAC,GAAG,kDAAC,CAAC;IACpB,QAAQ,GAAG,KAAK,CAA8B,IAAI,oDAAC,CAAC;uGAFzD,+BAA+B;2FAA/B,+BAA+B,4VCV5C,8OAOA,qPDDY,gBAAgB,oJAAE,+BAA+B;;2FAIhD,+BAA+B;kBAN3C,SAAS;+BACE,0BAA0B,WAC3B,CAAC,gBAAgB,EAAE,+BAA+B,CAAC;;AAQ9D,OAAO,EAAE,+BAA+B,IAAI,sBAAsB,EAAE,CAAC","sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { Component, input, type TemplateRef } from '@angular/core';\nimport { TngBreadcrumbSeparator as TngBreadcrumbSeparatorPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-breadcrumb-separator',\n  imports: [NgTemplateOutlet, TngBreadcrumbSeparatorPrimitive],\n  templateUrl: './tng-breadcrumb-separator.component.html',\n  styleUrl: './tng-breadcrumb-separator.component.css',\n})\nexport class TngBreadcrumbSeparatorComponent {\n  public readonly symbol = input('/');\n  public readonly template = input<TemplateRef<unknown> | null>(null);\n}\nexport { TngBreadcrumbSeparatorComponent as TngBreadcrumbSeparator };\n","<span tngBreadcrumbSeparator class=\"tng-breadcrumb-separator\" tabindex=\"-1\">\n  @if (template(); as separatorTemplate) {\n    <ng-container [ngTemplateOutlet]=\"separatorTemplate\" />\n  } @else {\n    {{ symbol() }}\n  }\n</span>\n"]}

package/src/lib/navigation/breadcrumb/tng-breadcrumb.component.d.ts

@@ -1,4 +1,5 @@
 import { type AfterContentInit } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class TngBreadcrumbComponent implements AfterContentInit {
     private readonly breadcrumbItems?;
     private readonly separatorTemplate?;
@@ -19,5 +20,8 @@ export declare class TngBreadcrumbComponent implements AfterContentInit {
     private resolveCurrentIndex;
     private resolveDisplayModes;
     private resolveVisibleIndices;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngBreadcrumbComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngBreadcrumbComponent, "tng-breadcrumb", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "maxItems": { "alias": "maxItems"; "required": false; "isSignal": true; }; "itemsBeforeCollapse": { "alias": "itemsBeforeCollapse"; "required": false; "isSignal": true; }; "itemsAfterCollapse": { "alias": "itemsAfterCollapse"; "required": false; "isSignal": true; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; "isSignal": true; }; }, {}, ["separatorTemplate", "breadcrumbItems"], ["*"], true, never>;
 }
+export { TngBreadcrumbComponent as TngBreadcrumb };
 //# sourceMappingURL=tng-breadcrumb.component.d.ts.map

package/src/lib/navigation/breadcrumb/tng-breadcrumb.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-breadcrumb.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/breadcrumb/tng-breadcrumb.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,gBAAgB,EAEtB,MAAM,eAAe,CAAC;AAOvB,qBAMa,sBAAuB,YAAW,gBAAgB;IAE7D,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAwC;IAGzE,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAuB;IAE1D,SAAgB,SAAS,qDAAsC;IAC/D,SAAgB,SAAS,8CAAc;IACvC,SAAgB,QAAQ,qDAA8B;IACtD,SAAgB,mBAAmB,8CAAY;IAC/C,SAAgB,kBAAkB,8CAAY;IAC9C,SAAgB,aAAa,8CAAiB;IAE9C,SAAS,CAAC,QAAQ,CAAC,iBAAiB,yCAQjC;IAEH,OAAO,CAAC,sBAAsB,CAAsB;IACpD,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAsB;;IAatD,kBAAkB,IAAI,IAAI;IAa1B,WAAW,IAAI,IAAI;IAK1B,OAAO,CAAC,4BAA4B;IAgBpC,OAAO,CAAC,SAAS;IAqBjB,OAAO,CAAC,mBAAmB;IAoB3B,OAAO,CAAC,mBAAmB;IAuD3B,OAAO,CAAC,qBAAqB;CAS9B"}
+{"version":3,"file":"tng-breadcrumb.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/breadcrumb/tng-breadcrumb.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,gBAAgB,EAEtB,MAAM,eAAe,CAAC;;AAOvB,qBAMa,sBAAuB,YAAW,gBAAgB;IAE7D,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAwC;IAGzE,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAuB;IAE1D,SAAgB,SAAS,qDAAsC;IAC/D,SAAgB,SAAS,8CAAc;IACvC,SAAgB,QAAQ,qDAA8B;IACtD,SAAgB,mBAAmB,8CAAY;IAC/C,SAAgB,kBAAkB,8CAAY;IAC9C,SAAgB,aAAa,8CAAiB;IAE9C,SAAS,CAAC,QAAQ,CAAC,iBAAiB,yCAQjC;IAEH,OAAO,CAAC,sBAAsB,CAAsB;IACpD,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAsB;;IAatD,kBAAkB,IAAI,IAAI;IAa1B,WAAW,IAAI,IAAI;IAK1B,OAAO,CAAC,4BAA4B;IAgBpC,OAAO,CAAC,SAAS;IAqBjB,OAAO,CAAC,mBAAmB;IAoB3B,OAAO,CAAC,mBAAmB;IAuD3B,OAAO,CAAC,qBAAqB;yCAxKlB,sBAAsB;2CAAtB,sBAAsB;CAiLlC;AACD,OAAO,EAAE,sBAAsB,IAAI,aAAa,EAAE,CAAC"}

package/src/lib/navigation/breadcrumb/tng-breadcrumb.component.js

@@ -1,19 +1,19 @@
-import { __decorate } from "tslib";
 import { Component, ContentChild, ContentChildren, computed, effect, input, TemplateRef, } from '@angular/core';
 import { TngBreadcrumb as TngBreadcrumbPrimitive } from '@tailng-ui/primitives';
 import { merge, Subscription } from 'rxjs';
 import { TngBreadcrumbItemComponent } from './tng-breadcrumb-item.component';
 import { TngBreadcrumbListComponent } from './tng-breadcrumb-list.component';
 import { TngBreadcrumbSeparatorTemplateDirective } from './tng-breadcrumb-separator-template.directive';
-let TngBreadcrumbComponent = class TngBreadcrumbComponent {
+import * as i0 from "@angular/core";
+export class TngBreadcrumbComponent {
     breadcrumbItems;
     separatorTemplate;
-    ariaLabel = input('Breadcrumb');
-    separator = input('/');
-    maxItems = input(null);
-    itemsBeforeCollapse = input(1);
-    itemsAfterCollapse = input(2);
-    collapseLabel = input('More');
+    ariaLabel = input('Breadcrumb', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
+    separator = input('/', ...(ngDevMode ? [{ debugName: "separator" }] : []));
+    maxItems = input(null, ...(ngDevMode ? [{ debugName: "maxItems" }] : []));
+    itemsBeforeCollapse = input(1, ...(ngDevMode ? [{ debugName: "itemsBeforeCollapse" }] : []));
+    itemsAfterCollapse = input(2, ...(ngDevMode ? [{ debugName: "itemsAfterCollapse" }] : []));
+    collapseLabel = input('More', ...(ngDevMode ? [{ debugName: "collapseLabel" }] : []));
     resolvedAriaLabel = computed(() => {
         const ariaLabel = this.ariaLabel();
         if (ariaLabel === null) {
@@ -21,7 +21,7 @@ let TngBreadcrumbComponent = class TngBreadcrumbComponent {
         }
         const trimmedAriaLabel = ariaLabel.trim();
         return trimmedAriaLabel.length > 0 ? trimmedAriaLabel : 'Breadcrumb';
-    });
+    }, ...(ngDevMode ? [{ debugName: "resolvedAriaLabel" }] : []));
     itemStateSubscriptions = Subscription.EMPTY;
     queryListSubscriptions = new Subscription();
     constructor() {
@@ -136,20 +136,18 @@ let TngBreadcrumbComponent = class TngBreadcrumbComponent {
         }
         return visibleIndices;
     }
-};
-__decorate([
-    ContentChildren(TngBreadcrumbItemComponent, { descendants: true })
-], TngBreadcrumbComponent.prototype, "breadcrumbItems", void 0);
-__decorate([
-    ContentChild(TngBreadcrumbSeparatorTemplateDirective, { read: TemplateRef })
-], TngBreadcrumbComponent.prototype, "separatorTemplate", void 0);
-TngBreadcrumbComponent = __decorate([
-    Component({
-        selector: 'tng-breadcrumb',
-        imports: [TngBreadcrumbPrimitive, TngBreadcrumbListComponent],
-        templateUrl: './tng-breadcrumb.component.html',
-        styleUrl: './tng-breadcrumb.component.css',
-    })
-], TngBreadcrumbComponent);
-export { TngBreadcrumbComponent };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: TngBreadcrumbComponent, isStandalone: true, selector: "tng-breadcrumb", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, separator: { classPropertyName: "separator", publicName: "separator", isSignal: true, isRequired: false, transformFunction: null }, maxItems: { classPropertyName: "maxItems", publicName: "maxItems", isSignal: true, isRequired: false, transformFunction: null }, itemsBeforeCollapse: { classPropertyName: "itemsBeforeCollapse", publicName: "itemsBeforeCollapse", isSignal: true, isRequired: false, transformFunction: null }, itemsAfterCollapse: { classPropertyName: "itemsAfterCollapse", publicName: "itemsAfterCollapse", isSignal: true, isRequired: false, transformFunction: null }, collapseLabel: { classPropertyName: "collapseLabel", publicName: "collapseLabel", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "separatorTemplate", first: true, predicate: TngBreadcrumbSeparatorTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "breadcrumbItems", predicate: TngBreadcrumbItemComponent, descendants: true }], ngImport: i0, template: "<nav tngBreadcrumb class=\"tng-breadcrumb\" [attr.aria-label]=\"resolvedAriaLabel()\">\n  <tng-breadcrumb-list>\n    <ng-content />\n  </tng-breadcrumb-list>\n</nav>\n", styles: [":host {\n  display: block;\n}\n\n.tng-breadcrumb {\n  color: var(--tng-semantic-foreground-secondary);\n}\n\n.tng-breadcrumb [aria-current='page'] {\n  color: var(--tng-semantic-foreground-primary);\n  font-weight: 500;\n}\n"], dependencies: [{ kind: "directive", type: TngBreadcrumbPrimitive, selector: "[tngBreadcrumb]", exportAs: ["tngBreadcrumb"] }, { kind: "component", type: TngBreadcrumbListComponent, selector: "tng-breadcrumb-list" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngBreadcrumbComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-breadcrumb', imports: [TngBreadcrumbPrimitive, TngBreadcrumbListComponent], template: "<nav tngBreadcrumb class=\"tng-breadcrumb\" [attr.aria-label]=\"resolvedAriaLabel()\">\n  <tng-breadcrumb-list>\n    <ng-content />\n  </tng-breadcrumb-list>\n</nav>\n", styles: [":host {\n  display: block;\n}\n\n.tng-breadcrumb {\n  color: var(--tng-semantic-foreground-secondary);\n}\n\n.tng-breadcrumb [aria-current='page'] {\n  color: var(--tng-semantic-foreground-primary);\n  font-weight: 500;\n}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { breadcrumbItems: [{
+                type: ContentChildren,
+                args: [TngBreadcrumbItemComponent, { descendants: true }]
+            }], separatorTemplate: [{
+                type: ContentChild,
+                args: [TngBreadcrumbSeparatorTemplateDirective, { read: TemplateRef }]
+            }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], separator: [{ type: i0.Input, args: [{ isSignal: true, alias: "separator", required: false }] }], maxItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxItems", required: false }] }], itemsBeforeCollapse: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemsBeforeCollapse", required: false }] }], itemsAfterCollapse: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemsAfterCollapse", required: false }] }], collapseLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapseLabel", required: false }] }] } });
+export { TngBreadcrumbComponent as TngBreadcrumb };
 //# sourceMappingURL=tng-breadcrumb.component.js.map