@colijnit/sharedcomponents 1.0.60 → 1.0.62

package/lib/components/image-display/style/material.scss

@@ -1,3 +1,3 @@
-@import "./material-definition";
-@import "./layout";
-@import "./theme";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/lib/components/key-pad/key-pad.component.d.ts

@@ -1,38 +1,38 @@
-import { EventEmitter } from '@angular/core';
-import { Icon } from '../../enum/icon.enum';
-import { IconCacheService } from '../../service/icon-cache.service';
-export declare class KeyPadComponent {
-    iconCacheService: IconCacheService;
-    icons: typeof Icon;
-    set model(value: number);
-    get model(): number;
-    showValue: boolean;
-    resetModelOnInit: boolean;
-    emitModelChangeOnEnter: boolean;
-    modelChange: EventEmitter<number>;
-    internalModelChange: EventEmitter<string>;
-    enterClick: EventEmitter<void>;
-    showClass(): boolean;
-    handleKeyDown(event: KeyboardEvent): void;
-    private readonly _validKeyMap;
-    private _init;
-    constructor(iconCacheService: IconCacheService);
-    set internalModel(value: string);
-    get internalModel(): string;
-    isNegative: boolean;
-    private _model;
-    private _internalModel;
-    private _maxCharacters;
-    handleMinusClick(event: MouseEvent | KeyboardEvent): void;
-    handleClearClick(event: MouseEvent | KeyboardEvent): void;
-    handleBsClick(event: MouseEvent | KeyboardEvent): void;
-    handleButtonClick(chr: string): void;
-    handleEnterClick(event: MouseEvent | KeyboardEvent): void;
-    private _updateModel;
-    private _keyDown;
-    private _isEnter;
-    private _isMinus;
-    private _isEscape;
-    private _isBackspace;
-    private _emitModelChange;
-}
+import { EventEmitter } from '@angular/core';
+import { Icon } from '../../enum/icon.enum';
+import { IconCacheService } from '../../service/icon-cache.service';
+export declare class KeyPadComponent {
+    iconCacheService: IconCacheService;
+    icons: typeof Icon;
+    set model(value: number);
+    get model(): number;
+    showValue: boolean;
+    resetModelOnInit: boolean;
+    emitModelChangeOnEnter: boolean;
+    modelChange: EventEmitter<number>;
+    internalModelChange: EventEmitter<string>;
+    enterClick: EventEmitter<void>;
+    showClass(): boolean;
+    handleKeyDown(event: KeyboardEvent): void;
+    private readonly _validKeyMap;
+    private _init;
+    constructor(iconCacheService: IconCacheService);
+    set internalModel(value: string);
+    get internalModel(): string;
+    isNegative: boolean;
+    private _model;
+    private _internalModel;
+    private _maxCharacters;
+    handleMinusClick(event: MouseEvent | KeyboardEvent): void;
+    handleClearClick(event: MouseEvent | KeyboardEvent): void;
+    handleBsClick(event: MouseEvent | KeyboardEvent): void;
+    handleButtonClick(chr: string): void;
+    handleEnterClick(event: MouseEvent | KeyboardEvent): void;
+    private _updateModel;
+    private _keyDown;
+    private _isEnter;
+    private _isMinus;
+    private _isEscape;
+    private _isBackspace;
+    private _emitModelChange;
+}

package/lib/components/key-pad/key-pad.module.d.ts

@@ -1,2 +1,2 @@
-export declare class KeyPadModule {
-}
+export declare class KeyPadModule {
+}

package/lib/components/key-pad/style/_layout.scss

