@agorapulse/ui-components 0.0.1

package/index.d.ts

@@ -0,0 +1,54 @@
+export { AgorapulseUiComponentsModule } from './src/lib/agorapulse-ui-components.module';
+export { AutosizeTextareaDirective } from './src/lib/directives/autosize-textarea.directive';
+export { DefaultImageDirective } from './src/lib/directives/default-image.directive';
+export { EllipsisDirective } from './src/lib/directives/ellipsis.directive';
+export { FrozenGifDirective } from './src/lib/directives/frozen-gif.directive';
+export { EqualValidatorDirective } from './src/lib/directives/equal-validator.directive';
+export { MultiStyleTextDirective } from './src/lib/directives/multi-style-text.directive';
+export { PopmenuDirective } from './src/lib/popmenu/popmenu.directive';
+export { TruncateTooltipDirective } from './src/lib/directives/truncate-tooltip.directive';
+export { TooltipNeoDirective } from './src/lib/tooltip-neo/tooltip-neo.directive';
+export { AddCommentComponent } from './src/lib/add-comment/add-comment.component';
+export { AvatarComponent } from './src/lib/avatar/avatar.component';
+export { StepperComponent } from './src/lib/stepper/stepper.component';
+export { ConfirmModalComponent } from './src/lib/confirm-modal/confirm-modal.component';
+export { DatepickerComponent, DatepickerMode, I18nDatePicker, Period } from './src/lib/datepicker/datepicker.component';
+export { DotsStepperComponent } from './src/lib/dots-stepper/dots-stepper.component';
+export { EditTagsModalComponent } from './src/lib/edit-tag-modal/edit-tags-modal.component';
+export { ImageCarouselComponent, InstagramCarouselItemType } from './src/lib/image-carousel/image-carousel.component';
+export { FeatureOnboardingComponent } from './src/lib/feature-onboarding/feature-onboarding.component';
+export { LeadModalComponent } from './src/lib/lead-modal/lead-modal.component';
+export { MediaDisplayOverlayDialogComponent } from './src/lib/media-display-overlay/media-display-overlay-dialog.component';
+export { ModalComponent, ModalConfig } from './src/lib/modal/modal.component';
+export { OverlayDialogComponent } from './src/lib/overlay/overlay-dialog.component';
+export { OverlayInDivComponent } from './src/lib/overlay-in-div/overlay-in-div.component';
+export { OverlayDialogService } from './src/lib/overlay/overlay-dialog-service.component';
+export { PaginatorComponent } from './src/lib/paginator/paginator.component';
+export { PasswordInputComponent } from './src/lib/password-input/password-input.component';
+export { PhoneNumberInputComponent } from './src/lib/phone-number-input/phone-number-input.component';
+export { PlaceComponent } from './src/lib/places/place.component';
+export { PlaceListComponent } from './src/lib/places/place-list.component';
+export { PopmenuComponent } from './src/lib/popmenu/popmenu.component';
+export { PopmenuModule } from './src/lib/popmenu/popmenu.module';
+export { SplashscreenComponent } from './src/lib/splashscreen/splashscreen.component';
+export { SnackBarComponent } from './src/lib/snackbar/snackbar.component';
+export { TagComponent } from './src/lib/tags/tag.component';
+export { TagListComponent } from './src/lib/tags/tag-list.component';
+export { TagsSelectorComponent } from './src/lib/tags-selector/tags-selector.component';
+export { Time, TimeFormat } from './src/lib/timepicker/timepicker.component';
+export { TryPopupComponent } from './src/lib/try-popup/try-popup.component';
+export { NotificationComponent } from './src/lib/notification/notification.component';
+export { PasswordStrengthBarComponent } from './src/lib/password-strength-bar/password-strength-bar.component';
+export { PasswordStrengthDisplayBarComponent } from './src/lib/password-strength-display-bar/password-strength-display-bar.component';
+export { TimepickerComponent } from './src/lib/timepicker/timepicker.component';
+export { PaginatorButtonComponent } from './src/lib/paginator/paginator-button/paginator-button.component';
+export { SlideToggleComponent } from './src/lib/slide-toggle/slide-toggle.component';
+export { SnackbarsThreadComponent } from './src/lib/snackbars-thread/component/snackbars-thread.component';
+export { StarRatingComponent } from './src/lib/star-rating/star-rating.component';
+export { SnackbarsThreadService } from './src/lib/snackbars-thread/service/snackbars-thread.service';
+export { Step } from './src/lib/stepper/step.model';
+export { ConfirmModalTexts } from './src/lib/confirm-modal/confirm-modal-texts.model';
+export { LeadInfo } from './src/lib/lead-modal/lead-info.model';
+export { TryPopupTexts } from './src/lib/try-popup/try-popup-texts.model';
+export { generateCodeStatus, SnackbarsThreadBase, SnackbarTypeValues, externalSnackbarTypeAllowed } from './src/lib/snackbars-thread/model/snackbars-thread.model';
+export { EditTagsModalData, TagStatus, TranslatedStrings } from './src/lib/edit-tag-modal/model/edit-tags-modal.model';

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@agorapulse/ui-components",
+  "description": "Agorapulse UI Components Library",
+  "version": "0.0.1",
+  "author": "Benoit Hediard",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/agorapulse/design.git"
+  },
+  "bugs": {
+    "url": "https://github.com/agorapulse/design/issues"
+  },
+  "homepage": "https://github.com/agorapulse/design",
+  "peerDependencies": {
+    "@agorapulse/ui-symbol": "^1.0.2",
+    "@angular/common": "^12.0.2",
+    "@angular/core": "^12.0.2",
+    "@angular/material": "^12.0.0",
+    "@angular/animations": "^12.0.2",
+    "@ng-select/ng-select": "^6.0.0",
+    "hammerjs": "^2.0.8",
+    "moment": "^2.24.0",
+    "ngx-daterangepicker-material": "^4.0.1",
+    "ngx-device-detector": "^2.0.0"
+  },
+  "main": "bundles/agorapulse-ui-components.umd.js",
+  "module": "fesm2015/agorapulse-ui-components.js",
+  "es2015": "fesm2015/agorapulse-ui-components.js",
+  "esm2015": "esm2015/agorapulse-ui-components.js",
+  "fesm2015": "fesm2015/agorapulse-ui-components.js",
+  "typings": "agorapulse-ui-components.d.ts",
+  "metadata": "agorapulse-ui-components.metadata.json",
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.2.0"
+  }
+}

