pdm-ui-kit 0.1.0 → 0.1.2

package/README.md

@@ -1,72 +1,128 @@
 # PDM UI Kit
 
-Base de componentes reutilizables compatible con Angular 13, 14 y 15.
+Librería de componentes UI para Angular (13, 14 y 15), construida sobre patrones visuales del **Figma de shadcn/ui** y adaptada para el ecosistema de Corelusa.
 
-## Objetivo
-- Centralizar componentes UI nuevos.
-- Mantener API estable para migrar a paquete remoto.
-- Usar Tailwind CSS v3 y tokens CSS del proyecto consumidor.
+## Base de diseño
+
+Este kit está **basado en el Figma de shadcn/ui** y mantiene una estructura de estilos por tokens CSS (por ejemplo: `--background`, `--foreground`, `--primary`, `--border`, `--ring`, `--radius`).
 
 ## Compatibilidad
-- Angular: 13, 14, 15 (NgModules, sin standalone).
-- Tailwind: v3.
 
-## Theming
-Los componentes usan tokens por CSS variables tipo shadcn:
-- `--background`, `--foreground`, `--primary`, `--border`, `--ring`, `--radius`, etc.
+- Angular: 13, 14, 15
+- Arquitectura: NgModules (no standalone)
+- Estilos: Tailwind CSS v3 + variables CSS del proyecto consumidor
+
+## Uso rápido
 
-El look final lo define el proyecto que consume el kit (light/dark u otros temas).
+### 1) Importa el módulo
 
-## Tailwind en proyecto consumidor
-Asegura que Tailwind escanee las plantillas del kit.
+```ts
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { PdmUiKitModule } from 'pdm-ui-kit';
 
-Ejemplo en `tailwind.config.js` del proyecto consumidor:
+import { AppComponent } from './app.component';
 
-```js
-module.exports = {
-  content: [
-    './src/**/*.{html,ts}',
-    './projects/pdm-ui-kit/src/**/*.{html,ts}',
-    './node_modules/@corelusa/pdm-ui-kit/**/*.{mjs,js}'
-  ]
-};
+@NgModule({
+  declarations: [AppComponent],
+  imports: [BrowserModule, PdmUiKitModule],
+  bootstrap: [AppComponent]
+})
+export class AppModule {}
 ```
 
-## Estructura
-- `src/public-api.ts`: exports públicos.
-- `src/lib/pdm-ui-kit.module.ts`: módulo raíz.
-- `src/lib/components/*`: componentes.
-
-## Nuevas variantes Figma
-- `pdm-chart` ahora soporta `type="area|bar|line|pie|radar|radial|tooltips"`.
-- `pdm-icon` ahora soporta `library="lucide|tabler|hugeicons|phosphor|remix"`.
-- `pdm-icon` soporta `assetUrl` para usar SVG/PNG expuestos por Figma MCP (`http://localhost:...`) sin dependencias extra.
-
-## Publicación en npm
-La librería ya está configurada con `ng-packagr` y se compila en modo `partial` (Ivy), compatible para consumo en Angular 13, 14 y 15.
-
-### Scripts disponibles
-- `npm run build:ui-kit`
-- `npm run build:ui-kit:dev`
-- `npm run pack:ui-kit`
-
-### Flujo recomendado
-1. Ajustar nombre/versión en `projects/pdm-ui-kit/package.json`.
-2. Compilar:
-   - `npm run build:ui-kit`
-3. Probar el paquete localmente:
-   - `cd dist/pdm-ui-kit && npm pack`
-4. Login npm:
-   - `npm login`
-5. Publicar desde `dist/pdm-ui-kit`:
-   - `cd dist/pdm-ui-kit && npm publish --access public`
-
-### Nota sobre Tailwind en proyecto consumidor
-Para que se apliquen las clases utility del kit en otro proyecto, incluye el paquete en `content` de `tailwind.config.js`, por ejemplo:
-
-```js
-content: [
-  './src/**/*.{html,ts}',
-  './node_modules/pdm-ui-kit/**/*.{mjs,js}'
-]
+### 2) Usa componentes en tus templates
+
+#### Botón
+
+```html
+<pdm-button variant="primary" size="default">Guardar</pdm-button>
+<pdm-button variant="destructive" size="small">Eliminar</pdm-button>
+<pdm-button variant="outline" size="large">Cancelar</pdm-button>
+```
+
+#### Alert
+
+```html
+<pdm-alert
+  variant="default"
+  title="Cambios guardados"
+  description="La configuración fue actualizada correctamente.">
+</pdm-alert>
+
+<pdm-alert
+  variant="destructive"
+  title="Error al procesar"
+  description="Intenta nuevamente en unos minutos.">
+</pdm-alert>
 ```
+
+#### Tabs
+
+```html
+<pdm-tabs [items]="tabs" [(value)]="activeTab"></pdm-tabs>
+<p>Tab activa: {{ activeTab }}</p>
+```
+
+```ts
+tabs = [
+  { label: 'General', value: 'general' },
+  { label: 'Seguridad', value: 'security' },
+  { label: 'Facturación', value: 'billing' }
+];
+
+activeTab = 'general';
+```
+
+#### Iconos
+
+```html
+<pdm-icon name="search" library="lucide" [size]="18"></pdm-icon>
+<pdm-icon name="user" library="phosphor" [size]="20"></pdm-icon>
+```
+
+Si necesitas un asset exportado desde Figma MCP:
+
+```html
+<pdm-icon
+  [assetUrl]="'http://localhost:3845/assets/icon-alert.svg'"
+  ariaLabel="Alerta">
+</pdm-icon>
+```
+
+#### Chart
+
+```html
+<pdm-chart
+  type="line"
+  title="Visitas"
+  description="Últimos 30 días"
+  [labels]="['Lun', 'Mar', 'Mie', 'Jue', 'Vie']"
+  [line]="[12, 18, 15, 22, 19]">
+</pdm-chart>
+```
+
+Tipos soportados en `pdm-chart`:
+
+- `area`
+- `bar`
+- `line`
+- `pie`
+- `radar`
+- `radial`
+- `tooltips`
+
+## Theming
+
+Los componentes leen los tokens CSS del proyecto consumidor. Define tus variables globales para aplicar tu tema (light/dark o custom branding) sin modificar el kit.
+
+## Componentes disponibles
+
+Incluye componentes como:
+
+- `pdm-button`, `pdm-input`, `pdm-textarea`, `pdm-select`
+- `pdm-alert`, `pdm-badge`, `pdm-card`, `pdm-dialog`
+- `pdm-tabs`, `pdm-table`, `pdm-data-table`, `pdm-chart`
+- `pdm-tooltip`, `pdm-popover`, `pdm-dropdown-menu`, `pdm-sidebar`
+
+Y más, todos exportados desde `PdmUiKitModule`.

package/esm2020/lib/components/accordion/accordion.component.mjs