@@ -1,160 +1,160 @@
-@import "../../../style/mixin";
-
-@include export-module('sc-key-pad-layout') {
-  .co-key-pad {
-    font-family: $sc-key-pad-font-family;
-    font-size: $sc-key-pad-font-size;
-    display: flex;
-    width: 100%;
-    aspect-ratio: 1/1;
-    .key-pad-wrapper {
-      display: flex;
-      width: 100%;
-      flex-direction: column;
-      row-gap: $sc-key-pad-button-gap;
-      padding: $sc-key-pad-button-gap;
-      border-radius: $sc-key-pad-border-radius;
-    }
-    .key-pad-model-wrapper {
-      position: relative;
-      font-family: $sc-font-family-digital;
-      //font-size: $sc-key-pad-model-font-size;
-      display: flex;
-      flex-basis: 10%;
-      justify-content: flex-end;
-      padding: $sc-key-pad-model-padding;
-      box-shadow: inset 0px 0px 3px 1px darken($sc-key-pad-button-background-color, 30%);
-    }
-    .co-scalable-text {
-      display: flex;
-      width: 100%;
-      justify-content: flex-end;
-    }
-    .key-pad-model {
-      user-select: none;
-      pointer-events: none;
-      display: block;
-      position: absolute;
-      width: 100%;
-      top: 50%;
-      transform: translateY(-50%);
-      //right: 10%;
-      //transform: translate(50%, -50%);
-      //foreignObject {
-      //  overflow: visible;
-      //}
-      svg {
-        position: relative;
-        width: 100%;
-      }
-      .text {
-        font-size: $sc-key-pad-model-font-size;
-        font-weight: bold;
-        /* display: flex; */
-        /* align-items: center; */
-        /* justify-content: flex-end; */
-        /* align-self: auto; */
-        position: absolute;
-        top: 50%;
-        right: 0;
-        transform: translateY(-50%);
-      }
-    }
-    .key-pad-button-flex-wrapper {
-      display: flex;
-      flex-basis: 100%;
-    }
-    .key-pad-button-wrapper {
-      display: grid;
-      height: 100%;
-      width: 100%;
-      grid-template-columns: $sc-key-pad-button-size $sc-key-pad-button-size $sc-key-pad-button-size $sc-key-pad-button-size;
-      grid-template-rows: $sc-key-pad-button-size $sc-key-pad-button-size $sc-key-pad-button-size $sc-key-pad-button-size;
-      row-gap: $sc-key-pad-button-gap;
-      column-gap: $sc-key-pad-button-gap;
-    }
-    .key-pad-button {
-      position: relative;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      cursor: pointer;
-      user-select: none;
-      border-radius: $sc-key-pad-button-border-radius;
-      .co-icon {
-        width: 45%;
-        height: 45%;
-      }
-      .key-pad-button-text {
-        position: absolute;
-        pointer-events: none;
-      }
-      .text {
-        display: flex;
-        //width: 100%;
-        height: 100%;
-        align-items: center;
-        justify-content: center;
-        font-size: $sc-key-pad-button-font-size;
-      }
-    }
-    .button-7 {
-      grid-column: 1 / 1;
-      grid-row: 1 / 1;
-    }
-    .button-8 {
-      grid-column: 2 / 2;
-      grid-row: 1 / 1;
-    }
-    .button-9 {
-      grid-column: 3 / 3;
-      grid-row: 1 / 1;
-    }
-    .button-bs {
-      grid-column: 4 / 4;
-      grid-row: 1 / 1;
-    }
-    .button-4 {
-      grid-column: 1 / 1;
-      grid-row: 2 / 2;
-    }
-    .button-5 {
-      grid-column: 2 / 2;
-      grid-row: 2 / 2;
-    }
-    .button-6 {
-      grid-column: 3 / 3;
-      grid-row: 2 / 2;
-    }
-    .button-minus {
-      grid-column: 4 / 4;
-      grid-row: 2 / 2;
-    }
-    .button-1 {
-      grid-column: 1 / 1;
-      grid-row: 3 / 3;
-    }
-    .button-2 {
-      grid-column: 2 / 2;
-      grid-row: 3 / 3;
-    }
-    .button-3 {
-      grid-column: 3 / 3;
-      grid-row: 3 / 3;
-    }
-    .button-0 {
-      grid-column: 1 / 3;
-      grid-row: 4 / 4;
-    }
-    .button-dot {
-      grid-column: 3 / 3;
-      grid-row: 4 / 4;
-    }
-    .button-enter {
-      grid-column: 4 / 4;
-      grid-row: 3 / 5;
-      align-items: flex-end;
-      padding-bottom: 10px;
-    }
-  }
-}
+@import "../../../style/mixin";
+
+@include export-module('sc-key-pad-layout') {
+  .co-key-pad {
+    font-family: $sc-key-pad-font-family;
+    font-size: $sc-key-pad-font-size;
+    display: flex;
+    width: 100%;
+    aspect-ratio: 1/1;
+    .key-pad-wrapper {
+      display: flex;
+      width: 100%;
+      flex-direction: column;
+      row-gap: $sc-key-pad-button-gap;
+      padding: $sc-key-pad-button-gap;
+      border-radius: $sc-key-pad-border-radius;
+    }
+    .key-pad-model-wrapper {
+      position: relative;
+      font-family: $sc-font-family-digital;
+      //font-size: $sc-key-pad-model-font-size;
+      display: flex;
+      flex-basis: 10%;
+      justify-content: flex-end;
+      padding: $sc-key-pad-model-padding;
+      box-shadow: inset 0px 0px 3px 1px darken($sc-key-pad-button-background-color, 30%);
+    }
+    .co-scalable-text {
+      display: flex;
+      width: 100%;
+      justify-content: flex-end;
+    }
+    .key-pad-model {
+      user-select: none;
+      pointer-events: none;
+      display: block;
+      position: absolute;
+      width: 100%;
+      top: 50%;
+      transform: translateY(-50%);
+      //right: 10%;
+      //transform: translate(50%, -50%);
+      //foreignObject {
+      //  overflow: visible;
+      //}
+      svg {
+        position: relative;
+        width: 100%;
+      }
+      .text {
+        font-size: $sc-key-pad-model-font-size;
+        font-weight: bold;
+        /* display: flex; */
+        /* align-items: center; */
+        /* justify-content: flex-end; */
+        /* align-self: auto; */
+        position: absolute;
+        top: 50%;
+        right: 0;
+        transform: translateY(-50%);
+      }
+    }
+    .key-pad-button-flex-wrapper {
+      display: flex;
+      flex-basis: 100%;
+    }
+    .key-pad-button-wrapper {
+      display: grid;
+      height: 100%;
+      width: 100%;
+      grid-template-columns: $sc-key-pad-button-size $sc-key-pad-button-size $sc-key-pad-button-size $sc-key-pad-button-size;
+      grid-template-rows: $sc-key-pad-button-size $sc-key-pad-button-size $sc-key-pad-button-size $sc-key-pad-button-size;
+      row-gap: $sc-key-pad-button-gap;
+      column-gap: $sc-key-pad-button-gap;
+    }
+    .key-pad-button {
+      position: relative;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+      user-select: none;
+      border-radius: $sc-key-pad-button-border-radius;
+      .co-icon {
+        width: 45%;
+        height: 45%;
+      }
+      .key-pad-button-text {
+        position: absolute;
+        pointer-events: none;
+      }
+      .text {
+        display: flex;
+        //width: 100%;
+        height: 100%;
+        align-items: center;
+        justify-content: center;
+        font-size: $sc-key-pad-button-font-size;
+      }
+    }
+    .button-7 {
+      grid-column: 1 / 1;
+      grid-row: 1 / 1;
+    }
+    .button-8 {
+      grid-column: 2 / 2;
+      grid-row: 1 / 1;
+    }
+    .button-9 {
+      grid-column: 3 / 3;
+      grid-row: 1 / 1;
+    }
+    .button-bs {
+      grid-column: 4 / 4;
+      grid-row: 1 / 1;
+    }
+    .button-4 {
+      grid-column: 1 / 1;
+      grid-row: 2 / 2;
+    }
+    .button-5 {
+      grid-column: 2 / 2;
+      grid-row: 2 / 2;
+    }
+    .button-6 {
+      grid-column: 3 / 3;
+      grid-row: 2 / 2;
+    }
+    .button-minus {
+      grid-column: 4 / 4;
+      grid-row: 2 / 2;
+    }
+    .button-1 {
+      grid-column: 1 / 1;
+      grid-row: 3 / 3;
+    }
+    .button-2 {
+      grid-column: 2 / 2;
+      grid-row: 3 / 3;
+    }
+    .button-3 {
+      grid-column: 3 / 3;
+      grid-row: 3 / 3;
+    }
+    .button-0 {
+      grid-column: 1 / 3;
+      grid-row: 4 / 4;
+    }
+    .button-dot {
+      grid-column: 3 / 3;
+      grid-row: 4 / 4;
+    }
+    .button-enter {
+      grid-column: 4 / 4;
+      grid-row: 3 / 5;
+      align-items: flex-end;
+      padding-bottom: 10px;
+    }
+  }
+}

