primenglab 22.0.0-beta.1

package/types/primenglab-types-scrolltop.d.ts

@@ -0,0 +1,71 @@
+import { TemplateRef } from '@angular/core';
+import { MotionOptions } from '@primeuix/motion';
+import { PassThrough, PassThroughOption } from 'primenglab/api';
+import { ButtonPassThrough } from 'primenglab/types/button';
+
+/**
+ * Defines the target of the ScrollTop.
+ * @group Types
+ */
+type ScrollTopTarget = 'window' | 'parent';
+/**
+ * Defines the scrolling behavior of the ScrollTop.
+ * @group Types
+ */
+type ScrollTopBehavior = 'auto' | 'smooth';
+/**
+ * Custom pass-through(pt) options.
+ * @template I Type of instance.
+ *
+ * @see {@link ScrollTop.pt}
+ * @group Interface
+ */
+interface ScrollTopPassThroughOptions<I = unknown> {
+    /**
+     * Used to pass attributes to the host's DOM element.
+     */
+    host?: PassThroughOption<HTMLElement, I>;
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: PassThroughOption<HTMLElement, I>;
+    /**
+     * Used to pass attributes to the Button component.
+     * @see {@link ButtonPassThrough}
+     */
+    pcButton?: ButtonPassThrough;
+    /**
+     * Used to pass options to the motion component/directive.
+     */
+    motion?: MotionOptions;
+}
+/**
+ * Defines valid pass-through options in ScrollTop.
+ * @see {@link ScrollTopPassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type ScrollTopPassThrough<I = unknown> = PassThrough<I, ScrollTopPassThroughOptions<I>>;
+/**
+ * Custom icon template context.
+ * @group Interface
+ */
+interface ScrollTopIconTemplateContext {
+    /**
+     * Style class of the icon.
+     */
+    styleClass: string;
+}
+/**
+ * Defines valid templates in ScrollTop.
+ * @group Templates
+ */
+interface ScrollTopTemplates {
+    /**
+     * Custom icon template.
+     * @param {ScrollTopIconTemplateContext} context - icon context.
+     */
+    icon(context: ScrollTopIconTemplateContext): TemplateRef<ScrollTopIconTemplateContext>;
+}
+
+export type { ScrollTopBehavior, ScrollTopIconTemplateContext, ScrollTopPassThrough, ScrollTopPassThroughOptions, ScrollTopTarget, ScrollTopTemplates };

package/types/primenglab-types-select.d.ts

