@anguless/angulux 22.0.0-rc.0

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

@@ -0,0 +1,360 @@
+import { HttpEvent } from '@angular/common/http';
+import { TemplateRef } from '@angular/core';
+import { PassThrough, PassThroughOption } from '@anguless/angulux/api';
+import { BadgePassThrough } from '@anguless/angulux/types/badge';
+import { ButtonPassThrough } from '@anguless/angulux/types/button';
+import { MessagePassThrough } from '@anguless/angulux/types/message';
+import { ProgressBarPassThrough } from '@anguless/angulux/types/progressbar';
+
+/**
+ * Custom pass-through(pt) options.
+ * @template I Type of instance.
+ *
+ * @see {@link FileUpload.pt}
+ * @group Interface
+ */
+interface FileUploadPassThroughOptions<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 input's DOM element.
+     */
+    input?: PassThroughOption<HTMLInputElement, I>;
+    /**
+     * Used to pass attributes to the header's DOM element.
+     */
+    header?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the choose button component.
+     */
+    pcChooseButton?: ButtonPassThrough;
+    /**
+     * Used to pass attributes to the upload button component.
+     */
+    pcUploadButton?: ButtonPassThrough;
+    /**
+     * Used to pass attributes to the cancel button component.
+     */
+    pcCancelButton?: ButtonPassThrough;
+    /**
+     * Used to pass attributes to the content's DOM element.
+     */
+    content?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the progress bar component.
+     */
+    pcProgressBar?: ProgressBarPassThrough;
+    /**
+     * Used to pass attributes to the message component.
+     */
+    pcMessage?: MessagePassThrough;
+    /**
+     * Used to pass attributes to the file list's DOM element.
+     */
+    fileList?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the file's DOM element.
+     */
+    file?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the file thumbnail's DOM element.
+     */
+    fileThumbnail?: PassThroughOption<HTMLImageElement, I>;
+    /**
+     * Used to pass attributes to the file info's DOM element.
+     */
+    fileInfo?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the file name's DOM element.
+     */
+    fileName?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the file size's DOM element.
+     */
+    fileSize?: PassThroughOption<HTMLSpanElement, I>;
+    /**
+     * Used to pass attributes to the file badge component.
+     */
+    pcFileBadge?: BadgePassThrough;
+    /**
+     * Used to pass attributes to the file actions's DOM element.
+     */
+    fileActions?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the file remove button component.
+     */
+    pcFileRemoveButton?: ButtonPassThrough;
+    /**
+     * Used to pass attributes to the basic content's DOM element.
+     */
+    basicContent?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the empty's DOM element.
+     */
+    empty?: PassThroughOption<HTMLElement, I>;
+}
+/**
+ * Defines valid pass-through options in FileUpload.
+ * @see {@link FileUploadPassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type FileUploadPassThrough<I = unknown> = PassThrough<I, FileUploadPassThroughOptions<I>>;
+/**
+ * Upload event.
+ * @group Events
+ */
+interface UploadEvent {
+    /**
+     * HTTP event.
+     */
+    originalEvent: HttpEvent<any>;
+}
+/**
+ * Remove uploaded file event.
+ * @group Events
+ */
+interface RemoveUploadedFileEvent {
+    /**
+     * Removed file.
+     */
+    file: any;
+    /**
+     * Uploaded files.
+     */
+    files: any[];
+}
+/**
+ * Form data event.
+ * @group Events
+ */
+interface FormDataEvent {
+    /**
+     * FormData object.
+     */
+    formData: FormData;
+}
+/**
+ * An event indicating that the request was sent to the server. Useful when a request may be retried multiple times, to distinguish between retries on the final event stream.
+ * @see {@link FileUpload.onSend}
+ * @group Events
+ */
+interface FileSendEvent extends UploadEvent, FormDataEvent {
+}
+/**
+ * Callback to invoke before file upload is initialized.
+ * @see {@link FileUpload.onBeforeUpload}
+ * @group Events
+ */
+interface FileBeforeUploadEvent extends FormDataEvent {
+}
+/**
+ * Callback to invoke when file upload is complete.
+ * @see {@link FileUpload.onUpload}
+ * @group Events
+ */
+interface FileUploadEvent extends UploadEvent {
+    /**
+     * Uploaded files.
+     */
+    files: File[];
+}
+/**
+ * Callback to invoke when a file is removed without uploading using clear button of a file.
+ * @see {@link FileUpload.onRemove}
+ * @group Events
+ */
+interface FileRemoveEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: Event;
+    /**
+     * Selected file
+     */
+    file: File;
+}
+/**
+ * Callback to invoke when files are selected.
+ * @see {@link FileUpload.onSelect}
+ * @group Events
+ */
+interface FileSelectEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: Event;
+    /**
+     * Uploaded files.
+     */
+    files: File[];
+    /**
+     * All files to be uploaded.
+     */
+    currentFiles: File[];
+}
+/**
+ * Callback to invoke when files are being uploaded.
+ * @see {@link FileUpload.onProgress}
+ * @extends {UploadEvent}
+ * @group Events
+ */
+interface FileProgressEvent extends UploadEvent {
+    /**
+     * Calculated progress value.
+     */
+    progress: number;
+}
+/**
+ * Callback to invoke in custom upload mode to upload the files manually.
+ * @see {@link FileUpload.uploadHandler}
+ * @group Events
+ */
+interface FileUploadHandlerEvent {
+    /**
+     * List of selected files.
+     */
+    files: File[];
+}
+/**
+ * Callback to invoke on upload error.
+ * @see {@link FileUpload.onError}
+ * @group Events
+ */
+interface FileUploadErrorEvent {
+    /**
+     * List of selected files.
+     */
+    error?: ErrorEvent;
+    /**
+     * List of selected files.
+     */
+    files: File[];
+}
+/**
+ * Custom header template context.
+ * @group Interface
+ */
+interface FileUploadHeaderTemplateContext {
+    /**
+     * File list.
+     */
+    $implicit: File[];
+    /**
+     * Uploaded files list.
+     */
+    uploadedFiles: File[];
+    /**
+     * Callback to invoke on choose button click.
+     */
+    chooseCallback: () => void;
+    /**
+     * Callback to invoke on clear button click.
+     */
+    clearCallback: () => void;
+    /**
+     * Callback to invoke on upload.
+     */
+    uploadCallback: () => void;
+}
+/**
+ * Custom content template context.
+ * @group Interface
+ */
+interface FileUploadContentTemplateContext {
+    /**
+     * File list.
+     */
+    $implicit: File[];
+    /**
+     * Uploaded files list.
+     */
+    uploadedFiles: File[];
+    /**
+     * Upload progress value (0-100).
+     */
+    progress: number;
+    /**
+     * Status messages about upload process.
+     */
+    messages: any[];
+    /**
+     * Callback to invoke on choose button click.
+     */
+    chooseCallback: () => void;
+    /**
+     * Callback to invoke to remove a file from the list.
+     */
+    removeFileCallback: (event: Event, index: number) => void;
+    /**
+     * Callback to invoke on clear button click.
+     */
+    clearCallback: () => void;
+    /**
+     * Callback to invoke on remove uploaded file.
+     */
+    removeUploadedFileCallback: (index: number) => void;
+}
+/**
+ * Custom file label template context.
+ * @group Interface
+ */
+interface FileUploadFileLabelTemplateContext {
+    /**
+     * File list.
+     */
+    $implicit: File[];
+}
+/**
+ * Defines valid templates in FileUpload.
+ * @group Templates
+ */
+interface FileUploadTemplates {
+    /**
+     * Custom file template.
+     */
+    file(): TemplateRef<void>;
+    /**
+     * Custom file label template.
+     * @param {Object} context - file label template context.
+     */
+    filelabel(context: FileUploadFileLabelTemplateContext): TemplateRef<FileUploadFileLabelTemplateContext>;
+    /**
+     * Custom header template.
+     * @param {Object} context - header template context.
+     */
+    header(context: FileUploadHeaderTemplateContext): TemplateRef<FileUploadHeaderTemplateContext>;
+    /**
+     * Custom content template.
+     * @param {Object} context - content template context.
+     */
+    content(context: FileUploadContentTemplateContext): TemplateRef<FileUploadContentTemplateContext>;
+    /**
+     * Custom toolbar template.
+     */
+    toolbar(): TemplateRef<void>;
+    /**
+     * Custom choose icon template.
+     */
+    chooseicon(): TemplateRef<void>;
+    /**
+     * Custom upload icon template.
+     */
+    uploadicon(): TemplateRef<void>;
+    /**
+     * Custom cancel icon template.
+     */
+    cancelicon(): TemplateRef<void>;
+    /**
+     * Custom empty state template.
+     */
+    empty(): TemplateRef<void>;
+}
+
+export type { FileBeforeUploadEvent, FileProgressEvent, FileRemoveEvent, FileSelectEvent, FileSendEvent, FileUploadContentTemplateContext, FileUploadErrorEvent, FileUploadEvent, FileUploadFileLabelTemplateContext, FileUploadHandlerEvent, FileUploadHeaderTemplateContext, FileUploadPassThrough, FileUploadPassThroughOptions, FileUploadTemplates, FormDataEvent, RemoveUploadedFileEvent, UploadEvent };

