@elderbyte/ngx-starter 14.12.0-beta6 → 14.12.0

package/src/lib/components/theme/elder-theme.module.ts

@@ -1,52 +0,0 @@
-import {APP_INITIALIZER, NgModule} from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ElderThemeApplierDirective } from './elder-theme-applier.directive';
-import { ElderThemeToggleComponent } from './elder-theme-toggle/elder-theme-toggle.component';
-import {MatSlideToggleModule} from '@angular/material/slide-toggle';
-import {MatIconModule} from '@angular/material/icon';
-import {FormsModule} from '@angular/forms';
-import {ElderThemePreferenceService} from './elder-theme-preference.service';
-import { ElderThemeDirective } from './elder-theme.directive';
-
-export {ThemeSpec} from './theme-spec';
-export {KnownElderThemes} from './known-elder-themes';
-export {ElderThemeService} from './elder-theme.service';
-export {ElderThemePreferenceService} from './elder-theme-preference.service';
-export {ElderThemeApplierDirective} from './elder-theme-applier.directive';
-export {ElderThemeToggleComponent} from './elder-theme-toggle/elder-theme-toggle.component';
-export {ElderThemeDirective} from './elder-theme.directive';
-
-export function themeInit(thpref: ElderThemePreferenceService) {
-  return () => {
-    // Required so the ElderThemePreferenceService is initialized
-  };
-}
-
-@NgModule({
-  imports: [
-    CommonModule,
-    MatSlideToggleModule,
-    MatIconModule,
-    FormsModule
-  ],
-  declarations: [
-    ElderThemeApplierDirective,
-    ElderThemeToggleComponent,
-    ElderThemeDirective
-  ],
-  exports: [
-    ElderThemeApplierDirective,
-    ElderThemeToggleComponent,
-    ElderThemeDirective
-  ],
-  providers: [
-    {
-      provide: APP_INITIALIZER,
-      useFactory: themeInit,
-      deps: [ElderThemePreferenceService],
-      multi: true
-    }
-  ]
-})
-export class ElderThemeModule { }
-

package/src/lib/components/theme/elder-theme.service.ts

