@anguless/angulux 22.0.0-rc.0

package/types/anguless-angulux-types-iftalabel.d.ts

@@ -0,0 +1,26 @@
+import { PassThrough, PassThroughOption } from '@anguless/angulux/api';
+
+/**
+ * Custom pass-through(pt) options.
+ * @template I Type of instance.
+ *
+ * @see {@link IftaLabel.pt}
+ * @group Interface
+ */
+interface IftaLabelPassThroughOptions<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<HTMLSpanElement, I>;
+}
+/**
+ * Custom passthrough attributes for each DOM elements
+ * @group Interface
+ */
+type IftaLabelPassThrough<I = unknown> = PassThrough<I, IftaLabelPassThroughOptions<I>>;
+
+export type { IftaLabelPassThrough, IftaLabelPassThroughOptions };

package/types/anguless-angulux-types-image.d.ts

@@ -0,0 +1,144 @@
+import { TemplateRef } from '@angular/core';
+import { MotionOptions } from '@anguless/angulux-motion';
+import { PassThrough, PassThroughOption } from '@anguless/angulux/api';
+
+/**
+ * Custom pass-through(pt) options.
+ * @template I Type of instance.
+ *
+ * @see {@link Image.pt}
+ * @group Interface
+ */
+interface ImagePassThroughOptions<I = unknown> {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: PassThroughOption<HTMLSpanElement, I>;
+    /**
+     * Used to pass attributes to the image's DOM element.
+     */
+    image?: PassThroughOption<HTMLImageElement, I>;
+    /**
+     * Used to pass attributes to the preview mask button's DOM element.
+     */
+    previewMask?: PassThroughOption<HTMLButtonElement, I>;
+    /**
+     * Used to pass attributes to the preview icon's DOM element.
+     */
+    previewIcon?: PassThroughOption<SVGElement, I>;
+    /**
+     * Used to pass attributes to the mask's DOM element.
+     */
+    mask?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the toolbar's DOM element.
+     */
+    toolbar?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the rotate right button's DOM element.
+     */
+    rotateRightButton?: PassThroughOption<HTMLButtonElement, I>;
+    /**
+     * Used to pass attributes to the rotate left button's DOM element.
+     */
+    rotateLeftButton?: PassThroughOption<HTMLButtonElement, I>;
+    /**
+     * Used to pass attributes to the zoom out button's DOM element.
+     */
+    zoomOutButton?: PassThroughOption<HTMLButtonElement, I>;
+    /**
+     * Used to pass attributes to the zoom in button's DOM element.
+     */
+    zoomInButton?: PassThroughOption<HTMLButtonElement, I>;
+    /**
+     * Used to pass attributes to the close button's DOM element.
+     */
+    closeButton?: PassThroughOption<HTMLButtonElement, I>;
+    /**
+     * Used to pass attributes to the original/preview image's DOM element.
+     */
+    original?: PassThroughOption<HTMLImageElement, I>;
+    /**
+     * Used to pass options to the motion component/directive.
+     */
+    motion?: MotionOptions;
+}
+/**
+ * Defines valid pass-through options in Image.
+ * @see {@link ImagePassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type ImagePassThrough<I = unknown> = PassThrough<I, ImagePassThroughOptions<I>>;
+/**
+ * Custom image template context.
+ * @group Interface
+ */
+interface ImageImageTemplateContext {
+    /**
+     * Callback to invoke on image error.
+     */
+    errorCallback: (event: Event) => void;
+}
+/**
+ * Custom preview template context.
+ * @group Interface
+ */
+interface ImagePreviewTemplateContext {
+    /**
+     * Style class of the preview image element.
+     */
+    class: string;
+    /**
+     * Inline style of the preview image element.
+     */
+    style: {
+        [key: string]: any;
+    };
+    /**
+     * Callback to invoke on preview image click.
+     */
+    previewCallback: () => void;
+}
+/**
+ * Defines valid templates in Image.
+ * @group Templates
+ */
+interface ImageTemplates {
+    /**
+     * Custom indicator template.
+     */
+    indicator(): TemplateRef<void>;
+    /**
+     * Custom image template.
+     * @param {Object} context - image context.
+     */
+    image(context: ImageImageTemplateContext): TemplateRef<ImageImageTemplateContext>;
+    /**
+     * Custom preview template.
+     * @param {Object} context - preview context.
+     */
+    preview(context: ImagePreviewTemplateContext): TemplateRef<ImagePreviewTemplateContext>;
+    /**
+     * Custom rotate right icon template.
+     */
+    rotaterighticon(): TemplateRef<void>;
+    /**
+     * Custom rotate left icon template.
+     */
+    rotatelefticon(): TemplateRef<void>;
+    /**
+     * Custom zoom out icon template.
+     */
+    zoomouticon(): TemplateRef<void>;
+    /**
+     * Custom zoom in icon template.
+     */
+    zoominicon(): TemplateRef<void>;
+    /**
+     * Custom close icon template.
+     */
+    closeicon(): TemplateRef<void>;
+}
+
+export type { ImageImageTemplateContext, ImagePassThrough, ImagePassThroughOptions, ImagePreviewTemplateContext, ImageTemplates };