package/types/anguless-angulux-types-floatlabel.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 FloatLabel.pt}
+ * @group Interface
+ */
+interface FloatLabelPassThroughOptions<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 FloatLabelPassThrough<I = unknown> = PassThrough<I, FloatLabelPassThroughOptions<I>>;
+
+export type { FloatLabelPassThrough, FloatLabelPassThroughOptions };

package/types/anguless-angulux-types-fluid.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 Fluid.pt}
+ * @group Interface
+ */
+interface FluidPassThroughOptions<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 Fluid component.
+ * @see {@link FluidPassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type FluidPassThrough<I = unknown> = PassThrough<I, FluidPassThroughOptions<I>>;
+
+export type { FluidPassThrough, FluidPassThroughOptions };

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

@@ -0,0 +1,250 @@
+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 Galleria.pt}
+ * @group Interface
+ */
+interface GalleriaPassThroughOptions<I = unknown> {
+    /**
+     * Used to pass attributes to the host's DOM 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 mask's DOM element.
+     */
+    mask?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the close button's DOM element.
+     */
+    closeButton?: PassThroughOption<HTMLButtonElement, I>;
+    /**
+     * Used to pass attributes to the close icon's DOM element.
+     */
+    closeIcon?: PassThroughOption<SVGElement, I>;
+    /**
+     * Used to pass attributes to the header's DOM element.
+     */
+    header?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the content's DOM element.
+     */
+    content?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the items container's DOM element.
+     */
+    itemsContainer?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the items's DOM element.
+     */
+    items?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the previous button's DOM element.
+     */
+    prevButton?: PassThroughOption<HTMLButtonElement, I>;
+    /**
+     * Used to pass attributes to the previous icon's DOM element.
+     */
+    prevIcon?: PassThroughOption<SVGElement, I>;
+    /**
+     * Used to pass attributes to the item's DOM element.
+     */
+    item?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the next button's DOM element.
+     */
+    nextButton?: PassThroughOption<HTMLButtonElement, I>;
+    /**
+     * Used to pass attributes to the next icon's DOM element.
+     */
+    nextIcon?: PassThroughOption<SVGElement, I>;
+    /**
+     * Used to pass attributes to the caption's DOM element.
+     */
+    caption?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the indicator list's DOM element.
+     */
+    indicatorList?: PassThroughOption<HTMLUListElement, I>;
+    /**
+     * Used to pass attributes to the indicator's DOM element.
+     */
+    indicator?: PassThroughOption<HTMLLIElement, I>;
+    /**
+     * Used to pass attributes to the indicator button's DOM element.
+     */
+    indicatorButton?: PassThroughOption<HTMLButtonElement, I>;
+    /**
+     * Used to pass attributes to the thumbnails's DOM element.
+     */
+    thumbnails?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the thumbnail content's DOM element.
+     */
+    thumbnailContent?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the thumbnail previous button's DOM element.
+     */
+    thumbnailPrevButton?: PassThroughOption<HTMLButtonElement, I>;
+    /**
+     * Used to pass attributes to the thumbnail previous icon's DOM element.
+     */
+    thumbnailPrevIcon?: PassThroughOption<SVGElement, I>;
+    /**
+     * Used to pass attributes to the thumbnails viewport's DOM element.
+     */
+    thumbnailsViewport?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the thumbnail items's DOM element.
+     */
+    thumbnailItems?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the thumbnail item's DOM element.
+     */
+    thumbnailItem?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the thumbnail's DOM element.
+     */
+    thumbnail?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the thumbnail next button's DOM element.
+     */
+    thumbnailNextButton?: PassThroughOption<HTMLButtonElement, I>;
+    /**
+     * Used to pass attributes to the thumbnail next icon's DOM element.
+     */
+    thumbnailNextIcon?: PassThroughOption<SVGElement, 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 Galleria.
+ * @see {@link GalleriaPassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type GalleriaPassThrough<I = unknown> = PassThrough<I, GalleriaPassThroughOptions<I>>;
+/**
+ * Responsive options of the component.
+ * @group Interface
+ */
+interface GalleriaResponsiveOptions {
+    /**
+     * Breakpoint for responsive mode. Exp; @media screen and (max-width: ${breakpoint}) {...}
+     */
+    breakpoint: string;
+    /**
+     * The number of visible items on breakpoint.
+     */
+    numVisible: number;
+}
+/**
+ * Custom indicator template context.
+ * @group Interface
+ */
+interface GalleriaIndicatorTemplateContext {
+    /**
+     * Index of the indicator.
+     */
+    $implicit: number;
+}
+/**
+ * Custom item template context.
+ * @group Interface
+ */
+interface GalleriaItemTemplateContext<T = any> {
+    /**
+     * Item instance.
+     */
+    $implicit: T;
+}
+/**
+ * Custom thumbnail template context.
+ * @group Interface
+ */
+interface GalleriaThumbnailTemplateContext<T = any> {
+    /**
+     * Item instance.
+     */
+    $implicit: T;
+}
+/**
+ * Custom caption template context.
+ * @group Interface
+ */
+interface GalleriaCaptionTemplateContext<T = any> {
+    /**
+     * Item instance.
+     */
+    $implicit: T;
+}
+/**
+ * Defines valid templates in Galleria.
+ * @group Templates
+ */
+interface GalleriaTemplates {
+    /**
+     * Custom header template.
+     */
+    header(): TemplateRef<void>;
+    /**
+     * Custom footer template.
+     */
+    footer(): TemplateRef<void>;
+    /**
+     * Custom indicator template.
+     * @param {Object} context - indicator context.
+     */
+    indicator(context: GalleriaIndicatorTemplateContext): TemplateRef<GalleriaIndicatorTemplateContext>;
+    /**
+     * Custom close icon template.
+     */
+    closeicon(): TemplateRef<void>;
+    /**
+     * Custom item next icon template.
+     */
+    itemnexticon(): TemplateRef<void>;
+    /**
+     * Custom item previous icon template.
+     */
+    itempreviousicon(): TemplateRef<void>;
+    /**
+     * Custom previous thumbnail icon template.
+     */
+    previousthumbnailicon(): TemplateRef<void>;
+    /**
+     * Custom next thumbnail icon template.
+     */
+    nextthumbnailicon(): TemplateRef<void>;
+    /**
+     * Custom caption template.
+     * @param {Object} context - caption context.
+     */
+    caption(context: GalleriaCaptionTemplateContext): TemplateRef<GalleriaCaptionTemplateContext>;
+    /**
+     * Custom thumbnail template.
+     * @param {Object} context - thumbnail context.
+     */
+    thumbnail(context: GalleriaThumbnailTemplateContext): TemplateRef<GalleriaThumbnailTemplateContext>;
+    /**
+     * Custom item template.
+     * @param {Object} context - item context.
+     */
+    item(context: GalleriaItemTemplateContext): TemplateRef<GalleriaItemTemplateContext>;
+}
+
+export type { GalleriaCaptionTemplateContext, GalleriaIndicatorTemplateContext, GalleriaItemTemplateContext, GalleriaPassThrough, GalleriaPassThroughOptions, GalleriaResponsiveOptions, GalleriaTemplates, GalleriaThumbnailTemplateContext };

package/types/anguless-angulux-types-iconfield.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 IconField.pt}
+ * @group Interface
+ */
+interface IconFieldPassThroughOptions<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 IconFieldPassThrough<I = unknown> = PassThrough<I, IconFieldPassThroughOptions<I>>;
+
+export type { IconFieldPassThrough, IconFieldPassThroughOptions };