pdm-ui-kit 1.0.0 → 1.1.0

package/fesm2015/pdm-ui-kit-src-aspect-ratio.mjs

@@ -0,0 +1,56 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class PdmAspectRatioComponent {
+    constructor() {
+        this.ratio = 16 / 9;
+        this.imageSrc = '';
+        this.imageAlt = '';
+        this.className = '';
+    }
+    get paddingTop() {
+        if (!this.ratio || this.ratio <= 0)
+            return '56.25%';
+        return (100 / this.ratio).toFixed(4) + '%';
+    }
+}
+PdmAspectRatioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmAspectRatioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PdmAspectRatioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PdmAspectRatioComponent, selector: "pdm-aspect-ratio", inputs: { ratio: "ratio", imageSrc: "imageSrc", imageAlt: "imageAlt", className: "className" }, ngImport: i0, template: "<div class=\"relative w-full\" [ngClass]=\"className\" [style.paddingTop]=\"paddingTop\">\n  <div class=\"absolute inset-0 overflow-hidden rounded-lg\">\n    <img\n      *ngIf=\"imageSrc\"\n      [src]=\"imageSrc\"\n      [alt]=\"imageAlt\"\n      class=\"pointer-events-none h-full w-full rounded-lg object-cover\"\n    />\n    <ng-content></ng-content>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmAspectRatioComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pdm-aspect-ratio', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"relative w-full\" [ngClass]=\"className\" [style.paddingTop]=\"paddingTop\">\n  <div class=\"absolute inset-0 overflow-hidden rounded-lg\">\n    <img\n      *ngIf=\"imageSrc\"\n      [src]=\"imageSrc\"\n      [alt]=\"imageAlt\"\n      class=\"pointer-events-none h-full w-full rounded-lg object-cover\"\n    />\n    <ng-content></ng-content>\n  </div>\n</div>\n" }]
+        }], propDecorators: { ratio: [{
+                type: Input
+            }], imageSrc: [{
+                type: Input
+            }], imageAlt: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }] } });
+
+const COMPONENTS = [
+    PdmAspectRatioComponent,
+];
+class PdmAspectRatioModule {
+}
+PdmAspectRatioModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmAspectRatioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PdmAspectRatioModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: PdmAspectRatioModule, declarations: [PdmAspectRatioComponent], imports: [CommonModule], exports: [PdmAspectRatioComponent] });
+PdmAspectRatioModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmAspectRatioModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmAspectRatioModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: COMPONENTS,
+                    exports: COMPONENTS
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PdmAspectRatioComponent, PdmAspectRatioModule };
+//# sourceMappingURL=pdm-ui-kit-src-aspect-ratio.mjs.map

