pdm-ui-kit 0.4.2 → 1.1.0

package/fesm2020/pdm-ui-kit-src-dropdown-menu.mjs

@@ -0,0 +1,218 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, ViewChild, HostListener, NgModule } from '@angular/core';
+import { TemplatePortal } from '@angular/cdk/portal';
+import { createFlexiblePositionStrategy } from 'pdm-ui-kit/src/overlay';
+import { Z_INDEX } from 'pdm-ui-kit/src/utils';
+import * as i1 from '@angular/cdk/overlay';
+import { OverlayModule } from '@angular/cdk/overlay';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class PdmDropdownMenuComponent {
+    constructor(elementRef, cdr, overlay, viewContainerRef) {
+        this.elementRef = elementRef;
+        this.cdr = cdr;
+        this.overlay = overlay;
+        this.viewContainerRef = viewContainerRef;
+        this.triggerText = 'Open';
+        this.variant = 'default';
+        this.items = [];
+        this.closeOnSelect = true;
+        /**
+         * Additional CSS classes applied to the trigger wrapper element.
+         * Preserved for backward compatibility.
+         */
+        this.className = '';
+        /**
+         * Additional CSS classes applied to the overlay panel.
+         * Backward-compatible: mapped to `overlayOptions.panelClass` when `overlayOptions` is not set.
+         * When both are supplied, `overlayOptions.panelClass` takes precedence.
+         */
+        this.panelClassName = '';
+        this.itemSelect = new EventEmitter();
+        this.itemsChange = new EventEmitter();
+        this.open = false;
+        this.overlayRef = null;
+        this.backdropSub = null;
+    }
+    ngOnDestroy() {
+        this.destroyOverlay();
+    }
+    toggle() {
+        if (this.open) {
+            this.closePanel();
+        }
+        else {
+            this.openPanel();
+        }
+    }
+    get resolvedItems() {
+        if (this.items.length) {
+            return this.items;
+        }
+        if (this.variant === 'checkboxes') {
+            return [
+                { type: 'label', label: 'Appearance' },
+                { type: 'separator' },
+                { type: 'item', label: 'Status Bar', value: 'status-bar', checked: true },
+                { type: 'item', label: 'Activity Bar', value: 'activity-bar', checked: false },
+                { type: 'item', label: 'Panel', value: 'panel', checked: false }
+            ];
+        }
+        if (this.variant === 'radio-group') {
+            return [
+                { type: 'label', label: 'Panel Position' },
+                { type: 'separator' },
+                { type: 'item', label: 'Top', value: 'top', radioSelected: true },
+                { type: 'item', label: 'Bottom', value: 'bottom', radioSelected: false },
+                { type: 'item', label: 'Right', value: 'right', radioSelected: false }
+            ];
+        }
+        return [
+            { type: 'label', label: 'My Account', inset: true },
+            { type: 'separator' },
+            { type: 'item', label: 'Profile', value: 'profile', shortcut: '⇧⌘P' },
+            { type: 'item', label: 'Billing', value: 'billing', shortcut: '⌘B' },
+            { type: 'item', label: 'Settings', value: 'settings', shortcut: '⌘S' },
+            { type: 'item', label: 'Keyboard shortcuts', value: 'shortcuts', shortcut: '⌘K' },
+            { type: 'separator' },
+            { type: 'item', label: 'Team', value: 'team' },
+            { type: 'item', label: 'Invite users', value: 'invite', showChevron: true },
+            { type: 'item', label: 'New Team', value: 'new-team', shortcut: '⌘+T' },
+            { type: 'separator' },
+            { type: 'item', label: 'GitHub', value: 'github' },
+            { type: 'item', label: 'Support', value: 'support' },
+            { type: 'item', label: 'API', value: 'api', disabled: true },
+            { type: 'separator' },
+            { type: 'item', label: 'Log out', value: 'logout', shortcut: '⇧⌘Q' }
+        ];
+    }
+    select(item) {
+        if (item.disabled || item.type === 'separator' || item.type === 'label' || !item.value)
+            return;
+        if (this.variant === 'checkboxes') {
+            const updated = this.resolvedItems.map((entry) => entry.value === item.value ? { ...entry, checked: !entry.checked } : entry);
+            this.itemsChange.emit(updated);
+        }
+        if (this.variant === 'radio-group') {
+            const updated = this.resolvedItems.map((entry) => entry.type === 'item'
+                ? { ...entry, radioSelected: entry.value === item.value }
+                : entry);
+            this.itemsChange.emit(updated);
+        }
+        this.itemSelect.emit(item.value);
+        const shouldClose = this.variant === 'default' ? this.closeOnSelect : false;
+        if (shouldClose) {
+            this.closePanel();
+        }
+    }
+    onEsc() {
+        if (this.open) {
+            this.closePanel();
+        }
+    }
+    openPanel() {
+        if (this.overlayRef)
+            return;
+        const triggerEl = this.triggerRef?.nativeElement;
+        if (!triggerEl)
+            return;
+        this.open = true;
+        this.cdr.markForCheck();
+        const positionStrategy = createFlexiblePositionStrategy(this.overlay, triggerEl, 8);
+        // Resolve panelClass: overlayOptions.panelClass wins; otherwise map panelClassName.
+        const resolvedPanelClass = this.overlayOptions?.panelClass
+            ?? (this.panelClassName ? [Z_INDEX.popover, this.panelClassName] : [Z_INDEX.popover]);
+        this.overlayRef = this.overlay.create({
+            positionStrategy,
+            scrollStrategy: this.overlay.scrollStrategies.reposition(),
+            // Consumer overrides are spread last — they win over every default above.
+            ...this.overlayOptions,
+            // panelClass always overrides last: it already merges panelClassName + overlayOptions.
+            panelClass: resolvedPanelClass
+        });
+        const portal = new TemplatePortal(this.panelTemplateRef, this.viewContainerRef);
+        this.overlayRef.attach(portal);
+        this.backdropSub = this.overlayRef.outsidePointerEvents().subscribe((event) => {
+            const target = event.target;
+            if (!triggerEl.contains(target)) {
+                this.closePanel();
+            }
+        });
+        this.cdr.markForCheck();
+    }
+    closePanel() {
+        if (!this.overlayRef)
+            return;
+        this.open = false;
+        this.destroyOverlay();
+        this.cdr.markForCheck();
+    }
+    destroyOverlay() {
+        if (this.backdropSub) {
+            this.backdropSub.unsubscribe();
+            this.backdropSub = null;
+        }
+        if (this.overlayRef) {
+            this.overlayRef.dispose();
+            this.overlayRef = null;
+        }
+    }
+}
+PdmDropdownMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmDropdownMenuComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
+PdmDropdownMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PdmDropdownMenuComponent, selector: "pdm-dropdown-menu", inputs: { triggerText: "triggerText", variant: "variant", items: "items", closeOnSelect: "closeOnSelect", className: "className", panelClassName: "panelClassName", overlayOptions: "overlayOptions" }, outputs: { itemSelect: "itemSelect", itemsChange: "itemsChange" }, host: { listeners: { "document:keydown.escape": "onEsc()" } }, viewQueries: [{ propertyName: "triggerRef", first: true, predicate: ["triggerEl"], descendants: true }, { propertyName: "panelTemplateRef", first: true, predicate: ["panelTemplate"], descendants: true }], ngImport: i0, template: "<button\n  #triggerEl\n  type=\"button\"\n  [ngClass]=\"[\n    'inline-flex h-9 appearance-none box-border items-center justify-center rounded-md border border-solid border-input bg-background px-4 py-2 text-sm font-medium text-foreground shadow-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n    className\n  ]\"\n  [attr.aria-expanded]=\"open\"\n  (click)=\"toggle()\"\n>\n  {{ triggerText }}\n</button>\n\n<ng-template #panelTemplate>\n  <div\n    class=\"min-w-32 overflow-hidden rounded-md border border-solid border-border bg-popover p-1 text-popover-foreground shadow-md\"\n  >\n    <ng-container *ngFor=\"let item of resolvedItems\">\n      <div *ngIf=\"item.type === 'separator'\" class=\"-mx-1 my-1 h-px bg-muted\"></div>\n\n      <div\n        *ngIf=\"item.type === 'label'\"\n        [ngClass]=\"['px-2 py-1.5 text-sm font-semibold text-foreground', item.inset ? 'pl-8' : '']\"\n      >\n        {{ item.label }}\n      </div>\n\n      <button\n        *ngIf=\"!item.type || item.type === 'item'\"\n        type=\"button\"\n        [disabled]=\"item.disabled\"\n        [ngClass]=\"[\n          'relative flex w-full appearance-none box-border cursor-default select-none items-center gap-2 rounded-sm border-0 bg-transparent px-2 py-1.5 text-left text-sm text-foreground outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground disabled:pointer-events-none disabled:opacity-50',\n          item.inset ? 'pl-8' : ''\n        ]\"\n        (click)=\"select(item)\"\n      >\n        <span class=\"inline-flex h-4 w-4 shrink-0 items-center justify-center\">\n          <svg\n            *ngIf=\"item.checked\"\n            viewBox=\"0 0 24 24\"\n            class=\"h-3.5 w-3.5 text-foreground\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path d=\"M5 12.5L9.2 16.7L19 7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n          </svg>\n          <span *ngIf=\"item.radioSelected\" class=\"h-2 w-2 rounded-full bg-foreground\"></span>\n        </span>\n        <span class=\"min-w-0 flex-1 truncate\">{{ item.label }}</span>\n        <span *ngIf=\"item.shortcut\" class=\"text-xs text-muted-foreground\">{{ item.shortcut }}</span>\n        <span *ngIf=\"item.showChevron\" class=\"text-sm text-muted-foreground\">\u203A</span>\n      </button>\n    </ng-container>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmDropdownMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pdm-dropdown-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  #triggerEl\n  type=\"button\"\n  [ngClass]=\"[\n    'inline-flex h-9 appearance-none box-border items-center justify-center rounded-md border border-solid border-input bg-background px-4 py-2 text-sm font-medium text-foreground shadow-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n    className\n  ]\"\n  [attr.aria-expanded]=\"open\"\n  (click)=\"toggle()\"\n>\n  {{ triggerText }}\n</button>\n\n<ng-template #panelTemplate>\n  <div\n    class=\"min-w-32 overflow-hidden rounded-md border border-solid border-border bg-popover p-1 text-popover-foreground shadow-md\"\n  >\n    <ng-container *ngFor=\"let item of resolvedItems\">\n      <div *ngIf=\"item.type === 'separator'\" class=\"-mx-1 my-1 h-px bg-muted\"></div>\n\n      <div\n        *ngIf=\"item.type === 'label'\"\n        [ngClass]=\"['px-2 py-1.5 text-sm font-semibold text-foreground', item.inset ? 'pl-8' : '']\"\n      >\n        {{ item.label }}\n      </div>\n\n      <button\n        *ngIf=\"!item.type || item.type === 'item'\"\n        type=\"button\"\n        [disabled]=\"item.disabled\"\n        [ngClass]=\"[\n          'relative flex w-full appearance-none box-border cursor-default select-none items-center gap-2 rounded-sm border-0 bg-transparent px-2 py-1.5 text-left text-sm text-foreground outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground disabled:pointer-events-none disabled:opacity-50',\n          item.inset ? 'pl-8' : ''\n        ]\"\n        (click)=\"select(item)\"\n      >\n        <span class=\"inline-flex h-4 w-4 shrink-0 items-center justify-center\">\n          <svg\n            *ngIf=\"item.checked\"\n            viewBox=\"0 0 24 24\"\n            class=\"h-3.5 w-3.5 text-foreground\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path d=\"M5 12.5L9.2 16.7L19 7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n          </svg>\n          <span *ngIf=\"item.radioSelected\" class=\"h-2 w-2 rounded-full bg-foreground\"></span>\n        </span>\n        <span class=\"min-w-0 flex-1 truncate\">{{ item.label }}</span>\n        <span *ngIf=\"item.shortcut\" class=\"text-xs text-muted-foreground\">{{ item.shortcut }}</span>\n        <span *ngIf=\"item.showChevron\" class=\"text-sm text-muted-foreground\">\u203A</span>\n      </button>\n    </ng-container>\n  </div>\n</ng-template>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.Overlay }, { type: i0.ViewContainerRef }]; }, propDecorators: { triggerText: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], closeOnSelect: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], panelClassName: [{
+                type: Input
+            }], overlayOptions: [{
+                type: Input
+            }], itemSelect: [{
+                type: Output
+            }], itemsChange: [{
+                type: Output
+            }], triggerRef: [{
+                type: ViewChild,
+                args: ['triggerEl']
+            }], panelTemplateRef: [{
+                type: ViewChild,
+                args: ['panelTemplate']
+            }], onEsc: [{
+                type: HostListener,
+                args: ['document:keydown.escape']
+            }] } });
+
+const COMPONENTS = [
+    PdmDropdownMenuComponent,
+];
+class PdmDropdownMenuModule {
+}
+PdmDropdownMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmDropdownMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PdmDropdownMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: PdmDropdownMenuModule, declarations: [PdmDropdownMenuComponent], imports: [CommonModule, OverlayModule], exports: [PdmDropdownMenuComponent] });
+PdmDropdownMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmDropdownMenuModule, imports: [CommonModule, OverlayModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmDropdownMenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, OverlayModule],
+                    declarations: COMPONENTS,
+                    exports: COMPONENTS
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PdmDropdownMenuComponent, PdmDropdownMenuModule };
+//# sourceMappingURL=pdm-ui-kit-src-dropdown-menu.mjs.map

