@igo2/common 1.8.1 → 1.9.3

package/public_api.d.ts

@@ -1,66 +1,68 @@
-export * from './lib/action/action.module';
-export * from './lib/action/actionbar/actionbar.module';
-export * from './lib/backdrop/backdrop.module';
-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/confirm-dialog/confirm-dialog.module';
-export * from './lib/context-menu/context-menu.module';
-export * from './lib/custom-html/custom-html.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/flexible/flexible.module';
-export * from './lib/form/form.module';
-export * from './lib/form/form/form.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/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/workspace/workspace-selector/workspace-selector.module';
-export * from './lib/workspace/workspace-widget-outlet/workspace-widget-outlet.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/confirm-dialog';
-export * from './lib/context-menu';
-export * from './lib/custom-html';
-export * from './lib/drag-drop';
-export * from './lib/dynamic-component';
-export * from './lib/form';
-export * from './lib/entity';
-export * from './lib/flexible';
-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/sidenav';
-export * from './lib/spinner';
-export * from './lib/stop-propagation';
-export * from './lib/table';
-export * from './lib/tool';
-export * from './lib/widget';
-export * from './lib/workspace';
+export * from './lib/action/action.module';
+export * from './lib/action/actionbar/actionbar.module';
+export * from './lib/backdrop/backdrop.module';
+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/confirm-dialog/confirm-dialog.module';
+export * from './lib/context-menu/context-menu.module';
+export * from './lib/custom-html/custom-html.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/flexible/flexible.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/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/workspace/workspace-selector/workspace-selector.module';
+export * from './lib/workspace/workspace-widget-outlet/workspace-widget-outlet.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/confirm-dialog';
+export * from './lib/context-menu';
+export * from './lib/custom-html';
+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/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/sidenav';
+export * from './lib/spinner';
+export * from './lib/stop-propagation';
+export * from './lib/table';
+export * from './lib/tool';
+export * from './lib/widget';
+export * from './lib/workspace';

package/style/common.theming.scss

