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

package/src/geo-theme.scss

@@ -1,23 +0,0 @@
-@use './lib/directions/directions.theming.scss' as directions-theme;
-@use './lib/draw/draw.theming.scss' as draw-theme;
-@use './lib/feature/feature.theming.scss' as feature-theme;
-@use './lib/filter/filter.theming.scss' as filter-theme;
-@use './lib/layer/layer.theming.scss' as layer-theme;
-@use './lib/map/map.theming.scss' as map-theme;
-@use './lib/measure/measure.theming.scss' as measure-theme;
-@use './lib/search/search.theming.scss' as search-theme;
-@use './lib/workspace/workspace.theming.scss' as workspace-theme;
-@use './lib/catalog/catalog.theming.scss' as catalog-theme;
-
-@mixin geo-component-themes($theme) {
-  @include directions-theme.igo-directions-theming($theme);
-  @include draw-theme.igo-draw-theming($theme);
-  @include feature-theme.igo-feature-theming($theme);
-  @include filter-theme.igo-filter-theming($theme);
-  @include layer-theme.themes($theme);
-  @include map-theme.igo-map-theming($theme);
-  @include measure-theme.igo-measure-theming($theme);
-  @include search-theme.theme($theme);
-  @include workspace-theme.igo-workspace-theming($theme);
-  @include catalog-theme.themes($theme);
-}

package/src/lib/directions/directions-results/directions-results.theming.scss

@@ -1,10 +0,0 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin igo-directions-results-theming($theme) {
-  $accent: map.get($theme, accent);
-
-  igo-directions-results mat-list-item.igo-steps:hover {
-    background-color: mat.m2-get-color-from-palette($accent, lighter);
-  }
-}

package/src/lib/feature/feature-details/feature-details.theming.scss

@@ -1,16 +0,0 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin igo-feature-details-theming($theme) {
-  $is-dark: map.get($theme, is-dark);
-  $foreground: map.get($theme, foreground);
-  $background: map.get($theme, background);
-
-  igo-feature-details > table.igo-striped tbody tr:nth-child(odd) {
-    background-color: mat.m2-get-color-from-palette(
-      $background,
-      if($is-dark, app-bar, status-bar)
-    );
-    color: black;
-  }
-}

package/src/lib/feature/feature.theming.scss

@@ -1,4 +0,0 @@
-@use './feature-details/feature-details.theming.scss' as feature-details;
-@mixin igo-feature-theming($theme) {
-  @include feature-details.igo-feature-details-theming($theme);
-}

package/src/lib/filter/filter.theming.scss

@@ -1,13 +0,0 @@
-@use '@mat-datetimepicker/core/datetimepicker/datetimepicker-theme' as
-  datetimepicker;
-
-@use './time-filter-form/time-filter-form.theming.scss' as time-filter;
-@use './ogc-filter-selection/ogc-filter-selection.theming.scss' as
-  ogc-filter-selection;
-
-@mixin igo-filter-theming($theme) {
-  @include datetimepicker.mat-datetimepicker-theme($theme);
-
-  @include time-filter.igo-time-filter-form-theming($theme);
-  @include ogc-filter-selection.igo-ogc-filter-selection-theming($theme);
-}

package/src/lib/filter/ogc-filter-selection/ogc-filter-selection.theming.scss

@@ -1,18 +0,0 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin igo-ogc-filter-selection-theming($theme) {
-  $primary: map.get($theme, primary);
-  $accent: map.get($theme, accent);
-  $dark: mat.m2-define-palette(mat.$m2-grey-palette, 800, 700, 900);
-
-  igo-ogc-filter-selection {
-    mat-button-toggle.mat-button-toggle-checked {
-      background-color: mat.m2-get-color-from-palette($accent);
-      color: mat.m2-get-color-from-palette($dark);
-    }
-    mat-button-toggle {
-      color: black !important;
-    }
-  }
-}

package/src/lib/filter/time-filter-form/time-filter-form.theming.scss

@@ -1,5 +0,0 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin igo-time-filter-form-theming($theme) {
-}

package/src/lib/layer/layer-group/layer-group.theme.scss

