@mosa-ng/material 17.0.0

package/src/lib/services/facades/logger.facade.ts

@@ -0,0 +1,37 @@
+import { Injectable } from '@angular/core';
+import { ILog } from '@mosa-ng/core';
+import { BehaviorSubject, Observable } from 'rxjs';
+import { ILoggerState } from '../../models/states/logger-state.model';
+
+let _state: ILoggerState = {
+    logs: [],
+};
+
+@Injectable({
+    providedIn: 'root',
+})
+export class LoggerFacade {
+
+    protected store$: BehaviorSubject<ILoggerState>;
+
+    constructor() {
+        this.store$ = new BehaviorSubject<ILoggerState>(_state);
+    }
+
+    public get snapshot(): ILoggerState {
+        return this.store$.value;
+    }
+
+    public subState(): Observable<ILoggerState> {
+        return this.store$.asObservable();
+    }
+
+    public updateLogs(logs: ILog[]): void {
+        this.updateState({ ..._state, logs });
+    }
+
+    private updateState(state: ILoggerState): void {
+        this.store$.next(_state = state);
+    }
+
+}

package/src/lib/services/logger.service.ts

@@ -0,0 +1,49 @@
+import { Injectable } from '@angular/core';
+import { CoreLoggerService, ILoggerConfig, ILoggerDefaultConfig, LogType } from '@mosa-ng/core';
+import { LoggerComponent } from '../components/logger/logger.component';
+
+@Injectable({
+    providedIn: 'root',
+})
+export class LoggerService extends CoreLoggerService {
+
+    private loggerComp: LoggerComponent;
+
+    /**
+     * Default constructor
+     */
+    constructor() {
+        super();
+    }
+
+    /**
+     * Setter for logger
+     * @param component
+     * @param defaultConfig
+     */
+    public logger(component: LoggerComponent, defaultConfig: ILoggerDefaultConfig): void {
+        this.loggerComp = component;
+        this.defaultConfig = defaultConfig;
+    }
+
+    /**
+     * Shows the log
+     * @param title
+     * @param msg
+     * @param type
+     * @param config
+     */
+    public override show(config: ILoggerConfig, type: LogType): void {
+        super.show(config, type);
+        if (this.loggerComp) {
+            const i = this.loggerComp.slideIn(config.title, config.msg, type, config);
+
+            if (config.duration !== -1) {
+                setTimeout((): void => {
+                    this.loggerComp.slideOut(i);
+                }, config.duration * 1000);
+            }
+        }
+    }
+
+}

package/src/lib/styles/_vars.scss

@@ -0,0 +1,71 @@
+// Colors
+$black: #000000;
+$black-87-opacity: rgba($black, .87);
+$black-60-opacity: rgba($black, .6);
+
+// White
+$white: #ffffff;
+$white-87-opacity: rgba($white, .87);
+
+$mosa: #66CC33;
+$primary: $mosa;
+$twitch: #6441A4;
+$youtube: #FF0000;
+$discord: #738ADB;
+$danger: #f44336;
+$success: #3AD15D;
+$warning: #ffaa00;
+$lime: #66CC33;
+$info: #008eff;
+
+// Fonts
+$fontRoboto: 'Roboto', sans-serif;
+$fontRobotoCondensed: 'Roboto Condensed', sans-serif;
+
+// Mixins / Functions
+@mixin move($top, $left) {
+  top: $top;
+  left: $left;
+}
+
+@mixin size($width, $height) {
+  width: $width;
+  height: $height;
+}
+
+@mixin circle($size) {
+  @include size($size, $size);
+  border-radius: 50%;
+}
+
+@mixin maxLines($lines: 3, $ellipsis: true) {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: $lines;
+  overflow: hidden;
+  max-lines: $lines;
+
+  @if ($ellipsis) {
+    text-overflow: ellipsis;
+  }
+}
+
+@mixin flex($column: false, $wrap: false, $alignCenter: false, $justifyCenter: false) {
+  display: flex;
+
+  @if ($column) {
+    flex-direction: column;
+  }
+
+  @if ($wrap) {
+    flex-wrap: wrap;
+  }
+
+  @if ($alignCenter) {
+    align-items: center;
+  }
+
+  @if ($justifyCenter) {
+    justify-content: center;
+  }
+}

package/src/public-api.ts

@@ -0,0 +1 @@
+export * from './lib/mosa-material.module';

package/tsconfig.lib.json

@@ -0,0 +1,14 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+    "extends": "../../tsconfig.json",
+    "compilerOptions": {
+        "outDir": "../../out-tsc/lib",
+        "declaration": true,
+        "declarationMap": true,
+        "inlineSources": true,
+        "types": []
+    },
+    "exclude": [
+        "**/*.spec.ts"
+    ]
+}

package/tsconfig.lib.prod.json

@@ -0,0 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+    "extends": "./tsconfig.lib.json",
+    "compilerOptions": {
+        "declarationMap": false
+    },
+    "angularCompilerOptions": {
+        "compilationMode": "partial"
+    }
+}

package/tsconfig.spec.json

@@ -0,0 +1,14 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+    "extends": "../../tsconfig.json",
+    "compilerOptions": {
+        "outDir": "../../out-tsc/spec",
+        "types": [
+            "jasmine"
+        ]
+    },
+    "include": [
+        "**/*.spec.ts",
+        "**/*.d.ts"
+    ]
+}