@tailng-ui/components 0.1.0

package/src/lib/layout/card/tng-card.component.d.ts

@@ -0,0 +1,42 @@
+declare const cardVariants: readonly ["ghost", "outline", "solid"];
+declare const cardTones: readonly ["danger", "info", "neutral", "primary", "success", "warning"];
+declare const cardPaddings: readonly ["lg", "md", "none", "sm"];
+declare const cardActionAlignments: readonly ["end", "start"];
+export type TngCardVariant = (typeof cardVariants)[number];
+export type TngCardTone = (typeof cardTones)[number];
+export type TngCardPadding = (typeof cardPaddings)[number];
+export type TngCardActionsAlign = (typeof cardActionAlignments)[number];
+export declare class TngCardComponent {
+    readonly elevated: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly interactive: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly padding: import("@angular/core").InputSignalWithTransform<"none" | "sm" | "md" | "lg", string>;
+    readonly tone: import("@angular/core").InputSignalWithTransform<"neutral" | "primary" | "success" | "danger" | "info" | "warning", string>;
+    readonly variant: import("@angular/core").InputSignalWithTransform<"outline" | "solid" | "ghost", string>;
+}
+export declare class TngCardHeaderComponent {
+}
+export declare class TngCardTitleComponent {
+}
+export declare class TngCardDescriptionComponent {
+}
+export declare class TngCardContentComponent {
+}
+export declare class TngCardFooterComponent {
+}
+export declare class TngCardMediaComponent {
+}
+export declare class TngCardActionsComponent {
+    readonly align: import("@angular/core").InputSignalWithTransform<"end" | "start", string>;
+}
+export declare class TngCardDividerComponent {
+}
+export declare class TngCardLinkComponent {
+    readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly href: import("@angular/core").InputSignal<string | null>;
+    readonly rel: import("@angular/core").InputSignal<string | null>;
+    readonly target: import("@angular/core").InputSignal<string | null>;
+    protected onClick(...args: readonly unknown[]): void;
+}
+export {};
+//# sourceMappingURL=tng-card.component.d.ts.map

package/src/lib/layout/card/tng-card.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-card.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/card/tng-card.component.ts"],"names":[],"mappings":"AAcA,QAAA,MAAM,YAAY,wCAAyC,CAAC;AAC5D,QAAA,MAAM,SAAS,yEAA0E,CAAC;AAC1F,QAAA,MAAM,YAAY,qCAAsC,CAAC;AACzD,QAAA,MAAM,oBAAoB,2BAA4B,CAAC;AAYvD,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAC3D,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;AACrD,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAC3D,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAkCxE,qBAMa,gBAAgB;IAC3B,SAAgB,QAAQ,8EAErB;IACH,SAAgB,WAAW,8EAExB;IACH,SAAgB,OAAO,wFAEpB;IACH,SAAgB,IAAI,8HAEjB;IACH,SAAgB,OAAO,0FAEpB;CACJ;AAED,qBAMa,sBAAsB;CAClC;AAED,qBAMa,qBAAqB;CACjC;AAED,qBAMa,2BAA2B;CACvC;AAED,qBAMa,uBAAuB;CACnC;AAED,qBAMa,sBAAsB;CAClC;AAED,qBAMa,qBAAqB;CACjC;AAED,qBAMa,uBAAuB;IAClC,SAAgB,KAAK,4EAElB;CACJ;AAED,qBAMa,uBAAuB;CACnC;AAED,qBAMa,oBAAoB;IAC/B,SAAgB,SAAS,qDAA8B;IACvD,SAAgB,QAAQ,8EAErB;IACH,SAAgB,IAAI,qDAA6B;IACjD,SAAgB,GAAG,qDAA8B;IACjD,SAAgB,MAAM,qDAA8B;IAEpD,SAAS,CAAC,OAAO,CAAC,GAAG,IAAI,EAAE,SAAS,OAAO,EAAE,GAAG,IAAI;CAarD"}

package/src/lib/layout/card/tng-card.component.js