@@ -0,0 +1,330 @@
+import { TemplateRef } from '@angular/core';
+import { ScrollerOptions, PassThrough, PassThroughOption } from 'primenglab/api';
+import { IconFieldPassThrough } from 'primenglab/types/iconfield';
+import { InputIconPassThrough } from 'primenglab/types/inputicon';
+import { InputTextPassThrough } from 'primenglab/types/inputtext';
+import { OverlayPassThrough } from 'primenglab/types/overlay';
+import { VirtualScrollerPassThrough } from 'primenglab/types/scroller';
+
+/**
+ * Custom pass-through(pt) options.
+ * @template I Type of instance.
+ *
+ * @see {@link Select.pt}
+ * @group Interface
+ */
+interface SelectPassThroughOptions<I = unknown> {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: PassThroughOption<HTMLSpanElement, I>;
+    /**
+     * Used to pass attributes to the label's DOM element.
+     */
+    label?: PassThroughOption<HTMLSpanElement | HTMLInputElement, I>;
+    /**
+     * Used to pass attributes to the clear icon's DOM element.
+     */
+    clearIcon?: PassThroughOption<HTMLElement, I>;
+    /**
+     * Used to pass attributes to the dropdown's DOM element.
+     */
+    dropdown?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the loading icon's DOM element.
+     */
+    loadingIcon?: PassThroughOption<HTMLSpanElement, I>;
+    /**
+     * Used to pass attributes to the dropdown icon's DOM element.
+     */
+    dropdownIcon?: PassThroughOption<HTMLElement, I>;
+    /**
+     * Used to pass attributes to the Overlay component.
+     * @see {@link OverlayPassThrough}
+     */
+    pcOverlay?: OverlayPassThrough;
+    /**
+     * Used to pass attributes to the header's DOM element.
+     */
+    header?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the filter container's DOM element.
+     */
+    pcFilterContainer?: IconFieldPassThrough;
+    /**
+     * Used to pass attributes to the filter input's DOM element.
+     */
+    pcFilter?: InputTextPassThrough;
+    /**
+     * Used to pass attributes to the filter icon container's DOM element.
+     */
+    pcFilterIconContainer?: InputIconPassThrough;
+    /**
+     * Used to pass attributes to the filter icon's DOM element.
+     */
+    filterIcon?: PassThroughOption<HTMLElement, I>;
+    /**
+     * Used to pass attributes to the list container's DOM element.
+     */
+    listContainer?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the VirtualScroller component.
+     * @see {@link ScrollerOptions}
+     */
+    virtualScroller?: VirtualScrollerPassThrough;
+    /**
+     * Used to pass attributes to the list's DOM element.
+     */
+    list?: PassThroughOption<HTMLUListElement, I>;
+    /**
+     * Used to pass attributes to the option group's DOM element.
+     */
+    optionGroup?: PassThroughOption<HTMLLIElement, I>;
+    /**
+     * Used to pass attributes to the option group label's DOM element.
+     */
+    optionGroupLabel?: PassThroughOption<HTMLSpanElement, I>;
+    /**
+     * Used to pass attributes to the option's DOM element.
+     */
+    option?: PassThroughOption<HTMLLIElement, I>;
+    /**
+     * Used to pass attributes to the option check icon's DOM element.
+     */
+    optionCheckIcon?: PassThroughOption<HTMLElement, I>;
+    /**
+     * Used to pass attributes to the option blank icon's DOM element.
+     */
+    optionBlankIcon?: PassThroughOption<HTMLElement, I>;
+    /**
+     * Used to pass attributes to the option label's DOM element.
+     */
+    optionLabel?: PassThroughOption<HTMLSpanElement, I>;
+    /**
+     * Used to pass attributes to the empty message's DOM element.
+     */
+    emptyMessage?: PassThroughOption<HTMLLIElement, I>;
+    /**
+     * Used to pass attributes to the hidden first focusable element's DOM element.
+     */
+    hiddenFirstFocusableEl?: PassThroughOption<HTMLSpanElement, I>;
+    /**
+     * Used to pass attributes to the hidden filter result's DOM element.
+     */
+    hiddenFilterResult?: PassThroughOption<HTMLSpanElement, I>;
+    /**
+     * Used to pass attributes to the hidden empty message's DOM element.
+     */
+    hiddenEmptyMessage?: PassThroughOption<HTMLSpanElement, I>;
+    /**
+     * Used to pass attributes to the hidden selected message's DOM element.
+     */
+    hiddenSelectedMessage?: PassThroughOption<HTMLSpanElement, I>;
+    /**
+     * Used to pass attributes to the hidden last focusable element's DOM element.
+     */
+    hiddenLastFocusableEl?: PassThroughOption<HTMLSpanElement, I>;
+}
+/**
+ * Defines valid pass-through options in Select component.
+ * @see {@link SelectPassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type SelectPassThrough<I = unknown> = PassThrough<I, SelectPassThroughOptions<I>>;
+/**
+ * Filter callbacks of the select.
+ * @group Interface
+ */
+interface SelectFilterOptions {
+    /**
+     * Filter function.
+     */
+    filter?: (value?: any) => void;
+    /**
+     * Reset function.
+     */
+    reset?: () => void;
+}
+/**
+ * Custom change event.
+ * @see {@link Select.onChange}
+ * @group Events
+ */
+interface SelectChangeEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent?: Event;
+    /**
+     * Selected option value
+     */
+    value: any;
+}
+/**
+ * Custom filter event.
+ * @see {@link Select.onFilter}
+ * @group Events
+ */
+interface SelectFilterEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: Event;
+    /**
+     * Filter value.
+     */
+    filter: any;
+}
+/**
+ * Custom lazy load event.
+ * @see {@link Select.onLazyLoad}
+ * @group Events
+ */
+interface SelectLazyLoadEvent {
+    /**
+     * Index of the first element in viewport.
+     */
+    first: number;
+    /**
+     * Index of the last element in viewport.
+     */
+    last: number;
+}
+/**
+ * Custom item template context.
+ * @group Interface
+ */
+interface SelectItemTemplateContext<T = any> {
+    /**
+     * Data of the option.
+     */
+    $implicit: T;
+}
+/**
+ * Custom selected item template context.
+ * @group Interface
+ */
+interface SelectSelectedItemTemplateContext<T = any> {
+    /**
+     * Selected option value.
+     */
+    $implicit: T;
+}
+/**
+ * Custom group template context.
+ * @group Interface
+ */
+interface SelectGroupTemplateContext<T = any> {
+    /**
+     * Group option.
+     */
+    $implicit: T;
+}
+/**
+ * Custom filter template context.
+ * @group Interface
+ */
+interface SelectFilterTemplateContext {
+    /**
+     * Filter options.
+     */
+    options: SelectFilterOptions;
+}
+/**
+ * Custom loader template context.
+ * @group Interface
+ */
+interface SelectLoaderTemplateContext {
+    /**
+     * Virtual scroller options.
+     */
+    options: ScrollerOptions;
+}
+/**
+ * Custom icon template context.
+ * @group Interface
+ */
+interface SelectIconTemplateContext {
+    /**
+     * Style class of the icon.
+     */
+    class: string;
+}
+/**
+ * Custom header template context.
+ * @group Interface
+ */
+interface SelectHeaderTemplateContext {
+    /**
+     * Style class of the header.
+     */
+    class: string;
+}
+/**
+ * Defines valid templates in Select.
+ * @group Templates
+ */
+interface SelectTemplates<T = any> {
+    /**
+     * Custom item template.
+     * @param {Object} context - item data.
+     */
+    item(context: SelectItemTemplateContext<T>): TemplateRef<SelectItemTemplateContext<T>>;
+    /**
+     * Custom selected item template.
+     * @param {Object} context - selected item data.
+     */
+    selectedItem(context: SelectSelectedItemTemplateContext<T>): TemplateRef<SelectSelectedItemTemplateContext<T>>;
+    /**
+     * Custom header template.
+     * @param {Object} context - header context.
+     */
+    header(context: SelectHeaderTemplateContext): TemplateRef<SelectHeaderTemplateContext>;
+    /**
+     * Custom filter template.
+     * @param {SelectFilterOptions} options - filter options.
+     */
+    filter(context: SelectFilterTemplateContext): TemplateRef<SelectFilterTemplateContext>;
+    /**
+     * Custom footer template.
+     */
+    footer(): TemplateRef<void>;
+    /**
+     * Custom empty filter template.
+     */
+    emptyfilter(): TemplateRef<void>;
+    /**
+     * Custom empty template.
+     */
+    empty(): TemplateRef<void>;
+    /**
+     * Custom group template.
+     */
+    group(context: SelectGroupTemplateContext<T>): TemplateRef<SelectGroupTemplateContext<T>>;
+    /**
+     * Custom loader template. This template can be used with virtualScroll.
+     * @param {ScrollerOptions} options - virtual scroller options.
+     */
+    loader(context: SelectLoaderTemplateContext): TemplateRef<SelectLoaderTemplateContext>;
+    /**
+     * Custom select icon template.
+     * @param {Object} context - icon context.
+     */
+    dropdownicon(context: SelectIconTemplateContext): TemplateRef<SelectIconTemplateContext>;
+    /**
+     * Custom clear icon template.
+     * @param {Object} context - icon context.
+     */
+    clearicon(context: SelectIconTemplateContext): TemplateRef<SelectIconTemplateContext>;
+    /**
+     * Custom filter icon template.
+     */
+    filtericon(): TemplateRef<void>;
+    /**
+     * Custom loading icon template.
+     */
+    loadingicon(): TemplateRef<void>;
+}
+
+export type { SelectChangeEvent, SelectFilterEvent, SelectFilterOptions, SelectFilterTemplateContext, SelectGroupTemplateContext, SelectHeaderTemplateContext, SelectIconTemplateContext, SelectItemTemplateContext, SelectLazyLoadEvent, SelectLoaderTemplateContext, SelectPassThrough, SelectPassThroughOptions, SelectSelectedItemTemplateContext, SelectTemplates };

