btv-base-controls 0.1.23 → 0.1.25

package/src/lib/wm-spinner/wm-spinner.scss

@@ -1,72 +0,0 @@
-@import './../../assets/theme/wmGlobals.scss';
-
-.spinner-wrap {
-    position: fixed;
-    left: 0px;
-    right: 0px;
-    top: 0px;
-    bottom: 0px;
-    z-index: 5;
-    text-shadow: 0px 0px 0px var(--pageBackgroundColor);
-    pointer-events: all;
-}
-.spinner-bg {
-    position: absolute;
-    top: 0;
-    left: 0;
-    transition: opacity 400ms ease-in;
-    opacity: 0.7;
-    background-color: var(--appBackgroundColor);
-}
-
-.invisible {
-    opacity: 0.01;
-}
-
-.spinner-content {
-    z-index: 1;
-    width: 80%;
-    height: 80%;
-    min-width: 120px;
-    min-height: 120px;
-    max-width: 400px;
-    max-height: 400px;
-}
-
-.msg-wrap {
-    width: auto;
-    max-width: 400px;
-    box-sizing: border-box;
-    text-align: center;
-    font-size: $fontSize + 2;
-    color: var(--strongFontColor);
-    line-height: 32px;
-    font-weight: 500;
-    word-break: break-word;
-    @include customMaxWidth(767px) {
-        font-size: $fontSize;
-        line-height: 24px;
-    }
-}
-
-#loader {
-    animation: rotation 2s infinite linear;
-    animation-play-state: running;
-    width: 50%;
-    height: 50%;
-    min-width: 120px;
-    min-height: 120px;
-    max-width: 240px;
-    max-height: 240px;
-    margin: 0px auto;
-}
-
-@keyframes rotation {
-    from {
-        transform: rotate(0deg);
-    }
-
-    to {
-        transform: rotate(360deg);
-    }
-}

package/src/lib/wm-state-icon/wm-state-icon.component.html

@@ -1,4 +0,0 @@
-<!--workaround for css image resolve plugin-->
-<div class="icon-wrapper {{state}}" >
-
-</div>

package/src/lib/wm-state-icon/wm-state-icon.component.scss

@@ -1,26 +0,0 @@
-@import './../../assets/theme/wmGlobals.scss';
-
-
-.icon-wrapper {
-    margin: 0 auto;
-    text-align: center;
-    width: 50px;
-    height: 50px;   
-    background-image: url(/assets/icon/state-icons.png);
-}
-
-.ok {
-    background-position-x: -77px;
-    background-position-y: -82px;
-}
-
-.warning {
-    background-position-x: -129px;
-    background-position-y: -82px;
-}
-
-.error-i {
-    background-position-x: -321px;
-    background-position-y: -82px;
-    width: 70px;
-}

package/src/lib/wm-state-icon/wm-state-icon.component.ts