package/src/lib/add-comment/add-comment.component.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter, TemplateRef } from '@angular/core';
+import { ControlValueAccessor } from "@angular/forms";
+export declare class AddCommentComponent implements ControlValueAccessor {
+    placeholder: string;
+    customTemplate: TemplateRef<any>;
+    disable: boolean;
+    action: EventEmitter<string>;
+    _commentValue: string;
+    get commentValue(): string;
+    set commentValue(value: string);
+    propagateChange: any;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(obj: any): void;
+    onChange(event: any): void;
+}

package/src/lib/agorapulse-ui-components.module.d.ts

@@ -0,0 +1,2 @@
+export declare class AgorapulseUiComponentsModule {
+}

package/src/lib/avatar/avatar.component.d.ts

@@ -0,0 +1,23 @@
+import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { customSvgsSymbolIds, flagSymbolIds, officialSymbolIds, symbolIds, SymbolType } from "@agorapulse/ui-symbol";
+export declare class AvatarComponent implements OnInit, OnChanges {
+    border: string;
+    defaultImageEnabled: boolean;
+    fallbackSymbolId: SymbolType<typeof symbolIds> | SymbolType<typeof officialSymbolIds> | SymbolType<typeof customSvgsSymbolIds> | SymbolType<typeof flagSymbolIds>;
+    fallbackSymbolSize: string | 'none' | 'pico' | 'nano' | 'micro' | 'mini' | 'small' | 'medium' | 'normal' | 'large';
+    imageUrl: string;
+    loading: 'auto' | 'lazy' | 'eager';
+    outerBorderHidden: boolean;
+    size: 'large' | 'normal' | 'medium' | 'medium-sm' | 'small' | 'mini' | 'mini-sm' | 'micro' | 'facebook' | 'twitter' | 'linkedin' | 'instagram' | 'youtube' | 'google';
+    social: 'facebook' | 'instagram' | 'linkedin' | 'twitter' | 'youtube' | 'google';
+    username: string;
+    rounded: boolean;
+    online: boolean;
+    socialSize: string;
+    sizeMap: {
+        [key: string]: string;
+    };
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    onError(): void;
+}

