@igo2/common 16.0.0-rc.8 → 16.0.0

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

package/lib/home-button/home-button.theming.scss

@@ -1,18 +1,18 @@
-@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.get-color-from-palette($primary);
-    color: mat.get-color-from-palette($primary, default-contrast);
-
-    &:hover {
-      background-color: mat.get-color-from-palette($accent, lighter);
-      color: black;
-    }
-  }
-}
+@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.get-color-from-palette($primary);
+    color: mat.get-color-from-palette($primary, default-contrast);
+
+    &:hover {
+      background-color: mat.get-color-from-palette($accent, lighter);
+      color: black;
+    }
+  }
+}

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

@@ -1,32 +1,32 @@
-@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.get-color-from-palette($primary, darker-contrast);
-
-        &:hover {
-          background-color: mat.get-color-from-palette(
-            $primary,
-            default-contrast
-          );
-          color: mat.get-color-from-palette($primary);
-        }
-      }
-    }
-
-    .mat-primary .mat-mdc-icon-button {
-      color: white;
-    }
-  }
-}
+@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.get-color-from-palette($primary, darker-contrast);
+
+        &:hover {
+          background-color: mat.get-color-from-palette(
+            $primary,
+            default-contrast
+          );
+          color: mat.get-color-from-palette($primary);
+        }
+      }
+    }
+
+    .mat-primary .mat-mdc-icon-button {
+      color: white;
+    }
+  }
+}

package/lib/panel/panel.theming.scss

@@ -1,30 +1,30 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin theme($theme) {
-  @include color($theme);
-  @include density($theme);
-}
-
-@mixin color($theme) {
-  $primary: map.get($theme, primary);
-
-  igo-panel > .igo-panel-header {
-    background-color: mat.get-color-from-palette($primary);
-    color: mat.get-color-from-palette($primary, default-contrast);
-  }
-}
-
-@mixin density($theme) {
-  $density: mat.get-density-config($theme);
-  $theme: map.merge(
-    $theme,
-    (
-      density: $density - 2
-    )
-  );
-
-  igo-panel {
-    @include mat.icon-button-density($theme);
-  }
-}
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+@mixin theme($theme) {
+  @include color($theme);
+  @include density($theme);
+}
+
+@mixin color($theme) {
+  $primary: map.get($theme, primary);
+
+  igo-panel > .igo-panel-header {
+    background-color: mat.get-color-from-palette($primary);
+    color: mat.get-color-from-palette($primary, default-contrast);
+  }
+}
+
+@mixin density($theme) {
+  $density: mat.get-density-config($theme);
+  $theme: map.merge(
+    $theme,
+    (
+      density: $density - 2
+    )
+  );
+
+  igo-panel {
+    @include mat.icon-button-density($theme);
+  }
+}

package/lib/tool/tool.theming.scss

@@ -1,5 +1,5 @@
-@use './toolbox/toolbox.theming.scss' as toolbox-theme;
-
-@mixin igo-tool-theming($theme) {
-  @include toolbox-theme.igo-toolbox-theming($theme);
-}
+@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.theming.scss

@@ -1,105 +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);
-    }
-  }
-}
+@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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@igo2/common",
-  "version": "16.0.0-rc.8",
+  "version": "16.0.0",
   "description": "IGO Library",
   "author": "IGO Community",
   "keywords": [
@@ -38,8 +38,8 @@
     "@angular/material": "^16.2.4",
     "@angular/platform-browser": "^16.2.5",
     "@floating-ui/utils": "^0.1.4",
-    "@igo2/core": "^16.0.0-rc.8",
-    "@igo2/utils": "^16.0.0-rc.8",
+    "@igo2/core": "^16.0.0",
+    "@igo2/utils": "^16.0.0",
     "angular-shepherd": "16.0.0",
     "scroll-into-view-if-needed": "^3.0.0",
     "typy": "^3.3.0",

package/style/partial/common-utils.scss

@@ -1,9 +1,9 @@
-@mixin square-button() {
-  button {
-    border-radius: 0 !important;
-    .mat-ripple,
-    .mdc-icon-button__ripple {
-      border-radius: 0 !important;
-    }
-  }
-}
+@mixin square-button() {
+  button {
+    border-radius: 0 !important;
+    .mat-ripple,
+    .mdc-icon-button__ripple {
+      border-radius: 0 !important;
+    }
+  }
+}

package/style/partial/common.variables.scss

@@ -1,8 +1,8 @@
-/*** List ***/
-$igo-list-item-height: 48px;
-$igo-list-item-padding: 3px;
-$igo-list-item-icon-padding: 8px;
-
-/*** Panel ***/
-$igo-panel-header-height: 48px;
-$igo-panel-header-padding: 3px;
+/*** List ***/
+$igo-list-item-height: 48px;
+$igo-list-item-padding: 3px;
+$igo-list-item-icon-padding: 8px;
+
+/*** Panel ***/
+$igo-panel-header-height: 48px;
+$igo-panel-header-padding: 3px;