@anguless/angulux 22.0.0-rc.0

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

@@ -0,0 +1,120 @@
+import { TemplateRef } from '@angular/core';
+import { MotionOptions } from '@anguless/angulux-motion';
+import { PassThrough, PassThroughOption } from '@anguless/angulux/api';
+import { InputTextPassThrough } from '@anguless/angulux/types/inputtext';
+import { OverlayPassThrough } from '@anguless/angulux/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 };

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

@@ -0,0 +1,348 @@
+import { TemplateRef } from '@angular/core';
+import { PassThrough, PassThroughOption } from '@anguless/angulux/api';
+import { ButtonPassThrough } from '@anguless/angulux/types/button';
+import { ListBoxPassThrough } from '@anguless/angulux/types/listbox';
+
+/**
+ * Custom pass-through(pt) options.
+ * @template I Type of instance.
+ *
+ * @see {@link PickList.pt}
+ * @group Interface
+ */
+interface PickListPassThroughOptions<I = unknown> {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the source controls' DOM element.
+     */
+    sourceControls?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the source list container's DOM element.
+     */
+    sourceListContainer?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the transfer controls' DOM element.
+     */
+    transferControls?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the target list container's DOM element.
+     */
+    targetListContainer?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the target controls' DOM element.
+     */
+    targetControls?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the source move up Button component.
+     * @see {@link ButtonPassThrough}
+     */
+    pcSourceMoveUpButton?: ButtonPassThrough;
+    /**
+     * Used to pass attributes to the source move top Button component.
+     * @see {@link ButtonPassThrough}
+     */
+    pcSourceMoveTopButton?: ButtonPassThrough;
+    /**
+     * Used to pass attributes to the source move down Button component.
+     * @see {@link ButtonPassThrough}
+     */
+    pcSourceMoveDownButton?: ButtonPassThrough;
+    /**
+     * Used to pass attributes to the source move bottom Button component.
+     * @see {@link ButtonPassThrough}
+     */
+    pcSourceMoveBottomButton?: ButtonPassThrough;
+    /**
+     * Used to pass attributes to the move to target Button component.
+     * @see {@link ButtonPassThrough}
+     */
+    pcMoveToTargetButton?: ButtonPassThrough;
+    /**
+     * Used to pass attributes to the move all to target Button component.
+     * @see {@link ButtonPassThrough}
+     */
+    pcMoveAllToTargetButton?: ButtonPassThrough;
+    /**
+     * Used to pass attributes to the move to source Button component.
+     * @see {@link ButtonPassThrough}
+     */
+    pcMoveToSourceButton?: ButtonPassThrough;
+    /**
+     * Used to pass attributes to the move all to source Button component.
+     * @see {@link ButtonPassThrough}
+     */
+    pcMoveAllToSourceButton?: ButtonPassThrough;
+    /**
+     * Used to pass attributes to the target move up Button component.
+     * @see {@link ButtonPassThrough}
+     */
+    pcTargetMoveUpButton?: ButtonPassThrough;
+    /**
+     * Used to pass attributes to the target move top Button component.
+     * @see {@link ButtonPassThrough}
+     */
+    pcTargetMoveTopButton?: ButtonPassThrough;
+    /**
+     * Used to pass attributes to the target move down Button component.
+     * @see {@link ButtonPassThrough}
+     */
+    pcTargetMoveDownButton?: ButtonPassThrough;
+    /**
+     * Used to pass attributes to the target move bottom Button component.
+     * @see {@link ButtonPassThrough}
+     */
+    pcTargetMoveBottomButton?: ButtonPassThrough;
+    /**
+     * Used to pass attributes to the Listbox component.
+     * @see {@link ListBoxPassThrough}
+     */
+    pcListbox?: ListBoxPassThrough;
+}
+/**
+ * Defines valid pass-through options in PickList.
+ * @see {@link PickListPassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type PickListPassThrough<I = unknown> = PassThrough<I, PickListPassThroughOptions<I>>;
+/**
+ * Callbacks to invoke on filter.
+ * @group Interface
+ */
+interface PickListFilterOptions {
+    filter?: (value?: any) => void;
+    reset?: () => void;
+}
+/**
+ * Custom move to source event.
+ * @see {@link PickList.onMoveToSource}
+ * @group Events
+ */
+interface PickListMoveToSourceEvent {
+    /**
+     * Moved items.
+     */
+    items: any[];
+}
+/**
+ * Custom move all to source event.
+ * @see {@link PickList.onMoveAllToSource}
+ * @extends {PickListMoveToSourceEvent}
+ * @group Events
+ */
+interface PickListMoveAllToSourceEvent extends PickListMoveToSourceEvent {
+}
+/**
+ * Custom move all to target event.
+ * @see {@link PickList.onMoveAllToTarget}
+ * @extends {PickListMoveToSourceEvent}
+ * @group Events
+ */
+interface PickListMoveAllToTargetEvent extends PickListMoveToSourceEvent {
+}
+/**
+ * Custom move to target event.
+ * @see {@link PickList.onMoveToTarget}
+ * @extends {PickListMoveToSourceEvent}
+ * @group Events
+ */
+interface PickListMoveToTargetEvent extends PickListMoveToSourceEvent {
+}
+/**
+ * Custom move source reorder event.
+ * @see {@link PickList.onSourceReorder}
+ * @extends {PickListMoveToSourceEvent}
+ * @group Events
+ */
+interface PickListSourceReorderEvent extends PickListMoveToSourceEvent {
+}
+/**
+ * Custom move target reorder event.
+ * @see {@link PickList.onTargetReorder}
+ * @extends {PickListMoveToSourceEvent}
+ * @group Events
+ */
+interface PickListTargetReorderEvent extends PickListMoveToSourceEvent {
+}
+/**
+ * Custom source select event.
+ * @see {@link PickList.onSourceSelect}
+ * @group Events
+ */
+interface PickListSourceSelectEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: Event;
+    /**
+     * Selected items.
+     */
+    items: any[];
+}
+/**
+ * Custom target select event.
+ * @see {@link PickList.onTargetSelect}
+ * @extends {PickListSourceSelectEvent}
+ * @group Events
+ */
+interface PickListTargetSelectEvent extends PickListSourceSelectEvent {
+}
+/**
+ * Custom source filter event.
+ * @see {@link PickList.onSourceFilter}
+ * @group Events
+ */
+interface PickListSourceFilterEvent {
+    /**
+     * Filter value.
+     */
+    query: string | null | undefined;
+    /**
+     * Filtered items.
+     */
+    value: any[] | null | undefined;
+}
+/**
+ * Custom target filter event.
+ * @see {@link PickList.onTargetFilter}
+ * @extends {PickListSourceFilterEvent}
+ * @group Events
+ */
+interface PickListTargetFilterEvent extends PickListSourceFilterEvent {
+}
+/**
+ * Custom item template context.
+ * @group Interface
+ */
+interface PickListItemTemplateContext {
+    /**
+     * Item instance.
+     */
+    $implicit: any;
+    /**
+     * Item index.
+     */
+    index: number;
+    /**
+     * Whether the item is selected.
+     */
+    selected: boolean;
+    /**
+     * Whether the item is disabled.
+     */
+    disabled: boolean;
+}
+/**
+ * Custom filter template context.
+ * @group Interface
+ */
+interface PickListFilterTemplateContext {
+    /**
+     * Filter options.
+     */
+    options: PickListFilterOptions;
+}
+/**
+ * Custom transfer icon template context.
+ * @group Interface
+ */
+interface PickListTransferIconTemplateContext {
+    /**
+     * Boolean value indicates if the view is changed according to breakpoints.
+     */
+    $implicit: boolean;
+}
+/**
+ * Defines valid templates in PickList.
+ * @group Templates
+ */
+interface PickListTemplates {
+    /**
+     * Custom item template.
+     * @param {PickListItemTemplateContext} context - item context.
+     */
+    item(context: PickListItemTemplateContext): TemplateRef<PickListItemTemplateContext>;
+    /**
+     * Custom source header template.
+     */
+    sourceHeader(): TemplateRef<void>;
+    /**
+     * Custom target header template.
+     */
+    targetHeader(): TemplateRef<void>;
+    /**
+     * Custom source filter template.
+     * @param {PickListFilterTemplateContext} context - filter context.
+     */
+    sourceFilter(context: PickListFilterTemplateContext): TemplateRef<PickListFilterTemplateContext>;
+    /**
+     * Custom target filter template.
+     * @param {PickListFilterTemplateContext} context - filter context.
+     */
+    targetFilter(context: PickListFilterTemplateContext): TemplateRef<PickListFilterTemplateContext>;
+    /**
+     * Custom source list empty message template.
+     */
+    emptymessagesource(): TemplateRef<void>;
+    /**
+     * Custom source list empty filter message template.
+     */
+    emptyfiltermessagesource(): TemplateRef<void>;
+    /**
+     * Custom target list empty message template.
+     */
+    emptymessagetarget(): TemplateRef<void>;
+    /**
+     * Custom target list empty filter message template.
+     */
+    emptyfiltermessagetarget(): TemplateRef<void>;
+    /**
+     * Custom move up icon template.
+     */
+    moveupicon(): TemplateRef<void>;
+    /**
+     * Custom move top icon template.
+     */
+    movetopicon(): TemplateRef<void>;
+    /**
+     * Custom move down icon template.
+     */
+    movedownicon(): TemplateRef<void>;
+    /**
+     * Custom move bottom icon template.
+     */
+    movebottomicon(): TemplateRef<void>;
+    /**
+     * Custom move to target icon template.
+     * @param {PickListTransferIconTemplateContext} context - icon context.
+     */
+    movetotargeticon(context: PickListTransferIconTemplateContext): TemplateRef<PickListTransferIconTemplateContext>;
+    /**
+     * Custom move all to target icon template.
+     * @param {PickListTransferIconTemplateContext} context - icon context.
+     */
+    movealltotargeticon(context: PickListTransferIconTemplateContext): TemplateRef<PickListTransferIconTemplateContext>;
+    /**
+     * Custom move to source icon template.
+     * @param {PickListTransferIconTemplateContext} context - icon context.
+     */
+    movetosourceicon(context: PickListTransferIconTemplateContext): TemplateRef<PickListTransferIconTemplateContext>;
+    /**
+     * Custom move all to source icon template.
+     * @param {PickListTransferIconTemplateContext} context - icon context.
+     */
+    movealltosourceicon(context: PickListTransferIconTemplateContext): TemplateRef<PickListTransferIconTemplateContext>;
+    /**
+     * Custom target filter icon template.
+     */
+    targetfiltericon(): TemplateRef<void>;
+    /**
+     * Custom source filter icon template.
+     */
+    sourcefiltericon(): TemplateRef<void>;
+}
+
+export type { PickListFilterOptions, PickListFilterTemplateContext, PickListItemTemplateContext, PickListMoveAllToSourceEvent, PickListMoveAllToTargetEvent, PickListMoveToSourceEvent, PickListMoveToTargetEvent, PickListPassThrough, PickListPassThroughOptions, PickListSourceFilterEvent, PickListSourceReorderEvent, PickListSourceSelectEvent, PickListTargetFilterEvent, PickListTargetReorderEvent, PickListTargetSelectEvent, PickListTemplates, PickListTransferIconTemplateContext };

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

