@igo2/common 16.2.0 → 17.0.0-next.0

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

@@ -2,5 +2,5 @@ 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, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<StopPropagationDirective, "[igoStopPropagation]", never, {}, {}, never, never, true, never>;
 }

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

@@ -2,9 +2,12 @@ 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, [typeof i1.StopDropPropagationDirective, typeof i2.StopPropagationDirective], never, [typeof i1.StopDropPropagationDirective, typeof i2.StopPropagationDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoStopPropagationModule, never, [typeof i1.StopDropPropagationDirective, typeof i2.StopPropagationDirective], [typeof i1.StopDropPropagationDirective, typeof i2.StopPropagationDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<IgoStopPropagationModule>;
 }

package/lib/table/table.component.d.ts

@@ -36,5 +36,5 @@ export declare class TableComponent implements OnChanges, OnInit, AfterViewInit
     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, false, 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/lib/table/table.module.d.ts

@@ -1,20 +1,12 @@
 import { ModuleWithProviders } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "./table.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "@angular/cdk/table";
-import * as i5 from "@angular/material/icon";
-import * as i6 from "@angular/material/button";
-import * as i7 from "@angular/material/table";
-import * as i8 from "@angular/material/form-field";
-import * as i9 from "@angular/material/input";
-import * as i10 from "@angular/material/sort";
-import * as i11 from "@angular/material/checkbox";
-import * as i12 from "@igo2/core";
+/**
+ * @deprecated import the TableComponent directly
+ */
 export declare class IgoTableModule {
     static forRoot(): ModuleWithProviders<IgoTableModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgoTableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoTableModule, [typeof i1.TableComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.CdkTableModule, typeof i5.MatIconModule, typeof i6.MatButtonModule, typeof i7.MatTableModule, typeof i8.MatFormFieldModule, typeof i9.MatInputModule, typeof i10.MatSortModule, typeof i11.MatCheckboxModule, typeof i12.IgoLanguageModule], [typeof i1.TableComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoTableModule, never, [typeof i1.TableComponent], [typeof i1.TableComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<IgoTableModule>;
 }

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

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

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

@@ -1,10 +1,15 @@
 import { ModuleWithProviders } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./toolbox/toolbox.module";
+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, [typeof i1.CommonModule], [typeof i2.IgoToolboxModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoToolModule, never, never, [typeof i1.IgoToolboxModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<IgoToolModule>;
 }

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

@@ -124,5 +124,5 @@ export declare class ToolboxComponent implements OnInit, OnDestroy {
      */
     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>;
+    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/lib/tool/toolbox/toolbox.module.d.ts

@@ -1,13 +1,10 @@
 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
+ * @deprecated import the ToolboxComponent directly
  */
 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 ɵmod: i0.ɵɵNgModuleDeclaration<IgoToolboxModule, never, [typeof i1.ToolboxComponent], [typeof i1.ToolboxComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<IgoToolboxModule>;
 }

package/lib/widget/widget-outlet/widget-outlet.component.d.ts

@@ -67,5 +67,5 @@ export declare class WidgetOutletComponent implements OnDestroy {
      */
     private destroyWidget;
     static ɵfac: i0.ɵɵFactoryDeclaration<WidgetOutletComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WidgetOutletComponent, "igo-widget-outlet", never, { "widget": { "alias": "widget"; "required": false; }; "inputs": { "alias": "inputs"; "required": false; }; "subscribers": { "alias": "subscribers"; "required": false; }; }, { "complete": "complete"; "cancel": "cancel"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WidgetOutletComponent, "igo-widget-outlet", never, { "widget": { "alias": "widget"; "required": false; }; "inputs": { "alias": "inputs"; "required": false; }; "subscribers": { "alias": "subscribers"; "required": false; }; }, { "complete": "complete"; "cancel": "cancel"; }, never, never, true, never>;
 }

package/lib/widget/widget-outlet/widget-outlet.module.d.ts

@@ -1,12 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./widget-outlet.component";
-import * as i2 from "@angular/common";
-import * as i3 from "../../dynamic-component/dynamic-component.module";
 /**
- * @ignore
+ * @deprecated import the WidgetOutletComponent directly
  */
 export declare class IgoWidgetOutletModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<IgoWidgetOutletModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoWidgetOutletModule, [typeof i1.WidgetOutletComponent], [typeof i2.CommonModule, typeof i3.IgoDynamicComponentModule], [typeof i1.WidgetOutletComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoWidgetOutletModule, never, [typeof i1.WidgetOutletComponent], [typeof i1.WidgetOutletComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<IgoWidgetOutletModule>;
 }

package/lib/widget/widget.module.d.ts

@@ -1,8 +1,10 @@
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./widget-outlet/widget-outlet.module";
+import * as i1 from "./widget-outlet/widget-outlet.module";
+/**
+ * @deprecated import the WidgetOutletComponent directly
+ */
 export declare class IgoWidgetModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<IgoWidgetModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoWidgetModule, never, [typeof i1.CommonModule, typeof i2.IgoWidgetOutletModule], [typeof i2.IgoWidgetOutletModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoWidgetModule, never, [typeof i1.IgoWidgetOutletModule], [typeof i1.IgoWidgetOutletModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<IgoWidgetModule>;
 }

package/lib/workspace/index.d.ts

@@ -1,3 +1,6 @@
+import { WorkspaceSelectorComponent } from './workspace-selector/workspace-selector.component';
+import { WorkspaceWidgetOutletComponent } from './workspace-widget-outlet/workspace-widget-outlet.component';
 export * from './shared';
 export * from './workspace-selector/workspace-selector.component';
 export * from './workspace-widget-outlet/workspace-widget-outlet.component';
+export declare const WORKSPACE_DIRECTIVES: readonly [typeof WorkspaceSelectorComponent, typeof WorkspaceWidgetOutletComponent];

package/lib/workspace/workspace-selector/workspace-selector.component.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from '@angular/core';
+import { EntitySelectorChange } from '../../entity/entity-selector/entity-selector.component';
 import { WorkspaceStore } from '../shared/store';
 import { Workspace } from '../shared/workspace';
 import * as i0 from "@angular/core";
@@ -31,9 +32,7 @@ export declare class WorkspaceSelectorComponent {
      * @internal
      * @param event The selection change event
      */
-    onSelectedChange(event: {
-        value: Workspace;
-    }): void;
+    onSelectedChange(event: EntitySelectorChange<Workspace>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<WorkspaceSelectorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WorkspaceSelectorComponent, "igo-workspace-selector", never, { "store": { "alias": "store"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "selectedChange": "selectedChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WorkspaceSelectorComponent, "igo-workspace-selector", never, { "store": { "alias": "store"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "selectedChange": "selectedChange"; }, never, never, true, never>;
 }

package/lib/workspace/workspace-selector/workspace-selector.module.d.ts

@@ -1,12 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./workspace-selector.component";
-import * as i2 from "@angular/common";
-import * as i3 from "../../entity/entity-selector/entity-selector.module";
 /**
- * @ignore
+ * @deprecated import the WorkspaceSelectorComponent directly
  */
 export declare class IgoWorkspaceSelectorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<IgoWorkspaceSelectorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoWorkspaceSelectorModule, [typeof i1.WorkspaceSelectorComponent], [typeof i2.CommonModule, typeof i3.IgoEntitySelectorModule], [typeof i1.WorkspaceSelectorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoWorkspaceSelectorModule, never, [typeof i1.WorkspaceSelectorComponent], [typeof i1.WorkspaceSelectorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<IgoWorkspaceSelectorModule>;
 }

package/lib/workspace/workspace-widget-outlet/workspace-widget-outlet.component.d.ts

@@ -53,5 +53,5 @@ export declare class WorkspaceWidgetOutletComponent {
      */
     onWidgetComplete(widget: Widget): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<WorkspaceWidgetOutletComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WorkspaceWidgetOutletComponent, "igo-workspace-widget-outlet", never, { "workspace": { "alias": "workspace"; "required": false; }; }, { "deactivateWidget": "deactivateWidget"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WorkspaceWidgetOutletComponent, "igo-workspace-widget-outlet", never, { "workspace": { "alias": "workspace"; "required": false; }; }, { "deactivateWidget": "deactivateWidget"; }, never, never, true, never>;
 }

package/lib/workspace/workspace-widget-outlet/workspace-widget-outlet.module.d.ts

@@ -1,12 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./workspace-widget-outlet.component";
-import * as i2 from "@angular/common";
-import * as i3 from "../../widget/widget-outlet/widget-outlet.module";
 /**
- * @ignore
+ * @deprecated import the WorkspaceWidgetOutletComponent directly
  */
 export declare class IgoWorkspaceWidgetOutletModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<IgoWorkspaceWidgetOutletModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoWorkspaceWidgetOutletModule, [typeof i1.WorkspaceWidgetOutletComponent], [typeof i2.CommonModule, typeof i3.IgoWidgetOutletModule], [typeof i1.WorkspaceWidgetOutletComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoWorkspaceWidgetOutletModule, never, [typeof i1.WorkspaceWidgetOutletComponent], [typeof i1.WorkspaceWidgetOutletComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<IgoWorkspaceWidgetOutletModule>;
 }

package/lib/workspace/workspace.module.d.ts

@@ -1,9 +1,11 @@
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./workspace-selector/workspace-selector.module";
-import * as i3 from "./workspace-widget-outlet/workspace-widget-outlet.module";
+import * as i1 from "./workspace-selector/workspace-selector.component";
+import * as i2 from "./workspace-widget-outlet/workspace-widget-outlet.component";
+/**
+ * @deprecated import the components directly or WORKSPACE_DIRECTIVES for every components/directives
+ */
 export declare class IgoWorkspaceModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<IgoWorkspaceModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoWorkspaceModule, never, [typeof i1.CommonModule], [typeof i2.IgoWorkspaceSelectorModule, typeof i3.IgoWorkspaceWidgetOutletModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoWorkspaceModule, never, [typeof i1.WorkspaceSelectorComponent, typeof i2.WorkspaceWidgetOutletComponent], [typeof i1.WorkspaceSelectorComponent, typeof i2.WorkspaceWidgetOutletComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<IgoWorkspaceModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@igo2/common",
-  "version": "16.2.0",
+  "version": "17.0.0-next.0",
   "description": "IGO Library",
   "author": "IGO Community",
   "keywords": [
@@ -25,7 +25,7 @@
     "./style": {
       "style": "./style/style.css"
     },
-    "./theming": {
+    "./theme": {
       "sass": "./src/common-theme.scss"
     },
     "./partial/*": {
@@ -39,14 +39,14 @@
     "tslib": "^2.6.0"
   },
   "peerDependencies": {
-    "@angular/common": "^16.2.5",
-    "@angular/core": "^16.2.5",
-    "@angular/material": "^16.2.4",
-    "@angular/platform-browser": "^16.2.5",
+    "@angular/common": "^17.0.6",
+    "@angular/core": "^17.0.6",
+    "@angular/material": "^17.0.3",
+    "@angular/platform-browser": "^17.0.6",
     "@floating-ui/utils": "^0.1.4",
-    "@igo2/core": "^16.2.0",
-    "@igo2/utils": "^16.2.0",
-    "angular-shepherd": "16.0.0",
+    "@igo2/core": "^17.0.0-next.0",
+    "@igo2/utils": "^17.0.0-next.0",
+    "angular-shepherd": "17.0.0",
     "ngx-color": "^9.0.0",
     "scroll-into-view-if-needed": "^3.0.0",
     "tinycolor2": "^1.6.0",

package/public_api.d.ts

@@ -5,68 +5,69 @@ export * from './lib/badge-icon/badge-icon.module';
 export * from './lib/clickout/clickout.module';
 export * from './lib/clone/clone.module';
 export * from './lib/collapsible/collapsible.module';
+export * from './lib/color-picker-form-field/color-picker-form-field.module';
 export * from './lib/confirm-dialog/confirm-dialog.module';
-export * from './lib/select-value-dialog/select-value-dialog.module';
-export * from './lib/form-dialog/form-dialog.module';
 export * from './lib/context-menu/context-menu.module';
 export * from './lib/custom-html/custom-html.module';
 export * from './lib/dom/dom.module';
 export * from './lib/drag-drop/drag-drop.module';
 export * from './lib/dynamic-component/dynamic-component.module';
 export * from './lib/dynamic-component/dynamic-outlet/dynamic-outlet.module';
+export * from './lib/entity/entity-selector/entity-selector.module';
+export * from './lib/entity/entity-table-paginator/entity-table-paginator.module';
+export * from './lib/entity/entity-table/entity-table.module';
+export * from './lib/entity/entity.module';
 export * from './lib/environment';
 export * from './lib/flexible/flexible.module';
+export * from './lib/form-dialog/form-dialog.module';
+export * from './lib/form/form-field/form-field.module';
+export * from './lib/form/form-group/form-group.module';
 export * from './lib/form/form.module';
 export * from './lib/form/form/form.module';
 export * from './lib/home-button/home-button.module';
-export * from './lib/form/form-field/form-field.module';
-export * from './lib/form/form-group/form-group.module';
-export * from './lib/entity/entity.module';
-export * from './lib/entity/entity-selector/entity-selector.module';
-export * from './lib/entity/entity-table/entity-table.module';
-export * from './lib/entity/entity-table-paginator/entity-table-paginator.module';
 export * from './lib/image/image.module';
 export * from './lib/interactive-tour/interactive-tour.module';
 export * from './lib/json-dialog/json-dialog.module';
 export * from './lib/keyvalue/keyvalue.module';
 export * from './lib/list/list.module';
 export * from './lib/panel/panel.module';
+export * from './lib/select-value-dialog/select-value-dialog.module';
 export * from './lib/sidenav/sidenav.module';
 export * from './lib/spinner/spinner.module';
 export * from './lib/stop-propagation/stop-propagation.module';
 export * from './lib/table/table.module';
 export * from './lib/tool/tool.module';
 export * from './lib/tool/toolbox/toolbox.module';
-export * from './lib/widget/widget.module';
 export * from './lib/widget/widget-outlet/widget-outlet.module';
-export * from './lib/workspace/workspace.module';
+export * from './lib/widget/widget.module';
 export * from './lib/workspace/workspace-selector/workspace-selector.module';
 export * from './lib/workspace/workspace-widget-outlet/workspace-widget-outlet.module';
-export * from './lib/color-picker-form-field/color-picker-form-field.module';
+export * from './lib/workspace/workspace.module';
 export * from './lib/action';
 export * from './lib/backdrop';
 export * from './lib/badge-icon';
 export * from './lib/clickout';
 export * from './lib/clone';
 export * from './lib/collapsible';
+export * from './lib/color-picker-form-field';
 export * from './lib/confirm-dialog';
-export * from './lib/select-value-dialog';
-export * from './lib/form-dialog';
 export * from './lib/context-menu';
 export * from './lib/custom-html';
-export * from './lib/drag-drop';
 export * from './lib/dom';
+export * from './lib/drag-drop';
 export * from './lib/dynamic-component';
-export * from './lib/form';
-export * from './lib/home-button';
 export * from './lib/entity';
 export * from './lib/flexible';
+export * from './lib/form-dialog';
+export * from './lib/form';
+export * from './lib/home-button';
 export * from './lib/image';
 export * from './lib/interactive-tour';
 export * from './lib/json-dialog';
 export * from './lib/keyvalue';
 export * from './lib/list';
 export * from './lib/panel';
+export * from './lib/select-value-dialog';
 export * from './lib/sidenav';
 export * from './lib/spinner';
 export * from './lib/stop-propagation';
@@ -74,4 +75,3 @@ export * from './lib/table';
 export * from './lib/tool';
 export * from './lib/widget';
 export * from './lib/workspace';
-export * from './lib/color-picker-form-field';

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 './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);
+}

package/src/lib/action/action.theming.scss

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

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

@@ -1,32 +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);
-    }
-  }
-}
+@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/src/lib/action/actionbar/actionbar.theming.scss

@@ -1,22 +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;
-    }
-  }
-}
+@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/src/lib/collapsible/collapsible.theming.scss

@@ -1,22 +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;
-  }
-}
+@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/src/lib/entity/entity-selector/entity-selector.theming.scss

@@ -1,21 +1,21 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin theme($theme) {
-  @include density($theme);
-}
-
-@mixin density($theme) {
-  $density: mat.get-density-config($theme);
-
-  $theme: map.merge(
-    $theme,
-    (
-      density: $density - 2
-    )
-  );
-
-  igo-entity-selector {
-    @include mat.form-field-density($theme);
-  }
-}
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+@mixin theme($theme) {
+  @include density($theme);
+}
+
+@mixin density($theme) {
+  $density: mat.get-density-config($theme);
+
+  $theme: map.merge(
+    $theme,
+    (
+      density: $density - 2
+    )
+  );
+
+  igo-entity-selector {
+    @include mat.form-field-density($theme);
+  }
+}