package/types/primenglab-types-selectbutton.d.ts

@@ -0,0 +1,92 @@
+import { TemplateRef } from '@angular/core';
+import { PassThrough, PassThroughOption } from 'primenglab/api';
+import { ToggleButtonPassThrough } from 'primenglab/types/togglebutton';
+
+/**
+ * Custom pass-through(pt) options.
+ * @template I Type of instance.
+ *
+ * @see {@link SelectButton.pt}
+ * @group Interface
+ */
+interface SelectButtonPassThroughOptions<I = unknown> {
+    /**
+     * Used to pass attributes to the host's DOM element.
+     */
+    host?: PassThroughOption<HTMLElement, I>;
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the ToggleButton component.
+     * @see {@link ToggleButtonPassThrough}
+     */
+    pcToggleButton?: ToggleButtonPassThrough;
+}
+/**
+ * Custom passthrough attributes for each DOM elements
+ * @group Interface
+ */
+type SelectButtonPassThrough<I = unknown> = PassThrough<I, SelectButtonPassThroughOptions<I>>;
+/**
+ * Custom change event.
+ * @see {@link SelectButton.onChange}
+ * @group Events
+ */
+interface SelectButtonChangeEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent?: Event;
+    /**
+     * Selected option.
+     */
+    value?: any;
+}
+/**
+ * Custom option click event.
+ * @see {@link SelectButton.onOptionClick}
+ * @group Events
+ */
+interface SelectButtonOptionClickEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent?: Event;
+    /**
+     * Selected option.
+     */
+    option?: any;
+    /**
+     * Index of the selected option.
+     */
+    index?: number;
+}
+/**
+ * Custom item template context.
+ * @group Interface
+ */
+interface SelectButtonItemTemplateContext {
+    /**
+     * Option instance.
+     */
+    $implicit: any;
+    /**
+     * Index of the option.
+     */
+    index: number;
+}
+/**
+ * Defines valid templates in SelectButton.
+ * @group Templates
+ */
+interface SelectButtonTemplates {
+    /**
+     * Custom item template.
+     * @param {SelectButtonItemTemplateContext} context - item context.
+     */
+    item(context: SelectButtonItemTemplateContext): TemplateRef<SelectButtonItemTemplateContext>;
+}
+
+export type { SelectButtonChangeEvent, SelectButtonItemTemplateContext, SelectButtonOptionClickEvent, SelectButtonPassThrough, SelectButtonPassThroughOptions, SelectButtonTemplates };

