pdm-ui-kit 0.4.2 → 1.1.0

package/fesm2020/pdm-ui-kit-src-toggle.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';
+
+class PdmToggleComponent {
+    constructor() {
+        this.pressed = false;
+        this.disabled = false;
+        this.size = 'default';
+        this.className = '';
+        this.pressedChange = new EventEmitter();
+    }
+    toggle() {
+        if (!this.disabled) {
+            this.pressedChange.emit(!this.pressed);
+        }
+    }
+    get sizeClass() {
+        if (this.size === 'sm')
+            return 'h-8 px-2.5 min-w-[32px]';
+        if (this.size === 'lg')
+            return 'h-10 px-4 min-w-[40px]';
+        return 'h-9 px-3 min-w-[36px]';
+    }
+}
+PdmToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PdmToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PdmToggleComponent, selector: "pdm-toggle", inputs: { pressed: "pressed", disabled: "disabled", size: "size", className: "className" }, outputs: { pressedChange: "pressedChange" }, ngImport: i0, template: "<button\n  type=\"button\"\n  [disabled]=\"disabled\"\n  [attr.aria-pressed]=\"pressed\"\n  [ngClass]=\"[\n    'inline-flex appearance-none box-border items-center justify-center gap-2 rounded-md border-0 text-sm font-medium transition-colors disabled:pointer-events-none disabled:opacity-50',\n    'ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n    sizeClass,\n    pressed\n      ? 'bg-accent text-accent-foreground'\n      : 'bg-transparent text-foreground hover:bg-accent hover:text-accent-foreground',\n    className,\n  ]\"\n  (click)=\"toggle()\"\n>\n  <ng-content></ng-content>\n</button>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmToggleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pdm-toggle', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  type=\"button\"\n  [disabled]=\"disabled\"\n  [attr.aria-pressed]=\"pressed\"\n  [ngClass]=\"[\n    'inline-flex appearance-none box-border items-center justify-center gap-2 rounded-md border-0 text-sm font-medium transition-colors disabled:pointer-events-none disabled:opacity-50',\n    'ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n    sizeClass,\n    pressed\n      ? 'bg-accent text-accent-foreground'\n      : 'bg-transparent text-foreground hover:bg-accent hover:text-accent-foreground',\n    className,\n  ]\"\n  (click)=\"toggle()\"\n>\n  <ng-content></ng-content>\n</button>\n" }]
+        }], propDecorators: { pressed: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], pressedChange: [{
+                type: Output
+            }] } });
+
+class PdmToggleGroupComponent {
+    constructor() {
+        this.items = [];
+        this.value = "";
+        this.className = "";
+        this.valueChange = new EventEmitter();
+    }
+    onSelect(next, disabled) {
+        if (!disabled && next !== this.value) {
+            this.valueChange.emit(next);
+        }
+    }
+}
+PdmToggleGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmToggleGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PdmToggleGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PdmToggleGroupComponent, selector: "pdm-toggle-group", inputs: { items: "items", value: "value", className: "className" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div\n  [ngClass]=\"[\n    'flex flex-wrap items-center rounded-md border border-solid border-border p-1 gap-1',\n    className,\n  ]\"\n  role=\"group\"\n>\n  <button\n    *ngFor=\"let item of items\"\n    type=\"button\"\n    [disabled]=\"item.disabled\"\n    [attr.aria-pressed]=\"item.value === value\"\n    [ngClass]=\"[\n      'inline-flex h-8 appearance-none box-border items-center justify-center rounded-sm border-0 bg-transparent px-2.5 text-sm font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n      item.value === value\n        ? 'bg-accent text-accent-foreground'\n        : 'text-foreground hover:bg-accent hover:text-accent-foreground',\n    ]\"\n    (click)=\"onSelect(item.value, item.disabled)\"\n  >\n    {{ item.label }}\n  </button>\n</div>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmToggleGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "pdm-toggle-group", changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  [ngClass]=\"[\n    'flex flex-wrap items-center rounded-md border border-solid border-border p-1 gap-1',\n    className,\n  ]\"\n  role=\"group\"\n>\n  <button\n    *ngFor=\"let item of items\"\n    type=\"button\"\n    [disabled]=\"item.disabled\"\n    [attr.aria-pressed]=\"item.value === value\"\n    [ngClass]=\"[\n      'inline-flex h-8 appearance-none box-border items-center justify-center rounded-sm border-0 bg-transparent px-2.5 text-sm font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n      item.value === value\n        ? 'bg-accent text-accent-foreground'\n        : 'text-foreground hover:bg-accent hover:text-accent-foreground',\n    ]\"\n    (click)=\"onSelect(item.value, item.disabled)\"\n  >\n    {{ item.label }}\n  </button>\n</div>\n", styles: [":host{display:block}\n"] }]
+        }], propDecorators: { items: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });
+
+const COMPONENTS = [
+    PdmToggleComponent,
+    PdmToggleGroupComponent,
+];
+class PdmToggleModule {
+}
+PdmToggleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PdmToggleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: PdmToggleModule, declarations: [PdmToggleComponent,
+        PdmToggleGroupComponent], imports: [CommonModule], exports: [PdmToggleComponent,
+        PdmToggleGroupComponent] });
+PdmToggleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmToggleModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmToggleModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: COMPONENTS,
+                    exports: COMPONENTS
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PdmToggleComponent, PdmToggleGroupComponent, PdmToggleModule };
+//# sourceMappingURL=pdm-ui-kit-src-toggle.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pdm-ui-kit-src-toggle.mjs","sources":["../../../src/toggle/toggle.component.ts","../../../src/toggle/toggle.component.html","../../../src/toggle/toggle-group.component.ts","../../../src/toggle/toggle-group.component.html","../../../src/toggle/toggle.module.ts","../../../src/toggle/pdm-ui-kit-src-toggle.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\n\nexport type PdmToggleSize = 'sm' | 'default' | 'lg';\n\n@Component({\n  selector: 'pdm-toggle',\n  templateUrl: './toggle.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class PdmToggleComponent {\n  @Input() pressed = false;\n  @Input() disabled = false;\n  @Input() size: PdmToggleSize = 'default';\n  @Input() className = '';\n\n  @Output() pressedChange = new EventEmitter<boolean>();\n\n  toggle(): void {\n    if (!this.disabled) {\n      this.pressedChange.emit(!this.pressed);\n    }\n  }\n\n  get sizeClass(): string {\n    if (this.size === 'sm') return 'h-8 px-2.5 min-w-[32px]';\n    if (this.size === 'lg') return 'h-10 px-4 min-w-[40px]';\n    return 'h-9 px-3 min-w-[36px]';\n  }\n}\n","<button\n  type=\"button\"\n  [disabled]=\"disabled\"\n  [attr.aria-pressed]=\"pressed\"\n  [ngClass]=\"[\n    'inline-flex appearance-none box-border items-center justify-center gap-2 rounded-md border-0 text-sm font-medium transition-colors disabled:pointer-events-none disabled:opacity-50',\n    'ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n    sizeClass,\n    pressed\n      ? 'bg-accent text-accent-foreground'\n      : 'bg-transparent text-foreground hover:bg-accent hover:text-accent-foreground',\n    className,\n  ]\"\n  (click)=\"toggle()\"\n>\n  <ng-content></ng-content>\n</button>\n","import {\n\tChangeDetectionStrategy,\n\tComponent,\n\tEventEmitter,\n\tInput,\n\tOutput,\n} from \"@angular/core\";\n\nexport interface PdmToggleGroupItem {\n\tlabel: string;\n\tvalue: string;\n\tdisabled?: boolean;\n}\n\n@Component({\n\tselector: \"pdm-toggle-group\",\n\ttemplateUrl: \"./toggle-group.component.html\",\n\tstyles: [\":host { display: block; }\"],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class PdmToggleGroupComponent {\n\t@Input() items: PdmToggleGroupItem[] = [];\n\t@Input() value = \"\";\n\t@Input() className = \"\";\n\n\t@Output() valueChange = new EventEmitter<string>();\n\n\tonSelect(next: string, disabled?: boolean): void {\n\t\tif (!disabled && next !== this.value) {\n\t\t\tthis.valueChange.emit(next);\n\t\t}\n\t}\n}\n","<div\n  [ngClass]=\"[\n    'flex flex-wrap items-center rounded-md border border-solid border-border p-1 gap-1',\n    className,\n  ]\"\n  role=\"group\"\n>\n  <button\n    *ngFor=\"let item of items\"\n    type=\"button\"\n    [disabled]=\"item.disabled\"\n    [attr.aria-pressed]=\"item.value === value\"\n    [ngClass]=\"[\n      'inline-flex h-8 appearance-none box-border items-center justify-center rounded-sm border-0 bg-transparent px-2.5 text-sm font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n      item.value === value\n        ? 'bg-accent text-accent-foreground'\n        : 'text-foreground hover:bg-accent hover:text-accent-foreground',\n    ]\"\n    (click)=\"onSelect(item.value, item.disabled)\"\n  >\n    {{ item.label }}\n  </button>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { PdmToggleComponent } from './toggle.component';\nimport { PdmToggleGroupComponent } from './toggle-group.component';\n\nconst COMPONENTS = [\n  PdmToggleComponent,\n  PdmToggleGroupComponent,\n];\n\n@NgModule({\n  imports: [CommonModule],\n  declarations: COMPONENTS,\n  exports: COMPONENTS\n})\nexport class PdmToggleModule {}\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-tooltip.mjs

