@igo2/common 19.0.0-next.3 → 19.0.0-next.30

package/resizable-bar/shared/resize.directive.d.ts

@@ -0,0 +1,12 @@
+import { EventEmitter } from '@angular/core';
+import { Subscription } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class ResizeDirective {
+    mouseMove$$: Subscription;
+    mouseUp$$: Subscription;
+    change: EventEmitter<MouseEvent>;
+    onMouseDown(event: MouseEvent): void;
+    private _unsubscribe;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ResizeDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ResizeDirective, "[igoResize]", never, {}, { "change": "change"; }, never, never, true, never>;
+}

package/src/common.theme.scss

@@ -0,0 +1,18 @@
+@use '../action/src/action.theming.scss' as action;
+@use '../entity/src/entity.theming.scss' as entity;
+@use '../panel/src/panel.theming.scss' as panel;
+@use '../tool/src/tool.theming.scss' as tool;
+
+@mixin themes($theme) {
+  @include action.themes($theme);
+  @include entity.themes($theme);
+  @include panel.theme($theme);
+  @include tool.igo-tool-theming($theme);
+}
+
+@mixin densities($theme) {
+  @include action.densities($theme);
+  @include entity.densities($theme);
+  @include panel.theme($theme);
+  @include tool.igo-tool-theming($theme);
+}

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

@@ -1,6 +1,8 @@
 @mixin square-button() {
   button {
     border-radius: 0 !important;
+    background-color: var(--mat-sys-inverse-on-surface);
+
     .mat-ripple,
     .mdc-icon-button__ripple {
       border-radius: 0 !important;

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

@@ -2,94 +2,11 @@
 @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.m2-get-color-from-palette($primary, darker-contrast);
-  $lighter-contrast: mat.m2-get-color-from-palette($primary, lighter-contrast);
-
-  igo-toolbox {
-    &.color-primary > igo-actionbar:not(.with-title) {
-      box-shadow: unset;
-      background-color: mat.m2-get-color-from-palette($primary);
-      #lowChevron,
-      #topChevron {
-        background-color: mat.m2-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.m2-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.m2-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.m2-get-density-config($theme);
+  $density: mat.get-theme-density($theme);
   $theme: map.merge(
     $theme,
     (

package/action/src/actionbar/actionbar.theming.scss

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

@@ -1,22 +0,0 @@
-@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/home-button/src/home-button.theming.scss

@@ -1,18 +0,0 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin theme($theme) {
-  $primary: map.get($theme, primary);
-  $accent: map.get($theme, accent);
-  $foreground: map.get($theme, foreground);
-
-  igo-home-button > #homeButton {
-    background-color: mat.m2-get-color-from-palette($primary);
-    color: mat.m2-get-color-from-palette($primary, default-contrast);
-
-    &:hover {
-      background-color: mat.m2-get-color-from-palette($accent, lighter);
-      color: black;
-    }
-  }
-}

package/interactive-tour/src/interactive-tour.theming.scss

@@ -1,32 +0,0 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin theme($theme) {
-  @include color($theme);
-}
-
-@mixin color($theme) {
-  $primary: map.get($theme, primary);
-  $accent: map.get($theme, accent);
-  $warn: map.get($theme, warn);
-
-  igo-interactive-tour {
-    button {
-      &.tour-button-tool-icon {
-        color: mat.m2-get-color-from-palette($primary, darker-contrast);
-
-        &:hover {
-          background-color: mat.m2-get-color-from-palette(
-            $primary,
-            default-contrast
-          );
-          color: mat.m2-get-color-from-palette($primary);
-        }
-      }
-    }
-
-    .mat-primary .mat-mdc-icon-button {
-      color: white;
-    }
-  }
-}

package/list/src/list.theming.scss

@@ -1,58 +0,0 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin igo-list-theming($theme) {
-  $primary: map.get($theme, primary);
-  $accent: map.get($theme, accent);
-  @include density($theme);
-
-  igo-list {
-    [igolistitem] {
-      &[color='primary'] {
-        &.igo-list-item-selected > mat-list-item {
-          background-color: mat.m2-get-color-from-palette($primary);
-          color: mat.m2-get-color-from-palette($primary, default-contrast);
-        }
-        &:not(.igo-list-item-disabled):hover > mat-list-item,
-        &.igo-list-item-focused > mat-list-item {
-          background-color: mat.m2-get-color-from-palette($primary, lighter);
-          color: mat.m2-get-color-from-palette($primary, default-contrast);
-        }
-      }
-
-      &[color='accent'] {
-        &.igo-list-item-selected > mat-list-item {
-          background-color: mat.m2-get-color-from-palette($accent);
-          color: mat.m2-get-color-from-palette($accent, default-contrast);
-        }
-
-        &:not(.igo-list-item-disabled):hover > mat-list-item,
-        &.igo-list-item-focused > mat-list-item {
-          background-color: mat.m2-get-color-from-palette($accent, lighter);
-          color: mat.m2-get-color-from-palette($accent, default-contrast);
-        }
-      }
-
-      &.igo-list-item-disabled > mat-list-item {
-        color: rgba(0, 0, 0, 0.38);
-      }
-    }
-  }
-}
-
-@mixin density($theme) {
-  $density: mat.m2-get-density-config($theme);
-
-  $theme: map.merge(
-    $theme,
-    (
-      density: $density
-    )
-  );
-
-  igo-list {
-    @include mat.icon-density($theme);
-    @include mat.icon-button-density($theme);
-    @include mat.list-density($theme);
-  }
-}

package/src/common-theme.scss

@@ -1,19 +0,0 @@
-@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);
-}