@apexara/ng-components 1.0.0

package/fesm2022/apexara-ng-components-tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"apexara-ng-components-tooltip.mjs","sources":["../../../../projects/apexara/ng-components/tooltip/src/tooltip.directive.ts","../../../../projects/apexara/ng-components/tooltip/apexara-ng-components-tooltip.ts"],"sourcesContent":["\n\nimport { Directive, Input, ElementRef, Inject, HostListener } from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\n\nimport { OSService, MobileOS, OverlayService } from '@apexara/ng-components/services';\n\nexport enum TooltipPosition {\n  Before,\n  After,\n  Above,\n  Below\n}\n\n@Directive({\n  standalone: true,\n  selector: '[ipiTooltip]'\n})\n\nexport class IpiTooltipDirective {\n\n  constructor(\n    private osService: OSService,\n    private elementRef: ElementRef,\n    private overlayService: OverlayService,\n    @Inject(DOCUMENT) private document: Document) {\n      this.platform = this.osService.mobileOS;\n    }\n\n  @Input() ipiTooltip = '';\n  @Input() tooltipPosition = TooltipPosition.Before;\n\n  private platform;\n\n  private tooltip!: HTMLElement;\n  private triangle!: HTMLElement;\n  private tooltipWrapper!: HTMLElement;\n\n  private isActivated = false;\n\n  private longPressTimeout: ReturnType<typeof setTimeout> | null = null;\n  private longPressDelay = 300; // ms before tooltip opens on mobile\n\n  private triangleWidth = 8;\n  private tooltipWidth!: number;\n  private parentElementPos!: DOMRect;\n\n  private errorMargin = 2;\n\n  public ngOnDestroy(): void {\n    if (this.longPressTimeout) {\n      clearTimeout(this.longPressTimeout);\n\n      this.longPressTimeout = null;\n    }\n\n    this.onMouseLeave();\n  }\n\n  @HostListener('mouseenter')\n  onMouseEnter(): void {\n    (this.elementRef.nativeElement as HTMLElement).style.touchAction = 'manipulation';\n    this.parentElementPos = this.getParentElementPosition();\n    this.openToolTip();\n  }\n\n  @HostListener('mouseleave')\n  onMouseLeave(): void {\n    (this.elementRef.nativeElement as HTMLElement).style.touchAction = 'auto';\n    this.closeToolTip();\n  }\n\n  @HostListener('window:resize')\n  onResize() {\n    this.closeToolTip();\n  }\n\n  @HostListener('touchstart', ['$event'])\n  onTouchStart(event: TouchEvent): void {\n    this.longPressTimeout = setTimeout(() => {\n      if (this.isActivated) {\n        return;\n      }\n\n      if (event && event.cancelable) {\n        event.preventDefault();\n      }\n\n      (this.elementRef.nativeElement as HTMLElement).style.userSelect = 'none';\n      this.parentElementPos = this.getParentElementPosition();\n      this.openToolTip();\n    }, this.longPressDelay);\n  }\n\n  @HostListener('touchend')\n  onTouchEnd(): void {\n    if (this.longPressTimeout) {\n      clearTimeout(this.longPressTimeout);\n\n      this.longPressTimeout = null;\n    }\n\n    if (this.isActivated) {\n      this.closeToolTip();\n    }\n  }\n\n  @HostListener('touchcancel')\n  onTouchCancel(): void {\n    if (this.longPressTimeout) {\n      clearTimeout(this.longPressTimeout);\n\n      this.longPressTimeout = null;\n    }\n\n    this.closeToolTip();\n  }\n\n  @HostListener('window:scroll')\n  onScroll(): void {\n    if (this.isActivated) {\n      this.parentElementPos = this.getParentElementPosition();\n\n      let parentPosTop = this.parentElementPos.top;\n\n      const tooltipElement = document.querySelector('.tooltip-wrapper') as HTMLElement;\n\n      if (this.platform === MobileOS.iOS) {\n        parentPosTop += window.visualViewport!.offsetTop;\n      }\n\n      tooltipElement.style.top = `${parentPosTop}px`;\n    }\n  }\n\n  private getParentElementPosition(): DOMRect {\n    return this.elementRef.nativeElement.getBoundingClientRect();\n  }\n\n  private openToolTip(): void {\n    this.createTooltip();\n    this.createTriangle();\n    this.createTooltipWrapper();\n\n    this.tooltipWrapper.appendChild(this.tooltip);\n    this.tooltipWrapper.appendChild(this.triangle);\n\n    this.overlayService.appendToOverlay(this.tooltipWrapper);\n\n    this.positionTooltip();\n\n    this.isActivated = true;\n  }\n\n  private closeToolTip(): void {\n    if (this.tooltipWrapper) {\n      this.overlayService.removeFromOverlay(this.tooltipWrapper);\n\n      this.isActivated = false;\n    }\n  }\n\n  private createTooltip(): void {\n    this.tooltip = this.document.createElement('div');\n    this.tooltip.classList.add('tooltip');\n\n    this.tooltip.innerHTML = this.ipiTooltip;\n\n    this.tooltip.style.gap = '10px';\n    this.tooltip.style.color = 'white';\n    this.tooltip.style.minWidth = '50px';\n    this.tooltip.style.minHeight = '10px';\n    this.tooltip.style.fontSize = '12px';\n    this.tooltip.style.fontWeight = '400';\n    this.tooltip.style.maxWidth = '200px';\n    this.tooltip.style.lineHeight = '16px';\n    this.tooltip.style.padding = '4px 8px';\n    this.tooltip.style.textAlign = 'center';\n    this.tooltip.style.borderRadius = '4px';\n    this.tooltip.style.whiteSpace = 'pre-wrap';\n    this.tooltip.style.wordBreak = 'break-word';\n    this.tooltip.style.backgroundColor = '#0B1222';\n  }\n\n  private createTriangle(): void {\n    this.triangle = this.document.createElement('div');\n    this.triangle.classList.add('triangle');\n\n    this.triangle.style.width = '0';\n    this.triangle.style.height = '0';\n    this.triangle.style.content = '';\n    this.triangle.style.borderRight = '8px solid #0B1222';\n    this.triangle.style.borderTop = '5px solid transparent';\n    this.triangle.style.borderBottom = '5px solid transparent';\n  }\n\n  private createTooltipWrapper(): void {\n    this.tooltipWrapper = this.document.createElement('div');\n    this.tooltipWrapper.classList.add('tooltip-wrapper');\n\n    this.tooltipWrapper.style.display = 'flex';\n    this.tooltipWrapper.style.position = 'absolute';\n    this.tooltipWrapper.style.alignItems = 'center';\n\n    const keyframes = [\n      { opacity: 0 },\n      { opacity: 1 }\n    ];\n\n    this.tooltipWrapper.animate(keyframes, {\n      duration: 400,\n      easing: 'ease'\n    });\n  }\n\n  private positionTooltip(): void {\n    if (this.overlayService.overlay) {\n      this.tooltipWidth = this.overlayService.overlay.querySelector('.tooltip-wrapper')?.firstElementChild?.clientWidth || 0;\n    }\n\n    switch (this.tooltipPosition) {\n      case TooltipPosition.Before:\n        this.positionBefore();\n        break;\n      case TooltipPosition.After:\n        this.positionAfter();\n        break;\n      case TooltipPosition.Above:\n        this.positionAbove();\n        break;\n      case TooltipPosition.Below:\n        this.positionBelow();\n        break;\n    }\n\n    this.repositionTooltip();\n  }\n\n  private positionBefore(): void {\n    let parentPosTop = this.parentElementPos.top;\n    let parentPosLeft = this.parentElementPos.left;\n\n    this.tooltipWrapper.style.flexDirection = 'row';\n    this.triangle.style.transform = 'rotate(180deg)';\n    this.tooltipWrapper.style.transform = `translateY(${this.parentElementPos.height / 2}px) translateY(-50%)`;\n\n    if (this.platform === MobileOS.iOS) {\n      parentPosTop += window.visualViewport!.offsetTop;\n      parentPosLeft += window.visualViewport!.offsetLeft;\n    }\n\n    this.tooltipWrapper.style.left = `${parentPosLeft - this.tooltipWidth - this.triangleWidth}px`;\n    this.tooltipWrapper.style.top = `${parentPosTop}px`;\n  }\n\n  private positionAfter(): void {\n    let parentPosTop = this.parentElementPos.top;\n    let parentPosRight = this.parentElementPos.right;\n\n    this.triangle.style.transform = 'rotate(0deg)';\n    this.tooltipWrapper.style.flexDirection = 'row-reverse';\n    this.tooltipWrapper.style.transform = `translateY(${this.parentElementPos.height / 2}px) translateY(-50%)`;\n\n    if (this.platform === MobileOS.iOS) {\n      parentPosTop += window.visualViewport!.offsetTop;\n      parentPosRight += window.visualViewport!.offsetLeft;\n    }\n\n    this.tooltipWrapper.style.top = `${parentPosTop}px`;\n    this.tooltipWrapper.style.left = `${parentPosRight}px`;\n  }\n\n  private positionAbove(): void {\n    let parentPosTop = this.parentElementPos.top;\n    let parentPosLeft = this.parentElementPos.left;\n\n    this.tooltipWrapper.style.flexDirection = 'column';\n    this.tooltipWrapper.style.transform = 'translateY(-100%)';\n    this.tooltipWrapper.style.transform = 'translateY(-100%)';\n\n    if (this.platform === MobileOS.iOS) { \n      parentPosTop += window.visualViewport!.offsetTop;\n      parentPosLeft += window.visualViewport!.offsetLeft;\n    }\n\n    this.tooltipWrapper.style.top = `${parentPosTop}px`;\n    this.tooltipWrapper.style.left = ` ${ (parentPosLeft + this.parentElementPos.width / 2) - this.tooltipWidth / 2 }px`;\n\n\n    this.triangle.style.transform = 'rotate(-90deg) translateX(1px)';\n  }\n\n  private positionBelow(): void {\n    let parentPosTop = this.parentElementPos.top;\n    let parentPosLeft = this.parentElementPos.left;\n\n    this.tooltipWrapper.style.flexDirection = 'column-reverse';\n    this.triangle.style.transform = 'rotate(90deg) translateX(1px)';\n    this.tooltipWrapper.style.transform = `translateY(${this.parentElementPos.height}px)`;\n\n    if (this.platform === MobileOS.iOS) { \n      parentPosTop += window.visualViewport!.offsetTop;\n      parentPosLeft += window.visualViewport!.offsetLeft;\n    }\n\n    this.tooltipWrapper.style.top = ` ${parentPosTop}px`;\n    this.tooltipWrapper.style.left = ` ${ (parentPosLeft + this.parentElementPos.width / 2) - this.tooltipWidth / 2 }px`;  \n  }\n\n  private repositionTooltip(): void {\n    const tooltipPosition = this.tooltipWrapper.getBoundingClientRect();\n\n    let tooltipX = tooltipPosition.x;\n\n    if (this.platform === MobileOS.iOS) {\n      tooltipX += window.visualViewport!.offsetLeft;\n    }\n\n    switch (this.tooltipPosition) {\n      case TooltipPosition.Before:\n        if (tooltipPosition.x < 0) {\n          this.positionAfter();\n        }\n\n        if (window.innerWidth - tooltipPosition.right <= tooltipPosition.width) {\n          this.positionAbove();\n        }\n\n        break;\n      case TooltipPosition.After:\n        \n        if (window.innerWidth < tooltipX + tooltipPosition.width) {\n          this.positionBefore();\n        }\n\n        if (tooltipPosition.width > this.parentElementPos.left) {\n          this.positionAbove();\n        }\n\n        break;\n      case TooltipPosition.Above:\n        if (tooltipX < 0) {\n          this.positionAfter();\n\n          break;\n        }\n\n        if (tooltipPosition.left > window.innerWidth / 2 && (tooltipPosition.left + tooltipPosition.width / 2) + this.errorMargin < this.parentElementPos.left + this.parentElementPos.width / 2) {\n          this.positionBefore();\n\n          break;\n        }\n\n        if (this.parentElementPos.top < tooltipPosition.height) {\n          this.positionBelow();\n        }\n\n        break;\n      case TooltipPosition.Below:\n        if (tooltipX < 0) {\n          this.positionAfter();\n\n          break;\n        }\n\n        if (tooltipPosition.left > window.innerWidth / 2 && (tooltipPosition.left + tooltipPosition.width / 2) + this.errorMargin < this.parentElementPos.left + this.parentElementPos.width / 2) {\n          this.positionBefore();\n\n          break;\n        }\n\n        if (window.innerHeight - this.parentElementPos.bottom < tooltipPosition.height) {\n          this.positionAbove();\n        }\n\n        break;\n    }\n  }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/apexara-ng-components.mjs

@@ -0,0 +1,8 @@
+const NG_COMPONENTS = "@apexara/ng-components";
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NG_COMPONENTS };
+//# sourceMappingURL=apexara-ng-components.mjs.map

