@ojiepermana/angular-component 22.0.27

package/fesm2022/ojiepermana-angular-component-hover-card.mjs

@@ -0,0 +1,275 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, input, forwardRef, ChangeDetectionStrategy, Component, inject, TemplateRef, Directive, ViewContainerRef, ElementRef, DestroyRef, output, signal } from '@angular/core';
+import { Overlay } from '@angular/cdk/overlay';
+import { TemplatePortal } from '@angular/cdk/portal';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { connectedPositionFor, oppositeSide, overlayDismissals } from '@ojiepermana/angular-component/utils';
+
+const HOVER_CARD_DEFAULTS = new InjectionToken('HOVER_CARD_DEFAULTS');
+class HoverCardComponent {
+    side = input('bottom', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "side" }] : /* istanbul ignore next */ []));
+    align = input('center', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    sideOffset = input(8, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sideOffset" }] : /* istanbul ignore next */ []));
+    openDelay = input(100, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "openDelay" }] : /* istanbul ignore next */ []));
+    closeDelay = input(100, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "closeDelay" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: HoverCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.2", type: HoverCardComponent, isStandalone: true, selector: "HoverCard", 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: HOVER_CARD_DEFAULTS, useExisting: forwardRef(() => HoverCardComponent) }], ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: HoverCardComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'HoverCard',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [{ provide: HOVER_CARD_DEFAULTS, useExisting: forwardRef(() => HoverCardComponent) }],
+                    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 HoverCardContentDirective {
+    template = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: HoverCardContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: HoverCardContentDirective, isStandalone: true, selector: "ng-template[HoverCardContent]", exportAs: ["HoverCardContent"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: HoverCardContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[HoverCardContent]',
+                    exportAs: 'HoverCardContent',
+                }]
+        }] });
+
+// Hover cards are visual preview content (Radix-style): the trigger keeps its
+// own semantics and must NOT advertise aria-haspopup="dialog" for content that
+// is not a dialog.
+class HoverCardTriggerDirective {
+    overlay = inject(Overlay);
+    vcr = inject(ViewContainerRef);
+    el = inject(ElementRef);
+    destroyRef = inject(DestroyRef);
+    defaults = inject(HOVER_CARD_DEFAULTS, { optional: true });
+    HoverCardTrigger = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "HoverCardTrigger" }] : /* istanbul ignore next */ []));
+    side = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "side" }] : /* istanbul ignore next */ []));
+    align = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    sideOffset = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sideOffset" }] : /* istanbul ignore next */ []));
+    openDelay = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "openDelay" }] : /* istanbul ignore next */ []));
+    closeDelay = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "closeDelay" }] : /* istanbul ignore next */ []));
+    disabled = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    openedChange = output();
+    isOpen = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    overlayRef = null;
+    openTimeoutId = null;
+    closeTimeoutId = null;
+    isTriggerHovered = false;
+    isContentHovered = false;
+    isTriggerFocused = false;
+    isContentFocused = false;
+    constructor() {
+        this.destroyRef.onDestroy(() => {
+            this.clearOpenTimeout();
+            this.clearCloseTimeout();
+            this.close(false);
+        });
+    }
+    handleTriggerPointerEnter() {
+        if (this.disabled()) {
+            return;
+        }
+        this.isTriggerHovered = true;
+        this.clearCloseTimeout();
+        this.scheduleOpen();
+    }
+    handleTriggerPointerLeave(event) {
+        this.isTriggerHovered = false;
+        if (this.relatedTargetInsideContent(event.relatedTarget)) {
+            return;
+        }
+        this.scheduleClose();
+    }
+    handleTriggerFocusIn() {
+        if (this.disabled()) {
+            return;
+        }
+        this.isTriggerFocused = true;
+        this.clearCloseTimeout();
+        this.scheduleOpen();
+    }
+    handleTriggerFocusOut(event) {
+        this.isTriggerFocused = false;
+        if (this.relatedTargetInsideContent(event.relatedTarget)) {
+            return;
+        }
+        this.scheduleClose();
+    }
+    open() {
+        if (this.isOpen() || this.disabled()) {
+            return;
+        }
+        const side = this.side() ?? this.defaults?.side() ?? 'bottom';
+        const align = this.align() ?? this.defaults?.align() ?? 'center';
+        const sideOffset = this.sideOffset() ?? this.defaults?.sideOffset() ?? 8;
+        const primary = connectedPositionFor(side, align, sideOffset);
+        const fallback = connectedPositionFor(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: 'hover-card-panel',
+        });
+        const portal = new TemplatePortal(this.HoverCardTrigger().template, this.vcr);
+        this.overlayRef.attach(portal);
+        this.bindOverlayInteractions();
+        overlayDismissals(this.overlayRef, this.el.nativeElement)
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => this.close());
+        this.isOpen.set(true);
+        this.openedChange.emit(true);
+    }
+    close(emitOpenedChange = true) {
+        this.clearOpenTimeout();
+        this.clearCloseTimeout();
+        if (!this.isOpen()) {
+            return;
+        }
+        const overlayRef = this.overlayRef;
+        this.unbindOverlayInteractions();
+        this.overlayRef = null;
+        this.isContentHovered = false;
+        this.isContentFocused = false;
+        this.isOpen.set(false);
+        overlayRef?.dispose();
+        if (emitOpenedChange) {
+            this.openedChange.emit(false);
+        }
+    }
+    bindOverlayInteractions() {
+        const overlayElement = this.overlayRef?.overlayElement;
+        if (!overlayElement) {
+            return;
+        }
+        overlayElement.addEventListener('pointerenter', this.onContentPointerEnter);
+        overlayElement.addEventListener('pointerleave', this.onContentPointerLeave);
+        overlayElement.addEventListener('focusin', this.onContentFocusIn);
+        overlayElement.addEventListener('focusout', this.onContentFocusOut);
+    }
+    unbindOverlayInteractions() {
+        const overlayElement = this.overlayRef?.overlayElement;
+        if (!overlayElement) {
+            return;
+        }
+        overlayElement.removeEventListener('pointerenter', this.onContentPointerEnter);
+        overlayElement.removeEventListener('pointerleave', this.onContentPointerLeave);
+        overlayElement.removeEventListener('focusin', this.onContentFocusIn);
+        overlayElement.removeEventListener('focusout', this.onContentFocusOut);
+    }
+    onContentPointerEnter = () => {
+        this.isContentHovered = true;
+        this.clearCloseTimeout();
+    };
+    onContentPointerLeave = (event) => {
+        this.isContentHovered = false;
+        if (this.el.nativeElement.contains(event.relatedTarget)) {
+            return;
+        }
+        this.scheduleClose();
+    };
+    onContentFocusIn = () => {
+        this.isContentFocused = true;
+        this.clearCloseTimeout();
+    };
+    onContentFocusOut = (event) => {
+        this.isContentFocused = false;
+        if (this.el.nativeElement.contains(event.relatedTarget)) {
+            return;
+        }
+        this.scheduleClose();
+    };
+    scheduleOpen() {
+        this.clearCloseTimeout();
+        if (this.isOpen()) {
+            return;
+        }
+        this.clearOpenTimeout();
+        this.openTimeoutId = window.setTimeout(() => {
+            this.openTimeoutId = null;
+            if (this.disabled() || (!this.isTriggerHovered && !this.isTriggerFocused)) {
+                return;
+            }
+            this.open();
+        }, this.openDelay() ?? this.defaults?.openDelay() ?? 100);
+    }
+    scheduleClose() {
+        this.clearOpenTimeout();
+        if (!this.isOpen()) {
+            return;
+        }
+        this.clearCloseTimeout();
+        this.closeTimeoutId = window.setTimeout(() => {
+            this.closeTimeoutId = null;
+            if (this.isTriggerHovered || this.isContentHovered || this.isTriggerFocused || this.isContentFocused) {
+                return;
+            }
+            this.close();
+        }, this.closeDelay() ?? this.defaults?.closeDelay() ?? 100);
+    }
+    clearOpenTimeout() {
+        if (this.openTimeoutId !== null) {
+            window.clearTimeout(this.openTimeoutId);
+            this.openTimeoutId = null;
+        }
+    }
+    clearCloseTimeout() {
+        if (this.closeTimeoutId !== null) {
+            window.clearTimeout(this.closeTimeoutId);
+            this.closeTimeoutId = null;
+        }
+    }
+    relatedTargetInsideContent(relatedTarget) {
+        return this.overlayRef?.overlayElement.contains(relatedTarget) ?? false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: HoverCardTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: HoverCardTriggerDirective, isStandalone: true, selector: "[HoverCardTrigger]", inputs: { HoverCardTrigger: { classPropertyName: "HoverCardTrigger", publicName: "HoverCardTrigger", 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": "handleTriggerPointerEnter()", "pointerleave": "handleTriggerPointerLeave($event)", "focusin": "handleTriggerFocusIn()", "focusout": "handleTriggerFocusOut($event)", "keydown.escape": "close()" }, properties: { "attr.data-state": "isOpen() ? \"open\" : \"closed\"" } }, exportAs: ["HoverCardTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: HoverCardTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[HoverCardTrigger]',
+                    exportAs: 'HoverCardTrigger',
+                    host: {
+                        '[attr.data-state]': 'isOpen() ? "open" : "closed"',
+                        '(pointerenter)': 'handleTriggerPointerEnter()',
+                        '(pointerleave)': 'handleTriggerPointerLeave($event)',
+                        '(focusin)': 'handleTriggerFocusIn()',
+                        '(focusout)': 'handleTriggerFocusOut($event)',
+                        '(keydown.escape)': 'close()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { HoverCardTrigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "HoverCardTrigger", 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"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HOVER_CARD_DEFAULTS, HoverCardComponent, HoverCardContentDirective, HoverCardTriggerDirective };
+//# sourceMappingURL=ojiepermana-angular-component-hover-card.mjs.map

package/fesm2022/ojiepermana-angular-component-hover-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ojiepermana-angular-component-hover-card.mjs","sources":["../../../library/component/hover-card/hover-card.component.ts","../../../library/component/hover-card/hover-card-content.directive.ts","../../../library/component/hover-card/hover-card-trigger.directive.ts","../../../library/component/hover-card/ojiepermana-angular-component-hover-card.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, InjectionToken, Signal, forwardRef, input } from '@angular/core';\n\nexport type HoverCardSide = 'top' | 'right' | 'bottom' | 'left';\nexport type HoverCardAlign = 'start' | 'center' | 'end';\n\nexport interface HoverCardDefaults {\n  readonly side: Signal<HoverCardSide>;\n  readonly align: Signal<HoverCardAlign>;\n  readonly sideOffset: Signal<number>;\n  readonly openDelay: Signal<number>;\n  readonly closeDelay: Signal<number>;\n}\n\nexport const HOVER_CARD_DEFAULTS = new InjectionToken<HoverCardDefaults>('HOVER_CARD_DEFAULTS');\n\n@Component({\n  selector: 'HoverCard',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: HOVER_CARD_DEFAULTS, useExisting: forwardRef(() => HoverCardComponent) }],\n  host: {\n    class: 'contents',\n  },\n  template: '<ng-content />',\n})\nexport class HoverCardComponent implements HoverCardDefaults {\n  readonly side = input<HoverCardSide>('bottom');\n  readonly align = input<HoverCardAlign>('center');\n  readonly sideOffset = input(8);\n  readonly openDelay = input(100);\n  readonly closeDelay = input(100);\n}\n","import { Directive, TemplateRef, inject } from '@angular/core';\n\n@Directive({\n  selector: 'ng-template[HoverCardContent]',\n  exportAs: 'HoverCardContent',\n})\nexport class HoverCardContentDirective {\n  readonly template = inject<TemplateRef<unknown>>(TemplateRef);\n}\n","import { Overlay, OverlayRef } 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 { connectedPositionFor, oppositeSide, overlayDismissals } from '@ojiepermana/angular-component/utils';\n\nimport { HOVER_CARD_DEFAULTS, type HoverCardAlign, type HoverCardSide } from './hover-card.component';\nimport type { HoverCardContentDirective } from './hover-card-content.directive';\n\n// Hover cards are visual preview content (Radix-style): the trigger keeps its\n// own semantics and must NOT advertise aria-haspopup=\"dialog\" for content that\n// is not a dialog.\n@Directive({\n  selector: '[HoverCardTrigger]',\n  exportAs: 'HoverCardTrigger',\n  host: {\n    '[attr.data-state]': 'isOpen() ? \"open\" : \"closed\"',\n    '(pointerenter)': 'handleTriggerPointerEnter()',\n    '(pointerleave)': 'handleTriggerPointerLeave($event)',\n    '(focusin)': 'handleTriggerFocusIn()',\n    '(focusout)': 'handleTriggerFocusOut($event)',\n    '(keydown.escape)': 'close()',\n  },\n})\nexport class HoverCardTriggerDirective {\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(HOVER_CARD_DEFAULTS, { optional: true });\n\n  readonly HoverCardTrigger = input.required<HoverCardContentDirective>();\n  readonly side = input<HoverCardSide | undefined>(undefined);\n  readonly align = input<HoverCardAlign | 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\n  private overlayRef: OverlayRef | null = null;\n  private openTimeoutId: number | null = null;\n  private closeTimeoutId: number | null = null;\n  private isTriggerHovered = false;\n  private isContentHovered = false;\n  private isTriggerFocused = false;\n  private isContentFocused = false;\n\n  constructor() {\n    this.destroyRef.onDestroy(() => {\n      this.clearOpenTimeout();\n      this.clearCloseTimeout();\n      this.close(false);\n    });\n  }\n\n  handleTriggerPointerEnter(): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    this.isTriggerHovered = true;\n    this.clearCloseTimeout();\n    this.scheduleOpen();\n  }\n\n  handleTriggerPointerLeave(event: PointerEvent): void {\n    this.isTriggerHovered = false;\n\n    if (this.relatedTargetInsideContent(event.relatedTarget)) {\n      return;\n    }\n\n    this.scheduleClose();\n  }\n\n  handleTriggerFocusIn(): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    this.isTriggerFocused = true;\n    this.clearCloseTimeout();\n    this.scheduleOpen();\n  }\n\n  handleTriggerFocusOut(event: FocusEvent): void {\n    this.isTriggerFocused = false;\n\n    if (this.relatedTargetInsideContent(event.relatedTarget)) {\n      return;\n    }\n\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() ?? 'bottom';\n    const align = this.align() ?? this.defaults?.align() ?? 'center';\n    const sideOffset = this.sideOffset() ?? this.defaults?.sideOffset() ?? 8;\n\n    const primary = connectedPositionFor(side, align, sideOffset);\n    const fallback = connectedPositionFor(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: 'hover-card-panel',\n    });\n\n    const portal = new TemplatePortal(this.HoverCardTrigger().template, this.vcr);\n    this.overlayRef.attach(portal);\n    this.bindOverlayInteractions();\n\n    overlayDismissals(this.overlayRef, this.el.nativeElement)\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(() => this.close());\n\n    this.isOpen.set(true);\n    this.openedChange.emit(true);\n  }\n\n  close(emitOpenedChange = true): void {\n    this.clearOpenTimeout();\n    this.clearCloseTimeout();\n\n    if (!this.isOpen()) {\n      return;\n    }\n\n    const overlayRef = this.overlayRef;\n    this.unbindOverlayInteractions();\n    this.overlayRef = null;\n    this.isContentHovered = false;\n    this.isContentFocused = false;\n    this.isOpen.set(false);\n    overlayRef?.dispose();\n\n    if (emitOpenedChange) {\n      this.openedChange.emit(false);\n    }\n  }\n\n  private bindOverlayInteractions(): void {\n    const overlayElement = this.overlayRef?.overlayElement;\n\n    if (!overlayElement) {\n      return;\n    }\n\n    overlayElement.addEventListener('pointerenter', this.onContentPointerEnter);\n    overlayElement.addEventListener('pointerleave', this.onContentPointerLeave);\n    overlayElement.addEventListener('focusin', this.onContentFocusIn);\n    overlayElement.addEventListener('focusout', this.onContentFocusOut);\n  }\n\n  private unbindOverlayInteractions(): void {\n    const overlayElement = this.overlayRef?.overlayElement;\n\n    if (!overlayElement) {\n      return;\n    }\n\n    overlayElement.removeEventListener('pointerenter', this.onContentPointerEnter);\n    overlayElement.removeEventListener('pointerleave', this.onContentPointerLeave);\n    overlayElement.removeEventListener('focusin', this.onContentFocusIn);\n    overlayElement.removeEventListener('focusout', this.onContentFocusOut);\n  }\n\n  private readonly onContentPointerEnter = (): void => {\n    this.isContentHovered = true;\n    this.clearCloseTimeout();\n  };\n\n  private readonly onContentPointerLeave = (event: PointerEvent): void => {\n    this.isContentHovered = false;\n\n    if (this.el.nativeElement.contains(event.relatedTarget as Node | null)) {\n      return;\n    }\n\n    this.scheduleClose();\n  };\n\n  private readonly onContentFocusIn = (): void => {\n    this.isContentFocused = true;\n    this.clearCloseTimeout();\n  };\n\n  private readonly onContentFocusOut = (event: FocusEvent): void => {\n    this.isContentFocused = false;\n\n    if (this.el.nativeElement.contains(event.relatedTarget as Node | null)) {\n      return;\n    }\n\n    this.scheduleClose();\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.isTriggerHovered && !this.isTriggerFocused)) {\n          return;\n        }\n\n        this.open();\n      },\n      this.openDelay() ?? this.defaults?.openDelay() ?? 100,\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.isTriggerHovered || this.isContentHovered || this.isTriggerFocused || this.isContentFocused) {\n          return;\n        }\n\n        this.close();\n      },\n      this.closeDelay() ?? this.defaults?.closeDelay() ?? 100,\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 relatedTargetInsideContent(relatedTarget: EventTarget | null): boolean {\n    return this.overlayRef?.overlayElement.contains(relatedTarget as Node | null) ?? false;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ojiepermana-angular-component-icon.mjs