@@ -0,0 +1,59 @@
+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 Popover.pt}
+ * @group Interface
+ */
+interface PopoverPassThroughOptions<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's DOM element.
+     */
+    content?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass options to the motion component/directive.
+     */
+    motion?: MotionOptions;
+}
+/**
+ * Defines valid pass-through options in Popover.
+ * @see {@link PopoverPassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type PopoverPassThrough<I = unknown> = PassThrough<I, PopoverPassThroughOptions<I>>;
+/**
+ * Custom content template context.
+ * @group Interface
+ */
+interface PopoverContentTemplateContext {
+    /**
+     * Callback to close the popover.
+     */
+    closeCallback: VoidFunction;
+}
+/**
+ * Defines valid templates in Popover.
+ * @group Templates
+ */
+interface PopoverTemplates {
+    /**
+     * Custom template of content.
+     * @param {PopoverContentTemplateContext} context - content context.
+     */
+    content(context: PopoverContentTemplateContext): TemplateRef<PopoverContentTemplateContext>;
+}
+
+export type { PopoverContentTemplateContext, PopoverPassThrough, PopoverPassThroughOptions, PopoverTemplates };

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

@@ -0,0 +1,58 @@
+import { TemplateRef } from '@angular/core';
+import { PassThrough, PassThroughOption } from '@anguless/angulux/api';
+
+/**
+ * Custom pass-through(pt) options.
+ * @template I Type of instance.
+ *
+ * @see {@link ProgressBar.pt}
+ * @group Interface
+ */
+interface ProgressBarPassThroughOptions<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 value's DOM element.
+     */
+    value?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the label's DOM element.
+     */
+    label?: PassThroughOption<HTMLDivElement, I>;
+}
+/**
+ * Defines valid pass-through options in ProgressBar.
+ * @see {@link ProgressBarPassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type ProgressBarPassThrough<I = unknown> = PassThrough<I, ProgressBarPassThroughOptions<I>>;
+/**
+ * Custom content template context.
+ * @group Interface
+ */
+interface ProgressBarContentTemplateContext {
+    /**
+     * Value of the progressbar.
+     */
+    $implicit: number | undefined;
+}
+/**
+ * Defines valid templates in ProgressBar.
+ * @group Templates
+ */
+interface ProgressBarTemplates {
+    /**
+     * Custom template of content.
+     * @param {ProgressBarContentTemplateContext} context - content context.
+     */
+    content(context: ProgressBarContentTemplateContext): TemplateRef<ProgressBarContentTemplateContext>;
+}
+
+export type { ProgressBarContentTemplateContext, ProgressBarPassThrough, ProgressBarPassThroughOptions, ProgressBarTemplates };

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