package/src/lib/confirm-modal/confirm-modal-texts.model.d.ts

@@ -0,0 +1,8 @@
+export interface ConfirmModalTexts {
+    footerConfirmButtonId: string | 'confirm';
+    footerConfirmButtonLabel: string;
+    contentText: string;
+    footerCancelButtonId: string | 'cancel';
+    footerCancelButtonLabel: string;
+    headerTitle: string;
+}

package/src/lib/confirm-modal/confirm-modal.component.d.ts

@@ -0,0 +1,17 @@
+import { ComponentType } from '@angular/cdk/portal';
+import { MatDialog, MatDialogRef } from '@angular/material/dialog';
+import { ModalConfig } from '../modal/modal.component';
+import { ConfirmModalTexts } from './confirm-modal-texts.model';
+export declare class ConfirmModalComponent {
+    dialogRef: MatDialogRef<ComponentType<any>>;
+    contentText: string;
+    footerCancelButtonId: string;
+    footerCancelButtonLabel: string;
+    footerConfirmButtonId: string;
+    footerConfirmButtonLabel: string;
+    headerTitle: string;
+    constructor(dialogRef: MatDialogRef<ComponentType<any>>);
+    onCancel(): void;
+    onConfirm(): void;
+    static open(dialog: MatDialog, confirmModalTexts: ConfirmModalTexts, modalConfig?: ModalConfig): MatDialogRef<ConfirmModalComponent, any>;
+}

package/src/lib/datepicker/datepicker.component.d.ts