@@ -0,0 +1,186 @@
+import { __decorate } from "tslib";
+import { booleanAttribute, Component, input } from '@angular/core';
+import { TngCard as TngCardPrimitive, TngCardActions as TngCardActionsPrimitive, TngCardContent as TngCardContentPrimitive, TngCardDescription as TngCardDescriptionPrimitive, TngCardDivider as TngCardDividerPrimitive, TngCardFooter as TngCardFooterPrimitive, TngCardHeader as TngCardHeaderPrimitive, TngCardLink as TngCardLinkPrimitive, TngCardMedia as TngCardMediaPrimitive, TngCardTitle as TngCardTitlePrimitive, } from '@tailng-ui/primitives';
+const cardVariants = ['ghost', 'outline', 'solid'];
+const cardTones = ['danger', 'info', 'neutral', 'primary', 'success', 'warning'];
+const cardPaddings = ['lg', 'md', 'none', 'sm'];
+const cardActionAlignments = ['end', 'start'];
+const cardVariantSet = new Set(cardVariants);
+const cardToneSet = new Set(cardTones);
+const cardPaddingSet = new Set(cardPaddings);
+const cardActionAlignmentSet = new Set(cardActionAlignments);
+const defaultCardVariant = 'solid';
+const defaultCardTone = 'neutral';
+const defaultCardPadding = 'md';
+const defaultCardActionsAlign = 'end';
+function coerceCardVariant(value) {
+    if (cardVariantSet.has(value)) {
+        return value;
+    }
+    return defaultCardVariant;
+}
+function coerceCardTone(value) {
+    if (cardToneSet.has(value)) {
+        return value;
+    }
+    return defaultCardTone;
+}
+function coerceCardPadding(value) {
+    if (cardPaddingSet.has(value)) {
+        return value;
+    }
+    return defaultCardPadding;
+}
+function coerceCardActionsAlign(value) {
+    if (cardActionAlignmentSet.has(value)) {
+        return value;
+    }
+    return defaultCardActionsAlign;
+}
+let TngCardComponent = class TngCardComponent {
+    elevated = input(false, {
+        transform: booleanAttribute,
+    });
+    interactive = input(false, {
+        transform: booleanAttribute,
+    });
+    padding = input(defaultCardPadding, {
+        transform: coerceCardPadding,
+    });
+    tone = input(defaultCardTone, {
+        transform: coerceCardTone,
+    });
+    variant = input(defaultCardVariant, {
+        transform: coerceCardVariant,
+    });
+};
+TngCardComponent = __decorate([
+    Component({
+        selector: 'tng-card',
+        imports: [TngCardPrimitive],
+        templateUrl: './tng-card.component.html',
+        styleUrl: './tng-card.component.css',
+    })
+], TngCardComponent);
+export { TngCardComponent };
+let TngCardHeaderComponent = class TngCardHeaderComponent {
+};
+TngCardHeaderComponent = __decorate([
+    Component({
+        selector: 'tng-card-header',
+        imports: [TngCardHeaderPrimitive],
+        templateUrl: './tng-card-header.component.html',
+        styleUrl: './tng-card.component.css',
+    })
+], TngCardHeaderComponent);
+export { TngCardHeaderComponent };
+let TngCardTitleComponent = class TngCardTitleComponent {
+};
+TngCardTitleComponent = __decorate([
+    Component({
+        selector: 'tng-card-title',
+        imports: [TngCardTitlePrimitive],
+        templateUrl: './tng-card-title.component.html',
+        styleUrl: './tng-card.component.css',
+    })
+], TngCardTitleComponent);
+export { TngCardTitleComponent };
+let TngCardDescriptionComponent = class TngCardDescriptionComponent {
+};
+TngCardDescriptionComponent = __decorate([
+    Component({
+        selector: 'tng-card-description',
+        imports: [TngCardDescriptionPrimitive],
+        templateUrl: './tng-card-description.component.html',
+        styleUrl: './tng-card.component.css',
+    })
+], TngCardDescriptionComponent);
+export { TngCardDescriptionComponent };
+let TngCardContentComponent = class TngCardContentComponent {
+};
+TngCardContentComponent = __decorate([
+    Component({
+        selector: 'tng-card-content',
+        imports: [TngCardContentPrimitive],
+        templateUrl: './tng-card-content.component.html',
+        styleUrl: './tng-card.component.css',
+    })
+], TngCardContentComponent);
+export { TngCardContentComponent };
+let TngCardFooterComponent = class TngCardFooterComponent {
+};
+TngCardFooterComponent = __decorate([
+    Component({
+        selector: 'tng-card-footer',
+        imports: [TngCardFooterPrimitive],
+        templateUrl: './tng-card-footer.component.html',
+        styleUrl: './tng-card.component.css',
+    })
+], TngCardFooterComponent);
+export { TngCardFooterComponent };
+let TngCardMediaComponent = class TngCardMediaComponent {
+};
+TngCardMediaComponent = __decorate([
+    Component({
+        selector: 'tng-card-media',
+        imports: [TngCardMediaPrimitive],
+        templateUrl: './tng-card-media.component.html',
+        styleUrl: './tng-card.component.css',
+    })
+], TngCardMediaComponent);
+export { TngCardMediaComponent };
+let TngCardActionsComponent = class TngCardActionsComponent {
+    align = input(defaultCardActionsAlign, {
+        transform: coerceCardActionsAlign,
+    });
+};
+TngCardActionsComponent = __decorate([
+    Component({
+        selector: 'tng-card-actions',
+        imports: [TngCardActionsPrimitive],
+        templateUrl: './tng-card-actions.component.html',
+        styleUrl: './tng-card.component.css',
+    })
+], TngCardActionsComponent);
+export { TngCardActionsComponent };
+let TngCardDividerComponent = class TngCardDividerComponent {
+};
+TngCardDividerComponent = __decorate([
+    Component({
+        selector: 'tng-card-divider',
+        imports: [TngCardDividerPrimitive],
+        templateUrl: './tng-card-divider.component.html',
+        styleUrl: './tng-card.component.css',
+    })
+], TngCardDividerComponent);
+export { TngCardDividerComponent };
+let TngCardLinkComponent = class TngCardLinkComponent {
+    ariaLabel = input(null);
+    disabled = input(false, {
+        transform: booleanAttribute,
+    });
+    href = input('#');
+    rel = input(null);
+    target = input(null);
+    onClick(...args) {
+        if (!this.disabled()) {
+            return;
+        }
+        const [event] = args;
+        if (!(event instanceof Event)) {
+            return;
+        }
+        event.preventDefault();
+        event.stopImmediatePropagation();
+    }
+};
+TngCardLinkComponent = __decorate([
+    Component({
+        selector: 'tng-card-link',
+        imports: [TngCardLinkPrimitive],
+        templateUrl: './tng-card-link.component.html',
+        styleUrl: './tng-card.component.css',
+    })
+], TngCardLinkComponent);
+export { TngCardLinkComponent };
+//# sourceMappingURL=tng-card.component.js.map