package/types/anguless-angulux-types-imagecompare.d.ts

@@ -0,0 +1,43 @@
+import { TemplateRef } from '@angular/core';
+import { PassThrough, PassThroughOption } from '@anguless/angulux/api';
+
+/**
+ * Custom pass-through(pt) options.
+ * @template I Type of instance.
+ *
+ * @see {@link ImageCompare.pt}
+ * @group Interface
+ */
+interface ImageComparePassThroughOptions<I = unknown> {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the slider's DOM element.
+     */
+    slider?: PassThroughOption<HTMLInputElement, I>;
+}
+/**
+ * Defines valid pass-through options in ImageCompare.
+ * @see {@link ImageComparePassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type ImageComparePassThrough<I = unknown> = PassThrough<I, ImageComparePassThroughOptions<I>>;
+/**
+ * Defines valid templates in ImageCompare.
+ * @group Templates
+ */
+interface ImageCompareTemplates {
+    /**
+     * Custom left side template.
+     */
+    left(): TemplateRef<void>;
+    /**
+     * Custom right side template.
+     */
+    right(): TemplateRef<void>;
+}
+
+export type { ImageComparePassThrough, ImageComparePassThroughOptions, ImageCompareTemplates };

package/types/anguless-angulux-types-inplace.d.ts

@@ -0,0 +1,72 @@
+import { TemplateRef } from '@angular/core';
+import { PassThrough, PassThroughOption } from '@anguless/angulux/api';
+import { ButtonPassThrough } from '@anguless/angulux/types/button';
+
+/**
+ * Custom pass-through(pt) options.
+ * @template I Type of instance.
+ *
+ * @see {@link Inplace.pt}
+ * @group Interface
+ */
+interface InplacePassThroughOptions<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 display's DOM element.
+     */
+    display?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the content's DOM element.
+     */
+    content?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the Button component.
+     * @see {@link ButtonPassThrough}
+     */
+    pcButton?: ButtonPassThrough;
+}
+/**
+ * Defines valid pass-through options in Inplace.
+ * @see {@link InplacePassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type InplacePassThrough<I = unknown> = PassThrough<I, InplacePassThroughOptions<I>>;
+/**
+ * Custom content template context.
+ * @group Interface
+ */
+interface InplaceContentTemplateContext {
+    /**
+     * Callback to invoke to close the inplace content.
+     */
+    closeCallback: (event: MouseEvent) => void;
+}
+/**
+ * Defines valid templates in Inplace.
+ * @group Templates
+ */
+interface InplaceTemplates {
+    /**
+     * Custom display template.
+     */
+    display(): TemplateRef<void>;
+    /**
+     * Custom content template.
+     * @param {Object} context - content context.
+     */
+    content(context: InplaceContentTemplateContext): TemplateRef<InplaceContentTemplateContext>;
+    /**
+     * Custom close icon template.
+     */
+    closeicon(): TemplateRef<void>;
+}
+
+export type { InplaceContentTemplateContext, InplacePassThrough, InplacePassThroughOptions, InplaceTemplates };