package/fesm2015/pdm-ui-kit-src-aspect-ratio.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdm-ui-kit-src-aspect-ratio.mjs","sources":["../../../src/aspect-ratio/aspect-ratio.component.ts","../../../src/aspect-ratio/aspect-ratio.component.html","../../../src/aspect-ratio/aspect-ratio.module.ts","../../../src/aspect-ratio/pdm-ui-kit-src-aspect-ratio.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'pdm-aspect-ratio',\n  templateUrl: './aspect-ratio.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class PdmAspectRatioComponent {\n  @Input() ratio = 16 / 9;\n  @Input() imageSrc = '';\n  @Input() imageAlt = '';\n  @Input() className = '';\n\n  get paddingTop(): string {\n    if (!this.ratio || this.ratio <= 0) return '56.25%';\n    return (100 / this.ratio).toFixed(4) + '%';\n  }\n}\n","<div class=\"relative w-full\" [ngClass]=\"className\" [style.paddingTop]=\"paddingTop\">\n  <div class=\"absolute inset-0 overflow-hidden rounded-lg\">\n    <img\n      *ngIf=\"imageSrc\"\n      [src]=\"imageSrc\"\n      [alt]=\"imageAlt\"\n      class=\"pointer-events-none h-full w-full rounded-lg object-cover\"\n    />\n    <ng-content></ng-content>\n  </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { PdmAspectRatioComponent } from './aspect-ratio.component';\n\nconst COMPONENTS = [\n  PdmAspectRatioComponent,\n];\n\n@NgModule({\n  imports: [CommonModule],\n  declarations: COMPONENTS,\n  exports: COMPONENTS\n})\nexport class PdmAspectRatioModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAOa,uBAAuB,CAAA;AALpC,IAAA,WAAA,GAAA;AAMW,QAAA,IAAA,CAAA,KAAK,GAAG,EAAE,GAAG,CAAC,CAAC;AACf,QAAA,IAAQ,CAAA,QAAA,GAAG,EAAE,CAAC;AACd,QAAA,IAAQ,CAAA,QAAA,GAAG,EAAE,CAAC;AACd,QAAA,IAAS,CAAA,SAAA,GAAG,EAAE,CAAC;KAMzB;AAJC,IAAA,IAAI,UAAU,GAAA;QACZ,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC;AAAE,YAAA,OAAO,QAAQ,CAAC;AACpD,QAAA,OAAO,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;KAC5C;;oHATU,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,uBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,wJCPpC,wXAWA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDJa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,SAAS;+BACE,kBAAkB,EAAA,eAAA,EAEX,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,wXAAA,EAAA,CAAA;8BAGtC,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;;;AEPR,MAAM,UAAU,GAAG;IACjB,uBAAuB;CACxB,CAAC;MAOW,oBAAoB,CAAA;;iHAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAApB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,EAR/B,YAAA,EAAA,CAAA,uBAAuB,CAIb,EAAA,OAAA,EAAA,CAAA,YAAY,aAJtB,uBAAuB,CAAA,EAAA,CAAA,CAAA;AAQZ,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,YAJrB,YAAY,CAAA,EAAA,CAAA,CAAA;2FAIX,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;AACvB,oBAAA,YAAY,EAAE,UAAU;AACxB,oBAAA,OAAO,EAAE,UAAU;iBACpB,CAAA;;;ACZD;;AAEG;;;;"}

package/fesm2015/pdm-ui-kit-src-avatar.mjs

@@ -0,0 +1,71 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class PdmAvatarComponent {
+    constructor() {
+        this.src = '';
+        this.alt = 'Avatar';
+        this.fallback = 'U';
+        this.shape = 'circle';
+        this.size = 'md';
+        this.groupSources = [];
+        this.className = '';
+        this.sizeClasses = {
+            sm: 'h-8 w-8',
+            md: 'h-10 w-10',
+            lg: 'h-12 w-12'
+        };
+    }
+    get isGroup() {
+        return this.groupSources.length > 0;
+    }
+    get radiusClass() {
+        return this.shape === 'square' ? 'rounded-[8px]' : 'rounded-full';
+    }
+}
+PdmAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PdmAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PdmAvatarComponent, selector: "pdm-avatar", inputs: { src: "src", alt: "alt", fallback: "fallback", shape: "shape", size: "size", groupSources: "groupSources", className: "className" }, ngImport: i0, template: "<div *ngIf=\"!isGroup\" [ngClass]=\"['relative flex shrink-0 overflow-hidden', radiusClass, sizeClasses[size], className]\">\n  <img *ngIf=\"src\" [src]=\"src\" [alt]=\"alt\" [ngClass]=\"['aspect-square h-full w-full object-cover', radiusClass]\" />\n  <div\n    *ngIf=\"!src\"\n    [ngClass]=\"['flex h-full w-full items-center justify-center bg-muted text-xs text-muted-foreground', radiusClass]\"\n  >\n    {{ fallback }}\n  </div>\n</div>\n\n<div *ngIf=\"isGroup\" [ngClass]=\"['inline-flex items-center pr-2', className]\">\n  <div\n    *ngFor=\"let groupSrc of groupSources; let i = index\"\n    [ngClass]=\"[\n      'relative h-8 w-8 shrink-0 overflow-hidden rounded-full',\n      i > 0 ? '-mr-2 border border-solid border-border' : '-mr-2'\n    ]\"\n  >\n    <img [src]=\"groupSrc\" [alt]=\"alt + ' ' + (i + 1)\" class=\"h-full w-full rounded-full object-cover\" />\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmAvatarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pdm-avatar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"!isGroup\" [ngClass]=\"['relative flex shrink-0 overflow-hidden', radiusClass, sizeClasses[size], className]\">\n  <img *ngIf=\"src\" [src]=\"src\" [alt]=\"alt\" [ngClass]=\"['aspect-square h-full w-full object-cover', radiusClass]\" />\n  <div\n    *ngIf=\"!src\"\n    [ngClass]=\"['flex h-full w-full items-center justify-center bg-muted text-xs text-muted-foreground', radiusClass]\"\n  >\n    {{ fallback }}\n  </div>\n</div>\n\n<div *ngIf=\"isGroup\" [ngClass]=\"['inline-flex items-center pr-2', className]\">\n  <div\n    *ngFor=\"let groupSrc of groupSources; let i = index\"\n    [ngClass]=\"[\n      'relative h-8 w-8 shrink-0 overflow-hidden rounded-full',\n      i > 0 ? '-mr-2 border border-solid border-border' : '-mr-2'\n    ]\"\n  >\n    <img [src]=\"groupSrc\" [alt]=\"alt + ' ' + (i + 1)\" class=\"h-full w-full rounded-full object-cover\" />\n  </div>\n</div>\n" }]
+        }], propDecorators: { src: [{
+                type: Input
+            }], alt: [{
+                type: Input
+            }], fallback: [{
+                type: Input
+            }], shape: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], groupSources: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }] } });
+
+const COMPONENTS = [
+    PdmAvatarComponent,
+];
+class PdmAvatarModule {
+}
+PdmAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PdmAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: PdmAvatarModule, declarations: [PdmAvatarComponent], imports: [CommonModule], exports: [PdmAvatarComponent] });
+PdmAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmAvatarModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmAvatarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: COMPONENTS,
+                    exports: COMPONENTS
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PdmAvatarComponent, PdmAvatarModule };
+//# sourceMappingURL=pdm-ui-kit-src-avatar.mjs.map