package/lib/components/key-pad/style/_material-definition.scss

@@ -1,19 +1,19 @@
-$sc-key-pad-font-family: $sc-font-family !default;
-$sc-key-pad-model-font-family: $sc-font-family-digital !default;
-$sc-key-pad-font-size: $sc-font-size !default;
-$sc-key-pad-border-radius: 5px !default;
-
-$sc-key-pad-button-size: 4fr !default;
-$sc-key-pad-button-gap: 10px !default;
-$sc-key-pad-button-border-radius: 5px !default;
-
-$sc-key-pad-background-color: #d8d8d8 !default;
-$sc-key-pad-button-background-color: #555555 !default;
-$sc-key-pad-button-font-color: white !default;
-
-$sc-key-pad-model-font-size: 12px !default;
-$sc-key-pad-model-padding: 10px !default;
-$sc-key-pad-model-font-color-positive: #00dc00 !default;
-$sc-key-pad-model-font-color-negative: red !default;
-
-$sc-key-pad-button-font-size: 20px !default;
+$sc-key-pad-font-family: $sc-font-family !default;
+$sc-key-pad-model-font-family: $sc-font-family-digital !default;
+$sc-key-pad-font-size: $sc-font-size !default;
+$sc-key-pad-border-radius: 5px !default;
+
+$sc-key-pad-button-size: 4fr !default;
+$sc-key-pad-button-gap: 10px !default;
+$sc-key-pad-button-border-radius: 5px !default;
+
+$sc-key-pad-background-color: #d8d8d8 !default;
+$sc-key-pad-button-background-color: #555555 !default;
+$sc-key-pad-button-font-color: white !default;
+
+$sc-key-pad-model-font-size: 12px !default;
+$sc-key-pad-model-padding: 10px !default;
+$sc-key-pad-model-font-color-positive: #00dc00 !default;
+$sc-key-pad-model-font-color-negative: red !default;
+
+$sc-key-pad-button-font-size: 20px !default;