package/src/lib/layout/card/tng-card.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-card.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/card/tng-card.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { booleanAttribute, Component, input } from '@angular/core';\nimport {\n  TngCard as TngCardPrimitive,\n  TngCardActions as TngCardActionsPrimitive,\n  TngCardContent as TngCardContentPrimitive,\n  TngCardDescription as TngCardDescriptionPrimitive,\n  TngCardDivider as TngCardDividerPrimitive,\n  TngCardFooter as TngCardFooterPrimitive,\n  TngCardHeader as TngCardHeaderPrimitive,\n  TngCardLink as TngCardLinkPrimitive,\n  TngCardMedia as TngCardMediaPrimitive,\n  TngCardTitle as TngCardTitlePrimitive,\n} from '@tailng-ui/primitives';\n\nconst cardVariants = ['ghost', 'outline', 'solid'] as const;\nconst cardTones = ['danger', 'info', 'neutral', 'primary', 'success', 'warning'] as const;\nconst cardPaddings = ['lg', 'md', 'none', 'sm'] as const;\nconst cardActionAlignments = ['end', 'start'] as const;\n\nconst cardVariantSet = new Set<TngCardVariant>(cardVariants);\nconst cardToneSet = new Set<TngCardTone>(cardTones);\nconst cardPaddingSet = new Set<TngCardPadding>(cardPaddings);\nconst cardActionAlignmentSet = new Set<TngCardActionsAlign>(cardActionAlignments);\n\nconst defaultCardVariant: TngCardVariant = 'solid';\nconst defaultCardTone: TngCardTone = 'neutral';\nconst defaultCardPadding: TngCardPadding = 'md';\nconst defaultCardActionsAlign: TngCardActionsAlign = 'end';\n\nexport type TngCardVariant = (typeof cardVariants)[number];\nexport type TngCardTone = (typeof cardTones)[number];\nexport type TngCardPadding = (typeof cardPaddings)[number];\nexport type TngCardActionsAlign = (typeof cardActionAlignments)[number];\n\nfunction coerceCardVariant(value: string): TngCardVariant {\n  if (cardVariantSet.has(value as TngCardVariant)) {\n    return value as TngCardVariant;\n  }\n\n  return defaultCardVariant;\n}\n\nfunction coerceCardTone(value: string): TngCardTone {\n  if (cardToneSet.has(value as TngCardTone)) {\n    return value as TngCardTone;\n  }\n\n  return defaultCardTone;\n}\n\nfunction coerceCardPadding(value: string): TngCardPadding {\n  if (cardPaddingSet.has(value as TngCardPadding)) {\n    return value as TngCardPadding;\n  }\n\n  return defaultCardPadding;\n}\n\nfunction coerceCardActionsAlign(value: string): TngCardActionsAlign {\n  if (cardActionAlignmentSet.has(value as TngCardActionsAlign)) {\n    return value as TngCardActionsAlign;\n  }\n\n  return defaultCardActionsAlign;\n}\n\n@Component({\n  selector: 'tng-card',\n  imports: [TngCardPrimitive],\n  templateUrl: './tng-card.component.html',\n  styleUrl: './tng-card.component.css',\n})\nexport class TngCardComponent {\n  public readonly elevated = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly interactive = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly padding = input<TngCardPadding, string>(defaultCardPadding, {\n    transform: coerceCardPadding,\n  });\n  public readonly tone = input<TngCardTone, string>(defaultCardTone, {\n    transform: coerceCardTone,\n  });\n  public readonly variant = input<TngCardVariant, string>(defaultCardVariant, {\n    transform: coerceCardVariant,\n  });\n}\n\n@Component({\n  selector: 'tng-card-header',\n  imports: [TngCardHeaderPrimitive],\n  templateUrl: './tng-card-header.component.html',\n  styleUrl: './tng-card.component.css',\n})\nexport class TngCardHeaderComponent {\n}\n\n@Component({\n  selector: 'tng-card-title',\n  imports: [TngCardTitlePrimitive],\n  templateUrl: './tng-card-title.component.html',\n  styleUrl: './tng-card.component.css',\n})\nexport class TngCardTitleComponent {\n}\n\n@Component({\n  selector: 'tng-card-description',\n  imports: [TngCardDescriptionPrimitive],\n  templateUrl: './tng-card-description.component.html',\n  styleUrl: './tng-card.component.css',\n})\nexport class TngCardDescriptionComponent {\n}\n\n@Component({\n  selector: 'tng-card-content',\n  imports: [TngCardContentPrimitive],\n  templateUrl: './tng-card-content.component.html',\n  styleUrl: './tng-card.component.css',\n})\nexport class TngCardContentComponent {\n}\n\n@Component({\n  selector: 'tng-card-footer',\n  imports: [TngCardFooterPrimitive],\n  templateUrl: './tng-card-footer.component.html',\n  styleUrl: './tng-card.component.css',\n})\nexport class TngCardFooterComponent {\n}\n\n@Component({\n  selector: 'tng-card-media',\n  imports: [TngCardMediaPrimitive],\n  templateUrl: './tng-card-media.component.html',\n  styleUrl: './tng-card.component.css',\n})\nexport class TngCardMediaComponent {\n}\n\n@Component({\n  selector: 'tng-card-actions',\n  imports: [TngCardActionsPrimitive],\n  templateUrl: './tng-card-actions.component.html',\n  styleUrl: './tng-card.component.css',\n})\nexport class TngCardActionsComponent {\n  public readonly align = input<TngCardActionsAlign, string>(defaultCardActionsAlign, {\n    transform: coerceCardActionsAlign,\n  });\n}\n\n@Component({\n  selector: 'tng-card-divider',\n  imports: [TngCardDividerPrimitive],\n  templateUrl: './tng-card-divider.component.html',\n  styleUrl: './tng-card.component.css',\n})\nexport class TngCardDividerComponent {\n}\n\n@Component({\n  selector: 'tng-card-link',\n  imports: [TngCardLinkPrimitive],\n  templateUrl: './tng-card-link.component.html',\n  styleUrl: './tng-card.component.css',\n})\nexport class TngCardLinkComponent {\n  public readonly ariaLabel = input<string | null>(null);\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly href = input<string | null>('#');\n  public readonly rel = input<string | null>(null);\n  public readonly target = input<string | null>(null);\n\n  protected onClick(...args: readonly unknown[]): void {\n    if (!this.disabled()) {\n      return;\n    }\n\n    const [event] = args;\n    if (!(event instanceof Event)) {\n      return;\n    }\n\n    event.preventDefault();\n    event.stopImmediatePropagation();\n  }\n}\n"]}

package/src/lib/layout/collapsible/tng-collapsible.component.d.ts