package/fesm2015/pdm-ui-kit-src-avatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdm-ui-kit-src-avatar.mjs","sources":["../../../src/avatar/avatar.component.ts","../../../src/avatar/avatar.component.html","../../../src/avatar/avatar.module.ts","../../../src/avatar/pdm-ui-kit-src-avatar.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\nexport type PdmAvatarShape = 'circle' | 'square';\n\n@Component({\n  selector: 'pdm-avatar',\n  templateUrl: './avatar.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class PdmAvatarComponent {\n  @Input() src = '';\n  @Input() alt = 'Avatar';\n  @Input() fallback = 'U';\n  @Input() shape: PdmAvatarShape = 'circle';\n  @Input() size: 'sm' | 'md' | 'lg' = 'md';\n  @Input() groupSources: string[] = [];\n  @Input() className = '';\n\n  readonly sizeClasses = {\n    sm: 'h-8 w-8',\n    md: 'h-10 w-10',\n    lg: 'h-12 w-12'\n  };\n\n  get isGroup(): boolean {\n    return this.groupSources.length > 0;\n  }\n\n  get radiusClass(): string {\n    return this.shape === 'square' ? 'rounded-[8px]' : 'rounded-full';\n  }\n}\n","<div *ngIf=\"!isGroup\" [ngClass]=\"['relative flex shrink-0 overflow-hidden', radiusClass, sizeClasses[size], className]\">\n  <img *ngIf=\"src\" [src]=\"src\" [alt]=\"alt\" [ngClass]=\"['aspect-square h-full w-full object-cover', radiusClass]\" />\n  <div\n    *ngIf=\"!src\"\n    [ngClass]=\"['flex h-full w-full items-center justify-center bg-muted text-xs text-muted-foreground', radiusClass]\"\n  >\n    {{ fallback }}\n  </div>\n</div>\n\n<div *ngIf=\"isGroup\" [ngClass]=\"['inline-flex items-center pr-2', className]\">\n  <div\n    *ngFor=\"let groupSrc of groupSources; let i = index\"\n    [ngClass]=\"[\n      'relative h-8 w-8 shrink-0 overflow-hidden rounded-full',\n      i > 0 ? '-mr-2 border border-solid border-border' : '-mr-2'\n    ]\"\n  >\n    <img [src]=\"groupSrc\" [alt]=\"alt + ' ' + (i + 1)\" class=\"h-full w-full rounded-full object-cover\" />\n  </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { PdmAvatarComponent } from './avatar.component';\n\nconst COMPONENTS = [\n  PdmAvatarComponent,\n];\n\n@NgModule({\n  imports: [CommonModule],\n  declarations: COMPONENTS,\n  exports: COMPONENTS\n})\nexport class PdmAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/pdm-ui-kit-src-badge.mjs

@@ -0,0 +1,48 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class PdmBadgeComponent {
+    constructor() {
+        this.variant = 'default';
+        this.text = 'Badge';
+        this.className = '';
+    }
+}
+PdmBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PdmBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PdmBadgeComponent, selector: "pdm-badge", inputs: { variant: "variant", text: "text", className: "className" }, ngImport: i0, template: "<span\n  [ngClass]=\"[\n    'inline-flex items-center justify-center text-center align-middle rounded-full px-2.5 py-0.5 text-xs font-semibold',\n    variant === 'default' ? 'bg-primary text-primary-foreground' : '',\n    variant === 'secondary' ? 'bg-secondary text-secondary-foreground' : '',\n    variant === 'destructive' ? 'bg-destructive text-destructive-foreground' : '',\n    variant === 'outline' ? 'border border-solid border-input text-foreground' : '',\n    variant === 'icon' ? 'gap-1 bg-primary text-primary-foreground' : '',\n    variant === 'number' ? 'min-w-5 rounded-full bg-primary px-1.5 text-primary-foreground' : '',\n    variant === 'destructive-number' ? 'min-w-5 rounded-full bg-destructive px-1.5 text-destructive-foreground' : '',\n    variant === 'secondary-number' ? 'min-w-5 rounded-full border border-solid border-input px-1.5 text-foreground' : '',\n    className\n  ]\"\n>\n  <svg\n    *ngIf=\"variant === 'icon'\"\n    viewBox=\"0 0 24 24\"\n    class=\"h-4 w-4\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-hidden=\"true\"\n  >\n    <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.5\"></circle>\n    <path d=\"M8.5 12.5L10.8 14.8L15.8 9.8\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n  </svg>\n  <span [ngClass]=\"[variant === 'secondary-number' ? 'font-mono' : '']\">{{ text }}</span>\n</span>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmBadgeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pdm-badge', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n  [ngClass]=\"[\n    'inline-flex items-center justify-center text-center align-middle rounded-full px-2.5 py-0.5 text-xs font-semibold',\n    variant === 'default' ? 'bg-primary text-primary-foreground' : '',\n    variant === 'secondary' ? 'bg-secondary text-secondary-foreground' : '',\n    variant === 'destructive' ? 'bg-destructive text-destructive-foreground' : '',\n    variant === 'outline' ? 'border border-solid border-input text-foreground' : '',\n    variant === 'icon' ? 'gap-1 bg-primary text-primary-foreground' : '',\n    variant === 'number' ? 'min-w-5 rounded-full bg-primary px-1.5 text-primary-foreground' : '',\n    variant === 'destructive-number' ? 'min-w-5 rounded-full bg-destructive px-1.5 text-destructive-foreground' : '',\n    variant === 'secondary-number' ? 'min-w-5 rounded-full border border-solid border-input px-1.5 text-foreground' : '',\n    className\n  ]\"\n>\n  <svg\n    *ngIf=\"variant === 'icon'\"\n    viewBox=\"0 0 24 24\"\n    class=\"h-4 w-4\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-hidden=\"true\"\n  >\n    <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.5\"></circle>\n    <path d=\"M8.5 12.5L10.8 14.8L15.8 9.8\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n  </svg>\n  <span [ngClass]=\"[variant === 'secondary-number' ? 'font-mono' : '']\">{{ text }}</span>\n</span>\n" }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }] } });
+
+const COMPONENTS = [
+    PdmBadgeComponent,
+];
+class PdmBadgeModule {
+}
+PdmBadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PdmBadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: PdmBadgeModule, declarations: [PdmBadgeComponent], imports: [CommonModule], exports: [PdmBadgeComponent] });
+PdmBadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmBadgeModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmBadgeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: COMPONENTS,
+                    exports: COMPONENTS
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PdmBadgeComponent, PdmBadgeModule };
+//# sourceMappingURL=pdm-ui-kit-src-badge.mjs.map

