@igo2/common 16.3.0 → 17.0.0-next.10

package/spinner/spinner-activity.directive.d.ts

@@ -0,0 +1,32 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { ActivityService } from '@igo2/core/activity';
+import { SpinnerComponent } from './spinner.component';
+import * as i0 from "@angular/core";
+/**
+ * A directive to bind a SpinnerComponent to the activity service.
+ * The activity service tracks any HTTP request and this directive
+ * will display the spinner it's attached to when the activity counter
+ * is greater than 0.
+ */
+export declare class SpinnerActivityDirective implements OnInit, OnDestroy {
+    private spinner;
+    private activityService;
+    /**
+     * Subscription to the activity service counter
+     */
+    private counter$$;
+    constructor(spinner: SpinnerComponent, activityService: ActivityService);
+    /**
+     * Subscribe to the activity service counter and display the spinner
+     * when it's is greater than 0.
+     * @internal
+     */
+    ngOnInit(): void;
+    /**
+     * Unsubcribe to the activity service counter.
+     * @internal
+     */
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpinnerActivityDirective, [{ self: true; }, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SpinnerActivityDirective, "[igoSpinnerActivity]", never, {}, {}, never, never, true, never>;
+}

package/spinner/spinner.component.d.ts

@@ -0,0 +1,12 @@
+import { BehaviorSubject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class SpinnerComponent {
+    shown$: BehaviorSubject<boolean>;
+    set shown(value: boolean);
+    get shown(): boolean;
+    constructor();
+    show(): void;
+    hide(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpinnerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpinnerComponent, "igo-spinner", never, { "shown": { "alias": "shown"; "required": false; }; }, {}, never, never, true, never>;
+}

package/spinner/spinner.module.d.ts

@@ -0,0 +1,14 @@
+import { SpinnerActivityDirective } from './spinner-activity.directive';
+import { SpinnerComponent } from './spinner.component';
+import * as i0 from "@angular/core";
+import * as i1 from "./spinner-activity.directive";
+import * as i2 from "./spinner.component";
+export declare const SPINNER_DIRECTIVES: readonly [typeof SpinnerActivityDirective, typeof SpinnerComponent];
+/**
+ * @deprecated import the components/directives directly or SPINNER_DIRECTIVES for every components/directives
+ */
+export declare class IgoSpinnerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<IgoSpinnerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoSpinnerModule, never, [typeof i1.SpinnerActivityDirective, typeof i2.SpinnerComponent], [typeof i1.SpinnerActivityDirective, typeof i2.SpinnerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IgoSpinnerModule>;
+}

package/src/common-theme.scss

@@ -1,19 +1,19 @@
-@use './lib/action/action.theming.scss' as action;
-@use './lib/collapsible/collapsible.theming.scss' as collapsible;
-@use './lib/entity/entity.theming.scss' as entity;
-@use './lib/list/list.theming.scss' as list;
-@use './lib/panel/panel.theming.scss' as panel;
-@use './lib/tool/tool.theming.scss' as tool;
-@use './lib/interactive-tour/interactive-tour.theming.scss' as interactive-tour;
-@use './lib/home-button/home-button.theming.scss' as home-button;
-
-@mixin common-component-themes($theme) {
-  @include action.igo-action-theming($theme);
-  @include collapsible.igo-collapsible-theming($theme);
-  @include entity.igo-entity-theming($theme);
-  @include list.igo-list-theming($theme);
-  @include panel.theme($theme);
-  @include tool.igo-tool-theming($theme);
-  @include interactive-tour.theme($theme);
-  @include home-button.theme($theme);
-}
+@use '../action/src/action.theming.scss' as action;
+@use '../collapsible/src/collapsible.theming.scss' as collapsible;
+@use '../entity/src/entity.theming.scss' as entity;
+@use '../list/src/list.theming.scss' as list;
+@use '../panel/src/panel.theming.scss' as panel;
+@use '../tool/src/tool.theming.scss' as tool;
+@use '../interactive-tour/src/interactive-tour.theming.scss' as interactive-tour;
+@use '../home-button/src/home-button.theming.scss' as home-button;
+
+@mixin common-component-themes($theme) {
+  @include action.igo-action-theming($theme);
+  @include collapsible.igo-collapsible-theming($theme);
+  @include entity.igo-entity-theming($theme);
+  @include list.igo-list-theming($theme);
+  @include panel.theme($theme);
+  @include tool.igo-tool-theming($theme);
+  @include interactive-tour.theme($theme);
+  @include home-button.theme($theme);
+}

package/src/style/partial/common-utils.scss

@@ -1,9 +1,9 @@
-@mixin square-button() {
-  button {
-    border-radius: 0 !important;
-    .mat-ripple,
-    .mdc-icon-button__ripple {
-      border-radius: 0 !important;
-    }
-  }
-}
+@mixin square-button() {
+  button {
+    border-radius: 0 !important;
+    .mat-ripple,
+    .mdc-icon-button__ripple {
+      border-radius: 0 !important;
+    }
+  }
+}

package/src/style/partial/common.variables.scss

@@ -1,8 +1,8 @@
-/*** List ***/
-$igo-list-item-height: 48px;
-$igo-list-item-padding: 3px;
-$igo-list-item-icon-padding: 8px;
-
-/*** Panel ***/
-$igo-panel-header-height: 48px;
-$igo-panel-header-padding: 3px;
+/*** List ***/
+$igo-list-item-height: 48px;
+$igo-list-item-padding: 3px;
+$igo-list-item-icon-padding: 8px;
+
+/*** Panel ***/
+$igo-panel-header-height: 48px;
+$igo-panel-header-padding: 3px;

package/src/style/style.scss

@@ -1 +1 @@
-@import 'shepherd.js/dist/css/shepherd';
+@import 'shepherd.js/dist/css/shepherd';

package/stop-propagation/index.d.ts

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

package/stop-propagation/public_api.d.ts

@@ -0,0 +1,6 @@
+import { StopDropPropagationDirective } from './stop-drop-propagation.directive';
+import { StopPropagationDirective } from './stop-propagation.directive';
+export * from './stop-propagation.module';
+export * from './stop-propagation.directive';
+export * from './stop-drop-propagation.directive';
+export declare const STOP_PROPAGATION_DIRECTIVES: readonly [typeof StopDropPropagationDirective, typeof StopPropagationDirective];

package/stop-propagation/stop-drop-propagation.directive.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class StopDropPropagationDirective {
+    onDrop(event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StopDropPropagationDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<StopDropPropagationDirective, "[igoStopDropPropagation]", never, {}, {}, never, never, true, never>;
+}

package/stop-propagation/stop-propagation.directive.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class StopPropagationDirective {
+    onClick(event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StopPropagationDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<StopPropagationDirective, "[igoStopPropagation]", never, {}, {}, never, never, true, never>;
+}

package/stop-propagation/stop-propagation.module.d.ts

@@ -0,0 +1,13 @@
+import { ModuleWithProviders } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./stop-drop-propagation.directive";
+import * as i2 from "./stop-propagation.directive";
+/**
+ * @deprecated import the components/directives directly or STOP_PROPAGATION_DIRECTIVES for the set
+ */
+export declare class IgoStopPropagationModule {
+    static forRoot(): ModuleWithProviders<IgoStopPropagationModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IgoStopPropagationModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoStopPropagationModule, never, [typeof i1.StopDropPropagationDirective, typeof i2.StopPropagationDirective], [typeof i1.StopDropPropagationDirective, typeof i2.StopPropagationDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IgoStopPropagationModule>;
+}

package/table/index.d.ts

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

package/table/public_api.d.ts

@@ -0,0 +1,6 @@
+export * from './table.module';
+export * from './table.component';
+export * from './table-database';
+export * from './table-datasource';
+export * from './table-model.interface';
+export * from './table-action-color.enum';

package/table/table.component.d.ts

@@ -0,0 +1,40 @@
+import { SelectionModel } from '@angular/cdk/collections';
+import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnInit } from '@angular/core';
+import { MatSort } from '@angular/material/sort';
+import { TableDatabase } from './table-database';
+import { TableDataSource } from './table-datasource';
+import { TableModel } from './table-model.interface';
+import * as i0 from "@angular/core";
+export declare class TableComponent implements OnChanges, OnInit, AfterViewInit {
+    get database(): TableDatabase;
+    set database(value: TableDatabase);
+    private _database;
+    get model(): TableModel;
+    set model(value: TableModel);
+    private _model;
+    get hasFilterInput(): boolean;
+    set hasFilterInput(value: boolean);
+    private _hasFIlterInput;
+    displayedColumns: any;
+    dataSource: TableDataSource | null;
+    selection: SelectionModel<any>;
+    select: EventEmitter<{
+        added: any[];
+        removed: any[];
+        source: SelectionModel<any>;
+    }>;
+    filter: ElementRef;
+    sort: MatSort;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(change: any): void;
+    getActionColor(colorId: number): string;
+    getValue(row: any, key: any): any;
+    /** Whether the number of selected elements matches the total number of rows. */
+    isAllSelected(): boolean;
+    /** Selects all rows if they are not all selected; otherwise clear selection. */
+    masterToggle(): void;
+    handleClickAction(event: any, action: any, row: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "igo-table", never, { "database": { "alias": "database"; "required": false; }; "model": { "alias": "model"; "required": false; }; "hasFilterInput": { "alias": "hasFilterInput"; "required": false; }; }, { "select": "select"; }, never, never, true, never>;
+}

package/table/table.module.d.ts

@@ -0,0 +1,12 @@
+import { ModuleWithProviders } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./table.component";
+/**
+ * @deprecated import the TableComponent directly
+ */
+export declare class IgoTableModule {
+    static forRoot(): ModuleWithProviders<IgoTableModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IgoTableModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoTableModule, never, [typeof i1.TableComponent], [typeof i1.TableComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IgoTableModule>;
+}

package/tool/index.d.ts

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

package/tool/public_api.d.ts

@@ -0,0 +1,3 @@
+export * from './shared';
+export * from './tool.module';
+export * from './toolbox';

package/tool/shared/tool.interface.d.ts

@@ -0,0 +1,18 @@
+import { IconSvg } from '@igo2/common/icon';
+export interface Tool {
+    name: string;
+    component: any;
+    title?: string;
+    icon?: string | IconSvg;
+    tooltip?: string;
+    global?: boolean;
+    options?: {
+        [key: string]: any;
+    };
+    parent?: string;
+    children?: string[];
+    id?: string;
+}
+export interface ToolboxOptions {
+    toolbar?: string[];
+}

package/tool/shared/toolbox.d.ts

@@ -0,0 +1,98 @@
+import { BehaviorSubject } from 'rxjs';
+import { Tool, ToolboxOptions } from './tool.interface';
+/**
+ * Service where all available tools and their component are registered.
+ */
+export declare class Toolbox {
+    private options;
+    /**
+     * Observable of the active tool
+     */
+    activeTool$: BehaviorSubject<Tool>;
+    /**
+     * Ordered list of tool names to display in a toolbar
+     */
+    toolbar$: BehaviorSubject<string[]>;
+    /**
+     * Observable of the active tool
+     */
+    private activeTool$$;
+    /**
+     * Active tool history. Useful for activating the previous tool.
+     */
+    private activeToolHistory;
+    private previousToolName;
+    private currentToolName;
+    /**
+     * Tool store
+     */
+    private store;
+    get tools$(): BehaviorSubject<Tool[]>;
+    constructor(options?: ToolboxOptions);
+    /**
+     * Destroy the toolbox
+     */
+    destroy(): void;
+    /**
+     * Return a tool
+     * @param name Tool name
+     * @returns tool Tool
+     */
+    getTool(name: string): Tool;
+    /**
+     * Return all tools
+     * @returns Array of tools
+     */
+    getTools(): Tool[];
+    /**
+     * Set tool configurations
+     * @param tools Tools
+     */
+    setTools(tools: Tool[]): void;
+    /**
+     * Get toolbar
+     * @returns Toolbar value
+     */
+    getToolbar(): string[];
+    /**
+     * Set toolbar
+     * @param toolbar A list of tool names
+     */
+    setToolbar(toolbar: string[]): void;
+    /**
+     * Activate a tool (and deactivate other tools)
+     * @param name Tool name
+     * @param options Tool options
+     */
+    activateTool(name: string, options?: {
+        [key: string]: any;
+    }): void;
+    /**
+     * Activate the previous tool, if any
+     */
+    activatePreviousTool(): void;
+    getCurrentPreviousToolName(): [string, string];
+    /**
+     * Activate the tool below, if any
+     */
+    /**
+     * Activate the tool above, if any
+     */
+    /**
+     * Deactivate the active tool
+     */
+    deactivateTool(): void;
+    /**
+     * Initialize the tool store and start observing the active tool
+     */
+    private initStore;
+    /**
+     * Set the active tool and update the tool history
+     * @param tool Tool
+     */
+    private setActiveTool;
+    /**
+     * Clear the tool history
+     */
+    private clearActiveToolHistory;
+}

package/tool/shared/toolbox.enums.d.ts

@@ -0,0 +1 @@
+export type ToolboxColor = 'white' | 'grey' | 'primary';

package/tool/src/tool.theming.scss

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

package/tool/src/toolbox/toolbox.theming.scss

@@ -0,0 +1,105 @@
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+@mixin igo-toolbox-theming($theme) {
+  @include color($theme);
+  @include density($theme);
+}
+
+@mixin color($theme) {
+  $primary: map.get($theme, primary);
+  $accent: map.get($theme, accent);
+  $foreground: map.get($theme, foreground);
+  $darker-contrast: mat.get-color-from-palette($primary, darker-contrast);
+  $lighter-contrast: mat.get-color-from-palette($primary, lighter-contrast);
+
+  igo-toolbox {
+    &.color-primary > igo-actionbar:not(.with-title) {
+      box-shadow: unset;
+      background-color: mat.get-color-from-palette($primary);
+      #lowChevron,
+      #topChevron {
+        background-color: mat.get-color-from-palette($primary);
+        color: white;
+      }
+    }
+
+    &.color-grey > igo-actionbar:not(.with-title) {
+      box-shadow: unset;
+      background-color: #737475;
+      #lowChevron,
+      #topChevron {
+        background-color: #737475;
+        color: white;
+      }
+    }
+
+    &.color-primary,
+    &.color-grey {
+      & > igo-actionbar:not(.with-title) mat-list.mat-mdc-list-base {
+        .mat-mdc-list-item.mdc-list-item--with-leading-avatar {
+          color: white;
+          &:hover {
+            color: black;
+          }
+
+          &.tool-activated,
+          &.children-tool-activated {
+            background-color: white;
+            color: black;
+          }
+        }
+      }
+    }
+
+    > igo-actionbar {
+      &:not(.with-title) {
+        > mat-list {
+          & > #lowChevron,
+          & > #topChevron {
+            &:hover {
+              background-color: mat.get-color-from-palette($accent, lighter);
+              color: black;
+            }
+          }
+
+          mat-list-item {
+            color: $lighter-contrast;
+          }
+        }
+      }
+
+      mat-list.mat-mdc-list-base igo-actionbar-item mat-list-item {
+        &:hover {
+          background-color: mat.get-color-from-palette($accent, lighter);
+        }
+
+        &.tool-activated,
+        &.children-tool-activated {
+          color: $lighter-contrast;
+          background-color: $darker-contrast;
+
+          button {
+            cursor: default;
+          }
+        }
+      }
+    }
+  }
+}
+
+@mixin density($theme) {
+  $density: mat.get-density-config($theme);
+  $theme: map.merge(
+    $theme,
+    (
+      density: $density - 2
+    )
+  );
+
+  igo-toolbox {
+    igo-actionbar-item {
+      @include mat.list-density($theme);
+    }
+  }
+}

package/tool/tool.module.d.ts

@@ -0,0 +1,15 @@
+import { ModuleWithProviders } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./toolbox/toolbox.module";
+/**
+ * @deprecated import the ToolboxComponent directly
+ */
+export declare class IgoToolModule {
+    /**
+     * @deprecated it has no effect
+     */
+    static forRoot(): ModuleWithProviders<IgoToolModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IgoToolModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoToolModule, never, never, [typeof i1.IgoToolboxModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IgoToolModule>;
+}

package/tool/toolbox/index.d.ts

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

package/tool/toolbox/toolbox.component.d.ts

@@ -0,0 +1,128 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { ActionStore } from '@igo2/common/action';
+import { BehaviorSubject, Observable } from 'rxjs';
+import { Tool } from '../shared/tool.interface';
+import { Toolbox } from '../shared/toolbox';
+import { ToolboxColor } from '../shared/toolbox.enums';
+import * as i0 from "@angular/core";
+export declare class ToolboxComponent implements OnInit, OnDestroy {
+    /**
+     * Observable of the active tool
+     */
+    activeTool$: BehaviorSubject<Tool>;
+    get isActive(): boolean;
+    /**
+     * Store of actions that toggle tools
+     */
+    actionStore: ActionStore;
+    /**
+     * Observable of he anmation state
+     */
+    animation$: BehaviorSubject<string>;
+    /**
+     * Observable of the toolbar
+     */
+    toolbar$: BehaviorSubject<string[]>;
+    /**
+     * Whether the Toolbar should display actions' titles
+     */
+    toolbarWithTitle$: Observable<boolean>;
+    /**
+     * Subscription to the active tool
+     */
+    private activeTool$$;
+    /**
+     * Subscription to the toolbar
+     */
+    private toolbar$$;
+    /**
+     * Observable of the ongoing animation. This is useful when
+     * multiple animations are triggered at once i.e. when the user clicks
+     * too fast on different actions
+     */
+    private animating$;
+    /**
+     * Subscription to the ongoing animation
+     */
+    private animating$$;
+    /**
+     * Toolbox
+     */
+    toolbox: Toolbox;
+    /**
+     * Whether the toolbox should animate the first tool entering
+     */
+    animate: boolean;
+    /**
+     * Color of Toolbox
+     */
+    color: ToolboxColor;
+    /**
+     * @ignore
+     */
+    get classColorGrey(): boolean;
+    /**
+     * @ignore
+     */
+    get classColorPrimary(): boolean;
+    /**
+     * Initialize the toolbar and subscribe to the active tool
+     * @internal
+     */
+    ngOnInit(): void;
+    /**
+     * Unsubscribe to the active tool and destroy the action store
+     * @internal
+     */
+    ngOnDestroy(): void;
+    /**
+     * Track the starting animation
+     * @internal
+     */
+    onAnimationStart(): void;
+    /**
+     * Untrack the completed animation
+     * @internal
+     */
+    onAnimationComplete(): void;
+    /**
+     * Return a tool's inputs
+     * @param tool Tool
+     * @returns Tool inputs
+     * @internal
+     */
+    getToolInputs(tool: Tool): {
+        [key: string]: any;
+    };
+    /**
+     * Initialize an action store
+     * @param toolbar Toolbar
+     */
+    private onToolbarChange;
+    /**
+     * Activate a tool and trigger an animation or not
+     * @param tool Tool to activate
+     */
+    private onActiveToolChange;
+    /**
+     * Set the active tool
+     * @param tool Tool to activate
+     */
+    private setActiveTool;
+    /**
+     * Initialize the toolbar
+     */
+    private setToolbar;
+    /**
+     * Observe the ongoing animation and ignore any incoming animation
+     * while one is still ongoing.
+     * @param callback Callback to execute when the animation completes
+     */
+    private onAnimate;
+    /**
+     * Stop observing an animation when it's complete
+     */
+    private unAnimate;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolboxComponent, "igo-toolbox", never, { "toolbox": { "alias": "toolbox"; "required": false; }; "animate": { "alias": "animate"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
+}

package/tool/toolbox/toolbox.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./toolbox.component";
+/**
+ * @deprecated import the ToolboxComponent directly
+ */
+export declare class IgoToolboxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<IgoToolboxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoToolboxModule, never, [typeof i1.ToolboxComponent], [typeof i1.ToolboxComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IgoToolboxModule>;
+}

package/widget/index.d.ts

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