@@ -0,0 +1,11 @@
+export declare function createTngCollapsibleContentId(): string;
+export declare function toggleTngCollapsibleState(open: boolean, disabled: boolean): boolean;
+export declare class TngCollapsibleComponent {
+    readonly contentId: import("@angular/core").InputSignal<string>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly open: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly openChange: import("@angular/core").OutputEmitterRef<boolean>;
+    onToggle(): void;
+}
+//# sourceMappingURL=tng-collapsible.component.d.ts.map

package/src/lib/layout/collapsible/tng-collapsible.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-collapsible.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/collapsible/tng-collapsible.component.ts"],"names":[],"mappings":"AASA,wBAAgB,6BAA6B,IAAI,MAAM,CAGtD;AAED,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,OAAO,CAEnF;AAED,qBAUa,uBAAuB;IAClC,SAAgB,SAAS,8CAAkD;IAC3E,SAAgB,QAAQ,8EAErB;IACH,SAAgB,IAAI,8EAEjB;IACH,SAAgB,KAAK,8CAAgC;IAErD,SAAgB,UAAU,oDAAqB;IAExC,QAAQ,IAAI,IAAI;CAIxB"}

package/src/lib/layout/collapsible/tng-collapsible.component.js

@@ -0,0 +1,40 @@
+import { __decorate } from "tslib";
+import { booleanAttribute, Component, input, output } from '@angular/core';
+import { TngCollapsible as TngCollapsiblePrimitive, TngCollapsibleContent as TngCollapsibleContentPrimitive, TngCollapsibleTrigger as TngCollapsibleTriggerPrimitive, } from '@tailng-ui/primitives';
+let nextCollapsibleContentId = 0;
+export function createTngCollapsibleContentId() {
+    nextCollapsibleContentId += 1;
+    return `tng-collapsible-content-${nextCollapsibleContentId}`;
+}
+export function toggleTngCollapsibleState(open, disabled) {
+    return disabled ? open : !open;
+}
+let TngCollapsibleComponent = class TngCollapsibleComponent {
+    contentId = input(createTngCollapsibleContentId());
+    disabled = input(false, {
+        transform: booleanAttribute,
+    });
+    open = input(false, {
+        transform: booleanAttribute,
+    });
+    title = input('Collapsible');
+    openChange = output();
+    onToggle() {
+        const nextState = toggleTngCollapsibleState(this.open(), this.disabled());
+        this.openChange.emit(nextState);
+    }
+};
+TngCollapsibleComponent = __decorate([
+    Component({
+        selector: 'tng-collapsible',
+        imports: [
+            TngCollapsiblePrimitive,
+            TngCollapsibleTriggerPrimitive,
+            TngCollapsibleContentPrimitive,
+        ],
+        templateUrl: './tng-collapsible.component.html',
+        styleUrl: './tng-collapsible.component.css',
+    })
+], TngCollapsibleComponent);
+export { TngCollapsibleComponent };
+//# sourceMappingURL=tng-collapsible.component.js.map

package/src/lib/layout/collapsible/tng-collapsible.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-collapsible.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/collapsible/tng-collapsible.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EACL,cAAc,IAAI,uBAAuB,EACzC,qBAAqB,IAAI,8BAA8B,EACvD,qBAAqB,IAAI,8BAA8B,GACxD,MAAM,uBAAuB,CAAC;AAE/B,IAAI,wBAAwB,GAAG,CAAC,CAAC;AAEjC,MAAM,UAAU,6BAA6B;IAC3C,wBAAwB,IAAI,CAAC,CAAC;IAC9B,OAAO,2BAA2B,wBAAwB,EAAE,CAAC;AAC/D,CAAC;AAED,MAAM,UAAU,yBAAyB,CAAC,IAAa,EAAE,QAAiB;IACxE,OAAO,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AACjC,CAAC;AAYM,IAAM,uBAAuB,GAA7B,MAAM,uBAAuB;IAClB,SAAS,GAAG,KAAK,CAAS,6BAA6B,EAAE,CAAC,CAAC;IAC3D,QAAQ,GAAG,KAAK,CAA4B,KAAK,EAAE;QACjE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,IAAI,GAAG,KAAK,CAA4B,KAAK,EAAE;QAC7D,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,KAAK,GAAG,KAAK,CAAS,aAAa,CAAC,CAAC;IAErC,UAAU,GAAG,MAAM,EAAW,CAAC;IAExC,QAAQ;QACb,MAAM,SAAS,GAAG,yBAAyB,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC1E,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAClC,CAAC;CACF,CAAA;AAhBY,uBAAuB;IAVnC,SAAS,CAAC;QACT,QAAQ,EAAE,iBAAiB;QAC3B,OAAO,EAAE;YACP,uBAAuB;YACvB,8BAA8B;YAC9B,8BAA8B;SAC/B;QACD,WAAW,EAAE,kCAAkC;QAC/C,QAAQ,EAAE,iCAAiC;KAC5C,CAAC;GACW,uBAAuB,CAgBnC","sourcesContent":["import { booleanAttribute, Component, input, output } from '@angular/core';\nimport {\n  TngCollapsible as TngCollapsiblePrimitive,\n  TngCollapsibleContent as TngCollapsibleContentPrimitive,\n  TngCollapsibleTrigger as TngCollapsibleTriggerPrimitive,\n} from '@tailng-ui/primitives';\n\nlet nextCollapsibleContentId = 0;\n\nexport function createTngCollapsibleContentId(): string {\n  nextCollapsibleContentId += 1;\n  return `tng-collapsible-content-${nextCollapsibleContentId}`;\n}\n\nexport function toggleTngCollapsibleState(open: boolean, disabled: boolean): boolean {\n  return disabled ? open : !open;\n}\n\n@Component({\n  selector: 'tng-collapsible',\n  imports: [\n    TngCollapsiblePrimitive,\n    TngCollapsibleTriggerPrimitive,\n    TngCollapsibleContentPrimitive,\n  ],\n  templateUrl: './tng-collapsible.component.html',\n  styleUrl: './tng-collapsible.component.css',\n})\nexport class TngCollapsibleComponent {\n  public readonly contentId = input<string>(createTngCollapsibleContentId());\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly open = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly title = input<string>('Collapsible');\n\n  public readonly openChange = output<boolean>();\n\n  public onToggle(): void {\n    const nextState = toggleTngCollapsibleState(this.open(), this.disabled());\n    this.openChange.emit(nextState);\n  }\n}\n"]}