package/types/anguless-angulux-types-inputgroup.d.ts

@@ -0,0 +1,28 @@
+import { PassThrough, PassThroughOption } from '@anguless/angulux/api';
+
+/**
+ * Custom pass-through(pt) options.
+ * @template I Type of instance.
+ *
+ * @see {@link InputGroup.pt}
+ * @group Interface
+ */
+interface InputGroupPassThroughOptions<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>;
+}
+/**
+ * Defines valid pass-through options in InputGroup.
+ * @see {@link InputGroupPassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type InputGroupPassThrough<I = unknown> = PassThrough<I, InputGroupPassThroughOptions<I>>;
+
+export type { InputGroupPassThrough, InputGroupPassThroughOptions };

package/types/anguless-angulux-types-inputgroupaddon.d.ts

@@ -0,0 +1,28 @@
+import { PassThrough, PassThroughOption } from '@anguless/angulux/api';
+
+/**
+ * Custom pass-through(pt) options.
+ * @template I Type of instance.
+ *
+ * @see {@link InputGroupAddon.pt}
+ * @group Interface
+ */
+interface InputGroupAddonPassThroughOptions<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>;
+}
+/**
+ * Defines valid pass-through options in InputGroupAddon.
+ * @see {@link InputGroupAddonPassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type InputGroupAddonPassThrough<I = unknown> = PassThrough<I, InputGroupAddonPassThroughOptions<I>>;
+
+export type { InputGroupAddonPassThrough, InputGroupAddonPassThroughOptions };

package/types/anguless-angulux-types-inputicon.d.ts

@@ -0,0 +1,26 @@
+import { PassThrough, PassThroughOption } from '@anguless/angulux/api';
+
+/**
+ * Custom pass-through(pt) options.
+ * @template I Type of instance.
+ *
+ * @see {@link InputIcon.pt}
+ * @group Interface
+ */
+interface InputIconPassThroughOptions<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<HTMLSpanElement, I>;
+}
+/**
+ * Custom passthrough attributes for each DOM elements
+ * @group Interface
+ */
+type InputIconPassThrough<I = unknown> = PassThrough<I, InputIconPassThroughOptions<I>>;
+
+export type { InputIconPassThrough, InputIconPassThroughOptions };

package/types/anguless-angulux-types-inputmask.d.ts

@@ -0,0 +1,56 @@
+import { TemplateRef } from '@angular/core';
+import { PassThrough, PassThroughOption } from '@anguless/angulux/api';
+import { InputTextPassThrough } from '@anguless/angulux/types/inputtext';
+
+/**
+ * Custom pass-through(pt) options.
+ * @template I Type of instance.
+ *
+ * @see {@link InputMask.pt}
+ * @group Interface
+ */
+interface InputMaskPassThroughOptions<I = unknown> {
+    /**
+     * Used to pass attributes to the host's DOM element.
+     */
+    host?: PassThroughOption<HTMLInputElement, I>;
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: PassThroughOption<HTMLInputElement, I>;
+    /**
+     * Used to pass attributes to the InputText component.
+     */
+    pcInputText?: InputTextPassThrough;
+    /**
+     * Used to pass attributes to the clear icon's DOM element.
+     */
+    clearIcon?: PassThroughOption<HTMLElement, I>;
+}
+/**
+ * Defines valid pass-through options in InputMask.
+ * @see {@link InputMaskPassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type InputMaskPassThrough<I = unknown> = PassThrough<I, InputMaskPassThroughOptions<I>>;
+/**
+ * Caret positions.
+ * @group Types
+ */
+type Caret = {
+    begin: number;
+    end: number;
+};
+/**
+ * Defines valid templates in InputMask.
+ * @group Templates
+ */
+interface InputMaskTemplates {
+    /**
+     * Custom clear icon template.
+     */
+    clearicon(): TemplateRef<void>;
+}
+
+export type { Caret, InputMaskPassThrough, InputMaskPassThroughOptions, InputMaskTemplates };