package/fesm2020/pdm-ui-kit-src-dropdown-menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdm-ui-kit-src-dropdown-menu.mjs","sources":["../../../src/dropdown-menu/dropdown-menu.component.ts","../../../src/dropdown-menu/dropdown-menu.component.html","../../../src/dropdown-menu/dropdown-menu.module.ts","../../../src/dropdown-menu/pdm-ui-kit-src-dropdown-menu.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  HostListener,\n  Input,\n  OnDestroy,\n  Output,\n  ViewChild,\n  ViewContainerRef\n} from '@angular/core';\nimport { Overlay, OverlayRef } from '@angular/cdk/overlay';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport { Subscription } from 'rxjs';\nimport { PdmOverlayOptions } from 'pdm-ui-kit/src/overlay';\nimport { createFlexiblePositionStrategy } from 'pdm-ui-kit/src/overlay';\nimport { Z_INDEX } from 'pdm-ui-kit/src/utils';\n\nexport type PdmDropdownMenuVariant = 'default' | 'checkboxes' | 'radio-group';\n\nexport interface PdmMenuItem {\n  type?: 'item' | 'label' | 'separator';\n  label?: string;\n  value?: string;\n  shortcut?: string;\n  disabled?: boolean;\n  inset?: boolean;\n  showChevron?: boolean;\n  checked?: boolean;\n  radioSelected?: boolean;\n}\n\n@Component({\n  selector: 'pdm-dropdown-menu',\n  templateUrl: './dropdown-menu.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class PdmDropdownMenuComponent implements OnDestroy {\n  @Input() triggerText = 'Open';\n  @Input() variant: PdmDropdownMenuVariant = 'default';\n  @Input() items: PdmMenuItem[] = [];\n  @Input() closeOnSelect = true;\n  /**\n   * Additional CSS classes applied to the trigger wrapper element.\n   * Preserved for backward compatibility.\n   */\n  @Input() className = '';\n  /**\n   * Additional CSS classes applied to the overlay panel.\n   * Backward-compatible: mapped to `overlayOptions.panelClass` when `overlayOptions` is not set.\n   * When both are supplied, `overlayOptions.panelClass` takes precedence.\n   */\n  @Input() panelClassName = '';\n  /**\n   * Optional CDK OverlayConfig overrides.\n   * Shallow-merged on top of component defaults — consumer always wins.\n   * Providing `positionStrategy` or `scrollStrategy` replaces the component default entirely.\n   */\n  @Input() overlayOptions?: PdmOverlayOptions;\n\n  @Output() itemSelect = new EventEmitter<string>();\n  @Output() itemsChange = new EventEmitter<PdmMenuItem[]>();\n\n  open = false;\n\n  @ViewChild('triggerEl') private triggerRef?: ElementRef<HTMLElement>;\n  @ViewChild('panelTemplate') private panelTemplateRef!: any;\n\n  private overlayRef: OverlayRef | null = null;\n  private backdropSub: Subscription | null = null;\n\n  constructor(\n    private readonly elementRef: ElementRef<HTMLElement>,\n    private readonly cdr: ChangeDetectorRef,\n    private readonly overlay: Overlay,\n    private readonly viewContainerRef: ViewContainerRef\n  ) {}\n\n  ngOnDestroy(): void {\n    this.destroyOverlay();\n  }\n\n  toggle(): void {\n    if (this.open) {\n      this.closePanel();\n    } else {\n      this.openPanel();\n    }\n  }\n\n  get resolvedItems(): PdmMenuItem[] {\n    if (this.items.length) {\n      return this.items;\n    }\n\n    if (this.variant === 'checkboxes') {\n      return [\n        { type: 'label', label: 'Appearance' },\n        { type: 'separator' },\n        { type: 'item', label: 'Status Bar', value: 'status-bar', checked: true },\n        { type: 'item', label: 'Activity Bar', value: 'activity-bar', checked: false },\n        { type: 'item', label: 'Panel', value: 'panel', checked: false }\n      ];\n    }\n\n    if (this.variant === 'radio-group') {\n      return [\n        { type: 'label', label: 'Panel Position' },\n        { type: 'separator' },\n        { type: 'item', label: 'Top', value: 'top', radioSelected: true },\n        { type: 'item', label: 'Bottom', value: 'bottom', radioSelected: false },\n        { type: 'item', label: 'Right', value: 'right', radioSelected: false }\n      ];\n    }\n\n    return [\n      { type: 'label', label: 'My Account', inset: true },\n      { type: 'separator' },\n      { type: 'item', label: 'Profile', value: 'profile', shortcut: '⇧⌘P' },\n      { type: 'item', label: 'Billing', value: 'billing', shortcut: '⌘B' },\n      { type: 'item', label: 'Settings', value: 'settings', shortcut: '⌘S' },\n      { type: 'item', label: 'Keyboard shortcuts', value: 'shortcuts', shortcut: '⌘K' },\n      { type: 'separator' },\n      { type: 'item', label: 'Team', value: 'team' },\n      { type: 'item', label: 'Invite users', value: 'invite', showChevron: true },\n      { type: 'item', label: 'New Team', value: 'new-team', shortcut: '⌘+T' },\n      { type: 'separator' },\n      { type: 'item', label: 'GitHub', value: 'github' },\n      { type: 'item', label: 'Support', value: 'support' },\n      { type: 'item', label: 'API', value: 'api', disabled: true },\n      { type: 'separator' },\n      { type: 'item', label: 'Log out', value: 'logout', shortcut: '⇧⌘Q' }\n    ];\n  }\n\n  select(item: PdmMenuItem): void {\n    if (item.disabled || item.type === 'separator' || item.type === 'label' || !item.value) return;\n\n    if (this.variant === 'checkboxes') {\n      const updated = this.resolvedItems.map((entry) =>\n        entry.value === item.value ? { ...entry, checked: !entry.checked } : entry\n      );\n      this.itemsChange.emit(updated);\n    }\n\n    if (this.variant === 'radio-group') {\n      const updated = this.resolvedItems.map((entry) =>\n        entry.type === 'item'\n          ? { ...entry, radioSelected: entry.value === item.value }\n          : entry\n      );\n      this.itemsChange.emit(updated);\n    }\n\n    this.itemSelect.emit(item.value);\n\n    const shouldClose = this.variant === 'default' ? this.closeOnSelect : false;\n    if (shouldClose) {\n      this.closePanel();\n    }\n  }\n\n  @HostListener('document:keydown.escape')\n  onEsc(): void {\n    if (this.open) {\n      this.closePanel();\n    }\n  }\n\n  private openPanel(): void {\n    if (this.overlayRef) return;\n\n    const triggerEl = this.triggerRef?.nativeElement;\n    if (!triggerEl) return;\n\n    this.open = true;\n    this.cdr.markForCheck();\n\n    const positionStrategy = createFlexiblePositionStrategy(\n      this.overlay,\n      triggerEl,\n      8\n    );\n\n    // Resolve panelClass: overlayOptions.panelClass wins; otherwise map panelClassName.\n    const resolvedPanelClass = this.overlayOptions?.panelClass\n      ?? (this.panelClassName ? [Z_INDEX.popover, this.panelClassName] : [Z_INDEX.popover]);\n\n    this.overlayRef = this.overlay.create({\n      positionStrategy,\n      scrollStrategy: this.overlay.scrollStrategies.reposition(),\n      // Consumer overrides are spread last — they win over every default above.\n      ...this.overlayOptions,\n      // panelClass always overrides last: it already merges panelClassName + overlayOptions.\n      panelClass: resolvedPanelClass\n    });\n\n    const portal = new TemplatePortal(this.panelTemplateRef, this.viewContainerRef);\n    this.overlayRef.attach(portal);\n\n    this.backdropSub = this.overlayRef.outsidePointerEvents().subscribe((event) => {\n      const target = event.target as Node;\n      if (!triggerEl.contains(target)) {\n        this.closePanel();\n      }\n    });\n\n    this.cdr.markForCheck();\n  }\n\n  private closePanel(): void {\n    if (!this.overlayRef) return;\n\n    this.open = false;\n    this.destroyOverlay();\n    this.cdr.markForCheck();\n  }\n\n  private destroyOverlay(): void {\n    if (this.backdropSub) {\n      this.backdropSub.unsubscribe();\n      this.backdropSub = null;\n    }\n    if (this.overlayRef) {\n      this.overlayRef.dispose();\n      this.overlayRef = null;\n    }\n  }\n}\n","<button\n  #triggerEl\n  type=\"button\"\n  [ngClass]=\"[\n    'inline-flex h-9 appearance-none box-border items-center justify-center rounded-md border border-solid border-input bg-background px-4 py-2 text-sm font-medium text-foreground shadow-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n    className\n  ]\"\n  [attr.aria-expanded]=\"open\"\n  (click)=\"toggle()\"\n>\n  {{ triggerText }}\n</button>\n\n<ng-template #panelTemplate>\n  <div\n    class=\"min-w-32 overflow-hidden rounded-md border border-solid border-border bg-popover p-1 text-popover-foreground shadow-md\"\n  >\n    <ng-container *ngFor=\"let item of resolvedItems\">\n      <div *ngIf=\"item.type === 'separator'\" class=\"-mx-1 my-1 h-px bg-muted\"></div>\n\n      <div\n        *ngIf=\"item.type === 'label'\"\n        [ngClass]=\"['px-2 py-1.5 text-sm font-semibold text-foreground', item.inset ? 'pl-8' : '']\"\n      >\n        {{ item.label }}\n      </div>\n\n      <button\n        *ngIf=\"!item.type || item.type === 'item'\"\n        type=\"button\"\n        [disabled]=\"item.disabled\"\n        [ngClass]=\"[\n          'relative flex w-full appearance-none box-border cursor-default select-none items-center gap-2 rounded-sm border-0 bg-transparent px-2 py-1.5 text-left text-sm text-foreground outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground disabled:pointer-events-none disabled:opacity-50',\n          item.inset ? 'pl-8' : ''\n        ]\"\n        (click)=\"select(item)\"\n      >\n        <span class=\"inline-flex h-4 w-4 shrink-0 items-center justify-center\">\n          <svg\n            *ngIf=\"item.checked\"\n            viewBox=\"0 0 24 24\"\n            class=\"h-3.5 w-3.5 text-foreground\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path d=\"M5 12.5L9.2 16.7L19 7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n          </svg>\n          <span *ngIf=\"item.radioSelected\" class=\"h-2 w-2 rounded-full bg-foreground\"></span>\n        </span>\n        <span class=\"min-w-0 flex-1 truncate\">{{ item.label }}</span>\n        <span *ngIf=\"item.shortcut\" class=\"text-xs text-muted-foreground\">{{ item.shortcut }}</span>\n        <span *ngIf=\"item.showChevron\" class=\"text-sm text-muted-foreground\">›</span>\n      </button>\n    </ng-container>\n  </div>\n</ng-template>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { PdmDropdownMenuComponent } from './dropdown-menu.component';\n\nconst COMPONENTS = [\n  PdmDropdownMenuComponent,\n];\n\n@NgModule({\n  imports: [CommonModule, OverlayModule],\n  declarations: COMPONENTS,\n  exports: COMPONENTS\n})\nexport class PdmDropdownMenuModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;MAuCa,wBAAwB,CAAA;AAkCnC,IAAA,WAAA,CACmB,UAAmC,EACnC,GAAsB,EACtB,OAAgB,EAChB,gBAAkC,EAAA;QAHlC,IAAU,CAAA,UAAA,GAAV,UAAU,CAAyB;QACnC,IAAG,CAAA,GAAA,GAAH,GAAG,CAAmB;QACtB,IAAO,CAAA,OAAA,GAAP,OAAO,CAAS;QAChB,IAAgB,CAAA,gBAAA,GAAhB,gBAAgB,CAAkB;QArC5C,IAAW,CAAA,WAAA,GAAG,MAAM,CAAC;QACrB,IAAO,CAAA,OAAA,GAA2B,SAAS,CAAC;QAC5C,IAAK,CAAA,KAAA,GAAkB,EAAE,CAAC;QAC1B,IAAa,CAAA,aAAA,GAAG,IAAI,CAAC;AAC9B;;;AAGG;QACM,IAAS,CAAA,SAAA,GAAG,EAAE,CAAC;AACxB;;;;AAIG;QACM,IAAc,CAAA,cAAA,GAAG,EAAE,CAAC;AAQnB,QAAA,IAAA,CAAA,UAAU,GAAG,IAAI,YAAY,EAAU,CAAC;AACxC,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAAiB,CAAC;QAE1D,IAAI,CAAA,IAAA,GAAG,KAAK,CAAC;QAKL,IAAU,CAAA,UAAA,GAAsB,IAAI,CAAC;QACrC,IAAW,CAAA,WAAA,GAAwB,IAAI,CAAC;KAO5C;IAEJ,WAAW,GAAA;QACT,IAAI,CAAC,cAAc,EAAE,CAAC;KACvB;IAED,MAAM,GAAA;QACJ,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,UAAU,EAAE,CAAC;AACnB,SAAA;AAAM,aAAA;YACL,IAAI,CAAC,SAAS,EAAE,CAAC;AAClB,SAAA;KACF;AAED,IAAA,IAAI,aAAa,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACrB,OAAO,IAAI,CAAC,KAAK,CAAC;AACnB,SAAA;AAED,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,YAAY,EAAE;YACjC,OAAO;AACL,gBAAA,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE;gBACtC,EAAE,IAAI,EAAE,WAAW,EAAE;AACrB,gBAAA,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE;AACzE,gBAAA,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,KAAK,EAAE;AAC9E,gBAAA,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;aACjE,CAAC;AACH,SAAA;AAED,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,aAAa,EAAE;YAClC,OAAO;AACL,gBAAA,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE;gBAC1C,EAAE,IAAI,EAAE,WAAW,EAAE;AACrB,gBAAA,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE;AACjE,gBAAA,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE;AACxE,gBAAA,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE;aACvE,CAAC;AACH,SAAA;QAED,OAAO;YACL,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE;YACnD,EAAE,IAAI,EAAE,WAAW,EAAE;AACrB,YAAA,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;AACrE,YAAA,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE;AACpE,YAAA,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE;AACtE,YAAA,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE;YACjF,EAAE,IAAI,EAAE,WAAW,EAAE;YACrB,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC9C,YAAA,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE;AAC3E,YAAA,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE;YACvE,EAAE,IAAI,EAAE,WAAW,EAAE;YACrB,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;YAClD,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;AACpD,YAAA,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE;YAC5D,EAAE,IAAI,EAAE,WAAW,EAAE;AACrB,YAAA,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;SACrE,CAAC;KACH;AAED,IAAA,MAAM,CAAC,IAAiB,EAAA;AACtB,QAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE,OAAO;AAE/F,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,YAAY,EAAE;AACjC,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,KAC3C,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,GAAG,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,GAAG,KAAK,CAC3E,CAAC;AACF,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AAChC,SAAA;AAED,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,aAAa,EAAE;AAClC,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,KAC3C,KAAK,CAAC,IAAI,KAAK,MAAM;AACnB,kBAAE,EAAE,GAAG,KAAK,EAAE,aAAa,EAAE,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE;kBACvD,KAAK,CACV,CAAC;AACF,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AAChC,SAAA;QAED,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAEjC,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,KAAK,SAAS,GAAG,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;AAC5E,QAAA,IAAI,WAAW,EAAE;YACf,IAAI,CAAC,UAAU,EAAE,CAAC;AACnB,SAAA;KACF;IAGD,KAAK,GAAA;QACH,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,UAAU,EAAE,CAAC;AACnB,SAAA;KACF;IAEO,SAAS,GAAA;QACf,IAAI,IAAI,CAAC,UAAU;YAAE,OAAO;AAE5B,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC;AACjD,QAAA,IAAI,CAAC,SAAS;YAAE,OAAO;AAEvB,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;AACjB,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;AAExB,QAAA,MAAM,gBAAgB,GAAG,8BAA8B,CACrD,IAAI,CAAC,OAAO,EACZ,SAAS,EACT,CAAC,CACF,CAAC;;AAGF,QAAA,MAAM,kBAAkB,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU;gBACpD,IAAI,CAAC,cAAc,GAAG,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;QAExF,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;YACpC,gBAAgB;YAChB,cAAc,EAAE,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,UAAU,EAAE;;YAE1D,GAAG,IAAI,CAAC,cAAc;;AAEtB,YAAA,UAAU,EAAE,kBAAkB;AAC/B,SAAA,CAAC,CAAC;AAEH,QAAA,MAAM,MAAM,GAAG,IAAI,cAAc,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;AAChF,QAAA,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;AAE/B,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,oBAAoB,EAAE,CAAC,SAAS,CAAC,CAAC,KAAK,KAAI;AAC5E,YAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAc,CAAC;AACpC,YAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;gBAC/B,IAAI,CAAC,UAAU,EAAE,CAAC;AACnB,aAAA;AACH,SAAC,CAAC,CAAC;AAEH,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;KACzB;IAEO,UAAU,GAAA;QAChB,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,OAAO;AAE7B,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,cAAc,EAAE,CAAC;AACtB,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;KACzB;IAEO,cAAc,GAAA;QACpB,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,YAAA,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC;AAC/B,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;AACzB,SAAA;QACD,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;AAC1B,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;AACxB,SAAA;KACF;;qHA9LU,wBAAwB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,OAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,glBCvCrC,yiFAwDA,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,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,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;2FDjBa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBALpC,SAAS;+BACE,mBAAmB,EAAA,eAAA,EAEZ,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,yiFAAA,EAAA,CAAA;sLAGtC,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,aAAa,EAAA,CAAA;sBAArB,KAAK;gBAKG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBAMG,cAAc,EAAA,CAAA;sBAAtB,KAAK;gBAMG,cAAc,EAAA,CAAA;sBAAtB,KAAK;gBAEI,UAAU,EAAA,CAAA;sBAAnB,MAAM;gBACG,WAAW,EAAA,CAAA;sBAApB,MAAM;gBAIyB,UAAU,EAAA,CAAA;sBAAzC,SAAS;uBAAC,WAAW,CAAA;gBACc,gBAAgB,EAAA,CAAA;sBAAnD,SAAS;uBAAC,eAAe,CAAA;gBAiG1B,KAAK,EAAA,CAAA;sBADJ,YAAY;uBAAC,yBAAyB,CAAA;;;AE/JzC,MAAM,UAAU,GAAG;IACjB,wBAAwB;CACzB,CAAC;MAOW,qBAAqB,CAAA;;kHAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAArB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,iBARhC,wBAAwB,CAAA,EAAA,OAAA,EAAA,CAId,YAAY,EAAE,aAAa,aAJrC,wBAAwB,CAAA,EAAA,CAAA,CAAA;mHAQb,qBAAqB,EAAA,OAAA,EAAA,CAJtB,YAAY,EAAE,aAAa,CAAA,EAAA,CAAA,CAAA;2FAI1B,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC;AACtC,oBAAA,YAAY,EAAE,UAAU;AACxB,oBAAA,OAAO,EAAE,UAAU;AACpB,iBAAA,CAAA;;;ACbD;;AAEG;;;;"}