package/fesm2015/pdm-ui-kit-src-badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdm-ui-kit-src-badge.mjs","sources":["../../../src/badge/badge.component.ts","../../../src/badge/badge.component.html","../../../src/badge/badge.module.ts","../../../src/badge/pdm-ui-kit-src-badge.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\nexport type PdmBadgeVariant =\n  | 'default'\n  | 'secondary'\n  | 'destructive'\n  | 'outline'\n  | 'icon'\n  | 'number'\n  | 'destructive-number'\n  | 'secondary-number';\n\n@Component({\n  selector: 'pdm-badge',\n  templateUrl: './badge.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class PdmBadgeComponent {\n  @Input() variant: PdmBadgeVariant = 'default';\n  @Input() text = 'Badge';\n  @Input() className = '';\n}\n\n","<span\n  [ngClass]=\"[\n    'inline-flex items-center justify-center text-center align-middle rounded-full px-2.5 py-0.5 text-xs font-semibold',\n    variant === 'default' ? 'bg-primary text-primary-foreground' : '',\n    variant === 'secondary' ? 'bg-secondary text-secondary-foreground' : '',\n    variant === 'destructive' ? 'bg-destructive text-destructive-foreground' : '',\n    variant === 'outline' ? 'border border-solid border-input text-foreground' : '',\n    variant === 'icon' ? 'gap-1 bg-primary text-primary-foreground' : '',\n    variant === 'number' ? 'min-w-5 rounded-full bg-primary px-1.5 text-primary-foreground' : '',\n    variant === 'destructive-number' ? 'min-w-5 rounded-full bg-destructive px-1.5 text-destructive-foreground' : '',\n    variant === 'secondary-number' ? 'min-w-5 rounded-full border border-solid border-input px-1.5 text-foreground' : '',\n    className\n  ]\"\n>\n  <svg\n    *ngIf=\"variant === 'icon'\"\n    viewBox=\"0 0 24 24\"\n    class=\"h-4 w-4\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-hidden=\"true\"\n  >\n    <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.5\"></circle>\n    <path d=\"M8.5 12.5L10.8 14.8L15.8 9.8\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n  </svg>\n  <span [ngClass]=\"[variant === 'secondary-number' ? 'font-mono' : '']\">{{ text }}</span>\n</span>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { PdmBadgeComponent } from './badge.component';\n\nconst COMPONENTS = [\n  PdmBadgeComponent,\n];\n\n@NgModule({\n  imports: [CommonModule],\n  declarations: COMPONENTS,\n  exports: COMPONENTS\n})\nexport class PdmBadgeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAiBa,iBAAiB,CAAA;AAL9B,IAAA,WAAA,GAAA;AAMW,QAAA,IAAO,CAAA,OAAA,GAAoB,SAAS,CAAC;AACrC,QAAA,IAAI,CAAA,IAAA,GAAG,OAAO,CAAC;AACf,QAAA,IAAS,CAAA,SAAA,GAAG,EAAE,CAAC;KACzB;;8GAJY,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,uHCjB9B,26CA2BA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDVa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAL7B,SAAS;+BACE,WAAW,EAAA,eAAA,EAEJ,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,26CAAA,EAAA,CAAA;8BAGtC,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;;;AEhBR,MAAM,UAAU,GAAG;IACjB,iBAAiB;CAClB,CAAC;MAOW,cAAc,CAAA;;2GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAd,cAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,EARzB,YAAA,EAAA,CAAA,iBAAiB,CAIP,EAAA,OAAA,EAAA,CAAA,YAAY,aAJtB,iBAAiB,CAAA,EAAA,CAAA,CAAA;AAQN,cAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,YAJf,YAAY,CAAA,EAAA,CAAA,CAAA;2FAIX,cAAc,EAAA,UAAA,EAAA,CAAA;kBAL1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;AACvB,oBAAA,YAAY,EAAE,UAAU;AACxB,oBAAA,OAAO,EAAE,UAAU;iBACpB,CAAA;;;ACZD;;AAEG;;;;"}

package/fesm2015/pdm-ui-kit-src-breadcrumb.mjs

@@ -0,0 +1,87 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+/**
+ * Breadcrumb component con soporte responsive
+ *
+ * MEJORADO en v0.2.0:
+ * - Modo responsive real con overflow-x-auto
+ * - Collapse inteligente en mobile
+ *
+ * @example
+ * <pdm-breadcrumb
+ *   mode="responsive"
+ *   [items]="['Home', 'Products', 'Electronics', 'Laptops']">
+ * </pdm-breadcrumb>
+ */
+class PdmBreadcrumbComponent {
+    constructor() {
+        this.mode = 'link-component';
+        this.items = ['Home', 'Components', 'Breadcrumb'];
+        this.className = '';
+        /**
+         * Cantidad mínima de items para mostrar en mobile cuando mode="responsive"
+         * Default: 2 (primer y último item)
+         */
+        this.minItemsMobile = 2;
+    }
+    get renderedItems() {
+        if (this.mode === 'collapsed' && this.items.length > 3) {
+            return [this.items[0], '...', this.items[this.items.length - 2], this.items[this.items.length - 1]];
+        }
+        // Responsive mode: no collapse en el TS, se maneja en el template con CSS
+        return this.items;
+    }
+    /**
+     * Determina si un item debe estar visible en mobile (modo responsive)
+     */
+    shouldShowInMobile(index) {
+        if (this.mode !== 'responsive')
+            return true;
+        const totalItems = this.items.length;
+        if (totalItems <= this.minItemsMobile)
+            return true;
+        // Siempre mostrar primero y último
+        return index === 0 || index === totalItems - 1;
+    }
+}
+PdmBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PdmBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PdmBreadcrumbComponent, selector: "pdm-breadcrumb", inputs: { mode: "mode", items: "items", className: "className", minItemsMobile: "minItemsMobile" }, ngImport: i0, template: "<nav\n  aria-label=\"breadcrumb\"\n  [ngClass]=\"[\n    'inline-flex items-center gap-1.5 text-sm',\n    mode === 'responsive' ? 'overflow-x-auto max-w-full pb-1 scrollbar-thin' : '',\n    className\n  ]\"\n>\n  <ng-container *ngFor=\"let item of renderedItems; let i = index; let last = last\">\n    <!-- Item text -->\n    <span \n      [ngClass]=\"[\n        last ? 'text-foreground font-medium' : 'text-muted-foreground hover:text-foreground transition-colors cursor-pointer',\n        mode === 'responsive' && !shouldShowInMobile(i) ? 'hidden sm:inline' : '',\n        'whitespace-nowrap'\n      ]\">\n      {{ item }}\n    </span>\n\n    <!-- Separator -->\n    <ng-container *ngIf=\"!last\">\n      <span \n        [ngClass]=\"[\n          'inline-flex h-6 w-6 flex-shrink-0 items-center justify-center text-muted-foreground',\n          mode === 'responsive' && !shouldShowInMobile(i) && !shouldShowInMobile(i + 1) ? 'hidden sm:inline-flex' : ''\n        ]\" \n        aria-hidden=\"true\">\n        <!-- Custom separator (slash) -->\n        <svg\n          *ngIf=\"mode === 'custom-separator' && item !== '...'\"\n          viewBox=\"0 0 24 24\"\n          class=\"h-4 w-4\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path d=\"M8 20L16 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" />\n        </svg>\n        \n        <!-- Default separator (chevron) -->\n        <svg\n          *ngIf=\"(mode !== 'custom-separator' && item !== '...') || item === '...'\"\n          viewBox=\"0 0 24 24\"\n          class=\"h-4 w-4\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path d=\"M9 6L15 12L9 18\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n        </svg>\n      </span>\n      \n      <!-- Ellipsis indicator for responsive mode (only shown when items are hidden) -->\n      <span \n        *ngIf=\"mode === 'responsive' && !shouldShowInMobile(i) && i === 0\"\n        class=\"inline-flex sm:hidden text-muted-foreground\">\n        ...\n      </span>\n    </ng-container>\n\n    <!-- Dropdown indicator -->\n    <ng-container *ngIf=\"mode === 'dropdown' && i === 1 && item !== '...' && !last\">\n      <span class=\"-ml-2 inline-flex h-6 w-6 items-center justify-center text-muted-foreground\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" class=\"h-4 w-4\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M7 10L12 15L17 10\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n        </svg>\n      </span>\n    </ng-container>\n  </ng-container>\n</nav>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmBreadcrumbComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pdm-breadcrumb', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav\n  aria-label=\"breadcrumb\"\n  [ngClass]=\"[\n    'inline-flex items-center gap-1.5 text-sm',\n    mode === 'responsive' ? 'overflow-x-auto max-w-full pb-1 scrollbar-thin' : '',\n    className\n  ]\"\n>\n  <ng-container *ngFor=\"let item of renderedItems; let i = index; let last = last\">\n    <!-- Item text -->\n    <span \n      [ngClass]=\"[\n        last ? 'text-foreground font-medium' : 'text-muted-foreground hover:text-foreground transition-colors cursor-pointer',\n        mode === 'responsive' && !shouldShowInMobile(i) ? 'hidden sm:inline' : '',\n        'whitespace-nowrap'\n      ]\">\n      {{ item }}\n    </span>\n\n    <!-- Separator -->\n    <ng-container *ngIf=\"!last\">\n      <span \n        [ngClass]=\"[\n          'inline-flex h-6 w-6 flex-shrink-0 items-center justify-center text-muted-foreground',\n          mode === 'responsive' && !shouldShowInMobile(i) && !shouldShowInMobile(i + 1) ? 'hidden sm:inline-flex' : ''\n        ]\" \n        aria-hidden=\"true\">\n        <!-- Custom separator (slash) -->\n        <svg\n          *ngIf=\"mode === 'custom-separator' && item !== '...'\"\n          viewBox=\"0 0 24 24\"\n          class=\"h-4 w-4\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path d=\"M8 20L16 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" />\n        </svg>\n        \n        <!-- Default separator (chevron) -->\n        <svg\n          *ngIf=\"(mode !== 'custom-separator' && item !== '...') || item === '...'\"\n          viewBox=\"0 0 24 24\"\n          class=\"h-4 w-4\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path d=\"M9 6L15 12L9 18\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n        </svg>\n      </span>\n      \n      <!-- Ellipsis indicator for responsive mode (only shown when items are hidden) -->\n      <span \n        *ngIf=\"mode === 'responsive' && !shouldShowInMobile(i) && i === 0\"\n        class=\"inline-flex sm:hidden text-muted-foreground\">\n        ...\n      </span>\n    </ng-container>\n\n    <!-- Dropdown indicator -->\n    <ng-container *ngIf=\"mode === 'dropdown' && i === 1 && item !== '...' && !last\">\n      <span class=\"-ml-2 inline-flex h-6 w-6 items-center justify-center text-muted-foreground\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" class=\"h-4 w-4\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M7 10L12 15L17 10\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n        </svg>\n      </span>\n    </ng-container>\n  </ng-container>\n</nav>\n" }]
+        }], propDecorators: { mode: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], minItemsMobile: [{
+                type: Input
+            }] } });
+
+const COMPONENTS = [
+    PdmBreadcrumbComponent,
+];
+class PdmBreadcrumbModule {
+}
+PdmBreadcrumbModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PdmBreadcrumbModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: PdmBreadcrumbModule, declarations: [PdmBreadcrumbComponent], imports: [CommonModule], exports: [PdmBreadcrumbComponent] });
+PdmBreadcrumbModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmBreadcrumbModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmBreadcrumbModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: COMPONENTS,
+                    exports: COMPONENTS
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PdmBreadcrumbComponent, PdmBreadcrumbModule };
+//# sourceMappingURL=pdm-ui-kit-src-breadcrumb.mjs.map

