pdm-ui-kit 0.4.2 → 1.1.0

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

@@ -0,0 +1,229 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, ElementRef, PLATFORM_ID, Directive, Inject, Input, Output, NgModule } from '@angular/core';
+import { isPlatformBrowser, DOCUMENT, CommonModule } from '@angular/common';
+
+/**
+ * Creates a flexible position strategy that automatically adjusts
+ * to keep the overlay within the viewport edges.
+ *
+ * The strategy tries positions in this order:
+ * 1. Bottom-left (origin bottom edge, aligns to left)
+ * 2. Top-left (origin top edge, aligns to left)
+ * 3. Bottom-right (origin bottom edge, aligns to right)
+ * 4. Top-right (origin top edge, aligns to right)
+ *
+ * CDK Overlay will use the first position that fits within the viewport.
+ */
+function createFlexiblePositionStrategy(overlay, triggerElement, offset = 4) {
+    return overlay
+        .position()
+        .flexibleConnectedTo(triggerElement)
+        .withPositions([
+        // Bottom-left (default) - opens downward from left edge
+        {
+            originX: 'start',
+            originY: 'bottom',
+            overlayX: 'start',
+            overlayY: 'top',
+            offsetY: offset
+        },
+        // Top-left - opens upward from left edge
+        {
+            originX: 'start',
+            originY: 'top',
+            overlayX: 'start',
+            overlayY: 'bottom',
+            offsetY: -offset
+        },
+        // Bottom-right - opens downward from right edge
+        {
+            originX: 'end',
+            originY: 'bottom',
+            overlayX: 'end',
+            overlayY: 'top',
+            offsetY: offset
+        },
+        // Top-right - opens upward from right edge
+        {
+            originX: 'end',
+            originY: 'top',
+            overlayX: 'end',
+            overlayY: 'bottom',
+            offsetY: -offset
+        }
+    ])
+        .withFlexibleDimensions(false)
+        .withPush(true);
+}
+
+/**
+ * Emits `(pdmOutsideClick)` whenever a `pointerdown` event fires outside the host element.
+ *
+ * Uses the CAPTURE phase so it intercepts clicks even when inner elements call
+ * `stopPropagation()` (e.g. CDK overlay panels).
+ *
+ * SSR-safe: no listener is registered when running on the server.
+ *
+ * @example
+ * ```html
+ * <div [pdmOutsideClick]
+ *      (pdmOutsideClick)="close()"
+ *      [pdmOutsideClickDisabled]="!open">
+ * </div>
+ * ```
+ */
+class PdmOutsideClickDirective {
+    constructor(elementRef, document, platformId) {
+        this.elementRef = elementRef;
+        this.document = document;
+        /** When `true`, the outside-click listener is inactive. */
+        this.pdmOutsideClickDisabled = false;
+        /**
+         * Additional elements to exclude from the "outside" check.
+         * Useful when the trigger lives outside the host (e.g. a menubar button
+         * that opens a floating panel bound to a different root element).
+         */
+        this.pdmOutsideClickExclude = [];
+        /** Fires when a `pointerdown` lands outside the host (and excluded elements). */
+        this.pdmOutsideClick = new EventEmitter();
+        this.isBrowser = isPlatformBrowser(platformId);
+    }
+    ngOnInit() {
+        if (!this.isBrowser)
+            return;
+        this.boundHandler = (event) => this.onPointerDown(event);
+        this.document.addEventListener('pointerdown', this.boundHandler, { capture: true });
+    }
+    ngOnDestroy() {
+        if (!this.isBrowser || !this.boundHandler)
+            return;
+        this.document.removeEventListener('pointerdown', this.boundHandler, { capture: true });
+    }
+    onPointerDown(event) {
+        if (this.pdmOutsideClickDisabled)
+            return;
+        const target = event.target;
+        if (!target)
+            return;
+        // Check if click is inside the host element.
+        if (this.elementRef.nativeElement.contains(target))
+            return;
+        // Check if click is inside any excluded element.
+        for (const excluded of this.pdmOutsideClickExclude) {
+            const el = excluded instanceof ElementRef ? excluded.nativeElement : excluded;
+            if (el && el.contains(target))
+                return;
+        }
+        this.pdmOutsideClick.emit(event);
+    }
+}
+PdmOutsideClickDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmOutsideClickDirective, deps: [{ token: i0.ElementRef }, { token: DOCUMENT }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Directive });
+PdmOutsideClickDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: PdmOutsideClickDirective, selector: "[pdmOutsideClick]", inputs: { pdmOutsideClickDisabled: "pdmOutsideClickDisabled", pdmOutsideClickExclude: "pdmOutsideClickExclude" }, outputs: { pdmOutsideClick: "pdmOutsideClick" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmOutsideClickDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[pdmOutsideClick]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }]; }, propDecorators: { pdmOutsideClickDisabled: [{
+                type: Input
+            }], pdmOutsideClickExclude: [{
+                type: Input
+            }], pdmOutsideClick: [{
+                type: Output
+            }] } });
+
+class PdmOutsideClickModule {
+}
+PdmOutsideClickModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmOutsideClickModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PdmOutsideClickModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: PdmOutsideClickModule, declarations: [PdmOutsideClickDirective], imports: [CommonModule], exports: [PdmOutsideClickDirective] });
+PdmOutsideClickModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmOutsideClickModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmOutsideClickModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [PdmOutsideClickDirective],
+                    exports: [PdmOutsideClickDirective]
+                }]
+        }] });
+
+/**
+ * Z-Index helper for overlay components.
+ *
+ * CRITICAL: Consumer custom panelClass MUST NOT replace the base z-index.
+ * This helper ensures z-index is preserved when merging custom classes.
+ */
+/**
+ * Base z-index class for overlays - MUST be included in any overlay panel.
+ * This ensures overlays appear above modals (z-50) and drawers (z-40).
+ */
+const OVERLAY_BASE_Z_INDEX = "z-[70]";
+/**
+ * Merge consumer's panelClass with our base z-index.
+ * Consumer classes are APPENDED, not replacing our z-index guarantee.
+ *
+ * @param baseZIndex - Base z-index class to enforce (default: OVERLAY_BASE_Z_INDEX)
+ * @param consumerClasses - Optional additional classes from consumer
+ * @returns Array of classes safe for CDK Overlay panelClass
+ */
+function mergeOverlayPanelClass(baseZIndex = OVERLAY_BASE_Z_INDEX, consumerClasses) {
+    const baseClasses = baseZIndex.split(" ");
+    if (!consumerClasses) {
+        return baseClasses;
+    }
+    const consumerClassArray = Array.isArray(consumerClasses)
+        ? consumerClasses
+        : consumerClasses.split(" ");
+    // Consumer classes are appended AFTER base classes
+    // This ensures z-index from baseClasses is preserved first
+    return [...baseClasses, ...consumerClassArray];
+}
+/**
+ * Create OverlayConfig with guaranteed z-index.
+ * Use this instead of direct OverlayConfig to ensure z-index enforcement.
+ *
+ * @param baseConfig - Base overlay configuration
+ * @param consumerPanelClass - Optional consumer panelClass to merge
+ * @returns OverlayConfig with z-index guarantee
+ */
+function createZIndexEnforcedOverlay(baseConfig, consumerPanelClass) {
+    const mergedClasses = mergeOverlayPanelClass(OVERLAY_BASE_Z_INDEX, consumerPanelClass);
+    const existingPanelClass = baseConfig.panelClass;
+    if (existingPanelClass) {
+        const existingArray = Array.isArray(existingPanelClass)
+            ? existingPanelClass
+            : existingPanelClass.split(" ");
+        return {
+            ...baseConfig,
+            panelClass: [...mergedClasses, ...existingArray],
+        };
+    }
+    return {
+        ...baseConfig,
+        panelClass: mergedClasses,
+    };
+}
+/**
+ * Helper to extract z-index from a class string for debugging.
+ */
+function extractZIndex(classes) {
+    const classArray = Array.isArray(classes) ? classes : classes.split(" ");
+    for (const cls of classArray) {
+        if (cls.startsWith("z-") || cls.startsWith("z-[")) {
+            return cls;
+        }
+    }
+    return null;
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { OVERLAY_BASE_Z_INDEX, PdmOutsideClickDirective, PdmOutsideClickModule, createFlexiblePositionStrategy, createZIndexEnforcedOverlay, extractZIndex, mergeOverlayPanelClass };
+//# sourceMappingURL=pdm-ui-kit-src-overlay.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pdm-ui-kit-src-overlay.mjs","sources":["../../../src/overlay/create-flexible-position-strategy.ts","../../../src/overlay/pdm-outside-click.directive.ts","../../../src/overlay/pdm-outside-click.module.ts","../../../src/overlay/z-index-helper.ts","../../../src/overlay/pdm-ui-kit-src-overlay.ts"],"sourcesContent":["import { PositionStrategy } from '@angular/cdk/overlay';\nimport { ElementRef } from '@angular/core';\nimport { Overlay } from '@angular/cdk/overlay';\n\n/**\n * Creates a flexible position strategy that automatically adjusts\n * to keep the overlay within the viewport edges.\n *\n * The strategy tries positions in this order:\n * 1. Bottom-left (origin bottom edge, aligns to left)\n * 2. Top-left (origin top edge, aligns to left)\n * 3. Bottom-right (origin bottom edge, aligns to right)\n * 4. Top-right (origin top edge, aligns to right)\n *\n * CDK Overlay will use the first position that fits within the viewport.\n */\nexport function createFlexiblePositionStrategy(\n  overlay: Overlay,\n  triggerElement: HTMLElement,\n  offset: number = 4\n): PositionStrategy {\n  return overlay\n    .position()\n    .flexibleConnectedTo(triggerElement)\n    .withPositions([\n      // Bottom-left (default) - opens downward from left edge\n      {\n        originX: 'start',\n        originY: 'bottom',\n        overlayX: 'start',\n        overlayY: 'top',\n        offsetY: offset\n      },\n      // Top-left - opens upward from left edge\n      {\n        originX: 'start',\n        originY: 'top',\n        overlayX: 'start',\n        overlayY: 'bottom',\n        offsetY: -offset\n      },\n      // Bottom-right - opens downward from right edge\n      {\n        originX: 'end',\n        originY: 'bottom',\n        overlayX: 'end',\n        overlayY: 'top',\n        offsetY: offset\n      },\n      // Top-right - opens upward from right edge\n      {\n        originX: 'end',\n        originY: 'top',\n        overlayX: 'end',\n        overlayY: 'bottom',\n        offsetY: -offset\n      }\n    ])\n    .withFlexibleDimensions(false)\n    .withPush(true);\n}\n","import {\n  Directive,\n  ElementRef,\n  EventEmitter,\n  Inject,\n  Input,\n  OnDestroy,\n  OnInit,\n  Output,\n  PLATFORM_ID\n} from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\nimport { DOCUMENT } from '@angular/common';\n\n/**\n * Emits `(pdmOutsideClick)` whenever a `pointerdown` event fires outside the host element.\n *\n * Uses the CAPTURE phase so it intercepts clicks even when inner elements call\n * `stopPropagation()` (e.g. CDK overlay panels).\n *\n * SSR-safe: no listener is registered when running on the server.\n *\n * @example\n * ```html\n * <div [pdmOutsideClick]\n *      (pdmOutsideClick)=\"close()\"\n *      [pdmOutsideClickDisabled]=\"!open\">\n * </div>\n * ```\n */\n@Directive({\n  selector: '[pdmOutsideClick]'\n})\nexport class PdmOutsideClickDirective implements OnInit, OnDestroy {\n  /** When `true`, the outside-click listener is inactive. */\n  @Input() pdmOutsideClickDisabled = false;\n\n  /**\n   * Additional elements to exclude from the \"outside\" check.\n   * Useful when the trigger lives outside the host (e.g. a menubar button\n   * that opens a floating panel bound to a different root element).\n   */\n  @Input() pdmOutsideClickExclude: Array<HTMLElement | ElementRef<HTMLElement>> = [];\n\n  /** Fires when a `pointerdown` lands outside the host (and excluded elements). */\n  @Output() readonly pdmOutsideClick = new EventEmitter<PointerEvent>();\n\n  private readonly isBrowser: boolean;\n  private boundHandler!: (event: PointerEvent) => void;\n\n  constructor(\n    private readonly elementRef: ElementRef<HTMLElement>,\n    @Inject(DOCUMENT) private readonly document: Document,\n    @Inject(PLATFORM_ID) platformId: object\n  ) {\n    this.isBrowser = isPlatformBrowser(platformId);\n  }\n\n  ngOnInit(): void {\n    if (!this.isBrowser) return;\n\n    this.boundHandler = (event: PointerEvent) => this.onPointerDown(event);\n    this.document.addEventListener('pointerdown', this.boundHandler, { capture: true });\n  }\n\n  ngOnDestroy(): void {\n    if (!this.isBrowser || !this.boundHandler) return;\n    this.document.removeEventListener('pointerdown', this.boundHandler, { capture: true });\n  }\n\n  private onPointerDown(event: PointerEvent): void {\n    if (this.pdmOutsideClickDisabled) return;\n\n    const target = event.target as Node | null;\n    if (!target) return;\n\n    // Check if click is inside the host element.\n    if (this.elementRef.nativeElement.contains(target)) return;\n\n    // Check if click is inside any excluded element.\n    for (const excluded of this.pdmOutsideClickExclude) {\n      const el = excluded instanceof ElementRef ? excluded.nativeElement : excluded;\n      if (el && el.contains(target)) return;\n    }\n\n    this.pdmOutsideClick.emit(event);\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { PdmOutsideClickDirective } from './pdm-outside-click.directive';\n\n@NgModule({\n  imports: [CommonModule],\n  declarations: [PdmOutsideClickDirective],\n  exports: [PdmOutsideClickDirective]\n})\nexport class PdmOutsideClickModule {}\n","export interface OverlayConfig {\n\tpanelClass?: string | string[];\n\t// ... other properties\n}\n\n/**\n * Z-Index helper for overlay components.\n *\n * CRITICAL: Consumer custom panelClass MUST NOT replace the base z-index.\n * This helper ensures z-index is preserved when merging custom classes.\n */\n\n/**\n * Base z-index class for overlays - MUST be included in any overlay panel.\n * This ensures overlays appear above modals (z-50) and drawers (z-40).\n */\nexport const OVERLAY_BASE_Z_INDEX = \"z-[70]\";\n\n/**\n * Merge consumer's panelClass with our base z-index.\n * Consumer classes are APPENDED, not replacing our z-index guarantee.\n *\n * @param baseZIndex - Base z-index class to enforce (default: OVERLAY_BASE_Z_INDEX)\n * @param consumerClasses - Optional additional classes from consumer\n * @returns Array of classes safe for CDK Overlay panelClass\n */\nexport function mergeOverlayPanelClass(\n\tbaseZIndex: string = OVERLAY_BASE_Z_INDEX,\n\tconsumerClasses?: string | string[],\n): string[] {\n\tconst baseClasses = baseZIndex.split(\" \");\n\n\tif (!consumerClasses) {\n\t\treturn baseClasses;\n\t}\n\n\tconst consumerClassArray = Array.isArray(consumerClasses)\n\t\t? consumerClasses\n\t\t: consumerClasses.split(\" \");\n\n\t// Consumer classes are appended AFTER base classes\n\t// This ensures z-index from baseClasses is preserved first\n\treturn [...baseClasses, ...consumerClassArray];\n}\n\n/**\n * Create OverlayConfig with guaranteed z-index.\n * Use this instead of direct OverlayConfig to ensure z-index enforcement.\n *\n * @param baseConfig - Base overlay configuration\n * @param consumerPanelClass - Optional consumer panelClass to merge\n * @returns OverlayConfig with z-index guarantee\n */\nexport function createZIndexEnforcedOverlay(\n\tbaseConfig: OverlayConfig,\n\tconsumerPanelClass?: string | string[],\n): OverlayConfig {\n\tconst mergedClasses = mergeOverlayPanelClass(\n\t\tOVERLAY_BASE_Z_INDEX,\n\t\tconsumerPanelClass,\n\t);\n\n\tconst existingPanelClass = baseConfig.panelClass;\n\n\tif (existingPanelClass) {\n\t\tconst existingArray = Array.isArray(existingPanelClass)\n\t\t\t? existingPanelClass\n\t\t\t: existingPanelClass.split(\" \");\n\n\t\treturn {\n\t\t\t...baseConfig,\n\t\t\tpanelClass: [...mergedClasses, ...existingArray],\n\t\t};\n\t}\n\n\treturn {\n\t\t...baseConfig,\n\t\tpanelClass: mergedClasses,\n\t};\n}\n\n/**\n * Helper to extract z-index from a class string for debugging.\n */\nexport function extractZIndex(classes: string | string[]): string | null {\n\tconst classArray = Array.isArray(classes) ? classes : classes.split(\" \");\n\n\tfor (const cls of classArray) {\n\t\tif (cls.startsWith(\"z-\") || cls.startsWith(\"z-[\")) {\n\t\t\treturn cls;\n\t\t}\n\t}\n\n\treturn null;\n}\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-pagination.mjs

@@ -0,0 +1,97 @@
+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/icon';
+import { PdmIconModule } from 'pdm-ui-kit/src/icon';
+import * as i3 from 'pdm-ui-kit/src/select';
+import { PdmSelectModule } from 'pdm-ui-kit/src/select';
+
+class PdmPaginationComponent {
+    constructor() {
+        this.page = 1;
+        this.pageCount = 1;
+        this.maxVisible = 4;
+        this.className = '';
+        this.rowsPerPageLabel = 'Rows per page';
+        this.rowsPerPage = 10;
+        this.rowsPerPageOptions = [10, 20, 30, 50];
+        this.pageChange = new EventEmitter();
+        this.rowsPerPageChange = new EventEmitter();
+    }
+    get rowsPerPageSelectOptions() {
+        return this.rowsPerPageOptions.map((value) => ({
+            label: String(value),
+            value: String(value)
+        }));
+    }
+    get rowsPerPageValue() {
+        return String(this.rowsPerPage);
+    }
+    get visiblePages() {
+        const total = Math.max(1, this.pageCount);
+        if (total <= Math.max(1, this.maxVisible)) {
+            return Array.from({ length: total }, (_, i) => i + 1);
+        }
+        return [1, 2, 'ellipsis', total];
+    }
+    setPage(next) {
+        if (next < 1 || next > this.pageCount || next === this.page) {
+            return;
+        }
+        this.pageChange.emit(next);
+    }
+    onRowsPerPageChangeValue(value) {
+        const next = Number(value);
+        if (!Number.isFinite(next) || next <= 0 || next === this.rowsPerPage) {
+            return;
+        }
+        this.rowsPerPageChange.emit(next);
+    }
+}
+PdmPaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PdmPaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PdmPaginationComponent, selector: "pdm-pagination", inputs: { page: "page", pageCount: "pageCount", maxVisible: "maxVisible", className: "className", rowsPerPageLabel: "rowsPerPageLabel", rowsPerPage: "rowsPerPage", rowsPerPageOptions: "rowsPerPageOptions" }, outputs: { pageChange: "pageChange", rowsPerPageChange: "rowsPerPageChange" }, ngImport: i0, template: "<nav\n  aria-label=\"Pagination\"\n  [ngClass]=\"[\n    'mx-auto flex w-full flex-wrap items-center justify-center gap-4',\n    className,\n  ]\"\n>\n  <div class=\"flex items-center gap-3\" *ngIf=\"rowsPerPageOptions.length > 0\">\n    <span class=\"text-sm font-medium text-foreground\">{{\n      rowsPerPageLabel\n    }}</span>\n    <pdm-select\n      [value]=\"rowsPerPageValue\"\n      [options]=\"rowsPerPageSelectOptions\"\n      [placeholder]=\"rowsPerPageValue\"\n      className=\"w-[100px] sm:w-[120px]\"\n      (valueChange)=\"onRowsPerPageChangeValue($event)\"\n    ></pdm-select>\n  </div>\n\n  <ul class=\"m-0 flex list-none items-center gap-1 p-0\">\n    <li>\n      <button\n        type=\"button\"\n        class=\"inline-flex h-9 appearance-none box-border items-center justify-center gap-1 rounded-md border-0 bg-transparent px-2 text-sm text-foreground hover:bg-accent disabled:opacity-50 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n        [disabled]=\"page <= 1\"\n        (click)=\"setPage(page - 1)\"\n      >\n        <pdm-icon name=\"chevron-left\" [size]=\"14\"></pdm-icon>\n        Previous\n      </button>\n    </li>\n    <li *ngFor=\"let pageNumber of visiblePages\">\n      <ng-container *ngIf=\"pageNumber === 'ellipsis'; else pageButton\">\n        <span\n          class=\"inline-flex h-9 min-w-9 items-center justify-center px-2 text-sm text-muted-foreground\"\n          >...</span\n        >\n      </ng-container>\n      <ng-template #pageButton>\n        <button\n          type=\"button\"\n          [ngClass]=\"[\n            'inline-flex h-9 min-w-9 items-center justify-center rounded-md px-2 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n            pageNumber === page\n              ? 'appearance-none box-border border border-solid border-border bg-muted text-foreground shadow-sm'\n              : 'appearance-none box-border border-0 bg-transparent text-foreground hover:bg-accent hover:text-accent-foreground',\n          ]\"\n          (click)=\"setPage(+pageNumber)\"\n        >\n          {{ pageNumber }}\n        </button>\n      </ng-template>\n    </li>\n    <li>\n      <button\n        type=\"button\"\n        class=\"inline-flex h-9 appearance-none box-border items-center justify-center gap-1 rounded-md border-0 bg-transparent px-2 text-sm text-foreground hover:bg-accent disabled:opacity-50 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n        [disabled]=\"page >= pageCount\"\n        (click)=\"setPage(page + 1)\"\n      >\n        Next\n        <pdm-icon name=\"chevron-right\" [size]=\"14\"></pdm-icon>\n      </button>\n    </li>\n  </ul>\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"] }, { kind: "component", type: i2.PdmIconComponent, selector: "pdm-icon", inputs: ["name", "library", "assetUrl", "size", "strokeWidth", "className", "ariaLabel", "decorative"] }, { kind: "component", type: i3.PdmSelectComponent, selector: "pdm-select", inputs: ["id", "value", "options", "disabled", "invalid", "className", "placeholder", "overlayOptions"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmPaginationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pdm-pagination', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav\n  aria-label=\"Pagination\"\n  [ngClass]=\"[\n    'mx-auto flex w-full flex-wrap items-center justify-center gap-4',\n    className,\n  ]\"\n>\n  <div class=\"flex items-center gap-3\" *ngIf=\"rowsPerPageOptions.length > 0\">\n    <span class=\"text-sm font-medium text-foreground\">{{\n      rowsPerPageLabel\n    }}</span>\n    <pdm-select\n      [value]=\"rowsPerPageValue\"\n      [options]=\"rowsPerPageSelectOptions\"\n      [placeholder]=\"rowsPerPageValue\"\n      className=\"w-[100px] sm:w-[120px]\"\n      (valueChange)=\"onRowsPerPageChangeValue($event)\"\n    ></pdm-select>\n  </div>\n\n  <ul class=\"m-0 flex list-none items-center gap-1 p-0\">\n    <li>\n      <button\n        type=\"button\"\n        class=\"inline-flex h-9 appearance-none box-border items-center justify-center gap-1 rounded-md border-0 bg-transparent px-2 text-sm text-foreground hover:bg-accent disabled:opacity-50 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n        [disabled]=\"page <= 1\"\n        (click)=\"setPage(page - 1)\"\n      >\n        <pdm-icon name=\"chevron-left\" [size]=\"14\"></pdm-icon>\n        Previous\n      </button>\n    </li>\n    <li *ngFor=\"let pageNumber of visiblePages\">\n      <ng-container *ngIf=\"pageNumber === 'ellipsis'; else pageButton\">\n        <span\n          class=\"inline-flex h-9 min-w-9 items-center justify-center px-2 text-sm text-muted-foreground\"\n          >...</span\n        >\n      </ng-container>\n      <ng-template #pageButton>\n        <button\n          type=\"button\"\n          [ngClass]=\"[\n            'inline-flex h-9 min-w-9 items-center justify-center rounded-md px-2 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n            pageNumber === page\n              ? 'appearance-none box-border border border-solid border-border bg-muted text-foreground shadow-sm'\n              : 'appearance-none box-border border-0 bg-transparent text-foreground hover:bg-accent hover:text-accent-foreground',\n          ]\"\n          (click)=\"setPage(+pageNumber)\"\n        >\n          {{ pageNumber }}\n        </button>\n      </ng-template>\n    </li>\n    <li>\n      <button\n        type=\"button\"\n        class=\"inline-flex h-9 appearance-none box-border items-center justify-center gap-1 rounded-md border-0 bg-transparent px-2 text-sm text-foreground hover:bg-accent disabled:opacity-50 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n        [disabled]=\"page >= pageCount\"\n        (click)=\"setPage(page + 1)\"\n      >\n        Next\n        <pdm-icon name=\"chevron-right\" [size]=\"14\"></pdm-icon>\n      </button>\n    </li>\n  </ul>\n</nav>\n" }]
+        }], propDecorators: { page: [{
+                type: Input
+            }], pageCount: [{
+                type: Input
+            }], maxVisible: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], rowsPerPageLabel: [{
+                type: Input
+            }], rowsPerPage: [{
+                type: Input
+            }], rowsPerPageOptions: [{
+                type: Input
+            }], pageChange: [{
+                type: Output
+            }], rowsPerPageChange: [{
+                type: Output
+            }] } });
+
+const COMPONENTS = [PdmPaginationComponent];
+class PdmPaginationModule {
+}
+PdmPaginationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmPaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PdmPaginationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: PdmPaginationModule, declarations: [PdmPaginationComponent], imports: [CommonModule, PdmIconModule, PdmSelectModule], exports: [PdmPaginationComponent] });
+PdmPaginationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmPaginationModule, imports: [CommonModule, PdmIconModule, PdmSelectModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmPaginationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, PdmIconModule, PdmSelectModule],
+                    declarations: COMPONENTS,
+                    exports: COMPONENTS,
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PdmPaginationComponent, PdmPaginationModule };
+//# sourceMappingURL=pdm-ui-kit-src-pagination.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pdm-ui-kit-src-pagination.mjs","sources":["../../../src/pagination/pagination.component.ts","../../../src/pagination/pagination.component.html","../../../src/pagination/pagination.module.ts","../../../src/pagination/pdm-ui-kit-src-pagination.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport type { PdmNativeSelectOption } from 'pdm-ui-kit/src/native-select';\n\n@Component({\n  selector: 'pdm-pagination',\n  templateUrl: './pagination.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class PdmPaginationComponent {\n  @Input() page = 1;\n  @Input() pageCount = 1;\n  @Input() maxVisible = 4;\n  @Input() className = '';\n  @Input() rowsPerPageLabel = 'Rows per page';\n  @Input() rowsPerPage = 10;\n  @Input() rowsPerPageOptions: number[] = [10, 20, 30, 50];\n\n  @Output() pageChange = new EventEmitter<number>();\n  @Output() rowsPerPageChange = new EventEmitter<number>();\n\n  get rowsPerPageSelectOptions(): PdmNativeSelectOption[] {\n    return this.rowsPerPageOptions.map((value) => ({\n      label: String(value),\n      value: String(value)\n    }));\n  }\n\n  get rowsPerPageValue(): string {\n    return String(this.rowsPerPage);\n  }\n\n  get visiblePages(): Array<number | 'ellipsis'> {\n    const total = Math.max(1, this.pageCount);\n    if (total <= Math.max(1, this.maxVisible)) {\n      return Array.from({ length: total }, (_, i) => i + 1);\n    }\n\n    return [1, 2, 'ellipsis', total];\n  }\n\n  setPage(next: number): void {\n    if (next < 1 || next > this.pageCount || next === this.page) {\n      return;\n    }\n\n    this.pageChange.emit(next);\n  }\n\n  onRowsPerPageChangeValue(value: string): void {\n    const next = Number(value);\n    if (!Number.isFinite(next) || next <= 0 || next === this.rowsPerPage) {\n      return;\n    }\n\n    this.rowsPerPageChange.emit(next);\n  }\n}\n","<nav\n  aria-label=\"Pagination\"\n  [ngClass]=\"[\n    'mx-auto flex w-full flex-wrap items-center justify-center gap-4',\n    className,\n  ]\"\n>\n  <div class=\"flex items-center gap-3\" *ngIf=\"rowsPerPageOptions.length > 0\">\n    <span class=\"text-sm font-medium text-foreground\">{{\n      rowsPerPageLabel\n    }}</span>\n    <pdm-select\n      [value]=\"rowsPerPageValue\"\n      [options]=\"rowsPerPageSelectOptions\"\n      [placeholder]=\"rowsPerPageValue\"\n      className=\"w-[100px] sm:w-[120px]\"\n      (valueChange)=\"onRowsPerPageChangeValue($event)\"\n    ></pdm-select>\n  </div>\n\n  <ul class=\"m-0 flex list-none items-center gap-1 p-0\">\n    <li>\n      <button\n        type=\"button\"\n        class=\"inline-flex h-9 appearance-none box-border items-center justify-center gap-1 rounded-md border-0 bg-transparent px-2 text-sm text-foreground hover:bg-accent disabled:opacity-50 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n        [disabled]=\"page <= 1\"\n        (click)=\"setPage(page - 1)\"\n      >\n        <pdm-icon name=\"chevron-left\" [size]=\"14\"></pdm-icon>\n        Previous\n      </button>\n    </li>\n    <li *ngFor=\"let pageNumber of visiblePages\">\n      <ng-container *ngIf=\"pageNumber === 'ellipsis'; else pageButton\">\n        <span\n          class=\"inline-flex h-9 min-w-9 items-center justify-center px-2 text-sm text-muted-foreground\"\n          >...</span\n        >\n      </ng-container>\n      <ng-template #pageButton>\n        <button\n          type=\"button\"\n          [ngClass]=\"[\n            'inline-flex h-9 min-w-9 items-center justify-center rounded-md px-2 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n            pageNumber === page\n              ? 'appearance-none box-border border border-solid border-border bg-muted text-foreground shadow-sm'\n              : 'appearance-none box-border border-0 bg-transparent text-foreground hover:bg-accent hover:text-accent-foreground',\n          ]\"\n          (click)=\"setPage(+pageNumber)\"\n        >\n          {{ pageNumber }}\n        </button>\n      </ng-template>\n    </li>\n    <li>\n      <button\n        type=\"button\"\n        class=\"inline-flex h-9 appearance-none box-border items-center justify-center gap-1 rounded-md border-0 bg-transparent px-2 text-sm text-foreground hover:bg-accent disabled:opacity-50 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n        [disabled]=\"page >= pageCount\"\n        (click)=\"setPage(page + 1)\"\n      >\n        Next\n        <pdm-icon name=\"chevron-right\" [size]=\"14\"></pdm-icon>\n      </button>\n    </li>\n  </ul>\n</nav>\n","import { CommonModule } from \"@angular/common\";\nimport { NgModule } from \"@angular/core\";\nimport { PdmIconModule } from \"pdm-ui-kit/src/icon\";\nimport { PdmSelectModule } from \"pdm-ui-kit/src/select\";\nimport { PdmPaginationComponent } from \"./pagination.component\";\n\nconst COMPONENTS = [PdmPaginationComponent];\n\n@NgModule({\n\timports: [CommonModule, PdmIconModule, PdmSelectModule],\n\tdeclarations: COMPONENTS,\n\texports: COMPONENTS,\n})\nexport class PdmPaginationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;MAQa,sBAAsB,CAAA;AALnC,IAAA,WAAA,GAAA;QAMW,IAAI,CAAA,IAAA,GAAG,CAAC,CAAC;QACT,IAAS,CAAA,SAAA,GAAG,CAAC,CAAC;QACd,IAAU,CAAA,UAAA,GAAG,CAAC,CAAC;QACf,IAAS,CAAA,SAAA,GAAG,EAAE,CAAC;QACf,IAAgB,CAAA,gBAAA,GAAG,eAAe,CAAC;QACnC,IAAW,CAAA,WAAA,GAAG,EAAE,CAAC;QACjB,IAAkB,CAAA,kBAAA,GAAa,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AAE/C,QAAA,IAAA,CAAA,UAAU,GAAG,IAAI,YAAY,EAAU,CAAC;AACxC,QAAA,IAAA,CAAA,iBAAiB,GAAG,IAAI,YAAY,EAAU,CAAC;AAsC1D,KAAA;AApCC,IAAA,IAAI,wBAAwB,GAAA;QAC1B,OAAO,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,KAAK,MAAM;AAC7C,YAAA,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC;AACpB,YAAA,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC;AACrB,SAAA,CAAC,CAAC,CAAC;KACL;AAED,IAAA,IAAI,gBAAgB,GAAA;AAClB,QAAA,OAAO,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;KACjC;AAED,IAAA,IAAI,YAAY,GAAA;AACd,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;AAC1C,QAAA,IAAI,KAAK,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,EAAE;YACzC,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;AACvD,SAAA;QAED,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;KAClC;AAED,IAAA,OAAO,CAAC,IAAY,EAAA;AAClB,QAAA,IAAI,IAAI,GAAG,CAAC,IAAI,IAAI,GAAG,IAAI,CAAC,SAAS,IAAI,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE;YAC3D,OAAO;AACR,SAAA;AAED,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC5B;AAED,IAAA,wBAAwB,CAAC,KAAa,EAAA;AACpC,QAAA,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;AAC3B,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,IAAI,KAAK,IAAI,CAAC,WAAW,EAAE;YACpE,OAAO;AACR,SAAA;AAED,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACnC;;mHA/CU,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,qVCRnC,wzFAmEA,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,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,EAAA,UAAA,EAAA,MAAA,EAAA,aAAA,EAAA,WAAA,EAAA,WAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,IAAA,EAAA,OAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,WAAA,EAAA,aAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FD3Da,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBALlC,SAAS;+BACE,gBAAgB,EAAA,eAAA,EAET,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,wzFAAA,EAAA,CAAA;8BAGtC,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,gBAAgB,EAAA,CAAA;sBAAxB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,kBAAkB,EAAA,CAAA;sBAA1B,KAAK;gBAEI,UAAU,EAAA,CAAA;sBAAnB,MAAM;gBACG,iBAAiB,EAAA,CAAA;sBAA1B,MAAM;;;AEZT,MAAM,UAAU,GAAG,CAAC,sBAAsB,CAAC,CAAC;MAO/B,mBAAmB,CAAA;;gHAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;iHAAnB,mBAAmB,EAAA,YAAA,EAAA,CAPZ,sBAAsB,CAG/B,EAAA,OAAA,EAAA,CAAA,YAAY,EAAE,aAAa,EAAE,eAAe,CAAA,EAAA,OAAA,EAAA,CAHnC,sBAAsB,CAAA,EAAA,CAAA,CAAA;AAO7B,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,EAJrB,OAAA,EAAA,CAAA,YAAY,EAAE,aAAa,EAAE,eAAe,CAAA,EAAA,CAAA,CAAA;2FAI1C,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,eAAe,CAAC;AACvD,oBAAA,YAAY,EAAE,UAAU;AACxB,oBAAA,OAAO,EAAE,UAAU;AACnB,iBAAA,CAAA;;;ACZD;;AAEG;;;;"}

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