@@ -0,0 +1,202 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, 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 PdmTooltipComponent {
+    constructor(overlay, viewContainerRef, elementRef, cdr) {
+        this.overlay = overlay;
+        this.viewContainerRef = viewContainerRef;
+        this.elementRef = elementRef;
+        this.cdr = cdr;
+        this.text = "";
+        this.side = "top";
+        this.className = "";
+        this.open = false;
+        this.overlayRef = null;
+    }
+    ngOnDestroy() {
+        this.destroyOverlay();
+    }
+    onMouseEnter() {
+        this.show();
+    }
+    onMouseLeave() {
+        this.hide();
+    }
+    onFocusIn() {
+        this.show();
+    }
+    onFocusOut() {
+        this.hide();
+    }
+    show() {
+        if (this.open || !this.text)
+            return;
+        this.open = true;
+        this.cdr.markForCheck();
+        this.createOverlay();
+    }
+    hide() {
+        if (!this.open)
+            return;
+        this.open = false;
+        this.cdr.markForCheck();
+        this.destroyOverlay();
+    }
+    createOverlay() {
+        if (this.overlayRef)
+            return;
+        const triggerEl = this.elementRef.nativeElement.querySelector(":scope > *") ||
+            this.elementRef.nativeElement;
+        const positionStrategy = this.overlay
+            .position()
+            .flexibleConnectedTo(triggerEl)
+            .withPositions(this.getPositionConfigs())
+            .withFlexibleDimensions(false)
+            .withPush(true);
+        const panelClass = mergeOverlayPanelClass(OVERLAY_BASE_Z_INDEX);
+        this.overlayRef = this.overlay.create({
+            positionStrategy,
+            panelClass,
+        });
+        const portal = new TemplatePortal(this.tooltipTemplate, this.viewContainerRef);
+        this.overlayRef.attach(portal);
+    }
+    destroyOverlay() {
+        if (this.overlayRef) {
+            this.overlayRef.detach();
+            this.overlayRef.dispose();
+            this.overlayRef = null;
+        }
+    }
+    getPositionConfigs() {
+        const offset = 4;
+        switch (this.side) {
+            case "bottom":
+                return [
+                    {
+                        originX: "center",
+                        originY: "bottom",
+                        overlayX: "center",
+                        overlayY: "top",
+                        offsetY: offset,
+                    },
+                    {
+                        originX: "center",
+                        originY: "top",
+                        overlayX: "center",
+                        overlayY: "bottom",
+                        offsetY: -offset,
+                    },
+                ];
+            case "left":
+                return [
+                    {
+                        originX: "start",
+                        originY: "center",
+                        overlayX: "end",
+                        overlayY: "center",
+                        offsetX: -offset,
+                    },
+                    {
+                        originX: "end",
+                        originY: "center",
+                        overlayX: "start",
+                        overlayY: "center",
+                        offsetX: offset,
+                    },
+                ];
+            case "right":
+                return [
+                    {
+                        originX: "end",
+                        originY: "center",
+                        overlayX: "start",
+                        overlayY: "center",
+                        offsetX: offset,
+                    },
+                    {
+                        originX: "start",
+                        originY: "center",
+                        overlayX: "end",
+                        overlayY: "center",
+                        offsetX: -offset,
+                    },
+                ];
+            case "top":
+            default:
+                return [
+                    {
+                        originX: "center",
+                        originY: "top",
+                        overlayX: "center",
+                        overlayY: "bottom",
+                        offsetY: -offset,
+                    },
+                    {
+                        originX: "center",
+                        originY: "bottom",
+                        overlayX: "center",
+                        overlayY: "top",
+                        offsetY: offset,
+                    },
+                ];
+        }
+    }
+}
+PdmTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmTooltipComponent, deps: [{ token: i1.Overlay }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+PdmTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PdmTooltipComponent, selector: "pdm-tooltip", inputs: { text: "text", side: "side", className: "className" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "focusin": "onFocusIn()", "focusout": "onFocusOut()" } }, viewQueries: [{ propertyName: "tooltipTemplate", first: true, predicate: ["tooltipTemplate"], descendants: true }], ngImport: i0, template: "<span\n  class=\"relative inline-flex\"\n  [ngClass]=\"className\"\n  (mouseenter)=\"onMouseEnter()\"\n  (mouseleave)=\"onMouseLeave()\"\n  (focusin)=\"onFocusIn()\"\n  (focusout)=\"onFocusOut()\"\n>\n  <ng-content></ng-content>\n\n  <!-- Template for CDK Overlay -->\n  <ng-template #tooltipTemplate>\n    <span\n      class=\"pointer-events-none overflow-hidden rounded-md bg-foreground px-3 py-1.5 text-xs text-background animate-in fade-in-0 zoom-in-95\"\n    >\n      {{ text }}\n    </span>\n  </ng-template>\n</span>\n", styles: [":host{display:inline-flex}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmTooltipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "pdm-tooltip", changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n  class=\"relative inline-flex\"\n  [ngClass]=\"className\"\n  (mouseenter)=\"onMouseEnter()\"\n  (mouseleave)=\"onMouseLeave()\"\n  (focusin)=\"onFocusIn()\"\n  (focusout)=\"onFocusOut()\"\n>\n  <ng-content></ng-content>\n\n  <!-- Template for CDK Overlay -->\n  <ng-template #tooltipTemplate>\n    <span\n      class=\"pointer-events-none overflow-hidden rounded-md bg-foreground px-3 py-1.5 text-xs text-background animate-in fade-in-0 zoom-in-95\"\n    >\n      {{ text }}\n    </span>\n  </ng-template>\n</span>\n", styles: [":host{display:inline-flex}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Overlay }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { text: [{
+                type: Input
+            }], side: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], tooltipTemplate: [{
+                type: ViewChild,
+                args: ["tooltipTemplate"]
+            }], onMouseEnter: [{
+                type: HostListener,
+                args: ["mouseenter"]
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ["mouseleave"]
+            }], onFocusIn: [{
+                type: HostListener,
+                args: ["focusin"]
+            }], onFocusOut: [{
+                type: HostListener,
+                args: ["focusout"]
+            }] } });
+
+const COMPONENTS = [
+    PdmTooltipComponent,
+];
+class PdmTooltipModule {
+}
+PdmTooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PdmTooltipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: PdmTooltipModule, declarations: [PdmTooltipComponent], imports: [CommonModule, OverlayModule], exports: [PdmTooltipComponent] });
+PdmTooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmTooltipModule, imports: [CommonModule, OverlayModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmTooltipModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, OverlayModule],
+                    declarations: COMPONENTS,
+                    exports: COMPONENTS
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PdmTooltipComponent, PdmTooltipModule };
+//# sourceMappingURL=pdm-ui-kit-src-tooltip.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pdm-ui-kit-src-tooltip.mjs","sources":["../../../src/tooltip/tooltip.component.ts","../../../src/tooltip/tooltip.component.html","../../../src/tooltip/tooltip.module.ts","../../../src/tooltip/pdm-ui-kit-src-tooltip.ts"],"sourcesContent":["import {\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tElementRef,\n\tHostListener,\n\tInput,\n\tOnDestroy,\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-tooltip\",\n\ttemplateUrl: \"./tooltip.component.html\",\n\tstyles: [\":host { display: inline-flex; }\"],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class PdmTooltipComponent implements OnDestroy {\n\t@Input() text = \"\";\n\t@Input() side: \"top\" | \"right\" | \"bottom\" | \"left\" = \"top\";\n\t@Input() className = \"\";\n\n\t@ViewChild(\"tooltipTemplate\") tooltipTemplate: any;\n\n\topen = false;\n\tprivate overlayRef: OverlayRef | null = 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\tngOnDestroy(): void {\n\t\tthis.destroyOverlay();\n\t}\n\n\t@HostListener(\"mouseenter\")\n\tonMouseEnter(): void {\n\t\tthis.show();\n\t}\n\n\t@HostListener(\"mouseleave\")\n\tonMouseLeave(): void {\n\t\tthis.hide();\n\t}\n\n\t@HostListener(\"focusin\")\n\tonFocusIn(): void {\n\t\tthis.show();\n\t}\n\n\t@HostListener(\"focusout\")\n\tonFocusOut(): void {\n\t\tthis.hide();\n\t}\n\n\tprivate show(): void {\n\t\tif (this.open || !this.text) return;\n\n\t\tthis.open = true;\n\t\tthis.cdr.markForCheck();\n\t\tthis.createOverlay();\n\t}\n\n\tprivate hide(): void {\n\t\tif (!this.open) return;\n\n\t\tthis.open = false;\n\t\tthis.cdr.markForCheck();\n\t\tthis.destroyOverlay();\n\t}\n\n\tprivate createOverlay(): void {\n\t\tif (this.overlayRef) return;\n\n\t\tconst triggerEl =\n\t\t\tthis.elementRef.nativeElement.querySelector(\":scope > *\") ||\n\t\t\tthis.elementRef.nativeElement;\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(OVERLAY_BASE_Z_INDEX);\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.tooltipTemplate,\n\t\t\tthis.viewContainerRef,\n\t\t);\n\t\tthis.overlayRef.attach(portal);\n\t}\n\n\tprivate destroyOverlay(): void {\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\tconst offset = 4;\n\n\t\tswitch (this.side) {\n\t\t\tcase \"bottom\":\n\t\t\t\treturn [\n\t\t\t\t\t{\n\t\t\t\t\t\toriginX: \"center\",\n\t\t\t\t\t\toriginY: \"bottom\",\n\t\t\t\t\t\toverlayX: \"center\",\n\t\t\t\t\t\toverlayY: \"top\",\n\t\t\t\t\t\toffsetY: offset,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\toriginX: \"center\",\n\t\t\t\t\t\toriginY: \"top\",\n\t\t\t\t\t\toverlayX: \"center\",\n\t\t\t\t\t\toverlayY: \"bottom\",\n\t\t\t\t\t\toffsetY: -offset,\n\t\t\t\t\t},\n\t\t\t\t];\n\t\t\tcase \"left\":\n\t\t\t\treturn [\n\t\t\t\t\t{\n\t\t\t\t\t\toriginX: \"start\",\n\t\t\t\t\t\toriginY: \"center\",\n\t\t\t\t\t\toverlayX: \"end\",\n\t\t\t\t\t\toverlayY: \"center\",\n\t\t\t\t\t\toffsetX: -offset,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\toriginX: \"end\",\n\t\t\t\t\t\toriginY: \"center\",\n\t\t\t\t\t\toverlayX: \"start\",\n\t\t\t\t\t\toverlayY: \"center\",\n\t\t\t\t\t\toffsetX: offset,\n\t\t\t\t\t},\n\t\t\t\t];\n\t\t\tcase \"right\":\n\t\t\t\treturn [\n\t\t\t\t\t{\n\t\t\t\t\t\toriginX: \"end\",\n\t\t\t\t\t\toriginY: \"center\",\n\t\t\t\t\t\toverlayX: \"start\",\n\t\t\t\t\t\toverlayY: \"center\",\n\t\t\t\t\t\toffsetX: offset,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\toriginX: \"start\",\n\t\t\t\t\t\toriginY: \"center\",\n\t\t\t\t\t\toverlayX: \"end\",\n\t\t\t\t\t\toverlayY: \"center\",\n\t\t\t\t\t\toffsetX: -offset,\n\t\t\t\t\t},\n\t\t\t\t];\n\t\t\tcase \"top\":\n\t\t\tdefault:\n\t\t\t\treturn [\n\t\t\t\t\t{\n\t\t\t\t\t\toriginX: \"center\",\n\t\t\t\t\t\toriginY: \"top\",\n\t\t\t\t\t\toverlayX: \"center\",\n\t\t\t\t\t\toverlayY: \"bottom\",\n\t\t\t\t\t\toffsetY: -offset,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\toriginX: \"center\",\n\t\t\t\t\t\toriginY: \"bottom\",\n\t\t\t\t\t\toverlayX: \"center\",\n\t\t\t\t\t\toverlayY: \"top\",\n\t\t\t\t\t\toffsetY: offset,\n\t\t\t\t\t},\n\t\t\t\t];\n\t\t}\n\t}\n}\n","<span\n  class=\"relative inline-flex\"\n  [ngClass]=\"className\"\n  (mouseenter)=\"onMouseEnter()\"\n  (mouseleave)=\"onMouseLeave()\"\n  (focusin)=\"onFocusIn()\"\n  (focusout)=\"onFocusOut()\"\n>\n  <ng-content></ng-content>\n\n  <!-- Template for CDK Overlay -->\n  <ng-template #tooltipTemplate>\n    <span\n      class=\"pointer-events-none overflow-hidden rounded-md bg-foreground px-3 py-1.5 text-xs text-background animate-in fade-in-0 zoom-in-95\"\n    >\n      {{ text }}\n    </span>\n  </ng-template>\n</span>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { PdmTooltipComponent } from './tooltip.component';\n\nconst COMPONENTS = [\n  PdmTooltipComponent,\n];\n\n@NgModule({\n  imports: [CommonModule, OverlayModule],\n  declarations: COMPONENTS,\n  exports: COMPONENTS\n})\nexport class PdmTooltipModule {}\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-utils.mjs

