@colijnit/corecomponents_v12 12.2.21 → 12.2.22

package/src/lib/components/tooltip/tooltip.component.ts

@@ -1,96 +0,0 @@
-import {
-  AfterViewInit,
-  ChangeDetectionStrategy,
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  HostBinding,
-  Input,
-  ViewEncapsulation
-} from '@angular/core';
-import {SafeHtml} from '@angular/platform-browser';
-import {animate, state, style, transition, trigger} from '@angular/animations';
-
-@Component({
-  selector: 'co-tooltip',
-  template: `
-    <div class="tooltip" [innerHTML]="toolTip"></div>
-  `,
-  animations: [
-    trigger("showHide", [
-      state("void", style({opacity: 0})),
-      state("*", style({opacity: 1})),
-      transition("void <=> *", animate("200ms ease-in-out")),
-    ])
-  ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  encapsulation: ViewEncapsulation.None
-})
-export class TooltipComponent implements AfterViewInit {
-
-  @Input()
-  public set hostElement(value: HTMLElement) {
-    this._hostElement = value;
-    // this._positionTooltip();
-  }
-
-  public get hostElement(): HTMLElement {
-    return this._hostElement;
-  }
-
-  @Input()
-  public toolTip: SafeHtml | string;
-
-  @HostBinding('class.co-tooltip')
-  public showClass() {
-    return true;
-  }
-
-  @HostBinding("style.top.px")
-  public top: number = -100;
-
-  @HostBinding("style.left.px")
-  public left: number = -100;
-
-  @HostBinding("class.bottom")
-  public bottom: boolean = false;
-
-  @HostBinding('@showHide')
-  public animate: boolean = true;
-
-  private _hostElement: HTMLElement;
-
-  constructor(
-    private _elementRef: ElementRef,
-    private _changeDetector: ChangeDetectorRef
-  ) {
-  }
-
-  ngAfterViewInit(): void {
-    setTimeout(() => {
-      this._positionTooltip();
-    });
-  }
-
-  private _positionTooltip(): void {
-    if (this.hostElement && this._elementRef && this._elementRef.nativeElement) {
-      const rect: ClientRect = this.hostElement.getBoundingClientRect();
-      const ownRect: ClientRect = this._elementRef.nativeElement.getBoundingClientRect();
-      let wantedLeft: number = rect.left;
-      let wantedTop: number = rect.top - ownRect.height;
-
-      if (wantedTop < 0) { // out of view, move to bottom
-        this.bottom = true;
-        wantedTop = rect.bottom;
-      } else {
-        this.bottom = false;
-      }
-
-      this.left = wantedLeft;
-      this.top = wantedTop;
-
-      this._changeDetector.markForCheck();
-      this._changeDetector.detectChanges();
-    }
-  }
-}

package/src/lib/components/tooltip/tooltip.module.ts

@@ -1,17 +0,0 @@
-import {NgModule} from "@angular/core";
-import {CommonModule} from "@angular/common";
-import {TooltipComponent} from "./tooltip.component";
-
-@NgModule({
-    imports: [
-        CommonModule
-    ],
-    declarations: [
-        TooltipComponent
-    ],
-    exports: [
-        TooltipComponent
-    ]
-})
-export class TooltipModule {
-}

package/src/lib/components/validation-error/validation-error.component.ts

@@ -1,45 +0,0 @@
-import {Component, ElementRef, HostBinding, Input, ViewEncapsulation} from '@angular/core';
-import {CoreComponentsIcon} from "../../core/enum/core-components-icon.enum";
-import {IconCacheService} from "../icon/icon-cache.service";
-
-@Component({
-  selector: "co-validation-error",
-  template: `
-      <div class="validation-error-wrapper" [overlay]="parentForOverlay">
-          <div class="validation-error-content">
-              <co-icon [iconData]="icons.getIcon(Icons.InformationRoundOpen)"></co-icon>
-              <div class="validation-error-message" [textContent]="error | coreLocalize"></div>
-          </div>
-      </div>
-  `,
-  animations: [
-
-  ],
-  encapsulation: ViewEncapsulation.None,
-})
-export class ValidationErrorComponent {
-  public readonly Icons: any = CoreComponentsIcon;
-
-  @Input()
-  public error: string;
-
-  @Input()
-  public parentForOverlay: ElementRef;
-
-  @HostBinding('style.top.px')
-  @Input()
-  public top: number;
-
-  @HostBinding('style.left.px')
-  @Input()
-  public left: number;
-
-  @HostBinding('class.co-validation-error')
-  public showClass(): boolean {
-    return true;
-  }
-
-  constructor(public icons: IconCacheService) {
-  }
-
-}

package/src/lib/components/validation-error/validation-error.module.ts

@@ -1,24 +0,0 @@
-import {NgModule} from "@angular/core";
-import {CommonModule} from "@angular/common";
-import {ValidationErrorComponent} from "./validation-error.component";
-import {IconModule} from "../icon/icon.module";
-import {OverlayModule} from '../../directives/overlay/overlay.module';
-import {CoreComponentsTranslationModule} from '../../translation/core-components-translation.module';
-
-@NgModule({
-    imports: [
-        CommonModule,
-        IconModule,
-        OverlayModule,
-        CoreComponentsTranslationModule
-    ],
-  declarations: [
-    ValidationErrorComponent
-  ],
-  exports: [
-    ValidationErrorComponent
-  ]
-})
-export class ValidationErrorModule {
-
-}

package/src/lib/components/view-mode-buttons/content-view-mode.enum.ts

@@ -1,9 +0,0 @@
-// The different view modes for content, e.g. list, grid, ..
-export enum ContentViewMode {
-    List,
-    Grid,
-    GridExpanded,
-    MasterDetail,
-    Timeline,
-    Tiles,
-}

package/src/lib/components/view-mode-buttons/view-mode-buttons.component.ts

@@ -1,63 +0,0 @@
-import { Component, EventEmitter, HostBinding, Input, OnInit, Output, ViewEncapsulation } from "@angular/core";
-import { ContentViewMode} from "./content-view-mode.enum";
-import { CoreComponentsIcon} from "../../core/enum/core-components-icon.enum";
-import { IconCacheService} from "../icon/icon-cache.service";
-
-@Component({
-  selector: 'co-view-mode-buttons',
-  template: `
-    <co-button class="view-button"
-               *ngIf="showViewModes.includes(viewModes.Tiles)"
-               [class.selected]="this.activeViewMode === viewModes.Tiles"
-               [iconData]="iconCacheService.getIcon(icons.ListView)"
-               [title]="'TILE_VIEW'"
-               (click)="this.activeViewMode = viewModes.Tiles"></co-button>
-    <co-button class="view-button"
-               *ngIf="showViewModes.includes(viewModes.List)"
-               [class.selected]="this.activeViewMode === viewModes.List"
-               [iconData]="iconCacheService.getIcon(icons.ThickLines)"
-               [title]="'LIST_VIEW'"
-               (click)="this.activeViewMode = viewModes.List"></co-button>
-    <co-button class="view-button"
-               *ngIf="showViewModes.includes(viewModes.Grid)"
-               [class.selected]="this.activeViewMode === viewModes.Grid"
-               [iconData]="iconCacheService.getIcon(icons.ThinLines)"
-               [title]="'GRID_VIEW'"
-               (click)="this.activeViewMode = viewModes.Grid"></co-button>
-  `,
-  encapsulation: ViewEncapsulation.None
-})
-export class ViewModeButtonsComponent implements OnInit {
-  public readonly icons: typeof CoreComponentsIcon = CoreComponentsIcon;
-  public readonly viewModes: typeof ContentViewMode = ContentViewMode;
-
-  @Input()
-  public showViewModes: ContentViewMode[] = [this.viewModes.List, this.viewModes.Grid, this.viewModes.Tiles];
-
-  @Output()
-  public viewModeChange: EventEmitter<ContentViewMode> = new EventEmitter<ContentViewMode>();
-
-  @HostBinding("class.co-view-mode-buttons")
-  public showClass(): boolean {
-    return true;
-  }
-
-  public set activeViewMode(value: ContentViewMode) {
-    this._activeViewMode = value;
-    this.viewModeChange.emit(this._activeViewMode);
-  }
-
-  public get activeViewMode(): ContentViewMode {
-    return this._activeViewMode;
-  }
-
-  private _activeViewMode: ContentViewMode;
-
-  public ngOnInit(): void {
-    this.activeViewMode = this.showViewModes.includes(ContentViewMode.List) ? ContentViewMode.List : this.showViewModes[0];
-  }
-
-  constructor(public iconCacheService: IconCacheService) {
-  }
-
-}

package/src/lib/components/view-mode-buttons/view-mode-buttons.module.ts

@@ -1,19 +0,0 @@
-import {NgModule} from "@angular/core";
-import {CommonModule} from "@angular/common";
-import {ViewModeButtonsComponent} from "./view-mode-buttons.component";
-import {ButtonModule} from "../button/button.module";
-
-@NgModule({
-  imports: [
-    CommonModule,
-    ButtonModule,
-  ],
-  declarations: [
-    ViewModeButtonsComponent
-  ],
-  exports: [
-    ViewModeButtonsComponent
-  ]
-})
-export class ViewModeButtonsModule {
-}