@@ -1,151 +0,0 @@
-import {Injectable, Renderer2} from '@angular/core';
-import {LoggerFactory} from '@elderbyte/ts-logger';
-import {BehaviorSubject, Observable} from 'rxjs';
-import {ThemeSpec} from './theme-spec';
-import {filter, map} from 'rxjs/operators';
-import {KnownElderThemes} from './known-elder-themes';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class ElderThemeService {
-
-  /***************************************************************************
-   *                                                                         *
-   * Fields                                                                  *
-   *                                                                         *
-   **************************************************************************/
-
-  private readonly logger = LoggerFactory.getLogger(this.constructor.name);
-
-  private readonly _activeTheme$ = new BehaviorSubject<ThemeSpec>(null);
-  private readonly _defaultTheme$ = new BehaviorSubject<ThemeSpec>(null);
-  private readonly _themes$ = new BehaviorSubject<Map<string, ThemeSpec>>(new Map());
-
-  /***************************************************************************
-   *                                                                         *
-   * Constructor                                                             *
-   *                                                                         *
-   **************************************************************************/
-
-  constructor() {
-    this.registerTheme(KnownElderThemes.ELDER_LIGHT, true);
-    this.registerTheme(KnownElderThemes.ELDER_DARK);
-  }
-
-  /***************************************************************************
-   *                                                                         *
-   * Properties                                                              *
-   *                                                                         *
-   **************************************************************************/
-
-  public get defaultTheme$(): Observable<ThemeSpec> {
-    return this._defaultTheme$.asObservable();
-  }
-
-  public get defaultThemeSnapshot(): ThemeSpec {
-    return this._defaultTheme$.getValue();
-  }
-
-  public get themes$(): Observable<ThemeSpec[]> {
-    return this._themes$.pipe(
-      map(themeMap => Array.from(themeMap.values()))
-    );
-  }
-
-  public get themesSnapshot(): ThemeSpec[] {
-    return Array.from(this._themes$.getValue().values());
-  }
-
-  public get activeThemeSnapshot(): ThemeSpec {
-    return this._activeTheme$.getValue();
-  }
-
-  public get activeTheme$(): Observable<ThemeSpec> {
-    return this._activeTheme$
-      .asObservable()
-      .pipe(filter(theme => !!theme));
-  }
-
-  /***************************************************************************
-   *                                                                         *
-   * Public API                                                              *
-   *                                                                         *
-   **************************************************************************/
-
-  public activateTheme(themeId: string): void {
-    const theme = this.findTheme(themeId);
-    if (theme) {
-      this.logger.info('Activating theme ' + themeId);
-      this._activeTheme$.next(theme);
-    } else {
-      this.logger.warn('Failed to activate theme ' + themeId + ' -> could not find registered theme with this id!');
-    }
-  }
-
-  public defaultTheme(themeId: string) {
-    const theme = this.findTheme(themeId);
-    if (theme) {
-      this._defaultTheme$.next(theme);
-    }
-  }
-
-  public registerTheme(theme: ThemeSpec, markDefault?: boolean): void {
-    this.modifyThemes(
-      themeMap => themeMap.set(theme.id, theme)
-    );
-    if (markDefault || !this._defaultTheme$.getValue()) {
-      this._defaultTheme$.next(theme);
-    }
-  }
-
-  public unregisterTheme(themeId: string) {
-    this.modifyThemes(
-      themeMap => themeMap.delete(themeId)
-    );
-  }
-
-  public clearThemes() {
-    this.modifyThemes(
-      themeMap => themeMap.clear()
-    );
-  }
-
-  /***************************************************************************
-   *                                                                         *
-   * Private methods                                                         *
-   *                                                                         *
-   **************************************************************************/
-
-  private findTheme(themeId: string): ThemeSpec | null {
-    const themes = this._themes$.getValue();
-    return themes.get(themeId);
-  }
-
-  private modifyThemes(
-    themesFn: (themeMap: Map<string, ThemeSpec>) => void
-  ) {
-    const themes = new Map(this._themes$.getValue());
-    themesFn(themes);
-    this.cleanUpDefaultTheme(themes);
-    this._themes$.next(themes);
-  }
-
-  private cleanUpDefaultTheme(
-    availableThemes: Map<string, ThemeSpec>
-  ): void {
-    const currentDefault = this.defaultThemeSnapshot;
-    if (currentDefault) {
-      if (!availableThemes.has(currentDefault.id)) {
-        const available = availableThemes.values();
-        const newDefault = available.next().value as ThemeSpec;
-        if (newDefault) {
-          this._defaultTheme$.next(newDefault);
-        } else {
-          this._defaultTheme$.next(null);
-        }
-      }
-    }
-  }
-
-}

package/src/lib/components/theme/known-elder-themes.ts

@@ -1,17 +0,0 @@
-import {ThemeSpec} from './theme-spec';
-
-export class KnownElderThemes {
-  public static ELDER_LIGHT = new ThemeSpec(
-    'elder-light',
-    'Elder Light',
-    'elder-light-theme',
-    false
-  );
-
-  public static ELDER_DARK = new ThemeSpec(
-    'elder-dark',
-    'Elder Dark',
-    'elder-dark-theme',
-    true
-  );
-}

package/src/lib/components/theme/theme-spec.ts

@@ -1,32 +0,0 @@
-import {ThemePalette} from '@angular/material/core';
-
-export class ThemeSpec {
-
-  /**
-   * Hero Background is a background color which should
-   * highlight the app theme. Usually its the primary palette.
-   */
-  public readonly heroBackground: ThemePalette;
-
-  /**
-   * Hero Icon is the color of icons which are displayed on
-   * top of hero backgrounds. It should look well on it.
-   */
-  public readonly heroIconColor: ThemePalette;
-
-  constructor(
-    public readonly id: string,
-    public readonly name: string,
-    public readonly cssClass: string,
-    public readonly dark: boolean,
-    heroBackground: ThemePalette = null,
-    heroIconColor: ThemePalette = null
-  ) {
-    this.heroBackground = (heroBackground != null)
-      ? heroBackground
-      : dark ? undefined : 'primary';
-    this.heroIconColor = (heroIconColor != null)
-      ? heroIconColor
-      : dark ? 'primary' : undefined;
-  }
-}

package/src/lib/components/time/date-adapters/custom-date-adapter.ts