@@ -0,0 +1,42 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class PdmAccordionComponent {
+    constructor() {
+        this.items = [];
+        this.expandedIndex = -1;
+        this.className = '';
+        this.expandedIndexChange = new EventEmitter();
+    }
+    isExpanded(index) {
+        return this.expandedIndex === index;
+    }
+    contentLines(content) {
+        if (Array.isArray(content))
+            return content;
+        return content
+            .split('\n')
+            .map((line) => line.trim())
+            .filter((line) => line.length > 0);
+    }
+    toggle(index) {
+        if (this.items[index]?.disabled)
+            return;
+        this.expandedIndexChange.emit(this.expandedIndex === index ? -1 : index);
+    }
+}
+PdmAccordionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PdmAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PdmAccordionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PdmAccordionComponent, selector: "pdm-accordion", inputs: { items: "items", expandedIndex: "expandedIndex", className: "className" }, outputs: { expandedIndexChange: "expandedIndexChange" }, ngImport: i0, template: "<div [ngClass]=\"['w-full', className]\">\n  <div *ngFor=\"let item of items; let i = index\" class=\"border-b border-[#e5e5e5]\">\n    <h3>\n      <button\n        type=\"button\"\n        class=\"flex h-[52px] w-full items-center justify-between py-4 text-left text-[14px] font-medium leading-5 text-[#0a0a0a] transition-colors\"\n        [disabled]=\"item.disabled\"\n        [attr.aria-expanded]=\"isExpanded(i)\"\n        [attr.aria-controls]=\"item.id + '-panel'\"\n        (click)=\"toggle(i)\"\n      >\n        <span class=\"pr-[10px]\">{{ item.title }}</span>\n        <span class=\"inline-flex h-6 w-6 items-center justify-center text-[#0a0a0a]\" aria-hidden=\"true\">\n          <svg\n            class=\"h-4 w-4 transition-transform\"\n            [ngClass]=\"isExpanded(i) ? 'rotate-180' : ''\"\n            viewBox=\"0 0 16 16\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path d=\"M3.5 6.5L8 11L12.5 6.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n          </svg>\n        </span>\n      </button>\n    </h3>\n    <div\n      *ngIf=\"isExpanded(i)\"\n      [id]=\"item.id + '-panel'\"\n      class=\"flex flex-col gap-4 pb-4 text-[14px] font-normal leading-5 text-[#0a0a0a]\"\n    >\n      <p *ngFor=\"let line of contentLines(item.content)\" class=\"m-0\">{{ line }}</p>\n    </div>\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: "15.2.10", ngImport: i0, type: PdmAccordionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pdm-accordion', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"['w-full', className]\">\n  <div *ngFor=\"let item of items; let i = index\" class=\"border-b border-[#e5e5e5]\">\n    <h3>\n      <button\n        type=\"button\"\n        class=\"flex h-[52px] w-full items-center justify-between py-4 text-left text-[14px] font-medium leading-5 text-[#0a0a0a] transition-colors\"\n        [disabled]=\"item.disabled\"\n        [attr.aria-expanded]=\"isExpanded(i)\"\n        [attr.aria-controls]=\"item.id + '-panel'\"\n        (click)=\"toggle(i)\"\n      >\n        <span class=\"pr-[10px]\">{{ item.title }}</span>\n        <span class=\"inline-flex h-6 w-6 items-center justify-center text-[#0a0a0a]\" aria-hidden=\"true\">\n          <svg\n            class=\"h-4 w-4 transition-transform\"\n            [ngClass]=\"isExpanded(i) ? 'rotate-180' : ''\"\n            viewBox=\"0 0 16 16\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path d=\"M3.5 6.5L8 11L12.5 6.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n          </svg>\n        </span>\n      </button>\n    </h3>\n    <div\n      *ngIf=\"isExpanded(i)\"\n      [id]=\"item.id + '-panel'\"\n      class=\"flex flex-col gap-4 pb-4 text-[14px] font-normal leading-5 text-[#0a0a0a]\"\n    >\n      <p *ngFor=\"let line of contentLines(item.content)\" class=\"m-0\">{{ line }}</p>\n    </div>\n  </div>\n</div>\n" }]
+        }], propDecorators: { items: [{
+                type: Input
+            }], expandedIndex: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], expandedIndexChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9hY2NvcmRpb24vYWNjb3JkaW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9hY2NvcmRpb24vYWNjb3JkaW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQWNoRyxNQUFNLE9BQU8scUJBQXFCO0lBTGxDO1FBTVcsVUFBSyxHQUF1QixFQUFFLENBQUM7UUFDL0Isa0JBQWEsR0FBRyxDQUFDLENBQUMsQ0FBQztRQUNuQixjQUFTLEdBQUcsRUFBRSxDQUFDO1FBRWQsd0JBQW1CLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQWtCNUQ7SUFoQkMsVUFBVSxDQUFDLEtBQWE7UUFDdEIsT0FBTyxJQUFJLENBQUMsYUFBYSxLQUFLLEtBQUssQ0FBQztJQUN0QyxDQUFDO0lBRUQsWUFBWSxDQUFDLE9BQTBCO1FBQ3JDLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUM7WUFBRSxPQUFPLE9BQU8sQ0FBQztRQUMzQyxPQUFPLE9BQU87YUFDWCxLQUFLLENBQUMsSUFBSSxDQUFDO2FBQ1gsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7YUFDMUIsTUFBTSxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxNQUFNLENBQUMsS0FBYTtRQUNsQixJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLEVBQUUsUUFBUTtZQUFFLE9BQU87UUFDeEMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzNFLENBQUM7O21IQXRCVSxxQkFBcUI7dUdBQXJCLHFCQUFxQixrTUNkbEMsZzZDQWtDQTs0RkRwQmEscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLGVBQWUsbUJBRVIsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsS0FBSztzQkFBYixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFFSSxtQkFBbUI7c0JBQTVCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IGludGVyZmFjZSBQZG1BY2NvcmRpb25JdGVtIHtcbiAgaWQ6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgY29udGVudDogc3RyaW5nIHwgc3RyaW5nW107XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncGRtLWFjY29yZGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hY2NvcmRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBQZG1BY2NvcmRpb25Db21wb25lbnQge1xuICBASW5wdXQoKSBpdGVtczogUGRtQWNjb3JkaW9uSXRlbVtdID0gW107XG4gIEBJbnB1dCgpIGV4cGFuZGVkSW5kZXggPSAtMTtcbiAgQElucHV0KCkgY2xhc3NOYW1lID0gJyc7XG5cbiAgQE91dHB1dCgpIGV4cGFuZGVkSW5kZXhDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuICBpc0V4cGFuZGVkKGluZGV4OiBudW1iZXIpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5leHBhbmRlZEluZGV4ID09PSBpbmRleDtcbiAgfVxuXG4gIGNvbnRlbnRMaW5lcyhjb250ZW50OiBzdHJpbmcgfCBzdHJpbmdbXSk6IHN0cmluZ1tdIHtcbiAgICBpZiAoQXJyYXkuaXNBcnJheShjb250ZW50KSkgcmV0dXJuIGNvbnRlbnQ7XG4gICAgcmV0dXJuIGNvbnRlbnRcbiAgICAgIC5zcGxpdCgnXFxuJylcbiAgICAgIC5tYXAoKGxpbmUpID0+IGxpbmUudHJpbSgpKVxuICAgICAgLmZpbHRlcigobGluZSkgPT4gbGluZS5sZW5ndGggPiAwKTtcbiAgfVxuXG4gIHRvZ2dsZShpbmRleDogbnVtYmVyKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuaXRlbXNbaW5kZXhdPy5kaXNhYmxlZCkgcmV0dXJuO1xuICAgIHRoaXMuZXhwYW5kZWRJbmRleENoYW5nZS5lbWl0KHRoaXMuZXhwYW5kZWRJbmRleCA9PT0gaW5kZXggPyAtMSA6IGluZGV4KTtcbiAgfVxufVxuIiwiPGRpdiBbbmdDbGFzc109XCJbJ3ctZnVsbCcsIGNsYXNzTmFtZV1cIj5cbiAgPGRpdiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtczsgbGV0IGkgPSBpbmRleFwiIGNsYXNzPVwiYm9yZGVyLWIgYm9yZGVyLVsjZTVlNWU1XVwiPlxuICAgIDxoMz5cbiAgICAgIDxidXR0b25cbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIGNsYXNzPVwiZmxleCBoLVs1MnB4XSB3LWZ1bGwgaXRlbXMtY2VudGVyIGp1c3RpZnktYmV0d2VlbiBweS00IHRleHQtbGVmdCB0ZXh0LVsxNHB4XSBmb250LW1lZGl1bSBsZWFkaW5nLTUgdGV4dC1bIzBhMGEwYV0gdHJhbnNpdGlvbi1jb2xvcnNcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiaXRlbS5kaXNhYmxlZFwiXG4gICAgICAgIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwiaXNFeHBhbmRlZChpKVwiXG4gICAgICAgIFthdHRyLmFyaWEtY29udHJvbHNdPVwiaXRlbS5pZCArICctcGFuZWwnXCJcbiAgICAgICAgKGNsaWNrKT1cInRvZ2dsZShpKVwiXG4gICAgICA+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwicHItWzEwcHhdXCI+e3sgaXRlbS50aXRsZSB9fTwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJpbmxpbmUtZmxleCBoLTYgdy02IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNlbnRlciB0ZXh0LVsjMGEwYTBhXVwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICAgIDxzdmdcbiAgICAgICAgICAgIGNsYXNzPVwiaC00IHctNCB0cmFuc2l0aW9uLXRyYW5zZm9ybVwiXG4gICAgICAgICAgICBbbmdDbGFzc109XCJpc0V4cGFuZGVkKGkpID8gJ3JvdGF0ZS0xODAnIDogJydcIlxuICAgICAgICAgICAgdmlld0JveD1cIjAgMCAxNiAxNlwiXG4gICAgICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgICAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8cGF0aCBkPVwiTTMuNSA2LjVMOCAxMUwxMi41IDYuNVwiIHN0cm9rZT1cImN1cnJlbnRDb2xvclwiIHN0cm9rZS13aWR0aD1cIjEuNVwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiIC8+XG4gICAgICAgICAgPC9zdmc+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvYnV0dG9uPlxuICAgIDwvaDM+XG4gICAgPGRpdlxuICAgICAgKm5nSWY9XCJpc0V4cGFuZGVkKGkpXCJcbiAgICAgIFtpZF09XCJpdGVtLmlkICsgJy1wYW5lbCdcIlxuICAgICAgY2xhc3M9XCJmbGV4IGZsZXgtY29sIGdhcC00IHBiLTQgdGV4dC1bMTRweF0gZm9udC1ub3JtYWwgbGVhZGluZy01IHRleHQtWyMwYTBhMGFdXCJcbiAgICA+XG4gICAgICA8cCAqbmdGb3I9XCJsZXQgbGluZSBvZiBjb250ZW50TGluZXMoaXRlbS5jb250ZW50KVwiIGNsYXNzPVwibS0wXCI+e3sgbGluZSB9fTwvcD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2020/lib/components/alert/alert.component.mjs