@@ -1,18 +0,0 @@
-import { Component, OnInit, Input, ChangeDetectionStrategy } from '@angular/core';
-
-@Component({
-  selector: 'wm-state-icon',
-  templateUrl: './wm-state-icon.component.html',
-  styleUrls: ['./wm-state-icon.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class WmStateIconComponent implements OnInit {
-
-  @Input() public state: string = 'ok';
-
-  constructor() { }
-
-  ngOnInit() {
-  }
-
-}

package/src/lib/wm-tag/wm-tag.component.html

@@ -1,8 +0,0 @@
-<div class="text-wrap">
-    <span class="text-bg" [ngStyle]="{'background': background}"></span>
-    <span class="text-bg text-bg-bor" [ngStyle]="{'border-color': background}"></span>
-    <span class="text-title" [ngStyle]="{'color': color}">    
-        <wm-template-image *ngIf="icon" class="text-icon" [icon]="icon" [size]="iconSize" [backgroundColor]="background"></wm-template-image>
-        {{text}}
-    </span>
-</div>

package/src/lib/wm-tag/wm-tag.component.scss

@@ -1,48 +0,0 @@
-@import './../../assets/theme/wmGlobals.scss';
-
-.text-title {
-    color: var(--strongFontColor);
-    display: flex;
-    text-align: left;
-    font-family: $fontFamily;
-    font-weight: 500;
-    font-size: 14px;
-    min-width: 50px;
-    text-align: center;
-    padding: 4px 6px;
-    z-index: 1;
-    line-height: 18px;
-}
-
-.text-wrap {
-    position: relative;
-    display: inline-block;
-    line-height: normal;
-}
-
-.text-bg {
-    border: 1px solid transparent;
-    box-sizing: border-box;
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    border-radius: 6px;
-    opacity: 0.1;
-}
-.text-bg-bor {
-    border: 1px solid;
-    opacity: 0.25;
-}
-
-.rotate {
-    transform-origin: center center;
-    -webkit-transform: rotate(-6deg);
-    -moz-transform: rotate(-6deg);
-    -ms-transform: rotate(-6deg);
-    -o-transform: rotate(-6deg);
-    transform: rotate(-6deg);
-}
-
-.text-icon {
-    margin-right: 4px;
-}

package/src/lib/wm-tag/wm-tag.component.ts

@@ -1,17 +0,0 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-
-@Component({
-  selector: 'wm-tag',
-  templateUrl: './wm-tag.component.html',
-  styleUrls: ['./wm-tag.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class WmTagComponent {
-
-  @Input() public text: string;
-  @Input() public background: string = 'transparent';
-  @Input() public color: string = 'black';
-  @Input() public icon: string;
-  @Input() public iconSize: string = '20px';
-
-}

package/src/lib/wm-tamplate-image/wm-template-image.component.ts

@@ -1,56 +0,0 @@
-import { ChangeDetectionStrategy, Component, ElementRef, Input, ViewChild } from '@angular/core';
-
-@Component({
-  selector: 'wm-template-image',
-  styleUrls: ['./wm-template-image.scss'],
-  templateUrl: './wm-template-image.html',
-  changeDetection: ChangeDetectionStrategy.OnPush
-})
-
-export class WmTemplateImageComponent {
-  @ViewChild('maskContainer', { static: true }) container: ElementRef;
-  require = ['mask-image', '-webkit-mask-image'];
-  @Input() icon: string;
-  @Input() disabled: boolean;
-  @Input() active: boolean;
-  @Input() light: boolean;
-  @Input() classes = 'icon-svg';
-  @Input() backgroundColor;
-
-  private _size: string = '24px';
-  public get size() { return this._size; }
-  @Input() public set size(value: string) {
-    this._size = value;
-  }
-  private _sizeBox: string = undefined;
-  public get sizeBox() { return this._sizeBox; }
-  @Input() public set sizeBox(value: string) {
-    this._sizeBox = value;
-  }
-
-  get getStyles() {
-    if (!this.container.nativeElement) return undefined;
-    if (this.require.some(it => this.container.nativeElement.style[it] !== undefined)) {
-      return {
-        '-webkit-mask-position': 'center',
-        '-webkit-mask-repeat': 'no-repeat',
-        '-webkit-mask-size': this.size,
-        '-webkit-mask-image': `url(./assets/icon/svg/${this.icon}.svg)`,
-        'mask-image': `url(./assets/icon/svg/${this.icon}.svg)`,
-        'mask-size': this.size,
-        'width': this.sizeBox ? this.sizeBox : this.size,
-        'height': this.sizeBox ? this.sizeBox : this.size,
-        'background-color': this.backgroundColor,
-      };
-    }
-    return {
-      'background-image': `url(./assets/icon/svg/${this.icon}.svg)`,
-      'background-repeat': 'no-repeat',
-      'background-position': 'center',
-      'background-size': 'contain',
-      'background-color': 'transparent',
-      'width': this.sizeBox ? this.sizeBox : this.size,
-      'height': this.sizeBox ? this.sizeBox : this.size
-    };
-  }
-}

package/src/lib/wm-tamplate-image/wm-template-image.html

@@ -1,3 +0,0 @@
-<div #maskContainer class="{{classes}}" [ngClass]="{'disabled': disabled,
-'active': active, 'light': light }" [ngStyle]="getStyles">
-</div>

package/src/lib/wm-tamplate-image/wm-template-image.scss

@@ -1,31 +0,0 @@
-@import './../../assets/theme/wmGlobals.scss';
-
-:host {
-    display: block;
-    margin: auto;
-}
-
-.icon-svg {
-    background-color: var(--strongFontColor);
-}
-
-.disabled {
-    background-color: var(--mediumFontColor);
-}
- //here is .active class in main.css which adds border with hardcoded color
-.active {
-    background-color: var(--brandColor);
-    border: none;
-}
-
-.light {
-    background-color: var(--disabledTextColor);
-}
-
-.on-brand {
-    background-color: var(--onBrandTextColor);
-}
-
-.on-disabled {
-    background-color: var(--disabledTextColor);
-}

package/src/lib/wm-toggle/wm-toggle.component.ts

@@ -1,20 +0,0 @@
-import { Component, Input, EventEmitter, Output, ChangeDetectionStrategy } from '@angular/core';
-
-@Component({
-  selector: 'wm-toggle',
-  styleUrls: ['./wm-toggle.scss'],
-  templateUrl: './wm-toggle.html',
-  changeDetection: ChangeDetectionStrategy.OnPush
-})
-
-export class WmToggleComponent {
-  @Input() groupValue = 0;
-  @Input() model: string[] = [];
-  @Input() disable = false;
-  @Output() groupValueOutput: EventEmitter<number> = new EventEmitter<number>();
-
-  public onChange(idx: number) {
-    this.groupValue = idx;
-    this.groupValueOutput.emit(this.groupValue);
-  }
-}

package/src/lib/wm-toggle/wm-toggle.html

@@ -1,5 +0,0 @@
-<mat-button-toggle-group #group="matButtonToggleGroup" [value]="groupValue" [disabled]="disable">
-    <mat-button-toggle *ngFor="let item of model; let idx = index" [value]="idx" (change)="onChange(idx)">
-        {{ item }}
-    </mat-button-toggle>
-</mat-button-toggle-group>

package/src/lib/wm-toggle/wm-toggle.scss

@@ -1,33 +0,0 @@
-@import './../../assets/theme/wmGlobals.scss';
-
-.mat-button-toggle-label-content {
-    height: 40px;
-    align-items: center;
-}
-
-.mat-button-toggle {
-    font-size: $fontSize + 2;
-    font-weight: 500;
-    color: var(--mediumFontColor);
-    line-height: 40px;
-    outline: none;
-    background: var(--pageBackgroundColor);
-}
-
-.mat-button-toggle-disabled {
-    color: var(--disabledTextColor);
-}
-
-.mat-button-toggle-appearance-standard {
-    padding: 0 16px;
-}
-
-.mat-button-toggle-group-appearance-standard {
-    border-radius: 50px !important;
-    border-color: var(--secondaryHover);
-}
-
-.mat-button-toggle-checked {
-    background-color: transparent !important;
-    color: var(--brandColor);
-}

package/src/models/guidExtension.ts

@@ -1,16 +0,0 @@
-export type GuidFormat = 'N' | undefined;
-
-export class Guid {
-  static newGuid(format: GuidFormat = undefined) {
-    const baseStr = Guid.getTemplate(format);
-    return baseStr.replace(/[xy]/g, function (c) {
-      const r = Math.random() * 16 | 0, v = c === 'x' ? r : (r & 0x3 | 0x8);
-      return v.toString(16);
-    });
-  }
-
-  private static getTemplate(format: GuidFormat) {
-    if (format === 'N') return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx';
-    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx';
-  }
-}

package/src/public-api.ts

@@ -1,29 +0,0 @@
-/*
- * Public API Surface of btv-base-controls
- */
-
-
-export * from './lib/basic.module'
-export * from './lib/wm-info/info-models'
-export * from './lib/btv-icon-button/btv-counter-button'
-export * from './lib/wm-toggle/wm-toggle.component'
-export * from './lib/wm-tamplate-image/wm-template-image.component'
-export * from './lib/wm-state-icon/wm-state-icon.component'
-export * from './lib/wm-spinner/wm-spinner.component'
-export * from './lib/wm-scalable-div/scalable-div.component'
-export * from './lib/wm-panel-bar/wm-panel-bar.component'
-export * from './lib/wm-no-content/wm-no-content.component'
-export * from './lib/wm-tag/wm-tag.component'
-export * from './lib/wm-info/wm-info.component'
-export * from './lib/wm-beta-text/wm-beta-text.component'
-export * from './lib/illustration/illustration.component'
-export * from './lib/btv-search/btv-search.component'
-export * from './lib/btv-progress/btv-progress.component'
-export * from './lib/wm-info-card/wm-info-card.component'
-export * from './lib/wm-back-btn/wm-back-btn.component'
-export * from './lib/btv-icon-button/btv-icon-button.component'
-export * from './lib/busy-indicator/busy-indicator.component'
-export * from './lib/blink-message/blink-message.component'
-export * from './lib/wm-avatar/avatar.component'
-export * from './lib/custom-tool-tip/tool-tip-renderer.directive'
-export * from './lib/custom-tool-tip/custom-tool-tip.component'

package/src/test.ts

@@ -1,15 +0,0 @@
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-
-import 'zone.js';
-import 'zone.js/testing';
-import { getTestBed } from '@angular/core/testing';
-import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
-} from '@angular/platform-browser-dynamic/testing';
-
-// First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting(),
-);

package/tsconfig.lib.json

@@ -1,15 +0,0 @@
-/* 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": [
-    "src/test.ts",
-    "**/*.spec.ts"
-  ]
-}

package/tsconfig.lib.prod.json

@@ -1,10 +0,0 @@
-/* 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

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