@@ -0,0 +1,69 @@
+import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnChanges, OnInit } from '@angular/core';
+import { DaterangepickerComponent } from "ngx-daterangepicker-material";
+import { Moment } from 'moment';
+export declare enum DatepickerMode {
+    Single = "Single",
+    Multiple = "Multiple",
+    Range = "Range"
+}
+export interface Period {
+    startDate: Moment;
+    endDate: Moment;
+}
+export interface I18nDatePicker {
+    ranges: {
+        yesterday: string;
+        lastWeek: string;
+        last30Days: string;
+        lastMonth: string;
+        thisMonth: string;
+    };
+}
+export declare class DatepickerComponent implements OnInit, OnChanges, AfterViewInit {
+    changeDetectorRef: ChangeDetectorRef;
+    datepickerRef: DaterangepickerComponent;
+    firstDayOfWeek: string;
+    i18n: I18nDatePicker;
+    locale: any;
+    maxDate: Moment;
+    minDate: Moment;
+    mode: DatepickerMode;
+    selectedDate: Moment;
+    selectedDates: Moment[];
+    selectedPeriod: Period;
+    showRanges: boolean;
+    dateSelected: EventEmitter<any>;
+    periodSelected: EventEmitter<Period>;
+    DatepickerMode: typeof DatepickerMode;
+    doubleCalendarWidth: number;
+    localeConfig: {
+        customRangeLabel: string;
+        daysOfWeek: string[];
+        monthNames: string[];
+        firstDay: number;
+    };
+    ranges: {
+        [period: string]: [Moment, Moment];
+    };
+    rangePickerWidth: number;
+    width: number;
+    pageSet: boolean;
+    constructor(changeDetectorRef: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnChanges(changes: any): void;
+    ngAfterViewInit(): void;
+    initDatePickerLocale(): void;
+    initRanges(): void;
+    isCustomDate: (date: any) => string[];
+    private isSelected;
+    onStartDateChanged(event: any): void;
+    onDatesUpdated(event: any): void;
+    onNextMonth(): void;
+    onPreviousMonth(): void;
+    /**
+     * Ugly hack used here to open the calendar on the right day if they are selected dates
+     *      * https://github.com/fetrarij/ngx-daterangepicker-material/issues/139
+     */
+    setCalendarCurrentPage(): void;
+    setWidth(): void;
+}

package/src/lib/directives/autosize-textarea.directive.d.ts

@@ -0,0 +1,9 @@
+import { AfterContentChecked, ElementRef } from '@angular/core';
+export declare class AutosizeTextareaDirective implements AfterContentChecked {
+    element: ElementRef;
+    static maxHeight: number;
+    constructor(element: ElementRef);
+    onInput(): void;
+    ngAfterContentChecked(): void;
+    resize(): void;
+}

package/src/lib/directives/default-image.directive.d.ts

@@ -0,0 +1,5 @@
+export declare class DefaultImageDirective {
+    src: string;
+    default: string;
+    updateUrl(): void;
+}

package/src/lib/directives/ellipsis.directive.d.ts

@@ -0,0 +1,27 @@
+import { AfterContentChecked, ElementRef, EventEmitter } from '@angular/core';
+/**
+ * Removes excess text from element until it fits in elements
+ * and appends a ellipsis symbol to end of text. This requires that
+ * the elements height be fixed
+ *
+ * @example
+ * ```html
+ * <p apEllipsis>Ullamco esse laborum</p>
+ * ```
+ *
+ */
+export declare class EllipsisDirective implements AfterContentChecked {
+    private el;
+    apEllipsisSeparator: string;
+    apEllipsisClip: boolean;
+    apEllipsisIndex: number;
+    apEllipsisChar: string;
+    apEllipsisClickable: boolean;
+    apEllipsisRemovedElementsCount: EventEmitter<number>;
+    apEllipsisRemovedText: EventEmitter<string>;
+    private get hasOverflow();
+    constructor(el: ElementRef);
+    ngAfterContentChecked(): void;
+    private clipText;
+    private handleReadmore;
+}

package/src/lib/directives/equal-validator.directive.d.ts

@@ -0,0 +1,10 @@
+import { Validator, AbstractControl } from '@angular/forms';
+export declare class EqualValidatorDirective implements Validator {
+    validateEqual: string;
+    validateEqualReference: string;
+    constructor(validateEqual: string, validateEqualReference: string);
+    validate(self: AbstractControl): {
+        [key: string]: any;
+    };
+    private isReference;
+}

package/src/lib/directives/frozen-gif.directive.d.ts

@@ -0,0 +1,27 @@
+import { ElementRef, OnChanges } from '@angular/core';
+export declare class GifService {
+    static isGif(src: String): boolean;
+}
+/**
+ * If the image is a GIF then replace the img element by a canvas containing a frozen gif.
+ * Note 1: if the image is displayed under a condition, the condition must be applied on the parent of the image, so the
+ * new canvas element will have the same condition.
+ * Note 2: the image must not have the properties "display" and "visibility" in its style. Since they are used to frozen
+ * the GIF. You need to apply this properties on the parent element.
+ * Note 3: If the GIF is frozen, all the event are propagated to the image. However, all events are dispatched
+ * with an Event instance. Ex: click event is not dispatched with a MouseEvent instance.
+ */
+export declare class FrozenGifDirective implements OnChanges {
+    private elementRef;
+    src: string;
+    frozen: boolean;
+    events: string[];
+    private readonly element;
+    private canvas;
+    constructor(elementRef: ElementRef);
+    ngOnChanges(changes: any): void;
+    private freeze;
+    private addCanvas;
+    private addEvents;
+    private unfreeze;
+}

package/src/lib/directives/multi-style-text.directive.d.ts

@@ -0,0 +1,15 @@
+import { Renderer2, ElementRef } from '@angular/core';
+/**
+ * This directive aims to parse simple string to extract some specific tags and to turn them into SPAN with styling classes attributes.
+ * The specific tags must this schema: <ng-container data-mst="STYLING-CLASSES>TEXT</ng-container>.
+ * Example: 'Lorem <ng-container data-mst="my-style">ipsum</ng-container> dolor sit amet'.
+ */
+export declare class MultiStyleTextDirective {
+    private elRef;
+    private renderer;
+    private childrenCreated;
+    set multiStyleText(fullText: string);
+    constructor(elRef: ElementRef, renderer: Renderer2);
+    private static parse;
+    private static cutFirstGroup;
+}

package/src/lib/directives/truncate-tooltip.directive.d.ts

@@ -0,0 +1,13 @@
+import { TooltipNeoDirective } from '../tooltip-neo/tooltip-neo.directive';
+import { TooltipNeoParams } from '../tooltip-neo/tooltip-neo.model';
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+export declare class TruncateTooltipDirective implements OnInit, OnDestroy {
+    private tooltipNeo;
+    private elementRef;
+    truncateTooltip: string | TooltipNeoParams;
+    private elementRefMouseOver$;
+    constructor(tooltipNeo: TooltipNeoDirective, elementRef: ElementRef<HTMLElement>);
+    private updateTruncateState;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+}

package/src/lib/dots-stepper/dots-stepper.component.d.ts

@@ -0,0 +1,13 @@
+import { EventEmitter, OnChanges } from '@angular/core';
+export declare class DotsStepperComponent implements OnChanges {
+    disabled: boolean;
+    forwardAllowed: boolean;
+    index: number;
+    items: any[];
+    size: string;
+    dotClick: EventEmitter<number>;
+    currentItem: any;
+    constructor();
+    ngOnChanges(): void;
+    onDotClick(event: any, item: any, index: any): void;
+}

package/src/lib/edit-tag-modal/edit-tags-modal.component.d.ts

@@ -0,0 +1,29 @@
+import { ElementRef, EventEmitter, OnDestroy } from '@angular/core';
+import { MatDialog, MatDialogRef } from '@angular/material/dialog';
+import { EditTagsModalData } from './model/edit-tags-modal.model';
+export declare class EditTagsModalComponent implements OnDestroy {
+    data: EditTagsModalData;
+    dialogRef: MatDialogRef<EditTagsModalComponent>;
+    dialog: MatDialog;
+    deletedTags: string[];
+    editTag: EventEmitter<Map<string, string>>;
+    filteredTags: string[];
+    savingTags: string[];
+    tagEditedIndex: number;
+    tags: string[];
+    updatedTags: Map<string, string>;
+    updateStatusByTags: Map<string, boolean>;
+    tagInput: ElementRef;
+    private readonly destroy$;
+    constructor(data: EditTagsModalData, dialogRef: MatDialogRef<EditTagsModalComponent>, dialog: MatDialog);
+    cancelEdit(): void;
+    onDone(): void;
+    onEdit(index: number): void;
+    onRemove(tag: string): void;
+    onValidateInput(index: number): void;
+    onValidate(value: string, index: number): void;
+    onValidateEnter(event: any, index: number): void;
+    onSearch(tag: string): void;
+    updateTagSuccess(tag: string): void;
+    ngOnDestroy(): void;
+}

package/src/lib/edit-tag-modal/model/edit-tags-modal.model.d.ts

@@ -0,0 +1,21 @@
+import { Observable } from 'rxjs';
+export interface EditTagsModalData {
+    tags$: Observable<string[]>;
+    updateStatusByTag$: Observable<TagStatus[]>;
+    translatedString: TranslatedStrings;
+}
+export interface TagStatus {
+    tag: string;
+    loading: boolean;
+}
+export interface TranslatedStrings {
+    cancelTooltip: string;
+    deletedLabel: string;
+    deleteTooltip?: string;
+    doneLabel: string;
+    savedLabel: string;
+    searchPlaceholder: string;
+    subtitle: string;
+    title: string;
+    validateTooltip: string;
+}

package/src/lib/feature-onboarding/feature-onboarding.component.d.ts

@@ -0,0 +1,15 @@
+import { MatDialogRef } from "@angular/material/dialog";
+import { ComponentType } from "@angular/cdk/overlay";
+export declare class FeatureOnboardingComponent {
+    dialogRef: MatDialogRef<ComponentType<any>>;
+    backButtonLabel: string;
+    finishButtonLabel: string;
+    nextButtonLabel: string;
+    arrowsDisplayed: boolean;
+    templates: any[];
+    slideDisplayedIndex: number;
+    constructor(dialogRef: MatDialogRef<ComponentType<any>>);
+    onClickNext(): void;
+    onClickPrevious(): void;
+    onCloseCarousel(): void;
+}

package/src/lib/image-carousel/image-carousel.component.d.ts

@@ -0,0 +1,45 @@
+import { EventEmitter } from '@angular/core';
+import { AnimationBuilder } from '@angular/animations';
+export declare enum InstagramCarouselItemType {
+    IMAGE = "photo",
+    VIDEO = "video"
+}
+export interface InstagramCarouselItem {
+    type: InstagramCarouselItemType;
+    url: string;
+    thumbnailUrl?: string;
+}
+export declare class ImageCarouselComponent {
+    private animationBuilder;
+    InstagramCarouselItemType: typeof InstagramCarouselItemType;
+    private carousel;
+    items: InstagramCarouselItem[];
+    dotsInside: boolean;
+    soundEnabled: boolean;
+    supportGif: boolean;
+    tinyMode: boolean;
+    currentImageChanged: EventEmitter<InstagramCarouselItem>;
+    private _selectedIndex;
+    carouselOffset: number;
+    isPlaying: boolean;
+    private mouseOver;
+    videoPlayers: HTMLVideoElement[];
+    constructor(animationBuilder: AnimationBuilder);
+    get selectedIndex(): number;
+    set selectedIndex(value: number);
+    isPrevButtonEnabled(): boolean;
+    isNextButtonEnabled(): boolean;
+    isVideo(): boolean;
+    dotsDisplayed(): boolean;
+    prev(): void;
+    next(): void;
+    play(event: any, index: number): void;
+    move(instantaneous?: boolean): void;
+    onMouseEntersVideo(event: any, index: any): void;
+    onMouseLeavesVideo(event: any, index: any): void;
+    onResize(event: any): void;
+    registerVideoPlayer(event: any, index: number): void;
+    private videoPause;
+    private videoPlay;
+    switchSound(): void;
+}

package/src/lib/lead-modal/lead-info.model.d.ts

@@ -0,0 +1,7 @@
+export interface LeadInfo {
+    language: string;
+    profileType: string;
+    qualifiedPlan: string;
+    qualifiedProfilePlan: string;
+    qualifiedTeamPlan: string;
+}

package/src/lib/lead-modal/lead-modal.component.d.ts

@@ -0,0 +1,28 @@
+import { MatDialogRef } from '@angular/material/dialog';
+import { LeadInfo } from './lead-info.model';
+export interface TranslatedStrings {
+    agencyFieldLabel: string;
+    agencyNoLabel: string;
+    agencyYesLabel: string;
+    profileFieldLabel: string;
+    teamFieldLabel: string;
+    teamMeLabel: string;
+    title: string;
+    validateButtonLabel: string;
+}
+export declare class LeadModalComponent {
+    dialogRef: MatDialogRef<LeadModalComponent>;
+    translatedStrings: TranslatedStrings;
+    constructor(dialogRef: MatDialogRef<LeadModalComponent>, translatedStrings: TranslatedStrings);
+    plans: {
+        PRO: string;
+        PREMIUM: string;
+        PREMIUM_PLUS: string;
+        ENTERPRISE: string;
+    };
+    orderedPlans: string[];
+    qualifiedProfilePlan: string;
+    qualifiedTeamPlan: string;
+    profileType: string;
+    onValidate(qualifiedProfilePlan: string, qualifiedTeamPlan: string, profileType: string): LeadInfo;
+}

package/src/lib/media-display-overlay/media-display-overlay-dialog.component.d.ts

@@ -0,0 +1,28 @@
+import { OnInit } from '@angular/core';
+import { MatDialogConfig, MatDialogRef } from '@angular/material/dialog';
+export interface MediaDisplayData {
+    urls: string[];
+    url: string;
+    mediaType: string;
+    supportGif: boolean;
+}
+export declare enum KEY_CODE {
+    RIGHT_ARROW = 39,
+    LEFT_ARROW = 37
+}
+export declare class MediaDisplayOverlayDialogComponent implements OnInit {
+    dialogRef: MatDialogRef<MediaDisplayOverlayDialogComponent>;
+    data: MediaDisplayData;
+    static config: MatDialogConfig;
+    currentUrlIndex: number;
+    urls: string[];
+    url: string;
+    mediaType: string;
+    supportGif: boolean;
+    constructor(dialogRef: MatDialogRef<MediaDisplayOverlayDialogComponent>, data: MediaDisplayData);
+    ngOnInit(): void;
+    onClose(): void;
+    onNext($event: UIEvent): void;
+    onPrevious($event: UIEvent): void;
+    keyEvent(event: KeyboardEvent): void;
+}

package/src/lib/modal/modal.component.d.ts

@@ -0,0 +1,47 @@
+import { TemplateRef } from '@angular/core';
+import { MatDialog, MatDialogRef } from '@angular/material/dialog';
+import { MatDialogConfig } from '@angular/material/dialog';
+import { ComponentType } from '@angular/cdk/portal';
+export interface ModalConfig extends ModalConfigBase {
+    closable?: boolean;
+    headerBottomBorderEnabled?: boolean;
+}
+export interface ModalConfigBase {
+    backdropCloseEnable?: boolean;
+    matDialogConfig?: MatDialogConfig;
+}
+export declare class ModalComponent {
+    dialogRef: MatDialogRef<ComponentType<any>>;
+    static readonly PANEL_CLASS = "modal-container";
+    constructor(dialogRef: MatDialogRef<ComponentType<any>>);
+    closable: boolean;
+    headerBottomBorderEnabled: boolean;
+    footerTemplate: TemplateRef<any>;
+    footerVisible: boolean;
+    headerTemplate: TemplateRef<any>;
+    headerVisible: boolean;
+    mainTemplate: TemplateRef<any>;
+    config: MatDialogConfig;
+    containerStyle: {
+        [arg: string]: string;
+    };
+    headerStyle: {
+        [arg: string]: string;
+    };
+    contentStyle: {
+        [arg: string]: string;
+    };
+    footerStyle: {
+        [arg: string]: string;
+    };
+    defaultLayout: boolean;
+    /**
+     * Use it to open a modal containing the {@link componentType} component, with the right configuration.
+     */
+    static openWithComponent<T>(matDialog: MatDialog, config: ModalConfigBase, componentType: ComponentType<T>): MatDialogRef<T>;
+    /**
+     * Use it to open a modal containing the provided templates, with the right configuration.
+     */
+    static openWithTemplates(matDialog: MatDialog, headerTemplate: TemplateRef<any>, mainTemplate: TemplateRef<any>, footerTemplate?: TemplateRef<any>, config?: ModalConfig): MatDialogRef<ModalComponent>;
+    close(): void;
+}

package/src/lib/notification/notification.component.d.ts

@@ -0,0 +1,3 @@
+export declare class NotificationComponent {
+    type: 'info' | 'warning' | 'error' | 'success';
+}

package/src/lib/overlay/overlay-dialog-service.component.d.ts

@@ -0,0 +1,20 @@
+import { Injector } from '@angular/core';
+import { Overlay } from '@angular/cdk/overlay';
+import { OverlayDialogRef } from './overlay-dialog.component';
+interface OverlaywDialogConfig {
+    panelClass?: string;
+    hasBackdrop?: boolean;
+    backdropClass?: string;
+    template?: any;
+}
+export declare class OverlayDialogService {
+    private injector;
+    private overlay;
+    constructor(injector: Injector, overlay: Overlay);
+    open(config?: OverlaywDialogConfig): OverlayDialogRef;
+    private createOverlay;
+    private attachDialogContainer;
+    private createInjector;
+    private getOverlayConfig;
+}
+export {};

package/src/lib/overlay/overlay-dialog.component.d.ts

@@ -0,0 +1,17 @@
+import { OverlayRef } from '@angular/cdk/overlay';
+import { InjectionToken } from '@angular/core';
+export interface OverlayData {
+    template: string;
+}
+export declare class OverlayDialogRef {
+    private overlayRef;
+    constructor(overlayRef: OverlayRef);
+    close(): void;
+}
+export declare const OVERLAY_DATA: InjectionToken<OverlayData>;
+export declare class OverlayDialogComponent {
+    dialogRef: OverlayDialogRef;
+    data: any;
+    constructor(dialogRef: OverlayDialogRef, data: any);
+    close(): void;
+}

package/src/lib/overlay-in-div/overlay-in-div.component.d.ts

@@ -0,0 +1,8 @@
+import { EventEmitter } from '@angular/core';
+export declare class OverlayInDivComponent {
+    title: string;
+    subtitle: string;
+    imgPath: string;
+    closable: boolean;
+    close: EventEmitter<any>;
+}