package/lib/components/key-pad/style/_theme.scss

@@ -1,35 +1,35 @@
-@import "../../../style/mixin";
-
-@include export-module('sc-key-pad-theme') {
-  .co-key-pad {
-    .key-pad-wrapper {
-      background: $sc-key-pad-background-color;
-    }
-    .key-pad-model-wrapper {
-      background: $sc-key-pad-button-background-color;
-    }
-    .key-pad-model {
-      color: $sc-key-pad-model-font-color-positive;
-      &.negative {
-        color: $sc-key-pad-model-font-color-negative;
-      }
-    }
-    .key-pad-button {
-      background: $sc-key-pad-button-background-color;
-      color: $sc-key-pad-button-font-color;
-      box-shadow: 0px 1px 0px darken($sc-key-pad-button-background-color, 30%);
-      .co-icon {
-        svg { // for fontawesome icons
-          fill: $sc-key-pad-button-font-color;
-        }
-        & [fill] { // for own icons
-          fill: $sc-key-pad-button-font-color;
-        }
-      }
-      &:active {
-        box-shadow: none;
-        transform: translateY(1px);
-      }
-    }
-  }
-}
+@import "../../../style/mixin";
+
+@include export-module('sc-key-pad-theme') {
+  .co-key-pad {
+    .key-pad-wrapper {
+      background: $sc-key-pad-background-color;
+    }
+    .key-pad-model-wrapper {
+      background: $sc-key-pad-button-background-color;
+    }
+    .key-pad-model {
+      color: $sc-key-pad-model-font-color-positive;
+      &.negative {
+        color: $sc-key-pad-model-font-color-negative;
+      }
+    }
+    .key-pad-button {
+      background: $sc-key-pad-button-background-color;
+      color: $sc-key-pad-button-font-color;
+      box-shadow: 0px 1px 0px darken($sc-key-pad-button-background-color, 30%);
+      .co-icon {
+        svg { // for fontawesome icons
+          fill: $sc-key-pad-button-font-color;
+        }
+        & [fill] { // for own icons
+          fill: $sc-key-pad-button-font-color;
+        }
+      }
+      &:active {
+        box-shadow: none;
+        transform: translateY(1px);
+      }
+    }
+  }
+}

package/lib/components/key-pad/style/material.scss

@@ -1,4 +1,4 @@
-@import "../../../style/mixin";
-@import "./_material-definition";
-@import "./_layout";
-@import "./_theme";
+@import "../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/components/layout-switcher/layout-switcher.component.d.ts

@@ -1,16 +1,16 @@
-import { EventEmitter } from "@angular/core";
-import { Icon } from "../../enum/icon.enum";
-import { IconCacheService } from "../../service/icon-cache.service";
-export declare class LayoutSwitcherComponent {
-    iconCacheService: IconCacheService;
-    readonly icon: typeof Icon;
-    showClass(): boolean;
-    layoutItems: string[];
-    layoutSwitchEmit: EventEmitter<string>;
-    get activeIndex(): number;
-    set activeIndex(index: number);
-    showMaskSidebar: boolean;
-    private _activeIndex;
-    constructor(iconCacheService: IconCacheService);
-    toggleMaskSidebar(): void;
-}
+import { EventEmitter } from "@angular/core";
+import { Icon } from "../../enum/icon.enum";
+import { IconCacheService } from "../../service/icon-cache.service";
+export declare class LayoutSwitcherComponent {
+    iconCacheService: IconCacheService;
+    readonly icon: typeof Icon;
+    showClass(): boolean;
+    layoutItems: string[];
+    layoutSwitchEmit: EventEmitter<string>;
+    get activeIndex(): number;
+    set activeIndex(index: number);
+    showMaskSidebar: boolean;
+    private _activeIndex;
+    constructor(iconCacheService: IconCacheService);
+    toggleMaskSidebar(): void;
+}

package/lib/components/layout-switcher/layout-switcher.module.d.ts

@@ -1,2 +1,2 @@
-export declare class LayoutSwitcherModule {
-}
+export declare class LayoutSwitcherModule {
+}