@@ -0,0 +1,86 @@
+import * as i0 from '@angular/core';
+import { inject, PLATFORM_ID, Service, input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { DOCUMENT, isPlatformBrowser } from '@angular/common';
+
+const MATERIAL_SYMBOLS_FONT_ATTR = 'data-icon-font';
+const MATERIAL_SYMBOLS_FONT_ID = 'material-symbols-outlined';
+const MATERIAL_SYMBOLS_FONT_HREF = 'https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0';
+class MaterialSymbolsService {
+    documentRef = inject(DOCUMENT, { optional: true });
+    platformId = inject(PLATFORM_ID);
+    ensureLoaded() {
+        const head = this.documentRef?.head;
+        if (!isPlatformBrowser(this.platformId) || !head) {
+            return;
+        }
+        const existing = head.querySelector(`link[${MATERIAL_SYMBOLS_FONT_ATTR}="${MATERIAL_SYMBOLS_FONT_ID}"]`);
+        if (existing) {
+            return;
+        }
+        const link = this.documentRef.createElement('link');
+        link.rel = 'stylesheet';
+        link.href = MATERIAL_SYMBOLS_FONT_HREF;
+        link.setAttribute(MATERIAL_SYMBOLS_FONT_ATTR, MATERIAL_SYMBOLS_FONT_ID);
+        head.appendChild(link);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: MaterialSymbolsService, deps: [], target: i0.ɵɵFactoryTarget.Service });
+    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.0.2", ngImport: i0, type: MaterialSymbolsService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: MaterialSymbolsService, decorators: [{
+            type: Service
+        }] });
+
+class IconComponent {
+    materialSymbols = inject(MaterialSymbolsService);
+    name = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    class = input('', { ...(ngDevMode ? { debugName: "class" } : /* istanbul ignore next */ {}), alias: 'class' });
+    size = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    fill = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "fill" }] : /* istanbul ignore next */ []));
+    weight = input(400, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "weight" }] : /* istanbul ignore next */ []));
+    grade = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "grade" }] : /* istanbul ignore next */ []));
+    opticalSize = input(24, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "opticalSize" }] : /* istanbul ignore next */ []));
+    resolvedSize = computed(() => this.size() ?? this.opticalSize(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedSize" }] : /* istanbul ignore next */ []));
+    fontVariationSettings = computed(() => `"FILL" ${this.fill()}, "wght" ${this.weight()}, "GRAD" ${this.grade()}, "opsz" ${this.opticalSize()}`, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "fontVariationSettings" }] : /* istanbul ignore next */ []));
+    classes = computed(() => {
+        const base = 'material-symbols-outlined inline-flex items-center justify-center leading-none select-none';
+        const extra = this.class();
+        return extra ? `${base} ${extra}` : base;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    constructor() {
+        this.materialSymbols.ensureLoaded();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.2", type: IconComponent, isStandalone: true, selector: "Icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, fill: { classPropertyName: "fill", publicName: "fill", isSignal: true, isRequired: false, transformFunction: null }, weight: { classPropertyName: "weight", publicName: "weight", isSignal: true, isRequired: false, transformFunction: null }, grade: { classPropertyName: "grade", publicName: "grade", isSignal: true, isRequired: false, transformFunction: null }, opticalSize: { classPropertyName: "opticalSize", publicName: "opticalSize", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-hidden": "true", "translate": "no" }, properties: { "class": "classes()", "style.font-size.px": "resolvedSize()", "style.line-height.px": "resolvedSize()", "style.font-variation-settings": "fontVariationSettings()" } }, ngImport: i0, template: `{{ name() }}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: IconComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'Icon',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        '[style.font-size.px]': 'resolvedSize()',
+                        '[style.line-height.px]': 'resolvedSize()',
+                        '[style.font-variation-settings]': 'fontVariationSettings()',
+                        'aria-hidden': 'true',
+                        translate: 'no',
+                    },
+                    template: `{{ name() }}`,
+                }]
+        }], ctorParameters: () => [], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], fill: [{ type: i0.Input, args: [{ isSignal: true, alias: "fill", required: false }] }], weight: [{ type: i0.Input, args: [{ isSignal: true, alias: "weight", required: false }] }], grade: [{ type: i0.Input, args: [{ isSignal: true, alias: "grade", required: false }] }], opticalSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "opticalSize", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IconComponent, MATERIAL_SYMBOLS_FONT_ATTR, MATERIAL_SYMBOLS_FONT_HREF, MATERIAL_SYMBOLS_FONT_ID, MaterialSymbolsService };
+//# sourceMappingURL=ojiepermana-angular-component-icon.mjs.map

