@devopmaat/badaboom 1.3.0 → 1.3.2

package/lib/application/common/full-table/bdb-full-table.component.d.ts

@@ -11,6 +11,7 @@ export declare class BdbFullTableComponent<TEntityRead extends BdbEntity> {
     dataSource: BdbDataSource<TEntityRead>;
     columns: BdbColumn<TEntityRead, unknown>[];
     displayedColumns: string[];
+    autoLoad?: boolean;
     selection?: SelectionModel<TEntityRead>;
     contextActions: BdbContextAction<TEntityRead>[];
     rowColor?: (x: TEntityRead) => BdbM3Palette;
@@ -22,5 +23,5 @@ export declare class BdbFullTableComponent<TEntityRead extends BdbEntity> {
     }>;
     cellTemplates: QueryList<BdbCellDirective> | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<BdbFullTableComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BdbFullTableComponent<any>, "bdb-full-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "contextActions": { "alias": "contextActions"; "required": false; }; "rowColor": { "alias": "rowColor"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; }, { "rowClick": "rowClick"; "contextAction": "contextAction"; }, ["cellTemplates"], ["toolbar-item"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BdbFullTableComponent<any>, "bdb-full-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; }; "autoLoad": { "alias": "autoLoad"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "contextActions": { "alias": "contextActions"; "required": false; }; "rowColor": { "alias": "rowColor"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; }, { "rowClick": "rowClick"; "contextAction": "contextAction"; }, ["cellTemplates"], ["toolbar-item"], true, never>;
 }

package/lib/application/common/table/_bdb-table-theme.scss