@@ -1,34 +0,0 @@
-/** Adapts the native JS Date for use with cdk-based components that work with dates. */
-import { NativeDateAdapter } from '@angular/material/core';
-import { Injectable } from '@angular/core';
-import {LoggerFactory} from '@elderbyte/ts-logger';
-
-/**
- * Makes week starting at monday. For example MatDatePicker.
- */
-@Injectable()
-export class CustomDateAdapter extends NativeDateAdapter {
-
-  private readonly logger = LoggerFactory.getLogger(this.constructor.name);
-
-  getFirstDayOfWeek(): number {
-    return 1;
-  }
-
-  /*
-  parse(value: any): Date | null {
-
-    if (value) {
-
-      try {
-        return new Date(value);
-      } catch (err) {
-         this.logger.error('Failed to parse date ' + value, err);
-         return null;
-      }
-    } else {
-      return null;
-    }
-  }*/
-
-}

package/src/lib/components/time/duration/duration-bucket.ts

@@ -1,143 +0,0 @@
-/**
- * A duration bucket splits a duration into time parts.
- * This is used for formatting and editors.
- */
-import {Duration, Period} from '@js-joda/core';
-import {PeriodDuration} from '../../../common/time/period-duration';
-
-export class DurationBucket {
-
-  /***************************************************************************
-   *                                                                         *
-   * Constructor                                                             *
-   *                                                                         *
-   **************************************************************************/
-
-  constructor(
-    public readonly nanos: number,
-    public readonly seconds: number,
-    public readonly minutes: number,
-    public readonly hours: number,
-    public readonly days: number,
-    public readonly months: number,
-    public readonly years: number,
-  ) {
-  }
-
-  /***************************************************************************
-   *                                                                         *
-   * Public API                                                              *
-   *                                                                         *
-   **************************************************************************/
-
-  public withNanos(nanos: number): DurationBucket {
-    return new DurationBucket(
-      nanos,
-      this.seconds,
-      this.minutes,
-      this.hours,
-      this.days,
-      this.months,
-      this.years
-    );
-  }
-
-  public withSeconds(seconds: number): DurationBucket {
-    return new DurationBucket(
-      this.nanos,
-      seconds,
-      this.minutes,
-      this.hours,
-      this.days,
-      this.months,
-      this.years
-    );
-  }
-
-  public withMinutes(minutes: number): DurationBucket {
-    return new DurationBucket(
-      this.nanos,
-      this.seconds,
-      minutes,
-      this.hours,
-      this.days,
-      this.months,
-      this.years
-    );
-  }
-
-  public withHours(hours: number): DurationBucket {
-    return new DurationBucket(
-      this.nanos,
-      this.seconds,
-      this.minutes,
-      hours,
-      this.days,
-      this.months,
-      this.years
-    );
-  }
-
-  public withDays(days: number): DurationBucket {
-    return new DurationBucket(
-      this.nanos,
-      this.seconds,
-      this.minutes,
-      this.hours,
-      days,
-      this.months,
-      this.years
-    );
-  }
-
-  public withWeeks(weeks: number): DurationBucket {
-    return this.withDays(weeks * 7);
-  }
-
-  public withMonths(months: number): DurationBucket {
-    return new DurationBucket(
-      this.nanos,
-      this.seconds,
-      this.minutes,
-      this.hours,
-      this.days,
-      months,
-      this.years
-    );
-  }
-
-  public withYears(years: number): DurationBucket {
-    return new DurationBucket(
-      this.nanos,
-      this.seconds,
-      this.minutes,
-      this.hours,
-      this.days,
-      this.months,
-      years
-    );
-  }
-
-  public toDuration(): Duration {
-    return Duration.ofDays(
-      this.toPeriod().days()
-    ).plusHours(this.hours ?? 0)
-      .plusMinutes(this.minutes ?? 0)
-      .plusSeconds(this.seconds ?? 0)
-      .plusNanos(this.nanos ?? 0);
-  }
-
-  public toPeriodDuration(): PeriodDuration {
-    return PeriodDuration.of(
-      this.toPeriod(),
-      Duration.ofHours(this.hours ?? 0)
-        .plusMinutes(this.minutes ?? 0)
-        .plusSeconds(this.seconds ?? 0)
-        .plusNanos(this.nanos ?? 0)
-    );
-  }
-
-  public toPeriod(): Period {
-    return Period.of(this.years ?? 0, this.months ?? 0, this.days ?? 0);
-  }
-}