@wawjs/ngx-prime 22.0.0

package/types/wawjs-ngx-prime-types-overlay.d.ts

@@ -0,0 +1,60 @@
+import { TemplateRef } from '@angular/core';
+import { MotionOptions } from '@wawjs/css-prime-motion';
+import { OverlayModeType, PassThrough, PassThroughOption } from '@wawjs/ngx-prime/api';
+
+/**
+ * Custom content template context.
+ * @group Interface
+ */
+interface OverlayContentTemplateContext {
+    /**
+     * Object containing the overlay mode.
+     */
+    $implicit: {
+        /**
+         * Current overlay mode.
+         */
+        mode: OverlayModeType | string | null;
+    };
+}
+/**
+ * Defines valid templates in Overlay.
+ * @group Templates
+ */
+interface OverlayTemplates {
+    /**
+     * Custom content template.
+     * @param {OverlayContentTemplateContext} context - content context.
+     */
+    content(context: OverlayContentTemplateContext): TemplateRef<OverlayContentTemplateContext>;
+}
+/**
+ * Custom pass-through(pt) options.
+ * @template I Type of instance.
+ *
+ * @see {@link OverlayProps.pt}
+ * @group Interface
+ */
+interface OverlayPassThroughOptions<I = unknown> {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the content's DOM element.
+     */
+    content?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass options to the motion component/directive.
+     */
+    motion?: MotionOptions;
+}
+/**
+ * Defines valid pass-through options in Overlay component.
+ * @see {@link OverlayPassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type OverlayPassThrough<I = unknown> = PassThrough<I, OverlayPassThroughOptions<I>>;
+
+export type { OverlayContentTemplateContext, OverlayPassThrough, OverlayPassThroughOptions, OverlayTemplates };

package/types/wawjs-ngx-prime-types-overlaybadge.d.ts

@@ -0,0 +1,34 @@
+import { BadgePassThrough } from '@wawjs/ngx-prime/types/badge';
+import { PassThrough, PassThroughOption } from '@wawjs/ngx-prime/api';
+
+/**
+ * Custom pass-through(pt) options.
+ * @template I Type of instance.
+ *
+ * @see {@link OverlayBadgeProps.pt}
+ * @group Interface
+ */
+interface OverlayBadgePassThroughOptions<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 Badge component.
+     * @see {@link BadgePassThrough}
+     */
+    pcBadge?: BadgePassThrough;
+}
+/**
+ * Defines valid pass-through options in OverlayBadge.
+ * @see {@link OverlayBadgePassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type OverlayBadgePassThrough<I = unknown> = PassThrough<I, OverlayBadgePassThroughOptions<I>>;
+
+export type { OverlayBadgePassThrough, OverlayBadgePassThroughOptions };

package/types/wawjs-ngx-prime-types-paginator.d.ts

@@ -0,0 +1,167 @@
+import { TemplateRef } from '@angular/core';
+import { PassThrough, PassThroughOption } from '@wawjs/ngx-prime/api';
+import { InputNumberPassThrough } from '@wawjs/ngx-prime/types/inputnumber';
+import { SelectPassThrough } from '@wawjs/ngx-prime/types/select';
+
+/**
+ * Custom pass-through(pt) options.
+ * @template I Type of instance.
+ *
+ * @see {@link Paginator.pt}
+ * @group Interface
+ */
+interface PaginatorPassThroughOptions<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 content start's DOM element.
+     */
+    contentStart?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the current page report's DOM element.
+     */
+    current?: PassThroughOption<HTMLSpanElement, I>;
+    /**
+     * Used to pass attributes to the first page button's DOM element.
+     */
+    first?: PassThroughOption<HTMLButtonElement, I>;
+    /**
+     * Used to pass attributes to the first page button icon's DOM element.
+     */
+    firstIcon?: PassThroughOption<SVGElement, I>;
+    /**
+     * Used to pass attributes to the previous page button's DOM element.
+     */
+    prev?: PassThroughOption<HTMLButtonElement, I>;
+    /**
+     * Used to pass attributes to the previous page button icon's DOM element.
+     */
+    prevIcon?: PassThroughOption<SVGElement, I>;
+    /**
+     * Used to pass attributes to the pages container's DOM element.
+     */
+    pages?: PassThroughOption<HTMLSpanElement, I>;
+    /**
+     * Used to pass attributes to the page button's DOM element.
+     */
+    page?: PassThroughOption<HTMLButtonElement, I>;
+    /**
+     * Used to pass attributes to the next page button's DOM element.
+     */
+    next?: PassThroughOption<HTMLButtonElement, I>;
+    /**
+     * Used to pass attributes to the next page button icon's DOM element.
+     */
+    nextIcon?: PassThroughOption<SVGElement, I>;
+    /**
+     * Used to pass attributes to the last page button's DOM element.
+     */
+    last?: PassThroughOption<HTMLButtonElement, I>;
+    /**
+     * Used to pass attributes to the last page button icon's DOM element.
+     */
+    lastIcon?: PassThroughOption<SVGElement, I>;
+    /**
+     * Used to pass attributes to the content end's DOM element.
+     */
+    contentEnd?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the Select component (jump to page dropdown).
+     */
+    pcJumpToPageDropdown?: SelectPassThrough;
+    /**
+     * Used to pass attributes to the InputNumber component (jump to page input).
+     */
+    pcJumpToPageInput?: InputNumberPassThrough;
+    /**
+     * Used to pass attributes to the Select component (rows per page dropdown).
+     */
+    pcRowPerPageDropdown?: SelectPassThrough;
+}
+/**
+ * Defines valid pass-through options in Paginator.
+ * @see {@link PaginatorPassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type PaginatorPassThrough<I = unknown> = PassThrough<I, PaginatorPassThroughOptions<I>>;
+/**
+ * Paginator state.
+ * @group Interface
+ */
+interface PaginatorState {
+    /**
+     * Current page number.
+     */
+    page?: number;
+    /**
+     * Index of the first record.
+     */
+    first?: number;
+    /**
+     * Number of rows per page.
+     */
+    rows?: number;
+    /**
+     * Total number of pages.
+     */
+    pageCount?: number;
+    /**
+     * Total number of records.
+     */
+    totalRecords?: number;
+}
+/**
+ * Custom template context for left/right templates.
+ * @group Interface
+ */
+interface PaginatorTemplateContext {
+    /**
+     * Paginator state.
+     */
+    $implicit: PaginatorState;
+}
+/**
+ * Custom template context for dropdown item templates.
+ * @group Interface
+ */
+interface PaginatorDropdownItemTemplateContext {
+    /**
+     * Dropdown item instance.
+     */
+    $implicit: any;
+}
+/**
+ * Defines valid templates in PaginatorTemplates.
+ * @group Templates
+ */
+interface PaginatorTemplates {
+    /**
+     * Custom dropdown trigger icon template.
+     */
+    dropdownicon(): TemplateRef<void>;
+    /**
+     * Custom first page link icon template.
+     */
+    firstpagelinkicon(): TemplateRef<void>;
+    /**
+     * Custom previous page link icon template.
+     */
+    previouspagelinkicon(): TemplateRef<void>;
+    /**
+     * Custom last page link icon template.
+     */
+    lastpagelinkicon(): TemplateRef<void>;
+    /**
+     * Custom next page link icon template.
+     */
+    nextpagelinkicon(): TemplateRef<void>;
+}
+
+export type { PaginatorDropdownItemTemplateContext, PaginatorPassThrough, PaginatorPassThroughOptions, PaginatorState, PaginatorTemplateContext, PaginatorTemplates };