package/fesm2022/apexara-ng-components.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"apexara-ng-components.mjs","sources":["../../../../projects/apexara/ng-components/public-api.ts","../../../../projects/apexara/ng-components/apexara-ng-components.ts"],"sourcesContent":["export const NG_COMPONENTS = \"@apexara/ng-components\";\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAO,MAAM,aAAa,GAAG;;ACA7B;;AAEG;;;;"}

package/package.json

@@ -0,0 +1,146 @@
+{
+  "name": "@apexara/ng-components",
+  "version": "1.0.0",
+  "private": false,
+  "peerDependencies": {
+    "@angular/animations": ">=20 <22",
+    "@angular/cdk": ">=20 <22",
+    "@angular/common": ">=20 <22",
+    "@angular/core": ">=20 <22",
+    "@angular/forms": ">=20 <22",
+    "@angular/material": ">=20 <22",
+    "@angular/platform-browser": ">=20 <22",
+    "rxjs": "^7.8.0"
+  },
+  "dependencies": {
+    "tslib": "^2.8.0"
+  },
+  "author": "apexara",
+  "license": "ISC",
+  "description": "Custom Angular Components",
+  "keywords": [
+    "Angular 20",
+    "Angular 21",
+    "Angular Components",
+    "Angular UI Components",
+    "Angular Material Components",
+    "Angular Material UI",
+    "UI Components",
+    "Angular Library",
+    "Angular Table",
+    "Angular Select",
+    "Angular Expander",
+    "Angular Dialog",
+    "Angular Input",
+    "Angular Chip",
+    "Angular Checkbox",
+    "Angular Textarea",
+    "Angular Snackbar",
+    "Angular Dialog",
+    "Angular Button",
+    "Angular Radiobutton",
+    "Angular Services",
+    "Angular Tooltip",
+    "Angular Loader",
+    "Angular Image",
+    "ng table",
+    "ng input",
+    "ng checkbox",
+    "ng button",
+    "ng expander",
+    "ng dialog",
+    "ng image",
+    "ng listbox",
+    "ng radiobutton",
+    "ng select",
+    "ng services",
+    "ng loader",
+    "ng scrollblock",
+    "ng tooltip",
+    "ng textarea"
+  ],
+  "module": "fesm2022/apexara-ng-components.mjs",
+  "typings": "types/apexara-ng-components.d.ts",
+  "sideEffects": false,
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/apexara-ng-components.d.ts",
+      "default": "./fesm2022/apexara-ng-components.mjs"
+    },
+    "./button": {
+      "types": "./types/apexara-ng-components-button.d.ts",
+      "default": "./fesm2022/apexara-ng-components-button.mjs"
+    },
+    "./carousel": {
+      "types": "./types/apexara-ng-components-carousel.d.ts",
+      "default": "./fesm2022/apexara-ng-components-carousel.mjs"
+    },
+    "./checkbox": {
+      "types": "./types/apexara-ng-components-checkbox.d.ts",
+      "default": "./fesm2022/apexara-ng-components-checkbox.mjs"
+    },
+    "./chip": {
+      "types": "./types/apexara-ng-components-chip.d.ts",
+      "default": "./fesm2022/apexara-ng-components-chip.mjs"
+    },
+    "./datepicker": {
+      "types": "./types/apexara-ng-components-datepicker.d.ts",
+      "default": "./fesm2022/apexara-ng-components-datepicker.mjs"
+    },
+    "./dialog": {
+      "types": "./types/apexara-ng-components-dialog.d.ts",
+      "default": "./fesm2022/apexara-ng-components-dialog.mjs"
+    },
+    "./drawer": {
+      "types": "./types/apexara-ng-components-drawer.d.ts",
+      "default": "./fesm2022/apexara-ng-components-drawer.mjs"
+    },
+    "./expander": {
+      "types": "./types/apexara-ng-components-expander.d.ts",
+      "default": "./fesm2022/apexara-ng-components-expander.mjs"
+    },
+    "./image": {
+      "types": "./types/apexara-ng-components-image.d.ts",
+      "default": "./fesm2022/apexara-ng-components-image.mjs"
+    },
+    "./input": {
+      "types": "./types/apexara-ng-components-input.d.ts",
+      "default": "./fesm2022/apexara-ng-components-input.mjs"
+    },
+    "./listbox": {
+      "types": "./types/apexara-ng-components-listbox.d.ts",
+      "default": "./fesm2022/apexara-ng-components-listbox.mjs"
+    },
+    "./radiobutton": {
+      "types": "./types/apexara-ng-components-radiobutton.d.ts",
+      "default": "./fesm2022/apexara-ng-components-radiobutton.mjs"
+    },
+    "./select": {
+      "types": "./types/apexara-ng-components-select.d.ts",
+      "default": "./fesm2022/apexara-ng-components-select.mjs"
+    },
+    "./services": {
+      "types": "./types/apexara-ng-components-services.d.ts",
+      "default": "./fesm2022/apexara-ng-components-services.mjs"
+    },
+    "./snackbar": {
+      "types": "./types/apexara-ng-components-snackbar.d.ts",
+      "default": "./fesm2022/apexara-ng-components-snackbar.mjs"
+    },
+    "./table": {
+      "types": "./types/apexara-ng-components-table.d.ts",
+      "default": "./fesm2022/apexara-ng-components-table.mjs"
+    },
+    "./textarea": {
+      "types": "./types/apexara-ng-components-textarea.d.ts",
+      "default": "./fesm2022/apexara-ng-components-textarea.mjs"
+    },
+    "./tooltip": {
+      "types": "./types/apexara-ng-components-tooltip.d.ts",
+      "default": "./fesm2022/apexara-ng-components-tooltip.mjs"
+    }
+  }
+}