package/types/primenglab-types-shared.d.ts

@@ -0,0 +1,27 @@
+import { ElementRef, TemplateRef } from '@angular/core';
+
+/**
+ * Target element to attach the overlay.
+ * Valid values are "body", "self" or a local ng-template variable of another element.
+ * @group Types
+ */
+type AppendTo = HTMLElement | ElementRef | TemplateRef<any> | 'self' | 'body' | null | undefined;
+/**
+ * Style object type for inline styles.
+ * @group Types
+ */
+type CSSProperties = {
+    [klass: string]: any;
+} | null | undefined;
+/**
+ * Input size for form components.
+ * @group Types
+ */
+type InputSize = 'small' | 'large';
+/**
+ * Input variant for form components.
+ * @group Types
+ */
+type InputVariant = 'filled' | 'outlined';
+
+export type { AppendTo, CSSProperties, InputSize, InputVariant };

package/types/primenglab-types-sidebar.d.ts

@@ -0,0 +1,108 @@
+import { PassThrough, PassThroughOption } from 'primenglab/api';
+
+type SidebarSide = 'left' | 'right';
+type SidebarVariant = 'sidebar' | 'floating' | 'inset';
+type SidebarCollapsible = 'offcanvas' | 'icon' | 'none';
+type SidebarDisplayState = 'expanded' | 'collapsed';
+interface SidebarOpenChangeEvent {
+    originalEvent?: Event;
+    value: boolean;
+}
+interface SidebarPassThroughOptions<I = unknown> {
+    root?: PassThroughOption<HTMLElement, I>;
+}
+type SidebarPassThrough<I = unknown> = PassThrough<I, SidebarPassThroughOptions<I>>;
+interface SidebarLayoutPassThroughOptions<I = unknown> {
+    root?: PassThroughOption<HTMLElement, I>;
+}
+type SidebarLayoutPassThrough<I = unknown> = PassThrough<I, SidebarLayoutPassThroughOptions<I>>;
+interface SidebarSpacerPassThroughOptions<I = unknown> {
+    root?: PassThroughOption<HTMLElement, I>;
+}
+type SidebarSpacerPassThrough<I = unknown> = PassThrough<I, SidebarSpacerPassThroughOptions<I>>;
+interface SidebarAsidePassThroughOptions<I = unknown> {
+    root?: PassThroughOption<HTMLElement, I>;
+}
+type SidebarAsidePassThrough<I = unknown> = PassThrough<I, SidebarAsidePassThroughOptions<I>>;
+interface SidebarPanelPassThroughOptions<I = unknown> {
+    root?: PassThroughOption<HTMLElement, I>;
+}
+type SidebarPanelPassThrough<I = unknown> = PassThrough<I, SidebarPanelPassThroughOptions<I>>;
+interface SidebarHeaderPassThroughOptions<I = unknown> {
+    root?: PassThroughOption<HTMLElement, I>;
+}
+type SidebarHeaderPassThrough<I = unknown> = PassThrough<I, SidebarHeaderPassThroughOptions<I>>;
+interface SidebarContentPassThroughOptions<I = unknown> {
+    root?: PassThroughOption<HTMLElement, I>;
+}
+type SidebarContentPassThrough<I = unknown> = PassThrough<I, SidebarContentPassThroughOptions<I>>;
+interface SidebarFooterPassThroughOptions<I = unknown> {
+    root?: PassThroughOption<HTMLElement, I>;
+}
+type SidebarFooterPassThrough<I = unknown> = PassThrough<I, SidebarFooterPassThroughOptions<I>>;
+interface SidebarGroupPassThroughOptions<I = unknown> {
+    root?: PassThroughOption<HTMLElement, I>;
+}
+type SidebarGroupPassThrough<I = unknown> = PassThrough<I, SidebarGroupPassThroughOptions<I>>;
+interface SidebarGroupLabelPassThroughOptions<I = unknown> {
+    root?: PassThroughOption<HTMLElement, I>;
+}
+type SidebarGroupLabelPassThrough<I = unknown> = PassThrough<I, SidebarGroupLabelPassThroughOptions<I>>;
+interface SidebarGroupActionPassThroughOptions<I = unknown> {
+    root?: PassThroughOption<HTMLButtonElement, I>;
+}
+type SidebarGroupActionPassThrough<I = unknown> = PassThrough<I, SidebarGroupActionPassThroughOptions<I>>;
+interface SidebarGroupContentPassThroughOptions<I = unknown> {
+    root?: PassThroughOption<HTMLElement, I>;
+}
+type SidebarGroupContentPassThrough<I = unknown> = PassThrough<I, SidebarGroupContentPassThroughOptions<I>>;
+interface SidebarMenuPassThroughOptions<I = unknown> {
+    root?: PassThroughOption<HTMLUListElement, I>;
+}
+type SidebarMenuPassThrough<I = unknown> = PassThrough<I, SidebarMenuPassThroughOptions<I>>;
+interface SidebarMenuItemPassThroughOptions<I = unknown> {
+    root?: PassThroughOption<HTMLLIElement, I>;
+}
+type SidebarMenuItemPassThrough<I = unknown> = PassThrough<I, SidebarMenuItemPassThroughOptions<I>>;
+interface SidebarMenuButtonPassThroughOptions<I = unknown> {
+    root?: PassThroughOption<HTMLButtonElement, I>;
+}
+type SidebarMenuButtonPassThrough<I = unknown> = PassThrough<I, SidebarMenuButtonPassThroughOptions<I>>;
+interface SidebarMenuActionPassThroughOptions<I = unknown> {
+    root?: PassThroughOption<HTMLButtonElement, I>;
+}
+type SidebarMenuActionPassThrough<I = unknown> = PassThrough<I, SidebarMenuActionPassThroughOptions<I>>;
+interface SidebarMenuBadgePassThroughOptions<I = unknown> {
+    root?: PassThroughOption<HTMLSpanElement, I>;
+}
+type SidebarMenuBadgePassThrough<I = unknown> = PassThrough<I, SidebarMenuBadgePassThroughOptions<I>>;
+interface SidebarMenuSubPassThroughOptions<I = unknown> {
+    root?: PassThroughOption<HTMLUListElement, I>;
+}
+type SidebarMenuSubPassThrough<I = unknown> = PassThrough<I, SidebarMenuSubPassThroughOptions<I>>;
+interface SidebarMenuSubItemPassThroughOptions<I = unknown> {
+    root?: PassThroughOption<HTMLLIElement, I>;
+}
+type SidebarMenuSubItemPassThrough<I = unknown> = PassThrough<I, SidebarMenuSubItemPassThroughOptions<I>>;
+interface SidebarMenuSubButtonPassThroughOptions<I = unknown> {
+    root?: PassThroughOption<HTMLButtonElement, I>;
+}
+type SidebarMenuSubButtonPassThrough<I = unknown> = PassThrough<I, SidebarMenuSubButtonPassThroughOptions<I>>;
+interface SidebarTriggerPassThroughOptions<I = unknown> {
+    root?: PassThroughOption<HTMLButtonElement, I>;
+}
+type SidebarTriggerPassThrough<I = unknown> = PassThrough<I, SidebarTriggerPassThroughOptions<I>>;
+interface SidebarRailPassThroughOptions<I = unknown> {
+    root?: PassThroughOption<HTMLButtonElement, I>;
+}
+type SidebarRailPassThrough<I = unknown> = PassThrough<I, SidebarRailPassThroughOptions<I>>;
+interface SidebarBackdropPassThroughOptions<I = unknown> {
+    root?: PassThroughOption<HTMLElement, I>;
+}
+type SidebarBackdropPassThrough<I = unknown> = PassThrough<I, SidebarBackdropPassThroughOptions<I>>;
+interface SidebarMainPassThroughOptions<I = unknown> {
+    root?: PassThroughOption<HTMLElement, I>;
+}
+type SidebarMainPassThrough<I = unknown> = PassThrough<I, SidebarMainPassThroughOptions<I>>;
+
+export type { SidebarAsidePassThrough, SidebarAsidePassThroughOptions, SidebarBackdropPassThrough, SidebarBackdropPassThroughOptions, SidebarCollapsible, SidebarContentPassThrough, SidebarContentPassThroughOptions, SidebarDisplayState, SidebarFooterPassThrough, SidebarFooterPassThroughOptions, SidebarGroupActionPassThrough, SidebarGroupActionPassThroughOptions, SidebarGroupContentPassThrough, SidebarGroupContentPassThroughOptions, SidebarGroupLabelPassThrough, SidebarGroupLabelPassThroughOptions, SidebarGroupPassThrough, SidebarGroupPassThroughOptions, SidebarHeaderPassThrough, SidebarHeaderPassThroughOptions, SidebarLayoutPassThrough, SidebarLayoutPassThroughOptions, SidebarMainPassThrough, SidebarMainPassThroughOptions, SidebarMenuActionPassThrough, SidebarMenuActionPassThroughOptions, SidebarMenuBadgePassThrough, SidebarMenuBadgePassThroughOptions, SidebarMenuButtonPassThrough, SidebarMenuButtonPassThroughOptions, SidebarMenuItemPassThrough, SidebarMenuItemPassThroughOptions, SidebarMenuPassThrough, SidebarMenuPassThroughOptions, SidebarMenuSubButtonPassThrough, SidebarMenuSubButtonPassThroughOptions, SidebarMenuSubItemPassThrough, SidebarMenuSubItemPassThroughOptions, SidebarMenuSubPassThrough, SidebarMenuSubPassThroughOptions, SidebarOpenChangeEvent, SidebarPanelPassThrough, SidebarPanelPassThroughOptions, SidebarPassThrough, SidebarPassThroughOptions, SidebarRailPassThrough, SidebarRailPassThroughOptions, SidebarSide, SidebarSpacerPassThrough, SidebarSpacerPassThroughOptions, SidebarTriggerPassThrough, SidebarTriggerPassThroughOptions, SidebarVariant };

package/types/primenglab-types-skeleton.d.ts

@@ -0,0 +1,28 @@
+import { PassThrough, PassThroughOption } from 'primenglab/api';
+
+/**
+ * Custom pass-through(pt) options.
+ * @template I Type of instance.
+ *
+ * @see {@link Skeleton.pt}
+ * @group Interface
+ */
+interface SkeletonPassThroughOptions<I = unknown> {
+    /**
+     * Used to pass attributes to the host's DOM element.
+     */
+    host?: PassThroughOption<HTMLElement, I>;
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: PassThroughOption<HTMLDivElement, I>;
+}
+/**
+ * Defines valid pass-through options in Skeleton.
+ * @see {@link SkeletonPassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type SkeletonPassThrough<I = unknown> = PassThrough<I, SkeletonPassThroughOptions<I>>;
+
+export type { SkeletonPassThrough, SkeletonPassThroughOptions };