@igo2/common 16.3.0 → 17.0.0-next.10

package/action/action.module.d.ts

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

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/actionbar/actionbar.module.d.ts

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

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/backdrop.component.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class BackdropComponent {
+    get shown(): boolean;
+    set shown(value: boolean);
+    private _shown;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<BackdropComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BackdropComponent, "igo-backdrop", never, { "shown": { "alias": "shown"; "required": false; }; }, {}, never, never, true, never>;
+}

package/backdrop/backdrop.module.d.ts

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

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/badge-icon.module.d.ts

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

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/clickout.directive.d.ts

@@ -0,0 +1,10 @@
+import { ElementRef, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ClickoutDirective {
+    private el;
+    clickout: EventEmitter<MouseEvent>;
+    handleMouseClick(event: MouseEvent, target: HTMLElement): void;
+    constructor(el: ElementRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClickoutDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClickoutDirective, "[igoClickout]", never, {}, { "clickout": "clickout"; }, never, never, true, never>;
+}

package/clickout/clickout.module.d.ts

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

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/clone.module.d.ts

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

package/clone/clone.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ClonePipe implements PipeTransform {
+    transform(value: any, args?: any): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClonePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ClonePipe, "clone", true>;
+}

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/collapse.directive.d.ts

@@ -0,0 +1,19 @@
+import { ElementRef, EventEmitter, Renderer2 } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class CollapseDirective {
+    private renderer;
+    private el;
+    get target(): Element;
+    set target(value: Element);
+    private _target;
+    get collapsed(): boolean;
+    set collapsed(collapsed: boolean);
+    private _collapsed;
+    toggle: EventEmitter<boolean>;
+    click(): void;
+    constructor(renderer: Renderer2, el: ElementRef);
+    private collapseTarget;
+    private expandTarget;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CollapseDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CollapseDirective, "[igoCollapse]", never, { "target": { "alias": "target"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; }, { "toggle": "toggle"; }, never, never, true, never>;
+}

package/collapsible/collapsible.component.d.ts

@@ -0,0 +1,13 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class CollapsibleComponent {
+    get title(): string;
+    set title(value: string);
+    private _title;
+    get collapsed(): boolean;
+    set collapsed(value: boolean);
+    private _collapsed;
+    toggle: EventEmitter<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CollapsibleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CollapsibleComponent, "igo-collapsible", never, { "title": { "alias": "title"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; }, { "toggle": "toggle"; }, never, ["*"], true, never>;
+}

package/collapsible/collapsible.module.d.ts

@@ -0,0 +1,13 @@
+import { ModuleWithProviders } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./collapsible.component";
+import * as i2 from "./collapse.directive";
+/**
+ * @deprecated import the components/directives directly or COLLAPSIBLE_DIRECTIVES for the set
+ */
+export declare class IgoCollapsibleModule {
+    static forRoot(): ModuleWithProviders<IgoCollapsibleModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IgoCollapsibleModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoCollapsibleModule, never, [typeof i1.CollapsibleComponent, typeof i2.CollapseDirective], [typeof i1.CollapsibleComponent, typeof i2.CollapseDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IgoCollapsibleModule>;
+}

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/color-picker-form-field.component.d.ts

@@ -0,0 +1,29 @@
+import { EventEmitter } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { ColorEvent } from 'ngx-color';
+import * as i0 from "@angular/core";
+type ColorFormat = 'hex' | 'rgba' | 'hsla';
+export declare class ColorPickerFormFieldComponent implements ControlValueAccessor {
+    isOpen: boolean;
+    set value(value: string);
+    get value(): string;
+    private _value;
+    outputFormat: ColorFormat;
+    /**
+     * The emitted value represent the current chosen color in the picker
+     * The value is emitted by default in RGBA, or based on the input 'outputFormat' value.
+     */
+    colorChange: EventEmitter<string>;
+    colorPicker: string;
+    onChange: any;
+    onTouch: any;
+    writeValue(value: string): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    handleClick(event: MouseEvent): void;
+    handleChange($event: ColorEvent): void;
+    private formatColor;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerFormFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerFormFieldComponent, "igo-color-picker-form-field", never, { "outputFormat": { "alias": "outputFormat"; "required": false; }; }, { "colorChange": "colorChange"; }, never, never, true, never>;
+}
+export {};

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

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

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';