package/types/wawjs-ngx-prime-types-panel.d.ts

@@ -0,0 +1,128 @@
+import { TemplateRef } from '@angular/core';
+import { MotionOptions } from '@wawjs/css-prime-motion';
+import { PassThrough, PassThroughOption } from '@wawjs/ngx-prime/api';
+import { ButtonPassThrough } from '@wawjs/ngx-prime/types/button';
+
+/**
+ * Custom pass-through(pt) options.
+ * @template I Type of instance.
+ *
+ * @see {@link Panel.pt}
+ * @group Interface
+ */
+interface PanelPassThroughOptions<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 header's DOM element.
+     */
+    header?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the title's DOM element.
+     */
+    title?: PassThroughOption<HTMLSpanElement, I>;
+    /**
+     * Used to pass attributes to the header actions' DOM element.
+     */
+    headerActions?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the toggle button button's DOM element.
+     * @see {@link ButtonPassThroughOptions}
+     */
+    pcToggleButton?: ButtonPassThrough;
+    /**
+     * Used to pass attributes to the content container's DOM element.
+     */
+    contentContainer?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the content wrapper DOM element.
+     */
+    contentWrapper?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the content's DOM element.
+     */
+    content?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the footer's DOM element.
+     */
+    footer?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass options to the motion component/directive.
+     */
+    motion?: MotionOptions;
+}
+/**
+ * Defines valid pass-through options in Panel component.
+ * @see {@link PanelPassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type PanelPassThrough<I = unknown> = PassThrough<I, PanelPassThroughOptions<I>>;
+/**
+ * Custom panel toggle event, emits before panel toggle.
+ * @see {@link onBeforeToggle}
+ * @group Interface
+ */
+interface PanelBeforeToggleEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: Event;
+    /**
+     * Collapsed state of the panel.
+     */
+    collapsed: boolean | undefined;
+}
+/**
+ * Custom panel toggle event, emits after panel toggle.
+ * @see {@link onAfterToggle}
+ * @extends {PanelBeforeToggleEvent}
+ * @group Interface
+ */
+type PanelAfterToggleEvent = PanelBeforeToggleEvent;
+/**
+ * Toggle icon template context.
+ * @param {boolean} $implicit - Collapsed state as a boolean, implicit value.
+ * @group Interface
+ */
+interface PanelHeaderIconsTemplateContext {
+    /**
+     * Collapsed state as a boolean, implicit value.
+     */
+    $implicit: boolean;
+}
+/**
+ * Defines valid templates in Panel.
+ * @group Templates
+ */
+interface PanelTemplates {
+    /**
+     * Custom header template.
+     */
+    header(): TemplateRef<void>;
+    /**
+     * Custom icons template.
+     */
+    icons(): TemplateRef<void>;
+    /**
+     * Custom content template.
+     */
+    content(): TemplateRef<void>;
+    /**
+     * Custom footer template.
+     */
+    footer(): TemplateRef<void>;
+    /**
+     * Custom header icons template.
+     * @param {PanelHeaderIconsTemplateContext} context - header icons context.
+     */
+    headericons(context: PanelHeaderIconsTemplateContext): TemplateRef<PanelHeaderIconsTemplateContext>;
+}
+
+export type { PanelAfterToggleEvent, PanelBeforeToggleEvent, PanelHeaderIconsTemplateContext, PanelPassThrough, PanelPassThroughOptions, PanelTemplates };