package/types/apexara-ng-components-button.d.ts

@@ -0,0 +1,27 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+
+interface IpiButtonOptions {
+    iconLeft?: string;
+    iconRight?: string;
+    throttleTimeMs?: number;
+}
+declare class IpiButtonComponent {
+    link: string | null;
+    state: any | null;
+    options: IpiButtonOptions;
+    ariaLabel: string;
+    focusChange: EventEmitter<FocusEvent>;
+    clickChange: EventEmitter<KeyboardEvent | PointerEvent | MouseEvent>;
+    private clickSubject;
+    constructor();
+    ngAfterViewInit(): void;
+    onClick(event: KeyboardEvent | PointerEvent | MouseEvent): void;
+    onFocusChange(event: FocusEvent): void;
+    handleKeydown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IpiButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IpiButtonComponent, "ipi-button", never, { "link": { "alias": "link"; "required": false; }; "state": { "alias": "state"; "required": false; }; "options": { "alias": "options"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "focusChange": "focusChange"; "clickChange": "clickChange"; }, never, ["*"], true, never>;
+}
+
+export { IpiButtonComponent };
+export type { IpiButtonOptions };

package/types/apexara-ng-components-carousel.d.ts

@@ -0,0 +1,31 @@
+import * as i0 from '@angular/core';
+import { ElementRef } from '@angular/core';
+import { Subject } from 'rxjs';
+
+declare class IpiCarouselComponent {
+    constructor();
+    carousel: ElementRef<HTMLDivElement>;
+    prevButton: ElementRef;
+    nextButton: ElementRef;
+    scrollProgress: number;
+    scrollAnimationDuration: number;
+    scrollSubject: Subject<"next" | "prev">;
+    private currentCenteredElemIndex;
+    private isProgrammaticScroll;
+    private scrollSubscription;
+    private platformId;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    scroll(direction: 'prev' | 'next'): void;
+    onResize(): void;
+    onNavigationKeydown(event: KeyboardEvent, direction: 'prev' | 'next'): void;
+    onScroll(event: Event): void;
+    private updateProgressBar;
+    private updateCurrentCenterdElemIndex;
+    private applyScrollSnapAlign;
+    private adjustCarouselSpacing;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IpiCarouselComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IpiCarouselComponent, "ipi-carousel", never, {}, {}, never, ["*"], true, never>;
+}
+
+export { IpiCarouselComponent };

package/types/apexara-ng-components-checkbox.d.ts

@@ -0,0 +1,29 @@
+import * as i0 from '@angular/core';
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { TooltipPosition } from '@apexara/ng-components/tooltip';
+
+interface IpiCheckboxOptions {
+    formGroup?: FormGroup;
+    formControlName?: string;
+}
+declare class IpiCheckboxComponent {
+    private changeDetectorRef;
+    constructor(changeDetectorRef: ChangeDetectorRef);
+    checked: boolean;
+    disabled: boolean;
+    tooltip: string | null;
+    options: IpiCheckboxOptions | null;
+    clickChange: EventEmitter<boolean>;
+    tooltipPosition: typeof TooltipPosition;
+    private controlSubscription;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    onChange(): void;
+    private checkIfControlDisabled;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IpiCheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IpiCheckboxComponent, "ipi-checkbox", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "clickChange": "clickChange"; }, never, ["*"], true, never>;
+}
+
+export { IpiCheckboxComponent };
+export type { IpiCheckboxOptions };