package/fesm2020/pdm-ui-kit-src-empty.mjs

@@ -0,0 +1,83 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from 'pdm-ui-kit/src/button';
+import { PdmButtonModule } from 'pdm-ui-kit/src/button';
+import * as i3 from 'pdm-ui-kit/src/icon';
+import { PdmIconModule } from 'pdm-ui-kit/src/icon';
+
+class PdmEmptyComponent {
+    constructor() {
+        this.variant = 'default';
+        this.title = 'No Projects Yet';
+        this.description = "You haven't created any projects yet. Get started by creating your first project.";
+        this.iconName = 'folder';
+        this.primaryActionLabel = '';
+        this.secondaryActionLabel = '';
+        this.linkLabel = '';
+        this.className = '';
+        this.primaryAction = new EventEmitter();
+        this.secondaryAction = new EventEmitter();
+        this.linkAction = new EventEmitter();
+    }
+    get containerClass() {
+        if (this.variant === 'outline') {
+            return 'border border-solid border-dashed border-border rounded-[12px]';
+        }
+        if (this.variant === 'background') {
+            return 'rounded-[12px] bg-muted';
+        }
+        return '';
+    }
+}
+PdmEmptyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmEmptyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PdmEmptyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PdmEmptyComponent, selector: "pdm-empty", inputs: { variant: "variant", title: "title", description: "description", iconName: "iconName", primaryActionLabel: "primaryActionLabel", secondaryActionLabel: "secondaryActionLabel", linkLabel: "linkLabel", className: "className" }, outputs: { primaryAction: "primaryAction", secondaryAction: "secondaryAction", linkAction: "linkAction" }, ngImport: i0, template: "<section [ngClass]=\"['flex flex-col items-center justify-center gap-4 px-6 py-10 text-center text-foreground', containerClass, className]\">\n  <div class=\"flex h-10 w-10 items-center justify-center rounded-lg bg-muted text-muted-foreground\">\n    <pdm-icon [name]=\"iconName\" [size]=\"20\"></pdm-icon>\n  </div>\n\n  <div class=\"space-y-2\">\n    <h3 class=\"m-0 text-2xl font-semibold leading-none tracking-tight\">{{ title }}</h3>\n    <p class=\"m-0 mx-auto max-w-md text-sm leading-relaxed text-muted-foreground\">\n      {{ description }}\n    </p>\n  </div>\n\n  <div *ngIf=\"primaryActionLabel || secondaryActionLabel\" class=\"mt-1 flex flex-wrap items-center justify-center gap-3\">\n    <pdm-button *ngIf=\"primaryActionLabel\" variant=\"default\" (pressed)=\"primaryAction.emit()\">{{ primaryActionLabel }}</pdm-button>\n    <pdm-button *ngIf=\"secondaryActionLabel\" variant=\"outline\" (pressed)=\"secondaryAction.emit()\">{{ secondaryActionLabel }}</pdm-button>\n  </div>\n\n  <button\n    *ngIf=\"linkLabel\"\n    type=\"button\"\n    class=\"mt-1 inline-flex appearance-none box-border items-center gap-2 border-0 bg-transparent p-0 text-sm font-medium text-muted-foreground underline-offset-4 hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n    (click)=\"linkAction.emit()\"\n  >\n    <span>{{ linkLabel }}</span>\n    <pdm-icon name=\"arrow-up-right\" [size]=\"16\"></pdm-icon>\n  </button>\n\n  <ng-content></ng-content>\n</section>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PdmButtonComponent, selector: "pdm-button", inputs: ["type", "variant", "state", "size", "disabled", "loading", "className"], outputs: ["pressed"] }, { kind: "component", type: i3.PdmIconComponent, selector: "pdm-icon", inputs: ["name", "library", "assetUrl", "size", "strokeWidth", "className", "ariaLabel", "decorative"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmEmptyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pdm-empty', changeDetection: ChangeDetectionStrategy.OnPush, template: "<section [ngClass]=\"['flex flex-col items-center justify-center gap-4 px-6 py-10 text-center text-foreground', containerClass, className]\">\n  <div class=\"flex h-10 w-10 items-center justify-center rounded-lg bg-muted text-muted-foreground\">\n    <pdm-icon [name]=\"iconName\" [size]=\"20\"></pdm-icon>\n  </div>\n\n  <div class=\"space-y-2\">\n    <h3 class=\"m-0 text-2xl font-semibold leading-none tracking-tight\">{{ title }}</h3>\n    <p class=\"m-0 mx-auto max-w-md text-sm leading-relaxed text-muted-foreground\">\n      {{ description }}\n    </p>\n  </div>\n\n  <div *ngIf=\"primaryActionLabel || secondaryActionLabel\" class=\"mt-1 flex flex-wrap items-center justify-center gap-3\">\n    <pdm-button *ngIf=\"primaryActionLabel\" variant=\"default\" (pressed)=\"primaryAction.emit()\">{{ primaryActionLabel }}</pdm-button>\n    <pdm-button *ngIf=\"secondaryActionLabel\" variant=\"outline\" (pressed)=\"secondaryAction.emit()\">{{ secondaryActionLabel }}</pdm-button>\n  </div>\n\n  <button\n    *ngIf=\"linkLabel\"\n    type=\"button\"\n    class=\"mt-1 inline-flex appearance-none box-border items-center gap-2 border-0 bg-transparent p-0 text-sm font-medium text-muted-foreground underline-offset-4 hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n    (click)=\"linkAction.emit()\"\n  >\n    <span>{{ linkLabel }}</span>\n    <pdm-icon name=\"arrow-up-right\" [size]=\"16\"></pdm-icon>\n  </button>\n\n  <ng-content></ng-content>\n</section>\n" }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], iconName: [{
+                type: Input
+            }], primaryActionLabel: [{
+                type: Input
+            }], secondaryActionLabel: [{
+                type: Input
+            }], linkLabel: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], primaryAction: [{
+                type: Output
+            }], secondaryAction: [{
+                type: Output
+            }], linkAction: [{
+                type: Output
+            }] } });
+
+const COMPONENTS = [PdmEmptyComponent];
+class PdmEmptyModule {
+}
+PdmEmptyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmEmptyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PdmEmptyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: PdmEmptyModule, declarations: [PdmEmptyComponent], imports: [CommonModule, PdmButtonModule, PdmIconModule], exports: [PdmEmptyComponent] });
+PdmEmptyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmEmptyModule, imports: [CommonModule, PdmButtonModule, PdmIconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmEmptyModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, PdmButtonModule, PdmIconModule],
+                    declarations: COMPONENTS,
+                    exports: COMPONENTS,
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PdmEmptyComponent, PdmEmptyModule };
+//# sourceMappingURL=pdm-ui-kit-src-empty.mjs.map

