btv-base-controls 0.1.21 → 0.1.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.browserslistrc +16 -0
- package/README.md +24 -24
- package/karma.conf.js +44 -0
- package/ng-package.json +7 -0
- package/package.json +10 -24
- package/src/assets/icon/state-icons.png +0 -0
- package/src/assets/theme/wmGlobals.scss +181 -0
- package/src/lib/basic.module.ts +48 -0
- package/src/lib/blink-message/blink-message.component.html +1 -0
- package/src/lib/blink-message/blink-message.component.scss +4 -0
- package/src/lib/blink-message/blink-message.component.ts +54 -0
- package/src/lib/btv-icon-button/btv-counter-button.html +18 -0
- package/src/lib/btv-icon-button/btv-counter-button.ts +34 -0
- package/src/lib/btv-icon-button/btv-icon-button.component.ts +62 -0
- package/src/lib/btv-icon-button/btv-icon-button.html +14 -0
- package/src/lib/btv-icon-button/btv-icon-button.scss +125 -0
- package/src/lib/btv-icon-button/index.ts +1 -0
- package/src/lib/btv-progress/btv-progress.component.ts +65 -0
- package/src/lib/btv-progress/btv-progress.html +11 -0
- package/src/lib/btv-progress/btv-progress.scss +24 -0
- package/src/lib/btv-search/btv-search.component.ts +78 -0
- package/src/lib/btv-search/btv-search.html +15 -0
- package/src/lib/btv-search/btv-search.scss +97 -0
- package/src/lib/btv-search/index.ts +1 -0
- package/src/lib/busy-indicator/busy-indicator.component.ts +13 -0
- package/src/lib/busy-indicator/busy-indicator.html +6 -0
- package/src/lib/busy-indicator/busy-indicator.scss +86 -0
- package/src/lib/custom-tool-tip/custom-tool-tip.component.html +9 -0
- package/src/lib/custom-tool-tip/custom-tool-tip.component.scss +47 -0
- package/src/lib/custom-tool-tip/custom-tool-tip.component.ts +44 -0
- package/src/lib/custom-tool-tip/tool-tip-renderer.directive.ts +111 -0
- package/src/lib/illustration/illustration.component.html +412 -0
- package/src/lib/illustration/illustration.component.scss +48 -0
- package/src/lib/illustration/illustration.component.ts +21 -0
- package/src/lib/wm-avatar/avatar.component.ts +179 -0
- package/src/lib/wm-avatar/avatar.html +13 -0
- package/src/lib/wm-avatar/avatar.scss +3 -0
- package/src/lib/wm-back-btn/wm-back-btn.component.ts +19 -0
- package/src/lib/wm-back-btn/wm-back-btn.html +7 -0
- package/src/lib/wm-back-btn/wm-back-btn.scss +51 -0
- package/src/lib/wm-beta-text/wm-beta-text.component.html +1 -0
- package/src/lib/wm-beta-text/wm-beta-text.component.scss +44 -0
- package/src/lib/wm-beta-text/wm-beta-text.component.ts +14 -0
- package/src/lib/wm-info/info-models.ts +22 -0
- package/src/lib/wm-info/wm-info.component.ts +238 -0
- package/src/lib/wm-info/wm-info.html +19 -0
- package/src/lib/wm-info/wm-info.scss +64 -0
- package/src/lib/wm-info-card/wm-info-card.component.ts +14 -0
- package/src/lib/wm-info-card/wm-info-card.html +13 -0
- package/src/lib/wm-info-card/wm-info-card.scss +56 -0
- package/src/lib/wm-no-content/wm-no-content.component.ts +17 -0
- package/src/lib/wm-no-content/wm-no-content.html +13 -0
- package/src/lib/wm-no-content/wm-no-content.scss +60 -0
- package/src/lib/wm-panel-bar/wm-panel-bar.component.ts +59 -0
- package/src/lib/wm-panel-bar/wm-panel-bar.html +37 -0
- package/src/lib/wm-panel-bar/wm-panel-bar.scss +114 -0
- package/src/lib/wm-scalable-div/scalable-div.component.ts +106 -0
- package/src/lib/wm-scalable-div/scalable-div.html +1 -0
- package/src/lib/wm-scalable-div/scalable-div.scss +11 -0
- package/src/lib/wm-spinner/wm-spinner.component.ts +129 -0
- package/src/lib/wm-spinner/wm-spinner.html +37 -0
- package/src/lib/wm-spinner/wm-spinner.scss +72 -0
- package/src/lib/wm-state-icon/wm-state-icon.component.html +4 -0
- package/src/lib/wm-state-icon/wm-state-icon.component.scss +26 -0
- package/src/lib/wm-state-icon/wm-state-icon.component.ts +18 -0
- package/src/lib/wm-tag/wm-tag.component.html +8 -0
- package/src/lib/wm-tag/wm-tag.component.scss +48 -0
- package/src/lib/wm-tag/wm-tag.component.ts +17 -0
- package/src/lib/wm-tamplate-image/wm-template-image.component.ts +56 -0
- package/src/lib/wm-tamplate-image/wm-template-image.html +3 -0
- package/src/lib/wm-tamplate-image/wm-template-image.scss +31 -0
- package/src/lib/wm-toggle/wm-toggle.component.ts +20 -0
- package/src/lib/wm-toggle/wm-toggle.html +5 -0
- package/src/lib/wm-toggle/wm-toggle.scss +33 -0
- package/src/models/guidExtension.ts +16 -0
- package/src/public-api.ts +29 -0
- package/src/test.ts +15 -0
- package/tsconfig.lib.json +15 -0
- package/tsconfig.lib.prod.json +10 -0
- package/tsconfig.spec.json +17 -0
- package/esm2022/btv-base-controls.mjs +0 -5
- package/esm2022/lib/basic.module.mjs +0 -64
- package/esm2022/lib/blink-message/blink-message.component.mjs +0 -54
- package/esm2022/lib/btv-icon-button/btv-counter-button.mjs +0 -47
- package/esm2022/lib/btv-icon-button/btv-icon-button.component.mjs +0 -89
- package/esm2022/lib/btv-progress/btv-progress.component.mjs +0 -71
- package/esm2022/lib/btv-search/btv-search.component.mjs +0 -82
- package/esm2022/lib/busy-indicator/busy-indicator.component.mjs +0 -16
- package/esm2022/lib/custom-tool-tip/custom-tool-tip.component.mjs +0 -34
- package/esm2022/lib/custom-tool-tip/tool-tip-renderer.directive.mjs +0 -113
- package/esm2022/lib/illustration/illustration.component.mjs +0 -17
- package/esm2022/lib/wm-avatar/avatar.component.mjs +0 -175
- package/esm2022/lib/wm-back-btn/wm-back-btn.component.mjs +0 -26
- package/esm2022/lib/wm-beta-text/wm-beta-text.component.mjs +0 -19
- package/esm2022/lib/wm-info/info-models.mjs +0 -13
- package/esm2022/lib/wm-info/wm-info.component.mjs +0 -237
- package/esm2022/lib/wm-info-card/wm-info-card.component.mjs +0 -23
- package/esm2022/lib/wm-no-content/wm-no-content.component.mjs +0 -30
- package/esm2022/lib/wm-panel-bar/wm-panel-bar.component.mjs +0 -78
- package/esm2022/lib/wm-scalable-div/scalable-div.component.mjs +0 -105
- package/esm2022/lib/wm-spinner/wm-spinner.component.mjs +0 -135
- package/esm2022/lib/wm-state-icon/wm-state-icon.component.mjs +0 -18
- package/esm2022/lib/wm-tag/wm-tag.component.mjs +0 -28
- package/esm2022/lib/wm-tamplate-image/wm-template-image.component.mjs +0 -71
- package/esm2022/lib/wm-toggle/wm-toggle.component.mjs +0 -31
- package/esm2022/models/guidExtension.mjs +0 -15
- package/esm2022/public-api.mjs +0 -28
- package/fesm2022/btv-base-controls.mjs +0 -1496
- package/fesm2022/btv-base-controls.mjs.map +0 -1
- package/index.d.ts +0 -5
- package/lib/basic.module.d.ts +0 -33
- package/lib/blink-message/blink-message.component.d.ts +0 -20
- package/lib/btv-icon-button/btv-counter-button.d.ts +0 -12
- package/lib/btv-icon-button/btv-icon-button.component.d.ts +0 -30
- package/lib/btv-progress/btv-progress.component.d.ts +0 -20
- package/lib/btv-search/btv-search.component.d.ts +0 -31
- package/lib/busy-indicator/busy-indicator.component.d.ts +0 -7
- package/lib/custom-tool-tip/custom-tool-tip.component.d.ts +0 -35
- package/lib/custom-tool-tip/tool-tip-renderer.directive.d.ts +0 -49
- package/lib/illustration/illustration.component.d.ts +0 -10
- package/lib/wm-avatar/avatar.component.d.ts +0 -63
- package/lib/wm-back-btn/wm-back-btn.component.d.ts +0 -10
- package/lib/wm-beta-text/wm-beta-text.component.d.ts +0 -7
- package/lib/wm-info/info-models.d.ts +0 -20
- package/lib/wm-info/wm-info.component.d.ts +0 -34
- package/lib/wm-info-card/wm-info-card.component.d.ts +0 -9
- package/lib/wm-no-content/wm-no-content.component.d.ts +0 -11
- package/lib/wm-panel-bar/wm-panel-bar.component.d.ts +0 -25
- package/lib/wm-scalable-div/scalable-div.component.d.ts +0 -24
- package/lib/wm-spinner/wm-spinner.component.d.ts +0 -37
- package/lib/wm-state-icon/wm-state-icon.component.d.ts +0 -9
- package/lib/wm-tag/wm-tag.component.d.ts +0 -10
- package/lib/wm-tamplate-image/wm-template-image.component.d.ts +0 -49
- package/lib/wm-toggle/wm-toggle.component.d.ts +0 -11
- package/models/guidExtension.d.ts +0 -5
- package/public-api.d.ts +0 -24
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
@import './../../assets/theme/wmGlobals.scss';
|
|
2
|
+
|
|
3
|
+
.spinner-wrap {
|
|
4
|
+
position: fixed;
|
|
5
|
+
left: 0px;
|
|
6
|
+
right: 0px;
|
|
7
|
+
top: 0px;
|
|
8
|
+
bottom: 0px;
|
|
9
|
+
z-index: 5;
|
|
10
|
+
text-shadow: 0px 0px 0px var(--pageBackgroundColor);
|
|
11
|
+
pointer-events: all;
|
|
12
|
+
}
|
|
13
|
+
.spinner-bg {
|
|
14
|
+
position: absolute;
|
|
15
|
+
top: 0;
|
|
16
|
+
left: 0;
|
|
17
|
+
transition: opacity 400ms ease-in;
|
|
18
|
+
opacity: 0.7;
|
|
19
|
+
background-color: var(--appBackgroundColor);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.invisible {
|
|
23
|
+
opacity: 0.01;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.spinner-content {
|
|
27
|
+
z-index: 1;
|
|
28
|
+
width: 80%;
|
|
29
|
+
height: 80%;
|
|
30
|
+
min-width: 120px;
|
|
31
|
+
min-height: 120px;
|
|
32
|
+
max-width: 400px;
|
|
33
|
+
max-height: 400px;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.msg-wrap {
|
|
37
|
+
width: auto;
|
|
38
|
+
max-width: 400px;
|
|
39
|
+
box-sizing: border-box;
|
|
40
|
+
text-align: center;
|
|
41
|
+
font-size: $fontSize + 2;
|
|
42
|
+
color: var(--strongFontColor);
|
|
43
|
+
line-height: 32px;
|
|
44
|
+
font-weight: 500;
|
|
45
|
+
word-break: break-word;
|
|
46
|
+
@include customMaxWidth(767px) {
|
|
47
|
+
font-size: $fontSize;
|
|
48
|
+
line-height: 24px;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
#loader {
|
|
53
|
+
animation: rotation 2s infinite linear;
|
|
54
|
+
animation-play-state: running;
|
|
55
|
+
width: 50%;
|
|
56
|
+
height: 50%;
|
|
57
|
+
min-width: 120px;
|
|
58
|
+
min-height: 120px;
|
|
59
|
+
max-width: 240px;
|
|
60
|
+
max-height: 240px;
|
|
61
|
+
margin: 0px auto;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
@keyframes rotation {
|
|
65
|
+
from {
|
|
66
|
+
transform: rotate(0deg);
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
to {
|
|
70
|
+
transform: rotate(360deg);
|
|
71
|
+
}
|
|
72
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
@import './../../assets/theme/wmGlobals.scss';
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
.icon-wrapper {
|
|
5
|
+
margin: 0 auto;
|
|
6
|
+
text-align: center;
|
|
7
|
+
width: 50px;
|
|
8
|
+
height: 50px;
|
|
9
|
+
background-image: url(/assets/icon/state-icons.png);
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.ok {
|
|
13
|
+
background-position-x: -77px;
|
|
14
|
+
background-position-y: -82px;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.warning {
|
|
18
|
+
background-position-x: -129px;
|
|
19
|
+
background-position-y: -82px;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.error-i {
|
|
23
|
+
background-position-x: -321px;
|
|
24
|
+
background-position-y: -82px;
|
|
25
|
+
width: 70px;
|
|
26
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Component, OnInit, Input, ChangeDetectionStrategy } from '@angular/core';
|
|
2
|
+
|
|
3
|
+
@Component({
|
|
4
|
+
selector: 'wm-state-icon',
|
|
5
|
+
templateUrl: './wm-state-icon.component.html',
|
|
6
|
+
styleUrls: ['./wm-state-icon.component.scss'],
|
|
7
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
|
8
|
+
})
|
|
9
|
+
export class WmStateIconComponent implements OnInit {
|
|
10
|
+
|
|
11
|
+
@Input() public state: string = 'ok';
|
|
12
|
+
|
|
13
|
+
constructor() { }
|
|
14
|
+
|
|
15
|
+
ngOnInit() {
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
<div class="text-wrap">
|
|
2
|
+
<span class="text-bg" [ngStyle]="{'background': background}"></span>
|
|
3
|
+
<span class="text-bg text-bg-bor" [ngStyle]="{'border-color': background}"></span>
|
|
4
|
+
<span class="text-title" [ngStyle]="{'color': color}">
|
|
5
|
+
<wm-template-image *ngIf="icon" class="text-icon" [icon]="icon" [size]="iconSize" [backgroundColor]="background"></wm-template-image>
|
|
6
|
+
{{text}}
|
|
7
|
+
</span>
|
|
8
|
+
</div>
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
@import './../../assets/theme/wmGlobals.scss';
|
|
2
|
+
|
|
3
|
+
.text-title {
|
|
4
|
+
color: var(--strongFontColor);
|
|
5
|
+
display: flex;
|
|
6
|
+
text-align: left;
|
|
7
|
+
font-family: $fontFamily;
|
|
8
|
+
font-weight: 500;
|
|
9
|
+
font-size: 14px;
|
|
10
|
+
min-width: 50px;
|
|
11
|
+
text-align: center;
|
|
12
|
+
padding: 4px 6px;
|
|
13
|
+
z-index: 1;
|
|
14
|
+
line-height: 18px;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.text-wrap {
|
|
18
|
+
position: relative;
|
|
19
|
+
display: inline-block;
|
|
20
|
+
line-height: normal;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.text-bg {
|
|
24
|
+
border: 1px solid transparent;
|
|
25
|
+
box-sizing: border-box;
|
|
26
|
+
position: absolute;
|
|
27
|
+
width: 100%;
|
|
28
|
+
height: 100%;
|
|
29
|
+
border-radius: 6px;
|
|
30
|
+
opacity: 0.1;
|
|
31
|
+
}
|
|
32
|
+
.text-bg-bor {
|
|
33
|
+
border: 1px solid;
|
|
34
|
+
opacity: 0.25;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.rotate {
|
|
38
|
+
transform-origin: center center;
|
|
39
|
+
-webkit-transform: rotate(-6deg);
|
|
40
|
+
-moz-transform: rotate(-6deg);
|
|
41
|
+
-ms-transform: rotate(-6deg);
|
|
42
|
+
-o-transform: rotate(-6deg);
|
|
43
|
+
transform: rotate(-6deg);
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.text-icon {
|
|
47
|
+
margin-right: 4px;
|
|
48
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
+
|
|
3
|
+
@Component({
|
|
4
|
+
selector: 'wm-tag',
|
|
5
|
+
templateUrl: './wm-tag.component.html',
|
|
6
|
+
styleUrls: ['./wm-tag.component.scss'],
|
|
7
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
8
|
+
})
|
|
9
|
+
export class WmTagComponent {
|
|
10
|
+
|
|
11
|
+
@Input() public text: string;
|
|
12
|
+
@Input() public background: string = 'transparent';
|
|
13
|
+
@Input() public color: string = 'black';
|
|
14
|
+
@Input() public icon: string;
|
|
15
|
+
@Input() public iconSize: string = '20px';
|
|
16
|
+
|
|
17
|
+
}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, ElementRef, Input, ViewChild } from '@angular/core';
|
|
2
|
+
|
|
3
|
+
@Component({
|
|
4
|
+
selector: 'wm-template-image',
|
|
5
|
+
styleUrls: ['./wm-template-image.scss'],
|
|
6
|
+
templateUrl: './wm-template-image.html',
|
|
7
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
|
8
|
+
})
|
|
9
|
+
|
|
10
|
+
export class WmTemplateImageComponent {
|
|
11
|
+
@ViewChild('maskContainer', { static: true }) container: ElementRef;
|
|
12
|
+
require = ['mask-image', '-webkit-mask-image'];
|
|
13
|
+
@Input() icon: string;
|
|
14
|
+
@Input() disabled: boolean;
|
|
15
|
+
@Input() active: boolean;
|
|
16
|
+
@Input() light: boolean;
|
|
17
|
+
@Input() classes = 'icon-svg';
|
|
18
|
+
@Input() backgroundColor;
|
|
19
|
+
|
|
20
|
+
private _size: string = '24px';
|
|
21
|
+
public get size() { return this._size; }
|
|
22
|
+
@Input() public set size(value: string) {
|
|
23
|
+
this._size = value;
|
|
24
|
+
}
|
|
25
|
+
private _sizeBox: string = undefined;
|
|
26
|
+
public get sizeBox() { return this._sizeBox; }
|
|
27
|
+
@Input() public set sizeBox(value: string) {
|
|
28
|
+
this._sizeBox = value;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
get getStyles() {
|
|
32
|
+
if (!this.container.nativeElement) return undefined;
|
|
33
|
+
if (this.require.some(it => this.container.nativeElement.style[it] !== undefined)) {
|
|
34
|
+
return {
|
|
35
|
+
'-webkit-mask-position': 'center',
|
|
36
|
+
'-webkit-mask-repeat': 'no-repeat',
|
|
37
|
+
'-webkit-mask-size': this.size,
|
|
38
|
+
'-webkit-mask-image': `url(./assets/icon/svg/${this.icon}.svg)`,
|
|
39
|
+
'mask-image': `url(./assets/icon/svg/${this.icon}.svg)`,
|
|
40
|
+
'mask-size': this.size,
|
|
41
|
+
'width': this.sizeBox ? this.sizeBox : this.size,
|
|
42
|
+
'height': this.sizeBox ? this.sizeBox : this.size,
|
|
43
|
+
'background-color': this.backgroundColor,
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
return {
|
|
47
|
+
'background-image': `url(./assets/icon/svg/${this.icon}.svg)`,
|
|
48
|
+
'background-repeat': 'no-repeat',
|
|
49
|
+
'background-position': 'center',
|
|
50
|
+
'background-size': 'contain',
|
|
51
|
+
'background-color': 'transparent',
|
|
52
|
+
'width': this.sizeBox ? this.sizeBox : this.size,
|
|
53
|
+
'height': this.sizeBox ? this.sizeBox : this.size
|
|
54
|
+
};
|
|
55
|
+
}
|
|
56
|
+
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
@import './../../assets/theme/wmGlobals.scss';
|
|
2
|
+
|
|
3
|
+
:host {
|
|
4
|
+
display: block;
|
|
5
|
+
margin: auto;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.icon-svg {
|
|
9
|
+
background-color: var(--strongFontColor);
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.disabled {
|
|
13
|
+
background-color: var(--mediumFontColor);
|
|
14
|
+
}
|
|
15
|
+
//here is .active class in main.css which adds border with hardcoded color
|
|
16
|
+
.active {
|
|
17
|
+
background-color: var(--brandColor);
|
|
18
|
+
border: none;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.light {
|
|
22
|
+
background-color: var(--disabledTextColor);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.on-brand {
|
|
26
|
+
background-color: var(--onBrandTextColor);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.on-disabled {
|
|
30
|
+
background-color: var(--disabledTextColor);
|
|
31
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Component, Input, EventEmitter, Output, ChangeDetectionStrategy } from '@angular/core';
|
|
2
|
+
|
|
3
|
+
@Component({
|
|
4
|
+
selector: 'wm-toggle',
|
|
5
|
+
styleUrls: ['./wm-toggle.scss'],
|
|
6
|
+
templateUrl: './wm-toggle.html',
|
|
7
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
|
8
|
+
})
|
|
9
|
+
|
|
10
|
+
export class WmToggleComponent {
|
|
11
|
+
@Input() groupValue = 0;
|
|
12
|
+
@Input() model: string[] = [];
|
|
13
|
+
@Input() disable = false;
|
|
14
|
+
@Output() groupValueOutput: EventEmitter<number> = new EventEmitter<number>();
|
|
15
|
+
|
|
16
|
+
public onChange(idx: number) {
|
|
17
|
+
this.groupValue = idx;
|
|
18
|
+
this.groupValueOutput.emit(this.groupValue);
|
|
19
|
+
}
|
|
20
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
@import './../../assets/theme/wmGlobals.scss';
|
|
2
|
+
|
|
3
|
+
.mat-button-toggle-label-content {
|
|
4
|
+
height: 40px;
|
|
5
|
+
align-items: center;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.mat-button-toggle {
|
|
9
|
+
font-size: $fontSize + 2;
|
|
10
|
+
font-weight: 500;
|
|
11
|
+
color: var(--mediumFontColor);
|
|
12
|
+
line-height: 40px;
|
|
13
|
+
outline: none;
|
|
14
|
+
background: var(--pageBackgroundColor);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.mat-button-toggle-disabled {
|
|
18
|
+
color: var(--disabledTextColor);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.mat-button-toggle-appearance-standard {
|
|
22
|
+
padding: 0 16px;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.mat-button-toggle-group-appearance-standard {
|
|
26
|
+
border-radius: 50px !important;
|
|
27
|
+
border-color: var(--secondaryHover);
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.mat-button-toggle-checked {
|
|
31
|
+
background-color: transparent !important;
|
|
32
|
+
color: var(--brandColor);
|
|
33
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export type GuidFormat = 'N' | undefined;
|
|
2
|
+
|
|
3
|
+
export class Guid {
|
|
4
|
+
static newGuid(format: GuidFormat = undefined) {
|
|
5
|
+
const baseStr = Guid.getTemplate(format);
|
|
6
|
+
return baseStr.replace(/[xy]/g, function (c) {
|
|
7
|
+
const r = Math.random() * 16 | 0, v = c === 'x' ? r : (r & 0x3 | 0x8);
|
|
8
|
+
return v.toString(16);
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
private static getTemplate(format: GuidFormat) {
|
|
13
|
+
if (format === 'N') return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx';
|
|
14
|
+
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx';
|
|
15
|
+
}
|
|
16
|
+
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Public API Surface of btv-base-controls
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
export * from './lib/basic.module'
|
|
7
|
+
export * from './lib/wm-info/info-models'
|
|
8
|
+
export * from './lib/btv-icon-button/btv-counter-button'
|
|
9
|
+
export * from './lib/wm-toggle/wm-toggle.component'
|
|
10
|
+
export * from './lib/wm-tamplate-image/wm-template-image.component'
|
|
11
|
+
export * from './lib/wm-state-icon/wm-state-icon.component'
|
|
12
|
+
export * from './lib/wm-spinner/wm-spinner.component'
|
|
13
|
+
export * from './lib/wm-scalable-div/scalable-div.component'
|
|
14
|
+
export * from './lib/wm-panel-bar/wm-panel-bar.component'
|
|
15
|
+
export * from './lib/wm-no-content/wm-no-content.component'
|
|
16
|
+
export * from './lib/wm-tag/wm-tag.component'
|
|
17
|
+
export * from './lib/wm-info/wm-info.component'
|
|
18
|
+
export * from './lib/wm-beta-text/wm-beta-text.component'
|
|
19
|
+
export * from './lib/illustration/illustration.component'
|
|
20
|
+
export * from './lib/btv-search/btv-search.component'
|
|
21
|
+
export * from './lib/btv-progress/btv-progress.component'
|
|
22
|
+
export * from './lib/wm-info-card/wm-info-card.component'
|
|
23
|
+
export * from './lib/wm-back-btn/wm-back-btn.component'
|
|
24
|
+
export * from './lib/btv-icon-button/btv-icon-button.component'
|
|
25
|
+
export * from './lib/busy-indicator/busy-indicator.component'
|
|
26
|
+
export * from './lib/blink-message/blink-message.component'
|
|
27
|
+
export * from './lib/wm-avatar/avatar.component'
|
|
28
|
+
export * from './lib/custom-tool-tip/tool-tip-renderer.directive'
|
|
29
|
+
export * from './lib/custom-tool-tip/custom-tool-tip.component'
|
package/src/test.ts
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
// This file is required by karma.conf.js and loads recursively all the .spec and framework files
|
|
2
|
+
|
|
3
|
+
import 'zone.js';
|
|
4
|
+
import 'zone.js/testing';
|
|
5
|
+
import { getTestBed } from '@angular/core/testing';
|
|
6
|
+
import {
|
|
7
|
+
BrowserDynamicTestingModule,
|
|
8
|
+
platformBrowserDynamicTesting
|
|
9
|
+
} from '@angular/platform-browser-dynamic/testing';
|
|
10
|
+
|
|
11
|
+
// First, initialize the Angular testing environment.
|
|
12
|
+
getTestBed().initTestEnvironment(
|
|
13
|
+
BrowserDynamicTestingModule,
|
|
14
|
+
platformBrowserDynamicTesting(),
|
|
15
|
+
);
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/* To learn more about this file see: https://angular.io/config/tsconfig. */
|
|
2
|
+
{
|
|
3
|
+
"extends": "../../tsconfig.json",
|
|
4
|
+
"compilerOptions": {
|
|
5
|
+
"outDir": "../../out-tsc/lib",
|
|
6
|
+
"declaration": true,
|
|
7
|
+
"declarationMap": true,
|
|
8
|
+
"inlineSources": true,
|
|
9
|
+
"types": []
|
|
10
|
+
},
|
|
11
|
+
"exclude": [
|
|
12
|
+
"src/test.ts",
|
|
13
|
+
"**/*.spec.ts"
|
|
14
|
+
]
|
|
15
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/* To learn more about this file see: https://angular.io/config/tsconfig. */
|
|
2
|
+
{
|
|
3
|
+
"extends": "../../tsconfig.json",
|
|
4
|
+
"compilerOptions": {
|
|
5
|
+
"outDir": "../../out-tsc/spec",
|
|
6
|
+
"types": [
|
|
7
|
+
"jasmine"
|
|
8
|
+
]
|
|
9
|
+
},
|
|
10
|
+
"files": [
|
|
11
|
+
"src/test.ts"
|
|
12
|
+
],
|
|
13
|
+
"include": [
|
|
14
|
+
"**/*.spec.ts",
|
|
15
|
+
"**/*.d.ts"
|
|
16
|
+
]
|
|
17
|
+
}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
export * from './public-api';
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnR2LWJhc2UtY29udHJvbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9idHYtYmFzZS1jb250cm9scy9zcmMvYnR2LWJhc2UtY29udHJvbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import { ToolTipRendererDirective } from './custom-tool-tip/tool-tip-renderer.directive';
|
|
2
|
-
import { CustomToolTipComponent } from './custom-tool-tip/custom-tool-tip.component';
|
|
3
|
-
import { CommonModule } from '@angular/common';
|
|
4
|
-
import { NgModule } from '@angular/core';
|
|
5
|
-
import { MatButtonToggleModule } from '@angular/material/button-toggle';
|
|
6
|
-
import { AvatarComponent } from './wm-avatar/avatar.component';
|
|
7
|
-
import { BlinkMessageComponent } from './blink-message/blink-message.component';
|
|
8
|
-
import { BtvIconButtonComponent } from './btv-icon-button/btv-icon-button.component';
|
|
9
|
-
import { BtvProgressComponent } from './btv-progress/btv-progress.component';
|
|
10
|
-
import { BtvSearch } from './btv-search/btv-search.component';
|
|
11
|
-
import { BusyIndicatorComponent } from './busy-indicator/busy-indicator.component';
|
|
12
|
-
import { IllustrationComponent } from './illustration/illustration.component';
|
|
13
|
-
import { WmBackBtnComponent } from './wm-back-btn/wm-back-btn.component';
|
|
14
|
-
import { WmBetaTextComponent } from './wm-beta-text/wm-beta-text.component';
|
|
15
|
-
import { InfoCardComponent } from './wm-info-card/wm-info-card.component';
|
|
16
|
-
import { WmInfoComponent } from './wm-info/wm-info.component';
|
|
17
|
-
import { WmNoContentComponent } from './wm-no-content/wm-no-content.component';
|
|
18
|
-
import { WmPanelBarComponent } from './wm-panel-bar/wm-panel-bar.component';
|
|
19
|
-
import { ScalableDivComponent } from './wm-scalable-div/scalable-div.component';
|
|
20
|
-
import { SpinnerComponent } from './wm-spinner/wm-spinner.component';
|
|
21
|
-
import { WmStateIconComponent } from './wm-state-icon/wm-state-icon.component';
|
|
22
|
-
import { WmTagComponent } from './wm-tag/wm-tag.component';
|
|
23
|
-
import { WmTemplateImageComponent } from './wm-tamplate-image/wm-template-image.component';
|
|
24
|
-
import { WmToggleComponent } from './wm-toggle/wm-toggle.component';
|
|
25
|
-
import { BtvCounterButtonComponent } from './btv-icon-button/btv-counter-button';
|
|
26
|
-
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
27
|
-
import { OverlayModule } from '@angular/cdk/overlay';
|
|
28
|
-
import * as i0 from "@angular/core";
|
|
29
|
-
export class WmBaseControlsModule {
|
|
30
|
-
constructor() { }
|
|
31
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: WmBaseControlsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
32
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: WmBaseControlsModule, declarations: [BtvSearch, WmBackBtnComponent, BtvIconButtonComponent, WmNoContentComponent,
|
|
33
|
-
BtvCounterButtonComponent, WmStateIconComponent, BlinkMessageComponent, BusyIndicatorComponent,
|
|
34
|
-
ScalableDivComponent,
|
|
35
|
-
BtvProgressComponent, WmBetaTextComponent, WmTemplateImageComponent, IllustrationComponent,
|
|
36
|
-
AvatarComponent, WmToggleComponent, WmTagComponent, WmPanelBarComponent, InfoCardComponent,
|
|
37
|
-
CustomToolTipComponent, ToolTipRendererDirective, WmInfoComponent, SpinnerComponent], imports: [CommonModule, MatButtonToggleModule, MatTooltipModule, OverlayModule], exports: [BtvSearch, WmBackBtnComponent, BtvIconButtonComponent, WmNoContentComponent,
|
|
38
|
-
BtvCounterButtonComponent, WmStateIconComponent, BlinkMessageComponent, BusyIndicatorComponent,
|
|
39
|
-
ScalableDivComponent,
|
|
40
|
-
BtvProgressComponent, WmBetaTextComponent, WmTemplateImageComponent, IllustrationComponent,
|
|
41
|
-
AvatarComponent, WmToggleComponent, WmTagComponent, WmPanelBarComponent, InfoCardComponent,
|
|
42
|
-
WmInfoComponent, SpinnerComponent, ToolTipRendererDirective, CustomToolTipComponent] }); }
|
|
43
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: WmBaseControlsModule, imports: [CommonModule, MatButtonToggleModule, MatTooltipModule, OverlayModule] }); }
|
|
44
|
-
}
|
|
45
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: WmBaseControlsModule, decorators: [{
|
|
46
|
-
type: NgModule,
|
|
47
|
-
args: [{
|
|
48
|
-
imports: [CommonModule, MatButtonToggleModule, MatTooltipModule, OverlayModule],
|
|
49
|
-
declarations: [BtvSearch, WmBackBtnComponent, BtvIconButtonComponent, WmNoContentComponent,
|
|
50
|
-
BtvCounterButtonComponent, WmStateIconComponent, BlinkMessageComponent, BusyIndicatorComponent,
|
|
51
|
-
ScalableDivComponent,
|
|
52
|
-
BtvProgressComponent, WmBetaTextComponent, WmTemplateImageComponent, IllustrationComponent,
|
|
53
|
-
AvatarComponent, WmToggleComponent, WmTagComponent, WmPanelBarComponent, InfoCardComponent,
|
|
54
|
-
CustomToolTipComponent, ToolTipRendererDirective, WmInfoComponent, SpinnerComponent],
|
|
55
|
-
exports: [BtvSearch, WmBackBtnComponent, BtvIconButtonComponent, WmNoContentComponent,
|
|
56
|
-
BtvCounterButtonComponent, WmStateIconComponent, BlinkMessageComponent, BusyIndicatorComponent,
|
|
57
|
-
ScalableDivComponent,
|
|
58
|
-
BtvProgressComponent, WmBetaTextComponent, WmTemplateImageComponent, IllustrationComponent,
|
|
59
|
-
AvatarComponent, WmToggleComponent, WmTagComponent, WmPanelBarComponent, InfoCardComponent,
|
|
60
|
-
WmInfoComponent, SpinnerComponent, ToolTipRendererDirective, CustomToolTipComponent],
|
|
61
|
-
providers: []
|
|
62
|
-
}]
|
|
63
|
-
}], ctorParameters: () => [] });
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvYnR2LWJhc2UtY29udHJvbHMvc3JjL2xpYi9iYXNpYy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDekYsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDckYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDeEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ3JGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUM5RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNuRixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUN6RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM1RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDOUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0seUNBQXlD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LHdCQUF3QixFQUFFLHNCQUFzQixDQUFDO29CQUN4RixTQUFTLEVBQUUsRUFBRTtpQkFDaEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUb29sVGlwUmVuZGVyZXJEaXJlY3RpdmUgfSBmcm9tICcuL2N1c3RvbS10b29sLXRpcC90b29sLXRpcC1yZW5kZXJlci5kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBDdXN0b21Ub29sVGlwQ29tcG9uZW50IH0gZnJvbSAnLi9jdXN0b20tdG9vbC10aXAvY3VzdG9tLXRvb2wtdGlwLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1hdEJ1dHRvblRvZ2dsZU1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbi10b2dnbGUnO1xyXG5pbXBvcnQgeyBBdmF0YXJDb21wb25lbnQgfSBmcm9tICcuL3dtLWF2YXRhci9hdmF0YXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQmxpbmtNZXNzYWdlQ29tcG9uZW50IH0gZnJvbSAnLi9ibGluay1tZXNzYWdlL2JsaW5rLW1lc3NhZ2UuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQnR2SWNvbkJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vYnR2LWljb24tYnV0dG9uL2J0di1pY29uLWJ1dHRvbi5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBCdHZQcm9ncmVzc0NvbXBvbmVudCB9IGZyb20gJy4vYnR2LXByb2dyZXNzL2J0di1wcm9ncmVzcy5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBCdHZTZWFyY2ggfSBmcm9tICcuL2J0di1zZWFyY2gvYnR2LXNlYXJjaC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBCdXN5SW5kaWNhdG9yQ29tcG9uZW50IH0gZnJvbSAnLi9idXN5LWluZGljYXRvci9idXN5LWluZGljYXRvci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBJbGx1c3RyYXRpb25Db21wb25lbnQgfSBmcm9tICcuL2lsbHVzdHJhdGlvbi9pbGx1c3RyYXRpb24uY29tcG9uZW50JztcclxuaW1wb3J0IHsgV21CYWNrQnRuQ29tcG9uZW50IH0gZnJvbSAnLi93bS1iYWNrLWJ0bi93bS1iYWNrLWJ0bi5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBXbUJldGFUZXh0Q29tcG9uZW50IH0gZnJvbSAnLi93bS1iZXRhLXRleHQvd20tYmV0YS10ZXh0LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEluZm9DYXJkQ29tcG9uZW50IH0gZnJvbSAnLi93bS1pbmZvLWNhcmQvd20taW5mby1jYXJkLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFdtSW5mb0NvbXBvbmVudCB9IGZyb20gJy4vd20taW5mby93bS1pbmZvLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFdtTm9Db250ZW50Q29tcG9uZW50IH0gZnJvbSAnLi93bS1uby1jb250ZW50L3dtLW5vLWNvbnRlbnQuY29tcG9uZW50JztcclxuaW1wb3J0IHsgV21QYW5lbEJhckNvbXBvbmVudCB9IGZyb20gJy4vd20tcGFuZWwtYmFyL3dtLXBhbmVsLWJhci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTY2FsYWJsZURpdkNvbXBvbmVudCB9IGZyb20gJy4vd20tc2NhbGFibGUtZGl2L3NjYWxhYmxlLWRpdi5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTcGlubmVyQ29tcG9uZW50IH0gZnJvbSAnLi93bS1zcGlubmVyL3dtLXNwaW5uZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgV21TdGF0ZUljb25Db21wb25lbnQgfSBmcm9tICcuL3dtLXN0YXRlLWljb24vd20tc3RhdGUtaWNvbi5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBXbVRhZ0NvbXBvbmVudCB9IGZyb20gJy4vd20tdGFnL3dtLXRhZy5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBXbVRlbXBsYXRlSW1hZ2VDb21wb25lbnQgfSBmcm9tICcuL3dtLXRhbXBsYXRlLWltYWdlL3dtLXRlbXBsYXRlLWltYWdlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFdtVG9nZ2xlQ29tcG9uZW50IH0gZnJvbSAnLi93bS10b2dnbGUvd20tdG9nZ2xlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEJ0dkNvdW50ZXJCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2J0di1pY29uLWJ1dHRvbi9idHYtY291bnRlci1idXR0b24nO1xyXG5pbXBvcnQgeyBNYXRUb29sdGlwTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbHRpcCc7XHJcbmltcG9ydCB7IE92ZXJsYXlNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XHJcblxyXG5cclxuQE5nTW9kdWxlKHtcclxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE1hdEJ1dHRvblRvZ2dsZU1vZHVsZSwgTWF0VG9vbHRpcE1vZHVsZSwgT3ZlcmxheU1vZHVsZV0sXHJcbiAgICBkZWNsYXJhdGlvbnM6IFtCdHZTZWFyY2gsIFdtQmFja0J0bkNvbXBvbmVudCwgQnR2SWNvbkJ1dHRvbkNvbXBvbmVudCwgV21Ob0NvbnRlbnRDb21wb25lbnQsXHJcbiAgICAgICAgQnR2Q291bnRlckJ1dHRvbkNvbXBvbmVudCwgV21TdGF0ZUljb25Db21wb25lbnQsIEJsaW5rTWVzc2FnZUNvbXBvbmVudCwgIEJ1c3lJbmRpY2F0b3JDb21wb25lbnQsXHJcbiAgICAgICAgU2NhbGFibGVEaXZDb21wb25lbnQsXHJcbiAgICAgICAgQnR2UHJvZ3Jlc3NDb21wb25lbnQsIFdtQmV0YVRleHRDb21wb25lbnQsIFdtVGVtcGxhdGVJbWFnZUNvbXBvbmVudCwgSWxsdXN0cmF0aW9uQ29tcG9uZW50LFxyXG4gICAgICAgIEF2YXRhckNvbXBvbmVudCwgV21Ub2dnbGVDb21wb25lbnQsIFdtVGFnQ29tcG9uZW50LCBXbVBhbmVsQmFyQ29tcG9uZW50LCBJbmZvQ2FyZENvbXBvbmVudCxcclxuICAgICAgICBDdXN0b21Ub29sVGlwQ29tcG9uZW50LCBUb29sVGlwUmVuZGVyZXJEaXJlY3RpdmUsIFdtSW5mb0NvbXBvbmVudCxTcGlubmVyQ29tcG9uZW50XSxcclxuICAgIGV4cG9ydHM6IFtCdHZTZWFyY2gsIFdtQmFja0J0bkNvbXBvbmVudCwgQnR2SWNvbkJ1dHRvbkNvbXBvbmVudCwgV21Ob0NvbnRlbnRDb21wb25lbnQsXHJcbiAgICAgICAgQnR2Q291bnRlckJ1dHRvbkNvbXBvbmVudCwgV21TdGF0ZUljb25Db21wb25lbnQsIEJsaW5rTWVzc2FnZUNvbXBvbmVudCwgIEJ1c3lJbmRpY2F0b3JDb21wb25lbnQsXHJcbiAgICAgICAgU2NhbGFibGVEaXZDb21wb25lbnQsXHJcbiAgICAgICAgQnR2UHJvZ3Jlc3NDb21wb25lbnQsIFdtQmV0YVRleHRDb21wb25lbnQsIFdtVGVtcGxhdGVJbWFnZUNvbXBvbmVudCwgSWxsdXN0cmF0aW9uQ29tcG9uZW50LFxyXG4gICAgICAgIEF2YXRhckNvbXBvbmVudCwgV21Ub2dnbGVDb21wb25lbnQsIFdtVGFnQ29tcG9uZW50LCBXbVBhbmVsQmFyQ29tcG9uZW50LCBJbmZvQ2FyZENvbXBvbmVudCxcclxuICAgICAgICAgV21JbmZvQ29tcG9uZW50LFNwaW5uZXJDb21wb25lbnQsIFRvb2xUaXBSZW5kZXJlckRpcmVjdGl2ZSwgQ3VzdG9tVG9vbFRpcENvbXBvbmVudF0sXHJcbiAgICBwcm92aWRlcnM6IFtdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBXbUJhc2VDb250cm9sc01vZHVsZSB7XHJcbiAgICBjb25zdHJ1Y3RvcigpIHsgfVxyXG59XHJcbiJdfQ==
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { interval } from 'rxjs';
|
|
2
|
-
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
export class BlinkMessageComponent {
|
|
6
|
-
get intervalNumber() { return this._intervalNumber; }
|
|
7
|
-
set intervalNumber(value) {
|
|
8
|
-
if (this._intervalNumber === value)
|
|
9
|
-
return;
|
|
10
|
-
if (!value)
|
|
11
|
-
return;
|
|
12
|
-
this._intervalNumber = value;
|
|
13
|
-
this._duration = interval(this.intervalNumber * 1000);
|
|
14
|
-
}
|
|
15
|
-
get actionId() { return this._actionId; }
|
|
16
|
-
set actionId(value) {
|
|
17
|
-
if (this._actionId === value)
|
|
18
|
-
return;
|
|
19
|
-
if (!value)
|
|
20
|
-
return;
|
|
21
|
-
this.show = true;
|
|
22
|
-
this.selectScript();
|
|
23
|
-
}
|
|
24
|
-
constructor(change) {
|
|
25
|
-
this.change = change;
|
|
26
|
-
this.message = 'Copied';
|
|
27
|
-
this._intervalNumber = 1;
|
|
28
|
-
this._duration = interval(this.intervalNumber * 1000);
|
|
29
|
-
this.show = false;
|
|
30
|
-
}
|
|
31
|
-
selectScript() {
|
|
32
|
-
if (this._subscription)
|
|
33
|
-
this._subscription.unsubscribe();
|
|
34
|
-
this._subscription = this._duration.subscribe(() => {
|
|
35
|
-
this.show = false;
|
|
36
|
-
this.change.detectChanges();
|
|
37
|
-
this._subscription.unsubscribe();
|
|
38
|
-
this._subscription = undefined;
|
|
39
|
-
});
|
|
40
|
-
}
|
|
41
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BlinkMessageComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
42
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: BlinkMessageComponent, selector: "wm-blink-message", inputs: { message: "message", intervalNumber: "intervalNumber", actionId: "actionId" }, ngImport: i0, template: "<span class=\"copy-label\" *ngIf=\"show\"> {{ message }} </span>", styles: [".copy-label{color:var(--brandColor);margin-right:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
43
|
-
}
|
|
44
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BlinkMessageComponent, decorators: [{
|
|
45
|
-
type: Component,
|
|
46
|
-
args: [{ selector: 'wm-blink-message', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"copy-label\" *ngIf=\"show\"> {{ message }} </span>", styles: [".copy-label{color:var(--brandColor);margin-right:10px}\n"] }]
|
|
47
|
-
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { message: [{
|
|
48
|
-
type: Input
|
|
49
|
-
}], intervalNumber: [{
|
|
50
|
-
type: Input
|
|
51
|
-
}], actionId: [{
|
|
52
|
-
type: Input
|
|
53
|
-
}] } });
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmxpbmstbWVzc2FnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9idHYtYmFzZS1jb250cm9scy9zcmMvbGliL2JsaW5rLW1lc3NhZ2UvYmxpbmstbWVzc2FnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9idHYtYmFzZS1jb250cm9scy9zcmMvbGliL2JsaW5rLW1lc3NhZ2UvYmxpbmstbWVzc2FnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFnQixNQUFNLE1BQU0sQ0FBQztBQUM5QyxPQUFPLEVBQUUsdUJBQXVCLEVBQXFCLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVM3RixNQUFNLE9BQU8scUJBQXFCO0lBTzlCLElBQVcsY0FBYyxLQUFLLE9BQU8sSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUM7SUFDNUQsSUFBb0IsY0FBYyxDQUFDLEtBQWE7UUFDNUMsSUFBSSxJQUFJLENBQUMsZUFBZSxLQUFLLEtBQUs7WUFBRSxPQUFPO1FBQzNDLElBQUksQ0FBQyxLQUFLO1lBQUUsT0FBTztRQUNuQixJQUFJLENBQUMsZUFBZSxHQUFHLEtBQUssQ0FBQztRQUM3QixJQUFJLENBQUMsU0FBUyxHQUFHLFFBQVEsQ0FBQyxJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxDQUFDO0lBQzFELENBQUM7SUFLRCxJQUFXLFFBQVEsS0FBSyxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDO0lBQ2hELElBQW9CLFFBQVEsQ0FBQyxLQUFXO1FBQ3BDLElBQUksSUFBSSxDQUFDLFNBQVMsS0FBSyxLQUFLO1lBQUUsT0FBTztRQUNyQyxJQUFJLENBQUMsS0FBSztZQUFFLE9BQU87UUFDbkIsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7UUFDakIsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFJRCxZQUFvQixNQUF5QjtRQUF6QixXQUFNLEdBQU4sTUFBTSxDQUFtQjtRQXhCN0IsWUFBTyxHQUFXLFFBQVEsQ0FBQztRQUVuQyxvQkFBZSxHQUFXLENBQUMsQ0FBQztRQVM1QixjQUFTLEdBQUcsUUFBUSxDQUFDLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLENBQUM7UUFXbEQsU0FBSSxHQUFZLEtBQUssQ0FBQztJQUc3QixDQUFDO0lBRU0sWUFBWTtRQUNmLElBQUksSUFBSSxDQUFDLGFBQWE7WUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ3pELElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQy9DLElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDO1lBQ2xCLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDNUIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUNqQyxJQUFJLENBQUMsYUFBYSxHQUFHLFNBQVMsQ0FBQztRQUNuQyxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7OEdBdkNRLHFCQUFxQjtrR0FBckIscUJBQXFCLGdKQ1ZsQyxrRUFBNEQ7OzJGRFUvQyxxQkFBcUI7a0JBTmpDLFNBQVM7K0JBQ0ksa0JBQWtCLG1CQUdYLHVCQUF1QixDQUFDLE1BQU07c0ZBTS9CLE9BQU87c0JBQXRCLEtBQUs7Z0JBSWMsY0FBYztzQkFBakMsS0FBSztnQkFXYyxRQUFRO3NCQUEzQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgaW50ZXJ2YWwsIFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgR3VpZCB9IGZyb20gJy4uLy4uL21vZGVscy9ndWlkRXh0ZW5zaW9uJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICd3bS1ibGluay1tZXNzYWdlJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9ibGluay1tZXNzYWdlLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL2JsaW5rLW1lc3NhZ2UuY29tcG9uZW50LnNjc3MnXSxcclxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCbGlua01lc3NhZ2VDb21wb25lbnQge1xyXG5cclxuICAgIHByaXZhdGUgX3N1YnNjcmlwdGlvbjogU3Vic2NyaXB0aW9uO1xyXG5cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBtZXNzYWdlOiBzdHJpbmcgPSAnQ29waWVkJztcclxuXHJcbiAgICBwcml2YXRlIF9pbnRlcnZhbE51bWJlcjogbnVtYmVyID0gMTtcclxuICAgIHB1YmxpYyBnZXQgaW50ZXJ2YWxOdW1iZXIoKSB7IHJldHVybiB0aGlzLl9pbnRlcnZhbE51bWJlcjsgfVxyXG4gICAgQElucHV0KCkgcHVibGljIHNldCBpbnRlcnZhbE51bWJlcih2YWx1ZTogbnVtYmVyKSB7XHJcbiAgICAgICAgaWYgKHRoaXMuX2ludGVydmFsTnVtYmVyID09PSB2YWx1ZSkgcmV0dXJuO1xyXG4gICAgICAgIGlmICghdmFsdWUpIHJldHVybjtcclxuICAgICAgICB0aGlzLl9pbnRlcnZhbE51bWJlciA9IHZhbHVlO1xyXG4gICAgICAgIHRoaXMuX2R1cmF0aW9uID0gaW50ZXJ2YWwodGhpcy5pbnRlcnZhbE51bWJlciAqIDEwMDApO1xyXG4gICAgfVxyXG5cclxuICAgIHByaXZhdGUgX2R1cmF0aW9uID0gaW50ZXJ2YWwodGhpcy5pbnRlcnZhbE51bWJlciAqIDEwMDApO1xyXG5cclxuICAgIHByaXZhdGUgX2FjdGlvbklkOiBHdWlkO1xyXG4gICAgcHVibGljIGdldCBhY3Rpb25JZCgpIHsgcmV0dXJuIHRoaXMuX2FjdGlvbklkOyB9XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgc2V0IGFjdGlvbklkKHZhbHVlOiBHdWlkKSB7XHJcbiAgICAgICAgaWYgKHRoaXMuX2FjdGlvbklkID09PSB2YWx1ZSkgcmV0dXJuO1xyXG4gICAgICAgIGlmICghdmFsdWUpIHJldHVybjtcclxuICAgICAgICB0aGlzLnNob3cgPSB0cnVlO1xyXG4gICAgICAgIHRoaXMuc2VsZWN0U2NyaXB0KCk7XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIHNob3c6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNoYW5nZTogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgc2VsZWN0U2NyaXB0KCkge1xyXG4gICAgICAgIGlmICh0aGlzLl9zdWJzY3JpcHRpb24pIHRoaXMuX3N1YnNjcmlwdGlvbi51bnN1YnNjcmliZSgpO1xyXG4gICAgICAgIHRoaXMuX3N1YnNjcmlwdGlvbiA9IHRoaXMuX2R1cmF0aW9uLnN1YnNjcmliZSgoKSA9PiB7XHJcbiAgICAgICAgICAgIHRoaXMuc2hvdyA9IGZhbHNlO1xyXG4gICAgICAgICAgICB0aGlzLmNoYW5nZS5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgICAgICAgICAgIHRoaXMuX3N1YnNjcmlwdGlvbi51bnN1YnNjcmliZSgpO1xyXG4gICAgICAgICAgICB0aGlzLl9zdWJzY3JpcHRpb24gPSB1bmRlZmluZWQ7XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcblxyXG5cclxuXHJcbn1cclxuIiwiPHNwYW4gY2xhc3M9XCJjb3B5LWxhYmVsXCIgKm5nSWY9XCJzaG93XCI+IHt7IG1lc3NhZ2UgfX0gPC9zcGFuPiJdfQ==
|