@@ -0,0 +1,71 @@
+@use 'sass:map';
+@use 'sass:color';
+@use '@angular/material' as mat;
+@use '../../../styles/core-theme' as bdb;
+
+@mixin color($mat-theme, $bdb-theme) {
+  & {
+    .bdb-table > tbody > tr {
+      &:hover {
+        background-color: var(--bdb-table-row-info-hover);
+      }
+      &.selected {
+        background-color: var(--bdb-table-row-info-selected);
+        &:hover {
+          background-color: var(--bdb-table-row-info-selected-hover);
+        }
+      }
+    }
+
+    @each $palette-name in bdb.$palette-names {
+      $bg: bdb.bdb-get-theme-color($mat-theme, $bdb-theme, $palette-name, 40);
+      --bdb-table-row-#{$palette-name}: light-dark(
+        #{color.change($bg, $lightness: 93%)},
+        #{color.change($bg, $lightness: 10%)}
+      );
+      --bdb-table-row-#{$palette-name}-hover: light-dark(
+        #{color.change($bg, $lightness: 90%)},
+        #{color.change($bg, $lightness: 15%)}
+      );
+      --bdb-table-row-#{$palette-name}-selected: light-dark(
+        #{color.change($bg, $lightness: 75%)},
+        #{color.change($bg, $lightness: 25%)}
+      );
+      --bdb-table-row-#{$palette-name}-selected-hover: light-dark(
+        #{color.change($bg, $lightness: 65%)},
+        #{color.change($bg, $lightness: 30%)}
+      );
+
+      .bdb-table > tbody > tr {
+        @each $palette-name in bdb.$palette-names {
+          &.#{$palette-name},
+          &.bdb-#{$palette-name} {
+            background-color: var(--bdb-table-row-#{$palette-name});
+            &:hover {
+              background-color: var(--bdb-table-row-#{$palette-name}-hover);
+            }
+            &.selected {
+              background-color: var(--bdb-table-row-#{$palette-name}-selected);
+              &:hover {
+                background-color: var(--bdb-table-row-#{$palette-name}-selected-hover);
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+@mixin typography($theme) {
+}
+
+@mixin theme($mat-theme, $bdb-theme) {
+  @if mat.theme-has($mat-theme, color) {
+    @include color($mat-theme, $bdb-theme);
+  }
+
+  // @if mat.theme-has($mat-theme, typography) {
+  //   @include typography($mat-theme);
+  // }
+}

package/lib/application/common/table/bdb-table.component.d.ts

@@ -9,12 +9,13 @@ import { BdbDataSource } from '../bdb-data-source';
 import { BdbContextAction } from './bdb-context-action';
 import { BdbCellDirective } from './bdb-cell.directive';
 import { BdbColumnType } from './bdb-column-type';
-import { BdbPalette, BdbM3Palette } from '../../../common/bdb-palette';
+import { BdbM3Palette } from '../../../common/bdb-palette';
 import * as i0 from "@angular/core";
 export declare class BdbTableComponent<TRead extends BdbEntity> implements OnInit, OnChanges, AfterContentInit, OnDestroy {
     private readonly _onDestroy;
     columns: BdbColumn<TRead, unknown>[];
     dataSource: BdbDataSource<TRead>;
+    autoLoad?: boolean;
     displayedColumns: string[];
     contextActions: BdbContextAction<TRead>[];
     selection?: SelectionModel<TRead>;
@@ -34,7 +35,7 @@ export declare class BdbTableComponent<TRead extends BdbEntity> implements OnIni
         x: string;
         y: string;
     };
-    rowColor?: (x: TRead) => BdbPalette | BdbM3Palette;
+    rowColor?: (x: TRead) => BdbM3Palette;
     trackById: TrackByFunction<BdbEntity>;
     ngOnInit(): void;
     ngOnChanges(): void;
@@ -53,5 +54,5 @@ export declare class BdbTableComponent<TRead extends BdbEntity> implements OnIni
         [klass: string]: unknown;
     } | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<BdbTableComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BdbTableComponent<any>, "bdb-table[dataSource]", never, { "columns": { "alias": "columns"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; }; "contextActions": { "alias": "contextActions"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "selectOnRowClick": { "alias": "selectOnRowClick"; "required": false; }; "selectedRowClass": { "alias": "selectedRowClass"; "required": false; }; "isClickable": { "alias": "isClickable"; "required": false; }; "rowColor": { "alias": "rowColor"; "required": false; }; }, { "rowClick": "rowClick"; "contextAction": "contextAction"; }, ["cellTemplates"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BdbTableComponent<any>, "bdb-table[dataSource]", never, { "columns": { "alias": "columns"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "autoLoad": { "alias": "autoLoad"; "required": false; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; }; "contextActions": { "alias": "contextActions"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "selectOnRowClick": { "alias": "selectOnRowClick"; "required": false; }; "selectedRowClass": { "alias": "selectedRowClass"; "required": false; }; "isClickable": { "alias": "isClickable"; "required": false; }; "rowColor": { "alias": "rowColor"; "required": false; }; }, { "rowClick": "rowClick"; "contextAction": "contextAction"; }, ["cellTemplates"], ["*"], true, never>;
 }

package/lib/application/media/media-display/media-display.component.d.ts

@@ -0,0 +1,23 @@
+import { OnChanges } from '@angular/core';
+import { MediaType } from '../../../domain/enums/media-type';
+import { Media } from '../../../domain/entities/media/media';
+import * as i0 from "@angular/core";
+export declare class BdbMediaDisplayComponent implements OnChanges {
+    media?: Media;
+    mode: 'preview' | 'live';
+    width?: number;
+    height?: number;
+    alt?: string;
+    bdbOptions: import("../../../bdb-options").BdbOptions;
+    src?: string;
+    mediaType: typeof MediaType;
+    hasError: boolean;
+    noMediaUrl?: string;
+    ngOnChanges(): void;
+    getSource(media?: Media, download?: boolean): string | undefined;
+    errorHandler(): void;
+    getDownloadUrl(): string | undefined;
+    getFileExtension(fileName: string): string | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BdbMediaDisplayComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BdbMediaDisplayComponent, "bdb-media-display", never, { "media": { "alias": "media"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/application/media/media-full-table/media-full-table.component.d.ts

@@ -0,0 +1,24 @@
+import { EventEmitter } from '@angular/core';
+import { MediaRead } from '../../../domain/entities/media/media-read';
+import { BdbContextAction } from '../../common/table/bdb-context-action';
+import { BdbDataSource } from '../../common/bdb-data-source';
+import { BdbColumnBuilder } from '../../common/table/bdb-column-builder';
+import { BdbColumn } from '../../common/table/bdb-column';
+import { SelectionModel } from '@angular/cdk/collections';
+import * as i0 from "@angular/core";
+export declare class MediaFullTableComponent {
+    dataSource: BdbDataSource<MediaRead>;
+    displayedColumns: string[];
+    selection?: SelectionModel<MediaRead>;
+    showToolbar: boolean;
+    contextActions: BdbContextAction<MediaRead>[];
+    contextAction: EventEmitter<{
+        action: BdbContextAction<MediaRead>;
+        row: MediaRead;
+    }>;
+    rowClick: EventEmitter<MediaRead>;
+    cb: BdbColumnBuilder<MediaRead>;
+    columns: BdbColumn<MediaRead, unknown>[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<MediaFullTableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MediaFullTableComponent, "bdb-media-full-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; "contextActions": { "alias": "contextActions"; "required": false; }; }, { "contextAction": "contextAction"; "rowClick": "rowClick"; }, never, ["toolbar-item", "*"], true, never>;
+}

package/lib/application/media/media-table/media-table.component.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter } from '@angular/core';
+import { BdbDataSource } from '../../common/bdb-data-source';
+import { BdbColumn } from '../../common/table/bdb-column';
+import { BdbContextAction } from '../../common/table/bdb-context-action';
+import { MediaRead } from '../../../domain/entities/media/media-read';
+import { BdbColumnBuilder } from '../../common/table/bdb-column-builder';
+import * as i0 from "@angular/core";
+export declare class MediaTableComponent {
+    dataSource: BdbDataSource<MediaRead>;
+    displayedColumns: string[];
+    contextActions: BdbContextAction<MediaRead>[];
+    contextAction: EventEmitter<{
+        action: BdbContextAction<MediaRead>;
+        row: MediaRead;
+    }>;
+    rowClick: EventEmitter<MediaRead>;
+    cb: BdbColumnBuilder<MediaRead>;
+    columns: BdbColumn<MediaRead, unknown>[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<MediaTableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MediaTableComponent, "bdb-media-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; }; "contextActions": { "alias": "contextActions"; "required": false; }; }, { "contextAction": "contextAction"; "rowClick": "rowClick"; }, never, never, true, never>;
+}

package/lib/application/media/media-type.pipe.d.ts

@@ -0,0 +1,8 @@
+import { PipeTransform } from '@angular/core';
+import { MediaType } from '../../domain/enums/media-type';
+import * as i0 from "@angular/core";
+export declare class MediaTypePipe implements PipeTransform {
+    transform(value: MediaType | undefined): string | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MediaTypePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<MediaTypePipe, "mediaType", true>;
+}

package/lib/application/media/media-upload/media-drop.directive.d.ts

@@ -0,0 +1,27 @@
+import { HttpErrorResponse } from '@angular/common/http';
+import { EventEmitter } from '@angular/core';
+import { MediaService } from '../../../domain/entities/media/media.service';
+import { Media } from '../../../domain/entities/media/media';
+import * as i0 from "@angular/core";
+export interface ImageFile {
+    file: File;
+    url: string;
+}
+declare enum DropClass {
+    Default = "drop-box",// Default color
+    Over = "drop-hover"
+}
+export declare class MediaDropDirective {
+    private service;
+    dropStart: EventEmitter<unknown>;
+    dropComplete: EventEmitter<Media>;
+    dropError: EventEmitter<HttpErrorResponse>;
+    constructor(service: MediaService);
+    hostClass: DropClass;
+    dragOver(event: DragEvent): void;
+    dragLeave(event: DragEvent): void;
+    drop(event: DragEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MediaDropDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MediaDropDirective, "[bdbMediaDrop]", never, {}, { "dropStart": "dropStart"; "dropComplete": "dropComplete"; "dropError": "dropError"; }, never, never, true, never>;
+}
+export {};

package/lib/application/media/media-upload/media-upload.component.d.ts

@@ -0,0 +1,15 @@
+import { EventEmitter } from '@angular/core';
+import { HttpErrorResponse } from '@angular/common/http';
+import { Media } from '../../../domain/entities/media/media';
+import * as i0 from "@angular/core";
+export declare class BdbMediaUploadComponent {
+    size: number;
+    icon: string;
+    mediaUploaded: EventEmitter<Media>;
+    dropError: EventEmitter<HttpErrorResponse | undefined>;
+    onDropComplete($event: Media | undefined): void;
+    onDropError($event: HttpErrorResponse): void;
+    onDropStart(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BdbMediaUploadComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BdbMediaUploadComponent, "bdb-media-upload", never, { "size": { "alias": "size"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, { "mediaUploaded": "mediaUploaded"; "dropError": "dropError"; }, never, never, true, never>;
+}

package/lib/application/task-log/task-log-outcome.pipe.d.ts

@@ -2,7 +2,7 @@ import { PipeTransform } from '@angular/core';
 import { TaskLogOutcome } from '../../domain/enums/task-log-outcome';
 import * as i0 from "@angular/core";
 export declare class TaskLogOutcomePipe implements PipeTransform {
-    transform(value: TaskLogOutcome): string;
+    transform(value: TaskLogOutcome | undefined): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<TaskLogOutcomePipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<TaskLogOutcomePipe, "taskLogOutcome", true>;
 }

package/lib/application/task-log/task-log-status.pipe.d.ts

@@ -2,7 +2,7 @@ import { PipeTransform } from '@angular/core';
 import { TaskLogStatus } from '../../domain/enums/task-log-status';
 import * as i0 from "@angular/core";
 export declare class TaskLogStatusPipe implements PipeTransform {
-    transform(value: TaskLogStatus): string;
+    transform(value: TaskLogStatus | undefined): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<TaskLogStatusPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<TaskLogStatusPipe, "taskLogStatus", true>;
 }

package/lib/bdb-options.d.ts

@@ -2,13 +2,16 @@ import { InjectionToken } from '@angular/core';
 import { BdbAuthOptions, BdbAuthOptionsConfigure } from './bdb-auth-options';
 export interface BdbOptions {
     backendUrl: string;
+    mediaUrl: string;
     authOptions?: BdbAuthOptions;
 }
 export declare class BdbOptionsBuilder {
     private _backendUrl;
+    private _mediaUrl;
     private _auth?;
     constructor(configure: BdbOptionsConfigure);
     set backendUrl(url: string);
+    set mediaUrl(url: string);
     addAuth(configure: BdbAuthOptionsConfigure): void;
     build(): BdbOptions;
 }

package/lib/common/alert/_bdb-alert-theme.scss

@@ -0,0 +1,39 @@
+@use 'sass:map';
+@use '@angular/material' as mat;
+@use '../../styles/core-theme' as bdb;
+
+@mixin color($theme) {
+  @each $palette-name in bdb.$palette-names {
+    $bg: bdb.palette-color($palette-name);
+    $fg: bdb.on-palette-color($palette-name);
+    $bg-container: bdb.palette-color($palette-name, true);
+    $fg-container: bdb.on-palette-color($palette-name, true);
+    .#{$palette-name}.bdb-alert {
+      --bdb-alert-container-color: #{$bg};
+      --bdb-alert-icon-color: #{$fg};
+      --bdb-alert-border-color: #{$bg};
+      --bdb-alert-content-color: #{$fg-container};
+      --bdb-alert-content-container-color: inherit;
+    }
+    .#{$palette-name}-container.bdb-alert {
+      --bdb-alert-container-color: #{$bg};
+      --bdb-alert-icon-color: #{$fg};
+      --bdb-alert-border-color: #{$bg};
+      --bdb-alert-content-container-color: #{$bg-container};
+      --bdb-alert-content-color: #{$fg-container};
+    }
+  }
+}
+
+@mixin typography($theme) {
+}
+
+@mixin theme($theme) {
+  @if mat.theme-has($theme, color) {
+    @include color($theme);
+  }
+
+  @if mat.theme-has($theme, typography) {
+    @include typography($theme);
+  }
+}

package/lib/common/alert/bdb-alert.component.d.ts

@@ -1,20 +1,10 @@
-import { ElementRef } from '@angular/core';
-import { CanColor } from '../color';
-import { BdbPalette } from '../bdb-palette';
 import * as i0 from "@angular/core";
-declare const _BdbAlertBase: import("../constructor").Constructor<CanColor> & import("../constructor").AbstractConstructor<CanColor> & {
-    new (_elementRef: ElementRef): {
-        _elementRef: ElementRef;
-    };
-};
-export declare class BdbAlertComponent extends _BdbAlertBase implements CanColor {
+export declare class BdbAlertComponent {
     class: string;
-    color: BdbPalette;
     label: string;
     icon: string;
     inline: boolean;
-    constructor(elementRef: ElementRef);
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<BdbAlertComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BdbAlertComponent, "bdb-alert", never, { "color": { "alias": "color"; "required": false; }; "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BdbAlertComponent, "bdb-alert", never, { "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
-export {};

package/lib/common/alert-error-response/bdb-alert-error-response.component.d.ts

@@ -1,12 +1,10 @@
 import { HttpErrorResponse } from '@angular/common/http';
 import { OnChanges } from '@angular/core';
-import { BdbPalette } from '../bdb-palette';
 import * as i0 from "@angular/core";
 export declare class BdbAlertErrorResponseComponent implements OnChanges {
     value: HttpErrorResponse | undefined | null;
     loginFailed: boolean;
     alertClass: string;
-    color: BdbPalette;
     icon: string;
     label: string;
     message: string;

package/lib/common/collapse-row/{_collapse-row-theme.scss → _bdb-collapse-row-theme.scss}

@@ -1,23 +1,24 @@
 @use 'sass:map';
 @use '@angular/material' as mat;
+@use '../../styles/core-theme' as bdb;
 
 @mixin color($theme) {
   .bdb-collapse-row .indicator {
     .top,
     .middle,
     .bottom {
-      color: var(--sys-on-surface);
-      background-color: var(--sys-surface-container);
+      color: var(--mat-sys-on-surface);
+      background-color: var(--mat-sys-surface-container);
     }
   }
 
-  @each $palette-name in primary, secondary, tertiary, error, success, warn, info {
+  @each $palette-name in bdb.$palette-names {
     .bdb-collapse-row.#{$palette-name} .indicator {
       .top,
       .middle,
       .bottom {
-        color: var(--sys-on-#{$palette-name}-container);
-        background-color: var(--sys-#{$palette-name}-container);
+        color: bdb.palette-color($palette-name);
+        background-color: bdb.palette-color($palette-name, true);
       }
     }
   }

package/lib/common/field/_bdb-field-theme.scss

@@ -0,0 +1,39 @@
+@use 'sass:map';
+@use '@angular/material' as mat;
+@use '../../styles/core-theme' as bdb;
+
+@mixin color($theme) {
+  & {
+    --bdb-field-border-color: var(--mat-sys-surface-container-high);
+    --bdb-field-color: var(--mat-sys-on-surface);
+    --bdb-field-label-color: var(--mat-sys-on-surface-variant);
+
+    @if mat.get-theme-type($theme) == dark {
+      --bdb-field-container-color: var(--mat-sys-surface-container);
+    } @else {
+      --bdb-field-container-color: var(--mat-sys-surface-container-low);
+    }
+  }
+
+  @each $palette-name in bdb.$palette-names {
+    .bdb-field.#{$palette-name} {
+      border-bottom-color: bdb.palette-color($palette-name);
+    }
+    .bdb-field.#{$palette-name}-container {
+      border-bottom-color: bdb.palette-color($palette-name, true);
+    }
+  }
+}
+
+@mixin typography($theme) {
+}
+
+@mixin theme($theme) {
+  @if mat.theme-has($theme, color) {
+    @include color($theme);
+  }
+
+  @if mat.theme-has($theme, typography) {
+    @include typography($theme);
+  }
+}

package/lib/common/file-size.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class FileSizePipe implements PipeTransform {
+    transform(bytes: number | undefined): string | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileSizePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<FileSizePipe, "fileSize", true>;
+}

package/lib/common/youtube-player/youtube-player.component.d.ts

@@ -0,0 +1,14 @@
+import { AfterViewInit, ChangeDetectorRef, ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class BdbYoutubePlayerComponent implements AfterViewInit {
+    private changeDetectorRef;
+    youTubePlayer: ElementRef<HTMLDivElement>;
+    videoHeight: number | undefined;
+    videoWidth: number | undefined;
+    videoId?: string;
+    constructor(changeDetectorRef: ChangeDetectorRef);
+    ngAfterViewInit(): void;
+    onResize(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BdbYoutubePlayerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BdbYoutubePlayerComponent, "bdb-youtube-player", never, { "videoId": { "alias": "videoId"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/domain/enums/media-type.d.ts

@@ -3,3 +3,4 @@ export declare enum MediaType {
     Video = "Video",
     File = "File"
 }
+export declare const MediaTypeMap: Map<MediaType, string>;

package/lib/domain/enums/task-log-outcome.d.ts

@@ -5,3 +5,4 @@ export declare enum TaskLogOutcome {
     Warning = "Warning",
     Error = "Error"
 }
+export declare const TaskLogOutcomeMap: Map<TaskLogOutcome, string>;

package/lib/domain/enums/task-log-status.d.ts

@@ -4,3 +4,4 @@ export declare enum TaskLogStatus {
     Waiting = "Waiting",
     Completed = "Completed"
 }
+export declare const TaskLogStatusMap: Map<TaskLogStatus, string>;

package/lib/styles/_core-theme.scss

@@ -8,23 +8,60 @@ $badaboom-palettes: 'info', 'success', 'warn';
 
 $palette-names: list.join($material-palettes, $badaboom-palettes, $separator: auto, $bracketed: auto);
 
-@function bdb-get-theme-color($bdb-theme, $palette-name, $hue) {
+@function bdb-get-theme-color($mat-theme, $bdb-theme, $palette-name, $hue) {
   @if not list.index($palette-names, $palette-name) {
     @error "#{$palette-name} is not a valid BaDaBoom palette. Expected one of #{$palette-names}.";
   }
-  @if not list.index($material-palettes, $palette-name) {
+  @if list.index($badaboom-palettes, $palette-name) {
     $colors: map.get($bdb-theme, color);
     @if meta.type-of($colors) == 'map' {
       $palette-map: map.get($colors, $palette-name);
       @if meta.type-of($palette-map) == 'map' {
         @return map.get($palette-map, $hue);
       } @else {
-        @warn "Make sure `#{$palette-name}` is a Sass map.";
+        @error "Make sure `#{$palette-name}` is a Sass map.";
       }
     } @else {
-      @warn "Make sure `color` is a Sass map.";
+      @error "Make sure `color` is a Sass map.";
     }
   } @else {
-    @return mat.get-theme-color($bdb-theme, $palette-name, $hue);
+    $colors: map.get($mat-theme, color);
+    $palette: red;
+    @if ($palette-name == 'primary' or $palette-name == 'tertiary') {
+      $palette: map.get($colors, $palette-name);
+    } @else {
+      // only primary and tertiary are directly accessible, other palettes are nested in primary (for reasons that elude and vex me)
+      $primary-palette: map.get($colors, primary);
+      $palette: map.get($primary-palette, $palette-name);
+    }
+    @return map.get($palette, $hue);
+  }
+}
+
+@function palette-color($palette-name, $container: false) {
+  @if not list.index($palette-names, $palette-name) {
+    @error "#{$palette-name} is not a valid BaDaBoom palette. Expected one of #{$palette-names}.";
+  }
+  $prefix: '--bdb-sys';
+  @if list.index($material-palettes, $palette-name) {
+    $prefix: '--mat-sys';
+  }
+  @if ($container) {
+    @return var(#{$prefix}-#{$palette-name}-container);
+  }
+  @return var(#{$prefix}-#{$palette-name});
+}
+
+@function on-palette-color($palette-name, $container: false) {
+  @if not list.index($palette-names, $palette-name) {
+    @error "#{$palette-name} is not a valid BaDaBoom palette. Expected one of #{$palette-names}.";
+  }
+  $prefix: '--bdb-sys';
+  @if list.index($material-palettes, $palette-name) {
+    $prefix: '--mat-sys';
+  }
+  @if ($container) {
+    @return var(#{$prefix}-on-#{$palette-name}-container);
   }
+  @return var(#{$prefix}-on-#{$palette-name});
 }