@@ -1,28 +0,0 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin theme($theme) {
-  @include color($theme);
-}
-
-@mixin color($theme) {
-  $background: map.get($theme, background);
-  $foreground: map.get($theme, foreground);
-  igo-layer-group {
-    background-color: mat.m2-get-color-from-palette($background, card);
-
-    button {
-      &.mat-default {
-        mat-icon {
-          color: mat.m2-get-color-from-palette($foreground, base);
-        }
-      }
-
-      &.disabled {
-        mat-icon {
-          color: mat.m2-get-color-from-palette($foreground, disabled);
-        }
-      }
-    }
-  }
-}

package/src/lib/layer/layer-item/layer-item.theme.scss

@@ -1,36 +0,0 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin theme($theme) {
-  @include color($theme);
-}
-
-@mixin color($theme) {
-  $background: map.get($theme, background);
-  $foreground: map.get($theme, foreground);
-
-  igo-layer-item {
-    background-color: mat.m2-get-color-from-palette($background, card);
-
-    button {
-      &.mat-default {
-        mat-icon {
-          color: mat.m2-get-color-from-palette($foreground, base);
-        }
-      }
-
-      &.disabled {
-        mat-icon {
-          color: mat.m2-get-color-from-palette($foreground, disabled);
-        }
-      }
-    }
-
-    .unavailable-layer {
-      background-color: mat.m2-get-color-from-palette(
-        $background,
-        disabled-list-option
-      );
-    }
-  }
-}

package/src/lib/layer/layer-list/layer-list.theme.scss

@@ -1,51 +0,0 @@
-@use 'sass:map';
-@use 'sass:color';
-@use '@angular/material' as mat;
-
-@mixin theme($theme) {
-  @include color($theme);
-}
-
-@mixin color($theme) {
-  $accent: map.get($theme, accent);
-  $hoveredColor: mat.m2-get-color-from-palette($accent, default);
-
-  igo-layer-list {
-    mat-tree-node {
-      &.--selected,
-      &.--dragged {
-        igo-layer-group,
-        igo-layer-item {
-          background-color: mat.m2-get-color-from-palette($accent, lighter);
-          color: mat.m2-get-color-from-palette($accent, default-contrast);
-        }
-      }
-
-      &.--children-selected {
-        igo-layer-group,
-        igo-layer-item {
-          background-color: color.adjust(
-            $color: mat.m2-get-color-from-palette($accent, lighter),
-            $lightness: 8%
-          );
-          color: mat.m2-get-color-from-palette($accent, default-contrast);
-        }
-      }
-
-      &.--drag-hover {
-        &::after {
-          border-color: $hoveredColor !important;
-        }
-      }
-    }
-
-    // Workaround, the hover freeze when a tree is expanded when dragging
-    mat-tree:not(.--dragging) {
-      mat-tree-node {
-        &:hover::after {
-          border-color: $hoveredColor;
-        }
-      }
-    }
-  }
-}

package/src/lib/layer/layer-unavailable/layer-unavailable.theme.scss

@@ -1,19 +0,0 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin theme($theme) {
-  @include color($theme);
-}
-
-@mixin color($theme) {
-  $background: map.get($theme, background);
-
-  igo-layer-unavailable {
-    .unavailable-layer {
-      background-color: mat.m2-get-color-from-palette(
-        $background,
-        disabled-list-option
-      );
-    }
-  }
-}

package/src/lib/layer/layer-viewer/_layer-viewer.theme.scss

@@ -1,16 +0,0 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin theme($theme) {
-  @include color($theme);
-}
-
-@mixin color($theme) {
-  $accent: map.get($theme, accent);
-
-  igo-layer-viewer {
-    .active-background {
-      background-color: mat.m2-get-color-from-palette($accent, 50);
-    }
-  }
-}

package/src/lib/layer/layer-visibility-button/layer-visibility-button.theme.scss

@@ -1,27 +0,0 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin theme($theme) {
-  @include color($theme);
-}
-
-@mixin color($theme) {
-  $foreground: map.get($theme, foreground);
-
-  igo-layer-visibility-button {
-    button {
-      &.mat-default {
-        mat-icon {
-          color: mat.m2-get-color-from-palette($foreground, base);
-        }
-      }
-
-      &.out-of-range,
-      &.disabled {
-        mat-icon {
-          color: mat.m2-get-color-from-palette($foreground, disabled);
-        }
-      }
-    }
-  }
-}