package/src/lib/layout/drawer/tng-drawer.component.d.ts

@@ -0,0 +1,12 @@
+export declare class TngDrawerComponent {
+    private readonly primitive;
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
+    protected get hostAriaLabel(): string;
+    open(): void;
+    close(): void;
+    toggle(force?: boolean): void;
+    isOpen(): boolean;
+    setRestoreFocusFallback(target: HTMLElement | null): void;
+    setRestoreFocusTarget(target: HTMLElement | null): void;
+}
+//# sourceMappingURL=tng-drawer.component.d.ts.map

package/src/lib/layout/drawer/tng-drawer.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-drawer.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/drawer/tng-drawer.component.ts"],"names":[],"mappings":"AAGA,qBA0Ca,kBAAkB;IAC7B,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAkD;IAE5E,SAAgB,SAAS,8CAA2B;IAGpD,SAAS,KAAK,aAAa,IAAI,MAAM,CAEpC;IAED,IAAI,IAAI,IAAI;IAIZ,KAAK,IAAI,IAAI;IAIb,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI;IAI7B,MAAM,IAAI,OAAO;IAIjB,uBAAuB,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI;IAIzD,qBAAqB,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI;CAGxD"}

package/src/lib/layout/drawer/tng-drawer.component.js

@@ -0,0 +1,77 @@
+import { __decorate } from "tslib";
+import { Component, HostBinding, inject, input } from '@angular/core';
+import { TngDrawer as TngDrawerPrimitive } from '@tailng-ui/primitives';
+let TngDrawerComponent = class TngDrawerComponent {
+    primitive = inject(TngDrawerPrimitive);
+    ariaLabel = input('Drawer');
+    get hostAriaLabel() {
+        return this.ariaLabel();
+    }
+    open() {
+        this.primitive.open();
+    }
+    close() {
+        this.primitive.close();
+    }
+    toggle(force) {
+        this.primitive.toggle(force);
+    }
+    isOpen() {
+        return this.primitive.isOpen();
+    }
+    setRestoreFocusFallback(target) {
+        this.primitive.setRestoreFocusFallback(target);
+    }
+    setRestoreFocusTarget(target) {
+        this.primitive.setRestoreFocusTarget(target);
+    }
+};
+__decorate([
+    HostBinding('attr.aria-label')
+], TngDrawerComponent.prototype, "hostAriaLabel", null);
+TngDrawerComponent = __decorate([
+    Component({
+        selector: 'tng-drawer',
+        standalone: true,
+        hostDirectives: [
+            {
+                directive: TngDrawerPrimitive,
+                inputs: [
+                    'opened',
+                    'defaultOpened',
+                    'mode',
+                    'position',
+                    'disabled',
+                    'backdrop',
+                    'closeOnOutsideClick',
+                    'closeOnEscape',
+                    'restoreFocus',
+                    'autoFocus',
+                    'trapFocus',
+                    'inertContent',
+                    'allowBodyScroll',
+                    'closeOnTab',
+                    'role',
+                    'fixedInViewport',
+                    'fixedTopGap',
+                    'fixedBottomGap',
+                    'swipeToClose',
+                ],
+                outputs: [
+                    'openedChange',
+                    'tngDrawerOpened',
+                    'tngDrawerClosed',
+                    'openStart',
+                    'closeStart',
+                    'backdropClick',
+                    'positionChange',
+                ],
+            },
+        ],
+        templateUrl: './tng-drawer.component.html',
+        styleUrl: './tng-drawer.component.css',
+        exportAs: 'tngDrawerComponent',
+    })
+], TngDrawerComponent);
+export { TngDrawerComponent };
+//# sourceMappingURL=tng-drawer.component.js.map

