@igo2/common 1.15.4 → 16.0.0-rc.0

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

@@ -1,95 +1,95 @@
-import { Tool, ToolboxOptions } from './tool.interface';
-import { BehaviorSubject } from 'rxjs';
-/**
- * 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;
-    /**
-     * 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;
-    /**
-     * 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;
-}
+import { Tool, ToolboxOptions } from './tool.interface';
+import { BehaviorSubject } from 'rxjs';
+/**
+ * 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;
+    /**
+     * 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;
+    /**
+     * 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/lib/tool/shared/toolbox.enums.d.ts

@@ -1,5 +1,5 @@
-export declare enum ToolboxColor {
-    White = "white",
-    Grey = "grey",
-    Primary = "primary"
-}
+export declare enum ToolboxColor {
+    White = "white",
+    Grey = "grey",
+    Primary = "primary"
+}

package/lib/tool/tool.module.d.ts

@@ -1,10 +1,10 @@
-import { ModuleWithProviders } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./toolbox/toolbox.module";
-export declare class IgoToolModule {
-    static forRoot(): ModuleWithProviders<IgoToolModule>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<IgoToolModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoToolModule, never, [typeof i1.CommonModule], [typeof i2.IgoToolboxModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<IgoToolModule>;
-}
+import { ModuleWithProviders } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "./toolbox/toolbox.module";
+export declare class IgoToolModule {
+    static forRoot(): ModuleWithProviders<IgoToolModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IgoToolModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoToolModule, never, [typeof i1.CommonModule], [typeof i2.IgoToolboxModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IgoToolModule>;
+}

package/lib/tool/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/lib/tool/toolbox/toolbox.animation.d.ts

@@ -1,2 +1,2 @@
-import { AnimationTriggerMetadata } from '@angular/animations';
-export declare function toolSlideInOut(speed?: string, type?: string): AnimationTriggerMetadata;
+import { AnimationTriggerMetadata } from '@angular/animations';
+export declare function toolSlideInOut(speed?: string, type?: string): AnimationTriggerMetadata;

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

@@ -1,127 +1,128 @@
-import { OnDestroy, OnInit } from '@angular/core';
-import { BehaviorSubject, Observable } from 'rxjs';
-import { ActionStore } from '../../action';
-import { Tool } from '../shared/tool.interface';
-import { ToolboxColor } from '../shared/toolbox.enums';
-import { Toolbox } from '../shared/toolbox';
-import * as i0 from "@angular/core";
-export declare class ToolboxComponent implements OnInit, OnDestroy {
-    /**
-     * Observable of the active tool
-     */
-    activeTool$: BehaviorSubject<Tool>;
-    /**
-     * 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": "toolbox"; "animate": "animate"; "color": "color"; }, {}, never, never, false>;
-}
+import { OnDestroy, OnInit } from '@angular/core';
+import { BehaviorSubject, Observable } from 'rxjs';
+import { ActionStore } from '../../action';
+import { Tool } from '../shared/tool.interface';
+import { ToolboxColor } from '../shared/toolbox.enums';
+import { Toolbox } from '../shared/toolbox';
+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, false, never>;
+}

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

@@ -1,13 +1,13 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./toolbox.component";
-import * as i2 from "@angular/common";
-import * as i3 from "../../action/action.module";
-import * as i4 from "../../dynamic-component/dynamic-component.module";
-/**
- * @ignore
- */
-export declare class IgoToolboxModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<IgoToolboxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoToolboxModule, [typeof i1.ToolboxComponent], [typeof i2.CommonModule, typeof i3.IgoActionModule, typeof i4.IgoDynamicComponentModule], [typeof i1.ToolboxComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<IgoToolboxModule>;
-}
+import * as i0 from "@angular/core";
+import * as i1 from "./toolbox.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../../action/action.module";
+import * as i4 from "../../dynamic-component/dynamic-component.module";
+/**
+ * @ignore
+ */
+export declare class IgoToolboxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<IgoToolboxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoToolboxModule, [typeof i1.ToolboxComponent], [typeof i2.CommonModule, typeof i3.IgoActionModule, typeof i4.IgoDynamicComponentModule], [typeof i1.ToolboxComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IgoToolboxModule>;
+}

package/lib/tool/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/lib/widget/index.d.ts

@@ -1,2 +1,2 @@
-export * from './shared';
-export * from './widget-outlet/widget-outlet.component';
+export * from './shared';
+export * from './widget-outlet/widget-outlet.component';

package/lib/widget/shared/index.d.ts

@@ -1,3 +1,3 @@
-export * from './widget';
-export * from './widget.interfaces';
-export * from './widget.service';
+export * from './widget';
+export * from './widget.interfaces';
+export * from './widget.service';

package/lib/widget/shared/widget.d.ts

@@ -1,4 +1,4 @@
-import { DynamicComponent } from '../../dynamic-component/shared/dynamic-component';
-import { WidgetComponent } from './widget.interfaces';
-export declare class Widget extends DynamicComponent<WidgetComponent> {
-}
+import { DynamicComponent } from '../../dynamic-component/shared/dynamic-component';
+import { WidgetComponent } from './widget.interfaces';
+export declare class Widget extends DynamicComponent<WidgetComponent> {
+}