@@ -0,0 +1,188 @@
+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 { mergeOverlayPanelClass, OVERLAY_BASE_Z_INDEX } from 'pdm-ui-kit/src/overlay';
+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 PdmPopoverComponent {
+    constructor(overlay, viewContainerRef, elementRef, cdr) {
+        this.overlay = overlay;
+        this.viewContainerRef = viewContainerRef;
+        this.elementRef = elementRef;
+        this.cdr = cdr;
+        this._open = false;
+        this.triggerText = "Open";
+        this.className = "";
+        this.panelClassName = "";
+        this.showTrigger = true;
+        this.openChange = new EventEmitter();
+        this.overlayRef = null;
+        this.outsideClickSub = null;
+    }
+    ngOnInit() { }
+    ngOnDestroy() {
+        this.destroyOverlay();
+    }
+    set open(value) {
+        if (this._open === !!value)
+            return;
+        if (value) {
+            this.openPanel();
+        }
+        else {
+            this.closePanel();
+        }
+    }
+    get open() {
+        return this._open;
+    }
+    toggle() {
+        this.open = !this.open;
+    }
+    onEsc() {
+        if (this.open) {
+            this.open = false;
+            this.openChange.emit(false);
+        }
+    }
+    openPanel() {
+        if (this.overlayRef)
+            return;
+        const triggerEl = this.triggerRef?.nativeElement;
+        if (!triggerEl)
+            return;
+        this._open = true;
+        this.openChange.emit(true);
+        this.cdr.markForCheck();
+        const positionStrategy = this.overlay
+            .position()
+            .flexibleConnectedTo(triggerEl)
+            .withPositions(this.getPositionConfigs())
+            .withFlexibleDimensions(false)
+            .withPush(true);
+        const panelClass = mergeOverlayPanelClass(OVERLAY_BASE_Z_INDEX, this.panelClassName);
+        this.overlayRef = this.overlay.create({
+            positionStrategy,
+            panelClass,
+        });
+        const portal = new TemplatePortal(this.panelTemplateRef, this.viewContainerRef);
+        this.overlayRef.attach(portal);
+        // Close on click outside
+        this.outsideClickSub = this.overlayRef
+            .outsidePointerEvents()
+            .subscribe(() => {
+            this.open = false;
+            this.openChange.emit(false);
+        });
+        this.cdr.markForCheck();
+    }
+    closePanel() {
+        if (!this.overlayRef)
+            return;
+        this._open = false;
+        this.openChange.emit(false);
+        this.cdr.markForCheck();
+        this.destroyOverlay();
+    }
+    destroyOverlay() {
+        if (this.outsideClickSub) {
+            this.outsideClickSub.unsubscribe();
+            this.outsideClickSub = null;
+        }
+        if (this.overlayRef) {
+            this.overlayRef.detach();
+            this.overlayRef.dispose();
+            this.overlayRef = null;
+        }
+    }
+    getPositionConfigs() {
+        return [
+            // Bottom (default)
+            {
+                originX: "start",
+                originY: "bottom",
+                overlayX: "start",
+                overlayY: "top",
+                offsetY: 8,
+            },
+            // Top (fallback)
+            {
+                originX: "start",
+                originY: "top",
+                overlayX: "start",
+                overlayY: "bottom",
+                offsetY: -8,
+            },
+            // Right
+            {
+                originX: "end",
+                originY: "bottom",
+                overlayX: "start",
+                overlayY: "top",
+                offsetY: 8,
+            },
+            // Left
+            {
+                originX: "start",
+                originY: "bottom",
+                overlayX: "end",
+                overlayY: "top",
+                offsetY: 8,
+            },
+        ];
+    }
+}
+PdmPopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmPopoverComponent, deps: [{ token: i1.Overlay }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+PdmPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PdmPopoverComponent, selector: "pdm-popover", inputs: { triggerText: "triggerText", className: "className", panelClassName: "panelClassName", showTrigger: "showTrigger", open: "open" }, outputs: { openChange: "openChange" }, 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: "<div class=\"relative inline-block\" [ngClass]=\"className\">\n  <button\n    #triggerEl\n    *ngIf=\"showTrigger\"\n    type=\"button\"\n    class=\"inline-flex h-9 appearance-none box-border items-center justify-center rounded-md border border-solid border-input bg-background px-3 text-sm font-medium text-foreground shadow-sm\"\n    [attr.aria-expanded]=\"open\"\n    [attr.aria-haspopup]=\"'dialog'\"\n    (click)=\"toggle()\"\n  >\n    {{ triggerText }}\n  </button>\n\n  <!-- Trigger slot for custom trigger -->\n  <ng-content select=\"[pdmPopoverTrigger]\"></ng-content>\n\n  <!-- Template for CDK Overlay -->\n  <ng-template #panelTemplate>\n    <div\n      class=\"min-w-80 rounded-md border border-solid border-border bg-popover p-4 text-popover-foreground shadow-md\"\n    >\n      <ng-content></ng-content>\n    </div>\n  </ng-template>\n</div>\n", styles: [":host{display:inline-block}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: PdmPopoverComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "pdm-popover", changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"relative inline-block\" [ngClass]=\"className\">\n  <button\n    #triggerEl\n    *ngIf=\"showTrigger\"\n    type=\"button\"\n    class=\"inline-flex h-9 appearance-none box-border items-center justify-center rounded-md border border-solid border-input bg-background px-3 text-sm font-medium text-foreground shadow-sm\"\n    [attr.aria-expanded]=\"open\"\n    [attr.aria-haspopup]=\"'dialog'\"\n    (click)=\"toggle()\"\n  >\n    {{ triggerText }}\n  </button>\n\n  <!-- Trigger slot for custom trigger -->\n  <ng-content select=\"[pdmPopoverTrigger]\"></ng-content>\n\n  <!-- Template for CDK Overlay -->\n  <ng-template #panelTemplate>\n    <div\n      class=\"min-w-80 rounded-md border border-solid border-border bg-popover p-4 text-popover-foreground shadow-md\"\n    >\n      <ng-content></ng-content>\n    </div>\n  </ng-template>\n</div>\n", styles: [":host{display:inline-block}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Overlay }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { triggerText: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], panelClassName: [{
+                type: Input
+            }], showTrigger: [{
+                type: Input
+            }], openChange: [{
+                type: Output
+            }], triggerRef: [{
+                type: ViewChild,
+                args: ["triggerEl"]
+            }], panelTemplateRef: [{
+                type: ViewChild,
+                args: ["panelTemplate"]
+            }], open: [{
+                type: Input
+            }], onEsc: [{
+                type: HostListener,
+                args: ["document:keydown.escape"]
+            }] } });
+
+const COMPONENTS = [
+    PdmPopoverComponent,
+];
+class PdmPopoverModule {
+}
+PdmPopoverModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PdmPopoverModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: PdmPopoverModule, declarations: [PdmPopoverComponent], imports: [CommonModule, OverlayModule], exports: [PdmPopoverComponent] });
+PdmPopoverModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmPopoverModule, imports: [CommonModule, OverlayModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmPopoverModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, OverlayModule],
+                    declarations: COMPONENTS,
+                    exports: COMPONENTS
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PdmPopoverComponent, PdmPopoverModule };
+//# sourceMappingURL=pdm-ui-kit-src-popover.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pdm-ui-kit-src-popover.mjs","sources":["../../../src/popover/popover.component.ts","../../../src/popover/popover.component.html","../../../src/popover/popover.module.ts","../../../src/popover/pdm-ui-kit-src-popover.ts"],"sourcesContent":["import {\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tElementRef,\n\tEventEmitter,\n\tHostListener,\n\tInput,\n\tOnDestroy,\n\tOnInit,\n\tOutput,\n\tViewChild,\n\tViewContainerRef,\n} from \"@angular/core\";\nimport { Overlay, OverlayRef, ConnectedPosition } from \"@angular/cdk/overlay\";\nimport { TemplatePortal } from \"@angular/cdk/portal\";\nimport {\n\tmergeOverlayPanelClass,\n\tOVERLAY_BASE_Z_INDEX,\n} from \"pdm-ui-kit/src/overlay\";\n\n@Component({\n\tselector: \"pdm-popover\",\n\ttemplateUrl: \"./popover.component.html\",\n\tstyles: [\":host { display: inline-block; }\"],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class PdmPopoverComponent implements OnInit, OnDestroy {\n\tprivate _open = false;\n\n\t@Input() triggerText = \"Open\";\n\t@Input() className = \"\";\n\t@Input() panelClassName = \"\";\n\t@Input() showTrigger = true;\n\n\t@Output() openChange = new EventEmitter<boolean>();\n\n\t@ViewChild(\"triggerEl\") private triggerRef?: ElementRef<HTMLElement>;\n\t@ViewChild(\"panelTemplate\") private panelTemplateRef: any;\n\n\tprivate overlayRef: OverlayRef | null = null;\n\tprivate outsideClickSub: any = null;\n\n\tconstructor(\n\t\tprivate readonly overlay: Overlay,\n\t\tprivate readonly viewContainerRef: ViewContainerRef,\n\t\tprivate readonly elementRef: ElementRef<HTMLElement>,\n\t\tprivate readonly cdr: ChangeDetectorRef,\n\t) {}\n\n\tngOnInit(): void {}\n\tngOnDestroy(): void {\n\t\tthis.destroyOverlay();\n\t}\n\n\t@Input()\n\tset open(value: boolean) {\n\t\tif (this._open === !!value) return;\n\n\t\tif (value) {\n\t\t\tthis.openPanel();\n\t\t} else {\n\t\t\tthis.closePanel();\n\t\t}\n\t}\n\tget open(): boolean {\n\t\treturn this._open;\n\t}\n\n\ttoggle(): void {\n\t\tthis.open = !this.open;\n\t}\n\n\t@HostListener(\"document:keydown.escape\")\n\tonEsc(): void {\n\t\tif (this.open) {\n\t\t\tthis.open = false;\n\t\t\tthis.openChange.emit(false);\n\t\t}\n\t}\n\n\tprivate openPanel(): void {\n\t\tif (this.overlayRef) return;\n\n\t\tconst triggerEl = this.triggerRef?.nativeElement;\n\t\tif (!triggerEl) return;\n\n\t\tthis._open = true;\n\t\tthis.openChange.emit(true);\n\t\tthis.cdr.markForCheck();\n\n\t\tconst positionStrategy = this.overlay\n\t\t\t.position()\n\t\t\t.flexibleConnectedTo(triggerEl)\n\t\t\t.withPositions(this.getPositionConfigs())\n\t\t\t.withFlexibleDimensions(false)\n\t\t\t.withPush(true);\n\n\t\tconst panelClass = mergeOverlayPanelClass(\n\t\t\tOVERLAY_BASE_Z_INDEX,\n\t\t\tthis.panelClassName,\n\t\t);\n\n\t\tthis.overlayRef = this.overlay.create({\n\t\t\tpositionStrategy,\n\t\t\tpanelClass,\n\t\t});\n\n\t\tconst portal = new TemplatePortal(\n\t\t\tthis.panelTemplateRef,\n\t\t\tthis.viewContainerRef,\n\t\t);\n\t\tthis.overlayRef.attach(portal);\n\n\t\t// Close on click outside\n\t\tthis.outsideClickSub = this.overlayRef\n\t\t\t.outsidePointerEvents()\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.open = false;\n\t\t\t\tthis.openChange.emit(false);\n\t\t\t});\n\n\t\tthis.cdr.markForCheck();\n\t}\n\n\tprivate closePanel(): void {\n\t\tif (!this.overlayRef) return;\n\n\t\tthis._open = false;\n\t\tthis.openChange.emit(false);\n\t\tthis.cdr.markForCheck();\n\t\tthis.destroyOverlay();\n\t}\n\n\tprivate destroyOverlay(): void {\n\t\tif (this.outsideClickSub) {\n\t\t\tthis.outsideClickSub.unsubscribe();\n\t\t\tthis.outsideClickSub = null;\n\t\t}\n\t\tif (this.overlayRef) {\n\t\t\tthis.overlayRef.detach();\n\t\t\tthis.overlayRef.dispose();\n\t\t\tthis.overlayRef = null;\n\t\t}\n\t}\n\n\tprivate getPositionConfigs(): ConnectedPosition[] {\n\t\treturn [\n\t\t\t// Bottom (default)\n\t\t\t{\n\t\t\t\toriginX: \"start\",\n\t\t\t\toriginY: \"bottom\",\n\t\t\t\toverlayX: \"start\",\n\t\t\t\toverlayY: \"top\",\n\t\t\t\toffsetY: 8,\n\t\t\t},\n\t\t\t// Top (fallback)\n\t\t\t{\n\t\t\t\toriginX: \"start\",\n\t\t\t\toriginY: \"top\",\n\t\t\t\toverlayX: \"start\",\n\t\t\t\toverlayY: \"bottom\",\n\t\t\t\toffsetY: -8,\n\t\t\t},\n\t\t\t// Right\n\t\t\t{\n\t\t\t\toriginX: \"end\",\n\t\t\t\toriginY: \"bottom\",\n\t\t\t\toverlayX: \"start\",\n\t\t\t\toverlayY: \"top\",\n\t\t\t\toffsetY: 8,\n\t\t\t},\n\t\t\t// Left\n\t\t\t{\n\t\t\t\toriginX: \"start\",\n\t\t\t\toriginY: \"bottom\",\n\t\t\t\toverlayX: \"end\",\n\t\t\t\toverlayY: \"top\",\n\t\t\t\toffsetY: 8,\n\t\t\t},\n\t\t];\n\t}\n}\n","<div class=\"relative inline-block\" [ngClass]=\"className\">\n  <button\n    #triggerEl\n    *ngIf=\"showTrigger\"\n    type=\"button\"\n    class=\"inline-flex h-9 appearance-none box-border items-center justify-center rounded-md border border-solid border-input bg-background px-3 text-sm font-medium text-foreground shadow-sm\"\n    [attr.aria-expanded]=\"open\"\n    [attr.aria-haspopup]=\"'dialog'\"\n    (click)=\"toggle()\"\n  >\n    {{ triggerText }}\n  </button>\n\n  <!-- Trigger slot for custom trigger -->\n  <ng-content select=\"[pdmPopoverTrigger]\"></ng-content>\n\n  <!-- Template for CDK Overlay -->\n  <ng-template #panelTemplate>\n    <div\n      class=\"min-w-80 rounded-md border border-solid border-border bg-popover p-4 text-popover-foreground shadow-md\"\n    >\n      <ng-content></ng-content>\n    </div>\n  </ng-template>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { PdmPopoverComponent } from './popover.component';\n\nconst COMPONENTS = [\n  PdmPopoverComponent,\n];\n\n@NgModule({\n  imports: [CommonModule, OverlayModule],\n  declarations: COMPONENTS,\n  exports: COMPONENTS\n})\nexport class PdmPopoverModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}