package/src/lib/map/menu-button/menu-button.theming.scss

@@ -1,20 +0,0 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-@use '../../../../../core/src/style/partial/core.variables' as core;
-
-@mixin theme($theme) {
-  @include color($theme);
-}
-
-@mixin color($theme) {
-  $primary: map.get($theme, primary);
-
-  igo-menu-button > button#menu-button {
-    color: core.$app-background-color;
-    background-color: mat.m2-get-color-from-palette($primary);
-  }
-  igo-menu-button > button#menu-button.menu-button-white-background {
-    color: mat.m2-get-color-from-palette($primary);
-    background-color: core.$app-background-color;
-  }
-}

package/src/lib/map/zoom-button/zoom-button.theming.scss

@@ -1,32 +0,0 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin igo-zoom-button-theming($theme) {
-  $primary: map.get($theme, primary);
-  $accent: map.get($theme, accent);
-  $is-dark: map.get($theme, is-dark);
-
-  igo-zoom-button > div.igo-zoom-button-container > button {
-    &.mat-primary {
-      color: mat.m2-get-color-from-palette(
-        $primary,
-        if($is-dark, default-contrast, default)
-      );
-      background-color: mat.m2-get-color-from-palette(
-        $primary,
-        if($is-dark, default, default-contrast)
-      );
-    }
-
-    &.mat-accent {
-      color: mat.m2-get-color-from-palette(
-        $accent,
-        if($is-dark, default-contrast, default)
-      );
-      background-color: mat.m2-get-color-from-palette(
-        $accent,
-        if($is-dark, default, default-contrast)
-      );
-    }
-  }
-}

package/src/lib/measure/measure.theming.scss

@@ -1,5 +0,0 @@
-@use './measurer/measurer.theming.scss' as measurer;
-
-@mixin igo-measure-theming($theme) {
-  @include measurer.igo-measurer-theming($theme);
-}

package/src/lib/measure/measurer/measurer.theming.scss

@@ -1,26 +0,0 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin igo-measurer-theming($theme) {
-  @include color($theme);
-  @include typography($theme);
-}
-
-@mixin color($theme) {
-  $foreground: map.get($theme, foreground);
-
-  .igo-map-tooltip-measure {
-    background-color: rgba(255, 204, 51, 0.7);
-    border: 1px solid rgb(255, 205, 51);
-    color: black;
-    font-weight: bold;
-  }
-}
-
-@mixin typography($theme) {
-  $typography: mat.m2-get-typography-config($theme);
-
-  .igo-map-tooltip-measure {
-    font-size: mat.m2-font-size($typography, subtitle-1);
-  }
-}

package/src/lib/search/search-results/search-results-item.theme.scss

@@ -1,20 +0,0 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin theme($theme) {
-  @include color($theme);
-}
-
-@mixin color($theme) {
-  igo-search-results-item {
-    .mdc-list-item--with-leading-icon {
-      &:hover .mdc-list-item__start {
-        color: black;
-      }
-
-      .mdc-list-item__start {
-        color: rgba(0, 0, 0, 0.87);
-      }
-    }
-  }
-}

package/src/lib/workspace/confirmation-popup/confirmation-popup.theming.scss

@@ -1,14 +0,0 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin igo-confirmation-popup-theming($theme) {
-  $foreground: map.get($theme, foreground);
-  $typography: mat.m2-get-typography-config($theme);
-
-  igo-confirmation-popup-component {
-    h1 {
-      font-size: mat.m2-font-size($typography, headline-4);
-      font-family: Roboto, 'Helvetica Neue', sans-serif;
-    }
-  }
-}

package/src/lib/workspace/workspace.theming.scss

@@ -1,6 +0,0 @@
-@use './confirmation-popup/confirmation-popup.theming.scss' as
-  confirmation-popup;
-
-@mixin igo-workspace-theming($theme) {
-  @include confirmation-popup.igo-confirmation-popup-theming($theme);
-}