@@ -0,0 +1,35 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class PdmAlertComponent {
+    constructor() {
+        this.variant = 'default';
+        this.title = 'Success! Your changes have been saved';
+        this.description = 'This is an alert with icon, title and description.';
+        this.details = [];
+        this.className = '';
+    }
+    get isDestructive() {
+        return this.variant === 'destructive';
+    }
+    get isTitleOnly() {
+        return this.variant === 'title-only';
+    }
+}
+PdmAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PdmAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PdmAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PdmAlertComponent, selector: "pdm-alert", inputs: { variant: "variant", title: "title", description: "description", details: "details", className: "className" }, ngImport: i0, template: "<section\n  role=\"alert\"\n  [ngClass]=\"[\n    'w-full rounded-[10px] border border-[#e5e5e5] bg-white px-4 py-3',\n    className\n  ]\"\n>\n  <div [ngClass]=\"['flex gap-3', isDestructive ? 'items-start' : 'items-center']\">\n    <span class=\"inline-flex h-6 w-6 shrink-0 items-center justify-center\">\n      <svg *ngIf=\"!isDestructive && !isTitleOnly\" viewBox=\"0 0 24 24\" class=\"h-5 w-5 text-[#0a0a0a]\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\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      <svg *ngIf=\"isTitleOnly\" viewBox=\"0 0 24 24\" class=\"h-5 w-5 text-[#0a0a0a]\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M5 8H19\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"></path>\n        <path d=\"M9 8V6.5C9 5.67 9.67 5 10.5 5H13.5C14.33 5 15 5.67 15 6.5V8\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"></path>\n        <path d=\"M7 8L8 18.5C8.07 19.33 8.77 20 9.6 20H14.4C15.23 20 15.93 19.33 16 18.5L17 8\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"></path>\n      </svg>\n      <svg *ngIf=\"isDestructive\" viewBox=\"0 0 24 24\" class=\"h-5 w-5 text-[#dc2626]\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.5\"></circle>\n        <path d=\"M12 8V12\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"></path>\n        <circle cx=\"12\" cy=\"16\" r=\"1\" fill=\"currentColor\"></circle>\n      </svg>\n    </span>\n\n    <div class=\"min-w-0 flex-1\">\n      <h4\n        [ngClass]=\"[\n          'm-0 text-[14px] font-medium leading-5',\n          isDestructive ? 'text-[#dc2626]' : 'text-[#0a0a0a]'\n        ]\"\n      >\n        {{ title }}\n      </h4>\n\n      <p\n        *ngIf=\"!isTitleOnly && description\"\n        [ngClass]=\"[\n          'm-0 mt-0.5 text-[14px] leading-5',\n          isDestructive ? 'text-[#dc2626]' : 'text-[#0a0a0a] font-light'\n        ]\"\n      >\n        {{ description }}\n      </p>\n\n      <ul *ngIf=\"isDestructive && details.length\" class=\"m-0 mt-1 pl-5 text-[14px] leading-5 text-[#dc2626]\">\n        <li *ngFor=\"let item of details\">{{ item }}</li>\n      </ul>\n    </div>\n  </div>\n</section>\n\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: "15.2.10", ngImport: i0, type: PdmAlertComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pdm-alert', changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n  role=\"alert\"\n  [ngClass]=\"[\n    'w-full rounded-[10px] border border-[#e5e5e5] bg-white px-4 py-3',\n    className\n  ]\"\n>\n  <div [ngClass]=\"['flex gap-3', isDestructive ? 'items-start' : 'items-center']\">\n    <span class=\"inline-flex h-6 w-6 shrink-0 items-center justify-center\">\n      <svg *ngIf=\"!isDestructive && !isTitleOnly\" viewBox=\"0 0 24 24\" class=\"h-5 w-5 text-[#0a0a0a]\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\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      <svg *ngIf=\"isTitleOnly\" viewBox=\"0 0 24 24\" class=\"h-5 w-5 text-[#0a0a0a]\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M5 8H19\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"></path>\n        <path d=\"M9 8V6.5C9 5.67 9.67 5 10.5 5H13.5C14.33 5 15 5.67 15 6.5V8\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"></path>\n        <path d=\"M7 8L8 18.5C8.07 19.33 8.77 20 9.6 20H14.4C15.23 20 15.93 19.33 16 18.5L17 8\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"></path>\n      </svg>\n      <svg *ngIf=\"isDestructive\" viewBox=\"0 0 24 24\" class=\"h-5 w-5 text-[#dc2626]\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.5\"></circle>\n        <path d=\"M12 8V12\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"></path>\n        <circle cx=\"12\" cy=\"16\" r=\"1\" fill=\"currentColor\"></circle>\n      </svg>\n    </span>\n\n    <div class=\"min-w-0 flex-1\">\n      <h4\n        [ngClass]=\"[\n          'm-0 text-[14px] font-medium leading-5',\n          isDestructive ? 'text-[#dc2626]' : 'text-[#0a0a0a]'\n        ]\"\n      >\n        {{ title }}\n      </h4>\n\n      <p\n        *ngIf=\"!isTitleOnly && description\"\n        [ngClass]=\"[\n          'm-0 mt-0.5 text-[14px] leading-5',\n          isDestructive ? 'text-[#dc2626]' : 'text-[#0a0a0a] font-light'\n        ]\"\n      >\n        {{ description }}\n      </p>\n\n      <ul *ngIf=\"isDestructive && details.length\" class=\"m-0 mt-1 pl-5 text-[14px] leading-5 text-[#dc2626]\">\n        <li *ngFor=\"let item of details\">{{ item }}</li>\n      </ul>\n    </div>\n  </div>\n</section>\n\n" }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], details: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9hbGVydC9hbGVydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBUzFFLE1BQU0sT0FBTyxpQkFBaUI7SUFMOUI7UUFNVyxZQUFPLEdBQW9CLFNBQVMsQ0FBQztRQUNyQyxVQUFLLEdBQUcsdUNBQXVDLENBQUM7UUFDaEQsZ0JBQVcsR0FBRyxvREFBb0QsQ0FBQztRQUNuRSxZQUFPLEdBQWEsRUFBRSxDQUFDO1FBQ3ZCLGNBQVMsR0FBRyxFQUFFLENBQUM7S0FTekI7SUFQQyxJQUFJLGFBQWE7UUFDZixPQUFPLElBQUksQ0FBQyxPQUFPLEtBQUssYUFBYSxDQUFDO0lBQ3hDLENBQUM7SUFFRCxJQUFJLFdBQVc7UUFDYixPQUFPLElBQUksQ0FBQyxPQUFPLEtBQUssWUFBWSxDQUFDO0lBQ3ZDLENBQUM7OytHQWJVLGlCQUFpQjttR0FBakIsaUJBQWlCLHlLQ1Q5QiwyOUVBb0RBOzRGRDNDYSxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0UsV0FBVyxtQkFFSix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgdHlwZSBQZG1BbGVydFZhcmlhbnQgPSAnZGVmYXVsdCcgfCAndGl0bGUtb25seScgfCAnZGVzdHJ1Y3RpdmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdwZG0tYWxlcnQnLFxuICB0ZW1wbGF0ZVVybDogJy4vYWxlcnQuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBQZG1BbGVydENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHZhcmlhbnQ6IFBkbUFsZXJ0VmFyaWFudCA9ICdkZWZhdWx0JztcbiAgQElucHV0KCkgdGl0bGUgPSAnU3VjY2VzcyEgWW91ciBjaGFuZ2VzIGhhdmUgYmVlbiBzYXZlZCc7XG4gIEBJbnB1dCgpIGRlc2NyaXB0aW9uID0gJ1RoaXMgaXMgYW4gYWxlcnQgd2l0aCBpY29uLCB0aXRsZSBhbmQgZGVzY3JpcHRpb24uJztcbiAgQElucHV0KCkgZGV0YWlsczogc3RyaW5nW10gPSBbXTtcbiAgQElucHV0KCkgY2xhc3NOYW1lID0gJyc7XG5cbiAgZ2V0IGlzRGVzdHJ1Y3RpdmUoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMudmFyaWFudCA9PT0gJ2Rlc3RydWN0aXZlJztcbiAgfVxuXG4gIGdldCBpc1RpdGxlT25seSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy52YXJpYW50ID09PSAndGl0bGUtb25seSc7XG4gIH1cbn1cblxuIiwiPHNlY3Rpb25cbiAgcm9sZT1cImFsZXJ0XCJcbiAgW25nQ2xhc3NdPVwiW1xuICAgICd3LWZ1bGwgcm91bmRlZC1bMTBweF0gYm9yZGVyIGJvcmRlci1bI2U1ZTVlNV0gYmctd2hpdGUgcHgtNCBweS0zJyxcbiAgICBjbGFzc05hbWVcbiAgXVwiXG4+XG4gIDxkaXYgW25nQ2xhc3NdPVwiWydmbGV4IGdhcC0zJywgaXNEZXN0cnVjdGl2ZSA/ICdpdGVtcy1zdGFydCcgOiAnaXRlbXMtY2VudGVyJ11cIj5cbiAgICA8c3BhbiBjbGFzcz1cImlubGluZS1mbGV4IGgtNiB3LTYgc2hyaW5rLTAgaXRlbXMtY2VudGVyIGp1c3RpZnktY2VudGVyXCI+XG4gICAgICA8c3ZnICpuZ0lmPVwiIWlzRGVzdHJ1Y3RpdmUgJiYgIWlzVGl0bGVPbmx5XCIgdmlld0JveD1cIjAgMCAyNCAyNFwiIGNsYXNzPVwiaC01IHctNSB0ZXh0LVsjMGEwYTBhXVwiIGZpbGw9XCJub25lXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgICA8Y2lyY2xlIGN4PVwiMTJcIiBjeT1cIjEyXCIgcj1cIjlcIiBzdHJva2U9XCJjdXJyZW50Q29sb3JcIiBzdHJva2Utd2lkdGg9XCIxLjVcIj48L2NpcmNsZT5cbiAgICAgICAgPHBhdGggZD1cIk04LjUgMTIuNUwxMC44IDE0LjhMMTUuOCA5LjhcIiBzdHJva2U9XCJjdXJyZW50Q29sb3JcIiBzdHJva2Utd2lkdGg9XCIxLjVcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIj48L3BhdGg+XG4gICAgICA8L3N2Zz5cbiAgICAgIDxzdmcgKm5nSWY9XCJpc1RpdGxlT25seVwiIHZpZXdCb3g9XCIwIDAgMjQgMjRcIiBjbGFzcz1cImgtNSB3LTUgdGV4dC1bIzBhMGEwYV1cIiBmaWxsPVwibm9uZVwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj5cbiAgICAgICAgPHBhdGggZD1cIk01IDhIMTlcIiBzdHJva2U9XCJjdXJyZW50Q29sb3JcIiBzdHJva2Utd2lkdGg9XCIxLjVcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCI+PC9wYXRoPlxuICAgICAgICA8cGF0aCBkPVwiTTkgOFY2LjVDOSA1LjY3IDkuNjcgNSAxMC41IDVIMTMuNUMxNC4zMyA1IDE1IDUuNjcgMTUgNi41VjhcIiBzdHJva2U9XCJjdXJyZW50Q29sb3JcIiBzdHJva2Utd2lkdGg9XCIxLjVcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCI+PC9wYXRoPlxuICAgICAgICA8cGF0aCBkPVwiTTcgOEw4IDE4LjVDOC4wNyAxOS4zMyA4Ljc3IDIwIDkuNiAyMEgxNC40QzE1LjIzIDIwIDE1LjkzIDE5LjMzIDE2IDE4LjVMMTcgOFwiIHN0cm9rZT1cImN1cnJlbnRDb2xvclwiIHN0cm9rZS13aWR0aD1cIjEuNVwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIj48L3BhdGg+XG4gICAgICA8L3N2Zz5cbiAgICAgIDxzdmcgKm5nSWY9XCJpc0Rlc3RydWN0aXZlXCIgdmlld0JveD1cIjAgMCAyNCAyNFwiIGNsYXNzPVwiaC01IHctNSB0ZXh0LVsjZGMyNjI2XVwiIGZpbGw9XCJub25lXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgICA8Y2lyY2xlIGN4PVwiMTJcIiBjeT1cIjEyXCIgcj1cIjlcIiBzdHJva2U9XCJjdXJyZW50Q29sb3JcIiBzdHJva2Utd2lkdGg9XCIxLjVcIj48L2NpcmNsZT5cbiAgICAgICAgPHBhdGggZD1cIk0xMiA4VjEyXCIgc3Ryb2tlPVwiY3VycmVudENvbG9yXCIgc3Ryb2tlLXdpZHRoPVwiMS41XCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiPjwvcGF0aD5cbiAgICAgICAgPGNpcmNsZSBjeD1cIjEyXCIgY3k9XCIxNlwiIHI9XCIxXCIgZmlsbD1cImN1cnJlbnRDb2xvclwiPjwvY2lyY2xlPlxuICAgICAgPC9zdmc+XG4gICAgPC9zcGFuPlxuXG4gICAgPGRpdiBjbGFzcz1cIm1pbi13LTAgZmxleC0xXCI+XG4gICAgICA8aDRcbiAgICAgICAgW25nQ2xhc3NdPVwiW1xuICAgICAgICAgICdtLTAgdGV4dC1bMTRweF0gZm9udC1tZWRpdW0gbGVhZGluZy01JyxcbiAgICAgICAgICBpc0Rlc3RydWN0aXZlID8gJ3RleHQtWyNkYzI2MjZdJyA6ICd0ZXh0LVsjMGEwYTBhXSdcbiAgICAgICAgXVwiXG4gICAgICA+XG4gICAgICAgIHt7IHRpdGxlIH19XG4gICAgICA8L2g0PlxuXG4gICAgICA8cFxuICAgICAgICAqbmdJZj1cIiFpc1RpdGxlT25seSAmJiBkZXNjcmlwdGlvblwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIltcbiAgICAgICAgICAnbS0wIG10LTAuNSB0ZXh0LVsxNHB4XSBsZWFkaW5nLTUnLFxuICAgICAgICAgIGlzRGVzdHJ1Y3RpdmUgPyAndGV4dC1bI2RjMjYyNl0nIDogJ3RleHQtWyMwYTBhMGFdIGZvbnQtbGlnaHQnXG4gICAgICAgIF1cIlxuICAgICAgPlxuICAgICAgICB7eyBkZXNjcmlwdGlvbiB9fVxuICAgICAgPC9wPlxuXG4gICAgICA8dWwgKm5nSWY9XCJpc0Rlc3RydWN0aXZlICYmIGRldGFpbHMubGVuZ3RoXCIgY2xhc3M9XCJtLTAgbXQtMSBwbC01IHRleHQtWzE0cHhdIGxlYWRpbmctNSB0ZXh0LVsjZGMyNjI2XVwiPlxuICAgICAgICA8bGkgKm5nRm9yPVwibGV0IGl0ZW0gb2YgZGV0YWlsc1wiPnt7IGl0ZW0gfX08L2xpPlxuICAgICAgPC91bD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L3NlY3Rpb24+XG5cbiJdfQ==

