@villedemontreal/angular-ui 13.0.0 → 13.1.0

package/lib/bao.module.d.ts

@@ -16,8 +16,9 @@ import * as i14 from "./tabs/module";
 import * as i15 from "./modal/module";
 import * as i16 from "./hyperlink/module";
 import * as i17 from "./dropdown-menu/module";
+import * as i18 from "./file/module";
 export declare class BaoModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<BaoModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<BaoModule, never, [typeof i1.BaoIconModule, typeof i2.BaoButtonModule, typeof i3.BaoAlertModule, typeof i4.BaoCardModule, typeof i5.BaoBreadcrumbModule], [typeof i1.BaoIconModule, typeof i2.BaoButtonModule, typeof i3.BaoAlertModule, typeof i5.BaoBreadcrumbModule, typeof i4.BaoCardModule, typeof i6.BaoTagModule, typeof i7.BaoHeaderInfoModule, typeof i8.BaoListModule, typeof i9.BaoCommonComponentsModule, typeof i10.BaoCheckboxModule, typeof i11.BaoRadioModule, typeof i12.BaoSummaryModule, typeof i13.BaoAvatarModule, typeof i14.BaoTabsModule, typeof i15.BaoModalModule, typeof i16.BaoHyperlinkModule, typeof i17.BaoDropdownMenuModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BaoModule, never, [typeof i1.BaoIconModule, typeof i2.BaoButtonModule, typeof i3.BaoAlertModule, typeof i4.BaoCardModule, typeof i5.BaoBreadcrumbModule], [typeof i1.BaoIconModule, typeof i2.BaoButtonModule, typeof i3.BaoAlertModule, typeof i5.BaoBreadcrumbModule, typeof i4.BaoCardModule, typeof i6.BaoTagModule, typeof i7.BaoHeaderInfoModule, typeof i8.BaoListModule, typeof i9.BaoCommonComponentsModule, typeof i10.BaoCheckboxModule, typeof i11.BaoRadioModule, typeof i12.BaoSummaryModule, typeof i13.BaoAvatarModule, typeof i14.BaoTabsModule, typeof i15.BaoModalModule, typeof i16.BaoHyperlinkModule, typeof i17.BaoDropdownMenuModule, typeof i18.BaoFileModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<BaoModule>;
 }

package/lib/file/file-input.component.d.ts

@@ -0,0 +1,123 @@
+import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, Renderer2 } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { BaoFileIntl } from './file-intl';
+import * as i0 from "@angular/core";
+export declare class BaoFileInputComponent implements AfterContentInit, AfterViewInit, OnDestroy, ControlValueAccessor {
+    intl: BaoFileIntl;
+    private elementRef;
+    private renderer;
+    private cdr;
+    /**
+     * Id of the file input field
+     */
+    inputId?: string;
+    /**
+     * Label of field to be displayed above
+     */
+    label: string;
+    /**
+     * Size of the file input label
+     */
+    size: 'small' | 'medium';
+    /**
+     * Maximum size accepted for uploaded files
+     */
+    maximalFileSize: number;
+    /**
+     * Accepted types of files
+     */
+    acceptedMIMETypes: string[];
+    /**
+     * Is field required
+     */
+    required?: boolean;
+    /**
+     * Is field disabled
+     */
+    disabled?: boolean;
+    /**
+     * File selected to be uploaded
+     */
+    uploadedFile: EventEmitter<File>;
+    /**
+     * List of files that have been uploaded so far
+     */
+    private _files;
+    /**
+     * Form errors when component is used in a form
+     */
+    private _errorForm;
+    /**
+     * Error texts
+     */
+    private _errorTexts;
+    /**
+     * File input that triggers uploading when clicked
+     */
+    private uploader;
+    private dropzoneElement;
+    insertDefaultInstructions: boolean;
+    isFileTooBig: boolean;
+    isFileTypeInvalid: boolean;
+    private _value;
+    private _intlChanges;
+    private _helperTextId;
+    constructor(intl: BaoFileIntl, elementRef: ElementRef<HTMLElement>, renderer: Renderer2, cdr: ChangeDetectorRef);
+    get nativeElement(): HTMLElement;
+    enterKeyEvent(): void;
+    tabKeyEvent(): void;
+    shiftTabKeyEvent(): void;
+    ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Implements ControlValueAccessor interface
+     */
+    writeValue(obj: any): void;
+    /**
+     * Implements ControlValueAccessor interface
+     */
+    registerOnChange(fn: (value: any) => void): void;
+    /**
+     * Implements ControlValueAccessor interface
+     */
+    registerOnTouched(fn: any): void;
+    /**
+     * Implements ControlValueAccessor interface
+     */
+    setDisabledState(isDisabled: boolean): void;
+    uploadFile(file: File): void;
+    /**
+     * Saves the registerOnChange function so the component can call it whenever it wants.
+     */
+    propagateChange: (_: any) => void;
+    /**
+     * Saves the registerOnTouched function so the component can call it whenever it wants.
+     */
+    propagateTouched: () => void;
+    private setValue;
+    private setDescribedByAttribute;
+    private setErrorTextsAttribute;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoFileInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaoFileInputComponent, "bao-file-input, [bao-file-input]", never, { "inputId": "id"; "label": "label"; "size": "size"; "maximalFileSize": "maximalFileSize"; "acceptedMIMETypes": "acceptedMIMETypes"; "required": "required"; "disabled": "disabled"; }, { "uploadedFile": "uploadedFile"; }, ["_files", "_errorForm"], ["bao-guiding-text", "bao-file-dropzone-instructions", "bao-error", "*"]>;
+}
+export declare class BaoFileDropDirective {
+    fileDrop: EventEmitter<File>;
+    private _isDragOver;
+    onDragOver(event: DragEvent): void;
+    onDragLeave(event: DragEvent): void;
+    onDrop(event: DragEvent): void;
+    private preventAndStop;
+    private getDataTransfer;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoFileDropDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaoFileDropDirective, "[baoFileDrop]", never, {}, { "fileDrop": "fileDrop"; }, never>;
+}
+export declare class BaoFileDropzoneIntructions implements AfterContentInit {
+    private renderer;
+    private elementRef;
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>);
+    get nativeElement(): HTMLElement;
+    ngAfterContentInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoFileDropzoneIntructions, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaoFileDropzoneIntructions, "bao-file-dropzone-instructions, [bao-file-dropzone-instructions]", never, {}, {}, never>;
+}