@@ -1,236 +1,12 @@
-/*** IMPORTED FILE NOT FOUND ***/
-@import '~shepherd.js/dist/css/shepherd';/*** --- ***/
-
-@mixin igo-actionbar-theming($theme) {  
-  .igo-actionbar-overlay {
-    min-width: inherit !important;
-    padding-top: 0;
-    padding-bottom: 0;
-  
-    .mat-list {
-      padding-top: 0
-    }
-  
-    .mat-list .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text {
-      padding-right: 16px;
-    }
-  
-    .mat-menu-content:not(:empty) {
-      padding-top: 0;
-      padding-bottom: 0;
-    }
-  }
-}
-
-
-@mixin igo-action-theming($theme) {
-  @include igo-actionbar-theming($theme);
-}
-
-@mixin igo-collapsible-theming($theme) {
-  mat-icon[mat-list-avatar][igocollapse] {
-    &:hover {
-      cursor: pointer;
-    }
-
-    &.igo-chevron {
-      width: auto !important;
-      height: auto;
-      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-entity-table-theming($theme) {
-  $primary: map-get($theme, primary);
-  $accent: map-get($theme, accent);
-
-  igo-entity-table table.igo-entity-table-with-selection tr.igo-entity-table-row-highlighted {
-    background-color: mat-color($primary, A100);
-    color: mat-color($primary, default-contrast);
-  }
-}
-
-
-@mixin igo-entity-theming($theme) {
-  @include igo-entity-table-theming($theme);
-}
-
-@mixin igo-list-theming($theme) {
-  $primary: map-get($theme, primary);
-  $accent: map-get($theme, accent);
-
-  igo-list [igolistitem][color="primary"].igo-list-item-selected > mat-list-item {
-    background-color: mat-color($primary);
-    color: mat-color($primary, default-contrast);
-  }
-
-  igo-list [igolistitem][color="accent"].igo-list-item-selected > mat-list-item {
-    background-color: mat-color($accent);
-    color: mat-color($accent, default-contrast);
-  }
-
-  igo-list [igolistitem].igo-list-item-disabled > mat-list-item {
-    color: rgba(0, 0, 0, 0.38);
-  }
-
-  igo-list [igolistitem][color="primary"]:not(.igo-list-item-disabled):hover > mat-list-item,
-  igo-list [igolistitem][color="primary"].igo-list-item-focused > mat-list-item {
-    background-color: mat-color($primary, lighter);
-    color: mat-color($primary, default-contrast);
-  }
-
-  igo-list [igolistitem][color="accent"]:not(.igo-list-item-disabled):hover > mat-list-item,
-  igo-list [igolistitem][color="accent"].igo-list-item-focused > mat-list-item {
-    background-color: mat-color($accent, lighter);
-    color: mat-color($accent, default-contrast);
-  }
-}
-
-@mixin igo-panel-theming($theme) {
-  $primary: map-get($theme, primary);
-
-  igo-panel > div.igo-panel-header {
-    background-color: mat-color($primary);
-    color: mat-color($primary, default-contrast);
-  }
-
-}
-
-@mixin igo-tour-theming($theme) {
-  $primary: map-get($theme, primary);
-  $accent: map-get($theme, accent);
-  $warn: map-get($theme, warn);
-
-  igo-interactive-tour > button.mat-raised-button.tour-button-tool-icon {
-    box-shadow: none;
-  }
-
-  igo-interactive-tour > button.tour-button-tool-icon {
-    background-color: mat-color($primary);
-    color: mat-color($primary, default-contrast);
-
-    box-shadow: none;
-    border:none;
-    border-radius: 50%;
-    padding: 0;
-    min-width: 0;
-    width: 40px;
-    height: 40px;
-    flex-shrink: 0;
-    line-height: 40px;
-  }
-
-  igo-interactive-tour > button.tour-button-tool-icon span.interactive-tour-button-title {
-    display: none;
-  }
-
-  igo-interactive-tour > button.tour-button-tool {
-    background-color: mat-color($primary);
-    color: mat-color($primary, default-contrast);
-    border: none;
-  }
-
-  igo-interactive-tour > button.tour-button-tool-icon:hover {
-    background-color: mat-color($primary, default-contrast);
-    color: mat-color($primary);
-    cursor: pointer;
-  }
-}
-
-@mixin igo-toolbox-theming($theme) {
-  $primary: map-get($theme, primary);
-  $accent: map-get($theme, accent);
-  $foreground: map-get($theme, foreground);
-
-  igo-toolbox > igo-actionbar mat-list.mat-list-base igo-actionbar-item mat-list-item {
-    &:hover {
-      background-color: mat-color($accent, lighter);
-    }
-
-    &.tool-activated,
-    &.children-tool-activated {
-      background-color: mat-color($accent);
-      cursor: default;
-      button {
-        cursor: default;
-      }
-    }
-  }
-
-  igo-toolbox > igo-actionbar:not(.with-title) > mat-list {
-    & > #lowChevron,
-    & > #topChevron {
-      &:hover {
-        background-color: mat-color($accent, lighter);
-        color: mat-color($foreground, text);
-      }
-    }
-  }
-
-  igo-toolbox.color-primary > igo-actionbar:not(.with-title) {
-    box-shadow: unset;
-    background-color: mat-color($primary);
-    #lowChevron,
-    #topChevron {
-      background-color: mat-color($primary);
-      color: white;
-    }
-  }
-
-  igo-toolbox.color-grey > igo-actionbar:not(.with-title) {
-    box-shadow: unset;
-    background-color: #737475;
-    #lowChevron,
-    #topChevron {
-      background-color: #737475;
-      color: white;
-    }
-  }
-
-  igo-toolbox.color-primary,
-  igo-toolbox.color-grey {
-    & > igo-actionbar:not(.with-title) mat-list.mat-list-base {
-      .mat-list-item.mat-list-item-with-avatar {
-        color: white;
-        &:hover {
-          color: mat-color($foreground, text);
-        }
-
-        &.tool-activated,
-        &.children-tool-activated {
-          background-color: white;
-          color: mat-color($foreground, text);
-        }
-      }
-    }
-  }
-
-}
-
-
-@mixin igo-tool-theming($theme) {
-  @include igo-toolbox-theming($theme);
-}
-
-
-@mixin igo-common-theming($theme, $typography) {
-  @include igo-action-theming($theme);
-  @include igo-collapsible-theming($theme);
-  @include igo-entity-theming($theme);
-  @include igo-list-theming($theme);
-  @include igo-panel-theming($theme);
-  @include igo-tool-theming($theme);
-  @include igo-tour-theming($theme);
-}
+@import '~shepherd.js/dist/css/shepherd.css';
+
+@mixin igo-common-theming($theme, $typography) {
+  @include igo-action-theming($theme);
+  @include igo-collapsible-theming($theme);
+  @include igo-entity-theming($theme);
+  @include igo-list-theming($theme);
+  @include igo-panel-theming($theme);
+  @include igo-tool-theming($theme);
+  @include igo-tour-theming($theme);
+  @include igo-home-button-theming($theme);
+}

package/style/partial/action.scss

@@ -1,18 +1,18 @@
-.igo-actionbar-overlay {
-  min-width: inherit !important;
-  padding-top: 0;
-  padding-bottom: 0;
-
-  .mat-list {
-    padding-top: 0
-  }
-
-  .mat-list .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text {
-    padding-right: 16px;
-  }
-
-  .mat-menu-content:not(:empty) {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-}
+.igo-actionbar-overlay {
+  min-width: inherit !important;
+  padding-top: 0;
+  padding-bottom: 0;
+
+  .mat-list {
+    padding-top: 0
+  }
+
+  .mat-list .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text {
+    padding-right: 16px;
+  }
+
+  .mat-menu-content:not(:empty) {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+}

package/style/partial/common.variables.scss

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