package/fesm2015/pdm-ui-kit-src-breadcrumb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdm-ui-kit-src-breadcrumb.mjs","sources":["../../../src/breadcrumb/breadcrumb.component.ts","../../../src/breadcrumb/breadcrumb.component.html","../../../src/breadcrumb/breadcrumb.module.ts","../../../src/breadcrumb/pdm-ui-kit-src-breadcrumb.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\nexport type PdmBreadcrumbMode =\n  | 'custom-separator'\n  | 'dropdown'\n  | 'collapsed'\n  | 'link-component'\n  | 'responsive';\n\n/**\n * Breadcrumb component con soporte responsive\n * \n * MEJORADO en v0.2.0:\n * - Modo responsive real con overflow-x-auto\n * - Collapse inteligente en mobile\n * \n * @example\n * <pdm-breadcrumb\n *   mode=\"responsive\"\n *   [items]=\"['Home', 'Products', 'Electronics', 'Laptops']\">\n * </pdm-breadcrumb>\n */\n@Component({\n  selector: 'pdm-breadcrumb',\n  templateUrl: './breadcrumb.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class PdmBreadcrumbComponent {\n  @Input() mode: PdmBreadcrumbMode = 'link-component';\n  @Input() items: string[] = ['Home', 'Components', 'Breadcrumb'];\n  @Input() className = '';\n  \n  /**\n   * Cantidad mínima de items para mostrar en mobile cuando mode=\"responsive\"\n   * Default: 2 (primer y último item)\n   */\n  @Input() minItemsMobile = 2;\n\n  get renderedItems(): string[] {\n    if (this.mode === 'collapsed' && this.items.length > 3) {\n      return [this.items[0], '...', this.items[this.items.length - 2], this.items[this.items.length - 1]];\n    }\n    \n    // Responsive mode: no collapse en el TS, se maneja en el template con CSS\n    return this.items;\n  }\n  \n  /**\n   * Determina si un item debe estar visible en mobile (modo responsive)\n   */\n  shouldShowInMobile(index: number): boolean {\n    if (this.mode !== 'responsive') return true;\n    \n    const totalItems = this.items.length;\n    if (totalItems <= this.minItemsMobile) return true;\n    \n    // Siempre mostrar primero y último\n    return index === 0 || index === totalItems - 1;\n  }\n}\n","<nav\n  aria-label=\"breadcrumb\"\n  [ngClass]=\"[\n    'inline-flex items-center gap-1.5 text-sm',\n    mode === 'responsive' ? 'overflow-x-auto max-w-full pb-1 scrollbar-thin' : '',\n    className\n  ]\"\n>\n  <ng-container *ngFor=\"let item of renderedItems; let i = index; let last = last\">\n    <!-- Item text -->\n    <span \n      [ngClass]=\"[\n        last ? 'text-foreground font-medium' : 'text-muted-foreground hover:text-foreground transition-colors cursor-pointer',\n        mode === 'responsive' && !shouldShowInMobile(i) ? 'hidden sm:inline' : '',\n        'whitespace-nowrap'\n      ]\">\n      {{ item }}\n    </span>\n\n    <!-- Separator -->\n    <ng-container *ngIf=\"!last\">\n      <span \n        [ngClass]=\"[\n          'inline-flex h-6 w-6 flex-shrink-0 items-center justify-center text-muted-foreground',\n          mode === 'responsive' && !shouldShowInMobile(i) && !shouldShowInMobile(i + 1) ? 'hidden sm:inline-flex' : ''\n        ]\" \n        aria-hidden=\"true\">\n        <!-- Custom separator (slash) -->\n        <svg\n          *ngIf=\"mode === 'custom-separator' && item !== '...'\"\n          viewBox=\"0 0 24 24\"\n          class=\"h-4 w-4\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path d=\"M8 20L16 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" />\n        </svg>\n        \n        <!-- Default separator (chevron) -->\n        <svg\n          *ngIf=\"(mode !== 'custom-separator' && item !== '...') || item === '...'\"\n          viewBox=\"0 0 24 24\"\n          class=\"h-4 w-4\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path d=\"M9 6L15 12L9 18\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n        </svg>\n      </span>\n      \n      <!-- Ellipsis indicator for responsive mode (only shown when items are hidden) -->\n      <span \n        *ngIf=\"mode === 'responsive' && !shouldShowInMobile(i) && i === 0\"\n        class=\"inline-flex sm:hidden text-muted-foreground\">\n        ...\n      </span>\n    </ng-container>\n\n    <!-- Dropdown indicator -->\n    <ng-container *ngIf=\"mode === 'dropdown' && i === 1 && item !== '...' && !last\">\n      <span class=\"-ml-2 inline-flex h-6 w-6 items-center justify-center text-muted-foreground\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" class=\"h-4 w-4\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M7 10L12 15L17 10\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n        </svg>\n      </span>\n    </ng-container>\n  </ng-container>\n</nav>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { PdmBreadcrumbComponent } from './breadcrumb.component';\n\nconst COMPONENTS = [\n  PdmBreadcrumbComponent,\n];\n\n@NgModule({\n  imports: [CommonModule],\n  declarations: COMPONENTS,\n  exports: COMPONENTS\n})\nexport class PdmBreadcrumbModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}