package/fesm2020/pdm-ui-kit-src-empty.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdm-ui-kit-src-empty.mjs","sources":["../../../src/empty/empty.component.ts","../../../src/empty/empty.component.html","../../../src/empty/empty.module.ts","../../../src/empty/pdm-ui-kit-src-empty.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\n\nexport type PdmEmptyVariant = 'default' | 'outline' | 'background';\n\n@Component({\n  selector: 'pdm-empty',\n  templateUrl: './empty.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class PdmEmptyComponent {\n  @Input() variant: PdmEmptyVariant = 'default';\n  @Input() title = 'No Projects Yet';\n  @Input() description = \"You haven't created any projects yet. Get started by creating your first project.\";\n  @Input() iconName = 'folder';\n  @Input() primaryActionLabel = '';\n  @Input() secondaryActionLabel = '';\n  @Input() linkLabel = '';\n  @Input() className = '';\n\n  @Output() primaryAction = new EventEmitter<void>();\n  @Output() secondaryAction = new EventEmitter<void>();\n  @Output() linkAction = new EventEmitter<void>();\n\n  get containerClass(): string {\n    if (this.variant === 'outline') {\n      return 'border border-solid border-dashed border-border rounded-[12px]';\n    }\n\n    if (this.variant === 'background') {\n      return 'rounded-[12px] bg-muted';\n    }\n\n    return '';\n  }\n}\n","<section [ngClass]=\"['flex flex-col items-center justify-center gap-4 px-6 py-10 text-center text-foreground', containerClass, className]\">\n  <div class=\"flex h-10 w-10 items-center justify-center rounded-lg bg-muted text-muted-foreground\">\n    <pdm-icon [name]=\"iconName\" [size]=\"20\"></pdm-icon>\n  </div>\n\n  <div class=\"space-y-2\">\n    <h3 class=\"m-0 text-2xl font-semibold leading-none tracking-tight\">{{ title }}</h3>\n    <p class=\"m-0 mx-auto max-w-md text-sm leading-relaxed text-muted-foreground\">\n      {{ description }}\n    </p>\n  </div>\n\n  <div *ngIf=\"primaryActionLabel || secondaryActionLabel\" class=\"mt-1 flex flex-wrap items-center justify-center gap-3\">\n    <pdm-button *ngIf=\"primaryActionLabel\" variant=\"default\" (pressed)=\"primaryAction.emit()\">{{ primaryActionLabel }}</pdm-button>\n    <pdm-button *ngIf=\"secondaryActionLabel\" variant=\"outline\" (pressed)=\"secondaryAction.emit()\">{{ secondaryActionLabel }}</pdm-button>\n  </div>\n\n  <button\n    *ngIf=\"linkLabel\"\n    type=\"button\"\n    class=\"mt-1 inline-flex appearance-none box-border items-center gap-2 border-0 bg-transparent p-0 text-sm font-medium text-muted-foreground underline-offset-4 hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n    (click)=\"linkAction.emit()\"\n  >\n    <span>{{ linkLabel }}</span>\n    <pdm-icon name=\"arrow-up-right\" [size]=\"16\"></pdm-icon>\n  </button>\n\n  <ng-content></ng-content>\n</section>\n","import { CommonModule } from \"@angular/common\";\nimport { NgModule } from \"@angular/core\";\nimport { PdmButtonModule } from \"pdm-ui-kit/src/button\";\nimport { PdmIconModule } from \"pdm-ui-kit/src/icon\";\nimport { PdmEmptyComponent } from \"./empty.component\";\n\nconst COMPONENTS = [PdmEmptyComponent];\n\n@NgModule({\n\timports: [CommonModule, PdmButtonModule, PdmIconModule],\n\tdeclarations: COMPONENTS,\n\texports: COMPONENTS,\n})\nexport class PdmEmptyModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2020/pdm-ui-kit-src-field.mjs

@@ -0,0 +1,89 @@
+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 PdmFieldComponent {
+    constructor() {
+        this.id = '';
+        this.label = '';
+        this.description = '';
+        this.error = '';
+        this.required = false;
+        this.disabled = false;
+        this.invalid = false;
+        this.orientation = 'vertical';
+        this.descriptionPosition = 'after';
+        this.className = '';
+        this.labelClassName = '';
+        this.controlClassName = '';
+    }
+    get rootClass() {
+        return this.orientation === 'horizontal'
+            ? 'grid items-start gap-3 sm:grid-cols-[200px_minmax(0,1fr)] sm:gap-4'
+            : 'grid w-full gap-3';
+    }
+    get isHorizontal() {
+        return this.orientation === 'horizontal';
+    }
+    get showDescriptionBeforeControl() {
+        return !this.isHorizontal && this.descriptionPosition === 'before' && !!this.description && !this.invalid;
+    }
+    get showDescriptionAfterControl() {
+        return !this.isHorizontal && !this.showDescriptionBeforeControl && !!this.description && !this.invalid;
+    }
+}
+PdmFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PdmFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PdmFieldComponent, selector: "pdm-field", inputs: { id: "id", label: "label", description: "description", error: "error", required: "required", disabled: "disabled", invalid: "invalid", orientation: "orientation", descriptionPosition: "descriptionPosition", className: "className", labelClassName: "labelClassName", controlClassName: "controlClassName" }, ngImport: i0, template: "<div [ngClass]=\"[rootClass, className]\">\n  <div [ngClass]=\"[isHorizontal ? 'grid gap-1.5' : 'grid gap-0']\">\n    <label\n      *ngIf=\"label\"\n      [attr.for]=\"id\"\n      [ngClass]=\"[\n        'text-sm font-medium leading-none',\n        disabled ? 'opacity-70' : '',\n        invalid ? 'text-destructive' : 'text-foreground',\n        labelClassName\n      ]\"\n    >\n      {{ label }}\n      <span *ngIf=\"required\" class=\"text-destructive\">*</span>\n    </label>\n\n    <p *ngIf=\"isHorizontal && description && !invalid\" class=\"m-0 text-sm text-muted-foreground\">{{ description }}</p>\n    <p *ngIf=\"isHorizontal && invalid && error\" class=\"m-0 text-sm text-destructive\">{{ error }}</p>\n  </div>\n\n  <div [ngClass]=\"['grid gap-3', controlClassName]\">\n    <p *ngIf=\"showDescriptionBeforeControl\" class=\"m-0 text-sm text-muted-foreground\">{{ description }}</p>\n\n    <ng-content></ng-content>\n    <ng-content select=\"[pdmFieldControl]\"></ng-content>\n\n    <p *ngIf=\"showDescriptionAfterControl\" class=\"m-0 text-sm text-muted-foreground\">{{ description }}</p>\n    <p *ngIf=\"!isHorizontal && invalid && error\" class=\"m-0 text-sm text-destructive\">{{ error }}</p>\n    <ng-content select=\"[pdmFieldDescription]\"></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: PdmFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pdm-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"[rootClass, className]\">\n  <div [ngClass]=\"[isHorizontal ? 'grid gap-1.5' : 'grid gap-0']\">\n    <label\n      *ngIf=\"label\"\n      [attr.for]=\"id\"\n      [ngClass]=\"[\n        'text-sm font-medium leading-none',\n        disabled ? 'opacity-70' : '',\n        invalid ? 'text-destructive' : 'text-foreground',\n        labelClassName\n      ]\"\n    >\n      {{ label }}\n      <span *ngIf=\"required\" class=\"text-destructive\">*</span>\n    </label>\n\n    <p *ngIf=\"isHorizontal && description && !invalid\" class=\"m-0 text-sm text-muted-foreground\">{{ description }}</p>\n    <p *ngIf=\"isHorizontal && invalid && error\" class=\"m-0 text-sm text-destructive\">{{ error }}</p>\n  </div>\n\n  <div [ngClass]=\"['grid gap-3', controlClassName]\">\n    <p *ngIf=\"showDescriptionBeforeControl\" class=\"m-0 text-sm text-muted-foreground\">{{ description }}</p>\n\n    <ng-content></ng-content>\n    <ng-content select=\"[pdmFieldControl]\"></ng-content>\n\n    <p *ngIf=\"showDescriptionAfterControl\" class=\"m-0 text-sm text-muted-foreground\">{{ description }}</p>\n    <p *ngIf=\"!isHorizontal && invalid && error\" class=\"m-0 text-sm text-destructive\">{{ error }}</p>\n    <ng-content select=\"[pdmFieldDescription]\"></ng-content>\n  </div>\n</div>\n" }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], invalid: [{
+                type: Input
+            }], orientation: [{
+                type: Input
+            }], descriptionPosition: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], labelClassName: [{
+                type: Input
+            }], controlClassName: [{
+                type: Input
+            }] } });
+
+const COMPONENTS = [
+    PdmFieldComponent,
+];
+class PdmFieldModule {
+}
+PdmFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PdmFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: PdmFieldModule, declarations: [PdmFieldComponent], imports: [CommonModule], exports: [PdmFieldComponent] });
+PdmFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmFieldModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: COMPONENTS,
+                    exports: COMPONENTS
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PdmFieldComponent, PdmFieldModule };
+//# sourceMappingURL=pdm-ui-kit-src-field.mjs.map

