@igo2/common 1.15.4 → 16.0.0-rc.0

package/index.d.ts

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

package/lib/action/action.module.d.ts

@@ -1,8 +1,8 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./actionbar/actionbar.module";
-export declare class IgoActionModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<IgoActionModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoActionModule, never, [typeof i1.CommonModule, typeof i2.IgoActionbarModule], [typeof i2.IgoActionbarModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<IgoActionModule>;
-}
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "./actionbar/actionbar.module";
+export declare class IgoActionModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<IgoActionModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoActionModule, never, [typeof i1.CommonModule, typeof i2.IgoActionbarModule], [typeof i2.IgoActionbarModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IgoActionModule>;
+}

package/lib/action/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/lib/action/actionbar/actionbar-item.component.d.ts

@@ -1,78 +1,78 @@
-import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
-import { BehaviorSubject } 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 icon$: BehaviorSubject<string>;
-    readonly tooltip$: BehaviorSubject<string>;
-    readonly noDisplay$: BehaviorSubject<boolean>;
-    readonly ngClass$: BehaviorSubject<{
-        [key: string]: boolean;
-    }>;
-    private ngClass$$;
-    private disabled$$;
-    private availability$$;
-    private icon$$;
-    private checkCondition$$;
-    private tooltip$$;
-    private noDisplay$$;
-    private display$$;
-    /**
-     * 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;
-    constructor();
-    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;
-    private updateIcon;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ActionbarItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ActionbarItemComponent, "igo-actionbar-item", never, { "action": "action"; "color": "color"; "withTitle": "withTitle"; "withIcon": "withIcon"; "withTooltip": "withTooltip"; "disabled": "disabled"; "noDisplay": "noDisplay"; }, { "trigger": "trigger"; }, never, never, false>;
-}
+import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
+import { BehaviorSubject } 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 icon$: BehaviorSubject<string>;
+    readonly tooltip$: BehaviorSubject<string>;
+    readonly noDisplay$: BehaviorSubject<boolean>;
+    readonly ngClass$: BehaviorSubject<{
+        [key: string]: boolean;
+    }>;
+    private ngClass$$;
+    private disabled$$;
+    private availability$$;
+    private icon$$;
+    private checkCondition$$;
+    private tooltip$$;
+    private noDisplay$$;
+    private display$$;
+    /**
+     * 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;
+    constructor();
+    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;
+    private updateIcon;
+    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, false, never>;
+}

package/lib/action/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/lib/action/actionbar/actionbar.component.d.ts

@@ -1,146 +1,147 @@
-import { ChangeDetectorRef, OnChanges, OnDestroy, SimpleChanges, ElementRef } from '@angular/core';
-import { MediaService } from '@igo2/core';
-import { Action } from '../shared/action.interfaces';
-import { ActionbarMode } from '../shared/action.enums';
-import { ActionStore } from '../shared/store';
-import { Overlay } from '@angular/cdk/overlay';
-import { BehaviorSubject } from 'rxjs';
-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: string;
-    /**
-     * Overlay Y position
-     */
-    yPosition: string;
-    /**
-     * Class to add to the actionbar overlay
-     */
-    set overlayClass(value: string);
-    get overlayClass(): string;
-    private _overlayClass;
-    /**
-     * @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": "store"; "mode": "mode"; "withToggleButton": "withToggleButton"; "horizontal": "horizontal"; "color": "color"; "iconColor": "iconColor"; "withTitle": "withTitle"; "withTooltip": "withTooltip"; "scrollActive": "scrollActive"; "withIcon": "withIcon"; "icon": "icon"; "xPosition": "xPosition"; "yPosition": "yPosition"; "overlayClass": "overlayClass"; }, {}, never, never, false>;
-}
+import { ChangeDetectorRef, OnChanges, OnDestroy, SimpleChanges, ElementRef } from '@angular/core';
+import { MediaService } from '@igo2/core';
+import { Action } from '../shared/action.interfaces';
+import { ActionbarMode } from '../shared/action.enums';
+import { ActionStore } from '../shared/store';
+import { Overlay } from '@angular/cdk/overlay';
+import { BehaviorSubject } from 'rxjs';
+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: string;
+    /**
+     * Overlay Y position
+     */
+    yPosition: string;
+    /**
+     * 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, false, never>;
+}

package/lib/action/actionbar/actionbar.module.d.ts

@@ -1,20 +1,20 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./actionbar.component";
-import * as i2 from "./actionbar-item.component";
-import * as i3 from "@angular/common";
-import * as i4 from "@igo2/core";
-import * as i5 from "@angular/material/button";
-import * as i6 from "@angular/material/icon";
-import * as i7 from "@angular/material/tooltip";
-import * as i8 from "@angular/material/menu";
-import * as i9 from "@angular/material/list";
-import * as i10 from "@angular/material/card";
-import * as i11 from "@angular/material/checkbox";
-/**
- * @ignore
- */
-export declare class IgoActionbarModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<IgoActionbarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoActionbarModule, [typeof i1.ActionbarComponent, typeof i2.ActionbarItemComponent], [typeof i3.CommonModule, typeof i4.IgoLanguageModule, typeof i5.MatButtonModule, typeof i6.MatIconModule, typeof i7.MatTooltipModule, typeof i8.MatMenuModule, typeof i9.MatListModule, typeof i10.MatCardModule, typeof i11.MatCheckboxModule], [typeof i1.ActionbarComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<IgoActionbarModule>;
-}
+import * as i0 from "@angular/core";
+import * as i1 from "./actionbar.component";
+import * as i2 from "./actionbar-item.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@igo2/core";
+import * as i5 from "@angular/material/button";
+import * as i6 from "@angular/material/icon";
+import * as i7 from "@angular/material/tooltip";
+import * as i8 from "@angular/material/menu";
+import * as i9 from "@angular/material/list";
+import * as i10 from "@angular/material/card";
+import * as i11 from "@angular/material/checkbox";
+/**
+ * @ignore
+ */
+export declare class IgoActionbarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<IgoActionbarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoActionbarModule, [typeof i1.ActionbarComponent, typeof i2.ActionbarItemComponent], [typeof i3.CommonModule, typeof i4.IgoLanguageModule, typeof i5.MatButtonModule, typeof i6.MatIconModule, typeof i7.MatTooltipModule, typeof i8.MatMenuModule, typeof i9.MatListModule, typeof i10.MatCardModule, typeof i11.MatCheckboxModule], [typeof i1.ActionbarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IgoActionbarModule>;
+}

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

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

package/lib/action/shared/action.enums.d.ts

@@ -1,5 +1,5 @@
-export declare enum ActionbarMode {
-    Dock = "dock",
-    Overlay = "overlay",
-    Context = "context"
-}
+export declare enum ActionbarMode {
+    Dock = "dock",
+    Overlay = "overlay",
+    Context = "context"
+}

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

@@ -1,17 +1,17 @@
-import { Observable } from 'rxjs';
-export interface Action {
-    id: string;
-    handler: ActionHandler;
-    title?: string;
-    icon?: string | 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 declare type ActionHandler = (...args: any[]) => void;
+import { Observable } from 'rxjs';
+export interface Action {
+    id: string;
+    handler: ActionHandler;
+    title?: string;
+    icon?: string | 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/lib/action/shared/index.d.ts

@@ -1,3 +1,3 @@
-export * from './action.enums';
-export * from './action.interfaces';
-export * from './store';
+export * from './action.enums';
+export * from './action.interfaces';
+export * from './store';