package/types/wawjs-ngx-prime-types-panelmenu.d.ts

@@ -0,0 +1,131 @@
+import { TemplateRef } from '@angular/core';
+import { MotionOptions } from '@wawjs/css-prime-motion';
+import { MenuItem, PassThrough, PassThroughOption } from '@wawjs/ngx-prime/api';
+
+/**
+ * Custom pass-through(pt) options.
+ * @template I Type of instance.
+ *
+ * @see {@link PanelMenu.pt}
+ * @group Interface
+ */
+interface PanelMenuPassThroughOptions<I = unknown> {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the panel's DOM element.
+     */
+    panel?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the header's DOM element.
+     */
+    header?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the header content's DOM element.
+     */
+    headerContent?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the header link's DOM element.
+     */
+    headerLink?: PassThroughOption<HTMLAnchorElement, I>;
+    /**
+     * Used to pass attributes to the submenu icon's DOM element.
+     */
+    submenuIcon?: PassThroughOption<SVGElement, I>;
+    /**
+     * Used to pass attributes to the header icon's DOM element.
+     */
+    headerIcon?: PassThroughOption<HTMLSpanElement, I>;
+    /**
+     * Used to pass attributes to the header label's DOM element.
+     */
+    headerLabel?: PassThroughOption<HTMLSpanElement, I>;
+    /**
+     * Used to pass attributes to the toggleable content's DOM element.
+     */
+    contentContainer?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the toggleable content's DOM element.
+     */
+    contentWrapper?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the menu content's DOM element.
+     */
+    content?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the root list's DOM element.
+     */
+    rootList?: PassThroughOption<HTMLUListElement, I>;
+    /**
+     * Used to pass attributes to the submenu's DOM element.
+     */
+    submenu?: PassThroughOption<HTMLUListElement, I>;
+    /**
+     * Used to pass attributes to the item's DOM element.
+     */
+    item?: PassThroughOption<HTMLLIElement, I>;
+    /**
+     * Used to pass attributes to the item content's DOM element.
+     */
+    itemContent?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the item link's DOM element.
+     */
+    itemLink?: PassThroughOption<HTMLAnchorElement, I>;
+    /**
+     * Used to pass attributes to the item icon's DOM element.
+     */
+    itemIcon?: PassThroughOption<HTMLSpanElement, I>;
+    /**
+     * Used to pass attributes to the item label's DOM element.
+     */
+    itemLabel?: PassThroughOption<HTMLSpanElement, I>;
+    /**
+     * Used to pass attributes to the separator's DOM element.
+     */
+    separator?: PassThroughOption<HTMLLIElement, I>;
+    /**
+     * Used to pass options to the motion component/directive.
+     */
+    motion?: MotionOptions;
+}
+/**
+ * Defines valid pass-through options in PanelMenu.
+ * @see {@link PanelMenuPassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type PanelMenuPassThrough<I = unknown> = PassThrough<I, PanelMenuPassThroughOptions<I>>;
+/**
+ * Custom item template context.
+ * @group Interface
+ */
+interface PanelMenuItemTemplateContext {
+    /**
+     * Item instance.
+     */
+    $implicit: MenuItem;
+}
+/**
+ * Defines valid templates in PanelMenu.
+ * @group Templates
+ */
+interface PanelMenuTemplates {
+    /**
+     * Custom item template.
+     * @param {PanelMenuItemTemplateContext} context - item context.
+     */
+    item(context: PanelMenuItemTemplateContext): TemplateRef<PanelMenuItemTemplateContext>;
+    /**
+     * Custom template of submenuicon.
+     */
+    submenuicon(): TemplateRef<void>;
+    /**
+     * Custom template of headericon.
+     */
+    headericon(): TemplateRef<void>;
+}
+
+export type { PanelMenuItemTemplateContext, PanelMenuPassThrough, PanelMenuPassThroughOptions, PanelMenuTemplates };