@@ -0,0 +1,239 @@
+/**
+ * Sistema de responsive utilities para PDM UI Kit
+ *
+ * Proporciona constantes, tipos y helpers para manejar responsive design
+ * de forma consistente en todos los componentes.
+ */
+/**
+ * Breakpoints estándar de Tailwind CSS
+ * Mobile-first approach: los estilos base son para mobile, los breakpoints son MIN-WIDTH
+ */
+const BREAKPOINTS = {
+    sm: '640px',
+    md: '768px',
+    lg: '1024px',
+    xl: '1280px',
+    '2xl': '1536px' // extra large desktop
+};
+/**
+ * Helper para generar clases responsive de forma programática
+ *
+ * @example
+ * responsive({ default: 'block', sm: 'flex', lg: 'grid' })
+ * // Returns: 'block sm:flex lg:grid'
+ */
+function responsive(config) {
+    const classes = [];
+    if (config.default) {
+        classes.push(config.default);
+    }
+    ['sm', 'md', 'lg', 'xl', '2xl'].forEach(bp => {
+        if (config[bp]) {
+            classes.push(`${bp}:${config[bp]}`);
+        }
+    });
+    return classes.join(' ');
+}
+/**
+ * Helper para overflow responsive
+ * Maneja el caso común de scroll en mobile, auto en desktop
+ *
+ * @example
+ * overflowResponsive('x', 'scroll', 'auto')
+ * // Returns: 'overflow-x-scroll sm:overflow-x-auto'
+ */
+function overflowResponsive(axis, mobile, desktop) {
+    const axisClass = axis === 'both' ? 'overflow' : `overflow-${axis}`;
+    const mobileClass = `${axisClass}-${mobile}`;
+    if (!desktop || desktop === mobile) {
+        return mobileClass;
+    }
+    return `${mobileClass} sm:${axisClass}-${desktop}`;
+}
+/**
+ * Helper para spacing responsive
+ * Útil para padding/margin que necesita ajustarse por breakpoint
+ *
+ * @example
+ * spacingResponsive('px', { default: '4', sm: '6', lg: '8' })
+ * // Returns: 'px-4 sm:px-6 lg:px-8'
+ */
+function spacingResponsive(property, values) {
+    return responsive(Object.entries(values).reduce((acc, [key, value]) => {
+        acc[key] = `${property}-${value}`;
+        return acc;
+    }, {}));
+}
+/**
+ * Helper para width responsive
+ *
+ * @example
+ * widthResponsive({ default: 'full', sm: 'auto', lg: '1/2' })
+ * // Returns: 'w-full sm:w-auto lg:w-1/2'
+ */
+function widthResponsive(values) {
+    return responsive(Object.entries(values).reduce((acc, [key, value]) => {
+        acc[key] = `w-${value}`;
+        return acc;
+    }, {}));
+}
+/**
+ * Clases comunes para containers responsive
+ * Pensadas para wrappers que contienen contenido que puede desbordar
+ */
+const RESPONSIVE_CONTAINER = {
+    // Container con scroll horizontal en mobile, contenido visible en desktop
+    tableWrapper: 'relative w-full overflow-x-auto sm:overflow-x-visible',
+    // Container con padding negativo en mobile para scroll edge-to-edge
+    tableWrapperFullBleed: 'relative w-full -mx-4 px-4 overflow-x-auto sm:mx-0 sm:px-0 sm:overflow-x-visible',
+    // Container con max-width responsive
+    contentWrapper: 'w-full mx-auto px-4 sm:px-6 lg:px-8 max-w-screen-2xl',
+    // Container para modals/dialogs
+    modalWrapper: 'w-full max-w-lg mx-auto px-4 sm:px-0',
+    // Container para forms
+    formWrapper: 'w-full max-w-md mx-auto space-y-4'
+};
+/**
+ * Clases comunes para display responsive
+ */
+const RESPONSIVE_DISPLAY = {
+    // Ocultar en mobile, mostrar en desktop
+    hideOnMobile: 'hidden sm:block',
+    // Mostrar solo en mobile
+    showOnMobile: 'block sm:hidden',
+    // Stack en mobile, flex en desktop
+    stackToFlex: 'flex flex-col sm:flex-row',
+    // Stack en mobile, grid en desktop
+    stackToGrid: 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3'
+};
+/**
+ * Clases para table responsive strategies
+ */
+const TABLE_RESPONSIVE = {
+    // Scroll horizontal (default, más simple)
+    scroll: {
+        wrapper: 'relative w-full overflow-x-auto',
+        table: 'w-full min-w-full',
+        cell: 'whitespace-nowrap'
+    },
+    // Permitir wrap del contenido
+    wrap: {
+        wrapper: 'relative w-full overflow-x-auto',
+        table: 'w-full',
+        cell: 'whitespace-normal break-words'
+    },
+    // Stack en mobile (cada fila se convierte en card)
+    // Requiere lógica adicional en el componente
+    stack: {
+        wrapper: 'relative w-full',
+        table: 'w-full',
+        row: 'block sm:table-row border-b sm:border-b-0',
+        cell: 'block sm:table-cell py-2 sm:py-0 before:content-[attr(data-label)] before:font-medium before:inline-block before:w-32 sm:before:content-none'
+    },
+    // Collapse: ocultar columnas menos importantes en mobile
+    // Se usa con clases de visibility en las columnas específicas
+    collapse: {
+        wrapper: 'relative w-full overflow-x-auto',
+        table: 'w-full',
+        cell: 'whitespace-nowrap',
+        // Estas clases se aplican a columnas opcionales
+        optionalColumn: 'hidden md:table-cell'
+    }
+};
+
+/**
+ * Z-Index Scale - Sistema centralizado de z-index
+ *
+ * JERARQUÍA (de menor a mayor):
+ * 1. base (z-0) - Elementos normales del DOM
+ * 2. dropdown (z-10) - Selects, combobox, date-pickers
+ * 3. sticky (z-20) - Headers, navigation bars
+ * 4. drawerBackdrop (z-30) - Backdrop de drawers
+ * 5. drawer (z-40) - Sidebar drawer, sheets laterales
+ * 6. modalBackdrop (z-40) - Backdrop de modals ( mismo nivel que drawer)
+ * 7. modal (z-50) - Dialogs, alert-dialogs
+ * 8. popover (z-[70]) - Tooltips, dropdowns DENTRO de modals
+ * 9. toast (z-[100]) - Notificaciones que deben estar sobre TODO
+ *
+ * REGLA CRÍTICA:
+ * - Componentes overlay (select options, dropdown menu, tooltip) SIEMPRE z-[70] o mayor
+ * - Esto permite que funcionen DENTRO de modals (z-50)
+ * - Backdrop de modal debe ser z-40 para estar DEBAJO del contenido del modal (z-50)
+ */
+const Z_INDEX = {
+    /**
+     * Base - contenido normal del DOM
+     */
+    base: "z-0",
+    /**
+     * Dropdown - Selects, combobox, date-pickers
+     * Debe estar SOBRE contenido normal pero BAJO overlays
+     */
+    dropdown: "z-10",
+    /**
+     * Sticky - Headers, navigation fija
+     */
+    sticky: "z-20",
+    /**
+     * Drawer backdrop - Backdrop de sidebar drawer
+     * Debe estar DEBAJO del drawer panel y DEBAJO de modals
+     */
+    drawerBackdrop: "z-30",
+    /**
+     * Drawer - Sidebar drawer, sheets laterales
+     * Debe estar SOBRE su backdrop pero BAJO modals
+     */
+    drawer: "z-40",
+    /**
+     * Modal backdrop - Backdrop de dialogs
+     * Mismo nivel que drawer backdrop (z-40)
+     */
+    modalBackdrop: "z-40",
+    /**
+     * Modal - Dialogs, alert-dialogs
+     * Debe estar SOBRE su backdrop
+     */
+    modal: "z-50",
+    /**
+     * Popover - Tooltips, dropdowns, selects options DENTRO de modals
+     * CRÍTICO: Debe ser MAYOR que modal (z-50) para aparecer sobre modals
+     * USAR SIEMPRE mergeOverlayPanelClass() para asegurar este valor
+     */
+    popover: "z-[70]",
+    /**
+     * Toast - Notificaciones globales
+     * Debe estar sobre TODO
+     */
+    toast: "z-[100]",
+};
+/**
+ * Helper para debugging z-index issues
+ */
+function logZIndexStack(element) {
+    if (typeof window === "undefined")
+        return;
+    let current = element;
+    const stack = [];
+    while (current && current !== document.body) {
+        const computed = window.getComputedStyle(current);
+        const zIndex = computed.zIndex;
+        const position = computed.position;
+        if (zIndex !== "auto") {
+            stack.push({
+                element: current.tagName +
+                    (current.className ? `.${current.className.split(" ")[0]}` : ""),
+                zIndex,
+                position,
+            });
+        }
+        current = current.parentElement;
+    }
+    console.table(stack);
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BREAKPOINTS, RESPONSIVE_CONTAINER, RESPONSIVE_DISPLAY, TABLE_RESPONSIVE, Z_INDEX, logZIndexStack, overflowResponsive, responsive, spacingResponsive, widthResponsive };
+//# sourceMappingURL=pdm-ui-kit-src-utils.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pdm-ui-kit-src-utils.mjs","sources":["../../../src/utils/responsive.ts","../../../src/utils/z-index.ts","../../../src/utils/pdm-ui-kit-src-utils.ts"],"sourcesContent":["/**\n * Sistema de responsive utilities para PDM UI Kit\n * \n * Proporciona constantes, tipos y helpers para manejar responsive design\n * de forma consistente en todos los componentes.\n */\n\n/**\n * Breakpoints estándar de Tailwind CSS\n * Mobile-first approach: los estilos base son para mobile, los breakpoints son MIN-WIDTH\n */\nexport const BREAKPOINTS = {\n  sm: '640px',   // tablet portrait\n  md: '768px',   // tablet landscape\n  lg: '1024px',  // desktop\n  xl: '1280px',  // large desktop\n  '2xl': '1536px' // extra large desktop\n} as const;\n\nexport type Breakpoint = keyof typeof BREAKPOINTS;\n\n/**\n * Estrategias de overflow para componentes que pueden desbordar\n */\nexport type OverflowStrategy = \n  | 'auto'        // Scroll automático cuando sea necesario\n  | 'scroll'      // Siempre scroll\n  | 'hidden'      // Ocultar contenido que desborda\n  | 'visible';    // Permitir desbordamiento\n\n/**\n * Estrategias responsive para tablas\n */\nexport type TableResponsiveStrategy = \n  | 'scroll'      // Scroll horizontal en mobile (default, más simple)\n  | 'stack'       // Convertir filas en cards verticales en mobile\n  | 'wrap'        // Permitir que el contenido haga wrap\n  | 'collapse';   // Colapsar columnas menos importantes en mobile\n\n/**\n * Helper para generar clases responsive de forma programática\n * \n * @example\n * responsive({ default: 'block', sm: 'flex', lg: 'grid' })\n * // Returns: 'block sm:flex lg:grid'\n */\nexport function responsive<T extends string>(\n  config: Partial<Record<Breakpoint | 'default', T>>\n): string {\n  const classes: string[] = [];\n  \n  if (config.default) {\n    classes.push(config.default);\n  }\n  \n  (['sm', 'md', 'lg', 'xl', '2xl'] as Breakpoint[]).forEach(bp => {\n    if (config[bp]) {\n      classes.push(`${bp}:${config[bp]}`);\n    }\n  });\n  \n  return classes.join(' ');\n}\n\n/**\n * Helper para overflow responsive\n * Maneja el caso común de scroll en mobile, auto en desktop\n * \n * @example\n * overflowResponsive('x', 'scroll', 'auto')\n * // Returns: 'overflow-x-scroll sm:overflow-x-auto'\n */\nexport function overflowResponsive(\n  axis: 'x' | 'y' | 'both',\n  mobile: OverflowStrategy,\n  desktop?: OverflowStrategy\n): string {\n  const axisClass = axis === 'both' ? 'overflow' : `overflow-${axis}`;\n  const mobileClass = `${axisClass}-${mobile}`;\n  \n  if (!desktop || desktop === mobile) {\n    return mobileClass;\n  }\n  \n  return `${mobileClass} sm:${axisClass}-${desktop}`;\n}\n\n/**\n * Helper para spacing responsive\n * Útil para padding/margin que necesita ajustarse por breakpoint\n * \n * @example\n * spacingResponsive('px', { default: '4', sm: '6', lg: '8' })\n * // Returns: 'px-4 sm:px-6 lg:px-8'\n */\nexport function spacingResponsive(\n  property: 'p' | 'px' | 'py' | 'pt' | 'pr' | 'pb' | 'pl' | 'm' | 'mx' | 'my' | 'mt' | 'mr' | 'mb' | 'ml',\n  values: Partial<Record<Breakpoint | 'default', string>>\n): string {\n  return responsive(\n    Object.entries(values).reduce((acc, [key, value]) => {\n      acc[key as Breakpoint | 'default'] = `${property}-${value}` as any;\n      return acc;\n    }, {} as Record<Breakpoint | 'default', string>)\n  );\n}\n\n/**\n * Helper para width responsive\n * \n * @example\n * widthResponsive({ default: 'full', sm: 'auto', lg: '1/2' })\n * // Returns: 'w-full sm:w-auto lg:w-1/2'\n */\nexport function widthResponsive(\n  values: Partial<Record<Breakpoint | 'default', string>>\n): string {\n  return responsive(\n    Object.entries(values).reduce((acc, [key, value]) => {\n      acc[key as Breakpoint | 'default'] = `w-${value}` as any;\n      return acc;\n    }, {} as Record<Breakpoint | 'default', string>)\n  );\n}\n\n/**\n * Clases comunes para containers responsive\n * Pensadas para wrappers que contienen contenido que puede desbordar\n */\nexport const RESPONSIVE_CONTAINER = {\n  // Container con scroll horizontal en mobile, contenido visible en desktop\n  tableWrapper: 'relative w-full overflow-x-auto sm:overflow-x-visible',\n  \n  // Container con padding negativo en mobile para scroll edge-to-edge\n  tableWrapperFullBleed: 'relative w-full -mx-4 px-4 overflow-x-auto sm:mx-0 sm:px-0 sm:overflow-x-visible',\n  \n  // Container con max-width responsive\n  contentWrapper: 'w-full mx-auto px-4 sm:px-6 lg:px-8 max-w-screen-2xl',\n  \n  // Container para modals/dialogs\n  modalWrapper: 'w-full max-w-lg mx-auto px-4 sm:px-0',\n  \n  // Container para forms\n  formWrapper: 'w-full max-w-md mx-auto space-y-4'\n} as const;\n\n/**\n * Clases comunes para display responsive\n */\nexport const RESPONSIVE_DISPLAY = {\n  // Ocultar en mobile, mostrar en desktop\n  hideOnMobile: 'hidden sm:block',\n  \n  // Mostrar solo en mobile\n  showOnMobile: 'block sm:hidden',\n  \n  // Stack en mobile, flex en desktop\n  stackToFlex: 'flex flex-col sm:flex-row',\n  \n  // Stack en mobile, grid en desktop\n  stackToGrid: 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3'\n} as const;\n\n/**\n * Clases para table responsive strategies\n */\nexport const TABLE_RESPONSIVE = {\n  // Scroll horizontal (default, más simple)\n  scroll: {\n    wrapper: 'relative w-full overflow-x-auto',\n    table: 'w-full min-w-full',\n    cell: 'whitespace-nowrap'\n  },\n  \n  // Permitir wrap del contenido\n  wrap: {\n    wrapper: 'relative w-full overflow-x-auto',\n    table: 'w-full',\n    cell: 'whitespace-normal break-words'\n  },\n  \n  // Stack en mobile (cada fila se convierte en card)\n  // Requiere lógica adicional en el componente\n  stack: {\n    wrapper: 'relative w-full',\n    table: 'w-full',\n    row: 'block sm:table-row border-b sm:border-b-0',\n    cell: 'block sm:table-cell py-2 sm:py-0 before:content-[attr(data-label)] before:font-medium before:inline-block before:w-32 sm:before:content-none'\n  },\n  \n  // Collapse: ocultar columnas menos importantes en mobile\n  // Se usa con clases de visibility en las columnas específicas\n  collapse: {\n    wrapper: 'relative w-full overflow-x-auto',\n    table: 'w-full',\n    cell: 'whitespace-nowrap',\n    // Estas clases se aplican a columnas opcionales\n    optionalColumn: 'hidden md:table-cell'\n  }\n} as const;\n","/**\n * Z-Index Scale - Sistema centralizado de z-index\n *\n * JERARQUÍA (de menor a mayor):\n * 1. base (z-0) - Elementos normales del DOM\n * 2. dropdown (z-10) - Selects, combobox, date-pickers\n * 3. sticky (z-20) - Headers, navigation bars\n * 4. drawerBackdrop (z-30) - Backdrop de drawers\n * 5. drawer (z-40) - Sidebar drawer, sheets laterales\n * 6. modalBackdrop (z-40) - Backdrop de modals ( mismo nivel que drawer)\n * 7. modal (z-50) - Dialogs, alert-dialogs\n * 8. popover (z-[70]) - Tooltips, dropdowns DENTRO de modals\n * 9. toast (z-[100]) - Notificaciones que deben estar sobre TODO\n *\n * REGLA CRÍTICA:\n * - Componentes overlay (select options, dropdown menu, tooltip) SIEMPRE z-[70] o mayor\n * - Esto permite que funcionen DENTRO de modals (z-50)\n * - Backdrop de modal debe ser z-40 para estar DEBAJO del contenido del modal (z-50)\n */\n\nexport const Z_INDEX = {\n\t/**\n\t * Base - contenido normal del DOM\n\t */\n\tbase: \"z-0\",\n\n\t/**\n\t * Dropdown - Selects, combobox, date-pickers\n\t * Debe estar SOBRE contenido normal pero BAJO overlays\n\t */\n\tdropdown: \"z-10\",\n\n\t/**\n\t * Sticky - Headers, navigation fija\n\t */\n\tsticky: \"z-20\",\n\n\t/**\n\t * Drawer backdrop - Backdrop de sidebar drawer\n\t * Debe estar DEBAJO del drawer panel y DEBAJO de modals\n\t */\n\tdrawerBackdrop: \"z-30\",\n\n\t/**\n\t * Drawer - Sidebar drawer, sheets laterales\n\t * Debe estar SOBRE su backdrop pero BAJO modals\n\t */\n\tdrawer: \"z-40\",\n\n\t/**\n\t * Modal backdrop - Backdrop de dialogs\n\t * Mismo nivel que drawer backdrop (z-40)\n\t */\n\tmodalBackdrop: \"z-40\",\n\n\t/**\n\t * Modal - Dialogs, alert-dialogs\n\t * Debe estar SOBRE su backdrop\n\t */\n\tmodal: \"z-50\",\n\n\t/**\n\t * Popover - Tooltips, dropdowns, selects options DENTRO de modals\n\t * CRÍTICO: Debe ser MAYOR que modal (z-50) para aparecer sobre modals\n\t * USAR SIEMPRE mergeOverlayPanelClass() para asegurar este valor\n\t */\n\tpopover: \"z-[70]\",\n\n\t/**\n\t * Toast - Notificaciones globales\n\t * Debe estar sobre TODO\n\t */\n\ttoast: \"z-[100]\",\n} as const;\n\n/**\n * Helper para debugging z-index issues\n */\nexport function logZIndexStack(element: HTMLElement): void {\n\tif (typeof window === \"undefined\") return;\n\n\tlet current: HTMLElement | null = element;\n\tconst stack: Array<{ element: string; zIndex: string; position: string }> =\n\t\t[];\n\n\twhile (current && current !== document.body) {\n\t\tconst computed = window.getComputedStyle(current);\n\t\tconst zIndex = computed.zIndex;\n\t\tconst position = computed.position;\n\n\t\tif (zIndex !== \"auto\") {\n\t\t\tstack.push({\n\t\t\t\telement:\n\t\t\t\t\tcurrent.tagName +\n\t\t\t\t\t(current.className ? `.${current.className.split(\" \")[0]}` : \"\"),\n\t\t\t\tzIndex,\n\t\t\t\tposition,\n\t\t\t});\n\t\t}\n\n\t\tcurrent = current.parentElement;\n\t}\n\n\tconsole.table(stack);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}