package/src/lib/layout/drawer/tng-drawer.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-drawer.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/drawer/tng-drawer.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AA4CjE,IAAM,kBAAkB,GAAxB,MAAM,kBAAkB;IACZ,SAAS,GAAG,MAAM,CAAqB,kBAAkB,CAAC,CAAC;IAE5D,SAAS,GAAG,KAAK,CAAS,QAAQ,CAAC,CAAC;IAGpD,IAAc,aAAa;QACzB,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC;IAED,IAAI;QACF,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;IACxB,CAAC;IAED,KAAK;QACH,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;IACzB,CAAC;IAED,MAAM,CAAC,KAAe;QACpB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;IACjC,CAAC;IAED,uBAAuB,CAAC,MAA0B;QAChD,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC;IACjD,CAAC;IAED,qBAAqB,CAAC,MAA0B;QAC9C,IAAI,CAAC,SAAS,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAC/C,CAAC;CACF,CAAA;AA3BC;IADC,WAAW,CAAC,iBAAiB,CAAC;uDAG9B;AARU,kBAAkB;IA1C9B,SAAS,CAAC;QACT,QAAQ,EAAE,YAAY;QACtB,UAAU,EAAE,IAAI;QAChB,cAAc,EAAE;YACd;gBACE,SAAS,EAAE,kBAAkB;gBAC7B,MAAM,EAAE;oBACN,QAAQ;oBACR,eAAe;oBACf,MAAM;oBACN,UAAU;oBACV,UAAU;oBACV,UAAU;oBACV,qBAAqB;oBACrB,eAAe;oBACf,cAAc;oBACd,WAAW;oBACX,WAAW;oBACX,cAAc;oBACd,iBAAiB;oBACjB,YAAY;oBACZ,MAAM;oBACN,iBAAiB;oBACjB,aAAa;oBACb,gBAAgB;oBAChB,cAAc;iBACf;gBACD,OAAO,EAAE;oBACP,cAAc;oBACd,iBAAiB;oBACjB,iBAAiB;oBACjB,WAAW;oBACX,YAAY;oBACZ,eAAe;oBACf,gBAAgB;iBACjB;aACF;SACF;QACD,WAAW,EAAE,6BAA6B;QAC1C,QAAQ,EAAE,4BAA4B;QACtC,QAAQ,EAAE,oBAAoB;KAC/B,CAAC;GACW,kBAAkB,CAiC9B","sourcesContent":["import { Component, HostBinding, inject, input } from '@angular/core';\nimport { TngDrawer as TngDrawerPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-drawer',\n  standalone: true,\n  hostDirectives: [\n    {\n      directive: TngDrawerPrimitive,\n      inputs: [\n        'opened',\n        'defaultOpened',\n        'mode',\n        'position',\n        'disabled',\n        'backdrop',\n        'closeOnOutsideClick',\n        'closeOnEscape',\n        'restoreFocus',\n        'autoFocus',\n        'trapFocus',\n        'inertContent',\n        'allowBodyScroll',\n        'closeOnTab',\n        'role',\n        'fixedInViewport',\n        'fixedTopGap',\n        'fixedBottomGap',\n        'swipeToClose',\n      ],\n      outputs: [\n        'openedChange',\n        'tngDrawerOpened',\n        'tngDrawerClosed',\n        'openStart',\n        'closeStart',\n        'backdropClick',\n        'positionChange',\n      ],\n    },\n  ],\n  templateUrl: './tng-drawer.component.html',\n  styleUrl: './tng-drawer.component.css',\n  exportAs: 'tngDrawerComponent',\n})\nexport class TngDrawerComponent {\n  private readonly primitive = inject<TngDrawerPrimitive>(TngDrawerPrimitive);\n\n  public readonly ariaLabel = input<string>('Drawer');\n\n  @HostBinding('attr.aria-label')\n  protected get hostAriaLabel(): string {\n    return this.ariaLabel();\n  }\n\n  open(): void {\n    this.primitive.open();\n  }\n\n  close(): void {\n    this.primitive.close();\n  }\n\n  toggle(force?: boolean): void {\n    this.primitive.toggle(force);\n  }\n\n  isOpen(): boolean {\n    return this.primitive.isOpen();\n  }\n\n  setRestoreFocusFallback(target: HTMLElement | null): void {\n    this.primitive.setRestoreFocusFallback(target);\n  }\n\n  setRestoreFocusTarget(target: HTMLElement | null): void {\n    this.primitive.setRestoreFocusTarget(target);\n  }\n}\n"]}

package/src/lib/layout/grid/tng-grid.component.d.ts

@@ -0,0 +1,4 @@
+export declare class TngGridComponent {
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
+}
+//# sourceMappingURL=tng-grid.component.d.ts.map

package/src/lib/layout/grid/tng-grid.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-grid.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/grid/tng-grid.component.ts"],"names":[],"mappings":"AAGA,qBAMa,gBAAgB;IAC3B,SAAgB,SAAS,8CAAyB;CACnD"}

package/src/lib/layout/grid/tng-grid.component.js

@@ -0,0 +1,16 @@
+import { __decorate } from "tslib";
+import { Component, input } from '@angular/core';
+import { TngGrid as TngGridPrimitive } from '@tailng-ui/primitives';
+let TngGridComponent = class TngGridComponent {
+    ariaLabel = input('Grid');
+};
+TngGridComponent = __decorate([
+    Component({
+        selector: 'tng-grid',
+        imports: [TngGridPrimitive],
+        templateUrl: './tng-grid.component.html',
+        styleUrl: './tng-grid.component.css',
+    })
+], TngGridComponent);
+export { TngGridComponent };
+//# sourceMappingURL=tng-grid.component.js.map

package/src/lib/layout/grid/tng-grid.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-grid.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/grid/tng-grid.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAQ7D,IAAM,gBAAgB,GAAtB,MAAM,gBAAgB;IACX,SAAS,GAAG,KAAK,CAAS,MAAM,CAAC,CAAC;CACnD,CAAA;AAFY,gBAAgB;IAN5B,SAAS,CAAC;QACT,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,CAAC,gBAAgB,CAAC;QAC3B,WAAW,EAAE,2BAA2B;QACxC,QAAQ,EAAE,0BAA0B;KACrC,CAAC;GACW,gBAAgB,CAE5B","sourcesContent":["import { Component, input } from '@angular/core';\nimport { TngGrid as TngGridPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-grid',\n  imports: [TngGridPrimitive],\n  templateUrl: './tng-grid.component.html',\n  styleUrl: './tng-grid.component.css',\n})\nexport class TngGridComponent {\n  public readonly ariaLabel = input<string>('Grid');\n}\n"]}

package/src/lib/layout/index.d.ts

@@ -0,0 +1,16 @@
+export * from './accordion/tng-accordion.component';
+export { TngAccordionComponent, TngAccordionItemComponent, TngAccordionTriggerComponent, TngAccordionPanelComponent, } from './accordion/tng-accordion.component';
+export * from './bottom-sheet/tng-bottom-sheet.component';
+export { TngBottomSheetComponent } from './bottom-sheet/tng-bottom-sheet.component';
+export { TngCardComponent, TngCardHeaderComponent, TngCardTitleComponent, TngCardDescriptionComponent, TngCardContentComponent, TngCardFooterComponent, TngCardMediaComponent, TngCardActionsComponent, TngCardDividerComponent, TngCardLinkComponent, } from './card/tng-card.component';
+export * from './collapsible/tng-collapsible.component';
+export { TngCollapsibleComponent } from './collapsible/tng-collapsible.component';
+export * from './drawer/tng-drawer.component';
+export { TngDrawerComponent } from './drawer/tng-drawer.component';
+export * from './grid/tng-grid.component';
+export { TngGridComponent } from './grid/tng-grid.component';
+export * from './separator/tng-separator.component';
+export { TngSeparatorComponent } from './separator/tng-separator.component';
+export * from './stepper/tng-stepper.component';
+export { TngStepperComponent } from './stepper/tng-stepper.component';
+//# sourceMappingURL=index.d.ts.map

package/src/lib/layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../libs/tailng-ui/components/src/lib/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC;AACpD,OAAO,EACL,qBAAqB,EACrB,yBAAyB,EACzB,4BAA4B,EAC5B,0BAA0B,GAC3B,MAAM,qCAAqC,CAAC;AAC7C,cAAc,2CAA2C,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,qBAAqB,EACrB,2BAA2B,EAC3B,uBAAuB,EACvB,sBAAsB,EACtB,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,GACrB,MAAM,2BAA2B,CAAC;AACnC,cAAc,yCAAyC,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAClF,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,cAAc,qCAAqC,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC"}

package/src/lib/layout/index.js

@@ -0,0 +1,16 @@
+export * from './accordion/tng-accordion.component';
+export { TngAccordionComponent, TngAccordionItemComponent, TngAccordionTriggerComponent, TngAccordionPanelComponent, } from './accordion/tng-accordion.component';
+export * from './bottom-sheet/tng-bottom-sheet.component';
+export { TngBottomSheetComponent } from './bottom-sheet/tng-bottom-sheet.component';
+export { TngCardComponent, TngCardHeaderComponent, TngCardTitleComponent, TngCardDescriptionComponent, TngCardContentComponent, TngCardFooterComponent, TngCardMediaComponent, TngCardActionsComponent, TngCardDividerComponent, TngCardLinkComponent, } from './card/tng-card.component';
+export * from './collapsible/tng-collapsible.component';
+export { TngCollapsibleComponent } from './collapsible/tng-collapsible.component';
+export * from './drawer/tng-drawer.component';
+export { TngDrawerComponent } from './drawer/tng-drawer.component';
+export * from './grid/tng-grid.component';
+export { TngGridComponent } from './grid/tng-grid.component';
+export * from './separator/tng-separator.component';
+export { TngSeparatorComponent } from './separator/tng-separator.component';
+export * from './stepper/tng-stepper.component';
+export { TngStepperComponent } from './stepper/tng-stepper.component';
+//# sourceMappingURL=index.js.map

package/src/lib/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/tailng-ui/components/src/lib/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC;AACpD,OAAO,EACL,qBAAqB,EACrB,yBAAyB,EACzB,4BAA4B,EAC5B,0BAA0B,GAC3B,MAAM,qCAAqC,CAAC;AAC7C,cAAc,2CAA2C,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,qBAAqB,EACrB,2BAA2B,EAC3B,uBAAuB,EACvB,sBAAsB,EACtB,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,GACrB,MAAM,2BAA2B,CAAC;AACnC,cAAc,yCAAyC,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAClF,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,cAAc,qCAAqC,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC","sourcesContent":["export * from './accordion/tng-accordion.component';\nexport {\n  TngAccordionComponent,\n  TngAccordionItemComponent,\n  TngAccordionTriggerComponent,\n  TngAccordionPanelComponent,\n} from './accordion/tng-accordion.component';\nexport * from './bottom-sheet/tng-bottom-sheet.component';\nexport { TngBottomSheetComponent } from './bottom-sheet/tng-bottom-sheet.component';\nexport {\n  TngCardComponent,\n  TngCardHeaderComponent,\n  TngCardTitleComponent,\n  TngCardDescriptionComponent,\n  TngCardContentComponent,\n  TngCardFooterComponent,\n  TngCardMediaComponent,\n  TngCardActionsComponent,\n  TngCardDividerComponent,\n  TngCardLinkComponent,\n} from './card/tng-card.component';\nexport * from './collapsible/tng-collapsible.component';\nexport { TngCollapsibleComponent } from './collapsible/tng-collapsible.component';\nexport * from './drawer/tng-drawer.component';\nexport { TngDrawerComponent } from './drawer/tng-drawer.component';\nexport * from './grid/tng-grid.component';\nexport { TngGridComponent } from './grid/tng-grid.component';\nexport * from './separator/tng-separator.component';\nexport { TngSeparatorComponent } from './separator/tng-separator.component';\nexport * from './stepper/tng-stepper.component';\nexport { TngStepperComponent } from './stepper/tng-stepper.component';\n"]}

package/src/lib/layout/separator/tng-separator.component.d.ts

@@ -0,0 +1,6 @@
+import { type TngSeparatorOrientation } from '@tailng-ui/primitives';
+export declare class TngSeparatorComponent {
+    readonly decorative: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly orientation: import("@angular/core").InputSignal<TngSeparatorOrientation>;
+}
+//# sourceMappingURL=tng-separator.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-separator.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/separator/tng-separator.component.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,uBAAuB,CAAC;AAE/B,qBAMa,qBAAqB;IAChC,SAAgB,UAAU,8EAEvB;IACH,SAAgB,WAAW,+DAAgD;CAC5E"}

package/src/lib/layout/separator/tng-separator.component.js

@@ -0,0 +1,19 @@
+import { __decorate } from "tslib";
+import { booleanAttribute, Component, input } from '@angular/core';
+import { TngSeparator as TngSeparatorPrimitive, } from '@tailng-ui/primitives';
+let TngSeparatorComponent = class TngSeparatorComponent {
+    decorative = input(true, {
+        transform: booleanAttribute,
+    });
+    orientation = input('horizontal');
+};
+TngSeparatorComponent = __decorate([
+    Component({
+        selector: 'tng-separator',
+        imports: [TngSeparatorPrimitive],
+        templateUrl: './tng-separator.component.html',
+        styleUrl: './tng-separator.component.css',
+    })
+], TngSeparatorComponent);
+export { TngSeparatorComponent };
+//# sourceMappingURL=tng-separator.component.js.map

package/src/lib/layout/separator/tng-separator.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-separator.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/separator/tng-separator.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EACL,YAAY,IAAI,qBAAqB,GAEtC,MAAM,uBAAuB,CAAC;AAQxB,IAAM,qBAAqB,GAA3B,MAAM,qBAAqB;IAChB,UAAU,GAAG,KAAK,CAA4B,IAAI,EAAE;QAClE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,WAAW,GAAG,KAAK,CAA0B,YAAY,CAAC,CAAC;CAC5E,CAAA;AALY,qBAAqB;IANjC,SAAS,CAAC;QACT,QAAQ,EAAE,eAAe;QACzB,OAAO,EAAE,CAAC,qBAAqB,CAAC;QAChC,WAAW,EAAE,gCAAgC;QAC7C,QAAQ,EAAE,+BAA+B;KAC1C,CAAC;GACW,qBAAqB,CAKjC","sourcesContent":["import { booleanAttribute, Component, input } from '@angular/core';\nimport {\n  TngSeparator as TngSeparatorPrimitive,\n  type TngSeparatorOrientation,\n} from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-separator',\n  imports: [TngSeparatorPrimitive],\n  templateUrl: './tng-separator.component.html',\n  styleUrl: './tng-separator.component.css',\n})\nexport class TngSeparatorComponent {\n  public readonly decorative = input<boolean, boolean | string>(true, {\n    transform: booleanAttribute,\n  });\n  public readonly orientation = input<TngSeparatorOrientation>('horizontal');\n}\n"]}

package/src/lib/layout/stepper/tng-stepper.component.d.ts

@@ -0,0 +1,4 @@
+export declare class TngStepperComponent {
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
+}
+//# sourceMappingURL=tng-stepper.component.d.ts.map

package/src/lib/layout/stepper/tng-stepper.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-stepper.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/stepper/tng-stepper.component.ts"],"names":[],"mappings":"AAGA,qBAMa,mBAAmB;IAC9B,SAAgB,SAAS,8CAA4B;CACtD"}

package/src/lib/layout/stepper/tng-stepper.component.js

@@ -0,0 +1,16 @@
+import { __decorate } from "tslib";
+import { Component, input } from '@angular/core';
+import { TngStepper as TngStepperPrimitive } from '@tailng-ui/primitives';
+let TngStepperComponent = class TngStepperComponent {
+    ariaLabel = input('Stepper');
+};
+TngStepperComponent = __decorate([
+    Component({
+        selector: 'tng-stepper',
+        imports: [TngStepperPrimitive],
+        templateUrl: './tng-stepper.component.html',
+        styleUrl: './tng-stepper.component.css',
+    })
+], TngStepperComponent);
+export { TngStepperComponent };
+//# sourceMappingURL=tng-stepper.component.js.map

package/src/lib/layout/stepper/tng-stepper.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-stepper.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/stepper/tng-stepper.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAQnE,IAAM,mBAAmB,GAAzB,MAAM,mBAAmB;IACd,SAAS,GAAG,KAAK,CAAS,SAAS,CAAC,CAAC;CACtD,CAAA;AAFY,mBAAmB;IAN/B,SAAS,CAAC;QACT,QAAQ,EAAE,aAAa;QACvB,OAAO,EAAE,CAAC,mBAAmB,CAAC;QAC9B,WAAW,EAAE,8BAA8B;QAC3C,QAAQ,EAAE,6BAA6B;KACxC,CAAC;GACW,mBAAmB,CAE/B","sourcesContent":["import { Component, input } from '@angular/core';\nimport { TngStepper as TngStepperPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-stepper',\n  imports: [TngStepperPrimitive],\n  templateUrl: './tng-stepper.component.html',\n  styleUrl: './tng-stepper.component.css',\n})\nexport class TngStepperComponent {\n  public readonly ariaLabel = input<string>('Stepper');\n}\n"]}

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

@@ -0,0 +1,28 @@
+import { type TemplateRef } from '@angular/core';
+import { Subject } from 'rxjs';
+export type TngBreadcrumbItemDisplayMode = 'ellipsis' | 'hidden' | 'visible';
+export declare class TngBreadcrumbItemComponent {
+    readonly stateChanges: Subject<void>;
+    readonly current: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly currentAsLink: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly href: import("@angular/core").InputSignal<string | null>;
+    readonly routerLink: import("@angular/core").InputSignal<string | readonly (string | number)[] | null>;
+    protected readonly displayMode: import("@angular/core").WritableSignal<TngBreadcrumbItemDisplayMode>;
+    protected readonly collapseLabel: import("@angular/core").WritableSignal<string>;
+    protected readonly isResolvedCurrent: import("@angular/core").WritableSignal<boolean>;
+    protected readonly separator: import("@angular/core").WritableSignal<string>;
+    protected readonly separatorTemplate: import("@angular/core").WritableSignal<TemplateRef<unknown> | null>;
+    protected readonly showSeparator: import("@angular/core").WritableSignal<boolean>;
+    constructor();
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
+    setDisplayMode(mode: TngBreadcrumbItemDisplayMode, collapseLabel: string): void;
+    setResolvedCurrent(value: boolean): void;
+    setSeparator(separator: string, showSeparator: boolean, separatorTemplate: TemplateRef<unknown> | null): void;
+    protected shouldRenderLink(): boolean;
+    protected hasHrefLink(): boolean;
+    protected hasRouterLink(): boolean;
+    protected onLinkClick(event: MouseEvent): void;
+}
+//# sourceMappingURL=tng-breadcrumb-item.component.d.ts.map

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

@@ -0,0 +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,EAA8C,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAM7F,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAG/B,MAAM,MAAM,4BAA4B,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE7E,qBAYa,0BAA0B;IACrC,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,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;CAQ/C"}