package/types/wawjs-ngx-prime-types-password.d.ts

@@ -0,0 +1,120 @@
+import { TemplateRef } from '@angular/core';
+import { MotionOptions } from '@wawjs/css-prime-motion';
+import { PassThrough, PassThroughOption } from '@wawjs/ngx-prime/api';
+import { InputTextPassThrough } from '@wawjs/ngx-prime/types/inputtext';
+import { OverlayPassThrough } from '@wawjs/ngx-prime/types/overlay';
+
+/**
+ * Custom pass-through(pt) options.
+ * @template I Type of instance.
+ *
+ * @see {@link Password.pt}
+ * @group Interface
+ */
+interface PasswordPassThroughOptions<I = unknown> {
+    /**
+     * Used to pass attributes to the host element.
+     */
+    host?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the InputText component.
+     * @see {@link InputTextPassThrough}
+     */
+    pcInputText?: InputTextPassThrough;
+    /**
+     * Used to pass attributes to the clear icon's DOM element.
+     */
+    clearIcon?: PassThroughOption<HTMLElement, I>;
+    /**
+     * Used to pass attributes to the mask icon's DOM element.
+     */
+    maskIcon?: PassThroughOption<HTMLElement, I>;
+    /**
+     * Used to pass attributes to the unmask icon's DOM element.
+     */
+    unmaskIcon?: PassThroughOption<HTMLElement, I>;
+    /**
+     * Used to pass attributes to the Overlay component.
+     * @see {@link OverlayPassThrough}
+     */
+    pcOverlay?: OverlayPassThrough;
+    /**
+     * Used to pass attributes to the overlay's DOM element.
+     */
+    overlay?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the content's DOM element.
+     */
+    content?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the meter's DOM element.
+     */
+    meter?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the meter label's DOM element.
+     */
+    meterLabel?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the meter text's DOM element.
+     */
+    meterText?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass options to the motion component/directive.
+     */
+    motion?: MotionOptions;
+}
+/**
+ * Defines valid pass-through options in Password.
+ * @see {@link PasswordPassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type PasswordPassThrough<I = unknown> = PassThrough<I, PasswordPassThroughOptions<I>>;
+/**
+ * Custom icon template context.
+ * @group Interface
+ */
+interface PasswordIconTemplateContext {
+    /**
+     * Style class of the icon.
+     */
+    class: string;
+}
+/**
+ * Defines valid templates in Password.
+ * @group Templates
+ */
+interface PasswordTemplates {
+    /**
+     * Custom template of header.
+     */
+    header(): TemplateRef<void>;
+    /**
+     * Custom template of content.
+     */
+    content(): TemplateRef<void>;
+    /**
+     * Custom template of footer.
+     */
+    footer(): TemplateRef<void>;
+    /**
+     * Custom template of clear icon.
+     */
+    clearicon(): TemplateRef<void>;
+    /**
+     * Custom template of hide icon.
+     * @param {PasswordIconTemplateContext} context - icon context.
+     */
+    hideicon(context: PasswordIconTemplateContext): TemplateRef<PasswordIconTemplateContext>;
+    /**
+     * Custom template of show icon.
+     * @param {PasswordIconTemplateContext} context - icon context.
+     */
+    showicon(context: PasswordIconTemplateContext): TemplateRef<PasswordIconTemplateContext>;
+}
+
+export type { PasswordIconTemplateContext, PasswordPassThrough, PasswordPassThroughOptions, PasswordTemplates };