package/esm2020/lib/components/alert-dialog/alert-dialog.component.mjs

@@ -0,0 +1,69 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, HostListener, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class PdmAlertDialogComponent {
+    constructor() {
+        this.open = false;
+        this.showTrigger = false;
+        this.triggerText = 'Show dialog';
+        this.title = 'Are you absolutely sure?';
+        this.description = '';
+        this.confirmText = 'Continue';
+        this.cancelText = 'Cancel';
+        this.className = '';
+        this.openChange = new EventEmitter();
+        this.confirm = new EventEmitter();
+        this.cancel = new EventEmitter();
+    }
+    onTriggerClick() {
+        this.open = true;
+        this.openChange.emit(true);
+    }
+    onCancel() {
+        this.cancel.emit();
+        this.open = false;
+        this.openChange.emit(false);
+    }
+    onConfirm() {
+        this.confirm.emit();
+        this.open = false;
+        this.openChange.emit(false);
+    }
+    onEsc() {
+        if (this.open) {
+            this.onCancel();
+        }
+    }
+}
+PdmAlertDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PdmAlertDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PdmAlertDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PdmAlertDialogComponent, selector: "pdm-alert-dialog", inputs: { open: "open", showTrigger: "showTrigger", triggerText: "triggerText", title: "title", description: "description", confirmText: "confirmText", cancelText: "cancelText", className: "className" }, outputs: { openChange: "openChange", confirm: "confirm", cancel: "cancel" }, host: { listeners: { "document:keydown.escape": "onEsc()" } }, ngImport: i0, template: "<button\n  *ngIf=\"showTrigger && !open\"\n  type=\"button\"\n  class=\"inline-flex h-9 items-center justify-center rounded-[8px] border border-[#e5e5e5] bg-[#f5f5f5] px-4 py-2 text-[14px] font-medium leading-5 text-[#0a0a0a] shadow-[0px_1px_2px_0px_rgba(0,0,0,0.1)]\"\n  (click)=\"onTriggerClick()\"\n>\n  {{ triggerText }}\n</button>\n\n<div *ngIf=\"open\" class=\"fixed inset-0 z-50 flex items-center justify-center p-5\">\n  <div class=\"absolute inset-0 bg-[rgba(0,0,0,0.3)]\" (click)=\"onCancel()\"></div>\n  <section\n    role=\"alertdialog\"\n    aria-modal=\"true\"\n    [ngClass]=\"[\n      'relative z-10 w-full max-w-[552px] rounded-[10px] border border-[#e5e5e5] bg-white p-6 text-[#0a0a0a] shadow-[0px_10px_15px_0px_rgba(0,0,0,0.1),0px_4px_6px_0px_rgba(0,0,0,0.1)]',\n      className\n    ]\"\n  >\n    <div class=\"flex flex-col gap-2\">\n      <h2 class=\"text-[18px] font-semibold leading-7 tracking-normal\">{{ title }}</h2>\n      <p *ngIf=\"description\" class=\"text-[14px] font-normal leading-5 text-[#737373]\">{{ description }}</p>\n    </div>\n    <div class=\"mt-4 flex items-center justify-end gap-2\">\n      <button\n        type=\"button\"\n        class=\"inline-flex h-9 items-center justify-center rounded-[10px] border border-[#e5e5e5] bg-white px-4 py-2 text-[14px] font-medium leading-5 text-[#0a0a0a] shadow-[0px_1px_2px_0px_rgba(0,0,0,0.1)]\"\n        (click)=\"onCancel()\"\n      >\n        {{ cancelText }}\n      </button>\n      <button\n        type=\"button\"\n        class=\"inline-flex h-9 items-center justify-center rounded-[10px] bg-[#171717] px-4 py-2 text-[14px] font-medium leading-5 text-[#fafafa] shadow-[0px_1px_2px_0px_rgba(0,0,0,0.1)]\"\n        (click)=\"onConfirm()\"\n      >\n        {{ confirmText }}\n      </button>\n    </div>\n  </section>\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: "15.2.10", ngImport: i0, type: PdmAlertDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pdm-alert-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  *ngIf=\"showTrigger && !open\"\n  type=\"button\"\n  class=\"inline-flex h-9 items-center justify-center rounded-[8px] border border-[#e5e5e5] bg-[#f5f5f5] px-4 py-2 text-[14px] font-medium leading-5 text-[#0a0a0a] shadow-[0px_1px_2px_0px_rgba(0,0,0,0.1)]\"\n  (click)=\"onTriggerClick()\"\n>\n  {{ triggerText }}\n</button>\n\n<div *ngIf=\"open\" class=\"fixed inset-0 z-50 flex items-center justify-center p-5\">\n  <div class=\"absolute inset-0 bg-[rgba(0,0,0,0.3)]\" (click)=\"onCancel()\"></div>\n  <section\n    role=\"alertdialog\"\n    aria-modal=\"true\"\n    [ngClass]=\"[\n      'relative z-10 w-full max-w-[552px] rounded-[10px] border border-[#e5e5e5] bg-white p-6 text-[#0a0a0a] shadow-[0px_10px_15px_0px_rgba(0,0,0,0.1),0px_4px_6px_0px_rgba(0,0,0,0.1)]',\n      className\n    ]\"\n  >\n    <div class=\"flex flex-col gap-2\">\n      <h2 class=\"text-[18px] font-semibold leading-7 tracking-normal\">{{ title }}</h2>\n      <p *ngIf=\"description\" class=\"text-[14px] font-normal leading-5 text-[#737373]\">{{ description }}</p>\n    </div>\n    <div class=\"mt-4 flex items-center justify-end gap-2\">\n      <button\n        type=\"button\"\n        class=\"inline-flex h-9 items-center justify-center rounded-[10px] border border-[#e5e5e5] bg-white px-4 py-2 text-[14px] font-medium leading-5 text-[#0a0a0a] shadow-[0px_1px_2px_0px_rgba(0,0,0,0.1)]\"\n        (click)=\"onCancel()\"\n      >\n        {{ cancelText }}\n      </button>\n      <button\n        type=\"button\"\n        class=\"inline-flex h-9 items-center justify-center rounded-[10px] bg-[#171717] px-4 py-2 text-[14px] font-medium leading-5 text-[#fafafa] shadow-[0px_1px_2px_0px_rgba(0,0,0,0.1)]\"\n        (click)=\"onConfirm()\"\n      >\n        {{ confirmText }}\n      </button>\n    </div>\n  </section>\n</div>\n" }]
+        }], propDecorators: { open: [{
+                type: Input
+            }], showTrigger: [{
+                type: Input
+            }], triggerText: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], confirmText: [{
+                type: Input
+            }], cancelText: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], openChange: [{
+                type: Output
+            }], confirm: [{
+                type: Output
+            }], cancel: [{
+                type: Output
+            }], onEsc: [{
+                type: HostListener,
+                args: ['document:keydown.escape']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQtZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9hbGVydC1kaWFsb2cvYWxlcnQtZGlhbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9hbGVydC1kaWFsb2cvYWxlcnQtZGlhbG9nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPOUcsTUFBTSxPQUFPLHVCQUF1QjtJQUxwQztRQU1XLFNBQUksR0FBRyxLQUFLLENBQUM7UUFDYixnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNwQixnQkFBVyxHQUFHLGFBQWEsQ0FBQztRQUM1QixVQUFLLEdBQUcsMEJBQTBCLENBQUM7UUFDbkMsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFDakIsZ0JBQVcsR0FBRyxVQUFVLENBQUM7UUFDekIsZUFBVSxHQUFHLFFBQVEsQ0FBQztRQUN0QixjQUFTLEdBQUcsRUFBRSxDQUFDO1FBRWQsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFDekMsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDbkMsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7S0F5QjdDO0lBdkJDLGNBQWM7UUFDWixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztRQUNqQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM3QixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDbkIsSUFBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUM7UUFDbEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVELFNBQVM7UUFDUCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFHRCxLQUFLO1FBQ0gsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2IsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1NBQ2pCO0lBQ0gsQ0FBQzs7cUhBcENVLHVCQUF1Qjt5R0FBdkIsdUJBQXVCLGdaQ1BwQywyeERBeUNBOzRGRGxDYSx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0Usa0JBQWtCLG1CQUVYLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLElBQUk7c0JBQVosS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBRUksVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxPQUFPO3NCQUFoQixNQUFNO2dCQUNHLE1BQU07c0JBQWYsTUFBTTtnQkFvQlAsS0FBSztzQkFESixZQUFZO3VCQUFDLHlCQUF5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdExpc3RlbmVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3BkbS1hbGVydC1kaWFsb2cnLFxuICB0ZW1wbGF0ZVVybDogJy4vYWxlcnQtZGlhbG9nLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgUGRtQWxlcnREaWFsb2dDb21wb25lbnQge1xuICBASW5wdXQoKSBvcGVuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHNob3dUcmlnZ2VyID0gZmFsc2U7XG4gIEBJbnB1dCgpIHRyaWdnZXJUZXh0ID0gJ1Nob3cgZGlhbG9nJztcbiAgQElucHV0KCkgdGl0bGUgPSAnQXJlIHlvdSBhYnNvbHV0ZWx5IHN1cmU/JztcbiAgQElucHV0KCkgZGVzY3JpcHRpb24gPSAnJztcbiAgQElucHV0KCkgY29uZmlybVRleHQgPSAnQ29udGludWUnO1xuICBASW5wdXQoKSBjYW5jZWxUZXh0ID0gJ0NhbmNlbCc7XG4gIEBJbnB1dCgpIGNsYXNzTmFtZSA9ICcnO1xuXG4gIEBPdXRwdXQoKSBvcGVuQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuICBAT3V0cHV0KCkgY29uZmlybSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIGNhbmNlbCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBvblRyaWdnZXJDbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLm9wZW4gPSB0cnVlO1xuICAgIHRoaXMub3BlbkNoYW5nZS5lbWl0KHRydWUpO1xuICB9XG5cbiAgb25DYW5jZWwoKTogdm9pZCB7XG4gICAgdGhpcy5jYW5jZWwuZW1pdCgpO1xuICAgIHRoaXMub3BlbiA9IGZhbHNlO1xuICAgIHRoaXMub3BlbkNoYW5nZS5lbWl0KGZhbHNlKTtcbiAgfVxuXG4gIG9uQ29uZmlybSgpOiB2b2lkIHtcbiAgICB0aGlzLmNvbmZpcm0uZW1pdCgpO1xuICAgIHRoaXMub3BlbiA9IGZhbHNlO1xuICAgIHRoaXMub3BlbkNoYW5nZS5lbWl0KGZhbHNlKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OmtleWRvd24uZXNjYXBlJylcbiAgb25Fc2MoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMub3Blbikge1xuICAgICAgdGhpcy5vbkNhbmNlbCgpO1xuICAgIH1cbiAgfVxufVxuIiwiPGJ1dHRvblxuICAqbmdJZj1cInNob3dUcmlnZ2VyICYmICFvcGVuXCJcbiAgdHlwZT1cImJ1dHRvblwiXG4gIGNsYXNzPVwiaW5saW5lLWZsZXggaC05IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNlbnRlciByb3VuZGVkLVs4cHhdIGJvcmRlciBib3JkZXItWyNlNWU1ZTVdIGJnLVsjZjVmNWY1XSBweC00IHB5LTIgdGV4dC1bMTRweF0gZm9udC1tZWRpdW0gbGVhZGluZy01IHRleHQtWyMwYTBhMGFdIHNoYWRvdy1bMHB4XzFweF8ycHhfMHB4X3JnYmEoMCwwLDAsMC4xKV1cIlxuICAoY2xpY2spPVwib25UcmlnZ2VyQ2xpY2soKVwiXG4+XG4gIHt7IHRyaWdnZXJUZXh0IH19XG48L2J1dHRvbj5cblxuPGRpdiAqbmdJZj1cIm9wZW5cIiBjbGFzcz1cImZpeGVkIGluc2V0LTAgei01MCBmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNlbnRlciBwLTVcIj5cbiAgPGRpdiBjbGFzcz1cImFic29sdXRlIGluc2V0LTAgYmctW3JnYmEoMCwwLDAsMC4zKV1cIiAoY2xpY2spPVwib25DYW5jZWwoKVwiPjwvZGl2PlxuICA8c2VjdGlvblxuICAgIHJvbGU9XCJhbGVydGRpYWxvZ1wiXG4gICAgYXJpYS1tb2RhbD1cInRydWVcIlxuICAgIFtuZ0NsYXNzXT1cIltcbiAgICAgICdyZWxhdGl2ZSB6LTEwIHctZnVsbCBtYXgtdy1bNTUycHhdIHJvdW5kZWQtWzEwcHhdIGJvcmRlciBib3JkZXItWyNlNWU1ZTVdIGJnLXdoaXRlIHAtNiB0ZXh0LVsjMGEwYTBhXSBzaGFkb3ctWzBweF8xMHB4XzE1cHhfMHB4X3JnYmEoMCwwLDAsMC4xKSwwcHhfNHB4XzZweF8wcHhfcmdiYSgwLDAsMCwwLjEpXScsXG4gICAgICBjbGFzc05hbWVcbiAgICBdXCJcbiAgPlxuICAgIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtY29sIGdhcC0yXCI+XG4gICAgICA8aDIgY2xhc3M9XCJ0ZXh0LVsxOHB4XSBmb250LXNlbWlib2xkIGxlYWRpbmctNyB0cmFja2luZy1ub3JtYWxcIj57eyB0aXRsZSB9fTwvaDI+XG4gICAgICA8cCAqbmdJZj1cImRlc2NyaXB0aW9uXCIgY2xhc3M9XCJ0ZXh0LVsxNHB4XSBmb250LW5vcm1hbCBsZWFkaW5nLTUgdGV4dC1bIzczNzM3M11cIj57eyBkZXNjcmlwdGlvbiB9fTwvcD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwibXQtNCBmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWVuZCBnYXAtMlwiPlxuICAgICAgPGJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgY2xhc3M9XCJpbmxpbmUtZmxleCBoLTkgaXRlbXMtY2VudGVyIGp1c3RpZnktY2VudGVyIHJvdW5kZWQtWzEwcHhdIGJvcmRlciBib3JkZXItWyNlNWU1ZTVdIGJnLXdoaXRlIHB4LTQgcHktMiB0ZXh0LVsxNHB4XSBmb250LW1lZGl1bSBsZWFkaW5nLTUgdGV4dC1bIzBhMGEwYV0gc2hhZG93LVswcHhfMXB4XzJweF8wcHhfcmdiYSgwLDAsMCwwLjEpXVwiXG4gICAgICAgIChjbGljayk9XCJvbkNhbmNlbCgpXCJcbiAgICAgID5cbiAgICAgICAge3sgY2FuY2VsVGV4dCB9fVxuICAgICAgPC9idXR0b24+XG4gICAgICA8YnV0dG9uXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICBjbGFzcz1cImlubGluZS1mbGV4IGgtOSBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXIgcm91bmRlZC1bMTBweF0gYmctWyMxNzE3MTddIHB4LTQgcHktMiB0ZXh0LVsxNHB4XSBmb250LW1lZGl1bSBsZWFkaW5nLTUgdGV4dC1bI2ZhZmFmYV0gc2hhZG93LVswcHhfMXB4XzJweF8wcHhfcmdiYSgwLDAsMCwwLjEpXVwiXG4gICAgICAgIChjbGljayk9XCJvbkNvbmZpcm0oKVwiXG4gICAgICA+XG4gICAgICAgIHt7IGNvbmZpcm1UZXh0IH19XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cbiAgPC9zZWN0aW9uPlxuPC9kaXY+XG4iXX0=

package/esm2020/lib/components/aspect-ratio/aspect-ratio.component.mjs

@@ -0,0 +1,31 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export 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: "15.2.10", ngImport: i0, type: PdmAspectRatioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PdmAspectRatioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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-[10px]\">\n    <img\n      *ngIf=\"imageSrc\"\n      [src]=\"imageSrc\"\n      [alt]=\"imageAlt\"\n      class=\"pointer-events-none h-full w-full rounded-[10px] 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: "15.2.10", 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-[10px]\">\n    <img\n      *ngIf=\"imageSrc\"\n      [src]=\"imageSrc\"\n      [alt]=\"imageAlt\"\n      class=\"pointer-events-none h-full w-full rounded-[10px] 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
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNwZWN0LXJhdGlvLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9hc3BlY3QtcmF0aW8vYXNwZWN0LXJhdGlvLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9hc3BlY3QtcmF0aW8vYXNwZWN0LXJhdGlvLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPMUUsTUFBTSxPQUFPLHVCQUF1QjtJQUxwQztRQU1XLFVBQUssR0FBRyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBQ2YsYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUNkLGFBQVEsR0FBRyxFQUFFLENBQUM7UUFDZCxjQUFTLEdBQUcsRUFBRSxDQUFDO0tBTXpCO0lBSkMsSUFBSSxVQUFVO1FBQ1osSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDO1lBQUUsT0FBTyxRQUFRLENBQUM7UUFDcEQsT0FBTyxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxHQUFHLEdBQUcsQ0FBQztJQUM3QyxDQUFDOztxSEFUVSx1QkFBdUI7eUdBQXZCLHVCQUF1Qix3SkNQcEMsZ1lBV0E7NEZESmEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLGtCQUFrQixtQkFFWCx1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdwZG0tYXNwZWN0LXJhdGlvJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FzcGVjdC1yYXRpby5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFBkbUFzcGVjdFJhdGlvQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcmF0aW8gPSAxNiAvIDk7XG4gIEBJbnB1dCgpIGltYWdlU3JjID0gJyc7XG4gIEBJbnB1dCgpIGltYWdlQWx0ID0gJyc7XG4gIEBJbnB1dCgpIGNsYXNzTmFtZSA9ICcnO1xuXG4gIGdldCBwYWRkaW5nVG9wKCk6IHN0cmluZyB7XG4gICAgaWYgKCF0aGlzLnJhdGlvIHx8IHRoaXMucmF0aW8gPD0gMCkgcmV0dXJuICc1Ni4yNSUnO1xuICAgIHJldHVybiAoMTAwIC8gdGhpcy5yYXRpbykudG9GaXhlZCg0KSArICclJztcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInJlbGF0aXZlIHctZnVsbFwiIFtuZ0NsYXNzXT1cImNsYXNzTmFtZVwiIFtzdHlsZS5wYWRkaW5nVG9wXT1cInBhZGRpbmdUb3BcIj5cbiAgPGRpdiBjbGFzcz1cImFic29sdXRlIGluc2V0LTAgb3ZlcmZsb3ctaGlkZGVuIHJvdW5kZWQtWzEwcHhdXCI+XG4gICAgPGltZ1xuICAgICAgKm5nSWY9XCJpbWFnZVNyY1wiXG4gICAgICBbc3JjXT1cImltYWdlU3JjXCJcbiAgICAgIFthbHRdPVwiaW1hZ2VBbHRcIlxuICAgICAgY2xhc3M9XCJwb2ludGVyLWV2ZW50cy1ub25lIGgtZnVsbCB3LWZ1bGwgcm91bmRlZC1bMTBweF0gb2JqZWN0LWNvdmVyXCJcbiAgICAvPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2020/lib/components/avatar/avatar.component.mjs

@@ -0,0 +1,46 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export 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: "15.2.10", ngImport: i0, type: PdmAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PdmAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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-[hsl(var(--muted))] text-xs text-[hsl(var(--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-[#e5e5e5]' : '-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: "15.2.10", 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-[hsl(var(--muted))] text-xs text-[hsl(var(--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-[#e5e5e5]' : '-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
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9hdmF0YXIvYXZhdGFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9hdmF0YXIvYXZhdGFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFTMUUsTUFBTSxPQUFPLGtCQUFrQjtJQUwvQjtRQU1XLFFBQUcsR0FBRyxFQUFFLENBQUM7UUFDVCxRQUFHLEdBQUcsUUFBUSxDQUFDO1FBQ2YsYUFBUSxHQUFHLEdBQUcsQ0FBQztRQUNmLFVBQUssR0FBbUIsUUFBUSxDQUFDO1FBQ2pDLFNBQUksR0FBdUIsSUFBSSxDQUFDO1FBQ2hDLGlCQUFZLEdBQWEsRUFBRSxDQUFDO1FBQzVCLGNBQVMsR0FBRyxFQUFFLENBQUM7UUFFZixnQkFBVyxHQUFHO1lBQ3JCLEVBQUUsRUFBRSxTQUFTO1lBQ2IsRUFBRSxFQUFFLFdBQVc7WUFDZixFQUFFLEVBQUUsV0FBVztTQUNoQixDQUFDO0tBU0g7SUFQQyxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztJQUN0QyxDQUFDO0lBRUQsSUFBSSxXQUFXO1FBQ2IsT0FBTyxJQUFJLENBQUMsS0FBSyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxjQUFjLENBQUM7SUFDcEUsQ0FBQzs7Z0hBckJVLGtCQUFrQjtvR0FBbEIsa0JBQWtCLGdNQ1QvQixpNUJBcUJBOzRGRFphLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDRSxZQUFZLG1CQUVMLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCB0eXBlIFBkbUF2YXRhclNoYXBlID0gJ2NpcmNsZScgfCAnc3F1YXJlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncGRtLWF2YXRhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hdmF0YXIuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBQZG1BdmF0YXJDb21wb25lbnQge1xuICBASW5wdXQoKSBzcmMgPSAnJztcbiAgQElucHV0KCkgYWx0ID0gJ0F2YXRhcic7XG4gIEBJbnB1dCgpIGZhbGxiYWNrID0gJ1UnO1xuICBASW5wdXQoKSBzaGFwZTogUGRtQXZhdGFyU2hhcGUgPSAnY2lyY2xlJztcbiAgQElucHV0KCkgc2l6ZTogJ3NtJyB8ICdtZCcgfCAnbGcnID0gJ21kJztcbiAgQElucHV0KCkgZ3JvdXBTb3VyY2VzOiBzdHJpbmdbXSA9IFtdO1xuICBASW5wdXQoKSBjbGFzc05hbWUgPSAnJztcblxuICByZWFkb25seSBzaXplQ2xhc3NlcyA9IHtcbiAgICBzbTogJ2gtOCB3LTgnLFxuICAgIG1kOiAnaC0xMCB3LTEwJyxcbiAgICBsZzogJ2gtMTIgdy0xMidcbiAgfTtcblxuICBnZXQgaXNHcm91cCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5ncm91cFNvdXJjZXMubGVuZ3RoID4gMDtcbiAgfVxuXG4gIGdldCByYWRpdXNDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLnNoYXBlID09PSAnc3F1YXJlJyA/ICdyb3VuZGVkLVs4cHhdJyA6ICdyb3VuZGVkLWZ1bGwnO1xuICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwiIWlzR3JvdXBcIiBbbmdDbGFzc109XCJbJ3JlbGF0aXZlIGZsZXggc2hyaW5rLTAgb3ZlcmZsb3ctaGlkZGVuJywgcmFkaXVzQ2xhc3MsIHNpemVDbGFzc2VzW3NpemVdLCBjbGFzc05hbWVdXCI+XG4gIDxpbWcgKm5nSWY9XCJzcmNcIiBbc3JjXT1cInNyY1wiIFthbHRdPVwiYWx0XCIgW25nQ2xhc3NdPVwiWydhc3BlY3Qtc3F1YXJlIGgtZnVsbCB3LWZ1bGwgb2JqZWN0LWNvdmVyJywgcmFkaXVzQ2xhc3NdXCIgLz5cbiAgPGRpdlxuICAgICpuZ0lmPVwiIXNyY1wiXG4gICAgW25nQ2xhc3NdPVwiWydmbGV4IGgtZnVsbCB3LWZ1bGwgaXRlbXMtY2VudGVyIGp1c3RpZnktY2VudGVyIGJnLVtoc2wodmFyKC0tbXV0ZWQpKV0gdGV4dC14cyB0ZXh0LVtoc2wodmFyKC0tbXV0ZWQtZm9yZWdyb3VuZCkpXScsIHJhZGl1c0NsYXNzXVwiXG4gID5cbiAgICB7eyBmYWxsYmFjayB9fVxuICA8L2Rpdj5cbjwvZGl2PlxuXG48ZGl2ICpuZ0lmPVwiaXNHcm91cFwiIFtuZ0NsYXNzXT1cIlsnaW5saW5lLWZsZXggaXRlbXMtY2VudGVyIHByLTInLCBjbGFzc05hbWVdXCI+XG4gIDxkaXZcbiAgICAqbmdGb3I9XCJsZXQgZ3JvdXBTcmMgb2YgZ3JvdXBTb3VyY2VzOyBsZXQgaSA9IGluZGV4XCJcbiAgICBbbmdDbGFzc109XCJbXG4gICAgICAncmVsYXRpdmUgaC04IHctOCBzaHJpbmstMCBvdmVyZmxvdy1oaWRkZW4gcm91bmRlZC1mdWxsJyxcbiAgICAgIGkgPiAwID8gJy1tci0yIGJvcmRlciBib3JkZXItWyNlNWU1ZTVdJyA6ICctbXItMidcbiAgICBdXCJcbiAgPlxuICAgIDxpbWcgW3NyY109XCJncm91cFNyY1wiIFthbHRdPVwiYWx0ICsgJyAnICsgKGkgKyAxKVwiIGNsYXNzPVwiaC1mdWxsIHctZnVsbCByb3VuZGVkLWZ1bGwgb2JqZWN0LWNvdmVyXCIgLz5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2020/lib/components/badge/badge.component.mjs

@@ -0,0 +1,23 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class PdmBadgeComponent {
+    constructor() {
+        this.variant = 'default';
+        this.text = 'Badge';
+        this.className = '';
+    }
+}
+PdmBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PdmBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PdmBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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',\n    variant === 'default' ? 'h-[22px] rounded-[10px] bg-[#171717] px-[10px] py-[2px] text-[12px] font-medium leading-4 text-[#fafafa]' : '',\n    variant === 'secondary' ? 'h-[22px] rounded-[10px] bg-[#f5f5f5] px-[10px] py-[2px] text-[12px] font-medium leading-4 text-[#0a0a0a]' : '',\n    variant === 'destructive' ? 'h-[22px] rounded-[10px] bg-[#dc2626] px-[10px] py-[2px] text-[12px] font-medium leading-4 text-[rgba(255,255,255,0.95)]' : '',\n    variant === 'outline' ? 'h-[22px] rounded-[10px] border border-[#e5e5e5] px-[10px] py-[2px] text-[12px] font-medium leading-4 text-[#0a0a0a]' : '',\n    variant === 'icon' ? 'h-[22px] gap-1 rounded-[10px] bg-[#171717] px-[10px] py-[2px] text-[12px] font-medium leading-4 text-[#fafafa]' : '',\n    variant === 'number' ? 'h-5 min-w-[20px] rounded-full bg-[#171717] px-[6px] py-[2px] text-[12px] font-medium leading-4 text-[#fafafa]' : '',\n    variant === 'destructive-number' ? 'h-5 min-w-[20px] rounded-full bg-[#dc2626] px-[6px] py-[2px] text-[12px] font-medium leading-4 text-[rgba(255,255,255,0.95)]' : '',\n    variant === 'secondary-number' ? 'h-5 min-w-[20px] rounded-full border border-[#e5e5e5] px-1 py-[2px] text-[12px] font-medium leading-4 text-[#0a0a0a]' : '',\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\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: "15.2.10", 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',\n    variant === 'default' ? 'h-[22px] rounded-[10px] bg-[#171717] px-[10px] py-[2px] text-[12px] font-medium leading-4 text-[#fafafa]' : '',\n    variant === 'secondary' ? 'h-[22px] rounded-[10px] bg-[#f5f5f5] px-[10px] py-[2px] text-[12px] font-medium leading-4 text-[#0a0a0a]' : '',\n    variant === 'destructive' ? 'h-[22px] rounded-[10px] bg-[#dc2626] px-[10px] py-[2px] text-[12px] font-medium leading-4 text-[rgba(255,255,255,0.95)]' : '',\n    variant === 'outline' ? 'h-[22px] rounded-[10px] border border-[#e5e5e5] px-[10px] py-[2px] text-[12px] font-medium leading-4 text-[#0a0a0a]' : '',\n    variant === 'icon' ? 'h-[22px] gap-1 rounded-[10px] bg-[#171717] px-[10px] py-[2px] text-[12px] font-medium leading-4 text-[#fafafa]' : '',\n    variant === 'number' ? 'h-5 min-w-[20px] rounded-full bg-[#171717] px-[6px] py-[2px] text-[12px] font-medium leading-4 text-[#fafafa]' : '',\n    variant === 'destructive-number' ? 'h-5 min-w-[20px] rounded-full bg-[#dc2626] px-[6px] py-[2px] text-[12px] font-medium leading-4 text-[rgba(255,255,255,0.95)]' : '',\n    variant === 'secondary-number' ? 'h-5 min-w-[20px] rounded-full border border-[#e5e5e5] px-1 py-[2px] text-[12px] font-medium leading-4 text-[#0a0a0a]' : '',\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\n" }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2JhZGdlL2JhZGdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBaUIxRSxNQUFNLE9BQU8saUJBQWlCO0lBTDlCO1FBTVcsWUFBTyxHQUFvQixTQUFTLENBQUM7UUFDckMsU0FBSSxHQUFHLE9BQU8sQ0FBQztRQUNmLGNBQVMsR0FBRyxFQUFFLENBQUM7S0FDekI7OytHQUpZLGlCQUFpQjttR0FBakIsaUJBQWlCLHVIQ2pCOUIsdTJEQTRCQTs0RkRYYSxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0UsV0FBVyxtQkFFSix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgdHlwZSBQZG1CYWRnZVZhcmlhbnQgPVxuICB8ICdkZWZhdWx0J1xuICB8ICdzZWNvbmRhcnknXG4gIHwgJ2Rlc3RydWN0aXZlJ1xuICB8ICdvdXRsaW5lJ1xuICB8ICdpY29uJ1xuICB8ICdudW1iZXInXG4gIHwgJ2Rlc3RydWN0aXZlLW51bWJlcidcbiAgfCAnc2Vjb25kYXJ5LW51bWJlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3BkbS1iYWRnZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9iYWRnZS5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFBkbUJhZGdlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgdmFyaWFudDogUGRtQmFkZ2VWYXJpYW50ID0gJ2RlZmF1bHQnO1xuICBASW5wdXQoKSB0ZXh0ID0gJ0JhZGdlJztcbiAgQElucHV0KCkgY2xhc3NOYW1lID0gJyc7XG59XG5cbiIsIjxzcGFuXG4gIFtuZ0NsYXNzXT1cIltcbiAgICAnaW5saW5lLWZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktY2VudGVyIHRleHQtY2VudGVyIGFsaWduLW1pZGRsZScsXG4gICAgdmFyaWFudCA9PT0gJ2RlZmF1bHQnID8gJ2gtWzIycHhdIHJvdW5kZWQtWzEwcHhdIGJnLVsjMTcxNzE3XSBweC1bMTBweF0gcHktWzJweF0gdGV4dC1bMTJweF0gZm9udC1tZWRpdW0gbGVhZGluZy00IHRleHQtWyNmYWZhZmFdJyA6ICcnLFxuICAgIHZhcmlhbnQgPT09ICdzZWNvbmRhcnknID8gJ2gtWzIycHhdIHJvdW5kZWQtWzEwcHhdIGJnLVsjZjVmNWY1XSBweC1bMTBweF0gcHktWzJweF0gdGV4dC1bMTJweF0gZm9udC1tZWRpdW0gbGVhZGluZy00IHRleHQtWyMwYTBhMGFdJyA6ICcnLFxuICAgIHZhcmlhbnQgPT09ICdkZXN0cnVjdGl2ZScgPyAnaC1bMjJweF0gcm91bmRlZC1bMTBweF0gYmctWyNkYzI2MjZdIHB4LVsxMHB4XSBweS1bMnB4XSB0ZXh0LVsxMnB4XSBmb250LW1lZGl1bSBsZWFkaW5nLTQgdGV4dC1bcmdiYSgyNTUsMjU1LDI1NSwwLjk1KV0nIDogJycsXG4gICAgdmFyaWFudCA9PT0gJ291dGxpbmUnID8gJ2gtWzIycHhdIHJvdW5kZWQtWzEwcHhdIGJvcmRlciBib3JkZXItWyNlNWU1ZTVdIHB4LVsxMHB4XSBweS1bMnB4XSB0ZXh0LVsxMnB4XSBmb250LW1lZGl1bSBsZWFkaW5nLTQgdGV4dC1bIzBhMGEwYV0nIDogJycsXG4gICAgdmFyaWFudCA9PT0gJ2ljb24nID8gJ2gtWzIycHhdIGdhcC0xIHJvdW5kZWQtWzEwcHhdIGJnLVsjMTcxNzE3XSBweC1bMTBweF0gcHktWzJweF0gdGV4dC1bMTJweF0gZm9udC1tZWRpdW0gbGVhZGluZy00IHRleHQtWyNmYWZhZmFdJyA6ICcnLFxuICAgIHZhcmlhbnQgPT09ICdudW1iZXInID8gJ2gtNSBtaW4tdy1bMjBweF0gcm91bmRlZC1mdWxsIGJnLVsjMTcxNzE3XSBweC1bNnB4XSBweS1bMnB4XSB0ZXh0LVsxMnB4XSBmb250LW1lZGl1bSBsZWFkaW5nLTQgdGV4dC1bI2ZhZmFmYV0nIDogJycsXG4gICAgdmFyaWFudCA9PT0gJ2Rlc3RydWN0aXZlLW51bWJlcicgPyAnaC01IG1pbi13LVsyMHB4XSByb3VuZGVkLWZ1bGwgYmctWyNkYzI2MjZdIHB4LVs2cHhdIHB5LVsycHhdIHRleHQtWzEycHhdIGZvbnQtbWVkaXVtIGxlYWRpbmctNCB0ZXh0LVtyZ2JhKDI1NSwyNTUsMjU1LDAuOTUpXScgOiAnJyxcbiAgICB2YXJpYW50ID09PSAnc2Vjb25kYXJ5LW51bWJlcicgPyAnaC01IG1pbi13LVsyMHB4XSByb3VuZGVkLWZ1bGwgYm9yZGVyIGJvcmRlci1bI2U1ZTVlNV0gcHgtMSBweS1bMnB4XSB0ZXh0LVsxMnB4XSBmb250LW1lZGl1bSBsZWFkaW5nLTQgdGV4dC1bIzBhMGEwYV0nIDogJycsXG4gICAgY2xhc3NOYW1lXG4gIF1cIlxuPlxuICA8c3ZnXG4gICAgKm5nSWY9XCJ2YXJpYW50ID09PSAnaWNvbidcIlxuICAgIHZpZXdCb3g9XCIwIDAgMjQgMjRcIlxuICAgIGNsYXNzPVwiaC00IHctNFwiXG4gICAgZmlsbD1cIm5vbmVcIlxuICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gID5cbiAgICA8Y2lyY2xlIGN4PVwiMTJcIiBjeT1cIjEyXCIgcj1cIjlcIiBzdHJva2U9XCJjdXJyZW50Q29sb3JcIiBzdHJva2Utd2lkdGg9XCIxLjVcIj48L2NpcmNsZT5cbiAgICA8cGF0aCBkPVwiTTguNSAxMi41TDEwLjggMTQuOEwxNS44IDkuOFwiIHN0cm9rZT1cImN1cnJlbnRDb2xvclwiIHN0cm9rZS13aWR0aD1cIjEuNVwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiPjwvcGF0aD5cbiAgPC9zdmc+XG4gIDxzcGFuIFtuZ0NsYXNzXT1cIlt2YXJpYW50ID09PSAnc2Vjb25kYXJ5LW51bWJlcicgPyAnZm9udC1tb25vJyA6ICcnXVwiPnt7IHRleHQgfX08L3NwYW4+XG48L3NwYW4+XG5cbiJdfQ==

package/esm2020/lib/components/breadcrumb/breadcrumb.component.mjs

@@ -0,0 +1,29 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class PdmBreadcrumbComponent {
+    constructor() {
+        this.mode = 'link-component';
+        this.items = ['Home', 'Components', 'Breadcrumb'];
+        this.className = '';
+    }
+    get renderedItems() {
+        if ((this.mode === 'collapsed' || this.mode === 'responsive') && this.items.length > 3) {
+            return [this.items[0], '...', this.items[this.items.length - 2], this.items[this.items.length - 1]];
+        }
+        return this.items;
+    }
+}
+PdmBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PdmBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PdmBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PdmBreadcrumbComponent, selector: "pdm-breadcrumb", inputs: { mode: "mode", items: "items", className: "className" }, ngImport: i0, template: "<nav\n  aria-label=\"breadcrumb\"\n  [ngClass]=\"['inline-flex items-center gap-[6px] text-[14px] leading-5', className]\"\n>\n  <ng-container *ngFor=\"let item of renderedItems; let i = index; let last = last\">\n    <span [ngClass]=\"[last ? 'text-[#0a0a0a]' : 'text-[#737373]']\">{{ item }}</span>\n\n    <ng-container *ngIf=\"!last\">\n      <span class=\"inline-flex h-6 w-6 items-center justify-center text-[#737373]\" aria-hidden=\"true\">\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        <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    </ng-container>\n\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-[#737373]\" 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: "15.2.10", ngImport: i0, type: PdmBreadcrumbComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pdm-breadcrumb', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav\n  aria-label=\"breadcrumb\"\n  [ngClass]=\"['inline-flex items-center gap-[6px] text-[14px] leading-5', className]\"\n>\n  <ng-container *ngFor=\"let item of renderedItems; let i = index; let last = last\">\n    <span [ngClass]=\"[last ? 'text-[#0a0a0a]' : 'text-[#737373]']\">{{ item }}</span>\n\n    <ng-container *ngIf=\"!last\">\n      <span class=\"inline-flex h-6 w-6 items-center justify-center text-[#737373]\" aria-hidden=\"true\">\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        <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    </ng-container>\n\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-[#737373]\" 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
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvYnJlYWRjcnVtYi9icmVhZGNydW1iLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9icmVhZGNydW1iL2JyZWFkY3J1bWIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQWMxRSxNQUFNLE9BQU8sc0JBQXNCO0lBTG5DO1FBTVcsU0FBSSxHQUFzQixnQkFBZ0IsQ0FBQztRQUMzQyxVQUFLLEdBQWEsQ0FBQyxNQUFNLEVBQUUsWUFBWSxFQUFFLFlBQVksQ0FBQyxDQUFDO1FBQ3ZELGNBQVMsR0FBRyxFQUFFLENBQUM7S0FRekI7SUFOQyxJQUFJLGFBQWE7UUFDZixJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSyxXQUFXLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxZQUFZLENBQUMsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDdEYsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQ3JHO1FBQ0QsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3BCLENBQUM7O29IQVZVLHNCQUFzQjt3R0FBdEIsc0JBQXNCLHdIQ2RuQyxzdURBdUNBOzRGRHpCYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UsZ0JBQWdCLG1CQUVULHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCB0eXBlIFBkbUJyZWFkY3J1bWJNb2RlID1cbiAgfCAnY3VzdG9tLXNlcGFyYXRvcidcbiAgfCAnZHJvcGRvd24nXG4gIHwgJ2NvbGxhcHNlZCdcbiAgfCAnbGluay1jb21wb25lbnQnXG4gIHwgJ3Jlc3BvbnNpdmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdwZG0tYnJlYWRjcnVtYicsXG4gIHRlbXBsYXRlVXJsOiAnLi9icmVhZGNydW1iLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgUGRtQnJlYWRjcnVtYkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG1vZGU6IFBkbUJyZWFkY3J1bWJNb2RlID0gJ2xpbmstY29tcG9uZW50JztcbiAgQElucHV0KCkgaXRlbXM6IHN0cmluZ1tdID0gWydIb21lJywgJ0NvbXBvbmVudHMnLCAnQnJlYWRjcnVtYiddO1xuICBASW5wdXQoKSBjbGFzc05hbWUgPSAnJztcblxuICBnZXQgcmVuZGVyZWRJdGVtcygpOiBzdHJpbmdbXSB7XG4gICAgaWYgKCh0aGlzLm1vZGUgPT09ICdjb2xsYXBzZWQnIHx8IHRoaXMubW9kZSA9PT0gJ3Jlc3BvbnNpdmUnKSAmJiB0aGlzLml0ZW1zLmxlbmd0aCA+IDMpIHtcbiAgICAgIHJldHVybiBbdGhpcy5pdGVtc1swXSwgJy4uLicsIHRoaXMuaXRlbXNbdGhpcy5pdGVtcy5sZW5ndGggLSAyXSwgdGhpcy5pdGVtc1t0aGlzLml0ZW1zLmxlbmd0aCAtIDFdXTtcbiAgICB9XG4gICAgcmV0dXJuIHRoaXMuaXRlbXM7XG4gIH1cbn1cbiIsIjxuYXZcbiAgYXJpYS1sYWJlbD1cImJyZWFkY3J1bWJcIlxuICBbbmdDbGFzc109XCJbJ2lubGluZS1mbGV4IGl0ZW1zLWNlbnRlciBnYXAtWzZweF0gdGV4dC1bMTRweF0gbGVhZGluZy01JywgY2xhc3NOYW1lXVwiXG4+XG4gIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgcmVuZGVyZWRJdGVtczsgbGV0IGkgPSBpbmRleDsgbGV0IGxhc3QgPSBsYXN0XCI+XG4gICAgPHNwYW4gW25nQ2xhc3NdPVwiW2xhc3QgPyAndGV4dC1bIzBhMGEwYV0nIDogJ3RleHQtWyM3MzczNzNdJ11cIj57eyBpdGVtIH19PC9zcGFuPlxuXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFsYXN0XCI+XG4gICAgICA8c3BhbiBjbGFzcz1cImlubGluZS1mbGV4IGgtNiB3LTYgaXRlbXMtY2VudGVyIGp1c3RpZnktY2VudGVyIHRleHQtWyM3MzczNzNdXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgIDxzdmdcbiAgICAgICAgICAqbmdJZj1cIm1vZGUgPT09ICdjdXN0b20tc2VwYXJhdG9yJyAmJiBpdGVtICE9PSAnLi4uJ1wiXG4gICAgICAgICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXG4gICAgICAgICAgY2xhc3M9XCJoLTQgdy00XCJcbiAgICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gICAgICAgID5cbiAgICAgICAgICA8cGF0aCBkPVwiTTggMjBMMTYgNFwiIHN0cm9rZT1cImN1cnJlbnRDb2xvclwiIHN0cm9rZS13aWR0aD1cIjEuNVwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiAvPlxuICAgICAgICA8L3N2Zz5cbiAgICAgICAgPHN2Z1xuICAgICAgICAgICpuZ0lmPVwiKG1vZGUgIT09ICdjdXN0b20tc2VwYXJhdG9yJyAmJiBpdGVtICE9PSAnLi4uJykgfHwgaXRlbSA9PT0gJy4uLidcIlxuICAgICAgICAgIHZpZXdCb3g9XCIwIDAgMjQgMjRcIlxuICAgICAgICAgIGNsYXNzPVwiaC00IHctNFwiXG4gICAgICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgICA+XG4gICAgICAgICAgPHBhdGggZD1cIk05IDZMMTUgMTJMOSAxOFwiIHN0cm9rZT1cImN1cnJlbnRDb2xvclwiIHN0cm9rZS13aWR0aD1cIjEuNVwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiIC8+XG4gICAgICAgIDwvc3ZnPlxuICAgICAgPC9zcGFuPlxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm1vZGUgPT09ICdkcm9wZG93bicgJiYgaSA9PT0gMSAmJiBpdGVtICE9PSAnLi4uJyAmJiAhbGFzdFwiPlxuICAgICAgPHNwYW4gY2xhc3M9XCItbWwtMiBpbmxpbmUtZmxleCBoLTYgdy02IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNlbnRlciB0ZXh0LVsjNzM3MzczXVwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICA8c3ZnIHZpZXdCb3g9XCIwIDAgMjQgMjRcIiBjbGFzcz1cImgtNCB3LTRcIiBmaWxsPVwibm9uZVwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj5cbiAgICAgICAgICA8cGF0aCBkPVwiTTcgMTBMMTIgMTVMMTcgMTBcIiBzdHJva2U9XCJjdXJyZW50Q29sb3JcIiBzdHJva2Utd2lkdGg9XCIxLjVcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIiAvPlxuICAgICAgICA8L3N2Zz5cbiAgICAgIDwvc3Bhbj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9uZy1jb250YWluZXI+XG48L25hdj5cbiJdfQ==