package/lib/file/file-intl.d.ts

@@ -0,0 +1,44 @@
+import { Optional } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * To modify the labels and text displayed, create a new instance of BaoFileIntl and
+ * include it in a custom provider
+ */
+export declare class BaoFileIntl {
+    /**
+     * Stream to emit from when labels are changed. Use this to notify components when the labels have
+     * changed after initialization.
+     */
+    readonly changes: Subject<void>;
+    /** The label for button in dropzone */
+    dropzoneButtonLabel: string;
+    /** The default dropzone instructions */
+    defaultDropzoneInstructions: string;
+    /** Error message displayed when uploaded file is too large */
+    fileTooBigErrorMessage: string;
+    /** Error message displayed when uploaded file has an invalid type */
+    invalidFileTypeErrorMessage: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoFileIntl, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<BaoFileIntl>;
+}
+export declare class BaoFileIntlEnglish extends BaoFileIntl {
+    /** The label for button in dropzone */
+    dropzoneButtonLabel: string;
+    /** The default dropzone instructions */
+    defaultDropzoneInstructions: string;
+    /** Error message displayed when uploaded file is too large */
+    fileTooBigErrorMessage: string;
+    /** Error message displayed when uploaded file has an invalid type */
+    invalidFileTypeErrorMessage: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoFileIntlEnglish, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<BaoFileIntlEnglish>;
+}
+/** @docs-private */
+export declare function BAO_FILE_INTL_PROVIDER_FACTORY(parentIntl: BaoFileIntl): BaoFileIntl;
+/** @docs-private */
+export declare const BAO_FILE_INTL_PROVIDER: {
+    provide: typeof BaoFileIntl;
+    deps: Optional[][];
+    useFactory: typeof BAO_FILE_INTL_PROVIDER_FACTORY;
+};

package/lib/file/file-preview.component.d.ts

@@ -0,0 +1,29 @@
+import { AfterContentInit, ElementRef, Renderer2 } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class BaoFilePreviewComponent implements AfterContentInit {
+    private elementRef;
+    private renderer;
+    /**
+     * Uploaded file to display in list.
+     */
+    file: File;
+    /**
+     * Is file loading
+     */
+    isLoading: boolean;
+    /**
+     * True if projected content has no icon and file does not have a thumbnail.
+     */
+    insertGenericIcon: boolean;
+    thumbnailURL: string;
+    constructor(elementRef: ElementRef<HTMLElement>, renderer: Renderer2);
+    get nativeElement(): HTMLElement;
+    get fileSize(): string;
+    ngAfterContentInit(): void;
+    private setIcon;
+    private getThumbnail;
+    private formatSize;
+    private getSizeAndUnit;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoFilePreviewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaoFilePreviewComponent, "bao-file-preview, [bao-file-preview]", never, { "file": "file"; "isLoading": "isLoading"; }, {}, never, ["bao-icon", "button[bao-button]", "baoDropdownTriggerFor"]>;
+}

package/lib/file/index.d.ts

@@ -0,0 +1,4 @@
+export * from './module';
+export * from './file-input.component';
+export * from './file-preview.component';
+export * from './file-intl';

package/lib/file/module.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./file-input.component";
+import * as i2 from "./file-preview.component";
+import * as i3 from "@angular/common";
+import * as i4 from "../dropdown-menu/module";
+import * as i5 from "../common-components/module";
+import * as i6 from "../icon/module";
+import * as i7 from "../button/module";
+export declare class BaoFileModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoFileModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BaoFileModule, [typeof i1.BaoFileInputComponent, typeof i1.BaoFileDropzoneIntructions, typeof i1.BaoFileDropDirective, typeof i2.BaoFilePreviewComponent], [typeof i3.CommonModule, typeof i4.BaoDropdownMenuModule, typeof i5.BaoCommonComponentsModule, typeof i6.BaoIconModule, typeof i7.BaoButtonModule], [typeof i1.BaoFileInputComponent, typeof i1.BaoFileDropzoneIntructions, typeof i1.BaoFileDropDirective, typeof i2.BaoFilePreviewComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<BaoFileModule>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@villedemontreal/angular-ui",
-  "version": "13.0.0",
+  "version": "13.1.0",
   "peerDependencies": {
     "@angular/cdk": ">=12.0.0 <14.0.0",
     "@angular/common": ">=12.0.0 <14.0.0",

package/public-api.d.ts

@@ -18,3 +18,4 @@ export * from './lib/tabs';
 export * from './lib/modal';
 export * from './lib/hyperlink';
 export * from './lib/dropdown-menu';
+export * from './lib/file';