@@ -0,0 +1,36 @@
+import { PassThrough, PassThroughOption } from '@anguless/angulux/api';
+
+/**
+ * Custom pass-through(pt) options.
+ * @template I Type of instance.
+ *
+ * @see {@link ProgressSpinner.pt}
+ * @group Interface
+ */
+interface ProgressSpinnerPassThroughOptions<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<SVGSVGElement, I>;
+    /**
+     * Used to pass attributes to the spin's DOM element.
+     */
+    spin?: PassThroughOption<SVGSVGElement, I>;
+    /**
+     * Used to pass attributes to the circle's DOM element.
+     */
+    circle?: PassThroughOption<SVGCircleElement, I>;
+}
+/**
+ * Defines valid pass-through options in ProgressSpinner.
+ * @see {@link ProgressSpinnerPassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type ProgressSpinnerPassThrough<I = unknown> = PassThrough<I, ProgressSpinnerPassThroughOptions<I>>;
+
+export type { ProgressSpinnerPassThrough, ProgressSpinnerPassThroughOptions };

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

@@ -0,0 +1,51 @@
+import { PassThrough, PassThroughOption } from '@anguless/angulux/api';
+
+/**
+ * Custom passthrough(pt) options.
+ * @template I Type of instance.
+ *
+ * @see {@link RadioButton.pt}
+ * @group Interface
+ */
+interface RadioButtonPassThroughOptions<I = unknown> {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the input's DOM element.
+     */
+    input?: PassThroughOption<HTMLInputElement, I>;
+    /**
+     * Used to pass attributes to the box's DOM element.
+     */
+    box?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the icon's DOM element.
+     */
+    icon?: PassThroughOption<HTMLDivElement, I>;
+}
+/**
+ * Defines valid pass-through options in RadioButton component.
+ * @see {@link RadioButtonPassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type RadioButtonPassThrough<I = unknown> = PassThrough<I, RadioButtonPassThroughOptions<I>>;
+/**
+ * Custom click event.
+ * @see {@link RadioButton.onClick}
+ * @group Events
+ */
+interface RadioButtonClickEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: Event;
+    /**
+     * Browser event.
+     */
+    value: any;
+}
+
+export type { RadioButtonClickEvent, RadioButtonPassThrough, RadioButtonPassThroughOptions };