package/types/anguless-angulux-types-inputnumber.d.ts

@@ -0,0 +1,95 @@
+import { TemplateRef } from '@angular/core';
+import { PassThrough, PassThroughOption } from '@anguless/angulux/api';
+import { InputTextPassThrough } from '@anguless/angulux/types/inputtext';
+
+/**
+ * Custom pass-through(pt) options.
+ * @template I Type of instance.
+ *
+ * @see {@link InputNumber.pt}
+ * @group Interface
+ */
+interface InputNumberPassThroughOptions<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 InputText component.
+     */
+    pcInputText?: InputTextPassThrough;
+    /**
+     * Used to pass attributes to the clear icon's DOM element.
+     */
+    clearIcon?: PassThroughOption<HTMLSpanElement, I>;
+    /**
+     * Used to pass attributes to the button group's DOM element.
+     */
+    buttonGroup?: PassThroughOption<HTMLSpanElement, I>;
+    /**
+     * Used to pass attributes to the increment button's DOM element.
+     */
+    incrementButton?: PassThroughOption<HTMLButtonElement, I>;
+    /**
+     * Used to pass attributes to the decrement button's DOM element.
+     */
+    decrementButton?: PassThroughOption<HTMLButtonElement, I>;
+    /**
+     * Used to pass attributes to the increment button icon's DOM element.
+     */
+    incrementButtonIcon?: PassThroughOption<HTMLSpanElement, I>;
+    /**
+     * Used to pass attributes to the decrement button icon's DOM element.
+     */
+    decrementButtonIcon?: PassThroughOption<HTMLSpanElement, I>;
+}
+/**
+ * Defines valid pass-through options in InputNumber component.
+ * @see {@link InputNumberPassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type InputNumberPassThrough<I = unknown> = PassThrough<I, InputNumberPassThroughOptions<I>>;
+/**
+ * Custom InputNumber input event.
+ * @see {@link onInput}
+ * @group Interface
+ */
+interface InputNumberInputEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: Event;
+    /**
+     * Input value.
+     */
+    value: number | null;
+    /**
+     * Formatted value.
+     */
+    formattedValue: string;
+}
+/**
+ * Defines valid templates in InputNumber.
+ * @group Templates
+ */
+interface InputNumberTemplates {
+    /**
+     * Custom clear icon template.
+     */
+    clearicon(): TemplateRef<void>;
+    /**
+     * Custom increment button icon template.
+     */
+    incrementbuttonicon(): TemplateRef<void>;
+    /**
+     * Custom decrement button icon template.
+     */
+    decrementbuttonicon(): TemplateRef<void>;
+}
+
+export type { InputNumberInputEvent, InputNumberPassThrough, InputNumberPassThroughOptions, InputNumberTemplates };

package/types/anguless-angulux-types-inputotp.d.ts