package/fesm2020/pdm-ui-kit-src-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdm-ui-kit-src-field.mjs","sources":["../../../src/field/field.component.ts","../../../src/field/field.component.html","../../../src/field/field.module.ts","../../../src/field/pdm-ui-kit-src-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\nexport type PdmFieldOrientation = 'vertical' | 'horizontal';\nexport type PdmFieldDescriptionPosition = 'before' | 'after';\n\n@Component({\n  selector: 'pdm-field',\n  templateUrl: './field.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class PdmFieldComponent {\n  @Input() id = '';\n  @Input() label = '';\n  @Input() description = '';\n  @Input() error = '';\n  @Input() required = false;\n  @Input() disabled = false;\n  @Input() invalid = false;\n  @Input() orientation: PdmFieldOrientation = 'vertical';\n  @Input() descriptionPosition: PdmFieldDescriptionPosition = 'after';\n  @Input() className = '';\n  @Input() labelClassName = '';\n  @Input() controlClassName = '';\n\n  get rootClass(): string {\n    return this.orientation === 'horizontal'\n      ? 'grid items-start gap-3 sm:grid-cols-[200px_minmax(0,1fr)] sm:gap-4'\n      : 'grid w-full gap-3';\n  }\n\n  get isHorizontal(): boolean {\n    return this.orientation === 'horizontal';\n  }\n\n  get showDescriptionBeforeControl(): boolean {\n    return !this.isHorizontal && this.descriptionPosition === 'before' && !!this.description && !this.invalid;\n  }\n\n  get showDescriptionAfterControl(): boolean {\n    return !this.isHorizontal && !this.showDescriptionBeforeControl && !!this.description && !this.invalid;\n  }\n}\n","<div [ngClass]=\"[rootClass, className]\">\n  <div [ngClass]=\"[isHorizontal ? 'grid gap-1.5' : 'grid gap-0']\">\n    <label\n      *ngIf=\"label\"\n      [attr.for]=\"id\"\n      [ngClass]=\"[\n        'text-sm font-medium leading-none',\n        disabled ? 'opacity-70' : '',\n        invalid ? 'text-destructive' : 'text-foreground',\n        labelClassName\n      ]\"\n    >\n      {{ label }}\n      <span *ngIf=\"required\" class=\"text-destructive\">*</span>\n    </label>\n\n    <p *ngIf=\"isHorizontal && description && !invalid\" class=\"m-0 text-sm text-muted-foreground\">{{ description }}</p>\n    <p *ngIf=\"isHorizontal && invalid && error\" class=\"m-0 text-sm text-destructive\">{{ error }}</p>\n  </div>\n\n  <div [ngClass]=\"['grid gap-3', controlClassName]\">\n    <p *ngIf=\"showDescriptionBeforeControl\" class=\"m-0 text-sm text-muted-foreground\">{{ description }}</p>\n\n    <ng-content></ng-content>\n    <ng-content select=\"[pdmFieldControl]\"></ng-content>\n\n    <p *ngIf=\"showDescriptionAfterControl\" class=\"m-0 text-sm text-muted-foreground\">{{ description }}</p>\n    <p *ngIf=\"!isHorizontal && invalid && error\" class=\"m-0 text-sm text-destructive\">{{ error }}</p>\n    <ng-content select=\"[pdmFieldDescription]\"></ng-content>\n  </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { PdmFieldComponent } from './field.component';\n\nconst COMPONENTS = [\n  PdmFieldComponent,\n];\n\n@NgModule({\n  imports: [CommonModule],\n  declarations: COMPONENTS,\n  exports: COMPONENTS\n})\nexport class PdmFieldModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}