package/types/apexara-ng-components-chip.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+
+declare class IpiChipComponent {
+    closeIcon: boolean;
+    closeChange: EventEmitter<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IpiChipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IpiChipComponent, "ipi-chip", never, { "closeIcon": { "alias": "closeIcon"; "required": false; }; }, { "closeChange": "closeChange"; }, never, ["*"], true, never>;
+}
+
+export { IpiChipComponent };

package/types/apexara-ng-components-datepicker.d.ts

@@ -0,0 +1,172 @@
+import * as i0 from '@angular/core';
+import { NgZone, ElementRef, ChangeDetectorRef } from '@angular/core';
+import { ValidatorFn, FormGroup } from '@angular/forms';
+import { ControlErrors } from '@apexara/ng-components/select';
+import { OSService, OverlayService } from '@apexara/ng-components/services';
+
+declare class IpiDatepickerService {
+    DAYS_PER_WEEK: number;
+    yearsPerRow: number;
+    yearsPerPage: number;
+    private dateLocale;
+    formatter: Intl.DateTimeFormat;
+    dateFormats: {
+        display: {
+            dateInput: {
+                year: string;
+                month: string;
+                day: string;
+            };
+            monthLabel: {
+                month: string;
+            };
+            monthYearLabel: {
+                year: string;
+                month: string;
+            };
+            dateA11yLabel: {
+                year: string;
+                month: string;
+                day: string;
+            };
+            monthYearA11yLabel: {
+                year: string;
+                month: string;
+            };
+        };
+    };
+    today(): Date;
+    getDate(date: Date): number;
+    getMonth(date: Date): number;
+    getYear(date: Date): number;
+    getDayOfWeek(date: Date): number;
+    getDateLocale(): string;
+    setDateLocale(value: string): void;
+    getMonthNames(style: 'long' | 'short' | 'narrow'): string[];
+    getFirstDayOfWeek(): number;
+    getValidDateOrNull(obj: unknown): Date | null;
+    getDayOfWeekNames(style: 'long' | 'short' | 'narrow'): string[];
+    getDateNames(): string[];
+    getYearName(date: Date): string;
+    getNumDaysInMonth(date: Date): number;
+    createDate(year: number, month: number, date: number): Date;
+    addCalendarDays(date: Date, days: number): Date;
+    addCalendarMonths(date: Date, months: number): Date;
+    addCalendarYears(date: Date, years: number): Date;
+    setTime(date: Date, hours: number, minutes: number): Date;
+    sameDate(first: Date | null, second: Date | null): boolean;
+    /**
+    * Compares two dates.
+    * @param first The first date to compare.
+    * @param second The second date to compare.
+    * @returns 0 if the dates are equal, a number less than 0 if the first date is earlier,
+    *     a number greater than 0 if the first date is later.
+    */
+    compareDate(first: Date, second: Date): number;
+    deserialize(value: any): Date | null;
+    clampDate(date: Date, min?: Date | null, max?: Date | null): Date;
+    formatDate(date: Date, displayFormat: Object): string;
+    minValidator(minDate: Date): ValidatorFn;
+    maxValidator(maxDate: Date): ValidatorFn;
+    /** Creates a date but allows the month and date to overflow. */
+    private createDateWithOverflow;
+    private format;
+    private isDateInstance;
+    private isValid;
+    private invalid;
+    getActiveOffset<D>(activeDate: Date, minDate: Date | null, maxDate: Date | null): number;
+    private getStartingYear;
+    positiveModulo(a: number, b: number): number;
+    isSameMultiYearView<D>(date1: Date, date2: Date, minDate: Date | null, maxDate: Date | null): boolean;
+    private range;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IpiDatepickerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IpiDatepickerService>;
+}
+
+declare class DefaultCalendarRangeStrategy {
+    private datepickerService;
+    constructor(datepickerService: IpiDatepickerService);
+    selectionFinished(date: Date, currentRange: DateRange): DateRange;
+    createPreview(activeDate: Date | null, currentRange: DateRange): DateRange;
+    createDrag(dragOrigin: Date, originalRange: DateRange, newDate: Date): DateRange | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DefaultCalendarRangeStrategy, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DefaultCalendarRangeStrategy>;
+}
+
+interface DateSelectionEvent<D> {
+    value: D;
+    event: Event;
+}
+/** A class representing a range of dates. */
+declare class DateRange {
+    readonly start: Date | null;
+    readonly end: Date | null;
+    constructor(start: Date | null, end: Date | null);
+}
+declare class DateRangeFormControls {
+    readonly start: string;
+    readonly end: string;
+    constructor(start: string, end: string);
+}
+interface IpiDatepickerOptions {
+    label: string;
+    formGroup: FormGroup;
+    formControlName: string | DateRangeFormControls;
+    min?: Date;
+    max?: Date;
+    errors?: ControlErrors;
+}
+declare class IpiDatepickerComponent {
+    private ngZone;
+    private osService;
+    private elementRef;
+    private overlayService;
+    private changeDetectorRef;
+    private datepickerService;
+    private rangeSelectionStrategy;
+    constructor(ngZone: NgZone, osService: OSService, elementRef: ElementRef, overlayService: OverlayService, changeDetectorRef: ChangeDetectorRef, datepickerService: IpiDatepickerService, rangeSelectionStrategy: DefaultCalendarRangeStrategy);
+    datepicker: ElementRef<HTMLElement> | null;
+    calendar: ElementRef<HTMLElement> | null;
+    options: IpiDatepickerOptions;
+    get activeDate(): Date | null;
+    set activeDate(value: Date);
+    get minDate(): Date | null;
+    set minDate(value: Date | null);
+    get maxDate(): Date | null;
+    set maxDate(value: Date | null);
+    get selectedDate(): DateRange | Date | null;
+    set selectedDate(value: DateRange | Date | null);
+    shouldShowCalendar: boolean;
+    closeButtonFocused: boolean;
+    formErrorMessage: string | null;
+    private errors;
+    private _activeDate;
+    private _selected;
+    private _minDate;
+    private _maxDate;
+    private formControlSubscriptions;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    activateControl(): void;
+    onClick(event: PointerEvent): void;
+    getDisplayValue(): string;
+    getformErrorMessage(): string | null;
+    onCloseClick(): void;
+    onCloseKeyDown(event: KeyboardEvent): void;
+    handleDragAndDropEnd(event: any): void;
+    handleUserSelection(event: DateSelectionEvent<Date | null>): void;
+    private closeCalendar;
+    private generateCalendarPosition;
+    private setFormSubscriptions;
+    private checkPosition;
+    private initDefaultErrors;
+    private getErrorIfControlInvalid;
+    private setMinValidator;
+    private setMaxValidator;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IpiDatepickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IpiDatepickerComponent, "ipi-datepicker", never, { "options": { "alias": "options"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+export { DateRange, DateRangeFormControls, IpiDatepickerComponent, IpiDatepickerService };
+export type { DateSelectionEvent, IpiDatepickerOptions };

package/types/apexara-ng-components-dialog.d.ts

@@ -0,0 +1,24 @@
+import * as i0 from '@angular/core';
+import { OnDestroy, ElementRef, TemplateRef, EventEmitter } from '@angular/core';
+import { OverlayService } from '@apexara/ng-components/services';
+
+declare class IpiDialogComponent implements OnDestroy {
+    private elementRef;
+    private overlayService;
+    constructor(elementRef: ElementRef, overlayService: OverlayService);
+    title?: TemplateRef<any>;
+    description?: TemplateRef<any>;
+    content?: TemplateRef<any>;
+    actions?: TemplateRef<any>;
+    closeIconTemplate?: ElementRef;
+    closeIcon: boolean;
+    closeIconClick: EventEmitter<void>;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    onCloseIconClick(): void;
+    handleKeydown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IpiDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IpiDialogComponent, "ipi-dialog", never, { "closeIcon": { "alias": "closeIcon"; "required": false; }; }, { "closeIconClick": "closeIconClick"; }, ["title", "description", "content", "actions"], never, true, never>;
+}
+
+export { IpiDialogComponent };

package/types/apexara-ng-components-drawer.d.ts

@@ -0,0 +1,22 @@
+import * as i0 from '@angular/core';
+import { AfterViewInit, OnDestroy, ChangeDetectorRef, EventEmitter, TemplateRef } from '@angular/core';
+import { ScrollBlockService } from '@apexara/ng-components/services';
+
+declare class IpiDrawerComponent implements AfterViewInit, OnDestroy {
+    private scrollBlockService;
+    private changeDetector;
+    constructor(scrollBlockService: ScrollBlockService, changeDetector: ChangeDetectorRef);
+    isOpen: boolean;
+    closeChange: EventEmitter<void>;
+    title?: TemplateRef<any>;
+    description?: TemplateRef<any>;
+    content?: TemplateRef<any>;
+    actions?: TemplateRef<any>;
+    ngOnDestroy(): void;
+    ngAfterViewInit(): void;
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IpiDrawerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IpiDrawerComponent, "ipi-drawer", never, {}, { "closeChange": "closeChange"; }, ["title", "description", "content", "actions"], never, true, never>;
+}
+
+export { IpiDrawerComponent };

package/types/apexara-ng-components-expander.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from '@angular/core';
+
+declare class IpiExpanderComponent {
+    isOpen: boolean;
+    maxHeight: number | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IpiExpanderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IpiExpanderComponent, "ipi-expander", never, { "isOpen": { "alias": "isOpen"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; }, {}, never, ["[title]", "[content]"], true, never>;
+}
+
+export { IpiExpanderComponent };

package/types/apexara-ng-components-image.d.ts

@@ -0,0 +1,46 @@
+import * as i0 from '@angular/core';
+import { ElementRef, Renderer2, ChangeDetectorRef, SimpleChanges } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { Observable } from 'rxjs';
+
+declare class IpiImgService {
+    private http;
+    private document;
+    constructor(http: HttpClient, document: Document);
+    private svgs;
+    private svgsLoading;
+    defaultSvg: string;
+    loadImg(url: string): Observable<SVGElement> | string;
+    private getSvg;
+    private createSVG;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IpiImgService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IpiImgService>;
+}
+
+declare class IpiImageComponent {
+    private element;
+    private renderer;
+    private imgService;
+    private document;
+    private changeDetectorRef;
+    constructor(element: ElementRef, renderer: Renderer2, imgService: IpiImgService, document: Document, changeDetectorRef: ChangeDetectorRef);
+    src: string;
+    ariaLabel: string;
+    private helper;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngOnChanges(changeRecord: SimpleChanges): void;
+    private init;
+    private destroy;
+    private initImage;
+    private initSvg;
+    private setAriaLabel;
+    private setStyling;
+    private onImgError;
+    private copyNgContentAttribute;
+    private setNgContentAttribute;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IpiImageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IpiImageComponent, "ipi-img", never, { "src": { "alias": "src"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+export { IpiImageComponent, IpiImgService };

package/types/apexara-ng-components-input.d.ts

@@ -0,0 +1,51 @@
+import * as i0 from '@angular/core';
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { TooltipPosition } from '@apexara/ng-components/tooltip';
+
+interface IpiInputOptions {
+    label: string;
+    type?: string;
+    tooltip?: string;
+    disabled?: boolean;
+    placeholder?: string;
+    helperText?: string;
+    helperRoute?: string;
+    prefixImg?: string;
+    suffixImg?: string;
+    formGroup?: FormGroup;
+    formControlName?: string;
+    errors?: IpiControlErrors;
+}
+interface IpiControlErrors {
+    [x: string]: string;
+}
+declare class IpiInputComponent {
+    private changeDetectorRef;
+    constructor(changeDetectorRef: ChangeDetectorRef);
+    options: IpiInputOptions;
+    inputChange: EventEmitter<string>;
+    suffixImgChange: EventEmitter<void>;
+    helperTextChange: EventEmitter<void>;
+    label: string;
+    controlInvalid: boolean;
+    tooltipPosition: typeof TooltipPosition;
+    private controlSubscription;
+    private control;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    onInput(event: Event): void;
+    onSuffixImage(): void;
+    onHelperText(): void;
+    onFocusOut(): void;
+    private setControl;
+    private initChange;
+    private checkIfControlInvalid;
+    private checkIfControlDisabled;
+    private getLabel;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IpiInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IpiInputComponent, "ipi-input", never, { "options": { "alias": "options"; "required": false; }; }, { "inputChange": "inputChange"; "suffixImgChange": "suffixImgChange"; "helperTextChange": "helperTextChange"; }, never, never, true, never>;
+}
+
+export { IpiInputComponent };
+export type { IpiControlErrors, IpiInputOptions };