@@ -0,0 +1,101 @@
+import { TemplateRef } from '@angular/core';
+import { PassThrough, PassThroughOption } from '@anguless/angulux/api';
+import { InputTextPassThrough } from '@anguless/angulux/types/inputtext';
+
+/**
+ * Custom pass-through(pt) options.
+ * @template I Type of instance.
+ *
+ * @see {@link InputOtp.pt}
+ * @group Interface
+ */
+interface InputOtpPassThroughOptions<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 InputText component.
+     */
+    pcInputText?: InputTextPassThrough;
+}
+/**
+ * Custom passthrough attributes for each DOM elements
+ * @group Interface
+ */
+type InputOtpPassThrough<I = unknown> = PassThrough<I, InputOtpPassThroughOptions<I>>;
+/**
+ * Input change event.
+ * @group Events
+ */
+interface InputOtpChangeEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: Event;
+    /**
+     * Updated value.
+     */
+    value: any;
+}
+/**
+ * Context interface for the input template events.
+ * @group Interface
+ */
+interface InputOtpTemplateEvents {
+    /**
+     * Input event handler.
+     */
+    input: (event: Event, index: number) => void;
+    /**
+     * Keydown event handler.
+     */
+    keydown: (event: Event) => void;
+    /**
+     * Focus event handler.
+     */
+    focus: (event: Event) => void;
+    /**
+     * Blur event handler.
+     */
+    blur: (event: Event) => void;
+    /**
+     * Paste event handler.
+     */
+    paste: (event: Event) => void;
+}
+/**
+ * Custom input template context.
+ * @group Interface
+ */
+interface InputOtpInputTemplateContext {
+    /**
+     * Token value.
+     */
+    $implicit: number | string;
+    /**
+     * Browser events of the template.
+     */
+    events: InputOtpTemplateEvents;
+    /**
+     * Index of the token.
+     */
+    index: number;
+}
+/**
+ * Defines valid templates in InputOtp.
+ * @group Templates
+ */
+interface InputOtpTemplates {
+    /**
+     * Custom input template.
+     * @param {Object} context - input context.
+     */
+    input(context: InputOtpInputTemplateContext): TemplateRef<InputOtpInputTemplateContext>;
+}
+
+export type { InputOtpChangeEvent, InputOtpInputTemplateContext, InputOtpPassThrough, InputOtpPassThroughOptions, InputOtpTemplateEvents, InputOtpTemplates };

package/types/anguless-angulux-types-inputtext.d.ts

@@ -0,0 +1,24 @@
+import { PassThrough, PassThroughOption } from '@anguless/angulux/api';
+
+/**
+ * Custom pass-through(pt) options.
+ * @template I Type of instance.
+ *
+ * @see {@link InputTextPassThrough}
+ * @group Interface
+ */
+interface InputTextPassThroughOptions<I = unknown> {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: PassThroughOption<HTMLInputElement, I>;
+}
+/**
+ * Defines valid pass-through options in InputText.
+ * @see {@link InputTextPassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type InputTextPassThrough<I = unknown> = PassThrough<I, InputTextPassThroughOptions<I>>;
+
+export type { InputTextPassThrough, InputTextPassThroughOptions };

package/types/anguless-angulux-types-knob.d.ts

@@ -0,0 +1,40 @@
+import { PassThrough, PassThroughOption } from '@anguless/angulux/api';
+
+/**
+ * Custom pass-through(pt) options.
+ * @template I Type of instance.
+ *
+ * @see {@link Knob.pt}
+ * @group Interface
+ */
+interface KnobPassThroughOptions<I = unknown> {
+    /**
+     * Used to pass attributes to the host's DOM element.
+     */
+    host?: PassThroughOption<HTMLElement, I>;
+    /**
+     * Used to pass attributes to the SVG's DOM element.
+     */
+    svg?: PassThroughOption<SVGElement, I>;
+    /**
+     * Used to pass attributes to the range's DOM element.
+     */
+    range?: PassThroughOption<SVGPathElement, I>;
+    /**
+     * Used to pass attributes to the value's DOM element.
+     */
+    value?: PassThroughOption<SVGPathElement, I>;
+    /**
+     * Used to pass attributes to the text's DOM element.
+     */
+    text?: PassThroughOption<SVGTextElement, I>;
+}
+/**
+ * Defines valid pass-through options in Knob component.
+ * @see {@link KnobPassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type KnobPassThrough<I = unknown> = PassThrough<I, KnobPassThroughOptions<I>>;
+
+export type { KnobPassThrough, KnobPassThroughOptions };