@edsis/ui 0.0.2

package/fesm2022/edsis-ui-tooltip.mjs

@@ -0,0 +1,339 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, input, forwardRef, ChangeDetectionStrategy, Component, inject, TemplateRef, Directive, ViewContainerRef, ElementRef, DestroyRef, output, signal, effect } from '@angular/core';
+import { Overlay } from '@angular/cdk/overlay';
+import { TemplatePortal } from '@angular/cdk/portal';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { merge } from 'rxjs';
+import { filter } from 'rxjs/operators';
+import * as i1 from '@angular/material/tooltip';
+import { MatTooltip } from '@angular/material/tooltip';
+
+const TOOLTIP_DEFAULTS = new InjectionToken('TOOLTIP_DEFAULTS');
+class TooltipComponent {
+    side = input('top', ...(ngDevMode ? [{ debugName: "side" }] : /* istanbul ignore next */ []));
+    align = input('center', ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    sideOffset = input(4, ...(ngDevMode ? [{ debugName: "sideOffset" }] : /* istanbul ignore next */ []));
+    openDelay = input(150, ...(ngDevMode ? [{ debugName: "openDelay" }] : /* istanbul ignore next */ []));
+    closeDelay = input(0, ...(ngDevMode ? [{ debugName: "closeDelay" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: TooltipComponent, isStandalone: true, selector: "ui-tooltip", inputs: { side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, sideOffset: { classPropertyName: "sideOffset", publicName: "sideOffset", isSignal: true, isRequired: false, transformFunction: null }, openDelay: { classPropertyName: "openDelay", publicName: "openDelay", isSignal: true, isRequired: false, transformFunction: null }, closeDelay: { classPropertyName: "closeDelay", publicName: "closeDelay", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "contents" }, providers: [{ provide: TOOLTIP_DEFAULTS, useExisting: forwardRef(() => TooltipComponent) }], ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TooltipComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-tooltip',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [{ provide: TOOLTIP_DEFAULTS, useExisting: forwardRef(() => TooltipComponent) }],
+                    host: {
+                        class: 'contents',
+                    },
+                    template: '<ng-content />',
+                }]
+        }], propDecorators: { side: [{ type: i0.Input, args: [{ isSignal: true, alias: "side", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], sideOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideOffset", required: false }] }], openDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "openDelay", required: false }] }], closeDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeDelay", required: false }] }] } });
+
+class TooltipContentDirective {
+    template = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TooltipContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: TooltipContentDirective, isStandalone: true, selector: "ng-template[uiTooltipContent]", exportAs: ["uiTooltipContent"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TooltipContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[uiTooltipContent]',
+                    exportAs: 'uiTooltipContent',
+                }]
+        }] });
+
+const TOOLTIP_PANEL_CLASSES = [
+    'ui-tooltip-panel',
+    'pointer-events-none',
+    'z-50',
+    'max-w-xs',
+    'overflow-hidden',
+    'rounded-md',
+    'border',
+    'border-border',
+    'bg-primary',
+    'px-3',
+    'py-1.5',
+    'text-xs',
+    'font-medium',
+    'leading-none',
+    'text-primary-foreground',
+    'shadow-md',
+    'select-none',
+];
+const POSITION_ANCHORS = {
+    top: (align) => ({
+        originX: align === 'start' ? 'start' : align === 'end' ? 'end' : 'center',
+        originY: 'top',
+        overlayX: align === 'start' ? 'start' : align === 'end' ? 'end' : 'center',
+        overlayY: 'bottom',
+    }),
+    bottom: (align) => ({
+        originX: align === 'start' ? 'start' : align === 'end' ? 'end' : 'center',
+        originY: 'bottom',
+        overlayX: align === 'start' ? 'start' : align === 'end' ? 'end' : 'center',
+        overlayY: 'top',
+    }),
+    left: (align) => ({
+        originX: 'start',
+        originY: align === 'start' ? 'top' : align === 'end' ? 'bottom' : 'center',
+        overlayX: 'end',
+        overlayY: align === 'start' ? 'top' : align === 'end' ? 'bottom' : 'center',
+    }),
+    right: (align) => ({
+        originX: 'end',
+        originY: align === 'start' ? 'top' : align === 'end' ? 'bottom' : 'center',
+        overlayX: 'start',
+        overlayY: align === 'start' ? 'top' : align === 'end' ? 'bottom' : 'center',
+    }),
+};
+function positionFor(side, align, sideOffset) {
+    const anchor = POSITION_ANCHORS[side](align);
+    if (side === 'top') {
+        return { ...anchor, offsetY: -sideOffset };
+    }
+    if (side === 'bottom') {
+        return { ...anchor, offsetY: sideOffset };
+    }
+    if (side === 'left') {
+        return { ...anchor, offsetX: -sideOffset };
+    }
+    return { ...anchor, offsetX: sideOffset };
+}
+let nextTooltipId = 0;
+class TooltipTriggerDirective {
+    overlay = inject(Overlay);
+    vcr = inject(ViewContainerRef);
+    el = inject(ElementRef);
+    destroyRef = inject(DestroyRef);
+    defaults = inject(TOOLTIP_DEFAULTS, { optional: true });
+    uiTooltipTrigger = input.required(...(ngDevMode ? [{ debugName: "uiTooltipTrigger" }] : /* istanbul ignore next */ []));
+    side = input(undefined, ...(ngDevMode ? [{ debugName: "side" }] : /* istanbul ignore next */ []));
+    align = input(undefined, ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    sideOffset = input(undefined, ...(ngDevMode ? [{ debugName: "sideOffset" }] : /* istanbul ignore next */ []));
+    openDelay = input(undefined, ...(ngDevMode ? [{ debugName: "openDelay" }] : /* istanbul ignore next */ []));
+    closeDelay = input(undefined, ...(ngDevMode ? [{ debugName: "closeDelay" }] : /* istanbul ignore next */ []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    openedChange = output();
+    isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    contentId = signal(null, ...(ngDevMode ? [{ debugName: "contentId" }] : /* istanbul ignore next */ []));
+    overlayRef = null;
+    openTimeoutId = null;
+    closeTimeoutId = null;
+    isPointerInsideTrigger = false;
+    isTriggerFocused = false;
+    isDestroying = false;
+    constructor() {
+        this.destroyRef.onDestroy(() => {
+            this.isDestroying = true;
+            this.clearOpenTimeout();
+            this.clearCloseTimeout();
+            this.contentId.set(null);
+            this.isOpen.set(false);
+            this.overlayRef?.dispose();
+            this.overlayRef = null;
+        });
+    }
+    handlePointerEnter() {
+        if (this.disabled()) {
+            return;
+        }
+        this.isPointerInsideTrigger = true;
+        this.clearCloseTimeout();
+        this.scheduleOpen();
+    }
+    handlePointerLeave(event) {
+        if (this.el.nativeElement.contains(event.relatedTarget)) {
+            return;
+        }
+        this.isPointerInsideTrigger = false;
+        this.scheduleClose();
+    }
+    handleFocusIn() {
+        if (this.disabled()) {
+            return;
+        }
+        this.isTriggerFocused = true;
+        this.clearCloseTimeout();
+        this.scheduleOpen();
+    }
+    handleFocusOut(event) {
+        if (this.el.nativeElement.contains(event.relatedTarget)) {
+            return;
+        }
+        this.isTriggerFocused = false;
+        this.scheduleClose();
+    }
+    open() {
+        if (this.isOpen() || this.disabled()) {
+            return;
+        }
+        const side = this.side() ?? this.defaults?.side() ?? 'top';
+        const align = this.align() ?? this.defaults?.align() ?? 'center';
+        const sideOffset = this.sideOffset() ?? this.defaults?.sideOffset() ?? 4;
+        const primary = positionFor(side, align, sideOffset);
+        const fallback = positionFor(this.oppositeSide(side), align, sideOffset);
+        const positionStrategy = this.overlay
+            .position()
+            .flexibleConnectedTo(this.el)
+            .withPositions([primary, fallback])
+            .withPush(false)
+            .withFlexibleDimensions(false);
+        this.overlayRef = this.overlay.create({
+            positionStrategy,
+            scrollStrategy: this.overlay.scrollStrategies.reposition(),
+            hasBackdrop: false,
+            panelClass: [...TOOLTIP_PANEL_CLASSES],
+        });
+        const tooltipId = `ui-tooltip-${nextTooltipId++}`;
+        this.overlayRef.overlayElement.id = tooltipId;
+        this.overlayRef.overlayElement.setAttribute('role', 'tooltip');
+        const portal = new TemplatePortal(this.uiTooltipTrigger().template, this.vcr);
+        this.overlayRef.attach(portal);
+        this.bindOverlayLifecycle();
+        this.contentId.set(tooltipId);
+        this.isOpen.set(true);
+        if (!this.isDestroying) {
+            this.openedChange.emit(true);
+        }
+    }
+    close() {
+        this.clearOpenTimeout();
+        this.clearCloseTimeout();
+        if (!this.isOpen()) {
+            return;
+        }
+        this.overlayRef?.dispose();
+        this.overlayRef = null;
+        this.contentId.set(null);
+        this.isOpen.set(false);
+        if (!this.isDestroying) {
+            this.openedChange.emit(false);
+        }
+    }
+    bindOverlayLifecycle() {
+        if (!this.overlayRef) {
+            return;
+        }
+        merge(this.overlayRef
+            .outsidePointerEvents()
+            .pipe(filter((event) => !this.el.nativeElement.contains(event.target))), this.overlayRef.keydownEvents().pipe(filter((event) => event.key === 'Escape')), this.overlayRef.detachments())
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => this.close());
+    }
+    scheduleOpen() {
+        this.clearCloseTimeout();
+        if (this.isOpen()) {
+            return;
+        }
+        this.clearOpenTimeout();
+        this.openTimeoutId = window.setTimeout(() => {
+            this.openTimeoutId = null;
+            if (this.disabled() || (!this.isPointerInsideTrigger && !this.isTriggerFocused)) {
+                return;
+            }
+            this.open();
+        }, this.openDelay() ?? this.defaults?.openDelay() ?? 150);
+    }
+    scheduleClose() {
+        this.clearOpenTimeout();
+        if (!this.isOpen()) {
+            return;
+        }
+        this.clearCloseTimeout();
+        this.closeTimeoutId = window.setTimeout(() => {
+            this.closeTimeoutId = null;
+            if (this.isPointerInsideTrigger || this.isTriggerFocused) {
+                return;
+            }
+            this.close();
+        }, this.closeDelay() ?? this.defaults?.closeDelay() ?? 0);
+    }
+    clearOpenTimeout() {
+        if (this.openTimeoutId !== null) {
+            window.clearTimeout(this.openTimeoutId);
+            this.openTimeoutId = null;
+        }
+    }
+    clearCloseTimeout() {
+        if (this.closeTimeoutId !== null) {
+            window.clearTimeout(this.closeTimeoutId);
+            this.closeTimeoutId = null;
+        }
+    }
+    oppositeSide(side) {
+        return side === 'top' ? 'bottom' : side === 'bottom' ? 'top' : side === 'left' ? 'right' : 'left';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TooltipTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: TooltipTriggerDirective, isStandalone: true, selector: "[uiTooltipTrigger]", inputs: { uiTooltipTrigger: { classPropertyName: "uiTooltipTrigger", publicName: "uiTooltipTrigger", isSignal: true, isRequired: true, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, sideOffset: { classPropertyName: "sideOffset", publicName: "sideOffset", isSignal: true, isRequired: false, transformFunction: null }, openDelay: { classPropertyName: "openDelay", publicName: "openDelay", isSignal: true, isRequired: false, transformFunction: null }, closeDelay: { classPropertyName: "closeDelay", publicName: "closeDelay", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openedChange: "openedChange" }, host: { listeners: { "pointerenter": "handlePointerEnter()", "pointerleave": "handlePointerLeave($event)", "focusin": "handleFocusIn()", "focusout": "handleFocusOut($event)", "keydown.escape": "close()" }, properties: { "attr.aria-describedby": "contentId()", "attr.data-state": "isOpen() ? \"open\" : \"closed\"" } }, exportAs: ["uiTooltipTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TooltipTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[uiTooltipTrigger]',
+                    exportAs: 'uiTooltipTrigger',
+                    host: {
+                        '[attr.aria-describedby]': 'contentId()',
+                        '[attr.data-state]': 'isOpen() ? "open" : "closed"',
+                        '(pointerenter)': 'handlePointerEnter()',
+                        '(pointerleave)': 'handlePointerLeave($event)',
+                        '(focusin)': 'handleFocusIn()',
+                        '(focusout)': 'handleFocusOut($event)',
+                        '(keydown.escape)': 'close()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { uiTooltipTrigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "uiTooltipTrigger", required: true }] }], side: [{ type: i0.Input, args: [{ isSignal: true, alias: "side", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], sideOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideOffset", required: false }] }], openDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "openDelay", required: false }] }], closeDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeDelay", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], openedChange: [{ type: i0.Output, args: ["openedChange"] }] } });
+
+/**
+ * Shadcn-styled tooltip directive. Thin wrapper around `matTooltip` that
+ * forces the shadcn panel class and sensible defaults.
+ *
+ * @example
+ * <button ui-button [uiTooltip]="'Save changes'" uiTooltipPosition="above">Save</button>
+ */
+class TooltipDirective {
+    tooltip = inject(MatTooltip, { host: true });
+    uiTooltip = input('', ...(ngDevMode ? [{ debugName: "uiTooltip" }] : /* istanbul ignore next */ []));
+    constructor() {
+        this.tooltip.tooltipClass = 'ui-tooltip-panel';
+        effect(() => {
+            this.tooltip.message = this.uiTooltip();
+        });
+    }
+    show() {
+        this.tooltip.show();
+    }
+    hide() {
+        this.tooltip.hide();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: TooltipDirective, isStandalone: true, selector: "[uiTooltip]", inputs: { uiTooltip: { classPropertyName: "uiTooltip", publicName: "uiTooltip", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["uiTooltip"], hostDirectives: [{ directive: i1.MatTooltip, inputs: ["matTooltipPosition", "uiTooltipPosition", "matTooltipDisabled", "uiTooltipDisabled", "matTooltipShowDelay", "uiTooltipShowDelay", "matTooltipHideDelay", "uiTooltipHideDelay", "matTooltipTouchGestures", "uiTooltipTouchGestures"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[uiTooltip]',
+                    hostDirectives: [
+                        {
+                            directive: MatTooltip,
+                            inputs: [
+                                'matTooltipPosition: uiTooltipPosition',
+                                'matTooltipDisabled: uiTooltipDisabled',
+                                'matTooltipShowDelay: uiTooltipShowDelay',
+                                'matTooltipHideDelay: uiTooltipHideDelay',
+                                'matTooltipTouchGestures: uiTooltipTouchGestures',
+                            ],
+                        },
+                    ],
+                    exportAs: 'uiTooltip',
+                }]
+        }], ctorParameters: () => [], propDecorators: { uiTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "uiTooltip", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TOOLTIP_DEFAULTS, TooltipComponent, TooltipContentDirective, TooltipDirective, TooltipTriggerDirective };
+//# sourceMappingURL=edsis-ui-tooltip.mjs.map

package/fesm2022/edsis-ui-tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edsis-ui-tooltip.mjs","sources":["../../../library/ui/tooltip/tooltip.component.ts","../../../library/ui/tooltip/tooltip-content.directive.ts","../../../library/ui/tooltip/tooltip-trigger.directive.ts","../../../library/ui/tooltip/tooltip.directive.ts","../../../library/ui/tooltip/edsis-ui-tooltip.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, InjectionToken, Signal, forwardRef, input } from '@angular/core';\n\nexport type TooltipSide = 'top' | 'right' | 'bottom' | 'left';\nexport type TooltipAlign = 'start' | 'center' | 'end';\n\nexport interface TooltipDefaults {\n  readonly side: Signal<TooltipSide>;\n  readonly align: Signal<TooltipAlign>;\n  readonly sideOffset: Signal<number>;\n  readonly openDelay: Signal<number>;\n  readonly closeDelay: Signal<number>;\n}\n\nexport const TOOLTIP_DEFAULTS = new InjectionToken<TooltipDefaults>('TOOLTIP_DEFAULTS');\n\n@Component({\n  selector: 'ui-tooltip',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: TOOLTIP_DEFAULTS, useExisting: forwardRef(() => TooltipComponent) }],\n  host: {\n    class: 'contents',\n  },\n  template: '<ng-content />',\n})\nexport class TooltipComponent implements TooltipDefaults {\n  readonly side = input<TooltipSide>('top');\n  readonly align = input<TooltipAlign>('center');\n  readonly sideOffset = input(4);\n  readonly openDelay = input(150);\n  readonly closeDelay = input(0);\n}\n","import { Directive, TemplateRef, inject } from '@angular/core';\n\n@Directive({\n  selector: 'ng-template[uiTooltipContent]',\n  exportAs: 'uiTooltipContent',\n})\nexport class TooltipContentDirective {\n  readonly template = inject<TemplateRef<unknown>>(TemplateRef);\n}\n","import { Overlay, OverlayRef, ConnectedPosition } from '@angular/cdk/overlay';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport { DestroyRef, Directive, ElementRef, ViewContainerRef, inject, input, output, signal } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { merge } from 'rxjs';\nimport { filter } from 'rxjs/operators';\n\nimport { TOOLTIP_DEFAULTS, type TooltipAlign, type TooltipSide } from './tooltip.component';\nimport type { TooltipContentDirective } from './tooltip-content.directive';\n\nconst TOOLTIP_PANEL_CLASSES = [\n  'ui-tooltip-panel',\n  'pointer-events-none',\n  'z-50',\n  'max-w-xs',\n  'overflow-hidden',\n  'rounded-md',\n  'border',\n  'border-border',\n  'bg-primary',\n  'px-3',\n  'py-1.5',\n  'text-xs',\n  'font-medium',\n  'leading-none',\n  'text-primary-foreground',\n  'shadow-md',\n  'select-none',\n] as const;\n\nconst POSITION_ANCHORS: Record<TooltipSide, (align: TooltipAlign) => ConnectedPosition> = {\n  top: (align) => ({\n    originX: align === 'start' ? 'start' : align === 'end' ? 'end' : 'center',\n    originY: 'top',\n    overlayX: align === 'start' ? 'start' : align === 'end' ? 'end' : 'center',\n    overlayY: 'bottom',\n  }),\n  bottom: (align) => ({\n    originX: align === 'start' ? 'start' : align === 'end' ? 'end' : 'center',\n    originY: 'bottom',\n    overlayX: align === 'start' ? 'start' : align === 'end' ? 'end' : 'center',\n    overlayY: 'top',\n  }),\n  left: (align) => ({\n    originX: 'start',\n    originY: align === 'start' ? 'top' : align === 'end' ? 'bottom' : 'center',\n    overlayX: 'end',\n    overlayY: align === 'start' ? 'top' : align === 'end' ? 'bottom' : 'center',\n  }),\n  right: (align) => ({\n    originX: 'end',\n    originY: align === 'start' ? 'top' : align === 'end' ? 'bottom' : 'center',\n    overlayX: 'start',\n    overlayY: align === 'start' ? 'top' : align === 'end' ? 'bottom' : 'center',\n  }),\n};\n\nfunction positionFor(side: TooltipSide, align: TooltipAlign, sideOffset: number): ConnectedPosition {\n  const anchor = POSITION_ANCHORS[side](align);\n\n  if (side === 'top') {\n    return { ...anchor, offsetY: -sideOffset };\n  }\n\n  if (side === 'bottom') {\n    return { ...anchor, offsetY: sideOffset };\n  }\n\n  if (side === 'left') {\n    return { ...anchor, offsetX: -sideOffset };\n  }\n\n  return { ...anchor, offsetX: sideOffset };\n}\n\nlet nextTooltipId = 0;\n\n@Directive({\n  selector: '[uiTooltipTrigger]',\n  exportAs: 'uiTooltipTrigger',\n  host: {\n    '[attr.aria-describedby]': 'contentId()',\n    '[attr.data-state]': 'isOpen() ? \"open\" : \"closed\"',\n    '(pointerenter)': 'handlePointerEnter()',\n    '(pointerleave)': 'handlePointerLeave($event)',\n    '(focusin)': 'handleFocusIn()',\n    '(focusout)': 'handleFocusOut($event)',\n    '(keydown.escape)': 'close()',\n  },\n})\nexport class TooltipTriggerDirective {\n  private readonly overlay = inject(Overlay);\n  private readonly vcr = inject(ViewContainerRef);\n  private readonly el = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly defaults = inject(TOOLTIP_DEFAULTS, { optional: true });\n\n  readonly uiTooltipTrigger = input.required<TooltipContentDirective>();\n  readonly side = input<TooltipSide | undefined>(undefined);\n  readonly align = input<TooltipAlign | undefined>(undefined);\n  readonly sideOffset = input<number | undefined>(undefined);\n  readonly openDelay = input<number | undefined>(undefined);\n  readonly closeDelay = input<number | undefined>(undefined);\n  readonly disabled = input(false);\n\n  readonly openedChange = output<boolean>();\n\n  readonly isOpen = signal(false);\n  protected readonly contentId = signal<string | null>(null);\n\n  private overlayRef: OverlayRef | null = null;\n  private openTimeoutId: number | null = null;\n  private closeTimeoutId: number | null = null;\n  private isPointerInsideTrigger = false;\n  private isTriggerFocused = false;\n  private isDestroying = false;\n\n  constructor() {\n    this.destroyRef.onDestroy(() => {\n      this.isDestroying = true;\n      this.clearOpenTimeout();\n      this.clearCloseTimeout();\n      this.contentId.set(null);\n      this.isOpen.set(false);\n      this.overlayRef?.dispose();\n      this.overlayRef = null;\n    });\n  }\n\n  handlePointerEnter(): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    this.isPointerInsideTrigger = true;\n    this.clearCloseTimeout();\n    this.scheduleOpen();\n  }\n\n  handlePointerLeave(event: PointerEvent): void {\n    if (this.el.nativeElement.contains(event.relatedTarget as Node | null)) {\n      return;\n    }\n\n    this.isPointerInsideTrigger = false;\n    this.scheduleClose();\n  }\n\n  handleFocusIn(): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    this.isTriggerFocused = true;\n    this.clearCloseTimeout();\n    this.scheduleOpen();\n  }\n\n  handleFocusOut(event: FocusEvent): void {\n    if (this.el.nativeElement.contains(event.relatedTarget as Node | null)) {\n      return;\n    }\n\n    this.isTriggerFocused = false;\n    this.scheduleClose();\n  }\n\n  open(): void {\n    if (this.isOpen() || this.disabled()) {\n      return;\n    }\n\n    const side = this.side() ?? this.defaults?.side() ?? 'top';\n    const align = this.align() ?? this.defaults?.align() ?? 'center';\n    const sideOffset = this.sideOffset() ?? this.defaults?.sideOffset() ?? 4;\n\n    const primary = positionFor(side, align, sideOffset);\n    const fallback = positionFor(this.oppositeSide(side), align, sideOffset);\n\n    const positionStrategy = this.overlay\n      .position()\n      .flexibleConnectedTo(this.el)\n      .withPositions([primary, fallback])\n      .withPush(false)\n      .withFlexibleDimensions(false);\n\n    this.overlayRef = this.overlay.create({\n      positionStrategy,\n      scrollStrategy: this.overlay.scrollStrategies.reposition(),\n      hasBackdrop: false,\n      panelClass: [...TOOLTIP_PANEL_CLASSES],\n    });\n\n    const tooltipId = `ui-tooltip-${nextTooltipId++}`;\n    this.overlayRef.overlayElement.id = tooltipId;\n    this.overlayRef.overlayElement.setAttribute('role', 'tooltip');\n\n    const portal = new TemplatePortal(this.uiTooltipTrigger().template, this.vcr);\n    this.overlayRef.attach(portal);\n    this.bindOverlayLifecycle();\n\n    this.contentId.set(tooltipId);\n    this.isOpen.set(true);\n\n    if (!this.isDestroying) {\n      this.openedChange.emit(true);\n    }\n  }\n\n  close(): void {\n    this.clearOpenTimeout();\n    this.clearCloseTimeout();\n\n    if (!this.isOpen()) {\n      return;\n    }\n\n    this.overlayRef?.dispose();\n    this.overlayRef = null;\n    this.contentId.set(null);\n    this.isOpen.set(false);\n\n    if (!this.isDestroying) {\n      this.openedChange.emit(false);\n    }\n  }\n\n  private bindOverlayLifecycle(): void {\n    if (!this.overlayRef) {\n      return;\n    }\n\n    merge(\n      this.overlayRef\n        .outsidePointerEvents()\n        .pipe(filter((event) => !this.el.nativeElement.contains(event.target as Node))),\n      this.overlayRef.keydownEvents().pipe(filter((event) => event.key === 'Escape')),\n      this.overlayRef.detachments(),\n    )\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(() => this.close());\n  }\n\n  private scheduleOpen(): void {\n    this.clearCloseTimeout();\n\n    if (this.isOpen()) {\n      return;\n    }\n\n    this.clearOpenTimeout();\n    this.openTimeoutId = window.setTimeout(\n      () => {\n        this.openTimeoutId = null;\n\n        if (this.disabled() || (!this.isPointerInsideTrigger && !this.isTriggerFocused)) {\n          return;\n        }\n\n        this.open();\n      },\n      this.openDelay() ?? this.defaults?.openDelay() ?? 150,\n    );\n  }\n\n  private scheduleClose(): void {\n    this.clearOpenTimeout();\n\n    if (!this.isOpen()) {\n      return;\n    }\n\n    this.clearCloseTimeout();\n    this.closeTimeoutId = window.setTimeout(\n      () => {\n        this.closeTimeoutId = null;\n\n        if (this.isPointerInsideTrigger || this.isTriggerFocused) {\n          return;\n        }\n\n        this.close();\n      },\n      this.closeDelay() ?? this.defaults?.closeDelay() ?? 0,\n    );\n  }\n\n  private clearOpenTimeout(): void {\n    if (this.openTimeoutId !== null) {\n      window.clearTimeout(this.openTimeoutId);\n      this.openTimeoutId = null;\n    }\n  }\n\n  private clearCloseTimeout(): void {\n    if (this.closeTimeoutId !== null) {\n      window.clearTimeout(this.closeTimeoutId);\n      this.closeTimeoutId = null;\n    }\n  }\n\n  private oppositeSide(side: TooltipSide): TooltipSide {\n    return side === 'top' ? 'bottom' : side === 'bottom' ? 'top' : side === 'left' ? 'right' : 'left';\n  }\n}\n","import { Directive, effect, inject, input } from '@angular/core';\nimport { MatTooltip, TooltipPosition } from '@angular/material/tooltip';\n\n/**\n * Shadcn-styled tooltip directive. Thin wrapper around `matTooltip` that\n * forces the shadcn panel class and sensible defaults.\n *\n * @example\n * <button ui-button [uiTooltip]=\"'Save changes'\" uiTooltipPosition=\"above\">Save</button>\n */\n@Directive({\n  selector: '[uiTooltip]',\n  hostDirectives: [\n    {\n      directive: MatTooltip,\n      inputs: [\n        'matTooltipPosition: uiTooltipPosition',\n        'matTooltipDisabled: uiTooltipDisabled',\n        'matTooltipShowDelay: uiTooltipShowDelay',\n        'matTooltipHideDelay: uiTooltipHideDelay',\n        'matTooltipTouchGestures: uiTooltipTouchGestures',\n      ],\n    },\n  ],\n  exportAs: 'uiTooltip',\n})\nexport class TooltipDirective {\n  private readonly tooltip = inject(MatTooltip, { host: true });\n\n  readonly uiTooltip = input<string>('');\n\n  constructor() {\n    this.tooltip.tooltipClass = 'ui-tooltip-panel';\n    effect(() => {\n      this.tooltip.message = this.uiTooltip();\n    });\n  }\n\n  show(): void {\n    this.tooltip.show();\n  }\n\n  hide(): void {\n    this.tooltip.hide();\n  }\n}\n\nexport type { TooltipPosition };\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/edsis-ui-utils.mjs

@@ -0,0 +1,13 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { cn };
+//# sourceMappingURL=edsis-ui-utils.mjs.map

package/fesm2022/edsis-ui-utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edsis-ui-utils.mjs","sources":["../../../library/ui/utils/cn.util.ts","../../../library/ui/utils/edsis-ui-utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AAGM,SAAU,EAAE,CAAC,GAAG,MAAoB,EAAA;AACxC,IAAA,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC9B;;ACLA;;AAEG;;;;"}

package/fesm2022/edsis-ui.mjs

@@ -0,0 +1,11 @@
+/*
+ * Public API Surface of @edsis/ui
+ *
+ * Komponen dan utilitas diekspos lewat secondary entry point pada setiap folder
+ * di dalam library/ui.
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=edsis-ui.mjs.map

package/fesm2022/edsis-ui.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edsis-ui.mjs","sources":["../../../library/ui/public-api.ts","../../../library/ui/edsis-ui.ts"],"sourcesContent":["/*\n * Public API Surface of @edsis/ui\n *\n * Komponen dan utilitas diekspos lewat secondary entry point pada setiap folder\n * di dalam library/ui.\n */\n\nexport {};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA;;;;;AAKG;;ACLH;;AAEG"}

package/form/README.md

@@ -0,0 +1,210 @@
+# Form primitives
+
+The shadcn `Field` family maps to this entrypoint. Use it to compose labels,
+descriptions, grouped sections, separators, validation messages, and responsive
+field rows around the existing `input`, `textarea`, `select`, `checkbox`,
+`radio`, `switch`, and `button` primitives.
+
+## Import
+
+```ts
+import {
+  FormContentComponent,
+  FormControlDirective,
+  FormDescriptionComponent,
+  FormFieldComponent,
+  FormFieldsetComponent,
+  FormGroupComponent,
+  FormLabelComponent,
+  FormLegendComponent,
+  FormMessageComponent,
+  FormSeparatorComponent,
+  FormTitleComponent,
+} from '@edsis/ui/form';
+```
+
+## Composition
+
+Use the primitives in these roles:
+
+| Upstream concept   | Local Angular surface                                                                                  |
+| ------------------ | ------------------------------------------------------------------------------------------------------ |
+| `Field`            | `ui-form-field`                                                                                        |
+| `FieldSet`         | `fieldset[ui-form-fieldset]`                                                                           |
+| `FieldLegend`      | `legend[ui-form-legend]`                                                                               |
+| `FieldGroup`       | `ui-form-group`                                                                                        |
+| `FieldContent`     | `ui-form-content`                                                                                      |
+| `FieldLabel`       | `label[ui-form-label]` for native controls, `label[ui-label]` wrappers for checkbox/radio/switch cards |
+| `FieldTitle`       | `ui-form-title`                                                                                        |
+| `FieldDescription` | `p[ui-form-description]`                                                                               |
+| `FieldSeparator`   | `ui-form-separator`                                                                                    |
+| `FieldError`       | `p[ui-form-message]`                                                                                   |
+
+## Basic Usage
+
+For native inputs and textareas, pair `label[ui-form-label]` with
+`[uiFormControl]` so ids and helper text stay synchronized.
+
+```html
+<ui-form-field>
+  <label ui-form-label>Email</label>
+  <input ui-input uiFormControl type="email" placeholder="you@example.com" />
+  <p ui-form-description>We'll only use this address for account updates.</p>
+  <p ui-form-message>Enter a valid email address.</p>
+</ui-form-field>
+```
+
+## Common Patterns
+
+### Grouped sections
+
+Use semantic fieldsets and legends when several controls belong to the same
+question or form section.
+
+```html
+<fieldset ui-form-fieldset>
+  <legend ui-form-legend>Address information</legend>
+  <p ui-form-description>We need your address to deliver your order.</p>
+
+  <ui-form-group>
+    <ui-form-field>
+      <label ui-form-label>Street address</label>
+      <input ui-input uiFormControl placeholder="123 Main St" />
+    </ui-form-field>
+
+    <div class="grid gap-4 sm:grid-cols-2">
+      <ui-form-field>
+        <label ui-form-label>City</label>
+        <input ui-input uiFormControl placeholder="New York" />
+      </ui-form-field>
+
+      <ui-form-field>
+        <label ui-form-label>Postal code</label>
+        <input ui-input uiFormControl placeholder="10001" />
+      </ui-form-field>
+    </div>
+  </ui-form-group>
+</fieldset>
+```
+
+### Horizontal checkbox, radio, and switch rows
+
+For grouped controls, wrap the row in `label[ui-label]` so the entire card can
+toggle the control, then use `ui-form-content` for the title and helper copy.
+
+```html
+<label ui-label class="block rounded-xl border border-border p-4">
+  <ui-form-field orientation="horizontal" class="gap-4">
+    <ui-checkbox [(ngModel)]="syncDesktop" aria-label="Sync Desktop and Documents folders" />
+    <ui-form-content>
+      <ui-form-title>Sync Desktop & Documents folders</ui-form-title>
+      <p ui-form-description>Your Desktop & Documents folders are being synced with iCloud Drive.</p>
+    </ui-form-content>
+  </ui-form-field>
+</label>
+```
+
+### Select rows
+
+Select keeps its own trigger and listbox behavior. Use `ui-form-title` and
+`p[ui-form-description]` around it instead of relying on a generated `for`
+relationship.
+
+```html
+<ui-form-field>
+  <ui-form-title>Department</ui-form-title>
+  <ui-select aria-label="Department" class="block w-full" placeholder="Choose department">
+    <ui-option value="engineering">Engineering</ui-option>
+    <ui-option value="design">Design</ui-option>
+    <ui-option value="marketing">Marketing</ui-option>
+  </ui-select>
+  <p ui-form-description>Select your department or area of work.</p>
+</ui-form-field>
+```
+
+### Responsive layout
+
+Set `orientation="responsive"` on `ui-form-field` when the label and content
+should stack on narrow widths and move into columns on wider screens.
+
+```html
+<ui-form-field orientation="responsive">
+  <ui-form-content>
+    <label ui-form-label>Display name</label>
+    <p ui-form-description>Provide the public name shown in comments and invoices.</p>
+  </ui-form-content>
+  <input ui-input uiFormControl placeholder="Evil Rabbit" />
+</ui-form-field>
+```
+
+### Validation and errors
+
+`[uiFormControl]` will reflect Angular form state automatically. For external
+validation flows or static examples, use the `invalid` input on
+`ui-form-field`.
+
+```html
+<ui-form-field invalid>
+  <label ui-form-label>Email</label>
+  <input ui-input uiFormControl type="email" aria-invalid="true" placeholder="name@example.com" />
+  <p ui-form-message>Enter a valid email address.</p>
+</ui-form-field>
+```
+
+## API Reference
+
+| Primitive                  | Selector                                      | Inputs                            | Notes                                                                                  |
+| -------------------------- | --------------------------------------------- | --------------------------------- | -------------------------------------------------------------------------------------- |
+| `FormFieldComponent`       | `ui-form-field`                               | `class`, `orientation`, `invalid` | Core field wrapper. `orientation` supports `vertical`, `horizontal`, and `responsive`. |
+| `FormFieldsetComponent`    | `fieldset[ui-form-fieldset]`                  | `class`                           | Semantic fieldset reset with spacing presets.                                          |
+| `FormLegendComponent`      | `legend[ui-form-legend]`                      | `class`, `variant`                | Uses either standard legend sizing or label-sized copy.                                |
+| `FormGroupComponent`       | `ui-form-group`                               | `class`                           | Stacks related fields and separators.                                                  |
+| `FormContentComponent`     | `ui-form-content`                             | `class`                           | Secondary text column for horizontal fields and card layouts.                          |
+| `FormLabelComponent`       | `ui-form-label, label[ui-form-label]`         | `class`                           | Visible label tied to the generated control id inside a field.                         |
+| `FormTitleComponent`       | `ui-form-title`                               | `class`                           | Non-label heading for grouped controls.                                                |
+| `FormDescriptionComponent` | `ui-form-description, p[ui-form-description]` | `class`                           | Helper text inside a field or at the fieldset level.                                   |
+| `FormSeparatorComponent`   | `ui-form-separator`                           | `class`                           | Divider between stacked sections.                                                      |
+| `FormMessageComponent`     | `ui-form-message, p[ui-form-message]`         | `class`                           | Error text shown when the field is invalid.                                            |
+| `FormControlDirective`     | `[uiFormControl]`                             | none                              | Auto-wires `id`, `aria-describedby`, and invalid state for native controls.            |
+
+## Styling and Theming
+
+- Field primitives use the same design tokens as the rest of the library:
+  `border-border`, `text-foreground`, `text-muted-foreground`, `ring-ring`,
+  and `text-destructive`.
+- Pass `class` to widen or tighten the layout around a specific field.
+- `ui-form-separator` uses the border token rather than current text color so
+  dividers remain consistent across themes.
+
+## Accessibility
+
+- Prefer real `fieldset` and `legend` elements for grouped questions.
+- Keep native controls on `[uiFormControl]` when they need synchronized labels,
+  descriptions, and message ids.
+- Use `label[ui-label]` wrappers when the entire checkbox, radio, or switch row
+  should toggle the control.
+- `p[ui-form-message]` emits `role="alert"` and `aria-live="polite"`.
+
+## Keyboard Interactions
+
+- Input and textarea fields preserve browser-native editing behavior.
+- Select, checkbox, radio, and switch rows keep the interaction model of their
+  own entrypoints.
+- Field wrappers add structure and semantics but do not create extra tab stops.
+
+## Angular Notes
+
+- `ui-form-label` is best for native controls that participate in
+  `[uiFormControl]`.
+- Use `ui-form-title` when the primary text is descriptive rather than a direct
+  form label.
+- The local `responsive` orientation uses breakpoint-based layout instead of the
+  upstream container-query API.
+
+## Source Parity
+
+This package is the durable Angular-first mapping for the shadcn `Field`
+documentation. It mirrors the same information architecture while staying
+honest about local differences: there is no dedicated `field` entrypoint, and
+grouped controls continue to use the runtime behavior of the existing input,
+textarea, select, checkbox, radio, switch, and button packages.