@igo2/common 17.0.0-next.0 → 17.0.0-next.11

package/action/actionbar/actionbar-item.component.d.ts

@@ -0,0 +1,75 @@
+import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { BehaviorSubject, isObservable } from 'rxjs';
+import { Action } from '../shared/action.interfaces';
+import * as i0 from "@angular/core";
+/**
+ * An action button
+ */
+export declare class ActionbarItemComponent implements OnInit, OnDestroy {
+    readonly disabled$: BehaviorSubject<boolean>;
+    readonly checkCondition$: BehaviorSubject<boolean>;
+    readonly tooltip$: BehaviorSubject<string>;
+    readonly noDisplay$: BehaviorSubject<boolean>;
+    readonly ngClass$: BehaviorSubject<{
+        [key: string]: boolean;
+    }>;
+    private ngClass$$;
+    private disabled$$;
+    private availability$$;
+    private checkCondition$$;
+    private tooltip$$;
+    private noDisplay$$;
+    private display$$;
+    isObservable: typeof isObservable;
+    /**
+     * Action
+     */
+    action: Action;
+    /**
+     * Color
+     */
+    color: string;
+    /**
+     * Whether the action title is displayed
+     */
+    withTitle: boolean;
+    /**
+     * Whether the action icon is displayed
+     */
+    withIcon: boolean;
+    /**
+     * Whether a tooltip should be shown
+     */
+    withTooltip: boolean;
+    /**
+     * Whether the action is disabled
+     */
+    set disabled(value: boolean);
+    get disabled(): boolean;
+    /**
+     * Whether the action is display or not
+     */
+    set noDisplay(value: boolean);
+    get noDisplay(): boolean;
+    /**
+     * Event emitted when the action button is clicked
+     */
+    trigger: EventEmitter<Action>;
+    /**
+     * @internal
+     */
+    get title(): string;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * When the action button is clicked, emit the 'trigger' event but don't
+     * invoke the action handler. This is handled by the parent component.
+     * @internal
+     */
+    onClick(): void;
+    private updateNgClass;
+    private updateTooltip;
+    private updateCheckCondition;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionbarItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionbarItemComponent, "igo-actionbar-item", never, { "action": { "alias": "action"; "required": false; }; "color": { "alias": "color"; "required": false; }; "withTitle": { "alias": "withTitle"; "required": false; }; "withIcon": { "alias": "withIcon"; "required": false; }; "withTooltip": { "alias": "withTooltip"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "noDisplay": { "alias": "noDisplay"; "required": false; }; }, { "trigger": "trigger"; }, never, never, true, never>;
+}

package/action/actionbar/actionbar.component.d.ts

@@ -0,0 +1,148 @@
+import { Overlay } from '@angular/cdk/overlay';
+import { ChangeDetectorRef, ElementRef, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { MenuPositionX, MenuPositionY } from '@angular/material/menu';
+import { MediaService } from '@igo2/core/media';
+import { BehaviorSubject } from 'rxjs';
+import { ActionbarMode } from '../shared/action.enums';
+import { Action } from '../shared/action.interfaces';
+import { ActionStore } from '../shared/store';
+import * as i0 from "@angular/core";
+/**
+ * A list of action buttons.
+ * This component can be displayed in one of two way: 'dock' or 'overlay'
+ */
+export declare class ActionbarComponent implements OnDestroy, OnChanges {
+    overlay: Overlay;
+    private elRef;
+    private cdRef;
+    mediaService: MediaService;
+    /**
+     * Reference to the ActionbarMode enum for use in the template
+     * @internal
+     */
+    actionbarMode: typeof ActionbarMode;
+    /**
+     * Whether the actionbar is collapsed (Dock mode)
+     * @internal
+     */
+    collapsed: boolean;
+    /**
+     * Toggle collapse action (Dock)
+     * @internal
+     */
+    toggleCollapseAction: {
+        id: string;
+        icon: string;
+        handler: () => void;
+    };
+    /**
+     * Action store watcher
+     * @internal
+     */
+    private watcher;
+    /**
+     * Height Condition for scroll button
+     */
+    heightCondition$: BehaviorSubject<boolean>;
+    /**
+     * Position Condition for top scroll button
+     */
+    positionConditionTop$: BehaviorSubject<boolean>;
+    /**
+     * Position Condition for low scroll button
+     */
+    positionConditionLow$: BehaviorSubject<boolean>;
+    /**
+     * Action store
+     */
+    store: ActionStore;
+    /**
+     * Actionbar mode
+     */
+    mode: ActionbarMode;
+    /**
+     * Whether a toggle button should be displayed (Dock mode)
+     */
+    withToggleButton: boolean;
+    /**
+     * Whether a the actionbar should display buttons horizontally
+     */
+    horizontal: boolean;
+    /**
+     * Color
+     */
+    color: string;
+    /**
+     * Color of the button if action mode === overlay
+     */
+    iconColor: string;
+    /**
+     * Whether action titles are displayed
+     */
+    withTitle: boolean;
+    /**
+     * Whether action tooltips are displayed
+     */
+    withTooltip: boolean;
+    /**
+     * Whether action titles are displayed (condition for scroll button)
+     */
+    scrollActive: boolean;
+    /**
+     * Whether action icons are displayed
+     */
+    withIcon: boolean;
+    /**
+     * Which icon want to be shown
+     */
+    icon: string;
+    /**
+     * Overlay X position
+     */
+    xPosition: MenuPositionX;
+    /**
+     * Overlay Y position
+     */
+    yPosition: MenuPositionY;
+    /**
+     * Class to add to the actionbar overlay
+     */
+    set overlayClass(value: string);
+    get overlayClass(): string;
+    private _overlayClass;
+    isCollapsed: boolean;
+    /**
+     * @ignore
+     */
+    get withTitleClass(): boolean;
+    /**
+     * @ignore
+     */
+    get withIconClass(): boolean;
+    /**
+     * @ignore
+     */
+    get horizontalClass(): boolean;
+    get heightCondition(): boolean;
+    get positionConditionTop(): boolean;
+    get positionConditionLow(): boolean;
+    get isDesktop(): boolean;
+    constructor(overlay: Overlay, elRef: ElementRef, cdRef: ChangeDetectorRef, mediaService: MediaService);
+    /**
+     * @internal
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * @internal
+     */
+    ngOnDestroy(): void;
+    /**
+     * Invoke the action handler
+     * @internal
+     */
+    onTriggerAction(action: Action): void;
+    scrollDown(): void;
+    scrollUp(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionbarComponent, "igo-actionbar", never, { "store": { "alias": "store"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "withToggleButton": { "alias": "withToggleButton"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "color": { "alias": "color"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "withTitle": { "alias": "withTitle"; "required": false; }; "withTooltip": { "alias": "withTooltip"; "required": false; }; "scrollActive": { "alias": "scrollActive"; "required": false; }; "withIcon": { "alias": "withIcon"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "xPosition": { "alias": "xPosition"; "required": false; }; "yPosition": { "alias": "yPosition"; "required": false; }; "overlayClass": { "alias": "overlayClass"; "required": false; }; }, {}, never, never, true, never>;
+}

package/action/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@igo2/common/action" />
+export * from './public_api';

package/action/public_api.d.ts

@@ -0,0 +1,4 @@
+export * from './shared';
+export * from './action.module';
+export * from './actionbar/actionbar.module';
+export * from './actionbar/actionbar.component';

package/action/shared/action.interfaces.d.ts

@@ -0,0 +1,18 @@
+import { IconSvg } from '@igo2/common/icon';
+import { Observable } from 'rxjs';
+export interface Action {
+    id: string;
+    handler: ActionHandler;
+    title?: string;
+    icon?: string | IconSvg | Observable<string>;
+    tooltip?: string | Observable<string>;
+    args?: any[];
+    checkbox?: boolean;
+    checkCondition?: boolean | Observable<boolean>;
+    display?: (...args: any[]) => Observable<boolean>;
+    availability?: (...args: any[]) => Observable<boolean>;
+    ngClass?: (...args: any[]) => Observable<{
+        [key: string]: boolean;
+    }>;
+}
+export type ActionHandler = (...args: any[]) => void;

package/action/shared/store.d.ts

@@ -0,0 +1,8 @@
+import { EntityStore } from '@igo2/common/entity';
+import { Action } from './action.interfaces';
+/**
+ * The class is a specialized version of an EntityStore that stores
+ * actions.
+ */
+export declare class ActionStore extends EntityStore<Action> {
+}

package/action/src/action.theming.scss

@@ -0,0 +1,5 @@
+@use './actionbar/actionbar-item.theming.scss' as actionbar-item;
+
+@mixin igo-action-theming($theme) {
+  @include actionbar-item.density($theme);
+}

package/action/src/actionbar/actionbar-item.theming.scss

@@ -0,0 +1,32 @@
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+@mixin theme($theme) {
+  @include density($theme);
+  @include typography($theme);
+}
+
+@mixin density($theme) {
+  $density: mat.get-density-config($theme);
+  $theme: map.merge(
+    $theme,
+    (
+      density: $density - 2
+    )
+  );
+
+  igo-actionbar-item {
+    @include mat.icon-button-density($theme);
+    @include mat.list-density($theme);
+  }
+}
+
+@mixin typography($theme) {
+  $typography: mat.get-typography-config($theme);
+
+  igo-actionbar-item {
+    mat-checkbox label {
+      font-size: mat.font-size($typography, body-1);
+    }
+  }
+}

package/action/src/actionbar/actionbar.theming.scss

@@ -0,0 +1,22 @@
+@mixin igo-actionbar-theming($theme) {
+  .igo-actionbar-overlay {
+    min-width: inherit !important;
+    padding-top: 0;
+    padding-bottom: 0;
+
+    .mat-mdc-list {
+      padding-top: 0;
+    }
+    .mat-mdc-list
+      .mat-mdc-list-item.mdc-list-item--with-leading-icon
+      .mdc-list-item__content
+      .mdc-list-item__primary-text {
+      padding-right: 16px;
+    }
+
+    .mat-mdc-menu-content:not(:empty) {
+      padding-top: 0;
+      padding-bottom: 0;
+    }
+  }
+}

package/backdrop/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@igo2/common/backdrop" />
+export * from './public_api';

package/backdrop/public_api.d.ts

@@ -0,0 +1,2 @@
+export * from './backdrop.module';
+export * from './backdrop.component';

package/badge/badge-icon.directive.d.ts

@@ -0,0 +1,34 @@
+import { ElementRef, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * This directive allow to add an icon inside a matBadge.
+ * A value must be set into the matBadge directive ex: matBadge="icon".
+ * The badge content will be overrided by this current directive.
+ */
+export declare class IgoBadgeIconDirective implements OnInit {
+    private el;
+    set igoMatBadgeIcon(value: string);
+    private html;
+    set matBadgeHidden(value: boolean);
+    private hidden;
+    set matBadgeDisabled(value: boolean);
+    private disabled;
+    set igoMatBadgeInverseColor(value: boolean);
+    private inverseColor;
+    set igoMatBadgeInheritColor(value: boolean);
+    private inheritColor;
+    set igoMatBadgeColor(value: string);
+    private color;
+    set igoMatBadgeBackgroundColor(value: string);
+    private backgroundColor;
+    get badge(): any;
+    private originalColor;
+    constructor(el: ElementRef);
+    ngOnInit(): void;
+    private updateHtml;
+    private updateColor;
+    private updateHidden;
+    private updateDisabled;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IgoBadgeIconDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IgoBadgeIconDirective, "[igoMatBadgeIcon]", never, { "igoMatBadgeIcon": { "alias": "igoMatBadgeIcon"; "required": false; }; "matBadgeHidden": { "alias": "matBadgeHidden"; "required": false; }; "matBadgeDisabled": { "alias": "matBadgeDisabled"; "required": false; }; "igoMatBadgeInverseColor": { "alias": "igoMatBadgeInverseColor"; "required": false; }; "igoMatBadgeInheritColor": { "alias": "igoMatBadgeInheritColor"; "required": false; }; "igoMatBadgeColor": { "alias": "igoMatBadgeColor"; "required": false; }; "igoMatBadgeBackgroundColor": { "alias": "igoMatBadgeBackgroundColor"; "required": false; }; }, {}, never, never, true, never>;
+}

package/badge/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@igo2/common/badge" />
+export * from './public_api';

package/badge/public_api.d.ts

@@ -0,0 +1,2 @@
+export * from './badge-icon.directive';
+export * from './badge-icon.module';

package/clickout/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@igo2/common/clickout" />
+export * from './public_api';

package/clickout/public_api.d.ts

@@ -0,0 +1,2 @@
+export * from './clickout.directive';
+export * from './clickout.module';

package/clone/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@igo2/common/clone" />
+export * from './public_api';

package/clone/public_api.d.ts

@@ -0,0 +1,2 @@
+export * from './clone.pipe';
+export * from './clone.module';

package/collapsible/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@igo2/common/collapsible" />
+export * from './public_api';

package/collapsible/public_api.d.ts

@@ -0,0 +1,6 @@
+import { CollapseDirective } from './collapse.directive';
+import { CollapsibleComponent } from './collapsible.component';
+export * from './collapsible.component';
+export * from './collapsible.module';
+export * from './collapse.directive';
+export declare const COLLAPSIBLE_DIRECTIVES: readonly [typeof CollapsibleComponent, typeof CollapseDirective];

package/collapsible/src/collapsible.theming.scss

@@ -0,0 +1,22 @@
+@mixin igo-collapsible-theming($theme) {
+  mat-icon[igocollapse] {
+    &:hover {
+      cursor: pointer;
+    }
+
+    &.igo-chevron {
+      width: auto !important;
+      transform: rotateZ(0deg);
+      transition: 300ms ease-in-out;
+
+      &.collapsed {
+        transform: rotateZ(180deg);
+        transition: 300ms ease-in-out;
+      }
+    }
+  }
+
+  div.igo-collapsed {
+    display: none !important;
+  }
+}

package/color/color-picker-form-field/index.d.ts

@@ -0,0 +1,2 @@
+export * from './color-picker-form-field.component';
+export * from './color-picker-form-field.module';

package/color/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@igo2/common/color" />
+export * from './public_api';

package/color/public_api.d.ts

@@ -0,0 +1 @@
+export * from './color-picker-form-field';

package/confirm-dialog/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@igo2/common/confirm-dialog" />
+export * from './public_api';

package/confirm-dialog/public_api.d.ts

@@ -0,0 +1,4 @@
+export * from './confirm-dialog.module';
+export * from './confirm-dialog.component';
+export * from './confirm-dialog.interface';
+export * from './confirm-dialog.service';

package/context-menu/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@igo2/common/context-menu" />
+export * from './public_api';

package/context-menu/public_api.d.ts

@@ -0,0 +1,6 @@
+import { ContextMenuDirective } from './context-menu.directive';
+import { LongPressDirective } from './long-press.directive';
+export * from './context-menu.module';
+export * from './context-menu.directive';
+export * from './long-press.directive';
+export declare const CONTEXT_MENU_DIRECTIVES: readonly [typeof ContextMenuDirective, typeof LongPressDirective];

package/custom-html/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@igo2/common/custom-html" />
+export * from './public_api';

package/custom-html/public_api.d.ts

@@ -0,0 +1,6 @@
+import { CustomHtmlComponent } from './custom-html.component';
+import { SanitizeHtmlPipe } from './custom-html.pipe';
+export * from './custom-html.module';
+export * from './custom-html.component';
+export * from './custom-html.pipe';
+export declare const CUSTOM_HTML_DIRECTIVES: readonly [typeof SanitizeHtmlPipe, typeof CustomHtmlComponent];

package/dom/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@igo2/common/dom" />
+export * from './public_api';

package/dom/public_api.d.ts

@@ -0,0 +1,3 @@
+export * from './dom.module';
+export * from './dom.service';
+export * from './dom.interfaces';

package/drag-drop/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@igo2/common/drag-drop" />
+export * from './public_api';

package/drag-drop/public_api.d.ts

@@ -0,0 +1,2 @@
+export * from './drag-drop.module';
+export * from './drag-drop.directive';

package/dynamic-component/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@igo2/common/dynamic-component" />
+export * from './public_api';

package/dynamic-component/public_api.d.ts

@@ -0,0 +1,4 @@
+export * from './shared';
+export * from './dynamic-component.module';
+export * from './dynamic-outlet/dynamic-outlet.component';
+export * from './dynamic-outlet/dynamic-outlet.module';

package/entity/entity-selector/index.d.ts

@@ -0,0 +1,2 @@
+export * from './entity-selector.module';
+export * from './entity-selector.component';

package/entity/entity-table/index.d.ts

@@ -0,0 +1,2 @@
+export * from './entity-table.module';
+export * from './entity-table.component';

package/entity/entity-table-paginator/entity-table-paginator.component.d.ts

@@ -0,0 +1,50 @@
+import { EventEmitter, OnChanges, OnDestroy } from '@angular/core';
+import { MatPaginator, PageEvent } from '@angular/material/paginator';
+import { LanguageService } from '@igo2/core/language';
+import { MediaService } from '@igo2/core/media';
+import { BehaviorSubject } from 'rxjs';
+import { EntityStore } from '../shared';
+import { EntityTablePaginatorOptions } from './entity-table-paginator.interface';
+import * as i0 from "@angular/core";
+export declare class EntityTablePaginatorComponent implements OnChanges, OnDestroy {
+    private languageService;
+    private mediaService;
+    disabled: boolean;
+    hidePageSize: boolean;
+    pageIndex: number;
+    pageSize: number;
+    pageSizeOptions: number[];
+    showFirstLastButtons: boolean;
+    private count$$;
+    private entitySortChange$$;
+    private paginationLabelTranslation$$;
+    entitySortChange$: BehaviorSubject<boolean>;
+    /**
+     * Entity store
+     */
+    store: EntityStore<object>;
+    /**
+     * Paginator options
+     */
+    paginatorOptions: EntityTablePaginatorOptions;
+    /**
+     * Event emitted when the paginator changes the page size or page index.
+     */
+    page: EventEmitter<PageEvent>;
+    length: number;
+    /**
+     * Paginator emitted.
+     */
+    paginatorChange: EventEmitter<MatPaginator>;
+    constructor(languageService: LanguageService, mediaService: MediaService);
+    paginator: MatPaginator;
+    ngOnChanges(): void;
+    initPaginatorOptions(): void;
+    translateLabels(): void;
+    rangeLabel: (page: number, pageSize: number, length: number) => string;
+    private unsubscribeAll;
+    ngOnDestroy(): void;
+    emitPaginator(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EntityTablePaginatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EntityTablePaginatorComponent, "igo-entity-table-paginator", never, { "entitySortChange$": { "alias": "entitySortChange$"; "required": false; }; "store": { "alias": "store"; "required": false; }; "paginatorOptions": { "alias": "paginatorOptions"; "required": false; }; }, { "page": "page"; "paginatorChange": "paginatorChange"; }, never, never, true, never>;
+}

package/entity/entity-table-paginator/index.d.ts

@@ -0,0 +1,3 @@
+export * from './entity-table-paginator.module';
+export * from './entity-table-paginator.component';
+export * from './entity-table-paginator.interface';

package/entity/entity.module.d.ts

@@ -0,0 +1,16 @@
+import { EntitySelectorComponent } from './entity-selector';
+import { EntityTableComponent } from './entity-table';
+import { EntityTablePaginatorComponent } from './entity-table-paginator';
+import * as i0 from "@angular/core";
+import * as i1 from "./entity-selector/entity-selector.component";
+import * as i2 from "./entity-table/entity-table.component";
+import * as i3 from "./entity-table-paginator/entity-table-paginator.component";
+export declare const ENTITY_DIRECTIVES: readonly [typeof EntitySelectorComponent, typeof EntityTableComponent, typeof EntityTablePaginatorComponent];
+/**
+ * @deprecated import the components directly or ENTITY_DIRECTIVES for every components/directives
+ */
+export declare class IgoEntityModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<IgoEntityModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoEntityModule, never, [typeof i1.EntitySelectorComponent, typeof i2.EntityTableComponent, typeof i3.EntityTablePaginatorComponent], [typeof i1.EntitySelectorComponent, typeof i2.EntityTableComponent, typeof i3.EntityTablePaginatorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IgoEntityModule>;
+}

package/entity/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@igo2/common/entity" />
+export * from './public_api';

package/entity/public_api.d.ts

@@ -0,0 +1,5 @@
+export * from './shared';
+export * from './entity.module';
+export * from './entity-selector';
+export * from './entity-table';
+export * from './entity-table-paginator';