package/fesm2022/ojiepermana-angular-component-icon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ojiepermana-angular-component-icon.mjs","sources":["../../../library/component/icon/material-symbols.service.ts","../../../library/component/icon/icon.component.ts","../../../library/component/icon/ojiepermana-angular-component-icon.ts"],"sourcesContent":["import { DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport { PLATFORM_ID, Service, inject } from '@angular/core';\n\nexport const MATERIAL_SYMBOLS_FONT_ATTR = 'data-icon-font';\nexport const MATERIAL_SYMBOLS_FONT_ID = 'material-symbols-outlined';\nexport const MATERIAL_SYMBOLS_FONT_HREF =\n  'https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0';\n\n@Service()\nexport class MaterialSymbolsService {\n  private readonly documentRef = inject(DOCUMENT, { optional: true });\n  private readonly platformId = inject(PLATFORM_ID);\n\n  ensureLoaded(): void {\n    const head = this.documentRef?.head;\n\n    if (!isPlatformBrowser(this.platformId) || !head) {\n      return;\n    }\n\n    const existing = head.querySelector(`link[${MATERIAL_SYMBOLS_FONT_ATTR}=\"${MATERIAL_SYMBOLS_FONT_ID}\"]`);\n    if (existing) {\n      return;\n    }\n\n    const link = this.documentRef.createElement('link');\n    link.rel = 'stylesheet';\n    link.href = MATERIAL_SYMBOLS_FONT_HREF;\n    link.setAttribute(MATERIAL_SYMBOLS_FONT_ATTR, MATERIAL_SYMBOLS_FONT_ID);\n    head.appendChild(link);\n  }\n}\n","import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';\nimport { MaterialSymbolsService } from './material-symbols.service';\n\n@Component({\n  selector: 'Icon',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[style.font-size.px]': 'resolvedSize()',\n    '[style.line-height.px]': 'resolvedSize()',\n    '[style.font-variation-settings]': 'fontVariationSettings()',\n    'aria-hidden': 'true',\n    translate: 'no',\n  },\n  template: `{{ name() }}`,\n})\nexport class IconComponent {\n  private readonly materialSymbols = inject(MaterialSymbolsService);\n\n  readonly name = input('');\n  readonly class = input('', { alias: 'class' });\n  readonly size = input<number | null>(null);\n  readonly fill = input(0);\n  readonly weight = input(400);\n  readonly grade = input(0);\n  readonly opticalSize = input(24);\n\n  protected readonly resolvedSize = computed(() => this.size() ?? this.opticalSize());\n  protected readonly fontVariationSettings = computed(\n    () => `\"FILL\" ${this.fill()}, \"wght\" ${this.weight()}, \"GRAD\" ${this.grade()}, \"opsz\" ${this.opticalSize()}`,\n  );\n  protected readonly classes = computed(() => {\n    const base = 'material-symbols-outlined inline-flex items-center justify-center leading-none select-none';\n    const extra = this.class();\n    return extra ? `${base} ${extra}` : base;\n  });\n\n  constructor() {\n    this.materialSymbols.ensureLoaded();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ojiepermana-angular-component-input-group.mjs

@@ -0,0 +1,179 @@
+import * as i0 from '@angular/core';
+import { input, computed, ChangeDetectionStrategy, Component, inject, ElementRef } from '@angular/core';
+import { cn } from '@ojiepermana/angular-component/utils';
+import { buttonVariants } from '@ojiepermana/angular-component/button';
+
+const GROUP_BASE = [
+    'relative flex min-w-0 flex-wrap overflow-hidden rounded-lg border border-input bg-transparent text-sm shadow-sm',
+    'transition-[border-color,box-shadow] focus-within:border-ring focus-within:ring-1 focus-within:ring-ring',
+    '[&>[data-slot=input-group-control]]:min-w-0',
+    '[&>[data-slot=input-group-control]]:flex-1',
+    '[&>[data-slot=input-group-control]]:rounded-none',
+    '[&>[data-slot=input-group-control]]:border-0',
+    '[&>[data-slot=input-group-control]]:bg-transparent',
+    '[&>[data-slot=input-group-control]]:shadow-none',
+    '[&>[data-slot=input-group-control]]:outline-none',
+    '[&>[data-slot=input-group-control]]:focus-visible:ring-0',
+    '[&>[data-slot=input-group-control]]:focus-visible:outline-none',
+].join(' ');
+const addonAlignClasses = {
+    'inline-start': ['order-10', '[border-inline-end-width:1px]', '[border-inline-end-color:hsl(var(--border))]'].join(' '),
+    'inline-end': ['order-30', '[border-inline-start-width:1px]', '[border-inline-start-color:hsl(var(--border))]'].join(' '),
+    'block-start': [
+        'order-0 basis-full py-2',
+        '[border-block-end-width:1px]',
+        '[border-block-end-color:hsl(var(--border))]',
+    ].join(' '),
+    'block-end': [
+        'order-40 basis-full py-2',
+        '[border-block-start-width:1px]',
+        '[border-block-start-color:hsl(var(--border))]',
+    ].join(' '),
+};
+const ADDON_BASE = [
+    'flex min-h-9 shrink-0 items-center gap-1.5 bg-[hsl(var(--muted)/var(--opacity-30))] px-3 text-sm text-muted-foreground',
+    '[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
+].join(' ');
+const CONTROL_BASE = [
+    'order-20 min-w-0 flex-1 bg-transparent text-sm text-foreground',
+    'placeholder:text-muted-foreground',
+    'disabled:cursor-not-allowed disabled:opacity-50',
+    'focus-visible:outline-none',
+    'aria-[invalid=true]:text-destructive',
+].join(' ');
+class InputGroupComponent {
+    class = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn(GROUP_BASE, this.class()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: InputGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.2", type: InputGroupComponent, isStandalone: true, selector: "InputGroup", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: InputGroupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'InputGroup',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { '[class]': 'classes()' },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class InputGroupAddonComponent {
+    align = input('inline-start', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    class = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn(ADDON_BASE, addonAlignClasses[this.align()], this.class()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: InputGroupAddonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.2", type: InputGroupAddonComponent, isStandalone: true, selector: "InputGroupAddon", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.data-align": "align()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: InputGroupAddonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'InputGroupAddon',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.data-align]': 'align()',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class InputGroupTextComponent {
+    class = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('inline-flex items-center gap-1.5 whitespace-nowrap text-sm leading-none text-current', this.class()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: InputGroupTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.2", type: InputGroupTextComponent, isStandalone: true, selector: "InputGroupText", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: InputGroupTextComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'InputGroupText',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { '[class]': 'classes()' },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class InputGroupButtonComponent {
+    variant = input('ghost', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    size = input('xs', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    class = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn(buttonVariants({ variant: this.variant(), size: this.size() }), 'shrink-0 shadow-none', this.class()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: InputGroupButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.2", type: InputGroupButtonComponent, isStandalone: true, selector: "button[InputGroupButton], a[InputGroupButton]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.data-size": "size()", "attr.data-variant": "variant()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: InputGroupButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'button[InputGroupButton], a[InputGroupButton]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.data-size]': 'size()',
+                        '[attr.data-variant]': 'variant()',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class InputGroupInputComponent {
+    el = inject(ElementRef);
+    class = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn(CONTROL_BASE, 'h-9 px-3 py-2', this.class()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    focus() {
+        this.el.nativeElement.focus();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: InputGroupInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.2", type: InputGroupInputComponent, isStandalone: true, selector: "input[InputGroupInput]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "input-group-control" }, properties: { "class": "classes()" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: InputGroupInputComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'input[InputGroupInput]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        'data-slot': 'input-group-control',
+                    },
+                    template: '',
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class InputGroupTextareaComponent {
+    el = inject(ElementRef);
+    class = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn(CONTROL_BASE, 'min-h-[120px] w-full resize-none px-3 py-2.5', this.class()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    focus() {
+        this.el.nativeElement.focus();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: InputGroupTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.2", type: InputGroupTextareaComponent, isStandalone: true, selector: "textarea[InputGroupTextarea]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "input-group-control" }, properties: { "class": "classes()" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: InputGroupTextareaComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'textarea[InputGroupTextarea]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        'data-slot': 'input-group-control',
+                    },
+                    template: '',
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InputGroupAddonComponent, InputGroupButtonComponent, InputGroupComponent, InputGroupInputComponent, InputGroupTextComponent, InputGroupTextareaComponent };
+//# sourceMappingURL=ojiepermana-angular-component-input-group.mjs.map